body {
    font-size: .85em;
    font-family:  Tahoma, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: #232323;
    background: #d0d0d0 url('images/bg.png') top left repeat;
    /*direction:ltr;*/
    margin:0;
    padding:0;
}

h1, h2, h3{
    font-family:'Google',Google, Arial, Tahoma;
    line-height: 1.3;
}
h4, h5, h6{
    font-family:'Google',Google, Arial, Tahoma;
}
li{
    list-style: none;
}
.like-link{
    color:blue;
    cursor:pointer;
}
a:hover,
a:focus {
    /*background-color: transparent;*/
}
fieldset{
    border:#CCC solid 1px;
    padding:10px;
}

.clr{
    clear:both;
}


.ym-wrapper{
    min-width:820px;
    max-width:1140px;
}
.ym-wbox{
    padding: 10px;
    background-color:white;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    margin: 25px 0;
}
.top-line{
    background-color: #4F82B7;
    height: 5px;
}
.header{
    margin-bottom:-3px;
    padding-bottom:0;
}
.header img{
    -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

margin-bottom:0;
}
.logo{
    width: 200px;
    float: right;
    margin-top:-5px;
}
.head-title{
    float: right;
    margin-top:20px;
    margin-right:10px;
}
.flag{
    float:left;
    margin-top: 5px;
}
.clock-bar{
    background-image: url('images/clock-bar.png');
    background-repeat:repeat-x;
    height: 28px;

    font-family:'Google', Tahoma;
    color: #2d7932;
    font-weight:bold;
}

.clock-bar .datetime{
    float:right; 
    padding:5px 20px 0 0 ;
}
.select-lang{
    width:70px;
    position:relative;
    z-index:9999;
    margin:0 5px 0 0;
    float:left
}
.select-lang ul{
    position:absolute;
}
.select-lang .it{
    float:right;
    width:32px
}
.select-lang .it img{
    margin-top:-2px;
}
.select-lang .it a:hover{
    background:none;
}
.slide-show{

}
.news-trick{
    background: #2d3032;
}

.copyright{
    font-size:smaller;
    text-align:center;
    color:#d1d1d1
}
video{
    border:1px solid #CCC;
    padding:4px;
}
.video-desc{
    background-color:#e0e0e0;
}

.pagination{
    text-align:center;
}
.pagination .numbers{
    padding-left: 1em; padding-right: 1em; font-family: tahoma; font-weight: bold; margin:0;
}

a.li8-btn{
    display:block;
    width:80%;
    text-align: center;
    font-family: 'Google';
    font-size:large;
    margin: 5px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;

    background-color:#4fb757;
        -webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
    color:white;
}
a.li8-btn:hover{
    background-color:#9de1a2
}

.l-box{
    border: 1px solid #CCC;
    padding: 5px;
    margin:10px 0;
}
.inner-box .l-box{
    border: none;
    padding: 0;
    margin: 0;
}
.b-head{
    background: #4F82B7 url('images/hash.png') top left repeat;
    color:white;
    font-family: 'Google';
    font-size:large;
    line-height:2em;
    padding:0 10px;

    margin-bottom: 5px;
}
.footer {
    background: #2d3032;
    padding:10px 0;
    -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

color:white;
}
.footer .l-box{
    border: none;
}
.footer .b-head{
    background-color:transparent;
    color:#FCF83B;
}
.footer h4{
    color: #FCF83B;
}
.footer a{
    color:white;
}
.footer li{
    list-style:none;
}

.login-box
{
    z-index:1000;
    border:1px #CCC solid;
    background-color:White;
    width:380px;
    font-family:'B Koodak',BKoodak, Tahoma, Verdana, Helvetica, sans-serif;
    font-size:18px;
    position:fixed; 
    top:50%;
    left:50%;
    margin:-100px 0 0 -150px;
}
.login-box .login-in
{
    width:340px;
    padding:10px;
    border:1px #CCC solid;
    background-color:#D5D1BF;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}
.login-box h2
{
    text-align:center;
    background-color:#689E18;
    margin-right:-35px;
    margin-left:-35px;
}
.login-box .button-f
{
    float:left;
}
.login-box .input
{
    height:20px;
}
.login-ex-box
{
    margin-top:10px;
    float:left;
    width:270px;
    background-color:#D5D1BF;
    padding:10px;
    border:1px #CCC solid;
    direction:rtl;
}
.login-ex-box .box-head
{
    position:relative;
    background-color:#689E18;
    width:170px;
    height:30px;
    top:-20px;
    right:-20px;
    padding:7px 20px;
    color:White;
    text-align:left;
}
.login-ex-box .input
{
    height:10px;
}
.search-box{
    width:300px;
    float:left; 
    font-family:'Google';
}
.search-box input{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 font-family:'Google';
 padding-left:10px;
 padding-right:10px;
}
.wall
{
    display:none;
   
    background-image:url(../images/overlay.png);
    
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
    opacity:0.7;
    
     filter:alpha(opacity=70);
     position:fixed;
     width:100%;
     height:100%;
     top:0;
     right:0;
     z-index:1000;
}
.blog-side{
    border-left:#CCC solid 1px;
    padding:10px;
    color:#2ec401;
}
.blog-head{
    color:#8f3333;
}
.blog-cont{
    padding:10px;
}
.blog-cont img{
    display:none !important;
}
.summery{
    color:#013d69;
}
.article-detail{
    padding: 20px 10px;
}
#articleDetail{
    background-image:url(images/bg.png);
}
.article-detail .top-info{
    font-size:small;
    border-bottom:1px solid #CCC;
    border-top:1px solid #CCC;
    margin-bottom:10px;
}
.article-detail .summery{

}
img.art-img{
    padding:4px;
    margin:10px;
    margin-top:-20px;
    border:1px #CCC solid;
}
img.image{
    padding:4px;
    margin:10px;
    /*margin-top:-20px;*/
    border:1px #CCC solid;
}
img.art-img-det{
    float:left;
}
.page-desc{
    border-bottom:double 5px #689E18;
}
.gallery-item{
    float:right;
    width:220px;
    height:220px;
}
.gallery-item img{
    padding:5px;
    border:1px solid #CCC;
    margin:5px;
}
.gallery-cat-item{
    width:400px;
    float:right;
    border:1px solid #CCC;
    padding:7px;
    border-radius: 0.3em;
    margin:10px;
}
.gallery-cat-item img{
    float:right;
    padding:4px;
    margin-left:7px;
    border:1px solid #CCC;
}
.adv #cs-buttons-coin-slider{
    display: none;
    
}
.adv p{
    margin:0;
}

.ui-widget{
    font-family:Tahoma;
    z-index:99999;
}
.ui-widget-overlay{
        background-image:url(images/overlay.png);
        background-repeat:repeat;
    
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
    opacity:0.7;
    
     filter:alpha(opacity=70);
}
.sub{
   
}
.printing{
    width:100%;
    height:100%;
    background-color:white;
    position:fixed;
    left:0;
    top:0;
}

.qa-post-q{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #CCC;
    background-color:#c6f3ff
}
.qa-post-a{
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px;
    border:1px solid #CCC;
    background-color:#ddffb7
}
.qa-info{
    float:left;
}
.comment-post{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #CCC;
    background-color:#f4f4f4
}


.news-trick{

}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    float: left;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


.validationMessage{
    float:left;
    color:red;
}

/****************************************************** Jquery UI **************************************************/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family:'Google', Tahoma;
}
.ui-dialog .ui-dialog-titlebar-close span{
    margin:inherit;
    margin-top:-8px;
    margin-left:-8px;
}
.ui-widget-overlay{
    z-index:9999;
    position:fixed;
}
tr.ui-state-hover{
    color:black !important;
}

.ui-jqgrid .loading{
    right:0;
    left:auto;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #4F82B7 url('images/hash.png') top left repeat;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #4F82B7 url('images/hash.png') top left repeat;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: #e69700 url('images/hash.png') top left repeat;
}