/******** Globales *********************************************************/

* {
	margin:0px; padding:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
	background-color:#eff3f4;
	color:#3d4248;
	background-image:url(../images/system/hg_site.gif);
	background-repeat:repeat-x;
	
}
img, td, tr, th, table {
	border:none;
}
td, tr, th, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
th.global {
	background-color:#3d4248;
}
div#page {
	margin:10px auto;
	text-align:center;
	width:902px;
	background-image:url(../images/system/hg_borders.gif);
	background-repeat:repeat-y;
}



/******** Header *********************************************************/

div#header {
	float:left;
	display:inline;
	width:900px;
	height:130px;
	margin:0px 1px 0px 1px;
	background-color:#ffffff;
	border-bottom:1px solid #cdd7d9;
}
div#logo {
	float:left;
	display:inline;
	width:200px;
	height:130px;
}

/******** Topic **********/

div#topic {
	float:right;
	display:inline;
	width:200px;
	height:40px;
	margin:0px;
	padding:3px 0px 0px 0px;
	background-image:url(../images/system/hg_topic.gif);
	background-repeat:no-repeat;
	text-align:left;
}
div#topic h1 {
	color:#ffffff;
	margin-left:20px;
}
div#pagetopic {
	float:right;
	display:inline;
	width:600px;
	margin:0px;
	padding:0px;
	text-align:right;
}
div#pagetopictext {
	float:right;
	display:inline;
	width:200px;
	margin:0px;
	padding:0px;
	text-align:left;
}
div#pagetopic h2 {
	color:#3d4248;
	margin-left:20px;
}

/******** Content *********************************************************/

div#content {
	float:left;
	display:inline;
	width:900px;
	margin:0px 1px 0px 1px;
}
div#left-content {
	float:left;
	display:inline;
	width:200px;
	text-align:left;
}
div#main-content {
	float:left;
	display:inline;
	width:639px;
	line-height:18px;
	margin:30px 0px 0px 31px;
	padding:0px 0px 30px 0px;
	text-align:left;
}
.pagenav {
	text-align:right;
	font-size:11px;
}
.pagenav a, .pagenav a:visited, .pagenav a:active {
	padding:1px 5px 1px 5px;
}
.pagenav span.active {
	padding:1px 6px;
}
.pagenav span.break {
	padding:1px 6px 1px 6px;
}

/******** Nav Logged-Out *********/

div#accountnav-loggedout {
	float:left;
	display:inline;
	width:200px;
}
div#accountnav-loggedout ul {
	display:block;
	width:200px;
	list-style:none;
	border-top:1px solid #d1dce0;
}
div#accountnav-loggedout li {
	display:inline;
}
div#accountnav-loggedout ul li a {
	display:block;
	padding:4px 0px 4px 20px;
	color:#818a8b;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#e3eaec;
	border-bottom:1px solid #d1dce0;
	background-image:url(../images/system/icon_loggedout.gif);
	background-repeat:no-repeat;
}
div#accountnav-loggedout ul li a:hover {
	color:#3d4248;
}

/******** Nav Logged-In *********/

div#accountnav-loggedin {
	float:left;
	display:inline;
	width:200px;
}
div#accountnav-loggedin {
	float:left;
	display:inline;
	width:200px;
}
div#accountnav-loggedin ul {
	display:block;
	width:200px;
	list-style:none;
}
div#accountnav-loggedin li {
	display:inline;
}
div#accountnav-loggedin ul li a {
	display:block;
	padding:4px 0px 4px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}


/******** Footer *********************************************************/

div#footer {
	clear:both;
	width:902px;
	height:25px;
	font-size:11px;
	text-align:right;
	background-image:url(../images/system/hg_footer.gif);
	background-repeat:repeat-x;
}
div#footertext {
	float:right;
	display:inline;
	font-size:11px;
	margin:5px 0px 0px 0px;
}


/******** Link Components *********************************************************/



/******** Text Components *********************************************************/

p {
	margin-bottom:20px;
}
.additional {
	font-size:11px;
	}

/******** Headlines *********/

h1 {
	font-size:16px;
	display:block;
	margin-bottom:10px;
}
h2 {
	font-size:14px;
	display:block;
	margin-bottom:10px;
}


/******** Table Components *********************************************************/

table th {
	padding:3px 10px 3px 10px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	font-weight:bold;
	text-align:left;
}
table td {
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:left;
}
.dark {
	background-color:#e3eaec;
}
.light {
	background-color:#eff3f4;
}
.modify {
	background-color:#f4f7f7;
}
table.nospace td {
	padding:0px;
	text-align:left;
}


/******** Form Components *********************************************************/

input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	height:18px;
	margin-bottom:5px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	margin-bottom:5px;
}
input.button {
	background:transparent url(../images/system/hg_button.gif) repeat-x;
	font-weight:bold;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	height:23px;
	margin-top:5px;
	margin-right:10px;
}
input.button:hover {
	background:transparent url(../images/system/hg_button_hover.gif) repeat-x;
}

ul.forminf {
	list-style-type:none;
}
ul.forminf li {
	float:left;
	display:inline;
	margin:5px 20px 10px 0px;
}