/*
Copyright (c) Enigma Interactive 2008

SOM2
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
2	27Jan08		SF			Tidying up and error correction - this now validates CSS level 2.1
1	unknown
*/

html{
	overflow-y: scroll;
	background: url('/res/body/bg-tile.jpg') repeat-x scroll top center #fff;
}

body{
	margin:0px;
	padding:0px;
	text-align:center;
	font: normal 75% verdana; 
	color:#606060;
	line-height: 1.6em;
	background: url('/res/body/background.jpg') no-repeat scroll top center transparent;
}

hr{
	color: #6699FF;
	background-color: #6699FF;
}

.error
{
	color: red;
}

#error_label{
	font-weight:bold;
}

.siteContent {
	margin: 0px auto 0px auto;
	overflow: hidden;
	width: 948px;
	text-align: left;
}

#printFriendlyImage {
	display: none;
}

a {
	color:#36558C;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	/*To declare on every link... text-decoration: underline;*/
}

a img{
	border:none;
}


h2,h3,h4,h5,h6{
	color:#606060;
}

h1, h2 {
	font-size:1.4em;
	color: #193d7b;
}

h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
	padding-bottom: 15px;
}

h5{
	font-size:1.1em;
}
h6{
	font-size:1em;
}

table {
	padding: 0;
}

#teachersMainContainer table,
#teachersMainContainer td,
#teachersMainContainer th {
	border: 1px solid grey;
	border-collapse: collapse;
}

#teachersMainContainer td, #teachersMainContainer th {
	padding: 0 6px;
}

/*===========coSiteTool=======================-*/

#innerPanelTop{
	width: 				957px;
	padding: 			0;
	overflow: 			hidden;
	background-image: 		url('/images/coSiteTool/main_panel_top.png'); 
	background-repeat: 		no-repeat; 
}

.coSiteTool #logo_left{
	position: 			relative;
	float: 				left;
	margin:				30px 0 20px 23px;
}

.coSiteTool #logo_right{
	position: 			relative;
	float: 				right;
	margin: 			20px 30px 0 0;
}

.coSiteTool #menu {
	background-image:	url('/res/coSiteTool/blue_bar.gif');
	clear:				both;
	float:				none; 
	height: 			27px;
	margin-left: 		20px;
	overflow: 			hidden;
	width: 				902px;
}

	.coSiteTool #menu ul {
		float: left;
		height: 27px;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	
	.coSiteTool #menu ul.actions {
		float: right;
		padding: 0 5px 0 0;
	}
	
		.coSiteTool #menu li {
			float: left;
			height: 27px;
			overflow: hidden;
		}
		
		.coSiteTool #menu .actions li {
			padding: 0 2px;
		}
		
			.coSiteTool #menu .pages a,
			.coSiteTool #menu .actions a {
				background: url('/res/coSiteTool/sprite.png');
				display: block;
				margin: 0;
				padding: 0;
				height: 27px;
				text-indent: -9999px;
			}
			
			.coSiteTool #menu .pages .home {
				background-position: -234px 0;
				width: 65px;
			}
			
				.coSiteTool #menu .pages .home:hover {
					background-position: -157px 0;
				}
			
			.coSiteTool #menu .pages .news {
				background-position: -398px 0;
				width: 65px;
			}
			
				.coSiteTool #menu .pages .news:hover {
					background-position: -314px 0;
				}
				
			.coSiteTool #menu .pages .teachers {
				background-position: -593px 0;
				width: 90px;
			}
			
				.coSiteTool #menu .pages .teachers:hover {
					background-position: -478px 0;
				}
				
			.coSiteTool #menu .actions .print {
				background-position: -63px -89px;
				width: 27px;
			}
			
				.coSiteTool #menu .actions .print:hover {
					background-position: -22px -89px;
				}
			
			.coSiteTool #menu .actions .sendFriend {
				background-position: -63px -184px;
				width: 32px;
			}
				
				.coSiteTool #menu .actions .sendFriend:hover {
					background-position: -21px -184px;	
				}
			
			.coSiteTool #menu .actions .bookmark {
				background-position: -63px -0px;
				width: 				26px;
			}
			
				.coSiteTool #menu .actions .bookmark:hover {
					background-position: -20px -0px;
				}
				
	.coSiteTool #menu .addThis{
		float: right;
		padding-top: 6px;
		padding-right: 15px; 
	}
	
		.coSiteTool #menu .addThis .addthis_separator {
			background: url('/res/coSiteTool/addthis/sharethissite.jpg') no-repeat;
			height: 17px;
			width: 97px;
			display: block;
			text-indent: -9999px;
		}
		
		.coSiteTool #menu .addThis .addthis_button_facebook {
			background: url('/res/coSiteTool/addthis/facebook.jpg') no-repeat;
			height: 17px;
			width: 17px;
			padding:0;
			padding-right: 1px;
			display: block;
			text-indent: -9999px;
		}
		
		.coSiteTool #menu .addThis .addthis_button{
			background: url('/res/coSiteTool/addthis/addthis.jpg') no-repeat;
			height: 17px;
			width: 17px;
			padding:0;
			padding-right: 1px;
			float: left;
			display: block;
			text-indent: -9999px;
		}
		
		.coSiteTool #menu .addThis .addthis_button_twitter {
			background: url('/res/coSiteTool/addthis/twitter.jpg') no-repeat;
			height: 17px;
			width: 17px;
			padding:0;
			padding-right: 1px;
			display: block;
			text-indent: -9999px;
		}
		
		.coSiteTool #menu .addThis .addthis_button_blogger {
			background: url('/res/coSiteTool/addthis/blogger.jpg') no-repeat;
			height: 17px;
			width: 17px;
			padding:0;
			display: block;
			text-indent: -9999px;
		}
		
		.coSiteTool #menu .addThis .at300bs{
			background:none;
		}


/*===========INNER PANEL=======================-*/

#innerPanel { 
	width:				948px; 
	background-image: 	url('/res/innerPanel/inner_panel_middle.png'); 
	height: 			auto;
	overflow: 			hidden;
}

#innerPanel #contents {
	clear: 				both;
	margin: 			0 0 0 20px;
	padding:			15px 0 0 0;
	float:				none; 
	overflow: hidden;
	width:				902px;
	height: 			auto;
	background: #fff url('/res/innerPanel/inner_panel_top.gif') top left no-repeat; 
}

#contents #leftColumn{
	margin-top: -12px;
	float :left;
}

#contents #rightColumn{
	margin-right: 10px !important;	/* IE6 Double margins */
	margin-right: 5px;				/* IE6 Double margins */
	margin-top: -7px;
	float :right;
}

#innerPanel #contents #bottombg{
	background-image: 	url('/res/innerPanel/inner_panel_bottom.gif');
	clear:				both;
	float:				none;
	height:				67px;
	width:				902px;
}

#innerPanelBottom{
	margin: 			0px;
	padding: 			0px;
	float:				left; 
	width:				948px; 
	background-image: 	url('/res/innerPanel/main_panel_bottom.png');
	background-repeat: 	no-repeat; 
	height: 			60px;
}

#innerPanel #header_text{
	color:				#606060;
	text-align:			left;
	margin: 			0 20px 15px 20px;

}

#innerPanel #header_text strong{
	color: #193d7b;
}

/*===========coSiteFooter=======================-*/

.coSiteFooter {
	background-image: 	url('/res/innerPanel/inner_panel_middle.png');
	clear:				both;
	float:				none;
	overflow: 			hidden;
	width: 				948px;
	z-index:			2;
}

	#coSiteFooter_links {
		background: url('/res/coSiteFooter/inner_panel_footer.gif') no-repeat;
		clear: both;
		color: #fff;
		float: none;
		height: 27px;
		margin: 0 0 0 20px;
		overflow: hidden;
		padding: 0;
		width: 902px;
	}
	
		#coSiteFooter_links ul {
			float: left;
			height: 100%;
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
	
			#coSiteFooter_links li {
				float: left;
			}
	
				#coSiteFooter_links li a {
					background: 	url('/res/coSiteFooter/sprite.png');
					display: block;
					margin: 0 5px;
					height: 27px;
					text-indent: -9999px;
					width: 0;
				}
				
				#coSiteFooter_links .term {
					background-position: -343px -198px;	
					width: 161px;
				}
				
					#coSiteFooter_links .term:hover {
						background-position: -158px -198px;	
					}
					
				#coSiteFooter_links .priv {
					background-position: -655px -198px;
					width: 105px;
				}
				
					#coSiteFooter_links .priv:hover {
						background-position: -531px -198px;
					}

				#coSiteFooter_links .access {
					background-position: -360px -261px;
					width: 168px;
				}
				
					#coSiteFooter_links .access:hover {
						background-position: -164px -261px;
					}
	
	
				#coSiteFooter_links .contact {
					background-position: -668px -261px;
					width: 86px;
				}
				
					#coSiteFooter_links .contact:hover {
						background-position: -551px -261px;
					}

	#coSiteFooter_links .enigma {
		float: right;
		font-size: 0.916667em;
		margin: 4px 10px 0 0 !important; /* IE6 2x margin */
		margin: 4px 5px 0 0; /* IE6 2x margin */
	}
		
	#coSiteFooter_links .enigma a {
		color: #fff;
		display: inline;
		font-weight: bold;
	}

/*=====================FRONT PAGE PROMO PANELS===================================*/

#promo1,
#promo2,
#promo3,
#promo4{
	float: none;
	clear: both;
	padding: 10px 0 0 21px;
}

/* This one is special as it is on the right side of the home page */
#promo5{
	float: none;
	clear: both;
	padding: 5px 0px 10px 5px;
}

/*============================================================================*/


/*=====================SIGNPOST===================================*/

	.signPostContainer{
		width: 370px;
	}
	
	/*=====================SIGNPOST TEMPLATE A (IMAGE) ===============================*/
	
	.signPostContainer .outerTop{
		width: 370px;
		height: 11px;
		font-size: 0;
		background-image: url('/res/posSignpost/outerTop.png');
	}

	.signPostContainer .outerBg{
		width: 368px;
		margin: 0px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		background-color: #cde4fd;
		background-image: url('/res/posSignpost/outerBg.png');
		background-repeat: repeat-x;
		background-position:top;
	}

	.outerBg .signPostImageContainer {
        margin-left: 7px;
    }
	
	.outerBg .rounded{
		width: 100px;
		background-color: red;
		border: 1px solid white;
	}
	
	.signPostContainer .outerBottom{
		width: 370px;
		height: 11px !important;
		background-image: url('/res/posSignpost/outerBottom.png');
	}	
		
	.signPostContainer .moreButtonTemplateA{
		margin-left: 200px;
		margin-top: -30px;
		padding: 0 0 9px
	}
	
	.signPostContainer .moreButton a img{
		border: 0px;
	}
	
	/*=====================SIGNPOST TEMPLATE B (TEXT) ===============================*/
	.signPostContainer .outerTopTemplateB{
		background-image: url('/res/tempBSignpost/outerPanelTop.png'); 
		height: 39px; 
		width: 370px;
	}

	.signPostContainer .outerBgTemplateB{
		width: 368px;
		margin: 0px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		background-color: #CDE4FD;
		padding:10px 0 10px 0;
	}
	
	.signPostContainer .headerTemplateB{
		padding:11px 55px 0 0;
		font-size: 1.2em;
		line-height: 1.6em;
		text-transform: uppercase;
		text-align:right;
		color: white;
	}
		
	.signPostContainer .innerTopTemplateB{
		margin: 0px 0px 0px 7px; 
		background-image: url('/res/tempBSignpost/innerTop.png'); 
		height: 9px; 
		width: 353px;
	}
	
	.signPostContainer .innerBgTemplateB{
		margin: 0px 0px 0px 7px;
		background-color: white;
		border-left: 1px solid #5FA3EC; 
		border-right: 1px solid #5FA3EC;  
		width: 341px;
		padding:10px 0 0 10px;
	}
	
	.signPostContainer .moreButtonTemplateB{
		
	}
			
	.signPostContainer .innerBottomTemplateB{
		margin: 0px 0px 0px 7px;  
		background-image: url('/res/tempBSignpost/innerBottom.png'); 
		height: 10px; 
		width: 353px;
	}
	
/*============================================================================*/

/*==========================ACTIVITY PANEL====================================*/

	.APContainer{
		width: 486px;
		margin: 0;
		overflow: hidden;
	}
	
	.APouterTop{
		background-image: url('/res/activityPanels/activityPanelTop.png');
		background-repeat:no-repeat; 
		height: 46px; 
		width: 486px;
		overflow: hidden;
	}


	.APouterTop .APheader img{
		float: right;
		margin-top: 15px;
	}
	
	.APouterTop .APbutton {
		margin: 13px 12px 0px 0px; 
		float:right;  
		height: 30px !important; 
		width: 67px !important;
	}
	
	.APouterTop .APbutton img {
		border: 0px;
	}

	.APouterShadowLeft{
		clear: left; 
		float: left; 
		width:5px; 
		background-image: url('/res/activityPanels/leftShadow.png'); 
		background-repeat: repeat-y;
	}
	
	.APouterShadowRight{
		width: 4px;
		background-image: url('/res/activityPanels/rightShadow.png'); 
		background-repeat: repeat-y;
	}
	
	.APouterBg {
		width: 475px; 
		background-image: url('/res/activityPanels/outterBg.png'); 
		background-repeat:repeat-x;
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #cce0f7;
		margin-left:5px;
		padding: 3px 0 0;
	}
	
	.APouterBottom{
		background-image: url('/res/activityPanels/activityPanelBottom.png');
		background-repeat:no-repeat;
		height: 15px;
		width: 486px;
		display: block;
		overflow: hidden;
	}
	
	.APinnerTop{
		margin: 0 0 0 7px;
		background-image: url('/res/activityPanels/innerTop.png');
		background-repeat:no-repeat;
		background-position:bottom;
		height: 10px; 
		width: 462px;
		overflow: hidden;
		font-size: 0;
	}
	
	.APinnerBg{
		margin-left: 7px !important;
		background-color: white; 
		border-left: 1px solid #5da1ec; 
		border-right: 1px solid #5da1ec; 
		width: 460px;
		overflow: hidden;
	}
	
	.APinnerBg .APposImage{
		float: left;
		margin-left: 9px !important;
		margin-left: 4.5px;
	}
	
	.APinnerBg .APoptionsContainer{
		float: left;
		width: 220px;
		overflow: hidden;
	}
	
	.APoptionsContainer .APoption{
		margin-left: 7px !important;
		margin-left: 3.5px !important;
		width: 200px;
		float: left;
		clear: left;
		border-bottom: 1px solid #5da1ec;
		padding: 5px;
		font-family: arial;
		font-size: 1.16667em;
		color: #073c70;
		overflow: hidden;
	}
	
	.APoptionsContainer .APtitle{
		width: 200px;
		height: auto !important;
		font-weight: bold;
	}
	
	.APoptionsContainer .APoption .APquoteMarkLeft{
		float:left;
		display: none;
	}
	
	.APoptionsContainer .APoption .APquoteMarkRight{
		float:right;
		display: none;
	}
	
	.APinnerBottom{
		margin-left: 7px  !important; 
		background-image: url('/res/activityPanels/innerBottom.png');
		background-repeat:no-repeat;
		height: 12px; 
		width: 462px;
	}
	
	/*======================Teachers=========================*/
	
	.incObj{
		clear: left;
		float: left;
	}
	
	.inObjOther{
		float: left;
	}
	
	#siteNavContainer{
		clear:left;
		float:left;
		padding-right:25px;
	}
	
	.teachersInfo{
		color: #5e6b6e;
	}
	
	#teachersContent {
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
	}
	
	#teachersContent h4{
		color: #193D7B;
	}
	
	#teachersContent a{
		color: #36558C;
	}
	
	#teachersContent a:hover{
		text-decoration: underline;
	}
	
	#teachersMainContainer{
		float:left;
		width:580px;
		overflow: hidden;
	}
	
	#teachersMain{
		float: none;
		clear: both;
		padding: 0 5px 0 1px;
	}
	
	#teacherAdditional {
		clear: both; 
		width: inherit;
	}
	
	.downloads {
		margin: 0; padding: 0; width: 100%; overflow: hidden;
	}
	
	.download {
		margin: 0 10px 0 0;
		color: #3e71c8;
		float: left;
		overflow: hidden;
	}
	
	.download img{
		float: left;
		margin-right: 5px;
	}
	
	.download .title {
		margin: 0;
		float: left;
		overflow: hidden;
	}
	
	.fileDesc {
		padding-left: 36px;
		margin-top: -15px;
		float: left;
		clear: left;
	}
	
	.objectRoll{
		margin-top: -20px;
	}

	.libraryLink{
		margin-top: 40px;
	}
	
	.printOnly {
		display: none;
	}