/* fonts */
@font-face { font-family:'flexolight'; src:url('/fonts/flexolight.eot'); }
@font-face { font-family:'flexolight'; src:url('/fonts/flexolight.ttf'); }

/* html tags */
* { margin: 0; padding: 0; }
html, body { text-align: center; -webkit-perspective: 800; height: 100%; -webkit-text-size-adjust:none; background-color:#f6f6f6; }
a:link, a:visited { text-decoration: none; color:#4499cc; }
body,label { font-family:"flexolight"; font-size:14px; color:#888888; }
h1 { font-family: 'flexolight'; color:#333333; font-size:40px; font-weight:normal; margin-bottom: 16px; }
h2 { font-family: 'flexolight'; color:#444444; font-size:32px; font-weight:normal; margin-bottom: 16px; }
h3 { font-family: 'flexolight'; color:#555555; font-size:24px; font-weight:normal; }
input, textarea, select { padding: 15px; font-family:"flexolight"; font-size:15px; color:#333333; height:24px; border:1px solid #dddddd; background-color: #fafafa; border-radius:10px; }
input[type='checkbox'] { margin-top:5px; padding: 0px; -webkit-appearance:none; width:15px; height:15px; background:white; border-radius:5px; border:1px solid #999999; }
input[type='checkbox']:checked { background: #3495dd; border:1px solid #115599; }
input:focus { outline:none; border-color:#aaaaaa; box-shadow:0 0 8px #aaaaaa; }
textarea, input:focus { outline: none; }
img { vertical-align: top; border:0px; }
p { margin-top:12px; margin-bottom: 12px; }

/* classes */
.caption { width:590px; height:17px; background-color:#eeeeee; color:#666666; padding:5px; font-style:italic; }
.center { position:relative; display:inline-block; margin-left:auto; margin-right:auto; }
.frames { width:1000px; margin-top:30px; margin-bottom:30px; }
.frame240 { width:240px;position:absolute;top:20px;right:0px; margin:10px; padding:30px; background-color:#ffffff; text-align:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); }
.frame600 { width:600px; margin:10px; margin-top:30px; margin-bottom:30px; padding:30px; background-color:#ffffff; text-align:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); }
.frame920 { width:920px; margin:10px; margin-top:30px; margin-bottom:30px; padding:30px; background-color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); }
.frame960 { width:960px; margin:10px; margin-top:30px; margin-bottom:30px; padding:10px; padding-bottom:30px; background-color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.08); }
.left { float: left }
.icon { padding-left:10px; padding-top:16px; }
.input { width:70px; height:24px; margin-left:10px; margin-top: 22px; }
.rounded { -webkit-border-radius: 5%; -moz-border-radius: 5%; border-radius: 5%; }
.rounded5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rounded10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.button { width:55px; height:21px; margin-left:10px; margin-top: 22px; padding:15px; padding-top:18px; border:1px solid #3495dd; background-color: #56b7ff; border-radius:10px; float:left; color:#ffffff; font-size:15px; cursor:pointer; }
.buttonb { width:140px; height:21px; margin-left:28px; margin-top: 4px; padding:20px; padding-top:18px; border:1px solid #3495dd; background-color:rgba(81,183,255,0.8); border-radius:10px; float:left; color:#ffffff; font-size:18px; cursor:pointer; }
.buttonx { width:60px; height:21px; margin-left:15px; margin-top: 22px; padding:15px; padding-top:18px; border:1px solid #1273cc; background-color: #3495dd; border-radius:10px; float:left; color:#ffffff; font-size:15px; cursor:pointer; }
.buttont { background-color:#333333; border-radius:5px; width:100px; padding:5px; margin-top:15px; color:#eeeeee; position:relative; display:inline-block; margin-left:auto; margin-right:auto; cursor:pointer; }
.button180 { width:180px; height:21px; margin-left:15px; margin-top: 22px; padding:15px; padding-top:18px; border:1px solid #3495dd; background-color: #56b7ff; border-radius:10px; float:left; color:#ffffff; font-size:15px; cursor:pointer; text-align:center; }
.buttonpro { background:url('/images/ui/buttonpro.png');width:300px;height:67px;padding-top:33px;color:#ffffff;font-size:26px;margin-left:auto;margin-right:auto;cursor:pointer; }
.buttonopen { background:url('/images/ui/button.png');width:300px;height:67px;padding-top:33px;color:#ffffff;font-size:26px;margin-left:auto;margin-right:auto;cursor:pointer; }
.image150 { width: 150px; height: 156px; padding: 5px; background-image:url('/images/ui/image150x150.png'); }
.image300 { width: 300px; height: 306px; padding: 5px; background-image:url('/images/ui/image300x300.png'); }
.image400 { width: 400px; height: 306px; padding: 5px; background-image:url('/images/ui/image400x300.png'); }
.image900 { width: 900px; height: 506px; padding: 5px; background-image:url('/images/ui/image900x500.png'); }
.image900x600 { width: 900px; height: 606px; padding: 5px; background-image:url('/images/ui/image900x600.png'); margin-left:auto; margin-right:auto; }
.image900x300 { width: 900px; height: 306px; padding: 5px; background-image:url('/images/ui/image900x300.png'); margin-left:auto; margin-right:auto; }
.image900x315 { width: 900px; height: 321px; padding: 5px; background-image:url('/images/ui/image900x315.png'); margin-left:auto; margin-right:auto; }
.images { padding:5px; color:#333333; min-width:995px; margin-bottom:-5px; }
.pad0 { padding:0px } .pad0 td { padding:0px }
.titlelink { color:#BBBBBB; font-size:20px; padding-top:18px; float:left; margin-left:30px; cursor:pointer; }

/* elements */
#top { width:100%; height:100px; text-align:center; background-color:#ffffff; }
#banner { height:100px; width:1000px; background-color:#ffffff; }
#logo { width:220px; height:60px; margin-top:18px; float: left; }
#loginform { margin-left:10px; float:left; }
#sign { float:left; }
#siup { float:left; border:1px solid #1273cc; background-color: #3495dd; color:#ffffff; }

.menuitem { float:left; }
.menuitem a { color:#666666; background-position: 0 -80px; display: block; width: 100px; height: 28px; background: url(/images/ui/banner-mid.png); padding-top:12px; text-align:center; }
.menuitem a:hover { color:#444444; background-position: 0 -40px; } .menuitem a:active { color:#222222; background-position: 0 -80px; }
#menu { padding-top: 30px; }
#menuleft a { background: url(/images/ui/banner-left.png); }
#menuright a { background: url(/images/ui/banner-right.png); }