/* general */
.content-text { clear: both; overflow: hidden; padding: 50px 0 0; width: 565px; height: 250px; }
.content-text p { line-height: 18px; padding: 10px 0 0; }
.content-text ul { padding: 0; margin: 0; }
.content-text li { list-style: none; padding: 5px 0 0 35px; margin: 0; }

.content-slider-text { clear: both; overflow: hidden; padding:10px 0 0; width: 565px; height: 250px;}
.content-slider-text p { line-height: 18px; padding: 5px 0 0; }
p.explanation { padding-left: 35px; padding-top: 0; }

.content-text2 { clear: both; overflow: hidden; padding:0; width: 565px; height: 260px;}
.content-text2 p { line-height: 18px; padding: 8px 0 0; }
.content-text2 h2 { padding: 5px 0; }

.content-split { clear: both; overflow: hidden; padding:0; width: 565px; height: 300px; }
.content-split  p { line-height: 18px; padding: 8px 0 0; }
.content-split-left { float: left; width: 350px; }
.content-split-left h2 { padding-top: 15px;}
.content-split-left h1 { padding-top: 95px;}

.content-split-merged { float: left; width: 565px; }
.content-split-merged h2 { padding-top: 15px;}
.content-split-merged h1 { padding-top: 95px;}

.content-split-right { float: left; width: 185px; margin-left: 30px; }

.content-merged-text { clear: both; overflow: hidden; padding: 50px 0 0; width: 900px;height: 250px;}
.content-iframe-text { clear: both; overflow: hidden; padding: 10px 0 0; width: 900px;height: 350px;}

.content-iframe { width: 860px; clear: both; overflow: hidden;}
.content-iframe h2 { padding-bottom: 10px; }
.content-iframe-left { width: 150px; float: left; margin-bottom: 20px;  }
.content-iframe-right { width: 700px; float: left; padding-left: 10px; margin-bottom: 20px;  }
.content-iframe-right p { line-height: 18px; }

.content-split-merged { clear: both; overflow: hidden; padding: 0; width: 900px; height: 450px;}

.content-archives { clear: both; overflow: hidden; padding: 20px 0 0; width: 565px; }
.content-archives-left { float: left; width: 115px; border-right: 2px solid #000; padding-right: 20px; height: 280px; }
.content-archives-left ul { padding: 0; margin: 0; }
.content-archives-left li { padding: 10px 0; margin: 0; list-style: none; }
.content-archives-left a { color:#000; }
.content-archives-left { color:#bbb; }

.content-archives-right { float: left; width: 418px ; margin-left: 10px ;}
.content-archives-right h2 { padding-bottom: 5px; }
.content-archives-right h3 { padding:10px 0; }

.content-archives2 { clear: both; overflow: hidden; padding: 20px 0 0; width: 565px; height: 240px; }
.content-archives2-left { float: left; width: 115px; border-right: 2px solid #000; padding-right: 20px; }
.content-archives2-left ul { padding: 0; margin: 0; }
.content-archives2-left li { padding: 10px 0; margin: 0; list-style: none; }
.content-archives2-left a { color:#000; }
.content-archives2-left { color:#bbb; }

.content-archives2-right { float: left; width: 418px ; margin-left: 10px ;}
.content-archives2-right h2 { padding-bottom: 5px; }

.content-login { clear: both; overflow: hidden; padding: 50px 0 0 0; width: 860px;  height: 250px; margin-right: 40px; }
.content-login-left { float: left; width: 465px; }
.content-login-left p { line-height: 18px; padding: 10px 0 0; }
.content-login-left h2 { padding-bottom: 5px; }

.content-login-right { float: left; width: 350px; padding-left: 45px; }
.content-login-right a { color:#9bcd56; }

.content-afterlogin { clear: both; overflow: hidden; padding: 10px 0 0 0; width: 860px;  margin-right: 40px; }
.content-afterlogin-left { float: left; width: 465px; }
.content-afterlogin-left p { line-height: 18px; padding: 10px 0 0; }
.content-afterlogin-left h2 { padding-bottom: 5px; }

.content-afterlogin-right { float: left; width: 350px; padding-left: 45px; padding-top: 50px;}
.content-afterlogin-right a { color:#9bcd56; }
.content-afterlogin-right h1 { padding-bottom: 10px; font-size: 24px; text-align: center;color: #9bcd56; }
.content-afterlogin-right h2 { text-align: center; }


.additional-button { float:left; margin-top: 10px; width: 575px; }
.additional-button ul { padding: 0; margin: 0; }
.additional-button li { padding: 0 10px 0 0; margin: 0; list-style: none; display: inline;}

.additional-link { float: right; width: 285px; text-align: right; font-size: 8px; padding-right: 40px; padding-top: 35px;  }
.additional-link ul { padding: 0; margin: 0; }
.additional-link li { padding: 0 0 0 10px; margin: 0; list-style: none; display: inline; }

.additional-link2 { float: left; width: 185px; text-align: left; font-size: 8px; padding-top: 10px; }
.additional-link2 ul { padding: 0; margin: 0; }
.additional-link2 li { padding: 0 10px 0 0; margin: 0; list-style: none; display: inline; }

.additional-link3 { float: right; width: 185px; text-align: right; font-size: 8px; padding-top: 10px; }
.additional-link3 ul { padding: 0; margin: 0; }
.additional-link3 li { padding: 0 10px 0 0; margin: 0; list-style: none; display: inline; }


/* product demo */
.product-demo-video { float: left; width: 300px; margin-top: 20px; }
.product-demo-video h4 {  color: #9bcd56; }
.product-demo-video p { padding: 10px 0; width: 180px; }
.product-demo-video .video-thumb { padding-top: 8px;}

/* registration */

.signup-form { clear: both; overflow: hidden; background: url(../img/signup-bg.png) no-repeat; width: 320px; margin-top: 20px; padding: 20px 15px; }
.signup-form ul { padding: 0; margin: 0; }
.signup-form li { padding: 0 0 20px ; margin: 0; list-style: none; }
.signup-form .signup-l { width: 120px; float: left; padding-top: 3px; }
.signup-form .signup-r { width: 200px; float: left; }

.signup-input { padding: 2px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 180px; }
.signup-button { margin-top: 10px; cursor: pointer;  }

.registration-demo-video { float: left; width: 185px; }
    .registration-demo-video-spacer { margin-top: 5px; }
.registration-demo-video h4 {  color: #9bcd56; }
.registration-demo-video .video-thumb { padding-top: 8px;}

/* login */
.login { clear: both; overflow: hidden; background: url(../img/signup-bg.png) no-repeat; width: 320px; height: 184px; margin-top: 15px; padding: 20px 15px; }
.login-text { width: 187px; padding: 2px 8px; border:1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login label { float: left; text-align: left; padding-right: 15px; width: 100px; padding-top: 5px;  }
.login-submit { padding-left: 115px; padding-top: 10px; }

/* after login */
.afterlogin-form { width: 465px;clear: both; overflow: hidden; font-size: 11px; }
.afterlogin-left { width: 120px; float: left; }
.afterlogin-left-edit { width: 120px; float: left; padding-top: 2px; }
.afterlogin-right { width: 335px; float: left; padding-left: 10px; margin-bottom: 5px; }
.afterlogin-info { float: left; width: 210px;  }
.afterlogin-text { padding: 1px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 206px;}
.afterlogin-info ul { padding: 0; margin: 5px 0 0; }
.afterlogin-info li { padding: 0; margin: 0; display: inline; list-style: none; }
.afterlogin-button { float: left; width: 120px; padding-left: 5px; }
.afterlogin-button ul { padding: 0; margin: 0; }
.afterlogin-button li { padding: 0; margin: 0; display: inline; list-style: none;}
.afterlogin-button-edit { float: left; width: 120px; padding-left: 5px; padding-top: 5px; }
.afterlogin-button-edit  ul { padding: 0; margin: 0; }
.afterlogin-button-edit  li { padding: 0; margin: 0; display: inline; list-style: none;}

.notification { font-size: 10px; text-align: right; padding-top: 70px;}

.member-help ul { padding: 0; margin: 10px 0; }
.member-help li { padding: 5px 0 0; margin: 0; list-style: none;}

/* contact */
.contact-form { padding-top: 10px;}
.contact-form ul { padding: 0; margin: 0; }
.contact-form li { padding: 0 0 20px ; margin: 0; list-style: none; }
.contact-form .contact-l { width: 100px; float: left; }
.contact-form .contact-r { width: 318px; float: left; }

label { padding-right: 50px; vertical-align: top;  }
.contact-input { padding: 2px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 300px; }
.contact-textarea { padding: 2px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; width: 300px;  }
.contact-button { margin-top: 10px; cursor: pointer;  }

/* sitemap */
.sitemap { padding-left:0px }
.sitemap ul { display:inline; padding:0; margin:0; }
.sitemap li { padding:30px 0; margin:0; float:left; list-style:none; width:120px;  }

.sitemap .sub-sitemap { font-size: 11px; }
.sitemap .sub-sitemap ul { padding:0; margin:10px; }
.sitemap .sub-sitemap li { padding:4px 0 ; margin:0; clear:both; list-style:none;  }

/* Slider */

#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider h2 { padding-top: 15px; }

#slider, #slider li{
    width:565px;
    height:248px;
    overflow:hidden;
}

#prevBtn a {  position:relative; top:30px; font-size:12px; left: 500px }
#nextBtn a { position:relative; top:30px; font-size:12px;left: 500px; margin:10px; }


.content-text { overflow: auto; }
.content-archives-full { width: 800px; }
.content-archives-right-full { width: 650px ; height: 300px; overflow:auto; }
.content-archives-left-selected { color: #000; font-weight:bold; }
.content-archives-right-full-2 { width: 790px ; height: 240px; overflow:auto; }


#slider-right ul, #slider-right li{
    margin:0;padding:0;list-style:none;
}
#slider-right h2 { padding-top: 15px; }

#slider-right, #slider-right li{
    height: 300px;
    width: 420px;
    overflow:hidden;
}

.content-iframe-left-2 { width: 300px; float: left; margin-bottom: 20px;  }
.content-iframe-right-2 { width: 550px; float: left; padding-left: 10px; margin-bottom: 20px;  }
.content-split-extended { height: 330px; }

.error ul {padding: 0; margin: 0; }
.error li { padding: 0 5px 5px ; margin: 5; color: #cc0000;width:200px;}

