html, body {
background: transparent url('/public/assets/images/bg_main.jpg') repeat;
height: 100%;
font-family: Arial;
font-size: 15px;
color: #000000;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 { font-family: Arial; }
a, a:hover { color: #000000; text-decoration: none; }
p { line-height: 2em; font-size: 15px; }
#head { border-bottom: 1px solid #b6b6b6; margin: 0 auto 10px; padding: 50px 10px 20px; }
#head .logo { float: left; }
#head .logo h1 { background: transparent url('/public/assets/images/logo_header.png') no-repeat; width: 205px; height: 54px; text-indent: -9999px; }
#head .main-menu { float: right; height: 54px; padding-top: 10px; }
#head .main-menu ul { display: inline; vertical-align: middle; }
#head .main-menu ul li { font-size: 16px; font-weight: 400; float: left; padding: 0 10px; border-right: 1px solid; line-height: 14px; }
#head .main-menu ul li.last { border: none; }
#head .main-menu ul li a.active_nav { text-decoration: underline; }
#main-content { min-height: 500px; }
#main-content .main { float: left; }
#main-content .sidebar { float: right; }
#main-content.dashboard .main { width: 500px; }
#footer { border-top: 1px solid #b6b6b6; margin: 20px auto; padding: 20px 10px; text-align: center; }
#footer ul li { float: none; font-size: 14px; color: #8a8a8a; text-align: center; display: inline-block; line-height: 1.2em; }
#footer ul li a { color: #8a8a8a;}
#slider { background: transparent url('/public/assets/images/sidebar.png') no-repeat; width: 410px; height: 356px; margin: 10px; color: #FFFFFF; font-size: 18px; margin-bottom: 40px;}
#slider p { font-size: 17px; }
#slider a { color: #FFFFFF; }
#slider-content .bjqs-wrapper { cursor: pointer; }
#slider-content ol.bjqs-markers { margin: 0 auto; width: 105px; }
#slider-content ol.bjqs-markers li {
width: 16px;
height: 17px;
display: block;
float: left;
margin: 0 5px;
}
#slider-content ol.bjqs-markers li a { line-height: 17px; font-size: 10px; vertical-align: super; color: #7A7A7A; }
#slider-content ol.bjqs-markers li.active-marker { background: transparent url('/public/assets/images/button_current.png') no-repeat; }
#slider-content ol.bjqs-markers li.active-marker a { color: #000000; }
#slider .steps { width: 410px; height: 356px; text-align: center; margin: 0 auto; padding: 0; }
#slider .step1 .logo {
background: transparent url('/public/assets/images/sidebar_logo.png') no-repeat;
width: 264px;
height: 49px;
display: block;
margin: 50px auto 20px;
text-indent: -9999px;
}
#slider .step1 .text .download-content { margin: 0 auto; width: 150px; }
#slider .step4 p { margin: 0; line-height: 356px; font-size: 50px; }
#slider .step2,#slider .step3 { margin-top: 25px;}
/* dashboard */
#page-dashboard .download { text-align: center; width: 167px; height: 100px; margin: 50px auto; }
#page-dashboard .download span { font-size: 17px; }
/*download*/
#page-download .content-box-header { display: none; }
#page-download .download { text-align: center; width: 170px; height: 100px; margin: 50px auto; }
#page-download .download span { font-size: 17px; }
.download-content .download-app { float: left; padding: 10px; }
.download-content .download-app a,
.download-content .download-app span { color: #8a8a8a; font-size: 12px; height: 15px; display: block; padding-top: 50px; width: 55px; }
.download-content .download-app a.eula-info { padding-top: 15px; padding-left: 10px; width: 0px; text-decoration: underline;}
.download-content .download-app .download-win, .download-item .download-app .download-win { background: transparent url('/public/assets/images/icon_windows.png') top center no-repeat; }
.download-content .download-app .download-mac, .download-item .download-app .download-mac { background: transparent url('/public/assets/images/icon_mac.png') top center no-repeat; }
.download-item { background: transparent url('/public/assets/images/sidebar.png') no-repeat; width: 410px; height: 356px; margin: 10px 10px 40px 0px; color: #FFFFFF; font-size: 18px; float: left;}
.download-item .download-app { float: none !important; text-align: center; }
.download-item .download-app a { padding-top: 55px; font-weight: bold; color: #FFFFFF; display: block; font-size: 12px; }
#page-download .download-item .download-app span.eula-info a { padding: 15px; font-weight: bold; color: #FFFFFF; display: block; font-size: 12px; text-decoration: underline;}
.item-content { padding: 20px; height: 150px; margin-bottom: 50px; }
.item-content li, .download-item p { font-size: 14px; line-height: 1.2em; }
.download-item a { color: #FFFFFF; }
/*about*/
#page-about .content-box-header { display: none; }
/*terms of use*/
#page-termsofuse p {line-height: 1.2em;}
/*retrieve password*/
#form-retrieve-password { width: 500px; }
#form-retrieve-password .submit-button {
width: 132px;
height: 35px;
border: 1px solid;
margin: 20px 0;
cursor: pointer;
padding: 0;
background-color: transparent;
}
#form-retrieve-password .input-text, #form-retrieve-password .input-selectbox { padding: 5px 0px; }
#form-retrieve-password .input-selectbox select { height: 25px; width: 213px; border: 1px solid; }
#form-retrieve-password .input-captcha { padding: 25px 0px 5px;}
#form-retrieve-password .form-detail { margin-top: 15px; }
#form-retrieve-password.div-table { border-spacing: 0 5px; }
#form-retrieve-password .div_error { display: table-row; }
#form-retrieve-password .div_error span { float: right; }
#form-retrieve-password .input-text.not-inline { display: inline-block; }
#form-retrieve-password .input-text.not-inline label { float: none; display: block; }
#form-retrieve-password .input-text.not-inline .text-input { float: none; display: inline-block; }
#form-retrieve-password .input-captcha.not-inline #captcha_img { float: none; display: block; }
#form-retrieve-password .input-captcha.not-inline #refresh_captcha { float: none; display: inline-block; }
#form-retrieve-password p.input-text.last span { margin: 0; display: inline; }
#form-retrieve-password .input-notification { background-position:left 5px !important; }
.div-table .input-text .text-input, .div-table .input-selectbox select { float: right; width: 200px; }