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

/* /////////////////////////////////
/* BEGIN PREVIEW STYLE SHEET
// ////////////////////////////////*/

/* /////////////////////////////////
// Begin Edit Project Message
// ////////////////////////////////*/
#update_message {
	position: relative;
	background: #80DD00;
	text-align:center;
	color:#000000; 
	font-weight:bold;
	padding:4px;
}
.message_close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 16px;
	background: #000000;
	color: #A2FF00;
	font-size: 14px;
	font-weight: bold;
	border: 2px transparent solid;
	border-radius: 6px;
}
.message_close:hover {
	background: #80DD00;
	color: #000000;
	border: 2px #000000 solid;
	cursor: pointer;
}
.message_exit {
	position: absolute;
	width: 24px;
	height: 16px;
	background: #000000;
	border: 2px #660000 solid;
	border-radius: 6px;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.message_exit:hover {
	background-color:#CC0000;
	border: 2px #000000 solid;
	color: #FFFFFF;
	cursor: pointer;
}
.message_confirm {
	position: relative;
	top: -3px;
	left: -3px;
	width: 106%;
	height: 108%;
	background:#000000;
	text-align:center; 
	visibility:hidden;
	border-radius: 10px;
	font-size: 11px;
	font-weight: bold;
}

/* /////////////////////////////////
// Begin Large Image Area
// ////////////////////////////////*/
#preview {
	position: relative;
	background: url(../images/layout/0/image_load.gif) center no-repeat;
	height: 500px;
	margin: 10px;
}
#preview_large_image {
	position: relative;
	margin: auto;
	border-radius: 12px;
	background: center no-repeat;
}
.preview_control {
	position: relative;
	top: 0px;
	height: 500px;
	width: 150px;
	background: no-repeat center;
	cursor: pointer;
	z-index: 3;
	opacity:0.2;
		filter:alpha(opacity=20);
}
.preview_control:hover {
	opacity:1;
		filter:alpha(opacity=100);
}

/* /////////////////////////////////
// Begin Thumbnail Image Area
// ////////////////////////////////*/
#thumb_container {
	position: relative;
	overflow: hidden;
}
#thumbnails {
	position: relative;
	height: 80px;
	padding: 10px;
	padding-bottom: 20px;
}
.thumb_control {
	position: relative;
	top: 38px;
	height: 34px;
	width: 36px;
	background: no-repeat center;
	cursor: pointer;
	z-index: 3;
	opacity:0.4;
		filter:alpha(opacity=40);
}
.thumb_control:hover {
	opacity:1.0;
		filter:alpha(opacity=100);
}
.preview_thumb {
	position: absolute;
	background: no-repeat center;
	height: 80px;
	width: 120px;
	border: 2px solid transparent;
	border-radius: 10px;
}
.preview_box {
	position: absolute;
	background: transparent;
	height: 84px;
	width: 124px;
	padding: 2px;
	border: 2px solid transparent;
	border-radius: 12px;
	opacity:1.0;
		filter:alpha(opacity=100);
}
.preview_box:hover {
	border: 2px solid transparent; /*#999999;
	border-top-color:#FFFFFF;
	border-bottom-color: #000000;*/
	cursor: pointer;
	opacity:1.0;
		filter:alpha(opacity=100);
}
.preview_box_selected {
	position: absolute;
	background: no-repeat center;
	height: 84px;
	width: 124px;
	padding: 2px;
	border: 2px solid transparent; /*#54B500;
	border-top-color:#A2FF00;
	border-bottom-color: #000000;*/
	border-radius: 12px;
	opacity:1.0;
		filter:alpha(opacity=100);
}
.preview_box_selected:hover {
	cursor: pointer;
}
.preview_addImage {
	background-color: #111111;
	background-image: url(../images/layout/0/common_icon_addImg.gif);
}
.preview_select_thumb {
	position: absolute;
	width: 24px;
	height: 16px;
	bottom: -8px; 
	right: -8px;
	background: #000000 url(../images/layout/0/common_icon_thumb_over.gif) no-repeat center left;
	border: 1px #80DD00 solid;
	border-radius: 4px;
	color: #A2FF00;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.preview_non_thumb {
	background: #000000 url(../images/layout/0/common_icon_thumb.gif) no-repeat center left;
	border: 1px #666666 solid;
	color: #666666;
	opacity:0.7;
		filter:alpha(opacity=70);
}
.preview_non_thumb:hover {
	background-image: url(../images/layout/0/common_icon_thumb_over.gif);
	border: 1px #80DD00 solid;
	color: #000000;
	cursor: pointer;
	opacity:1.0;
		filter:alpha(opacity=100);
}

/* /////////////////////////////////
// Begin Status Area
// ////////////////////////////////*/
#status_break {
	position: relative;
	height: 50px;
	width: 100%;
}
#status_area {
	position: relative;
	margin: auto;
	width: 550px;
}
#status_hide {
	position: relative;
	float: left;
	width: 250px;
	height: 40px;
	text-align: center;
}
.status_hide_btn {
	width: 80px;
	background: #000000;
	color: #CCCCCC;
	font-weight: bold;
	padding: 8px;
	border: 2px solid transparent;
	border-radius: 8px;
	cursor: pointer;
}
.status_hide_btn_selected {
	width: 80px;
	background: #000000;
	color: #A2FF00;
	font-weight: bold;
	padding: 8px;
	border: 2px solid #409700;
	border-top-color:#A2FF00;
	border-bottom-color: #000000;
	border-radius: 8px;
	cursor: pointer;
}
.status_hide_btn_over {
	width: 80px;
	background: #000000;
	color: #A2FF00;
	font-weight: bold;
	padding: 8px;
	border: 2px solid #777777;
	border-top-color:#FFFFFF;
	border-bottom-color: #000000;
	border-radius: 8px;
	cursor: pointer;
}
#status_wip {
	position: relative;
	float: right;	
	width: 260px;
	height: 40px;
	/*background: #330033;*/
	text-align: center;
}

/* /////////////////////////////////
// Begin Info Area
// ////////////////////////////////*/

#info {
	position: relative;
	width: 100%;
	padding: 10px;
	font-size: 12px;
}
#info_title {
	position: relative;
	top: 0px;
}

/* /////////////////////////////////
// Begin Delete Area
// ////////////////////////////////*/
.black_trans {
	position: absolute;
	background: #000000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity:0.8;
		filter:alpha(opacity=80);
	z-index: 5;
}
#disable_proj {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
#delete_proj {
	position: relative;
	margin: auto;
	width: 100px;
	padding-top: 20px;
	text-align: center;
}
#delete_proj_btn {
	margin: auto;
	width: 150px;
	background: #AA0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10px;
	border: solid 2px #660000;
	border-radius: 6px;
	padding: 2px 8px 2px 8px;
}
#delete_proj_btn:hover {
	background: #330000;
	color: #FF0000;
	cursor: pointer;
}
#delete_proj_confirm {
	position: relative;
	margin: auto;
	width: 280px;
	top: 50px;
	padding: 10px;
	text-align: center;
	background: #000000;
	border: solid 2px #660000;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	border-radius: 8px;
	z-index: 6;
}

/* INFO EDIT STYLES */
/* ------------------- */
/* edit buttons */
.info_edit_icon {
	position: absolute;
	float: left;
	background: url(../images/layout/0/common_icon_edit.gif) no-repeat left center #222222;
	padding: 2px;
	padding-left: 24px;
	height: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	opacity:0.4;
		filter:alpha(opacity=40);
}
.info_edit_icon:hover {
	background: url(../images/layout/0/common_icon_edit_over.gif) no-repeat left center transparent;
	border: 1px solid #54B500;
	border-top-color:#A2FF00;
	border-bottom-color: #000000;
	opacity:1.0;
		filter:alpha(opacity=100);
	cursor: pointer;
}

.info_edit_label {
	margin-left: 10px;
	color: #A2FF00;
	padding: 2px 10px 0px 10px;
	border: 1px solid #54B500;
	border-top-color:#A2FF00;
	border-bottom-color: #000000;
	border-radius: 4px;
	visibility: hidden;
}

.info_edit_input {
	background:#000000; 
	border: 1px solid #222222;
	border-radius: 6px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	color: #A2FF00;
	font-weight: bold;
}
.info_edit_input:focus {
	background-color:#111111;
	border: 1px solid #54B500;
	border-top-color:#A2FF00;
	border-bottom-color: #335B00;
	color: #FFFFFF;
	outline: none;
}
.info_edit_btn {
	background: #000000 no-repeat center left;
	background-position: 6px 50%;
	border: 1px solid #222222;
	color: #A2FF00;
}
.info_edit_btn:hover {
	background-color: #111111;
	border: 1px solid #54B500;
	border-top-color:#A2FF00;
	border-bottom-color: #335B00;
	color: #EEEEEE;
}
.info_edit_cancel {
	background: #000000 no-repeat center left;
	background-position: 6px 50%;
	border: 1px solid #222222;
	color: #CC1111;
}
.info_edit_cancel:hover {
	background-color: #111111;
	border: 1px solid #990000;
	border-top-color:#FF0000;
	border-bottom-color: #660000;
	color: #EEEEEE;
}

/* INFO TEXT STYLES */
/* ------------------- */
#info_title {
}

#info_tools {
}

#info_descr {
	width: 760px;
}