/*  cssStd.css
	by M D Yarnell
	2 June 2010
*/

body{
	background-image:url("../Pictures/initials.png");background-repeat:repeat; 
}
/* Styles used by default */
a:hover{cursor:pointer;}
h1{font-size: 325% ;font-weight: normal;}
h1.shadow{color:red;text-shadow: 5px 5px 5px #00f;}
h2{font-size: 250% ;font-weight: normal;}
h3{font-size: 175% ;font-weight: normal;}
p{font-size: 100% ;font-weight: normal;}
table{font-size: 100%;width:100%;border-collapse:collapse;}
table.central{max-width: 560px;overflow:scroll;}
td{vertical-align:top;padding:5px 10px 5px 10px;border-style: 1px solid black;}
th{font-weight:bold;vertical-align:top;padding:5px 10px 5px 10px;border-style: 1px solid black;}
img.floatLeft { float: left; margin: 4px; }
img.floatRight { float: right; margin: 4px; }
iframe {width:800px;height:600px;margin: 0;border: 0;}

#content{width:1000px;height:auto;margin-left:auto;margin-right:auto;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: 100;}

#header {color: #ffffff;text-align:center;float:left;width:100%;clear:both;padding:5px;
	background-image: -moz-linear-gradient(50% 100%,  #246 , #48c );
	background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, from(#246) , to(#48c) );}
#left {	float:left;width:150px;clear:left;line-height:120%;padding-right:5px;font-family:"Times New Roman", Times, serif;font-size:smaller;}
#centre{float:left;width:560px;padding-left:10px;padding-right:10px;border-left:1px solid #444488;border-right:1px solid #444488;font-size:small;overflow:scroll;}
#right {float:right;width:250px;clear:right;line-height:120%;padding-left:5px;font-family:"Times New Roman", Times, serif;font-size:smaller;}
#footer{float:left;width:100%;clear:both;text-align:center;color: #aaaaaa;}

.centre_text{text-align:center;}		
		#app {
			width:1000px;
			font-size: xx-small;
			margin-left:auto;
			margin-right:auto;
			font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		#app table{
			table-layout:fixed;
			border: 10px groove blue;
		}
		#app th{
			font-size: medium;
			border-top: 2px solid blue;
			border-right: 1px solid blue;
			border-bottom:1px solid blue;
			border-left:1px solid blue;
		}
		#app td{
			border: 1px solid blue ;
			text-align:center;
			vertical-align:middle;
		}
		
		.expand{
			color: #666688;
			font-size: 85%;
		}
		
		.cent_table td{
		  text-align:center;
		}
		.good_progress{
		  background-color:#44DD44;
		}
		.poor_progress{
		  background-color:#DD4444;
		}
		.unknown_progress{
      background-color:#888888;
    }

		
		
.no_underscore {text-decoration: none; color:black;}
		
		
		.link a:hover{
			background-color: yellow;
		}
		
		.ordinary a{
		  color:#0000FF;
		  font-variant: small-caps;
		}
		.left {float:left;width:150px;padding-right:10px;}
		div.left p {text-align:left;font-style: italic;font-size: smaller;text-indent: 0;}
		div.left img {width:150px;}
		.right {float:right;width:150px;padding-left:10px;}
		div.right p {text-align:left;font-style: italic;font-size: smaller;text-indent: 0;}
		div.right img {width:150px;}
		.newline{clear:both;}
		.unit {color: #BB3300;}
		
		.verticalText{
			text-align: center;
			vertical-align: middle;
			width: 20px;
			margin: 0px;
			padding: 0px;
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 10px;
			white-space: nowrap;
			word-wrap:break-word;
			-webkit-transform: rotate(270deg); 
			-moz-transform: rotate(270deg);  				
		}
.tooltip{
	display: inline;
	position: relative;
}
.tooltip:hover:after{
	background: #333;
	background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.ajax_loading {
	display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Pictures/FhHRx.gif') 
                50% 50% 
                no-repeat;	
}
body.loading {
    overflow: hidden;   
}
body.loading .ajax_loading {
    display: block;
}