/*
Title:     Interactive Net Mapping Stylesheet
Author:   Andrew Beer
Created : 03/05/06
*/



/* Site Wide Styles
---------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: url(../images/global/bkgdBodySmall.jpg) repeat-x #FFF;
	}

body#Home{
	background: url(../images/global/bkgdBody.jpg) repeat-x #FFF;
	}

body#Oilelefant{
	background: url(../images/oilelefant/global/bkgdBody.jpg) repeat-x #FFF;
	}

img, a img{
	border:none;
	}	


divX{
	border:1px solid red;
}


/* links
---------------------------------------------------------- */
a:link, a:visited {
	padding: 0 0 1px 0;
	font-weight: bold;
	color: #40608C;
	}
	
a:hover {
	color: #2D405B;
	text-decoration: underline;
	}
	
a.more {
	padding-right: 7px;
	background: url(../img/0306/icon-more.gif) no-repeat 100% 5px;
	}


/* Typeography
---------------------------------------------------------- */
h1.home{
	color :#6E6E6E;
	font-size: 1.4em;
	padding:0;
	}

h1{
	color:#FFF;
	font-size: 1.4em;
	padding-top:40px;
	}



h2{
	font-size:1.2em;
	color:#0B76A3;
	margin-top:20px;
	}

h2 span{

	position: absolute;
	left: -3000px;
	display:none;
}



h4{
	font-size: 1.2em;
}



p, #homeContent ul, #content ul{
	font-size: 1.2em;
	line-height: 1.7em;
	color: #333;
	margin-bottom:14px;
	padding-bottom:0;
	list-style: none;
	}

#content ol li{
	font-size: 1.2em;
	line-height: 1.7em;
	color: #333;
}

#content ol li{
	font-weight: bold;
	line-height: 1.9em;
}

#content ol li ol li{
	font-size: 1em;
	line-height: 1.7em;
	color: #333;
		font-weight: normal;
}




#homeContent ul li, #content ul li{
	padding-bottom:5px;
	}	

#content ul li, #homeContent ul li{
	background: url('../images/global/liBullet.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height: 1.5em;
}

#content ul.simpleUL li{
	background-image: none;
	padding-left:0px;
	margin-left:0px;
}

p.divider{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	border-top:1px solid #ECECEC;

	line-height: 0;
	}

blockquote{
	font-size: 1.2em;
	quotes: "\201C" "\201D";
}


p span.quote{
	font-family: georgia, verdana, serif;
	font-size: 1.3em;
	color: #195F9B;
	}

p span.highlight{
	background-color: #DEF0FF;
}

p.note{
	padding-left: 20px;
	background: url('../images/global/note.gif') 0 50% no-repeat;

}

.required{
	color:red;
	font-weight: bold;
}

/* Container
---------------------------------------------------------- */
#container{
	width:750px;
	padding:0;
	margin:0 auto;
	text-align: left;
	}



/* Masthead
---------------------------------------------------------- */
#masthead{
	}

#logo{
	float:left;
	margin:32px 0 0 20px;
	}

.iconLink{
	margin-top:30px;
	margin-bottom:10px;
	float:right;
	padding:0;
	}



/* Top Level Site Navigation
---------------------------------------------------------- */
#tNavigation{
	float:right;
	clear: both;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	background: url(../images/global/bkgdtNavigation.gif) repeat-x #C8C8C9;
	}

#tNavigation li{
	float: left;
	margin: 0;
	padding: 0;
	}

#tNavigation li a {
	float: left;
	margin: 0 0 0 0;
	padding: 10px 9px 6px 9px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #525252;
	background: url(../images/global/dividertNavigation.gif) no-repeat 100% 60%;
	}

#tNavigation li a:hover {
	color: #000;
	}

#tNavigation li a.active {
	color: #0091DD;
	}

#tNavigation li.firstLI {
	background: url(../images/global/bkgdFirstLI.gif) no-repeat;
	padding-left: 12px;
	}

#tNavigation li.lastLI {
	background: url(../images/global/bkgdLastLI.gif) no-repeat 100% 0;
	padding-right: 12px;
	}

#tNavigation li.lastLI a{
	background-image: none;
	}



/* page Banner
---------------------------------------------------------- */
#banner{
	width:720px;
	height:77px;
	padding: 0 0 0 30px;
	clear:right;
	background: url(../images/global/banner.jpg) 100% 0 no-repeat;
	}

#bannerHome{
	width:750px;
	height:222px;
	clear:right;
	}



/* Sub Level Site Navigation
---------------------------------------------------------- */


ul#sNavigation {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;


}

ul#sNavigation li {
	float: left;
	background: #004F92 url('../images/oilelefant/global/nav_bl.gif') bottom left no-repeat;
	padding: 0;
	margin: 0 1px 0 0;
	vertical-align: middle;	

}

ul#sNavigation a {
	float: left;
	display: block;
	padding: 2px 8px 6px 8px;
	background: transparent url('../images/oilelefant/global/nav_br.gif') bottom right no-repeat;
	color: #FFF;
	text-decoration: none;
}

ul#sNavigation li:hover {
	background-color:#418FC0;
	}


ul#sNavigation li.active { background-color: #2792D6; }
ul#sNavigation li.active a { color: #FFF; }


/* Left Column
---------------------------------------------------------- */
#leftColumn{
	float:left;
	width:360px;
	padding:75px 50px 30px 20px;

	voice-family: "\"}\"";
	voice-family: inherit;
	width:280px;
	}



/* Content
---------------------------------------------------------- */
#homeContent{
	float:left;
	width:390px;
	margin:0;
	padding:40px 20px 0 0;

	voice-family: "\"}\"";
	voice-family: inherit;
	width:370px;
	}

#content{
	float:left;
	width:600px;
	margin:0;
	padding:40px 20px 30px 30px;

	voice-family: "\"}\"";
	voice-family: inherit;
	width:700px;
	}



/* Contact Footer
---------------------------------------------------------- */
#contactFooter{
	clear: both;
	width:750px;
	margin:0 auto;
	text-align: left;
	}



/* Footer
---------------------------------------------------------- */
#footerLine{
	border-top:1px solid #E5E5E5;
	clear: both;
	padding: 4px 0 0 0;
	text-align: center;
	margin:0 auto;
	}

#footer{
	width:750px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align: right;
	height:20px;
	}

#fNavigation{
	list-style: none;
	padding: 0;
	margin: 0;
	}

#fNavigation li{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	float: right;
	list-style: none;
	margin: 0;
	display: inline;
	font-size:0.9em;
	color: #36A7E9;
	padding: 0px 8px 0px 4px;
	background: url('../images/global/footerNavLink.gif') no-repeat 100% 50%;
	}

#fNavigation li.lastLi{
	background-image:none;
	}

#fNavigation a{
	float: left;
	color: #4E4E4E;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	}

#fNavigation a:hover{
	color:#36A7E9;
	text-decoration: underline;
	}

/* basicTBL
---------------------------------------------------------- */

#basicTBL{
	width:660px;
	border:none;
	border-collapse:collapse;
	padding:0;
	margin:10px 0 10px 0;
	border:1px solid #E5E5E5;
	}

#basicTBL th{
	width:200px;
	padding:6px 5px 6px 8px;
	font-size: 1.1em;
	vertical-align: text-top;
	}
	
#basicTBL td{
	padding:6px 5px 6px 8px;
		font-size: 1.1em;
	}

.headerTBL{
	background-color: #4881A5;
	color:#FFF;
	}
	
.altRow{
	background-color: #ECF6FD;
	}

#basicTBL thead{
		background-color: #4881A5;
		color:#FFF;
		font-weight: bold;
}


/* Contact Page
---------------------------------------------------------- */
#contactMailing{
	float:left;
	padding:0 30px 0px 0px;
	margin-right:70px;

}

#contactRegistered{
	float:left;
	padding:0 30px 0px 30px;

}

.textField, .textFieldMedium, .textFieldLarge{
		border: 1px solid #D2D2D2;
		width:250px;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 1.1em;
		padding:3px;
}


.textFieldMedium{
		height:70px;
}

.textFieldLarge{
		height:150px;
}

/* Overview
---------------------------------------------------------- */
.screenshot{
	width:700px;
	height:256px;
	margin:0 30px 30px 0px;
}

.screenshot img{
	float:right;
	margin:0 0 0 30px;
	border:3px solid #D5D5D5;
}

.screenshot p{


}

.screenshot span{
	font-weight: bold;
	color:#0B76A3;
}



/* Online Demo
---------------------------------------------------------- */

/* Online Demo
---------------------------------------------------------- */
.demo-choice{
	width:137px;

	float:left;
	margin:25px 40px 40px 0;
}

.demo-choice h2{
	margin:0 0 10px 0;
}

.no-margin{
	margin-left:0;
	margin-right:0;
}

.demo-choice a img{
	margin:10px 0 0 0;
}


tr.terms td p{
	font-size:1em;
}




#content tr.terms td ul li{
	font-size:0.9em;
	background: none;
	list-style-type: decimal;
}




/*Site Map

----------------------------------------------------------------------*/



#content #siteMap{
	list-style: none;
	padding-left:0px;
	margin-left:0px;

}



#content #siteMap li{
	background: url(../images/global/icon-page.gif) 0 5px no-repeat;
	padding: 0 0 2px 20px;
}





#content #siteMap ul.subMap{
		list-style: none;
		padding:0;
		padding-top:7px;
		padding-left:20px;
		margin:5px 0px 10px 0px;
}



#content #siteMap li a{
		line-height:1.0em;
		padding:0;
		text-decoration: none;
}



#content #siteMap ul.subMap a{
	padding:0;
	margin:5px 0 0 0;
	font-size:0.9em;
	color:#0D8DD6;
}


/* Print Styles
---------------------------------------------------------- */
#printHeader{
	display:none;
	}

@media print{

#printHeader{
	display:block;
	border-bottom:1px solid #E4E4E4;
	}

body{
	background-color:white;
	}

#masthead, #banner, #leftColumn, #contactFooter, #footerLine, #footer{
	display:none;
	} 

#container{
	margin-left:0px;
	margin-right:0px;
	width:99%;
	}

#content{
	width:17cm;	
	 }

h1{
	font-size:13pt;
	}

p{
	font-size:10pt;
	}
}




/* Thankyou Page
---------------------------------------------------------- */

#thankyoucontent {
	height: 150px;
	padding-top: 50px;
	width: 500px;
	}