/* --------------
RESET
* -------------*/
html{color:#000; height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IEinput
*/textarea,select{*font-size:100%;}
/*because legend doesnít inherit in IE */
legend{color:#000;}
a {outline: 0;}
/* --------------
HELLO
* -------------*/
/* --------------
BASIC
* -------------*/
body {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    height: 100%;
    background: #ededed; 
}

a {
    color: black;
    text-decoration: none;
}©
input {
    outline: 0;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
em strong {
    font-style: italic;
}©
dl dt, dl dd { line-height: 1.5em; }
.clear {
    clear: both;
}
.wsnp {
  white-space: nowrap;
}
.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}
.inline {
    display: inline;
}
.upper {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
.small {
    font-size: 11px;
}
.s_1 {
    width: 1px;
    height: 27px;
    background: url("/img/theme/spacer.jpg") no-repeat center top; 
    padding: 0 10px;
}
.s_2 {
    width: 1px;
    height: 27px;
    padding: 0 3px;
}
.s_3  {
    width: 7px;
    height: 34px;
    float: left;
}   
#wrapper {
    min-width: 960px;
    min-height: 100%;
    height: auto;
}
hr {
    height: 1px;
    background: #e5e4e4;
    border: 0;
    margin: 20px 0;
}
p {
/*  padding: 0 0 8px 0;*/
    margin: 0 0 6px;
    line-height: 20px;
}
.box-content .ui-resizable-handle {
    bottom: 17px;
    right: 9px;
}
.hide {
    display: none;
}
.ui-widget {
    font-size: 1em;
}
/* --------------
BUTTONS 
* -------------*/
.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 8px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
    -moz-box-shadow: 0 1px 2px #777777;
    -webkit-box-shadow: 0 1px 2px #777777;
    box-shadow: 0 1px 2px #777777;
    cursor: pointer;
}
.display .button {
    padding: 1px 1px;
}
.display .button.text {
    padding: 1px 4px;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}
.button.disabled {
    cursor: default;
}
.big {
    font-size: 15px;
    padding: 6px 15px;
}   
.white, .white.disabled:hover {
    background: #dfdfdf url("/img/theme/back_white.jpg") repeat-x left top;
    border: 1px solid white;
}
.white:hover {
    background: white url("/img/theme/back_white_hover.jpg") repeat-x left top;
}
.red, .red.disabled:hover{
    background: #940101 url("/img/theme/back_red.jpg") repeat-x left top !important;
    color: white !important;
    border: 1px solid #eb0000 !important;
}
.red:hover {
    background: #cb0000 url("/img/theme/back_red_hover.jpg") repeat-x left top !important;
}
.black, .black.disabled:hover{
    background: #141213 url("/img/theme/back_black.jpg") repeat-x left top !important;
    color: white !important;
    border: 1px solid black !important;
}
.black:hover {
    background: #292728 url("/img/theme/back_black_hover.jpg") repeat-x left top !important;
}
.themed, .themed.disabled:hover{
    background: #0669af url("/img/theme/back_blue.jpg") repeat-x left top !important;
    color: white !important;
    border: 1px solid #2a9fee !important;
}
.themed:hover {
    background: #248bd0 url("/img/theme/back_blue_hover.jpg") repeat-x left top !important;
}
.green {
  background: #51811B url("/img/theme/back_green.jpg") repeat-x left top;
  color: white !important;
  border: 1px solid #51811B;
  border-top: 1px solid #a6e33b;
  text-transform: uppercase;
  padding: 10px 40px;
  text-decoration: none;
}
.green strong {
  color: white !important;
}
.grey{
    background: #bababa url("/img/theme/back_grey.jpg") repeat-x left top !important;
    color: black !important;
    border: 1px solid #e3e3e3 !important;
}
.grey:hover {
    background: #e3e3e3 url("/img/theme/back_grey_hover.jpg") repeat-x left top !important;
}
.icon_single {
    width: 16px;
    height: 16px;
    display: block;
}
.icon_text {
    width: 16px;
    height: 16px;
    float:left;
    margin-right: 5px;
}
.icon_text.icon_table {
  height: 20px;
  margin: -2px 5px -2px 0;
}
/* --------------
CHECKBOX AND RADIO 
* -------------*/ 
.radiocheck label {
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    color: black;
}
.radiocheck .ui-state-hover{
    border: 1px solid #d3d3d3;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
}
.radiocheck .ui-state-active{
-moz-box-shadow:0 2px 3px black inset;
border: 1px solid black;
color: white;
}
.radiocheck .ui-corner-left {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}
.radiocheck .ui-corner-right {
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.radiocheck legend
{
  border-bottom:none;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color: #373737;
  height: 20px;
  line-height: 20px;
}
div.radio, div.check {
    margin: 0 5px 0 3px;
    font-size: 12px;
}
/* --------------
ICONS 
* -------------*/ 
.logout {
    background: url("/img/theme/logout.png") no-repeat center center;
}
.mail {
    background: url("/img/theme/mail.png") no-repeat center center;
}
.user {
    background: url("/img/theme/admin.png") no-repeat center center;
}
#navbar .dashboard {
    background: url("/img/theme/home.png") no-repeat center center;
}
#navbar .manage {
    background: url("/img/theme/content.png") no-repeat center center;
}
#navbar .quotes{
    background: url("/img/theme/pages.png") no-repeat center center;
}
#navbar .people {
    background: url("/img/theme/people.png") no-repeat center center;
}

#navbar .inquiries{
    background: url("/img/theme/inquiries.png") no-repeat center center;
}
#navbar .stats {
    background: url("/img/theme/stats.png") no-repeat center center;
}
#navbar .settings {
    background: url("/img/theme/settings.png") no-repeat center center;
}
#navbar .accounts {
    background: url("/img/theme/accounts.png") no-repeat center center;
}
#navbar .statements{
  background: url("/img/theme/statements_black.png") no-repeat center center;
}
#navbar ul .active .statements{
  background: url("/img/theme/statements_white.png") no-repeat center center;
}
#navbar .resellers{
  background: url("/img/theme/resellers_black.png") no-repeat center center;
}
#navbar ul .active .resellers{
  background: url("/img/theme/resellers_white.png") no-repeat center center;
}
#navbar .currencies{
  background: url("/img/theme/currencies_white.png") no-repeat center center;
}
#navbar ul .active .currencies{
  background: url("/img/theme/currencies_white.png") no-repeat center center;
}
#navbar .payment_gateways{
  background: url("/img/theme/payment_gateways_black.png") no-repeat center center;
}
#navbar ul .active .payment_gateways{
  background: url("/img/theme/payment_gateways_white.png") no-repeat center center;
}
#navbar .web_hooks{
  background: url("/img/theme/web_hooks.png") no-repeat center center;
}
#navbar ul .active .web_hooks{
  background: url("/img/theme/web_hooks_white.png") no-repeat center center;
}
#navbar ul .active .general{ 
    background: url("/img/theme/general_white.png") no-repeat center center;
}
#navbar .contactform{ 
    background: url("/img/theme/contactform.png") no-repeat center center;
}
#navbar ul .active .contactform{
    background: url("/img/theme/contactform_white.png") no-repeat center center;
}
#navbar .quoteform{ 
    background: url("/img/theme/forms.png") no-repeat center center;
}
#navbar .allquote{ 
    background: url("/img/theme/contactform.png") no-repeat center center;
}
#navbar ul .active .allquote{ 
    background: url("/img/theme/contactform_white.png") no-repeat center center;
}
#navbar .wizardquote{ 
    background: url("/img/theme/magic_wand_2_icon.png") no-repeat center center;
}
#navbar ul .active .wizardquote{ 
    background: url("/img/theme/magic_wand_2_icon_white.png") no-repeat center center;
}
#navbar ul .active .quoteform{
    background: url("/img/theme/forms_white.png") no-repeat center center;
}
#navbar .item{ 
    background: url("/img/theme/items.png") no-repeat center center;
}
#navbar ul .active .item{
    background: url("/img/theme/items_white.png") no-repeat center center;
}

#navbar .allcustomer{ 
    background: url("/img/theme/discounts.png") no-repeat center center;
}
#navbar ul .active .allcustomer{
    background: url("/img/theme/discounts_white.png") no-repeat center center;
}
#navbar .discount{ 
    background: url("/img/theme/discounts.png") no-repeat center center;
}
#navbar ul .active .discount{
    background: url("/img/theme/discounts_white.png") no-repeat center center;
}
#navbar .generalsettings{ 
    background: url("/img/theme/generalsettings.png") no-repeat center center;
}
#navbar ul .active .generalsettings{
    background: url("/img/theme/generalsettings_white.png") no-repeat center center;
}
#navbar .shipping{ 
    background: url("/img/theme/shipping.png") no-repeat center center;
}
#navbar ul .active .shipping{
    background: url("/img/theme/shipping_white.png") no-repeat center center;
}
#navbar .tax{ 
    background: url("/img/theme/tax.png") no-repeat center center;
}
#navbar ul .active .tax{
    background: url("/img/theme/tax_white.png") no-repeat center center;
}
#navbar .billrun{ 
    background: url("/img/theme/billrun.png") no-repeat center center;
}
#navbar ul .active .billrun{
    background: url("/img/theme/billrun_white.png") no-repeat center center;
}
#navbar .users{ 
    background: url("/img/theme/users.png") no-repeat center center;
}
#navbar ul .active .users{
    background: url("/img/theme/users_white.png") no-repeat center center;
}
#navbar .content_snippets{ 
    background: url("/img/theme/content_snippets.png") no-repeat center center;
}
#navbar ul .active .content_snippets{
    background: url("/img/theme/content_snippets_white.png") no-repeat center center;
}
#navbar .form_fields{ 
    background: url("/img/theme/form_fields.png") no-repeat center center;
}
#navbar ul .active .form_fields{
    background: url("/img/theme/form_fields_white.png") no-repeat center center;
}
#navbar .general{ 
    background: url("/img/theme/settings_black.png") no-repeat center center;
}
#navbar ul .active .general{
    background: url("/img/theme/settings_white.png") no-repeat center center;
}
.accept {
    background: url("/img/theme/accept.png") no-repeat center center;
}
.alert {
    background: url("/img/theme/Alert.png") no-repeat center center;
}
.lock {
    background: url("/img/theme/Lock.png") no-repeat center center;
}
.agreement {
    background: url("/img/theme/Briefcase.png") no-repeat center center;
}
.accounting {
    background: url("/img/theme/Accounting.png") no-repeat center center;
}
.calculator {
	background: url("/img/theme/Calculator.png") no-repeat center center;
}
.provision {
	background: url("/img/theme/Phone.png") no-repeat center center;
}
.cancel {
    background: url("/img/theme/cancel.png") no-repeat center center;
}
.table {
    background: url("/img/theme/Table.png") no-repeat center center;
}
.briefcase {
	background: url("/img/theme/Briefcase.png") no-repeat center center;
}
.addnote {
	background: url("/img/theme/Notes.png") no-repeat center center;
}
.component {
	background: url("/img/theme/Component.png") no-repeat center center;
}
.resendmessage {
	background: url("/img/theme/Message.png") no-repeat center center;
}
.create {
    background: url("/img/theme/Create.png") no-repeat center center;
}
.phone {
    background: url("/img/theme/Phone number.png") no-repeat center center;
}
.disaster {
	background: url("/img/theme/Disaster.png") no-repeat center center;
}
.address {
    background: url("/img/theme/Address book.png") no-repeat center center;
}
.delete {
    background: url("/img/theme/No.png") no-repeat center center;
}
.resend {
    background: url("/img/theme/E-mail.png") no-repeat center center;
}
.previous {
    background: url("/img/theme/Previous.png") no-repeat center center;
}
.calendar {
    background: url("/img/theme/Calendar.png") no-repeat center center;
}
.key {
    background: url("/img/theme/Key.png") no-repeat center center;
}
.cart {
    background: url("/img/theme/Shopping cart.png") no-repeat center center;
}
.equipment {
    background: url("/img/theme/Equipment.png") no-repeat center center;
}
.report {
    background: url("/img/theme/Report.png") no-repeat center center;
}
.information {
    background: url("../img/theme/Wrench.png") no-repeat center center;
}
.addnew{
    background: url("/img/theme/addnew.png") no-repeat center center;
}
.lightning{
    background: url("/img/theme/Lightning.png") no-repeat center center;
}
.danger{
    background: url("/img/theme/Danger.png") no-repeat center center;
}
.radiation{
    background: url("/img/theme/Radiation.png") no-repeat center center;
}
.noentry{
	background: url("/img/theme/No-entry.png") no-repeat center center;
}
.reviewwizard{
	background: url("/img/theme/Application.png") no-repeat center center;
}
.lockedQuote{
	background: url("/img/theme/Lock.png") no-repeat center center;
}
.billRun{
	background: url("/img/theme/Liner.png") no-repeat center center;
}
.openQuote{
	background: url("/img/theme/OK.png") no-repeat center center;
}
.addnewwizard{
    background: url("/img/theme/magicwand.png") no-repeat center center;
}
.status{
    background: url("/img/theme/status.png") no-repeat center center;
}
.back{
    background: url("/img/theme/back.png") no-repeat center center;
}
.edit{
    background: url("/img/theme/edit.png") no-repeat center center;
}
.save{
    background: url("/img/theme/save.png") no-repeat center center;
}
.search {
    background: url("/img/theme/Search.png") no-repeat center center;
}
.lookup {
    background: url("/img/theme/Compass.png") no-repeat center center;
}
.find {
    background: url("/img/theme/Find.png") no-repeat center center;
}
.avi {
    background:url("/img/theme/avi.png") repeat-x left top;
}
.bmp {
    background:url("/img/theme/bmp.png") repeat-x left top;
}
.css {
    background:url("/img/theme/css.png") repeat-x left top;
}
.doc {
    background:url("/img/theme/doc.png") repeat-x left top;
}
.gif {
    background:url("/img/theme/gif.png") repeat-x left top;
}
.htm {
    background:url("/img/theme/htm.png") repeat-x left top;
}
.js {
    background:url("/img/theme/js.png") repeat-x left top;
}
.jpg {
    background:url("/img/theme/jpg.png") repeat-x left top;
}
.pdf {
    width: 18px;
    background:url("/img/theme/pdf.png") repeat-x left top;
}
.php {
    background:url("/img/theme/php.png") repeat-x left top;
}
.png {
    background:url("/img/theme/png.png") repeat-x left top;
}
.ppt {
    background:url("/img/theme/ppt.png") repeat-x left top;
}
.rar {
    background:url("/img/theme/rar.png") repeat-x left top;
}
.txt {
    background:url("/img/theme/txt.png") repeat-x left top;
}
.video {
    background:url("/img/theme/video.png") repeat-x left top;
}
.xls {
    background:url("/img/theme/xls.png") repeat-x left top;
}
.xml {
    background:url("/img/theme/xml.png") repeat-x left top;
}
.zip {
    background:url("/img/theme/zip.png") repeat-x left top;
}
.extend {
    background:url("/img/theme/table_collapse.png") repeat-x left top;
}
/* --------------
BOX AUP
* -------------*/
#wrapper.aup {
    background: url(/img/login-bg.png) no-repeat center -200px;
}
#content-aup {
    margin: 0 auto;
    padding: 125px 20px 110px 20px;
    width: 528px;
    position:  relative;
}
.header-aup {
    height: 35px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 35px;
    padding: 0 0 0 10px;
    margin:0;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
    -moz-box-shadow: 0 0 2px #dddddd;
    -webkit-box-shadow: 0 0 2px #dddddd;
    box-shadow: 0 0 2px #dddddd;
    background: #ececec url("/img/theme/back_h2_box_blue.jpg") repeat-x left top;
    color: white;
    border: 1px solid #0669af;
    text-shadow: 0 1px 0 #014b80;
    position:  relative;
    z-index: 2;
}
#box-aup {
    width: 506px;
    background: white;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-box-shadow: 0 3px 5px #CACACA;
    -webkit-box-shadow: 0 3px 5px #CACACA;
    box-shadow: 0 3px 5px #CACACA;
    padding: 0px 10px 0 10px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    background: white;
    position:  relative;
    z-index: 2;
}
/* --------------
BOX LOGIN
* -------------*/ 
#wrapper.login {
    background: url(/img/login-bg.png) no-repeat center -200px;
}
#content-login {
    margin: 0 auto;
    padding: 125px 20px 110px 20px;
    width: 342px;
    position:  relative;
}
.header-login {
    height: 35px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 35px;
    padding: 0 0 0 10px;
    margin:0;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
    -moz-box-shadow: 0 0 2px #dddddd;
    -webkit-box-shadow: 0 0 2px #dddddd;
    box-shadow: 0 0 2px #dddddd;
    background: #ececec url("/img/theme/back_h2_box_blue.jpg") repeat-x left top;
    color: white;
    border: 1px solid #0669af;
    text-shadow: 0 1px 0 #014b80;
    position:  relative;
    z-index: 2;
}
#box-login {
    width: 320px;
    background: white;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-box-shadow: 0 3px 5px #CACACA;
    -webkit-box-shadow: 0 3px 5px #CACACA;
    box-shadow: 0 3px 5px #CACACA;
    padding: 0px 10px 0 10px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    background: white;
    position:  relative;
    z-index: 2;
}
#box-login #account_logo {
    text-align: center;
    min-height: 17px;
    width: 100%;
}
#box-login #account_logo img {
    width: 200px;
    padding: 10px 0;
}
#username, #password, #new_password, #confirm_new_password {
    height: 24px;
    font-size: 20px;
    padding: 5px;
    width: 96%;
    border:1px solid #cccccc;
    background: #e5e5e5;
    -moz-border-radius: 5px;
}
#username:focus, #password:focus {
    -moz-box-shadow: 0 2px 2px #d8d8d8;
    -webkit-box-shadow: 0 2px 2px #d8d8d8;
    box-shadow: 0 2px 2px #d8d8d8;
}
.req {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0 0 2px 0;
    color: #005898;
}
.rem {
    font-size: 12px;
    line-height: 20px;
    color: #005898;
    width: 200px;
}

#box-login p {
    margin: 0;
    padding: 0 0 18px 0;
}
#content-login  .kulmacet_logo {
    margin-top: 40px;
    width:  196px;
    height: 167px;
    position: absolute;
    z-index: -1;
    top:  155px;
    left:  -140px;
    background:url("/img/kulmacet_login.png") no-repeat center top;
}   
#content-login .message {
    margin-top: 30px;
}

#content-login label {
    text-transform: uppercase;
}

.forgot {
    text-decoration: underline;
    padding: 0 0 0 10px;
    margin-top: 104px;
}
/* --------------
TOPBAR
* -------------*/
#topbar {
    height: 26px;
    background: url("/img/theme/back_topbar.jpg") repeat-x left top; 
    padding: 6px 15px;
    border-bottom: 1px solid #555555;
}
.loggedin #topbar {
    border-bottom: 1px solid black;
}
#topbar li {
    float: left;
}
.cust_name, .logo {
    font-size: 15px;
    line-height: 25px;
}
#topbar .logo {
    background: url("/img/ccu-topbar.png") no-repeat left top;
    width: 40px;
    height:  25px;
}
#topbar .newcodev {
    background: url("/img/newcodev-topbar.png") no-repeat left top;
    width: 50px;
    height:  28px;
}
#topbar .newco {
    background: url("/img/newco-topbar.png") no-repeat left top;
    width: 50px;
    height:  28px;
}
#logged {
    line-height: 26px;
    padding-right: 10px;
}
/* --------------
NAVIGATION
* -------------*/
#navbar{
    height: 48px;
    background: url("/img/theme/back_navbar.jpg") repeat-x left top; 
    border-bottom: 1px solid #a2daff;
    padding: 0 0 0 10px;
}

#navbar a {
    display: block;
    padding: 0 10px;
    color: white;
}
#navbar li {
    float: left;
    margin: 8px 3px 0;
    text-transform: capitalize;
    font-size: 13px;
    color: white;
    line-height: 33px;
    text-shadow: 0 1px 0 #001727;
}
#navbar li span {
    padding: 14px 0 0 0;
}
#navbar li:hover {
    background: url("/img/theme/back_nav_hover.jpg") repeat-x left center;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:inset 0 2px 3px black;
}
#navbar li.active {
    background: url("/img/theme/back_navbar_active.jpg") repeat-x;
    line-height: 50px;
    margin: 0;
    -moz-box-shadow:inset 0 3px 4px black;
    text-shadow: 0 1px 0 black;
}
#navbar li.active span {
    padding: 30px 0 0 0;
}
#navbar li.active:hover {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}   
/* --------------
SUBNAVIGATION
* -------------*/
#subnavbar {
    height: 50px;
    background: url("/img/theme/back_subnavbar.png") repeat-x;
    padding: 0 0 0 20px;
    margin: 0;
}
#subnavbar.inactive {
    height: 18px;
    background-position: bottom left;
}
#navbar ul {
    position: absolute;
    top: 95px;
    left: 12px;
    display: none;
}
#navbar .active ul {
    display: block;
    min-width: 800px;
}
#navbar ul li {
    float: left;
    margin: 0;
    text-transform: capitalize;
    font-size: 13px;
    color: white;
    line-height: 23px !important;
    text-shadow: 0 1px 0 white;
    margin: 0 10px 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#navbar ul li a {
    display: block;
    color: black;
    font-size: 12px;
}
#navbar ul li a span {
    padding: 8px 0 0 0 !important;
}
#navbar ul .active {
    margin-right: 10px !important;
}
#navbar ul .subbutton{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0 1px 1px black;
}
#navbar ul .active .subbutton{
    background: url("/img/theme/subbutton_active.jpg") repeat-x left top;
    border: 1px solid #2a9fee;
    -moz-box-shadow: inset 0 1px 2px black;
}
#navbar ul .active .subbutton:hover{
    background: url("/img/theme/subbutton_active.jpg") repeat-x left top;
    border: 1px solid #2a9fee;
    -moz-box-shadow: inset 0 1px 2px black;
}
#navbar ul .subbutton:hover{
    background: url("/img/theme/subbutton_hover.jpg") repeat-x left top;
    -moz-box-shadow: inset 0 1px 2px #707070;
}
#navbar ul .active a{
    color: white;
    text-shadow: 0 1px 0 #0669af;
}
/* --------------
CONTENT
* -------------*/
#content {
    padding: 0 20px 110px;
    margin: 10px 0;
}
.box-content .button, .box-content .tag {
    margin: 0 10px 10px 0;
    display: inline-block;
}
.box-content .bullet {
    margin: 0 10px 0 0;
}

/* --------------
COLUMN
* -------------*/
.column.full {
    width: 100%;
}
.column.onethird {
  width: 32%;
  min-width: 295px;
}
.column.twothirds {
  width: 66%;
  min-width: 610px;
}
.column.half {
    width: 49%;
    min-height: 400px;
    min-width: 500px;
}
.column.left {
    margin-right: 2%;
}

.ui-sortable-placeholder {
  border: 2px dashed #BBB !important;
    visibility: visible !important; 
/*  height: 50px !important;*/
    background: #87c7f2 !important;
/*  -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;*/
 }
 .ui-sortable-placeholder * {
 visibility: hidden !important;
 }
 
/*.box .ui-sortable-placeholder {
    height: 30px !important;
    -moz-border-radius: 0px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    background: #ededed !important;
}
 .box .ui-sortable-placeholder * {
 visibility: hidden !important;
 }*/
/* --------------
FOOTER
* -------------*/
#footer {
    background: url("/img/theme/footer.jpg") repeat-x left top;
    padding: 10px 20px;
    height: 27px;
    border-top: 2px solid black;
    margin-top: -49px !important;
}
#footer .copy, #footer .links {
    color: white;
    line-height: 27px;
}
#footer .copy a, #footer .links a {
  color: white;
}
#footer .links a {
  margin-left: 1em;
}
#footer .copy a:hover, #footer .links a:hover {
  text-decoration: underline;
}
/* --------------
SEARCH / SKIN / LANGUAGE
* -------------*/
#search_form {
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 20px;
    top: 87px;
}
#search_input {
    padding: 5px;
    height: 17px;
    width: 220px;
    line-height: 15px;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-bottom: 5px;
    margin: 7px 0 0 0;
    background: url("/img/theme/search_input.png") no-repeat right center white;
}
/* --------------
BOX
* -------------*/
.box, fieldset {
margin: 0px 0 25px 0;
position: relative;
clear: both;
}
.box-header, fieldset legend {
    background: #ececec url("/img/theme/back_h2_box_white.jpg") repeat-x left top;
    height: 35px;
    border: 1px solid #d8d8d8;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 35px;
    padding: 0 0 0 10px;
    margin:0;
    text-transform: capitalize;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
    font-size: 14px;
/*  -moz-box-shadow: 0 0 2px #dddddd;
    -webkit-box-shadow: 0 0 2px #dddddd;
*/  color: #0669af;
}
.box-header-new {
    background: url("/img/theme/header-new.png") no-repeat left top;
    width: 76px;
    height: 37px;
    position: absolute;
    z-index: 4;
    right: 40px;
}   
.themed_box .box-header, fieldset legend {
    background: #ececec url("/img/theme/back_h2_box_blue.jpg") repeat-x left top;
    color: white;
    border: 1px solid #0669af;
    text-shadow: 0 1px 0 #014b80;
}
.black_box .box-header {
    background: #ececec url("/img/theme/back_h2_box_black.jpg") repeat-x left top;
    color: white;
    border: 1px solid #292929;
    text-shadow: 0 1px 0 black;
}
.box-header.closed {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.close {
    width: 27px;
    height: 35px;
    background: url("/img/theme/close.png") no-repeat center center;
    border-left: 1px solid #e5e4e4;
    float: right;
    cursor: n-resize;
}
.more {
    font-size: 80%;
    font-weight: normal;
    margin-left: 1em;
    text-shadow: none;
    line-height: 14px;
}
.themed_box .close {
    background: url("/img/theme/close_blue.png") no-repeat center center;
    border-left: 1px solid #0669af;
}
.black_box .close {
    background: url("/img/theme/close_black.png") no-repeat center center;
    border-left: 1px solid #292929;
}
.box-content, fieldset {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #d8d8d8 !important;
    border-top: 0 !important;
    background: white;
    padding:  10px;
    -moz-box-shadow: 0 2px 2px #dddddd;
    -webkit-box-shadow: 0 2px 2px #dddddd;
    box-shadow: 0 2px 2px #dddddd;
}
.box-col-250 {
    width: 250px;
    margin: 0 0 20px 0;
 }
.icon_table {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 auto;
}
 /* --------------
MESSAGES
* -------------*/
.message {
    display: block;
    padding: 15px 15px 15px 50px;
    line-height: 1.4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0px 20px;
}
.message a {
    text-decoration: underline;
}
.message.closable {
    cursor: pointer;
}
.message.warning {
    background: #fff5cc url("/img/warning.png") no-repeat 7px center;
    border: 3px solid #f2dd8c;
    color: #7b7100;
}
.message.information {
    background: #e8f6ff url("/img/info.png") no-repeat 7px center;
    border: 3px solid #b8e2fb;
    color: #005898;
}
.message.success {
    background: #eaf7d9 url("/img/theme/success.png") no-repeat 7px center;
    border: 3px solid #bbdf8d;
}
.message.success, .message.success a, .message.success a strong {
    color: #336801;
}
.message.error {
    background: #ffd1d1 url("/img/error.png") no-repeat 7px center;
    border: 3px solid #f8acac;
    color: #a20000;
}
.message.welcome {
    background: #eeff88 url("/img/theme/welcome.png") no-repeat 7px center;
    border: 3px solid #c7e22c;
    color: #5b6b00;
}
.message.new-mail {
    background: #feeaf8 url("/img/theme/new_mail.png") no-repeat 7px center;
    border: 3px solid #ffc7ed;
    color: #ea00a0;
}

.message ul {
  list-style-type: disc;
  padding-left: 40px;
}

.message ul li {
  list-style-type: disc;
  margin-bottom: 7px;
}

 /* --------------
TAGS
* -------------*/
.tag {
    padding: 5px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: white;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}
.tag-green{
    background-color: #a3bd0e;
}
.tag-red{
    background-color: #e62929;
}
.tag-purple{
    background-color: #d248a6;
}
.tag-black{
    background-color: #292829;
}
.tag-orange{
    background-color: #f4852c;
}
.tag-maroon{
    background-color: #723606;
}
.tag-blue{
    background-color: #298bb9;
}
.tag-cyan {
    background-color: #3cb9f3;
}
.tag-slategray {
    background-color: #708090;
}
.tag-silver {
    background-color: #dadada;
    color: #7b7b7b;
}
.tag-magenta {
    background-color: #f30f9b;
}
 /* --------------
HEADINGS
* -------------*/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
    font-size: 21px;
}
h2 {
    font-size: 19px;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 15px;
}
h5 {
    font-size: 13px;
    margin: 16px 0 12px;
}
h6{
    font-size: 12px;
}
 /* --------------
PARAGRAPH
* -------------*/
.p_left {
    text-align: left;
}
.p_right {
    text-align: right;
}
.p_justify {
    text-align: justify;
}
 /* --------------
HTML TEXT TAG
* -------------*/
.typo code {
    background: #b3dbec;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
} 
.typo cite{
    background: url("/img/theme/cite.png") no-repeat left top;
    padding: 8px 0 0 30px;
    font-style: italic;
    font-size: 13px;
    color: #676767;
    font-family: Georgia;
}
.typo a {
    color: #004c7a;
    padding: 1px 10px 1px 0;
    display: inline-block;
}
.box-header .typo a {
    background: #C0D4E1;
    padding: 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    left: -5px;
}
.typo a:hover {
    background: #b3dbec;
    padding: 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    left: -5px;
}
.highlight, .typo .highlight, .typo .highlight a, .typo .highlight a:hover {
    background-color: #FFC;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    padding: 0;
    left: 0;
}
.normal a, .normal a:hover,
.highlight a, .highlight a:hover {
    color: #0669AF;
    text-decoration: underline;
}
.normal a:hover,
.highlight a:hover {
    text-decoration: none;
}
.typo .title {
    color: #919191;
    font-size: 14px;
}
.typo .approved{
    color: #008000;
    line-height: 24px;
}
.typo .approved:hover {
    background: #d7f5d7;
}
.typo .pending{
    color: #0173b9;
    line-height: 24px;
}
.typo .pending:hover {
    background: #c8e2f2;
}
.typo .spam{
    color: #e10000;
    line-height: 24px;
}
.typo .spam:hover {
    background: #ffc5c5;
}
.typo.at_a_glance p:hover {
    background: none;
} 
 /* --------------
LISTS
* -------------*/
.typo li {
    padding: 2px;
}
.typo  ul {
    padding: 0 0 0 20px;
    display: block;
}
.typo .disc li{
    list-style: disc;
}
.typo  .circle li{
    list-style: circle;
}
.typo  .square li{
    list-style: square;
}
.typo .decimal li{
    list-style: decimal;
}
 /* --------------
GRIDS
* -------------*/
.grid {
    height: 70px;
    margin: 20px 0 0 0;
    background: #d0e0ea;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    color: #94c4dc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.three {
    margin-right: 1.5%;
}   
.width10 {
    width: 9%;
}
.width20 {
    width: 19%;
}
.width30 {
    width: 29%;
}
.width40 {
    width: 39%;
}
.width50 {
    width: 49%;
    padding: 0 !important;
}
.width60 {
    width: 59%;
}
.width70 {
    width: 69%;
}
.width80 {
    width: 79%;
}
.width90 {
    width: 89%;
}
.width100 {
    width: 100%;
}
 /* --------------
FORMS
* -------------*/
fieldset div.input {
    margin: 4px 0 8px;
}
fieldset div.input.no_bottom_margin {
    margin-bottom: 0 !important;
}
.no_margin {
    margin: 0 !important;
}
#quoteregion div.submit {
    margin-top: 15px;
}
.form-label, dt, label, .item.one_time_item .item_option h4 {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #373737;
    height: 20px;
    line-height: 20px;
}
th.form-label {
  display: table-cell;
}
.form-field, input[type="text"], input[type="date"], input[type="password"], select, textarea {
    background: none;
    height: 22px;
    padding: 2px 0 2px 3px;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    color: black;
    font-size: 12px;
}
input:disabled, select:disabled {
    opacity: 0.4;
}
input[type=text].defaultText {
    color: #a1a1a1; 
    font-style: italic;
}
.form-field:focus, fieldset input[type=text]:focus, fieldset input[type="password"]:focus {
    -moz-box-shadow: 0 2px 1px #e1e1e1;
    border: 1px solid #b5b5b5;
}
#form-message {
    height: 120px;
}
.terms {
    display: block;
}
#formtest .button {
margin-right: 5px;
}
#formtest .radiocheck{
    margin: 0 0 20px 0;
}
.new_option_copy {
  line-height: 26px;
  vertical-align: 15%;
  /*padding-right: 55px;*/
}
.new_option_copy select {
  height: 26px;
  font-weight: bold;
}
.new_option_copy #add_option {
  margin-left: 10px;
  margin-top: 4px;
  /*position: absolute;*/
}
 /* --------------
FORMS ELEMENT
* -------------*/   
input.full {
    width: 99% !important;
}
input.half {
    width: 50%;
}
input.tiny {
    width:  60px !important;
}
input.qty {
    width:  30px !important;
}
input.small, input[type=text].small {
    width: 20% !important;
}
input.big {
    height: 30px;
}   
textarea.half {
    width: 50%;
    height: 150px;
}
textarea.small {
    width: 40%;
    height: 100px;
}
textarea.full {
    width: 99%;
    height: 100px;
}

textarea.label {
/*  height: 18px;*/
/*  width: 400px;*/
}
#wysiwyg {
    width: 98%;
    min-height: 200px;
}
#select1_link {
    display:inline-block;
}
select {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    padding: 2px;
}
#quoteregion .markItUpHeader ul {
    margin: 0;
}
textarea.markItUpEditor {
    display: block;
}
 /* --------------
WIDGET 
* -------------*/
.ui-widget-header {
    background: #ececec url("/img/theme/back_h2_box_blue.jpg") repeat-x left top;
    border-width: 1px 1px 0 1px;
    border-color: #E5E4E4;
    border-style: solid;
}
.ui-widget-header .ui-icon {
    background-image: url("/img/theme/ui-icons.png");
}
.ui-corner-tr {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.ui-corner-tl {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
}
 /* --------------
TABLE DATA
* -------------*/
.mod_multi {
    clear: both; margin: 0 0 1em;
    width:  50%;
    display: inline;
}
.mod_multi select {
    margin: 0;
}
.export {
  margin: 0 0 1em;
  float: right;
  text-align: right;
  width:  50%;
}
.dataTables_wrapper {
    min-height: 0 !important;
    margin: 1em 0;
}
.fg-toolbar  {
    padding: 0 10px;
    background:url("/img/theme/back_header_table.jpg") repeat-x scroll left top #E8E8E8;
    line-height:40px;
}
.bg-toolbar.ui-corner-bl {
    margin-bottom: 20px;
}
table.display thead th {
    background: #e8e8e8 url("/img/theme/back_white.jpg") repeat-x left top;
    border: 1px solid #e1e1e1;
}
.dataTables_length  select {
    background: white;
    border: 1px solid #D6D6D6;
}
.dataTables_filter  input {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 1px solid #D6D6D6;
    line-height:15px;
    padding:5px;
    width:200px;
}
#dialog-add-item {
    color: black;
    font-size: 12px;
}
.child_items {
    margin-top: 5px;
}
.paging_full_numbers .fg-button, #dialog-add-item .paging_full_numbers .fg-button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 8px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
    -moz-box-shadow: 0 1px 2px #343434;
    -webkit-box-shadow: 0 1px 2px #343434;
    box-shadow: 0 1px 2px #343434;
    background: #dfdfdf url("/img/theme/back_white.jpg") repeat-x left top;
    border: 1px solid white;
    margin: 0 3px;
}
.paging_full_numbers .fg-button:hover{
background: white url("/img/theme/back_white_hover.jpg") repeat-x left top;
}   
 .tabledata .odd, .tabledata .even {
    line-height: 20px;
}   
.paging_full_numbers {
    width: auto !important;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity:0.35;
}

.paging_two_button .fg-button {
    float: left;
    cursor: pointer;
    * cursor: hand;
}

.paging_full_numbers .fg-button, #dialog-add-item .paging_full_numbers .fg-button {
    padding: 2px 6px;
    cursor: pointer;
    * cursor: hand;
}

.paging_full_numbers {
/*  width: 350px !important;*/
}

.dataTables_paginate {
    width: auto;
}

table.display thead th {
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    * cursor: hand;
}

.css_right {
    float: right;
}

.css_left {
    float: left;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

.dataTables_processing {
  -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: #fff url(/img/ajax-loader.gif) no-repeat center 13px;
}

#recent .dataTables_processing {
    background-position: center 4px;
}

.dataTables_empty {
    font-size: 14px;
    line-height: 25px;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
/*  width: 35%;*/
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous {
    background-image: url('/img/theme/back_disabled.jpg');
}

.paginate_enabled_previous {
    background-image: url('/img/theme/back_enabled.jpg');
}

.paginate_disabled_next {
    background-image: url('/img/theme/forward_disabled.jpg');
}

.paginate_enabled_next {
    background-image: url('/img/theme/forward_enabled.jpg');
}
 /* --------------
TABLES
* -------------*/
  .box-table {
    padding: 0;
 }
 .tablebox {
    width: 100%;
 }
 .box-table th {
    padding: 0 20px;
    border-left: 1px solid #d6d6d6;
    text-transform: capitalize;
    font-weight: bold;
 }
 .box-table td {
    padding: 0 20px; 
}
.box-table .odd {
    height: 40px;
    background: white;
}
.box-table .even {
    height: 40px;
    background: #f7f7f7;
}
#tablebox  .first {
    border-left:0;
 }
.table-header {
    line-height: 40px;
    background: #e8e8e8 url("/img/theme/back_header_table.jpg") repeat-x left top;
    width: 100%;
}
#tablebox .button {
    margin: 0;
 }
.pagination {
    height: 35px;
    text-align: center;
    background: #e8e8e8 url("/img/theme/back_pagination_table.jpg") repeat-x left top;
    border: 1px solid #E5E4E4;
}   
.pagination li {
    display: inline;
}
.pagination .button {
    margin: 5px 0 0 0;
}   
.pagination  .active{
    background: url("/img/theme/back_nav_hover.jpg") repeat-x left center;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:inset 0 2px 3px black;
    cursor: default;
    border: 1px solid black;
    color: white;
}
.pagination .active:hover {
    background: url("/img/theme/back_nav_hover.jpg") repeat-x left center;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:inset 0 2px 3px black;
    cursor: default;
    border: 1px solid black;
    color: white;
}
.thumb-td {
    vertical-align: top !important;
    padding-bottom: 15px !important;
}
.thumb-td img {
    width: 60px;
    height: 60px;
    padding: 5px;
    border: 1px solid #d6d6d6;
    background: #ececec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 2px #dddddd;
    -webkit-box-shadow: 0 2px 2px #dddddd;
    box-shadow: 0 2px 2px #dddddd;
    margin: 6px 0;
}
.thumb-td img:hover {
    background: #323232;
    border: 1px solid black;
}
.thumb-td b {
    display: block;
}
.gallery-td {
    text-align: center;
    padding: 10px !important;
}
.gallery-td img {
    width: 80%;
    *width: 80px;
    padding: 5px;
    border: 1px solid #d6d6d6;
    background: #ececec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 2px #dddddd;
    -webkit-box-shadow: 0 2px 2px #dddddd;
    box-shadow: 0 2px 2px #dddddd;
    text-align: center;
}
.gallery-td img:hover {
    background: #323232;
    border: 1px solid black;
}
.gallery-td b{
    margin: 7px 0 0 0;
    display: block;
}
tbody .button {
    margin: 2px 3px !important;
}
td h4 {
    padding: 0 0 3px 0;
}
.openable-tbody p {
    font-size: 11px;
    line-height: 17px;
    padding: 0;
}
.openable-tbody td {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}
.openable-tbody .button {
    margin: 0 !important;
}
.openable-tr{
    display: none;
}
.openable-tbody .bullet {
    margin: 0;
}
.openable-tr  div.fl{
    padding: 10px;
    margin: 0 0 7px 0;
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0 2px 2px #d8d8d8;
    -webkit-box-shadow: 0 2px 2px #d8d8d8;
    box-shadow: 0 2px 2px #d8d8d8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.openable-tr  div.fr{
    margin: 5px 0 0 0;
}
.openable-tr b {
    margin: 0 5px 0 0;
}
.tag-table {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    color:black;
    cursor:pointer;
    font-size:11px;
    font-weight:bold;
    padding:5px 10px;
    background: #d4d4d4;
    margin: 0 5px 0 0;
}
.tag-table:hover {
    background: #6a6a6a;
    color: white;
}   
.table-collapse {
    width: 12px;
    height: 12px;
    background: url("/img/theme/table_collapse.png") no-repeat left center;
    display: block;
    margin: 0 auto;
}

table.display {
    margin: 0 auto;
    width: 100% !important;
    clear: both;
    border-collapse: collapse;
    color: #000;
}

table.display thead th {
    padding: 3px 6px;
    white-space: nowrap;
    cursor: pointer;
    * cursor: hand;
}
table.display.tabledata-disabled thead th {
    cursor: default;
}

table.display tfoot th {
    padding: 3px 10px;
    font-weight: bold;
    font-weight: normal;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 4px 6px;
}
table.display td.nowrap {
    white-space: nowrap;
}
table.display td.center {
    text-align: center;
}

tr.odd {
/*  background-color: #E2E4FF;*/
    background-color: #F7F7F7;
}

tr.even {
    background-color: white;
}

.ui-icon-blank { background-position: -160px 0; }

    
/* --------------
BULLETS
* -------------*/
.bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-box-shadow:0 1px 1px black;
    -moz-box-shadow:inset 0 2px 3px black;
    box-shadow:inset 0 2px 3px black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bullet-yellow {
    background-color: #f1cc00;
}
.bullet-green{
    background-color: #a3bd0e;
}
.bullet-red{
    background-color: #e62929;
}
.bullet-purple{
    background-color: #d248a6;
}
.bullet-black{
    background-color: #292829;
}
.bullet-orange{
    background-color: #f4852c;
}
.bullet-maroon{
    background-color: #723606;
}
.bullet-blue{
    background-color: #298bb9;
}
.bullet-cyan {
    background-color: #3cb9f3;
}
.bullet-slategray {
    background-color: #708090;
}
.bullet-silver {
    background-color: #dadada;
}
.bullet-magenta {
    background-color: #f30f9b;
}
/* --------------
BALLOONS
* -------------*/
.balloon_wrapper {
  display: -moz-inline-stack;
  display: inline-block;
position: relative;
margin: -6px 0 10px 0;
zoom: 1;
*display: inline;
*margin-bottom: 0;
}
.balloon_wrapper .button {
  display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.balloon {
    display: none;
    padding: 0;
    position: relative;
}
a.balloon_trigger {
  border-bottom: 1px dotted #004c7a;
  color: #004c7a;
  font-weight: bold;
  margin: 0 2px;
  zoom: 1;
}
.active a.balloon_trigger {
  border-bottom: 1px dotted green;
  color: green;
}
.balloon.active {
    display: block;
}
.balloon .arrow {
    font-size: 0px; line-height: 0%; width: 0px;
    border-color: transparent transparent #FFF transparent;
    border-style: solid;
    border-width: 10px;
    z-index: 3002;
    left: 50%;
    margin-left: -8px;
    bottom: -12px;
    left: 50%;
    position: absolute;
    cursor: pointer;
}
.balloon .border {
    border-color: transparent transparent #ccc transparent;
    z-index: 3001;
    bottom: -11px;
}
.balloon .balloon_content {
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 25px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2010;
    background-color: #fff;
    border: 1px solid #bbb;
    position: absolute;
    width: auto;
    max-width: 500px;
    white-space: nowrap;
    left: -10px;
    top: 11px;
    padding: 8px;
    zoom: 1;
}
.fr.balloon_wrapper .balloon_content {
  left: auto;
  right: 0;
}
.balloon_content p {
    padding-bottom: 0;
}
.balloon_content .input {
  display: inline-block;
}

.balloon_content input[type=text] {
    width: auto;
    display: inline-block;
}

.balloon .scrollable_menu {
    height: 200px;
    min-width: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 10px;
    margin: 0 !important;
}
.balloon ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 10px;
}

/* --------------
FILTERS
* -------------*/
.filters .balloon_wrapper {
  margin-bottom: 0 !important;
}
.filters .filters_options, .filters .filters_active {
  display: block;
}
.filters_options {
}
/*.filters .dataTables_wrapper {
  margin: 1em 0;
}*/
.filters .filters_available {
  margin: 1em 0;
}
.filters .filters_options {
  margin-top: 1em;
  padding-bottom: 10px;
}
.filters .filters_active {
  margin-bottom: 1em;
}
.filters .that_match {
  margin-bottom: 10px;
}
/*.filters .filters_available .balloon_wrapper {
  z-index: 1001;
}
.filters .filters_options .balloon_wrapper {
  z-index: 1000;
}*/
.filters .filters_active a {
    background-color: #c2efff;
  background-image: url(/img/filter_close.png);
  background-repeat: no-repeat;
  background-position: 7px center;
  color: #004c7a;
  font-size: 95%;
  display: inline-block;
    padding: 3px 8px 5px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  margin: 0 5px 1em 0;
}
.filters .filters_active a:hover {
  background-color: #B3DBEC;
}

/* --------------
TABS
* -------------*/
.box .tabs-nav, fieldset .tabs-nav {
    margin:0;
    padding:0;
    background: none;
    border: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius:0;
    border-radius:0;
    line-height: 19px;
    position: absolute;
    right:32px;
    top:1px;
}
.box.tabs {
    border: 0;
    background: none;
    -moz-border-radius: 0;
    -webbkit-border-radius: 0;
    font-size: 12px;
    color: black;
    padding: 0;
}
.box .tabs-nav .tab, fieldset .tabs-nav .tab  {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 0 !important;
    padding: 0 3px;
    font-weight: bold;
    background: #d4d4d4;
}
.themed_box  .tabs-nav .tab, fieldset .tabs-nav .tab {
    background: #c0d4e1;
    border: 1px solid #0669af !important;
}
.themed_box .tabs-nav .tab.error {
    background-color: #FFD1D1;
}
.black_box .tabs-nav .tab {
    background: #cfcfcf;
    border: 1px solid #000000 !important;
    border-bottom: 0 !important;
}
.box .tabs-nav .tab a {
    color: black;
}
.box .tabs-nav .tab.ui-tabs-selected, fieldset .tabs-nav .tab.ui-tabs-selected  {
    background: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    padding-bottom: 1px !important;
    -moz-box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    border-bottom: 0 !important;
}
.box .tabs-nav .tab.ui-state-hover, fieldset .tabs-nav .tab.ui-state-hover  {
    background: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 1px !important;
    -moz-box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    border-bottom: 0 !important;
}
.tab a {
    color: white;
    height: 100%;
    display: block;
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
    text-shadow: 0 0;
}
.tab.first {
    margin: 4px 2px 0 0;
}   
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;

}
/* --------------
ACCORDION
* -------------*/
.accordion h3, .accordion h4 {
/*  background: url("/img/theme/back_grey.jpg") repeat-x left top;*/
    padding-bottom: 0 !important;
    border: 1px solid #d8d8d8 !important;
    padding: 0 3px !important;
    font-weight: bold !important;
    -moz-box-shadow: 0 0 0;
}
.accordion h3 a, .accordion h4 a, .accordion h3 .ui-icon-arrow-2-n-s {
 color: #555 !important;
 cursor: move;
}
#embed-dialog-accordion h3 a {
  cursor: pointer !important;
}
.accordion .ui-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius : 5px;
}
.accordion h3.ui-state-focus, .accordion h4.ui-state-focus {
    background: #E6E6E6/*{bgColorDefault}*/ url(jquery/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
}

.accordion h3.ui-state-active, .accordion h4.ui-state-active {
    background: white url("/img/theme/back_tab_active.jpg") repeat-x left top;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0 !important;
    border-top: 1px solid #d0d0d0 !important;
    border-left: 1px solid #d0d0d0 !important;
    border-right: 1px solid #d0d0d0 !important;
    border-bottom: 0 !important;
    -moz-box-shadow: 0 0 0;
}
.ui-accordion-content {
    border-top: 0!important;
    border-left: 1px solid #d0d0d0 !important;
    border-right: 1px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
}
/* --------------
DIALOG
* -------------*/
.dialog {
    width: auto;
    height: auto;
}

.ui-dialog, .ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
}
.button.opener {
    margin: 0;
}
.ui-dialog-titlebar {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background:url("/img/theme/back_h2_box_blue.jpg") repeat-x scroll left top #ECECEC;
    border:1px solid #0669AF;
    color:white;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
    margin:0;
    padding:5px 0;
    text-shadow:0 1px 0 #014B80;
    text-transform:capitalize;
}
body .ui-widget-overlay {
    background: black;
    opacity: 0.8;
}
.dialog .button {
    margin: -4px 0 0 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
    padding: 0;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid #E5E4E4;
    width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ui-dialog .box-header {
  display: none !important;
}
.ui-dialog .box {
  position: static !important;
}
.ui-dialog .box-content {
  border: none !important;
  padding: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui-dialog .column .button {
  display: none;
}
#dialog-quote {
  //height: 500px !important;
  //width: 800px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
}

#dialog-email {
  height: 450px !important;
  width: 700px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
#dialog-email .checkbox label {
  display: inline;
  margin-left: 10px;
}
#dialog-email .mceLayout {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
#dialog-email .error iframe {
  background-color: #FFD1D1;
}

.ui-dialog #dialog-exception {
  line-height: 1.5 !important;
  width: 800px !important;
}

.ui-dialog p {
  margin: 1em 0;
  padding: 0;
}

.ui-dialog p.message {
  padding: 15px 15px 15px 50px !important;
}

.ui-dialog ol,
.upsell ol {
  margin: 0 !important;
  padding: 0 0 0 40px !important;
}

.ui-dialog ol,
.upsell ol,
.ui-dialog ol li,
.upsell ol li {
  list-style-type: decimal !important;
  line-height: 20px;
}

.ui-dialog .snippet-wrap pre.sh_sourceCode,
.ui-dialog .snippet-wrap .snippet-no-num,
.upsell .snippet-wrap pre.sh_sourceCode,
.upsell .snippet-wrap .snippet-no-num {
  padding: 0 !important;
}

/* --------------
DATEPICKER 
* -------------*/
.form-field.datepicker{
    background: url("/img/theme/datepicker.png") no-repeat right center;
}
div.datepicker {
    margin-left: 20px;
}
.ui-datepicker {
    width: 250px;
    z-index: 4000 !important;
}
.ui-datepicker td {
    padding: 2px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:0 2px 3px black inset;
    border-radius:3px;
    background:url("/img/theme/back_nav_hover.jpg") repeat-x scroll left center transparent;
    border: 0;
    padding:0;
}
.ui-datepicker .ui-state-default {
    background: white url("/img/theme/back_white.jpg") repeat-x left top !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: black;
    padding: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background: white url("/img/theme/back_black.jpg") repeat-x left top !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: white;
    padding: 4px;
    border: 1px solid black;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: white url("/img/theme/back_black.jpg") repeat-x left top !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    color: white;
    padding: 4px;
    border: 1px solid black;
    -moz-box-shadow:0 2px 3px black inset;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background: white url("/img/theme/back_red.jpg") repeat-x left top !important;
    color: white;
    border: 1px solid #ff3131;  
    padding: 4px;
    -moz-box-shadow:0 2px 3px #5b0000 inset;
}
.ui-datepicker .ui-datepicker-header {
    background: url("/img/theme/back_h2_box_blue.jpg") repeat-x left top;
    border: 1px solid #0669AF;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 20px;
    padding: 5px 0;
    margin:0;
    text-transform: capitalize;
    font-weight: bold;
    text-shadow:0 1px 0 #014B80;
    font-size: 13px;
    color: white;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 6px;
}   
#ui-datepicker-div {
    display: none;
}
.ui-datepicker-prev {
    left: 2px !important;
    top: 2px !important;
}
.ui-datepicker-next {
    right: 2px !important;
    top: 2px !important;
}

/* --------------
SLIDER
* -------------*/
.slider-vertical {
    height: 200px;
    margin: 0 0 0 10px;
}   
.ui-slider-range {
background: #0079be;
}
.ui-slider-handle {
    background: url("/img/theme/back_black.jpg") repeat-x !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0px solid black !important;
    height: 16px !important;
    width: 16px !important;
}
/* --------------
PROGRESSBAR
* -------------*/
.prog {
cursor: pointer;
}
.ui-progressbar-value {
    background: url("/img/theme/back_blue.jpg") repeat-x left top !important;
    -moz-border-radius: 4px;
    border: 0;
}

.max .ui-progressbar-value {
    background: url("/img/theme/back_red.jpg") repeat-x left top !important;
}

.progressbar, .progressbaractive,.progressbarpending, .progressbarsuspended {
    background: #dfdfdf;
    border: 0;
    margin: 0 0 10px 0;
}

.progressbar {
    position: relative;
}

.progressbar span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -0.6em;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
}

.progressbar.max span {
/*  color: #FFC5C5;*/
}

.progressbaractive .ui-progressbar-value {
    background: black url("/img/theme/back_green.jpg") repeat-x left top !important;
}
.progressbarpending .ui-progressbar-value {
    background: url("/img/theme/back_blue.jpg") repeat-x left top !important;
}
.progressbarsuspended .ui-progressbar-value {
    background: url("/img/theme/back_red.jpg") repeat-x left top !important;
}
/* --------------
GRAPHS
* -------------*/
.chart {
    height: 300px;
}
/* --------------
JQUERY UI
* -------------*/
.ui-icon-ef8c08 { /*Yellow*/
    background-image: url("/img/theme/ui-icons_ef8c08_256x240.png") !important;
}
.ui-icon-228ef1 { /*lite Blue*/
    background-image: url("/img/theme/ui-icons_228ef1_256x240.png") !important;
}
.ui-icon-cd0a0a { /*Red*/
    background-image: url("/img/theme/ui-icons_cd0a0a_256x240.png") !important;
}
.ui-icon-469bdd { /*Blue*/
    background-image: url("/img/theme/ui-icons_469bdd_256x240.png") !important;
}
.ui-icon-4eb305 { /*Green*/
    background-image: url("/img/theme/ui-icons_4eb305_256x240.png") !important;
}
.ui-state-default:hover {
    border: 1px solid #d8d8d8/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(jquery/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; color: #212121/*{fcHover}*/;
}


.ui-accordion .ui-accordion-content{ overflow: hidden !important; }
/* ----------------------------------
ADDITIONS FOR FORMS AND CAKEPHP HTML
* -----------------------------------*/
/*fieldset {
    position: relative;
    width: 800px;
    padding: 5px 10px 20px 20px;
    display: block;
}
fieldset legend {
    display: block;
    width: 100%;
    padding: 0 10px 0 18px;
    margin-left: -20px;
    margin-right: -10px;
    margin-bottom: 0px;
}*/
.box-content, .ui-accordion .ui-accordion-content {
  padding: 5px 15px 20px 15px;
}

.ui-accordion {
  margin: 1em 0;
}

.ui-accordion .ui-accordion-content {
  padding-top: 0;
}

.add_edit, .view {
    width: 830px;
}

.view.quote {
    width: 100%;
    max-width: 830px;
}

.box.add_edit .box-content, .view .box .box-content {
    padding: 5px 10px 20px 20px;
}

/*.box.internal_quote {
    width: 880px;
}

.box.internal_quote .box-content {
    padding: 5px 10px 20px 0;
}

.box.internal_quote #email_settings label {
    display: block;
}

.box.internal_quote #email_settings div.radio_group, .box.internal_quote #email_settings div.select {
    margin: 0;
}
*/
fieldset {
    width: 98%;
    padding: 5px 0 0 0;
    margin: 5px 0 15px 0;
    border: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #373737;
}
fieldsetLeft {
	float: left;
    width: 45%;
    padding: 5px 0 0 0;
    margin: 5px 0 15px 0;
    border: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #373737;
}
fieldsetRight {
	float: left;
    width: 45%;
    padding: 5px 0 0 0;
    margin: 5px 0 15px 0;
    border: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #373737;
}
fieldset legend, .legend, #dialog-add-item .item.one_time_item h3 {
    background: none;
    border: none;
    border-bottom: 1px solid #e5e4e4;
    margin: 0;
    padding: 0;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px; /* same as h2 */
/*  color: #373737;*/
    color: #0669af;
    line-height: 25px;  
    height: 25px;
  width: 100%;
}
.legend {
  font-size: 15px;
  margin-top: 1em;
}
fieldset fieldset, .group {
    margin: 0 0 10px;
}
p.instructions {
    margin: 0;
}
fieldset fieldset legend, fieldset h3 {
    font-size: 13px; /* same as h3 */
}
input[type=text], fieldset input[type=password] {
    width: 50%;
}
fieldset label {
    margin: 4px 0 0 0;
}
.box-content #quoteregion {
    width: auto !important;
    padding: 0 !important;
}
#quoteregion fieldset label {
    margin: 0;
}
fieldset hr {
    width: 98%;
}
fieldsetLeft hr {
    width: 98%;
}

.helper_text {
    margin-top: 0px;
    line-height: 20px;
    font-size: 11px;
}
fieldset div.input.file .helper_text {
    margin-top: -10px;
}
.helper_text em {
    font-style: italic;
}
fieldset input[type=radio], div.radio, div.checker {
    clear: both;
    float: left;
    margin: 0px 5px 0 0;
    line-height: 20px;
}
div.checker {
    margin-top: 4px;
}
div.input div.checker, div.checkbox div.checker {
    margin-top: 0;
}
.radio label {
    margin: 0;
}
div.textarea {
    margin-bottom: 10px;
}
button { 
    font-family: Tahoma, sans-serif;
    font-size: 12px;
}
.tieredPricingEditor {
    width:  500px;
}
.tieredPricingEditor a.button {
    margin-top: 10px;
}
.pricing_structure {
    width:  100%;
}
.pricing_structure input[type=text].small {
    width: 30px;
}
.pricing_structure td, .pricing_structure th, .pricing_structure input {
    text-align: right;
    vertical-align: middle;
    margin: 3px 0;
    padding: 1px;
}
.pricing_structure th.title {
    text-align: left;
}
.pricing_structure th {
    font-weight: bold;
    margin-right: 10px;
}
.pricing_structure td .error-message {
    margin-top: 0;
}

select.multiple {
    padding: 2px !important;
    height: auto;
}

fieldset legend + .message {
    margin-top: 10px;
}

fieldset.ui-tabs {
/*  padding: 5px 10px 20px 20px;*/
    padding: 0;
}
.accordion h3.error a, .accordion h4.error a, .tabs li.error a {
    color: red !important;
}
.draggable.ui-widget-header {
    background: none;
}
.draggable.ui-widget-header .ui-icon {
    background-image: url(/css/jquery/images/ui-icons_888888_256x240.png);
}
/* --------------
VALIDATION
* -------------*/
div.error input, select.form-error, input[type=text].form-error, input[type=password].form-error, div.error textarea {
    background-color: #ffd1d1;
}
.error-message {
    font-weight: bold;
    color: red;
    margin: 3px 0 10px;
    background: transparent url(/img/error-message.png) no-repeat;
    padding: 0 0 4px 20px;
}
.checkboxtree.error {
  background-color: #ffd1d1 !important;
}
/**
 * Definition Lists
 */
dl
{
  margin: 1em 0;
}
dt
{
  margin: 1em 0 0;
}

/**
 * Dialogs
 */
.ui-dialog form {
  margin: 1em 0;
}

.ui-dialog fieldset {
    background: transparent;
    border: none !important;
    margin: 0;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-dialog legend {
  display: none;
}

.ui-dialog table {
  width: 100%;
}

.ui-dialog .paging_full_numbers {
  width: 100% !important;
}

.ui-dialog table .form-field, .ui-dialog fieldset table input, .ui-dialog fieldset table select, .ui-dialog fieldset table textarea {
  background: #FFF;
  margin-bottom: 0px;
}

/* Account Settings */

div#usage_and_plan div#usage {
  margin-top: 1em;
}

div#usage_and_plan h3 {
  margin: 0 0 1em;
}

div#usage_and_plan fieldset#usage div#account_limits {
  float: left;
  width: 40%;
  margin-bottom: 1em;
}

div#usage_and_plan fieldset#usage div#account_transactions,
div#usage_and_plan fieldset#usage div#account_other_usage {
  float: left;
  width: 25%;
  margin-bottom: 1em;
  padding-left: 40px;
}

div#usage_and_plan fieldset#plan p {
  margin: 1em 0;
}

table.plans {
  border-bottom: 1px solid #999;
  border-collapse: collapse;
  border-top: 1px solid #999;
  margin: 1em 0;
  width: 100%;
}

table.plans td,
table.plans th {
  padding: 10px;
  text-align: center;
  width: 12%;
}

table.plans td.id,
table.plans th.id {
  width: 4%;
}

table.plans td.name,
table.plans th.name {
  width: 35%;
}

table.plans thead th {
  background-color: #EDEDED;
  border-bottom: 1px solid #CCC;
  font-weight: normal;
}

table.plans tbody td {
  border-top: 1px solid #CCC;
  font-weight: bold;
}

table.plans tbody td.name {
  text-align: left;
}

table.plans tbody td.name span.price {
  color: #666;
}

table.plans tbody tr.current-plan td {
  background-color: #EDF3FE;
}

table.plans tbody td.name span.plan-no-longer-available {
  font-weight:normal;
  display:block;
  font-size:11px;
  margin-top: 1em;
}


/* ----------------
MISCELLANEOUS
------------------ */
.action_button {
    float: left;
    margin: 0px 10px 10px 0;
}
.edit_button {
    float: right;
    margin: 0px 0px 10px 0;
}

.link_to_gateways {
    float: right;
    color: #777;
}

#uniform-AccountOnlineOrdering {
    clear: none;
}

.at_a_glance {
    font-size: 1.1em;
    padding-top:18px;
}

.typo p, .typo .pre {
    color: #004c7a;
}

.typo p .glance_amount {
    color: #6390b6;
}
.typo p.approved .glance_amount {
    color: #63b189;
}
.typo p.spam .glance_amount {
    color: #ee6363;
}
select.quote_status {
    margin-bottom: 0;
    font-size: 10px;
}

#analytics .box-content{
    padding-top: 15px;
    padding-right: 15px;
}

.box-content select#AnalyticsDateRange {
    margin-bottom: 4px;
}

.chart .legend {
    border: none !important;
}

span.glance_amount {
    float: right;
    font-size: 0.8em;
}
p.empty {
    padding: 20px 10px 10px 10px;
    font-size: 16px;
}
p.empty a {
    display: block;
    margin-top: 15px;
    color: #004C7A; 
    text-decoration: underline;
}
p.important {
    font-size: 14px;
    margin: 10px 0;
}
.wizard {
    background-color: #f1ff95;
    border: 3px solid #C7E22C;
    color: #5B6B00; 
    padding-left: 20px;
    margin-bottom: 20px;
}
.wizard h3 {
    font-size: 19px;
    margin-bottom: 15px;
    background: #eeff88 url("/img/theme/welcome.png") no-repeat top left;   
    padding-left: 40px;
    line-height: 32px;
    margin-left: -10px;
}
.wizard h4 {
    font-size: 15px;
}
.wizard table {
    border: none;
    width: 100%;
    margin-left: 10px;
}
.wizard table td {
    vertical-align: top;
}
.wizard .section {
    margin: 0 10px 0 0;
    font-size:14px;
    width: 200px;
}
.wizard li {
    color: #5B6B00;
    display: block;
    padding-left: 20px;
}
.wizard li.complete {
    background: url("/img/check_green.png") no-repeat 0px 3px;
}
.wizard a { 
    color: #5B6B00;
}
.wizard li.complete a {
    text-decoration: none;
}
.wizard a.hide_wizard {
    float: right;
    font-size: 11px;
}
.wizard ul {
  list-style-type: none !important;
  padding-left: 0;
}
.wizard li {
  list-style-type: none !important;
    margin: 8px 0;
}
.manage_item_types .error-message,
.manage_suppliers .error-message {
    margin-top:-4px;
    margin-bottom: 4px;
}
a.download_pdf {
    float: right;
    font-size: 11px;
    font-weight: normal;
    color: #555;
}
a.download_pdf span {
    vertical-align: text-top;
    margin-top: -4px;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden !important;
}

.in_field_label { position:relative; }
.in_field_label label { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; padding: 4px 7px; text-transform: none; margin: 0; }

.edit_link {
    float: right;
    margin: 9px 4px 0 0;
}
.uploader {
  margin-bottom: 10px;
}

/* Quote Form Embed Dialog */
#embed-dialog {
  display: none;
}

  #embed-dialog pre {
    white-space: pre-wrap; /* CSS2.1 compliant */
    white-space: -moz-pre-wrap; /* Mozilla-based browsers */
    white-space: -o-pre-wrap; /* Opera 7+ */
  }

  #embed-dialog label {
    height: auto;
  }

  #embed-dialog pre {
    display: block;
    margin: 2em 0 0;
  }

#embed-dialog-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
}

.snippet_restore {
    float: right;
    font-size: 11px;
    color: #004C7A;
    margin: 0 5px 0 0;
}

.snippet_restore.use_markdown {
    margin: 30px 5px 0 0;
}

div.remove {
    margin: 6px 3px 0 0; 
    float: left;
}

div.remove div.highlight {
    float:left;
}

dd a
{
  color: #0669AF;
  text-decoration: underline;
}

.accordion dd h1, .accordion dd h2, .accordion dd h3, .accordion dd h4
{
  border: none !important;
  padding: 0 !important;
}

dd ul, dd ol
{
  margin: 0.4em 0 !important;
  padding-left: 40px !important;
}

dd ul, dd ul li
{
  list-style-type: disc !important;
}

dl ol, dl ol li
{
  list-style-type: decimal;
}

.custom_text.accordion h3 a {
    cursor: pointer;
}

/* formattting override for internal quotes */
a.edit_one_time_item {
    padding: 1px 1px;
    margin: -3px 0 0 0 !important;
}

a.edit_one_time_item span {
  margin: 0 !important;
}

.remove-one-time-item-btn {
    background-image: url("/css/jquery/images/ui-icons_aaaaaa_256x240.png") !important;
    cursor: pointer;
}

div.one_time_item .qty {
    margin-top: 3px !important;
}

div.one_time_item .helper_text {
    margin-top: 10px !important;
}

.one_time_item_button {
    color: #000 !important;
    margin: 0 0 5px 0 !important;
}

textarea.one_time_item_description {
    width: 50%;
    height: 70px;
}

.ui-dialog-titlebar {
    background:url("/img/theme/back_h2_box_blue.jpg") repeat-x scroll left top #ECECEC !important;
    border:1px solid #0669AF !important;
    color:white !important;
    text-shadow:0 1px 0 #014B80 !important;
}

.ui-dialog-titlebar .ui-icon {
    background-image: url("/img/theme/ui-icons.png") !important;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
    padding: 0px !important;
}
.ui-dialog-titlebar-close:hover {
    background:url("/img/theme/back_nav_hover.jpg") repeat-x scroll left center transparent !important;
    border: 0 !important;
    padding: 0px !important;
}

/* Auto-Complete */

.ui-autocomplete {
    *width: 240px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item small {
  line-height: 19px !important;
}

.ui-autocomplete .ui-menu-item small {
  font-size: 10px;
  color: grey;
}

* html .ui-autocomplete {
    height: 240px;
}

.upsell {
    font-size: 16px;
}

.upsell p,
.upsell ul {
  margin: 1em 0;
  padding: 0;
}

.upsell ul {
  padding-left: 40px;
}

.upsell ul,
.upsell ul li {
  list-style-type: disc;
}

fieldset.one_time_item fieldset.radio {
    margin-bottom: 10px;
}

fieldset.one_time_item fieldset.radio input[type="radio"] {
    margin-top: 4px;
}

fieldset.one_time_item .helper_text {
    margin-top: -10px !important;
}

table.display .line-item td, table.display .line-item th { 
    padding-top: 15px !important;
    border-top: 1px solid #EEE;
}

table.display .line-item.first-line-item td, table.display .line-item.first-line-item th,
table.display .line-item:first-child td, table.display .line-item:first-child th
 {
    border-top: none;
}
/* Static Placeholders */
span.static_placeholder {
    color: #919191;
    line-height: 26px;
    margin-left: 6px;
    position: absolute;
}
input.http_static_placeholder {
    padding-left: 46px;
}

#dialog-add-item .item.one_time_item h3 span {
    float: right;
    color: #999;
    display: none;
}

#dialog-add-item .item.one_time_item .item_description {
    display: none;
}

#dialog-add-item .item.one_time_item .child_items .title {
    float: left;
    width: 120px;
}

#dialog-add-item .item.one_time_item .child_items .list {
    display: block;
    margin-left: 120px;
}

#dialog-add-item .item.one_time_item .qty input {
    width: 34px;
}

#dialog-add-item .item.one_time_item .qty .input.checkbox {
    display: none;
}

#dialog-add-item .item.one_time_item .item_option {
    margin: 10px 0;
}

#dialog-add-item .item.one_time_item .item_option .option_long_description {
    display: none;
}

#dialog-add-item .item.one_time_item .item_option .option_description {
    line-height: 20px;
    font-size: 11px;
    margin-top: -4px;
    font-style: italic;
}

#dialog-add-item .item.one_time_item .item_option .input {
    padding-left: 12px;
}

#dialog-add-item .item.one_time_item .item_option .input label {
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    line-height: 19px;
}

#dialog-add-item .item.one_time_item .item_option .input.select label {
    /*display: inline;*/
}

#dialog-add-item .item.one_time_item .item_option .input.select input[type=checkbox] {
    margin-right: 3px;
}

#dialog-add-item .item.one_time_item .item_option .input.radio_group fieldset label {
    margin: 0;
}

#dialog-add-item .item.one_time_item .item_option .input.radio_group input[type=radio] {
    margin: 3px;
}

#dialog-add-item .item.one_time_item .item_option .error-message {
    display: block;
    color: 
    #A20000;
    font-weight: bold;
    clear: both;
    margin-top: 3px;
    padding-left: 20px;
    background: 
    transparent url(/img/error-message.png) no-repeat left center;
}

#dialog-add-item #items .button.add {
    font-weight: normal;
    padding: 2px 3px;
    font-size: 11px;
}


#dialog-add-item .fg-toolbar {
    background: url("/img/theme/back_header_table.jpg") repeat-x scroll left top #E8E8E8;
    border-color: #E5E4E4;
}

#dialog-add-item .paging_full_numbers .fg-button {
    font-size: 12px;
}

#dialog-add-item .item.one_time_item .qty .tip, #dialog-add-item .item.one_time_item .note {
    display: none;
}

.remove_link:hover span.ui-icon, span.ui-icon-close:hover, span.ui-icon-closethick:hover {
    background-image: url(jquery/images/ui-icons_cd0a0a_256x240.png) !important;
}

#quoteregion .ui-sortable-placeholder {
    margin-bottom: 20px;
    border-radius: 5px;
}

#quoteregion .item.ui-sortable-helper {
    background: #fff;
}

#quoteregion .item_header {
    cursor: move;
}

#quoteregion .remove-one-time-item-btn {
    position: absolute; 
    top: 2px; 
    right: 2px;
}
#tableContainer{
	width: 100%;
}
.left_column{
	float:left;
	width:20%;
}
.right_column{
	float:left;
	width:80%;
}
#tableTwoColFull{
	width: 100%;
}
#left_col{
	float:left;
	width:50%;
}
#right_col{
	float:right;
	width:50%;
}
.blank_rule {
  height: 1px !important;
  background-color: #000000;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(jquery/images/ajax-loader.gif) 
                50% 50% 
                no-repeat;
}
body.loading {
    overflow: hidden; 
    
}
body.loading .modal {
    display: block;
}