/* GENERAL CONTENT ************************************************/
/* Look Types */
.collection {
	position: relative;
	height: 53px;
	width: 110px;
	float:left;
	background-repeat: no-repeat;
	background-position: center;
}
.collection a {
	position: absolute;
	top: 20px;
}
.collection a.right {
	right: 0;
}
.collection-glamour {
	background-image: url(/media/fashiown/image/content/illustration/look/logo/104x50/glamour.png);
}
.collection-ethnic {
	background-image: url(/media/fashiown/image/content/illustration/look/logo/104x50/ethnique.png);
}
.collection-working-girl {
	background-image: url(/media/fashiown/image/content/illustration/look/logo/104x50/workinggirl.png);
}
.collection-street-wear {
	background-image: url(/media/fashiown/image/content/illustration/look/logo/104x50/streetwear.png);
}
.collection-navigable {
	width: 150px;
}

/* Refusal Reason */
.refusal-reason {
	font-style: italic;
}

/* SPECIFIC CONTENT ************************************************/


/* ANNOUNCEMENT **************************/
#announcement div.status {
	position: absolute;
	width: 490px;
	left: 27px;
	top: 29px;
	line-height: 23px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #9E9287;
}
#announcement #statusBar {
	display: inline;
	margin-left: 6px;
}
#announcement #statusBarEdit {
	display: inline-block;
	margin-left: 6px;
	*margin-left: 0;
}
#announcement #statusBarEdit button {
	*position: relative;
	*top: -5px;
}
#announcement em {
	font-size: 20px;
	font-style: normal;
}
#announcement table.module {
	position: absolute;
	width: 400px;
	right: 17px;
	top: 24px;
	font-size: 13px;
}
#announcement table.module table {
	border-collapse: collapse;
}
#announcement table.module table td {
	vertical-align: top;
	line-height: 16px;
}
#announcement table.module h2 {
	float: left;
	display: block;
	height: 26px;
	padding-right: 4px;
}
#announcement table.module ul {
	margin-top: -2px;
}
#announcement table.module ul li {
	height: 14px;
	overflow: visible;
}
#announcement table.module ul li a.action {
	margin-top: 4px;
}
#announcement table.module span.icon {
	font-weight: bold;
}

/* COLS **************************/
table.cols {
	table-layout: fixed;
}

/* Summary */
#summary {
	margin-top: -4px;
}
#summary table.general {
	position: relative;
	width: 480px;
	margin-left: 15px;
	height: 120px;
	table-layout: fixed;
	font-weight: bold;
}
#summary table.sub {
	width: 100%;
}
#summary td.col tr.row {
	height: 20px;
}
#summary td.col tr.row td {
	height: 19px;
	border-bottom: 1px solid #ece4db;
	vertical-align: middle;
	text-align: left;
}
#summary td.col tr.row-0 td {
	height: 36px;
}
#summary td.col tr.row-0 .left {
	float: left;
}
#summary td.col tr.row-0 .right {
	float: right;
}
#summary td.col tr.row h1 {
	text-transform: none;
	text-align: left;
	line-height: 32px;
	color: #E7812E;
	font-weight: normal;
}
#summary td.col tr.row b {
	float: left;
	letter-spacing: 0.4px;
}
#summary td.col tr.row span.value {
	float: right;
}
#summary td.col tr.row div.gauge {
	margin-top: 4px;
}
#summary td.col tr.row div.medium {
	text-align: left;
}
#summary td.separator {
	width: 21px;
}
#summary td.separator div {
	margin-left: 10px;
	margin-right: 10px;
	width: 1px;
	height: 127px;
	background-color: #d0c8c0;
}
#summary td.col tr.row div.collection {
	width: 100%;
}

/* Internal News */
#internal-news {
	display: block;
	margin-top: 15px;
}

#internal-news h1 {
	font-size: 32px;
}

#internal-news h1,
#internal-news h1 span {
	display: block;
	width: 256px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	text-transform: inherit;
}
#internal-news span.longtext {
	font-size: 11px;
	font-weight: bold;
}
#internal-news span a {
	color: #3C3026;
	text-decoration: underline;
}

/* Notebook */
#notebook {
	position: absolute;
	width: 446px;
	height: 190px;
	right: -23px;
	top: -174px;
	clip: rect(31px auto auto 417px);
	z-index: 0;
}
#notebook ul.tab-style-0 {
	width: 382px;
	margin: 0 8px;
}
#notebook ul.tab-style-1 {
	position: absolute;
	width: 47px;
	right: 0;
	top: 31px;
}
#notebook ul.tab-style-1 li {
	cursor: pointer;
}
#notebook table.module {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 399px;
}
#notebook table.module tbody td.center {
	height: 146px;
}
#notebook button {
	position: absolute;
	right: 54px;
	bottom: 9px;
}
#notebook button span.center span span {
	padding: 0 39px;
}
#notebook.selected {
	clip: rect(auto auto auto auto);
	z-index: 600;
}
#notebook.selected ul.tab-style-1 li {
	background-position: 0 -146px;
}
#notepad table td div textarea.text {
	height: 110px;
	font-size: 12px;
	color: #6E6255;
	background-color: transparent;
	border: 0 none;
}

/* Tutorial */
#customTutorial {
	position: absolute;
	width: 448px;
	min-height: 166px;
	_height: 166px;
	right: -23px;
	_right: -24px;
	top: 85px;
	clip: rect(7px auto 152px 419px);
	z-index: 0;
}
#customTutorial ul.tab-style-4 {
	position: absolute;
	width: 62px;
	right: 0;
	top: 7px;
}
#customTutorial ul.tab-style-4 li {
	cursor:pointer;
}
#customTutorial table.module,
#customTutorial table.module table {
	position: relative;
	left: 0;
	top: -3px;
	width: 401px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}
#customTutorial table.module img {
	float: left;
	margin-top: 8px;
	margin-left: -8px;
}
#tutorial-text {
	float: right;
	width: 250px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#tutorial-text h1 {
	font-size: 18px;
	text-transform: none;
}
#tutorial-text h2 {
	font-size: 18px;
	font-weight: normal;
}

#customTutorial.selected {
	clip: rect(-3px auto auto auto);
	z-index: 700;
}
#customTutorial.selected ul.tab-style-4 li {
	background-position: 0 -146px;
}

#customTutorial #tuto-goal {
	font-weight: bold;
	width: 250px;
}
#customTutorial #tuto-goal,#customTutorial  #action-end {
	margin-top: 15px;
}

#customTutorial #hide-tuto {
	clear: both;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
}
#customTutorial #hide-tuto a {
	color: #E7812E;
}

#customTutorial #tutorial-text.finished-step p {
	color: #D2C5B6;
}

#customTutorial #tutorial-text.finished-step #tuto-goal span {
	/*color: #D2C5B6;*/
	text-decoration: line-through;
	background: url(/media/fashiown/image/content/icon/24x24/6.png) 0 0 no-repeat;
	padding-left: 28px;
}


/** module-style-0-1 text styles **/
table.module-style-0-1 .color-style-model {
	color: #ea005f;
}
table.module-style-0-1 .color-style-stylist {
	color: #299FCC;
}
table.module-style-0-1 .color-style-agency {
	color: #CC9929;
}
span.alert {
	background: url(/media/fashiown/image/library/icon/popup/0.png) no-repeat;
	padding-left: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	display :block;
}

table.module-style-0-2 h2 {
	font-size:26px;
	font-weight:normal;
}

#customize {
	left:10px;
}

#customize table {
	border: 0 none;
}
#customize-result {
	clip:rect(0px, 285px, 593px, 0px);
	right:-20px;
	top: -20px;
}
#customize button {
	margin-right: 380px;
}