/*
Theme Name: Eighty20 Blog
Author:    	Signpost
Author URI: http://www.signpost.co.za

*/


/* page setup */

.icon-small {
        border: 0;
        padding: 0 10px 0 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #333;
        background: #ccc;
	}

a:link, a:visited {
	color: #03f;
	}

a:hover {
	color: #03c;
	cursor: pointer;
	}

#wrap {
	width: 776px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
	background: #fff;
	}

#mainbody {
	border-top: 5px solid #CAD3DE;
	float: left;
	width: 100%;
	background: url(images/navbg.jpg) no-repeat top left;
	}

#homecontent {
	float: left;
	width: 502px;
	margin: 12px 0 0 0;
	background: #fff;
	}


#homecontent2 {
	float: left;
	width: 542px;
	margin: 12px 0 0 0;
	background: #fff;
	}



#content {
	float: left;
	width: 776px;
	margin: 12px 0 0 0;
	background: #fff url(images/foolproofbg.gif) no-repeat bottom left;
	}

#contentauto {
	float: left;
	width: 776px;
	margin: 12px 0 0 0;
	background: #fff;
	}

#sidebar {
	float: right;
	position: relative;
	width: 274px;
	background: #DFDFDF;
	}

#sidebar2 {
	float: right;
	position: relative;
	width: 234px;
	background: #DFDFDF;
	}



#footer {
	clear: both;
	margin: 0;
	background: #5B7DAA url(images/footerbg.gif) no-repeat top left;
	height: 63px;
	text-align: right;
	}

/* header */

#header {
	float: left;
	width: 100%;
	background: #fff;
	}
#header h1 {
	float: left;
	margin: 0;
	padding: 20px;
	}

/* navigation */

#nav {
padding: 0;     
margin: 0 0 0 0px;     
height: 60px;
} 

#nav ul {
padding: 0;
margin: 0;
z-index: 800;
list-style: none;
}

#nav a {     
display: block;     
color: #CAD3DE;
padding: 0px;
text-decoration: none;
} 

#nav a:hover {
color: #fff;
}

#nav a.active {
color: #fff;
background: #54749F url(images/navleft.jpg) no-repeat top left;
}

#nav li {     
float: left;     
padding: 12px 20px 36px 22px;
background: url(images/navleft.jpg) no-repeat top left;
}

#nav ul li.noroll:hover, #nav ul li.sfhover.noroll {
	background: url(images/navleft.jpg) no-repeat top left;
        }

#nav li.active {
color: #fff;
background: #54749F url(images/navleft.jpg) no-repeat top left;
}


#nav li.active a {
color: #fff;
/*font-weight: bold;*/
}

#nav li:hover, #nav li.sfhover  {
background: #54749F url(images/navleft.jpg) no-repeat top left;
}


#nav li ul {     
margin: 10px 0 0 0;
position: absolute;     
left: -999em; 
/*width: 130px;*/
background: #54749F;
} 

#nav li ul li {
float: none;
padding: 7px 12px;
/*width: 130px;*/
background: #54749F url(images/navbg.jpg) repeat top left;
border-top: 1px solid #7B98BB;
border-bottom: 1px solid #486385;
}

#nav li:hover ul, #nav li.sfhover ul {     
left: auto; 
}


#nav li ul li:hover,  #nav li.sfhover ul li.sfhover {
background: #54749F;
}

#nav li:hover, #nav li.hover {
	position: static;
}

/* content */

#factbox {
	margin: 0px;
	height: 260px;
	background-image:url(images/factbg.jpg);
	}

#fact {
	margin: 0;
	padding: 25px 0 0 30px;
	width: 250px;
	font-size: 90%;
	line-height: 1.4em;
	}

#innerhomecontent {
	margin: 0;
	padding: 25px 30px 25px 30px;
	font-size: 100%;
	line-height: 1.4em;
	}

/* inner content */

#innercontent {
	margin: 0;
	padding: 25px 30px 25px 30px;
	font-size: 100%;
	line-height: 1.4em;
	}

#innercontent h1 {
	margin: 30px 0 0 0;
	padding-bottom: 3px;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
}

#innercontent h2 {
	margin: 20px 0 5px 0;
	padding: 8px 8px 4px 8px;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	background: #ccc;
	letter-spacing: 2px;
}

#innercontent h3 {
	margin: 10px 0 5px 0;
	padding-bottom: 3px;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform:uppercase;
	color: #666;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
}

#innercontent h4 {
	margin: 10px 0 0 0;
	padding-bottom: 3px;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	line-height: 1.1;
}

#innercontent td {
	font-size: 90%;
}

#innercontent span.sub {
	font-size: 85%;
	}

.database {
	margin: 20px 0 0 0;
	background: #ccc;
	padding: 20px 20px 10px 20px;
	}

.databasefree {
	margin: 20px 0 0 0;
	background: #ccc url(images/free3.gif) no-repeat right 30px;
	padding: 20px 20px 10px 20px;
	}

.database h4, .databasefree h4 {
	margin: 0 0 0 0;
	padding-bottom: 1px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform:uppercase;
	color: #000;
	border-bottom: 1px solid #999;
	letter-spacing: 1.5px;
	}

.database p, .databasefree p {
	color: #333;
	font-size:90%;
	}

.database p span.price, .databasefree p span.price {
	color: #9A0303;
	font-weight: bold;
	}

.database p.cost, .databasefree p.cost {
	text-align:right;
	line-height: 1.3;
	height: 30px;
	}

.database p span.divider, .databasefree p span.divider {
	color: #578FC6;
	margin: 0 4px;
	}

.database ul, .databasefree ul {
	margin: 7px 0 0 0;
	padding-bottom: 3px;
	color: #333;
	}

.databasebullets {
	margin: 20px 10px;
	padding: 0;
	}

.databasebullets ul {
	font-size: 12px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	}

.databasebullets ul li {
	margin: 0 0 4px 0;
	padding: 3px 0 0 32px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/tick2.gif) no-repeat 0 4px;
	}


ul.databases {
        float: left;
        margin: 10px 0 0 0;
        padding: 0;
        list-style: none;
        }

ul.databases li {
	float: left;
	margin-right: 1px;
        }

ul.databases li a {
        font-size: 90%;
        background: #578FC6;
	padding: 8px 10px;
        margin: 0;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        }

ul.databases li a:hover {
        color: #fff;
        background: #9A0303;
        }

ul.databasetable {
        float: left;
	margin: 10px 0 10px 0;
	padding: 0;
        }

ul.databasetable li {
	float: left;
	margin: 0;
	padding: 0px 0px;
	list-style: none;
        }

ul.databasetable li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 7px 14px;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
        background: #578FC6;
        }

ul.databasetable li a:hover {
        color: #fff;
        background: #9A0303;
        }

.greyy {
	color: #A9A9A9;
}

.new {
	color: #fff;
	background: #9A0303;
	padding: 2px 5px;
/*
	color: #9A0303;
	font-size: 80%;
	vertical-align:top;
	font-weight: bold;
	padding: 2px;
	background-color: #ffc0c0;
	border-top: 1px solid #df6e6e;
	border-bottom: 1px solid #df6e6e;
	border-left: 1px solid #df6e6e;
	border-right: 1px solid #df6e6e;
*/
	}


.premium {
	color: #fff;
	background: #9A0303;
	padding: 0px 2px;
	font-size: 75%;

/*
	color: #9A0303;
	vertical-align:top;
	font-weight: bold;
	padding: 2px;
	background-color: #ffc0c0;
	border-top: 1px solid #df6e6e;
	border-bottom: 1px solid #df6e6e;
	border-left: 1px solid #df6e6e;
	border-right: 1px solid #df6e6e;
*/
	}

.new a{
	color: #fff;
	}


#factaday {
	margin: 20px 0 0 0;
	background: #3875B0;
	padding: 20px 30px 30px 30px;
	}

#factaday h4 {
	margin: 15px 0 0 0;
	padding-bottom: 1px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform:uppercase;
	color: #CDDFEF;
	border-bottom: 1px solid #578FC6;
	letter-spacing: 1.5px;
	}

#factaday p {
	margin: 7px 0 0 0;
	padding-bottom: 3px;
	color: #fff;
	}

#htmlcode {
	margin: 20px 0 0 0;
	background: #3875B0;
	padding: 20px 30px 30px 30px;
	}


#htmlcode p {
	margin: 7px 0 0 0;
	padding-bottom: 3px;
	font-family: "Courier New", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 90%;
	}



.letters {
	padding: 4px 0 3px 0;
	}

.icon {
	margin-left: 6px;
	}

.help {
	font-size:10px;
	margin-bottom: 10px;
	}

.help1 {
	font-size:10px;
	margin-bottom: 10px;
	color: #666;
	}

#bullets {
	margin: 20px 10px;
	padding: 0;
	}

#bullets ul {
	font-size: 12px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	}

#bullets ul li {
	margin: 0 0 4px 0;
	padding: 3px 0 0 32px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/tick.gif) no-repeat 0 4px;
	}

/* Quick Access */

#access {
	margin: 0;
	padding: 30px 30px 20px 30px;
	background: #DFDFDF;
	}

#access h3 {
	margin: 0;
	padding-bottom: 3px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	border-bottom: 1px solid #ccc;
	letter-spacing: 1.5px;
	}

#access p {
	line-height:1.4em;
	}

#access span.sub {
	font-size: 85%;
	}


/* Have Fun */

#havefun {
	border-top: 1px solid #fff;
	margin: 0;
	padding: 30px 30px 20px 30px;
	background: #DFDFDF;
	}

#havefun h3 {
	margin: 0;
	padding-bottom: 3px;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
	}

#havefun p {
	line-height:1.4em;
	}

#havefun span.sub {
	font-size: 85%;
	}

/* Lists */

#accesslistdb {
	background: #DFDFDF;
	padding: 20px 30px 30px 30px;
	}

#accesslistdb ul {
	font-size: 12px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	}

#accesslistdb ul li {
	margin: 0 0 4px 0;
	padding: 3px 0 0 25px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/icondoc.gif) no-repeat 0 1px;
	}

#accesslist, #advantages, #mail {
	background: #DFDFDF;
	margin: 10px 0;
	padding: 0;
	}

#accesslist ul, #advantages ul, #mail ul {
	font-size: 12px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	}

#accesslist ul li, #advantages ul li, #mail ul li{
	margin: 0 0 4px 0;
	padding: 3px 0 0 25px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(/databases/images/icondoc.gif) no-repeat 0 1px;
	}

#advantages ul li {
	background: url(/databases/images/ticks.gif) no-repeat 0 3px;
}
		
#mail ul li {
	background: url(/databases/images/mail.gif) no-repeat 0 3px;
}

		

#featurelist {
	margin: 0;
	padding: 0;
	}

#featurelist ul {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#featurelist ul li {
	margin: 10px 0 0px 0;
	padding: 3px 0 0 25px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/tick2.gif) no-repeat 0 4px;
	}


#reportslist {
	margin: 0;
	padding: 0;
	}

#reportslist ul {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#reportslist ul li {
	margin: 10px 0 0px 0;
	padding: 3px 0 0 25px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/icondocs.gif) no-repeat 0 0;
	}

#reportslist ul li a {
	color: #03c;
	}


#reportslist ul li ul {
	font-size: 12px;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	}

#reportslist ul li ul li {
	margin: 4px 0 0px 0;
	padding: 3px 0 0 20px;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: normal;
	background: url(images/icondoc.gif) no-repeat 0 3px;
	}

#reportslist ul li ul li a {
	color: #075BF6;
	}


/* Search */

#find {
	margin: 15px 0 10px 0;
	padding: 0;
}

#find input {
	vertical-align: middle;
	}

#find input#searchtext {
	width: 140px;
	margin-right: 2px;
	padding-left: 4px;
	font-size: 100%;
	color: #333;
	}

/* Subscribe */

#subscribe {
	margin: 15px 0 10px 0;
	padding: 0;
}

#subscribe input {
	vertical-align: middle;
	margin: 3px 0 3px 0;
	}

#subscribe input#searchtext {
	width: 190px;
	margin-right: 2px;
	padding-left: 4px;
	font-size: 100%;
	color: #333;
	}

#subscribe textarea {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	width: 190px;
	margin: 3px 0 3px 0;
	padding-left: 4px;
	font-size: 100%;
	color: #333;
	}

/* Results */

#resultsform {
	width: 250px;
	margin: 0;
	padding: 30px 30px 20px 30px;
	background: #DFDFDF;
	}


#results {
	margin: 15px 0 10px 0;
	padding: 0;
}

#results input {
	vertical-align: middle;
	margin: 3px 0 3px 0;
	}

#results input#searchtext {
	width: 190px;
	margin-right: 2px;
	padding-left: 4px;
	font-size: 100%;
	color: #333;
	}

.message {
	color: #fff;
	background: #9A0303;
	padding: 8px 10px;
}

.message2 {
	color: #fff;
	background: #5B7DAA;
	padding: 8px 10px;
}

.message2 a {
	color: #DFDFDF;
	text-decoration: underline;
	background: #5B7DAA;
}

.detail {
	font-size: 85%;
	}

.textbutton {
	margin-top: 3px;
	}

/* fool proof */

#fpchoose {
	margin: 0;
	}

#fpchoose ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#fpchoose ul li {
	margin:  0;
	padding: 0 0 0 16px;
	float: left;
	width: 160px;
	text-align: center;
	background: url(images/choosebg.gif) no-repeat left top;
	}

#fpchoose ul li.first {
	background: none;
	}

#fpchoose ul li p {
	font-size: 90%;
	line-height: 1.3;
	text-align: left;
	margin:  10px 0px 0px 0px;
	padding: 0;
	border: 0;

 	}

#fpchoose ul li p.description {
	font-size: 90%;
	line-height: 1.3;
	text-align: left;
	width: 130px;
	margin: 8px 0 0 0;
	padding: 0;
	border: 0;
	}

#fpchoose ul li p.choose {
 color: #9A0303;
	}

#fpchoose ul li p.result {
	color: #fff;
	background: #9A0303;
	padding: 8px 10px;
	width: 130px;
	}
#explanation {
	margin-top: 240px;
	clear:both;
	background: #DEDEDE;
	padding: 0px 10px 0px 10px;
	width: 50%;
	}
#explanation p {
	font-size: 90%;
	padding: 15px 20px;
	}


/* population clocks */

#popclocks {
	margin: 0;
	padding: 0;
	}

#popclocks ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	}

#popclocks ul li {
	margin:  0 0 0 0px;
	padding: 0 4px 30px 10px;
	float: left;
	width: 150px;
	text-align: center;
	list-style: none;
	}

#popclocks ul li.first {
	background: none;
	padding: 0 4px 0 0;
	width: 150px;
	}

#popclocks ul li p {
	font-size: 90%;
	line-height: 1.3;
	text-align: left;
	margin:  10px 0px 0px 0px;
	padding: 0;
	border: 0;
 	}

#popclocks ul li p.clock {
	color: #333;
	background: #DFDFDF;
	padding: 8px 10px;
	width: 140px;
	margin-top: 1px;
	}

#popclocks ul li p.clockhead {
	color: #fff;
	background: #5B7DAA;
	padding: 8px 10px;
	width: 140px;
	margin-top: 5px;
	}

#popclocks ul li p.clock span {
	float: right;
	}

#popclocks ul li.last {
	float: right;
	background: #DFDFDF;
	margin:  5px 4px 30px 4px;
	padding: 10px 20px 20px 20px;
	width: 150px;
	text-align: left;
	}



/* footer */

#footer p {
	margin: 0;
	padding: 40px 10px 10px 0;
	font-size: 90%;
	color: #E1E8F0;
	}
	
/* misc. */

hr, .hide {
	display: none;
	}

/* IE fixes */

/* hide from IE/Mac \*/

#main-body {
	clear: left;
	}

* html div {
	height: 1%;
	}

/* end hide */


body {
	font-size: x-small;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}

html>body { 
	font-size: small;
	}

#wrap {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 776px;
	}

html>body #wrap { /* be nice to Opera */
	width: 776px;
	}

/* self-clearing float */

#nav { display: inline-block; }
/* Hides from IE/Mac \*/
* html #nav, * html #footer { height: 1%; }
#nav { display: block; }
/* End hide from IE/Mac */


/* Added by Matt */

.t2 {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
	text-align: center;	
	padding: 10;
	border-top: 1px solid #7b98ba;
	border-bottom: 1px solid #7b98ba;
	}

.t2 td {
    border: solid 0 #7b98ba; 
	border-left-width:1px;
	border-right-width:1px;
	padding: 0px 10px 0px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.t2 th {
	background-color: #bacce0;
	border-top: 1px solid #7b98ba;
	border-bottom: 1px solid #7b98ba;
	border-left: 1px solid #7b98ba;
	border-right: 1px solid #7b98ba;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.t4 {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
	padding: 10;
	border-top: 1px solid #7b98ba;
	border-bottom: 1px solid #7b98ba;
	}

.t4 td {
    border: solid 0 #7b98ba; 
	border-left-width:1px;
	border-right-width:1px;
	padding: 0px 10px 0px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.t4 th {
	background-color: #bacce0;
	border-bottom: 1px solid #7b98ba;
	border-top: 1px solid #7b98ba;
	border-left: 1px solid #7b98ba;
	border-right: 1px solid #7b98ba;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}



.t1 {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
	padding: 10;
	text-align: left;	

	}

.t1 td {
	text-align: left;	
	padding: 0px 10px 0px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.t1 th {
	text-align: left;	
	background-color: #e0e0e0;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;

	}

.tamnon {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
	padding: 10;
	text-align: left;	

	}

.tamnon td {
	padding: 0px 10px 0px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.tamnon th {
	background-color: #e0e0e0;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;

	}

.tamnon2 {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0;
	padding: 10;
	border-top: 1px solid #7b98ba;
	border-bottom: 1px solid #7b98ba;
	}

.tamnon2 td {
    border: solid 0 #7b98ba; 
	border-left-width:1px;
	border-right-width:1px;
	padding: 0px 10px 0px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

	}

.tamnon2 th {
	background-color: #bacce0;
	border-bottom: 1px solid #7b98ba;
	border-top: 1px solid #7b98ba;
	border-left: 1px solid #7b98ba;
	border-right: 1px solid #7b98ba;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;

label {
	cursor: pointer;
	cursor: hand;
}


#segments {
margin: 20px 0;
}
#segments h4 {
       text-decoration:none;
       text-transform:none;
       font-size:16px;
       color: #4685BA;
       font-weight:bold;
       font-style:italic;
       font-family: Verdana;
       line-height: 1.4em;
}
#segments p {
       margin: 3px 0 0 0;
       width: 280px;
}

.download {
       float: right;
       margin-top: 8px;
       border: 0;
}

.icon-small {
   border: 0;
   padding: 0 10px 0 0;
}