/******************************************
 * global
 ******************************************/

body,html {	
	text-align:center; margin:0 ;	padding:0;	
	font-family :  "Malgun Gothic" , "Gulim"  , "Arial" , "MS PGothic","Osaka";	
	font-size : 12px;
	color:#333333;
	height: 100%;
}

table,form { margin : 0;padding:0; }
h1,h2,h3,h4,h5 { margin : 0; padding : 0; color:#666666; font-weight : bold;}
h1 { font-size : 20px;}
h2 { font-size : 18px;}
h3 { font-size : 14px;}

ul,ol { list-style-image:none;	list-style-position:outside;	list-style-type:none; padding : 0; margin : 0;}
li {	list-style-image:none;	list-style-position:outside;	list-style-type:none; display : inline-block; zoom : 1; *display :inline; }
hr { 	display: block;position: relative;padding: 0;margin: 8px auto;height: 0;max-height: 0;width: 100%;clear: both;border: none;border-top: 1px solid #AAA;border-bottom: 1px solid #FFF;font-size: 1px;line-height: 0;}

.list-text li { display : list-item ; *display : list-item;}
.list-text ul,.list-text ul li{ list-style-image: none;list-style-position	: inside;list-style-type	: disc;}
.list-text ol,.list-text ol li{ list-style-image: none;list-style-position	: inside;list-style-type	: decimal; }


.search-990-top { height : 10px;background : url('/css/images/990_top.gif') no-repeat;}
.search-990-bottom { height : 10px;background : url('/css/images/990_bottom.gif') no-repeat;}
.search-990-middle { background : url('/css/images/990_middle.gif') repeat-y;}
.category-link { text-decoration : none;}
.category-link:hover { text-decoration : underline;}


.text { font-size : 12px; line-height : 180%;}
.text h2 { font-size : 14px; font-weight : bold; color : #777;}
.text li { display : list-item ; *display : list-item;}
.text li p { display : inline; }
.text ul,.text ul li{ list-style-image: none;list-style-position	: inside;list-style-type	: disc;}
.text ol,.text ol li{ list-style-image: none;list-style-position	: inside;list-style-type	: decimal; }
.text pre { border-bottom: 1px dashed #D9D2C5;border-left: 18px solid #D9D2C5;border-top: 1px dashed #D9D2C5; border-right: 1px dashed #D9D2C5; color: #666; margin: 18px 0px; padding: 17px; overflow : scroll-x;}
.text blockquote { margin-left:  10px; padding-left : 22px; padding-top : 2px; background: url(/css/images/start_quote.png) top  left no-repeat; padding-bottom : 5px;}
.text a  {	color:#0259C4;	text-decoration:underline;}
.text a:hover {	background:#0259C4 none repeat scroll 0 0;	color:#ffffff;	text-decoration:none;}
.text a:img {	text-decoration:none;}


.paragraph-border { margin-top : 5px; border-top : 1px solid #ddd; margin-bottom : 5px;}
.grippie {background:#EEEEEE url('/css/images/grippie.png') no-repeat scroll center 2px;border-color:#DDDDDD;border-style:solid;border-width:0pt 1px 1px;cursor:s-resize;height:9px;overflow:hidden;}
.resizable-textarea textarea {display:block;margin-bottom:0pt;width:95%;}
.curved { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  border-radius:5px;  }
.clear { clear : both; line-height : -1px;height:0px; padding : 0; margin:0; overflow:hidden; float: none !important;} 
.clearfix { display : block; clear : both; float: none !important;}
.inline-block { float : none ; display : inline-block ; zoom : 1 ; *display : inline; }
.block { display : block; }
.resizable { overflow-x : hidden ; overflow-y : auto; }
.box-con { position : relative ; z-index : 2;}

.comment-box-table { border: 1px solid rgb(210, 210, 210); z-index : 5;}
.comment-box-td { border-top: 1px solid rgb(239, 239, 241); border-left: 1px solid rgb(239, 239, 241);}
.comment-box { border: 0px none ; padding: 4px; overflow: auto; height: 46px; background-color: rgb(250, 250, 250); font-size: 18px;}
.comment-button { width: 78px; height: 68px; color: rgb(51, 51, 51); background-image: url(/css/images/postbtn.gif); cursor: pointer; }
.comment-button-text { text-align: center;color : #666; font-weight:bold;}
.comment-list { background : transparent url('/css/images/comment-listbg.gif') no-repeat;}
.comment-list-small { background : transparent url('/css/images/comment-listbg-small.gif') no-repeat;}

.contents-650 { width:650px;border:1px solid #ddd;float:left;}
.contents-650 .leftmost { width : 130px;border-right:1px solid #ddd;float:left;background:#f5f5f5;}
.contents-650 .rightmost { width : 515px;float:left;}
.contents-330 { width : 330px; border:1px solid #ddd;float:right;text-align:left;}

.sub-browse-bar { background : #ff8bcb; background : #f5f5f5; color : #fff; color : #666; padding : 3px; padding-left:8px; margin-bottom :5px; text-align:left;  }
.sub-browse { background : #ff8bcb; background : #f5f5f5; color : #fff; color : #666; width : 820px; height:30px;line-height:30px;padding-left:8px; margin-bottom :5px; text-align:right; background : #fff url('/css/images/820_30_grey.gif') no-repeat scroll left top;}
.sub-browse.big { width:990px; background : #fff url('/css/images/990_30_grey.gif') no-repeat scroll left top;}
.sub-browse.small { width:620px; background : #fff url('/css/images/620_30_grey.gif') no-repeat scroll left top;}
.sub-browse a { color : #999; text-decoration : none; margin-right : 10px; padding-left : 5px; padding-right : 8px; }
.sub-browse a:hover , .sub-browse a.current { font-weight : bold; color : #333; }

.paragraph { line-height : 16px; }
.paragraph .title { color : #00b0d9; font-weight : bold;}
.desc-box { background-color:#fbfbf9; border: 1px solid #EEEEEB; /*padding : 12px 10px 15px 10px;*/}
.desc-desc { padding : 5px 10px 15px 10px;}
.desc-title { margin-bottom:5px; background : #fbfbf9 url('/css/images/desc_titlebg.gif') repeat-y scroll left top; }
.desc-title h4 { padding : 6px 0 6px 7px;  font-size:14px; color : #000; font-weight : bold;}

.non { display : none;}
.wrap {	width:990px;	margin:0 auto;  text-align : left; position  : relative;}
.search-wrap { padding-left : 23px; padding-right : 25px;text-align:left;}
.smallwrap {width:745px;	margin:0 auto;  text-align : left;}
.ajax { background:transparent url('/css/images/icons/light.gif') no-repeat scroll;}
.blogthumb { width : 90px; height : 60px;overflow : hidden;}
.hand { cursor : pointer; }

.ntable tr.head td div.o { text-align : center; line-height : 14px; font-size : 12px; font-weight : bold; background : #efefef; padding : 5px; margin-bottom : 3px; border : 1px solid #ddd; border-right : none;}

.ntable .row0 { background : #f5f5f5;}
.ntable .row1 { background : #fff;}
.ntable td div.i {line-height : 18px; font-size : 12px; padding : 5px;}

img.middle { vertical-align : middle;}

.fr { float:right;}
.fl { float:left;}

.txc { text-align : center;}
.txr { text-align : right;}
.txl { text-align : left;}


.f20 { font-size : 20px;}
.f18 { font-size : 18px;}
.f16 { font-size : 16px;}
.f14 { font-size : 14px;}
.f11 { font-size : 11px;}
.f12 { font-size : 12px;}
.f24 { font-size : 24px;}
.fb { font-weight : bold;}
.fn { font-weight : normal;}
.fls { letter-spacing : -1px;}

.p3 { padding : 3px;}
.p5 { padding : 5px;}
.p8 { padding : 8px;}
.p10 { padding : 10px;}

.h30 { height: 30px;}
.h20 { height: 20px;}
.h15 { height: 15px;}
.h10 { height: 10px;}
.h8 { height: 8px;}
.h5 { height: 5px;}
.ml5 { margin-left : 5px;}
.ml10 { margin-left : 10px;}
.mr5 { margin-right : 5px;}
.mr10 { margin-right : 10px;}
.mb5 { margin-bottom : 5px;}
.mb10 { margin-bottom : 10px;}
.mb20 { margin-bottom : 20px;}
.mt5 { margin-top : 5px;}
.mt10 { margin-top : 10px;}
.mt20 { margin-top : 20px;}

.profile-16 { width:16px;height:16px;overflow:hidden;display : inline-block;zoom:1;*display : inline; vertical-align:middle;}
.profile-24 { width:24px;height:24px;overflow:hidden;display : inline-block;zoom:1;*display : inline; vertical-align:middle;}
.profile-32 { width:32px;height:32px;overflow:hidden;display : inline-block;zoom:1;*display : inline; vertical-align:middle;}
.profile-45 { width:45px;height:45px;overflow:hidden;display : inline-block;zoom:1;*display : inline;}
.profile-75 { width:75px;height:75px;overflow:hidden;display : inline-block;zoom:1;*display : inline;}
.lh250 { line-height : 250%;}
.lh200 { line-height : 200%;}
.lh150 { line-height : 150%;}
.lh140 { line-height : 140%;}
.lh24 { line-height : 24px;}	
.lh20 { line-height : 20px;}
.lh18 { line-height : 18px;}
.lh16 { line-height : 16px;}
.lh14 { line-height : 14px;}
	
a.btn {display : inline-block; zoom : 1; *display : 1; text-align : center; font-size :11px; color : #333; padding : 0 8px 0 8px; height : 24px; border : 1px solid #999; line-height : 24px; background : #ffffff url('/css/images/btnbg.gif') repeat-x;text-decoration : none;}
a.btn:hover {border : 1px solid #666; }
a.url { color : #649304; text-decoration:none; font-size : 12px;}
a.url:hover { text-decoration:underline;}
a.ignore  {	color:#666;	text-decoration:none;}
a.ignore:hover {	color: #000;	text-decoration:none;}
/* org #00b0d9; */
a.text-link  {	color:#0259C4;	text-decoration:underline;}
a.text-link:hover {	background:#0259C4 none repeat scroll 0 0;	color:#ffffff;	text-decoration:none;}
a.text-button  {	color:#0259C4;	text-decoration:none;}
a.text-button:hover {	color:#ec0182;	text-decoration:none;}
a img,a:hover img { text-decoration: none;	border: 0 none; }
a.text-link-white  {	color : #ffffff;text-decoration : underline;}
a.text-link-white:hover { text-decoration : none; color : black ; background-color : #ffffff;}
a.text-link-pink  {	color : #ec0182;text-decoration : underline;}
a.text-link-pink:hover { text-decoration : none; color : #ffffff ; background-color : #ec0182;}
a.text-link-grey  {	color : #666666;text-decoration : underline;}
a.text-link-grey:hover { text-decoration : none; color : #ffffff ; background-color : #666666;}
a.text-link-dgrey  {	color : #333;text-decoration : underline;}
a.text-link-dgrey:hover { text-decoration : none; color : #ffffff ; background-color : #333;}
a.text-link-orange  {	color : #f6ab58;text-decoration : underline;}
a.text-link-orange:hover { text-decoration : none; color : #ffffff ; background-color : #f6ab58;}
a.text-link-green  {	color : #63A142;text-decoration : underline;}
a.text-link-green:hover { text-decoration : none; color : #ffffff ; background-color : #63A142;}
a.text-link-blue  {	color : #00b0d9;text-decoration : underline;}
a.text-link-blue:hover { text-decoration : none; color : #fff ; background-color : #00b0d9;}
a.text-link-dblue  {	color : #0259C4;text-decoration : underline;}
a.text-link-dblue:hover {	background:#0259C4 none repeat scroll 0 0;	color:#ffffff;	text-decoration:none;}
a.depth-link  {	color : #00b0d9;text-decoration : none; font-size : 14px; font-weight : bold;}
a.depth-link:hover { text-decoration : none; color : #fff ; background-color : #00b0d9;}
a.list-link-grey  {	color : #666666;text-decoration : none;}
a.list-link-grey:hover { text-decoration : none; color : #ffffff ; background-color : #666666;}
a.list-link-current { font-weight : bold; color : #00b0d9;}
a.snext {	background:transparent url('/css/images/button_arrowset2.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position: -13px 0px;}
a.sprev {	background:transparent url('/css/images/button_arrowset2.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position: 0px 0px;}

a.next {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position:-4px -68px;}
a.next:hover  {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	background-position: -25px -68px;}
a.prev {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position:-4px -47px;}
a.prev:hover  {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	background-position: -25px -47px;}
a.up {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position:-25px -3px;}
a.up:hover  {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	background-position: -4px -3px;}
a.down {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	border:0 none;	cursor:pointer;	display:block;	float:left;	height:13px;	overflow:hidden;	text-indent:-9999px;	width:13px;	background-position:-25px -25px;}
a.down:hover  {	background:transparent url('/css/images/arrows.gif') no-repeat scroll left top;	background-position: -4px -25px;}
a.black-130-60 { text-decoration : none; background : url('/css/images/130_60_black.gif') no-repeat; width : 130px;height:60px;}
a.black-130-60 span { margin-top : 18px;color:#fff; text-align : center; display : block; font-size : 14px; font-weight : bold;}
a.black-130-60:hover span {  text-decoration : underline;  }

a.no-underline {text-decoration : none;}
.pink {	color : #ec0182; }
.spink {	color : #ec00bc; }
.blue {	color : #00b0d9; }
.dblue { color : #0063DC; }
.green {	color : #63A142; }
.orange {	color : #f6ab58; }
.grey { color : #666666;}
.dgrey { color : #333333;}
.indigo { color : #005265;}
.bg-pink , .cbg-pink {	background-color : #ec0182; color : #fff; }
.bg-spink , .cbg-spink {	background-color : #ec00bc; color : #fff; }
.bg-blue , .cbg-blue {	background-color : #00b0d9; color : #fff;}
.bg-dblue, .cbg-dblue { background-color : #0063DC; color : #fff;}
.bg-green , .cbg-green {	background-color : #63A142; color : #fff;}
.bg-orange , .cbg-orange {	background-color : #f6ab58; color : #fff;}
.bg-grey , .cbg-grey { background-color : #666666;}
.bg-dgrey , .cbg-dgrey { background-color : #333; color : #fff;}
.bg-blue .sub-description { color : #f5f5f5;}

h2.generic { color : #333; font-size : 16px; height : 22px; line-height : 22px; font-weight : bold;}
h2.generic span { margin-right : 10px;}
h2.bbs-title { margin-bottom : 3px; padding-bottom : 3px; border-bottom : 1px solid #666; color : #444444; font-size : 20px;height : 22px; line-height : 22px; }
h2.bbs-title .bbs-description { float:right;font-size : 11px;color : #666;}
.main-title { border : 1px solid #E3E3E3;}
.main-title-inner {  padding : 2px 8px 0px 8px;}

.minibox { border:1px solid #ddd;}
.minibox-title { margin : 3px 5px 3px 5px; border-bottom : 1px solid #ddd; height : 26px;}
.minibox-title-text { padding: 5px 5px 2px 5px; font-size : 12px; font-weight : bold;}

.bar-heading {height : 24px;line-height : 20px;}
.bar-heading .bar {float:left; width : 5px; height : 20px; margin-top : 2px; margin-bottom : 2px; margin-right : 8px;}

.description { color : #666; }
.sub-description { color : #999;}
.art-description { text-align  : left; font-size : 1.1em; } 
.color-box { -webkit-border-radius : 5px; -moz-border-radius : 5px; color : #ffffff; padding : 5px 8px 5px 8px;}
.literature {	white-space : normal; 	overflow : hidden; 	text-align : left;	word-wrap: break-all; 	*word-wrap: break-word;	background : #ffffff; line-height : 150%;	}

.sidemenu .head {background : transparent url('/css/images/side_headers.gif') no-repeat; height : 45px;}
.sidemenu .sidecontent { background : transparent url('/css/images/side_content.gif') repeat-y scroll left top; }
.sidemenu .head h2 { color : #fff; }
.sidemenu .tail {background : transparent url('/css/images/side_bottom.gif') no-repeat scroll left bottom; height : 13px;}
.sidemenu a.menulink { display : block; line-height : 18px; color : #666; text-decoration : none;}
.sidemenu a.menulink:hover,.sidemenu a.current { background : #333; color : #fff;}

.sidemenu .lblue-head {background-position : left -45px;}
.sidemenu .lblue-content h4 {color : #afe0e4; font-size : 14px; font-weight : bold;}

.sidemenu .pink-head {background-position : left 0px; }
.sidemenu .pink-content h4 {color : #e8008b; font-size : 14px; font-weight : bold;}

.sidemenu .green-head {background-position : left -90px; }
.sidemenu .green-content h4 {color : #bdd63a; font-size : 14px; font-weight : bold;}

.sidemenu .orange-head {background-position : left -135px; }
.sidemenu .orange-content h4 {color : #f39712; font-size : 14px; font-weight : bold;}


	
/******************************************
 * header
 ******************************************/

#logo_358_95 {
	width : 358px;height: 95px;
	background : transparent url('/css/images/logo_358_95.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_358_95.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_358_95.png')";
	cursor : pointer;
}


#logo_237_40 {
	width : 237px;height: 40px;
	background : transparent url('/css/images/logo_237_40.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_237_40.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_237_40.png')";
	cursor : pointer;
}

#logo_180_30 {
	width : 180px;height: 30px;
	background : transparent url('/css/images/logo_180_30.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_180_30.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_180_30.png')";
	cursor : pointer;
}


#logo_355_60 {
	width : 355px;height: 60px;
	background : transparent url('/css/images/logo_355_60.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_355_60.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_355_60.png')";
	cursor : pointer;
}

#logo_245_65 {
	width : 245px;height: 65px;
	background : transparent url('/css/images/logo_245_65.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_245_65.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_245_65.png')";
	cursor : pointer;
}

#logo__shop,#logo__shop_ko {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_shopping.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_shopping.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_shopping.png')";
	cursor : pointer;
}
#logo__shop_en {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_shopping_en.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_shopping_en.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_shopping_en.png')";
	cursor : pointer;
}


#logo_handmade_shop,#logo_handmade_shop_ko {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_handmade.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_handmade.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_handmade.png')";
	cursor : pointer;
}

#logo_designshow_shop,#logo_designshow_shop_ko {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_designshow.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_designshow.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_designshow.png')";
	cursor : pointer;
}


#logo_handmade_shop_en {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_handmade_en.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_handmade_en.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_handmade_en.png')";
	cursor : pointer;
}

#logo_designshow_shop_en {
	width : 400px;height: 40px;
	background : transparent url('/css/images/sa_logo_designshow_en.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_designshow_en.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/sa_logo_designshow_en.png')";
	cursor : pointer;
}

#logo_150_30 {
	width : 150px;height: 30px;
	background : transparent url('/css/images/logo_150_30.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_150_30.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_150_30.png')";
	cursor : pointer;
}


#main_logo {
	width : 359px;height: 95px;
	background : transparent url('/css/images/logo_white.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_white.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_white.png')";
	cursor : pointer;
}

#horizon_logo {
	width : 330px;height: 60px;
	background : transparent url('/css/images/logo_horizon_trans.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans.png')";
	cursor : pointer;
	
}
#horizon_logo_40 {
	width : 220px;height: 40px;
	background : transparent url('/css/images/logo_horizon_trans_40.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans_40.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans_40.png')";
	cursor : pointer;
	
}
#horizon_logo2_40 {
	width : 220px;height: 40px;
	background : transparent url('/css/images/logo_horizon_trans2_40.png') no-repeat;
	*background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans2_40.png');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/logo_horizon_trans2_40.png')";
	cursor : pointer;
	
}

.main-top { position : relative; height : 60px;border-top : 1px solid #ddd;border-bottom : 1px solid #ddd;}
#admin_div { 	display : none;	background-color : #fefefe;	border : 1px solid #ff9213;	-moz-border-radius : 6px; padding : 8px; margin-top : 10px; margin-bottom : 10px; 	}
/*
#topmenu { color : #efefef;	background:#F8F8F8 none repeat scroll 0 0;	border-bottom:1px solid #E6E6E6;	color:#666;	padding : 3px;}
#topmenu { background : #fff; border : none;}
#topmenu .wrap { text-align : right;position : relative;z-index : 1000;background:#fff; }
*/
#topmenu { float : right ; margin-right : 3px; z-index : 1000; width : 400px; margin-top : 3px;}
#topmenu ul {	margin:0;	padding:0;	list-style:none;}
li.system-menu {	text-align : left; 	margin:0;	padding:0;cursor : pointer; zoom : 1;  float : right; display : block;}
li.system-dropdown {   z-index : 1000; position : relative; }
#topmenu a,#topmenu a:link,#topmenu a:visited {	color:#333;	margin:0 3px;	text-decoration:none; }
#topmenu a:active,#topmenu a:hover,#topmenu a.active {	color : #ffffff;	background : #A1A0A0;}
#global { 
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -454px -40px;
	display : block;
	float:left;
	margin-left : 10px;
	height : 18px;
	width : 105px;
	text-align : right;
	position : relative;
	z-index : 1000;
}
#menu_button { 
	cursor : pointer;
}


#header {	  margin-top : 5px; width : 100%;  position : relative; margin-bottom : 10px; }

#header_wrapper, .hmiddle { position : relative;background : transparent url('/css/images/topmenubar.gif') repeat-x scroll left -40px; width : 715px; float:right; }
#header_topmenubar { float:left ; width : 380px; height : 40px; position : relative;}
.hleft { background : transparent url('/css/images/topmenubar.gif') repeat-x scroll left top; width : 10px;height : 40px; position : absolute;left:0;top:0;}
.hright { background : transparent url('/css/images/topmenubar.gif') repeat-x scroll left -80px; width : 10px;height : 40px; position : absolute;right:0;top:0;}
#header_topmenubar .inner { margin-left: 10px; margin-right : 10px; width : 360px;text-align:center;}
#header_topmenubar .inner div.list { width : 75px;height:32px;margin-top : 8px; float:left;}
#header_topmenubar .inner div.sep { margin-top : 12px; float:left;}
#header_topmenubar .inner div.list a.menu {
	text-decoration : none;
	width:75px;height:24px;display:block;line-height : 32px;margin-top : 0px;padding:0;margin:0;
	font-size : 12px;
	color : #333;
}
#header_topmenubar .inner div.list a.menu div {
	padding-top : 4px;line-height : 16px;height : 16px;
}
#header_topmenubar .inner div.list a.menu.current , #header_topmenubar .inner div.list a.menu:hover {
	background : transparent url('/css/images/topmenubar_selected.gif') no-repeat scroll left top;
	color : #fff;
}


#topmenu_searchbar { float:right ; margin-left : 15px; position : relative;margin-right : 5px; height : 40px; padding-right : 10px; padding-left:  10px;  }
#topmenu_searchbar .inner { height : 23px; border : 1px solid #ccc;float:left; margin-top : 8px;}
#topmenu_searchbar .inner .padd {  padding : 2px 5px 1px 5px; background : #fff;}
#topmenu_searchbar_text { width :220px; border : none ; color : #666; height : 22px;line-height : 22px;font-size : 14px;padding:0;margin:0;border:0;margin-top : 3px;margin-left : 5px;}


#slogan { 
	display : inline-block ; position : relative ; 
	left : 320px; top : -80px; 
	font-weight : bold;
	color : #f7931e;
	letter-spacing : -1px;
}

#logo_container { display : block; float: left; position : relative; }

a.block-anchor { background:#ffffff; text-decoration : none;}
a.block-anchor:hover { background:#dddddd; text-decoration : none;}
.box-tab { height:29px;margin:20px 0;  z-index:5; position:relative;}
.box-tab li {background:none repeat scroll 0 0 #FBFBFB;border:1px solid #E0E0E0;float:left;font-weight:bold;height:28px;margin-right:2px;overflow:hidden; z-index:2;}
.box-tab li.current , .box-tab li.box-current { background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #FFFFFF;color:#FF681F;}
.box-tab li.current a, .box-tab li.box-current a {border-left:1px solid #F9F9F9;border-right:1px solid #F9F9F9;border-top:1px solid #F9F9F9;color:#333;text-decoration : underline;}
.box-tab li a {border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;color:#333;display:block;height:28px;letter-spacing:-1px;padding:6px 20px 0;text-decoration:none;*display:inline-block;}

.rbox-tab { height:29px;margin:20px 0; }
.rbox-tab li {background:none repeat scroll 0 0 #FBFBFB;border:1px solid #E0E0E0;float:left;font-weight:bold;height:28px;margin-right:2px;overflow:hidden; position : relative ; top : -1px;}
.rbox-tab li.current , .rbox-tab li.box-current { background:none repeat scroll 0 0 #FFFFFF;border-top:1px solid #FFFFFF;color:#FF681F;}
.rbox-tab li.current a , .rbox-tab li.box-current a {border-left:1px solid #F9F9F9;border-right:1px solid #F9F9F9;border-bottom:1px solid #F9F9F9;color:#00b0d9;}
.rbox-tab li a {border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;color:#8B8B8B;display:block;height:28px;letter-spacing:-1px;padding:4px 20px 0;text-decoration:none; *display:inline-block;}


/******************************************
 * body
 ******************************************/
#content { width:990px;	margin:0 auto; text-align : left; overflow: hidden;}
#content_header { width:990px;	margin:0 auto; text-align : left;}
.box-330 { width : 330px;float:left; }

#left {
	float:left;
	width:485px;
	padding:0;
	margin : 0;
	text-align:left;
	
}
#left.inner {
	width : 405px;
}
#right {
	float:right;
	width:490px;
	padding:0;
	margin : 0;
	text-align:left;
	border-left : 1px solid #ddd;
}

#right.inner {
	width : 410px;
}

#main , .rmain {
	float:right;
	width:820px;
	padding:0;
	margin : 0;
	text-align:left;
	z-index : 0;
	overflow:hidden;
}

#sidebar , .lsidebar {
	float:left;
	width:160px;
	padding:0;
	margin : 0;
	text-align:left;
	z-index : 3;
}


#leftmain , .leftmain{
	float:left;
	width:745px;
	padding:0;
	margin : 0;
	text-align:left;
}

#leftmain.index {
	width : 650px !important;
}
/*
#leftmain.zine  , * html #leftmain.zine {
	width : 720px !important;
}
*/


#rightsidebar , .rightsidebar{
	float:right;
	width:235px;
	padding:0;
	margin : 0;
	text-align:left;
	background : transparent;
}
#rightsidebar.index {
	width : 340px !important;
}
/*
#rightsidebar.zine {
	width : 260px !important;
}
*/

.footer {
	clear:both;
	padding-top : 10px;
	/*border-top : 2px solid #afdee4;*/
	text-align : left;
	margin:0;
	line-height : 150%;
	color : #888888;
	width : 100%;
	background : transparent none repeat scroll 0 0;
	/*border-top:1px solid #E6E6E6;*/
	padding-bottom : 10px;
}

.footer .wrap { border-top : 1px solid #ccc;}
.footer.shop .wrap { border-top : 0px solid #ccc;}

.footer ul#service_link {
	float:right;
	line-height : 22px;
}
.footer li{
	padding : 0px 5px 0px 5px;
	display : inline-block;
	line-height : 22px;
	zoom : 1;
	*display : inline;
}

.footer #copyright {
	font-size : 11px;
	font-family : "Vernada";	
	display : inline-block;
	zoom : 1;
	*display : inline;
	float:left;
	margin-right : 10px;
	line-height : 22px;
}

.footer a,.footer a:visited { 
	text-decoration : none; 
	
}



* html .footer {
	height:1px;
}

#loading_container {
	position:fixed;
	*position:absolute;
	left : 0;
	top : 0;
	display : none; 
	background : #0792ab; color : #ffffff; 
	font-size : 14px; text-align : center; font-weight : bold;
	line-height : 24px;
	width : 100%;
	z-index : 1000;
}



#alert_container {
	position:fixed;
	*position:absolute;
	left : 0;
	top : 0;
	display : none; 
	width : 100%;
	background : #0792ab; 
	color : #ffffff; 
	border-bottom : 3px solid #01accf;
	text-align : left; 
	line-height : 32px;
	cursor : pointer;
	z-index : 1000;
}

#alert_container .close { margin-right : 30px; display : block;float:right; }
#alert_container img { vertical-align : middle; }

#alert_container_title {
	font-size : 14px; 
	font-weight : bold;
	margin-left : 15px;
}

#alert_container_msg {
	
	font-weight : bold;
}

#artaction a em.report{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -81px -146px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#artaction a.current em.report,#artaction a:hover em.report{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -81px -130px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#artaction a em.favorite{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -97px -146px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#artaction a.current em.favorite,#artaction a:hover em.favorite{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -97px -130px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#artaction a em.share{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -113px -146px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#artaction a.current em.share,#artaction a:hover em.share{
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -113px -130px;
	display : inline-block;
	width:16px;height:16px;	zoom : 1;	*display : inline;	overflow : hidden;	vertical-align : middle;
}

#comment_info {margin-bottom : 8px; background-color:#F6F6F6;border-color:#EAEAEA;border-style:solid;border-width:1px 0 0;height:33px;}
#comment_info p {color:#A5A5A5;float:left;font-size:11px;margin-left:15px;margin-top:11px;width:200px;}

#font_slider { float : left ; position : relative; height : 22px; width : 200px; background : transparent url('/css/images/font-slider-bg.gif') no-repeat;} 
#font_slider a {height : 20px; display : block ; width : 20px; background : transparent url('/css/images/slider-thumb.gif') no-repeat; position : absolute;}

/*************************************************
 * form
 *************************************************/

input.text, input.search, input.file, textarea.textarea, select.select {
	color:#333333;
	margin:0;
	padding:2px 0;
}

input.text, input.search, textarea.textarea {
	
	background:#FFFFFF url(/css/images/fieldbg.gif) repeat-x scroll center top;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	font-size : 11px;
	line-height : 20px;
	padding : 2px 0px;
	height : 18px;
	margin-right : 2px; margin-left : 2px;
}


input.checkbox, input.radio {
	display:inline-block;
	vertical-align : middle;
}


/******************************************
 * tab , menus , headlines
 ******************************************/
 
 
.top-list  {float:left;margin-right : 5px;}
.top-list a.menu {	text-decoration : none ; color : #666;line-height : 16px; font-size : 12px; letter-spacing : -1px;}
.top-list a.menu:hover {	text-decoration : underline;}


.zhover { z-index : 10;}
.top-drop-sub li a { width : 90px;}
.vdropmenu{	border:none;	border:0px;	margin:0px;	padding:0px;	font-size:12px;  position : relative; z-index : 10; height:24px;}
.vdropmenu ul{	height:24px;	list-style:none;	margin:0;	padding:0; }
.vdropmenu li{	float:left;	padding:0px; margin-top:0px;}
.vdropmenu.topmenu li{	float:right;}
.vdropmenu li span.icon{	margin-top : 4px;}
.vdropmenu li a{		color:#333;		display:block;		font-weight:bold;		line-height:24px;		margin:0px;		padding:0px 10px;		text-align:center;		text-decoration:none;		}
.vdropmenu li.iehover a, .vdropmenu li a:hover, .vdropmenu ul li:hover a{			background: #aaa;			color:#333;			text-decoration:none;		}
.vdropmenu li ul{		
	background:#aaa;		display:none;		height:auto;		padding:0px;		margin:0px;		border:0px;		position:absolute;			z-index:200;		text-align : left;	
	width : 110px !important;
	}
* html .vdropmenu li ul { width : 110px !important;}
.vdropmenu li.iehover ul, .vdropmenu li:hover ul{		display:block;	}
.vdropmenu li li {		display:block;		float:none;		margin:0px;		padding:0px;		width : 100%;	}
.vdropmenu li.iehover a,.vdropmenu li:hover li a{		background:none;	 }
.vdropmenu li ul a{		display:block;		height:24px;		font-style:normal;		margin:0px;		text-align:left;	}
.vdropmenu li ul li.iehover a,.vdropmenu li ul a:hover, .vdropmenu li ul li:hover a{			background:#333;			border:0px;			color:#fff;			text-decoration:none;			}
.vdropmenu p{		clear:left;		}	
		
		
div.percentbar { line-height : 12px; width : 280px;}
div.percentbar img.bar {
	float:left ; 
	margin-right : 5px; height : 12px; width : 240px; background-position: -240px 50%; 
	background-image: url('/css/images/percentbar_bg.gif');
}
div.percentbar span.text { font-family : 'Tahoma'; float:left;font-size : 11px;line-height : 12px; color : #999;}

ul.horizon-text-menu {
	clear:both;
}
ul.horizon-text-menu li {
	margin-right : 20px;
	text-align : left;
}
ul.horizon-text-menu li.current { font-weight : bold;}


ul.text-tab {
	clear:both;
	overflow:hidden;
	position:relative;
	display : block;
	padding : 0;
	margin:0;
	vertical-align : middle;
	float:left;
	
}

ul.text-tab li {
	display:block;
	float:left;
	text-align:center;
	
	margin-right : 5px;
}

ul.text-tab li.inactive {
	color : #d6d6d6;
}

ul.text-tab li a,ul.text-tab li a:link,ul.text-tab li a:visited {
	display:block;
	white-space:nowrap;
	color:#00b0d9;
	text-decoration : none;
}


ul.text-tab li a:hover,ul.grey-tab li a:active {
	text-decoration : none;
	background : inherit;
	background-color : transparent;
	color : #f7931e;
}

ul.text-tab li.selected a {
	font-weight : bold;
	color : black;
}

.heading h2 { 
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 3px;
	text-align:left;
	margin : 0;
	padding : 0;
	color : #313131;
	
}



ul.pagination {
	
	font-weight:400;
	text-align:center;
}

ul.pagination li {
	display : inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin : 0px 2px 0px 2px;
	
}

ul.pagination li.previous {
	color:#AAAAAA;
}

ul.pagination li.next {
	color:#AAAAAA;
}
ul.pagination li.next a,ul.pagination li.previous a 
{
	text-align : center;
	width : 80px;
}

ul.pagination li a {
 background:#FFFFFF none repeat scroll 0 0;
 
 display:inline-block;
 margin-right:1px;
 padding : 2px 6px;
 text-align:center;
 text-decoration:none;
 color : #00b0d9;
 border : 1px solid #E6E6E6;
}

ul.pagination li a:hover,ul.pagination li a.current {
 background:#00b0d9 none repeat scroll 0 0;
 border : 1px solid #00b0d9;
 color:#FFFFFF;
}


ul.pagination li.previous span.inactive, ul.pagination li.next span.inactive {
 background:transparent none repeat scroll 0 0;
 color:#888888;
}


ul.pagination li span.inactive {
 background:#00b0d9 none repeat scroll 0 0;
 border : 1px solid #00b0d9;
 color:#FFFFFF;
 display:inline-block;
 margin-right:1px;
 padding: 2px 6px;
 text-align:center;
 zoom : 1;
 *display : inline;
}

ul.pagination li a{ background:#f8f8f8 url(/css/images/grad.gif) no-repeat; color : #666; border-color : #ccc; }
ul.pagination li a:hover,ul.pagination li a.current{  border-color : #cccccc; background : #333; color : #fff;}
ul.pagination li span.inactive { border-color : #ccc; background : #333; color : #fff; }


div.tab-content , div.share-tab-content{
	display:none;
}

.arrow-tabs li {	float:left;	list-style-type:none;	margin:0;	padding:0;}
.arrow-tabs li a {		width : 100px;		height : 18px;		line-height : 16px;		display : block;		text-align : center;		background : transparent ;		color : #777777;		text-decoration : none; padding : 0;}
.arrow-tabs li div.sep {	line-height:30px; color : #aaa;display : block;}
.arrow-tabs li a img { vertical-align : middle; } 
.arrow-tabs li a.hover { 		color : #313131;}
.arrow-tabs li a.current {		color : #313131;		background : url('/css/images/arrow_tab_bg.gif') no-repeat center bottom;}
div.inner-tab-content {	color : #333; position : relative;  border : none;	border-top  : 1px solid #aaa;	clear : both;	display:none;	background : #f0f0f0;	padding:15px 20px;}



/*************************************************
 * step tabs 
 *************************************************/

ul#step_nav li {float:left;	height:71px;width:330px;overflow : hidden;}
ul#step_nav li.current {background : #ec0182 url(/css/images/step_current_bg.gif) no-repeat right top;color : #ffffff;}
ul#step_nav li.last-done {background : #00b0d9 url(/css/images/step_lastdone_bg.gif) no-repeat right top;color : #ffffff;}
ul#step_nav li.done {background : #00b0d9 url(/css/images/step_done_bg.gif) no-repeat right top;color : #ffffff;}
ul#step_nav li.step {background : #EBEBEB url(/css/images/step_normal_bg.gif) no-repeat right top;color:#aaaaaa;}
ul#step_nav li.done a:hover, ul#step_nav li.last-done a:hover {color:#FFFF99;text-decoration : none;}
ul#step_nav li em {	font-size : 14px; display:block;	font-style:normal;	font-weight:bold;	padding :6px 0 5px 10px;	}
ul#step_nav li span {font-size : 11px; display:block;	font-weight:normal;	padding-left:10px;	}
ul#step_nav li.nobg {	background-image:none;	background : #EBEBEB; color:#aaaaaa;}


/******************************************
 * icon , button , etc elements
 ******************************************/

.dot { background : transparent url('/css/images/dot.gif') no-repeat left top; width : 10px; height: 10px;display : inline-block; zoom : 1; *display : inline; vertical-align : middle;}
.dot.current { background-position : 0px -10px;}

.icon48 {background : transparent url('/css/images/48icons.gif') no-repeat left top; width : 48px; height : 48px; display : inline-block; zoom : 1; *display : inline; vertical-align : middle;}
.icon48.next{ width : 32px; background-position : 0px 0px;}
.icon48.next.disable{ width : 32px; background-position : -32px 0px;}
.icon48.next.next-disable{ width : 32px; background-position : -32px 0px;}
.icon48.prev{ width : 32px; background-position : -64px 0px;}
.icon48.prev.disable{ width : 32px; background-position : -96px 0px;}
.icon48.prev.prev-disable{ width : 32px; background-position : -96px 0px;}
.icon48.rprev{ width : 30px; background-position : -128px 0px;}
.icon48.rnext{ width : 30px; background-position : -158px 0px; }

.icon { background : transparent url('/css/images/16icons.gif') no-repeat left top; width : 16px; height : 16px; display : inline-block; zoom : 1; *display : inline; vertical-align : middle;}
.icon.addimage { background-position : 0px 0px;}
.icon.addtext { background-position : -16px 0px;}
.icon.close { background-position : -32px 0px;}
.icon.zoom { background-position : -48px 0px;}
.icon.additem { background-position : -64px 0px;}
.icon.book { background-position : -80px 0px;}
.icon.doorin { background-position : -96px 0px;}
.icon.align-left { background-position : -112px 0px;}
.icon.align-center { background-position : -128px 0px;}
.icon.align-right { background-position : -144px 0px;}
.icon.nw { background-position : -160px 0px;}
.icon.n { background-position : -176px 0px;}
.icon.ne { background-position : -192px 0px;}
.icon.w { background-position : -208px 0px;}
.icon.c { background-position : -224px 0px;}
.icon.e { background-position : -240px 0px;}
.icon.sw { background-position : -256px 0px;}
.icon.s { background-position : -272px 0px;}
.icon.se { background-position : -288px 0px;}
.icon.question { background-position : -304px 0px;}
.icon.minishop { background-position : -320px 0px;}
.icon.more-arrow { background-position : -336px 0px;}
.icon.tick { background-position : -352px 0px;}
.icon.btick { background-position : -368px 0px;}
.icon.ggo { background-position : -384px 0px;}
.icon.bgo , .icon.ggo.ggo-current  { background-position : -400px 0px;}
.icon.hgo , a:hover > .icon.ggo, .icon.ggo:hover { background-position : -416px 0px;}
.icon.gdown { background-position : -432px 0px;}
.icon.bdown ,  icon.gdown.gdown-current  { background-position : -448px 0px;}
.icon.hdown { background-position : -464px 0px;}
.icon.gsgo { background-position : -480px 0px;}
.icon.bbsgo,.icon.bsgo { background-position : -496px 0px;}
.icon.bbsgo,.icon.bsgo , a:hover .icon.gsgo , .icon.gsgo:hover, .icon.gsgo.gsgo-current { background-position : -496px 0px;}
.icon.d { background-position : -512px 0px;}
.icon.rss { background-position : -528px 0px;}
.icon.stream,.icon.news { background-position : -544px 0px;}
.icon.green-add { background-position : -560px 0px;}
.icon.new-window { background-position : -576px 0px;}
.icon.red-flag { background-position : -592px 0px;}
.icon.share { background-position : -608px 0px;}
.icon.buy { background-position : -624px 0px;}
.icon.add-fan { background-position : -640px 0px;}
.icon.invite { background-position : -656px 0px;}
.icon.new-message { background-position : -672px 0px;}
.icon.manager { background-position : -688px 0px;}
.icon.product { background-position : -704px 0px;}
.icon.new { background-position : -720px 0px;}
.icon.home { background-position : -736px 0px;}
.icon.ul-left { background-position : -752px 0px;}
.icon.ul-right { background-position : -768px 0px;}

a .icon { margin-right : 3px;}
 
div.text-dropdown { font-size : 12px; display : inline-block;z-index : 1000; position : relative; zoom : 1; *display : inline; padding : 0 5px 0 0px; cursor : pointer;}
div.text-dropdown ul.dropdown-inner { width : 140px;}
div.text-dropdown span.selected { color : #333; }
div.dropdown-button {	z-index : 1000; position : relative; background : transparent url('/css/images/dropdown.gif') no-repeat top right; width : 138px;	height : 18px; line-height : 18px;
	cursor : pointer;}
div.dropdown-button.strong { background-image : url('/css/images/dropdown2.gif'); }
div.dropdown-button.narrow { background-image : url('/css/images/dropdown_narrow.gif'); width : 98px;}
div.dropdown-nextbutton {	width : 152px; }
div.dropdown-button span.selected { padding-left : 10px; color : #333; font-size : 11px;cursor : pointer;}
div.dropdown-button span.selected-next { padding-left : 20px; color : #333; font-size : 11px;cursor : pointer;}
ul.dropdown-inner { text-align : left; display : none; position : absolute ; left : 0; top : 100%; width : 135px; z-index : 2000; border : 1px solid #ddd; background : #ffffff;} 
ul.dropdown-nextinner { position : absolute ;  left : 15px;}
ul.dropdown-normal { width :100%; left : 0;}
ul.dropdown-inner li {	display : block;	padding : 3px 5px 3px 5px; background : #ffffff;}
ul.dropdown-inner li a {	display : block;  color : #666;	text-decoration : none;}
* html ul.dropdown-inner li a  { width : 100%;}
ul.dropdown-inner li a:hover {	background : #666;	color : #fff;}

#dropdown_menu { text-align : left; display : none; position : absolute ; left : -20px; top : 100%; width : 80px; z-index : 2000; border : 1px solid #ec0182; background : #ffffff;} 
#dropdown_menu li {display : block;}
#dropdown_menu a {	display : block;  color : #ec0182;	text-decoration : none; padding : 3px 5px 3px 5px; background : #ffffff;}
#dropdown_menu a:hover {	background : #eeeeee;	}

.blank-star {
	background:url(/css/images/icons/star.gif) no-repeat 0 0px;
	width:16px;height:15px;background-position:0 0px;border:0;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

.yellow-star {
	background:url(/css/images/icons/star.gif) no-repeat 0 -32px;
	width:16px;height:15px;border:0;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

a.checkbox {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -110px -114px;
	display : inline-block;
	width:13px;
	height:13px;
	zoom : 1;
	*display : inline;
	cursor : pointer;
}
a.checkbox:hover ,a.checkbox-on {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -97px -114px;
	display : inline-block;
	width:13px;
	height:13px;
	zoom : 1;
	*display : inline;
	cursor : pointer;
}
.block-close {
	color: #ffffff; 
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -81px -114px;
	display : inline-block;
	width:16px;
	height:16px;
	zoom : 1;
	*display : inline;
	z-index : 10;
	cursor : pointer;
}

.block-drop-arrow {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll 0px -114px;
	display : inline-block;
	width:14px;
	height:14px;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

.block-right-arrow {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -68px -115px;
	display : inline-block;
	width:13px;
	height:12px;
	zoom : 1;
	*display : inline;
	overflow : hidden;
	vertical-align : middle;
}



.blue-cross {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -14px -114px;
	display : inline-block;
	width:16px;
	height:14px;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

.grey-more {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -24px -115px;
	width:11px;
	height:11px;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

.grey-less {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -35px -115px;
	width:11px;
	height:11px;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

	

.block-symbol {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll 0px -130px;
	display : inline-block;
	vertical-align : middle;
	width:32px;
	height:32px;
	float:left;
	margin-right : 5px;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}
           

.block-symbol-small {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll 0px -130px;
	vertical-align : middle;
	width:22px;
	height:22px;
	margin-right : 5px;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
	
} 


.tab-bottom-arrow {
	
	background:transparent url(/css/images/roundbg.gif) no-repeat;
	display : inline-block;
	vertical-align : middle;
	width:8px;
	height:6px;
	zoom : 1;
	*display : inline;
	overflow : hidden;
	margin-top : -1px;
	*margin-top:-8px;
	
}

.arrow-pink {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -32px -130px;
}

.arrow-blue {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -40px -130px;
}
.arrow-dblue {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -48px -130px;
}
.arrow-green {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -56px -130px;
}

.arrow-lgrey {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -64px -130px;
}

.arrow-grey {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll -72px -130px;
}






a.button-link-strong-blue {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll 0px -162px;
	display : inline-block;
	vertical-align : middle;
	width:100px;
	height:30px;
	margin : 5px;
	padding:0;
	text-align : center;
	font-weight : bold;
	cursor : pointer;
	color : #ffffff;
	text-decoration : none;
	line-height : 30px;
	zoom : 1;
	*display : inline;
}

.profileicon {
	padding : 2px;
	border : 1px solid #dddddd;
	display : inline-block;
	zoom : 1;
	*display : inline;	
}
.border-grey { 	border : 1px solid #aaa; border : none;}


a.button-link-strong-blue:hover {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll 0px -192px;
	text-decoration : none;
}



.thumbnail {
	background:transparent url(/css/images/icons/light.gif) no-repeat scroll center middle;
	cursor : pointer;
}

/* Buttons definitions */
a { cursor : pointer;}
a.cbutton {height : 26px; display : inline-block; zoom:1; *display : inline; text-decoration : none; }
a.cbutton i.l { display : block; float:left; width : 12px;height : 26px; background : transparent url('/css/images/buttons_side.gif') repeat-x scroll left -64px;}
a.cbutton i.r { display : block; float:left; width : 11px;height : 26px; background : transparent url('/css/images/buttons_side.gif') repeat-x scroll right -64px;}
a.cbutton span { font-size : 11px; font-weight:normal; display : block;  float:left;  line-height : 26px;background : transparent url('/css/images/buttons_center.gif') repeat-x scroll left -64px; color : #333;}
a.cbutton:hover span { color : #000;}
a.cbutton span img { vertical-align : middle;}
a.cbutton i.l-black { background-position : left -38px;}
a.cbutton i.r-black { background-position : right -38px;}
a.cbutton span.black {background-position : left -38px; color : #fff;}
a.cbutton:hover span.black { color : #f5f5f5;}
a.cbutton i.l-pink { background-position : left -90px;}
a.cbutton i.r-pink { background-position : right -90px;}
a.cbutton span.pink {background-position : left -90px; color : #fff;}
a.cbutton:hover span.pink { color : #f5f5f5;}
a.cbutton i.l-green { background-position : left -116px;}
a.cbutton i.r-green { background-position : right -116px;}
a.cbutton span.green {background-position : left -116px; color : #333;}
a.cbutton:hover span.green { color : #000;}
a.cbutton i.l-blue { background-position : left -142px;}
a.cbutton i.r-blue { background-position : right -142px;}
a.cbutton span.blue {background-position : left -142px; color : #fff;}
a.cbutton:hover span.blue { color : #f5f5f5;}

/*#nav_left { display : block; float:left; width : 12px;height : 38px; background : transparent url('/css/images/buttons_side.gif') repeat-x scroll left top;}
#nav_right { display : block; float:left; width : 11px;height : 38px; background : transparent url('/css/images/buttons_side.gif') repeat-x scroll right top;}

#nav {margin-left : 12px; margin-right:11px; width : 967px; font-size : 11px; font-weight:bold; display : block;  float:left;  line-height : 38px;background : transparent url('/css/images/buttons_center.gif') repeat-x scroll left top; }
*/

/*.nav {width : 100%; font-size : 11px; font-weight:bold; display : block;  float:left;  line-height : 38px;background : transparent url('/css/images/menubars_bg.gif') repeat-x scroll left top; }*/
/*
.nav.shop { background-position : left -38px;}
.nav.group { background-position : left -76px;}
.nav.zine { background-position : left -114px;}
*/


button {
	overflow:visible !important;
	width:auto !important;
}

a.button {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -222px;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 32px; overflow : hidden;
	line-height : 24px;
}

a.button span {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -222px;	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 4px 10px 4px 10px;
	font-weight : bold;
	cursor : pointer;
}


a.button:active , a.button:hover {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -254px;
}
a.button:active span, a.button:hover span {	
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -254px;	display : block;
}


/**/
a.ktbutton {
	display : block;
	float:left;
	text-decoration : none;
	height : 33px; overflow : hidden;
	line-height : 24px;
}
a.ktbutton.l {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -400px;
	border-right : 1px solid #ddd;
}
a.ktbutton.r {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -400px;	
	
}
a.ktbutton.m {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll center -400px;	
	border-right : 1px solid #ddd;
}

a.ktbutton.l.current {
	background-position : left -433px;
}

a.ktbutton.r.current {
	background-position : right -433px;
}

a.ktbutton.m.current {
	background-position : center -433px;
}

a.ktbutton span {
	display  :block;
	vertical-align : middle;
	text-align : center;
	padding : 4px 10px 4px 10px;
	cursor : pointer;
	color : #333;
}
a.ktbutton.current span	{
	color : #999;
	
}

.brd { border : 1px solid #ccc;}
.bgf5 { background : #f5f5f5;}
.bgf8 { background : #f8f8f8;}
.bgf0 { background : #f0f0f0;}

.grad-41 {
	background:#f8f8f8 url(/css/images/grad41.gif) no-repeat;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 41px;
}

.grad-41 .inner {
	background:transparent url(/css/images/grad41.gif) no-repeat scroll right top;	
	display : block;
	vertical-align : middle;
	height : 41px;
	width :100%;
}

a.gbutton span img { vertical-align : middle;}
a.gbutton {
	background:transparent url(/css/images/gradbuttonbg.gif) no-repeat;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
}

a.gbutton span {
	background:transparent url(/css/images/gradbuttonbg.gif) no-repeat scroll right top;	
	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 4px 10px 4px 10px;
	cursor : pointer;
	font-weight : bold;
}

a.gbutton.bpink {	height : 33px; overflow : hidden;	line-height : 24px;	background-position : left top;}
a.gbutton.bpink span{ color : #fff;background-position : right top;}
a.gbutton.bpink:hover {	background-position : left -33px;}
a.gbutton.bpink:hover span{	background-position : right -33px;}

a.gbutton.bblue {	height : 33px; overflow : hidden;	line-height : 24px;	background-position : left -66px;}
a.gbutton.bblue span{ color : #fff;background-position : right -66px;}
a.gbutton.bblue:hover {	background-position : left -99px;}
a.gbutton.bblue:hover span{	background-position : right -99px;}

a.gbutton.grey {	height : 24px; overflow : hidden;	line-height : 18px;	background-position : left -132px;}
a.gbutton.grey span{ padding : 3px 10px 3px 10px; font-weight : normal; color : #333;background-position : right -132px;}
a.gbutton.grey:hover {	background-position : left -156px;}
a.gbutton.grey:hover span{	background-position : right -156px;}



a.kbutton {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -334px;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 33px; overflow : hidden;
	line-height : 24px;
}

a.kbutton span {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -334px;	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 4px 10px 4px 10px;
	cursor : pointer;
	color : #333;
}
* html a.kbutton span { 	padding : 8px 10px 7px 10px;}


a.kbutton:active , a.kbutton:hover  {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -367px;
}
a.kbutton:active span, a.kbutton:hover span {	
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -367px;	display : block;
}

a.bigsearch { text-align:center; text-decoration : none; font-size : 14px; font-weight : bold; color : #333; width : 90px;height : 34px; background : transparent url(/css/images/bigsearch.gif) no-repeat scroll left top;	display : block; }
a.bigsearch span { display : block ; line-height : 34px; }
a.bigsearch:hover { background-position : left -34px; color : #fff;}
a.bigsearch.bigsearch-green { background-position : left -68px; color : #fff;}
a.bigsearch.bigsearch-green:hover { background-position : left -102px; color : #fff;}



a.long-button {
	background:transparent url(/css/images/longbutton.gif) no-repeat scroll left top;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 32px; overflow : hidden;
	line-height : 24px;
	color : #333;
}

a.long-button span {
	background:transparent url(/css/images/longbutton.gif) no-repeat scroll right top;	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 4px 10px 4px 10px;
	font-weight : bold;
	cursor : pointer;
	color : #333;
}


a.long-button:active , a.long-button:hover {
	background:transparent url(/css/images/longbutton.gif) no-repeat scroll left -32px;
}
a.long-button:active span, a.long-button:hover span {	
	background:transparent url(/css/images/longbutton.gif) no-repeat scroll right -32px;	display : block;
}


a.sbutton {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -286px;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 24px; overflow : hidden;
	line-height : 24px;
}

a.sbutton span {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -286px;	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 0px 8px 2px 8px;
	cursor : pointer;
	color : #333333;
}


a.super-button {
	margin-top : 3px;
	background:transparent url(/css/images/super_btnbg.gif) no-repeat scroll left top;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	height : 69px; overflow : hidden;
	line-height : 68px;
}

a.super-button span {
	background:transparent url(/css/images/super_btnbg.gif) no-repeat scroll right top;	display : block;
	vertical-align : middle;
	text-align : center;
	padding : 0px 15px 2px 15px;
	font-size : 18px;
	font-weight : bold;
	cursor : pointer;
	color : #666666;
}



a.sbutton:active , a.sbutton:hover {
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll left -310px;
}
a.sbutton:active span, a.sbutton:hover span {	
	background:transparent url(/css/images/roundbg.gif) no-repeat scroll right -310px;	display : block;
}

a.bbutton {
	background:transparent url(/css/images/white-grad.gif) repeat-x scroll left -10px;
	border : 1px solid #777777;
	display : inline-block;
	zoom : 1;
	*display : inline;	
	text-decoration : none;
	overflow : visible;
	

}
a.bbutton:hover {background-position : left -40px;}

a.bbutton span { 
	border-bottom : 1px solid #999999;
	line-height : 16px;
	font-size : 12px;
	color : #333;
	padding : 2px 10px 2px 10px;
	display : inline-block;
	zoom : 1;
	*display : inline;	
}


a.button img , a.sbutton img , a.bbutton img { vertical-align: middle; margin-right : 2px;}
a.positive {	color:#63A142;	font-weight:bold;}
a.positive:hover, button.positive:hover {	color:#63A142;}
a.positive:active {	color:#FFFFFF;	text-shadow:1px 1px 1px #607710;}
a.negative {	color:#D12F19;	font-weight:bold;}
a.negative:hover, button.negative:hover {	color:#D12F19;}
a.negative:active {	color:#FFFFFF;	text-shadow:1px 1px 1px #A93816;}


/* End of Buttons */

/******************************************
 * overlays
 ******************************************/

.boxy-wrapper { position: absolute; }
/* Modal */
.boxy-modal-blackout { position: absolute; background : #aaa  ; left: 0; top: 0; }
/* Border */
.boxy-wrapper { empty-cells: show; }


.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
/*
.boxy-wrapper .top-left { background: url('/css/images/boxy_nw.png'); }
.boxy-wrapper .top-right { background: url('/css/images/boxy_ne.png'); }
.boxy-wrapper .bottom-right { background: url('/css/images/boxy_se.png'); }
.boxy-wrapper .bottom-left { background: url('/css/images/boxy_sw.png'); }

.boxy-wrapper .top-left { background: none\9; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_nw.png')";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_nw.png'); }
.boxy-wrapper .top-right { background: none\9; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_ne.png')";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_ne.png'); }
.boxy-wrapper .bottom-right { background: none\9; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_se.png')";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_se.png'); }
.boxy-wrapper .bottom-left { background: none\9; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_sw.png')";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy_sw.png'); }
*/

.boxy-wrapper .top-left { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); height: 10px; background-color: #333;  padding: 0}
.boxy-wrapper .top-right { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); height: 10px; background-color: #333;  padding: 0 }
.boxy-wrapper .bottom-right { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); height: 10px; background-color: #333;  padding: 0 }
.boxy-wrapper .bottom-left { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); height: 10px; background-color: #333;  padding: 0 }


/* opacity: 0.6; filter: alpha(opacity=60);*/
.boxy-wrapper .top,
.boxy-wrapper .bottom { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); height: 10px; background-color: #333;  padding: 0 }
.boxy-wrapper .boxy-left,
.boxy-wrapper .boxy-right { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); width: 10px; background-color: #333;  padding: 0 }
/* Title bar */
.boxy-wrapper .title-bar { text-align : left; border-bottom : 1px solid #ddd; padding: 6px 0px 6px 0px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 14px; color: #666; line-height: 1; margin: 0; padding: 0; font-weight: bold; }
.boxy-wrapper .title-bar .close { 
	background : transparent url('/css/images/16icons.gif') no-repeat -32px top; width : 16px; height : 16px; display : inline-block; zoom : 1; *display : inline; vertical-align : middle;
	float : right;
}
/* Content Region */
.boxy-wrapper .boxy-inner-outer {
	border : 1px solid #00b0d9;
	padding : 0px;
	height : 100%;
	/*#00b0d9; #0063DC;*/
}
.boxy-wrapper .boxy-inner { 
	border : 2px solid #87d5e7;
	background-color: #ffffff; 
	padding: 8px ;
	
}
.boxy-wrapper .boxy-content {
	margin-bottom : 0px;
	height : 100%;
	padding-top : 5px;
	vertical-align : baseline;
}
/* Question Boxes */
.boxy-wrapper .question {  
	padding : 5px 0 5px 0;
	min-width: 350px; 
	width:auto !important;
	width : 350px;
	
	min-height: 60px; 
	height:auto !important;
	height: 60px; 
	
	text-align : left;
}
.boxy-wrapper .answers { 
	margin : 0;
	border-top : 1px solid #ddd;
	background : #f5f5f5;
	text-align: right; 
	padding : 2px 5px 2px 5px;
}

div.ov-loading { width : 350px; text-align:center; padding-bottom : 15px;}
div.ov-loading b.title {color : #00b0d9; font-size : 12px;}
div.ov-loading img.loader { margin-top : 20px;}


div.corner {background:transparent url(/css/images/descboxbg.gif) no-repeat scroll left top;}
div.side {background:transparent url(/css/images/descboxbg2.gif) repeat-y scroll left top;}
div.grey-corner {background:transparent url(/css/images/greyboxbg1.gif) no-repeat scroll left top;line-height : 150%;}
div.grey-side {background:transparent url(/css/images/greyboxbg2.gif) repeat-y scroll left top;line-height : 150%;}
div.grad-corner {background:transparent url(/css/images/gradboxbg1.gif) no-repeat scroll left top;line-height : 150%;}
div.grad-side {background:transparent url(/css/images/gradboxbg2.gif) repeat-y scroll left top;line-height : 150%;}
div.white-corner {background:transparent url(/css/images/whitebg1.gif) no-repeat scroll left top;line-height : 150%;}
div.white-side {background:transparent url(/css/images/whitebg2.gif) repeat-y scroll left top;line-height : 150%;}
div.group-corner {background:transparent url(/css/images/groupbg1.gif) no-repeat scroll left top;line-height : 150%;}
div.group-side {background:transparent url(/css/images/groupbg2.gif) repeat-y scroll left top;line-height : 150%;}
div.white-corner {background:transparent url(/css/images/greybarbg1.gif) no-repeat scroll left top;}
div.white-side {background:transparent url(/css/images/greybarbg2.gif) repeat-y scroll left top;line-height : 150%;}


div.tl {background-position:left top;	padding:0;position : relative;  z-index : 0;}
div.tr {background-position:right top;	padding: 5px 0 0;position : relative; z-index : 1;}
div.bl {background-position:left bottom;padding:0;position : relative;z-index : 2;}
div.br {background-position:right bottom;padding:0 0 5px; position : relative; z-index : 3;}
div.ls {background-position:left top; *padding-bottom : 5px; position : relative; z-index : 4;}
div.rs {background-position:right top;padding:0 5px;position : relative; z-index : 5;}
* html div.br {background-position:right bottom; padding:0 0 5px;}

div.tl2 {background-position:left top;	padding:0;position : relative;z-index : 0;}
div.tr2 {background-position:right top;	padding: 10px 0 0; z-index:1; position : relative;}
div.bl2 {background-position:left bottom;padding:0;position : relative; z-index : 2;}
div.br2 {background-position:right bottom; padding:0 0 10px;position : relative; z-index : 3;}
div.ls2 {background-position:left top; *padding-bottom : 10px;position : relative; z-index : 4;}
div.rs2 {background-position:right top;padding:0 10px;position : relative; z-index : 5;}
* html div.br2 {background-position:right bottom; padding:0 0 10px;}

#language_box {
	display : none; 
	width : 50px; 
	height : 65px; 
	position : absolute; 
	border : 1px solid #009bc1; 
	background : #ffffff; 
	padding:5px; 
	margin:0; 
	text-align:left;
}

#language_box ul{
	padding: 0;
	margin : 0;
	
}

#language_box ul li {
	line-height : 180%;
}


#usermenu_box {
	display : none; 
	width : 50px; 
	height : 65px; 
	position : absolute; 
	border : 1px solid #009bc1; 
	background : #ffffff; 
	padding:5px; 
	margin:0; 
	text-align:left;
}

#usermenu_box ul{
	padding: 0;
	margin : 0;
	
}


#usermenu_box ul li {
	line-height : 180%;
}



/******************************************
 * artwork list
 ******************************************/
div.aw { float:left;width : 172px; height : auto !important;  display : inline;}
div.aw.shadow { width : 192px; height : auto !important;}
div.aw div.aiw { float:left;width : 170px; border : 1px solid #fff; height : auto !important; }
div.aw div.aiw.shadow { width : 190px; height : 190px;}
div.aw div.aiw div.aic { padding:10px;position : relative; }
div.aw div.aiw div.aicw { background : white;width:150px; }
div.aw div.aiw div.aicw.shadow { width : 170px;}

div.aw div.aiw div.aic div.aicw div.aici { width : 150px; height : 150px; overflow : hidden; }
div.aw div.aiw div.aic div.aicw div.aici.shadow { width : 170px; height : 170px;}
div.aw div.aiw div.aic div.aicw div.aici div { text-align:left;}
div.aw div.aiw div.aic div.aicw div.aict { margin-top : 14px; height : 16px;line-height : 14px;overflow:hidden;width : 150px; text-align:center;}
div.aw div.aiw div.aic div.aicw div.aict.shadow { margin-top : 14px; height : 16px;line-height : 14px;overflow:hidden;width : 170px; text-align:center;}

div.aw div.aiw div.aic div.aici a { color : #666;text-decoration : none;}
div.aw div.aiw div.aic div.aicw  div.aicn { color #aaaaaa;width : 120px; margin-top : 3px; height : 16px;line-height : 12px;overflow:hidden; }
div.aw div.aiw div.aic div.aicw div.aicc { position:absolute;right:10px;bottom:31px;font-weight:bold;color:#ec0182;}
div.aw div.aiw div.aic div.aicw  div.aics { position:absolute;right:10px;bottom:10px;color : #00b0d9;}

div.aichw { width : 100%;display:none;position : absolute; bottom : 0px; left:0px;background : #fff; }
div.aich  { position : relative;height : 56px; }
div.aicht { padding : 10px; }
div.aicth { position:absolute;left:10px;bottom:31px; height : 16px;line-height : 14px;overflow:hidden;width : 130px;display : none;  }
div.aicnh { position:absolute;left:10px;bottom:10px;color #aaaaaa;width : 120px;  height : 16px;line-height : 12px;overflow:hidden; display : none; }
div.aicch { position:absolute;right:10px;bottom:31px;font-weight:bold;color:#ec0182;}
div.aicsh { position:absolute;right:10px;bottom:10px;color : #00b0d9;}
	
.artwork-desc-left{ float:left; width : 95px;margin-right : 8px;border-right : 1px solid #ddd; line-height : 24px;}
.artwork-desc-right {float:left; width : 95px; line-height : 24px; margin-left : 8px;}

.artwork-thumbnail {
	width : 190px; 
	height : 190px; 
	background : #f9f9f9; 
	margin-bottom : 10px; 
	padding : 0; 
	text-align : center; 
	display : inline-block ; 
	zoom : 1; 
	*display : inline;
}
.artwork-thumbnail .image {
	padding-top : 5px;
}

.artwork-desc {
	visibility : hidden;
	position:absolute;
	width : 190px;
	/*border : 2px solid #00b0d9; */
	border : 2px solid #87d5e7;
	cursor : pointer;
	z-index : 10;
}

.artwork-desc .desc-text {
	
	margin-top : 155px; height : 40px; 
	overflow : hidden; 
	background : #87d5e7; 
	color : #333; 
	/*opacity : 0.9; filter: alpha(opacity = 90); */
	text-align : left; 
	padding : 0 5px 0 5px; 
	line-height : 150%;
	color : #005265;
	
}
.artwork-desc .desc-text a,.artwork-desc .desc-text a:visited{
	color : #005265;
	text-decoration : none;
}

.artwork-desc .desc-text a:hover{
	background-color : #005265;
	color : #ffffff;
}


.desc-text .author {
	display : block;
	text-align : right;
}

.artwork-close {
	display : block;
	text-align : right;
	margin-right : 5px;
	margin-left : 5px;
	
}
.artwork-close a,.artwork-close a:hover { background : transparent; text-decoration : none; color : #666;}
.artwork-close a img {vertical-align : middle; }

.artwork-desc .comment {
	
	font-weight : bold;
	font-family : Tahoma;
	text-align : left;
	padding : 5px;
	position : relative;
	/*top : 140px;*/
	color : #ec0182;
}

/*********************************************
 * pages 
 *********************************************/

a.oasis-stream-link {  text-decoration : none;}
a.oasis-stream-link-current  { text-decoration : underline; font-weight: bold;}
	
.search-link em , .search-box-content em {
	font-weight : bold;
	font-style:normal;
}


.main-ad {
	/*border : 1px solid #ddd; */height : 170px;
	background : #fff url('/css/images/820_170_grad.gif') repeat-x scroll left top;
	position : relative;
	width : 820px;
}
.main-ad .ad-content { padding : 10px; }
.main-ad .ad-content .title-text{font-size : 18px; font-weight : bold; color : #333333;  position : absolute; left : 240px; top : 30px;}
.main-ad .ad-content .desc-text {float:left ; margin-top : 80px; font-size : 14px; margin-left : 10px; }
 
.ebook-thumb { 
	margin-bottom : 5px; display : block;
	cursor : pointer;
	border-bottom : 1px solid #ddd; 
	padding-bottom : 5px;
}
.browse-thumb {
	width:75px; height : 75px; margin : 3px;float:left;text-align:center; 
	cursor : pointer;
}

.browse-thumb1 {
	
	margin : 3px;
	float:left;
	text-align:center; 
	cursor : pointer;
	margin-left : 0px;
	padding : 5px; border : 1px solid #ddd; vertical-align:middle; 
}


.dd-art {
	margin : 3px; 
	text-align:center; 
	cursor : pointer;
	padding : 3px; border : 1px solid #ddd; vertical-align:middle; 
	position : relative; 
	display : inline-block;
	zoom : 1;
	*display : inline;
}
.dd-handle {position : absolute;left: 0; top : 0; width : 80px;}

.browse-thumb0 {
	
	margin : 3px;
	float:right;
	text-align:center; 
	cursor : pointer;
	margin-right : 0px;
	padding : 5px; border : 1px solid #ddd; vertical-align:middle; 
}
.browse-thumb img {
	background:transparent url(/css/images/icons/light.gif) no-repeat scroll;
	background-position : 30px 30px;
}

.stream-tabmenu {		color: #000;		margin: 5px 0px 0px 0px;		padding: 0px;		z-index: 1; }
.stream-tabmenu a, .stream-tabmenu a.current {	display : block; text-align : center; color: #999; font-weight : bold;				padding: 2px 8px 0px 8px;		margin: 0;		text-decoration: none; }
.stream-tabmenu a.current,.stream-tabmenu a:hover {		color: #666;		background: #ddd;		border-bottom: 1px solid #ddd; }
.stream-tabcontent {		border-top: none;		z-index: 2;			margin-top : 0;	}
	
#tag_artworks,.tag-artworks , #color_artworks {
	border : 1px solid #ddd;
	padding : 12px;
	background : #fff;
	margin-top : 5px;
}

#personal_artworks {
	height : 110px; 
	border : 1px solid #ddd;
	padding : 12px;
	background : #fff;
	margin-top : 5px;
}



#personal_artworks .literature , #personal_books .literature{
	background : #efefef;
	color : #666;
}

#rate_container {width : 350px; float:left;}
#rate_star_container{float:left; width : 160px; padding-top : 3px;}
#rate_description { float:left; display : block; text-align : right; line-height : 22px; margin-left : 8px;}



.field {
	font-size : 16px; 
	font-weight : bold;
	line-height : 32px;
	color : #666666;
}

.small-field {
	font-size : 14px; 
	line-height : 16px; 
	font-weight : bold;
	color : #666666;
}

.checkbox-field {
	height : 16px;
	line-height : 16px;
	vertical-align : middle;
}

.input {border : 3px solid #dddddd; width : 220px; height : 24px; font-size : 20px; color : #666666;}
.input-normal {	border : 3px solid #dddddd; width : 220px; height : 24px; color : #777;}


div.thumb-shadow {
	background: url('/css/images/shadow.gif') no-repeat bottom right;
	padding: 0;
	margin : 5px;
	display : inline-block;
	zoom:1 ;
	*display: inline;
}

div.thumb-shadow img {
	background-color: #fff;
	/*border: 1px solid #a9a9a9;*/
	margin: -5px 5px 5px -5px;
	/*padding: 4px;*/
	position: relative;
	vertical-align: bottom;
}

.comment-body {
	margin-top : 8px;	
	word-wrap: break-all; 
	*word-wrap: break-word;
	
}

.text-buttons {
	display : inline; line-height : 16px; margin-left : 20px;
}
.text-buttons img { vertical-align : middle; }
.text-buttons a { margin-left : 3px; margin-right : 5px; }
.rss-article { line-height : 150%; padding : 5px;}



.grad {  background : #f8f8f8 url('/css/images/grad.gif') repeat-x;}


.sidebar-top {	height : 30px;background : url('/css/images/160bars.gif') no-repeat scroll left top;}
.sidebar-top.grey { background-position : left -42px; }
.sidebar-top.dgrey { background-position : left -72px; }
.sidebar-top .title {font-size : 14px; font-weight : bold; padding : 5px 8px; color : #fff;text-align : left;}
.sidebar-top.grey .title {color : #333;}
.sidebar-top.dgrey .title {color : #333;}
.sidebar-middle { border : 1px solid #ddd; border-top : none; border-bottom : none;}
.sidebar-menu { display : block; border : 1px solid #ddd; background : #efefef; height : 24px; text-decoration : none;}
.sidebar-menu.second { border-bottom : none;}
.sidebar-menu .title { padding : 2px 3px 2px 8px; line-height : 20px; font-size : 12px; color : #000;}
.sidebar-menu .title span { float:right;}
div.sidebar-menu:hover , div.sidebar-menu.current { background : #b3c6cf};
div.sidebar-menu:hover .title, div.sidebar-menu.current .title{ color : #04577d;}
.sidebar-bottom { height : 12px;background : url('/css/images/160bars.gif') no-repeat scroll left -30px;}
.sidebar-submenu {border : 1px solid #ddd;padding : 8px; }
a.sidebar-link { color : #333; font-size : 12px; font-weight : bold; display : block; text-decoration : none;}
a.sidebar-link span { float:right;}
a.sidebar-link.current , a.sidebar-link:hover { color : #006c84;}

ul.category,ul.category li,ul.category ul {
 width: 157px; /* Menu Width */
 margin: 0;
 list-style: none;
 z-index : 10;
}

ul.category li { 
	float: left; position: relative;  
	
}
ul.category li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul.category ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
 border : 1px solid #ddd;
 background : #ffffff;
}

/* Root Menu */
ul.category a {
 
 display: block;
 text-decoration: none;
 line-height : 15px;
 height: 1%;
 background: transparent;
 color: #666666;

}
ul.category p {
	padding: 6px;
	padding-right : 2px;
	margin : 0;
}

/* Root Menu Hover */
ul.category a.current , ul.category a:hover,ul.category li:hover a,ul.category li.iehover a {
 background: #efefef;
 color : #000;
 font-weight : bold;
 
}


/* 2nd Menu */
ul.category li:hover li a,ul.category li.iehover li a {
 float: none;
 color : #666;
 background : #fff;
 font-weight : normal;
}




/* 2nd Menu Hover */
ul.category li:hover li a:hover,ul.category li:hover li:hover a,ul.category li.iehover li a:hover,ul.category li.iehover li.iehover a {
 background-color: #efefef;
 color : #000;
 font-weight : bold;
}


/* Hover Function */
ul.category li:hover ul ul,ul.category li:hover ul ul ul,ul.category li.iehover ul ul,ul.category li.iehover ul ul ul { display: none; }
ul.category li:hover ul,ul.category ul li:hover ul,ul.category ul ul li:hover ul,ul.category li.iehover ul,ul.category ul li.iehover ul,ul.category ul ul li.iehover ul { display: block; }

/*ARTIST*/
.update-write { background : #f5f5f5; margin-top : 10px; padding : 5px; display : none;}
.update-title-date { float : left;width : 120px; text-align : center; font-family : 'Arial Black';}
.update-title-date .day {font-size : 60px; line-height : 62px;}
.update-box { width : 650px; float:right;text-align:left;}
.update-box .update-link { float:right; width : 150px; overflow : hidden; background : transparent url('/css/images/grey-big-rarrow.gif') no-repeat scroll left center; height : 80px; overflow:visible; cursor : pointer;}
.update-box .update-profile { width : 64px; float:left;}
.update-box .update-content { float:left; width : 400px; }
.update-content .update-text-content { cursor : pointer; width : 400px;}

/*TAGCLOUD*/
#tagcloud{ 
		line-height:2.4em; 
		word-spacing:normal; 
		letter-spacing:normal; 
		text-decoration:none; 
		text-transform:none; 
		text-align:justify; 
		text-indent:0ex; 
		margin:1em 0em 0em 0em; 
		border:2px dotted #ddd; padding:2em;
		
}

#tagcloud a,.tagcloud a {text-decoration:none}
#tagcloud a:hover,.tagcloud a:hover{text-decoration:none;color:#ffffff;}

span.tagcloud0{font-size:1.0em;padding:0em;color:#ACC1F3;z-index:10;position:relative}
span.tagcloud0 a{text-decoration:none; color:#ACC1F3}
span.tagcloud0 a:hover{background-color:#ACC1F3}
span.tagcloud1{font-size:1.4em;padding:0em;color:#ACC1F3;z-index:9;position:relative}
span.tagcloud1 a{text-decoration:none;color:#ACC1F3}
span.tagcloud1 a:hover{background-color:#ACC1F3}
span.tagcloud2{font-size:1.8em;padding:0em;color:#86A0DC;z-index:8;position:relative}
span.tagcloud2 a{text-decoration:none;color:#86A0DC}
span.tagcloud2 a:hover{background-color:#86A0DC}
span.tagcloud3{font-size:2.2em;padding:0em;color:#fac78c;z-index:7;position:relative}
span.tagcloud3 a{text-decoration:none;color:#fac78c}
span.tagcloud3 a:hover{background-color:#fac78c}
span.tagcloud4{font-size:2.6em;padding:0em;color:#9fbc8f;z-index:6;position:relative}
span.tagcloud4 a{text-decoration:none;color:#9fbc8f}
span.tagcloud4 a:hover{background-color:#9fbc8f}
span.tagcloud5{font-size:3.0em;padding:0em;color:#76ae59;z-index:5;position:relative}
span.tagcloud5 a{text-decoration:none;color:#76ae59}
span.tagcloud5 a:hover{background-color:#76ae59}
span.tagcloud6{font-size:3.3em;padding:0em;color:#63A142;z-index:4;position:relative}
span.tagcloud6 a{text-decoration:none;color:#63A142}
span.tagcloud6 a:hover{background-color:#63A142}
span.tagcloud7{font-size:3.6em;padding:0em;color:#e994c3;z-index:3;position:relative}
span.tagcloud7 a{text-decoration:none;color:#e994c3}
span.tagcloud7 a:hover{background-color:#e994c3}
span.tagcloud8{font-size:3.9em;padding:0em;color:#e666ac;z-index:2;position:relative}
span.tagcloud8 a{text-decoration:none;color:#e666ac}
span.tagcloud8 a:hover{background-color:#e666ac}
span.tagcloud9{font-size:4.2em;padding:0em;color:#ec0182;z-index:1;position:relative}
span.tagcloud9 a{text-decoration:none;color:#ec0182}
span.tagcloud9 a:hover{background-color:#ec0182}
span.tagcloud10{font-size:4.5em;padding:0em;color:#002A8B;z-index:0;position:relative}
span.tagcloud10 a{text-decoration:none;color:#002A8B}
span.tagcloud10 a:hover{background-color:#002A8B}

span.stagcloud0{font-size:1.0em;padding:0em;z-index:10;position:relative}
span.stagcloud1{font-size:1.4em;padding:0em;z-index:9;position:relative}
span.stagcloud2{font-size:1.8em;padding:0em;z-index:8;position:relative}
span.stagcloud3{font-size:2.2em;padding:0em;z-index:7;position:relative}
span.stagcloud4{font-size:2.6em;padding:0em;z-index:6;position:relative}
span.stagcloud5{font-size:3.0em;padding:0em;z-index:5;position:relative}
span.stagcloud6{font-size:3.3em;padding:0em;z-index:4;position:relative}
span.stagcloud7{font-size:3.6em;padding:0em;z-index:3;position:relative}
span.stagcloud8{font-size:3.9em;padding:0em;z-index:2;position:relative}
span.stagcloud9{font-size:4.2em;padding:0em;z-index:1;position:relative}
span.stagcloud10{font-size:4.5em;padding:0em;z-index:0;position:relative}

/*****************************************
 * index & featured pages
 *****************************************/
 
.slogan-text { 
	color : #333; font-weight : bold; 
	font-size : 14px;
	line-height : 20px;
	float:left; 
	height : 20px; 
	margin : 12px 10px 3px 10px; 
	display : block;
	width : 450px;
}

.slogan-desc { 
	font-size : 12px; color : #666; float:left; line-height : 18px; margin-left : 10px; margin-top : 5px; 
	width : 450px;
	
}

a.main-join {		display : block;		width : 217px;		height : 78px;		overflow : hidden;		background : transparent url('/css/images/mainjoin.gif') no-repeat left top;		text-align :center;		text-decoration : none;	}
a.main-join:hover {		background : transparent url('/css/images/mainjoin.gif') no-repeat left -78px;	}
a.main-join span {	color : #666;		font-size : 24px;		font-weight : bold;		line-height : 78px;		text-align:center;	}

.index-top-right { height : 90px; border : 1px solid #ccc;border-left : none;}
.index-top-right-left { width : 80px; border-right : 1px dotted #ccc;float:left;margin-left : 10px; height : 100%;}
.index-top-right-right { width : 236px; float:right;text-align:left;line-height : 18px;}

/****************************
 * plugins
 ****************************/


.cluetip-default {
  background-color: #ff9213;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ff9213;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 3px 10px 3px;
  font-weight: normal;
  background-color: #ff9213;
  color: #fff;
  font-weight : bold;
  text-align : left;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
}  
.cluetip-default #cluetip-inner {
  padding: 5px 10px 5px 10px;
  text-align : left;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

.blank-star {
	background:url(/css/images/icons/star.gif) no-repeat 0 0px;
	width:16px;height:15px;background-position:0 0px;border:0;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}

.yellow-star {
	background:url(/css/images/icons/star.gif) no-repeat 0 -32px;
	width:16px;height:15px;border:0;
	display : inline-block;
	zoom : 1;
	*display : inline;
	overflow : hidden;
}


a.star-rating{
	float : left;
	display : block; 
	width:32px;
	height:32px;
	text-indent:-999em;
	cursor:pointer;
	background:transparent;
	overflow:hidden;
	/*background:url(/css/images/icons/big_stars.jpg) no-repeat 0 -32px;*/
	background:url(/css/images/icons/star.gif) no-repeat 0 0px;
	width:16px;height:15px;
}
a.star-rating-on {
	/*background-position:0 0px; */
	background-position : 0 -32px;
}

.ui-resizable { position: relative; }



.ui-resizable-handle {  position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle {display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } 
body .ui-resizable-autohide .ui-resizable-handle { display: none; } 

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(/css/images/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/css/images/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(/css/images/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(/css/images/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(/css/images/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(/css/images/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(/css/images/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(/css/images/resizable-ne.gif); }

.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.sortable li span { position: absolute; margin-left: -1.3em; }
 
#wmd-editor{}
#wmd-button-bar{width: 100%;	background-color: #fff;}
#wmd-input {width: 100%;background-color: #f8f8f8; border: 1px solid #666;}
#wmd-preview{	} 
#wmd-output{}
#wmd-button-row{position: relative;margin-left: 5px;margin-right: 5px;margin-bottom: 5px;margin-top: 10px;padding: 0px;height: 20px;}
.wmd-spacer{width: 1px;height: 20px;margin-left: 14px; position: absolute;background-color: Silver;display: inline-block;list-style: none;}
.wmd-button{width: 20px;height: 20px;margin-left: 5px;margin-right: 5px; position: absolute;background-image: url(/css/images/wmd-buttons.png);background-repeat: no-repeat;background-position: 0px 0px;display: inline-block;list-style: none;} 
.wmd-button > a{width: 20px;height: 20px;margin-left: 5px;margin-right: 5px; position: absolute;display: inline-block;}
 
/* sprite button slicing style information */
#wmd-button-bar #wmd-bold-button {left: 0px; background-position: 0px 0;}
#wmd-button-bar #wmd-italic-button {left: 25px; background-position: -20px 0;}
#wmd-button-bar #wmd-spacer1 {left: 50px;}
#wmd-button-bar #wmd-link-button {left: 75px; background-position: -40px 0;}
#wmd-button-bar #wmd-quote-button {left: 100px; background-position: -60px 0;}
#wmd-button-bar #wmd-code-button {left: 125px; background-position: -80px 0;}
#wmd-button-bar #wmd-image-button {left: 150px; background-position: -100px 0;}
#wmd-button-bar #wmd-spacer2 {left: 175px;}
#wmd-button-bar #wmd-olist-button {left: 200px; background-position: -120px 0;}
#wmd-button-bar #wmd-ulist-button {left: 225px; background-position: -140px 0;}
#wmd-button-bar #wmd-heading-button {left: 250px; background-position: -160px 0;}
#wmd-button-bar #wmd-hr-button {left: 275px; background-position: -180px 0;}
#wmd-button-bar #wmd-spacer3 {left: 300px;}
#wmd-button-bar #wmd-undo-button {left: 325px; background-position: -200px 0;}
#wmd-button-bar #wmd-redo-button {left: 350px; background-position: -220px 0;}
#wmd-button-bar #wmd-help-button {right: 0px; background-position: -240px 0;}
 
.wmd-prompt-background{background-color: Black;} 
.wmd-prompt-dialog{
	border: 1px solid #999999;
	padding : 10px;
	text-align : left;
	background-color: #F5F5F5;
} 
.wmd-prompt-dialog > div {} 
.wmd-prompt-dialog > form > input[type="text"] {border: 1px solid #999999;color: black;}
.wmd-prompt-dialog > form > input[type="button"]{border: 1px solid #888888;font-weight: bold;}
 	
/***********************************************************
 * color box plugin
 ***********************************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:transparent;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/css/images/colorbox_controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/css/images/colorbox_controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/css/images/colorbox_loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/css/images/colorbox_controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}

/************************************************************
 * datepicker plugin
 ************************************************************/
 
div.datepicker {	position: relative;	font-size: 12px;	width: 196px;	position: absolute;	cursor: default;	top: 0;	left: 0;	display: none;}
.datepickerContainer {	border : 1px solid #eee;	background: #00b0d9;	padding : 5px;}
.datepickerHidden {	display: none;}
div.datepicker table {	border-collapse:collapse;}
div.datepicker a {	color: #fefefe;	text-decoration: none;	cursor: pointer;	outline: none;}
div.datepicker table td {	text-align: right;	padding: 0;	margin: 0;}
div.datepicker th {	text-align: center;	color: #efefef;	font-weight: normal;}
div.datepicker tbody th {	text-align: left;}
div.datepicker tbody a {	display: block;	cursor: pointer;}
.datepickerDays a {	width: 20px;	line-height: 16px;	height: 16px;	padding-right: 2px;	cursor: pointer;}
.datepickerYears a,.datepickerMonths a{	width: 44px;	line-height: 36px;	height: 36px;	text-align: center;	cursor: pointer;}
td.datepickerNotInMonth a {	color: #efefef;	}
tbody.datepickerDays td.datepickerSelected{	background: #136A9F;}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {	background: #17384d;}
tbody.datepickerYears td.datepickerSelected,tbody.datepickerMonths td.datepickerSelected{	background: #17384d;}
div.datepicker a:hover,div.datepicker a:hover {	color: #88c5eb;}
div.datepicker td.datepickerNotInMonth a:hover {	color: #999;}
div.datepicker tbody th {	text-align: left;}
.datepickerSpace div {	width: 20px;}
.datepickerGoNext a,.datepickerGoPrev a,.datepickerMonth a {	text-align: center;	height: 20px;	line-height: 20px;}
.datepickerGoNext a {	float: right;	width: 20px;}
.datepickerGoPrev a {	float: left;	width: 20px;}
table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears {	display: none;}
table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW {	display: none;}
table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW {	display: none;}
td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a{	color: #333;}
td.datepickerDisabled a:hover {	color: #333;}
td.datepickerSpecial a {	background: #700;}
td.datepickerSpecial.datepickerSelected a {	background: #a00;}


.loadmask {    display : block ; z-index: 10000;    position: absolute;    top:0;    left:0;    -moz-opacity: 0.5;    opacity: .50;    filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";   background-color: #000; width : 100%; height: 100%; zoom:1;}
.loadmask-msg {    z-index: 20001;    position: absolute;    top: 0;    left: 0;    border:1px solid #00b0d9;    background: #87d5e7;    padding:2px;}
.loadmask-msg div {    padding:5px 10px 5px 25px;    background: #fbfbfb url('/css/images/radar.gif') no-repeat 5px 5px;    line-height: 16px;	border:1px solid #00b0d9;    color:#00b0d9;   font:normal 11px tahoma, arial, helvetica, sans-serif;    cursor:wait;}
.masked { overflow : hidden !important; }
.masked-relative {    position: relative !important;}
.masked-hidden {    visibility: hidden !important;}


.nofloat {float:none;}
.table {	border:1px solid #CCCCCC;	clear:both;	float:left;	font-size:1em;	margin-bottom:10px;	margin-top:10px;	width:990px;}
.table .title th {	background:url("/css/images/scr_TopBoxbg1x25.gif") repeat-x scroll 0 0 transparent;	height:26px;	padding-left:10px;	text-align:left;	width:100%;}
.table .head {float:none;clear:both;color:#333333;font-size:1em;font-weight:bold;padding:0 0 6px;100%;	}
.table .head .hdfirst {	border-left:1px solid #FFFFFF;	border-right:0 none;}
.table .head .hdfirst, .table .head .hdmid {	background:url("/css/images/scr_2pxDiv2x26.gif") no-repeat scroll right top #E8F0F9;	padding:5px 5px 7px 10px;}
.table .head .hdmid {	border-bottom:1px solid #EEEEEE; }
.table .head .hdlast {background:none repeat scroll 0 0 #E8F0F9;border-left:0 none;border-right:1px solid #FFFFFF;padding:5px 5px 7px 10px;}
.table .row0 td {	border-bottom:1px solid #EEEEEE;	padding:5px 5px 7px 10px;	vertical-align:top;}
.table .row1 td {background-color:#FAFAFA;border-bottom:1px solid #EEEEEE;padding:5px 5px 7px 10px;vertical-align:top;}
.tree ul , .tree li { height: auto !important;}


/* artview */

.tag-stream-wrapper { 
	border:0;
	padding:0;
	margin : 0; 
	border : 1px solid #ccc;
	position : relative; 
	top : -1px;
	z-index : 0;
	width : 228px; 
	height : auto !important;
}
