body, td, input, textarea, select { font: normal 10px Verdana, Arial, sans-serif }
.clear { clear: both; height: 1px; line-height: 1px }

@media screen
{
	a { color: #758eda; text-decoration: none }
	a:hover { text-decoration: underline }
	
	h1, h2, h3, h4, h5, h6 { font-size: 150% }
	
	div.title h1 { color: #0066cc; font: normal 200% Verdana, Arial, sans-serif }
	
	form.login-container { margin: 100px auto 0 auto; width: 420px }
	form.login-container fieldset { border: solid 1px #0077dd }
	form.login-container .form legend { color: #0077dd; font: normal 200% Verdana, Arial, sans-serif; padding: 0 0.5em }
	form.login-container ul { margin: 0 0 0 2em; padding: 0 }
	form.login-container ul li { list-style: none outside; font: bold 110% Verdana, Arial, sans-serif; margin: 0.5em 0; padding: 0 }
	form.login-container ul em { display: block; font-style: normal; color: #000 }
	form.login-container ul em.inactive { color: #F00 }
	
	.print-only { display: none }
}


.form fieldset, fieldset.form { margin: 0; margin: 10px 0 0 0; padding: 5px 10px 5px 10px; border: solid 1px #888 }
.form legend { margin: 0; padding: 0 }
.form legend, .form .legend { color: #888; font-weight: bold; font-size: 11px; padding: 0 3px }
.form h5.legend { margin: 10px 0 5px 0 }

.form input, .form select, .form textarea { background: #FEFEFE }
.form .checkbox input, .form .checkboxes input { background: none }

.form .required label { font-weight: bold }
.form .required input, .form .required select, .form .required textarea { background: #fbeded }
.form .required.checkboxes input { background: none }
.form .required.checkboxes span, .form .required.checkboxes-long span { background: none; font-weight: bold }
.form .error-message { display: inline; padding: 0 10px; color: #F00; font-weight: bold }
/*.form .valid { background: url('../images/ok.gif') no-repeat 100% 50% }*/
.form .invalid { background: url('../images/fail.gif') no-repeat 100% 50% }

.form div.input, .form div.files, .form div.checkbox, .form div.text { clear: both; margin: 3px 0; padding: 2px 0 }
.form div.input label, .form div.files label, .form div.checkboxes span { float: left; width: 140px; padding-top: 2px; line-height: 1.5em }

.form div.input label em, .form div.files label em, .form div.checkboxes span em, .form div.input-long label em, .form div.files-long label em, .form div.checkboxes-long span em { font-style: normal; font-weight: normal }


/*
.form div.long { padding-left: 140px }
.form div.long label { display: block; position: relative; float: none; left: -140px; padding: 3px 30px 3px 0; width: auto }
.form div.long input { height: 1.2em; line-height: 1.2em; padding: 1px 3px }
*/

.form div.input-long { margin: 0; padding: 0 !important;  }
.form div.input-long label { display: block; float: none; padding: 3px 0; width: auto }
.form div.input-long input, .form div.input-long textarea { display: block; margin-left: 140px }
* html .form div.input-long input, * html .form div.input-long textarea { display: block; margin-left: 143px }

.form div.input input, .form div.input-long input { height: 1.2em; line-height: 1.2em; padding: 1px 3px; width: 35em }

.form div.checkbox { padding-left: 0 }

.form div.file { padding: 1em 0 0 5em }
.form div.file label { display: block; position: relative; left: -5em; padding: 3px 30px 6px 0 }

.form div.file-long { padding: 1em 0 0 5em }
.form div.file-long label { display: block; position: relative; left: -5em; padding: 3px 30px 6px 0 }

.form div.checkboxes { margin-left: 140px; position: relative }
.form div.checkboxes span { position: absolute; left: -140px }

.form div.checkboxes-long { margin: 0; padding-left: 140px; position: static }
.form div.checkboxes-long span { display: block; float: none; position: relative; left: -140px; padding: 3px 30px 3px 0; width: auto }
.form div.checkboxes-long label { display: inline; float: none; padding: 0; line-height: 1.2em; position: static; white-space: nowrap }


.form div.condensed-list { margin: 0; padding: 0 !important;  }
.form div.condensed-list label { float: left; width: 140px }
.form div.condensed-list div { display: inline; margin: 0; padding: 0 }
.form div.condensed-list div label { display: none }
.form div.condensed-list div input { display: inline; margin: 0 }

.form div.condensed-table { margin: 0; padding: 0 !important;  }
.form div.condensed-table div { display: inline; margin: 0; padding: 0 }
.form div.condensed-table div label { display: none }
.form div.condensed-table div input { display: inline; margin: 0 }


.form div.text { line-height: 1.8em }
.form div.text label { float: left; width: 140px }

.form div.buttons { margin: 10px 0; text-align: right }
.form div.buttons input { padding: 1px 20px; border: solid 1px #C2C2C2; background: #DCD9D9; color: #5C5C5C }

.form strong.help { clear: both; color: #777; display: block; float: none; padding: 3px 10px; position: static; font-size: 10px; font-weight: normal }
.form div.checkboxes strong.help { margin-left: -140px }

.form .warning { color: #f00 }
.form p.warning { background: #fee; border: solid 1px #f00; color: #f00; padding: 2px 5px }
.form .warning strong { font-weight: bold; font-size: 120% } 

table.form { border-collapse: collapse; table-layout: fixed; width: 100% }
table.form td, table.form th { padding: 1px 4px }
table.form th { font-weight: normal; text-align: left }
table.form thead td, table.form thead th { font-weight: bold; height: 2.8em; text-align: center }
table.form tr.head td, table.form tr.head th { font-weight: bold; height: 2.8em }
table.form div.input label { display: none }
table.form div.input-long label { display: none }
table.form div.input-long input { margin: 0 }
table.form div.input-long textarea { margin: 0 }
table.form div.input-long select { margin: 0 }
table.form .invalid { background: none }
table.form .sep td, table.form .sep th { border-top: solid 1px black; padding-top: 2px }
table.form td.n, table.form th.n { padding-right: 4px; text-align: right }

table.form .flow div.input label { display: inline }

.flow div { display: inline }
.flow div.input label { display: inline; float: none; }
.flow div.input input { display: inline; margin: 0 0.5em 0 0 }
.flow div.input .country { width: 5em }

table.report { border-collapse: collapse; table-layout: auto }
table.report td, table.report th { padding: 2px 4px }
table.report thead td, table.report thead th { font-weight: bold; height: 2.8em; text-align: center }
table.report td.n, table.report th.n { text-align: center }

.form div input.email { width: 12em }
.form div input.password { width: 12em }
.form div input.name { width: 15em }
.form div input.title { width: 7em }
.form div input.date { width: 7.2em }
.form div input.num { width: 4em; text-align: right }
.form div input.dec { width: 8em; text-align: right }
.form div input.lang { width: 10em }
.form div input.inst { width: 25em }
.form div input.phone { width: 140px }
.form div input.www { width: 15em; color: #0C1F91; text-decoration: underline }
.form div input.text { width: 30em }
.form div input.address { width: 20em }
.form div input.zip { width: 7em }
.form div input.city { width: 12em }
.form div input.state { width: 8em }
.form div input.country { width: 20em }
.form div select.country { width: 30em }
.form div textarea { width: 35em; height: 12em }
.form div input.currency { width: 3em }
.form div input.short { width: 8em }
.form div input.fill, .form div select.fill, .form div textarea.fill { width: 90% !important }

.form h2 { color: #0066cc; font: normal 140% Verdana, Arial, sans-serif; margin: 15px 0 5px 0 }

.form span.file input.d { float: right; margin: 4px 20px 0 0; padding: 0 2px; border: none 0; background: #ECECEC; color: #0C1F91 }
.form span.file a { margin: 0 10px; padding: 0 0 0 22px; background-repeat: no-repeat; background-position: 0 50% }
.form span.file a.pdf { background-image: url('../images/ft/pdf.jpg') }
.form span.file a.doc { background-image: url('../images/ft/doc.jpg') }
.form span.file a.xls { background-image: url('../images/ft/xls.jpg') }

.form fieldset.error { border: solid 2px #F00; color: #F00; font-size: 110%; font-weight: bold }


/* messages */
table.messages { border-collapse: collapse }
table.messages .header td { background: #f2f2f2; padding: 2px }
table.messages .header .subject { background: #f2f2f2 url('../images/message.gif') no-repeat 2px 2px; font-weight: bold; line-height: 12px; padding-left: 20px }
table.messages .text { border: solid 1px #f2f2f2; padding: 1em 1em 2em 3em }

/* custom formats */
.form div.checkboxes.em span { font-weight: bold; width: 140px }
.form div.checkboxes.em label { display: block; font-weight: bold }
.form div.advedit span.counter { color: #666; display: block; font-weight: normal }
.form div.checkboxes-em-long span { display: block; font-weight: bold }
.form div.checkboxes-em-long label { display: block; font-weight: bold; margin: 0 0 0 50px; padding: 0 }
.form div.checkboxes-em-long input { display: inline; width: auto; margin: 0; padding: 0 }

.file-upload-status { border: solid 1px black; line-height: 11px; height: 11px; position: relative; text-align: center; display: none; font-weight: bold }
.file-upload-status div { background: url('../images/bar.gif') 100% 50%; position: absolute; height: 11px; overflow: hidden; z-index: -1 }