body {margin: 0; padding: 0;
	background: #ffffff;
	color: #ffffff;
}
body, table {
	font-size: 11px;
	font-family: verdana, arial, helvetica, "times new roman";
	line-height: 150%;
	color: #222;
}
table {
	border-collapse: separate;
	border-spacing: 1px 1px;
}
input, select, textarea	{
	font-family: verdana, arial, helvetica;
	color: #000;
}
hr	{ clear:both; height: 2px; border: 0; background: #06a; margin: 10px 0;}
form {margin: 0; padding: 0;}
ol {margin: 12px 5px 12px 16px}
ul {margin: 12px 0 12px 16px; padding: 0}
li {margin: 0 0 2px 1px; line-height: 120%;}
div p:first-child {margin-top: 0}

a		{color: #333300; text-decoration: none;}
a:hover	{color: #cc0066; }
a.linkIcon {
	padding: 2px 2px 2px 12px; 
	background: url('../imgPG/sx_dotC2.png') left 3px no-repeat; 
}
a.linkIcon:hover {
	padding: 2px 2px 2px 12px; 
	background: url('../imgPG/sx_dotC1.png') left 3px no-repeat; 
}
th {
	color: #eee;
	font-weight: bold;
	font-size: 11px;
	padding: 7px 3px;
	background: #06a url('../imgPG/grad50TW80.png') left bottom repeat-x; 
	text-align: left;
}

/*	################## PAGE CLASSES
	=====================================================*/
#pageFrame {}
#pageBG {}
#page {}

#topFrame,
#logoFrame,
#barFrame,
#spacerFrame,
#mainFrame,
#footerFrame {clear: both: text-align: center;}

#topBG,
#logoBG,
#barBG,
#spacerBG,
#mainBG,
#footerBG,
#footBG {
	clear:both; 
	display: table;
	width: 98%; 
	margin: 0 auto; 
	text-align: left;
	table-layout:fixed;
	border: 0;
	border-collapse: collapse; 
}

#top,
#logo,
#bar,
#spacer,
#main,
#footer,
#foot {display: table-row;}

.leftCell {display: table-cell; vertical-align: top; width: 20%;}
.middleCell {display: table-cell; vertical-align: top; width: 58%;}
.rightCell {display: table-cell; vertical-align: top; width: 22%;}
.leftMiddleCell {display: table-cell; vertical-align: top; width: 78%;}
.middleRightCell {display: table-cell; vertical-align: top; width: 80%;}
.soleCell {display: table-cell; vertical-align: top; width: 100%;}
.CellFoot1 {display: table-cell; vertical-align: top; width: 28%;}

/* ################## TOP LOGON AND FLAGS
.leftCell {display: table-cell; vertical-align: top; width: 22%;}
.middleCell {display: table-cell; vertical-align: top; width: 55.9%;}
.rightCell {display: table-cell; vertical-align: top; width: 22%;}
.leftMiddleCell {display: table-cell; vertical-align: top; width: 78%;}
.middleRightCell {display: table-cell; vertical-align: top; width: 78%;}
.soleCell {display: table-cell; vertical-align: top; width: 100%;}

	=====================================================*/
#topFrame {
	background: #cc0000 url('../imgPG/grad60WT60.png') repeat-x left bottom;
	padding: 5px 0;
	border-bottom: 1px #000000 solid;
}
#topBG{
	table-layout:auto;
	height: 22px;
}
#top {}
#top .leftCell .bg {padding: 3px 0 0 1px;}
#top .leftCell img {border: 1px solid #ccc;}

#top .middleCell {text-align: center;}
#top .middleCell .bg {}
#top .middleCell table {margin: 0 auto;}

#top .rightCell {text-align: right;}
#top .rightCell .bg {}
#top .middleCell table#order {
	margin: -6px auto 0 auto; 
	background: #000 url('../imgPG/grad60WT60.png') left bottom repeat-x;
	border-radius: 0 0 10px 10px;
}

#top .middleCell table {margin: auto;}
#top .middleCell table td {padding: 1px 8px;color: #ffffff;}

#top .rightCell {text-align: right;}
#top .rightCell .bg {}
#top .rightCell table {margin: 0 0 0 auto;}

#top a {color:#ee0; font-weight: normal;}
#top a:hover{color:#fff}

#top input[type="text"],
#top input[type="password"],
#top input:last-child[type="submit"] {}
#top input[type="submit"] {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #333;
}

/* ################## HEADER
	=====================================================*/
#headerFrame {background: url('../imgPG/grad240WT60_.png') left bottom repeat-x;}
#headerBG {}
#header {}

/*	=================== 
	LOGO
	===================*/
#logoFrame {}
#logoBG {
	table-layout:auto;
	background-repeat:no-repeat;
	background-position: right center;
}
#logo {}

#logoTitle {
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #903;
}
#logoSubTitle {
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}

#logo .leftCell {vertical-align: top;}
#logo .middleCell {
	background-repeat:no-repeat;
	background-position: right center;
	vertical-align: bottom;
	width:51.9%;
}
#logo .middleCell .bg {
	text-align: center; 
	font-weight: bold;
	font-size: 15px;
	font-family: georgia, times new roman, verdana;
	letter-spacing: 3px;
	padding: 0 12px 4px 12px;
	color: #ccc;
}

#logo .rightCell {
	vertical-align: bottom;
	background-repeat:no-repeat;
	background-position: right center;
	height:155px;width:26%; 
}
#logo .rightCell .bg {
	font-weight: bold;
	vertical-align: bottom;
	text-align: right;
	letter-spacing: 2px;
	padding: 0 0 8px 5px;
	font-size: 13px;
	font-family: georgia, times new roman, verdana;
	color:#ccc;
}

/* FOR FLASH OBJECTS IN HEAD TABLE */
#logo .soleCell,
#logo .soleCell .bg {padding: 0; z-index: 100;}

#logo .soleCell object,
#logo .soleCell embed {width: 100%; height: 180px; margin: 0;}

#logo .leftCell object,
#logo .leftCell embed {width: 100%; height: 180px; margin: 0;}

/* BAR
==================================*/
#barFrame {margin: 1px 0;}
#barBG {}
#bar {}

#bar .soleCell {}
#bar .soleCell .bg {text-align: center;}

/* SPACE TABLES
==================================*/
#spacerFrame {}
#spacerBG {
	background: #fff;
	vertical-align: middle;
}
#spacer {}

#spacer .leftCell {}
#spacer .leftCell .bg {}

#spacer .middleCell {}
#spacer .middleCell .bg {
	padding: 3px;
}

#spacer .rightCell {position:relative;}
#spacer .rightCell .bg {
	text-align: right; 
	font-weight: bold; 
	color: #a01;
	font-size: 12px;
	padding: 3px 3px 3px 0;
}

#marqueeBG {
	font-weight: bold; 
	font-size: 11px; 
	font-style: italic;
	margin: 0 20px;
	color: #000;
	}
#marqueeBG a {
	color: #000000;
	}
#marqueeBG a:hover {
	color: #990000;
	}


/* ################## MAIN  
	margin-top: 2px;
	=====================================================*/
#mainFrame {padding-top: 10px;}
#mainBG {}
#main {background: #e5e5e5;}

#main .leftCell {background: #fff;}
#main .leftCell .bg {padding: 1px;}

#main .leftCell .bg1 {}

#main .middleCell {}
#main .middleCell .bg {
	padding: 0 8px;
}
#main .middleCell .bg1 {
	padding: 1px 15px 10px 15px;
	background: #fff;
}

#main .rightCell {background: #fff;}
#main .rightCell .bg {padding: 1px;}
#main .rightCell .bg1 {}

#main .middleRightCell {}
#main .middleRightCell .bg {
	clear:both;
	padding-left: 1px;
}
#main .middleRightCell .bg1 {
	padding: 1px 15px;
	background: #fff;
	margin-bottom: 8px;
}

/* ################## FOOTER 
	=====================================================*/
#footerFrame {
	padding: 5px 0;
	margin-top: 10px;
	background: url('../imgPG/grad240WT40_.png') repeat left bottom;
	color: #ffffff;
}
#footerBG {
background-color: #3366cc;}
#footer {}

#footerFrame a {color: #ffffff;}
#footerFrame a:hover {color: #6699ff;}

#footer .leftCell {text-align: left; }
#footer .middleCell {text-align:center; }
#footer .rightCell {text-align: right; }

#footer .bg {padding: 8px;}
#footer .bg5 { clear:both; margin-left: 65px;
margin-top: 8px;}
#footer .bg5 a { color: #f5f5f5;}
#footer .bg5 a:hover { color: #000000;}
/* NEW TABLE WITHIN footerBG
===================*/
#footBG {}
#foot {}
#foot .soleCell{padding: 6px;
}
#poweredBy {
	float: right;
	color: #5d5d5d; 
}
#poweredBy a {color: #3366ff; }
#poweredBy a:hover {color: #3366ff}
#conditions {}


/* ########## HEADER, MAIN, FOOTER FOR CREATING PDF-Files
	=====================================================*/

#createPDF {
	background: #fff;
	color: #000;
	padding: 10px;
}
#createPDF #searchResultsBG div {
	padding: 3px 0;
}

#createPDF #footer {	
	background: #eee !important;
	color: #000;
	margin: 0 1px;
	}
#createPDF #footerTable {color: #000}

#poweredByPDF {
	color: #000; 
	background: #fff;
	padding: 2px;
}

/* 
 =================== END
*/