/* HTML Tags */

/* Define overall font family, page alignment & background */


body 
{
	background-image:url(pics/page_back.jpg);
	background-color: #FFFFFF;
	font-size:100%;
	line-height:1.125em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:1em;
	margin-top:1em;
}
/* fix ie6 em sizing bug */
	
* html body
{
	font-size:101%;
}

html>body
{
	font-size:16px;
}
/* General Overridable Text Formatting Tags*/

p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .77em;
	font-style: normal;
	line-height: 1.26em;
	color: #00457c;
}

a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00457c;
	text-decoration:underline;
}

a:visited 
{
	color: #00457c;
	text-decoration:underline;
}

a:hover 
{
	color: #0397d6;
}

h1 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.67em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: bold;
	color: #0397d6;
}

h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	color: #0397d6;
}


/* This Section Defines Master Page Design */
/*=========================================================================================================*/

/* define content area size, location & background */

#wrap
{
	background-image:url(pics/sidebar/leftnavback.jpg);
	background-repeat:repeat-y;
	position:relative;
	display:block;
	overflow:hidden;
	width:940px;
	max-width:940px;
	min-width:940px;
	margin: 0 auto 0 auto;
	padding:0;
    border: 1px solid #0394D5;
}

/*Graphic Banner Elements*/

div#banner
{
	background-image:none;
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	text-align:left;
	width:800px;
	height:auto;
	border:none 0;
	overflow:hidden;
}
	
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;
}


/*Optional Link Bar elements*/

.linkbar
{
	background:#003366;
	background-image:url(pics/top_bar_tex.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	margin:0;
	position:relative;
	top:0px;
	height:22px;
	width:940px;
	overflow:hidden;
    border-bottom: 1px solid #0394D5;
	font-size: 1em;
	line-height:1.375em;
	padding:0;
}

#linkbar2, #linkbar3
{
	padding-left:140px;
}

ul.tablist
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

ul.tablist li
{
	float: left; 
	padding: 0 1.3em;
	border-right: 1px solid #0394D5;
	border-left: 1px solid #0394D5;
}
	
ul.tablist li a
{
	color: #000000;
	display: block;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	padding: 0;
	text-decoration:underline;
	white-space: nowrap;
}

ul.tablist li a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .71em;
	font-style: normal;
	font-weight: bold;	
	color: white;
}

ul.tablist a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;	
	color:#DDDDDD;
}

ul.tablist li a:hover
{
	color:#00CCFF;
}



.highlightedlink
{
	border: 1px solid #0394D5;
	background: #001f71;
}
						
#linkbar img.slogo
{
	background-image:url(pics/sidebar/logo_sidebar_w.jpg);
	background-repeat:no-repeat;
	float:left;
	height:22px;
	width:140px;
	display:block;
}

#linkbar img.glyph
{
	background-image:url(pics/header/top_bar_glyph.jpg);
	background-repeat:no-repeat;
	height:22px;
	width:57px;
	display:block;
	float:right;
}

/*Optional left navigation Bar elements*/

#navleft
{
    width: 140px;
    min-width: 140px;
	float:left;
	margin:0;
	padding:0;
	height:100%;
}


#navleft a
{
	font-weight: bold;
	color: #FFFFFF;
	font-size:.88em;
	margin:1em 0 0 .5em;
	line-height:1.5em;
	display: block;
	padding:0;
	text-decoration: none;
}

#navleft a:hover
{
	text-decoration:underline;
}
	
/*Optional Right Hand navigation Bar elements*/
#navright
{
	background-image:url(pics/leftnav_background.gif);
	background-repeat:repeat-y;
	background-position:top left;
	padding: 0px;
	margin:0px;
	display:block;
	top:0px;
	float:right;
	width: 155px;
	height:100%;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: white;
	line-height: 36px;
}

#navright a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .63em;
	font-style: normal;
	font-weight: bold;
	color: white;
	text-decoration:none;
	white-space: nowrap;
}

#navright a:visited 
{
	color:#33FFFF;
	text-decoration:none;
}
	
#navright a:link 
{
	color: white;
	text-decoration:none;
}
	
#navright a:hover
{
	text-decoration:underline;
}


/* Set Footer Elements */
#footer
{
	float:right;
}
/* 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
{
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color:#FFFFFF;
    background-image:url(pics/top_bar_tex.jpg);			
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	width:799px;
	top:0px;
	height:22px;
	border-left: 1px solid #0394D5;
	border-top: 1px solid #0394D5;
	overflow:hidden;	
}
	

#footer p
{
	margin: .4em 1em 0 1em;
	color:white;
}	
	
#footer a:link 
{
	font-weight: bold;
	color:#FFFFFF;	
	text-decoration:underline;
}

#footer a:visited 
{
	color:#DDDDDD;
}

#footer a:hover 
{
	color: #00CCFF;
}

/* End of Styles specific to the Master Page */	
/* Set basic properties of the maincontent div that holds all page specific content */	


div.maincontent
{
	background:none;
	width: 799px;
	max-width:799px;
	min-height:300px;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	overflow:hidden;
	border-left: 1px solid #0394D5;
}

#CreateAccount
{
	min-height:24em;
}

div.maincontent p
{
	margin:0.6em;
}
	
	
#Services ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:1.75em;
}

#Services li

{
	background-image: url(pics/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 -0.2em;
	padding-left:3.5em;
	margin: .30em 0 1.0em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #00457c;	
	font-size: .775em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.875em;
}

/* GMET Site Specific Styles */
/* GMET Default Page */

#Default div.defaultbackground
{
	background-image:url(pics/index_table_back.jpg);
	width: 796px;
	height: 376px;
}
/* GMET default Page text Items */		

#Default div.splashtext
{
	background:none;
	width:240px;
	position:relative;
	display:block;
	float:right;
	margin-left:auto;
	margin-right:.2em;
	margin-top:1.0em;
	padding-top:0.7em;
}

#Default div.splashtext h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	color: #0397d6;
	background:none;
	margin:0;
	padding:0;	
}

#Default div.splashtext h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5em;
	color: #00457c;
	margin:0;
	padding:1em 0 0 0;
}

#Default div.splashtext p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.9em;
	color: #00457c;
	margin:0 1em 0 0;
	padding:0;
}
	
/*GMET About Us Page */	

#AboutUs, div.aboutus
{
	text-align:left;
	width:47em;
	padding:0;
	background:none;
	margin:1em;
	border:none;
	position:relative;
}

#AboutUs h1, div.aboutus h1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00457c;	
	font-size: 1.0625em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.4375em;
	margin:0 0 1em 0;
	padding:.5;
}
	
#AboutUs div, div.aboutus div
{
	float:right;
	display:inline;
	text-align:left;
	width:32.5em;
	max-width:32.5em;
}
	
#AboutUs p, div.aboutus p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00457c;	
	font-size: .77em;
	font-weight:normal;
	font-style: normal;
	line-height: 1.875em;
	margin:0 0 1.125em 0;
}

#AboutUs input, div.aboutus input
{
	float:right;
	display:inline;
	margin:	1em 1em 1em 1em;
}
			
#AboutUs img, div.aboutus img
{
	float:right;
	display:inline;
    border: 1px solid #0394D5;
	height:294px;
	width:200px;
	margin:0 1em 3em .3em;
}	

/* Login Block */	
.memberlogin 
{
	position:absolute;
	display:block;
	background-color:#eff6fb;
	width: 160px;
	margin:0;
	left:4.5em;
	top:.1em;
	padding:0;
	border:2px solid #003366;
}
.memberlogin ul,
.memberlogin li
{
	margin:0;
	padding:0;
	font-size:1em;
}

.memberlogin ul
{
	list-style-position:inside;
	margin-left:.2em;
}

.memberlogin .entryitem span
{
	position:absolute;
	top:0;
	left:4em;
}

.memberlogin div.header
{
	position:relative;
	display:block;
	padding:0 0 0 .2em;
	width:160px;
	color:#FFFFFF;
	font-size:.8em;
	font-weight:bold;
	line-height:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	background:#003366;
	margin-bottom:.2em;
	clear:both;
}	

.memberlogin div.entryitem
{
	position:relative;
	display:block;
	padding:0;
	width:152px;
	color:#003366;
	background:none;
	margin:0 2px 0 2px;
	clear:both;
}		

.memberlogin p 
{
	text-align:left;
	width:auto;
	color:#003366;
	font-size:.68em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;	
	line-height:1em;
	color:#003366;
	margin:.1em;
}

.memberlogin .entryinput
{
	text-align:left;
	width:100%;
	color:#003366;
	margin:0;
	padding:0;
	display:block;
}		
	
.memberlogin .entrysubmit
{
	position:relative;
	display:block;
	padding:0;
	width:152px;
	color:#003366;
	background:none;
	margin:0 2px 0 2px;
	clear:both;
	margin:.3em .1em .3em auto;
	font-size:.67em;
	font-family:Arial, Helvetica, sans-serif;
}

.memberlogin .entrysubmit input
{
	float:right;
	margin-right:4px;
}			

.memberlogin .forgotpass
{
	padding:.3em;
}
	
	
.memberlogin p a:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color:#003366;
	text-decoration:underline;
}

.memberlogin p a:visited 
{
	color: #003366;
}

.memberlogin p a:hover 
{
	color: #00CCFF;
}

/* Login Block Style override for account page */

.accountpagelogin .memberlogin 
{
	position:absolute;
	display:block;
	background-color:#eff6fb;
	width: 160px;
	margin:0;
	padding:0;
	border:2px solid #003366;
	left:33em;
	top:5.5em;
	z-index:10;
}

.accountpagelogin .memberlogin #memberalready 
{
	position:relative;
	display:block;
	text-align:center;
	background:none;
	width: auto;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	text-align:center;
	font-size:1.3em;
	line-height:1.6em;
	clear:both;
}

.accountpagelogin .memberlogin #memberalready p
{
	text-align:center;
}
.accountpagelogin .memberlogin div.header
{
	position:relative;
	display:block;
	padding:.2em;
	width:auto;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	background:#003366;
	margin-bottom:.2em;
	clear:both;
}	

.accountpagelogin .memberlogin div.header p
{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
/* End MasterPage Styles */
/*======================================================================================*/
/* Define General aspects of the page content such as page Title * continue Button   */

/* Page Title is Page Title text elements - consisten through out sub site */
#pagetitle
{
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	margin: 0 1em 0 1em;
	padding:0em;
	text-align:left;
	position:relative;
	width:auto;
	overflow:hidden;
}
	
#pagetitle div
{
	text-align:left;
	position:relative;
	width:auto;
}

#pagetitle div.text
{
	display:block;
	float:left;
	text-align:left;
	position:relative;
}
		
#pagetitle div img.logo
{
	background:url(pics/header/index_logo_gmet.jpg);
	background-color:#FFFFFF;
	float:left;
	height:70px;
	width:253px;
}
	
#pagetitle h1
{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	color: #0397d6;
	margin:1em 0 0 0;
	padding:0;
}
	
	
#pagetitle h2 
{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3125em;
	font-style: normal;
	font-weight: bold;
	color: #0397d6;
	margin:1em 0 0 0;
	padding:0;
}

#pagetitle h3 	
{
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: bold;
	color: #0397d6;
	margin:0.2em;
	margin-top:0.2em;
}

#pagetitle h4 
{
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.2em;
	font-weight:normal;
	color: #0397d6;
	margin:0;
}	
	
#pagetitle p 
{
	display:block;
	font-size: .71em;
	font-style: normal;
	line-height: .75em;
	font-weight:normal;
	color:#00457c;
	margin:0;
	padding:0;
}

#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;
}	


/* Set Course Intro, Info, Info2 Items */
#infogroup
{
	clear:both;
	display:block;
	position:relative;
	border:none;		
	margin:2em 1em .2em 1em;
	padding:0;
}	

#infogroup .infoitem
{
	display:block;
	border:none;
	padding:.5em 1em .5em 1em;
	margin:.5em 0 .5em 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .81em;
	font-style: normal;
	font-weight:bold;
	line-height: 1em;
	color: #00457c;
}

#infogroup .infoheadline
{	
	display:block;
	border: 1px solid #0394D5;
	padding:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .91em;
	font-style: normal;
	font-weight:bold;
	line-height: 2em;
	color: #00457c;
}	

#infogroup .infotext
{	
	display:block;
	border: 1px solid #0394D5;
	padding:1em;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .81em;
	font-style: normal;
	line-height: 2em;
	color: #00457c;
}	
	
#infogroup .continuebtnholder
{
	text-align:center;
	margin:0em 0em;
	padding:.5em;
	width:auto;
}	

#infogroup li
{
	background-image: none;
	padding-left:0;
	margin: .30em 0 .3em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #00457c;	
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
}

/* set Create Account & course Payment Styles here */

#accountheader
{
	background-color:#06497E;
	padding:.8em;
	margin:.5em;
	font-family:Verdana, Arial, helvetica, Sans-Serif;
	color:#FFFFFF;
	font-size:2em;
	font-style:normal;
	font-weight:bold;
	width:auto;
}
		
#accountinstruction
{
	text-align:left;
	clear:both;
	width:100%;
	margin:.5em;
	padding:0em;
}

#accountinstruction p
{	
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.4em;
	font-weight:normal;
	color:#0066A4;
	margin:0.3em;
	padding:.3em;
	border:none;
}	
	
#accountinstruction 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;
}	
	
#accountdetails
{
	font-size: 1em;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	width:auto;
	font-weight:normal;
	color:#333333;
	margin:0.3em;
	margin-bottom:0;
	padding:0;
	border: none;
}
#subpackagesedit #accountdetails
{
	position:relative;
}


#accountdetails .detailitem
{
	width:auto;
	margin:0;
	padding:0;
	position:relative;
	clear:both;
}
#subpackagesedit #accountdetails .detailitem
{
	padding:.25em 0 .25em 0;
}

#accountdetails .detailitem textarea
{	
	font-family: Arial, Helvetica, sans-serif;
	width:20em;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:block;
}
		
#accountdetails div.detaillabel
{
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	float:left;
	width:10em;
	text-align:left;
	font-weight:bold;
	margin:.1em 0 .1em 0;
	padding:0;
}

#subpackagesedit #accountdetails div.detaillabel
{
	width:15em;
}

#accountdetails div.detaillabel p
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	width:auto;
	margin:0;
	padding:0;
	float:left;
	display:block;
}

#accountdetails div.detailinput
{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	float:none;
	bottom:0;
	left:10em;
	width:auto;
	min-width:30em;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:.1em 0 .1em 0;
}	

#subpackagesedit #accountdetails div.detailinput
{
	position:relative;
	float:left;
	left:0;
}

#accountdetails div.detailinput p
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	width:auto;
	margin:0 1em 0 0;
	padding:0;
	float:left;
	display:block;
}		

#accountdetails div.detailinput input
{	
	font-family: Arial, Helvetica, sans-serif;
	width:20em;
	margin:0;
	padding:0;
	float:left;
	top:0;
	display:block;
}


#accountdetails div.detailinput select
{	
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	float:left;
	display:block;
}	
#Help #accountdetails div.detailinput input,
#Help #accountdetails div.detailinput select,
#Help #accountdetails div.detailinput textarea
{	
	width:25em;
}

#accountdetails div.sectionheader
{
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	left:10em;
	clear:both;
	width:30em;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:0;
}			
	
#accountdetails div.sectionheader p
{
	text-align:left;
	font-weight:normal;
	font-size:1.1em;
	margin:0.2em 0 0.2em 0;
	padding:0;
}	

#accountdetails div.sectionheader input
{
	margin:0.2em 0 0.2em 0;
	padding:0;
}	
	
/* Set Survey Item styles including test questions, image questions */

#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;
	color:#0066A4;
	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;
	color:#0066A4;
	text-align:center;
	width:auto;
	border:none;
}

#surveyblock div.question
{
	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;
	margin:0;
	width:auto;
	padding: 0;
	border: 1px solid #0394D5;
	border-top:none;
}
	
#surveyblock div.answers textarea
{
	display:block;
	text-align:left;
	margin:0;
	width:100%;
	padding: 0;
	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;
	color:#0066A4;
}	
	
#surveyblock div.sectionheader
{
	display:block;
	position:relative;
	clear:both;
	text-align:left;
	font-weight:bold;
	margin:0.2em 0 0.2em 0;
	padding:0;
}				

.qimage
{
	border:none;
	width:60%;
}

.qimage:hover
{
width:100%	;
}	
	
/* Set Course Display (video in cme course) styles */

#coursecontent
{
	display:block;
	position:relative;
	margin:1em;
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:normal;
	color:#0066A4;
	text-align:center;
	width:auto;
	border: 1px solid #0394D5;
	overflow:hidden;	
}

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

}

#coursecontent #flashcontent
{	
	position:relative;
	border:none;
	margin:0;
	padding:0;
	width:400px;
	min-width:400px;
}

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

#coursecontent .flashvidinstrblock
{
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:345px;
	height:416px;
	text-align:center;
	border: none;
}

#coursecontent .flashvidinstrblock div.vidinstrtext
{
	margin:6em auto .5em auto;
	padding:0;
	text-align:center;
	border: 1px solid #0394D5;
	width:11em;
	height:auto;
	font-size:1.2em;
	line-height:1.6em;
}

#coursecontent .flashvidinstrblock div.vidinstrtext p
{
	margin:1.5em .15em 1.5em .5em;
	padding:0;
	text-align:center;
	font-size:.7em;
	line-height:1.3em;
}

#coursecontent .flashvidinstrblock div.btnholder
{
	margin:.1em;
	padding:.5em;
	text-align:center;
	border: none;
	width:auto;
	height:auto;
}

* html #coursecontent .flashvidinstrblock div.btnholder
{
	display:block;
}
	

/* Start Mac IE5 filter \*/
#coursecontent .flashvidinstrblock div.vidinstrtext div.btnholder
{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
}
/* End Mac IE5 filter */
/* IE Win can be a bit out - adjust bottom value by-1px or so as required */

#coursecontent .wmvvidinstrblock
{
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:345px;
	height:416px;
	text-align:center;
	border: none;
}

#coursecontent .wmvvidinstrblock div.vidinstrtext
{
	margin:7em auto .5em auto;
	padding:0;
	text-align:center;
	border: 1px solid #0394D5;
	width:11em;
	height:auto;
	font-size:1.2em;
	line-height:1.6em;
}

#coursecontent .wmvvidinstrblock div.vidinstrtext p
{
	margin:1.5em .15em 1.5em .5em;
	padding:0;
	text-align:center;
	font-size:.7em;
	line-height:1.3em;
}

#coursecontent .wmvvidinstrblock div.btnholder
{
	margin:.1em;
	padding:.5em;
	text-align:center;
	border: none;
	width:auto;
	height:auto;
}

* html #coursecontent .wmvvidinstrblock div.btnholder
{
	display:block;
}
	

/* Start Mac IE5 filter \*/
#coursecontent .wmvvidinstrblock div.vidinstrtext div.btnholder
{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
}
/* End Mac IE5 filter */
/* IE Win can be a bit out - adjust bottom value by-1px or so as required */


#searchbar
{
	margin:0.5em 1em .5em 1em;
	position:relative;
	width:auto;
	border: 1px solid #224c88;
	padding:.5em;
	background-color:#CCE0FF;
}

#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;	
}

/*Title Elements are from general page items above */
/* next the project group list which is for pages that show lists of projects or list of days etc. example: SRS landing page */	
.grouplistreturn
{
	clear:both;
	display:block;
	position:relative;
	border:none;		
	margin:2em 1em .2em 1em;
	width:auto;
	padding:0;	
}

.grouplistreturn .returnbutton
{
	float:right;
}
.grouplist 
{
	clear:both;
	display:block;
	position:relative;
	border:solid 1px #0394D5;		
	margin:0em 1em 1em 1em;
	width:auto;
	padding:0;	
}

/* ListTable Formatting Tags*/

.grouplist li
{
	float:left;
	margin:0;
	width:55%;
	list-style-type: none;
	text-align:left;
	line-height:2em;
	padding:0.3em;
}

.grouplist p
{
	display:block;
	color:#00509A;
	font-size:1em;
}
	
.grouplist a
{
	font-weight: bold;
	font-size:1.2em;
	text-decoration:underline;
	display:block;
	color:#00509A;
}

.grouplist a:visited
{
	color:#00509A;
}

.grouplist a:hover
{
	color:#0394D5;
}

.grouplist + .sponsor 
{
	background-image:none;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	margin:0;
}

.grouplist + .sponsor img
{
	border:none;
	height:0;
	width:0;
	margin:0;
	padding:0;
	/*width:0px;*/
}

/* grayout unavailable items on TOC */
.unavailable, .unavailable p, .unavailable h3, .unavailable a
{
	color:#BBBBBB;
}
.courselistreturn
{
	clear:both;
	display:block;
	position:relative;
	border:none;		
	margin:2em 1em .2em 1em;
	padding:0;	
}

.courselistreturn .returnbutton
{
	float:right;
}
.courselist 
{
	clear:both;
	display:block;
	position:relative;
	border:solid 1px #0394D5;		
	margin:0em 1em 1em 1em;
	padding:0;	
}

/* ListTable Formatting Tags*/

div.evenrow
{
	display:block;
	border: 1px solid #0394D5;
	padding:1em;
	background-color: #F8F9FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .81em;
	font-style: normal;
	line-height: 2em;
	color: #00457c;
}

div.oddrow 
{
	display:block;
	border: 1px solid #0394D5;
	padding:1em;
	background-color:#CCE0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .81em;
	font-style: normal;
	line-height: 2em;
	color: #99CCFF;
}
	
	
.courselist li
{
	float:left;
	margin:0;
	width:55%;
	list-style-type: none;
	text-align:left;
	line-height:2em;
	padding:0.3em;
}

.courselist p
{
	display:block;
	color:#00509A;
	font-size:1em;
}
	
.courselist a
{
	font-weight: bold;
	font-size:1.2em;
	text-decoration:underline;
	display:block;
	color:#00509A;
}

.courselist a:visited
{
	color:#00509A;
}

.courselist a:hover
{
	color:#0394D5;
}


/* Styles for IA hosting Course list */
courselist + .sponsor 
{
	background-image:none;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	float:left;
	width:300px;
	height:200px;
	margin:6em 1em auto 1em;
}

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

.sortby
{
	font-family:Verdana Arial Sans-Serif;
	font-size:1.0em;
	margin:0 0 .5em 2em;
	padding-left:.5em;
}
.sortby a
{
	font-weight:bold;
}

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

.preslistreturn
{
	display:block;
	width:auto;	
	margin:0 1em .2em 1em;
}

.preslistreturn .returnbutton
{
	float:right;
}
.presentationlist
{
	display:table;
	width:auto;	
	margin:0 1em 1em 1em;
}
.presentationlist p
{
	display:block;
	color:#00509A;
	font-size:1em;
}
	
.presentationlist  a
{
	font-weight: bold;
	font-size:1.1em;
	text-decoration:underline;
	color:#00509A;
}

.presentationlist a:visited
{
	color:#00509A;
}

.presentationlist a:hover
{
	color:#0394D5;
}
.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;
	background:none;
}

.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;
	width:auto;
}

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

/* 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:#CCE0FF;
	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:2em 0;
	position:relative;
	float:left;
	width:30%;
	margin-left:0;
	text-align:center;
}
	
* html .vidinstrbuttonblock
{
	display:inline;
}
	
.vidinstrbuttonblock p
{
	position:relative;
	margin:.5em;	
}

#prescontent
{
	display:block;
	position:relative;
	width:640px;
	height:540px;
	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;
}	


/* set help page style */
	
#help-text
{
	padding:.3em .5em .3em .5em;
	text-align:left;
}
	
#help-text p
{
	padding:.2em .5em .2em .5em;
}
	
#help-text li
{
	padding:.2em .5em .2em .5em;
	background-image:none;
}




/* Admin area styles */

#admin #wrap
{
	background-image:none;
	background-repeat:no-repeat;
}

#admin #footer
{
		width:940px;
}	

#admin div.maincontent
{
	width: 940px;
	max-width:940px;
	overflow:visible
	max-height:600px;
}

#adminDefault .memberlogin
{
	left:24em;
	top:2em;
	overflow:visible;
}

.listtools
{
	width:970px;
}
.listtools .controlgroup
{
	float:left;
	margin:.3em;
}

.gridholder
{
	margin:0;
	padding:0;
	width:auto;
	overflow:scroll;
	max-height:700px;
	border:1px solid black;
}





#subpackagesedit h1
{
	margin-left:.5em;
}

#subpackageslist
{
	padding:.25em;
	width:780px;
}

#subpackageslist .packagesearch
{
		border:none;
}

#subpackageslist .packagesearch div.legend,#subpackageslist .packagesearch div.criteria
{
	text-align:center;
	display:inline-block;
	float:left;
	margin:.25em;
	width:9em;
}

.subscriptiondata
{
	border:none;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:auto;
}

.subscriptiondata tr, .subscriptiondata td, .subscriptiondata th

{
	text-align:center;
	white-space:nowrap;
	border:none;
	border-collapse:collapse;
	margin:0;
	padding:.1em;
}

.subscriptiondata tr th.subID
{
	font-size:67%;
}

.subscriptiondata tr td.displayname
{
	white-space:pre-wrap;
	
}

.subscriptiondata tr.shaded
{
	background-image:url(pics/graytransparentbackground.png);
	background-repeat:repeat;
}

.subscriptiondata .title
{
	text-align:center;
}

.subscriptiondata .title h2
{
	margin:0;
	padding:0;
}


	
/* style tags that are not to be overiden */



.bold 
{
	font-weight: bold;
}

.alert
{
	color:#FF0000;
}

.valignbottomr
{
	position:absolute;
	bottom:0;
	margin-right:0;
}

.valignbottoml
{
	position:absolute;
	bottom:0;
	margin-right:auto;
}

.noBorder
{
	border:none;
}	
	
.vcenter-outer 
{
	overflow:hidden;
	position:static !important;
	position:relative;
	display: table !important;
	height:auto;
	margin:0;
}

.vcenter-middle 
{
	display: table-cell !important;
	vertical-align:middle !important;
	position:static !important;
	position: absolute;
	top: 50%;
}

.vcenter-inner 
{
	position: relative;
	top: -50%;
	width:auto;
	margin:0 auto;
	text-align:center;
}

.gainlayout
{
	zoom:1;
}

.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;
}

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;
}

.AspNet-PasswordRecovery
{
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	margin: 0 1em 0 1em;
	padding:0em;
	text-align:left;
	position:relative;
	width:auto;
	overflow:hidden;
}

.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-TitlePanel
{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	color: #0397d6;
	margin:1em 0 0 0;
	padding:0;
}


/* Less than ie 8 Fixes */
#ltie8 .detailitem
{
	height:1%;

}
#ltie8 .presentationlist
{
	display:block;

}

#ltie8 .oddrow, #ltie8 .evenrow 
{
   	border: 1px solid #224c88;
   	padding-top:.5em;
   	padding-bottom:.5em;
}

#ltie8 .timecol, #ltie8 .prescol 
{ 
    display: inline;
    zoom: 1;
    border:none;
   	font-size:1.05em;
}

#ltie8 .prescol 
{
    margin-left: -1px;
}

#ltie8 .prescol a
{
    font-size:1.1em;
}
/* IE6 Fixes */

#ie6 .presentationlist
{
	display:block;
	height:100%;
}

#ie6 .oddrow, .evenrow 
{
    height:100%;
    display:block;
}
#ie6 .vidinstrbar
{
	display:block;
	position:static;
	margin-top:0;

}
.timecol .timecoldate
{
	visibility:collapse;
	display:none;
	height:0px;
}