/* Tags */

body 						  { font-size:14px; font-family: "Gill Sans", "Trebuchet MS", FreeSans, Verdana, Arial, sans-serif; }

h1, h2, h3, h4				  { font-family: Georgia; color: #37362f; }

ul 							  { margin: 0px; padding: 0px; list-style: none; }

ul li						  { margin: 0px; padding: 0px; vertical-align: top; }

strong 					      { color: gray; }

p							  { margin: 0px; padding: 0px; }

/* End Tags */

/* Main */

#mainDiv 					  { width: 800px; padding: 0px;  margin: 0px auto;}

#mainContent				  { width: 600px; float: left;}

.tabContent 				  { height: 550px; margin: 0px; padding: 0px;}

.tabContent div p		  	  { height: 25px; }

.subTabContent 				  { height: 500px; margin: 0px; padding: 0px;}

.subTabContent div p		  { height: 25px; }


.contentList			      { border-top: 1px solid #80A0AA; }

.contentList_li 			  { border-bottom: 1px solid #80A0AA; }

.contentListRight_li:hover 	  { background: url('images/libg.jpg') repeat-y; }

.contentListLeft_li:hover 	  { background: url('images/libgrev.jpg') repeat-y; }

.contentListDisabledRight 	  { background: url('images/libgDis.jpg') repeat-y; border-bottom: 1px solid #80A0AA; }

.contentListDisabledLeft 	  { background: url('images/libgrevDis.jpg') repeat-y; border-bottom: 1px solid #80A0AA; }


.leftList					  { width: 50%; float: left;  text-align: center; }

.rightList					  { width: 50%; float: right; text-align: center; }


.hwList						  { margin-right: 5px; }

.hwList	li 					  { height: 103px; padding-top: 5px; border-left: 1px solid #80A0AA; }

.hwList	li p				  { width: 145px; height: 86px; text-align: left; margin-right: 4px; float: right; clear: right; }

.hwList	li .hwPicture 		  { height: 90px; border: 1px solid #80A0AA; float: left; margin-left: 10px; margin-top: 2px; }

.hwList li .info			  { float: right; clear: right; margin: 0px; margin-right: -1px; margin-top: 2px; cursor: pointer; }

.hwList input			  	  { margin: 0 0 3px 7px; vertical-align: middle; }


.cardListLeft				  { margin-right: 5px; }

.cardListLeft li 			  { height: 103px; padding-top: 5px; border-left: 1px solid #80A0AA; }

.cardListLeft li p		  	  { width: 145px; height: 86px; text-align: left; margin-right: 4px; float: right; clear: right;}

.cardListLeft li .hwPicture   { height: 90px; border: 1px solid #80A0AA; float: left; margin-left: 15px; }

.cardListLeft li .info		  { float: right; clear: right; margin: 0px; margin-right: -1px; margin-top: 2px; cursor: pointer; }

.cardListLeft input		  	  { margin: 0 0 3px 7px; vertical-align: middle; }


.cardListRight				  { margin-left: 5px; }

.cardListRight li 			  { height: 103px; padding-top: 5px; border-right: 1px solid #80A0AA; }

.cardListRight li p		  	  { width: 145px; height: 86px; text-align: right; margin-left: 4px; float: left; clear: left; }

.cardListRight li .hwPicture  { height: 90px; height: 90px; border: 1px solid #80A0AA; float: right; margin-right: 10px; }

.cardListRight li .info		  { float: left; clear: left; margin-left: -1px; margin-top: 2px; cursor: pointer; }

.cardListRight input		  { margin: 0 7px 3px 0; vertical-align: middle; }


.amount						  { width: 25px; margin: 0px; padding: 1px; }

.arrow						  { padding: 0px; vertical-align: middle; margin: 0px; margin-top: -1px; cursor: pointer; }

.arrowRight					  { padding: 0px; vertical-align: middle; margin-left: -8px; margin-top: -1px;}

/* End Main */


/* Result Bar */

#rightContent				  { width: 199px; height: 513px; border: 1px solid gray; border-left: 0px; border-top: 0px; float:left; margin-top: 27px; 
								background-color: #2647A0; color: white; padding-top: 5px; }

#rightContent h3 			  { color: white; }

#rightContent hr			  { color: #EDF5FF; }

#rightContent .aboutbox		  { text-align: right }

#rightContent .aboutbox a, 
#rightContent .aboutbox a:visited  {color: white; margin-right: 20px; }

.resultList			  		  { margin: 0px; padding-left: 3px; padding-top: 20px; padding-bottom: 20px; }

.resultList li		  	  	  { width: 100%; display: block; height: 20px; margin: 0px; padding: 0px; text-align: center;}

.resultList li h3		  	  { text-align: center; margin: 0px; height: 20px; padding: 0px;}

.resultList li .rightLabel 	  { width: 100px; float: left; height: 20px; text-align: right; margin: 0px; font-weight: bold;}

.resultList li .rightText     { width: 70px; float: right; height: 20px; text-align: left;  margin: 0px; padding-left: 5px;}

#disclamer					  { margin: 0px; padding: 2px; background-color: white; text-align: center; color: grey; font-size: 89%;}

/* End Result Bar */

/* Info Dialog */

#infoBody 					  { padding: 5px; }

#infoBody b				 	  { margin-bottom: 10px; }

#infoBody img				  { float: right; border: 1px solid gray; margin: 3px; height: 100px; }

#aboutBody 					  { padding: 5px; }

#aboutBody b				  { margin-bottom: 10px; }

#aboutBody img				  { float: right; border: 1px solid gray; margin: 3px; height: 100px; }

/* End Info Dialog */