<!-- Gauge Chart -->
.wrapper {
  position: relative;
  width: 100%;
  height: 480px;
}

.box {
  width: 100%;
}

/*
.container {
  width: 450px;
  margin: 0 auto;
  text-align: center;
}
*/

.gauge {
  width: 100%;
  height: 240px;
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
}
.flexbox>div {
  flex: 1 0 300px;
}

.btn-sm {
	margin-left: 5px;
}

.cbp-hrsub-inner a {
	padding: 6px 12px;
	font-size:14px;
}

#layoutRelatedList a {
	padding: 6px 12px;
	font-size:14px;
}

#layoutRelatedList th {
	background:#FFF;	
}

#createRelateBtn {
	display:none;
}

.iradio_square-green {
	margin-right: 8px;
}

/* Try overwrite the chartlist */
.ct-bar {
	stroke-width: 20px !important;
	stroke: #4682B4 !important;
}

.dashboard {
	padding-left: 10px;
}

.toggler {
	margin-top: 15px;	
}

#dropzone {
    background: palegreen;
    /*width: 150px;*/
    /*height: 50px; */
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
#dropzone.in {
    width: 600px;
    height: 200px;
    line-height: 200px;
    font-size: larger;
}
#dropzone.hover {
    background: #e0f3fb;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

/* Fix the dialog on top */
.ui-dialog { z-index: 3000 !important ;}

ul.ui-autocomplete {
    z-index: 9999;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:9999 !important;}

/* To resolve the form-control z-index:2 issue */
.ui-datepicker{ z-index: 9999 !important;}

.datePickSrh {
	width: 100px !important;
}
 

/* Advance Search */
#advanceSrh {
	display:none;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	line-height:15px;
	max-width:1024px;
	margin-top:38px;
}

#advanceSrh .row {
	padding-bottom:10px;	
}

#CombinePanel {
	display:table-cell;
}

.white-bg {
	background-color:white;	
}

.navbar-left li:first-child {
	margin-left:30px;
}

.navbar-top-links li:last-child {
    margin-right: 40px;
}

.dropdown-messages, .dropdown-alerts {
    padding: 10px 10px 10px 10px;
}

.input-group span:first-child { 
	display:table-cell;
}


#vr-header {
	/*box-shadow: 5px 2px 5px #ECECEC;*/
	background-color: #fff;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    
    background-color: #fafafa;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    /* box-shadow: 0 2px 4px rgba(0,0,0,.2); */
    position: relative
}

.fixedMenu {
	position: fixed;
    top: 0px;
}

.srhKeywords {
	min-width:150px;
	max-width:300px;
}

.ui_searchField {
	height:26px;
	font-size:18px;
	padding-left:5px;
	color:#111111;
	border: 1px solid #CDCDCD;
    position:relative;
}

.ui_searchBtn {
	background-color:#052672; 
}

.ui_searchBtn:hover { 
	background-color:#3C63aa;
}

.ui_delBtn {
	background-color:#cd0a0a; 
}
.ui_delBtn:hover { 
	background-color:#e64b4b;
}
.ui_error_background {
	background-color:#ffd700 !important;
}

.ui_fine_background {
	background-color:#ffffff !important;
}

.ui_readOnly_background {
	background-color:#cccccc !important;
}

.error {
	color:red;
}

.centerButton { 
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.home{
	padding:10px 3px 50px 3px;
    float:left;
    width:33%;
    overflow:hidden;
}

.iframeCell {
    overflow:hidden;
    width:100%;
    height:100%;
    margin: 0 0 10px 0px;
}

.vaccount_iframe {
	background-color:#F9F9F9;
	padding:0px;
	width:100%;
}

#HeaderLogoDim {
	max-width:170px;
	max-height:80px;
}
/* Inner Boundary */
#application-table {
	z-index:1;
    width:100%;
    background-color: #e9e9e9;
}

/* For showing a loading message on top */
#loadingMsg {
    position:absolute;
    left:530px;
    top:40px;
    text-align:center;
    width:100px;
    color:#333;
    background:pink;
    visibility:hidden;
    padding:3px;
}

#chgTable th {
	text-align:center;
}
#ledgerTable th {
	text-align:center;
}

.srhCommonTable {
    font-family: Verdana;
    font-weight: normal;
    color: #404040;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
    line-height:14px;
    padding-bottom:10px;
}

.srhCommonTable .hide {
   display: none;
}

.srhTable {
	min-width:100%;
	table-layout:fixed;
}

th.srhVar {
    cursor:pointer;
}

th.srhVar_readOnly {
    background-color: #F0F0F0;
}

th.doc {
	width:160px;
}

th.total {
	width:140px;
}

th.date {
	width:100px;
}

th.combineBy {
	width:100px;
}

th.systype {
	width:130px;
}

th.selection {
	width:50px;
}

th.customer {
	width:180px;
}

th.selectAll {
	width:90px;
}

/* Alternative row color */
.relatedTable tr:nth-child(even) {background: #FFF}
.relatedTable tr:nth-child(odd) {background: #EEE}

/* Alternative row color */
.srhTable tr:nth-child(even) {background: #FFF}
.srhTable tr:nth-child(odd) {background: #EEE}
.srhTable tr:last-child {background: #FFF; border-top: 1px solid #9CF;}
.srhTable tr:first-child > td:first-child {background: #FFF}
.srhTable td:first-child {
	width:30px;
}

.srhTable .dataRow{
	cursor:pointer;
}

.srhTable td
{
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    height:12px;
    line-height:14px;
    padding:5px;
    overflow:hidden;
    word-wrap: break-word;
}

.srhCommonTable td
{
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    height:12px;
    line-height:14px;
    padding-top:5px;
    padding-bottom:5px;
}

td.helpHighlight
{
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    text-indent: 10px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    
    color: #404040;
    height:12px;
    line-height:12px;
    background-color:gold;
}


#ajaxTable
{
    table-layout:fixed;
    width:600px;
    height:200px;
    position:absolute;
    border:#0099FF 2px solid;
    background:#FFFFFF;
    margin:0px;
    padding:0px;
    z-index:9999;
    font-size:14px;
    line-height:14px;
    visibility:hidden;
    display:none;
    overflow:hidden;
    line-height:1.3;
}

#ajaxTable td {
    vertical-align: top;
    white-space:nowrap;
    overflow:hidden;
}

.ajaxTableResult {
    table-layout:fixed;
    width:450px;
}

#top {
    width:100%;
}

#topLine {
    width: 100%;
    height: 1px;
    background-color: #C7C7C7;
}

.SectionLine {
	width:100%;
    height:1px;
    background-color:#AAA;
}

.centerText {
    text-align:center;
}

#heading_main_basic{
	text-transform: uppercase;
    position:relative;
    margin:0px;
    background-color: #293846;
    height:18px;
    color: #fff;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
    box-sizing: content-box;
    text-align: left;
}
/* box-sizing: content-box; is the default style, but bootstrap use border-box, so has to pad here */

.heading_main_section{
	text-transform: uppercase;
    position:relative;
    background-color: #f4f4f4;
    height:14px;
    color: #404040;
    font-size:12px;
    font-weight:bold;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:12px;
    margin-top:10px;
    margin-bottom:10px;
    box-sizing: content-box;
    text-align: left;
    border-top: 1px solid #d5dce2;
}

.heading_sub_section{
	text-transform: uppercase;
    position:relative;
    background-color: #DEDEDE;
    margin-left: 40px;
    height:14px;
    color: #404040;
    font-size:12px;
    font-weight:bold;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:12px;
    margin-top:10px;
    margin-bottom:10px;
    box-sizing: content-box;
    text-align: left;
    border-top: 1px solid #d5dce2;
}

.heading_main_section img {
	padding-bottom:2px;
	padding-left:5px;
}

#heading_preview_basic{
	text-transform: uppercase;
    position:relative;
    background-color:#2f4050;
    height:22px;
    color: #a7b1c2;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    padding-left:10px;
    padding-top:4px;
    box-sizing: content-box;
}

#heading_preview_basic a{
    color: #a7b1c2;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:link {
    color: #a7b1c2;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:visited {
    color: #a7b1c2;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:hover {
    color: #ffffff;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-decoration: underline;
}

.cpanelHeader {
	font-size:16px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

.AdditionalInfo {
	color: white;
	padding-left:20px;
}

.AdditionalInfoHeader{
	font-weight:bold;
}

.AdditionalInfoContent {
	width:110px;
	line-height:20px;
	padding:3px; 
	border:#999 1px solid;
}

#control_panel_heading {
    font-size:16px;
    font-weight:bold;
}

#mainTable {
    width:100%;
    table-layout:fixed; /* So the menu can float in the left*/
}
#footer {
    height: 18px;
    background-color: #EFEFEF;
    position: fixed;
    bottom: 0px;
    text-align:center;
}

.recordControl {
    position:relative;
    float:right;
    right:5%;    
}

.right {
	text-align:right;
}

/* For MenuBar Uses */
#option {
    position:absolute;
    float:left;
    left:5px;
    width:180px;
}

#option a {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
    line-height:22px;
}
#option a:link {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;

}
#option a:visited {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
}
#option a:hover {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:red;
    z-index:1000;
    text-decoration:none;
}

#login_toolbar a {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
    line-height:22px;
}
#login_toolbar a:link {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;

}
#login_toolbar a:visited {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
}
#login_toolbar a:hover {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:red;
    z-index:1000;
    text-decoration:none;
}

/* For MenuBar-Item Uses */
.form_label {
	font-weight:bold;
	font-size:13px;
}
.ff_w05 {
    width:50px;
}
.form_field_w07 {
    width:75px;
}

.ff_w045 {
    width:45px;
}

.ff_w050 {
    width:50px;
}

.ff_w075 {
    width:75px;
}

.ff_w100 {
    width:100px;
}

.ff_w120 {
    width:120px;
}

.ff_w150 {
    width:150px;
}

.ff_w200a {
    width:200px;
}

.ff_w250a {
    width:250px;
}

.ff_w300a {
    width:300px;
}

.ff_w10 {
    min-width:100px;
}
.form_field_w11 {
    min-width:110px;
}
.form_field_w15 {
    min-width:150px;
}
.ff_w15 {
    min-width:150px;
}
.ff_w20 {
    min-width:200px;
}

.ff_w30 {
    min-width:300px;
}

.ff_w40 {
    min-width:400px;
}

.form_field_w28 {
    min-width:280px;
}
.form_field_w30 {
    min-width:300px;
}
.form_field_w35 {
    min-width:350px;
}
.form_field_w40 {
    min-width:400px;
}
.form_field_w50 {
    min-width:500px;
}
.form_field_readonly {
	background-color:#eee;
	border: 1px solid #e5e6e7;
}

.form_field_beaware {
	background-color:#E8E8E8;
	border:#CDCDCD 1px solid;
}

.option-item {
    margin:3px;
}

/* Apply to all input table */
.fixedTable {
    table-layout:fixed;
    width:100%;
}

.generalRemark {
    font-size:10px;
    color:#444;
}

.searchRemark {
    font-size:11px;
    color:#333;
    font-weight:normal;
    font-style:italic;
}

.fieldRemark {
	font-size:10px;
}

#popupBox{
    position: absolute;
    display:none;
}

#commonTable{
    border-width:1px;
    border-style:inset;
    height:25px;
    width:400px;
}
#popupBoxTable{
    border-width:1px;
    border-style:inset;
    width:400px;
}
#cellPopupBoxTable{
    border-width:1px;
    border-style:inset;
    width:400px;
}

.reportSelect{
    width: 20em;
    height:10em;
}

#DimensionTable td:first-child{
	text-align:center !important;
}

#DimensionTable td{
	width:55px !important; 
	text-align:left;
}

#generalForm {
    display:none;
    border-radius: 3px;
    line-height: 1.8;
}

#generalForm td {
	font-size:13px;
	/*vertical-align: top;*/
	padding-right:3px;
}

#generalForm .mt {
	table-layout:fixed;
}

#generalForm .mt td:first-child{
	width:135px; 
	text-align:right;
	padding-right:8px;
}
#generalForm .mt td:nth-child(2){
	width:380px; 
}

#generalForm .mt td:nth-child(3){
	width:135px; 
	text-align:right;
	padding-right:8px;
}
#generalForm .mt td:nth-child(4){
	width:380px; 
}

#generalForm > table {
	border-spacing: 0;
    border-collapse: collapse;
    min-width:980px;
}

#generalForm .min-table {
	min-width:600px;
}

.contentCol {
	width:200px;
}

.label_UserRight_Level1 {
    font-size: 14px;
    font-weight:bold;
    font-style: italic;
}

.label_UserRight_Level2 {
    
    font-style: italic;
}

.label_UserRight_Level3 {
    font-size: 10px;
    font-style: italic;
    font-weight:normal;
}

.formLabel {
    width:200px;
}

.pFormLabel {
    font-size:11px;
    width:100px;
}

.inputRadio {
    width:30px;
    border-bottom: #FFF;
}

/* Use for column heading */
.arrow {
    float: right;
    display:none;
}

/* Use in customer module */
#allAddress table {
    width:100%;
}

/* Use in VAccount Report and */
.reportFilter {
	padding-top: 8px;
	display:none;
}

.reportLabel {
	font-weight: bold;
}

.OverSearchRow {
	background-color:gold;
	cursor:pointer;
}

.OutSearchRow {
	background-color:#fafafa;
	cursor:pointer;
}


.logo {
	vertical-align:middle;
	cursor:pointer;
}

/* Below is AirFreight Specific*/
#DimensionView {
	height:200px; 
	width:400px; 
	overflow:auto; 
	border:#CDCDCD 1px solid;"
}

#DimensionTable .cell{
	width:50px;
}

#AttachmentView{
	height:400px; 
	width:900px; 
	overflow:auto; 
	border:#CDCDCD 1px solid;"
}

.FixedWidthFont {
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

#Marks {
	font-family: "Courier New";
}

#Description {
	font-family: "Courier New";
}

#ManifestDescription {
	font-family: "Courier New";
}

/* Use in CommonSearch.jsp*/
#SelectedRecord {
	background-color:#DEDEDE;
	border:#CDCDCD 1px solid;
}

.todayLink{
	visibility:hidden
}

.separator {
	width:15px;
}

.groupSeparator {
	background-color: #e0f3fb;
	padding-left:10px;
	padding-right:10px;
}

.printHeader {
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	font-weight:bold;
}

.relatedListPage {
	padding-left:28px;
	font-weight:bold;
}

.searchBar {
	margin-top:5px;	
}

.autocomplete-suggestions { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete-suggestions .autocomplete-selected { background:gold; }
.autocomplete-suggestions div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete-suggestions strong { font-weight:bold; color:#3399FF; }
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 * Original: #basic-modal-content {display:none;}
 */

#basic-modal-content {display:block;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:400px; width:700px; color:#404040; background-color:#FAFAFA; border:3px solid #DEDEDE; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#CCC;}
#simplemodal-container a.modalCloseImg {background:url(./img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/* FAQ Page */
#faqs dt, #faqs dd { padding: 0 0 0 50px }
#faqs dt { font-size:1.5em; color: #9d9d9d; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 15px 25px}
#faqs dd { font-size: 1em; margin: 0 0 20px 25px}
#faqs dt { background: url(img/expand-icon.png) no-repeat left}
#faqs .expanded { background: url(img/expanded-icon.png) no-repeat left}

/* Password Strength Indicator*/
.is0{background:url(img/progress.png) no-repeat 0 0;width:138px;height:7px;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}

/* system message style */
/* outline helps disable the strange border when div has attr tabindex */
.infoSys, .successSys, .warningSys, .errorSys, .validation {
    margin: 0px 0px 5px 0px;
    padding:13px 10px 13px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    outline: none !important;
}
.infoSys {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.successSys {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/Success.png');
}
.warningSys {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.errorSys {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/Error.png');
}

#loadingImg
{
	width:18px;
	height:18px;
	display:none;
	background-image: url('img/loader_s.gif');	
}

#sharePath {
	padding:10px;
	background-color:#FFFFFF;
	width:100%;
}

/* Used for form overlap */
.overlay {
	background-image: url('img/loader_s.gif');
	background-position: 50% 1%;     
	background-repeat:no-repeat;
}

#dashboard {
	width:100%;
}

.dashboardOuter {
	border: 1px solid #DEDEDE;
	padding:5px;
    margin:5px;
}

.ct-golden-section-custom { 
	display: block;
    position: relative;
    top:5px;
}

.fixedTextArea {
	resize: vertical;
}

/* resize: horizontal; resize: none; */

#collapse-hide {
	padding-top:10px;
	padding-bottom:10px;
} 

/* Special logic to re-locate the view */
.hideTextArea {
	display:none;
}

/* Mouse Cursor */
.fa-times {
	cursor:pointer;
}

/* to remove the padding between bootstrap column */
/* .no-gutter [class*="-1"] {*/
.no-gutter [class*="col"] {
    padding-left:1px;
    padding-right:1px;
}

.mark-row {
	background-color:#ccefe1;
	padding-top:3px;
	padding-bottom:3px;
}

/* JQuery AutoComplete UI from Bootstrap */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}