FpStyles.css~

/*general pages layout*/
#container{
	width:1000px;
	margin-right:auto;
	}



/*Form Results Page*/
#FpMap {
	float:left;
	width:40%;
	border:solid 3px black;
	height:400px;
	margin-left:10px;
	margin-top:30px;
	}
#FpResults{
	float:left;
	width:40%;
	margin-top:30px;
	text-align:left;
	background-image:url('../images/divBack.png');
	}
.alert{
	font-size:small;
	color:red;
	}
#resultHeader th {
	color:black;
	font-size:.8 em;
	writing-mode: tb-rl;
	filter: fliph flipv;
	width:35px;
	text-align:center;
	
	}

 input[type="checkbox"]#institutionSelect{
	-moz-appearance:none;
	width:20px;
	height:20px;
	padding:0%;
	margin:0%;
	font-size:large;
	
	float:right;
	}
#FpAnswers{
	float:right;
	width:35%;
	font-weight:bold;
	font-size:medium;
	height:400px;
	margin-top:30px;
	}
#FpAssessment{
	border-bottom:thin solid green;
	}
#ResultTable{
	width:100%;
	border-collapse:collapse;
	/*border:solid thin black;*/
	}
#FpSummary{
	font-weight:bold;
	font-style:arial;
	text-align:center;
	background-image:url(rowback.png);
	
	}
#FpSummary1{
	font-weight:bold;
	font-style:arial;

	text-align:center;
	background-image:url(rowback.png);
	
	}

#FpResults:hover{
cursor:pointer;}
/*Float Help*/

#float_help{
	width:200px;	
	position:fixed;
	right:280px;
	top:200px;
	z-index:1;
	border:3px outset green;
	background-color:white;
	display:none;
	}
tr#assessment{
	display:none;
	}
	
/*Form Style*/

.coach {
	font-style:italic;
	float:left;
	width:100%;
	}
.coach li {
	font-style:italic;
	font-weight:normal;
	font-size:small;
	}

	
div.formsection{
	float:left;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #AAA;
	}

.formsection  select {
font-size:larger;
}

/*input{
	font-size:.3em;
	}*/

	
input:focus,text-area:focus, select:focus{
	/*border:2px solid #7AA;*/
	 border:solid 2px #73A6FF;  
         background:#EFF5FF;  
         color:#000;
	}



.formsection label{
	display:block;
	clear:both;
	font-size:90%;
	font-weight:bold;
	margin:.5em 0 0;
	padding-bottom:.5em;
	}
.FpForm label img {
	padding:5px;
	}

.midSection{
width:70%;
float:left;
background-image:url('../images/divBack.png');
}
	
.midContent{
	width:50%;
	float:left;
	margin:10px 0 0 100px;
	}
input[type="image"]{
	float:right;
	margin:3em 5em 0;
	}
.buttongroup{
	float:left;
	}
.buttongroup input{
	float:left;
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	}
.buttongroup label{
	background-color:none;
	width:20em;
	float:left;
	margin:0 0 0 .5em;
	font-weight:normal;
	clear:none;
	}
	/*TinyForm*/
div#column{
	margin:20px;
	width:8em;
	border:1px solid #AAA;
	font-family:Arial;
	float:left;
	}

/*FpProfile*/
div#FpProfile{
	width:70%;
	float:left;
	margin:10px;}
table#PrintProduct{
	margin-left:10px;
	border:4px outset black;
	border-collapse:collapse;
	}
.printdescription{
	border:1px solid black;
	font-size:11pt;
	color:white;
	background-color:#669966;
	padding:3px;
	font-weight:bold
	}
.printlabel{
	font-size:11pt;
	text-align:center;
	border:1px solid black;
	padding:3px;
	}
.printlabel1{
	font-weight:bolder;
	font-size:13pt;
	text-align:center;
	border:1px solid black;
	border-bottom:0px;
	padding:3px;
	}
.printlabel2{
	border:0px;
	}

/*Intro Page */

#TrainingVideo{
	height:200px;
	width:250px;
	border:solid thin black;
	margin-right:10px;
	float:left;
	margin-left:10px;
	}
#IntroContent{
	margin:1%;
	width:45%;
	/*border:solid thin black;*/
	float:left;
	background-image:url('../images/divBack.png');
	}
#RightColumn{
	width:30%;
	float:left;
	}
#RightContent{
	width:90%;
	padding:5%;
	font-size:small;
	background-image:url('../images/divBack.png');
	}
#RightContent li{
	font-size:small;
	font-weight:bold;
	list-style-type:none;
	text-indent:0px;
	
	}
#RightContent>li:before{
	content:"\00BB \0020";
	color:blue;
	}

	
form#login_form {
	margin:20px 20px 20px 20px;
	padding:10px .75em .5em;
	border:5px outset #AAA;
	width:82%;
	background-image:url(rowback.png);
	} 
#FpFormFieldset{
	
	}
#IntroContent li{
	font-size:small;
	font-weight:bold;
	margin:0px 0px 3px 0px;
	}
#droplist li{
	list-style:disc;
	}

#member {
	width:170px;
	float:left;
	border:3px outset grey;
	margin-bottom:10px;}
#member p,i {
	text-align:center;
	font-weight:normal;
	font-size:small}