/* =RESET
-----------------------------------------------------------------------------------------------*/
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{
line-height:1;
color:black;
background-color: f0f0f0;
}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
-----------------------------------------------------------------------------------------------*/
body{
font:13px/20px 'Droid Sans', Arial, sans-serif;
font-weight:300;
color:#555;
background-color: #f0f0f0;
}
/* =headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{ color:#5a5a5a; }
h1{ font-size:22px; line-height:32px; margin-bottom:15px; }
h2{ font-size:20px; line-height:25px; margin-bottom:15px; }
h3{ font-size:18px; line-height:22px; margin-bottom:10px; }
h4{ font-size:16px; line-height:17px; margin-bottom:10px; }
h5{ font-size:14px; line-height:15px; margin-bottom:8px; text-transform:uppercase; }
h6{ font-size:13px; line-height:14px; margin-bottom:8px; text-transform:uppercase; }
h1, h2, h3, h4, h5, h6{ font-family: Arial, 'Open Sans', sans-serif; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
/* =text-elements
-------------------------------------------------------------- */
a{ color:#0073BF; text-decoration:none; }
a:hover{ }
a img{ border:none; }
strong{ font-weight: bold; color:#333; }
em{ font-style: italic; }
p, ul, ol, pre, code{ margin-bottom:20px; }
p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last{ margin-bottom:0; }
ul{ list-style-type:circle; list-style-position:inside; }
ul.checklist{ list-style-image:url(images/bg-checklist.png); }
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:1px 20px 5px 60px; line-height:24px; background: url(images/bg-blockquote.png) no-repeat top left; color:#999999; }
blockquote span{ color:#666666; }
.blockquote-left{ width:200px; float:left; }
.blockquote-right{ width:200px; float:right; }
pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
/* due to IE
margin bugs I had to made a class and apply it to a div to achieve the effect of a
*/
hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
.hr{ border-top:1px solid #efefef; margin:30px 0; }
/* =tables
-------------------------------------------------------------- */
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; /*border:1px solid #efefef; */ }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding: 4px 6px; /*padding:10px 15px; border-top:1px solid #efefef; */}
tr.alt{ background-color:#f5f5f5; }
/* =forms-messages
-------------------------------------------------------------- */
label{ font-weight:bold; color:#000000; }
label span.required{ color:#ff0000; }
fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
legend{ font-weight: bold; }
form p{ margin-bottom:10px; }
input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
select{ border-width:1px; border-style:solid; background-color:#ffffff; }
input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
input.text{ width:250px; padding:5px; }
textarea{ width:380px; height:125px; padding:5px; }
.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
.errormsg a{ color:#8a1f11; }
.successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
.successmsg a{ color:#264409; }
.infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
.infomsg a{ color:#205791; }
.noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
.noticemsg a{ color:#514721; }
/* =default-classes
-------------------------------------------------------------- */
.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-right{ margin:5px 0 0 10px; float:right; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-highlight{ padding:2px 5px; background-color:#D5EDF8; color:#111111; }
.text-highlight2{ padding:2px 5px; background-color:#FFF6BF; color:#111111; }
.bordered{ padding:20px; border:1px solid #efefef; }
.float-left{ float:left; }
.float-right{ float:right; }
/* =grid
-------------------------------------------------------------- */
/* Clear Fix Hack - add class="fixed" to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
/* \*/
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.row{}
.col145{ width:145px; float:left; margin-right:20px; }
.col180{ width:180px; float:left; margin-right:20px; }
.col205{ width:205px; float:left; margin-right:20px; }
.col280{ width:280px; float:left; margin-right:20px; }
.col430{ width:430px; float:left; margin-right:20px; }
.col580{ width:580px; float:left; margin-right:20px; }
.col655{ width:655px; float:left; margin-right:20px; }
.last{ margin-right:0px; }
.clear{ clear:both; }