/*------------------ @reset ------------------*/
body,html { margin:0; padding: 0; width: 100%; height: 100%;  }
body,h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,
input,button,select,textarea,dl,dd,dt,hr,table,thead,tbody,tfoot,tr,th,td
{ margin:0; padding:0 }
img,a img,:link img,:visited img { border:0;padding:0;margin:0; }
address,cite,caption { font-style: normal }
caption,th { text-align: left }
ol,ul { margin-left: 25px; }
* :focus { outline: 0; }
a,button { outline: 0; }

body {
    background: #F7F7F7;
    font: normal 12px/18px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}
.form input,
.form textarea,
.form select{
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*------------------ @global loading ------------------*/
#mask {
    position:absolute;
    z-index:9000;
    display:none;
    top:0;
    left:0;
    opacity:0;
}
#ajax-loader {
    position:fixed; top:0; width: 100%; text-align:center;
    z-index: 9999;
    background-color:#000;
}
#ajax-loader div {
    color: #999;
    font-size: 16px; font-weight:bold;
    background-color:#000;
    width: 100%;
    margin:0 auto; line-height:30px
}
#ajax-loader div img {
    vertical-align:middle;
    margin-left: 5px
}
#mask {
    filter: alpha(opacity = 0);
    zoom:1;
}

/*------------------ @global ------------------*/
#print_logo {
    display: none;
}
a {
    color: #0A5A61;
}

a:hover {
    color: #610A2E;
}

#container {
    width: 100%;
    height: 100%;
}

.container {
    width: 960px;
    margin: 0 auto;
}
.container:after {
    content: "";
    display: table;
    clear: both;
}

h2 {
    font-size: 22px;
    padding-bottom: 10px;
    color: #0b4751;
    font-weight: normal;
}
h2 span {
    font-size: 13px;
    color: #666;
}
h2 span a {
    color: #666;
}

h3 {
    color: #0b4751;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
}

h3 span {
    font-size: 12px;
    color: #666;
}

h3 span a {
    color: #666;
}

h3 strong {
    font-weight: normal;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 2px solid #d4d4d4;
    clear: left;
    margin-top:15px;
    margin-bottom:15px;
}


.form hr {
    width: 385px;
    margin: 15px 0;
    padding-top: 15px;
}

.nobullets {
    margin: 0;
    padding: 0;
    list-style: none;
}

.emptyset {
    padding: 20px;
    text-align:center;
    color: #777;
}

.num {
    font-size: 18px;
    color: #d5241c;
}

.padtop15 { padding-top: 15px; }
.margleft15 { margin-left: 15px; }
.margtop15 { margin-top: 15px; }
.margbot15 { margin-bottom: 15px; }
.margbot5 { margin-bottom: 5px; }
.pad15 { padding: 15px; }
.bordbottom {
    border-bottom: 1px solid #bbb;
    padding-bottom:15px;
    margin-bottom: 15px;
}

.alignright { text-align:right;}

.spinner {
    vertical-align: middle;
    margin-right: 5px;
}

p.page-intro {
    padding-bottom: 15px;
}


.action-sprites {
    display: -moz-inline-stack;
    display:inline-block;
    background:url(/images/layout/app/action-icons.png);
    vertical-align:middle
}
.move-small {
    background:url(/images/layout/app/action-icons.png) -59px 19px;
    width:18px;
    height:16px;
}

.dropdown {
    background:url(/images/layout/app/action-icons.png) 0px 41px;
    width:18px;
    height:20px;
    border:1px solid #BBB;
    vertical-align:top;
    margin-top:3px;
}
.dropdown:hover {
    border:1px solid #666;
}

#ie6-warning {
    width:100%;
    background-color:#FFF;
    padding:20px 40px;
    font-size:14px;
    text-align:center;
    line-height: 1.8em;
}


ul.standard-list {
    list-style: disc !important;
    margin-left: 30px !important;
}
ul.standard-list li {
    font-size:12px !important;
    padding:3px !important;
}

.fixed-width-description, .fixed-width-description p { width: 400px; }
.fixed-width-description-large, .fixed-width-description-large p { width: 445px }
.item_category { width: 145px }
li.ui-menu-item a {
    display:block;
    zoom:1;
}

/*------------------ @header ------------------*/
.form {
}

.form dl {
    display: block;
    width: 100%;
}

.form dt {
    clear: left;
    float: left;
}

.form dt label {
    display: block;
    color: #444;
}

.form dt,
.form dt label {
    display: block;
    width: 120px;
}

.form dt label {
    padding-top: 12px;
}

.form dd label {
    width: 100%;
}

.form dd em {
    font-size: 10px;
    color: #777;
}

.form dd {
    padding-bottom: 5px;
    float: left;
}
.form .fixed-width dd {
    width:220px;
}
.form .fixed-width dd.wider {
    width:230px;
}
.form .fixed-width-large dd {
    width:500px;
}

.form dd label input {
    vertical-align: top;
}

.form dd label.clearboth {
    clear: both;
    float: none;
    display: block;
    padding-top: 5px;
}

.form dd label.clearboth input {
    width: 30px;
}

.form dd.field_errors ul {
    list-style: none;
    margin: 0;
    padding-left: 120px;
    color: red;
}

span.input-wrap,
.blue-border-wrap {
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
}

.input-wrap.tiny-input input{  width: 40px; margin-right: 5px; }
.input-wrap.wide{  width: 250px !important; }

.form div.error,
.form dd.error span.input-wrap {
    background: #ffc;
}

.form div.okay,
.form dd.okay span.input-wrap {
    background: #D5EFC2;
}

.form dd.okay span.input-wrap input {
    border-color: #85CF4D;
}

.form div span.validation_error input,
.form div span.validation_error select,
.form div span.validation_error textarea {
    background: #fff url(/images/layout/app/error.gif) no-repeat 600px 5px;
}

.form dd span.input-wrap span.validation_error input,
.form dd span.input-wrap span.validation_error textarea {
    background: #fff url(/images/layout/app/error.gif) no-repeat 97% 5px;
}

.form div.okay input,
.form div.okay select,
.form div.okay textarea {
    background: #fff url(/images/layout/app/okay.gif) no-repeat 600px 5px;
}

.form dd.okay span.input-wrap input,
.form dd.okay span.input-wrap textarea {
    background: #fff url(/images/layout/app/okay.gif) no-repeat 97% 5px;
}

.form dd span.input-wrap input#id_url {
    background-position: 90px 5px;
}

ul.errorlist {
    margin: 0;
    padding: 0 0 0 2px;
    list-style: none;
    display: block;
    color: #5F5F2F;
}

span.fixpad {
    display: block;
    padding: 10px 0 10px 0;
    font-size: 14px;
}

div.radio-list div {

    padding:7px 0 7px 10px;
}

.form dd.text-wrap, .text-wrap{ padding: 10px 0 10px 5px }

.blue-border-wrap { margin-bottom: 5px; }

.form input,
.form textarea,
.form select {
    border: 1px solid #CFCFCF;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #5F5E5E;
    background: #FFF;
    box-shadow: none;
    resize: none;
    font-style: normal;
    width: 240px;

}

.form input[type=radio]{
    width:auto;
    margin-right:4px;
}
.form input.helper, .form input.input-hint {
    font-style: italic;
    color:#666;
}
.form select {
    width: 252px;
}

.form select.sel350 {
    width: 350px;
}

.inplaceEdit input,
.inplaceEdit textarea,
.inplaceEdit select {
    font: normal 12px/14px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px;
    border: 2px solid #336a70;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 240px;
}

.form textarea {
    height: 200px;
}

.proposal-basic .form input,
.proposal-basic .form textarea {
    width: 411px;
}
.proposal-basic .form textarea {
    height:100px;
}

.proposal-basic .form select {
    width: 423px;
}

.proposal-basic .form #advanced_options {
  max-height: 500px;
  overflow-y: scroll;
}

.proposal-basic .form .advanced-option-item {
  height: 18px;
  width: 390px;
  overflow: hidden;
}

.proposal-basic .form .advanced_options-content-container {
    padding: 5px;
}
.proposal-basic .form .advanced_options-items-container {
    margin: 5px 0 10px 0;
}
.proposal-basic .form .advanced_options-items-header {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.proposal-basic .form .advanced_options-items {
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.proposal-basic .form .advanced_options-items label {
    display: block;
    margin: 5px;
}
.proposal-basic .form .advanced_options-items input {
    margin-right: 5px;
}

.col675 .form input,
.col675 .form textarea {
    width: 611px;
}

.col675 .form select {
    width: 623px;
}

form textarea.create-proposal-text {
    font-size: 11px;
}
.form input[type=checkbox] {
    border:none;
    width:17px;
    vertical-align:middle;
    margin:0;
    padding:0;
}

.form input.field-on,
.form select.field-on,
.form textarea.field-on {
    border-color: #336a70;
}

.form dd.error span.input-wrap input.field-on {
    background: #fff;
}

label.plain {
    width: 100px;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 30px;
}

.buttons {
    padding-top: 20px;
    clear: both;
    color: #777;
    padding-left: 120px;
}

.buttons a {
    color: #15676E;
}

button.button,
a.button {
  background: #067b8a;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.7px;
  padding: 9px 15px;
  margin-right: 5px;
  margin-top: -7px;
  border: 0;
  text-align: center;
  display: block;
  float: left;
  cursor: pointer;
  text-decoration: none;
}
html body button.signup span{
  font-size: 18px;
  padding: 10px 25px;
  display: inline-block !important;
}
button.signup {
    background: #067b8a;
    border-radius: 30px;
}
button.button-back,
a.button-back {
  background: #067b8a;
  border-radius: 30px;
}

a.button {
}

button.button-small,
a.button-small {
  background: #067b8a;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.7px;
  padding: 10px 25px;
  cursor: pointer;
}
    button.button-small {

    }

button.button-dark,
a.button-dark,
a.button-dark-simple,
a.button-dark-reverse {
    width: 116px;
    height: 30px;
    font-size:12px;
    margin-left: 2px;
    padding: 13px 0 6px 0;
    color:#1F1E1E;
}

a.button-dark-simple {
    color:#1F1E1E;
}

a.button-dark-reverse {
    color:#1F1E1E;
    width: 106px;
}
/** dark button text **/
#supernav a.button, #nav a.button  {
    color:#1F1E1E;
}
#supernav a.button:hover, #nav a.button:hover  {
    text-decoration:none;
    color:#1F1E1E;
}

button.button-right,
a.button-right {
    float: right;
}

#accepted, #postponed, #denied {
    margin: 0 auto;
    float: none;
}

#accepted { background-image: url(/images/layout/accept.png); margin-bottom: 15px;}
#postponed { background-image: url(/images/layout/postpone.png); margin-bottom: 15px;}
#denied { background-image: url(/images/layout/deny.png);}

.offer-options {
    padding:20px 100px;
    font-size:13px;
}
.offer-cta {
    padding:10px 30px;
    background:#DDD;
    font-size:14px;
    width:275px;
    display:block;
}

/*------------------ @header ------------------*/
#header {
    width: 100%;
    height: 50px;
    background: #067b8a;
}

#header .container {
    height: 50px;
}

#header h1,
#header h1 a {
    display: block;
    width: 230px;
    height: 50px;
}

#header h1 {
    width: 230px;
    float: left;
}

#header h1 a {
    background: url(/images/marketing/v2/bidsketch-logo-large-reverse.svg) no-repeat 0 center;
    text-indent: -9999px;
}

/*------------------ @nav ------------------*/
ul.inline {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#nav {
    float: left;
    list-style: none;
    margin: 0;
    padding: 12px 0 0 50px;
}
ul#nav li, ul.inline li {
    margin-right: 10px;
}

ul#nav li,
ul.inline li,
ul#nav li a,
ul#nav li a span {
    float: left;
    display: block;
    line-height: 12px;
}

#header .preview-nav a {
    text-decoration: none;
    color: #B5DCDF;
}

ul#nav li a {
    text-decoration: none;
    color: #B5DCDF;
    padding-left: 10px;
}

ul#nav li a span {
    padding: 6px 10px 6px 0;
}

ul#nav li.active a {
    color: #fff;
}

ul#nav li.active a span {
    color: #fff;
}

ul#nav li a:hover:not(.disabled),
ul#nav li a:hover span {
    color: #fff;
    text-decoration: underline;
}

/*------------------ @supernav ------------------*/
ul#supernav {
    float: right;
    list-style: none;
    margin: 0;
    padding: 14px 0 0 0;
}

ul#supernav li,
ul#supernav li a {
    float: left;
    display: block;
    line-height: 12px;
}

ul#supernav li {
    border-right: 1px solid #b4dcdf;
    padding: 4px 12px 4px 10px;
}

ul#supernav li.last {
    background: none;
    padding-right: 0;
    border-right: 0;
}

ul#supernav li a {
    text-decoration: none;
    color: #B5DCDF;
}

ul#supernav li a:hover {
    color: #fff;
    text-decoration: underline;
}

ul#supernav li a#beta {
    color: #D6D6AA;
}

/*------------------ @main ------------------*/
#main {
    padding: 20px 0;
}

.main-top {
  background: #067b8a;
  height: 74px;
  position: relative;
  border-radius: 4px 4px 0 0;
}

.main-top h2 {
    float: left;
    margin-left: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    height: 49px;
    line-height:1em;
    padding: 25px 20px 0 15px;
    min-width: 290px;
}

.main-top h2.dashboard { background: none; }
.main-top h2.clients { background: none; }
.main-top h2.proposals { background: none; }
.main-top h2.users { background: none; }
.main-top h2.calendar { background: none; }

#control-button,
#control-button2,
#control-button3 {
    position: absolute;
    right: 20px;
    top: 18px;
    display: block;
    width: 135px;
    height: 28px;
    padding-top: 8px;
    text-transform: uppercase;
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    color: #0b424a;
    font-size: 11px;
    background: #EEE;
    border-radius: 30px;
    line-height: 20px;
    color: #32767f;
    letter-spacing: 0.6px;
}

#control-button2 {
    right: 170px;
}
#control-button3 {
    right: 300px;
}

#user {
    position: absolute;
    right: 20px;
    top: 16px;
    line-height: 12px;
    color: #fff;
    font-size: 18px;
}

#user img {
    vertical-align: middle;
}

#user span {
    font-weight: normal;
    font-size: 12px;
    color: #B5DCDF;
}

.main-body {
    background: #fff;
    padding: 15px 20px 10px 20px;
    width: 920px;
}
.main-body:after {
    content: "";
    display: table;
    clear: both;
}
.main-body div.pagination {
    margin-top:5px;
}

.main-body h2 {
    height: 30px;
    padding-bottom: 0;
}

.main-body h2 select {
    vertical-align: top;
}

#top-comments-count {
    position:absolute;
    top:0;
    right:145px;
}

#top-comments-count a, .comments-count {
    font-size:16px;
    display:block;
    height:50px; width:50px;
    background:url(/images/layout/app/preview-bubble.png) top left no-repeat;
    text-align: center;
    margin-top:10px;
    padding-top:17px;
    padding-right:18px;
}

#top-comments-text {
    position:absolute;
    top:0;
    right:60px;
}
#top-comments-text a, .comments-text {
    font-size:14px;
    display:block;
    margin-top:9px;
    padding-top:17px;
    padding-right:20px;
    height: 50px; width: 70px;
    text-align:right;
    background:url(/images/layout/app/preview-comments-arrow.png) 100% 20px no-repeat;
}





.main-bottom {
    line-height: 1px;
    font-size: 1px;
    height: 10px;
}

.main-top-white {
    line-height: 1px;
    font-size: 1px;
    height: 10px;
}

#subnav {
  float: left;
  padding-top: 0;
  height: 74px;
}

#subnav ul {
    height: 74px;
    list-style: none;
    margin: 0;
}

#subnav li,
#subnav li a {
    display: block;
    float: left;
    height: 68px;
    color: #b8e8ec;
    text-decoration: none;
}
.main-top a {
    color: #b8e8ec;
    text-decoration: none;
}

#subnav li a:hover, .main-top a:hover {
    color: #fff;
}

#subnav li {
}

#subnav li a {
    padding: 18px 10px 0 10px;
    height: 50px;
}

#subnav li a span {
    display: block;
    text-align:center;
    font-size: 18px;
    line-height:21px;
    padding-top: 3px;
}

#subnav li.active {
  margin-left: 1px;
  margin-right: 1px;
  background: #fff;
  height: 74px;
  text-align: center;
}

#subnav li.active a {
    height: 59px;
    color: #0b474e;
}

#subnav li a.nonumber {
    padding-top: 28px;
    height: 40px;
}

#subnav li.active a.nonumber {
    padding-top: 25px;
    height: 43px;
}

#subnav li.active a span {
    font-size: 28px;
    padding-top: 10px;
}
#create_steps li {
    padding-top:10px;
}
#create_steps h3{
    margin:20px 0 10px;
}
#create_steps strong {
    display:block;
    margin:20px 0 0;
}
#create_steps a.more-videos {
    margin:20px 0 0;
    display:block;
}
/*------------------ @main body ------------------*/
.col450, .col300, .col600 {
    width: 450px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
.col450:after, .col300:after, .col600:after {
    content: "";
    display: table;
    clear: both;
}
.col300 {
    width:300px;
}

.col450 select {
    width:260px; font-size:11px
}

.col600 {
    width: 600px;
}
.col675 {
    width: 675px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    overflow:hidden;
}

.col225 {
    float: left;
    width: 225px;
    overflow: hidden;
    padding-right: 20px;
    padding-bottom: 20px;
}

.colright {
    padding-right: 0;
}

.form-right-box {
    float: right;
    width: 220px;
    color: #555;
}

.shaded-box {
    float: right;
    border: 1px solid #ddd;
    background: #fff url(/images/layout/app/shaded-bg.gif) repeat-x left bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.form-right-box h5 {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 20px;
    color: #333;
}

.form-right-box ul {
    margin: 0;
    list-style: none;
}

.form-right-box ul.keep-style {
    list-style: disc;
    padding-left: 20px;
}
.form-right-box li {
    padding-bottom: 15px;
    font-size: 11px;
}


.bordered { margin: 5px }
.margbot15 { margin-bottom: 15px }

.bordered .inside,
.blue-border-wrap .inside {
  background: #FFF;
  border: 1px solid #E1E1E1;
  padding: 15px;
  border-radius: 4px;
}
.bordered .inside:hover,
.blue-border-wrap .inside:hover {
  background: #FFF;
  border-color: #b2bbbc;
  -webkit-box-shadow: 0 0 4px #b2bbbc;
  -moz-box-shadow: 0 0 4px #b2bbbc;
  box-shadow: 0 0 4px #b2bbbc;
}
.bordered .inside:after,
.blue-border-wrap .inside:after {
    content: "";
    display: table;
    clear: both;
}

.bordered .inside-noborder, 
.bordered .inside-noborder:hover {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}

.bordered table {
    width: 100%;
    color: #444;
    border-collapse: collapse;
}

.bordered table a {
    text-decoration: underline;
    color: #1b8a95;
}

.bordered table a:hover {
    color: #dd3128;
}

.bordered table h4 a {
    color: #0d4f55;
    font-size: 14px;
}
.bordered table h5 a {
    color: #0d4f55;
}

.bordered table.nohover tr:hover td {
    background: none;
}

.bordered table tr.even td,
.bordered table tr.even:hover td {
    background: #fafafa;
}

.bordered table tr.odd td,
.bordered table tr.odd:hover td {
    background: #fff;
}

.bordered table tr:hover td {
    background: #fffeee;
}


.bordered table th {
    padding: 5px 5px 11px 5px;
    color: #888;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    background: url(/images/layout/app/th.gif) repeat-x left bottom;
}

.bordered table td {
    padding: 5px;
    vertical-align: top;
    /* border-bottom: 1px solid #bbb; */
    border-bottom: 1px solid #ccc;
}

.proposal-tags {
    font-size:10px;
}

.tag {
    width: 50px;
    vertical-align: middle;
}

.tag span {
    background-color: #eee;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    padding: 3px 2px 5px 2px;
    display: block;
    width: 50px;
    vertical-align: middle;
}

.tag .proposals { background: #29919b; border: 1px solid #29919b; }
.tag .comment,
.tag .Viewed,
.tag .viewed,
.tag .meeting { background: #bf62e1; border: 1px solid #bf62e1; }
.tag .decline,
.tag .denied,
.tag .Declined,
.tag .error,
.tag .deadline { background: #dd3128; border: 1px solid #dd3128; }
.tag .followup,
.tag .calendars { background: #725515; border: 1px solid #725515; }
.tag .replies,
.tag .open,
.tag .processing,
.tag .Pending { background: #3f55b3; border: 1px solid #3f55b3; }
.tag .notes,
.tag .Postponed,
.tag .draft { background: #dd8628; border: 1px solid #dd8628; }
.tag .invoices,
.tag .invoice,
.tag .Accepted,
.tag .active,
.tag .won { background: #299b49; border: 1px solid #299b49; }
.tag .clients,
.tag .closed { background: #0B4751; border: 1px solid #0B4751; }
.tag .followup,
.tag .sent, .tag .Sent { background: #725515; border: 1px solid #725515; }
.tag .reminder,
.tag .part-paid, .tag .Invoiced { background: #0B4751; border: 1px solid #0B4751; }

.bordered table td.date {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    width: 100px;
    text-align: right;
}

.bordered table#todays-events td.date {
    width:140px;
}
.bordered table td.amount,
.bordered table th.amount {
    width: 100px;
    text-align: right;
}

.bordered dd.amount {
    width: 50px;
    text-align: right;
    font-weight: bold;
}

.bordered table td.edit {
    vertical-align: bottom;
    text-align: right;
    width: 155px;
}
.bordered table td.edit a { color: #666; }
.bordered table td.edit a:hover { color: #7F0600; }

.iOS .bordered table td.edit p { visibility: visible; }
.bordered table td.edit p { visibility: hidden; }
.bordered table tr:hover td.edit p { visibility: visible; }

p.customize {
    text-align:right;
    padding: 5px 0;
}

p.customize a {
    color: #777;
    font-size: 11px;
}

.bordered table .email {
    color: #777;
}

.bordered table td a.client-url {
    color: #666;
}

.bordered table td a.client-url:hover { color: #666; }

.bordered table td .client-links {
    font-size: 11px;
}

.bordered table tr.noborder td { border: 0 }

.large-table-padded thead th,
.large-table-padded tbody td {
    padding: 10px;
}
.large-table-padded tbody td {
    color: #666;
}
.large-table-padded tbody td a.title {
    display:block;
    margin-bottom: 5px;
}


.yellow-box {
    background: #fffeee;
    border: 5px solid #fffeee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: both;
}

.yellow-box .inside {
    background: #FFFFEE;
    border: 1px solid #EBE9C5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    color: #555;
}

.yellow-box .white {
    background: #fff;
}

#error {
    clear: none;
    margin-bottom: 15px;
    overflow:hidden;
}

#error .inside, .error-modal .inside {
    background: #FF857F url(/images/layout/app/error.png) no-repeat 14px 12px;
    padding: 10px;
    padding-left: 40px;
}

.red-border {
    background: #cc3b35;
    border: 5px solid #cc3b35;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: both;
}

.red-border .inside {
    background: #FF857F;
    border: 1px solid #8F0700;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #5F0400;
}

.red-border .inside a { color: #5F0400; }
#success, #form-msg {
    margin-bottom: 15px;
}
.green-border {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: both;
}

.green-border .inside {
    background: #C8FF9F;
    border: 1px solid #66BF23;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #142F00;
    padding: 10px;
}

.green-border-small {
    background: #85CF4D;
    border: 1px solid #85CF4D;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    clear: both;
}
    .green-border-small .inside {
        background: #C8FF9F;
        color: #142F00;
        border: none;
        padding: 5px 10px;
    }

#success .inside,
#form-msg .inside {
    background: #C8FF9F url(/images/layout/app/okay-green.gif) no-repeat 10px center;
    padding-left: 36px;
}

.green-border .inside a { color: #142F00; }
.green-border .inside a.button { color: #555; }


.orange-border {
    background: #ebe9b0;
    border: 5px solid #ebe9b0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: both;
}

.orange-border .inside {
    background: #f8f7d2;
    border: 1px solid #f8f7d2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #666;
    padding: 4px;
}


#list_search .inside  {
    padding-top:5px;
    padding-bottom:5px
}

#listing-table thead, .large-table-padded thead {
  border-bottom: 1px solid #ccc;
}
#listing-table td.action {
    width: 100px;
}
#listing-table td.checkbox,
#listing-table th.checkbox { vertical-align: middle; }

#listing-table .client_phone {
  min-width: 85px;
}

#listing-table .client_added {
  min-width: 115px;
}

.listing-type {
    margin-top:5px;
    margin-left: 15px;
}
.listing-type a {
    color: #249E63;
}

.results-info {
    margin-left:10px
}
.results-info #action-container a {
    color:#9E5124;
    text-decoration: none;
}
.results-info #action-container a img {
    width: 12px;
    height: 12px;
}

ul.ul-left {
    list-style:none;
    margin-left:0
}
ul.ul-left li {
    float: left;
}

/*------------------ @dashboard ---------------*/

#create_steps {
    margin:10px 0 20px 10px;
}
#create_steps ol li {
    margin-top:10px;
}

td .proposal-tags, td .proposal-tags a {
    color:#888;
}

ul#pie_options {
    margin:5px 5px;
}
ul#pie_options li {
    list-style:none;
}
li.dashboard-stats table {
    margin-top:10px;
}
li.dashboard-stats td {
    border: none;
}
li.dashboard-stats td.stats-description {
    vertical-align:middle;
    font-size:16px;
    color:#666;
}
li.dashboard-stats td div.counter {
    padding: 6px 10px;
    color:#FFF; font-weight: bold; font-size: 16px
}

td.stats-description span {
    margin-left: 7px
}

.won-count {
    background-color:#299b49;
}
.lost-count {
    background-color:#dd3128;
}
.pending-count {
    background-color: #3f55b3;
}


/*------------------ @templates content & designs --------------------*/

div.advanced-options {
  float:left;
  padding:0 0 10px 130px;
}

ul.section-list {
    list-style:none;
    margin: 0;
    position: relative;
}
ul.section-list li {
    border: 1px solid #CCC;
    margin-top:-1px;
    background:#FFF;
}
ul.section-list li div {
    padding: 6px;
    padding-left: 16px;
}

ul.section-list li span.move {
    position: absolute;
    left: -5px;
    top: 8px;
    visibility: hidden;
}
ul.section-list li span.delete {
    position: absolute;
    right: 20px;
    top: 5px;
    visibility: hidden;
}
ul.section-list li:hover span.move {
    cursor: move;
}
ul.section-list li:hover span.delete, ul.section-list li:hover span.move  {
    visibility: visible;
}

#template_name_field {
    margin-bottom:10px;
}

#template_name_buttons {
    height: 28px;
    vertical-align: middle;
    font-size: 12px;
}

td.template-name {
    width: 160px;
}

/*------------------ @custom domain ------------------*/

table.cname-grid thead tr {
    border:none;
}

table.cname-grid thead tr th {
    font-style: normal;
    background:none;
    background-color: #DDD;
    border:1px solid #CCC;
    padding:3px 9px;
    color:#444;
    font-size:10px;
}

table.cname-grid tbody tr td {
    padding:3px 9px;
    border:1px solid #CCC;
    font-size:12px;
}

/*------------------ @notes ------------------*/
textarea.notes {
    height: 100px;
}

#notes .inside {
    margin-bottom: 5px;
    color: #666;
    padding: 15px;
}

#notes .inside p {
    padding-bottom: 15px;
}

#notes .inside:hover,
#prop_fields .blue-border-wrap .inside:hover {
    background: #fffeee;
}

.bordered table tr.noborder td.note-info {
    width: 90px;
    font-weight: bold;
    border-right: 2px solid #eee;
}

.note-info a {
    font-weight: normal;
}

#notes .note-info p {
    padding: 0;
}

.bordered table tr.noborder td.reply-info {
    width: 85px;
    font-weight: normal;
    font-size: 11px;
    border-right: 0;
}
.reply-info p {
    text-align: left;
}

.reply-info p.reply-date {
    font-size: 11px;
    color: #777;
    font-style: italic;
}

.reply-info p.reply-poster {
    font-weight: bold;
    font-size: 12px;
}

.bordered table.responses tr td {
    border-top: 1px solid #eee;
}
.all-replies {
    margin-left: -6px;
    border-top: 2px solid #eee;
}

.collapse-replies {
    font-style: normal;
}

#add-note {
    padding: 15px;
    background: #fffeee;
}

#add-note textarea {
    height: 80px;
    width: 351px;
    font-size: 11px;
}

.bordered table tr td.note-detail {
    padding-left: 15px;
}

.proposal-status {
    font-style: italic;
}

.proposal-filters label {
    padding-right: 10px;
}

.proposal-filters dd label input {
    vertical-align: top;
}

#proposal-list td.edit {
    width: 40px;
}

#proposal-comments {
    clear: both;
}

#proposal-comments .blue-border-wrap { margin-bottom: 15px; }

.comment-person {
    font-size: 11px;
    padding-top:15px;
    font-style: italic;
}

#recent-activity .inside {
    font-size: 11px;
    padding: 5px;
}

.comment-reply {
    margin-top: 5px;
}

.form textarea.comment-reply-text {
    width: 790px;
    height: 50px;
    font-size: 11px;
}

#email_message,
#subject_line {
    font-weight: normal;
    font-size: 11px;
}

/*------------------ @account ------------------*/
#browse-file {
    left:0;
    position:absolute;
    opacity:0;
    filter: alpha(opacity=0);
}

#logo-preview {
    padding-top: 5px;
}

.form input.hex {
    padding-left: 15px;
    width: 230px;
    background: #fff url(/images/layout/hash.png) no-repeat 5px 8px;
}

dl.settings dt {
    width: 165px;
}
dl.settings dd {
    margin-top:3px;
}
dl.settings dd select, dl.settings dd select option {
    font-size:11px;
}

/*------------------ @proposals -----------------*/

ul.nav-list-progress li {
    list-style: none;
    float: left;
}

.nav-list-progress {
    float: right;
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 20px; }

    .nav-list-progress li {
      text-align: center;
      height: 40px;
      width: 80px;
      z-index: 1;
      position: relative; }

      .nav-list-progress li:last-child {
        margin-right: 0; }
      .nav-list-progress li.active a {
        color: #FFF; }
      .nav-list-progress li a {
        color: #CCC;
        text-decoration: none;
        display: block;
        height: 40px; }
        .nav-list-progress li a:hover {
          color: #FFF;
          font-weight: bold; }
  .progress {
    width: 315px;
    height: 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  .progress-wrap {
    float: right;
    background: #FFF;
    margin: 0 0;
    margin-right: 42px;
    overflow: hidden;
    position: relative;
    top: -25px;
    z-index: 0; }
    .progress-wrap .progress-bar {
      -webkit-border-radius: 0 0 10px;
      border-radius: 0 0 10px;
      background: #CCC;
      left: 0;
      position: absolute;
      top: 0; }


a#advanced_settings_menu {text-decoration:none}
a#advanced_settings_menu div {
    color:#666;
    background:url(/images/layout/app/advanced-settings.png) top right no-repeat;
    width:250px
}
#advanced_settings_container select {
    width:260px; font-size:11px
}

#advanced_settings_container input[type=text] {
    width:250px; font-size:11px
}

#opening_sections_list, #closing_sections_list, #fees_list {
    padding-left:10px;
}

#opening_sections_list h4, #closing_sections_list h4, #fees_list h4 {
    color:#666;

}

#opening_sections_list ul, #closing_sections_list ul, #fees_list ul {
    list-style: none;
    width: 410px;
    height: 100px;
    overflow: auto;
    overflow-y:auto;
    overflow-x: hidden;
    border:1px solid #CCC;
    margin: 5px 0 10px;
}

#opening_sections_list ul li, #closing_sections_list ul li, #fees_list ul li {
    padding: 8px;
    margin-top:-1px;
    overflow: hidden;
}

#opening_sections_list ul li input, #closing_sections_list ul li input, #fees_list ul li input {
    vertical-align: middle;
    width:20px;
}

#opening_list {
    margin-left:18px;
    margin-top:6px;
    list-style: square;
}
#opening_list li {
    margin-top:-1px;
    background: none;
    padding: 3px 4px 3px 0;
}

.form select.sectionSelect {
    width: 610px;
}

#all_sections, ul#all_sections li.bordered {
    margin-left:0;
    list-style: none;
}

ul#all_sections li ul, ul#all_sections li ol {
    margin: 10px 20px 5px 20px;
}

ul#all_sections li li {
    padding: 2px;
}


ul#all_sections li ul {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}
    ul#all_sections li ul li {
        padding-top:4px;
        padding-bottom:4px;
    }

ul#all_sections li.bordered {
    margin-bottom:20px;
}

ul#all_sections li ul.actions {
    margin: 10px 20px 5px 40px;
}

div.add-section {
    margin-left:10px;
    margin-top:-10px;
    margin-bottom:15px;
}

div.add-section a {
    padding-left:16px;
    background: url(/images/add_12_nocolor.gif) 0 1px no-repeat;
    text-decoration:none
}

#all_sections div.section {
    border:1px solid #DDD;
    position:relative;
    padding-bottom:25px
}
    #all_sections div.section p {
        margin-top:15px;
        margin-bottom:15px;
    }

#section div.hint {
    background:#eee;
    border:1px solid #CCC;
    padding:25px;
    padding-bottom:10px;
    position: absolute; top:-10px; left: 35px;
    height: 80px; width:597px;
    overflow: auto; overflow-x: hide;
}

#all_sections div.section h4 {
    font-size:16px
}

#all_sections div.section .section_content {
    padding:0;
    height: 58px;
    overflow: hidden;
}

#all_sections div.section .section_content ul li,
#all_sections div.section .section_content ol li {
    position: relative;
    left: 20px;
}

#all_sections div.section .more_content {
    margin:0 15px -16px;
    padding:3px 20px;
    border:1px solid #CCC;
    background-color: #EEE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#all_sections table td, #all_sections table th {
    background:none;
    border:1px dashed #CCC;
    font-style: normal;
    padding:8px;
}

.iOS ul.actions {
    display:block;
}

ul.actions {
    position:absolute;
    top:0;
    right:0;
    display:none;
}
#all_sections div.section:hover ul.actions {
    display:block;
}

ul.actions li {
    padding:0;
    border:1px solid #CCC;
    background: #EEE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 3px;
}
ul.actions li a {
    display:block;
    padding:2px 16px;
    text-decoration:none;
    color:#666;
}
ul.actions li:hover {
    border-color:#999;
    color:#000;
    background:#FFF;
}

ul.actions li:hover a {
    color:#333;
}

ul.actions li.move {
    background-color:#FFF
}

ul.actions li a.handle {
    padding-left: 10px;
    /* background:url(/images/move_16.png) 9px 4px no-repeat; */
}

.save-to-library {
    float:right;
    margin-right:15px;
    margin-top:5px
}
.save-to-library a.quick-reference{
    color:#777;
    text-decoration:none;
    border-bottom:dotted 1px #777
}

.tab {
    margin-left:0;
    list-style: none;
    height:27px;
    position:relative;
    background-color: #FFF;
    padding-top: 0;
    border-bottom: none;
}

.fees-total{
    border-top: 1px solid black;
}

#fee_tabs .tab{
    visibility: hidden;
}

#fee_fields .fields select {
    height:29px;
}

.tab li{
    float:left;
    margin-right:1px;
    font-size: 14px;
}

.tab li a {
    padding:0 11px;
    color:#8F8E8E;
    background-color: #FFF;
    display:block;
    height:27px;
    text-decoration:none;
    float:left;
}

.tab li a.selected, .tab li a:hover {
    background:none;
    background-color: #FFF;
    color: #0b4751;
}

/** Dashboard tabs **/
.tab li h2 a { font-size: 14px; padding:3px 6px 0; height:16px; }
.tab li h2 a.selected { font-size: 20px;height:27px; padding-top:0px;}

#fee_list {
    list-style: none;
    margin-left: 0;
    width: 632px
}
#fee_list #one-time-fees .head, #fee_list #monthly-fees .head, #fee_list #yearly-fees .head, #custom-fees .head{
    font-weight: bold;
    background-color: #CCCCCC;
    padding-left: 10px;
    padding: 3px;
}
    #one-time-fees h3, #monthly-fees h3, #yearly-fees h3 {
        padding-top:25px
    }
    #one-time-fees hr, #monthly-fees hr, #yearly-fees hr {
        border-width:2px;
        padding:3px 0;
        margin:3px 0;
        width:100%
    }

#fee_list li {
    background-color: #FFF;
    padding:10px 0;
    cursor:move;
    border-bottom: 1px solid #ccc;
}
#fee_list li li {
    background:none;
    border-bottom:none;
}

#fee_list table td {
    padding:9px;
    line-height: 20px;
    border-bottom:none;
}

#fee_list td.description h4 {
    font-size: 14px;
}
#fee_list td.description p {
    color: #666
}

#fee_list select , #new_fee_div select {
    width: 506px;
}

#fee_list input , #new_fee_div input {
    width: 60px;
}

#edit_fee {
    margin-top:10px;
}

p.fck-container {
    margin-top: 15px;
}

.fee-options { overflow:hidden; }

.fee-options label {
    display:block;
    margin-top:4px;
    width:140px;
    padding-left:4px;
    float:left;
}
.fee-options label input, .fee-options label input[type=checkbox], #new_fee_div input[type=checkbox], #fee_list input[type=checkbox] {
    width:13px; height:13px;
    position:relative; top:-1px;
    padding:0; margin:0;
    vertical-align:middle;
    *overflow: hidden;
}

.bordered .proposal-outline {
    border:none;
    background:none
}
.bordered .proposal-outline a.jump-to {
    text-decoration: none;
    font-size:14px
}

.actionList {
    list-style:none;
    width:112px; margin:0 auto;
    text-align:left;
}
.actionList a {
    text-decoration: none;
    clear:both;
    font-size:11px;
    width: 70px;
    padding: 7px 18px;
    margin-bottom: 12px;
}
.actionList li {
    margin:15px 0;
    display:block;
    clear:both;
}

.delete-proposal {
    border-top:1px solid #CCC;
    padding-top:10px;
    text-align:center;
}
.delete-proposal a {
    color: #bb3029;
    text-decoration:underline;
    font-weight:bold;
    padding: 0;
}

.template-proposal {
    padding-top:5px;
    text-align:center;
}
.template-proposal a {
    color: #0A5A61;
    text-decoration:underline;
    font-weight:bold;
}

/*------------------ @invoices ------------------*/
#invoice-items {
    clear: both;
}

#id_quantity {
    width: 35px;
}

#id_quantity_type {
    width: 90px;
}

#id_description {
    height: 40px;
    width: 470px;
}

#id_price {
    width: 100px;
}

.item-price {
    font-weight: bold;
}

#invoice-total {
    font-weight: bold;
    font-size: 18px;
}

/*------------------ @proposal details ------------------*/

#esign_audit p {
    margin: 20px 0;
}
#proposal_activity_grid {
    border-bottom:1px solid #DDD;
    height:30px;
    padding:10px 10px
}
/*------------------ @proposal preview ------------------*/

body.preview-body {
    background:#f7f7f7;
    position:relative;
    height:100%;
}
body.preview-body #container {
    position:fixed;
    top:0;
    left:0;
    height:170px;
    background:#FFF;
    z-index:20;
}

.frame-container {
    /* border:4px solid #ccc; */
    background-color:#999;
    width:815px;
    /*  -moz-box-shadow: 0 0 2em #555;
    -webkit-box-shadow: 0 0 2em #555;
    box-shadow: 0 0 2em #555; */
    border:1px solid #BBB;
    position:relative;
    margin:0 auto;
    text-align:left;
    margin-bottom:100px;
    z-index:2;

}
.frame-inside {
    background-color:#FFF;

}

main.ribbon-preview {
    background:url(/images/preview/preview.png);
}
main.ribbon-Postponed {
    background:url(/images/preview/preview.png);
}
main.ribbon-Declined {
    background:url(/images/preview/declined.png);
}
main.ribbon-Accepted {
    background:url(/images/preview/accepted.png);
}
#main_frame {
    background-color: #FFF;
    width:815px;
    overflow: hide;
    z-index:2;
}
.positionHelper {
    z-index:9999;
}

div.fg-menu-container {
    background:#FFF;
    border:1px solid #bbb;
    border-top:0;
    margin-top:-1px;
    margin-left:4px;
    width:146px;
    z-index:9999;


}

ul.fg-menu li {
    background:#FFF;
    text-align:left;
    padding-bottom:3px;
    overflow: hidden;
}
ul.fg-menu li:hover {
    background:#EEE;
}


#loader-mask.preview-loader {
    background:#FFF url(/images/ajax-loader-large.gif) 370px 200px no-repeat;
    padding:0; margin:0;
    z-index:10;
    position:absolute; top:0; left:0;
    display:block;
}
.modal-loading {
    margin:20px auto;
    width:100%;
    height:100px;
    background:#FFF url(/images/ajax-loader-large.gif) 50% 50% no-repeat;
}

#header.preview-header {
    background: #067b8a;
    height:78px;
}

#header.preview-header .container {
    background:none;
    height: 60px;
}

#header.preview-header .container #nav {
    margin-top:5px;
    padding-left:0;
}

#nav a#preview-action-last {
    background: url('/images/layout/app/preview-button-bg.png') 0 0 no-repeat;
    width: 117px; height: 37px;
    padding:0;
    padding-top: 12px;
    display:block;
    text-align:center;
    text-decoration:none;
}

#nav a#preview-action {
    background: url('/images/layout/app/preview-button-bg.png') top right no-repeat;
    padding:0;
    padding-top:12px;
    display:block;
    text-align:center;
    width:130px;
    height:37px;
    text-decoration:none;
}

#nav a#preview-action-disabled {
    background: url('/images/layout/app/preview-button-bg.png') top right no-repeat;
    padding:0;
    padding-top:12px;
    display:block;
    text-align:center;
    width:130px;
    height:37px;
    text-decoration:none;
    color: #849192;
}

#template_options, #custom_options {
    list-style: none;
    margin-top:5px;
    margin-left:0;
}
#template_options li, #custom_options li {
    float:left;
    margin-right: 25px;
}
#custom_options li.smallmargin {
    margin-right: 8px;
}

#template_options li select, #custom_options li ul {
    width:115px;
}

#preview-subnav {
    width:100%; height:30px;
    border-bottom:1px solid #dfdfdf;
    background:#FFF;
    text-align:center;
}
#preview-subnav .subnav-container {
    margin:0 auto;
    text-align:left;
    width: 950px;
}

#color-swatch {
    border:1px solid #999;
    height:18px;
    width:90px;
}

#custom-dropdown {
    text-align:left;
    padding-left:15px;
    text-decoration:none;
    background: url(/images/layout/app/preview-dropdown.png) 0 0 no-repeat;
    display:block; width: 248px;
    height: 22px;
    padding-top:4px;
    margin-top:-4px
}

#main.preview-container {
    text-align:center;
    top:100px;
}

div.upgrade-text {
    padding:20px;
    text-align:center;
    font-size:15px;
}

/*------------------ @client landing ------------*/

#optional-fees-tab {
    width:50px; height:171px;
    position:fixed;
    top:260px; left:35px;
    background: url(/images/layout/app/tab-optional-fees.png) 0 0; z-index:1;
    display:block;
}

#comments_container ul {
    list-style:none;
    margin:0;
}

#header .ui-slider-horizontal {
    height: 35px;
    background:none;
    border:none;
}
#slider-container {
    margin-top:19px;
    margin-right:20px;
    width: 357px;
    height: 35px;
    background: url(/images/layout/app/preview-slider-horizontal.png) top left no-repeat;
    border:none;
}
#slider-container:hover {
    cursor:pointer;
}
#header .ui-slider-horizontal .ui-slider-handle {
    margin:0;
    width:89px;
    height:35px;
    background: url(/images/layout/app/preview-slider-handle.png) top left no-repeat;
    border:none;
    margin-top:4px;
    margin-left:-45px;
}

#header .ui-slider-accepted{background-position: -88px top !important; }
#header .ui-slider-declined{background-position: top right !important;}
#header .ui-slider-postponed{background-position: -175px top !important;}


#bottom-container {
    width:100%;
    border-top:1px solid #ccc;
    background:#fff;
}

#proposal-comment-container {
    margin:10px auto 30px;
    width: 815px;
    padding-bottom:20px;
}


#client_dialog p, #client_dialog ul, #client_dialog ol {
    margin-bottom:1em;
}
/*------------------ @account ------------------*/

#upgrade_box ul {
    list-style: disc;
    margin-left: 30px;
}
#upgrade_box ul li {
    font-size:12px;
    padding:3px;
}

#start-plan-box {
  width:100%; text-align:center;
}
#start-plan-content {
  overflow:hidden;
  padding: 10px 40px;
  width: 960px;
  margin:0 auto;
  text-align:right;
  font-size:12px;
  color:#CCC;
  margin-top:-3px;
  line-height:1em
}
  #start-plan-content .start-plan-button {
    float:right;
    margin-top:0;
    border:0;
    display:block;
    padding: 6px 15px;
  }
  #start-plan-content   .yearly-discount-button { width:127px; background:url(/images/layout/app/button-yearly-plan.png) no-repeat }

  #start-plan-content .days-remaining {
    float:right;
    padding-right:8px;
    padding-top:5px
  }
  #start-plan-content .bonus-text {
    float:right;
    padding-top:5px;
  }

#top-benefits-box {
  padding:10px;
  overflow:hidden;
}

  #top-benefits-box .seal-container {
    float:left;
    padding-top:15px
  }

  #top-benefits-box .plan-benefits-text {
    float:left;
    width:580px;
    padding-left:20px;
    font-size:14px;
  }

  #top-benefits-box .plan-benefits-text ol {
    margin-top:6px;
    line-height:1.8em;
  }

  #top-benefits-box a.tip {
    text-decoration:none;
    border-bottom:dotted 2px #999;
  }

#start-plan-button {
  border:0;
  display:block;
  width:276px;
  height:68px;
  background:url(/images/layout/app/start-plan-confirm-button.png) no-repeat;
}

#yearly-upgrade-button {
    border:0;
    display:block;
    width:276px;
    height:68px;
    background:url(/images/layout/app/upgrade-yearly-button.png) no-repeat;
}

#start-plan-link-box {
  width:276px;
  padding-top:6px;
  text-align: center;
}
/*------------------ @ckeditor --------------------*/

.bordered table.cke_editor td {
    border-bottom:none;
    padding:0px;
}
.bordered table.cke_editor tr:hover td {
    background:none;
}

.cke_skin_kama .cke_wrapper {
    padding:0;
}

/*------------------ @calendar -------------------*/


#upcoming_date {
    float: right;
    width: 90px;
    text-align:center;
    font-weight: bold;
}

.current-plan img {
    float: left;
    margin-right: 5px;
}

.current-plan span {
    display: block;
    font-size: 11px;
}

.current-plan strong {
    font-size: 14px;
}

.current-plan em { color: #0B4A54; font-style: normal;font-size: 14px; float:right; }

/*------------------ @footer ------------------*/
#footer {
    font-size: 11px;
    color: #84c2c7;
    padding-bottom: 20px;
}

#footer a {
    color: #067b8a;
}

#bidsketch {
    padding-top: 20px;
    text-align: center;
}

#pdf_download_wrapper a {
    margin:10px auto;
    text-align: center;
    width: 320px;
    color: #666;
    background-color: #EEE;
    display:block;
    float: none;
}

#Ambassador a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #ffffff;
    padding: 11px 20px;
    background: -moz-linear-gradient(
        top,
        #97c946 0%,
        #7daf2c);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#97c946),
        to(#7daf2c));
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #6f9e23;
    -moz-box-shadow:
        0px 0px 0px rgba(255,255,255,0),
        inset 0px 1px 0px rgba(255,255,255,0.3);
    -webkit-box-shadow:
        0px 0px 0px rgba(255,255,255,0),
        inset 0px 1px 0px rgba(255,255,255,0.3);
    text-shadow:
        -1px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.4);

    text-decoration:none;
    display:block;
}

h2.refer {
    background:url("/images/refer.png") no-repeat center left;
}

.ui-autocomplete {
    height:200px !important;
    overflow:scroll;
}

#shareLinksPanel {
    display: none;
}
.sharePanel div.share-label {
    margin: 20px 10px 3px;
}
#shareLinksPanel .yellow-box .inside span {
    float: right;
}
#shareLinksPanel .yellow-box .inside input {
    width: 80%; border:none; background: transparent; font-size: 13px
}
#get_share_link {
    background-color: #DDD;
    color: #333;
}
div#shareButtons:after {
    content: '';
    display: table;
    clear: both;
}

#send-to-esign{
    font-size:11px;margin-top:15px; margin-bottom:5px
}

#send-email-as-setting {
    padding:10px 0 0 0;
    margin:0 0 10px 0;
    overflow:hidden;
}
#send-email-as-setting .radio-item {
    float:left;
    width:50%;
}

#send-email-as-setting .radio-item input{
    width:auto;
    float:left;
    margin:3px 5px 0 0;
}

#AvailableIntegrations {
    overflow:hidden;
    padding:30px;
}
.integration-provider {
    width: 210px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.integration-provider p.buttons {
    padding:5px;
}

.integration-provider a.button {
    display: block;
    float: none !important;
    height: 27px;
    margin: 0 30px;
    padding: 8px 15px 0;
    text-align: center;
    width: 106px;
}


#smtp-setting {
    display:none;
}
.attachments {
    margin-top:10px;
    padding-top:10px;
    border-top:#eee solid 1px;
}
.attachments ul{
    margin:0;
    padding:0;
    list-style:none;
}

.note {
    background: #fffeee;
    border:1px solid #FFFAAA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: both;
    padding:5px;
    margin:10px 0;
}

#basecamp_export_form,
#bcx_export_form {
  overflow:hidden;
  padding-bottom:30px;
}

.hidden{ display: none; }

ul.unstyled{ list-style: none; }
ul.unstyled > li{ line-height: 20px; }
.medium-font{ font-size: 15px; }

#section-form-container {
  width:640px;
  padding-right:0;
  padding-bottom: 53px;
}

#fee-form-container {
  width:627px;
  padding-right:0;
  padding-bottom: 53px;
}

#fee-sidebar,
#section-sidebar {
  width:275px;
  padding-right:0;
}

.ui-helper-hidden-accessible{
  display: none;
}
.clear{
  clear:both;
}

/* Redactor/WYSIWYG editor specific CSS */

.redactor_editor span,
.redactor_editor em,
div.redactor_editor em,
.redactor_editor * {
  font-size: 14px;
  line-height: 1.6em;
}

.redactor_editor table {
    width:100%;
}

#section_description, #fee_description, #proposalsection_description_editor, #proposalfee_description, #editproposalfee  {
    height: 350px;
}

#proposalsection_description_editor {
    height: 375px;
}

#add-users-dialog .modal-inside{
    width: 500px;
}

#add-users-dialog .modal-inside #user-form{
    width: 450px;
    margin: auto;
}

#add-users-dialog .modal-inside #user-form dt{
    width: 60px;
    float:left;
}

#add-users-dialog .modal-inside #user-form dd{
    float:left;
}

#add-users-dialog .modal-inside #user-form dd.checkbox{
    position: relative;
    top: 10px;
    left: 20px;
}

#add-users-dialog .modal-inside .user-form-row{
    margin-bottom: 20px;
    margin-top: 10px;
}

#add-users-dialog .modal-inside .form-buttons{
    margin-left: 67px;
}

#add-users-dialog .modal-inside .form-buttons.upgrade{
    margin-top: 40px;
    margin-left: 10px;
}

.upgrade-plan .plans{
    margin: auto;
    width: 486px;
}

.upgrade-plan .plans .plan{
    margin-left: 15px;
    margin-bottom: 20px;
}

.upgrade-plan .plans .plan-status{
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 2px;
}

.ui-widget-overlay.ui-front{
    width: 100%;
}

.private-comment-check{
    text-align: right;
}

.inside.margbot5.private{
    background: #FFFFEE;
}

.form .private-comment-check input[type=checkbox]{
    float: right;
}

/* Co-editors css */
.ultraHide {
    display:none
}

.gmail_extra{
    display: none;
}

/* fees */


#new_fee_div #fee_fields .fields{
    display: block;
    overflow: hidden;
}

#new_fee_div #fee_fields .fields .fee_name, #new_fee_div #fee_fields .fields .type, #new_fee_div #fee_fields .fields .hours, #new_fee_div #fee_fields .fields .amount, #new_fee_div #fee_fields .fields .add-duration,  #new_fee_div #fee_fields .fields .number-of-duration{
    float: left;
}

#new_fee_div #fee_fields .fields .fee_name{
    width: 43%;
    margin-right: 1%;
}

#new_fee_div #fee_fields .fields .type{
    width: 15%;
    margin-right: 1%;
}

#new_fee_div #fee_fields .fields .hours{
    width: 13%;
    margin-left: 2%;
}

#new_fee_div #fee_fields .fields .custom{
    width: 40%;
    float: left;
    overflow: hidden;
}

#new_fee_div #fee_fields .fields .custom .qty{
    float: left;
    margin-right: 3%;
}

#new_fee_div #fee_fields .fields .custom .unit-price{
    float: left;
    margin-right: 3%;
}

#new_fee_div #fee_fields .fields .custom .per{
    width: 38%;
    float: left;
}

#new_fee_div #fee_fields .fields .custom .per select{
    width: 90%;
}

#new_fee_div #fee_fields .fields .number-of-duration{
    width: 15%;
}

#new_fee_div #fee_fields .fields .number-of-duration .duration-lbl{
    margin-left: 16%;
}

#new_fee_div #fee_fields .fields .number-of-duration .hide-link{
    margin-left: 38%;
}

#new_fee_div #fee_fields .fields .amount{
    width: 17%;
    margin-left: 2%;
}

#new_fee_div #fee_fields .fields .amount #lbl{
    margin-left: 13%;
}

#new_fee_div #fee_fields .fields .type select{
    width: 100%;
}

#new_fee_div #fee_fields .fields .add-duration{
    margin-top: 4%;
}

#new_fee_div #fee_fields .fields input.duration{
    margin-left: 15%;
    text-align: right;
}

#edit_fee .fields{
    display: block;
    overflow: hidden;
}

#edit_fee .fields .fee_name, #edit_fee .fields .hours, #edit_fee .fields .amount, #edit_fee .fields .add-duration,  #edit_fee .fields .number-of-duration{
    float: left;
}

#edit_fee .fields .fee_name{
    width: 43%;
    margin-right: 1%;
}

#edit_fee .fields .hours{
    width: 13%;
    margin-left: 2%;
}

#edit_fee .fields .custom{
    width: 40%;
    float: left;
    overflow: hidden;
}

#edit_fee .fields .custom .qty{
    float: left;
    margin-right: 3%;
}

#edit_fee .fields .custom .unit-price{
    float: left;
    margin-right: 3%;
}

#edit_fee .fields .custom .per{
    width: 38%;
    float: left;
}

#edit_fee .fields .custom .per select{
    width: 90%;
}

#edit_fee .amount{
    width: 18%;
    margin-left: 2%;
}

#edit_fee .fields .amount #lbl{
    margin-left: 13%;
}

#edit_fee .fields .number-of-duration{
    width: 15%;
}

#edit_fee .fields .number-of-duration .duration-lbl{
    margin-left: 16%;
}

#edit_fee .fields .number-of-duration .hide-link{
    margin-left: 38%;
}

#edit_fee .fields .add-duration{
    margin-top: 4%;
}

#edit_fee .fields input.duration{
    margin-left: 15%;
    text-align: right;
}

.fees-total{
    border-top: 1px solid black;
}

.tax-field{
    width: 50px;
    text-align:right;
}

#fee_tabs .tab{
    visibility: hidden;
}


#fee_list #one-time-fees .head, #fee_list #monthly-fees .head, #fee_list #yearly-fees .head, #custom-fees .head{
    font-weight: bold;
    background-color: #CCCCCC;
    padding-left: 10px;
    padding: 3px;
}

.apply-values-btn .button{
    margin-top: 10px;
}

h4 .extra_fee_details{
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
}

.global-fee .extra_fee_details{
    font-size: 11px;
    display: block;
    width: 154px;
}


.ui-dialog {
	position: fixed;
	display: block;
	z-index: 1002;
	outline: 0px none;
	width: 600px;
	top: 10px;
	left: 333px;
}
.ui-dialog-content {
	background: none;
}
.modal-inside {
	background: #fff;
	border: 1px solid #bbb;
	border-width: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
}
.modal-inside.page-break-modal {
  overflow-y: scroll;
  max-height: 650px;
}
#dialog-loading {
	width: 90%;
	height: 80%;
	position:absolute;
	z-index:10;
	text-align: center;
	background: url(/images/ajax-loader-large.gif) center center no-repeat;
}
.ui-widget-shadow {
	background: url(/images/layout/app/modal-border.png) repeat 0 0;
	border: 1px solid #7f7f7f;
	border-width: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ui-widget-overlay {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%;
	width: 100%;
	height: 100%;
	z-index: 1002;
}
/*.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } */
.ui-widget-overlay{
	opacity:0.9;
    background:#000;
}
/*
* For IE opacity... bleh.
***/
.ui-widget-overlay {
        filter: alpha(opacity = 90);
        zoom:1;
}
#mask {
	opacity:0;
	filter: alpha(opacity = 0);
    zoom:1;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block;
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-dialog-titlebar {
	display:none;
}

.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/* background: url(/images/layout/modal/888888_11x11_icon_close.gif) 0 0 no-repeat; */
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}

.ui-dialog-titlebar-close span {
	display: none;
}


/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.gmail_extra{
    display: none;
}


/* Chosen v1.3.0 | (c) 2011-2014 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
.chosen-container-single .chosen-single, 
.chosen-container-active.chosen-with-drop .chosen-single {
	background: none;
	height: 29px;
	border:1px solid #CCC;
}