@charset "utf-8";
/* CSS Document */
.bContainer {  width:740px; font-family: verdana; }
.abContainer { padding: 10px; border-top: 1px solid #FFF;
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #aacbe6 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aacbe6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aacbe6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aacbe6 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aacbe6 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aacbe6 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aacbe6', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.abList { background: #FFF; height:534px; }
.abList.long { height:1068px; }
.abList.longb { height:728px; }
.abList li { float: left; min-width: 183px; padding-bottom: 10px; margin: 10px; padding: 10px 10px\0/;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.abList li p { font-size: 14px; margin: 5px 0;}
.abList li p span { font-size: 13px; margin: 0 5px 0 0;}
.abList .vTheme { margin-top: 10px; }
.abList .vTheme .imgShadow { margin-left: 40px; }
.abList .button { float: right; }

.abList li:hover {
	border: 0px solid #888; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	background: linear-gradient(to bottom, #FFF 0%, #888 100%) repeat scroll 0 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFF 0%, #888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFF 0%,#888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFF 0%,#888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFF 0%,#888 100%);  /* IE10+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 ); */  /* IE6-9 */
} 

.abList li.selected { 
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6d6d6 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6d6d6 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6d6d6 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d6d6d6 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */
	-moz-box-shadow: inset 0 5px 5px -5px #C1C1C1;
	-webkit-box-shadow: inset 0 5px 5px -5px #C1C1C1;
	box-shadow: inset 0 5px 5px -5px #C1C1C1;
}

.abList li { padding: 10px 12px 0 12px; /* border: 1px solid #CCC; */ min-width: 125px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 5px 5px -5px #CCC;
	-webkit-box-shadow: inset 0 5px 5px -5px #CCC;
	box-shadow: inset 0 5px 5px -5px #CCC;
}

.abList li p {
	max-width:100px;
    font-size: 11px;
    margin: 5px 0;
}

.abList li.clear{clear:both;height:0;width:0;}
.clear { clear: both !important; float: none !important; width: 0; height: 0; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
.fltLt { float: left !important; }
.fltRt { float: right !important; }

.abHeader { border: 1px solid #e9e9e9; padding: 0px 10px 5px 15px; margin-left:20px; margin-right:20px; font-size:12px; width: 700px; font-family: arial; }
.abHeader span {
	font-size: 11px;
	display: inline-block;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.prePage { float: left; background: url('../images/arrows.png') no-repeat 0px 0px; width: 20px; height: 22px; }
.nextPage { float: left; background: url('../images/arrows.png') no-repeat -25px 0px; width: 25px; height: 22px; }
.abHeader span.first { margin-left: 0; }
.abHeader .selectWrap { float: left; width: 60px; height: 30px; overflow: hidden; background: url('../images/select-arrow.png') no-repeat right top #FFF; }
.abHeader select { background: transparent; width: 85px; height: 30px; -webkit-appearance: none;}
.abHeader .prePage, .abHeader .nextPage { margin: 2px 2px;}

.abHeader .albumName{float:left}
.abHeader .albumName h3{float:left}
.abHeader .albumName span[name='albumName']{margin-top:13px;}

.abHeader h3 span{font-size:14px;margin:0 0 0 10px;}

