/* /css/forms.css */
/* v1.0 | 20090220 */


/*-------------------------
 Form in a Dynamic List DL,DT,DD formate 
 -----------------------*/

/* form styling -*/
.dlForm {font-size:inherit;}
.dlForm {display:block;position:relative;z-index:0}
.dlForm dl { display:block;clear:both; float:none; min-height:20px;_height:20px; padding:10px 0px 0px ; margin:0px;width:auto;position:relative;z-index:0}
.dlForm dt { display:block;clear:left; float:left; margin:0 10px 5px 0; width:40%;font-weight:bold;}
.dlForm dd { display:block;float:left; margin:0 5px 0px 0px;_margin:0px 5px 0px ;width:55%;line-height:18px;text-align:left;}
.dlForm cite {padding-top:2px;font-size:90%;font-style:normal;}
/* form element styling */
.dlForm fieldset { border:1px solid #A2C5E1; display:block; position:relative; margin:15px auto; padding:0px 0px 15px 0px;}
.dlForm legend , .dlForm .legend {padding: 2px 10px;  margin:0px 10px;}

.dlForm dt label ,.dlForm dt .label{ display:block; padding-right:10px;padding-left:5px; text-align:right;font-weight:bold;line-height:18px; }
.dlForm label sup, sup {color:#cc0000;}
.dlForm textarea { border:1px groove #ccc;background:#fcfcfc;/*margin-bottom:10px;_margin-bottom:0px;*/;font-size:inherit;font-family:inherit;}

.dlForm .inputText, .dlForm input[type=text]{border:1px groove #ccc; background:#fcfcfc;font-size:inherit;}
.dlForm input[type=password], .dlForm .inputPassword{border:1px groove #ccc;background:#fcfcfc;font-size:inherit;}
.dlForm input[type=radio], .dlForm .inputRadio{border:0px;vertical-align:middle;margin-bottom:2px;font-size:inherit;}
.dlForm input[type=checkbox], .dlForm .inputCheckbox{border: 0px solid #333;font-size:inherit;}
.dlForm input[type=file], .dlForm .inputFile{border:1px groove #ccc;background:#fcfcfc;font-size:inherit;}
.dlForm select {border:1px groove #ccc;background:#fcfcfc;max-width:305px;z-index:0;font-size:inherit;}

/* resetting browser defaults */
.dlForm .inputPassword, .dlForm input[type=password] {*font-family:sans-serif;font-size:inherit;}

/*-- deselecting form elements --*/
.dlForm input[readonly], .dlForm input[disabled] {background:#ccc;border-color:#ccc;}



/* standard styling for page elements */
.extra-small { width:50px;}
select.extra-small {width:55px;}
.small {width:120px;}
select.small {width:125px;}
.medium {width:300px;}
select.medium {width:305px;}
.large {width:420px;}
select.large {width:425px;}

.hide {display:none;}
.dlForm .error {color:#F00;padding-left:5px;}
/*
.dlForm .error_list {color:#FFCC33;position:absolute;display:inline;background: url('../images/error_img.png') no-repeat top left; position relative; width:16px;height:16px;margin-left:5px;border:1px solid red}
.dlForm .error_list a{display:none;position:relative;width:200px; border:1px solid #ccc;background:#fefefe;padding:2px;top:-12px;left:18px;}
.dlForm .error_list:hover a {display:block;} 
*/


/* Frame work Extension (Symfony) */
.radio_list label {display:inline;}
.radio_list { list-style:none;margin:0px;padding:0px;}
.radio_list { list-style:none;margin:0px;padding:0px;display:inline;}

.dlForm ul.fcol { list-style:none;margin:0px;padding:0px;}
.dlForm ul.fcol li{ list-style:none;margin:0px 0px 0px 5px;padding:0px;display:inline;}
.dlForm ul.fcol li.fElement{ }
.dlForm ul.fcol li.error{display:block;/*float:left;clear:left;*/}
.dlForm ul.fcol li.help{}
.dlForm .error_list {padding: 5px; margin: 0px 0px;}

.dlForm ul.fcol .fElement ul {margin:0px;padding:0px;}
.dlForm ul.fcol .fElement li {display:block;}

.dlForm .fcol .radio_list{display:block;padding:0px;margin:0px;min-height:1px;}
.dlForm .fcol .radio_list li{display:block;height:20px;}
.dlForm .fcol .radio_list li input{margin:0px;padding:0px;display:block;float:left;}

.dlForm .fcol .checkbox_list{display:block;padding:0px;margin:0px;min-height:1px;}
.dlForm .fcol .checkbox_list li{display:block;height:20px;}
.dlForm .fcol .checkbox_list li input{margin:0px;padding:0px;display:block;float:left;}



/* Table Form */
.TblForm th, .TblForm td, .TblForm span {font-size:8pt;font-family:verdana,tahoma,arial;}
.TblForm th label {text-align:right;display:block;}
.TblForm label sup{color:#cc0000;}
.TblForm .error{color:#cc0000;}
.TblForm span.error{display:block;}
.error_list {height:25px;margin:10px 20px;text-align:center;background-color:#eef7ea;color:#006A00; border:1px dotted #006A00;}
.error_list span {background-color:#eef7ea!important;color:#006A00!important;line-height:25px;}
#flash_notice span{border-width:0px; color:#fff;background: #008837; }
#flash_error span{border-color:#f00;color:#fff;background: #f63;}

input.calBtn , button.calBtn {height:18px;width:20px;position:absolute;margin-top:2px;margin-left:2px;background:url(../images/ico_cal.gif) no-repeat;border:0px;cursor:pointer;padding:10px;}
.radio_list li
{display:inline;}

.tGrid {
	width:99%;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin-right: auto;
	margin-left: auto;font-size:11px;
}
.tGrid td, .tGrid th {border:1px solid;padding: 3px 5px;}
.tGrid thead tr{background:#E2E2E2; color:#333;}
.tGrid thead tr.first{}
.tGrid thead tr.last{}
.tGrid th {border-right:1px solid #ccc;}
.tGrid th.first {}
.tGrid th.last {}
.tGrid tbody tr{border-top:1px dotted #ccc;}
.tGrid tbody tr.first{}
.tGrid tbody tr.last{}
.tGrid tbody td {}
.tGrid tbody td.first {}
.tGrid tbody td.last {}
.tGrid tbody tr:hover {background:#fafafa;color:#333;}
.tGrid tbody tr:hover a{color:#333;}

.tGrid thead {background:#ff9900;}
.tGrid tbody {background:#f8f8f8;}
.tGrid tfoot{background:#ccc;border-top:1px solid #333}
.tGrid tr.even, .tGrid tr.even td {background:#f8f8f8;}
.tGrid tr.odd, .tGrid tr.odd td {background:#f5f5f5;}
.tGrid tr .last {}
.tGrid tr .first {}
.tGrid td,.tGrid th {border-color:#ccc;text-align:left;}
.tGrid td.alignR,.tGrid th.alignR {text-align:right;float:none;}
.tGrid thead tr, .tGrid thead tr th, .tGrid thead th {background: #e2e2e2 url(../img_admin/alpha_grd_fff.png) repeat-x left top; height:25px;}
.spaced-list { line-height:18px; }