html
, body {
    height: 100%;
}

body {
    text-align: center;
    position: relative;
    background: #eaeaea;
    color: #333;
    font: 12px/1.3 Arial;
}

a {
    color: #1481b4;
    outline: 0;
}

input
, select
, option
, textarea {
    outline: 0;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ie7 .group {
    min-height: 1px;    
}

.h-l {
    overflow: hidden;
    zoom: 1;
}

.clear {
    height: 1px;
    line-height: 0;
    font-size: 0;
    clear: both;
}


#content {
    margin: 0 auto;
    width: 920px;
    text-align: left;
    position: relative;
    z-index: 2;
    zoom: 1;
}


/*{{{ =Oldbrowser*/

.oldbrowser {
    height: 120px;
    background: #464646;
    color: #fff;
    text-align: center;
    margin: 0 0 2px 0;
    display: none;
}

.ie6 .oldbrowser {
    display: block;
}

.oldbrowser div {
    width: 928px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.oldbrowser h5 {
    font: bold 12px/1.3 Arial;
    width: 284px;
    position: absolute;
    top: 18px;
    left: 15px;
}

.oldbrowser p {
    font: normal 12px/1.3 Arial;
    width: 284px;
    position: absolute;
    top: 75px;
    left: 15px;
}

.oldbrowser ul {
    font: normal 12px/1.3 Arial;
    position: absolute;
    top: 19px;
    left: 285px;
    list-style: none;
    height: 98px;
    overflow: hidden;
}

.oldbrowser li {
    float: left;
    zoom: 1;
    height: 98px;
    margin: 0 39px 0 0;
}

.oldbrowser li a {
    display: block;
    float: left;
    zoom: 1;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 66px 6px 0 6px;
    height: 32px;
    font: 12px Arial;
}

.oldbrowser .chrome {
    background: url(../i/ol-chrome.gif) no-repeat 50% 8px;
}

.oldbrowser .mozilla {
    background: url(../i/ol-firefox.gif) no-repeat 50% 8px;
}

.oldbrowser .opera {
    background: url(../i/ol-opera.gif) no-repeat 50% 8px;
    width: 70px;
}

.oldbrowser .ie {
    width: 70px;
    background: url(../i/ol-ie.gif) no-repeat 50% 8px;
}

.oldbrowser .safari {
    width: 70px;
    background: url(../i/ol-safari.gif) no-repeat 50% 8px;
}

/*}}}*/


/*{{{ =Header*/

#header {
    min-height: 112px;
    height: auto;
    position: relative;
    width: 928px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    zoom: 1;
}

#header h1 {
    position: absolute;
    width: 199px;
    height: 49px;
    background: url(../i/logo.gif) no-repeat;
    top: 0;
    left: 4px;
    text-indent: -3000px;
}

#header h1 a {
    display: block;
    width: 199px;
    height: 49px;
    text-indent: -3000px;
}


.lk_tag {
    font-weight: bold;
    font-size: 23px;
    color: #666;
    position: absolute;
    top: 12px; left: 241px;
    width: 215px;
}

.lk_slogan {
    font-size: 14px;
    color: #666;
    position: absolute;
    top: 42px; left: 241px;
}


.pers_wrap {
    position: relative;
    float: right;
    margin: 10px 0;
    width: 375px;
    padding: 0 0 5px;
    background: url(../i/pers-bg2.png) 0 100% no-repeat;
    font-size: 11px;
    color: #5a5a5a;
}

.pers_wrap2 {
    background: url(../i/pers-bg1.png) 0 0 no-repeat;    
    padding: 10px 10px 1px;
}

.pers-info {
    border-right: 1px solid #e4e4e4;
    margin: 0 125px 0 0;
    padding: 0 10px 0 0;
}

.pers-info h4 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px;
}

.pers-info .tel {
    font-size: 10px;
    margin: 0 0 5px;
}

.pers-info .tel b {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dotted #333;
}

.pers-info p {
    margin: 0 0 2px;
}

.pers-info .reload {
    margin: 0 10px 0 3px;
    vertical-align: middle;
}

.pers_wrap .logout {
    font-size: 10px;
    color: #7a7a7a;
    position: absolute;
    top: 10px; right: 10px;
}

.pers_wrap .customs
, .pers_wrap .change-pass {
    font-size: 10px;
    position: absolute;
    bottom: 23px; right: 10px;
}

.pers_wrap .change-pass {
    bottom: 8px;
}

/*}}}*/


/*{{{ =Nav*/  

#nav {
    position: relative;
    z-index: 999;
    width: 928px;
    margin: 0 auto;
    padding: 27px 0 0 0;
    text-align: left;
    zoom: 1;
}

#nav .toplevel {
    height: 37px;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 1px; left: 2px;
    z-index: 3;
}

#nav .toplevel li {
    float: left;
    margin: 0;
    background: url(../i/tv-menu.png) 0 0 repeat-x;
    font: bold 12px Arial, sans-serif;
}

#nav .toplevel li:first-child {
    background-image: url(../i/tv-menu-first.png);
    background-repeat: no-repeat;
}

#nav .toplevel li.last-child {
    background: url(../i/tv-menu-last.png) 100% 0 no-repeat;
}

#nav .toplevel li:hover
, #nav .toplevel li#active {
    background-position: 0 -37px;
}

#nav .toplevel li.last-child:hover 
, #nav .toplevel li.last-child#active {
    background-position: 100% -37px;
}

#nav .toplevel li a
, #nav .toplevel li span {
    display: block;
    height: 37px;
    text-indent: -3000px;
}

#nav .toplevel li a
, #nav .toplevel li span {
    text-indent: 0;
    float: left;
    background: url(../i/tv-menu-border.png) 0 0 no-repeat;
    padding: 0 15px;
    line-height: 37px;
    color: #fff;
}

#nav .toplevel li:hover a 
, #nav .toplevel li#active a {
    background-position: 0 -37px;
    text-decoration: none;
}

#nav .toplevel li:first-child a {
    background: none;
}

#nav li.more {
    background: none;
    position: relative;
    z-index: 1;
    padding: 13px 0 0 15px;
    font-weight: normal;
}

#nav li.more a {
    padding: 0 14px 0 0;
    color: #0a83ab;
    line-height: 100%;
    height: auto;
    background: url(../i/bul1.png) 100% 4px no-repeat;
}

#nav li.more:hover a {
    background: url(../i/bul1.png) 100% 4px no-repeat;
    text-decoration: underline;
}

.more-subnav {
    position: absolute;
    top: 30px; right: 0;
    background: #fff;
    border: 1px solid #d7d7d7;
    width: 120px;
    padding: 10px 10px 5px;
    display: none;
}

li.more-show .more-subnav {
    display: block;
}

#nav .more-subnav ul {
    list-style: none;
    margin: 0;
}

#nav .more-subnav li {
    padding: 0 0 10px 15px;
    float: none;
    background: url(../i/bul1.png) 0 5px no-repeat !important;
    font-weight: normal;
}

#nav .more-subnav li a {
    background: none;
    padding: 0;
    color: #0a83ab;
    float: none;
    height: auto;
    display: inline;
}

#nav li.more:hover .more-subnav li a {
    background: none;
}

#subnav {
    width: 928px;
    margin: 0 auto 15px;
}

.sublevel {
    width: 920px;
    height: 40px;
    padding: 18px 0 0 8px;
    margin: 0 0 0 4px;
    list-style: none;
    background: url(../i/sublevel-back.gif) no-repeat;
}

.sublevel li {
    float: left;
    margin: 5px 0 0;
    font-size: 13px;
}

.sublevel li a {
    display: block;
    margin: 0 16px;
}

.sublevel li a
,.sublevel li.active strong {
    margin: 0 12px;
}

/*}}}*/


/*{{{ =Jqtransform*/ 

form.jqtransformdone label {
    margin: 8px 11px 0 0;
    display: block;
    float: left;
}


button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button.jqTransformButton {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    overflow: visible;
    font-family: Arial;
    white-space: nowrap;
}

button.jqTransformButton span {
    background: url(../i/forms/btn_right.gif) 100% 0 no-repeat;
    float: left;
    padding: 0 4px 0 0;
    height: 21px;
    white-space: nowrap;
}

button.jqTransformButton span span {
    background: url(../i/forms/btn_left.gif) 0 0 no-repeat;
    color: #333;
    padding: 3px 4px 0px 8px;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    display: block;
    text-decoration: none;
    height: 21px;
    color: #fff;
    white-space: nowrap;
}


.jqTransformInputWrapper {
    background: url(../i/forms/input_left.gif) 0 0 no-repeat;
    height: 19px;
    float: left;
}

.jqTransformInputInner {
    background: url(../i/forms/input_right.gif) 100% 0 no-repeat;
    padding: 1px 4px 0 0;
    margin: 0 0 0 4px;
}

.jqTransformInputInner div {
    height: 18px;
}

.jqTransformInputInner input {
    font: 11px/18px Arial, Helvetica, sans-serif;
    height: 18px;
    color: #404040;	
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}


table.jqTransformTextarea textarea {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

table.jqTransformTextarea td {
    font-size: 1px;
    line-height: 1px;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border: none;
}

table.jqTransformTextarea td#jqTransformTextarea-tl {
    background: url(../i/forms/textarea-tl.gif) no-repeat bottom left;
}

table.jqTransformTextarea td#jqTransformTextarea-tm {
    background: url(../i/forms/textarea-tm.gif) repeat-x bottom left;
}

table.jqTransformTextarea td#jqTransformTextarea-tr {
    background: url(../i/forms/textarea-tr.gif) no-repeat bottom left;
}

table.jqTransformTextarea td#jqTransformTextarea-ml {
    background: url(../i/forms/textarea-ml.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-mm {
    background: url(../i/forms/textarea-mm.gif) repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
    font-size: 12px;
    line-height: 16px;
}

table.jqTransformTextarea td#jqTransformTextarea-mr {
    background: url(../i/forms/textarea-mr.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bl {
    background: url(../i/forms/textarea-bl.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bm {
    background: url(../i/forms/textarea-bm.gif) repeat-x top left;
}

table.jqTransformTextarea td#jqTransformTextarea-br {
    background: url(../i/forms/textarea-br.gif) no-repeat top left;
}

table.jqTransformTextarea .jqTransformSafariTextarea div {
    position: relative;
    overflow: hidden;
    border: 0px solid red;
}

table.jqTransformTextarea .jqTransformSafariTextarea textarea {
    background: none;
    position: absolute;
    top:-10px;
    left:-10px;
    padding: 10px 10px 10px 10px;
    resize: none;
}


.jqTransformRadioWrapper {
    float: left;
    margin: 0 4px;
}

.jqTransformRadio {
    display: block;
    background: url(../i/forms/radio.gif) 50% 0 no-repeat;
    vertical-align: middle;
    height: 19px;
    width: 18px;
}


span.jqTransformCheckboxWrapper {
    float: left;
    margin: 0 4px;
}

.jqTransformCheckbox {
    display: block;
    background: url(../i/forms/checkbox.gif) 50% 0 no-repeat;
    vertical-align: middle;
    height: 19px;
    width: 18px;
}

.jqTransformChecked { 
    background-position: 50% 100%;
}


.jqTransformSelectWrapper {
    width: 45px;
    height: 19px;
    position: relative;
    background: url(../i/forms/select_left.gif) 0 0 no-repeat;
    float: left;
    text-align: left;
}

.jqTransformSelectWrapper div span {	
    font-size: 11px;
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 14px;
    height: 19px;
    line-height: 15px;
    padding: 2px 0 0;
    text-indent: 7px;
    overflow: hidden;
    cursor: pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    top: 0;
    right: 0px; _right: -1px;
    width: 19px;
    height: 19px;
    background: url(../i/forms/select_right.gif) 50% 50% no-repeat;
}

.jqTransformSelectWrapper ul {
    position: absolute;
    width: 43px;
    top: 20px;
    left: 0;
    list-style: none;
    background: #fff;
    border: solid 1px #ccc;
    display: none;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow: auto;
}

.jqTransformSelectWrapper ul li {
    margin: 0 0 5px !important;
    padding: 0 !important;
    background: none !important;
    line-height: 100%;
    float: none !important;
}

.jqTransformSelectWrapper ul a {
    display: block;
    margin: 0 !important;
    padding: 0 5px !important;
    text-decoration: none;
    color: #333;
    background: #fff;
    font-size: 11px;
}

.jqTransformSelectWrapper ul a.selected {
    background: #ededed;
    color: #333!important;
}

.jqTransformSelectWrapper ul a:hover
, .jqTransformSelectWrapper ul a.selected:hover {
    background: #ccc;
    color: #333!important;
}


input.jqTransformHidden {
    display: none !important;
}

select.jqTransformHidden {
    visibility: hidden; 
}

/*}}}*/


/*{{{ =Footer*/ 

#footer {
    background: url(../i/foot-bg.png) 0 0 repeat-x;
    width: 920px;
    min-height: 100px;
    zoom: 1;
    clear: both;
    margin: 0 auto;
    text-align: left;
    position: relative;
    font-size: 10px;
    color: #666;
}

#footer ul {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 20px; left: 310px;
    width: 609px;
}

#footer ul li {
    margin: 0 16px 0 0;
    float: left;
}

#footer p {
    position: absolute;
    top: 38px; left: 310px;
    width: 609px;
}

#footer div.social {
    height: 16px;
    position: absolute;
    top: 17px; left: 0;
    width: 165px;
}

#footer div.social a {
    margin: 0 3px 0 0;
}

/*}}}*/