﻿/* Notifications */
.notificationContainer {display:none;padding:14px;font-size:14px;text-align:center;border-bottom:1px solid #ccc;background:#E5042C;color:#fff;}
.notificationContainer a {color: black;}
.notificationContainer .dismiss {border:0;margin:0 0 0 15px;padding:0;background:none;}

.header .statusMessageCtl {border:0;margin:0;padding:0;background:none;text-decoration:underline;color:#666;outline:none;}
.header .statusMessage {display:none;position:absolute;top:30px;left:0;width:230px;padding:10px 10px 30px 10px;background-color:white;color:#444;font-size:13px;text-align:left;z-index:100;border:1px solid #000;}
.header .upperLeft .login .statusMessage a {color:#EC1F26;font-size:inherit;}
.header .statusMessage .accountLink a {position:absolute;bottom:10px;right:10px;font:bold 12px Helvetica,Arial;color:#c4161c;}



/* Webservice Forms */
.webserviceForms {display:none;}
.loadingSpinner, .dialog.spinner {text-align:center;}
.alertDialog .title, .alertTitle, #alertTitle {padding:0;margin:16px 0 0 0;min-height:0;font: 30px Helvetica, Arial, Sans-Serif;font-weight:700;color:#333;}
.alertDialog .OK, .alertOK, #alertOK {margin-top:30px;float:right;border:1px solid #ccc;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
#alertText{font-family:'Fauna One', Helvetica, Arial, Sans-Serif}


/* Email Password Dialog */
.emailPassForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.emailPassForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.emailPassForm .dialogClose .x {font-size:13px}
.emailPassForm form {font-weight:700;width:90%;}
.emailPassForm form>div {width:100%;margin-top:25px;font-family:Helvetica, Arial, Sans-Serif}
.emailPassForm .emailPassErrors {padding-left: 5px;}
.emailPassForm .emailPassErrors label {font-weight: normal;color:Red;}
.emailPassForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:90%;}
.emailPassForm form input:focus {border:1px solid #E6B753;}
.emailPassForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}


/* Login form */
.loginForm {}
.loginForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.loginForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.loginForm .dialogClose .x {font-size:13px}
.loginForm form {font-weight:700;width:90%;}
.loginForm form>div {width:100%;margin-top:10px;}
.loginForm .loginErrors {padding-left: 5px;}
.loginForm .loginErrors label {font-weight: normal;color:Red;display:block;}
.loginForm form label {display:inline-block;width:90px;font-family:Helvetica, Arial, Sans-Serif}
.loginForm form .remember label {width:auto}
.loginForm form input[type="text"], .loginForm form input[type="password"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.loginForm form input:focus {border:1px solid #E6B753;}
.loginForm form input[type="submit"] {border:1px solid #ccc;margin:10px 0;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}


/* Registration form */
.regForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.regForm h3 {text-align: center;margin:0}
.regForm h4 {margin:0}
.regForm .subSelect button {display:block;}
.regForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.regForm .dialogClose .x {font-size:13px}
.regForm .progress div {display:inline-block;width:31%;margin:0 1% 10px 1%;text-align:center;border-bottom:3px solid #eaeaea}
.regForm .progress .done, .regForm .progress .current {border-bottom:3px solid #008ab6}
.regForm form .finePrint{font-weight:normal;font-size:13px}
.regForm form label[for='regAddress2'] {font-size:0}
.regForm form label {display:inline-block;width:150px;font-weight:700;font-family:Helvetica, Arial, Sans-Serif}
.regForm form .field, .regForm form .rightField, .regForm form .doubleField > div {margin-top:10px;}
.regForm form .rightField label {width:auto}
.regForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.regForm form input[type="password"] {padding:5px;border:1px solid #ccc;}
.regForm form input[type="submit"], .regForm form button {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.regForm button.back {float:left;margin-right:5px;}
.regForm button.link, .regForm .backToSite {border:0;background:none;color:#008ab6;margin:0;padding:0;text-decoration:underline;font-size:inherit;font-weight:normal;}
.regForm form input[type="submit"]:disabled {opacity:.6;filter:alpha(opacity=60);}
.regForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.regForm form input:focus {border:1px solid #E6B753;}
.regForm .errors {margin-bottom:5px;}
.regForm .errors label {display:block;color:Red;padding-left:5px;}
.regForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.regForm .optinField input {vertical-align:top;}
.regForm .fineprint {font-size:10px; margin-top: 10px;}
.regForm pre {font-family:Helvetica,Arial,Sans-Serif;}
.regForm .infoToggle {cursor:pointer;color:#008ab6;}
.regForm .cnumInfo {width:470px;margin: 5px auto 0 auto;}
.regForm .cnumInfo img {width:230px;}
.regForm .notFound {margin-bottom:10px}
.regForm .notFound label {width:auto}
.regForm .notFound .rel {display:inline-block;position:relative;margin-bottom:24px;}
.regForm .notFound .rel input {width:auto;}
.regForm .notFound .moreInfo {position:absolute;left:0;top:35px;font-weight:700;font-size:12px;cursor:pointer;}
.regForm .notFound button {margin:0}
.regForm .notFound .logo {background-image:url('/SiteFiles/Images/digital_logos.png');display:inline-block;background-repeat:no-repeat;vertical-align:top;margin-right:8px;}
.regForm .notFound .logo.apple {width:81px;height:23px;}
.regForm .notFound .logo.google {width:104px;height:24px;background-position: -91px -3px;}
.regForm .notFound .logo.nook {width:61px;height:23px;background-position: 0 -29px;}
.regForm .notFound .logo.kindle {width:106px;height:27px;background-position:-76px -38px;}
.regForm .notFound .logo.zinio {width:55px;height:25px;background-position: 0 -55px;}
.regForm .moreBox h5 {margin:10px 0}



/* Upgrade form */
.upgradeRegForm h2 {padding:0;margin:0 0 25px 0;color:#333;display:inline-block;}
.upgradeRegForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.upgradeRegForm .dialogClose .x {font-size:13px}
.upgradeRegForm form {font-weight:700;width:90%;}
.upgradeRegForm form .finePrint {font-weight:normal;font-size:13px}
.upgradeRegForm form>div {margin-top:10px;width:100%}
.upgradeRegForm form>div>div:first-child {margin-bottom:10px;}
.upgradeRegForm form>div>div {display:inline-block;display:inline-table;width:100%;}
.upgradeRegForm form label[for='upgradeAddress2'] {font-size:0}
.upgradeRegForm form label {display:inline-block;width:120px;font-family:Helvetica, Arial, Sans-Serif}
.upgradeRegForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.upgradeRegForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.upgradeRegForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.upgradeRegForm form input:focus {border:1px solid #E6B753;}
.upgradeRegForm .upgradeRegErrors label {display:block;color:Red;padding-left:5px;}
.upgradeRegForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.upgradeRegForm .optinField input {vertical-align:top;}