@CHARSET "UTF-8";

form
{
}

form fieldset
{
	border:0;
	border:1px solid #999;
	border-collapse:collapse;
	padding:8px;
}

form legend
{
	text-align:center;
	font-size:14px;
	padding:4px;
	color:#666;
}

form label
{
	float:left;
	text-align:right;
	width:104px;
	padding-right:16px;
	font-size:13px;
	color:#555;
}



form label span
{
	font-size:10px;
	color:#666;
}

form .componentSeparator
{
	padding:8px;
	margin:4px 0px;
	clear:both;
	border-bottom:1px solid #DDD;
	overflow:hidden;
}

form.inline label, label.inline
{
	display:block;
	float:none;
	width:auto;
	padding:2px;
	text-align:left;
	font-size:12px;
}

form .componentSeparatorInline
{
	padding:8px;
	margin:4px 0px;
	float:left;
}

form label.labelTop
{

	width:500px;
	padding:0px 0px 4px 120px;
	text-align:left;
}

form label.labelRadio, form label.labelCheckbox
{
	float:none;
	padding-left:4px;
}

form label.labelDate
{
	margin:0;
	padding:0;
	float:none;
}

form .containerButton
{
	padding:8px 0px 2px 0;
	margin:4px 0px;
	clear:both;
/*	height:30px;*/
}

form .componentButton
{
	/*float:right;*/
}

form .componentError
{
	color:#CE0000;
	  border:1px solid #FFE3DE;
	  background:#FFF1EE;
}

form .componentError ul
{
    margin:2px 0 4px;
    padding:0 20px;
}
form .componentError li
{

    padding:2px;
    list-style: none;


}

form .componentError input,
form .componentError textarea,
form .componentError select
{
	border:1px solid #CE0000;
	/*background:#FFF1EE;*/
}

form .componentRequired
{
	color:red;
	font-weight:bold;
	padding:4px;
}

form .helpDecorator
{
    display: inline-block;
    margin-left: 10px;
}

.tundra form .componentError .dijitTextBox,
.tundra form .componentError .dijitComboBox,
.tundra form .componentError .dijitTextArea,
.tundra form .componentError .dijitInlineEditor input
{
	border-color:red;
	border:1px solid red;
	background-color:#FFE8E3;
}

.tundra .dijitTooltipContainer
{
/*border:1px solid red;*/
color:#8C0000;
font-weight:bold;
}

/** FORM DATE COMPONENT **/

form .dateField, form .timeField
{
    display:inline;
    float:none;
}
form .timeField
{
    width:70px;
}


form .dayField
{
    width:70px;
}

form .monthField
{
    width:84px;
}

form .yearField
{
    width:90px;
}


/** CKEditor COMPONENT **/

.cke_skin_kama
{
	float: left;
}

/** Password security **/
#strength_meter_decorator{
	display:block;
	float:left;
}
#strength_meter_decorator ul li {
	display:block;
	float:left;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	width:84px;
	border:1px solid #000000;
	font-weight:bold;
}

.strength_meter_decorator_gris {
	background-color:#98AFC7;
}

.strength_meter_decorator_green{
	background-color:#4AA02C;
}

.strength_meter_decorator_yellow{
	background-color:#EAC117;
}

.strength_meter_decorator_red{
	background-color:#E42217;
}

.passwordStrengthBar {
    background: white;
    border: 1px solid #777777;
    width: 120px;
	margin-left: 120px;
	margin-top: 10px;
    display: inline-block;
}

.passwordStrengthBar div {
    height: 14px;
    width: 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.passwordStrengthBar_txt {
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
    display: inline-block;
}

.passwordStrengthBar div.strong {
    background-color: #32cd32;
}

.passwordStrengthBar div.medium {
    background-color: yellow;
}

.passwordStrengthBar div.weak {
    background-color: orange;
}

.passwordStrengthBar div.useless {
    background-color: red;
}