body {
	background-color: #ffffff;
	font: 11px verdana,tahoma,arial,helvetica;
	color: #000000;
	margin: 0px;
	padding: 0px;
	cursor: default;
}
table {
    text-align: left;
}
H1 {font: 16px Arial; color: #000000; font-weight: bold; margin: 0px;}
H2 {font: 15px Arial; color: #000000; font-weight: bold; margin: 0px;}
H3 {font: 13px tahoma,arial,helvetica; color: #000000; font-weight: bold; margin: 0px;}
H4 {font: 12px tahoma,arial,helvetica; color: #000000; font-weight: bold; margin: 0px;}
H5 {font: 11px tahoma,arial,helvetica; color: #000000; font-weight: bold; margin: 0px;}
H6 {font: 10px tahoma,arial,helvetica; color: #000000; font-weight: bold; margin: 0px;}
a { color: #004891; text-decoration: underline }
a:visited { color: #004891;  text-decoration: underline }
a:hover { color: #000099;  text-decoration: underline }
a.devlink2 { font: 11px tahoma,arial,helvetica; color: #000000; text-decoration: none; padding: 0px;}
a.devlink2:visited { font: 11px tahoma,arial,helvetica; color: #000000;	text-decoration: none; font-weight: normal; }
a.devlink2:hover { font: 11px tahoma,arial,helvetica; color: #000000; text-decoration: underline; font-weight: normal; }
input,select,textarea,.iframeeditor { padding:1px; border:1px solid #969696; font:11px tahoma,arial,helvetica; }
/* date display */
.date {
	font-family: Arial, Verdana;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
	text-indent: 5pt;
}
/* text classes */
.text {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-indent: 4pt;
	margin: 4px;
}
.text10 { font: 10px tahoma,arial,helvetica; color: #000000; font-weight: normal; }
.text11 { font: normal 11px/18px tahoma, arial, helvetica; color: #000000; }
.text11b { font: 11px tahoma,arial,helvetica; color: #000000; font-weight: bold; }
.text12bb { font: 12px tahoma,arial,helvetica; color: #004891; font-weight: bold; } 
.text12 {
	font: normal 12px/16px verdana, arial, helvetica;
	color: #000000;
	vertical-align: top;
	padding-top: 2px;
}
.text13b { font: 13px tahoma,arial,helvetica; color: #000000; font-weight: bold; }
.text16b { font: 16px Arial; color: #000000; font-weight: bold; }
.text18bb	{ font: 18px verdana,arial,helvetica; color: #2B6EBB; font-weight: bold; }
.text18b	{ font: 18px verdana,arial,helvetica; color: #000000; font-weight: bold; }
/* Menu bar */
.menuBarContainer {
	border:1px solid #999;
	background-color:#996600;
	width:404px!important;
	height:15px !important;
	width /**/:406px;
	height /**/:17px;
	z-index: 0;
	left: 0px;
}
.menuButtonLeft {
    margin-right:1px;    
    float:left;
    border-right:1px solid #999;
    width:83px !important;    
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:84px;
}
.menuButtonMiddle {
    margin-right:1px;
    float:left;
    border-left:1px solid #999;
    border-right:1px solid #999999;
    width:80px!important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:82px;
}
.menuButtonRight {
    border-left:1px solid #999;
    float:left;
    width:69px!important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:70px;
}
.footerButtonLeft {
    margin-right:1px;
    float:left;
    border-right: 1px solid #999;
    width:110px !important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:111px;
}
.footerButtonMiddle {
    margin-right:1px;
    float:left;
    border-left:1px solid #999;
    border-right:1px solid #999;
    width:104px !important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:106px;
}
.footerButtonRight {
    float:left;
    border-left:1px solid #999;
    width:110px !important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    width /**/:111px;
}
.menuBar {
    font:10px verdana;
    text-align: center;    
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #666666;
    cursor: pointer;
    background-color:#f3f3f3;
    height:13px !important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    height /**/:15px;
}
.menuBarOver {
    padding-left: 2px;    
    text-align: center;
    font: 10px verdana;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    color: #FFFFFF;
    cursor: pointer;
    background-color:#0033CC;
    height:12px !important;
    /* Fix broken box model for IE5/Win, IE6/Win ignores the following rules */
    height /**/:14px;
}
.menufoot {
	padding-left: 2px;
	padding-top: 1px;
	text-align: center;
	font: 10px verdana;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	color: #003399;
	cursor: pointer;
	background-color:#FDFBE8;
	height:12px !important;
	height /**/:14px;
	float: none;
	width: 713px;
}
a.menuBarLink { text-decoration: none; color: #666666; }
a:hover.menuBarLink { text-decoration: none; color: #666666; }
a:visited.menuBarLink { text-decoration: none; color: #666666; }
/* Header table top */
.headtop {
	background-color: #ffffff;
	padding: 0px;
	color: #F00;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #969696;
	border-right-color: #969696;
	border-bottom-color: #969696;
	border-left-color: #969696;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
/* Gray title box */
.titlebox {
	background-color: #EFEFDE;
	border: 1px solid #969696;
	padding: 2px;
	font: bold normal 12px/18px Tahoma, Verdana, Arial;
	color: #666666;
}
/* Gray title box with image on left side */
.titleboximage {
    background-color: #eeeeee;
	border: 1px solid #969696;
	padding: 2px;
	font: 10px Tahoma, Verdana, Arial;
	color: #666666;
	font-weight: bold;
	font-style: normal;
    background-image:url("http://www.optimumsystem.com/images/bg19.gif");
	background-repeat: no-repeat;
}
.optitle {
	background-color: #eeeeee;
	border: 1px solid #969696;
	padding: 2px;
	padding-left: 10px;
	margin-top: 23px;
	margin-bottom: 5px;
	font: bold 11px Tahoma, Verdana, Arial;
	color: #666666;
}
.optitle_hey {
	background-color: #FFFFFF;
	border: 1px solid #E2DAA7;
	font: normal 11px/20px Tahoma, Verdana, Arial;
	color: #666666;
	height: 220px;
	width: 154px;
	padding: 8px;
}
.optitle_feat { 
	background-color: #FFFFFF;
	padding: 2px 10px;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.opdesc {
	font: 11px tahoma,arial,helvetica;
	color: #000000;
	font-weight: normal;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 15px;
}
.opholder {
	font: 500 normal 14px tahoma, arial, helvetica;
	color: #000000;
	letter-spacing: 2px;
	word-spacing: 5px;
	padding-top: 8px;
	background-image: none;
	background-position: left;
}
.opend {
    background-color: #eeeeee;
	border: 1px solid #969696;
	padding: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.cssbluebutton  {
	font: 10px tahoma,arial,helvetica;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
	border: none #FFFFFF;
	width: 50px;
	padding: 2px;
	cursor: hand;
}
.cssbluebuttonDown  {
	font: 10px tahoma,arial,helvetica;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: #dddddd;
	border: 1px solid #444444;
	width: 50px;
	cursor: pointer;
    padding: 2px;
    cursor: hand;
}
.cssbluebutton a, .cssbluebutton a:visited, .cssbluebuttonDown a {
    color: #000000; text-decoration: none;
}
.support_link  {
	font: 10px tahoma,arial,helvetica;
	font-weight: normal;
	text-decoration: none;
	color: #0377FD;
}
.formbutton {
	border: 1px solid #333333;
	height: 18px;
	font: 11px tahoma,arial,helvetica;
	background-color: #eeeeee;
	background-image: url('http://www.optimumsystem.com/images/button_shadow.gif');
}
.input_shadow
{
	background: #fff url(http://www.optimumsystem.com/images/box_shadow.gif) left top;
	height: 16px;
	padding: 3px 0px 0px 5px;
	border: 1px solid #999;
	border-top-width: 0px;
	margin-top: -1px; 
    /* Fix for IE -  IE6/Win ignores the following rules */
    margin-top /**/:0px;
}
.formbutton_shadow {
	cursor: pointer;
	border: 0px solid #333333;
	height: 24px;
	margin: 0px;
	padding: 0px 9px 5px 0px;
	font: 11px tahoma,arial,helvetica;
	background: #eee url('http://www.optimumsystem.com/images/button.jpg') bottom right;
}
.input_shadow
{
	background: #fff url('http://www.optimumsystem.com/images/box_shadow.gif') left top;
	height: 16px;
	padding: 1px 0px 0px 5px;
	border: 1px solid #999;
	border-top-width: 0px;
	margin-top: -1px; 
    /* Fix for IE -  IE6/Win ignores the following rules */
    margin-top /**/:0px;
}
.sidebarcontent {
	font: 12px tahoma,arial,helvetica;
	background-color: #f3f3f3;
	border: thin dotted #999900;
	padding: 5px;
	margin: 2px;
}
.sidebartitle {
	text-align: center;
	padding: 2px;
	padding-left: 8px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	color: #060;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
}
.sidebartitle_grey {
     color: #000000;
     border-top: 0px;
     border-color: #999999;
     border-bottom: 0px;
     background-color: #f3f3f3;
     padding-left: 5px;
}
.bgg3 {
	color: #000000;
	border-top: 0px;
	border-color: #999999;
	border-bottom: 0px;
	background-color: #FDFBE8;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-repeat: repeat;
	padding: 6px;
}
.log_in {
	background-color: #FFFFFF;
	padding-left: 8px;
	display: table-cell;
	padding-top: 6px;
	background-image: url(http://www.optimumsystem.com/images/grid.gif);
	background-repeat: repeat;
	width: 100%;
	border: 1px ridge #CCCCCC;
}
.dropMenu {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    position: relative;
    background-color: #fafafa;
    width: 166px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url('http://www.optimumsystem.com/images/dropdown_bottom.gif');
    background-position: bottom right;
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-opacity: .80;
    filter: alpha(opacity=95);
}
.dropMenuItem {

    font: 11px tahoma;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    padding-left: 19px;
    margin-left: 3px;
    margin-right: 3px;
}
.dropMenuItemOver {
    font: 11px tahoma;
    background-color: #e4ebf9;
    border: 1px solid #557fd7;
    padding-left: 19px;
    margin-left: 3px;
    margin-right: 3px;
}
a.dropMenuLink { color: #444444; text-decoration: none;}
a:visited.dropMenuLink { color: #444444; text-decoration: none;}
a:hover.dropMenuLink { color: #444444; text-decoration: none; }
a.bluelink { font: 11px Tahoma, arial, helvetica; color: #004891; font-weight: bold; text-decoration: none; }
a.bluelink:link { font: 11px Tahoma, arial, helvetica; color: #004891; font-weight: bold; text-decoration: none; }
a.bluelink:visited { font: 11px Tahoma, arial, helvetica; color: #004891; font-weight: bold; text-decoration: none; }
a.bluelink:hover { font: 11px Tahoma, arial, helvetica; color: #004891; font-weight: bold; text-decoration: underline;}
a.bluelink2 {font: 11px Tahoma, arial, helvetica; color: #004891; text-decoration: none;}
a.bluelink2:link {font: 11px Tahoma, arial, helvetica; color: #004891; text-decoration: none;}
a.bluelink2:visited {font: 11px Tahoma, arial, helvetica; color: #004891; text-decoration: none;}
a.bluelink2:hover {font: 11px Tahoma, arial, helvetica; color: #004891; text-decoration: underline;}
.main_service_list
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: hand;
	padding-bottom: 1px;
	padding-top: 1px;
	border: 0px solid;
	list-style-position: inside;
	list-style-type: square;
}
.main_service_list_over
{
    font: 11px tahoma,arial,helvetica;
    background-color: #e4ebf9;
	cursor: hand;
	padding-left: 4px;
	border: 1px solid #557fd7;
}
/* general text indent used throughout */
.textindent {
	padding-left: 15px;
	vertical-align: top;
}
.pageselect {
	font: bold 11px tahoma,arial,helvetica;
	color: #0377FD;
}
.pageselect2 {
	font: bold 11px tahoma,arial,helvetica;
	color: #0377FD;
}
.code3 {
	background-color: #FFFFFF;
	border: 1px solid #993300;
	font: 11px Tahoma, Verdana, Arial;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	text-align: left;
	width: 400px;
	height:60px;
	padding: 4px;
	vertical-align: top;
}
.sky {
	background-color: #eeeeee;
	width: 155px;
	vertical-align: top;
	text-align: left;
	border: 1px solid silver;
	padding-top:2px;
	padding-bottom:2px;
	height: 85px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
	float: right;
}
.mainbgcolor
{
	background-color:#990000;
	color:#990000;
	background-image: url(http://www.optimumsystem.com/images/990000b.gif);
}
.signup_label
{
	font: bold 12px verdana,arial,helvetica;
	color: #004891; 
	width: 120px; 
	float: left; 
	text-align: right; 
	padding-right: 10px;
	margin-top: 5px;
}
.signup_input
{
	margin-top: 5px;
}
.hostingpackages 
{
	padding-left: 30px;
	list-style-image: url(http://www.optimumsystem.com/images/lightbullet.gif);
	font: 12px arial,helvetica;
	color: #000000;
	font-weight: normal;
	margin: 0px;
}
#selectionlist
{
	margin				: 0px;
	padding				: 0px;
}
#selectionlist li
{	
	list-style-type		: none;
	text-align			: center;
	width				: 185px; 
	float				: left;
	margin				: 3px;
	padding				: 0px;
}
#selectionlist li a
{
	font				: bold 12px Tahoma;
	color				: #555;
	display				: block;
	background-color	: #f1f1f1;	
	border				: 1px solid #999;
	text-decoration		: none;
	padding				: 5px;
}
#selectionlist li a:hover
{
	background-color	: #E9EEFA;
	border-color		: #5A80D8;
}
.errorBar
{
	margin: 2px 0px 2px 0px; 
	padding: 4px;
	border: 1px solid #999;
	background-color: #ffffee;
	color: #f00;
}
a.nav:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
a.nav:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
a.nav:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
}
a.nav:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: ##FFFF00;
}
a.nav2:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
a.nav2:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
a.nav2:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
}
a.nav2:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: ##FFFF00;
}
.toolBar 
{
	border: 1px solid #666;
	background-color: #f4f4f4;
	position: relative;
	z-index: 2;
}
.Separator
{
	width: 1px;
	height: 150px;
	display: block;
	float: left;
	border-left: 1px solid #bbb;
	border-right: 1px solid #fff;
	margin-left: 3px;
	margin-right: 3px;
}
#buttonBar 
{
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #fff;
	padding-top:  2px;
	padding-bottom: 2px; 
	height: 27px;
}
#buttonBar a, #buttonBar a:visited
{
	font: 10px Verdana;
	display: block;
	float: left;
	width: 16px;
	height: 15px;
	border: 1px solid #f4f4f4;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	color: #000;
}
#buttonBar a:hover
{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
#buttonBar a.disabled:hover
{
	border-color: #eee;
	cursor: default;
}