/* Default font that need to be gray */
body
{
	text-align:center; /* for IE */
	padding: 0px;
	margin: 0px auto;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 12px;
    color: #421089;   /*  Call Records and Copyright  */
    background-color: #000053;  /*  Side bars  */
 /*     background-color: #33CC33;    Green Side-bars  */
}

a:link, a:visited, a:hover { color: #421089; text-decoration: none; line-height:120%; }

/*new tags shash 2009-28-10*/
#wrapper
{
    width: 1050px;/*795px;*/
    margin: 0 auto !important;
	height: 100% auto; 
    padding: 0; 
    margin: 0;
    background-color: #ffffff;
}

#content
{
	height:100% auto;
}

#header
{
}

#footer { margin: 0 auto; border-top: solid 2px #562799; zoom: 1; }

#TopMessage 
{
	/*position: absolute;
	z-index: 1;*/ 
	width: 265px;
	float: left;
	height:100% auto;
	margin-top:50px;
	font-size: 18px;
	font-weight: bold;
	text-align:left;
	/*border: 1px solid #EAB0FF;*/
}
#TopMessage a {color: #FD8129;text-decoration: none;}
#TopMessage span {color: #254286;}  /*  Top Text on right */
#TopMessage ul {padding:15px; margin:0; list-style: disc inside;}
#BottomMessage 
{
	line-height: 20px;
	color: #FD8129;   /*  Bottom text on right  */
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#BottomMessage span {color: #254286;}  /* Bullet Color */

#BackImage
{
	margin: 10px 75px 10px 100px;
	height: 100% auto; 
	/*border: 1px solid #EAB0FF;*/
	text-align:center;
	float:left;
}

#BackImage img
{
	
	/*border: 1px solid #EAB0FF;*/
	/*float:left;*/
}

.LoggedIn
{
	width:100%;
	text-align:left;
	clear:right;
	/*border: 1px solid #EAB0FF;*/
	padding-left:15px;
}

#LogIn
{
	padding: 0;
	float:left;
	text-align:center;
	width:153px;
	height: 100% auto; 
	margin-top:50px;
	margin-left:5px;
}

.LogIn
{
	/*position:absolute; 
	z-index: 1;*/
	background-color: #e6e0eC;  /*  Login main area background*/
	border: 1px solid #;
}

.LogIn .textbox {
	border: 1px solid #254286;  /*  Border around Login Text boxes  */
	/** remember to change image path **/
	background: url(none) no-repeat #9933FF;  /*  Textbox background  */
	font: 15px bold;
	color: #ffffff;
	padding-left:5px;
}

.LogIn .button {
	border: 1px solid #b3a1c7;
	/** remember to change image path **/
	background: url(none) no-repeat #A47BB2;  /*  Button at the bottom of the login page  */
	font: 14px bold;
	color: #ffffff;
}

.LogIn div
{
	text-align:left;
	/*padding-left:5px;*/
}

.LogIn label 
{
	font: 13px bold;
	color: #6A3180;
}

.modalBackground
{
    background-color: #ffffff;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalPopup
{
	background-color:#F4F4F4;
    /*filter:alpha(opacity=70);
    opacity:0.7;*/
    width: 250px;
    height: 150px;
    color: #421089;
    border: solid 1px #7B7B7B;
    text-align: center;
    /*cursor: move;*/
}

#LoginPopup .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#LoginPopup .buttons {width:160px; float:right; padding:10px 8px 0;} 
#LoginPopup .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; border:1px solid #bbb; cursor:pointer;} 
#LoginPopup h2 {height:30px; width:100%; color:#fff; background-color: #1B5790; font-size:1.1em; font-weight:bold; line-height:30px;}

/*end new tags shash 2009-28-10*/


/*progress bar rendering*/
.progress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.container
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.header
{
    background: url(img/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
}
.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
/*progress bar rendering*/