/*---Reset---*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; word-break: break-all; font-size: 12px;}
ul {
    list-style-type: none;
}
img {
    border: 0px; vertical-align: bottom;
}
body {
	
   font-family: arial,verdana,sans-serif;
   background: url(../images/wave.jpg) no-repeat center 24px #fcfcfc;
}
a {
    color: #2b81a4;
    text-decoration: none;
}
table {
    border-collapse:collapse;
}
.round_border {
    clear: both;
    display:block;
}
.round_border b {
    display:block;
    line-height: 1px;
    font-size: 1px;
    height:1px;
}

.round_border_layer1, .round_border_layer2, .round_border_layer3 {
    border-left:1px solid #b9e3f1;
    border-right:1px solid #b9e3f1;
    background: #f3f8fc;
}
.round_border_layer1 {
    margin: 0 1px;    
}
.round_border_layer2 {
    margin: 0 2px;
}
.round_border_layer3 {
    margin: 0 3px;
    background: #b9e3f1;
}
.round_border_content {
    padding: 4px 5px;
    background: #f3f8fc;
    border-left:1px solid #b9e3f1;
    border-right:1px solid #b9e3f1;
}
.round_border_b1 {
border-left:1px solid #e8f5fb;
border-right:1px solid #e8f5fb;
}
.round_border_b2 {
border-left:2px solid #e8f5fb;
border-right:2px solid #e8f5fb;

}
.round_border_b3 {
    border-left:4px solid #e8f5fb;
    border-right:4px solid #e8f5fb;
    background: #4dbde3;    
}
.round_border_b_content {
    clear: both;
    font-size: 3px;
    line-height: 3px;
    height: 3px;
}
.btnbox {
    margin-left: 98px;
    padding: 10px 0;
    text-align: left;
}
.btnbox.small {
    margin-left: 40px;
    margin-bottom: 10px;
    padding-top: 5px;
}
.btnbox p {
    padding: 3px 0;
}
.btnbox .intro {
    padding: 4px 0;
}
.btnbox label {
    float: left; margin-right: 5px;
}
.btnbox label .text {
    line-height: 18px;
    *line-height: 26px;
    _line-height: 26px;
}
.search_content {
    overflow: hidden;
    width: 168px;
    padding: 10px;
    padding-bottom: 5px;
}
.menu-item .search_content a {
    float: right;
    color: #000;
}
.menu-item .menu-item {
    margin-left: 1em;
}
.menu-item a {
    display: block;
    margin-bottom: 1px;
    text-decoration: none;
    color: #fff;
}
.menu-item .a_content {
    line-height: 24px;
}
.menu-item div .a_content {
    line-height: 22px;
}
.menu-item .menu-item a {
    font-weight: bold;
    background: url(../images/main_guid_items.png) no-repeat -12px -25px;    
}
.menu-item .menu-item div a {
    clear: both;
    font-weight: lighter;
    border: 0px;
    color: #000;
    background: none;
}
.menu-item .menu-item div a:hover {
    background: url(../images/main_guid_items.png) no-repeat -12px -71px;
}
.menu-item .menu-item div a .icon_wrapper {
    overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 6px;
    margin-bottom: 0px;
    background: url(../images/icon_light.gif) no-repeat 0 -10px;
}
.menu-item .menu-item div a:hover .icon_wrapper {
    background-position: 0 0;
}
.menu-item .menu-item .current {
    color: #fff;
    /*background: #888888;*/
    border: 0px;
}
.menu-item .menu-item div .current {
    color: #000;
    background: url(../images/main_guid_items.png) no-repeat -12px -48px;
}
.menu-item .menu-item div .current .icon_wrapper {
    background-position: 0px -20px;
}
.icon_wrapper {
float:left;
margin:2px 0px 0 4px;
position:relative;
width:20px;
height: 20px;
background: url(../images/icon_pic.gif) no-repeat;
}
.icon_l1 {
    background-position: 0 0;
}

.icon_l2 {
    background-position: 0 -20px;
}
.icon_l3 {
    background-position: 0 -40px;
}
.icon_i1 {
    background-position: -19px 0;
}

.icon_i2 {
    background-position: -20px -20px;
}
.icon_i3 {
    background-position: -20px -40px;
}
.icon {
    background:transparent  no-repeat scroll -514px -353px;
height:16px;
width:12px;
}
td .button {
    text-decoration: none;
}
.table_view td .button {
    text-decoration: none;
}
.button {
    float: left;
    margin:0 2px 0 0;
    color:#444444;
    line-height:1.2em;
    text-align:left;
    white-space:nowrap;
    text-decoration:none;
}
.button b {
background:#ddd url(../images/button.gif) repeat-x scroll 0 0;
border-color:#AAAAAA;
border-style:solid;
border-width:1px 0;
font-weight:normal;
margin:0 1px;
padding:0;
display: block;
}
.button:hover b {
    background-position: 0 -480px;
} 
.button b b {
background:transparent none repeat scroll 0 0;
border-width:0 1px;
margin:0 -1px;
padding:0 5px;
}
.button b b b {
border-width:0;
cursor:pointer;
margin:0;
padding:2px 0.2em;
}
.button.false b b b {
    color: #aaa;
}
.button.false:hover b {
    background-position: 0 0;
}
.button.pages b b b {
height:1.3em;
padding:0;
text-align: center;
width:8px;
}
.button.next b b b, .button.previous b b b, .button.first b b b, .button.end b b b {
height:1.3em;
overflow:hidden;
padding:0;
text-indent:-5000px;
width:16px;
}
.button.next b b b {
    background:transparent url(../images/button_arrow_right.gif) no-repeat center center;
}
.button.previous b b b {
background:transparent url(../images/button_arrow_left.gif) no-repeat center center;
}
.button.first b b b {
    background:transparent url(../images/button_arrow_first.gif) no-repeat center center;
}
.button.end b b b {
background:transparent url(../images/button_arrow_end.gif) no-repeat center center;
}

.button:hover b {
    border-color: #888;
}

.intro {
    padding: 5px;
    line-height: 20px;
    text-align: center;
    color: #777;
}
/**/
#container {
    font-size:92.8%;
    min-width:1000px;
    padding:1em 25px;
}
/*html #container {
  width:expression(documentElement.clientWidth < 1024 ? "1000px" : "auto" );
}*/
#header {
    height: 80px;
    height: 95px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 80px;

    background: url(../images/header_pic.gif) no-repeat top left;
}
#content {
    padding: 0;
}
#main_header {
    position: relative;
    height: 65px;
    padding: 0 5px;
}
#log {
    float: left;

}
#log a {
    display: block;
    width: 472px;
    height: 53px;
    /*width: 313px;
    height: 49px;*/
    background: url(../images/viplog.png) no-repeat;
}

#subheader {
    clear: both;
}
#subheader b {
    display: block;
    height: 12px;
    font-size: 12px;
    background: url(../images/topline_bg.gif) no-repeat;
}
#subheader .border_left {
    padding-left: 5px;
    background-position: left; 
}
#subheader .border_right {
    padding-right: 5px;
    background-position: right; 
}
#account_profile {
    position: absolute;
    right: 110px;
    bottom: 3px;
    height: 31px;
    padding-left: 25px;
    color: #666666;
    background: url(../images/user_pic.gif) no-repeat;
}
#account_info {
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
}
.account_setting {
    display: block;
    font-weight: lighter;
    font-size: 10px;
}
#video_help {
    position: absolute;
    right: 0px;
    bottom: 3px;
    height: 31px;
    padding-left: 25px;
    color: #666666;
    background: url(../images/video_help.gif) no-repeat;
}
#video_help a {
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
}

#main_guid {
    width: 200px;
}
#main_guid h1 {
    margin-bottom: 1px;
    background: url(../images/main_guid_items.png) no-repeat;
}
#main_guid h1 div, #main_guid h2 div {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0px;
}
#main_guid h2 div {
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
#effect, #report, #login, #state {
    margin-bottom: 1em;
}
#main_content .round_border b {    
    display: none;
}
#main_content .round_border_content {
    border: none;
    background: none;
}
#siteguid {
    margin-bottom: 0.5em;
    padding-left: 15px;
    background: url(../images/icon_light.gif) no-repeat 0px -19px;
}
#siteguid a {
    color: #666;
    text-decoration: none;
}
.title_container {
    margin-bottom: 2em;
}
.title_container h1 {
    font-size: 24px;
    text-align: center;
}
.title_container h1 .detail {
    display: block;
    font-size: 12px;
    font-weight: lighter;
    color: #777;
}
.dashboard_intro {
    margin-bottom: 1px;
    padding-right: 5px;
    background: url(../images/title_bg.gif) no-repeat top right;
}
.dashboard_intro h2 {
    padding-left: 5px;
    line-height: 22px;
    color: #2b81a4;
    background: url(../images/title_bg.gif) no-repeat top left;
}
.dashboard_intro .name a {
    color: #fff;
    text-decoration: none;
}
.dashboard_intro2 {
    clear: both;
    position: relative;
    height: 23px;
    margin-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 2px solid #3085a7;
}
.dashboard_intro2 h2 {
    line-height: 22px;
    color: #fff;
    text-align: center;
}
.dashboard_intro2 b {
    display: block;
}
.dashboard_intro2 .select_block {
    position: relative;
    float: left;
    width: 80px;
    margin: 2px 5px -2px;
}
.dashboard_intro2 .sb_left {        
    padding-left: 5px; 
    background: url(../images/main_guid_items.png) no-repeat -12px -25px;
}
.dashboard_intro2 .sb_right {
    padding-right: 5px;
    background: url(../images/main_guid_items.png) no-repeat right -25px;
}
.dashboard_intro3 {
    clear: both;
    position: relative;
    height: 20px;
    margin-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.dashboard_intro3 h2 {
    padding-left: 15px;
    font-size: 14px;
    background: url(../images/add_class_fl.gif) no-repeat 0 4px ;
}
.dashboard_content, .dashboard_content_table {
    margin-bottom: 1em;
    padding: 0px;
    text-align: left;
    background: url(../images/dashboard_content_bg.gif) repeat-x top #e3f3f9;
    border-top: 1px solid #bbe4f1;
}
.dashboard_content2 {
    margin-bottom: 1em;
    padding: 0px;
    text-align: left;    
    border-bottom: 1px dashed #bbe4f1;
}
.class_search {
    position: relative;
    padding: 10px 8px;
    text-align: left;

}
.zmsearch {
    clear: both;
    height: 20px;
    padding-top: 8px;
    padding-left: 40px;
    text-align: left;
}
.zmsearch .zname {
    float: left;
    padding-top: 3px;
    font-weight: bold;
}
.zmsearch .zname.jg {
    letter-spacing: 2.3px;
    _margin-right: 5px;
}
.zmsearch .letter, .zmsearch .sp {
    float: left;
    margin: 0px;
    padding: 0px;
}
.zmsearch .sp span {
    position: relative;
    display: block;
    float: left;
    margin: 0 1px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #d5eaf5;
    font-weight: bold;
}
.zmsearch .sp span.on {
    color: #fff;
    background: #166687;
}
.zmsearch .sp span tt {
    position: absolute;
    top: 18px;
    left: -5px;
    width: 200px;
    border: 1px solid #166687;
    background: #fff;
}
.zmsearch .sp span tt a {
    float: left;
    width: 20px;
    margin: 0 1px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #d5eaf5;
    font-weight: bold;
}
.zmsearch .letter a {
    display: block;
    float: left;
    width: 20px;
    margin: 0 1px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #d5eaf5;
    font-weight: bold;

}
.zmsearch .letter.small {
    width: 371px;
}

.zmsearch .letter.small a {
    width: 12px;
    line-height: 20px;
    white-space: nowrap;
}
.zmsearch .letter a:hover {
    color: #fff;
    background: #166687;
}

.table_view, .detail_view, .report_table_view {
    width: 100%;    
    margin-bottom: 2px;
    border-collapse:collapse;
}
.table_view th {
background:#d3e8f0;
border:1px solid #80c2d9;
font-weight:normal;
padding: 0.3em;
/*width: 10%;*/
text-align:center;
}
.table_view td {
background:#f3fcff ;
border:1px solid #a3d5e5;
padding: 0.3em 1em;
text-align:left;
/*width: 10%;*/
}
.table_view td a {
    text-decoration: underline;
}
.table_view td a:hover {
    color: #d00000;
    text-decoration: none;

}
.table_view.sst th, .table_view.sst td {
    /*width: 7%;*/
}
.table_view.sst .custom_xk_column {
    /*width: 14%;*/
    /*text-align: center;*/
}
.table_view .highlight td, .report_table_view .highlight td {
    background: #fff;
}
.table_view .count {
    width: 40px;
    padding: 0.3em;
    text-align: right;
}
.table_view th.count {
    text-align: center;
}
.table_view td.count {
    padding-left: 0px;
    padding-right: 0.6em;
}
.table_view .djlw {
    width: 70px;
}
.table_view .qst {
    width: 70px;
}
.table_view .author {
    width: 70px;
}
.table_view .region {
    width: 90px;
}
.table_view .year {
    width: 70px;
}
.table_view .subject {
    width: 80px;
}
.table_view .years {
    /*width: 3%;*/
    padding: 0.3em 0.1em;
}
.table_view .years_list {
    /*width: 3%;*/
    padding: 0.3em 0;
    padding-right: 0.5em;
    text-align: right;
}
.table_view .right_num_list {
    text-align: right;
    padding-right: 0.5em;
}
.table_view .center_list {
    text-align: center;
}
.table_view .checkbox {
    width: 4%;
    padding: 0.3em;
    text-align: center;
}
.table_view .long_column {
    /*width: 15%;*/
}
.table_view .long_column2 {
    /*width: 25%;*/
}
.table_view .pic_column {
    text-align: center;
}
.table_view .pic_column a {

    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    padding: 0px;
}
.table_view .area_column {
    text-align: center;
}
.table_view .sort_column {
    padding-right: 15px;
    text-align: right;
}
.table_view .sort_column_none {
    width: 70px;
    padding-right: 15px;
    text-align: right;
}
.table_view .sort {
    font-weight:bold;
    color: #333;
}
.table_view th.sort_column {
    width: 70px;
    background:#D3E8F0 url(../images/sort_en.gif) no-repeat right center;
}
.table_view th.sort {
padding-right: 15px;
background:#aed4e2 url(../images/sort_desc.gif) no-repeat right center;
font-weight:bold;
}
.table_view .highlight td.sort {
background-color:#effafd;
}
.table_view td.sort {
background-color:#e0eff4;
}

.table_view .table_controls {
background:#d3e8f0;
border:1px solid #80c2d9;
width:100%;
}

.table_view .pic_column a.top_lw {
    width: 24px;
    height: 16px;
    background: url(../images/icon_list_type.gif) no-repeat 0 0;
}
.table_view .pic_column a.pic_tb {
    width: 24px;
    height: 16px;
    background: url(../images/icon_list_type.gif) no-repeat -30px 0;
}
.detail_view {
    margin: 0px;
    width: 100%;
    _width: 97%;
    *width: 97%;    
}
.detail_view td a {
    padding: 0px;
    background: none;
    text-decoration: none;
}
.detail_view td {
    background: transparent ;
border:0px;
padding: 0.3em;
text-align:left;
    width: auto;
}
.detail_view th {
    background: transparent ;
border:0px;
padding: 0.3em;
text-align:left;
    width: 70px;
    font-weight: bold;
    vertical-align: top
}
.detail_view td.num {
    width: 20px;
    padding: 0.3em 0;
}
.report_table_view th {
background:#d3e8f0;
border-bottom:1px solid #BBBBBB;
font-weight:normal;
padding: 0.3em;
/*width: 10%;*/
text-align:center;
}
.report_table_view td {
background:#F9F9F9 ;
border-bottom:1px solid #DDDDDD;
padding: 0.3em 1em;
text-align:left;
width: 10%;
}
.report_table_view .long_column2 {
    /*width: 25%;*/
}
.userlist td {
    text-align: center;
}
.enter_box {
    display: block;
    position: relative;
}
.enter_box .buttons {
    float: right;
}
.enter_box .button.pdf_down b b b, .enter_box .button.pdf_down:hover b b b {
    padding-left: 18px;
    background: url(../images/pdf.gif) no-repeat 0 2px;
}

.enter_box .button.btn_google b b b, .enter_box .button.btn_google:hover b b b {
    padding-left: 3em;
    background: url(../images/google.gif) no-repeat 0 3px;
}

.enter_box .qy {
    right: 100px;
}
.enter_box a {
    margin-left: 8px;
}
.enter_box a img {
    margin-right: 3px;
}
.more {
    text-align: right;
}
td .more a {
    padding: 0px;
    background: none;
}
.filter_control {
    float: left;
    padding: 5px 0;
}
td .filter_control .button {
    text-decoration: none;
}
.sort_control {
    float: right;
    padding: 5px 0;
}
.pagination_controls {
    float: right;
}
.page_list {
    float: left;
    margin: 0 5px;
    background: #fefefe;
    border: 1px solid #aaa;
}
.page_list a {
    color: #777;
    padding: 0 4px;
}
td .page_list a {
    text-decoration: none;
}
td .page_list a.current {
    color: #fff;
    background: #ccc;

}
td .page_list a:hover {
    color: #333;
    background: #eee;
}
.page_total {
    margin-left: 5px;
}
.result_info {
    float: left;
}
.text_num {
    width: 2em;
}
.subbox {
    float: left;
    margin-right: 5px;
}

.tip_box {
    position: relative;
    background: #fff;
    border: 2px solid #e1deac;
}
.tip_show {
    position: absolute;
    top: -70px;
    left: -5px;
    width: 156px;
    height: 60px;
    padding: 5px;
    text-align: left;
    background: url(../images/tip_bg.gif) no-repeat ;
}
.tip_show span {
    display: block;
}
.tip_show .tip_name {
    margin-bottom: 5px;
}
.tip_show .tip_detail {
    line-height: 20px;
}


.example_reports_title {
    font-size: 18px;
    font-weight: bold;
}
.example_reports {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 5px;
}
.example_reports li {
    line-height: 22px;
}
.report_submit {
    margin-top: 30px;
    height: 30px;
    line-height: 30px;
}
.report_edit {
    float: left;
    width: 60px;
    text-align: center;
    line-height: 22px;
}
.report_edit a {
    padding-left: 12px;
    color: #336699;
    text-decoration: underline;
    background: url(../images/report_icon.gif) no-repeat 0 -12px;
}
.report_new {
    float: left;
    width: 100px;
    text-align: center;
    line-height: 22px;
}
.report_new a {
    padding-left: 12px;
    color: #336699;
    text-decoration: underline;
    background: url(../images/report_icon.gif) no-repeat 0 4px;
}

.report_table {
    border-collapse: collapse;
    width: 100%;
}
.select_control {
    width: 200px;
}
.selector {
    margin-bottom: 10px;
}
.blue h1, .blue .round_border_layer3 {
    background: #70B7FF ;
}
.blue div, .blue .round_border_layer1, .blue .round_border_layer2 {
    border-color: #70B7FF;
}
.blue .metricInner {
    color: #0066cc; 
}
.green h1, .green .round_border_layer3 {
    background: #669933 ;
}
.green div, .green .round_border_layer1, .green .round_border_layer2 {
    border-color: #669933;
}

.green .metricInner {
color: #008000; 
}
.green .metricInner {
    letter-spacing: 1em;
}
.green .shortmetricInner {
    letter-spacing: 5px;
}
.selector h1 div {
    height: 22px;
    padding-bottom: 2px;
    line-height: 22px;
}
.selector h1 div .icon_wrapper {
    height: 18px;
}
.selector h1 div .zb {
    background-position: -20px 0;
}

.selector_items {
    margin-left: 0px;
    *margin-left: 0px;
    _margin-left: 4px;
}

.metric {
color:white;
font-weight:bold;
}
.item {
margin-bottom: 1px;
cursor:move;
background:url(../images/main_guid_items.png) no-repeat -12px -48px;
color:#000000;
}
.shortitem {
background:url(../images/dq_new_pic.gif);
}

.gripperOuter {
float:left;
padding:6px 7px 2px;
width:10px;
}
* html .gripperOuter {
    padding-left: 9px;
    padding-right: 0px;
}
.gripperInner {
background: url(../images/gripper.gif) no-repeat;
height:15px;
width:20px;
}
.itemInner {
color:white;
display:block;
font-weight:bold;
line-height: 22px;
padding: 0 0 0 26px;
color: #000;
}
* html .itemInner {
    padding-left: 0px; 
}
.report_content {
    padding-left: 2%;
    width: 98%;
}
.customtable {

margin:0;
padding:0;
width:100%;

}
.custom_table {
border:1px solid #DDDDDD;
width:100%;

}
td.customcell {
-moz-user-select:none;
border-left:1px solid #DDDDDD;
height:10ex;
padding:2px;
width:90ex;
vertical-align:top;
}
.metric-box {
cursor:move;
height:75%;
vertical-align:middle;
width:100%;
}
.metric-box-header {
background-color:#0066FF;
height:40%;
}

.delete-metric {
background:transparent url(../images/metric_delete.gif) no-repeat  right top;
color:#FFFFFF;
cursor:pointer;
float:right;
margin:4px 4px 0 0;
vertical-align:middle;
width:12px;
height: 12px;
}
.metric-box-body {
background-color:#70B7FF;
color:#FFFFFF;
font-weight:bold;
height:80%;
text-align:center;
vertical-align:middle;
}
.metric-text {
display:block;
padding-top:3px;
}
.empty-metrics-box {
border:2px dotted #70B7FF;
color:#70B7FF;
font-weight:bold;
height:80%;
line-height: 50px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:90%;
}
#Dimension .empty-metrics-box {
    color:#9eb579;
    border-color: #9eb579;
}

#Dimension .metric-box-header {
    background: #5E8D1F ;
}
#Dimension .delete-metric {
    background: url(../images/dimension_delete.gif) no-repeat;
}
#Dimension .metric-box-body {
    background: #9EB579;
}

.first_dimension {
background:#E6E6E6 none repeat scroll 0 0;
border:1px solid #BBBBBB;
clear:both;
height:5ex;
padding:5px;
}
.first_dimension .dimensions_title {
float:left;
font-size:130%;
font-weight:bold;
padding:8px 6px 0 2px;
vertical-align:middle;
}
.first_dimension .first {
border:1px dotted #9EB579;
float:left;
width:45ex;
}
.dimension {
-moz-user-select:none;
background:#9EB579 none repeat scroll 0 0;
border:1px solid #5E8D1F;
color:white;
cursor:move;
font-weight:bold;
}
.dimension .gripperOuter {
background:#5E8D1F none repeat 0 0;
}
.broken_table {
width:100%;
}
.broken_table td.count {
color:#BBBBBB;
width:40px;
}
.broken_table .row0 td {
background:#FFFFFF none repeat scroll 0 0;
}
.broken_table td {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:0.6em;
}
.broken_table td.count .placeholder {
float:left;
margin:0;
width:0;
background:#FFFFFF;
}
.broken_table td.count .placeholder {
background:#FFFFFF none repeat scroll 0 0;
}
.broken_table td .placeholder {
background:#DEDEDE none repeat scroll 0 0;
float:right;
height:0.9em;
margin-right:1.3em;
width:5em;
}
.broken_table td.empty_key_col {
padding-left:15px;
/*width:30%;*/
}
.broken_table td.empty_value_col {
background:#F7F7F7 none repeat scroll 0 0;
}
.dimensionDrop {
clear:both;
padding:5px 0;
}
.dimensionsDrop .drop1 {
padding-left:20px;
}
.dimensionsDrop .drop2 {
padding-left:50px;
}
.dimensionsDrop .drop3 {
padding-left:80px;
}
.dimensionsDrop .drop4 {
padding-left:110px;
}
.next_dim_placeholder {
clear:both;
color:#787878;
font-weight:bold;
padding-left:25px;
}
.next_dim_placeholder .next_drilldown {
color:#5E8D1F;
}
.next_dim_active {
background:transparent url(../images/custom_arrow_active.gif) no-repeat scroll left center;
float:left;
padding:2em 0.5em 0 0;
width:20px;
}
.dimensionsDrop .dim {
background:#FFFFFF none repeat scroll 0 0;
border:1px dotted #9EB579;
color:#D7E3C8;
float:left;
width: 45ex;
position: relative
padding:0;
}
.first_dimension .empty-dim, .dimensionsDrop .empty-dim {
color:#9EB579;
font-weight:bold;
padding:0.5em 3em 0.5em 1em;
}
.prev-dim-highlight {
color:#5E8D1F !important;
}
.submit_form {
border-top:1px dotted #BBBBBB;
margin-top:5em;
padding-top:1em;
}
.submit_form form {
float:left;
}
.delete-dimension {
top: 8px;
right: 5px;
position: absolute;
background:transparent url(../images/dimension_delete.gif) no-repeat scroll right center;
color:#FFFFFF;
cursor:pointer;
vertical-align:top;
width:12px;
height: 12px;
}


/**/
.table_login {
    margin: 0 auto;
    width: 100%;
}
.table_login th, .table_login td {
    padding: 3px;
    line-height: 22px;
    font-weight: lighter;
}
.table_login th {
    text-align: right;
}
.login_title {
    display: block;
    margin: 5px 0;
    padding: 24px 0 0 42px;
    color: #606060;
    background: url(../images/login_pic.gif) no-repeat;
}
.login_help {
    display: block;
    margin: 5px 0;    
    text-align: center;
}
.login_help a {
    color: #0055dd;
    text-decoration: underline;
}
.login_content {
    /*width: 740px;*/
    padding: 10px;
}
.login_content .login_intro_title {
    height: 70px;
    background: url(../images/index_pic.gif) no-repeat right;
}
.login_content .login_intro_title h1 {
    padding-top: 10px;
    font-size: 30px;
}

.login_content .login_intro {
    margin: 20px 0;
    padding: 10px 20px;
    line-height: 20px;
    border-top: 1px solid #85d2ec;
    border-bottom: 1px solid #85d2ec;
}
.login_content .login_intro .key {
    color: #2b81a4;
    font-weight: bold;    
}
.login_text {
    overflow: hidden;
    width: 94%
    /*width: 700px;*/
    padding: 10px 20px;
}
.login_text .login_text_title {
    color: #2b81a4;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.login_text .sub_title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #2b81a4;
}
.login_text .sub_title span {
    color: #000;
}
.login_text_left {
    float: left;
    width: 330px;
    width: 49%;
}
.login_text_right {
    float: left;
    width: 48%;
    padding-left: 20px;
    border-left: 1px dashed #ccc;
}
.login_text_box {
    margin-bottom: 30px;
}
.login_text h2 {
    height: 19px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 19px;
    font-weight: lighter;
    color: #2b81a4;
    background: url(../images/index_arrow.gif) no-repeat;
}
.login_text_box p {
    margin: 4px 0;
    padding-left: 14px;
    line-height: 18px;
    background: url(../images/point1.gif) no-repeat 2px 4px ;
}
.sq_link h2 {
    height: 50px;
    margin-bottom: 30px;
    padding: 0px;
    background: none;
}
.sq_link a {
    overflow: hidden;
    display: block;
    width: 199px;
    height: 50px;

    text-indent: -500px;
    background: url(../images/use.gif) no-repeat;
}
.contactus {
    clear: both;
    padding: 10px;
    border-top: 1px solid #ccc;
}
.contactus img {
    float: left;
}
.contactus h2 {
    margin: 20px 0 0 380px;
}
.contactus a {
    color: #2b81a4;
    text-decoration: underline;
}
.google {
    height: 39px;
    padding-left: 90px;

    font-weight: bold;
    font-size: 14px;
    line-height: 39px;
    color: #535151;
    background: url(../images/index_google_bg.gif) no-repeat;
    border: 1px solid #ccc;
}
.vip {
    height: 39px;
    padding-left: 80px;
    font-weight: bold;
    font-size: 14px;
    line-height: 39px;
    color: #535151;
    background: url(../images/index_vip_bg.gif) no-repeat;
    border: 1px solid #ccc;
}
.index_content {

}
.index_content .index_intro_title {
    
}
.index_content .index_intro_title h1 {
    font-size: 30px;
}
.index_content .index_intro_title h1 .sub_title {
    display: block;
    margin-top: 3px;
    padding-left: 15px;
    font-size: 14px;
    font-family: Arial;
    font-weight: lighter;
    color: #777;
}
.index_content .index_intro {
    margin: 20px 0;
}
.index_content .columns {
    margin-bottom: 20px;
}
.index_content .columns h2 {
    font-size: 14px;
    margin-bottom: 5px;
    padding-top: 5px;
}
.index_content .columns td div {
    padding-bottom: 20px;
}
.index_content .columns p {
    padding: 3px 0;
    padding-right:20px;
    line-height: 18px;
}
.login_input {
    width: 130px;
}
.usage_content {
    padding: 20px;
}
.pmbox {
    position: relative;
    border: 2px dashed #ccc; 
    padding: 10px;
    margin: 10px 0 40px;
}
.pm_name {
    position: absolute;
    width: 97%;
    margin: -30px auto 10px;
    padding: 4px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.pm_name span {
    padding: 5px 20px;
    background: #fff;
}
.usage_content h2 {    
    text-align: center;
    background: #696969;
}
.usage_content h2 div {
    padding: 2px 0 4px;
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
}
.usage_content h2 a {
    color: #fff;
    text-decoration: underline;
}
.table_columns {
    margin: 0 auto;
}
.usage_content .fclass {
    width: 95%;
    margin: 0 auto;
}
.usage_content .fclass_content {
    padding: 5px;
    line-height: 20px;
    background: #fafafa;
    border: 1px solid #696969;
    border-top: 0px;
    
}
.about_content {
    padding:2px 5px;
    line-height: 18px;
}
.intro_pic {
    float: left;
    width: 70px;
    height: 70px;
    background:    url(../images/intro_pics.gif) no-repeat;
}
.p1 {
    background-position: 0 0;
}
.p2 {
    background-position: -100px 0;
}
.p3 {
    background-position: 0 -100px;
}
.p4 {
    background-position: -100px -100px;
}

.icon_search {
    position: absolute;
    left: 10px;
    top: 10px;
    width:90px; height:77px;
    background: url(../images/icon_search.gif) no-repeat;
}
* html .icon_search {
    left: 0px;
}
.xk {
    background-position: -200px 0;
}
.dq {
    background-position: -300px 0;
}
.mc {
    background-position: -100px 0;
}
.zh {
    background-position: 0 0;
}
.ss {
    background-position: -320px 0;
}
.zm {
    width: 38px;
    height: 30px;
    background-position: 0 -80px;
}
.zms {
    height: 45px;
}
.dq_s {
    width: 38px;
    height: 30px;
    background-position: -100px -80px;
}
.mc_s {
    width: 38px;
    height: 30px;
    background-position: -160px -80px;
}
.icon_dl {
    position: absolute;
    left: 10px;
    top: 10px;
    width:80px; height:80px;
    background: url(../images/guid_pics.gif) no-repeat;
}
.pm {
    background-position: 0 0;
}
.fx {
    background-position: -80px 0;
}
.lw {
    background-position: -160px 0;
}
.login_table td {
    padding: 3px;
}
.login_table th a {
    color: #2b81a4;
}
.exp td a {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
}
.exp .intro {
    display: block;
    text-align: left;
    padding: 0px;
    margin-bottom: 2px;
    line-height: 16px;
}
#tips {
    padding: 5px;
    line-height: 18px;
}
#tips p {
    padding: 3px 0;
}

.tips, .tip_content, .tip_pic {
    background: url(../images/tips_bg.gif) no-repeat;
}
.tips {
    width: 234px;
    padding-bottom: 5px;
    background-position: bottom;
}
.tip_content {
    padding: 10px;
    line-height: 20px;
}
.tip_pic {
    float: left;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    background-position: -10px -10px;
}
#footer {
	border-top: 1px solid #ccc;
	text-align: center;
	clear: both; padding: 20px;border-top:1px solid #ccc; text-align: left; line-height: 26px
}
#footer ul {
	width: 630px;
	margin: 0 auto;
}
#footer img {
	vertical-align: middle;
}



#footer span a {

    color: #5A5A5A;

}

#footer span a:hover {

    color: black;

    text-decoration: underline;

}

.clear {

    clear: both;

    height: 1px;

    line-height: 1px;

}

#footer ul {

    font: 12px/2em "Tahoma";

    margin: 0 auto;

    width: 700px;

}





#otherlink {
    margin: 10px ;
}


/*2009 sep 07 edit*/
.zbviewbox {
    position: relative;
    height: 22px;
}
.zbviewbox a {
    position: absolute; right:0px; margin-top: -10px; padding-left: 10px;    font-size: 12px; color: #fff; background:url(../images/main_guid_items.png) no-repeat -12px -25px;
}
.zbviewbox a span {
    display: block; padding-right:10px; line-height: 22px; font-weight: bold; background:url(../images/main_guid_items.png) no-repeat right -25px;
}
.zbviewbox a:hover {
    background:url(../images/main_guid_items.png) no-repeat -12px -48px;
}
.zbviewbox a:hover span {
    color: #2B81A4;
    background:url(../images/main_guid_items.png) no-repeat right -48px;
}
.zbviewbox a.none {
    cursor: not-allowed;
    background:url(../images/main_guid_items.png) no-repeat -12px -48px;
}
.zbviewbox a.none span {
    color: #aaa;
    background:url(../images/main_guid_items.png) no-repeat right -48px;
}
.dashboard_part {
    clear:both; overflow:hidden; width:100%;
}
.dashboard_left {
    float: left;
    width: 49%;
}
.dashboard_right {
    float: right;
    width: 49%;
}
.dashboard_right .class_search {
    padding:2px 8px;
    overflow: hidden;
    width: 350px;
}
.dashboard_right .icon_search {
    display: none;
}
.dashboard_right .btnbox {
    overflow: hidden;
    width: 100%;
    margin-left: 0px;
    padding: 5px 0 3px;
}
.dashboard_right .zmsearch {
    padding-top: 0px;
    padding-left: 0px;
    width: 400px;
}
.dashboard_right .zmsearch span {
    white-space: nowrap;
}
.dashboard_right .zmsearch .zname {
    font-weight: lighter;
    letter-spacing: 2.3px;
}
.dashboard_right .zmsearch .letter.small {
    width: 300px;
    width: 270px;
}
.dashboard_right .zmsearch .letter.small a {
    width: 19px;
    font-size: 10px;
    white-space: nowrap;
    margin: 0 1px 1px 0;
}
.dashboard_right .btnbox.small {
    margin-bottom: 1px;
}

.menu-item .menu-item .menu-item-sub a {
    font-weight: bold;
    background:transparent url(../images/main_guid_items.png) no-repeat scroll -12px -94px;
}
.menu-item .menu-item .menu-item-sub a:hover {
    background-position: -12px -94px;
}
.menu-item .menu-item .menu-item-sub .icon_wrapper {
    background:url(../images/icon_pic.gif) no-repeat -39px 0;
float:left;
height:20px;
margin:2px 1px 0 4px;
position:relative;
width:20px;
}
.menu-item .menu-item .menu-item-sub a:hover .icon_wrapper {
background-position: -39px 0;
}
.index_title, .index_sub {
    margin-bottom: 1px;
    padding-right: 5px;
    line-height: 15px;
    background: url(../images/index_bg.gif) no-repeat right 0px;
}
.index_title h2, .index_sub h2 {
    height: 35px;
    padding-left: 237px;
    font-weight: lighter;
    background: url(../images/index_bg.gif) no-repeat left 0px;
}
.index_title h2 span {
    position: absolute;
    width: 219px;
    height: 35px;    
    margin-left: -237px;
    padding-left: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    background: url(../images/index_bg.gif) no-repeat left 0;
}
.index_sub {
    line-height: 23px;
    background-position: right -36px
}
.index_sub h2 {
    height: 23px;
    margin: 0px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    color:#2B81A4;
    background-position: left -36px
}
.dashboard_content_p2 {
    width: 49.5%;
    border-right: 1px solid #bbe4f1;
}
.dashboard_content_p2 .class_search {
    margin-left: 60px;
    padding:2px 0 2px 8px;
    overflow: hidden;
    width: 310px;
}
.dashboard_content_p2 .icon_search {    
    width: 63px;
    height: 54px;
    top: 4px;
    left: 0px;
    background: url(../images/icon_sp.gif) no-repeat;
}
.dashboard_content_p2_in {
    position: relative;
    padding: 2px 0;
}
.dashboard_content_p2 .btnbox {
    overflow: hidden;
    /*width: 100%;*/
    margin-left: 0px;
    padding: 5px 0 3px;
}
.dashboard_content_p2 .zmsearch {
    padding-top: 0px;
    padding-left: 0px;
}
.dashboard_content_p2 .zmsearch span {    
}
.dashboard_content_p2 .zmsearch .zname {
    font-weight: lighter;
}
.dashboard_content_p2 .zmsearch .letter.small {
    width: 220px;
    /*width: auto;*/
}
.dashboard_content_p2 .zmsearch .letter.small a {
    width: 15px;
    font-size: 10px;
    margin: 0 1px 1px 0;    
}
.dashboard_content_p2 .btnbox.small {
    margin-bottom: 1px;
}
.class_list, .class_list2 {
    overflow: hidden;
    width: 100%;
}
.class_list a, .class_list2 a {
    float: left;
    width: 11.2%;
    margin: 1px;
    padding: 0 3px;
    padding: 0 2px\9;
    *padding: 0 2px;
    _padding: 0 2px;    
    line-height: 24px;
    background: #f3fcff;
    border: 1px solid #a3d5e5;
}
.class_list a:hover, .class_list2 a:hover {
    background: #d3e8f0;
}
.class_list a:active, .class_list2 a:active {
    color: #fff;
    background: #55a5c1;
}
.class_list2 a {
    width: 18.6%;
}
.class_list2 a .class_num {
    margin-left: 5px;
    color: #777
}
.class_list3 {
    overflow: hidden;
    width: 100%;
    padding: 0 0 5px;
}
.class_list3 li {
	display: inline;
}
.class_list3 a {
    float: left;
    width: 18.6%;
    margin: 1px;
    padding: 0 3px;
    padding: 0 2px\9;
    *padding: 0 2px;
    _padding: 0 2px;    
    line-height: 22px;
}
#main_guid #state h1 div, #main_guid #report h1 div{
    font-size: 12px;
    letter-spacing: 0px;
}

.table_view td a.citymore {
background-color:#2B81A4;
color:#FFFFFF;
margin-left:0.5em;
padding: 0 5px;
text-decoration:none;
}
.table_view td a.citymore:hover {
background-color:#D3E8F0;
color:#2B81A4;
}
.option_search_content {
    width: 650px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}
.option_search_table {
    
    margin: 0 0 10px;
    border-bottom: 1px solid #aaa;
}
.option_search_table td {
    padding: 5px 0;
    text-align: center;
}
.option_search_table td span {
    display: block;
    font-style: italic;
}


/**/
.index_content .dashboard_content {
    margin-bottom: 0px;
    padding: 0 1px;
}
.index_content .class_content {
    margin-bottom: 25px;
    padding: 0 6px 6px;
    background: #edf8fc;
}
.index_content .intro {
    color: #6c6c6c;
    text-align: left;
}
.table_view .pic_column .top_lw_none {
    width: 24px;
    height: 16px;
    cursor: not-allowed;
    background:url(../images/icon_list_type.gif) no-repeat 0px -17px;
}
.table_view .pic_column .pic_tb_none {
    width: 24px;
    height: 16px;
    cursor: not-allowed;
    background:url(../images/icon_list_type.gif) no-repeat -30px -17px;
}

.dashboard_intro {
    height: 24px;
    background-position: right 2px;
}
.dashboard_intro h2 {
    position: absolute;
    margin-left: -2px;
    padding-left: 8px;
    line-height: 24px;
    background-position: left -23px;
}
.dashboard_intro h2 span {
    width: 160px;
    color:#FFFFFF;
display:block;
padding-right:8px;
background: url(/images/title_bg.gif) no-repeat scroll right -23px;
    white-space: nowrap;
}
.dashboard_intro h2 span.auto {
    width: auto;
}
.xdxk {
    text-align: left;
    padding-left: 5px;
}
.rd {
    line-height:23px;
padding-left:180px;
}

/*10-23*/
.index_content .title_container {
    background: url(../images/intro_bg.gif) no-repeat;
    height:56px;
    margin-bottom: 1em;
}
.index_content .title {
    position: relative;
    padding: 7px;
    line-height: 20px;
    text-align: left;
    padding-left: 55px;
}
.index_content .title .name {
    position: absolute;
    top: 5px;
    left: 5px;
    _left: -50px;
    width: 45px;
    height: 45px;
    background: url(../images/index_pic2.gif) no-repeat 0 -80px;
}
.index_content .title_container h1 .detail {
    color: #166687;
}
.index_title h2 span a {
    color: #fff;
}
.index_title h2 span a:hover {
    text-decoration: underline;
}

.index_content .class_content, .index_content2 .class_content  {
    margin-top: 3px;
    margin-bottom: 15px;
    padding: 0 0 6px;
    background: url(../images/index_block_bg.gif) repeat-x top;
}
.index_content .intro, .index_content2 .intro {
    margin: 0 6px;
    padding: 12px 6px;
    color: #5e5e5e;
    text-align: left;
    border-bottom: 1px solid #D9D9D9;
}

.index_table_block.none {
    margin-left: 5px;
}
.index_table_block.none td {
    border: 0px;
}
.index_table_block.none .sub_class_block {
    border: 0px;
    margin: 10px;
    padding: 0px;
}
.index_table_block td {    
    vertical-align: top;
    border-right: 1px dashed #cecece;
}
.index_table_block td.end {
    border-right: 1px dashed #fcfcfc;
}
.sub_class_block {
    position: relative;
    margin: 20px;
    padding-top: 10px;
    border-top: 1px solid #a8cdd9;
}
.index_content2 .sub_class_block {
    margin: 20px 0px;
}
.index_content2 .sub_class_list {
    position: relative;
    margin: 5px 5px 0;
    padding-left: 55px;
}
.index_content2 .sub_class_block .sub_class_content p {
    margin-bottom: 0px;
}
.sub_class_block h2 {
    position: absolute;
    margin-top: -26px;
    width: 105px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #3388aa;
    letter-spacing: 2px;
    background: url(../images/index_pic2.gif) no-repeat -50px -80px;
}
.sub_class_block h2.ie6 {
    *margin-left: -8px;
    _margin-left: -8px;
}
.sub_class_block .sub_class_content {
    padding: 8px 8px 0;
    line-height: 18px;
    color: #777;
}
.sub_class_block .sub_class_content p {

    margin-bottom: 1em;
}
.entrance {
    padding: 0 12px;
    color: #3388AA;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}
.entrance:hover {
    color: #d00000;
    text-decoration: none;
}

.index_ico {
    display: block;
    width: 50px;
    height: 40px;
    margin: 0 auto;
    background: url(../images/index_pic2.gif) no-repeat;
}
.sub_class_list {
    position: relative;
    padding-left: 55px;
}
.sub_class_list a {
    cursor: pointer;
}
.sub_class_list .index_ico {
    position: absolute;
    left: 0px;
    _left: -55px;
    margin-top: -2px;
    *margin-top: -5px;
    _margin-top: -5px;
}
.sub_class_list h3 {
    padding: 3px 0;
}
.sub_class_list h3 a {
    color: #3388aa;
    text-decoration: underline;
}
.sub_class_list h3 a:hover  {
    color: #d00000;
    text-decoration: none;
}
.sub_class_list p {
    line-height: 16px;
}
.i_jg {
    background-position: -50px 0;
}
.i_dq {
    background-position: -100px 0;
}
.i_qk {
    background-position: -150px 0;
}
.i_pm {
    background-position: -200px 0;
}
.i_jx {
    background-position: 0 -40px;
}
.i_qy {
    background-position: -50px -40px;
}
.i_by {
    background-position: -100px -40px;
}
.i_rd {
    background-position: -150px -40px;
}
.i_qk {
    background-position: -150px 0;
}
.i_dj {
    background-position: -200px -40px;
}
.i_zh {
    background-position: -250px -40px;
}
.i_bf {
    background-position: -250px 0px;
}
.class_item_list {
    overflow: hidden;
    width: 100%;
    padding-top: 25px;
}
.class_item_list a {
    float: left;
    width: 24%;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
.class_item_list a:hover {
    color: #d00000;
    text-decoration: none;
}
.search_key {
    font-size: 14px;
    font-weight: lighter;
}
#contact {
    padding: 10px;
    line-height: 18px;
}
/*video_help*/
#video_list {
    padding: 0 30px;
}
.videos {
    float: left;
    width: 150px;
    margin-right: 50px;
    padding: 10px 0px;
    text-align: center;
    border: 1px solid #fff;
}
.videos:hover {
    background: #f3f8fc;
    border: 1px solid #b9e3f1;
}
.videos:hover .video_play, .videos:hover .video_play_bg {
    display: block;
    cursor: pointer;
}
.videos span, .videos_name span {
    display: block;
}
.video_pic {
    position: relative;    
    margin-bottom: 5px;
}
.video_pic img {
    border: 1px solid #777;
    border-top-color: #fff;
    border-left-color: #fff;
}
.videos .video_play, .videos .video_play_bg {
    display: none;
}
.video_play, .video_play_bg {
    position: absolute;
    top: 1px;
    left: 15px;
    _left: 1px;
    width: 120px;
    height: 90px;
    z-index: 10;
    background: url(../images/play-big.png) no-repeat center;
}
.videos .video_play_bg {    
    z-index: 5;
    background: none;
    background-color: #000;
    filter:alpha(opacity=30);-moz-opacity:0.30;opacity: 0.30;
}
.video_name {
    padding: 0 5px;
    line-height: 18px;
}
#video {
    width: 743px;
    margin: 0 auto;
}
#video_player {
    float: left;
    border: 1px solid #B9E3F1;
    border-right: 0px;
}
#video_info {
    clear: both;
    padding: 10px 20px;
    text-align: left;
}
.video_intro {
    font-size: 14px;
    color: #777;
    line-height: 20px;
    margin-bottom: 10px;
    padding:10px;
}
.video_name_list {
    float: right;
    width: 260px;
    height: 382px;
    padding: 9px 0;
    background: #f3f8fc;
    border: 1px solid #b9e3f1;
}
.videos_name {
    display: block;
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}
.videos_name .video_pic {
    display: none;
    float: left;
    margin-right: 5px;
}
.videos_name .video_pic img {
    width: 80px;
    height: 60px;
}
.videos_name.on {
    height: 62px;
    padding: 10px 5px;
    background: #fafcfe;
    border-top: 1px solid #d5eef6;
    border-bottom: 1px solid #d5eef6;
}
.videos_name.on .video_pic {
    display: block;
}
.videos_name .video_play, .videos_name .video_play_bg {
    left: 1px;
    width: 80px;
    height: 60px;
    filter:alpha(opacity=60);-moz-opacity:0.60;opacity: 0.60;
}
.videos_name .video_play_bg {
    z-index: 5;
    background: none;
    background-color: #000;
    filter:alpha(opacity=10);-moz-opacity:0.10;opacity: 0.10;
}
.videos_name.on .video_name {
    padding: 3px 0;
    font-weight: bold;
}
/*add by Masha*/
.Compare_divRow{
    margin:5px 0 5px 0;
}
.Compare_divRow #span_subject{
    margin:0 5px 0 5px;
}

/*add*/
.topbar {
	color:#FFFFFF;
	line-height:19px;
	text-align:right;
	height: 24px;
	padding: 0 35px;
	background: url(/images/tbg.gif) repeat-x;
}

.topbar a {
	color: #fff;
}
.topbar .input {
background:none repeat scroll 0 0 #ACACAC;
border:1px solid #6F6F6F;
height:14px;
width:95px;
}
.topbar .login {
background:url(/images/dl.gif) no-repeat;
border:0 none;
height:18px;
overflow:hidden;
text-indent:-300px;
width:40px;
}
.topbar .iplogin {
background:url(/images/ipdl.gif) no-repeat;
border:0 none;
height:18px;
overflow:hidden;
text-indent:-300px;
width:53px;
}
.topbar .regist {
background:url(/images/user.gif) no-repeat 0 2px;
margin-left:22px;
padding-left:17px;
}
.topbar .charge {
background:url(/images/cz.gif) no-repeat 0 2px; 
margin-left:7px;
padding-left:17px;
}
.topbar input {
vertical-align:middle;
}
.old {
margin-left:3em;
}
.d_selector {
	position: absolute;
	right: 0;
	height:40px;
	margin-top:29px;
}
.d_selector a {
float:left;
font-size:12px;
font-weight:bold;
line-height:36px;
margin-right:5px;
text-align:center;
width:120px;
background:url(/images/sbg.gif) no-repeat;
}
.d_selector .on {
	height: 38px;
	padding-top: 2px;
	background:url(/images/sbg_on.gif) no-repeat;
}

/*2013-11-08*/
.d_sort {
	bottom: -47px;
    position: absolute;
    right: 6px;
}
.d_sort a {
	display: inline-block;
	margin-right: -1px;
	background-color: #F3F3F3;
    background-image: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3);
    border: 1px solid #CCCCCC;
    color: #444444;
    cursor: pointer;
	width: 110px;
    padding: 5px 0;
    text-align: center;
}
.d_sort a:first-child {
	border-radius: 3px 0 0 3px;
}
.d_sort a:last-child {
    border-radius: 0 3px 3px 0;
}
.d_sort a:hover {
	border-color: #ccc;
	box-shadow: 0 1px 2px #ccc inset
}
.d_sort a:active, .d_sort .current {
	 background-color: #DFDFDF;
    background-image: -moz-linear-gradient(center top , #F0F0F0, #DFDFDF);
    border-color: #CCCCCC;
    box-shadow: 0 1px 2px #999 inset;
    color: #222222;
    font-weight: bolder;
    cursor: default;
}

/*2011-07-13*/
#footer .caps {
    display: block;
    float: left;
    height: 85px;
    margin: 5px 15px 0 0;
    width: 50px;
}
/*2011-09-22*/
.layer
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    background-color: #fff;
    z-index: 9999;
    display: none;
}
.alt
{
    position: fixed;
    width: 100%;
    top: 30%;
    display: none;
    z-index: 99999;
}
.alt h6
{
    height: 23px;
    padding: 0 10px;
    line-height: 22px;
    color: #fff;
}
.alt h6 a
{
    float: right;
    margin-top: 0px;
}
.alt .content
{
    padding: 10px 30px;
}
.alt p
{
    margin: 0.8em 0;
    color: #31436c;
    line-height: 150%;
}
.alt strong
{
    color: #dd0000;
}
.alt .abox1
{
    width: 376px;
    height: 200px;
    margin: 0 auto;
    background-image: url(../images/alt_bg.gif);
    background-repeat: no-repeat;
}