/* -------------------------------------------------------------*/
/* ---------------- Custom Styling Classes ---------------------*/
/* -------------------------------------------------------------*/


 
body {
	margin: 5px 5px 5px 5px;
	background-color : #FFFFFF ;
	}

th, td,tr,p,div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	###color: #333333;
	}


 
.button {
	/* this style applies to most form buttons generated by
	   Mambo and its components. Change its format here*/
	color: #343A58; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	background: #f5f5f5;
	border: 1px solid #000066;
	height: 20px;
  	cursor:  hand;
	}

.inputbox {
	/* Again, the name implies that this style changes the 
	   way those input box looks */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	background: #FFFFFF;
	border: 1px solid;
	height: 14px;
	width: 220px
	}

.back_button {
	/* this style applies to the back button button generated by
	   Mambo. Change its format here*/
	float: left;
  font-size: 12px;
  color: #FFFFFF; 
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
  padding: 4px;
	border: 1px solid #000066;
  cursor:  pointer;
}







a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFFFFF;
    color:#000;
    border:0px;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ffFFFF}

a.info img {
 border:0px;
margin-bottom: -5px;
}
a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    margin: 5px;
    left:2em; width:20em;
    border:1px solid #000000;
    background-color:#FFFE88; color:#000;
    text-align: left
}

table th {
	background: #FFFFFF;
	vertical-align: top;
	font-weight: normal;
	color: #000;
	text-align: left;
	##h-eight: 24px;
	##b-order-bottom: solid 1px #666666;
	##t-ext-transform: uppercase;
}

h1 {
                font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: bold;
	width:400px;
	padding-left: 10px;
        color: #53586D;
        text-align:left;
        background: #f5f5f5;
        line-height: 16px;
        height: 16px;
        border: 0px;

}

p {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #000;
}



.buttonarea {
	width: 80%;
	text-align: center;
}