/* Skype MyShow CSS Document */

body {
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #FFF url(../images/header_bg.gif) repeat-x;
}

.line {
	width: 100%;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	border-top: 1px solid #DBDDDF;
}


#header {
	margin: 0px auto 10px auto;
	width: 750px;
	height: 80px;
}

#logo {
	float: left;
	clear: both;
	width: 137px;
	height: 80px;
	background: url(../images/skype_logo.gif) no-repeat;
}

#body {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	height: auto;
	overflow: hidden;
}

#left { 
	float: left;
	width: 180px;
	height: auto;
	overflow: hidden;
}

#menu {
	margin-bottom: 10px;
	width: 100%;
	height: 395px;
	background: url(../images/menu_bg.gif) repeat-y;
}

#menu_top {
	width: 100%;
	height: 5px;
	font-size: 0px;
	line-height: 5px;
	background: url(../images/menu_top.gif) no-repeat;
}

#menu_bottom {
	width: 100%;
	height: 6px;
	font-size: 0px;
	line-height: 6px;
	background: url(../images/menu_bottom.gif) no-repeat;
}

#menu_list {
	padding-top: 30px;
	width: 100%;
	height: 354px;
}

#menu_list a {
	display: block;
	width: 100%;
	height: 33px;
	font-weight: bold;
	color: #0083B3;
	text-decoration: none;
	line-height: 33px;
}

#menu_list .group {
	position: relative;
	margin: 0px 1px;
	height: 33px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 33px;
	
}

#menu_list .group_active {
	position: relative;
	margin: 0px 1px;
	height: 33px;
	font-size: 14px;
	color: #00AFF0;
	line-height: 33px;
	background: url(../images/menu_group_active_bg.gif);
}

#menu_list .icon {
	position: absolute;
	top: 0px;
	left: 15px;	
}

#menu_list .group a {
	color: #FFF;
	background: url(../images/menu_group_bg.gif);
}

#menu_list .group a:hover {
	color: #FFF;
	background: url(../images/menu_group_hover_bg.gif);
}

#menu_list .active {
	color: #000;
}

#content {
	position: relative;
	float: right;
	width: 554px;
	height: auto;
	overflow: hidden;
}

#title {
	padding-bottom: 4px;
	width: 100%;
	height: 25px;
	background: url(../images/title_bg.gif) repeat-x;
}

.ddp #title {
	padding-bottom: 8px;
}

#title_left {
	float: left;
	width: 6px;
	height: 25px;
	background: url(../images/title_left.gif) no-repeat;
}

#title_right {
	float: right;
	width: 5px;
	height: 25px;
	background: url(../images/title_right.gif) no-repeat;
}

#title_text {
	float: left;
	padding-left: 25px;
	width: auto;
	height: 25px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	line-height: 25px;
}

#avatar {
	float: left;
	width: 190px;
	height: 362px;
	background: url(../images/avatar_bg.gif) repeat-x;
}

#avatar_left {
	float: left;
	width: 5px; 
	height: 100%;
	background: url(../images/avatar_left.gif) no-repeat;
}

#avatar_right {
	float: right;
	width: 5px;
	height: 100%;
	background: url(../images/avatar_right.gif) no-repeat;
}

#avatar_tryon {
	float: left;
	width: 180px;
	height: 100%;
}

#avatar_finery {
	float: right;
	width: 355px;
	height: 362px;
}

#footer {
	margin: 10px auto;
	padding-top: 10px;
	width: 100%;
	height: 50px;
	background: url(../images/footer_bg2.gif) repeat-x;
}

#footer_content {
	margin: 0px auto;
	width: 750px;
	height: 50px;
	background: url(../images/footer_bg.gif) repeat-x;
}

#footer_copyright {
	margin: 8px auto;
	width: 330px;
	height: 50px;
	color: #525252;
	text-align: center;
	line-height: 20px;
}

#footer_left {
	float: left;
	width: 5px;
	height: 50px;
	background: url(../images/footer_left.gif) no-repeat;
}

#footer_right {
	float: right;
	width: 5px;
	height: 50px;
	background: url(../images/footer_right.gif) no-repeat;
}

#footer_text {
	float: left;
	padding-top: 1px;
	width: 740px;
	height: auto;
	line-height: 21px;
	text-align: center;
}

#footer_text a {
	margin: 0px 9px;
	color: #0083b3;
}

#footer_text span {
	line-height: 20px;
}

#footer_text .bold {
	font-weight: bold;
}

#footer_text .gary {
	color: #525252;
}

#pager {
	width: auto;	
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font: 12px "ËÎÌå";
	text-align: center;
}

#pager a, #pager span {
	margin: 0px 1px;
	padding: 0px 3px;
	width: auto;
	height: 16px;
	color: #000;
	text-decoration: none;
}

#pager .active {
	color: #FFF;
	font-weight: bold;
	background: #00AFF0;
}

#list {
	width: 100%;
	height: auto !important; height: 475px;
	min-height: 475px;
	background: #F4F8FA;
	overflow: hidden !important; overflow: visible;
}

.finery #list {
	display: block;
	height: 275px;
	min-height: 275px;
}

/* Misc List Styles */
.misc {
	padding: 18px 0px 5px 25px !important; padding: 18px 4px 5px 4px;
}

#list.misc .ware {
	position: relative;
	float: left;
	margin: 2px 19px;
	width: 131px;
	height: 152px;
}

#preview .ware {
	position: relative;
	float: left;
	margin: 2px 19px !important; margin: 2px 7px;
	width: 131px;
	height: 152px;
}

#list.misc .preview, #preview .preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 126px;
	height: 126px;
	border: 1px solid #C3C3C3;
	background: url(../demo/misc.jpg) no-repeat;
}

#list.misc  .preview:hover {
	border: 1px solid #07BCF3;
}

#list.misc .shadow, #preview .shadow {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 128px;
	height: 128px;
	background: #CDD0D2;
}

#list.misc .name, #preview .name {
	position: absolute;
	top: 131px;
	left: 0px;
	width: 131px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

/* Suit List Styles */
.suit {
	padding: 10px 0px 5px 18px !important; padding: 10px 4px 5px 4px;
}

#list.suit .ware {
	position: relative;
	float: left;
	margin: 7px 14px;
	width: 101px;
	height: 145px;
}

#list.suit .preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 140px;
	border: 1px solid #C3C3C3;
	background: url(../demo/avatar.jpg) no-repeat;
}

#list.suit  .preview:hover {
	border: 1px solid #07BCF3;
}

#list.suit .shadow {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 98px;
	height: 142px;
	background: #CDD0D2;
}

#list.suit .name {
	display: none;
}

/* Avatar List Styles */

body.finery {
	width: 355px;
	height: 362px;
	background: none;
	overflow: hidden;
}

.finery #pager {
	margin-right: 10px !important; margin-right: 5px;
}

.avatar {
	padding: 5px 0px 2px 12px !important; padding: 5px 4px 0px 0px;
}

#list.avatar span {
	display: block;
	margin-left: 0px !important; margin-left: 10px;
	margin-bottom: 4px !important; margin-bottom: 5px;
	color: #0083B3;
	text-align: left;
}

#list.avatar .ware {
	position: relative;
	float: left;
	margin: 4px 14px 3px 12px !important; margin: 4px 14px 3px 12px;
	width: 58px;
	height: 78px;
}

#list.avatar .preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../images/ware_border.gif) no-repeat;
}

#list.avatar  .preview:hover {
	background: url(../images/ware_border_hover.gif) no-repeat;
}

#list.avatar .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../demo/avatar2.jpg) no-repeat;
}

#list.avatar .name {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 56px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

/* Avatar Step Styles */

#step {
	padding: 4px 0px;
	width: 100%;
	height: 20px;
}

#step a, #step div {
	display: block;
	float: left;
	padding: 0px 3px;
	width: 48px;
	height: 20px;
	color: #000;
	text-decoration: none;
}

#step div {
	padding: 0px 12px;
	width: 61px;
	color: #0083B3;
	background: url(../images/step_bg_active.gif) no-repeat;
}

#step img {
	float: left;
	cursor: pointer;
}

#step div img {
	cursor: default;
}

#step span {
	display: block;
	float: left;
	padding-left: 4px;
	width: auto;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#step div span {
	cursor: default;
}

#subject {
	margin-top: 4px;
	width: 100%;
	height: 20px;
}

#subject.adjust {
	height: 8px;
}

#subject div {
	width: auto;
	height: 20px;
}

#subject div a, #subject div span {
	display: block;
	float: left;
	margin: 0px 5px;
	width: auto;
	height: 20px;
	color: #0083B3;
}

#subject div span {
	color: #000;
	text-decoration: underline;
	cursor: default;
}

#subject_03 {
	padding-left: 92px !important; padding-left: 90px;
}

/* Avatar Preview Styles */
#flash {
	margin: 10px auto 10px auto; 
	width: 164px; 
	height: 226px; 
}

#console {
	margin: 0px auto;
	padding-left: 6px;
	width: 166px; 
	height: 60px; 
}

#console a {
	display: block; 
	float: left;
	margin: 2px 8px 15px 2px;
	width: 72px; 
	height: 17px; 
	line-height: 17px; 
	color: #000; 
	text-decoration: none; 
	text-align: center; 
	background: url(../images/button_avatar_bg.gif) no-repeat;
}

#console a:hover {
	background: url(../images/button_avatar_bg_hover.gif) no-repeat;
}

#console a.small {
	display: block; 
	float: left;
	margin: 2px 2px 15px 2px;
	width: 49px; 
	height: 17px; 
	line-height: 17px; 
	color: #000; 
	text-decoration: none; 
	text-align: center; 
	background: url(../images/button2_avatar_bg.gif) no-repeat;
}

#console a.small:hover {
	background: url(../images/button2_avatar_bg_hover.gif) no-repeat;
}


#console select {
	float: left;
	width: 102px;
	margin: 0px 2px;
}

/* Install Styles */
#install .icon {
	float: left;
}

#install .content {
	float: left;
	width: 485px;
}

#install .text {
	float: left;
	margin: 10px;
	line-height: 22px;
}

#install #preview {
	float: left;
	margin-top: 10px;
	padding: 0px;
	width: 165px;
}

#install #form {
	float: right;
	margin-top: 10px;
	width: 320px;
}

#install #form div {
	float: left;
	margin-bottom: 8px;
	text-align: left;
}

#install #form div.gray {
	color: #909090;
}

#install #form div.blue {
	color: #0083b3;
}

#install #form input {
	font: 12px Arial, Helvetica, sans-serif;
	color: #909090;
}

#install .line {
	float: right;
	margin: 15px 0px;
	width: 95%;
}


/* Wink Styles */
.wink #menu {
	height: 351px;
}

.wink #menu_list {
	height: 310px;
}

#wink_preview {
	float: left;
	width: 219px;
	height: 306px;
}

#preview_top {
	width: 219px;
	height: 15px;
	background: url(../images/preview_header.gif) no-repeat;
}

#preview_content {
	width: 217px;
	height: 286px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background: #F2F2F2;
	border-top: 1px solid #F2F2F2;
}

#preview_bottom {
	width: 219px;
	height: 5px;
	line-height: 5px;
	background: url(../images/preview_bottom.gif) no-repeat;
	overflow: hidden;
}

#preview_content #flash {
	margin: 10px auto 0px auto;
	width: 205px;
	height: 262px;
}

#wink_ware {
	float: right;
	width: 329px;
	height: 306px;
}

/* Recommend List Style */

#recommend {
	float: left;
	clear: both;
	margin-top: 10px;
	width: 100%;
	height: 132px;
}

#recommend .title {
	width: 100%;
	height: 25px;
	background: url(../images/rcd_title_bg.gif);
}

#recommend .title_left {
	float: left;
	width: 5px;
	height: 25px;
	background: url(../images/rcd_title_left.gif);
}

#recommend .title_right {
	float: right;
	width: 5px;
	height: 25px;
	background: url(../images/rcd_title_right.gif);
}

#recommend .title_text {
	float: left;
	margin-left: 10px;
	width: auto;
	height: 25px;
	line-height: 25px;
	color: #FFF;
}

#recommend .content {
	width: 100%;
	height: 107px;
	background: url(../images/rcd_content_bg.gif);
}

#recommend .content_left {
	float: left;
	width: 4px;
	height: 107px;
	background: url(../images/rcd_content_left.gif);
}

#recommend .content_right {
	float: right;
	width: 4px;
	height: 107px;
	background: url(../images/rcd_content_right.gif);
}

#list.recommend {
	float: left;
	width: auto;
	height: 107px;
	min-height: 107px;
	background: none;
	overflow: hidden;
}

#list.recommend .ware {
	position: relative;
	float: left;
	margin: 12px 4px 0px 6px !important; margin: 12px 4px 0px 5px ;
	width: 58px;
	height: 78px;
}

#list.recommend .preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../images/ware_border.gif) no-repeat;
}

#list.recommend .preview_active {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/ware_mask_active.png");
	
}
html>body #list.recommend .preview_active {
	background-image: url(../images/ware_mask_active.png) no-repeat;
}


#list.recommend  .preview:hover {
	background: url(../images/ware_border_hover.gif) no-repeat;
}

#list.recommend .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../demo/avatar2.jpg) no-repeat;
}

#list.recommend .name {
	position: absolute;
	top: 65px;
	left: 0px;
	width: 56px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

/* Ware Styles */
body.warebody {
	width: 329px;
	height: 306px;
	background: none;
	overflow: hidden;
}

.warebody #list {
	display: block;
	padding-top: 10px;
	height: 268px;
	min-height: 268px;
}

#list.warelist .ware {
	position: relative;
	float: left;
	margin: 4px 0px 5px 7px !important; margin: 4px 2px 5px 4px;
	width: 58px;
	height: 78px;
}

#list.warelist .preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../images/ware_border.gif) no-repeat;
}

#list.warelist  .preview:hover {
	background: url(../images/ware_border_hover.gif) no-repeat;
}

#list.warelist .shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../demo/avatar2.jpg) no-repeat;
}

#list.warelist .name {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 56px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

#brand {
	margin-left: 4px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	display: inline;
	text-align: left;
}

#brand a {
	color: #00AFF0;
}

#brand span {
	color: #000;
}

#brand .vline {
	padding: 0px 3px;
	color: #00AFF0;
}

#more_brand {
	margin-top: 2px;
	float: right;
	width: 54px;
	color: #0083b3;
	font-weight: bold;
	background: url(../images/more_02.gif) top right no-repeat;
	cursor: pointer;
	
}

#more {
	position: absolute;	
	display: none;
	width: 77px;
	height: auto;
	top: 28px;
	right: 43px;
	background: #f5f5f5;
	overflow-y: hidden;
}

#more .border {
	padding-bottom: 3px;
	border: 1px solid #74a7b3;
	border-top: none;
}

#more a {
	border-bottom: 1px solid #dbdddf;
	display: block;
	height: 20px;
	line-height: 21px;
	background: #f5f5f5;
	color: #0083b3;
	text-align: center;
	text-decoration: none;
	overflow-y: hidden;
}

#more span {
	border-bottom: 1px solid #dbdddf;
	display: block;
	height: 20px;
	line-height: 21px;
	color: #000;
	text-align: center;
	background: #baf0ff;
	overflow-y: hidden;
}

#subjectbar {
	margin-bottom: 2px;
	padding-left: 5px;
	width: 100%;
	height: 20px;
	text-align: left;

}

#subjectbar a {
	color: #00AFF0;
}

#subjectbar span {
	color: #000;
}

#subjectbar .vline {
	padding: 0px 3px;
	color: #00AFF0;
}


/* ADs Styles */
#ads_header_banner {
	width: 580px;
	height: 80px;
	float: right;
}

#ads_left_button {
	width: 100%;
	height: 120px;
	background: #CCC;
}

/* Log Styles */
#log {
	position: absolute;
	visibility: hidden;
}