/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */

/* properties for entire page and text inside tables */
body, th, td {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,sans-serif;
    font-size: 11px;
}

/* properties for all input elements */
input, textarea {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 11px;
}

/* properties for forms */
submit {
    font-family: Arial;
    font-size: 11px;
}

#example {
	font-family: tahoma;
	font-size: 11px;
}

ul, li 
.small { font-size: 11px; font-family: verdana; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; }

#steps ol, li {margin-left: 2em;}

/* properties for headers */
h1,h2,h3 {
    color: #6464AA;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}


h1.left {
    color: #6464AA;
    font-weight: bold;
    text-align: left;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

h2.sites {
    color: #2C3A43;
    font-weight: bold;
    text align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

h2.black {
    color: #000000;
    font-weight: bold;
    text align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

div#indent {
	margin: 2em
}

/* vedit - vertical table (signup, profile edit) */
.vedit {
    border: solid 1px #ffffff;
}

/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #ffffff;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;

    background-color: #ffffff;
    border: solid 1px #ffffff;
}

/* vedit - vertical table (signup, profile edit) */
.vedit2 {
    border: solid 0px #ffffff;
}
/* vedit - usual column (right) */
.vedit2 td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 0px #ffffff;
}
/* vedit - header column (left) */
.vedit2 th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #ffffff;
    border: solid 0px #ffffff;
}
/* vedit - heading row */
.vedit2 .headrow2 { font-weight: bold; text-align: center; }



/* signup - usual column (right) */
.signup td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #2C3A43;
}
/* signup - header column (left) */
.signup th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: top;
    font-weight: bold;

    background-color: #EEEEEE;
    border: solid 1px #2C3A43;
}

/* signup - heading row */
.signup .headrow { font-weight: bold; text-align: center;

}

/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8989C7;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8989C7;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #F4F3FE;
    border: solid 1px #8989C7;
}

/* Receipt table from thanks.html */
.receipt1 td {
    background-color: #FFFFFF;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt1 th {
    background-color: #2C3A43;
    border: solid 1px black;
    font-weight: bold;
    color: white;
    padding: 2px 4px 2px 4px;
}
.receipt1 td.total {
    background-color: #F4F3FE;
    border: solid 1px black;
}
.receipt1 {
    border-collapse: collapse;
}

td.border {
    border-collapse: collapse;
    border-left: 1px #6464AA dashed;
    border-right: 1px #6464AA dashed;
    border-top: 1px #6464AA dashed;
    border-bottom: 1px #6464AA dashed;
    padding: 8px;
}

td.border2 {
    border-collapse: collapse;
    border-left: 1px #6464AA solid;
    border-right: 1px #6464AA solid;
    border-top: 1px #6464AA solid;
    border-bottom: 1px #6464AA solid;
    padding: 8px;
}

td.border3 {
    border-collapse: collapse;
    border-left: 1px #ff0000 solid;
    border-right: 1px #ff0000 solid;
    border-top: 1px #ff0000 solid;
    border-bottom: 1px #ff0000 solid;
    padding: 8px;
}

.google
	{
	background-image: url(http://www.xyberclub.com/images/google-bg-4b.jpg);
	}


.affnav {
    font-family: verdana;
    font-size: 10px;
    padding-top: 0.2cm;
}

a:link.affnav {
    font-family: verdana;
    font-size: 10px;
    color: #0000ff;
    text-decoration: none;
}

a:visited.affnav {
    color: #ff0000;
    text-decoration: none;
}

a:hover.affnav {
    color: #ff0000;
    text-decoration: underline;
}

.heading1 {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: #6464AA;
}

.heading2 {
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: #6464AA;
    position:relative;
    bottom:2px;
}

.heading2a {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #6464AA;

}

.heading2b {
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    color: #6464AA;
    position:relative;
    bottom:2px;
}

.heading3 {
    font-family: verdana;
    font-size: 19px;
    font-weight: bold;
    color: #6464AA;
    position:relative;
    bottom:2px;
}

.content1 {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
}

td.aff-images
{
    border-collapse: collapse;
    border-top: 1px #6464AA solid;
    padding: 8px;
}

.tablebenefits
{
    background-color: white;
    border: #ff0000 1px solid;
    padding: 10px;
}