@media print{
    .header{display: none}
    #menu{display: none}
    .datetime-status-bar{display: none}
     a:link:after, a:visited:after {  
      display: none;
      content: ""; 
     }
}
html, body{height:100%;} 
* html .wrapper {/* ie6 and under only*/
    height:100%;
    -webkit-font-smoothing: antialiased;
}
html {
    -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
body{color:#333333; margin:0; padding:0; overflow:auto; width:100%}
body, td, input, textarea{font-family: 'Roboto', sans-serif;}
h1{font-family: 'Roboto', sans-serif;}
h3{margin-top:0; padding-top:0}
.header{width:100%; height:100px; background-color:#f6f6f6; padding:10px 0 10px 0 }
.header-bar{border-bottom: 1px solid #ddd;
            height: 29px;
            padding: 8px 0px;
            margin-bottom: 5px
}
.logo{float:left}
.header-right-navigation{float:right; margin-right:20px;}
textarea{width: 400px}
/*input[type=text], input[type=file], input[type=password]{border-color:#c0c0c0 #d9d9d9; border-radius:2px; border-width:1px; border-style:solid; height:24px; width:50%; margin:5px 0 5px 0; font:normal 12px Arial, Helvetica, sans-serif}
textarea{border-color:#c0c0c0 #d9d9d9; border-radius:2px; border-width:1px; border-style:solid;  margin-bottom:5px; font:normal 12px Arial, Helvetica, sans-serif}
input[type=radio]{margin:10px 0 10px 0;}
*/
fieldset{border:1px solid #c0c0c0;}
legend{font-weight:bold}
/*
select{width: 250px; border: 1px solid rgb(192, 192, 192); padding: 5px;}
select.small{width:100px;}
select.medium{width:150px;}
*/
.packing-type{width: 150px;}
input.normal, textarea.normal{width:250px;}
input.order{width:75px; height:20px; font:normal 11px Arial, Helvetica, sans-serif}
input.digits3{width:30px; border:1px solid #c0c0c0; border-radius:2px; font: 12px Arial,Helvetica,sans-serif; height: 24px;margin: 5px 0;}
input.digits4{width:100px; border:1px solid #c0c0c0; border-radius:2px; font: 12px Arial,Helvetica,sans-serif; height: 24px;margin: 5px 0;}
input.medium[type="text"] { width: 80px;}
.signin{width:28em; margin:0 auto 0 auto;}
.signinbody{background-color:#def0e6; padding:20px; overflow:hidden; display:block; border-style:solid; border-color:#D8DEE2; border-width:1px 1px 2px }
.signin h1{background:linear-gradient(#00a44c, #1d5437) repeat scroll 0 0 transparent; background: -moz-linear-gradient(top, #00a44c, #1d5437); background: -webkit-gradient(linear, center top, center bottom, from(#00a44c), to(#1d5437));margin:0; padding:10px 0 10px 20px; color:#FFF; text-shadow:#333 1px 0}
.signin h1 a{color: #E9F1F4;}
.signin h1 a:hover{color:#8dbead}
.signinbody a{color:#55635e}
.signinbody a:hover{color:#3b4c46}
#customer_table{background:#fff4c1; font:normal 11px Arial, Helvetica, sans-serif}
.inventory_table{background:#fff4c1; font:normal 11px Arial, Helvetica, sans-serif}
.suggest-box{width: 250px; position: absolute; background-color:#fff; z-index: 9999; display: block; border:none; padding:0; margin:0;}
.liveresults{ display:block; border-bottom:1px dotted #c0c0c0}
.liveresults a{display:block; padding:10px}
.liveresults a:hover{background:#f7f7f7; color:#000; font-weight:bold}
.send-to{border:1px solid #c0c0c0; padding:5px; width: auto;}
.send-to div{border-bottom:1px dotted #c0c0c0; padding-bottom: 5px; margin-bottom: 5px}
.filecontainer{width:100px; height:150px; float:left; border:1px solid #c0c0c0; margin:5px 5px 0 0; position:relative; text-align:center}
.filedelete{position:absolute; left:90px; width:16px; height:16px}
.wrapper{padding:10px;height:auto!important; height:100%; min-height:100%;}
.shadow {-moz-box-shadow:0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; }
/**/
.sectionShow{display:block}
.sectionHide{display:none}
/**/
/*************** NAVIGATION ***************/
.navigation{background-color:#ebebeb; padding:10px; height:25px;
            /* IE10 Consumer Preview */ 
            background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #B0B0B0 100%);
            /* Mozilla Firefox */ 
            background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #B0B0B0 100%);
            /* Opera */ 
            background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #B0B0B0 100%);
            /* Webkit (Safari/Chrome 10) */ 
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EBEBEB), color-stop(1, #B0B0B0));
            /* Webkit (Chrome 11+) */ 
            background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #B0B0B0 100%);
            /* W3C Markup, IE10 Release Preview */ 
            background-image: linear-gradient(to top, #EBEBEB 0%, #B0B0B0 100%);
}
.navigation ul{list-style:none; padding:10px; margin:0;}
.navigation ul li{float:left; margin-right:10px;font:bold 12px Arial, Helvetica, sans-serif; border-right:1px solid #999; padding-right:10px; text-shadow:#fff 0px 1px; display:block}
.navigation ul li a{text-decoration:none; line-height:2em; display:block}
.navigation ul li a:hover{color:green;}
#jsddm{margin:0; padding:0;}	
#jsddm li{float: left; list-style: none;}
#jsddm li a{display: block;text-decoration: none;color:#000; white-space: nowrap}
#jsddm li a:hover{background-color: #c0c0c0}		
#jsddm li ul{margin: 0;	padding: 0; position: absolute;	visibility: hidden; border-top: 1px solid white;background: #ededed; width:235px; z-index:9999}
#jsddm li ul li{float: none; display: block; margin:0; border-bottom:1px dotted #FFFFFF;}		
#jsddm li ul li a{background: #ededed; border:0;display: block; height:15px; padding:5px;  margin:0; color:#333333; width:225px;}		
#jsddm li ul li a:hover{background: #e2e2e2; }
nav {
    zoom: 1;
    margin: 1px auto 0 auto;
    border-bottom: 1px solid #acacac;
    border-top: 1px solid #acacac;
    width: auto;
    text-align: left;
    background-color: #efefef;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #ededed); /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #ffffff, #ededed); /* IE10 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Safari 4+, Chrome 2+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #ededed); /* Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #ffffff, #ededed); /* Opera 11.10+ */
    background-image: linear-gradient(top, #ffffff, #ededed); /* The standard */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); /* IE9 and below */
}
nav:before, nav:after {display: table; content: "";  zoom: 1;}
nav:after {    clear: both;}
nav ul {    float: left;    zoom: 1;    width: auto;    /*background: #FFF;*/    z-index: 100;    border-right: 1px solid #e8e8e8;    list-style: none;    margin: 0; padding: 0}
nav ul:before, nav ul:after {    display: table;    content: "";    zoom: 1;}
nav ul:after {    clear: both;}
nav ul li {float: left;    padding: 0 0 10px 0;    position: relative;    outline: none;    line-height: 1.2em;    padding: 0 1px 0 0;    border-left: 1px solid #fff;}
nav ul a {padding: 10px 15px 10px 15px;    font-weight: normal;    font-size: 13px;    outline: none;    float: left;    display: block;    zoom: 1;}
nav ul a:link, nav ul a:visited {
    color: #000;
    text-decoration: none;
    background-color: #ededed;
    background-repeat: repeat-x;
    outline: none;
    font-weight: bold;
    background-image: -moz-linear-gradient(top, #ffffff, #ededed);
    background-image: -ms-linear-gradient(top, #ffffff, #ededed);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
    background-image: -o-linear-gradient(top, #ffffff, #ededed);
    background-image: linear-gradient(top, #ffffff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
nav ul a:hover, nav ul a:active {
    color: #000;
    text-decoration: none;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ededed, #ffffff);
    background-image: -ms-linear-gradient(top, #ededed, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #ededed, #ffffff);
    background-image: -o-linear-gradient(top, #ededed, #ffffff);
    background-image: linear-gradient(top, #ededed, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}
#menu li:hover > ul {    display: block;}
#menu li:hover > a {    color: #000;}
nav li ul {
    display: none;
    margin: 0;
    position: absolute;
    top: 36px;
    left: 0px;
    width: 190px;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    /* padding: 2px;
    background: #999;*/
    z-index: 1000;
    zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
nav li ul:before, nav li ul:after {
    display: table;
    content: "";
    zoom: 1;
}
nav li ul:after {
    clear: both;
}
nav li ul a {
    float: none;
}
nav li ul li {
    width: 190px;
    display: block;
    border-top: 2px solid #f7f7f7;
    /* -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;*/
    border-left: none !important;
}
nav li ul li:first-child{
    border-top: none;
}
nav li ul li ul {
    display: none;
    left: 190px !important;
    top: 0;
    width: auto
}
/*************** NAVIGATION ***************/
.controllers{display:block; margin:0 0 10px 0; height:30px;}
.left-navigation{float:left; width:13em;}
.right-navigation{margin-left:15em; height:auto}
.left-navigation ul{list-style:none; margin:10px 0 0 0 ; padding:0; display:block}
.left-navigation ul li{vertical-align:middle; display:block}
/*.left-navigation ul li.selected{background:url(../img/email_selected.png) right center no-repeat}*/
.left-navigation ul li a{text-decoration:none; display:block;color:#0066FF; padding:5px 0 5px 5px; }
.left-navigation ul li a:hover{ text-decoration:none;  background-color:#f2f2f2;}
.clear{	clear:both;        height:0;        font-size: 1px;        line-height: 0px;}
.error, .warning, .success{padding:5px 10px; border-width:1px; border-style:solid; margin-bottom:5px}
.error{background:url(../img/caution.png) 5px center no-repeat  #ffdddd; padding-left:35px; border-color: #d81111;}
.warning{background:url(../img/caution.png) 5px center no-repeat #fffcde; padding-left:35px; border-color: #dbdd5c;}
.success{background:url(../img/success.png) 5px center no-repeat #dbffc7; padding-left:35px; border-color: #86cf38;}
span.required{font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000}
.emaillabel{padding:2px 3px; border:1px solid #CCCCCC; border-radius:1px; background-color:#dedede; font:normal 12px arial; margin-right:2px;}
.actionbutton{padding:2px 3px; border:1px solid #CCCCCC; border-radius:1px; background-color:#dedede; font:normal 11px arial; margin-right:2px;}
.inboxaction{padding:2px 5px; border:1px solid #CCCCCC; border-radius:2px; background-color:#FFFFFF; font:normal 11px arial;}
.attachmentlabel{background-color:#80c300; padding:2px 7px; border-radius:2px }
.proposal_section{padding:10px 0 10px 0; margin: -10px 0 10px 0; border-bottom: 2px solid #c0c0c0}
.process_price{font-weight: bold}
.process_name{font-weight: bold; display: block}
#tabs h3{border-bottom: 1px dotted #c0c0c0; font:normal 20px arial}
#tabs ul li a{font: bold 12px arial}
#labels{list-style-position:outside; text-align: left;  list-style-type:none; margin:0px;        padding:0px;        border:0;}
#labels li{list-style-type:none; padding:0;margin:0 0 0 10px; display: block}
#labels ul{margin:0; padding: 0}
/*************** TABLE GRID ***************/
.widefat {-moz-border-radius: 3px 3px 3px 3px;  border-spacing: 0;  border-style: solid; border-top-width: 1px; border-bottom-width:1px; margin: 0; width: 100%;	border-color:#CCCCCC}
.widefat * {word-wrap: break-word;}
.widefat a, .widefat a:hover {text-decoration: none; color:#000}
.widefat td.warning{background-color:#fffdc1}
.widefat thead th:first-of-type {-moz-border-radius-topleft: 3px;}
.widefat thead th:last-of-type {-moz-border-radius-topright: 3px;}
.widefat tfoot th:first-of-type {-moz-border-radius-bottomleft:3px;}
.widefat tfoot th:last-of-type {-moz-border-radius-bottomright:3px;}
.widefat tfoot tr th{ color:#999999 !important; text-align:right}
.widefat td, .widefat th {border-style: solid; border-width: 1px 0;}
.widefat tfoot th {border-bottom: medium none;}
.widefat .no-items td {border-bottom-width: 0;}
.widefat td {font-size: 12px; padding: 10px 7px 10px 2px; vertical-align: middle;}
.widefat td p, .widefat td ol, .widefat td ul {font-size: 12px;}
.widefat th {font-size: 12px;line-height: 1.3em; padding: 7px 7px 8px;text-align: left;}
.widefat th input {margin: 0 0 0 8px; padding: 0; vertical-align: text-top;}
.widefat .check-column {padding: 11px 0 0; vertical-align: top; width: 2.2em;}
.widefat tbody th.check-column {padding: 9px 0 22px;}
.widefat .num, .column-comments, .column-links, .column-posts {text-align: center;}
.widefat th#comments {vertical-align: middle;}
.widefat td, .widefat th {border-bottom-color: #DFDFDF; border-top-color: #FFFFFF;}
.widefat th {text-shadow: 0 1px 0;}
.widefat td {color: #555555; background-color:#f9f9f9;}
.widefat tbody tr.highlight{background-color:#f2f2f2;}
.widefat p, .widefat ol, .widefat ul {color: #333333;}
.widefat thead tr th, .widefat tfoot tr th, h3.dashboard-widget-title, h3.dashboard-widget-title span, h3.dashboard-widget-title small, .find-box-head {color: #333333;}
.widget .widget-top, .postbox h3, .stuffbox h3, .widefat thead tr th, .widefat tfoot tr th, h3.dashboard-widget-title, h3.dashboard-widget-title span, h3.dashboard-widget-title small, .find-box-head, .sidebar-name, #nav-menu-header, #nav-menu-footer, .menu-item-handle, #fullscreen-topbar {background-color: #F1F1F1;background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);}
.widget .widget-top, .postbox h3, .stuffbox h3 {-moz-box-shadow: 0 1px 0 #FFFFFF;border-bottom-color: #DFDFDF;text-shadow: 0 1px 0 #FFFFFF;}
.widefat th {text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.widefat th {font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight: bold;}
.widefat td a.button{float:none}
.simpletable td{border:0; padding:0; margin:0; text-align:left}
/*************** TABLE GRID ***************/
.proposal_section table td{border-bottom: 1px dotted #f0f0f0; margin: 5px 0 5px 0; padding: 5px 0 5px 0}
.rowclick tr:hover {background-color: #ccc;}
.rowclick td:hover {cursor: pointer;}
.process_section{float:left}
/*************** LABEL POPUP ***************/
#container{margin:0 auto;  position: relative;}
#content{min-height:500px;}
#topnav{padding:0 0px 12px;font-size:11px;line-height:23px; width:50px; float:left}
#topnav a.signin {background:#f3f3f3;padding:4px 6px 9px;text-decoration:none;font-weight:bold;color:#666;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; box-shadow:0 0 10px #D4D4D4 inset;border:1px solid #bbb; height:29px !important;*background:transparent url("../img/signin-nav-bg-ie.png") no-repeat 0 0;*padding:4px 12px 6px;}
#topnav a.signin:hover {box-shadow:0 0 10px #c0c0c0 inset;*background:transparent url("../img/signin-nav-bg-hover-ie.png") no-repeat 0 0;*padding:4px 12px 6px;}
#topnav a.signin, #topnav a.signin:hover {*background-position:0 3px!important;}
a.signin {position:relative;margin-left:3px;}
a.signin span{background-image:url("../img/toggle_down_light.png");background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0; line-height:1.2em}
#topnav a.menu-open{background:#ddeef6!important;color:#666!important;outline:none;}
#small_signup {display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px;}
a.signin.menu-open span {background-image:url("../img/toggle_up_dark.png");color:#789;}
#signin_menu {-moz-border-radius:2px; display:none;border:1px solid #c0c0c0; background-color:#f7f7f7; position:absolute; width:210px; z-index:100; text-align:left; padding:12px; top: 24.5px; left:105px; margin-top:5px; margin-right: 0px; *margin-right: -1px;color:#333;}
#signin_menu ul{list-style-type:none; margin:0; padding:0}
#signin_menu ul li{ margin-bottom:5px; display:block; border-bottom:1px dotted #ccc; padding:5px}
#signin_menu ul li:hover{ background-color:#fff}
#signin_menu input[type=text], #signin_menu input[type=password] {display:block; -moz-border-radius:4px;-webkit-border-radius:4px; border:1px solid #ACE; font-size:13px;margin:0 0 5px; padding:5px; width:203px;}#signin_menu p {margin:0;}#signin_menu a {color:#000;}#signin_menu label{font-weight:normal;}#signin_menu p.remember{padding:10px 0;}#signin_menu p.forgot, #signin_menu p.complete {clear:both;margin:5px 0;}#signin_menu p a {color:#27B!important;}#signin_submit {-moz-border-radius:4px;-webkit-border-radius:4px;background:#39d url('../img/bg-btn-blue.png') repeat-x scroll 0 0;border:1px solid #39D;color:#fff;text-shadow:0 -1px 0 #39d;padding:4px 10px 5px;font-size:11px;margin:0 5px 0 0;font-weight:bold;}#signin_submit::-moz-focus-inner {padding:0;border:0;}#signin_submit:hover, #signin_submit:focus {background-position:0 -5px;cursor:pointer;}
/*************** LABEL POPUP ***************/
/*************** MODAL ***************/
.modal-overlay{position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#c0c0c0; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101;}.modal-window{position:fixed; top:50%;	left:50%; margin:0; padding:0; z-index:102; width:800px; background:#FFFFFF; border:5px solid #999999; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius: 2px;}.close-window{position:absolute; width:32px; height:32px; right:8px; top:8px; background:transparent url(../img/close-button.png) no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50);	-moz-opacity: 0.5;}.close-window:hover{ opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;}
/*************** MODAL ***************/
/*************** AUTOCOMPLETE ***************/
.autocomplete-w1 {background:url(../img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete {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 .selected {background:#F0F0F0;}
.autocomplete div {padding:2px 5px; white-space:nowrap; overflow:hidden; border-bottom:1px solid #f2f2f2; height:25px; line-height:2em; font-weight:bold }
.autocomplete strong {font-weight:normal; color:#000;}
/*************** AUTOCOMPLETE ***************/
/*************** PREVIEW ***************/
#previewPopupContainer{position:absolute; left:0;top:0;display:none;z-index: 20000; padding:5px; border:1px solid #999999; background-color:#fff; width:40%; border-radius:2px}
.personPopupPopup{}
#previewPopupContent{background-color: #FFF;  min-width: 175px;  min-height: 50px;}
.previewPopupPopup .personPopupImage{margin: 5px;  margin-right: 15px;}
.previewPopupPopup .corner{width: 19px;  height: 15px;}
.previewPopupPopup .topLeft{background: url(../img/preview/balloon_topLeft.png) no-repeat;}
.previewPopupPopup .bottomLeft{background: url(../img/preview/balloon_bottomLeft.png) no-repeat;}
.previewPopupPopup .left{background: url(../img/preview/balloon_left.png) repeat-y;}
.previewPopupPopup .right{background: url(../img/preview/balloon_right.png) repeat-y;}
.previewPopupPopup .topRight{background: url(../img/preview/balloon_topRight.png) no-repeat;}
.previewPopupPopup .bottomRight{background: url(../img/preview/balloon_bottomRight.png) no-repeat;}
.previewPopupPopup .top{background: url(../img/preview/balloon_top.png) repeat-x;}
.previewPopupPopup .bottom{background: url(../img/preview/balloon_bottom.png) repeat-x;text-align: center;}  
/*************** PREVIEW ***************/
/**************PAGINATION**************/
div.pagination {padding: 2px 0 2px 0;margin: 2px 0 5px 2px; float:right}
div.pagination a {padding: 2px 5px 2px 5px;	margin: 2px;border: 1px solid #AAAADD;text-decoration: none; /* no underline */	color: #000099; border-radius:2px}
div.pagination a:hover, div.pagination a:active {border: 1px solid #c0c0c0;	color: #000; background-color:#f7f7f7}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border:1px solid #488af3;font-weight: bold;background-color: #488af3;color: #FFF; border-radius:2px}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border:1px solid #EEE;color:#DDD;}
/**************PAGINATION**************/
.section{margin-bottom:30px; background-color:#f7f7f7; padding:10px; border-bottom:5px solid #999999;border-right:2px solid #999999; border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0}
.section h3{ margin:0; padding:0; border-bottom:1px dotted #999999; text-shadow:#FFF 1px 0px;}
.sectiontable td{border-bottom:1px dotted #CCCCCC; padding:2px}
/* Date Picker*/
table.jCalendar {    border: 1px solid #000;    background: #aaa;    border-collapse: separate;    border-spacing: 2px;}
table.jCalendar th {    background: #333;    color: #fff;    font-weight: bold;    padding: 3px 5px;}
table.jCalendar td {    background: #ccc;    color: #000;    padding: 3px 5px;    text-align: center;}
table.jCalendar td.other-month {    background: #ddd;    color: #aaa;}
table.jCalendar td.today {    background: #666;    color: #fff;}
table.jCalendar td.selected {    background: #f66;    color: #fff;}
table.jCalendar td.selected.dp-hover {    background: #f33;    color: #fff;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #fff; color: #000;}
table.jCalendar tr.selectedWeek td {    background: #f66;
                                        color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {position: relative;background: #ccc;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;}
a#dp-close {font-size: 11px; padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none; padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}
a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(../img/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
*/
input.dp-applied {width: 140px;float: left;}
.footer{border-top:1px solid #c0c0c0; padding: 10px; margin-top: 20px; text-align: right; }
#psDropDown{display:none; border:1px solid #c0c0c0; padding: 5px; width: 240px; position: relative; z-index: 9999; position: absolute; left: 0; top: 32px; background-color: #fff}
#psDropDown ul{margin:0; padding: 0; list-style: none;}
#psDropDown li a{text-decoration: none; cursor: pointer; display: block}
#psDropDown li a:hover{ background-color: blue; color: #fff; display: block}
.packages{float:left; border:1px solid #A9E843; background-color:#EFFFD6; min-height: 580px; padding: 10px;  margin:0 5px 5px 0; width:400px}
.descriptions{float:left; border:1px solid #A9E843; background-color:#EFFFD6; min-height: 260px; padding: 10px;  margin:0 5px 5px 0; width:330px}
#similar-proposals{float:left; margin-left: 15px}
.process-table td{background-color:#FFF5D4;  border-bottom:5px solid #fff; padding:10px; }
.machine-stations-list{margin-bottom:10px; background-color: #f7f7f7; padding:10px;}
.machine-stations-list label{font-weight: bold;}
.machine-stations-list > div{margin-left:20px}
.machine-stations-list input[type="text"]{width:50px; height: 20px}
.machine-stations{background-color:#FFF5D4;float:left; margin-left: 10px;}
.station-container{border-bottom: 5px solid #fff; padding: 10px}
.station-details-table table {margin: 0; padding: 0;}
.station-details-table table th{font-weight: normal}
.station-details-table table td {margin: 0; padding: 0}
.station-details-table table td {text-align: center; margin: 0;padding: 0}
.station-details-table table td:last-child{text-align: left}
.station-names label{display: block}
.property-container{border-top: 1px dotted #c0c0c0; margin-bottom: 5px; padding-top: 5px}
.property-container input, textarea{margin: 0 5px 5px 0}
.dropdown{position: relative;}
.dropdown:active .follow-up-content{display: block}
.dropdown-button{padding: 5px 15px 4px 6px; height: 18px; text-shadow: 0 1px 0 #fff;
                 background: url(../img/toggle_down_light.png) no-repeat right #f3f3f3;
                 display: inline-block;
                 border-radius: 2px;
                 -webkit-transition: border-color 0.5s linear;
                 border:1px solid #D9D9D9;}
.dropdown-menu{z-index: 999;
               padding: 10px;
               position: absolute;
               top:28px; left: 0; 
               width:150px; height:auto; 
               border: 1px solid #c0c0c0; 
               background-color: #fff;
               -moz-box-shadow: 0 2px 4px #c0c0c0;
               -webkit-box-shadow: 0 2px 4px #c0c0c0;
}
.dropdown-menu form{margin: 0; padding: 0;}
.dropdown-menu ul{list-style: none; text-align: left; margin: 0; padding: 0}
.dropdown-menu ul li{padding: 10px 0 10px 25px; margin: 0; display: block}
.dropdown-menu ul li.check{background: url(../img/checkmark.png) no-repeat left 8px}
.dropdown-menu ul li:last-child{border-bottom:none}
.dropdown-menu ul li:hover{background-color: #f7f7f7}
.dropdown-menu ul li a{ font-weight: normal}
.dropdown-menu ul li a:hover{background-color: #f7f7f7; display: block; font-weight: normal}
.dropdown-menu input{margin:0; padding: 0}
.dropdown-menu button{margin-left: 10px;}
.dropdown-menu p{margin:10px 0 0 10px; font-weight: bold;}
.dropdown-menu form li{margin-top: 3px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px}
#bydate{display: none}
#proposal-preview h3{margin:10px 0 0 0; padding: 0}
#proposal-preview span{display: block}
.additional-tooling{display: none;}
.additional-tooling{padding:10px; background-color:#FFED9E;}
.additional-tooling span{ font-weight: bold}
.additional-tooling label{display: block}
#proposal-total-warn{padding:10px; 
                     border:1px solid #F7D61B;
                     position: fixed; 
                     right: 50px;
                     bottom: 50px; 
                     background-color:#FFF3AD; 
                     float: right; 
                     min-width: 100px; 
                     margin-left: 5px;
                     margin-top: 5px;
                     font:bold 16px arial
}
#optional-stations{display: none; float:left; padding:5px; background-color:#FFFCE6}
#optional-stations h4{margin: 0; padding: 0; border-bottom: 1px solid #B0B0B0}
#optional-stations-content ul{ margin: 0; padding: 5px; list-style: none;}
#optional-stations-content ul li{padding: 5px 0 5px 0; border-bottom: 1px dotted #B0B0B0}
#optional-stations-content ul li:last-child{ border:none; padding: 5px 0 0 0}
.roles-group div{float: left; border: 1px solid #c0c0c0; padding: 0 5px; margin-right: 5px;}
.widget{border: 1px solid #DDDDDD;
        margin-top: 20px;}
.widget-title {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background: linear-gradient(to bottom, #f7f7f7 0%,#eeeeee 100%);
}
.widget-title h5{margin:0px;}
.table.no-margin{margin:0px}
#payment-type-container{font-size: 12px; padding:5px;border: 1px solid activeborder; background-color:#D9F4FF }
.payment-rows{margin-bottom: 5px;}
#timeclock{width:360px;}
#timeclock h3{margin: 0; padding: 0; font: normal 28px arial}
#timeclock h4{margin: 0 0 10px 0; padding: 0; font: normal 18px arial; color: #575757}
#timeclock input{border-top:none; border-left:none; border-right: none; border-bottom: 1px solid #c0c0c0; padding: 5px; width: 25px}
#timeclock .time-row{ margin-bottom: 20px}
#timeclock .start{width: 140px; margin-right: 10px; float: left; height: 60px; position: relative;background-color:#8fdb23}
#timeclock .start button{background-color: #8fdb23; border: none;  padding: 10px; width: 100%; height: 100%}
div.start div.edit-time{display: none}
div.end div.edit-time{display: none}
#timeclock .start button:hover{background-color: #98eb21; border: none}
#timeclock .start button:active{background-color: #79c03f; border: none}
#timeclock .start span:first-child{display: block; font: bold 16px arial}
#timeclock .start span:last-child{color:#464646; font: normal 16px arial}
#timeclock .end{width: 140px; margin-right: 10px; float: left; height: 60px; position: relative;background-color: #f0a529}
#timeclock .end button{background-color: #f0a529; border: none;  padding: 10px; width: 100%; height: 100%}
#timeclock .end button:hover{background-color: #feb235; border: none}
#timeclock .end button:active{background-color: #cb8717; border: none}
#timeclock .end span:first-child{display: block; font: bold 16px arial}
#timeclock .end span:last-child{color:#464646; font: normal 16px arial}
#timeclock .total{width: 60px; float: right; background-color: #dbdbdb; height: 60px; display: table-cell; vertical-align: middle}
#timeclock .total span{display: block; font: normal 18px arial; margin: 0; padding: 0; line-height: 3.2em; text-align: center}
#timeclock .reason{width: 288px; background-color: #ebebeb; border: 1px solid #767676; margin-top: 10px}
#timeclock .reason textarea{ border: none; margin: 0;  width: 270px; background-color: #ebebeb; font: normal 12px arial}
#timeclock .add-break{width: 140px; height: 22px; border: none; margin:0; padding: 0;background-color: #8fdb23; margin-top: 10px }
#timeclock div.edit-time{opacity: .75; padding:2px 10px; background-color: #fff; position: absolute; top: 0; left: 0}
#timeclock div.edit-time a{font: normal 11px arial; margin: 0; padding: 0}
#timeclock span.passive-button{text-align: center; margin-top: 10px; color: #616161 }
/* Opportunities */
.opportunity-container{border-bottom:1px solid #bebebe; margin-top: 5px; padding-top: 5px}
.single-line{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#manual-date-pick{margin-top: 20px; display: none}
#activity-details{display: none}
.new-note-button{cursor: pointer}
.note-zoom{cursor:pointer; position: relative}
.last-note-panel{
    display: none;
    max-width: 300px;
    min-width: 300px;
    min-height: 50px;
    border: 1px solid #cccccc;
    padding: 10px;
    z-index: 9999;
    position: absolute;
    top:-60px;
    left:-320px;
    background-color: #f7f7f7;
    font: normal 12px arial;
    color:#000;
    border-radius: 2px;
    text-shadow: none;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow:0 0 5px #888;
    box-shadow: 0 0 5px #888;
    word-wrap: normal;
}
.action-note{
    display: none;
    max-width: 300px;
    min-width: 300px;
    min-height: 50px;
    border: 1px solid #cccccc;
    padding: 10px;
    z-index: 9999;
    position: absolute;
    top:-60px;
    left:-320px;
    background-color: #f7f7f7;
    font: normal 12px arial;
    color:#000;
    border-radius: 2px;
    text-shadow: none;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow:0 0 5px #888;
    box-shadow: 0 0 5px #888;
    word-wrap: normal;
}
#global-search{
    background-image: url('../img/magnifiying_glass.png');
    background-position: right -10px;
    background-repeat: no-repeat;
    padding-right: 45px;
    width: 190px
}
#chart_div{width: 400px; height:210px;}
#chart_div > div > div{border: 5px solid #fff; background-color: #f7f7f7; }
.activity_type{
    display: block;
    height: 15px;
    margin:0px;
    font-size:0.7em;
    color:#2a2a2a;
    padding:0px 0px 0px 5px;
}
.activity-details{position: relative;cursor: default}
.details-tirgger{cursor: default}
.activity-dropdown{background-color: #b7b7b7; border: 1px solid #545454; border-radius: 3px; position: absolute; width: 100%; z-index: 9999; top:15px; display: none; padding: 5px; box-shadow:2px 2px 2px #8b8b8b}
.activity-dropdown h6{margin: 0; padding: 0; color: #fff; text-shadow: 0 1px #000; border-bottom: 1px solid #d1cfcf}
.activity-dropdown span{font-weight: bold}
.activity-dropdown .activity-footer{border-top: 1px solid #d1cfcf; font-size: 11px; color: #616161 }
.activity-dropdown p{border-top: 1px solid #a9a9a9}
table#latest-activities{font-size: 12px; margin: 0; padding: 0}
table#latest-activities tr{background-color: #e5e5e5;border-bottom: 10px solid #f7f7f7}
table#latest-activities tr td{ margin: 0; padding: 0 5px 0 5px;}
table#latest-activities tr td:first-child{text-align: center; vertical-align: middle;}
table#latest-activities tr td > span{display: block; font-weight: bold}
table#latest-activities tr td:nth-child(4) > span{cursor: pointer}
table#latest-activities tr td.meeting{background-color: #d2ffd2;}
table#latest-activities tr td.call{background-color: #ffd4c3;}
table#latest-activities tr td.note{background-color: #c3e5ff;}
table#latest-activities tr td.price{background-color: #70d045;}
#latest-activities td > table{margin: 0; padding: 0}
.datetime-status-bar{background: #f7f7f7 no-repeat; color: #606060; border-bottom: 1px solid #acacac; padding: 2px 2px 2px 15px; font-weight: bold;  font-size: 11px}
.section-header{ display:block; border-bottom: 1px solid #acacac; height: 50px; margin-bottom: 20px;}
.section-header h1{float: left; vertical-align: bottom; font-size: 28px; margin: 0; padding: 0}
.section-options{display:block; vertical-align: bottom; float: right; height: 100px} 
#progress p {
    display: block; width: 100px;padding: 2px 5px; margin: 2px 0; border: 1px inset #446; border-radius: 3px;
}
#progress p.success{background: #0c0 none 0 0 no-repeat}
#progress p.failed{background: #c00 none 0 0 no-repeat}
.contact-box{background-color: #308e30; padding: 5px;margin-bottom: 3px; color: #fff; width: 280px}
.contact-box:hover{background-color: #349e34}
.contact-box a{color: #fff; text-decoration: none}
.contact-box a:hover{color: #fff; text-decoration: underline}
.contact-box h5{margin: 0; padding: 0;}
.contact-details-separator{margin-top: 40px;margin-left: 20px; margin-right: 20px; width: 1px; height: 600px; background-color: #a7a7a7; float: left}
.addresses{display: block; width: 320px}
.address-box{background-color: #656565; margin-bottom: 3px; padding: 5px; color: #fff; height: auto; display:inline-block;width: 300px;}
.address-box:hover{background-color: #767676}
.address-box address{float: left; margin: 0}
.address-box .address-contact-numbers{float: right}
.lead-status{padding:0; margin:0; height: 25px; width: 130px}
.draganddrophandler{color:#666; text-align:center;vertical-align:middle; padding:5px; margin-bottom:10px;font-size:100%;}
.dragenter{background-color: white; opacity: .1;filter:alpha(opacity=10); display:block; width: 100%; height: 100%; position: absolute }
.progressBar {width: 200px;  height: 22px; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; display:inline-block; margin:0px 10px 5px 5px;    vertical-align:top;}
.progressBar div {height: 100%; color: #fff; text-align: right; padding-right: 5px; line-height: 22px; /* same as #progressBar height if we want text middle aligned */    width: 0;    background-color: #0ba1b5; border-radius: 3px; }
.statusbar{border-top:1px solid #A9CCD1; padding:5px;vertical-align:top;}
.statusbar:nth-child(odd){background:#EBEFF0;}
.editBar{display: inline-block}
.editBar input{margin-bottom: 0;}
.filename{display:inline-block;vertical-align:top;width:250px;}
.filesize{display:inline-block;vertical-align:top;color:#30693D;width:100px;margin-left:10px;margin-right:5px;}
.abort{background-color:#A8352F;-moz-border-radius:4px;	-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;cursor:pointer;vertical-align:top}
.docs-thumbnail{width: 200px; height: 200px;  padding: 2px; border: 1px solid #c0c0c0; float: left; margin: 5px;position:relative;overflow: hidden;}
.docs-thumbnail .image{position:absolute;}
.docs-thumbnail .delete{position:absolute; left:5px; top:5px;}
.docs-thumbnail .delete button{opacity:.7;filter:alpha(opacity=70); /* For IE8 and earlier */}
.docs-thumbnail .delete button:hover{opacity:1;filter:alpha(opacity=100);}
.docs-thumbnail .description{height: 50px; background-color: #000; opacity: .8; margin-top: 150px;}
.docs-thumbnail .description p{display: block;  padding:0 5px 0 5px; margin: 0;opacity: 1; color: #fff}
.upload-button{padding: 0 0 1em; display: block; text-align: center; width: 100%; margin: 0 auto 0 auto;}
.file-upload{width: 14em; height: 3em; position: relative; text-align: center; margin: 0 auto 0 auto; border: 1px solid #c0c0c0; border-radius: 3px;}
.file-upload span{width: 14em; position: absolute; top: 0; left: 0; display: inline-block; padding-top: .45em}
.file-upload input{position: absolute; top: 0;left: 0;margin: 0;opacity: 0}
.notification-bar{position: absolute; top: 0; left: 20%; width: 50%; z-index: 9999; text-align: center}
.lead-level {border-radius: 50%; width: 12px; height: 12px; -moz-border-radius: 50px; -webkit-border-radius: 50px; display: inline-block}
.lead-level-hot{background-color: purple;}
.lead-level-medium{background-color: purple; height: 7px;border-radius: 50% / 100%;
                   border-top-left-radius: 0;
                   border-top-right-radius: 0;
}
.lead-level-cold{background-color: none; border: 1px solid purple; width: 10px; height: 10px;}
.pricing-information th{background-color: #ededed}
.pricing-information th:nth-child(5){border-left: 5px solid #c0c0c0}
.pricing-information th:nth-child(8){border-left: 5px solid #c0c0c0}
.pricing-information th:nth-child(11){border-left: 5px solid #c0c0c0;}
.pricing-information td:nth-child(5){border-left: 5px solid #c0c0c0;font-weight: bold; background-color: #b5dfff}
.pricing-information td:nth-child(2){font-weight: bold; background-color: #c1ffb5}
.pricing-information td:nth-child(2){font-weight: bold}
.pricing-information td:nth-child(8){border-left: 5px solid #c0c0c0;font-weight: bold; background-color: #ffefb5}
.pricing-information td:nth-child(11){border-left: 5px solid #c0c0c0; font-weight: bold}
.pricing-information tfoot td{border-bottom: 3px solid #c0c0c0;}
/*
.pricing-information tfoot td:nth-child(5){border-left: none}
.pricing-information tfoot td:nth-child(8){border-left: none}
.pricing-information tfoot td:nth-child(11){border-left: none}*/
.invoice-payment-terms li{border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 5px}
.invoice-header, .bill-header, .recent-transactions{display: block; width: 980px;margin: 0 auto 0 auto;padding: 10px}
.invoice-header, .bill-header{ box-shadow: 0 0 5px #888888;   border: 1px solid #c0c0c0; position: relative}
.recent-transactions{box-shadow: 0 0 2px #888888; }
.status-paid{background: url('../img/paid.png') -10px -10px no-repeat; width: 115px; height: 115px; margin-top: -10px; margin-left: -10px; float: left}
.order-timeline{height: 100px; width: 950px; display: block;}
.order-timeline.step1{background: url('../img/order-timeline.png') left top no-repeat;    }
.order-timeline.step2{background: url('../img/order-timeline.png') left -100px no-repeat; }
.order-timeline.step3{background: url('../img/order-timeline.png') left -200px no-repeat; }
.order-timeline.step4{background: url('../img/order-timeline.png') left -300px no-repeat; }
.order-timeline.step5{background: url('../img/order-timeline.png') left -400px no-repeat; }
.station_drag{border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;border-right:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px;padding-left:12px; background: url('../img/grab-background.png') left top repeat-y;}
.station_drag:first-child{border-top:none; }
.station_drag h5{margin:0; display:inline; }
.station_drag p{margin:0; }
#stations-container{height:auto; overflow: auto; position: static; }
#stations-container ul{margin: 0; padding: 0; list-style: none; display: block; }
#reminder .ui-selecting { background: #FECA40; }
#reminder .ui-selected { background: #89b045; color: white; }
#reminder { list-style-type: none; margin: 0; padding: 0; width: 600px; }
#reminder li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 1em; text-align: center; }