/* THEME: Customizable Options */ * {margin:0; padding:0;} html {background:url("../images/page-bg.png") repeat-x scroll 50% 0 #6F6D62; font-size:0.85em} body {font: 90%/140% Arial, Verdana, sans-serif; color: #333; text-align: left;} .hidden {display: none;} a {text-decoration: none; color: #A64E00; text-decoration: underline;} /* RedOrange */ a:visited {text-decoration: underline;} a:hover {text-decoration: none;} a:active {text-decoration: none; text-decoration: underline; color:#333;} a, button, a:focus, button:focus, button:-moz-focus-inner { border: 0; outline:none;} /* UTAH.GOV SITEWIDE HEADER DIV */ #ugov-header {width: 100%; height: 31px; margin: 0; border-bottom: 3px solid #A64E00;} #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 */ #wrapper {border:none; margin:0 auto 10px; background: #FFFFFF; border-radius:0 0 8px 8px; position: relative;} #wrapper,#header, #main h1, #footer {width:800px} #header {margin: 0 auto; height:88px; background:url("../images/top_tab.png") no-repeat scroll 0 15px transparent; overflow: hidden;} #header h1 a {display: block; height: 60px; margin-top: 15px; width: 440px; text-indent: 100%; white-space: nowrap; overflow: hidden;} .rounded {border-radius:8px;} #footer {clear: both; margin: 0 auto 0 auto; color: #404040; text-align: center; font-size: .8em; } #footer a {color: #AAA9A2;} #secondary-nav, #sidebar h2 {display:none;} hr {border: none; background: #EEE; height: 1px; display: block; margin: 10px 0; clear: both;} fieldset {border:none} /* MAIN CONTENT AREA */ #main {width: auto; background: transparent; float: left; position:relative;} #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 h1,#main h2,#main h3,#main h4,#main h5,#sidebar h3, #sidebar h4,#main a {color:#A64E00; font-weight: normal;} #main h1 {background: url('../images/dnr-sep.jpg') no-repeat; text-indent: -99999px;height:32px} #main h2 {background:url("../images/catbar-bg.png") no-repeat scroll 0 100% transparent; color:#666; font-size:15.5px; line-height:normal; margin:0px; padding:11px 16px 11px; text-transform:uppercase; border-bottom: none} #main h3 {font-weight: lighter;} #main input[type="text"], #main input[type="email"], #main input[type="password"], #main input.text, #main textarea {line-height: normal;} /* MAIN CONTENT IMAGES */ #main img {border: none;} /*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;} #main table {width:539px;} #main table th {background: none repeat scroll 0 0 #EEE; color: #A64E00; font-weight: normal;} /*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;} /* START FORM STYLES //// GLOBAL APP COPYPASTA */ #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: 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: 220px;} form p span.required {color: #999999;font-size: 70%;font-weight: bold;left: 15px;position: relative;} /* ERRORS and Hints/Instructions //GLOBAL COPYPASTA */ #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; 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;} /* HOMEPAGE CONTROLS */ #residents, #nonResidents {display: none} /* SIDEBAR */ #sidebar {display: none;} /* HEADER OPTIONS NAV */ #headerOptionsNav {overflow: hidden; margin: 0; padding: 0; } #headerOptionsNav ul {list-style: none; margin: 0 8px 0 0; padding: 0; float: right; } #headerOptionsNav ul li {float: left;} #headerOptionsNav ul li a {display: block; padding: 12px 9px 4px; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #808080} #headerOptionsNav ul li a:hover {} /* NAVIGATION */ #main input:focus {border: 1px solid #B6B6B6;} a.itemRemove {position: absolute; cursor: pointer; right: 10px; top: 10px;} /* MESSAGING */ #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; 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} /*INFO BOXES & MESSAGES */ #feature {margin: 2px 15px; width: auto; } #feature img {border-radius: 8px; } #infobox {padding: 8px 0;} #infobox .featureProcess { /*float:right;*/ } #infobox .featureMessage { display: block; font-style: italic; font-size: 12px; color:#333; text-align: center; clear: right; padding: 6px 0 12px 0; } #main p.error {background: url("/shared-app-content/images/error.gif") no-repeat; margin:6px; padding-left: 25px;} #main p.message, #main div.message {background:#EEE; border: 1px solid #D4D4D4; margin:10px; padding: 24px; position: relative; border-radius: 7px; min-height: auto;} #main .message p {margin:0;} #main .message h3 {margin:0; border:none;} .loginSep {padding: 0 0 8px 50px;} /* ACCOUNT CREATION */ #main p {width: 700px;clear:both;} #main form {margin: 10px;} #main input[type="text"], #main input[type="password"] {border: 1px solid #DADADA;font-size: 14px;padding: 5px; margin: 10px;float:left; background: #fafafa; height: auto;width:auto;font-family: Arial;font-weight: lighter; line-height: normal; color:#505050;} #main p.curFocus input[type="text"] {background: #FFFFFF;} #main select {margin-right: 20px; padding: 2px; } #main .userInfo p {line-height:110%;} .headContainer {background:white; height:39px} .headContainer img {border:0} .headContainer a {float:left; padding-left:16px; background: #FFF;} .headContainer #nav {float:right} .largeLink {font-size:18px;} /* LOGIN SCREEN */ #newcustomer, #returningcustomer { border-radius: 10px 10px 10px 10px; border: 1px solid #DADADA; width: 372px; float: left; font-size: 1em; /*min-height: 340px;*/ /*overflow: hidden;*/ } #newcustomer .buttons, #returningcustomer .buttons {} #main #returningcustomer .hflobuttons button, #main #returningcustomer .hflobuttons button:hover {float: right;} .login #login-step-dob, .login #login-step-id {} .login #login-step-dob {} .login #login-step-id {background-color: #FCFCFC; border-top: 4px solid #E1E1E1; margin: 0; padding: 0; border-radius: 0 0 10px 10px} #returningcustomer #customerSearchForm {margin:0;} #customerSearchForm #login-step-id {display: none; overflow: hidden; padding-top: 1em;} #newcustomer {margin: 6px 8px 12px 16px; min-height: 200px; overflow: hidden;} #returningcustomer{margin: 6px 16px 12px 8px;} #newcustomer ul, #newcustomer ol, #newcustomer p, #returningcustomer ul, #returningcustomer ol, #returningcustomer p {width: 322px;} #newcustomer p, #returningcustomer p {line-height: 18px;} #newcustomer label, #returningcustomer label {width: 100px; display: block; line-height: 28px; text-align: left; background: none transparent;} #newcustomer input.csearch, #returningcustomer input.csearch {width: 29px;} #newcustomer input.customerId, #returningcustomer input.customerId {width: 155px;} #newcustomer p.buttons input, #returningcustomer p.buttons input {float: right; background: #A64E00} #newcustomer .login label, #returningcustomer .login label {display: inline;} #newcustomer .login input, #returningcustomer .login input {width: 170px;float: right;} #newcustomer h3, #returningcustomer h3 { line-height: 20px; margin: 0; padding: 10px;} #newcustomer h3 + p, #newcustomer h3 + ul, #returningcustomer h3 + p, #returningcustomer h3 + ul { margin-top: 10px;} #newcustomer input[type="text"], #newcustomer input[type="password"], #newcustomer input.text, #newcustomer textarea, #returningcustomer input[type="text"], #returningcustomer input[type="password"], #returningcustomer input.text, #returningcustomer textarea { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #999999; border-radius: 4px 4px 4px 4px; font-size: 13px; height: 20px; line-height: 20px; padding: 4px 4px 0; margin-top: 0px; } #newcustomer .featureProcess {width: 330px;} #main.accountCreateEdit #returningcustomer {display: none;} #main.accountCreateEdit #returningcustomer p {line-height: normal; margin: 8px 12px;} #main.accountCreateEdit #returningcustomer input[type="text"] {} #main.accountCreateEdit #returningcustomer .loginSep {padding: 0 0 0 50px;} #main.accountCreateEdit #returningcustomer .buttons {position: static; bottom: 10px;} #main.accountCreateEdit .error {margin: 12px; width: 100%; font-size: 1em;} #main.accountCreateEdit #newcustomer {width:765px; min-height: auto;} #main.accountCreateEdit #newcustomer p {width:auto;} /* CREATE & EDIT ACCOUNT */ #main.accountCreateEdit #accountForm {padding: 8px; overflow: hidden; clear: both;} #main.accountCreateEdit #accountForm h3 {font-size: 14px; margin:14px 8px 9px 8px;} #main.accountCreateEdit #mainCustDetails h3 {margin-right: 30px;} #main.accountCreateEdit #mainCustDetails {background: #FFF; width: 460px; float: left; overflow: hidden;} #main.accountCreateEdit #asideCustDetails {background: #F8F8F8; width: 300px; float: left; overflow: hidden; border: 1px solid #ECECEC;} #main.accountCreateEdit #mainCustDetails ul, #main.accountCreateEdit #asideCustDetails ul {list-style: none; overflow: hidden;} #main.accountCreateEdit #mainCustDetails h3 {width: auto;} #main.accountCreateEdit #asideCustDetails h3 {width: auto;} #main.accountCreateEdit #mainCustDetails ul li {float: left; background: none; padding: 0 9px 0 1px;} #main.accountCreateEdit #asideCustDetails ul li {float: left; background: none; padding: 0 10px; width: 120px;} #main.accountCreateEdit #mainCustDetails label, #main.accountCreateEdit #asideCustDetails label {background: none transparent; width: auto; line-height: normal; font-size: 11px; color: #767676; display: block; float: none; clear: left;} #main.accountCreateEdit #mainCustDetails li input[type="text"], #main.accountCreateEdit #mainCustDetails li input[type="password"], #main.accountCreateEdit #asideCustDetails li input[type="text"], #main.accountCreateEdit #asideCustDetails li input[type="password"] {margin: 0; padding: 6px 6px 4px;} #main.accountCreateEdit #asideCustDetails ul.full li {float: none; width: auto;} #main.accountCreateEdit #mainCustDetails #emailNotice {background: #F6F6F6; clear: left; font-size: 0.9em; line-height: 120%; margin: 0 6px; padding: 6px 10px; width: 388px; box-shadow: 0 1px 1px #BABABA inset; border-radius: 0 0 5px 5px;} /* Field Specifics */ #main.accountCreateEdit #resflag {width: 84px;} #main.accountCreateEdit #driverlic {width: 90px;} #main.accountCreateEdit #driverlicstate {width: 186px;} #main.accountCreateEdit #address1 {width: 400px;} #main.accountCreateEdit #city {width: 296px;} #main.accountCreateEdit #zip {width: 80px;} #main.accountCreateEdit #statecode {width: 224px;} #main.accountCreateEdit #ctry {width: 160px;} #main.accountCreateEdit #dayphone, #main.accountCreateEdit #homephone {width: 190px;} #main.accountCreateEdit #email {width: 405px;} #main.accountCreateEdit #dob {width: 72px;} #main.accountCreateEdit #ssn {width: 80px;} #main.accountCreateEdit #gendercd {width: 68px;} #main.accountCreateEdit #weight {width: 80px;} #main.accountCreateEdit #hghtFt {width: 80px;} #main.accountCreateEdit #hghtIn {width: 80px;} #main.accountCreateEdit #hair {width: 80px;} #main.accountCreateEdit #eye {width: 80px;} #main.accountCreateEdit #hunterednbr, #main.accountCreateEdit #harvestednbr, #main.accountCreateEdit #archeryednbr {width: 87px;} #main.accountCreateEdit #hunteredstate, #main.accountCreateEdit #harvestedstate, #main.accountCreateEdit #archeryedstate {width: 130px; margin-left: 6px;} #main.accountCreateEdit #returningcustomer #dob, #main.accountCreateEdit #returningcustomer #ssn {width: 170px;} /*#main.accountCreateEdit input[type="text"] {float: none;}*/ /* USER INFO */ .userInfo {} #main .userInfo p.address {float:left;width:200px; margin:-20px 0 0 66px; font-size: 0.8em; color: #666;} #main .userInfo h2 {font-size: 14px;} #main #customerSearchForm p {width: auto;} #newAccount #customerSearchForm {overflow: hidden; width: 378px;} #newAccount #customerSearchForm input[type="text"], #newAccount #customerSearchForm input[type="password"] { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DADADA; float: right; font-family: Arial; line-height: normal; font-weight: lighter; height: auto; margin: 4px; padding: 6px; width: 190px;} #newAccount #customerSearchForm p.buttons button {float: right;} #newAccount #customerSearchForm p.buttons {/*float: right; margin: -65px 24px 0 0; */ padding: 1em 0 0;} #customerSearchResults #customerAddConfirm {width: 400px; border: 1px solid #EEE;} #customerSearchResults #customerAddConfirm span.custInfo {display:block; margin: 0 12px 8px;} #customerSearchResults #customerAddConfirm h5 {margin: 0.7em 12px;} #customerSearchResults #customerSearchForm ul {} #customerSearchResults #customerSearchForm ul li {background: #F5F5F5; border-bottom: 1px solid #EAEAEA; padding: 6px 8px; margin: 3px 0; border-radius: 5px;} #customerSearchResults #customerSearchForm ul li input[type="checkbox"] {margin-right: 4px;} #addExistingUser {overflow: hidden; background: #FFFFFF; padding: 12px 4px; border: 1px solid #F5F5F5; box-shadow: 0 1px 3px #a5a5a5 inset; border-radius: 7px;} #addExistingUser label {width: 100px; color: #6f6f6f; line-height:36px; font-size: 11px; background: none transparent;} #addExistingUser p {line-height: normal;} #main.customer-query #newAccount {float: left;} #main.customer-query #newcustomer {width: 348px; height: 227px; margin-top: 20px;} /* FAQ PAGE */ #main.faq {overflow: hidden;} #main.faq #questions {float: right; width: 268px; border: 1px solid #EEE; border-right: none;} #main.faq #questions ul {margin: 0} #main.faq #questions ul li {background: none transparent;} #main.faq #questions ul li:nth-child(odd) {background: #F5F5F5;} #main.faq #questions ul li a {display: block; padding: 8px 10px;} #main.faq #questions ul li a:hover {background: #A64E00; color: #FFF;} #main.faq #answers {float: left; width: 520px; overflow: hidden; border: 1px solid #EEE; border-left: none;} #main.faq #answers h3 {font-size: 1.1em; border: none;} #main.faq #answers p {width: auto; margin: 0 20px 1em; line-height: 18px;} #main.faq #answers div.answer {overflow: hidden;} #main.faq #answers div.answer:nth-child(odd) {background: #F5F5F5;} /*CHECKOUT*/ /* PROGRESS BAR */ #checkout_process {font-size:13px; background:transparent url(../images/progress/checkout-bg-light.jpg) repeat scroll 0 0; border:1px solid #E4E4E4; margin: -12px 0 0; padding:0; border-radius: 10px 10px 0 0; overflow: hidden; width:798px;} #checkout_process ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;} #checkout_process .active {background: #50757E; border-bottom: 1px solid #40656E; color:#FFFFFF;} #checkout_process .active a {color:#FFFFFF; text-decoration: none;} #checkout_process li {float:left; list-style-image:none; list-style-type:none; margin-bottom:0; margin-left:0; margin-top:0; padding:0;} #checkout_process .inactive, #checkout_process .completed, #checkout_process .active {float:left; padding:10px 20px;} #checkout_process .inactive {color:#999} #checkout_process .completed {color:#666} #checkout_process .completed:hover {background-color: #e4e4e4;} .checkoutNumber {margin-right:7px;} #checkout_process .completed .checkoutNumber { display:block; float:left; width:10px;height:10px; border:1px solid transparent;color:#E5E5E5;margin-left:-5px;padding:3px 7px; text-indent:-99999px; background:url(../images/progress/feedback-check.png) no-repeat 5px 1px transparent; } #checkout_process .active .checkoutNumber {border-radius:6px;background:transparent;color:#EEEEEE;margin-left:-5px;padding:3px 7px;} #checkout_process .inactive .checkoutNumber {border-radius:6px;background:none;color:#999;margin-left:-5px;padding:3px 7px;} #main .userAddExisting input[type='text'] {width:245px} /* SHIPPING */ #main #shippingForm p {margin:0;} #main #shippingForm label {clear:both; margin: 8px 12px 0; width: auto;} #shippingForm div {clear:both; margin-left:29px;} #shippingForm {width:425px; margin: 10px 0 10px 10px !important; float:left; overflow: hidden; border:1px solid #eaeaea; border-radius: 7px; padding-bottom: 10px;} #shippingForm #newShippingAddress {width: 400px; border:1px solid #EAEAEA; border-radius: 7px; margin:8px 10px 10px; padding-bottom: 20px; background-color:#F1F1F1} #shippingForm #newShippingAddress label {background-color: transparent; width: 90px; text-align: right;} #shippingForm #newShippingAddress select {margin: 10px;} /* HFLO BUTTONS */ /* normal buttons */ #main .hflobuttons, #main .buttons {min-height: 10px; overflow:hidden; margin: 1em 20px 1em 210px; width:auto;} #main .flush {margin-left: 20px; } #main .buttons.right, #main .hflobuttons.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 .hflobuttons a, #main .hflobuttons button, #sidebar .hflobuttons a, #sidebar .hflobuttons button, a.button, #main .hflobuttons a:hover, #main .hflobuttons button:hover, #sidebar .hflobuttons a:hover, #sidebar .hflobuttons button:hover, a.button:hover { display: block; float: left; padding: 11px 10px 9px; margin: 0 10px 0 0; text-decoration: none; font-size: 12px; height: auto; color: #FFF; line-height: normal; text-align: center; border-radius: 7px; text-transform: uppercase; overflow:visible; text-shadow: 0 1px 1px #b2430e; border: solid 1px #c1490f; background: url(../images/button-grad.png) repeat-x 0 0 #d15011; box-shadow: 0 1px 0px #ee9f5e inset; cursor: pointer; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); } #main .hflobuttons a:hover, #main .hflobuttons button:hover, #sidebar .hflobuttons a:hover, #sidebar .hflobuttons button:hover, a.button:hover { box-shadow: 0 2px 3px #d32d17 inset; padding: 12px 10px 8px; } #main .hflobuttons button, #main .hflobuttons button:hover {font-size: inherit; font-family: inherit; padding: 10px 9px 8px;} #main .hflobuttons {margin: 1em; line-height: normal;} #main .userRow .userpurchase {float: right; position: absolute; bottom:0; right:4px;} #main .userRow .userpurchase a, #main .userRow .userpurchase {font-size: 11px; height: auto; line-height: normal; margin: 0; padding: 8px 8px 5px;} #main .userRow .userpurchase a:hover {line-height: normal;} #main .hflobuttons a.goback, #main .hflobuttons a.goback:hover, #main .hflobuttons button.goback, #main .hflobuttons button.goback:hover { background-color: #EEEEEE; border: 1px solid #DFDFDF; box-shadow: 0 1px 0 #FFFFFF inset; color: #464646; text-shadow: 0 1px 1px #FFFFFF; } #main .hflobuttons a.cancel, #main .hflobuttons a.cancel:hover { border: solid 1px #5f5f5f; background-color: #6f6f6f; box-shadow: 0 1px 0 #818181 inset; text-shadow: 0 1px 1px #555; } #main .hflobuttons a.submitted, #main .hflobuttons a.submitted:hover, #main .hflobuttons button.submitted, #main .hflobuttons button.submitted:hover { background: url('../images/btnload.gif') no-repeat center center #E3E3E3; border: 1px solid #D3D3D3; box-shadow: 0 1px 0 #BEBEBE inset; color: #333; text-shadow: 0 1px 1px #FFF; overflow: hidden; text-indent: 200%; white-space: nowrap; } #main .hflobuttons a.goback:hover {box-shadow: 0 2px 2px #515151 inset;} #main #buttonCheckout .hflobuttons a, #main #buttonCheckout .hflobuttons button { font-size: 11px; margin: 0 6px 0 0; padding: 10px 5px 8px; } #main #buttonCheckout p.hflobuttons {margin:0; padding:8px 0 8px 10px;} /*Modify Forms for Errors*/ /* 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 ///////////// */ /* ERRORS & MESSAGES */ .error {background: #FFF; color: #c60000; padding: 5px; border-radius: 5px;} /* Master Error Style */ #main.accountCreateEdit .error { font-size: 11px; color: #FFF; background: url(../images/icons/error-mini.png) no-repeat 4px 4px #c60000; padding: 5px 4px 4px 20px; display: block; line-height: normal; margin: 0; clear: left; margin: 0; width: auto; } #main.customer-query .error, #main.confirm .error {display: block; margin: 8px; background: url(../images/icons/error-mini.png) no-repeat 6px 7px #c60000; color: #FFF; box-shadow: 0 1px 2px #a5a5a5; padding: 4px 4px 4px 24px;} #addExistingUser .error {display: block; font-weight: normal; margin: 0; clear: both; width: 310px;} #main .noticeMessage {background: #F8F8F8; border: 1px solid #E4AC79; margin: 12px;} #main .noticeMessage h3.noticeheader {padding: 12px; margin: 0 0 10px; color: #868686; font-weight: lighter;} #main .noticeMessage .notice {line-height: normal !important;} #main .noticeMessage .notice a {text-decoration: none; color: inherit; display: block;} #main .noticeMessage .notice h4 {padding: 12px 12px 4px; border-bottom: 0; margin: 0; font-size: 1.3rem;} #main .noticeMessage .notice p {padding: 4px 12px 12px; margin: 0;} #main .noticeMessage .notice a:hover {background-color: #E8E8E8;} #main .noticeMessage .notice.important {/* background-color: #D15011; */border-left: 10px solid #E4AC79;} #main .noticeMessage .notice.important a {} #main .noticeMessage .notice.important a h4 {font-size: 1.5rem;} #main .noticeMessage .notice.important a p {font-weight: bold; font-size: 1.1rem;} #main.home .noticeMessage {padding: 20px; border-radius: 5px;} #main.home .noticeMessage .notice {text-align: center;} #main .noticeMessage.mobileapp {font-size: 1rem; position: relative; min-height: 140px; overflow: hidden;} #main .noticeMessage.mobileapp h3.noticeheader {margin: 0 0 20px; color: #A64E00;} #main .noticeMessage.mobileapp h3 {} #main .noticeMessage.mobileapp img {border-radius: 12px; position: absolute; left: 20px; width: 60px; heigth: 60px;} #main .noticeMessage.mobileapp span {display: block; font-size: 1.6em; margin-left: 92px;} #main .noticeMessage.mobileapp a {display: block; font-size: 1.2em; margin-left: 92px; margin-top: 8px;} /* JQUERY UI OVERRIDES */ .ui-dialog {box-shadow: 0 2px 8px #333333;} .ui-widget-header {background: #50757E; color: #FFFFFF; border: 1px solid #40656E;} .ui-dialog-title {font-weight: lighter;} .ui-widget-content {color: #333333;} /* ============================= */ /* ! 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;}