/* ------------------
 styling for the tables 
   ------------------   */

body
{
	background: #444;

	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	width: 900px;

	color: #B8B8B8;
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size : 12px;
}

a
{
	color: #CCCCCC;
}

.fullBody
{
	position:absolute; width:900px;
	border: 1px solid #000;
}

.body
{
	background: #222;
	width: 860px;
	padding: 20px;
	min-height: 430px;
}

.headerMain
{
	font-size : 12px;
	line-height: 10px;
	font-weight: plain;
	color: #EEEEEE;
	text-decoration: none;
	height:110px;
	background: #000;
	border-bottom: 1px solid #A00000;
}

.headerNav
{
	position: relative; top: 86px; left: 20px;
}

.headerCrumbs
{
	background:  #333;
	height:20px;
	font-size: 9px;
	line-height: 20px;
	padding: 3px 0 0px 20px;
}

.headerCrumbs a
{
	text-decoration: none;
}

.headerCrumbs a:hover
{
	color: #FFFFFF;
}

.headerCompany
{
	background:  #353535;
	padding: 8px 20px 8px 20px;
	position: absolute; top: -1px; right: -1px;

	font-size : 11px;
	line-height: 10px;
	font-weight: plain;
	color: #CCC;
	text-decoration: none;
}

.headerCompany a
{
	text-decoration: none;
	color: #E2E2E2;
}

.headerSearchBox
{
	border: 1px solid #111;
	background: #AAA;
	color: #000;
	font-size : 9px;
	padding: 2px;
	margin-left: 20px;
	height: 11px;
	margin-top: 0px;
}

.headerSearchBox:focus
{
	background: #FFF;
}

.headerPageName
{
	background: #333;
	height:26px;
	font-size: 20px;
	line-height: 20px;
	padding: 2px 0 0px 20px;
	border-bottom: 1px solid #000;
	color: #EEEEEE;
}


.header
{
	line-height: 20px;
	font-size : 16px;
}

.footer
{
	background: #000;
	color: #525252;
	height:42px;
	font-size: 10px;
	padding: 26px 7px 0px 7px;
	border-top: 1px solid #000;
}

.footer td
{
	font: 11px Arial, Helvetica, sans-serif;
}

.footer a
{
	color: #525252;
}

h1, h2, h3 {
font-weight:normal;
}

.subText
{
	padding-top: 10px;
	border-top: 1px solid #A00000;
	color: #8A8A8A;
	font-size: 11px;
	line-height: 15px;
	text-align:left;
}

.subText h2
{
	color: #CCCCCC;
	font-size: 11px;
	line-height: 15px;
	font-weight:normal;
	padding:0px 0px 9px 0px;
	margin:0px;
}

.highlight, strong
{
	color: #CCCCCC;
	font-weight:normal;
}

.subText a
{
	text-decoration: none;
}

.subText a:hover
{
	text-decoration: underline;
}

#ver-zebra
{
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-size: 12px;
	margin: 20px 0px 10px 0px;
	text-align: left;
	border-collapse: collapse;
}

#ver-zebra td
{
	padding: 8px; 
	border-top: 1px solid #444;
	color: #AAA;
	padding-bottom: 20px;
	vertical-align:text-top;
}

#ver-zebra a
{
	color: #EEEEEE;
}

.vzebra-odd
{
	xbackground: #555;
}

.vzebra-even
{
	xbackground: #777;
}

.feature
{
    border-bottom:2px #531C21 solid;
	width: 100%;
	margin-top: 20px;
	padding: 0px;
}

.featureText
{
    font-size: 12px;
	line-height: 18px;
	vertical-align: bottom;
	padding-bottom: 8px;
	padding-right: 200px;
}


.aboutLabel
{
	color: #666666;
	text-align:left;
	font-size:11px;
	line-height: 17px;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.codeBlock
{
	background-color:#333333;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-size:10px;
	line-height: 12px;
	font:'Courier New', Courier, monospace;
}

/* download */

#jsddm
{
	margin: 0;
	padding: 0;
}
	
#jsddm li
{
	list-style: square;
	color: #555;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 12px;
}

#jsddm li a, li span
{
	display: block;
	padding-right: 26px;
	text-decoration: none;
	color: #BBB;
	white-space: nowrap;
}

#jsddm li a:hover
{	
	text-decoration:underline;
}
	
#jsddm li ul
{	margin: 0;
	padding: 6px 0px 6px 0px ;
	position: absolute;
	visibility: hidden;
	border-left: none;
	margin-top: 4px;
	margin-bottom: 10px;

margin-left: -10px;	
	background: #222;
	z-index: 100;
	border: 2px solid #444;
}

#jsddm li ul li
{
margin-left: 0px;
	float: none;
	display: inline;
	margin-top: 10px;
}

#jsddm li ul li a
{	width: auto;
	background: #222;
	color: #ddd;

	padding-left: 12px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-left: none;
	
	font-size: 12px;
	line-height: 12px;

}

.menuSubhead
{
	width: auto;
	background: #222;
	color: #ddd;

	padding-left: 9px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 3px;
	
	border-left: none;
}

.menuSeparator
{
	width: auto;
	background: #666;
	color: #ddd;

	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	height: 1px;
	border-left: none;
}

#jsddm li ul li a:hover
{
	text-decoration:underline;
}

/* download */

.downloadImage
{
	float: left;

	height: 43px;
	width: 50px;
	padding: 0px;
	margin-top: -3px;
	background: transparent url("/images/download.png") no-repeat left center;

}
.downloadText
{
	background-color:#333;
	border: 1px solid #555;
	height: 27px;
	width: 180px;
	margin-left: 20px;
	padding-top: 1px;
	padding-bottom: 4px;
	line-height: 14px;
	font-size: 11px;
	color: #DDD;
	text-decoration: underline;
}

.downloadText:hover
{
	color: #FFF;
	background-color: #444;
}

.tip
{
	width: 650px;
	color: #bbb;
	font-size: 12px;
	padding-bottom: 30px;
	text-align:justify;
}

.tipTitle 
{
	padding-top: 10px; border-top: 1px solid #A00000;
	color: #eeeeee;
	font-style:italic;
	text-align:left;
	padding-bottom: 8px;
}

.tip p
{
	padding: 0px;
	margin: 8px 0px 0px 0px;
}

.offer
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

.offer li
{
	margin-left: 19px;
}

.offer li a
{
	background-image: url(images/button_white.gif);
	font-family:Arial, Helvetica, sans-serif;
	width: 105px;
	line-height: 24px;
	font-size: 13px;
	color: #222; font-weight: bold;
	text-align:center; z-index: 10;
	text-decoration:none; white-space:nowrap; display:inline-block; margin-right:5px;
	xpadding:0 1.6ex 1px; position:relative; height: 24px; xtop:-1px;
}

.offer li a:hover
{ color: #fff; font-weight: bold; background-image: url(images/button_white-over.gif); text-decoration: none; }


/* form stuff */
.inputLabel
{
	font-size: 11px;
	padding-top: 8px;
}

.inputField
{
	background-color: #eee;
	font-size: 11px;
}

input.wide
{
	width: 420px;
}

.errorMessage
{
	color: #FFFF00;
	margin-bottom: 10px;
}


.numberTab
{
	background: #333;
	border: 1px solid #666;
	color: #DDD;
	xwidth: 26px;
	xheight: 24px;
	display: inline;
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	text-align:center;
	font-size: 10px;
	cursor:pointer;
}

.numberTabHighlight
{
	background: #500;
}


.jqmOverlay { background-color: #000; }