﻿/*
author:linkchain / 2012-04-17
----------------------------------------------------------*/

/* gray-box
----------------------------------------------------------*/
.gray-box .top{
    background:url('../images/left-box-top.jpg') no-repeat;
    width:210px;
    height:4px;
    }

.gray-box .bg{
    background:url('../images/left-box-bg.jpg') repeat-y;
    width:210px;
    text-align:center;
    padding:5px 0 0 0;
    }

.gray-box .title{
    width:64px;
    height:16px;
    padding:0 0 7px 0;
    margin:0 0 0 20px;
    float:left;    
    }

.gray-box .title.campus{
    background:url('../images/left-box-campus.jpg') no-repeat;
    }

.gray-box .title.act{
    background:url('../images/left-box-act.jpg') no-repeat;
    }
    
.gray-box .link-icons{
    border:1px solid #6c6c6c;
    margin:0 0 5px 0;
    padding:0;
    }

.gray-box .bottom{
    background:url('../images/left-box-bottom.jpg') no-repeat;
    width:210px;
    height:4px;
    }
        
/* tab
----------------------------------------------------------*/
#tab-wrapper{
    background:#fff url("../images/tab-main-bottom.jpg") no-repeat left bottom;
    padding:0 0 9px 0;
    width:580px;
    }

#tab {
    background:#f6f9ec url("../images/tab-main-bg.jpg") no-repeat right 0;
    margin:0;
    width:98%;
}
.tabtag {
    background: url("../images/tab-bg.jpg") repeat;
    display:table;
    width:560px;
}
.tabtag li {
    background: url("../images/tab-bg-line.jpg") no-repeat right 0;
    color: #fff;
    float: left;
    height:27px;
    _height:26px;
    padding: 12px 14px 0 9px;
    text-align: center;
}
.tabtag li.cur {
    background:#aad412;
    color: #220519;
    float: left;
    font-weight: bold;
    padding:0;
    _padding: 12px 14px 0 9px;
    height:38px;
    _height:26px; 
}
.tabtag li.cur span {
    background: url("../images/tab-bg-line.jpg") no-repeat scroll right top transparent;
    _background:0;
    display: block;
    _display:inline;
    height:38px;
    padding: 12px 14px 0 9px;
    _padding:0;
    _height:26px;
}

#tab .panes{
    }

#tab .panes .pane {
    padding:6px 10px 10px 10px;
    overflow:hidden;
    height:380px;
    width:570px;
}
 
/* common-list table
----------------------------------------------------------*/
body.front .common-list td a{
    color:#797979;
    }

.common-list td{
    line-height:2em;
    }

.common-list .class{
    color:#aab432;
    }

.common-list .post-date{
    color:#004887;
    }

/* oth-class-link
----------------------------------------------------------*/
.oth-class-link{
    float:left;
    margin:5px 0 0 0;
    position:relative;
    color:#ff4e00;
    }

body.front .oth-class-link a{
    color:#ff4e00;
    }
                    
/* more
----------------------------------------------------------*/
.more-btn{
    /*float:right;*/
    float:left;
    margin:5px 10px 10px 0;
    position:relative;
    }
    
/* oth-class-link
----------------------------------------------------------*/
.gray-shadow-box{
    border: 1px solid #ADADAD;
    padding: 6px;
    width: 143px;
    }

.gray-shadow-box p{
    color:#797979;
    font-weight:bold;
    background: url("../images/arrow.jpg") no-repeat right 0;
    line-height:2em;
    margin:5px 0 0 0; 
    }

.gray-shadow-box p.title{
    border-bottom:1px dashed #ededed;
    margin:0 0 5px 0;
    }

.gray-shadow-box ul li{
    line-height:1.8em;
    background: url("../images/green-arrow.jpg") no-repeat 0 3px;
    padding:0 0 0 24px;
    }

body.front .gray-shadow-box ul li a:hover{
    color:#fe5a1a;
    }

body.front .gray-shadow-box a{
    color:#797979;
    }

.gray-shadow-box-right{
    background: url("../images/shadow-box-right.jpg") no-repeat scroll right top transparent;
    width:166px;   
    }
.gray-shadow-box-left{
    background: url("../images/shadow-box-right.jpg") no-repeat scroll lert top transparent;
    width:166px;   
    }
    
.gray-shadow-box-bottom{
    background: url("../images/shadow-box-bottom.jpg") no-repeat scroll left bottom transparent;
    width:166px;
    padding: 0 0 12px 0;  
    }
