@charset "utf-8";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	/** background: #eee;**/
	background-image:url(../images/body_bg.jpg);
	color: #000;
	padding: 0 0 0;
	font: 14px Helvetica,Arial,sans-serif;
}


/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
}
a:hover {
	color:#333;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;
}


/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1
{
	font-size: 25px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 21px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

h1 a {
	font-weight:normal;
}

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

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
	margin-top:10px;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 5px;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	line-height:1.31;
	/**margin:0.5em 0 1.5em;**/
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
	margin-left:10px;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

/* menus
----------------------------------------------- */
#menu {
	background:#666;
}
#menu ul {
	margin: 2px 0;
	list-style: none;
	/**float: left;**/
}
#menu ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
}
/*
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}
*/

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FFFFCC;
    padding: 1px;
	border:1px dotted #4C9AC6;
	font-size:1.3em;
}

.clientarealinks a {
	color: #555555;
}
.clientarealinks img {
	padding-right:5px;
}
.contentbox {
	width: 95%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size:18px;
}

.contentbox #domain {
	
}

/* table
----------------------------------------------- */

table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}

th, td {
	padding:0.2em 0.4em;
	text-align:left;
}
#product_comparison {
	border:none;
}
#product_comparison thead th {
	background:none;
	border:none;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.2em .5em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody th {
	background-color:#4C9AC6;
	color:#FFFFFF;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}
.tableheader
{
	background-image:url(../images/table_header.png);
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
}

div.row {
  clear: both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  text-align: right;
  font-size:13px;
  color:#FFF;
  font-weight:bold;
}

div.row span.formw {
  float: right;
  text-align: left;
}
div.row a {
	font-size:13px;
	color:#FFF;
}

/** Client area tables **/
.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading td {
	background-color: #4C9AC6;
	font-weight: bold;
	text-align: center;
    font-size: 14px;
	padding: 4px;
	color:#FFFFFF;
}
.clientareatable td, tr.clientareatableactive td{
	text-align: center;
    padding: 10px;
	background:none repeat scroll 0 0 #F3F3F3;
	border-bottom:1px solid #D8D8D8;
	border-top:1px solid #FFFFFF;
	font-size:1.1em;
}
tr.clientareatableactive select {
	font-size:1em;
}

tr.clientareatablepending td {
	background-color: #FFFFE2;
	text-align: center;
    padding: 2px;
}

tr.clientareatablesuspended td {
	background-color: #E9FFD2;
	text-align: center;
    padding: 2px;
}

tr.clientareatableterminated td {
	background-color: #FFE1E1;
	text-align: center;
    padding: 2px;
}
#clientmenu {
	background:#FFF;
	margin-left:10px;
	margin-right:30px;
	font-size:11px;
}

/* forms
----------------------------------------------- */
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.3em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}
.fieldarea {
	background-color:#4C9AC6;
	color:#FFF;
	font-weight:bold;
	vertical-align:top;
}

/* boxes
----------------------------------------------- */
.box2 {
	background:#FFF;
	margin-bottom:10px;
	padding:10px 10px 1px 10px;
	/*min-height:170px;*/
}
.box2 h2 {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	/**background-image:url(../images/table_header.png);**/
	background-color:#4594BC;
	background-repeat:repeat-x;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
	height:30px;
}
.box2 h2 a,
.box2 h2 a.visible {
	text-decoration:none;
	color:#FFFFFF;
}
/*
.box2 h2 a,
.box2 h2 a.visible {
	color:#fff;
	background:#333;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
*/
.box3 {
	background:#4C9AC6;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
	min-height:170px;
}
.box3 h2 {
	text-align:center;
	font-size:1.5em;
	color:#fff;
	background-image:url(../images/table_header.png);
	margin:-10px -10px 0 -10px;
	padding:4px 12px;
	height:34px;
}
.box3 h2 a,
.box3 h2 a.visible {
	color:#fff;
	background:#333;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.box3 p {
	color:#FFFFFF;
}
.box3 h2 img {
	padding-left:5px;
}
.block {
	padding-top:10px;
}
.block h3 {
	font-size:1.3em;
}
.block h3 a {
	font-size:1em;
	text-decoration:none;
}
/** Status messages **/
.errorbox {
  border: 1px solid;
  margin: 10px 0;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  font-weight: bold;
  color: #d8000c;
  background-color: #ffbaba;
  background-image: url('../images/icons/status-error.png');
}
.errorbox li {
	list-style-type:none;
}
.messages {
  border: 1px solid;
  margin: 5px 0;
  padding: 5px 5px 10px 40px;
  background-repeat: no-repeat;
  background-position: 10px 20%;
  font-weight: bold;
}
.messages a {
	color:#000;
}
.info {
  color: #00529B;
  background-color: #bde5f8;
  background-image: url('../images/icons/status-info.png');
}
.info_noicon {
  color: #00529B;
  background-color: #bde5f8;
  padding: 5px 5px 5px 10px;
}
.success {
  color: #4f8a10;
  background-color: #dff2bf;
  background-image:url('../images/icons/status-ok.png');
}
.success_noicon {	
  color: #4f8a10;
  background-color: #dff2bf;
  padding: 5px 5px 5px 10px;
}
.warning {
  color: #9f6000;
  background-color: #feefb3;
  background-image: url('../images/icons/status-warning.png');
}
.warning_noicon {
  color: #9f6000;
  background-color: #feefb3;
  padding: 5px 5px 5px 10px;
}
.error {
  color: #d8000c;
  background-color: #ffbaba;
  background-image: url('../images/icons/status-error.png');
}

/** Main container divs **/
.outermost
{
	border:1px solid #CCC;
	margin-top:15px;
}
#maincontainer {
	/**background-image:url(../images/bg3.gif);**/
	background:#666;
	/**margin-right:0;**/
}
#topbanner {
	height:135px;
	margin-right:0;
	margin-top:5px;
}
#logo {
	height:135px;
	/**margin-left:0;**/
}
#callus {
	background-color:#FFFFFF;
	margin-left:6px;
}
#sidemain, #side {
	background-color:#FFFFFF;
	margin-bottom:10px;
}
#footer
{
	background:#FFFFFF;
}

#logos {
	margin-top:10px;
	padding-bottom:10px;
}
/** **/

/** Maincontainer sub divs**/
#main {
	/**margin-left:10px;**/
	margin-right:20px;
	background:#FFF;
	padding:10px;
}
#main ul {
	margin-left:10px;
}
#mainbanner
{
	background-color:#666666;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}
#mainbannerimage {
	/**background-image:url(../images/banner2.png);**/
	height:73px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#mainbannerimage a p {
	position:relative;
	top:14px;
	font-size:1.8em;
	color:#FFFFFF;
	font-weight:normal;
}
/** Stop FUOC on banner **/
#mainbannerimage div { display: none }
#mainbannerimage div.first { display: block }

#copyright {
	padding-bottom:10px;
}
/** MISC **/
#login .row p {
	text-align:center;
}
.boximage {
	float:left;
}
.box2 ul li
{
	margin-left:15px;
}
.padright {
	padding-right:20px;
}
.padleft {
	padding-left:20px;
}
#blog p {
	font-size:13px;
}
#blog a {
	color:#FFFFFF;
}
#additional, #domainsbox {
	margin-left:10px;
	width:920px;
}
#applib {
	width:230px;
}
/** Knowledgebase **/
.kbarticle {
	padding: 2px 5px 5px 15px;
	font-size:12px;
}
.kbviews {
	color:#A8A8A8;font-size:10px;
}
.kbalsoread {
  border: 1px solid;
  margin: 5px 0;
  padding: 5px 5px 10px 5px;
  background-repeat: no-repeat;
  background-position: 10px 20%;
  font-weight: bold;
  color: #4f8a10;
  background-color: #dff2bf;
}
.kbalsoread a {
	font-size:12px;
}
.kbalsoread h2 {
	color:#000000;
}
#kbaddlinks {
	float:left;
	font-size:12px;
	margin-top:8px;
}
#kbaddlinks a {
	margin-right:5px;
}
/** menu buttons **/
a.menubutton {
    /* Sliding right image */
    background: transparent url('../images/button_right_combined.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	/*margin-right: 6px;*/
	padding-right: 14px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:117px;
}
a.menubutton span {
	/* Background left image */ 
	background: transparent url('../images/button_left_combined.png') no-repeat; 
	display: block;
	line-height: 34px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 0 0 0 15px;
	color:#FFFFFF;
	text-align:center;
} 

a.menubutton:hover {
    background-position: bottom right;
    color: #000;
    outline: none; 
}

a.menubutton:hover span {
    background-position: bottom left;
	line-height: 34px;
    padding: 0 0 0 15px;
	color:#000;
} 

/** General Buttons **/
.button, .buttongo, .buttonwarn {
	cursor:pointer;
	border:outset 1px #ccc;
	background:url("../images/button_left_combined.png") no-repeat scroll 0 0 transparent;
	color:#FFF;
	font-weight:bold;
	padding: 5px 6px;
	/**background:url('../images/button_bg.png') repeat-x left top;**/
}

/** Product pages **/
#sitebuilder {
	background:url('../images/sitebuilder_header.jpg') no-repeat scroll 2px 0 transparent;
}
#fortress {
	background:url('../images/fortress_header.jpg') no-repeat scroll -5px 0 transparent;
}
#domainsp {
	background:url('../images/domains_header.jpg') no-repeat scroll -5px 0 transparent;
}
#hostingp {
	background:url('../images/hosting_header.jpg') no-repeat scroll -5px 0 transparent;
}
#backupemail {
	background:url('../images/backupemail_header.jpg') no-repeat scroll -5px 0 transparent;
}
#product_content {
	padding-right:315px;
	height:190px;
	padding-top:100px;
	padding-bottom:10px;
}
#sitebuilder ul, #fortress ul, #domainsp ul, #hostingp ul, backupemail ul {
	margin-left:10px;
}
#sitebuilder ul li, #fortress ul li, #domainsp ul li, #hostingp ul li, #backupemail ul li {
	list-style-type:none;
	list-style-image:url('../images/bullet_star.png');
	/**background: url('../images/bullet_blue.png') no-repeat top left;**/
}
#productimagetable td {
	border:1px solid #000;
	padding:11px;
}
#domain_search, #domain_wizard {
	width:80%;
}
#help_page li {
	font-size:13px;
}

/** Web application page **/
#webapplications table tr td{
	background:#FFFFFF;
}
#webapplications h2 img {
	float:right;
}

/** Cart Products **/
.product_eo {
	background:url('../images/product_email_only.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_eg {
	background:url('../images/product_email_gold.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_ep {
	background:url('../images/product_email_platinum.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_gp {
	background:url('../images/product_gold_pro.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_pp {
	background:url('../images/product_platinum_pro.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_pp2 {
	background:url('../images/product_platinum_pro2.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.product_sp {
	background:url('../images/product_starter_pack.jpg') no-repeat scroll 2px 0 transparent;
	padding-top:60px;
}
.productp {
	padding-right:145px;
}
#username, #password {
	width:9em;
}

table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#666;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}


/** Hosting Comparison table **/
table#product_comparison tbody th {
background-color:#E4E4E4;
border:2px solid #FFFFFF;
color:#4A4A4A;
padding:0;
}
table#product_comparison tbody td {
border:2px solid #FFFFFF;
}
table#product_comparison thead th.web_home div.description, table#product_comparison thead th.web_standard div.description, table#product_comparison thead th.web_advanced div.description, table#product_comparison thead th.web_enterprise div.description {
height:180px;
}
table#product_comparison thead th p, table#product_comparison tfoot th p {
color:#FFFFFF;
font-size:1em;
font-weight:normal;
margin:0;
padding-bottom:0.3em;
text-align:left;
}
/*
div#container table#product_comparison thead th p.price {
float:right;
margin:0.2em 0 0.5em;
}

table#product_comparison thead th p.price {
clear:both;
float:left;
margin-top:1em;
word-spacing:-1px;
}
*/
table#product_comparison thead th p.price em.only {
left:0;
position:relative;
top:-0.75em;
}
table#product_comparison thead th p.price strong {
font-size:2em;
}
table#product_comparison td  {
height:40px;
}
#main.email td.email, #main.email td.email_plus, #main.website_hosting td.web_home, #main.website_hosting td.web_standard {
font-weight:bold;
}
/*
table#product_comparison th.instant_website_builder, table#product_comparison th.instant_website_builder_pro, table#product_comparison th.email, table#product_comparison th.email_plus, table#product_comparison td.web_home, table#product_comparison td.web_standard, table#product_comparison td.web_advanced, table#product_comparison td.web_enterprise {
text-align:center;
width:20%;
}
*/
table#product_comparison thead th h2 {
color:#FFFFFF;
font-size:1.6em;
font-weight:bold;
padding:0 0 0.3em;
text-align:left;
}
table#product_comparison tfoot th p.price strong {
bottom:-1px;
font-size:1.2em;
position:relative;
}
table#product_comparison tbody th a.feature_tooltip, table#product_comparison tbody th span.feature_tooltip {
display:block;
margin:0;
padding:0.8em;
font-size:0.8em;
}
table#product_comparison tbody th a.feature_tooltip {
text-decoration:none;
}
/* HEADER / FOOTER COLORS */
table#product_comparison th.web_home {
background-color:#8ECFC2;
width:20%;
}
table#product_comparison th.web_standard {
background-color:#78AFA4;
width:20%;
}
table#product_comparison th.web_advanced{
background-color:#628F86;
width:20%;
}
table#product_comparison th.web_enterprise{
background-color:#4C6F68;
width:20%;
}
table#product_comparison th.email_lite {
background-color:#8EB2CF;
}
table#product_comparison th.email_plus {
background-color:#7896AF;
}
table#product_comparison th.email_pro{
background-color:#627B8F;
}
table#product_comparison th.reseller_start{
background-color:#BA8ECF;
}
table#product_comparison th.reseller_plus{
background-color:#9D78AF;
}
table#product_comparison th.reseller_pro{
background-color:#80628F;
}
table#product_comparison th.reseller_elite{
background-color:#634C6F;
}


/* INNER CELL COLORS */
table#product_comparison td.web_home {
background-color:#D1EFEE;
}
table#product_comparison td.web_standard {
background-color:#C3DFDE;
}
table#product_comparison td.web_advanced {
background-color:#B5CFCE;
}
table#product_comparison td.web_enterprise {
background-color:#A7BFBF;
}

table#product_comparison td.email_lite {
background-color:#D1E2EF;
}
table#product_comparison td.email_plus {
background-color:#B5C4CF;
}
table#product_comparison td.email_pro {
background-color:#99A6AF;
}

table#product_comparison td.reseller_start{
background-color:#E5D1EF;
}
table#product_comparison td.reseller_plus{
background-color:#D6C3DF;
}
table#product_comparison td.reseller_pro{
background-color:#C6B5CF;
}
table#product_comparison td.reseller_elite{
background-color:#B7A7BF;
}

table#product_comparison thead th#phone p {
	font-size:1.3em;
	color:#000000;
}
/* tooltip styling */
.tooltip {
	display:none;
	background:url(../images/icons/white_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#000;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/loginslide/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 10%;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/loginslide/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/loginslide/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/loginslide/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 50px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/loginslide/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/loginslide/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/loginslide/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/loginslide/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 300px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
	color:#FFF;
}

#panel .content input.field {
	border: 1px #FFF solid;
	background: #FFF;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	height: 16px;
}

#panel .content input:focus.field {
	background: #FFF;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/loginslide/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/loginslide/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
#clients {
background:url("../images/clients_header.jpg") no-repeat scroll right 0 transparent;
}

/** Configure product domain page **/
#register table{
	width:50%;
}

#register table p, #transfer table p, #owndomain table p, .www, #incartdomainsel{
	font-size:1.4em;
}

.cartbox select, .cartbox input[type=text], #domain, #sld2, #register select {
	font-size:1.2em;
}