css glory

gistfile1.css

/* CSS Document */

/* Основной стиль */

html, body {
margin:0;
height:100%;
MARGIN-top: -7px;
color: #143e68;
font-family: Tahoma, Arial, Vernada;
background: #143e67 ;
font-size: 11px;
}

#wrapper {
padding: 0px;
height:auto !important;
height:100%;
width:1000px;
margin-left: auto;
margin-right: auto;
}

#header_under {
background: url(img/header_under.jpg) top center no-repeat;
margin-left: auto;
}

a:link {
color: #143e68;
text-decoration:underline;
}

a:visited {color: #143e68;
text-decoration: underline;
}

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

img {
border: none;
}

#menu {
height: 70px;
}

/* Menu styles **/

ul#cssmenu {
        width:142px;
        margin: 0;
		float: left;
        border: 0 none;
        padding: 0;
        list-style: none;
        
        height: 45px;
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 30px;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 190px;
		height: 94px;
        list-style: none;
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
		width: 145px;
        float: left;
		text-align: center;
        display: block !important;
        display: inline;
}



/* Main Menu */
ul#cssmenu a {
        border: 0px;
        padding: 0 10px;
        float: left;
        display: block;
        background: #003366;
        color: #c0c0c0;
        text-decoration: none;
		font-size: 14px;
		font-family: 'times new roman';
		height: 27px;
		padding-top: 7px;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
        background: #5694d1 url(img/geadient.png) repeat-x bottom; 
        color:#f9f3d5;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        float: none;
       
        color: #f9f3d5;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
  background: #80aad3 url(img/geadient.png) repeat-x bottom;       
        color:#f9f3d5;
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
}


#menu a {

float: left;


}

#menu_1 {
width: 145px!important;
height: 50px!important;
background: url(img/menu_1.png) no-repeat !important;
display: block;
}

#menu_2{
width: 142px!important;
height: 50px!important;
background: url(img/menu_2.png) no-repeat !important;
}

#menu_6{
width: 142px!important;
height: 50px!important;
background: url(img/menu_2.png) no-repeat !important;
line-height:50px;
  text-align:center;
font-family: georgia;
font-size: 16px;
color: #f9f3d5;
text-decoration: none;
text-shadow: 1px 1px #8a5930;
}

#menu_6:hover {
width: 142px!important;
height: 50px!important;
background: url(img/menu_2_sel.png) no-repeat !important;
line-height:50px;
  text-align:center;
font-family: georgia;
font-size: 16px;
color: #f9f3d5;
text-decoration: none;
text-shadow: 1px 1px #8a5930;
}

#menu_3 {
width: 145px!important;
height: 50px!important;
background: url(img/menu_3.png) no-repeat!important;
}

#menu_1:hover {
width: 145px!important;
height: 50px!important;
background: url(img/menu_1_sel.png) no-repeat!important;
}

#menu_2:hover {
width: 142px!important;
height: 50px!important;
background: url(img/menu_2_sel.png) no-repeat!important;
}


#menu_3:hover {
width: 145px!important;
height: 50px!important;
background: url(img/menu_3_sel.png) no-repeat!important;
}

#header {
height: 50px;
padding-top: 110px;
text-align: center;
}

#icons_bar {
background: url(img/icons_bar_bg.png) no-repeat;
height: 67px;
}

#icons {
width: 263px;
padding-left: 20px;
padding-top: 30px;
float: left;
}

#navigation {
margin-left: 300px;
font-family: 'times new roman';
color: #2567b1;
font-size: 14px;
padding-top: 37px;
padding-left: 23px;
}

#icons a {
display: block;
float: left;
margin-left: 2px;
margin-right: 1px;
}



#content_center {
background: url(img/content_center.gif) repeat-y;
}

#content_top {
background: url(img/content_top.gif) no-repeat;
}

#content_bottom {
background: url(img/content_bottom.png) bottom center no-repeat;
padding-top: 6px;


}

#left_block {
padding-left: 5px;
width: 295px;
float: left;
}

#right_block {
padding-left: 12px;
margin-left: 300px;
min-height: 1700px;
padding-bottom: 22px;
}

#login {
padding: 20px;
padding-left: 31px;
}

#login_center {
background: url(img/login_center.gif) repeat-y;
}

#login_top {
background: url(img/login_top.gif) no-repeat;
}

#login_bottom {
background: url(img/login_bottom.gif) bottom no-repeat;
padding: 19px;
}

#login_right {
margin-left: 160px;
}

#login_left {
width: 160px;
float: left;
}

#login_button {
display: block;
width: 47px;
height: 55px;
background: url(img/login_button.gif) no-repeat;
}

#login_button:hover {
display: block;
width: 47px;
height: 55px;
background: url(img/login_button_sel.gif) no-repeat;
}

.field {
color: #143e68;;
font-family: 'times new roman';
font-size: 14px;
padding-left: 9px;
padding-right: 9px;
width: 157px;
height: 26px;
background: url(img/field_bg.gif) no-repeat;
border: 0px;
}

#login_bottom a {
font-size: 14px;
font-family: 'times new roman';
}

#login_bottom span {
padding-left: 10px;
}

.block_title {
background: url(img/block_title_bg.gif) no-repeat;
height: 59px;
padding-top: 9px;
}

#status_icon {
background: url(img/status_icon.gif) no-repeat;
height: 48px;
width: 80px;
float: left;
margin-left: 21px;
}

#box1_title {
  line-height:35px;
  text-align:left;
font-family: georgia;
font-size: 16px;
color: #f9f3d5;
text-decoration: none;
text-shadow: 1px 1px #8a5930;
}

#best_icon {
background: url(img/best_icon.gif) no-repeat;
height: 48px;
width: 80px;
float: left;
margin-left: 21px;
}



#last_icon {
background: url(img/last_icon.gif) no-repeat;
height: 48px;
width: 80px;
float: left;
margin-left: 21px;
}


#market_icon {
background: url(img/market_icon.gif) no-repeat;
height: 48px;
width: 80px;
float: left;
margin-left: 21px;
}


.block_content {
padding-left: 31px;
padding-right: 21px;
padding-top: 7px;
padding-bottom: 15px;
}

.serv_name {
background: url(img/serv_name_bg.gif) no-repeat;
height: 22px;
width: 133px;
float: left;
font-size: 14px;
font-family: 'times new roman';
padding-left: 10px;
padding-top: 5px;
margin-bottom: 4px;

}


.text_page {
float: left;
font-size: 14px;
font-family: 'times new roman';
padding-left: 10px;
padding-top: 5px;
margin-bottom: 4px;
}

.serv_status {
padding-top: 1px;
margin-left: 143px;
height: 27px;
margin-bottom: 4px;
}

.rank {
width: 37px;
float: left;
height: 37px;
background: url(img/rank_bg.gif) no-repeat;
font-family: Georgia;
font-style: italic;
font-size: 18px;
text-align: center;
padding-top: 6px;
}

.avatar {
width: 58px;
float: right;
height: 58px;
}

.avatar img {
border: 4px solid #ce8e45;
}


.avatar_big {
width: 128px;

height: 128px;
}

.avatar_big img {
border: 4px solid #ce8e45;
}

.info {
margin-left: 37px;
margin-right: 58px;
height: 58px;
padding-left: 7px;
}

.info a {
font-size: 18px;
}

.top_marginer {
background: url(img/top_marginer.gif) 50% repeat-x;
height: 22px;
}

.theme_icon {
background: url(img/theme_icon.gif) no-repeat;
width: 47px;
height: 25px;
float: left;
margin-top: 10px;
}

.theme_content {
margin-left: 47px;
margin-bottom: 10px;
margin-top: 10px;
}

.theme_content span a {
font-size: 12px;
font-family: Georgia;
}

.p_line {
background: url(img/top_marginer.gif) repeat-x;
height: 2px;
}

/** Slider style **/
/**carusel**/
*{outline: none;}
/**carusel**/
*{outline: none;}
.container {
	width: 630px;
	padding: 0;
	margin-left: 17px;

}
.folio_block {

}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	border: 4px solid #386fb1;
}
/*--Window/Masking Styles--*/
.window {
	height:187px;	width: 630px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #013574;
	border: 1px solid #01234c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
#slider_center {
background: url(img/slider_center.gif) repeat-y;

height: 200px;
width: 666px;
}

#slider_top {
height: 9px;

background: url(img/slider_top.gif) no-repeat;
width: 666px;
}
#online_bar{
height: 20px;
background: url(img/online.gif) no-repeat;
width: 226px;
padding-top:4px;
padding-left:8px;
padding-right:8px;
}


#slider_bottom {

margin-bottom: 8px;
width: 666px;
height: 9px;
background: url(img/slider_bottom.gif) no-repeat;
}
#news_center {
background: url(img/slider_center.gif) repeat-y;


width: 666px;
}

#page_content {
padding: 2px;
}

.news_title_bg {
height: 46px;
background: url(img/news_title_bg.gif) no-repeat;
margin-bottom:-5px;
}

.news_title {
margin-right: 200px;
font-size: 16px;
padding-top: 12px;
height: 34px;
padding-left: 60px;
font-family: 'Times new roman';
}

.news_date {
height: 32px;
padding-top: 14px;
width: 200px;
float: right;
text-align: center;
}

.news_text {
min-height: 140px;
padding: 13px;
margin-right: 200px;
}

.content_text {
min-height: 140px;
padding: 13px;
margin-right: 20px;
}

.contenttext {
font-size: 14px;
font-family: 'times new roman';
}

.content_h1text {
font-size: 18px;
font-family: 'times new roman';
font-weight: bold;
color: #cb441b;
}

.news_pict {

background: #fff;
padding: 3px;
border: 2px solid #143e68;
height: 120px;
width: 170px;
float: left;
margin:10px;
}

.all_pict {
padding: 13px;
padding-right: 0px;
min-height: 100px;
width: 180px;
float: left;
}

.all_pict img {
border: 4px solid #ce8e45;
}


.all_pict_big {
padding: 13px;
padding-right: 0px;
min-height: 100px;
width: 310px;
float: left;
}

.all_pict_big img {
border: 4px solid #ce8e45;
}


.all_text {
min-height: 140px;
padding: 13px;
margin-left: 170px;
}

.news_pict img {
border: 4px solid #ce8e45;
}

.views {
font-size: 12px;
color: #8e8e8e;
height: 17px;
padding-top: 10px;
padding-left: 13px;
margin-right: 205px;
margin-bottom: 10px;
}

.comm_more {
background: url(img/comm_bg.gif) no-repeat;
height: 27px;
margin-right: 30px;
color: #f3e6c6;
font-family: 'times new roman';
font-size: 12px;
width: 205px;
float: right;
}

.comm_more span {
display: block;
float: left;
padding-top: 5px;
padding-left: 10px;
}

.more_button {
display: block;
float: right;
background: url(img/more_button.gif) no-repeat;
width: 97px;
height: 27px;
}

.more_button:hover {
display: block;
float: right;
background: url(img/more_button_sel.gif) no-repeat;
width: 97px;
height: 27px;
}


#nav_str {
padding: 15px;
text-align: center;
}

#nav_str a {
background: #fffdee;
border: 1px solid #f1d9b9;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
text-decoration: none;
}

#nav_str span a {
background: #fffdee url(img/nav_bg.gif) repeat-x;
border: 1px solid #3a1c11;
padding: 5px;
color: #fcdfb0;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
text-decoration: none;
}

#nav_str a:hover {
background: #fff8d6;
border: 1px solid #dbb58c;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
text-decoration: none;
}

#bottom_menu {
height: 46px;
background: url(img/bottom_menu_bg.gif) no-repeat;
}

#bottom_menu a {
display: block;
float: left;
padding-top: 11px;
font-family: georgia;
font-size: 12px;
color: #f9f3d5;
text-decoration: none;
text-shadow: 1px 1px #8a5930;
}

#bottom_menu span {
display: block;
float: left;
height: 42px;
background: url(img/bottom_menu_span.gif) center no-repeat;
width: 48px;
}

#menu_c {
width: 710px;
margin-left: auto;
margin-right: auto;
}

#copyright {
height: 37px;
color: #22495f;
padding-left: 390px;
padding-top: 55px;
margin-right: 420px;
}

#copyright a {
color: #dcf2ff;
}

#counters {
padding-top: 10px;
width: 420px;
float: right;
height: 52px;
}

.counter {
float: left;
margin-left: 2px;
margin-right: 2px;
width: 91px;
height: 34px;
background: url(img/counter_bg.gif) no-repeat;
padding-left: 3px;
padding-top: 3px;
}

.serv_online {
margin-left: 143px;
color: white;
font-family: 'times new roman';
font-size: 12px;
padding-top: 6px;
margin-bottom: 4px;
text-align: center;
width: 101px;
height: 21px;
background: url(img/online_bg.gif) no-repeat;
}

.srvnumb{font-size:6pt;position:absolute;font-weight:700;margin:0 0 10px 2px}

.table_stat {
width: 100%;
border-collapse: collapse;
border: 1px solid #eccfa8;
}

#table_stattd {
background: #fffae8 url(img/table_bg.gif) repeat-x;
border: 1px solid #eccfa8;
padding: 5px;
}

.table1 td {
background: #fffae8 url(img/table_bg.gif) repeat-x;
border: 1px solid #eccfa8;
padding: 5px;
}

.table_stat2 {
border-collapse: collapse;
border: 1px solid #eccfa8;
}



/** User Panel **/


#user_menu {
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
}

#user_menu td {
width: 100%;
text-align: center;
}

#user_menu a {
font-family: 'times new roman';
font-size: 14px;
color: #5c4429;
text-decoration: none;
text-shadow: 1px 1px #fffae8;
}

.border1 {
border: 1px solid #eccfa8;
}

#border2 {
border: 1px solid #eccfa8;
border-top: 0px;
}

#border3 {
border: 1px solid #fff;
border-top: 0px;
padding: 15px;
}

.tab_botder1 {
padding-top: 5px;
background: #ede3b6 url(img/tab_bg.gif) repeat-x;
border: 1px solid #fff;
height: 75px;
}

.tab_botder1:hover {
padding-top: 5px;
background: #f3ebc0 url(img/tab_bg_sel.gif) repeat-x;
border: 1px solid #fff;
height: 75px;
}

.border1_act {
border: 1px solid #eccfa8;
border-bottom: 0px;
}

.tab_botder1_act {
padding-top: 5px;
background: #ede3b6 url(img/tab_bg_act.gif) repeat-x;
border: 1px solid #fff;
border-bottom: 0px;
height: 77px;
}

#user_p_left {
font-size: 14px;
font-family: 'times new roman';
padding-right: 15px;
background: url(img/left_border.gif) right repeat-y;
width: 185px;
float: left;
}

#user_p_right {
padding-left: 15px;
margin-left: 200px;
min-height: 220px;
}

#user_avatar {
padding: 8px;
text-align: center;
background: #f4e9c4;
margin-bottom: 10px;
}

#user_fields {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
}

table, td {
padding: 0px;
margin: 0px;
}

ul.submenu {margin-left:20px!important}
ul.submenu li {border-left:1px solid #805434!important}

#acc-menu a {font-family:Tahoma!important;font-size:8pt!important;text-decoration:none;padding:2px 5px;display:block;background-color:#f6f1d1;border-left:2px solid #f6f1d1}
#acc-menu a:hover {background-color:#eed9b3;color:#886d3e;border-color:#a3895d}
div.acc-menu-block {background:#a3895d url('img/stats_gradient.png') repeat-x bottom;font-weight:bold;color:#f0d4a3;text-shadow:0 1px 1px #46351f;border:1px solid #a3895d;padding:3px 5px;margin-bottom:2px}
div.acc-menu-block span {float:right}


div.about-cont {
	padding: 5px 10px;
	margin: 10px 0;
	background-color: #fffef0;
	color: #9d6e4e;
	border: 1px solid #e0d9ad
}

div.page-panel {
	font-weight: bold;
	background: #143e68;
	padding: 5px 10px;
	color: #ffefc4;
	border: 1px solid #7f5d41;
	text-shadow: 0 -1px 1px #604531
}

div.r {float:right}
div.r a {padding:3px 6px}
div.r a:hover {text-decoration:underline}
div.r a.serv {color:#ffefc4}


div.c {float:center}
div.c a {padding:3px 6px}
div.c a:hover {text-decoration:underline}
div.c a.lnk {color:#ffefc4}

/** Изменение 26.02.2011 **/

.serv_bg {
min-height: 110px;
font-size: 14px;
font-family: 'times new roman';
padding-bottom: 45px;
}

.serv_bg a {
font-size: 18px;
font-family: 'times new roman';
}

.serv_bg img {
margin-top: 6px;
margin-bottom: 6px;
}

#serv-1 {
background: url(img/serv1_bg.jpg) bottom no-repeat;
}

#serv-2 {
background: url(img/serv2_bg.jpg) bottom no-repeat;
}

#serv-3 {
background: url(img/serv3_bg.jpg) bottom no-repeat;
}


#timer {
padding-left: 375px;
height: 50px;
padding-top: 50px;
margin-top: -100px;
background: url(img/count_bg.png) 740px top no-repeat;
}

#TvT span {display:block;float:left;width:26px;height:32px;background:url('img/countdown.png') no-repeat 0px 0px} 
#TvT span.image0 {background-position:-31px 0} 
#TvT span.image1 {background-position:0 0} 
#TvT span.image2 {background-position:-62px 0} 
#TvT span.image3 {background-position:-93px 0px} 
#TvT span.image4 {background-position:-124px 0} 
#TvT span.image5 {background-position:-155px 0px} 
#TvT span.image6 {background-position:-186px 0px} 
#TvT span.image7 {background-position:-217px 0px} 
#TvT span.image8 {background-position:-248px 0px} 
#TvT span.image9 {background-position:-279px 0px} 
#TvT span.imageSep {margin-left:12px}


.tablesubheader
{
	background-color:#a3895d;
	font-size:10px;
	color: #f0d4a3;
	font-weight:bold;
	padding:5px;
}

.avatar {
width: 72px;
float: right;
height: 58px;
}

.avatar img {
border: 2px solid #386fb1;

}

#events {font-family:Verdana;font-size:8pt;height:125px}
#events div.event {background-color:#e7f2ff;border-left:3px solid #436c96;width:293px;padding:5px 10px;margin:0 5px 3px 0;float:left}
#events div.closed {opacity:0.5}
#events div.open {background-color:#d5f3a0;border-color:#a0ce51}
#events b.title, #events b.time {color:#436c96}
#events b.title {cursor:pointer}
#events b.title:hover {text-decoration:underline}
#events div.open * {color:#678b28}
#events .r, #sked_table .r {float:right}
#events .sml {font-size:7pt;margin-top:1px;color:#436c96}
#events img {position:absolute;margin-left:85px}
h2.event-header {font-variant:small-caps;color:#436c96;margin:0}
b.event-title {display:block;margin-bottom:5px;color:#436c96;font-family:Tahoma}
div.event-descr {padding:5px 10px;border-left:3px solid #436c96;background-color:#e7f2ff;margin-bottom:10px}
#sked_table h2 {margin:5px 0}
#sked_table div {padding:4px 10px;color:#436c96;background-color:#e7f2ff;border-left:3px solid #6890be;margin-top:1px}
#sked_table div.time {background-color:#a7c8ee;border-color:#436c96;color:#fff}
#sked_table p {font-style:italic;margin:5px 0 5px 10px}
#eventInfo {display:none}