/***************Generic Styles***************/
* {
 margin: 0px;
 padding: 0px;
}

body {
 font-family: Arial;
 max-width: 940px;
 margin: 0 auto;
 border-left: 2px solid #999;
 border-right: 2px solid #999;
}

a {
 text-decoration: none;
 outline: none;
}

ul {
 list-style-type: none;
}

table {
 border-collapse: collapse;
}

sup {
 font-size: smaller;
}

a img {
 border: none;
}

.button {
 display: block;
 width: 80px;
 height: 28px;
 color: #fff;
 font-weight: bold;
 font-size: 17px;
 background: url(../images/content_head_bg.png) top left repeat-x;
 border: 1px solid #ccc;
 margin: 0 0 10px;
}

.button:hover {
 cursor: pointer;
 background: url(../images/nav_bg.png) top left repeat-x;
 color: #000;
}

input[type=text], input[type=password], textarea {
 height: 20px;
 background-image: url('../images/input_stripe.gif');
 border: 1px solid #000;
 font-size: 16px;
 width: 155px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
 background-image: none;
 background-color: #ddd;
}

#log p.error, #log p.msg {
 margin: 0 auto;
 width: 50%;
 text-align: center;
}

p.error {
 color: #f00;
}

p.msg {
 color: green;
}

.alert, .alert_ok {
 width: 94%;
 margin: 5px auto 10px;
 border: 2px solid #000;
 background-color: #fff;
 text-align: center;
}

.alert h4 {
 width: 100%;
 background-color: #f00;
 color: #fff;
 margin-bottom: 5px;
}

.alert_ok h4 {
 width: 100%;
 background-color: #008000;
 color: #fff;
}

.alert h5, .alert_ok h5 {
 width: 100%;
 padding: 3px;
}

.alert h5 a, .alert_ok h5 a {
 text-decoration: underline;
}

img#help_icon {
 cursor: pointer;
 margin-left: 5px;
}

div#helpwin {
 display: none;
}

div#help dl dt {
 font-weight: bold;
 font-size: 10pt;
}

div#help dl dd {
 font-size: 9pt;
 margin-left: 10px;
}

#tooltip {
 position: absolute;
 top: 0px;
 left: 0px;
 text-align: left;
 font-size: 11pt;
 border: 2px solid #00c000;
 padding: 2px;
 color: #333;
 background-color: #fff;
 visibility: hidden;
 z-index: 100;
}






/***************Header Styles***************/
#header {
 width: auto;
 max-width: 940px;
 height: 193px;
 background: url(../images/header_bg.png) top left no-repeat;
 border-bottom: 4px solid #ccc;
 position: relative;
}

#header h1, #header h2 {
 text-indent: -9999px;
}

div#header div#timer {
 font-weight: bold;
 font-size: 12pt;
 color: #fff;
 width: auto;
 text-align: right;
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 1px 3px;
}



/***************Nav Styles***************/
#nav {
 width: auto;
 max-width: 940px;
 height: 33px;
 margin: 4px auto;
 background: url(../images/nav_bg.png) top left repeat-x;
}

#nav li {
 text-align: center;
 width: 24%;
 line-height: 33px;
 float: left;
 font-weight: bold;
 font-size: 12pt;
}

#nav li a {
 color: #000;
}

#nav li a:hover {
 color: #fff;
}






/***************Main Styles***************/
#main {
 width: auto;
 max-width: 940px;
 padding: 10px 5px;
 border-top: 4px solid #ccc;
}





/***************Content Styles***************/
#content{
 border: 3px solid #90ce00;
 background-color: #f3f3f3;
 color: #444;
 font-weight: bold;
 float: right;
 width: 80%;
 margin-bottom: 12px;
}

#content h3 {
 height: 28px;
 text-align: right;
 color: #fff;
 padding-right: 8px;
 font-size: 14pt;
 background: url(../images/content_head_bg.png) top left repeat-x;
}

#content p {
 padding: 10px;
 text-align: justify;
}




/***************Sidebar Styles***************/
#sidebar {
 float: left;
 width: 17%;
}

#sidebar .module {
 width: 157px;
 padding: 35px 4px 5px;
 font-size: 10pt;
 margin-bottom: 15px;
 border: 3px solid #90ce00;
 background-color: #f3f3f3;
 color: #444;
 font-weight: bold;
 position: relative;
}

#sidebar h4 {
 height: 28px;
 width: 163px;
 color: #fff;
 font-size: 13pt;
 line-height: 1.6;
 padding-left: 2px;
 background: url(../images/content_head_bg.png) top left repeat-x;
 border-bottom: none;
 position: absolute;
 top: 0;
 left: 0;
}

#form {
 text-align: center;
}

#sidebar dl dt {
 font-size: 10pt;
}

#sidebar dl dd {
 padding-bottom: 6px;
}

#sidebar .module ul, #sidebar .module form {
}

#sidebar .module ul li {
 margin: 0 0 5px;
 height: 20px;
}

#sidebar .module ul li a:hover {
 color: #30a;
}

#sidebar .module > form > a {
 margin: 0 0 3px;
 width: 100%; 
 display: inline-block;
 font-size: 10pt;
}



/***************Footer Styles***************/
#footer {
 width: auto;
 max-width: 940px;
 clear: both;
 text-align: center;
 padding: 10px;
 border-top: 3px solid #90ce00;
 font-size: 10pt;
 font-weight: bold;
 color: #aaa;
}

#footer a {
 color: #f19614;
 border-bottom: 2px solid #f19614;
}

#footer p {
 line-height: 1.8em;
}

#footer p#disclaimer {
 color: #333;
 font-size: smaller;
 text-align: justify;
 padding-bottom: 10px;
}





/***************Index.php Styles***************/
#main #content p img {
 margin: 3px 15px 0 0;
}





/***************About.php Styles***************/
.about #main #content ul {
 margin: 10px;
}

.about #main #content ul li {
 margin-bottom: 15px;
 text-indent: 10px;
 text-align: justify;
}

.about #main #content ul li +li + li{
 margin-bottom: 3px;
 text-indent: 0px;
}






/***************HowItWorks.php Styles***************/
.how #main #content ul {
 margin: 2px 8px 8px;
}

.how #main #content ol {
 width: 95%;
 margin: 2px auto;
}

.how #main #content ol li {
 width: 49%;
 margin: 8px 0;
 text-align: center;
 float: left;
 list-style-type: none;
}






/***************Forgot-Password.php Styles***************/
#forgot_pw_form {
 width: 30%;
 margin: 20px auto 0;
}

#forgot_pw_form dl dt {
 font-size: 10pt;
}

#forgot_pw_form dl dd {
 padding-bottom: 6px;
}

#forgot_pw_form + div {
 font-size: 10pt; 
 color: #f00;
 width: 100%;
 text-align: center;
 margin: 0 0 10px;
}

#email-sent {
 width: 40%;
 margin: 20px auto;
 padding: 10px;
 text-align: justify;
 border: 1px solid #aaa;
}






/***************Premium-Account-Add.php Styles***************/
.alert table {
 width: 70%;
 margin: 10px auto;
 border: 2px solid #000;
 border-collapse: collapse;
}

.alert table td {
 text-align: center;
 padding: 3px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

.alert table th {
 text-align: center;
 padding: 3px;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
}