.column
{
    height:auto;
    min-height:700px;
}
.portlet
{
  padding-bottom: 15px;
  background: #d5e7f6;
  cursor: move;
  margin: 3px 3px 6px 3px;
  border: 1px solid #2c93bd;
  padding:1px;
}

.portlet-header {
  position: relative;
}
.portlet-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
.portlet-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px;
}




.portlet_content{
    width: 100%;
    padding: 0px 1px 15px 1px !important;
    box-sizing: border-box;
}
.portlet_label{
    width: 100% !important;
}
.portlet_list_content th{
    color: #333 !important;
    border-left: 1px solid white;
}
.portlet_list_content th:first-child{
    border: none;
}








#portlet_container
{
  margin: 0 auto;
  width: 100%;
  padding-top:3px;
}






.portlet-header
{
  background: #b1d7f7;
  line-height:29px;
  padding: 0px 6px;
  height:29px;
  overflow:hidden;
  color: #024d86;
  border-bottom:1px solid #76bdf9;
  font-size:12px;
}

.toper_left{
float:left;}

.toper_right{
float:right;}

.toper_right img{
border:0;}


.portlet_bg_date{
padding-left:1%;
line-height:36px;
width:100%;
background:url(img/bgDate.gif) repeat-x;
height:36px;
overflow:hidden;

}

.porlet_date{
float:left;
}

.portlet_date_more{
float:right;
margin-right:3%;
}

.portlet_bg_date a{
float:right;
display:block;
width:60px;
height:22px;
background:url(img/blue_btn.gif) no-repeat;
text-align:center;
margin:6px 3px 0 0;
line-height:22px;

}

.portlet_bg_date a:link{
color:#555;
text-decoration:none;
}

.portlet_bg_date a:visited{
color:#555;
text-decoration:none;
}
.portlet_bg_date a:active{
color:#555;
text-decoration:none;
}



.portlet_label{
width:98%;
margin:5px 0 0 0;
text-align:center;
}
.portlet_label ul{
margin:0;
padding:0;
list-style:none;
}

.portlet_label li{
float:left;
width:auto;
height:24px;
padding: 0px 10px;
margin-right:2px;
}

.portlet_label li a{
display:block;
}
.portlet_label li a:link{
color:#555;
text-decoration:none;
}


.portlet_label_select>a{
color: #FFFFFF;
}

.portlet_clean{
clear:both;}

.portlet_list{
width:96%;
margin:0 auto;
border-bottom:#b2a3c1 1px solid;
padding:0;
}

.portlet_list img{
text-align:center;
border:0;
}

.portlet_list_content{
width:100%;
border-collapse:collapse;
height:auto;
}


.portlet_list_content th{
background:#c6daeb;
height:28px;
text-align: center;
color:#000000;
font-weight:bold;
line-height:28px;
padding:0 4px;
vertical-align:top;
white-space:nowrap;
}
.portlet_list_content td{
background-color:#d0e6f7;
text-align: center;
padding:3px 5px;
line-height:22px;
}
.portlet_list_content td a{text-decoration:none;}
.portlet_list_content td a:link{
color:#186b9d;
text-decoration:none;
}

.portlet_list_content td a:visited{
color:#186b9d;
text-decoration:none;
}

.portlet_list_content td a:hover{
color:#ff6d15;
text-decoration:none;
}

.portlet_list_content td a:active{
color:#186b9d;
text-decoration:none;
}

.portlet_list_content td img{
vertical-align:middle;}

.portlet_list_content tr.alt td{
background-color:#e3eef8;
}

.portlet_funel_list{
float:right;
width:70%;
margin:0 6% 0 0;}

.portlet_funel_list ul{
margin:0;
padding:32px 0 0 0;
list-style:none;
}

.portlet_funel_list li{
float:left;
width:100%;
text-align:right;
border-bottom:#333333 1px solid;
line-height:32px;
}

.portlet_funnel{
position:absolute;
  left:6%;
  top:0px;
  z-index:1;}
  
.portlet_personal_assessment{
padding:5px 5px 0 5px;
width:100%;
height:auto;
}

.portlet_perrsonal_bg{
background:url(img/bgPersonal.png) left top;
height:44px;
width:45px;
float:left;
}
.portlet_year{
float:right;
margin:0;
padding:0;
width:88%;
margin:2px 0 10px 0;
}

.portlet_year_text{
float:left;
width:auto;
padding-left:5px;
}

.portlet_bg_year{
float:left;
background:url(img/bg_gray.gif) repeat-x;
height:12px;
border:#5a5959 1px solid;
width:27%;
}

.portlet_year_money{
float:left;
text-align:left;
width:38%;
margin-left:1%;
}
.portlet_color_year{
background:url(img/bg_orange.gif) repeat-x;
height:12px;
width:25%;
text-align:center;
}



.portlet_color_month{
background:url(img/bg_green.gif) repeat-x;
height:12px;
width:50%;
text-align:center;
}

.portlet_team_bg{
background:url(img/bgteam.png) left top;
height:44px;
width:45px;
float:left;
}

.portlet_region_bg{
background:url(img/bgregion.png) left top;
height:44px;
width:45px;
float:left;
}

.portlet_color_payment{
background:url(img/bg_yellow.gif) repeat-x;
height:12px;
width:25%;
text-align:center;
}

.portlet_color_payment_year{
background:url(img/bg_green2.gif) repeat-x;
height:12px;
width:75%;
text-align:center;
}

.portlet_color_ticket{
background:url(img/bg_blue.gif) repeat-x;
height:12px;
width:50%;
text-align:center;
}

.portlet_color_ticket_year{
background:url(img/bg_purple.gif) repeat-x;
height:12px;
width:50%;
text-align:center;
}
.portlet_system_nav{
width:100%;
text-align:center;
}
.portlet_system_nav ul{
margin:0px;
padding:0px;
list-style:none;}

.portlet_system_nav li{
float:left;
padding:5px;
}

.portlet_system_nav li a{
padding-right:6px;

}

.portlet_system_nav li a:link{
color:#186b9d;
text-decoration:none;
}

.portlet_system_nav li a:visited{
color:#186b9d;
text-decoration:none;
}

.portlet_system_nav li a:hover{
color:#ff6d15;
text-decoration:none;
}

.portlet_system_nav li a:active{
color:#186b9d;
text-decoration:none;
}

.portlet_system_list{
clear:both;
width:100%;
padding:5px;}

.portlet_system_list_left{
float:left;
}

.portlet_system_list_right{
float:right;
padding-right:7%;
}

.portlet_system_list ul{
margin:0px;
padding:0px;
}

.portlet_system_list li{
list-style:none;
padding:5px 10px;;
background:url(img/bg_dot.gif) left no-repeat;}

.portlet_system_list li a:link{
color:#186b9d;
text-decoration:none;
}

.portlet_system_list li a:visited{
color:#186b9d;
text-decoration:none;
}

.portlet_system_list li a:hover{
color:#ff6d15;
text-decoration:none;
}

.portlet_system_list li a:active{
color:#186b9d;
text-decoration:none;
}

.portlet_content
{
  padding:0;
  margin:0;
  border:0;
}



.portlet_bottom
{
  background: #ccc;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  height: 5px;
}

.sort_placeholder
{
  background: #bba;
}


    
.portlet_year2{
float:left;
margin:0;
padding:0;
width:50%;
margin:2px 0 10px 0;
}

.portlet_bg_year2{
float:left;
background:url(img/bg_gray.gif) repeat-x;
height:12px;
border:#5a5959 1px solid;
width:60%;
}

.portlet_year_money2{
float:left;
text-align:left;
width:auto;
margin-left:1%;
}

.portlet_year3{
float:right;
padding:0;
width:100%;
margin:5px
}

.portlet_bg_year3{
float:left;
background:url(img/bg_gray.gif) repeat-x;
height:12px;
border:#5a5959 1px solid;
width:33%;
margin-top:1px;
}

.portlet_year_money3{
float:left;
text-align:left;
width:65%;
margin-left:1%;
}

.zl_frame{
width:100%;
border: 1px solid #549EDD;
background:#549EDD;
border-radius:5px;
position:relative;
}
.zl_frame:after
{
    position:absolute;
    display:block;
    content:'';
    width:44.5%;
    height:1px;
    background:#fff;
    top:50%;
    left:0;
}
.zl_frame:before
{
    position:absolute;
    display:block;
    content:'';
    width:44.5%;
    height:1px;
    background:#fff;
    top:50%;
    right:0;
}

.zl_frame_wrap{
width:100%;
border: 1px solid #549EDD;
background:#549EDD;
border-radius:5px;
position:relative;
}
.zl_frame_wrap:after
{
    position:absolute;
    display:block;
    content:'';
    width:47.5%;
    height:1px;
    background:#fff;
    top:50%;
    left:0;
}
.zl_frame_wrap:before
{
    position:absolute;
    display:block;
    content:'';
    width:47.5%;
    height:1px;
    background:#fff;
    top:50%;
    right:0;
}

.zl_frame_tit{
height:31px;

}
.zl_frame_text{
line-height:31px;
margin-right:9px;
font-size:12px;
color:#fff;
text-align:center;
}
.zl_fraem_right{
margin-left:9px;
}
.zl_frame_content{
text-align:center;
padding:10px 0;
}
.border_bottom_right{
moz-border-radius-bottomright:4px;
webkit-border-bottom-right-radius:4px;
khtml-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}
.border_bottom_left{
moz-border-radius-bottomleft:4px;
webkit-border-bottom-left-radius:4px;
khtml-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
}
.border_top_right{
moz-border-radius-topright:4px;
webkit-border-top-right-radius:4px;
khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.border_top_left{
moz-border-radius-topleft:4px;
webkit-border-top-left-radius:4px;
khtml-border-top-left-radius:4px;
border-top-left-radius:4px;
}
.zl_frame_content ul{
font-size:12px;
padding-left:20px;
margin:0;
}
.zl_frame_content li{
float:left;
margin:0 45px 10px 0;
}
.zl_frame_content li a{
color:#186b9d;
text-decoration:none;
}
.portlet_list_content td a{
  text-decoration: none !important;
}
.portlet_list_content thead tr th{height: 23px !important}
.formList .formList_wrap li{float:left;width:20%;}



*
{
  border: 0;
  margin: 0;
  padding: 0;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: none;
}

#all_open
{
  display: none;
}


#container
{
  margin: 0 auto;
  width: 100%;
  background-color:#ececed;
  padding-top:5px;
}

#controls
{
  float: right;
}

#footer
{
  clear: both;
  color: #443;
  border-top: 1px dashed #998;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 5px;
  padding: 5px 0;
  text-align: center;
}

#footer a
{
  color: #443;
}

#header
{
  background: #998;
  border-color: #fff #665 #665 #fff;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 5px 10px;
}

#header a
{
  color: #fff;
}

#logo
{
  display: block;
  margin: 0 auto;
  width: 258px;
}

#logo img
{
  border-top: 5px solid #998;
  padding: 10px 0 5px;
}

#logo:hover img
{
  border-color: #543;
}

#columns
{
  padding: 0 5px;
  vertical-align: top;
  width: auto;
}

#columns_left{
padding:0 5px;
vertical-align:top;
width:30%;
}

#columns_min{
padding:0 5px;
vertical-align:top;
width:40%;
}

#columns_right{
padding:0 5px;
vertical-align:top;
width:30%;
}



.portlet-header
{
  background: #b1d7f7;
  line-height:34px;
  padding: 0px 10px;
  height:34px;
}

.portlet-header a
{
  color: #024d86;
  font-weight: bold;
  font-size:14px;
}

.toper_right{
float:right;}

.bg_date{
padding-left:1%;
line-height:36px;
width:99%;
background:url(../portal/img/bgDate.gif) repeat-x;
height:36px;

}
.bg_date a{
float:right;
display:block;
width:60px;
height:22px;
background:url(../portal/img/blue_btn.gif) no-repeat;
text-align:center;
margin:6px 3px 0 0;
line-height:22px;

}

.bg_date a:link{
color:#555;
text-decoration:none;
}

.bg_date a:visited{
color:#555;
text-decoration:none;
}

.bg_date a:hover{
color:#ff6d15;
text-decoration:none;
background:url(../portal/img/orange_btn.gif);
color:#ec4301;
}

.bg_date a:active{
color:#555;
text-decoration:none;
}

.label{
width:98%;
margin:5px 0 0 0;
text-align:center;
}
.label ul{
margin:0;
padding:0;
list-style:none;
}

.label li{
float:left;
background:url(../portal/img/label_btn_gray.gif);
width:90px;
height:25px;
line-height:25px;
margin-right:2px;
}

.label li a{
display:block;
}
.label li a:link{
color:#555;
text-decoration:none;
}

.label li a:visited{
color:#555;
text-decoration:none;
}

.label li a:hover{
color:#555;
text-decoration:none;
background:url(../portal/img/label_btn_orange.gif);
width:90px;
height:25px;
color:#ff6d15;
}

.label li a:active{
color:#555;
text-decoration:none;
}
.label_select{
background:url(../portal/img/label_btn.gif);
width:90px;
height:25px;
line-height:25px;
color:#FFFFFF;
}
.clean{
clear:both;}

.list{
width:98%;
margin:0 auto;
border-bottom:#b2a3c1 1px solid;
padding:0;
}

.list_content{
width:100%;
border-collapse:collapse;
border-left:#b2a3c1 1px solid;
border-right:#b2a3c1 1px solid;
height:auto;
}


.list_content th{
background:url(../portal/img/bgListtit.gif) repeat-x;
height:28px;
color:#000000;
font-weight:bold;
line-height:28px;
text-align:left;
text-align:center;
width:33%;

}
.list_content td{
background-color:#f4fcf9;
text-align:center;
padding:6px 0;
}
.list_content tr.alt td{
background-color:#e2e4ff;
}

.portlet_content
{
  padding:0;
  margin:0;
}

.portlet_content p
{
  line-height: 150%;
  text-align: justify;
}

.portlet_bottom
{
  background: #ccc;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  height: 5px;
}

.sort_placeholder
{
  background: #bba;
}
/*2017��4�09:32:50*/
.portlet_label a{color:#086ec5}