/****************
** CSS file for all WWW.NET websites **
****************/

body {
	background: white url('../images/icons/siteglass.jpg') no-repeat top right;
	margin: 0px;
	padding: 0px;
	font-family:arial, "Nimbus Sans L", Verdana, Helvetica, sans-serif;
	font-size:11pt;
	color: black;white;
	text-align:center;
}
h1 {margin:0; padding:0;}
.em {font-weight:bold; font-style:italics; color:green;}
#centerwrapper { width:100%; min-width:765px; margin:0 /* auto*/;  text-align:left;}
#header { width:100%; margin:0; padding:0; }

#logo {
    float:left; clear: left;
    margin-left:6px; margin-top:15px;
	/*background-image: url("../images/localimages/wiwww.jpg"); background-repeat:no-repeat;*/
	h eight:113px;
}
.slogan {
	margin-top: 0px;
	color: #25f;
	font-family:'times new roman', "Nimbus Roman No9 L", serif;
	font-size:14pt;
	font-weight: bold;
	t ext-shadow: #444 1px 1px 0px;
}
.strong { font-family:"times new roman", "Nimbus Roman No9 L", serif; font-size:larger; font-weight:bold; font-style:italic;}

#angelheart { float:right; margin-top:15px; margin-right:0px;}
#angelheart img { border:none; h eight:100px; w idth:152px;}
#angelheart a, #angelheart a:link:visited:active {}

.clear {clear:both; }
.divback {
	background-color:#17F;
	border:inset 1px #69F;
}
.right {float: right;}

/****************
** Liquid Menu **
****************/
.navbar, .loginnavbar, .sandboxnavbar{ clear: both; width:100%; margin:0; padding:0; }
.navbar table, .loginnavbar table, .sandboxnavbar table{ width:100%; margin:0; padding:0; }
.navbar td, .loginnavbar td, .sandboxnavbar td { margin:0; padding:0; }
.navbar a, .navbar a:link:visited:active { 
	float:left; 
	width:100%; 
	background: url('../images/icons/global/button-off-slice.PNG') top left repeat-x; 
	border:outset 1px #58F; 
	text-decoration:none; 
	text-align: center; 
	color:white;
}
.navbar a:hover, .navbar a.lmon { 
	background: url('../images/icons/global/button-on-slice.PNG') top left repeat-x;
	background-color:#25F; 	
	border:inset 1px #58F;
}

/*
.navbar a, .navbar a:link:visited:active { float:left; width:100%; background-color:#58F;
	border:outset 1px #58F; text-decoration:none; text-align: center; color:white;
}
.navbar a:hover, .navbar a.lmon { background-color:#25F; 	border:inset 1px #58F;}
*/
.loginnavbar a, .loginnavbar a:link:visited:active { float:left; width:100%; background-color:#F00;
	border:outset 1px #A33; text-decoration:none; text-align: center; color:white;
}
.loginnavbar a:hover, .loginnavbar a.lmon { background-color:#A00; 	border:inset 1px #A33;}

.sandboxnavbar a, .sandboxnavbar a:link:visited:active { float:left; width:100%; background-color:#0A0;
	border:outset 1px #3A3; text-decoration:none; text-align: center; color:white;
}
.sandboxnavbar a:hover, .sandboxnavbar a.lmon { background-color:#060; 	border:inset 1px #3A3;}



/******************
** Vertical Menu **
******************/
.vnavbar { text-align:center; }
.vnavbar a, .vnavbar a:visited {
	text-align:center; vertical-align:center;
	text-decoration:none;
	font-weight:bold;
	color:white; black;
	background-color:#58F;
	display: block;
	width: 90%; min-height:1.45em;
	border:outset 1px #58F;
	margin:5px;
}
.vnavbar a:hover, .vnavbar a.von {
	background-color:#25F; 	border:inset 1px #58F;
}
.vnavbar a.von {color: black;}
.vnavbar a.vinactive {color: #DDD; background-color:#999;}

.catnavbar { text-align: center; }
.catnavbar a, .catnavbar a:visited {
	text-align:left; vertical-align:center;
	text-decoration:none;
	font-weight:bold;
	color:blue; b ackground-color:#58F;
	display: block;
	width: 95%; min-height:1.1em;
	b order:outset 1px #58F;
	m argin:5px;
	padding-left: 1em;
	text-indent: -1em;
}
.catnavbar a:hover{
	background-color:#FFF;
	b order:inset 1px #58F;
	t ext-decoration: underline;
	color: black;
}
.catnavbar a.von {
 	color: black; #D0D; black; green;
}
.wizardnavbar{text-align: center; }
.wizardnavbar a, .wizardnavbar a:visited {
	text-align:center; vertical-align:center;
	text-decoration:none;
	font-weight:bold;
	color:white; black;
	background-color:#58F;
	display: block;
	width: 90%; min-height:1.45em;
	border:outset 1px #58F;
	margin:5px;
}
.w izardnavbar a:hover,{/* .catnavbar a.von {*/
	background-color:#7F7; yellow;
	border:inset 1px #58F;
	t ext-decoration: underline;
	color: blue;
}
.wizardnavbar a.von {
	b ackground-color:yellow;
	background-color:#25F;	b order:inset 1px #58F;
	background-color:green;	b order:inset 1px #58F;
	c olor: #FFFFE0; yellow;
}
.wizardnavbar a.vinactive {color: #DDD; background-color:#999;}


/******************
** LINK STYLES **
******************/
a.active, a.inactive, a.inactive-tos{
    display: block;
    m argin:0;
    m argin:0 .5em 1em .5em;
    p adding:.2em;
    text-decoration:none;
    t ext-indent:-.5em;
}
a.active, a.active:link:visited  { color: blue; }
/*a.active:first-line, a.inactive:first-line, a.inactive-tos:first-line {font-weight: bold;}*/
a.inactive, a.inactive:active:link:visited  { color: red;}
a.inactive-tos, a.inactive-tos:active:link:visited  { color: purple;}
a.active:hover, a.inactive:hover, a.inactive-tos:hover {background-color:#DDF;}
.link, .link:link:visited:active  { color: blue; text-decoration: none;}
.link:hover { text-decoration: underline; }
a.button, a.button:link:visited:active {color: black; padding:2px; border:2px outset #777; background-color:#CCC; text-decoration: none;}
a.button:hover { border: 2px inset #777; background-color:#BBB;}
a.button-inactive{color: #777; padding:2px; border:2px outset #DDD; background-color:#DDD;}

/*******************
** Floating Links  **
*******************/
a.tooltip span { display: none; }
a.tooltip, a.tooltip:active:visited:link { color:blue; text-decoration: underline;}
a.tooltip:hover { position: relative; color:black; background-color:#CCF; text-decoration: none;}
a.tooltip:hover span {
	display: block;
	position: absolute;
	top:10px; left:0px;
	width: 225px;
	padding: 5px; margin: 10px; z-index: 100;
	padding-left: 25px;
	background-image: url('../images/icons/icon_info.gif');
	background-position: top left;
	background-repeat: no-repeat;
   b ackground-color: #f0f0f0; border: 1px dotted black;
   background-color: #DDD; border: 1px dotted black;
	o pacity: 0.9;
	font-size: 9pt;
	color: black;
	t ext-align: justify;
	text-decoration: none;
	font-style: normal;
	text-indent: 0px;
}

/*******************
** Content Styles **
*******************/
.columntitle {
	font-family:"times new roman", "Nimbus Roman No9 L", serif;
	font-size:24pt;
	font-weight:bold; font-style:italic;
	text-align:center;
	padding-bottom: 0em;
}
.error { color: red; }
.titledesc {
	padding: 0 7px 5px 7px;
	f ont-family:"times new roman", "Nimbus Roman No9 L", serif;
	font-size:11pt;
	f ont-weight:bold; f ont-style:italic;
	text-align:center;
}

.innertube {
    margin:2px 7px 7px 7px;
    b order: 1px inset #69F;
    border: 2px solid #69F;
    padding:4px;
    background-color:#EEF;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.notetube {
    margin:0 7px 0 7px;
    p adding:4px;
    font-size:9pt;
    color: #555;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.noticetube {
    margin:2px 7px 7px 7px;
    b order: 1px inset #69F;
    border: 2px solid green;
    padding:4px;
    background-color:#6F9;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.warningtube {
    margin:2px 7px 7px 7px;
    b order: 1px inset #69F;
    border: 2px solid red;
    padding:4px;
    background-color:#FAA;
    color: black;
    text-align:center;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#reverse-page-wrapper { 
	background: url('../images/icons/leftcolumn-background.PNG') repeat-y left;
	b ackground: #FFF url('../images/icons/leftcolumn-background.PNG') repeat-y left;
	overflow: auto;
}

/******************
**  List Styles  **
******************/
/*ul {margin-top:0px;}*/
ul {margin-left:1em;padding:0;}
ul.axed { list-style-image: url('../images/icon_axed.gif');}
ul.checked { list-style-image: url('../images/icon_checked.gif');}


/******************
** Center Column **
******************/

#centercolumn {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:1000px;
}
#contacttable {
	background-color:#17F;
	border:inset 1px #69F;
	width:625px;
	border-collapse: collapse;
	text-align:left;
	padding-left:5px;
}
.label {text-align:right; vertical-align:top;}

#servicestable {
	background-color:#17F;
	border:inset 1px #69F;
	width:95%;
	border-collapse: collapse;
	text-align:left;
	margin-left:7px;
}
#servicestable ul.menu a, #servicestable ul.menu a:link:visited:active {color:white; font-weight:bold; font-family:"times new roman", "Nimbus Roman No9 L", serif; font-size:14pt; text-decoration:none;}
#servicestable ul.menu a:hover {color:yellow; text-decoration:underline;}
#servicestable ul { margin-left:2em; padding-right:2em;}
#servicestable ul.circle { margin-left:3em; padding-right:2em; list-style-type: circle; }
#servicestable ul a, #servicestable ul a:link:visited:active { color:white; text-decoration:underline; }
#servicestable ul a:hover { color:yellow; text-decoration:none; }

p.blockquote { padding:0px 2em .8em 2em; }
p.blockquote a, p.blockquote a:link:visited:active { color:white; text-decoration:underline; }
p.blockquote a:hover { color:yellow; text-decoration:none; }

p.flag {text-align:right; font-size:10pt;}
p.flag a, p.flag a:link:visited:active { color:white; text-decoration:underline;}
p.flag a:hover { color:yellow; text-decoration:none;}

#webmailtable {
	background-color:#17F;
	border:inset 1px #69F;
	width:50%;
	border-collapse: collapse;
	text-align:left;
	padding:5px;
}

#webmailtable th { text-align:center;}
#webmailtable td { vertical-align:top;}


/******************
**  Left Column  **
******************/
.menucolumnwrapper{float:left;}
.leftcolumn, .menucolumn {
	float:left; /*clear:both;*/
	width:250px;
	margin-left:-100%;
	background-color:#DDF;
	padding: 3px;
	font-size: 10pt;
	b order: 1px solid red;

	/*
    background-color:#17F; border:inset 1px #69F;
	font-size:10pt; font-family:arial, "Nimbus Sans L", sans-serif; font-weight:normal;
    */
}
.leftcolumn a, .leftcolumn a:link:visited:active { color:white; }
.leftcolumn a, .leftcolumn a:link:visited:active { color:blue; }
.leftcolumn a:hover { text-decoration:none; }
.leftcolumn h1		{ font-family:arial, "Nimbus Sans L", sans-serif; font-size: 10pt; margin-top:0; margin-bottom:.5em; font-weight:normal; }
.leftcolumn h1:first-letter		{ font-family:"times new roman", "Nimbus Roman No9 L", serif; font-size:16pt;font-weight:bold;}

p { margin-top:.5em; margin-bottom:.5em; }
p.header:first-letter{ font-family:"times new roman", "Nimbus Roman No9 L", serif; font-size:16pt;font-weight:bold;/*font-style:italic;*/}
p.quote	{ font-family:"times new roman", "Nimbus Roman No9 L", serif; font-size:16pt;font-weight:bold;font-style:italic;text-align:center;color:#25F; #FF0;}

ol li 	{ margin-left:1.5em;}
ul, ol	{ margin: 0 0 .5em 0;  }
ul li 	{ margin-left:1em;}

/******************
** Right Column  **
******************/
.rightcolumnwrapper, .contentcolumnwrapper{ float:left; width:100%; }
.rightcolumn, .contentcolumn {
	margin-left:250px;
	padding-left:7px;
	padding-top:1px;
	text-align:left;
}
.foreground {text-align:center;}
#categoryselect {float: left; }
#businessselect {float: left;}

.category { m argin-left:.15em; color:black; #25F; font-weight:bold; font-style:italic;font-family:"times new roman", "Nimbus Roman No9 L", serif;font-size:14pt;}
.listing, .listing:active:visited:link {
    display: block;
    font-family:arial, "Nimbus Sans L", sans-serif;
    font-weight:normal;
    font-size:11pt;
    color: blue; #25F;
    padding-left:1em;
    text-indent:-.5em;
    text-decoration: none;
    padding-right:.5em;
}
.listing:hover {text-decoration: none; background-color:#CCF; color: black;}
/*.catlink-text {font-size: 10pt; text-indent:1.5em; font-style: italic; }*/
.catlink-text {font-size: 10pt; padding-left:2em; text-indent: -.5em; font-style: italic; margin-top:0; margin-bottom:.3em; color:#333; }
.catlink, .catlink:active:visited:link { color:blue; text-decoration: underline;}
.catlink:hover{text-decoration: none; background-color:#CCF; color: black;}

.topofpage { font-size:8pt; font-family:arial, sans-serif; text-align:right;}

/******************
**    Footer     **
******************/

.footer {
	clear:both;
	margin: 5px 0px 0px 0px; p adding:0 7px 0 7px;
	b ackground-color:#17F; b order:inset 1px #69F;
	font-size:10pt; font-family:arial, "Nimbus Sans L", sans-serif; font-weight:normal;
}
.footer p {	text-align:center }
.footer a, #footer a:link:visited:active {
	color:blue;
	text-decoration:none;
}
.footer a:hover { text-decoration:underline; }
.footer-text {font-size: smaller;}


/*****************
**    Forms     **
*****************/
.form { margin: 0px; }
form { margin: 0px; }

/***************
**   Tables   **
***************/
.content {
	clear: both;
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.contentleftcolumn {
	width: 250px;
	background-color: #DDF;
	font-size: 10pt;
	vertical-align: top;
	padding: 3px;
}
.contentrightcolumn { vertical-align: top;}
.money {text-align: right;}
.tierlevels { font-size:10pt; border-collapse: collapse; width: 100%}
/*.tierlevels th {vertical-align: top;}*/
.tierlevels td.services {vertical-align: bottom;}
.tierlevels td, .tierlevels th {text-align: center; border:1px solid black; padding:3px;}
.tierlevels td.desc {text-align: left; height:30px; }
.tierlevels th.leveltitle {border: 0px; border-bottom: 2px ridge #BBB;}
.tierlevels td.servicetitle {border: 0px;}
col.Gold{background-color:gold; font-weight: bold;}
col.Platinum{background-color:#CCE; font-weight: bold;}
.strikethrough{ text-decoration:line-through; color: red; font-weight:normal;}



/******************
** TEXT STYLES **
******************/
.bizname { font-size:large; font-weight:bold;}
.tostitle {
	font-size:12pt;
	font-weight: bold;
}
.database_display {
	font-size: 8pt;
	border-collapse: collapse;
}
.services {font-size: 10pt; padding-left:2em; text-indent: -.7em; font-style: italic; margin-top:0; margin-bottom:.3em;color:#333;}
.business-services {font-size: 10pt; padding-left:1em; text-indent: -1em; font-style: italic; margin-top:0; margin-bottom:1em;color:#333;}
.business-description {font-size: medium;}/* padding-left:1em; text-indent: -1em; font-style: italic; margin-top:0; margin-bottom:1em;color:#333;}*/