$min_page_w: 1000px;

body
{
	background: url($image_dir + 'main_bg.png') repeat-y center top $exam_def_bg;
	//display: none;
}


@include placeholder_root;

#body
{
	min-height: 100%;
	width: $min_page_w;
	margin: 0 auto;
	position: relative;
	background-color: $exam_footer_def_bg;

	#main_block {
		padding: 20px 15px 20px 40px;
		background: $content_bg;
	}

	#middle_block {
		background: white;
	}

	#content_wrapper {
		background-color: white;
		padding: 25px;
	}

	#path {
		margin: 0 0 10px 0;
	}

	#title
	{
		overflow: hidden;

		h1 {
			margin: 0 0 10px 0;
			background-color: #a7000c;
			padding: 1px 2px;
			color: white;
			font-family: Tahoma;
			font-size: 14px;
			float: left;
		}

		.inner_title > .cke_skin_v2 { width: 100% !important; }

		&.__editing .inner_title {
			float: none;

			> div { float: none; width: 100%; }
		}
	}
}

#site_hat
{
	background: $content_bg;
	position: relative;
	zoom: 1;

	.tab_button
	{
		$h: 31px;
		float: left;
		height: $h;
		cursor: pointer;
		background: url($image_dir + 'tab_button_left.png') no-repeat;

		.tab_button_wrapper {
			background: url($image_dir + 'tab_button_right.png') right 0 no-repeat;
			padding: 0 3px;
			display: block;
		}

		.tab_button_content {
			background: url($image_dir + 'tab_button_bg.png') repeat-x;
			padding: 7px 15px 0;
			height: $h - 7px;
			display: block;
			color: white;
			font-family: Tahoma;
			text-align: center;
			display: block;

			.tab_button_link {
				@include link( white, true );
			}
		}

		&:hover {
			background-image: url($image_dir + 'tab_button_left_hover.png');

			.tab_button_link { border-bottom-color: transparent; }
			.tab_button_wrapper { background-image: url($image_dir + 'tab_button_right_hover.png'); }
			.tab_button_content { background-image: url($image_dir + 'tab_button_bg_hover.png'); }
		}

		&.register_button {
			.tab_button_link { margin: 0 5px 0 0; }
		}
	}

	.control_row
	{
		overflow: hidden;
		padding: 5px 23px 0;
		font-size: 14px;

		.login_key {
			background: url($image_dir + 'login_key.png') no-repeat;
			float: left;
			width: 17px;
			height: 11px;
			margin: 3px 10px 0 0;
		}

		.register_label {
			float: left;
		}

		.lang_panel {
			text-align: center;
			margin: 0 0 0 372px;

			.module_exam & { margin: 0 0 0 312px; }

			.lang_button
			{

				a {
					font-size: 0.9em;
					color: white;
					@include link( white );
				}

				&:hover {
					a { @include unlink; }
				}
			}
		}

		.reg_panel {
			float: right;
			overflow: hidden;
		}

		.user_label {
			padding: 3px 0 0 0;
		}

		.user_welcome {
			float: left;
			margin: 6px 5px 0 0;
		}

		.user_name_link {
			@include unlink;
			color: white;
		}

		.logout_button {
			background: url($image_dir + 'logout_button.png') no-repeat;
			width: 22px;
			height: 16px;
			float: left;
			margin: 6px 0 0 6px;
			@include unlink;

			&:hover { background-image: url($image_dir + 'logout_button_hover.png'); }
		}
	}

	.middle_row
	{
		border-top: 4px solid #7dba00;
		border-bottom: 5px solid #7dba00;
		background-color: #53ae2e;
		margin: 0 1px;
		min-height: 77px - 9;
		background: url($image_dir + 'hat_line.png') right no-repeat;
		//width: 998px;
		height: 77px;
	}

	.logo {
		background: url($exam_image + 'logo.png') no-repeat;
		display: block;
		position: absolute;
		width: 191px;
		height: 104px;
		top: 30px;
		left: 41px;

		@include unlink;
	}

	#site_help
	{
		$h: 77px;
		$w: 400px;
		$boy_w: 70px;

		font-family: Times New Roman;
		font-weight: bold;
		font-size: 25px;
		line-height: 85%;
		color: white;
		float: left;
		margin: 0 0 0 333px;
		padding: 0;
		height: $h;
		width: $w - $boy_w;
		position: relative;
		padding: 0 0 0 $boy_w;
		border: 2 px solid red;

		.module_exam & {
			padding-left: 0;
			width: $w;

			.sh_boy { display: none; }
		}

		.sh_boy {
			background: url( $exam_image + 'hat_boy.png' ) no-repeat;
			width: 101px;
			height: 99px;
			display: block;
			position: absolute;
			left: -28px;
			top: -22px;
		}

		.sh_wrapper {
			display: table-cell;
			width: $w;
			height: $h;
			vertical-align: middle;
			text-align: center;

			a {
				@include link( white );
			}
		}
	}

	#{$IE_7} & .sh_wrapper
	{
		position: relative;
		display: block;

		.sh_inner {
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;

			> span {
				position: relative;
				top: -50%;
			}
		}
	}

}

#exam_footer
{
	background-color: $exam_def_bg;

	.link_row {
		color: white;
		font-size: 16px;
		font-family: Tahoma;
		padding: 20px 80px;

		.link {
			color: white;
			border-color: white;
			margin: 0 10px;
		}
	}

	.copyright_row {
		color: #3f3f3f;
		font-family: Times New Roman;
		font-size: 12px;
		margin: 0 50px;
		padding: 8px 40px 6px;
		text-align: right;
		background-color: #e6e6e6;
	}
}

#admin_button {
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 5px;

	&:hover {
		@include alpha(30);
		background: green;
		border: 3px solid (green - #222);
	}
}

$h: 526px;
$w: 500px;
$r_w: 53px;
$sw_bg_color: #d21b22;
$zindex: 9;

#slide_dark {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: $zindex;
}

#slide_window
{
	height: $h;
	width: $w;
	position: fixed;
	left: - $w + $r_w + 13px;
	top: 50%;
	margin: ( - $h / 2 ) 0 0 0;
	z-index: $zindex + 1;


	.wr_right
	{
		float: right;
		width: $r_w;

		$top_h: 23px;
		.wr_top {
			width: $r_w;
			height: $top_h;
			background: url($image_dir + 'window_top_right.png') no-repeat;
		}

		$bottom_h: 26px;
		.wr_bottom {
			width: $r_w;
			height: $bottom_h;
			background: url($image_dir + 'window_right_bottom.png') no-repeat;
		}

		.wr_middle {
			width: $r_w;
			height: $h - $bottom_h - $top_h;
			background: url($image_dir + 'window_right_middle.png') repeat-y;
		}
	}

	.wr_center
	{
		width: $w - $r_w;

		$top_h: 10px;
		.wc_top {
			height: $top_h;
			background-color: $sw_bg_color;
		}

		$bottom_h: 12px;
		.wc_bottom {
			height: $bottom_h;
			background: url($image_dir + 'window_bottom.png') repeat-x;
		}

		.wc_middle {
			height: $h - $bottom_h - $top_h;
			width: $w - $r_w;
			background-color: white;

			.normal_content {
				padding: 20px;
				width: $w - $r_w - ( 20px * 2 );
				height: $h - $bottom_h - $top_h - ( 20px * 2 );
				overflow-x: hidden;
				overflow-y: auto;
				text-overflow: ellipsis;
			}
		}
	}

	#sw_slide_button {
		$sb_w: 44px;
		$sb_h: 68px;
		width: $sb_w;
		height: $sb_h;
		margin: -( 68px / 2 ) 0 0 0;
		position: absolute;
		right: 0;
		top: 50%;
		background: url($image_dir + 'window_slide_button.png') no-repeat;
		cursor: pointer;

		&:hover .sws_arrow { @include alpha( 50 ); }

		$ar_w: 26px;
		$ar_h: 38px;
		.sws_arrow {
			background: url($image_dir + 'window_arrow_right.png') no-repeat;
			width: $ar_w;
			height: $ar_h;
			position: absolute;
			top: ( $sb_h / 2 ) - ( $ar_h / 2 ) + 3px;
			left: ( $sb_w / 2 ) - ( $ar_w / 2 ) + 8px;
		}

		&.sw_back .sws_arrow {
			background-image: url($image_dir + 'window_arrow_left.png');
			left: ( $sb_w / 2 ) - ( $ar_w / 2 ) + 5px;
		}

		&.sw_move .sws_arrow { display: none; }
	}
}