@import "content.css";
@import "form.css";

body	{
	background-color: #FFFFFF;
	background-image: url(../images/body-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

body, td, th	{
	color: #373737;
	font-size: 10pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

h1	{
	background-color: #FFFFFF;
	background-image: url(../images/h1-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #ff9400;
	margin: 0px;
	padding: 0px 30px 4px 30px;
	font-weight: bold;
	font-size: 16pt;
	line-height: 16pt;
	1text-transform: uppercase;
}

h2	{
	color: #ff9400;
	font-weight: bold;
	font-size: 14pt;
	line-height: 14pt;
	1text-transform: uppercase;
	margin: 0px;
}


h3	{
	color: #ff9400;
	font-weight: bold;
	font-size: 13pt;
	line-height: 13pt;
	margin: 0px;
}

h5	{
	color: black;
	font-weight: bold;
	font-size: 10pt;
	line-height: 10pt;
	margin: 5px 0px 5px 0px;
}



p	{	margin: 0px 0px 15px 0px;	}

form	{	margin: 0px;	}
img	{	border: none 0px;	}

a	{	color: #6e799e;	}
a	{	text-decoration: none;	}
a:hover	{	color: #0056a9;	text-decoration: underline}

.invers	{	text-decoration: underline;	}
:hover.invers	{	text-decoration: none;	}

#container	{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}

.container	{
    clip: rect(180px,750px,220px,0px);
	position: relative;
	z-index: 2;
	width: 975px;
	margin: 0px auto 0px auto;
}


/* ====== header class ====== */

#box-header	{
	position: absolute;
	top: 15px;
	left: 0px;
	width: 100%;
	text-align: left;
}

.box-header	{
	position: relative;
	z-index: 1;
	display: block;
	width: 975px;
	height: 295px;
	margin: 0px auto 0px auto;
}

.wh-header	{
	width: 941px;
	height: 261px;
}

.bl-header	{
	position: relative;
	z-index: 55;
	padding: 16px 6px 0px 6px;
}

.header	{
	display: block;
	background-image: url(../images/header-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 260px;
}

.bl-header img	{	margin: 68px 0px 0px 4px; z-index: 100 }

#top-hl	{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 165px;
}

#left-hl, #right-hl	{
	position: relative;
	z-index: 1;
	display: block;
	border-top: solid 1px;
	width: 49%;
	height: 1px;
}

#left-hl	{
	float: left;
	border-color: #ff9400;
}

#right-hl	{
	float: right;
	border-color: #a5caed;
}


/* ====== menu-top class ====== */

#menu-top	{
	width: 725px;
	height: 210px;
	text-align: left;
}

.menu-top	{
	position: absolute;
	top: 0px;
	z-index: 1;
	padding: 185px 0px 0px 12px;	
    clip: rect(180px,750px,220px,0px);
    white-space: nowrap;
}

.menu-top ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu-top li	{
	display: block;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	1text-transform: uppercase;
}

.menu-top a	{
	display: block;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	width: 123px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.menu-top a:hover	{	z-index: 4;	}

.menu-top .active a	{
	color: #FFFFFF;
	cursor: default;
}


/* ====== logout class ====== */

.bl-logout	{
	background-image: url(../images/logout-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #a1a7c0;
	padding: 9px 15px 0px 0px;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
}

.bl-logout .bl-link	{
	padding: 0px 0px 5px 58px;
	text-align: left;
}


/* ====== response class ====== */

.bl-response	{	color: #5c5c5c;	font-size: 8pt;}

.bl-response .title img	{
	 width: 80px;
	 height: 36px;
}

.bl-response p	{	margin: 0px 20px 15px 0px;	text-align: justify}

.bl-response .bl-line	{
	background-color: #dce1e9;
	background-position: right;
	background-repeat: repeat-y;
	width: 208px;
	padding: 1px 0px 2px 0px;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
}

.bl-response .bl-line a	{	color: #0d72d0;	}


/* ====== footer class ====== */

#footer	{
	border-top: solid #dce1e9 3px;
	margin: 0px 30px 0px 30px;
}

.footer	{
	color: #6e799e;
	padding: 20px 0px 20px 0px;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: right;
}

.footer a	{	padding: 0px 10px 0px 10px;	}
.footer a.active	{ color: #0056a9;	}


.bl-copy	{
	border-left: solid #9199b4 3px;
	color: #00529b;
	height: 18px;
	margin-left: 5px;
	padding-left: 14px;
	font-size: 10px;
	line-height: 14px;
}

.bl-top-header	{
	position: relative;
	z-index: 33;
	top: 42px;
	left: -192px;
}

.bl-top-header img	{
	width: 430px;
	height: 85px;
}

.bl-top-header a:active	{
    border: 0px;
}


/* ------ banners class ------ */

#tbl-ban	{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#tbl-ban img	{
	width: 468px;
	height: 60px;
	margin: 1px 0px 1px 0px;
}

.top-ban	{
	border: solid #066dce;
	border-width: 0px 0px 1px 1px;
}

.tbl-ban-left	{	width: 49%;	}
.tbl-ban-right	{	width: 51%;	}


/* ------ other class ------ */

.td11	{	width: 225px;	}
.td12	{	width: 725px;	}
.td13	{	width: 25px;	}
.td13 img	{	width: 25px;	height: 1px;	}

.ct-upleft, .ct-left	{	background-position: bottom right;	}
.ct-upright, .ct-right	{	background-position: bottom left;	}
.ct-upleft, .ct-upright	{	background-repeat: no-repeat;	}
.ct-left, .ct-right	{	background-repeat: repeat-y;	}
.ct-left	{	padding-top: 30px;	}

.ct-topleft, .ct-top, .ct-topright	{
	position: relative;
	z-index: 5;
	height: 37px;
}

.ct-topleft img, .ct-topright img	{	width: 15px;	}
.td-csright, .td-center	{	background-color: #FFFFFF;	}
.td-csright	{	background-position: right;	}

.td-top, .td-bottom	{	background-repeat: repeat-x;	}
.td-left, .td-right, .td-csright	{	background-repeat: repeat-y;	}
.td-tsright, .td-bsright	{	text-align: right;	}

.tbl-ramka img	{
	width: 17px;
	height: 17px;
	vertical-align: top; 
}

.tbl-ramka .td-csright div img	{
	width: auto;
	height: auto;
}

.tbl-ramka .td-csright div img.hidden	{
	width: 1px;
	height: 1px;
}

.tbl-ramka .td-tsright img, .tbl-ramka .td-bsright img	{	height: 11px;	}
.tbl-ramka .td-tsright img	{	margin-top: 6px;	}
.tbl-ramka .td-bsright img	{	margin-bottom: 6px;	}

.tbl-ramka .td-tsright img	{	background-position: right;	}
.tbl-ramka .td-bsright img	{	background-position: right;	}
.tbl-ramka .td-tsright img, .tbl-ramka .td-bsright img	{	background-repeat: repeat-y;	}

/* size and position */

.abs	{	position: absolute;	}
.wide	{	width: 100%;	}
.merid	{	height: 100%;	}
.valign	{	vertical-align: middle;	}
.hand	{	cursor: pointer;	}

/* fon class */

.white	{	background-color: #FFFFFF;	}

/* color class */

.cr1	{	color: #fffbcf;	}
.cr2	{	color: #666859;	}
.cr3	{	color: #7f352f;	}

/* indent class */

.after5	{	margin-bottom: 5px;	}
.after10	{	margin-bottom: 10px;	}
.after15	{	margin-bottom: 15px;	}
.after20	{	margin-bottom: 20px;	}
.after25	{	margin-bottom: 25px;	}

.xl	{	width: 450px;	}
.xll	{	width: 420px;	}
.large	{	width: 260px;	}
.midd	{	width: 200px;	}
.norm	{	width: 128px;	}
.norm2	{	width: 100px;	}
.small	{	width: 64px;	}
.xs	{	width: 45px;	}
.xss	{	width: 25px;	}
.fw	{	width: 100%;	}

.bold {font-weight: bold;}