/* --------------------------------------- */
/* CASPINFO GENERAL css */
/* --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	}

body
	{
	background-color: #292929;
	margin: 0px;
	}

body, td
	{
	font-family: verdana,arial,helvetica;
	font-size: 0.8em;
	color: #676767;
	}

form						{ margin: 0px; padding: 0px; }

div#wrapper
	{
	background-color: #fff;
	position: relative;
	width: 870px;
	margin: 0px auto;
	padding: 15px;
	}

.debug						{ color: #f00; display: block; }
.clear						{ clear: both; }
.button						{ cursor: pointer; }
.picright					{ margin-left: 10px; margin-bottom: 10px; }
.picleft					{ margin-right: 10px; margin-bottom: 10px; }

a							{ color: #7CA629; text-decoration: none; }
a:hover						{ color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

div#header
	{
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 50px;
	height: 316px;
	display: block;
	margin: 0px;
	padding: 0px;
	}

div#header h1
	{
	position: absolute;
	background-image: url(/grfx/logo.png);
	_background-image: url(/grfx/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 150px;
	height: 176px;
	margin: 0px;
	top: -10px;
	left: -5px;
	z-index: 2;
	}

#header_overlay
	{
	position: absolute;
	background-image: url(/grfx/header-overlay.png);
	_background-image: url(/grfx/header-overlay-ie6.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 216px;
	margin: 0px;
	top: 50px;
	left: 0px;
	z-index: 1;
	}

#header_print				{ display: none; }

div#topbuttons				{ width: 150px; height: 20px; float: right; z-index: 2; }
div#topbuttons ul			{ position:absolute; margin:0; padding:0; }
div#topbuttons ul li		{ position:absolute; height: 20px; }

#tm1						{ width:140px; left: 0px; }

div#topbuttons li    		{ text-indent: -9999px; text-decoration:none; list-style: none; }
div#topbuttons li#tm1 		{ background: url(/grfx/btn-extranet.gif) no-repeat -0px 0px; }

#topbuttons a				{ background-color:transparent; text-decoration:none; display:block; height:20px; outline: none; }


div#navigation				{ height:45px; }
div#navigation ul			{ padding:0; margin:0; border:0; position:absolute;}
div#navigation ul li		{ position:absolute; height:45px; }

#m1, #m1_on					{ left: 0px;  width:99px; }
#m2, #m2_on					{ left: 99px; width:140px; }
#m3, #m3_on					{ left: 239px; width:130px; }
#m4, #m4_on					{ left: 369px; width:239px; }
#m5, #m5_on					{ left: 608px; width:124px; }
#m6, #m6_on					{ left: 732px; width:62px; }
#m7, #m7_on					{ left: 794px; width:77px; }

div#navigation li    		{ text-indent: -9999px; text-decoration:none; list-style: none; }
div#navigation li#m1 		{ background: url(/grfx/navigation.png) no-repeat -0px 0px; }
div#navigation li#m2 		{ background: url(/grfx/navigation.png) no-repeat -99px 0px; }
div#navigation li#m3 		{ background: url(/grfx/navigation.png) no-repeat -239px 0px; }
div#navigation li#m4 		{ background: url(/grfx/navigation.png) no-repeat -369px 0px; }
div#navigation li#m5 		{ background: url(/grfx/navigation.png) no-repeat -608px 0px; }
div#navigation li#m6 		{ background: url(/grfx/navigation.png) no-repeat -732px 0px; }
div#navigation li#m7 		{ background: url(/grfx/navigation.png) no-repeat -794px 0px; }

#navigation a				{ background-color:transparent; text-decoration:none; display:block; height:45px; outline: none; }
#m1 a:hover, #m1_on			{ background: url(/grfx/navigation.png) no-repeat -0px -45px; text-decoration:none; border: 0; }
#m2 a:hover, #m2_on			{ background: url(/grfx/navigation.png) no-repeat -99px -45px; text-decoration:none; border: 0; }
#m3 a:hover, #m3_on			{ background: url(/grfx/navigation.png) no-repeat -239px -45px; text-decoration:none; border: 0; }
#m4 a:hover, #m4_on			{ background: url(/grfx/navigation.png) no-repeat -369px -45px; text-decoration:none; border: 0; }
#m5 a:hover, #m5_on			{ background: url(/grfx/navigation.png) no-repeat -608px -45px; text-decoration:none; border: 0; }
#m6 a:hover, #m6_on			{ background: url(/grfx/navigation.png) no-repeat -732px -45px; text-decoration:none; border: 0; }
#m7 a:hover, #m7_on			{ background: url(/grfx/navigation.png) no-repeat -794px -45px; text-decoration:none; border: 0; }

/* ======================================= */

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb					{ font-size:0.85em; color: #999; margin-bottom: 10px; }
#breadcrumb a				{ font-weight: normal; color: #7CA629; text-decoration: none; }
#breadcrumb a:hover			{ font-weight: normal; color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

div#main
	{
	position: relative;
	height: auto;
	_height: 280px;
	min-height: 280px;
	margin: 0px;
	padding-bottom: 0px;
	}

div#content
	{
	position: relative;
	background: url(/grfx/sideline.gif) repeat-y;
	font-size: inherit;
	height: auto;
	_height: 280px;
	min-height: 280px;
	margin: 0px;
	margin-left: 200px; /* sidebar */
	padding: 15px;
	padding-left: 25px;
	}

div#content h3,
div#sidebar h3
	{
	font-weight: normal;
	font-size: 1.8em;
	margin: 0px;
	margin-bottom: 15px;
	}

div#content h4
	{
	font-weight: bold;
	font-size: 1em;
	margin-top: 15px;
	}

div#content p				{ margin-bottom: 15px; }
div#content ul				{ margin-bottom: 20px; }

div#content li
	{
	list-style-type: disc;
	margin-left:30px;
	}

div#content td				{ font-size: 1em; }


div#sidebar
	{
	width: 170px;
	margin: 0px;
	padding: 15px;
	padding-right: 0px;
	float:left;
	}

div#sidebar ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div#sidebar ul li a
	{
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 6px;
	padding-left: 0px;
	}


div#sidebar h4#extranethdr
	{
	background-color: #d9fc65;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	font-size: 1em;
	color: #7CA629;
	margin: 0px;
	padding: 2px;
	padding-left: 4px;
	}

div#sidebar #anchors		{ font-size: 0.85em; }
.date						{ font-size: 0.85em; margin-bottom: 15px; }

.content_form tr, .content_form td
	{
	font-size: 1em;
	vertical-align: top;
	}

#cntbuttons
	{
	position: relative;
	width: 50px;
	float: right;
	}

#cntbuttons img
	{
	padding-left: 5px;
	}

/* ======================================= */

/* --------------------------------------- */
/* EXTRANET */
/* --------------------------------------- */

#loginbox
	{
	position: relative;
	background-color: #b8d657;
	width: 300px;
	height: 175px;
	padding: 10px;
	}

#loginbox #h-blockleft,
#loginbox #h-blockright,
#loginbox #f-blockleft,
#loginbox #f-blockright
	{
	position: absolute;
	background: url(/grfx/h-leftcorner.gif) no-repeat;
	width: 20px;
	height: 20px;
	}

#loginbox #h-blockleft			{ top: 0px; left: 0px; }

#loginbox #h-blockright
	{
	background: url(/grfx/h-rightcorner.gif) no-repeat;
	top: 0px;
	right: 0px;
	}

#loginbox #f-blockleft
	{
	background: url(/grfx/f-leftcorner.gif) no-repeat;
	bottom: 0px;
	left: 0px;
	}

#loginbox #f-blockright
	{
	background: url(/grfx/f-rightcorner.gif) no-repeat;
	bottom: 0px;
	right: 0px;
	}

#loginbox table					{ width: 65%; margin: 30px 20px; }
#loginbox table td				{ color: #fff; }
#loginbox table td input.textinput
	{
	background: url(/grfx/background-input.gif) no-repeat;
	border: 1px solid #ccc;
	width: 100px;
	height: 20px;
	padding: 2px 0px 0px 4px;
	}

#loginbox #error,
#loginbox #thankyou
	{
	color: #fff;
	margin-top: 15px;
	}

#loginbox #error a				{ color: #00f; }

div#content #browse_extranet
	{
	position: relative;
	margin: 0px;
	}

#searched b						{ color: #7CA629; }

div#content #browse_extranet h3
	{
	background-color: #d9fc65;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	padding: 2px;
	padding-left: 6px;
	}

div#content #browse_extranet h4
	{
	background-color: #eee;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	padding: 2px;
	padding-left: 6px;
	}

#searchbar
	{
	background-color: #7CA629;
	padding: 3px;
	padding-left: 5px;
	}

#searchbar input				{ width: 380px; height: 14px; margin-right: 2px; margin-bottom: 2px; }
#searchbar input.submitbtn		{ width: auto; height: auto; margin-bottom: 0px; }

.extranet_table
	{
	width: 100%;
	padding: 4px;
	}

.extranet_cell0					{ width: 5%; padding: 2px; }
.extranet_cell1					{ padding: 2px; }
.extranet_cell2					{ font-style: italic; width: 25%; padding: 2px; }

.author							{ font-style: italic; }
#downloadbtn					{ margin-top: 10px; }

/* ======================================= */

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

div#footer
	{
	position: relative;
	background: url(/grfx/background-footer.gif) no-repeat;
	clear:both;
	font-size: 0.85em;
	color: #ccc;
	height: auto;
	min-height: 95px;
	_height: 95px;
	margin: 0px;
	padding: 0px;
	}

div#footer a			{ color: #ccc; text-decoration: none; }
div#footer a:hover		{ color: #000; text-decoration: underline; }

div#footer p#copyright
	{
	position: absolute;
	width: 300px;
	text-align: right;
	margin: 0px;
	bottom: 50px;
	right: 40px;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */
