/*
Yum Forms
Yum Toolkit 0.1 Beta
Designed by Shoaib Merchant
Date created - 7th September 2012
Property of Actonate
www.actonate.com
*/


.form-area{
	color:#000;
	overflow:auto;	
	margin-top:20px;
	margin-right:25px;
	
}
.form-sub-area{
	width:100%;
	margin-top:20px;

}

.form-ajax-loader{
	background-image:url('../../images/common/ajax-loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	height:27px;
	width:27px;
	float:left;
	margin-left:3px;
}

.form-sub-title{
	color:#554847;
	margin:0;
	padding:0;
	font-size:1.4em;
	padding-bottom:5px;
	/*border-bottom:1px #EFEFEF solid;*/
	clear:both;
	margin-bottom:15px;
	text-align:left;
}
.form-sub-title-login{
	color:#554847;
	margin:0;
	padding:0;
	font-size:1.5em;
	padding-bottom:5px;
	/*border-bottom:1px #EFEFEF solid;*/
	clear:both;
	margin-bottom:15px;
	text-align:left;
}
.form-auto{
	width:385px;
	height:38px;
	float:left;
	margin-bottom:25px;	
}
.form-autocomplete{
	width:385px;
	height:38px;
	float:left;
	margin-bottom:25px;	
}
.form-autocomplete-box{
	position:absolute;
	min-width:250px;
	margin-top:31px;
	max-width:385px;
	margin-left:2px;
	background-color:white;
	z-index:10;
	border:1px #CCC solid;
	min-height:40px;
	overflow:auto;
	max-height:250px;
}
.form-autocomplete-box ul{
	margin:0;
	padding:0;
	margin-top:2px;
	list-style:none;
}
.form-autocomplete-box ul li{
	padding:3px;
	padding-left:5px;
	font-size:0.8em;
}
.form-autocomplete-box ul li:hover{
	background-color:#cde8f9;
	cursor:pointer;
}
.form-separator{
	clear:both;
	width:100%;
	height:1px;
	background-color:#EEE;
	margin-bottom:20px;
}
.form-main:first-child{
	margin-top:15px;
}
.form-caption{
	margin:0;
	padding:0;
	margin-bottom:25px;
}
.form-asterisk{
	content:"*";
	color:#CC0000;
	font-size:1.2em;
}
.form-label{
	width:120px;
	float:left;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:0px;
	clear:both;
	margin-left:20px;
	font-size:0.9em;
	text-align:left;
	margin-bottom:8px;
	color:#1B84CD;
}
.form-label-plot{
	width:120px;
	float:left;
	padding-right:20px;
	padding-top:4px;
	clear:both;
	font-size:1.0em;
	margin-bottom:25px;
	color:#4f4342;
}
.form-label-login{
	width:120px;
	float:left;
	padding-right:20px;
	padding-top:4px;
	clear:both;
	font-size:1.0em;
	margin-bottom:25px;
	color:#4f4342;
}
.form-label-addgallery{
	float:left;
	clear:both;
	font-size:1.0em;
	color:#443636;
	font-family:'RobotoRegular';
	padding-right:8px;
	padding-top:16px;
}
.uncollapsed{
	padding-left:30px;
	background-image:url('../../images/common/icons/form-collapse-down.png');
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.8;
}
.collapsed:hover{
	opacity:1.0;
}
.collapsed{
	padding-left:30px;
	background-image:url('../../images/common/icons/form-collapse-up.png');
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.8;
}
.uncollapsed:hover{
	opacity:1.0;
}
.form-password{
		display: block;
	width: 205px;
	float: left;
	height: 24px;
	font-size: 0.9em;
	padding-left: 5px;
	border: 1px #cdc3aa solid;
	color:#000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
	background-color:#f4f4f4;
}
.form-pass-strength{
	clear:both;
	margin-left:140px;
	display: block;
	width: 305px;
	float: left;
	height: 28px;
	font-size: 1.3em;
	color:#444;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
}
.form-pass-strength-box{
	float:left;
	max-width:260px;
	min-width:2px;
	height:18px;
	margin-top:5px;
	background-color:#CC0000;

	border-radius:3px;
}
.form-pass-strength-num{
	float:right;
	height:24px;
	margin-top:4px;
	width:40px;
	text-align:right;
	color:#999;
	font-size:0.7em;
}
.form-pass-strength-num:after{
	content:"%";
}
.form-select{
	display: block;
	width: 310px;
	float: left;
	height: 30px;
	font-size: 0.9em;

	padding:5px;
	border: 1px #DDD solid;
	color: #999;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
}
.form-date{
	width:305px;
	height:38px;
	float:left;
	margin-bottom:20px;
}
.form-radiogroup{
	width:385px;
	min-height:38px;
	float:left;
	margin-bottom:15px;
	margin-top:0px;
}
.form-fileuploader{
	width:385px;
	min-height:38px;
	float:left;
	margin-bottom:20px;
	margin-top:5px;
}
.form-fileuploader .upload-display{
	clear:both;
	width:100%;
	height:150px;
	background-color:#0066FF;
}
.form-fileuploader input[type=button]
{
	display: block;
	width: 65px;
	float: left;
	height: 27px;
	text-align:center;
	font-size: 0.75em;
	padding-left: 5px;
	border:1px #0761bc solid;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#3399FF;
	color:white;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:25px;
}
.form-fileuploader input[type=button]:hover
{
	cursor:pointer;
	background-color:#238ef9;
}
.form-fileuploader .upload-text
{
	margin:0;
	margin-bottom:15px;
	padding:0;
	float:left;
	padding-right:20px;
	font-size:0.8em;
	color:#999999;
	margin-left:10px;
	margin-top:4px;
}
.form-checkboxgroup{
	width:385px;
	min-height:38px;
	float:left;
	margin-bottom:15px;
}
.form-checkboxgroup .form-checkbox
{
	display:inline-block;
	border:10px red solid;
	float:left;
	margin-top:5px;
	margin-right:10px;
}
.form-checkboxgroup .check-text
{
	margin:0;
	padding:0;
	float:left;
	padding-right:20px;
	margin-top:3px;
}

.form-radiogroup .form-radio
{
	display:inline-block;
	border:10px red solid;
	float:left;
	margin-top:5px;
	margin-right:10px;
}
.form-radiogroup .radio-text
{
	margin:0;
	padding:0;
	float:left;
	padding-right:20px;
	margin-top:3px;
}
.form-date .form-day{
	display: block;
	width: 70px;
	float: left;
	height: 30px;
	font-size: 0.9em;
	padding:5px;
	border: 1px #DDD solid;
	color: #999;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
	margin-right:5px;
}
.form-date .form-month{
	display: block;
	width: 150px;
	float: left;
	height: 30px;
	margin-right:5px;
	font-size: 0.9em;
	padding:5px;
	border: 1px #DDD solid;
	color: #999;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
}
.form-date .form-year{
	display: block;
	width: 75px;
	float: left;
	height: 30px;
	font-size: 0.9em;
	padding:5px;
	border: 1px #DDD solid;
	color: #999;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
}
.form-submitButton{
	display: block;
	width: 75px;
	float: right;
	height: 28px;
	font-size: -0.2em;
	padding-right: 5px;
	margin-right:129px;
	border:1px #a49c86 solid;	
	font-weight:bold;
	text-transform:uppercase;
	background-color:grey;
	color:black;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:25px;
	
}
.form-submitButton:hover{
	background-color:#f4f4f4;
	cursor:pointer;
}
.form-submitButton-login{
	display: block;
	width: 75px;
	float: right;
	height: 28px;
	font-size: 0.8em;
	padding-right: 5px;
	margin-right:37px;
	border:1px #a49c86 solid;	
	font-weight:bold;
	text-transform:uppercase;
	background-color:#cbc1aa;
	color:#6b5a59;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:25px;
	
}
.form-submitButton-login:hover{
	background-color:#ddd1b6;
	cursor:pointer;
}
.form-disabledButton{
	background-color:#DDD !important; 
	border:1px #CCC solid !important;
}
.form-disabledButton:hover{
	cursor:default !important;
	background-color:#DDD !important;
	border:1px #CCC solid !important;
}
.form-deleteButton{
	background-color:#d94a38;
	margin-left:10px;
	border:1px #b61b07 solid;
}
.form-deleteButton:hover{
	background-color:#cf3b28;
	border:1px #ae1c0a solid;
}
.form-text1{
	display: block;
	width: 205px;
	float: left;
	height: 24px;
	font-size: 0.9em;
	padding-left: 5px;
	border: 1px #cdc3aa solid;
	color:#000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:20px;
	margin-left:20px;
	background-color:#f4f4f4;
}
.form-text-plot{
	display: block;
	width:355px;
	float: left;
	height: 24px;
	font-size: 0.9em;
	padding-left: 5px;
	border: 1px #cdc3aa solid;
	color:#000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
	background-color:#cac0a7;
}
.form-text-login{
	display: block;
	width: 350px;
	float: left;
	height: 24px;
	font-size: 0.9em;
	padding-left: 5px;
	border: 1px #cdc3aa solid;
	color:#000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:25px;
	background-color:#cac0a7;
}
.form-error-text{
	margin:0;
	padding:0;
	clear:both;
	float:left;
	color:red;
	font-size:0.8em;
	margin-top:-15px;
	font-style:italic;
	margin-bottom:15px;
	margin-left:185px;
	line-height:160%;
}
.form-error-text .positive{
	color:#403635;
}
.form-error{
	border-color:#403635 !important;
	border-width:2px !important;
}
.form-textarea{
	display: block;
	width: 300px;
	float: left;
	min-height:80px;
	max-width:280px;
	padding: 5px;
	border: 1px #cdc3aa solid;
	color:#000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom:30px;
	margin-left:20px;
	background-color:white;
}
.form-select-checkbox{
	
	clear:left;
	margin:0;
	padding:0;
	
	font-size:0.8em;
	margin-bottom:25px;
	list-style:square;

}
 .form-select-checkbox-display{
	clear:left;
	margin:0;
	padding:0;
	margin-left:155px;
	font-size:0.8em;
	margin-bottom:25px;
	list-style:square;

}
.yum-datatable{
	margin-left:10px;
	margin-bottom:15px;
}
.yum-datatable .ui-widget-header 
{
	background:none!important;
	border:none !important;
	margin-right:1px;
}
.yum-datatable .ui-widget-header label{
	color:#666;
	font-size:0.9em;
}
.yum-datatable .ui-widget-header input[type=text]
{
	background:white !important;
	border:1px #DDD solid;
	padding:5px 5px 5px 7px;
	border-radius:5px;
	width:150px;
	font-size:1.1em;
	margin-left:6px;

}
.yum-datatable .ui-widget-header select
{
	background:white !important;
	border:1px #DDD solid;
	padding:5px 5px 5px 7px;
	border-radius:5px;
	font-size:1.1em;
	margin-left:6px;
	margin-right:5px;

}
.yum-datatable .ui-toolbar{
	padding:15px !important;
	padding-left:5px !important;
	padding-right:5px !important;
	margin-right:3px;
}
.yum-datatable .ui-state-default{
	background:white !important;
	color:#333;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px #DDD solid;
	border-top:1px #DDD solid;
	border-right:1px #DDD solid;
	border-left:1px #DDD solid;
}
.yum-datatable tbody{
	border-right:1px #DDD solid;
	border-left:1px #DDD solid;
	border-top:4px #f7b419 solid !important;
	border-bottom:1px #DDD solid;
}
.yum-datatable tr{
	height:45px; 
}
.yum-datatable .odd{
	background-color:#F1F1F1 !important;
	color:#555;
}
.yum-datatable .even{
	color:#555;
}
.yum-datatable .odd .sorting_1{
	background-color:#E8E8E8 !important;
	color:#555;
}
.yum-datatable .even .sorting_1{
	background-color:#F7F7F7 !important;
	color:#555;
}
.yum-datatable .dataTables_paginate .fg-button{
	color:#666 !important;
	font-size:0.9em;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#DDD !important;
}
.yum-datatable .dataTables_paginate .fg-button:hover{
	background-color:#CCC !important;
}

/*-- AUTOCOMPLETE STYLING --*/
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
    .autocomplete .selected { background: #c9e6ed; }
    .autocomplete div { padding: 5px 10px; white-space: nowrap; overflow: hidden; }
    .autocomplete strong { font-weight: normal; color: #3399FF; }
    
    
#yum-status{
	position:fixed;
	min-width:300px;
	max-width:600px;
	background-color:#faf1ce;
	height:15px;
	max-height:15px;
	margin-left:-150px;
	bottom:0px;
	display:none;
	right:15px;
	padding:8px;
	padding-top:10px;
	z-index:99;
	border:1px #f0c36d solid;
	border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
}
#yum-status-message{
	float:left;
	min-width:225px;
	max-width:375px;
	margin-left:5px;
	color:#555;
	overflow:hidden;
	font-size:0.9em;
	padding-right:25px;
}
#yum-status-message .yum-loading-message{
	background-image:url('../../images/common/ajax-loader.gif');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
#yum-status-message .yum-static-message{
	
}
.yum-status-negative{
	color:#e15213;
}
.yum-status-link{
	float:right;
	margin-right:5px;
}
.yum-status-link a{
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}
.yum-status-link a:hover{
	text-decoration:underline;
	cursor:pointer;
}