body
{
    font-size: 12px;
    font-family: Arial;
}
.block{
	display:block;
    clear:both;	
}
.page {
    margin-left: auto;
    margin-right: auto;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #FFFF00;
    color: #FF0000;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
    color: #336699;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
    text-align:left;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.paddedtable, .paddedtable td, .paddedtable th
{
    border: 0px none #e8eef4;
    padding:5px;
}

.noborder, .noborder td, .noborder th, .noborder1, .noborder1 td, .noborder1 th, .noborder2, .noborder2 td, .noborder2 th
{
    border: 0px none #e8eef4;
    margin:0px; 
    border-spacing:0px; 
}
.noborder3
{
    border: 0px none #e8eef4;
}

/* Default CSS Stylesheet for a new Web Application project */
.PaddedText
{
    padding-top:5px;
    padding-bottom:5px;
}
.HeaderText
{
    font-size: 14px;
    color: #03005b;
   font-weight:bold;  
}
.SmallHeaderText
{
    font-size: 13px;
    color: #03005b;
   font-weight:bold;  
}
.NormalBlue
{
    color: #003366;
    font-weight:bold;  
}
#FAQList li
{
    line-height:20px; 
    }
#line
{
    color: #03005b;
}
.HintText
{
    color: #C0C0C0;
    font-size: 10px;
}
.DisclaimerBox
{
    color: #FF0000;
    width: 400px;
}
.Danger, .danger
{
	color:Red;

}
.OldText
{
	color:Gray;
	font-size:small;   
}
.RetiredTextBorder
{
	color: brown;
	font-weight:bold;  
	text-indent: 3px;
	line-height: 30px;
	border-bottom: #1C4E69 1px solid;
}  
.RetiredTextNoBorder
{
	color: brown;
	font-weight:bold;  
	text-indent: 3px;
	line-height: 30px
}  
.BigText
{
	font-weight: bold;
	font-size: 13px;
	color:Black;
}
.ParcelText
{
    font-size: 12px;
    color: #000000;
}
.BigDanger
{
	font-weight: bold;
	font-size: 14px;
	color: red;
}
.NormalText
{
	color: black;
	font-size:12px;
	font-weight:normal;  
}
.BigHeaderText
{
    font-weight: bold;
    font-size: 15px;
    color: #006699;
}
.BigHeaderBlueText
{
	font-weight: bold;
	font-size: 15px;
	color: Blue;
}
.AllBorderBigText
{
	border-right: #1C4E69 3px solid;
	border-top: #1C4E69 3px solid;
	font-weight: bold;
	border-left: #1C4E69 3px solid;
	color: black;
	border-bottom: #1C4E69 3px solid;
	text-align: left;
}
.AllBorderNormalText
{
    BORDER-TOP: solid 1px #1C4E69;
    border-bottom: solid 1px #1C4E69;
    BORDER-RIGHT: solid 2px #1C4E69;
    border-left: solid 2px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
}
.TBBorder
{
    BORDER-TOP: solid 1px #1C4E69;
    border-bottom: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
}
.LTBorder
{
    BORDER-Top: solid 1px #1C4E69;
    border-left: solid 1px #1C4E69;
    TEXT-ALIGN:right ;
	color: black;
}
.ContainerBgColor
{
  background-color:#CED7E3; 
}
.LBTBorderbg
{
    BORDER-Top: solid 1px #1C4E69;
    border-left: solid 1px #1C4E69;
    border-bottom: solid 1px #1C4E69;
    TEXT-ALIGN:right ;
	background-color:#CED7E3; 
	color: black;
}

.LRBorder
{
    BORDER-RIGHT: solid 2px #1C4E69;
    border-left: solid 2px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
}
.TopBorder
{
    BORDER-TOP: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
    text-indent: 3px;
}
.TopBorderNoIndent
{
    border-top: solid 1px #1C4E69;
    background-color:#CED7E3; 	
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	color: red;
    
}

.BotBorderNormalText
{
    BORDER-BOTTOM: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
}
.BotBorderBigText
{
	font-weight: bold;
	color: black;
	text-indent: 3px;
	line-height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1C4E69 ;	
}
.BotBorderSmallText
{
    BORDER-BOTTOM: solid 1px #1C4E69;
	color: black;
}
.BotBorderSmallTextRAlign
{
    BORDER-BOTTOM: solid 1px #1C4E69;
	color: black;
	text-align:right;  
}
.BotBorderHeaderText
{
	font-weight: bold;
	color:midnightblue;
	text-indent: 3px;
	line-height: 30px;
	border-bottom: #1C4E69 1px solid;
}
.BottomBorderbg
{
    border-bottom : solid 1px #1C4E69;
    TEXT-ALIGN: left;
    FONT-SIZE: 10pt;
    COLOR:Black;
    background-color:#CED7E3; 	
}

.LBBorderBigText
{
	border-left: solid 1px #1C4E69;
    BORDER-BOTTOM: solid 1px #1C4E69;
	text-indent: 3px;
	line-height: 30px;
	color: black;
	font-weight: bold;
}

.LBBorderBigTextRAlign
{
	border-left: solid 1px #1C4E69;
    BORDER-BOTTOM: solid 1px #1C4E69;
    text-align:right;  
	text-indent: 3px;
	line-height: 30px;
	color: black;
	font-weight: bold;
}

.LBBorderSmallText
{
	border-left: solid 1px #1C4E69;
    BORDER-BOTTOM: solid 1px #1C4E69;
	color: black;
}
.RightBorder
{
    BORDER-RIGHT: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
}
.RBTBorderbg
{
    border-right: solid 1px #1C4E69;
    border-top: solid 1px #1C4E69;
    border-bottom: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	color: black;
    background-color:#CED7E3; 	
}
.LeftBorderIndent
{
    border-left: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	text-indent: 3px;
	color: black;
	background-color:#CED7E3; 
}
.LeftBorderIndentRAlign
{
    border-left: solid 1px #1C4E69;
    TEXT-ALIGN:right;
	text-indent: 3px;
	color: black;
	background-color:#CED7E3; 
}
.LeftBorderNoIndent
{
    border-left: solid 1px #1C4E69;
    TEXT-ALIGN: left;
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
    white-space:nowrap;
}
.LeftBorderNoIndentRAlign
{
    border-left: solid 1px #1C4E69;
    TEXT-ALIGN:right;
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
}
.LeftBorderRegular
{
    border-left: solid 1px #1C4E69;
	color: black;
    background-color:#CED7E3; 	
}
.LeftBorderBigText
{
    border-left: solid 1px #1C4E69;
	color: black;
	line-height: 30px;
	font-weight:bold bold; 
    background-color:#CED7E3; 	
}

.RowSpace
{
	border-left: solid 1px #1C4E69;
	color: black;
	FONT-SIZE: 5pt
}
.Space
{
	color: black;
	FONT-SIZE: 5pt
}
.TaxBillContainer
{
    border:0px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    min-width:650px;
}

.TaxBillContainer tr td, .TaxBillContainer tr th 
{
    border:1px solid #1C4E69;
    background-color:#CED7E3; 	
    padding:5px;
}
.CartContainer
{
    border:0px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    min-width:700px;
}

.CartContainer tr td, .CartContainer tr th 
{
    border:1px solid #1C4E69;
    background-color:#CED7E3; 	
    padding:8px;
}
.CartContainer tr th
{
    font-weight:bold;
}

.CartContainerNoBorder 
{
    border:0px !important;
}
.CartContainerLeftBorder 
{
    border-right:0px !important;
    border-top:0px !important;
    border-bottom:0px !important;
    border-left:1px solid #1C4E69;
}
.CartContainerLeftBottomBorder
{
    border-right:0px !important;
    border-top:0px !important;
    border-bottom:1px solid #1C4E69;
    border-left:1px solid #1C4E69;
}
.CartContainerBottomBorder
{
    border-right:0px !important;
    border-top:0px !important;
    border-bottom:1px solid #1C4E69;
    border-left:0px !important;
}
.CartContainerBottomRightBorder
{
    border-right:1px solid #1C4E69;
    border-top:0px !important;
    border-bottom:1px solid #1C4E69;
    border-left:0px !important;
}
.CartContainerRightBorder
{
    border-right:1px solid #1C4E69;
    border-top:0px !important;
    border-bottom:0px !important;
    border-left:0px !important;
}

.SelectForPaymentCell
{
    border:0px solid #1C4E69 !important;
    background-color:#F5EFE7 !important; 	
    width:150px;
    min-width:150px;
}
.selectforpayment
{
    border: 1px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 5px 3px 25px;
    background-image: url(images/icons/trolley.png);
    background-color: #3D453D;
    font-size:.9em;
    color: #FFFFFF;
    font-style: italic;
    background-repeat: no-repeat;
    background-position: 5px;
}
.TaxBillHeader
{
    font-weight:bold;
    white-space:nowrap;
}

.RemoveLink
{
	color: steelblue;
	text-decoration:underline;
}
A.RemoveLink:link
{
	color: steelblue;
	text-decoration:underline;
}
A.RemoveLink:hover
{
	color: midnightblue;
	text-decoration:underline;
}
		
A.RemoveLink:active	{	
	color: steelblue;
	}	
.HeaderBackGround
{
	background-color: steelblue;
}
.Separator
{
    color: red;
    font-weight:    bold;
}
.DisclaimerHeader
{
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	color: red;
}
.InfoText
{
    FONT-SIZE: 10pt;
    COLOR:Black;
}
.SmallerHeader
{
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}	
.BigItalicText
{
    font-weight: bold;
    color: #000000;
    font-style: italic;
}
.BigText
{
    font-weight: bold;
    color: #000000;
}
.TBorderIndentRAlign
{
    border-top: solid 1px #1C4E69 !important;
    TEXT-ALIGN:right;
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
}
.TopBorderIndent
{
    border-top: solid 1px #1C4E69;
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
}
.NoBorderIndentRAlign
{
    TEXT-ALIGN:right;
	text-indent: 3px;
	color: black;
	background-color:#CED7E3; 	
}
.NoBorderIndent
{
	text-indent: 3px;
	color: black;
	background-color:#CED7E3; 	
}
.SmallNormalText
{
	font-size: 12px;
	color: black;
}
.NoBorderRowSpace
{
	color: black;
	font-size: 3pt !important;
}
.LBorderRowSpace
{
    border-left: solid 1px #1C4E69;	
	color: black;
	FONT-SIZE: 3pt
}
.UnderlineBigTextRAlign
{
    TEXT-ALIGN:right;
    font-weight: bold;
	font-size: 12px;
	color:Gray;
    text-indent: 3px;
}
.BotBorderBigTextDetails
{
	font-weight: bold;
	color: #663333;
	text-indent: 3px;
	line-height: 30px;
	background-color:transparent;
	border-bottom: #1C4E69 1px solid !important;
}
.UnderlineBigText
{
	font-weight: bold;
	color:gray;
    text-indent: 3px;
}
.NoBorderSmallText
{
    font-size: 10px;
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
}
.BigTextNoBorderIndent
{
    font-weight:bold ; 
	text-indent: 3px;
	color: black;
    background-color:#CED7E3; 	
}
.TotalNoBorderIndent
{
    font-weight:bold ; 
	text-indent: 3px;
	color:brown; 
    background-color:#CED7E3; 	
}
.TotalTBorderIndentRAlign
{
    border-top: solid 1px #1C4E69;
    TEXT-ALIGN:right;
	text-indent: 3px;
	color:brown; 
	font-weight:bold ; 
    background-color:#CED7E3; 	
}
.MidHeaderText
{
	font-weight: bold;
	font-size: 14px;
	color:Black;
}
.RowColor1
{
	    BACKGROUND-COLOR: white;
}
.RowColor2
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: lightgrey
}
HR
{
	color: black;
	border-top-style: solid;
	border-bottom-style:none; 
    background-color:Black ; 	 
	height:.7pt; 
}
.NormalTextRAlign
{
    TEXT-ALIGN: right;
	color: black;
}
.BigTextRAlign
{
    TEXT-ALIGN: right;
    background-color:Gray ; 
	font-weight:bold;  
	color: black;
}
.NormalTextCAlign
{
    TEXT-ALIGN:center ;
	color: black;
}
.ViewCartLink
{
	font-weight: bold;
	font-size: 12px;
	color: aquamarine;
	background-color: steelblue;
}
A.ViewCartLink:link, visited, active
{
	font-weight: bold;
	font-size: 12px;
	color: aquamarine;
}
A.ViewCartLink:hover
{
	font-weight: bold;
	font-size: 12px;
	color: paleturquoise;
}
.infobg
{
	background-color: #EEEEEE
}
.commbg 
{
	background-color: #dddddd
}
.FieldName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
}
.QustionLinks
{
	color: black;
}
A.QustionLinks:link, visited, active
{
	color: black;
}
A.QustionLinks:hover
{
	color:steelblue ;
}
.SmallText
{
	font-size: 8.0pt;
	color:blue ;
}
.LinkDefaulted
{
    color: steelblue;
	font-size:13px;
	text-decoration:underline;
	text-align:right;
}
.TinyText
{
	font-size:6px; 
}
.smallbluetext
{
	font-size:.9em; 
	color:Navy;
}
.SmallSpace
{
	font-size:1px; 
}
.DisabledButton
{
    background-color:#C0C0C0;
    color:#E0EAF1;
    border-top: 1px solid #1C4E69;
    border-left: 1px solid #1C4E69;
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #3E6D8E;
    padding: 4px 4px 4px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    white-space: nowrap;
    font-weight: bold;
    border-color: #B9DCFF #7F9FB6 #3E6D8E #B9DCFF;
}
.Buttonhover
{
    background-color: #778877;
    color: #FFFFFF;
    cursor:pointer;  
    cursor:hand;
    border-top: 1px solid #1C4E69;
    border-left: 1px solid #1C4E69;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    padding: 4px 4px 4px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    white-space: nowrap;
    font-weight: bold;
    border-color: #B9DCFF #7F9FB6 #3E6D8E #B9DCFF;

    /*color: #000080;*/
}

.CartStyle
{
	border-right: #999999 1px outset;
	padding-right: 0px;
	border-top: #999999 1px outset;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 1px 0px 0px 4px;
	background-image: url(Images/ButtonBg.gif);
	border-left: #999999 1px outset;
	cursor: hand;
	color: steelblue;
	padding-top: 1px;
	border-bottom: #999999 1px outset;
	text-align: center;
}
.SmallSpace
{
	font-size:1px; 
}
.Link
{
    color: steelblue;
	cursor: hand;
	font-size:13px;
	text-decoration:underline;
	text-align:center; 
}
.WhiteLink
{
    color:White;
	cursor: hand;
	font-size:13px;
	text-decoration:underline;
	text-align:center; 
}
.CloseButtonStyle
{
	border-right: #999999 1px outset;
	padding-right: 0px;
	border-top: #999999 1px outset;
	padding-left: 0px;
	font-weight: bold;
	background-image: url(Images/CloseButtonbg.gif);
	padding-bottom: 2px;
	margin: 1px 0px 0px 4px;
	border-left: #999999 1px outset;
	cursor: hand;
	color: steelblue;
	padding-top: 1px;
	border-bottom: #999999 1px outset;
	text-align: right;
}
.back
{
    background:transparent url(../Images/back.png) scroll no-repeat left center;
    padding: 2px 0px 2px 20px;
}

.submenu, .submenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
.submenu a
{
    text-decoration: none;
}
.submenu > li
{
    margin-left: 5px;
}
.submenu > li:first
{
    margin-left:0px!important;
    }
.submenu > li > a
{
    width: 100%;
    text-decoration: none;
    font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    padding: 10px 6px 0px 10px;
    line-height: 29px;
    font-size:14px !important;
}
.submenu > li > a:hover
{
   background:#3D453D; 
    padding-bottom: 8px;
    padding-top: 4px;
}
#submenuselected
{
     border-top-style: solid;
    border-top-color: #778877;
    border-top-width: 2px;
    color: #FFFFFF;
   background:#3D453D; 
}

.submenu li
{
    float: left;
    position: relative;
}

.submenu ul
{
    border-left: 4px solid #358EBC;
    position: absolute;
    display: none;
    width: 380px;
    top: 2.5em; 
    line-height: 30px;
    background-color: #C8E6F1;
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
}

.submenu li ul a
{
    font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
    cursor: pointer;
    float: left;
    width: 360px;
    color: #444444;
    padding: 0 10px 0px;
    font-size: 12px !important;
    font-weight: bold;
}
.submenu li ul a:hover
{
    background-color: #1C4E69 !important;
    color: #C8E6F1 !important;
    
}
.submenuborder
{
    border-bottom-style: solid;
    border-bottom-color: #3D453D;
    border-bottom-width: 4px;
}


.convenienceFeeScheduleTable, .convenienceFeeScheduleTable td, .convenienceFeeScheduleTable th
{
    border-collapse:collapse; 
    border: 1px solid #808080;
    padding:5px;
}
.printbutton
{
    border: 1px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 30px;
    background-color:#1C4E69;
    color:#fff;
    background-image: url(images/printer.png);
    background-repeat:no-repeat;
    background-position:5px;
    text-decoration: none;
}
.backbutton
{
    display: inline-block;
    text-decoration: none;
    border: 1px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 30px;
    background-color:#1C4E69;
    color:#fff;
    background-image: url(images/back.png);
    background-repeat:no-repeat;
    background-position:5px;
}
.TTCButton
{
    display: inline-block;
    text-decoration: none;
    border: 1px solid #1C4E69;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
    background-color:#1C4E69;
    color:#fff;
    
/*    background-color:#FFFBFF; 
    border-color:#CCCCCC;
    cursor:hand;
    cursor:pointer;
    font-size:13px;
    font-weight:bold;
    color:#1C4E69*/
}
.TaxBillDetailTable
{
    border: 2px solid #1C4E69 !important;  
}
.TableBG
{
    background-color:#CED7E3; 	
}
.disabled
{
   color:#C0C0C0;
   font-size:.9em;
   margin-top:12px;
   display:block;
}


/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block !important;
    font-weight: 600 !important;
}

.headerbg
{
    background: url("SCCInternet/images/countybanner_mobile.jpg") 3% 5% no-repeat;
    min-width:100%;
}
.subheader
{
    font-family: Times New Roman;
    font-style:italic;
    font-weight:normal;
    font-size: 15px;
    float: right;
    padding-top: 35px;
    padding-right: 5px;
    padding-bottom: 3px;
    color:#fff;
}

.header
{
    background: url("SCCInternet/images/countybanner_mobile.jpg") 3% 5% no-repeat;
    background-color:#1C4E69;
    font-family: Times New Roman;
    font-style:italic;
    font-weight:bold !important;
    font-size: 15px;
    float: left;
    font-weight: normal;
    padding-top: 35px;
    padding-left: 235px;
    padding-bottom: 5px;
    width:100%;
    min-width:280px;
    text-align:left;
    color:#fff;
}
.smallbutton {
   font-size: .5em !important;
   margin-left: 0px !important;
   margin-right: 0px !important;
}
.ui-btn-inner
{
    padding: .55em 3px .5em 3px !important;
}

.nav-custom .ui-btn .ui-btn-inner { padding-top: 32px !important; }
.nav-custom .ui-btn .ui-icon { width: 30px!important; height: 26px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
#home .ui-icon { background:  url(Images/house.png) 50% 50% no-repeat; background-size: 24px 24px; }
#apple .ui-icon { background:  url(Images/apple_icon.png) 50% 50% no-repeat; background-size: 24px 24px; }
#android .ui-icon { background:  url(Images/android_icon.png) 50% 50% no-repeat; background-size: 24px 24px; }
#home.ui-btn-active { background:#BBB !important; }
#apple.ui-btn-active { background:#BBB !important; }
#android.ui-btn-active { background:#BBB !important; }

@media only screen and (min-width: 448px)
{
    .paddedtop
    {
        padding-top:5px !important;
        padding-bottom:5px !important;
    }
}


img{
    margin: 0 auto;
}
        
p{
    text-align: center;
    color: #660000;
}
        
.tips{
    padding-bottom: 50px;
}
        
h1{
    text-align: center;
    padding-bottom: 15px;
}
.space
{
    font-size:4px;
}
.googleplay
{
      display: table-cell;
	  vertical-align:middle;
      padding:5px;
      text-align:center
}
.appstore
{
      display: table-cell;
	  vertical-align:middle;
      padding:5px;
      text-align:center
}