/* Editor's Note:
 * Each directory containing *html files has it's own .css 
 * file, check there if you don't see what you're looking 
 * for here. This file only contains styles used globally.
 */

.packageheader {
	background : url("images/headerbg.light.gif");
	height : 20px;
	width : 183px;
	padding-top : 3px;
	text-align : center;
	color : white;
	font-weight : bold;
}

.package {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background : url("images/plan.bg.gif") top left;
}

#lastpackage {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border : 1px solid #999;
	background : url("images/plan.bg.gif") top left;
}

.packageincludes ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

#packages .bold {
	padding-left : 20px;
}

.buttons {
	padding-left : 15px;
	padding-top : 15px;
		}



/*======================== GLOBALS ========================

body {
	background : #F6FBFF url("images/stripebg.gif") repeat-x;
	background-position: 0px 0px;
	margin : 0px;
	padding : 0px;
	color : white;
	font-family : verdana, sans-serif;
	font-size : 11px;
}

a {
	color : #000000;
}

.bodypadding {
		padding : 0px 25px 25px 25px;
}

*/

#1container {
#	position : absolute;
#	top : 0px;
	left : -500px;
#	margin-left : 50%;
#	z-index : 1;
	width : 1000px;
#	background : #ffffff url("images/1container.bg.gif");
	color : black;
}

#1header {
#	background : url("images/header.gif") no-repeat;
#	/*background : url("images/header.dev.gif") no-repeat; /* <-- development header */
#	height :161px;
#	width : 1000px;
#}

.bold {
	font-weight : bold;
}

.clear {
	clear : both;
}

img {
	border : 0px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.errorMessage {
	font-size : 1.2em;
	color : red;
}

.chat {
	padding-left:800px;
	padding-top: 20px;
}


/*======================== SIDEBAR ========================*/

#sidebarcontainer {
	margin-left : 15px;
	float : left;
	width : 183px;
}

.sidebar {
	background : url("images/plan.bg.gif") top left;
	border : 1px solid #999;
	margin-bottom : 20px;
	}

.sidebar .header {
	background : url("images/headerbg.dark.gif");
	height : 20px;
	width : 182px;
	text-align : center;
	color : white;
	font-weight : bold;
	padding-top : 4px;
}

.sidebar p, h2 {
	text-align : center;
}

.sidebar ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

.sidebar a {
	font-weight : bold;
	text-decoration : none;
	color : black;
}

.sidebar a:hover {
	text-decoration : underline;
}

/*======================== MAIN BODY STUFF ========================*/

#main {
	width : 755px;
	float : right;
	padding-right : 27px;
}

#main h2 {
	text-align : left;
}

#footer {
	text-align : center;
	clear:both;
	line-height : 2em;
}

#footer a {
	text-decoration : none;
	color : #09c;
}

#footer a:hover {
	text-decoration : underline;
}

#valid {
	top : 1px;
	left : 1px;
	z-index : 1;
	}

.bodycontent {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 751px;
	float : left;
	border: 1px solid #999;
	background : url("images/plan.bg.gif") #dbdbdb top left repeat-x;
}

.bodycontentheader {
	background : url("images/headerbg.light.gif");
	height : 20px;
	width : 736px;
	padding-top : 3px;
	padding-left : 15px;
	color : white;
	font-weight : bold;
}

.bodycontentheader2 {
	padding : 5px;
	margin : 45px;
	font-weight : bold;
	border : 1px solid black;
		}

.bodycontent p ul li {
	margin-left : 15px;
	padding-right : 15px;
	line-height : 1.5em;
}

.bodycontent li {
	padding-bottom : 3px;
}

.bodycontent ol {
	margin-left : 25px;
	padding-right : 15px;
}

.bodycontent h2 {
	margin-left: 15px;
	font-size : 1.4em;
}

.bodycontent h1 {
	font-size : 1.4em;
}

.bodycontent a {
	font-weight : bold;
	text-decoration : none;
	color : #0D5978;
}

.bodycontent a:hover {
	text-decoration : underline;
}

.bodycontent h3 {
	text-align : center;
}

#attributesleft {
	float : left;
	width : 350px;
}

#attributesright {
	width : 350px;
	margin-left : 350px;
}

#fix {
	margin-left : 15px;
	padding-right : 15px;
}

#tabletop {
	font-size: 16px;
	font-style: italic;
}

.optionstable td {
	padding : 5px 10px 5px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	font-size : .8em;
}

#optionstablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

.tableheader {
	font-size: 12px;
	padding-top: 10px;
	font-weight : bold;
}

/*======================== DOMAINHOSTING STYLES =====================*/

.padding {
	padding : 0px 25px 25px 25px;
}

#ssltable {
	margin-left : 25px;
}

.sslpackage {
	width : 250px;
	float : left;
	border : 1px solid #999;
	margin : 10px;
}

.sslpackageheader {
	background : url("images/headerbg.light.gif");
	height : 20px;
	width : 245px;
	padding-top : 3px;
	padding-left : 5px;
	color : white;
	font-weight : bold;
}

.sslpackage p {
	padding : 0px 10px 0px 10px;
}

.packageheader {
	background : url("images/headerbg.light.gif");
	height : 20px;
	width : 183px;
	padding-top : 3px;
	text-align : center;
	color : white;
	font-weight : bold;
}

.package {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background : url("images/plan.bg.gif") top left;
}

#lastpackage {
	padding-bottom : 10px;
	margin-bottom : 27px;
	width : 183px;
	float : left;
	border : 1px solid #999;
	background : url("images/plan.bg.gif") top left;
}

.packageincludes ul {
	padding : 10px 10px 10px 20px;
	margin : 0px;
}

#packages .bold {
	padding-left : 20px;
}

.buttons {
	padding-left : 15px;
	padding-top : 15px;
		}

#hostingplanstable {
	width : 100%;
	table-layout: auto;
	background : #ddd;
}

.tablehead {
	height : 50px;
	text-align : center;
	font-size : 1.2em;
	font-weight : bolder;
	background : #ccc;
}

.tablehead a {
	font-size : .8em;
}

.operatingsystem {
	background : #dbdbdb;
}

.domainwhite {
	background : #fff;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	text-align : center;
}

.domaingray {
	background : #ccc;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.black10px {
	background : #999;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.domainlightblue {
	background : #fff;
	font-weight : bold;
	height : 2em;
	font-size : 1.2em;
	text-align : center;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

#tabs {
}

#tabs ul {
	margin : 0px;
	padding : 0px;
}

#tabs li {
	margin : 0px;
	padding : 0px;
	float : left;
	list-style-type : none;
	text-indent : -9999px;
}

#unixtab a {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	width : 156px;
	height : 30px;
	display : block;
}

#unixtab a:hover {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	background-position-y : -30px;
}

#unixselected {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	background-position-y : -30px;
	width : 156px;
	height : 30px;
}

#windowstab a {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	width : 189px;
	height : 30px;
	display : block;
}

#windowstab a:hover {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	background-position-y : -30px;
}

#windowsselected {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	background-position-y : -30px;
	width : 189px;
	height : 30px;
}

#colocationtab a {
	background : url("/domainhosting/tabs.colo.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#colocationtab a:hover {
	background : url("/domainhosting/tabs.colo.gif") no-repeat;
	background-position-y : -30px;
}

#dedicatedtab a {
	background : url("/domainhosting/tabs.dedicated.gif") no-repeat;
	width : 169px;
	height : 30px;
	display : block;
}

#dedicatedtab a:hover {
	background : url("/domainhosting/tabs.dedicated.gif") no-repeat;
	background-position-y : -30px;
}

/*======================== SERVERS STYLES ===========================*/


.colotable {
}

.colotable td {
	padding : 5px 10px 5px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.colotablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

.deditable {
	font-size : .8em;
}

.deditable td {
	padding : 5px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}

.deditablehead td {
	background : url("../images/headerbg.light.gif");
	color : white;
	font-weight : bold;
}

#tabs {
}

#tabs ul {
	margin : 0px;
	padding : 0px;
}

#tabs li {
	margin : 0px;
	padding : 0px;
	float : left;
	list-style-type : none;
	text-indent : -9999px;
}

#unixtab a {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	width : 156px;
	height : 30px;
	display : block;
}

#unixtab a:hover {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	background-position-y : -30px;
}

#unixselected {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	background-position-y : -30px;
	width : 156px;
	height : 30px;
}

#windowstab a {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	width : 189px;
	height : 30px;
	display : block;
}

#windowstab a:hover {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	background-position-y : -30px;
}

#windowsselected {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	background-position-y : -30px;
	width : 189px;
	height : 30px;
}

#colocationtab a {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	width : 168px;
	height : 30px;
	display : block;
}

#colocationselected {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	background-position-y : -30px;
	width : 168px;
	height : 30px;
}

#colocationtab a:hover {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	background-position-y : -30px;
}

#dedicatedtab a {
	background : url("../domainhosting/tabs.dedicated.gif") no-repeat;
	width : 169px;
	height : 30px;
	display : block;
}

#dedicatedselected {
	background : url("../domainhosting/tabs.dedicated.gif") no-repeat;
	background-position-y : -30px;
	width : 169px;
	height : 30px;
}

/*======================== INFORMATION STYLES =======================*/

#ssltable {
	margin-left : 25px;
}

.dupackage {
	width : 250px;
	float : left;
	border : 1px solid #999;
	margin : 10px;
}

.dupackageheader {
	background : url("images/headerbg.light.gif");
	height : 20px;
	width : 245px;
	padding-top : 3px;
	padding-left : 5px;
	color : white;
	font-weight : bold;
}

.dupackage p {
	padding : 0px 10px 0px 10px;
}

/*======================== INFORMATION STYLES =======================*/

.accountsection h2 {
	font-size : 1.2em;
}

.accountsection a {
	font-weight : normal;
}

.accountsection {
	padding-bottom : 10px;
}

/*======================== CSS DROPDOWN MENU ========================*/

.menu {
        position:relative;        /* establish a menu-relative positioning context */
        float:left;                                     /* play nicely with others */
        margin:0;
        padding:0;
        border:0;
        height:39px;                                  /* the menu's overall height */
        width:100%;         /* we always want our menu to fill the available space */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;         /* this (and also below) sets the menu's font size */
        border-bottom : 1px solid black;
        margin-bottom : 15px;
        background : url("images/menu_bg.jpg");
}

.menu img {
        vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
        margin:0;
        margin-left : -40px;
        list-style-type:none;          /* we don't want to view the list as a list */
        line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
        float:left;    /* this creates the side-by-side array of top-level buttons */
        position:relative;    /* create local positioning contexts for each button */
        margin:0;
}

.menu ul li table {
        border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
        font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
        display:block;
        padding:0px 0.33em;            /* this sets the l/r margins for our menu item */
        margin:0;
        text-align:right;   /* this right alignment goes with the float:left below */
        cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
}

.drop span {        /* this simultaneously left and right aligns the text and */
        float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU ========================*/

.menu ul li ul {
        display:none;                  /* initially hide the entire list hierarchy */
        padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
        display:block;
        float:left;
        text-decoration:none;
        height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
        height:16px;
}

/*======================== 2ND LEVEL MENU========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
        display:block;
        position:absolute;
	text-align: left;
        margin:0;
        top:39px;              /* place us just up underneath the top-level images */
        left:-1px;       /* left-align our drop-down to the previous button border */
        height:auto;      /* the drop-down height will be determiend by line count */
        width:12.4em;
        color:black;                        /* this sets the unselected-text color */
        background:#000;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
        left:0px;
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
        left:auto;
        right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
        right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
        border:0;
        margin:0;
        padding:0;
        height:auto;
        color:#000;               /* this sets the unselected drop-down text color */
        background:#EEE;       /* this sets the drop-down menu background color */
        width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
        color:#FFFFFF;
        background:#0182B6;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
        width:8.08333em;
}

/*======================== 3RD LEVEL MENU ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
        visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
        visibility:visible;
        position:absolute;
        margin-top:-1px;              /* bring the top edge of the 3rd level menu up one */
        top:0;
        left:12.4em;
        width:12.9em;
	background: black;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
        width:14em;
        background:#eee;
	color:#000;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
        width:14em;
        background:white;
}

#text {                                         /* the Mac's standard Safari browser will not see this code */
        height:1.215em;                 /* ...  but every other browser will and should */
}                                                               /* Safari barfs on the illegal pound sign (#) after the rule's property val */



/*======================== GLOBALS ========================*/

.text10 {
	border-bottom : 1px solid black;
}

#frontpagebody {
	margin : auto;
	width : 949px;
	height : 250px;
	padding-top : 10px;
}

#frontpagebody img {
	margin : 0px;
	padding : 0px;
	float : left;
}

#frontpagebody a {
	margin : 0px;
	padding : 0px;
}

.centerme {
	text-align : center;
}