/* begin basic global styles */
html,body,div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p {color: #333;  list-style: none; margin: 0; padding: 0;}
h3 {margin-bottom:-2px;}
thead {font-weight:bold;}
html {background: #E3E3E3 url(/images/users/.gif) repeat-x 0 0; }
body { font: 13px "trebuchet ms";}
a {color: #111; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
img {border:none;}
p {color:#000000;}

/*floats*/
#left {float:left;}
#right {float:left;}
.left {float:left;}
.right {float:right;}
.margin {margin:0;}
.clear {clear:both;}

/* header */
#header input {float: right; margin: 2px;  width: 200px;}

/* description boxes */
.contentDesc {margin: 10px;}
.contentDesc {padding-bottom: 25px; width: 315px; margin:0;}
.contentDesc h3 {border-bottom: 1px solid #635e50; color: #000; margin-left:10px; padding:15px 5px 0; width: 299px;}
.contentDesc p {padding: 10px 5px; width:295px;}

/*description boxes - new*/
.top {background:url(/images/users/top.png) no-repeat; behavior:url(/iepngfix.htc); width:332px; height:37px;}
.mid {background:url(/images/users/mid.png) repeat-y; behavior:url(/iepngfix.htc); width:332px;}
.bottom {background:url(/images/users/bottom.png) no-repeat; behavior:url(/iepngfix.htc); width:332px; height:34px;}

.box-top {background:#ffffff url(/images/users/box-top.png) no-repeat; behavior:url(/iepngfix.htc); width:438px; height:37px;}
.box-mid {background:url(/images/users/box-mid.png) repeat-y; behavior:url(/iepngfix.htc); width:438px;}
.box-bottom {background:#ffffff url(/images/users/box-bottom.png) no-repeat; behavior:url(/iepngfix.htc); width:438px; height:34px;}

.contentDesc1 {margin: 10px;}
.contentDesc1 {padding-bottom:25px; width:425px; margin:0;}
.contentDesc1 h3 {color:#000; margin-left:15px; padding:15px 5px 0; width:385px;}
.contentDesc1 p {color:#000; margin-left:15px; padding:0px 5px; width:385px;}



/*
#red-wall {background:url(/images/users/red-5.png) repeat-y 14px 0px; width:423px; }
#red-top {background: #eaeaea url(/images/users/red-2.png) no-repeat 0px 0px; width:412px; height:144px; margin-left:14px; }
#red-bottom {background: #eaeaea url(/images/users/red-6.png) no-repeat 0px 0px; width:412px; height:67px; margin-left:14px; color:#eeeeee; text-align:right;}
#red-wall h3 {color:#eee; margin-left:10px; width:380px;}
#red-wall p {color:#eee; margin-top:-100px; margin-left:25px;}
*/

/* begin page styles */
#page {background: #fff; margin: 0 auto; width: 810px; border:1px solid #cccccc;}
#header {background: #ccc url(/images/users/head_bg.jpg) -100px 0; height: 73px; padding-top:1px; border-bottom:1px solid #000000;}
#siteTitle {background: no-repeat 5px -2px; behavior:url(/iepngfix.htc); height:110px; text-indent:-9999px; position:absolute; width:225px;}
#siteTitle a { display: block; overflow: hidden; padding-top: 66px; width: 196px;}

#navigation {background:url(/images/users/nav-bg1.png) repeat-x; behavior:url(/iepngfix.htc); height:37px; line-height:31px; margin-bottom:20px; width: 100%;}
#contentSections {float:right;}
#contentSections li {display:inline; padding: 3px 6px;}
#contentSections li a {font-size: 11px; font-weight: bold;}
.content {float: ; margin:10px;}

#contentTextLinks {text-align:center;}
#contentTextLinks li {display:inline; margin:  0 10px;}
#contentTextLinks li a{color:#fff; font-weight:normal;}

#content {float: ; margin:10px;}
#content p {width:560px; margin:5px 0 5px 5px; line-height:1.5em;}
#content-form {width:300px;}
#content-form legend {font-weight:bold;}
#content-form label {float:left; clear:both; padding-top:6px;}
#content-form input {float:left; clear:both;}
#content-form select {float:left; clear:both;}
.multicheckbox {float:left; clear:both;}

/*Tip of the Day box*/
#blue-top {background:#eaeaea url(/images/users/blue-top.png) no-repeat 0px 0px; behavior:url(/iepngfix.htc); width:409px; height:144px; margin-left:14px;}
#blue-bottom {background:#eaeaea url(/images/users/blue-bottom.png) no-repeat 0px 0px; behavior:url(/iepngfix.htc); width:409px; height:70px; margin-left:13px; color:#ffffff; text-align:right;}
#blue-wall {background:url(/images/users/blue-mid.png) repeat-y 14px 0px; width:424px;}
#blue-wall h3 {color:#ffffff; margin-left:10px; width:380px;}
#blue-wall p {color:#ffffff; margin-top:-100px; margin-left:25px; width:375px;}

#titleCopyright{color:#ffffff;}
#contentCopyright{color:#ffffff;}
#footer {background:#143E66; clear:both; padding:5px 0; text-align:center; font-size:12px; height:65px;}
#footer li {display: inline; margin:  0 5px;}

.sectionHeader {background: url(/images/users/section_header_bg.gif) repeat-x 0 0; color: #000000; height: 40px; margin-left: ; padding: 5px;}
.subHeading {border-bottom: 1px solid #ccc; clear: both; color: #000000; padding-top:6px;}
/*Min-Height div*/
#min-height {min-height:700px;}
/* Columns */
div.twocolumn { clear:both; }
div.twocolumn > div { width:40%; float:left; margin:5px; }
/*div.twocolumn div div {margin-bottom:10px; border-bottom:1px groove;} */
div.twocolumn > div input { width:95%; float:left; }
div.threecolumn { clear:both; }
div.threecolumn > div { width:31%; float:left; }
div.threecolumn > div input { width:95%; float:left; margin:0px; }
div.fourcolumn { clear:both; }
div.fourcolumn > div { width:24%; float:left; margin:1px; text-align:center; }
div.fourcolumn > div input { width:95%; float:left; margin:0px; vertical-align:bottom; }

/* login */
#loginForm {}
#loginForm fieldset{ border:none; padding: 3px 10px; width: 265px;}
#loginForm label {display: block; float: left; width: 80px; text-align:right; font-weight:bold; margin-right:5px;}
#loginForm input {margin: 3px 0; position:relative;}
#loginSubmit {display: block; margin-left:86px !important;}
#loginForm div {float: left;}
#loginForm p {width:297px;}

#forgot-pass a {font-size:11px;  font-weight:normal;  margin-left:86px; color:#015BA7;}
#forgot-pass a:hover {color:#FF1100;}

form .error { float:none;  margin:5px; font-weight:bold; color: #FF0000; }

/* accountInfo */
.dataDefList {float: left; width:320px;}
.dataDefList dt {float:left; clear:left; width:100px;font-weight: bold;}
.dataDefList dd {float:left; width:200px;}
.dataUnorderedList {background: #f5f4f4; height: 200px; overflow: auto; margin: 10px; padding: 10px; width: 580px;}
.dataUnorderedList li {}

/* tables */
table { width:100%;}
table .tableTitle th {background: url(/images/users/th_bg.gif) repeat-x 0 0; color: #036; height: 26px; font-size:11px;}
table .tableRow { background: #f5f4f4; }
table td {text-align: center; padding: 3px;}
table .odd td {background: #fff}
table .even td {background: #f5f4f4;}

/* marketing review */
.marketing_review p {margin:10px 0 10px 0; width:400px; font-weight:bold;}
.marketing_review textarea {display: block; width:400px;}
.marketing_review input {width:250px;}
.marketing_review li {margin-bottom:4px; margin-top:10px; font-weight:bold;}
.marketing_review {background-color:#EEE; padding:10px;}

input[type="checkbox"] {width:15px;}
.comment {display:block; margin-bottom:10px;}
.dataRow {display:block; margin-bottom:3px;}
.dataRow label {float:left; width:150px;}
.input {display:block;}
.input label {float:left; width:150px;}
.input input {margin-bottom:3px;}
.first {text-align:left; padding-left:8%;}

#rankChart {float: right; margin: 10px 5px;;}
#getFlashPlayer {border: 1px solid #000; clear: left; font-size: 10px; padding: 5px; width: 230px;}
#getFlashLink {font-size: 12px; text-align: center;}

dt {font-weight:bold;}
dd {margin-left:15px;}

.ticket_comment {padding-bottom:4px; margin-bottom:4px; border-bottom:1px solid black;}

.surveyOption {border:1px solid black; margin:3px; padding:3px;}
.surveyOption .type {display:block; text-align:right; font-size:16px; font-weight:bold;}
.surveyOption label {float:left; width:80px;}
.surveyOption .surveyQuestion {width:500px;}
.surveyOption hr {border-top:2px solid #666;}
.surveyOption table {width:580px;}
.surveyOption table td {text-align:center;}
.surveyOption table .input {width:100%;}
#survey label {display:block; margin-bottom:5px; margin-top:5px; border-top:1px solid #666666; padding:5px;}

.dataRow {float:left; width:100%;}
.upgrade_option {border-bottom:1px solid #000000;}
.name {float:left; font-weight:bold; margin-bottom:3px; margin-top:8px;}
.price {float:right; font-weight:bold; color:green; margin-right:5px; margin-top:8px;}
.description {display:block; clear:both; height:85px; overflow-x:hidden; overflow-y:scroll; width:95%; margin:0 auto; padding:2px;}
.upgrade_check {float:right; width:15%; background:#7a9bbd; text-align:center;}
.upgrade_details {width:85%; height:inherit; float:left;}
.button {float:right; margin:5px;}
.fatalerror {padding:15px; font-family: monospace; color:black;}
#horiznav li {display:inline; padding:0 10px;}

#ranktable th {background: #FFFFFF; border-bottom:2px solid #7A9BBD; border-top: 1px solid #7A9BBD;}
#ranktable tr th {padding:4px 0;}
#ranktable td {text-align:center; width:16px; border-bottom:1px solid #7a9bbd; padding:4px 0 4px 0;}
#ranktable {border-spacing:0; border-collapse:collapse;}
#ranktable .keyword { text-align:left; width:276px; }

/* rank chart fix */
#ranktable > tbody > tr > td { text-align:center; }
#ranktable > tbody > tr > td.first-page { font-weight:bold; }
#ranktable > tbody > tr > td.clickable { cursor:pointer; }
#ranktable > tbody > tr > td.highlight { background-color:#E0E0E0; }
#ranktable > tbody > tr.odd-row { background-color:#E8E8E8; }
#ranktable > tbody > tr.odd-row > td.highlight { background-color:#D0D0D0; }
/***********************
 * Generic Classes
 * *********************/
.ucwords { text-transform:capitalize; }
.bordered-padded { width:auto; border:1px solid black; padding:5px;  margin-top:40%;}
.highlight { background-color:#E8E8E8; }
.height400 { height:400px; }
div.true-two-column { width:auto; }
div.true-two-column > div { width:50%; float:left; clear:none; }

table.clickable { border-spacing:0; border-collapse:collapse; margin-bottom:10px; }
table.clickable tbody tr.highlight { cursor:pointer; background-color:#E8E8E8; }
table.clickable tbody tr.highlight td { text-decoration:underline; }

.additionalurls li { margin-left:1.5em; list-style-type:number; }
