﻿/*Customize these two settings to change the header and footer color
----------------------------------------------------------*/
#header {
    background-color: #153a62; /*change THIS color that coincides with the County*/
    color: #333;
    height: 112px;
    text-align: center;
    width: 100%;
    background-position: left;
}
#footer
{   color: #444;
    }
#home
{
    background: url(/Content/Images/Counties/Duval/ClerkLogoWhiteonTransparentLarge.png) no-repeat;/*this is the content path where the logo is */
height: 112px;
width: 100%;
}

/*----------------------------------------------------------*/
body
{
    background: transparent no-repeat;
    color: #696969; /*color of text in main body*/
    
}

img 
{
    vertical-align: middle;
    }

/*Anchors-Links
-----------------------------------------------------*/

a:link
{
    color: #19314b;
}
a:visited
{
    color:  #19314b;
}
a:hover
{
    color: #19314b;
}
a:active
{
    color: #19314b;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #19314b;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#header
{
    padding: 0px !important;
}

#header h1
{
    color: #fff;
    padding: 0 !important;
}

#main
{

    border-color:#EB9F26; /*border cclor around the main body*/

}

#gridMain
{
     border-color: #EB9F26;
    }

#footer a
{
    color: #bbbbbb;
    }

H1 A
{

}

.releaseInfo
{
    background-color: #19314b;
    color: White;
    -moz-border-radius: 5px; /* css3 rounded corners */
    border-radius: 5px; /* this would take effect in ie9 in the meantime all others will just be rectangle */
    border-left: 1px solid #19314b;
    border-right: 1px solid #19314b;
    border-bottom: 1px solid #19314b;
    font-size: x-small;
    padding: 3px;
    }

/* TAB MENU---------------------------------------------------------- */

#menucontainer
{
    color: #EB9F26;
    background: transparent; /*bottom graybar of the nav menu. default #cccccc*/
}

ul#menu
{
   
}

ul#menu li a:hover
{
    color: #fff;
    background-color: transparent;
}
ul#menu li a.current
{
    color: #fff;
    height: 50px;
}

/* ---------------------- END menu nav ---------------------- */

/* ---------------------- MISC -------------------------------*/

#logindisplay
{
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
}
/* ---------------------- Search Pages -------------------------------*/
.paper
{
    color: #000000;
    background-color: #FFFFFF;
}

.ItemTitle
{
    color: #19314B;
    border-bottom: thin solid #19314B;

}

.detailsShowButton 
{
    color: #fff;
    }
    
.detailsShowButton a
{
    color: #fff;
    }
.detailsShowButton a:active
{
    color: #fff !important;
    }
/* ========= FOOTER for containers ========= */
.boxFooterLine
{

    border-top: solid 1px #ccc;

}
.boxGridFooterLine
{
    border-top: solid 1px #ccc;
}
.boxFooterError
{
    color: Red;
}


/* Ledesma 06/07/11: adding to create consistent version of container using 'bluebar2' header*/
.bluebox
{
    border: solid 1px #CCC;
    background-color: #fff;
}

.bluebox .bbtitle
{
    background-color: #CCC;
    border-bottom: 1px solid #CCC;
    color: #000;
}

.bluebox .bbtitle a
{
    color: #fff;
    font-weight: bold;
}

.bluebox .divButtons
{
    border-top: solid 1px #ccc;
}
/* ========= END BlueBox */

/* ========= GrayBox modifier for BlueBox container*/
.bluebox .bbtitle.graytitle
{
    background-image: url(../images/scrollBgRpt_28.gif);
    color: #000;
}
.bluebox .bbtitle.graytitle a
{
    color: #000;
}
.bluebox .graytitle .dt_ToolMenuLabel
{
    border: solid 1px #000;
}
/* ========= END GrayBox ==========*/
/*==========Input highlight Field=========*/
.required
{
    border: 1px solid #7f9db9;
    font-size: 13px;
    background-color: #9FC5F8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.required:focus
{
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}
/*==========END Input highlight Field=========*/

fieldset
{
    -moz-border-radius: 5px; /* css3 rounded corners */
    border-radius: 5px; /* this would take effect in ie9 in the meantime all others will just be rectangle */
}
fieldset legend
{
    color: #0046d5;
}

.AddToCartDivStyle
{
    color: Red;
}
#BookTypeDiv
{
	-moz-border-radius: 5px;  /* css3 rounded corners */
    border-radius: 5px; /* this would take effect in ie9 in the meantime all others will just be rectangle */
    border: 1px solid #ccc;
    background-color: #dae3ea; 
}

.BookTypeListDiv
{
	border: 1px solid #ccc;

}

#DocTypeDiv
{
	-moz-border-radius: 5px;  /* css3 rounded corners */
    border-radius: 5px; /* this would take effect in ie9 in the meantime all others will just be rectangle */
    border: 1px solid #ccc;
    background-color: #dae3ea;
}

.DocTypeListDivStyle
{
	border: 1px solid #ccc;
}

#helpTip a:hover span  
{
    background-color: #fff !important; 
    color: #696969;
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    }

/*----Online Orders------*/

.AmountTotalStyle
{
    color: #3E6AA9;
}

.CartUpdateTDStyle
{
    color: #426291;
}

.CartColumn
{
    border: solid 1px white;
}

.CartTableStyle td
{
    border-bottom: thin solid #8CA1B3;
}

.CartTableStyle th
{

}

.CartHeaderStyle
{
    border: 1px solid #C9C9C9;
}

.CartInstructionTitleStyle
{
    color: #426291;
}

.cartholder
{
    border: thin solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.cartholder2
{
    border: thin solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.cartRowEven
{
    border: thin solid grey;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #aeaeae;
    color: White;
}

#QuickSearchAndAddToCart
{
    border: thin solid #7F9DB9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#QuickSearchAddToCartInside
{
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.CartItemMessageStyle
{
    color: Red;
}

.CartItemTextBox
{
    color: white;
}

.CartItemTextBoxAlt
{
    color: #426291;

}

.CheckOutDivStyle
{
    border-top: thin solid #CCC;
}

.CheckOutImgStyle
{
    border: none;
}

.CheckOutInfoStyle
{
    background: transparent;
    border: none;
}

.CheckOutLabelStyle
{
    color: #3A3A3A;
}

.GridRowStyle
{
    background-color: #9AB2CB;
}

.GridHeaderStyle
{
    background-color: White;
}

.InputTextBoxStyle
{
    color: #3E6AA9;
}

.MiscButtonStyle
{
    color: #3E6AA9;
    background-color: #9AC4DA;
}

.PaymentPageResultDivStyle
{
    border: thin solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.PaymentPageResultDivStyle h2{
    border-bottom: thin solid #CCC;
}

.PaymentPageResultDivStyle a:hover 
{
    color:  #0e5990;
    }

.RefNumTableStyle
{
    color: #3A3A3A;
}


.SelectCopyPopupStyle
{
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: White;
}

.SelectCopyPopupStyle h2
{
    border-bottom: thin solid #8CA1B3;
}


.PopupCloseTextStyle a:Hover
{

    color: Red !important;
}


.SelectNumCopiesColStyle
{
    border-bottom: 1pt solid grey;
}

.SelectNumCopiesTextStyle
{
    color: #425291;
    padding-left: 2pt;
    width: 50pt;
}

.SelectCopyHeader
{
    background: #456797 url('/Content/Images/blue_nav_bar.png') repeat-x;
    color: #fff;
}

.SelectPgNumColStyle
{
    border-bottom: 1pt solid grey;
}

.SelectCopiesColStyle
{
    border: 1pt solid black;
}

.SaveCartChangeStyle
{
    background: red;
    border: solid 1px white;
    color: White;
}

.SummaryTableStyle
{
    border: 1px solid gray;
}

.SummaryTableHeaderStyle
{
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background-repeat: repeat-x;
    background-image: url(../Images/grey_gradient.png);
}

.SummaryTableHeaderAmtStyle
{
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    background-repeat: repeat-x;
    background-image: url(../Images/grey_gradient.png);
}

.SummaryTableRow
{
    color: #696969;
}

.SummaryTableRowAlt
{
    color: White;
}

.SummaryTableRowTotal
{
    color: #696969;
}

.SummaryTableDescStyle
{
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.SummaryTableAmtStyle
{
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.SummaryTableTotalDescStyle
{
    border-right: 1px solid white;
}

.SummaryTableTotalAmtStyle
{
    border-left: 1px solid gray;
}

#tooltip1 a span
{
    color: #FFFFFF;
}

#tooltip1 a:hover span
{

    background-color: #fff;
    color: #696969;
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/*doc details*/
.docControls
{
    background-color: #19314b;
}

 .ddtable { width:100%; height:100%; border:none; }
 
  /*Sub Menu Classes*/
 .boxCaseNumber
{
    background-image: none !important;
    }
.boxCaseNumber:hover
{
    background: url(/Content/Images/subMenu_bg_hover.jpg) repeat-x top !important;
    }
#boxHolder .boxCaseNumber:hover
{
    background-image:none !important;
    background-color:White !important;
    }
 .marriage
 {
     display: none !important;
     }
 .vital
 {
     display: none !important;
     }
 .filing
 {
     display: none !important;
     }
 .fbn
 {
     display: none !important;
     }

 .entityTypeFilterDisplay {
    display: none !important;
}
