/* Stylesheet for Hoppinger CMS
(c) 2006-2008 Hoppinger.com */

/* BEGIN General style (no classes, no selectors) */
	/* START copy this to html_editor.css */
	body {
		background-color: #fff;
		color: #000;
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
	}

	img {
		border : 0;
	}

	a:link, a:visited, a:active {
		text-decoration:underline;
	}

	a:hover {
		text-decoration:underline;
	}

	p {
		margin: 0px 0 8px 0;
		padding: 0px 0 8px 0;
	}
	/* END copy this to html_editor.css */

table {
	border-collapse: collapse;
}

td {
	text-align: left;
}


h1 { /* Page header */
	font-size: 16px;
	color: #fff;
}

h1.page_title { /* Page title extra */
	font-size: 20px;
	font-weight: bold;
}

h2 { /* module header */
	font-size: 12px;
	margin: 10px 0 5px 0;
}

input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
}

.anchor_container
{
	text-indent: 0px;
	margin: 0px;
	padding-left: 10px;
}

/* END General Style */

/* BEGIN Lay-out structures (specific tables, td's and divs ) */
.frontpageBody
{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-family: helvetica, verdana;
	font-size:12px;
	color: black;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.blancoBody {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/striped_bg.gif);
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

td.left {
	background-color: #026b96;
	padding: 20px;
	color: #fff;
	line-height: 18px;
}
td.leftbottom {
	background-color: #026b96;
	padding: 0 20px 20px 20px;
}
td.right {
	background-image: url(/images/bord2.jpg);
	background-repeat: no-repeat;
	color: #000;
	padding: 20px;
}
div.headerlinks {
	font-size: 18px;
	font-weight: bold;
	color: #f7d45b;
	margin-bottom: 10px;
	line-height: 24px;
}
div.headerrechts {
	font-size: 17px;
	font-weight: bold;
	color: #c20b12;
	margin-bottom: 10px;
	line-height: 24px;
}
input.ti {
	width: 200px;
	border: 1px solid #7f9db9;
}


a
{
	font-family: verdana;
	font-size:12px;
	color: black;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

a:hover, a:visited, a:active {
	text-decoration: underline;
}
.container {
	width: 1020px;
	height: 596px;
}

.leftCol {
	width: 112px;
	height: 596px;
	float: left;
	background-image: url(/images/left_bgr.jpg);
}
.menuContainer {
	width: 158px;
	height: 596px;
	float: left;
	background-image: url(/images/menu_bgr.jpg);
}
.menu {
	position: relative;
	width: 140px;
	top: 105px;
	left: 20px;
}

.menu div {
	float: left;
	width: 120px;
}

.menu div.home {
	width: 133px;
	height: 70px;
	position: absolute;
	top: -95px;
	left: -10px;
}
.menu div.home a {
	display: block;
	width: 133px;
	height: 70px;
}

.menu div.home a:hover, .menu div.home a:visited, .menu div.home a:active {
	text-decoration: none;
}

.menu div.subMenu {
	width: 110px;
	padding-left: 10px;
}

.menu a {
	color: white;
	letter-spacing: 3%;
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
	font-weight:bold;

}

.mainContainer {
	width: 750px;
	height: 596px;
	float: left;
	background-image: url(/images/content_bgr.jpg);
	position: relative;
}
.homeContainer {
	width: 750px;
	height: 596px;
	float: left;
	background-image: url(/images/home_bgr.jpg);
	position: relative;
}
.introContainer {
	width: 750px;
	height: 596px;
	float: left;
	background-image: url(/images/home_bgr.jpg);
	position: relative;
}

#content {
	position:absolute;
	left:35px;
	z-index:10;
	top:70px;
	width:383px;
	height:310px;
	padding-left: 3px;
	overflow:auto;
	letter-spacing:1%;
	line-height:18px;
}

#content .infoTable {
	width: 395px;
	font-size: 11px;
	margin-left: 0px;
}

#homeManagement {
	background-color: white;
	position:absolute;
	top: 80px;
	left: 20px;
	z-index: 3;
}

#blancoManagement {
	background-color: white;
	position:absolute;
	top: 20px;
	left: 20px;
	width: 90%;
	height: 90%;
	z-index: 3;
}
#homeContent {
	position:absolute;
	left:70px;
	z-index:10;
	top:330px;
	width:240px;
	height:230px;
	overflow:auto;
	letter-spacing:1%;
	line-height:18px;
	text-align: center;
}
hr {
  border-top: 1px dotted #6D93A4;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  color: #ffffff;
}

#pageHeader
{
	position: relative;
	z-index: 4;
	top: 40px;
	left: 35px;
}

.blancoBody #pageHeader {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 5px;
}

/* END Lay-out structures

/* BEGIN Buttons */
a.button:link, a.button:active, a.button:visited {
	color: #999;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px;
	cursor:pointer;
}

a.button:hover, a.button_active {
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
	font-size: 9px;
	padding: 2px 8px;
	text-decoration: none;
	letter-spacing: 1px;
}

input.button {
	color: #999;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 9px;
	padding: 0 8px;
	text-decoration: none;
	letter-spacing: 1px;
	cursor:pointer;
	height: 17px;		/* Same height as input.inputField */
}

.moduleInfoBox
{
	position:absolute;
	top:20px;
	left:20px;
	z-index: 10;
	padding:20px;
	border:1px solid #ccc;
	background-color:#F2F2F2;
	display:none;
}

/* END Buttons */

.gototop { /* container for go-to-top line */
	padding: 8px 0;
	text-align:center;
}

/* BEGIN Hyperlink and Download area */
table.area {
	width: 99%;
	border: 1px solid #bbb;
	margin: 0px;
	padding: 0px;
	color:#000;
	background-color:#fafafa;
}

td.area-header {
	color: #fff;
	letter-spacing: 1px;
	background-color: #bbb;
	height: 16px;
	padding: 0 0 0 5px;
}

/* END Hyperlink and Download area */

/* BEGIN GroupManagement */
td.groupmanagement-header {
	background-color: #bbb;
	color: white;
	border: 1px solid #949494;
}

input.inputField {
	border: 1px solid #949494;
}
/* END GroupManagement */

/* BEGIN login */
td.error_message {
	color: red;
}
/* END login */



/* BEGIN moduleManager */
#textContentWrapper
{

}

#moduleLinkContent
{

}

.download_area_table
{
	width: 99%;
}

.download_area_header_cell
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.download_area_item_cell
{
	text-align: left;
	vertical-align: top;
}
/* END moduleManager */