#container {
	padding:1px;
} 		  
  
.conTable
{
	border:-1px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-bottom: 0px;	 
	font-size:xxsmall;	 
	font: 90%/100% Georgia, 'Times New Roman', Times, serif;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

.templateTab, .templateTab:visited
{
	height:20px;
	padding:5px;
	padding-right:20px;
	padding-left:20px;
	border-bottom:0px;
	color:#ffffff;
	background:#CECECE;	  
	font-size:small;  
	font-family:sans-serif;  
	font-weight:bold;
}
.templateTab:hover
{
   	color:#ffffff;
	background:#888888;	
	border-bottom:0px;
}
.templateTab:active
{
   	color:#ffffff;
	background:#000000;	
	border-bottom:0px;
}



body 
{ 
	background-color:#FFFFFF;	
	font: 90%/150% Georgia, 'Times New Roman', Times, serif;
	color: #525252;	 
	width:100%;
	/*width: 1064px;	*/
	margin: 0px auto;
}	


.quotecheck {
   border:1px solid #9FCFFF;
   background:#D7EBFF url('../images/check.png') no-repeat left center;
   margin-left: 10%;
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 10px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:11px;
   font-family:Arial;
   color: #000000;
}

.quotewarn {
   border:1px solid #FF9900;
   background:#FFCC66 url('../images/warningIcon.png') no-repeat left center;
   margin-left: 10%;
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 10px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:11px;
   font-family:Arial;
   color: #000000;
}


.quotegrey {
   border:1px solid #666633;
   background:#C0C0C0 url('../images/greyCheck.png') no-repeat left center;
   margin-left: 10%;
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 10px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:11px;
   font-family:Arial;
   color: #006666;
}

.quotealert {
   border:1px solid #9FCFFF; 
   background:#D7EBFF url('../images/warning.png') no-repeat left center; 
   margin-left: 10%; 
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 50px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:11px; 
   font-family:Arial;  
   color: #000000;
}	   

.quote {
   border:1px solid #9FCFFF; 
   background:#D7EBFF url('') no-repeat left center; 
   margin-left: 10%; 
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 10px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:11px; 
   font-family:Arial; 
   color: #000000; 
}


/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}	


.nothing, td.nothing, tr.nothing, table.nothing
{
	border:0px;
	border-left:0px solid #ffffff;
	border-top:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	border-right:0px solid #ffffff; 
	padding:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	
} 

a {
		color:#950000;
		border-bottom: 1px dashed #6495ED;
		text-decoration:none;
}

a:link 
{
	border-bottom: 1px dashed #6495ED;
}
 
a:visited {
		font-weight:normal;
		color:#950000;
		text-decoration: none; 
		border-bottom: 1px dashed #CED7ED;
}

a:hover {
		border-bottom: 1px dashed #bbb;
}

img.a {
		color:#950000;
		border-bottom: 0px dashed #6495ED;
		text-decoration:none;
}

img.a:link 
{
	border-bottom: 0px dashed #6495ED;
}
 
img.a:visited {
		font-weight:normal;
		color:#E39F8C;
		text-decoration: none; 
		border-bottom: 0px dashed #CED7ED;
}

img.a:hover {
		border-bottom: 0px dashed #bbb;
} 

/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort
*/	


body.sort-active *
        {
        cursor:wait;
        }


h2 span
        {
        font-variant:small-caps;
        }
p{
 	font-size: 10px;
	border:0px dotted #7CE5DD;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px; 
	padding-right: 24px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}	
					 p a
        {
        font-weight:normal;
        outline:none;
        }
p a:link,
p a:visited
        {
        color:#333;
        text-decoration:underline;
        }
p a:hover
        {
        color:#fff;
        text-decoration:none;
        }
p a:active
        {
        color:#000;
        text-decoration:underline;
        }
code
        {
        font-family:'andale mono','lucida console','courier new',monospace;
        font-size:1em;
        }

h1
        {
        font-weight:lighter;
        font-family:georgia, times new roman, times, georgia, palatino, serif;
        text-align:center;
        margin-top:0.6em;
        color:#000;
        font-size:2em;
	line-height:normal;
        }
h2
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:center;
        margin-top:1em;
        color:#333;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:1.2em;
        }
h2 span
        {
        font-variant:small-caps;
        text-transform:none;
        }


.cs1
        {
        width:30em;
        }
.cs2
        {
        width:20em;
        }
.cs1 td,
.cs2 td,
#scientificNotation
        {
        text-align:right;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
th
        {
        font: 8px/12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
		border-left: 1px solid #C1DAD7;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 4px 6px 2px 6px;
        background: #CAE8EA  no-repeat;
        vertical-align:middle;
        }  
		
		
		
td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(../images/table/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA url(../images/table/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(../images/table/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected*/
.t th.sort-active
        {
        background:#CAE8EA  no-repeat 0 0;
        cursor:wait;
        }
.t th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }

.t th a
        {
        text-decoration:none;
        color: #4f6b72;
        
        }
.t td a
        {
        text-decoration:none;
        color:#239;
       
        }
.t td img
        {
        margin:0 auto;
        border:0px solid #ddd;
        }
.t td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        
        }
.t td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-left: 1px solid #C1DAD7;
		border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 3px 3px 3px 3px;
        color: #4f6b72;
        }
.t td.lft
        {
        text-align:left;
        }
.t tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
.t table, .t table tr , .t table td
{
    border:0px #F5FAFA solid;
    
}

.t:hover
{
 	background: #CCFFFF;
}


 .chromestyle{
width: 95%;
text-align: right;
font-weight: bold; 
font-size: 0.7em;
padding: 3px;
z-index:503;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
z-index:504;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(chromebg3.gif) center center repeat-x; *//*THEME CHANGE HERE*/
padding: 2px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/  
z-index:505;

}

.chromestyle ul li{
display: inline;  
padding-left:10px;
padding-right:0px;
padding-top:2px;
padding-bottom:2px;		
z-index:506;
}

.chromestyle ul li a{
color:#950000;
padding: 4px 10px 4px 4px; 
margin: 0;
text-decoration: none;
border-right: 1px dashed silver; /*THEME CHANGE HERE*/
border-bottom: 0px;	  
z-index:507;
}

.chromestyle ul li a:hover{
/*background: url(chromebg3-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/	
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";  */
content: ""  /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #ADED7C; /*THEME CHANGE HERE*/

font:normal 12px Verdana;
line-height:18px;
z-index:508;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 0px solid #ADED7C; /*THEME CHANGE HERE*/  
border-bottom: 1px dashed #E23939;  
padding: 2px 0;
font:normal 10px Verdana;
line-height:18px;
text-decoration: none;
font-weight: none;
color: #710000;	   
z-index:509;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0ECF0;	   
}


/* ######### Style for Drop Down Menu 2 ######### */

.dropmenudiv2{	 
position:absolute;
top: 200;
left:400;
border: 0px solid #ADED7C; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: green;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv2 a{
width: 100%;
display: block;
text-indent: 3px;
border: 0px solid #ADED7C; /*THEME CHANGE HERE*/
padding: 2px 0;
font:normal 10px Verdana;
line-height:18px;
text-decoration: none;
font-weight: none;
color: #710000;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
background-color: #F0ECF0;
} /* - - - - - - - - - - - - - - - - - - - - -
Edited to suit DOM Needs:
Author:  Andrew Hallman
Last Update: 6/16/2008
- - - - - - - - - - - - - - - - - - - - - */

/*
	///////////////////////
		Input Fields			   
	///////////////////////
*/ 
input, textarea, select
{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#404040;  	
	padding:2px; 
	margin:2px;
}
input.text, textarea.textarea, select.select,
.textarea 
{
	margin:2px;
	padding:2px;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select{
	border:1px solid #7c7c7c;
        border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/inputFiller.jpg) repeat-x top; 
	padding:2px; 
	margin:2px;
}

input.checkbox, input.radio{
	padding:2px; 
	margin:2px;
}

input:hover, select:hover, 
input:active,select:active,
input:focus, select:focus
{
  /*border:1px solid #888888;
	padding:3px; */

} 
textarea:hover, textarea:active, textarea:focus
{
  /*border:1px solid #888888;
	padding:3px; */

} 
/*
	///////////////////////
		BUTTONS				   
	///////////////////////
*/


input.btTxt{
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}
.vote_button {
  width:inherit;
}		

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 5px;
	background:url("../images/buttonFiller.jpg") repeat-x left top;
	cursor:pointer;
	border:none;
} 

.buttonSubmitHovered {			
	background:url("../images/buttonFiller.jpg") repeat-x left bottom;
}


/*********************************** forms *****************************************/

form label, label 
{
	font-weight: bold;
	color:#525252;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}

label.chosen {
	color:#000000;
} 		  

  /*********************************************
  		Field hints
*********************************************/

/* All form elements are within the definition list for this example */
dl {
	position: relative;
}
dt {
   position: relative;
}
dd {
    position: relative;
}


/* The hint to Hide and Show */
.hint {
  
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {

} 

/* For the formatted fieldsets  */

.alertFieldset
{
	background-color:#FFCCFF;

	border-width:2px;
	border-style:solid;
	border-color:#CC0000;

	margin:20px 0px 20px 0px;
	width:auto;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

.lightOrangeFieldset
{
	background-color:#FFFFFF;

	border-width:2px;
	border-style:solid;
	border-color:#F5DEB3;

	margin:20px 0px 20px 0px;
	width:auto;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}


.alertLegend
{
   	background-color:#CC0000;

	border-width:1px;
	border-style:solid;
	border-color:#CC0000;
	
	color:#ffffff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;
		
	padding:2px 5px;		 
	margin:0px 0px 5px 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position:relative;
	top: -12px;
}	

.greenLegend
{
   	background-color:#008000;

	border-width:1px;
	border-style:solid;
	border-color:#008000;

	color:#ffffff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;

	padding:2px 5px;
	margin:0px 0px 5px 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position:relative;
	top: -12px;
}
.lightOrangeLegend
{
   	background-color:#F5DEB3;

	border-width:1px;
	border-style:solid;
	border-color:#F5DEB3;

	color:#008000;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;

	padding:2px 5px;
	margin:0px 0px 5px 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position:relative;
	top: -12px;
}

.customFieldset
{
	 background-color:#ffffff;

	border-width:2px;
	border-style:solid;
	border-color:#0066CC;
	
	margin:20px 0px 20px 0px;
	width:auto;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px; 
}	  

.greenFieldset
{
	background-color:#ffffff;

	border-width:2px;
	border-style:solid;
	border-color:#008000;
	
	margin:20px 0px 20px 0px;
	width:auto;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px; 
}
.customHighlightedFieldset
{
	 background-color:#FFFF99;

	border-width:2px;
	border-style:solid;
	border-color:#0066CC;
	
	margin:20px 0px 20px 0px;
	width:auto;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px; 
}

.customLegend
{
	background-color:#0066CC;

	border-width:1px;
	border-style:solid;
	border-color:#0066CC;
	
	color:#ffffff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:90%;
		
	padding:2px 5px;		 
	margin:0px 0px 5px 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position:relative;
	top: -12px;
}

 
/* 	*********************
		template
	********************* */

.templateclean
{
 	position: relative;
	/*float: no;*/
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 1px;
}

.templateclean2
{
 	position: relative;
	width: 100%;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 1px;
}

.templatecleanleft
{
 	position: relative;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 1px;
}
.templatecleanright
{
 	position: relative;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 1px;
}


.templateclean input
{
 	position: relative;
	/*float: no;*/
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 1px;
}

.template input, .template input:focus
{
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 1px;
}

.template  input:active, .template .choice:hover, .template input:hover
{
	border: 1px dashed #CCCCCC;
	padding: 1px;
	margin: 1px;
}

.template, .template .choice
{
	border: 0px dashed #CCCCCC;
	padding: 1px;
	margin: 1px;
}

input[type="checkbox"],
input[type="radio"]
{
    border:0px;
}
/* 	*********************
		Sliding css
	********************* */

		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 1px; padding: 1px 0 1px 0; text-align: left; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 1px; }
		
		img { border: 0 }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 1px 0 1px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 1px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: auto; background: #fff; overflow: scroll}
		.csw .loading {margin: 4000px 0 6000px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 3px solid #C0C0C0; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background: #fff;  
			padding-left:4px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 850px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 1px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #747474;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px; 
			border-bottom: 0px;
		}
		
		.stripNav li a 		
		{ 
			background: #D4D4D4; 
		}

		.stripNav li a:hover {
			background: #747474;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: relative;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 0px;
			width:  0px;	
			border-bottom:0px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			/*background: url("../images/arrow-left.gif") no-repeat center;	  */
		}
		
		.stripNavR {
			/* background: url("../images/arrow-right.gif") no-repeat center; */
		}
		   



.LV_valid 	   {
	background: url(../images/famicons/accept.png) no-repeat;
	background-position: center left;  
	padding-left:17px;
	color:#00CC00;
	/*position:absolute;*/
	display:block; 
	clear:right;
	height:16px;  
}
	
.LV_invalid {	
	background: url(../images/famicons/cancel.png) no-repeat; 
	background-position: center left;
	padding-left:17px;
	color:#CC0000;
	/*position:absolute;*/
	display:block; 
	clear:right;   
	height:16px;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px; 
	color:#CC0000;	  
	z-index:-10;
	
}
    
.LV_valid_field, 
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;	  
	/*background: url(../images/famicons/accept.png) no-repeat; */
	background-position: center left;  
	/*padding-left:17px; */	 
	padding:3px;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;	 
	/*background: url(../images/famicons/cancel.png) no-repeat;  */
	background:#FFC9C8;
	background-position: center left;
	/*padding-left:17px;  */	  
	padding:3px;
}

/************************************ HELPERS ***************************************/		
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
.clearBoth {
  clear:both;
}
.clearLeft {
  clear:left;
}
.clearRight {
  clear:right;
}
.inline {
  display:inline;
}
.block {
  display:block;
}
.hidden {
  display:none;
}
.invisible {
  visibility:hidden;
}
.visible {
  visibility:visible;
}

/** margin helpers (useful for floated images) **/

.marginTop10 {
  margin-top:10px;
}

.marginRight10 {
  margin-right:10px;
}

.marginBottom10 {
  margin-bottom:10px;
}

.marginleft10 {
  margin-left:10px;
}




#bg {
  background-color: #f9f9f9;
  padding-top:20px;
}


/** footer stuff *********************/

#foot_nav {
	margin:0;
	padding:0;
}

#foot_nav li {
  display: inline;
  list-style: none;
  margin:0 0.5em;
}


/** megaFooter stuff *********************/

#megaFooter{
	margin:0;
	padding:10px 5px 5px 5px;
	background-color:#999999;
	color:#ffffff;
	text-align:center;
}

/** pagination ***********************/

.pagination {
  float:right;
}

.pagination a {
  border: 1px solid #FFE2C4;
  color: #FF9422;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #FF9422;
  color: #000;
}

.pagination span.current {
  border: 1px solid #FF9422;
  background-color: #FF9422;
  color: #FFF;
}

.pagination span.disabled {

}

/** specific ************************/

a.gotoTop {
	font-size:12px;
	font-weight:normal;
	float:right;
	margin-top:3px;
}



#main h4 {
	margin-bottom:10px;
}

#documentation h2, #results h2 {
	padding:5px;
	background: #B9D420;
	color: #666666;
}



#hideForTests {
    position:absolute;
    top:-5000px;
    left:-5000px;
    visibility:hidden;
}


object.adsense {
	width: 728px;
	height:90px;
	border:0;
	padding:0;
	margin:0;
	overflow:hidden;
}



.date {
	
	float:left;
	text-align:center;
	width:50px;
	background:#B9D420;
	padding:10px 0;
	margin-right:10px;
}

.date strong {
  display:block;
	font-size:200%;
}

.chatterBox {
  float:left;
	margin-bottom:20px;
	width:625px;
}

hr.divider {
	border:0;
	border-top:1px solid #cccccc;
	padding:0;
	margin:15px 0 20px 0;
	background:transparent;
}


p.update {
	padding:10px;
	background:#F9F9F9;
	border: 1px solid #cccccc;
	margin-bottom:15px;
}

/* support boxes *************/

#main .supportBox {
	float:left;
	margin:0 0 20px 60px;
	width:160px;
}

#main .supportBox ul {
	margin-top:5px;
	padding:0;

}

#main .supportBox ul li {
	list-style:none;
	width:160px;
}

#main .supportBox .versions {
	display: none;
	
}


/*** addthis ***/

a#addThis img, div#addthis_dropdown15 img {
	padding:0;
	border:0;
}


a#addThis  {
	margin: 0 0 0 0;
	
}

div#addthis_dropdown15 a, a#addThis {
	padding:0;
	border:0;
}

div#addthis_dropdown15 table, 
div#addthis_dropdown15 tr, 
div#addthis_dropdown15 th, 
div#addthis_dropdown15 td  {
	padding:0;
	border:0;
}
  /* BUTTONS */


.cssbuttons a, .cssbuttons button{
    display: inline;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */

}
.cssbuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.cssbuttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.cssbuttons button img, .cssbuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .cssbuttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.cssbuttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .cssbuttons a.positive{
    color:#529214;
    display:inherit;
}
.cssbuttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.cssbuttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.cssbuttons a.negative, button.negative{
    color:#d12f19;	 
}
.cssbuttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.cssbuttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* Undo */

button.undo, .cssbuttons a.undo{
    color:#FFCC00;
    display:inherit;
}
.cssbuttons a.undo:hover, button.undo:hover{
    background-color:#FFCC00;
    border:1px solid #990000;
    color:#FF6600;
}
.cssbuttons a.undo:active{
    background-color:#FF6600;
    border:1px solid #FF6600;
    color:#fff;
}

/* Edit */

button.edit, .cssbuttons a.edit{
    color:#990066;
    display:inherit;
}
.cssbuttons a.edit:hover, buttoneditundo:hover{
    background-color:#FFCCFF;
    border:1px solid #000000;
    color:#000000;
}
.cssbuttons a.edit:active{
    background-color:#990033;
    border:1px solid #000000;
    color:#FFFFFF;
}


/* TimeAdd */

.cssbuttons a.timeadd, button.timeadd{
    color:#0033FF;	 
}
.cssbuttons a.timeadd:hover, button.timeadd:hover{
    background:#CCFFFF;
    border:1px solid #99FFFF;
    color:#0033FF;
}
.cssbuttons a.timeadd:active{
    background-color:#0099FF;
    border:1px solid #0099FF;
    color:#fff;
} 

/* Go */

button.go, .cssbuttons a.go{
    color:#529214; 
}
.cssbuttons a.go:hover, button.go:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.cssbuttons a.go:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* TimeRemove */

.cssbuttons a.timeremove, button.timeremove{
    color:#d12f19;	 
}
.cssbuttons a.timeremove:hover, button.timeremove:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.cssbuttons a.timeremove:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


.cssbuttons a.search, button.search{
    color:#0033CC;	 
}
.cssbuttons a.search:hover, button.search:hover{
    background:#FFCC99;
    border:1px solid #FFCC66;
    color:#0033CC;
}
.cssbuttons a.search:active{
    background-color:#FFCC33;
    border:1px solid #FFCC33;
    color:#0033CC;
}

/* Select */

.cssbuttons a.select, button.select{
    color:#0033CC;	 
}
.cssbuttons a.select:hover, button.select:hover{
    background:#FFFFCC;
    border:1px solid #FFFF99;
    color:#0033CC;
}
.cssbuttons a.select:active{
    background-color:#FFCC33;
    border:1px solid #FFCC33;
    color:#0033CC;
}

/* Show List */

.cssbuttons a.list, button.list{
    color:#0033CC;	 
}
.cssbuttons a.list:hover, button.list:hover{
    background:#9999FF;
    border:1px solid #9999CC;
    color:#0033CC;
}
.cssbuttons a.list:active{
    background-color:#FFCC33;
    border:1px solid #FFCC33;
    color:#0033CC;
}

/* buttonAdd */

button.buttonAdd, .cssbuttons a.buttonAdd{
    color:#529214; 
}
.cssbuttons a.buttonAdd:hover, button.buttonAdd:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.cssbuttons a.buttonAdd:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
} 	 
div.calendar { position: relative; }.calendar, .calendar table {  border: 1px solid #556;  font-size: 11px;  color: #000;  cursor: default;  background: #eef;  font-family: tahoma,verdana,sans-serif;}/* Header part -- contains navigation buttons and day names. */.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */  text-align: center;    /* They are the navigation buttons */  padding: 2px;          /* Make the buttons seem like they're pressing */}.calendar .nav {  background: #778  no-repeat 100% 100%;}.calendar thead .title { /* This holds the current "month, year" */  font-weight: bold;      /* Pressing it will take you to the current date */  text-align: center;  background: #fff;  color: #000;  padding: 2px;}.calendar thead .headrow { /* Row <TR> containing navigation buttons */  background: #778;  color: #fff;}.calendar thead .daynames { /* Row <TR> containing the day names */  background: #bdf;}.calendar thead .name { /* Cells <TD> containing the day names */  border-bottom: 1px solid #556;  padding: 2px;  text-align: center;  color: #000;}.calendar thead .weekend { /* How a weekend day name shows in header */  color: #a66;}.calendar thead .hilite { /* How do the buttons in header appear when hover */  background-color: #aaf;  color: #000;  border: 1px solid #04f;  padding: 1px;}.calendar thead .active { /* Active (pressed) buttons in header */  background-color: #77c;  padding: 2px 0px 0px 2px;}/* The body part -- contains all the days in month. */.calendar tbody .day { /* Cells <TD> containing month days dates */  width: 2em;  color: #456;  text-align: right;  padding: 2px 4px 2px 2px;}.calendar tbody .day.othermonth {  font-size: 80%;  color: #bbb;}.calendar tbody .day.othermonth.oweekend {  color: #fbb;}.calendar table .wn {  padding: 2px 3px 2px 2px;  border-right: 1px solid #000;  background: #bdf;}.calendar tbody .rowhilite td {  background: #def;}.calendar tbody .rowhilite td.wn {  background: #eef;}.calendar tbody td.hilite { /* Hovered cells <TD> */  background: #def;  padding: 1px 3px 1px 1px;  border: 1px solid #bbb;}.calendar tbody td.active { /* Active (pressed) cells <TD> */  background: #cde;  padding: 2px 2px 0px 2px;}.calendar tbody td.selected { /* Cell showing today date */  font-weight: bold;  border: 1px solid #000;  padding: 1px 3px 1px 1px;  background: #fff;  color: #000;}.calendar tbody td.weekend { /* Cells showing weekend days */  color: #a66;}.calendar tbody td.today { /* Cell showing selected date */  font-weight: bold;  color: #00f;}.calendar tbody .disabled { color: #999; }.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */  visibility: hidden;}.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */  display: none;}/* The footer part -- status bar and "Close" button */.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */  text-align: center;  background: #556;  color: #fff;}.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */  background: #fff;  color: #445;  border-top: 1px solid #556;  padding: 1px;}.calendar tfoot .hilite { /* Hover style for buttons in footer */  background: #aaf;  border: 1px solid #04f;  color: #000;  padding: 1px;}.calendar tfoot .active { /* Active (pressed) style for buttons in footer */  background: #77c;  padding: 2px 0px 0px 2px;}/* Combo boxes (menus that display months/years for direct selection) */.calendar .combo {  position: absolute;  display: none;  top: 0px;  left: 0px;  width: 4em;  cursor: default;  border: 1px solid #655;  background: #def;  color: #000;  font-size: 90%;  z-index: 100;}.calendar .combo .label,.calendar .combo .label-IEfix {  text-align: center;  padding: 1px;}.calendar .combo .label-IEfix {  width: 4em;}.calendar .combo .hilite {  background: #acf;}.calendar .combo .active {  border-top: 1px solid #46a;  border-bottom: 1px solid #46a;  background: #eef;  font-weight: bold;}.calendar td.time {  border-top: 1px solid #000;  padding: 1px 0px;  text-align: center;  background-color: #f4f0e8;}.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm {  padding: 0px 3px 0px 4px;  border: 1px solid #889;  font-weight: bold;  background-color: #fff;}.calendar td.time .ampm {  text-align: center;}.calendar td.time .colon {  padding: 0px 2px 0px 3px;  font-weight: bold;}.calendar td.time span.hilite {  border-color: #000;  background-color: #667;  color: #fff;}.calendar td.time span.active {  border-color: #f00;  background-color: #000;  color: #0f0;}

#resultFooter {
		position: absolute;
		top:1000px;
	}
	
.table-holder {overflow:auto;}
.table-holder th,  .table-holder td {word-break: break-all;}

/* 03-09-2015 */
.header {clear:both; overflow:hidden; margin-bottom:5px;}
.logo {float:left; margin:2px 0 0 3px;}
.header-right-cont {overflow:hidden;}
.header-right-cont h2 {float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:23px; color:#525252; text-transform:none; padding:0; margin:0;}
.logout {float:right; margin:2px 3px 0 0;}
.header-link {clear:both;}
.header-link ul {padding:0; margin:0; list-style:none;}


.box-holder {clear:both; float:left; width:100%;}
.lt-box {float:left; width:50%; box-sizing:border-box; padding-left:8%; padding-right:5%;}
.rt-box {float:right; width:50%; box-sizing:border-box;  padding-left:5%; padding-right:8%}
.login-form {overflow:hidden;}

.form-table {display:table; width:95%; margin:0 auto;}
.form-table-row { display: table-row;  }
.form-table-cell { display: table-cell; padding-bottom:5px; position: relative;   }
.form-table-cell:first-child {text-align:right;} 

.main { width:100%; box-sizing:border-box; padding:10px 10px 55px 10px; clear:both; overflow:hidden;}
.side-bar {float:left; width:254px; border:2px solid #808080; margin:30px 12px 0 0; padding:30px 10px; box-sizing:border-box; position:relative;}
.side-bar h2 {background: #808080; color: #ffffff;    font-family: Georgia,"Times New Roman",Times,serif;    font-size: 0.8em;    font-weight: bold; margin: 0;  padding: 2px 6px 1px;  position: absolute; text-transform: none; top: -26px; left:10px;}

ul.side-nav { padding:0; margin:0; list-style:none;}
ul.side-nav  li {display:block; text-align:center; padding-top:28px;}
ul.side-nav  li:first-child {padding-top:0;}
ul.side-nav  li a {color:#950000; border:none;}

.main-content { overflow:hidden; padding-top:30px; }
.bill-records { border:2px solid #0066cc; padding:30px 10px; position:relative; float:left; width:100%; box-sizing:border-box; clear:both; margin-bottom:32px;  }
.bill-records h2 {background: #0066cc; color: #ffffff;    font-family: Georgia,"Times New Roman",Times,serif;    font-size: 0.8em;    font-weight: bold; margin: 0;  padding: 2px 6px 1px;  position: absolute; text-transform: none; top: -26px; left:10px;}

.bill-records ul { padding:0; margin:0; list-style:none;}
.bill-records ul  li {display:block; text-align:center;  float:left; width:16%; margin-left:0 1% }
.bill-records ul  li:first-child {padding-top:0;}
.bill-records ul  li a {color:#950000; border:none;}

.suggested-family { border:2px solid #0066cc; padding:30px 10px; position:relative;  width:320px; box-sizing:border-box;  margin:0 auto 0 auto; clear:both;  }
.suggested-family h2 {background: #0066cc; color: #ffffff;    font-family: Georgia,"Times New Roman",Times,serif;    font-size: 0.8em;    font-weight: bold; margin: 0;  padding: 2px 6px 2px;  position: absolute; text-transform: none; top: -27px; left:10px;}

.suggested-family ul { padding:0; margin:0; list-style:none;}
.suggested-family ul  li {display:block; text-align:center; }
.suggested-family ul  li:first-child {padding-top:0;}
.suggested-family ul  li a {color:#950000; border:none;}



@media screen and (max-width:1023px) {
.lt-box {width:100%; padding:0 0; margin-bottom:20px;}
.rt-box {width:100%; padding:0 0}
.bill-records ul  li { width:30%; min-height:110px; }
.suggested-family {width:100%; float:left;}
.suggested-family ul  li {width:30%; min-height:110px; float:left; }
}

@media screen and (max-width: 767px) {

h1, h2 { text-align:left !important;}
center {text-align:left;}
.nothing {text-align:left !important;}

.form-table {display:block; width:100%; margin:0 auto;}
.form-table-row { display: block;  }
.form-table-cell { display: block;   }
.form-table-cell:first-child {text-align:left;} 

.side-bar {width:100%; clear:both;}
.main-content {overflow:visible; clear:both;}
ul.side-nav  li {width:30%; min-height:110px; float:left; padding:0 0;}

.box-holder{ padding-bottom: 20px;}
}


@media screen and (max-width:639px) {
.logo {float:left; margin:10px 0 10px 10px;}
.header-right-cont {overflow:visible; clear:both;}	
.header-right-cont h2  {margin:0 0 10px  10px; float:none;}
.logout {float: none; margin: 0 0 0 10px;}
.chromestyle ul li:first-child a {padding-left:0 !important;}

ul.side-nav  li, .bill-records ul li,.suggested-family ul li {width:50%; min-height:110px; float:left; padding:0 0;}


}