/* ___________________________ */ /* _________REPSONSIVE: DESKTOP */ /* ___________________________ */ * {margin:0; padding:0;} html {background:url('/shared-app-content/images/background.png') repeat scroll 0 0 #362416;} body {font: 90%/140% Helvetica, Arial, Verdana, sans-serif; color: #333; text-align: left;} a {text-decoration: none; color: #3c6489; text-decoration: underline;outline:none;} /* blue */ a:visited {text-decoration: none; color: #666666; text-decoration: underline;} a:hover {text-decoration: underline; color: #666666; text-decoration: none;} a:active {text-decoration: none; text-decoration: underline; color:#333;} /* UTAH.GOV SITEWIDE HEADER DIV */ #ugov-header {width: 100%; height: 31px; margin: 0;} #ugov-header input {margin-right: 6px; width: 240px; height: 20px; } #ugov-header input[type="submit"] {width: auto; margin-right: 6px;} #search_activator {line-height:100%} /*LAYOUT */ .rounded {-webkit-border-radius:8px; -moz-border-radius:8px;} #wrapper {margin: 0 auto; position: relative;} #wrapper {width: 988px; background: #fff url(/shared-app-content/images/content-bg.gif) left top repeat-y; margin: 10px auto; border:3px solid #fff;} #wrapper.shadow {box-shadow: 0px 0px 35px #333333;-webkit-box-shadow: 0px 0px 35px #333333; -moz-box-shadow: 0px 0px 35px #333333;} #footer {clear: both; width: 988px; margin: 0 auto 0 auto; color: white; text-align: center; font-size: .8em; } #footer a {color: white;} #header h1 {text-indent: -5555em;} #header {background: url(/shared-app-content/images/header.png) no-repeat #000; width: 988px; height: 36px; position: relative; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px;} #header p {text-indent: -5555px;} /* -------- Secondary Navigation ---------- */ #secondary-nav {position: absolute; right:10px; top:0; width: 340px; height: 25px; background: #808080; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border: 1px solid white; border-top: none; list-style: none; color: white; font-size: 12px;} #secondary-nav li {float: left; line-height:25px; border-left: 1px dotted white;} #secondary-nav li a {display: block; text-align: center; line-height: 25px; color: white; text-decoration: none;} li#subNavRegistrants {width: 85px; border: none; } li#subNavFAQ {width:67px} li#subNavHelp {width: 80px; } li#subNavFontSizing {position: absolute; right: 0; width: 108px; text-align: center;} li#subNavFontSizing a {display: inline;} a.small {font-size: .8em;} a.normal {font-size: 1em;} a.big {font-size: 1.2em;} /* -------- Main Content Area -------- */ #main {background: white; width: 690px; float: left; position:relative; /* border-right:1px solid #dadada; */} #main h3, #main h4, #main h5, #main h6, #main p, #main address, #main blockquote, #main ul, #main ol, #main .pageInstructions {margin: 1em 20px; font-weight: normal; } #main ul, #main ol {margin: 1em 20px 1em 36px; font-weight: normal;} #main ul li {} #main ul {list-style-image: url(/shared-app-content/images/bullet.gif); } #main h2 {color: #3c6489; border-bottom: 1px dotted #ccc; margin: 1em 20px; padding-bottom: 5px; font-weight: normal;} #main h3 {color: #6d8faf; font-weight: normal;} #main #answers h4 {font-weight: bold;} #main p.question {font-weight: bold; margin:2em 20px -1em 20px;} #main p.answer {margin-left: 30px;} #main #visitConnectButton {position: absolute; top: 40px; right: 10px;} #main .headerLink {position: absolute;right: 20px;top: 105px;} /* -------- Main Content Images -------- */ #main img, #sidebar img {border: none;} #main .imageRight {float: right; margin: 0 0 1em 1em; background: white url(/shared-app-content/images/img_bg_shadow.gif) bottom right no-repeat; padding: 6px 11px 11px 6px; border-top: 10px solid #fff; border-left: 10px solid #fff;} #main .imageLeft {float: left; margin: 0 1em 1em 0; background: white url(/shared-app-content/images/img_bg_shadow.gif) bottom right no-repeat; padding: 6px 11px 11px 6px; border-top: 10px solid #fff; border-left: 10px solid #fff;} /* -------- Sidebar Stuff -------- */ #sidebar {font-size: .8em; width: 297px; float: right; } #sidebar h2 {text-indent: -9999em; width: 297px; margin: 0; padding: 0; height: 85px; background: url(/shared-app-content/images/sidebar-h2-bg.jpg) left top no-repeat; border-bottom:0;} #sidebar h3 {color: #6d8faf; font-weight: normal; font-size: 16px; border-bottom: 1px dotted #ccc;} #sidebar h3, #sidebar h4, #sidebar ul, #sidebar p, #sidebar table {margin: 1em 20px;} #sidebar h4 {color: #362416; font-size: 14px; font-weight: normal; margin-top: -.5em; display:inherit} #sidebar ul, #sidebar ol, #sidebar p {list-style: circle; list-style-position: inside; margin: 1em 20px; width: 257px;} #sidebar h3+p, #sidebar h3+ul {margin-top: -1em;} #sidebar form p#helpful label {padding-left: 4px;} #sidebar form p textarea#feedback-textarea {width: 244px; height: 50px; } #sidebar form h3 {margin: 1em 0;} #sidebar #loginStatus {background-color: #e6e6e6; height:25px; text-align: right; line-height: 35px; color:#fff;} #sidebar #loginStatus form { display:inline;} #sidebar input[type=text], #sidebar input[type=password], #sidebar input.text, #sidebar textarea {width: 254px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: #f2f2f2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #sidebar textarea {height: 160px; font-family: Helvetica, Arial, sans-serif; font-size: 13px;} #sidebar input[type=text]:focus, #sidebar input[type=password]:focus, #sidebar input.text:focus, #sidebar textarea:focus {background: white;} /* -------- Sidebar Stuff -------- */ #sidebar h3, #sidebar h4, #sidebar ul, #sidebar p, #sidebar table {margin: 1em 20px;} #sidebar h4 {color: #362416; font-size: 14px; font-weight: normal; margin-top: -.5em;line-height:120%;} /* -------- GovPay Sidebar Icons -------- */ #sidebar.govpay h4 {background: url(/govpay/checkout/images/govpay-sidebar-icon-secure.jpg) left top no-repeat; padding-left: 52px; height: 45px; line-height:120% !important; } #sidebar.govpay h4#sslEncryption {background-image: url(/govpay/checkout/images/govpay-sidebar-icon-secure.jpg);} #sidebar.govpay h4#pci {background-image: url(/govpay/checkout/images/govpay-sidebar-icon-pci.jpg);} #sidebar.govpay h4#verified {background-image: url(/govpay/checkout/images/govpay-sidebar-icon-verified.jpg);} #sidebar.govpay h4#dataStorage {background-image: url(/govpay/checkout/images/govpay-sidebar-icon-data.jpg);} /*TABLES & FORMS */ .searchForm {position: relative; height:30px;} input.textField {border: 0px; background: url(/shared-app-content/images/elements.png) no-repeat -2px -208px; height:27px; font-size: .9em; padding:5px 3px 0px 3px; color:#3c6489;} input.submitButton {border: 0px; background: url(/shared-app-content/images/elements.png) no-repeat -396px -208px; height:27px; font-size: .9em; width:55px; text-indent: -5555px; cursor: pointer; position: absolute;} input#searchField { position: absolute; top:0; left:0; width:396px; } input#searchSubmit { position: absolute; top:0; left:396px;} /*MISC */ .skipnav {text-indent: -5555px;} .clear {clear: both;} .alpha a {border:1px solid #3c6489; padding:3px 4px;} .alpha a:hover { background-color: #3c6489; color: #fff; } .instructions {font-size:.8em;} /* ----------- Header Styles ----------- */ h2, h3, h4 {margin: 1em 20px; color: #3c6489; border-bottom: 1px dotted #ccc; padding-bottom: .2em; font-weight: normal;} h2 {font-size: 1.6em; } h3 {color: #6d8faf; font-size: 1.4em; } h4 {font-size: 1.2em;} /* ################## SHOULDN'T HAVE TO MESS WITH ANYTHING BELOW THIS ################## */ /* ///////////////////////////////////////// START FORM STYLES ///////////// */ #main form {} #main fieldset {border: none; margin-bottom: 1em;} #main legend {font-size: 1.4em; color: #6d8faf; padding-bottom: 1em;} #main p {position: relative; margin: 0 20px 1.2em 20px; line-height: 24px; width: 650px; /* width need for positioning in IE */ } #main label {display: block; float: left; width: 180px; text-align: right; margin-right: 10px; line-height: 27px; background: #fff; color: #000;position:relative;} #main form p.twoLine label {line-height: 1.2em;}/* for labels that wrap to 2 lines */ #main p.noLabel {margin-left: 210px; width: auto;}/* for items with no label */ #main p.noLabel.flush {margin-left: 20px; width: auto;}/* for items with no label, and flush */ form p.threeLine {height: 3em;} form p.fiveLine {height: 5em;} form p.fiveLine label {line-height: 1.2em;} /* INPUTS */ #main input[type=text],#main input[type=email], #main input[type=password], #main input.text, #main textarea {width: 280px; font-size: 13px; line-height: 21px; height: 21px; border: 1px solid #e0e0e0; padding: 4px 4px 0 4px; background: #FAFAFA; border-radius: 4px;} #main input:focus {background: #fff;box-shadow: inset 2px 2px 3px #eaeaea, 0px 0px 7px rgba(35,35,35,0.05);border:1px solid rgba(82, 168, 236, 0.8)} #main textarea {height: 160px; font-family: Helvetica, Arial, sans-serif; font-size: 13px;} #main textarea:focus {background: #fff; } #main .radio, #main .checkbox {width: auto; height: auto; float: none; margin-right: 6px;} #main select {width: auto;} #main #country {width: 290px;} form p span.required {color: #999999;font-size: 70%;font-weight: bold;left: 15px;position: relative;} /* ----------- Definition List for displaying data as opposed to a two column Table ----------- */ #main dl {background: #e6e6e6; border-radius: 4px; overflow: auto; width: 650px; margin: 1em 20px;} #main dt, #main span.label {display: block; float: left; line-height: 32px; height: 32px; margin: 0 10px 10px 0; position: relative; text-align:right; width: 180px; line-height: 100%;} #main dt.twoLine {line-height:1.2em;} #main dd {color: #666; height: auto; line-height: 32px; height: 32px; padding: 0; width: auto; margin: 0 0 10px 0;} /* ----------- for Multi-Column Checkboxes / Radio Buttons GIVE FIELDSET CLASS="MULTICOLUMN" & wrap columns in DIVs ----------- */ #main form fieldset.multicolumn div {width: 148px; float: left; margin-left: 20px;} #main form fieldset.multicolumn div p {margin: 0 0 10px 0; width: auto; background: white;} #main form fieldset.multicolumn div p label {display: inline; float: none; width: auto; text-align: left; margin: 0; background: white;} /* ----------- Radio Button YES/NO Questions ----------- */ #main form p.radio {margin-left: 210px; } #main form p.radio .twoline {line-height: 13px;} #main form p.radio .yesNo {position: absolute; left: -150px; top: 0; background: #f2f2f2; width: 120px; height: 24px; padding: 0 10px; text-align: right; border: 1px solid #999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #main form p.radio .yesNo label {display: inline; float: none; margin: 0 10px 0 0; padding: 0 0 0 3px; background: transparent; width: auto;} #main form p.radio .yesNo input {display: inline; margin: 0; padding: 0; width: auto;} /* ----------- Radio Button Group (NOT YES/NO) ----------- */ #main form fieldset.radio {margin-bottom: 1.2em;} #main form fieldset.radio p {margin-bottom: 0;} #main form fieldset.radio label {float: none; width: auto; text-align: left; margin-left: 190px;} #main form fieldset.radio input {width: auto; position: absolute; left: 170px; top: 5px;} /* ----------- Radio: Multiple Payment ------------- */ #main form #multiplePayment p em {clear: both; display: block;} #main form #multiplePayment p.radio {margin-left: 20px; } #main form #multiplePayment p.radio label {text-align: left;clear:both;} #main form #multiplePayment p.radio label.other {width:125px;} #main form #multiplePayment p.radio label input {margin-right:7px;} #main form #multiplePayment p.radio input[type="text"]#otherValue {width: 75px;} /* ----------- Radio ------------- */ #multiplePayment .radio #main label {text-align: left;} #multiplePayment .radio #main label input {margin-right:7px;} /* ----------- Checkbox Paragraph ----------- */ #main p.checkboxes label {float: none; width: auto; display: inline; } #main p.checkboxes input {margin: 0 6px 0 170px; } /* ----------- ERRORS and Hints/Instructions ----------- */ #main p.errors { color: red; background: url(../images/error.gif) 4px 1px no-repeat; padding: 0 4px 0 30px; width: 614px; } .errors {color: red;} #main p.error, #main em.errors {color:red;} #main span. {color: red;font-size: 11px; font-style: italic;left: 488px; line-height: 14px; position: absolute; text-align: left; top: 0; width: 146px; z-index: 100;display: block !important;} #main span.success {background:url(../patterns/validation/feedback-check.gif) no-repeat;height: 10px;margin-top: 5px;} #main .feedback {position: absolute; top: 0; left: 490px; width: 138px; color: red; font-size: 11px; padding: 4px 0 0 22px; line-height: 10px; text-align: left; background: url(../images/error.gif) left 2px no-repeat; height: 20px; z-index: 100;} #main em.erros {position: absolute; top: 0; left: 490px; width: 138px; color: red; font-size: 11px; padding: 4px 0 0 22px; line-height: 10px; text-align: left; background: url(../images/error.gif) left 2px no-repeat; height: 20px; z-index: 100;} #main .feedback. {padding: 4px 0 0 22px; display: block !important;} #main .instructions {position: absolute; top: 0; left: 490px; width: 146px; font-size: 11px; line-height: 14px; color: #333; text-align: left; font-style: italic; background: #ffffcc; padding: 6px; border: 1px solid #ccc; z-index: 200; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: none;} #main div.instructionsLink {border-radius: 4px 4px 4px 4px; color: #333333; font-size: 11px; font-style: italic; left: 211px; line-height: 14px; position: static; text-align: left; width: 600px;} #main .block {background: none repeat scroll 0 0 #FEFEFE;border: 1px solid #FAFAFA;border-radius: 5px 5px 5px 5px;margin: 8px 20px 10px;padding: 10px 10px 0;} #main .block p {width:610px} #main .block h3, #main .block h4 {margin: 5px 5px 10px 22px;padding: 0;} /* ----------- Widths for Smaller and Odd Sized Inputs ----------- */ #main .whatsThis {font-size: 11px; color: #333; text-align: left; font-style: italic; margin: 0 0 0 6px; z-index: 200;} #main input.postalcode {width: 5em; } #main input.phone, #main input.amount {width: 10em; } #main input#cvv {width: 2.6em;} /* ----------- Styles for DATE INPUT ----------- */ #main p.date input, #main p.date select {margin-right: 10px;} #main input#date, #main input#expireDate {width: 2em;} #main input#year, #main input#expireYear, #main input.year {width: 3em; } #main p.date label.hiddenDateLabel {position: absolute; width: 0; margin: 0; left: -9999em;} /* ----------- BUTTONS BUTTONS BUTTONS Paragraph Class 'buttons' sets A, INPUT & BUTTON elements to appear the same ----------- */ #main .buttons {overflow:hidden; margin: 1em 20px 1em 210px; width:auto;min-height: 45px;} #sidebar .buttons {overflow: hidden; margin: 1em 20px; } #main .flush {margin-left: 20px; } #main .buttons.right {float:right;} #main .buttons a.noButton,#main .buttons button.noButton,#main .buttons input.noButton,#main .buttons #buttonCancel,#main .buttons #buttonBack, #main .buttons a[rel="account_checkboxes"] {background: none;border: medium none;box-shadow: none;color: #666;font-size: 90%;} #main .buttons a.noButton:hover,#main .buttons button.noButton:hover,#main .buttons input.noButton:hover,#main .buttons #buttonCancel:hover,#main .buttons #buttonBack:hover, #main .buttons a[rel="account_checkboxes"]:hover,#main .buttons a[rel="account_checkboxes"]:active {background:none; filter:none;text-decoration:underline;box-shadow:none;border:none;border-color:none} #main .buttons a.noButton:active,#main .buttons button.noButton:active,#main .buttons input.noButton:active,#main .buttons #buttonCancel:active,#main .buttons #buttonBack:active {color:#666;} #main .buttons button.superRound {border-radius:2em 2em 2em 2em} #main .buttons a, #main .buttons button, #main .buttons input, #sidebar .buttons a, #sidebar .buttons button, #sidebar .buttons input, a.button { display: block; text-decoration: none; font-size: 13px; height: 36px; line-height: 32px; padding: 0 10px 3px; margin: 0 10px 0 0; float: left; cursor: pointer; text-align: center; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #FFF; border: solid 1px #334F67; background: #334F67; box-shadow: 0 1px 0px #DADADA inset; overflow:visible; } /* #main .buttons a, #sidebar .buttons a {height: 28px;line-height: 31px;} */ #main .buttons a, #sidebar .buttons a, a.button {height: 31px;line-height: 36px;} #main .buttons a:hover, #main .buttons button:hover, #main .buttons input:hover, #sidebar .buttons a:hover, #sidebar .buttons button:hover, #sidebar .buttons input:hover, a.button:hover { /* background: #666; color: #fff; */ /* border: solid 1px #0d2235; */ background: #293F52; background: -webkit-gradient(linear, left top, left bottom, from(#2D597A), to(#293F52)); background: -moz-linear-gradient(top, #2D597A, #293F52); box-shadow: 0 1px 0px #dadada inset; } #main .buttons a:active, #main .buttons button:active, #main .buttons input:active, #sidebar .buttons a:active, #sidebar .buttons button:active, #sidebar .buttons input:active, a.button:active { /* color: white; background: #333; */ color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#334F67), to(#101E3D)); background: -moz-linear-gradient(top, #334F67, #101E3D); position:relative;top:2px; box-shadow:0; } #main .buttons input[type=hidden], #sidebar .buttons input[type=hidden] {display:none;} #main p.buttons .bttnAction {float: right; margin-right: 0;} /* BUTTONS: Colors */ /* black */ #main .buttons button.black, #main .buttons input[type=submit].black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); } #main .buttons button.black:hover, #main .buttons input[type=submit].black:hover { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); } #main .buttons button.black:active, #main .buttons input[type=submit].black:active { color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); } /* white */ #main .buttons button.white, #main .buttons input[type=submit].white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); } #main .buttons button.white:hover, #main .buttons input[type=submit].white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); } #main .buttons button.white:active, #main .buttons input[type=submit].white:active { color: #000; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); } /* orange */ #main .buttons button.orange, #main .buttons input[type=submit].orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); } #main .buttons button.orange:hover, #main .buttons input[type=submit].orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); } #main .buttons button.orange:active, #main .buttons input[type=submit].orange:active { color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); } /* lightblue */ #main .buttons button.lightblue, #main .buttons input[type=submit].lightblue { color: #FFF; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); } #main .buttons button.lightblue:hover, #main .buttons input[type=submit].lightblue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); } #main .buttons button.lightblue:active, #main .buttons input[type=submit].lightblue:active { color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); } /* blue */ #main .buttons button.blue, #main .buttons input[type=submit].blue { color: #FFF; border: solid 1px #0076a3; background: #334F67; background: -webkit-gradient(linear, left top, left bottom, from(#7B98B3), to(#334F67)); background: -moz-linear-gradient(top, #7B98B3, #334F67); } #main .buttons button.blue:hover, #main .buttons input[type=submit].blue:hover { background: #293F52; background: -webkit-gradient(linear, left top, left bottom, from(#2D597A), to(#293F52)); background: -moz-linear-gradient(top, #2D597A, #293F52); } #main .buttons button.blue:active, #main .buttons input[type=submit].blue:active { color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#334F67), to(#7B98B3)); background: -moz-linear-gradient(top, #334F67, #7B98B3); } /* -------- Main Content Table -------- */ #main table {width: 651px; max-width: 651px; margin: 1em 20px; border: 0; border-collapse: collapse;} #main table tr.alt {background: #f2f2f2;} #main table tr.over {background: #6d8faf; color: white;} #main table tr.over a {color: white;} #main table th, #main table td {padding: 4px; border: 1px solid #e6e6e6;vertical-align: top;} #main table th {background: #e6e6e6; color: #6d8faf; font-weight: normal;} #main table.confirmationTable th, #main table td {font-size: 12px;} #main table.confirmationTable, #main table.confirmationTable td, #main table.confirmationTable th {border:0;width:auto;} #main table.confirmationTable tr td:first-child, #main table.confirmationTable th:first-child {text-align: left; width: 165px;} #main table.confirmationTable th {text-align: right; background-color: transparent; color:#333; font-weight: bold;} /* ///////////////////////////////////////// END FORM STYLES ///////////// */ /* ----------- DROP DOWN MENUS ----------- */ #main ul#menu, #main ul#menu li, #main ul#menu li a {border:none;border:0px;margin:0px;padding:0px;} #main ul#menu, #main ul#menu li, #main ul#menu li a, #main ul#menu li ul a { height:25px; line-height:25px;} #main ul#menu { background-color:#e6e6e6; list-style:none; } #main ul#menu li { float:left;} #main ul#menu li a { display:block; padding:0px 25px; text-align:center; text-decoration:none; } #main ul#menu li a:hover,.menu ul li:hover a { /*background:#2580a2 url("images/hover.gif") bottom center no-repeat;*/ color:#fff; text-decoration:none; } #main ul#menu li ul { /*background:#333;*/ display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200; } #main ul#menu li:hover ul { display:block; } #main ul#menu li li { display:block; float:none; margin:0px; padding:0px; width:225px; } #main ul#menu li:hover li a { background:none; } #main ul#menu li ul a { display:block; padding:0px 10px 0px 15px; text-align:left; } #main ul#menu li ul a:hover,.menu li ul li:hover a { border:0px;} #main ul#menu p { clear:left; } .confirmStatement {font-weight: bold; text-transform: uppercase;} /************** MESSAGING **************/ #main p.message, #main div.message {margin: 10px 20px 0; padding:10px 0 2px 75px;border-radius:3px;min-height:52px;} #main div.message p {width:540px;} #main p.message {width:575px;} #main p.message.alert, #main div.message.alert {background: url("/shared-app-content/images/message-yeild.gif") no-repeat scroll 15px center #fafaf2; border: 1px solid #e4ac79; /* color: #973201; */ margin: 10px 20px;} #main p.message.alert h3, #main div.message.alert h3 {color: #973201;border-bottom:1px dotted #E4AC79} #main div.message.error {background: url("/shared-app-content/images/message-delete.gif") no-repeat scroll 20px center #FFF0F5; border: 1px solid #C70646; color: #C70646; margin: 10px 20px; } #main p.message.error h3, #main div.message.error h3 {color: #C70646;border-bottom:1px dotted #C70646} #main div.message.success {background: url("/shared-app-content/images/message-success.gif") no-repeat scroll 15px center #F2FCF3; border:solid 1px #060;} #main p.message.success h3, #main div.message.success h3 {color: #060;border-bottom:1px dotted #060} #main div.message.pdf {background:url("/shared-app-content/images/message-pdf.gif") no-repeat scroll 10px center #fafafa; border:solid 1px #dadada;} #main div.message.print {background:url("/shared-app-content/images/message-print.png") no-repeat scroll 10px center #fafafa; border:solid 1px #dadada;} #main p.message.money, #main div.message.money {background: url("/shared-app-content/images/message-money.png") no-repeat scroll 8px center #F2FCF3; border: 1px solid #060;} #main p.message.money h3, #main div.message.money h3 {color: #060;border-bottom:1px dotted #060} /************** GOVPAY **************/ #cardHint {left:485px} #cvvInfo {margin-left: 190px} .hintOptional {clear:both; color:#930;font-style: italic;} /* label[for=street] {font-size:24px;} */ label[for=street] em {display:inherit;} #cvvPrompt {font-size:11px; font-style: italic;margin-left:8px;position:absolute;top:3px;} div#ccvInfo {margin-left:190px;} #messageCardType, #acceptedCardTypes {font-size:11px;left:-130px;position:relative;text-align:right;display:inline-block;} #messageCardType . {font-style:italic;left:460px;line-height:100%;position:absolute;width:200px;margin-top: 0} #messageCardType . img {margin-right:10px; margin-top: 5px;} .loading {background: url("/shared-app-content/images/ajax-loader.gif") no-repeat scroll center center;text-indent: -99999px; min-height:40px; min-width:40px;} #main em. {font-size: 11px;left: 490px;line-height: 106%;position: absolute;text-align: left;width: 138px;min-height:30px;} /************** Master Accounts Management Login Design Pattern **************/ #main form#amlogin {min-width:255px;width:260px; float:right; padding:5px; background: none repeat scroll 0 0 #FCFCFC;border: 1px solid #DADADA;border-radius: 5px 5px 5px 5px;margin: 8px 10px 10px;} #main form#amlogin label {float:none; display: block; text-align: left; background-color: transparent;} #main form#amlogin .errorMessage, #main form#amlogin p, #main form#amlogin #accountHelpers, #main form#amlogin .buttons, #main form#amlogin h3, #main form#amlogin ol, #main form#amlogin ul, #main form#amlogin input {width:240px;min-width:235px;} #main form#amlogin input[type=text] {margin:0px} #main form#amlogin .errorMessage {background-image: none; padding:0 5px; width:240px; margin:5px 5px 20px 5px; color:red; color: #B1200A;font-family: georgia;font-size: 0.9em;font-style: italic;} #main form#amlogin p {padding:5px; margin:0; height:auto;line-height: 140%;clear: both;} #main form#amlogin #accountHelpers { margin-left:10px; font-size: .8em;} #main form#amlogin .buttons {height:auto} #main form#amlogin .buttons button {width:102%; margin:0;font-size:15px;} #main form#amlogin h3 {color: #333; margin:5px;font-size: 16px;min-width:242px;} #main form#amlogin ul li {list-style: none outside none;margin-bottom: 5px;} #main form#amlogin {position: absolute;left: 690px;top: 88px; z-index: 100;} #main form#account .feedback {display:block;} #main #dynamicAppContent {min-height: 550px; /*430 for small */} #main #dynamicAppContent a.searchLink {position: relative; width: 497px; z-index: 10;} #main #dynamicAppContent {float:left; min-width: 385px; max-width:690px} #main #dynamicAppContent ul,#main #dynamicAppContent ol, #main #dynamicAppContent h4, #main #dynamicAppContent h3, #main #dynamicAppContent p {min-width: 380px; max-width:685} /* ============================= */ /* ! Animations, Say Whuuuuuuut?! */ /* ============================= */ #main input[type="text"] {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}