body{
margin:0px;
margin-top:5px;
background-color:#FFFFFF;}


#main-div{
width:960px;
height:auto;
text-align:left;}

#title-div{
width:960px;
height:84px;}

.tit-left{
width:310px;
margin-left:20px;
margin-top:10px;
float:left;
}



.tit-right{
width:360px;
float:right;
height:24px;
margin-top:5px;
padding:10px;
text-align:right;
padding-right:20px;
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:11px;
color:#999999;}

.tit-right a{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;}

.tit-right a:hover{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:11px;
color:#999999;
text-decoration:underline;}








/*header test*/

#header-div{
width:960px;
height:235px;background-image:url(../images/cont-bg-img.gif);
background-color:#fcfbfb;

background-image:url(../images/flash-bg.gif);}


.header-div-flash{
width:422px;
height:235px;
float:right;
overflow:hidden;
}

.header-div-top{
width:538px;
height:19px;
background-image:url(../images/cont-top-bg.gif);
background-repeat:repeat-x;
float:left;
}



.header-div-btm{
width:538px;
height:19px;
background-image:url(../images/cont-btm-bg.gif);
background-repeat:repeat-x;
float:left;
}




.header-div-mid{
width:538px;
height:235px;
float:right;
background-image:url(../images/search-domain.jpg);
background-repeat:no-repeat;
}

.header-div-mid p{
font-family:Trebuchet MS,Times New Roman ,Arial,Tahoma, Verdana;
font-size:20px;
font-weight:bold;
color:#575757;
padding-top:30px;
padding-left:70px;
padding-right:25px;
text-align:justify;
margin:10px;
}



.header-div-mid  .textbox{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Arial, Verdana;
font-size:11px;
color:#575757;
margin-top:50px;
padding-top:0px;

margin-left:45px;
margin-bottom:0px;
margin-top:0px;
overflow:hidden;

text-align:left;

}



.header-div-mid textarea {
overflow:auto;
overflow:hidden;
}




.header-div-mid  .text-btn{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Arial, Verdana;
font-size:11px;
color:#575757;
text-align:center;


padding:1px;


}

.header-div-mid .pspan{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Arial, Verdana;
font-size:11px;
color:#575757;
text-align:justify;
font-weight:normal;
padding-top:5px;
padding-left:65px;
margin-left:65px;
}






#header-div h1{
font-family:Arial,"Trebuchet MS", Tahoma, "Times New Roman",  Verdana;
font-size:19px;
color:#047cb9;
/*color:#ae0390;*/
font-weight:bold;
text-align:left;
margin:0px;
padding:0px;
margin-left:45px;
}
/*header*/




#menubar{
width:960px;
height:47px;
background-image:url(../images/menu-bg.gif);
background-repeat:repeat-x;
text-align:right;
vertical-align:middle;
margin:0px;}


.mnb-left{
width:67px;
height:47px;
float:left;
background-image:url(../images/menu-fornt.gif);}


.mnb-right{
width:11px;
height:47px;
float:right;
background-image:url(../images/menu-back-img.gif);}




.mnb-cent{
float:right;
width:auto;
height:47px;

}

.mnb-cent table{
margin-left:30px;
width:620px;
}

			



.mnb-cent a{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;
font-weight:bold;
padding-left:10px;
padding-right:10px;
text-decoration:none;margin-top:10px;

}



.mnb-cent a:hover{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*background-image:url(../images/active-bg.gif);*/
background-color:#ecf0f3;
color:#003399;
text-align:left;

padding-top:10px;
padding-bottom:10px;}

.mnb-cent a:active{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#003399;
text-align:left;
background-image:url(../images/active-bg.gif);
padding-top:10px;
padding-bottom:10px;
}








#latest-news{
width:960px;
background-image:url(../images/lst-news-bg.gif);
background-repeat:repeat-x;
height:44px;}


.lst-news-right{
width:50px;
background-image:url(../images/lst-news-right.gif);
height:44px;
float:right;
background-repeat:no-repeat;
background-position:right;}


.lst-news-left{
width:110px;
background-image:url(../images/lst-news-left.gif);
background-repeat:no-repeat;
height:44px;
float:left;
padding-top:3px;}


.lst-news-center{
height:44px;
float:right;
text-align:left;
width:780px;}

#latest-news h1{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:left;
padding:0px;
margin:0px;
padding-left:20px;
margin-top:11px;
}

#latest-news p, .lst-news-right p{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:left;
padding:0px;
margin:0px;

margin-top:14px;}

#latest-news a{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#575757;
text-align:left;
padding:0px;
margin:0px;
margin-top:13px;
}



#cont-div{
width:960px;
height:auto;
background-image:url(../images/cont-bg-img.gif);}



.cont-div-top{
width:960px;
height:19px;
background-image:url(../images/cont-top-bg.gif);
background-repeat:repeat-x;
}


.cont-div-top-left{
width:19px;
height:19px;
background-image:url(../images/cont-left-top.gif);
float:left;

}


.cont-div-top-right{
width:19px;
height:19px;
background-image:url(../images/cont-right-top.gif);
float:right;
}










.cont-div-cent{
width:960px;
text-align:center;
/*background-color:#00CC00;*/

}







.cont-div-btm{
width:960px;
height:19px;
background-image:url(../images/cont-btm-bg.gif);
background-repeat:repeat-x;


}


.cont-div-btm-left{
width:19px;
height:19px;
background-image:url(../images/cont-left-btm.gif);
float:left;
}


.cont-div-btm-right{
width:19px;
height:19px;
background-image:url(../images/cont-right-btm.gif);
float:right;
}


#cont-mid-btm {
width:940px;
padding-left:10px;
padding-right:10px;
/*background-color:#666600;*/}

#cont-mid-top  {
width:940px;
padding-left:10px;
padding-right:10px;
/* background-color:#003300; */}

.cont-mid-top-right{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:right;}


.cont-mid-btm-right{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:right;}

.cont-mid-top-left{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;}


.cont-mid-btm-left-link{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;}



.cont-mid-btm-left{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:left;}


.cont-mid-top-right-2{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:right;
margin-right:7px;}


.cont-mid-btm-right-2{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:right;
margin-right:7px;}



.cont-mid-top-left-2{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;
margin-left:10px;}


.cont-mid-btm-left-2{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:left;
margin-left:10px;}


/* used in all boxes  */

.cont-mid-title{
background-image:url(../images/title-bg.gif);
height:32px;
width:228px;
clear:both;}


.cont-mid-title-left{
background-image:url(../images/title-img-left.gif);;
height:32px;
width:6px;
float:left;}

.cont-mid-title-center{
height:32px;
float:right;
width:210px;}


.cont-mid-title-center h1, .cont-cent-title h1{
padding:0px;
margin:0px;
text-align:left;
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:7px;}

.cont-mid-title-right{
background-image:url(../images/title-img-right.gif);
height:32px;
width:6px;
float:right;}


#cont-mid-top p, #cont-mid-btm p{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:justify;
padding-left:10px;
padding-right:10px;
margin:0px;
line-height:17px;
padding-top:5px;

}

.cont-mid-btm-left-link ul{
padding-top:0px;margin-top:10px;
text-align:left;
line-height:17px;
list-style-type:none;
padding-left:1px;
padding-right:3px;

padding-bottom:0px;
margin:0px;
}

.cont-mid-btm-left-link li{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:5px 7px; 

}









#cont-mid-top ul, #cont-mid-btm ul{
padding-top:0px;margin-top:10px;
text-align:left;
line-height:17px;
list-style-type:none;
padding-left:5px;
padding-right:3px;

padding-bottom:0px;
margin:0px;
}



#cont-mid-top li, #cont-mid-btm li {
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:5px 7px; 
padding-left:20px;

}


#cont-mid-top li a , #cont-mid-btm li a{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
background-repeat:no-repeat;
text-decoration:none;


}

#cont-mid-top li a:hover{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC3300;

background-repeat:no-repeat;
background-position:0px 5px; 


}



#descriptions{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:center;
padding-left:10px;
padding-right:10px;
margin:0px;
line-height:17px;}


.cont-mid-btm-left-2 table, .cont-mid-btm-left table/*, #cont-mid-btm table, .cont-mid-btm-left table*/{
width:95%;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
color:#575757;
text-align:left;}




.cont-mid-btm-left-2 input{
/*width:125px;
height:17px;*/
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
color:#575757;
text-align:left;

}


.cont-div-cent .myButton{
cursor:pointer;
/*background-image:url(../images/go-btn.gif);
background-repeat:no-repeat;
background-position:0px 7px; */
text-align:center;
width: 47px;
height: 23px;
border: none;
}






.cont-mid-btm-left-2 textarea, .cont-mid-btm-left textarea, .cont-mid-btm-right textarea {
width:130px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;
}

.cont-mid-btm-right  select{

width:150px;
height:22px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;}


/* used in all boxes  */

/*baskwaas */

select, textarea, input{
font-family:Tahoma, "Times New Roman", "Trebuchet MS", Arial, Verdana;
font-size:11px;
padding:0px;
margin:0px;
color:#575757;
text-align:left;
}
/*baskwaas */

/*footer*/





/****************************************************************/




#footer1{
width:960px;
height:auto;
background-image:url(../images/cont-bg-img.gif);}



.footer1-top{
width:960px;
height:19px;
background-image:url(../images/cont-top-bg.gif);
background-repeat:repeat-x;
}


.footer1-top-left{
width:19px;
height:19px;
background-image:url(../images/cont-left-top.gif);
float:left;

}


.footer1-top-right{
width:19px;
height:19px;
background-image:url(../images/cont-right-top.gif);
float:right;
}









.footer1-cent{
width:960px;
text-align:center;
/*background-color:#00CC00;*/

}







.footer1-btm{
width:960px;
height:19px;
background-image:url(../images/cont-btm-bg.gif);
background-repeat:repeat-x;


}


.footer1-btm-left{
width:19px;
height:19px;
background-image:url(../images/cont-left-btm.gif);
float:left;
}


.footer1-btm-right{
width:19px;
height:19px;
background-image:url(../images/cont-right-btm.gif);
float:right;
}


#foot-mid-btm {
width:940px;
padding-left:10px;
padding-right:10px;
/*background-color:#666600;*/}

#foot-mid-top  {
width:940px;
padding-left:10px;
padding-right:10px;
/* background-color:#003300; */}

.foot-mid-top-right{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:right;}


.foot-mid-btm-right{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:right;}

.foot-mid-top-left{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;}


.foot-mid-btm-left-link{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;}



.foot-mid-btm-left{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:left;}


.foot-mid-top-right-2{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:right;
margin-right:7px;}


.foot-mid-btm-right-2{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:right;
margin-right:7px;}



.foot-mid-top-left-2{
width:228px;
background-image:url(../images/max-bg-img.gif);
background-repeat:repeat-x;
float:left;
margin-left:10px;}


.foot-mid-btm-left-2{
width:228px;
height:227px;
background-image:url(../images/min-bg-img.gif);
background-repeat:repeat-x;
float:left;
margin-left:10px;}



.foot-mid-btm-left lable{
width:200px;
height:50px;
visibility:hidden;
left:-107px;
top:-10px;
}


#cont-cnt-pg {
width:940px;
padding-left:10px;
padding-right:10px;}




.foot-left-cont{
width:228px;
height:auto;
float:left;

/*background-color:#666666;*/}


.foot-right-cont{
width:228px;
height:auto;
float:right;

/*background-color:#003300;*/}

.foot-left-cont2{
width:228px;
height:auto;
float:left;
margin-left:7px;
/*background-color:#666666;*/}


.foot-right-cont2{
width:228px;
height:auto;
float:right;
margin-right:7px;
/*background-color:#003300;*/}



#footer h1{
padding:0px;
margin:0px;
text-align:left;
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:7px;}





/**/

#footer{
width:960px;
height:auto;
text-align:center;
}


#footer , #footer a{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif,  "Times New Roman", "Trebuchet MS";
font-size:11px;
text-decoration:none;
color:#575757;
line-height:17px;}


#footer a:hover{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif,  "Times New Roman", "Trebuchet MS";
font-size:11px;
text-decoration:underline;}

.cont-mid-btm-left lable{
width:200px;
height:50px;
visibility:hidden;
left:-107px;
top:-10px;
}


#cont-cnt-pg {
width:940px;
padding-left:10px;
padding-right:10px;}




.cont-left-cont{
width:228px;
height:auto;
float:left;
/*background-color:#666666;*/}


.cont-right-cont{
width:228px;
height:auto;
float:right;
/*background-color:#003300;*/}


.cont-cent-cont{
background-image:url(../images/main-bg-img.gif);
background-repeat:repeat-x;
width:465px;
height:auto;
float:right;
margin-right:10px;
}



.cont-cent-mid{
background-image:url(../images/title-bg.gif);

height:32px;
width:465px;
}

.cont-cent-title{
width:450px;
height:28px;
float:right;}

h2{
padding-left:10px;
padding-right:10px;
color:#333333;
text-align:left;
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:10px;
margin-bottom:5px;}


#cont-cnt-pg p{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:justify;
padding-left:10px;
padding-right:10px;
margin:0px;
line-height:17px;
padding-top:5px;

}

#cont-cnt-pg ul{
text-align:left;
line-height:17px;
list-style-type:none;
padding-left:10px;padding-right:10px;

padding-top:0px;
padding-bottom:0px;
margin:0px;
text-align:justify;
}



#cont-cnt-pg li{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0px 6px; padding-left:15px;
text-align:justify;

}


#cont-cnt-pg li a {
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
background-repeat:no-repeat;
text-decoration:none;


}

#cont-cnt-pg li a:hover{
font-family:Tahoma, "Times New Roman", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC3300;
background-repeat:no-repeat;
background-position:0px 5px; 
}

.cont-cent-cont table{
margin-left:10px;
width:95%;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
color:#575757;
/*border:#CCCCCC 1px solid;*/}


table .info-box{
width:auto;
height:32px;
border-bottom:#FFFFFF 1px solid;
text-align:center;
background-color:#EBEFF2;}


table .title{
background-image:url(../images/title-bg.gif);
background-repeat:repeat-x;
height:32px;
font-weight:bold;
font-size:12px;
text-align:center;
padding-left:10px;
}


table .plan{
background-color:#F8F8F8;
height:32px;
font-weight:bold;
font-size:11px;
text-align:left;
padding-left:5px;
border-bottom:#ffffff 1px solid;

}


.contact-form{

width:75%;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
color:#575757;
text-align:left;
padding:3px;
height:22px;
border:0px;
}

table .head{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#575757;
text-align:left;
padding:3px;
height:22px;
}




.cont-cent-cont table input{
width:150px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;
}


.cont-cent-cont table textfield {
width:150px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;
}

.cont-cent-cont table textarea {
/*width:150px;*/
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;
}

.cont-cent-cont table select{
width:150px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:10px;
color:#575757;
text-align:left;}

.cont-cent-cont table .btn input{
width:75px;

}


.cont-cent-cont a{
text-decoration:none;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Times New Roman", "Trebuchet MS";
font-size:11px;
color:#575757;
}

.cont-cent-cont a:hover{
text-decoration:underline;
color:#990000;

}

form{
margin-top:0px;
margin-bottom:0px;}


/**VALIDATOR SCRIPT**/
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
/*	border: 1px solid #CC3333;*/
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

/*Text area*/



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

/*select*/

/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}



