/* CSS Document */

html,body {
	border:0;
	height:100%;
	margin:0;
	padding:0;
	background-color:#F9F8E7;
	font-size:0.92em;
	font-family:Arial, Helvetica, sans-serif;
	color:#6c6c6c;	
}

a, a:link, a:visited, a:active{
	text-decoration:none;
	color:#1c66ed;
}

a:hover{
	text-decoration:underline;
}



img {
	border:0;
	padding:0;
	margin:0;
}

img, div { 
	
}

.pngfix{
	behavior: url("styles/iepngfix.htc");
}

.largeBlueText{
	color:#005696;
	font-size:1.5em;
	font-weight:bold;
}

.largeGreenText{
	color:#7dbf0d;
	font-size:1.5em;
	font-weight:bold;
}

.smallGreenText{
	color:#7dbf0d;
	font-size:0.95em;
	font-weight:bold;
}

.blackText{
	color:#393939;
}

.addImagePaddingRight{
	margin-right:-2px;
}

.advance_search{
	border:none;
	border-top:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-left:1px solid #a8a8a8;
	height:19px;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
}
/*

p{
	line-height:1.2em;
}

.changeCursor {
cursor:pointer;
}

*/


div#frame{
    width:943px;
	margin:0px auto;
}

div#top_banner_area{
	margin-top:30px;
	width:966px;
	height:83px;
	background:url(../Images/topBanner.gif) top left no-repeat;
	float:left;
	display:inline;
}

div#top_banner_area_link{
	width:82px;
	height:83px;
	float:left;
}

div#top_banner_area_top_left{
	width:562px;
	height:27px;
	margin-left:6px;
	margin-top:16px;
	float:left;
	display:inline;
}

div#top_banner_area_top_right{
	width:240px;
	height:27px;
	margin-top:16px;
	float:left;
	display:inline;
	margin-left:20px;
}

.ie6 div#top_banner_area_top_right{
	height:23px;
}

div#top_banner_area_top_right_loader_image{
	width:20px;
	height:20px;
	margin-top:8px;
	float:right;
	display:inline;
	margin-right:30px;
}

div#top_banner_area_bottom_left{
	width:422px;
	height:32px;
	margin-left:6px;
	margin-top:8px;
	float:left;
	display:inline;
}

.ie6 div#top_banner_area_bottom_left{
	height:23px;
}

div#top_banner_area_bottom_right{
	width:420px;
	height:23px;
	float:left;
	display:inline;
	margin-top:8px;
	margin-left:20px;
}

div#main_content_area{
	width:966px;
	min-height:520px;
	background:url(../Images/mainBG.gif) top left repeat-y;
	float:left;
}

div#main_content_area_left{
	width:387px;
	min-height:485px;
	float:left;
	display:inline;
}

div#main_content_area_right{
	width:579px;
	min-height:485px;
	float:left;
	display:inline;
}

.ie6 div#main_content_area_right{
	margin-left:-1px;
}

.ie6 div#main_content_area{
	height:485px;
	float:none; 
}

.footer_area{
	width:966px;
	height:16px;
	background:url(../Images/footerBG.gif) top left no-repeat;
	font-size:0.9em;
	float:left;
	display:inline;
}


div#footer_links{
	color:#1c66ed;
	margin-left:11px;
	margin-top:24px;
}


.footer_link{
	margin-right:18px;
}

.alt_link a, a:hover, a:link, a:active{ text-decoration:none; font-weight:normal;}
.ie6 div#footer_links a{text-decoration:none; font-weight:normal;}

.floatClear
{
	clear:both;
}


/*Screen 2 CSS */
div#content_holder_left{
	width:309px;
	margin:0 auto;
	margin-top:41px;
	font-size:0.92em;
}

div#content_holder_right{
	width:503px;
	margin:0 auto;
	margin-top:41px;
	font-size:0.92em;
}

div.info_pane{
	margin-top:25px;
	font-size:0.92em;
	font-weight:bold;
	color:#ffffff;
}

div.info_pane_top{
	width:309px;
	height:12px;
	background:transparent url("../Images/info_panel_top.png") left top no-repeat;
	/*background:transparent url("/NonSecureSiteCollectionImages/By_Subject/Outsourcing/Page_Image/cameraInkBlue.png") left 7px no-repeat;*/
	behavior: url("styles/iepngfix.htc");
}


.ie6 div.info_pane_top{
	 margin-bottom:-3px;	
	/*Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/info_panel_top.png');
}


div.info_pane_body{
	width:283px;
	padding-left:12px;
	padding-right:14px;
	background:url(../Images/info_panel_rep.png) repeat-y;	
}

div.title_main_info_pane_body
{
    width:290px;
	padding-left:12px;
	padding-right:14px;
	background:url(../Images/info_panel_rep.png) repeat-y;	
}

div.info_pane_bottom{
	width:309px;
	height:13px;
	background:url(../Images/info_panel_bottom.png) top left no-repeat;
	behavior: url("styles/iepngfix.htc");
}

.ie6 div.info_pane_bottom{
	/*Mozilla ignores crazy MS image filters, so it will skip the following */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/info_panel_bottom.png');
}

.email_input{
	border:none;
	border-top:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	height:19px;
	width:258px;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
}

.title_code_input{
	border:none;
	border-top:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	height:19px;
	width:305px;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
}


.button_form{
	margin-top:15px;
	margin-left:234px;
}

.blue_highlight{
	color:#1c66ed;
}

.blue_highlight_bold{
	color:#1c66ed;
	font-weight:bold;
}

.green_highlight_bold{
	color:#7AB315;
	font-weight:bold;
}

.font_bold{
	font-weight:bold;
}

.login_header{
	color:#393939;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:12px;
}

.not_registered_header{
	color:#393939;
	font-size:1.1em;
	font-weight:bold;
}

.teacher_header{
	color:#005696;
	font-size:1.8em;
	font-weight:bold;
}

div#teacher_heading
{
    float:left;
}

div#teacher_heading_home_link
{
    float:left;
    margin-left:168px;
}
/* Screen 3 CSS */

div#student_right_bottom{
	margin-top:15px;
	margin-bottom:15px;
}

.green_highlight_bold{
	color:#7bb41c;
	font-weight:bold;
}

.center_div{
	margin:0 auto;
	
}

/* Screen 4 CSS*/

.button_form_add_title{
	margin-top:15px;
	margin-left:229px;
}

div#content_holder_left_add_title{
	width:309px;
	margin:0 auto;
	margin-top:47px;
	font-size:0.92em;
}

div#content_holder_right_titles{
	width:555px;
	margin-left:8px;
	margin-top:14px;
	
	font-size:0.92em;
}

div#form_header{
	color:#393939;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:20px;
}

div#cover_pane{
	margin:0 auto;
	margin-top:21px;
	margin-left:10px;
	text-align:center;
	position:absolute;
	width:300px;
}


div#cover_pane_title{
	margin-top:13px;
}

div#mytitles_text{
	font-weight:bold;
	margin-left:6px;
	margin-bottom:12px;
}


div#mytitles{
	margin-top:14px;
	display:inline;
}

.mytitles_title{
	min-height:117px;
	background-color:#fbf9ef;
	border:#e8e3c8 solid 1px;
	padding:3px;
	margin-bottom:3px;
}

.ie6 .mytitles_title{
	height:117px;
}

.mytitles_title_img{
	width:106px;
	float:left;
	display:inline;
}

.mytitles_title_detail{
	float:left;
	display:inline;
	width:435px;
	min-height:117px;
}

.mytitles_title_detail_header{
	font-size:1.3em;
	font-weight:bold;
	color:#393939;
	margin-top:4px;
}

.mytitles_title_detail_open{
	margin-top:36px;
}

.mytitles_title_delete{
	float:right;
    display:inline;
    padding-top:8px;
}


/* Screen 5 CSS */

div#content_holder_left_content{
	width:379px;
	margin-top:0px;
	margin-left:8px;
}

div#content_holder_right_title{
	width:571px;
	margin-left:0;
	margin-top:0;	
}



div#title_welcome{
	width:551px;
	height:137px;
	padding-left:20px;
	padding-top:14px;
	background:url(../Images/title_welcome_background.gif) repeat-y;
}

div#title_welcome_holder{
	width:531px;
}

div#title_welcome_img{
	width:90px;
	height:117px;
	float:left;
	display:inline;
}

div#title_welcome_detail{
	width:421px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#title_welcome_detail_header{
	font-size:1.45em;
	font-weight:bold;
	color:#005696;
	margin-bottom:19px;
}

div#title_welcome_detail_info{
}


div#title_news{
	width:522px;
	font-size:1.1em;
	margin-top:17px;
	margin-left:22px;
}

div#title_news_header{
	font-size:1.3em;
	font-weight:bold;
	color:#005696;
	margin-bottom:20px;
}

.teir1{
	width:368px;
	height:20px;
	font-size:1.1em;
	font-weight:600;
	padding-left:11px;
	padding-top:2px;
	margin-bottom:1px;
	color:#FFFFFF;
}

.teir1colour1{background:#4b8789;}
.teir1colour2{background:#2b226f;}
.teir1colour3{background:#730860;}

.teir2{
	width:379px;
	height:22px;
	font-size:1.1em;
	font-weight:600;
	margin-bottom:1px;
	color:#4b8789;
}

.teir2 .teir2_text{
	color:#4b8789;
	margin-top:2px;
	margin-left:11px;
}

.teir2colour1{background:#d6e8e7;}

.teir2 a{ text-decoration:none;}
.teir2 a:hover{ color:#000000;} 
.teir2:hover{
	background:#fff5a2;
}

.ie6 .teir1{
	text-decoration:none;
}

.ie6 .teir2{
	text-decoration:none;
}

.ie6 .teir2 a{
	width:379px;
	height:22px;
	display:block;
	text-decoration:none;
}

.ie6 .teir2 a:hover{
	background:#fff5a2;
	color:#000000;
	margin:0;
}


/* advance search panel CSS */
div#advance_search{
	width:272px;
	border:#b5c9d2 solid 1px;
	background-color:#ffffff;
}

div#advance_search_close{
	padding-left:251px;
	margin-bottom:10px;
}

div#advnace_search_form{
	/*width:230px; ------------Can have width i wanted/needed */
	margin-left:21px;
	margin-bottom:20px;
}

.ErrorMessage
{
    color:#FF0000;
}

.HeaderPanel
{
    width:368px;
	font-size:1.1em;
	line-height:1.2em;
	padding-left:11px;
	padding-top:2px;
	margin-bottom:1px;
	min-height:20px; /*ff*/
    height: auto !important; /*ie7 */
	
    
}

.gecko .HeaderPanel, .safari3  .HeaderPanel
{
    float:left;
	display:block;    
}

.chrome .HeaderPanel
{
	display:block;
	float:left;
	clear:left; 
}

.HeaderPanelSelected
{
    width:367px;
	font-size:1.1em;
	line-height:1.2em;
	padding-left:10px;
	padding-top:1px;
	margin-bottom:1px;
	border: solid 1px #000000;
	min-height:20px; /*ff*/
    height: auto !important; /*ie7 */
}

.gecko .HeaderPanelSelected, .safari3  .HeaderPanelSelected
{
    float:left;
	display:block; 
}

.chrome .HeaderPanelSelected
{
	display:block; 
	float:left;
	clear:left; 
}

.ContentPanel
{
    overflow:hidden;
    height:0px;
}

.gecko .ContentPanel, .safari3 .ContentPanel
{
    overflow:hidden;
    height:0px;
    float:left;
	display:block;
}

.chrome .ContentPanel
{
    float:left;
    clear:left;
}

.ResourceThumbnails
{
    margin-left:22px;
    
}

.ResourceThumbnail
{
    width:185px;
}

.gecko .ResourceThumbnail
{
    width:180px;
}

.chrome .safari .ResourceThumbnail
{
    width:180px;
}

.chrome .safari .ResourceThumbnail
{
    width:180px;
}

.safari .ResourceThumbnail
{
    width:180px;
}

.ie6 .ResourceThumbnail
{
    width:178px;
}

.advanced_search_div
{
    z-index:2;
    position:absolute;
    background-color:White;
    width:255px; 
    height:145px; 
    border:1px solid #b5c9d2;
    padding-left:20px;
}

.error_message_div
{
    z-index:2;
    position:absolute;
    background-color:#EDF1F5;
    width:225px; 
    height:19px; 
    border:1px solid #b5c9d2;
    padding-left:5px;
}

.gecko .error_message_div, .safari3 .error_message_div
{
    z-index:2;
    position:absolute;
    background-color:#EDF1F5;
    width:223px; 
    height:19px; 
    border:1px solid #b5c9d2;
    padding-left:5px;
}

.advanced_search_dropdown_container
{
    padding-top:10px;
}


.gridCell
{
    border-left: solid 1px #afc5d2;
    border-right: solid 1px #afc5d2;
    padding:8px;
}

.firstGridCell
{
    padding-left:0px;
    padding-right:0px;
    padding-top:8px;
    padding-bottom:8px;
}

.gridHeader
{
    background-color:#E3E7EA;
    border-left: solid 1px #afc5d2;
    border-right: solid 1px #afc5d2;
    color:#1a3850;
    height:25px;
    text-align:left;
    vertical-align:middle;
    padding-left:8px;
    padding-right:8px;
    padding-top:0px;
    padding-bottom:0px;
    
}

.gridPager
{
    background:url(../Images/search_footer.png) repeat-x;   
    behavior: url("styles/iepngfix.htc");
}


.ie6 gridPager
{
	 /*Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/search_footer.png');
}

.default_page_selection_div
{
    text-align:center;
    color:#393939;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:12px;
}

.default_page_header{
	color:#005696;
	font-size:1.45em;
	font-weight:bold;
}

.default_page_text
{
    font-size:1.2em;
	font-weight:bold;
}

/* blue info pane */
div.blue_info_pane{
	width:329px;
	margin:0 auto;
	margin-top:41px;
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
}

div.blue_info_pane_top{
	width:329px;
	height:12px;
	background:transparent url("../Images/blue_info_panel_top.png") left top no-repeat;
	/*background:transparent url("/NonSecureSiteCollectionImages/By_Subject/Outsourcing/Page_Image/cameraInkBlue.png") left 7px no-repeat;*/
	behavior: url("styles/iepngfix.htc");
}


.ie6 div.blue_info_pane_top{
	margin-bottom:-6px;
	/*Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/blue_info_panel_top.png');
}


div.blue_info_pane_body{
	width:329px;
	height:100px;
	background:url("../Images/blue_info_panel_rep.png") repeat-y;	
    text-align:center;
}


div.blue_info_pane_bottom{
	width:329px;
	height:12px;
	background:url("../Images/blue_info_panel_bottom.png") top left no-repeat;
	behavior: url("styles/iepngfix.htc");
}

.ie6 div.blue_info_pane_bottom{
	/*Mozilla ignores crazy MS image filters, so it will skip the following */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/blue_info_panel_bottom.png');
}

div#default_image{
	margin-left:15px;
	
}

div#resource_message
{
    font-weight:bold;
    margin-top:5px;
	margin-left:10px;
	
}

div#resource_thumbnails_heading{
	font-weight:bold;
	margin-top:6px;
	margin-right:8px;
	margin-bottom:6px;
}

div#mytitles_heading
{  
    float:left;
    width:100px;
    height:27px;
}

div#mytitles_messages
{  
    float:left;
    width:200px;
    height:27px;
}

div#change_login_email
{
    margin-left:155px;
    float:left;
    height:30px;
    width:143px;
}

div#delete_account_button_div
{
    margin-left:5px;
    float:left;
    height:30px;
    width:143px; 
}

.ie6 div#change_login_email{
	margin-left:125px;
}

div#heading_panel
{
    float:left;
    width:490px;
    height:30px;
}

.button_description
{
    font-size:0.75em;
    text-align:center;
}


/*---------- controls bottom of page "Paginator" --*/

div#bottom_controls{
	height:37px;
	width:571px;
	padding-top:5px;
	background:url(../Images/search_footer.png) left top repeat-x;
}

div#bottom_controls_holder
{
    margin-left:218px;
    /*margin-left:276px;*/
}

div#bottom_controls_buttons{
	width:148px;
	height:31px;
	display:inline;
	float:left;
}

div.control_button{
	margin-right:4px;
	float:left;
}

div#bottom_contorls_text{
	width:134px;
	margin-top:9px;
	margin-left:8px;
	font-size:0.92em;
	font-weight:bold;
	color:#393939;
	display:inline;
	float:left;
}

.heLogo
{
    margin-left:110px;
    margin-top:5px;
	position:absolute;
}

.ie6 .heLogo{
	
}

div#keyterm_holder
{
    margin-left:10px;
}
.keyterm_heading
{
    font-size:18;
}

.keyterm
{
    font-size:12;
}

.float_left
{
    float:left;
}

.green_panel_register
{
    text-align:right;
}

.visibleDiv
{
    position: fixed;
    width: 300px;
    top: 280px;
    left: 220px;
}

div.content_holder_right_bottom
{
    width:503px;
	margin:0 auto;
	margin-top:41px;
	font-size:0.92em;
	text-align:right;
}

/*
div#resources_view
{
    height:485px;
    overflow-y:scroll;
}
*/


/*

div#navigation_view
{
    height:525px;
    width:380px;
    overflow-y:scroll;
}

*/