html,body {
	color: white;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	background: url('/assets/templates/inertica/images/background-gradient.gif') #434a54 repeat-y top left;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: -1;
	min-width: 1000px;
}

a:link, a:visited {
	color: #ea2628;
	text-decoration: none;
}

a:visited {
	color: #c92123;
}
a:hover, a:active {
	color: #ea2628;
	text-decoration: underline;
}

p.introtext {
	font-style: italic;	
}
div#wrapper {
	z-index: 0;
}
div.batman {
	position: absolute;
	min-height: 800px;
	height: auto !important;
	height: 657px;
	width: 327px;
	z-index: 50;
	top: 0;
	left: 0;
}
div.batman[class] {
	background: url('/assets/templates/inertica/images/batman.png') transparent no-repeat top left;
}

div.batman div#navigation {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/assets/templates/inertica/images/batman.png');
	_height: 0; /* IE HACK */
}
div.batman div#navigation ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
	margin-top: 285px;
	margin-left: 170px;
	height: 357px;
}

div.batman div#navigation ul li {
	margin: 0;
	padding: 0;
}

div.batman div#navigation ul li a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0.5em 0;
	margin: 0;
	height: 1em;
	background: url('/assets/templates/inertica/images/batman-link-background.gif') transparent no-repeat center left;
	color: white;
	font-weight: bold;
	padding-left: 17px;
	font-size: 12px;
	line-height: 1em;
	
}

div.batman div#navigation ul li a:hover,
div.batman div#navigation ul li.active a {
	background: url('/assets/templates/inertica/images/batman-link-background-on.gif') transparent no-repeat center left;
	text-decoration: none;
}

div.batman div#navigation ul li.active a {
	color: #ea2628;
}

p {
	margin: 0;
	margin-bottom: 1.2em;
	line-height: 1.3em;
}

h1 {
	font: bold 160% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	margin-bottom: 1.2em;
}

h2 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	margin-bottom: 1.2em;
	color: #ea2628;
}

div.module h2 {
	background: url('/assets/templates/inertica/images/background-module-heading.gif') #434a54 no-repeat top left;
	width: 215px;
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-bottom: 1em;
	
}

h3 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
		
}

h4 {
	color: 	#ea2628;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0.3em;
}
div.content {
	width: 215px;
	background-color: #29303c;
	position: relative;
	height: 9em;
	padding: 0.3em 0 2em 0;
	margin-bottom: 2em;
}

div.content img.background {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}	

div.content * {
  margin: 0px;
  position: relative;
  z-index: 1;
}

div.content p,
div.content h4 {
	padding-left: 12px;
}

* html div.content  {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/assets/templates/inertica/images/background-module-content.gif', sizingMethod='scale');
  position: static;
}
* html div.content img.background {
  display: none;
}


#branding {
	margin: 0;
	padding: 0;
	height: 108px;
	height: auto !important;
	min-height: 108px;
	position: relative;
	float: right;
	background-color: transparent;
}

#branding .image {
	text-align: right;
	margin: 0;
	margin-top: 40px;
	margin-bottom: 6px;
	padding-right: 68px;
}

#branding .links {
	text-align: right;
	height: 1.4em;
	height: auto !important;
	min-height: 1.4em;
	margin: 0;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 85%;
	padding-right: 3em;
	background-color: transparent;	
}

#login {
	width: 236px;
	position: relative;
	float: right;
	height: 108px;
	height: auto !important;
	min-height: 108px;
}

#navigation-info {
	clear: both;
	border-bottom: #911718 1px solid;
	padding: 0;
	margin: 0;
	background-color: #434a54;
}

#navigation-info p {
	padding: 0.3em 0 0.2em 0;
	margin: 0;
	border: 0;
	padding-right: 300px;
	font-size: 85%;
	background: url('/assets/templates/inertica/images/background-navigation-info.gif') #29303c no-repeat top right;
	text-align: right;
	min-height: 1.6em;
	height: auto !important;
	height: 1.6em;
}

#separator {
	height: 5px;
	background-color: #911718;
	clear: both;
	line-height: 0.2em;
	font-size: 5px;
}

#content {
	position: relative;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	z-index: 3;
	min-width: 625px;
	padding-bottom: 2em;
}

#content #left {
	position: absolute;
	width: 288px;
	background: url('/assets/templates/inertica/images/background-content-left.gif') transparent no-repeat top left;
	height: 457px;
	border-bottom: #911718 1px solid;
	left: 0;
	top: 0;
	z-index: 2;
}

#content #right {
	margin-left: 287px;
	background-color: #29303c;
	z-index: 3;
	min-width: 625px;
	clear: both;
}
#content #main {
	padding: 40px 2em 2em 70px;
	border-left: #911718 1px solid;
	background-color: #29303c;
	min-height: 55em;
	height: auto !important;
	height: 55em;
	margin-right: 235px;
}

#content #main div.newsEntry img {
	margin: 8px 16px 12px 0;
}

#content #main div.referenceEntry img {
	margin: 8px 16px 12px 0;
	float: left;
}
#content #sidebar {
	position: absolute;
	width: 215px;
	right: 36px;
	top: 40px;
	margin-left: 4em;
	margin-bottom: 4em;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}

#footer {
	width: 100%;
	height: 24px;
	padding: 0;
	background-color: transparent;
	clear: both;
	text-align: right;
	font-size: 80%;
	background: url('/assets/templates/inertica/images/background-content-footer.gif') #29303c no-repeat top left;
	border-top: #911718 1px solid;
}

#copyright {
	width: 100%;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0;
	background-color: transparent;
	background: url('/assets/templates/inertica/images/background-content-copyright.gif') #29303c no-repeat top left;
	clear: both;
	text-align: right;
	font-size: 80%;
	min-width: 625px;
}

#copyright p,
#footer p {
	margin: 0;
	padding: 0;
	padding-right: 2em;
	padding-top: 0.4em;
	line-height: 1em;
	padding-bottom: 0.4em;
	background-color: transparent;
}

div.partners {
	text-align: center;
	padding-top: 2em;
}

div.partners img.link {
	border-style: none;
}

div#googleAdsBottom {
	padding: 0em 3em 1.6em 288px;
	clear: both;
	float: right;
}

div.newsEntry, div.referenceEntry {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #600;
}

div.shortReferenceEntry {
	text-align: center;
}

/*************************************************************
 * Forms
 *************************************************************/
 
form {
	width: 90%;
}


fieldset {
	border: 1px solid #545860;
	background-color: #333a44;
	padding: 1em 1.2em;
	margin-bottom: 1em;
}

legend {
	padding: 0.2em 1.2em;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	background-color: #434a54;
	border: 1px solid #545860;
}

.required {
	color: #ff0000;
	font-weight: bold;
	font-size: 80%;
}

label {
	display: block;
	float: left;
	font-weight: bold;
}

.formrow {
	clear: both;
	padding-bottom: 0.6em;
}

.formlabel {
	width: 45%;
	float: left;
	text-align: left;
	padding-bottom: 0.6em;
}

.forminput {
	width: 54%;
	float: right;
	text-align: left;
	padding-bottom: 0.6em;
}

input, textarea  {
	background-color: #29303c;
	border: 1px solid #545860;
	color: #f0f0f0;
	padding: 1px;
}

input.button {
	border: 0;
	padding: 0;
	background-color: transparent;
	margin-top: 1.6em;
}

img.vericode {
	border: 1px solid #999999;
	margin-top: 1em;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 95%;
}

#login form {
	margin: 0;
	margin-top: 14px;
	padding: 0;
	width: 166px;
}

#login form p {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}

#login form input#username {
	width: 166px;
	height: 17px;
	font-size: 12px;
	padding: 2px 0px 0px 4px;
	margin-bottom: 3px;
	border: 0;
	background: url('/assets/images/forms/background-loginform-username.gif') #434a54 no-repeat top left; 
}

#login form input#password {
	width: 113px;	
	height: 16px;
	font-size: 12px;
	padding: 2px 0px 0px 4px;
	float: left;
	border: 0;
	margin: 0;
	margin-top: 2px;
	background: url('/assets/images/forms/background-loginform-password.gif') #434a54 no-repeat top left; 
}

#login form input#loginButton {
	width: 45px;
	margin: 0;
	padding: 0;
	float: right;
	border: 0;
}

/***
 * 
 * New login form
 * 
 */

#login form input#extranet-username {
	width: 166px;
	height: 17px;
	font-size: 12px;
	padding: 2px 0px 0px 4px;
	margin-bottom: 3px;
	border: 0;
	background: url('/assets/images/forms/background-loginform-username.gif') #434a54 no-repeat top left; 
}

#login form input#extranet-password {
	width: 113px;	
	height: 16px;
	font-size: 12px;
	padding: 2px 0px 0px 4px;
	float: left;
	border: 0;
	margin: 0;
	margin-top: 2px;
	background: url('/assets/images/forms/background-loginform-password.gif') #434a54 no-repeat top left; 
}

#login form button#extranet-login-button {
	width: 45px;
	margin: 0;
	padding: 0;
	float: right;
	border: 0;
	background-color: transparent; 
}

#login form button#extranet-logout-button {
	padding: 0;
	border: 0;
	display: block;
	margin: 0 auto;
	width: 98px;
	background-color: transparent; 
}
#login form button:hover { cursor: pointer; }

/************************************ 
 * Fixes and special cases
 *
 ************************************/


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {
	display: none;
}