/* Design created by Michael Canejo
	mikecanejo@gmail.com
	02/15/2011
*/

body
{
	background: #3f4e0c;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin:8px 0 16px;
	text-align:center;
	/*background-image: url(/style/Eotl_smaller.png); 
	background-repeat: repeat-xy;*/

}
.link1 {
	COLOR: #eff7ff;
}
.link1:visited {
	COLOR: #eff7ff;
}
.link1:hover {
	COLOR: #eff7ff;
}
.link2 {
	FONT-WEIGHT: bold; COLOR: maroon;
}
.link2:visited {
	FONT-WEIGHT: bold; COLOR: maroon;
}
.link2:hover {
	FONT-WEIGHT: bold; COLOR: maroon;
}
.link3 {
	COLOR: #93bee2;
}
.link3:visited {
	COLOR: #93bee2;
}
.link3:hover {
	COLOR: #93bee2;
}
.title {
	FONT: BOLD 7pt Tahoma;
}


.fore0 {
	COLOR: #eff7ff;
}
.fore1 {
	COLOR: #93bee2;
}
.fore2 {
	COLOR: #336699;
}
.fore3 {
	COLOR: #000000;
}
.back0 {
	BACKGROUND: #FFFFFF;
}
.back1 {
	BACKGROUND: #FFFFFF;
}
.back2 {
	BACKGROUND: #4265a5;
}
.back3 {
	BACKGROUND: #003366;
}
.back4 {
	BACKGROUND: #efefef;
}
.back5 {
	BACKGROUND: #FFFFFF;
}
.fore5 {
	COLOR: #dddddd;
}
.back5 {
	BACKGROUND: #dddddd;
}
.linkx {
	COLOR: #336699;
}
.linkx:visited {
	COLOR: #336699;
}
.linkx:hover {
	COLOR: #93beff;
}
label.forex {
	font: 12px "Arial", Helvetica, sans-serif;
	color: red;
	line-height:300%;
}
label.forexy {
	font: 12px "Arial", Helvetica, sans-serif;
	color: green;
	line-height:300%;
}


#error_msg
{
	width:85%;
	border: 1px dotted red;
	padding:2px 2px 2px;
	color: red;
	font: 900 10px "Arial", Helvetica, sans-serif;
}


.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}



/**** Buttons ****/
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
	color:#000;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}
label.loginfield
{
	color:#FFFFAE;
	font-size:155%;
	font-weight:700;
}

label.header
{
	color:#22B14E;
	font-size:145%;
	font-weight:900;
}

a.login {
	text-decoration: none;
	color: green;
	font: 500 10px "Arial", Helvetica, sans-serif;
}
a.login:hover {
	text-decoration: underline;
	color: green;
	font: 500 10px "Arial", Helvetica, sans-serif;
}

label.general {
	color: green;
	font: 500 10px "Arial", Helvetica, sans-serif;
}

label.signup {
	color: green;
	font: 500 14px "Arial", Helvetica, sans-serif;
	line-height:150%;
}

input.text
{
	
	border:2px solid #000;
	background-color:#b4c9ae;
	font-size:100%;
	margin:0;
	padding:4px 0;
}
.linkclose {
	FONT: 7pt Tahoma; COLOR: #000; FONT-WEIGHT: normal; TEXT-DECORATION: none;
}
.linkclose:visited {
	COLOR: #000; FONT-WEIGHT: normal; TEXT-DECORATION: none;
} 
.linkclose:hover {
	COLOR: #905446; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}

/**************** CUSTOM BUTTON **************/


ul {
	padding: 5px;
	margin: 1px 0;
	list-style: none;
	background-color: #ffffff;

	float: left;
	clear: left;
}

ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 1px;
}

ul li a {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: 900 12px/20px "Arial", Helvetica, sans-serif;
}

ul li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 1px 3px 12px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

/*GREEN*/

ul.green li a.current, ul.green li a  {
 	color: #576d07;
	background: url(../style/green.png) no-repeat top right;
}

ul.green li a.current span, ul.green li a span {
	color: #576d07;
	background: url(../style/green.png) no-repeat top left;
}

/*BLUE*/
ul.blue li a.current, ul.blue li a:hover {
	background: url(../style/blue.png) no-repeat top right;
 	color: #0d5f83;
}

ul.blue li a.current span, ul.blue li a:hover span {
	background: url(../style/blue.png) no-repeat top left;
}

/*PINK*/
ul.pink li a:hover {
 	color: #860737;
	background: url(../style/pink.png) no-repeat top right;
}

ul.pink li a:hover span {
	background: url(../style/pink.png) no-repeat top left;
}

ul.pink li a.current {
	background: url(../style/pink.png) no-repeat top right;
 	color: #860737;
}

ul.pink li a.current span {
	background: url(../style/pink.png) no-repeat top left;
}

/*RED*/
ul.red li a:hover {
 	color: #000000;
	background: url(../style/red.png) no-repeat top right;
}

ul.red li a:hover span {
	background: url(../style/red.png) no-repeat top left;
}

ul.red li a.current {
	background: url(../style/red.png) no-repeat top right;
 	color: #000000;
}

ul.red li a.current span {
	background: url(../style/red.png) no-repeat top left;
}