/* 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;
	height: 100%;
}

a {
	color : #FF7B0A;
}

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


#topbg {
	background : url("/images/gradientbg_top.gif") repeat-x;
	height : 799px;
	width : 100%;
	position : fixed;
	top : 0px;
	left : 0px;
	z-index : 1;
}

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

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

.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;
	padding : 1px 1px 1px 1px;
}

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

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

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

.sidebar h3 {
	text-align : right;
}

/*======================== 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 : #0e87b8;
}

.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 : 0px -30px;
}

#unixselected {
	background : url("/domainhosting/tabs.unix.gif") no-repeat;
	background-position : -30px 0px;
	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 : -30px 0px;
}

#windowsselected {
	background : url("/domainhosting/tabs.windows.gif") no-repeat;
	background-position : -30px 0px;
	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 : -30px 0px;
}

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

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

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

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

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

#virtualtab a:hover {
	background : url("/domainhosting/tabs.virtual.gif") no-repeat;
	background-position : 0px -30px;
}

#virtualselected {
	background : url("/domainhosting/tabs.virtual.gif") no-repeat;
	background-position : 0px -30px;
	width : 168px;
	height : 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 : 0px -30px;
}

#unixselected {
	background : url("../domainhosting/tabs.unix.gif") no-repeat;
	background-position : 0px -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 : 0px -30px;
}

#windowsselected {
	background : url("../domainhosting/tabs.windows.gif") no-repeat;
	background-position : 0px -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 : 0px -30px;
	width : 168px;
	height : 30px;
}

#colocationtab a:hover {
	background : url("../domainhosting/tabs.colo.gif") no-repeat;
	background-position : 0px -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.gif");
	z-index: 11;
}

.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;
	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:13.5em;
	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:black;
	background:white;
}

.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:13.5em;
	width:14em;
}

.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;
}

.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 : 390px;
	padding-top : 10px;
}

#mainbody {
        margin : auto;
        width : 949px;
        height : 550px;
        padding-top : 10px;
}

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

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

.centerme {
	text-align : center;
}

/*======================== BRIAN'S RANDOM FRONT PAGE STUFF ========================*/
#unixandwindowsplansavailabletext p,
#wevegotyoucoveredtext p,
#needhelpmaintainingorupgradingyournetworkorintext p,
#affordableusagebasedcolocationservicestext p,
#personalandbusinesshostingplansstartingat1295text p,
#with15yearsofexperienceunderourbeltweofferyoucustomtext p,
#needaserverbuiltforyounotaproblemtext p  {
   font: 12px "Arial Black";
   margin: 0px;
   color: #FDFEFF;
   text-align: left;
}

#moreinfocopybutton a:hover,
#moreinfocopy2button a:hover,
#moreinfobutton a:hover  {
   background-position: -79px 0%;
}

#moreinfocopy2button a,
#moreinfocopybutton a,
#moreinfobutton a  {
   background: url(newwnmainpagemedia/moreinfocopy2button.gif) no-repeat 0% 0px;
   display: block;
   height: 24px;
   width: 79px;
   font-size: 24px;
   line-height: 24px;
}

#with15yearsofexperienceunderourbeltweofferyoucustomtext p  {
   color: #FFFFFF;
}

#with15yearsofexperienceunderourbeltweofferyoucustomtext  {
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 277px;
   z-index: 6;
   width: 503px;
}

#personalandbusinesshostingplansstartingat1295text  {
   visibility: visible;
   position: absolute;
   left: 413px;
   top: 481px;
   z-index: 5;
   width: 203px;
}

#needhelpmaintainingorupgradingyournetworkorintext  {
   visibility: visible;
   position: absolute;
   left: 164px;
   top: 481px;
   z-index: 5;
   width: 183px;
}

#affordableusagebasedcolocationservicestext  {
   visibility: visible;
   position: absolute;
   left: 664px;
   top: 481px;
   z-index: 5;
   width: 162px;
}

#moreinfocopy2button,
#moreinfocopybutton  {
   visibility: visible;
   position: absolute;
   top: 574px;
   z-index: 6;
   width: 79px;
   height: 24px;
}

#needaserverbuiltforyounotaproblemtext  {
   visibility: visible;
   position: absolute;
   left: 664px;
   top: 547px;
   z-index: 5;
   width: 185px;
}

#bottomright,
#bottomleft,
#bottommid  {
   background: url(newwnmainpagemedia/bottomright.gif) no-repeat;
   visibility: visible;
   position: absolute;
   top: 437px;
   z-index: 4;
   width: 215px;
   height: 167px;
}

#unixandwindowsplansavailabletext  {
   visibility: visible;
   position: absolute;
   left: 413px;
   top: 547px;
   z-index: 5;
   width: 166px;
}

#wevegotyoucoveredtext  {
   visibility: visible;
   position: absolute;
   left: 165px;
   top: 547px;
   z-index: 5;
   width: 158px;
}

#moreinfocopy2button  {
   left: 768px;
}

#moreinfocopybutton  {
   left: 517px;
}

#moreinfobutton  {
   visibility: visible;
   position: absolute;
   left: 265px;
   top: 574px;
   z-index: 5;
   width: 79px;
   height: 24px;
}

#id33webhosting  {
   background: url(newwnmainpagemedia/id33webhosting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 406px;
   top: 448px;
   z-index: 6;
   width: 164px;
   height: 33px;
}

#serverhosting  {
   background: url(newwnmainpagemedia/serverhosting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 656px;
   top: 448px;
   z-index: 6;
   width: 189px;
   height: 33px;
}

#itconsulting  {
   background: url(newwnmainpagemedia/itconsulting.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 156px;
   top: 448px;
   z-index: 6;
   width: 165px;
   height: 33px;
}

#bottomright  {
   left: 643px;
}

#background  {
   margin: 0px auto 0px auto;
   background: url(newwnmainpagemedia/background.gif) no-repeat;
   visibility: visible;
   height: 723px;
   width: 1002px;
   position: relative;
}

#stickynote  {
   background: url(newwnmainpagemedia/stickynote.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 626px;
   top: 209px;
   z-index: 5;
   width: 194px;
   height: 163px;
}

#bottomleft  {
   left: 141px;
}

#bottommid  {
   left: 391px;
}

#layer4  {
   background: url(newwnmainpagemedia/layer4.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 1002px;
   height: 200px;
}

#layer5  {
   background: url(newwnmainpagemedia/layer5.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 200px;
   z-index: 3;
   width: 1002px;
   height: 523px;
}

#zheader  {
   background: url(newwnmainpagemedia/header.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 151px;
   top: 239px;
   z-index: 5;
   width: 287px;
   height: 33px;
}

#layer3  {
   background: url(newwnmainpagemedia/layer3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 142px;
   top: 225px;
   z-index: 4;
   width: 721px;
   height: 179px;
}

/* RUSS ADD */
.black_9_pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; te
xt-decoration: none}
.black_10_pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.black_11_pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none} 
.black_12_pt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.black_14_pt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}  
.black_16_pt { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none} 
.black_20_pt { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; color: #000000;
text-decoration: none}
.red_bold_10_pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: bold; font-weight: normal; color: #ff0000;
 text-decoration: none}
.theme_header { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #66abf5; t
ext-decoration: none}

.req {
font-size: 11px;
}
.req ul {
margin: 0;
padding: 0;
list-style: none;
}
.req li {
padding: 3px 3px 2px 18px;
}
.req .green {
color: #009900;
background-image: url('https://secure.hostgator.com/shared/img/tick.png');
background-repeat: no-repeat;
background-position: 0 1px;
}
.req .red {
color: #990000;
background-image: url('../img/no.gif');
background-repeat: no-repeat;
background-position: 0 3px;
}