@charset "UTF-8";

/* CSS Document */

/* Overrides some of the default styles 
   for widget error messages to include images
----------------------------------------------- */
#formregion input{
	width:180px;
}
#formregion input.orignial{
	width:44px;
}
#formregion select{
	width: 185px;
	font-size:small;
	border: 1px solid #b1b1bc;
	background-color: #fff;
	color: #000;	
}
#formregion input, #formregion select, #formregion textarea{
	margin-left: 0px;
}
#formregion .validcheckbox{
	float:left;
	width:70px;
}
#formregion #checkboxes{
	width: 650px;
	height: 60px;
}
#formregion #checkboxes input{
	margin-left:0px;
	width:14px;
	margin-left: 29px;
}
#formregion #checkboxes label{
	display:block;
	width: 68px;
	text-align:center;
	margin-left:0px;
}
#formregion #checkboxes .input_container{
	width: 68px;
}
#formregion .radios input{
	margin-left:0px;
	width:14px;
}
#formregion .radios label{
	width:14px;
	margin-left: 29px;
}
#formregion .buttons{
	margin-top:15px;
}
#formregion .buttons input{
	width: 70px;
	margin-left:2px;
	padding-left:0px;
}

#formregion .formLabel{
	width:100px;
	vertical-align:top;
}
#formregion #errors{
	float:left;
	height:25px;
	margin-top:10px;
}
#formregion.checkboxRequiredState .formLabel, #formregion .checkboxMaxSelectionsState .formLabel, #formregion .selectRequiredState .formLabel, #formregion .selectInvalidState .formLabel,#formregion .textareaRequiredState .formLabel, #formregion .textareaMinCharsState .formLabel,#formregion .textareaMaxCharsState .formLabel,#formregion .textfieldRequiredState .formLabel,#formregion .textfieldInvalidFormatState .formLabel,#formregion .textfieldMinValueState .formLabel,#formregion .textfieldMaxValueState .formLabel,#formregion .textfieldMinCharsState .formLabel,#formregion .textfieldMaxCharsState  .formLabel,#formregion .radioRequiredState .formLabel{
	color: #CC3333;	
}
#formregion .ratingMovies{
	margin-right:10px;
	float:right;
	color:#FF3333;
}
#formregion #Countvalidta1{
	width:17px;
}

#formregion .checkboxRequiredState .checkboxRequiredMsg,#formregion .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg,#formregion .selectRequiredState .selectRequiredMsg,#formregion .textareaRequiredState .textareaRequiredMsg,#formregion .textareaMinCharsState  .textareaMinCharsMsg,#formregion .textareaMaxCharsState .textareaMaxCharsMsg,#formregion .textfieldRequiredState .textfieldRequiredMsg,#formregion .textfieldInvalidFormatState .textfieldInvalidFormatMsg,#formregion .radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(../images/general/error.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding-right:30px;
}

#formregion .validMsg{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

#formregion .textfieldValidState .validMsg,#formregion .textareaValidState .validMsg, .selectValidState .validMsg,#formregion .checkboxValidState .validMsg,#formregion .radioValidState .validMsg{
	display:inline;
}

#formregion #okmessage{
	margin-top:10px;
	color: green;
	display:none;
}
/*------------------------ individual layout --------------------------------*/
#formregion
{
	padding:10px;
}
#formregion .col_1
{vertical-align:top }
#formregion .col_2
{vertical-align:top }
#formregion .col_3
{vertical-align:top }


.send_greeting #formregion .formLabel
{width:130px;}

.send_greeting #formregion input { width:140px }
.send_greeting #formregion .col_1 { width:140px }
.send_greeting #formregion 
{
	border: thin solid #666666;
}

