/*
 * ----------------------------------------------------------------
 * Copyright (C) 2005-2008 四川音乐学院通俗音乐学院.
 * All rights reserved.
 * 项目名称   	      四川音乐学院通俗音乐学院      
 * 版本说明           V1.0.0
 * 开发者             邓琼
 * 创建时间	          2008.12.25
 * 修改记录           
 * 文件名称	          default.css
 * 文件描述           文章内容页式
 * 其他
 *
 * ----------------------------------------------------------------
 */
 
 /****************
       left布局
 ****************/
#left ul#subNav li {
	text-align: left;
	font-size: 11px;
	display: block;
	border-bottom: 1px dotted #ddd;
}

#left ul#subNav li a {
	background: url(../image/dot-03.gif) no-repeat 0px 14px;
	padding: 10px 0;
	padding-left: 15px;
	text-align: left;
	font-size: 12px;
	display: block;
	color: #333333;
	letter-spacing:0.2em;
}

#left ul#subNav li.current a,
#left ul#subNav li a:hover {
	background: url(../image/dot-04.gif) no-repeat 0px 14px;
	color: #2585df;
	font-weight: bold;
}

#leftChannel {
	margin-top: 10px;
}

#leftChannel #quickChannel {
	width: auto;
}

/****************
       rightSide布局
 ****************/
 #rightSide {
 	float: left;
	margin-left: 10px;
	width: 730px;
}

#crumb h2 {
	background: url(../image/title-crumb.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

#crumb .barTitle {
	background: url(../image/bar-gray-r.gif) no-repeat right 0;
	margin-left: 10px;
	line-height: 29px;
	position: static;
}

/****artical文章内容样式****/
.artical {
	margin: 20px;
}
.artical .articleLink{
	float:right;
	width:120px;
}
.artical .articleLink .last a{
	background: url(../image/icon-last.gif) no-repeat 0 3px;
	padding-left:10px;
	margin-right:10px;
}

.artical .articleLink .next a{
	background: url(../image/icon-next.gif) no-repeat right 3px;
	padding-right:10px;
}
.artical h2 {
	clear:both;
	text-align: center;
	margin: 10px 0;
	font-size: 22px;
	color: #ff6600;
	font-weight: bold;
}

.artical .author {
	text-align: center;
	margin: 15px 0;
	padding-bottom:6px;
	border-bottom: 1px dashed #666666;
}

.artical .author span{
	margin: 0 30px;
	color: #333333;
}
.artical p {
	/*text-indent: 2em;*/
	line-height: 180%;
}

/****list text纯文字列表样式****/
.listTxt {
	margin: 20px;
}
.listTxt li {
	display: block;
	background: url(../image/dot-02.gif) no-repeat 5px 3px;
	padding-left:14px;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 5px;
	margin: 10px 0;
}

.listTxt li a {
	float: left;
	width: 595px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/****list pic txt图文列表样式*****/
.listPicText {
	float: left;
	margin-left: 10px;
}

.listPicText ul {
	float: left;
}

.listPicText li {
	float: left;
	padding: 15px 0 5px 0;
	border-bottom: 1px dotted #3399CC;
}

.listPicText .picSmall {
	background: url(../image/pic-list-bg.gif) no-repeat;
	width: 156px;
	height: 126px;
	padding: 5px;
	float: left;
}

.listPicText .abstract {
	float: left;
	margin-left: 20px;
	width: 520px;
}

#collegeIntro .abstract {
	float: left;
	margin-left: 20px;
	width: 470px;
}
	
#collegeIntro{
	border:1px solid #4bacec;
	border-top: 4px solid #4bacec;
	margin-left:0;
	margin-top:10px;
}
#collegeIntro li{
	margin-left:10px;
	border-bottom:none;
}
#collegeIntro .abstract h3{
	color: #ff3300;
}
.listPicText .abstract h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	border: none;
	background: none;
	margin: 6px 0 6px 0;
	padding-left: 0px;
}	

.listPicText .abstract p {
	line-height: 150%;
	margin-bottom: 8px;
}

.listPicText .abstract .date {
	background: url(../image/icon-date.gif) no-repeat;
	height: 16px;
	padding-left: 20px;
	float: left;
}

.listPicText .abstract .detail a {
	float: right;	
	background: url(../image/icon-detail.gif) no-repeat;
	height: 16px;
	padding-left: 20px;
	font-weight: bold;
}
/****list pic图片列表样式*****/
.listPic li{
	float: left;
	margin:10px;
}

.listPic li .pic a{
	border:1px solid #ccc;
	padding:3px;
	text-align:center;
	width:200px;
	height:160px;
	display: table-cell;
    vertical-align:middle;
	*display: block;
   	*font-size: 130px;/*约为高度的0.873/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

}
.listPic li .pic img {
	vertical-align: middle;
}

.listPic li .pic a:hover{
	border:1px solid #3366FF;
}

.listPic li .picIntro{
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
    word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    width: 200px;
}
/****original原创天地****/
#songRank {
	width: 360px;
	margin: 10px 0px 0 0;
	float: left;
}

#songRank .table1,
#lyricRank .table1 {
	width: 358px;
	margin-left: 0px;
	
}

#songRank .table1 th,
#songRank .table1 td,
#lyricRank .table1 th,
#lyricRank .table1 td,
#lastOriginal .table1 td,
#lastOriginal .table1 th {	
	text-align: left;
	padding-left: 10px;
}

#songRank .table1 td a,
#lyricRank .table1 td a,
#lastOriginal .table1 td a {
	background: url(../image/dot-02.gif) no-repeat 0 3px;
	padding-left: 13px;
	font-weight: bold;
}

#lyricRank {
	width: 360px;
	float: left;
	margin: 10px 0 0 10px;
}

.btnCheck {	
	background: url(../image/icon-check.gif) no-repeat;
	border: none;
	width: 16px;
	height: 16px;
}
#lastOriginal {
	float: left;
	width: 730px;
	margin-top: 10px;	
}
#lastOriginal .table1 {
	width: 728px;
	margin: 0;
}

#lastOriginal h2 a {
	margin: 0 3px;
}

#lastOriginal .table1 .td1 {
	background: #eeeeee;
	color: #ff6600;
	padding-left: 16px;
	border-bottom: 1px solid #fff;
}

#lastOriginal .table1 .td2 {
	background: #eee;
	color: #499ff9;
	padding-left: 16px;
	border-bottom: 1px solid #fff;
}

/****群星璀璨****/
.listStars {
	margin-top: 10px;
}

.listStars li {
	margin-bottom: 15px;
}

.listStars li .titleStars {
	background: url(../image/stars-title.jpg) no-repeat;
	width: 733px;
	height: 34px;
}

.listStars li .titleStars h4 {
	width: 100px;
	position: relative;
	top: 10px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color:#cc0000;
	text-align :center;
}

.listStars li .contentStars {
	margin-left: 2px;
	margin-top: 5px;
	background: url(../image/stars-content.jpg) no-repeat;
	width: 728px;
	height: 319px;
}
.listStars li .contentStars img {
	position: relative;
	top: 15px;
	left: 15px;
	float: left;
}
.listStars li .contentStars .txtStars {
	float: left;
	width: 420px;
	margin-left: 50px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 180%;
	text-indent: 2em;
}

/****commnent留言板****/
.comment {
	margin-top: 10px;
	line-height:180%;
}
.comment .commentName {
	display: inline;
	background: url(../image/icon-comment.jpg) no-repeat 0 5px;
	float: left;
	padding-left: 20px;
	margin-left: 10px;
	height: 24px;
	line-height: 24px;
	width: 500px;
}

.comment .commentTime {
	float: left;
	height: 24px;
	line-height: 24px;
}
.comment  .commentContent {
	background: #f2f5f6;
	padding: 10px;
	border-bottom: 1px solid #a1cffa;
}
.comment .reply {
	color: #2585df;
	padding: 10px;
}
.comment b{
	margin-right:5px;
}

.message{
	clear:both;
	margin-top:10px;
	border:1px solid #6ea8df;
	border-top:4px solid #6ea8df;
}
.message .messageTitle{
	padding:5px;
	background:#f2f5f6 url(../image/icon-message.jpg) no-repeat 5px 2px;
	padding-left:25px;
	font-weight: bold;
	border-bottom:1px solid #6ea8df;
	
}
.message .messageContent{
	padding:10px;
	position: relative;
}
.message .messageContent .messageNotice{
	position:absolute;
	width:180px;
	padding:10px;
	top: 0;
	right: 1px;
	border-left:1px solid #6ea8df;
	background: #f2f5f6;
	height:184px;
	*width:200px;
	*height:206px;
	
}
.message .messageContent li{
	margin:8px 0;
}
.message label{
	float: left;
	text-align:right;
	width:80px;
	margin-right:10px;
}
.message textarea{
	width:400px;
	height:80px;
}
.message .messageContent .btnMessage{
	margin-left:418px;
}

/****albums list专辑列表样式****/
.albumsList {
	margin:10px;
}
.albumsList li{
	float: left;
	width: 340px;
	margin: 10px 5px 10px 5px;
}

.albumsList li .img a {

	padding:3px;
	border:1px solid #ccc;
	float: left;
	margin: 0 10px 5px 0;
}
.albumsList li .img a:hover{
	border:1px solid #206bb7;
}
.albumsList li .img a img{
	width:100px;
	height:100px;
}
.albumsList li .albums{
	font-weight: bold;
	margin-top:8px;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:210px;
}
.albumsList li .name{
	margin:10px 0;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:210px;
}
.albumsList li .name a{
	text-decoration: underline;
}
.albumsList li .clickNum{
	margin-top:10px;
}

/****albums article专辑文章页面样式****/
.albumsArticle{
	margin: 20px;
}

.albumsArticle .albumsIntro {
	margin-bottom:20px;
	float:left;
}
.albumsArticle .albumsIntro img{
	border: 4px solid #aaaaaa;
	float: left;
	margin-right:20px;
	width:160px;
	height:160px;
}
.albumsArticle .albumsIntro h4{
	font-size:16px;
	color:#2585df;
	font-weight: bold;
	padding-top:10px;
	margin-bottom:10px;
}

.albumsArticle .albumsIntro .text{
	line-height:200%;
	margin-left:190px;
	width:510px;
}
.albumsArticle .albumsSongList{
	padding-top:10px;
	clear:both;
	border-top:1px dashed #ccc;
	width: auto;
	*width:100%;
	position: relative;
}

.albumsArticle .albumsSongList .musicPlayer{
	position: absolute;
	top: 12px;
	right: 0px;
	background:#ccc;
	width:300px;
	height:20px;
}
.albumsArticle .albumsSongList h4{
	background: url(../image/icon-albums.jpg) no-repeat;
	padding-left:30px;
	line-height:200%;
	
}
.albumsArticle .albumsSongList h4 b{
	font-size:14px;
	color:#2585df;
	font-weight: bold;
	margin-right:4px;
}

.albumsArticle .albumsSongList .table2{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top:10px;
}
.albumsArticle .albumsSongList .table2 th{
	background: #eeeeee;
	padding:6px 10px;
}
.albumsArticle .albumsSongList .table2 td{
	padding: 5px 10px 4px 10px;
	border-bottom:1px solid #eee;
}
.albumsArticle .albumsSongList .table2 td a {
	color:#ff3300;
}
 /****boxblue 1样式****/
.boxBlue1 {
	background: url(../image/box-blue-1-bottom.jpg) no-repeat 0 bottom;
	width: 185px;
	padding-bottom: 33px;
	text-align: center;
}

.boxBlue1 .boxTitle {
	background: url(../image/box-blue-1-top.jpg) no-repeat;
	height: 27px;
	line-height: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

.boxBlue1 .boxContent {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 9px;
	padding-top: 15px;
	padding-bottom: 2px;
}

/****box crystal水晶蓝色框样式****/
.boxCrystal {
	background: url(../image/box-crystal-tl.jpg) no-repeat;
}

.boxCrystal .boxTitle {
	background: url(../image/box-crystal-tr.jpg) no-repeat right 0;
	height: 27px;
}
	
.boxCrystal .boxTitle h2 {
	height: 27px;
	margin-left: 25px;
	line-height: 27px;
	font-weight: bold;
}

.boxCrystal .boxContent {
	border-left: 1px solid #a1cffa;
	border-right: 1px solid #a1cffa;
}
.boxCrystal .boxBottom {
	background: url(../image/box-crystal-bl.jpg) no-repeat;
	height: 5px;
	font-size: 1px;
}

.boxCrystal .boxBottom p {
	background: url(../image/box-crystal-br.jpg) no-repeat right 0;
	height: 5px;
	font-size: 1px;
}
/****tab crystal标签切换****/
#tabCrystal {
	margin-top: 10px;
	background: url(../image/box-crystal-tl.jpg) no-repeat;
	float: left;
	width: 730px;
}

#tabCrystal .ccwTabList {
	background:url(../image/box-crystal-tr.jpg) no-repeat right 0 ;
    height: 27px;
    list-style: none;
    padding: 0;
    margin: 0;
	margin-left: 30px;
}

#tabCrystal .ccwTabList li{
    float: left;
	height:24px;
	position: relative;
	top:7px;
}

#tabCrystal .ccwTabList li a{
	padding-left:15px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}

#tabCrystal .ccwTabList li a span{
	padding-right:15px;
}

#tabCrystal .ccwTabList li.ccwtab_active {
	position: relative;
	top:3px;
}

#tabCrystal .ccwTabList li a,
#tabCrystal .ccwTabList li.ccwtab_active a {
	float: left;
	height:24px;
	padding-left:20px;	
}

#tabCrystal .ccwTabList li.ccwtab_active a {
	background: url(../image/tab-crystal-activity.jpg) no-repeat left 0;
    color: #333333;
	
}
#tabCrystal .ccwTabList li.ccwtab_active a span{
	padding-right:20px;
	padding-top:5px;
	height:24px;
	float:left;
	background: url(../image/tab-crystal-activity.jpg) no-repeat right 0;
    color: #333333;
}
#tabCrystal .panel .tabContent {
	border-right: 1px solid #a1cffa;
	border-left: 1px solid #a1cffa;
	float: left;
	width: 728px;


}
#tabCrystal .panel #organization{
	padding:10px;
	width: 708px;
	*width: 728px;
}
#tabCrystal .panel .tabBottom {	
	background: url(../image/box-crystal-bl.jpg) no-repeat 0 bottom;
	clear: both;

}

#tabCrystal .panel .tabBottom p {
	font-size: 2px;
	height: 5px;
	background: url(../image/box-crystal-br.jpg) no-repeat right bottom;
}
#tabCrystal .panel {
	float: left;
	margin-top: -2px;
}

#tabCrystal .panel .tabContent .listPicText {
	display: inline;
	margin: 0 10px;
}

/****分页样式****/
/*CSS pagination style pagination*/

.pagination {
	width:700px;
	margin: 10px 0;
	float:left;
	padding: 3px;
	text-align: right;
}

.pagination a {
	padding:2px 5px;
	border: 1px solid #2371cc;
	margin:3px;
	color: #2671c7;
}

.pagination a:hover {
	background: #2371cc;
	border: 1px solid #2371cc;
	color: #ffffff;
}

.pagination a:active {
	color: #333333;
	border: 1px solid #ccc;
}

.pagination span.current {
	background: #4097fc;
	padding: 2px 5px;
	margin: 3px;
	border: 1px solid #4097fc;
	color: #ffffff;
	font-weight: bold;
}

.pagination span.disabled {
	padding: 2px 5px;
	margin: 5px;
	background: #ccc;
	color: #eee;
}

/****btnNormal2****/
.btnNormal2{
	background: url(../image/btn-normal-2.jpg%20) no-repeat;
	border:none;
	width:75px;
	height:24px;
	line-height:24px;
}