/* -----------------------------------------------------------
CL - ESL - Screen - calls the required CSS for ESL website
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");
/* Layout CSS for CL ecommerce and rabida */
@import url("c1307.css");
/* Styles for form definition framework */
@import url("c1121.css");
.required {
color:red;
}
/* --------------------------------------
Homepage and general pages - introductory text area content
Apply to ESL site only
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */
/*
--------------------------------------
Catalogue toggle graphic
--------------------------------------
*/
.subject a.expandable {
background: left top no-repeat url("/other_files/images/CL/search/expandable_catalogue.gif");
text-decoration: none;
padding-left: 14px;
height: 12px;
font-size: 0.9em;
font-weight: bold;
}
.subject a.expandable.expanded {
background-position: left bottom;
}
#esl .branded_header {height: 155px; margin: 0 0 10px 0;padding: 10px;background: #3f9cae url(/other_files/images/CL/esl/basic_projects/banners/headers/eslbanner_TP.jpg) repeat-x scroll left top;color: #ffffff;overflow: hidden; /* stops image popping out of box in FF */}
#esl .branded_header p {line-height: 1.5em;margin: 0;padding: 0;}
#esl .branded_header p a:link {color: #ffffff;}
#esl .branded_header h2 {font-size: 1.5em;color: #ffffff;}
#esl .branded_header a {color: #ffffff;text-decoration: none;}
#esl .branded_header h3 {font-size: 1%;height: 35px;padding: 0;margin: 1em 0;}
#esl .branded_header img {margin: 0 0 0 10px;padding: 0;float: right;border: 1px solid #000;}
#esl .branded_header a:link {color: #661d2d;text-decoration: underline;}
#esl .branded_header p a:hover, #content #home .branded_header p a:active {text-decoration: none;}
#esl .browse .esl_title {border-bottom:2px solid #E6EDF3; margin-bottom: 5px;}
#esl .browse .group1 {width:47%;}
/* --------------------------------------
Homepage updates
-------------------------------------- */
#esl #updates h2 {margin: 0 0 2px 0;padding: 6px;background: #e6edf3;color: #004884;}
#esl #updates .update_item {margin-bottom:7px;padding: 7px;background: #E6EDF3;font-size:0.9em;}
#esl #updates .update_item img {margin: 0;border: 1px solid #004884;float: right;}
#esl #updates .update_item h3 {margin: 0 0 5px 0;padding-bottom: 4px;color: #004884;font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; padding: 0;}
#esl #updates .update_item ul li {list-style-type: none;margin-left: 0;}
#esl #updates .update_item ul li a{color: #2d6491;}
/* --------------------------------------
featured titles and resources (homepage)
-------------------------------------- */
#esl #featured h2{border-top:#E6EFF7 7px solid;; border-bottom:none;}
/* #esl #featured h2{border-color: #e6edf3;} */
#esl #featured .resources .resource{border-color: #e6edf3;}
/* --------------------------------------
Related sites (homepage)
-------------------------------------- */
#esl #updates .related_sites {/* background:#F5F8FA none repeat scroll 0 0;margin:0 0 2px;padding:7px; */}
.related_sites_item {text-align: center;background:#F5F8FA none repeat scroll 0 0;padding:5px;margin-bottom: 3px;}
.related_sites img {border: 1px solid #000000;/* margin-bottom: 2px; */}
/* --------------------------------------
standard link styles
-------------------------------------- */
#standard #main_content a {color: #004884;}
#standard #main_content a:link {color: #004884;}
#standard #main_content a:visited {color: #004884;}
#standard #main_content a:hover {color: #004884;}
#standard #main_content a:active {color: #004884;}
/* --------------------------------------
standard strapline
-------------------------------------- */
#standard p.strapline span.emphasis{ color: #9F0031; font-style: italic; }
/* --------------------------------------
Bibliographical information
-------------------------------------- */
ul.biblio { margin: 7px 0; color: #666666; }
ul.biblio li { margin: 0; padding: 7px 0; list-style-type: none; }
ul.biblio li.author {display: inline;}
/* --------------------------------------
Discount information
-------------------------------------- */
.price span {font-weight: bold; }
/* --------------------------------------
Contacts
-------------------------------------- */
.contact_item {background: #F5F8FA;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;}
/* --------------------------------------
News
-------------------------------------- */
.news_list h2, .event_list h2{background: #e6edf3;color: #004884;}
.news_item, .event_item {background: #f5f8fa;}
/* --------------------------------------
list of results
-------------------------------------- */
/* --------------------------------------
dashboard
-------------------------------------- */
#content .dashboard {margin: 0; padding: 7px;border: 1px solid #e6edf3;background: #f5f8fa;}
#content .dashboard h1 {color: #004884;}
/* --------------------------------------
listing item
appears in listing views
-------------------------------------- */
#results_sort {background: #f5f8fa;}
#results_sort #page_select ul li {float: left;display: inline;}
.listingitem {border-color: #e6edf3;}
.listingitem h2, .listingjacket h2 {background: #e6edf3;}
.listingitem ul.price {border-color: #c3d4e2;}
.listingitem .buttons {border-color: #c3d4e2;}
/* --------------------------------------
promotion banners
-------------------------------------- */
#promo_banners {overflow: hidden; border-top:1px dashed #CCCCCC; margin:7px 0; padding:7px 0; }
#promo_banner1 {float: left;}
#promo_banner2 {float: right;}
/* --------------------------------------
FAQ styles
-------------------------------------- */
#main_content #faq table { border:0!important; }
#main_content #faq td { border:0!important; }
#main_content #faq h3 {
margin: 10px 0;
}
#main_content #faq h4 {
margin:0;
padding:0;
line-height: 20px;
border:0;
}
#main_content #faq p {
margin:0;
padding:0;
line-height: 20px;
border:0;
}
#main_content #faq p a {
border: 0;
}
/* --------------------------------------
Skill Level Chart styles
-------------------------------------- */
#main_content td.slc-series a { color: #2f843f; text-decoration: none; }
#main_content #catalogue_main td.slc-series { border-bottom: #bec8b0 1px solid !important; }
#main_content td.slc-skills a { color: #003c7e; text-decoration: none; }
#main_content #catalogue_main td.slc-skills { border-bottom: #c3c6d5 1px solid !important; }
#main_content td.slc-dictionaries a { color: #ce6c23; text-decoration: none; }
#main_content #catalogue_main td.slc-dictionaries { border-bottom: #d1c1b3 1px solid !important; }
#main_content td.slc-business a { color: #008883; text-decoration: none; }
#main_content #catalogue_main td.slc-business { border-bottom: #adc2c1 1px solid !important; }
/* --------------------------------------
Technology styles
-------------------------------------- */
#main_content #catalogue_main #technology table, #main_content #catalogue_main #technology tbody, #main_content #catalogue_main #technology td { border:0; }
#main_content .series {
width: 295px;
height: 150px;
float: left;
overflow: hidden;
}
#main_content .series-img {
float: left;
margin: 8px 8px 8px 0;
border: 1px #8bd1e6 solid;
}
#main_content .series h4 {
line-height: 150%;
}
#main_content .series ul.tech {
margin: 0;
padding: 0;
list-style-type: none;
}
#main_content .series ul.tech li {
margin: 0;
padding: 0;
display: inline;
}
/* --------------------------------------
Misc styles
-------------------------------------- */
#main_content ul.mp3 {
list-style-image:url(/other_files/images/CL/esl/minisites/other/icon-mp3.gif);
margin:0;
padding:0;
}
#main_content ul.pdf {
list-style-image:url(/other_files/images/CL/esl/minisites/other/icon-pdf.gif);
margin:0;
padding:0;
}
#main_content .float-left {
float:left;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
}
#main_content .float-right {
float:right;
padding-top:5px;
padding-left:10px;
padding-bottom:10px;
}
#main_content .float-left a, #main_content .float-right a {
border: none !important;
}
#main_content ol {
list-style-type: decimal;
margin: 10px 25px;
line-height: 20px;
}
#main_content .new {
color: #ba2731;
size: 90%;
font-weight: bold;
}
#main_content sup, #main_content #catalogue_main sup,
#main_content sub {
height: 0;
line-height: 1;
}
/* --------------------------------------
ESL general styles
Apply to ESL site only
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */
/*
--------------------------------------
header (including logo)
--------------------------------------
*/
#header {background: url(../../../other_files/images/CL/headers/esl_header_generic.jpg) no-repeat;}
/* --------------------------------------
navigation branding
-------------------------------------- */
#wrapper #main_nav ul {background:transparent url(../../../other_files/images/CL/esl/generic/nav_bg.gif) repeat-x scroll left top; border-top:1px solid #FFFFFF;font-size:0.9em;}
#wrapper #main_nav ul li a:link, #wrapper #main_nav ul li a:visited {border-right:1px solid #ffffff;color: #000000;}
#wrapper #main_nav ul li a:hover, #wrapper #main_nav ul li a.active {border-right:1px solid #ffffff;color: #000000; background: transparent url(../../../other_files/images/CL/esl/generic/nav_hover.gif) repeat-x scroll left top;}
#wrapper #main_nav ul li a.active:link, #wrapper #main_nav ul li a.active:visited {background:transparent url(../../../other_files/images/CL/esl/generic/nav_hover.gif) repeat-x scroll left top;}
#wrapper #main_nav ul li a.active:hover, #wrapper #main_nav ul li a.active:active {background:transparent url(../../../other_files/images/CL/esl/generic/nav_hover.gif) repeat-x scroll left top;}
/* --------------------------------------
link styles
-------------------------------------- */
a {color: #004884;text-decoration: underline;border: none;}
a:link {color: #004884;text-decoration: underline;border: none;}
a:visited {color: #004884;text-decoration: underline;border: none;}
a:hover {color: #004884;text-decoration: none;border: none;}
a:active {color: #004884;text-decoration: underline;border: none;}
/* --------------------------------------
general content styles
-------------------------------------- */
#main_content h1, #main_content h2 {color: #004884;}
#main_content h3 {font-family: Verdana, Arial, Helvetica, sans-serif; size: 90%;}
#main_content a:link span img, #main_content a:link span img, #main_content span img{border: none;}
#main_content .branded_header h1 {padding-top: 50px;}
/* --------------------------------------
featured titles and resources (homepage)
-------------------------------------- */
#featured .titles {border-top-color: #d0deee;}
/*#featured .resources {border-top-color: #d0deee;border-bottom: 1px solid #d0deee; }*/
#featured .resources {border-top-color: #d0deee;border-bottom: none; }
/* --------------------------------------
Banner styles
-------------------------------------- */
.touchstone {background: #68739a;margin-bottom: 7px;}
.touchstone p {padding: 0 7px 7px 7px;color: #ffffff;}
.ventures {background: #b6a59c url(/other_files/images/CL/images/banners/ventures_banner_grad.jpg) repeat-x bottom left;margin-right: 2%;height: 100px;padding: 7px;}
.ventures p{color: #fff;padding-left: 170px;}
.ventures img{float: left;}
.multimedia {background: #000f21 url(/other_files/images/CL/images/logos/multimedia_bg.jpg) no-repeat bottom right;padding: 7px;height: 100px;}
.multimedia p{padding-right: 30%;}
.format {color: #666666;font-weight: normal;}
img.catalogue {float: right;margin: 0 0 7px 7px;}
/* --------------------------------------
Contextual navigation
-------------------------------------- */
#context_nav h2, #column2 h2 {background:transparent url(../../../other_files/images/CL/esl/basic_projects/nav_grads/eslhome_nav_grad.jpg) repeat-x scroll left bottom; color:#004884;}
#context_nav ul {background: #E6EDF3; border-bottom:5px solid #FFFFFF;}
#context_nav ul ul {border-bottom:none;}
/* --------------------------------------
General minisite styles
-------------------------------------- */
#main_content ul.mp3, #minisite ul.mp3 {
list-style-image:url(/other_files/images/CL/esl/minisites/other/icon-mp3.gif);
padding-left:10px;
}
#main_content ul.pdf, #minisite ul.pdf {
list-style-image:url(/other_files/images/CL/esl/minisites/other/icon-pdf.gif);
padding-left:10px;
}
#minisite .float-left {
float:left;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
}
#minisite .float-right {
float:right;
padding-top:5px;
padding-left:10px;
padding-bottom:10px;
}
#minisite .float-left a, #minisite .float-right a {
border: none !important;
}
#minisite sup,
#minisite sub {
height: 0;
line-height: 1;
}
/* --------------------------------------
rep finder classes
-------------------------------------- */
.statesglide {
margin:0 0 8px 0;
}
.statesglide a.expandable {
background: left top no-repeat url("/other_files/images/CL/search/expandable.gif");
text-decoration: none;
padding-left: 14px;
height: 12px;
font-size: 0.9em;
font-weight: bold;
}
.statesglide a.expandable.expanded {
background-position: left bottom;
}
.regionglide {
display:none;margin:10px;
}
.regionglide br {
margin: 10px;
}
.regionglide ul li {
margin: 4px 0 4px 16px;
list-style:none;
}
/* --------------------------------------
ESL catalogue browse styles
Julie Elsden 2009
--------------------------------------*/
/* --------------------------------------
link styles
--------------------------------------*/
#catalogue_main a {color: #007D95;}
#catalogue_main a:link {color: #007D95;}
#catalogue_main a:visited {color: #007D95;}
#catalogue_main a:hover {color: #007D95;}
#catalogue_main a:active {color: #007D95;}
/* --------------------------------------
navigation
--------------------------------------*/
#catalogue_nav ul {background: #E6EDF3;}
#catalogue_nav h2, #esl #updates h2 {color: #333333;background: url(../../../other_files/images/CL/esl/basic_projects/nav_grads/catalog_nav_grad.jpg) repeat-x bottom left;}
#catalogue_nav ul li a:link, #catalogue_nav ul li a:visited {color: #007D95;}
#catalogue_nav ul li a:hover {color: #F5F8FA; background: #007D95;}
#catalogue_nav ul li a.current:link, #catalogue_nav ul li a.current:visited, #catalogue_nav ul li a.current:hover, #catalogue_nav ul li a.current:active {color: #F5F8FA; background: #007D95;}
#catalogue_nav ul li {border-bottom: 1px solid #bdcbc7;border-top: 1px solid #f4f7f7;}
#catalogue_nav ul li ul li{border-bottom: none;}
#catalogue_nav ul li ul {background: #F5F8FA;font-size: 1em;}
#catalogue_nav ul li ul li a:link, #catalogue_nav ul li ul li a:visited{}
#catalogue_nav ul li ul li a:hover, #catalogue_nav ul li ul li a.current {color: #ffffff;background: #007D95;}
/* --------------------------------------
content styles
-------------------------------------- */
#catalogue_main h1, #catalogue_main h2, #catalogue_main h3{color: #004884;}
#catalogue_main table tr th, #minisite #minisite_main table tr th {color: #004884;border-color: #bdcbc7;}
#catalogue_main table, #minisite #minisite_main table {border-top: 1px solid #bdcbc7;}
#catalogue_main table tr td, #minisite #minisite_main table tr td {border-bottom: 1px solid #bdcbc7;}
/* --------------------------------------
browse
Updated by: John Ryan Acoba
User Interface Designer
-------------------------------------- */
#catalogue_main .topborder {border-top-color: #E6EDF3;}
#catalogue_main .browse .subject, #catalogue_main .browse .resource_type, #catalogue_main .browse .title {border-color: #E6EDF3;}
#catalogue_main .browse {margin: 0; padding: 15px 0;}
#catalogue_main .browse a {margin: 0; padding: 0; text-decoration: none;}
#catalogue_main .browse a:hover {text-decoration: underline;}
#catalogue_main .browse .subject {width: 95%; border: none; margin: 10px 0; padding: 0;}
#catalogue_main .browse .subject h2 {border-bottom: 2px solid #E6EDF3; margin: 0; padding: 5px 0;}
#catalogue_main .browse .subject div {margin: 0; padding: 10px 0 0 0; clear: both; float: left; width: 100%;}
#catalogue_main .browse .subject div ul {margin: 0; padding: 0;}
#catalogue_main .browse .subject div ul li {list-style-type: none; margin: 0; padding: 5px 0;}
#catalogue_main .listitem img{border-color: #E6EDF3;}
#catalogue_main .listitem ul{border-top-color: #E6EDF3;}
#catalogue_main .browse img{border-color: #004884;}
#catalogue_main .basic_project h1 {border-top: 7px solid #E6EDF3;padding-top: 7px;}
#catalogue_main .basic_project #main_content h2 {border-top: none;padding-top: 7px;}
#catalogue_main .basic_project .left_content {margin-right: 190px;}
/* --------------------------------------
content styles
-------------------------------------- */
#catalogue_main h2.lang_var {background: #E6EDF3;padding: 2px;}
/* --------------------------------------
branded header
-------------------------------------- */
#catalogue_main .branded_header, #catalogue_header .branded_header {background: #3f9cae url(../../../other_files/images/CL/esl/basic_projects/banners/headers/students_banner.jpg) repeat-x top left;}
#catalogue_main .branded_header h1, #catalogue_header .branded_header h1, #catalogue_header .branded_header h2 {color: #333333;}
#catalogue_main .branded_header_small {background: #004884;}
#catalogue_main .branded_header p, #catalogue_main .branded_header_small p{color: #333333;}
#catalogue_main .adult .branded_header {background: #3d6d6d url(/other_files/images/CL/elt/basic_projects/banners/headers/adult_cat_banner.jpg) no-repeat top left;}
/* --------------------------------------
project jacket
-------------------------------------- */
#catalogue_main .jacket, #minisite .jacket {float: right; width: 180px; text-align: center; margin: 0 3px 0 5px;}
/* --------------------------------------
project widget
-------------------------------------- */
#catalogue_main .widget, #minisite .widget {float: right; width: 197px; text-align: center; margin-left: 5px; margin-right: 2px;}
/* --------------------------------------
project key feature
-------------------------------------- */
#catalogue_main .keyfeature, #catalogue_main .projectpricing {border-top: 2px solid #E6EDF3; margin: 8px;}
/* ---------------
Other stuff by SR
--------------- */
.sibling-component-menu { /* font-size: 80%; */ clear: left; }
.sibling-component-menu select { /* font-size:100%; */ margin-top: 8px; display: block;}
/* --------------------------------------
text formatting
-------------------------------------- */
#main_content .feature sup,
#main_content .feature sub {
height: 0;
line-height: 1;
}
/* --------------------------------------
ESL generic teacher zone styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */
/* --------------------------------------
link styles
-------------------------------------- */
#teacher_main a {color: #635889;}
#teacher_main a:link {color: #635889;}
#teacher_main a:visited {color: #635889;}
#teacher_main a:hover {color: #635889;}
#teacher_main a:active {color: #635889;}
/* Search results */
#teacher_main #searchresults_main .results_list {border-top-color: #E9E2E6;}
#teacher_main #searchresults_main .results_list .result_item {border-bottom-color: #E9E2E6;}
#teacher_main #searchresults_main .resource_type {border-color: #E9E2E6;}
/* Pagination */
#teacher_main #searchresults_main .pagination, #teacher_main #searchresults_main .pagination p, #teacher_main #searchresults_main p.numrecords {color:#635889;}
/* --------------------------------------
left navigation
-------------------------------------- */
#teacher_nav ul {background: #E7E7F2;}
#teacher_nav h2 {color: #333333;background: url(/other_files/images/CL/esl/basic_projects/nav_grads/teacher_nav_grad.jpg) repeat-x bottom left;}
#teacher_nav ul li {border-bottom: 1px solid #d7c6cb;border-top: 1px solid #f9f6f7;}
#teacher_nav ul li a:link, #teacher_nav ul li a:visited {color: #635889;}
#teacher_nav ul li a:hover {color: #ffffff;background: #635889;}
#teacher_nav ul li a.current:link, #teacher_nav ul li a.current:visited, #teacher_nav ul li a.current:hover, #teacher_nav ul li a.current:active {color: #ffffff;background: #635889;}
/* --------------------------------------
banner
-------------------------------------- */
/*
#teacher_zone .banner {background: #6e485f url(/other_files/images/CL/elt/basic_projects/banners/headers/zone_banner_grad_flip.jpg) repeat-x top left;}
#teacher_zone .banner img{float: left;margin-right: 7px;border: 1px solid #ffffff;}
#teacher_zone .banner_small{background: #6e485f;}
#teacher_zone .banner_nobg {border-bottom: 1px solid #a6bcbb;}
#teacher_zone .banner h1 {color: #ffffff;}
#teacher_zone .banner p {color: #ffffff;}
#teacher_zone .banner_small h1 {color: #ffffff;}
#teacher_zone .banner_small p {color: #ffffff;}
*/
/* --------------------------------------
content styles
-------------------------------------- */
#teacher_main h1, #teacher_main h2, #teacher_main h3{color: #6e485f;}
/* --------------------------------------
Teacher zone search
Updated by: John Ryan Acoba
User Interface Designer
-------------------------------------- */
#teacher_zone_search {margin-bottom: 7px; color: #635889;}
#teacher_zone_search h2 {background: url(../../../other_files/images/CL/esl/basic_projects/nav_grads/teacher_nav_grad.jpg) repeat-x bottom left; margin: 0; padding: 5px; color: #333333; }
#teacher_zone_search .teacher_zone_inner {background: #E7E7F2; font-size: 0.9em; height: 1%; overflow: hidden; margin-top:2px;}
/*#teacher_zone_search .teacher_zone_inner #advancedOptions {margin: 0; padding: 0 0 20px 0; float: left;}
#teacher_zone_search .teacher_zone_inner #advancedOptions div {float: left; margin: 0; padding: 0 15px 0 0;}*/
#teacher_zone_search .teacher_zone_inner .search-input {position: relative; display: block; clear: both; overflow: hidden;}
#teacher_zone_search .teacher_zone_inner .search-input a {position: absolute; top: 25px; right: 20px; margin: 0; padding: 0; float: right;}
#teacher_zone_search .teacher_zone_inner #advancedOptions {margin: 0; padding: 20px 0; overflow: hidden;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_topdivider {margin: 0; padding: 10px 5px; border-top: 1px solid #b1bad6; overflow: hidden;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_topdivider h3 {font-size: 95%; margin: 0; padding: 5px 0; float: left;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_topdivider ul {margin: 0; padding: 0;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_topdivider ul li {list-style-type: none; display: inline; float: left; margin: 0; padding: 0 5px; font-weight: bold;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_topdivider ul li select { margin: 0; padding: 0;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider {margin: 0; padding: 10px 5px; border-top: 1px solid #b1bad6; overflow: hidden;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider h3 {font-size: 95%; margin: 0; padding: 10px 5px; display: block; clear: both;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider ul {margin: 0; padding: 0; float: left; width: 30%;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider ul li {list-style-type: none; display: block; clear: both; margin: 0; padding: 5px;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider ul li input {background: transparent; float: left; margin: 0; padding: 0 5px;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_middledivider ul li label {margin: 0; padding: 0; text-indent: 5px;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_bottomdivider {margin: 0; padding: 10px 5px; border-top: 1px solid #b1bad6; overflow: hidden;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_bottomdivider h3 {font-size: 95%; margin: 0; padding: 5px; display: block; clear: both;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_bottomdivider ul {margin: 0; padding: 0; float: left; width: 30%;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_bottomdivider ul li {list-style-type: none; display: block; clear: both; margin: 0; padding: 2px 0;}
#teacher_zone_search .teacher_zone_inner #advancedOptions .advancedOptions_bottomdivider input {float: right; margin: 0 20px;}
#teacher_zone_search a {color: #635889;margin: 2px 0 0 7px; }
#teacher_zone_search a:link, #teacher_zone_search a:visited, #teacher_zone_search a, #teacher_zone_search a:hover {color: #635889;}
#teacher_zone_search input.searchInput {width: 50%; border:1px solid #cccccc; margin: 0 0 5px 8px; padding: 5px; color: #635889; float: left;}
#teacher_zone_search label {margin: 7px 0 2px 7px; }
#teacher_zone_search select {width: 152px; border:1px solid #cccccc; margin: 0 0 0 6px; color: #635889;}
#teacher_zone_search input.searchButton {border: 1px solid #635889; color: #6E485F; background: #f3f3f6; margin: 0 0 5px 5px; padding: 3px 2px; float: left;}
/* --------------------------------------
Contextual login
-------------------------------------- */
#teacher_login h2 {background: url(/other_files/images/CL/elt/basic_projects/nav_grads/teacherzone_nav_grad.jpg) repeat-x bottom left;}
#teacher_login .context_login_inner {background: #efefef;}
#teacher_login a {color: #6e485f;}
#teacher_login a:link {color: #6e485f;}
#teacher_login a, #teacher_login a:hover{color: #6e485f;}
/* --------------------------------------
browse
-------------------------------------- */
#teacher_main .browse .subject {border-top-color: #e9e2e6;}
#teacher_main .browse .subject img{border-color: #6e485f;}
#teacher_main .browse .subject img.icon{border: none;}
/* --------------------------------------
branded header
-------------------------------------- */
#teacher_header .branded_header, #teacher_main .branded_header {background: #E7E7F2 url(/other_files/images/CL/esl/basic_projects/banners/headers/teachers_banner.jpg) repeat-x top left;}
#teacher_header .branded_header h1, #teacher_main .branded_header h1, #teacher_zone #main_content .branded_header_small h1{color: #333333;}
#teacher_header .branded_header p, #teacher_main .branded_header p, #teacher_zone #main_content .branded_header_small p{color: #333333;}
/* --------------------------------------
Browse
-------------------------------------- */
#teacher_main .browse .subject, #teacher_zone .browse .resource_type, #teacher_zone .browse .title {border-color: #e9dbde;}
/* --------------------------------------
Form
-------------------------------------- */
#teacher_zone #search_results form input, #teacher_zone #search_results form textarea, #teacher_zone #search_results form select {width: auto;}
#teacher_zone #search_results form button {float: none;}
#teacher_zone #search_results form input.textarea {width: 140px;margin: 0 7px 7px 7px;}
/* --------------------------------------
ESL Student zone browse styles
Angela Arnold 2008
Julie Elsden 2009
-------------------------------------- */
/* --------------------------------------
link styles
-------------------------------------- */
#student_main a {color: #007D38;}
#student_main a:link {color: #007D38;}
#student_main a:visited {color: #007D38;}
#student_main a:hover {color: #007D38;}
#student_main a:active {color: #007D38;}
/* --------------------------------------
content styles
-------------------------------------- */
#student_main h1, #student_zone #main_content h2, #student_zone #main_content h3{color: #6e485f;}
/* --------------------------------------
form styles
-------------------------------------- */
#student_m/ain label {float: left;width: 60px;padding-top: 4px;}
#student_m/ain select {width: auto;margin-left: 2px;margin-bottom: 5px;}
/* --------------------------------------
browse
-------------------------------------- */
#student_main .browse .subject, #student_main .browse .resource_type, #student_zone .browse .title {border-color: #f6e4d9;}
#student_main .subject img{border-color: #c65305;}
#student_main .subject img.icon{border: none;}
/* --------------------------------------
branded header
-------------------------------------- */
#student_header .branded_header, #student_main .branded_header {background: #9dbda5 url(/other_files/images/CL/esl/basic_projects/banners/headers/students_banner.jpg) no-repeat top left;}
#student_header .branded_header_small, #student_main .branded_header_small {}
#student_header .branded_header h1, #student_main .branded_header h1, #student_zone #main_content .branded_header_small h1{color: #333333;}
#student_header .branded_header p, #student_main .branded_header p, #student_zone #main_content .branded_header_small p{color: #333333;}
/* --------------------------------------
content styles
-------------------------------------- */
#student_main .arcade {margin: 10px 20px 25px 0;}
#student_main .arcade_info {margin-left: 160px;}
/* --------------------------------------
Student zone search
-------------------------------------- */
#student_zone_search {margin-bottom: 7px; color: #c65305; }
#student_zone_search h2 {background: url(/other_files/images/CL/elt/basic_projects/nav_grads/studentzone_nav_grad.jpg) repeat-x bottom left; }
#student_zone_search .student_zone_inner {background: #f6e4d9;font-size:0.9em;height:1%;overflow:hidden;margin-top:2px;}
#student_zone_search a {color: #c65305;margin: 2px 0 0 7px;}
#student_zone_search a:link, #student_zone_search a:visited, #student_zone_search a, #student_zone_search a:hover {color: #c65305;}
#student_zone_search input.searchInput {width: 150px; border:1px solid #cccccc; margin: 0 0 5px 5px; color: #c65305}
#student_zone_search label {margin: 7px 0 2px 7px; }
#student_zone_search select {width: 152px; border:1px solid #cccccc; margin: 0 0 0 6px; color: #c65305;}
#student_zone_search input.searchButton {border: 1px solid #c65305; color: #c65305; background: #fdf8f5; margin: 7px 0 5px 7px; }
/* --------------------------------------
Subject styles
Manjit Jootle 2009
Julie Elsden 2009
-------------------------------------- */
/* pagination - ALL */
#paginationContainer, #paginationContainer2 {float: right; }
.pagination {margin:0 6px 0 0; padding:6px 0 4px 0; text-align:left;}
.pagination .pPrev, .pagination .pNext {line-height:13px;margin-left:6px;margin-right:6px;opacity:0.4 !important;}
.pagination p {display:inline; font-size:85%; margin:0; padding:0; font-size:85%;}
.pagination a { text-decoration:underline; display:inline; font-size:85%; margin:0 0 0 6px; padding:0 6px 0 0; }
.pagination a:link, .pagination a:visited {text-decoration:underline; }
.pagination a:hover, .pagination a:active {text-decoration:none; }
p.numrecords { margin: 0; float: left;}
/* custom page navigation */
#esl_subject_custom_nav ul {background: #E6EDF3;border-bottom:5px solid #FFFFFF;}
#esl_subject_custom_nav h2 {color: #333333;background: url(/other_files/images/CL/esl/basic_projects/nav_grads/catalog_nav_grad.jpg) repeat-x bottom left;}
#esl_subject_custom_nav ul li {border-bottom: 1px solid #bdcbc7;border-top: 1px solid #f4f7f7;}
#esl_subject_custom_nav ul li a:link, #esl_subject_custom_nav ul li a:visited {color: #007D95;}
#esl_subject_custom_nav ul li a:hover {color: #F5F8FA; background: #007D95;}
#esl_subject_custom_nav ul li a.current:link, #esl_subject_custom_nav ul li a.current:visited, #esl_subject_custom_nav ul li a.current:hover, #esl_subject_custom_nav ul li a.current:active {color: #F5F8FA; background: #007D95;}
/* ----------------------------------------------------------------------
ESL generic subject: this can be adapted for each subject in the future
------------------------------------------------------------------------- */
/* link styles */
#esl_subject_main a, #esl_subject_header a {color: #007D95;}
#esl_subject_main a:link, #esl_subject_header a:link {color: #007D95;}
#esl_subject_main a:visited, #esl_subject_header a:visited {color: #007D95;}
#esl_subject_main a:hover, #esl_subject_header a:hover {color: #007D95;}
#esl_subject_main a:active, #esl_subject_header a:active {color: #007D95;}
/* navigation */
#esl_subject_nav ul {background: #E6EDF3;border-bottom:5px solid #FFFFFF;}
#esl_subject_nav h2 {color: #333333;background: url(/other_files/images/CL/esl/basic_projects/nav_grads/catalog_nav_grad.jpg) repeat-x bottom left;}
#esl_subject_nav ul li {border-bottom: 1px solid #bdcbc7;border-top: 1px solid #f4f7f7;}
#esl_subject_nav ul li a:link, #esl_subject_nav ul li a:visited {color: #007D95;}
#esl_subject_nav ul li a:hover {color: #F5F8FA; background: #007D95;}
#esl_subject_nav ul li a.current:link, #esl_subject_nav ul li a.current:visited, #esl_subject_nav ul li a.current:hover, #esl_subject_nav ul li a.current:active {color: #F5F8FA; background: #007D95;}
/* banner */
#esl_subject_header .branded_header {background: #3f9cae url(/other_files/images/CL/esl/basic_projects/banners/headers/catalog_banner.jpg) no-repeat top left;color: #ffffff;}
#esl_subject_header .branded_header h1, #esl_subject_header .branded_header h2 {color: #333333;}
#esl_subject_header .branded_header_small {background: #333333;}
/* content styles */
#esl_subject_main h1, #esl_subject_main h2, #esl_subject_main h3{color: #004884;}
#esl_subject_header h1, #esl_subject_header h2, #esl_subject_header h3{color: #004884;}
/* browse */
#esl_subject_main .browse .listitem {border-top-color: #E6EDF3;}
#esl_subject_main .browse .listitem img.icon {border: none;}
#esl_subject_main .browse .subject, #esl_subject_main .browse .resource_type, #esl_subject_main .browse .title {border-color: #E6EDF3;}
/* Search results */
#esl_subject_main .results_list{border-top-color: #E6EDF3;}
#esl_subject_main .results_list .result_item {border-bottom-color: #E6EDF3;}
#esl_subject_main .resource_type {border-color: #E6EDF3;}
/* features */
#esl_subject_main .feature .one_item img{border-color: #E6EDF3; }
/* featured item (on childpages) */
#esl_subject_main .feature, #esl_subject_header .feature {border-color: #E6EDF3;}
#esl_subject_main .feature .half_width1, #esl_subject_main .feature .half_width2 {width: 49.5%;margin-bottom: 7px;height: 1%;overflow: hidden;}
#esl_subject_main .feature .half_width1 {float: left;}
#esl_subject_main .feature .half_width2 {float: right;}
#esl_subject_main .feature .full_width h2 a, #esl_subject_main .feature .half_width h2 a, #esl_subject_main .feature .half_width1 h2 a, #esl_subject_main .feature .half_width2 h2 a {color: #004884;}
/* pagination */
#esl_subject_main .pagination, #esl_subject_main .pagination p, #esl_subject_main p.numrecords { color:#004884;}
/* ----------------------------------------------------------------------
ESL teacher subjects
------------------------------------------------------------------------- */
/* link styles */
#teacher_main #esl_subject_main a, #teacher_subject_header a {color: #635889;}
#teacher_main #esl_subject_main a:link, #teacher_subject_header a:link {color: #635889;}
#teacher_main #esl_subject_main a:visited, #teacher_subject_header a:visited {color: #635889;}
#teacher_main #esl_subject_main a:hover, #teacher_subject_header a:hover {color: #635889;}
#teacher_main #esl_subject_main a:active, #teacher_subject_header a:active {color: #635889;}
/* navigation */
#teacher_nav #esl_subject_nav ul {background: #E7E7F2;border-bottom:5px solid #FFFFFF;}
#teacher_nav #esl_subject_nav h2 {color: #333333;background: url(/other_files/images/CL/esl/basic_projects/nav_grads/teacher_nav_grad.jpg) repeat-x bottom left;}
#teacher_nav #esl_subject_nav ul li {border-bottom: 1px solid #d7c6cb;border-top: 1px solid #f9f6f7;}
#teacher_nav #esl_subject_nav ul li a:link, #teacher_nav #esl_subject_nav ul li a:visited {color: #635889;}
#teacher_nav #esl_subject_nav ul li a:hover {color: #ffffff;background: #635889;}
#teacher_nav #esl_subject_nav ul li a.current:link, #teacher_nav #esl_subject_nav ul li a.current:visited, #teacher_nav #esl_subject_nav ul li a.current:hover, #teacher_nav #esl_subject_nav ul li a.current:active {color: #ffffff; background: #635889;}
/* banner */
#teacher_header #esl_subject_header .branded_header {background: #E7E7F2 url(../../../other_files/images/CL/esl/basic_projects/banners/headers/teachers_banner.jpg) no-repeat top left;color: #ffffff;}
#teacher_header #esl_subject_header .branded_header h1, #teacher_header #esl_subject_header .branded_header h2 {color: #333333;}
#teacher_header #esl_subject_header .branded_header_small {background: #333333;}
/* content styles */
#teacher_main #esl_subject_main h1, #teacher_main #esl_subject_main h2, #teacher_main #esl_subject_main h3{color: #6e485f;}
#teacher_subject_header h1, #teacher_subject_header h2, #teacher_subject_header h3{color: #6e485f;}
/* browse */
#teacher_main #esl_subject_main .browse .listitem {border-top-color: #e9e2e6;}
#teacher_main #esl_subject_main .browse .listitem img.icon {border: none;}
#teacher_main #esl_subject_main .browse .subject, #teacher_main #esl_subject_main .browse .resource_type, #teacher_main #esl_subject_main .browse .title {border-color: #e9e2e6;}
/* Search results */
#teacher_main #esl_subject_main .results_list{border-top-color: #e9e2e6;}
#teacher_main #esl_subject_main .results_list .result_item {border-bottom-color: #e9e2e6;}
#teacher_main #esl_subject_main .resource_type {border-color: #e9e2e6;}
/* features */
#teacher_main #esl_subject_main .feature .one_item img{border-color: #e9e2e6; }
/* featured item (on childpages) */
#teacher_main #esl_subject_main .feature, #teacher_subject_header .feature {border-color: #e9e2e6;}
#teacher_main #esl_subject_main .feature .half_width1, #teacher_main #esl_subject_main .feature .half_width2 {width: 49.5%;margin-bottom: 7px;height: 1%;overflow: hidden;}
#teacher_main #esl_subject_main .feature .half_width1 {float: left;}
#teacher_main #esl_subject_main .feature .half_width2 {float: right;}
#teacher_main #esl_subject_main .feature .full_width h2 a, #teacher_main #esl_subject_main .feature .half_width h2 a, #teacher_main #esl_subject_main .feature .half_width1 h2 a, #teacher_main #esl_subject_main .feature .half_width2 h2 a {color: #6e485f;}
/* pagination */
#teacher_main .pagination, #teacher_main .pagination p, #teacher_main p.numrecords { color:#6e485f;}
/* -----------------------------------------------------------
CL - ESL - RepFinder Form CSS - DO NOT REMOVE
----------------------------------------------------------- */
form.eslrep { padding: 3px; margin-bottom: 5px; }
form.eslrep fieldset { background-color: #F5F8FA; border: 1px solid #cccccc; padding: 8px; }
form.eslrep fieldset p { font-style: italic; color: #004884; }
form.eslrep fieldset tr p { font-style: normal; color: #004884; }
form.eslrep legend { background-color; #f8f8f8; padding: 3px;}
form.eslrep table { border: none; border-collapse: separate; border-spacing:0 10px; width: 100%;}
form.eslrep table tr td { border-width: 0 0 1px 0; border-color: #dddddd; vertical-align: top; width: 50%; padding-bottom: 5px; }
form.eslrep p.help { font-size: 80%; }
form.eslrep .ui-component {float:left; clear:left;}
form.eslrep label { float: left; }
form.eslrep input { float: left; margin-right: 5px; }
form.eslrep input.long { float: left; width:99%; margin-right: 5px; }
form.eslrep tr.validation-error input,
form.eslrep tr.validation-error textarea {
border: 1px solid #B81750; background: #ffffcc; color: #B81750;
}
form.eslrep tr.formhead {background:#daf0fb;}
form.eslrep tr.formhead td.tdhead {padding:20px 10px;}
form.eslrep tr.formhead td.tdhead2 {padding:20px 10px 20px 0px;}
form.eslrep .validation-message {
float: left; margin: 0.5em 0.5em 0 0;
font-weight: bold; color: #B81750; background: white; padding: 4px; clear: left; border: 1px solid #d0d0d0;
}
form.eslrep tr.validation-error .validation-message { background: none; padding: 0; margin: 0; border: 0; font-size: 90%; }
/* Rep finders dislike bullet points */
#content div.regionglide ul {list-style-type:none !important;}
#content div.regionglide ul li {list-style-type: none;}
#content div.contact_item ul {list-style-type:none !important;}
#content div.contact_item ul li {list-style-type: none;}