/* CSS Document */

/******************/
/*BODY            */
/******************/

body {
	font-family: "Trebuchet MS", "Arial", "Geneva", "Lucida", "Helvetica", sans-serif;
	font-size: 85%;
	text-align: left;
	color: #000000;
	background: #0099FF;
	margin:	50px
			10px
			50px
			100px;
	}

/******************/
/*HEADERS         */
/******************/

h1 {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	text-align: center;
	font-size: 175%;
	font-weight: normal;
	color: #0000CC;
	background: transparent;
	clear: none; 
	margin:	10px
			0px
			0px
			0px;
	}

h2 {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #0000CC;
	background: transparent;
	clear: both;
	margin:	20px
			0px
			10px
			0px;
	}

h3 {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000000;
	background: transparent;
	clear: none;
	margin:	10px
			0px
			10px
			40px;
	}

/******************/
/*LISTS           */
/******************/

dt {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000000;
	background: transparent;
	clear: both;
	margin:	10px
			20px
			0px
			40px;
	}

dd {
	margin:	0px
			20px
			0px
			60px;
	}

ul {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-weight: normal;
	color: #000000;
	background: transparent;
	clear: both;
	margin:	0px
			20px
			0px
			20px;
	}
	
/******************/
/*DIVISION        */
/******************/

div {
	clear: both;
	}

hr {
	clear: both;
	margin:	40px
			40px
			40px
			0px;
	}

hr.list {
	clear: both;
	margin:	40px
			10px
			40px
			40px;
	}

/******************/
/*PARAGRAPH       */
/******************/

p {
	clear: none;
	margin:	0px
			20px
			0px
			40px;
	}


/******************/
/*Multimendia     */
/******************/

embed {
	margin:	30px
			30px
			30px
			40px;
	clear: both;
	float: left;
	vertical-align: middle;
	}

/******************/
/*span            */
/******************/

span {
	clear: none;
	margin:	0px;
	padding: 0px;
	}

/******************/
/*CLASS           */
/******************/

.footer {
	font-style: italic;
	font-size: 85%;
	line-height: 150%;
	margin: 300px
			0px
			100px
			0px;
	}

.counter {
	margin:	15px
			0px
			0px
			0px;
	}

.tiny {
	font-size: 35%;
	margin:	0px;
	padding: 0px;
	}

.alert {
	color: #FF0000;
	}

.blue {
	color: #0000FF;
	}

.green {
	color: #008000;
	}

.subtitle {
	font-size: 125%;
	text-align: center;
	}

.menutop {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000000;
	background: transparent;
	clear: both;
	}

.bigbutton {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 150%;
	font-weight: normal;
	background: transparent;
	clear: both;
	}
	
	
/******************/
/*TABLE           */
/******************/


table {
	border-collapse: collapse;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}

table.form {
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 10px;
	}

table.detail {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}

	
table.alertbttn {
	margin-top: 10px;
	}
	

th {
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	border-width: 0px;
	}

td {
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	border-width: 0px;
	}

td.header {
	background-color: #DDDDDD;
	padding: 0px;
	margin: 0px;
	}

td.title {
	background-color: #0099FF;
	border:solid 1px #000000;
	padding: 0px 5px 0px 5px;
	}

td.divider {
	background-color: #CC0033;
	padding: 0px;
	margin: 0px;
	}

td.underlines {
	border-bottom: thin solid #DDDDDD;
	}

th.underlines {
	border-bottom: thin solid #DDDDDD;
	}

td.menu {
	background-color: #DDDDDD;
	text-align: center;
	width: 15%;
	padding: 0px;
	}

td.button_off {
	background-color: #FFFFFF;
	border:solid 1px #000000;
	padding: 0px 5px 0px 5px;
	width: 50%;
	}

td.button_on {
	background-color: #87CEFA;
	border:solid 1px #000000;
	padding: 0px 5px 0px 5px;
	width: 50%;
	}

td.redbutton_off {
	background-color: #D00000;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}

td.redbutton_on {
	background-color: #FFCCCC;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}
	
td.bluebutton_off {
	background-color: #0000FF;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}

td.bluebutton_on {
	background-color: #0099FF;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}
	
td.mardibutton_off {
	background-color: #6600CC;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}

td.mardibutton_on {
	background-color: #CC99FF;
	border:solid 1px #000000;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	}

	
td.body {
	width: 70%;
	height: 100%;
	}

td.form {
	padding: 0px 5px 5px 5px;
	}

td.form_text {
	padding: 0px 5px 5px 5px;
	text-align: right;
	}

iframe {
	border:solid 5px #0066CC;
	}

iframe.feed {
	border:none;
	}
	
/******************/
/*PSEUDO-CLASS    */
/******************/

A {
	text-decoration: none;
	background: transparent;
	font-weight: bold;
	font-size: 100%;
	}

A:link {
	color: #000000;
	}

A:visited {
	color: #000000;
	}

A:hover {
	color: #0000FF;
		}

A:active {
	color: #CC0000;
	}

A.menu {
	display: block;
	font-weight: normal;
	}

A.redbutton{
	display: block;
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 150%;
	font-weight: normal;
	background: transparent;
	clear: both;
	}

A.redbutton:link {
	color: #FFFFFF;
	}

A.redbutton:visited {
	color: #FFFFFF;
	}

A.redbutton:hover {
	color: #D00000;
	}

A.redbutton:active {
	color: #D00000;
	}

A.mardibutton {
	display: block;
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Myriad Web", "Syntax", sans-serif;
	font-size: 150%;
	font-weight: normal;
	background: transparent;
	clear: both;
	}

A.mardibutton:link {
	color: #FFFF00;
	}

A.mardibutton:visited {
	color: #FFFF00;
	}

A.mardibutton:hover {
	color: #FFFFFF;
	}

A.mardibutton:active {
	color: #FFFFFF;
	}

	
/******************/
/*IMAGE           */
/******************/

img {
	border-width: 0px;
	margin:	0px
			0px
			0px
			0px;
	float: none;
	}

img.candidate {
	border-width: 0px;
	margin:	0px
			30px
			30px
			0px;
	float: left;
	clear: none;
	}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}

img.right {
	float: right;
	vertical-align: middle;
	}

img.left {
	margin:	0px
			30px
			30px
			0px;
	clear: both;
	float: left;
	vertical-align: middle;
	}

img.logo {
	margin:	5px
			auto
			2px
			auto;
	float: none;
	}

img.screenshot {
	border-style: solid;
	border-width: 5px;
	border-color: blue;
	margin:	5px
			5px
			15px
			5px