/*  6 October 09 Edit pagination table class */
/*  5 October 09 QAF Tab underscore fix */
/*  29 September 09 QAF button fixes - row repeater - nobullet lists */
/*  26 September 09 QAF button and form element fixes */
/*  22 September 09 Add bordered panel */
/*	27 July 09 Dynamic dropdown lists */

@charset "utf-8";
/* CSS Document */


.valerror{
	color: #881c1c;
	/*color: #000000!important;
	background-color: #eeb2b2;*/
	background-color: #f9e5e5;
	border: 2px solid #881c1c;
	margin: 3px 3px 8px 0px;
	padding: 4px 4px 4px 8px;
	/*width: 95% !important;*/
	font-weight: bold;
	clear: right;
}
.valerror ul{
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 5px;
}
input.valerror {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.valerrortb input{
	border: 2px solid #881c1c;
}
.highlight, #popup{
	background-color: #dcf2dd;
	border: 2px solid #0b8113;
	margin: 3px 3px 8px 0px;
	color: #000;
	/*clear: both;*/
}
.highlight p, .highlight h2 {
	margin: 3px 8px 3px 8px;
	
}
.highlight ul{
	color: #0b8113;
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
}
.highlight input{
	background-color: #ffffff;
}
.mandatory, .mandotory{
	color: #cc0000;
	padding-right: 10px;
	font-weight: bold;
	font-family: "Arial Black";
	font-size: 110%;
	height: 10px;
	/*line-height: 2px;*/
}

.sectionHeading{
 color: #881c1c;
 background-color: LightGrey;
 border: 1px solid black;
 margin: 3px 3px 3px 0px;
 padding: 2px;
 width: 98%;
}
.gridbold {
	font-weight: bold;
	padding-right: 20px;
}
.formelements{
	clear: left;
	margin-bottom: 0px;
}
.formelementscontainer {
	width:100%; 
	/*float: right;*/
	background-color: #ffffff;
}
.formelements p, .formelementswide p {
	width: 250px;
	float: left;
	text-align: right;
	margin: 0px;
	padding: 7px 8px 4px 0px !important;
}
.formelementswide{
	width: 750px !important;
	/*width: 50% !important;*/
}

.formelements input, .formelements select, .formelements textarea, .formelements img, .formelements fieldset, .formelements p .footernav 
.formelementswide input, .formelementswide select, .formelementswide textarea, .formelementswide img, .formelementswide fieldset, .formelementswide p
{
	display: inline;
	margin: 9px 5px 0px 0px;
}



.formelements p.febuttonleft{
	text-align: left !important;
	width: 247px;
	/*padding: 5px 0px 2px 0px!important;
	margin: 5px 8px 0px 0px !important;
	height: 35px;*/
}
.formelements p.febuttonleft input{
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	height: 35px;
}
.formelements{
	width: Auto;
	padding: 0 10px;
}
.formelementsclear{
	clear: both;
	height: 6px;
}

.formelementstextright {
	float:right; 
	width: 135px; 
	padding: 5px;
	
}

.labelwrap label{
	width: 295px !important;
	float: right;
	padding-top: 4px;
	
}
.labelwrap input{
	float: left;
}

/*.formelements {
 background-color: green;
float: right;
width: 500px;
	margin: 0px;
}
.formelements .formelementright .text{
	float: left !important;
	margin-left: 250px;
}*/
.formelements  fieldset input {
	display: inline;
	margin: 0px 5px 0px 0px;
}


.formelements textarea, .formelements table, .formelements p .right {
	width: 450px;
	width: 50%;
}
.formelements textarea {
	width: 450px;
	width: 45%;
}
.formelements .right {
	padding-left: 0px !important;
	text-align: left;
}
.right p {
	padding: 3px 3px 3px 0px;
}
.nobullet{
	margin-right: 40px;
}
.nobullet li{
	list-style: none;
}
p.right{
padding-bottom: 4px !important;
padding-left: 0px !important;
}

.numberresults {
	
	text-align: right;
	margin-left: 256px !important;
	width: 51% !important;
}
.numberresults label, .numberresults span{
	color:Red;
	background-color:Yellow;
	padding: 2px 2px 2px 12px;
}

.inputwide  {
	width: 50% !important;
	
}
.formelements table {
	margin: 0px 0px 0px 12px;
}
.formelementsdisplay {
	clear: both;
	margin-top: 8px;
}
.formelementsdisplayimg {
	width: 250px;
	float: left;
	margin: 0px 5px 0px 0px;
	text-align: right;
}
.imgsmall {
	width: 95px !important;
	margin: 0px 0px 10px 0px !important;
}
.formelementsdisplay  p {
	width: 50%;
	margin: 0px 0px 0px 260px;
	padding-bottom: 0px;
}
.ContentGroup {
	width: 100%;
	float: right;
	
}

fieldset {
	margin-bottom: 10px;
	/*width: 430px;
	width: 90%;*/
	padding: 5px 10px 3px 10px;
	}
fieldset.fsetnoborder{
	padding: 0px;
	border: none;
}
#main fieldset {
	width: 95%;
}
fieldset table{
	width: 100% !important;
	margin: 0px;

}
fieldset ul {
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
fieldset li{
	margin-left: 40px;
	/*list-style: none;*/
}
	
	.footernav{
		text-align: right;
		width: 50% !important;
		
	}
fieldset h2 {
	font-size: 120%;
	margin: 3px;
}
td p {
	margin-top: 2px;
}
fieldset p {
	margin-top: 4px;
}
.formview{
	border: none;
	padding: 0;
	margin: 0;
}	
	/* table repaeters */

.rowrepeater h2{
	margin: 0px;
	
}
.rowrepeater {
	border: solid #666666 1px;
}
.rowrepeater th, .formelements th{
	background-color: #BFD8EE;
}
.rowrepeater .light, .light {
	background-color: #EFF5FB;
}
.rowrepeater .dark, .dark {
	background-color: #F6F5F3;
}
.selecteditem{
	background-color: yellow;
}
.rowrepeater p {
	margin: 0px;
	
}

.checkbox label{
	margin-right: 10px;
	margin-bottom: 5px;
	width: 130px !important;
	display: inline;
	float: left;
	/*text-align: right;*/
}

.LeftListCol {
	float: left;
	width: 200px;
	background-color: blue;
	margin-right: 5px;
}
.RightListCol {
	float: right;
	width: 200px;
	
	margin-right: 5px;
}
.checkboxes ul{
width: 150px;
list-style-type: none;
display: inline;
margin: 4px 0px 13px 0px !important;
padding: 0px;
}
.checkboxes ul li {
margin: 0px 0px 4px 0px;
width: 180px;
/*text-align: right;*/
}
.checkboxes td {
vertical-align: top;}
.MidListCol {
	width: 200px;
	background-color: red;
	margin-right: 5px;
	margin-left: 220px;
}

.checkbox  input {
	display: inline;
	margin: 0px;
}
.checkbox {
	clear: left;
	padding: 0px !important;
}
.centered {
	text-align: center;
}
.pagination {
	border: none;
	width: 0px;
}
.centered table{
	text-align: center;
	border: none;
	width: auto;
}
.pagination ul{
	margin: 2px auto 4px auto;
	padding: 0px 0px 0px 2px;
	display:block;
	border-left: solid 1px #ffffff;
	list-style-type: none; 
	list-style-image: none;
}
.pagination li {
	display: inline;
	margin: 0 1px 0 1px;
	padding: 0 1px 0 1px;
}
.pagination li a, .pagination td a, .pagination td span{
	padding: 0 15px 0 15px;
}
.paginationactive {
	background-color: #F6F5F3;
}

/* pagination list */

.paginationlist td{
	border: solid 1px #336699;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
}
.paginationlist td a{
	padding: 5px 5px 5px 5px;
	display: block;
	width: auto;
}

.paginationlist ul{
	margin: 8px 0 0 0;
	padding: 0px;
}
.paginationlist li a{
	padding: 4px 10px 4px 10px !important;
	border: solid 1px blue;
	margin: 0px;
}
.paginationlist li {
	display: inline;
	margin: 0 !important;	
	padding: 0;
}
.paginationlistactive a{
	background-color: #F6F5F3;
}
.paginationlist a:hover{
	background-color: #F6F5F3;
}
#top-nav, #mid-nav{
	
	margin-bottom: 0px;
	padding: 0px 2px 0px 0px;
}
#top-nav ul, #mid-nav ul {
	margin: 2px 0 0px 0; 
	height: 20px;
	list-style-type: none; 
	list-style-image: none;
	padding: 8px 0px 0px 0px;
	background-image: url(../images/tabbot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	white-space:nowrap;
}
/* Variations to mid nav */
#mid-nav ul {
	margin: 0px 18px 0px 0; 
}
#mid-nav ul {
	margin-left: 2px;
	margin-bottom: -4px;
}
#top-nav li, #mid-nav li{
	display: inline;
	padding: 2px 0px 0px 0px;
	margin:  0px 5px 0px 0px;
	height: 20px;
	/*background-image: url(../images/tabtop.gif);
	background-position: bottom;*/
}
#top-nav a, #mid-nav a {
	margin: 0px 2px 0px 0px;
	padding: 0px 8px 0px 8px;
	border: 1px solid #666666;
	/*border-right: 1px solid #336699;*/

	background-color: #f6f5f3;
}
.wizardnav {
	width: 150px;
	padding-right: 50px;
}
.wizardnav table tr td {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}
.wizardnavactive {
	background-color: #1f72c5;
}
.wizardnavactive a:link, .wizardnavactive a:visited{
	color:#fff;

/* back up 
#top-nav a, #mid-nav a {
	margin: 0px -2px 0px 0px;
	padding: 0px 8px 0px 8px;
	border: 1px solid #666666;
	border-right: 1px solid #336699;
	background-color: #f6f5f3;*/
}
#mid-nav a {
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 3px 8px 2px 8px;
	background-color: #dfecf7;
}
#top-nav a:hover, #mid-nav a:hover{
	background-color: #D0E1ED;
	/*border-right: 1px solid #666666;*/
	/*border-right: 1px solid #336699;*/
}
#active-tab a, .active-tab a, a.active-tab {
	border-bottom: 1px solid #ffffff !important;
	background-color: #ffffff !important;
}


.appsynopsis {
	font-size: 115%;
	margin-bottom: 6px !important;
	line-height: 150%;
}


/* Calendar controls */
CalendarControl {
/* CalendarFont-Names="Arial" CalendarOffsetX="-220px" CalendarWidth="220px" InitialValueMode="Null"> */
font-family: Arial, Helvetica, sans-serif;
}
.CalendarDay {
/* <CalendarDayStyle Font-Size="8pt" BackColor="LightGoldenrodYellow" /> */
font-size: 0.6em;
background-color: #FAFAD2;
}
.CalendarDayHeader {
/* <CalendarDayHeaderStyle Font-Size="9pt" /> */
font-size: 0.7em;
}
.CalendarToday {
/* <CalendarTodayDayStyle BorderWidth="1px" BorderColor="Olive" Font-Bold="True" /> */
border: 1px solid #808000;
font-weight: bold;
}
.CalendarOtherMonthDay {
/* <CalendarOtherMonthDayStyle BackColor="Beige" /> */
background-color: #F5F5DC;

}
.CalendarTitle {
/* <CalendarTitleStyle BackColor="DarkKhaki" Font-Names="Arial" Font-Size="10pt" Font-Bold="True" /> */
background-color: #BDB76B;
font-family: Arial, Helvetica, sans-serif;
/*font-size: 0.8em;
font-size: 12px;*/
font-weight: bold;

width: 100% !important;
}
.MonthYearDropDown {
/* <MonthYearDropDownStyle BackColor="#EEEEE0" /> */
background-color: #EEEEE0;
}
.TodayButton {
/* <TodayButtonStyle BackColor="#EEEEE0" /> */
background-color: #EEEEE0;

}
.calendar {
	padding: 0px;
}
.calendar table{
	margin: 0px;
}

#AppSteps {
	float:right;
}

.rightPanel{
	float: right;
	
}
.left {
	float: left;
	width: 300px;
	margin-right: 20px;
}
.formPanel {
clear: right;
	margin: 40px 4px 4px 4px;
	border: solid 2px #555555;
	padding: 8px;
}
.formPanel h4{
	margin-top: 2px;
	font-size: 120%
}
.ListNoBullets li{
	list-style-type: none;
	height: 27px;
	padding-bottom: 2px;
}
.ListNoBullets input{
	margin-left: 50px;
}

#WizardSteps {
	
	width: 200px;
	float: left;
	margin-top: 9px;
}

#WizardSteps  ul{
	list-style: none;
	padding: 0px;
	margin: 0px;}
	
#WizardSteps li{
	padding: 5px;
	border-bottom: 1px solid #ffffff;
	background-color: #f5f5f5;
}
#WizardSteps li.dark{
	padding: 5px;
	border-bottom: 1px solid #ffffff;
	background-color: #cccccc;
}
/*
#WizardSteps {}
#WizardSteps {}
*/


.rightbut1 {
	margin: 10px 0px 0px 0px;
	float: right;
	right: 20px;
	visibility: visible;
	font-style: italic;

}
.rightbut1 input, .rightbut2 input{
	/*width: auto !important;*/
	font-weight: bold !important;
	border: thin solid #999999 !important;
	margin-left: 4px !important;
}
.rightbut2 {
	margin: 10px 0px 0px 0px;
	right: 120px;
	float: right;
	visibility: visible;
	
}
.rightbut3 {
	margin: 10px 0px 0px 0px;
	right: 220px;
	float: right;
	visibility: visible;
}
	
.leftbut1 {
	float:left;
	margin: 10px 0px 0px 0px;
	visibility: visible;
	
	}
.leftbut1 input, .leftbut2 input{
	width: auto;
	border: thin solid #999999;
	margin-right: 4px;
}
.leftbut2 {
	float:left;
	margin: 10px 0px 0px 0px;
	left: 140px;
	visibility: visible;
	width: 100px !important;
	}
.Radcheckbox {
	margin-top: 3px;
}
.Radcheckboxx input{
	border-top: 15px solid #ffffff !important;
}
span.Radcheckbox {
	display:inline-block;
	width:266px;
}


/* Dynamic dropdown lists */

.NavigationDrop {
	border: 2px solid #ffffff;
}
.NavigationDropx li{
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
.NavigationDrop ul {
	/*width: 50px;*/
	
}
.xhide li {
	width: 151px;
	padding: 0px;
	margin: 0px;
}
.Group {
	background-image: url(../images/Button_Group.jpg);
	width: 145px ! important;
	margin-top: 3px;
	border-top: 1px solid #555555;
	padding: 0 0 0 3px;
	/*height: 28px;
	
	display: block;
	padding-left: 27px;
	line-height: 27px;
	color: #dfdfdf;
	text-decoration: none;
	border-top: 2px solid green;
	border-right: 1px solid green;
	border-left: 1px solid green;*/
}
.Group a {
	margin-left: 5px !important;
}
.Group:hover {
	color: #000000;
	text-decoration: underline;
}
.Option {
	background-color: #ffffff;
	padding-top: 2px;
	padding-right: 4px;
	/*padding-bottom: 2px;*/
	padding-left: 4px;
	/*padding: 2px 8px 2px 8px;
	height: 28px;
	display: block;
	width: 100px;
	background-image: url(../images/xButton_Option.jpg);
	/*line-height: 27px;
	padding-left: 27px;
	
	
	text-decoration: none;
	border-bottom: 1px solid green;
	border-right: 1px solid green;
	border-left: 1px solid green;
	clear: right;
	*/
}
.Option input{
	float: right;
	margin: 0px;
	height: 16px;
}
.Option label{
	width: 120px ;
	width: 80px !important;
	/*background-color: green;
	display: block;*/
	
}
li.xOption {
	padding: 3px;
	width: 140px;
	margin: 0px;
}
.Option:hover {
	color: #000000;
	text-decoration: underline;
}
.show {
	display:none;
}
.hide{
	display:inline;
	margin: 0px !important;
	padding: 0px !important; 
}
.hide ul {
margin: 0px !important;
padding: 0px !important;}

.hide ul li {
margin: 0px 0px 2px 0px!important;

}
.hide ul li.NavChild  a{
width: 110px !important;
}
#popup {
	
	position:relative;
	
	z-index:20;
	
	
	

	padding: 5px;
}
.formelements25, .formelements50, .formelements75, .formelementsbut {
	margin: 0 0 5px 0;
	clear: left;

}
.formelements25 p, .formelements50 p, .formelements75 p, .formelementsbut p.febuttonleft{
	float: left;
	width: 248px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;

}
.formelements25 input, .formelements25 textarea, .formelements25 select {
	width: 150px;
	float: left;
	
}
.formelements50 input, .formelements50 textarea, .formelements50  select{
	width: 400px;
	float: left;
}
.formelements75 input, .formelements75 textarea, .formelements75 select  {
	width: 600px;
	float: left;
}
.formelements25 textarea, .formelements50 textarea, .formelements100 textarea{
	margin-bottom: 8px;
}
.borderedpanel {
	border: 1px solid #cccccc;
	padding: 0px 0px 5px 0px;
	margin: 6px 2px 2px 1px;
}

.borderedpanel .formelementsdisplay .formelementsdisplayimg, .borderedpanel .formelements p{
	width: 150px !important;
	margin-left: 0px;

}
.borderedpanel .formelementsdisplay p {
	width: 390px;
	margin: 0px 0px 0px 170px;
}

.borderedpanel .formelements {
	
	margin: 4px 5px 4px 5px;
	width: 560px;

}
.borderedpanel h3, .borderedpanel h2 {
	background-color: #cccccc;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	color: #121212;
}
.borderedpanel p {
	margin: 6px;
}


.linkbuttonPheight p{
	height: 50px;
}