/*//////////////*/
/*              */
/*  Body Styles */
/*              */
/*//////////////*/

body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	}
	
	
/*/////////////*/
/*             */
/*  Div Styles */
/*             */
/*/////////////*/

#big {
	width: 95%;
	height: 100%;
	background-color: #cc9966;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	}
	
#column1 {
	float: left;
	text-align: left;
	width: 40%;
	border-color: #333333;
	border-style: solid;
	border-width: 2 px;
	overflow: hidden;
}

#column2 {
	text-align: left;;
	float: right;
	width: 40%;
	border-color: #333333;
	border-style: solid;
	border-width: 2 px;
	overflow: hidden;
}

#column3 {
	text-align: left;;
	float: both;
	width: 100%;
	border-color: #333333;
	border-style: solid;
	border-width: 2 px;
	overflow: hidden;
}

#header {
	background-color: #6699cc;
	padding: 10px;
	border: 1px dotted black;
	margin: 0px 10px 10px 0px;
	color: #000000;
	text-align: center;
	font-size: large;
	font-weight: bolder;
	}
	
div#header h1 {
	font-size:14px;
	} 
	

/*#index {
	left: 15em;
	z-index: 30;
	//border: solid 4px #FF6600;
	position: absolute;
	top: 5em;
	text-align: left;
	width: 50%;
	height: 30%;
	vertical-align: middle;
	padding: 20px;
}*/
	
#top {
	background-color: #99ccff;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	border: 1px dotted black;
	color: #000000;
	font-size: larger;
	} 

#login {
	background-color: #99ccff;
	padding: 10px;
	border: 1px dotted black;
	margin: 0px 10px 10px 0px;
	color: #000000;
	text-align: center;
	font-size: larger;
	clear: both;
	}

#user {
	color: #000000;
	padding: 10px;
	border: 1px dotted black;
	background-color: #99ccff;
	}
	
#right {
	color: #000000;
	padding: 10px;
	margin: 0px 10px 10px 30%;
	border: 1px dotted black;
	background-color: #99ccff;
	clear: right;
	}
	
#left {
	padding: 0px 10px 0px 10px;
	margin-bottom: 30px;
	border: 1px dotted black;
	background-color: #6699cc;
	width: 25%;
	float: left;
}

div#left h1 {
	font-size: 14px;
	font-weight: bold;
}
	
div#left h2 {
	line-height: 2em;
	font-size: 14px;
	color: #FFFFFF;
	}

#results h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	color: #3366FF;
	font-weight: bold;
	}
	
#results {
	text-align: left;
	float: left;
	width: 80%;
	}
	
div.optional label:before {
  content: '';
}

/*//////////////*/
/*              */
/* Class Styles */
/*              */
/*//////////////*/

.BigTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #006699;
}

.label {
	font-weight: bold;
	font-size: small;	
	}

.MainTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006699;
}

.SubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	}
	
.emphasize {
	font-style: italic;
	font-weight: bold;
	color: #CC3300;
}

.callborder {
	background : #EEEEEE;
	border : 1px solid #CCCCCC;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 90%;	
}

.label {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-align: left;
}

/*//////////////*/
/*              */
/*  Tag Styles  */
/*              */
/*//////////////*/


hr {
	border: 0px;
	width: 98%;
	color: #f00;
	background-color: #f00;
	height: 1px;
	display: block;
	position: absolute;
	left: 5px;
	}
	

/*/////////////*/
/*             */
/* Form Styles */
/*             */
/*/////////////*/

fieldset {
	font-size: 10px;
	border: 1px solid #781351;
	margin: 20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}

legend {
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px;
	font-size: 14px;;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}	

textarea {
  overflow: auto;
}

/*//////////////*/
/*              */
/* Error Styles */
/*              */
/*//////////////*/


.note {
	text-indent:-25px;
}

.error, a.error {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	font-size: 12px;
}

#error {
	color:#FF0033;
	font-size:14px;
	}

div.error, p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

/*//////////////*/
/*              */
/*  Link Styles */
/*              */
/*//////////////*/

a {
	color: #0000FF;
	font-size: small;
 }
 
a:active {color: #339933; } 

a:visited {color: #006633; } 

a:hover {
	color: #003366; 
	background-color: #00CCCC}

a.button:hover { background-color: transparent; }
 
/*div#left a {
	color: #f2db8f;
	font-size: small;
	text-indent: -3em;
 }*/

/*.leftlink {
padding-left: -3em;
}

.indent {
	text-indent: 3em; 
	margin-left: -3em;
	}*/

/*table.display td a {
	color: #006699;
}*/
 
/*table.display td a:hover {
	color: #FF9900;
}*/

/*/////////////*/
/*             */
/*  Image Styles */
/*             */
/*/////////////*/

img {
	border: solid black 2px;
	}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.button {
	border: none;
	}
	
#results_img {
	clear: left;
	width: 40%;
	}
	
#results_img img{
	border: solid black 2px;
	}

/*//////////////*/
/*              */
/* Table Styles */
/*              */
/*//////////////*/
	
div#user table, td {
	border: 1px black solid;
	
	}


table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	}

table td input {
	font-size: 10px;
	color: #000000;	
}
	
table th {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	padding: 0 0.5em;
	text-align: left;
	}
	
table.callborder td {
	border: 0px;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}

table.display td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}
	
.Instruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #006633;
}