﻿body 
{
	background: #462484 url("img/body-bg.png") repeat top left;
	text-decoration: none;
	margin:0;
	padding:0;
}

H1
{
    margin:0;
    padding:0;
    font-size:1.375em;
    font-weight:900;
}

H2
{
    margin:0;
    padding:0;
    font-size:1.064em;
    font-weight:900;
}

H3
{
    font-size:1.000em;
    font-weight:900;
}
fieldset
{
	border:none;
}

#SubHeading, #MinorHeading, #Content_Form, #Register_Form, #Register_Form LI, #lower_links li,
 .password, .errorSummary, .ErrorMessage, .form_tbox, .default_text, .form_lbl_darkbg
{
	font-size:0.814em;
	font-family:verdana, Arial, Sans-Serif;
	color:#fff;
}
.form_tbox, .title_dd, .dob_dd
{
	font-size:0.875em
}

#lower_links li
{
    font-size:0.555em;
    color:#ccc;
}

.default_text
{
 font-size:0.814em;
}

.default_text a
{
    text-decoration: underline;
}

.pnl_title
{
    padding:10px 10px 20px 28px;
}
.pnl_text
{
    padding:0px 10px 20px 28px;
}


.Heading
{
    /*font-size:24px;*/
    font-size:1.500em;
    font-weight:900;
}

#SubHeading
{
   font-size:1.000em
}

UL.no-bullets
{
    list-style:none;
	margin: 0;
	padding: 0;  
}

LI.no-bullets
{
    list-style:none;
	margin: 0;
	padding: 8px 0 0 0;  
}

ul
{
    list-style:none;
	margin: 0;
	padding: 0;
}

li
{
	font-family:Georgia, Times New Roman, Serif;
	font-size:0.750em;
	font-weight:500;
}

a
{
	text-decoration:none;
	color:#fff;
}

a:hover
{
	text-decoration:none;
	color:#f7b9b6;
}
 
a.answer
{
    background: transparent url("img/btn_complete.png") no-repeat top left;
}
btnSubmit.answer
{
	width:200px;
	height:100px;
}

#Content_Form a, Register_Form a
{
	color:#bc453f;
}

#Content_Form a:hover, Register_Form a:hover
{
	color:#ef6862;
}

#lower_links a
{
	color:#ccc;
}
#lower_links a:hover
{
	color:#ffccff;
}

#outerwrapper
{
	width:100%;
	text-align:center;
}
#content
{
	position:relative;
	top:0px;
	margin:0 auto;
	width:978px;
}
#content #menuouter
{
	padding-top:18px;
	height:30px;
	width:670px;
	text-align:left;
	float:right;
}

#content #ContentPnl_Top
{
	background: transparent url("img/content-top-bg.png") no-repeat top left;
	height:101px;
	width:100%;
}

#content #ContentPnl_Mid
{

	background-color:#999;
	background: transparent url("img/content-mid-bg.png") repeat-y top left;
}

#content #ContentPnl_Bottom
{
	height:303px;
	width:978px;
	background: transparent url("img/content-bottom-bg.png") no-repeat top left;
}

#content #ContentPnl_Mid  #ContentPnl_Mid_center
{
	width:100%;
	background: transparent url("img/content-mid-fg.png") no-repeat top left;
}

#content #ContentPnl_Mid  #ContentPnl_Mid_center #Content_Inner_Title
{
	width:750px;
	height:310px;
}

#Content_Inner_Title #SubHeading, #Heading, #MinorHeading 
{
	margin-left:0px;
	text-align:left;
	width:868px;
	/*border:solid 2px green;*/
}

#Content_Inner_Title #Heading
{
	padding-top:14px;
	height:166px;
}

#Content_Inner_Title #SubHeading
{
	margin-top:0px;
	float:left;
	height:58px;
	font-weight:900;
}

#Content_Inner_Title #MinorHeading
{
	height:40px;
}

#MinorHeading.bold
{
    font-weight:900;
}

.errorSummary
{
	width:680px;
	margin-left:10px;
	margin-bottom:16px;
	padding:8px;
	border:solid 1px red;
	background:#dfdedf;
}

#content #ContentPnl_Mid  #ContentPnl_Mid_center #ContentPnl_Mid_Content
{
	width:100%;
	margin-left:56px;
	padding-top:0px;
	text-align:left;
}


#ContentPnl_Mid_Inner_Content #pnl_top
{
    border:none; 
    width:868px;  
}

#ContentPnl_Mid_Inner_Content #pnl_mid
{
    border:none; 
    width:868px; 
    position:relative;
}

#ContentPnl_Mid_Inner_Content #pnl_btm
{
    width:868px; 
    height:27px;
}

#ContentPnl_Mid_Inner_Content #pnl_text
{
    width:866px; 
    height:100px; 
    position:absolute; 
    left:0px; 
    top:0px;
}

#ContentPnl_Mid_Inner_Content #pnl_vid
{
    position:absolute; 
    left:34px; 
    top:120px;
    width:582px; 
    height:326px; 
}

#ContentPnl_Mid_Inner_Content #pnl_vid_btns
{
    width:266px; 
    border:none; 
    position:absolute; 
    left:540px; 
    top:120px; 
}


#content #ContentPnl_Mid #ContentPnl_Mid_Right
{
	width:114px;
	height:444px;
	background: transparent url("img/content-right-bar.png") no-repeat top left;
}


#content #ContentPnl_Bottom #ContentPnl_Footer
{
	height:80px;
}

#ContentPnl_Mid_Inner_Content.thiscls
{
    margin-top:20px;
}

#ContentPnl_Mid_Inner_Content #pnl_top
{
  background: transparent url("img/pnl_top.png") no-repeat top left;  
}

#ContentPnl_Mid_Inner_Content #pnl_mid
{
  background: transparent url("img/pnl_bgrnd.png") repeat top left;  
}

#ContentPnl_Mid_Inner_Content #pnl_btm
{
  background: transparent url("img/pnl_btm.png") no-repeat top left;  
}

#content #ContentPnl_Bottom #cad_logo
{
	height:50px;
	width:120px;
	position:relative;
	left:40px;
	top:12px;
	background: transparent url("img/cadbury-logo.png") no-repeat top left;
	float:left;
}

#content #ContentPnl_Bottom #lower_links
{
	height:100px;
	width:840px;
	float:right;
	vertical-align:middle;
	padding-top:22px;
	text-align:left;
}

#PlaceHolderContent
{
	width:798px;
}

#menuouter li
{
	display: inline;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
}

#lower_links ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}

#lower_links li
{
	display: inline;	
}

#Login_Form UL, #Content_Form UL, #Register_Form UL
{
	list-style-type: none;
	margin: 0; 
	padding: 0;	
}

#Content_Form LI 
{
	float: left;
	width: 49%;
	margin: 0;
	padding: 0px 0px 2px 0px;
	height:44px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:0.875em;
}

#Login_Form LI
{
	padding: 0px 0px 2px 0px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:0.875em;
	height:44px;
	margin: 0;
	width: 80%;
}

#Register_Form LI
{
	float: left;
	margin: 0;
	padding: 0px 0px 2px 0px;
	height:44px;
	width:49%;
}



#validation_summary li
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:0.938em;
}

.piped li 
{
	border-right: 1px solid white ;
	padding-left:4px;
	padding-right:4px;
	height:70px;
	margin:0;
}

.piped li.lastlistitem {
	border:0;
}

.horizontalmenu
{
	display: inline;
}

.title_dd, .dob_dd, .form_tbox
{
	margin-top:3px;
}

.title_dd, .dob_dd
{
	height:20px;
	width:68px;
	border:none;
	background:#dfdedf;
}

.form_tbox
{
	height:19px;
	width:280px;
	border:none;
	background:#dfdedf;
	border:solid 1px red;
}

.form_tbox_darkbg
{
	height:21px;
	width:300px;
	border:none;
	background:#741989;
	color: #ffffff;
}

.form_lbl_darkbg
{
    font-size:0.875em;
    font-weight:900;
    display:block;
    margin-bottom:8px;
    padding:0;
}


.form_cbox
{
	border:none;
	background:#dfdedf;
}

.password
{
    float: left;
    display: block;
    height: 42px;
    width: 200px;
    color:#f35851;
}

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}


#Heading h1
{
    overflow: hidden;
    height: 60px;
    text-indent: -999em;    
}

#SubHeading h2
{
    overflow: hidden;
    height: 60px;
    text-indent: -999em;
}

#Heading h1.cia-send2friend
{
    height: 166px;
    background: transparent url("img/title_thecianeeds.png") no-repeat top left;
}
#Heading h1.cia-sightings
{
    height: 166px;
    /*background: transparent url("img/title_thesuspect2.png") no-repeat top left;*/
    background: transparent url("img/title_sightings.png") no-repeat top left;
}

#Heading h1.cia-suspect
{
    height: 166px;
    background: transparent url("img/title_thesuspect2.png") no-repeat top left;
    /*background: transparent url("img/title_sightings.png") no-repeat top left;*/

}

#Heading h1.find-twisted
{
    height: 166px;
    background: transparent url("img/title_findtwisted.png") no-repeat top left;
}


#menuouter #homelink
{
	display: inline;
	position: absolute;
	overflow: hidden;
	text-indent: -999em;
	left: 36px;
	top: 10px;
	width: 230px;
	height:80px;
}

.morocco-img
{
    float:right;
    padding-right: 84px;
}

.sooty-img
{
    float: left;
}

.clear
{
    clear: both;
}