body {
     background-color: #767676;
}


form {
     margin: 0px;
}


body,td,input,select,textarea {
     font-family: Tahoma;
     font-size: 11px;
}

h1 {
	font-size: 20px;
	color: #990000;
}

h2 {
	font-size: 16px;
	color: #990000;
}


a {
	color:#990000;
	font-weight: bold;
}


a:hover {
	color:#006699;
	font-weight: bold;
    text-decoration: none;
}


.heading {
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
    color: #65A5E6;

}


.wrapper {
    width: 766px;
    border: 0px;
    padding: 0px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border:medium solid #4E0712;
}


table.topnavbar {
    width: 100%;
}


tr.topnavbar {
   /* background-color: #efefef;  */
    font-weight:bold;
    text-align: center;
}


tr.topnavbar a {
    color: #efefef;
    text-decoration: none;
}


tr.topnavbar a:hover {
    color: #FF6600;
}


table.leftnavbar {
    width: 100%;
}


tr.leftnavbar {
   /* background-color: #efefef;  */
    font-weight:bold;
    text-align: left;
	text-decoration: none;
}


tr.leftnavbar a {
    color: #000000;
    text-decoration: underline;
}


tr.leftnavbar a:hover {
    color: #FF6600;
}


.templateimgs {
    font-weight: bold;
	text-align: left;
	font-size: 12px;
	text-decoration: underline;
}


.templateimgs2 {
    text-align: left;
	font-size: 10px;
	text-decoration: none;
}


table.footnavbar {
    width: 100%;
}


tr.footnavbar {
   /* background-color: #efefef;  */
    font-weight:bold;
    text-align: center;
}


tr.footnavbar a {
    color: #efefef;
    text-decoration: none;
}


tr.footnavbar a:hover {
    color: #FF6600;
}

table.bodynavbar {
    width: 100%;
}

td.bodynavbar {
   /* background-color: #efefef;  */
    font-weight:bold;
    text-align: center;
}

td.bodynavbar a {
    color: #0033CC;
    text-decoration: underline;
}

td.bodynavbar a:hover {
    color:#FF6600;
	text-decoration: none;
}

.clientarealinks a {
    color: #555555;
}


table.frame {
    width: 100%;
    border: 1px solid #8FBCE9;
    padding: 0px;
}


.fieldarea {
    background-color: #EFF2F9;
    text-align: right;
}


.clientareatable {
    width: 100%;
    background-color: #cccccc;
}


tr.clientareatableheading {
    background-color: #efefef;
    font-weight: bold;
    text-align: center;
}


tr.clientareatableactive {
    background-color: #ffffff;
    text-align: center;
}


tr.clientareatablepending {
    background-color: #ffffcc;
    text-align: center;
}


tr.clientareatablesuspended {
    background-color: #ccff99;
    text-align: center;
}


tr.clientareatableterminated {
    background-color: #ff9999;
    text-align: center;
}


tr.supportticketsheading {
    background-color: #efefef;
}


tr.supportticketscontent {
    background-color: #ffffff;
}


.contentbox {
    width: 75%;
    text-align: center;
/*  background-color: #f7f7f7; */
 /* border: 1px dashed #cccccc; */
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
}


.errorbox {
    border: 1px dashed #cc0000;
    font-weight: bold;
    background-color: #FBEEEB;
    text-align: center;
    width: 90%;
    padding: 10px;
    color: #cc0000;
    margin-left: auto;
    margin-right: auto;
}


.domaincheckeravailable {
    color: #669900;
}


.domaincheckerunavailable {
    color: #cc0000;
}


tr.orderheadingrow {
    background-color: #5AB9F1;
    color: #ffffff;
}


tr.orderrow1 {
    background-color: #E8F0F9;
    color: #000000;
}


tr.orderrow2 {
    background-color: #D6E4F6;
    color: #000000;
}

/* .style5 {font-size: 12px; } */


.demo A:link {
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        color: #990000;
        padding: 2px;
        text-decoration: none;
}


.demo A:visited {
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        color: #990000;
        padding: 2px;
        text-decoration: none;
}

.demo A:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        padding: 2px;
        color: #990000;
        text-decoration: none;
}

.demo A:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        color: #646567;
        padding: 2px;
}

.details A:link {
        font-family: Tahoma;
        font-size: 11px;
        font-weight:bold;
        text-decoration: underline;
        color: #0000CC;
        text-decoration: none;
}

.details A:visited {
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        color: #0000CC;
        padding: 2px;
        text-decoration: none;
}

.details A:active {
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        padding: 2px;
        color: #0000CC;
        text-decoration: none;
}

.details A:hover {
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        color: #646567;
        padding: 2px;
}

.style1b {color: #0000FF}
.style3b {font-size: 11px}


.style1 {
        color: #990000;
        font-weight: bold;
        font-size: 16px;
}

.style1a {
		color: #000000;
		font-size: 10px;
}


.style2 {
		color: #000000;
}

.style2a {
         color: #FFFFFF;
         font-weight: bold;
}

.style3 {
		font-size: 12;
}

.style3a {
         font-size: 14px;
         color: #FF0000;
         font-weight: bold;
}

.style4 {
        color: #0F4092;
        font-weight: bold;
}

.style5 {
		color: #FFFFFF;
		font-size: 12px; 
}

.style6 {
		color: #000000;
}

.style7 {
		color: #FFFFFF;
}

.style8 {
        color: #000000;
        font-size: 12px;
        font-family: Tahoma;
}

.style10 {
		font-size: 16px;
}

.style12 {
        color: #FF0000;
        font-family: Tahoma;
        font-size: 12px;
}

.style18 {
        color: #0F4092;
        font-weight: bold;
        font-family: Tahoma;
        font-size: 12px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 12px;


.tweetbutton {
    float: right;
    margin: 0 15px 15px 15px;
}

/* --------------------------------------------------------------
   CLIENT AREA HOMEPAGE
-------------------------------------------------------------- */

.duebalance {
    background-color: #F2FFE1;
    width: 80%;
    margin: 10px auto 0 auto;
    padding: 5px 0 2px 0;
    font-size: 18px;
    text-align: center;
    color: #86BC16;
}
.duebalance.overdue {
    background-color: #FFB9B9;
    color: #cc0000;
}
.creditbalance {
    background-color: #F2FFE1;
    width: 80%;
    margin: 0 auto 10px auto;
    padding: 2px 0 5px 0;
    font-size: 15px;
    color: #86BC16;
    text-align: center;
}
.creditbalance.overdue {
    background-color: #FFB9B9;
    color: #fff;
}
.balanceoptions {
    text-align: center;
    margin: 5px 10px 0 0;
    font-size: 12px;
}
.homeyourdetails {
    margin: 15px 0 0 0;
    padding: 5px;
    font-size: 12px;
}
.homeyourdetails .title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.homeyourdetails .update {
    float: right;
    margin: 35px 30px 0 0;
    font-size: 11px;
    text-align: center;
}
.homeyourdetails .update a {
    color: #000;
}
.homeyourdetails .details {
    border-left: 10px solid #f2f2f2;
    padding: 10px 0 10px 20px;
    margin: 15px;
    width: 400px;
}
.homequicklinks {
    float: right;
    margin: 0;
    width: 310px;
    padding: 5px;
    text-align: center;
    font-size: 10px;
}
.homequicklinks .title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
}
.homequicklinks .cols {
    float: left;
    width: 150px;
    margin-left: 5px;
}
.homequicklinks ul {
    list-style-type: none;
    margin: 0;
}
.homequicklinks li {
    font-size: 14px;
    margin: 0 0 5px -40px;
    padding: 4px;
    background-color: #f2f2f2;
    text-align: center;
}
.homequicklinks li:hover {
    background-color: #C6DCF4;
}
.homequicklinks li:hover a {
    color: #fff;
}
.quickjumpbar {
    border: 1px dashed #ccc;
    background-color: #f2f2f2;
    margin: 15px 0 0 0;
    padding: 10px;
    font-size: 13px;
}
.quickjumpbar .col1 {
    float: left;
    width: 20%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.quickjumpbar .cols {
    float: left;
    width: 40%;
    text-align: center;
}
.quickjumpbar input {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
}
.clear {
    clear: both;
}