/* Global styles */
html, body {
	height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif; 
}

h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.h3 {
	font-size: larger;
	font-weight: bold;
}

h1 {
	font-size: large;
}

img {
	border:0 none;
}
.standard li {
	font-size: .9em;
}

#home_page img {
	margin: 5px 5px 5px 5px
}

#home_page h3 {
	color: #9EC8DD;
}

#home_page h2 {
	color: #9EC8DD;
}

#home_page div#school_info {
	float: left;
	background-color: #E6F2FF;
	border:1px solid #C5DBF7;
	width: 97%;
	padding: 5px;
}
/* header items */

#schoolname {
	border:none;
	float:left;
	font-size:30px;
	font-weight:bold;
	height:55px;
	line-height:20px;
	margin:5px 10px 14px 5px;
	padding:4px;
	text-align:left;
	width:474px;

}

#schoollogo {
	border:none;
	float:left;
	height:82px;
	margin:0px 10px 0px 5px;
	padding:0px;
	width:520px;

}

#schoollogo img {
	float: left;
	margin: 0 5px 0 0; 
}

#schoollogo div {
	float: left;
	font-size:30px;
	padding: 15px 0 0 15px;
	height: 82px;
	width: 374px;
	line-height: 30px;
}

#top-logo {
	height: 75px;
	float: left;
	
}

#top-logo {
	height: 75px;
	float: left;
	
}

#top-logo-right {
	float: right;
	margin:2px 0 0 0;
}

#top-logo-right-home {
    float: right;
	margin:40px 5px 0 0;
}

#top_right_menu {
	float: right;
	width: 250px;
	text-align: right;
	padding: 0 10px 0 0;
	line-height: 1em;
}

#search-box {
	float: right;
	margin-top: 10px;
	font-size: 1em;
}

#tagline {
	float: right;
	padding: 4px 10px 0 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	
}

a#uservoice-feedback-tab {
	background:url("../images/feedback_tab.png") no-repeat scroll -2px 50% #1B97F2;
	border-color:#1B97F2 #1B97F2 #1B97F2 -moz-use-text-color;
	border-style:outset outset outset none;
	border-width:1px 1px 1px medium;
	display:block;
	height:90px;
	left:0;
	margin-top:-45px;
	position:fixed;
	top:40%;
	width:25px;
	z-index:100001;
}

a#uservoice-feedback_tab hover {
	background-color:#0066CC;
	border-color:#0066CC #0066CC #0066CC -moz-use-text-color;
	cursor: pointer;
}

/* header items */

div#header {
	height: 105px;
	width: 100%;
}

#middle_box, #top_box_middle, #footer_box_middle {
	width: 824px;
	margin-left: auto;
	margin-right: auto;
}

#footer_box {
	background: white;
	border-top: 3px solid #95AA4C;
	position: relative;
	margin-top: -80px;
	height: 75px;
	padding: 0 0 100px 0
}

#top_box_middle {
    height: 105px;
	line-height: 0;
	padding: 0 5px 0 5px;
}

#top_rounded_corners {
	font-size: 0;
}

#privacy_policy h2 {
	font-size: 18px;
}

#top_box h1 {
    height: 14px;
}

div#header {
	position: relative;
	min-height: 100%;	
}

#main_box {
	/* width: 100%; */
	/*background: #114B79 url('../images/highlight_blue.gif') repeat-x scroll 0 0; */
  	height:auto !important;
  	min-height:100%;
	position:relative;	
	height: 100%;
}

* html #non_footer {
	height: 100%
}

#non_footer {
	position: relative;
	min-height:100%;
  	height:auto !important;
  	height:100%;	
}

#middle_box {
	padding: 0 0 200px 0;
	background: white url('../images/main_bkgrd.jpg') 0 0;	
	background-color: white;
	min-height:100%;
  	height:auto !important;
  	height:100%;
	position:relative;		
}

#middle_box_container {
	padding: 10px 10px 10px 10px;
	min-height:100%;
  	height:auto !important;
  	height:100%;
	margin: 0 0 10px 0;
}

#middle_box_container #classroom_show #classroom div {
	vertical-align: baseline;
}

#login_form {
	margin: 40px 0 0 30%;
	width: 50%;
	font-size:larger;
	line-height: 1.7em;
}

#login_form p {
	font-size: inherit;
	line-height: inherit;
}

#home_page {
	height: 100%;
}

#bottom_logo {
	clear:left;
	float: left;
	margin: 5px 0 0 0;
}

#school_year {
	height: 20px;
}


.half_box {
	float: left;
	width: 48%;
}

.full_box {
	float: left;
	width: 100%;
}

.two_thirds_box {
	float: left;
	width: 65%;
}

.one_third_box {
	float: left;
	width: 32%;
}


.half_box .show_label {
	text-align: left;
}

.float_right {
	float: right;
}

.right_margin {
	margin: 0 8px 0 0;
}

.float_left {
	float: left;
}

.small-padding {
	padding: 5px 5px 5px 5px;
}

.left_margin {
	margin-left: 15px;
}

.small-text {
	font-size: .75em;
	vertical-align: baseline;
	line-height: 1.2em;
}

.very-small-text {
	font-size: .5em;
}

.thin-border {
	border-style:solid;
	border-width: 1px;
	border-color: #9EC8DD;
}

.white-background {
	background-color: white;
}

.medium-width {
	width:350px;
}

table .odd {
	background-color: #9EC8DD;
}

table .even {
	background-color: #CBE7F5;
}

table#classroom_list .odd {
	background-color: #CCCCCC;
}

table#classroom_list .even {
	background-color: #FFFFFF;
}

table#classroom_list tr {
	text-align: center;
}

.spacer_small {
	clear: left;
	height: 10px;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.clear_all {
	clear: both;
}


.bottom-margin {
	margin-bottom: 15px;
}

.listing th{
	font-size: 14px;
	text-align: left;
	width: 40px;
}

.listing td{
	font-size: 12px;
	width: 400px;
}


.welcome_message {
	font-size: 1.3em;
}
.wide_listing td{
	font-size: 12px;
	width: 600px;
}

td.action_link_cells{
	width: 20px;
} 

/* table layouts */
#student-list table {
    border-color: black;
    font-size: small;
}

#student-list table tr td {
    padding: 5px;
    vertical-align: top;
}

#header th {
    font-size: smaller;
	text-align: left;
	line-height: 10px;
}

.table_listing table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	font-size: 1em;
	
}

.table_listing td {
	border-bottom: 1px solid #6FA9C7;
	border-left: 1px solid #6FA9C7;
}

.table_listing td.end_cell {
	border-right: 1px solid #6FA9C7;
}

.table_listing td.top_cell {
	border-top: 1px solid #6FA9C7;
}

.table_listing th {
	border-bottom: 1px solid #6FA9C7;
}

/* form attributes */
.show_label {
    display: block;
    width: 100px;
    float: left;
    text-align: right;
    font-weight: bold;
    margin-right: 10px
}


.show_field {
    display: block;
    width: 200px;
    float: left;
}

.show_value div {
	clear: both;
    float: left;
	width: 100%;
}

.show {
	float: left;
	clear: both;
	text-align: left;
	margin-top: 15px;
	width: 100%
}

.show div {
	float: left;
}

.show div.show_label {
	float: left;
	clear: both;
}

.show div.show_value {
	float:left;
}

fieldset {
	width: 97%;
}

fieldset div {
	float: left;
	clear: both;
}

fieldset div div {
	float: left;
	clear: none;
	margin-right: 10px;
}

fieldset input, select {
	font-size: .9em;
}

#classroom {
    width: 100%;
	margin: 0 0 0 0;
}

#classroom div {
    float: left;
    margin-right: 40px;
}

#classroom_show {
    margin: 0 0 20px 0; 
	
}

#student_classroom_list {
	clear: left;
}

#families-list {
	float: left;
}


#messages {
	float: right;
	width: 49%;
}

/* Styles for the promote pages */

#promote_buttons {
	width: 340px;
	margin: 100px 0 0 0;
}

#promote_previous_form {
	float: left;
}

#promote_next_form {
	float: right;
}

#previous_year_students table {
  margin: 0 0 0 150px;
}