@charset "utf-8";
#branding { z-index:9996; } /* a little naughty, twentyeleven fix */

.lwa { margin-bottom: 10px; padding: 10px 0 0; float: right; }
form.lwa-form, form.lwa-remember, div.lwa-register form { position:relative; }

.lwa table.lwa-table-login { width: 300px !important; margin:0px auto !important; border:none !important; border-spacing:0; border-collapse:collapse; }
.lwa table.lwa-table-auth { width: 100% !important; border:none !important; border-spacing:0; border-collapse:collapse; }
.lwa td,.lwa th { padding:0; border-spacing:0; border:none !important; } 
.lwa td { padding-top:7px; vertical-align:top; background-color:none; }

/*Logged out CSS*/

.lwa-links-modal { border-radius: 20px; color: #fff !important; box-shadow: none; border: none; text-shadow: none; padding: 10px 22px; margin-left: 5px; position: relative;
                              background-color: #3da2e0; transition: background-color 0.25s; text-decoration: none; font-size: 0.9em; font-weight: bold; text-align: center; }
.lwa-links-modal::after { display: none; position: absolute; top: 11px; left: 15px; height: 15px; width: 60px; background: url(loading-icon.svg) center center; content: '';}
.lwa-links-modal.loading { background-color: #fff; }
.lwa-links-modal.loading::after { display: block; }
.lwa-links-modal:not(.loading):hover { background-color: #1d82b0; }
.lwa-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80)}

.lwa-status { width: 275px; margin: 0px auto 5px; padding: 10px 10px; color: #333; border-radius: 3px; display: none; }
.lwa-status-invalid, .lwa-status-confirm { display:block !important; }
.lwa-status-invalid { background-color:#FFEBE8; border:1px solid #C00; }
.lwa-status-confirm { background-color:#f1fff0; border:1px solid #a8d144; }

/*Logged In CSS*/

td.lwa-avatar { width: 50px; height: 60px; padding: 0px !important; vertical-align: middle; text-align: center; }
td.lwa-avatar a { padding: 0px !important; }
td.lwa-avatar img { margin: 0px; padding: 0px; border: solid 3px #ddd; width: 45px; max-width: 45px; border-radius: 25px; }

td.lwa-info { padding: 0px; vertical-align: middle; }
td.lwa-info > a#wp-logout { border-radius: 20px; color: #fff; box-shadow: none; border: none; text-shadow: none; padding: 10px 22px; margin-left: 5px;
                              background-color: #3da2e0; transition: background-color 0.25s; text-decoration: none; font-size: 0.9em; font-weight: bold; }
td.lwa-info > a#wp-logout:hover { background-color: #1d82b0; }

/*Forgotten password*/
td.lwa-remember { margin-top:10px; display:none; }

/*Registration*/
td.lwa-register { margin-top:10px; display:none; }

/*OpenID specific*/
td.lwa-register hr { display:block; }
td.lwa-register #openid_identifier { width:auto; }

/* Rememeber */
td.lwa-links.checkbox { height: 28px;  text-align: left;  padding-left: 10px; font-weight: bold; }

/* Modals CSS */
.lwa-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; }	
.lwa-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -200px; width: 360px; background: #fefefe; position: absolute; z-index: 101; padding: 30px 40px 34px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
.lwa-modal h4, .lwa-modal p { margin-bottom:10px; }
.lwa-modal .lwa-modal-close { font-size: 30px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } 

.lwa-modal input[type="email"], .lwa-modal input[type="password"] { 
    color: #333; font: 14px Arial, sans-serif; background-color:#fcfcfc; margin-bottom: 8px;
	padding: 7px 9px; border: 1px solid #ccc; border-bottom-color: #B3B3B3;	border-radius: 4px;	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); width:275px; }

.lwa-modal input[type="email"]:hover, .lwa-modal input[type="password"]:hover { border-color:#B3B3B3; background-color:#fff; }
.lwa-modal input[type="email"]:focus, .lwa-modal input[type="password"]:focus { 
    border-color:#CCC; border-top-color:#B3B3B3; background-color:#fff; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
	
.lwa-modal button, .lwa-modal input[type="button"], .lwa-modal input[type="submit"], .lwa-modal .submit_button { 
    overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; color: #666; text-shadow: 1px 1px #FFF; font: 14px Arial, sans-serif; cursor: pointer;
    border-bottom-color: #B3B3B3;  width:60%; border-radius: 4px;	background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); }
.lwa-modal button::-moz-focus-inner, .lwa-modal input[type="button"]::-moz-focus-inner, 
.lwa-modal input[type="submit"]::-moz-focus-inner, .lwa-modal .submit_button::-moz-focus-inner { padding: 0; border: 0; }

.lwa-modal button:after, .lwa-modal .submit_button:after  { content: ''; }
.lwa-modal button:not([disabled]):hover, .lwa-modal input[type="button"]:not([disabled]):hover, 
.lwa-modal input[type="submit"]:not([disabled]):hover, .lwa-modal .submit_button:hover { background-color: #E6E6E6; background-position: 0 -10px; }

.lwa-modal button:not([disabled]):active, .lwa-modal input[type="button"]:not([disabled]):active, 
.lwa-modal  input[type="submit"]:not([disabled]):active, .lwa-modal .submit_button:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; }
.lwa-modal button[disabled], .lwa-modal input[type="button"][disabled], .lwa-modal input[type="submit"][disabled] { border-color: #CCC; background: #F5F5F5;	box-shadow: none; color: #888; }

.lwa-modal input[type=radio], .lwa-modal input[type=checkbox] { display: none; }
.lwa-modal input[type=radio]:checked + label:before { content: "\2022"; color: #666; font-size: 27px; text-align: center; line-height: 12px; }
 @media screen and (-webkit-min-device-pixel-ratio:0) { .lwa-modal input[type=radio]:checked + label:before { line-height: 14px; } }

.lwa-modal input[type=checkbox]:checked + label:before { content: "\2713";	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);	font-size: 13px; color: #555; text-align: center; line-height: 14px; }
 @media screen and (-webkit-min-device-pixel-ratio:0) { .lwa-modal input[type=checkbox]:checked + label:before { padding-left: 1px; } }

.lwa-modal .radio label, .lwa-modal .checkbox label {	display: inline-block; cursor: pointer; position: relative; padding-left: 25px; 
    font-size: 13px; font-family: 'Marvel', sans-serif; line-height: 13px; margin-left: 10px; }
.lwa-modal .radio label:before, .lwa-modal .checkbox label:before { content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 5px; position: absolute; left: 0; bottom: 1px;
	background-color: #fafafa; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .2); border:solid 1px #ccc; }
.lwa-modal .radio label:before { border-radius: 50%; }
.lwa-modal .checkbox label:before { border-radius: 3px; padding-bottom:2px; height:13px; }

/* MEDIA QUERIES */

@media only screen and (max-width: 767px){
 .lwa table.lwa-table-auth  { margin-top: -16px; }
      td.lwa-info > a#wp-logout { display: inline-block; width: 45px; height: 45px; border-radius: 25px; overflow: hidden; text-indent: 100px; line-height: 50px;
         margin-top: 5px; }
      td.lwa-info > a#wp-logout::before { display: block; position: relative; text-align: center; line-height: 45px; font-family: 'wpshop-core';
                                         font-size: 1.5em; content: '\E97B'; width: 45px; height: 45px; margin: -10px 0 0 -20px; text-indent: 0; }
 }