* {
    margin: 0;
    padding: 0;
}
BODY {
    FONT-SIZE: small;
    COLOR: #333;
    FONT-FAMILY: Tahoma;
    TEXT-ALIGN: center;
    margin:0;
    BACKGROUND: url(../images/body.png) repeat-x top center;
}
img {
    border: none
}
a {
    cursor: pointer;
}
TEXTAREA, INPUT, SELECT{
    BORDER: #dcdcdc 1px solid;
    PADDING: 2px;
}
input[type=radio] {
    BORDER: 0px;
}
input.submit {
    BORDER: #666 1px solid;
    PADDING: 0px;
    cursor: pointer;
    background-color: #0A181A;
    color: #FFF;
}
input.date {
    WIDTH: 80px;
}

#wrapper {
    PADDING: 0;
    MARGIN: 0pt auto;
    WIDTH: 900px;
    POSITION: relative;
    TEXT-ALIGN: left
}
#top {
    CLEAR: both; 
    WIDTH: 960px;
    height: 257px;
    background: url(../images/header2.png);
}
#top a {
    margin-left: 69px;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: 50px;
}

#logo {
    FLOAT: left; WIDTH: 300px
}

#submenu {
    CLEAR: both; FONT-SIZE: 80%; WIDTH: 100%
}
#submenu DIV {
    BACKGROUND: url(../images/mml.gif) no-repeat left top; FLOAT: left; COLOR: white; HEIGHT: 20px
}
#submenu DIV DIV {
    PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: url(../images/mmr.gif) no-repeat right top; FLOAT: left; COLOR: white; PADDING-TOP: 2px; HEIGHT: 20px
}
#submenu DIV DIV A {
    COLOR: white; TEXT-DECORATION: underline
}
#menu {
    position: absolute;
    margin: 225px 0 0 73px;
    WIDTH: 857px;
    height: 30px;
    background: #000;
}
#mainmenu {
    height: 27px;
    margin: -33px 0 0 73px;
    padding-top: 1px;
    width: 890px;
}
#menu DIV.left {
    background : url(../images/ml.gif) no-repeat left bottom;
    width : 100%;
    HEIGHT: 40px;
}
#menu DIV.left DIV.mainmenu {
    FLOAT: left; 
    MARGIN-LEFT: 31px;
    HEIGHT: 40px
}
#menu DIV.left DIV.right {
    BACKGROUND: url(../images/mr.gif) no-repeat right bottom; HEIGHT: 40px
}
#content {
    WIDTH: 856px; 
    margin: -25px 0 10px 72px;

    padding: 40px 0 0 0;
    border: 1px solid #e6e6e6;
    border-top: 0;
}
#main {
    min-height: 250px;
    margin: 0px 0px 20px 0px;
    padding: 0 25px;
    z-index: 10;
}
#main A {
    COLOR: #00acbb
}
.submit_form TD {
    PADDING: 5px;
}
.submit_form INPUT[type=text] {
    WIDTH: 250px
}
.submit_form SELECT {
    WIDTH: 407px
}
.submit_form TEXTAREA {
    WIDTH: 400px; HEIGHT: 150px
}
.submit_form .submit {
    WIDTH: 150px
}
.submit_form .checkbox {
    WIDTH: 20px;
}
.error {
    FONT-WEIGHT: bold; COLOR: #f00
}

H2 {
    MARGIN:0 0 10px 0;
    FONT-SIZE: 120%;
    COLOR: #00c7d8
}
H3 {
    CLEAR: both;
    MARGIN: 10px 0;
    FONT-SIZE: 24px; 
    font-family: Myriad Pro;
    font-weight: normal;
    COLOR: #00929f;
}
H4 {
    CLEAR: both;
    MARGIN: 10px 0;
    FONT-SIZE: 24px;
    font-family: Myriad Pro;
    font-weight: normal;
    COLOR: #000;
}
H5 {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    font-family: Myriad Pro;
    margin:0;
}

.bmenu {
    margin:10px 0;
    width: 400px;
}
.bmenu li {list-style-type: none;}
ul.limited{
    display: none;
    margin-left: 10px;
}
li.toggler {
    padding-right: 10px;
    list-style-image: url(../images/item_ltr.png);
}
li.aban, li.toggler {
    color:#00ACBB;
    font-size: 18px;
    list-style-type:none;
    text-decoration:underline;
    cursor: pointer;
    margin: 3px 0px;
}
li.aban.active, li.toggler.active {
    text-decoration:none;
}
li.aban.sel {
    text-decoration:none;
    color: red;
}

#login {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: 195px;
    text-align: left;
}
* html #login {margin-left: 170px;}

.loginstyle {
    BACKGROUND: url(../images/logobg2.png) top left no-repeat;
    width: 262px;
    height: 130px;
}

.loginstyle input {
    font-size: 11px;
    padding: 1px 2px;
}

.loginstyle td {
    font-size: 11px;
    color: #666;
    padding: 0px 2px 0px 15px;
    line-height: 0.8;   
}
.loginstyle td.sel {
    font-size:100%;
    font-weight:bold;
    text-align:center;
    padding: 0;
}
.loginstyle td.nam {
    font-size:100%;
    color:#00AA88;
    font-weight:bold;
    line-height: 1.2em;
}


.partner {
    width: 100%;
    margin-top: -20px;
}
* html .partner {margin-top: 0px;}
.partner td {
    font-size: 12px;
    color: #333;
    vertical-align: top;
    text-align: left;

}

tr.tdsmall td {
    font-size: 11px;
    padding-right: 20px;
    padding-bottom: 5px;
}

.tdsmall ul {
    padding:0;
    margin: 0;
}

.tdsmall li {
    list-style-type: none;
    list-style-position: outside;
    BACKGROUND: url(../images/list.png) top left no-repeat;
    padding-left: 15px;
    margin:4px 0 0 0;
}

ul.rules {
    padding:0;
    margin: 0;
}

ul.rules li {
    list-style-type: none;
    list-style-position: outside;
    BACKGROUND: url(../images/list.png) top left no-repeat;
    padding-left: 15px;
    margin:0 0 4px 0;
    width: 600px;
}


div.support {
    font-weight: normal;
    font-size: 18px;
    margin-top: 20px;
    float: left;
}

/********************************************************************************/
#block_menu a {
    margin:0;
    padding:0;
    text-decoration: none;
}

.punkt {
    float:left;
    background:transparent;
    position:relative;
    cursor:pointer;
    background: #000;
    color:#EEE;
    background: #111C1C;
}




.punkt span{
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    padding: 7px 6px;
    text-decoration: none;
    margin: 0px;
    display: block;
}

.punkt span.two{
    border-right: 1px dotted #2F3E3F;
    border-top: 1px dotted #2F3E3F;
    padding: 8px 12px;
    text-decoration: none;
    margin: 0px;
    display: block;
    font-size: 11px;


}



.subpunkt {
    float:left;
    position:relative;
    cursor:pointer;
    background: #000;
    color:#EEE;
    width: 100%;
}


a.subpunkt {
    background: #111C1C;
    color:#fff;
    width: 100%;
}



.subpunkt div {
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    padding: 10px 7px;
    text-decoration: none;
    margin: 0px;
    display: block;
}

#block_menu a.subpunkt {
    border-right: 1px dotted #295B5F;
    border-top: 1px dotted #295B5F;
    padding: 10px 7px;
    text-decoration: none;
    padding-left: 16px;
    display: block;
    font-size: 11px;
}



div.list_punkts {
    background:#000;
    position:absolute;
    z-index: 2;
    display:none;
    padding:0px;
    width:180px;
    border: 0;
}

div.list_punkts2 {
    position:absolute;
    z-index: 2;
    display:none;
    padding:0px;
    width:180px;
    border: 0;
-moz-box-shadow: 10px 4px 40px #000;
	-webkit-box-shadow: 10px 4px 40px #000;
	box-shadow: 10px 4px 40px #000;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=145, Strength=10);*/
}




.footer_menu {clear:both;}
.fmenu a {
    position: relative;
    padding: 7px 15px;
    text-decoration: none;
    color: #999;
    background: #ededed;
}

.fmenu a:hover {
    color: #ddd;
    background: #000;
}


.fmenu a.copy {
    color: #333;
    background: #fff;
}

span.warn{color: red; font-weight:bold; font-size: 12px; margin-left: 15px;}
span.succ{color: green; font-weight:bold; font-size: 12px; margin-left: 15px;}

div.list_punkts div a div.podpunkt div { width:100%;padding:5px 0px 3px 15px; white-space:pre;border: 0;}

.group td {
text-align: right;
color: #00DAED;
font-weight: bold;
}

.group2 td {
text-align: left;
color: #00DAED;
font-weight: bold;
width: 100px;
padding-top: 6px;
}


div.chkbox {
	border: solid 1px #000;
	color: #F00;
	cursor: pointer;
	width: 14px;
	margin-left: 28px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

td.f1 {
font-size: 18px;
text-align: left;
vertical-align: bottom;
font-weight: normal;
width: 500px;
}


td.f2 {
font-size: 18px;
text-align: left;
vertical-align: center;
font-weight: normal;
width: 500px;
color: #000;
}

td.f1 span{
font-size: 11px;
color: #888;
}

td.f2 span{
font-size: 11px;
color: #888;
}


.group td img {
border: 1px solid #ddd;
}

.group2 td img {
border: 1px solid #ccc;
}


#newDay {
    cursor: pointer;
    margin: 0px 5px 10px 2px;
}
/***    MooTools TABs   *************/
#sa_ref {
    display: none;
}
a.refer {
    color: #0A8 !important;
    padding: 5px;
    line-height: 3;
    text-decoration:none;
    font-weight: bold;
}
a.refer:hover {
    text-decoration:underline;
}

#main a.refer2 {
/*    color: #00ACBB;*/
    color: #fff;
    padding: 0px 6px;
    background: #00ACBB;
    position: relative;
    top: 5px;
    height: 20px;
    font-size: 11px;
    line-height: 16px;
    text-decoration:none;
    font-weight: bold;
	line-height: 22px;	
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
	display: inline-block;
}



#main a.refer2:hover, #main a.refer2_a {
    background: #000;
    color: #fff;
}

#main .ahref {
	margin:0 0 6px 0;

/*	line-height: 17px;	*/
 	font-size: 0px;

	
}




div.ico_edit {
    width: 16px;
    height: 16px;
    background-image: url(../images/icons-s.gif);
    background-position: 0px -3456px;
    cursor: pointer;
    display: inline-block;
}
div.ico_del {
    width: 16px;
    height: 16px;
    background-image: url(../images/icons-s.gif);
    background-position: 0px -1680px;
    cursor: pointer;
    display: inline-block;
}
div.ico_save {
    width: 16px;
    height: 16px;
    background-image: url(../images/icons-s.gif);
    background-position: 1548px -590px;
    cursor: pointer;
    display: inline-block;
}

/*------ ToolTip --------*/
.tip {
    border: solid 1px gray;
    background-color: #FFFFE1;
    padding: 2px;
    font-size: 14px;
    font-family:monospace;
    color: #000;
}
.tip-title {
    background-color: #666;
    padding: 2px;
}
.tip-text {
    padding: 2px;
    text-align: left;
}


#suplink {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -375px;
}

#suplink a {
	color: #8F8F8F;
	font-size: 11px;
}
/* ---- Ticket System Box -----*/
#ticket_box {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -255px;
        text-align: left;
        background: url(../images/mail.gif) no-repeat 0 2px;

	width: 300px;
	height: 16px;
	font: normal 11px sans-serif;
	color: #FFF;
	padding: 2px 0 0 20px;
	cursor:pointer;
	display: none;
	z-index: 3;
}
p.mess {margin:5px 10px 10px 10px;padding: 0 5px 0 10px;text-indent:-10px;}
span.b {font-weight: bold;}
span.u {padding:20px;text-decoration:underline}
span.mess {color:#666;font-size:1.1em}
p.m1 {border:solid 1px #CCC;padding:10px 30px;margin:0 20px;text-indent:-20px;}
p.m2 {background-color:#EEE;}
p.h1 {font-weight:bold;font-size:1.2em;text-align:center}
/*------ page links -------- */
#pagin {
    CLEAR: both;
    WIDTH: 760px;
    margin-top: 10px;
    /*height: 18px;*/
}
#pagin a {
  	border: solid 1px #00929F;
	color: #00929F;
    cursor: pointer;
    min-width: 20px;
	margin: 5px 3px;
    display: inline-block;
    text-align: center;
	font-family: sans-serif;
	font-size: 12px;
	padding: 5px;
}
#pagin a:hover {
	padding: 4px;
	border-width: 2px;
	text-decoration: underline;
}

#pagin a.sel_page {
	font-weight: bold;
	color: #000;
	border-color: #000;
}

#upd_stat{cursor: pointer;background-image: url(../images/loader.gif); background-repeat: no-repeat; vertical-align: middle}

#main .ph2 {
 display: block;
 width: 150px;
 color: #fff;
 font-size: 18px;
 padding: 0.2em 0 0.2em 10px;
 background: #000;
}

#main .pmain img{
/* border: 1px solid #ccc;
 width: 158px;*/
}


#main .ph2:hover {
 display:block;
 background: #00DAED;
 text-decoration: none;
 position: relative;
}

#main .pmain td {
 width: 180px;
 height: 200px;
 padding-bottom: 20px;
 vertical-align: top;
}

#main .phover {
 display:block;
 position: relative;
 text-decoration: none;
}


#main .phimg {
 position: absolute;

}

#main .phoper {
 position: absolute;
 right:20px;
 top:125px;
 // top:123px;
}

#main .podp {
 position: relative;
/* background: #AF0000;*/
background: #000;
 padding: 2px 3px;
 color: #fff;
 font-size: 11px;

 border-right: 0;
}
#main .phsms {
 position: relative;
 background: #fff;
 padding: 2px 3px;
 color: #000;
 font-size: 11px;

}
#main .phpsevdo {
 position: relative;
 background: #00B1BF;
 padding: 2px 3px;
 color: #fff;
 font-size: 11px;

}

#main .ppodpi {
 position: relative;
 margin-left: 350px;
 background: #00B1BF;
 padding: 2px 3px;
 color: #fff;
 font-weight: normal;
 font-size: 11px;
}

#main .podpi {
 position: relative;
 margin-left: 20px;
 background: #000;
 padding: 2px 3px;
 color: #fff;
 font-weight: normal;
 font-size: 11px;
}

div.subgroup{
	overflow: hidden;
	width: 100%;
}


