@CHARSET "UTF-8";

body {
	padding: 0;
	margin: 0;
	font: normal 11px/14px Tahoma;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

div {
	padding: 0;
	margin: 0;	
}

p {
	padding: 0;
	margin: 0;	
}

h2 {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 7px 0 10px 0;
}

div.page {
	width: 100%;
	text-align: center;
	margin: 10px 0;
	background-color: #fff;
}

div.main {
	width: 768px;
	margin: 0 auto;
	
	background-color: #fff;
}

/* BEGIN OF header section */
div.main div.header {
	width: 100%;
	height: 154px;
	background-color: #fff;
}
div.main div.header img {
	border: 0;
}
div.main div.header p {
	height: 144px;
}
div.main div.header div.headerTile {
	float: left;
	margin: 0 1px 0 0;
	width: 76px;
	height: 76px;
}
div.main div.header div.headerBigTile {
	float: left;
	width: 76px;
	height: 77px;
}
/* END OF header section */

/* BEGIN OF menuBar section */
div.menuBar {
	width: 766px;	
	background-color: #fff;	
	border: solid 1px #000;
	height: 27px;
	background-image: url("../img/menu.gif");
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}
div.menuBar ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	border: 0px;
	
}
div.menuBar li {
	display:inline;
	font-weight: bold;
	padding: 0 2px;
}
div.menuBar li.menuElement {
	position: relative; top: -7px;
}
div.menuBar li a {
	text-decoration: none;
	text-transform: uppercase;
}
div.menuBar li a:hover {
	text-decoration: underline;
}
/* END OF menuBar section*/

/* footer section */
div.main div.footer {
	width: 100%;
	clear: both;
	height: 106px;
	background-image: url('../img/foot.gif');
	background-repeat: repeat-x;	
}
div.main div.footer p.imgs {
	text-align: center;
	padding: 30px 0 0 0;
}
div.main div.footer p.imgs img {
	padding: 0 5px;	
}
div.main div.footer p {
	padding: 28px 8px 0 0;
	text-align: right;
}

/* BEGIN OF content section */
div.main div.content {
	width: 100%;
	background-color: #fff;
	text-align: left;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
div.main div.content h1 {
	height: 21px;
	width: 150px;
	font-size: 12px;
	text-align: center;
	background-image: url("../img/menu2.gif");
	background-repeat: repeat-x;
	border: solid 1px #a8a8a8;
	padding: 6px 0 0 0;
	margin: 10px 0 0 10px;
}
div.main div.content p {
	width: 100%;
	text-align: left;
	padding: 5px 10px 0 10px;
}
div.main div.content ul {
	text-align: left;
	padding-top: 0;
	marign-top: 0;
}
div.main div.content ul li {
	padding-top: 2px;
}
/* END OF content section */

/* BEGIN OF rollUpListComponent */
div.rollUpListComponent {
	width: 150px;
	background-color: #fff;
	text-align: left;
	margin: 0 0 0 0px;
	float: left;
}
div.rollUpListComponent table.rollUpList {
	font: normal 15px/19px Tahoma #fff;	
}
div.rollUpListComponent table.rollUpList td.rollUpElementText {
	width: 130px;
	height: 29px;
	background-image: url("../img/button1.gif");
	background-repeat: repeat-x;
	border: solid 1px #000;
	text-align: center;
}
div.rollUpListComponent td.rollUpSubDarkElement {
	background-color: #44bbc1;
	text-align: center;
	
	border: solid 1px #a8a8a8;
	height: 19px;
	background-image: url("../img/menu3.gif");
	background-repeat: repeat-x;
}
div.rollUpListComponent td.rollUpSubLightElement {
	background-color: #44bbc1;
	text-align: center;
	
	border: solid 1px #a8a8a8;
	height: 19px;
	background-image: url("../img/menu3.gif");
	background-repeat: repeat-x;
}
a.rollUpLink {
	font: bold 13px/17px Tahoma;
	color: #fff;
}
a.rollUpSubLink {
	font: normal 13px/17px Tahoma;
	color: #000;
}
/* END OF rollUpListComponent */

/* BEGIN OF compressorView section*/
div.compressorView {
	float: none;
}
div.compressorView table.compressorViewTable td.gfxHeadSmallLeft {
	height: 3px;
	width: 3px;
	background-image: url("../img/compressorView/headSmallLeft.gif");
	background-repeat: no-repeat;
}
div.compressorView table.compressorViewTable td.gfxHeadSmall {
	height: 3px;
	background-image: url("../img/compressorView/headSmall.gif");
	background-repeat: repeat-x;
	width: 200px;
}
div.compressorView table.compressorViewTable td.gfxHeadSmallRight {
	height: 3px;
	width: 3px;
	background-image: url("../img/compressorView/headSmallRight.gif");
	background-repeat: no-repeat;
}
div.compressorView table.compressorViewTable td.gfxHeadBig {
	height: 30px;
	background-image: url("../img/compressorView/headBig.gif");
	background-repeat: repeat-x;
}
div.compressorView table.compressorViewTable td.gfxSide {
	width: 3px;
	background-image: url("../img/compressorView/side.gif");
	background-repeat: repeat-y;
}
div.compressorView table.compressorViewTable td.gfxFootSmallLeft {
	height: 3px;
	width: 3px;
	background-image: url("../img/compressorView/footSmallLeft.gif");
	background-repeat: no-repeat;
}
div.compressorView table.compressorViewTable td.gfxFootSmall {
	height: 3px;
	background-image: url("../img/compressorView/footSmall.gif");
	background-repeat: repeat-x;
	width: 580px;
}
div.compressorView table.compressorViewTable td.gfxFootSmallRight {
	height: 3px;
	width: 3px;
	background-image: url("../img/compressorView/footSmallRight.gif");
	background-repeat: no-repeat;
}

div.compressorView table.compressorViewTable td.compressorParamLight {
	text-align: left;
	padding: 0 8px;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffc66c;
	height: 20px;
	margin: 0px 0px 1px 0px;
	
}
div.compressorView table.compressorViewTable td.compressorParamValLight {
	padding: 0 8px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffc66c;
	margin: 0px 0px 1px 0px;
}
div.compressorView table.compressorViewTable td.compressorParamDark {
	text-align: left;
	padding: 0 8px;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffb239;
	height: 20px;
}
div.compressorView table.compressorViewTable td.compressorParamValDark {
	padding: 0 8px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffb239;
}

div.compressorView table.compressorViewTable td.compressorRenderer {
	padding: 1px;
}
div.compressorView table.compressorViewTable table.inner {
	border: solid 1px #9c9c9c;
}
div.compressorView h3 {
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
}
/* END OF compressorView section*/

/* BEGIN OF defaultView */
div.defaultView {
	width: 764px;
	padding: 1px;
	border: 1px solid #d0d0d0;
	font-size: 12px;
}
div.defaultView h1 {
	font-size: 16px;
	text-decoration: none;
	padding: 0px 0 5px 0;
	margin: 0;
}
div.defaultView div.upperLeft {
	width: 324px;
	height: 242px;
	float: left;
	background-image: url('../img/main/upperWindow.gif');
	background-repeat: repeat-x;
	border: solid 1px #d0d0d0;
	margin: 0 1px 1px 0;
	padding: 10px 20px;
	text-align: left;
}
div.defaultView div.uppperRight {
	width: 355px;
	height: 242px;
	float: left;
	background-image: url('../img/main/upperWindow.gif');
	background-repeat: repeat-x;
	border: solid 1px #d0d0d0;
	padding: 10px 20px;
	text-align: left;
}
div.defaultView div.lower {
	width: 732px;
	height: 211px;
	clear: left;
	background-image: url('../img/main/lowerWindow.gif');
	background-repeat: repeat-x;
	border: solid 1px #d0d0d0;
	padding: 10px 15px;
	text-align: left;
}
div.defaultView div.lower div.innerLower1 {
	padding: 0 0 10px 0;	
}
div.defaultView a {
	font-weight: bold;
}
/* END OF defaultView */

table.mainEditorAdmin {
	font: normal 11px/14px Tahoma;
	margin: 20px 0 0 20px;
	border: dotted 1px #000;
}
table.mainEditorAdmin th {
	text-decoration: underline;	
}
table.mainEditorAdmin td.tdStyle {
	font-weight: bold;
	padding: 1px 5px;
}

input.mainText {
	font: normal 11px/14px Tahoma;
}
select.mainSelect {
	font: normal 11px/14px Tahoma;
}
input.mainButton {
	font: normal 11px/14px Tahoma;
	border: solid 1px #000;
}