html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,cufon,canvas,cufontext{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}*/
/* BASIC TYPOGRAPHY */

html { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
strong, th, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* BASE SIZES */
.input1{width:150px;}
.input2{width:200px;}
.textarea1{width:250px; height:150px;}
.input3{width:30px;}

#htmlBody .container { font-size:12px; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/* LISTS */

ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */

table { border:none; padding:0; margin:0; background:none;}
th, td { border:none; padding:0; margin:0; background:none; }

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
/*hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }*/
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1,h2,h3,h4,h5,h6{ margin:0; padding: 0;}
th, td { padding:0; margin:0;}
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }


/* COLORS */

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


#htmlBody .container {width:990px;margin:0 auto;}
#htmlBody .span-1{width:50%; overflow:hidden;}
#htmlBody .span-6{width:1%;}
#htmlBody .span-7{width:49%;}
#htmlBody .span-8{width:50%;}
#htmlBody .span-9{width:30%;}
#htmlBody .span-10{width:70%;}

#htmlBody .span-2{width:272px; overflow:hidden;}
#htmlBody .span-3{width:718px;}
#htmlBody .span-4{width:229px;}
#htmlBody .span-5{width:717px;}
body {margin:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.newline {background:#ebd5f7;color:#ebd5f7;clear:both;float:none;width:100%;height:1px;margin:10px 0 10px 0;border:none;}
hr.loginline{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:10px 0 10px 0;border:none;}
hr.space {background:#fff;color:#fff;}
hr.line{background:url(../images/line.jpg) left top repeat-x;clear:both;float:none;width:100%;height:1px;margin:5px 0 5px 0!important;border:none;}

/*.clearfix:after,#htmlBody .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
*/
/*.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix,#htmlBody .container {display:inline-block;}
* html .clearfix,#htmlBody * html .container {height:1%;}
.clearfix,#htmlBody .container {display:block;}*/
.clear {clear:both;}
.fleft{float:left; display:block;}
.fright{float:right; display:block;}
/* TEXT CLASSES */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.caps {letter-spacing:0; text-transform: uppercase; padding:0!important; margin:3px!important;}
.gray{ color:#6c6c6c}
.pink{color:#754292;}
p{ padding:5px 0 5px 0;}

label { font-weight: bold; }
#htmlBody .formview textarea,#htmlBody .formview  input[type='text'],#htmlBody .formview  input[type='password'],#htmlBody .formview  select { border: 1px solid #ccc; background: #fff; padding:3px 5px 3px 5px;}
#htmlBody .formview textarea:hover, #htmlBody .formview input[type='text']:hover, #htmlBody .formview input[type='password']:hover, #htmlBody .formview select:hover { border-color: #aaa; }
#htmlBody .formview textarea:focus, #htmlBody .formview input[type='text']:focus, #htmlBody .formview input[type='password']:focus, #htmlBody .formview select:focus { border-color: #888; }
#htmlBody .formview input, #htmlBody .formview select { cursor: pointer; }
#htmlBody .formview input[type='text'],#htmlBody .formview input[type='password'] { cursor: text; }
#htmlBody .formview .input{ width:250px;}
.textarea{width:150px;}
.fieldname{font-size:11px!important;}

p img.left  { float: left; margin:0 10px 0 0; padding:0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }