/*  
*  CSS for FORM Class (class/form.php)  
*  default layout of form    
*  
*  Started: 11. dec 2008  
*  Version 1.0
*/
/* OLD - .formDefault{width:100%;border:1px solid gray;margin:20px auto 20px auto; } */
.formDefault{width:100%;border:1px solid #838527;margin:10px auto 10px auto; }
.formDefault div.formLabel {
	border: 1px solid gray;
/*	background-color: white;*/
	padding: 1px 10px 1px 10px;
	position: relative;
	top: -10px;
	left: 10px;
	float: left;
	clear: both;
}

.formDefault .formLineSpecial, .formDefault .formLine{width:100%;clear:both;}
.formDefault .formLeft{width:35%;float:left;text-align:right;padding-right:5%;text-transform:uppercase;font-size:10px; position: relative; padding-top: 2px; }
.formDefault .formLeft a{ display: block; position: absolute; right: 25px; text-transform: lowercase; color: #bbbbbb; }
.formDefault .formLeft a:hover{ color: gray; }
.formDefault .formLeft a.normal{ display: inline; position: static; color: #bbbbbb; text-transform: none; font-size: 11px; }
.formDefault .formRight{width:60%;float:right;margin-bottom:5px; }
.formDefault .formRight input.formDateInput{ float: left; }
.user_searchbox .formRight input.formDateInput{ width: 50%; float: left; } 
.user_searchbox .formRight div.calButton, .formDefault .formRight div.calButton{ float: left; clear: right; }
.user_searchbox .formRight div.calButton a, .formDefault .formRight div.calButton a{ float: left; width: 16px; height: 16px; background: url('../doc/pages/ico_calendar.jpg') left top no-repeat; margin: 2px 0 0 5px; }
.formDefault .formTArea{border:1px solid gray;width:95%;height:70px;overflow:auto;}
.formRight .formElemNote{color:#838527;padding:0;font-size:11px;margin-bottom:5px;}
.formDefault .formNote{width:90%;margin:0 auto 5px auto; padding: 5px; border: 1px solid #dddddd; color: gray; }
.formDefault .formHSpace{width:100%;height:10px;}
.formDefault .formSelect, .formDefault .formSelectWidth400{ border:1px solid gray; }
.formHiddenInput{ width: 0; height: 0; font-size: 0; }
.selectWidth{width:100px;}

/* form select logging limited width */
.formDefault .formSelectWidth400{ width: 400px; }
.formDefault .formElemGrpCont{width:100%;}
.formDefault .formElemGrpCont label{position:relative;top:-3px;margin-left:5px;	cursor: pointer;}
.formDefault .formButtons{width:60%;float:right;}
.formDefault .formButtons input{cursor:pointer;border:1px solid #7aa054; color:#fff; background:url("../doc/pages/btn_bg.jpg");text-transform:uppercase;font-size:10px;margin-right:1px;}
.formDefault .formRight input{ border: 2px ridge #fff; }
.formDefault .formRight .no_border{border:none;}
.formDefault .formButtonSubmitLine{ clear: both; width: 100%; margin-bottom: 5px; }
.formDefault .formLeft span.oblig_ast{ color: #FF0000; font-size: 90%; }
.formDefault .formTAreaMCEeditor{ width: 95%; height: 143px; }

div.formNoBorder form{ border: 0; margin: 0; }
/* special formatting - left and right are 100% width */
.formDefault .formLineSpecial .formRight, .formDefault .formLineSpecial .formLeft{ clear: both; width: 100%; text-align: left; padding: 0; margin: 0;}
.formDefault .formLineSpecial .formButtons{ clear: both; width: 100%;border:1px solid #7aa054; color:#fff; background:url("../doc/pages/btn_bg.jpg"); }
.formDefault .formHead{ width: 35%; color: gray; text-align: right; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dddddd; margin-bottom: 5px; }

form#picForm { padding: 0px; color: #000000; border: none;}
.form_left { width: 47%; float: left; border-right: 1px solid #cdcdcd;}
.form_left .heading { text-align: center; text-transform:uppercase; font-size: 20px;}
.form_right { width: 52%; float: right;border-left: 0px solid #cdcdcd;}
.formFileInput{ display: block; width: 300px !important; }

/* for twocolumn layout (withing elemgrp() for example) */
div.twoColumn{ width: 100%; clear: both; }
div.twoColumn .leftColumn{ width: 45%; float: left; clear: right; }
div.twoColumn .rightColumn{ width: 45%; float: left; border-left: 1px solid gray; }


/*
  formTableList - admin section, when enclosing list table with form
*/
.formTableList .submitButton{cursor:pointer;border:1px solid gray;background-color:#dddddd;text-transform:uppercase;font-size:10px;margin-right:1px;border:1px solid #7aa054; color:#fff; background:url("../doc/pages/btn_bg.jpg");}

/* ---------------------------------- */
.formCategory{width:100%;border:0px solid gray;margin:10px auto 10px auto;font-family:Arial, Helvetica, sans-serif;}
.formCategory div.formLineSpecial {
	position: relative;
	font-size:15px;
	color:#000;
}
.formCategory div #catName {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.formCategory div #myTAreaID{
	width:90%;
	height:150px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.formCategory div #catMetaTitle {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.formCategory div #catMetaKey {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.formCategory div #catMetaDesc {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#uploadState{width:100%;}

.formCategory div #catImage{
	color:#666666;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;	
}

.formCategory div #status{
	width:220px;
	color:#666666;
	font-size:15px;
	padding:0px 0px 0 5px;
	height:25px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;	
}
#controls{width:400px;float:left}
#categoryImage{width:330px;float:left;border:solid 1px #ccc;margin-right:20px;height:125px;text-align:center;}

.formCategory div #userName {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.formCategory div #userEmail {
	width:90%;
	height:25px;
	color:#666666;
	font-size:15px;
	padding:3px 5px 0 5px;
	border:solid 1px #666;
	margin:3px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#postTitle{font-size:15px;font-family:Arial, Helvetica, sans-serif;padding:0px 0px 10px;font-weight:bold;}
#postContent{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:0px 0px 10px;line-height:20px;text-align:justify}
.postText{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:0px 0px 10px;line-height:20px;}
#postButtons{text-align:center;}
.pImage{margin:0 0 10px 20px;border:solid 1px #ccc;padding:5px;}

.long_field{width:400px;}
.full_width{width:100%;}