/* 
Title:		QLTE
Author: 	w3admin@usg.edu
*/

/* =Layout
-------------------------------------------------------------------------*/
body {
margin: 0 0 2em 0;
font: normal 1em verdana, arial, sans-serif;
font-size: 76%;
text-align: center;
background: url(/images/bg.jpg) top right repeat-x;
background-color: #e9e9e9;
}

#container {
margin: auto;
padding: 0;
width: 990px;
text-align: left;
background-color: #fff;
}

/* =Links
-------------------------------------------------------------------------*/
a {
color: #085696;
text-decoration: none;
}

a:hover {
color: #B70404;
text-decoration: underline;
}

/* =Headers
-------------------------------------------------------------------------*/
h2 {
font-size: 1.3em;
display: inline;
padding-left: 4px;
border-left: 6px solid #b70404;
}

h3 {
width: 100%;
font-size: 1.1em;
text-align: left;
margin-bottom: 1em;
margin-top: .3em;
}

/* =Form
-------------------------------------------------------------------------*/
form {
margin: 0;
padding-top: 2px;
margin-right: .3em;
text-align: right;
}

form select {
display: inline;
width: 250px;
}

/* =Tables
-------------------------------------------------------------------------*/
table {
margin-top: 25px;
margin-left:auto; 
margin-right:auto;
border: 1px solid #B2B1B1;
border-collapse:collapse;
padding: 0;
clear:both;
}

td {
border-right: 1px solid #B2B1B1;
border-bottom: 1px solid #B2B1B1;
font: normal .9em verdana, arial, sans-serif;
line-height: 1.2em;
padding: .25em;
}

th {
padding:0;
font: bold .85em verdana, arial, sans-serif;
text-align: center;
background-color: #e9e9e9;
border-bottom: 1px solid #B2B1B1;
}

/* =Header
-------------------------------------------------------------------------*/
#logo {
position: absolute;
margin: 15px 0 0 30px;
border: 0;
}

#header {
background: url(/images/bg-banner.jpg) top right no-repeat;
background-color: #E9E9E9;
height: 198px;
text-align: left;
color: #B70404;
clear: both;
}

p#title {
margin: 0;
width: 20em;
padding-top: 75px;;
padding-left: 32px;
font: bold 2.1em arial, sans-serif;
letter-spacing: .05em;
line-height: 1.1;
color: #B70404;
}

p#slogan {
margin: 0;
width: 29em;
padding-top: 11em;
padding-left: 32px;
font: italic 1.1em arial, sans-serif;
line-height: 1.2;
letter-spacing: .04em;
color: #333;
}

#dropdowns {
background: url(/images/dropdown-bg.jpg) top left no-repeat;
height: 26px;
background-color: #B70404;
clear: both;
}

.preformat {  
font-family: verdana; 
font-size: 11px;
}

/* =Lists
-------------------------------------------------------------------------*/
.resources li {
list-style: none;
line-height: 1.6em;
}

.partners li {
list-style: square;
list-style-image: url(/images/bullet.gif);
line-height: 1.6em;
}

.resources,.partners {
padding: 0;
margin-top: .25em;
margin-left: 1em;
}

.partners {
margin-left: 2em;
}

.resources ul,.partners ul {
margin: 0;
padding: 0;
}

/* =Navigation
-------------------------------------------------------------------------*/
#navcontainer {
float: left;
margin: 1em 0 0 0;
width: 200px;
text-align: left;
}

#navlist {
padding: 0 1px 1px;
margin-left: 1em;
font: bold 1em verdana, arial, sans-serif;
width: 15em;
}

#navlist ul {
 margin: 0;
 padding: 0;
}

#navlist li {
list-style: none;
margin: 0;
text-align: left;
}

#navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.50em;
border-left: .5em solid #D5D5D5;
color: #0a5696;
margin-bottom: .2em;
text-decoration: none;
}

#navlist li a:hover {
border-color: #B70404;
color: #000;
}

#navlist #active a {
border-color: #B70404;
color: #000;
}


#navlist #active .show li a {
display: block;
border:0;
margin-left: 20px;
padding: 0 0 .25em 0;
font: bold .85em verdana, arial, sans-serif;
color: #6EA5D2;
text-decoration: none;
}

#navlist #active .show li a:hover {
border-color: #B70404;
color: #000;
}

#navlist .hide {
display: none;
}

#navlist #active .show .subactive a {
color: #000;
}

#navlist .show .greaterThan {
color: #b70404; 
font-weight: bold; 
font-size: 1em;
}

/* =Content
-------------------------------------------------------------------------*/
#content {
float: left;
margin: 0;
padding: 2em 0 2em 0;
line-height: 1.5em;
width: 775px;
background-color: #fff;
text-align: left;
}

.centerme {
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
}

.centerme p {
font-weight: bold;
padding-bottom: 1em;
text-align: left;
}

.centerme img {
text-align: center;
}

.centerme a {
text-decoration: underline;
}

.centerme a:hover {
text-decoration: none;
color: #085696;
}

/* Floats for all domains Questions */
.floatleft {
margin: 0;
padding-left: 20px;
float: left;
width: 250px;
text-align: center;
}

.floatright {
margin: 20px 0 10px 0;
padding: 1em;
float: right;
/*width: 150px;*/
width: 400px;
text-align: left;
border-left: 1px solid #ccc;
}

.floatright a {
font: normal .9em verdana, arial, sans-serif;
text-decoration: underline;
line-height: 1.2em;
}

.floatright a:hover {
text-decoration: none;
color: #085696;
}

.floatright p {
margin:0;
padding:0;
margin-bottom: 1em;
}
/* end Floats */

/* Floats for District Report */
.floatleft2 {
margin: 2em 0 3em 0;
padding: 0 0 0 0;
float: left;
width: 365px;
}

.floatright2 {
margin: 2em 0 3em 0;
padding: 0 0 0 20px;
float: right;
width: 365px;
border-left: 1px solid #b2b1b1;
}

.floatleft2 img, .floatright2 img {
margin-left: 55px;
}

.questionbox {
margin: 0;
padding: 0 5px;
line-height: 1.2em;
height: 90px;
}
/* end Floats */

/* Floats for Time - Extra Question */
.floatleft3 {
margin: 0 0 0 0;
padding: 0 0 0 30px;
float: left;
width: 250px;
}

.floatright3 {
margin: 0 0 0 0;
padding: 35px 0 0 15px;
float: left;
width: 410px;
}

.textleft {
padding-top: 1em;
font-weight: bold;
text-align: left;
}

.textleft_line {
border-top: 1px solid #b2b1b1;
font-weight: bold;
padding-top: 1em;
text-align: left;
}

.textleft_line ol {
font-weight: normal;
}
/* End Floats */

#download {
width: 130px;
margin: 4em 2em 2em 2em;
padding: .15em .15em .50em .15em;
text-align: center;
font: normal .85em verdana, arial, sans-serif;
background-color: #e9e9e9;
}

#download img {
margin-top: .5em;
}


#printReport p {
font: normal .95em verdana, arial, sans-serif;
margin-top: .3em;
}

/* divs for links on Reports page */


#containlinks {
float: left;
width: 524px;
margin-top: 20px;
margin-left: 14px;
clear: both;
}



#domainlinks {
margin:0;
padding:0;
float:left;
width: 765px;
}

#domainlinks li {
display:inline;
padding:0;
margin:0;
}

#domainlinks a:link,
#domainlinks a:visited {
color:#085696;
background:#8AB8DE;
padding:5px 28px;
font: normal .85em verdana, arial, sans-serif;
float:left;
width:auto;
border-left: 1px solid #fff;
}

#domainlinks a:hover {
color:#8AB8DE;
background: #085696;
text-decoration: none;
}

/* End thumbs*/


#footer {
margin-top: 2em;
padding: 1em 0 2em 0;
border-top: 1px solid #B70404;
font: normal .85em verdana, arial, sans-serif;
text-align: center;
clear: both;
}

#footer img {
border: 0;
}

/*
#current_question {
font-weight: bold;
color: #B70404;
text-decoration: none;
}
*/

span.current_question {
font-weight: bold;
color: #B70404;
text-decoration: none;
line-height: 1em;
}

.greaterThan2 {
color: #b70404; 
font-weight: bold; 
font-size: 1.5em;
}

/* =SubNav
-------------------------------------------------------------------------*/
ul.subnav {
background: #085696;
font-size: 1em;
font-weight: bold;
list-style-type:none;
overflow: hidden;
margin: 0;
padding: .1em;
}
	
ul.subnav li {
display: inline;
padding: 0 5px;
margin: 0;
}

ul.subnav li a {
/*color: #6ea5d2;*/
color: #eeeeee;
font-weight: bold;
text-decoration: underline;
margin: 0;
padding: 0;
white-space: nowrap;
}

ul.subnav li a:hover {
color: #fff;
text-decoration: none;
}

ul.subnav li.active {
color: #fff;
text-decoration: none;
font-style: italic;
}

/*\*//*/
#containlinks {
width: 480px;
margin-left: 35px;
}

#mac-ie-hack {
padding-top: .1em;
clear: both;
}
/**/

div#schoolName{
	width: 40em;
	display: inline;
	float: left;
	margin-left: 2em;
	padding-left: .5em;
	padding-top: 1em;
	clear: both;
}
div#schoolNameCount{
	width: 4em;
	display: inline;
	float: left;
}

/* =Contact Page
-------------------------------------------------------------------------*/
fieldset { 
	border:0; 
}
    
form#myform { 
	padding-top: 1.5em; 
	width: 550px;
}
        
form#myform div { 
	clear: both; 
	padding: 1em 0 0 0; 
}
        
label { 
	float: left; 
	width: 25%; 
	text-align: right; 
	font-weight: bold;
}

input,textarea { 
	float: right; 
	width: 70%; 
	text-align: left; 
	border: 1px solid #999;
	padding: 2px;
	font-family: verdana, helvetica;
	font-size: 12px;
}
        
textarea { 
	height: 10em; 
}
        
#mySubmit {  
	width: 150px; 
	text-align: center; 
	font-weight: bold;
	border: 1px solid #000;
}

.small_red{
	font-size:.95em;  
	line-height:1em; 
	color:#B70404;

}

p.redtext{
 color: #C00;
}

.chart {
/*border: 1px solid #000;*/
padding: 5px;

}

.chartLabel {
margin-bottom: 10px;
font-size: 1.2em;
font-weight:bold;
padding: 3px 50px 3px 50px;
background: #eeeeee;
}

#containsummaries {
float: left;
}

a.graph-toggle {
font: normal .9em verdana, arial, sans-serif;
text-decoration: underline;
}

.graph-toggle:hover {
color: #085696;
text-decoration: none;
}

.floatme {
width: 260px;
float: left;
}

.clearme {
float: left;
padding: 1em;
width: 100%;
clear: left;
}

.floatimage {
float: right;
margin: 0 0 1em 1em;
width: 191px;
text-align: center;
font-size: .9em;
line-height: 1em;
}

.floatimage img {
border: 1px solid #000;
}

.newsmedia {
padding-bottom: 20px;
}

.newsmedia h3 {
border-bottom: 2px solid #aaa;
}

/* Tabber
================================================*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #333;
 font: bold 12px arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}


ul.tabbernav li a
{
 padding: 3px 1em;
 margin-left: 3px;
 border: 1px solid #333;
 border-bottom: none;
 background: #b1b1b1;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #ccc;
 border-color: #333;
}

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #fff;
 border-bottom: 1px solid #fff;
}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 background: #fff;
 padding:5px 20px;
 border:1px solid #333;
 border-top:0;
 overflow: hidden;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}