﻿.middle{vertical-align:middle;}
.smallfont{font-size:11px;}
.bigfont{font-size:14px;}
.normallfont{font-weight:normal;}
.hidden{ display:none;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.left{float:left;}
.right{float:right;}
.text-top{vertical-align:text-top;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.red{color:Red;}
.gray{ color:#888;}
.black{color:#000;}
.blue{color:#00f;}
.bold{ font-weight:bold;}
.nowrap{ white-space:nowrap;}
.zoom{cursor: zoom-in}
.italic{font-style:italic}
.cursor_hand{ cursor:pointer;}
.bg_gray{ background-color:#EEE;}
.keyword{color:#F00; background-color:#FF0; font-weight:bold}
.linestyle{line-height:18px; background: transparent url(../images/line-style.png) repeat -2px left;}
.linestyle2{line-height:20px; background: transparent url(../images/line-style2.png) repeat -2px left;}
.arial{ font-family:Arial}
.tahoma{ font-family:Tahoma}
.absolute{ position:absolute;}
.border-0{border:none;}
.text-transform-none{text-transform:none;}

ul.list_ul{margin:0px; padding:0px; list-style-image:url(../image/arrow-right.png);}
ul.list_ul li{padding:4px 2px 4px 12px; margin:0px;}


.content-box{padding: 0px; margin:0px; display:block; background-color:rgba(0,0,0,0.1);
      box-shadow:0px 1px 3px rgba(0,0,0,0.7);
      -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.7);
      -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.7);
}
.content-box-header{ background-color:rgba(232, 146, 0, 0.7);
                        padding: 15px 10px; color:#FFF; font-size:1.3em;
                        font-weight:300; line-height:1; margin:0px;
                        /*text-shadow: 0px 0px 1px #000;
                        -moz-text-shadow: 0px 0px 1px #000;
                        -webkit-text-shadow: 0px 0px 1px #000;*/
					}
.content-box-header a{color:#FFF;}
.content-box-header a:hover{color:#000;
                            text-shadow: 0px -1px 0px #fff;
                        -moz-text-shadow: 0px -1px 0px #fff;
                        -webkit-text-shadow: 0px -1px 0px #fff;}

.content-box-content{padding:5px; text-align:justify;}
.content-box-header ul { margin:0px; padding:3px 3px 0px 0px; padding-bottom:0px; list-style:none;display: inline-block;vertical-align: baseline;}
.content-box-header ul li{padding:3px 8px 5px 8px; margin:-6px 3px; margin-bottom:-5px;
                          background-color:Transparent; display:block; float:left; 
						  border-radius: 5px 5px 0px 0px;
						 -moz-border-radius: 5px 5px 0px 0px;
						 -webkit-border-radius: 5px 5px 0px 0px;}
.content-box-header ul li.tabactive{border:1px solid #c5c5c5; border-bottom:1px solid #fff; color:#086998;
                                    background-color:#FFF; margin:-7px 2px -6px 2px; cursor:pointer;
                                    text-shadow: 1px 1px 1px #aaa;
                                    -moz-text-shadow: 1px 1px 1px #aaa;
                                    -webkit-text-shadow: 1px 1px 1px #aaa;}

.radius-0{border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}

li.tab_item{border:0px; margin-right:2px; float:left; display:block;
        padding: 2px 12px; margin-top:4px;
            background:#f8f8f8 url(../images/box-header.png) repeat-x left center;
            font-weight:bold; color:#c00;  border:1px solid #c5c5c5; border-bottom:none;
            border-radius:5px 5px 0px 0px; 
            -moz-border-radius:5px 5px 0px 0px;  
            -webkit-border-radius:5px 5px 0px 0px; }
.tab_content{display:none; float:left;overflow:hidden; padding:2px; }
.notice-red{margin:0px; border:1px solid #F88; background-color:#FEE; color:#F00; padding:5px;}
.notice-blue{margin:0px; border:1px solid #55F; background-color:#EEF; color:#33F; padding:5px;}
.notice-green{margin:0px; border:1px solid #5f5; background-color:#EFE; color:#0a0; padding:5px;}

#bodyloading {
    
    position:fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}

    #bodyloading img {
        margin-top: 150px;
        max-height:150px;
        max-width:150px;
    }

.margin-0{margin:0;}
.margin-1{margin:1px;}
.margin-2{margin:2px;}
.margin-3{margin:3px;}
.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-20{margin:20px;}
.margin-30{margin:30px;}
.margin-40{margin:40px;}
.margin-50{margin:50px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-100{margin-top:100px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.padding-0{padding:0;}
.padding-1{padding:1px;}
.padding-2{padding:2px;}
.padding-3{padding:3px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}
.font-0{font-size:0;}
.font-6{font-size:6px;}
.font-7{font-size:7px;}
.font-8{font-size:8px;}
.font-9{font-size:9px;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-26{font-size:26px;}
.font-28{font-size:28px;}
.font-30{font-size:30px;}
.font-italic{font-style:italic;}
.font-uppercase{text-transform:uppercase;}
.font-lowercase{text-transform:lowercase;}
.font-capitalize{text-transform:capitalize;}
.text-shadow {
    text-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}
.customscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #fff;
}

.customscroll::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;height:6px;
}

.customscroll::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.1);
    
}

.customscroll:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);
}