﻿table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	/*font-family: sans-serif;*/
	font-family: sans-serif;
	font-size: 0.76em;

	background-color:#f7f7f7;
	background-repeat:repeat;
	color:#000000;
	margin: 0px;


}

h1, .h1, h2, .h2 {
    font-size: 1.2em;
    margin-top: 0px;
	font-weight: bold;
	color: #000000;
}

h5, .h5, h5, .h5 {
    font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	
}


h3 {
    font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
	color: #000000;
	
}
	
h4 {
    font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin:0px;
	color: #000000;
	
}
	
div#main {
		width:900px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		}
/************** Link Styles **************/

a:link {
    text-decoration: underline;
    font-weight : normal;
    color: #22505F;
}

a:visited, a:active {
    text-decoration: underline;
    font-weight : normal;
    color: #22505F;
}

a:hover, a:focus {
    font-weight: normal;
    text-decoration: none;
    color: #488AC7;
}

a.result
{
	font-style:italic;
	font-weight:bold;
	color:Green;
}

a.disable 
{
	text-decoration: none;
	font-weight:normal;
	color:Gray;
}

a.disable:focus
{
	text-decoration: none;
	font-weight:normal;
	color:Gray;
}

/* End of Link Styles */

/*----------------------------------------*/
div#header 
{
	
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	
	padding:0px;
	text-align:justify;			
	padding-top:0px;
	background-color:#ffffff;
	clear:both;
	vertical-align: baseline;



}
div#header .banner
{
	width:900px;
	padding-left:0px;
	height:27px;
	display: block;
	
}

/*--------FOOTER------------------*/
div#footer {
		width:900px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		
		vertical-align:middle;
		
		background-color:White;
		font-size: 0.9em;
		position: static;
		text-align: center;
		}	
		
div#footer .footerLink
{
	
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #D52B1E;
	color: #FFFFFF;

}
div#footer .footerLink A
{
	color:White;
	text-decoration:none;
}
div#footer .footerLink A:hover, div#footer .footerLink A:focus
{
	color:#FFFFFF;
	text-decoration:none;
}



div#footer .footerText
{
	font-size: 0.9em;
	background-color:#82786F;
	padding-top: 7px;
	color:White;
	
}

div#footer .footerText A
{
	color:White;
	text-decoration:none;
}

/*-----END FOOTER----------*/	

div#right 
{
		width:255px;
		padding:0px;
		padding-right:1px;
		padding-top:10px;
		
		background-color:Transparent;
		vertical-align:top;
		}
div#right .infoBanner
{
	text-align:left;
	width:auto;
	height:100%;
	background-color: #d6ecd1; 
	
	padding:0px;
	padding-left:10px;	
	
}


	
.StaticText
{
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right: 10px;
    position:inherit;


}

div#content 
{
	width:860px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right: 15px;
    color: #000000;	    
    min-height:450px;
    position:inherit;
    border-bottom: #666666 1px solid; 
    border-left: #666666 1px solid; 
    border-top: #666666 1px solid; 
    border-right: #666666 1px solid;
    
    letter-spacing:0.0em;
    word-spacing:normal;
    line-height: 1.8em;

}

.spacingStyle
{

width:auto; 
padding-top:5px;
padding-left:25px;
padding-right:20px;
line-height: 1.7em;
letter-spacing:0.1em;

}



div#contentLeftNav 
{
	width:895px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;	
	    color: #000000;	
    min-height:450px;
    position:inherit;
    border-bottom: #666666 1px solid; 
    border-left: #666666 1px solid; 
    border-top: #666666 1px solid; 
    border-right: #666666 1px solid;
    
    letter-spacing:0.0em;
    word-spacing: inherit;
    line-height: 1.5em;


}


/* Specific Table Formats */
.msgTable
{
	
	margin-left:auto; 
	margin-right:auto;
	margin-top:100px;
	padding:15px; 

}

.ratingTable
{
	margin:5px; 
	padding:0px; 
	border-collapse: collapse;
	border-style: solid; 
	border-width:1px; 
	border-color:#003366; 
	width:80%;
	text-align: center;
}
.ratingTD
{
    border-style: solid; 
    border-width:1px;
    border-color: #003366;
	padding:1px;
	width: 50px;
    vertical-align:top; 
    text-align: center;
}

.reportTable
{
	margin:5px; 
	padding:0px; 
	border-collapse: collapse;
	border-style: solid; 
	border-width:1px; 
	border-color:#003366; 
	width:100%;
}
.reportTable TD
{
    border-style: solid; 
    border-width:1px;
    border-color: #003366;
	padding:3px;
	width: 20%;
    vertical-align:top; 
}

.AuditTable
{
	margin:5px; 
	padding:0px; 
	border-style: solid; 
	border-width:1px; 
	border-color:#000000; 
	width:100%;
}




.buttonTable
{
    width:75%;
}

/************** CravingsDiary **************/

.calendarButton
{
	font-size:smaller;
	background-color:#F2AF00;
	color:Black;
}

.calendarButton2
{
	font-size:smaller;
	background-color:#72B5CC;
	color:Black;
}


.cravingsDiary 
{
	width:100%;
	text-align:center;
}


.titlebar
{
color:#FFFFFF;	
background-color:Red;

}


.cravingsDiary th
{
	border-style: solid;
	border-width:1px;
	border-color:#000000;
}
.cravingsDiary td
{
	border-style: solid;
	border-width:1px;
	border-color:#000000;
	text-align:center;
}	
.cravingsDiary td:hover
{
	background-color:#FCB5B3;
}
 End of CravingsDiary */

/* ToolTips */
.tooltip
{
    color: blue; 
    cursor: help;
    text-decoration: underline;
}
/* End ToolTips */


/* Welcome Table ************  Mileage Meter  ***************  Book Covers  *******/

.welcomeTable
{
	margin:5px; 
	padding:0px; 
	border-collapse: collapse;
	border-style: solid; 
	border-width:1px; 
	border-color:#003366; 
	width:50%;
	color: White;
}
.welcomeTable TD
{
    border-style: solid; 
    border-width:1px;
    border-color: #003366;
	padding:3px;
	width: 50%;
    vertical-align:top; 
}

.bookCover
{
	float:right;
	padding-left:10px;
	padding-bottom:5px;
	padding-top: 28px;
	
}

#Mileage
{
	font-size: 12px;
	padding:  5px 0px 0px 0px;
    letter-spacing:0mm;   
     height:87px;
}

.RedMileage
{
	padding:  0px 0px 0px 25px;
    letter-spacing:0mm;   
    height:100px;

}

#Quote
{
	font-size: 12px;
	padding:  5px 0px 0px 0px;
    letter-spacing:0mm;   
     height:87px;
}

#Mileage strong
{

}



/**********************Garamond Font***************************/
@font-face {
	font-family: Garamond;
	font-weight:bold;
	src: url('/fonts/GARREG.ttf');
}

.CustomFont{
	
	
	font-weight:bold;
}


/************* boxes ************************/


div.BorderText
{
margin-top:10px;
width:550px;
padding:10px;
border: 2px;
border:1px solid gray;
margin:0px;
}

div.BorderTextShort
{
margin-top:10px;
width:420px;
padding:10px;
border: 2px;
border:1px solid gray;
margin:0px;
}



