/* -----------------------------------------
	Table of Contents
--------------------------------------------
.. A. Icon font declaration
.. 1. Custom defaults
.. 2. Header
.. 3. Page specific styles
.. 4. Footer
.. 5. Forms/Fieldset
.. 6. Buttons
.. 7. Tables
.. 8. Progression/Stepwise bars
.. 9. Info icon/tooltip
*/

/* -----------------------------------------
	A. Icon font declaration
------------------------------------------*/
@font-face {
	font-family: 'iconFont';
	src:url('images/iconFont/icomoon.eot');
	src:url('images/iconFont/icomoon.eot?#iefix') format('embedded-opentype'),
		url('images/iconFont/icomoon.woff') format('woff'),
		url('images/iconFont/icomoon.ttf') format('truetype'),
		url('images/iconFont/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal; 
}

a.iconFont { font: normal 45px iconFont; text-decoration: none; }
a.iconFont_small { font: normal 22px iconFont; }
a.iconFont:hover, a.iconFont:focus, a.iconFont:active { text-decoration: none; }
a.iconFont_small:hover, a.iconFont_small:focus, a.iconFont_small:active { text-decoration: none; }
span.iconFont { font: normal 45px iconFont; text-decoration: none; cursor: help; }
span.iconFont.small { font: normal 22px iconFont; color: #6D207C; }
span.iconFont:hover, a.iconFont:focus, a.iconFont:active { text-decoration: none; color: #4A1455; }
i {
    font: normal 16px iconFont;
    text-decoration: none;    
    margin-right:5px;
}
    i.cross:after{                
        content:'\ea0f';
        color:#CC1837;
    }
    i.calendar:after{                
        content:'\e953';
        color:#0045AD;
    }
    i.check:after{                
        content:'\ea10';
        color:#54B948;
    }
    i.renew:after {
        content: '\e604';
        color:#0045AD;
    }
/* -----------------------------------------
	1. Custom Defaults
------------------------------------------*/
 /* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */

html { overflow-y: scroll; }
html, body { margin: 0; font-size: 12px; font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #404040; }

fieldset, label, select, hr,
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}

table { border-collapse: collapse; }

img { border: none; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; clear: both; }

h1, h2 { font-size: 22px; color: #0046AD; }
h1 span, h2 span { font-size: 22px; }

h2 + p { margin: -15px 0 20px; }

h3 { font-size: 18px; color: #000000; margin: 0 0 20px; }
h2 + h3 { margin: -20px 0 30px; }

span h3 { display: inline; margin: 0; }
h3 span { font-size: 18px; }

h4 { font-size:16px; margin: 0 0 10px; color: #404040; }

h5 { font-weight: bold; color: #404040; font-size: 12px; margin: 0 0 10px; }

p { font-size: 12px; margin: 0 0 30px; }
p.legalese { font-size: 10px; margin: 0 0 20px; }
span { font-size: 12px; }

td { padding: 0; }

a {font-size: 12px; }
a:link, a:visited { color: #6D207C; text-decoration: none; }
a:hover, a:active, a:focus { color: #4A1455; text-decoration: underline; outline: none; }

tr.taxcontainer__table__line_threshold  {
    color: #0046AD;
}

a[disabled="disabled"] { color: #404040 !important; }
a[disabled="disabled"]:hover { color: #404040 !important; }

p.legalese { font-size: 10px; }

hr { height: 1px; background: #B4B4B4; margin: 0 0 20px; border: none; }
span + hr { margin: 0; }

fieldset { border: none; }

label { display: block; color: #404040; }

ul, ol { margin: 0 0 30px; }
ol ul { margin: 0 0 0; }
ul li { font-size: 12px; list-style-type: square;}
    ul.no-bullet {
        padding-left:0;
        margin-left:0;
    }
        ul.no-bullet li {
            padding-left: 0;
            margin-left: 0;
            list-style-type: none;
            content: none;
        }

img { border: none; }

.floatRight { float: right; }
.floatLeft { float: Left; }
.bold { font-weight: bold; }

/* -----------------------------------------
	2. Header
------------------------------------------*/
.userLoggedIn { background: #000000; height: 40px; color: #FFFFFF; margin: 10px 0 0; padding: 0 20px; }
.userLoggedIn a { color: #FFFFFF; }
.userLoggedIn span { font-weight: bold; }
.userLoggedIn table td:first-child { padding: 0 0 0 20px; }
.userLoggedIn table td:last-child { padding: 0 20px 0 0; }
.userLoggedIn input[type="image"] { margin: 0; }

.banner { border-bottom: 1px solid #B4B4B4; }
.banner img { padding: 20px 0 15px; }
.banner .tagline { position: relative; float: right; top: 46px; }


/* -----------------------------------------
	3. Page specific styles
------------------------------------------*/
/* Sign In Page---------*/
.signInMain *, .signInMain *:before, .signInMain *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.signInMain { width: 1080px; font-size: 12px; color: #FFF; margin: -30px 0 0; }

.signInMain p { color: #FFFFFF; font-size: 12px; }

label[for=UN], label[for=PW] { opacity: 0; }

.signInMain label { color: #FFFFFF; }
.signInMain input[type=checkbox] + label { margin: 0 0 15px; }

.signInMain a { display: block; margin: 0 0 15px; }
.signInMain a:link, .signInMain a:visited { color: #FFFFFF; }
.signInMaing a:hover, .signInMain a:focus, .signInMain a:active { color: #FFFFFF; }

.signInContent { background: url(/images/loginMainBG.png); height: 400px; padding: 60px 65px 0 85px; }

.signInPromo { float: left; width: 570px; padding: 0 82px 0 0;}

.signInPromo p { font-size: 22px; float: left; margin: 0 0 40px; }

.signInPromo p span { font-size: 18px; }

.signIn { }

.signUpInfo { background: url(/images/loginInfoBG.jpg); min-height: 300px; text-align: center; padding: 50px 90px 0;}
.signUpInfo p { font-size: 18px; margin: 0 0 30px; padding: 0 12px; letter-spacing: -0.5px; }
.signUpBusiness p { margin: 0 0 54px; }

.signUpBusiness { width: 320px; float: left; }
.signUpPreparer { width: 320px; float: right; }

.loginLinks {
    font-size: 11pt;
    font-family: verdana;
}

.signIn input[type="text"], .signIn input[type="password"] {
	width: 280px;
	height: 60px;
	background: none;
	font-size: 15px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: -15px 0 15px;
	border: 3px solid #FFFFFF;
	border-radius: 3px;
	padding: 0 20px;
}

.signIn input[type="text"]:focus, .signIn input[type="password"]:focus { border: 3px solid #FFFFFF; }

.signIn input[type="text"]::-moz-placeholder,
.signIn input[type="password"]::-moz-placeholder { opacity: 1; color: #FFFFFF; font-weight: normal; }

.signIn input[type="text"]::-webkit-input-placeholder,
.signIn input[type="password"]::-webkit-input-placeholder { opacity: 1; color: #FFFFFF; font-weight: normal; }

.signIn input[type="text"]:-ms-input-placeholder,
.signIn input[type="password"]:-ms-input-placeholder { opacity: 1; color: #FFFFFF; font-weight: normal; }

.signIn input[type="radio"]:checked + label, .signIn input[type="checkbox"]:checked + label,
.signIn input[type="radio"]:focus + label, .signIn input[type="checkbox"]:focus + label{color: #FFF;}

.signIn input[type="radio"] + label:before,
.signIn input[type="checkbox"] + label:before {
    font-size: 33px;
    border: none;
    margin:0 11px 0 0;
    line-height: 32px;
}

.signIn input[type="checkbox"]:checked + label:before,
.signIn input[type="radio"]:checked + label:before { border: none; }

.signIn input[type="radio"]:hover + label:before,
.signIn input[type="checkbox"]:hover + label:before,
.signIn input[type="radio"]:focus+ label:before,
.signIn input[type="checkbox"]:focus + label:before { /*border: 2px solid  #0046ad;*/ font-size: 33px; line-height: 32px; }

#dvError {
    background: #FFF;
    border: solid 1px #CC1837;
    color: #CC1837;
    font-weight: bolder;
    width: 460px;
    position: relative;
    top: -280px;
    left: 85px;
    padding: 20px 20px 0;
}

.container {
    width: 1000px;    
    padding: 0;
}
    .container h3 {
        margin-top: 35px;
    }

/* Taxpayer Home Page(notices.aspx)--------------------*/
.divcolumn {
    display: inline-block;
    width: 25%;
    height: auto;
}
.divcolumn:last-child { width: 20%; float: right; }

.divcolumn a { font-size: 14px; }

.divcolumn a.iconFont { font: normal 45px iconFont; }
.divcolumn a.iconFont:hover, .divcolumn a.iconFont:focus, .divcolumn a.iconFont:active { text-decoration: none; }

.divcolumn > table { margin: -10px 0 0; }

.icon { text-align: center;}
.iconLabel { padding: 0 0 0 20px; }

.divcolumn tr { height: 63px; }

/* Sign up process--------------------*/
h1.signUp { font-size: 26px; color: #000000; }
ol#rbtnQuestions { margin: 0; padding: 0; }
ol#rbtnQuestions li { list-style: none; }
ol#rbtnQuestions input[type="radio"] + label:before,
ul#rblList  li { list-style: none; }
ul#rblList input[type="radio"] + label:before { margin: 0 11px 0 -35px; }
.additionalInfo_table {
    width: 500px;
    background-color: #DADADA;
    margin: 10px 0 20px;
    display: block;
    border: 1px solid #777777;
}

.additionalInfo_table div.table { border-bottom: 1px solid #404040; }
.additionalInfo_table div.table:nth-child(even) { background: #B4B4B4; }
.additionalInfo_table label {margin: 0 0 0 10px;}
.additionalInfo_table select,
.additionalInfo_table input[type="text"] { margin: 5px 0 10px 10px; }

.table[id^="tblOwner"] { width: 100%; }
.table[id^="tblOwner"] td { width: 50%; }
.table[id^="tblOwner"] input[type="text"] { width: 200px; }
.table[id^="tblOwner"] select { width: 200px; }

.confirm-bar { background: #6D1F7A; color: White; margin-top: 5px; }
.confirm-bar td { padding: 0 0 0 10px; }
.confirm-bar input[type="image"] { margin: 0 10px 0 0; }

/* Account number application---------*/
.acctApplication { font-size: 12px; color: #404040; width:1000px; }
.licenseapp { width:1000px;}
.acctApplication input[type="text"], .acctApplication select, .acctApplication textarea { width: 200px; margin: 0 0 10px 10px; }

.acctApplication input[type="radio"] { margin: 0 0 0 10px; }
.acctApplication input[type="radio"] + label { margin: 0 15px 5px 10px; }
.acctApplication input[type="radio"] + label:before { width: 15px; height: 15px; }
.acctApplication input[type="radio"]:checked + label:before  {
    width: 15px;
    height: 15px; 
    font-size: 20px;
    line-height: 10px;
}

.acctApplication input[type="radio"]:checked:focus + label:before,
.acctApplication input[type="radio"]:checked:hover + label:before { line-height: 8px; }

.acctApplication input[type="checkbox"] + label {}
.acctApplication input[type="checkbox"] + label:before { 
    font-size: 18px;
	width:18px;
	line-height: 18px;
	margin: 0 11px 0 0;
}

.acctApplication input[type="checkbox"]:checked + label:before  {
    font-size: 18px;
	width:18px;
	line-height: 18px;
	margin: 0 11px 0 0;
}

.acctApplication input[type="checkbox"]:focus + label:before,
.acctApplication input[type="checkbox"]:hover + label:before { 
    line-height: 18px;
}

.acctApplication input[type="checkbox"]:checked:focus + label:before,
.acctApplication input[type="checkbox"]:checked:hover + label:before { 
    line-height: 18px;
}

.PersonAnswerTD { width: 225px; }
#dvSoleProp table, #dvCorporation table { width: 100% }

/* Account Information----------------*/
#divAddEdit table { width: 100%; }

.Cell input[type="image"] { margin: 0; }

input[type="checkbox"] + label.extended { margin: 0 -99px 10px 10px !important; }

/* Secure Messaging----------------*/
.SecureMessages-Field { display: table-row; }
.SecureMessages-Field span { font-size: 12px; }

.SecureMessages-Content-Header { border-left: 1px solid #B4B4B4; padding-left: 30px; }

.SecureMessages-Content-Container { border-left: 1px solid #B4B4B4; }
.SecureMessages-Content-Container a.btn { margin: 0; }
.SecureMessages-Content-Container input[type="image"] { margin: 0; }
.SecureMessages-FormButtons.confirm-bar input[type="image"] { margin: 3px 10px 0 0; }

#RecipientsFilter {
    width: 100%;
    padding: 10px;
    border: 1px solid #B4B4B4;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
}

#dvRecipientsList { margin: 0 0 40px; height: inherit; max-height: 110px; }
#Recipients a.btn { margin: 0 0 2px 0; }

/* FAQ----------------*/
.FAQFilters_Container { margin-bottom: 40px; }
.FAQContainer { margin-bottom: 30px; }
.FAQQuestion { font-weight: bold; cursor: pointer; }
.FAQQuestionNumber {
    display: inline-block;
    background: none repeat scroll 0 0 #8C8D8E;
	border-radius: 50px;
	color: #FFFFFF;
	font-size: 15px;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 30px;
}
.FAQQuestionNumber.active { background: none repeat scroll 0 0 #0046ad; }

.FAQAnswer { margin-left: 38px; }
 
/* Payment Confirmation----------------*/
.asterisk {
    color: red;
    font-size: 25px;
    width: 13px;
    line-height: 5px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: 3px;
    *overflow: hidden;
}
.asteriskControl {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

/* -----------------------------------------
	4. Footer
------------------------------------------*/
.footer { width: 100%; margin: 30px auto 0; color: #000000; font-size: 10px; }

.footer a { color: #000000; font-size: 12px;}
  
.footerContactInfo { height: 120px; border-top: 5px solid #6d207c }
.footerContactInfo div { width: 33%; margin: 20px 0; float: left; text-align: center; }
.footerContactInfo ul { margin: 0; padding: 0; }
.footerContactInfo li { list-style: none; padding: 2px 0;}
 
.supportInfo h4 { font-weight: normal; color: #000000; }
.authorityInfo h4 { font-weight: normal; color: #000000; }
 
.footerCopyright { clear: both; text-align: center; border-top: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; margin: 0 0 20px; padding: 15px 0; }
.footerCopyright a { font-size: 12px;}
.footerCopyright p {font-size: 12px; margin: 0; }


/* -----------------------------------------
	5. Forms/Fieldset
------------------------------------------*/
label, label:before, label:after,
input, input:before, input:after,
textarea, textarea:before, textarea:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

textarea {max-width: 700px; max-height: 300px; }

input[type="text"]::-ms-clear { display: none; }

.required { color: #CC1837; }
/* styles error messages */
*[id*='Validat'],
*[id*='validat'] { color: #CC1837 !important; }
.errorMessage { color: #CC1837 !important; }
.successMessage { color: #54B948;  }
.alertMessage { color: #CC1837;}
.errorText {
color: #CC1837 !important;
}

*[id*='validat']:before {
    content: 'Error: ';
}

*[id*='Validat']:before {
    content: 'Error: ';
}


.errorMessage:before {
    content: 'Error: ';
}

.alertMessage:before { 
    content: 'Alert: ';
}
/* Text input elements--------------------*/
input[type="color"], input[type="email"],
input[type="number"], input[type="password"], input[type="tel"],
input[type="url"], input[type="text"], input[type="file"], select {
	width: 340px;
	height: 40px;
	font-size: 12px;
	border: 1px solid #777777;
	padding: 0 8px;
	margin: 5px 0 10px;
}

input[type="file"] {
    background-color: #FFF;
    -webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	        appearance: none;
}

textarea, textarea.FullWidth {
    width: 340px;
    font-size: 12px;
	border: 1px solid #777777;
	padding: 2px;
	margin: 0 0 10px 0;
}
.textArea { width: 400px; height: 100px; max-width: 800px; max-height: 200px;  }

input[type="color"]:focus, input[type="email"]:focus, 
input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, 
input[type="url"]:focus, input[type="text"]:focus { border: 1px solid #0046AD; box-shadow: none; }

input[type="file"] { margin: 0 0 20px; }

/* Overrides vendor specific borders */
input:focus, select:focus { outline: -webkit-focus-ring-color none;  outline: none; border: 1px solid #0046AD; }
input:-moz-focusring, select:-moz-focusring { outline: none; }

/* removes red border on required fields in firefox */
:-moz-ui-invalid:not(output) { box-shadow: none; border: 1px solid #777777; }

/* Select/Dropdown--------------------*/
select {
	background: url("images/dropdownArrow.png") no-repeat right #FFF;
	background-origin: content-box;
    -webkit-background-origin: content-box;
	margin: 5px 0 10px;
	width: 340px;
	height: 40px;
	font-size: 12px;
	color: #6D207C;
	border: 1px solid #6D207C;
	padding: 10px;
	-webkit-appearance: none;
       -ms-appearance: none;
	        appearance: none;
}

select.scrollingList {
    background: none;
    height: inherit;
    padding: 0 10px;
}

input[disabled="disabled"][type="text"],
select[disabled="disabled"],
.disabled { border: 1px solid #8C8D8E; color: #8C8D8E; background-color: #DADADA; }
.disabled {
    cursor: none;
}

input[readonly="readonly"],
select[readonly="readonly"] { border: 1px solid #8C8D8E; color: #404040; background-color: #DADADA; }

option { padding: 0 10px; }

input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; }

/* Position and hide the real checkboxes and radio buttons. */
input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    overflow: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    opacity: 0; 
    
}

input[type="checkbox"]:focus,
input[type="radio"]:focus { border: none; }

/* Insert a pseudo element for inputs */
input[type="radio"] + label:before {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid  #404040;
    background: white;
    vertical-align: middle;
    content: "";
    margin: 0 11px 0 0;
}

input[type="radio"] + label:before {
    width: 24px;
    height: 24px;
}

input[type="radio"]:focus + label:before {
    border: 2px solid  #0046ad;
    
}

input[type="radio"]:checked + label:before {
    content: "\2022";  
    color: #6d207c;
    width: 24px;
    height: 24px;
    border: 1px solid  #6d207c; 
    font-size: 34px;  
    text-align: center;  
    line-height: 17px; margin: 0 11px 0 0;
}
input[type="radio"]:checked:focus + label:before,
input[type="radio"]:checked:hover + label:before {  
    border: 2px solid  #0046ad;
    line-height: 15px;
}

.radio_small input[type="radio"] + label { margin: 0 15px 5px 10px; }
.radio_small input[type="radio"] + label:before { width: 17px; height: 17px; }
.radio_small input[type="radio"]:checked + label:before  {
    width: 17px;
    height: 17px; 
    font-size: 20px;
    line-height: 13px;
}
.radio_small input[type="radio"]:checked:focus + label:before,
.radio_small input[type="radio"]:checked:hover + label:before {  
    border: 2px solid  #0046ad;
    line-height: 11px;
}

input[type="checkbox"] + label:before {
    display: inline-block;
    border-radius: 50%;
    background: white;
    vertical-align: middle;
    content: "";
    width: 32px;
    margin: 0 11px 0 0;
}

input[type="checkbox"] + label:before {
    font-family: iconFont;
    content: "\e60e";
    font-size: 32px;
    line-height: 32px; 
}

input[type="checkbox"]:checked + label:before {
    content: "\e60d";
    color: #6d207c; 
    margin: 0 11px 0 0;
}

input[type="checkbox"]:hover + label:before,
input[type="checkbox"]:active + label:before,
input[type="checkbox"]:focus + label:before {
    line-height: 32px;
    text-decoration: none;
    color: #0046ad;
}

.chkBox_small input[type="checkbox"] + label {
     margin: 0 15px 5px 10px;
    line-height: 1.6;
}
.chkBox_small input[type="checkbox"] + label:before { width: 20px; height: 20px;font-size: 20px;line-height: 20px; }
.chkBox_small input[type="checkbox"]:checked + label:before  {
    width: 20px;
    height: 20px; 
    font-size: 20px;
    line-height: 20px;
}
.chkBox_small input[type="checkbox"]:checked:focus + label:before,
.chkBox_small input[type="checkbox"]:checked:hover + label:before { line-height: 20px; }

input[type=checkbox], input[type=checkbox] + label:before , input[type=radio], input[type=radio] + label:before {cursor: pointer;}
input[type="checkbox"] + label, input[type="radio"] + label {font-size: 12px; margin: 0 30px 10px 10px;}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label{color:#6d207c;}
input[type="radio"]:focus + label, input[type="checkbox"]:focus + label{text-decoration: underline; cursor: pointer;}
input[type="radio"]+ label:hover, input[type="checkbox"] + label:hover{text-decoration: underline; cursor: pointer;}

/* table edge case*/
table[class*="Table"] input, table[class$="Table"] select { margin: 0; }
table[class*="Table"] input[type="text"],
table[class*="Table"] select { padding: 0 0 0 10px; }

table[class*="Table"] input[type="checkbox"]+ label, 
table[class*="Table"] input[type="radio"] + label { margin: 0 18px 0 0; width:3px; }

table[class*="Table"] input[type="checkbox"]+ label.wText, 
table[class*="Table"] input[type="radio"] + label.wText { margin: 0 42px 0 0; }
 
table[class*="Table"] input[type="checkbox"],
table[class*="Table"] input[type="radio"] { margin:1px; }

table[class*="Table"] input[type="checkbox"] + label:before,
table[class*="Table"] input[type="radio"] + label:before {
    font-size: 18px;
	color:#404040; 
	height:18px;
	width:18px;
	line-height: 18px;
	margin: 0;
} 
table[class*="Table"] input[type="checkbox"]:checked + label:before,
table[class*="Table"] input[type="radio"]:checked + label:before {
	color:#000; 
	/*border: 1px solid  #404040;*/
	font-size: 18px;
	margin: 0; 
} 
table[class*="Table"] input[type="checkbox"]:checked + label:before { line-height: 18px; }
table[class*="Table"] input[type="radio"]:checked + label:before { line-height: 14px; }

table[class*="Table"] input[type="checkbox"]:focus + label:before,
table[class*="Table"] input[type="radio"]:focus + label:before{  
    /*border: 2px solid  #0046ad;*/
    margin:0; 
}
table[class*="Table"] input[type="checkbox"]:hover + label:before,
table[class*="Table"] input[type="checkbox"]:focus + label:before,
table[class*="Table"] input[type="radio"]:hover + label:before,  
table[class*="Table"] input[type="radio"]:focus + label:before {
    color: #0046ad;
    margin: 0; 
}

table[class$="Table"] input[type="checkbox"]:hover + label:before,
table[class$="Table"] input[type="checkbox"]:focus + label:before {
    line-height: 18px;
}

table[class$="Table"] input[type="radio"]:hover + label:before,  
table[class$="Table"] input[type="radio"]:focus + label:before {
    line-height: 11px;
}


table[class$="Table"] input[type="radio"]:checked + label,
table[class$="Table"] input[type="checkbox"]:checked + label { color: #FFF; }

select.dd_xs, input[type="text"].tb_xs { width: 80px; }
select.dd_m, input[type="text"].tb_m { width: 150px; }
select.dd_l, input[type="text"].tb_l { width: 250px; }
select.dd_xl, input[type="text"].tb_xl { width: 300px; }


/* -----------------------------------------
	6. Buttons
------------------------------------------*/
input[type="image"] { margin: 0 10px 20px 0; }
span input[type="image"] { margin: 0; }


a.btn {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	background: #6D207C;
	text-align: center;
	color: #FFF;
	border-radius: 40px;
	behavior: url(/scripts/PIE/PIE.htc);
    text-transform: uppercase;
}
    a.btn.red, input.btn.red, button.btn.red {
        background-color:#CC1837;
    }
.flRed,
tr.red td {
    color:#CC1837;
}

input.btn, button.btn {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	background: #6D207C;
	text-align: center;
	color: #FFF;
	margin: 0 10px 20px 0;
	border-radius: 40px;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
	behavior: url(/scripts/PIE/PIE.htc);
}
input.btn.disabled { background: #B4B4B4; }
input.btn:hover, input.btn:active, input.btn:focus { background: #4A1455; cursor: pointer; text-decoration: none;border: none; }
input.btn.disabled:hover, input.btn.disabled:active, input.btn.disabled:focus { background: #B4B4B4; cursor: not-allowed; }

a.btn.disabled { 
    background: #B4B4B4; 
    filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;	
	opacity:0.6; 

}
a.btn.disabled:hover, a.btn.disabled:active, a.btn.disabled:focus { background: #B4B4B4; cursor: not-allowed; }


a.btn:hover, a.btn:active, a.btn:focus { background: #4A1455; cursor: pointer; text-decoration: none; }

a.btn.calculating, a.btn.calculating:hover, a.btn.calculating:focus { text-decoration: none; background: #B4B4B4; cursor:default; }

.btn  { display: inline-block; position: relative; color: #FFFFFF; border: none; }

a.btn.btn-arrow, input.btn.btn-arrow { margin: 0 10px 0 0; }
.btn-arrow { width: 30px; height: 30px; font-size: 20px; font-weight: bolder; }

.btn_xsmall { width: 68px; height: 18px; padding:1px 0 0; font-size: 10px; font-weight: bolder; }

.btn_small { width: 68px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }

.btn_medium { width: 110px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }

.btn_xmedium { width: 130px; height: 36px; padding: 7px 0 0; font-size: 16px; font-weight: bolder; }

.btn_large { width: 184px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }

.btn_xl { width: 220px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }
.btn_xxl { width: 320px;height: 24px;padding: 4px 0 0;font-size: 12px;font-weight: bolder; }
.btn_xlarge { width: 350px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }
.btn_2xlarge { width: 400px; height: 24px; padding: 4px 0 0; font-size: 12px; font-weight: bolder; }


a.btn.btn_xxlarge:link, a.btn.btn_xxlarge:visited { width: 375px; height: 36px; padding: 8px 0 0; background: #FFFFFF; color: #002E5F; font-size: 14px; font-weight: bolder; }
a.btn.btn_xxlarge:hover, a.btn.btn_xxlarge:active, a.btn.btn_xxlarge:focus { background: #0046AD; color: #FFFFFF; }

.confirm-bar .btn { background: #FFFFFF; color: #6D207C;}
.confirm-bar .btn:hover { background: #A33BB7; color: #FFFFFF;}

table[class$="Table"] .btn.btn_white, table[class$="Table"] .innerTable .btn.btn_white { background: #FFFFFF; color: #6D207C;}
table[class$="Table"] .btn.btn_white:hover, table[class$="Table"] .innerTable .btn.btn_white:hover { background: #A33BB7; color: #FFFFFF;text-decoration: none;}

.signIn a.btn.btn_xmedium { background: #FFFFFF; color: #6D207C; }
.signIn a.btn.btn_xmedium:hover, .signIn a.btn.btn_xmedium:focus { background: #A33BB7; color: #FFFFFF; text-decoration: none; }

.taxpayerTable a.btn,
.adminTable a.btn,
.superUserTable a.btn { margin: 2px 5px; }

.inactiveTab { display: block; float: left; padding: 10px 15px; border: 1px solid #777; border-bottom: none; border-radius: 8px 8px 0 0; 
               margin-right: 1px; text-decoration: none; background: #FFF; color: #000; font-weight: bold; }
.inactiveTab:hover { background: #4A1455;color:#fff; }
.activeTab { display: block; float: left; padding: 10px 15px; border: 1px solid #777; border-bottom: none; border-radius: 8px 8px 0 0; 
               margin-right: 1px; text-decoration: none; background: #6D207C; color: #FFF; font-weight: bold; }

a.btn.btn_inverse,
a.btn.btn_inverse:link {
    background-color: white;
    color: #6D207C;
    border: 2px solid #6D207C;
}

a.btn.btn_inverse:hover, 
a.btn.btn_inverse:active, 
a.btn.btn_inverse:focus { background: #6D207C; color:white; }


/* -----------------------------------------
	7. Tables
------------------------------------------*/
.taxpayerTable *, .table.noticeTable *:before, .table.noticeTable *:after,
.adminTable *, .adminTable *:before, .adminTable *:after,
.superUserTable *, .superUserTable *:before, .superUserTable *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.taxpayerTable.paymentTable .innerTable table { width: 100%; }
.taxpayerTable.paymentTable .innerTable th { width: 225px;border: none; }
.taxpayerTable.paymentTable .innerTable td { padding: 0; }

.taxpayerTable, 
.adminTable, 
.superUserTable { width: 100%; font-size: 12px; color: #000000; border-collapse: collapse; text-align: left; margin: 0 0 20px; border-bottom: 1px solid #B4B4B4; }

.taxpayerTable thead tr, 
.adminTable thead tr, 
.superUserTable thead tr { height: 40px; background: #303030; font-weight: bold; color: #FFFFFF; }

.taxpayerTable.paymentTable tbody th { background: #8C8D8E; }

.taxpayerTable th, 
.superUserTable th { height: 40px; background: #303030; font-weight: bold; color: #FFFFFF; vertical-align: middle;  padding: 10px; }
.adminTable th { height: 40px; background: #303030; font-weight: bold; color: #FFFFFF; vertical-align: middle;  padding: 5px; }

.taxpayerTable .tableSubheader, 
.superUserTable .tableSubheader,
.adminTable .tableSubheader { background: #8C8D8E; color: #FFF; border-right: 1px solid #8C8D8E; }

.taxpayerTable th a, 
.adminTable th a, 
.superUserTable th a { color: #FFFFFF }

.taxpayerTable th a:link, .adminTable th a:link, .superUserTable th a:link,
.taxpayerTable th a:visited, .adminTable th a:visited, .superUserTable th a:visited { color: #FFFFFF; text-decoration: none; }

.taxpayerTable th a:hover, .adminTable th a:hover, .superUserTable th a:hover, 
.taxpayerTable th a:active, .adminTable th a:active, .superUserTable th a:active,
.taxpayerTable th a:focus, .adminTable th a:focus, .superUserTable th a:focus { text-decoration: underline; }

.taxpayerTable th, 
.adminTable th, 
.superUserTable th { border-right: 1px solid #FFFFFF; }

.taxpayerTable th:last-child, 
.adminTable th:last-child, 
.superUserTable th:last-child {border-right: none; }

.taxpayerTable tr, 
.adminTable tr, 
.superUserTable tr { background: #DADADA; }

.taxpayerTable.paymentTable tr { background: #FFFFFF; }

.taxpayerTable tr.alternatingRow,  
.adminTable tr.alternatingRow,
.superUserTable tr.alternatingRow { background: #FFFFFF; }

.taxpayerTable tr.selectedRow, .taxpayerTable tr.editingRow,
.adminTable tr.selectedRow, .adminTable tr.editingRow, 
.superUserTable tr.selectedRow, .superUserTable tr.editingRow { background: #C1C1C1; }

    .adminTable tr.selectedRow,
    .adminTable tr.selectedRow td a:link {
        background: #6D207C;
        color: white;
        font-style: italic;
        font-weight: bold;
    }
    .superUserTable tr.selectedRow,
    .superUserTable tr.selectedRow td a:link {
        background: #6D207C;
        color: white;
        font-style: italic;
        font-weight: bold;
    }


.taxpayerTable td, 
.adminTable td, 
.superUserTable td { padding: 5px; border-right: 1px solid #B4B4B4; border-Bottom: 1px solid #DADADA; height: 26px; }

.taxpayerTable td:last-child, 
.adminTable td:last-child, 
.superUserTable td:last-child {border-right: none; border-bottom: 1px solid #DADADA; /*border-top: 1px solid #DADADA;*/ }

.taxpayerTable td a:link, .adminTable td a:link, .superUserTable td a:link, 
.taxpayerTable td a:visited, .adminTable td a:visited, .superUserTable td a:visited { color: #0046AD; text-decoration: none; }

.taxpayerTable td a:hover, .adminTable td a:hover, .superUserTable td a:hover, 
.taxpayerTable td a:active, .adminTable td a:active, .superUserTable td a:active, 
.taxpayerTable td a:focus, .adminTable td a:focus, .superUserTable td a:focus { color: #002E5F; text-decoration: underline; }

.taxpayerTable td a.btn:link, .adminTable td a.btn:link, .superUserTable td a.btn:link, 
.taxpayerTable td a.btn:visited, .adminTable td a.btn:visited, .superUserTable td a.btn:visited { color: #FFF; text-decoration: none; }

.taxpayerTable td a.btn:hover, .adminTable td a.btn:hover, .superUserTable td a.btn:hover, 
.taxpayerTable td a.btn:active, .adminTable td a.btn:active, .superUserTable td a.btn:active, 
.taxpayerTable td a.btn:focus, .adminTable td a.btn:focus, .superUserTable td a.btn:focus { color: #FFF; text-decoration: none; }

.taxpayerTable .tfoot, 
.taxpayerTable.paymentTable .tfoot,
.adminTable .tfoot, 
.superUserTable .tfoot { background: #303030; font-weight: bold; color: #FFFFFF; }

.taxpayerTable input[type="image"], 
.adminTable input[type="image"], 
.superUserTable input[type="image"] { margin: 0 0 0 0; }

.taxpayerTable input[type="text"], .taxpayerTable select,
.adminTable input[type="text"], .adminTable select,
.superUserTable input[type="text"], .superUserTable select { height: 20px; }

.adminTable tr { border-bottom: 1px solid #B4B4B4; }
.adminTable tr.pager { border-bottom: none; }
.adminTable .pagerRow td{border:none;}
.adminTable .pagerRow tr { border:none;}

.pagerRow td { background: #FFF; }
.alternatingRow td { background:  #FFF; }
.footerRow td { border-top: 2px solid #000; font-weight: bold; }

/*  Notices Table(notices.aspx)  */
table.noticeTable *, table.noticeTable *:before, table.noticeTable *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table.noticeTable { color: #000000;  ;border:none; margin: 0 0 5px; table-layout: fixed;}

.noticeTable th { height: 20px; background: #303030; font-weight: bold; color: #FFFFFF; vertical-align: middle; }
.noticeTable th:nth-child(3) { text-align: left; padding: 0 0 0 20px; }

.noticeTable th:nth-child(1), .noticeTable th:nth-child(3), .noticeTable th:nth-child(4)
, .noticeTable td:nth-child(1), .noticeTable td:nth-child(3), .noticeTable td:nth-child(4)  {
    width:125px;
}

.noticeTable th a:link,  .noticeTable th a:visited { color: #FFFFFF; text-decoration: none; }
.noticeTable th a:hover, .noticeTable th a:active, .noticeTable th a:focus { text-decoration: underline; }

.noticeTable>tbody>tr>td a:link, .noticeTable>tbody>tr>td a:visited,
.noticeTable>tbody>tr>td a:hover, .noticeTable>tbody>tr>a:active, .noticeTable td a:focus 
 { text-decoration: underline; }

.noticeTable th { border:1px solid #B4B4B4;   }
.noticeTable th.pager {border:1px solid #B4B4B4;   }
.noticeTable th:first-child { border:1px solid #B4B4B4;  }

.noticeTable tr { background: #DADADA; }
.noticeTable tr.alternatingRow { background: #B4B4B4; }

.noticeTable>tbody>tr>td { padding: 5px; } 
.noticeTable>tbody>tr { border:1px solid #B4B4B4;  } 

.noticeTable>tbody>tr.pager { border:none;  } 
.noticeTable>tbody>tr.pager td { 
    width:20px;
    border:0;
    background-color:#fff;
    background:#fff; 
    border:none;
    padding:5px;                    
}
.noticeTable > tbody > tr > td > a {
    overflow-wrap: break-word;
}
.noticeTable>tbody>tr.pager td>span { 
    border:1px solid #B4B4B4;
    padding:5px;
    display:block;
    width:25px;
    background: #dadada;
}

.noticeTable {
    width:875px;
}
.noticeTable.full {
    width:100%;
}
#gvWrapperDiv h3 { color: #0046AD;}


/*  infoSummaryTable  */
.infoSummaryTable { width: 100%; margin-bottom: 20px; }
.infoSummaryTable td { vertical-align: top;padding-right: 5px; }

/*  Browser Compatibility Table  */
.compatabilityTable { font-size: 10px; color: #000000; border-collapse: collapse; }

.compatabilityTable thead tr { background: #303030; font-weight: bold; color: #FFFFFF; }

.compatabilityTable th { background: #303030; font-weight: bold; color: #FFFFFF; }
.compatabilityTable th a { color: #FFFFFF }

.compatabilityTable th a:link, .compatabilityTable th a:visited { color: #FFFFFF; text-decoration: none; }
.compatabilityTable th a:hover, .compatabilityTable th a:active .compatabilityTable th a:focus { text-decoration: underline; }

.compatabilityTable th { border-right: 1px solid #FFFFFF; }
.compatabilityTable th:last-child {border-right: none; }

.compatabilityTable tr { background: #DADADA; }
.compatabilityTable tr:nth-child(4) { border-bottom: 2px solid #000 }
.compatabilityTable tr.alternatingRow { background: #FFFFFF; }
.compatabilityTable tr.selected { background: #C1C1C1; }

.compatabilityTable td { border-right: 1px solid #000000; text-align: center; width: 75px; }
.compatabilityTable td:first-child { width: 120px; text-align: left; }
.compatabilityTable td:last-child { border-right: none; }
.compatabilityTable td a:link, .compatabilityTable td a:visited { color: #0046AD; text-decoration: none; }
.compatabilityTable td a:hover, .compatabilityTable td a:active { color: #002E5F; text-decoration: underline; }

.compatabilityTable.recommendedSetup tr:nth-child(4) { border-bottom: 1px solid #000 }
.compatabilityTable.recommendedSetup td { width: 200px; text-align: left;}
.compatabilityTable.recommendedSetup td:first-child { width: 200px; }

.compatabilityTable .tfoot { height: 40px; background: #303030; font-weight: bold; color: #FFFFFF; } 

/*  Browser tinyTable  */
.tinyTable { font-size: 10px; color: #000000; border-collapse: collapse; width: 100%; }

.tinyTable th { background: #303030; font-weight: bold; color: #FFFFFF; vertical-align: middle;  border-right: 1px solid #FFFFFF; }
.tinyTable th:last-child {border-right: none; }

.tinyTable tr { background: #DADADA; }
.tinyTable tr.alternatingRow { background: #FFFFFF; }

.tinyTable td { padding: 2px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; }
.tinyTable td:last-child { border-right: none; }

.tinyTable a.btn { margin: 0; }

/* ADA Fake Table */
.table { display: table; }
.row { display: table-row; width: 100%; }
.labelcell {
    display: table-cell; text-align:right;
}
.cell { display: table-cell; text-align: left; }
.app-header .labelcell  {
    font-weight: bold;
    padding-right: 6px;    
                
}
.app-header {
    margin-bottom: 15px;    
}    

.table.full {
    width:100%;
}
#signup .table { display: table; }
#signup .row { display: table-row; width: 100%; vertical-align:top; }
#signup .labelcell { display: table-cell; text-align: right; }
#signup .cell { display: table-cell; text-align: left; float:left; }
.formLayout .table { display: table; width:100%; }
.formLayout .row { display: table-row; width: 100%; vertical-align:top; }
.formLayout .labelcell { display: table-cell; text-align: right; }
.formLayout .cell { float:left; }
    .formLayout .cell label {
        margin-top:15px;
    }

.formLayout .cell div.radio-no-spacing label {
    margin-top: 0px;
}

.app-header .labelcell {
    display: table-cell;
    text-align: right;
}
    .formLayout .cell table label {
        margin-top:0px;
    }
    .row .cell-1 {
        width: 8.33%;
    }
    .row .cell-2 {
        width: 16.66%;
    }

    .row .cell-3 {
        width: 24.99%
    }
    .row .cell-4 {
        width: 33.33%
    }
    .row .cell-6 {
        width: 49.99%
    }
    .row .cell-7 {
        width: 58.33%
    }

    .row .cell-8 {
        width: 66.66%
    }
    .row .cell-9 {
        width: 74.99%
    }
    .row .cell-10 {
        width: 83.33%
    }
    .row .cell-12 {
        width: 99.99%
    }    
    #signup.container .row .cell input[type=text],
    #signup.container .row .cell input[type=password],    
    #signup.container .row .cell select
    {
        width:80%;
        
    }

    #signup .row .cell-12 input[type=text]    
    {
        width:94%;
    }

    .formLayout .row .cell input[type=text],
    .formLayout .row .cell input[type=password],    
    .formLayout .row .cell select
    {
        width:80%;
    }

    .formLayout .cell-12 input[type=text]    
    {
        width:94%;
    }

/* -----------------------------------------
	8. Progression bars
------------------------------------------*/
.sidebar { width:190px; }
 
.sidebar.signup { padding-top:286px; }

.progress-bar ol { margin: 40px auto 0; } 
.progress-bar li { font-size: 20px;	color: #8C8D8E; }

.horizontal-progress-bar li, .vertical-progress-bar li { font-size: 15px; color: #8C8D8E; }

li h5 {	font: bold 15px verdana; margin: 0; }

/****  vertical progression  ****/
.vertical-progress-bar { padding: 41px 0 0 0; }

.vertical-progress-bar li { padding: 0 20px 60px; }

.vertical-progress-bar li.active { color: #0046AD; }

.vertical-progress-bar li:before {
	background: none repeat scroll 0 0 #8C8D8E;
	border-radius: 50px;
	color: #FFFFFF;
	content:counter(step,decimal);
	font-size: 15px;
	line-height: 32px;
	position: absolute;
	width: 34px;
	height: 34px;
	text-align: center;
	top: -40px;
}

.vertical-progress-bar li.active:before { background: none repeat scroll 0 0 #0046AD; }

ol.vertical-progress-bar li { counter-reset: li; list-style: none outside none; font-weight: bold; }

.vertical-progress-bar li {	clear: both; counter-increment: step; position: relative; }

/****  horizontal progression  ****/
#Header1_YesNo + #Header1_trFileSteps {vertical-align: bottom; height: 110px; }
.horizontal-progress-bar li{
	width: 175px;
	text-align: center;
	padding: 0;
	display: inline-block;
}

.horizontal-progress-bar li.active { color: #0046AD; }
.horizontal-progress-bar li.active h5 { color: #0046AD; }

ol.horizontal-progress-bar {
    counter-reset: li;
    list-style: none outside none; 
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #B4B4B4;
    margin: 40px auto 20px;
}

.horizontal-progress-bar li:before {
	background: none repeat scroll 0 0 #8C8D8E;
	border-radius: 50px;
	color: #FFFFFF;
	content: counter(step, decimal);
	font-size: 15px;
	position: absolute;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	left: 57px;
	top: -50px;
}

.horizontal-progress-bar li.active:before { background: none repeat scroll 0 0 #0046AD; }

.horizontal-progress-bar li { clear: both; counter-increment: step;	position: relative; }

/* licenseSidebar-------------------- */
.itemSelected {
    color: #0046AD;
    font-weight: bold;
    border: 2px solid #0046AD;
    padding: 5px;
    margin: 5px 0;
}

.ApplicationSideBarTD {
    text-align: left;
    vertical-align: top;
    width: 230px;
    color: #8C8D8E;
}

    .ApplicationSideBarTD span[id*="_lbl"],
    .ApplicationSideBarTD a[id*="_hlnk"] {
        display: inline-block;
        margin: 5px 0;

    }

/* -----------------------------------------
	9. Info icon/tooltip
------------------------------------------*/
.tooltip {
	background: #4A1455;
	width: 200px;
	font: 10px verdana;
	color: #FFFFFF;
	padding: 10px;
	display: none;
    z-index: 100000;
}

.tooltip.large { width: 300px; }

.tooltip h4 { color: #FFF; }

.tooltip p { font-size: 10px; margin: 0; }

.tooltip a {
    color: #FFF; 
    font-weight: bold; 
    font-size:10px;
    white-space: nowrap;
    max-width:190px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

.tooltip ul, .tooltip ol { margin: 0 0 15px; padding: 0 0 0 10px; }
.tooltip ul li, .tooltip ol li { font-size: 10px; }

.consolidate .tooltip {
    z-index: 100000001;
}

#divTaxForms .ui-icon-triangle-1-e { background-position: -32px -128px; }
#divTaxForms .ui-icon-triangle-1-s { background-position: -64px -128px; }

#consolidate {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: inherit;
    background: url('/images/40black.png');
    padding: 15px 0;
    z-index: 1000000;
}

.modal {
    background-color: #FFF;
    width: 800px;
    padding: 20px;
    box-shadow: 0 0 10px 4px #666666;
    z-index: 10000000;
}
     
.modal h1 { text-align: center; }
.modal p { text-align: left; margin-bottom: 20px; }

.modal input[type="image"] { margin: 0 5px 0 0; }

.Print {
    position: absolute;
    background-color: #FFF;
    background-repeat: no-repeat;
    border: 1px solid #B4B4B4;
    border-radius: 20px;
    box-shadow: 0 3px 15px 2px #DADADA inset;
    z-index: 200;
    top: 200px;
    width: 600px;
    margin-left:5%;
    text-align: left;
    padding: 15px;
	behavior: url(/scripts/PIE/PIE.htc);
}

/** jQuery ui datepicker **/
.datepicker {
    margin: 0 5px !important;
    background: url("/images/dropdownArrow.png") no-repeat 95% 50% #FFF;
}
.datepicker::-ms-clear {
    display: none;
}
.ui-datepicker-trigger {
    position: relative;
    right: 50px;
    top: 5px;
    cursor: pointer;
}



tr.spaceUnder > td { padding-bottom: 4em; }

tr.spaceUnder1 > td { padding-bottom: 2em; }
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}

OL UL LI {
        list-style-type: circle;
    }	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}

.subheader 
{
	font-weight: bold; 
	color:#003399;
}
	
.subheader_small 
{
	font-weight: bold; 
	color:#336699; 
	BORDER-RIGHT: 1px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: 1px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: 1px;
}

.Field 
{
	border: solid 1px #336699;
	text-align: right;
	background-color: White;
}

.CalcField 
{
	border: solid 1px #336699;
	text-align: right;
	background-color: #CCCCCC;
	color: #333333;
}

.Help
{
	font-size: 10px;
	color: Navy;
}

.BlueBorder {
	border: 1px solid #336699;
    border-left-style : solid;
    border-top-style : solid;
    border-bottom-style : solid;
    border-right-style : solid;
}

.infoTable
    {
        font-size:small;
        margin:0px 10px 0px 10px;
        width:370px;
        }

.nfoBox { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; POSITION: static; BACKGROUND-COLOR: #eeeeee; }

.subheader_BL 
{
	font-weight: bold; 
	color:#003399; 
	BORDER-RIGHT: 1px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: 1px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: 1px;
    border-top: 1px solid #B4B4B4;
	margin-bottom: 4px;
}
.header  
{
}

.FlatButton {
	color: black;
	border: 1px solid #336699;
	background: #CCCCCC;
	font-size: xx-small;
	font-family: verdana, arial, sans-serif;
	 text-decoration: bold;
}
/* loading div */
.busydiv
{
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;
	padding:0;
	z-index:20;
	overflow:hidden;
}
.busybg
{
	/*background:#666666;*/
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;	
	opacity:0.4;
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;
	z-index:30;
	overflow:hidden;
}
.busycontent {
	width:60px;
	height:60px;
	position:absolute;
	top: 50%;
	left: 50%;
	background:url(/images/loading.gif) no-repeat center #fff;
	text-align:center;
	/*padding:10px;*/
	font:normal 12px arial, Geneva, sans-serif;
	border:1px solid #666;
	margin-left: -30px;
	margin-top: -25px;
	z-index:40;
	overflow:hidden;
}
 
.section {    
   border:solid 1px midnightblue;
   background:#E7E7FF;
   font-size:small;
   padding:5px;
   z-index:4;
 }

.sectionTab
 {
   background:#E7E7FF;
   font-size:14px;
   padding:10px 30px 5px 20px;
 }

a.sectionTab:hover{
text-decoration: none;
color:	#003399;
  font-size:14px;
}
 
  .sectionTabNotSelected
 {
   background:#cccccc;
   font-size:small;
   padding:10px 30px 0px 20px;
   z-index:1;
  font-size:14px;
  
 }
 
a.sectionTabNotSelected:hover{
text-decoration: none;
color:	#003399;
  font-size:14px;
}


 
 .sectionTabHover
 {
   background:#D8D4EB;
   font-size:small;
   padding:10px 30px 5px 20px;
   text-decoration:none;
  font-size:14px;
 }

.RadioSelected
{
    background:#E7E7FF;
    font-weight:bold;
}

 .sidebarheader
 {
     font:#8C9C9A;
     text-align:center;
     font-weight:bold;
        }
 .sidebarItem
     {
          font:#8C9C9A;
         }
 .sidebarselected
 { 
   background:#BFCFCC;
    font-weight:bold;
    border-bottom-width:thin;
     }
     
      .sidebarnotselected
 {
     border-bottom-width:thin;
     }
     
     .sidebarTable
     {
         }
         
 .pmtButtons
 {
     text-align:right;
     width: 100%;
 }
 
 .BankName
 {
     background-color:Transparent;
     border:none;
     color: black;
 }
 
 .hidden { display: none; }

.CityHeader
{
    font-size:12px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif; 
    margin-left:20px;
    width:200px; 
    margin-top:15px;
     
}

.listing1
{
    height:65px; 
    background-color: #EEEEEE;
}
.listing2
{
    height:65px; 
    background-color: #FFF !important;
}

.contactInfoBtns {
    margin-top: 8px;
}
a#viewStatement {
    display:block;
    float:right;
    margin-right:25px;
    background-image:url(/images/buttons/viewstatement_l.png);
    width:184px;
    height:24px;
}
a#viewStatement:hover {
   
    background-image:url(/images/buttons/viewstatement_l_hover.png);
}

.blueBorder
{
    border: 2px solid blue;
}

.blueText {
    color:#0046AD;
}
.italic{
    font-style:italic;
}

.maintenanceBox
{
    background-color:black;
    color:white;
    font-weight:bold;
    margin-top:-60px;
    margin-bottom:10px;
    padding:10px;
}
div.maintenanceBox span
{    
    font-size: 15px;
}

.screenReaderItem {border: 0; 
   clip: rect(0 0 0 0); 
   height: 1px; 
   width: 1px; 
   margin: -1px; 
   padding: 0; 
   overflow: hidden; 
   position: absolute !important;
}

#lnkSkipToMain{
    border: 0;    
    display: block;
    position: absolute;
    left: -999px;
    top: -999px;
}

    #lnkSkipToMain:focus,
    #lnkSkipToMain:active {        
        left: 0;
        top: 0;
        padding: 3px;
        background: #ffc;
        border: 1px solid #990000;
    }

div.table div.row div.cell div.ubi-16, .ubi-16 {
  display:inline-block;    
  width:624px;
  height:40px;
  margin-top:5px;
  margin-bottom:5px;
  background-image:url("images/ubi16bg.png");       
}
#signup div.table div.row div.cell div.ubi-16 input[type=text],
div.table div.row div.cell div.ubi-16 input[type=text],
.container .ubi-16 input[type=text],
.ubi-16 input[type=text]
 {
    margin-top: 0;
    width: 645px;
    height: 40px;  
    padding-top:0px;
    padding-bottom:0px;
    background-color:transparent;
    border: none;
    font-family: Consolas;
    font-size: 21px;
    padding-left: 16px;
    letter-spacing: 27px; 
    color:#404040;   
}
.ubi-7 {
  display:inline-block;    
  width:274px;
  height:40px;
  margin-top:4px;
  margin-bottom:5px;
  background-image:url("images/ubi16bg.png");       
}
.ubi-7 input[type=text]
 {
    margin-top: -3px;
    width: 304px;
    height: 40px;  
    padding-top:0px;
    padding-bottom:0px;
    background-color:transparent;
    border: none;
    font-family: Consolas;
    font-size: 21px;
    padding-left: 16px;
    letter-spacing: 27px; 
    color:#404040;   
}
    .ubi-7 > span{
        position: absolute;
        margin-top: -32px;
        margin-left: 280px;
    }

.error-summary-text {
    font-size:12pt;
    font-weight:bold;
    color: red;
}

#signup,
#signup p,
#signup span,
#signup input[type="checkbox"] + label,
#signup input[type="radio"] + label,
#signup input[type="text"],
#signup label,
#signup .btn_small,
#signup .btn_medium,
#signup .btn_large,
#signup .btn_xlarge,
#signup .btn_xxlarge,
#signup select,
#signup select option,
.sized,
.flPopup,
.flPopup span,
.flPopup a,
.formLayout a,
.formLayout span,
.formLayout p,
.formLayout label,
.formLayout input[type="checkbox"] + label,
.formLayout input[type="radio"] + label,
.formLayout input[type="text"],
.formLayout .btn_small,
.formLayout .btn_medium,
.formLayout .btn_large,
.formLayout .btn_xlarge,
.formLayout .btn_xxlarge,
.formLayout .taxpayerTable,
.formLayout select,
.formLayout select option,
.formLayout li,
.flPopup p,
.flPopup input[type="checkbox"] + label,
.flPopup input[type="radio"] + label,
.flPopup input[type="text"],
.flPopup label,
.flPopup .btn_small,
.flPopup .btn_medium,
.flPopup .btn_large,
.flPopup .btn_xlarge,
.flPopup .btn_xxlarge,
.flPopup .taxpayerTable,
.flPopup .row .cell select,
.flPopup .row .cell select option,
div.acctApplication,
div.acctApplication p,
div.acctApplication span,
div.acctApplication label,
div.acctApplication select,
div.acctApplication input[type="text"],
div.acctApplication input[type="checkbox"] + label,
div.acctApplication input[type="radio"] + label,
div.acctApplication div#errorSummary > ul > li,
div.acctApplication ul > li,
div.acctApplication h5,
div.acctApplication a,
div.licenseapp p,
div.licenseapp a,
div.licenseapp textarea,
div.licenseapp input[type="text"],
.fontContainer,
.fontContainer input,
.fontContainer p,
.fontContainer span,
.fontContainer label,
.fontContainer select,
.fontContainer textarea,
.fontContainer input[type="text"],
.fontContainer input[type="checkbox"] + label,
.fontContainer input[type="radio"] + label,
.fontContainer div#errorSummary > ul > li,
.fontContainer ul > li,
.fontContainer h5,
.fontContainer a,
.fontContainer th,
.fontContainer .btn_small,
.fontContainer .btn_medium,
.fontContainer .btn_large,
.fontContainer .btn_xlarge,
.fontContainer .btn_xxlarge,
.ui-dialog,
.ui-dialog p,
.ui-dialog span,
.ui-dialog label,
.ui-dialog select,
.ui-dialog input[type="text"],
.ui-dialog input[type="checkbox"] + label,
.ui-dialog input[type="radio"] + label,
.ui-dialog div#errorSummary > ul > li,
.ui-dialog ul > li,
.ui-dialog h5,
.ui-dialog a,
.ui-dialog th,
input.fontContainer.btn,
.fontContainer .taxpayerTable,
.fontContainer .taxpayerTable td,
.fontContainer .taxpayerTable th,
.fontContainer .superUserTable,
.fontContainer .superUserTable td,
.fontContainer .superUserTable th,
.fontContainer .adminTable,
.fontContainer .adminTable td,
.fontContainer .adminTable th {
    font-size: 11pt;
    font-family: verdana;
}

    .fontContainer span.tooltip,
    .fontContainer span.tooltip p,
    .fontContainer span.tooltip ul > li,
    .fontContainer span.tooltip a {
        font-size: 10px;
    }

    .fontContainer h1 span {
        font-size: 18pt;
    }

    .fontContainer h2 {
        font-size: 17pt;
    }

    .fontContainer h3 {
        font-size: 15pt;
    }


div.fontContainer a.iconFont {
    font: normal 45px iconFont;
}
div.fontContainer a.iconFont_small {
    font: normal 22px iconFont;
}

.acctApplication .labelcell {
    white-space: nowrap;
}

.acctApplication .app-header .cell {
    vertical-align:top;
}
#signup a.btn.btn_small,
.formLayout a.btn.btn_small,
.flPopup a.btn.btn_small,
div.licenseapp a.btn.btn_small,
.acctApplication a.btn.btn_small,
#signup a.btn.btn_medium,
.formLayout a.btn.btn_medium,
.flPopup a.btn.btn_medium,
div.licenseapp a.btn.btn_medium,
.acctApplication a.btn.btn_medium,
#signup a.btn.btn_large,
.formLayout a.btn.btn_large,
.flPopup a.btn.btn_large,
div.licenseapp a.btn.btn_large,
.acctApplication a.btn.btn_large,
#signup a.btn.btn_xlarge,
.formLayout a.btn.btn_xlarge,
.flPopup a.btn.btn_xlarge,
div.licenseapp a.btn.btn_xlarge,
.acctApplication a.btn.btn_xlarge,
#signup a.btn.btn_xxlarge,
.formLayout a.btn.btn_xxlarge,
.flPopup a.btn.btn_xxlarge,
div.licenseapp a.btn.btn_xxlarge,
.acctApplication a.btn.btn_xxlarge,
.fontContainer a.btn.btn_small,
.fontContainer a.btn.btn_medium,
.fontContainer a.btn.btn_large,
.fontContainer a.btn.btn_xlarge,
.fontContainer a.btn.btn_xxlarge{
    height: 30px;
    padding-top: 6px;
}

    #signup a.btn.btn_small.btn_inverse,
    .formLayout a.btn.btn_small.btn_inverse,
    .flPopup a.btn.btn_small.btn_inverse,
    #signup a.btn.btn_medium.btn_inverse,
    .formLayout a.btn.btn_medium.btn_inverse,
    .flPopup a.btn.btn_medium.btn_inverse,
    #signup a.btn.btn_large.btn_inverse,
    .formLayout a.btn.btn_large.btn_inverse,
    .flPopup a.btn.btn_large.btn_inverse,
    #signup a.btn.btn_xlarge.btn_inverse,
    .formLayout a.btn.btn_xlarge.btn_inverse,
    .flPopup a.btn.btn_xlarge.btn_inverse,
    #signup a.btn.btn_xxlarge.btn_inverse,
    .formLayout a.btn.btn_xxlarge.btn_inverse,
    .flPopup a.btn.btn_xxlarge.btn_inverse,
    div.licenseapp a.btn.btn_small.btn_inverse,
    .acctApplication a.btn.btn_small.btn_inverse,
    div.licenseapp a.btn.btn_medium.btn_inverse,
    .acctApplication a.btn.btn_medium.btn_inverse,
    div.licenseapp a.btn.btn_large.btn_inverse,
    .acctApplication a.btn.btn_large.btn_inverse,
    div.licenseapp a.btn.btn_xlarge.btn_inverse,
    .acctApplication a.btn.btn_xlarge.btn_inverse,
    div.licenseapp a.btn.btn_xxlarge.btn_inverse,
    .acctApplication a.btn.btn_xxlarge.btn_inverse
    .fontContainer a.btn.btn_small.btn_inverse,
    .fontContainer a.btn.btn_medium.btn_inverse,
    .fontContainer a.btn.btn_large.btn_inverse,
    .fontContainer a.btn.btn_xlarge.btn_inverse,
    .fontContainer a.btn.btn_xxlarge.btn_inverse 
    {
        padding-top: 4px;
    }


#signup a.btn.btn_xlarge,
.formLayout a.btn.btn_xlarge,
.flPopup a.btn.btn_xlarge,
div.licenseapp a.btn.btn_xlarge,
.acctApplication a.btn.btn_xlarge,
.fontContainer a.btn.btn_xlarge
{
    width: 350px;
}

#signup a.btn.btn_xxlarge,
.formLayout a.btn.btn_xxlarge,
.flPopup a.btn.btn_xxlarge,
div.licenseapp a.btn.btn_xxlarge,
.acctApplication a.btn.btn_xxlarge,
.fontContainer a.btn.btn_xxlarge,
.fontContainer a.btn.btn_2xlarge
{
    width: 375px;
}



#signup a.btn.btn_large,
.formLayout a.btn.btn_large,
.flPopup a.btn.btn_large,
div.licenseapp a.btn.btn_large,
.acctApplication a.btn.btn_large,
.fontContainer a.btn.btn_large
{
    width: 275px;
}

#signup .btn_medium,
.formLayout .btn_medium,
.flPopup .btn_medium,
div.licenseapp a.btn.btn_medium,
.acctApplication a.btn.btn_medium,
.fontContainer a.btn.btn_medium
{
    width: 200px;
}

#signup .btn_small,
.formLayout .btn_small,
.flPopup .btn_small,
div.licenseapp a.btn.btn_small,
.acctApplication a.btn.btn_small,
.fontContainer a.btn.btn_small
{
    width: 100px;
}


.fontContainer table[class*="Table"] input[type="text"],
.fontContainer table[class*="Table"] select {
    padding: 3px 0 2px 10px;
    height: 25px;
}


    /*#signup a.btn.btn_medium.btn_inverse:hover,
    .formLayout a.btn_medium.btn_inverse:hover,
    .flPopup a.btn_medium.btn_inverse:hover,
    #signup a.btn_large.btn_inverse:hover,
    .formLayout a.btn_large.btn_inverse:hover,
    .flPopup a.btn_large.btn_inverse:hover,
    #signup a.btn.btn_medium.btn_inverse:active,
    .formLayout a.btn_medium.btn_inverse:active,
    .flPopup a.btn_medium.btn_inverse:active,
    #signup a.btn_large.btn_inverse:active,
    .formLayout a.btn_large.btn_inverse:active,
    .flPopup a.btn_large.btn_inverse:active,
    #signup a.btn.btn_medium.btn_inverse:focus,
    .formLayout a.btn_medium.btn_inverse:focus,
    .flPopup a.btn_medium.btn_inverse:focus,
    #signup a.btn_large.btn_inverse:focus,
    .formLayout a.btn_large.btn_inverse:focus,
    .flPopup a.btn_large.btn_inverse:focus,
    #signup a.btn_xlarge.btn_inverse:hover,
    .formLayout a.btn_xlarge.btn_inverse:hover,
    .flPopup a.btn_xlarge.btn_inverse:hover,
    #signup a.btn_xlarge.btn_inverse:active,
    .formLayout a.btn_xlarge.btn_inverse:active,
    .flPopup a.btn_xlarge.btn_inverse:active,
    #signup a.btn_xlarge.btn_inverse:focus,
    .formLayout a.btn_xlarge.btn_inverse:focus,
    .flPopup a.btn_xlarge.btn_inverse:focus  {
        padding-top:8px;
    }*/


#signup input[type="checkbox"] + label {        
    margin-top:5px;
    display:-webkit-inline-flex;
    display: -ms-inline-flex;
}
    #signup input[type="checkbox"] + label:before {
        margin-top:-7px;        
    }

.flPopup {
    position: absolute;
    width: 900px;
    TOP:0;            
    background-color:white;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;	
	text-align: center;	
	border-radius: 20px;
	behavior: url(/scripts/PIE/PIE.htc);
    background-repeat: no-repeat;
    font-weight: bold;
    z-index: 5001;
    padding: 25px;
    text-align: left;                        
    margin-left:50px;
    margin-top:150px;    
}
.flPopup div.bottom {
    margin-right: -25px;
    margin-top: 20px;
}

.flOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 4500px;
    width: 100%;
    background-image: url('/Images/opbg.png');
    background-repeat: repeat;
    z-index: 5000;
}

.flPopup.large {
    width: 1200px;    
    height: auto;
    margin-left: -100px;
    margin-right: 275px;
    margin-top: 50px;
}

    .flPopup.large div.bottom {
        bottom:50px;
    }

.flPopup.medium {
    width: 600px;            
    height: 400px;
    margin-left:200px;
    margin-right:200px;
    margin-top:250px;
}
.flPopup.medium div.bottom {        
        top:325px;                
    }

.flPopup.small {
    width: 450px;            
    height: 300px;
    margin-left:275px;
    margin-right:275px;
    margin-top:300px;
}
    .flPopup.small div.bottom {
        top:225px;        
    }



.flPopup.purple,
.flPopup .purple {
    color: #6D207C
}

.flPopup h1 {
    margin-top:20px;
}

.flPopup .center-text,
.flPopup.center-text {
    text-align:center;
}
.flPopup p{
        font-weight:500;
}
.flPopup.medium div.bottom {
    position:absolute;
    bottom:0px;
}
.flPopup.purple input[type=checkbox] + label {
    color: #6D207C;
}
a[id='lnkValidateLicenses'] { color: #FFFFFF !important; }
a.btn.right {
    float:right;
}
div.center {
    width:100%;
    text-align:center;
}

.ui-dialog .ui-dialog-content.ui-dialog-spinner
{
    background: url("/images/ajax-loader.gif") no-repeat scroll 5px 15px transparent;
    padding: 30px 0 0px 70px;
    border: 2px solid #DDDDDD;
    font-weight: 900;
    line-height: 1em;
    font-size: 1.1em;
    color: #737373; 
}
.textRight{
    text-align:right;
}
