/*treasurer.css  */

/* Define the main layout characteristics to build the columns */
body  {margin:  0em; padding: 0em; 
		 background-color: #ffd4aa;    /*  production colour  #aa7139 */
		 /*background: #FBF7BC;         /*  development colour   */
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; color: #552a00;
}


#header	{
	background: #552a00;         
	font-size:16pt; color: #ffd4aa; 
	font-family: arial, helvetica, sans-serif;
	text-align:center; 
	border: 1px solid;
	height: 80px;
	vertical-align: middle; 	
}

#left {
	width: 11%;
	min-width: 5em;
	padding-left: 1em;
	padding-right: 1em;
	float: left;
	/*border: 1px solid #333;   */
}  

#middle {
	width: 70%;
	padding-top: 0em;
	padding-left: 1em; 
	padding-right: 1em;
	margin-top: 0px;
	float: left;
	/*border: 1px solid yellow;  */
	min-height: 10em;
	
} 

#right {
	width: 10%;
	float: left;
	padding-left: 0em;
	padding-right: 1em;  
	/*border: 1px solid #333; */
}

.butMap {
	width: 125px;
	height: 2em;
	border-radius: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: 700;
	color: #ffffff; 
	background: -moz-linear-gradient(top, #ff9842, #dd6400);
	background: -webkit-linear-gradient(top, #ff9842, #dd6400);
    background: -ms-linear-gradient(top, #ff9842, #dd6400);
    cursor: pointer;
	}
	
	
.msg	{
	color:red; 
	font-weight:700;
}

.butbut {
   border-top: 2px solid #96d1f8;
   /*background: #5a6a75;*/
   background: -moz-linear-gradient(top, #ff9842, #dd6400);  
   background: -webkit-linear-gradient(top, #ff9842, #dd6400);  
   background:  -ms-linear-gradient(top,#ff9842, #dd6400 100%);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 25px 25px 3px 3px ;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: arial, serif;
   text-decoration: none;
   vertical-align: middle;
   width: 145px;
   
   }
.butbut:hover, .butMap:hover {
   border-top-color: #28597a;
   background: #ff821a;
   color: #ddd;
   cursor: pointer;
   }


.trth {
	width: 100px;
	vertical-align: bottom;
}

h1	{font-size:42pt; color: #efffff; text-align:center; 
			 padding-top: .25em; margin-bottom: 0px; margin-top: 0px;
			 /*border: 1px solid blue; */
	 text-shadow: -5px 5px 1px #AAA; /* The first parameter determines the left-right of the shadow
		                                    The second parameter determines the up-down of the shadow
		                                    The third parameter is a blur factor
		                                    The fourth is the colour  */	
}

h3	{
	text-align: center;
	font-size:  12pt;
}

/*th			{font-size:16pt; color: #ffd4aa; text-align:center; padding-top: 0.00em; margin-bottom: 0em; background: #552a00; } */


th		{
		 background-color: #552a00;          /*#c5c5FF;  */
		 margin-bottom: 0;
		 padding-top: 0.25em;
		 padding-bottom: 0.5em;
		 border-left:  2px solid #552a00; 
		 border-top:   2px solid #552a00; 
		 border-right: 2px solid #552a00; 
		 font-family: Arial, helvetica,  sans-serif ; 
		 font-size:11pt;
		 color:#ffd4aa;
}
		 
td		{
		 font-family: arial, helvetica, sans-serif;
		 font-size: 11pt; 
		 color: #552a00;
		 vertical-align: top;
		 /* border: 1px solid #333;   */
		 }
		 
		 
.unitselect {
   border-top: 2px solid #96d1f8;
   background: -moz-linear-gradient(top, #ff9842, #dd6400);  
   background: -webkit-linear-gradient(top, #ff9842, #dd6400);  
   background:  -ms-linear-gradient(top,#ff9842, #dd6400 100%);
   padding-top: 2px ;
   padding-bottom: 2px;
   padding-left:  0px;
   padding-right: 0px;
   border-radius: 25px 25px 25px 25px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: arial, serif;
   /*text-decoration: none;		*/
   vertical-align: middle;
   width: 700px;
   cursor: pointer;
   }
.unitselect:hover {
   border-top-color: #28597a;
   background: #AA550A;
   color: #fff;
   }
.unitselect:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

}

#overlay  {
	/*display: none; */
	z-index: 20; 
	background: #552a00; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0px; 
	text-align: center; 
} 

#helpbox, #interestbox   {
	display: none;   
	z-index: 30; 
	background: ##ffd4aa; 
	position: relative; 
	width: 600px; 
	margin: 150px auto 0px auto; 
	padding: 0.5em 2em 2em 2em ;
	color: #000; 
	border: 6px outset #888;
	border-radius: 5px;  
}


.divborder {
	width:  600px;
	margin: 0px auto 0px auto; 
	border: 6px outset #f88;
	border-radius: 5px;  
}