﻿a
{
    text-decoration: none;
}

#content-inner
{
	padding-left:20px;
}
.fullpage
{
    width: 960px;
}
 
h2
{
	border-bottom-style:double;
	border-bottom-color: #ccc;
	border-bottom-width:3px;
	padding-bottom:26px;
	margin-bottom: 18px;
}

/* placeholder class for fields that you want the auto-tabbing feature enabled on, e.g.
	$('input.auto-tab').bind('keyup', function (e) { autoTabToNextField(e); });
*/
.auto-tab { }

/* placeholder class for fields that you want to automatically be uppercased on entry and display, e.g.
    $('input.auto-uppercase').keyup(function () {
        var newVal = this.value.toUpperCase();
        if (newVal != this.value) {
            this.value = newVal;
        }
    });
*/
.auto-uppercase { text-transform:uppercase; }

div.shadow-outer
{
    text-align:center; 
    width:100%;
    height: 3px;
    clear:both;
}
div.shadow-inner
{
	width:960px;
    height: 3px;
	margin:0 auto;
	position:relative;
    background: url(../images/shadow.jpg) repeat-x;
}

/* BUREAU MENU   
----------------------------------------------------------*/
div.bureau-menu-outer
{
    text-align:center; 
    width:100%;
	
}

div.bureau-menu
{
	width:960px;
	margin:0 auto;
	position:relative;
    padding: 4px 0px 4px 0px;
    text-align:left;
	background-color: #55B147;
}

div.bureau-menu li
{
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    width: auto;
    display: inline;
    border-right: 1px solid #ccc;
}

div.bureau-menu a
{
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    display: inline;
    text-decoration: none;
    color: #FFffff;
}

div.bureau-menu ul li a,
div.bureau-menu ul li a:visited
{
    background-color: #55B147;
    line-height: 1.35em;
    font-weight: bold;
    white-space: nowrap;
}

div.bureau-menu ul li a:hover
{
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

div.bureau-menu ul li a:active
{
    text-decoration: none;
}



/* WhoAmI */
.user-account-info
{
    padding-top:    20px;
    padding-bottom: 20px;
}

.field-label
{
    width: 130px;
    float: left;
}

.field-label-2
{
    width: 20%;
    float: left;
}

/* ConsumerCreditReport.aspx */
.field-first-name,
.field-second-name, 
.field-family-name
{
    width: 200px;
}

.label {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: small;
    color: #000000;
}
.label-bold
{
    font-weight:bold;
}
.label-mic {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: xx-small;
    color: #666666;
}

.field-span
{
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}
.field-span-1
{
    width: 96%;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}
.field-span-2
{
    width: 46%;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}
.field-span-3
{
    width: 31%;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}

.field-span-3b
{
    width: 31%;
    margin-right:10px;
    margin-bottom:10px;
    float: none;
}

.field-span-4
{
    width: 20%;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}

.field-span-25
{
    width: 25%;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}


.field-span input, .field-span-1 input, .field-span-2 input, .field-span-3 input,
.field-span select, .field-span-1 select, .field-span-2 select, .field-span-3 select
{
    width:99%; 
    margin-bottom:0px; 
    margin-top:0px;
    font-size:small;
}

.field-table tr td
{
    padding: 5px;
    text-align: left;
}

.requiredspan
{
    
}

ul.status-messages
{
	border-style:none;
	
	padding:3px;
}
ul.status-messages li
{
	font-weight: bold;
	color: #CC0000;	
	list-style-type:square;
}
li.status-message-debug
{
	color: #CCCCCC;	
}
li.status-message-information
{
	color: #0000CC;
}
li.status-message-warning
{
	color: #CCCC00;
}
li.status-message-error
{
	color: #CC0000;
}

span.message {
    font-weight: bold;
    font-family: 'Roboto', Verdana, sans-serif;
}

div.message {
    font-weight: bold;
    font-family: 'Roboto', Verdana, sans-serif;
}

.error-message
{
    color: #990000;
    background-color: yellow;
    padding:3px;
}

.status-warning
{
    color: #CC0000;
}

tr.padding-row td
{
    padding: 0; 
    margin: 0; 
    height: 3px;
}


.panel-header {
    color: white;
    background-color: #55B147;
    font: bold 11px auto 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    cursor: pointer;
    padding: 4px;
}
.panel-body {
    /*	background-color: #DCE4F9;
	font: normal 11px auto 'Roboto', Verdana, sans-serif;
	border: 1px gray;               
	width:450px;
	padding: 4px;
*/
    padding-top: 7px;
}     

.failureNotification
{
    font-size: 1.2em;
    color: Red;
    font-weight: bold;
}

input[type="image"]
{
	border:0;
	margin:0;
	padding:0;
	background-image: none;
	background-color:inherit;
}

img.button
{
	cursor: pointer;
	cursor:hand;
}

div.processing
{
	padding-top: 4px; 
	font-weight: bold; 
	color: Red;
}
div.processing img
{
	position:relative; 
	top:3px; 
	padding-left:5px;
}

/* ------------------------ */
/* Consumer Address Trace   */
.cpHeader {
    color: white;
    background-color: #719DDB;
    font: bold 11px auto 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    cursor: pointer;
    width: 450px;
    height: 18px;
    padding: 4px;
}

.cpBody {
    background-color: #DCE4F9;
    font: normal 11px auto 'Roboto', Verdana, sans-serif;
    border: 1px gray;
    padding-top: 7px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}


div.trace-results-header
{
	width: 100%;
	height: auto;
	text-align:left;
	background-color: #CCC;
	float: none;
	clear:left;
}

div .trace-results-header .trace-results-title
{
	width:500px;
	margin-left:3px;
	margin-top:2px;
}

div .trace-results-header .trace-results-count
{
	width:300px;
	margin-right:10px;
	margin-top:2px;
	float: right;
	text-align: right;
}

div.trace-results-header span
{
	float: left;
	padding-top:3px;
}
div.trace-results-header span
{
	font-weight: bold;
}

.trace-column-fullname
{
	width: 200px;
}

.trace-column-date
{
	width: 70px;
}


/* ------------------------ */
/* Defaults Search and Load */
div.results-body
{
}
div.results-container
{
	border: 1px solid #CCC;
	padding-bottom: 16px;
}

div.results-header
{
	width: 100%;
	height: 24px;
	text-align:left;
	background-color: #CCC;
	float: none;
	clear:left;
}

div.results-row, div.results-row-alternate
{
	width: 100%;
	height: 26px;
	text-align:left;
/*	background-color: #FFF;*/
	float: none;
	clear:left;
}

div.results-row-alternate, div.results-row-alternate *
{
	background-color:#EEE;
}
div.results-row-alternate
{
	background-color:#EEE;
}

div.results-row-break
{
	width: 100%;
	height: 0px;
	text-align:left;

	float: none;
	clear: both;
	border-top: 1px solid #CCC;
	padding-top: 2px;
}

div.results-header span, div.results-row span, div.results-row-alternate span
{
	float: left;
	padding-top:3px;
}
div.results-header span
{
	font-weight: bold;
}
span.column-action
{
	padding-top:0px;

} 

.column-action
{
	width: 21px;
	height: 22px;
	float:left;
	text-align:center;
}
img.icon-expand-collapse
{
	width:  15px;
	height: 18px;
	cursor:hand;
	cursor:pointer;
}

.column-action
{
	width:30px;
	text-align: center;
	
}

.column-fullname
{
	width: 200px;
}

.column-partyname
{
	width: 270px;
}

.column-customer-reference
{
	width: 200px;
}

.column-gender
{
	width: 70px;
}

.column-address
{
	width: 367px;
}

.column-tto-address
{
	width: 385px;
}


.column-address-short
{
	width: 307px;
	overflow:hidden;
}

img.loader-tiny
{
	width:  16px;
	height: 16px;
}
img.icon-edit
{
	width:  16px;
	height: 16px;
	cursor:hand;
	cursor:pointer;
}

div.results-footer
{
	width: 100%;
	height: 0px;
	text-align:left;
	background-color: #CCC;
	float: none;
	clear: both;
}

/* --- */
/* Sub Results */
div.sub-results-container
{
	padding-left:   30px;
	padding-top:     0px;
	padding-bottom:  0px;

	clear:none;
	float:none;
	height: auto;
	
}
div.sub-results-inner-container
{
	border: 1px solid #CC0000;
	width: 900px;
	height: auto;
	float:none;
	background-color: #FFF;
}

div.sub-results-header
{
	width: 100%;
	height: auto;
	text-align:left;
	
	float: none;
}

div.sub-results-row, div.sub-results-row-alternate
{
	width: 100%;
	height: auto;
	text-align:left;
	background-color: #FFF;
	float: none;
	clear:both;

	background-color:Green;
}
div.sub-results-header span, div.sub-results-row span, div.sub-results-row-alternate span
{
	float: left;
	padding-top:3px;
}
div.sub-results-header span
{
	font-weight: bold;
}

.column-padding
{
	width:20px;
}
.column-default-reference, .column-reference
{
	width:150px;
}
.column-account-type
{
	width: 100px;
}
.column-default-status
{
	width: 100px;
}
.column-date
{
	width: 70px;
}

.column-address-effective-date
{
	width: 100px;
}

.column-address-source
{
	width: 160px;
}

.column-amount
{
	width: 100px;
	text-align:right;
}
.column-code-description
{
	width: 140px;
}
.column-monitor-type-description
{
	width: 170px;
	overflow:hidden;
}
.column-monitor-reference
{
	width: 170px;
	overflow:hidden;
}

.column-company-number
{
	width: 90px;
}

.column-company-name
{
	width: 400px;
}

div.sub-results-footer
{
	width: 100%;
	height: 0px;
	text-align:left;
	background-color: #CCC;
	float: none;
	clear: both;
}

input.read-only
{
	background-color: #DDD;
}

div.court-fines-consent, div.aml-consent, div.director-check-consent
{
	clear: left;
	float: none;
	border: 2px solid #c00;
	padding: 5px;
	width: 740px;
}

div.subscriber-billing-method
{
	clear: none;
	float: none;
	border: 2px solid #c00;
	padding: 1px;
	width: 96%;
	
	
}

div.myChecks label
{
 margin-left:10px;
 position: relative;

}


         
         
 .checkBoxListWrap label 
 { 
            position: relative;
            float:left;
            margin-left: 25px;
            top: -20px;
 }

span.court-fines-consent, span.aml-consent, span.director-check-consent
{
	border: 0;
	padding: 0;
	width: 100%;
    font-size:larger;
}

.address 
{ 
white-space:pre; 
text-align:right; 
} 

.terms 
{ 
white-space:pre; 
text-align:left; 

} 

.pricing-schedule-2 
{ 
white-space:pre; 


} 

.schedule 
{ 
white-space:pre; 
text-align:center ; 

} 

.Subscriber-Terms-Scroll
{
    width:850px;height:400px;
    overflow-x:hidden;
    
     overflow-y:scroll;
 
}

.TermsClick
{
    color:Red;
    font-weight:bold;
    font-size:medium
}

.error 
{ 
  color: Red; 
} 
.success 
{ 
  color: Green; 
} 

tr.consumer-credit-panel
{
	clear: left;
	float: none;
	border: 1px solid #CCC;
	padding: 5px;
	width:100%;
	height:inherit;
}

td.consumer-credit
{
	clear: left;
	float: none;
	border: 1px solid #CCC;
	
	width:100%;
	height:100%;
	 padding: 5px;
    text-align: left;
}

td.first-column
{
    width: 105px;
}

td.first-column-ext
{
    width: 135px;
}

td.second-column
{
    width: 855px;
}

table.field-table
{
    width: 960px;
}

table.field-table-inner
{
    width: 100%;
}

div.processing-company-name
{
	padding-top: 0px; 
	padding-left: 10px; 
	font-weight: bold; 
	float: left;
	color: #55B147;
}
div.processing-company-name img
{
	position:relative;
	top:0px;
	padding-left:5px;
}




/*Style For Landing Page*/
#art-main, table {
    font-family: 'Roboto', Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a 
{
   text-align: left;
}

    .art-postcontent,
    .art-postcontent li,
    .art-postcontent table,
    .art-postcontent a,
    .art-postcontent a:link,
    .art-postcontent a:visited,
    .art-postcontent a.visited,
    .art-postcontent a:hover,
    .art-postcontent a.hovered {
        font-family: 'Roboto', Verdana, sans-serif;
    }

.art-postcontent p
{
   margin: 12px 0;
}

        .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
        .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
        .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
        .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
        .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
        .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
        .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
        .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
        .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
        .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
        .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {
            font-family: 'Roboto', Verdana, sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 32px;
            text-decoration: none;
        }

.art-postcontent a
{
   text-decoration: none;
   color: #09BDDC;
}

.art-postcontent a:link
{
   text-decoration: none;
   color: #09BDDC;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   color: #505A6D;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   text-decoration: underline;
   color: #107184;
}

.art-postcontent h1
{
   color: #0C5664;
   margin: 21px 0;
}

.art-blockcontent h1
{
   margin: 21px 0;
}

.art-postcontent h2
{
   color: #0C5664;
   margin: 19px 0;
   font-size: 24px;
}

.art-blockcontent h2
{
   margin: 19px 0;
   font-size: 24px;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 
{
   font-size: 24px;
}

.art-postcontent h3
{
   color: #0C5664;
   margin: 19px 0;
   font-size: 19px;
}

.art-blockcontent h3
{
   margin: 19px 0;
   font-size: 19px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 19px;
}

.art-postcontent h4
{
   color: #FFFFFF;
   margin: 19px 0 15px;
   font-size: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
}

.art-blockcontent h4
{
   margin: 19px 0 15px;
   font-size: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
}

.art-postcontent h5
{
   color: #8C8C8C;
   margin: 10px 0 0;
   font-size: 16px;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 16px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 16px;
}

.art-postcontent h6
{
   color: #1E2229;
   margin: 35px 0;
   font-size: 11px;
}

.art-blockcontent h6
{
   margin: 35px 0;
   font-size: 11px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 11px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   /*min-width: 1000px; Upsets bootstrap responsiveness*/ 
   color: #252932;
   background-color: #FAFAFA;
  /* background-image: url('images/Bottom_texture.jpg'); */
   background-repeat: repeat-x;
   background-attachment: scroll;
   background-position: top left;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
}

/* end Page */

/* begin MenuFluidBg */
div#art-hmenu-bg
{
   position: absolute;
   overflow:hidden;
   top:0;
   left:0;
   margin:0 auto;
   width: 100%;
   height: 56px;
   z-index:-4;
}
/* end MenuFluidBg */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 404px;
   margin-top: 0;
   margin-bottom: 0;
}
.art-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
} 

.art-header-wrapper 
{
   position: relative;
   top:0;
   width:1000px;
   margin:0 auto;
}
.art-header-inner 
{
   position: relative;
   margin: 0 0;
}

.art-header:after
{
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   width:100%;
   height: 404px;
   background-image: url('images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.art-hmenu{
   position:relative;
   padding: 2px 2px 2px 2px;
   float: right;
}

/* end menu structure */

/* menu bar */

.art-nav
{
   width:100%;
   margin:0 auto;
   min-height: 56px;
   z-index: 100;
   margin-top: 0;
   top: 0;
   margin-bottom:-56px;
}

.art-nav:before, .art-nav:after{
   background-image: url('images/nav.png');
}
.art-nav:before{
   right: 0;
}
.art-nav:after{
   width: 0;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}
.art-nav-wrapper 
{
   position: relative;
   width:1000px;
   margin:0 auto;
}

.art-nav-inner{
   margin: 0 0;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 52px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   padding: 0 18px;
   line-height: 52px;
   text-align: center;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 0;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 0;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   text-align: left;
   text-decoration: none;
}

ul.art-hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.art-hmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-hmenu>li>a.active {
   color: #000000;
}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #000000;
}

/* end MenuItem */

/* begin MenuSeparator */

ul.art-hmenu>li {
   margin-left:8px;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 23px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #66728A;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 23px;
   color: #FFFFFF;
   font-size: 12px;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 23px;
   color: #FFFFFF;
   font-size: 12px;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul li a:hover
{
   color: #FFFFFF;
   background-position: left bottom;
   border-color: #66728A;
   border-top-width: 1px !important;
}

.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: #FFFFFF;
   background-position: left bottom;
   border-color: #66728A;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 162px;
   left: 7%;
   margin-left: -69px;
   width: 337px;
}

.art-logo-name
{
   display: block;
   text-align: center;
   font-size: 49px;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   color: #FAFAFA !important;
}
.art-logo-name a, 
.art-logo-name a:link, 
.art-logo-name a:visited, 
.art-logo-name a:hover
{
   font-size: 49px;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   color: #FAFAFA !important;
}

.art-logo-text
{
   display: block;
   text-align: center;
   font-weight: normal;
   font-size: 13px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   color: #000000 !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-weight: normal;
   font-size: 13px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
   color: #000000 !important;
}

#headline, #slogan 
{
   display: block;
   min-width: 150px;
   text-align: center;
}
/* end Logo */

/* begin Box, Sheet */
.art-sheet
{
   max-width:1000px;
   margin-top: 30px;
   margin-bottom: 0;
   cursor:auto;
   width: 1000px;
}
.art-sheet-body 
{
   padding:0;
   padding-top:0;
   padding-bottom:0;
}

/* end Box, Sheet */

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.art-content-layout-row {
   display: table-row;
   
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block */
.art-block
{
   max-width:1000px;
   margin: 5px;
}
.art-block-body 
{
   padding:5px;
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 5px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:1000px;
}
.art-blockcontent-body {
    padding: 0;
    color: #252932;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 13px;
}
    .art-blockcontent-body table,
    .art-blockcontent-body li,
    .art-blockcontent-body a,
    .art-blockcontent-body a:link,
    .art-blockcontent-body a:visited,
    .art-blockcontent-body a:hover {
        color: #252932;
        font-family: 'Roboto', Verdana, sans-serif;
        font-size: 13px;
    }

.art-blockcontent-body p
{
   margin: 6px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #0C5664;
   text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   color: #505A6D;
   text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #09BDDC;
   text-decoration: none;
}

.art-blockcontent-body ul li
{
   line-height: 125%;
   color: #3F4655;
   padding: 0 0 0 12px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.art-button-wrapper > a.art-button,
span.art-button-wrapper > a.art-button:link,
span.art-button-wrapper > input.art-button,
span.art-button-wrapper > button.art-button {
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    position: relative;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #141415 !important;
    width: auto;
    outline: none;
    border: none;
    background: none;
    line-height: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 20px !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 32px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:1000px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea {
    vertical-align: middle;
    font-family: 'Roboto', Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

div.art-block select 
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #FFFFFF !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #FFFFFF !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 1px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 1px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
   max-width:1000px;
   margin: 0;
}
.art-post-body 
{
   padding:3px;
}

a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
   border-color: #7B879D;
   border-style: solid;
   border-width: 0;
   margin: 0 0 0 0;
}

.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
}

.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

#preview-image
{
   float: left;
   }

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.preview-sharepoint-logo
{
   border: 0;
   margin: 5px;
   float: left;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
   color: #2A2B2D;
   margin: 10px 0 5px;
   line-height: 1em;
   font-size: 24px;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 24px;
}

.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #0C5664;
}

.art-postheader a:visited, .art-postheader a.visited
{
   color: #3F4655;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #0C5664;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {
    font-family: 'Roboto', Verdana, sans-serif;
    color: #252932;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   text-decoration: none;
   color: #36373A;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-style: italic;
   font-weight: normal;
   color: #36373A;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #0C5664;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   background:url('images/postdateicon.png') no-repeat left 0.5em;
   padding-top:9px;
   margin-top:-9px;
   padding-left:23px;
   min-height:18px;
   display:inline-block;
   line-height: 1em;
}

span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   background:url('images/postauthoricon.png') no-repeat left 0.5em;
   padding-top:9px;
   margin-top:-9px;
   padding-left:24px;
   min-height:18px;
   display:inline-block;
   line-height: 1em;
}

span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   background:url('images/postediticon.png') no-repeat left 0.5em;
   padding-top:7px;
   margin-top:-7px;
   padding-left:20px;
   min-height:14px;
   display:inline-block;
   line-height: 1em;
}

span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #0B0C0F;
   padding: 0 0 0 13px;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #070709;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
   margin: 2px 0 2px 15px;
}

blockquote
{
   margin: 10px;
   padding: 0;
   background-color: #9BA4B5;
   margin-left: 50px;
   padding-left: 28px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover {
    font-family: 'Roboto', Verdana, sans-serif;
    color: #252932;
}

.art-postfootericons
{
   padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #0C5664;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #36373A;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
   color: #111213;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   background:url('images/postcategoryicon.png') no-repeat left 0.5em;
   padding-top:9px;
   margin-top:-9px;
   padding-left:24px;
   min-height:18px;
   display:inline-block;
   line-height: 1em;
}

span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   background:url('images/posttagicon.png') no-repeat left 0.5em;
   padding-top:9px;
   margin-top:-9px;
   padding-left:24px;
   min-height:18px;
   display:inline-block;
   line-height: 1em;
}

span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */
span.art-postcommentsicon
{
   background:url('images/postcommentsicon.png') no-repeat left 0.5em;
   padding-top:9px;
   margin-top:-9px;
   padding-left:24px;
   min-height:18px;
   display:inline-block;
   line-height: 1em;
}

span.art-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:10px;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 10px;
   color: #CDD1DA;
   font-size: 11px;
}

.art-footer-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #CDF2F9;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: left;
}

.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td, 
.art-footer-body th,
.art-footer-body caption
{
   color: #CDD1DA;
   font-size: 11px;
}

.art-footer-text
{
   padding-left: 0;
   padding-right: 0;
   text-align: left;
}

.art-footer-body a,
.art-footer-body a:link
{
   color: #FFFFFF;
   text-decoration: none;
}

.art-footer-body a:visited
{
   color: #98A1B3;
}

.art-footer-body a:hover
{
   color: #52D1EB;
   text-decoration: underline;
}

.art-footer-wrapper
{
   margin: 0 0;
}
.art-footer-center
{
   position: relative;
   width: 1000px;
   margin: 0 auto;
}

div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}/* end Footer */

/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #C1C7D1;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #C7C9CC;
}

.powered-by-centrix-logo {
    width: 122px;
    height: 38px;
}

.environment-message {
    font-weight: bold;
}

.centrix-logo-medium {
    width: 264px;
    height: 94px;
}

.centrix-logo-medium-no-padding {
    width: 241px;
    height: 72px;
}

.centrix-logo-medium-top-padding {
    width: 217px;
    height: 85px;
}

