html {
 background: url("../images/background.png");}

body {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: 0;
color: #909090;
height:100%;
}

a:link, a:active, a:visited {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;}

a:hover {
 color: #909090;
text-decoration: none;}



p {margin: 0; padding: 0}


.c {
 float: left;}

.cr {
         clear: left;
}

.clear {
 clear:both;
 margin: 0;
 padding: 0;}


h1 {
	font-size: 14pt;
	margin: 5px 0 5px 0;
}


h2 {
 font-weight:bold;
 text-align: center;
 font-size:16px;
 color: #ffffff;
 padding: 1px 0px 0px 0px;
 margin: 0px 0px 0px 0px;}


.h3-left {
 margin: 0;
 padding: 0;
 float: left;
 background: url("../images/h3-left.png") no-repeat;
 height: 40px;
 width: 15px;}


h3 {
 background: url("../images/h3-center.png") repeat-x;
 float: left;
 margin: 0;
 padding: 15px 0 0;
 font-weight:bold;
 font-size:14px;
 height: 24px;
 width: 420px;
 color: #ffffff;}

.h3-right {
 float: left;
 background: url("../images/h3-right.png") no-repeat;
 height: 40px;
 width: 15px;}





#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}

table.formPage {
	margin: 0 auto;
}

td.err {
	padding: 3px;
	color: #CA0002;
	background: #F0F0F0;
	border: 1px solid #CECECE;
	text-align: left;
}

td.msg {
	padding: 3px;
	color: #CA0002;
	background: #F0F0F0;
	border: 1px solid #CECECE;
	text-align: left;
}


.buttons {
	border-top: 1px solid #D9D9D9;
	text-align: center;
}
#links p {
	margin: 0 0 7px 0;
}
.url {
	color: #6f6f6f;
}

.text, .btn {
	font-size: 8pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

input.text {
	color: #000000;
	border: 1px solid #3E81B4;
}
textarea.text {
	font-size: 8pt;
	border: 1px solid #3E81B4;
}
select {
	font-size: 8pt;
	border: 1px solid #3E81B4;
}

.captcha {width: 250px;
	border: 2px solid #404040;
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}

span.req {
	margin-left: 3px;
	color: #CA0002;
	font-weight: bold;
}

div.errForm, span.errForm {
	margin: 2px 0 0px 0px;
	padding: 2px 3px 2px 3px;
	color: #FFA814;
	background: #FFFFF3;
	border: 1px solid #cccccc;
	text-align: left;
	clear: both;
	display: block;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #909090;
	font-size: 7pt;
	text-decoration: none;
}
.sort {
	color: #000000;
}
div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg {
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb {
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}

.paging-links,
.paging-info {
   text-align:right;
}

.paging-info {
   font-style: italic;
}

.limit_field {
   border: 0 solid transparent;
   border-width:0;
}

#toggleCategTree {
   display:block;
   cursor:pointer;
   cursor:hand;
   color:#6A8AD4;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #9EC2F3;
   border-width:0 1px 1px;
}

#catTitle { background:#fff; } /* Important for Konqueror */

#categtree h2 {
   margin:0 0 5px;
   padding:2px;
   text-align:center;
   color:#3E81B4;
   background:#DDE5F3;
   vertical-align:middle;
}

#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   border:1px dotted #CBE2EC;
   border-width:1px 0;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item img {
   margin-right:1em;
}

#categtree .odd {
   background:#F8F8FC;
}

#categtree .even {
   background:#fff;
}

#categtree .categ-item:hover {
   background:#eee;
}

/* ------  FORMS AND FIELDS ------ */

.label {
 padding: 4px 10px 0 0;
 float: left;
 width: 150px;
 font-weight: bold;
 font-size:14px;
 text-align: right;}
.formline {
 clear: both;
 margin: 0px 0 0px 0;
 padding: 0;}

.field {
 float: left;
 width: 262px;}

.field-top {
 clear:both;
 background: url("../images/field-top.png") no-repeat;
 height: 5px;
 width: 275px;}

.field-middle {
 clear:both;
 background: url("../images/field-middle.png") repeat-y;
 width: 275px;}

.field-bottom {
 clear:both;
 background: url("../images/field-bottom.png") no-repeat;
 height: 12px;
 width: 275px;}

/* REGULAR INPUT FIELD */
.forminput {
 color: #ffffff;
 border: none;
 width: 252px;
 margin: 0 0 4px 5px;
 font-size: 15px;
 font-weight: bold;
 color: #c0c0c0;
 background: none;}

/* TEXT AREA */
.forminput2 {
 font-family: arial;
 color: #ffffff;
 border: none;
 width: 252px;
 height:100px;
 margin: 0 0 4px 5px;
 font-size: 15px;
 font-weight: bold;
 color: #c0c0c0;
 background: none;}

/* DROPDOWN */
.forminput3 {
 color: #ffffff;
 border: none;
 width: 252px;
 margin: 0 0 4px 5px;
 font-size: 15px;
 font-weight: bold;
 color: #c0c0c0;
 background: #000000;}

.radio {float:left;
 width: 20px;
 height: 15px;
 margin: 0px 10px 0 5px;}


 

/*--------  OUTSIDE FRAME  -------- */

.outside-bottom {
 width: 1003px;
 height: 20px;
 margin: 0 auto;}

.outside-top {
 width: 1003px;
 height:20px;
 margin: 10px auto 0 auto;}

.outside-tl, .outside-t, .outside-tr, .outside-bl, .outside-b, .outside-br {
 float:left;
 height: 20px;}

.outside-tl, .outside-tr, .outside-bl, .outside-br {
 width: 20px;}
 
.outside-tl {
 background: url("../images/outside-tl.png") no-repeat;}

.outside-t {
 width: 963px;
 background: url("../images/outside-t.png") repeat-x;}

.outside-tr {
 background: url("../images/outside-tr.png") no-repeat;}

.outside-bl {
 background: url("../images/outside-bl.png") no-repeat;}

.outside-b {
 width: 963px;
 background: url("../images/outside-b.png") repeat-x;}

.outside-br {
 background: url("../images/outside-br.png") no-repeat;}

.page {
 background: url("../images/pagemiddle.png") repeat-y;
 margin: 0 auto;
 width: 1003px;}

/* ----------- HEADER RELATED ------------ */
	
.header-left {
 background: url("../images/header-left.png");
 width:10px;
 height:155px;
 float:left; 
 margin-left:20px;}
 	
.header-main {
 float: left;
 background: url("../images/header-center.png") repeat-x;
 height: 155px;
 width:943px;
 margin: 0 auto;}

.header-right {
 background: url("../images/header-right.png");
 width:10px;
 height:155px;
 float:left;}

.switcher {
 width: 620px;
 height:12px;
 text-align:center;
 margin:2px auto;}

.switcher a {border: none;}

.switcher img {
 width:20px;
 height:12px;
 padding: 0;
 margin: 0 5px 0 5px;
 border:none;}

.headerLogo {width: 340px; 
 float: left;
 margin: 22px 0px 0px 10px;
 text-align: center;}

.header-nav {
 float:left;
 margin: 8px 0px 0 10px;}

.homeicon {
 float: left;
 background: url("../images/home.png") no-repeat;
 width: 44px;
 height: 70px; 
 margin: 20px 45px 0 25px;}

.homeicon:hover {
 background: url("../images/home.png") -44px 0 no-repeat;}

.aticon {
 float: left;
 background: url("../images/at.png");
 width: 40px;
 height: 80px;   
 margin: 10px 45px 0 0;}

.aticon:hover {
 background: url("../images/at.png") 40px 0;}

.rssicon {
 float: left;
 background: url("../images/rss.png") no-repeat;
 width: 36px;
 height: 90px;  
 margin: 0 20px 0 0;}

.rssicon:hover {
 background: url("../images/rss.png") -36px 0 no-repeat;}

.header-nav a {
 display: block;
 font-size: 1px;
 width: 100%;
 height: 100%;
 text-decoration: none;}
 

.headerSearch {
 height:85px; width:300px;
 float: right;
 color: #ffffff;
 margin: 10px 0px 0px 0px;
 background: url("../images/searchback.png") no-repeat;}

.searchInput {
 background: none;
 border: none;
 margin: 10px 0px 0 10px;
 padding: 0px 4px 0 4px;
 float: left;
 width: 160px;
 height: 25px;
 font-weight:bold;
 font-size:18px;
 color:#c0c0c0;}


.searchBtn {
 background: url("../images/user-button.png") no-repeat;
 font-family: arial;
 border: none;
 font-size:12px;
 font-weight: bold;
 height: 23px;
 width: 89px;
 margin: 11px 5px 2px 5px;
 float: left;
 text-align: center;
 cursor: pointer;}

.searchBtn:hover {
 background: url("../images/user-button.png") 0 -23px no-repeat;}


.advsearch {clear:both; 
 margin:4px 0 0 10px;}
 
.advsearch a:active, .advsearch a:link, .advsearch a:visited {
 font-weight: bold;
 font-size: 11px;
 text-align:center;	
 color: #c0c0c0;
 text-decoration:none;}

.advsearch a:hover {
 color: #ffffff;}

/* ---------  MENUS & BUTTONS ---------- */

.menu {
 clear: both;
 width: 948px;
 margin: 0 auto;
 height:38px;}

.menu a:link, .menu a:active, .menu a:visited {
 background: url("../images/nav-buttons.png") 0 -30px no-repeat;
 float: left;
 display: block;
 text-align:center;
 height: 26px;
 width:148px;
 margin: 0 5px 0 5px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 padding:  4px 0px 0px 0px;}

.menu a:hover {
 background: url("../images/nav-buttons.png") 0 0 no-repeat;
 float: left;}

.user-menu {
 clear: both;
 width: 583px;
 height: 35px;
 margin: 8px 0 0 0;
 text-align: right;}

.submit {
 width: 89px;
 margin: 0 auto 10px;}

.user-button, .button {
 background: url("../images/user-button.png") no-repeat;
 font-family: arial;
 font-weight: bold;
 font-size: 12px;
 border: none;
 height: 23px;
 width: 89px;
 margin: 2px 5px 2px 5px;
 float: right;
 text-align: center;
 cursor: pointer;}

.user-button:hover, .button:hover {
 background: url("../images/user-button.png") 0 -23px no-repeat;}

.user-button a:link, .user-button a:active, .user-button a:visited {
 padding: 4px 0 4px 0;
 display: block;
 text-decoration: none;
 color: #000000;}

.welcome {
 float: right;
 font: weight: normal;
 text-align: right;
 font-sizeL: 12px;
 margin: 13px;}


/*------  CONTENT ------*/

.section {clear: both;
 margin: 0;
 padding: 0px;}

.section-box {margin: 5px 0 2px 0;
 background: #000000;
 clear: both;
 border: 1px #080808 solid;}

.modname {
 padding: 5px;
 font-size:11px;
 float: left;
 font-weight: bold;
 width: 140px;}

.modversions {
 padding: 5px;
 font-size:10px;
 float: left;
 width: 100px;}

.modinfo {padding: 0 0 10px 0;
 font-size:10px;
 float: left;
 width: 100px;}

.modupdate {
 padding: 5px;
 font-size:10px;
 float: left;
 width: 100px;}

.tips {
 float: left;
 height: 20px;
 width: 20px;}



/*-------------------*/

.path {
	
	text-align:left;
	margin: 0 auto;
	width: 900px;
	height: 18px;
	padding: 2px 20px 0px 20px;
}

.path a:link, .path a:active, .path a:visited {
	color: #c0c0c0;
	text-decoration: none;
}

.path a:hover {
	color: #ffffff;
	text-decoration: none;
}

.path img {
	margin: 0px 5px 1px 5px;
}



/*---------- FOOTER RELATED  ------------*/

.footer {
 clear: both;
 width: 963px;
 margin-left: 20px;}

.footer-tl {
 background: url("../images/footer-top-left.png");
 width:10px;
 height:10px;
 float:left;}
 	
.footer-t {
 background: url("../images/footer-top-center.png") repeat-x;
 height: 10px;
 width: 943px;
 margin: 0 auto;
 float:left;}

.footer-tr {
 background: url("../images/footer-top-right.png");
 width:10px;
 height:10px;
 float:left;}

.footer-m {
 clear:both;
 background: url("../images/footer-middle.png") repeat-y;
 width: 953px;
 padding: 0 0px 0 10px;
 margin: 0 auto;}

.footer-bl {
 background: url("../images/footer-bottom-left.png");
 width:10px;
 height:10px;
 float:left;}
 	
.footer-b {
 background: url("../images/footer-bottom-center.png") repeat-x;
 height: 10px;
 width: 943px;
 margin: 0 auto;
 float:left;}

.footer-br {
 background: url("../images/footer-bottom-right.png");
 width:10px;
 height:10px;
 float:left;}

.footer-section {
 float:left;
 width:214px;
 text-align:left;
 color: #808080;
 padding:0 0px 0 0px;
 margin: 0 10px 0 10px;}

.footer-section1 {
 float:left;
 width:224px;
 text-align:left;
 color: #808080;
 padding:0 0px 0 0px;
 margin-right: 10px;}


.footer-section ul, .footer-section1 ul {
 font-weight:bold;
 font-size:13px;
 list-style:none;
 margin: 0;
 padding: 0;}

.footer-section li, .footer-section1 li {font-weight:normal;
 background: url("../images/list-arrow.png") 0 6px no-repeat;
 padding: 2px 0px 0px 15px;
 margin-left:  0px;}

.footer-section li:hover, .footer-section1 li:hover {font-weight:normal;
 background: url("../images/list-arrow-on.png") 3px 6px no-repeat;}



/* --------  CONTENT CONTAINERS & BOXES  ------------- */

.leftside {
 font-size: 13px;
 float: left;
 width: 280px;
 margin-left:20px;
 font-weight: bold;}
	
.center {
 float: left;}

.rightside {
 font-size: 13px;
 float: left;
 width: 183px;
 margin-left:10px;
 font-weight: bold;}

.leftside ul, .rightside ul, .linkbox ul, .halfbox ul {
 list-style: none;
 margin: 0;
 padding: 0;}

.leftside ul li, .rightside ul li {
 background: url("../images/list-arrow.png") 0 6px no-repeat;
 height: 17px;
 padding: 3px 0 0 15px;
 margin-left: 10px;
 border-bottom: 1px #000000 solid;}

.leftside ul li:hover, .rightside ul li:hover {
 background: #000000 url("../images/list-arrow-on.png") 3px 6px no-repeat;}

.leftside ul li a, .rightside ul li a {
 display: block;
 overflow: hidden;
 height:20px;}	

.leftside ul li a {
 width: 220px;}

.rightside ul li a {
 width: 150px;}

.stat {
 float: right;
 margin-right: 10px;
 font-wight: bold;
 color: #ffffff;}

.box {
 margin: 0px 0px 15px 0px;}

.box-tl {
 float: left;
 background: url("../images/box-top-left.png") no-repeat;
 width: 10px;
 height: 30px;}

.box-bullet {
 background: url("../images/big-bullet.png") no-repeat;
 float: left;
 height: 30px;
 width: 16px;}

.boxleft-t {
 width: 218px;}

.boxright-t {
 width: 131px;}

.boxcenter-t {
 width: 438px;}
 
.boxleft-t, .boxright-t, .boxcenter-t {
 background: url("../images/box-top-center.png") repeat-x;
 float: left;
 height: 25px;
 padding: 5px 0 0 0px;
 font-size:14px;
 color: #ffffff;
 text-align: left;
 font-weight: bold;}

.boxcenter-b {
	clear: both;
	background: url("../images/contentBottom.png") no-repeat;
	height: 10px;
	margin: 0;
	width: 490px;
}

.boxcenter-m {
        clear:both;
	width: 490px;
	padding: 8px 0px 0px 0px;
	background: url("../images/contentMiddle.png") repeat-y;
	
}



.box-tr {
	float: left;
	background: url("../images/box-top-right.png") no-repeat;
	width: 10px;
	height: 30px;
}

.boxleft-m {
	clear: both;
	background: url("../images/box-middle.png") repeat-y;
	width: 270px;
         padding:0 0px 0 0px;
}

.boxright-m {
	clear: both;
	background: url("../images/right-box-middle.png") repeat-y;
	width: 183px;
        padding:0 0 0 0;
}


.boxright-b {
	clear:both;
         background: url("../images/right-box-bottom.png") no-repeat;
	width: 183px;
	height: 10px;
}


.boxleft-b {
	clear:both;
         background: url("../images/left-box-bottom.png") no-repeat;
	width: 270px;
	height: 10px;
}


/*-------LINK BOXES --------*/


.linkbox {
 clear: both;
 padding: 0;
 margin: 0;
 width: 490px;}

.linkbox-tl {
 float: left;
 background: url("../images/linkbox-tl.png") no-repeat;
 height: 35px;
 width: 15px;}

.linkbox-t {
 color: #ffffff;
 float: left;
 background: url("../images/linkbox-t.png") repeat-x;
 font-size: 14px;
 padding: 14px 0 0 5px;
 font-weight: bold;
 width: 455px;
 height: 21px;}

.linkbox-tr {
 float: left;
 background: url("../images/linkbox-tr.png") no-repeat;
 height: 35px;
 width: 15px;}

.linkbox-m {
 clear: both;
 font-size:12px;
 font-weight: bold;
 padding: 5px 15px 5px 20px;
 background: url("../images/linkbox-m.png") repeat-y;
 width: 455px;}

.linkbox-b {
 clear: both;
 background: url("../images/linkbox-b.png") no-repeat;
 width: 490px;
 height: 15px;}

.linkbox-t2 {
 clear: both;
 background: url("../images/linkbox-t2.png") no-repeat;
 width: 490px;
 height: 10px;}

.linkbox-left {
 padding: 0 10px 0 0px;
 float: left;
 width: 285px;}

.linkbox-right {
 background: #000000;
 border: 1px #404040 solid;
 padding: 5px;
 font-size: 10px;
 float: left;
 width: 148px;}

.linkbox-footer {
 clear: both;
 margin: 8px 0 0 0;
 width: 295px;}

.halfbox {
 float: left;
 padding: 0;
 margin: 0;
 width: 245px;}

.halfbox2 {
 float: right;
 padding: 0;
 margin: 0;
 width: 245px;}

.halfbox-t {
 float: left;
 background: url("../images/linkbox-t.png") repeat-x;
 font-size: 13px;
 padding: 14px 0 0 5px;
 font-weight: bold;
 width: 210px;
 height: 21px;}

.halfbox-t2 {
 float: left;
 background: url("../images/halfbox-t.png") no-repeat;
 width: 245px;
 height: 15px;}

.halfbox-m {
 font-size:12px;
 clear: both;
 padding: 5px 15px 5px 20px;
 background: url("../images/halfbox-m.png") repeat-y;
 width: 210px;}

.halfbox-b {
 clear: both;
 background: url("../images/halfbox-b.png") no-repeat;
 width: 245px;
 height: 15px;}

.linkbox ul li, .halfbox ul li {
 background: url("../images/list-arrow.png") 0 6px no-repeat;
 padding: 3px 0 0 15px;
 margin-left: 0px;}

.linkbox ul li:hover, .halfbox ul li:hover {
 background: url("../images/list-arrow-on.png") 3px 6px no-repeat;}

.daily-title {
 border: 1px #404040 solid;
 background: #000000;
 padding: 2px;
 margin-bottom: 5px;
 font-weight: bold;}




/* ---- RATINGS AND REVIEWS ---- */

.rate {
 height: 15px;
 float: right;
 background: url("../images/ghoststars.png") no-repeat;
 width: 150px;
 text-align: right;}

.rate img {
 padding: 0;
 margin: 0;
 width: 15px;
 height: 15px;
 float:right;}

/* ---- DETAILS PAGE RELATED ---- */

.detail {
 clear: both;
 font-size:12px;
 font-weight: bold;
 padding: 5px 15px 0 15px;
 background: url("../images/linkbox-m.png") repeat-y;
 width: 460px;}

.detail-half {
 margin-left: 10px;
 float: left;
 width: 200px;}
 

.hugethumb {
 width: 448px;
 height: 370px;
 border: 1px #404040 solid;
 margin: 10px 0 0px 0px;
 z-index: 400;}


.thumburl {
 background: url("../images/trans.png") repeat;
 margin: 328px 0 0 0;
 padding: 5px 0 0 0;
 text-align: center;
 width: 448px;
 height: 30px;
 font-size: 20px;
 font-weight: bold;
 color: #ffffff;
 z-index:500;}

.detail ul {
 margin-left: 0px;
 font-size: 12px;
 text-align: left;
 float: left;}

.detail ul span{
 font-weight: normal;}

.uploadimg1 {
 background: #000000;
 width: 200px;
 float: left;
 height: 150px;
 margin: 5px 0px 5px 0px;
 border: 1px #404040 solid;
 padding:9px;}

.uploadimg2 {
 background: #000000;
 width: 200px;
 float: left;
 height: 150px;
 margin: 5px 10px 5px 0px;
 border: 1px #404040 solid;
 padding:9px;}



.uploadimg1 div, .uploadimg2 div {
 height: 150px;
 overflow: hidden;
 margin-bottom: 10px;}

.minirss {
 float: left;
 background: url("../images/rss.png") no-repeat;
 width: 20px;
 height: 20px;  
 margin: 0 20px 0 0;}

.minirss:hover {
 background: url("../images/rss.png") -20px 0 no-repeat;}


 






.noResults {
	margin-left: 20px;
}

.noResults p {
	color: #CA0002;
	margin: 0px 0px 15px 0px;
}

.noResults ul {
	margin: 0;
	padding: 15px 0px 20px 40px;
}

/*-------------------*/

.navig {
	padding: 5px;
	color: #CA0002;
	font-weight: bold;
}

.mainPaging {
	float: right;
}

.pagingLinks {
	color: #CA0002;
	font-weight: bold;
}

.pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited {
	color: #3E81B4;
	text-decoration: none;
}

.pagingLinks a:hover {
	color: #CA0002;
	text-decoration: none;
}

/*-------------------*/




/*-------------------*/

/*-------------------*/



.paymentTable td {
	border-right: 1px solid #D9D9D9;
	text-align: center;
}

/*-------------------*/



---------------
legend {
   border-width: 1px;
   border-color: #D9D9D9;
   border-style: dotted;
   padding:      3px;
   font-weight:  bold;
   color:        #3E81B4;
}
fieldset {
   border-width: 1px;
   border-color: #D9D9D9;
   border-style: solid;
   background-color: #FFFFFF;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
}

label {
   cursor: pointer;
}

table.comment {
   border-width: 1px;
   border-color: #D9D9D9;
   border-style: dotted;
   margin-top:   5px;
}

tr.comment {
   background-color: #E5EAEE;
   color: #000000;
}

h4 {
        color: #3E81B4;
        font-size: 8pt;
}

/* ---- TOOL TIPS ---- */


.tips2 {  
 width:20px;
 height: 20px;
 float: left;
 margin: 0px 0px 0 0;
 padding: 0;}

.tips {
 width:20px;
 height: 20px;
 float: right;
 margin: -3px 5px 0 0;}

.tips-middle ul {
 color: #ffffff;
 list-style: none;
 margin:5px 0 0 0;
 padding: 0px 4px 0px 0;}

.tips-middle ul li {
 background: url("../images/list-arrow.png") 0 5px no-repeat;
 color: #c0c0c0;
 margin: 0 0 0 0px;
 padding: 2px 0 2px 20px;}

.tips b .tips-container, .tips2 b .tips-container {display:none;}

.tips b, .tips2 b  {
 
 position:relative;
 border: none;
 font-weight: normal;
 text-decoration:none;
 z-index:2000;}

.tips b:hover, .tips2 b:hover {

 position:relative;
 text-decoration:none;
 z-index:2001;}

/* THE MAIN CONTAINER FOR THE ENTIRE TOOLTIPS POPUP */
.tips b:hover .tips-container, .tips2 b:hover .tips-container{
  display:block; 

  position: absolute;
  margin: 0;
  padding: 0;
  top: -27px;  /* Adjust for vertical position in relation to trigger */
  left: 20px;  /* Adjust for horizontal position in relation to trigger */
   width: 440px;
  z-index:5000;} 


/* THE TOOLTIPS BOX HEADER */
.tips-top {
 background: url("../images/tiptop.png") no-repeat;
          height: 32px;
          width: 375px;
          padding: 25px 20px 0 45px;
          color: #ffffff;
          font-size: 14px;
          font-weight:bold;
}

/* THE TOOLTIPS BOX BOTTOM */
.tips-bottom {
   background: url("../images/tipbot.png") no-repeat;
  width:440px;
  height:22px;
}
 
/* THE MAIN CONTENT AREA OF THE TOOLTIPS BOX */   
.tips-middle {
  background: url("../images/tipmid.png") repeat-y;
  padding: 5px 30px 5px 45px;
  text-align:left;
  font-weight: normal;
  color:#c0c0c0;
  font-size:12px;
  width: 365px;}


/* ---- SEARCH TAGS ---- */

.tags b span {display:none;}

.tags b {position: relative; top:2px;}


.tags {
 float: left;
 padding:0;}

.tags b {line-height: 15px;
 height: 15px;
 padding: 0;
 margin: 0;}


.tags b a:link, .tags b a:active, .tags b a:visited {
 height: 15px;
 line-height: 15px;
 font-weight: bold;
 text-align: justify;
 padding:2px;
 margin: 2px 2px 0 0;
 color: #c0c0c0;}

.tags b a:hover {
 color: #ffffff;} 

#tag1 {
 font-size: 10px;}

#tag2 {
 font-size: 12px;}

#tag3 {
 font-size: 12px;}

#tag4 {
 font-size: 13px;}

#tag5 {
 font-size: 14px;}

#tag6 {
 font-size: 15px;}

#tag7 {
 font-size: 16px;}

#tag8 {
 font-size: 17px;}

#tag9 {
 font-size: 18px;}

#tag10 {
 font-size: 19px;}

#tag11 {
 font-size: 20px;}

#tag12 {
 font-size: 21px;}


.tags b:hover span {
  color: #ffffff;
  position: absolute;
  bottom: 40px;
  right: 0px;
  display: block;
  width:300px;
    text-align:left;
  height:auto;
  z-index: 20;
  
    } 

.tags-top {
 overflow: hidden;
 background: #040404;
 color: #ffffff;
 font-size:15px;
 padding: 5px 10px 0 10px;
 height: 23px;
 width: 280px;}

.tags-mid {
 background: #000000;
 color: #c0c0c0;
 text-align: justify;
 padding: 0px 10px 0px 10px;
 width: 280px;}

.tagsul, .tags-mid ul {
 list-style-type: none;
 padding: 5px 0 5px 15px;
 margin: 0}

.tagsul li {
 padding: 0;
 margin: 0;}

.tags-bot {
 background: #040404;
 height: 5px;
 width: 300px;}