﻿.foo {}

/*Default Element Styles */
html,body {
	margin: 0;
	padding: 0;
}

BODY
{
    FONT-FAMILY: Trebuchet MS, Helvetica, Arial, sans-serif;
    /*FONT-SIZE: 67%;*/
    font-size: .67em;
    FONT-WEIGHT: normal;
	color: #333333;
	background-color: #F5F5F5;

	text-align: center;
}

TABLE, THEAD, TFOOT, TBODY, TR, TD,
INPUT, SELECT, TEXTAREA
{
    FONT-FAMILY: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 100%;
	color: #666666;
}

PRE
{
	font-family: Verdana;
	font-size: 1em;
    font-size: 100%;
	color: #000;
	margin: 0 0 1em 0;
	padding: 0;
}

TD
{
	vertical-align: top;
}

P
{
	padding: 0;
	margin: 0 0 1em 0;
	text-align: justify;
}

H1
{
	color: #0F3E6C; /*#06C;  #ADADAD */
	background: #FFF;
	background-color: #CCDCEB;
	font-size: 150%;
	font-weight: bold;
	padding: 0 1em 0.25em 0;
	margin: 0 .66em 0 0;
	text-align: right;
	border-top: dotted 1px #0F3E6C;
	border-right: dotted 1px #0F3E6C;

	background: url(images/h1_bg.jpg);
}

H2
{
	margin: 0;
	padding: 0;
	color: #06C;
	font-size: 170%;
	border-bottom: solid 1px #000080;


	background: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position:left;
	padding: 0 0 0 30px;
	line-height: 30px;

}

H3
{
	margin: 0;
	padding: 0;
	color: #000080;
	color: #003366;
	font-size: 125%;
	font-weight: bold;
}

H4
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #808080;
	font-size: 110%;
	font-family: "Courier New", Courier, monospace;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

H5
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	color: #003399;
}
H6
{
	font-size: 100%;
	font-weight: bold;
	color: #F00;
	margin: .5em 0 0 0;
	padding: 0;
}

BIG
{
	font-size: 110%;
}

STRONG
{
	font-weight: bold;
}

A, A:link, A:visited, A:hover, A:active
{
	color: #06C;
}
A:hover
{
	color: #FF0000;
}

/* Main sections */
.banner
{
	background-image: url(images/bg_banner.gif);
	background-repeat: repeat-x;
}

.center
{
	width: 72em;
	margin: 0 auto;   /* align for good browsers */
	padding: 0;
}
.headmenu
{
/*
	clear: both;
	float: left;
*/
	border-bottom: dotted 1px #ADADAD;
	margin: 0 0 1em 0;
	margin: 0;
	padding: 0.5em 0;
    width: 72em;
}
.modulemenu
{
/*
	clear: both;
	float: left;
*/
	background: #ADADAD;
	margin: 0;
	margin: 0.5em 0 0;
	/*padding: 1em 0;*/
	padding: 0;
    text-align: left;
    width: 72em;
}
.footmenu
{
/*
	clear: both;
	float: left;
*/
	border-top: dotted 1px #ADADAD;
	margin: 1em 0 0 0;
	padding: 0.5em 0;
    width: 72em;
}
.breadcrumb
{
	text-align: left;
	background: #FFF;
	color: #ADADAD;
	margin: 0.5em 0 0 0;
	padding: 0.2em 0 0 1em;
}

.moduletitle
{
}

.content
{
	display: block;
	zoom: 1;

	clear: both;
	background: #FFF;
	margin: 0;
	padding: 0.2em 0 0 1em;
	text-align: left; /* Counter the center text align */
}
.jazz
{
	padding: 0;
	margin: 0 0 1em 0;
}
.jazz embed,
.jazz object
{
	height: 13.5em;
	width: 45em;
}
.footer
{
/*
	clear: both;
*/
	background: #C0C0C0;
	color: #FFF;
}

/* Layout */
.c_1_3
{
	float:left;
	width: 22em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;
}
.c_2_3
{
	float:left;
	width: 45em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;
}
.c_3_3
{
	float:left;
	width: 68em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;
}
.c_1_2
{
	float:left;
	width: 33.5em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;
}
.c_4_9
{
	float:left;
	width: 29.5em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;
}
.r_2_9
{
	float:left;
	width: 15em;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 1em 1em 0;


	float: right;
	width: 15em;
	color: #003366;
	background:#D7E6EE;
	background-color:#C7DEEA;
	margin: 0 0 1em 1em;
	padding: 0;

}

/*
.c_1_3 IMG
{
	width: 22em;
}
.c_2_3 IMG
{
	width: 45em;
}
.c_3_3 IMG
{
	width: 68em;
}
.c_1_2 IMG
{
	width: 33.5em;
}
.c_4_9 IMG
{
	width: 29.5em;
}
.r_2_9 IMG
{
	width: 15em;
}
*/
.c_1_3 embed,
.c_1_3 object
{
	width: 22em;
	height: 30em;
}

.c_1_3 .ad,
.c_2_3 .ad,
.c_3_3 .ad,
.c_1_3 .ad img,
.c_2_3 .ad img,
.c_3_3 .ad img
{
	width: 21em;
}

.c_1_3 H3,
.c_2_3 H3,
.c_3_3 H3,
.c_1_2 H3,
.c_4_9 H3
{
	padding: 0;
	border-bottom: dotted 1px #000080;
}
.c_1_3 P,
.c_2_3 P,
.c_3_3 P,
.c_1_2 P,
.c_4_9 P
{
	padding: .5em 0;
}

.r_2_9 UL
{
	margin: 0;
	border-right: dotted 1px #0F3E6C;
	border-top: dotted 1px #0F3E6C;
	padding: 0 0 .5em 0;
}
.r_2_9 LI
{
	margin: 0;
	padding: 0;
    list-style: none;
}
.r_2_9 P
{
	border-right: dotted 1px #0F3E6C;
	border-top: dotted 1px #0F3E6C;
	text-align: left;
	padding: 0 0 .5em 0;
}

.news UL
{
	margin: 0em;
	padding: 0;
}
.news LI
{
    list-style: none;
}
.news div
{
	margin-left: 1.5em;
}

.box
{
	position: relative;
	border: dotted 1px #ADADAD;
	margin: 0 0 1em 0;
}
.boxtitle
{
	padding: .25em 0 0;
}
.boxbody
{
	color: #666666;
	padding: .5em;
}
.boxftr
{
	text-align: right;
	color: #F2F2F4;
	padding: 0.25em;
	border-left: solid 1px #8CB2D6;
	border-right: solid 1px #8CB2D6;
	border-bottom: solid 1px #8CB2D6;
	background-color: #F2F2F4;
}
.clear
{
	clear: both;
}

/* hacks */
.hh {height: auto !important;height: 1%}

/* etc */

.drivewrfclickpnl
{
	margin: 1em 0 0 0;
	text-align: center;
}
.drivewrfclickpnl TABLE
{
	width:100%;
	border-collapse:collapse;
}
.drivewrfclickpnl TD
{
	padding: .25em;
}
.drivewrfclickpnl A
{
	color: #003366;
	padding: 0 0 0 1em;
	margin:  0;
    background-image: url(images/gnav_arrow_off.gif);
	background-repeat: no-repeat;
	background-position:left;
	text-decoration: none;
}
.drivewrfclickpnl .on
{
    background: #99ccff;
	background-color: #F2F2F4;
    border-top: solid 1px #0F3E6C;
    border-left: solid 1px #0F3E6C;
    border-right: solid 1px #0F3E6C;
    border-bottom: solid 1px #F2F2F4;
}
.drivewrfclickpnl .on A
{
	color: #F00;
    background-image: url(images/gnav_arrow_on.gif);
}
.drivewrfclickpnl .off
{
	background-color: #F2F2F4;
    background: #99ccff;
    border: solid 1px #0F3E6C;
}
.drivewrfclickpnl .off A
{
}

.drivewrfclickpnl .off A:hover
{
	color: #F00;
    text-decoration: underline;
}
.drivewrfviewpnl
{
}
.drivewrfviewpnl TABLE
{
	width:100%;
	border-collapse:collapse;
}
.drivewrfviewpnl TD
{
    border-top: solid 1px #F2F2F4;
    border-left: solid 1px #0F3E6C;
    border-right: solid 1px #0F3E6C;
    border-bottom: solid 1px #0F3E6C;
}
.drivewrfhideitem
{
	position: relative;
	display: none;
}
.drivewrfshowitem
{
	position: relative;
	display: block;
}
.drivewrfviewpnl IMG
{
	width: 15em;
	margin: 0.5em;
	float: right;
}

/*
.hidepnl
{
	position: relative;
	display: none;
}
.showpnl
{
	position: relative;
	display: block;
}
*/





.right
{
	float: right;
	margin: 0 0 0 1em;
}
.left
{
	float: left;
	margin: 0 1em 0 0;
}
.hidden
{
	display: none;
}
.shown
{
	display:block;
}

.breadcrumb A:link, .crumbs A:visited, .crumbs A:hover, .crumbs A:active
{
	color: #000080;
	text-decoration: underline;
}

.cmain
{
	padding: 0 0 0 0.5em;
	margin: 1em 1em 1em 22.5em;
	border-left: dotted 1px #ADADAD;
}

.cside
{
	width: 22em;
	float: left;
	margin: 1em 0;
}
.cside IMG
{
	/*margin: 1em 0;*/
	width: 22em;
	margin: 0;
	padding: 0;
}
.cside P
{
	font-style: italic;
	font-size: 1.25em;
	font-size: 125%;
	margin: 0 0 1em 0;
	padding: 0 1em;
}
.cside HR
{
	color: #000066;
	height: 1px;
}

.question
{
	cursor: pointer;
	margin: 0 0 0.5em 0;
}
.answer
{
	display: none;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	background: #CAE3FC;
	background:#D7E6EE;
}

/* Experimental */
.jump
{
	text-align: right;
	margin: .25em;
}

.indent
{
	margin-left: 15em;
}

.dnld_lst
{
	margin: 0 0 0 1em;
}

.dnld_lst A
{
	margin: 0 0.25em;
	padding: 0 0em;
}
.dnld_lst IMG
{
	border: none;
	margin: 0;
	padding: 0 0.5em;
}

/* Accents */
.green {
	color: #003300;
	background-color:#AAFFAA;
}
.red {
	color: #330000;
	background-color:#FFAAAA;
}

.navy
{
	color: #CC0000;
}
.orange {
	color: #BD740A;
	background-color:#f4e1a6;
}
.tan {
	color: #74746E;
	background-color:#efefe1;
}
.darktan {
	color: #91906D;
	background-color:#dbdcbd;
}
.lightblue {
	color: #003366;
	background-color:#D7E6EE;
}
.darkblue {
	color: #003366;
	background-color:#C7DEEA;
}
.darkdarkblue
{
	color: #FFF;
	background-color: #003366;
}
.lighttan {
	color: #545431;
	background-color:#E8ECCD;
}
.gray
{
	color: #003366;
	background-color: #F2F2F4;
}

.chipbox_se 
{
	position: relative;
	/*margin: 0 0 1em 0;*/
	padding: 0.5em 0.5em 2em 0.5em;
	background-image: url(images/white_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.chipbox_sw
{
	position: relative;
	/*margin: 0 0 1em 0;*/
	padding: 0.5em 0.5em 2em 0.5em;
	background-image: url(images/white_corner_sw.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.vendor
{
	float: left;
	border-top: solid .1em #808080;
	border-bottom: solid .1em #808080;
	margin: 1em .25em;
	padding: 0;
	width: 22.5em;
}

object.vendor
{
	margin: 1em 0;
}

.gp
{
	width: 22em;
	height: 39.5em;
}

.pg
{
	width: 22em;
	height: 22em;
}
