@import "table.css";
@import "user-rank.css";
@import "form.css";

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Tahoma, Verdena, Arial, "Arial CE", "Helvetica CE", Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

p.ex-justify {
	font-family: Arial, Helvetica, Tahoma, Verdena, "Arial CE", "Helvetica CE", sans-serif;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;
}

ul.lists {
	font-size: 11px;
}
ul.lists li {
	padding-bottom: 3px;
	line-height: 17px;
}

ul.normal {
	font-size: 10px;
	color: #060606;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}
ul.normal li {
	padding-bottom: 5px;
}
img {
	border: 0;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #ff0000;
	text-decoration: underline;
}

a.text:link, a.text:visited {
	color: #0063FF;
	text-decoration: none;
}
a.text:hover, a.text:active {
	color: #ff9900;
	text-decoration: underline;
}


#container {
	width: 770px !important;
	width: 770px;
	margin: auto;
	text-align: left;
}

#ticker {
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	margin: 10px 0 10px 0;
}


a.pdf, a.doc, a.media, a.xls, a.zip, a.image, a.popup, a.external {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 3px 19px;
}
a.pdf {
	background-image: url("/img/ico/pdf.gif");
}
a.doc {
	background-image: url("/img/ico/doc.gif");
}
a.media {
	background-image: url("/img/ico/media.gif");
}
a.xls {
	background-image: url("/img/ico/xls.gif");
}
a.zip {
	background-image: url("/img/ico/zip.gif");
}
a.image {
	background-image: url("/img/ico/image.gif");
}
a.popup {
	background-image: url("/img/ico/popup.gif");
	padding-left: 13px;
}
a.external {
	background-image: url("/img/ico/external.gif");
	padding-left: 15px;
}

/* Site header */
#top {
	background: #ffffff url("/img/bg/header.gif") repeat-x;
	width: 100%;
	padding-top: 15px;
}
#header {
	margin: auto;
	width: 770px;
	height: 90px;
}
#menu {
	width: 488px;
	float: right;
}
#menu div {
	float: left;
	width: 61px;
	font-size: 10px;
	text-align: center;
}
#menu div img {
	width: 61px;
	height: 43px;
	display: block;
}
#menu a:link, #menu a:visited {
	color: #696969;
	text-decoration: none;
	display: block;
}
#menu a:hover, #menu a:active {
	color: #696969;
	text-decoration: underline;
}
#logo {
	width: 282px;
	float: left;
}
#today {
	width: 282px;
	height: 14px;
}
#today p {
	color: #898B91;
	font-size: 10px;
	text-align: right;
	padding: 2px 5px 0 0;
}
#today span {
	color: #000000;
}
/* END OF Site header */


/* Bottom: Footer */
#footer {
	clear: both;
	border-top: 1px solid #999999;
	width: 100%;
	height: 25px;
	padding-top: 4px;
}
#footer p {
	width: 300px;
	float: left;
}
#footer ul {
	width: 420px;
	float: left;
	text-align: right;
	list-style: none;
}
#footer li {
	display: inline;
	margin-left: 5px;
	font-size: 9px;
}
#footer li a:link, #footer li a:visited {
	color: #8C8C8C;
	text-decoration: none;
}
#footer li a:hover, #footer li a:active {
	color: #ff9900;
	text-decoration: underline;
}
/* END OF Bottom: Footer */



/* Page navigation */
#nav-page {
	text-align: center;
	padding: 10px 0 20px 0;
	font-size: 11px;
	color: #8e8e8e;
}
#nav-page strong {
	color: #ff0000;
}
#nav-page img {
	vertical-align: middle;
}
/* END OF Page navigation */


/* Top: Navigation */
#navigation {
	clear: both;
	width: 770px;
	height: 154px;
	background: url("/img/bg/navi-top-spacer.gif") repeat-x;
	margin: auto;
}
#navigation .box {
	width: 191px;
	height: 154px;
	background: url("/img/bg/navi-black.gif") no-repeat;
	float: left;
	margin-left: 2px
}
#navigation .box h1 {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding: 7px 0 0 30px;
}
#navigation .box h2, #navigation .box h2 a:link, #navigation .box h2 a:visited {
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	color: #B0B0B0;
	text-align: right;
	padding: 10px 3px 0 0;
}
#navigation .box h2 a:hover, #navigation .box h2 a:active {
	color: #ff8040;
	text-decoration: none;
}
#navigation .box p {
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
	margin: 8px 3px 8px 5px;
}
/* END OF Top: Navigation */


/* Navigation: Box #1 after log on */
ul#profile {
	list-style: none;
	margin: 5px 0 0 2px;
}
ul#profile li {
	font: normal 11px/14px Arial, Helvetica, Tahoma, Verdena, "Arial CE", "Helvetica CE", sans-serif;
	padding: 3px 0 3px 10px;
}
ul#profile li a:link, ul#profile li a:visited {
	padding-left: 8px;
	background: url("/img/bullet/arrow-8.gif") center left no-repeat;
	color: #000000;
	text-decoration: none;
}
ul#profile li a:hover, ul#profile li a:active {
	color: #000000;
	text-decoration: underline;
}
/* END OF Navigation: Box #1 after log on*/


ul.arrow {
	color: #060606;
	padding-left: 10px;
	list-style: none;
}
ul.arrow li {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	padding: 0 12px 3px 12px;
	background: url("/img/bullet/arrow-2.gif") no-repeat 3px 5px;
}


#content {
	width: 546px;
	float: left;
	display: block;
	overflow: visible;
}
#content h1 {
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
#content h2 {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding: 10px 0 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}
#content h3 {
	font-size: 11px;
	font-weight: bold;
	color: #545454;
	text-align: left;
	padding: 10px 0 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}


ul#tools {
	text-align: right;
	list-style: none;
	font: 11px/18px Arial, Helvetica, Tahoma, Verdena, "Arial CE", "Helvetica CE", sans-serif;
	padding-bottom: 15px;
}
ul#tools li {
	float: right;
	height: 18px;
	padding-left: 10px;
}
ul#tools li a:link, ul#tools li a:visited {
	color: #0A0A0A;
	text-decoration: none;
}
ul#tools li a:hover, ul#tools li a:active {
	color: #000000;
	text-decoration: underline;
}


#content div.content {
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE5-Mac hack \*/
* html .clearfix {
	height: 1px;
}
/* End IE5-Mac hack */

div.gallery-label {
	height: 13px;
	background: url("/img/ico/gallery.gif") right no-repeat;
	margin-top: 10px;
}

div.gallery {
	background-color: #EFEFEF;
	border: 1px solid #D0D0D0;
	padding: 10px 0 0 10px;
	text-align: center;
}

div.gallery div {
	float: left;
	padding: 0 10px 10px 0;
}

div.gallery br {
	clear: both;
}







a.submit:link, a.submit:visited {
	color: #FF6600;
	text-decoration: none;
	background: url("/img/bullet/arrow-5.gif") center right no-repeat;
	padding-right: 13px;
}
a.submit:hover, a.submit:active {
	color: #FF6600;
	text-decoration: underline;
}
a.submit-disable:link, a.submit-disable:visited {
	color: #aaaaaa;
	text-decoration: none;
	background: url("/img/bullet/arrow-6.gif") center right no-repeat;
	padding-right: 13px;
}
a.submit-disable:hover, a.submit-disable:active {
	color: #aaaaaa;
	text-decoration: underline;
}


#options {
	background-color: #ffffff;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 10px;
	padding: 1px 0 1px 0;
	font: 11px/18px Arial, Helvetica, Tahoma, Verdena, "Arial CE", "Helvetica CE", sans-serif;
}
#options .title {
	background-color: #E4E4E4;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	border-bottom: 1px solid #ffffff;
}
#options .top {
	background-color: #EAEAEA;
	padding: 3px 0 3px 5px;
	border-bottom: 1px solid #ffffff;
}
#options .bottom {
	background-color: #F0F0F0;
	padding: 3px 0 3px 5px;
}






#content p.rules
{
	line-height: 14px;
	font-size: 9px;
	color: #878787;
	text-align: justify;
	padding: 5px 0 25px 10px;
}

div.photo {
	background-color: #232323;
	padding: 1px;
}
div.photo div {
	padding: 0 4px 0 4px;
	color: #FFFFFF;
	font-size: 9px;
	text-align: justify;
}




img.emoticon {
	vertical-align: middle;
}
img.flag {
	text-align: center;
	vertical-align: middle;
	width: 18px;
	height: 12px;
}





/* sideBox */
#others {
	float: right;
	width: 210px;
	padding-left: 13px;
	display: block;
}
#others div.sideBox {
	padding-bottom: 10px;
}
#others div.sideBox div.head a:link, #others div.sideBox div.head a:visited {
	color: #ffffff;
	text-decoration: none;
}
#others div.sideBox div.head a:hover, #others div.sideBox div.head a:active {
	text-decoration: underline;
}

#others div.sideBox div.head {
	color: #ffffff;
	padding: 5px 0 5px 15px;
	margin-bottom: 1px;
	background: #4C4C4C url("/img/bullet/arrow-7.gif") 5px center no-repeat;
}
#others div.sideBox div.info {
	color: #333333;
	background-color: #E6E6E6;
	padding: 2px 5px 2px 5px;
	line-height: 17px;
	text-align: justify;
	margin-bottom: 1px;
}
/* END OF sideBox */




#recommends {
	width: 210px;
	margin-bottom: 20px;
	background: #E3E5E6 url("/img/bg/recommends/top.gif") top left no-repeat;
	font: 11px/18px Arial;
}
#recommends p {
	padding: 12px;
	color: #565656;
	background: url("/img/bg/recommends/middle.gif") 97% 100% no-repeat;
	text-align: justify;
}

#recommends p a:link, #recommends p a:visited {
	color: #333333;
}
#recommends p a:hover, #recommends p a:active {
	color: #000000;
}
#recommends div {
	text-align: right;
	padding: 8px;
	background: #C1C6C8 url("/img/bg/recommends/bottom.gif") bottom left no-repeat;
	border-top: 1px solid #FFF;
}
#recommends div a:link, #recommends div a:visited {
	color: #333333;
	text-decoration: none;
}
#recommends div a:hover, #recommends div a:active {
	text-decoration: underline;
}



/* sideBox: Poll Form */
#poll {
	width: 210px;
	margin-bottom: 10px;
}
#poll .option {
	margin: 3px 0 3px 0;
	padding: 2px 0 2px 8px;
	border-bottom: 1px solid #E3E5E6;
}
#poll .option img {
	width: 9px;
	height: 9px;
	float: left;
	margin-top: 4px;
	cursor: pointer;
}
#poll .option span {
	width: 177px;
	text-align: justify;
	font: 11px/17px Arial, Tahoma, Verdena, Arial, "Arial CE", "Helvetica CE", Helvetica, sans-serif;
	display: block;
	margin-left: 15px;
	cursor: pointer;
}
#poll .option img, #poll .option img.false, #poll .option img.out {
	background-color: #FFFFFF;
}
#poll .option img.true {
	background-color: #FF5400;
}
#poll .option img.over {
	background-color: #d8d8d8;
}
#poll .option a:link, #poll .option a:visited {
	text-decoration: none;
	color: #333333;
}
#poll .option a:hover, #poll .option a:active {
	text-decoration: none;
	color: #FF9900;
}
#poll .bottom {
	color: #3C3C3C;
	background-color:#E3E5E6;
	border-bottom: 1px solid #C5C5C5;
	height: 15px;
	padding: 5px;
	margin-bottom: 1px;
}
#poll .related {
	background-color: #ECECEC;
	border-top: 1px solid #99D7F7;
	border-bottom: 1px solid #99D7F7;
	padding: 5px;
	margin-top: 5px;
}
/* END OF sideBox: Poll Form */


/* sideBox: Classifieds */
#classifieds ul {
	padding: 5px 0 5px 0;
	list-style: none;
	background-color: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
}
#classifieds ul li {
	padding-bottom: 5px;
}
#classifieds ul li a:link, #classifieds ul li a:visited {
	background: url("/img/bullet/arrow-2.gif") no-repeat 3px 5px;
	padding-left: 12px;
	color: #004999;
}
#classifieds ul li a.toc {
	background: none;
	padding-left: 5px;
	font-weight: bold;
}
#classifieds ul li a:hover, #classifieds ul li a:active, #classifieds ul li a.current:link, #classifieds ul li a.current:visited {
	color: #ff0000;
}
#classifieds ul li span {
	color: #008BCC;
	padding-left: 5px;
	font-size: 10px;
}
/* END OF sideBox: Classifieds */





/* sideBox: Calendar */
#calendar {
	width: 210px;
	margin-bottom: 10px;
}

#calendar .menu {
	height: 25px;
	border-top: 1px solid #4C4C4C;
	margin-bottom: 1px;
}

#calendar .menu div {
	height: 25px;
	width: 60px;
	float: left;
	background-color: #ffffff;
	border-right: 1px solid #AEAEAE;
	text-align: center;
}


#calendar .menu a:link, #calendar .menu a:visited {
	font-weight: bold;
	color: #4C4C4C;
	display: block;
	height: 20px;
	text-decoration: none;
	padding-top: 5px;
}

#calendar .menu a:hover, #calendar .menu a:active {
	color: #ffffff;
	background-color: #4C4C4C;
}


#calendar .menu .active a:link, #calendar .menu .active a:visited {
	font-weight: bold;
	color: #ffffff;
	background-color: #4C4C4C;
	display: block;
	height: 20px;
	text-decoration: none;
	padding-top: 5px;
}
#calendar .menu .active a:hover, #calendar .menu .active a:active {
	color: #ffffff;
	background-color: #4C4C4C;
}

#calendar .table th { padding: 0px; }
#calendar .table td { padding: 1px 2px 1px 2px; }


#calendar .table a:link, #calendar .table a:visited {
	color: #333333;
	text-decoration: underline;
}
#calendar .table a:hover, #calendar .table a:active {
	color: #ff9900;
	text-decoration: underline;
}
/* END OF sideBox: Calendar*/




/* Content: menu navigation */
ul#nav-bar {
	padding: 10px 0 20px 10px;
	border-bottom: 1px solid #FF6600;
	list-style: none;
	font-size: 10px;
}
ul#nav-bar li {
	float: left;
}
ul#nav-bar a:link, ul#nav-bar a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #585858;
}
ul#nav-bar a:hover, ul#nav-bar a:active {
	color: #30ACEA;
}
ul#nav-bar a:link.active, ul#nav-bar a:visited.active
{
	color: #FF6600;
	background: url("/img/bullet/menu.gif") no-repeat bottom center;
}
ul#nav-bar-sub {
	padding: 0 0 20px 10px;
	list-style: none;
	font-size: 10px;
}
ul#nav-bar-sub li {
	float: left;
}
ul#nav-bar-sub a:link, ul#nav-bar-sub a:visited {
	float: left;
	line-height: 14px;
	padding: 6px 12px 6px 12px;
	text-decoration: none;
	color: #000000;
	background: url("/img/bullet/arrow-3.gif") no-repeat 3px 11px;
}
ul#nav-bar-sub a:link.active, ul#nav-bar-sub a:visited.active, ul#nav-bar-sub a:hover {
	color: #ff9900;
	background: url("/img/bullet/arrow-4.gif") no-repeat 3px 11px;
}
/* END OF Content: menu navigation */



hr {
	border: none;
	height: 1px;
	background: #9FB1BC;
	margin: 4px 0;
}
span.mark {
	color: #0082e1;
}

div.titleBar {
	font: bold 11px Arial, Helvetica, Tahoma, Verdena, "Arial CE", "Helvetica CE", sans-serif;
	color: #333333;
	background-color: #F0F0F0;
	border-top: solid 1px #EAEAEA;
	border-bottom: solid 1px #EAEAEA;
	margin: 15px 0 15px 0;
}
div.titleBar p {
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	height: 14px;
	padding: 5px;
}