@charset "UTF-8";

/* CSS Document */

/* Overrides some of the default styles 
   for widget error messages to include images
----------------------------------------------- */

.buttons{
	width:500px;
	text-align:right;
}

.form_row{
	width:488px;
	padding:5px;
	border:1px solid #ffffff;
}

.form_row:hover{
	border:1px solid #E1E1E1;
	padding:5px;
	background:#E1EDEE;
}

select{
	width: 185px;
	font-size:100%;
	border: 1px solid #b1b1bc;
	background-color: #fff;
	color: #000;	
}

.validcheckbox{
	float:left;
	width:70px;
}
#checkboxes{
	width: 650px;
	height: 60px;
}
#checkboxes input{
	width:14px;
}
#checkboxes label{
	display:block;
	width: 68px;
	text-align:center;
}
#checkboxes .input_container{
	width: 68px;
}
#radios input{
	width:14px;
}
#radios label{
	width:14px;
}

.radio {
background:transparent;
}

#formbox {
	clear:both;
	width:500px;
	padding:4px;
	border:1px solid #dddddd;
}

.formLabel{
	float:left;
	padding:4px;
	width:180px;
	color:#666666;
	font-weight:bold;
}


.formtabarea {
	width:510px;
}

.formsubheading{
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;		
	float:left;
	padding:4px;
	background-color:#017F7E;
	color:#ffffff;
	font-weight:bold;
}
.mandtext{
	float:right;
	padding:4px;
	color:#888888;
	font-weight:normal;
}
.mandsymbol{
	color:#018281;
}

.formmand {
	width:10px;
	float:left;
	padding:5px;
	color:#018281;
	font-weight:bold;
}

#errors{
	float:left;
	height:25px;
	margin-top:10px;
}
.checkboxRequiredState .formLabel, .checkboxMaxSelectionsState .formLabel,
.selectRequiredState .formLabel, .selectInvalidState .formLabel,
.textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel, .radioRequiredState .formLabel{
	color: #666666;	
}
.ratingMovies{
	margin-right:10px;
	float:right;
	color:#FF3333;
}
#Countvalidta1{
	width:17px;
}
#articles{
	border: 1px solid #404040;
	padding-left:12px;
	height:600px;
}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(/assets/images/error.gif);
	background-repeat:no-repeat;
}

.validMsg{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}

#okmessage{
	margin-top:10px;
	color: green;
	display:none;
}