#loginAccess {float:left;width:400px;}
#nologinAccess {float:left;width:400px;clear:left;}

/* USERS 1.0 PLUGIN PAGES*/
#userPage, #orderStep-users {position:relative;width:94%;margin:0 auto;text-align:left;}

/* style for order-step-user.php */
#userloginregister {}
#userloginregister .left {float:left;width:45%;}

#registerAccess {float:left;width:45%;border-left:1px dotted #e0e0e0;padding-left:5%;margin-left:4.8%;}
#registerAccess legend, #loginAccess legend {border-bottom:1px solid #e0e0e0;font-size:1.326em;padding:0px 0px 5px 5px;margin-bottom:15px;position:relative;}
#registerAccess legend:before, #loginAccess legend:before {display:block;position:absolute;width:260px;height:3px;background:#e0e0e0;content: "";bottom:-3px;left:0px;}
#registerAccess .field label {width:100px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.026em;color:#666;}
#registerAccess .input {border-color:#e0e0e0;color:#444;padding:5px;font-size:1.0em;width:200px;}
#registerAccess div {padding:0px 0px 5px;}
#registerAccess .info {padding:0px 5px;}
#registerAccess ul {list-style:none;margin:10px 0px 20px 10px;float:left;width:100%;}
#registerAccess li {padding:2px 0px;font-weight:300;font-size:1.0em;}
#registerAccess em {font-style:normal;color:#ff6600;}
#registerAccess .rules {float:left;clear:both;margin:10px 0px 0px 00px;}
#registerAccess .rules input {float:left;margin:4px 5px 0px 0px;}
#registerAccess .rules label {float:left;padding:0px 5px 0px 0px;margin:0px;font-weight:300;color:#666;}
#registerAccess div #results, #registerAccess div #passDIV {margin-left:120px;font-weight:300;display:block;font-size:0.9em;}
#registerAccess .submit {float:right;clear:both;margin:20px 170px 0px 0px;text-transform:uppercase;}

#loginAccess, #nologinAccess  {float:left;text-align:left;}
#loginAccess {float:left;text-align:left;}
#loginAccess div {padding:0px 0px 5px;}
#loginAccess label {width:100px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.126em;color:#666;}
#loginAccess .input {border-color:#e0e0e0;color:#444;padding:6px;font-size:1.0em;width:200px;}
#loginAccess .submit {float:right;text-transform:uppercase;font-size:1.1em;margin-right:67px;}
#loginAccess a.remindLink {float:left;margin:5px 0px 0px 120px;font-size:1.126em;font-weight:300;color:#ff6600;text-decoration:none;}
#loginAccess a.remindLink:hover {color:#666;}

#nologinAccess {margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;font-size:1.126em;}
#nologinAccess .button {display:block;background:#666;border:1px solid #666;color:#fff;width:260px;padding:6px 10px;float:right;margin:10px 67px 0px 0px;font-size:0.90em;text-transform:uppercase;text-decoration:none;}
#nologinAccess .button:hover {background:#fff;border-color:#666;color:#333;}

/* PROFIL PAGE */
#userPage #personalData,#userPage #deliveryData  {float:left;width:95%;position:relative;}
#userPage #personalData:before ,#userPage #deliveryData:before {float:left;font-family:'icomoon';font-size:1.633em;background:#3e3e3e;padding:5px;color:#fff;position:absolute;top:2px;left:0px;}
#userPage #deliveryData:before {content: "\e6cd";}
#userPage #personalData:before {content: "\e614";}
#userPage #personalData .title,#userPage #deliveryData .title {float:left;margin:0px 0px 5px 0px;font-size:1.263em;padding:8px 0px 0px 40px;}
#userPage #personalData table,#userPage #deliveryData table  {margin:0px;padding:0px;border-top:5px solid #3e3e3e;width:100%;float:left;font-size:1.033em;color:#666;border-collapse:collapse;}
#userPage #personalData td,#userPage #personalData th, #deliveryData td, #deliveryData th {padding:3px 0px;border:1px solid #e0e0e0;font-weight:300;}
#userPage #personalData th,#userPage #deliveryData th {text-align:right;padding-right:5px;width:193px;border-right:0px;border-top:0px;}
#userPage #personalData td,#userPage #deliveryData td {text-align:left;border-left:0px;border-top:0px;color:#363636;padding-left:5px;width:195px;}
#userPage #deliveryData {float:right;}

#userPage #personalData .editData,#userPage #deliveryData  .editData{float:right;font-weight:300;margin:10px 0px 0px;font-size:1.033em;text-decoration:none;}
#userPage #deliveryData td {border:1px solid #e0e0e0;}
#userPage #deliveryData th {width:10%;text-align:center;}
#userPage #deliveryData td.options {width:15%;text-align:center;}
#userPage #deliveryData td a.edit, #deliveryData td a.remove {text-decoration:none;font-size:1.233em;}
#userPage #deliveryData td a:before {font-family:'icomoon';color:#ff6600;padding:3px;}
#userPage #deliveryData td a:hover:before {background:#ff6600;color:#fff;}
#userPage #deliveryData td a.remove:before {content:"\e6cb"}
#userPage #deliveryData td a.edit:before {content:"\e686";}
#userPage #deliveryData .th th {border:1px solid #e0e0e0;text-align:center;padding:20px 0px;}


#userMessages {clear:both;position:relative;margin:0px 0px 10px;width:95%;}
#userMessages .title, #userMessage .title {font-size:1.363em;padding:5px 0px 3px 40px;border-bottom:3px solid #ff6600;}
.userMessage {clear:both;padding:8px 0px 8px 20px;font-weight:300;font-size:1.163em;color:#666;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.userMessage:before {font-family:'icomoon';font-size:1.233em;content: "\e6da";margin-right:20px;}
.userMessage a {color:#737373;text-decoration:none;}
.userMessage a:hover:after {font-family:'icomoon';font-size:1.233em;content: "\e64d";color:#666;margin-left:10px;}
.userMessage span, #userMessage span {float:right;padding:0px 20px;border-left:1px solid #e0e0e0;color:#303030;}
#userMessages:before, #userMessage:before {font-family:'icomoon';font-size:1.433em;color:#fff;display:block;width:26px;height:26px;text-align:center;line-height:26px;font-weight:300;content: "\e601";border:1px solid #ff6600;background:#ff6600;position:absolute;top:0px;left:0px;}

#MessageUser {width:500px;text-align:left;padding:10px;min-height:100px;}
#OrdersUser {width:850px;text-align:left;padding:10px;min-height:100px;}

#editData, #editAddressData {float:left;width:100%;clear:both;position:relative;}
#editData .title, #editAddressData .title  {font-size:1.363em;padding:5px 0px 3px 40px;border-bottom:5px solid #3e3e3e;}
#editData:before, #editAddressData:before  {float:left;font-family:'icomoon';content: "\e614";font-size:1.633em;background:#3e3e3e;padding:5px;color:#fff;position:absolute;top:-3px;left:0px;}
#editAddressData:before {content: "\e6cd";}



#userMessages .l0 {background:#f4f5fa}

#userMessage {width:800px;font-weight:300;position:relative;text-align:left;}
#userMessage .messageContent {padding:10px;font-size:1.133em;}
#userMessage span {font-size:0.766em;}

#userStats {width:100%;margin:0px 0px 10px;float:left;}
#userStats div {background:#f4f5fa;box-shadow: inset 0 0 0 2px #fff;width:45.55%;border:1px solid #f4f5fa;font-size:1.063em;padding:10px 0px;float:left;text-align:right;position:relative;margin-right:2.9%}
#userStats div p{padding:10px 20px;} 
#userStats div.uSummary {margin:0;float:left;}
#userStats div span {display:block;text-transform:uppercase;font-weight:300;font-size:0.8em;}

#userStats div:before {position:absolute;font-family:'icomoon';font-size:1.833em;content: "\e62c";left:25px;top:25px;}
#userStats div.uSummary:before, #userStats div.uOrders:before {content:"\e659";}



/* LOGIN PAGE */
#userRegisterLogin {margin:0;padding:60px 0 40px;float:left;width:100%;}

#message, #orderStep-users #message {position:absolute;top:5px;left:10px;right:10px;margin-left:auto;margin-right:auto;width:auto;padding:5px;border:1px solid rgba(220,67,67,0.4);box-shadow: inset 0 0 0 2px #fff;background:rgba(220,67,67,0.6);font-weight:300;font-size:1.163em;color:#fff;}

#userLoginForm {float:left;width:390px;text-align:left;margin:0 0 0 70px;}
#userLoginForm p {padding:0px 0px 10px;}
#userLoginForm label {width:150px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;font-size:1.026em;}
#userLoginForm .input {border-color:#e0e0e0;color:#444;padding:6px;font-size:1.0em;width:200px;}
#userLoginForm .submit {float:right;text-transform:uppercase;font-size:1.1em;margin-bottom:10px;}
#userLoginForm a.register_button {font-size:1.026em;font-weight:300;color:#ff6600;text-decoration:none;margin-left:3px;}
#userLoginForm a.register_button:hover {color:#666;}
#userLoginForm p.newuser {padding:5px 5px 5px 0;text-align:right;clear:both;}
#userLoginForm label a {display:block;font-size:0.9em;color:rgb(220,67,67)}

/* REGISTER PAGE */
#userRegisterForm {clear:both;float:left;text-align:left;font-size:1.033em;position:relative;}
#userRegisterForm fieldset {width:100%;float:left;margin-top:30px;}
#userRegisterForm div {float:left;width:100%;padding:0px 0px 10px;position:relative;clear:both;}
#userRegisterForm .accountData label, #userRegisterForm .personalData label {width:150px;text-align:right;padding-right:20px;display:block;float:left;}
#userRegisterForm em {font-style:normal;color:#ff6600;}
#userRegisterForm .input, #userRegisterForm select {border-color:#e0e0e0;color:#444;padding:5px 6px;width:260px;}
#userRegisterForm .select {width:275px;}
#userRegisterForm .input.year, #userRegisterForm .input.day {width:50px;}
#userRegisterForm .month {width:140px;}
#userRegisterForm .submit {float:right;text-transform:uppercase;margin-right:17px;}
#userRegisterForm div #results, #userRegisterForm #passDIV {font-size:0.9em;float:left;margin-left:170px;padding:5px 0 5px;clear:both;}
#userRegisterForm .personal {margin-top:5px;border-top:1px solid #e0e0e0;padding-top:10px;}
#userPage .required {display:block;position:absolute;right:-100px;top:-50px;}
#userRegisterForm .rules {float:left;clear:both;margin:10px 0px 0px 180px;}
#userRegisterForm .rules input {float:left;margin:4px 5px 0px 0px;}
#userRegisterForm .rules label {float:left;padding:0px;margin:0px;font-weight:300;}
#userRegisterForm .submit {margin-right:170px;}


/* USER DELIVERY ADDRESS FORM */
#userDeliveryForm {clear:both;width:900px;margin:30px auto;text-align:left;font-size:1.033em;position:relative;}
#userDeliveryForm .description {float:left;width:300px;font-weight:300;}
#userDeliveryForm form {float:left;width:600px;}
#userDeliveryForm form div {padding:0px 0px 10px;position:relative;}
#userDeliveryForm form label {width:150px;text-align:right;padding-right:20px;display:block;float:left;font-weight:300;}
#userDeliveryForm em {font-style:normal;color:#ff6600;}
#userDeliveryForm .input {border-color:#e0e0e0;color:#444;padding:6px;font-size:1.0em;width:200px;}
#userDeliveryForm .submit {float:right;margin:10px 218px 0px 0px;}

/* USER ORDERS PAGE */
#userOrders, #OrdersUser table {width:100%;margin:0;font-size:1em;color:#666;border-collapse:collapse;font-weight:300;border-top:5px solid #3e3e3e;}
#userOrders td, #OrdersUser table td {border:1px solid #e0e0e0;}
#userOrders thead td, #OrdersUser table  thead td{padding:10px 10px;font-size:1.1em;}
#userOrders thead .summary, #userOrders tbody .summary, #userOrders thead .status, #userOrders tbody .status, #userOrders thead .id, #userOrders tbody .id {text-align:center;}
#userOrders thead .id {width:120px;}
#userOrders tbody .summary {color:#ff6600}
#userOrders thead .options, #userOrders tbody .options {text-align:center;font-size:1em;}
#userOrders tbody td, #OrdersUser table tbody td {font-size:1.1em;vertical-align:top;padding:5px 10px;}
#userOrders tbody tr:hover td {background:#f6f6f6;}
#userOrders tbody td {font-size:1em;}
a.icon-profile, a.icon-products {text-decoration:none;color:#666;}
.icon-profile:before, .icon-products:before {font-family:'icomoon';font-size:1.533em;font-weight:300;opacity:0.4;}
.icon-profile:before {content: "\e614";}
.icon-products:before {content: "\e615";}
.icon-profile:hover:before, .icon-products:hover:before  {opacity:0.8;}
/* ORDER PREVIEW PAGE */
#userOrder {width:800px;margin:0px;float:left;text-align:left;}
#userOrder .legend {font-size:1.126em;font-weight:bold;padding:5px 0px;}
#OrdersUser .title {color:#ff6600;font-weight:bold;padding:0px 0px 10px;}

#userOrders a {text-decoration:none;font-family:'icomoon';font-size:1.233em;}
#userOrders a.icon-bubble2:before {content: "\e63e";}
#userOrders a.icon-signup:before  {content:"\e662"}

@media all and (max-width: 600px)  {
#userRegisterLogin {margin:0;padding:30px 0 20px;float:left;width:100%;}
#userLoginForm {float:left;width:100%;text-align:left;margin:0;position:relative;}
#userLoginForm p {padding:0px 0px 10px;}
#userLoginForm label {width:150px;text-align:left;padding-bottom:5px;display:block;float:left;font-weight:300;font-size:1.026em;}
#userLoginForm .input {border-color:#e0e0e0;color:#444;padding:6px 2%;font-size:1.0em;width:94%;}
#userLoginForm .submit {float:right;text-transform:uppercase;font-size:1.1em;margin-bottom:10px;}
#userLoginForm a.register_button {font-size:1.026em;font-weight:300;color:#ff6600;text-decoration:none;margin-left:3px;}
#userLoginForm a.register_button:hover {color:#666;}
#userLoginForm p.newuser {padding:5px 5px 5px 0;text-align:right;clear:both;}
#userLoginForm label a {display:block;font-size:0.9em;color:rgb(220,67,67);position:absolute;bottom:55px;}

#userRegisterForm .accountData label, #userRegisterForm .personalData label {width:100%;text-align:left;padding:0 0 5px 0;display:block;float:left;}
#userRegisterForm em {font-style:normal;color:#ff6600;}
#userRegisterForm .input, #userRegisterForm select {border-color:#e0e0e0;color:#444;padding:5px 2%;width:94%;}
#userRegisterForm .select {padding:5px 2%;width:98%;}
#userRegisterForm .input.year, #userRegisterForm .input.day {width:50px;padding:5px 6px;}
#userRegisterForm .month {width:140px;padding:5px 6px;}
#userRegisterForm .submit {float:right;text-transform:uppercase;margin-right:17px;}
#userRegisterForm div #results, #userRegisterForm #passDIV {font-size:0.9em;float:left;margin-left:170px;padding:5px 0 5px;clear:both;}
#userRegisterForm .personal {margin-top:5px;border-top:1px solid #e0e0e0;padding-top:10px;}
#userPage .required {display:block;position:absolute;right:-100px;top:-50px;}
#userRegisterForm .rules {float:left;clear:both;margin:10px 0px 0px 180px;}
#userRegisterForm .rules input {float:left;margin:4px 5px 0px 0px;}
#userRegisterForm .rules label {float:left;padding:0px;margin:0px;font-weight:300;}
#userRegisterForm .submit {margin-right:0px;}

#userStats div {width:98%;margin-right:0}
.userMessage {font-size:0.8em;}
#userPage #personalData table,#userPage #deliveryData table  {font-size:0.933em;}
#userPage #personalData .button {margin-bottom:5px;display:block;}
#userOrders {width:100%;margin:0px;float:left;text-align:left;}
#userOrders {border:1px solid #e0e0e0;border-top:5px solid #3e3e3e;}
#userOrders thead  {display:none;}
#userOrders tbody td {display:block;text-align:center;border:0;font-weight:bold;}
#userOrders tbody tr {border-bottom:1px solid #e0e0e0;}
#userOrders tbody td.id:before {content:'ID. ';font-weight:normal;}
#userOrders tbody td.orderDate:before {content:'Order ';font-weight:normal;}
#userOrders tbody td.orderDedline:before {content:'Access: ';font-weight:normal;}
#userOrders tbody td.status:before {content:'Status: ';font-weight:normal;}
#userOrders tbody td.summary:before {content:'Grand Total: ';font-weight:normal;}

#MessageUser {width:90%;text-align:left;padding:10px 5%;min-height:100px;}
#OrdersUser {width:90%;text-align:left;padding:10px 5%;min-height:100px;}
#OrdersUser thead {display:none;}
#OrdersUser tbody td {display:block;}
}