/*-----------------------------------------------------------------------
<copyright file="forms.css" company="SW GLOBAL">
 Copyright (c) SW GLOBAL. 

 </copyright>
-----------------------------------------------------------------------*/

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


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

/* form styling -*/
.dlForm {display:block;position:relative;}
.dlForm dl { display:block;clear:both; float:none; height:20px; margin:15px 0 0; padding:0; width:auto; }
.dlForm dt { display:block;clear:left; float:left; margin:0 10px 5px 0; width:25%;}
.dlForm dd { display:block;float:left; margin:0 5px 20px 0px;}

/* form element styling */
.dlForm fieldset { position:relative;border:1px solid #CCC; display:block; margin:15px 0px; padding:0;}
.dlForm legend { font-weight:bold; margin:0px 10px; padding:0px 10px;color:#999999;font-weight:normal; }
.dlForm label { display:block; padding-right:10px; text-align:right; }
.dlForm textarea {}
.dlForm input[type=text], .dlform .inputText{border:1px dotted #ccc;background:#fcfcfc;}
.dlForm input[type=radio], .dlform .inputRadio{border:0px;vertical-align:middle;margin-bottom:2px;}
.dlForm input[type=checkbox], .dlform .inputCheckbox{border: 0px solid #333;}




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

.hide {display:none;}
.dlform .error {border:1px solid red;}
.tblHd {font-weight:bold;color:#3d76b9;background-color:#cbe3ff;padding:5px 0px;text-align:center;}
.cpButton, .button
{
background:transparent url(../Images/buttonGrayBg.gif) repeat-x scroll left top;
border:1px solid #CCCCCC;
color:#333333;
cursor:pointer;
font-family:arial,verdana,helvetica,sans-serif;
font-size:0.88em;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:1.2em;
padding:0 12px;
text-align:center;
}