/* HTML Tags*/

body 
{
	font-family: Georgia, "Times New Roman",Times, Serif;
	font-size:100%;
	line-height:1.125em;
	margin:0;
}

/* fix ie6 em sizing bug */
* html body
{
	font-size:101%;
}

html>body
{
	font-size:16px;
}

p 
{
	display:block;
	font-size: .88em;
	font-style: normal;
	line-height: 1.2em;
	font-weight:normal;
	color:#00457c;
	margin:0;
	padding:0;
}

a
{
	text-decoration:underline;
	color: #224c88;
}

a:hover
{
	color:#446eaa;
}

h1 
{
	font-family: Verdana Arial, Sans-Serif;
	font-size: 1.8em;
	font-style: normal;
	line-height: 1.9em;
	font-weight: bold;
	color: #224c88;
	margin:0;
	margin-top:.1em;
}
	
	
h2 
{
	font-family: Verdana Arial, Sans-Serif;
	font-size: 1.3em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	color: #224c88;
	margin:0;
	margin-top:.3em;
}

h3 	
{
	font-family: Verdana Arial, Sans-Serif;
	font-size: .9em;
	font-style: normal;
	line-height: 1.15em;
	font-weight: bold;
	color: #224c88;
	margin:0.1em;
	margin:0.5em 0 .5em 0;
}

h4 
{
	font-family: Verdana Arial, Sans-Serif;
	font-size: 1.0em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:bold;
	color: #224c88;
	margin:0.1em;
	margin-top:0.5em;
}	

#wrap
{
	background: #1d3a60;
	background-image: url(pics/bg-page.gif);
	background-repeat:repeat-x;
	position:relative;
	display:block;
	overflow:hidden;
	line-height: 1.538; 
	padding:1em 1em 0 1em; 
	text-align: center; 
	margin:0;
	width:964px;
	min-width:964px;
}

/*Graphic Banner Elements*/

div#banner
{
	background:none;
	background-image:url(pics/bg-header.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
	text-align:left;
	position:relative;
	top:0px;
	width:964px;
	height:140px;
	border-style:none;
}
	
div#banner img
{
	margin:0px;
	padding:0px;
	border:none 0;
	overflow:hidden;
}
	
div#banner img.clientlogo
{
	left:10px;
	margin-top:20px;
	margin-left:5px;
	padding:10px;
	position:relative;
}

div#banner img.gmetlogo
{
	margin-left:380px;
	margin-top:95px;
	margin-bottom:5px;
	margin-right:5px;
	padding:10px;
	position:absolute;
}

#linkbar{
	background:#fee9b8;
	background-image:url(pics/bg-nav.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin:auto;
	margin-top:0;
	position:relative;
	top:0px;
	width:964px;
	height:35px;
	border: 1px solid #babcbe;
	font-family:Verdana, Arial, Sans-Serif;
	font-size: .8em;
	line-height:1.6em;
	padding:0;
}

#linkbar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#linkbar li
{
	background: none; 
	float: left; 
	padding: 0.5em 0;
}
	
#linkbar a
{
	border-right: 1px solid #d18e00;
	color: #000;
	display: block;
	padding: 0 0.5em 0.3em;
	text-decoration: none;
	white-space: nowrap;
}
	
#linkbar a:hover
{
	text-decoration:underline;
}

#linkbar li.highlightedlink 
{
	background: #fee9b8;
	border: 1px solid #babcbe;
	border-bottom: 0;
	margin: -6px 0 -1px -1px;
	padding: 0;
	padding-bottom:0.7em;
}
#linkbar li.highlightedlink a 
{ 
	border-top: 4px solid #000; padding: 0.5em 0.6em 1em; 
}

#linkbar li.highlightedlink a, #linkbar li.last a 
{ 
	border-right: 0; 
}

#footer
{
	clear:both;
}

/* safari needs this - otherwise the ghost overflow, thogh painted correctly
obsures links and form elements that by rights should be above it.
An unintended side-effect is that it causes some elements to vanish in IE 5.01 and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position:relative;
	z-index:1000;
}
	
#footer
{
	background:#fbbf38;
	margin:0 auto;
	text-align:left;
	position:relative;
	top:-4px;
	width:964px;
	height:80px;
	border:1px solid #1d3a60;
	border-top:1px solid #fff;
}		

#footer p
{
	margin:1em;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 0.84em; LINE-HEIGHT: 1.363;
}

div.maincontent
{
	background:#ffffff;
	margin:auto;
	text-align:left;
	position:relative;
	width:964px;
	border-right:none;
	border-left:none;
	padding-bottom:1em;
	padding-top:.5em;
}
	
div.maincontent>p
{
	margin:1.5em;
}
	
div.maincontent ol
{
	margin:1.5em;
	padding-left: 3em;
}
	

#pagetitle
{
	clear:both;
	margin:0.5em;
	padding:0.5em;
	text-align:left;
	position:relative;
}

#pagetitle div
{
	text-align:left;
	position:relative;
	width:auto;
}

#pagetitle div.text
{
	display:block;
	float:left;
	text-align:left;
	position:relative;
}
		


#pagetitle a 
{
	display:block;
	margin:2em 0 0 0;
	padding:0;
}
			
/* this item is for asp validation alert messages */
#pagetitle li
{
	background-image: none;
	padding-left:0;
	margin: .30em 0 .3em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;	
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
}

#searchbar
{
	margin:0.5em 1em .5em 1em;
	position:relative;
	width:auto;
	border: 1px solid #224c88;
	padding:.5em;
	background-color: #fee9b8;
	overflow:hidden; /* this hides the ecsess padding on non-ie browsers */
}

#searchlabelblock
{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:55%;
	margin-left:0;
	text-align:center;
}
#searchlabelblock p
{
	margin:.2em;
	padding:0;
}

#searchinputblock
{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:45%;
	margin-left:0;
	text-align:center;
}
	
* html #searchinputblock
{
	display:inline;
}
	
#searchinputblock p
{
	position:relative;
	margin:.5em;	
}

#searchinputblock p input[type=text]
{
	border:1px solid #1d3a60;
	width:220px;
}

#searchinputblock p input[type=image]
{
	border:0;
	margin-top:-2px;
}
.grouplistreturn
{
	display:none;
	visibility:collapse;
	height:0;
	width:0;
}

.grouplistreturn .returnbutton
{
	display:none;
	visibility:collapse;
	height:0;
	width:0;
}
.grouplist 
{
	margin:0 1em 0em 1em;
	padding:0;
	width:60%;
	float:left;
	position:relative;
}
.grouplist div
{
	padding:1em;
}
	
.grouplist p
{
	display:block;
	color:#1d3a60;
}

.sponsor 
{
	background-image:none;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	float:left;
	width:300px;
	height:200px;
	margin:6em 1em auto 1em;
}

.sponsor img
{
	border:none;
	width:300px;
}

.sortby
{
	font-family:Verdana Arial Sans-Serif;
	margin:0 0 .5em 1em;
}
.sortby a
{
	font-weight:bold;
}

.listwrapper
{
	position:relative;
	display:block;
}

.preslistreturn
{
	display:block;
	position:relative;
	clear:both;
	width:auto;	
	margin:0 1em .2em 1em;
}
.preslistreturn p
{
	float:left;
}

.preslistreturn .returnbutton
{
	float:right;
}
#ltie8 .preslistreturn
{
	width:96.5%;
}

.presentationlist
{
	display:table;
	width:auto;	
	margin:0 1em;
}

.presentationlist .oddrow, .presentationlist .evenrow
{
		display:table-row; /* Gecko */
		border-collapse:separate;
}
.presentationlist .row .evenrow,.presentationlist .row .oddrow
{
		position:relative
}	
	
.timecol, .prescol 
{
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #224c88;	
}

.timecol
{
	width:15%;
	text-align:center;
	border-right:none;
}

.prescol
{
	width:84%;
	border-left:none;
}

.presdetail
{
	position:relative;
	display:block;
	margin:.5em;
	margin-top:0;
	padding-bottom:1.2em;
	width:auto;
}

.presdetail img
{
	Border:0;
	height:18px; 
	width:63px;
	margin-bottom:-3px;
} 


div.topic 
{
	position:absolute;
	text-align:right;
	bottom:0;
	right:0;
	width: auto;
	margin:0;
}

/* hack for IE Win pre IE7 */
* html .topic
{
	width:100% !important;
}


/*\*//*/
* html .presentationlist, .presentationlist .oddrow, .presentationlist .evenrow 
{
	display: block;
}
* html .timecol, * html .prescol 
{
	display: inline-block;
}
* html .prescol 
{
	margin-left: -1px;
}
/**/




.vidinstrbar
{
	margin:0.5em 1em .5em 1em;
	position:relative;
	width:auto;
	border: 1px solid #224c88;
	padding:.5em;
	background-color: #fee9b8;
	overflow:hidden; /* this hides the ecsess padding on non-ie browsers */
}

.vidinstrtextblock
{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:70%;
	margin-left:0;
	text-align:center;
}
.vidinstrtextblock p
{
	margin:.2em;
	padding:0;
}

.vidinstrbuttonblock
{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:30%;
	margin-left:0;
	text-align:center;
}
	
* html .vidinstrbuttonblock
{
	display:inline;
}
	
.vidinstrbuttonblock .returnbutton,
.vidinstrbuttonblock .continuebutton
{
	float:left;
	margin:2em .8em 1.5em .8em;
}






#prescontent
{
	display:block;
	position:relative;
	width:640px;
	height:500px;
	margin:1em auto 1em auto;
	padding:0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:normal;
	color:#0066A4;
	text-align:center;
	border: none;
	overflow:hidden;	
}

#prescontent .videoholder
{
	display:inline;
	position:relative;
	float:left;
	margin:0;
	padding:8px;
	height:auto;
	width:auto;
	border-right: 1px solid #0394D5;

}

#prescontent #flashcontent
{	
	position:relative;
	display:inline;
	border:none;
	margin:0;
	padding:0;
	width:400px;
}

/* this is the overall video area the nested div is required t center the video in larger area */	
#prescontent .video  
{
	text-align:center;
	clear:both;
	border:none;
	margin:0px;
	margin-top:0px;
	width:645px;
}
	
#prescontent .video div.interior
{
	margin:0 auto;
	padding:0px;
	width:640px;
	height:540px;
}	



#surveyinstruction
{
	text-align:left;
	clear:both;
	width:100%;
	margin:.5em;
	padding:0em;
}

#surveyinstruction p
{	
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:normal;
	margin:0.3em;
	padding:.3em;
	border:none;
}	
	
#surveyinstruction li
{
	background-image: none;
	padding-left:0;
	margin: .30em 0 .3em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;	
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
}	


#surveyblock
{
	display:block;
	clear:both;
	margin:1em;
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:none;
}

#surveyblock div.question
{	
	background-color: #fee9b8;
	clear:both;
	text-align:left;
	margin:0;
	width:auto;
	min-height:0;
	padding:.3em;
	border: 1px solid #0394D5;
}	

#surveyblock div.answers
{
	clear:both;
	text-align:left;
	display:block;
	position:relative;
	margin:0;
	width:auto;
	padding: 0;
	border: 1px solid #0394D5;
	border-top:none;
}

#surveyblock div.answers .surveytextbox
{
	display:inline;
	text-align:left;
	position:absolute;
	bottom:.2em;
	left:8em;
	margin:0;
	padding: 0;
	border: 1px solid #0394D5;
}
	
#surveyblock div.answers .surveytextarea
{
	display:block;
	text-align:left;
	margin:0;
	width:100%;
	padding: 0;
	border: 1px solid #0394D5;
	border-top:none;
}

#surveyblock div.answers p.alert
{
	padding-left:1em;
	font-size:1.2em;
	font-weight:bold;
	line-height:.8em;
	margin:0;
	border-left: 1px solid #0394D5;
	border-right: 1px solid #0394D5;
}
	
#surveyblock div.answers li
{
	background-image: none;
	list-style:none;
	padding:0;
	margin: 0em 0 .4em 0;
	text-indent:.5em;
	font-size:.9em;
}	
	
#surveyblock div.sectionheader
{
	display:block;
	position:relative;
	clear:both;
	text-align:left;
	font-weight:bold;
	margin:0.2em 0 0.2em 0;
	padding:0;
}	



#accountdetails .detaillabel
{
	display:inline;
	float:left;
	text-align:right;
	width:9em;
}

#accountdetails .detailinput
{
	position:absolute;
	float:none;
	bottom:0.1em;
	left:9.5em;
	width:15em;
	white-space:nowrap;
}

#Help #accountdetails
{
	text-align:center;
	position:relative;
}

#Help #accountdetails .sectionheader
{
	left:0;
	width:60%;
	margin:.1em auto 0 auto;
	text-align:center;
	background:none;
}
#Help #accountdetails .sectionheader p
{
	font-size:1em;
	text-align:center;
	color: #00457c;
}
#Help #accountdetails .detailitem
{
	width:60%;
	margin:.1em auto 0 auto;
	position:relative;
}
#Help #accountdetails .detaillabel
{
	width:14em;
	padding:0;
}
#Help #accountdetails .detaillabel p
{
	padding:0;
	margin:0;
}
#Help #accountdetails .detailinput
{
	position:absolute;
	float:none;
	width:17em;
	left:14.5em;
	white-space:nowrap;
}

#Help #accountdetails div.detailinput input, 
#Help #accountdetails div.detailinput select
{	
	width:20.5em;
	margin:0;
	padding:0;
	float:left;
	top:0;
	display:block;
}
#Help #accountdetails div.detailinput select
{	
	width:20.6em;
}
#Help textarea.messagebox
{	
	position:relative;
	float:none;
	left:.5em;
	width:20em;
	margin:0;
	padding:0;
	top:0;
	display:block;
}

#Help #accountdetails div.detailinput p
{	
	float:left;
	margin-right:.3em;
}



#help-text
{
	padding: 10px 40px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	color: #333333;
}
	
#help-text p
{
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	color: #333333;
}
	
#help-text li
{
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #333333;
}


.evenrow 
{
	border: 1px solid #224c88;	
	background-color: #FFFFFF;
}
.oddrow 
{
	border: 1px solid #224c88;
	background-color: #fee9b8;
}
	
/* Text Formatting Tags*/




.bold 
{
	font-weight: bold;
}
.nofloat 
{
	background:none;
	border:0;
	clear:both;
	display:block;
	font-size:0;
	margin:0;
	padding:0;
	position:static;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
}

.gainlayout
{
	zoom:1;
}

div.AspNet-RadioButtonList ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

li.AspNet-RadioButtonList-Item
{
	white-space:nowrap;    /* forces the radio button and text to be on the same line */
}

li.AspNet-RadioButtonList-Item input
{
	margin:0 1em 0em 0;
	vertical-align:middle;
}


</* Less than ie 8 Fixes */
#ltie8 .presentationlist 
{
    display: block;
}

#ltie8 .oddrow, #ltie8 .evenrow 
{
	border: 1px solid #224c88;	
}

#ltie8 .timecol,#ltie8 .prescol 
{ 
    display: inline;
    zoom: 1;
    border:none;
}

#ltie8 .prescol 
{
    margin-left: -1px;
    padding-bottom:.5em;
}
/* IE6 Fixes */

#ie6 #wrap 
{
    Margin-left:-1px;
}

#ie6 #searchbar 
{
height:100%;
}

#ie6 .grouplist 
{
margin:0;
margin-left:.5em;
padding:0;
}

#ie6 .presdetail 
{
height:100%;
}

#ie6 .topic 
{
margin-bottom:.2em;
}

#ie6 .oddrow,#ie6 .evenrow 
{
    height:100%;
}

#ie6 .prescol 
{
padding-bottom:0;
}

#ie6 .vidinstrbar 
{
height:100%;
}

#ie6 .answers 
{
height:100%;
}
.timecol .timecoldate
{
	visibility:collapse;
	display:none;
	height:0px;
}