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


/* TEST */
.modal_windows > div {
	display:none;
}


/* MODAL WINDOW */
.o3_modal_window {
	width:500px; position:fixed; left:0; top:0; z-index:1001; background:#FFF; padding:20px;
}

.o3_modal_window .close_modal_button {
	position:absolute; right:0; top:0; width:24px; height:24px; border:none; background:url(imgs/close.png); cursor:pointer; margin:10px;
}


/* CURTAIN */
.curtain {
	position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;
}


/* MESSAGE */
/* DEFAULT */
.o3_message {
	position:fixed; left:10px; top:0px; padding:5px 10px; border-radius:0px 0px 10px 10px; background-color:#FEC; text-align:center; color:#333; z-index:10000; box-shadow:1px 1px 2px #666; display:none;
}

.o3_message a {
	color:#333; text-decoration:underline;
}
.o3_message a:hover {
	color:#666; text-decoration:underline;
}

.o3_message > div {
	position:relative; margin-left:30px;
}

.o3_message .icon {
	position:absolute; top:50%; margin-top:-8px; left:-30px;
}

/* ERROR */
.o3_message.error {
	background-color:#D11; color:#FFF;
}

.o3_message.error a {
	color:#FFF; text-decoration:underline;
}
.o3_message.error a:hover {
	color:#FFC; text-decoration:underline;
}

/* WARNING */
.o3_message.warning {
	background-color:#FC0;
}


/* PREPARE FORM */
input, textarea {
	 box-shadow:none;
}

.field_wrapper {
	display:inline-block; position:relative; z-index:99;
}

input.error, textarea.error {
	border:1px solid #D30;
}

.field_wrapper > .error_box {
	position:relative; height:0;
}

.field_wrapper > .error_box > .error_message {
	position:absolute; border:1px solid #666; padding:5px 10px; left:0; top:5px; background:#FEC; border-radius:5px; color:#333; white-space:nowrap;
}
.field_wrapper > .error_box > .error_message:before {
	content:""; position:absolute; border-style:solid; display:block; width:0; top:-9px; left:10px; border-width:0 9px 9px; border-color:#666 transparent;
}
.field_wrapper > .error_box > .error_message:after {
	content:""; position:absolute; border-style:solid; display:block; width:0; top:-8px; left:11px; border-width:0 8px 8px; border-color:#FEC transparent;
}
.no_float {
	float:none !important;
}


/* SCROLLER */
.o3_scroller {
    position:absolute; width:10px; height:10px; background-color:#4C778F; z-index:2; border-radius:5px; top:0; right:0; cursor:pointer; display:none;
}

.o3_scrollbar {
    position:absolute; width:2px; background-color:#969696; z-index:1; display:none;
}