/* 
====================================
	2easy Personal
====================================
	SX STYLES - STRUCTURE CLASSES
==================================== */

body	{
	margin: 0;
}
body, table, input, select {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
form	{margin: 0px; padding: 0px;}
th {
	color: #fff; 
	padding: 6px 3px;
	background: #9ab url('../imgPg/sx_header.gif') left bottom;
	border: 1px solid #000;
	}
hr		{height: 2px;color: #010101;}
ul		{margin-left: 18px;}
ol		{margin-left: 24px;}
a {color: #00f; text-decoration: none;}
a:hover {color: #d00;}

#pageFrame {
	text-align: left;
	background: url('../imgPg/sx_color20_no.gif') left top repeat-x; 
	}
#pageBG {
	width:960px;
	margin: 0;
	}

/*
== ALL SITE FRAMES AND CELLS
========================= */

#headerFrame, #mainFrame, #footerFrame {}

.leftCell 			{width: 20%;
	background: #fff url('../imgPG/sx_color.gif') left top repeat;
	}
.middleCell			{width: 56%;}
.rightCell			{width: 24%;}
.middleRightCell	{width: 80%;}

.headerLeftCell	{width: 20%;
	background: #fff url('../imgPG/sx_color.gif') left top repeat;
	}
.headerMiddleCell	{width: 56%;}
.headerRightCell	{width: 24%;}

.headerMiddleCell, .middleCell, .middleRightCell {
	border-left: 4px solid #000;
	}

/* 
=====================================================================
////////////////////////////////////////////// HEADER 
===================================================================== */

#headerFrame {width: 100%}

/*	=================================
	THE LOGO DIV & TABLE 
	================================= */
#headerBG {
	background: url('../imgPG/sx_colorSec.gif') left bottom repeat;
	}

#headerBG object {width: 100%;}
#headerBG embed {width: 100%;}

#headerTable {width: 100%;}
.headerLeftCell {
	vertical-align: bottom;	
	text-align: center;
	}
.headerMiddleCell {
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: center;
	text-align: right;
	}
.headerMiddleCell div {
	padding: 1px;
	font-size: 12px;
	}

.headerRightCell {
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: center;
	text-align: right;
	}
.headerRightCell div {
	padding: 1px;
	font-size: 12px;
	}

/*	=================================

	TEXT LOGOTYPE 
	=========== =========== =========== */
.logoTitle {
	display: block;
	font-size: 24px; 
	letter-spacing: 1px;
	font-weight: bold; 
	font-family: "Times New Roman", verdana, arial, Times; 
	}
.logoSubTitle {
	display: block;
	letter-spacing: 1px;
	font-size: 11px; 
	font-weight: bold; 
	font-family: arial, verdana, "Times New Roman", Times ; 
	}


/*	=================================
	THE BAR DIV & TABLE 
	================================= */
#barBG {	
	background: url('../imgPG/sx_colorSec10.gif') left -15px repeat;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	}
#barTable {
	width: 100%;
	color: #000;
	}
#barTable a {font-size: 10px; font-weight: bold; color: #000}
#barTable a:hover {color: #d00;}

#barTable .leftCell, #barTable .middleCell, #barTable .rightCell {
	vertical-align: center;
	text-align: center;
	}
#barTable .leftCell {
	}
#barTable .middleCell {
	}
#barTable .rightCell {
	}

#barTable .middleCell div, #barTable .rightCell div {
	}
#barTable .leftCell div {padding: 8px 0}
#barTable .middleCell div {padding: 8px 0; }
#barTable .rightCell div {padding: 3px 0 2px 0;}

#barTable .leftCell span, #barTable .middleCell span, #barTable .rightCell span {
	}

/*	=================================
	SPACER
	================================= */
#barSpaceBG {
	}
#barTableSpace {width: 100%; height: 20px;}
#barTableSpace .leftCell {
	background: #fff;
	}
#barTableSpace .middleCell {
	border-left: 2px solid #fff;
}
#barTableSpace .rightCell {}


/* BAR MARQUEE
=================*/

#marqueeBG {font-weight: bold; font-style: italic;}
#marqueeBG a {display: block; font-size: 11px; padding-bottom: 0; margin: 0 15px;}
#marqueeBG a:hover { 
}

/*	=================================
	FOR SEARCH INPUTS IN THE HEADER
	================================= */
.searchInput  {
	width: 62%;
	height: 15px;
	padding: 2px 2px 1px 2px;
	margin-right: 1px; 
	border: 1px solid #000;
	}
.searchSubmit {
	width: 28%;
	height: 20px;
	cursor: pointer;
	border: 1px solid #000;
	color: #fff;
	background: #fff url('../imgPG/sx_headerSec.gif') left bottom repeat-x;
	}

/*	=================================
	DATE/SEARCH/FLAGS ON THE TOP OF PAGE
	=========== =========== =========== */
#flagBG {
	background: url('../imgPG/sx_color40_no.gif'); 
   position: absolute;
	z-index: 100;
	right: 2%;
	top: 1px;
	font-size: 2px;
	padding: 1px;
	}
#topSearch {
   position: absolute;
   left: 40%;
   }
#topSearch form {}
#topSearch .topInput {
	width: 160px; 
	margin-right: 1px;
	font-size: 10px;
	}
#topSearch .topSubmit {
	cursor: pointer;
	height: 18px; 
	width: 50px; 
	background: url('../imgPG/sx_color.gif'); 
	color: #e0e4e8; 
	}
#dateBG {
	position: absolute; 
	z-index: 100;
	left: 5px; 
	top: 6px; 
	width: 160px;
	font-size: 10px; 
	color: #ccddee; 
	}

/*
=====================================================================
////////////////////////////////////////////// MAIN BODY
===================================================================== */

#mainFrame {}
#mainBG {}

/* =================================
	MAIN TABLE CELLS 
	=========== =========== =========== */
#mainTable {width: 100%;}

#mainTable .leftCell {
	}
#mainTable .middleCell {
  }
#mainTable .rightCell {
	}
#mainTable .middleRightCell {
}

/*	=================================
	DIVS WITHIN MAIN TABLE CELLS
	=========== =========== =========== */
#mainLeftBox {
	height: 100%;
	padding-bottom: 10px;
   }
#mainMiddleBoxFirstPage {
	height: 100%;
	padding: 0 25px;
	margin-bottom: 10px;
	}
#mainMiddleBox {
	height: 100%;
	padding: 0 25px;
	margin-bottom: 10px;
	}
#mainRightBox	{
}
#mainMiddleRightBox {
	height: 100%;
	padding: 0 0 10px 20px;
	}


/*
=====================================================================
////////////////////////////////////////////// FOOTER
===================================================================== */

#footerFrame {
	}
#footerBG {
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background: url('../imgPG/sx_color.gif') left top repeat; 
}

#footerTable {
	width: 100%;
	}

#footerTable a			{color: #000; text-decoration: underline}
#footerTable a:hover	{color: #fff;}

#footerTable .leftCell 	{
	vertical-align: top;
	font-weight: bold;
	background: url('../imgPG/sx_colorSec20.gif') left top repeat; 
	}
#footerTable .middleCell {text-align: center;
	}
#footerTable .rightCell	{
	text-align: right; 
	vertical-align: top; 
	font-weight: bold; 
	font-size: 12px;
	}

.footerLeftBox,.footerMiddleBox, .footerRightBox {
	padding: 6px; 
	}
#statInfo {margin: 3px 0 10px 3px}

#poweredBy {color: #999999;float: right; margin: 3px 4px 10px 0;}
#poweredBy a {color: #999999;text-decoration: underline;}
#poweredBy a:hover {color: #000000}


/* END
*/