body {overflow-y: auto; background-color:#FFFFFF; padding:0 10px 10px 10px; overflow-y:scroll;}
body table {font-family:Verdana; font-size: 12px;}
legend {font-size:0.9em; color:#069; font-weight:bold;}
fieldset {padding: 10px; margin: 20px 10px 20px 10px; border:solid #CCC 1px;}
input {border:solid 1px #666;}
h1 {color:#333; font-size:2.1em; font-weight:normal; margin:0.9em 0 0.5em 0;}
h2 {color:#09C; font-size:1.7em; font-weight:normal; margin:1em 0 0.5em 0;}
h3 {color:#069; font-size:1.3em; font-weight:normal; margin:1.2em 0 0.5em 0;}
h4 {color:#333; font-size:1.0em; font-weight:bold; margin:1.2em 0 0 0;}
p {margin:0.5em 0 0.5em 0;}
img {border:0;margin:0;padding:0;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;color:#222;}

.red {color: red}
ul.intext li img {margin: 0 0 -4px 0;}
#logo {margin-top:5px;}

/* Main */
.main-table {width:100%; height: 100%; margin: 0; padding:0; background-color:#FFF;}
.footer {font-size:0.9em;color:#333; text-align:center;}
li.service-menu a{font-size:0.8em; font-weight:bold;}
.Buttons { cursor: pointer; text-align:center}
#tabs {height:100%; width:100%; padding-bottom:0px;}

.version { font-size:0.8em;}
.attention {background-color:#FFFFCC; padding:2px}

/* Conference list tables */
.conf-list td {font-size:1em; color:#555555; background-color: #F5F5F5;padding: 4px 6px 4px 6px; margin: 0px 1px 2px 0px;}
table.conf-list { padding:0; margin:0px; width:100%}
.conf-list button{background-color:#FFFFFF;margin: 1px 1px 1px 1px;padding:0;cursor:pointer; border:solid 1px #999999;}

td.online{color:#FFFFFF;font-weight:bold;background-color: #009933;}

.FormText { width: 182px; border:solid 1px #666666; background-color: #F6F6F6; font-size: 1em; color: #333333;}
.FormTable {width:550px; margin:20px; border:#999999 solid 1px;}
.FormTable .FormTitles {width: 250px;}
.FormTable .FormTitles span { color: red;}
.FormTable .FormInput select, .FormTable .FormInput input, .FormTable .FormInput textarea { width: 300px;border:solid 1px #666666; background-color: #F6F6F6; font-size: 1em; color: #333333;}

a.btn {display: block; background-image:url(../i/button.jpg); border:#333333 1px solid; padding-left:5px; width:350px; text-decoration: none; text-align: center;}


/* Join to conference */
.join-form {width: 600px; border:#999999 solid 1px; margin-top:40px; text-align: center;}
.join-form form {display: none; padding:0px; margin:0px;}
.join-form h2 { margin-bottom:35px;}
.join-form h3 { margin-top:30px;}
.join-notice { font-size: 0.8em; margin-bottom: 20px;}
.join-input-div {margin:0 0px 10px 0; padding:0; width: 100%; text-align: right;}
.join-input-div input {padding: 2px; border: 1px #666; border-style:inset; margin:0 180px 0 0;}

table.join-input-name {margin:0px; padding:2px; background-color:#FF9; width:0%}
#join-input-name {font-size: 1.5em; width:240px; margin:0; padding:2px; border:solid 1px #666;}
.join-input-div-btn {margin-bottom:10px; width: 500px; text-align: right; }
.join-input-div-big span.notice, span.notice { font-size: 0.8em;}

.join-input-div-enter {margin-bottom:10px; width: 100%; text-align: right; font-size: 1.1em;}
.join-input-div-enter input {margin:0 180px 0 0;}
.join-conf {height:30px; width:240px;}

.join-input-auto{ text-align:center; padding: 25px 0 0px 0; margin:0 0 20px 0;}
.join-error { font-size: 0.8em; color: red; margin: 0 0 10px 0;}
.join-form-notice {position: absolute; z-index: 3; top: 100px; left:100px; background-color: #FFF; border: solid 1px #666; padding: 50px 20px 50px 20px;}

/* Login Form */
.login-form {width: 600px; border:#999999 solid 1px; z-index: 1; position: relative; margin-top:40px; text-align: center;}
.login-form form {display: none; padding:0px; margin:0px;}
.login-form h2 { margin-bottom:35px;}
.login-form h3 { margin-top:30px;}
.login-notice { font-size: 0.8em; margin-bottom: 20px;}
.login-input-div {margin:0 0px 10px 0; padding:0; width: 200px; text-align: right;}
.login-input-div input {padding: 2px; border: 1px #666; border-style:inset; margin:0 180px 0 0;}

.login-input-div-big {margin-bottom:10px; width: 100%; text-align: right; font-size: 1.1em;}
.login-input-div-big span.border {border: solid 4px #FFFF5F; height: 38px; width: 240px; padding: 8px 0 10px 0; margin:0 176px 0 0;}
.login-input-div-big input { height: 34px; width: 240px; font-size: 1.3em; padding: 2px; border:solid 1px #666;}
.login-input-div-btn {margin-bottom:10px; width: 500px; text-align: right; }
.login-input-div-big span.notice, span.notice { font-size: 0.8em;}


.login-input-div-enter {margin-bottom:10px; width: 100%; text-align: right; font-size: 1.1em;}
.login-input-div-enter input {margin:0 180px 0 0;}
.enter-conf {height:30px; width:240px;}

.login-input-auto{ text-align:center; padding: 25px 0 0px 0; margin:0 0 20px 0;}
.login-error { font-size: 0.8em; color: red; margin: 0 0 10px 0;}


div.auth-form {margin-top:20px;}
div.auth_header{ float:right; height:30px; font-size:11px; width:200px; text-align:right;}
div.auth_header a{color: #666}
.auth-form {text-align: right; font-size:0.9em; color: #666; background-color: #FFF; width: 240px}
div.auth-form {position: absolute; top: 5px; right: 10px; width: 230px; z-index: 2;}
.auth-form form { border: solid 1px #666; padding: 4px;}
div.auth-form span { width: 100%;}
div.auth-form span input{width: 150px; margin-bottom:4px;}
.auth-form .login-input-div-btn {width: 100%;}
.auth-form a { color: #666; font-size: 0.8em; font-family: verdana;}
.auth-form a:hover { text-decoration: underline;}
.auth-form span { font-size: 1em;}
.error-notice { font-size: 1.2em; margin: 30px 0 0 0;}
.auth-form-remember { width:100%; padding-right:2px;}


.login-input-div input.checker {width: 10px; height: 10px;}
.login-form-notice {position: absolute; z-index: 3; top: 100px; left:100px; background-color: #FFF; border: solid 1px #666; padding: 50px 20px 50px 20px;}

li.ui-corner-top { list-style-image: none;}
table.service_area {border:0;}

.ui-state-default, .ui-widget-content .ui-state-default  {color:#000000;}
.b-conf-app, .b-conf-app-now {width:200px; height:30px;}


.time_time{border:#000000 1px solid;float:left;}
.arrow_down{width:16px;height:15px;margin:0 0 0 1px;background:url(../i/arrow_down.gif); float:left;}
.time_list{position:absolute;width:70px;height:100px;overflow:auto;background:#fff;border:1px solid #666666;font-family:Verdana;color:#333333;font-size:11px;}
.hide{display:none;}
.show{display:block;}
.selected{background:#ececec;cursor:pointer;}
.datapicker{float:left;}
.datapicker .ui-datepicker-trigger{margin:0 15px 0 2px;}


/* request */
.request-table {padding:0px 10px 0px 10px; width:600px; margin:20px; border:#999999 solid 1px;text-align:center}
.request-table h2{text-align:center; margin-bottom:20px;}
.request-table button{width:200px; height:25px;}

/* profile */
.left-col {float:left; width:200px; text-align:right; margin: 3px 5px 0 0;}
.right-col {float:left; text-align:left; font-weight:bold; margin: 3px 0 0 0;}
.row {vertical-align:bottom; height:30px;}
p.service-note {margin: 10px 0 0 0;}

/* appointment */
#appoint-area {float:left; margin: 0px 0px 0 0;}
#appoint-area fieldset {width:0%;}
#mycard-area {float:left; margin: 0 0 0 0;}
.conf_list-area {clear:left; width:100%; text-align:left; margin: 0 0 0 0;}
#icallink, #maillink  {height:30px; width:400px;}
#icallink {margin:40px 0 10px 0; width:369px;}
#maillink {margin:10px 0 30px 0;}
#appoint-date  {margin:1.2em 0 0.5 0;}
#appoint-time  {margin:0 0 1.5em 0;}
table.conf-table {width:100%; padding:12px;}
button.conf-table { width:250px; height:25px; vertical-align:middle; margin-top:10px;}
.conf-subj input{font-size:1.1em;}
.conf-id, .conf-check, .conf-pass {color:#666666; font-size:0.9em;}
.conf-id td { padding-top:10px;}
.conf-check td { padding-bottom:20px;}
.btn-finish {width:250px;}
.notice-help {position:absolute; width:400px; border:solid 1px #CCC; cursor:pointer; text-align:left; padding:10px 10px; background:url(../i/delete.gif) no-repeat 100% 0% #FFF;}
.btns-calendar {vertical-align:middle;}
.btn-help {height:30px;}



.bt-download {width:200px; height:30px; font-weight:bold; margin:10px 0 20px 0;}

#install-ie, #install-ff, #install-mac  {width:80%;}
#install-ie p, #install-ff p, #install-mac p {text-align:left;}
#install-ff button, #install-mac button {height:30px; margin-top:20px; text-align:center}
#install-ie .version, #install-ff .version, #install-mac .version {text-align:center}
#install-ie div {margin:40px 0 70px 0; width:100%; border:#CCC 1px solid; padding:20px 10px 20px 10px; font-size:1.2em; background-color:#FFC;}

/* authorization */
#authorization {border:#999 solid 1px; width:600px; margin-top:40px; }
#authorization h2{ padding-bottom:20px;}
.authorization {text-align:right; padding:10px 0 10px 0;}
.authorization input {margin-right:180px;}
#authorization-b {margin:20px 0 0 0; width:220px; height:25px; vertical-align:middle; text-align:center; font-size:12px; font-weight:bold;}

/* help */
div.help-index, div.help-index-home, div.table-of-contents{text-align:left; padding: 5px 0px 10px 0px; margin:0 5px 0 10px;}
div.help-index {float:right; width:330px;}
div.help-index-home table td{width:50%; vertical-align:top;}
div.help {text-align:left; margin:0 0 0 15px;}
.help ul { padding:0; margin:0 0 0 10px;}
.help li { list-style-type:none; background: url(../i/bullit.gif) no-repeat 2px 10px; padding: 4px 0 0 15px;}
img.mybullit {margin: 0px 8px 3px -14px; vertical-align:bottom}
ul.mybullit li{ background: none}
div.help-index-home h3, div.help-index h3, div.table-of-contents h3 {color:#333; font-size:14px; font-weight:bold;}
div.help-index-home h3 a, div.help-index h3 a, div.table-of-contents h3 a{color:#069; font-size:13px;}
div.help-index-home h3 a:visited, div.help-index h3 a:visited, div.table-of-contents h3 a:visited {color:#069}
div.help-index-home li, div.help-index li {color:#333;}
div.help-index-home li.help-index-second, div.help-index li.help-index-second {margin-left:10px; list-style-image:none; list-style-type:none; color:#666;}
div.table-of-contents p{color:#333; font-size:12px; padding-bottom:4px}

/* welcome */
.welcome {text-align:left; margin:0 30px 0 30px; }
.welcome h2{padding:10px 0 10px 0;}
.welcome h4{padding:10px 0 20px 0;}
div.welcome-requirements {float:right; border:#999 1px solid; margin:25px 25px 0 25px; padding:0 10px 5px 0; width:300px;}
.welcome-requirements h4 {padding: 0 0 10px 0;}
.welcome ul { padding:0; margin:0 0 0 10px;}
.welcome li {list-style-type:none; background: url(../i/bullit.gif) no-repeat 2px 10px; padding: 4px 0 0 15px;}

.notice-strong {font-size:1.2em;color:#09C;}
.size1 {font-size:1.4em;}

.restore-notice {padding: 10px 0 50px 0;}
.restore-notice table {margin:0 30px;}
.restore-notice table tr td {vertical-align:top;}
.restore-notice .restore-td-l {width:300px;}
#user_client {border:solid 1px; width:400px; margin:15px 0 15px 0;}

/* register */
.reg_sel {width: 180px; border:solid 1px;}

.h_desc {background:url(../i/icons/s_desc.png) no-repeat 100% 0%; display:block; height:20px;}
.h_asc {background:url(../i/icons/s_asc.png) no-repeat 100% 0%; display:block; height:20px;}