/* autocomplete */
.autocomplete-w1 { position:absolute; top:2px; left:0px; }
.autocomplete { border:1px solid #CAE3F2; border-top:none; background:#DCF1FF; cursor:default; text-align:left; overflow:auto; padding:5px 5px; }
.autocomplete .selected { background:#B5D8ED; }
.autocomplete div { padding:5px 5px; white-space:nowrap; color:#0394D5; font-size:15px; }
.autocomplete strong { }
/* overlay */
#overlay { position: absolute; top: 0px; left: 0px; z-index:100000; width:100%; height:100%; display:none; background:#000000; }
.w10_h1 { width:10px; height:1px; overflow:hidden; display:block; }
.win_loading { background:url(../images/loading.gif) no-repeat center; display:block; width:300px; height:300px; overflow:hidden; }
/* dialog */
.dialog { position:absolute; left:50%; top: 50%; z-index:100000; padding:15px 15px; }
.dialog .tl { background:url(../images/border_tl.png) no-repeat; }
.dialog .tr { background:url(../images/border_tr.png) no-repeat; }
.dialog .bl { background:url(../images/border_bl.png) no-repeat; }
.dialog .br { background:url(../images/border_br.png) no-repeat; }
.dialog .tb { background:url(../images/border_tb.png) repeat-x; }
.dialog .lr { background:url(../images/border_lr.png) repeat-y; }
.dialog .bt_close { position:absolute; top:0px; right:0px; cursor:pointer; width:46px; height:46px; background:url(../images/bt_close.png) no-repeat; }
.inner { background:#FFFFFF; border:1px solid #747474; }
.inner .title { background:#0185CF; height:35px; line-height:35px; font-weight:bold; font-size:18px; color:#ffffff; text-align:left; padding:0px 10px; }
.inner .foot { height:40px; line-height:40px; padding:0px 5px; background:#E7E7E7 url(../images/bg_inline_foot.gif) repeat-x; }
/* layout */
.header { width:970px; margin:0px auto; overflow:hidden; }
.bodyer { width:990px; margin:0px auto; position:relative; margin-top:0px; }
/*.footer { width:970px; margin:0px auto; overflow:hidden; margin-top:10px; }*/
.footer a { padding:0px 5px; }
/* text button */
/*
.text_normal { border:1px solid #b5d8ed; font-family:Arial; font-style:normal; outline:none; font-size:14px; }
.text_sample { border:1px solid #b5d8ed; font-family:Georgia; font-style:italic; margin-right:5px; font-size:14px; outline:none; color:#9A9A9A; vertical-align:middle; }
.text_clicks { font-style:normal; color:#000; font-family:Arial; font-size:15px; vertical-align:middle; }
*/
.text_normal { border:2px solid #C2C2C2; font-family:Arial; font-style:normal; outline:none; font-size:16px; }
.text_sample { border:2px solid #C2C2C2; background:url(../images/bg_input.jpg) right top no-repeat; font-family:Georgia; font-style:italic; font-size:16px; outline:none; color:#9A9A9A; vertical-align:middle; }
.text_clicks { border:2px solid #80C3EE; font-style:normal; color:#000; font-family:Arial; font-size:16px; vertical-align:middle; }

.abutton { padding:0px 0px; background:#3bc1fe; text-align:center; }
.abutton a:link, .abutton a:visited { color:#fff; text-decoration:none; font-size:12px; font-family:Arial; display:block; }
.abutton a:hover { text-decoration:none; }
.abutton_green { padding:0px 0px; background:#5BB427; text-align:center; }
.abutton_green a:link, .abutton_green a:visited { color:#fff; text-decoration:none; font-size:12px; font-family:Arial; display:block; }
.abutton_green a:hover { text-decoration:none; }
.arrow_up_body { position:absolute; left:20px; top:-20px; width:24px; height:20px; background:url(../images/arrow_up_body.png) no-repeat; }
/* header */
.header_logo { display:block; width:300px; height:70px; background:url(../images/logo.png) no-repeat; overflow:hidden; margin-top:10px; cursor:pointer; }
.header_login { margin-top:20px; }
.header_user { margin-top:20px; text-align:left; }
.bt_login { margin-left:5px; display:block; width:68px; height:28px; background:url(../images/bt_login_2.png) no-repeat; }
.bt_login:hover { background-position:left -28px; }
.bt_login_disabled, .bt_login_disabled:hover { background-position:bottom; }
/*
.chars_left { display:block; width:36px; height:16px; background:url(../images/bg_chars_left.gif) no-repeat; overflow:hidden; text-align:center; font-size:11px; line-height:15px; color:#6BADE0; }
*/
/* user */
.user_icon { width:45px; height:45px; border:5px solid #D8EDF8; }
.user_name { font-size:16px; margin-left:0px; background:#fff; margin-bottom:5px; }
.user_name_links a, .user_name_links a:hover { margin-right:10px; text-decoration:none; font-size:14px; line-height:120%; }
.user_name a { margin-left:3px; }
.user_name span { font-size:18px; color:#3198D3; }
.header_user_menu { margin-left:18px; height:30px; line-height:30px; background:#ffffff; position:relative; margin-right:8px; }
.header_user_menu a { margin:0px 10px; font-size:14px; }
.header_user_menu a:hover { }
.header_user_menu_left { background:url(../images/bg_menu.gif) no-repeat; display:block; height:30px; width:8px; position:absolute; top:0px; left:-8px; }
.header_user_menu_right { background:url(../images/bg_menu.gif) no-repeat right; display:block; height:30px; width:8px; position:absolute; top:0px; right:-8px; }
/* main */
.main { float:left; width:600px; margin-left:5px; text-align:left; }
.main_title { font-size:18px; font-weight:bold; margin:15px 0px; }
.main_user { text-align:left; margin-bottom:15px; margin-top:10px; }
.form_login { margin:10px 0px; text-align:left; }
.italic_style { font-family:georgia, arial; }
/* button more */
.bt_more, .bt_more span { background:url(../images/bg_button2.gif) no-repeat; height:36px; line-height:36px; }
.bt_more { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; background-position:left; cursor:pointer; }
.bt_more span { display:block; padding:0px 10px 0px 0px; background-position:right; text-align:center; font-weight:bold; font-size:14px; color:#0184CD; }
/* box */
.box { width:580px; margin-bottom:10px; }
.box_head { background:url(../images/box_head.png) no-repeat; width:580px; height:12px; overflow:hidden; }
.box_head_arrow_up { background:url(../images/box_head_arrow_up.png) no-repeat; width:580px; height:30px; overflow:hidden; }
.box_body { background:#ffffff; width:580px; overflow:hidden; position:relative; }
.box_foot { background:url(../images/box_foot.png) no-repeat; width:580px; height:12px; overflow:hidden; }
/* side */
.side { float:right; width:350px; margin-right:5px; text-align:left; }
.side_readme { }
.side_readme_head { font-weight:bold; font-size:14px; color:#006fa9; margin-bottom:0px; }
.side_readme_text { padding-top:5px; font-size:14px; line-height:20px; }
.side_readme_icon { margin:8px 0px; font-size:13px; height:16px; line-height:16px; position:relative; padding-left:20px; }
.side_readme_icon span { position:absolute; left:0px; }
.side_readme_line { height:1px; overflow:hidden; background:#FFF; display:block; margin:8px 0px; }
.side_readme_area { margin:5px 20px; padding:8px 10px; background:#ffffff; text-align:center; font-weight:bold; }
/* tip */
.tip { position:absolute; width:170px; z-index:9999; }
.tip_head { width:170px; height:20px; overflow:hidden; background:url(../images/tip_head.png) no-repeat; }
.tip_body { width:170px; height:auto; overflow:hidden; background:url(../images/tip_body.png) repeat-y; }
.tip_foot { width:170px; height:10px; overflow:hidden; background:url(../images/tip_foot.png) no-repeat; }
.tip_line { height:1px; overflow:hidden; background:#E9E194; }
.tip_item { margin-bottom:2px; }
.tip_info { font-family:Georgia; font-style:italic; margin-top:2px; }
.tooltip { margin:0px 20px 3px 10px; width:150px; text-align:left; overflow:hidden; color:#505050; line-height:130%; }
/* about page */
.faq { text-align:left; width:500px; line-height:30px;  margin:20px auto; background:#fff; padding:20px 20px; }
.faq h2 { font-size:20px;}
.faq h3 { font-size:18px;}
.faq p { font-size:14px;}
.faq h2 { font-size:20px;}
.terms { text-align:left; width:800px; line-height:20px; margin:20px auto; background:#fff; padding:20px 20px; }
.terms p { font-size:14px; }
.contact { line-height:30px; margin:50px auto; text-align:left; width:380px; background:#fff; padding:20px 20px; }
.contact p { font-size:16px; font-weight:bold; }
.italics2 { font-family:georgia; font-size:12pt; color:#4b4b4b; font-style: italic; }
.italics2 a { font-family:georgia;  text-decoration:none; color:#006FA9; }
.italics2 a:hover { text-decoration:none; }
.italics { font-family:georgia; font-size:12pt; color:#4b4b4b; font-style: italic; }
.italics a { font-family:georgia;  text-decoration:none; color:#3198D3; }
.italics a:hover { text-decoration:underline; }
/* settings win */
.settings_title { float:left; color:#000; font-size:14px; line-height:120%; font-weight:bold; }
.settings_saving { float:right; font-style:italic; color:#575757; font-size:11px; height:16px; padding-left:18px; background:url(../images/loading.gif) no-repeat; line-height:16px; display:none; }
.settings_list { text-align:left; margin-top:10px; background:#F6F6F6; padding:10px 10px; }
.settings_item { color:#000; font-size:14px; }
.settings_item input { vertical-align:middle; position:relative; top:-1px; }
.settings_text { color:#646464; padding-left:18px; margin-top:2px; font-size:12px; line-height:120%; }
/* html text button */
.bt_blue, .bt_blue span { display:-moz-inline-box; -moz-box-align:center; }
.bt_blue, .bt_blue span { display:inline-block; background:url(../images/bt_bg_blue_up.png); height:28px; line-height:28px; padding:0px 20px; }
.bt_blue { padding-left:0px; background-position: 100% 0px; cursor:pointer; }
.bt_blue span { padding-right:0px; font-weight:bold; color:#ffffff; font-size:14px; white-space:nowrap; }
.bt_blue:hover { text-decoration:none; }
.bt_blue_over, .bt_blue_over span { background:url(../images/bt_bg_blue_over.png); }
.bt_blue_over { background-position: 100% 0px; }
.bt_blue_disabled, .bt_blue_disabled span { background:url(../images/bt_bg_blue_disabled.png); }
.bt_blue_disabled { background-position: 100% 0px; cursor:default; }
.bt_gray, .bt_gray span { display:-moz-inline-box; -moz-box-align:center; }
.bt_gray, .bt_gray span { display:inline-block; background:url(../images/bt_bg_gray_up.png); height:28px; line-height:28px; padding:0px 20px; }
.bt_gray { padding-left:0px; background-position: 100% 0px; cursor:pointer; }
.bt_gray span { padding-right:0px; font-weight:bold; color:#ffffff; font-size:14px; white-space:nowrap; }
.bt_gray:hover { text-decoration:none; }
.bt_gray_over, .bt_gray_over span { background:url(../images/bt_bg_gray_over.png); }
.bt_gray_over { background-position: 100% 0px; }
/* login and sign up */
.input_login { border:2px solid #C2C2C2; padding:8px 5px; width:220px; height:18px; background:url(/UI/images/bg_input.jpg) right top no-repeat;font-size:12pt; }
.input_login_focus { border:2px solid #80C3EE; }
.bt_login { display:block; width:103px; height:33px; background:url(/UI/images/bt_login.jpg) no-repeat; }
.bt_login:hover { background-position:left -33px; }
.bt_login_disabled, .bt_login_disabled:hover { background-position:bottom; }
.bt_signin_twitter { display:block; width:150px; height:24px; background:url(http://kevin.twitvid.com/UI/images/bt_signin_twitter.jpg) no-repeat; }
.bt_sign_up { display:block; width:98px; height:33px; background:url(http://kevin.twitvid.com/UI/images/bt_sign_up.jpg) no-repeat; }