.pagebody { font-family: Arial, Helvetica, sans-serif; BACKGROUND: #FFFFFF }
.menubuttonstyle {  font-family: Arial, Helvetica, sans-serif; border-color: #FFFFFF #000000 #000000 #FFFFFF; font-size: 8pt; font-weight: bolder; font-style: normal; color: #FFFFFF; background-color: #003070; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.textsmallred { color: Red; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt }
.bgframe { background-color: #004080 }
.tdtitle { background-color: #004080; font-size: 10pt; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-weight: bolder  }
.tdcontroltitle { background-color: #004080; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-weight: bolder; border: #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px }
.tdsmalltitle {  }
.tddata { color: Black; font-family: Arial, Helvetica, Sans-Serif }
.headerfont { font-family: Arial, Helvetica, sans-serif; font-weight:bold }
.headertitle { font-family: Arial, Helvetica, sans-serif; color: Teal; font-size: 10pt; font-weight: bold}
.tinytealfont { font-size: 8pt; color: teal }
.tdnavajowhite { font-size: 10pt; background-color: White }
.tinyblackfont { font-size: 8pt; color: black }
.error { text-align:center;  padding:10px;  color:Red;  font-size:large; }
.redalert { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; color: red}
.menubackground { background-color:#004080;}
.docketspacing { padding-bottom: 2px}
.disClaim { margin:2px 2px 2px 2px;	background-color: White; border: ridge #004080 3Px; OVERFLOW: auto; WIDTH: 99%; HEIGHT: 150PX; text-align:left}
.disFont { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
.tdForeTitle { background-color: #004080; font-size: 10pt; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-weight: bolder; text-align:left; width: 100PX; height:28PX}
.tdForeField { font-size: 10pt; background-color: White; height:28PX; width: 165PX; text-align:left }
.tdtinynavajowhite { font-size: 8pt; background-color: White }
.copyright{ color:#000000; font-family: Arial, Helvetica, Sans-Serif; font-size:8pt;}
.gridview { background-color: #D5E7F0;	border:solid 2px #d3d3d3; }
.gridview tr { background-color:White; }
.gridview th { color:#b6d9f6; background-color:#0e4571; padding:4px; }
.gridview td { padding:4px; }
.gridview_header a { color:#b6d9f6; font-weight:bolder; text-decoration:none; }
.buttonPreview { display:block; width:20px; height:20px; border:none; background-image:url('images/mglass.png'); }
.buttonPreview:hover, .buttonPreview:active { background-image:url('images/mglass.active.png'); cursor:pointer; }
/*
* MasterPage Style
* CLH 5/2/2011
*/

.cleared {
    border: medium none;
    clear: both;
    float: none;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

body, p
{
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: left; 
}

.body
{
    background-color: #D5E7F0;
    color: #4A4A4A;
	font-size: 14px;
    margin: 0 auto;
    padding: 0;
}

.form
{
    margin: 0 !important;
    padding: 0 !important;   
}

.mpBG
{
    background-image: url("images/page_sg.jpg");
    background-repeat: repeat-x;
    height: 500px;
    position: absolute;
    top: 0;
    width: 100%; 
}

/*
 * Main Containers
 * CLH 5/2/2011
 */

.art-main
{
    cursor: default;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.art-sheet
{
    cursor: auto;
    margin-top: 10px !important;
    margin: 0 auto;
    min-height: 51px;
    min-width: 51px;
    position: relative;
    width: 974px;
    z-index: 0;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, 
.art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl 
{
    position: absolute;
    z-index: -1;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl 
{
    background-image: url("images/sheet_s.png");
    height: 70px;
    width: 70px;
}

.art-sheet-tc, .art-sheet-bc 
{
    background-image: url("images/sheet_h.png");
    height: 70px;
    left: 35px;
    right: 35px;
}

.art-sheet-cr, .art-sheet-cl 
{
    background-image: url("images/sheet_v.png");
    bottom: 35px;
    top: 35px;
    width: 70px;
}

.art-sheet-tl 
{
    clip: rect(auto, 35px, 35px, auto);
    left: 0;
    top: 0;
}

.art-sheet-tr 
{
    clip: rect(auto, auto, 35px, 35px);
    right: 0;
    top: 0;
}

.art-sheet-bl 
{
    bottom: 0;
    clip: rect(35px, 35px, auto, auto);
    left: 0;
}

.art-sheet-br 
{
    bottom: 0;
    clip: rect(35px, auto, auto, 35px);
    right: 0;
}

.art-sheet-bc 
{
    bottom: 0;
    clip: rect(35px, auto, auto, auto);
}

.art-sheet-cl 
{
    clip: rect(auto, 35px, auto, auto);
    left: 0;
}

.art-sheet-cr 
{
    clip: rect(auto, auto, auto, 35px);
    right: 0;
}

.art-sheet-cc 
{
    background-color: #FCFCFC;
    bottom: 35px;
    left: 35px;
    position: absolute;
    right: 35px;
    top: 35px;
    z-index: -1;
}

.icDIV
{
    padding: 5px;
    position: relative;
    z-index: 1;
}

/*
 * Header Display
 * CLH 5/2/2011
 */
 
.mpHead
{
    height:150px;
    margin: 0 auto;
    overflow:hidden;
    position:relative;
    width:964px;
    z-index:0;    
}

.headBanner
{
    display: block;
    left: 77px;
    position: absolute;
    top: 24px;
    width: 887px;
}
.headerPNG
{
    background-image: url("images/header.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 964px;
    z-index: -2;
}

.headerJPEG
{
    background-image: url("images/header.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 964px;
    z-index: -1;
}


/*
 * FOR JUDGE NAMES IN BANNER HEADER
 * JMM 5/25/2017
 */

.judgeBanner
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*
 * Navigation Bar
 * CLH 5/2/2011
 */

.mpNavDIV
{
    height: 37px;
    position: relative;
    z-index: 100;
}

.l
{
	
    left: 0;
    right: 0;
}

.r
{
    clip: rect(auto, auto, auto, 964px);
    right: 0;
    width: 964px;  
}

.mpNavDIV .l, .mpNavDIV .r
{
    background-image: url("images/nav.png");
    height: 37px;
    position: absolute;
    top: 0;
    z-index: -1;
}

/*
 * Main Menu Bar
 * CLH 5/2/2011
 */

.tabList
{
    padding:8px 4px 0;
    min-height:0;
    border: 0 none;
    display: block;
    list-style-type: none;
    margin: 0;
}

.mpLI
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 5;
    margin-left: 1px;
    margin-right: 1px;  
}

.tabList a
{
    cursor: pointer;
    display: block;
    height: 29px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.tabList a .l
{
    left: 0;
    right: 4px;
}

.tabList a .r
{
    clip: rect(auto, auto, auto, 404px);
    right: 0;
    width: 408px;
}

.tabList a .x
{
    left: 0;
    right: 4px;
}

.tabList a .y
{
    clip: rect(auto, auto, auto, 404px);
    right: 0;
    width: 408px;
}

.tabList a .l, .tabList a .r
{
    background-image: url("images/menuitem.png");
    display: block;
    height: 87px;
    position: absolute;
    top: 0;
    z-index: -1;  
}

.tabList a .x, .tabList a .y
{
    background-image: url("images/menuitem2.png");
    display: block;
    height: 87px;
    position: absolute;
    top: 0;
    z-index: -1;  
}

.tabList a .t
{
    color: #1A1A1A;
    line-height: 29px;
    margin: 0 4px;
    padding: 0 9px;
    text-align: center;
}

.tabList li:hover > a .t
{
    color: #C9E3F8;
}

.tabList a:hover .t 
{
    color: #C9E3F8;
}

.tabList li:hover 
{
    white-space: normal;
    z-index: 10000;
}

.tabList li:hover a .l, .tabList li:hover a .r 
{
    top: -29px;
}

.tabList a.active .l, .tabList a.active .r
{
  top: -58px;
}

.tabList a.active .t
{
  color: #3D3D3D;
}

/*
 * Sub-Menus
 * CLH 5/2/2011
 */
 
.subList
{
    background: none repeat scroll 0 0 transparent;
    background-image: url("images/spacer.gif");
    margin: -10px 0 0 -30px;
    padding: 10px 30px 30px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10;   
}

.subList
{
    min-height: 0;
    border: 0 none;
    display: block;
    list-style-type: none;
}

.subList li
{
    clear: both;
    margin: 0;
    float:none;
}

.tabList li:hover > ul 
{
    top: 100%;
    visibility: visible;
}

.tabList ul a, .tabList ul a:link, .tabList ul a:visited, 
.tabList ul a:hover, .tabList ul a:active, .mpNavDIV ul.tabList ul span, 
.mpNavDIV ul.tabList ul span span 
{
    color: #0C3A5F;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 12px;
}

.tabList ul a {
    background-image: url("images/subitem.png");
    background-position: left top;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 0;
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 280px;
}

.tabList ul li:hover > a {
    background-position: 0 -20px;
    color: #E8F2F7;
}

/*
 * Master Page Content Layout
 * CLH 5/2/2011
 */  
 .content-layout
{
    border: medium none;
    display: table;
    padding: 0;
    width: 964px;
    background-color: #FCFCFC;
    border: medium none !important;
    border-collapse: collapse;
    padding: 0 !important;
    table-layout: fixed;    
}

/*
 * Footer Layout
 * CLH 5/2/2011
 */

.mpFooterDIV {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 964px;
    z-index: 0;
}

.mpFooterDIV, .inFooterDIV {
    color: #FFFFFF;
    text-align: center;
}

.inFooterDIV {
    height: 1%;
    padding: 8px;
    position: relative;
    z-index: 0;
    top: 0px;
    left: 0px;

}

.mpFooterDIV .bgFooterDIV {
    /*Background image violated ADA accessibility due to contrast issues, changed to comply with contrast JMM 6/1/17*/
    /*background-image: url("images/footer.png");*/
    background-color: black;
    background-repeat: no-repeat;
    bottom: 0;
    height: 300px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;

/*Allows corners to be rounded in virtually all browsers jmm*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.inFooterDIV a
{
    color: #6EB4ED;
    text-decoration: underline;  
}

.mpFooterDIV .FooterTextDIV, .mpFooterDIV .FooterTextDIV a, 
.mpFooterDIV .FooterTextDIV a:link, 
.mpFooterDIV .FooterTextDIV a:visited, 
.mpFooterDIV .FooterTextDIV a:hover {
    font-size: 11px;
}

/*
 * ASPX Page Content Layout Style
 * CLH 5/2/2011
 */
.postDIV
{
    margin: 10px;
    min-height: 15px;
    min-width: 15px;
    position: relative;
    z-index: 0;
}

.postDIVL 
{
    float: left;
    margin: 0 0 10px 10px;
    min-height: 15px;
    min-width: 15px;
    position: relative;
    width: 47.5%;
    z-index: 0;
}

.postDIVR 
{
    float: right;
    margin: 0 10px 10px 0;
    min-height: 15px;
    min-width: 15px;
    position: relative;
    width: 49.5%;
    z-index: 0;
}

.postDIVB
{
    float:left;
    width:98%;
    margin: 0 10px 10px 10px;
    min-height: 15px;
    min-width: 15px;
    position: relative;
    z-index: 0;
}  

.postBODY
 {
    padding: 11px;
    position: relative;
    z-index: 1;
}

.postHEADER {
    background-color: #B6D9F6;
    border-color: #C7C7C7;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}

.postHEADER h2
{
    color: #0E4571;
    font-size: 22px;
    margin: 0.2em 0;
    padding: 0;
}

.postContentHeader h3
{
    text-align:center;
    width:70%; 
    margin-top: 5px;
    margin-left: 125px;
}

.postDIVL h4,  .postDIVR h4
{
    font-size:10pt;
    text-align:left;
    width:100%; 
    margin-top: 5px;
    margin-left: 0;
    
}

.legalCONTENT
{
    border: 2px solid #D3D3D3;
    background-color: #FCFCFC;
}

.art-post-tr, .art-post-tl, .art-post-br, 
.art-post-bl, .art-post-tc, .art-post-bc, 
.art-post-cr, .art-post-cl 
{
    position: absolute;
    z-index: -1;
}

.art-post-tr, .art-post-tl, .art-post-br, 
.art-post-bl 
{
    background-image: url("images/post_s.png");
    height: 14px;
    width: 14px;
}

.art-post-tc, .art-post-bc 
{
    background-image: url('images/post_h.png');
    height: 14px;
    left: 7px;
    right: 7px;
}

.art-post-cr, .art-post-cl 
{
    background-image: url("images/post_v.png");
    bottom: 7px;
    top: 7px;
    width: 14px;
}

.art-post-tl 
{
    clip: rect(auto, 7px, 7px, auto);
    left: 0;
    top: 0;
}

.art-post-tr 
{
    clip: rect(auto, auto, 7px, 7px);
    right: 0;
    top: 0;
}

.art-post-bl 
{
    bottom: 0;
    clip: rect(7px, 7px, auto, auto);
    left: 0;
}

.art-post-br 
{
    bottom: 0;
    clip: rect(7px, auto, auto, 7px);
    right: 0;
}

.art-post-tc 
{
    clip: rect(auto, auto, 7px, auto);
    top: 0;
}

.art-post-bc 
{
    bottom: 0;
    clip: rect(7px, auto, auto, auto);
}

.art-post-cl 
{
    clip: rect(auto, 7px, auto, auto);
    left: 0;
}

.art-post-cr 
{
    clip: rect(auto, auto, auto, 7px);
    right: 0;
}

.art-post-cc 
{
    background-color: #E6EFF4;
    bottom: 7px;
    left: 7px;
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: -1;
}

/*
 * Button Style
 * CLH 5/2/2011
 */

.art-button-wrapper .art-button,
.art-button-wrapper:hover  .art-button
{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
    text-decoration: none !important;
    color: #000000 !important;
    width: auto;
    outline: none;
    border: none;
    background: none;
    line-height: 33px;
    height: 33px;
    margin: 0;
    padding: 0 21px !important;
    overflow: visible;
    cursor: default;
    z-index: 0;
}

.art-button-wrapper, 
.art-button-wrapper:hover
{
    display: inline-block;
    height: 33px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    z-index: 0;
}

.art-button-wrapper:hover .art-button , .art-button:hover 
{
    color: #000000 !important;
    text-decoration: none !important;
}



.art-button-wrapper .l, .art-button-wrapper .r,
.art-button-wrapper:hover .l, .art-button-wrapper:hover .r
{
    background-image: url('images/button.png');
    display: block;
    height: 99px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: -1;
}


.art-button-wrapper .l, 
.art-button-wrapper:hover .l
{
  left: 0;
  right: 10px;
}

.art-button-wrapper .r, 
.art-button-wrapper:hover .r
{
  width: 409px;
  right: 0;
  clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper:hover .l, .art-button-wrapper:hover .r 
{
    top: -33px;
}


/*Added for image formatting/styling
    JMM 5/31/2017
*/

.right
{
    float: right;
}

.left
{
    float:left;
}

.adoptionPhoto
{
    float: right;
    padding-left: 3em;
}

.middle 
{
    display: block;
    margin-left: auto;
    margin-right: auto
}