* {
 margin: 0;
 padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
 display: block;
}
body {
font: 12px/18px Arial, sans-serif;
width: 100%;
background: #f0efef;
color: #4b4b4b;
}
.wrapper {
width: 960px;
margin: 0 auto;
}
.mid{
width: 960px;
margin: 0 auto;
}
hr{
height: 0;
border: none;
background: none;
margin: 8px 0;
border-bottom: 1px #ccc dashed;
width: 100%;
clear: both;
}
h2{
font-size: 16px;
font-weight: normal;
margin: 0 0 20px 0;
}
h3{
font-size: 18px;
font-weight: normal;
}
a{
color: #3297c9;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

/* Header
-----------------------------------------------------------------------------*/
.header{
height: 90px;
background: #454545;
position: relative;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}
.logo{
position: relative;
top: 24px;
width: 180px;
float: left;
}
.logo img{
width: 140px;
}
#menu{
float: left;
width: 630px;
height: 90px;
overflow: hidden;
}
#menu li{
list-style-type: none;
display: inline-block;
position: relative;
left: -10px;
}
#menu li a{
color: #fff;
font-size: 14px;
line-height: 90px;
margin: 0 15px;
text-decoration: none;
}
#menu li a:hover{
color: #33b9ff;
}
.search{
width: 160px;
clear: right;
}
#personalC a{
line-height: 90px;
color: #fff;
text-decoration: none;
font-size: 14px;
float: right;
padding: 0 5px;
}
#personalC a:hover{
color: #33b9ff;
}

.menuSub{
position: absolute;
bottom: -68px;
left: 0;
width: 100%;
background: #696969;
padding: 9px 0;
z-index: 20;
display: none;
}

.hArrow{
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12.5px 15px 12.5px;
border-color: transparent transparent #696969 transparent;
z-index: 10;
}
.fArrow{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11.8px 13.8px 11.8px;
border-color: transparent transparent #fff transparent;
z-index: 9;
}

.closeSub{
color: #fff;
height: 35px;
line-height: 35px;
width: 100%;
position: absolute;
left: 0;
bottom: -35px;
box-shadow: 0 4px 2px -2px rgba(0,0,0, 0.2);
}

.intoSub li{
list-style-type: none;
display: inline-block;
}
.intoSub li a{
color: #fff;
font-size: 13px;
line-height: 50px;
margin: 0 35px 0 0;
text-decoration: none;
}
.intoSub li a:hover{
opacity: 0.8;
color: #33b9ff;
}

.hpanel{
background: #fff;
width: 100%;
height: 50px;
margin: 0 0 30px 0;
}
.fpanel{
background: #fff;
width: 100%;
height: 67px;
text-align: center;
margin: 0 0 30px 0;
}
.fpanel li{
list-style-type: none;
line-height: 67px;
margin: 0 30px 0 0;
display: inline-block;
}

/* Middle
-----------------------------------------------------------------------------*/
.middle {
width: 100%;
position: relative;
background: #fff;
border-radius: 6px;
padding: 2px 0 10px 0;
}
.middle:after {
display: table;
clear: both;
content: '';
}
.container {
width: 100%;
float: left;
overflow: hidden;
}
.content {
padding: 0 0 0 260px;
}
.textContent{
padding: 20px 25px 20px 5px;
line-height: 21px;
}
.textContent li{
margin: 0 0 0 30px;
}
.fmid{
width: 90%;
min-width: 960px;
margin: 0 auto;
}

/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
 float: left;
 width: 250px;
 margin-left: -100%;
 position: relative;
}

.block{
border: 1px #ccc solid;
width: 86%;
margin: 15px 7%;
border-radius: 6px;
}
.lastN{
width: 96%;
margin: 15px 2%;
}
.noborder{
border: none;
}
.blockVK{
margin: 10px 18px;
height: 300;
width: 217px;
overflow: hidden!important;
border-radius: 6px!important;
}
.blockT{
font-size: 14px;
padding: 10px 20px;
color: #7b7b7b;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Sans-Serif;
}
.blockC{
padding: 10px 20px;
font-size: 12px;

}
.blockC li{
list-style-type: none;
line-height: 25px;
color: #0085c4;
}
.hr{
height: 0;
width: 100%;
width: 82%;
margin: 0 auto;
border-bottom: 1px #ccc dashed;
}


/* Низ сайта
-----------------------------------------------------------------------------*/
.footer{
background: #454545;
margin: 20px 0 0 0;
color: #fff;
}
.footer a{
color: #fff;
text-decoration: none;
}

.fBlock{
float: left;
padding: 24px 0;
vertical-align: top;
}
.fTitle{
font-size: 13px;
margin: 0 0 10px 0;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}
.fBlock li{
list-style-type: none;
line-height: 24px;
color: #cfcfcf;
font-size: 12px;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}
.fBlock li a{
color: #cfcfcf;
}
.fBlock li a:hover{
color: #fff;
}
.fB1{
width: 18%;
margin: 0 1.2% 0 0;
}
.fB2{
width: 16%;
margin: 0 2.2% 0 0;
}
.fB3{
width: 21%;
margin: 0 3.2% 0 0;
}
.fB4{
width: 18%;
margin: 0 1.2% 0 0;
}
.fB5{
width: 19%;
}

.fInfo{
color: #c6c6c6;
font-size: 11px;
padding: 0 0 10px 0;
float: left;
}
.fInfoR{
color: #c6c6c6;
font-size: 11px;
padding: 0 0 10px 0;
float: right;
}
.vh{
padding: 0 4px;
color: #747474;
}

/* Блоки на главной
-----------------------------------------------------------------------------*/
.mainBlocks li{
vertical-align: top;
list-style-type: none;
display: inline-block;
//display : inline;
//zoom : 1;
overflow: hidden;
background: #fff;
width: 31%;
}
.mainBlocks li:nth-child(1), .mainBlocks li:nth-child(2){
margin: 0 3.5% 0 0;
}
.mBlockTitle{
height: 42px;
line-height: 42px;
text-align: center;
font-size: 14px;
overflow: hidden;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}
.mBlockImage{
height: 125px;
overflow: hidden;
width: 100%;
}
.mBlockImage img{
width: 100%;
}
.mBlockText{
height: 200px;
}
.blockList{
margin: 0 auto;
width: 86%;
padding: 14px 0;
}
.blockList li{
width: 100%;
line-height: 28px;
}
.blockList li a{
color: #474747;
}
.blockList li a:hover{
color: #3297c9;
text-decoration: underline;
}

#firstAopen{
display: none;
}

.sInfo{
position: absolute;
top: 55px;
left: 40px;
color: #fff;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}
.sTitle{
font-size: 20px;
margin: 0 0 30px 0;
}
.sText{
line-height: 24px;
width: 410px;
font-size: 13px;
}
.more{
font-size: 13px;
margin: 25px 0 0 0;
padding: 8px 0;
width: 110px;
text-align: center;
background: rgba(0,0,0, 0.15);
cursor: pointer;
display: block;
color: #fff;
}


.BlockPoll{
margin: 0 auto;
width: 86%;
padding: 14px 0;
}
.pollQue{
font-size: 12px;
color: #3d3d3d;
font-family: Arial,Helvetica,sans-serif!important;
margin: 0 0 4px 0;
}
.pollAns{
line-height: 21px;
color: #5f5f5f;
}
.answer{
}
.answer, .answer label, .answer input{
cursor: pointer;
}
.answer label{
margin: 0 0 0 2px;
}
.pollBut{
border: none;
padding: 4px 8px;
cursor: pointer;
color: #777777;
background: #eee9e9;
margin: 7px 0 0 0;
}
.clear{
clear: both;
}
.homeIcon{
width: 13px;
height: 50px;
margin: 0 10px 0 0;
background: url(/images/home.png) no-repeat center center;
display: inline-block;
}
.nextIcon{
width: 6px;
height: 50px;
margin: 0 10px 0 0;
background: url(/images/next.png) no-repeat center center;
display: inline-block;
}
.hText{
line-height: 50px;
vertical-align: top;
display: inline-block;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
margin: 0 10px 0 0;
}




.modal_div{
 width: 858px; 
 height: 580px; /* Размеры должны быть фиксированы */
 background: #fff;
 position: fixed; /* чтобы окно было в видимой зоне в любом месте */
 top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
 left: 50%; /* половина экрана слева */
 margin-top: -315px;
 margin-left: -430px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
 display: none; /* в обычном состоянии окна не должно быть */
 opacity: 0; /* полностью прозрачно для анимирования */
 z-index: 1000; /* окно должно быть наиболее большем слое */
 
}
/* Кнопка закрыть для тех кто в танке) */
.modal_div .modal_close {
 width: 21px;
 height: 21px;
 position: absolute;
 top: 10px;
 right: 10px;
 cursor: pointer;
 display: block;
}
/* Подложка */
#overlay {
 z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
 position: fixed; /* всегда перекрывает весь сайт */
 background-color: #000; /* черная */
 opacity: 0.8; /* но немного прозрачна */
 width: 100%; 
 height: 100%; /* размером во весь экран */
 top: 0; 
 left: 0; /* сверху и слева 0, обязательные свойства! */
 cursor: pointer;
 display: none; /* в обычном состоянии её нет) */
}
.eText{
font-size: 13px;
padding: 10px 0;
}
.eTime{
color: #6d6d6d;
font-size: 10px;
margin: 0 0 20px 0;
}
.fNews{
width: 100%;
margin: 0 0 30px 0;
}
.fNewsTime{
float: left;
color: #999999;
font-size: 11px;
text-align: center;
width: 70px;
}
.fNewsContent{
width: 350px;
float: left;
}
.fNewsImg{
text-align: right;
}
.fNewsImg img{
width: 190px;
}
.fNewsImg:hover img{
opacity: 0.7;
}
.spoiler_links{
color: #3297d3;
font-size: 16px;
font-family: "Trebuchet MS", Arial, Sans-Serif;
text-decoration: none;
margin: 0;
}
.fNewsTitle a{
color: #3297c9;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Sans-Serif;
text-decoration: none;
font-weight: bold;
}
.fNewsTitle a:hover{
text-decoration: underline;
}
.fNewsText{
margin: 5px 0 0 0;
text-align: justify;
}
.fNewsInfo{
margin: 5px 0 0 0;
}
.fNewsInfo b{
color: #999999;
font-size: 12px;
font-weight: normal;
padding: 0 15px 0 0;
}
#support{
font-size: 13px;
position: fixed;
left: 0;
top: 35%;
display: block;
width: 41px;
height: 158px;
text-decoration: none;
background: url(/images/supporticon.png) no-repeat;
}
#support:hover{
opacity: 0.8;
}

.comment{
width: 100%;
position: relative;
padding: 15px 0;
}
.commT{
width: 95%;
margin: 0 auto;
}
.avao{
width: 65px;
height: 65px;
border-radius: 100%;
overflow: hidden;
}
.avac{
width: 50px;
height: 50px;
border-radius: 100px;
overflow: hidden;
}
.avac img, .avao img{
width: 100%;
}
.nameT{
padding: 0 0 0 15px;
vertical-align: top;
color: #777777;
}
.nameT b{
color: #2692c7;
padding: 0 0 0 2px;
font-size: 13px;
}
.nameT i{
font-style: normal;
padding: 0 0 0 2px;
font-size: 12px;
}
.massageT{
vertical-align: top;
padding: 7px 0 0 15px;
color: #696868;
font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}

.centern input[type=text]{
text-align: center;
}
.namegb{
width: 270px;
font-size: 12px;
height: 33px;
padding-left: 10px;
background: #edebeb;
border: none;
color: #575757;
border-radius: 6px;
margin: 0 0 10px 0;
}
.securityCode{
width: 130px;
font-size: 12px;
height: 33px;
padding-left: 10px;
background: #edebeb;
border: none;
color: #575757;
}
.commFl{
max-width: 530px;
min-width: 530px;
min-height: 40px;
font-size: 12px;
padding: 10px;
background: #edebeb;
border: none;
color: #575757;
border-radius: 8px;
}
.commSbmFl{
width: 120px;
border: 0;
background: #4182cd;
height: 27px;
color: #fff;
margin: 5px 0;
cursor: pointer;
border-radius: 4px;
font-size: 12px;
}
.commSbmFlN{
width: 120px;
border: 0;
background: #edebeb;
height: 27px;
color: #acacac;
margin: 5px 0;
cursor: pointer;
border-radius: 4px;
font-size: 12px;
}
.com-order-wrap{
display: none;
}

#mchatIfm2{
overflow-x: hidden!important;
height: 400px!important;
}
.chatM{
margin: 0 0 15px 0;
}
.chatMava{
width: 55px;
height: 55px;
overflow: hidden;
float: left;
border-radius: 100%;
}
.chatMava img{
width: 100%;
}
.chatMtext{
color: #6b6b6b;
width: 780px;
float: left;
padding: 10px 12px;
border-radius: 10px;
margin: 0 0 0 15px;
}
.chatMname{
font-weight: bold;
margin: 0 0 5px 0;
}
.chatMname a{
color: #3297c9;
text-decoration: none;
}



/* Форум
-----------------------------------------------------------------------------*/
.gTable{
margin: 0!important;
}
.gTableTop{
background: #585858;
color: #fff;
padding: 18px 0;
font-size: 15px;
text-align: center;
}
.gTableTop a{
color: #fff;
}
.gTableSubTop{
color: #888888;
background: #e7e7e7;
padding: 5px 15px;
}
.forumNameTd, .forumLastPostTd, .gTableBody1{
background: #fff;
padding: 15px 15px;
transition: all .2s ease;
}
.forumIcoTd{
background: #fff!important;
padding: 0 10px;
}
.funcBlock{
padding: 10px 10px 0 0!important;
width: 98%;
margin: 0 auto;
}
.forumThreadTd, .forumPostTd{
background: #f6f5f5!important;
padding: 15px 15px;
}
.forumNameTd:hover{
background: #f6f5f5;
}
.forumDescr{
color: #b4b4b4;
font-size: 12px;
}
.forumNameTd a{
font-size: 12px;
}
.threadNametd, .threadIcoTd, .threadIcoTd, .threadLastPostTd, .threadAuthTd, .threadsDetails, .forumOnlineBar{
background: #fff;
padding: 15px;
}
.threadPostTd, .threadViewTd{
background: #f6f5f5!important;
padding: 15px;
}
.legendBlock{
padding: 15px;
}
#forumpanel{
background: #fff;
width: 100%;
height: 70px;
margin: 0 0 20px 0;
text-align: center;
line-height: 70px;
}
.forumNamesBar{
}
#forum_filter{
display: none;
}
.posttdMessage{
background: #fff;
padding: 15px;
}
.postTdTop{
padding: 10px;
background: #f6f5f5;
font-size: 12px;
}
.postTdInfo{
text-align: center;
background: #fff;
padding: 15px;
}
.postBottom{
background: #f6f5f5;
padding: 7px;
}
.gTableRight{
background: #fff;
padding: 6px;
}
.gTableLeft{
background: #fff;
padding: 10px;
}
.postSubmit, .postPreview, .postReset{
border: none;
padding: 5px 0;
margin: 4px 0;
cursor: pointer;
}
.infN{
margin: 0 0 11px 0;
}
.infNdate{
font-size: 11px;
color: #909090;
}
.infNtitle{
margin: 2px 0 0 0;
font-size: 13px;
}
.infNtext{
margin: 2px 0;
color: #848484;
}

.e-reads,
.e-redirects,
.e-author,
.e-add,
.e-date,
.e-comments,
.e-rating,
.e-loads,
.e-category,
.e-tags,
.e-placed,
.e-author-phone {
 margin-right: 25px;
 padding-left: 22px;
 display: inline-block;
 vertical-align: middle;
}
.ed-sep,
.ed-title {
 display: none !important;
 margin: 0 !important;
 padding: 0 !important;
}
.eDetails .u-star-rating-15 {
 display: inline-block;
 vertical-align: middle;
 margin-left: 5px;
}
.e-reads,
.e-redirects {
 background: url(/.s/t/1081/e-reads.png) no-repeat left center;
}
.e-author,
.e-add {
 background: url(/.s/t/1081/e-author.png) no-repeat left center;
}
.e-date {
 background: url(/.s/t/1081/e-date.png) no-repeat left center;
}
.e-comments {
 background: url(/.s/t/1081/e-comments.png) no-repeat left center;
}
.e-rating {
 background: url(/.s/t/1081/e-rating.png) no-repeat left center;
}
.e-loads {
 padding-left: 15px;
 background: url(/.s/t/1081/e-loads.png) no-repeat left center;
}
.e-category {
 background: url(/.s/t/1081/e-category.png) no-repeat left center;
}
.e-tags {
 background: url(/.s/t/1081/e-tags.png) no-repeat left center;
}
.e-placed {
 background: url(/.s/t/1081/e-placed.png) no-repeat left center;
}
.e-author-phone {
 background: url(/.s/t/1081/e-phone.png) no-repeat left center;
}
.fastLinks a, .fastLinks{
color: #696969;
}
.faq{
margin: 0px 0 7px 0;
}
.faqTitle{
font-size: 13px;
margin: 0 0 5px 0;
}
.faqText{
line-height: 19px;
color: #626262;
}
.lLoad{
width: 65px;
height: 65px;
background: url(/images/download.png) no-repeat bottom center;
}
.lLoad:hover{
background: url(/images/download.png) no-repeat top center;
}
.fastLogBt{
border: none;
padding: 4px 8px;
cursor: pointer;
}
.fAva{
width: 110px;
height: 110px;
overflow: hidden;
border-radius: 100%;
margin: 10px auto;
}
.fAva img{
width: 100%;
}
#mchatMsgF{
margin: 10px 0 0 0;
width: 801px!important;
border: 1px #a9a9a9 solid;
border-radius: 10px;
height: 55px!important;
}
.fld{
width: 801px;
position: relative;
}
#mchatBtn{
border: none;
height: 30px!important;
width: 110px!important;
border-radius: 6px;
cursor: pointer;
margin: 5px 0 0 0;
color: #fff;
background: #31a0d7;
}
.chatSmile{
width: 55px;
height: 55px;
border-radius: 100%;
background: #ccc;
margin: 10px 0 0 0;
}
.fldSmile{
position: absolute;
right: 12px;
top: 24px;
height: 29px;
width: 29px;
background: url(/images/smileChat.png) no-repeat center center;
}

/* AJAX ОКНО v.2.0 
============================================================================*/ 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:transparent url(http://center-dm.ru/ucoz/vid_ajax/v3/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} 
.xt-close{background-position:0 0!important;} 
.xt-close-over{background-position:-15px 0!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background: none!important;} 
.xw-tc {background: #454545!important; padding: 11px 10px 3px 16px!important; color: #fff!important;border-radius: 8px 8px 0 0!important;} 
.xw-tr {background: none!important;} 
.xw-ml {background: none!important;} 
.xw-mr {background: none!important;} 
.xw-bl {background: none!important;} 
.xw-br {background: none!important;} 
.xw-bc {background: none!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #fff!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f3f3f3!important;border-radius: 0 0 8px 8px!important;} 
.xw-body {padding:0!important; margin:0!important;} 
.xw-plain .xw-body{padding: 10px!important; border: none!important;} 
.xw-blank {background:#fff!important;} 
.myWinTD1 {background:none!important;}

.soc{
width: 36px;
height: 36px;
display: inline-block;
margin: 15px 7px 0 0;
}
.soc-vk{
background: url(/images/soc-vk.png) no-repeat top center;
}
.soc-vk:hover{
background: url(/images/soc-vk.png) no-repeat bottom center;
}
.soc-fb{
background: url(/images/soc-fb.png) no-repeat top center;
}
.soc-fb:hover{
background: url(/images/soc-fb.png) no-repeat bottom center;
}
.soc-rss{
background: url(/images/soc-rss.png) no-repeat top center;
}
.soc-rss:hover{
background: url(/images/soc-rss.png) no-repeat bottom center;
}

.replaceTable{
background: #e1e1e1;
margin: 0 auto;
padding: 15px;
font-size: 12px!important;
}
.fastLinks, .csTop{
display: none;
}
.openl{
display: block;
border-radius: 6px;
background: #e3e3e3;
padding: 5px 0;
text-align: center;
width: 220px;
color: #696969;
margin: 0 auto;
}
.openl:hover{
text-decoration: none;
background: #d4d4d4;
}
.gbname{
width: 180px;
height: 18px;
font-size: 12px;
padding: 5px 8px;
background: #edebeb;
border: none;
color: #575757;
border-radius: 8px;
margin: 0 0 12px 0;
}
.gbtext{
width: 400px;
height: 38px;
font-size: 12px;
padding: 8px;
background: #edebeb;
border: none;
color: #575757;
border-radius: 8px;
}
.addgb{
width: 120px;
border: 0;
background: #4182cd;
height: 27px;
color: #fff;
margin: 9px 0 0 0;
cursor: pointer;
border-radius: 4px;
font-size: 12px;
}
.fFastLogin{
display: none;
}
.fbutton{
width: 300px;
padding: 8px 0;
background: #616161;
color: #fff;
text-align: center;
margin: 5px auto;
border-radius: 6px;
display: block;
}
.fbutton:hover{
text-decoration: none;
opacity: 0.8;
}


h4{
font-size: 22px;
font-weight: normal;
}
.logIn{
clear: both;
}
.logIn-l{
float: left;
width: 52%;
}
.logIn-r{
float: right;
width: 41%;
}
.logFor{
line-height: 22px;
margin: 20px 0 3px 0;
widthL 90%;
}
.logForm{
margin: 15px 0 0 0;
width: 86%;
}
.logRegF{
display: block;
margin: 0 0 17px 0;
}
.logField{
width: 92%;
display: block;
height: 35px;
border: 1px #ccc solid;
border-radius: 4px;
margin: 0 0 15px 0;
padding: 0 4%;
background: #fff!important;
}
.notmargin{
margin: 0 0 5px 0;
}
.logButton{
cursor: pointer;
padding: 6px 20px;
border-radius: 6px;
border: 1px #ccc solid;
background: linear-gradient(to top, #e5e5e5, #efefef);
color: #404040;
margin: 3px 0 0 0;
display: block;
}
.logButton:hover{
background: linear-gradient(to top, #efefef, #e5e5e5);
}
.logLinks{
width: 100%;
clear: both;
padding: 15px 0 0 0;
}
.logForget{
display: block;
float: left;
}
.logRegR{
display: block;
float: right;
}
.whylist{
margin: 8px 0 0 0;
}
.whylist li{
list-style-type: none;
margin: 0 0 20px 0;
padding: 4px 0 0 65px;
min-height: 50px;
color: #7a7a7a;
}
.whylist li b{
display: block;
font-size: 13px;
font-weight: normal;
color: #4b4b4b;
padding: 0 0 4px 0;
}
#wl1{
background: url(/log/settings-icon.png) no-repeat left center;
}
#wl2{
background: url(/log/check-icon.png) no-repeat left center;
}
#wl3{
background: url(/log/heart-plus-icon.png) no-repeat left center;
}
.checkbox{
margin: 5px 0 0 5px;
cursor: pointer;
}
.logForm label{
position: relative;
top: -2px;
left: 5px;
cursor: pointer;
color: #8a8a8a;
}
.regLinks{
clear: both;
height: 45px;
}
.regLinks-l{
width: 55%;
float: left;
}
.regLinks-r{
width: 45%;
float: right;
line-height: 38px;
text-align: right;
}
.logForm p{
font-size: 11px;
color: #929292;
line-height: 19px;
padding: 0 4px 6px 4px;
}



#reg, #forgot{position: fixed; }

.menu1 > a,
.menu1 #reg:target ~ a:nth-of-type(1),
.menu1 #forgot:target ~ a:nth-of-type(1),
.menu1 > div { padding: 0; border: none; }

.menu1 > a { line-height: 28px; background: #fff; text-decoration: none; }

#reg,
#forgot,
.menu1 > div,
.menu1 #reg:target ~ div:nth-of-type(1),
.menu1 #forgot:target ~ div:nth-of-type(1) {display: none; }

.menu1 > div:nth-of-type(1),
.menu1 #reg:target ~ div:nth-of-type(2),
.menu1 #forgot:target ~ div:nth-of-type(3) { display: block; }

.menu1 > a:nth-of-type(1),
.menu1 #reg:target ~ a:nth-of-type(2),
.menu1 #forgot:target ~ a:nth-of-type(3) { border-bottom: 2px solid #fff; }