/*---------------------- global -----------------------*/

body {
	background-color: #F8F4EF;/*#FDFBFA;F8F4EF*/
	color: #666666;
	text-align: center;
}

body, table {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #1155BB;/*#045F9B;/*#666666;*/

}

a:hover {
	color: #1D9D20;/*#1D9D20;#1D6A9D;#F55B25;*/
}

#layout {
	background-color: #CDCAC7; /*F8F4EF*/
	width: 776px;
	margin: 0 auto;
	padding-top: 2px;
}

.status {
  font-variant: small-caps;
}
.accepted {
  color: #339900;
}
.rejected {
  color: #FF3300;
}


/*------------------------ top -------------------------*/

#top {
	background-color: #FFFFFF;
	margin: 0px 3px 0px 3px;
}

#menu {
	width: 764px;
	height: 16px;
	margin: 0px 5px 0px 5px;
}

.menuitem {
	background-color: #CDCAC7;
	/*width: 14.28%;*/
}

.menuitem a {
	font-weight: bold;
	padding: 1px 1px 1px 1px;
	display: block;
	width: 100%;
	height: 12px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	background-color: #DEDBD8;
	color: #666666;
}

.menuitem a:hover {
	background-color: #E7E5E2;
	color: #444444;
}


/*---------------------- content -----------------------*/

h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: arial, sans-serif;
}

hr {
	background-color: #BBBBBB;
	height: 1px;
	border: none;
	width: 100%;
	margin: 10px 0px 10px 0px;
}

ol {
	margin-left: 0px;
	padding-left: 20px;
}

#content {
	margin: 0px 3px 0px 3px;
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background-image:url('corners_top.png');
	background-repeat: no-repeat;
	line-height: 18px;
}

#content p {
	padding-left: 10px;
}

.logo {
	margin: 10px;
}

.logo2 {
	margin: 10px 40px 10px 40px;
}

.title {
	font-size: 24px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: black;
}

.subtitle {
	font-weight: bold;
}

p {
	padding: 0px 10px 0px 0px;
}

.justified  {
	text-align: justify;
}

.resources {
	width: 90%;
}

.sponsors {
	width: 700px;
}

.sponsors td {
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.caption {
	width: 300px;
}

/*---------------------- stats -----------------------*/

.stats {
  text-align: right;
}

.total {
	font-weight: bold;
}

.stats_head {
	border-top: 1px solid #DDDDDD;
	background-color: #F7F7F7;
	font-weight: bold;
  text-align: center;
}

.stats_head2 {
	background-color: #F7F7F7;
	font-weight: bold;
  text-align: left;
}

.stats td.status {
  text-align: left;
}


/*---------------------- results -----------------------*/

.results {
	/*background-color: #F8F8F8;*/
	width: 694px;
}

.results td {
	border-bottom: 1px solid #DDDDDD;
	padding: 2px 2px 2px 5px;
  line-height: 15px;
	vertical-align: middle;
}

td.results_title {
	border-top: 1px solid #DDDDDD;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	background-color: #FBFBFB;
  text-align: center;
}

.results_head {
	font-weight: bold;
}

/*--------------------- teams ----------------------*/

table.teams {
  width: 694px;
}

table.teams td {
	text-align: center;
	padding: 1px 1px 1px 1px;
	border-bottom: 1px solid #DDDDDD;
  line-height: 14px;
	vertical-align: middle;
}

table.teams .br td {
	background: #FFFFFF;
	border-bottom: none;
}

table.teams .dummy td{
  line-height: 5px;
}

table.teams .tn td {
	background-color: #EEEEEE;
	font-weight: bold;
}

.ok {
	color: #008800;
	font-weight: bold;

}

.pending {
	color: #880000;
	font-weight: bold;

}

table.teams td.ok, td.pending  {
	border: 1px solid #DDDDDD;
}



/*--------------------- tutorial ----------------------*/

#tutorial p {
  text-align: justify;
}

#tutorial pre {
  font-size: 12px;
	padding-left: 80px;
  color: black;
}

#tutorial p.navigate {
  text-align: center;
}

#tutorial p.status {
  text-align: center;
}

#tutorial .title {
  text-align: center;
}

#tutorial .subtitle {
  text-align: center;
}


/*---------------------- bottom -----------------------*/

#bottom {
	background-color: #CDCAC7;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0px 3px 0px 3px;
	padding: 6px 3px 3px 3px;
	background-image:url('corners_bottom.png');
	background-repeat: no-repeat;
	font-weight: bold;
}

#bottom a {
	color: #666666;
}

#bottom a:hover {
	color: #000000;
}

/*---------------------- webcpp -----------------------*/


.webcpp a:link    {color:#000000}
.webcpp a:visited {color:#808080}
.webcpp a:active  {color:#000000}
.webcpp a:hover   {color:#000000}

.webcpp pre {
color: #000000;
}

.webcpp font {
font-size:100%;
}

.webcpp .symbols {
color: #000000;
}

.webcpp .preproc {
color: #000000;
}

.webcpp .integer {
color: #000000;
}

.webcpp .floatpt {
color: #000000;
}

.webcpp .dblquot {
color: #000000;
}

.webcpp .sinquot {
color: #000000;
}

.webcpp .keyword {
color: #000000;
font-weight: bold;
}

.webcpp .keytype {
color: #000000;
font-weight: bold;
}

.webcpp .comment {
color: #808080;
font-style: italic;
}