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

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

#pageFrame {
	padding: 5px 1px;
	text-align: left;
	background: url('../imgPg/sx_colorSec20_no.gif') left top;
	}
#pageBG {
	width:940px;
	margin: 15px auto;
	}

/*
== ALL SITE FRAMES AND CELLS
	filter: alpha(opacity=40);
========================= */

#headerFrame, #mainFrame, #footerFrame {}

.leftCell 			{width: 20%;
	}
.middleCell			{width: 56%;}
.rightCell			{width: 24%;
	}
.middleRightCell	{width: 80%;}

.headerLeftCell	{width: 20%;}
.headerMiddleCell	{width: 56%;}
.headerRightCell	{width: 24%;}

.headerMiddleCell, .middleCell, .middleRightCell {}

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

#headerFrame {width: 100%}

/*	=================================
	THE LOGO DIV & TABLE 
	================================= */


#headerBG {width: 940px; height: 150px;	}
#headerBG object {width: 100%; height: 100% }
#headerBG embed {width: 100%; height: 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: 16px; 
	letter-spacing: 2px;
	font-weight: normal; 
	font-family: impact, "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 ; 
	}

/*	=================================
	HEADER SPACE - Must be activated from the site configuration
	================================= */
#headerTableSpaceBG {
	background: url('../imgPg/sx_color.gif') left top;
	padding-top: 2px;
	}
#headerTableSpace {
	background: #fff;
	padding:5px 2px;
	}
#headerTableSpace .headerSpaceLeftCell {
	text-align: left;
	}
#headerTableSpace .headerSpaceLeftCell div {
	font-size: 12px;
	font-weight: bold;
	color: #096;
	}
#headerTableSpace .headerRightCell {
	text-align: center;
	}
#headerTableSpace .headerRightCell div {
	font-size: 11px;
	font-weight: bold;
	color: #903;
	}


/*	=================================
	THE BAR DIV & TABLE 
	================================= */
#barBG {	
	padding: 5px;
	background: url('../imgPg/sx_header.gif') left bottom;
	border: 1px solid #096;

	}
#barTable {
	width: 100%;
	color: #fff;
	}
#barTable a {color: #fff; font-size: 10px; font-weight: bold;}
#barTable a:hover {color: #fc0;}

#barTable .leftCell, #barTable .middleCell, #barTable .rightCell {
	vertical-align: center;
	text-align: center;
	}
#barTable .leftCell {
	color: #cde;
	}
#barTable .middleCell {
	border: 1px solid #fff;
	background: url('../imgPg/sx_barSec.gif') left bottom;
	}
#barTable .rightCell {
	}

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

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

/*	=================================
	SPACER
	================================= */
#barSpaceBG {
	padding: 0 5px;
}
#barTableSpace {width: 100%; height: 10px;

}
#barTableSpace .leftCell {}
#barTableSpace .middleCell {
}
#barTableSpace .rightCell {}


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

#marqueeBG {font-weight: bold; font-style: italic; font-size: 12px;}
#marqueeBG a {display: block; font-size: 11px;  padding: 2px 0;}
#marqueeBG a:hover {color: #c00; 
}

/*	=================================
	FOR SEARCH INPUTS IN THE HEADER
	================================= */
.searchInput  {
	width: 130px;
	padding: 4px 2px;
	margin-right: 1px; 
	border: 1px solid #096;
	}
.searchSubmit {
	width: 60px;
	padding: 1px 2px 2px 2px;
	cursor: pointer;
	border: 1px solid #fff;
	color: #fff;
	background: #fff url('../imgPG/sx_headerSec.gif') left bottom repeat-x;
	margin-bottom: 1px;
	}

/*	=================================
	DATE/SEARCH/FLAGS ON THE TOP OF PAGE
	=========== =========== =========== */
#flagBG {
	background-image: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-image: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 {
	background: #fff url('../imgPg/sx_color10.gif') left top repeat;
	border: 1px solid #096;

}
#mainBG {
	border: 1px solid #fff;
	padding-bottom: 10px;
}

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

#mainTable .leftCell {
	}
#mainTable .middleCell {
	background: #fff url('../imgPg/sx_color10_no.gif') left top repeat;
	border: 1px solid #096;
	padding-top: 5px;
  }
#mainTable .rightCell {
	}
#mainTable .middleRightCell {
	padding-top: 5px;
	background: #fff url('../imgPg/sx_color10_no.gif') left top repeat;
	border: 1px solid #096;
}

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


/*
=====================================================================
////////////////////////////////////////////// FOOTER
===================================================================== */
#footerFrame {
	margin-top: 1px;
	padding: 7px 0 10px 0;
	background: #fff url('../imgPG/sx_line.gif') left top repeat-x; 
	}
#footerFrame a			{color: #096; text-decoration: underline;}
#footerFrame a:hover	{color: #903}

#footerBG {
	background: url('../imgPG/sx_header.gif') left -20px repeat-x; 
	border: 1px solid #096;
	margin-bottom: 10px;
}

#footerTable {
	width: 100%;
	}

#footerTable a			{color: #903;}
#footerTable a:hover	{color: #000;}

#footerTable .leftCell 	{vertical-align: top; font-weight: normal}
#footerTable .middleCell {text-align: center; 
	}
#footerTable .rightCell	{text-align: right; vertical-align: top; font-weight: bold; font-size: 12px}

.footerLeftBox,.footerMiddleBox, .footerRightBox {
	padding: 10px 6px 6px 6px;
	}

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

/* END
*/