﻿/*************************************************************
    Canh Cam - the best Web Solutions Provider - http://www.canhcam.vn 
    156 Nguyen Van Thu, District 1, Ho Chi Minh City, Viet Nam.
    Phone: (+84) 8 38238364 – Fax: (+84) 8 38238365 - Email: info@canhcam.vn
    Facebook: https://www.facebook.com/canhcam.vn 
*************************************************************/

/* STRUCTURE */
/*	
	1. IMPORT & RESET
	2. GRID 	
	3. TYPOGRAPHY
	4. MISC		
	5. MAIN
/*-------------------------------------------------------------- 
RESET
-------------------------------------------------------------- */
.canhcam-admin *:hover{
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
b,strong{font-weight:bold}
img{color:transparent;font-size:0;vertical-align:middle;}
li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{font-weight:normal;vertical-align:top;}
q{quotes:none}
q:before,q:after{content:'';content:none}
sub,sup,small{font-size:90%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg{overflow:hidden}
.alpha{margin-left:0!important}
.omega{margin-right:0!important}
.prefix_1{padding-left:5px!important}
.prefix_2{padding-left:10px!important}
.prefix_3{padding-left:15px!important}
.prefix_4{padding-left:20px!important}
.prefix_5{padding-left:25px!important}
.prefix_6{padding-left:30px!important}
.suffix_1{padding-right:5px!important}
.suffix_2{padding-right:10px!important}
.suffix_3{padding-right:15px!important}
.suffix_4{padding-right:20px!important}
.suffix_5{padding-right:25px!important}
.suffix_6{padding-right:30px!important}
.suffix_8{padding-right:40px!important}
.wrap01{padding:5px 0}
.wrap02{padding:10px 0}
.wrap03{padding:15px 0}
.wrap04{padding:20px 0}
.wrap05{padding:25px 0}
.wrap06{padding:30px 0}
.wrap1{padding:5px}
.wrap2{padding:10px}
.wrap3{padding:15px}
.wrap4{padding:20px}
.wrap5{padding:25px}
.wrap6{padding:30px}
.wrap0{padding:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.cf:before,.cf:after{content:"\0020";display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.cf:after{clear:both}
.clearfix{width:100%;clear:both;}
.left{float:left!important}
.right{float:right!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important;}

.text-center{text-align:center!important}
.sfMenu,ul.otherNews,.breadcrum ul,.productList{margin:0;padding:0;list-style:none}
.banner img,.canhcam-admin figure img{display:block}
.canhcam-admin .figure,.canhcam-admin figure{overflow:hidden}
.canhcam-admin .figure img{height:100%;max-width:none}
.canhcam-admin .figure,.canhcam-admin figure{text-align:center;display:block}
.reset{margin-bottom:0}
.reset td{padding:0}
.cover img{width:100%}
.cover{overflow:hidden}
.relative{position:relative}
.figure2{display:block;overflow:hidden}
.figure2 img{width:100%;height:auto;min-height:100%}
[class^="grid_"] input[type='text'],[class^="grid_"] input[type='password'],[class^="grid_"] textarea{width:99%}
[class^="grid_"] select{width:99.7%}
.notext{border:0;text-indent:-999em;font-size:0}
.container_28
{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_25,
.grid_26,
.grid_27,
.grid_28 {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.container_28 .grid_1 {width: 25px;}
.container_28 .grid_2 {width: 60px;}
.container_28 .grid_3 {width: 95px;}
.container_28 .grid_4 {width: 130px;}
.container_28 .grid_5 {width: 165px;}
.container_28 .grid_6 {width: 200px;}
.container_28 .grid_7 {width: 235px;}
.container_28 .grid_8 {width: 270px;}
.container_28 .grid_9 {width: 305px;}
.container_28 .grid_10 {width: 340px;}
.container_28 .grid_11 {width: 375px;}
.container_28 .grid_12 {width: 410px;}
.container_28 .grid_13 {width: 445px;}
.container_28 .grid_14 {width: 480px;}
.container_28 .grid_15 {width: 515px;}
.container_28 .grid_16 {width: 550px;}
.container_28 .grid_17 {width: 585px;}
.container_28 .grid_18 {width: 620px;}
.container_28 .grid_19 {width: 655px;}
.container_28 .grid_20 {width: 690px;}
.container_28 .grid_21 {width: 725px;}
.container_28 .grid_22 {width: 760px;}
.container_28 .grid_23 {width: 795px;}
.container_28 .grid_24 {width: 830px;}
.container_28 .grid_25 {width: 865px;}
.container_28 .grid_26 {width: 900px;}
.container_28 .grid_27 {width: 935px;}
.container_28 .grid_28 {width: 970px;}
/* --------------------------------------------------------------
TYPOGRAPHY
-------------------------------------------------------------- */
html{font-size:100.01%}
body{}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.3}
h1{font-size:150%;font-weight:normal}
h2{font-size:125%;margin-bottom:10px}
h3{font-size:100%;margin-bottom:10px}
h4{font-size:87.5%;margin-bottom:10px}
h5{font-size:87.5%;text-transform:uppercase}
h6{font-size:75%;margin-bottom:5px}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;vertical-align:middle}
h6 a{color:#ecfff2}
h6 a:hover{color:#fff}
input[type='button'],input[type='submit']{cursor:pointer}
hr{border:medium none;border-top:1px dotted #ccc;clear:both;float:none;margin:0 0 10px;width:100%}
hr.style1{border-top:1px solid #ccc}
hr.style2{border-top:1px dashed #ccc}
ul.style1{padding:0;margin:0 0 20px 0}
ul.style1 li{list-style-type:none;margin:0;background:url(images/icon-check.png) no-repeat 5px .5em;padding-left:30px}
ul.style2{padding:0;margin:0 0 10px 0}
ul.style2 li{list-style-type:none;margin:0;background:url(images/ul_style2.gif) no-repeat 5px .7em;padding:4px 4px 4px 20px}
table.style1 tr td{vertical-align:top;padding:0 10px 5px 0;text-align:left}
table.style2 tr.alt{background:#f5f5f5}
table.style2 thead th{background:#fff}
table.style2 tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5}
table.style2 tbody tr.alt th{background:#efefef}
table.style3 th,.style3 td{padding:2px 10px}
:focus{outline:0}
input[type=text],input[type=password],input[type=url],input[type=email],input.text,input.title,textarea{background-color:#fff;border:1px solid #bbb;color:#000;font-family:Tahoma,Arial;font-size:12px; width:250px; padding: 3px 5px;}
input[type=text]:focus,input[type=password]:focus,input[type=url]:focus,input[type=email]:focus,input.text:focus,input.title:focus,textarea:focus{border-color:#666}
select{background-color:#fff;border-width:1px;border-style:solid;border-color:#ccc}

/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 .8em}
.p{margin-bottom:5px}
a{text-decoration:none;outline:0;}
blockquote{margin:1.5em;color:#666;font-style:italic}
strong,dfn{font-weight:bold}
em,dfn{font-style:italic}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre{margin:1.5em 0;white-space:pre}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}
/* Lists
-------------------------------------------------------------- */
li ul,li ol{margin:0}
ul,ol{margin:0 1.5em 1.5em 0;padding-left:1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

/* Tables
-------------------------------------------------------------- */
table{width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th,td,caption{padding:4px 10px 4px 4px;vertical-align:middle}
tfoot{font-style:italic}
caption{background:#eee}
/*-------------------------------------------------------------- 
MISC
-------------------------------------------------------------- */
/* Image */
img.alignLeft{float:left;margin:8px 20px 10px 0}
img.alignRight{float:right}
img.alignCenter{margin:0 auto}
.link{color:#000}
.loud{color:#cd010e}
.color{color:#f00!important}

/*-------------------------------------------------------------- 
MISC
-------------------------------------------------------------- */
.z-print{width:960px;margin:0 auto}
.print-header{padding:15px 0;border-bottom:1px dashed #ccc}
.print-content{padding:20px 0}
.pr-detail{padding:15px 0;color:#000}
.print-footer{text-align:right;padding:10px 0}

.canhcam-admin ul.noli{padding:0; margin:0;list-style:none;}
.canhcam-admin ul.nav{padding: 0; margin: 0; list-style: none;}
.canhcam-admin ul.nav>li{float: left;}
.canhcam-admin ul.cp-nav{padding: 0; margin: 0; list-style: none;}
.canhcam-admin ul.cp-nav>li{float: left;}

/* --------------------------------------------------------------
MODULE ACTIONS
-------------------------------------------------------------- */
/*.ActionMenuBorder{-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;box-shadow:0 0 5px #888;z-index:-1;background:transparent;position:absolute;margin:-8px 0 0 -8px;padding:0 16px 16px 0;width:100%;height:100%;border:1px #ccc solid}
.ActionMenu{margin:0;padding:0;position:absolute;z-index:906;color:#000;left:10px;top:10px}
.relative.Module:hover{z-index: 1000 !important;}
ul.ActionMenuBody{display:none;background:#fff;border:5px solid #aaa;padding:10px !important;border-radius:3px;-moz-border-radius:3px;text-align:left;position:absolute;left:0;top:10;min-width:480px;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888}
ul.ActionMenuBody li{list-style-type:none !important;padding:0;margin:0}
ul.ActionMenuBody li.first.last{position:relative}
.ActionMenuTag{background:#aaa;background:-moz-linear-gradient(top,#f3f3f3 0,#cfcfcf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f3f3f3),color-stop(100%,#cfcfcf));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3',endColorstr='#CFCFCF',GradientType=0);display:block;padding:5px 10px;border:1px #999 solid;border-radius:3px;-moz-border-radius:3px;line-height:16px;height:16px;font-weight:bold;font-size:11px;min-width:65px;cursor:default}
.ActionMenuTag img{display:block;float:left;padding-right:3px}
ul.ActionMenuBody li{display:block;clear:both;float:none;font-weight:bold;font-size:14px}
ul.ActionMenuBody li span{border:0;display:block;background:0;padding:0;margin:6px 0;width:auto}
ul.ActionMenuBody li ul{overflow:hidden;padding:10px 0;margin:0;width:96%;border-top:1px #ccc solid}
ul.ActionMenuBody li ul li{float:left;display:block;min-width:130px;font-weight:normal;clear:none;padding:3px 15px 3px 0;font-size:11px;border:0;margin:0}
ul.ActionMenuBody li ul li a{background-image:none;}
ul.ActionMenuBody li ul li a,ul.ActionMenuBody li ul li a img{display:block;line-height:16px;min-height:16px;color:#328dde;font-size:11px;font-family:Tahoma,sans-serif,arial;text-transform:none;font-weight:normal;}
ul.ActionMenuBody li ul li a:hover{color: #1B4D79;background:none;}
ul.ActionMenuBody li ul li a img{padding-right: 3px;float: left;}
ul.ActionMenuBody li ul li a.ActionLink {padding-left:20px;}*/
/* --------------------------------------------------------------
MODULE ACTIONS
-------------------------------------------------------------- */


.ActionMenuBorder {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    z-index: -1;
    background: transparent;
    position: absolute;
    margin: -8px 0 0 -8px;
    padding: 0 16px 16px 0;
    width: 100%;
    height: 100%;
    border: 1px #ccc solid
}
.ActionMenu {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 906;
    color: #000;
    left: 10px;
    top: 10px
}
.relative.Module:hover {
    z-index: 1000 !important;
}


.ActionMenu .ActionMenuBody{
	display: none;
  background: #fff;
  border: 5px solid #aaa;
  padding: 10px !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: left;
  position: absolute;
  left: 0;
  top: 10;
  min-width: 480px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888
}

.ActionMenu .ActionMenuBody {
    display: none;
    background: #fff;
    border: 5px solid #aaa;
    padding: 10px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 10;
    min-width: 480px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888
}
.ActionMenu .ActionMenuBody > li {
    list-style-type: none !important;
    padding: 0;
    margin: 0
}
.ActionMenu .ActionMenuBody > li.first.last {
    position: relative
}
.ActionMenu .ActionMenuTag {
    background: #aaa;
    background: -moz-linear-gradient(top, #f3f3f3 0, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #cfcfcf));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#CFCFCF', GradientType=0);
    display: block;
    padding: 5px 10px;
    border: 1px #999 solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    /*line-height:16px;height:16px;*/
    
    font-weight: bold;
    font-size: 11px;
    min-width: 65px;
    cursor: default
}
.ActionMenu .ActionMenuTag img {
    display: block;
    float: left;
    padding-right: 3px
}
.ActionMenu .ActionMenuBody > li {
	width: 100%;
    display: block;
    clear: both;
    float: none;
    font-weight: bold;
    font-size: 14px;
}
.ActionMenu .ActionMenuBody > li span {
    border: 0;
    display: block;
    background: 0;
    padding: 0;
    margin: 6px 0;
    width: auto
}
.ActionMenu .ActionMenuBody > li ul {
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
    width: 96%;
    border-top: 1px #ccc solid
}
.ActionMenu .ActionMenuBody > li ul li {
    float: left;
    display: inline-block !important;
    min-width: 130px;
    font-weight: normal;
    clear: none;
    padding: 3px 15px 3px 0;
    font-size: 11px;
    border: 0;
    margin: 0
}
.ActionMenu .ActionMenuBody > li ul li a {
    background-image: none;
}
.ActionMenu .ActionMenuBody > li ul li a, .ActionMenu .ActionMenuBody li ul li a img {
    display: block;
    line-height: 16px;
    min-height: 16px;
    color: #328dde;
    font-size: 11px;
    font-family: Tahoma, sans-serif, arial;
    text-transform: none;
    font-weight: normal;
}
.ActionMenu .ActionMenuBody > li ul li a:hover {
    color: #1B4D79;
    background: none;
}
.ActionMenu .ActionMenuBody > li ul li a img {
    padding-right: 3px;
    float: left;
}
.ActionMenu .ActionMenuBody > li ul li a.ActionLink {
    padding-left: 20px;
}
ul li a, .chosen-container-multi .chosen-choices li.search-choice, .toolbox a{
	white-space: nowrap;
}

/* --------------------------------------------------------------
MODULE ACTIONS
-------------------------------------------------------------- */

/* --------------------------------------------------------------
MAIN
-------------------------------------------------------------- */

body.canhcam-admin{background: #f5f5f5; padding: 0;margin: 0;color: #4f4f4f;font-family: arial,sans-serif;font-size: 13px; min-width: 850px}
body.dialogpage {padding: 0;margin: 0;color: #4f4f4f;font-family: arial,sans-serif;font-size: 13px;}
body.canhcam-admin a,body.dialogpage a{color: #4f4f4f;font-size: 13px;}
a.cp-link{text-decoration: underline;margin-right:5px;font-size:13px;}
a.cp-link:hover{color: #CE0007 !important;}
.admin-container{background: #F5F5F5;}
.admin-content {padding: 0px 15px 20px;border-bottom: 1px solid #cccccc; background-color:#fff;min-height:350px;}
.error {border-color:#FF0000 !important;}

/* HEADER */ 
.admin-header{position: relative;z-index: 200;}
.header-top{background: #c80002;width: 100%;height: 56px;position: relative;}
.admin-logo{float:left;margin:0px 10px 0 0;height: 56px;}
.view-website {background: none repeat scroll 0 0 rgb(200, 0, 2);border-radius: 5px;color: rgb(255, 255, 255) !important;display: block;float: right;font-weight: bold;line-height: 30px;margin-right: 15px;margin-top: 5px;padding: 0 15px;}
.view-website:hover{background: #b50103;}

/*MENU QUAN TRI*/
.system-menu{float: right;font-size: 16px;}
.sysMenu{margin: 0;padding: 0;}
.sysMenu li{float: left;list-style: none;padding: 0 0 0 0px;}
.sysMenu li a{background: url(images/icon-mnu.png)  82% 51% no-repeat; font-size: 16px;color: #fff;text-decoration: none;padding: 0 30px 0 15px;line-height: 56px;height: 56px;display: block;}
.sysMenu li:hover a{background:#b00002 url(images/icon-mnu.png)  82% 51% no-repeat; }
.sysMenu li a.Adprofile{padding-right: 15px !important;}
.accInfo{background: none !important; display: block;position: relative; padding-bottom: 5px !important}
.accInfo span.accName{font-weight: bold; display: block; clear: both;float: none;padding: 5px 15px;}
.accInfo span.accEmail{font-size: 12px;color: #999; padding: 0 15px 5px;}
/*LANGUEGES*/
.lang-wrap{position: relative;float: right; font-size: 16px;color: #fff;text-decoration: none;z-index: 10; height: 40px; border-left: 1px solid #d84749;border-right: 1px solid #d84749;margin: 8px 0px 0; padding: 0 1px;}
.lang-border{height: 40px;border-left: 1px solid #a80e10;border-right: 1px solid #a80e10;margin: -1px 0 0 0;padding: 1px 0 0;}
.lang-info {margin: 0px 0 0 0;height: 37px;overflow: hidden;position: relative;text-transform:uppercase;}
.lang-info:hover{background: #b00002;}
.lang-info a{ font-size: 16px;color: #fff;text-decoration: none;padding: 0 30px 0 15px;height: 37px; text-align: right;display: block;}
.lang-info a.lang-item{background: #fff !important;display: block;color: #333 !important; padding: 10px 30px 10px 15px !important;height: 50px !important;}
.lang-info a.lang-item:hover{background:#b00002 !important;color: #fff !important}
.lang-info a.active{margin: 11px 0 0;color: #fff;background: url(images/icon-mnu.png) 80% 25% no-repeat;display: block;}

/*USER MENU*/
.account-wrap{margin:0 11px 0 0;}
.account-info{background: url(images/icon-user.png)50% 58% no-repeat !important; height: 56px;}
.account-info a{font-size: 0;background:none !important;text-indent: -9999px;padding: 0 30px !important;}
.account-info:hover {background:#b00002 url(images/icon-user.png) 50% 58% no-repeat !important;}

/* SYSTEM MENU */
.sysMenuSub{display:none;position:absolute;top:56px;padding:0px;background:#fff !important;/*width:200px !important;*/ margin-left: 0px;z-index: 999;float: none;clear: both;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
.sysMenuSub li{float: none; clear: both;display: block;background:#fff;width: 100%;padding: 5px 0;margin: 0; border-top: 1px solid #ccc;position: relative;}
.sysMenuSub li:first-child{border-top: none;}
.sysMenuSub li:hover,.sysMenuSub li.active{background:#c80002;}
.sysMenuSub li:hover>a,.sysMenuSub li.active>a{color:#fff;background:#c80002 !important;}
.sysMenuSub li a{background: none !important; padding: 1px 15px !important;margin: 0;font-weight: normal;display: block;color: #333;height: auto;line-height: 18px;height: auto;font-size: 13px;}
.account-wrap.system-menu .sysMenu .sysMenuSub{right: 10px;text-align: right;}

.sysMenuSub .sysMenuSub{left: 100%;top: 0;border-top: 1px solid #ccc;width: 100%;}

/* MAIN MENU */
.header-menu{background: #f9f9f9;width: 100%;height: 86px; box-shadow: 0 2px 4px #cbc8c8;}
nav.main-menu{background: #b7b7b7;width: 100%;height: 38px;}
.mainMenu{margin: 0;padding: 0; display: block;clear: both;float: left; position: relative;}
.mainMenu li{list-style: none; float: left;padding: 0;}
.mainMenu li a{font-size: 13.34px;color: #222222;height: 38px;display: inline-block;border-right: 1px solid #979797; line-height: 38px;padding: 0 25px;background: url(images/icon-mnu2-active.png) 91% center no-repeat;font-weight: bold;}
.mainMenu li:hover,.mainMenu li.active{background:#b00002;}
.mainMenu li:hover a,.mainMenu li.active a{background: url(images/icon-mnu.png) 91% center no-repeat; color: #fff}
.mainMenu li a.iconhome{background: url(images/icon-home.png) center no-repeat;text-indent: -9999px;display: block;position: relative;padding: 0 25px 0;margin-right: 0;}
/* SUB MAIN MENU */
.mainMenuSub{display:none;position:absolute;top:38px;padding:0px;background:#fff;width:200px; margin-left: -1px;z-index: 999;float: none;clear: both;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
.mainMenuSub li{float: none;clear: both;display: block;width: 100%;border-top: 1px solid #ccc;padding: 0px 0;}
.mainMenuSub li:first-child{border-top: none}
.mainMenuSub li:hover,.mainMenuSub li.active{background: #b00002;}
.mainMenuSub li a{background: none !important;border-right: none; padding: 6px 15px;margin: 0;font-weight: normal;display: block;color: #333 !important;font-size: 13px;line-height: 18px;height: auto;}
.mainMenuSub li:hover a,.mainMenuSub li.active a{color: #fff !important; background: #c80002 !important;}

/*QUICK LINK*/
.quick-link{padding: 5px 0;height:40px;}
.quick-link ul{padding: 0;margin: 0;}
.quick-link ul li{float: left;list-style: none;}
.quick-link ul li a{padding: 0 15px;line-height: 40px}
.quick-link ul li a:hover{color:#ce0007 }

/* FORM */
.settingrow {clear:left; padding:4px 10px 4px 200px;min-height:30px;}
.settingrow .settinglabel {width: 190px;margin-left:-200px;float: left;line-height: 22px;}
.settingrow .settinglabel span.required {color:#FF0000;font-size:12px;padding-left:2px;}
.settingrow input[type="text"],.settingrow textarea,.settingrow input[type="password"],.asynupload .ruFakeInput {border: 1px solid #CCCCCC;border-radius: 5px;width: 250px;padding: 7px 5px;}
.settingrow input[type="text"]:focus,.settingrow textarea:focus,.settingrow input[type="password"]:focus,.asynupload .ruFakeInput:focus{border-color:#c0bebe;box-shadow: 0 0 8px #c0bebe;outline: 0 none;border: 1px solid #c0bebe}
.settingrow select {border: 1px solid #CCCCCC;border-radius: 5px;min-width: 262px;padding: 5px;}
.asynupload .ruFakeInput {padding: 7px 5px !important;}

input.form-button, .asynupload .ruBrowse{background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(242, 242, 242) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid rgb(204, 204, 204);border-radius: 3.01px;box-sizing: border-box;color: rgb(51, 51, 51);text-align: center;margin:2px 0 2px; padding:4px 10px}
input.form-button:hover, .asynupload .ruBrowse:hover{background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(247, 247, 247) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);color: rgb(0, 0, 0);border: 1px solid #999}
input.form-button:focus, .asynupload .ruBrowse:focus {border-color:#c0bebe;box-shadow: 0 0 8px #c0bebe;outline: 0 none;border: 1px solid #c0bebe !important}

.asynupload .ruFileWrap {height:auto !important;}
.asynupload .ruBrowse {/*height:auto !important; margin:2px 0 2px 5px !important;font-family:arial,sans-serif;font-size:13px;border:1px solid #CCCCCC !important; background:url("images/bg-button.jpg") repeat-x scroll center top rgba(0, 0, 0, 0) !important;color:#FFFFFF !important;padding:4px 10px !important;*/background: none !important;border: none !important;color: #4f4f4f !important;text-align: left;width: auto !important;padding-left: 0 !important;font-size: 14px;text-decoration: underline;cursor: pointer !important;/*z-index: 999;*/position: relative;height: auto;}
.asynupload .ruBrowse:hover{color: #ce0007 !important}
.sel-multi{clear: both;;margin:2px 0 5px;width:100%;}
.sel-multi li{border: 1px solid #bbb;border-top: 0;padding: 0 22px 0 10px;background: #eee;line-height: 20px;position: relative;}
.sel-multi li:first-child{border-top: 1px solid #bbb;}
.sel-multi li span{line-height: 16px;padding: 4px 0;}
.sel-multi li a{display: block;position: absolute;right: 1px;background: url(images/delete_btn.png) no-repeat center;width: 20px;height: 20px;top: 0;z-index: 200;}


/*CONTENT*/
.admin-left {width: auto;position: relative;float: left;overflow: hidden;background-color:#F5F5F5;border-right:1px solid #E9E9E9;padding:0 15px 20px 15px;}
.admin-left .settingrow {padding:0;}
.admin-left .settingrow .settinglabel {margin-left:0px;display: block;float:none;width:auto;}
.admin-left .settingrow input[type="text"],.admin-left .settingrow textarea,.admin-left .settingrow select{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px;display: block;margin: 5px 0 5px;padding:5px 2%;width: 96%;}
.admin-left .settingrow input[type="text"]:focus,.admin-left .settingrow textarea:focus {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C0BEBE !important;box-shadow: 0 0 8px #C0BEBE;outline: 0 none;}
.admin-left .settingrow select {min-width:100px}
.admin-left .settingrow .form-button {width:100%}
.admin-left .heading-title {border-bottom: 1px solid #eeeeee; padding:4px 12px 1px 0;font-size: 13.34px;text-transform: uppercase;line-height: 30px;}
.admin-left hr.line {border-top: 1px solid #fff;margin:0; padding:0;margin-bottom:20px;}
.admin-left .collapse{background: url(images/icon-collapse.png) top no-repeat;display: block;float: right;text-indent: -9999px;width: 16px;height: 15px;margin-top: 11px;cursor: pointer; position: absolute;top: 0;right: 7px;z-index: 1;}
.admin-left .expand{right: 3px;background: url(images/icon-expand.png) top no-repeat;float: right;text-indent: -9999px;width: 16px;height: 15px;margin-top: 11px;cursor: pointer; position: absolute;top: 0;right: 3px;z-index: 1;}
.admin-left .collapse:hover,.admin-left .expand:hover{opacity: .6;}
.left-pane {padding:0 0 20px 20px;width:0px;}

/*---------------admin-content------------*/
.notifybox{border: 1px solid #CCCCCC;border-radius: 5px;box-shadow: 0 2px 11px #999999;left: 25%;padding: 15px 15px 15px 40px;position: absolute;width: 50%;top:30px;z-index: 999;background-color:#FFF;}
.bodypopup .notifybox{position: relative;margin: 0 0 15px; box-shadow: none;width: auto;}
.notifybox > div {padding-left:25px;padding-top:5px;min-height:17px;padding-bottom: 8px}
.notifybox > div:first-child{border-top: none}
.notifybox .info{background: url(images/info.png) left 4px no-repeat;}
.notifybox .error {background: url(images/erorr.png) left 4px no-repeat;color:#FF0000;}
.notifybox .success{background: url(images/success.png) left 4px no-repeat;}
.notifybox .warning{background: url(images/warning.png) left 4px no-repeat;}
.notifybox span.close {float:right;cursor:pointer;background: url(images/close.png) right 0px no-repeat;font-size: 0;width: 18px;height: 17px;position: absolute; top: 22px;right: 12px;}
.heading{border-bottom: 1px solid #dddddd;margin-bottom: 15px;padding: 14px 0 2px;min-height:50px;}
.heading ul.breadcrumbs{padding: 0;margin: 0;float: none;display: inline-block;}
.heading ul.breadcrumbs li{list-style: none;float: left;}
.heading ul.breadcrumbs li span.sepa{padding: 0 5px;}
.heading-title{font-size: 20px;line-height: 30px;color: #2c2c2c;margin:0;font-weight:normal;}
.toolbox{right: 15px;position:absolute;z-index:199;top:162px;}
.toolbox input,.toolbox a{font-size: 13px;margin-left: 2px;float: left;line-height:28px;background: none;border: none;color: #3b73af !important;height: 28px;text-decoration:underline}
.toolbox input:hover,.toolbox a:hover {text-decoration:none;}
.toolbox input.active,.toolbox a.active {text-decoration:none;padding: 0px 15px;height: 28px;line-height: 28px;text-transform: none;font-size: 14px;background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(242, 242, 242) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid rgb(204, 204, 204);border-radius: 3.01px;box-sizing: border-box;color: rgb(51, 51, 51) !important;float: left;margin-left: 10px;}
.toolbox input.active:hover,.toolbox a.active:hover{background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(247, 247, 247) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);color:#000 !important;border: 1px solid #999}

.toolbox.fixed{position: fixed;top: 1px;right: 15px;background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(242, 242, 242) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border-radius: 3.01px;padding: 10px 10px 10px 2px;border: 1px solid rgb(204, 204, 204);}

/* TABS */
/* Main tab */
.ui-tabs{position:relative;padding:0;border: none;}
.ui-tabs .ui-tabs-nav,.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding: 0;margin: 0;background: none;border: none;}
.gb-tabs > .ui-tabs-nav li a{background: none repeat scroll 0 0 #EFEFEF;border: 1px solid #DDDDDD;border-radius: 5px 5px 0 0;color: #000000;cursor: pointer;display: block;font-size: 13.34px;height: auto;margin-right: 5px;padding: 10px 15px;position: relative;text-decoration: none;width: auto;z-index: 20;}
.gb-tabs > .ui-tabs-nav li.ui-tabs-active a,.gb-tabs > .ui-tabs-nav li a:hover{color: #ce0007;background:#fff;border-bottom: 1px solid #fff;}
.gb-tabs > .ui-tabs-panel {padding:20px 0px 0px 0px !important;border-top:1px solid #CCCCCC;margin-top:-1px;}

.maintabs {height: 25px;margin:0px 0 15px; clear:both;float: none;display: block;}
.maintabs ul{list-style:none;margin:0;padding:0;}
.maintabs ul li{float: left;margin-bottom: 0; border-left: 1px solid #ddd}
.maintabs ul li:first-child{border-left: none;}
.maintabs ul li a {border: 1px solid #DDDDDD;border-radius: 2px;display: block;margin: 0 6px;padding:4px 15px;text-decoration: none;text-transform: uppercase;}
.maintabs ul li a.rtsSelected,.subtabs ul li a:hover{color: #ce0007;background: #ebe9e9;}
.maintabs ul li:first-child a{margin-left: 0;}
.maintabs ul li a .rtsImg{padding-right:3px;}

/* Sub tab */
.gb-subtabs .ui-tabs-nav li,.gb-subtabs li.ui-tabs-active {margin-bottom:0; border-left: 1px solid #ddd !important;}
.gb-subtabs .ui-tabs-nav li:first-child{border-left: none !important;}
.gb-subtabs .ui-tabs-nav li a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #DDDDDD;border-radius: 2px;color: #000000;cursor: pointer;display: block;font-size: 12px;margin: 0 6px;padding: 5px 15px;position: relative;text-decoration: none;text-transform: uppercase;z-index: 20;}
.gb-subtabs .ui-tabs-nav li:first-child a{margin-left: 0;}
.gb-subtabs .ui-tabs-nav li.ui-tabs-active a,.gb-subtabs .ui-tabs-nav li a:hover{color: #ce0007;background: #ebe9e9;}
.gb-subtabs .ui-tabs-panel {padding:15px 0px 0px 0px !important;}

.subtabs {height: 25px;margin:0px 0 15px; clear:both;float: none;display: block;}
.subtabs ul{list-style:none;margin:0;padding:0;}
.subtabs ul li{float: left;margin-bottom: 0; border-left: 1px solid #ddd}
.subtabs ul li:first-child{border-left: none;}
.subtabs ul li a {border: 1px solid #DDDDDD;border-radius: 2px;display: block;margin: 0 6px;padding:4px 15px;text-decoration: none;text-transform: uppercase;}
.subtabs ul li a.rtsSelected,.subtabs ul li a:hover{color: #ce0007;background: #ebe9e9;}
.subtabs ul li:first-child a{margin-left: 0;}
.subtabs ul li a .rtsImg{padding-right:3px;}

/* FOOTER */ 
.admin-footer{padding: 19px 0 0;clear:both;position: relative; display: fixed;height: 105px;}
.admin-footer .copyright {text-align: center; color: #626262;font-size: 12px;}
.admin-footer .copyright a{text-decoration: underline;}
.admin-footer .copyright a:hover{opacity: .8}

/* SPECIFY */
.messagetemplate .subtabs,.notification .subtabs {margin-top:20px;}
.messagetemplate .settingrow, .notification .settingrow {padding-left:150px;}
.messagetemplate .settinglabel, .notification .settinglabel {margin-left:-150px;width:140px;}

.redirectmanager .settingrow {padding-left:120px;}
.redirectmanager .settinglabel {margin-left:-120px;width:110px;font-weight:bold;padding-top:7px;}

/* MAIN CONTENT */
.cp-main-content{margin: 35px 0 20px;border: 1px solid #d4d4d4;border-color: #e0e0e0 #d4d4d4 #bbb;border-radius: 6px;box-shadow: 0 4px 15px rgba(0,0,0,0.25);background-color: #fff;padding: 12px 21px 15px;}
.cp-main-content select{padding: 1px 1px 1px 5px;margin-right: 10px;border-radius: 3px}
.cp-main-content input[type=text],.cp-main-content input[type=password]{border-radius: 3px}

.cp-pagetitle{color:#ff4e02; font-size: 24px;line-height: 24px;}
.cp-outerwrap{background:#ebebeb;padding: 6px;border-radius: 6px;margin-bottom: 25px;}
.cp-innerwrap{border: 1px solid #e0e0e0;background: #fff;border: 1px solid #e0e0e0;}
.cp-content{padding: 15px 12px;}

.cp-simplelist {margin:0;padding:0;}
.cp-simplelist li {list-style-type:square;padding-bottom:5px;margin-left:15px;}
.cp-simplelist li a {color:#111;font-size:13px;}
.cp-simplelist li a:hover {color:#EF4E02; text-decoration:underline}

#filewrapper td {vertical-align:top}

.cp-error {color: #FF0000;padding: 5px 0px;}

/* FILE MANAGE */
.link-button { background-color:transparent; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; padding-left: 0px; text-align:left;}
.link-button:hover {text-decoration:none;}

/* PAGE LAYOUT */
.pagelayout .addcontent, .pagelayout .addexistcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 680px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px; min-height:150px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* TOOLBAR */
div#toolbar, div#toolbarbut {position:fixed;bottom: 0px;right: 15px;border: 1px solid #ccc;border-bottom: none;border-radius: 5px 5px 0 0;height: 30px;z-index:1000}
div#toolbar {float: right;background:#ededed url(images/tb_bg.gif) repeat-x top;}
div#toolbarbut { /* div for the 'hide status' */ display: none;}
span.showbar a { /* show button */ padding: 7px;font-size: 12px;color: #555;display: inline-block;}
.toolbarleft{float: left; display:none;}
.toolbarright { white-space:nowrap;margin-top: 0px;margin-bottom: 10px;margin-left:10px;float: right;}
span.downarr { /* hide button */ float: right;border-left: 1px solid #a4a4a4;}
span.downarr a {display: block;width: 36px;height: 26px;padding: 25px 0 0 10px;background: url('images/downarrow.png') no-repeat 5px 7px;}
#toolbar ul {margin:0;padding:0;list-style:none;}

#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active {font-size: 12px;border-left: 1px solid #a4a4a4;padding: 8px 8px 10px 23px;line-height: 30px;color: #555;font-weight: normal;text-decoration:none;}
#toolbar a.adminlink:hover {  text-decoration:underline;}
#toolbar a.adminlink { font-weight:700; text-decoration: underline; }
#toolbar a.adminlink:hover { color: #666;}
#toolbar a.adminmenulink { background: transparent url('images/key.png') no-repeat; background-position : 5px 50%;  }
#toolbar a.filemanlink { background: transparent url('images/folder_explore.png') no-repeat; background-position : 5px 50%;  }
#toolbar a.newpagelink { background: transparent url('images/page_white_add.png') no-repeat; background-position : 5px 50%;  }
#toolbar a.pageeditlink { background: transparent url('images/page_white_edit.png') no-repeat; background-position : 5px 50%;  }
#toolbar a.pagesettingslink { background: transparent url('images/page_white_wrench.png') no-repeat; background-position : 2px 50%;  }
#toolbar a.logoutlink { background: transparent url('images/logout.png') no-repeat; background-position : 2px 50%;  }

#toolbar a.adminlink:hover{background-color: #fff;}

/* ADMIN MENU */
div.adminmenu {  }
div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; }
div.adminmenu ul.simplelist li  a {
line-height: 1em;
display: block;
width: 100px;
height: 100px;
float: left;
padding: 60px 10px 10px 10px;
margin: 5px;
text-decoration: none;
border: 1px solid #ddd;
text-align: center;
color: #333;
word-wrap: break-word;
white-space: normal;    
}

html[dir='rtl'] div.adminmenu ul li { float: right;}
html[dir='rtl'] div.adminmenu ul li a { float: right; }

div.adminmenu ul.simplelist li a:hover { color: #e91a1a; border: 1px solid #ccc; background-color: #eee; } 

a.lnkSiteSettings { background: url('images/menu/Crystal_Clear_action_run.png') no-repeat center 10px; }

a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url('images/menu/Crystal_Clear_app_agent.png') no-repeat center 10px; }

a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; }
a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; }
span.secwarning { display: none; }

a.lnkCommerceReports { background: url('images/menu/Crystal_Clear_app_kchart.png') no-repeat center 10px;}
a.lnkContentManager { background: url('images/menu/Crystal_Clear_mimetype_document.png') no-repeat center 10px;}
a.lnkContentWorkFlow { background: url('images/menu/Crystal-Clear-content_workflow.png') no-repeat center 10px; }
a.lnkContentTemplates { background: url('images/menu/Crystal_Clear_app_kivio.png') no-repeat center 10px;}
a.lnkStyleTemplates { background: url('images/menu/Crystal-Clear-app-stylesheet.png') no-repeat center 10px;}
a.lnkSiteList { background: url('images/menu/folder_html.png') no-repeat center 10px;}
a.lnkPageTree { background: url('images/menu/Crystal-Clear-action-view-tree.png') no-repeat  center 10px;}
a.lnkRoleAdmin { background: url('images/menu/Crystal_Clear_users.png') no-repeat  center 10px;}
a.lnkFileManager { background: url('images/menu/Cystal_Clear_file_manager.png') no-repeat  center 10px;}
a.lnkAddUser { background: url('images/menu/Crystal_Clear_add_user.png') no-repeat  center 10px;}
a.lnkCoreData { background: url('images/menu/Crystal_Clear_app_database.png') no-repeat  center 10px;}
a.lnkAdvancedTools { background: url('images/menu/Crystal-Clear-action-configure.png') no-repeat  center 10px;}
a.lnkLogViewer { background: url('images/menu/Crystal-Clear-mimetype-vcalendar.png') no-repeat  center 10px;}
a.lnkServerInfo { background: url('images/menu/Crystal-Clear-app-ksysguard.png') no-repeat  center 10px;}
a.lnkNewsletter { background: url('images/menu/Crystal-Clear-app-kontact.png') no-repeat  center 10px;}
a.lnkMemberList { background: url('images/menu/Crystal-Clear-kuser2.png') no-repeat  center 10px;}
a.lnkCurrencyAdmin { background: url('images/menu/Crystal-Clear-currency.png') no-repeat  center 10px;}
a.lnkCountryAdmin { background: url('images/menu/Crystal-Clear-app-locale.png') no-repeat  center 10px;}
a.lnkGeoZone { background: url('images/menu/Crystal-Clear-app-browser.png') no-repeat  center 10px;}
a.lnkTaxClassAdmin { background: url('images/menu/Crystal-Clear-app-kspread.png') no-repeat  center 10px;}
a.lnkTaxRateAdmin { background: url('images/menu/Crystal-Clear-tax.png') no-repeat  center 10px;}
a.lnkUrlManager { background: url('images/menu/Crystal-Clear-url.png') no-repeat  center 10px;}
a.lnkRedirectManager { background: url('images/menu/Crystal-Clear-redirect.png') no-repeat  center 10px;}
a.lnkBannedIPs { background: url('images/menu/Crystal-Clear_banned_ip.png') no-repeat  center 10px;}
a.lnkFeatureAdmin { background: url('images/menu/Crystal-Clear-app-kpackage.png') no-repeat  center 10px;}
a.lnkTaskQueue { background: url('images/menu/Crystal_Clear_action_editpaste.png') no-repeat  center 10px;}
a.lnkWebPartAdmin { background: url('images/menu/Crystal_Clear_Networksettings.png') no-repeat  center 10px;}
a.lnkAwaitingApproval { background: url('images/menu/Crystal_Clear_waiting_approval.png') no-repeat  center 10px;}
a.lnkRejectedContent { background: url('images/menu/Crystal_Clear_rejected_content.png') no-repeat  center 10px;}
a.lnkPendingPages { background: url('images/menu/FileCrystal-Clear-draft_pages.png') no-repeat  center 10px;}
a.AnalyticsMenuLink { background: url('images/menu/Crystal-Clear-app-browser.png') no-repeat  center 10px; }
a.lnkDevTools  { background: url('images/menu/devtools.png') no-repeat  center 10px; }
a.lnkDesignTools  { background: url('images/menu/designtools.png') no-repeat  center 10px; }
a.lnkRegistrationAgreement, a.lnkLoginInfo  { background: url('images/menu/RegAgreement.png') no-repeat  center 10px; }
a.lnkPermissionAdmin { background: url('images/menu/permissions.png') no-repeat  center 10px; }
a.lnkSkinList { background: url('images/menu/skin.png') no-repeat center 10px; }
a.lnkCacheTool { background: url('images/menu/cache.png') no-repeat center 10px; }

/* PAGER */
.modulepager{padding:5px 0 4px;/*border-width:0 0 1px 1px;border-style:solid;border-color:#999999 #999999 #999999;*/}
.modulepager span,.modulepager a {line-height: 20px;}
.modulepager .ModulePager,.modulepager .SelectedPage {color: #000000;display: inline-block;text-align: center;padding:0 3px 0 3px;border:solid 1px transparent;}
.modulepager .ModulePager:hover,.modulepager .SelectedPage {border:solid 1px #CA4B0C;}
.modulepager .ModulePager:hover {background-color:#FFE79C;color:#892500}
.modulepager .NextPage, .modulepager .LastPage,.modulepager .FirstPage, .modulepager .BackPage {width:22px; height:22px;padding:0;display:inline-block;text-indent:-9999px;background-image:url("WebResource.axd?d=DYrsIYVf5FGwT34v6UmK-BAtcJGajnW1okj6v35sZC9LEnKKF2wHAMrOYpk_QlZKske9_kkltG6RY2RljkQ1nughqRxGvSI2oIDX3xxt38TreXWhb5ejIGfgeKdcufTsWIoPSyJwikyASf8KSJ_C13HvqM81zaPErXYTNk55LEgzxATa0&t=635017188360000000")}
.modulepager .NextPage:hover, .modulepager .LastPage:hover,.modulepager .FirstPage:hover, .modulepager .BackPage:hover {border:solid 1px transparent;background-color:transparent;}
.modulepager .NextPage{background-position: 0 -850px;}
.modulepager .LastPage{background-position: 0 -1000px;}
.modulepager .BackPage{background-position: 0 -700px;}
.modulepager .FirstPage{background-position: 0 -550px;}

/* SEARCH PAGE */
.search-page{padding: 40px 60px;}
.search-page h2{font-size: 18px;margin-bottom: 0;}
.search-page .modulepager{float: right;}
.search-page-top{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;margin-bottom: 20px;}
.searchresultsummary{float: left;}
.searchcontrols{float: right;}
.searchcontrols input[type=text]{width: 150px;margin: 0;float: left;height: 16px;border-radius: 3px 0 0 3px}
.searchcontrols .seachpage-btn{float: left;text-indent: -9999px;font-size: 0;width: 24px;display: block;background: url(images/search_btnpage.png) no-repeat;height: 24px;border: none;}
.btn-reindex{margin-bottom: 20px;}
.searchterm{font-weight: bold;}


.searchresultlist{margin: 0;padding: 0;list-style: none;}
.searchresultlist li{margin-bottom: 10px;padding-bottom: 10px;}
.searchresultlist li h3{margin-bottom: 5px;font-size: 14px;}
.searchresultlist li h3 a{color: #4c4c4c;}
.searchresultlist li h3 a:hover{text-decoration: underline;}
.searchresults hr{border-top: 1px solid #ccc;}

/* 404 PAGE */
.pnfmsgdiv{margin: 140px auto;width: 540px;font-weight: bold;}
.pnfmsgdiv a,.accessdenied a{color: #ff4e02;}
.pnfmsgdiv a:hover,.accessdenied a:hover{text-decoration: underline;}
.accessdenied-wrap{margin: 100px auto;width: 540px;}

/* SITEMAP PAGE */
.sitemap{padding: 40px 60px;}
.sitemap-heading{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px 0;margin-bottom: 20px;}
.sitemap .sitemap-heading h2{font-size: 18px;margin-bottom: 0;}
.sitemap ul {margin:0;margin-left:20px; padding:0;}
.sitemap li {list-style:none;float:left;margin-right:20px;margin-bottom:20px;width:240px;font-weight:bold;}
.sitemap li ul {margin-left:20px;}
.sitemap li ul li {float:none;margin:0; margin-right:0px;font-weight:normal;}
.sitemap ul.sm-main>li>a{padding-left: 20px;background: url(images/sm_folder.png) 0 4px no-repeat;font-size: 16px;display: block;margin-bottom: 6px;}
.sitemap ul.sm-main li li{background: url(images/sm_bg.png) no-repeat top left;padding-left: 20px;line-height: 24px;}
.sitemap ul.sm-main li li.sm-last{background-position: 0 -286px;}
.sitemap ul.sm-main li li a{color: #999;}
.sitemap ul.sm-main li li a:hover{color: #222;}
.sitemap ul.sm-main li li ul{margin-left: 10px;}
.sitemap ul.sm-main a:hover{color: #333;text-decoration: underline;}

/* EMAIL SUBJECT PAGE */
.email-subject{padding:10px 0 0 10px;}

/* FORM PAGE */
.frm-row{width:100%;clear:both;position:relative;padding-bottom: 3px;}
.frm-row input{margin: 0;}
.frm-row textarea{resize: none; height: 150px;}
.frm-row input[type=text],.frm-row textarea{width: 270px;}
.require{color:#4e4e4e; font-size:11px;}
.frm-row .label{margin:0;width:170px;float:left;line-height:24px;font-weight: bold;}
.row-error{position:absolute;right:4px;top:8px;background:url(images/edtError.png) no-repeat;width:14px;height:14px;display:block;}
.msg-frm{margin:20px;padding:20px;border:1px solid #ccc;border-radius:0 20px;background:#dedede;}
.msg-title{color:#d10707;font-weight:bold;}

.email-subject .frm-row .label{font-weight:normal !important;}
.email-subject .frm-row input[type=text] {width:270px !important;}
.email-subject .frm-row textarea {height:60px !important;}

/* CLUETIP */
.ui-cluetip-content {padding: 10px;}
#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(images/cluetip/wait.gif);}
.cluetip-arrows {display: none;position: absolute;top: 7px;left: -9px;width: 9px;height: 18px;background-repeat: no-repeat;background-position: 0 0;border-width: 0;margin-top:8px;}

.cluetip-help {background: none repeat scroll 0 0 transparent;border:none;}
.cluetip-help .cluetip-inner {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);text-align: justify;font-size:11px; border-radius: 3px 3px 3px 3px;border:none; color: #DDDDDD}
.cluetip-help .cluetip-inner a.edit-help-link {display:none;}
.cluetip-help .cluetip-arrows {border-width: 0;}
.clue-right-help .cluetip-arrows {background:transparent url(images/cluetip/darrowleft.gif) no-repeat;}
.clue-left-help .cluetip-arrows {background:transparent url(images/cluetip/darrowright.gif) no-repeat;left: 100%;margin-right: -11px;}
.clue-top-help .cluetip-arrows {background:transparent url(images/cluetip/darrowdown.gif) no-repeat;top: 100%;left: 50%;margin-left: -11px;width: 22px;height: 11px;}
.clue-bottom-help .cluetip-arrows {background:transparent url(images/cluetip/darrowup.gif) no-repeat;top: -11px;left: 50%;margin-left: -11px;width: 22px;height: 11px;}

/* FIELD HIDE */
.hidden {display:none}

/* BULK */
.bulkzone {padding:5px; margin:5px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:solid 1px #ccc;}
.bulkzone:hover {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:solid 1px #666;}

/* HEADER */
.cp-topnav {float:right !important;margin-right:10px;font-size:16px;}
.RadMenu a {cursor:pointer !important;}
.cp-topnav .rmRootGroup > li > a.rmLink,.cp-topnav .rmRootGroup > li > .rmText a {background: url("images/icon-mnu.png") no-repeat scroll 80% 51% rgba(0, 0, 0, 0); color: #FFFFFF; font-size: 16px; height: 56px; line-height: 56px; padding: 0 30px 0 15px;text-decoration: none;display:block; cursor:pointer !important;}
.cp-topnav .rmRootGroup > li > a.rmLink:hover,.cp-topnav .rmRootGroup > li > a.rmExpanded,.cp-topnav .rmRootGroup > li > .rmText a:hover,.cp-topnav .rmRootGroup > li > .rmExpanded a {background:#b00002 url(images/icon-mnu.png)  80% 51% no-repeat;}
.cp-topnav .rmHorizontal .rmText {padding: 0 !important;}
.cp-topnav .rmRootGroup a.rmAccount {background: url("images/icon-user.png") no-repeat scroll 50% 58% rgba(0, 0, 0, 0) !important;}
.cp-topnav .rmRootGroup a.rmAccount:hover,.cp-topnav .rmRootGroup a.rmAccount.rmExpanded {background: #b00002 url("images/icon-user.png") no-repeat scroll 50% 58% !important;}
.cp-topnav .rmRootGroup .rmLang {border-left:1px solid #D84749;border-right: 1px solid #D84749;padding:0 1px !important;}
.cp-topnav .rmRootGroup .rmLang > .rmText{border-left: 1px solid #A80E10; border-right: 1px solid #A80E10;padding:0 30px 0 15px !important;}
.cp-topnav .rmGroup {background: none repeat scroll 0 0 #FFFFFF !important;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding:0px !important;}
.cp-topnav .rmGroup .rmItem {border-top:1px solid #CCCCCC;min-width:70px;}
.cp-topnav .rmGroup .rmItem:first-child {border-top:none;}

.cp-topnav .rmGroup a{height:16px;color:#333333;font-size:16px;white-space:nowrap; display:block;line-height:16px;padding:7px 15px 9px 15px !important;background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
.cp-topnav .rmGroup a:hover,.cp-topnav .rmGroup a.active{background:#c80002 !important;color:#fff;}
.cp-topnav .rmGroup .rmText {margin: 0 !important;padding: 0 !important;}

.cp-topnav .rmTemplate .rmSlide{margin-top:8px;}

.cp-topnav .rmGroup .rmTemplate .rmText{}
.cp-topnav .rmGroup .rmTemplate .rmText span.accName{font-weight: bold; display: block; clear: both;float: none;padding:5px 15px 3px;text-align:right;}
.cp-topnav .rmGroup .rmTemplate .rmText span.accEmail{font-size: 12px;color: #999; padding: 0 15px 7px;display:block;text-align:right;}

/* LOGIN PAGE */
.loginpage {background:#f5f5f5;}
.loginpage .header-menu{background:#f5f5f5;height: 40px; box-shadow: none;}
.loginpage .admin-container{width: 310px;margin: 0 auto;border-radius: 5px;border: 1px solid #ccc;padding: 15px;background: #fff;margin-bottom: 15px;display: block;clear: both;float: none;}
.loginpage .cp-pagetitle{font-size: 24px;font-weight: normal;line-height: 1.25;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.loginpage .wrap01{position: relative;}
.loginpage .wrap01 strong,.loginpage .wrap01 .settinglabel{font-weight: normal;color:#707070;padding-bottom: 4px;}
.loginpage .wrap01 label{line-height: 16px}
.loginpage .wrap01 input[type='text'],.loginpage .wrap01 input[type='password']{padding: 4px 5px;border: 1px solid #ccc;border-radius: 3px;box-shadow: inset 0 1px 3px #ddd;color: #333;font-size: inherit;margin: 4px 0 0;vertical-align: baseline;width: 96.2%;background-color: #fff !important;}
.loginpage .wrap01 input[type='submit']{background-color: rgb(178, 41, 35);background-image: linear-gradient(to bottom, rgb(178, 41, 35), rgb(149, 34, 29));color: #fff;font-weight: bold;color: rgb(255, 255, 255);line-height: 1.42857;padding: 4px 10px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);font-size: 14px;font-family: arial,sans-serif;border: none;padding: 5px 10px;}
.loginpage .wrap01 input[type='submit']:hover{background-color: rgb(241, 27, 18);background-image: linear-gradient(to bottom, rgb(241, 27, 18), rgb(156, 38, 33));color: rgb(255, 255, 255);}

/*QUEN MAT KHAU*/
.passwordrecovery .wrap-recover{width: 310px;margin: 0 auto;border-radius: 5px;border: 1px solid #ccc;padding: 15px;background: #fff;margin-bottom: 15px;;display: block;clear: both;float: none;}
.passwordrecovery .wrap-recover .cp-pagetitle{font-size: 24px;font-weight: normal;line-height: 1.25;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.passwordrecovery .wrap01 input[type='text'],.passwordrecovery .wrap01 input[type='password']{padding: 4px 5px;border: 1px solid #ccc;border-radius: 3px;box-shadow: inset 0 1px 3px #ddd;color: #333;font-size: inherit;margin: 4px 0 0;vertical-align: baseline;width: 96.2%;background-color: #fff !important;}
.txt-error{/*background: url(images/edtError.png);width: 14px;height: 14px;position: absolute;font-size: 0;right: 3px;top: 33px;*/color: red;}

/*Telerik*/
.RadGrid_Simple .rgHeader{font-size: 14px !important;}
.RadGrid_Simple .rgMasterTable{font-size: 13px !important;}
.RadGrid_Simple .rgSelectedRow{background: #399af2 !important;color: #fff !important;border-bottom: 1px solid #005aab !important}
.RadGrid_Simple .rgSelectedRow td{border-color:#034988 !important;}
.RadGrid_Simple .rgSelectedCell a, .RadGrid_Simple .rgSelectedRow a, .RadGrid_Simple .rgHoveredRow a, .RadGrid_Simple .rgActiveRow a, .RadGrid_Simple .rgSelectedRow .link-button{color: #fff !important;}

.RadAutoCompleteBox .racTokenList {border:1px solid #cccccc;border-radius:5px;padding:1px 5px 1px 1px;cursor:text;}
.RadAutoCompleteBox .racToken {font-size:13px;padding:4px 15px 5px 2px !important;margin:1px !important;}
.RadAutoCompleteBox input.racInput {border:none;width:auto;padding:5px 0 4px;font-size:13px;}
.RadAutoCompleteBox input.racInput:focus {border:none;box-shadow:none;}
.RadAutoCompleteBox .racRemoveTokenLink {top:8px !important;}