body {
	font-family: sans-serif;
	font-size: .9em;
}
a,a:visited {
        color: blue;
        text-decoration: none;
	font-face:bold;
}

a:hover {
        background: lightyellow;
}


.headertext {
	font-size: 1.2em;
}

.box {
	padding: 6px 9px 8px 9px;
	margin-bottom: 10px;
}

.box.blue { background: top left repeat-x url(../images/bar_blue.gif) #dae3ec; border-bottom: 1px solid #578dc7; }
.box.green { background: top left repeat-x url(../images/bar_green.gif) #e1ecda; border-bottom: 1px solid #81c757; }
.box.green a, a.visited {color: #117700}
.box.red { background: top left repeat-x url(../images/bar_red.gif) #ecdada; border-bottom: 1px solid #c76867; }
.box.grey { background: top left repeat-x url(../images/bar_grey.gif) #e5e5e5; border-bottom: 1px solid #999; }

.box H3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 13px;
	color: #fff;
	display: block;
}

.box.bar { padding-bottom: 0px; height: 22px }
.box.bar H3 { margin-bottom: 5px; padding-bottom: 0px; }



.roleselect {
	float:left;
	margin: 2em;
}

.roleselect .rsheader {
	font-size: 2em;
}

.roleselect .rsheader-selected {
        font-size: 2em;
	background: lightgreen;
}


input {
	font-size: 1.1em;
}

.generalerror {
	background: pink;
}


#welcomeheader {
	background: lightblue;
	border-top: 1px solid darkblue;
	border-bottom: 1px solid darkblue;

	padding: .5em;
	margin-bottom: .5em;

}

label { position: absolute; text-align:right; width:140px; }
select, input, textarea { margin-left: 160px; }
label.check, label.radio { position:relative; text-align:left; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#personal-info {
width: 40%;
float: left;
}

#schools-registered, #judges-registered, #school-info, #school-judge-info {
width: 40%;
float: left;
margin-left: 30px;
}

#main {
	clear:both;
}

.sbbrowsebox a {
	color: black;
}

.sbbrowsebox ul li a {
	width: 100%;
	display:block;
}

.sbbrowsebox a:hover {
	background: none;
}

.sbbrowsepart {
 float: left;
 padding: .5em;
 width: 27em;
}

.sbbrowsepart-school {

}

.sbbrowsepart-dist {
 float: left;
 padding: .5em;
 width: 17em;
}

.sbbrowsepart-school {
 float: left;
 padding: .5em;
 width: 27em;
}

.sbbrowsebox {
 border: 1px solid black;

 height: 15em;
 margin-top: 0;
 font-family: "myriad", arial, helvetica, sans-serif;
 font-size: .9em;
 overflow: auto;
}

.sbbrowsebox ul {
        margin: 0;
        padding: 0;
}

.sbbrowsebox li {
        list-style-type: none;
}

.loading {
        background: url(/images/wait.gif) bottom right no-repeat;
}

.sbbrowsebox li.selected{
        background: url('/images/list-selected.png');
}

.sbbrowsebox li.selected a {
        color: white;
        font-weight: bold;
        text-decoration: none;
}

.infobox {
	border: 1px solid #003893;
	background-color: #9BC4E2;
	margin: 1em;
	padding: 1em;
	width: 50%;
}

.infobox .infochange a {
	color: black;
	visited: black;	
}

#student_popup {
z-index: 99999;
position: absolute;
top: 20em;
left: 5em;
width: 50em;
background: white;
border: 1px solid #003893;
}

#student_popup .infobox {
width: 45em;
}

.rsexplain ul {
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;

}

#gradebrowser {
 float: left;
 width: 5em;
 margin: .5em
}

#catbrowser {
 float: left;
 width: 19em;
 margin: .5em
}

#projectbrowser {
 float: left;
 width: 40em;
 margin: .5em
}

.rowpos {
	background: #bdffe7;
	border-top: 1px solid #dbfaef;
	border-left: 1px solid #dbfaef;
	border-right: 1px solid #a1e1ca;
	border-bottom: 1px solid #a1e1ca;
	margin: .25em;
}

#row-listing li {
	list-style-type: none;	
	padding: 0;
}

ul#row-listing {
	margin: 0;
	padding: 0;
}

table.result tr {
	border-bottom: 1px solid black;
}

td.result-White{
	font-weight: bold;
} 

tr.result-Blue {
	background: #dae3ec;
} 


td.result-Blue {
	color: blue;
	font-weight: bold;
} 


tr.result-Green {
	background: #e1ecda;
} 

td.result-Green {
	color: green;
	font-weight: bold
} 

tr.result-Red {
	background: #ecdada;
} 

td.result-Red{
	color: red;
	font-weight: bold;
} 
table.result {
	border-collapse: collapse;
	font-size: 10pt;
}
table.result th {
	padding: 1px;
}
table.result td {
	padding: 2px;
}

#results-select {
	border: 1px solid #578dc7;
	width: 24em;
	padding: 1.5em;
	margin: 2em;
	background: #dae3ec;
}

.pr-ribbon-box {
	font-size: 2em;
	font-weight: bold;
	width: 10em;
	margin: 1em;
	padding: .8em;
}

.pr-ribbon-box.Blue {
	background: #dae3ec;
	border: 1px solid #578dc7;
}

.pr-ribbon-box.Red {
	background: #ecdada;
	border: 1px solid #c76867;
}

.pr-ribbon-box.Green {
	background: #e1ecda;
	border: 1px solid #81c757;
}
.pr-ribbon-box.White {
	background: white;
	border: 1px solid black;
}


#results-intro {
	position: relative;
	width: 40%;
	left: 30%;
	text-align: center;
	margin-top: 3em;
	font-size: 1.5em;
	font-weight: bold;
}

#res-schoolbrowser {
	position: relative;
	left: 35%;
}

.admin-page {
	font-family: arial, helvetica;
	font-size: 1.3em;

}