/****************
** 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:10pt;
	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:900px;765px;margin:0;text-align:left;}
#header{width:100%;margin:0;padding:0;}

#logo{
    float:left;
    margin-left:6px;margin-top:15px;
}
.slogan {
	margin-top:0px;
	color:#25f;
	font-family:'times new roman',"Nimbus Roman No9 L",serif;
	font-size:14pt;
	font-weight:bold;
}
.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;}
#angelheart a,#angelheart a:link:visited:active {}

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

/****************
** Access Menu **
****************/
#access-menu a{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
#access-menu a:focus{
	position:static;
	width:auto;
	height:auto;
} 

/****************
** Liquid Menu **
****************/
.navbar, .loginnavbar, .sandboxnavbar{ clear: both; width:100%; margin:0; padding:0;font-size:11pt; }
.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/button-off-slice.PNG') top left repeat-x; 
	border:outset 1px #58F; 
	text-decoration:none; 
	text-align: center;
	font-size:11pt; 
	color:white;
}
.navbar a:hover, .navbar a.lmon { 
	font-size:11pt; 
	background: url('../images/icons/button-on-slice.PNG') top left repeat-x;
	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;
	padding-left: 1em;
	text-indent: -1em;
}
.catnavbar a:hover{
	background-color:#FFF;
	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,{
	background-color:#7F7; yellow;
	border:inset 1px #58F;
	t ext-decoration: underline;
	color: blue;
}
*/
.wizardnavbar a.von {
	background-color:#25F;	b order:inset 1px #58F;
	background-color:green;	b order:inset 1px #58F;
}
.wizardnavbar a.vinactive {color: #DDD; background-color:#999;}


/******************
** FORM STYLES **
******************/
.form { padding-left: 10px; }
.form .data {display:inline-block; margin:13px 0 0;}
.form label{display:block; float: left; clear: both; width: 135px; padding: 0; margin: 13px 0 0; }
.form .form-note {display:block; margin: 0 135px 5px; text-align: left; }
.form .form-alarm { display:block; margin-bottom: -5px; color: red; text-align: left; }
.form .form-title{ d isplay:block; margin:6px 0 0; f loat:left;}

.form input, .form textarea { width:300px; margin:10px 2px 0 3px;}
.form input[type=submit], .form input[type=reset]{ margin-top: 10px;	width: auto; }
.form textarea { height:5em; }
.form a, .form a:active:link:visited { text-decoration:none; color:red;}
.form select{ margin-top: 10px; width: auto; }

/******************
** LINK STYLES **
******************/
a.active, a.inactive, a.inactive-tos{
    display: block;
    text-decoration:none;
}
a.active, a.active:link:visited  { color: blue; }
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 img{ text-decoration:none;}
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;
   background-color: #DDD; border: 1px dotted black;
	font-size: 9pt;
	color: black;
	text-decoration: none;
	font-style: normal;
	text-indent: 0px;
	font-weight: normal;
	text-align: left;
}

/*******************
** 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;
	font-size:11pt;
	text-align:center;
}

.innertube {
    margin:2px 7px 7px 7px;
    border: 2px solid #69F;
    padding:4px;
    background-color:#EEF;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.notetube {
    margin:0 7px 0 7px;
    font-size:9pt;
    color: #555;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.noticetube {
    margin:2px 7px 7px 7px;
    border: 2px solid green;
    padding:4px;
    background-color:#6F9;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.warningtube {
    margin:2px 7px 7px 7px;
    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;
	overflow: auto;
}

/******************
**  List Styles  **
******************/
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;
	width:250px;
	margin-left:-100%;
	background-color:#DDF;
	padding: 3px;
	font-size: 10pt;
}
.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; 
	margin-bottom:0em; ;
	display: inline;
	color:black; #25F; 
	font-weight:bold; 
	font-style:italic;
	font-family:"times new roman", "Nimbus Roman No9 L", serif;
	font-size:14pt;
}
.catlink-text {font-size: 8pt; 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;
	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 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;}

/******************
** DIRECTORY LISTINGS **
******************/
.business-listing{
	clear:both;
	w idth:100%;
	overflow:hidden;
	b ackground-color:white;
	border:solid 1px #EEF;
	padding:4px 2px 5px 2px;
	margin-bottom:10px;
}
.business-listing:hover{background-color:white; border:solid 1px #BBF;}
.inline-ad{
	margin:2em auto 2em auto;
	text-align:center;
	font-size:11pt;
	f ont-style:italic;
	f ont-weight:bold;
	color:black;
	m ax-width:400px;
	width:75%;
	b order:solid 1px red;
}
.listing, .listing:active:visited:link {
    display: block;
    font-family:arial, "Nimbus Sans L", sans-serif;
    font-weight:normal;
    font-size:10pt;
    color: blue; #25F;
    padding-left:1em;
    text-indent:-1em;
    text-decoration: none;
    padding-right:.5em;
}
.listing:hover {text-decoration: none; background-color:#CCF; color: black;}
.listing-descrip{
	float:left;
	width:100%;
	margin-right:-142px;
	text-align:left;
}
.listing-descrip div{ 
	margin-right:160px;
	b order:1px solid yellow;
}
.business-listing ul{
	margin:3px 0 0 0;
	float:right;
	width:140px;
	text-align:left;
	b order:1px solid red;
}
ul.listing-links li{margin-left:20px; padding: 0px;b order:solid 1px purple;}
li.map{ list-style-image:url('../images/icons/icon_map.gif');}
li.internet{ list-style-image:url('../images/icons/icon_internet.gif');}
li.phone{ list-style-image:url('../images/icons/icon_phone.gif');}
li.fax{ list-style-image:url('../images/icons/icon_fax.gif');}
li.cell{ list-style-image:url('../images/icons/icon_cell.gif');}
li.email{ list-style-image:url('../images/icons/icon_email.gif');}
li.contact{ list-style-image:url('../images/icons/icon_pencil.gif');}
li.coupon{ list-style-image:url('../images/icons/icon_dollar.gif');}
ul.listing-links a{color:black; text-decoration:none;}
ul.listing-links a:hover{color:black; text-decoration:underline;background-color:inherit;}
ul.listing-links a.email{color:black; text-decoration:none;}
ul.listing-links a.email:hover{color:black;text-decoration:underline;background-color:inherit;}

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