@charset "utf-8";
/* CSS Document */

/********************************************/
/*  Viewport classification (in widths)     */
/*  keep in mind when using media queries   */
/********************************************/
/*  Phone:		767px and below				*/
/*  Tablets:	979px to 768px				*/
/*  Desktop:	Default to 769px			*/
/********************************************/

/**************************************/
/*      HTML 5 backup                 */
/**************************************/
header, nav, section, article, aside, footer {
   display:block;
}



/**************************************/
/*      Main Structure                */
/**************************************/
body{ 
	padding:0px;
	margin:0px;
	font-size:1em;	
	color:#000;
    max-width:960px;
    margin-left:auto !important;
    margin-right:auto !important;
    font-family : Arial, Helvetica, sans-serif;
}
.container-fluid{
	padding-left:0px;
	padding-right:0px;
}
#content{
	margin-left:0px !important;	
}


/*************************************/
/*      Utilities                    */
/*************************************/
.centerTxt{ text-align:center;}
.rightTxt {text-align: right;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.indent{
	/* Use when an element needs to be indented slightly */
	display:inline-block;
	margin-right:10px
}
.border-box{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
/*************************************/
/*      Bootsrtap Overrides          */
/*************************************/
form{
	margin:0px !important;	
}


/********************************************/
/*          Mobile Specific Styles          */
/********************************************/
@media screen and (max-width:600px) {
    input, select {
        width:85% !important;
    }
    input[type='checkbox'], input[type='radio'] {
        width:auto !important;
    }
    input[type='button'], input[type='submit'], input[type='reset'] {
        margin-bottom:20px; 
        margin-left:auto !important;
        margin-right:auto !important;
        padding:10px;  
        display:block;
    }
    .btnLink, input[type='submit'], input[type='reset']  {
        display:inline-block;
        color:#000 !important;
        text-decoration:none !important;
        padding:10px;
        background:#FCFCFC;
        border:1px solid #A5B0BC;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        margin-bottom:10px; 
        max-width:95%;
        text-align:center;
       font-size:1em !important;
       word-break:break-all;
    }

    body header + div {
        padding:10px !important;
    }

    .leftTxtMobile {
        text-align:left !important;
    }

    div {
    box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
    }

    .centerMobile {
        float:none!important;
        text-align:center;
        margin-bottom:10px;
    }

    
 }/*End mobile specific styles*/


.screenReaderOnly {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

@media print {
    .visible-phone {
        display: none !important;
    }
    .rowWrapper{
        float: left;
        display: table;
    }
    .row-fluid{
        display: table-row;
        float: left;
        width: 100%;
    }
    .row-fluid .span6, .row-fluid .span3, .row-fluid .span2, .row-fluid .span1 {
        display: table-cell;
        text-wrap:inherit;
        /*width:auto !important; */
    }
    .container-fluid {
        margin-top: 10px;
    }
    /*Sets the page width to desktop mode otherwise some browsers default to mobile stylings */
    body, html {
        height:auto !important;
        width: 1300px !important;
        padding: 5px;
        margin:0px !important;
    }
    #demo {
        width:1240px !important;
    }
    /*Removes the full link address from the printed version*/
    a:link:after, a:visited:after {
    content: "";
    }
}


/*Chrome specific print styles*/
@media print and (-webkit-min-device-pixel-ratio:0) {
    
    @page {
        size: letter portrait;
        /* size: letter landscape; */
       /* margin: 4.0cm;*/
    }
    html, body, div {
        zoom:100% !important;
    }
    .hidden-phone {
        display:inline-block !important;
    }
    .rowWrapper, #searchResultsCriteria{
        display: table;
        float:none !important;
    }

    .rightTxt, .span4.rightTxt.leftTxtMobile, .span8 {
        float:none !important;
    }
    .row-fluid{
        display: table-row !important;
        width: 100%;
    }

    #searchResultsCriteria > div.row-fluid  div[class*='span']{
        display:table-cell !important;
        float:left !important;
        width:auto !important;
    }

    .row-fluid div[class*='span']{
        display: table-cell;
        text-wrap:inherit;
        /*width:auto !important; */
    }
    .row-fluid .span8 {
        width: 250px !important;
    }
    .row-fluid .span6 {
        width: 200px !important;
    }
    .row-fluid .span3  {
        width: 150px !important;
    }
    .row-fluid .span2 {
        width: 125px !important;
    }
    .row-fluid .span1 {
        width: 115px !important;
    }
    .container-fluid {
        margin-top: 10px;
    }


    /*Profile page*/
    #pnlResults, #pnlResults.rowWapper {
        display: table;
        float:left !important;
        margin-bottom: 30px !important;
    }
    #pnlResults .row-fluid, #pnlResults .row-fluid div[class*='span'] .row-fluid {
        display: table-row;
    }
    #pnlResults .row-fluid div[class*='span'],  #pnlResults .row-fluid div[class*='span'] .row-fluid div[class*='span'] {
        display: table-cell;
        text-align:left;
        width:500px !important;
        padding-left:20px !important;
    }

/*-------------------------------------------------------------------------*/
/*sub tables need more work*/
    #pnlStatusAlias .span6.splitRow .resultsTitleRow.row-fluid div[class*='span'] {
        display: table !important;
        margin-top:30px !important;
    }
    #pnlStatusAlias .span6.splitRow .resultsTitleRow.row-fluid div[class*='span'] {
        width:600px !important;
    }
/*-------------------------------------------------------------------------*/


    #pnlStatusAlias,
    #pnlPASentences, #pnlPISentences, 
    #pnlRASentences, #pnlRISentences{
        display: table;
        margin-top:30px !important;
    }
    #pnlStatusAlias .row-fluid,
    #pnlPASentences .row-fluid, #pnlPISentences .row-fluid,
    #pnlRASentences .row-fluid, #pnlRISentences .row-fluid {
        display: table-row;
    }
    #pnlStatusAlias .row-fluid div[class*='span'],
    #pnlPASentences .row-fluid div[class*='span'],  #pnlPISentences .row-fluid div[class*='span'],
    #pnlRASentences .row-fluid div[class*='span'],  #pnlRISentences .row-fluid div[class*='span'] {
        display: table-cell;
        text-align:justify;
        width:300px !important;
        padding-left:20px !important;      
    }

    #pnlPASentences .row-fluid.resultsTitleRow div[class*='span'], #pnlPISentences .row-fluid.resultsTitleRow div[class*='span'], 
    #pnlRASentences .row-fluid.resultsTitleRow div[class*='span'], #pnlRISentences .row-fluid.resultsTitleRow div[class*='span']{
        width:100% !important;
    }

    #pnlSupervision {
        margin-top:30px;
    }
}


@media screen and (min-width: 601px) and (max-width:810px) {
    #contentWithBg{
        margin-left:1%;
        width:98%;
    }

    #bannerImgs {
        width: 100% !important;
        overflow:hidden !important;
    }


}