.blockleft { float: left; padding: 10px; }

.blockright { float: right; padding: 10px; }



/* BLUE */

.tableblue { border: 1px dashed #87ceeb; }

.tableblue tr.mtrow { background-color: #f5fffa; }

.tableblue tr.mtrow.alternate { background-color: #f0f8ff; }



.textblue { color: navy; }

.textblue strong { color: #8b0000; }

.textblue.voted { color: #1e90ff; }

.textblue.voted strong { color: #ff4500; }



.buttonblue.gdinactive { border-color: #708090; background-color: #e6e6fa; }

.buttonblue.gdactive { border-color: #00008b; background-color: #add8e6; }

.buttonblue.gdinactive a { color: gray; }

.buttonblue.gdactive a { color: #0000cd; }



/* RED */

.tablered { border: 1px dashed #ffd700; }

.tablered tr.mtrow { background-color: #ffffe0; }

.tablered tr.mtrow.alternate { background-color: #fffacd; }



.textred { color: maroon; }

.textred strong { color: black; }

.textred.voted { color: #ff6347; }

.textred.voted strong { color: #dc143c; }



.buttonred.gdinactive { border-color: #708090; background-color: #e6e6fa; }

.buttonred.gdactive { border-color: maroon; background-color: #ffd700; }

.buttonred.gdinactive a { color: gray; }

.buttonred.gdactive a { color: red; }



/* GREEN */

.tablegreen { border: 1px dashed #228b22; }

.tablegreen tr.mtrow { background-color: #fffff0; }

.tablegreen tr.mtrow.alternate { background-color: #f0fff0; }



.textgreen { color: #006400; }

.textgreen strong { color: #191970; }

.textgreen.voted { color: #3cb371; }

.textgreen.voted strong { color: #a52a2a; }



.buttongreen.gdinactive { border-color: #708090; background-color: #90ee90; }

.buttongreen.gdactive { border-color: #32cd32; background-color: #228b22; }

.buttongreen.gdinactive a { color: gray; }

.buttongreen.gdactive a { color: #00fa9a; }



.tplresults { width: 100%; border: 1px solid #01678f; }

.tplresults img { padding: 0; background: none; margin: 0; border: none; }

.tplresults thead td { background-color: #01678f; color: white; font-weight: bold; padding: 2px 5px; }

.tplresults .rank { text-align: center; width: 20px; }

.tplresults .votes { text-align: center; }





/* ------------------

 styling for the tables 

   ------------------   */





body

{

	line-height: 1.6em;

}



#rounded-corner-front

{

	font-family: Arial, Tahoma, Verdana;

	font-size: 12px;

	margin: 2px;

	width: 635px;

	text-align: left;

	border-collapse: collapse;

}

#rounded-corner-front thead th.rounded-company-front

{

	background: #01678f url('/images/table-images/left.png') left -1px no-repeat;

}

#rounded-corner-front thead th.rounded-q4-front

{

	background: #01678f url('/images/table-images/right.png') right -1px no-repeat;

}



#rounded-corner-front tr.xxx td {

	background-color: #08c717; color: black;

	border-top: 3px solid #fff3c3;

	border-bottom: 3px solid #fff3c3;

	font-weight: bold;

}



#rounded-corner-front tr.xxx:hover td {

	background-color: #08d518; color: black;

}



#rounded-corner-front th

{

	padding: 8px;

	font-weight: normal;

	font-size: 13px;

	color: #ffffff;

	background: #01678f;

}

#rounded-corner-front td

{

	padding: 8px;

	background: #0089bf;

	border-top: 1px solid #fff;

	color: #000000;

}

#rounded-corner-front tfoot td.rounded-foot-left-front

{

	background: #01678f url('/images/table-images/botleft.png') left bottom no-repeat;

}

#rounded-corner-front tfoot td.rounded-foot-right-front

{

	background: #01678f url('/images/table-images/botright.png') right bottom no-repeat;

}

#rounded-corner-front tbody tr:hover td

{

	background: #0098d3;

}



#rounded-corner-front thead th.rounded-q1-front

{

	text-align: left;

	font-weight: bold;

}

#rounded-corner-front thead th.rounded-q2-front

{

	text-align: left;

	font-weight: bold;

}

#rounded-corner-front thead th.rounded-q3-front

{

	text-align: left;

	font-weight: bold;

}

#rounded-corner-front tbody td.rank

{

	text-align: center; width: 20px;

 }

#rounded-corner-front tbody td.votes

{

	text-align: center; width: 20px;

	font-weight: bold;

	color: #fffc00;

	text-shadow: #000000 0.1em 0.1em 0.2em;

 }

#rounded-corner-front a

{

	color: #ffffff;

	font-weight: bold;

	text-decoration: none;

}

#rounded-corner-front a:hover { 

	font-weight: bold;

	text-decoration: none;

	border-width: 0px 0px 1px 0px;

	border-style: none none solid none;

	border-color: 01678f;

}