body {background-color: #efefef;}



form {margin:0px; padding: 10px; width: 100%;
}



body, td, input, select, textarea {

font-family: Arial;
font-size: 11px;
color: #314147;

}

a {color: #314147;}



a:hover { text-decoration: none; color: #5dc0b1;}



.heading {

	font-family: Arial;

	font-size: 18px;

	font-weight: normal;

	color: #65A5E6;

}



.wrapper {

	width: 635px;

	border: 0px;

	padding: 5px;

	border-collapse: collapse;

	background-color: #ffffff;

	margin: 0px;
	clear: none;

}



table.topnavbar {

	width: 100%;

}



tr.topnavbar {
 background-color: #dae2e3;
 font-weight:bold;
 font-size: 11px;
}



tr.topnavbar a, tr.topnavbar a:visited {
color: #314147;
text-decoration: none;

}



tr.topnavbar a:hover {
color: #5dc0b1;
text-decoration: underline;

}


#client_area {
width: 635px;
clear:none;
}

.clientarealinks a, .clientarealinks a:vistited {
 color: #2078c2;
 text-decoration: none;
}

.clientarealink a:hover {color: #4cb3a3;}


table.frame {

	width: 100%;

	border: 1px solid #5dc0b1;

	padding: 0px;

}



.fieldarea {

	background-color: #EFF2F9;

	text-align: right;

}



.clientareatable {

	width: 100%;

	background-color: #cccccc;

}



tr.clientareatableheading {

	background-color: #ccf1eb;

	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;

	border: 1px solid #cccccc;

	background-color: #efefef;

	padding: 5px;

	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;

}



@charset "utf-8";

/* ======================================

	Title: SwiftModders WHMCS Order Form

	Author: John Lewis, Jr.

	WWW: http://www.swiftmodders.com

	Date: 10/10/2007

	Version: 3.0

	Copyright: 2007

   ====================================== */

.statusbar {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

}

.statusbar .step td {

	background-color: #f5f5f5;

	color: #666;

	font-weight: bold;

}

.statusbar .step td.selected {

	background-color: #3B8FCF;

	color: #fff;

	font-weight: bold;

}

.statusbar .title td {

	background-color: #fff;

	color: #ccc;

}

.statusbar .title td a, .statusbar .title td a:visited {

	color: #666;

	text-decoration: underline;

}

.statusbar .title td a:hover {

	color: #666;

	text-decoration: none;

}

.statusbar .title td.selected {

	background-color: #fff;

	color: #333;

	font-weight: bold;

}

.statusbar .progress td {

	background-color: #fff;

	color: #ccc;

	font-size: 10px;

}

.statusbar .progress td.selected {

	color: #666;

}

.product {

	background-color: #f5f5f5;

	color: 333;

	border: 1px solid #ccc;

}

.orderdomain a, .orderdomain a:visited {

	background-color: #d6ffc3;

	color: #4CA422;

	border: 1px solid #4CA422;

	padding: 5px;

	text-decoration: none;

}

.orderdomain a:hover {

	background-color: #affd8a;

	color: #4CA422;

	border: 1px solid #4CA422;

	padding: 5px;

	text-decoration: none;

}

.freedomain {

	color: #CF0008;

	font-weight: bold;

	font-size: 10px;

}

#register, #transfer, #owndomain, #subdomain {

	background-color: #f5f5f5;

	padding: 5px;

	text-align: center;

}

tr.active {

	background-color: #fff;

	text-align: center;

}

ul.addon {

	list-style-type: circle;

	padding: 0 0 0 30px;

	margin: 0;

}

.subtotal td {

	background: #f5f5f5;

	color: #666;

}

.discount td {

	background: #FFFFDF;

	color: #333;

	font-weight: bold;

}

.due td {

	background: #FFDFE0;

	color: #DF0009;

	font-weight: bold;

}

.recurring td {

	background: #E1FFDF;

	color: #008F06;

	font-weight: bold;

}

.warningmessage {

	background-color: #FFFFDF;

	border: 1px solid #CFBD00;

	color: #8F8300;

	padding: 5px;

}

/* ------------------------------------------- */

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

body {
 background: #dae2e3;
 width: 100%;
 display: table;
 height: auto;
 font-family: Arial;
 font-size: 11px;
 line-height: 12px;
 text-align: center;
 margin:0px;
}

#outer_container {
 width: 100%; 
 height:auto;
 margin: 15px;
}

#main_container {
 background: #ffffff;
 width: 1020px;
 padding: 5px;
 display: table;
 height: auto;
 border-top: solid 6px #2078C2; 
 border-bottom: solid 6px #2078C2;
 border-right: solid .5px #2078C2; 
 border-left: solid .5px #2078C2; 
 margin-bottom: 15px; 
}

.clearfloat { 
	clear:both;
    font-size: 0;
    line-height: 0px;
}

/* top links */
#home_btn {
	width: 42px;
	height: 25px;
	background: url(../images/toplinks_07.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#home_btn:hover {
	background: url(../images/toplinks2_07.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#wh_btn {
	width: 92px;
	height: 25px;
	background: url(../images/toplinks_02.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#wh_btn:hover {
	background: url(../images/toplinks2_02.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#rh_btn {
	width: 117px;
	height:25px;
	background: url(../images/toplinks_03.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#rh_btn:hover {
	background: url(../images/toplinks2_03.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#vh_btn {
	width: 93px;
	height: 25px;
	background: url(../images/toplinks_04.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#vh_btn:hover {
	background: url(../images/toplinks2_04.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#portfolio_btn {
	width: 106px;
	height: 25px;
	background: url(../images/toplinks_06.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#portfolio_btn:hover {
	background: url(../images/toplinks2_06.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#services_btn {
	width: 64px;
	height:25px;
	background: url(../images/toplinks_01.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#services_btn:hover {
	background: url(../images/toplinks2_01.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

#contact_btn {
	width: 86px;
	height: 25px;
	background: url(../images/toplinks_05.gif) no-repeat;
	overflow: hidden;
	border: 0;
}
#contact_btn:hover {
	background: url(../images/toplinks2_05.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
}



/* left container contents */
#left_container { 
 clear: none; 
 float:left; 
 height:auto; 
 width:335px; 
 padding-right: 10px; 
 border-right: solid 1px #cccccc; 
}

#left_container2 { 
 clear: none; 
 float:left; 
 height:auto; 
 width:325px; 
 padding-right: 10px; 
 border-right: solid 1px #cccccc; 
 padding: 0px; margin:0px;
}

#logo { padding: 5px 5px 10px 5px;  border-bottom: solid 6px #2078C2; width: 315px;  }

#hosting_plan { 
 padding: 25px 5px 15px 5px;  
 border-bottom: solid 6px #2078C2; 
 width: 310px;  
}

/* tabs - styles */

#ddtabs {
 width: 305px; 
 margin-top: 15px;
}

.basictab ul{
 margin: 2px;
 padding: 3px 0;
 font-weight: bold;
 font-size: 12px;
 color: #5dc0b1 ;
 list-style-type: none;
 text-align: left;
 border-bottom: .5px solid #2078c2;
}

.basictab li{
 display: inline;
 margin: 0;
}

.basictab li a, .basictab li a:visited{
 text-decoration: none;
 padding: 3px 7px;
 margin-right: 3px;
 border: .5px solid #cccccc;
 border-bottom: none;
 background-color: #d2eff4;
 color: #5dc0b1;
}


.basictab li a:hover, .basictab li a.current{
 background-color: #2386ba ;
 color: #ffffff;
}


#tabcontent_container{
 width: 292px; /*width of 2nd level content*/
 height:auto; 
 border-top: .5px solid #cccccc;
  border-bottom: .5px solid #cccccc;
   border-left: .5px solid #cccccc; 
  border-right: .5px solid #2078c2;
}

.tabcontent{
 display:none; width: 300px; padding: 7px; height: auto; text-align: left;
}

.left_header { color:#2078c2; background: #d2eff4; font-weight:bold; font-size: 12px; vertical-align: middle;}
.left_text {  color:#2078c2; background: #c7e1e6; font-weight:normal; font-size: 10px; vertical-align: middle;}

.right_header { color:#314147; background: #8dd8cc; font-weight:bold; font-size: 12px; vertical-align: middle;}
.right_text {  color:#314147; background: #b5e4dd; font-weight:normal; font-size: 10px; vertical-align: middle;}


#clients { padding: 5px 5px 10px 15px; width: 310px; height:auto; }
ul.client_list { list-style: disc;}
li.client_list {color: ##cd5286; font-size:12px; font-weight:normal; line-height:19px;}



/* right container contents  -djg */
#right_container { width: 650px; padding: 5px; clear:none; float: right; margin:0px;}
#right_container2 {padding: 0px; margin:0px;  width: 660px; clear:none; float: right;}
#toplinks {
 padding: 5px;
 font-size: 12px;
 font-weight:bold;
 color:#20c0c2;
 text-shadow: #cccccc 1px -1px 2px ;
 border: 0px
}

#portfolio {
 height: 100px;
 width: 650;
 background: #ffffff;
 margin: 10px 0px;
}

#mini_left {
 height: auto;
 width: 390px;
 border: solid .5px #cccccc;
 float: left;
 clear:none;
}

#mini_right {
 height: auto;
 width: 244px;
 border: solid .5px #cccccc;
 float: left;
 clear:none;
 margin-left: 10px;
}

#mini_center {
 height: auto;
 width: 650px;
 border: solid .5px #cccccc;
 margin-top: 10px;
 clear: both;
 float: left;
 padding: 3px 5px;
}

#home_support {
 vertical-align: middle;
}

.withSeparator {border-bottom: solid .5px #cccccc;}


/* footer container */

#footer  { 
	width: 985px; 
	padding: 10px 5px 5px 5px; 
	background: #ffffff;
	margin-top: 10px;
	border-top: solid .5px #cccccc;
}

#top_container, #middle_container { 
	width: 1020px; 
	background-color: #ffffff;
	clear: both;
	padding:0px;
	margin: 0px;
}



/* all fonts  */

.blue_title, a.blue_title, a.blue_title:visited, .blue_title a, .blue_title a:visited
 {
	color: #2078c2;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-transform: lowercase;
	text-decoration: none;
}

 a.blue_title:hover, .blue_title a:visited {
	color: #4cb3a3;
	text-decoration: none;
}

.blue_text, a.blue_text, a.blue_text:visited, .blue_text a, .blue_text a:visited
 {
	color: #2078c2;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	text-decoration: none;
}
a.blue_text:hover, .blue_text a:hover {color: #4cb3a3;}

.grey_title, a.grey_title, a.grey_title:visited, .grey_title a, .grey_title a:visited
 {
	color: #314147;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-transform: lowercase;
	text-decoration: none;
}

 a.grey_title:hover, .grey_title a:hover {
	color: #cd5286;
	text-decoration: none;
}

.grey_med, a.grey_med, a.grey_med:visited, .grey_med a, .grey_med a:visited {
	color: #314147;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
a.grey_med:hover, .grey_med a:hover {color: #5dc0b1;}

.blue_med, a.blue_med, a.blue_med:visited, .blue_med a, .blue_med a:visited {
	color: #2078c2;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
a.blue_med:hover, .blue_med a:hover {color: #4cb3a3;}

.grey_text, a.grey_text, a.grey_text:visited, .grey_text a, .grey_text a:visited {
	color: #314147;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	text-decoration: none;
}
a.grey_text:hover, .grey_text a:hover {color: #5dc0b1;}

.more_info, a.more_info, a.more_info:visited, .more_info a, .more_info a:visited {
	color: #cd5286;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	text-align: right;
	text-decoration: none;
}

a.more_info:hover, .more_info a:hover {
	color: #4cb3a3;
	text-decoration: none;
}

.style3 {font-size: 24px; color: #314147; line-height: 30px;}
.style5 {font-size: 30px; color: #2078c2;  line-height: 35px;}

/* ------------------------------------------------------------------------------------------------------------ */


/* IE7 fixes */

*+html #main_container {
	border-left-width: .05em; border-left-style: solid; border-left-color: #2078C2;
	border-right-width: .05em; border-right-style: solid; border-right-color: #2078C2;
}

*+html #mini_left, #mini_right, #mini_center, #tabcontent_container {
	border-width: .05em; border-style: solid; border-color: #cccccc; padding: 5px;
}

*+html #mini_left {width: 385px;}

*+html #footer {
	border-top-width: .05em; border-top-style: solid; border-top-color: #cccccc; padding-top: 15px;
}

*+html #ddtabs {
 border-bottom-width: .05em; border-bottom-style: solid; border-bottom-color: #2078c2; padding-top: 5px;
}

*+html .basictab li a, .basictab li a:visited, .basictab li a:hover, .basictab li a.current {
  border-width: .05em; border-style: solid; border-color: #cccccc; 
  border-bottom-width: 0px;
}

*+html #tabcontent_container {width: 293px;}

*+html #left_container {width: 355px;}


/* --------------------------------------------------------------------------------------------------------------- */

/* IE6 fixes */

*html #main_container {
	border-left-width: .05em; border-left-style: solid; border-left-color: #2078C2;
	border-right-width: .05em; border-right-style: solid; border-right-color: #2078C2;
	width: 1020px;
}

*html #mini_left, #mini_right, #mini_center, #tabcontent_container {
	border-width: .05em; border-style: solid; border-color: #cccccc; padding: 5px;
}

*html #mini_left {width: 385px;}

*html #footer {
	border-top-width: .05em; border-top-style: solid; border-top-color: #cccccc; padding-top: 15px;
}

*html #ddtabs {
 border-bottom-width: .05em; border-bottom-style: solid; border-bottom-color: #2078c2; padding-top: 5px; width: 290px;
}

*html .basictab li a, .basictab li a:visited, .basictab li a:hover, .basictab li a.current {
  border-width: .05em; border-style: solid; border-color: #cccccc; 
  border-bottom-width: 0px;
}

*html #tabcontent_container {width: 250px;}

*html #left_contain, #left_container2 {width: 346px;}
#top_container, #middle_container { width: 1020px; }


/* --------------------------------------------------------------------------------------------------------------- */

/* Safari fixes */
 @media screen and (-webkit-min-device-pixel-ratio:0) {

#main_container {
	border-left-width: 1px; border-left-style: solid; border-left-color: #2078C2;
	border-right-width: 1px; border-right-style: solid; border-right-color: #2078C2;
	width: 1020px;
}
#top_container, #middle_container { width: 1020px; }

#mini_left, #mini_right, #mini_center, #tabcontent_container {
	border-width: 1px; border-style: solid; border-color: #cccccc; padding: 5px;
}

#mini_left {width: 375px;}

 #footer {
	border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; padding-top: 15px;
}

#ddtabs {
 border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2078c2; padding-top: 5px; width: 290px;
}

.basictab li a, .basictab li a:visited, .basictab li a:hover, .basictab li a.current {
  border-width: 1px; border-style: solid; border-color: #cccccc; 
  border-bottom-width: 0px;
}

#tabcontent_container {width: 290px;}

 
}
/* Safari fixes end */