/* CSS 3.0 specification */
/* Verify contractor/tradesperson/business status with L&I */
/* Author: bors235 */
/* Created: Feb. 22, 2013 */
/* Last updated: July 29, 2013 */

@import url('stylesAdapt.css');

@import url('flyout_menuAdapt.css');

@import url('leftnavAdapt.css');

@import url('footerAdapt.css');


/*show/hide viewport*/

#msg { display: none; }

table.bubbletip td { text-align: left; }

.ui-dialog-content { text-align: left; }

.ui-dialog-content a:link {
    color: #275FB7;
    text-decoration: underline;
}

.ui-dialog {
    z-index: 1;
}
/*override styles.css*/

/*#body {
    padding: 0 0 0 3px;

}*/

/* =========================================================*/

/* desktop device styles */

/* =========================================================*/

#nav select { display: none; }


/* search forms*/

form#frmSearchInit {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #F5F5F5;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    height: auto;
    margin: 0;
    padding: 10px;
}

form#frmSearchInit.focus {
    -moz-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: none;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px #ff8800;
    color: #444;
    padding: 10px;
}

#frmSearch {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*padding: 0 10px 10px 10px;*/
    background: #F5F5F5;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    margin: 0;
    padding: 0;
}

#searchError { margin: 10px 0 10px 200px; }


/*#sBox, select#selSearchType {
    width: 97%;
}*/


/* the results page */

#sBox img, .sBox img { cursor: pointer; }

#searchResults {
    float: right;
    margin: 0;
    width: 67.555%;
}

/*table.itemLink td {
	padding-right: 12px;
	}*/

table.itemLink td:last-child { border-bottom: none; }

table.itemLink { cursor: pointer; }

.bordered { border-bottom: 1px dotted #83989c; }





/*table.itemLink td {
	font-size: 85%;
}*/

table.itemLink td.cellAlignRt { text-align: right; }

table.itemLink td.bolded { font-weight: bold; }

/*results header*/

table.lengthDisplayTable {
    border-collapse: collapse;
    width: 100%;
}

table.detailsTable thead tr td {
    font-weight: bold;
    color: #676767;
    border-bottom: 1px inset lightgray;

}

table.detailsTable thead hr {
    font-weight: bold;
    
}

table.detailsTable {
    margin-left: 50px; 
    border-collapse: collapse;
}

table.detailsTable td {
    padding: 5px 50px 5px 5px;
}

td.dispLeft {
    text-align: left;
    vertical-align: middle;
    width: auto;
}

td.dispCenter {
    text-align: center;
    vertical-align: middle;
    width: auto;
}

td.dispRight {
    text-align: right;
    vertical-align: middle;
    width: auto;
}

.formContainerInit {
    margin: 0 0 10px 0;
    padding: 0;
    width: 66.25%;
}

.formContainer {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}

#itemsShowing, #itemsTotal {
    color: #414141;
    font-weight: bold;
}

#detailTitle { margin: 10px; }

#filter { margin: 0; }

/*Apply filters*/

#filterFlyout {
    -moz-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    background: #F5F5F5;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    float: left;
    margin: 0;
    padding: 10px .5em;
    width: 28.655%;
}

table.itemLink { width: 100%; }

.innerLayout { border-top: 1px dotted #83989c; }

.innerIssueLayout {
    background: #F5F5F5;
    border-bottom: 1px dotted #83989c;
    border-top: 1px dotted #D4D4D4;
    margin: 10px;
    padding: 5px 0;
}

/*details*/

.dropItem {
    background: url('../Images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 0 50% #E6E6E6;
    border: 1px solid #D4D4D4;
    cursor: pointer;
    font-size: 1.25em;
    padding: 8px 10px;
    text-shadow: 1px 1px 1px #FFF;
}

.dropItem:hover {
    background: #376073;
    background: rgba(55, 96, 115, 0.15);
}


.dropLink a:link { text-decoration: none; }

/*containers*/

#container {
    margin: 0 0 2em 0;
    padding: 0;
    width: 690px;
}

/*inner columns*/

#vioTitle {
    margin-left: 10px;
    padding: 20px 0px 10px 0px;
    font-size: 1.7em;
    font-weight: bold;


}

#lblViolation {
    float: left;
    display: inline-block;
    height: 75px;
    font-size: 1.4em;
    color:gray;
    line-height: 1.5;
    font-weight: normal;
}

#lblViolator {
    display: inline-block;
    height: 75px;
    font-size: 1.4em;
    color:gray;
    line-height: 1.5;
    margin-left: 10px;
    font-weight: normal;
}

.itemLeftCol {
    float: left;
    padding: 5px 10px;
    width: 43%;
}

.itemRightCol {
    float: right;
    padding: 5px 10px;
    width: 43%;
}

.itemSingleCol { padding: 5px 10px; }

span.dataCategory {
    font-weight: bold;
    line-height: 90%;
}

span.listLayoutdataCategoryDetail {
    font-weight: bold;
    line-height: 90%;
}

span.dataItem { line-height: 155%; }

span.dataItemLink {
    line-height: 155%;
    font-weight: bold;
}

div.itemLeftCol span.dataItem a, div.itemLeftCol span.accountNo { white-space: nowrap; }



address { font-style: normal; }

div#imgWrapper{
    text-align: center;
    vertical-align: middle;
}


span.expandArrow a {
    background: url('../Images/showBut.gif') no-repeat;
    background-position: right center;
    display: inherit;
    float: right;
    height: 22px;
    padding-left: 10px;
    vertical-align: middle;
    width: 22px;
}

span.expandArrow a.imgArrow {
    background: url('../Images/hideBut.gif') no-repeat;
    background-position: right center;
    display: inherit;
    float: right;
    height: 22px;
    padding-left: 10px;
    vertical-align: middle;
    width: 22px;
}

label {
    color: #676767;
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
}

label.inline { 
    display: inline;
    white-space: normal;
}

label.spacer { margin-top: 2.10em; }

.block {
    display: block;
    margin: 0 0 5px 0;
}

.visNone { display: none; }

.butStyle {
    background: #E4E4E4;
    border: 1px solid #D4D4D4;
    cursor: pointer;
    display: inline-block;
    font: bold 8pt Sans-serif;
    padding: 10px;
}

.butStyleActive {
    background: #D4D4D4;
    color: #000;
}

.butStyleLeft {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.butStyleRight {
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}


.negMargin {
    margin-top: -20px; /*negative margins to tighten layout*/
}

.icon { vertical-align: middle; }

.vertSpace5 {
    display: inline-block;
    margin: .75em 0;
}

#rdoGroupSearch { margin: 0 0 1.5em 0; }





/*results search combo*/

#searchCombo {
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}


/* outer area search box */

#sBox, .sBox {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 1px;
}


#searchCombo #sBox {
    display: inline-block;
    float: right;
    margin: 5px;
    width: 45%;
}

input#txtSearchBy {
    border: 1px solid transparent;
    color: #414141;
    font: 14px/20px sans-serif;
    height: 18px;
    outline: none;
    padding: 4px;
    vertical-align: middle;
    width: 78%;
}

input#txtSearchBy:focus {
    -moz-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: none;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px #ff8800;
    color: #444;
    outline: none;
    padding: 4px;
    vertical-align: middle;
}

input#txtSearchByLoc, input#zipSearch {
    border: none;
    color: #444;
    font: 1.15em/1.50em Arial, Helvetica, sans-serif;
    outline: none;
    padding: 4px;
    vertical-align: middle;
    width: 80%;
}

input#txtSearchByLoc:focus, input#zipSearch:focus {
    -moz-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 1px solid #AAA;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    font: 1.15em/1.50em Arial, Helvetica, sans-serif;
    padding: 4px;
    vertical-align: middle;
}

input:focus {
    -moz-box-shadow: 0 0 5px #ff8800;
    -webkit-box-shadow: 0 0 5px #ff8800;
    border: none;
    box-shadow: 0 0 5px #ff8800;
    outline: none;
}

/*filter groups*/

.filterGroup {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    /*gradients*/
    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%); /* W3C */
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#f5f5f5', GradientType=0); /* IE6-9 */
    margin: 0;
    padding: 10px 5px 5px 5px;
}

#typeFilters {
    margin: 0;
    padding: 0;
    padding-left: 7px;
}

/*narrow search filters formatting*/

#body ul.wdgIndent {
    margin: 0;
    padding: 0;
}

#body ul.wdgIndent li {
    display: block;
    font-family: sans-serif;
    padding-left: 5px; /*overwrite content padding*/
}

#body ul.wdgIndent li label {
    color: #000;
    display: inline-block;
    padding-left: 10px;
    text-indent: -15px;
}

#body ul.wdgIndent li label.graytext { color: #676767; }

#body ul.wdgIndent li input {
    height: 15px;
    margin: 0 3px 0 0;
    *overflow: hidden;
    padding: 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 15px;
}

#body ul.wdgIndent ul.wdgIndent {
    margin: 0;
    padding: 0;
}

#body ul.wdgIndent ul.wdgIndent li {
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

#body #scopeLink li {
    background: none;
    margin-left: 0;
    padding-left: 22px;
}

#body #scopeLink li.active {
    background: url('../Images/icon_checkmark.gif') no-repeat left 8px;
    margin-left: 0;
    padding-left: 22px;
}



img#searchButton, img#searchLocButton {
    float: right;
    height: 28px;
    width: 28px;
}

img#zipSearchBut {
    display: inline-block;
    float: right;
    height: 28px;
    width: 28px;
}


/* search by drop menu */

select#selSearchType {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #444;
    display: inline;
    font: 1.15em/1.50em Arial, Helvetica, sans-serif;
    height: 32px;
    /*margin: 0;*/
    margin: 5px;
    max-width: 50%;
    outline: none;
    padding: 6px 4px;
    width: 50%;
}

select#selSearchType.focus {
    -moz-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: none;
    box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px #ff8800;
    color: #444;
    outline: none;
    padding: 0px;
    vertical-align: middle;
}


select#selSearchType option {
    margin: 0;
    padding: 2px 4px;
}

select.selLocation {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #444;
    display: inline;
    font: 1.15em/1.50em Arial, Helvetica, sans-serif;
    height: 32px;
    margin: 0;
    margin-bottom: 20px;
    max-width: 100%;
    outline: none;
    padding: 6px 4px;
    width: 100%;
}

select.selLocation option {
    margin: 0;
    padding: 2px 4px;
}

/* #Buttons*/

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* IE10+ */
    background: #eee linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-left: 1px solid #ccc;
    border-radius: 3px;
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0 1px #ffffff;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
}

.ewn3body .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #ddd; /* Old browsers */
    background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* FF3.6+ */
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .3)), color-stop(100%, rgba(0, 0, 0, .3))); /* Chrome,Safari4+ */
    background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* Chrome10+,Safari5.1+ */
    background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* Opera11.10+ */
    background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* IE10+ */
    background: #ddd linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* W3C */
    border: 1px solid #888;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    color: #222;
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    background: #ccc; /* Old browsers */
    background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* FF3.6+ */
    background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .35)), color-stop(100%, rgba(10, 10, 10, .4))); /* Chrome,Safari4+ */
    background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* Chrome10+,Safari5.1+ */
    background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* Opera11.10+ */
    background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* IE10+ */
    background: #ccc linear-gradient(to bottom, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* W3C */
    border: 1px solid #666;
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    width: 100%;
}


.filterRow { margin: 10px 0; }

.bt-content {
    text-align: left;
    width: 300px;
}

.pagingSpan {
    display: block;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    width: auto;
}

.numberedPagingSpan .currentNumber, .numberedPagingSpan .currentNumber:hover {
    background: rgb(255, 228, 138);
    cursor: default;
}

.numberedPagingSpan .number, #body .nextButton, #body .prevButton { padding: 6px; }

#resultsArea div.hover { background: #EEEEEE; }

.lengthDisplay {
    background: url("../Images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 0 50% #E6E6E6;
    border: 1px solid #D4D4D4;
    height: 24px;
    padding: 5px;
    margin-top: 25px;
}

.lengthDisplay div {
    display: inline-block;
    vertical-align: middle;
}

.ui-dialog a.bsLink {
    color: #275FB7;
    cursor: pointer;
    text-decoration: none;
}

.ui-dialog a.bsLink:link {
    color: #275FB7;
    text-decoration: none;
}

.ui-dialog a.bsLink:visited {
    color: #275FB7;
    text-decoration: none;
}

.ui-dialog a.bsLink:hover {
    color: #D78913;
    text-decoration: underline;
}

.ui-dialog a.bsLink:active {
    color: #D78913;
    text-decoration: underline;
}

.ui-dialog a.focusLink:focus { outline: dashed #AAAAAA thin; }


div.invalid {
    -moz-border-radius: 9px;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-border-radius: 9px;
    -webkit-box-shadow: 0 0 5px #666;
    background: #FADEE5 url('../Images/exclamation.gif') no-repeat 2px 50%;
    behavior: url('../CSS/PIE.htc');
    border: 1px solid #CC2200;
    border-radius: 9px;
    box-shadow: #666 0 0 5px;
    color: #CC2200;
    display: inline-block;
    font-family: Sans-Serif;
    font-size: 12px;
    font-style: normal;
    line-height: 100%;
    margin: 3px 0;
    padding: 3px 10px 3px 20px;
}

div.invalidrslt {
    -moz-border-radius: 9px;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-border-radius: 9px;
    -webkit-box-shadow: 0 0 5px #666;
    background: #FADEE5 url('../Images/exclamation.gif') no-repeat 2px 50%;
    behavior: url('../CSS/PIE.htc');
    border: 1px solid #CC2200;
    border-radius: 9px;
    box-shadow: #666 0 0 5px;
    color: #CC2200;
    display: inline-block;
    font-family: Sans-Serif;
    font-size: 12px;
    font-style: normal;
    line-height: 100%;
    margin: 3px;
    padding: 3px 10px 3px 20px;
    float: right;
}

input.hintTxt { color: #AAA; }

.toolIcon {
    display: inline-block;
    *display: block;
    height: 32px;
    text-align: center;
    width: 50px;
}

/*remove focus borders*/

*:focus {
    border: none;
    outline: none;
}

/*}*/

/*end desktop device styles */

/*==================================================================================================*/







/* =========================================================*/

/* LANDSCAPE tablet device styles */

/* =========================================================*/

@media screen and (min-width: 769px) and (max-width: 960px) {
    #filterFlyout, #breadcrumb { display: block; }
}

/* end LANDSCAPE tablet device styles */

/*==========================================================*/










/* =========================================================*/

/* PORTRAIT tablet device styles */

/* =========================================================*/

@media screen and (min-width: 569px) and (max-width: 768px) {
    /* hide stuff and make smaller */
    #breadcrumbs { display: none; }

    #other { margin-bottom: 2.0em; }

    #resultsArea { border-top: 1px dotted #D4D4D4; }

    #filterFlyout {
        -moz-box-shadow: 0 0 8px #000000;
        -moz-box-shadow: 0 0 8px #000000;
        -webkit-box-shadow: 0 0 8px #000000;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        background: none repeat scroll 0 0 #F5F5F5;
        box-shadow: 0 0 8px #000000;
        box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        float: none;
        margin: 0;
        width: 75%;
    }

    #butCloseTop, #butCloseBtm {
        float: right;
        height: 28px;
        width: 28px;
    }

    .closeFilterButton {
        background: url('../Images/closeButton.png') no-repeat top right;
        cursor: pointer;
    }

    table.itemLink { background: url('../Images/right-arrow.png') right 50% no-repeat; }

    table.itemLink td.cellAlignRt { padding-right: 15px; }

    .inactiveFilters {
        display: none;
        left: -999em;
        position: absolute;
        top: 72px;
        z-index: 200;
    }

    .activeFilters {
        display: block;
        left: 12.5%;
    }

    .activeMask {
        background: #000000;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .inactiveMask { background: none; }

    /*reset the buttons larger*/
    .numberedPagingSpan .number, #body .nextButton, #body .prevButton { padding: 8px; }

    /*resize layouts*/
    #layoutContainer { width: 100%; }

    #searchResults { width: 100%; }

    /*#taskBar {
    height: 36px;
    float: right;
}*/


    .ui-dialog a.bsLink {
        color: #275FB7;
        cursor: pointer;
        text-decoration: none;
    }

    .ui-dialog a.bsLink:link {
        color: #275FB7;
        text-decoration: none;
    }

    .ui-dialog a.bsLink:visited {
        color: #275FB7;
        text-decoration: none;
    }

    .ui-dialog a.bsLink:hover {
        color: #D78913;
        text-decoration: underline;
    }

    .ui-dialog a.bsLink:active {
        color: #D78913;
        text-decoration: underline;
    }

    .ui-dialog a.focusLink:focus { outline: dashed #AAAAAA thin; }
}

/* end PORTRAIT tablet device styles */

/*==========================================================*/











/* =========================================================*/

/* SMARTPHONE device styles */

/* =========================================================*/

@media screen and (min-width: 280px) and (max-width: 568px) {
   .numberedPagingSpan, td.dispLeft, td.dispRight { display: none; }

    div.lengthDisplay {
        background: none;
        border: none;
        margin: 10px;
    }

    table.lengthDisplayTable {
        margin: 5px 0 0 0;
        width: 65%;
    }

    .layoutContainer {
        background: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .formContainerInit {
        padding: 10px 10px 0px 10px;
        width: auto;
    }

    #resultsArea {
        border-top: 1px dotted #D4D4D4;
        margin-bottom: inherit;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: inherit;
    }

    /*#title {
        min-height: 45px;
        padding: 10px 0px 10px 10px;
    }*/

    #backBtn { margin-left: 10px; }

    .inactiveFilters {
        display: none;
        left: -999em;
        position: absolute;
        top: 72px;
        z-index: 200;
    }

    .activeFilters {
        display: block;
        left: 12.5%;
    }

    .activeMask {
        background: #000000;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .inactiveMask { background: none; }

    #filterFlyout {
        -moz-box-shadow: 0 0 8px #000000;
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0 8px #000000;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        background: none repeat scroll 0 0 #F5F5F5;
        box-shadow: 0 0 8px #000000;
        box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        float: none;
        margin: 0;
        width: 75%;
    }

    /*remove text from tool icons*/
    /*.toolIconTxt { display: none; }*/

    #printDialog { display: none; }

    #searchResults { width: 100%; }

    .toolIcon { display: inline;}

    /*search again*/
    #searchCombo { height: auto; }

    #searchCombo {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #searchCombo select#selSearchType {
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 2px 2px 2px 2px;
        font: 1.15em/2.5em sans-serif;
        height: 100%;
        margin: 0 0 1.0em 0;
        max-width: 100%;
        width: 100%;
    }

    #searchCombo #sBox {
        float: none;
        margin: 0;
        margin-bottom: 15px;
        width: 100%;
    }

    #frmSearch {
        border: none;
        margin: 0;
        padding: 0;
    }


    /* SMARTPHONE results page */
    /* loading results icon */
    #loadingResultsIcon {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #resultsArea {
        border-top: 1px dotted #D4D4D4;
        margin-left: -10px;
        margin-right: -10px;
    }

    #resultsArea p { margin: 10px 20px 0; }

    #resultsArea div, #sBox img, .sBox img { cursor: pointer; }


    table.itemLink td {
        padding-left: 10px;
        padding-right: 13px;
        vertical-align: top;
    }

    table.itemLink { background: url('../images/right-arrow.png') right 50% no-repeat; }

    table.itemLink td { font-size: 85%; }

    table.itemLink td.cellAlignRt { padding-right: 15px; }

    table.itemLink td.bolded { font-weight: bold; }


    .formContainer {
        background: #F5F5F5;
        border: 1px solid #D4D4D4;
        margin: 0 10px;
        padding: 1.0em 1.0em 0 1.0em;
        width: auto;
    }

    #detailTitle { margin: 10px; }

    #butCloseTop, #butCloseBtm {
        float: right;
        height: 28px;
        width: 28px;
    }

    .closeFilterButton {
        background: url('../Images/closeButton.png') no-repeat top right;
        cursor: pointer;
    }

    #filter { margin: 3em 0 0 0; }

    /*#filterFlyout {
        border: 1px solid #D4D4D4;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0 0 4px #D4D4D4;
        -webkit-box-shadow: 0 0 4px #D4D4D4;
        background: #F5F5F5;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow: 0 0 3px rgba(0,0,0,.2);
        padding: 10px 1.0em;
    }*/

    table.itemLink { width: 100%; }

    .innerLayout { border-top: 1px dotted #83989c; }

    .innerIssueLayout {
        background: #F5F5F5;
        border-bottom: 1px dotted #83989c;
        border-top: 1px dotted #D4D4D4;
        margin: 10px;
        padding: 5px 0;
    }

    /*details*/
    .dropItem {
        background: url("../Images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 0 50% #E6E6E6;
        border-bottom: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
        cursor: pointer;
        font-size: 15px;
        padding: 8px 10px;
        text-shadow: 1px 1px 1px #FFF;
    }

    .dropItem:hover {
        background: #376073;
        background: rgba(55, 96, 115, 0.15);
    }

    .dropLink {
        background: url("../Images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 0 50% #E6E6E6;
        border-bottom: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
        padding: 8px 10px;
        text-shadow: 1px 1px 1px #FFF;
    }

    .dropLink a:link { text-decoration: none; }

    span.expandArrow a {
        background: url('../Images/showBut.gif') no-repeat;
        background-position: right center;
        display: inherit;
        float: right;
        height: 22px;
        padding-left: 10px;
        vertical-align: middle;
        width: 22px;
    }

    span.expandArrow a.imgArrow {
        background: url('../Images/hideBut.gif') no-repeat;
        background-position: right center;
        display: inherit;
        float: right;
        height: 22px;
        padding-left: 10px;
        vertical-align: middle;
        width: 22px;
    }

    /*labels for much of the text*/
    label {
        color: #676767;
        display: block;
        font-size: 85%;
        margin: 5px 0 0 0;
        padding: 0;
    }

    label.inline { display: inline; }

    .negMargin {
        margin-top: -20px; /*risk classification entries*/
    }

    .icon { vertical-align: middle; }

    #sBox, .sBox {
        display: inline-block;
        height: auto;
        width: 100%;
    }


    /*select {
	border: 1px solid #CCC;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 16px/38px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0;
	height: 38px;
	width: 100%;
	max-width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	background: #FFF;
}*/

    /*input#txtSearchBy {
        outline: none;
        vertical-align: middle;
        border: none;
        font: 16px Arial, Helvetica, sans-serif;
        width: auto;
        width: 81%;
        height: 18px;
        padding: 6px;
        color: #AAA;
    }*/


    /*initial search*/
    input#txtSearchBy:focus {
        -moz-box-shadow: 0 0 3px #000000;
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 3px #000000;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        border: none;
        box-shadow: 0 0 3px #000000;
        box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px #ff8800;
        color: #444;
        outline: none;
        padding: 4px;
        vertical-align: middle;
    }

    /* #Buttons*/
    #searchButton {
        display: inline-block;
        float: right;
    }

    .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        /* -webkit-appearance: none; removes WebKit default css */
        background: #eee; /* Old browsers */
        background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* FF3.6+ */
        background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2))); /* Chrome,Safari4+ */
        background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* Chrome10+,Safari5.1+ */
        background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* Opera11.10+ */
        background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* IE10+ */
        background: #eee linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%); /* W3C */
        border: 1px solid #aaa;
        border-left: 1px solid #ccc;
        border-radius: 3px;
        border-top: 1px solid #ccc;
        color: #444;
        cursor: pointer;
        display: inline-block;
        font-family: "HelveticaNeue", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 8px 10px;
        text-decoration: none;
        text-shadow: 0 1px #ffffff;
        text-shadow: 0 1px rgba(255, 255, 255, .75);
    }

    .ewn3body .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .3)), color-stop(100%, rgba(0, 0, 0, .3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* IE10+ */
        background: #ddd linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%); /* W3C */
        border: 1px solid #888;
        border-left: 1px solid #aaa;
        border-top: 1px solid #aaa;
        color: #222;
    }

    .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .35)), color-stop(100%, rgba(10, 10, 10, .4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* IE10+ */
        background: #ccc linear-gradient(to bottom, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%); /* W3C */
        border: 1px solid #666;
    }

    .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
        width: 100%;
    }

    /*inner columns*/
    .itemLeftCol {
        float: left;
        padding: 10px;
        width: 43%;
    }

    .itemRightCol {
        float: right;
        padding: 10px;
        width: 43%;
    }

    span.dataCategory {
        font-size: .90em;
        font-weight: bold;
        line-height: 90%;
    }

    span.dataCategoryDetail {
        font-size: .90em;
        font-weight: bold;
        line-height: 90%;
    }

    address { font-style: normal; }

    /*nav items*/
    #nav select { display: block; }

    #nav-controls, #nav-layouts { display: none; }

    /*RESULTS page styles*/
    #filterButton {
        /*display: block;*/
        float: left;
        margin: 10px 10px 0 10px;
        width: auto;
    }

    /*narrow search filters formatting*/
    #body ul.wdgIndent {
        margin: 0;
        padding: 0;
    }

    #body ul.wdgIndent li {
        display: block;
        font-family: sans-serif;
        padding-left: 5px; /*overwrite content padding*/
    }

    #body ul.wdgIndent li label {
        color: #000;
        display: inline-block;
        font-size: 13px;
        padding-left: 10px;
        text-indent: -10px;
    }

    #body ul.wdgIndent li label.graytext { color: #676767; }

    #body ul.wdgIndent li input {
        height: 15px;
        margin: 0;
        *overflow: hidden;
        padding: 0 3px 0 0;
        position: relative;
        top: -2px;
        vertical-align: middle;
        width: 15px;
    }

    #body ul.wdgIndent ul.wdgIndent {
        margin: 0;
        padding: 0;
    }

    #body ul.wdgIndent ul.wdgIndent li {
        margin: 0;
        padding: 0;
        padding-left: 20px;
    }

    #body ul.wdgIndent ul.wdgIndent li input { width: 20px; }
}


@media screen and (min-width: 280px) and (max-width: 320px) {
    table.tableList {
        width: 100%;
        overflow-x: auto;
        display: block;
        table-layout: auto;
    }
}
/* end smartphone device styles */
/*==========================================================*/