/***************** statistics ********************/
table#statisticswrapper {
    width: 100%;
}

.statisticsheader {
    padding-top: 10pt;
    padding-bottom: 0pt;
    font-size: 1.2em;
    font-weight: normal;
}

td.statistics_row0{
  background-color:#FFFFFF;
}
td.statistics_row1{
  background-color:#DDDDDD;
}

table.statisticstable {
  width:100%;
}

.statisticstable td {
  text-align: right;
}

table.progress_stats {
  width:50%;
}

.progress_stats td {
  text-align: right;
}

th.statisticsrowheader {
  width: 75px;
}


/**************** body and tag styles ****************/

body {
  margin: 0;
  background-color: #E3DCC0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}
		  
h1 {
  font-size: 1.6em;
  margin: 15px 0;
}
					
h2 {
  font-size: 1.4em;
  margin: 10px 0;
}

h3 {
  font-size: 1em;
  margin: 10px 0;
}

a:link, a:visited, a:link:hover, a:visited:hover {
  color:#2756CC;
}		
a:link, a:visited {
  text-decoration: none;
}
a:link:hover, a:visited:hover {
  text-decoration: underline;
}

td{
  vertical-align:top;
  border:0;
}

.error{
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.confirmation{
	text-align:center;
	color:#00AA00;
	font-weight:bold;
}

hr{
  border:1px solid #CCCCCC;
  border-bottom:0;
  margin:3px 0;
}

.no_border{
  border:0px;
}

.problemheader {
    text-align: center;
}

/**************** filter styles ****************/
#filter{
  padding:0;
  margin:0;
}
#filter_table{
  margin-top:25px;
  width:100%;
  border-collapse:collapse;
}
#filter_table td{
  width:50%;
  border:0;
  vertical-align:bottom;
}

.status_filter td {
    border:0;
}

/**************** container styles ****************/
.container {
  width: 800px;
  background-color: white;
  margin: 10px auto;
  position:relative;
  padding: 15px 25px;
  text-align:left;
  border:1px solid #aaa;   
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);  
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);  
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.container:before, .container:after {
   position: absolute;  
   width: 350px;  
   height: 10px;  
   content: ' ';  
   left: 12px;  
   bottom: 14px;  
   background: transparent;  
   -webkit-transform: skew(-5deg) rotate(-5deg);  
   -moz-transform: skew(-5deg) rotate(-5deg);  
   -ms-transform: skew(-5deg) rotate(-5deg);  
   -o-transform: skew(-5deg) rotate(-5deg);  
   transform: skew(-5deg) rotate(-5deg);  
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  
   -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  
   z-index: -1;  
}
.container:after {  
   left: auto;  
   right: 12px;  
   -webkit-transform: skew(5deg) rotate(5deg);  
   -moz-transform: skew(5deg) rotate(5deg);  
   -ms-transform: skew(5deg) rotate(5deg);  
   -o-transform: skew(5deg) rotate(5deg);  
   transform: skew(5deg) rotate(5deg);  
}  

/**************** header styles ****************/
#header {
  background: #5197d7;
  margin: 0 auto 0 auto;
  font-family: Courier, monospace;
  font-size: 1em;
  line-height: 1.8em;
  -moz-box-shadow: 0 5px 30px #aaa;
  -webkit-box-shadow: 0 5px 30px #aaa;
  box-shadow: 0 5px 30px #aaa;
}
#header .right {
  float: right;
}
#header .row {
  margin: 0 auto;
  width: 860px;
  overflow: auto;
}
#main_menu form {
  display: inline-block;
  padding-right: 5px;
}
#banner {
  text-align:center;
  background: red;
  color: white;
  font-weight:bold;
}
#main_menu {
  background: #5197D7;
  color: white;
}
#sub_menu {
  background: #ffc;
  color: black;
  clear: right;
}
#header a{
  font-weight:bold;
  letter-spacing: 1px;
  padding: 0 5px;
}
#header a:hover{ font-weight:bold; }
#main_menu a { color:white; }
#sub_menu a { color:black; }

/**************** profile styles ****************/
.info_field_right{
  float:left;
  margin-top:15px;
  margin-bottom:15px;
  margin-right:5px;
}
.info_field_left{
  float:left;
  margin-bottom:15px;
  clear:both;
}
#authinfo, #stats{
  border-collapse:collapse;
  margin-right:15px;
  margin-bottom:15px;
}
#authinfo th, td, #stats th, td{
  padding-left:5px;
  padding-right:5px;
  border:1px solid #CCCCCC;
}
table.info{
  border-collapse:collapse;
}
#update_info table{
  border-collapse:collapse;
}
#update_info td{
  border:0;
}
#update_info form{
  border:2px;
}

#password_reset table{
  border-collapse:collapse;
}
#password_reset td{
  border:0;
}
#password_reset form{
  border:2px;
}

/**************** source styles ****************/
#source_frame{
  width:500px;
  height:400px;
  border:1px solid #000000;
}	
#course_info{
  border-top:1px solid #CCCCCC;
}

.rejudge_summary td {
	width: 50px;
	align: right;
}

.rejudge_summary td.no_change {
  background: #DDDDDD;
}

.rejudge_summary td.change {
  background: #FFFFFF;
}

.submission_list, #solved, #judge_table, #problem_list, #search_list, #standings, #students, #teachers, #teams, #submissions{
  border-collapse:collapse;
  margin-top:15px;
  width:100%;
}  

.submission_list th, #solved th, #judge_table th, #problem_list th,  #search_list th, #standings th, #students th, #teachers th, #teams th, #submissions th{
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:0px;
  border-bottom:2px solid #AAAAAA;
  border-top:2px solid #AAAAAA;
  border-right:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
}  
.submission_list td, #solved td, #judge_table td, #problem_list td,  #search_list td, #standings td, #students td, #teachers td, #teams td, #submissions td{
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:0px;
  border:1px solid #CCCCCC;
} 
.accepted{
  color:#00AA33;
  margin:0;
  padding:0;
}
.rejected{
  color:#FF0000;
  margin:0;
  padding:0;
}
.status {
  text-align:center;
}
.runtime {
  text-align:right;
}
.unjudged{
  margin:0;
  padding:0;
}
td.solved{
  background-color:#99FF99;
}
td.attempted{
  background-color:#FF9999;
}
td.partial{
  background-color:#FFFF99;
}
/**************** judge submit ****************/
#submit_table table{
  border-top:1px solid #CCCCCC;
}
#submit_table td{
  padding-top:15px;
  border:0px;
}
/**************** judge styles ****************/
table.prev_next{
  width:100%; 
  border-collapse:collapse; 
  margin:0;
}
td.prev_next_l{
  width:25%; 
  text-align:left; 
  vertical-align:middle;
  border:0px; 
  padding-top:5px;
  padding-bottom:0px;
  padding-left:0px;
}
td.prev_next_c{
  width:50%; 
  text-align:center;
  vertical-align:middle;
  border:0px; 
  padding-top:5px;
  padding-bottom:0px;
  padding-left:0px;
}
td.prev_next_r{
  width:25%; 
  text-align:right; 
  vertical-align:middle;
  border:0px; 
  padding-top:5px;
  padding-bottom:0px;
  padding-left:0px;
}

/**************** footer styles ****************/
#footer {
  margin:auto;
  padding-bottom: 5px;
  width: 850px;
  text-shadow: 0px 2px 3px white;
}		  

#footer_left, #footer_right {
  display: inline-block;
}
#footer_right {
  float: right;
}

/************* submission styles *********/
div.privilegedinfobox {
	border:3px solid #AA6666; 
	padding:4px;
	margin-top: 10px;
}
div.infobox {
	border:3px solid #6666AA; 
	padding:4px;
	margin-top: 10px;
}

#extrainfo p { 
	border:1px solid #CCCCCC; 
	padding:5px;
}
.infofile p { 
	border:1px solid #CCCCCC; 
	padding:5px;
}

#mailtable th {
    border: 0;
}
#mailtable td{
    border: 0;
}

/*************** clar stuff ***************/

table.clar_header {
    width : 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}
.clar_header th {
    padding-left : 0px;
    margin-left: 0px;
    vertical-align:middle;
    text-align:left;
}

.clar_header td {
    border: 0px;
    padding-right : 0px;
    margin-right: 0px;
    vertical-align:middle;
    text-align:right;
}
/*
form.queueform{
    float:right;
    display:inline;
}
*/
.clar_reply {
    background-color: #e0e0e0; 
    padding: 1em;
}

#clarbox {
width: 100%;
text-align:center;
height:4ex;
}

#newclar {
  text-align:center;
  margin: 0 auto;
  padding:3px;
  color:red;
  border: solid black 2px;
  font-weight:bold;
}

div.newanswer {
  padding:2px;
  border: solid black 1px;
}


/************* print styles **************/
@media print {

  a { text-decoration:none; }
 
  #header { display:none; }

  body { background-color: white;}

  #teachernav, #adminnav, #studentnav { display:none; }
  
  .problemheader a { display:none; }

  .container {
    width: 100%;
    height:100%;
    color: black;
    border:none;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .container:before, .container:after { display: none; }
}

/**************** login styles ****************/


div#login_error{
    margin: 1em;
    text-align: center; 
}
#login_error span{
    padding: 5px;
    border: solid grey 1px;
}

#login_pw_no_cas {
    padding: 1em;
    width: 100%;
    display: inline-block;
    text-align: center; 
}

#login_pw {
    padding: 1em;
    position: relative;
    width: 45%;
    display: inline-block;
    float:right;
    border-left: 1px solid;
    text-align: center;
}

#login_cas {
    padding: 1em;
    position: relative;
    width: 45%;
    display: inline-block;
    float:left;
    text-align: center;
}