/* 
	THE FOLLOWING ARE THE STYLES THAT NEED TO BE UPDATED ON style2.css TO REFLECT ON MEDIA=PRINT MODE
				 		-----VIEW---- 	 ----PRINT----
		div.fixed: 		display:none;	display:none;
		div.printonly: 	display:none;	display:block;
		div.viewonly: 	display:block;	display:none;
		div.timer: 		display:none;	display:none;
		div.pagecenter:	left:166px;		left:0px;
		a								color:black

		facebook:
			blue			#3b5998
			medium blue 	#8b9dc3
			lighter blue	#dfe3ee
			lightest blue	#f7f7f7

border-radius:20px;
*/

html {
	background-color:#4E94AB;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
/*	letter-spacing:0.34em;*/
	}	

input, textarea, select, button {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:black;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	
.center {
  text-align: center;
}
				
.tranparent{
	border:none;
	background:none; 
	text-align:right;
	
	}

.auto{
	font-size: 1em;
	margin-bottom:0;
/*	float:left; */
	text-align:right;
	}

a {text-decoration:none;
	}

a:visited {color:#00F
	}

a:hover {
	text-decoration:warning;
	font-weight:bold;
	}

.fixtop{
	position:fixed;
	top:0px;
	left:155px;
	right:0px;
/*	background:url(background.gif); */
	display:block;
	}
	
.pagecenter{
	position:absolute;
	top:0px;
	left:155px;
	right:0px;
	margin:0;
	}

.printonly{
	display:none;
	}
	
.viewonlywithbackground{
	background-color:#EEE;
	display:block;
	}

.viewonly{
	display:block;
	}

.printbreak{
	page-break-before:always;
	}

h 	{ 
	}
	
.center {text-align:center;}

.right {text-align:right;}


.bordertop
	{
        border-top:thin solid;
	}

.borderbottom
	{
        border-bottom:thin solid;
	}

.borderright
	{
        border-right:thin solid;
	}

.borderleft
	{
        border-left:thin solid;
	}

.borderall
	{
        border-top: thin solid;
		border-right: thin solid;
		border-left: thin solid;
		border-bottom: thin solid;
	}
	
.borderallgrey
	{
        border-top: thin solid #999;
		border-right: thin solid #999;
		border-left: thin solid #999;
		border-bottom: thin solid #999;
		border-bottom-color:#999;
		border-top-color:#999;
		border-left-color:#999;
		border-right-color:#999;
	}
	
	
.bordernone
	{
		border-bottom-color:#e3f0f7;
		border-top-color:#e3f0f7;
		border-left-color:#e3f0f7;
		border-left-right:#e3f0f7;
	}

.bordertotal
	{
		border-bottom-color:#e3f0f7;
		border-top-color:#e3f0f7;
		border-left-color:#e3f0f7;
		text-align:right;
	}

.borderdoublebottom
	{
        border-bottom:medium double;
	}

pre {display:block;
	}

table{
		border-collapse:collapse;
	}

tr	{
	}

td {
	}

th {
	}

.padding {
		padding-left:5px;
		padding-right:5px;
	}

.alt1{
	background-color:#f7f7f7;
	background:#f7f7f7;
	}

.alt2{
	background-color:#e3f0f7;
	}
	
.outertable{
	background-color:#e3f0f7;
	margin:auto; 
}
	
.narrow{
	font-stretch:condensed;
	}
	
.narrowonprint{
	}
	
.redonview{
	color:red;
	}

.autooverflow{
	overflow:auto;
	}	
	
@keyframes warning {  
	0% { color: red; }
	60% { color: red; }
	100% { color: white; }
}
@-webkit-keyframes warning {
	0% { color: red; }
	60% { color: red; }
	100% { color: white; }
}
.warning {
	-webkit-animation: warning 1.5s linear infinite;
	-moz-animation: warning 1.5s linear infinite;
	animation: warning 1.5s linear infinite;
}

/* special css*/	
.focused {
	background: #A8F9FF;
}

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
	}

.hint{ /*CSS for link that shows hint onmouseover*/
	color: black;
	}