body 		{ margin:0px; font-family:Calibri,tahoma; font-size:12px; color:#ffffff; background:#fff ;}
img			{ border:0; }

h1 			{ color: #cc0000; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 26px; margin:0 0 10px 0; font-weight:normal;}
h2 			{ color: #cc0000; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 15px; margin:0 0 6px 0;}
h3 			{ color: #006699; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 14px; margin:0 0 6px 0;}
h4 			{ color: #cc0000; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 13px; margin:0 0 6px 0;}
h5 			{ color: #006699; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 12px; margin:0 0 6px 0;}
h6 			{ color: #cc0000; font-family: Calibri, tahoma, ms sans serif, helvetica; font-size: 11px; margin:0 0 6px 0;}

td 			{ color: #003366; font-family: Calibri, tahoma, verdana, arial, ms sans serif,helvetica; font-size: 12px;}
	td .a 	{ font-weight:bold; }

select 		{ color: #000099; border: #cccccc 1px solid; font-family: Calibri, verdana, arial, ms sans serif,helvetica; font-size: 11px; }
input 		{ color: #000099; border: #cccccc 1px solid; font-family: Calibri, verdana, arial, ms sans serif,helvetica; font-size: 11px; } 
textarea	{ color: #000099; border: #cccccc 1px solid; font-family: Calibri, verdana, arial, ms sans serif,helvetica; font-size: 11px; }

.button_style	{border:2px #ffffff; border-style: outset;}

.vistabutton		{ color:#000000; background:#ccddff; padding: 2px 4px 2px 4px;  border:2px; border-style: outset;}
.vistabutton:hover	{ color:#000066; background:#aabbcc; text-decoration:none; }




.tdBorder2	{border:1px solid #cccccc;}
.divboxgreybg{border:#999999 1px solid; padding:4px;background-color:#f7f7f7;}
.errorBG	{color: #FF0000;font-size: 14px;font-weight:bold;}


#topbody	{width:900px; margin:0 auto 0 auto;}

#top		{padding: 10px 10px 0 0; height:110px; text-align:right;
			 background: url(/images/top.png) no-repeat left ;
		 	 color:#6699cc; font-size:11px;}

#body 	{ font-size:12px; float: left; display: inline; width: 100%;}
	#body .bcimage	{margin: 12px; padding: 0px 10px; background: #ffffff no-repeat right bottom url(template/bcimage.gif);}
	#body .msgsuc 	{color: #000099;font-weight: bold;}
	#body .msgerr 	{color: #ff0000;font-weight: bold;}
	#body .grid_row_error {background-color: #cc0000; color:#ffffff;}

	

#bodycontent		{padding:10px; }


/*


/* DEFAULT Left and Right BOXES */
#action		{width:480px; height:auto; padding:8px; margin:0 20px 0 0;  border:1px solid #aabbcc; float:left;}
#binfo		{width:300px; height:auto; padding:8px; background:#dde7ee; border:1px solid #aabbcc; float:right;}
	#binfo ol {margin: 0 0 6px 15px; padding:0px;}
	#binfo li {margin: 0 0 10px 4px; }
	


/* WEBCALL Page Boxes 
#awebcall	{width:480px; height:190px; padding:8px; margin:0 20px 0 0;  border:1px solid #aabbcc; float:left;}
#bwebcall	{width:300px; height:190px; padding:8px; background:#dde7ee; border:1px solid #aabbcc; float:right;}
	#bwebcall ol {margin: 0 0 6px 15px; padding:0px;}
	#bwebcall li {margin: 0 0 10px 4px; }


/* SMS Page Boxes 
#asms		{width:480px; height:370px; padding:8px; margin:0 20px 0 0; border:1px solid #aabbcc; float:left;}
#bsms		{width:300px; height:370px; padding:0 0px 0 18px; border:0; float:right;}
	#bsms .phone 	{height:364px; width:264px; margin:0px; padding:0px;}
	#bsms .screen 	{margin: 42px 0 0 31px; width:194px; height:220px; padding:4px;font:10px; border:0px solid #000000; overflow:hidden; }
	#bsms .button 	{margin: 30px 0px 0px 28px; width:138px; height:40px; border:0px;}
 	#bsms .chars	{margin: 0px 0px 0px 10px; border:1px solid #cccccc; width:32px; font-weight:normal;}
 	#bsms .sms1		{border: 0px; width:40px; text-align:right; font-weight:bold;}


/* Verify Mobile Page Left and Right BOXES 
#avmobile	{width:480px; height:200px; padding:0 9px 16px 9px; margin:0 0 0 20px;  border:0px solid #aabbcc; float:right;}
#bvmobile	{width:300px; height:200px; padding:8px; background:#dde7ee; border:1px solid #aabbcc; float:left;}
	#bvmobile ul {margin: 0 0 6px 15px; padding:0px;}
	#bvmobile li {margin: 6px 0 0 4px; border-bottom: 1px solid #ffffff; }
	

/* Call Me Now Settings Page Boxes 
#acallmenow	{width:480px; height:210px; padding:8px; margin:0 20px 0 0; background:#dde7ee; border:1px solid #aabbcc; float:left;}
#bcallmenow	{width:308px; height:210px; padding:8px 0 8px 8px; background:#ffffff; border:1px solid #aabbcc; float:right;}
	#bwebcall ol {margin: 0 0 6px 15px; padding:0px;}
	#bwebcall li {margin: 0 0 10px 4px; }
	.ccallmenow	{padding:8px; border:1px solid #ccddee;}


/* Account Administration Page Boxes 
#aacadmin	{width:480px; height:120px; padding:8px; margin:0 0 0 20px;  border:1px solid #aabbcc; float:right;}
#bacadmin	{width:300px; height:120px; padding:8px; background:#dde7ee; border:1px solid #aabbcc; float:left;}
	#bacadmin td {padding:0px;}


/* NOTES BOXES - These boxes define the height, width of the boxes right on the page */







/* This is for the Call Me Now page - call.asp 
#boxcall	{width:480px; height:auto; padding:0px; border:4px solid #bbccdd; background:#ffffff; margin:20px auto 0 auto;}






/* This is used all over the place 
.divbox		{ border:1px solid #aabbcc; padding:4px; background:#ffffff;}



#footerclear	{display:block; background: #E3EBFD; }
#footer 		{display:block; background: #000066 url(template/bottom_back.gif) bottom left; height:26px; color: #666666; font-size:10px;}
	#footer .topsites	{float:left;  width:280px; text-align:left; color:#ffffee; padding-top:6px;}
	#footer .nav		{float:right; width:400px; text-align:right;  padding-top:6px;}
	#footer a			{color:#cccccc; padding-left:6px; padding-right:6px; text-decoration:none; font-weight:normal;}
	#footer a:hover		{color:#ffffee; text-decoration:underline; }



.header		{font:bold 17px Arial, Verdana, MS Sans Serif, Helvetica; padding-left:10px;padding-bottom:10px; padding-top:6px; margin-left:-9; margin-right:-9; margin-bottom:10; margin-top:-9;}



/* These are used on the ECom Display boxes 
.table_b1 	{border:#ccddee 1px solid; padding:0px;}
.table_top 	{color: #006699; background:#ccddee; font-size:12px; font-weight:bold;}





/* The Ones below have not been used yet 

.boxtext	{font: 11px;}
.divboxNP	{ border:#999999 1px solid;}
.divboxgreybg{border:#999999 1px solid; padding:4px;background-color:#f7f7f7;}


.td_navbar  {background:#dddddd; height:40px;color:#000066;}


.input_no	{width:150; font-weight:bold; border:#cccccc 1px solid;}

.bg_white 	{background-color:#FFFFFF; }
.bg_red 	{background-color:#993333; color:#fff; font: 12px;}
.bg_drkblue {background-color:#336699; color:#fff; font: 12px;}
.bg_drkgreen{background-color:#339966; color:#fff; font: 12px;}
.bg_blue 	{background-color:#664499; color:#fff; font: 12px;}
.bg_yel 	{background-color:#FFCC66; color:#fff; font: 12px;}


.buttonGen{background-color: #FF9D00;border: 2px #F7C77B outset;padding: 1px 4px; color:#fff; text-decoration: none;font: bold;}
 /*shift text 1px to the right and down
 .buttonGen:hover{border-style: inset;background-color: #FF9D00;padding: 2px 3px 0 5px; color:#fff;}
.buttonGen:active{color: #000000;}

.option_val1{background:#ddeeff;}
.option_val2{background:#dde7f7;}

.top_cell   {text-align:center; vertical-align:top; padding-top:10px;}
.main_cell  {background-color:#ffffff; padding:20px;}

.error		{color: #FF0000;font-weight:bold;}
.errorBG	{color: #FF0000;font-size: 14px;font-weight:bold;}
.big_red    {color: #ff0000; font-size:12px; text-align:center;}

.table_data	{color: #000000; background:#dddddd; font-size:10px;}

.tiny		{font-size:10px;font-weight:bold;}
.grid_row_error { color: #FFFFFF;background-color: #cc0000; }


*/