@charset "utf-8";
body{ margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; }
img{ border:0;}
h1, h2, p, ul{ margin:0; padding:0; border:0; outline:0; list-style:none;}
.png{
 position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
   );
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#f0f0f0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	float:left;
}
#wrapper{width:100%;float:left;}

.header{width:100%; height:57px;background:#1fa141;float:left;}
.header #logo{ float:left; width:162px;margin:8px 0 0 4px; position:absolute;z-index: 9999;}
.header #logo a{color: #F2F2F2;
    display: block;
    font: 17px Helvetica,Arial,Sans-Serif;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 3px 8px #2A2A2A;}
.header #header_r{ float:right; text-align:right; color:#FFF; padding:10px 8px 0 0; line-height:20px;}
.header #header_r a{ color:#FFF; text-decoration:none; padding:0 5px;}
.header #header_r a:hover{ color:#FFF; text-decoration:underline;}

#footer{float:left; width:100%; height:57px;background:#DC7938;bottom:0px;}
#footer #bt-logo{ float:left; margin:8px 0 0 4px; position:absolute;z-index: 0;}
#footer a{color: #F2F2F2;
    display: block;
    font: 14px Helvetica,Arial,Sans-Serif;
    letter-spacing: 6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 3px 8px #2A2A2A;
}
#footer #footer_r{ float:right; text-align:right; color:#FFF; padding:10px 8px 0 0; line-height:20px;}
#footer #footer_r a{font-size:14px;}

.sidebar{
    width:100%;
    float:left;
background:#ECECEC;
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#F9F9F9');  
background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#F9F9F9)); 
background: -moz-linear-gradient(top,  #ECECEC,  #FFFFFF);  for firefox 3.6+ */ 
	
border-right:1px #e6e6e6 solid; height:auto !Important; min-height:350px; height:auto; top:1px;
padding-top:0px;
margin-bottom: 40px;
}


ul.menuleft{ float:left; width:98%; margin:4px 0 0 5px; display:inline;background: none repeat scroll 0 0 #F7F7F7;}
ul.menuleft li
{ 
	float:left; width:100%; margin-top:1px;
	height:40px;	
	line-height:40px;
	font-weight:bold;
	
	border-color: #DFDFDF;
	border-style: solid;
    border-width: 1px 0;
	border-bottom-color: #DFDFDF;
	border-right-color: #DFDFDF;
    border-top-color: #F9F9F9;
	
	background:#ECECEC;
}
ul.menuleft li.delimiter{margin-top:6px;}

ul.menuleft li a{color:#2195C8;font-size: 13px;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF;}
ul.menuleft li.current{border-width: 0px 0;background:#FFF;}
ul.menuleft li.current a{}
ul.menuleft li a.home{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a:hover{}
ul.menuleft li a.user{ float:left;  margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.cate{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px;text-decoration:none;}
ul.menuleft li a.article{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.event{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.video{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.key{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.adv{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}
ul.menuleft li a.trash{ float:left; margin:0 0 0 6px; display:inline; text-indent:10px; text-decoration:none;}

ul.menuleft li.sub
{ 
	float:left; width:100%; height:30px; margin-top:1px; background:#FFF;
	
	line-height:30px; font-weight:normal; text-indent:30px;
	border-color: #DFDFDF;
	border-style: solid;
    border-width: 0px 0;
	border-bottom-color: #DFDFDF;
	border-right-color: #DFDFDF;
    border-top-color: #F9F9F9;
}
ul.menuleft li.sub a{ color:#2195C8; text-decoration:none;font-weight:normal;}
ul.menuleft li.sub a:hover, ul.menuleft li.sub a.current{ color:#D54E21;font-weight:normal;}
/*-------------Calendar---------------*/

/*.calendar{ position:relative; width:190px; top:5px; left:5px;}*/
.mainright{background:#FFF; top:62px; left:15.5%; width:84%;float:left;padding-left:1.7%;padding-bottom:7%;min-height: 570px;}
.mainright h1{ float:left; width:100%; font-size:18px; font-style:normal; color:#9DA1A3;}
.toppage{ float:left; width:100%; margin-top:8px;}
.toppage span.left{ float:left; color:#1d6d96; font-size:13px;}
.toppage span.left a{ color:#2195c8; text-decoration:none; font-weight:bold;}
.toppage span.left a:hover{ text-decoration:underline;}
.toppage span.left font.line{ padding:0 15px;}
.toppage span.left font.number{ color:#555555;}
.toppage span.right{ float:right; text-align:right;}
.toppage span.left select, input{ float:left; border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; font-size:11px; color:#555; margin:0 4px; display:inline;}
.toppage span.left input.btn{ float:left; background:url(../images/bgbtn.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#555; margin:0 5px;}

.tableout{ float:left; width:100%; margin-top:5px; border:1px #d3d3d3 solid; -moz-border-radius:5px; -webkit-border-radius:5px;}
.tableout a{ color:#2195C8; text-decoration:none;}
.tableout a:hover{ text-decoration:underline;}
.title1{ 
	
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*border-bottom: 1px solid #DFDFDF;*/
    color: #555555;
    display: inline;
    float: left;
    font-weight: bold;
    line-height: 30px;
    margin: 1px 1px 0;
    width: 99.9%;
    background-color: #F1F1F1;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#ECECEC));
    text-shadow: 0 1px 0 #FFFFFF;
}
.title1 .column{ float:left; border-bottom:1px #dfdfdf solid;border-right: 1px solid #EDEDED; height:30px; text-indent:5px;}
.title1 .column-end{border-right: 0px solid #EDEDED;}
.title1 .column input{ margin-top:8px;}
.line1{ float:left; width:100%;padding-bottom:10px; border-bottom:1px #dfdfdf solid; background:#F5F5F5; margin-top:1px; line-height:35px; font-weight:bold;}
.line1 .column{ float:left; padding-bottom:10px; text-indent:5px;}
.line1 .column h2{ float:left; background:url(../images/arrow1.gif) no-repeat right center; padding-right:15px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#be0000;}
.line1 .column a{ text-decoration:none; cursor:pointer;}
.line1 .column input{ border:1px #eeeeee solid; padding:2px; margin-top:3px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.line1 img.icon{ top:8px;}
.line1 .column a.art{ font-size:12px; color:#2195C8; text-decoration:none; font-weight:normal;}
.line1 .column a.art:hover{ text-decoration:underline;}
.line1 .column font.date{ font-size:12px; color:#989898; font-weight:normal;}
.line1 .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.line1 .column span.updown img{ float:left; margin:0; padding:4px 0 6px 0;}
.line2{ float:left; width:100%; height:35px; border-bottom:1px #dfdfdf solid; background:#FFF; margin-top:1px; line-height:35px; font-weight:bold;}
.line2 .column{ float:left; height:35px; text-indent:5px;}
.line2 .column h2{ float:left; background:url(../images/arrow1.gif) no-repeat right center; padding-right:15px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#be0000;}
.line2 .column a{ text-decoration:none; cursor:pointer;}
.line2 .column input{ border:1px #eeeeee solid; padding:2px; margin-top:3px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.line2 img.icon{ top:8px;}
.line2 .column a.art{ font-size:12px; color:#2195C8; text-decoration:none; font-weight:normal;}
.line2 .column a.art:hover{ text-decoration:underline;}
.line2 .column font.date{ font-size:12px; color:#989898; font-weight:normal;}
.line2 .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.line2 .column span.updown img{ float:left; margin:0; padding-top:2px;}
.linesub .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.linesub .column span.updown img{ float:left; margin:0; padding:2px 0 6px 0;}

.linehome{ float:left; width:100%; border-bottom:1px #dfdfdf solid; background:#F5F5F5; margin-top:1px; line-height:35px; font-weight:bold;}
.linehome .column{ float:left;  text-indent:5px;}
.linehome .column h2{ float:left; background:url(../images/arrow1.gif) no-repeat right center; padding-right:15px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#1D6D96;}
.linehome .column a{ text-decoration:none; cursor:pointer;}
.linehome .column input{ border:1px #eeeeee solid; padding:2px; margin-top:3px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.linehome img.icon{ top:8px;}
.linehome .column a.art{ font-size:12px; color:#2195C8; text-decoration:none; font-weight:normal;}
.linehome .column a.art:hover{ text-decoration:underline;}
.linehome .column font.date{ font-size:12px; color:#989898; font-weight:normal;}
.linehome .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.linehome .column span.updown img{ float:left; margin:0; padding:2px 0 6px 0;}


.sub{ float:left; width:100%; display:;}
.linesub{ float:left; width:100%; height:35px; border-bottom:1px #dfdfdf solid; background:#FFF; margin-top:1px; line-height:35px; color:#555;}
.linesub .column{ float:left; height:35px; text-indent:5px;}
.linesub .column input{ border:1px #eeeeee solid; padding:2px; margin-top:3px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.linesub img.icon{ top:8px;}
.sub a{ color:#333; text-decoration:none;}
.sub a:hover{ color:#ffa200; text-decoration:underline;}

h1.latest{ float:left; width:100%; margin-top:25px; font-size:18px; font-style:italic; color:#555;}
h1.latest a{ font-size:12px; color:#0054a6; font-weight:bold; text-decoration:none;}
h1.latest a:hover{ text-decoration:underline;}

/*-------------Categories-------------*/
.linecate{ float:left; width:100%; height:50px;border-bottom:1px #dfdfdf solid; background:#F5F5F5; margin-top:1px; line-height:25px; font-weight:bold;}
.linecate .column{ float:left; height:50px; text-indent:5px;}
.linecate .column h2{ float:left; background:url(../images/arrow1.gif) no-repeat right center; padding-right:15px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#2195c8;}
.linecate .column a{ text-decoration:none; cursor:pointer; color:#1a99d1;}
.linecate .column a:hover{ text-decoration:underline;}
.linecate .column input{ border:1px #eeeeee solid; padding:4px; margin-top:5px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.linecate img.icon{ top:8px;}
.linecate .column a.art{ font-size:12px; color:#2195C8; text-decoration:none; font-weight:normal;}
.linecate .column a.art:hover{ text-decoration:underline;}
.linecate .column font.date{ font-size:12px; color:#989898; font-weight:normal;}
.linecate .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.linecate .column span.updown img{ float:left; margin:0; padding:2px 0 6px 0;}
.linecate2{ float:left; width:100%; height:50px; border-bottom:1px #dfdfdf solid; background:#FFF; margin-top:1px; line-height:25px; font-weight:bold;}
.linecate2 .column{ float:left;  height:50px; text-indent:5px;border-right: 1px solid #EDEDED;color:#464646;}
.linecate2 .column h2{ float:left; background:url(../images/arrow1.gif) no-repeat right center; padding-right:15px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#be0000;}
.linecate2 .column a{ text-decoration:none; cursor:pointer;}
.linecate2 .column input{ border:1px #eeeeee solid; padding:2px; margin-top:5px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.linecate2 img.icon{ top:8px;}
.linecate2 .column a.art{ font-size:12px; color:#2195C8; text-decoration:none; font-weight:normal;}
.linecate2 .column a.art:hover{ text-decoration:underline;}
.linecate2 .column font.date{ font-size:12px; color:#989898; font-weight:normal;}
.linecate2 .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.linecate2 .column span.updown img{ float:left; margin:0; padding-top:2px;}
.linesubcate .column span.updown{ float:left; width:9px; margin:3px 0 0 5px;}
.linesubcate .column span.updown img{ float:left; margin:0; padding:2px 0 6px 0;}

.subcate{ float:left; width:100%; display:;}
.linesubcate{ float:left; width:100%; height:50px; border-bottom:1px #dfdfdf solid; background:#FFF; margin-top:1px; line-height:25px; color:#555;}
.linesubcate .column{ float:left; height:50px; text-indent:5px;}
.linesubcate .column input{ border:1px #eeeeee solid; padding:4px; margin-top:5px; font-weight:bold; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px;}
.linesubcate img.icon{ top:8px;}
.subcate a{ color:#333; text-decoration:none;}
.subcate a:hover{ color:#ffa200; text-decoration:underline;}
.subcate a.post{ color:#2195C8;}

.action{ float:left; display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

.cat-tabshover{ float:left; width:90%; text-align:left; font-size:11px; }
.cat-tabshover a{color:#2195c8; text-decoration:none; padding-right:5px; font-size:11px; font-weight:normal;}
.cat-tabshover a:hover{text-decoration:underline;}
.cat-tabshover img{ padding:0 3px;}

.black_overlay{
display: none;
position: absolute;
float:left;
top: 0%;
left: 0%;
width: 100%;
height: 1500px;
background-color: black;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: absolute;
top: 20%;
left: 25%;
z-index:1002;
overflow: auto;
width:50%; border:2px #000 solid; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; background:#FFF;}

.editcate_top{ float:left; width:100%; height:30px; background:#F1F1F1; border-bottom:1px #dddddd solid;}
.editcate_top img{ float:right; padding:8px 8px 0 0;}
.editcate_top h2{ float:left; font-size:13px; font-weight:bold; line-height:30px; color:#5555; text-indent:10px;}
.editcate_ct{ float:left; width:100%; padding-bottom:10px;}
.editcate_ct ul li{ float:left; width:100%; margin-top:15px; color:#333;}
.editcate_ct ul li span.left2{ float:left; line-height:22px; width:30%; text-align:right;}
.editcate_ct ul li span.right2{ float:left; line-height:22px; width:65%; font-size:11px; color:#555; text-indent:5px; font-style:italic;}
.editcate_ct ul li span.right2 input, select{ float:left;border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; font-size:11px; color:#555; margin:0 4px; display:inline;}
.editcate_ct ul li.end{ float:right; text-align: right; width:95%; padding:10px 0; padding-right:10px;}
.editcate_ct ul li.end input.btn{ float:right; background:url(../images/bgbtn.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#555; margin:0 5px;}


.editart_top{float:left; width:100%; height:30px; background:#F1F1F1; border-bottom:1px #dddddd solid;}
.editart_top img{ float:right; padding:8px 8px 0 0;}
.editart_top span.left3{ float:left; padding-left:5px;}
.editart_top span.left3 input.btn{ float:left; background:url(../images/bgbtn.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#555; margin:4px 5px;}
.editart_top span.left3 input, select{ float:left;border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; font-size:11px; color:#555; margin-top:4px;}
.article_ct{width:548px; margin:0 auto;}

.contentnews{ float:left; width:100%; margin-top:20px; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:22px;}
.contentnews h1{ font-size:20px; font-weight:bold;}
.contentnews font.date{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; float: left; width:100%; padding-bottom:8px;}
.contentnews p.img{ float:left; width:100%; text-align:center; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.contentnews p.source{ float:left; width:100%; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:8px 0;}
.btarticle{float:left; width:100%; margin-top:15px; color:#333; padding-bottom:10px;}
.btarticle input.btn{ float:right; background:url(../images/bgmenuleft.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#FFF; margin:0 5px;}

.contentnews input, select, textarea{ float:left; border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 2px; font-size:11px; color:#555; margin:0;}
.contentnews ul li{ float:left; width:100%; padding-bottom:10px; font:12px Arial, Helvetica, sans-serif; line-height:20px;}
.contentnews .showtype{ float:left; width:528px; background:#F5F5F5; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; font:12px Arial, Helvetica, sans-serif; color:#555; font-weight:bold;}
.contentnews .showtype ul li{ float:left; width:33%; margin-top:10px; text-indent:5px; line-height:normal;}
/*------date-------*/
.datepicker { border-collapse: collapse; border: 2px solid #DFDFDF; position: absolute; width:220px;}
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }

/*-----------Articles------------*/
.topart{ float:left; width:100%;-moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #D3D3D3;float:left;margin-top:5px; background:#f8f8f8; height:28px;}
.topart span.left{ float:left; margin-left:5px; display: inline; line-height:28px;}
.topart span.left{ float:left; color:#1d6d96; font-size:11px;}
.topart span.left a{ color:#1d6d96; text-decoration:none; font-weight:bold;}
.topart span.left a:hover{ text-decoration:underline;}
.topart span.left font.line{ padding:0 4px;}
.topart span.left font.number{ color:#555555;}
.topart span.right1{ float:right; margin:3px 5px 0 0; display: inline;}
.topart span.right1 select, input{ float:left; border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 0px; font-size:11px; color:#555; margin:0; margin-right:5px; display:inline;}
ul.right2{ float:right;}

.pagination{
padding: 2px;
float:right;
margin-top:2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 11px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 2px 5px;
border: 1px solid #d3d3d3;
text-decoration: none; 
color: #555555;
background:#FFF;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #d3d3d3;
color: #FFF;
background-color: #ffb400;
}

.pagination a.currentpage{
background-color: #ffb400;
color: #FFF !important;
border-color: #d3d3d3;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #d3d3d3;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: normal;
}

.linecate2 select, input{ float:left; border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; font-size:11px; color:#555; margin-right:5px; display:inline;}
.bottom1{ float:left; width:100%; height:30px;margin:1px 1px 0 1px; display: inline; background:#f1f1f1; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px; font-weight:bold; color:#555555; line-height:30px;}
.bottom1 .column{ float:left; border-bottom:1px #dfdfdf solid; height:30px; text-indent:5px;}
.bottom1 .column select{ margin-top:5px;}
.bottom1 .column input{ margin-top:8px;}
.bottom1 select, input{ float:left; border:1px #dfdfdf solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; font-size:11px; color:#555; margin:0 0 0 5px; display:inline;}
.bottom1 input.btn{ float:left; background:url(../images/bgbtn.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#555; margin:5px 5px;cursor:pointer;}

input.errors{ border:1px #F00 solid;}
.warning{width:100%;float:left;-moz-border-radius:5px;-webkit-border-radius:5px; background:#fffbcc; border:1px #e6db55 solid; color:#585b66; margin-top:5px; font-size:11px;}
.warning h2{ float:left; margin-left:10px; display:inline; background:url(../images/exclamation.png) no-repeat left center; padding:10px 0; font-size:12px; color:#333; text-indent:20px; font-weight:normal;}

.note{width:100%;float:left;-moz-border-radius:5px;-webkit-border-radius:5px; background:#dbe3ff; border:1px #a2b4ee solid; color:#585b66; margin-top:5px; font-size:11px;}
.note h2{ float:left; margin-left:10px; display:inline; background:url(../images/information.png) no-repeat left center; padding:10px 0; font-size:12px; color:#333; text-indent:20px; font-weight:normal;}

.success{width:100%;float:left;-moz-border-radius:5px;-webkit-border-radius:5px; background:#d5ffce; border:1px #9adf8f solid; color:#585b66; margin-top:5px; font-size:11px;}
.success h2{ float:left; margin-left:10px; display:inline; background:url(../images/tick_circle.png) no-repeat left center; padding:10px 0; font-size:12px; color:#333; text-indent:20px; font-weight:normal;}
.error{width:100%;float:left;-moz-border-radius:5px;-webkit-border-radius:5px; background:#ffcece; border:1px #df8f8f solid; color:#585b66; margin-top:5px; font-size:11px;}
.error h2{ float:left; margin-left:10px; display:inline; background:url(../images/cross_circle.png) no-repeat left center; padding:10px 0; font-size:12px; color:#333; text-indent:20px; font-weight:normal;}

/*------------------Login--------------------*/
/*------------------Login--------------------*/
.mainlogin{ position:absolute; width:100%; background:#f5f5f5; top:57px;}
.bgform{ width:400px; margin:0 auto;}
.bgform_in{ float:left; width:100%; padding:70px 0 230px 0;}

.bgform_in h1{ float:left; width:300px; background:url(../images/iconlogin.png) no-repeat left center; margin-left:5px; text-indent:22px; display:inline; font-size:18px; color:#1089bf; line-height:25px; text-shadow:1px 1px 1px #bdbdbd;}
.bgform_in .bglogin{ float:left; width:310px; background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 18px #C8C8C8;}
.bgform_in .bglogin input[type="password"]:focus, .bgform_in .bglogin input[type="text"]:focus {
    -moz-transition: all 0.25s ease-in-out 0s;
    border-color: #BBBBBB !important;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.5);
    outline: 0 none;
}
.bgform_in .bglogin ul li input.text{ 
    float:left; width:100%; 
    
    border:0; font-size:13px; 
    font-weight:bold; color:#777777; 
    
    font-family:Arial, Helvetica, sans-serif;
     background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    padding: 5px;
    font-size:18px;
    
}
.bgform_in .bglogin ul{ float:left; width:260px; margin:10px 0 0 25px; display: inline;}
.bgform_in .bglogin ul li{ float:left; width:100%; margin-top:16px; text-indent:3px;}

.bgform_in .bglogin ul li span.left{ float:left;}
.bgform_in .bglogin ul li span.right{ float:right; text-align:right;}
.bgform_in .bglogin ul li span.right input.btnlogin{ 
	
	

	/*basic styles*/
	color: white; background-color: #d46d45;
	text-align: center;  font-size: 16px;  
 
 
	/*gradient styles*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d46d45), to(#b1432a));
	background: -moz-linear-gradient(19% 75% 90deg,#b1432a, #d46d45);
 
	/*border styles*/
	border-top: solid 1px #e28d79;
	border-bottom: solid 1px #51281f;
	border-right: solid 1px #d46d45;
	border-left: solid 1px #d46d45;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 20px;
 	padding:3px 12px 3px 12px;

 	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5);

 	cursor:pointer;
}
.bgform_in .bglogin ul li span.right input.btnlogin:hover{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1432a), to(#d46d45));
	background: -moz-linear-gradient(19% 75% 90deg,#d46d45, #b1432a);
	border-top: solid 1px #b1432a;
	border-bottom: solid 1px #e28d79;
}
.bgform_in .bglogin ul li span.right .rosy {
    background: -moz-linear-gradient(center top , #F16C7C, #BF404F) repeat scroll 0 0 transparent;
    border: 1px solid #B73948;
    color: #FAE7E9;
}

.bgform_in .bglogin ul li.end{ margin-top:20px;margin-bottom:20px;}
.bgform_in .bglogin ul li a{color:#2195C8;text-decoration:none;}
.bgform_in .bglogin ul li a:hover{ color:#D54E21}

.keep_index{ position:fixed; width:100%; bottom:0; z-index:9999; cursor:pointer}

/*-----------------07-12-2010--------------*/
.comment_ct{width: 600px; margin:0 auto;}
.comment_ct ul.listcmt{ float:left; width:100%;}
.comment_ct ul.listcmt li{ float:left; width:100%; margin-top:12px; border-bottom:1px #dfdfdf solid; padding-bottom:10px; line-height:18px; font-size:11px;}
.comment_ct ul.listcmt li p.name{ float:left; width:100%; padding-bottom:8px;}
.comment_ct ul.listcmt li p.name span.left{ float:left;}
.comment_ct ul.listcmt li p.name span.right{ float:right; text-align:right;}
.comment_ct ul.listcmt li p.name font.email{ color:#999; padding-left:5px;}
.comment_ct ul.listcmt li p.comment{ float:left; width:100%; color:#333;}
.comment_ct ul.listcmt li p.linkbt{ float:left; width:100%; padding:5px 0; color:#0054A6;}
.comment_ct ul.listcmt li p.linkbt a{color:#0054A6; text-decoration:none; padding:0 5px;}
.comment_ct ul.listcmt li p.linkbt a:hover{ color:#faa000; text-decoration:underline;}
.comment_ct ul.listcmt li p.linkbt a.delete{ color:#F00;}
#panaging_div{ padding:10px 0;}


span.btnadd{ float:right; width:130px; height:20px; background:url(../images/btnadd.gif) no-repeat; font-size:10px; font-weight:bold; color:#FFF; line-height:18px;}
span.btnadd a{ color:#FFF; text-decoration:none; padding-left:20px;}

/*----------7/2/2012-------------------*/
.box
{
	float:left;border: 1px solid #DFDFDF;border-radius: 5px 5px 5px 5px;
	width:100%;
	background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #F5F5F5);
	
	border-color: #DFDFDF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset;
	
	margin-bottom:15px;
}
.box .tl
{
	background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #DDDDDD;
    float: left;
    height: 30px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    width: 100%;

	border-bottom-color: #DFDFDF;
    box-shadow: 0 1px 0 #FFFFFF;
    text-shadow: 0 1px 0 #FFFFFF;

    background-color: #F1F1F1;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
}
.box .tl{position:relative;}
.box .tl h2 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    text-indent: 10px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
    color: #464646;

    
}
.box .ct
{
	float: left;
    padding-bottom: 10px;
    width: 100%;
	height:auto;
}
.box .ct
{
	float: left;
    padding-bottom: 10px;
    width: 100%;
	height:auto;
}

.box .ct .add-bt{padding: 2px 0 0 10px;}
.box .ct .add-bt a {
    color: #2195C8;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
.box .ct .add-bt a:hover {
	color:#D54E21;
}

.frm_label{float: left;line-height: 22px;text-align: right;width: 30%;color: #464646;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.frm_label input[type="checkbox"]{margin:5px 10px 0px 10px;}
.frm_field{color: #555555;float: left;font-size: 11px;font-style: italic;line-height: 22px;text-indent: 5px;width: 60%;}

#main{width:100%;float:left;margin-top:20px;}
#main #content{width:64%;float:left;}
#main #content .topart span.left font.line {
    float: left;
    padding: 0 15px;
}
#main #content .topart span.left{padding:0px 0px 0px 15px;}
#main #content .topart span.left input[type="checkbox"]{margin:8px 0px 0px 4px;}
	
#main .inner-sidebar{float:right;width:34%;}


#ht-manage{float:left;width:100%;}
#ht-manage .linecate2{font-weight:normal;text-shadow: 0 1px 0 #FFFFFF;}
#ht-manage .row-hover{background:#F9F9F9;cursor:pointer;}
#ht-manage .linecate2 .column a:hover{text-decoration:underline;color:#D54E21;}

.message{
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right bottom,
                                                        color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                                                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                                                        color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                                                        to(transparent));
                background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                                                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                                                        transparent 75%, transparent);
                background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                                                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                                                        transparent 75%, transparent);
                background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                                                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                                                        transparent 75%, transparent);
                background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                                                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                                                        transparent 75%, transparent);
                background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                                                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                                                        transparent 75%, transparent);
	float: left;
    
    margin-top: 5px;
    width: 100%;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;    
    float: left;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.message h2{display: inline;
    float: left;
    font-size: 16px;font-weight: bold;
    margin-left: 10px;
    padding: 10px 0;
    text-indent: 20px;
    color:white;
}
.msg-error
{
	 background-color: #de4343;
     border-color: #c43d3d;
}

.msg-error h2{ float:left;background:url(../images/cross_circle.png) no-repeat left center;}
#ht-manage .error
{
                 background-color: #de4343;
                 border-color: #c43d3d;
}

.info
{
                 background-color: #4ea5cd;
                 border-color: #3b8eb5;
}
#ht-manage .success{
	

background-color: #61b832;
                border-color: #55a12c;
                
                
}
#ht-manage .success h2{color: #fff;font-size: 16px;font-weight: bold;}

#ht-useful{float:left;position:relative;width:100%;}
#ht-useful .frm_label{width: 69%;}
#ht-useful .frm_field{width: 29%;}

#ht-useful input[type="text"]{width:80px;}

#ht-cate-area{float:left;position:relative;width:100%;}
#ht-cate-area .box .tl{} 
#ht-cate-area .box .ct{padding-bottom:0px;}

#ht-cate-area{float:left;position:relative;width:100%;}
#ht-cate-area .field-value{float:left;width:100%;}

#ht-cate-area #destination a{color: #2195C8;font-size: 11px;font-weight: bold;text-decoration: none;text-shadow: 0 1px 0 #FFFFFF;font-style: normal;}
#ht-cate-area #destination a:hover{color: #D54E21;text-decoration:underline;}
.frm_chk_dest{margin-top:6px;}

#ht-features{float:left;margin-top:15px;width:100%;}
#ht-features .linesubcate,#ht-features .linecate,#ht-features .linecate .column{height:auto;}
#ht-features .linecate .column a{float:left;width:100%;}
#ht-features .linecate{border-bottom:none;}
#ht-features ul.frm li{padding: 6px 0 0px;width:100%;border:none;margin:0px;}
#ht-features .linesubcate {border-bottom:none;border-top: 1px solid #DFDFDF;}
#ht-features .linesubcate {border-bottom:none;}

#ht-features .linecate{width:100%;}
#ht-features .linecate .column{text-indent:0px;}
	
#ht-features .feature{float:left;width:30%;margin-left: 3%;margin-top:5px;}
#ht-features .column-1{float:left;width:10%;height:30px;}
#ht-features .column-1 input[type="checkbox"]{margin-top:5px;}
#ht-features .column-2{float:left;width:70%;height:auto;}
#ht-features .linecate .column h2{padding-left:5px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}

#ht-features .usual{width:97%;margin-bottom:2px;}
#ht-features .usual div{padding:0px;} 
#ht-features .usual div.subcate{width:100%;}

#ht-name{width:100%;height:31px;border:solid 1px #DFDFDF;border-radius: 3px 3px 3px 3px;}
#ht-name div{width:15%;float:left;height:22px;padding:9px 0px 0px 12px;
	margin-top:0px;	
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	color: #464646;
	border-right:solid 1px #DFDFDF;
	background: #ECECEC; /* for non-css3 browsers */
	background: -moz-linear-gradient(center top , #F9F9F9, #ECECEC) repeat scroll 0 0 #F1F1F1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#ECECEC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#ECECEC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F9F9F9,  #ECECEC); /* for firefox 3.6+ */ 
}
#ht-name #name{width:70%;height:21px;padding: 2px 8px;border:none;margin-top:5px;font-size:16px;font-weight:bold;}
	
#ht-contact{float:left;width:100%;}
#ht-contact #ct-address{position:relative;}
#ht-contact .frm_label{width:20%;}
#ht-contact .frm_field{width:40%;}

#ht-gallery{float:left;width:100%;}
#ht-gallery .box #list-album{background:#FFFFFF;}
#ht-gallery .add-album{padding:10px 0px 0px 10px;}
#ht-gallery .add-album a {color: #2195C8;font-size: 13px;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF;text-decoration:none;}
#ht-gallery .add-album a:hover{color:#D54E21;}

#ht-gallery .linecate{width:30%;margin:30px 0px 30px 80px;border:solid 1px #DFDFDF;}
#ht-gallery .linecate,#ht-gallery .linecate .column,#ht-gallery .linesubcate{height:auto;}
#ht-gallery .linecate .column{position:relative;text-align:center;}
#ht-gallery .linecate .column .album-tools{
	background: none repeat scroll 0 0 transparent;
    height: 26px;
    margin: 2px 0 0 3px;
    position: absolute;
    text-align: left;
    top: 3px;
    width: 93%;
}
#ht-gallery .linecate .column h2{background:none;} 

#ht-gallery ul.frm li{padding:0px;} 

#ht-gallery .feature{float:left;width:31%;margin-left:11px;margin-left: 10px;margin-top:5px;}
#ht-gallery .column-1{float:left;width:100%;}
#ht-gallery .column-1 input[type="checkbox"]{margin-top:5px;}
#ht-gallery .column-2{float:left;width:100%;height:auto;}
#ht-gallery .add-image{float:left;width:98%;margin:10px 10px 10px 0px;text-align:right;}
#ht-gallery .add-image a{ color: #2195C8;font-size: 13px;text-shadow: 0 1px 0 #FFFFFF;text-decoration:none;}
#ht-gallery .add-image a:hover{ color: #D54E21;text-shadow: 0 1px 0 #FFFFFF;}

#ht-gallery .white_content {
    left: 0%;
    width: 80%;
}
#ht-gallery .white_content .editcate_ct ul li.list-images{
	background:white;padding:0px;
	height:auto;
}
#ht-gallery .white_content .image-area{height:400px;overflow:auto;}
#ht-gallery .white_content .editcate_ct ul li.list-images ul li{float:left;width:160px;height:120px;border:solid 1px #DDD;margin:15px 0px 25px 25px;position:relative;}
#ht-gallery .white_content .editcate_ct ul li.list-images ul li img{float:left;width:156px;height:116px;margin:2px 0px 0px 2px;}

#ht-gallery .white_content .editcate_ct ul li{border-bottom: 1px solid #DFDFDF;}
#ht-gallery .white_content .editcate_ct ul li.end{ border-bottom: 0 solid #DFDFDF;
    border-style: solid;
    border-top: 1px solid #FFFFFF;
    border-width: 1px 0 0;	
}

#ht-gallery .white_content .list-images .tools{position:absolute;width:156px;height:26px;background:black;filter: alpha(opacity=60);opacity: .6;top:91px;margin:2px 0px 0px 2px;}
#ht-gallery .white_content .list-images .caption{position:absolute;width:156px;height:26px;top:123px;margin:0px 0px 0px 0px;text-align:center;}
#ht-gallery .white_content .list-images .caption a{height: 80%;
    width: 97%;display:block;
    color: #3366CC;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;text-decoration:none;
}
#ht-gallery .white_content .list-images .caption input[type="text"]{height:18px;}
#ht-gallery .white_content .editcate_ct ul li.list-images ul li.loading {background: #F9F9F9 url('../images/loading.gif') no-repeat center center;}
.slfksd{
	background: url("//ssl.gstatic.com/docs/picker/images/placeholder-v1.gif") repeat scroll 0 0 transparent;
    color: #999999;
}
#ht-gallery .white_content .editcate_ct ul li.list-images ul li.item:hover{border:solid 1px #000;cursor:pointer;}

#ht-thumbnail div#img-thumbnail{width:128px;height:128px;cursor:pointer;margin-left:10px;margin-top:10px;float:left;}
#ht-thumbnail div#img-thumbnail div{float:left;border:solid 1px #7C7C7C;width:126px;height:126px;}
#ht-thumbnail div#img-thumbnail div img{float:left;width:120px;height:120px;margin:3px 0px 0px 3px;}
#ht-thumbnail div.no-img{border:none;float:left;background:#FFF url('../images/no-image.gif') no-repeat center center;}
#ht-thumbnail div.loading{border:solid 1px #EAE8E2;background:#FFF url('../images/loading.gif') no-repeat center center;}
#slider div.loading{border:none;background:#FFF url('../images/loading-trans.gif') no-repeat center center;height:32px;width:32px;float:left;}
/***21/2/2012****/
.qq-uploader { position:relative; width: 100%;}

#slider .qq-upload-button{padding:0px;background:#EA6D2E;border: 1px solid rgba(0, 0, 0, 0.25);}
.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    border: 4px dashed #DDDDDD;
    height: 100%;
    left: -13px;
    min-height: 377px;
    position: absolute;
    text-align: center;
    top: -425px;
    width: 100%;
    z-index: 2;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:white;border:4px dashed #DDD;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;display:none;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

#ht-thumbnail .qq-upload-drop-area {
    border: 4px dashed #DDDDDD;
    height: 100%;
    left: -174px;
    min-height: 139px;
    position: absolute;
    text-align: center;
    top: -58px;
    width: 244%;
    z-index: 2;
}



#ht-room{float:left;width:100%;margin-top:15px;}
#ht-room #main #content{width:100%;}
#ht-room .white_content{left:0;width:70%;}
#ht-room .white_content .editcate_ct ul li
{
	border-bottom: 1px solid #DFDFDF;
    border-style: solid;
    border-top: 1px solid #FFFFFF;
    border-width: 1px 0;
	margin-top: 0px;
	padding: 10px 0px 10px 0px;
}
#ht-room .white_content .editcate_ct ul li.list-feature{background:#F5F5F5;padding:0px;}
#ht-room .white_content .editcate_ct ul li.end{ border-bottom: 0 solid #DFDFDF;
    border-style: solid;
    border-top: 1px solid #FFFFFF;
    border-width: 1px 0 0;	
}

#ht-room .linesubcate,#ht-room .linecate,#ht-room .linecate .column{height:auto;width:97%;}
#ht-room .linecate .column a{float:left;width:100%;}
#ht-room .linecate{border-bottom:none;}
#ht-room ul.frm li{padding: 6px 0 0px;}
#ht-room .linesubcate {border-bottom:none;}
#ht-room .linesubcate {border-bottom:none; margin-top: 0px;background:#F5F5F5}

#ht-room .feature{float:left;width:31%;margin-left:11px;margin-left: 10px;margin-top:5px;}
#ht-room .column-1{float:left;width:10%;height:30px;}
#ht-room .column-1 input[type="checkbox"]{margin-top:5px;}
#ht-room .column-2{float:left;width:80%;height:auto;}
#ht-room .linecate .column h2{padding-left:5px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}


.period{float:left;width:100%;}
.period .room-type{float:left;width:75%;margin-top:15px;}
.period .room-type input{height:24px;margin:4px 0px 0px 0px;padding:0px;font-weight: bold;border-color: #E2E2E2;color: #2195C8;}
.center{text-align:center}
.period .room-type input:focus,.period .room-type select:focus,.period .room-type textarea:focus{ -moz-transition: all 0.25s ease-in-out 0s;
    border-color: #BBBBBB !important;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.5);
    outline: 0 none;}
.period .room-type select{height:25px;margin-top:4px;padding:2px 2px 3px 5px;width:93%;border-color: #E2E2E2;}
.period .room-type .box{margin-top:10px;}

.room-type .room-note{margin: 0 0 2% 15%;width: 64%;float:left;}
.room-type .room-note .frm_label,.room-type .room-note .frm_field{width:100%;}
.room-type .room-note .frm_label{text-align:left;}
.room-type .room-note .frm_field input,.room-type .room-note .frm_field textarea{width:99%;}
.room-type .room-note .frm_field textarea{height:100px;}

.room-type .add-note{float:left;padding:0px 0px 0px 10px;width:12%;}

.room-type .add-room,.room-type .delete-room{float:left;padding:0px 0px 0px 10px;width:13%;border-right:solid 1px #BBBBBB;}
.room-type .add-room a,.room-type .delete-room a{text-align:center;}
.room-type .add-room a,.room-type .add-note a,.room-type .delete-room a{color: #2195C8;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    display: block;
    width:99%;
}
.room-type .add-room a:hover,.room-type .add-note a:hover,.room-type .delete-room a:hover{color: #D54E21;}

.room-ext{float:left;width:23%;margin:26px 0px 0px 15px;}
.room-ext .frm_label,.room-ext .frm_field{width:100%;text-align:left;}

.room-ext input{width:98%;}
.room-ext input[type="password"]:focus, .room-ext input[type="text"]:focus {
    -moz-transition: all 0.25s ease-in-out 0s;
    border-color: #FFFFFF !important;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.5);
    outline: 0 none;
}
.room-ext .room-period{float:left;width:99%;border:solid 1px #BF404F;border-radius: 3px;clear:both;}
.room-ext .room-period .frm_label,.room-ext .room-period .frm_field{
	background:#39AAE8;
	background: -moz-linear-gradient(center top , #F16C7C, #BF404F) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#F16C7C), to(#BF404F)); /* for webkit browsers */
	color:white;
}

.room-ext input[type="text"]{ 
    float:left; 
    font-weight:bold; 
    color:#777777;
    background: none repeat scroll 0 0 #FBFBFB;
    padding: 10px 0px 10px 0px;
}
.room-ext .room-period input{font-size:30px;margin-bottom:0px;width:99%;border:0;text-shadow: 0 1px 0 #FFFFFF;}

.room-ext .room-add-special{float:left;width:95%;margin-top:15px;}
.room-ext .room-add-special a{
	display:block;width:92%;
	
	border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    
    outline: medium none;
    padding: 20px 10px 20px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    float:left;
}

#add-period{float:left;width:100%;margin:25px 0px 50px 0px;}
#add-period a{width:200px;}

.button-style
{
	display:block;width:92%;
	
	border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    
    outline: medium none;
    padding: 20px 10px 20px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    float:left;
}
/*---color*/
/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/*--------*/
ul.frm li {
    color: #333333;
    float: left;
    margin-top: 0px;
    width: 100%;
	
    padding: 6px 0px 8px;
}
ul.frm li.separate{	border-bottom-color: #DFDFDF;border-top-color: #FFFFFF;border-style: solid;border-width: 1px 0;}
ul.frm li.end{border-width: 1px 0px 0px 0px;border-top-color: #FFFFFF;border-style: solid;border-bottom-color: #DFDFDF;}

.frm input[type="text"].100-percent,.frm textarea.100-percent
{
	width:92%;padding:10px;margin-top:2px;
}


textarea, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {
    background-color: #FFFFFF;
    border-color: #DFDFDF;
	border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	color: #666666;	
} 
input[type="text"], input[type="password"], textarea {
    -moz-box-sizing: border-box;
}
textarea, input, select {
    margin: 1px;
    padding: 3px;
}
input, select {
    line-height: 15px;
}
input[type="checkbox"], input[type="radio"] {
    vertical-align: text-bottom;
}

/*-----------8/2/2012-----------*/
/*  idTabs ~ Sean Catchpole  */


/* Style for Usual tabs */
.usual {  
  color:#111;  
  width:95%;  
  margin:8px auto;
  position: relative;  
}

.usual li{ list-style:none;display:inline;}


.usual ul a {  
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #464646;
  font-size:13px;
}
.usual ul a:hover {}
.usual ul a.selected {
  margin-bottom:0;
   
  
  cursor:default;
  color: #333333;
  
  
	border-color: #DFDFDF;border-style: solid solid none;
    border-width: 1px 1px 0;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px 10px 6px 10px;
    background-color: #FFFFFF;
  }
.usual div {
  padding:3px 10px 8px 10px;
   
  /*clear:left;*/
}
.usual div.subcate{width:97%;}
.usual div a { color:#000; font-weight:bold; }
.usual #tab-area{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:5px;}
.usual #tab-cate{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:5px;}
.usual #tab-cate .frm_label{width:100%;text-align:left;}
.usual #tab3{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:4px;}

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

.usual #tab-features{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:5px;}
.usual #tab-rooms{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:5px;}
.usual #tab-cate{border-style: solid;border-width: 1px;border-color:#DFDFDF;overflow: auto;background:#FFFFFF;margin-top:5px;}

#dark{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin-top:20px;}
	
#light{
	background-color:#FFF;
	
	
	margin-top:20px;}	
	

.mainright span.cke_skin_kama {
    border: 0px solid #D3D3D3;
    border-radius: 0px;
    padding: 0px;
}

/*--------10/2/2012--------*/
#box-map
{
	padding:0px 0px 10px 0px;
	position:absolute;
	z-index:9999;
	width:85%;
	background: #ff8a00;
	color:#333;
	font-size:11px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:0px;
}
#box-map .title_f{ float:left; width:770px; height:30px; margin:5px 0 0 15px; display: inline; color:#FFF;  font-size:12px; font-weight:bold; text-transform:uppercase; line-height:28px; font-family:Arial, Helvetica, sans-serif;}
#box-map .title_f span{ float:left;}
#box-map .title_f img{ float:right; padding-top:3px;}

#box-map .content_form{ float: left; width:768px;height:537px; overflow: auto; margin-left:10px; display: inline; background: #FFF; padding:1px;}
#box-map .content_form ul{ margin:0; padding:0; list-style:none;}
#box-map .content_form ul li{ float:left; width:33%; margin-top:8px;}
#box-map .content_form ul li font{ color:#838383; font-size:11px; padding-left:5px; float:left;}
#box-map a{ color:#0000cc; text-decoration:none; float:left;}
#box-map a:hover{ color:#ff780c;}

/*---------------19-08-2010-----------------*/
.black_overlay2{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1308px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.white_content2 {
	display: none;
	position: absolute;
	top: 2%;
	left: 7%;
	width: 775px;
	height: 590px;
	background:#ff8a00;
	z-index:1002;
	overflow: hidden;
}

.title_map{ float:left; width:100%; height:50px;}
.search_map{ float:left; width:254px; height:22px; margin:14px 0 0 15px; display:inline;}
.search_map_l{ float:left; width: 5px; height:22px; background:url(../images/search_map_l.gif) no-repeat;}
.search_map_bg{ float:left; width: 223px; height:22px; background:url(../images/search_map_bg.gif) repeat-x;}
.search_map_bg input{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#0000cc; border:0; background:none; width:95%; margin-top:3px;}
.search_map_r{ float:left; width: 24px; height:22px;}
.search_map_r input{ border:0; background:none; margin:0; padding:0;}
.title_map span.addressnote{ float:left; padding:18px 0 0 10px; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.title_map span.btnmap{ float: right; padding:16px 10px 0 0;}
.title_map span.btnmap img{ padding-left:5px;}
.boxmap{ float:left; width:98%; height:530px; background:#FFF; margin-left:10px; display: inline;}
.boxmap .map_view{ float:left; width:753px; height:494px; margin:1px; display:inline;}
.boxmap .map_note{ float:left; width:753px; font-size:11px; padding:8px 0; text-indent:10px;}

.hidden{ display:none;}

.minus-16{position:absolute;right:0px;}
.minus-16{background:url(../images/minus16x16.png) no-repeat;width:16px;height:16px;float:right;margin:7px 7px 0px 0px;}
.plus-16{position:absolute;right:0px;}
.plus-16{background:url(../images/plus16x16.png) no-repeat;width:16px;height:16px;float:right;margin:7px 7px 0px 0px;}

input.btn{ float:left; background:url(../images/bgbtn.gif) repeat-x; border:1px #e2e2e2 solid; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 12px; font-size:11px; color:#D54E21; margin:5px 5px;font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
	cursor:pointer;
}



/**16/2/2012**/
.cols{float:left;width:98%;line-height:30px;margin-left:8px;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left;width:13%;text-align:center;}
.col-1{width:23%;}
.col-7{width:6%;text-align:center;}
.col-8,.col-6{width:10%;text-align:center;}
.col-9{width:7%;text-align:center;}
.col-9 a.delete{margin:15% 0 0 40%;}

.cols .line{float:right;text-shadow: 0 1px 0 #FFFFFF;color:#464646;}

.cols a{color: #2195C8;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;}
.cols a:hover{color:#D54E21;text-decoration:underline;}

/*17/2/2012*/
a.delete{background:url(../images/delete.png) no-repeat;display:block;width:16px;height:16px;float:left;text-decoration:none;}
a.copy{background:url(../images/copy.png) no-repeat;display:block;width:16px;height:16px;float:left;text-decoration:none;}
a.back{background:url(../images/arrow_return_down_left.png) no-repeat;display:block;padding-left:48px;padding-top:10px;height:48px;float:left;text-decoration:none;color:#2195C8;}
/*24/2/2012**/
.draft{color:#aa3432;text-shadow:0 1px 0 white;}
.active{color:#0051cb;text-shadow:0 1px 0 white;}


.ui-autocomplete
{
    border: #000000 solid 0px;
    width: auto;
	max-width:515px;
	top:114px;
	left:260px;
	background:#fff;
}
.ui-autocomplete li{line-height:25px;}
.ui-autocomplete li a{margin: 0 0 0 10px;width: 94%;}


ht-manage .price{text-decoration:none;color:red;}
ht-manage .price_expire{text-decoration:line-through;color:red;}

/*12/3/2012*/
#frmAddDestination #content .frm_label,#frmAddFAQ #content .frm_label{width:100%;text-align:left;line-height:40px;font-size: 16px;}
#frmAddDestination #content .frm_field,#frmAddFAQ #content .frm_field{width:100%;text-align:left;line-height:40px;font-size: 16px;}
#frmAddDestination #content .frm_field input,#frmAddDestination #content .frm_field select,#frmAddFAQ #content .frm_field input,#frmAddFAQ #content .frm_field select{width:60%;font-size: 16px;padding: 6px;}
.field{width:100%;float:left;margin:20px 0px 10px 0px;}

.formValid .error{border:solid 1px red;background:white;}
.formValid span.error {
    /*background: url("../images/error.gif") no-repeat scroll left center transparent;*/
    color: #FF0000;
    display: inline;
    float: left;
    font-size: 11px;
    height: 14px;
    line-height: 15px;
    margin: 15px 0 0 10px;
    padding-left: 20px;
    border:none;
    width:auto;    
}
.formValid span.success {
    /*background: url("../images/ok.gif") no-repeat scroll left center transparent;*/
    display: inline;
    float: left;
    height: 14px;
    margin: 12px 0 0 10px;
    padding-left: 20px;
    border:none;
    width:auto;    
}

.btn-add-new{border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
    float: left;
    outline: medium none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}

.main-top-title{
    margin:10px 0px 30px 0px;
	color: #9DA1A3;
    float: left;
    font-size: 18px;
    font-style: normal;
    line-height: 18px;
    text-transform: uppercase;
    width: 100%;
}

/* main content split to 2 columns*/
.content-right{float:left;width:60%;margin-top:20px;}

.content-left{float:left;padding-left: 5%;width: 35%;}
.content-left .frm_label{width:100%;text-align:left;line-height:40px;font-size: 16px;}
.content-left .frm_field{width:100%;text-align:left;line-height:40px;font-size: 16px;}
.content-left .frm_field input,.content-left .frm_field select{width:60%;font-size: 16px;padding: 6px;}

.msg-success {
    background-color: #61B832;
    border-color: #55A12C;
}

a.random{background:url(../images/arrow_circle_double.png) no-repeat;display:block;width:16px;height:16px;float:left;margin: 10px 0 0 16px;}
a.loading{background: #F9F9F9 url('../images/loading.gif') no-repeat center center;display:block;width:16px;height:16px;float:left;margin: 10px 0 0 16px;}

/*----------tooltip-------*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/*-- Voucher box --*/
#leftBox{width:48%; float:left; height:auto; border-color:green; margin-left:1%}
#rightBox{width:48%; float:right; height:auto; border-color:green; margin-right:1%}
.voucher_left_box{width:100%; margin-top:5px;}
.voucher_right_box{width:100%; margin-top:5px;}
a.random{background:url(../images/arrow_circle_double.png) no-repeat;display:block;width:16px;height:16px;float:left;margin: 10px 0 0 16px;}

#activity-gallery .editcate_ct ul li.list-images ul li img{float:left;width:156px;height:116px;margin:2px 0px 0px 2px;}
#activity-gallery .list-images .tools{position:absolute;width:156px;height:26px;background:black;filter: alpha(opacity=60);opacity: .6;top:91px;margin:2px 0px 0px 2px;}
#activity-gallery .editcate_ct ul li.list-images ul li{float:left;width:160px;height:120px;border:solid 1px #DDD;margin:15px 0px 25px 25px;position:relative;}

#activity-gallery .editcate_ct ul li{border-bottom: 1px solid #DFDFDF;}
#activity-gallery .editcate_ct ul li.end{ border-bottom: 0 solid #DFDFDF;
    border-style: solid;
    border-top: 1px solid #FFFFFF;
    border-width: 1px 0 0;	
}

#activity-gallery .list-images .caption{position:absolute;width:156px;height:26px;top:123px;margin:0px 0px 0px 0px;text-align:center;}
#activity-gallery .list-images .caption a{height: 80%;
    width: 97%;display:block;
    color: #3366CC;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;text-decoration:none;
}
#activity-gallery  .list-images .caption input[type="text"]{height:18px;}
#activity-gallery  .editcate_ct ul li.list-images ul li.loading {background: #F9F9F9 url('../images/loading.gif') no-repeat center center;}

#home{
	float:left;width: 100%;padding:70px 0px 0px 0px;
}
#home ul{width:60%;}
#home ul li a.items{position:relative;border:solid 1px #fff;color: #969696;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);text-decoration: none;width:100%;display:block;text-align:center;float:left;width:160px;height: 120px;background:#F9F9F9;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);margin:30px 0px 0px 30px;}
#home ul li a.items:hover{
	background:#fff;
	border:solid 1px #fff;
	color: #BC3415;
}
#home ul li a.items h2{position:absolute;width: 160px;font-size: 14px;padding: 0;bottom: 0px;line-height: 28px;font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow',Arial,sans-serif;font-style: normal;font-weight: normal;text-transform: uppercase;}
#home ul li a.items img{margin-top:15px;}

.add-to-list
{
	background:#84C63C;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#84C63C), to(#489615)); /* for webkit browsers */
	background: -moz-linear-gradient(#84C63C, #489615) repeat scroll 0 0 #489615;
	border: 0 none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
    color: #FFFFFF;
    cursor: pointer;
    
    padding: 3px 10px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	display:inline-block;
	margin-top:4%;
}
.add-to-list:hover,.remove-from-list:hover{box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset,0 0 100px rgba(255,255,255,0.2) inset;}
.tableout .linecate2 .column a.add-to-list,.tableout .linecate2 .column a.remove-from-list {color: #FFFFFF;}
#ht-manage .tableout .linecate2 .column a.add-to-list:hover,#ht-manage .tableout .linecate2 .column a.remove-from-list:hover {color: #FFFFFF;text-decoration:none;}

.remove-from-list
{
	/*background:#84C63C;	
	background: -webkit-gradient(linear, left top, left bottom, from(#84C63C), to(#489615)); 
	background: -moz-linear-gradient(#84C63C, #489615) repeat scroll 0 0 #489615;
	*/
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#D2747E), to(#a53845));
	background: -moz-linear-gradient(top,  #D2747E,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2747E', endColorstr='#a53845');
	
	border: 0 none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
    color: #FFFFFF;
    cursor: pointer;
    
    padding: 3px 10px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	display:inline-block;
	margin-top:4%;	
}

#ht-manage  #frmHomePromotion .error{background:white;}
#tags{width:70%;float:left;}
#tags .tag{float:left;border-style: solid;border-width: 1px;box-shadow: none;text-shadow: 0 1px 0 #FFFFFF;border-color: #DFDFDF;border-radius: 16px 0 0 16px;padding:2px 10px 2px 4px;margin:12px 12px 10px 0px;}
#tags .tag .delete{float:left;background: #F9F9F9 url('../images/deletex24.png') no-repeat center center;width:24px;height:24px;margin-top:2px;cursor:pointer;}


.tag-color-2{background:#E0F1DE;}
.tag-color-5{background:#FCF9E7;}
.tag-color-4{background:#EAF8F9;}	
.tag-color-3{background:#F1F2FE;}

input.on_focus[type="password"]:focus, input.on_focus[type="text"]:focus,textarea.on_focus:focus,select.on_focus:focus {
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out 0s;
    border-color: #BBBBBB !important;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.5);
    outline: 0 none;
}


.arrow_box { position: relative; background: #edf9ff; border: 1px solid #BDE7FC; }
.arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(237, 249, 255, 0); border-right-color: #edf9ff; border-width: 10px; top: 20%; margin-top: -20px; }
.arrow_box:before { border-color: rgba(246, 252, 255, 0); border-right-color: #edf9ff; border-width: 11px; top: 20%; margin-top: -21px; }


#slider .caption {height:80px;}

.tabs{text-transform:uppercase;}
.tabs h2{font-weight: normal;margin: 0;text-shadow: 0 1px 0 #FFFFFF;font-size: 23px;line-height: 29px;border-bottom: 1px solid #CCCCCC;padding-bottom: 0;color: #464646;display: block;float:left;height:50px;	width:100%;}
.tabs .tabs-items a {
    border-color: #DFDFDF #DFDFDF #FFFFFF;
    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 1px 1px 0;
    color: #AAAAAA;
    display: inline-block;
    
    
    margin: 0 6px -1px 0;
    
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;

	 font-size: 18px;
    font-weight: 500;
    
    padding: 4px 14px 6px;
	background:#FBFBFB;
line-height:30px;
	margin-top:9px;
	
}
.tabs .tabs-items a.selected 
{
	border-color: #CCCCCC #CCCCCC #FFFFFF;
	border-width: 1px;
    color: #464646;
	background:#fff;
	 font-size: 24px;
	padding: 13px 14px 6px;
	line-height:30px;
	margin-top:0px;
}


.tabs-items {
   /*  background: none repeat scroll 0 0 #181818;
    border: 1px solid #222222;
    color: #111111;
    margin: 8px auto;
    padding: 15px 20px; */
    /* width: 500px; */
}
.tabs-items ul, .tabs-items li {
    margin: 0;
    padding: 0;
    width: auto;
	list-style: none outside none;
}

.tabs-items li
{
	float: left;
	width:auto;
	height:auto;
}
.tabs-items > li 
{
	margin-left: 10px;
}
.tabs-items > li:first-child 
{
	border-left: none;
}
.tabs-items ul a.selected {
    background: none repeat scroll 0 0 snow;
    border-bottom: 1px solid snow;
    color: #000000;
    cursor: default;
    margin-bottom: 0;
}

.tabs-items ul a.selected {
    background: none repeat scroll 0 0 snow;
    border-bottom: 1px solid snow;
    color: #000000;
    cursor: default;
    margin-bottom: 0;
}
.tabs-items ul a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    display: block;
    font: 10px Verdana;
    margin: 1px 1px 1px 0;
    padding: 6px 10px;
    text-decoration: none !important;
}

.upper{text-transform: uppercase;}

.inputlabel {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
}

.inputtext {
	                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
}   

.number {
	text-align:right;
	padding:2px;
}