/* ------------ 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;
}

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

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

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

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

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;
}

/* 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: 0; 
	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;
}

/* 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 2px #d2d2d2;
    border-right: solid 2px #d2d2d2;
}

div.subnavlinkswrapper h3.subnavtitle 
{
    color:#616161;
    font-size:1.1em;
    padding:0px 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;
    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;
}