@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style:inherit; font-size: 100%; font-family:inherit; background: transparent; }
body { background: #eee; color: #999; border-top: 5px solid #5C9FC0; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;line-height: 1;
}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
body { background:#C1DEED url(http://a3.twimg.com/a/1259630745/images/bg-clouds.png) no-repeat fixed left top; }
a:link, a:visited { color:#3198d3; text-decoration:none; }
a:hover { color:#3198d3; text-decoration:underline; }
/* float clear */
.left { float:left; }
.right { float:right; }
.center { text-align:center; } 
.clear { clear:both; display:block; font-size:0; line-height: 0; width:0; height:0; visibility:hidden; }
/* clearfix */
.clearfix:after { content: ' '; clear: both; display: block; font-size: 0; line-height: 0; width: 0; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom: 1; }
.clearfix { display: block; }
/* curved */
.curved { -moz-border-radius:10px; -webkit-border-radius:10px; }
.curved_4px { -moz-border-radius:4px; -webkit-border-radius:4px; }
.curved_8px { -moz-border-radius:8px; -webkit-border-radius:8px; }
.curved_15px { -moz-border-radius:15px; -webkit-border-radius:15px; }
.curved_head_4px { -moz-border-radius-topleft:4px; -webkit-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius-topright:4px;}
.curved_head_8px { -moz-border-radius-topleft:8px; -webkit-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-radius-topright:8px;}
.curved_foot_4px { -moz-border-radius-bottomleft:4px; -webkit-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-radius-bottomright:4px; }
.curved_foot_8px { -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomright:8px; }

/* main.css */

/* 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:970px; margin:0px auto; position:relative; margin-top:10px; }
/*.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; }
.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; font-weight:bold; 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; }
/* LIVEBUG */
#livebug {
 position: absolute;
 top: 30px;
 left: 0%;
 width: 100px;
 background-color: #FFFFFF;
 padding: 10px 10px 10px 10px;	
 font-family: Verdana;
 text-align:right;
 font-size:140% 
} 
#livenormal {
 position: absolute;
 top: 30px;
 left: 0%;
 width: 100px;
 background-color: #FFFFFF;
 padding: 10px 10px 10px 10px;	
 font-family: Verdana;
 text-align:right;
 font-size:140% 
} 
#livebugja {
 position: absolute;
 top: 100px;
 left: 0%;
 width: 100px;
 background-color: #FFFFFF;
 padding: 10px 10px 10px 10px;	
 font-family: Verdana;
 text-align:right;
 font-size:140% 
} 
#frontpage {
 font-family: Verdana;
 font-size:140% 
}
#fpsmall {
 font-family: Verdana;
 font-size:100% 
} 
/* 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; }
/* 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; }

/* video.css */

.leftside { width:620px; float:left; text-align:left; overflow:hidden; }
.rightside { width:330px; float:right; text-align:left; }
.iPhone { width:330px; float:left; text-align:left; }
.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; }
.light { color:#999; font-size:10pt; }
.action_box { background:#fff; padding:10px 10px; }
.title_con_1 { position:relative; background:transparent url(../images/some_icons.png) no-repeat scroll -20px -145px; cursor:pointer; }
.title_con_1 #title_label { position:relative; margin-left:25px; font-size:15pt; color:#4b4b4b; font-family:georgia, arial; font-style: italic; }
.title_con_1 #title_label a, #title_con #title_label a:hover { text-decoration:none; font-size:16pt; font-family:georgia, arial; font-style: italic; }
.title_con_2 { position:relative; background:transparent url(../images/some_icons.png) no-repeat scroll -20px -165px; cursor:pointer; }
.title_con_2 #title_label { position:relative; margin-left:25px; font-size:16pt; color:#4b4b4b; font-family:georgia, arial; font-style: italic; }
.title_con_2 #title_label a, #title_con #title_label a:hover { text-decoration:none; font-size:16pt; font-family:georgia, arial; font-style: italic; }
.bird_left { width:50px; height:50px; background:url(../images/bird_left.png) no-repeat; position:relative; top:8px; margin-top:-8px; }
.reply_input { border:1px solid #AEDBF0; width:163px; padding:4px 3px; }
/* hscroll */
.hscroll { text-align:center; }
.hscroll_move_left { width:28px; height:28px; cursor:pointer; background:url(../images/move_left.png) center no-repeat; }
.hscroll_move_right { width:28px; height:28px; cursor:pointer; background:url(../images/move_right.png) center no-repeat; }
.hscroll_body { padding:0px 0px; margin:0px auto; text-align:center; }

/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: 600px;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #00bff3;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius-topleft: 0;  
}

.addthis_toolbox .hover_menu  {
    width: 136px;
    left: 79%;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

/* COLORBOX */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}