body { overflow-y: auto; margin-top: 0px; }
/* .yui-skin-sam .mask { opacity: 0.1; } */

div.yui-gf div.yui-u.first { width: 15%; }
div.yui-gf div.yui-u { width: 84%; }

div#index_main { border-left: 1px solid #000000; }
div#header { border-bottom: 1px solid #000000; }

h1 { font-size: 140%; font-weight: bold; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.nowrap { white-space: nowrap; }
.error { color: red; font-weight: bold; font-size: 17px}
.right { text-align: right !important; }
.warning { font-weight: bold; color: red; }
.currency { text-align: right !important; width: 70px; }
.top { vertical-align: top; }
.clear { clear: both; }
p.title { font-weight: bold; }
p.bottom { text-align: right; margin: 8px 0px; }

sup { line-height: 0px; vertical-align: super; }

.filledin { background-color: #ddeeff; }
.topSeparator { border-top: 3px solid black; }

.float > .left {
    float: left;
}
.float > .right {
    float: right;
}
.float > .clear {
    clear: both;
}
/* kinda big font */
.kindabig {
    font-size: 18px;
    font-family: "Karla", "ProximaNova-Regular-Web", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
}

/* BIG font */
.big {
    font-size: 24px;
    margin: 8px 0;
    font-family: "Karla", "ProximaNova-Regular-Web", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    color: #222222;
}

/* small font */
.small { font-size: 77%; }

.center { text-align: center !important; }
.hidden { display: none; visibility: hidden; }
.hidden2 { visibility: hidden; }

.dialog { visibility: hidden; }

input.attachmentCheck {
    margin: 0px 0px 3px 6px;
    vertical-align: text-bottom;
    width: auto !important;
    border: 0px !important;
}

/* Resizeable textareas */
div.resize { border: 1px inset #0a0aa0; margin-bottom: 4px; }
div.resize > textarea { width: 100% !important; border: 0px; display: block;}

/* Plain/HTML email buttons */
div.switchButtons {
    width: 100%;
    display: block;
    border-bottom: 1px dashed black;
    padding: 3px 0px;
    margin-bottom: 6px;
}

div.switchButtons div.switchPlain,
div.switchButtons div.switchHtml {
    float: left;
    margin-right: 24px;
    cursor: pointer;
}

div.switchButtons div.switchPlain:hover,
div.switchButtons div.switchHtml:hover {
    text-decoration: underline;
}

/* Dialogs */
div#dialogContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    *z-index: 10;
}

/* Title */
div#header_title {
    font-size: 42px;
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: #0a0aa0;
    padding: 12px;
}

div#header_title > a {
    display: block;
    text-decoration: none;
    color: white;
    border: 0px;
}

div#header_subtitle div {
    text-align: center;
    font-weight: bold;
}
div#motto1 {
    margin-top: 12px;
    padding-top: 2px;
    font-size: 24px;
}

div#motto2 {
    font-size: 16px;
    padding-top: 12px;
}

div#logo2 {
}

table#index_table p {
    margin-bottom: 8px;
}

/* Button images */
img.button {
    cursor: pointer;
    margin: 3px 4px;
    vertical-align: middle;
}

/* Icons */
img.icon {
    margin: 3px 4px;
    vertical-align: sub;
}

/* Links */
a { text-decoration: none; color: blue; }
a:visited { color: blue; }
a:hover { text-decoration: underline; }

ul.circle {
    margin-left: 8px;
}

ul.circle li {
    margin-bottom: 2px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 18px;
}

/* Footer */
div#ft {
    text-align: center;
    border-top: 1px solid black;
    color: #666666;
    margin-top: 12px;
    padding-top: 8px;
    clear: both;
}

div#ft ul.hspaced { margin: 0px; padding: 0px; }
div#ft ul.hspaced li { display: inline; margin: 0 0.5em; }

div#ft a { color: inherit; }
div#ft a:hover { color: blue; text-decoration: underline; }

/* Boxes on the left */
div#index_left div.box { padding: 2px; margin-bottom: 8px; }
div#index_left div.box div.box_hd { font-weight: bold; padding: 3px 0px 3px 8px; font-size: 118%; }
div#index_left div.box div.box_bd { margin: 2px; text-align: center; font-size: 77%; }

/* Forms */
form div.windowblinds { display: none; }
table.form td { padding: 3px; }
table.form td.info { vertical-align: top; }
table.form td.info div.title { padding-top: 18px; }
table.form td.label {
  width: 1%;
  padding-right: 5px;
  padding-top: 4px;
  vertical-align: top;
  white-space: nowrap;
  display: table-cell;
}
table.form td.label label.calendar {
    display: block;
    padding-top: 6px;
}

table.form td.info.readonly { color: #808080; }
table.form td.field { vertical-align: top; /* line-height: 2em; */ }
table.form td.field.readonly { color: #808080; }
table.form td.field.readonly * { color: #808080; }
table.form td.field.disabled { vertical-align: top; }
table.form td.field div.readonly textarea { background-color: #f0f0f0; }
table.form td.field input { width: 98%; border: 1px inset #0a0aa0; }
table.form td.field select { width: 98%; }
table.form td.field input.calendar { background-color: transparent; border: 0px; border-bottom: 1px solid #0a0aa0; padding: 0 2px; width: 100px; }
table.form td.field textarea { width: 98%; }
table.form td.field.readonly textarea { color: #808080; background-color: #e0e0e0; }
table.form td.field div { display: block; }
table.form td.field div.preview { padding: 5px; }
table.form td.field div.preview img { border: 1px solid black; }
table.form td.field input.phone { width: auto; }
table.form td.field input.embedded { width: 50px; }
table.form td.field select.embedded { width: 50px; }
table.form td.field input.embedded.long { width: 200px; }
table.form td.field input.embedded.phone { width: auto; }
table.form td.formatted input { width: auto; }
table.form td.label label em { color: red; font-weight: lighter; font-size: 20px; margin-left: 0em; }
table.form label.validation_bold { font-weight: bold; }

table.form input.VROS_Form_Check { width: 18px !important; border: 0px !important; }
table.form input.VROS_Core_Form_Checkbox { margin-left: -18px; width: 18px !important; border: 0px !important; }
table.form input.VROS_Form_Radio { margin-left: -18px; width: 18px !important; border: 0px !important;}
table.form .VROS_Core_Form_Textarea { line-height: 1.231; width: 97%; }
table.form table.multiple th { white-space: nowrap; font-weight: bold; text-align: center; }
table.form table.multiple td { white-space: nowrap; }
table.form table.multiple input { border: 1px inset #0a0aa0; }
table.form table.multiple .readonly { color: #808080; }
table.form table.multiple input.inline.enabled { color: #808080; }
table.form table.multiple td.buttons { text-align: right; }

table.form td.message {
    width: 50%;
    vertical-align: top;
    padding-left: 12px;
    padding-top: 8px;
    color: #808080;
}
table.form td.bubble { vertical-align: top; padding-left: 8px; width: 250px; }
table.form div.bubble {
    background-color: #ffff80;
    border: 1px solid black;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 5px;
    position: absolute;
}

table.form td.bubble div.bubble_arrow {
    border-color: transparent #ffff80 transparent transparent;
    border-style: solid;
    border-width: 7px;
    height: 0px;
    width: 0px;
    left: -13px;
    top: 50px;
    position: absolute;
}

table.form td.bubble div.bubble_arrow_border {
    border-color: transparent black transparent transparent;
    border-style: solid;
    border-width: 7px;
    height: 0px;
    width: 0px;
    left: -14px;
    top: 50px;
    position: absolute;
}

table.form td.buttons { text-align: center; }
div.buttons { text-align: right; }
div#formCalendarContainer {
  position: absolute;
  z-index: 9000002;
}
div#cal_confirmBlock_c {z-index: 312 !important;}
div#cal_confirmBlock_mask {z-index: 310 !important;}
div#cal_editor_holiday_dlg_c, div#expenseAddDialog_c, div#newpayment_dlg_c {z-index: 309 !important;}
div#cal_editor_holiday_dlg_mask, div#expenseAddDialog_mask, div#newpayment_dlg_mask {z-index: 308 !important;}

div.bd > div.buttons { margin: 12px 0px; text-align: right; }
div.bd > div.buttons.center { text-align: center; }

div.buttons img{
	padding:0px;
}
/* YUI table overrides */
.yui-skin-sam .yui-dt table { font-family: inherit;margin-top: 10px; }

.help_icon {
	/*width: 20px;/**/
	height: 20px;
	margin-top: 7px;
  margin-right: 25px;
  float: right;
  cursor: pointer;
}

.yui-skin-sam .yui-calendar td.calcell a,
.yui-skin-sam .yui-calendar td.calcell span{
  color:#1F497D !important;
}

.line-dashed {
border-bottom: 1px dashed #a0a0a0;
margin: 0px 0px 8px;
/*background: #ffffa0;*/
}

#transaction_add_365it{
  float: right;
  width: 150px;
}
#365it_button{
  float: left; 
}
#help365it_formHelp{
  float: right;
  padding-top: 5px;  
  width: 25px;
}
#365it{
  width: 200px !important;
}
#reservation_add_365it{
  float: right;
  width: 150px;
  margin-right: 15px;
}
#property_new_name {
  width: 98% !important;
}
li.list-group-item.activate-multiple-features:hover, li.list-group-item.activate-multiple-features {
  background-color: #005a8c !important;
  color: white !important;
}
li.list-group-item.deactivate-multiple-features:hover, li.list-group-item.deactivate-multiple-features {
  background-color: #00aeef !important;
  color: white !important;
}
li.list-group-item.multilanguage-tutorial:hover, li.list-group-item.multilanguage-tutorial {
  background-color: #ff5e3c !important;
  color: white !important;
}
li.list-group-item.multilanguage-tutorial a {
  text-align: center;
}
#setStatusMultiLanguage {
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  padding: 5px 20px;
}
td span.input-prepend > input.currency-advanced-search {
  box-sizing: border-box !important;
  text-align: center;
  border: 1px solid #CCCCCC;
  height: 27px;
  width: 125px;
  border-radius: 0 4px 4px 0 !important;
}
.currency_label-advanced-search {
  box-sizing: border-box !important;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 4px 0 0 4px;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 27px;
  line-height: 24px;
  min-width: 32px;
  padding-top: 3px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  vertical-align: bottom;
}
.input-prepend.input-prepend-advanced-search {
  margin: 0px;
}
.td-min-advanced-search {
  text-align: left;
}
.td-max-advanced-search {
  text-align: right;
}

textarea:focus, input:focus, select:focus{
    outline: none;
}
*:focus {
    outline: none;
}