.new-tabl-demo { margin:0 27px 25px 27px; border-bottom:1px solid #e8e8e8; padding-bottom:25px;}
.new-tabl-demo .demo_title{ font-size:16px; padding-bottom:20px;}
.new-tabl-demo .demo_title span{color:#4f514f; text-transform:uppercase;font-weight:normal; }
.new-tabl-demo .demo_title strong {color:#06B137; font-weight:normal;}
.new-tabl-demo .form_demo { margin:0 11px 0 0; width:500px;}
.new-tabl-demo .form_table { margin:3px 0 13px 0 !important; }
.new-tabl-demo .demo-big-buttons-new {float:right;padding-top:33px; height:41px;}
.new-tabl-demo a.demo-r-button{ *margin-right:25px !important; font-size:17px !important}
.new-tabl-demo .link-bottom-form-demo{margin-right:2px;padding-top:9px;text-align:right; margin-top:7px;}
.new-tabl-demo .link-bottom-form-demo a:hover { text-decoration:underline;}
.demo-layout-text { background:#fff !important; min-height:10px !important}
.demo-layout-text .info_page { padding-bottom:5px !important}
.demo-main-block { background:#f8f9fa !important; margin-bottom:13px;}
.demo-layout-text .info_page { min-height:1px;}


#id_rule_html #cuselFrame-wr-id_rule, #id_sequence_html #cuselFrame-wr-id_sequence, 
#id_sequence_html .tip, #id_rule_html .tip,
#id_sequence_html .error, #id_rule_html .error{float:right; color:#06B137; margin-right:35px; background:none !important; padding:8px 0 0 0 !important; min-height:20px !important; line-height:20px;}
#hintmes { width:220px; overflow:visible !important; z-index:100;}
#hintmes table{ width:220px !important; }
#hintmes .reg_fng_action, #hintmes .cls_fng_action, #hintmes .tid_fng_action, #hintmes .del_fng_action, #hintmes .addsch_fng_action
{ width:auto;}
#hintmes .fng_status_title { float:left;}
.demo-form-radio { width:545px;}
.demo-form-radio .da_desc { color:#737373 !important; margin-left:21px !important}
.demo-message a:hover{ text-decoration:underline;}
.palez #hintmes {padding-top:0px !important; left:2px !important; top:40px; position:absolute;}
.palez { position:relative; min-height:1px; left:auto !important; top:auto !important; }
#bio_scheme-block .wrap-cusel { display:block; position:absolute; top:0px; right:-3px;  font-weight:normal !important}
#bio_scheme-block { position:relative; width:116px; display: block; padding:0px 133px 0 0; }

a.demo_button_new:hover { background-position:bottom left;} 
.demo_button_new {
    background-image: url(/images/new/demo/bg.png); 
    background-repeat: repeat-x;
    background-position:top left;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 41px;
    line-height: 41px;
    margin: 0 25px 0 7px;
    padding: 0 18px;
    position: relative;
    text-transform: uppercase}
.demo_button_new span {
    background-image: url(/images/new/demo/c_but.png);
    background-repeat: no-repeat;
    display: block;
    height: 41px;
    overflow: hidden;
    position: absolute;
    top: 0;
    }
.demo_button_new span.rc{       background-position: right top;    right: -25px; width:25px;}
.demo_button_new span.lc{       background-position: left top;    left: -7px; width:7px;}
a.demo_button_new:hover span.lc{ background-position:left bottom;}  
a.demo_button_new:hover span.rc{ background-position:right bottom;} 
.demo_button_new b { display:none;} 

    
/* texts */
.simple_text
    {
    padding:5px;
    vertical-align:top;
    }

.simple_text_title
    {
    padding:5px;
    vertical-align:top;
    width:150px;
    }
/*manage scheme layer*/
.manage_scheme_layer
    {
    position:absolute;
    top:  129px;
    left: 280px;
    padding-left:4px;
    z-index:5;
    }

/*manage scheme layer*/
.bg_manage_scheme_layer
    {
    position:absolute;
    top:  126px;
    left: 280px;
    background:url(/images/sdk/bg1.gif) no-repeat;
    width:135px;
    height:65px;
    z-index:2;
    }

/*finget manage panel*/
.fng_help_panel
    {
    clear:both;
    color:#666;
    text-align:left;
    margin-left:10px;
    margin-right:15px;
    padding-top:10px;
    padding-bottom:4px;
    }

/*manage scheme element block*/
.manage_sceme_elem_block
    {
    padding:2px;
    }
/*manage scheme element */
.manage_sceme_elem
    {
    }

/*fingers layer*/
.demo-main-block .finger_select_layer_left
    {
    padding-left:6px !important;    
    }
/*fingers layer*/
.demo-main-block .finger_select_layer_right
    {
    padding-left:8px !important;
    }
/*finger image*/
.finger
    {
    cursor:pointer;
    height:32px;
    width:31px;
    float:left;
    text-align:center;
    background:url(/images/sdk/grey_circle.gif) no-repeat center bottom;
    }
/* active finger image */
.finger_act
    { position:relative !important;
        min-height: 1px;
        left: auto !important;
        top: auto !important;
    cursor:pointer;
    height:32px;
    width:31px;
    float:left;
    text-align:center;
    background:url(/images/sdk/green_circle.gif) no-repeat center bottom;
    }

/*manage finger panel*/
/*manage finger panel*/
.bg_finger_manage_layer
    {
    width:402px;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity: 80);

    }
#manage-finger { position:absolute;
    top:  170px;
    left: 32px;
    *left: 57px;
    width:402px;
        z-index:5;}
/*manage finger panel*/
.bg_finger_manage_layer_text
    {
    width:302px;
    background:url(/images/sdk/bg2_center_demo.gif) repeat-y;
    }
/*manage finger panel*/
.bg_finger_manage_layer_top
    {
    height:5px;
    font-size:1px;
    background:url(/images/sdk/bg2_top_demo.gif) no-repeat;
    }
/*manage finger panel*/
.bg_finger_manage_layer_bottom
    {
    height:8px;
    background:url(/images/sdk/bg2_bottom_demo.gif) no-repeat;
    }

/*right hand*/

.right_hand
    {
    width:170px;
    height:145px;
    background:url(/images/sdk/righth.gif) no-repeat center top;
    }

/*left hand*/
.left_hand
    {
    width:170px;
    height:145px;
    background:url(/images/sdk/lefth.gif) no-repeat center top;
    }

/*registered finger legend*/
.reg_fng_legend
    {                                       
    margin-left:10px;
    padding-top:7px;
    height:20px;
    text-align:center;
    background:url(/images/sdk/gr_circle.gif) no-repeat left;
    color:#666;
    font-size:10px;
    }

/*unregistered finger legend*/
.unreg_fng_legend
    {                                       
    margin-left:20px;
    padding-top:7px;
    padding-left:7px;
    height:20px;
    font-size:10px;
    text-align:center;
    background:url(/images/sdk/gry_circle.gif) no-repeat left;
    color:#666;
    }


.reg_fng_action, .cls_fng_action, .tid_fng_action,  .del_fng_action,  .addsch_fng_action
    {
    clear:both;
    cursor:pointer;
    color:#666;
    text-align:left;
    margin-left:10px;
    padding-left:20px;
    margin-right:15px;
    padding-top:10px;
    padding-bottom:4px;
    border-bottom:1px dotted grey;
    }

/*register finger link*/
.reg_fng_action
    {
    background:url(/images/sdk/register.gif) left no-repeat;
    }

/*close panel finger link*/
.cls_fng_action
    {
    background:url(/images/sdk/cancel.gif) left no-repeat;
    }

/*test identify finger link*/
.tid_fng_action
    {
    background:url(/images/sdk/test_id.gif) left no-repeat;
    }

/*delete finger link*/
.del_fng_action
    {
    background:url(/images/sdk/del_system.gif) left no-repeat;
    }

/*add to scheme finger link*/
.addsch_fng_action
    {
    background:url(/images/sdk/add.gif) left no-repeat;
    }

/*selected_finger*/

.selected_finger
    {
    font-weight:bold;
    font-size:13px;
    color: #127bb2;

    }

/* right hand title*/
.demo-main-block .right_hand_title
    {
        padding-right:0px !important;
    padding-bottom:17px;
    text-align:center;
    color:#AEAEAD;
    }

/* left hand title*/
.demo-main-block .left_hand_title
    {
        padding-left:0px !important;
    padding-bottom:17px;
    text-align:center;
    color:#AEAEAD;
    }

/* finger manage title*/
.fng_man_head
    {
    padding:10px 10px 0;
    }

/* finger status title*/
.fng_status_title
    {
/*    float:right;  */
    }

/* finger number title*/
.fng_number_title
    {
/*    float:left;  */
    }


.lh_panel 
    {
    background:url(/images/lh_small_arrow.gif) left top no-repeat;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    line-height:15px;
    color:#06B137;
    }

.lh_panel_error 
    {
    background:url(/images/lh_small_arrow_red.gif) left top no-repeat;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    line-height:15px;
    color:#f00;
    }

.sp_save_button
    {
    width: 120px; 
    height: 21px; 
    background: url(/images/button_noact.gif) center no-repeat; 
    cursor: pointer; 
    color:#000;
    border:none;
    padding-bottom:2px;
    }

.sp_change_button
    {
    width: 160px; 
    height: 21px; 
    background: url(/images//button_long.gif) center no-repeat; 
    cursor: pointer; 
    color:#000;
    border:none;
    padding-bottom:2px;
    }

#id_ct_rules {
    padding-top:4px;
}
*html #id_ct_rules {
    padding-top:0px;
}
#id_wm_rules {
    padding-top:4px;
}
*html #id_wm_rules {
    padding-top:0px;
}


.fng_action
    {
    height:20px;
    }

.demo_button
    {
    border:none;
    background: url(/images/Buttons/demo_but.gif) no-repeat;
    width:296px;
    height:49px;
    color:#fff;
    font:bold 15px arial;
    padding-left:5px;
    cursor:pointer;
    }
.demo_title
    {
    padding-top:8px;
    padding-bottom:7px;
    font:bold 17px arial
    }
.demo_info
    {
    border-top:1px solid #e8e8e8;
    background:url(/images/info.gif) 9px 11px no-repeat;
    padding-left:37px;
    padding-top:12px;
    padding-bottom:2px;
    font:normal 12px arial;
    height:30px;
    }

.hand_info
    {
    border-top:1px solid #e8e8e8;
    background:url(/images/info.gif) no-repeat 4px 7px;
    padding-left:30px;
    padding-top:7px;
    height:28px;
    font:normal 12px arial;
    }
/*FACEBOOK DEMO PAGE STYLES*/
.demo-one-block { border:1px solid #e9e9e9; margin-bottom:6px; }
.demo-one-block .h1 { padding:2px 4px 6px 4px !important; font-size:12px !important; color:#333 !important; margin:0 0 12px 0 !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; background:#f2f2f2 !important; display:block !important; font-weight:bold !important; }


.fb-demo-block { width:520px; background:#fff !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; margin:0 !important;}
.fb-demo-block h2 {font-size:11px; color:#3b5998; margin:0 0 6px 12px; font-weight:bold;}
.fb-demo-block h2 a{font-size:11px; color:#000; background:url(/images/facedemo/tip.png) 0 1px no-repeat; width:12px; height:10px; cursor:pointer; display:inline-block; vertical-align:middle; margin:0px 0 0 6px; position:relative; z-index:100; font-weight:normal !important}
.fb-demo-block h2 span { display:inline-block; vertical-align:middle;}
.fb-demo-block .new-tabl-demo { margin:0; padding:0; border:0;}
.fb-demo-block .hands-block-fb-demo{padding-left:90px; position:relative; z-index:10; min-height:1px;}
.fb-demo-block .finger span{ font-size:11px; color:#000;}
.fb-demo-block .finger_act span, .fb-demo-block .finger_act span.select_finger{font-size:11px !important; font-weight:bold !important; color:#6d84b4 !important;}

.fb-demo-block .right_hand_title, .fb-demo-block .left_hand_title {font-size:11px; color:#000 !important; font-weight:normal !important; padding:4px 0 12px 0 !important;}
.fb-demo-block .fb-demo-sel-block {position: relative; z-index:1; min-height:1px;}
.fb-demo-block .fb-demo-sel-block .form_table #id_rule_html, 
.fb-demo-block .fb-demo-sel-block .form_table #id_sequence_html {padding:0 0 0 148px !important}
.fb-demo-block .form_table, .fb-demo-block .form_demo { margin:0 !important; width:518px !important}
.fb-demo-block .form_table h2 { margin:0 0 9px 0; position: relative; z-index:30;}
.fb-demo-block .form_table select { margin:0 0 9px 0; padding:2px !important; font-size:11px !important; color:#000 !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; height:22px; width:223px !important;}
.fb-demo-block .demo-big-buttons { text-align:right; padding-right:12px; margin-bottom:7px;}
.fb-demo-block .fb-text-block {width:520px;}
.fb-demo-block .fb-text { margin:0px 0 19px 0; padding:0px 12px 0 12px !important; color:#808080 !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; font-size:11px !important; border:0 !important;}
.fb-demo-block .fb-text p { margin:0 0 13px 0; padding:0;}
.fb-demo-block .fb-text-but { text-align:right; padding:0 12px 7px 0;}
.line-fb { display:block; height:1px; width:265px; overflow:hidden; font-size:1px; line-height:1px; overflow:hidden; background:#fff; margin:3px 0;}
.fb-demo-block .fb-text-but a.fb-dark-but { margin-left:5px !important;}
.demo-image { text-align:center;}
.demo-image img { border:0;}
/*facebook buttons*/
a.fb-dark-but { display:inline-block; border-bottom:1px solid #d5d7db; }
a.fb-dark-but strong{ background:#5B74A8; display:inline-block; border:1px solid #29447e;border-bottom:1px solid #1a356e;}
a.fb-dark-but span{ color:#fff; font-size:11px; display:inline-block; padding:3px 6px 4px 6px;  border-top:1px solid #8a9cc2;  }
a.fb-dark-but:active {border-bottom:0; padding-bottom:1px;}
a.fb-dark-but:active strong { border-bottom:0; background:#4F6AA3 !important; border-bottom:1px solid #29447E;}
a.fb-dark-but:active span { border-top:1px solid #4F6AA3 !important;}
a.fb-dark-but:focus { outline:none !important;}

a.fb-lite-but { display:inline-block; border-bottom:1px solid #e5e5e5; }
a.fb-lite-but strong{ background:url(/images/facedemo/litebg.png) left top repeat-x #e4e4e3; display:inline-block; border:1px solid #999; border-bottom:1px solid #888;}
a.fb-lite-but span{ color:#333; font-size:11px; display:inline-block; padding:4px 6px;}
a.fb-lite-but:active {border-bottom:0; padding-bottom:1px;}
a.fb-lite-but:active strong { border-bottom:0; background:#ddd !important; border-bottom:1px solid #999;}
a.fb-lite-but:focus { outline:none !important;}

.fb-demo-block h2 a font{ display:none; position:absolute; left:-40px; top:14px; background:#282828; color:#fff; padding:2px 5px 5px 5px; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif !important; z-index:100; width:265px;}
.fb-demo-block h2 a font strong { display:block; position:absolute; left:42px; top:-4px; background:url(/images/facedemo/arr.png) left top no-repeat; overflow:hidden; font-size:1px; width:8px; height:4px;}
.fb-demo-block h2 a:hover font{ display:block !important;}
.fb-hint-arr {position:absolute; left:14px; top:-15px; display:none;}
.fb-demo-block .palez #hintmes { left:-7px !important; top:42px !important}

.fb-demo-block .finger_select_layer_right .palez #hintmes { right:-7px !important; top:42px !important; left:auto !important}
.fb-demo-block .finger_select_layer_right .fb-hint-arr {position:absolute; right:14px; top:-15px; display:none; left:auto !important}

.fb-demo-block #hintmes > img { display:none;}
.fb-demo-block .fb-hint-arr { display:block !important;}
.demo-page-body .fb-demo-block #hintmes, .demo-page-body .fb-demo-block #hintmes table{ width:205px !important;}
.fb-demo-block #hintmes table td { background: none !important; font-size:0px !important; line-height:0px !important; display:none; }
.fb-demo-block #hintmes table td.fb-hint-content {background:#fff !important; font-size:11px !important; line-height:normal !important; display:block; padding:0 !important; border:1px solid #8c8c8c; border-bottom:1px solid #666; }
.fb-demo-block #hintmes table td.fb-hint-content #fng_manage_panel { padding:9px 14px 7px 14px; border-bottom:1px solid #cccccc;}
.fb-demo-block #hintmes table td.fb-hint-content #fng_manage_panel a:hover { text-decoration:underline !important}
.fb-demo-block #hintmes .fng_man_head { padding:0 !important}
.fb-demo-block #hintmes table td.fb-hint-content #fng_manage_panel .fng_action { margin:0 !important}
.fb-demo-block #hintmes a { font-size:11px !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; color:#6d84b4 !important;}
.fb-demo-block #hintmes .fng_action { border-bottom:0 !important; padding-bottom:0 !important}
.fb-demo-block #hintmes .fng_help_panel{ background:#f2f2f2 !important; margin:0 !important; padding:3px 14px 6px 14px !important}
.fb-demo-block #hintmes .fng_help_panel i { font-style:normal !important; color:#808080 !important;}
.fb-demo-block #hintmes .fng_help_panel i span { font-weight: bold !important;  color:#808080 !important;}
.fb-demo-block #hintmes .fng_status_title { color:#333 !important;}
/*litebox-facebook*/
.demo-page-body .litebox .sb, .demo-page-body .litebox .st { display:none !important;} 
.demo-page-body .litebox .sl{ background:#fff !important; border-bottom:1px solid #646464 !important; border-left:1px solid #5a5a5a !important; border-right:1px solid #5a5a5a !important; padding:0 !important} 
.demo-page-body .litebox .sr {background:#fff !important; padding:0 !important}
.demo-page-body .litebox .litebox-content { margin:0 !important; padding-top:29px !important;}
.demo-page-body .litebox .litebox-content .af_panel { padding:0 !important;}
.demo-page-body a#close_krest { width:11px !important; height:11px !important; background:url(/images/facedemo/close.png) left top no-repeat transparent !important; overflow:hidden !important; text-indent:-300px !important; right:10px !important; top:7px !important}
.demo-page-body a#close_krest:hover { background:url(/images/facedemo/close.png) left bottom no-repeat transparent !important;}
.demo-page-body a#close_krest span { display:none !important} 
.demo-page-body .ui-dialog { top:100px !important; left:19px !important;}
.demo-page-body #gausWindow { height:auto !important; width:370px !important; position:absolute; left:75px !important; top:100px !important;}
.demo-page-body .ui-dialog .title-dialog { height:29px !important}
.demo-page-body .ui-dialog .ui-dialog-titlebar { margin:0 !important; border:1px solid #3b5998 !important; border-bottom:0 !important; height:28px !important; background:#6d84b4 !important; cursor:default !important;}
.demo-page-body .ui-dialog .ui-dialog-titlebar span.ui-dialog-title { line-height:25px !important; padding:0 30px !important; height:28px !important; font-size:14px !important; font-weight:bold !important; color:#fff !important;  font-family:Tahoma,Verdana,Arial,sans-serif !important; display:block;}
/*----------*/
#demo-radio-dialog{width:550px !important;}
.demo-page-body { width:520px; overflow-x:hidden;}
.demo-page-body #demo-radio-dialog, .demo-page-body .demo-form-radio{width:480px !important;}
.demo-page-body .dialog-error {width:454px !important; padding:11px 13px 13px 13px;}
.demo-page-body .demo-form-radio div[id="2_keep"] { display:none !important}
.demo-page-body  .demo-form-radio { padding:0 !important;}
.demo-page-body  .demo-form-radio .da_pas, .demo-page-body  .demo-form-radio .da_act  { margin:10px 12px 0px 12px !important; padding-bottom:4px !important}
.demo-page-body  .demo-form-radio .da_pas, .demo-page-body  .demo-form-radio .da_act, .demo-page-body  .demo-form-radio .da_title { font-size:11px !important; font-family:Tahoma,Verdana,Arial,sans-serif !important; color:#333 !important}
.demo-page-body  .demo-form-radio .da_title { font-weight:bold !important; line-height:14px !important; height:14px !important; margin-left:18px !important}
.demo-page-body  .demo-form-radio .da_radio { margin-top:1px !important; margin-left:0 !important;}
.demo-page-body  .demo-form-radio .da_desc {margin-left:18px !important; margin-top:3px !important; margin-bottom:0 !important}
.demo-page-body  .demo-form-radio .new-subm-block { margin:0 !important; padding:0 !important; border-top:1px solid #ccc !important; background:#f2f2f2 !important; padding:8px 10px !important;}
.demo-page-body  .demo-form-radio .new-subm-block table { margin:0 !important;}
.demo-page-body  .demo-form-radio .new-subm-block table .line { display:none !important;}
.demo-page-body  .demo-form-radio #subform{ display:block;}
/*facebook buttons*/
.demo-page-body  .demo-form-radio form a {border-bottom:1px solid #d5d7db;  font-family:Tahoma,Verdana,Arial,sans-serif !important;}
.demo-page-body  .demo-form-radio form a strong{ background:#5B74A8; display:inline-block; border:1px solid #29447e;border-bottom:1px solid #1a356e;}
.demo-page-body  .demo-form-radio form a span{ color:#fff; font-size:11px; display:inline-block; padding:3px 6px 4px 6px;  border-top:1px solid #8a9cc2;  }
.demo-page-body  .demo-form-radio form a:active {border-bottom:0; padding-bottom:1px;}
.demo-page-body  .demo-form-radio form a:active strong { border-bottom:0; background:#4F6AA3 !important; border-bottom:1px solid #29447E;}
.demo-page-body  .demo-form-radio form a:active span { border-top:1px solid #4F6AA3 !important;}
.demo-page-body  .demo-form-radio form a:focus { outline:none !important;}
.demo-page-body  .demo-form-radio form a.submit_form2 { display:none !important;}
.demo-page-body  .demo-form-radio form a.submit_form-fb { display:inline-block !important;}
a.submit_form-fb { display:none;}
.demo-page-body  .demo-form-radio #subform { margin:12px 0 0 0 !important}
.ui-dioalog .demo-form-radio #subform{ margin:-5px 0 0 0 !important}