﻿body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
		background-color:#FCCE54;

}
h1, h2, h3 {
	color:#00264B;
}

h1 a {
	color:#FCCE54;
	text-decoration:none;
}

#header h1, #header h2{
	color:#FCCE54;
}

/* message box */
.info, .success, .warning, .errormsg, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.errormsg {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
    margin:0px;
}
.container
{
}
.info p, .success p, .warning p, .errormsg p {
    padding: 0px 50px;
}
.info a, .success a, .warning a, .errormsg a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
.container img {
    border: none;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.validation ul
{
	padding: 0px 30px;
}

/* end message box */

ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
a {
	color:#00264B;
}

#menu a {
	color:#FCCE54;
}
a:hover {
	text-decoration:none;
}
#header 
{
	background:#00264B;
	height:80px;
	margin:0 10% 0 10%;
	width:auto;
}
#header h1 {
	float:left;
	margin:0;
	padding:35px 0 0 10px;
	background:#00264B;
	
}
#header img {
	float:right;
	margin:0;
	padding:0px 20px 0 0;

}
#menu {
	background:transparent url(../images/imgback.gif) repeat-x scroll left top;
	height:30px;
	margin:0 10% 0 10%;
	width:auto;
}
#menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	display:inline;
}

#menu table a, #contentleft table a {
	color:#FCCE54;
	display:block;
	float:left;
	font-size:smaller;
	font-weight:bold;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;
	width:80%;
}

#contentleft table a {
	background:#FFFFFF url(uijImages/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #FCCE54;
	color:#212121;
	text-align:center;
	padding:4px;
	width:90%;
}

#contentleft table a:hover {
    background:#FCCE54;
	border:1px solid #AAAAAA;
	color:#212121;
}

#contentleft table a:selected {
	background:#FCCE54;
	border:1px solid #AAAAAA;
	color:#0A305F;
}

#menu table a:hover {
	color:#FFFFFF;
}

#contentleft table {
	margin-top:15px;
	width:100%;
}
#contentdata {

	margin:0 auto;
	margin:0 10% 0 10%;
	width:auto;

}
#contentMid {
	float:right;
	padding:10px 0 10px;
	width:85%;
	background-color:#FCCE54;
	border-right: 1px solid #00264B;
	height:600px;
	overflow:hidden;

}
#contentleft {
	float:left;
	clear:left;
	padding:0 4px;
	width:13%;
	background: #0A305F url(../images/imgback.gif) repeat-x scroll left top;	
	height:620px;
	overflow:hidden;
}

#contentleft h2 {
	font-size:large;
}
#footer {
	background:#00264B;
	margin:0 auto;
	width:100%;
	color:#FCCE54;
	float:left;
}
#footer p {
	background:transparent;
	font-size:smaller;
	margin:0;
	padding:5px 10px;
	text-align:center;
}

.loading 
{
	 background: url(../images/progress-indicator.gif) no-repeat center; 
	 height:20px;
	 display:block;
     position:absolute;
}

/* row in the content area */
.row
{
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

/* left row in the content area */
.rowleft
{
    float: left;
    padding-bottom: 5px;
    width: 45%;
}


/* right row in the content area */
.rowright
{
    float: right;
    padding-bottom: 5px;
    width: 50%;
}

.rowdata{
	background-color:#ffffff;
	margin:0 10px 0 0;
	padding:0;
	width:auto;
}

.rowdata h2{
	float:left;
	font-size:1em;
	margin:0 0 0 10px;
	padding:0;
	width:90%;
}
.rowdata label{
	font-size:1.1em;
	font-weight:bold;
	padding-right:10px;
	width:auto;
}

.rowdata p{
	margin:0;
	padding:0;
	font-size:1em;
}
.rowdata table{
	width:100%;
	clear:left;
}
.rowdata table td{
	padding-top:5px;
}

.rowdata table td span{
	font-size:1em;
}

label {
	width: 8em;
	float: left;
	margin:0px;
 }
label.error {
	float: none; 
	color: red; 
	padding-left: .5em; 
	width:auto;
	font-size:0.7em;
}

input.submit {
	margin:0 9.5em;
	width:100px;
}

.standardDropDown 
{
    width: 125px;
    float: left; 
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;     
}

.dropDownMid 
{
    width: 185px;
    float: left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;   
}

table tr th {
	background:#00254B url(uijImages/ui-bg_gloss-wave_35_f6a828_500x100.png) repeat-x scroll 50% 50%;
	border:1px solid #00254B;
	color:#FCCE54;
	font-weight:bold;
	font-size:0.95em;
}

 
#contentMid table tr td 
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
}

#contentMid table {margin-left:5px;}

.largeTextBox
{
    width:50%;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;   
}

.error {border:1px solid #FF0000;}
label.error {border:none;}
.datepicker{
    width:125px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em; 
 }

.btnsubmit, .button {
	padding:2px;
	width:20%;
}
.btnsubmit{margin-left:19%;}

/* select list plugin*/
.selectlist-list {
	list-style: none;
/*margin: 0; */
padding-top:20px;	/*0;padding: 0;  0;*/
}

.selectlist-item {
	/* Icon from http://pinvoke.com/ */
	background: #fff url(uijImages/cross-circle.png) no-repeat right center;
	border-left: solid 1px #eee;
	border-top: solid 1px #eee;
	border-right: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	cursor: pointer;
	padding: 0.2em 0.3em;
	margin: 1px 0;
}
.textboxsmall {
	width:70px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;   
}
.textboxmid {
	width:180px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;   
}
.gridscroll{
	width: 95%;
	height: 350px;
	overflow: auto;
}
.gridtextbox {
	width:96%;
}

div.row div.rowleft, div.row div.rowright {padding-bottom:0px;}

.labelmid {width:10em;}


