@charset "utf-8";
/* CSS Document */

div.menu-container { position: fixed; min-width: 1370px; right: 0; z-index: 2; }

div.menu-container div.login-register-shape { width: 100%; color: #FFFFFF; text-align: right; }

div.menu-container div.login-register-shape ul { margin: -2px 0 0 0; list-style: none; float: right; }

div.menu-container div.login-register-shape ul li { padding: 0 35px; }

div.menu-container div.login-register-shape ul li div.left-login-tab { float: left; background: url(../images/left-login-tab.png) no-repeat top left; width: 11px; height: 45px; margin: 0; }

div.menu-container div.login-register-shape ul li div.center-login-tab { float: left; background: url(../images/center-login-tab.png) repeat-x top center; width: auto; height: 45px; padding: 7px 30px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a:link,
div.menu-container div.login-register-shape ul li div.center-login-tab a:visited { color: #E1E1E1; padding: 20px 0 10px 0; font-size: 13px; font-family: Arial; margin-left: 20px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a:nth-child(1) { margin-left: 0; }

div.menu-container div.login-register-shape ul li div.center-login-tab a:hover { color: #fdb514; }

div.menu-container div.login-register-shape ul li div.center-login-tab a.sign-in-left-bg { padding-left: 35px; background: url(../images/sign-in-left-image.png) no-repeat 0px 18px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a.sign-up-left-bg { padding-left: 35px; background: url(../images/sign-up-left-image.png) no-repeat 0px 18px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a.logout-left-bg { padding-left: 35px; background: url(../images/logout-left-image.png) no-repeat 0px 18px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a.openDashboard { padding-left: 35px; background: url(../images/dashboard-left-image.png) no-repeat 0px 18px; }

div.menu-container div.login-register-shape ul li div.center-login-tab a.profileDashboard { padding-left: 35px; background: url(../images/dashboard-settings.png) no-repeat 0px 18px; }

div.menu-container div.login-register-shape ul li div.right-login-tab { float: left; background: url(../images/right-login-tab.png) no-repeat top center; width: 12px; height: 45px; }

div.dashboard,
div.dashboard-login,
div.dashboard-profile { position: relative; width: auto; height: 100px;  float: right; display: none; z-index: 2 !important; }

div.dashboard div.left-top-panel { width: 17px; height: 100px;  background: url(../images/left-top-panel.png) no-repeat top left; float: left; }

div.dashboard div.center-top-panel { float: left; background: url(../images/center-image-top-panel.png) repeat-x top left; }

div.dashboard div.center-top-panel ul { list-style: none; height: 70px; margin-top: 40px; }

div.dashboard div.center-top-panel ul li { display: inline; margin-left: 30px; }

div.dashboard div.center-top-panel ul li a:link,
div.dashboard div.center-top-panel ul li a:visited { font-size: 15px; color: #FFFFFF; padding: 10px 20px 10px 30px; border-right: 1px solid #313b3d; }

div.dashboard div.center-top-panel ul li:last-child a { border-right: none; }

div.dashboard div.center-top-panel ul li a:hover { color: #fdb514; }

div.dashboard div.center-top-panel ul li a.ongoing { background: url(../images/ongoing-top-panel-item-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.closed { background: url(../images/closedpolls-top-panel-item-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.myvotes { background: url(../images/myvotes-top-panel-item-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.managepolls,
div.dashboard div.center-top-panel ul li a.propose { background: url(../images/dashboard-manage-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.proposals { background: url(../images/myproposals-top-panel-item-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.panel { background: url(../images/panel-shape.png) no-repeat left center; }


div.dashboard div.center-top-panel ul li a.addnew { background: url(../images/add-new-poll-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.mysettings { background: url(../images/dashboard-profile-account-shape.png) no-repeat left center; }

div.dashboard div.center-top-panel ul li a.onlinehelp { background: url(../images/onlinehelp-top-panel-item-shape.png) no-repeat left center; }

div.dashboard div.right-top-panel { width: 17px; height: 100px;  background: url(../images/right-top-panel.png) no-repeat top left; float: left; }

div.dashboard-login { width: 510px; height: 500px; background: url(../images/login-panel-background.png) repeat; border-bottom-left-radius: 5px;  border-top-left-radius: 5px;}

div.dashboard-login div.sign-in-container { padding: 30px 20px; height: 210px; width: 491px; }

div.dashboard-login div.sign-in-container div.note-shape { float: left; width: 230px; height: 180px; border-right: 1px solid #313b3d; margin-right: 10px; padding: 20px 0; }

div.dashboard-login div.sign-in-container div.note-shape p { background: url(../images/login-note-background.png) no-repeat; color: #FFFFFF; padding: 10px 20px; font-size: 12px; font-family: "Candara"; height: 150px; margin-top: 20px;  }

div.dashboard-login div.sign-in-container div.login-form { float: left; width: 250px; }

div.dashboard-login div.registration-form { padding: 0 10px; }

div.dashboard-login div.sign-in-container div.login-form h1,
div.dashboard-login div.registration-form h1,
div.dashboard-profile div.profile-form h1 { font-size: 18px; font-family: "Candara"; color: #edbc3c; font-style: normal; padding: 0 15px 20px 15px; }

 div.login-form input[type=text],
 div.registration-form input[type=text],
 div.login-form input[type=password],
 div.registration-form input[type=password],
 div.registration-form input[type=number],
 div.registration-form input[type=email]
 { color: #CCCCCC; background: url(../images/register-inputs.png) no-repeat top left; font-size: 11px; width: 170px; height: 23px; padding: 2px 20px; margin: 5px 15px; border: none; float: left; box-shadow: 1px 1px 3px #000000 inset; border-radius: 3px; }

 div.login-form input#UserUsername:nth-child(1) { background: url(../images/sign-in-username.png) no-repeat top left; width: 160px; padding: 2px 30px; }

div.login-form input#UserPassword:nth-child(1) { background: url(../images/sign-in-password.png) no-repeat top left; width: 160px; padding: 2px 30px; }

 div.login-form input[type=submit],
 div.registration-form input[type=submit] { width: 220px; height: 26px; text-transform: capitalize; color: #FFFFFF; font-size: 11px; cursor: pointer; background: url(../images/sign-in-register-button.png) no-repeat top; border: none; border-radius: 3px; margin: 0 15px; }

 div.login-form input[type=submit]:hover,
 div.registration-form input[type=submit]:hover { background: url(../images/sign-in-register-button-hover.png) no-repeat top; }
 
 div.login-form div.input.checkbox { float: left; margin: 3px 10px 0 15px; }
 
 div.login-form div.checkbox1 { height: 18px; width: 22px; clear: left; float: left; background: url("../images/checkbox_login.gif") no-repeat left; cursor: default;  margin: 2px 8px  0 13px; }

 div.login-form div.checkbox1 input.login-checkbox { float: left; }

 div.login-form div.checkbox1 input.login-checkbox { display: none; }

 div.login-form div.checkbox1 input.show { display: inline; }
 
 div.login-form p.user-remember { color: #FFFFFF; font-style: normal; font-size: 12px; font-family: "Candara"; }
 
 div.terms-of-use-shape { width: 220px; float: left; clear: both; font-size: 11px; font-family: "Candara"; color: #c2c2c2; margin-left: 15px; }
 
 div.terms-of-use-shape span { border-bottom: 1px dotted #c2c2c2; }
 
 div.checkunique-shape { color: #15ADFF; font-size: 12px; font-family: "Candara"; width: 240px; float: right; margin: 0 3px; }
 
 div.dashboard-profile { width: 500px; height: 430px; background: url(../images/login-panel-background.png) repeat; border-bottom-left-radius: 5px;  border-top-left-radius: 5px; }
 
 div.profile-form { padding: 20px; }
 
 div.profile-form div.user-image-shape { width: 100px; float: left; text-align: center; }
 
 div.profile-form div.user-image-shape a:link,
 div.profile-form div.user-image-shape a:visited { color: #CCCCCC; }
 
 div.profile-form div.user-image-shape a:hover { color: #2f94d1; text-decoration: underline; }
 
 div.profile-form label { clear: both; float: left; text-align: right; width: 180px; margin: 7px 0; font-size: 12px; font-family: "Candara"; color: #FFFFFF; }
 
 div.profile-form input[type=text],
 div.profile-form input[type=password],
 div.profile-form input[type=email]
 { color: #CCCCCC; background: url(../images/register-inputs.png) no-repeat top left; font-size: 11px; width: 170px; height: 23px; padding: 2px 20px; margin: 5px 15px; border: none; float: left; box-shadow: 1px 1px 3px #000000 inset; border-radius: 3px; }
 
 div.profile-form .profile-menu-field input[type=file] { display: none; }
 
 div.profile-form .profile-menu-field input.avatar-placeholder { width: 100px; }

div.profile-form .profile-menu-field input.browse-avatar { width: 70px; height: 26px; text-transform: capitalize; color: #FFFFFF; font-size: 11px; cursor: pointer; background: url(../images/sign-in-register-button.png) no-repeat top; border: none; border-radius: 3px; margin: 5px 0 0 -15px; }

div.profile-form .profile-menu-field input.browse-avatar:hover { background: url(../images/sign-in-register-button-hover.png) no-repeat top; }

 div.profile-form .bottom-profile-shape div.notification-options-shape { width: 460px; margin: 0 auto; }

div.profile-form .bottom-profile-shape div.notification-options-shape input[type="checkbox"] { float: left; width: 22px; height: 22px; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox212 { height: 18px; width: 22px; clear: left; float: left; background: url("../images/checkbox_login.gif") no-repeat left; cursor: default;  margin: 2px 8px 0 13px; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox212 input.email-shape { display: none; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox212 input.show { display: inline; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox312 { height: 18px; width: 22px; clear: left; float: left; background: url("../images/checkbox_login.gif") no-repeat left; cursor: default;  margin: 2px 8px  0 13px; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox312 input.email-shape1 { display: none; }

div.profile-form .bottom-profile-shape div.notification-options-shape div.checkbox312 input.show { display: inline; }

div.profile-form .bottom-profile-shape div.notification-options-shape p { margin: 2px auto; font-size: 12px; font-family: "Candara"; color: #FFFFFF; }

div.profile-form .bottom-profile-shape div.submit-shape { width: 300px; margin: 0 auto; color: #FFFFFF; }

div.profile-form .bottom-profile-shape div.submit-shape input[type="submit"] { width: 210px; height: 26px; text-transform: capitalize; color: #FFFFFF; font-size: 11px; cursor: pointer; background: url(../images/sign-in-register-button.png) no-repeat top; border: none; border-radius: 3px; margin-top: 10px; }

div.profile-form .bottom-profile-shape div.submit-shape input[type="submit"]:hover { background: url(../images/sign-in-register-button-hover.png) no-repeat top; }

div.profile-form .bottom-profile-shape div.submit-shape a:link,
div.profile-form .bottom-profile-shape div.submit-shape a:visited { margin-top: 10px; color: #CCCCCC; }

div.profile-form .bottom-profile-shape div.submit-shape a:hover { color: #2f94d1; text-decoration: underline; }