.Commercial-AllCommercialSitesCss {}
 
.floatRight
{float:right;}

.floatLeft{float:left;}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color:#2db1ed;
}

a:hover {text-decoration: underline;}

.center {text-align: center;}

.loginOrRegister {margin: 10px 0 0;}

.loginOrRegister h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px;
    letter-spacing: 0;
}

h2.login {
    font-size: 14px;
    margin: -3px 0 21px;
    font-weight: bold;
}

.form-register h3,
.form-login h3,
.form-web h3 {
    font-size: 14px;
    color: #767676;
    text-align: right;
    width: 218px;
    margin: 0 0 15px;
    font-weight: bold;
}
.loginOrRegister .login {
    background: none repeat scroll 0 0 transparent;
    font-size: 14px;
    margin: -3px 0 21px;
}

.floatpanel, 
.floatleftimage {
    float: left;
    margin-right: 15px;
}

.form-register, 
.form-login {
    float: left;
    padding: 17px 0;
    background: none repeat scroll 0 0 #F3F3F3;
    margin-right: 10px;
    width: 460px;
}

.login-page .info-register,
.info-login, .info-register {
    float: right;
    font-weight: 700;
    overflow: hidden;
    padding: 11px 10px 130px;
    width: 460px;
}

.login-page .info-register .title,
.info-login .title, 
.info-register .title {
    font-size: 24px;
    line-height: 30px;
}

.password-recovery {
    margin-bottom: 10px;
    margin-top: 30px;
}

.form-register label, 
.form-login label {
    color: #767676;
    float: left;
    font-size: 11px;
    font-weight: 700;
    margin: 1px 11px 0 0;
    text-align: right;
    width: 218px;
}

.form-login input, 
.form-register input, 
.register-page input {
    float: left;
    margin: 0;
    padding: 2px 5px;
    width: 187px;
}

.form-login select, 
.form-register select, 
.register-page select {
    border: 1px solid #999999;
    float: left;
    margin: 0;
    width: 197px;
    padding: 2px 0;
    font-size: 11px !important;
}

.form-register .register-terms {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px 0;
    color: #767676;
    line-height: 18px;
    padding: 14px 11px 13px;
}

.form-register .thank-you {min-height:300px;}

.form-register .txt p, .form-register .register-terms p {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}

.form-login .remember-me input {
    border: none;
    text-align: left;
    width: 15px;
}

.holder, .registerRow {
    overflow: hidden;
    width: 100%;
}

.form-register .registerRow, form-login .settingrow {margin: 0 0 10px;}

.register-page input[type=submit],
.form-login input[type=submit],
.form-web input[type=submit],
.form-register btn-register,
.form-register .btn-update {width:auto;}

.info-login {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 425px;
}

.propertySelectorHolder {
    display: block;
    float: right;
    width: 300px;
    margin-top:10px;
    text-align:right;
}

.propertySelectorHolder select {
    width:190px;
    margin: 0 10px;
}

.propertyContactsHolder {list-style: none outside none;}

.propertyContactsHolder li.contactDataRow {
    width:460px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
    background-position: center top;
    background-repeat: repeat-x;
    float:left;
    margin: 0 10px 20px 0;
    height:200px;
}

.propertyContactsHolder .propertyContactTextContainer {
    float: left;
    margin-right: 5px;
    overflow: hidden;
    padding:10px;
    width: 280px;
    height:180px;
}

.ui-state-default, .ui-widget-content .ui-state-default {border:none;}

.propertyContactsHolder .contactMethodType {
    display: block;
    padding-top: 5px;
    font-weight: bold;
}

.propertyContactsHolder .contactMethodValue {display: block;}

.propertyContactsHolder .propertyContactImageContainer {
    float: right;
    padding-left: 1px;
    height:175px;
    overflow:hidden;
}

.propertyContactFunctions {
    clear:both; 
    float:none;
    width:450px;
    background-color:#595750;
    padding:5px;
}

.propertyContactFunctions a {
    color:#ffffff;
    font-size:large;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    font-size:12px;
    margin-right:10px;
    color:#2bd1ed;
}

/*Occupier Contacts*/
.occupierContactsHolder {list-style: none outside none;}

.occupierContactsHolder li {
    width:460px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
    background-position: center top;
    background-repeat: repeat-x;
    float:left;
    margin:5px;
    min-height:150px;
}

.occupierContactsHolder li h3.occupierTitle {
    margin:5px;
    border-bottom:1px solid;
}

.occupierContactsHolder li div.occupierInfo {
    margin:5px;
    width: 280px;
}

.occupierContactsHolder li div.occupierInfo div {margin:5px 0;}

/*Other*/

.documentAdd .settingrow,
.contentPanel .settingrow {
    clear: left;
    padding: 4px 0;
}

.documentAdd .settinglabel,
.contentPanel .settinglabel {
    clear: left;
    float: left;
    padding: 1px;
    width: 230px;
    margin-right:8px;
    overflow:hidden;
}

.settingrow .editor-container-fixed { float:left; }
.settingrow .editor-container-fixed .reWrapper { overflow:visible; max-height: 400px; }
.settingrow .editor-container-fixed iframe { max-height: 100%; }

.contentPanel .maxLengthValidator {font-size:xx-small;}

.contentPanel .colourPreview {
    float:left;
    border:1px solid #000;
    margin-left:5px;
    width:50px;
    height:20px;
}

.paddedPanel {padding:10px;}

.diaryCommentPanel textarea {width:500px;}

.diaryPanel select.textInput {width:260px;}

.diaryCommentPanel  input[type=text], .diaryPanel input.textInput {width:250px;}

.noPadding {padding: 0 !important;}


/*Helpdesk Tables*/
.helpdeskCommentsTable, .permitCommentsTable {width: 100%;}

.helpdeskCommentsTable th,
.permitCommentsTable th {
    font-weight: bold;
    background-color: #C0C0C0;
}

.helpdeskCommentsTable th {text-align:left;}

.helpdeskCommentsTable th, .helpdeskCommentsTable td {padding:5px;}

.helpdeskCommentsTableRow, .permitCommentsTableRow {vertical-align: top;}

.helpdeskCommentsTableRowalt, .permitCommentsTableRowalt {
    vertical-align: top;
    background-color: #EEEEEE;
}

.helpdeskCommentsTable td, .permitCommentsTable td {font-weight:normal;}

#actionButtons, .actionButtons {
    width:100%;
    text-align:right;
}

h1.toolTitle {
    color:#A7B1B5;
    font-size:36px;
    font-weight:700;
    line-height:1.4em;
}
    
h2.toolTitle {
    color:#000000;
    font-size:1.0em;
    font-weight:700;
    line-height:1.4em;
}
    
h3.toolTitle {
    color:#000000;
    font-size:0.8em;
    font-weight:700;
    line-height:1.4em;
}

/*Visitor Management*/

.OccupierForVm .alt {background-color: #ECECEC;}

.commercialModuleTitle {
    float:left;
    Width:625px;
    margin: 0;
    padding:20px 0 20px 5px;
}

.rgNoBorders {border:none !important;}

table.commercialContent {
    border-collapse: separate;
    border: 0;
    font: 1em/1.3em arial,sans-serif;
}

.visitorScreenModeSelector {
    position:relative; 
    float:left; 
    padding: 6px 0 5px 5px; 
    background-color:#fff; 
    color:#000; 
    text-decoration:none;
    border:2px solid #d7d7d0;
    margin: 0 5px;
    border-radius: 10px;
}

.visitorScreenModeSelector a {color:#000;}
.visitorScreenModeSelector a span {padding-right: 10px;}

.visitorScreenModeSelector .actionDropdown {
    background-color: #fff;
    color:#000;
    position:absolute; 
    width:236px; 
    height:auto; 
    border:2px solid #d7d7d0;
    left:-2px;
    top:28px;
}

.visitorScreenModeSelector .actionsHidden {display:none;}

.visitorScreenModeSelector .actionDropdown ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.visitorScreenModeSelector .actionDropdown ul li {
    display: block;
    padding: 5px;
}

    .visitorScreenModeSelector .actionDropdown .date-label
    {
        float:left;
        padding:9px 5px 0 0;
    }

/* top of table */

table.commercialContent .rgCommandRow, table.commercialContent .commandRow {
    background: #595750;
    color: #EFEFEF;
    height: 50px;
}

table.commercialContent .rgCommandCell {
    border-color: #999 #F2F2F2;
    border-style: solid;
    padding: 2px 10px;
    line-height: 16px;
    text-align: left;
}

table.commercialContent .rgCommandRow .rgCommandCell a {color:#ffffff;}

table.commercialContent .rgHeader a {color: #333}

table.commercialContent .rgRow,table.commercialContent .rgAltRow,table.commercialContent .rgHeader,table.commercialContent .rgResizeCol,
table.commercialContent .rgPager,table.commercialContent .rgGroupPanel,table.commercialContent .rgGroupHeader {
    cursor: default;
    
}

table.commercialContent .rgRow td,table.commercialContent .rgAltRow td,table.commercialContent .rgEditRow td,table.commercialContent .rgFooter td,
table.commercialContent .rgFilterRow td,table.commercialContent .rgHeader,table.commercialContent .rgResizeCol,table.commercialContent .rgGroupHeader td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

table.commercialContent .rgHeader,table.commercialContent th.rgResizeCol {
    font-weight: 400;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    background: #f0f0f0;
    border-color: -moz-use-text-color -moz-use-text-color #828282;
    border-style: none none solid;
    border-bottom: 1px solid #999;
    color:#000000;
}

/* Table header */

table.commercialContent .rgHeaderTitle {
    border-bottom:1px solid #cccccc;
    padding-top:20px;
}

/* stripes*/

table.commercialContent .rgAltRow {background: none repeat scroll 0 0 #f2efe6;}

table.commercialContent .rgRow td,table.commercialContent .rgAltRow td,table.commercialContent .rgEditRow td,table.commercialContent .rgFooter td {
    padding-bottom: 3px;
    padding-top: 4px
}

table.commercialContent a:link,table.commercialContent a:active,table.commercialContent a:visited {
    font: 12px/16px arial,sans-serif;
    text-decoration: none;
    font-weight: 400
}

table.commercialContent a:hover {
    font: 12px/16px arial,sans-serif;
    text-decoration: underline;
    font-weight: 400
}

table.commercialContent .rgSortAsc {
    background-image: url('images/tableimages.gif');
    background-position: 3px -248px;
    height: 10px
}

table.commercialContent .rgSortDesc {
    background-image: url('images/tableimages.gif');
    background-position: 3px -198px;
    height: 10px
}

table.commercialContent .rgAdd {
    background-image: url('images/tableimages.gif');
    background-position: 0 -1650px;
    margin-right: 3px;
    height: 18px;
    width: 18px
}

table.commercialContent .rgFooterDiv,table.commercialContent .rgFooter {background: none repeat scroll 0 0 #f0f0f0}

table.commercialContent .rgFooter td {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #999;
    color: #999;
}

table.commercialContent .rgWrap {
    float: left;
    line-height: 22px;
    padding: 0 10px;
    white-space: nowrap
}

table.commercialContent .rgInfoPart {float: right}

table.commercialContent .rgNoRecords {
    padding-left: 10px;
    padding-right: 10px;
}

table.commercialContent .newComment {
    color:Red;
    font-size:smaller;
}

table.helpdesk tbody tr td div {
    padding: 5px 0;
    overflow-y: auto;
    max-height: 120px;
}

table.helpdesk .helpdesk-category a {
    font-size:16px;
    font-weight:bold;
}

table.helpdeskComments tbody tr td {padding: 5px 0;}

table.helpdeskComments tbody tr td.UserInfo {
    font-weight:bold;
    width:175px;
    padding-left: 0;
}

.helpdeskCommentHeading {
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

table.helpdeskComments tbody tr td div {padding: 0;}

/* View tables */
.rgEditForm a {display:inline-block;}

.rgEditForm a, a.table-button {
    background-color: #2db1ed;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    display:inline-block;
}

.rgEditForm a:hover, a.table-button:hover {
    background-color: #047fb8;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    text-decoration: none!important;
}

/* Table links */
tr.rgRow td a, tr.rgAltRow td a {color: #047fb8 !important;}

.createWindow {min-height:400px;}

.permitCreateWindow input[type="radio"] {margin-left:5px;}

.permitCreateWindow div {margin-top:10px;}

.permitCreateWindow #actionButtons {margin-top:20px;}

.permitCreateWindow label {margin-left:5px;}

.permitCreateWindow .permitDisclaimer p {font-weight:bold;}

.mandatoryFieldIndicator {
    color:Red;
    vertical-align:top;
    font-size:108%;
}

#NewsArticles {
    list-style-type:none;
    list-style-position:outside;
    list-style-image:none;
}

#NewsArticles li {
    width:440px;
    margin: 0 10px 20px 0;
    float:left;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEYCAMAAABBUtdfAAABIFBMVEXz8Ofz8Ojz8efz8ejz8en08Of08Oj08On08ej08en08er08un08ur08uv18er18ur18uv18+r18+v18+z19Oz19O328+v28+z28+329Oz29O329O729O/29e739O339O739O/39e739e/39fD39u/39vD49e/49fD49fH49vD49vH49vL49/H49/L49/P59vL59/H59/L59/P5+PP5+PT5+fT6+PT6+PX6+fT6+fX6+fb6+vb6+vf7+fX7+fb7+ff7+vb7+vf7+vj7+/f7+/j7+/n8+vj8+/j8+/n8+/r8/Pj8/Pn8/Pr9+/n9+/r9/Pr9/Pv9/Pz9/fv9/fz9/vz+/Pz+/fv+/fz+/f3+/vz+/v3+/v7+//3+//7//v3//v7jSnvXAAABUklEQVQoFQXBgYHkMAzEMA4lZ/sv9y+O9AAAAEAJABGEHKhYwIEQukPFszHmWG/y87fuX5E+OPgh8aG2PMhrfu4YXCwcZQRFkCOvibQ79gqCtKyMX9m4GPxibYeezzwyooziILQYJBame+nQF0Hos77YeMvg+bxljeIo46OXTtuvL3bMCnK82n/O4xn/odd9fHAiKIIgKBbedq8g1T/6z37owavPNeUbD24EgyL20GLHrG8s+sOzXrpHlE/Wezy4GAwuQgcXWY27ko46jjKKEzuOPUh5cHFxsRAEO94SPJ+3De6Vtq9fG9zpg3nlSGRcDZ30rtBp+cz20Ge82iPjtIV7jQ6SNqZ0exAEoXPc6YOvFnI7+GlFECz86EavH9LmSmkcZVoM/aG4j8918Dvm2vi2Bz8svAhyu8vC2Zb+8KZ/yAiiIJixEL0xa8Wsbzz2N/8BD0OUN369ywEAAAAASUVORK5CYII=);
    background-repeat:repeat-x;
    background-position-x:center;
    background-position-y:top;
    min-height:200px;
    padding:10px;
}

#diaryItem h3.headline, #NewsArticles li h3.headline {}

#diaryItem div.publishDate,
#diaryItem div.publishCategory,
#NewsArticles li div.publishDate {
    padding:5px 0;
    color:#666666;
}

#diaryItem div.comment {font-style:italic;}

#diaryItem div.story, #NewsArticles li div.story {padding-top:10px;}

.propertyDocumentTree {float:left;}

.propertyDocumentTree ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.propertyDocumentTree li {
    padding: 3px 0 2px 16px;
    background: url('data:image/gif;base64,R0lGODlhEADwBvcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQAPAGAAj/AP8JHEiwoEGBAQ4qXHgwIcOHCx1CnEhQIkWKCTP+03ixYceLFj8yDClSIcmSBk+irLhyZMuIL03G9DizoMqXN1vmXLkTZc+SP0UG/Ti0Y1GQNW0mZbkUYVOnT49ifLqRqtSJVyFmfbjVZVSrYL+KbdoV5tilZWWeTZqWJtmwb9fWbJsSLlq7bPHO1TuTrlK5ffnG9Ms0ruG7gAcLxrlYZ2Oej31GBjpZaGWil6lq3sy5M9fMSBMzFu2YNGTTklFTVm2ZNWbXRkFPhR36cF7as23vxY1Vdm/eWn0HB/6ZuFfdgY2bRa5YuVrmo6GXln6aemrrq7G31v6ae2znbhF7/68tvvzt8bnN70b/m/1w98XhH1efXP5y+s3tP8cfnf90/9UBeJ2A2RG4nYHdIfidfuGdpyB5Dka43oPpSVgfhe1h+J6G8XE4n4X5eXgfiP2R+J+JAaI4oIoFsnigiwnCuKCI+8kI4YQ2VojjjhfmmKGPGwLZoZAf8hgikSMaWaKSJzKZopMrQtmilC9SGaOVMyJZI5Y39siljl6GeeSXP5IZpJlDolmkmEuy2aSbT8IZpZxT0lmlnVfimaWaSerZ5Zh+ggnooG0S+qahcSI6p6J1Mnqno3lCumegZVJ6pqVpYrqmpH8W6umhnyYa6qKjNlrqo6dGmuqknAq6aqegxv8qqqyk0mqqrajiqqqurL7qKq+wzipsrcPeWmyux+6abK/A/rpssMRGa6y0yFKrrLXMPussttBO6221314bbrbcbjtut+CmK6665J5rLrvoritvu/C+O2+89N5rb7784uvvvv9W2qrAvhLcrMHaIlyuwu4yXK/D+kLcL8AUSxzwpQNjXLDGB3OcsMcLg9ywyA+THLHJE1tcMcoXZ5qxyxvD3LHMH9Mcss0j41yyzifznDLLK/vc8qYxEz2z0TUjfbPSOTO9s9M9Q/2z0EFLPXSfL1tdNdZFc32010mDvbTYTZP9tNlRoz211iq3DbTbVMPN9tt0x1333Hbnjffeal//vaWmfW/9d9aBy1343YfrnTjfg3fd+NePhx352JOXXfnZl6ed+dqLd7653w3y+bngoQM+uuGnI5664qszXjrhrXv+uuOzQ1675LdTnrvlu2Peu+a/cx778MGDXhd4xzOYPI3Fk768ls2jHr3q07NevevPi3697Nmbvj3x3cP+/fjh016+7efjnr7u6/Pevu/vAx+/8OT/pbz9zM9vPP7Q6+88/9rzn/QESD0CWs+A2AOg9xDIPQWKj4Hgc6D5JIg+CqrPguzDoPs0CD8Oys+D9INg/QqTPxDuj4T9M+H/UBhAFQ7QhQWE4QFlmEAWLpCGDbThA3EYQR1O0IcVBOIFpoWYQSJu0IgdROIHlRhCHo5wIISBonBmyMQTShF5ThShFrPIxSqu8Ir38+ILxRhDMlIRjCU0Yw3RmEI15pCNLXRjD+F4Qzk+ESphpOMO7bhFPnZRjz8EZBAFOURCFtGQR0RkEhW5REY20Y+QdKQV8ZhGSX6Rkm205Bg1WUZOnhGTcfTkGkFZR1G+kZR7NOUcURlIVg7SlYWE5SFlmUhaLtIpGslIQAAAOw==') /*images/treeview-default-line.gif*/ no-repeat scroll 0 0 transparent;
}

.propertyDocumentTree .hitarea {
    cursor: pointer;
    float: left;
    height: 16px;
    margin-left: -16px;
    width: 16px;
}

.propertyDocumentTree ul li.closed > .hitarea {background: url(data:image/gif;base64,R0lGODlhYACFAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAABgAIUAAAj/AP8JHEiwoMGDCBMqXMjwH4CHABRCbEixosWLBCNi3Mixo0WNHkOKFAlypMmTKFOqPBmgpUuXK2OKDHCQpsybG206HKgTp8+GOkH2/EkUIU2ID//RXFq0KcGgPJ1KfTpQ6NSrQwVmvfrzpVeuYMOKVTq2rFmnW8+qXTsyLVuSb4uWjBq34USJSetynIvRrd6qfwMLHszV60vCIbf6RcxQMeOOjh/ndIiULFPJFCNjtqh5c+aanjkbbhm6tNTFplOvRK26tUnWpvm6Xigbdty7CXGrls3ZM+/ZwIMLjzua9HC6BW2Hhqr1OHKrzskijchU+WPmZKNjt7658/Di3KOLox9Pvrx5ir+jp8dcOXfe1uuP1xYff/j88/iVFhfvXfh2/oA1px1lE1X3XYDZOfffgAaFJxl4+UUo4YTO1SechcFhSJhuB3EYW4QazhYihSS2BiGDyQHYoIopDjidZQkC119wM8oImnb7lajjjjz+NSJ8IALnYUbv9aiag0YyhmSSf52o4I1ProgiVS5WZqB/UB5X42xbuuYkk2CGKeaYZJY5W0AAOw==) no-repeat scroll -80px -4px white;}
.propertyDocumentTree ul li.open > .hitarea {background: url(data:image/gif;base64,R0lGODlhYACFAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAABgAIUAAAj/AP8JHEiwoMGDCBMqXMjwH4CHABRCbEixosWLBCNi3Mixo0WNHkOKFAlypMmTKFOqPBmgpUuXK2OKDHCQpsybG206HKgTp8+GOkH2/EkUIU2ID//RXFq0KcGgPJ1KfTpQ6NSrQwVmvfrzpVeuYMOKVTq2rFmnW8+qXTsyLVuSb4uWjBq34USJSetynIvRrd6qfwMLHszV60vCIbf6RcxQMeOOjh/ndIiULFPJFCNjtqh5c+aanjkbbhm6tNTFplOvRK26tUnWpvm6Xigbdty7CXGrls3ZM+/ZwIMLjzua9HC6BW2Hhqr1OHKrzskijchU+WPmZKNjt7658/Di3KOLox9Pvrx5ir+jp8dcOXfe1uuP1xYff/j88/iVFhfvXfh2/oA1px1lE1X3XYDZOfffgAaFJxl4+UUo4YTO1SechcFhSJhuB3EYW4QazhYihSS2BiGDyQHYoIopDjidZQkC119wM8oImnb7lajjjjz+NSJ8IALnYUbv9aiag0YyhmSSf52o4I1ProgiVS5WZqB/UB5X42xbuuYkk2CGKeaYZJY5W0AAOw==) no-repeat scroll -64px -25px white;}
.propertyDocumentTree ul li.open ul {display:block;}
.propertyDocumentTree ul li.closed ul {display:none;}

.commandArea #mainActions {float:left;}

.commandArea #otherActions {
    float:left;
    position:static;
    padding: 0 17px;
}

.commandArea #otherActions .actionDropdown {
    width:250px; 
    position:absolute;
    background-color:#2db1ed; 
    border-radius: 0 3px 3px 3px;
}

.commandArea .actionsHidden {display:none;}

.commandArea #otherActions .actionDropdown ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.commandArea #otherActions .actionDropdown ul li {
    padding:5px;
    display:block;
}

.listlfa-applications-grid {width: 99%;}

.lfa-comment {
    width: 90%;
    max-height:600px;
    overflow: auto;
    border-top: 1px solid #000;
    padding: 20px;
}

.lfa-link-users {
    padding: 10px;
    width:705px;
    height: 530px;
    font-size:13px;
}


.lfa-link-users .users-search {
    height:150px;
    width:330px;	
    margin-bottom:10px;
    margin-left:10px;
    float:left;
}

.listlfa-filter-controls {
    padding: 10px !important;   
    background:#faebd7;
    margin-bottom:10px;
}

.listlfa-search-filter {
    /*width: 99%;*/
    margin-bottom:10px;
}

.listlfa-search-filter h3.ui-state-active{border-width: 0 !important;}

.listlfa-search-filter-open, .listlfa-search-filter-closed {cursor: pointer;}

.listlfa-filter {
    float:left;
    vertical-align:text-bottom;
    margin-right:5px;	
    height:85px;
}

#selecteduser  label, .lfa-link-users .users-search label {
    width:115px;
    display:block;
    float:left;	
}

.lfa-conditions-acceptance {
    width:480px;
    text-align:center;
    padding: 5px;   
    margin:auto;
    margin-top:10px;    
}

.lfa-conditions-acceptance h1, .lfa-conditions-acceptance p {margin-bottom:10px;}

.lfa-conditions-acceptance .lfa-terms-conditions {
    height:250px;
    width:480px;
    overflow-y:scroll;
    text-align:left;
    font-size:12px;
    border:1px solid #000000;
    padding:2px 2px;
    background-color: #dcdcdc;
}

.lfa-conditions-accept-container{padding-top:10px;}

.lfa-participant-role-edit {padding:5px;}

.lfa-participant-role-edit label {
    width:115px;
    display:block;
    float:left;	
}

.lfa-participant-role-edit .buttons {
    float:right;
    margin-right:30px;
}

.listlfa-applications-grid > .comment {
    border-bottom:1px solid #595750;
    padding:10px 0 5px;
}

.listlfa-applications-grid .commentMetaData {padding:5px 0;}

.listlfa-applications-grid .commentMetaData .commentBy {
    font-weight:bold;
    padding: 0 5px 0 0;
}

.listlfa-applications-grid .commentMetaData .commentDate {
    padding: 0 0 0 5px;
    font-size:0.9em;
}

.listlfa-applications-grid .commentData {padding:5px 0;}
.listlfa-applications-grid .commentData strong {font-weight:bold;}
.listlfa-applications-grid .commentData em {font-style:italic;}

.listlfa-applications-grid .commentData ul,
.listlfa-applications-grid .commentData ol {padding-left:15px;}

.listlfa-applications-grid .commentActions {padding:5px 0;}

.listlfa-applications-grid .commentActions .commentReply {padding: 0 10px 0 0;}

.listlfa-applications-grid .commentActions .replyLabel {padding: 0 5px;}

#selecteduser {
    float:left;
    width:300px;
    margin-left:20px;
}

#selecteduser-details {
    margin-top:5px;
    margin-bottom:5px;
}

#selecteduser-details .row {height:25px;}

#selecteduser-details .buttons {
    float:right;
    margin-top:5px;
}

#toolsArea .contentPanel p {
    padding: 0 0 10px 0;
    margin: 0;
}

.filters {
    background: #595750;
    color: #EFEFEF;
    padding: 20px 10px 15px 10px;
    border-bottom:1px solid #777777;
}

.filters .date-range {
    float:left;
    margin-right:20px;
}

.filters .date-submit {float:left;}

.filters .date-submit input[type="submit"] {margin: 0;}

.filters .sections {float:left;}

.filters #or.sections {
    width:100px;
    text-align:center;
    padding:20px 0;
    border-left:1px solid #777777;
    border-right:1px solid #777777;
    margin: 0 20px;
}

.filters .validator {
    width:915px;
    background-color:#e90909;
    padding:10px;
    margin-bottom:10px;
}

.filters .validator ul {list-style:none;}

.commandArea {
    width:935px;
    border-color: #999999 #F2F2F2;
    border-style: solid;
    line-height: 16px;
    padding: 15px 10px 10px 10px;
    text-align: left;
    background: none repeat scroll 0 0 #595750;
    color: #EFEFEF;
    height: 25px;
}

.documentAdd {padding-top:20px;}

.commandArea a, .documentAdd a {
    background-color: #2DB1ED;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0 10px 0 0;
    padding: 7px;
}

.permitDetailsLeft {
    float:left;
    width:460px;
}

.permitDetailsRight {
    float:right;
    width:460px;
}

.documentAdd .multiLineLabel, #toolsArea .multiLineLabel {
    clear: left;
    float: left;
    padding: 1px;
    width: 15em;
    margin-right:8px;
}

.documentAdd .settingrow .file-upload {
    width:250px;
    overflow:hidden;
}

.permitDetailsLeft .labelsmall, .permitDetailsRight .labelsmall {font-size: 10px;}

.contactsEditPanel .settinglabel {width:15em;}

.contactsEditPanel input[type="text"] {width:250px;}

.contactsEditPanel .contactDetailsLeft {
    float:left;
    width:560px;
}

.contactsEditPanel .contactDetailsRight {
    float:right;
    width:360px;
}

.contactsEditPanel .contactDetailsRight .settinglabel {float:none;}

.contactsEditPanel .contactDetailsRight .ruFakeInput {width:150px;}

#documentPopupArea .settinglabel, .permitDetailsLeft .settinglabel, .permitDetailsRight .settinglabel {width:15em;}

.permitDetailsLeft .permitTextBox, .permitDetailsLeft textarea, .permitDetailsRight textarea, 
.permitDetailsRight .permitTextBox, .permitDetailsRight .permitDropdown {width:20em;}

.permitDetailsLeft textarea, .permitDetailsRight textarea {height:150px;}

.permitAddTemplateDowndown {
    position:relative;
    display:none;
    z-index:100;
}

.permitAddTemplateDowndown .inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAAPCAMAAABpyVVCAAABcVBMVEUAAACAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANDQ0AAAAAAAAAAAAAAAAAAAAnJycAAAAGBgYAAAAAAAAFBQUAAAAAAAAAAAAFBQUSEhIAAAAsLCwjIyMtLS0tLS03NzcuLi4uLi5HR0ddXV1VVVVZWVlYWFhkZGRmZmZbW1tjY2Nra2tzc3NycnJxcXFzc3N1dXV0dHR5eXl6enp8fHx8fHx9fX1+fn5+fn5+fn5/f38zMzM1NTU5OTk7Ozs9PT0+Pj5AQEBJSUlRUVFTU1NVVVVWVlZYWFhdXV1eXl5fX19gYGBoaGhycnKAgIB0l8GtAAAAZ3RSTlMAAAECAwQFBgcICQoLDA0PEBITFRYXGBkaGxwdHyAhIiQmJygpKissLS4vMDEyMzQ2Nzg5Ozw9QEFDREZHSElMTU5PUlJXWGFkbm93fX6MoKOkpqiqrbrM1dvf3+Lk7u7x9/j5+vz9BjKb6AAAAWNJREFUSMfVlcFu2zAQRHeHS1GyadUyECVxkBTt//9TgRa9FEjSOopsheSyh6JA2+QmCqjnRMxh8DhLLJmKCwxjwKopKSktKH7zOCsRYsUKa4ghpJyLob5OMoXhGaZyjd+0PawhJsq8XPOF4Rm2dv7d7up2XxsLJuJ8JvC/am+77rK/4GsjbJmXLL8kPMPWbrPtLvqPdNKpbZwRZsJi5QsRiMFcpHepV227222+ExGdcFc3VXM4TjFpUf6cs2ZSYgIgAmB28wxxftV1N2P4bbnVpx+P4xBiSfhMqhqjqjIg1tZWDGbDm6pad1s//mn6h8fD+BJSSXhNMZxCiMoQ59a+sXb2uwGM214P6W+3Wn05vCQt+VnlEI7D8zRFNq7e9Hf+pkzs8fjabJri2+br8Pnb02kSSO3ff3i+X24bv3WhmVr3PIYYwLCN/3fW/7vS4BsLBkOqvdKZSfeVgMEwQmcoMeCferF4r4sewsMAAAAASUVORK5CYII=);
    background-position: center top;
    background-repeat: no-repeat;
    left: -80px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 200px;
}

ul#inner-bottom {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAACzCAMAAAAEwYZMAAAAclBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANDQ0AAAAAAAAAAABmZmZnZ2dnZ2d7e3t8fHwzMzM5OTk6OjpeXl6AgIDC/9+NAAAAIXRSTlMAAQIDBAUGBwkMDRATFhccIiMoKy0uMDs8RElMqqyv8PFC4wwzAAABEUlEQVR42u3dQWoDQQwEQGmy2JD/vzVgr0edW96QgeoXFE3rrH4+ns/vT52W6+f1eq/qriPTXasODjw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PPz/xidnypNadag+qVrJqfhkJTP3cR/k+55JVpJ81mF3u9ZOkmtm3+vdj6Pw79z3nrmyu2v63X3Q3Cf3Z+9cNfPJ9Opj9Ekme89UV6/1tbq7jsFXktkz6aquk3r/675Sv65TX/jGx5sLAAAAAElFTkSuQmCC);
    background-position: center bottom;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 5px 0 15px 20px;
}

ul#inner-bottom li {
    color: #CCCCCC;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 2px 0;
    background:none;
    border:none 0;
}

ul#inner-bottom li a {
    background-color: transparent;
    border: medium none;
    color: #2DB1ED;
}

/*New Thickbox window for Permits */
#TB_window.tools-popup,
#TB_window.newPermitPopup {
    background-color: #333333;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #333333;
    padding: 5px 5px 10px 10px;
    border:3px solid #000000;
    color:#ffffff;
}

body.tools-popup, body.newPermitPopup {
    color:#ffffff;
    background-color:#333333;
}

body.tools-popup #actionButtons, body.newPermitPopup #actionButtons {padding: 14px 0;}

body.tools-popup a,
body.tools-popup button,
body.newPermitPopup a,
body.newPermitPopup button {
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    margin: 0 10px 0 0;
}

body.tools-popup a:hover,
body.tools-popup button:hover,
body.newPermitPopup a:hover,
body.newPermitPopup button:hover {text-decoration: none!important;}

body.tools-popup a.positiveAction,
body.tools-popup button.positiveAction,
body.newPermitPopup a.positiveAction,
body.newPermitPopup button.positiveAction {background-color: #2db1ed;}

#toolsArea .negative-action,
body.tools-popup a.negativeAction,
body.tools-popup button.negativeAction,
body.newPermitPopup a.negativeAction,
body.newPermitPopup button.negativeAction {background-color: #969696;}

body.tools-popup a.positiveAction:hover,
body.tools-popup button.positiveAction:hover,
body.newPermitPopup a.positiveAction:hover,
body.newPermitPopup button.positiveAction:hover {background-color: #047fb8;}

body.tools-popup a.negativeAction:hover,
body.tools-popup button.negativeAction:hover,
body.newPermitPopup a.negativeAction:hover,
body.newPermitPopup button.negativeAction:hover {background-color: #8f8f8f;}

body.tools-popup .maxLengthValidator,
body.newPermitPopup .maxLengthValidator {font-size:xx-small;}

#toolsArea .registerContent {width: 410px;}

.listbookings-search-filter,
.vehiclecheckin-search-filter {
    background: none repeat scroll 0 0 #FAEBD7;
    border-bottom: 1px solid #777777;
    color: #000000;
    padding-top:10px;
}

.listbookings-search-filter-closed, .listbookings-search-filter-open, 
.vehiclecheckin-search-filter-closed, .vehiclecheckin-search-filter-open {
    background-color: #2DB1ED;
    color: #FFFFFF;
    display: block;
    padding: 7px 0;
}

.listbookings-search-filter-open, 
.vehiclecheckin-search-filter-open {border-radius: 3px 3px 0 0;}

.listbookings-search-filter-closed,
.vehiclecheckin-search-filter-closed {border-radius: 3px 3px 3px 3px;}

.listbookings-search-filter-closed div,
.listbookings-search-filter-open div,
.vehiclecheckin-search-filter-closed div, 
.vehiclecheckin-search-filter-open div {padding: 0 7px;}

.vehiclecheckin-grid .table-button
{
    color:#fff !important;
    width:60px;
}

.listbookings-filtervalue, .vehiclecheckin-filter-settingrow {
	float: left;
    padding:2px;
}

.listbookings-infobar , .listbookings-grid, .listbookings-filter-buttonrow, .vehiclecheckin-filter-buttonrow {
	clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.vehiclecheckin-filter-buttonrow {
    padding-right:10px;
     width: 31%;
}

.listbookings-search-filter .sections {float: left;}

.listbookings-search-filter #or.sections {
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
    margin: 30px 20px 0 20px;
    padding: 20px 0;
    text-align: center;
    width: 60px;
}

.vehiclecheckin-commercialModuleTitle {float: none;}

.vehiclecheckin-search-filter {padding-bottom: 10px;}

.vehiclecheckin-settinglabel {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

.vehiclecheckinpopup-settinglabel {clear: none !important;}

.resolvebookingconflict-badrampdates, 
.resolvebookingconflict-badbaydates,
.resolvebookingconflict-badliftdates {padding: 0 3px 0 3px;}

.resolvebookingconflict-badrampdates, 
.resolvebookingconflict-badrampdates-title,
.resolvebookingconflict-badrampdates-start,
.resolvebookingconflict-badrampdates-end {
	font-size: 10px;
	color: white;
	display: inline;
    padding: inherit;
}

.resolvebookingconflict-badbaydates,
.resolvebookingconflict-badbaydates-title,
.resolvebookingconflict-badbaydates-start,
.resolvebookingconflict-badbaydates-end {
	font-size: 10px;
	color: white;
	display: inline;
    padding: inherit;
}

.resolvebookingconflict-badliftdates,
.resolvebookingconflict-badliftdates-title,
.resolvebookingconflict-badliftdates-start,
.resolvebookingconflict-badliftdates-end {
	font-size: 10px;
	color: white;
	display: inline;
    padding: inherit;
}

.resolvebookingconflict-badrampdates-date,
.resolvebookingconflict-badbaydates-date,
.resolvebookingconflict-badliftdates-date {
	display: block;
    padding: inherit;
}

body.bookSlot-PopupBackground, body.viewBooking-PopupBackground {
    background: none repeat scroll 0 0 white;
    height: auto;
    padding: 10px;
}

/*Loading Bay*/
div.loadingBayOuter {
    background-color: #333333; 
}

div.loadingBayMenuLeft {
    float: left; 
    display: inline;
}
        
.loadingBayMenuLeft-title {
	color:White; 
	border-bottom:1px solid #000000; 
	padding:20px 5px 20px 5px; 
	text-align:left; 
	font-size:2em; 
}
        
div.loadingBayCalendar {
    background-color: #ffffff; 
    float: left; 
    width: 700px;
}

div.loadingBayCalendar.fullWidth {
    float:none;
    width: 100%;
}

    div.loadingBayCalendar .bookNowText {
        font-weight:bold;
        padding: 0 5px;
    }

div.loadingBayCalendar td
{
    padding:5px;
}
.loadingBayCalendar div.loadingBayCalendarRow {float:none; clear:both;}
        
.loadingBayCalendar div.loadingBayCalendarHeader {background-color:#808080; height:53px; width:212px; float:left; color:#ffffff; border:solid 1px #808080;}
        
.loadingBayCalendar td.loadingBayCalendarHeader {background-color:#808080; height:53px; color:#ffffff; border:solid 1px #808080;text-align:center;}
        
.loadingBayCalendar .rowTitle {background-color:#D5D2D6; width:95px;}
        
.loadingBayCalendar div.rowInfo {
    background-color:#ffffff; height:28px; width:212px; float:left; color:#000000; border-bottom:solid 1px #808080; border-right:solid 1px #808080;border-left:solid 1px #ffffff; border-top:solid 1px #ffffff;
}
        
.loadingBayCalendar td.rowInfo {
    height:31px; color:#000000; border-bottom:solid 1px #808080; border-right:solid 1px #808080;border-left:solid 1px #ffffff; border-top:solid 1px #ffffff;
    text-align:center;
}

.loadingBayCalendar .rowInfoTitle {background-color:#D5D2D6; width:95px; border-bottom:solid 1px #000000; border-right:solid 1px #D5D2D6; border-top:solid 1px #D5D2D6; color:Black;}
        
.loadingBayCalendar .timeTitle {display:inline;}
        
td.loadingBayCalendarFull, td.slotFull {
    background-color:red;
    color:White;
}

td.slotFree {
    background-color:#75a54b;
    color:White;
}
        
td.loadingBayNotAvailable {background-color:Gray;}

td.loadingBayCalendarWarning, td.slotNearlyFull {
    background-color:orange;
    color:Black;
}

.loadingBayCalendar .pb-full {
    background-color:red;
}

.loadingBayCalendar .pb-nearlyfull {
    background-color:orange;
}
.loadingBayCalendar .pb-ok {
    background-color:#75a54b;
}

.loadingBayCalendar img.view-info
{
    padding: 4px 2px; float: left; cursor: pointer;
    display:block;
    float:left;
    cursor:pointer;
}

.loadingBayCalendar span.booking-info-text
{
    padding-top: 5px; float: left;
    display:block;
    float:left;
}

.loadingBayCalendar .book-now-button
{
    float:right;
}

/* Booking Calendar */
.bookingcalendar-resourceHeading {float: left;}

.bookingcalendar-busy {
    background-color: #FFA500;
    border: 1px solid DarkGray;
}

.bookingcalendar-used {
    /* background-color: LightGreen; */
    border: 1px solid DarkGray;
}

.bookingcalendar-unused {border: 1px solid transparent;}

.bookingcalendar-full {
    background-color: #FF0000;
    border: 1px solid DarkGray;
    color: Yellow;
}

.bookingcalendar-full-padding {
    border-left: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    color: #FF0000;
}

.bookingcalendar-actions {
    margin: 4px 0 0 0; 
    float: left; 
    padding: 5px 0 5px 0; 
    width: 100%; 
    text-align: center; 
}

.bookingcalendar-actions input[type="button"],  
.bookingcalendar-actions input[type="submit"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

.vgCalendar {
	background-color:transparent;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABleI5meY9nepBpfJJvgph4i6CAk6mRpLmhtcmpvdG9XCfGxsbIfjfIfzfWjkjX5fPY2NjZ5/Xc3Nzg4ODl5eXm5ubs7Ozw8PD29vb4+Pj5tqz7+/v+7er+/v7////pvlVnAAAAAXRSTlMAQObYZgAAAF9JREFUeNp9jQcOgDAIACnuUVfdqPz/l9YaG1sTDxLCQQA+VB4gawcJhQfk7BD7IrxEZ2FGI3SaeIQeEZG7QTv9b9gbC0L2+tJMCiFly9qXI0LytMes2mFDiAK8EcKUE2ULEs31GcmwAAAAAElFTkSuQmCC);
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	font-size:1px;
	height:16px;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:16px;
}

.start-booking-note {
    background-color: #D6EFFC;
    border: 1px solid #2DB1ED;
    border-radius: 3px 3px 3px 3px;
    padding:10px;
    margin-bottom: 15px;
}

.start-booking-note div.image {
    float:left;
    padding-right: 10px;
}

.start-booking-note div.note {
    float: left;
    width: 840px;
}

.start-booking-note div.note H3 {margin-bottom: 5px;}

.popup .row
{
    float:none;
    clear:both;
    padding:5px 0;
    margin:5px 0;
}

.popup .row-single span.title,
.resource-booker-confirm-popup span.title
{
    font-weight:bold;
    display:block;
}

.resource-booker-confirm-popup .many-dates {
    font-size:8px;
}

.popup .row-single div.title,
.resource-booker-checkin-popup div.title {
    font-weight:bold;
    display:block;
    width:200px;
    float:left;
}

.popup .row-single div.data,
.resource-booker-checkin-popup div.data {
    display: block;
    width: 400px;
    float: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.resource-booker-checkin-popup input,
.resource-booker-checkin-popup select {
    display:block;
    width:200px;
    float:left;
}
.resource-booker-checkin-popup .settingrow {
    height:25px;
}

.resource-booker-checkin-popup .ui-datepicker-trigger {
    display:block;
    float:left;
    padding-left:5px;
    cursor:pointer;
}

.resource-booker-dialog 
{
    font-size:12px;
}

/* Visitor Management - Reception Home */
.appointmentTable tr.rgRow {background-color: #FDFCF9;}
.appointmentTable .rgAltRow {background: none repeat scroll 0 0 #EBE6D8;}

#visitorReceptionHome tr.active td {border-top: 1px solid #FF0000;}

#visitorReceptionHome tr td {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#visitorReceptionHome tr.details td {color: #999999;}

#visitorReceptionHome tr td.visitor-name, .appointmentTable tr td.visitor-name {
    color: #333333 !important;
    /*font-size: 16px;*/
    font-weight:bold;
}
#visitorReceptionHome tr td.notes {border-top: 1px dotted #DEDDD7;}
#visitorReceptionHome tr td.notes span {color: #777777 !important;}

.visitor-system table input {
    font-size:1em;
}
.visitor-system table.eight-columns input.cardId
{
    width:73px;
}

.visitor-system table.nine-columns input.cardId
{
    width:53px;
}

.visitor-system table.nine-columns input.carReg,
.visitor-system table.eight-columns input.carReg
{
    width:63px;
}

.visitor-system table.seven-columns .tick
{
    width:20px;
}

.visitor-system table.seven-columns .time
{
    width:50px;
}

.visitor-system table.seven-columns .signed-in
{
    width:80px;
}

.visitor-system table.seven-columns .name,
.visitor-system table.seven-columns .company,
.visitor-system table.seven-columns .visiting,
.visitor-system table.seven-columns .tenant
{
    width:160px;
}

.visitor-system table.eight-columns .tick
{
    width:30px;
}
.visitor-system table.eight-columns .cardId
{
    width:95px;
}

.visitor-system table.eight-columns .carReg
{
    width:105px;
}

.visitor-system table.eight-columns .time
{
    width:60px;
}

.visitor-system table.eight-columns .signed-in
{
    width:80px;
}

.visitor-system table.eight-columns .name,
.visitor-system table.eight-columns .company,
.visitor-system table.eight-columns .visiting,
.visitor-system table.eight-columns .tenant
{
    width:150px;
}

.visitor-system table.nine-columns .tick
{
    width:30px;
}
.visitor-system table.nine-columns .cardId
{
    width:95px;
}

.visitor-system table.nine-columns .carReg
{
    width:105px;
}

.visitor-system table.nine-columns .time
{
    width:60px;
}

.visitor-system table.nine-columns .signed-in
{
    width:80px;
}

.visitor-system table.nine-columns .name,
.visitor-system table.nine-columns .company,
.visitor-system table.nine-columns .visiting,
.visitor-system table.nine-columns .tenant
{
    width:115px;
}

/*All Visitors*/
table#allVisitorsTable input{
    font-size:1em;
}
table#allVisitorsTable.ten-columns th.out,
table#allVisitorsTable.ten-columns th.expected
{
    width:80px;
}

table#allVisitorsTable.eleven-columns input.cardId
{
    width:53px;
}

table#allVisitorsTable.nine-columns input.cardId,
table#allVisitorsTable.ten-columns input.cardId
{
    width:93px;
}

table#allVisitorsTable.eleven-columns input.carReg,
table#allVisitorsTable.nine-columns input.carReg,
table#allVisitorsTable.ten-columns input.carReg
{
    width:63px;
}

table#allVisitorsTable.eleven-columns .cardId
{
    width:85px;
}

table#allVisitorsTable.eleven-columns .carReg
{
    width:95px;
}

table#allVisitorsTable.eleven-columns .time
{
    width:50px;
}

table#allVisitorsTable.eleven-columns .name,
table#allVisitorsTable.eleven-columns .company,
table#allVisitorsTable.eleven-columns .visiting,
table#allVisitorsTable.eleven-columns .tenant
{
    width:115px;
}


div.checkin-wrapper {
    background-color: #595750;
    background-image: -moz-linear-gradient(90deg, #393832 0, #57554E 100%);
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    height: 70px;
    left: 0;
    padding-top: 5px;
    position: fixed;
    width: 100%;
}

div.checkin {
    height: 70px;
    margin: 0 auto;
    text-align: right;
    width: 960px;
}

div.checkin label {
    color: #CCCCCC;
    font-size: 14px;
}

.jqueryValidationSummary {
    color:Red;
    list-style:none;
}

span.action-highlight {border-bottom: 1px solid #CC0000;}

a.action-highlight {
    text-decoration: none; 
    border-bottom: 1px solid #CC0000
}

.red {color:red;}

table.site-visibility td {padding: 0 10px;}

#toolsArea H3 a {
    /*position:relative;
    top:-3px;*/
    font-size:18px !important;
    background-color: #afac9f;
    color:#ffffff;
	padding: 3px;
	margin: 0 0 !important;
	/*border:  none;*/
	border-radius: 3px;
	cursor: pointer;
}

#toolsArea H3 a:hover {
    background-color: #047fb8;
    text-decoration:none;
}

/* Filter Stuff Start*/
.tools-filter h3 a {border-radius: 0 !important;}

.tools-filter h3.ui-state-default a {border-radius: 3px 3px 3px 3px !important;}

.tools-filter .filter-type-selector {
    background:#d4ccb9; 
    padding:6px 10px;
}

.tools-filter .filter-type-selector a {
    padding: 0 10px;
    color:#000;
    text-decoration:none;
}

.tools-filter .filter-type-selector a.selected {font-weight:bold;}

.tools-filter .filter-content {
    background: none repeat scroll 0 0 #FAEBD7;
    border-bottom: 1px solid #777777;
    color: #000000;
    padding:0;
}

.tools-filter .controls {padding:5px 10px;}

.tools-filter .filter-content hr {
    clear:both;
    margin:10px 0;
}

.tools-filter .filter-content .buttons {padding-bottom:10px;}

/* Filter Stuff End*/
.outOfHoursComment {
    font-size:0.9em; 
    color:white;
    padding:5px 5px 10px 5px;
    height:400px;
    overflow-y:auto;
}

.outOfHoursComment li {padding-top: 10px;}

.outOfHoursComment h2 {font-size:1.2em;}

ol.comments {list-style:none;}

ol.comments li {
    border-bottom: 1px solid #595750;
    padding: 10px 0 5px;
}

ol.comments li .metadata {padding: 5px 0;}

ol.comments li .metadata .commentBy {
    font-weight: bold;
    padding: 0 5px 0 0;
}

ol.comments li .metadata .commentDate {
    font-size: 0.9em;
    padding: 0 0 0 5px;
}

ol.comments li .commentdata {padding: 5px 0;}

ol.future-bookings {list-style:none; max-height:200px; overflow-y:scroll;}

ol.future-bookings li {
    padding: 5px 0 0;
}

ol.future-bookings li .metadata {padding: 5px 0;}

ol.future-bookings li .metadata .booking-no {
    font-weight: bold;
}

ol.future-bookings li .metadata .booking-date {
    font-size: 0.9em;
    padding: 0 0 0 5px;
}

body.approvebooking-popupbackground
{
    background: white;
}

h1.approvebooking-popuptitle
{
    color: #a7b1b5;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h2.approvebooking-popuptitle
{
    color: #000000;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h3.approvebooking-popuptitle
{
    color: #000000;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1px 1px 1px 1px;
}

h4.approvebooking-popuptitle
{
    border-bottom: 1px solid;
}

.approvebooking-panel-loadingbay
{
    margin: 10px 0 5px 0;
    border: 1px solid;
    padding: 5px;
}

.approvebooking-panel-goodslift
{
    margin: 10px 0 5px 0;
}

.approvebooking-panel-comment
{
    margin: 5px 0 5px 0;
    border: 1px solid;
    padding: 5px;
}

.approvebooking-panel-actionbuttons
{
    margin: 5px 0 5px 0;
    width: 100%;
    text-align: right;
}

div.approvebooking-panel-actionbuttons input
{
    font-size: 12px;
    margin: 0 2px 0 4px;
}

.approvebooking-settingrow
{
}

.approvebooking-settinglabel
{
}

.approvebooking-fontdark
{
    color: black;
    font-size: medium;
    width: 15em;
}

.approvebooking-fontlight
{
    color: black;
    font-size: medium;
}

.approvebooking-form
{
    padding: 10px 10px 10px 10px;
}


/*Helpdesk*/

ol.helpdesk-images
{
    clear: both;
    display: block;
    margin-bottom:10px;
}

    ol.helpdesk-images li
    {
        display: inline-block;
        margin: 0 0 6px 0;
        padding: 6px 10px;
        width:208px;
        border:solid 1px #999;
    }
        ol.helpdesk-images li:hover
        {
            background-color: #f1f1f1;
        }

        ol.helpdesk-images li div.icon
        {
            display: block;
            float: none;
            height: 110px;
            margin: 0 auto;
            text-align: center;
            vertical-align: middle;
            width: 200px;
            
        }

            ol.helpdesk-images li div.icon img
            {
                border-radius:10px;
            }

        ol.helpdesk-images li dl
        {
            clear: left;
            display: block;
            height: 42px;
            overflow: hidden;
            width: 200px;
        }
        ol.helpdesk-images li dt
        {
            display:block;
        }

        ol.helpdesk-images li dd
        {
            float:right;
        }

        ol.helpdesk-images li dd.size
        {
            float:left;
        }


ol.helpdesk-document
{
    clear: both;
    display: block;
    border-bottom: solid 1px #999;
}

    ol.helpdesk-document li
    {
        display: table;
        padding: 5px 5px 5px 20px;
    }

    ol.helpdesk-document li:hover
    {
        background-color:#f1f1f1;
    }

        ol.helpdesk-document li div.icon
        {
            float: left;
            margin-right: 5px;
        }

        ol.helpdesk-document li dl
        {
            margin: 0;
            width:895px;
        }

        ol.helpdesk-document li dt
        {
            float: left;
        }

        ol.helpdesk-document li dd
        {
            float: right;
            margin: 0;
        }

        ol.helpdesk-document li dd.date
        {
            padding: 0 5px;
            text-align: right;
            width: 180px;
        }



#tflStatus li a
{
    height:20px;
    overflow:hidden;
}

#tflStatus li .tflStatusUpdate
{
    height:20px;
    overflow:hidden;
}

.login-error {
    color: red;
    font-weight: 700;
}

input.error {
    border: 1px solid #b94a48!important;
}


.view-visitor-profile hr
{
    border: 2px solid #000;
    margin: 0;
}

.view-visitor-profile .profile-section
{
    border-bottom:solid 1px #9f9d90;
}

.view-visitor-profile .profile-details
{
    width:780px;
    overflow:hidden;
    min-height:220px;
    float:left;
}

    .view-visitor-profile .profile-details .actionButton
    {
        position:relative;
        top:-9px;
        margin-left:10px;
    }

.view-visitor-profile .profile-avatar
{
    width:160px;
    overflow:hidden;
    float:right;
    text-align: right;
    padding:10px 0;
}

.view-visitor-profile .profile-name
{
    font-size:36px;
    font-weight:bold;
}

.view-visitor-profile .profile-job-title
{
    font-size:18px;
    color: #9f9d90;
    padding-top: 5px;
    font-weight:bold;
}

.view-visitor-profile .profile-company
{
    font-size:18px;
    color: #1fb0ef;
    padding-bottom: 10px;
    font-weight:bold;
}

.view-visitor-profile .profile-vip,
.view-visitor-profile .special-access,
.view-visitor-profile .enhanced-profile,
.visitor-occupier-bookings .profile-vip,
.visitor-occupier-bookings .special-access,
.visitor-occupier-bookings .enhanced-profile,
.appointmentTable .profile-vip,
.appointmentTable .special-access,
.appointmentTable .enhanced-profile
{
    font-size:12px;
    padding: 5px;
    background-image: url("images/visitor-profile-sprite.png");
    background-repeat:no-repeat;
    padding-left:30px;
    height:14px;
}

.view-visitor-profile .profile-detail-item {
    position: relative;
    font-size:12px;
    padding: 5px 5px 5px 30px;
    margin:5px 0;
}

.view-visitor-profile .profile-mobile,
.view-visitor-profile .profile-telephone,
.view-visitor-profile .profile-email {
    background-image: url("images/visitor-profile-sprite.png");
    background-repeat:no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


.view-visitor-profile .special-access,
.visitor-occupier-bookings .special-access,
.appointmentTable .special-access
{
    background-position: 0 10px;
    display:inline-block;
    height: 21px;
}

.view-visitor-profile .profile-vip,
.visitor-occupier-bookings .profile-vip,
.appointmentTable .profile-vip
{
    background-position: 0 -23px;
    display:inline-block;
}

.view-visitor-profile .enhanced-profile,
.visitor-occupier-bookings .enhanced-profile,
.appointmentTable .enhanced-profile
{
    background-position: 0 -149px;
    display:inline-block;
}

.view-visitor-profile .profile-mobile
{
    background-position: 0 -46px;
}

.view-visitor-profile .profile-telephone
{
    background-position: 0 -69px;
}

.view-visitor-profile .profile-email
{
    background-position: 0 -91px;
}

.view-visitor-profile .profile-visit-info
{
    width:255px;
    float:left;
    padding-right:95px;
}

    .view-visitor-profile .profile-visit-info .ui-accordion .ui-accordion-content
    {
        width:100%;
        padding:0;
        margin-top:5px;
        border-radius:0;
    }

        .view-visitor-profile .profile-visit-info .ui-accordion .ui-accordion-content dt
        {
            font-weight:bold;
        }

    .view-visitor-profile .profile-visit-info .ui-widget-content
    {
        border: 0;
    }

    .view-visitor-profile .profile-visit-info h3
    {
        border-radius:0;
        padding:0;
        border-bottom:1px solid #ccccca;
        border-top:none;
        border-left:none;
        border-right:none;
        line-height:35px;

    }

    .view-visitor-profile .profile-visit-info .icon-closed,
    .view-visitor-profile .profile-visit-info .icon-open
    {
        background-image: url('images/visitor-profile-sprite.png');
        right: 0;
        left:auto;
    }

    .view-visitor-profile .profile-visit-info .icon-closed
    {
        background-position: 0 -379px;
    }

    .view-visitor-profile .profile-visit-info .icon-open
    {
        background-position: 0 -250px;
    }

    .view-visitor-profile .profile-visit-info .info-bar
    {
        background-color:#999a93;
        color:#fff;
        padding:6px 5px;
    }

.view-visitor-profile .profile-notes
{
    width:255px;
    float:left;
    padding-right:95px;
}

.view-visitor-profile .profile-social
{
    width:255px;
    float:right;
}

.view-visitor-profile .profile-content .title
{
    border-bottom: solid 1px #ccccca;
    padding: 6px 0;
}

.view-visitor-profile .profile-content .title span
{
    font-weight:bold;
    font-size:18px;
}

.view-visitor-profile .profile-content .circle
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #323232;
    display:inline-block;
    float:right;
}

.view-visitor-profile .profile-content ol
{
    list-style:none;
}

.view-visitor-profile .profile-content ol li dt,
.view-visitor-profile .profile-content ol li dd
{
    display:block;
}

.view-visitor-profile .profile-visit-info ol li
{
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 0 0 5px 0;
}

.view-visitor-profile .profile-notes ol li
{
    display: block;
    padding:10px 0 5px 0;
}

.view-visitor-profile .profile-notes ol li dt
{
    color: #999999;
    padding-bottom:5px;
}

.view-visitor-profile .profile-notes ol li dd
{
    padding-bottom:10px;
}

.view-visitor-profile .twitter-header
{
    border-bottom:solid 1px #eeeeee;
}

.view-visitor-profile .twitter-image
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAZCAIAAABGlWJzAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAB3RJTUUH3goKDCoMripWXQAAAuVJREFUSMetlktsjFEUx3/nfndmOtOHYSgzRaTVppp4ROIdEpEgUomwsbNBRGIhLCwkNizZSFcWIjZeKxEJCwkLkRBEBCmitOrRTqsPU5355jsWM522zPSblLP6knu+///c//mfe694nooAqJL7mDpyaQMZnvfz9AfJNJUODVWsi7EgMp42kCFoEFUFbnXTmiiX4GGSq59IZTEFSrDCkhqONNKV4t533gxxrAlR1fs9XOrgaCNLo/5VP+mj7R0hp0iCp3hKRjGwez47ExjgcR9WaHvPnS95lOIhoFzpLA6dW3eEiMO+RSyu4vxbLJByMQJwvYshlx0JIk4RlQQe9pEcLY0+ln/5IwonmjFAhZOv1xHufuPUS178oNDqifGoF2t8uuIpHhxtoqkaC6yaxZshgoIIAoMZzrbTXM3WuTRUEw2M/9mbxrfr1nC8icYqVLHA5lpudOKOSSFC2KHjJxc+YIV4BStnsixKXZjZIXpGfdAdYYbNCys5v7cPca695E5dJat4SqX1d23IcLKFOSEAI8KZ17waZNs8Ml6RbCMEDWGnLGjACqGx3lig2nLzMyIE/DpWzqwFDJExUxlg0xwUf+hywlPiFeO+MqqsiLKkBk//A3rGY21soqqCKvvr87LqP3CoYoQ1E9Fzas4KcqqFtTGU6RMobJ83aQbHxf4+SnMN2+M4Mh0CVYKG9bMn+coWlhNhTr8iaHCkLG/8EVlleQ114cluLjBXWQ424Mg0FY9YDi/+a1YKRlZlQ4w980nrdPxzoL7IqZe/mybeD/1pLnbQlSKV9R9OVTzYUsvehcWmTyfTFeBuf+FWN1k/dNdjV13JW/PP2keydI1wqYOvvwgIUxy4ObjWBK3xkluUZ/067JLKMpDhwzDJNH1pzJRHiioZpTbEoQYWVU6lnmQ9vdbJoyTDLkaQ0riqKAhEA2yspTXu3+q8MsMu3SM86OHlICNucYKIw4ooq2MsCFNpy3oC/QbDYym1uy6OEwAAAABJRU5ErkJggg==') /*images/twitterblue_25x25.png*/;
    height: 25px;
    margin: 10px 10px 10px 0;
    width: 31px;
    float:left;
}

.view-visitor-profile .twitter-title
{
    float:right; 
    margin-top:12px;
}

.view-visitor-profile .linkedin-header
{
    border-bottom:solid 1px #eeeeee;
}

.view-visitor-profile .linkedin-image
{
    background-image: url('data:image/png;base64,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') /*images/linkedin-logo-25px.png*/;
    height: 25px;
    margin: 10px 10px 10px 0;
    width: 102px;
    float:left;
}

.view-visitor-profile .linkedin-title
{
    float:right; 
    margin-top:12px;
}

.view-visitor-profile ol.twitter li
{
    padding:15px 0 10px 0;
    border-bottom:solid 1px #eeeeee;
}

.view-visitor-profile .twitter-link
{
    padding:15px 0 10px 0;
    border-bottom:solid 2px #eeeeee;
}
a.actionButton {
    border-radius: 3px;
    margin: 0 10px 0 0;
    padding: 8px;
    display:inline-block;
}

a.positiveAction
{
    background-color: #2db1ed;
    color: #ffffff;
}

.post-room .editSection,
.visitor-management .editSection,
.visitor-management-popup .editSection,
.edit-visitor-profile .editSection,
.tools .edit-section
{
    background-color: #e6f3f8; 
    margin-bottom:10px; 
    padding: 10px 10px;
    overflow: hidden;
}

.edit-visitor-profile .editSection .editColumn
{
    float:left; width:350px;
}

.edit-visitor-profile .editSection .avatarColumn
{
    float:right; 
    width:150px; 
}

.edit-visitor-profile .editSection .avatarColumn .avatarLinkArea
{
    padding-top:10px;
    text-align:center;
}

.edit-visitor-profile .editSection .settingLabel
{
    clear: left;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    padding: 7px 1px 1px 1px;
    width: 81px;
}

    .edit-visitor-profile .editSection .settingWrapper
    {
        display:inline-block;
    }

    .edit-visitor-profile .editSection .settingWrapper input[type="text"],
    .edit-visitor-profile .editSection .settingWrapper textarea,
    .filter-holder input[type="text"]
    {
        width:225px;
        border-radius: 10px;
        padding: 5px 0 5px 5px;
        border: 2px solid #d7d7d0;
    }

.visitor-system-list input[type="text"],
.visitor-system input[type="text"],
.visitor-system textarea,
.styled {
    border-radius: 10px;
    padding: 5px 0 5px 5px;
    border: 2px solid #d7d7d0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-styled input, 
input[type="checkbox"].styled {
    border-radius: 10px;
    padding: 5px 0 5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
}

        .visitor-system input[type="text"]:disabled
        {
            color:#000;
            background-color:#efefef;
        }

        .visitor-management-popup input[readonly="readonly"],
        .visitor-system input[readonly="readonly"],
        .visitor-management-popup input[readonly]
        {
            color:#000;
            background-color:#efefef;
        }

        .visitor-system input[readonly="readonly"],
        .visitor-system input[readonly]
        {
            color:#000;
            background-color:#efefef;
        }

select.styled,
.filter-holder select
{
    border-radius: 5px;
    padding: 5px 0 5px 5px;
    border: 2px solid #d7d7d0;
    font-family:Arial;
    font-size:12px;
}

    .edit-visitor-profile .editSection .attributeItem
    {
        display:inline-block;
        width:350px;
    }

    .edit-visitor-profile .editSection .maxLengthValidator
    {
        font-size:10px;
        color:#6b6b6b;
    }

    .edit-visitor-profile .validationSummary
    {
        background-color: rgb( 204, 0, 0 );
        opacity: 0.8;
        color: #FFFFFF;
        font-weight:bold;
        margin: 0 0 10px 0;
        padding: 15px 20px 15px 20px;
        text-align: center;
        border-radius:7px;
    }

        .edit-visitor-profile .validationSummary ul
        {
            list-style-type: none;
        }


#profile-selectCompany ol
{
    list-style-type: none;
}

    #profile-selectCompany ol a
    {
        padding: 10px;
        display: inline-block;
        font-size: 18px;
    }

.avatar-popup .upload-panel,
.avatar-popup .preview-panel
{
    background-color: #f6f6f6;
    border: 3px dashed #999a93;
    height: 400px;
    margin: 40px;
    padding: 20px;
    text-align: center;
    width: 424px;
}

.avatar-popup .upload-panel .file-select
{
    background: none repeat scroll 0 0 #2db1ed;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    vertical-align: top;
    margin:10px 0;
}

    .avatar-popup .upload-panel p, 
    .avatar-popup .preview-panel p
    {
        background-color:#dedede;
        border-radius: 8px;
        padding: 5px 10px;
    }

.avatar-popup .preview-panel .imagePreviewPane
{
    background: url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///8zMzCH5BAAAAAAALAAAAAAQABAAAAIfhG+hq4jM3IFLJhoswNly/XkcBpIiVaInlLJr9FZWAQA7) repeat scroll 0 0 transparent;
    border: 1px solid #000;
    height: 200px;
    overflow: hidden;
    width: 200px;
    margin:10px 112px;
}

.visitor-management #filter-box
{
    margin-bottom: 10px;
}

.visitor-management #filter-fields
{
    background: none repeat scroll 0 0 #faebd7;
    padding: 10px !important;
}

.visitor-management .filter-panel
{
    float: left;
    height: 55px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

    
.post-room .associatedLabel,
.visitor-management .associatedLabel
{
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 5px;
    width: 140px;
}

.post-room .associatedLabel
{
    width:250px;
}

.tools .associatedLabel
{
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 5px;
    width: 140px;
    width:250px;
}


.post-room .edit-row-top-label .associatedLabel
{
    display: block;
    font-size: 16px;
    padding-top: 5px;
    width: 290px;
    float:none;
}

.visitor-management span.dataLabel
{
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #666;
    border-radius: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin-left: 10px;
    padding: 6px 0 6px 10px;
    display:inline-block;
    height:15px;
}


.visitor-management #filter-fields .date-section label
{
    display:block; 
    float: left; 
    padding-top: 10px
}

.visitor-management #filter-fields .date-section input[type="text"]
{
    float: left; 
}

.visitor-management #filter-fields .date-section .ui-datepicker-trigger,
.visitor-occupier-bookings .ui-datepicker-trigger,
.startbooking-paddedpanel .ui-datepicker-trigger,
.tools .ui-datepicker-trigger
{
    display: block;
    float: left;
    padding-right: 10px;
    cursor: pointer;
}

.visitor-occupier-bookings .booking-column {
    float: left; 
    margin: 10px 5px 0 0; 
    width:450px;
    overflow: visible;
}
.visitor-occupier-bookings hr { margin: 15px 0px; }
.visitor-occupier-bookings .booking-column select {  width: 200px; float: left; }
.visitor-occupier-bookings .booking-column select.time-dropdown { width: 75px; }
.visitor-occupier-bookings .booking-column input[type="text"] { width: 200px; float: left; }
.visitor-occupier-bookings .booking-column input[type="button"] { margin-left: 5px; }
.visitor-occupier-bookings .booking-column input.date-field { width: 85px; }
.visitor-occupier-bookings .booking-column input.long { width: 285px; }
.visitor-occupier-bookings .booking-column textarea { width: 450px; height: 80px; }
.visitor-occupier-bookings .booking-column .info { color: #999; }
.visitor-occupier-bookings .booking-column .info p { padding: 7px 0 0 0; }
.visitor-occupier-bookings .booking-column .delete {
    display: inline-block;
    padding: 5px 0 0 5px;
}
.visitor-occupier-bookings .warning-message {
    float: left;
    width: 100%;
    background-color:#FFB366;
    color: #FFF;
    padding: 10px;
    margin: 10px 0 0 0;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
}

.visitor-occupier-bookings #basic-dates #from-date
{
    float:left;
    width:400px;
    padding-right:5px;
}

.visitor-occupier-bookings #basic-dates #to-date
{
    float:left;
    width:400px;
}


.visitor-occupier-bookings #basic-dates label,
.visitor-occupier-bookings #custom-dates label
{
    float:left;
}

.visitor-occupier-bookings #custom-dates #custom-date-holder
{
    float:left;
}

.visitor-occupier-bookings #custom-dates #custom-date-holder-delete
{
    float:left; padding:14px 10px;
}

.visitor-occupier-bookings .visitor-search
{
    height:40px;
}
.visitor-occupier-bookings .visitor-search h3
{
    float:left;
}

.visitor-occupier-bookings .visitor-search .profile-search
{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position:absolute;
    right:20px;
}

.visitor-occupier-bookings .visitor-search .profile-search #inpSearch
{
    background-color:transparent;
    border:none;
    border-radius:initial;
    float:left;
    padding-left: 5px;
    padding-top:10px;
}

    .visitor-occupier-bookings .visitor-search .profile-search button
    {
        border: 0;
        background: transparent;
        float: left;
        height:35px;
    }

        .visitor-occupier-bookings .visitor-search .profile-search button img
        {
            padding-top: 5px
        }

.auto-suggest-holder {
    position: absolute;
    width: 500px;
}

.auto-suggest-holder .auto-suggest-view {
    max-height: 200px;
    overflow-y: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #333333;
}

    .auto-suggest-holder ol,
    .visitor-occupier-bookings .visitor-search .profile-search ol {
        list-style: none;
        color: #fff;
        border-radius: 0 0 5px 5px;
    }
        .auto-suggest-holder ol li,
        .visitor-occupier-bookings .visitor-search .profile-search ol li
        {
            padding: 5px 5px 5px 10px; 
            cursor: pointer;
        }

        .auto-suggest-holder ol li.selected,
        .visitor-occupier-bookings .visitor-search .profile-search ol li.selected
        {
            background-color: #666666; 
            padding: 5px 5px 5px 10px; 
            cursor: pointer;
        }

        .auto-suggest-holder ol li span,
        .visitor-occupier-bookings ol li a
        {
            color:#fff;
        }

.visitor-occupier-bookings #profiles-found
{
    background-color:#fff;
        max-height: 462px;
        overflow-y: scroll;
}

        .visitor-occupier-bookings #profiles-found .profile-row
        {
            clear:both;
            border-bottom:1px solid #fff;
            background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAABCAMAAABkBG5qAAAABlBMVEUzMzNmZmb4uuYLAAAADklEQVR4AWMYNmAUMAIAAc4AAikmGREAAAAASUVORK5CYII=) repeat-y #333333;
        }

        .visitor-occupier-bookings #profiles-found .profile-item
        {
            width:435px;
            float:left;
            padding:15px;
        }

        .visitor-occupier-bookings #no-profile-found
        {
            background-color: #666;
            padding:15px;
        }


    .visitor-occupier-bookings #profiles-found .profile-text
    {
        width:250px;
        float:left;
        padding-right:10px;
    }

.visitor-occupier-bookings #profiles-found .profile-details
{
    height:100px;
}


    .visitor-occupier-bookings #profiles-found .profile-name
    {
        font-size:18px;
        color:#fff;
    }

.visitor-occupier-bookings #profiles-found .profile-job-title,
.visitor-occupier-bookings #profiles-found .profile-company
{
    font-size: 14px;
    color: #cccccc;
}

.visitor-occupier-bookings #profiles-found .profile-last-visited
{
    padding: 5px 0 0;
}

.visitor-occupier-bookings #profiles-found .profile-buttons
{
    padding: 5px 0 0;
}
    .visitor-occupier-bookings #profiles-found .profile-buttons a
    {
        width:65px;
    }

.visitor-occupier-bookings #profiles-found .profile-buttons .negative-action
{
    float:left;
}

.visitor-occupier-bookings #profiles-found .profile-buttons .positive-action
{
    float:right;
}


    .visitor-occupier-bookings #profiles-found .title
    {
        font-size:12px;
        color:#999999;
    }

    .visitor-occupier-bookings #profiles-found .text
    {
        font-size:12px;
        color:#fff;
    }

    .visitor-occupier-bookings #profiles-found .profile-image
    {
        width:150px;
        height:200px;
        float:right;
    }

        .visitor-occupier-bookings #profiles-found .profile-image img
        {
            border-radius:5px;
        }

.visitor-occupier-bookings #profiles-found .note
{
    border-top:1px dashed #666;
    margin-top: 10px;
    padding-top: 5px;
}

    .visitor-occupier-bookings #profiles-found .profile-select
    {
        height: 35px;
        width: 100px;
    }

        .visitor-occupier-bookings #profiles-found .profile-select button
        {
            background-color: #2db1ed;
            border: medium none;
            border-radius: 3px;
            color: #fff;
            cursor: pointer;
            font-family: arial,sans-serif;
            font-size: 1em;
            padding: 7px;
        }

        .visitor-occupier-bookings #profiles-found .no-profile-select button
        {
            background-color: #2db1ed;
            border: medium none;
            border-radius: 3px;
            color: #fff;
            cursor: pointer;
            font-family: arial,sans-serif;
            font-size: 1em;
            padding: 7px;
        }


.visitor-management .label-date
{
    font-weight:bold;
}

.visitor-management .timedropdown
{
    width:80px;
}

.visitor-booking .visitor-twocol .info
{
    width: 46.9%;
}
.visitor-booking .visitor-twocol .name
{
    width: 46.9%;
}
.visitor-booking .visitor-threecol .info
{
    width: 295px;
}

.visitor-booking .visitor-threecol .name
{
    width: 290px;
}

.visitor-booking .visitor-threecol .info input
{
    width: 258px;
}
.visitor-booking .visitor-threecol .name input
{
    width: 263px;
}

.visitor-booking .visitor-fourcol .info
{
    width: 200px;
}
.visitor-booking .visitor-fourcol .name
{
    width: 228px;
}

.visitor-booking .visitor-fourcol .info input
{
    width: 168px;
}
.visitor-booking .visitor-fourcol .name input
{
    width: 201px;
}

.visitor-booking .visitor-fivecol .info
{
    width: 150px;
}
.visitor-booking .visitor-fivecol .name
{
    width: 204px;
}

.visitor-booking .visitor-fivecol .check
{
    width: 75px;
}

.visitor-booking .visitor-fivecol .info input[type=text]
{
    width: 118px;
}
.visitor-booking .visitor-fivecol .name input[type=text]
{
    width: 187px;
}

/*Occupier Booking*/
.visitor-booking .occupier-booking .check
{
     width: 75px;
     padding-right:10px;
}

.visitor-booking .occupier-booking .name
{
     width: 280px;
     padding-right:10px;
}

.visitor-booking .occupier-booking input[type=text] {
    width:100%;
    box-sizing: border-box;
}

.visitor-booking .occupier-booking.with-screening .name
{
     width: 255px;
}

.visitor-booking .occupier-booking.with-email .name
{
     width: 204px;
}

.visitor-booking .occupier-booking.with-email.with-screening .name
{
     width: 194px;
}

.visitor-booking .section {
    clear: both;
    float: none;
    margin:5px 0;
}

.visitor-booking .col-general
{
    float: left;
    min-height: 1px;
}

.visitor-booking .row .delete
{
    display: block;
    float: right;
    padding: 6px 0 0;
}

.visitor-occupier-bookings #date-warning
{
    display:none;
    background-color:#FFB366;
    padding: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

input.invalid[type="text"], select.invalid,
textarea.invalid {
    background: none repeat scroll 0 0 #ffcccc;
    border: 2px solid Red;
}

ul.errormessage {
    background-color: #cc0000;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin: 20px 10px 0;
    padding: 10px;
    list-style:none;
    margin-bottom:10px;
}
ul.errormessage.native { display: inherit; }

ul.errormessage li {
    font-size: 0.9em;
    margin: 0 0 10px;
}
ul.errormessage li:last-child { margin: 0; }

#no-profile-found ul.errormessage
{
    list-style:none;
}

    #no-profile-found ul.errormessage li
    {
        border:none !important;
        padding: 0 !important;
    }

#no-profile-found .no-profile-select
{
    text-align:center;
    margin-top:10px;
}

#no-profile-found p
{
    color:#fff;
    padding: 10px 5px;
}

.action-buttons.right { float: right; }
.action-buttons.left { float: left; margin-left: 10px; }

.action-buttons a
{
    border-radius: 3px;
    color: #ffffff;
    margin: 0 10px 0 0;
    padding: 7px;
    display:inline-block;
}

.action-buttons .positive
{
    background-color: #2db1ed;
}

.action-buttons .negative
{
    background-color: #969696;
    color:#fff;
}


#edit-cancelDate-popup .contentHolder
{
    padding: 20px 10px;
}
#edit-cancelDate-popup ol
{
    list-style:none;
    max-height: 400px;
    overflow: auto;
}

#edit-cancelDate-popup .cancelled
{
    color:#999;
}

#edit-cancelDate-popup .disabled
{
    color:#ccc;
}

.visitor-management-popup
{
    font-size:12px;
}

.visitor-management-popup h3
{
    font-size:18px;
}



#edit-dateInfo-popup .customDateText
{
    padding:10px 0;
}

#edit-visitorInfo-popup .row
{
    max-height:400px;
    overflow:auto;
}

.checkin-toolbar
{
    background-color:#595750; 
    color: #fff; 
    height: 40px;
    padding:10px;
}

.toolbar-title
{
    font-size:18px;
}

table.visitor-list
{
    border: 0 none;
    border-collapse: separate;
    font: 1em/1.3em arial,sans-serif;
}

a.link-action
{
    color: #fff;
    padding: 12px 20px;
    border-radius: 7px;
    margin: 0 10px 0 0;
    display:inline-block;
    text-align:center;
}

a.positive-action
{
    background-color: #2db1ed;
}

a.positive-action.disabled
{
    background-color: #808080;
}

a.positive-action:hover
{
    background-color: #047fb8;
}

a.negative-action
{
    background-color: #969696;
}

a.negative-action:hover
{
    background-color: #8f8f8f;
}


.visitor-checkin-command-options
{
    float:right;
    margin-right:10px;
}

.post-room .edit-row,
.visitor-system .edit-row
{
    margin:5px 0;
}

.post-room .edit-row
{
    float:none;
    clear:both;
    padding:5px 0;
}

.tools .edit-row
{
    float:none;
    clear:both;
    padding:5px 0;
    margin:5px 0;
}


.post-room .edit-row-top-label
{
    float:none;
    clear:both;
    padding:5px 0;
    margin:5px 0;
}

    .post-room .edit-row div,
    .tools .edit-row div
    {
        float:left;
    }

    .post-room .edit-row .mandatoryFieldIndicator
    {
        float:left;
    }

.post-room #ulEmails {
    background-color: #ededed;
    border-radius: 5px;
    border:2px solid #d7d7d0;
    color: #000;
    font-style: normal;
    padding: 5px 0 5px 5px;
    list-style: none;
}


.post-room #ulEmails li {
    margin: 0 0 5px;
}


.visitor-system-list-add
{
    text-align:right;
    padding:10px 0;
}

.visitor-system-list-add a
{
    margin: 0;
}

table.visitor-system-list,
table.modern
{
    border: 0 none;
    border-collapse: separate;
    font: 1em/1.3em arial,sans-serif;
}

    table.visitor-system-list .header,
    table.modern .header
    {
        background-color: #f5f4ed;
        border-style: none;
        color: #000000;
        padding-bottom: 4px;
        padding-top: 5px;
        text-align: left;
        height:30px;
    }

    table.visitor-system-list th,
    table.modern th
    {
        padding-bottom: 3px;
        padding-top: 4px;
        padding-left: 5px;
        vertical-align: middle;
        text-align:left;
        border-left: 1px solid #ccc;
    }

    table.visitor-system-list tbody td,
    table.modern tbody td
    {
        padding: 4px 5px 3px 5px;
        vertical-align: middle;
    }

        table.modern thead th.right-align,
        table.modern tbody td.right-align {
            text-align:right;
            padding-right: 5px;
        }

    table.visitor-system-list tfoot td,
    table.modern tfoot td
    {
        padding: 10px 10px 10px 4px;
        vertical-align: top;
    }

    table.visitor-system-list .alt-row,
    table.modern .alt-row
    {
        background-color: #e6f3f8;
    }

    table.visitor-system-list .first-row,
    table.modern .first-row
    {
        background-color: #fff;
        background: linear-gradient(to bottom, rgba(195, 195, 195, 0.8) 0, rgba(255, 255, 255, 1) 23%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    table.visitor-system-list .footer,
    table.modern .footer
    {
        background-color:#ced3d6;
    }

        table.visitor-system-list .footer .left,
        table.modern .footer .left
        {
            float: left;
        }

        table.visitor-system-list .footer .right,
        table.modern .footer .right
        {
            float: right;
        }

        table.visitor-system-list .footer .nav-button-holder,
        table.modern .footer .nav-button-holder
        {
            float:left;
            width: 65px;
        }

        table.visitor-system-list .footer .page-indicator1,
        table.modern .footer .page-indicator
        {
            float: left;
            padding: 6px 10px;
            margin: 0 10px;
            border: solid 1px;
            background-color: #fff;
            border-radius:5px;
        }

        table.visitor-system-list .footer .page-indicator
        {
            float: left;
            padding: 0 15px;
        }

    table.visitor-system-list tbody td img.search
    {
        margin:5px;
    }

    table.visitor-system-list tbody td.notes
    {
        border-top:1px dashed #999a93;
    }

    table.visitor-system-list tbody td.checkin div
    {
        padding:5px;
    }

    table.modern th.sortable,
    table.visitor-system-list th.sortable
    {
        cursor:pointer;
        
    }

    table.modern th.sort-ascending,
    table.modern th.sort-descending,
    table.visitor-system-list th.sort-ascending,
    table.visitor-system-list th.sort-descending
    {
        background:#fff;
    }

    table.modern th.sortable .header-text,
    table.visitor-system-list th.sortable .header-text
    {
        height:25px;
        float:left;
        line-height:25px;
    }

    table.modern th.sort-ascending .header-text,
    table.modern th.sort-descending .header-text,
    table.visitor-system-list th.sort-ascending .header-text,
    table.visitor-system-list th.sort-descending .header-text
    {
        font-weight:bold;
    }

    table.modern th.sortable .sort-icon,
    table.visitor-system-list th.sortable .sort-icon
    {
        background-image: url("images/visitor-profile-sprite.png");
        background-repeat:no-repeat;
        height:25px;
        width:15px;
        float:right;
        background-position: -5px -400px;
    }

    table.visitor-system-list th .checkin-tick
    {
        background-image: url("images/visitor-profile-sprite.png");
        background-repeat:no-repeat;
        height:25px;
        width:25px;
        background-position: 0 -470px;
    }

    table.modern th.sort-ascending .sort-icon,
    table.visitor-system-list th.sort-ascending .sort-icon
    {
        background-position: -5px -425px;
    }

    table.modern th.sort-descending .sort-icon,
    table.visitor-system-list th.sort-descending .sort-icon
    {
        background-position: -5px -450px;
    }

table.list-visitor-profile tbody td
{
    height:50px;
}

.visitor-table-command-bar
{
    background-color: #595750;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.hide
{
    visibility: hidden;
}


.profile-icon
{
    padding-right:5px;
}

/*Filter boxes - Started on Visitor Management*/
.filter-holder .filter-header
{
    border-radius: 0;
    border: 1px solid #595750;
}

.filter-holder .filter-header a
{
    background-color: #595750;
    color:#fff;
    text-decoration:none;
    font-size: 18px;
    margin: 0;
}

.filter-holder .filter-controls-holder
{
    border-radius: 0;
    background: none repeat scroll 0 0 #f5f4ed;
    border: 1px solid #545454;
    padding:20px 15px;
}

    .filter-holder .filter-controls-holder .filter-item
    {
        float: left;
        margin-right: 5px;
        vertical-align: text-bottom;
        min-height: 66px;
    }

        .filter-holder .filter-controls-holder .filter-item div.filter-label
        {
            height:25px;
            margin-left:10px;
        }

        .filter-holder .filter-controls-holder .filter-item span.filter-label,
        .filter-holder .filter-controls-holder .filter-item label.filter-label
        {
            display:block;
            height:25px;
        }

        .filter-holder .filter-controls-holder .filter-item .hasDatepicker,
        .visitor-system .hasDatepicker,
        .tools .hasDatepicker
        {
            float: left;
            width:100px;
            margin:2px 5px 0 0;
        }

        .startbooking-paddedpanel .hasDatepicker
        {
            float: left;
            margin:5px 5px 0 0;
        }

        .startbooking-paddedpanel .hasDatepicker-at,
        .tools .hasDatepicker-at
        {
            float: left;
            margin:8px 5px 0 0;
        }

    .filter-holder .filter-controls-holder .filter-item-buttons
    {
        float: right;
        margin-right: 5px;
        vertical-align: text-bottom;
        padding-top: 25px;
    }


.filter-holder .filter-header .icon-closed,
.filter-holder .filter-header .icon-open
{
    background-image: url('images/visitor-profile-sprite.png');
}

.filter-holder .filter-header .icon-closed
{
    background-position: 0 -268px;
}

.filter-holder .filter-header .icon-open
{
    background-position: 0 -250px;
}



.popup-profile
{
    position:absolute; 
    background-color:#333; 
    border-radius:5px; 
    box-shadow: 0 0 10px #000; 
    padding:10px; 
    display:none;
}

    .popup-profile .info-section
    {
        border-bottom:1px dashed #666;
        padding-bottom:10px;
    }

        .popup-profile .info-section .details
        {
            float:left; 
            width:170px;
        }

            .popup-profile .info-section .details .name
            {
                color:#fff; 
                font-size:18px;
            }

            .popup-profile .info-section .details .position
            {
                color:#ccc; 
                font-size:14px;
            }

            .popup-profile .info-section .details .company
            {
                color:#ccc; 
                font-size:14px;
            }

            .popup-profile .info-section .details .last-visited
            {
                margin-top:5px;
            }

            .popup-profile .info-section .details .view-profile-button
            {
                padding: 18px 0 10px;
            }

            .popup-profile .info-section .avatar
            {
                float:right; 
                width:85px;
            }

            .popup-profile .info-section .info-icon
            {
                float: left;
                padding-top: 10px; 
                width: 25px; 
            }
            .popup-profile .info-section .info-text
            {
                float: right;
                width: 241px; 
            }

    .popup-profile .item-header
    {
        color: #ccc;
        font-size: 12px;
        padding-top:10px;
    }

    .popup-profile .item-value
    {
        color: #fff;
        font-size: 12px;
    }

.checkin-wrapper2 {
    background-color:#595750;
    padding: 5px 0 5px;
}

.search-property-documents-row {
    background-color : white;
}

#toolsArea .permitSelector
{
    height: 300px;
    overflow: auto;
    width:350px;
    border:1px solid #000;
}

#toolsArea .permitSelector ul
{
    list-style:none;
    width:350px;
    height:100%;
}

#toolsArea .permitSelector li
{
    padding: 0;
    height:24px;
    cursor:pointer;
    width:340px;
}

    /*#toolsArea .permitSelector li.altRow*/
    #toolsArea .permitSelector li:nth-child(even)
    {
        background-color:#f2f2f2;
    }

    #toolsArea .permitSelector li.ui-sortable-helper
    {
        background-color:#ccc;
    }

    #toolsArea .permitSelector li.ui-sortable-placeholder
    {
        border:1px dotted #000;
    }



.helpdesk-expandall-icon {    
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.helpdesk-expand-icon {    
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 -26px;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.helpdesk-collapse-icon {    
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABNCAMAAACPH4SzAAAAilBMVEX////+///9/v/7/f/z+/7x+v7u+f7h9P3e9P3a8v2+6Pu65/q55vqy5Pqv4/qq4fmm4Pmg3vmY2/iU2fiR2PiF1Pd90fZ1zvZuzPVnyfVmyfVdxvRXxPRSwvNRwvNQwfNEvfI/u/I9u/I8uvI4ufIstfEqtPEqtPEos/Ens/EhsfAfsPA1uPH///+97O0KAAAAK3RSTlMAAQIFDhATIiUqSk9QWFthZWx1en2LlJ2lra64v8XGx9Xb3d7i8PLz9fb9odSnBwAAALlJREFUeAHt0smugkAQheHD5c7O8yAqDiJ67Pd/PUnHTVNdSbOAuOBfdfKlwoIDRP1tzlLXpItCFvQ2A4ZU6iDVKAGdjM0+M1D0IkIKNTJUiRXICA8ko5KhRoYq2Ry54USlPcYaDRBv/LKMgHhylnAcfcD2/WP7Y9G9V7y+UC4nOYW3A7mO/LRj+gl/q8svlOb/cGp+vbJMkPyVTrTVfyUo9FvBV9VIX2+73sc7rrcuMk5BJGqA2vU+AQzsBjDK4SJtAAAAAElFTkSuQmCC);
    background-position: 0 -52px;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    display: block
}

.popup_500 .editLabel
{
    display: block;
    float: left;
    width: 140px;
}

.popup .editData
{
    display: block;
    float: left;
}

.dailysales-retailers
{
    padding: 0 0 10px 0
}

div.editable:hover{
    border:solid 1px #ccc;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAABhlBMVEUQpuoVqOoXqOsXqesYqesbquscqusdq+sgrOsgrOwhrOsirOwiresirewjrewkrewkruwlruwmruwnruwnr+wor+wpr+wqr+wqsOwrr+wrsOwrsewssOwssO0tse0usewwse0xsu41tO03tO05te46tu06tu47tu48tu1Cue5Euu5Fuu5Fuu9Gue9Huu5Huu9Iu+5Ju+9Lu+9Qve9RvvBTv/BUv/FVv/BWwPBXwPBXwfBYwu9ZwfBawvFbwvFbw/Fcw/Bew/FjxfFkxfJox/JryPFryPJsyPJwyvJ1zPN2zPN4zPN4zfJ5zfR6zfN7zvJ9zvN+z/N/z/OB0fSF0PSH0vSN1fSR1vWV2PWZ2PaZ2fWZ2vWb2vad2vaq4Pet4fiv4fiw4fi04/i05Pi75vi85fm/5vnB5/nE6fnJ6/rM7PrO7PrP7fvY8Pvd8vvf8/zj9Pzn9f3o9f3o9v3q9/3r9/3s9/3t+P3v+f3w+f3y+v33/P/4/P75/f77/f77/f////7///+XMQOrAAAA9klEQVR4AU3I9VuDQACH8RlTxCGD0xNPONvZ3R2znd3d3aIzML7/uc/BUN+f3ucTgNtDzZbjXQJGT5cHdr7+4Gz6G0WhwXMfPqJHiGWQitIJx4ODWcQDzFyV0opfXCiz0aZp0XIqr0HA4jb280jDUIHabAu4KcFrp2a01GeTTQgYvsZGkNbOKGo3BBxO4rGQhmKMpdwKcMYuMSKTvg4ij0PAyQKek5k6r1D9zoVI7321rs1FqLwLF/qlrFza2GOFW588mFJNy6irysnfgwfrEucWM5QmJOAiyDnTdP7ug51qhjPbV+Lw4S0pvevYBn5hqfLqE//6AbMGbSPkOvsfAAAAAElFTkSuQmCC) no-repeat right center;
    padding:2px;
    cursor:pointer;
}

.online-form .form-title
{
    padding:20px;
}

.online-form .form-introduction
{
    padding: 0 20px 20px;
}

.online-form .form-questions
{
    background-color:#e6f3f8;
}
.online-form  .question-container
{
    padding:10px 20px;
}

.online-form .forms-Submit-Button
{
    margin:20px 0 10px 20px;
}



/* daily-sales */
.daily-sales .dailysales-retailers
{
    float:left;
}

.daily-sales .sales-completed-state
{
    float:right;
}

.daily-sales .sales-completed-state .no-outstanding
{
    display:inline-block;
    padding:10px;
    background-color:#E1F4E1;
    border:solid 1px #51ce05;
    border-radius:10px;
}


.daily-sales .table-data .header
{
    height:33px;
}

.missing-sales dt
{
    padding-top:10px;
    font-weight:bold;
}

.missing-sales dd
{
    display:inline-block;
    padding: 0 5px;
}



.table-command-bar {
    background-color: #595750;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.no-close .ui-dialog-titlebar-close {display: none }
.ui-dialog { z-index: 1001 !important; }


/***** Maintain Image CSS *****/

.imagePreviewPane {
    background: transparent url('data:image/gif;base64,R0lGODlhEAAQAIAAAP///8zMzCH5BAAAAAAALAAAAAAQABAAAAIfhG+hq4jM3IFLJhoswNly/XkcBpIiVaInlLJr9FZWAQA7') repeat 0 0; 
    width: 430px;
    height: 430px;
    overflow: hidden;
	border: 1px solid #000;
	float: left;
}
.imagePresetSizes {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.imagePresetSizes li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
}
.imagePresetSizes li:hover {
	left: -1px;
}
.imagePresetSizes li.active {
	left: -1px;
}
.imagePresetSizes li.active a {
	background-color: #CDE69C;
	padding-left: 21px;
	color: #638421;
}
.imagePresetSizes a {
	display: block;
	padding: 10px 0 10px 20px;
	width: 140px;
	background-color: #FFF;
	border: 1px solid #000;
	border-left: none;
	color: #666666;
}
.imagePresetSizes a:hover {
    font-weight: normal;
    padding-left: 21px;
    background-color: #F4F4F4;
}
.imagePresetSizes.disabled a,
.imagePresetSizes.disabled a:hover,
.imagePresetSizes.disabled li.active a {
	font-weight: normal;
	padding-left: 20px;
    background-color: #F4F4F4;
    color: #666666;
    cursor: default;
}
.imagePresetSizes.disabled li,
.imagePresetSizes.disabled li:hover,
.imagePresetSizes.disabled li.active {
    left: 0px;
}

/****************************/