﻿body { 
    margin: 0px; padding: 0px; height: 100%;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
 }

div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td { margin: 0px; padding: 0px; }

/*  ol, */

ul, li { list-style-type: none; }

form { margin: 0px; padding: 0px; }

/* LINKS */

a:link, a:active, a:visited  { color: #417aa5; text-decoration: underline; }

a:hover, p a:hover { color: #2a5373; text-decoration: underline !important; }

p a:link, p a:active, p a:visited { text-decoration: none !important; }

/* IMAGES */

a img { border: none; }

img.right { border: 0; margin: 5px; float: right; }
img.right2 { border: 0; margin: 5px 5px 20px 10px; float: right; }
img.left { border: 0; margin: 5px; float: left; }
img.center { border: 0; text-align: center; }

.imgFloatRight, .imgFloatLeft { border: 0; float: left; margin: 0; padding: 1px 10px 10px 0; }		

.imgFloatRight { float: right; padding: 1px 0 10px 10px; }


/** Headers **/

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana,sans-serif;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    cursor: default;
    color: #3d484c;
    font-weight: normal;
    letter-spacing: -0.06em;
}

h1 { color: #a5c4dd; font-size: 26px; font-weight: lighter; line-height: normal; }

h2 { font-size: 15px; line-height: 22px; margin-bottom: 10px; }

h3 { font-size: 22px; margin-top: 24px; margin-right: 0pt; margin-bottom: 5px; margin-left: 0pt; }

h4 { font-size: 18px; margin-top: 15px; margin-right: 0pt; margin-bottom: 2px; margin-left: 0pt; }

h5 { font-weight: bold; letter-spacing: normal; font-size: 14px; }

h2.flush, h3.flush, h4.flush, h5.flush, h6.flush, p.flush { margin-top: 0; padding-top: 0; }

h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; color: #2a5373 !important; }

h2 a.alinknone, h3 a.alinknone, h4 a.alinknone, h5 a.alinknone, h6 a.alinknone { color: #3d484c !important; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #417aa5 !important; }

blockquote p { margin: 2px 0; }

hr { border: 0; color: #003300; background-color: #003300; height: 1px; width: 100%; text-align: left; }

/* goes at the top of content */
.ovalHr { width: 650px; height: 36px; margin-bottom: -10px; background: url("images/global/ovalHr.gif") left top no-repeat; }	

/* goes at the bottom of content */
.ovalHr.bot { background-image: url("images/global/ovalHrB.gif"); margin-bottom: 0; margin-top: -10px; width: 650px; height: 36px; }

.clearDiv, .clearBorder, .clearBorderShade { clear: both; height: 1px; font-size: 1px; }

.hide, .hideText, .closed { display:none; }

.show, .showText, .open { display:block; }

/*td { vertical-align:top; }

 ---------------------------------- GENERIC FORM STYLES */

label.sub-label {
	display:block;
	padding:4px 0px 4px 0px;
	font-size:0.9em;
}

/*fieldset { padding: 10px; margin: 5px 0px 5px 0px; border: 2px #5B696A solid; }

legend { padding: 8px; font-weight: bold; font-size: 1em; color: #5B696A; letter-spacing: -1px; }*/

fieldset li, .form-list li { padding: 5px 0px 5px 10px; list-style: none; }

input[type="text"], input[type="password"], textarea {
    border: 1px #CCCCCC solid;
    background-color: #F8F8F8;
    padding: 3px;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#FFFFE6;
}

#login-holder {
	width:400px;
	margin:0px auto;
}

/* This is for all the decent browsers - So they understand the hover effect */
input[type="submit"], input[type="button"], .frm_button {
	padding:6px;
	cursor:pointer;
	background-image:url(../img/main-nav-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#718385;
	border:2px #333 solid;
	color:#fff;
}
input[type="submit"]:hover, input[type="button"]:hover {
    background-image:none;
	border:2px #000 solid;
}

option { padding: 3px 6px; }

select { cursor: pointer; height: 20px; }

/* global palette text color classes */

.white { color: white; }

.black { color: black; }

.highlight {
    margin: 5px 0 5px 0;
    padding: 5px;
    color: #336600;
    background-color: #FFFF66;
    font-weight: bold;
}

.bgwhite { background-color: #ffffff; }

.gray, .light { color: #63747b !important; }

.dkGray 	{ color: #696d6f !important; }

.ltGray 	{ color: #c0c8cb !important; }

.blue 		{ color: #417aa5 !important; }

.ltBlue 	{ color: #18a2c4 !important; }

.dkBlue 	{ color: #2a5373 !important; }

.green 		{ color: #9ac516 !important; }

.dkGreen	{ color: #87b200 !important; }

.orange 	{ color: #fda426 !important; }

.dkOrg		{ color: #fd8b26 !important; }

.goldFish   { color: #d73b14 !important; }

.yellow 	{ color: #fedd69 !important; }

.purple 	{ color: #752b8c !important; }

.ltPurple 	{ color: #b765d4 !important; }

.dkPurple 	{ color: #5a1069 !important; }

.red		{ color: #d40000 !important; }

/* global misc classes */

.clearit { clear: both; }

.align-justify { text-align: justify; }

.align-right { text-align: right; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.float-right { float: right; vertical-align: top; }

.float-left { float: left; vertical-align: top; }

.horizontal-center { margin: 0 auto; width: 630px; }

.verticalspacer { margin: 0; width: 100%; padding: 5px 0 5px 0; }

.verticalseparator { margin: 0px; padding: 0px; width: 8px; height: 100%; float: left; }

.leftcol, .middlecol, .rightcol { float: left; width: 292px; }

.leftcol { margin-left: 0px; }

.middlecol, .rightcol { margin-left: 16px; }

.bold { font-weight: bold; }

.large { font-size: 15px; line-height: 22px; }

.attention { color: #CC0000; font-weight: bold; }

.marginpaddingclear { margin: 0; padding: 0px; }

/* MISC UTILITY CLASSES	*/	

/* quickFonts */

.qfV { font-family: Verdana, Helvetica, sans-serif; }

.qfA { font-family: Arial, Helvetica, sans-serif; }

.qfT { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.qfL { font-family: "Lucida Sans", Verdana, sans-serif; }

.qfG, blockquote { font-family: Georgia, "Times New Roman", Times, serif; }

.Lfloat, .Rfloat, .clrRight, .clrLeft { display: block; height: auto; }

.floatL { float: left; }

.floatR { float: right; }

.clrRight { clear: right; }

.clrLeft  { clear: left; }


/* faq section */

.textBigRed, .textBigBlue { font-size: 16px; font-weight: bold; }

.textBigRed  { color: #d40000; }

.textBigBlue { color: #417aa5; }

/* List Layouts */

.globallist { margin-left: 0px; padding-left: 10px; list-style: none; line-height: 20px; }

.globallist li { padding-left: 10px; background: url(images/bullets/bluerightarrow.gif) no-repeat left center; }

.globallist a { text-decoration: none; }

.globallist a:hover { text-decoration: underline; }

.globallist .vline { margin-bottom: 4px; padding-bottom: 7px; background: url(images/listlinebreaks.gif) repeat-x left bottom; }

/* remove default list styling if class is applied directly to a UL or LI */
ul.li_grn, ul.li_blu, ul.li_org, ul.li_pur, ul.li_red, ul.li_blk, ul.li_wht, ul.li_ylw, ul.li_go,
ul.li_grn li, ul.li_blu li, ul.li_org li, ul.li_pur li, ul.li_red li, ul.li_blk li, ul.li_wht li, ul.li_ylw li, ul.li_go li,
li.li_grn, li.li_blu, li.li_org, li.li_pur, li.li_red, li.li_blk, li.li_wht, li.li_ylw, li.li_go, ul.li_grntick, ul.li_grntick li, li.li_grntick,
ul.listLink li a 
{ 
	list-style-type: none; 
	background-repeat: no-repeat !important; 
	padding-left: 18px !important; 
	line-height: 16px;
}

/* fix possibility for duplicates as a result of generic class statement above */
ul.li_add, ul.li_del, ul.li_togMin, ul.li_togMax, ul.li_up, ul.li_dn, ul.li_lt, ul.li_rt, ul.li_go, ul.li_star, ul.li_wht, ul.li_blk, ul.li_ylw, ul.li_blu, ul.li_grn, 
ul.li_org, ul.li_pur, ul.li_grntick, ul.li_red li { background-image: none !important; }

/* image refs (small icons) */

.li_add, ul.li_add li, li.li_add			{ background-image: url("images/icons/li_add.png") !important; }

.li_del, ul.li_del li, li.li_del			{ background-image: url("images/icons/li_del.png") !important; } 

.li_togMin, ul.li_togMin li, li.li_togMin	{ background-image: url("images/icons/li_togMin.png") !important; } 

.li_togMax, ul.li_togMax li, li.li_togMax	{ background-image: url("images/icons/li_togMax.png") !important; } 

.li_up, ul.li_up li, li.li_up				{ background-image: url("images/icons/li_up.png") !important; } 

.li_dn, ul.li_dn li, li.li_dn				{ background-image: url("images/icons/li_dn.png") !important; } 

.li_dn_active, ul.li_dn_active, li.li_dn_active, .li_dn.activeGroup { background-image: url("images/icons/li_dn_active.png") !important; }

.li_lt, ul.li_lt li, li.li_lt				{ background-image: url("images/icons/li_lt.png") !important; } 

.li_rt, ul.li_rt li, li.li_rt				{ background-image: url("images/icons/li_rt.png") !important; } 

.li_star, ul.li_star li, li.li_star			{ background-image: url("images/icons/li_star.png") !important; } 

.li_wht, ul.li_wht li, li.li_wht			{ background-image: url("images/icons/li_wht.png") !important; } 

.li_blk, ul.li_blk li, li.li_blk			{ background-image: url("images/icons/li_blk.png") !important; } 

.li_ylw, ul.li_ylw li, li.li_ylw			{ background-image: url("images/icons/li_ylw.png") !important; } 

.li_blu, ul.li_blu li, li.li_blu			{ background-image: url("images/icons/li_blu.png") !important; } 

.li_grn, ul.li_grn li, li.li_grn			{ background-image: url("images/icons/li_grn.png") !important; } 

.li_org, ul.li_org li, li.li_org			{ background-image: url("images/icons/li_org.png") !important; } 

.li_pur, ul.li_pur li, li.li_pur			{ background-image: url("images/icons/li_pur.png") !important; } 

.li_red, ul.li_red li, li.li_red			{ background-image: url("images/icons/li_red.png") !important; } 

.li_grntick, ul.li_grntick li, li.li_grntick			{ background-image: url("images/icons/li_grntick.gif") !important; } 

.col-left { float: left; width: 45%; }

.col-left ul { padding: 0px 0px 10px 5px; line-height: 18px; margin: 0px; }

.col-left li { margin-left: 0; padding-left: 10px; height: 18px; background: url(images/bullets/hosting-feature-bullet.gif) no-repeat left; }

.col-right { float: left; width: 45%; }

.col-right ul { line-height: 18px; }

.col-right li { margin-left: 0; padding-left: 10px; height: 18px; list-style: none; background: url(images/bullets/hosting-feature-bullet.gif) no-repeat left; }

#domain-list {
    margin: 20px 0 0 150px;
    height: auto;
    width: 450px;
}