@import "screen.base.default.css";

/**
* Default UI Styles
*/

/**
* Some basic page elements
*/

body
{
	background-color: #e2e8ca;
	margin: 0;
	padding: 0;
	/*-moz-user-select: none;
	user-select: none;*/
}

/* Make some elements unselectable */
table
{
	/*-moz-user-select: none;
	user-select: none;*/
}

a:link, a:visited
{
	color: #0000CC;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #FF0000;
}

h1
{
	font-size: 1.6em;
	color: #7213BF;
	margin: 0 0 0.2em 0;
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.2em;
	margin-bottom: 0.2em;
}


.clearer
{
	clear: left;
}

/**
* Info Bar Styles
*/



#info_bar
{
	background: #000000 url("../images/top_bar_background.png") repeat-x top left;
	color: #ffffff;
	padding: 2px 0 2px 0;
	position: relative;
}

#info_bar_elements
{
	width: 90%;
	margin: 0 auto 0 auto;
}

#info_bar_elements div
{
	display: inline;
}

#info_bar_elements .username
{
	font-weight: bold;
}

#info_bar_welcome
{
	float:left;
	margin-left: 40px;
	width: 40%;
}

#info_bar_help
{
	float:right;
	font-weight: bold;
}

#info_bar_homeroom
{
	float:right;
	margin-right: 50px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

#info_bar_homeroom ul
{
	margin: 0px 0px 0px 0px;
}

#info_bar_homeroom ul li
{
	display: block;
	float: left;
	margin: 0px 10px;
}

#info_bar a:link, #info_bar a:visited
{
	color: #CCCCFF;
}

#info_bar a:hover, #info_bar a:active
{
	color: #FF0000;
}

/**
* Page Styles - Main Page container
*/

#main_page div.lb div.rt div.lt
{
	background: transparent url("../images/bg_left_top.png") no-repeat top left; /*#f9ffde;*/
}

#main_page div.lb div.rt
{
	background: transparent url("../images/bg_right_top.png") no-repeat top right;
	padding: 0;
}

#main_page div.lb
{
	padding: 0;
	background: transparent url("../images/bg_left.png") repeat-y top left;
}

#main_page
{
	width: 98%;
	margin: 5px auto 0 auto;
	background: transparent url("../images/bg_right.png") repeat-y top right;
	padding: 0;
}


/**
* Tabs and Tab Bar
*/
#tab_bar
{
	margin:0px 15px 0px 15px;
	padding: 0;
}

#tab_bar_subitems
{
	background-color: #cfd9a6;
	border: 1px solid #4a4a4a;
	margin:0;
	padding:5px 10px;
	clear: both;
}

ul#terms
{
	display: block;
	float: left;
	margin: 0;
}

ul#homerooms
{
	display: block;
	float: right;
	margin: 0;
}

#tab_bar_subitems  li
{
	display: block;
	float:left;
	margin: 0px 20px 0px 0px;
	padding: 1px 10px 1px 10px;
}

#tab_bar_subitems li.selected
{
	background-color: #f9ffde;
}

.tab_wrapper
{
	position: relative;
	margin:0;
	padding:0;
}

.tab
{
	position: relative;
	display:block;
	float:left;
	background: transparent url("../images/tab_right.png") no-repeat right 1px;
	margin-right: 5px;
}

.tab span
{
	display: block;
	padding: 4px 10px 3px 10px;
	background: transparent url("../images/tab_left.png") no-repeat left 1px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	vertical-align: bottom;
}

.tab span img
{
	vertical-align: bottom;
}

.tab.right
{
	float: right;
	margin-right: 0px;
	margin-left: 5px;
}

.tab.selected
{
	background-position: right -150px;
	position: relative;
	top: 1px;
}

.tab.selected span
{
	background-position: left -150px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 4px;
}

.tab a:link, .tab a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.tab a:hover, .tab a:active
{
	color: #000000;
	text-decoration: none;
}

.tab.selected a:link, .tab.selected a:visited
{
	color: #000000;
	text-decoration: none;
}

/**
* Content - Main Content block
*/


#content
{
	margin: 0 15px;
	padding: 10px;
	background-color: #f9ffde;
	border: 1px solid #858585;
	border-top: 0;
	position:relative;
	clear: both;
}


/**
* Forms
*/

fieldset
{
	border: 0;
}

legend
{
	font-size: 1.4em;
}

input
{
	/*-moz-user-select: normal;
	user-select: text;*/
}

/**
* Errors and Warnings
*/

div.warningBox
{
    padding: 5px;
    background-color:#FFFF99;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px auto;
    padding: 10px;
    width: 400px;    
}

div.warningBox h2
{
    font-size: 1.4em;
    margin-top: 0;
}

div.warningBox div.buttons
{
	text-align: center;
}

div.error
{
	background-color: #ff9999;
	text-align: center;
}

img
{
	vertical-align: bottom;
	margin: 0 2px 0 0;
}

/* === Status boxes ========================================== */
.status
{
	padding: 5px;
	background-color:#FFFF99;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0;
}

/* === DIALOG WINDOWS ========================================= */
.dojoDialog {
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 10px;
}

div.dojoFloatingPane
{
	/*-moz-user-select: none;
	user-select: none;*/
}