/* --------------------------------------
Education general styles
Apply to Edu site only
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */



/* Generic base styles - used by all sites  */
@import url("c966.css");

/* Layout styles for all Cambridge Learning sites  */
@import url("c598.css");

/* ecommerce and rabida */
@import url("c1307.css");

/* Styles for form definition framework */
@import url("c1121.css");



.required {
   color:red;
}


/* 
--------------------------------------
header
note: #educationBrand and #hitachiBrand are output in the education logo xsl file. #hitachiBrand div displayed if page_path contains Primary (for primary publishing); otherwise, displays #educationBrand. Displaying Hitachi brand if in the Primary part of the Educ site is the logic agreed with Peter Davison in March 2010. These divs are given same height as #header (130px)
--------------------------------------
*/

#educationBrand {background: url(/other_files/images/CL/headers/educ_header_generic.jpg) no-repeat; height: 130px;}
#hitachiBrand {background: url(/other_files/images/CL/headers/hitachi_header_generic.jpg) no-repeat; height: 130px;}


/* 
---------------------------------------
branded header 
note: is the H1 heading style, not the #header element at top of page (holding logo and search)
---------------------------------------
*/

#main_content .branded_header_small {background:#FFFFFF url(/other_files/images/CL/education/generic/branded_header_small.jpg) no-repeat scroll left top; height:35px; margin:0 0 7px; padding:20px 0 0 3px; }
#main_content .branded_header_small h1 {color:#B81750; margin:0; display: block; }







/* --------------------------------------
navigation branding
-------------------------------------- */
#wrapper #main_nav ul li a.active:link, #wrapper #main_nav ul li a.active:visited{background:#7c0d33;border-right:1px solid #7c0d33;color: #ffffff}
#wrapper #main_nav ul li a.active:hover, #wrapper #main_nav ul li a.active:active {padding: 8px 10px;border-right: 1px solid #000000;background: #000000;font-weight: normal;}




/* --------------------------------------
content styles
-------------------------------------- */
h1, h2, h3, h4 {font-family:Verdana,Arial,Helvetica,sans-serif;}
#wrapper h2 {font-size: 1.2em; font-weight: bold;}
#wrapper h3 {font-size: 1.1em; line-height:1.2em;}

#main_content h1, #main_content h2 { color: #b81750;  }
#main_content h3 {color: #000000; /* clear: both; */}

hr {color: #F1E6EA;}
#wrapper .pagination {padding: 0;}

/* --------------------------------------
standard link styles
-------------------------------------- */
a {color: #b81750;}
a:link {color: #b81750;}
a:visited {color: #b81750;}
a:hover {color: #b81750;}
a:active {color: #b81750;}

/* --------------------------------------
featured titles and resources (homepage)
-------------------------------------- */
#featured .titles {border-top-color: #d0deee;}
#featured .resources {border-top-color: #d0deee;}

/* --------------------------------------
column 2 content areas
-------------------------------------- */
#wrapper #column2 h2 {background: #B81750 url(/other_files/images/CL/education/basic_projects/nav_grads/edu_nav_grad.jpg) repeat-x scroll left bottom; color: #ffffff;}
#wrapper #column2 .inner {background: #f1e6ea;color:#B81750;}
.repfinder .search-input {margin-bottom: 5px;}
#wrapper #column2 .inner .howtoorder {margin-top:1em;}

/* --------------------------------------
general education styles
-------------------------------------- */
#wrapper input.button, #wrapper input.submitButton, #wrapper input.applyBt, #wrapper input.searchButton,#wrapper .buttons input, #main_content #searchRequest .primaryaction input {background:#f2eff0 none repeat scroll 0 0;border:1px solid #b81750;color:#b81750;}

#wrapper #miniBasket #miniBasketHover {border-bottom: 1px solid #ffffff;}





/* the styles below modified so that they affect only the Educ content area, not the header area, AM, 25March2010 */
#wrapper #content input, #wrapper #column1 input, #wrapper #column2 input, #wrapper #content select, #wrapper #column1 select, #wrapper #column2 select, #wrapper #content textarea, #wrapper #column1 textarea, #wrapper #column2 textarea {border: 1px solid #F1E6EA;padding:1px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em; /*color: #666666; */}




/* --------------------------------------
Contextual navigation
-------------------------------------- */
#context_nav h2, #column2 h2 {background:#B81750 url(/other_files/images/CL/education/basic_projects/nav_grads/edu_nav_grad.jpg) repeat-x scroll left bottom; color: #fff;}
#context_nav ul {background: #F1E6EA; border-bottom:5px solid #FFFFFF;}
#context_nav ul ul {border-bottom: none;}
#context_nav ul li{border-bottom:1px solid #FCF9FA; border-top:none;}

#context_nav ul li a:link, #context_nav ul li a:visited {margin: 0;padding: 4px 7px;display: block;font-size: 0.9em;text-decoration: none; color: #B81750; }
#context_nav ul li a:hover, #context_nav ul li a.current:link, #context_nav ul li a.current:visited, #context_nav ul li a.current:hover, #context_nav ul li a.current:active {margin: 0;padding: 4px 7px;display: block;text-decoration: none;color: #ffffff; background: #B81750;}

.external_site_link {padding-bottom: 5px;}

/* --------------------------------------
News & Events styles
-------------------------------------- */
#main_content .news_list h2, #updates .news h2 {background:#F1E6EA; color: #B81750;}
#main_content .event_list h2, #updates .events h2 {background:#E6EDF3; color: #004884;}

#main_content .event_item, #updates .events .update_item {background: #F5F8FA; border: 1px solid #E6EDF3;}
#main_content .event_item a, #updates .events .update_item a {color: #004884;}
#main_content .event_item a:link, #updates .events .update_item a:link {color: #004884;}
#main_content .event_item a:visited, #updates .events .update_item a:visited {color: #004884;}
#main_content .event_item a:hover, #updates .events .update_item a:hover {color: #004884;}
#main_content .event_item a:active, #updates .events .update_item a:active {color: #004884;}

#main_content .news_item, #main_content #searchRequest, #main_content .vyre-rabida-portlets_SearchResults .listingitem, #main_content form.form-def fieldset {background:#fcf9fa;border:1px solid #F1E6EA;}
#main_content form.form-def fieldset p {color: #000000;}

.highlight {border-bottom:2px solid #F1E6EA;}

#catalogue_main .jacket {padding-left: 10px;}

#main_content .jacket {float: right; }
#main_content .listingitem .jacket {float: left;}
#main_content .course .jacket {float: right; }

#featured_series .title .jacket {float: left; margin:0 7px 7px 0; padding:0;} 

#main_content blockquote {background:#FCF9FA none repeat scroll 0 0; border:1px solid #F1E6EA; margin-bottom: 5px;}

#catalogue_main td, #minisite_main td {border: none; border-bottom: 1px solid #F1E6EA;vertical-align:top;}
#catalogue_main table.components, #minisite_main table.components{border: none; border-top: 1px solid #F1E6EA; clear: both;}

#catalogue_main .browse .subject, #minisite_main .browse .subject{border-color:#F1E6EA;}
#minisite_main {overflow: hidden; margin-bottom: 5px;}

/* --------------------------------------
Other pages styles - how to order, etc.
-------------------------------------- */
.catalogues ul li {display:inline; float:left; padding:0 15px 15px 0; margin: 0;}
.catalogues img {margin-top: 5px;}

/* --------------------------------------
Contacts
-------------------------------------- */
.contact_item {background: #FCF9FA;padding: 7px;margin-bottom: 7px;}
.contact_item ul{list-style-type: none;padding: 0;margin: 0;}
.contact_item ul li{list-style-type: none;padding: 0;margin: 0;}

.samples ul li, .more_to_explore ul li, ul.resource_list li {list-style-type: none; margin-left: 0;}


/* --------------------------------------
Education homepage styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */


/* --------------------------------------
Homepage - introductory text area content
-------------------------------------- */
*html .subjectareawrapper  {height: 1%;}
.subjectareawrapper {margin: 0;padding: 0 0 5px 0; overflow: hidden;}
.subjectareawrapper .subjectarea {float: left;height: 1%;margin: 0 0 15px 0;}
.subjectareawrapper .subjectarea h2{padding: 4px;border-bottom: 2px solid #ffffff;font-size:1.6em;
font-weight:normal;line-height:1.2em; margin: 0;}
/* .subjectareawrapper .subjectarea img{opacity:0.4;filter:alpha(opacity=40);} */
.subjectareawrapper .subjectarea img {width: 255px;}

.subjectareawrapper .subjectarea p{margin: 0;padding: 2px;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;background: #ffffff;}
.subjectareawrapper .subjectarea h2 a {color: #ffffff;text-decoration: none;}

.subjectareawrapper .subjectarea .Primary {border-bottom: 2px solid #3ba7d8; width: 255px;}
.subjectareawrapper .subjectarea .Primary h2 {background: #3ba7d8 url(/other_files/images/CL/education/generic/edu_primary_headbg.jpg) no-repeat scroll left top;}

.subjectareawrapper .subjectarea .Secondary {border-bottom: 2px solid #528d6b; margin-right: 12px; width: 255px;}
.subjectareawrapper .subjectarea .Secondary h2 {background: #528d6b url(/other_files/images/CL/education/generic/edu_secondary_headbg.jpg) no-repeat scroll left top;}

.subjectareawrapper .subjectarea .International {border-bottom: 2px solid #193863; margin-right: 12px; width: 255px;}
.subjectareawrapper .subjectarea .International h2 {background: #193863 url(/other_files/images/CL/education/generic/edu_int_headbg.jpg) no-repeat scroll left top;}

/* --------------------------------------
featured titles and resources (Education homepage)
-------------------------------------- */
#featured {height: 1%;clear: both; /* border: 1px solid #faf3f6; */ margin-bottom: 10px;}
.browse .title {border-bottom-color: #efefef;}
#featured img {margin: 0 7px 0 0;float: left;}
#featured .titles {/* overflow: hidden; */  width: 100%; }
#main_content2 #featured .titles .title {padding: 5px 0; text-align:left;  border-bottom: 1px solid #faf3f6; margin-bottom:0; float: none; width: 100%;}
#featured .titles .title p {margin-top: 0;}

/* --------------------------------------
what's new (Education homepage)
-------------------------------------- */
#updates h2, #featured h2 {background:#F1E6EA; color: #B81750; padding:5px 4px; margin: 0; border: none;}
#updates .update_item {padding: 8px; background: #FCF9FA; margin-bottom: 5px; border: 1px solid #F1E6EA; }
#updates .update_item h3 {margin-bottom: 9px; margin-top: 0;}

/* --------------------------------------
Browse
-------------------------------------- */
.group1 {width: 530px;float: left;margin: 0;padding: 0;}
.group2 {width: 257px;float: right;}
*html .browse .group2 {width: 257px;}
.browse .new_item{overflow: hidden;height: 1%;margin: 2px 0;padding: 7px;border-bottom: 2px solid #efefef;}
.browse .new_item h3{font-weight: bold;}
.browse .new_item img{float: right;margin-left: 7px;border: 1px solid;}


/* --------------------------------------
Education international browse styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */

/* --------------------------------------
link styles
-------------------------------------- */
#cat_international_main a {color: #193863;}
#cat_international_main a:link {color: #193863;}
#cat_international_main a:visited {color: #193863;}
#cat_international_main a:hover {color: #193863;}
#cat_international_main a:active {color: #193863;}

/* --------------------------------------
navigation
-------------------------------------- */
#cat_international_nav ul, #subject_international_nav ul {background: #D8DBE3;}
#cat_international_nav h2, #subject_international_nav h2 {color: #ffffff;background: url("/other_files/images/CL/education/basic_projects/nav_grads/int_nav_grad.jpg") repeat-x bottom left;}
#cat_international_nav ul li, #subject_international_nav ul li {border-bottom: 1px solid #b9c0d3;}

#cat_international_nav ul li ul, #subject_international_nav ul li ul {border-bottom: none;}

#cat_international_nav ul li a:link, #cat_international_nav ul li a:visited, #subject_international_nav ul li a:link, #subject_international_nav ul li a:visited {color: #193863;}
#cat_international_nav ul li a:hover, #cat_international_nav ul li a.current:link, #cat_international_nav ul li a.current:visited, #cat_international_nav ul li a.current:hover, #cat_international_nav ul li a.current:active, #subject_international_nav ul li a:hover, #subject_international_nav ul li a.current:link, #subject_international_nav ul li a.current:visited, #subject_international_nav ul li a.current:hover, #subject_international_nav ul li a.current:active {color: #ffffff;background: #193863;}

/* --------------------------------------
branded header
-------------------------------------- */
#cat_international_header .branded_header {background: #193863 url(/other_files/images/CL/education/basic_projects/banners/headers/int_banner.jpg) repeat-x scroll left bottom;}
#cat_international_header .branded_header h1, #cat_inernational_header .branded_header p{color: #ffffff;}


/* --------------------------------------
featured titles international (homepage)
-------------------------------------- */

featured_series {height: 1%;clear: both; /* border: 1px solid #d5dfde; */ margin-bottom: 10px;}
/*.browse .title {border-bottom-color: #efefef;}*/
#featured_series img {margin: 0 7px 0 0;float: left;}
#featured_series .titles {/* overflow: hidden; */  width: 100%; }
#main_content #featured_series .titles .title {padding: 5px 0; text-align:left;  border-bottom: 1px solid #faf3f6; margin-bottom:0; float: none; width: 100%;}
#featured_series .titles .title p {margin-top: 0;}


/* --------------------------------------
featured item (on childpages)
-------------------------------------- */
#cat_international_header .feature, #cat_international_main .feature {border-color: #d5dfde;}
#cat_international_header .feature .half_width1, #cat_international_main .feature .half_width2 {width: 49.5%;margin-bottom: 7px;height: 1%;overflow: hidden;}
#cat_international_header .feature .half_width1 {float: left;}
#cat_international_header .feature .half_width2 {float: right;}
#cat_international_header .feature .full_width h2 a, #cat_international_header .feature .half_width h2 a, #cat_international_header .feature .half_width1 h2 a, #cat_international_header .feature .half_width2 h2 a, #cat_international_header #featured_series h2, #cat_international_header #featured_series a  {color: #193863;}

#cat_international_header #featured_series {border-bottom: 2px solid; border-color: #d5dfde;}


/* --------------------------------------
content styles
-------------------------------------- */
#cat_international_main h1, #cat_international_main h2, #cat_international_main h3{color: #193863;}

/* --------------------------------------
subject landing page
-------------------------------------- */
#cat_international_main {margin-top: 4px;}
#cat_international_main .subject {border-bottom: 1px solid #d5dfde;}

/* --------------------------------------
browse
-------------------------------------- */
#cat_international_main .browse .subject {border-color: #d5dfde;}
#cat_international_main .browse .subject p {margin-left: 2px 0 0 78px;}

/*
.browse .highlight {border-color: #5DFDE; height:1%; margin-bottom:7px; overflow:hidden; padding:7px 7px 7px 0; }
.browse h1, .browse h2, .browse h3, .browse a{color: #193863;} 
*/


/* --------------------------------------
Education secondary browse styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */

/* --------------------------------------
link styles
-------------------------------------- */
#cat_secondary_main a {color: #39624b;}
#cat_secondary_main a:link {color: #39624b;}
#cat_secondary_main a:visited {color: #39624b;}
#cat_secondary_main a:hover {color: #39624b;}
#cat_secondary_main a:active {color: #39624b;}

/* --------------------------------------
navigation
-------------------------------------- */
#cat_secondary_nav ul, #subject_secondary_nav ul {background: #d4e2da;}
#cat_secondary_nav h2, #subject_secondary_nav h2 {color: #ffffff;background: #39624B url("/other_files/images/CL/education/basic_projects/nav_grads/sec_nav_grad.jpg") repeat-x bottom left;}
#cat_secondary_nav ul li, #subject_secondary_nav ul li {border-bottom: 1px solid #99b1a3;border-top: 1px solid #e1f4e9;}
#cat_secondary_nav ul li a:link, #cat_secondary_nav ul li a:visited, #subject_secondary_nav ul li a:link, #subject_secondary_nav ul li a:visited {color: #39624b;}

#cat_secondary_nav ul li ul, #subject_secondary_nav ul li ul {border-bottom: none;}

#cat_secondary_nav ul li a:hover, #cat_secondary_nav ul li a.current:link, #cat_secondary_nav ul li a.current:visited, #cat_secondary_nav ul li a.current:hover, #cat_secondary_nav ul li a.current:active, #subject_secondary_nav ul li a:hover, #subject_secondary_nav ul li a.current:link, #subject_secondary_nav ul li a.current:visited, #subject_secondary_nav ul li a.current:hover, #subject_secondary_nav ul li a.current:active  {color: #ffffff;background: #39624b;}

/* --------------------------------------
branded header
-------------------------------------- */
#cat_secondary_header .branded_header {background: #39624B url(/other_files/images/CL/education/basic_projects/banners/headers/secondary_banner.jpg) repeat-x scroll left bottom;}
#cat_secondary_header .branded_header h1, #cat_secondary_header .branded_header p{color: #ffffff;}


/* --------------------------------------
featured titles secondary (homepage)
-------------------------------------- */

featured_series {height: 1%;clear: both; /* border: 1px solid #D5DFDE; */ margin-bottom: 10px;}
/*.browse .title {border-bottom-color: #efefef;}*/
#featured_series img {margin: 0 7px 0 0;float: left;}
#featured_series .titles {/* overflow: hidden; */  width: 100%; }
#main_content #featured_series .titles .title {padding: 5px 0; text-align:left;  border-bottom: 1px solid #faf3f6; margin-bottom:0; float: none; width: 100%;}
#featured_series .titles .title p {margin-top: 0;}


/* --------------------------------------
featured item (on childpages)
-------------------------------------- */
#cat_secondary_header .feature, #cat_secondary_main .feature {border-color: #D5DFDE;}
#cat_secondary_header .feature .half_width1, #cat_secondary_main .feature .half_width2 {width: 49.5%;margin-bottom: 7px;height: 1%;overflow: hidden;}
#cat_secondary_header .feature .half_width1 {float: left;}
#cat_secondary_header .feature .half_width2 {float: right;}
#cat_secondary_header .feature .full_width h2 a, #cat_secondary_header .feature .half_width h2 a, #cat_secondary_header .feature .half_width1 h2 a, #cat_secondary_header .feature .half_width2 h2 a, #cat_secondary_header #featured_series h2, #cat_secondary_header #featured_series a {color: #39624B;}

#cat_secondary_header #featured_series {border-bottom: 2px solid; border-color: #D5DFDE;}


/* --------------------------------------
content styles
-------------------------------------- */
#cat_secondary_main h1, #cat_secondary_main h2, #cat_secondary_main h3{color: #39624b;}


/* --------------------------------------
subject landing page
-------------------------------------- */
#cat_secondary_main {margin-top: 4px;}
#cat_secondary_main .subject {border-bottom: 1px solid #D5DFDE;}

/* --------------------------------------
browse
-------------------------------------- */
#cat_secondary_main .browse .subject {border-color: #D5DFDE;}
#cat_secondary_main .browse .subject p {margin-left: 2px 0 0 78px;}

/*
.browse .highlight {border-color: #D5DFDE; height:1%; margin-bottom:7px; overflow:hidden; padding:7px 7px 7px 0; }
.browse h1, .browse h2, .browse h3, .browse a{color: #39624B;} 
*/

/* --------------------------------------
Education primary browse styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */

/* --------------------------------------
link styles
-------------------------------------- */
#cat_primary_main a {color: #0099CC;}
#cat_primary_main a:link {color: #0099CC;}
#cat_primary_main a:visited {color: #0099CC;}
#cat_primary_main a:hover {color: #0099CC;}
#cat_primary_main a:active {color: #0099CC;}

/* --------------------------------------
navigation
-------------------------------------- */
#cat_primary_nav ul, #subject_primary_nav ul {background: #D8EFF7;border-bottom:5px solid #FFFFFF;}
#cat_primary_nav h2, #subject_primary_nav h2 {color: #ffffff;background: #0099CC url("/other_files/images/CL/education/basic_projects/nav_grads/prim_nav_grad.jpg") repeat-x bottom left;}
#cat_primary_nav ul li, #subject_primary_nav ul li {border-bottom:1px solid #90D3E8;}

#cat_primary_nav ul li ul, #subject_primary_nav ul li ul {border-bottom: none;}
#cat_primary_nav ul li ul li, #subject_primary_nav ul li ul li {border-top: 1px solid #c8e0e8;}

#cat_primary_nav ul li a:link, #cat_primary_nav ul li a:visited, #subject_primary_nav ul li a:link, #subject_primary_nav ul li a:visited {color: #0099CC;}
#cat_primary_nav ul li a:hover, #cat_primary_nav ul li a.current:link, #cat_primary_nav ul li a.current:visited, #cat_primary_nav ul li a.current:hover, #cat_primary_nav ul li a.current:active, #subject_primary_nav ul li a:hover, #subject_primary_nav ul li a.current:link, #subject_primary_nav ul li a.current:visited, #subject_primary_nav ul li a.current:hover, #subject_primary_nav ul li a.current:active {color: #ffffff;background: #0099CC;}

/* --------------------------------------
primary branded header
-------------------------------------- */
#cat_primary_header .branded_header {background: #0099CC url("/other_files/images/CL/education/basic_projects/banners/headers/primary_banner.jpg") repeat-x bottom left;}
#cat_primary_header .branded_header h1, #cat_primary_header .branded_header p{color: #ffffff;}



/* --------------------------------------
featured titles primary (homepage)
-------------------------------------- */

featured_series {height: 1%;clear: both; /* border: 1px solid #D8EFF7; */ margin-bottom: 10px;}
/*.browse .title {border-bottom-color: #efefef;}*/
#featured_series img {margin: 0 7px 0 0;float: left;}
#featured_series .titles {/* overflow: hidden; */  width: 100%; }
#main_content #featured_series .titles .title {padding: 5px 0; text-align:left;  border-bottom: 1px solid #faf3f6; margin-bottom:0; float: none; width: 100%;}
#featured_series .titles .title p {margin-top: 0;}


/* --------------------------------------
featured item (on childpages)
-------------------------------------- */
#cat_primary_header .feature, #cat_primary_main .feature {border-bottom: 2px solid; border-color: #D8EFF7;}
#cat_primary_header .feature .half_width1, #cat_primary_main .feature .half_width2 {width: 49.5%;margin-bottom: 7px;height: 1%;overflow: hidden;}
#cat_primary_header .feature .half_width1 {float: left;}
#cat_primary_header .feature .half_width2 {float: right;}
#cat_primary_header .feature .full_width h2 a, #cat_primary_header .feature .half_width h2 a, #cat_primary_header .feature .half_width1 h2 a, #cat_primary_header .feature .half_width2 h2 a, #cat_primary_header #featured_series h2, #cat_primary_header #featured_series a  {color: #0099CC;}


#cat_primary_header #featured_series {border-bottom: 2px solid; border-color: #D8EFF7;}


/* --------------------------------------
content styles
-------------------------------------- */
#cat_primary_main h1, #cat_primary_main h2, #cat_primary_main h3{color: #0099CC;}


/* --------------------------------------
subject landing page
-------------------------------------- */
#cat_primary_main {margin-top: 4px;}
#cat_primary_main .subject {border-bottom: 1px solid #D8EFF7;}

/* --------------------------------------
browse
-------------------------------------- */
#cat_primary_main .browse .subject {border-color: #D8EFF7;}
#cat_primary_main .browse .subject p {margin-left: 2px 0 0 78px;}


/*
.browse .highlight {border-color: #D8EFF7; height:1%; margin-bottom:7px; overflow:hidden; padding:7px 7px 7px 0; }
.browse h1, .browse h2, .browse h3, .browse a{color: #0099CC;} 
*/

