@import url(dhUPThemes.css);
/*@import url(dhAdCatBg.css);*/

/*Êîä äëÿ êîððåêòíîé ðàáîòû â IE*/
@font-face {font-family: basic-bold;    src: url('Fonts/pfdindisplaypro-bold-webfont.eot');  font-weight: normal;  font-style: normal;}
@font-face {font-family: basic-regular; src: url('Fonts/pfdindisplaypro-reg-webfont.eot'); }
@font-face {font-family: Hbasic-bold;   src: url('Fonts/pfdintextcomppro-bold-webfont.eot'); font-weight: normal;  font-style: normal;}
@font-face {font-family: Hbasic-regular;src: url('Fonts/pfdintextcomppro-regular-webfont.eot'); }
/*Êîä äëÿ îñòàëüíûõ áðàóçåðîâ*/
@font-face {font-family: basic-bold;    src: url('Fonts/pfdindisplaypro-bold-webfont.ttf');    font-weight: normal;  font-style: normal; }
@font-face {font-family: basic-regular; src: url('Fonts/pfdindisplaypro-reg-webfont.ttf'); }                                                                          	
@font-face {font-family: Hbasic-bold;   src: url('Fonts/pfdintextcomppro-bold-webfont.ttf');   font-weight: normal;  font-style: normal; }
@font-face {font-family: Hbasic-regular;src: url('Fonts/pfdintextcomppro-regular-webfont.ttf');}

@font-face
 { 
  font-family: 'WebSymbolsRegular';
  src: url('Fonts/websymbolsligaregular.eot');
  src: url('Fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
  url('Fonts/websymbolsligaregular.woff') format('woff'),
  url('Fonts/websymbolsligaregular.ttf') format('truetype'),
  url('Fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
 }


*
{
 margin: 0;
 padding: 0;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
}
/*
@media only screen and (orientation:landscape) {
body{font-size:xx-large;}
}
*/
BODY
 {
  background-color: #ececec;
  font-size:medium;
  font-family: basic-regular, Arial, sans-serif;
 }

A 
 {
  color: #00ace3;
  text-decoration: none;
 }

A:hover
 {
  color:#4dc5eb;
 }

A:visited
 {
  color: #00ace3;
 }

/***************************************************************/
.SupportInfo
 {
  margin: 1em;
  text-align: center;
 }

.SupportInfo #Sign
 {
 font-family: 'WebSymbolsRegular';
 }
/***************************************************************/
.BaseContent {margin: 1em 0;font-family: Hbasic-regular;}
.BaseContent>H1 {text-align: center;}

.WaitBlock
 {
  pointer-events:none;
  visibility: hidden;
  display:block;
  font-family: WebSymbolsRegular, basic-regular, Arial, sans-serif;
  position: absolute;
  text-align:center;
  left: 50%;
  top:-.5em;
 }

.WaitBlock>.WaitCore
 {
  position: absolute;
  top:1em;
  left:-.5em;

  opacity:0;
     -moz-animation-name:block;    -moz-animation-duration:0.80s;    -moz-animation-iteration-count:infinite;    -moz-animation-direction:linear; ;
  -webkit-animation-name:block; -webkit-animation-duration:0.80s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; ;
      -ms-animation-name:block;     -ms-animation-duration:0.80s;     -ms-animation-iteration-count:infinite;     -ms-animation-direction:linear; ;
       -o-animation-name:block;      -o-animation-duration:0.80s;      -o-animation-iteration-count:infinite;      -o-animation-direction:linear; ;
          animation-name:block;         animation-duration:0.80s;         animation-iteration-count:infinite;         animation-direction:linear; ;

 }
#block_0{ -moz-animation-delay:0.00s;-webkit-animation-delay:0.00s;-ms-animation-delay:0.00s;-o-animation-delay:0.00s;animation-delay:0.00s;}
#block_1{ -moz-animation-delay:0.10s;-webkit-animation-delay:0.10s;-ms-animation-delay:0.10s;-o-animation-delay:0.10s;animation-delay:0.10s;}
#block_2{ -moz-animation-delay:0.20s;-webkit-animation-delay:0.20s;-ms-animation-delay:0.20s;-o-animation-delay:0.20s;animation-delay:0.20s;}
#block_3{ -moz-animation-delay:0.30s;-webkit-animation-delay:0.30s;-ms-animation-delay:0.30s;-o-animation-delay:0.30s;animation-delay:0.30s;}
#block_4{ -moz-animation-delay:0.40s;-webkit-animation-delay:0.40s;-ms-animation-delay:0.40s;-o-animation-delay:0.40s;animation-delay:0.40s;}
#block_5{ -moz-animation-delay:0.50s;-webkit-animation-delay:0.50s;-ms-animation-delay:0.50s;-o-animation-delay:0.50s;animation-delay:0.50s;}
#block_6{ -moz-animation-delay:0.60s;-webkit-animation-delay:0.60s;-ms-animation-delay:0.60s;-o-animation-delay:0.60s;animation-delay:0.60s;}
#block_7{ -moz-animation-delay:0.70s;-webkit-animation-delay:0.70s;-ms-animation-delay:0.70s;-o-animation-delay:0.70s;animation-delay:0.70s;}
@-moz-keyframes    block{0%,35%,65%,100%{opacity:0} 50%{opacity:1}}
@-webkit-keyframes block{0%,35%,65%,100%{opacity:0} 50%{opacity:1}}
@-ms-keyframes     block{0%,35%,65%,100%{opacity:0} 50%{opacity:1}}
@-o-keyframes      block{0%,35%,65%,100%{opacity:0} 50%{opacity:1}}
@keyframes         block{0%,35%,65%,100%{opacity:0} 50%{opacity:1}}
/***************************************************************/
.aL {text-align:left;}
.aC {text-align:Center;}
.aR {text-align:Right;}
.aB {vertical-align:Bottom;}
.aT {vertical-align:Top;}
.sR {position:absolute !important; right:0;}
.Hide {display:none !important;}

.Toolbar
 {
  padding:0;
  margin:0;
  border: 0;
  overflow: hidden;
  position: relative;
  width: auto;
  word-wrap: normal;
  background-color: #303030;
 }
/*
.Toolbar.Right
 {
  text-align: right;
 }
*/
.Sign {font-family: 'WebSymbolsRegular';}



.Button, .Button:hover, .Button:visited
 {
  padding:.22cm 1.6em 2px 1.6em;
  margin: 4px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background-color: #303030;
  border: solid 2px #ffffff;
  outline: solid 2px #303030;
  height:1cm;
  cursor: pointer;
  position: relative;
 }

A.Button{display:inline-block;  text-decoration: none;}

.Button.Sign 
 {
  padding:2px;
  width: 1cm;
  font-size: .65cm;
 }

.BtnLink
 {
  margin: 4px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
/*  height:1cm;*/
  position: relative;
 }

.BtnLink.Sign 
 {
  width: 1cm;
 }

.BtnLink.WaitMode .WaitBlock {top:-1em !important;}


.Toolbar .Button
 {
  float: left;
 }

.Toolbar .Button.Right
 {
  float: right;
 }

.Text
 {
  display: inline-block;
 }

.Toolbar .Text {color:#ffffff;float: left;  height:1cm;padding:.35cm .5em 2px .5em;}

.Toolbar .Text.Right
 {
  float: right;
 }

/***************************************************************/
.DHLabel
 {
  font-family: Hbasic-regular;
  font-size:110%;
  padding: 0em .5em;
  position: absolute;
  top:-1.3em;
  left:1em;
  border: solid 1px #808080;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background-color: #00ace3;
  /*box-shadow: 1px 0px 10px rgba(0,0,0,0.5); */
  cursor: pointer;
 }

.DHLabel:before {content: "Daily";}
.DHLabel:after  {content: "Help";  color: #ffffff; }
/***************************************************************/
.LikeTile
 {
  display: inline-block;
  vertical-align: top;

  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CECECE 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CECECE 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CECECE 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #CECECE));
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CECECE 100%);
  background-image: linear-gradient(to top, #FFFFFF 0%, #CECECE 100%);

  box-shadow: 1px 1px 10px rgba(0,0,0,0.5); 
  padding: 0 0 .5em 0;
 }
/***************************************************************/
.Form
 {
  overflow: hidden;
  clip:auto;

  padding-bottom: .5em;
  position: relative;
  border: solid 1px #808080;
 }

.Form>H1
 {
  display: block;
  padding: .25em;
  font-size: 100%;
  background-color: #ececec;
  border-bottom: solid 2px #cecece;
  text-align: center;
 }

.Form>H5
 {
  display: block;
  padding: .25em;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  color: #000000;
 }

.Form>H6
 {
  display: block;
  padding: .25em;
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  color: #808080;
 }

.Form select
 {
  border: solid 1px #cecece; 
  background-color: #ffffff;
  color: #000000;
  padding: .5em;
/*  width: 100%;*/
  height: 2.5em;
 }

.Form input[type="text"],
.Form input[type="password"],
.Form input[type="file"]
 {
  border: solid 1px #cecece; 
  background-color: #ffffff;
  color: #000000;
/*  border-radius: 3px;*/
  padding: .5em;
  width: 100%;
/*  height: 2.5em;*/
 }

.Form input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #808080;
}
.Form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #808080;
    opacity:  1;
}
.Form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #808080;
    opacity:  1;
}
.Form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #808080;
}



.Form input[type="checkbox"]
 {
  border: 0px; 
  color: #000000;
/*  border-radius: 3px;*/
  padding: .2em .5em .5em 0;
 }


.Form textarea
 {
  border: solid 1px #cecece; 
/*  border-radius: 3px;*/
  background-color: #ffffff;
  color: #000000;
  padding: .5em;
 }
/***************************************************************/
.Base
 {
  max-width: 1260px;
  margin: 0 auto;
/*  border-left: solid 1px #cecece;
  border-right: solid 1px #cecece; */
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px #222;
  -moz-box-shadow: 0px 0px 15px #222;
  box-shadow: 0px 0px 15px #222;
  overflow: hidden;
 }

.LeftBlock
 {
  float: left;
  display: inline-block;
  border-right: solid 1px #ececec;
  /*width: 75%;*/
  width: 100%;
  margin: 0 auto 0 -20em;
  padding: 0 0 0 20em;
 }

.RightBlock
 {
  float: right;
  display: inline-block;
  padding: .5em .5em 0 .5em;
  /*width: 25%;*/
  width: 20em;
/*  overflow: hidden;*/
 }

@media screen and (max-width: 800px) {

.LeftBlock
 {
  margin: 0 auto 0 -14em;
  padding: 0 0 0 14em;
 }

.RightBlock
 {
  width: 14em;
 }


}

@media screen and (max-width: 500px) {

.LeftBlock
 {
  margin: 0;
  padding: 0;
  border-right: 0px;
  overflow: hidden;
 }

.RightBlock
 {
  width: 100%;
  float: left;
/*  overflow: hidden;*/
 }


}


/***************************************************************/
.Head
 {
  display: block;
  width: 100%;
  height: 15em;
  position: relative;
  overflow: hidden;
 }

.Title
 {
  cursor: pointer;
  background-color: rgba(0,0,0,.5);
  color: #ffffff;
  font-size: 200%;
  text-align: right;
  padding: .2em .5em;
  width: 100%;
 }

.Title A {text-decoration:none;color:#ffffff;}
.Title A:hover,.Title A:visited {color:#ffffff;}

.Title .Sign {font-size:70%;}

.AgeMark
 {
  display: block;
  text-align: right;
 }

.AgeMark SPAN
 {
  font-size: 150%;
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  margin: .3em;
  padding: .3em;
 }

.AgeMark SPAN:empty {display:none;}

.Short
 {
  background-color: rgba(0,0,0,.5);
  color: #ffffff;
  font-size: 100%;
  text-align: left;
  width: 100%;
  padding: .2em .5em;

  position: absolute;
  left:0;
  bottom:0;
 }

/***************************************************************/
.Blog
 {
  display: inline-block;
  position: relative;
  width: 100%;

  padding-bottom: .5%; 
  border-bottom: dotted 1px #cecece;

  overflow: hidden;
  position: relative;
 }

.Blog #Head {padding: .5em .5em 0 .5em;}

.Blog #FormContainer {text-align: center;}

.Blog #NewForm
 {
  margin: .5em .5em .5em .5em;
  padding-top: .5em;
  display: none;
 }

.Blog #NewForm #Wrapper
 {
  width: 100%;
  display: inline-block;
  padding: 0 .5em .5em .5em;
 }

.Blog #NewForm #Title
 {
  width: 20%;
  float:left;
  display: inline-block;
  text-align: right;
  padding-top: .25em;
  padding-right: .5em;
  overflow: hidden;
  word-wrap: break-word; 
 }

.Blog #NewForm #Data
 {
  width: 80%;
  float:right;
  display: inline-block;
  text-align: left;
 }

@media screen and (max-width: 800px) {
.Blog #NewForm #Title {width:100%; text-align:left;  padding: 0;}
.Blog #NewForm #Data {width:100%;}
}


.Blog #NewForm #Data img
 {
  padding: .5em 0 0 0;
  width: 100%;
  max-width: 500px;
  display:none;
  margin: 0 auto;
 }

.Blog #NewForm #Data img[src] {display:block;}


.Blog #NewForm input { width: 100%;}
.Blog #NewForm input[Type="checkbox"] { width: auto;margin:0 .5em 0 1em;}
.Blog #NewForm textarea {width: 100%;  height: 10em;}
/*.Blog #NewForm #Del {margin-right: .5em; }*/
.Blog #NewForm #Del {color: #ffaaaa; }


.Blog #InvaitForm
 {
  margin: .5em .5em .5em .5em;
  display: none;
 }

.Blog #InvaitForm table
 {
  width: 100%;
  margin: .5em auto 0 auto;
  border-spacing: .5em;
 }
.Blog #InvaitForm table td:nth-child(1)  {text-align: left;width:100%;}
.Blog #InvaitForm input {height: 1cm;}
/***************************************************************/
.Blog #Invite {display:none;}
.Blog #Records
 {

  display: block;
  margin: .5em auto;
  width: 100%;
  font-size: 0;
 }

.Tile
 {
  font-size: medium;
  display: inline-block;
  overflow: hidden;
  width: 24%;
  margin: .5%; 
 }


.BlogItem
 {
  vertical-align: top;
/*  padding: 0 0 .5em 0;*/
  font-family: Hbasic-regular;
  word-wrap: break-word; 
  border: solid 1px #cecece;
  cursor: pointer;
 }

.Tile.Accost
 {
  width: 49%;
  padding: 1em;
/*  border: solid 1px #cecece;*/
 }

.Tile.Double
 {
  width: 49%;
 }

.Tile.WaitMode
 {
  height: 2em;
/*
  border-left: dotted 1px #cecece;
  border-top: dotted 1px #cecece;
*/
 }

.Tile .WaitBlock
 {
  left: 1em;
  visibility: visible;
 }
.blog-grid-sizer {width: 25%;}


@media screen and (max-width: 900px){.BlogItem {width:32%;} .Tile.Accost {width: 65%;} .Tile.Double{width: 65%;} .blog-grid-sizer {width: 33%;}}
@media screen and (max-width: 800px){.BlogItem {width:49%;} .Tile.Accost {width: 49%;} .Tile.Double{width: 49%;} .blog-grid-sizer {width: 50%;}}
@media screen and (max-width: 600px){.BlogItem {width:99%;} .Tile.Accost {width: 99%;} .Tile.Double{width: 99%;} .blog-grid-sizer {width: 100%;}}


.BlogItem:hover,
.BlogItem.recprivate:hover,
.BlogItem.recinv:hover,
.BlogItem.recblock:hover
 {
  background-color: #ffffff !important;
  color: #00ace3;
  border-color: #00ace3;  
 }


.BlogItem #Cover
 {
  position: relative;
 }

.BlogItem #CoverImg
 {
  width: 100%;
  height: 10em;
  background-size: cover; 
  background-position: center;
  position: relative;
 }


.BlogItem #Cover>#Icon,
.BlogItem #Cover>#RIcon,
.BlogItem #Cover>#AlertIcon
 {
  font-family: WebSymbolsRegular;
  position: absolute;
  top:.2em;
  left:.5em;
  margin: .2em;
  padding: .2em;
  font-size: 120%;
  text-shadow: 0px 0px 1px #000000,0px 0px 5px #000000,0px 0px 15px #000000;
  color: #ffffff;
  cursor: default;
 }

.BlogItem #Cover>#AlertIcon {color: #ff0000;text-shadow: 0px 0px 1px #000000,0px 0px 5px #000000,0px 0px 15px #000000;}
.BlogItem #Cover>#RIcon {left:auto;right:.5em;}


.BlogItem #Cover>#CmtCnt
 {
  position: absolute;
  bottom:-.8em;
  right:0;
  margin: .2em;
  padding: .2em;
  font-size: 100%;
  background-color: #000000;

  color: #ffffff;
  border-radius: 2em;

  min-width: 2em;
  text-align: center;
  cursor: default;
  border: solid .15em #ffffff
 }

.BlogItem[hgl] #Cover>#CmtCnt
 {
  background-color: #FF0000;
 }


.BlogItem H1
 {
  font-size: 115%;
  padding: 2% 2% 2% 2%;
  margin: 0;
  font-weight: normal;
  border-bottom: dotted 1px #808080;

 }

.BlogItem SPAN
 {
  display: block;
  padding: 2%;
  margin: 0;
  color: #808080;
 }

.BlogItem:hover SPAN {color:#00ace3;}

.Blog #Control
 {
  display: block;
  width:100%;
  text-align: right;
  padding: .2em .5em;
  font-size: 80%;
 }

.Blog #Control A {text-decoration: none;}

.Blog #Navigation
 {
  display: block;
  width:100%;
  text-align: center;
  padding: .5em 0;
 }


.Blog #RecContent
 {
 }

/*
.Blog #RecContent #Hdr
 {
  padding: .5em;
  overflow: hidden;
  position: relative;
  vertical-align:middle;
  display: block;
  width: 100%;
 }

.Blog #RecContent #Hdr A
 {
  font-size: 0;
 }

.Blog #RecContent #Hdr img
 {         
  font-size: 0;
  width: 30%;
  outline-offset: -6px;
  outline: solid 3px #ffffff;
  vertical-align:middle;
 }

.Blog #RecContent #Hdr H1
 {
  font-family: Hbasic-regular;
  display: inline-block;
  width: 68%;
  vertical-align:middle;
  text-align: center;
  padding: .2em;

  white-space: pre-wrap;       
  white-space: -moz-pre-wrap;  
  white-space: -pre-wrap;      
  white-space: -o-pre-wrap;    
  word-wrap: break-word;       
 }

@media screen and (max-width: 700px) {
.Blog #RecContent #Hdr img {  width:100%; }
.Blog #RecContent #Hdr H1 {width:100%;}
}
*/

.Blog #RecContent img#Cover
 {
  float:left;
  padding: 0 1.5em 1em 0;
 }

.Blog #RecContent H1 {font-family: Hbasic-regular;padding-bottom:.5em;}
.Blog #RecContent H1#C2 {text-align:center;display:none;}

.Blog #RecContent pre
 {
  padding: 1.5em;
  font-family: Hbasic-regular;
  font-size: medium;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  overflow: hidden;
 }

.Blog #RecContent pre img
 {
  display: block;
  max-width: 100%;
  margin: 0 auto;
 }

@media screen and (max-width: 1100px) {
.Blog #RecContent img#Cover {float:none; }
.Blog #RecContent H1#C1 {display:none;}
.Blog #RecContent H1#C2 {display:block;}
}

.Blog #RecContent #Footer
 {
  color: #808080;
  font-family: Hbasic-regular;
  padding: .5em;  
  width: 100%;
  display: block;
  overflow: hidden;
 }
.Blog #RecContent #Footer:empty {display:none;}

.Blog #RecContent #Footer div{  font-size:70%;}

.Blog #RecContent #CD {float: left;}
.Blog #RecContent #UD {float: right;}
/***************************************************************/
.RecComments 
 {
  background-color: #ececec; 
  padding: .5em;
  margin: .5em 0;
 }

.RecComments H1
 {
  color: #808080;
  font-weight: normal;
  font-size: 110%;
  border-bottom: solid 1px #808080;
 }

.RecComments textarea
 {
  border: 1px solid #cecece; 
  border-radius: 3px;
  background-color: #ffffff;
  color: #000000;
  padding: .5em;
  margin: .5em 0;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
 }

.RecComments #NewComment 
 {
  text-align: right;
  padding-bottom: .5em;
 }

.RecComments #Navigation
 {
  display: block;
  width:100%;
  text-align: center;
  padding: .5em 0;
 }

.Comment
 {
  margin: 0;
  padding: .5em .3em;
  border-bottom: dotted 1px #808080;
 }

.Comment.Hgl
 {
  background-color: #ffffaa;
 }


.Comment:hover
 {
  background-color: #ffffff;
 }

.Comment.Hgl:hover
 {
  background-color: #ffffdd;
 }

.Comment #Hdr
 {
  width: 100%;
  color: #808080;
  overflow: hidden;
  display: block;
  vertical-align: top;
 }

.Comment #Hdr #Nick
 {
  float: left;
 }

.Comment #Hdr #Date
 {
  float: right;
 }

.Comment #Hdr #Tool
 {
  float: right;
  font-family: WebSymbolsRegular;
 }

.Comment #Hdr #Tool A
 {
  text-decoration: none;
 }

.Comment #Hdr #Tool>#Del
 {
  color: #ff0000;
  font-size: 110%;

 }


.Comment #Text
 {
  display: block;
  width: 100%;
  overflow: hidden;
 }

/***************************************************************/
.News
 {
  background-color: #ffffff;
  padding-bottom: .5%; 
 }

.News #Control
 {
  display: block;
  width:100%;
  text-align: right;
  padding: .2em .5em;
  font-size: 80%;
 }

.News #Control A {text-decoration: none;}


.News .Item
 {
  font-family: Hbasic-regular;
  display: inline-block;
  width:23%;
  padding: .7em .5em .5em .5em;
  margin: .6em 1%;
  color: #cecece;
  border: solid 1px #cecece;
  position: relative;
  word-wrap: break-word; 
 }

@media screen and (max-width: 800px){.News .Item {width:31%;}}
@media screen and (max-width: 700px){.News .Item {width:48%;}}
@media screen and (max-width: 600px){.News .Item {width:98%;}}



.News .Item.Off {display:none;}

.News .Item:hover
 {
  border: solid 1px #00ace3;
  color: #00ace3;
 }


.News .Item #hdrSrc,
.News .Item #hdrDate
 {
  display: inline-block;
  background-color: #ffffff;
  color: inherit;
  position: absolute;
  padding: 0 .5em;
  font-size:70%;
 }


.News .Item #hdrSrc
 {
  top: -.6em;
 }

.News .Item #hdrDate
 {
  bottom: -.6em;
  right: .5em;
 }

.News .Item A
 {
  display: block;
  text-decoration: none;
/*  color: #808080;*/
  color: #cecece;
 } 

.News .Item[New='1'] A {color:#808080;}

.News .Item:hover A {  color: #00ace3;}

.News #Navigation 
 {
  width:100%;
  display:block;
  text-align: center;
  padding: .5em 0;
 }

.News #Navigation #ShowMore
 {
  display: hide;
 }
/***************************************************************/
.RightBlock .Form {padding: .5em;}
.RightBlock .Form table {width:100%;}
.RightBlock .Form table td {padding: 0 0 .5em 0;}
.RightBlock .Form table td:nth-child(1) {width:50%;}
.RightBlock .Form table td:nth-child(2) {width:50%;}
.RightBlock .Form table td input[Name='IsRemember']+LABEL {font-size:90%;}
.RightBlock .Form table td input[type='text'],
.RightBlock .Form table td input[type='password'] {height: 2.5em;}


.Docs
 {
  width: 100%;
  overflow: hidden;
 }

.Docs .Item
 {
  font-family: Hbasic-regular;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: solid 1px #cecece;
  margin: .5em 0;
  color: #808080;
  cursor: pointer;
  font-size: 80%;
  word-wrap: break-word; 
 }

.Docs .Item[hgl="1"]
 {
  color: #000000;
 }

.Docs .Item:hover
 {
  border: solid 1px #00ace3;
  color: #00ace3;
 }

.Docs .Off
 {
  display:none;
 }

.Docs .Item IMG
 {
  width:30%;
  float: right;
  padding-left: 2%;
  font-size:0;
  display: inline-block;
 }

.Docs .Item A
 {
  display: none;
 }

.Docs .Item P
 {
  display: block;
  padding: .35em;
 }


.Accost
 {
  padding: .5em;
  color: #808080;
 }

.Accost pre
 {
  font-size:medium;
  font-family: Hbasic-regular;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
/***************************************************************/
.TopBlogRec #Records div
 {
  width: 100%;
  display: block;
  font-family: Hbasic-regular;
  margin-bottom: .5em;
  overflow: hidden;
  border: solid 1px #cecece;
  padding: .2em .2em 0 .2em;
  cursor: pointer;
 }

.TopBlogRec #Records div:hover {  border-color: #00ace3;color:#00ace3;}

.TopBlogRec #Records div img
 {
  width:27%;
  float: left;
  padding-right: .2em;
  padding-bottom: .2em;
 }

.TopBlogRec #Records div h1
 {
  font-size: 110%;
  font-weight: normal;
 }

.TopBlogRec #Records div span
 {
  color: #808080;
  padding-bottom: .2em;
 }

.TopBlogRec #Records div:hover span {color:#00ace3;}
/***************************************************************/
/*.RightBlock*/

.Form#Login {border: 0px;}

.Form#RegForm,
.Form#RestorePass,
.Form#Profile
 {
  width: 100%;
  display: none;
  overflow: visible;
 }

.Form#Profile
 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-family: Hbasic-regular;
 }

.Form #Wrapper
 {
  width: 100%;
  display: inline-block;
  padding: 0 .25em 0 .25em;
 }


.Form #Split
 {
  display: block;
  text-align: center;
  color: #808080;
  font-size: 90%;
  margin: .5em 0;
  font-family: Hbasic-regular;
 }

.Form #Prompt
 {
  display: block;
  text-align: right;
  color: #808080;
  font-size: 80%;
  margin: 0 0 .5em 0;
  font-family: Hbasic-regular;
 }


.Form #Title
 {
  display: block;
  text-align: left;
  padding-top: .25em;
  padding-right: .5em;
  overflow: hidden;
  word-wrap: break-word; 
  font-family: Hbasic-regular;
 }

.Form #Data
 {
  display: block;
  text-align: left;
  position: relative;
 }

.Form#RegForm #Data .Sign {display:none;}

.Form #Data input
 {
  padding-right: 2em;
 }


.Form#RegForm #Data .Sign
 {
  color: #ff0000;
  position: absolute;
  right:.50em;
  bottom:.35em;
 }


.Form .Sign#SlideUp
 {
/*  clip:auto;*/

  right:.25em;
  top:0;
/*  bottom: auto;*/
  color: #808080;
  padding:0;
  margin:0;
  cursor: pointer;
  position: absolute;
 }

.Form .Sign#SlideUp:hover
 {
  color: #800000;
 }

.Form#Profile TD {padding: 0;}
/*.Form#Profile .Sign  {position: static;}*/

.Form .BlockHdr
 {
  padding-top: 1em !important;
 }


.Form#Profile #EmailChn,
.Form#Profile #AutorizChn DIV,
.Form#Profile #BalanceDet,
.Form#Profile #PayPalBlock
 {
  display: none;
 }

.Form#Profile TD:nth-child(1)  {text-align:right;color:#808080;padding-right:.5em;}
.Form#Profile TD:nth-child(2)  {text-align:left;}
.Form#Profile TD[ColSpan="2"]  {text-align:center;padding-right:0;}

.Form#Profile TD #EmailCfm  {padding-left:.5em;}

.Form#Profile TD #EmailCfm[Mode="0"] {color:transparent;}
.Form#Profile TD #EmailCfm[Mode="1"] {color:#008000;}
.Form#Profile TD #EmailCfm[Mode="2"] {color:#800000;}

.Form#Profile #EmailChn,
.Form#Profile #AutorizChn>div {border-top: dotted 1px #808080;border-bottom: dotted 1px #808080;}
.Form#Profile #AutorizChn .aR {padding:.5em 0;}

.Form#Profile #BalanceDet{border-top: dotted 1px #808080;border-bottom: dotted 1px #808080;}

.Form#Profile #BlCn TABLE {width:100%;}
.Form#Profile #BlCn TD {width: auto; font-size:80%;}

.Form#Profile #BlCn TD:nth-child(1) {text-align: left;}
.Form#Profile #BlCn TD:nth-child(2) {text-align: left;}
.Form#Profile #BlCn TD:nth-child(3) {text-align: center;}
.Form#Profile #BlCn TD:nth-child(4) {text-align: right; font-family: WebSymbolsRegular; cursor:help;}
.Form#Profile #BlCn TD[Red]:nth-child(4) {color:#800000;}
.Form#Profile #BlCn TD[Green]:nth-child(4) {color:#008000;}
.Form#Profile #BlCn TD[White]:nth-child(4) {color:#000000;}
.Form#Profile #BlCn TD[Yellow]:nth-child(4) {color:#808000;}

.Form#Profile #PgDet{position:relative;}
.Form#Profile #PgDet TABLE{display:none;}

.Form#Profile #PayPalBlock {background-color:#ffffff;border: solid 1px #808080;padding:.5em;}
.Form#Profile #PayPalBlock TABLE {width:100%;padding-bottom:.5em;}
.Form#Profile #PayPalBlock TABLE TD {width:100%;text-align:left;padding-right:0;}
.Form#Profile #PayPalBlock SELECT {width:100%;}
/***************************************************************/
.toast .Complaint
 {
  padding: .25em .25em;
 }

.toast .Complaint:hover
 {
  background-color: #000000;
 }
/***************************************************************/
.Footer
 {
  color: #ffffff;
  background-position: bottom !important;
  margin:0;
  padding:0;
  overflow: hidden;
  position: relative;
  display: block;
  width:100%;
  font-size:medium;
  border-top: solid 1px #cecece;
 }

.Footer #Fader
 {
  background-color: rgba(0,0,0,.5);
  text-align: center;
 }

.Footer .Item
 {
/*  background-color: #00ff00;*/
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding: .5em;
  width: 15em;
 }


.Footer .Item #Sign
 {
/*  background-color: #ff0000;*/
  display: inline-block;
  font-family: WebSymbolsRegular;
  font-size: 200%;
  margin-right: .3em;
  vertical-align: top;
  text-align: right;
  float: left;
 }

.Footer .Item #Body
 {
/*  background-color: #0000ff;*/
  display: inline;
  vertical-align: top;
  font-size: 70%;
  color: #ececec;
 }

.Footer .Item #Body H1
 {
  font-size: 110%;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: .5em;
 }

.Footer #Note
 {
  font-size:70%;
  padding: 0 .5em .5em .5em;
  overflow: hidden;
 }

.Footer #Note #Ñomplaint
 {
  float: right;
  text-decoration: none;
 }

.Footer #Note #Ñomplaint SPAN
 {
  color: #ff0000;
 }