@charset "utf-8";
/* CSS Document */

div#artBox{
	position:absolute;
	width:745px;
	height:390px;
	left:213px;
	top:49px;

}

/********************
*	ArtMenu display Settings
**********************/
div#artWorkMenuBox{
	position:absolute;
	width:180px;
	height:380px;
	top:45px;
	left:30px;

	
}

div#artWorkMenuContentBox{
	position:relative;

}

div#artWorkMenuBox a{
	text-decoration:none;
	color:#000000;
}


div#artWorkMenuTitle{

	margin-left:19px;
	font-size:19px;

}

div.Marker{
	background-image:url(../Design/artMenu_square.gif);
	background-repeat:no-repeat;
	width:13px;
	float:left;
	
}

span.Level1{
	font-size:15px;
	font-weight:bold;
}

div.Level1{
	position:relative;

	margin-top:9px;
	margin-bottom:0px;
	
	cursor:pointer;
	
}

span.Level2{
	font-size:13px;
	font-weight:bold;
}

div.Level2{
	position:relative;
	margin-top:5px;
	margin-bottom:0px;
	line-height:13px;
	
	cursor:pointer;
	
}

span.Level3{
	font-size:13px;
	font-weight:normal;
}

div.Level3{
	position:relative;
	margin-top:5px;
	margin-bottom:0px;
	
	cursor:pointer;
}

option.Level1{

}

option.Level2{
	color:#787878;
}

option.Level3{
	color:#B4B4B4;
}


img.Marker{
	width:13px;
	height:13px;
	
	border:none;
}

a#newCategoryLink{
	position:absolute;
	bottom:5px;
	font-size:12px;
	font-weight:bold;
}

a#newCategoryLink:hover{
	text-decoration:underline;
}

/**************************
*	Category display settings
***************************/

div#detailsBox{
	position:absolute;
	width:175px;
	height:280px;
	top:0px;
	left:0px;
	
}

div#artDescription{
	position:relative;
	width:170px;
	height:290px;
	margin-left:20px;
	padding-right:5px;
	overflow:auto;
	
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #DFEB5D;
	scrollbar-face-color: #DFEB5D;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-shadow-color: #F2F2F2;
	scrollbar-track-color: #F2F2F2;
}


div#artPreview{
	position:absolute;
	width:500px;
	height:310px;
	
	top:0px;
	left:197px;
	
	border-left:#B4B4B4 1px solid;
	
		
	cursor:pointer;


}

div.Thumbnail{
	position:absolute;
	width:142px;
	height:142px;
	border:#B4B4B4 1px solid;
	vertical-align:middle;
	
	cursor:pointer;
	


}

img.Thumbnail{
	position:absolute;
	border:none;

}

a.Thumbnail{
}

div#thumbBox_0{
	top:0px;
	left:21px;
}

div#thumbBox_1{
	top:0px;
	left:187px;
}

div#thumbBox_2{
	top:0px;
	left:353px;
}

div#thumbBox_3{
	top:163px;
	left:21px;
}

div#thumbBox_4{
	top:163px;
	left:187px;
}

div#thumbBox_5{
	top:163px;
	left:353px;
}

/**************************
*	Work display settings
***************************/

div#imageBox{
	position:absolute;
	width:478px;
	height:306px;

	top:0px;
	left:23px;
	
		
	vertical-align:middle;
	
	border:#B4B4B4 1px solid;
	
	overflow:hidden;


}

img#artImage{
	position:relative;
	border:none;

}

a#sendMailLink{
	position:absolute;
	right:0px;
	top:310px;
}

img#sendMail{
	border:none;
}

div#thumbnailBox{
	position:absolute;
	width:142px;
	height:142px;
	
	top:0px;
	left:15px;
	
	border:#B4B4B4 1px solid;
}

div#workDetails{
	position:absolute;
	width:175px;
	
	bottom:79px;
}

div#workTitle{
	text-align:right;
	font-size:12px;
	font-weight:bold;
	
	margin-top:10px;
}

div#workDescription{
	text-align:right;
	font-size:12px;
}	
	
div#workDetails input{
	width:169px;
}	

input#imageInput{
	position:absolute;
	width:250px;
	top:285px;
	left:0px;
}

input#thumbnailInput{
	position:absolute;
	width:150px;
	top:150px;
	left:0px;
}

a#newArtWork{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

a#newArtWork:hover{
	text-decoration:underline;
}


div#slideButtons{
	position:relative;
	width:175px;
	height:12px;
	text-align:right;


}

a#slideLeft{
	position:absolute;
	right:19px;
}

a#slideRight{
	position:absolute;
	right:0px;
}


img.Arrow{
	border:none;
}

/**************************
*	Editing display settings
***************************/



div#editMenuLine{
	position:absolute;
	width:500px;
	height:80px;
	top:310px;
	left:197px;

}

div#artButtons{
	position:absolute;
	left:540px;
	top:360px
}

div.Column{
	float:left;
	margin-left:20px;
}

div.Field{
	position:relative;
	margin-top:5px;
	height:25px;
	width:200px;

}

input.Field{
	position:absolute;
	left:70px;
	width:119px;

}

div#customXL{
	font-size:11px;
	height:11px;
}

select#relationList{
	position:absolute;
	left:70px;
	width:125px;
	
}

input#weightField{
	width:25px;
}

/********************************
*	Big Image Display Box
*********************************/

div#bigDisplay{
	position:absolute;
	width:960px;
	height:600px;
	top:-208px;
	left:-213px;

	z-index:100;
	
	cursor:pointer;
	
	background-image:url(../Design/bigBack_pixel.gif);
	background-repeat:repeat-y;
	
	text-align:center;
	
	overflow:auto;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #DFEB5D;
	scrollbar-face-color: #DFEB5D;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-shadow-color: #F2F2F2;
	scrollbar-track-color: #F2F2F2;
	
}

img#artBigImage{
	margin-top:31px;
	border:#B4B4B4 1px solid;
}
