/*
	Override DNN styles
*/

.Normal { font-size: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; }
		  
/*
	Localization
*/


.en .headertop .homeLogo { background:url(images/localized/en/home-logo.gif); }
.fr .headertop .homeLogo { background:url(images/localized/fr/home-logo.gif); }
																			   
.en .intLogo { background:url(images/localized/en/interior-logo.gif); }
.fr .intLogo { background:url(images/localized/fr/interior-logo.gif); }

.en .content .right h1.Questions { background:url(images/localized/en/questions.gif); }
.fr .content .right h1.Questions { background:url(images/localized/fr/questions.gif); }

.en .content .right h1.Related { background:url(images/localized/en/related.gif); }
.fr .content .right h1.Related { background:url(images/localized/fr/related.gif); }

.en .content .right h1.Resources { background:url(images/localized/en/resources.gif); }
.fr .content .right h1.Resources { background:url(images/localized/fr/resources.gif); }

.en .content .right h1.Contacts { background:url(images/localized/en/contacts.gif); }
.fr .content .right h1.Contacts { background:url(images/localized/fr/contacts.gif); }

.en .content .right h1.Photos { background:url(images/localized/en/photos.gif); }
.fr .content .right h1.Photos { background:url(images/localized/fr/photos.gif); }

.en .localsites { background:url(images/localized/en/localsitestop.gif) no-repeat #fff; }
.fr .localsites { background:url(images/localized/fr/localsitestop.gif) no-repeat #fff; }


/*
	Misc styles
*/

.hide
{
	display: none;
}
.clearFloat
{
	clear: both;
}

/*
	BDS Provided common.css starts here
*/

/* Base style removal, global fixes and browser/platform fixes */
:link, :visited {
	text-decoration:none
}

ul {
	list-style:none
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}

ul, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, dl, dt, dd, input, select, textarea {
	margin:0;
	padding:0
}

a img, :link img, :visited img {
	border:none
}

address {
	font-style:normal
}

a, a:link, a:visited, a:hover, a:active {outline:0;}

	
/*    End of pre-wipe  */


body  {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	behavior:url("csshover.htc");

}


.sitewrapper {
	
	position:relative;
	width:968px;
	margin:0 auto;
}
.headertop, .headerbottom, .content, .footer, .homecallouts {
	width:968px;
}

.headertop .homeLogo, .intLogo {
	display:block;
	position:relative;
	width:350px;
	height:49px;
	text-indent:-9999px;
}
.intLogo {
	top:20px;
	height:60px;
}


/* HEADER */

.header {

	

}

.headertop {
	height:51px;
}

.headerbottom {
	background:url(images/bg/headerhome.gif);
	height:208px;
}

.headerbottom h1 {
	width:455px;
	padding:29px 0 0 30px;
	font:57px/54px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#366;
	height:170px;
	overflow:hidden;
}
.startnow {
	position:absolute;
	top:11px;
	left:794px;
	background:url(images/home/start-now.gif);
	display:block;
	width:153px;
	height:100px;
	z-index:10;
	line-height:30px;
	color:#fff;
	text-align:center;
}

.startnow h4 {
	padding-top:10px;
	font-size:36px;

}
.startnow .startnowFr {
	padding-top:25px;
	font-size:22px;
	
}




.headerInt	{
	width:968px;
	height:98px;
	background:url(images/bg/headerint.gif);
}













/* NAV */

.nav {
	height:29px;
	padding-left:25px;
	background:url(images/bg/nav.gif);
}

.nav ul li {
	height:29px;
	float:left;
}


.nav ul li.navTab a {
	display:block;
	font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	margin:1px 0 0 0;
	

}
.nav ul li.navTab a:hover {
	background:url(images/nav/roundcornerleft.png) no-repeat top left #fff;
	color:#469ba1;

}
.nav ul li.navTab a span {
	display:block;
	padding:6px 10px 8px 10px;
	margin:0;
}


.nav ul li.navTab a:hover span {
	background:url(images/nav/roundcornerright.png) no-repeat top right;

}






.nav ul li.navTabLogin a span {
	display:block;
	padding:6px 10px 8px 10px;

}

.navTabLogin a {
	
	font-size:14px; line-height:14px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	padding-top:1px;
	margin:0 0 0 5px;
	display:block;
	background:url(images/nav/nav-home-login.gif) 0 -29px ;
}

.navTabLogin a:hover	 {
	overflow:hidden;
	background:url(images/nav/nav-home-login.gif);

}
	








/* HEADERS */



/*HOME PAGE COMMON HEADERS */

.content .homeRight .header h1 {
	position:absolute;
	top:-254px;
	left:-1px;
	width:455px;
	height:254px;
}

.content .homeRight .header h1 p {
	font-size:15px;
	position:relative;
	display:block;
	top:190px;
	text-align:center;
	color:#fff;
}


/*HOME PAGE SPECIFIC HEADERS */


#employers .content .homeRight .header h1 {
	background:url(images/home/header-employers.gif) no-repeat;
}
#teachers .content .homeRight .header h1 {
	background:url(images/home/header-teachers.gif) no-repeat;
}
#passport .content .homeRight .header h1 {
	background:url(images/home/header-passport.gif) no-repeat;
}
#industry .content .homeRight .header h1 {
	background:url(images/home/header-industry.gif) no-repeat;
}
#students .content .homeRight .header h1 {
	background:url(images/home/header-students.gif) no-repeat;
}



/* CONTENT */

.content 
{
}
.content .left, .content .right, .content .bottom, .content .homeLeft, .content .homeRight 
{
	float:left;
}
.content .left 
{
	width:640px;
}
.content .left .intro 
{
	padding-right:5px;
	width:483px;
	margin:0 auto;
}
.content .left .intro .outline 
{
	background:url(images/bg/introbg.gif);
	padding:0;
	margin:0;
	
}
.content .left .introbottom 
{
	position:relative;
	background-color:#e1eeb0;
	height:146px;
	margin:0 5px 0 12px;
	
}

.subContent
{
}

.introbottom .also { 
			position:absolute;	
			top:-5px;
			left:-12px;
			color:#fff;	
			font-size:30px;
			width:97px;
			height:56px;
			text-align:center;
			background:url(images/interior/thankyou-also.gif) no-repeat;
			padding-top:7px;
	
		
		}
.outlineBottom {
	height:9px ;
	background:url(images/bg/introbottom.gif) no-repeat #fff;
	
}
			
		.content .left .intro .introbottom p { 
			position:absolute;	
			left:120px;
			top:40px;
			width:320px;
			font-size:19px;
			line-height:20px;
			color:#543b26;
		}

		.introbottom .learnmore a {
			position:absolute;
			bottom:0;
			width:407px;
			padding:5px 30px;
			text-align:right;
			color:#fff;
			background:url(images/interior/learnmorearrow.gif) no-repeat 445px 4px #b2d234;
			
			
		}
		.introbottom .learnmore a:hover {
			background:url(images/interior/learnmorearrow.gif) no-repeat 445px -34px #839a28;
			
			}

.content .left .intro h1 {
	padding:5px 0;
	font-size:30px;
	color:#b2d234;
}

.content .left .intro h2 {
		background:url(images/bg/introtop.gif) no-repeat top;
	text-align:center;
	font-size:28px;
	color:#b1482b;
	padding:10px 0 10px 0;
}

.content .left .intro h3 {
	padding:0 0 0 0;
	text-align:center;
	font-size:26px;
	color:#543b26;
}


.smlterm {
	padding:10px 0;

}

.smlterm div {
	margin:20px auto;
	padding-bottom:1px;
}

.shortterm, .mediumterm, .longterm {
	width:467px;
}

.shortterm {
	background:url(images/bg/shorttermbottom.gif) no-repeat bottom #eaf3c8;
}

.mediumterm {
	background:url(images/bg/mediumtermbottom.gif) no-repeat bottom #eaf3c8;
}


.longterm {
	background:url(images/bg/longtermbottom.gif) no-repeat bottom #eaf3c8;
}

.content .left  .shortterm h1,  .content .left  .mediumterm h1, .content .left  .longterm h1 {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding:5px;
	width:457px;
}




	.content .left .shortterm h1 .caption,
	.content .left .mediumterm h1 .caption,
	.content .left .longterm h1 .caption
{
		font-size:13px;
		font-style:italic;
		text-transform:none;
		display:block;
	
	}
	

	.content .left  .shortterm h1 {
		color:#543b26;
		background:url(images/bg/shorttermtop.gif) no-repeat top #dde681;
	}
	
	.content .left  .mediumterm h1 {
		background:url(images/bg/mediumtermtop.gif) no-repeat top #b2d234;
	}
	
	.content .left  .longterm h1 {
		background:url(images/bg/longtermtop.gif) no-repeat top #85ac3f;
	}


.smlterm a {
		color:#543b26;


}
.smlterm a:hover {
	text-decoration:underline;

}

.smlterm h2 {
	display:inline;
	color:#543b26;
	font-size:16px;
	text-transform:uppercase;
	padding:0 15px 0 0;
	background:url(images/bg/localsitesarrow.gif) no-repeat right;
}

.smlterm ul {
	padding-top:15px;

}
.smlterm ul li {
	border-bottom:1px solid #cde27b;
	margin:15px 20px 0px 20px;
}
.smlterm ul li.last {
	border-bottom:0;
}

.smlterm p {
	color:#543b26;
	font-size:13px;
	font-weight:normal;
	margin-bottom:5px;

}







#registration .content .intro p {
	font-size:14px;
	line-height:20px;
	color:#553a25;
	padding:0;
	margin:0;
	width:480px;

}

#registration .content .intro a {
	text-decoration:none;
	color:#2b9ba7;

}


#registration .content .intro a:hover {
	text-decoration:underline;

}


.goBackToEdit {
	position:relative;
	float:left;
	width:50px;
	font-size:14px;
	margin-left:20px;
	padding:0 0 0 20px;
	color:#9a9a9a;
	background:url(images/form/gobacktoedit.gif) no-repeat 0 8px;
	z-index:10;
}

.regFormContactInfo {
	float:left;
	color:#9a9a9a;
	padding:0 0 20px 30px;

}
.regFormContactInfo span {
	display:block;
}


#registration .content .intro p.hello {
	font-size:18px;
	font-weight:bold;
}


.p2pContactInfo 
{
	margin: 0 0 20px 50px;
}




	.content .left  p {
		width:427px;
		margin:5px auto 30px auto;
	
	}
	









.content .right {
	background-color:#eef1d1;
	display:block;
	width:302px;
	padding-top:50px;
	border-left:1px solid #8c9b93;
	border-right:1px solid #8c9b93;

}




.content .right h1.top {
	position:absolute;
	top:10px;
	height:160px;
	width:304px;
	text-indent:-9999px;
}




.content .right h2, .content .right p { 
	padding:0 30px 10px 30px; 

}


.content .right a {
	color:#2b9ba7;

}

.content .right a:hover {
	text-decoration:underline;
}



.content .right h2 {
	font-size:20px;
	line-height:22px;
 	color:#543b26;
	
}

.content .right p {
 font-size:14px;
 line-height:20px;
 color:#543b26;
	
}
/* Local Sites */
.localsites
{
	height:1%;
	padding-bottom:10px;
}
.localsites select {	
	width:200px;
	margin:0 0 10px 30px;
}
.localsites select option 
{
	width: 275px;
}
.localsites input {
	margin-left:5px;
}
.localsites .chkBox {
	margin-left:30px;
}
.localsites label 
{
	display:block;
	position:relative;
	top:-15px;
	left:40px;
	width:150px;
	font-weight:normal;
	font-size:12px;
}
.localsites h2 
{
	text-indent:-9999px;
}
.localsites p 
{
	font-size:16px;
	margin-top:25px;
}

.localsites p span
{
	display:block;
	color:#b0482b;	
}



.localsites2
{
	height:1%;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#fff;
	text-align:left;
	
}
.localsites2 select {
	
	width:230px;
	margin-top:10px;
	margin-bottom:10px;
}
.localsites2 select option 
{
	width: 275px;	
}
.localsites22 input {
	margin-left:2px;
}
.localsites2 label 
{
	position:relative;
	
		
	
	left:2px;
	width:150px;
	font-weight:normal;
	font-size:12px;
}
.localsites2 h2 
{
	padding-right:20px;
	font-size:30px;
}
.localsites2 p 
{
	font-size:16px;
	margin-top:20px;
}

.localsites2 p span
{
	display:block;
	color:#b0482b;	
}




.content .bottom {
	clear:both;
	position:relative;
	display:block;
	margin-top:40px;
	background:url(images/bg/bottomtopline.gif) repeat-x #71bcc4;
	width:968px;
	height:295px;
	color:#fff;
}


.content .bottom .sectionimg {
	position:absolute;
	top:85px;
	left:63px;
	width:220px;
	height:181px;
	background:url(images/interior/bottomemployer.gif);
}
	.content .bottom .sectionimg h1 {
		display:block;
		font-size:22px;
		text-transform:uppercase;
		text-align:center;
		width:150px;
		padding:125px 0 0 30px;
	}

.content .bottom h2 {
	font-size:20px;
	padding:20px 0 20px 85px;
}
.content .bottom ul {
	font-size:14px;
	padding:0 0 0 335px;
}
.content .bottom li {
	background:url(images/bg/bottomarrow.gif) no-repeat 0 7px;
	padding:7px 0 7px 15px;
	
 }

.content .bottom li a {
	color:#fff;
	padding:7px 10px 7px 10px;

}
.content .bottom ul li a:hover {
	background-color:#99cfd4;
}











.localsitesfooter {
	position:relative;
}
.localsitesfooter span {
	position:absolute;
	left:0;
	top:10px;
	background:url(images/bg/localsitesbottom.gif);
	width:304px;
	height:21px;

}


/* CONTENT HOME PAGES */

.content .homeLeft {
	width:435px;
	padding:10px 20px 10px 35px;
}
.content .homeLeft a {
		color:#b1482b;
}

.content .homeLeft a:hover {
	text-decoration:underline;
}

.content .homeRight {
	position:relative;
	width:454px;
	border-left:1px solid #a4b0a0;
	border-bottom:1px solid #a4b0a0;
	border-right:1px solid #a4b0a0;
	background-color:#f0f4c8;
	padding-bottom:10px;
	height:1%;
}

.content .homeLeft p {
	font:normal .9em/1.4em Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#543b26;
	padding-bottom:10px;
}



/* FORMS */


/*
	Forms will look similar to this. I add this here since it's programatically generated and may be hard to capture/view.

<div class="formTypes">

	<div class="field first">
		<label for="whatever">Some Label</label>
		<input id="whatever" class="tb req highlight" type="text"/>
		<span id="reqWhatever" style="display:none;"></span>
		<div style="visibility: visible;" class="validationPopup" id="reqWhateverExt_popupDiv">
			<div class="errorMessage">
				This is a required field.
				...other content...
			</div>
			<div class="closeButton">X</div>
		</div>
	</div>

</div>

	- formTypes: type of form like rightForm, greenForm, etc
	- field: all form fields will have this class
	- first: the first field may have this class for some forms
	- input: the input may be a textbox, select (drop down list), textarea (multi line textbox) etc
	- tb: textbox inputs will have the tb class
	- ddl: added to drop down lists (select)
	- req: required fields will have this class
	- highlight: this will get added dynamically to invalid fields
	- reqWhatever: this shouldn't be shown. it's used programatically by script to validate the fields
	- validationPopup: this div gets added programatically. it's the validation baloon. The style updates dynamically to show/hide it as needed
	- errorMessage and closeButton: static parts of the popup (except the message of course)
	- ...other content... there may be other controls here. For example a link, button or whatever that offers a correction to the problem

	cmc - I'm splitting apart the following styles to prevent the styles
		cascading into the validation baloon and to accomodate other control types (select, textarea)
*/

/* Common Stufff */
.noForm p { color:#563c25; font-size:20px; line-height:26px; padding:20px 40px; }
.field { position: relative; text-align:right; }
.field label { text-transform:uppercase; }

/* rightForm */
.rightForm .message { margin: 15px; }
.rightForm .message p { margin-bottom: 1.0em; }
.rightForm .field { font-size:14px;	float:left; width:350px; padding:10px 0 0 0; }
.rightForm .first { position:absolute; top:-35px; right:105px; }
.rightForm .phone { width:270px }
.rightForm .phone input { width:150px; }
.rightForm .ext { width:80px }
.rightForm .ext input { width:30px; }
.rightForm .tb { width:230px; height:18px; border:1px solid #ccc; 
	padding-top:2px; padding-left:2px; vertical-align:middle; font-size:12px; }
.rightForm .next input
{ position:absolute; bottom:5px; right:5px; width:93px; height:32px; cursor:pointer;
	background:url(images/form/next.gif); padding:0 5px 3px 0; border:0; 
	font:18px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
.regForm .field input.tb,
.regForm .field select,
.regForm .field textarea { width:330px; }
.regForm .field input.tb,
.regForm .field select.ddl { height:25px; }
.regForm .regFormYes input { width:15px; height:15px; }

.noEmailField { position: relative; text-align:left; float:left; padding:10px 0px 0px 40px; width:350px; font-size:12px;}
.noEmailField input { margin-right:10px; }
	
	
/* regForm */
.regForm { position: relative; }
.regForm .field { clear:both; padding-bottom:10px; }
.regFormh2 { border-bottom:1px solid #b2d233; text-transform:uppercase; color:#b2d233; font-size:18px; margin:25px 0 20px 0; }
.regForm .submit input { position:absolute; right:10px; width:93px; height:32px; cursor:pointer;
	background:url(images/form/next.gif); 
	padding:0 10px 3px 0; border:0; 
	font:18px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }


.regMessages
{
	width: 320px;
	margin: 20px;
	font-size: small;
}
.regMessages p
{
}
.regMessages li, .regMessages p
{
	margin-bottom: 5px;
}

/* greenForm */
.greenForm label { color:#85ac3f; }

/* brownForm */
.brownForm label {color: #baa769; }
.brownForm .message {color: #baa769; }

/* industryForm */
.industryForm label { color: #479ca2; }

/* Misc other things */
.rightForm .first label { color:#fff; } /* the first field of right forms are white comes after green/brown form etc */

.field .cb2 label { text-transform: inherit; padding-left: 5px; }
.oppAvailability table { float: right; }
.oppAvailability table td.oppdate { padding-left: 10px; text-align: left; }
.oppAvailability table .field { text-align: left; }
.oppAvailability table .field label { text-align: left; text-transform: inherit; display: block; }

/* fix an issue where the calendar control appears behind other controls */
.oppAvailability .field.todate { z-index: 1000; }
.oppAvailability .field.fromdate { z-index: 1000; }

/* Validation Balloon */
.validationPopup
{
	position: absolute;	bottom: 95%; left: 125px; width: 250px;
	border: 0; margin: 0; padding: 0;
	background: #b1482b url(images/form/validationBalloonTop.gif) no-repeat top;
	color: White;
}
.validationPopup .errorMessage
{
	border: 0; margin: 0; padding: 35px 15px 45px 15px;
	background: url(images/form/validationBalloonBottom.gif) no-repeat bottom;
	text-align: left;
}
.validationPopup .closeButton
{
	position: absolute; top: 0; right: 0; width: 3.0em;
	padding: 0.5em;
	text-align: center;
	cursor: pointer;	
}

/* School Finder */

.brownForm .searchResult {
	border: 1px solid #baa769;
	color: #653;
	margin: 5px 10px 5px 10px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	position: relative;
	height:1%;
	
}
.searchResult .choose {
	position: absolute; bottom: 5px; right: 5px;
	font-size: 12px; color: #ffffff; text-align: center; 
	display: block; width: 62px; height: 22px; background:url(images/form/bg-button-red.gif);
}
.searchResult .choose:hover { background:url(images/form/bg-button-red.gif) 0 22px; }


.clearCookie
{
	position: absolute; top: -25px; right: 5px;
	font-size: 12px; color: #ffffff; text-align: center; 
	display: block; width: 62px; height: 22px; background:url(images/form/bg-button-red.gif);
}
.clearCookie:hover { background:url(images/form/bg-button-red.gif) 0 22px; }

/* CALLOUT BOXES HOME */

.homecallouts {
	background:url(images/bg/homecallouts.gif);
	margin-bottom:30px;
	clear:both;
}

.homecallouts a {
	cursor:pointer;
}

.homecallouts h2 {
	text-transform:uppercase;
	color:#fff;
}

.hcbottom {
	background:url(images/bg/homecalloutsbottom.gif) left bottom no-repeat;
	height:1px;
	font-size:0px;
	clear:both;
}

	.employers, .teachers, .passport, .industry, .students {
		display:inline;
		width:173px;
		float:left;	
		margin-left:6px;
		margin-right:5px;
	}
	
	.passport {
		margin-left:7px;
	}
	
		.first {
			margin-left:35px;
		}
		
	.employers h2, .teachers h2, .passport h2, .industry h2, .students h2 {
		width:173px;
		padding-top:74px;
		text-align:center;
		font-size:12px;
	}
	
	.employers p, .teachers p, .passport p, .industry p, .students p {
		width:167px;
		padding:4px 3px;
		text-align:center;
		font-size:12px;
		line-height:16px;
		color:#543b26;
	}
	
		.employers h2 {
			background:url(images/home/callout-employers.gif) no-repeat #b2d234;
		}
		
		.teachers h2 {
			background:url(images/home/callout-teachers.gif) no-repeat #baa769;
		}
		
		a .passport h2 {
			background:url(images/home/callout-passport.gif) no-repeat #8079a7;
		}
		
		a .industry h2 {
			background:url(images/home/callout-industry.gif) no-repeat #75cdd9;
		}
		
		a .students h2 {
			background:url(images/home/callout-students.gif) no-repeat #faa61a;
		}
				
										/* second hover state for IE 6, helps override or else the hover state doesn't dissapear */
				a:hover .employers h2, .employers h2:hover {
					background-color:#85ac3f;
				}
				
				a:hover .teachers h2, .teachers h2:hover {
					background-color:#948354;
				}
				
				a:hover .passport h2, .passport h2:hover {
					background-color:#5c5883;
				}
				
				a:hover .industry h2, .industry h2:hover {
					background-color:#4da8af;
				}
				
				a:hover .students h2, .students h2:hover {
					background-color:#cd7c29;
				}
				

/* FOOTER */

.footer {
	clear:both;
	position:relative;
font-size:12px;	height:29px;
	color:#fff;
	background-color:#2b9ba7;
		
}

.footer a {
	color:#fff;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

.footer .left {
	padding:7px 0 0 35px;
	width:433px;
	float:left;
}

.footer .right {
	padding:7px 28px 0 0;
	width:472px;
	text-align:right;
	float:left;
}


/*
	Modal Login
*/

.modalBackground { display: none; }
.dialog { position: relative; background-color: #f0f4c8; border: 1px solid black; }
.dialog h1 { background-color: #b1482b; color: white; font-weight: bold; height: 1.5em; border-bottom: 1px solid black; padding-left: 1.0em; margin-bottom: 1.0em;}
.dialog .tb { padding-left: 30px; padding-right: 30px; text-align: right; vertical-align: middle; margin-bottom: 0.5em; }
.dialog .tb input { width: 230px; font-size: large; }
.dialog .tb label { padding-right: 1.0em; color: #b1482b; text-transform: uppercase; }
.dialog .cb { padding-left: 30px; padding-right: 30px; 	vertical-align: middle; margin-bottom: 0.5em; }
.dialog .cb label { padding-left: 1.0em; color: #b1482b; }
.dialog .cb input { vertical-align: middle; }
.dialog .btnOk { height: 35px; position: relative; margin-bottom: 10px; }
.dialog .btnOk input { position:absolute; right: 30px; bottom: 0px; width:93px; height:32px; padding:0 10px 3px 0; border:0; 
    background:url(images/form/next.gif); cursor:pointer; 
    font:18px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
.dialog .cancel { position: absolute; top: 0; right: 0; width: 3.0em; text-align: center; }
.dialog .cancel a { display: block;  color: white; cursor: pointer; }
.dialog p { margin: 0 1.0em 1.0em 1.0em; }
.dialog p.RedError { color: Red; }
.dialog p.GreenSuccess { color: Green; }
.dialog p.YellowWarning { color: Yellow; }
.login { width: 400px; }
.teacherPicker { width: 400px; }



/* Misc site editing styles - not publicly visible */

/* Controls for editing html module */
.htmlSettings { width: 100%; }
.htmlSettings a { padding-left: 0.5em; padding-right: 0.5em; }
.htmlSettings .selected { background-color: #CCF; border: 1px solid blue; }

/* controls for editing content skin sidebar header */
.sidebarCapEditor { border: 1px solid blue; background-color: #CCF; padding: 0.5em; text-align: center; }