/* ------------ Tip ---------------- 
Stylesheets will load in the following order (each stylesheet overrides the one loaded before it, so portal.css will override all the others)
1. default.css (Basic stylings required by some DNN menus and functions, found at: /Portals/_default/default.css) *always included
2. skin.css (This file; works across all skins)
3. some-skin.css (css file associated with a particular skin chosen by the administrator, e.g. Home_Page.css)
4. some-container.css (css file associated with a particular container chosen by the administrator, found at: /Portals/NACS/Containers/.....)
5. portal.css (Styles that must always override any other styles, found at: /Portals/NACS/portal.css) *always included

There is also module.css which is a stylesheet file that accompanies a module .. more investigation needed on where that fits into the hierarchy
 ------------ End Tip ---------------- */

/* Import styles used by the WYSIWYG editor */
@import url("fckstyles.css");
@import url("print.css");

body
{
	font:0.8em Verdana, Arial, sans-serif;
	color:#000000;
	background-color:#f5f8fb;
}

.body
{
	font:0.9em Verdana, Arial, sans-serif;
	color:#000000;
}

b 
{
	color:#141414;
}

strong
{
	color:#141414;
}

/* center alignment */
#nacscontent
{
	width:975px;
	margin:10px auto;
	text-align:left;
	clear:both;
	background-color:white;
}

#ccra-info-container {
    width:350px;
    float:left;
    padding:10px;
}

#ccra-ces-container {
	background-color: #f2f2f2;
    float: left;
    margin-top: 10px;
    padding: 9px 16px;
    width: 338px;
}

#image-container {
    width:375px;
    float:left;
    padding:10px;
}

#container {
    border-color: #b6b6b6;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 230px;
    margin-right: 10px;
    padding: 10px;
    width: 227px;
}

#nacscontent DIV
{
	/*background-color: White;*/
}

/* default selectors */
*
{
	padding:0px; 
}

img 
{
	/* display:block; */
	border-style:none;
}

a 
{
	color:#00529c;
	text-decoration:none;
	cursor: hand;
}

/***Style Button***/
a.button1{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 12px; /*add some padding to the inside of the button*/
background:#2c8b9d ; /*the colour of the button*/
border:1px solid #11596f; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .50);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .50);
box-shadow: 0 0 4px rgba(0,0,0, .50);
/*style the text*/
color:#f3f3f3;
font-size:1em;
font-weight:bold;
float:right;
margin-top:-7px;
}
/***Button hover***/
a.button1:hover, input#gobutton:focus{
background-color :#11596f; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
color:#f3f3f3;
}

/***Style Button***/
a.button{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 14px; /*add some padding to the inside of the button*/
background:#2c8b9d ; /*the colour of the button*/
border:1px solid #11596f; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .50);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .50);
box-shadow: 0 0 4px rgba(0,0,0, .50);
/*style the text*/
color:#f3f3f3;
font-size:1em;
font-weight:normal;
float:right;
margin-top:10px;
}
/***Button hover***/
a.button:hover, input#gobutton:focus{
background-color :#11596f; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
color:#f3f3f3;
}

input[type="submit"]
{
    cursor: hand;
}

input, select
{
	vertical-align:top;
	border:solid 1px #bababa;
	min-height:15px;
	padding:2px;
	font-size:0.9em;	
}

textarea
{
	vertical-align:top;
	border:solid 1px #bababa;
	min-height:15px;
	padding:2px;
	font:0.9em Verdana, Arial, sans-serif;
}

h1 
{
    font-size: 1.3em;
    color:#ba5f12;
    font-weight:normal;
    margin-bottom:15px;
}

.h1 
{
    font-size: 1.3em;
    color:#ba5f12;
    font-weight:normal;
}
.h1bold
{
    font-size: 1.3em;
    color:#ba5f12;
    font-weight:bold;
}

.h1preheading
{
	font-size:0.9em;
    font-weight:normal;
    color:#ba5f12;
}

h2 
{
    font-size: 1.1em;
    font-weight: bold;
    color:#000000;
}

.h2 
{
    font-size: 1.1em;
    font-weight: bold;
    color:#000000;
}

.h2white
{
    font-size: 1.1em;
    font-weight: bold;
    color:#ffffff;
}

.h2italic
{
    font-size: 1.1em;
    font-weight:bold;
    font-style:italic;
    color:#5c3310;
}

h3 
{
    font-size:0.8em;
    font-weight: bold;
    color:#000000;
}

.h3 
{
    font-size:0.8em;
    font-weight: bold;
    color:#000000;
}

.h3white
{
    font-size:0.8em;
    font-weight: bold;
    color:#ffffff;
}

.h3text
{
    font-size:0.8em;
    font-weight:normal;
    color:#000000;
}

hr
{
	height:2px;
	color: #00529c;
	background-color: #00529c;
	margin-bottom:12px;
	width:97%;
	text-align:center;
}

input[type="radio"], input[type="checkbox"] 
{
	border-width:0px;
}

a:hover
{
	color:#0076e0;
	text-decoration:none;
}

ul, ol
{
    margin-left:30px;
}

li 
{
    margin-top:7px;
}

/* survey module */
.question
{
	font-weight: bold;
}

.surveylinks
{
	font-size:0.85em;
	font-weight: bold;
	margin-top: 10px;
	text-align:left;
}

/* general-purpose div selectors */
div.floatleft 
{
	float:left;
}

div.clearfloat 
{
	clear:both;
}

div.clearright 
{
	clear:right;
}

/* input buttons */
input.buttondark 
{
	border:solid 1px black;
	background-color:#00529c;
	color:White;
	padding:1px 0px 2px 0px;
	width:67px;
	font-size:0.75em;
	font-weight:bold;
	min-height:20px;
}

input.buttondark_mobile
{
	border:solid 1px black;
	background-color:#00529c;
	color:White;
	padding:2px 0px 2px 0px;
	margin-top: 3px;
	width:61px;
	font-size:0.75em;
	font-weight:bold;
	min-height:20px;
}

input.buttonlight
{
	border:solid 1px black;
	background-color:#d07a30;
	color:White;
	padding:1px 0px 2px 0px;
	width:67px;
	font-size:0.75em;
	font-weight:bold;
	margin-left:3px;
	min-height:19px;
}

input.checkbox, span.checkbox input
{
	border-style:none;
}


/* Top ad space */
div.adwrapper
{
    width:975px;
	height: 100px;
	background-color: #f5f8fb;
    padding-bottom:0px;
	margin-bottom:5px;
}

div.adwrapper div.sponsoradTop
{
    width: 728px;
	margin-left: 125px;
	margin-bottom: 0px;
	background-color: #f5f8fb;
}
/* Header user control */
div.headerwrapper
{
	background-image:url(Skins/_Shared_Resources/images/nacs_banner_bg.gif);
	background-repeat:repeat-x;
	width:975px;
	height:130px;
	border-bottom: 3px solid #00529c;
	background-color:#f5f8fb;
}

div.headerwrapper div.nacsbanner 
{
	float:left;
}

div.headerwrapper div.bannerright
{
	width:246px;
	padding-left:15px;
}

div.headerwrapper div.logincontrols 
{
	margin-top:21px;
}

div.headerwrapper div.logincontrols_mobile
{
	margin-top:0px;
}

/*
div.headerwrapper div.hr
{
	background-color:#00529c;
	height:3px;
	width:100%;
	clear:both;
	font-size:3px;	for IE6
}
*/
/* page login controls: not flyout */

div.headerwrapper div.fixedloginlinks 
{
	/***  Commented out 4/22/2009 by RWR to fix formatting issues when printing  ***/
	/*float:right;*/
    margin:0px 5px 10px 0px;
	text-align:right;
}

div.headerwrapper div.fixedloginlinks input.buttondark
{
	width:60px;
}

div.bannerright div.loggedincontrols 
{
	font-size:0.85em;
	margin-bottom:70px;
}

/* page login controls: flyout */

div.flyoutwrapper div.flyout 
{
	display: none; 
    overflow: hidden; 
    z-index: 2; 
    background-color: #FFFFFF; 
    border: solid 1px #D0D0D0;
}

div.flyoutwrapper div.infoflyout 
{
	display: none; 
	width: 210px; 
	z-index: 2; 
	opacity: 100; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	border: solid 1px #CCCCCC; 
	background-color: #FFFFFF; 
	padding: 8px 8px 8px 12px;
}

div.flyoutwrapper div.flyoutclosebutton 
{
	float: right; 
	opacity: 0; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

div.flyoutwrapper div.flyoutclosebutton a.flyoutbutton
{
	background-color: #666666; 
	color: #FFFFFF; 
	text-align: center; 
	font-weight: bold; 
	text-decoration: none; 
	border: outset thin #FFFFFF; 
	padding: 2px;
}

/* login controls within the flyout */

div.headerwrapper div.loginboxes 
{
	margin-bottom:3px;
}

div.headerwrapper div.loginboxes_mobile
{
	margin-bottom:2px;
	text-align: right;
	padding-right: 5px;
}

div.headerwrapper div.loginboxes div
{
	margin-top:5px;
}

div.headerwrapper div.loginlinks 
{
	font-size:0.8em;
	/***  Commented out 4/22/2009 by RWR to fix formatting issues when printing  ***/
	/*float:left;*/
}

div.headerwrapper div.loginlinks p
{
	margin: 3px 0px 0px 3px;
	padding:0px;
}

/* search controls */

div.headerwrapper div.quicksearch
{
	margin-top:2px;
}

div.headerwrapper div.advancedsearch
{
	float:right;
	margin-top:4px;
	margin-right:5px;
	font-size: 0.8em;
	width:120px;
	text-align:right;
}

div.headerwrapper input.bannerinput
{
	width:165px;
	margin-top:-1px;
}

div.headerwrapper input.bannerinput_mobile
{
	width:150px;
	margin-top:-1px;
}

/* body and main Nav */
div.bodywrapper div.mainnavwrapper
{
	float:left;
	margin:15px 0px 0px 0px;
	width:149px;
	text-transform:uppercase;
}

/*----- DNN nav menu style ... these selector names are generated by DNN ----*/
/* main menu td */
div.mainnavwrapper .main_dnnmenu_bar 
{
}

/*  Main Menu Normal  */
div.mainnavwrapper .main_dnnmenu_rootitem  
{	
	padding: 8px 3px 8px 3px;
	border-bottom:solid 1px #a8c8e5;
	font-size: 0.8em;
	color:#00529c;
	font-weight:bold;
	white-space:normal;
	float:left;
	width:149px;
	text-align:right;
}

/*  Main menu hover  */
div.mainnavwrapper .main_dnnmenu_rootitem_hover
{  
	/*background: #1f70ba url(../_default/skins/minimalextropy/images/menu_hover.gif) repeat-x top left;*/
	color:#0076e0;
	font-size:0.8em;
	font-weight:bold;
	background-color:#ffffff;	
}

/*  Main menu selected  */
div.mainnavwrapper .main_dnnmenu_rootitem_selected 
{
	/*background: #1f70ba url(../_default/skins/minimalextropy/images/menu_hover.gif) repeat-x top left;*/
	padding: 8px 3px 8px 3px;
	border-bottom:solid 1px #a8c8e5;
	font-size: 0.8em;
	color:#00529c;
	white-space:normal;
	float:left;
	width:149px;
	font-weight:bold;
	text-align:right;
	}

/*  Sub Menu Normal */
div.mainnavwrapper .main_dnnmenu_submenu 
{
	border:1px solid #a8c8e5;
	font-size:0.85em;
	color:#00529c;
	font-weight:bold;	
	text-align:right;
	z-index: 1000;
}

div.mainnavwrapper .main_dnnmenu_submenu td
{
	background-color:#f5f8fb;
	z-index: 1000;
	text-align:left;
	padding: 4px 2px 4px 2px;
	color:#00529c;
	font-weight:bold;
	text-transform:capitalize;
}

div.mainnavwrapper .main_dnnmenu_submenu .txt 
{
     white-space:nowrap;
}

/*  Sub Menu hover & selected */
div.mainnavwrapper .main_dnnmenu_itemhover td   
{  
	/*background: #1f70ba url(../_default/skins/minimalextropy/images/menu_hover.gif) repeat-x top left;*/
	background-color:#00529c;
	color:#ffffff;
	font-weight:bold;
}

div.mainnavwrapper .main_dnnmenu_itemselected td 
{
	background-color:#00529c;
	color:#ffffff;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
}

div.mainnavwrapper .main_dnnmenu_break
{
	height:2px;
	background-color:#ffffff;
}

div.mainnavwrapper div.sidecmad
{
    float:left;
    width:149px;
    margin-top:20px;
    padding-bottom:20px;
    text-align:center;
	}

/*--------- End DNN nav menu style ----------*/

/* Body Content block-level element selectors */
div.bodywrapper div.bodycontentandfooterwrapper 
{
	float:left;
	display: inline-block;
	width:805px;
	margin:0px 0px 15px 17px;
	vertical-align: top;
}

div.bodywrapper span.footertext
{
	font-size:0.8em;
    font-weight:normal;
    color:#000000;
}

/* breadcrumb nav */
div.bodywrapper div.breadcrumbwrapper
{
	font-size: 0.9em;
	margin: 8px 5px 0px 0px;
}

div.bodycontentandfooterwrapper div.bodycontentwrapper 
{
	margin-top:8px;
	margin-bottom:25px;
	margin-left:7px;
	margin-right:10px;
	min-height:300px;
}

div.ContentRightPane 
{
    clear: none;
    float: right;
    margin: 0 0 12px 12px;
    width: 200px;
}

div.Content550Pane 
{
    clear: none;
    float: left;
    margin: 0 0 12px 0px;
    width: 580px;
}

div.RightSidePane
{
    clear: none;
    float: right;
    margin: 0 0 12px 12px;
    width: 175px;
}Ad

div.bodycontentwrapper div.Title
{
    float:left;
    width:365px;
    margin-top:0px;
    margin-left: 15px;
    padding-bottom:0px;
	margin-bottom:0px;
}
	
div.bodycontentwrapper div.TitleAd
{
    float:left;
    width:400px;
    padding-bottom:0px;
	margin-bottom:0px;
}

div.bodycontentwrapper div.sponsorad1
{
    float:right;
    width:170px;
    margin-top:0px;
	margin-bottom:0px;
    margin-left: 15px;
    padding-bottom:5px;
}
	
div.bodycontentwrapper div.sponsorad2
{
    float:right;
    width:170px;
	margin-bottom:0px;
    padding-bottom:5px;
}

div.bodycontentwrapper div.LandingAd
{
    float:right;
    width:220px;
	margin-bottom:0px;
    padding-bottom:5px;
}



/* Footer */
div.bodycontentandfooterwrapper div.footerwrapper 
{
	text-align:center;
}

div.footerwrapper div.bottomnav 
{
	margin-top:15px;
	width:805px;	
	clear:both;
}

div.footerwrapper div.footerlogo
{
	float:left;
	clear:right;
	color:#000000;
	padding-right:40px;
	line-height:40px;
}

div.footerwrapper div.tandc 
{
	font-size:0.8em;
	padding-top:5px;
	padding-right:30px;
	padding-bottom:15px;
	font-weight:normal;
	clear:both;
	color:#000000;
}

div.leftfloat 
{
	float:left;
	width:190px;
	margin-left:30px;
}

/* Containers (Global styles for all containers) */
div.containerwrapper 
{
    max-width:805px;
}

div.containerwrapper div.containeractionstop 
{
    float:left;
    margin:0px;
}

div.oncampusheader
{
	float:left;
	margin-left:20px;
	margin-top:5px;
}

div.onlinecoursewrapper div.courselogo
{
	float:left;
	margin-top:15px;
	margin-left:20px;
	margin-right:7px;
	border-right: 3px solid #d2d2d2;
	height:108px;
	margin-bottom:5px;
}

div.onlinecoursewrapper div.coursetitle
{
	float:left;
	margin-top:20px;
	text-align:left;
	height:108;
}

div.onlinecoursewrapper div.coursemenu
{
	margin-top:10px;
	text-align:left;
}

/* Styles used across all landing pages*/
div.landingpagesubnavwrapper
{
    float:right;
    width:208px;
    padding-top:20px;
}

div.landingpagewrapper 
{
    margin-top: 10px;
}

div.landingpagewrapper div.bottomcontent 
{
    margin-top: 10px;
    margin-left:5px;
    margin-right:5px;
}

div.landingpagewrapper div.mainimage
{
    float:left;
    vertical-align:top;
    margin-right:17px;
}

div.bodywrapper div.mainimageccra
{
    float:left;
    vertical-align:top;
    margin-right:17px;
    text-align: left;
    border: 0px solid #000000;
    width: 550px;
}

div.landingpagewrapper div.landingpagesubnavwrapper
{
    float:left;
    vertical-align:top;
    margin:0px;
    padding:0px;
}

div.landingpagesubnavwrapper div.subnavtopborder 
{
/*    background: url(Skins/_Shared_Resources/images/landing_page_curved_box_top.gif) no-repeat left top;
    height:10px;*/
}

div.landingpagesubnavwrapper div.subnavbottomborder 
{
/*    background: url(Skins/_Shared_Resources/images/landing_page_curved_box_bottom.gif) no-repeat left top;
    height:10px;*/
}

div.landingpagesubnavwrapper div.subnavlinkswrapper 
{
    background: url(Skins/_Shared_Resources/images/landing_page_curved_box_bg.gif) repeat-x left top;
    min-height:271px;
    border-left: solid 0px #d2d2d2;
    border-right: solid 0px #d2d2d2;
}

div.subnavlinkswrapper h3.subnavtitle 
{
    color:#616161;
    font-size:1.1em;
    padding:3px 5px 8px 18px;
    font-weight:bold;
}

div.subnavlinkswrapper .rootitem  
{	
    clear:both;
	padding-left:8px;
	margin:0px 5px 10px 10px;
	font-size: 0.8em;
	color:#00529c;
	font-weight:bold;
	white-space:normal;
	float:left;
	background: url(Skins/_Shared_Resources/images/subnav_bullet.gif) no-repeat left top;
}

div.subnavlinkswrapper img
{
    visibility:hidden;
    display:none;
}

div.subnavlinkswrapper .rootitem:hover
{  
	text-decoration:underline;
}

div.landingpagewrapper div.bottomcontent 
{
    clear:both;
}

/***   Style for the failed login div   ***/
DIV.div_loginfailed TABLE
{
    background: white;
    border: solid 1px black;
    padding: 5px 5px 5px 5px;
    width: 250px;
    
    clear: right;
    
    z-index: 2000;
    position: relative;
    /*top: 24px;
	NOTE:	changed to prevent message from covering "forgot..." links in login - [jph 10.29.2013]*/
	top: 60px;
    left: 11px;
}

DIV.div_loginfailed HR
{
    visibility: hidden;
    display: none;
}

/*
DIV.bodywrapper DIV
{
    background-color: Blue;
}
*/

.hide
{
    visibility: hidden;
    display: none;
}

.show
{
    visibility: visible;
}

.mainnavstyle
{
	float: left;
	width:90px;
}

/*
XTREME 2014 Tabs
}
*/

div.xtremeTabs { padding:0px; }
ul.xtremeTabsNavigation { margin:0 0px; padding:0; text-align:left; font-size:11px; }
ul.xtremeTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.xtremeTabsNavigation li a { border:0px; padding:0px 0px; background: #FFF;  text-decoration:none;  }
ul.xtremeTabsNavigation li a:hover { background-color:#FFF; }
ul.xtremeTabsNavigation li a.current { background:#fff;  border-bottom:0px solid #fff; color:#0076E0; }
div.xtremeTabsContent { border:0px solid #E0E0E0;  margin-top:0px; display:none; }
div.xtremeTabsContent.currentTab { display:block; }


/* Tools and Resources Message */
.alertmessage{background-color:#F1F6FA; padding:5px;border-radius:3px;margin-bottom:5px; font-weight:bold; border:solid 1px #00529C; vertical-align:middle; display:block;margin-bottom:10px; width:700px; }
.alertmessage div{display:table-row;}
.alertmessage img{ display:table-cell; width:35px; vertical-align:middle; margin:5px 3px 5px 3px;}
.alertmessage img:hover{margin:5px 3px 5px 0px;}
.alertmessage span{ display:table-cell; vertical-align:middle; padding-left:10px;}

/* Student Watch Key Findings */
#swtakeaways2015{
	padding-bottom:5px;
	font-size: 14px;
	}
#swtakeaways2015 h1{
	font-size: 18px;
}
hr.swdivider{
	border: 0;
	height:5px;
	background: #25408f;
	margin-top:25px;
	margin-bottom:25px;
}
.swnote{	
	margin-top:5px;
	margin-bottom:5px;
	}
.swcopyright{	
	text-align:left;
	color: #666666;
	margin-top:5px;
	margin-bottom:45px;	
	}
.swright {
    float: right;
    width: auto;
	margin-right:165px;
}
.swleft {
    overflow: hidden;
	margin-left:100px;
}	
.swbtnright {
    float: right;
    width: 200px;
	height:75px;
	margin-right:165px;


}
.swbtnleft {
	width: 200px;
	height:75px;
    overflow: hidden;
	margin-left:100px;


}