/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */



label { font-weight: bold; display:block;line-height:2;height:24px;position:relative;}
label.long{width:350px;}

/*label input.resumetext, label select.resumetext{float:right;position:relative;display:block;width:150px}
label input.resumetext, label select.resumetext{float:right;display:block;width:150px} */

label select.resumetext{width:155px;}
select.resumeselect{width:auto;margin-bottom:10px;}
/*
#recipient label {
    float: left;
    padding: 0;
    margin: 0;
}
#recipient input {
    width: auto;
    float: right;
    margin-bottom: 10px; 
}
*/
span.labelerror{left:285px;position:absolute;width:150px;top:0;color:#990000;line-height:1;}
span.newerror{font-weight:bold;top:0;color:#990000;line-height:1;}
span#mototal{font-weight:bold;}

fieldset.overview{float:left;width:300px;margin-right:8px;}
/* fieldset.overview{float:left;width:300px;margin-right:8px;height:135px;} */
fieldset.overview label{width:300px;}
fieldset.overviewshort{float:left;width:262px;margin-right:8px;height:135px;}
fieldset.overviewshort label{width:260px;}
.personal{float:left;margin-right:8px;width:430px;}
.payment{float:right;width:450px;}
/*fieldset.half{float:left;width:400px;margin-right:8px;}
fieldset.halfalone{float:left;width:400px;clear:left;}*/

fieldset table td { padding: 2px; }
fieldset table td label, fieldset table td input, fieldset table td select { width: 100%; }

div.exp{line-height:2;float:left;width:115px;font-weight:bold;display:block;height:24px;}
div.dates{float:left;width:145px;display:block;height:24px;}

select.expyr{width:60px;margin-left:1px;margin-top:10px;}
select.expm{width:41px;margin-left:1px;margin-top:10px;}
select.expd{width:41px;margin-left:1px;margin-top:10px;}

#same{display:none;border:1px solid #ccc;background:#F9F9F9;padding:10px 0px 0px 10px;}
#intlresume{display:none;}
#billinfo{display:none;}
#rushdetails{display:none;}
#standardassessment{display:none;position:absolute;border:3px solid #ccc;background:#fff;top:70px;left:50%;width:300px;padding:10px;}
#rushassessment{display:none;position:absolute;border:3px solid #ccc;background:#fff;top:70px;left:50%;width:300px;padding:10px;}
#standarddetails{display:none;}
#ccfields{display:none;}
#mofields{display:none;border:1px solid #ccc;background:#F9F9F9;padding:10px 0px 10px 10px;margin-bottom:10px;}
h3.resumetotal{color:#000000;font-size:18px;padding-top:15px;clear:both;}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
label input.resumetext, label select.resumetext{top:-23px;}
div.dates, .notop{top:23px !important;}
}

.content form p {margin:0;padding:0;font-weight:bold;font-size:12px;}
/* Fieldsets */
fieldset    { border: 1px solid #ccc; display: block; margin: 15px 0px 0px 0px; padding: 0px 10px 0px 10px; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0em 0.1em 0.1em 0; }
input.text, input.title   { border:1px solid #bbb; background:#fafafa; padding:1px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#fafafa; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#fff; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.inputerror{font-size:11px;color:#900;font-weight:bold;margin:0;padding:0;}

h2.colheader{PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FLOAT: left; PADDING-BOTTOM: 0em; MARGIN: 0px 0.8em 0px 0px; WIDTH: 32.5%; PADDING-TOP: 0em}
h2.widecolheader{PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FLOAT: left; PADDING-BOTTOM: 0em; MARGIN: 0px 0.8em 0px 0px; WIDTH: 42.5%; PADDING-TOP: 0em}
.thinleftcol{BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; BORDER-LEFT: #669999 1px solid; WIDTH: 30%; MARGIN-RIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 38em; BACKGROUND-COLOR: #f2f9f9}
.wideleftcol{BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; BORDER-LEFT: #669999 1px solid; WIDTH: 40%; MARGIN-RIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 38em; BACKGROUND-COLOR: #f2f9f9}
.wideleftcol2{BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; BORDER-LEFT: #669999 1px solid; WIDTH: 50%; MARGIN-RIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 38em; BACKGROUND-COLOR: #f2f9f9}

.thinrightcol{BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; BORDER-LEFT: #669999 1px solid; WIDTH: 30%; MARGIN-RIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 38em; BACKGROUND-COLOR: #f2f9f9}
.widerightcol{BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; BORDER-LEFT: #669999 1px solid; WIDTH: 57%; MARGIN-RIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 38em; BACKGROUND-COLOR: #f2f9f9}

.moreinfo{float:right;width:43%;padding-right:0px;}
form .moreinfo p{font-weight:normal;margin-bottom:1.5em;}
.moreinfo ul li{margin:5px;}
.moreinfo ul li p{margin-bottom:10px;}

.col{border:1px solid #ccc;padding:4px 0em 12px 12px;background-color:#f4f4f4;float:left;position:relative;min-height:540px;height:460px;}
.col label{clear:both;font-size:12px;display:block;height:auto;
line-height:1.2;}
.col select.targetlangselect{width:200px;}
.col1{margin-right:10px;width:280px;}
.col2{margin-right:10px;width:280px;}
.col3{width:280px}
.col select, .mainheading select{width:auto;}

.formspan {float:left;margin:0px 2px 0px 0px;position:relative;}
.formspan p {margin:0px;padding:0px;}

.col h2{font-weight:bold;font-size:23px;margin-top:10px;}
/*.col input, .col textarea, .col select, .col file{border:1px solid #aaa;}*/
#contentBox .col h3{font-weight:bold;font-size:12px;margin-top:10px;}
.col input.contacttext{width:200px;}
.col label.label{clear:none;display:inline;font-weight:normal;}
.col .headlabel{margin-top:8px;}
.col .selectindent{width:200px;margin-left:20px;display:block;margin-bottom:5px;}
.col .langspace{margin:0px;clear:both;}
.col .wide{width:250px;}

.col #court{display:none;}
.col #statecourt{display:none;}
.col #foreignjurisdiction{display:none;}

.notes {
height:50px;
width:250px;
}
.notes2{width: 250px; height: 50px;}

.locationblock label, .locationblock input, .locationblock select {
clear:both;
display:block;
}