/*main-mobile.css*/
/*20130130 created initial version (based on main.css) - leave out mjt so we get single column display.*/
/*20130725 add import mobile.css to include structural css for mobile version of divbase template sites.*/
/*20130804 superfish.css import back.  (deleted 20130130)  I think we do want it!! Let's test. */
/*20130925 added many more lines to the bottom of this file as we refine the structure of the mobile site */
/*20131114 added line to ensure that that global nav menu text is centered even when dropdown arrow is present */
/*20131202 added line to fix content displaying outside defined box in Related Topics area of the topic centers  */
/*20140630 added "Mobile Menu Core Style - Slicknav" section to implement collapsed global nav on mobile devices */

/*Import reset styles*/
@import url(reset.css);

/*Import new text styles */
/* @import url(text.css); */

/*Import MJT layout styles */
/* MCD 20130130 We dont want this for mobile ***possibly use a @media on this in future*** instead of separate main_mobile.css  */
/* @import url(mjt.css); */

/*Import superfish jquery menu styles */
/* MCD 20130130 We dont want this for mobile ***possibly use a @media on this in future***   */
/* MCD 20130804 Put this back in.  I think we do want it!!  */
/* MCD 20130806 Put this back to short form of url!!  */
@import url(superfish.css); 

/*Import the default structural file for divbase mobile */
/*nothing actually in mobile.css yet - just putting all angela's structural stuff below in main_mobile.css */
@import url(mobile.css);

/*THIS IS THE CSS DEVELOPED BY ANGELA TO BE THE STRUCTURAL CSS FOR DIVBASE MOBILE*/
/* cw16 mobile version of divbase  testing 7 24 13 AS*/

/* 20130304 mcd - simplify the center_index page */
#cs_topic_featured .slideshow {display: none;}   /* turn all display in intro area off  */
#cs_topic_featured #feat .slideshow {display: inline;}  /* turn intro article back on */
#cs_topic_lists {display: none;}  /* turn tabbed area after intro off in mobile */

/* CSS taken from default.css*/

@charset "utf-8";
/* CSS Document */

img
{border: none;}

h1, h2, h3, h4
{ font-family: Verdana, Helvetica, Arial, sans-serif;}

h1
{display:inline; font-size: 1.3em; font-weight: normal;}

h3
{font-style: italic; font-size: .8em;}

p {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 145%; padding: 5px; }
p, h2, p a:link {font-size: 1em;}
p A, h1 A {color: #5d6f18; text-decoration: none;}
p A:link, h1 A:link {color: #5d6f18; text-decoration: none;}
p A:visited, h1 A:visited {color: #5d6f18; text-decoration: none;}
p A:hover, h1 A:hover {color: #5d6f18; text-decoration: underline;}



/* CW16 CSS Div Base - Mobile Version */

body { font-size: 100%; font-family: Verdana, Helvetica, Arial, sans-serif; 
margin-right: auto; margin-left: auto;}
/* No sizing is needed for the mobile site as it is set to be the width of the mobile device screen, the only sizing will be needed in the clockwork based site*/

/*font size set for each table area*/
TD {font-size: 100%;}


/*Navigation items as well as featured topics were displaying a bullet beside each item, this removes
those bullets and the margin adds some space around the item*/
.slideshow, ul.cs_menu_gnav, li.cs_container_block {list-style: none; margin-top: 10px; }

/* the Featured Topics were not all displaying at the left margin, clearing them left made them each display properly*/
.cs_container_block, .cs_module_container_footer {clear:left;}

/*set the view all topic centers link to have white text*/
.cs_module_container_footer a, .cs_module_container_footer a:link, .cs_module_contaner_footer a:hover, .cs_module_container_footer a:visited, .cs_module_container_footer a:active {color: #ffffff;}

/*the div base template by default has background imags set, this removes those images and sets the background to be white*/
.ui-widget-header, #cs_span_header {text-align: center; background:none; background-color: #ffffff; }

/*again remove background images as well as set the color to white and added a background color for the template*/
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-active, 
.ui-state-active, #cs_row_menu_gnav, ul.cs_menu_gnav a, 
ul.cs_menu_gnav a:link, ul.cs_menu_gnav a:active, ul.cs_menu_gnav a:visited 
{background-color: #5d6f18; background-image: none;  color: #ffffff; border-color: #ffffff; text-decoration: none; line-height: 160%;}


/*removes borders from the page*/
.ui-widget-content, .ui-widget-header {border: none;}

/*Select sets the width of the element to match the mobile width & Input is the Search text size*/
.ui-widget SELECT {width: 300px; font-size: .8em;}
.ui-widget INPUT {font-size: .6em;}

/*font sizes and how they display
h2's are the 
h3's is the title to the welcome article
h4's are the (cs_row_menu_gnav)= navigation and Featured Topic headers */
h3 {display: block; } /*display block makes the title center on the page*/
#cs_row_menu_gnav h4 {font-size: 1.5em;} 
#lic0 h3 {font-size: 1.2em; font-weight: bold;} 
    #lic0 a:link, #lic0 a:hover, #lic0 a:visited, #lic0 a:active {color: #5d6f18; }
.cc_attrib {font-size: .8em;}
#lit0 p {font-size: 1em; font-weight: normal;}
.cs_resources_col h3 {font-size: 1.2em;}

/*adds bullets to list items within topic center documents*/
li.doc {margin-left: 5px; list-style-type: disc; list-style-position: inside;}

/*removed a 40px margin from the navigation, topic centers*/
#ci_reviews_list_0, #ci_links_list_0, #ci_misc_list_0, #ci_advice_list_0,
#ci_news_list_0,  #ci_advice_list_0, #ci_reviews_list_0, #ci_links_list_0, 
#ci_misc_list_0, #ci_groups_list_0, #ci_tests_list_0, .cs_module_container ul, .cs_menu_gnav, 
.slideshow, #cs_ci_menu {margin: 0px; padding:0px;}

/*Featured Topic Center Images float so that the text wraps around and padding adds a little space around the image*/
.cs_container_block_inner IMG {float: left; padding: 5px; }
.cs_module_container_header {width: 100%;}

/*Sets the footer to align and text is smaller to look better on a mobile screen*/
#cs_footer { clear: left; text-align: center; font-size: .5em;}
#cs_footer a, #cs_footer a:link, #cs_footer a:active, #cs_footer a:hover, #cs_footer a:visited {color: #5d6f18;}

.cs_header1, .cs_module_container_header, #cs_topicheader {text-align: center; color: #5d6f18; background-color: #ffffff; background-image: none; padding-top: 10px; padding-bottom: 10px; border: none; font-size: 1.1em; }

/*Topic Center Title Color*/
#cs_topicheader a {color: #5d6f18;}

/*Images within the topic centers & articles*/
.item img {width: 50%; }
#cs_article_text img { width: 50%; float: left; padding: 3px;  }

/*The menu within the topic centers selection area*/
#cs_ci_menu a {font-size: 1.2em; color: #ffffff; background-color: #5d6f18; border: none; line-height: 135%;}
#cs_ci_menu a:link, #cs_ci_menu a:visited {color: #ffffff; background-color: #5d6f18;}

#cs_ci_menu a:active, #cs_ci_menu a:hover  {background-color: #bd782a;}

.ui-widget {font-size: 1.2em;}

#cs_article .cs_nextprev a {color: #ffffff; font-size: .8em; }

#ci_news_list_0, #ci_advice_list_0, #ci_reviews_list_0, #ci_links_list_0, #ci_misc_list_0, #ci_groups_list_0, #ci_tests_list_0 {padding-left: 20px;}
ul#ci_news_list_0 li, ul#ci_advice_list_0, ul#ci_reviews_list_0, ul#ci_links_list_0, ul#ci_misc_list_0, ul#ci_groups_list_0, ul#ci_tests_list_0 {list-style-type: circle;}

/*Login Page CSS for EAP sites*/
#cs_userssite_login {max-width: 300px; text-align: center; margin-left: auto; margin-right: auto;}
#cs_userssite_login_form {width: 275px;  }

/*CSS below is to override main.css*/

#cs_container {width: 100%; padding: 0px; margin: 0px; min-width: 300px; }

.ui-widget-content li a, .ui-widget-content a:link, .ui-widget-content a:active, .ui-widget-content a:visited {text-decoration: none; line-height: 145%;}
.ui-widget-content li a:hover {text-decoration: underline;}

/*Removed the images and (lic) at the top of the topic centers*/
.cc_attrib, .slideshow img {display: none;}
/*Displays the first image in the topic center home page*/
.ui-widget-header img {display: inline;}

/*text for resource menus*/
.ui-state-default A, .ui-state-default A:link, .ui-state-default A:visited, .ui-state-default A:hover, .ui-state-default A:active {color: #ffffff;}

/*text for contact infomation area*/
.cs_sidebar_container p {color: ffffff;}

/*CSS taken from main.css*/

ol, ul, li {margin:0px; padding: 5px; }
li {padding-top: 0px; }

#cs_article_text h2 {padding-top: 10px; }
.doc {font-size: 1em;}
#cs_article_text div {padding-top: 10px; font-size: 1em;}

#cs_article address {display: none;}

#cs_box_resource, #topictree {padding-left: 10px; }
#cs_box_resource a, #topictree a {margin-left: 10px; }

li.jstree-leaf h4 {font-weight: normal;}

/*.sf-sub-indicator {display: block; position: absolute; 
right: 25em; background-image: url(/images/clientid_16/arrow-ffffff.png) no-repeat;}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	/*top:			.8em;*/
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
 apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.cs_menu_gnav ul .sf-sub-indicator { background-position:  -10px 0; }
.cs_menu_gnav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.cs_menu_gnav ul a:focus > .sf-sub-indicator,
.cs_menu_gnav ul a:hover > .sf-sub-indicator,
.cs_menu_gnav ul a:active > .sf-sub-indicator,
.cs_menu_gnav ul li:hover > a > .sf-sub-indicator,
.cs_menu_gnav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#lit0 p {text-align: left;}

.cs_menu_gnav li {width: 100%;}

#cs_row_menu_gnav h4 {padding-top: .2em; padding-bottom: .2em; }

ul.cs_menu_gnav li, ul.cs_menu_gnav li a {padding: 0px;}

.ui-widget-content p, #cs_col_1 #cs_article_text p {font-size: 1em; text-align: left;}
#cs_topicheader h2 a {font-size: 1.2em;}
.ui-widget-content h2 {font-size: 1.2em;}
.cs_module_container .ui-widget-content img {width: 50%; height: 50%;}

#cs_sider_left p {text-align: center;}

li.cs_container_block {text-align: left;}

#cs_row_menu_gnav ul ul {margin-top: -15px; }

#cs_row_menu_gnav ul ul li {width: 95%; margin-left: auto; margin-right: auto;}
#cs_row_menu_gnav ul ul li h4 {font-size: 1.2em; background-color: #175e88; color: #ffffff; border-bottom: #ffffff 1px solid;}

.cs_menu_gnav {margin-right: 2px; }


#cs_topicheader h2, #cs_topicheader h2 a {width: 90%; margin-left: auto; margin-right: auto; }
#cs_topicheader h2 {border-radius: 4px;}

#resources {text-align: left;}

#cs_box_resource, #topictree {padding-left: 0px; width: 90%; margin-left: auto; margin-right: auto; text-align: left;}

#cs_footer p {margin-left: auto; margin-right: auto; text-align: center;}
/*20131114 next line added to center text on global nav tabs*/
.cs_menu_gnav a.sf-with-ul {padding-right: 0em;}
/*20131202*/
#topicscenterbox #tmenu0 {height: 100%;}


/*    Mobile Menu Core Style (Start) - Slicknav added 20140630 - this could NOT be added until slicknav went live */
/*    because the media queries would set the orig menu used by mobile to display:none on the mobile site. */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #5d6f18;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:#728335;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
        text-align: left;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 0px;
	margin:2px 0px;
        margin-left: 0px; margin-right: 10px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#728335;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#728335;
	color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

#cs_row_menu_gnav_mobile a:hover {text-decoration: none;}

/* media query for mobile navigation (turns off old mobile nav) */

@media all and (max-width: 601px){
#cs_row_menu_gnav {display: none;}
#cs_row_menu_gnav_mobile h4 {display: inline; text-align: left; padding:0;}
#cs_row_menu_gnav_mobile ul ul li h4 {text-align: left; padding: 0;}
#cs_row_menu_gnav_mobile ul ul li {padding: 5px;}
#cs_row_menu_gnav_mobile ul li a {padding-left: 0px;}
.cs_menu_gnav ul {position: relative; width: 90%; top: 0; } 
.cs_menu_gnav li:hover ul {top: 0px;}}

/* media query turns off SlickNav and goes back to old mobile navigation which is also the nav for divbase)*/ 
@media all and (min-width: 600px){
#cs_row_menu_gnav_mobile {display: none;}}

/* CSS needed to make main sider span width of mobile screen*/
@media only screen and (max-width: 601px) {
#cs_home_sider_a {width: 100%;}
}
/*CSS needed for mobile main column Resource Menus, which overrides the floats and returns the content to one column. 20150615*/
@media all and (max-width: 601px) {
#startdivtwosubcolumns, #startdivfirstsubcolumn {float: none; width: 100%;}
#cs_home_sider_a {float:none; width: 100%;}
}
/*    Mobile Menu Core Style (End)   */