/*----------------------------------------------------------------------------------------------------
INFORMATION
These stylesheets are imported to control much of the layout and formatting of the SchoolOne LMS. These are seperate 
from the individual themes because they transcend themes--it is how the application will look "across
the board".
-----------------------------------------------------------------------------------------------------*/
/*---------- Reset all margins and padding for uniformity ----------*/
@import url("../reset.css");
@import url("../typography.css");
@import url("../forms.css");
@import url("../login.css");
@import url("../static.css");
@import url("../layout.css");
@import url("../hacks.css");
@import url("../modal.css");
@import url("../calendar.css");
@import url("../navigation.css");
@import url("../tables.css");
@import url("../welcome.css");
body
{
	background-color: #FFF;
}
body.login
{
	/*background-color:#E49200;*/
	background-image: url(Images/bg.gif);
}
#wrap
{
	background: #FFFFFF url(Images/content_bottom.png) left bottom repeat-x scroll;
}
html > body #wrap
{
	background: #FFFFFF url(Images/content_bottom.png) left bottom repeat-x scroll;
}
#header
{
	background: #000088 url(Images/background.jpg) left top repeat-x scroll;
}
/*----- PRIMARY_NAVIGATION: These styles control how the primary navigation is laid out. -----*/
div.primary_menu
{
	background: transparent url(Images/separator.png) left bottom repeat-x scroll;
}
/*---------- DEFAULT MENU STYLES ----------*/
.primary_menu li a:link, .primary_menu li a:visited
{
	background: transparent url(Images/menu_normal_join.png) right top no-repeat;
}
.primary_menu li.first a span
{
	background: transparent url(Images/menu_left_start.png) left top no-repeat;
}
.primary_menu li.AspNet-Menu-Leaf-first a span
{
	background: transparent url(Images/menu_left_start.png) left top no-repeat !important;
}
.primary_menu li.last a
{
	background: transparent url(Images/menu_right_end.png) 105% top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Leaf-last a
{
	background: transparent url(Images/menu_right_end.png) 105% top no-repeat !important;
}
/*---------- SELECTED MENU STYLES ----------*/
.primary_menu li.AspNet-Menu-Selected > a
{
	background: transparent url(Images/menu_selected_right.png) right top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Selected > a > span
{
	background: transparent url(Images/menu_selected_left.png) -252px top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Selected.AspNet-Menu-Leaf-first > a, .primary_menu li.AspNet-Menu-Selected.AspNet-Menu-Leaf-first > a:hover
{
	background: transparent url(Images/menu_selected_right.png) right top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Selected.first > a > span
{
	background: transparent url(Images/menu_left_start_selected.png) left top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Leaf-first.AspNet-Menu-Selected > a > span, .primary_menu li.AspNet-Menu-Leaf-first.AspNet-Menu-Selected > a:hover > span
{
	background: transparent url(Images/menu_left_start_selected.png) left top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Selected.last > a
{
	background: transparent url(Images/menu_right_end_selected.png) 105% top no-repeat !important;
}
.primary_menu li.AspNet-Menu-Selected.last > a
{
	background: transparent url(Images/menu_right_end_selected.png) right top no-repeat !important;
}
/*----- SIDENAV: These styles control the sidebar navigation -----*/
/*----- SIDENAV: These styles control the sidebar navigation -----*/
div.AspNet-TreeView
{
	background: #FFFFFF url(Images/sidenav_ul_top.gif) left top no-repeat scroll;
	font-size: 1.08em;
}
#ctl00_secondary_nav ul#ctl00_tvLeftNavigation_UL
{
	background: #000088 url(Images/sidenav_ul_bottom.gif) left bottom no-repeat scroll !important;
	color: #EEE; 
}
#ctl00_secondary_nav ul#ctl00_tvLeftNavigation_UL li:hover
{
	cursor: pointer;
}
/* left nave root menu text color */
#ctl00_secondary_nav li a
{
	color: #FFFFFF;
}
/* left nave root menu text color on hover */
#ctl00_secondary_nav li:hover a, #ctl00_secondary_nav a:hover
{
	color: #FFF !important;
}
.AspNet-TreeView-Collapse
{
	position: static;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 0em 0em 1em 0em;
	padding: 4px 8px;
	background: transparent url("Images/collapse.gif") 50% 50% no-repeat scroll;
	cursor: pointer;
}
.AspNet-TreeView-Expand
{
	position: static;
	left: 0;
	width: 12px;
	height: 16px;
	margin: .2em 0em 1em 0em;
	padding: 4px 8px;
	background: transparent url("Images/expand.gif") 50% 50% no-repeat scroll;
	background-repeat: no-repeat !important;
	cursor: pointer;
}
li.AspNet-TreeView-Root
{
	margin-top: -1px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
li.AspNet-TreeView-Root:hover
{
	/* hover background on left nave menu*/
	background-color: #6699ff;
}
li.AspNet-TreeView-Root ul
{
	margin-bottom: -1px;
	padding-bottom: 0;
}
ul li.AspNet-TreeView-Leaf a
{
	position: static;
	padding-left: 2.2em !important; /* left nave expanded menu item font text color */
	color: #FFF !important;
}
ul li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected a
{
	background: transparent url("Images/active.gif") .5em .2em no-repeat scroll;
	padding: 4px 0 4px 3.2em;
}
ul li.AspNet-TreeView-Parent span
{
	position: static;
	margin-left: 1.8em !important;
}
ul li.AspNet-TreeView-Root ul
{
	background-color: #0066CC;
	border-bottom: 1px solid #333;
}
ul li.AspNet-TreeView-Root ul li
{
	border-top: 1px solid #333;
}
ul li.AspNet-TreeView-Root ul li:hover
{
	/* leaf hover background */
	background-color: #66CCff;
}
ul li.AspNet-TreeView-Parent li.AspNet-TreeView-Leaf a
{
	position: static;
	padding-left: 4.0em !important;
}
ul li.AspNet-TreeView-Parent li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected a
{
	background: transparent url("Images/active.gif") 2.2em .2em no-repeat scroll;
	padding: 4px 0 4px 3.2em;
}
ul li ul li.AspNet-TreeView-Parent span
{
	position: static;
	margin-left: 1.7em !important;
}
ul li ul li.AspNet-TreeView-Parent ul
{
	background-color: #3399FF !important;
}
ul li ul li.AspNet-TreeView-Parent ul li:hover
{
	background-color: #66CCff;
}
/*---------- LOGIN STYLES: These styles control how the login screen looks. -----------*/
body.login #login_wrap
{
	background: #000088 url(Images/background.jpg) left top repeat-x scroll;
}
body.login #login_main
{
	background: transparent url(Images/login_top.png) left top no-repeat scroll;
}
legend, h1, h2, h3, h4, h5, h6, .full-name, .date-stamp, .calendar .title, .welcome-calendar .title
{
	color: #42B649;
}
body.login div#login_main div#login_content
{
	background: #FFFFFF url(Images/login_bottom.png) left bottom no-repeat scroll;
}
body.login div#login
{
	background: transparent url(Images/login_middle.png) left top repeat-y scroll;
}
/*----------  CALENDAR: These styles control the colors in the calendar control ----------*/
.calendar
{
	background-color: #FFF !important;
}
.nextprev a
{
	color: #333 !important;
	font-weight: bold;
	font-size: 1.25em;
}
.nextprev a:hover
{
}
.calendar .weekend
{
	background-color: #CCFFCC !important;
}
.calendar .weekend a
{
	color: #333 !important;
}
.calendar .othermonth
{
	background-color: #DDD !important;
}
.welcome .calendar td.today a
{
	color: #42B649 !important;
}
/*---------- BUTTON: Button Styles ----------*/
.button_next, .button
{
	padding: .2ex .2em;
	float: none;
	display: -moz-inline-box;
	display: inline-block;
	border: 1px ridge #666;
	outline: 1px solid #aaa;
	width: auto;
	outline: #EEE solid 1px !important;
	background: #999 url("Images/btn-active.gif") left top repeat-x scroll !important;
	color: #555;
	font: bold 1em/1 Arial, Helvetica, "Trebuchet MS" , sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	outline-style: none !important;
	text-align: center;
	text-decoration: none;
	margin: 0 1em 0 0;
	vertical-align: middle !important;
}
.button:hover
{
	border: 1px solid #333;
	color: #000;
}
.button[disabled="disabled"]
{
	background: #999 url("Images/btn-disabled.gif") left top repeat-x scroll;
}
input:focus.button, input:focus.button_next
{
	color: #000;
	border-top-color: #AAA;
	border-left-color: #AAA;
	outline: 1px solid #CCC;
}
li.non-input a.button
{
	display: inline;
	padding: .1ex .25em;
	margin: .25ex .5em;
	text-decoration: none;
	border-style: double;
	border-color: #666666;
	background: #CCCCCC url(Images/button_bg.png) left top repeat-x scroll;
	color: #000000;
	font-weight: bold;
	letter-spacing: .05em;
}
li.non-input a.button:hover
{
	border-color: #444444;
}
.bottom_buttons, #bottom_buttons
{
	display: block;
	width: 50% !important;
	margin: 0 0 4ex 0;
	padding: 1ex 0;
	clear: both !important;
	text-align: left;
}
.back.button, .back, .home.button, .home, .next.button, .next
{
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 1em !important;
}