.clickable { cursor: pointer; }
.float-right { float: right; }
.float-left { float: left; }
.margin-r-10 { margin-right: 10px; }

.admin em { font-style: italic; }
.admin .breadcrumbs
{
    font-size:12px;
    margin-bottom:10px;
}

.admin, .adminmenu
{
    background-color:#fff;
    padding:20px 20px 20px 30px;
    font-size:12px;
}
.admin-content { 
	padding: 20px 10px;
	min-height: 300px;
    font-size: 12px;
    font-family: 'Trebuchet MS',Arial,sans-serif;
}
.admin a:hover, .adminmenu a:hover
{
    color:Blue;
    text-decoration:underline;
}

.admin .simplelist, .adminmenu .simplelist
{
   padding:0px;
}
.admin li, .adminmenu li
{
   list-style-type:none;
}

.admin .settingrow
{
    width:95%;
    margin-bottom: 15px;
    clear:both;
}

.admin .settingrow input[type=text]{ width:300px; }

.admin .settingrow .RadUpload input[type="text"] { width:auto; }
.admin .settingrow .RadUpload { width:auto; }

.admin .settingrow .display-field  {
    float: left;
    width: 300px; 
    color: #393939;
    font: 100% 'Trebuchet MS',Arial,sans-serif;
}

.admin .settingrow .settinglabel
{
    width:30%;
    float:left;
    font-weight:bold;
}

.admin .settingrow .settinginfo
{
    margin-left: 30%;
}

.admin .settingrow .editor-container { float: left; }
.admin .settingrow .ajax__calendar_container { z-index:20 }

.admin table.aspcheckboxlist 
{
   width:90%;
}
.admin .settingrow .mhelp img
{
   display:inline;
}
.admin .tabSettings
{
   padding-top:20px;
}

.adminPage .warning-msg { 
    display: inline-block;
    width: 230px;
    margin: 0;
    padding: 5px;
    float: right;
    background-color: #FFF398;
    border: 1px solid #C9C943;
}

/* Multi Select Box Styles */

.admin .multiselectbox {
	float:left;
}
.admin .multiselectbox select {
    width: 200px;
    height: 400px;
}
.admin .multiselectbox img {
    display: inline !important;
}
.admin .multiselectbox label {
	width: 200px;
	padding: 0px 30px 3px 0px;
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
}
.admin .multiselectbox label.last {
	padding-right: 0px;
}

/* Bulk Customer Importer */
.admin .summaryTable {
    border: 1px solid #58595B;
    float: left;
	margin: 15px 15px 0 0;
}
.admin .summaryTable th,
.admin .summaryTable td {
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #58595B;
}
.admin .summaryTable th {
    font-weight: bold;
}
.admin .summaryTable .error {
    color: Red;
}
.admin .summaryTable .success {
    color: #00910E;
}
.admin .reviewContainer {
	width: 100%;
	height: 400px;
	overflow: scroll;			
	margin: 20px 0;
	border: 1px solid #58595B;
}	
.admin .reviewTable td,
.admin .reviewTable th {
    border: 1px solid #FFF;
	padding: 3px 5px;
}
.admin .reviewTable th {
	background-color: #58595B;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
}
.admin .reviewTable th.error {
	background-color: #B51923;
}
.admin .reviewTable th.success {
	background-color: #00910E;
}
.admin .reviewTable tr.error {
	background-color: #FFAAAA;
}
.admin .reviewTable tr.success {
	background-color: #CEFFD0;
}
.admin .reviewTable .warningSummary,
.admin .reviewTable .errorSummary,
.admin .reviewTable .successSummary {
	display: block;
	width: 16px;
	height: 16px;
	position: relative;
}
.admin .reviewTable .warningSummary {		    
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/warning-icon.png') no-repeat 0 0;		    
}
.admin .reviewTable .errorSummary {		    
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/RejectChanges.gif') no-repeat 0 0;		    
}
.admin .reviewTable .successSummary {		    
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/ApproveChanges.gif') no-repeat 0 0;  
}	
.admin .summaryNavigation {
	margin: 15px 0 0 0;
}		
.admin .summaryNavigation .rowIndex {
	padding: 3px;
	color: red;
	font-weight: bold;
}
.admin .summaryNavigation .problemBox {
	font-size: 14px;
	color: red;
}
.admin .summaryNavigation .problemBox li {
	list-style-type: disc;
	list-style-position: inside;
}

.adminPage .list-buttons {
	list-style: none;
	margin: 0 0 10px 0;
    float: left;
}
.adminPage .list-buttons li {
	float: left;
	margin: 0 15px 0 0;
}
.adminPage .list-buttons li span,
.adminPage .list-buttons li a {
	margin: 4px 0 0 0;
	display: inline-block;
}

/***** Rad Grid CSS *****/
.admin .GridImageButton {
    cursor: pointer;
}

/***** Tool Tip CSS *****/
.admin .tooltip span {
	display: none;
	position: absolute;
	width: 180px;
	height: auto;
	top: 0px;
	left: 15px;
	background: #FBFCE8;
	border: 1px solid #58595B;
	font-size: 11px;
	padding: 5px;
}
.admin .tooltip span ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.admin .tooltip:hover span {
	display: block;
}

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

.admin .imagePreviewPane {
    background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Backgrounds/bg-image-editor.gif') repeat 0 0; 
    width: 430px;
    height: 430px;
    overflow: hidden;
	border: 1px solid #000;
	float: left;
}
.admin .imagePresetSizes {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.admin .imagePresetSizes li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
}
.admin .imagePresetSizes li:hover {
	left: -1px;
}
.admin .imagePresetSizes li.missing a {
	background-color: #ffd6d6;
	color: #b41b1b;
}
.admin .imagePresetSizes li.active {
	left: -1px;
}
.admin .imagePresetSizes li.active a {
	background-color: #CDE69C;
	padding-left: 21px;
	color: #638421;
}
.admin .imagePresetSizes a {
	display: block;
	padding: 10px 0 10px 20px;
	width: 140px;
	background-color: #FFF;
	border: 1px solid #000;
	border-left: none;
	color: #666666;
}
.admin .imagePresetSizes a:hover {
    font-weight: normal;
    padding-left: 21px;
    background-color: #F4F4F4;
}
.admin .imagePresetSizes.disabled a,
.admin .imagePresetSizes.disabled a:hover,
.admin .imagePresetSizes.disabled li.active a {
	font-weight: normal;
	padding-left: 20px;
    background-color: #F4F4F4;
    color: #666666;
    cursor: default;
}
.admin .imagePresetSizes.disabled li,
.admin .imagePresetSizes.disabled li:hover,
.admin .imagePresetSizes.disabled li.active {
    left: 0px;
}

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

.adminPage .clearfix:before,
.adminPage .clearfix:after {
    content: "";
    display: table;
} 
.adminPage .clearfix:after { clear: both; }
.adminPage .clearfix { zoom: 1; }

.adminPage .hide {display:none;}
.adminPage .hidden {visibility:hidden; display:inherit;}
.adminPage .visible {visibility:visible; display:inherit;}

.adminPage .transparent {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}
.adminPage .opaque {
	zoom: 1;
	filter: alpha(opacity=1);
	opacity: 1;
}

.adminPage fieldset legend {display:none;}

.adminPage h1 { font-size:20px; margin: 10px; }
.adminPage h2 { font-size:16px; margin: 0 0 10px 0; font-weight: bold; }
.adminPage p.intro-text { margin: 10px;font-size:14px; }

.adminPage .settingrow { padding: 4px 0px 4px 0px; clear:left; width: 100%; }
.adminPage .settingrow-html { height:470px; padding: 4px 0px 4px 0px; clear:left; }
.adminPage .settingrow-html .editor-container{ float:left; }
.adminPage .settinglabel { float:left; clear:left; width:20em; padding: 1px; }

.adminPage input[type="submit"]:disabled { color: #bababa; }

/******** Sortable List **********/
.adminPage .sortable-header {
    border: 1px solid #828282;
    background-color: #EEE;
	list-style: none;
	text-align:left;
	color: #333;	
	padding: 0.3em 30px;
	font-size: 12px;
}
.adminPage .sortable-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.adminPage .sortable-list li {
	display: block;
    height: 35px;
    font-size: 12px;
	line-height: 35px;    
    background: #FFF url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/FeatureIcons/sort.png') no-repeat 8px 10px;
    border: 1px solid #828282;
    border-top: none;
    padding: 0 0 0 30px;
    cursor: n-resize;    
}
.adminPage .sortable-list li.ui-sortable-helper {
    border-top: 1px solid #828282;
}
.adminPage .sortable-list li.sortable-placeholder {
	background-color: #DDD;
    background-image: none;	
}
.adminPage .sortable-list li a {
	float: right;
	text-decoration: underline;
	margin: 0 10px 0 0;
}

/******** Sortable Page Tree **********/
.adminPage .sortable-pages {
    list-style: none outside none;
    padding: 0;
    margin: 0 10px 10px 0;
    border-top: 1px solid #828282; 
}
.adminPage .sortable-pages.alt { margin: 0 0 20px 0; }

.adminPage .sortable-pages.numbered li { 
    list-style: decimal inside none;
    display: list-item;
    padding-left: 10px; 
}
.adminPage .sortable-pages li {
    border: 1px solid #828282;
    border-top: none;
    cursor: n-resize;
    display: block;
    font-size: 12px;
    line-height: 35px;
    padding: 0 0 0 30px;
    position: relative;
    background: #FFF;
}
.adminPage .sortable-pages li.processing { background-color: #FFFDCF; }
.adminPage .sortable-pages li:first-child {  }

.adminPage .sortable-pages li .expandable {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-indent: -9999em;
    position: absolute;
    left: 8px;
    top: 11px;
}
.adminPage .sortable-pages li.closed > .expandable { background: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/plus2.gif') no-repeat scroll 0 0 #FFFFFF; }
.adminPage .sortable-pages li.opened > .expandable { background: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/minus2.gif') no-repeat scroll 0 0 #FFFFFF; }

.adminPage .sortable-pages.alt li.closed > .expandable,
.adminPage .sortable-pages.alt li.opened > .expandable,
.adminPage .sortable-pages.alt li .expandable {
    text-indent: 0;
    background: none;
}

.adminPage .sortable-pages li > ol { display:none; }

.adminPage .sortable-pages li > .expandable-content {
    padding: 10px;
    margin: 0 10px 10px 0;
    border: 1px solid #828282;
    cursor: default;
    min-width: 800px;
}

/*.adminPage .sortable-pages li.opened > ol { display:block; }*/
.adminPage .sortable-pages li.ui-sortable-helper {
    border-top: 1px solid #828282;
}
.adminPage .sortable-pages li.ui-sortable-placeholder,
.adminPage .sortable-pages li.sortable-placeholder {
    background-color: #DDDDDD;
    background-image: none;
    list-style-type: none;
    visibility: visible !important;
}
.adminPage .sortable-pages li a.action {
    float: right;
    margin: 0 10px 0 0;
    text-decoration: underline;
}

.adminPage .sortable-pages li a.page-name
{
    margin: 0 10px 0 0;
    text-decoration: underline;
    font-weight:bold;
}

.adminPage .sortable-pages ul.data-items { 
    margin: 0 0 10px 0;
    overflow: hidden;
}
.adminPage .sortable-pages ul.data-items > li {
    border: none;
    cursor: default;
    display: block;
    font-size: 12px;
    line-height: 24px;
    min-height: 24px;
    width: 200px;
    float: left;
    padding: 0 15px 0 0;
}
.adminPage .sortable-pages ul.data-items > li > a.action { float: left; }

/******** Status List Style **********/
.adminPage .status-container {
    width: 40px;
    height: 16px;
    margin: 0 auto;
}
.adminPage .status-container .approve,
.adminPage .status-container .reject {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    text-indent: -9999em;
    background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/AwaitingReview.png') no-repeat 0 0;
}
.adminPage .status-container .approve.active,
.adminPage .status-container .approve:hover {
    background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/ApproveChanges.gif');
}
.adminPage .status-container .reject.active,
.adminPage .status-container .reject:hover {
    background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/RejectChanges.gif');
}
.adminPage .status-container .active {
    cursor: default;
}
.adminPage .status-container.processing {
    background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Loaders/ajax-loader-small.gif') no-repeat center center;
}
.adminPage .status-container.processing .approve,
.adminPage .status-container.processing .reject {
    visibility: hidden;
}

/******** Edit Modules Style **********/
.adminPage .module-list-wrapper {
    width: 430px;
    margin: 0 auto;
}
.adminPage .module-list-wrapper h2 { text-align: center; }
.adminPage .module-list-wrapper .list-container { overflow: hidden; }
.adminPage .module-list-wrapper .list-container select  {
    width: 400px;
    float: left;
}
.adminPage .module-list-wrapper .list-container ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
    width: 16px;
    float: left
}
.adminPage .module-list-wrapper .list-container ul li { height: 16px; }

/******** Checkbox List **********/
.adminPage .checkbox-list { margin: 20px 0; overflow: hidden; }
.adminPage .checkbox-list .checkbox-header {
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 1.2em;
    display: block;
}
.adminPage .checkbox-list td { padding: 5px 0 0 0; }
.adminPage .checkbox-list input[type="checkbox"] { margin: 0 10px 0 0; }
.adminPage .checkbox-list .related7column span,
.adminPage .checkbox-list .related3column span {
	float: left;
	width: 33%;
	padding: 5px 0;
}
.adminPage .checkbox-list .related7column span { width: 14%; }
.adminPage .checkbox-list ul { margin: 0 0 0 10px;  }
.adminPage .checkbox-list ul li { padding: 0 0 10px 0; }

.adminPage .checkbox-row > span { padding-right: 20px; }

/******** Time Range Slider **********/
.adminPage .time-range > span {
    width: 85px;
    display: inline-block;
}
.adminPage .time-range .ui-slider {
    display: inline-block;
    width: 530px;
}
/********* Sortable Gallery List *************/
.adminPage .sortable-gallery {
    position: relative;
    min-height: 150px;
}
.adminPage .sortable-gallery .ui-sortable {
    margin: 0 0 10px 0;
    list-style-type: none;
}
.adminPage .sortable-gallery li.sortable-placeholder,
.adminPage .sortable-gallery li.sortable-item { 
    clear:both;
    margin-top:10px;
    overflow:hidden;
    border: 1px solid #828282;
    cursor: n-resize;
    padding: 20px;
    background-color: #FFF;
}
.adminPage .sortable-gallery li.sortable-item .gallery-image { 
    float:left;
    border: 1px solid #DDD;
}
.adminPage .sortable-gallery li.sortable-item .gallery-image img { display: block; }
.adminPage .sortable-gallery li.sortable-item .gallery-actions { float: right; }
.adminPage .sortable-gallery li.sortable-item .gallery-details {
    margin-left:10px;
    float:left;
    width: 600px;
}
.adminPage .sortable-gallery li.sortable-item .gallery-details p { margin: 0 0 5px 0; }
.adminPage .sortable-gallery li.sortable-placeholder { background-color: #DDDDDD; }

.adminPage .sortable-gallery .loading-panel.show {display: block;}
.adminPage .sortable-gallery .loading-panel {
	display: none; 
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.adminPage .sortable-gallery .loading-panel span {
	display: block;
	padding: 60px;		
	background: #F1E7E7 url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/ajax-loader.gif') no-repeat center center;		 
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
	border-radius: 15px;
}

/********* Articles Menu *************/
.articles-menu-item {
    width:260px;
    height: 100px;
    border: 1px solid #666;
    background: #F3F3F3;
    padding: 20px;   
    margin-left:10px; 
    margin-bottom:10px;       
    float:left;
    border-radius: 10px;
}
.articles-menu-item .badge {
    width: 58px;
    height: 52px;
    padding: 6px;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.articles-menu-item .options {
    float: left;
    width: 170px;
}
.articles-menu-item .options .title {
    text-align:center;
    width: 170px;
    background: #666;
    color: #fff;  
    margin-bottom:3px;          
}

.page-admin
{
    font-size: 12px;
    padding: 20px 20px 20px 30px;
}

.page-admin .section-header .title {
    display: inline-block;
    margin-left: -20px;
    background-position: -1000px -1000px;
    padding-left: 20px;
    position: relative;
    cursor:pointer;
}

    .page-admin .expanded .section-header .title
    {
        background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/PageSetup/drop-down.png');
        background-repeat:no-repeat;
    }

    .page-admin .collapsed .section-header .title
    {
        background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/PageSetup/drop-down-collapsed.png');
        background-repeat:no-repeat;
    }

    .page-admin .section-header .title:hover
    {
        background-position: 3px 0px;
    }

    .page-admin .section > .section-header
    {
        background: url('http://www.30stmaryaxe.info/Data/SiteImages/PageSetup/section-underline.png') repeat-x scroll 0 10px;
    }

    .page-admin h2
    {
        font-size: 18px;
    }

    .page-admin h3
    {
        background-color: #fff;
        font-size: inherit;
        font-weight: bold;
        padding-right: 5px;
    }

    .page-admin .section
    {
        box-sizing: border-box;
        margin-top: 25px;
        width:550px;
    }
        .page-admin .section:before,
        .page-admin .section:after
        {
            content: " ";
            display: table;
        }
        .page-admin .section:after
        {
            clear: both;
        }
        .page-admin .section:first-child
        {
            margin-top: 0;
        }
        .page-admin .section > .section-header:before,
        .page-admin .section > .section-header:after
        {
            content: " ";
            display: table;
        }
        .page-admin .section > .section-header:after
        {
            clear: both;
        }

        .page-admin .section > .section-header > h3
        {
            margin-top: 3px;
        }
        .page-admin .section > .section-header + .section-content
        {
            margin-top: 10px;
        }
        .page-admin .section > .section-content:before,
        .page-admin .section > .section-content:after
        {
            content: " ";
            display: table;
        }
        .page-admin .section > .section-content:after
        {
            clear: both;
        }

        .page-admin .collapsed > .section-content
        {
            display:none;
        }

    .page-admin .section + .section
    {
        margin-top: 25px;
        padding-top: 25px;
    }

    .page-admin .section-content
    {
        color:#5e5e5e;
    }

    .page-admin .label
    {
        display:inline-block;
        width:250px;
        font-weight:bold;
    }

    .page-admin .add-icon
    {
        background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/PageSetup/add.png');
        display: inline-block;
        height: 16px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-align: left;
        text-indent: -999em;
        vertical-align: text-top;
        width: 16px;
    }
        .page-admin .add-icon span
        {
            display: none;
            text-indent: -9000px;
        }

.page-admin .section-header #add-vanity-url
{
    float: right;
    background-color: #fff;
    margin-top: 2px;
}

    .page-admin #vanity-urls
    {
        list-style: none;
    }
        .page-admin #vanity-urls li
        {
            padding: 5px 5px 5px 20px;
        }

        .page-admin #vanity-urls:after
        {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        .page-admin #vanity-urls li:before,
        .page-admin #vanity-urls li:after
        {
            content: " ";
            display: table;
        }
        .page-admin #vanity-urls li:after
        {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }


        .page-admin #vanity-urls li:nth-child(even)
        {
            background: #efefef;
        }
        .page-admin #vanity-urls li:nth-child(odd)
        {
            background: #fff;
        }
        .page-admin #vanity-urls li:hover
        {
            background: #ccc;
        }


        .page-admin #vanity-urls .vanity-delete {
            visibility: hidden;
        }

        .page-admin #vanity-urls dt {
            float: left;
        }

        .page-admin #vanity-urls dd {
            float: right;
            margin: 0;
        }

        .page-admin #vanity-urls .vanity-delete {
            padding-left: 5px;
            width: 20px;
        }

            .page-admin #vanity-urls .vanity-delete .action-delete
            {
                background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/PageSetup/delete.png');
                display: inline-block;
                height: 16px;
                margin: 0;
                overflow: hidden;
                padding: 0;
                text-align: left;
                text-indent: -999em;
                vertical-align: text-top;
                width: 16px;
            }
            .page-admin #vanity-urls .vanity-delete .action-delete span
            {
                display:none;
            }

            .page-admin #vanity-urls li:hover .vanity-delete
            {
                visibility: visible;
            }

/********* Retail Opening Hours *********/
.adminPage .retail-opening-hours { width: 100%; }
.adminPage .retail-opening-hours .fixed-section {
	position: absolute;
	background-color: #FFF;
	width: 940px;
	padding: 10px 0 0 0;
	top: 20px;
}
.adminPage .retail-opening-hours .fixed-section.fixed {
	position: fixed;
	top: 0;
}
.adminPage .retail-opening-hours .header {
    border-bottom: 3px solid #333;
    clear: both;
	overflow: hidden;
}
.adminPage .retail-opening-hours .rows-wrapper { padding: 95px 0 0 0; }
.adminPage .retail-opening-hours .row {
    border-bottom: 1px solid #d8d8d8;
    clear: both;
}
.adminPage .retail-opening-hours .row.disable .days { color: #bababa; }
.adminPage .retail-opening-hours .store {
    text-align: left;
    width: 95px;
    float: left;
    padding: 10px 0;
	line-height: 20px;
    box-sizing: border-box;
}
.adminPage .retail-opening-hours .store input { float: left; }
.adminPage .retail-opening-hours .store span {
    display: block;
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.adminPage .retail-opening-hours .store.clickable { 
	background-color: #8FB6BD;
	color: #FFF;
	cursor: pointer;
}
.adminPage .retail-opening-hours .store.clickable:hover { background-color: #3a87ad; }
.adminPage .retail-opening-hours .source {
    float: left;
    text-align:center;
    width: 75px;
    padding: 10px 2px;
	line-height: 20px;
    box-sizing: border-box;
}
.adminPage .retail-opening-hours .source select { width: 70px; }
.adminPage .retail-opening-hours .days {
    list-style: none;
    margin: 0;
}
.adminPage .retail-opening-hours .days li:nth-child(odd) { background-color: #f2f2f2; }
.adminPage .retail-opening-hours .days li {
    float: left;
    text-align:center;
    width: 110px;
}
.adminPage .retail-opening-hours .days li .label {
    padding: 10px 2px;
	line-height: 20px;
    display: block;
}
.adminPage .retail-opening-hours .days .clickable { cursor: pointer; }
.adminPage .retail-opening-hours .days .clickable:hover {
	background-color: #3a87ad;
	color: #FFF;
}
.adminPage .inline-popup { z-index: 2; }
.adminPage .inline-popup .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.3);
	z-index: 1;
}
.adminPage .inline-popup .pop-up-form {
    width: 185px;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #d8d8d8;
    margin: -45px 0 0 -50px;
    text-align: left;
    padding: 10px;
	z-index: 1;
}
.adminPage .inline-popup .pop-up-form .settinglabel {
    width: 85px;
    padding: 0;
}

.adminPage .filter-search {
    float: right;
    margin: 0 0 20px 0;
    position: relative;
}
.adminPage .filter-search input {
    width: 150px;
	border: 1px solid #999;
	padding: 3px 25px 3px 5px;
}
.adminPage .filter-search .clear-button {
    background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/close_15px.png') no-repeat 0 0;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: 4px;
    text-indent: -9999em;
    cursor: pointer;
}
.adminPage .filter-search select {
    padding: 2px 5px 2px 5px;
    border: 1px solid #999;
    margin: 0 10px 0 0;
}
.adminPage .filter-search ul.legend {
	position: absolute;
	left: -200px;
	width: 150px;
}

.adminPage .no-data {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 50px 0 0 0;
}

/********* Legend *********/
.adminPage ul.legend  { 
	list-style-type: none;
	margin: 0 0 0 30px;
}
.adminPage ul.legend li {
	position: relative;
	padding: 2px 0;
}
.adminPage ul.legend li:before {
	position: absolute;
	border: 1px solid #333;
	content: '';
	width: 11px;
	height: 11px;
	left: -20px;
}
.adminPage ul.legend li.cal-default:before { background-color: #DDD; }
.adminPage ul.legend li.cal-exception:before { background-color: #3a87ad; }
.adminPage ul.legend li.cal-public-holiday:before { background: #008000 url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Backgrounds/bg-stripe.png') repeat 0 0; }
.adminPage ul.legend li.special-exception:before { background-color: #8FB6BD; } 

/********* Calendar *********/
.adminPage .fc-day-grid-event .fc-time { display: block; }
.adminPage .fc-day-grid-event .fc-content { white-space: normal; }
.adminPage .fc-event-container .default,
.adminPage .fc-event-container .exception { cursor: pointer; }
.adminPage .fc-event-container .exception { background-color: #3a87ad; }
.adminPage .fc-event-container .default:hover,
.adminPage .fc-event-container .default {
    background-color: #DDD;
    border-color: #DDD;
    color: #333;
}
.adminPage .fc-event-container .public-holiday {
	background: #008000 url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Backgrounds/bg-stripe.png') repeat 0 0;
}

/********* Pop Up Form *********/

.no-dialog-title .ui-dialog-titlebar {display:none}
.adminPage .pop-up-form { width: 500px; }
.adminPage .pop-up-form.large { width: 100%; }
.adminPage .pop-up-form  h1 { margin: 10px 0; }
.adminPage .pop-up-form .buttonrow { padding: 15px 0; clear: both; }
.adminPage .pop-up-form .settingrow:before,
.adminPage .pop-up-form .settingrow:after { content: ""; display: table; } 
.adminPage .pop-up-form .settingrow:after { clear: both; }
.adminPage .pop-up-form .settingrow { zoom: 1; }
.adminPage .pop-up-form .settinglabel { width: 210px; padding: 5px 0; }
.adminPage .pop-up-form .settingdisplay { padding: 5px 0; }
.adminPage .pop-up-form .settingInput {
	width: 235px;
	border: 1px solid #999;
	padding: 3px 5px;
}
.adminPage .pop-up-form .ui-datepicker-trigger { margin: 0 5px; }
.adminPage .pop-up-form .inputWrapper {
	position: relative; 
	float: left;
	padding: 0 0 0 5px;
}
.adminPage .pop-up-form input[type="color"] { width: 23px; height: 23px; }
.adminPage .pop-up-form .settingrow.half {
	float: left;
    width: 50%;
	clear: none;
	box-sizing: border-box;
}
.adminPage .pop-up-form .settingrow.half.first-half {
    padding-right: 10px;
    clear: left;
}
.adminPage .pop-up-form .settingrow.half .settingInput {
    width: 200px;
    box-sizing: border-box;
}
.adminPage .pop-up-form .textAreaPreview {
	border: 1px solid #a9a9a9;
	height: 200px;
    clear: left;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
	word-wrap: break-word;
}
.adminPage .pop-up-form .validationElement { border: 1px solid #B51717; }
.adminPage .pop-up-form .validationMessage {
	position: absolute;
	left: 0;
	top: -27px;
	background-color: #ECB3B3;
	padding: 0 3px;
	border: 1px solid #B51717;
	color: #B51717;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	min-width: 135px;
	text-align: center;
    white-space: nowrap;
}
.adminPage .pop-up-form .validationMessage:before,
.adminPage .pop-up-form .validationMessage:after {
	position: absolute;
	content: '';
	display: block;
	bottom: -5px;
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8px 0 8px;
	border-color: #ecb3b3 transparent transparent transparent;
}
.adminPage .pop-up-form .validationMessage:before {
	bottom: -6px;
	left: 4px;
	border-width: 6px 9px 0 9px;
	border-top-color: #B51717;
}

.adminPage .pop-up-form .form-table {
	width: 100%;
	text-align: left;
}
.adminPage .pop-up-form .form-table ul {
	margin: 0;
	list-style: none;
}
.adminPage .pop-up-form .form-table li {
	padding: 4px 0;
	text-align: center;
	float: left;
	width: 125px;
}
.adminPage .pop-up-form .form-table li.medium { width: 100px; }
.adminPage .pop-up-form .form-table li.small { width: 25px; }
.adminPage .pop-up-form .form-table .header li { font-weight: bold; }
.adminPage .pop-up-form .form-table .left { text-align: left; }
.adminPage .pop-up-form .form-table .settingInput {
	width: 100px;
	padding: 1px 5px;
}
.adminPage .pop-up-form .form-table .inputWrapper {
	position: relative;
	display: inline;
	float: none;
	padding: 0;
}
.adminPage .pop-up-form .add-button,
.adminPage .pop-up-form .remove-button {
	display: block;
	text-indent: -9999em;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: transparent none no-repeat 0 0;
	float: right;
}
.adminPage .pop-up-form .add-button { background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/PageSetup/add.png'); }
.adminPage .pop-up-form .remove-button { background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/PageSetup/remove.png'); }
.adminPage .pop-up-form .floorplan-container { height: 400px; }
.adminPage .pop-up-form .mainMasthead.getting-here.map { padding-bottom: 10px; }

/*********** Upload Area ***********/
.adminPage .upload-area {
	position: relative;
	clear: both;
	overflow: hidden;

}
.adminPage .upload-area .drop-box {
    -webkit-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
    -moz-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
    -o-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
    transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
    border: #555 dashed 2px;
	margin: 10px auto 20px;
    padding: 25px 0;
    font: 14px/18px 'robotolight', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333;
    cursor: pointer;
    position: relative;
    clear: both;
	background-color: #E5E5E5;
	box-sizing: border-box;
}
.adminPage .upload-area .drop-box .button {
	  margin: 25px auto 0;
	  float: none;
	  display: block;
}
.adminPage .upload-area .drop-box.drag {
    border-color: #6B9ADB;
	color: #6B9ADB;
	background-color: #F0F0F0;
}
.adminPage .upload-area .progress {
    display: none;
    margin: -10px -100px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.adminPage .upload-area .uploading { cursor: default; }
.adminPage .upload-area .uploading .progress { display: block; }
.adminPage .upload-area .uploading .button,
.adminPage .upload-area .uploading .drop-text { visibility: hidden; }
.adminPage .upload-area .drop-box > * { pointer-events: none; }
.adminPage .upload-area .hidden-input {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.adminPage .upload-area .upload-preview {
	position: relative;
	float: left;
	cursor: pointer;
}
.adminPage .upload-area.locked .upload-preview { cursor: default; }
.adminPage .upload-area .upload-preview > * { pointer-events: none; }
.adminPage .upload-area .upload-preview img { display: block; }
.adminPage .upload-area .drop-box-overlay {
	-webkit-transition: opacity 500ms ease 0s;
    -moz-transition: opacity 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s;
    transition: opacity 500ms ease 0s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	color: #333;
	text-align: center;
	opacity: 0;
}
.adminPage .upload-area:not(.locked) .upload-preview:hover .drop-box-overlay,
.adminPage .upload-area:not(.locked) .upload-preview.drag .drop-box-overlay { opacity: 0.7; }
.adminPage .upload-area .drop-box-overlay p {
	position: absolute;
	top: 50%;
	width: 100%;
	font: 18px/22px 'robotomedium', Arial, Helvetica, sans-serif;
	margin: -11px;
	pointer-events: none;
}

/*********** Progress Bar ************/
@-webkit-keyframes move {
	0% { background-position: 0 0; }
	100% { background-position: 50px 50px; }
}
@-moz-keyframes move {
	0% { background-position: 0 0; }
	100% { background-position: 50px 50px; }
}
@keyframes move {
	0% { background-position: 0 0; }
	100% { background-position: 50px 50px; }
}

.adminPage .progress {
    width: 200px;
    height: 20px;
    border: #333 solid 1px;
    text-align: center;
    position: relative;
}
.adminPage .progress .bar {
    -webkit-transition: width 250ms ease 0s, background-color 500ms ease 0s;
    -moz-transition: width 250ms ease 0s, background-color 500ms ease 0s;
    -o-transition: width 250ms ease 0s, background-color 500ms ease 0s;
    transition: width 250ms ease 0s, background-color 500ms ease 0s;
    background: #55a3e3 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background: -moz-linear-gradient(top, #55a3e3 0%, #6e99da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55a3e3), color-stop(100%,#6e99da));
	background: -webkit-linear-gradient(top, #55a3e3 0%,#6e99da 100%);
	background: -o-linear-gradient(top, #55a3e3 0%,#6e99da 100%);
	background: -ms-linear-gradient(top, #55a3e3 0%,#6e99da 100%);
	background: linear-gradient(to bottom, #55a3e3 0%,#6e99da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55a3e3', endColorstr='#6e99da',GradientType=0 );
    display: block;
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.adminPage .progress .info {
    position: relative;
    line-height: 20px;
    text-shadow: -1px 1px 1px #CCC;
}
.adminPage .progress.low .bar { background: #B85A5A none; filter: none; }
.adminPage .progress.medium .bar { background: #DA9933 none; filter: none; }
.adminPage .progress.high .bar { background: #61A768 none; filter: none; }

.adminPage .progress .twirl:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
	background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
	overflow: hidden;
}

/********* Metro Notifications *********/
.mnSmallBox { padding: 10px; }

/********* Audit Viewer *********/
.adminPage .audit-viewer .audit-actions {
	border-bottom: 1px solid #999;
	background-color: #FFF;
    margin: 20px 0 5px 0;
}
.adminPage .audit-viewer .audit-actions > li {
	border: 1px solid #999;
	border-bottom: none;
    padding: 7px;
}
.adminPage .audit-viewer .audit-actions li  { position: relative; }
.adminPage .audit-viewer .audit-actions li span {
	padding: 6px 6px;
    display: block;
    cursor: pointer;
	position: relative;
}
.adminPage .audit-viewer .audit-actions > li > span:after {
	content: '';
	width: 0;
	height: 0;
	display:block;
	position: absolute;
	right: 5px;
    top: 5px;
	border-style: solid;
	border-width: 7px 10px 7px 0;
	border-color: transparent #666 transparent transparent;
}
.adminPage .audit-viewer .audit-actions > li > span.expanded:after {
	border-width: 10px 7px 0 7px;
	border-color: #666 transparent transparent transparent;
}
.adminPage .audit-viewer .audit-actions > li > span.loading:after {
	border: none;
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Loaders/ajax-loader-small.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
    top: 2px;
}

.adminPage .audit-viewer .audit-actions q {
	border: 1px solid #999;
    background-color: #ECECEC;
    padding: 3px;
}
.adminPage .audit-viewer .audit-actions li > span:hover > em { text-decoration: underline; }
.adminPage .audit-viewer .audit-details { margin: 0 0 0 10px; }
.adminPage .audit-viewer .audit-details li > span { padding-left:34px; }
.adminPage .audit-viewer .audit-details li span:after {
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/FeatureIcons/search.png') no-repeat 0 0;
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 5px;
    left: 15px;
}
.adminPage .audit-viewer .audit-details li:before, 
.adminPage .audit-viewer .audit-details li:after {
    content: '';
    position: absolute;
    left: 0;
}
.adminPage .audit-viewer .audit-details li:before {
    border-top: 1px solid #666;
    width: 8px;
    top: 12px;
	left: 2px;
    height: 0;
} 
.adminPage .audit-viewer .audit-details li:after{
    border-left: 1px solid #666;
    height: 100%;
    width: 0;
    top: -5px;
    left: 2px;
}
.adminPage .audit-viewer .audit-details li:last-child:after{ height:18px; }
.adminPage .audit-viewer .no-details { padding: 6px; }

/********* Drill Down **********/

.adminPage .drill-down {
	border: 1px solid #999;
	background-color: #FFF;
    margin: 20px 0 5px 0;
	font-size: 14px;
}
.adminPage .drill-down > li > span {
	padding: 10px 0 10px 40px;
	display: block;
	cursor: pointer;
	position: relative;
}
.adminPage .drill-down > li > span:hover { 	background-color: #e8e8e8; }
.adminPage .drill-down > li > span:before {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
    left: 19px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #000;
}
.adminPage .drill-down > li > span.expanded {
	background-color: #999;
	color: #FFF;
}
.adminPage .drill-down > li > span.expanded:before {
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #000 transparent transparent transparent;
	top: 14px;
    left: 16px;
}
.adminPage .drill-down > li > span.loadingBar:before {
	background: transparent url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Loaders/ajax-loader-horizontal-small.gif') no-repeat center center;
	border: none;
	width: 16px;
	height: 11px;
	top: 12px;
    left: 12px;
}
.adminPage .drill-down ul { margin: 0; }
.adminPage .drill-down ul li {
	background-color: #e8e8e8;
	padding: 10px;
    overflow: hidden;
	position: relative;
}
.adminPage .drill-down ul li.alt { background-color: #d6d5d5; }
.adminPage .drill-down ul li img {
	float: left;
	margin: 0 20px 0 0;
}
.adminPage .drill-down ul li .actions { margin: 40px 0 0 0; }
.adminPage .drill-down ul li .actions .buttons {
	float: right;
	margin-top: -15px;
}
.adminPage .drill-down ul li .actions .buttons a {
	background-color: #999;
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 10px 15px;
    float: left;
    margin: 0 0 0 10px;
}
.adminPage .drill-down .drop-down-paging {
	border-bottom: 1px solid #999;
	padding: 10px 0;
}
.adminPage .drill-down .drop-down-paging .paging-wrapper {
	width: 150px;
	margin: 0 auto;
	overflow: hidden;
}
.adminPage .drill-down .drop-down-paging .prev { float: left; cursor: pointer; }
.adminPage .drill-down .drop-down-paging .next { float: right; cursor: pointer; }

/********* Auto Complete *********/
.adminPage .auto-complete { 
    margin: 10px 0;
    float: left; 
}
.adminPage .settingrow .auto-complete { margin: 0; }
.adminPage .auto-complete > p { margin: 10px 0 0 0; }
.adminPage .settingrow .auto-complete .search-field,
.adminPage .auto-complete .search-field {
    width: 400px;
    padding: 2px 5px;
    border: 1px solid #999;
    box-sizing: border-box;
}
.adminPage .auto-complete .results {
    position: absolute;
    width: 400px;
    min-height: 40px;
    background-color: #FFF;
    border: 1px solid #999;
    box-sizing: border-box;
    z-index: 100;
}
.adminPage .auto-complete .results ul { margin: 0; }
.adminPage .auto-complete .results ul li:hover { background-color: #e8e8e8; }
.adminPage .auto-complete .results ul li {
    padding: 5px;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
}
.adminPage .auto-complete .results ul li img {
    width: 50px;
    float: left;
    padding: 0 10px 0 0; 
}
.adminPage .auto-complete .results .empty-msg {
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}

/********* CSS3 Loader *********/
.adminPage .ajax-content { position: relative; }
.adminPage .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.5);
}
.adminPage .loader.small-loader {
	background-image: url('http://www.30stmaryaxe.info/Data/SiteImages/../../Data/SiteImages/Loaders/ajax-loader-small.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
.adminPage .loader .fountain-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -120px;
}
.adminPage .fountain-loader {
	position:relative;
	width:240px;
	height:29px
}
.adminPage .fountainG {
	position:absolute;
	top:0;
	background-color:#999999;
	width:29px;
	height:29px;
	-moz-animation-name:bounce_fountainG;
	-moz-animation-duration:1.3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-moz-transform:scale(.3);
	-moz-border-radius:19px;
	-webkit-animation-name:bounce_fountainG;
	-webkit-animation-duration:1.3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-webkit-transform:scale(.3);
	-webkit-border-radius:19px;
	-ms-animation-name:bounce_fountainG;
	-ms-animation-duration:1.3s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-ms-transform:scale(.3);
	-ms-border-radius:19px;
	-o-animation-name:bounce_fountainG;
	-o-animation-duration:1.3s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
	-o-transform:scale(.3);
	-o-border-radius:19px;
	animation-name:bounce_fountainG;
	animation-duration:1.3s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	transform:scale(.3);
	border-radius:19px;
}
.adminPage .fountainG_1 {
	left:0;
	-moz-animation-delay:0.52s;
	-webkit-animation-delay:0.52s;
	-ms-animation-delay:0.52s;
	-o-animation-delay:0.52s;
	animation-delay:0.52s;
}
.adminPage .fountainG_2 {
	left:30px;
	-moz-animation-delay:0.65s;
	-webkit-animation-delay:0.65s;
	-ms-animation-delay:0.65s;
	-o-animation-delay:0.65s;
	animation-delay:0.65s;
}
.adminPage .fountainG_3 {
	left:60px;
	-moz-animation-delay:0.78s;
	-webkit-animation-delay:0.78s;
	-ms-animation-delay:0.78s;
	-o-animation-delay:0.78s;
	animation-delay:0.78s;
}
.adminPage .fountainG_4 {
	left:90px;
	-moz-animation-delay:0.91s;
	-webkit-animation-delay:0.91s;
	-ms-animation-delay:0.91s;
	-o-animation-delay:0.91s;
	animation-delay:0.91s;
}
.adminPage .fountainG_5 {
	left:120px;
	-moz-animation-delay:1.04s;
	-webkit-animation-delay:1.04s;
	-ms-animation-delay:1.04s;
	-o-animation-delay:1.04s;
	animation-delay:1.04s;
}
.adminPage .fountainG_6 {
	left:150px;
	-moz-animation-delay:1.17s;
	-webkit-animation-delay:1.17s;
	-ms-animation-delay:1.17s;
	-o-animation-delay:1.17s;
	animation-delay:1.17s;
}
.adminPage .fountainG_7 {
	left:180px;
	-moz-animation-delay:1.3s;
	-webkit-animation-delay:1.3s;
	-ms-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
.adminPage .fountainG_8 {
	left:210px;
	-moz-animation-delay:1.43s;
	-webkit-animation-delay:1.43s;
	-ms-animation-delay:1.43s;
	-o-animation-delay:1.43s;
	animation-delay:1.43s;
}

@-moz-keyframes bounce_fountainG {
	0% { -moz-transform:scale(1); background-color:#999999; }
	100% { -moz-transform:scale(.3); background-color:#FFFFFF; }
}
@-webkit-keyframes bounce_fountainG {
	0% { -webkit-transform:scale(1); background-color:#999999; }
	100% { -webkit-transform:scale(.3); background-color:#FFFFFF; }
}
@-ms-keyframes bounce_fountainG {
	0% { -ms-transform:scale(1); background-color:#999999; }
	100% { -ms-transform:scale(.3); background-color:#FFFFFF; }
}
@-o-keyframes bounce_fountainG {
	0% { -o-transform:scale(1); background-color:#999999; }
	100% { -o-transform:scale(.3); background-color:#FFFFFF; }
}
@keyframes bounce_fountainG {
	0% { transform:scale(1); background-color:#999999; }
	100% { transform:scale(.3); background-color:#FFFFFF;}
}.Commercial-GeneralCss
{
}

.validation-error {
    color: #CC0000;
}

.contentPanel {
	background-color: #ffffff;
	background-image: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/content_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
	width: auto;
	padding: 10px 0; 
	margin-bottom:20px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}
.content a {
	text-decoration: underline !important;
	color: #333333;
}
.content th a,
.content th a:hover {
	text-decoration: underline !important;
	color: #FFF;
}

.contentlabel,
.chkBoxList label {
	color: #333333;
	font-size: 12px;
}
.chkBoxList td {
	padding-right: 15px;
}
.ListData {
	background: none repeat scroll 0 0 white;
	font: 12px Arial,Verdana,Sans-serif;
	text-align: left;
}

.ListData table {
	color: #333333;
	border-collapse: separate !important;
}

.ListData table thead tr {
	background: none repeat scroll 0 0 #23487C;
	color: #FFFFFF;
	font: bold 12px Arial,Verdana,Sans-serif;
	height: 21px;
}

.ListData table thead th {
	border: 1px solid #FFFFFF;
}

.tableDataRow {
	background: none repeat scroll 0 0 #FFFFFF;
}

.tableDataAltRow {
	background: none repeat scroll 0 0 #DCDDDE;
}

.fieldsetClear
{
	background-color: Transparent;
	border: 1px solid #787878;
	padding: 12px;
}

.fieldsetClear legend 
{
	background-color: Transparent;
}

legend 
{
	font-size: larger;
	font-weight: 700;
}

span.editLabelVisitor, label.editLabelVisitor 
{
	display: block;
	float: left;
	width: 140px;
}

.formRow
{
	float: left; 
	margin: 0 15px 5px 0;
	width: 400px;
}

/*Helpdesk*/
.pnlLinksPanel {
	font-weight: 700;
	text-align: center;
	margin-top:10px;
}

div.helpdeskSearch
{
    display:inline;
    position:relative;
}

.statusDropdownMenu {
	position: absolute;
	width: 200px;
	background-color: #333333;
	padding: 5px 5px 10px 10px;
	border-radius:3px;
	box-shadow:0px 0px 8px #333333;
	left:-165px;
}

.dropdownHidden
{
    display:none;
}

.statusDropdownMenu #closePopup
{
    text-align:right;
    margin-bottom:5px;
}
.statusDropdownMenu a
{
    color:#2db1ed !important;
}
.content .settingrow {
	clear: left;
	padding: 4px 0;
}

.content div .settinglabel {
	clear: left;
	float: left;
	padding: 1px;
	width: 20em;
}

.content div .settinglabel, 
.content div .settinglabelFixedHeight {
	font-size: smaller;
	font-weight: 700;
}

/** Form Styles **/
.tdbg {
	background-image: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/content_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}
.comboselect {
	width: auto;
}
.contentPanel input[type="text"],
.contentPanel select {
	font-size: 12px;
	border: 1px solid #DDD;
	padding:4px;
}
.PageInfo {
	color: #FF0000;
	padding-right: 20px;
}
.sectionHeading {
	color: #bfcddb;
	font-size: 30px;
	font-family: Arial black;
	text-transform: uppercase;
	display: block;
}
.toolsHeading {
	font-size: 18px;
	display:block;
}
.buttonWrapper {
	padding-top: 10px;
	text-align: right;
}
.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: #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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/images/tableimages.gif');
    background-position: 3px -248px;
    height: 10px
}

table.commercialContent .rgSortDesc {
    background-image: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/images/tableimages.gif');
    background-position: 3px -198px;
    height: 10px
}

table.commercialContent .rgAdd {
    background-image: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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 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-search-filter .listlfa-filter-controls {
    padding: 10px !important;
    background: #faebd7 !important;
    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;
}

    .commandArea.fluent {
        height: auto;
        overflow: hidden;
    }

.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,
.page-note {
    background-color: #D6EFFC;
    border: 1px solid #2DB1ED;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    margin-bottom: 15px;
}

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

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

        .start-booking-note div.note H3,
        .page-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;
}

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

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

.resource-booker-checkin-print-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 #000000;
    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-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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/images/visitor-profile-sprite.png');
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


.profile-icon {
    display: inline-block;
}

.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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAZCAYAAADDq1t2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gsVDSMqmT1spwAACDVJREFUaN7tmnuMVHcVxz+/+5iZZekCu11YloayLDYtaElq1WpJecViC601xWfApjbGR9NaNYTEGKNttGJsU1OJpdbGovYfSW3UTYNEMFgsxj6UUrdUHiVSYIFl2V12d2bnzj3+Mefu/ObuvJZdwDSc5Gbv/F73/s73d875nnPXcEkqSt36jgTwZ2DRSKNI/q8BRG+Mthtj9ZvY+JJ9fRizZmjDyj/Yz3Uuqb6KiKxFZBEgiOSBMHphokEFUCKlRyBE7dHv4j7BmAZEHok/1ruk+apiMCZExMEYwlDIZENVMqR8dwSeEZBiLZXWFsAYkysFzBLLek4B/waCCotNA+4FZgC/B7aNY9NTgflAQnfTC7x6gRU/Sd/hMtVqDvhrQXVGottcKDRO8ll7/RW0N9Xz+rE+nnjpML7jjBgLov4tsowIqzKuzOQ7pRQwv9b7BLAVuA84U2YTDrAR+Kz+vgu4CfjnOSrlGuCnCjLAK8DtFxiYmcAPgPcpKGeBq2PuDAFSnsMDi9tZt2QujjGczQQ01Pk8vO0t6ny3EHficcVIIRbFYo+Y0vblALP0agaaqsQdxwJF9JR9ehxKSapiWvVqvgiuygOmAy2qh5mjHU7+XLc0JFk8txHHGESEyUmPNdfNgiCs7MqE4hhjxx4bsHEEfwGyFJ+N0+MNr/8PIb7a+xggE4T0pQPFKg/Oif5MLOA7BVdGCaYWIwfGmLIWMBYJgfs1FkTx4Il3OS0bUeCRM2k27T7Mge5BzgxlOdA9yL3P78VPesUUmgIQQp58iQhiTAH3UoCNg5WJArEVmAPsqHFeAzBYhVScq6QAH0hb1lxJEupCM8CwvpOpwstAhITn8Nxr77DnaB9XNdez6+0eegeGmZT0yAQhuTA3MqHOd8gEIUnfpT7hks2F9KYDfMfguaaQA5UBZ6zAGOAO4Hrd2CrgW7q5O7Ud4CXgd8CngGUau/qA14FfAP01Pu+bOleAemAn8Jz23Q7cAFyhij4LvKlMcV+JtWYAa4H3KphDQCfwhu6lwpbzZzKbC7llQQtL5zWRDkIWzWmko7OLXQdPc+fCVj7SNo1cKKSDkO+88CarFrRw6zXTaapPkAlC9p8aYMueY3Qe7yfluwVSUMKdnSswn7favqeKWw18Uts2AcuBNcAUa2wOuBW4uYZnrVe2FLnbLgX7cuAp4Ea9j8sa4CFgi9U2W3+/P+a+BfgP0FglyQRjCMKQxe1NrFs6b6Trnb40u/adZMXVzXzxhivz/l6EQz1DPHLbfKbV+UVLLWlv4oHn36Czqz9vOXZiOkHBPy7D1v1q4EsxUARwFbCvVHnOZxSY6P16dM5O4I/Axy1QAnVjkVwL/AT4kNX2LPABXU9iB+0qtcqqrgwgCAvTw1DI6e8gJ0XDH79jwShQAJbOu5zVC2dq7EHjzviDf63gNao1/hZ4FDhq+QRTIVcJgDbgQU1kRd3MD9VaHgKus8b+TBPEOs2/ImnVHMsHPqbWZevtBeC7CthgTam6GYNbMYaU57LjQDcbduznSG8aseLIta0NNE9OWuuG43Zltbo7gIc1/gDsUdKQ0v62MnNnAT8G3mOxwKeBH+nc5aps0QrF1zSYpzTxXQZ8Queu0Lj0hdgzvqyuNpKb9ABNr7F2VhU4EWHnwW6WbfwbhMKWPcfZfd+NuDqmtSHFlJTH6YEMjnEmhJWNRX5l3R/RfKe1Qq4gCliblaVtBb6q/e1qRZFcBmxWYCIQ263+udr3QavtrRJMcqda0F3nDAqmaEdBKGw/0A0iJJMue4/1IaMST4sumwsLzAnrfiAWg6TMmcvpFSnbLg3VqbVgWV1bDe9hW0J3GQbWW5MjMKamHFkEugey4Dg4xjA0lC0aImLlOsaZELo8Fuk5h+z+beAfGvwF+JzWzx5VkIas9Y4qLU/FnpNRkpFRhZ9UVhZZ0eQSRczZEx1kBzNZ/TxQKk/Jf0HATjirAJOtUMAcYwjEsaJarfOOa1HzZovCrgO2a6G0C1ig6w0D31AXmVBLC5TODwEdOuZlS/EzgHt0HlY+tKKqtcQ/cNVAAIpqYhVANDXQ5VW6qUzsEuCxkvRhYsUBdgH217wWYIPeP6MsCuBK4Ent71Fr2AT8RlldlGw8HbParwMvKjF5VuNU3XnZTbzsX4qCa81NZSqwEJjjlFBMosSFuofzLdHReVDdWiTL9ZRvBv6kB8RRKrxft/6aJpdodn+/srIO4O9FKXyePn9fK+WuWltl5xRVgkXGviNT1lQwUmQxszWOJsaSx/hV4pJf5fUSsXpVdBCSJdY4qEki1qFYB3xY6fDmGLmw5Sjwc+DbSjoAblMrGY6pKacs7V9WW7J89g+uU1CZ4xhcJ7+c5xaWTXoOjv2UMMRzC/N81/qwVvyhLCotuR7weI2gbNf7rerusnoih3WDHervsxpQbbd3TJUV1b26tP2/miQ2qMIOWXMeUzc1yQrSU3Tc3cBH1WJm64YGlA5vUxBsOalu+m6tAEzWPbwK/FLbVpaoIhQdLdcx7D7cw1O7D5MN8wF87/F+8F3+sr97pAIQhCH7TgzgOWplvsvGFw/hOAbHGA6dHqQvHRROiIj9CWUQaDJcPDFMzLeYlF4DNVaXPQU5U7l4qRx9fcc9IE/meS0MBzlyVvnF8xx81yET5AiDcCSuRO1RHBnKBEWxJ+nnqbSaS2d6w8r5+m5TgaGL+c8YE/WBLF32lJcv+/SNYbxnu7OE54Ino3aQ9Bzyqb0zemsi1CU9O7jET6hnvdup853HvFvkZf1nltJfIosqAo6leKkt4xAREXklPup/bT7T5fTEvFwAAAAASUVORK5CYII=') /*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;
}

    .styled:disabled {
        background-color: #ebebe4;
        color: #545454;
    }

.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: 25px;
    height: 25px;
}

.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: #ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #000000;
    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 0;
}

.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 #000000;
        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 #000000;
        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;
        text-decoration: none !important;
    }

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

    a.negative-action:hover {
        background-color: #8f8f8f;
        text-decoration: none !important;
    }


.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;
    overflow: hidden;
    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.modern tbody td.word-break {
            word-break: break-all;
        }

    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 .white-row,
    table.modern .white-row {
        background-color: #fff;
    }

    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 #000000;
        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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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;
}

    .listlfa-search-filter .filter-row,
    .filter-holder .filter-controls-holder .filter-row {
        float: none;
        clear: both;
    }

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

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

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

            .listlfa-search-filter .filter-item .hasDatepicker,
            .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('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/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;
}

.ajax-content {
    position: relative;
}

.css-loader {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 100;
}

    .css-loader .spinner {
        border: 8px solid #f3f3f3;
        border-radius: 74%;
        border-top: 8px solid #3498db;
        width: 81px;
        height: 81px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
        margin: 50px auto;
    }

    .css-loader .progress {
        margin: 100px auto;
        width: 100%;
        text-align: center;
    }

        .css-loader .progress .status {
            font-weight: bold;
            font-size: 14px;
        }

        .css-loader .progress progress {
            display: block;
            margin: 10px auto;
            width: 300px;
            height: 20px;
            -webkit-appearance: none;
            appearance: none;
            -webkit-animation: animate-stripes 5s linear infinite;
            animation: animate-stripes 5s linear infinite;
        }

            .css-loader .progress progress[value]::-webkit-progress-bar {
                background-color: #eee;
                border-radius: 2px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
            }

            .css-loader .progress progress[value]::-webkit-progress-value {
                background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44);
                border-radius: 2px;
                background-size: 35px 20px, 100% 100%, 100% 100%;
                -webkit-animation: animate-stripes 5s linear infinite;
                animation: animate-stripes 5s linear infinite;
                transition: width 0.5s;
            }

    .css-loader .fountain-loader-wrapper {
        position: relative;
        width: 234px;
        height: 28px;
        margin: 10px auto;
    }

    .css-loader .fountain {
        position: absolute;
        top: 0;
        background-color: rgb(255,255,255);
        width: 28px;
        height: 28px;
        animation-name: bounce_fountainG;
        -o-animation-name: bounce_fountainG;
        -ms-animation-name: bounce_fountainG;
        -webkit-animation-name: bounce_fountainG;
        -moz-animation-name: bounce_fountainG;
        animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
        transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3);
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        border-radius: 19px;
        -o-border-radius: 19px;
        -ms-border-radius: 19px;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
    }

    .css-loader .fountain-1 {
        left: 0;
        animation-delay: 0.6s;
        -o-animation-delay: 0.6s;
        -ms-animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
    }

    .css-loader .fountain-2 {
        left: 29px;
        animation-delay: 0.75s;
        -o-animation-delay: 0.75s;
        -ms-animation-delay: 0.75s;
        -webkit-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
    }

    .css-loader .fountain-3 {
        left: 58px;
        animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
        -ms-animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
    }

    .css-loader .fountain-4 {
        left: 88px;
        animation-delay: 1.05s;
        -o-animation-delay: 1.05s;
        -ms-animation-delay: 1.05s;
        -webkit-animation-delay: 1.05s;
        -moz-animation-delay: 1.05s;
    }

    .css-loader .fountain-5 {
        left: 117px;
        animation-delay: 1.2s;
        -o-animation-delay: 1.2s;
        -ms-animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
    }

    .css-loader .fountain-6 {
        left: 146px;
        animation-delay: 1.35s;
        -o-animation-delay: 1.35s;
        -ms-animation-delay: 1.35s;
        -webkit-animation-delay: 1.35s;
        -moz-animation-delay: 1.35s;
    }

    .css-loader .fountain-7 {
        left: 175px;
        animation-delay: 1.5s;
        -o-animation-delay: 1.5s;
        -ms-animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

    .css-loader .fountain-8 {
        left: 205px;
        animation-delay: 1.64s;
        -o-animation-delay: 1.64s;
        -ms-animation-delay: 1.64s;
        -webkit-animation-delay: 1.64s;
        -moz-animation-delay: 1.64s;
    }



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(36,141,190);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgba(0,0,0,0);
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

@keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

/***** 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: 0;
    }

/*********** Upload Area ***********/
.upload-area {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 400px;
}

    .upload-area .drop-box {
        -webkit-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        -moz-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        -o-transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        transition: border-color 500ms ease 0s, color 500ms ease 0s, background-color 500ms ease 0s;
        border: #555 dashed 2px;
        margin: 10px auto 20px;
        padding: 25px 0;
        font: 14px/18px 'robotolight', Arial, Helvetica, sans-serif;
        text-align: center;
        color: #333;
        cursor: pointer;
        position: relative;
        clear: both;
        background-color: #E5E5E5;
        box-sizing: border-box;
        float: none !important;
    }

        .upload-area .drop-box .link-action {
            margin: 25px auto 0;
            float: none;
        }

        .upload-area .drop-box.drag {
            border-color: #6B9ADB;
            color: #6B9ADB;
            background-color: #F0F0F0;
        }

    .upload-area .progress {
        display: none;
        margin: -10px -100px;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .upload-area .uploading {
        cursor: default;
    }

        .upload-area .uploading .progress {
            display: block;
        }

        .upload-area .uploading .button,
        .upload-area .uploading .drop-text {
            visibility: hidden;
        }

    .upload-area .drop-box > * {
        pointer-events: none;
    }

    .upload-area .hidden-input {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
    }

    .upload-area .upload-preview {
        position: relative;
        float: left;
        cursor: pointer;
    }

    .upload-area.locked .upload-preview {
        cursor: default;
    }

    .upload-area .upload-preview > * {
        pointer-events: none;
    }

    .upload-area .upload-preview img {
        display: block;
    }

    .upload-area .drop-box-overlay {
        -webkit-transition: opacity 500ms ease 0s;
        -moz-transition: opacity 500ms ease 0s;
        -o-transition: opacity 500ms ease 0s;
        transition: opacity 500ms ease 0s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        color: #333;
        text-align: center;
        opacity: 0;
    }

    .upload-area:not(.locked) .upload-preview:hover .drop-box-overlay,
    .upload-area:not(.locked) .upload-preview.drag .drop-box-overlay {
        opacity: 0.7;
    }

    .upload-area .drop-box-overlay p {
        position: absolute;
        top: 50%;
        width: 100%;
        font: 18px/22px 'robotomedium', Arial, Helvetica, sans-serif;
        margin: -11px;
        pointer-events: none;
    }

div.growlUI h1,
div.growlUI h2 {
    color: white;
    margin: 5px;
    text-align: left;
}

div.growlUI h1 {
    font-size: 20px;
    font-weight: bold;
}

div.growlUI h2 {
    font-size: 16px;
}
div.AspNet-TreeView {}
div.AspNet-TreeView ul 
{
	border-bottom:1px solid #D0D0D0;
	float:left;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:220px;
}


.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display:none;}
div.AspNet-TreeView ul li
{
	border-top:1px solid #D0D0D0;
	float:left;
	width:220px;
 }
 
 div.AspNet-TreeView li a
 {
	float:left;
	padding:7px 0 7px 1px;
	width:219px;
 }
 
 /* Second Level */
 div.AspNet-TreeView ul ul
 {
	clear:both;
	font-size:11px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
 }
 
div.AspNet-TreeView ul ul li a 
{
	-moz-background-clip:border ;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0 !important;
	color:#000000;
	padding:7px 10px;
	width:199px;
}

div.AspNet-TreeView ul ul li.AspNet-TreeView-Selected a
{
	-moz-background-clip:border ;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat scroll 0 0 transparent !important;
	color:#000000;
	padding:7px 10px;
	width:199px;
}

/* Third Level */
div.AspNet-TreeView ul ul ul
 {
	clear:both;
	font-size:11px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
 }
 
div.AspNet-TreeView ul ul ul li a 
{
	-moz-background-clip:border ;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0 !important;
	color:#000000;
	padding:7px 20px;
	width:189px;
	font-weight:normal;
}

div.AspNet-TreeView ul ul ul li.AspNet-TreeView-ParentSelected a
{
	-moz-background-clip:border ;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent !important;
	color:#000000;
	padding:7px 20px;
	width:189px;
	font-weight:normal;
}

div.AspNet-TreeView ul ul ul li.AspNet-TreeView-Selected a
{
	-moz-background-clip:border ;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat scroll 0 0 transparent !important;
	color:#000000;
	padding:7px 20px;
	width:189px;
	font-weight:normal;
}


div.AspNet-TreeView .AspNet-TreeView-Selected a,
div.AspNet-TreeView a:hover

 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat scroll 0 0;
text-decoration:none;
}

div.AspNet-TreeView a:hover

 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat scroll 0 0 !important;
text-decoration:none;
}

div.AspNet-TreeView a {
	float:left;
	padding:7px 0 7px 1px;
	width:219px;
}
.Commercial-CommunityGeneralCss {}

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, strike, 
strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
}
html { height: 100%; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { padding: 0; margin: 0; font-size: 100%;}
textarea { overflow: auto; }
th { text-align: left; }
address { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}

body {
	background: #f3f3f3;
	color: #333;
	font: 12px Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0;
	height: 100%;
}

p { margin: 0 0 10px 0; }

ul {
    list-style: disc outside;
    padding: 0 0 0 20px;
    margin: 10px 0;
}

ol {
    list-style: decimal outside;
    padding: 0 0 0 20px;
    margin: 10px 0;
}

input, textarea, select {
	vertical-align: middle;
	font: 12px Helvetica Neue, Helvetica, Arial, sans-serif;
}

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

legend {
    font-size: 17px;
    font-weight: bold;
}

strong { font-weight: bold; }

em { font-style: italic; }

.clear { clear: both; }
.hidden { display: none; }

.leftside {
    float: left;
    width: 220px;
}

.center-rightmargin {
    float: left;
    margin: 10px 0;
    width: 720px;
}

.center-leftmargin {
    float: right;
    width: 700px;
}

.center-rightandleftmargins {
    float: left;
    margin: 10px 5px 0;
    width: 478px;
}
.right2column {
    float: left;
    margin: 10px 0;
    width: 220px;
}
.right2column .webpartmodule {margin-top: 34px;}
.right2column div {
    float: left;
    margin-bottom: 3px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}

#CommunityWrapper {
	width: 940px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	padding: 0px 10px;
	background-color:#ffffff;
}

* html #wrapper {height: 100%;}

#main {
	width: 940px;
	background: #fff;
	padding: 200px 10px 394px;
	overflow: hidden;
	min-height:200px
}

#CommunityMain {
	width: 940px;
	padding: 10px 0px;
	overflow: hidden;
	min-height:710px
}

#header {
	width: 940px;
	position: absolute;
	top: 0px;
	left: 10px;
	height: 30px;
	background: red;
	padding: 150px 0 0 0;
}

#CommunityHeader {
	width: 940px;
	height: 30px;
	background: #000000;
	padding: 150px 0 0 0;
}

.logo {
	position: absolute;
	top: 25px;
	left: 19px;
	width: 85px;
	height: 117px;
	text-indent: -9999px;
}

.logo a {
	display: block;
	height: 100%;
}

.logoExclusive {display: none;}

.form-search {
	position: absolute;
	width: 191px;
	height: 26px;
	padding: 0 0 0 9px;
	background: #fff url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-search.gif') no-repeat;
	top: 45px;
	right: 20px;
	display:none;
}

.form-search input {
	font-weight: bold;
	color: #efefef;
	float: left;
	width: 151px;
	padding: 5px 0 0;
	margin: 0;
	line-height: 21px;
	background: none;
	border: 0;
}

.form-search input.btn-search {
	float: right;
	width: 30px;
	height: 26px;
	text-indent: -9999px;
	cursor: pointer;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/btn-search.gif') no-repeat;
}

.nav-holder {
	width: 908px;
	background: #000000;
	height: 30px;
	padding: 0 17px 0 15px;
}

.nav {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style: none;
	position: relative;
}

.nav li {float: left;}

.nav li a {
	float: left;
	color: #fff;
	padding: 7px 7px 0;
	height: 23px;
	position: relative;
}

.nav li a:hover, .nav li.active a, .nav li:hover a, .nav li.hover a {
	text-decoration: none;
	background: #0573a6;
}

.nav-holder .list {
	float: right;
	margin: 7px 0 0;
	font-weight: bold;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

.nav-holder .list li {
	float: left;
	margin: 0 2px 0 -2px;
	color: #ffbadf;
	padding: 0 5px 0 7px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/separator.gif') no-repeat 0 3px;
}

.nav-holder .list a {color: #8BC0E3;}

.drop {
	position: absolute;
	top: 30px;
	left: -15px;
	width: 940px;
	color: #fff;
	display: none;
	z-index:1200;
}

.nav li:hover .drop, .nav li.hover .drop, .nav li:hover .arrow, .nav li.hover .arrow {display: block;}

.drop .c {
	width: 916px;
	overflow: hidden;
	padding: 15px 12px 15px;
	background-color: #000000;
}

.nav .arrow {
	position: absolute;
	width: 12px;
	height: 6px;
	top: 24px;
	display: none;
	left: 50%;
	margin: 0 0 0 -6px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow-drop.gif') no-repeat;
}

.drop .box {
	float: left;
	overflow: hidden;
}

.drop .box .intro {
	width: 300px;
	overflow: hidden;
}

.drop .box h2 {
	font-size: 12px;
	margin: 0 0 19px;
}

.drop .box ul {
	margin: 0;
	float: left;
	padding: 0 10px 0 0;
	list-style: none;
	overflow: hidden;
	width: 340px;
	font-size: 11px;
}

.drop .box li {
	float: left;
	width: 50%;
	padding: 0 0 10px;
}

.drop .single {width:150px;}
.drop .single ul.single {width:150px;}
.drop .box ul.single li {width:100%;}

.drop .box a, .drop .list2 a {
	padding: 0;
	height: auto;
	background: none!important;
	font-weight: normal;
}

.drop .box a.h2, .drop .list2 a.h2 {
	font-size: 12px;
    margin: 0 0 19px;
    font-weight:bold;
    display:block;
    float:none;
}

.drop .box a:hover, .drop .list2 a:hover {text-decoration: underline;}

.drop .list2 {
	float: left;
	width: 170px;
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 34px 15px 0 20px;
}

.drop .list2 li {
	float: left;
	width: 170px;
	padding: 0 0 16px;
}

.drop .list2 a {font-weight: bold;}

.slogan {
	float: right;
	width: 250px;
	padding: 32px 0 0;
	font-size: 18px;
	line-height: 23px;
	color: #bf8ad6;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, serif;
}

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

div.home {
	height: 335px;
	position: relative;
	background-color: #c3d45b;
}

.home .visual {
	width: 940px;
	height: 335px;
	overflow: hidden;
	padding: 0 0 0 0;
	position: relative;
}

.home .visual .txt {
	position: absolute;
	top: 250px;
	left: 0;
	width: 368px;
}

.home .visual .c {
	padding: 0 5px 12px 9px;
	font-weight: bold;
	color: #7b8c12;
	font-size: 20px;
}

.home .visual .c p {
	margin: 0;
	font-size: 22px!important;
}

.home .visual h1 {
	font-size: 35px!important;
	width: 940px;
	color: #fff;
	padding: 5px 8px 0px 8PX;
	margin: 0px 18px 0 0!important;
	border-top: 2px solid #fff;
}

.home .visual .panel {
	background: #000;
	padding: 6px 10px 8px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
}

.home .visual .panel span {color: #aeaeae;}

.gallery {
	width: 9999px;
	overflow: hidden;
	margin: 0 0 1px;
	padding: 0;
	list-style: none;
}

.gallery li {
	float: left;
	width: 940px;
}

.home .visual .btn-next {
	position: absolute;
	right: 13px;
	top: 133px;
	width: 39px;
	cursor: pointer;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/btn-next.png') no-repeat;
}

.homearea {
	width: 960px;
	overflow: hidden;
	padding: 20px 0 55px 0;
}

.homearea .c {
	float: left;
	padding: 6px 0 0;
	position: relative;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-area.gif') repeat-y;
}

.homearea .cell {
	float: left;
	width: 220px;
	padding: 0 0 17px;
	overflow: hidden;
	color: #000;
	margin: 0 20px 0 0;
}

.homearea h2 {
	font-size: 16px;
	color: #7d8085;
	margin: 0 0 9px;
	padding: 0 0 5px;
	border-bottom: 1px solid #e0e0e0;
}

.homearea .c .frame {
    height: 1%;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px 11px 0;
    width: 200px;

}

.homearea .mediumListItem p {
    padding-top:10px;
    width:198px;
    height:60px;
    overflow:hidden;
}

.homearea .cell ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
	font-weight: bold;
}

.travel-list li {
	padding: 0 0 13px;
	float: left;
	width: 100%;
}

.travel-list a {
	float: left;
	padding: 2px 0 0 43px;
}

.airport,
.bus,
.train,
.underground,
.taxi,
.cars,
.bicycle,
.walking,
.map {
    background-image: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/icons-travel.gif');
    background-repeat: no-repeat;
}

.airport {background-position: 0 0;}

.bus {background-position: 0 -29px;}

.train {background-position: 0 -55px;}

.underground {background-position: 0 -84px;}

.taxi {background-position: 0 -113px;}

.cars {background-position: 0 -144px;}

.bicycle {background-position: 0 -172px;}

.walking {background-position: 0 -200px;}

.map {background-position: 0 -228px;}


.travel-list a.underground {padding-bottom: 5px;}

.travel-list a.train {padding-bottom: 3px;}

.homearea .cell .more {
	position: absolute;
	bottom: 0;
	float: left;
	width: 214px;
	font-weight: bold;
	padding: 6px 3px 2px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-more.gif') repeat-x;
}

.cell .more span {
	padding: 0 15px 0 0;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat 100% 6px;
}
.cell .more:hover {text-decoration: none;}
.cell .more:hover span {text-decoration: underline;}

.homearea .items-list li {
	padding: 0 20px 11px 0;
	width: 200px;
	overflow: hidden;
}

.homearea .items-list img,
.inner .items-list img,
.prizes .items-list img {
	float: left;
	border: 1px solid #d5d5d5;
	margin: 0 8px 0 0;
}

* html .homearea .items-list img, * html .prizes .items-list img {margin: 0 5px 0 0;}

.homearea .items-list .txt,
.inner .items-list .txt,
.product-list .txt,
.weather-popup .txt {
	overflow: hidden;
	height: 1%;
}

.homearea .items-list p {margin: 0 0 2px;}

#footer {
	width: 937px;
	padding: 11px 13px 0 10px;
	height: 383px;
	position: relative;
	color: #808080;
	margin: -380px auto 0;
	background: #e1e1e1 url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-footer.gif') repeat-x;
}

#CommunityFooter {
	width: 937px;
	padding: 11px 13px 0 10px;
	color: #808080;
	margin: 0px auto 0;
	background: #e1e1e1 url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-footer.gif') repeat-x;
	position:relative;
}

#CommunityFooterLower {
    width: 937px;
	padding: 11px 13px 0 10px;
	text-align:center;
	margin: 0px auto 0;
	height:50px;
}

#CommunityFooter .holder .c, #footer .holder .c {width: 980px;}

#CommunityFooter .box, #footer .box {
	float: left;
	overflow: hidden;
	width: 452px;
	padding: 0 0 0 5px;
	margin: 0 24px 0 0;
}

#CommunityFooter .boxRight, #footer .boxRight {
	float: right;
	overflow: hidden;
	width: 452px;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}

#CommunityFooter h3,#footer h3 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
	padding: 0 0 13px;
	margin: 0 0 15px -5px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-dot.gif') repeat-x 0 100%;
	font-family: sans-serif;
}

.copy {
	padding: 5px 0 42px;
	font-size: 11px;
}

.copy ul {
	margin: 0 0 0 -4px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
}

.copy li {
	float: left;
	padding: 0 4px 0 5px;
	margin: 0 1px 0 -1px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/images/separator2.gif') no-repeat 0 3px;
}

.copy li a {color: #0573a6;}

.weather-box {
	width: 198px;
	overflow: hidden;
	font-size: 11px;
}

.weather-box .pic {
	float: right;
	width: 57px;
	margin: 0 0 0 5px;
}

.weather-box img,
.gallery img,
.img img,
.visual img,
.img-list img,
.map img {
	display: block;
}

.weather-box strong {color: #535353;}

.weather-box p {margin: 0;}

.weather-box strong {display: block;}

.weather-box a {
	text-decoration: underline;
	color: #0573a6;
}

.weather-box a:hover, #footer .list2 a:hover {text-decoration: none;}

#CommunityFooter .area, #footer .area {
	width: 475px;
	overflow: hidden;
}

#CommunityFooter .block, #footer .block {
	float: left;
	width: 227px;
	padding: 0 10px 0 0;
}

.twitter-link, .rss-link {
	margin: 0 0 10px;
	font-size: 12px;
	padding: 15px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/twittericon.png') no-repeat;
}

.facebook-link {
	margin: 0 0 10px;
	font-size: 12px;
	padding: 15px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/facebook.png') no-repeat;
}

.twitter-link a, .facebook-link a {
	padding: 0 0 0 37px;
	color: #808080;
}

.rss-link {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/rss.gif') no-repeat 0 3px;
	margin: 0 0 8px;
}

.rss-link a {
	padding: 0 0 0 23px;
	color: #808080;
}

#footer .list, #footer .list2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .list li {padding: 0 0 13px;}

#footer .list p {margin: 0;}

#footer .list a {color: #0573a6;}

#footer .list2 li {padding: 0 0 8px;}

#footer .list2 a {
	color: #0573a6;
	text-decoration: underline;
}

.small-logo {
	position: absolute;
	bottom: 21px;
	left: 50%;
	width: 58px;
	height: 54px;
	margin: 0 0 0 -44px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 1;
}

.breadcrumbs {
	margin: -3px 0 10px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
}

.breadcrumbs span span {
	float: left;
	padding: 0 1px 0 2px;
}
.breadcrumbs span.selectedcrumb {background-image: none;}

#CommunityMain h1, #main h1 {
	font-size: 36px;
	margin: 0 0 20px;
}

#CommunityMain h1 span, #main h1 span {color: #666;}

.events-page .content, .prizes .content {
	float: left;
	width: 700px;
	overflow: hidden;
	padding: 0 0 50px;
}

.prizes .otherLinks {float:right;}

.events-page .visual, .prizes .visual, .jobs-page .visual {
	width: 700px;
	margin: 0 0 21px;
}

.events-page .visual .txt, .prizes .visual .txt, .jobs-page .visual .txt {
	bottom: 20px;
	left: 1px;
	width: 100%;
	background-color:#F3F3F3;
}

* html .prizes .visual .c, * html .jobs-page .visual .c {height: 44px;}

.events-page .visual .c,
.prizes .visual .c,
.jobs-page .visual .c {
	padding: 10px 8px 12px;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 18px;
	min-height: 44px;
}

.visual .c a {position: relative;}

.events-page .visual h2,
.prizes .visual h2,
.jobs-page .visual h2 {
	font-size: 18px;
	margin: 0;
}

.prizes .area, .jobs-page .area {
	width: 730px;
	overflow: hidden;
	margin: 0 0 23px;
}
.events-page .area {
	width: 720px;
	overflow: hidden;
	margin: 0 0 23px;
}

.events-page .area h2, .prizes .area h2 {
	width: 699px;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 5px;
	margin: 0 0 16px 1px;
}

.events-pageframe, .events-page .frame, .prizes .frame, .jobs-page .frame {
	float: left;
	overflow: hidden;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-area2.gif') repeat-y;
	margin-bottom:10px;
}

.events-pageframe .t,
.events-page .frame .t,
.prizes .frame .t,
.jobs-page .frame .t {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-area-c.gif') no-repeat;
	padding: 10px 0 0;
	float: left;
}

.events-pageframe .b,
.events-page .frame .b,
.prizes .frame .b,
.jobs-page .frame .b {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-area-c.gif') no-repeat -700px 100%;
	padding: 0 0 51px;
	float: left;
	position: relative;
}

.events-pageframe .box,
.events-page .area .box,
.prizes .area .box,
.jobs-page .area .box {
	float: left !important;
	width: 198px !important;
	margin: 0 20px 0 0 !important;
	padding: 0 11px !important;
	line-height: 14px !important;
	display: inline !important;
	height: 170px;
}

.prizes .area .img,
.events-page .area .img,
.jobs-page .area .img {
	display: block;
	width: 199px;
	margin: 0 0 17px;
	position: relative;
}

.prizes .area .box p,
.events-page .area .box p,
.jobs-page .area .box p {
	margin: 0 0 10px;
	overflow: hidden;
	height: 42px;
}

.prizes .more,
.events-page .more,
.jobs-page .area .more {
	position: absolute;
	bottom: 32px;
	float: left;
	padding: 0 11px 0 0;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat 100% 5px;
}

.link-refresh {
	font-weight: bold;
	padding: 0 20px 0 0;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow3.gif') no-repeat 100% 0;
}

.sidebar {
	float: right;
	width: 220px;
	background: #f3f3f3;
	padding: 10px 0 0 !important;
}

.sidebar .box, .events-page .aside2 .box, .jobs-page .aside2 .box, .prizes .aside2 .box {margin: 0 10px 10px;}

.sidebar h2,
.events-page .aside2 h2,
.jobs-page .aside2 h2,
.prizes .aside2 h2 {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #767676;
	margin: 0 10px 8px;
	padding: 0 0 12px !important;
	border-bottom: 1px solid #e0e0e0 !important;
}

.travelnews .sidebar h2, .inner .sidebar h2 {margin: 0 0 9px!important;}

.travelnews .sidebar, .inner .sidebar {
	background: none;
	padding: 0;
}

.prizes .aside2 h2 {margin: 0 0 8px;}

.sidebar {
    background: none repeat scroll 0 0 #F3F3F3;
    float: right;
    padding: 10px 0 0 !important;
    width: 220px;
}

.form-events {
	width: 200px;
	overflow: hidden;
	padding: 0 10px;
}

.form-events label {
	font-weight: bold;
	font-size: 11px;
	color: #767676;
	display: block;
	margin: 0 0 2px;
}

.form-events select {
	font-size: 11px;
	margin: 0 0 10px;
}

.form-events #txt1 {width: 88px;}

.form-events #txt2 {width: 188px;}

.form-events #txt3 {width: 200px;}

.form-events .btn-submit, .form-inf .btn-submit, .address-form .btn-submit, .prizes input.btn-submit {
	margin: 0 0 12px;
	padding: 0 0 2px!important;
	border: 0!important;
	color: #fff;
	display: block;
	font-size: 11px;
	width: 50px!important;
	height: 20px;
	cursor: pointer;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/btn-submit.gif') no-repeat;
}

.form-inf .btn-submit {margin: 0 0 0 11px;}

.address-form .btn-submit {
	float: left;
	margin: 17px 0 0;
}

.prizes input.btn-submit {margin: 0!important;}

.form-events .grey-box {
	width: 200px;
	position: relative;
	margin: 0 -10px;
	padding: 10px 10px 6px;
	background: #e5e5e5;
}

* html .form-events .grey-box .btn-submit {margin-left: 10px;}

*+html .form-events .grey-box .btn-submit {margin-left: 10px;}

.link-map {
	width: 198px;
	background: #d70073;
	padding: 16px 11px 17px;
	font-weight: bold;
	font-size: 18px;
}

.link-map a {color: #fff;}

.events-page .info, .prizes .info, .jobs-page .info {
	width: 700px;
	margin: 0 0 42px;
	overflow: hidden;
	padding: 6px 0 0;
}

.events-page .info .aside1, .prizes .info .aside1, .jobs-page .info .aside1 {
	float: left;
	width: 462px  !important;
	line-height: 18px;
}

li.title {
    clear: both;
    float: left;
    margin-bottom: 5px;
}

.events-page .info .aside1, .prizes .info .aside1 {margin-right: 10px !important;}

.prizes .info p {margin: 0;}

.prizes .info p.title,
.jobs-page .info p.title,
.travelnews .content p.title {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 19px;
}

.travelnews .content p.title {
	margin: -3px 240px 35px 0;
	line-height: 18px;
}

.events-page .info .aside2, .prizes .info .aside2 {
	float: right;
	width: 220px;
	color: #000;
	margin: 0;
	padding: 2px 0 0;
	list-style: none;
	overflow: hidden;
	line-height: 14px;
}

.prizes .aside2 li {
	float: left;
	margin: 0 0 5px;
	width: 180px;
	border-bottom: 1px solid #999;
	padding: 0 40px 8px 0;
}

.events-page .info .aside2 strong {
	float: left;
	width: 87px;
}

.events-page .info .aside2 a {width: 120px;}

.prizes .aside2 .title {border-color: #e3e3e3;}

.prizes .aside2 strong {
	float: left;
	width: 87px;
}

.prizes .aside2 span {
	float: right;
	width: 89px;
}

.prizes .aside2 .download {font-weight: bold;}

.jobs-page .content, .travelnews .content, .inner .content {
	float: right;
	width: 700px;
	padding: 0 0 40px;
	overflow: hidden;
}

.aside2 .rightSide {
    float: right;
    position: relative;
    width: 110px;
}

.jobs-page .info .aside2 {
	float: right;
	width: 202px;
	margin: -6px 0 0;
	background: #f3f3f3;
	padding: 18px 10px 12px 8px;
}

.jobs-page .aside2 h2 {margin: 0 0 24px;}

.jobs-page .aside2 .more, .login-page a.view {
	font-weight: bold;
	padding: 0 14px 0 0;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat 100% 6px;
}

.form-vacancies {
	width: 202px;
	overflow: hidden;
	margin: 0 0 21px;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 13px;
}

.form-vacancies select {
	font-size: 10px;
	width: 188px;
	margin: 0 0 14px;
}

.form-vacancies p {
	font-weight: bold;
	color: #666;
	margin: 0 0 15px;
	text-align: center;
	text-transform: uppercase;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-dot2.gif') repeat-x 0 2px;
}

.form-vacancies p span {
	background: #f3f3f3;
	padding: 0 12px;
}

.menu {
	float: left;
	width: 220px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	list-style: none;
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
}

.menu li {
	float: left;
	width: 220px;
	border-top: 1px solid #d0d0d0;
}

.menu a {
	float: left;
	width: 219px;
	padding: 7px 0 7px 1px;
}

.menu a:hover,
.menu .active a {
	text-decoration: none;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	clear: both;
	overflow: hidden;
	font-weight: normal;
	font-size: 11px;
}

.menu ul a {
	color: #000;
	width: 199px;
	padding: 7px 10px;
	background: none!important;
}

.menu ul a:hover, .menu ul .active a {background: #fff url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-menu.gif') no-repeat!important;}

.section {
	float: left;
	width: 460px;
	margin: -3px 0 0;
}

.section p {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 40px;
}

.form-inf {
	width: 460px;
	background: #f3f3f3;
	padding: 5px 0 16px;
}

.form-inf .box {
	width: 438px;
	padding: 0 11px;
	margin: 0 0 15px;
	border-bottom: 1px solid #d0d0d0;
}

.form-inf .holder {padding: 10px 0 18px;}

.form-inf label {
	display: block;
	font-weight: bold;
	color: #767676;
	margin: 0 0 5px;
	font-size: 11px;
}

.form-inf .station-box input {
	width: 139px;
	border: 1px solid #999;
	padding: 2px 5px 3px;
	margin: 0;
	color: #767676;
}

.form-inf .arrow {
	float: left;
	width: 6px;
	height: 5px;
	margin: 27px 38px 0 0;
	text-indent: -9999px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat;
}

.station-box {
	float: left;
	width: 151px;
	padding: 0 35px 0 0;
}

.time-box {
	float: left;
	padding: 0 0 0 44px;
}

.time-box .holder {padding: 0;}

.time-box select {
	float: left;
	width: 45px;
	margin: 0 8px 0 0;
}

.check-box {
	float: left;
	padding: 18px 0 0;
	width: 73px;
}

.check-box input {
	padding: 0;
	margin: 2px 0 0;
	width: 14px;
	height: 14px;
}

.travelnews .sidebar .box, .inner .sidebar .box {
	width: 202px;
	padding: 18px 8px 15px 10px;
	background: #f3f3f3;
	margin: 0 0 20px;
	line-height: 18px;
}

.inner .sidebar .box {padding-bottom: 32px;}

.prizes .sidebar .smallListItem {
	padding: 0 8px 16px 10px;
	margin: 0;
	width: 202px;
}

.travelnews .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

.travelnews .sub-menu li {padding: 6px 0 0;}

.travelnews .sidebar .box a,
.inner .sidebar .box a,
.prizes .sidebar .box a,
.sidebar .box a {
	padding: 0 13px 0 0;
	font-weight: bold;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat 100% 6px;
}

.travelnews .sidebar p {margin: 15px 0 7px;}

.travelnews .img-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 700px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}

.travelnews .img-list li {
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
}

.travelnews .img-list a {display: block;}

.travelnews .img-list span {
	display: block;
	height: 28px;
}

.news-box {
	border: 1px solid #d0d0d0;
	border-width: 1px 0;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	padding: 6px 0;
	margin: 0 0 23px;
}

.news-box span {color: #999;}

.travelnews .content h2, .inner .content h2 {
	font-size: 14px;
	margin: 0 0 20px;
}

.travelnews .content h2 span {color: #999;}

.color-box {
	padding: 0 0 27px;
	margin: 0 0 22px;
	border-bottom: 1px solid #d0d0d0;
}

.color-box ul {
	float: left;
	width: 498px;
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
}

.color-box li {
	float: left;
	width: 50%;
}

.color-box ul a {
	font-style: italic;
	text-decoration: underline;
	color: #fff;
	float: left;
	padding: 3px 2px 6px;
	width: 140px;
	font-weight: bold;
}

.color-box ul span {
	float: left;
	width: 99px;
	padding: 3px 0 6px 5px;
}

.color-box .col1 a {background: #ae6118;}

.color-box .col2 a {background: #e41f1f;}

.color-box .col3 a {
	background: #f8d42d;
	color: #113b89;
}

.color-box .col4 a {background: #00a575;}

.color-box .col5 a {
	background: #e899a8;
	color: #113b89;
}

.color-box .col6 a {background: #8f989e;}

.color-box .col7 a {background: #893267;}

.color-box .col8 a {background: #000;}

.color-box .col9 a {background: #0450a1;}

.color-box .col10 a {background: #009fe0;}

.color-box .col11 a {
	background: #70c3ce;
	color: #113b89;
}

.color-box .col1 span,
.color-box .col2 span {
	background: #113b92;
	color: #fff;
}

.color-box p {
	margin: 10px 0 0;
	font-size: 10px;
}

.color-box p a {color: #333;}

.box-news {
	padding: 7px 0 0;
	width: 750px;
	overflow: hidden;
}

.box-news .box {
	float: left;
	line-height: 14px;
	width: 225px;
	padding: 0 15px 0 0;
}

.box-news h3 {
	color: #666;
	font-size: 13px;
	margin: 0 0 15px;
}

.box-news p {margin: 0;}

.login-page {padding-bottom: 434px!important;}

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

.login-page .info-register, .info-login, .info-register {
	float: right;
	overflow: hidden;
	font-weight: bold;
	padding: 11px 10px 130px;
	background: none repeat scroll 0 0 #F3F3F3;
}

.info-login .register-link {font-size: 16px;}

.info-register {width: 440px;}

.info-login {
	width: 425px;
	background: #ffffff;
}

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

.login-page .map, .info-register .map {
	float: right;
	width: 270px;
	margin: 3px 0 0 20px;
}

.login-page .map img, .info-register .map img {
	border: 1px solid #ccc;
	margin: 0 0 5px;
}

.login-page a.view, .info-register a.view {font-weight: normal;}

.login-page .text, .info-register .text {
	overflow: hidden;
	height: 1%;
	line-height: 18px;
}

.info-register .text p, info-login .text p, .login-page .text p {margin: 0;}

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

.form-register, .form-login, .form-web  {
	float: left;
	width: 460px;
	background: #f3f3f3;
	margin-right: 10px;
}

.register-page table tr td table tr td {text-align: left !important;}

.register-page {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.txterror {
    color: red;
    font-weight: 700;
}

.form-register td, .form-login td, .form-web td {
    vertical-align: top;
    padding: 2px 0;
}

.form-register, .form-login, .form-web {padding: 17px 0;}

.form-register .registerRow,
.form-login .settingrow,
.form-web .settingrow {
	padding: 2px 0;
	margin: 0;
}

.settingrow-html {
	height: 430px;
	padding: 4px 0px 4px 0px;
	clear: left;
}

.settingrow-html .editor-container {float: left;}

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

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

.form-register .registerContent {
    width: 200px !important;
    margin: 0 5px 0 0;
}

.form-register #txt2 {width: 178px;}

.form-register #txt3 {width: 199px;}

.form-register #txt6 {width: 150px;}

.form-register #txt10 {width: 50px;}

.form-login input,
.form-register input,
.register-page input
.form-web input {
	float: left;
	width: 187px;
	padding: 2px 5px;
	border: 1px solid #999;
	margin: 0 5px 0 0;
}

.form-register .row {
	width: 100%;
	overflow: hidden;
}

.form-register .registerRow span {
	font-weight: normal;
	display: block;
}

.form-register .register-terms,
.form-web .form-text {
	border: 1px solid #e0e0e0;
	padding: 14px 11px 13px;
	color: #767676;
	line-height: 18px;
	border-width: 1px 0;
}
.form-web .form-text {border: none;}

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

.register-page input[type=submit],
.form-login input[type=submit],
.form-web input[type=submit],
.form-register .btn-register,
.form-register .btn-update {
	width: 64px;
	height: 20px;
	float: none;
	padding: 0 0 2px;
	border: 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/images/btn-register.gif') no-repeat;
}

.register-page input[type="submit"], .form-register .btn-update {margin-left: 230px;}

.form-login input[type=submit], .form-web input[type=submit] {margin-left: 0px;}

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

.password-recovery a {font-size: 11px;}

.inner .items-list, .prizes .items-list {
	margin: -7px 0 20px;
	padding: 0;
	list-style: none;
	width: 200px;
	overflow: hidden;
}

.inner .items-list li, .prizes .smallListItem .txt {
	float: left;
	width: 60%;
	padding: 12px 0 17px;
}

.prizes .hr {
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	margin-top: 5px;
}

.inner .items-list a, .prizes .smallListItem a {
	padding: 0!important;
	background: none!important;
}

.prizes a span {
	display: block;
	padding: 5px 0 17px 15px;
}

.inner .items-list img {margin-top: 4px;}

.sale-box {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 50px;
	height: 38px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-sale.png') no-repeat;
	color: #fda6d4;
	padding: 12px 0 0;
	line-height: 16px;
	text-align: center;
}

.sale-box strong {
	font-size: 18px;
	display: block;
	color: #fff;
}

.area .sale-box {
	top: -3px;
	right: -6px;
}

.product-list {
	margin: 0;
	padding: 17px 0 0;
	list-style: none;
	width: 730px;
	overflow: hidden;
	font-weight: bold;
}

.product-list li {
	display: inline-block;
	vertical-align: top;
	width: 230px;
	padding: 0 10px 11px 0;
}

* html .product-list li {display: inline;}

*+html .product-list li {display: inline;}

.product-list .img {
	float: left;
	width: 69px;
	border: 1px solid #d5d5d5;
	margin: 0 8px 0 0;
}

* html .product-list .img {margin: 0 5px 0 0;}

.product-list p {margin: 0;}

.map-holder {
	width: 100%;
	height: 510px;
	overflow: hidden;
	margin: 0 0 80px;
}

.map-holder .content {
	float: left;
	padding: 0;
}

.map-holder .panel {
	width: 680px;
	background: #f3f3f3;
	margin: 0 0 1px;
	padding: 10px;
	overflow: hidden;
}

.address-form .row {
	float: left;
	margin: 0 47px 0 0;
}

.address-form label, .prizes .form-info label {
	font-weight: bold;
	display: block;
	color: #767676;
	font-size: 11px;
	margin: 0 0 3px;
}

.address-form select {
	font-size: 11px;
	width: 184px;
}

.address-form select#txt2 {width: 172px;}

.address-form input {
	padding: 2px 5px;
	margin: 0;
	border: 1px solid #999;
	width: 109px;
}

.map-holder .map {
	width: 700px;
	overflow: hidden;
}

.map-holder .sidebar {
	background: none;
	width: 224px;
	padding: 0 10px 0 0;
	height: 510px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.address-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 184px;
	overflow: hidden;
}

.address-list li {
	float: left;
	width: 100%;
	padding: 0 0 15px;
}

.address-list a {
	color: #333;
	font-weight: bold;
}

.address-list h2 a {color: #333;}

.address-list p {
	color: #666;
	margin: 3px 0 0;
}

.prizes .aside1 p {margin: 0 0 19px!important;}

.prizes .aside1 .modulecontent {padding: 0 0 !important;}

.prizes .info h3 {
	font-size: 11px;
	color: #999;
	margin: 0;
}

.small-text {
	font-size: 11px;
	color: #999;
}

.winPrizesOtherLinks {
    background: none repeat scroll 0 0 #F3F3F3;
    float: right;
    padding: 10px;
}

.winPrizesOtherLinks .smallListItem {font-weight: 400;}

.winPrizesOtherLinks .smallListItem .txt {padding: 0 0 17px;}

.prizes .info .aside2 {
	padding: 19px 10px 17px 11px;
	width: 199px;
}

.prizes .info .aside2 p span {
	display: block;
	color: #767676;
	font-size: 11px;
	float: none;
	margin: 0 0 7px;
}

.prizes .info .aside2 p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px;
}

.prizes .form-info {
	width: 202px;
	overflow: hidden;
	padding: 14px 0 0;
	border-top: 1px solid #e0e0e0;
}

.prizes .form-info input {
	padding: 2px 5px;
	margin: 0 0 7px;
	border: 1px solid #999;
	width: 187px;
}

.prizes .form-info textarea {
	width: 197px!important;
	height: 80px!important;
	border: 1px solid #999;
	padding: 0;
	margin: 0 0 12px;
}

.prizes .form-info .holder {margin: 0 0 26px;}

.prizes .holder input {
	float: left;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 15px 0 0;
	border: 0;
}

.prizes .holder label {
	float: left;
	font-weight: normal;
	width: 165px;
	line-height: 13px;
}

.weather-popup {
	position: absolute;
	top: -20px;
	left: 246px;
	width: 260px;
	z-index: 2;
}

.weather-popup .holder {
	padding: 9px 0 0;
	width: 260px!important;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-t.png') no-repeat;
}

.weather-popup .frame {
	width: 229px;
	padding: 9px 16px 23px 15px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	font-weight: bold;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-c.png');
}

.weather-popup .b {
	width: 260px;
	height: 9px;
	font-size: 1px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-b.png') no-repeat;
}

.weather-popup h4 {
	font-size: 12px;
	color: #d5d5d5;
	margin: 0 0 5px;
}

.weather-popup ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 229px;
}

.weather-popup li {
	float: left;
	width: 217px;
	padding: 9px 12px 3px 0;
	border-bottom: 1px solid #666;
}

.weather-popup li strong {
	display: block;
	color: #ccc;
}

.weather-popup li p {margin: 0;}

.weather-popup li img {
	float: right;
	margin: 0 0 0 10px;
}

.btn-close {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 15px;
	cursor: pointer;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/btn-close.png') no-repeat;
}

.smallListItem {
	font-weight: bold;
	height: 1%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0 20px 11px 0;
	width: 200px;
}

.smallListItem img {
	border: 1px solid #D5D5D5;
	float: left;
	margin: 0 8px 0 0;
}

.smallListItem p {margin: 0 0 2px;}

.thirdlevel .smallListItem {float: left;}

.addressInfo {
	color: #000000;
	float: right;
	line-height: 14px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0;
	width: 220px;
}

.addressInfo .title {border-color: #E3E3E3;}

.addressInfo div {
	border-bottom: 1px solid #999999;
	float: left;
	margin: 0 0 5px;
	padding: 0 40px 8px 0;
	width: 180px;
}

.addressInfo strong {
	float: left;
	width: 87px;
}

.addressInfo span {
	float: right;
	width: 89px;
}

.shopAddress {float:left;}

.travelnewstitle {
	line-height: 18px;
	margin: -3px 240px 35px 0;
	font-size: 14px;
	font-weight: bold;
}

H2.tflStatus {
	font-size: 14px;
	margin: 0 0 20px;
}

H2.tflStatus span {color: #999999;}

.propertyInfo {
	border-bottom: 1px solid #999999;
    float: left;
    height: auto;
    line-height: 14px;
    margin-top: 8px;
    padding-bottom: 5px;
    width: 200px;
}
.events-page .socialInfo
{
    border-bottom: 1px dotted #999999;
    font-family: Georgia,Times,Serif;
    font-size: 0.8em;
    line-height: 16px;
    margin-top: 10px;
    float: left;
    height: auto;
    padding-bottom: 5px;
    width: 200px;
}

.events-page .socialInfo .fb_edge_widget_with_comment {margin-bottom:5px;}

.propertyInfo strong {
	float: left;
	width: 87px;
}

.propertyInfo span {
	float: right;
	width: 113px;
}

a.seemore {
	padding: 0 13px 0 9px;
	font-weight: bold;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat 100% 6px;
}

a.seemore span {
	display: inline;
	padding: 0 0 0 0;
}

.boxDocuments {
	background: none repeat scroll 0 0 #F3F3F3;
	line-height: 18px;
	margin: 0 0 20px;
	padding: 0px 8px 0px 10px;
	width: 202px;
}

.boxDocuments h2 {
	font-size: 14px;
	margin: 0 0 9px !important;
}

.boxDocuments ul {
	font-weight: bold;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.boxDocuments ul li {padding: 6px 0 0;}

.boxDocuments ul li a {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat scroll 100% 6px transparent;
	font-weight: bold;
	padding: 0 13px 0 0;
}

.visitorsend-popup {
	position: absolute;
	top: -20px;
	left: 100px;
	width: 500px;
	z-index: 2;
}

.visitorsend-popup .sendholder {
	padding: 9px 0 0;
	width: 500px !important;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-tl.png') no-repeat;
}

.visitorsend-popup .frame {
	width: 470px;
	padding: 9px 16px 23px 15px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	font-weight: bold;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-c.png');
	margin-bottom:0px;
}

.visitorsend-popup .b {
	width: 500px;
	height: 9px;
	font-size: 1px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-bl.png') no-repeat;
}

.visitorsend-popup h4 {
	font-size: 12px;
	color: #d5d5d5;
	margin: 0 0 5px;
}

.visitorsend-popup div {
	float: left;
	width: 462px;
	padding: 9px 12px 3px 0;
}

.visitorsend-popup div strong {
	display: block;
	color: #ccc;
}

.searchEvents {
	overflow: hidden;
	padding: 0 10px;
	width: 200px;
}
.searchEvents div.type {
	padding-bottom: 5px;
	clear: both;
}
.searchEvents span.type  {
	display: block;
	width: 200px;
}
.searchEvents fieldset {
	float: left;
}

.searchEvents label {
	color: #767676;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 2px;
}

.searchEvents fieldset label {display: block;}

.searchEvents select {
	font-size: 11px;
	margin: 0 0 10px;
}

.searchEvents select.time {width: 88px;}

.searchEvents select.category {width: 188px;}

.searchEvents select.venue {width: 200px;}

.searchEvents input.btn-submit {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/btn-submit.gif') no-repeat scroll 0 0 transparent;
	border: 0 none !important;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 20px;
	margin: 0 0 12px;
	padding: 0 0 2px !important;
	width: 50px !important;
}

.event-grey-box {
	background: none repeat scroll 0 0 #E5E5E5;
	padding: 10px 10px 6px;
}

.searchEvents .grey-box {
	background: none repeat scroll 0 0 #E5E5E5;
	margin: 0 -10px;
	padding: 10px 10px 6px;
	position: relative;
	width: 200px;
}
.eventSearchResults h2 {
	border-bottom: 1px solid purple;
    font-size: 14px;
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.eventSearchResults h3 {
	color: #666666;
	font-size: 13px;
	margin: 0 0 15px;
}

.eventSearchResults p {
	margin: 0 0 5px;
	line-height: 14px;
	font-size:11px;
}

.eventSearchResults 
{
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: black;
    color: #505050;
    float: left;
    height: 350px;
    margin: 0 15px 15px 0;
    overflow: hidden;
    padding: 10px;
    width: 205px;
}

.eventSearchResults a {
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat scroll 100% 5px transparent;
	padding: 0 11px 0 0;
	color: Purple;
    font-size: 11px;
    font-weight: bold;
}
.eventSearchResults .viDetails
{
    height:329px;
    overflow:hidden;
}
.eventSearchResults .viExternalLinkRight
{
    position:relative;
    float:right;
    padding-bottom:4px;
}

.eventResultsTitle {
    padding-bottom: 20px;
    width: 100%;
}
.ertTitleLeft {
    font-size: 25px;
    font-weight: 700;
}
.ertTitleRight {
    font-size: 25px;
    font-weight: 700;
}
.eventDetails {font-size: 11px;}

.viWrapper, #map_canvas, .sidebar {margin-bottom:12px;}

.viWrapper .viAddress, .viWrapper .viTelNo, .viWrapper .viExternalLink {
    border-bottom: thin solid;
    border-color: #EEEEEE;
    padding: 3px 0;
}

.viWrapper div {
    width:220px;
    font-size:11px;
}
.viWrapper .viSummary {
    font-style:italic; 
    color: #505050;
    margin-top:5px;
    margin-bottom:15px;
}
.viWrapper .viTitle {width:100%;}

.viAddress .viAddressLeft, .viAddress .viAddressRight, .viTelNo .viTelNoLeft, .viTelNo .viTelNoRight, .viExternalLink .viExternalLinkLeft, .viExternalLink .viExternalLinkRight {width:50%;}

.viAddress .viAddressLeft, .viTelNo .viTelNoLeft {font-weight:bold;}

.viExternalLink .viExternalLinkRight a {
    color:Purple;
    font-weight:bold;
    font-size:11px;
    background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/arrow.gif') no-repeat scroll 100% 5px transparent;
    padding: 0 11px 0 0;
}

.viWrapper .viTitle h2 {
    border-bottom: thin solid #EEEEEE;
    border-color: #EEEEEE;
    font-size: 16px;
    margin: 0;
    padding-bottom: 3px;
    font-weight: bold;
}
.dateTop {
    color: #000000;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 4px;
}

.twitter-feed {
	height: 149px;
	overflow: hidden;
}

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

.twitter-feed ul li {padding: 0 0 13px;}

.twitter-feed ul span a {display: inline !important;}

.jobInfo {
	border-bottom: 1px solid #999999;
	margin: 0 0 5px;
	padding: 0 40px 8px 0;
	width: 360px;
}

.jobInfo strong {
	width: 150px;
	float: left;
}

.jobInfo div.text {
	width: 210px;
	float: right;
}

.textTicker {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding-top: 5px;
}

.textTicker div .intro {
	color: #AEAEAE;
	float: left;
	padding-left: 10px;
}

.textTicker li {padding: 0 20px;}

.textTicker .RadRotator {float: left;}

.rotatingText {
    background: none repeat scroll 0 0 #000000;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}
.rotatingText .intro {
	color: #AEAEAE;
	float: left;
	padding: 0 10px;
	height: 26px;
    line-height: 26px;
}
.rotatingText ul {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	height: 26px;
}
.rotatingText ul li {
    height: 26px;
    line-height: 26px;
}
.rotatingText ul li a{
	color: #FFF;
	text-decoration: none;
}
.rotatingText ul  li a:hover {text-decoration: underline;}

.myBuildingLeftContent {
    float: left;
    position: relative;
    width: 200px;
}

.myBuildingRightContent {
    float: left;
    margin-left: 20px;
    position: relative;
    width: 350px;
}

.travel-popup {
	position: absolute;
	width: 260px;
	z-index: 2;
	left: 0px;
	margin-top: 25px;
	margin-left: 150px;
}

.travel-popup .holder {
	padding: 9px 0 0;
	width: 260px!important;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-t.png') no-repeat;
}

.travel-popup .frame {
	width: 229px;
	padding: 9px 16px 23px 15px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	font-weight: bold;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-c.png');
}

.travel-popup .b {
	width: 260px;
	height: 9px;
	font-size: 1px;
	background: url('http://www.30stmaryaxe.info/NonThemedCss/Commercial/Images/bg-popup-b.png') no-repeat;
}

.travel-popup h4 {
	font-size: 12px;
	color: #d5d5d5;
	margin: 0 0 5px;
}

.tflStatusUpdate {
	cursor: pointer;
	cursor: hand;
}

.propertyCheckbox {
	float: left;
	padding: 1px;
	width: 20em;
	font-size: smaller;
	font-weight: 700;
}

.assetwithborder img {border:1px solid #D5D5D5;}

.visual img {border:1px solid #D5D5D5;}

.prizes .area .img img, .events-page .area .img img, .jobs-page .area .img img {border:1px solid #D5D5D5;}

.prizes .fbLike, .events-page .fbLike, .jobs-page .fbLike {margin: 10px 0 0 0;}

.prizes .tweetButton, .events-page .tweetButton, .jobs-page .tweetButton {margin: 10px 0 0 0;}

.modulecontent {
    padding: 4px;
    text-align: left;
    vertical-align: top;
    text-align: left;
}

#goog-wm ul {
    list-style: none;
    padding: 0px;
}

.galleria_wrapper {height:auto !important;}
.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}

.imageGallery {width:700px;}
.images {width:700px;float:left;padding-left:0px;margin-left:0px;}
.images li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee; overflow:hidden;}
.images li.hover{border-color:#bbb;}
.images li.active{border-style:solid;border-color:#222;}
.images li div{left:240px}
.images li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0px auto 10px auto;height:445px;width:700px;float:left; text-align:center;}
.caption{ 
	margin-top:5px; 
	padding-left:10px; 
	color:#888;
	width:700px; 
	float:left; 
	padding-bottom:5px;
	border-bottom:solid 1px #cccccc;
	font-style:italic;
}

#template {
    border-bottom: 1px solid #888888;
    float: left;
    margin-bottom: 25px;
    min-height: 100px;
    padding-bottom: 25px;
    width: 720px;
}
#template-image {
    float: left;
	margin: 0 10px 0 0;
}
#template-title {
    float: left;
    vertical-align: middle;
    width: 400px;
}
#template-title h2 {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

#template-title a {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 35px;
    margin-top: 10px;
}
#template-details {
    float: left;
    margin-right: 5px;
    width: 250px;
}
#template-pages {
    float: right;
    text-align: right;
    width: 250px;
}
#template-pages ul {
    margin-top: 5px;
}

#trainTimetable, .timetable {
	width: 100%;
	font-family: Georgia,Times,Serif;
	margin-bottom: 50px!important;
}

#trainTimetable thead tr th, .timetable thead tr th {
	border-style: none none solid;
	font-weight: 400;
	padding-bottom: 4px;
	padding-top: 5px;
	text-align: left
}

#trainTimetable tbody tr td, .timetable tbody tr td {
	padding-bottom: 4px;
	padding-top: 5px;
	text-align: left
}

#trainTimetable tbody tr td div.callingAt {
	display: none;
	position: absolute;
	z-index: 100;
	width: 450px;
	background-color: #000;
}

#trainTimetable tbody tr td div.callingAt table {
	width: 100%;
	border:  1px solid #ccc;
	box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
}

#trainTimetable tbody tr td div.callingAt table tr td {
	background-color: #666!important;
	color: #fff;
	font-size: 0.8em;
	padding: 5px!important;
	}

#trainTimetable tbody tr.highlight td div.callingAt {display: block;}

#trainTimetable tr td, .timetable tr td {padding: 10px 10px 10px 10px!important;}

#trainTimetable thead tr th, .timetable thead tr th {
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px dotted #333;
	color: #999;
	padding: 10px 10px;
}

#trainTimetable tbody tr.oddRow td, .timetable tbody tr.oddRow td {background-color: #f2f2f2;}

#trainTimetable tbody tr.highlight td, .timetable tbody tr:hover {background-color: #d8f2fb;}

.postsLoading {display:none;}

.visible {display:block;}

div.busmaps {
	width: 650px;
	min-height: 270px;
	background-color: #f6f6f6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:  20px;
}

div.busmaps ul {
	list-style: none;
	width: 490px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


div.busmaps ul li {
	float: left;
	margin: 0 20px 20px 0;
}

div.action-area {
    background-color: #E6F6FB;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    width: 190px;
}

div.action-area a, a.action-button {
    background-color: #93E1F9;
    background-image: -moz-linear-gradient(center bottom , #5CCFF6 25%, #A2E5F9 63%, #DCF3FB 80%);
    border: 1px solid #A8DDEE;
    border-radius: 5px 5px 5px 5px;
    color: #1389AF;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    padding: 5px 8px;
    text-shadow: -1px -1px 0 #B9EBFA;
}

div.action-area a:hover, a.action-button:hover {color: #444;}

div.action-area p {
    color: #555555;
    padding: 10px 0;
    text-align: center;
    text-shadow: -1px -1px 0 #DEF3FA;
}

p.login-required {
    color: #666666 !important;
    font-size: 0.75em;
    font-style: italic;
    text-shadow: -1px -1px 0 #DEF3FA;
}

.competitionWinners h2 {
    font-size: 16px;
    font-weight: bold;
    padding:10px 0px 0px 0px;
}

.competitionWinners span.name {font-weight:bold;}

.winPrizesOtherLinks a span {
    font-size:14px;
    padding:0px !important;
}.newsFeed
{
    margin-top:2px;
    padding:0px;
    list-style: none outside none;
}

    .newsFeed li
    {
        border-bottom: 1px solid #C0C0C0;
        padding:5px 0px;
    }

        .newsFeed li div.image
        {
            float:left;
            padding: 0px 25px 5px 0px;
        }

    .newsFeed h3
    {
        margin: 0 0 15px 0;
        font-size: 18px;
    }/********************************************  PAGE TEMPLATE  *********************************************/
a:link,
a:visited,
a:active,
a {
    color: #0573a6;
    text-decoration: none;
	font-weight: bold;
}

#main {
	padding-top: 190px;
}
#header {
	background: #FFF url('images/header-top.jpg') no-repeat right top;
}
.logo {
    background: transparent url('images/logo-30-st-mary-axe-london.gif') no-repeat 0 0;
    text-indent: -9999em;
    display: block;
    width: 131px;
    height: 129px;
    position: absolute;
    top: 12px;
    left: 15px;
}


.logo a
{
    font-size: 28px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: rgb(5, 115, 166);
    width: 350px;
    top: 50px;
    position: relative;
}


.nav-holder {
	background-color: #192933;
}
.nav li a {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding: 0 7px;
}
.nav li a:hover, .nav li.active a, .nav li:hover a, .nav li.hover a {
	background: none repeat scroll 0 0 #0573A6;
}
.nav-holder .list a {
	color: #8bc0e3;
	font-size: 11px;
}
.drop .c {
    background-color: #0573A6;
}
.slogan {
    color: #192933;
}
.drop .box a, 
.drop .list2 a {
    line-height: auto;
    font-size: 11px;
    line-height: 14px;
}
.drop .box h2 {
    font-weight: bold;
}
div.home {	
	height: 310px;
	border-bottom: 1px solid #FCC315;
	background-color: transparent;
}
.home .visual {
	height: 310px;
}
.home .visual .txt {
	background: transparent url('images/header-background-overlay.png') repeat 0 0;
	width: 940px;
	height: 73px;
	top: auto;
	bottom: 0px;
}
.home .visual h1 {
	border: none;
	color: #0573a6;
	width: auto;
	padding: 20px 0 0 20px;
	font-size: 28px !important;
}
.gallery img {
	width: auto;
	margin: 0px;
	border: none !important;
}
.textTicker div .intro  {
	padding-left: 0;
	color: #7D93A2;
}
.textTicker {
	background: none;
}
#footer {
	 background: transparent url('images/footer-background.gif') repeat-x scroll 0 0;
}
#footer h3 {
	background: none;
	border-bottom: #B3C3CC 1px solid;
	font-size: 14px;
	color: #52626d;
}
.copy  {
	color: #666;
}
.copy  ul {
	margin: 6px 0 0 -4px;
}
.copy li {
	background-image: url('images/footer-separator.gif');
}
.copy li a {
	color: #0573a6;
}
.small-logo {
	background: transparent url('images/footer-logo-30-st-mary-axe-london.gif') no-repeat scroll 0 0;
	width: 111px;
	height: 114px;
	bottom: 13px;
}
.weather-box a {
	color: #0573a6;
}
.breadcrumbs  {
    margin-top: 7px;
}
.homearea .cell .more {
	background: transparent url('images/dashed-border.gif') repeat-x scroll 0 top;
}
/********************************************  HOME PAGE  *********************************************/

.homearea h2 {
	font-size: 18px;
	color: #7d93a2;
	border-bottom: none;
	background: transparent url('images/dashed-border.gif') repeat-x scroll 0 bottom;
}
.homearea .c  {
	background: none;
}
/*****************************************  FORM REGISTER  ******************************************/
.form-register .btn-update {
	background-image: url('images/btn-update.gif');
}
.register-page input[type=submit],
.form-login input[type=submit],
.form-web input[type=submit],
.form-register btn-register,
.form-register .btn-update {
    background-image: url('images/btn-register.gif');
}

/********************************************  EVENTS  *********************************************/

.eventSearchResults h2 {
	border-color: #192933;
}
.form-events .btn-submit, 
.form-inf .btn-submit, 
.address-form .btn-submit, 
.prizes input.btn-submit,
.searchEvents input.btn-submit {
	background-image: url('images/btn-submit.gif');
}
.eventSearchResults a {
    color: #0573a6;
}
.viExternalLink .viExternalLinkRight a {
    color: #0573a6;
}