/* global styles */
* { margin: 0; padding: 0; border: 0; }
body { font: 0.80em verdana, arial; color: #000; background-color: #ffffff; }
p { margin: 0 0 10px 0; }
h2.hidden { margin: 0; padding: 0; visibility: hidden; font-size: 0px; }
h2.black {  padding: 10px 0 5px 0; font-size: 110%; color: #000; font-weight: bold; }

input { border: 1px solid #666; color: #333; }
input.btn { margin: 0 0 0 5px; padding: 0 3px 0 3px; height: 18px; color: #000; background-color: #f1f1f1; }
.search-btn { margin: 0 0 0 6px; }

a:link { text-decoration: underline; color: #666; }
a:visited { text-decoration: underline; color: #666; }
a:hover { text-decoration: underline; color: #666;  }
a:active { text-decoration: underline; color: #666; }


/* headers */
h1 
{ 
	margin: 15px 2px 10px 0;
	border-bottom: 5px solid #036;
	width: 575px; 
	font-size: 160%; 
	color: #036; 
	font-weight: bold; 
}


h2 /* adjust in ie conditional css */ {  padding: 10px 0 5px 0;  font-size: 120%; color: #900; font-weight: bold; } 
#waiver {  padding: 10px 0 5px 0;  font-size: 120%; color: #990; font-weight: bold; } 
h3 {  padding: 10px 0 5px 0; font-size: 110%; color: #000; font-weight: bold; }

h4 { font-size: 115%; color: #036; font-weight: bold; margin: 0 0 10px 0; }
h5
{ 
	margin: 15px 0 10px 0; 
	font-size: 85%; 
	color: #900; 
	text-transform: uppercase; 
	font-weight: bold;
}


/* page layouts */
#one-column-layout /* adjust in ie conditional css */ { padding: 20px; width: 960px; min-height: 300px; }
#one-column-layout h1 { width: 940px; }

#main-column-with-nav /* adjust in ie conditional css */ { padding: 20px; width: 527px; min-height: 300px; float: left; }
#main-column-with-nav h1 { width: 649px; }
#main-column-with-sidebar { padding: 20px 0 20px 15px; width: 535px; min-height: 300px; float: left; }

#content-block { min-height: 300px; padding: 20px; width: 960px;}

#left-column-nav { border-right: 1px solid #b1b1b1; padding: 59px 25px 0 25px; width: 240px; float: left; font-weight: bold; color: #036; }
.boxborder {border: 1px solid #b1b1b1; }
#page-wrapper { width: 960px; }
.nobullet {list-style: none;}

/* Navigation */
#utility-nav { margin: -30px 0 10px 600px; list-style-type: none; float: right; font-size: 85%; color: #036; font-weight: bold; }
#utility-nav li { padding: 0 5px 0 5px; border-right: 1px solid #666; display: inline; }
#utility-nav li.no-pipe { border: 0; padding: 0 5px 0 5px; }

#main-nav /* adjust in ie conditional css */
{ 
	margin: 15px 0 0px 0;
	padding: 5px 10px 5px 10px;
	width: 940px; 
	border-bottom: 20px solid #fff;
	list-style-type: none; 
	background: #f2f2f2; 
	color: #036;
	font-weight: bold;
}
#main-nav li /* adjust in ie conditional css */ { padding: 0 7px 0 7px; border-right: 1px solid #fff; display:inline; font-size: 88%; text-transform: uppercase; } 
#main-nav li.no-pipe { border: 0; }
#main-nav a:link { color: #666; text-decoration: none; }
#main-nav a:visited { color: #666; text-decoration: none; }
#main-nav a:hover { color: #666; text-decoration: underline; }
#main-nav a:active { color: #666; text-decoration: underline; }
.search-nav { margin: 0 -5px 0 20px; border-right: 0; color: #666;}

.red-accent-line { border-bottom: 5px solid #900; width: 960px; }
.dotted-accent-line { border-top: 2px dotted #ddd; width: 960px; }


#footer-nav { margin: 20px 0 0 20px; padding: 30px 0 0 0; list-style-type: none; font-size: 85%; clear: both; }
#footer-nav li { border-right: 1px solid #333; padding: 0 5px 0 5px; display: inline; }
#footer-nav li.no-pipe { border: 0; }
#footer-nav-right { margin: -12px 0 0 0; list-style-type: none; font-size: 75%; float: right;}
#footer-nav-right li { border-right: 1px solid #333; padding: 0 5px 0 5px; display: inline; }
#footer-nav-right li.no-pipe { border: 0; }

#footer-nav a:link { color: #666; text-decoration: none; }
#footer-nav a:visited { color: #666; text-decoration: none; }
#footer-nav a:hover { color: #666; text-decoration: underline; }
#footer-nav a:active { color: #666; text-decoration: underline; }

#footer-nav-right a:link { color: #666; text-decoration: none; }
#footer-nav-right a:visited { color: #666; text-decoration: none; }
#footer-nav-right a:hover { color: #666; text-decoration: underline; }
#footer-nav-right a:active { color: #666; text-decoration: underline; }


/* text treatments */
.error 
{ 
	padding: 10px 0 13px 40px;
	margin: 20px 50px 20px 50px;  
	color: #900; 
/*	width: 600px; */
	font-weight: bold; 
	background: url(../i/icon_alert.gif) no-repeat 0 10px; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#breadcrumbs { margin: 0 0 0 2px; font-size: 80%; }
#one-column-layout #breadcrumbs { margin: 0 0 0 2px; }

.state-name { font-size: 180%; color: #036; font-weight: bold; text-transform: uppercase; text-align: right; }
#state-list ul { margin: 0 0 0 60px; list-style-type:none; }
#state-list ul li { width: 160px; float: left; padding: 0 0 5px 0; }

.last-updated { margin: 10px 5px 10px 0; float: right; font-size: 80%; color: #999; }

#right-column-info { float: left; width: 367px; border-left: 1px solid #b1b1b1; margin: 80px 0 20px 40px; padding: 10 0 0 10px; }
#right-column-info p { padding: 0 10px 0 10px; }
#right-column-faqs { padding: 0 0 0 20px; }


.dates-module { padding: 10px 0 10px 10px; }
.dates-module p { font-size: 85%; margin: 0; padding: 0; }
.dates-module ul { margin: 3px 0 0 0; background-color: #ebebeb; padding: 10px; }
.dates-module ul li { list-style-type: none; font-size: 80%; }
.gray-bg-col { border-top: 3px solid #fff; }

h2.faq { padding: 40px 0 0 0; clear: both; }
h2.sidebar-header { margin: 0 0 -15px 0; }
p.faq-question { margin: 20px 0 0 0; padding: 0;}
.disclaimer { font-size: 80%; color:#666; }
.indent { margin: 0 0 10px 20px; }

/* modules */
#news-module { list-style-type: none; font-size: 95%; }
#news-module h5 { font-size: 92%; }
#news-module li.news-date { margin: 7px 0 0 0; color: #666; font-weight: bold; }
/* #email-signup-module { list-style-type: none; padding: 0 0 10px 0; } */
#email-signup-module /* adjust in ie conditional css */ { margin: 10px 30px 18px 0; font-size: 85%; list-style-type: none; }
#email-signup-module li { padding: 0 5px 2px 10px;}
/*Indent for important dates */
.indented1 {padding-left: 2em;}

/* text with image backgrounds */
.logo 
{ 
	margin: 20px 20px 30px 10px; 
	width: 588px;
	height: 43px;
	text-indent: -7000px;	
	background: url(../i/logo.gif) no-repeat left top;
	display: block;
}
.bullets /* adjust in ie conditional css */ { list-style-type: none; } 
.bullets li { background: -2px top no-repeat; padding-left: 15px; margin: 2px 0 5px 0; }
/*.bullets li { background: url(../i/bullet.gif) -2px top no-repeat; padding-left: 15px; margin: 2px 0 5px 0; }*/
/* .numbers  { margin-left: 0; padding-left: 2em; list-style-position: inside; list-style-type: decimal; } */
ol.indented, ul.indented { margin-left: 0; padding-left: 2em; }
.indented li { margin-bottom: 5px; }
/*.numbers li { margin: 2px 0 5px 0; margin-left: 0em; padding-left: 4em;}*/
/*.bullets li { background: url(../i/bullet.gif) -2px top no-repeat; padding-left: 15px; margin: 2px 0 5px 0; }*/

.rss 
{ 
	margin: 10px 0 0 0;  
	padding: 0 0 0 5px; 
	background: url(../i/icon_rss.gif) no-repeat left 2px; 
	text-indent: 25px;
	list-style-type: none;
}
.pdf { background: url(../i/icon_pdf.gif) left top no-repeat; text-indent: 20px; }
.question-mark { background: url(../i/icon_questionmark.gif) left center no-repeat; text-indent: 20px; }
.checkmark { background: url(../i/icon_checkmark.gif) left top no-repeat; list-style-type: none; padding: 0 0 5px 25px}
.step1 { background: url(../i/arrow_1.gif) left center no-repeat; padding: 20px 20px 20px 60px; }
.step2 { background: url(../i/arrow_2.gif) left center no-repeat; padding: 20px 20px 20px 60px; }
.step3 { background: url(../i/arrow_3.gif) left center no-repeat; padding: 20px 20px 20px 60px; }
.step4 { background: url(../i/arrow_4.gif) left center no-repeat; padding: 20px 20px 20px 60px; }
.step5 { background: url(../i/arrow_5.gif) left center no-repeat; padding: 20px 20px 20px 60px; }

/* graphic elements */
.button-get-started { margin: 10px 0 0 0; }
.dotted-divider { border-top: 2px dotted #ddd; width: 98%; margin: 40px 0 0 0; }
.blue-divider { margin: 60px 0 40px 0; border-top: 2px solid #036; width: 98%; }
.us-map { margin: 50px; }

#voting-overview-flowchart { list-style-type: none; width: 960px; }
#voting-overview-flowchart li { display: inline; padding: 20px; float: left; width: 170px; font-size: 80%;  }
#voting-overview-flowchart li.paper { background: url(../i/icon_dogearedpaper.gif) left top no-repeat; padding: 0 0 25px 35px; }
#voting-overview-flowchart li.arrow { background: url(../i/icon_blackarrow.gif) left top no-repeat; width: 0px;}
#voting-overview-flowchart li.envelope { background: url(../i/icon_envelope.gif) left top no-repeat; padding: 0 0 25px 35px; }
#voting-overview-flowchart li.paper-envelope { background: url(../i/icon_paperenvelope.gif) left top no-repeat; padding: 0 0 25px 45px; }
#voting-overview-flowchart li.checkmark { background: url(../i/icon_papercheckmark.gif) left top no-repeat; padding: 0 0 25px 35px; }
.voting-overview-flowchart { list-style-type: none; width: 960px; }
.voting-overview-flowchart li { display: inline; padding: 20px; float: left; width: 170px; font-size: 80%;  }
.voting-overview-flowchart li.paper { background: url(../i/icon_dogearedpaper.gif) left top no-repeat; padding: 0 0 25px 35px; }
.voting-overview-flowchart li.arrow { background: url(../i/icon_blackarrow.gif) left top no-repeat; width: 0px;}
.voting-overview-flowchart li.envelope { background: url(../i/icon_envelope.gif) left top no-repeat; padding: 0 0 25px 35px; }
.voting-overview-flowchart li.paper-envelope { background: url(../i/icon_paperenvelope.gif) left top no-repeat; padding: 0 0 25px 45px; }
.voting-overview-flowchart li.checkmark { background: url(../i/icon_papercheckmark.gif) left top no-repeat; padding: 0 0 25px 35px; }

/* links */
#left-column-nav a:link { color: #666; font-weight: normal; text-decoration: underline; }
#left-column-nav a:visited { color: #666; font-weight: normal; text-decoration: underline; }
#left-column-nav a:hover { color: #666; font-weight: normal; text-decoration: underline;  }
#left-column-nav a:active { color: #666; font-weight: normal; text-decoration: underline; }

#utility-nav a:link { color: #666; text-decoration: underline; }
#utility-nav a:visited { color: #666; text-decoration: underline; }
#utility-nav a:hover { color: #666; text-decoration: underline;  }
#utility-nav a:active { color: #333; text-decoration: underline; }

#breadcrumbs a:link { text-decoration: none; color: #000; }
#breadcrumbs a:visited { text-decoration: none; color: #000; }
#breadcrumbs a:hover { text-decoration: underline; color: #000; }
#breadcrumbs a:active { text-decoration: underline; color: #000; }

#content-area p a:link { text-decoration: underline; color: #666; }
#content-area p a:visited { text-decoration: underline; color: #666; }
#content-area p a:hover { text-decoration: underline; color: #666; }
#content-area p a:active { text-decoration: underline; color: #666; }


#news-content-container a:link { color: #666; text-decoration: underline; }
#news-content-container a:visited { color: #666; text-decoration: underline; }
#news-content-container a:hover { color: #666; text-decoration: underline; }
#news-content-container a:active { color: #666; text-decoration: underline; }
 
#can-i-vote-block a:link { text-decoration: underline; }
#can-i-vote-block a:visited { text-decoration: underline; }
#can-i-vote-block a:hover { text-decoration: underline; }
#can-i-vote-block a:active { text-decoration: underline; }


/* home specific styles */
#home-content-block h1 
{ 
	margin: 30px 2px 2px 0;
	border: 1px solid #b1b1b1;
	padding: 16px;
	width: 724px; 
	font-size: 195%; 
	color: #036; 
	font-weight: bold; 
	text-align: center;
}
#countdown /* adjust in ie conditional css */
{ 
	margin: 30px 24px 0 -10px;
	padding: 5px;
	width: 182px;
	height: 15px;
	background: #036; 
	font-size: 115%;
	font-weight: bold;
	color: #fff; 	
	text-align: center;
}
.countdown-number /* adjust in ie conditional css */
{ 
	margin: -8px 0 0 -5px;
	border-top: solid 2px #fff;
	padding: 4px;
	width: 184px;
	height: 30px;
	background: #900; 
	font-size: 180%; 
}
#no-countdown /* adjust in ie conditional css */
{ 
	margin: 30px 24px 0 -10px;
	padding: 5px;
	width: 182px;
	height: 15px;
	background: #036; 
	font-size: 115%;
	color: #036; 	
}
.no-countdown-number /* adjust in ie conditional css */
{ 
	margin: -8px 0 0 -5px;
	border-top: solid 2px #fff;	
	padding: 4px;
	width: 184px;
	height: 30px;
	background: #666; 
	font-size: 180%; 
	color: #666;
}
.days { font-weight: normal;}

#home-content-block { padding: 0 0 0 10px; float:left; width: 770px; }
#home-content-block ul li { margin: 0 -3px 0 0; padding: 0px; list-style-type: none; display: inline; }
#content-area {width: 980px;}

#content-area1 {width: 960px; margin: 10px;}
#content-area1 h3 {color: #036; font-weight: bold; font-size: 150%; text-decoration: underline; }
#content-area2 {clear: both;
		width: 960px; 
		margin: 10px;
		text-align: center;}
		
#content-area2 h3 {font-weight: bold; font-size: 120%;}
.largefont {font-size: 120%;}
#left-col
{	padding: 20px 50px 0 25px;
	/*width: width 303px;*/
	float: left;
	margin: -3px 0 0 1px;
}
#right-col
{	padding: 20px 50px 0 25px;
	/*width: width 301px;*/
	float: right;
	margin: -3px 0 0 1px;
}
#left-col-choice /* adjust in ie conditional css */
{ 
	border-left: 1px solid #b1b1b1; 
	border-right: 1px solid #b1b1b1; 
	padding: 20px 50px 0 25px;
	width: 303px;
	float: left;
	margin: -3px 0 0 1px;
	min-height: 168px;
}
#right-col-choice
{ 
	padding: 20px 50px 0 25px;	
	width: 301px;
	float: left;
	margin: -2px 0 0 0;
}
#left-col-choice img { margin: 30px 0 0 0; }
#right-col-choice img { margin: 29px 0 0 0; }

#news-content-container /* adjust in ie conditional css */ { border: 1px solid #b1b1b1; margin: 42px 0 20px -10px; width: 190px; min-height: 391px;}
#news-column { float: left; width: 200px; color: #000; }
#news-content /* adjust in ie conditional css */ { margin: 10px 30px 18px 0; width: 198px; font-size: 85%; list-style-type: none; }
#news-content li { padding: 0 5px 2px 10px;}
#news-content li.news-date { font-weight: bold; margin: 5px 0 2px 0;}
#quick-links /* adjust in ie conditional css */ { margin: 10px 30px 18px 0; width: 198px; font-size: 85%; list-style-type: none; }
#quick-links li { padding: 0 5px 2px 10px;}

.bulletlist {list-style-type: disc;}
.rss-feed-home /* adjust in ie conditional css */
{ 
	margin: 20px 0 0 10px;  
	padding: 0 0 0 5px; 
	background: url(../i/icon_rss.gif) no-repeat left center; 
	text-indent: 17px;
	list-style-type: none;
}

#can-i-vote-block /* adjust in ie conditional css */
{ 
	margin: 0 0 30px 1px;
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1;
	background: #f2f2f2;
	padding: 10px;
	width: 736px;
	height: 20px;
	clear: left;
	font-size: 100%; 
	color: #000000; 
	font-weight: bold; 
	text-align: center;
}

/* state specific pages */

.indented-steps { padding: 0 0 0 60px; }
.indented-steps h5 {font-size: 110%; margin: 0; padding:0;  } 
.dotted-line { border-bottom: 2px dotted #ddd; width: 100%; padding: 0 0 20px 0; }


table.grey {
    background-color: white;
	  border-collapse: collapse;
	  border-color: #666666; /*#1B3664; #D2F0FF; */
    border-spacing: 2px;
    border-style: solid;
    border-width: 1px;
    font-size: 9pt;
}
table.grey th {
    background-color: #F2F2F2; /*#E6F4FF;*/
	  border-color: #666666; /*#1B3664; #D2F0FF; */
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}
table.grey td {
    border-color: #666666; /*#1B3664; #D2F0FF; */
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}
/* New changes below */

#content-area1 {width: 960px; margin: 10px;}
h2.can {padding: 10px 0 5px 0;  font-size: 140%; color: #036; font-weight: bold; }

/*Ballot Monitoring form */

h2.form1 {padding: 10px 0 5px 0;  font-size: 140%; color: #036; font-weight: bold; text-align:center;}
.blue-accent-line { border-bottom: 3px solid #0099ff; width: 960px;}
.form_margin {margin: 10px;}
.borderblue {border-width: thick;
	     border-style: double;
	     border-color: blue; 
	     }
	     
	     
	     
.indentbdrdarkblue {border-width: thick;
	     border-style: double;
	     border-color: #036; 
	     margin: 0 0 10px 20px; 
	     	     }	     

.hdrbkgrnd {background-color: #ffffcc;}
	     
.ctralign {text-align: center;
	   margin: 0 auto;
	   }
	   
#ctralign {text-align: center;
	   margin: 0 auto;
	   }
	   

textarea {clear:both;
	  color: #000;
	  border-width: 1px;
	  border-style: solid }

#subbutton {background-color: #E5E5F7;
	    }
.post {color: blue;}
legend
{
color: #000066;
background: #ffffff;
border: 1px solid gray;
padding: 2px 6px
} 

fieldset
{
border: 2px solid blue;
}

table.ivaoffice-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 
.ivaoffice-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.ivaoffice-table th {background-color: #003366; color: #FFF; font-weight: bold;}

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../i/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

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

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../i/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../i/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../i/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../i/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../i/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../i/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../i/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../i/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../i/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {

	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}