body {
    font-family: verdana, arial ,helvetica;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #317ec5 url(/images/bg.jpg) fixed no-repeat 50% 0;
}

html {
	margin: 0;
	padding: 0;
}

div,form {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

a {
	text-decoration: none;
    color: #63CFF7;
}

a:hover {
    color: #f5a431;
    text-decoration: underline;
}

#container {
    width: 100%;
}

#header {
	width: 860px;
	height: 79px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #DFF2FF;
}

#main {
	width: 860px;
	margin: 0 auto;
	position: relative;
}

#footer {
	width: 860px;
	margin: 0 auto;
	font-size: 11px;
	color: #00345F;
	padding-bottom: 55px;
}

#footer a {
	color: #00345F;
}

#copy_button {
	background-image: url(/images/copy_button.png);
	width: 127px;
	height: 54px;
}
#copy_button.hover { background-image: url(/images/copy_button2.png); }
#copy_button.active { background-image: url(/images/copy_button.png); }

div.announcements p {
    margin: 7px 0px;
}

table.rates {
    background-color:#E3E3E3;
    border:0 none;
    border-collapse:collapse;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;    
    width: 60%;
    margin: 15px auto 25px auto;
}

table.rates thead {
    background-color:#F0F0F0;
    color:#333333;
    text-align:center;
}

table.rates tr td, table.rates tr th {
    border:1px solid #BBBBBB;
    padding:6px;
    vertical-align:middle;
}

table.rates .even, table.rates tbody {
    background-color:#FFFFFF;
}

table.rates .odd {
    background-color:#EDF3FE;
}

table.rates .error {
    background-color: #ff3600;
}

table.rates .success {
    background-color: #9adb8e;
}

table.rates tr.breaker {
    background-color:#ffffff;
}

table.rates tr.breaker td {
    border: 0px;
}

div.content {
    background-color: #ffffff;
    width: 818px;
    float: left;
    padding: 0 20px 0 20px;
}
div.content.top {
    height: 10px;
    background: transparent url(/images/content-top.png) top no-repeat;
}

div.content.bottom {
    height: 10px;
    background: transparent url(/images/content-bottom.png) bottom no-repeat;
}

div.content a {
    color: blue;
}

div.content ul li {
    margin: 3px;
}

table.create_website tr td {
    padding: 5px;
}

div.error {
  background-image: url('/images/error-bar.gif');
  width: 615px;
  padding: 10px 10px 2px 85px;
  margin: 0 5px 0 5px;
  font-size: 10px;
  font-weight: bold;
  min-height: 50px;
  margin: auto;
}

div.error-bottom {
  background-image: url('/images/error-bar-bottom.gif');
  width: 710px;
  height: 14px;
  margin: 0 5px 5px 5px;
  margin: auto;
}

table.campaign {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid silver;
}

table.campaign td {
    padding: 5px;
    font-size: 10px;
    border: 1px solid silver;
}

table.campaign tbody tr {
   background-color: #FFFFFF;
   color: #000000;
}

table.campaign thead tr {
    background-color: #ffcc07;
}

table.campaign thead tr td {
    font-weight: bold;
    padding: 5px;
    border: 0px;
}

table.campaign tr.header {
    background-color: #cde7ff;
}

div.last_updated {
    float: right;
    font-size: 10px;
    font-style: italic; 
    margin: 10px 20px 10px 10px;
}


/**** TOOLS **********************************/

div.container {
    width: 860px;
    margin-top: 10px;
}

div.sub_nav {
    width: 158px;
    height: 100px;
    margin-right: 10px;
    float: left;
}

div.sub_nav ul {
    margin: 0px;
    padding: 0px;
}

div.sub_nav ul li {
    list-style: none;
    padding: 6px 0 6px 0;
    width: 156px;
    text-align: center;
}

div.sub_nav ul li a {
    color: #000000;
}

div.sub_nav ul li.selected {
    background-color: #ffe377;
}

div.sub_nav .top {
    height: 10px;
    background: transparent url(/images/sub-nav-top.png);
}

div.sub_nav .bottom {
    height: 10px;
    background: transparent url(/images/sub-nav-bottom.png);
}

div.sub_nav .middle {
    background-color: #ffcc07;
    margin: 0 1px 0 1px;
}

div.container div.tools_content {
    width: 656px;
    float: right;
    padding: 0 10px 30px 10px;
}

div.container div.tools_content p {
    line-height: 150%;
}

p.title {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
}

div.code {
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid silver;
    font-family: courier;
    font-size: 10px;
}

div.code a {
    color: blue;
}

#mass_shrinker {
    width: 580px;
    height: 128px;
    background-color: transparent;
    border: 0px;
    padding: 10px;
}

div.mass_output {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #0060AF;
    color: #ffffff;
    font-size: 14px;
}

div.mass_output.alt {
    background-color: #156AAF;
}

div.mass_output a.adfly {
    color: #ffffff;
    font-size: 12px;
    padding-top: 3px;
    display: block;
}

div.mass_output span.error {
    color: red;
    font-size: 12px;
}

table.referral_banners td {
    padding: 5px;
}

table.referral_banners {
    width: 100%;
    border-collapse: collapse;
}

.pages span {
    cursor: pointer;
    color: blue;
    text-decoration: none;
}

div.tools_sub_menu a {
    color: #FFCC07;
}

div.tools_sub_menu a.selected {
    text-decoration: underline;
}

ul.benefits li {
    margin-bottom: 15px; 
}       

div.notice {
    font-size: 10px;
    font-weight: bold;
    border: 1px solid silver;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.content  div.title {
    font-size: 18px;
    font-weight: normal;
    color: #555555;
    padding-bottom: 10px;
}

div.content div.spacing {
    padding: 20px;
    font-size: 11px;
    background-color: #ffffff;
}


/*** UPDATE ACCOUNT DETAILS ***/

#account_details  {
    padding: 20px;     
    font-size: 11px;
    background-color: #ffffff;
}

#account_details  a {
    color: blue;
}

#account_details  p {
    font-size: 11px;
}

#data-table table {
    margin-top: 10px;
    width: 100%;
}

#data-table table td  {    
    padding: 5px 0px;
}

#data-table table td .required {
    color: red;
}

#data-table table td.error {
    color: red;
}

#data-table table td .tooltip {
    padding-top: 3px;
    width: 12px;
    height: 12px;
    background: #ffffff url(/images/tooltip.gif) no-repeat left bottom;
    display: inline-block;
    cursor: pointer;
}

#data-table table td.info {
    color: blue;
}

#data-table table td .help {
    margin-left: 10px;
}

#data-table table td input {
    width: 200px;
}

div.infobar {
    background: #F9FFA1 url(/images/warning.png) no-repeat 12px 4px;
    border: 1px solid silver;
    padding: 5px 5px 5px 55px;
    font-size: 10px;
    line-height: 18px;
    margin: 3px 0px;
}

div.errorbar {
    background: #F9FFA1 url(/images/error.png) no-repeat 18px 6px;
    border: 1px solid silver;
    padding: 5px 5px 5px 55px;
    font-size: 10px;
    line-height: 18px;
    margin: 5px 0px 15px 0px;
}

div.errorbar p, div.infobar p {
    margin: 0px;
}

td.cpart_cpm_hover {
	cursor: pointer;
	background-color: #FFCC07;
	color: blue;
}