/******************************************************
        FRAMEWORK THE BASIC
******************************************************/
* {margin:0; padding:0; outline:0;}
em{font-style: italic;}
strong{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0px; }
td {font:13px Arial, Helvetica, sans-serif;}
h1 {font:14px Arial, Helvetica, sans-serif; line-height: 33px; vertical-align: middle; color:#000;display:inline;}
h2 {font:13px Arial, Helvetica, sans-serif; font-weight:bold; display:inline;}
h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold;display:inline;}
ol li{list-style-position:inside; list-style-type:decimal;}
caption, th{text-align: left;}
p{ padding:0 0 10px 0;}
q:before, q:after{content: '';}
abbr, acronym {font-variant: normal;}
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
label {cursor: pointer;}
input, textarea, select {padding:5px; font-family: inherit; font-size: inherit; font-weight: inherit;}
legend {color: #000;}
label {margin:0 0 0 3px;}
img {border: 0px;}
li{list-style:none;}
/***  FOR ALL  ***/
a {text-decoration: underline; color:#000; font:12px  Arial, Helvetica, sans-serif;}
a.big16 {text-decoration: underline; color:#000; font-size:16px; font-weight:bold;}
a.news {text-decoration: none; color:#000; font-size:11px;}
a:hover {color:#f00;}
.dnews {text-decoration:underline; font-size:12px;}
.cb {
        clear:both !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        line-height:0 !important;
        font-size:0 !important;
}
/******************************************************
        TEMPLATE
******************************************************/
html, body {
        padding:0;
        margin:0;
        font:12px Arial, Helvetica, sans-serif;
        color:#333;
        background:#fff;
}


.radius2 {
       -webkit-border-radius:2px;
       -moz-border-radius:2px;
       -ms-border-radius:2px;
       -o-border-radius:2px;
       border-radius:2px;
}
.radius6 {
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       -ms-border-radius:6px;
       -o-border-radius:6px;
       border-radius:6px;
}

.border1gr {
         border: 1px solid #999;
}

.layerh {
         display:none;
}

.zeb{
       border-top: 1px dotted #000;
       padding:5px;
       margin: 5px 0 0 0;
}
.imgcount {
       position: relative;
	   top: -10px; 
	   color:white; 
	   font-size:16px;
	   text-shadow: #000 0 0 4px;
	   background:#666;
	   font-weight:bold;
	   text-align:center;
}

td.cline{
        padding:5px;
        background:#EFD3D6;
        border-top: 1px solid #000;
        border-radius: 0 0 6px 0;
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        -ms-border-radius: 0 0 6px 0;
        -o-border-radius: 0 0 6px 0;


}

td.tlcline{
        width:15px;
        border-top: 1px solid #000;
        border-radius: 0 0 0 6px;
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        -ms-border-radius: 0 0  0 6px;
        -o-border-radius: 0 0 0 6px;

}

td.blcline{
        margin:0 0 0 6px;
        width:15px;
        border-bottom: 0px solid #fff;


}

.wrapper{
        width:100%;
        background:#fff;
        margin:0;
        padding:0;
        min-width:1000px;

}

.today{
        float:left;
        margin:0;
        padding:0 0 0 30px;
        height:21px;
        width:96px;
        background:url(/images/todaybg.png) no-repeat right bottom !important;
        font:12px Arial, Helvetica, sans-serif;
        color:#eeeeee;
        display:block;
        line-height: 21px;
        vertical-align:middle;



}
.time{
        clear:both;
        float:left;
        margin:0;
        padding:0 0 0 30px;
        height:33px;
        width:96px;
        background:#ebd1d1 url(/images/timebg2.png) no-repeat right bottom !important;
        font:12px Arial, Helvetica, sans-serif;
        color:#eeeeee;
}
.logo{
        clear:both;
        float:left;
        margin:0;
        padding:0 0 0 25px;
        height:66px;
        width:96px;
        display:block;
}
.regorder{
        padding:0 20px 0 0;
        margin: 0 0 0 126px;
        height: 21px;
        text-align:right;
        font:12px Arial, Helvetica, sans-serif;
        line-height: 21px;
        vertical-align:bottom;
}
.title{
        padding:0 0 0 20px;
        margin: 0 0 0 126px;
        white-space: nowrap;
        background:url(/images/titlegr1.png) repeat-x #ebd1d1;
        height:33px;
        line-height: 33px;
        vertical-align: middle;
}
.txtbaner{
        position: relative;
        float:right;
        padding:10px 0 0 0;
        margin: 0 10px 0 0;
        background:url(/images/headgrbg1.png) repeat-x #fee6e6;
        width:20%;
        min-height:56px;
        text-align:center;
        font:11px Arial, Helvetica, sans-serif;
        min-width:180px;
        border-radius: 0 0 6px 6px;
        -moz-border-radius:0 0 6px 6px;
        -webkit-border-radius:0 0 6px 6px;
        -ms-border-radius:0 0 6px 6px;
        -o-border-radius:0 0 6px 6px;
         border-right : 1px solid #848284;
         border-bottom : 1px solid #848284;
         border-left : 1px solid #848284;


}
 .logotxt {
        padding:18px 0 0 10px;
        margin: 0 0 0 119px;
		z-index:100;
        height:48px;
        background:#fff;
        white-space: nowrap;
        text-align:center;
        min-width:80px;
        background:url(/images/logotextbg.png);
 }
 
noindex:-o-prefocus,.logotxt {
        padding:18px 0 0 27px;
		text-align:left;
      }


.logotxtopera{
        padding:18px 0 0 27px;
        margin: 0 0 0 119px;
        height:48px;
        background:#fff;
        min-width:80px;
        background:url(/images/logotextbg.png);
}


.footer{
        clear:both;
        margin:0;
        padding:0;
        font:11px Arial, Helvetica, sans-serif;
        text-align:center;
        border-top: 1px dotted #454545;
        background:#efefef;
}

.menu {
        clear:both;
        width:20%;
        float:left;
}
.maincontent {
        margin-left:20%;
        width:80%;
}
.right {
        clear:right;
        margin-left:83.4%;
        width:16.6%;
}

.right div {
       padding:2px;
       margin:20px 25px 2px 20px;
       overflow:hidden;
}

.right div.pnstyle {
       padding:5px;
       margin:20px 25px 2px 20px;
       background: #fee6e6;
       overflow:hidden;
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       -ms-border-radius:6px;
       -o-border-radius:6px;
       border-radius:6px;
	    box-shadow: 0 0 15px #666;


}

.right div.whitebg {
       padding:5px 0 5px 0;
       margin:20px 25px 2px 15px;
       background: #fff;
       text-align:center;
}

.menu div.shade {

       padding:5px;
       margin:20px 25px 2px 25px;
       background: #efefef;
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       -ms-border-radius:6px;
       -o-border-radius:6px;
       box-shadow: 0 0 15px #666;

}
.menu div.counters {

       padding:5px;
       margin:20px 25px 2px 25px;
       background: #fff;
       border-radius:0;
       -moz-border-radius:0;
       -khtml-border-radius:0;
       border-right:0;
       border-bottom:0;
       border-top:0;
       border-left:0;
       text-align:center;
}

.content {
       width:83%;
       float:left;
}
.contentleft {
       width:49%;
       float:left;
}
.contentright {
       width:49%;
       float:right;
}

.contentleft div {
       padding: 5px 5px 5px 5px;
       margin:20px 2px 2px 2px;
       background:url(/images/contentbg1.png) repeat-x #fff;
       border-right : 0px solid #454545;
       border-bottom : 0px solid #454545;
       border-top : 1px solid #454545;
       border-left : 0px solid #454545;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       -ms-border-radius:5px;
       -o-border-radius:5px;
       border-radius:5px;	   
}
.contentright div {
       padding:5px;
       margin:20px 2px 2px 2px;
       background:url(/images/contentbg1.png) repeat-x #fff;
       border-right : 0px solid #454545;
       border-bottom : 0px solid #454545;
       border-top : 1px solid #454545;
       border-left : 0px solid #454545;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       -ms-border-radius:5px;
       -o-border-radius:5px;
       border-radius:5px;	   
}
.contentleft div.specleft {
       clear:both;
       width:45%;
       margin:0px 0px 30px 0px;
	   float:left;
       background: #fff;
	   border-right : 1px solid #fee6e6;
       border-bottom : 1px solid #fee6e6;
       border-top : 1px solid #fee6e6;
       border-left : 1px solid #fee6e6;
}

.contentleft div.specright {
       width:45%;
       margin:0px 0px 30px 0px;
       float:right;
       background: #fff;
	   border-right: 1px solid #fee6e6;
       border-bottom: 1px solid #fee6e6;
       border-top: 1px solid #fee6e6;
       border-left: 1px solid #fee6e6;
}

.specright:hover {
  box-shadow: 0 0 5px #ddd;
}

.specleft:hover {
  box-shadow: 0 0 5px #ddd;
}
.clean {
       background: #fff;
	   border-right: 0;
       border-bottom: 0;
       border-top: 10px;
       border-left: 0;
       
}
.news {
       text-decoration:none;
       font:11px Arial, Helvetica, sans-serif;
}
.special {
	   display:block;
       text-decoration:none;
       font:12px Arial, Helvetica, sans-serif;
}

.img25{
  width:25px;
  height:25px;
}

.bigimage{
  display:inline-block;
  padding:2px;
  margin:0;
  background-color:#fff;
  line-height:0;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -ms-border-radius:6px;
  -o-border-radius:6px;
  border-radius:6px;
  -webkit-transition:background-color 0.5s ease-out;
  -moz-transition:background-color 0.5s ease-out;
  -o-transition:background-color 0.5s ease-out;
  transition:background-color 0.5s ease-out
}
.bigimage:hover{
  background-color:#4ae;
  -webkit-transition:background-color 0;
  -moz-transition:background-color 0;
  -o-transition:background-color 0;
  transition:background-color 0
}
.show-image{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px
}

.show-image2{
  padding:0 2px 0 2px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px
}

.but_exp {
  display: inline-block;
  margin: 0 5px 0 5px;
  padding: 7px 10px;
  background: #CCFFCC;
  border: 1px;
  color:#000;
  text-decoration: underline;
  border-radius: 10px;
  cursor: pointer;
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

input.srchfld {
font-size: 12px;
padding: 5px;
margin: 3px 0;
width:130px;
border: 1px solid #555;
}


input.srchfld:hover {
  border: 1px solid #6699CC;
}
input.srchfld:focus {
  border: 1px solid #6699CC;
  box-shadow: 0 0 5px #6699CC;

}

.container {
 position:relative;
 padding:0px;
 margin: 1px;
 font-size: 14px;
 float:left;
 text-align:left;
 width:145px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 border-radius:3px;
}

.sitem1 {
 background: #ffc;
 border: 1px solid #999;
 margin: 0px;
 padding: 3px;
 text-align:left;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 border-radius:3px;
}


.sitem2 {
 background: #ffc;
 border: 1px solid #999;
 padding: 3px;
 text-align:left;
 line-height:30px;
 white-space:nowrap;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 border-radius:3px;
}

.box-modal {
        position: relative;
        width: 700px;
        padding: 16px;
        background: #fff;
        color: #3c3c3c;
        font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
        box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
        border-radius: 6px;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

select.srchsl {
 padding:3px 3px 2px 2px;
 margin: 3px;
 background: #f8f8f8;
 font-size:14px;
 color:#000;
 border: 1px solid #999;
 outline:none;
 display: inline-block;
 cursor:pointer;
}

input.del {
 padding:0px 3px 0 3px;
 margin: 0px;
 background: #f8f8f8;
 font-size:11px;
 color:#f00;
 border: 1px solid #999;
 cursor:pointer;
}
button {
  padding:3px;
         -webkit-border-radius:2px;
       -moz-border-radius:2px;
       -ms-border-radius:2px;
       -o-border-radius:2px;
       border-radius:2px;
 border: 1px solid #999;
 outline:none;
 display: inline-block;
 cursor:pointer;
}

.tblcenter {
 display:table;
 margin: 0 auto 0 auto;
}
.txtcenter {
 text-align:center;
}


/*** left ***/
.left h1{ padding:0 0 13px 0; font-size:24px;}
.left p{ padding:0 0 15px 0;}

/*** header links ***/
.header a{ padding: 0 30px 0 0;}

/*** contentright ***/
.padding43 { padding-left:43px;}
.contentright p a{text-decoration:underline;}
.right p{padding-left:10px;padding-bottom:10px;}
/*** footer ***/
.footer p{ padding-top:12px;}
.footer p a{text-decoration:underline;}