/*
body *
{
	font-family: verdana, arial, helvetica; 
	color: #000000;
	font-size:12px;
}
*/


/************************************************************/
/*		Form Caption -- Headers of user controls			*/
/************************************************************/
.formcontainerchecklist
{
	width: 500px
}

.formcontainerchecklist input
{
	width: 400px
}

.formcaption
{
	padding-top:7px;
	width:390px; 
	margin-top:5px;		
	margin-bottom:5px;		
	margin-left:0px;
	font-weight:bold;
}

.formcaption *
{
	font-family: verdana, arial, helvetica; color: #000000;
	font-size:14px;
	font-weight:bolder;	
}

p .formcaption
{
	font-family: verdana, arial, helvetica; color: #000000;
	font-size:14px;
	font-weight:bolder;	
}


/************************************************************/
/*		Form Instruction -- Instructions					*/
/************************************************************/

.forminstruction
{
	width:390px;
	padding-top:5px;
	font-size:12px;
}

/************************************************************/
/*		Form Container -- Inputs and Labels of controls		*/
/************************************************************/

.formcontainer
{
	width:390px;
	font-family: verdana, arial, helvetica; 
	color: #000000;
	margin-top:20px;
	font-size:12px;
	/* border-bottom: 1px solid #CCC;*/
}

.formcontainer *
{
	font-size:12px;
}	

.formcontainer div.TableWrapper table { width: 390px;} 


	
/* division within a form container that will hold a label and input	*/
/* and any other items associated with that input						*/	
.formcontainer div
{
	width:390px;
	width:100%;
	border-top: solid 1px #CCC;	
	padding:10px 0px;
	clear:both;
}


/* Still hanging around on a few pages (ie select applicant) */
div#formcontainer div.clearfix {border-top: 1px solid #CCC;  font-size:12px; padding:10px 0px; vertical-align:top; width:390px;}	
div.clearfix span {width:120px; font-size:12px; color: #000000; margin:0 10px;}


.formcontainer div.Wide span { width:380px;  }
.formcontainer div.Wide select { width:100px; clear:both;  margin-left:250px; margin-top:4px; }

.formcontainer div div
{
	border-style:none;
	float:left;
	clear:none;
	margin:0px;
	padding:0px;
	width:180px;
}


.formcontainer div div.FieldInstructions {width:100%; }
.formcontainer div div.FieldInstructions span { width:380px; clear:both; padding:3px; margin-top:4px; font-size:11px;}

/* input's label */
.formcontainer div span
{
	width:120px; 
	float:left; 
	font-size:12px; 
	color: #000000; 
	margin:0 10px;
}

/* For examples ie household addressee/salutation */
.formcontainer div.FieldInstructions span
{
	width:100%;
	clear:both;
}

/* Drop Down List */
.formcontainer select
{
	width:180px;
}

/* Input (textbox) */
.formcontainer input
{
	width:180px;
}

/* Date fields, prevents textbox from becoming extremely large */
.formcontainer div.DateInput { width:180px; float:left; }
.formcontainer .DateInput input { width:35px; text-align:right;  }


.formcontainer div.CheckBoxInput 
{

}

.formcontainer div.buttongroup input
{
	width: 18px;	
}
	
.formcontainer div.CheckBoxInput input
{
	width: 18px;	
}

.formcontainer table input
{
}

.formcontainer div.CheckBoxGroupInput input 
{
	width:18px;
}


/************************************************************/
/*		Administrative controls (UDA)						*/
/************************************************************/


/* Default style of the panel that wraps the UserDefinedAttribute control */
/* w/out explicitly stating this the top border is overwritten from above .formcontainer div or .formcontainer div div */
.formcontainer div.UserDefinedAttributes { border: solid 1px red; margin:0px; padding:0px; width:75%; margin-left:10%; 	}
.formcontainer div.UserDefinedAttributes div { margin:1px; padding:0px; padding-left:3px; padding-right:3px;  }

.UserDefinedAttributes
{
	margin-left:10%;
	clear:both;
	background-color:#f6f6f6;
	padding:0px;
	padding:0px;
	width:75%;
	border: solid 1px red;
}

/* Panel that contains 'Administrator only' and the not field */
.UserDefinedAttributes .udaInfo
{	
	clear:both;
	width:100%;
	border-style:none;
	padding:0px;	
	margin:0px;
}

.UserDefinedAttributes .udaInfo span
{
	font-size:10px;
	color:Red;
	float:left;
}

/* div(panel) that contains inputs(textbox/checkboxes) */
.UserDefinedAttributes .udaAdjustments
{	
	clear:both;
	margin-left:4px;	
	border-style:none;
}

.UserDefinedAttributes .udaAdjustments input
{
	font-size:10px;
	width:180px;
	float:left;		
}

.UserDefinedAttributes .udaAdjustments label
{
}

.UserDefinedAttributes .udaAdjustments .ckBox
{
	width:30%;
	padding:0px;
	padding-left:5%;
	margin:0px;
	border-style:none;
	float:left;
	width:25%;
}

.UserDefinedAttributes .udaAdjustments .ckBox input
{
	width:18px;
	float:left;
}

.UserDefinedAttributes .udaAdjustments .ckBox label
{
	font-size:10px;
}

/* div(panel) than contain links(link buttons) for 'Save'/'Restore' */
.UserDefinedAttributes .udaButtons
{	
	clear:both;
	padding-bottom:3px;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	text-align:right;

	border-style:none;
}

.UserDefinedAttributes .udaButtons a { font-size:10px; }


/* Attribute control will give the division this	*/
/* style class if the division is no longer visible */
div.AdminVisible *
{
	/* background-color:#f3ecec; */ /* Lite Red - Grey */
	/* An attempt at something cool - need to do some weird position tricks (see http://www.mandarindesign.com/troops.html) */ 
	/* Makes the ares 'see through' */
	/* They are actual element btw  */
	
}

/************************************************************/
/*		UI controls											*/
/************************************************************/

.Button
{
	background-color:#FFFBFF; 
	border-color:#CCCCCC; 
	border-style:Solid; 
	border-width:1px;
	font-size:1em;
	color:#284775; 
	width:121px; 
}


/************************************************************/
/*		Standard Text										*/
/************************************************************/

.WarningText span { font-weight:bold; padding:5px; border:solid 2px red; background-color:#ffe5e5; }

a { color:Blue; text-decoration:underline; }
a:visited { text-decoration:underline; }

.Address { margin-left: 60px; padding-bottom:7px; padding-top:4px; }	

table tr th
{
	padding-top:3px;
	padding-bottom:1px;
	margin-bottom:2px;
	text-align:left;
	width:100%;
}

table tr
{
	padding:0px;
	margin:0px;
}

table tr td
{
	/* padding-left:10px; */
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}

ol
{
	margin-top:3px;
	margin-bottom:3px;
	line-height:1.5em;	
	font-size:12px;
}


ol li
{
	margin-top:2px;
	margin-bottom:2px;
}

ul
{	
	margin-top:3px;
	margin-bottom:3px;
	line-height:1.5em;	
	font-size:12px;
}

ul li
{
	margin-top:2px;
	margin-bottom:2px;
}



ol li ol
{
	list-style-type:lower-alpha;
}


.WarningText
{
	font-size:12px;
	color:Red;
}


p 
{
	line-height:1.5em; 
	margin: 0.5em 0 .75em 0em;
}

p span.title 
{
	margin-top:3px;
	font-size:1.1em;
	font-weight:bold;
}


/* Household Choices */
.NavigationList { margin-bottom:40px; font-size:12px; list-style-type:disc; }
.NavigationList ul { font-size:12px; list-style-position:outside;  line-height:normal; }
.NavigationList ul li {	margin-left:-20px; padding:2px;text-indent:5px; }

.NavigationList ol { margin-top:5px; margin-left:50px; }
.NavigationList ol li {	margin-bottom:5px; }
.NavigationList ol li ul { margin-top: 5px; }


/************************************************************/
/*		Sub Header											*/
/************************************************************/

.SubHeader { border-bottom: solid 1px gray; padding:2px 2px 5px 2px; width:99%; } 
.SubHeader a { text-decoration:none;}
.SubHeader a:hover { text-decoration:underline;}
.SubHeader div.toppane { width:100%; }
.SubHeader div.bottompane { width:100%; clear:both; margin-top:6px; margin-bottom:3px;  }
.SubHeader div.leftpane {font-size:12px; width:49%; margin-left:0px; margin-top:0px; margin-bottom:5px; float:left;}
.SubHeader div.rightpane {font-size:12px; width:49%; margin-left:0px; margin-top:0px; text-align:right; float:left;  }
.SubHeader div.headerspan {font-size:12px; color: #000000; margin-right:5px;} 

/************************************************************/
/*		CMS Content Styles									*/
/************************************************************/

/* style for module container */
CMS-Container
{
  /*background-color:green;*/
}

 /* style for module top bar */
.CMS-TopBar
{
    margin:0px;
    border:0px;
    border:0px;
    /* width:100%;	 */
    /*background-color:green;*/
}

/* style for module titles */
.CMS-TopBarTitle
{
    margin:0px;
    border:0px;
    border:0px;
    float:left;
    /* width:80%; */
    /*background-color:red;*/
}
/* style for module edit link */
.CMS-TopBarEdit
{
	padding-top:5px;
	/*
    margin:0px;
    padding:5px;
    border:solid 2px blue;
    background-color:#c8eeff;
	*/
    /* width:99%; */
    /*text-align:right; */
    /*background-color:yellow;*/	
}

.CMS-TopBarEdit a:hover
{
	text-decoration:underline;
	background-color:#d2faf4;
}

.CMS-TopBarEdit a
{
	margin-right:20px;
	text-decoration:none;
	background-color:White;
	border:solid 1px #d2faf4;
	 padding:2px 4px 2px 4px;
	
}


/* style for module content */
.CMS-Content
{
    width:100%;
    /*background-color:blue;*/
}



.title 
{
	margin-top:3px;
	font-size:1.1em;
}




.CMS-AdminWrap
{
	position:relative;
	border:solid 1px #d2faf4;
	background-color:#effaf8;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}