@charset "utf-8";

/* 
================================
 Container Styles for DotNetNuke
================================
*/

.lt{ text-align:left; vertical-align:top;}
.lm{ text-align:left; vertical-align:middle;}
.lb{ text-align:left; vertical-align:bottom;}
.rt{ text-align:right; vertical-align:top;}
.rm{ text-align:right; vertical-align:middle;}
.rb{ text-align:right; vertical-align:bottom;}
.ct{ text-align:center; vertical-align:top;}
.cm{ text-align:center; vertical-align:middle;}
.cb{ text-align:center; vertical-align:bottom;}
.h{ height:100%;}
.w{ width:100%;}
.wh{ width:100%; height:100%}

.bg-x{ background-repeat:repeat-x;}
.bg-y{ background-repeat:repeat-y;}
.bg-no{ background-repeat:no-repeat;}
.bg-p-lt{ background-position: left top;}
.bg-p-rt{ background-position: right top;} 
.bg-p-lb{ background-position: left bottom;} 
.bg-p-rb{ background-position: right bottom;}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}


/*-------------------------------------------------------------------------------*/

.Head1 {
	color: #000;
	font: bold 20px/36px Arial,sans-serif;
	white-space: nowrap;
}

.Head3 {
	color: #000;
	font: bold 16px/38px Arial,sans-serif;
	white-space: nowrap;
}

.Head4 {
	color: #105c89;
	font: normal 18px/10px Impact,Arial,sans-serif;
	white-space: nowrap;
}

/*--------------------------------------------------------------------------------------*/

.Container1 .containerhead {
	position: relative;
	height: 40px;
	padding-left: 19px;
	background: url("images/bg_container1_head.jpg") no-repeat left top;
}

.Container1 .containerhead .title {
	height: 40px;
	padding: 1px 48px 0 0;
	background: url("images/icon_container1_head.jpg") no-repeat 100% 4px;
}

.Container1 .containerpane {
	clear: both;
	padding: 6px 5px 0;
	text-align: left;
}

.Container1 .head-botton {
	position: absolute;
	left: 9px;
	top: 5px;
}

.Container1 .containerbot {
	clear: both;
}

.Container2 .containerhead {
	position: relative;
	height: 40px;
	padding-left: 18px;
	background: url("images/bg_container2_head.jpg") no-repeat left top;
}

.Container2 .containerpane {
	clear: both;
	padding: 6px 5px 0;
	text-align: left;
}

.Container2 .head-botton {
	position: absolute;
	left: 9px;
	top: 5px;
}

.Container2 .containerbot {
	clear: both;
}

.Container3 .containerhead {
	position: relative;
	height: 40px;
	padding-left: 19px;
	background: url("images/bg_container3_head.jpg") no-repeat left top;
}

.Container3 .containerhead .title {
	height: 40px;
	padding: 1px 10px 0 0;
	background: url("images/icon_container3_head.jpg") no-repeat right center;
}

.Container3 .containerpane {
	clear: both;
	padding: 6px 5px 0;
	text-align: left;
}

.Container3 .head-botton {
	position: absolute;
	left: 9px;
	top: 5px;
}

.Container3 .containerbot {
	clear: both;
}

.Container4 {
	margin-bottom: 5px;
}

.Container4 .c4box {
	background: url("images/bg_container4_right.png") repeat-y right top;
}

.Container4 .c4box2 {
	padding: 0 6px;
	background: url("images/bg_container4_left.png") repeat-y left top;
}

.Container4 .c4box3 {
	background:	#d8d8d8 url("images/bg_container4.png") repeat-y right top;
}

.Container4 .head-botton {
	float: left;
}

.Container4 .title {
	padding: 0px 0 0 16px;
}

.Container4 .containerpane {
	clear: both;
	padding: 6px 6px 0;
	text-align: left;
}

.Container4 .containerbot {
	clear: both;
	height: 20px;
}

.Container4 .c4bg-tr {
	height: 12px;
	background: url("images/bg_container4_tr.png") no-repeat right bottom;
}

.Container4 .c4bg-tl {
	float: left;
	width: 16px;
	height: 12px;
	background: url("images/bg_container4_tl.png") no-repeat left bottom;
}

.Container4 .c4bg-t {
	height: 12px;
	margin: 0 202px 0 16px;
	background: url("images/bg_container4_t.png") repeat-x left bottom;
}

.Container4 .c4bg-br {
	height: 12px;
	background: url("images/bg_container4_br.png") no-repeat right top;
}

.Container4 .c4bg-bl {
	float: left;
	width: 16px;
	height: 12px;
	background: url("images/bg_container4_bl.png") no-repeat left top;
}

.Container4 .c4bg-b {
	height: 12px;
	margin: 0 202px 0 16px;
	background: url("images/bg_container4_b.png") repeat-x left top;
}

