/* ------------ 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/NACSFoundation/Containers/.....)
5. portal.css (Styles that must always override any other styles, found at: /Portals/NACSFoundation/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");

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

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

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

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

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

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

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

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

.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-bottom:10px;
}


/* 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.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 div.foundationbanner
{
	background-image:url(Skins/_Shared_Resources/images/foundation_header.jpg);
	width:975px;
	height:133px;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}


div.foundationbanner div.foundationbannerleft 
{
    width:700px;
    height:60px;
    float:left;
    cursor:pointer;
}

div.foundationbanner div.foundationbannerbottom 
{
    width:975px;
    height:73px;
    margin:0px 0px 0px -5px;
    padding:0px;
    cursor:pointer;
}

div.foundationbanner div.foundationsearch
{
	padding:5px;
	cursor:default;
}

div.foundationbanner div.foundationsearch div.foundationadvancedsearch
{
    text-align:right;
    padding-top: 2px;
}

div.foundationbanner div.foundationsearch div.foundationadvancedsearch a 
{
    color:White;
}

div.foundationbanner div.foundationsearch div.foundationadvancedsearch a:hover
{
    text-decoration:underline;
}

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

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 
{
	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 div
{
	margin-top:5px;
}

div.headerwrapper div.loginlinks 
{
	font-size:0.8em;
	float:left;
}

div.headerwrapper div.loginlinks p
{
	margin: 3px 0px 0px 3px;
	padding:0px;
}
*/
/* search controls */

div.headerwrapper div.quicksearch
{
	float:right;
	margin-top:2px;
	background-color:#005288;
}

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

/* body and main Nav */
div.bodywrapper div.mainnavwrapper
{
	float:left;
	margin:0px 40px 20px 0px;
	width:135px;
	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: 13px 5px 10px 10px;
	border-bottom:solid 1px #d7b087;
	font-size: 0.8em;
	color:#00529c;
	font-weight:bold;
	white-space:normal;
	float:left;
	width:135px;
	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: 13px 5px 10px 10px;
	border-bottom:solid 1px #d7b087;
	font-size: 0.8em;
	color:#00529c;
	white-space:normal;
	float:left;
	width:135px;
	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;
}

div.mainnavwrapper .main_dnnmenu_submenu td
{
	background-color:#f5f8fb;
	z-index: 1000;
	text-align:left;
	padding: 5px 5px 5px 5px;
	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;
}

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

/* Body Content block-level element selectors */
div.bodywrapper div.bodycontentandfooterwrapper 
{
	float:left;
	width:789px;
	margin:0px 10px 20px 0px;
}

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:7px;
	margin-bottom:40px;
	min-height:300px;
}

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

div.footerwrapper div.bottomnav 
{
	margin-top:20px;
	width:800px;	
	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:10px;
	padding-right:30px;
	padding-bottom:15px;
	font-weight:normal;
	clear:both;
	color:#000000;
}

/* User messages (e.g. when a form cannot be submitted) */

div.UserMessageWrapper p.MessageInformation 
{
    color:Black;
}

div.UserMessageWrapper p.MessageWarning 
{
    color:Blue;
}

div.UserMessageWrapper p.MessageError 
{
    color:Red;
}

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

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

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

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

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

div.onlinecoursewrapper div.coursetitle
{
	float:left;
	margin-top:30px;
	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;
}

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

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

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