* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align:center; font: 14px "Trebuchet MS", helvetica, sans-serif; color: #FFF; background: #FFF; }
table, th, td { font: 14px "Trebuchet MS"; }

a img, :link img, :visited img { border: none; }

a:link { text-decoration: underline; color:#9acc62; }
a:visited { text-decoration: underline; color:#6ea729; }
a:hover, a:active { text-decoration: none; color:#86dd26 }
a:active { color:#ddb826; } 

#header { height:80px; background:#FFF; }

fieldset { margin:10px; padding:2px 5px; border:0; }
table td { padding:2px; }
option { padding:0px 10px 0px 1px; }

h1 { color:#FFFF00; font-size:20px; }
h2, th { font-weight:bold; color:#FF9933; }
h3 { color:#FFFFCC; font-size:16px; margin-top:20px; }

#thecode textarea { margin:30px; width:88%; height:230px; }

.example { width: 100px; height:10px; padding:17px 10px 24px; position:absolute; top:5px; right:5px; background:#EFEFEF url(img/arrow.png) no-repeat 2px 5px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
.example p { padding-left:40px; color:#333; }
* html .example { padding:15px 10px 18px; }

#container_outside {text-align:left; position:relative; background:#962D0D url(img/bg_content2.gif) repeat-y; margin:30px auto 0;  width:820px; color:#FFF; }

#container { padding-top:80px; background: url(img/bg_content.gif) no-repeat; color:#FFF; }
#container legend, .login2 h2 { color:#FFFF00; font-size:22px; }
#container form { padding:20px; }
#container input, #container select { padding:3px; background:#FFF url(img/bg_input.gif) repeat-x 0 0; border:1px solid #FFF; }
#container option { width:100px; }
#container .preview, #container .getcode { border:none; background:none; width:auto; vertical-align:middle; }
#thecode { padding:20px; }
th img, th a { float:right; display:inline; width:16px; }
#container .btn { border:none; background:none; }

.benefits { margin-left:30px; padding:20px; }
.benefits ul { margin-left:30px; }
.benefits div { margin-right:20px;}

.select_table { width:243px; margin-right:10px; float:left;  border:1px dotted #E5A651; }
.select_table a:link, .select_table a:visited { color:#efefef; text-decoration:none; }
#container .select_table input { margin-bottom:10px; width:130px; vertical-align:middle; }
.code { font-family:"Courier New", Courier, mono; font-size:14px; margin:10px; color:#FFFF00}
.required { font-weight:bold; margin-right:5px; }

#container.login2 h1 { color:#FFF; font-weight:normal; font-size:22px; }
#welcome { margin-left:30px; margin-top:30px; width:400px; height:1%; }
* html #welcome { padding-top:30px; }
#container.login2 h2 { margin:0px 0 10px 30px; font-size:18px; font-weight:normal; }
#container.login2 form { padding:0; }
#container.login2 ul { margin-top:20px; line-height:24px; }
.login2 input { margin-bottom:10px; }
.login input { margin-bottom:0; }
.login { width:260px; float:left; margin-left:30px; margin-top:50px; padding:20px; display:inline; border:1px dotted #d5831f; }
.register { width:430px; float:left; margin-left:30px; display:inline; }
#footer { height:30px; padding:0; }
#container.login2 #footer ul, #footer ul { margin:0 0 10px 10px; list-style:none; padding:0; }
#footer li { float:left;  margin-left:10px; }
#footer a { display:block; float:left; height:12px; padding:0 10px 0 0; border-right:1px solid #9acc62; color:#FFF; font-size:10px; line-height:10px; }
#footer li.last a { border-right:none; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.floatleft { float:left; }
.floatright { float:right; }

#content { min-height:200px; padding:20px; line-height:20px; }
#content h1 { margin:10px 0; padding:0; }
* html #content { height:200px; }
.error  { padding:10px; margin:10px; background:#972E0E; border:1px solid #E5A651; color:#FFF; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */