/* Generic Classes */

.normaltext .normaltext A {
	color: black;
	text-decoration: none
}

H2, H1 {	
	color:#51679C;
	font-size: 1.1em;
	padding: 0;
	margin: 0;;
}

IMG {	border: 0px }

H1 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 2px
}

/* Commented out for Spelthorne Website Integration */

TABLE {
	width: 100%
}

.errormessage {
	color: red;
	text-align: center
}

/* Toolbar Classes removed*/
/* Second layer tabs buttons removed*/


.spacerupper {
	width: 100%;
	background-color: #F6F9FB
}

/* Content Table removed */
/* left toolbar removed */
/* New Form Page removed */
/* Browse Forms Panel removed*/ 

/* RenderForm Classes */
.deletesubformbutton {
	border: 1px solid #528FBD;
	background-color: #528FBD;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	cursor: hand
}

.subformrendertable {
	padding-bottom: 4px;
}

.sectionnamerender {
	color: #528FBD;
	font-size: 1em;
	font-weight: bold
}

.subformcolumns {}

.formname {
	color: #528FBD;
	font-size: 1.4em;
	font-weight: bold
}

.progressside {
	position: absolute
}

.hidden {
	visibility: hidden
}

.progress1 {
	background-color: #528FBD;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: hand
}

.progress0 {
	background-color: #FFFFFF;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #528FBD;
	cursor: hand
}

/* non clickable top&bottom buttons rm*/
/* Side Progress Classes rm*/
/* non clickable side buttons rm*/

.advrulesbutton {
	background-color: #FFFFFF;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #528FBD;
	cursor: hand
}

.advrulesbutton1 {
	background-color: #528FBD;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: hand
}

.outerformtablerows {
	background-color: transparent;
	padding-bottom: 2px
}

.outerformtablecolumns{
	padding-bottom: 2px;
	background-color:  #FFFFFF
}

.renderbuttonstable {
	width: 90%;
	margin-left: 3%;
	border: 1px solid #528FBD;
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url(f3cssgifs/renderform/af3logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right
}

.textinputs {
	border: 1px solid #528FBD
}

.fieldtitle {
	color: #000000;
	font-weight: normal;
	/*width: 30%;*/
	padding: 3px 1px;
	font-size:0.9em;
}

.generictextinput {
	border: 1px solid #528FBD;
	margin-right: 2px
}

.genericsecrettextinput {
	border: 1px solid #528FBD;
	margin-right: 2px;
	width: 149px
}



TEXTAREA {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.genercitextarea {
	border: 1px solid #528FBD;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.genericselect {
	border: 1px solid #528FBD
}

.generictime {
	margin-right: 2px
}

.genericrichtext {
	border: 1px solid #528FBD
}

.genericdate {
	margin-right: 2px
}

.richeditbar {
	background-color: #F5F7FA;
	background-image: url(f3cssgifs/upperheadergrad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #528FBD;
	border-right: 1px solid #528FBD;
	padding-top: 21px;
	padding-bottom: 10px;
	padding-left: 10px
}

.paragraghtext, .paragraphtext {
	color: #2E597A
	/*color: #528FBD;
	font-weight: bold*/
}

.renderformbuttons {
	background-color: #1F8110;
	background-image: url(f3cssgifs/renderform/renderbutton.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
	margin: 1px;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true')
}

.eformstext {
	text-align: center;
	font-size: 0.8em
}

.eformstext A {
	color:#528FBD
}

.validationtable {
	background-color: #FFFFFF;
	border-bottom: 1px solid #528FBD
}

.rulesection {
	color: #9A0000
}

.reviewtable {
	border: 1px solid #528FBD;
	background-color: white;
	width: 90%
}

/* View Form Data Classes */

.viewdataoutertable {
	background-color: #FFFFFF;
	border-bottom: 1px solid #5E79A4;
}

.responsetd {
	color: green
}

.responsetd P,li{
	color: black
}

.outerreadonlytable {}

.warning {
	font-size: 0.85em;
	color: red
}

.referenceno {
	color: red
}

.manadatory {
	color: red
}
.headerlabelsformfields {
	width: 30%;
	background-color: #FFFFFF;
	color: #7985B4;
	font-size: 0.9em;
	border-right: 1px solid #5E79A4;
	padding-left: 0.5em;
	background-image: url(f3cssgifs/Browseforms/headerlabel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 2px
}

/* Date control classes */

.cal {
            BACKGROUND-COLOR: #e5e5e9; FONT-SIZE: 0.9em; padding: 1px;
}

.cal A:link {
            color: black;
}           

.calwday {
            BACKGROUND-COLOR: #b2b2b2; PADDING: 1px;
}

.caldate {
            PADDING: 1px; TEXT-ALIGN: center
}

.caldatesel {
            BACKGROUND-COLOR: #ffffff
}

.caledge {
            BACKGROUND-COLOR: #82A0D3; COLOR: white; 
}            

.caledge A:visited {
            BACKGROUND-COLOR:#82A0D3; COLOR: white
}

.caledge A:link {
            COLOR: white
}

.caldateother {
            BACKGROUND-COLOR: #c4c4ce
}

.calerror {
            BACKGROUND-COLOR: #fb7d77
}

.dateerror{
	BACKGROUND-COLOR: #fbcdc7
}

A.dateerror{
	border: 1px solid red;
}

.calpyear {
	WIDTH: 4em
}

.cal > SPAN {font-size: 12px;}

.datecombo {
	width: 26px;
	height: 26px;
	display:	inline-block;
	background-image: url(dateicon.gif);
	background-repeat: no-repeat;
	background-position: 10%;
	text-decoration: none
}

/* Drag and drop classes rm */

/* Validation Errors Page */

.sectionstable {
	background-color: #FFFFFF;
	width: 100%;
}

.sectionname {
	color: #9A0000
}

.errortext {
	color: #000000
}

/* Javascript Pop-Up Menu */

.fieldpopupmenu {
	border: 1px solid #528FBD;
	border-top: 7px solid #528FBD;
	POSITION: absolute; 
	left:-1000px;
	top:-1000px;
	BACKGROUND-COLOR: #FBFDFD;
	padding: 4px;
	text-indent: 1.5em;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(f3cssgifs/popupgrad.gif) bottom repeat-x;
}

.popupdivtable {
	width: 310px
}

.popupformname {
	font-weight: normal;
	color: #177F0D
}

DIV.fieldpopupmenu TD{ 
	width: 100%
}

.myadvancedtable {
	width: 310px
	/*FILTER: Alpha(Opacity=80);*/ 
}



.popupmenu {
	border: 1px solid #528FBD;
	POSITION: absolute; 
	left:-1000px;
	top:-1000px;
	BACKGROUND-COLOR: #FBFDFD;
	white-space: nowrap;
	text-indent: 0.1em;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	padding: 4px;
	border-top: 10px solid #528FBD;
	z-index: 2;
	background-image: url(f3cssgifs/popupgrad.gif) bottom repeat-x;
}



.helppopup{
	border: 1px solid #528FBD;
	POSITION: absolute; 
	left:-1000px;
	top:-1000px;
	BACKGROUND-COLOR: #FBFDFD;
	white-space: nowrap;
	text-indent: 0.1em;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	border-top: 5px solid #528FBD;
	z-index: 2
}

.browsemenuoption A {
	text-decoration: none;
	color: #5E79A4;
	font-weight: normal;
	white-space: nowrap
}

.browsemenuoption A:hover {
	text-decoration: none;
	color: #159846;
	font-weight: normal;
	white-space: nowrap;
}

/* Login Panel*/

.emailtable {
	background-color: #FFFFFF;
	border: 1px solid #528FBD;
	width: 33%;
	text-align: left;
	height: 90px
}

.logintable {
	background-color: #FFFFFF;
	border: 1px solid #528FBD;
	width: 28%;
	text-align: left;
	height: 125px
}

.logintext {
	background-color: #528FBD;
	color: white
}

.loggedinas {
	background-color: #FFFFFF
}

.loggedintext {
	width: 5%;
	white-space: nowrap
}

.cancelloginbutton {
	position: absolute;
	top: 126px;
	left: 36%;
	width: 40px;
	height: 40px
}

.systemslookuptable {
	background-color: #FFFFFF
}

.datalookupstable {
	background-color: #F4F4F4;
	border-top: 1px dashed #528FBD
}

.valuelookupstable {
	background-color: #F4F4F4;
	border-top: 1px dashed #528FBD
}

/* For MCMS Class Changes */

.af3parent TABLE {
	width: 100%
}

/* Commented out for Spelthorne Website Integration removed */
/* Added for Spelthorne Website Integration */
#content {
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em
}

.af3parent .sectionstable {
	background-color: #FFFFFF;
	bordser: 1px solid #528FBD;
	border-bottom: 1px solid #FFFFFF;
	backgrounsd-image: url(f3cssgifs/Design/sectionstab.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.af3parent .sectionstd {
	position: relative;
	top: 8px;
	white-space: nowrap;
}

.af3parent .genericselect, .af3parent .generictime, .af3parent .genericdate, .af3parent .generictextinput {
	font-size: 0.9em
}

.af3parent .spacerupper {
	width: 100%;
	background-color: #F6F9FB;
	background-image: url(f3cssgifs/toolbarcms.gif);
}

.af3parent .quickedittable {
	background-color: #F5F8FB;
	width: 300px;
	border: 1px solid #528FBD;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D1DFEC', EndColorStr='#F5F8FB')
}

.af3parent .outerinsertiontable {
	border: 1px solid #528FBD;
	background-color: #F5F7F8;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	color: #1F5782;
	height: 120px
}

.af3parent .printoptionsbit {
	background-color:	#F6F9FB;
	height: 32px;
	position: relative;
	top: -9px;
	background-image: url(f3cssgifs/printgrad.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #7985B4;
	border-left: 15px solid #7985B4;
	white-space: nowrap;
	width: 90%
}

.af3parent .imagesuround {
	border: 1px solid #5E79A4;
	background-color: #FFFFFF;
	position: absolute;
	width: 200px;
	left: 60%;
	top: 20%;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true')
}

.h2_mandatory {
	color:#FF0000;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

/* For Lookup Page Styling */

.lookup_noresults{
	color:#FF0000;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

.lookup_please_select{
	color:#000CCC;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

.lookup_even_rows{
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
}

.lookup_odd_rows{
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
}

.lookup_cols{
	color:#3333FF;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

.lookup_columntitle{
	color:#0000DD;
	font-size: 1.2em;
	padding: 0;
	margin: 0;	
}

.lookup_radio{

}

.lookup_title_row{
	background-color:#AAAFFF;
}
.scrollbar {
	overflow: auto;
	overflow-x: hidden; 
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff; 	
	scrollbar-arrow-color:#999999; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#999999; 
	scrollbar-3dlight-color:#999999; 
	scrollbar-darkshadow-color:#ffffff;
	height:100px
}

.lower{	height:50px;}

.fieldtr{
	font-size: 0.9em;
}

.subformtitle {
	 font-size: 0.8em; 
}

label{padding:10px}

a:link {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	/*color: #000000;*/
	font-size: 100%;
	text-decoration: none;
}

a:hover{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	/*color: #000000;*/
	font-size: 100%;
	text-decoration: underline;
}