* { margin:0; padding:0; }
html, body { background-image:url(../images/img/bgc_body2.jpg); background-color:#6CACC1; }


html, body, table { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
fieldset,
a img { border:0; }
a { color:#ccc; }
input { outline:none; }
h1 { font:24px Arial, Helvetica, sans-serif; color:#8A1114; }

.sitelist {
	font:18px Arial, Helvetica, sans-serif; color:#289EE6;
}
a.btn { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; font-size:13px; color:white; text-decoration:none; background:url(../images/img/bgc_btn_gray.png) repeat-x; white-space:nowrap; vertical-align:middle; }
a.btn.color2 { background:#A34796; }
a.btn:hover { text-decoration:underline; }

.clearfix { zoom:1; }
.clearfix:after { display:block; height:0; overflow:hidden; clear:both; content: ""; }
.rocon-init .rocon-tl, 
.rocon-init .rocon-bl { text-align:left; }

.left { float:left !important; }
.right { float:right !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.hidden { display:none; }
.gray { color:#555 !important; }

.icon-sort { display:inline-block; position:relative; width:8px; height:7px; background:url(../images/img/icon_arrow_sort.png) no-repeat; margin-right:3px; vertical-align:middle; }
.dotted { border-bottom:1px dotted gray; }
.show-option { color:#069; border-bottom:1px dotted #069; cursor:pointer; }

table { border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; }
.fulltable td { padding:1em;  border:1px solid silver;}
table thead td { border:0; border-bottom:1px solid silver; background:url(../images/img/bgc_header.png) repeat-x 0 -25px; white-space:nowrap; }
table .icon-sort+span { cursor:pointer; }
table .text-left { vertical-align:top; }
table .text-left p { margin:10px 0; color:#333; }
table big { font-size:18px; white-space:nowrap; }
table td.actions img { margin:0 2px; }

/* Main styles */

div.main { position:relative; margin:auto; min-width:1000px; min-height:570px; background:url(../images/img/bgc_body.jpg) repeat-x top left; } 
div.main div.contents { position:relative; margin:auto; padding:0 1em; }
div.main div.fixed { width:905px; }

div.main .topline { position:relative; padding:1em; margin-bottom:-1em; }
div.main .topline a.register { float:right; }
div.main .topline .left a { text-transform:uppercase; color:white; text-shadow:1px 1px 0 #1A2933; display:inline-block; min-height:15px; background:url(../images/img/icon_arrow2.png) no-repeat left 2px; padding-left:20px; margin-right:2em; }
div.main .topline .ballance { color:white; text-shadow:1px 1px 0 #333; margin-top:-10px; }
div.main .topline .ballance strong { float:left; position:relative; height:48px; padding:0 1em; padding-right:2em; background:url(../images/img/bgc_ballance.png) no-repeat 0 0; font:bold 14px/53px Arial, Helvetica, sans-serif; }
div.main .topline .ballance strong .rc { position:absolute; right:0; top:0; height:100%; width:18px; background:url(../images/img/bgc_ballance.png) no-repeat right top; }
div.main .topline .ballance span { float:left; padding:0 .5em; margin-top:1em; }

div.main .header { position:relative; height:89px; background:url(../images/img/header.png) no-repeat left top; z-index:1000; }
div.main .header .rc { position:absolute; right:0; top:0; height:100%; width:15px; background:url(../images/img/header.png) no-repeat right top; }
div.main .header .logo { position:absolute; left:0; top:0; margin:18px 14px; }
div.main .header .login { position:relative; display:block; text-align:right; padding:15px 10px 0 0; z-index:10; }
div.main .header .login * { vertical-align:middle; }
div.main .header .login .help { background:url(../images/img/btn_help.png) no-repeat; border:0; width:23px; height:22px; cursor:pointer; }
div.main .header .login label { position:relative; display:inline-block; width:148px; height:22px; background:url(../images/img/form-input.png) no-repeat; }
div.main .header .login label input { border:0; width:100%; height:100%; background:none; text-indent:1em; font:11px/20px Arial; color:#555; position:absolute; left:0; top:0; }
div.main .header .login label input:focus { color:black; }
div.main .header .login .user { display:inline-block; padding-left:15px; background:url(../images/img/icon_user.png) no-repeat left center; color:white; font-weight:bold; margin-right:1.5em; text-shadow:-1px -1px 0 black; }
div.main .header .login .action { text-shadow:1px 1px 0 black; }
div.main .header .login .exit { display:inline-block; background:url(../images/img/btn_exit.png) no-repeat; width:66px; height:22px; line-height:22px; color:#000; text-align:left; text-indent:7px; margin-left:1.5em; vertical-align:middle; text-decoration:none; }
div.main .header .login em { margin:0 .2em; }

	div.main .header .menu { position:absolute; left:215px; top:13px; }
	div.main .header .menu .tabs li { position:relative; list-style:none; float:left; padding:0 9px; height:34px; margin-right:10px; font:14px/33px Arial; cursor:pointer; color:white; z-index:10; }
	div.main .header .menu .tabs li strong i { display:inline-block; width:10px; height:8px; background:url(../images/img/icon_arrow_sort2.png) no-repeat; margin-left:10px; vertical-align:middle; }
	div.main .header .menu .tabs li.active { color:#056589; background:#ececec; }
	div.main .header .menu .tabs li a { color:white; text-decoration: none; font-size: 15px;}
	div.main .header .menu .tabs li.active a { color:#056589; background:#ececec; text-decoration: none; font-size: 15px;}
	div.main .header .menu .tabs li.active strong i { background-position:0 -8px; }
	div.main .header .menu .tabs li.active .corner { display:block; }
	div.main .header .menu .tabs .corner { position:absolute; width:6px; height:6px; overflow:hidden; top:0; background:url(../images/img/corners.gif) no-repeat; margin:-1px; display:none; }
	div.main .header .menu .tabs .corner.c1 { background-position:left top; left:0; }
	div.main .header .menu .tabs .corner.c2 { background-position:right top; right:0; }
	
	div.main .header .menu .tabs-content { position:relative; background:#ececec; height:34px; line-height:34px; top:-1px; margin-left:-10px; }
	div.main .header .menu .tabs-content .border { position:relative; border:1px solid silver; padding:0 5px; }
	div.main .header .menu .tabs-content a { position:relative; z-index:101; color:#0B5B77; font-size:13px; float:left; text-shadow:1px 1px 0 white; text-decoration:none; line-height:26px; padding:0 .5em; margin-top:4px; border:1px solid #ececec; }
	div.main .header .menu .tabs-content a i { display:inline-block; width:8px; height:7px; background:url(../images/img/icon_arrow_sort.png) no-repeat; margin-left:4px; vertical-align:middle; }
	div.main .header .menu .tabs-content a strong { text-decoration:underline; font-weight:normal; }
	div.main .header .menu .tabs-content a:hover,
	div.main .header .menu .tabs-content .hover > a { color:black; background:white; text-decoration:none; border-color:silver; }
	div.main .header .menu .tabs-content a:hover i,
	div.main .header .menu .tabs-content .hover > a i { background-position:0 -7px; }
	div.main .header .menu .tabs-content em { color:gray; float:left; margin:0 .4em; }
	
	div.main .header .menu .tabs-content .item { position:relative; float:left; }
	div.main .header .menu .tabs-content .item a { border-bottom:0; }
	div.main .header .menu .tabs-content .item div { position:absolute; background:white; left:0; top:30px; z-index:100; border:1px solid silver; display:none; }
	div.main .header .menu .tabs-content .item div { box-shadow:1px 1px 5px -1px black; -moz-box-shadow:1px 1px 5px -1px black; -webkit-box-shadow:1px 1px 5px -1px black;  }
	div.main .header .menu .tabs-content .item div a { position:relative; display:block; border:0; border-bottom:1px solid #eee; float:none; padding:0; padding:0 1em; white-space:nowrap; }

div.main div.index-page { position:relative; background:url(../images/img/index-bgc.jpg) no-repeat; height:457px; }
div.main div.index-page .text { position:relative; font-size:13px; height:210px; overflow:hidden; top:240px; zoom:1; color:white; font-family:Arial, Helvetica, sans-serif; }
div.main div.index-page .text .middle { position:relative; overflow:hidden; zoom:1; }
div.main div.index-page .text .side { width:32%; }
div.main div.index-page .text div { padding:1em; }
div.main div.index-page .text h2 { font-weight:normal; font-size:16px; text-shadow:1px 1px 1px black; line-height:26px; }
div.main div.index-page .text li { list-style:none; margin-left:1em; padding:7px; padding-left:20px; color:silver; text-shadow:1px 1px 0 black; background:url(../images/img/bullet.png) no-repeat left 8px; }
div.main div.index-page .text .more { position:relative; background:url(../images/img/btn_details.png) no-repeat; width:130px; height:26px; line-height:25px; text-align:center; font-size:11px; text-decoration:none; float:right; }
div.main div.index-page .text .more:hover { text-decoration:underline; color:white; }
div.main div.index-page .text .more strong { font-weight:normal; float:left; margin-left:10px; cursor:pointer; }
div.main div.index-page .text .more i { position:absolute; right:0; top:0; margin:5px; float:right; width:16px; height:16px; background:url(../images/img/bullet.png) no-repeat; }
div.main div.index-page .news { padding-top:1em; }
div.main div.index-page .news dt { position:relative; clear:both; float:left; padding-right:1em; width:60px; }
div.main div.index-page .news dt * { display:block; text-transform:uppercase; font-size:10px; }
div.main div.index-page .news dt big { float:left; font-size:25px; margin-right:3px; }
div.main div.index-page .news dd { position:relative; overflow:hidden; margin-bottom:10px; }

div.main div.content { position:relative; padding-bottom:5px; }
div.main div.content div.inner-page { position:relative; min-height:600px;  background:white; padding:1em; box-shadow:1px 1px 5px -1px black; -moz-box-shadow:1px 1px 5px -1px black; -webkit-box-shadow:1px 1px 5px -1px black; }
div.main div.content div.inner-page  a { color:#0C5B77; }

div.main div.content .add { position:relative; padding:5px; }
div.main div.content .add * { vertical-align:middle; }
div.main div.content .add a img { margin-right:5px; }
div.main div.content .add a { margin-right:15px; text-decoration:none; }
div.main div.content .add a strong { text-decoration:underline; }
div.main div.content .add select { width:150px; }
div.main div.content .add .submit { background:url(../images/img/btn-add.png) no-repeat; width:124px; height:22px; line-height:20px; color:black; text-indent:23px; cursor:pointer; margin-left:1em; display:inline-block; padding:0; }
.addbutton { background:url(../images/img/btn-add.png) no-repeat;  width:124px; height:22px; line-height:20px; color:black; text-indent:23px; cursor:pointer; margin-left:1em; display:inline-block; text-align: center; padding:0; padding-top: 2px;}

div.main div.content .add .right a { margin:0; text-decoration:underline; }
div.main div.content .add .right strong { color:#444; margin:0 5px; }

div.main .footer {font-size: 13px; position:relative; height:55px; line-height:55px; padding:0 1.2em; background:url(../images/img/footer.png) no-repeat left top; }
div.main .footer .left { color:#555; }
div.main .footer a { color:#333; text-transform:uppercase; text-decoration:none; }
div.main .footer a:hover { text-decoration:underline; }
div.main .footer span { margin:0 2px; }
div.main .footer .rc { position:absolute; right:0; top:0; height:100%; width:15px; background:url(../images/img/footer.png) no-repeat right top; }

div.main .counters { position:relative; padding:1em; text-align:center; }
div.main .counters img { margin:0 2em; vertical-align:middle; }

.ggg {
display:none;
}
.hh {
display:none;
}