@charset "utf-8";


/* Overlay */
#dialog-overlay {background-color:#000; cursor:wait;}


/* Container */
#dialog-container {font: 12px 'Trebuchet MS', Verdana, Arial; text-align:left; min-width: 640px; height: 300px; background: url('../images/shared/dialog/popup-bg.png') repeat scroll 0 0 transparent; }
#dialog-container .dialog-content { display: block; color:#ddd; padding: 15px; }
#dialog-container .dialog-inner { display: block; color:#ddd; background: url('../images/shared/pattern-lightbox.jpg') repeat scroll 0 0 transparent; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5); box-shadow:inset 0 0 10px rgba(0,0,0,.5);  }
#dialog-container .dialog-shadow_inner { display: block; color:#ddd; background: url('../images/shared/dialog/inner-shadow.jpg') repeat scroll 0 0 transparent; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5); box-shadow:inset 0 0 10px rgba(0,0,0,.5);  }
/*#dialog-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}*/
/*#dialog-container .dialog-loading {background:url('../img/contact/loading.gif') no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#dialog-container .dialog-message {text-align:center;}
#dialog-container .dialog-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}*/
#dialog-container br.clear { display: block; clear: both; line-height: 0px; height: 0px; font-size: 1px; }
#dialog-container form {margin:0; padding:0;}
/*#dialog-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}*/
#dialog-container .dialog-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#dialog-container textarea {height:114px;}
/*#dialog-container .dialog-cc {cursor:default; font-size:14px; vertical-align:top;}
#dialog-container .dialog-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#dialog-container .dialog-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#dialog-container .dialog-bottom a,
#dialog-container .dialog-bottom a:link,
#dialog-container .dialog-bottom a:active,
#dialog-container .dialog-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#dialog-container .dialog-bottom a:hover {color:#888;}
#dialog-container .dialog-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#dialog-container .dialog-button:hover {background:#f49000;}*/
#dialog-container a.modal-close,
#dialog-container a.modal-close:link,
#dialog-container a.modal-close:active,
#dialog-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:-27px; top:0px; z-index: 999; }
#dialog-container a.modal-close:hover {color:#ccc;}
div.dialog-content div.loading { display: block; height: 150px; background: url('../images/shared/dialog/loading.gif') no-repeat center center; }

div.dialog-content h1.head { display: block; text-align:center; margin: 0px; padding: 20px 0px 20px 0px; background: url('../images/shared/shadow-btm.png') repeat-x bottom left; }
div.dialog-content div.head-title { display: block; margin: 0px; padding:25px 0px 10px 30px; }
div.dialog-content div.head-title_login { padding-left: 160px; }
div.dialog-content div.head-title h3 { display: block; margin: 0px; padding: 0px; }
div.dialog-content div.head-title h4 { display: block; margin: 0px; padding: 3px 0px 0px 0px; }
div.dialog-content div.remark {display: block; color: #CF9044; width: 240px; margin:0; padding: 0px; }
div.dialog-content div.remark p { display: block; color: #CF9044; padding: 10px 0 10px 5px; margin: 0px; }

div.form-wrap { display: block; padding:15px 0px 15px 180px; }
div.form-wrap ul.btn-forget-regis { list-style-type:none; float:left; margin:0; padding:15px 0 0 15px; }
div.form-wrap ul.btn-forget-regis li { float:left; margin:0; padding:3px 14px; background:url('../images/shared/login/line-register.png') no-repeat 0 6px; }
div.form-wrap ul.btn-forget-regis li:first-child { background:none; }

/* Login */
div.dialog-login div.login-form { display: block; padding: 5px 0px; }
div.dialog-login div.login-form div.input { float: left; background: url('../images/shared/bell/bg-txtfield.png') no-repeat 0 0; width: 221px; height: 29px; }
div.dialog-login div.login-form div.btn { float: left; padding-left: 10px; margin:-3px; }
div.dialog-login div.login-form div.btn input.bt_login { display: inline-block; background: url('../images/th/shared/btn-login.png') no-repeat center center; width: 91px; height: 37px; border: 0px; }

/* Register */
div.dialog-register div.register-form { display: block; padding: 5px 0px; }
div.dialog-register div.form-wrap { float: none; padding-bottom: 20px; }
div.dialog-register div.register-form div.input { float: left; background: url('../images/shared/bell/bg-txtfield.png') no-repeat 0 0; width: 221px; height: 29px; }
div.dialog-register div.register-form div.btn { float: left; padding-left: 10px; margin:-3px; }
div.dialog-register div.register-form div.btn input.bt_register { display: inline-block; background: url('../images/th/shared/btn-submit.png') no-repeat center center; width: 91px; height: 37px; border: 0px; }
div.dialog-register div.complete { display: none; text-align:center; padding: 40px 0px 30px 0px; }
div.dialog-register div.complete p { display: block; text-align:center; padding: 0px 0px 10px 0px; }
div.dialog-register div.complete a { display: inline-block; text-align:center; padding: 30px 0 0 0; margin: auto; }

/* Forgot Password */
div.dialog-forgot h1.head { padding-left: 180px; text-align: left; }
div.dialog-forgot div.form-wrap { padding-bottom: 30px; }
div.dialog-forgot div.form-wrap div.remark p { padding-bottom: 0px; }
div.dialog-forgot div.forgot-form { display: block; padding: 5px 0px; }
div.dialog-forgot div.forgot-form div.input { float: left; background: url('../images/shared/bell/bg-txtfield.png') no-repeat 0 0; width: 221px; height: 29px; }
div.dialog-forgot div.forgot-form div.btn { float: left; padding-left: 10px; margin:-3px; }
div.dialog-forgot div.forgot-form div.btn input.bt_submit { display: inline-block; background: url('../images/th/shared/btn-submit.png') no-repeat center center; width: 91px; height: 37px; border: 0px; }

div.dialog-forgot div.complete { display: none; text-align:center; padding: 40px 0px 30px 0px; }
div.dialog-forgot div.complete p { display: block; text-align:center; padding: 0px 0px 10px 0px; }
div.dialog-forgot div.complete a { display: inline-block; text-align:center; padding: 30px 0 0 0; margin: auto; }

/* Vote */
div.dialog-vote div.head-title { padding:25px 0px 20px 30px; text-align: left; background: url('../images/shared/shadow-btm.png') repeat-x bottom left; }
div.dialog-vote div.dialog-inner { padding: 0px 0px 10px 0px; }
div.dialog-vote div.form-wrap { float: none; padding: 0px; }
div.dialog-vote .vote-choice { display: block; list-style-type:none; margin:0; padding:8px 0 10px 0; min-width: 600px; width: 100%; }
div.dialog-vote .vote-choice> li { display: block; margin:0; padding:5px 22px; border-top: 1px solid rgba(255, 255, 255, 0.21); -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); *border-top: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d\0/; }
div.dialog-vote .vote-choice> li:first-child { border-top:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; *border-top: none; }
div.dialog-vote .vote-choice> li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.21); *border-bottom: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d\0/; }
div.dialog-vote .vote-choice> li:nth-child(2n) { -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); background:url('../images/shared/bg-black.png') repeat 0 0; border-top: 1px solid rgba(255, 255, 255, 0.21); *border-top: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d\0/; }
div.dialog-vote .vote-choice> li > .num { float:left; padding: 8px 0 0 35px; width:20px; }
div.dialog-vote .vote-choice> li > .vote-detail { float:left; padding: 2px 0px; }
div.dialog-vote .vote-choice> li > .vote-detail label { float: left; width: 400px; padding: 6px 0 0 3px; }

div.dialog-vote .vote-choice .radio { display: inline-block; cursor: pointer; height: 22px; width: 20px; clear:left; float:left; margin: 0 0 3px; padding: 0 5px 0 5px; background: url('../images/shared/radio.png'); background-repeat:no-repeat;  text-indent: 100%; white-space: nowrap; overflow: hidden; }
div.dialog-vote .vote-choice .radio input { display: none; }
div.dialog-vote div.btn-vote-result { display: block; padding: 5px 0 5px 0px; width: 600px; margin: auto; text-align: center; }
div.dialog-vote div.btn-vote-result > .btn-vote { display: inline-block; padding: 0px 4px; }
div.dialog-vote div.btn-vote-result > .btn-result { display: inline-block; padding: 0px 4px; }

div.dialog-vote div.remark { width: 600px; margin: auto; text-align: center; }
div.dialog-vote div.loading { height: 170px; }

div.dialog-vote div.complete { display: none; text-align:center; padding: 40px 0px 10px 0px; height: 120px; }
div.dialog-vote div.complete p { display: block; text-align:center; padding: 0px 0px 10px 0px; }
div.dialog-vote div.complete a { display: inline-block; text-align:center; padding: 30px 0 0 0; margin: auto; }

/* Vote Result */
div.dialog-vote-result {}
div.dialog-vote-result div.dialog-inner { width: 600px; padding: 0; }
div.dialog-vote-result .head-result { display: block; }
div.dialog-vote-result .vote-result { display: block; background:url('../images/shared/vote/col-result.png') repeat-y 0 0; }
div.dialog-vote-result .vote-result ul { display: block;  list-style-type:none; width: 600px; margin:0; padding: 0; }
div.dialog-vote-result .vote-result ul > li { display: block; margin:0; padding:10px 0; border-top: 1px solid rgba(255, 255, 255, 0.21); -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); *border-top: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d\0/; }
div.dialog-vote-result .vote-result ul > li:first-child { border-top:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; *border-top: none; }
div.dialog-vote-result .vote-result ul > li:last-child { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.21); *border-bottom: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d\0/; }
div.dialog-vote-result .vote-result ul > li:nth-child(2n) { -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2); background:url('../images/shared/bg-black.png') repeat 0 0; border-top: 1px solid rgba(255, 255, 255, 0.21); *border-top: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d\0/; }


div.dialog-vote-result .vote-result ul > li > div.num { float:left; width:220px; padding: 0 3px 0 24px; }
div.dialog-vote-result .vote-result ul > li > .percent-bar { float:left; width:185px; padding:0 0 0 0; }
div.dialog-vote-result .vote-result ul > li > .percent-bar > div { display: block; width: 0px; height: 15px; background:#D3D3D3; }
div.dialog-vote-result .vote-result ul > li > .percent-bar > div.yellow { background:#c69d38; }
div.dialog-vote-result .vote-result ul > li > .percent-bar > div.blue { background:#86a8a6; }
div.dialog-vote-result .vote-result ul > li > .percent-bar > div.green { background:#a7b881; }
div.dialog-vote-result .vote-result ul > li > .percent-bar > div.purple { background:#927088; }

div.dialog-vote-result .vote-result ul > li > .percent { float:left; width:65px; padding:0; }
div.dialog-vote-result .vote-result ul > li > .quantity { float:left; width:100px; padding:0; text-align:center; }
div.dialog-vote-result .vote-result ul > li > .total { float:left; width:465px; padding-right:32px; text-align:right; }
/*
div.title p {
	padding: 3px 0 0 0;
	margin:0
}

.txt-regis{
	padding:20px 0 10px 180px;
}
.shadow-btm-in {
	display: block;
	background:url('../images/shared/shadow-btm.png') no-repeat 0 0;
	height: 9px;
}

.login-form{
	float:left;
	padding:5px 0;
}
.login-form > .l{
	float:left;
}
.login-form > .r{
	float:left;
	padding:0 0 0 10px;
	margin:-3px;
}
.bg-txtfield{
	float:left;
	background:url('../images/shared/bell/bg-txtfield.png') no-repeat 0 0;
	width:221px;
	height:29px;
}*/