/* HTML GENERAL */
html { height: 100%;}
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,form,input{margin:0;padding:0;}
body, input, select, textarea, button {
    font-family:verdana, 'Segoe UI', arial, helvetica, sans-serif;font-size:11px;
    min-height: 100%; 
    background-color: #e9eaed; color: #050505
}
.BDC_CaptchaImageDiv, .BDC_CaptchaIconsDiv { float: left;}
input, select, textarea {
    background-color: white;
}
.master-wrapper-page, .k-content { min-height: 100%;}
.navbar-nav{
    height: 100%;
}
.navbar-default .navbar-nav>li>a{
    color:#2e2e2e;
}
.navbar-default{
    background: #c5c5c5;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    /*position: absolute;*/
    z-index: 99;
    background: #c5c5c5;
}

hr{border-bottom:1px solid #CCC;color:#FFF;}
label.forcheckbox{margin:0 0 0 6px;display:inline;}
select {
    border-radius: 3px !important;
    height: 23px;width: 200px;
}
#selectStaffFile {
     /*font-size:14px;*/
}
p { /*font-size: 12px;*/}
.FreeText {/*font-size: 12px;*/}
.FreeText0 {/*font-size: 12px;*/}
.container {
    width:100%;
}
/* LINKS */
a{color:#bc4800;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:underline;color:#bc4800;font-weight:bold;}
a img{border:0;}
.header-menu a{font-weight:normal;}
/* IMAGES */
img{border:none;}
/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6{}
h2 {font-size:16px;font-weight: bold;}
h3{font-size:14px;font-weight: bold;}
input[type="text"] {
    border-radius: 3px;border-width: 1px;min-height: 23px;
}
/* SECTION HEADERS */
.section-title{border-bottom:solid 3px #dfdfdf;padding-bottom:1px;margin-bottom:10px;color:#bc4800;/*font-size:12px;*/font-weight:bold;vertical-align:bottom;}
.section-title img{vertical-align:middle;padding-bottom:2px;}
.section-header .title a{text-decoration:none;/*font-size:11px;*/color:#555;text-transform:none;}
.section-header{border-bottom:solid 3px #dfdfdf;padding-bottom:1px;margin-bottom:10px;height:25px;}
.section-header .title{
    float:left;
    color:#bc4800;
    font-size:14px;
    font-weight:bold;
    vertical-align:bottom;
    padding-top:5px;/*text-transform:capitalize;*/
}
.section-header .title img{vertical-align:middle;padding-bottom:2px;}
.section-header .options{text-align:right;float:right;}
.section-block { padding-top: 10px;}
.section-block .title {text-decoration:none; font-weight: bold;color:#555;text-transform:none; padding-bottom: 5px;}

/* TABLES */
td{vertical-align:middle;}
td.fieldname{/*font-size:12px;*/}

.table-container .row .item-name{padding:3px 10px 0 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;}
.table-container .row .item-value{padding:3px 0 0;vertical-align:middle;}
table.adminContent{border-collapse:collapse;color:#333;/*font-size:100%;*/margin:0;width:100%;vertical-align:middle;text-align:left;background-color: #e9eaed}
table.adminContent td.adminTitle{padding:4px;}
table.adminContent td.adminData{padding:4px;}
table.adminContent td p {/*font-size:12px;*/ text-align: justify;}
table.adminContent td {/*font-size:12px;*/}
td.adminTitle{text-align:left;vertical-align:middle;/*white-space:nowrap;*/width:100px;}
td.adminTitle img{vertical-align:bottom;padding-right:2px;}
td.adminData{text-align:left;vertical-align:middle; }
td.adminData span { }
td.adminDataBold{text-align:left;vertical-align:middle;font-weight: bold;color:blue;}
td.adminData .text-box.single-line{border:1px solid #A7BAC5;width:100%;padding:2px;border-radius: 3px; background-color: white;}
td.adminData .text-box.input-validation-error{border-style:ridge;border-color:#f00;background-color:#ffe0e5;}
td.adminDataBold .text-box.single-line{border:1px solid #A7BAC5;width:100%;padding:2px;border-radius: 3px; background-color: white;}
td.adminDataBold .text-box.input-validation-error{border-style:ridge;border-color:#f00;background-color:#ffe0e5;}
.t-grid .text-box.single-line{border:1px solid #A7BAC5;padding:2px;border-radius: 3px;}
td.adminData textarea{border:1px solid #ACACAC;width:250px;padding:2px;}
td.adminData .t-combobox{width:256px;}
td.adminData .t-numerictextbox .t-input{border:1px solid #ACACAC;width:250px;padding:2px;}
tr.adminSeparator hr{background-color:#D3D3D3;border:medium none;color:#D3D3D3;height:1px;margin-top:10px;margin-bottom:10px;padding:0;}
span.nop-tooltip{white-space:nowrap;}
/* SERVER CONTROLS */
.adminButtonBlue{background:url(images/blue_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #0f72ac;margin-bottom:3px;color:#FFF;height:22px;padding:0 10px;font-size:11px;font-weight:bold;}
.adminButton{background:url(images/grey_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #333;margin-bottom:3px;color:#FFF;text-align:right;height:20px;padding:0 10px;font-size:11px;font-weight:bold;}
.adminInput{border:1px solid #acacac;width:250px;}
.adminInputNoWidth{border:1px solid #acacac;}
label{padding-left:3px;}
/* ADMIN GRID VIEW */
.tablestyle{border:1px solid gray;background-color:#FFF;margin-left:0;color:#245D75;width:100%;}
.tablestyle td a{color:#D16400;font-weight:bold;text-decoration:none;}
.altrowstyle{background-color:#F4FAFF;}
.headerstyle th{background:url(images/admin-gvw-bg.gif) repeat-x 50%;color:#fff;padding:5px 10px;text-align:center;vertical-align:middle;font-weight:bold;border:solid 1px #676767;}
.headerstyle th a{font-weight:bold;text-decoration:none;text-align:center;color:#fff;display:block;padding-right:10px;}
.rowstyle td,.altrowstyle td{padding:4px 10px;border-right:solid 1px #A0C0E7;border-right-color:gray;}
.PagerStyle{height:28px;background:url(Images/grid_header_back.png) repeat-x;background:#EEE;vertical-align:middle;}
/* MISC. CLASSES */
.progress{position:absolute;top:20px;width:280px;height:40px;left:0;right:0;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #FFF;padding:5px 10px;text-align:center;z-index:2147483647;}
.clearer{zoom:1;}
.clearer:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}


a img{border:0;}
.avatar { top: 2px; text-align: left;z-index: 9999;float: right;cursor: pointer;}
.info { text-align: left; font-size:90%;float: right;}
.links { margin-right:15px;float: right;}
.links .separator{color:#FFF;padding:0 3px;}
.login-info {margin-right:15px; color:#000000; padding-top: 2px; padding-bottom: 2px;}
.login-username {float: right; padding-right: 5px;}
.header .login-info .a{color:#009FFF; text-decoration:none; font-weight:bold;}
.header .version {margin-right:15px; text-align:right; color:#000000; font-size:10px;}

/* MASTER ERRORS */
.messageBox{background-color:#F4F4F4;background-position:7px 5px;background-repeat:no-repeat;color:#333;font-size:11px;margin:5px 0;padding:8px 8px 8px 30px;}
.messageBoxError{background-color:#FFECEC;background-image:url(images/error-message.gif);}
.messageBoxSuccess{background-image:url(images/success-message.gif);}
.validation-summary-errors {color: red;}
/* MASTER CONTENT */
.content .cph{padding: 10px;background-color: #e9eaed;min-height: 100%;}
/* DASHBOARD */
table.dashboard{margin-top:15px;width:100%;border-collapse:collapse; }
table.dashboard td.maincol{padding:10px;vertical-align:top;}
table.dashboard td.splitcol{width:50%;vertical-align:top;}
table.dashboard td.rightcol{width:215px;padding:10px 5px 5px;vertical-align:top;}
table.stats{margin-top:10px;width:100%;}
table.stats td.orderaveragereport{width:100%;vertical-align:top;}
table.stats td.orderstatistics{width:33%;vertical-align:top;}
table.stats td.customerstatistics{width:33%;vertical-align:top;padding-left:5px;}
table.stats td.search-term-statistics{width:33%;vertical-align:top;padding-left:5px;}
table.stats td.bestsellers{width:50%;vertical-align:top;}
.statisticsTitle{text-align:left;color:#333;font-weight:bold;margin-bottom:5px;}
.news-head {height: 20px;font-size: 12px; background-color:#F8F8F8;}
.nop-news .newsitem{ }
.nop-news .newsitem .newstitle{}
.nop-news .newsitem .newstitle a:hover{text-decoration:none;}
.nop-news .newsitem .newsdate{font-size:13px;color:#555;border-bottom:solid 1px #dfdfdf;padding-bottom:5px;margin-bottom:5px;}
.nop-news .newsitem .newsdetails{color:#333;margin-bottom:10px;}
.nop-news .adv{border-top:solid 3px #dfdfdf;padding:1px 0;text-align:right;}
.nop-news .adv a{color:#D16400;}
.news-list-homepage {
    /*border-color: #f7e0a5;
     border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    background-color: #fef7e4;
     box-shadow: 5px 5px 5px #888888;
    line-height: 120%;
    min-height: 200px;*/
}
.boardtitle {
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    height: 36px;
    padding-top:7px;
    
    /*background-color:#38b8e6;*/
    background-color:#DCF4FC;
}
.boardtable {
    border-color: #f7e0a5;
    border-radius: 3px;
    border-width: 1px;
    border-collapse: collapse;
    width: 100%;
    
}
.boardtable tr {
    height: 25px;
}

.boardtable tr td{
    
}

.boardtable_title {

}

/*.boardtable td {
    border-color: #ffffff;
    border-style: solid;
    border-left: 1px;
    border-right: 1px;
    border-top: 0px;
    border-bottom: 0px;
    border-collapse: collapse;
}*/
.boardtable tr:nth-child(even) {
    background-color: #f7e0a5;
}

.boardtable_title {
    background-color: #6f5e33;
    color: #ffffff;
}
/* WARNINGS */
.system-warnings ul{padding-left:5px;}
.system-warnings .inprogress,.system-warnings .pass,.system-warnings .fail,.system-warnings .warning{font-size:120%;vertical-align:middle;padding:10px 40px;display:table-cell;}
.system-warnings .inprogress{background:transparent url(images/warnings-ajax-loader.gif) no-repeat 0% 50%;}
.system-warnings .pass{background:transparent url(images/warnings-tick.png) no-repeat 0% 50%;}
.system-warnings .fail{background:transparent url(images/warnings-cross.png) no-repeat 0% 50%;}
.system-warnings .warning{background:transparent url(images/warnings-warning.png) no-repeat 0% 50%;}
.system-warnings .error{color:Red;}
.system-warnings .suggestion{color:Red;font-style:italic;font-size:120%;}
.system-warnings ul{list-style:none;}
.throbber-header{font-size:145%;}
.throbber{display:none;}
.throbber .curtain{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#3e4d45;opacity:0.9;filter:alpha(opacity=90);}
.throbber .curtain-content{position:absolute;left:0;top:0;width:100%;height:100%;}
.throbber .curtain-content div{text-align:center;padding:250px;color:#FFF;}
/* PLUGIN BUTTONS */
.plugin-button{display: inline-block;*display: inline;/* IE7 inline-block hack */*zoom: 1;padding: 4px 12px;margin-bottom: 0;font-size: 13px;line-height: 18px;*line-height: 18px;text-align: center;vertical-align: middle;cursor: pointer;color: #333333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-color: whitesmoke;background-image: -moz-linear-gradient(top, white, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));background-image: -webkit-linear-gradient(top, white, #e6e6e6);background-image: -o-linear-gradient(top, white, #e6e6e6);background-image: linear-gradient(to bottom, white, #e6e6e6);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color: #c5c5c5;border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);*background-color: #e6e6e6;/* Darken IE7 buttons by default so they stand out more given they won't have borders */filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border: 1px solid #c6c6c6;*border: 0;border-bottom-color: #acacac;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-left: 5px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.plugin-button:hover{color: #333333;text-decoration: none;background-color: #e6e6e6;*background-color: #d9d9d9;/* Buttons in IE7 don't get borders, so darken on hover */background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
.plugin-button-edit,.plugin-button-configure,.install-plugin-link{color: white;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #5bb75b;background-image: -moz-linear-gradient(top, #62c462, #51a351);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image: -webkit-linear-gradient(top, #62c462, #51a351);background-image: -o-linear-gradient(top, #62c462, #51a351);background-image: linear-gradient(to bottom, #62c462, #51a351);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color: #51a351 #51a351 #387038;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color: #51a351;/* Darken IE7 buttons by default so they stand out more given they won't have borders */filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.plugin-button-edit:hover,.plugin-button-configure:hover,.install-plugin-link:hover{color:white;background-color:#51a351;*background-color:#499249;}
/*AJAX loading*/
#ajaxBusy{display:none;left:0;position:fixed;top:0;width:100%;z-index:100000;}
#ajaxBusy span{background:url(images/ajax-loading.gif) no-repeat;width:40px;height:40px;float:right;margin:9px 9px 0px 0px;}
/* KendoUI overrides */

body .k-button{font-weight:normal;color:inherit!important;text-decoration:none;}
body .k-button:active{background-color: #f46d21!important}
.form-actions{overflow:hidden;padding-top:16px;}
.form-actions .k-button,.form-actions .k-button button{float:right;margin-left:10px;padding:2px 15px;}
.k-grid td {padding: .1em .1em!important}
.k-grid-header .k-header>.k-link {padding: .1em .1em!important}
.k-in {}
.k-grid table tr:hover
{
    background: #ffb76b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmE3M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY3YzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmN2YwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 100%, #ff7c00 100%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(100%,#ffa73d), color-stop(100%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 100%,#ff7c00 100%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 100%,#ff7c00 100%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 100%,#ff7c00 100%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 100%,#ff7c00 100%,#ff7f04 100%); /* W3C */
     cursor:pointer;
}
.text-box .single-line {
    
}
/* fileUploader overrides */
.qq-upload-button {
    border-radius: 4px;
    background-color: #946b03 !important;
}
.qq-upload-button:hover {
    background-color: #bb8703 !important;
}
/* etc */
.customer-info-tab .gender{display:inline-block;}
.customer-info-tab ul.option-list{padding:0px;margin:0px;}
.customer-info-tab ul.option-list li{list-style:none;}
.field-validation-error{color:red;}


/* MODULE COMMON */
.ModuleMenu { background: #fff; }
.ModuleHead {
    height: 32px;
    background-color:#c8d8f9;
    border-radius: 4px;
    background-image: url("images/ico-forum-post-high.gif");
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
 
}

.ModuleHeadF {
    height: 32px;
    background-color:#bbe094;
    border-radius: 4px;
    background-image: url("images/filter_data.png");
    background-repeat: no-repeat;
}

.ModuleHeadTitle {height: 32px; text-transform: uppercase;color: #000;  font-weight: bold; padding-bottom: 7px; padding-top: 10px; padding-left: 35px;}
.ModuleHeadTitle2 {color: #000;  font-weight: bold;vertical-align: middle; }


.LeftMenuItem { height: 25px;}
.LeftMenuItem a {display: block; width: 100%; font-weight: bold; margin: 0px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; color: black; border-top: #fff 1px solid; border-bottom: #eeeeee 1px solid; background-color: #F7FBFF;}
.LeftMenuItem a:visited { color: black; border-top: #fff 1px solid; border-bottom: #eeeeee 1px solid; background-color: #F7FBFF;}
.LeftMenuItem a:hover { background: whitesmoke; color: #F37623; text-decoration: none; border-bottom: #eeeeee 1px solid; }
.LeftMenuItem a.selected { background-color: #a0c0e7;}

/* KENDO GRID */
.k-grid tbody .k-button {
    min-width: 12px!important;
    /*width: 30px!important;*/
}
.k-grid-header .k-header {
   overflow: visible!important;
   white-space: normal!important;
}

.k-progressbar-horizontal{
    left: 0!important;
    top: 0!important;
    border: 0px !important;
    padding: 0 !important;
    width: 99%!important;
    height: 25px!important;
    text-align: center !important;
}
.k-complete {
     width: 99%!important;
     height: 99%!important;
}
.k-progress-status-wrap {
    left: 0px!important;
    top: 0px!important;
    width: 99%!important;
    height: 99%!important;
    text-align: center !important;
}
.k-progress-status {
    height: 99%!important;
}

.k-div {
    background-color: #f7e0a5; 
    border-radius: 4px;
}
.k-link { /*font-size: 12px;*/}
.k-header { /*font-size: 14px!important;*/}
.k-button {/*font-size: 12px!important;*/}
.k-button .k-button-icontext  {/*font-size: 12px!important;*/}
.k-grid-footer-wrap table tbody tr td div {/*font-size: 12px!important;*/}
.k-pager-info {/*font-size: 12px!important;*/}
.k-grouping-header {/*font-size: 12px!important;*/}
td[role="gridcell"] {/*font-size: 12px;*/}
td[role="gridcell"] a {/*font-size: 12px;*/}
table[role="grid"] tr td div{/*font-size: 12px;*/}



/**Homepage part*/
.homepagepart
{
    padding:5px;
}
.adminTitle tr td span {font-size: 12px;}
.adminTitle tr td div {font-size: 12px;}
.menu {
    margin-bottom:10px;
    width:100%;
	height:40px;
	position:relative;
	z-index:10;
    /*font-size: 12px;*/
    /*background:#d8d8d8;*/
    background:#f7e0a5;
    box-shadow: 5px 5px 5px #888888;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style:none; 
	padding-left:10px;
    padding-top:5px;
	height:26px;
	
}
.menu > ul > li {
	float:left;
	margin-right:5px;

	color:#5d5d5d;
	line-height:30px;
	background:transparent;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
}

.menu > ul > li > a {
	display:block;
	color:#5d5d5d;
	line-height:30px;
	background:transparent;
	text-decoration:none;
	padding:0 0 0 10px;
	text-decoration:none;
    padding-right:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
}

.menu > ul > li.selected > a {
	background:#555657;
	color:#fff;
}

.menu > ul > li:hover {
    
}

.menu > ul > li:hover > a {
	color:#fff; background:#555657;
}


.titlebox
{
    padding:10px 10px 4px 10px; width:90%;font-weight:bold; text-align:left;
}
.contentbox
{padding:10px; width:99%;border-top:1px solid #e8e8e8; margin-top:-1px; text-wrap:normal;
}
.metadetail {
display:block; width:220px; float:right; padding-right:20px;border:1px solid groove;
}
.metaboxline
{padding:10px; width:99%;border-bottom:1px solid #e8e8e8; margin-top:1px; text-wrap:normal;background-color:#fEFEFE;
}

.titleLabel
{
    padding:10px 10px 4px 10px; width:90%;font-weight:bold; text-align:left;
}

.inputform-button .title a{text-decoration:none;font-size:11px;color:#555;text-transform:none;}
.inputform-button {border-top:solid 1px #dfdfdf;padding-top:5px;margin-top:10px;height:25px;}
.inputform-button .title{float:left;color:#bc4800;font-size:14px;font-weight:bold;vertical-align:bottom;padding-top:5px;/*text-transform:capitalize;*/}
.inputform-button .title img{vertical-align:middle;padding-bottom:2px;}
.inputform-button .options{text-align:right;float:right;}
/*#HomePageCalendar { width: 100%;min-width: 500px;min-height: 100px;float: left;}
#HappyBirthday,  #HomePageLinks,  #ListNonDate4Pv, #ListHaveDate4Pv , #HomePageAnnoucements, #HomePagePolls, #ChungKhoanKinhDoanh, #HomePageNews, #StaffContacts, #HomePageLinks, #MyShortcuts, #MyDeptTargets, #MyTargets, #MyOverdueTasks { width: 33.33%;min-width: 330px;min-height:  100px;float: left;}*/
#listView, #listViewNhomLoaiCC, #listViewNhomLoaiTS {
    font-size: 1.22em;
}

/* MASTER PAGE WRAPPERS */
.master-wrapper-page{ min-height: 100%;}
.master-wrapper-content{min-height: 100%;}
/* MASTER HEADER */
.header {display: block; height:42px;width:100%;background:url(images/banner2.png) repeat-x;position:relative;border-color: #f8cbd1;border-width: 1px;box-shadow: 1px 1px 1px #888888;}
.header .logo{float: left; margin-left:5px; background:url(images/logo00.png);display:block;width:38px;height:38px;text-decoration:none;border-radius: 4px;}
.header .appName {float: left;margin-left:5px;margin-top: 5px;display:block;text-decoration:none;font-size: 24px;font-weight: bold;color: #fff;}
.header .selectApp {float: left;margin-left:1px;margin-top:7px; display:block;text-decoration:none;color: #fff;width:25px; height:25px; background:url(images/selectApp.png); cursor: pointer;}
.header .selectApp:hover {background:url(images/selectAppH.png);}
.header .languageselector{position:absolute;right:400px;top:7px;text-align:right;}
#myFullName { cursor: pointer;}
#myFullName:hover { cursor: pointer;color: yellow;}

.login-username { color: white;font-weight: bold;}
.login-username a { color: #fff;}
.login-username div a { color: #fff;font-weight: normal;font-style: italic;}
.k-menu .k-item, .k-widget.k-menu-horizontal>.k-item,.k-menu .k-item>.k-link, .k-menu .k-item>.k-link:hover  { color: #fff;font-weight: bold;background-color: #a04d59;}
.k-menu.k-header, .k-menu .k-item { border-color: #f8cbd1;}
.k-menu .k-item>.k-link:hover, .k-menu .k-item>.k-link:active  {background-color: #415a8f;}
.k-item.k-state-default.k-state-hover.k-state-border-down {background-color: #415a8f;color: #336699;}
.k-state-border-down:active, .k-state-border-down:visited, k-link {color: #336699;}
.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active{background-color: #ffffff !important; border-color:#e0e0e0 !important;color: #000 !important;}
.k-item .k-state-hover,.k-item .k-state-default .k-state-hover, .k-item .k-state-default .k-last .k-state-hover, .k-item .k-state-default .k-first .k-state-hover, .k-item .k-state-default .k-state-hover, .k-item .k-state-default .k-state-hover .k-state-border-right  { background-color: #ccccff !important;color: #000 !important;}
.k-state-hover{ background-color: #f7e0a5 !important;}
/* MASTER HEADER MENU */
.header-menu{width:100%;background-color: #ad5360;}
.header-menu .t-menu .t-link{padding:10px 12px;}
.header-menu .t-menu .t-arrow-next{top:7px;}
/* MASTER HEADER STATUS BAR */
.status-bar {
    background:#f8bfc7 no-repeat;border:solid 1px #f8cbd1;font-weight:bold;
    background-image: url("images/calendarS.png") ;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 1px #888888;
    padding: 3px 20px;
    border-radius: 4px;
}

.status-bar2 {
    background:rgb(241, 241, 241) no-repeat;
    box-shadow: rgb(148, 148, 148) 0px -1px 6px;
    padding: 3px 20px;
    font-size: 10px;
    font-style: italic;
}
/* SELECT APP WIN */
.appItem {
    float: left; 
    width: 100px; height: 110px;    
    text-align: center; 
    line-height: 200px;
    font-size: 11px;
    font-weight: bold;
    background-position: center;
}

.appItem:hover {
    background-color: #b6ccfa ;
    cursor: pointer;
    border-radius: 4px;
}
#appINFO {
    margin-left: 10px;margin-top: 30px;
    background-image: url("images/Apps/GIS.png");
    background-repeat: no-repeat;
}

#appQA {
    margin-left: 10px;margin-top: 30px;
    background-image: url("images/Apps/Question.png");
    background-repeat: no-repeat;
}

#appSYS {
    margin-left: 10px;margin-top: 30px; 
    background-image: url('images/Apps/System.png');
     background-repeat: no-repeat;
}

#appList {
    width: 380px;height: 100px;
    background-color: #fff;
     position: absolute;
}


/* MODULE LIST PER APP */
.moduleName { 
    width: 100%;height: 35px;
    cursor: pointer;
    box-shadow: 1px 1px 1px  #888888;
    border-bottom: 1px solid;
     border-left: 1px solid;
      border-right:1px solid;
    border-color: #ffd700;
}

/* MODULE LIST PER APP */
.moduleName:hover { 
    background-color: #6699cc; 
}

.moduleName span {
    margin-left: 60px;margin-top: 7px;
    display:inline-block;
    vertical-align: middle;
     /*font-family:'Segoe UI', verdana, arial, helvetica, sans-serif;font-size:14px;*/
    color: #fff;font-weight: bold;
}
.moduleHeader, .actionHeader {
    width: 90%;min-width: 200px;
    height: 27px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    background-color:  #306090;
    color: #ffffff;font-weight: bold;
      /*font-family:'Segoe UI', verdana, arial, helvetica, sans-serif;font-size:14px;*/
    box-shadow: 1px 1px 1px #888888;
     border-bottom: 1px solid;
     border-left: 1px solid;
      border-right:1px solid;
      border-color: #ffd700;
}
.actionList {
     overflow-x: auto;
    display: block;
    white-space: nowrap;
    background-color: #fff;
    min-height: 300px;
}

.actionLink { 
    width: 100%;
    background-color:  #ffffff;
    font-size: 13px;
    color: black;
    font-weight: normal;
    cursor: pointer;
}

/* Tool bar button */
#toolbar { float: left; width: 100%;}
#navigateGroup { float: left;}
#approveGroup { float: left;}
#actionGroup {text-align: right;}
fieldset {
     overflow: hidden;
    border-radius: 4px;
    border-width: 1px;
    border-collapse: collapse;
    border-color: #dddddd;
    padding: 1px;
    background-image: -moz-linear-gradient(top, white, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, white, #e6e6e6);
    background-image: -o-linear-gradient(top, white, #e6e6e6);
    background-image: linear-gradient(to bottom, white, #e6e6e6);
    background-repeat: repeat-x;
    
}

.toolbarButton {
    width: 30px;height: 30px;
    float: right;cursor: pointer;border: 0;
    background: transparent;
    background-position: 3px 3px;
}
.toolbarButton:hover { background-color: #ffd700;border-radius: 3px;}
#firstButton { background-image: url("images/CommandButton/first.png");background-repeat: no-repeat;}
#backButton { background-image: url("images/CommandButton/back.png");background-repeat: no-repeat;}
#nextButton { background-image: url("images/CommandButton/next.png");background-repeat: no-repeat;}
#lastButton { background-image: url("images/CommandButton/last.png");background-repeat: no-repeat;}
#saveButton { background-image: url("images/CommandButton/save.png");background-repeat: no-repeat;}
#cancelButton { background-image: url("images/CommandButton/refresh.png");background-repeat: no-repeat;}
#deleteButton { background-image: url("images/CommandButton/delete.png");background-repeat: no-repeat;}
#approveButton { background-image: url("images/CommandButton/approve.png");background-repeat: no-repeat;}
#rejectButton { background-image: url("images/CommandButton/reject.png");background-repeat: no-repeat;}
/*Kendo Grid */
.check_row { width: 100%;}
.check_row2 { width: 100%;}
/*  Left toolbar */
#paddingBreak {width: 100%;  height: 5px;}
#lineBreak {width: 100%;  height: 1px;background: linear-gradient(to right, #ffffff, #ffd700, #ffffff)}
/***************************************************************************************************/

.actionInQT {
    opacity: .7;
      width: 80px;height: 90px;
    position: relative;
        background-repeat: no-repeat;
    background-position: 10px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    vertical-align: bottom;
}
.actionInQT .text {
    position:relative; 
    top:57px;
}
.actionInQT:hover {
     opacity: 1;
    /*-webkit-filter: blur(3px);*/
    border-color: #dfdfdf;
    border-radius: 4px;
    cursor: pointer;
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-dropdown, .k-selectbox{ width: 200px !important;}
.k-textbox { width: 99%;}
.k-numerictextbox { width: 100px!important;}

input[name="NgayBanHanh"] { width: 70px!important;}
span.k-picker-wrap { width: 72px!important;}
span.k-widget.k-datepicker.k-header { width: 73px!important;}
#TrichYeu, #KyHieuVB, #dvSoanThaoList, #dvBanHanhList, #nguoiKyList, #doMatList, #doKhanList, #loaiVanBanList {width: 250px;}
#TrichYeu {  height: 50px;}
.selectLang {
     float: left;
    width: 50px; height: 17px;
     vertical-align: middle;
    margin-top: 10px;
}
.lang {
    float: left; width: 25px;height: 17px;cursor: pointer;
}
#langVN {background:url(/Content/images/Language/VN.png)}
#langEN {background:url(/Content/images/Language/gb.png)}

 .vanBanImage       { border: 1px;border-style: solid;border-collapse: collapse;border-color: transparent;color: blue;}
 .vanBanImageActive { border: 1px;border-style: solid;border-collapse: collapse;border-color: blue;color: blue;}
 .vanBanDeleteButton {
     position: absolute;
    top: -50px;right: 3px;width: 20px;height: 20px; border: 0;
     cursor: pointer;
     background-image: url("/Content/images/deleteImg.png");
 }
 .vanBanAImage{
     position: relative;
 }
 #keyword { width: 99%;}
 legend { height: 20px;}
 .wrapper {
    width: 1000px;
    box-shadow: rgb(148, 148, 148) 0px -1px 6px;
    height: 100%;
    position: relative;
    margin: 0px auto;
    background: rgb(255, 255, 255);
}
 .QASubject {
     font-weight: bold;
     text-decoration: underline;
     font-size: 14px;
 }

 .QAContent {font-size: 14px;}
 .QADatePost { font-size: 13px;font-style: italic;color: #d3d3d3;}
.viewDetail {
    background: url(/Content/images/view.png) no-repeat scroll right 7px rgba(0, 0, 0, 0);
    padding: 4px 12px 4px 0;
    font-size: 12px;
    float: right;
}

/* Tung*/
#langVN {background:url(/Content/images/Language/VN.png)}
#langEN {background:url(/Content/images/Language/gb.png)}
.tomTatTin {border-bottom: 1px dotted #DBDBDB;     padding: 15px 0 20px ;min-height: 130px;
    
}
 .listTinTuc {    padding: 5px 0;min-height: 90px;
    
}
 .chiTietTinTuc {
     font-size: 18px;
     width: 100%;
     
 }

.anhTinTuc{ float: left;}
.view-more{float: right;
    background: url(/Content/images/view.png) no-repeat scroll right 7px rgba(0, 0, 0, 0);
    font-size: 12px;
    padding: 4px 12px 4px 0;
    position: relative;
    right: 30px;
}
h1.listTinTuc {
     font-family:verdana, 'Segoe UI', arial, helvetica, sans-serif;font-size:20px;
    min-height: 100%; 
    background-color: #e9eaed; color: #050505
}
h1.danhMucTinTuc {
     font-family:verdana, 'Segoe UI', arial, helvetica, sans-serif;font-size:15px;
    min-height: 100%; 
    background-color: #e9eaed; color: #A00202
}
h1.tieuDeTinTuc {
     /*font-family:verdana, 'Segoe UI', arial, helvetica, sans-serif;font-size:18px;
    min-height: 100%; 
    background-color: #e9eaed; color: #050505*/
    color: #A00202;
    font-size: 14pt;
    padding: 15px 0 5px;
}
.zone>header a {
    display: inline-block;
    background-color: #ed6841;
    margin-left: 10px;
    padding: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    /*position: relative;*/
    font-weight: 400;
}
.tinTucImage       { border: 1px;border-style: solid;border-collapse: collapse;border-color: transparent;color: blue;}
.tinTucAImage{
     position: relative;
 }
 .tinTucDeleteButton {
     position: absolute;
    top: -50px;right: 3px;width: 20px;height: 20px; border: 0;
     cursor: pointer;
     background-image: url(/Content/images/deleteImg.png);
 }
 
body {
  font-family: sans-serif;
  font-size: 15px;
}
#menu ul {
  background: #002366;
  width: 202px;
  padding: 0;
  list-style-type: none;
  text-align: left;
    
}
#menu li {
  width: auto;
  min-height: 40px;
  line-height: 25px;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 1em;
  
}
#menu li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  display: block;
  
}
#menu li:hover {
  background: #ed6841;
}

/*==Dropdown Menu==*/
#menu ul li {
  position: relative;
  
  
}
#menu .sub-menu {
  position: absolute;
  left: 202px;
  top: 0;
  display: none;
}
#menu li:hover .sub-menu {
  display: block;
  overflow:auto;
  z-index: 1;
    border: 1px solid #c5c5c5;
    box-shadow:2px 2px 2px #acacac ;
}

.sub-menu li a, .sub-menu li{
    background-color: white;
    color: black!important;
}

.sub-menu li a:hover, .sub-menu li:hover{
    background-color: white!important;
    color: #b61616!important;
}


.body-right {
    width: 65px;
    /*width: 29%;*/ 
    padding: 1px; 
    background-color: white;
    float: right;

}
.body-left {
    width: 840px;
    /*width: 70%;*/ 
    margin-right: 4px;
    float: left;
    
    padding: 1px;
    background-color: white;
}
.news-body-right {
    width: 400px; 
    padding: 2px 2px; 
    /*background-color: white;*/
    float: left;
    background: #f5f8fb;

}
.news-body-left {
    width: 460px; 
    margin-right: 0px;
    margin-left : 0px;
    float: left;
    
    padding: 1px;
    /*background-color: white;*/
    background: #f5f8fb;
}


.title-hotnews {
    background: url(/Content/images/bg-tit2.png) top left repeat-x;
    /*background-color: #888888;*/
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
    border-left: #e4e4e4 solid 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
    width: 100%;
    float: left;
}
.clear {
    clear: both;
}
#featured {
    position: relative;
    border: #e4e4e4 1px solid;
    width: 880px;
    /*width: 100%;*/
    background: #f5f8fb;
    float: left;
    /* height: 375px; */
    height: 390px;
    overflow: hidden;
    padding: 5px 5px;
}
.ui-tabs-nav {
    /*left: 445px;*/
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*position: absolute;*/
    top: 0;
    width: 100%;
}
.ui-tabs-nav-item {
    color: #666666;
    font-size: 12px;
    border-left: 1px solid #e4e4e4;
    /* min-height: 71px; */
    min-height: 64px;
    overflow: hidden;
    border-bottom: solid 1px #dbdbdb;
    padding: 5px 5px 5px 5px;
    
}
.ui-tabs-nav-item:hover {
    background: #f5f8fb;
    
}
.ui-tabs-nav-item a {
    color: #555657;
}
.ui-tabs-nav-item a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #002366;
    background: #f5f8fb;
}
.title-hotnews a {
    background: url(/Content/images/icon-title-news.png) left center no-repeat;
    padding-left: 15px;
    color: #b61616 !important;
    font-size: 13px;
    font-weight: bold;
    
}

.title-hotnews a:hover {
    cursor: pointer;
    text-decoration: none;
}
.news-body-left>div a {
    color: #555657;
}
.news-body-left>div a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #002366;
}
/****************************************/

/****************************************************/


.QuestionOne {
    border-bottom: solid 1px white;
    width: 675px;
    min-height: 90px;
    background-color: #f5f5f5;
    border-radius:4px;
    background-color: #f5f8fb;
}

.QuestionCatList {
     width: 100%;
     min-height: 26px;
     float: left;
     
    background: white;
    background: -webkit-linear-gradient(left, #f7e0a5, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #f7e0a5, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #f7e0a5, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #f7e0a5, #ffffff); /* Standard syntax */
}
.QuestionCreate {

    background: white;
    background: -webkit-linear-gradient(left, #ffffff, #f7e0a5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #ffffff, #f7e0a5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #ffffff, #f7e0a5);/* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #ffffff, #f7e0a5); /* Standard syntax */

     vertical-align: text-top;
     height: 100%;
     width: 100%; 

}
.leftCol {
    width: 100%;
    font-weight: bold; 
    font-size: 12px;
    min-height: 50px;
    padding-top: 15px;
    background: url(/Content/images/bg-topmenu.png) top left no-repeat #bf0000;
}

.leftMenu {
    padding: 0 0 0 0;
    margin-bottom: 6px;
}
.leftMenu ul {
    padding: 15px 0 0 7px;
    background-color: #002366;
}

.leftMenu ul li {
    padding: 7px 10px 7px 12px;
    border-bottom: 1px solid #2352AB;
    background: url(/Content/images/li-style.png) 0px 11px no-repeat;
    list-style: none inside none;
    position: relative;
    margin: 0;
    display: list-item;
    text-align: -webkit-match-parent;
}

.leftMenu ul li a {
    color: #fff !important;
    font-weight: bold;
    margin:0px;
}
.k-widget .k-combobox .k-header #cmbQuestionCat { width: 450px;}
/*************************************/