/*
复用 lifesinger 提供的布局方案--by anemone<anemone928@yahoo.cn>
双飞翼栅格布局 Flying Swing Grids Layout
理念：简单质朴，语义化布局。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
*/

/* 居中 */
#page, #header, #content, #footer {
    margin-left: auto;
    margin-right: auto;
}

/* 950px 宽 */
.w950 {
    width: 950px;
}

/** 布局基础样式 **/
.col-main {
    float: left;
    width: 100%;
    /* bug fix: 主栏没有内容时，在 Firefox 和 Chrome 等浏览器下，布局不对 */
    min-height: 1px;
}
.col-sub, .col-extra {
    float: left;
    /*position: relative;  按需设置，仅在需要时添加 */
}

/** 清除浮动 **/
.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.layout, .main-wrap, .col-sub, .col-extra {
    *zoom: 1;
}

/*
常用的栅格布局：
950                  .grid-m
190    750           .grid-s5m0
750    190           .grid-m0s5
190    510    230    .grid-s5m0e6
230    510    190    .grid-e6m0s5
510    230    190    .grid-m0e6s5
*/

/** 两栏布局 **/
.grid-s5m0 .main-wrap { margin-left: 200px; }
.grid-s5m0 .col-sub { width: 190px; margin-left: -100%; }

.grid-m0s5 .main-wrap { margin-right: 200px; }
.grid-m0s5 .col-sub { width: 190px; margin-left: -190px; }

/** 三栏布局 **/
.grid-s5m0e6 .main-wrap { margin: 0 240px 0 200px; }
.grid-s5m0e6 .col-sub { width: 190px; margin-left: -100%; }
.grid-s5m0e6 .col-extra { width: 230px; margin-left: -230px; }

.grid-e6m0s5 .main-wrap { margin: 0 200px 0 240px; }
.grid-e6m0s5 .col-sub { width: 190px; margin-left: -190px; }
.grid-e6m0s5 .col-extra { width: 230px; margin-left: -100%; }

.grid-m0e6s5 .main-wrap { margin-right: 440px; }
.grid-m0e6s5 .col-sub { width: 190px; margin-left: -190px; }
.grid-m0e6s5 .col-extra { width: 230px; margin-left: -430px; }



/**OFS增加的布局--首页使用**/
.grid-e7m0s6 .main-wrap { margin: 0 240px 0 270px; padding-left:10px;}
.grid-e7m0s6 .col-sub { width: 230px; margin-left: -230px; }
.grid-e7m0s6 .col-extra { width: 270px; margin-left: -100%; }
#content{
	width:950px;
}

/**OFS增加的布局--助学系统使用--左右两列布局**/
.grid-m0s6e0 .main-wrap { margin-right: 240px; }
.grid-m0s6e0 .col-sub { width: 230px; margin-left: -230px; }
.grid-m0s6e0 .col-extra { width: 0px; margin-left: -0px; }


.ofs_mod{
	border:1px solid #CBDCEA;
	padding:8px;
}

.line{
	font-size:0;
	line-height:0;
	border-bottom:1px dashed #CBDCEA;
}
.bottom_line{
	padding-bottom:4px;
	border-bottom:1px dashed #CBDCEA;
	margin-bottom:12px;
}

ul.dot li{
	background:url('dot.png') no-repeat 3px 8px;
	padding-left:12px;
}

.ofs_table td, .ofs_table th{
	padding:4px 6px;
	border:1px solid #94DA3A;
}