/*------------------------------------------------------------------------
# Profound Blue
# ------------------------------------------------------------------------
# Copyright (C) 2007-2008 Profound Blue Studios, Ltd. All Rights Reserved.
# Author: Profound Blue Studios
# Websites:  http://www.profoundblue.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	scrollbar-track-color: #EEEEEE;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #F1F0E9;
	scrollbar-shadow-color: #F1F0E9;
	scrollbar-darkshadow-color: #D6D6D0;
}

body {
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	BACKGROUND-COLOR: #e2e2de;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

img {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px
}

table
{
	border-collapse: collapse;
}

td
{
	margin: 0;
	padding: 0;
}

iframe {
	width: 100%;
}

.spacer {
	height: 10px;
}

.spacermini {
	height: 5px;
}

.spacerw {
	width: 5px;
}

.fullspan {
	width: 100%;
}


/* PAGE STYLE
--------------------------------------------------------- */

.mainpage {
	width: 960px;
}

.mainpagebody {
	width: 960px;
	BACKGROUND-COLOR: #FFFFFF;
}

.topleftcorner {
	width: 10px;
	height: 10px;
	background-image: url(../temp_images/topleft.gif);
}

.topmid {
	width: 940px;
}

.toprightcorner {
	width: 10px;
	height: 10px;
	background-image: url(../temp_images/topright.gif);
}

.bottomleftcorner {
	width: 10px;
	height: 10px;
	background-image: url(../temp_images/bottomleft.gif);
}

.bottomrightcorner {
	width: 10px;
	height: 10px;
	background-image: url(../temp_images/bottomright.gif);
}

.logobar {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.logobarleft {
	width: 50%;
	text-align: left;
}

.logobarright {
	width: 50%;
	text-align: right;
}

.menubar {
	height: 31px;
	background-image: url(../temp_images/menubar.gif);
}

.textbody {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.pagefad {
	background-image: url(../temp_images/whitefad.gif);
	background-repeat: repeat-x;
}

.pagebody {
	PADDING-TOP: 20px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	text-align: left;
	vertical-align: top;
}

.loginbar {
	padding-top: 30px;
	width: 200px;
	vertical-align: top;
}

.footerbar {
	width: 100%;
	color: #5e5e5e;
	font-size: 10px;
}

.footerleft {
	width: 50%;
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footerright {
	color: #3185c9;
	width: 50%;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* TEXT STYLE
--------------------------------------------------------- */

.pageheader {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 24px;
}

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

.number{
	font-family: Arial, Helvetica, sans-serif;
	color: #4084db;
	font-size: 14px;
	font-weight: bold;
}

/* FORM STYLE
--------------------------------------------------------- */

.formtopleftcorner {
	width: 4px;
	height: 4px;
	background-image: url(../temp_images/formtopleft.gif);
}

.formtop{
	height: 4px;
	background-image: url(../temp_images/formtop.gif);
}

.formtoprightcorner {
	width: 4px;
	height: 4px;
	background-image: url(../temp_images/formtopright.gif);
}

.formleft{
	width: 4px;
	background-image: url(../temp_images/formleft.gif);
}

.formmid{
	background-color: #efefef;
	text-align: left;
	padding: 12px;
}

.formmid2{
	background-color: #efefef;
	text-align: left;
	padding: 5px;
}

.formtext{
	text-align: left;
	vertical-align: top;
	padding-top: 8px;
}

.formbox{
	text-align: right;
}

.formboxreq {
	color: #FF0000;
	font-size: 14px;
}

.formright{
	width: 4px;
	background-image: url(../temp_images/formright.gif);
}

.formbottomleftcorner {
	width: 4px;
	height: 4px;
	background-image: url(../temp_images/formbottomleft.gif);
}

.formbottom{
	height: 4px;
	background-image: url(../temp_images/formbottom.gif);
}

.formbottomrightcorner {
	width: 4px;
	height: 4px;
	background-image: url(../temp_images/formbottomright.gif);
}

.formreply {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}

input.btn{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #FFFFFF;
	background-image: url(../temp_images/button.gif);
	height: 24px;
	padding: 3px;
	margin-top: 3px;
}

input.btn2{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #FFFFFF;
	background-image: url(../temp_images/button.gif);
	height: 24px;
	padding: 3px;
	margin-top: 1px;
}

input.field{
	color: #3D3D3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #FFFFFF;
	border: 1px solid #bdbdbd;
	padding: 3px;
	margin-top: 3px;
}

input.field2{
	color: #3D3D3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #FFFFFF;
	border: 1px solid #bdbdbd;
	padding: 1px;
	margin-top: 1px;
}

textarea {
	border: 1px solid #bdbdbd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

select { 
 	color: #3D3D3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #FFFFFF;
	border: 1px solid #bdbdbd;
	padding: 3px;
	margin-top: 3px;
}


/* LINK STYLE
--------------------------------------------------------- */

a.bluelink {
	color:          #3185c9;
	text-decoration: none;
}

a.bluelink:hover {
	color:          #15afff;
	text-decoration: none; 
}

/* MENUSTYLE
--------------------------------------------------------- */

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	border-left-width: 0;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1090d0;
	text-align: center;
	font-weight: bold;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #2f90bb;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 180px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	background: #1a7ab0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #2f90bb;
	text-align: left;
}

.horizontalcssmenu ul li a:hover{
	background: #1a7ab0;
	color: #FFFFFF;
}

.horizontalcssmenu ul li ul li a:hover{
	background: #016290;
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 4px;
	background: transparent url(../temp_images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/* INDEXPAGE.php CSS
--------------------------------------------------------- */

.tableerror {
	color: #FF0000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	font-weight: bold;
}

.tableheader {
	text-align: left;
	vertical-align: top;
	border: 1px solid #bdbdbd;
	background-color: #efefef;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
}

.tableimage {
	width: 200px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #bdbdbd;
	padding: 3px;
}

.tabledata {
	padding: 3px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #bdbdbd;
}

A:link {
	color:          #3185c9;
	text-decoration: none;
}
A:active {
	color:          #3185c9;
	text-decoration: none; 
}
A:visited {
	color:          #3185c9;
	text-decoration: none; 
}
A:hover {
	color:          #3D3D3D;
	text-decoration: none; 
}