body
{
	background-color:#86c9ef;
	background-image:url('/images/web4ni-bg.jpg');
}

h1, h2, h3, h3, h3, h6, ol, ul, li, p, span, a, img, form, button{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

h3
{
	color:#3f3f3f;
	font-size:12pt;
	font-family: arial,sans-serif;
	padding-left:3px;
}

h3.bigPurp{
	font-size: 180%;
	color: #ca63ff;
	padding-left: 90px;
}

h3.video
{
	padding-bottom: 4px;
}

h3.login
{
	color: #FFFFFF;
}

h3.description
{
	text-align: center;
	color:#57666b;
	font-size: 11pt;
}

h2
{
	color:#FFF;
	display: inline;
	font-size:12pt;
	font-family: arial,sans-serif;
}

h4
{
	display: inline;
}

A:link 
{
	text-decoration: none;
	color: #FFFFFF;
}

A:visited 
{
	color: #FFFFFF;
	text-decoration: none;
}

A:active
 {
	text-decoration: none
}

A:hover 
{
	text-decoration: none; 
	color: #0488ba;
}

a.learnMore{
	font-size: 120%;
	color: #a500e2;
}

a.learnMore:hover{
	color: #0488ba;
}

a.rssItem
{
	color:#777;
	font-size:9pt;
	text-decoration: underline;
	font-family:arial,sans-serif;
}

a.rssItem:hover 
{
	text-decoration: none; 
	color: #0488ba;
}

p
{
	padding: 4px;
}

p.fun
{
	padding-top: 7px;
	padding-left: 4px;
	padding-bottom: 8px;
	color:#57666b;
	font-size: 11pt;
	font-family:arial,sans-serif;
	font-weight: bold;
}

p.vid
{
	padding: 0px;
}

p.rssItem
{
	padding: 1px;
	padding-left: 3px;
	color:#777;
	font-size:9pt;
	font-family:arial,sans-serif;
}

div.footer 
{
	position: fixed; 
	z-index:1;
	left: 0; 
	bottom:0px; 
	width: 100%; 
	height: 114px;
	text-align:center;
}

div#nav
{
	position: relative;
	top: 30%;
	color:#FFF;
	font-size:12pt;
	font-family: arial,sans-serif;
	font-weight: bold;
}

div#browse
{
	padding: 4px;
	font-size:10pt;
	font-family: arial,sans-serif;
	color: #939393;
}

div#conLogin
{
	padding: 4px;
	font-size:10pt;
	font-family: arial,sans-serif;
	color: #939393;
}

div#conFun
{
	padding: 4px;
	font-size:10pt;
	font-family: arial,sans-serif;
	color: #939393;
	height:234px;
	background: #f4f4ee;
}

div#vidb
{
	background: #86c9ef;
	text-align:left;
	padding:0px;
	padding-top: 3px;
}

div#cloudD
{
	background: #86c9ef;
	text-align:left;
	padding:0px;
	padding-top: 3px;
	text-align: center;
	overflow: hidden;
	height: 133px;
	z-index:1;
}


div#rssNews
{
	position: absolute;
	top:315px;
	left:20px;
	width:200px;
	margin:0;
	margin-right: 20px;
	margin-top: 20px;
}

div#rssWeather
{
	position: absolute;
	top:315px;
	left:220px;
	width:200px;
	margin:0;
	margin-right: 20px;
	margin-top: 20px;
}

div#rssJobs
{
	position: absolute;
	top:315px;
	left:420px;
	width:200px;
	margin:0;
	margin-right: 20px;
	margin-top: 20px;
}

div#news
{
	padding-top: 20px;
	width: 600px;
}

img.fun
{
	float: left;
	padding-right: 2px;
}

img.divide
{
	float: right;
}

img.map
{
	padding-left: 15px;
}

div.description
{
	padding-top: 2px;
	padding-left: 4px;
	background: #f4f4ee;
}

div#logo
{
	background: url(/images/web4ni-logo.jpg) no-repeat;
	background-position: 0px;
	height: 56px;
	display: block;
	width: 920px;
	margin:0 auto;
	margin-top: 20px;
	text-align: right;
}

#logo h1
{
	display: none;
}

div#fiContent
{ 
	position: relative;
	width: 950px;
	margin:0 auto;
	background: #FFFFFF;
}
 
div#search
{
	position: absolute;
	top:0;
	right:0;
	width:290px;
	margin:0;
	background: #f4f4ee;
	margin-right: 20px;
	margin-top: 20px;
}

div#login
{
	position: absolute;
	top:572px;
	right:0;
	width:290px;
	margin:0;
	background: #f4f4ee;
	margin-right: 20px;
	margin-top: 20px;
}

div#video
{
	top: 375px;
	position: absolute;
	right:0;
	width:290px;
	margin:0;
	background: #FFFFFF;
	margin-right: 20px;
	margin-top: 20px;
	color:#777;
	font-size:10pt;
	font-family:arial,sans-serif;
}

div#cloud
{
	top: 209px;
	position: absolute;
	right:0;
	width:290px;
	margin:0;
	background: #FFFFFF;
	margin-right: 20px;
	margin-top: 20px;
	color:#777;
	font-size:10pt;
	font-family:arial,sans-serif;
}

div#fundamentals
{
	position: absolute;
	top:485px;
	left:20px;
	width:600px;
	margin:0;
	background: #f4f4ee;
	margin-right: 20px;
	margin-top: 20px;
}

div#divide
{
	position: absolute;
	width: 5px;
}

div.divDiv
{
	left: 192px;
}

div.divDiv2
{
	position: absolute;
	left: 392px;
}

div#expose
{
	position: absolute;
	left: 204px;
	width: 180px;
}

div#establish
{
	position: absolute;
	left: 10px;
	width: 185px;
}

div#explore
{
	position: absolute;
	left: 404px;
	width: 180px;
}

div#space
{
	padding-top: 4px;
	padding-bottom: 4px;
}

div#content
{
	padding:20px;
	height: 790px; 
}

img#hLogo
{
	display: block;
}

div#footer
{	
	position: absolute;
	margin-top: 20px;
	text-align: center;
	color:#777;
	font-size:8pt;
	font-family: arial,sans-serif;
	top: 750px;
	width: 100%;
}

table.fun
{
	padding: 2px;
	font-weight: bold; 
	color: #607176;
	font-size: 9pt;
}

table.soft{
	width:100%;
}
span.footLink{
	color: #FFFFFF;
}

a.footLink
{
	color:#FFFFFF;
	font-size:8pt;
	font-family: arial,sans-serif;
	font-weight: bold;
}

a.footLink:hover
{
	color: #004B6F;
}

span.rtop, span.rbottom
{
	display:block;
	background: #86c9ef
}

span.rtop span, span.rbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #FFFFFF
}

span.r1
{	
	margin: 0 5px
}

span.r2
{
	margin: 0 3px
}

span.r3
{	
	margin: 0 2px
}

span.rtop span.r4, span.rbottom span.r4
{
	margin: 0 1px;
	height: 2px
}

span.stop, span.sbottom
{
	display:block;
	background: #FFFFFF;
}

span.stop span, span.sbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #f4f4ee;
}
 
span.s1
{	
	margin: 0 5px
}

span.s2
{
	margin: 0 3px
}

span.s3
{	
	margin: 0 2px
}

span.stop span.s4, span.sbottom span.s4
{
	margin: 0 1px;
	height: 2px
}

/* Video box */

span.vtop, span.vbottom
{
	display:block;
	background: #FFFFFF;
}

span.vtop span, span.vbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #86c9ef;
}
 
span.v1
{	
	margin: 0 5px
}

span.v2
{
	margin: 0 3px
}

span.v3
{	
	margin: 0 2px
}

span.vtop span.v4, span.vbottom span.v4
{
	margin: 0 1px;
	height: 2px
}

/* Browse Box */

span.bbtop, span.bbbottom
{
	display:block;
	background: #FFFFFF;
}

span.bbtop span, span.bbbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #78dd2e;
}
 
span.bb1
{	
	margin: 0 5px
}

span.bb2
{
	margin: 0 3px
}

span.bb3
{	
	margin: 0 2px
}

span.bbtop span.bb4, span.bbbottom span.v4
{
	margin: 0 1px;
	height: 2px
}

/** /
/* Homepage */

span.htop, span.hbottom
{
	display:block;
	background: #FFFFFF;
}

span.htop span, span.hbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #ca63ff;
}
 
span.h1
{	
	margin: 0 5px
}

span.h2
{
	margin: 0 3px
}

span.h3
{	
	margin: 0 2px
}

span.htop span.h4, span.hbottom span.h4
{
	margin: 0 1px;
	height: 2px
}

/* Review */

span.retop, span.rebottom
{
	display:block;
	background: #FFFFFF;
}

span.retop span, span.rebottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #f2f2f2;
}
 
span.re1
{	
	margin: 0 5px
}

span.re2
{
	margin: 0 3px
}

span.re3
{	
	margin: 0 2px
}

span.retop span.re4, span.rebottom span.re4
{
	margin: 0 1px;
	height: 2px
}


/* login box */

span.ltop, span.lbottom
{
	display:block;
	background: #FFFFFF;
}

span.ltop span, span.lbottom span
{
	display:block;
	height: 1px;
    overflow: hidden; background: #f4f4ee;
}
 
span.l1
{	
	margin: 0 5px
}

span.l2
{
	margin: 0 3px
}

span.l3
{	
	margin: 0 2px
}

span.ltop span.l4, span.lbottom span.l4
{
	margin: 0 1px;
	height: 2px
}


input.search
{
	border: 1px solid #b0b0b0;
	background:url(/images/searchback.gif) repeat-x #FFFFFF;
	padding: 5px;
	width: 95%;
}

textarea.search
{
	border: 1px solid #b0b0b0;
	background:url(/images/searchback.gif) repeat-x #FFFFFF;
	padding: 5px;
	width: 95%;
}

select.review
{
	border: 1px solid #b0b0b0;
	background:url(/images/searchback.gif) repeat-x #FFFFFF;
	padding: 5px;
	width: 97%;
}

input.addList
{
	border: 1px solid #b0b0b0;
	background:url(/images/searchback.gif) repeat-x #FFFFFF;
	padding: 5px;
	width: 60%;
}

select.addList
{
	border: 1px solid #b0b0b0;
	background:url(/images/searchback.gif) repeat-x #FFFFFF;
	padding: 5px;
	width: 66%;
}

div.buttons
{
	padding-left: 4px;
}

.buttons a, .buttons button{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width: 100%;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#57666b;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#57666b;
}
.buttons a.positive:active{
    background-color:#57666b;
    border:1px solid #57666b;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#42474b;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* LISTING CSS */
 
div#contentIndex
{
	padding:20px;
	overflow: hidden;
	/*height: 790px; */
} 

div#footerIndex
{
	margin-top: 20px;
	text-align: center;
	color:#777;
	font-size:8pt;
	font-family: arial,sans-serif;
	width: 100%;
}

div#indexRight
{
	float: right;
	width: 280px;
	right: 0px;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
}

div#listlink
{	
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}	

div.browseBox
{
	width: 280px;
	right: 0px;
	background: #78dd2e;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div.tagRight
{
	width: 280px;
	right: 0px;
	background: #86c9ef;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div.visitHomepageRight
{
	width: 280px;
	right: 0px;
	background: #ca63ff;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div.postReviewMain
{
	width: 590px;
	right: 0px;
	background: #ca63ff;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: left;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.addListingDesc
{
	width: 280px;
	right: 0px;
	background: #FFFFFF;
	color:#777;
	font-size:10pt;
	font-family:arial,sans-serif;
	text-align: left;
}

a.listlink
{
	font-weight: bold;
}

a.listlinkWhite
{
	font-weight: bold;
}

a.listlinkWhite:Hover
{
	font-weight: bold;
	color: #733e8e;
}

div.noResults
{
	width: 610px;
	right: 0px;
	background: #86c9ef;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div.noResults2
{
	width: 600px;
	right: 0px;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div.noResultsListing
{
	width: 600px;
	right: 0px;
	background: #86c9ef;
	color:#777;
	font-size:12pt;
	font-family:arial,sans-serif;
	text-align: center;
}

div#tower
{
	padding-left: 60px;
	padding-top: 20px;
}


p.listing
{
	font-size: 10pt;
}

div.listing
{
	width: 600px;
	font-family: sans-serif;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 6px;
	font-size: 90%;
}

div.listing:hover
{
	background: #EAF3F8;
}

h3.index
{
	color: #91c935;
	font-size:120%;
	text-decoration: none;
	font-family: sans-serif;
	padding-left:3px;
	font-weight: normal;
}

h3.indexb
{
	color: #91c935;
	font-size:150%;
	text-decoration: none;
	font-family: sans-serif;
	padding-left:3px;
	font-weight: normal;
}

a.linktel{
	color: #f67400;
	font-weight: bold;
}

a.index
{
	color:  #a435c9; 
	font-size: 14pt;
}

a.indexTitle{
	color: #9dde3c;
	font-size: 105%;
}

a.index:hover{
	color: #590883;
}

a.index2
{
	color: #474747;
	font-size: 12pt;
	text-decoration: none;	
}

a.index2:hover{
	color: #a435c9;
}

a.index3
{
	color: #6e63ff;
	text-decoration: underline;
}

a.index3:hover
{
	color: #91c935; 
}

h3.index2
{
	color: #3d3f3a;
	font-size:85%;
	text-decoration: none;
	font-family: sans-serif;
	padding-left:3px;
}

h3.title
{
	color: #3f3f3d;
	font-size:100%;
	font-family: sans-serif;
	padding-left:0px;
	
}

h4.index
{
	padding-left: 3px;
	color: #474747;
	font-size:90%;
	font-family: sans-serif;
}

h4.addList
{
	padding-left: 3px;
	color: #474747;
	font-size:110%;
	font-family: sans-serif;
}

h4.review{
	color: #FFFFFF;
	font-size:80%;
	text-decoration: none;
	font-family: sans-serif;
	padding-left: 3px;
	font-weight: normal;
}

span.addList
{
	padding-left: 3px;
	color: #91c935;
	font-size:110%;
	font-family: sans-serif;
}

span.question
{
	padding-left: 0px;
	color: #ca63ff;
	font-size:110%;
	font-family: sans-serif;
}

span.answer
{
	padding-left: 0px;
	color: #6a6a6a;
	font-size:80%;
	font-family: sans-serif;
}

span.detail
{
	padding-left: 0px;
	color: #ca63ff;
	font-size:100%;
	font-family: sans-serif;
}

span.detail2
{
	padding-left: 0px;
	color: #000000;
	font-size: 90%;
	font-family: sans-serif;
	font-weight: normal;
}

span.detail3
{
	padding-left: 0px;
	color: #000000;
	font-size: 80%;
	font-family: sans-serif;
	font-weight: normal;
}

img.right{
	float: right;
	padding-left: 4px;
}

h4.index2
{
	padding-left: 3px;
	color: #474747;
	font-size:75%;
	font-family: sans-serif;
}

h3.search
{
	color: #474747;
	font-size:80%;
	font-weight: normal;
	font-family: sans-serif;
}

h3.keyterm
{
	padding-left: 3px;
	color: #474747;
	font-size:110%;
	font-family: sans-serif;
	font-weight: normal;
}

h3.results
{
	padding-left: 3px;
	color: #C0C0C0;
	font-size:110%;
	font-family: sans-serif;
	font-weight: normal;
}

td.listImg
{
	padding-top: 5px;
	vertical-align: middle;
}

a.listing
{	
	color: #0488BA;
}

a.listing:hover
{
	color: #08577d;
}

td.telephone
{
	color: #f06905;
	font-size:90%;
	font-family: sans-serif;
	padding-left:3px;
}

td.telephone2
{
	color: #f06905;
	font-size:90%;
	font-family: sans-serif;
	padding-left:3px;
}

hr.listing
{
	width: 600px;
	color: #FFF;
	background-color: #FFF;
	border:1px dotted #C0C0C0; 
	border-style: none none dotted;
	padding: 0px;
}

hr.payment{
	color: #FFF;
	background-color: #FFF;
	border:1px dotted #C0C0C0; 
	border-style: none none dotted;
	padding: 0px;
}

table#indexSearch
{
	width: 100%;
	padding-bottom: 20px;
}

div#cloudindex
{
	padding: 4px;
	text-align: center;
}


div#infoBox
{
	padding: 4px;
	text-align: center;
	color: #FFFFFF;
	font-size: 80%;
}

div#midInfo
{
	text-align: center;
}

h3.ads
{
	color: #C935bd;
}

p.ad
{
	padding-top: 0px;
	padding-bottom: 20px;
}

div.listingAd
{
	width: 600px;
}

div.paymentMethods{
	padding-left: 2px;
	padding-top:2px;
}

img.arr
{
	padding-left: 50px;
}

img.payment 
{
	padding: 0px;
}

p.largeIntro
{
	font-family: "arial";
	font-size: 180%;
	padding-left: 54px;
	color: #5b5b5b;
}

div.adBottom
{
	text-align: center;
	padding-top: 20px
}

div#rssNewsI
{
	margin-top: 20px;
	float: left;
	width:200px;
}

div#rssWeatherI
{
	margin-top: 20px;
	padding: 0px 200px 0px 208px;
	width: 200px;
}
	
div#rssJobsI
{
	margin-top: 20px;
	float: right;
	width:190px;
	padding-right: 20px;
}

div#hide
{
	overflow: hidden;
}

td.searchButton
{
	width: 280px;
}

span.tag
{
	background: #ca63ff;
	color: #FFFFFF;
	font-size: 75%;
	padding: 2px;
}

table.tags
{
	padding: 0px;
}

img.bubble
{
	float: left;
	padding-right: 8px;
}

p.info
{
	padding-left: 3px;
	color: #474747;
	font-size:80%;
	font-family: sans-serif;
	font-weight: normal;
}

span.map{
	color: #ca63FF;
	font-size:130%;
	font-family: sans-serif;
	font-weight: normal;
}

span.map2{
	color: #ca63FF;
	font-size:150%;
	font-family: sans-serif;
	font-weight: normal;
}

div.listingInfo{
	width: 600px;
}

td.info{
	padding: 6px;
	vertical-align: top;
	padding-left: 0px;
}

td.info2{
	text-align:right;
	width: 33%;
	padding: 6px;
	vertical-align: top;
	padding-left: 0px;
}

td.infoDigg{
	text-align:right;
}

span.detail
{
	padding-left: 0px;
	color: #435965;
	font-size:90%;
	font-weight:bold;	
}

div.review{
	width: 592px;
	padding: 4px;
	background-color: #F2F2F2;
	color: #4b4b4b;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 9pt;
}

a.review
{
	color: #4b4b4b;
	font-size:85%;
	font-family: sans-serif;
	padding-left:0px;
	font-weight: bold;	
}

span.timestamp
{
	color: #a2a2a2;
	font-size: 90%;
	font-weight: normal;
}

div#searchIndex
{
	font-size: 90%;
	color: #6f7071;
	background: #f2f2f2;
	font-weight: bold;
	text-align: center;
}

div.listingButton
{
	width: 98%;
}

#jsddm{
	text-align: left;
	padding-left: 6px;
}
	
#jsddm li {
	list-style: none;
}

#jsddm li a	{
	display: block;
	padding: 2px 2px;
	text-decoration: none;
	white-space: nowrap;
	color:#FFFFFF;
	font-size:110%;
	font-family:arial,sans-serif;
	text-align: left;
}

#jsddm li a:hover{
	color: #557b23;
}
		
#jsddm li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-bottom: 2px solid #ff9c00;
	border-right: 2px solid #ff9c00;
	font-size: 80%;
	color: #000000;
}
		
#jsddm li ul li	{
	float: none;
	display: inline;	
}
		
#jsddm li ul li a{
	width: auto;
	background: #e5f5d5;
	color: #000000;
}
		
#jsddm li ul li a:hover{
	background: #ddecf5;
}

div.browseMenu{
}

td.searchTab{
	vertical-align:top;
}