* {font-family: Arial; font-size: 12px; color: #666666;}

/* --------- MAIN CLASSES -------- **/
body 	{margin:0; padding:0;background-color:#F5F5F5;overflow-y: scroll;}
img 	{border: 0;}
a 		{color: #0A759E; line-height: 16px;}
a:hover {color: #C90304; text-decoration: none;}
form 	{margin: 0;}

/* --------- Elements: Universal gray button -------- **/
a.unibutton		{display:block;background:url(/i/unibutton.png) top left no-repeat;height:45px;width:200px;text-decoration:none;outline:none;}
a.unibutton i	{display:block;float:right;width:10px;height:45px;background:url(/i/unibutton.png) top right no-repeat;}
a.unibutton b		{display:block;float:left;height:45px;line-height:45px;margin-left:10px;width:180px;text-align:center;color:#333;text-decoration:none;font-size:11px;background-position:-5px 0px;background-repeat: no-repeat;}
a:hover.unibutton b	{display:block;float:left;height:45px;line-height:45px;margin-left:10px;width:180px;text-align:center;color:#333;text-decoration:none;font-size:11px;background-position:-5px -35px;background-repeat:no-repeat;}

h1.bigh		{font-family:"Trebuchet MS";font-size:18px;margin:10px 0;color:#2f84cd;}

#content	{margin:0 auto;width:900px;}
#top-panel	{width:900px;height:76px;background:#14171a url(/i/top.gif) top left no-repeat;margin-top:20px;}
#userbills		{margin:10px 0 0 0;border-right:#494c51 1px solid}
#userbills td	{font-size:11px;color:#fff;padding:0 15px 0 0;margin:0;}
#userbillp		{margin:12px 0 0 0;}
#userbillp td	{font-size:11px;color:#fff;padding:0;margin:0;}
#userinfo		{margin:13px 0 0 0;height:48px;background:url(/i/userbar.png) top left repeat-x;border-left:#4b4c4e 1px solid;}


/* ------------ Outer Inerface ---------------- */
#cashouter		{width:900px;margin:0px auto;}

#cashtop1		{width:900px;height:53px;background:url(/i/cashtop1.jpg) top center no-repeat;}
#cashtop2		{width:900px;height:85px;background:url(/i/cashtop2.jpg) top center no-repeat;}
#cashtop3		{width:900px;height:89px;background:url(/i/cashtop3.jpg) top center no-repeat;}


#buttonLogin		{display:block;float:left;width:98px;height:23px;background:url(/i/buttonLogin.png) top left no-repeat;margin:22px 0 0 18px;padding:0;}
#buttonLogin:hover	{background:url(/i/buttonLogin.png) 0 -27px no-repeat;}

#buttonReg			{display:block;float:left;width:120px;height:46px;background:url(/i/buttonReg.png) top left no-repeat;margin:0 0 0 5px;padding:0;}
#buttonReg:hover	{background:url(/i/buttonReg.png) 0 -47px no-repeat;}





#menubar		{margin:6px 0 0 0;}
#menubar table	{width:100%;background:url(/i/menubar.png) top left no-repeat;height:35px;}
#menubar td		{vertical-align: middle; text-align: center;}
#menubar td	a	{color: #FFFFFF; font-size: 16px;text-decoration:none;}

.mstr			{border-right:#2e333a 1px solid}
.mmid			{border-left:#2e333a 1px solid;border-right:#2e333a 1px solid}
.mend			{border-left:#2e333a 1px solid}

.mstr:hover		{background:url(/i/menubar.png) left -35px no-repeat;border-right:#575f6b 1px solid}
.mmid:hover		{background:url(/i/menubar.png) -20px -35px no-repeat;border-left:#575f6b 1px solid;border-right:#575f6b 1px solid}
.mend:hover		{background:url(/i/menubar.png) right -35px no-repeat;border-left:#575f6b 1px solid}


.mstrs			{background:url(/i/menubar.png) left -35px no-repeat;border-right:#575f6b 1px solid}
.mmids			{background:url(/i/menubar.png) -20px -35px no-repeat;border-left:#575f6b 1px solid;border-right:#575f6b 1px solid}
.mends			{background:url(/i/menubar.png) right -35px no-repeat;border-left:#575f6b 1px solid}





.inputter		{padding:3px 6px;font-size:15px;margin:5px;}





.field {width: 232px; height: 26px; background: #e4e4e4 url(/img/f_bg.gif) no-repeat; border: 0; padding-left: 5px; padding-right: 5px; font-size: 14px; font-weight: bold; padding-top: 3px; color: #434242; margin-bottom: 14px;}

.inp {background: #e4e4e4 url(/img/login_bg.gif); border: 0; width: 232px; height: 28px; font-size: 18px; color: #999999; padding-left: 5px; padding-right: 5px; padding-top: 2px; margin-bottom: 12px;}
.inpbutton {background: #e93001 url(/img/login_button_bg.gif) no-repeat; width:68px; height: 28px; color: #FFFFFF; font-size: 18px; border: 0;}
.reglinks {padding-left: 17px;}
.reglinks a {color: #999999;}

.inf {width: 180px; text-align: center; font-size: 18px; color: #787878; vertical-align: bottom; padding-bottom: 28px;}
.inf img {margin-bottom: 8px;}

.stats {border: #FFFFFF;}
.stats th {width: 120px; height: 34px; background-color: #E93001; text-align: center; color: #FFFFFF; font-size: 12px;}
.stats td {height: 34px; background-color: #ececec; font-size: 11px; text-align: center; vertical-align: middle;}

a.dashed {
	text-decoration: none;
	border-bottom: 1px dashed;
}

/* */
td.tblhead	{background-color: #35383D;height: 22px;color: white;font-weight: bold;}
td.tblgrey	{background-color: #ECECEC;height: 22px;}
td.tblwhite	{background-color: white;height: 22px;}

div.error	{width: 700px;border: solid 1px #D2D1D1;padding: 10px;margin-top: 10px;margin-left: 10px;background-color: #F8F8F8;color: white;font-size: 12px;}

.userstat		{margin:10px 0 0 32px;}
.userstat td	{text-align:right;font-size:11px;line-height:12px;}
.userstat b		{font-size:11px;}
.userstat span	{font-size:11px;}

.icontable 		{}
.icontable td	{padding:10px 0}
.icontable h2	{color:#111;font-family:georgia;font-size:20px;font-weight:normal;margin:0 0 5px 0;padding:0;}

.greenbutt		{padding:10px 15px;background:#d0f2ce;border:#86df7f 1px solid;text-align:center}












#former				{width:350px;margin:20px auto;}

#former form, #former fieldset 			{margin:0 !important;padding:0 !important;border:0;}
#former legend em 						{position:absolute;left:-9999em;}

#former label 							{display:block;font-size:15px;color:#444;margin-bottom:2px;}
#former input.textinput 				{width:100%;border:1px solid #d3d3d3;background:#fff url(/img/forms/textinputbg.gif) repeat-x;font-size:15px;color:#000;text-indent:6px;padding:6px 0;margin-bottom:9px;}
#former input:focus 					{border-color:#77b2ee;}

#former .regbttn 					{display:block;float:right;width:125px;height:42px;background:url(/img/forms/regbttn.gif) right top no-repeat;margin-top:10px;}
#former .regbttn:hover, #former .regbttn:focus {background-position:left top;}

#former .authbttn 					{display:block;float:right;width:125px;height:42px;background:url(/img/forms/authbttn.gif) right top no-repeat;margin-top:10px;}
#former .authbttn:hover, #former .authbttn:focus {background-position:left top;}

#former .rembttn 					{display:block;float:right;width:125px;height:42px;background:url(/img/forms/rembttn.gif) right top no-repeat;margin-top:10px;}
#former .rembttn:hover, #former .rembttn:focus {background-position:left top;}


#former .getpassbttn 					{display:block;float:right;width:121px;height:42px;background:url(/img/forms/recover_login.gif) no-repeat;margin-top:10px;}
#former .getpassbttn:hover, #former .getpassbttn:focus {background-position:right top;}

#former .aclogin-action label 			{font-size:12px;color:#777;border-bottom:1px solid #d3d3d3;padding:0 0 5px;margin:0 0 7px;}
#former .aclogin-action label input 	{vertical-align:middle;}
#former a.forgotpass 					{display:block;font-size:12px;color:#aaa;}
#former a.forgotpass:hover,	#former a.forgotpass:focus {color:#8d1c1c;}





