﻿/* Page Struct : Global ----------*/

* {padding:0;margin:0;}
html {}
body {
	font-size: 12px;font-family: Hei,Sans,Song,Tahoma,SimSun;color: #000;
	background: #fff;
}
a { color: #000; text-decoration: none; }
img { border:0; }
.input { border:1px solid #ccc; background:#fafafa; }
	.input:hover { background: #fff; }
textarea { overflow:auto; border:1px solid #ccc; background:#fafafa; }
	textarea:hover { background: #fff; }
select{font-size:12px;height: 20px;}



/* Page Struct : Nav ----------*/

.navigation {
	background: url(/static/lexrus/styles_images/global/nav.jpg) repeat-x 0 85px;
	height:152px;
}

	/* Page Struct : Navigation : Model Abstract ----------*/

	.nav {}
		.nav ul {}
		.nav li { list-style:none; float:left;}
		.nav a { display:block; }

	/* Page Struct : Navigation : Banner & Info Instance ----------*/

	.nav_top {
		width:940px;height:85px;margin:0 auto;text-align:right;
	}
		#logo {float:left;margin-top:5px;}
		.nav_info { float:right;padding:8px 5px 0 0; } 
		.nav_login { padding:4px 0;text-align:right; }
		.nav_user { display:none;padding:5px 0; }
		.nav_search{
			padding:4px 0;
		}
			.nav_searchInput {
				width:240px;padding:2px;
				border:1px solid #ccc;background:#fafafa;
			}
			.search_submit {
				margin-bottom:-10px;
*				margin-bottom:-7px;
				margin-left:3px;
			}
		.nav_hotsearch {
			padding:0;
		}
			.nav_hotsearch a {
				padding:0 8px 0 0;color: #478FC9;text-decoration: underline;
			}

	/* Page Struct : Navigation : Primary Instance ----------*/

	.nav_primary {
		width:920px;
		height:32px;
		margin:0 auto;clear:both;
	}
		.nav_primary a {
			padding:10px 20px 6px 20px;
			color: #fff;
			font-size:14px;font-weight:bold;text-decoration: none;
		}
		.nav_primaryUpload {
			float:right;
			padding-right:30px;
			background:url(/static/lexrus/styles_images/global/uploadbutton.png) no-repeat !important;
			width:110px;
			text-align:center;
		}
		.nav_primaryCurrent a {
			color: #000;
			font-weight:bold;
			background: url(/static/lexrus/styles_images/global/nav_current.gif) no-repeat 3px 0px;
		}
		.nav_primaryCurrent_l a {
			color: #000;
			font-weight:bold;
			background: url(/static/lexrus/styles_images/global/nav_current_l.gif) no-repeat 3px 0px;
		}
		.nav_primaryEnd a {
			background-position:6px 10px !important;
		}

	/* Page Struct : Navigation : Subordinate Instance ----------*/

	.nav_sub {
		width:920px;height:31px;margin:0 auto;
		font-size:12px;text-decoration: none;
		padding:5px 0 0 20px;
	}
		.nav_sub a {
			padding:5px 11px 5px 11px;
			color: #3C3C3C;
			text-decoration: none;
			background: url(/static/lexrus/styles_images/global/nav_sub_normal.gif) no-repeat right 8px ;
		}
		.nav_sub a:hover { color: #478FC9; }
			.nav_subCurrent a { color: #478FC9;}
	.nav_end a { background:none; }
	.nav_new {
			padding-right:22px;
			background: url(/static/lexrus/styles_images/icons/new.gif) no-repeat right 6px ;
	}

	/* Page Struct : Navigation : Third Instance ----------*/

	.nav_third {
		width:900px;height:27px;
		margin:12px auto 0 auto;padding:0 20px;
		background: url(/static/lexrus/styles_images/global/nav_third.png) no-repeat 0 0;
	}
		.nav_third a {
			padding:6px 8px 5px 8px;
			color: #3C3C3C;text-decoration: none;
		}
		.nav_third a:hover { color: #478FC9; }
		.nav_thirdManage li { float:right; }

	/* Page Struct : Navigation : Tabs Instance ----------*/

	.nav_tabs {
		border-bottom:1px solid #efefef;margin-bottom:2px;
	}
		.nav_tabs li {
			background: url(/static/lexrus/styles_images/global/tab_normal_r.png) no-repeat right 0;
			margin-right:1px;
		}
		.nav_tabs li:hover { background: url(/static/lexrus/styles_images/global/tab_active_r.png) no-repeat right 0; }
		.nav_tabsHover { background-image: url(/static/lexrus/styles_images/global/tab_active_r.png) !important; }
		.nav_tabs a {
			padding:6px 12px 3px 12px;
			background: url(/static/lexrus/styles_images/global/tab_normal_l.png) no-repeat 0 0;
			color:#999 !important;text-decoration: none;
		}
		.nav_tabs a:hover {color:#000 !important;background: url(/static/lexrus/styles_images/global/tab_active_l.png) no-repeat 0 0; }
		.nav_tabs_active { color:#000 !important;background-image: url(/static/lexrus/styles_images/global/tab_active_r.png) !important; }
			.nav_tabs_active a { color:#000 !important;background-image: url(/static/lexrus/styles_images/global/tab_active_l.png) !important; }
		.nav_tabsNotice { color:#000 !important;background-image: url(/static/lexrus/styles_images/global/tab_notice_l.gif) !important; }
			.nav_tabsNotice a { color:#000 !important;background-image: url(/static/lexrus/styles_images/global/tab_notice_r.gif) !important; }


	.tab_hide {
        display: none;
    }



/* Page Struct : Navigation : Bottom ----------*/

.about {
	clear:both;width:100%;height:64px;margin-top:25px;padding-bottom:25px;
	background: #fafafa;
	font-size:11px;font-family: tahoma;text-align:center;
}
	.about ul { width:500px;margin:0 auto;height:28px;}
	.about li { background:url(/static/lexrus/styles_images/global/copyline.gif) no-repeat right 10px;}
	.about .nav_sub a { padding:7px 15px 5px 15px !important;color:#6a6a6a;background:none;}
	.about .nav_end {background:none;}
	.about .search {
		padding:15px;border-top:1px solid #eaeaea;background:#fafafa;
	}
	.about .ssvlog {
		height:28px;margin-bottom:15px;
		border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;
	}
		.about .nav_searchInput {width:400px;background:#fff;}


/* Page Struct : Frameset ----------*/

.content {
	width:940px;
	min-height:300px;margin:0 auto;margin-top:15px;
*	height:300px;
	color:#666;
}
	div>.content{ height:auto; }
	.content a { color:#478FC9; }
	.content a:hover{ color:#478FC9;text-decoration:underline }
.main { float:left; }
.side { float:left;margin-left:15px;}
	.sideButton a {
		display:block;
		width:160px;height:30px;padding:5px 0 0 10px;
		background: url(/static/lexrus/styles_images/icons/sidebutton.gif) no-repeat;
		color:#000;text-decoration: none;
		margin-bottom:5px;
	}
	.sideButton a:hover { background: url(/static/lexrus/styles_images/icons/sidebutton_hover.gif) no-repeat;color:#000;text-decoration: none;}
	.sideButton li { list-style:none; }
.advbottom {
	width:940px;
	margin:0 auto;
	color:#666;
}
/* Page Struct : Box Instance ----------*/
.box{margin-bottom:14px;}
	.container{}
		.caption {margin-bottom:2px;padding-bottom:2px;background:url(/static/lexrus/styles_images/global/dotline.gif) repeat-x 0 bottom;}
			.caption span { padding-top:5px;float:right; }
			.caption span a { color:#478FC9; text-decoration:underline; }
			.captionCenter { width:100%;float:left;height:0px;color:#478FC9;* position:absolute;* margin-top:5px;text-align:center;font-family:sans-serif;}
			div>.captionCenter { position:static;float:none;width:auto;}
				.captionCenter span {float:none;padding-left:8px;background:url(/static/lexrus/styles_images/icons/arrow_red.gif) no-repeat 0 6px;}
				.captionCenter a {color:#000;text-decoration:none;}
				
	
		.footer { padding:10px 0;}
			.footer span { float:right; }
			.footer span a { color:#478FC9; }


/* Page Struct : Navigation : PageBar Instance ----------*/
.pagebar { padding-top:12px;clear:both;}
	.pagebar a,.pagebar_dot {
		display:block;float:left;height:13px;padding:3px 8px 0 8px;margin-left:3px;
		border:1px solid #DDDDDD;
		color:#666;line-height:100%;text-decoration: none;
	}
	.pagebar a:hover { color:#478FC9;border:1px solid #478FC9;text-decoration: none; }
	.pagebarCurrent {
		height:13px;padding:1px 8px;margin-left:3px;
		border:1px solid #fff;
		color:#478FC9;font-weight:bold;
	}
	.pagebarDot { padding:1px 3px;border:none; }
	.pagebarPrv a {
		width:45px;height:15px;
		border:none;background: url(/static/lexrus/styles_images/global/pagebar_prv.gif);
		font-size:0px;color:#efefef;
	}
		.pagebarPrv a:hover {
			border:none;background: url(/static/lexrus/styles_images/global/pagebar_prv_hover.gif);
			color:#F2F2F2;
		}
	.pagebarNext a {
		width:45px;height:15px;
		border:none;background: url(/static/lexrus/styles_images/global/pagebar_nxt.gif);
		font-size:0px;color:#efefef;
	}
		.pagebarNext a:hover {
			color:#F2F2F2;border:none;
			background: url(/static/lexrus/styles_images/global/pagebar_nxt_hover.gif)
		}
	.pagebarNext a:first-letter{margin:-99999px;}
	.pagebarPrv a:first-letter{margin:-99999px;}

	.pagebar i {
		display:none;
	}
	

/* Pagkage Model Abstract ----------*/

.pack { float:left;background:url(/static/lexrus/styles_images/global/dotline.gif) repeat-x 0 bottom;margin-bottom:2px; }
	.pack ul {}
	.pack li {list-style:none;}
	.pack b { font-weight:normal;color:#686868;font-size:11px; }
	.pack_return {clear:right;margin-right:0 !important; }
	
	/* Program Pagkage Instance ----------*/

	.pack_clip {
		width:130px;padding:15px 3px 15px 15px;height:250px;
		color:#000;
	}
	.pack_clip:hover,.pack_clipHover {background-color:#f7f7f7;}
		.pack_clip li { line-height: 150%;word-wrap: break-word;word-break: break-all; }
			.pack_clipImg {
				width:120px;height:90px;padding:5px;
				background:#fff;border:1px solid #dfdfdf;margin-bottom:6px;
			}
		.pack_clipTime {font-family:Arial;font-size:10px;font-weight:bold;color:#000;}

	.quickList {* position:relative;* width:120px;* height:90px;}
	div > .quickList {height: auto;}
	.quickBtn {
		position:absolute;
		* top:0;
		* left:0;
		width:18px;
		height:16px;
		margin:3px;
		z-index:10;
	}
		.quickBtn a {
			width:18px;
			height:16px;
			display:block;
			background:url(/static/lexrus/styles_images/global/add.gif) no-repeat;
			}
		.quickBtn a:hover {background:url(/static/lexrus/styles_images/global/adding.gif) no-repeat;}
	.quickBtnAhover a {background:url(/static/lexrus/styles_images/global/addhover.gif) no-repeat;}
	.quickAdded {
		position:absolute;
		width:18px;
		height:16px;
		margin:3px;
	}
		.quickAdded a {
			width:18px;
			height:16px;
			display:block;
			background:url(/static/lexrus/styles_images/global/added.gif) no-repeat;
			}
		.quickAdded a:hover {background:url(/static/lexrus/styles_images/global/playquick.gif) no-repeat;}


	/* Playlist Pagkage Instance ----------*/
	.pack_list {
		width:280px;
		height:auto;
		min-height:180px;
	*	height:180px;
	}
		.pack_list ul {}
			.pack_list li {line-height:160%;}
	.pdesc {height:60px;padding:10px 0;color:#454545;}
	.plist {float:right;width:165px;margin-top:-80px; }
		.plist ul {float:none;margin-left:30px;}

	.pack_listImg {
		float:left;
		width:82px;height:63px;padding:4px;margin-bottom:6px;
		border:1px solid #dfdfdf;
	}
	.pack_album {
		border:none;
		background:url(/static/lexrus/styles_images/global/album.gif) no-repeat;
		padding:12px 3px 3px 3px;
	}
	.pack_listImg1 {
		float:left;
		width:120px;height:90px;padding:4px;margin-bottom:6px;
		border:1px solid #dfdfdf;
	}
	.pack_album1 {
		border:none;
		width:106px;height:80px;
		background:url(/static/lexrus/styles_images/global/album1.gif) no-repeat;
		padding:4px 4px 4px 17px;
	}
	.pack_togerImg {
		background:url(/static/lexrus/styles_images/global/together.gif) no-repeat;
		padding:6px 10px 10px 6px;
		width:100px;height:80px;
	}

	
	/* UserFace Pagkage Instance ----------*/

	.pack_user {
		width:240px;height:170px;padding:15px;
		color:#000;
	}
	.pack_user:hover,.pack_userHover {background-color:#f7f7f7;}
		.pack_user ul {
			float:right;
			width:145px;
		}
		.pack_user li { line-height: 180%;word-wrap: break-word;word-break: break-all; }
			.pack_userImg {
				float:left;margin-right:10px;
				width:70px;padding:4px;margin-bottom:6px;
				background:#fff;border:1px solid #dfdfdf;
			}
			.pack_userName {color:F60 !important;}
			
	/* Group Pagkage Instance ----------*/

	.pack_group {
		padding:15px 18px 15px 15px;
		color:#000;
	}
	.pack_group:hover,.pack_groupHover {background:#f7f7f7;}
		.pack_group ul {
		}
		.pack_group li { line-height: 180%;word-wrap: break-word;word-break: break-all; }
			.pack_groupImg {
				float:left;margin-right:10px;
				width:70px;padding:4px;margin-bottom:6px;
				background:#fff;border:1px solid #dfdfdf;
			}


/* Abstract Comment Class Will Be Override in _comments.css ----------*/
.commentArea {}

/* Text //////////*/
h1,h2 {
	margin:4px 0;
	font-size:14px;color:;
	letter-spacing:1px;
	color:#000;
}

/* Helper kit //////////*/

.pop {width:850px;height:1px;margin:0 auto;position: relative;}
	.pop div {position: absolute;width:40px;height:17px;background:url(/static/lexrus/styles_images/global/new_pop.gif) no-repeat;}

.textFocus { background: #fff; }
.trFocus { background: #fafafa; }
.hot {color:#ff0000}
.pull {
	margin-bottom:-5px;
}
.url {background:transparent;font-size:9px;font-family:arial;color:#000;border:none;width:180px;padding-bottom:2px;}
.date {font-family:tahoma;font-size:9px !important;}

.guildbar {
	padding:10px 20px;
	background:url(/static/lexrus/styles_images/global/nav_third.gif) no-repeat;
}
.notice {padding:20px;margin-top:15px;border:1px solid #f60;}
.side_search {margin-top:10px;}

.links  { margin:10px 0 0 0;line-height:150%;}
	.links li { 
		list-style:none;
		background:url(/static/lexrus/styles_images/playlist/icon_arrow_red.gif) no-repeat 3px 6px;
		padding-left:12px;
		margin:3px 0;
	}
	.links span {float:right;color:#666;font-size:11px;font-family:Arial}
	.links_single {
		background:url(/static/lexrus/styles_images/playlist/icon_arrow_red.gif) no-repeat 3px 10px;
		color:#f60 !important;
	}
		.links_single a { color:#478FC9 !important; }

.navList { margin:10px 0 0 0;}
	.navList li {
		list-style:none;
		padding:5px 7px 5px 12px;
		border-bottom:1px solid #efefef;
	}
	.navListCurrent {background:url(/static/lexrus/styles_images/playlist/icon_arrow_red.gif) no-repeat 3px 10px;}
	.navList span {float:right;color:#999;font-size:9px;font-family:Arial}

.editArealoading { 
	background:#fff url(/static/lexrus/styles_images/global/loading.gif) no-repeat center 40px !important;
*	height:100px !important;
	min-height:100px !important;
}

/* Tool Kit //////////*/
.fix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	.fix {display: inline-table;min-height: 1%}
	/* Hides from IE-mac \*/
*	html .fix {height: 1%;}
	.fix {display: block;}
	/* End hide from IE-mac */
	


/* Rounded Corners //////////*/
.north     {background: url(corner/north.jpg) repeat-x top; }
.east      {background: url(corner/east.jpg) repeat-y right;}
.south     {background: url(corner/south.jpg) repeat-x bottom; }
.west      {background: url(corner/west.jpg) repeat-y left;}
.southeast {background: url(corner/southeast.jpg) no-repeat bottom right;}
.southwest {background: url(corner/southwest.jpg) no-repeat bottom left;}
.northeast {background: url(corner/northeast.jpg) no-repeat top right; }
.northwest {background: url(corner/northwest.jpg) no-repeat top left;padding: 10px 20px;}

.list-pro-north     {background: url(corner/list-pro-north.gif) repeat-x top; }
.list-pro-east      {background: url(corner/list-pro-east.gif) repeat-y right;}
.list-pro-south     {background: url(corner/list-pro-south.gif) repeat-x bottom; }
.list-pro-west      {background: url(corner/list-pro-west.gif) repeat-y left;}
.list-pro-southeast {background: url(corner/list-pro-southeast.gif) no-repeat bottom right;}
.list-pro-southwest {background: url(corner/list-pro-southwest.gif) no-repeat bottom left;}
.list-pro-northeast {background: url(corner/list-pro-northeast.gif) no-repeat top right; }
.list-pro-northwest {background: url(corner/list-pro-northwest.gif) no-repeat top left;padding: 10px;}

.side_north     {background: url(corner/side_north.gif) repeat-x top; }
.side_east      {background: url(corner/side_east.gif) repeat-y right;}
.side_south     {background: url(corner/side_south.gif) repeat-x bottom; }
.side_west      {background: url(corner/side_west.gif) repeat-y left;}
.side_southeast {background: url(corner/side_southeast.gif) no-repeat bottom right;}
.side_southwest {background: url(corner/side_southwest.gif) no-repeat bottom left;}
.side_northeast {background: url(corner/side_northeast.gif) no-repeat top right; }
.side_northwest {background: url(corner/side_northwest.gif) no-repeat top left;padding: 13px 20px;}

.roundbg_north     {background: url(corner/roundbg_north.gif) repeat-x top; }
.roundbg_east      {background: url(corner/roundbg_east.gif) repeat-y right;}
.roundbg_south     {background: url(corner/roundbg_south.gif) repeat-x bottom; }
.roundbg_west      {background: url(corner/roundbg_west.gif) repeat-y left;}
.roundbg_southeast {background: url(corner/roundbg_southeast.gif) no-repeat bottom right;}
.roundbg_southwest {background: url(corner/roundbg_southwest.gif) no-repeat bottom left;}
.roundbg_northeast {background: url(corner/roundbg_northeast.gif) no-repeat top right; }
.roundbg_northwest {background: url(corner/roundbg_northwest.gif) no-repeat top left;padding: 13px;}

	/* Special //////////*/
	.specialTitle { background: url(corner/northwest_s.jpg) no-repeat !important }
	.sideTitle { background: url(corner/northwest_side.jpg) no-repeat !important }
	.digBtn{ display:block;width:50px;height:65px;text-align:center;background: url(/static/lexrus/styles_images/playlist/digback.gif) no-repeat center 0; }
	.digBtn strong{ color:#fff;font-family:Georgia;font-size:16px;padding:3px 1px 0 0;height:45px;clear:both;display:block;text-shadow:1px 1px 3px #fff; }
	.digBtn a {text-decoration:none !important;}
	.digBtn a span{color:#478FC9;border-bottom:1px solid #478FC9;}
