/********************************      Basic Structure      ********************************/

html, body {	height: 100%; }
html {
                font-size: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

body {
                font-family: Arial, Helvetica, sans-serif;
                color: #555;
                background: #f0f0f0 url('../images/bg-body.png') top left repeat-y;
                font-size: 12px;
                }

#body-wrapper {
                background: url('../images/bg-radial-gradient.gif') fixed 200px top no-repeat;
				min-height: 100%;
                }                
#main {
				overflow:auto;
				padding-bottom: 50px;
}
/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				  position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
				}
				
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #B00702; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

/********************************      General Classes      ********************************/

.clear { clear: both; }

/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #B00702 url('../images/bg-button.gif') top left repeat-x !important;
                border: 1px solid #B00702 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Sidebar      ********************************/

#sidebar {
                background: url('../images/bg-sidebar.gif') top left no-repeat;
                width: 200px;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                color: #888;
                font-size: 11px;
                }

#sidebar #sidebar-wrapper {
                margin: 0 0 0 9px;
                }

#sidebar a,
#sidebar a:active {
                color:#ccc;
                }

#sidebar a:hover {
                color:#fff;
                }

#sidebar #sidebar-title {
                margin: 40px 0 40px 15px;
                }

#sidebar #logo {
                margin: 40px 0 10px 20px;
                font-size: 2em;
                height:74px;
                }
#sidebar #logo a {
                display: block;
                height:74px;
                background:url('../images/logo.fw.png') no-repeat center center;
                text-indent:-9999px;
                }
#sidebar #profile-links {
                padding: 0 15px 20px 15px;
                text-align: right;
                line-height: 1.5em;
                }
#sidebar #sys-info {
                padding: 20px 15px 15px 15px;
                text-align: right;
                line-height: 1.5em;
                }
#sys-info span { color: #bb0000; }
/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
                /**width: 206px;**/
                padding: 0;
                margin: 0 0 0 15px;
                font-family: Helvetica, Arial, sans-serif;
                }

#sidebar #main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: right;
                }

#sidebar #main-nav li a.nav-top-item {
                background: transparent url('../images/bg-menu-item.gif') right center no-repeat; /* Background image for default color scheme */
                padding: 10px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }

#sidebar #main-nav li a.current {
                background-image: url('../images/bg-menu-item-current.gif') !important;
                color: #333;
                font-weight: bold;
                }
                
#sidebar #main-nav li a.current:hover {
                color: #333;
                }

#sidebar #main-nav ul {
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: right;
				padding: 0;
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                font-size: 12px;
                line-height: 1.2em;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li a.current {
                background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
                }


/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }
				
#messages fieldset {
                margin: 0;
                }
				
#messages textarea {
                margin: 0 0 15px 0;
                }
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
                margin: 0 30px 0 215px;
                padding: 40px 0 20px 0;
                /**overflow: auto;**/
                }

.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
               
#page-intro {
                font-size: 17px;
                padding: 0 0 20px 0;
                }

				
#footer {
				border-top: 1px solid #ccc;
				padding: 20px 0 20px 0;
				font-size: 12px;
				position: relative;
				margin-top: -50px;
				margin-left: 260px;
				margin-right: 30px;
				height: 10px;
				clear: both;
                }

/************ Lists ************/

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                background: url('../images/icons/bullet_black.png') center left no-repeat;
                padding: 4px 0 4px 20px;
                }

/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box 
{
        border: 1px solid #ccc;
        margin: 0 0 20px 0;
        background: #fff;
}

.content-box-header 
{
        background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
        margin-top: 1px;
        height: 40px;
}
                
.content-box-header-search
{
        background: #e5e5e5 ;
        padding: 10px; 
}
.content-box-header-search-label  
{
        vertical-align: middle;
        line-height: 30px; 
        font-weight:bold;
        width: 40%;
} 
.content-box-header-search-item               
{ 
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding:3px;
        width: 60%;
        height: 29px; 
        outline: none;
        border: 2px solid #e5e5e5;
        border-radius: 0;
        background: #fff;
        font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
        color: #404040;
        appearance: normal;
       /* -moz-appearance: none;
        -webkit-appearance: none;*/
        transition: border-color .3s;
        -o-transition: border-color .3s;
        -ms-transition: border-color .3s;
        -moz-transition: border-color .3s;
        -webkit-transition: border-color .3s;    
}
 .content-box-header-search-button 
 {
        display: inline-block;
        text-shadow: none;
        padding: 5px 15px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.666;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #CCCCCC;
        color: #818181;
        background-color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        transition: all .1s linear;
}             

.add-xs-top 
{
        display: block; 
}
.row 
{ 
        margin-top: 2px;
        display: block;
}
.col-xs-6 
{
        width: 33%;
        display: block;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; 
        box-sizing: border-box;
}
          
.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #B00702;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }
                
.even .leftAlign.sorting_2 {background-color:#DFDCDC !important;}
.even .leftAlign.sorting_1 {background-color:#DFDCDC !important;}
/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
                }
                
#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }
              
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      
				
/*************** Pagination ***************/

#main-content .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button.gif') top left repeat-x !important;
                border-color: #B00702 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #B00702; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }

fieldset .display-label { float:left; width: 120px; clear:left; padding-bottom: 5px; font-weight: bold; line-height:1.3em; }
fieldset .display-field { float:left; margin-left:20px; padding-bottom: 5px; line-height:1.3em; }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }
                
form p label { float: left; width: 200px; }                
form input.button { margin-left: 200px; }
span.field-validation-error { color: Red; }

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png') no-repeat 3px 5px;
                border-color: #df8f8f;
                color: #665252;
                }
span.error { padding: 5px 5px 5px 25px; }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/

#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }

/*************** clearfix ***************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.column { float: left; margin-right:20px; }
.left { float: left; }
.right { float: right; }
.last { margin-right:0; }
.half { width: 50%; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
.olrstatus hr { margin-top:1em; }
.olrstatus label { font-weight: bold; }
.modal { padding-bottom: 20px; }
.label-column { width: 120px; }
.nowrap { white-space:nowrap; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

table.list { width: 100%; border-collapse: collapse; font-size: 11px; }
table.list thead th { font-weight: bold; border-bottom: 1px solid #ddd; white-space:nowrap; }
table.list tbody { border-bottom: 1px solid #ddd; }
table.list tbody tr { background: #fff; }
table.list tbody tr.alt-row { background: #f3f3f3; }
table.list td, table.list th { padding: 10px !important; line-height: 1.3em !important; }
.label-column, .val-column { line-height: 1.6em; }
div.result { line-height: 1.3em; }
td.vtop { vertical-align: top; }
td span.tools { padding-right: 20px; }

a.button { padding: 5px; display: inline-block; }
.content-box-header .right { margin: 10px 20px 0; }
.popup .content { line-height: 1.4em; }

div.progress-container { width: 200px; height: 16px; border: 1px solid #ccc; }
div.progress { background-color: #B00702; height: 16px; }

input.medium { width:250px; }
.select-normal { width: 200px; }
.text-wide { width: 400px; }

fieldset.cmxform { font-size:11px; }
fieldset.cmxform .editor-field input { font-size:11px; }
fieldset.cmxform .editor-label { float: left; width: 200px;  clear: left; padding: 0 0 10px; }
fieldset.cmxform .long-label .editor-label { width: 190px; }
fieldset.cmxform select { font-size: 11px; margin-left:0px; }
fieldset.cmxform div { padding-bottom: 10px; }
fieldset.cmxform .editor-field { float: left; width: 300px; }
fieldset.cmxform p { clear: both; }
th.num, td.num { text-align: center; }
div.detail, fieldset.cmxdetail { font-size: 11px; }
fieldset.cmxdetail .editor-label { width: 130px; font-weight: bold; }
fieldset.cmxdetail .editor-field { float: left; width: 200px; white-space:nowrap; }


.detail { clear:both; padding: 5px 0 0px; border-bottom:solid 1px #ccc; min-height: 20px; }
.detail label { float:left; width: 200px; display:block; font-weight:bold; }
.detail .val { float: left; width: 400px; }
.val input, .val select { font-size:11px; }
#search-results { width:auto; }
.result-box .loading { background: url(../images/loading_big.gif) no-repeat 50% 50%; }
#content-area { position: relative; overflow:hidden; }
#content-area.loading { background: url(../images/loading_big.gif) no-repeat 50% 50%; }
#content-area .cmxdetail { width: 100%; }
.content-box-content .links { font-size: 11px; text-align:right;padding: 15px 5px 10px; }
fieldset.custom-building .editor-label label { padding-top: 5px; }
fieldset.custom-building p.buttons { margin-left: 120px; }
fieldset.custom-building input.button { margin-left: auto; }

fieldset.custom-building .editor-label label { padding-top: 5px; }
fieldset.custom-building p.buttons { margin-left: 120px; }
fieldset.custom-building input.button { margin-left: auto; }
fieldset.custom-building .editor-label label { padding-top: 5px; }
fieldset.quickedit .editor-label { width: 120px; padding-bottom: 5px; }
fieldset.quickedit .editor-label label { padding-bottom: 5px; font-weight: bold; }
fieldset.quickedit .editor-field { width: auto; }
fieldset.quickedit p.buttons { margin-left: 120px; }
fieldset.quickedit input.button { margin-left: auto; }
fieldset.quickedit input { font-size: 11px; padding: 3px; }
div.quickedit .editor-label { width: 120px; }
div.quickedit .editor-label label { padding-bottom: 5px; font-weight: bold; }
div.quickedit .editor-field { width: auto; }
div.quickedit p.buttons { margin-left: 120px; }
div.quickedit input.button { margin-left: auto; }
div.quickedit input { font-size: 11px; padding: 3px; }
.update-frequency div.form-group { display: inline-block; padding: 0 8px 0 0 }
.update-frequency div.form-group label { display: inline-block; width: 25px; vertical-align: middle; margin-top: 1px; font-weight: normal; }

/***************** icons **********************/
span.icons { display: inline-block; }
.history-icon { width: 13px; height: 13px; background: url(/resources/images/icons/history.png) no-repeat 0 0; margin-bottom: -1px; }
.edit-icon { width: 13px; height: 13px; background: url(/resources/images/icons/icon7b.gif) no-repeat 0 0; margin-bottom: -3px; }
h5.edit-header { padding: 10px 5px 15px 0px; color: rgb(92,92,92) }
div.olr-agents { width: 350px; }
.note-container { width: 385px; }
.note-container div { padding-bottom: 3px !important; }
.note-row { background-color:#f0f0f0; padding: 5px; }
.note-row.header { border-bottom: solid 1px white; }
.note-row.comment { border-bottom: solid 1px white; }
.note-row textarea.comment { width: 320px !important; height: 16px; font-size: 10px; }
.note-row .user-thumb { margin-right: 8px; }
.note-row .note-body { width: 330px; }
.note-row .note-userid { color: #000; font-weight: bold; }
.note-row .note-date { padding-right: 10px; }
.note-row .note-content { width: 100%; }
.note-row .note-desc { padding: 5px 0; }
span.uiCloseButton { display: block; background-image:url(/resources/images/icons/cross.png);background-repeat:no-repeat;height:15px;width:15px}
.note-row span.uiCloseButton { margin-top: -3px; }
.action-links { font-size: 11px; margin-top: -15px; }
.content-box .action-links { margin-top: 0; padding-bottom: 5px; }
.loading_small { background: url(../images/loading_small.gif) no-repeat 100% 50%; padding-right: 20px; min-height: 20px; }
.flushLeft input.button { margin: 10px 10px 0 0; }


/***************** Tooltip **********************/
thead tr th a{color:#555;}
.hint{position:relative;display:inline-block;}
.hint:before,.hint:after{position:absolute;opacity:0;z-index:1000000;-webkit-transition:.3s ease;-moz-transition:.3s ease;pointer-events:none;}
.hint:hover:before,.hint:hover:after{opacity:1;}
.hint:before{content:'';position:absolute;background:transparent;border:6px solid transparent;position:absolute;}
.hint:after{content:attr(data-hint);background:rgba(0,0,0,0.8);color:white;padding:8px 10px;font-size:12px;font-weight:normal;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,0.3);}

/* top */
.hint-top:before{bottom:100%;left:40%;margin:0 0 -18px;border-top-color:rgba(0,0,0,0.8);}
.tools .hint-top:before{left:0%;}
.hint-top:after{bottom:100%;left:-50%;margin:0 0 -6px -10px;}
.hint-top:hover:before{margin-bottom:-7px;}
.hint-top:hover:after{margin-bottom:5px;}

/* default: bottom */
.hint-bottom:before{top:100%;left:50%;margin:-14px 0 0;border-bottom-color:rgba(0,0,0,0.8);}
.hint-bottom:after{top:100%;left:50%;margin:-2px 0 0 -10px;}
.hint-bottom:hover:before{margin-top:-6px;}
.hint-bottom:hover:after{margin-top:6px;}

/* right */
.hint-right:before{left:100%;bottom:50%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.8);}
.hint-right:after{left:100%;bottom:50%;margin:0 0 -13px 4px;}
.hint-right:hover:before{margin:0 0 -4px;}
.hint-right:hover:after{margin:0 0 -13px 12px;}

/* left */
.hint-left:before{right:100%;bottom:50%;margin:0 -8px -4px 0;border-left-color:rgba(0,0,0,0.8);}
.hint-left:after{right:100%;bottom:50%;margin:0 4px -13px 0;}
.hint-left:hover:before{margin:0 0 -4px;}
.hint-left:hover:after{margin:0 12px -13px 0;}

/***************** Filters **********************/

#quickSearch{width:170px;padding-left:3px;padding-right:3px;}
.searchBox,.filters,.bmls-filter{display:inline-block;margin-top:-2px;}
.bmls-filter ul{display:block;list-style:none;padding:0 !important;margin:0;margin-right:20px;}
.bmls-filter ul li{display:inline-block;margin:0;padding: 0 0 0 5px !Important;}
.bmls-filter ul li a{display:block;padding:5px 10px;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#333}
.filters ul{display:block;list-style:none;padding:0 !important;margin:0;margin-right:20px;}
.filters ul li{display:inline-block;margin:0;padding: 0 0 0 5px !Important;}
.filters ul li a{display:block;padding:5px 10px;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.filters ul li a.filters-synced{color:Green;}
.filters ul li a.filters-invalid{color:Red;}
.filters ul li a.filters-warn{color:#e05f17;}
.filters ul li a.filters-essential{color:Green;}
.filters ul li a:hover,.filters ul li a.active,.bmls-filter ul li a.active{color:#FFFFFF;background:#666;}
.filters ul li a.filters-synced:hover,.filters ul li a.filters-synced.active{background-color:Green;}
.filters ul li a.filters-invalid:hover,.filters ul li a.filters-invalid.active{background-color:Red;}
.filters ul li a.filters-invalid:hover,.filters ul li a.filters-warn.active{background-color:#e05f17;}
.filters ul li a.filters-synced:hover,.filters ul li a.filters-essential.active{background-color:Green;}
.filters.bottom-filter{display:none;text-align:right;margin-top:10px;}
.filters.bottom-filter ul{margin-right:0;}
.pagination-top { font-size: 10px; padding: 16px 0 0 0; }
.date-range { font-size: 10px;  padding: 9px 0 0 20px;  }
.date-range select { width: 90px; padding:5px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px;
    border-radius:4px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8; color:#888; border:none; outline:none;
    display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-size: 10px;
}
.date-range label {position:relative}
.date-range label:after { content:'<>'; font:11px "Consolas", monospace; color:#aaa;
    -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);
    transform:rotate(90deg); right:8px; top:-2px; padding:0 0 2px; border-bottom:1px solid #ddd;
    position:absolute; pointer-events:none; }
.date-range label:before { content:''; right:6px; top:-4px; width:20px; height:20px;
    background:#f8f8f8; position:absolute; pointer-events:none; display:block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}
.main-listings h3 { font-size: 14px; }

.open-house-toggle { margin: 10px 0 0 27px; display: inline-block;}
.open-house-toggle a { padding: 5px 8px; border-radius:3px; color: #fff; display: inline-block; background-color: #aaa; }
.open-house-toggle a:hover {
    color: white;
    background-color: #ddd;
}
.open-house-toggle a.checked {
    color: white;
    background-color: #B00702;
}

.open-house-toggle a.checked i {
    color: white !important;
}

.open-house-toggle .dropdown-filter {
    min-width: 120px;
    margin-top: -1px;
}
ul.search-company-result li {
    padding: 5px 2px !important;
    margin: 0;
    font-size: smaller;
}
ul.search-company-result li a:hover { color: coral; }

/***************** Glossary **********************/
.glossary span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.glossary span:first-child{margin-left: 0;}
.glossary span.largetop img{top:-7px;}
.glossary span img{position:absolute;left:0;top:-4px;}
.glossary span.smalltop img{top:-2px;}
.glossary span.smallertop{padding-left: 24px}
.glossary span.smallertop img{top:0px;}
.glossary .hint-top:last-child:after{ margin-left:-20px;right:0;left:auto;}

/***************** Status Colors **********************/
.status-pending { color: Red; }
.status-matched { color: Green; }
.status-synched { color: Green; }
.status-deleted { color: Red; }
.status-failed { color: Red; }
.status-rejected { color: Red; }
.status-conflict { color: Orange; }
.status-updated { color: Orange; }
.status-partial { color: Orange; }
.status-invalid { color: Orange; }
.status-ignored { color: Red; }
.status-warn { color: #1e9ad7; }
.priority-newagency { color: rgb(224,160,23); }
.priority-newlisting { color: rgb(224,95,23); }
span.flag > i { font-style: normal; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; margin: 0 0 -6px 4px; cursor: pointer; }
i.icon-flag { background-image: url(../images/icons/flag.png); }
i.icon-flagM { background-image: url(../images/icons/flag-selected.png); }
span.review > i { font-style: normal; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; margin: 0 0 -6px 4px; cursor: pointer; }
span.agent-review > i { font-style: normal; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; margin: 0 0 -6px 4px; cursor: pointer; }
span.review-status > i { font-style: normal; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; margin: 0 0 -6px 4px; cursor: pointer; }
i.icon-review { background-image: url(../images/icons/checkmark-unchecked.png); }
i.icon-reviewed { background-image: url(../images/icons/checkmark-checked.png); }
i.icon-notfixed { background-image: url(../images/icons/checkmark-checked-red.png); }
i.icon-noinfo { background-image: url(../images/icons/checkmark-checked-red.png); }
i.icon-partialinfo { background-image: url(../images/icons/checkmark-checked-orange.png); }
i.icon-reviewed.stale { background-image: url(../images/icons/checkmark-unchecked.png); }
i.icon-notfixed.stale { background-image: url(../images/icons/checkmark-unchecked.png); }
i.icon-noinfo.stale { background-image: url(../images/icons/checkmark-unchecked.png); }
i.icon-partialinfo.stale { background-image: url(../images/icons/checkmark-unchecked.png); }
span.percent-status { padding: 4px; width: 35px; display: inline-block; }
span.percent-status.warn { background-color: orange; color: white; }
span.percent-status.alert { background-color: red; color: white; }

/***************** UnitSale Detail **********************/
.detail {
    position: relative;
}
.detail.ignored,
.detail .ignored{text-decoration:line-through;}
a span.ignored, .editor-field .ignored, td .ignored {text-decoration:line-through;}
.detail .buttons{float:right;}
.detail .buttons a{padding:0 5px;}
.detail-form{display:block;text-decoration:none;padding:10px;margin-bottom:5px;}
.content-box .ignored .detail-form{text-decoration:none;}
.detail-form input,
.detail-form select,
.detail-form textarea{margin:5px 0;padding:0 3px;line-height:18px;min-width:205px;text-decoration:none;}
.detail-form select{padding-right:0;height:22px;}
.detail-form textarea{display:block;width:96%;font:11px Arial, Helvetica, sans-serif; height:60px;}
.js-disabled{color:#666;cursor:default;position:relative;}
.detail-form label{display: inline-block;width:100px;line-height:20px;padding-top:3px;float:none;}
.detail-form input[type="checkbox"]{min-width: 0;margin-right:5px;}

.content-box .display-none{display:none !Important;}
.content-box .display-block{display:block !Important;}
.content-box .text-center{display:block !Important;text-align:center;border-top:1px solid #ccc;margin-top:5px;padding-top:10px;}
span.override-value { font-weight: bold; color: Red; }
.detail-form h2 { font-size: 20px; text-align: center; border-bottom: 1px solid #ccc; margin-bottom:10px; }
p.disclaimer { padding-top: 10px; font-size:11px; text-align: center; }
div.hasoverride { background-color: rgba(255,0,0,0.05) ; }

.filter-header { position: relative; }
.filter-header .filter-dropdown { position: absolute; display: none; padding: 5px; margin-top: 4px; background-color: rgb(229,229,229)  }
.filter-header .filter-dropdown select{ padding:2px; border-color: transparent; }
.has-value > .fa-filter { color: orange; }

textarea.ignore-text-area { width: 250px !important; height: 100px; }

.content-table-row .detail:nth-child(odd) { background-color: #f7f7f7; }
.content-table-row .detail { padding: 10px 10px 0px 10px; }

.dropdown-filter {
    position: absolute;
    background-color: rgb(229,229,229);
    margin: 10px 0 0 0;
    padding: 5px 10px 5px 5px;
    list-style-position: inside;
    font-weight: normal;
    display: none;
    z-index: 10;
}

    .dropdown-filter > div {
        padding: 5px 0;
        text-align: left;
    }

    .dropdown-filter label {
        font-size: 12px;
    }

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
p.broker-summary {
    padding: 0px;
}

/** Acris **/
td.acris .document-icon {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-left: 5px;
}
span.public-sf {
    color: #bb0000;
}

a > span.apt { color: #4573bc; }
span.parcel-count {
    font-size: 11px;
    padding-left: 3px;
}

/***************** building media **********************/

div.media-section {
    margin-bottom: 10px;
}

    .media-section .title {
    }

    .media-section .media-list {
        padding: 0;
    }

.media-list .media-wrapper {
    position: relative;
    padding: 0;
}

.media-wrapper .media {
    position: relative;
    border: solid 1px #e5e5e5;
    width: 150px;
    height: 100px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 0 !important;
    overflow: hidden;
    background-color: #333;
}

.media-list div.add-media {
    position: relative;
    border: solid 1px #e5e5e5;
    width: 150px;
    height: 100px;
    position: relative;
    float: left;
    padding-bottom: 0 !important;
}

.add-media .add-url {
    position: relative;
    top: 40%;
    text-align: center;
    cursor: pointer;
}

.media .media-link {
    visibility: hidden;
    position: relative;
    top: 34px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
    .media .media-link i {
        color: #fff;
        font-size: xx-large;
    }

.media img.thumb {
    opacity: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}

    .media span.remove-icon {
        visibility: hidden;
        position: absolute;
        bottom: 5px;
        right: 5px;
        cursor: pointer;
        z-index: 1;
        padding: 3px;
    }
        .media span.remove-icon i {
            font-size: 12pt;
            color: #fff;
        }

span.remove-icon:hover {
    background-color: #fff;
}

span.remove-icon:hover i {
    color: #333;
}

.media:hover span.remove-icon {
    visibility: visible;
}

    .media span.remove-icon {
        visibility: hidden;
        position: absolute;
        bottom: 5px;
        right: 5px;
        cursor: pointer;
        z-index: 1;
        padding: 3px;
    }
        .media span.remove-icon i {
            font-size: 12pt;
            color: #fff;
        }

span.remove-icon:hover {
    background-color: #fff;
}

span.remove-icon:hover i {
    color: #333;
}

.media:hover span.remove-icon {
    visibility: visible;
}

.media span.edit-media-icon {
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 30px;
    cursor: pointer;
    z-index: 1;
    padding: 3px;
}

    .media span.edit-media-icon i {
        font-size: 12pt;
        color: #fff;
    }

span.edit-media-icon:hover {
    background-color: #fff;
}

    span.edit-media-icon:hover i {
        color: #333;
    }

.media:hover span.edit-media-icon {
    visibility: visible;
}

.media:hover img.thumb {
    opacity: 0.4;
}

.media:hover .media-link {
    visibility: visible;
}

#add-media {
    margin: 10px 10px 20px;
    min-width: 450px;
}

#add-media input {
    width: 450px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 5px;
}

#add-media button {
    height: 28px;
    width: 70px;
}

/* offering plans */
input#ProjectName {
    width: 320px;
}

input#SponsorName {
    width: 320px;
}

.badge {
    padding: 0.325rem 0.5rem;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.325rem;
    display: inline-flex;
    align-items: center;
}

.badge-success {
    background-color: #E8FFF3;
    color: #50CD89;
}

.badge-danger {
    background-color: #FFF5F8;
    color: #F1416C;
}

.badge-warn {
    background-color: #FFF8DD;
    color: #FFC700;
}

.badge-primary {
    background-color: #F1FAFF;
    color: #009EF7;
}

.display-none {
    display: none;
}