/* TOP NAV */

#topmenu {
	margin: 0px;
	padding: 0px 0px 10px;
	height: 17px;
	width: 100%;
	border-right: none;
	border-top: 1px solid #474747;
	border-bottom: none;
	border-left-style: none;
}

#topmenu ul {
	margin: 0px;
	padding: 0px;
}

#topmenu li{
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#topmenu li a, 
#topmenu li a:active {
	float: left;
	display: block;
	color: White;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	height: 15px;
	padding: 2px 10px 0px 10px;
	font: 10px verdana, arial, georgia, sans-serif;
	border-right: 1px solid #fff;
	background-color: #42555A;
}

#topmenu li a:hover {
	color: #006;
	background-color : #ccc;
}

#topmenu_lit {
	margin: 0px;
	height: 17px;
	background-color: #ccf;
	float: left;
	margin-right: -2px;
}

#topmenu_lit ul {
	margin: 0px;
	padding: 0px;
}

#topmenu_lit li{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#topmenu_lit li a, 
#topmenu_lit li a:active {
	display: block;
	color: #006;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	height: 15px;
	padding: 2px 10px 0px 10px;
	font: 10px verdana, arial, georgia, sans-serif;
	background-color: #ccf;
}

/* END TOP NAV */

/* GENERAL STYLES */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #black;
	font-size: medium;
	background: url(../images/bg_01.gif);
}

h2 {
	color: #474747;
	font-weight: bold;
	padding: 0px 0px 0px 6px;
	margin: 4px 0px;
}

.clear {
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
}

a {
	color : #3399CC;
	text-decoration: underline;
} 

a:hover {
	color : #3399CC;
	text-decoration : underline;
}

.whiteLabel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold; 
	color: white;
}

.black {
	color:black;
	font-size: 10px;
}

.hidden {
	background: #FFFFFF;
	color: #FFFFFF;
	font-size: 1px;
}

/* TAB STYLES */

.dynamic-tab-pane-control .tab-pane {
	position: relative;
	width: auto;
}

.dynamic-tab-pane-control .tab-row .tab {
	border: 1px solid;
	border-color: #474747;
	border-bottom: 1px;
	border-top: 1px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	cursor: Default;
	display: inline;
	margin: 1px -5px 0px 3px;
	float: left;
	padding: 3px 8px 5px 8px;
	background: #DEDED3;
	border-color: #474747;
	cursor: pointer;
	z-index: 1;
	position: relative;
	left: 0px;
}

.dynamic-tab-pane-control .tab-row .tab.selected {//no space between .tab and .selected
	border: 1px solid;	
	border-color: #474747;
	border-bottom: 0px;
	z-index: 3;
	padding: 2px 6px 5px 6px;
	margin: 1px -6px -2px 0px;
	top: -2px;
	background: #FFF9EE;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family: Verdana, Helvetica, Arial;
	color: #474747;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
}

.dynamic-tab-pane-control .tab-row .hover a {
	color: #1978C8;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight: bold;
}

.dynamic-tab-pane-control .tab-page {
	clear: both;
	border: 1px solid;
	border-color: #474747;
	background: #FFF9EE;
	z-index: 2;
	position: relative;
	top: -5px;
	color: Black;
	font-family: Verdana, Helvetica, Arial;
	padding: 10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
	background: #FFF0DD;
	height: 1px;
	width: auto;
}

.dynamic-tab-pane-control .tab-page {
	width: auto;
	margin-left: 0px;
	overflow: auto;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height: 0px;
}

form {
	margin: 0;
	padding: 0;
}

/* over ride styles from webfxlayout */

.dynamic-tab-pane-control .tab-pane {
	margin: 3px;
	width: 958px;
}

.dynamic-tab-pane-control h2 {
	text-align:	center;
	width: auto;
}

.dynamic-tab-pane-control h2 a {
	display: inline;
	width: auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}

.dynamic-tab-pane-control .tab-page h2 {
	text-align:	left;
}

/* END TAB STYLES */

div.hr {
	height: 1px;
	background: #ADADAD no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.hr1 {
  height: 1px;
  background: #A3A3A3 no-repeat scroll center;
}

div.hr1 hr {
  display: none;
}

.nosettings {
	background: #FFF0DD;
	border: 1px solid #474747;
	color: #ADADAD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.nosettings_small {
	background: #FFF0DD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

.bold_italics {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight:bold; 
	font-style: italic;
}

.breadCrumbsLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #33667C;
}
.breadCrumbsBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #33667C;
}

.screen_id {
	height: 9px;
	font: 9px verdana, arial, georgia, sans-serif;
	font-weight: bold;
	color: #000000;
	float: right;
}

.logout {
	height: 9px;
	font: 9px verdana, arial, georgia, sans-serif;
	font-style: italic;
	color: #1978C8;
	float: right;
}

.rowdef { 
	height: 15px; 
	color: black; 
	font-family: verdana; 
	font-weight: normal; 
	text-align: center; 
	background-color: #BBBBFF; 
	border-right: #8ca5b5 1px solid;
}

.rowdefNoLink { 
	height: 15px; 
	color: #ffffff; 
	font-family: verdana; 
	font-weight: normal; 
	text-align: center; 
	background-color: #BBBBFF; 
	border-right: #8ca5b5 1px solid;
}

.rowOver { 
	height: auto; 
	color: #292929; 
	font-family: verdana; 
	font-weight: normal; 
	text-align: left;  
	background-color: #D6D1C9; 
}

.rowdefNoLinkLeft { 
	height: 15px; 
	color: black; 
	font-family: verdana; 
	font-weight: normal;  
	background-color: #BBBBFF; 
	border-right: #8ca5b5 1px solid;
}

.help { 
	height:25px;
	border-bottom: #D5D5FF 1px solid;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #666699; 
	font-weight: bold;
}

#wrap {
	margin: 0px;
	padding: 8px;
	border: 1px solid #474747;
	position: absolute;
	height: 450px;
	width: 160px;
	left: 0px;
	top: 80px;
}

#content {
	margin: 0px;
	padding: 0px;
	position: static;
	z-index:-1;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #474747;
}

#contenta {
	margin: 0px;
	padding: 0px;
	position: static;
	z-index:-1;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #474747;
}

form {
	margin: 0px;
}

input {
	font-size: 10px;
	font-weight: normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 1px; 
}

select {
	font-size: 10px;
	font-weight: normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

option {
	font-size: 10px;
	font-weight: normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.formheading {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin:  0px;
	padding: 4px 0px 4px 3px;
	font-family: verdana, arial, georgia, sans-serif;
	font-weight: bold;
	color: #336600;
	clear: both;
}

div.row span.label {
	float: left;
	text-align: right;
	padding-top: 6px;
	width: 140px;
}

div.row span.formw {
	float: left;
	text-align: left;
	padding: 3px;
	width: 294px;
} 

formsearch {
	float: left;
	text-align: left;
	padding: 3px;
	width: 84px;
} 

div.halfrow {
	float: left;
	width: 254px;
}

div.halfrow span.label {
	float: left;
	text-align: right;
	padding-top: 6px;
	width: 140px;
}

div.halfrow span.formw {
	float: left;
	text-align: left;
	padding: 3px;	
	width: 100px;
} 

td.formlabel {
	width: 140px;
	vertical-align: middle;
	text-align: right;
}

.systmbtn {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #91BCE6;
	border: 1px solid #474747;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	cursor: hand;
}

.actionbtn {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #91BCE6;
	border: 1px solid #474747;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	cursor: hand;
}

/* form elements */

.text {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.textBold {
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
}

.red {
	color:red;
}

.green {
	color:green;
}

.blue {
	color:#336666;
}

.white {
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
}

.black {
	color:black;
}

.label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight:bold; 
}

.textcaption {
	font-weight: bold;
	color: #665B42;
	padding: 0px 0px 2px 6px;
	font-size: 9px;
}
	
.bluebold {
	color: #336633;
	font-weight : bold;
	padding: 0px 0px 2px 6px;
}
	
.button:link, .button:visited {
	color: #006600;
	background-color: #cccccc;
	margin: 0px 0px 0px px;
	font-weight: bold;
	font-family: verdana, arial, georgia, sans-serif;
	text-decoration: none;
	height: 30px;
}

.button:hover {
	color: #ffffff;
	background-color: #3399CC;
} 

.heading { 
	text-align:center; 
	font-weight: bold; 
}

.tableHeader { 
	height: 15px; 
	color: #FFFFFF; 
	font-family: verdana; 
	font-weight: bold; 
	font-size: 12px;
	text-align: center; 
	background-color: #91BCE6;
	border-left: 1px solid #474747;
} 

.tableHeaderEndLeft { 
	height: 15px;
	text-align: center; 
	background-color: #91BCE6;
	border-left: #474747 1px solid;
} 

.tableHeaderEndRt {
	height: 15px;
	text-align: center;
	background-color: #91BCE6;
	font-size: 10px;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
} 

.tableHeaderLeft { 
	height: 15px; 
	text-align: left; 
	background-color: #91BCE6;
	border-left: 1px solid #474747;
}

.tableHeaderNoLink { 
	height: 15px; 
	text-align: center; 
	background-color: #B6B2AB;
	border-right: 1px solid #81633E;
}

.tableHeaderOver {
	height: 15px;
	color: #FFFFFF;
	text-align: center;
	background-color: #3399CC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #474747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
}

.link {
	color: #666633;
	text-decoration: none;
	border-bottom: 1px #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-seriff;
	text-decoration: none;
	font-weight: bold;
}

.tableFooter {
	background-color: #91BCE6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #474747;
	font-weight: bold; 
	border-right: 1px solid #474747;
}

.stripe {
	background-color: #DEDED3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}

.altStripe {
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}

.header {
	border-bottom: 3px solid #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold; 
}

.headerNormal {
	border-bottom: #ccf 3px solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: normal; 
}

.searchOuterBox {
	background-color: #B88D69;
}

.searchBox {
	background-color: #CCFFFF;
}

.receiptBox {
	background-color: #FFFFFF;
}

.headerBox {
	background-color: #B88D69;
}

.headerOuterBox {
	background-color: #666633;
}

.hideShow {
	background-color: #CCFFCC; 
	color: black; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-weight: bold; 
	padding-left: 4px; 
}

.tableHeaderSingle {
	height: 15px;
	color: #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #CCFFCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #474747;
} 

.propHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	color: #474747;
	background-color: #DEDED3;
	border: 1px solid #474747;
	padding-bottom: 5px;
	padding-left: 8px;
	height: auto;
	background-image: url(../images/prophdr_bg.gif);
	background-repeat: repeat-x;
}

.vcrCtrl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	color: #474747;
	text-decoration: none;
	background-color: #FFF9EE;
	border: 1px solid #474747;
	padding-bottom: 1px;
}

.tblHeader {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	color: #474747;
	border: 1px solid #474747;
	padding-bottom: 5px;
	padding-left: 8px;
	height: auto;
	background-repeat: repeat-x;
}

.groupBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	color: #474747;
	border: none #474747;
	padding-bottom: 5px;
	padding-left: 8px;
	height: auto;
	background-repeat: repeat-x;
	background-color: #deded3;
}
.tableCell {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #474747;
}
.moreLink {
	font: italic normal 9px verdana, arial, georgia, sans-serif;
	color: #1978C8;
}
.totalCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #474747;
	background-color: #DEDED3;
	height: 10px;
	color: #474747;
}
.mainPage {
	background-color: #FFFFFF;
	text-indent: 0px;
	clip: rect(auto,auto,auto,auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 72px;
	margin-left: 72px;
	width: 754px;
}
.bodytext {
	color: #333333;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.headWhite {
	color: #FFFFFF;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.pWhite {
	color: #FFFFFF;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 200;
}
