@charset "utf-8";
/* CSS Document */

body {margin: 0 auto; padding: 0; background:url(/images/referral_center/body-bg.jpg) repeat-x top center; font: 12px Arial, Helvetica, sans-serif; color: #565656;}
.clear {clear: both;}

#container {width: 874px; margin: 0 auto;}
#header {margin-left: 20px; padding: 0; width: 840px; height: 110px;}
.left {float: left;}
.logo {padding-top: 15px;}
.right {float: right; width: 290px; height: 112px;}
.login {background-color: #ff9102; width: 290px; height:65px; position: relative; top: 0; left: 0; float: right; padding: 4px 0 0 7px;}
.remember {margin-top: 4px; _margin-top: 0; font: 11px Arial, Helvetica, sans-serif; color: #4c4c4c; margin-right: 10px; float: right;}
.login form {margin: 0;}
.login a {color: #4c4c4c;}
.box {width: 98px; margin: 0;}
.button {margin-left: 10px; margin-bottom: 0px; position: relative;top: 8px;}
#search {float: right; margin-top: 10px;}

#nav {border-top: 7px solid #d6d6d6; height: 35px; width: 840px; margin-left: 20px;}
#nav ul {font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; color: #565656; padding-left: 3px; _padding-top:10px; margin: 0; padding-top: 12px}
#nav ul li {list-style: none; float: left; padding-right: 25px;}
#nav ul li a {text-decoration: none; color: #565656;}
#nav ul li a:hover, #nav ul li .active {color: #ff7f02; border-top: 7px solid #ff9102; padding-top: 12px;}
#nav-bottom {margin-left: 20px; background:url(/images/referral_center/nav-bottom.jpg) repeat-x top center; width: 840px;}

#warnings {width:840px; margin-left: 20px; margin-bottom: 10px; margin-top:10px;}
#warnings strong {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #0177bf;}

#flash {width: 874px; height: 366px; margin: 0 auto; padding: 0; background:url(/images/referral_center/random/home1.jpg); background-repeat: no-repeat; }
#flash p {padding: 0 0 0 440px; color: #FFFFFF; line-height: 18px;}
#flash .larger {font-size: 15px;}

#columns {width: 840px; margin-left: 38px; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #565656;}
#columns p {margin-top: 0;}
.col1 {float: left; width: 220px; border-right: 1px solid #cccccc; padding-right: 40px;}
.col2 {float: left; width: 220px; padding-left: 30px; padding-right: 40px;}
.col3 {float: left; width: 220px; padding-left: 40px;  border-left: 1px solid #cccccc;}


#left {width: 593px; float: left; margin-left: 17px; padding-right: 25px; _margin-left: 10px;}
#left hr {border-top: 1px solid #bdbcbc; margin-bottom: 15px; _margin-bottom: 0px;}
#right {width: 205px; float: right; margin-right: 17px; _margin-right: 5px;} 
#right p {margin-top: 2px;}

.quote {color: #ff9102; font: 13px/26px Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 2px;}
.author {color: #9e9d9c; float: right; margin-top: 3px;}
.banner {margin-bottom: 15px;}


.rewards {float:left; width: 180px; height: 100%; margin-bottom: 30px; margin-right: 15px;}
.rewards img {padding: 5px; border: 1px solid #7e7d7c; }
.rewards img a:hover {border: 1px solid #FF5400;}
.title {font: 11px Georgia, "Times New Roman", Times, serif; color: #FF5400; font-weight: bold; margin-top: 12px; margin-bottom: 3px; text-align:center;}
.description {font-size: 11px; margin-top: 0;}

h1 {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; margin: 0; padding: 65px 0 0 440px;}
h2 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #0177bf; margin-bottom: 3px; margin-top:20px;}
h3 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #565656; margin-bottom: 3px;}
.link {float: right; font-weight: bold; text-decoration:underline; color: #ff9102; margin-top: 4px; padding: 0;}
.link a, .link a:hover {color: #ff9102;}


#footer {margin-top: 30px; _margin-top: 10px; text-align: center; clear:both; font: 11px Arial, Helvetica, sans-serif; color: #939292; margin-bottom: 25px;}
#footer hr {border-top: 1px solid #bdbcbc; margin-bottom: 15px; width: 840px; clear:both;}
#footer a, #footer a:hover {color: #939292;}


#table {border: 1px solid #0177bf; height: 100px; width: 300px; margin: 0 auto; padding: 10px;}
#table-row {margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #0177bf;}
.left-column {float: left; width: 100px;}
.right-column {float: left; width: 200px;}

form{margin-bottom:20px}
form div{margin-bottom:10px}
form fieldset legend {color: #0177bf; margin-bottom: 0px}
form label{width:130px; float:left; padding:4px 0 4px 10px;}
form ul{width:250px; float:left;}
form ul label{float:none; width:auto; margin-left:10px; padding:0}
form ul li{margin-bottom:5px}
form span{color:#999}
.textfield, .textarea{width:250px; border:1px solid #e5e2e2; border-top:1px solid #8c8c8c; padding:4px 2px; background:#f9f9f9;}
.textarea{height:100px}
.select{width:255px; border:1px solid #e5e2e2; border-top:1px solid #8c8c8c; padding:4px 2px; background:#f9f9f9;}
.checkbox{border:1px solid #e5e2e2; border-top:1px solid #8c8c8c;}
.submit-button {margin-left: 140px; margin-top: 10px;}