/* 
# ========== Version Info ===================
# $Rev: 1554 $
# $Author: patdunlavey $
# $Date: 2007-11-21 16:01:43 -0800 (Wed, 21 Nov 2007) $
# ===========================================
*/
body	{
	font-weight:  normal;
	font-size:  small;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #fff;
	border:  #333366;
}

div.overdiv
{
/*width:  200px; */
}

table	{
	border-collapse: collapse;
	width: 100%;
}
#overDiv table { 
	border-collapse: collapse;
	width: auto;
}

table.outline	{
	border-collapse: collapse;
}
p	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	margin-top:  0px;
}

ul	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #fff;
}
li	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #fff;
}
input	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
select	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
textarea	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
submit	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
reset	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
button	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
file	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
.courier-input	{
	font-family:  courier, serif;
}
.invisible-input	{
	font-weight:  400;
	font-size:  14px;
	vertical-align:  bottom;
	color:  #336;
	border-top-style:  none;
	font-family:  courier,serif;
	border-right-style:  none;
	border-left-style:  none;
	text-align:  right;
	border-bottom-style:  none
}
h1	{
	font-weight:  900;
	font-size:  28px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
}
h2	{
	font-weight:  800;
	font-size:  23px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
	padding-top: 0px;
}
h3	{
	font-weight:  800;
	font-size:  12px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
	margin-bottom:  0px;
}
h4	{
	font-weight:  800;
	font-size:  10px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	text-transform:  uppercase;
	margin-bottom:  0px;
}
h5	{
	font-weight:  500;
	font-size:  14px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
}
h6	{
	font-weight:  400;
	font-size:  12px;
	color:  #036;
	font-family:  arial,helvetica,sans-serif;
}
/*img	{
	border-right:  0px;
	padding-right:  0px;
	border-top:  0px;
	padding-left:  0px;
	padding-bottom:  0px;
	border-left:  0px;
	padding-top:  -15px;
	border-bottom:  0px
}
*/
i	{
	font-style:  italic;
}
b	{
	font-weight:  700;
}
code	{
	color:  #336;
	font-family:  courier;
}
/*
a, a:link	{
	color:  #039;
	background: transparent;
	font-weight: normal;


}
a:visited	{
	color: #039; 
}
a:hover	{
	background-color:  #e6eeff;
}
a:active	{
	color:  #f00; 
}
*/
.tiny	{
	font-weight:  300;
	font-size:  12px;
    line-height:    1.5em;
}
.normal	{
	font-weight:  300;
	font-size:  12px;
}
.tiny-subtle	{
	font-weight:  300;
	font-size:  10px;
	color:  #cff0ff;
}
/*	kindly note, tiny-faded is used only once, in the screen-footer.tpl	*/
.tiny-faded	{
	font-weight:  300;
	font-size:  12px;
	color:  #666;

}
.miniscule-grey	{
	font-weight:  300;
	font-size:  10px;
	color:  #aaa;
}
.heading-subtle	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #fff;
	text-decoration:  none;
    white-space: nowrap;
}
.heading-subtle a	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #fff;
	text-decoration:  none;
}
.heading-subtle a:link	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #fff;
	text-decoration:  none;
}
.heading-subtle a:visited	{
	font-weight:  500;
	font-size:  11px;
	color:  #039;
	background-color:  #fff;
	text-decoration:  none;
}
.heading-subtle a:hover	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #fff;
	text-decoration:  none;
}
.heading-subtle a:active	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #fff;
	text-decoration:  none;
}
/*	this (verytinygrey) is also used only once, in paging.tpl	*/
.verytinygrey	{
	font-weight:  300;
	font-size:  10px;
	background-color:  #efefef;
}
.verytiny, .veryTiny   {
	font-weight:  300;
	font-size:  10px;
}
.verytinyred	{
	font-weight:  300;
	font-size:  10px;
	color:  #ffcccc;
}
/*	outline-lite is used only once, in TaskCalendar.tpl	*/
.outline-lite	{
	border-top:  1px solid #333366;
	border-right:  1px solid #333366;
	border-bottom:  1px solid #333366;
	border-left:  1px solid #333366;
}
.outline-bgwhite    {
      border-right:  1px solid #999;
      border-top:  1px solid #999;
      border-left:  1px solid #999;
      border-bottom:  1px solid #999;
      background-color:  #fff;
  } 
.outline-subtle	{
	border-top:  1px solid #eee;
	border-right:  1px solid #eee;
	border-bottom:  1px solid #eee;
	border-left:  1px solid #eee;
}
.topbar	{
	background-image: url(images/advokit2headerbar-right_r1_c1.png);
	height:  52px;
	vertical-align:  top;
	color:  #FFF;
	font-size:.85em;
}
.topbar-nohover	a	img	{
	vertical-align:  bottom;
	background-color:  #333366;
}
div.headerbar	{
	background-image: url(images/advokit2headerbar-right_r2_c1.png);
	height:20px;
	background-color:  #B8B9DA;
	color:#ffffff;
	text-align: right;
	padding-right:  30px;
	margin-bottom: 6px;
}

/*div.headerbar a	{
       font-size:  12px;
       font-weight:  800;
	text-decoration:  none;
}

div.headerbar a:link, div.headerbar a:visited, div.headerbar a:active	{
	color:  #000;
	text-decoration:  none;
}

div.headerbar a:hover	{
	color:  #fff;
	text-decoration:  underline;
}
*/
.contextual_help	{
	margin-left:20px;
	display:inline;
	vertical-align: bottom;
}

div.statusmsg {
	margin: 30px;
	padding: 20px;
}
.outline	{
	border-left:  1px solid #999;
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-bottom:  1px solid #999;
    background-color:  transparent;
	padding-left:   30px;
}
.outline-search  {
	margin-left: 8px;
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-left:  1px solid #999;
	border-bottom:  1px solid #999;
	width: 90%;
}
/*	class="rule" is used once in Administration.tpl, and basically uselessly, to make a line divider out of a td cell	*/
.rule	{
	color:  #fff;
	background-color:  #333366;
}

.divider-lite-invisible	{
	color:  #fff;
}
.divider	{
	font-weight:  600;
	font-size:  14px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #aaaad5;
	color:  #ffffff;
	padding: 6px;
}
.divider-lite	{
	font-weight:  400;
	font-size:  14px;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #fff;
}

.divider-tiny	{
	font-weight:  300;
	font-size:  12px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #E6E6F2;
}

.divider-tiny	a	{
	font-weight:  300;
	font-size:  12px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #E6E6F2;
}
.divider-status	{
	background: url(images/bar-darkblue.gif) repeat-x top;
	border-top:  1px solid #9cc;
	font-weight:  normal;
	font-size:  x-small;
	color:  #fff;
	font-family:  arial, helvetica, sans-serif;
/*	background-color:  #333366; */
	width: 100%;
	text-align: center;
	line-height: 14px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top:4px; 
	height: 17px;
}

.divider-tiny	a:hover	{
	font-weight:  300;
	font-size:  12px;
	background:  #fff0f0;
	font-family:  arial, helvetica, sans-serif;
}
.topbar-nohover	{
	background-color:  #333366;
}

.topbar-nohover	a:hover	{
	background-color:  #900;
}

.odd	{
	background-color:  #ddf;
}

.odd	p	{
	background-color:  #ddf;
}

.even	{
	background-color:  #eef;
}

.even p	{
	background-color:  #eef;
}
.even ul	{
	background-color:  #eef;
}
.even li	{
	background-color:  #eef;
}
.oddTiny	{
	font-size:  12px;
	background-color:  #f0f0f0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
}
.evenTiny	{
	font-size:  12px;
	background-color:  #f7f7f7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
}
.bgGreyLite	{
	background-color:  #efefef;
}
.bggreytiny, .bgGreyTiny	{
	font-size:  11px;
	background-color:  #eee;
/*	white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.bggreydarktiny, .bgGreyDarkTiny{
	font-size:  12px;
	background-color:  #ccc;
}
.bggreytiny#body, .bgGreyTiny#body	{
	font-size:  10px;
	font-weight:normal;
	background-color:  #eee;
	white-space: normal;
}
.bggreydarktiny, .bgGreyDarkTiny{
	font-size:  11px;
	background-color:  #ccc;
}
.bgwhite, .bgWhite	{
	background-color:  #fff;
}
.bgwhitetiny, .bgWhiteTiny {
	font-size:  11px;
	background-color:  #fff;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.bgWhiteRow {
	font-size:  11px;
	background-color:  #fff;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	vertical-align: top;
}
.bgGreyRow {
	font-size:  11px;
	background-color:  #ddd;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	vertical-align: top;
}
.bgWhiteSubRow {
	font-size:  11px;
	background-color:  #fff;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbb;
	vertical-align: top;
}
.bgGreySubRow {
	font-size:  11px;
	background-color:  #ddd;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	vertical-align: top;
}
.bgRowHighlight-strong {
	font-size:  11px;
	background-color:  #ffe080;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
}
.bgRowHighlight-weak {
	font-size:  11px;
	background-color:  #fff0b0;
/*    white-space: nowrap; */
    padding-right: 5px;
    padding-left: 5px;
}
.divider-tiny .bgWhiteTiny	{
	font-size:  11px;
	background-color:  #fff;
}
.divider-tiny .bgWhiteTiny a	{
	font-size:  11px;
	background-color:  #fff;
}
.alert	{
	font-weight:  800;
	color:  #ff0000;
}
.warn	{
	color:  #ff0000;
}
.form_error_alert	{
	font-weight:  bold;
	color:  #ffffff;
	padding: 10px;
	background-color: #ff0000;
	border: 1px solid #000000;
	margin-bottom: 20px;
}
div.election_alert	{
	font-weight:  bold;
	font-size:  medium;
	color:  #ffffff;
	padding: 6px;
	background-color: #ff0000;
	border: 1px solid #000000;
	margin-bottom: 16px;
	margin-top: 12px;
	text-align:center;
}

.hilite  {
	background-color:  #fff0b0;
	color:  #405060;
	font-weight:  300;
	font-size:  12px;
}
.callback-hilite  {
	color: #FFF;
	background-color:  #E00;
	padding-left:  2px;
	padding-right:  2px;
}
.data_entry_onlist {
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	background-color: #ddf;
	color: #000;
	border-top: 1px solid #bbf;
	border-left: 1px solid #bbf;
	border-right: 1px solid #55a;
	border-bottom: 1px solid #55a;
}
th	{
	color:  #0F398C;
	background-color:  #D3DAE7;
/*	text-transform:  uppercase; */
	font-size:  90%; 
	font-weight:  bold;
	white-space: nowrap;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}	
th a, th a:link, th a:visited	{
/*	color:  #000;
	background-color:  #CCCCCC;
	text-transform:  uppercase;
	font-size:  10px;
	font-weight:  bold;
	text-align:  left; 
    white-space: nowrap;
	*/
}	
/*
th a, th a:link, th a:visited	{
    text-decoration:    underline;
    color: #036
}
*/
th.contact	{
    padding-right: 5px;
    padding-left: 5px;
    color:  #FFF;
	background: url(images/bar-darkblue.gif) repeat-x top;
/*	background-color:  #333366; */
	height:22px;
    white-space: nowrap;
	font-weight:bold;
}	

th.contact a, th.contact a:link, th.contact a:visited  {
	color: #fff;
	font-weight:bold;
}	
th.contact a:hover  {
	color: #dff;
}	

th.addlink {
	color: #fff;
	background: transparent;
	margin-bottom:  0px;
}	

.addlink {
	font-size: x-small; 
	text-transform:  uppercase;
	background: transparent;
	margin-bottom:  0px;
}

div.addlink {
	margin-bottom:  0px;
}

.addlink a, .addlink a:link, .addlink a:visited	{
	font-size: x-small; 
	text-align: right;
}

th .addlink a, th .addlink a:link, th .addlink a:visited  {
	font-weight:bold;
}	
th .addlink a:hover  {
}	


.sidebar-title	{
	font-weight:  400;
	font-size:  18px;
	font-family:  'book antiqua', garamond, times,	serif;
	margin-left:  5px;
	padding-top: 5px;
	padding-left:  5px;
	color:  #900;
	background:  transparent;
	border-bottom: 1px solid #336;
}

.sidebar-heading	{
	font: 11px verdana;
	color: #ffffff;
	font-weight: 800;
	padding-left: 20px;
}
.sidebarlinkblock a {
	COLOR: #039;
	}
.sidebarlinkblockseparator {
	margin-top:4px;
	padding-top:0px;
	margin-right:16px;
	margin-left:16px;
	border-top:1px solid #A3B7E0;
	}
#assumedjob .sidebarlinkblockseparator {
	border-top:2px solid #fff;
	}
.alist {
	text-align:  left;
	padding-top: 3px;
	font-size:  11px;
	font-weight: normal;
	padding-left: 4px; 
	}
.sidebarlinkblock  {
	text-align:  left;
	padding-top: 3px;
	font-size:  11px;
	font-weight: normal;
	padding-left: 16px;
	}
.joblinkblock  {
	text-align:  left;
	padding-top: 3px;
	font-size:  11px;
	font-weight: normal;
	padding-left: 2px;
	}

.alist-assumed  {
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-left:  1px solid #999;
	border-bottom:  1px solid #999;
    background-color:  #cccccc;
}
/*	
.sidebar a, .sidebar a:link	{
	color:  #039;
	font-weight:  bold;
	text-decoration:none;
}
.sidebar a:visited	{
}
.sidebar a:hover	{
	color:  #0241D2;
	text-decoration:underline;
}
.sidebar a:active	{
}
*/

.main a, .main a:link	{
	color:  #039;
/*	background: transparent;*/
	font-weight:  normal;
	text-decoration:none;
}
.main a:visited	{
}
.main a:hover	{
	color:  #0241D2;
	text-decoration:underline;
}
.main a:active	{
}

div#crumbar{
	padding-left: 10px;
	font-size:0.9em;
}
.crumb, a.crumb, a.crumb:link, a.crumb:visited  {
	color: #039;
	background-color: transparent;
}
td	{
	padding-left:  5px;
	padding-right:  5px;
}

.main  {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
/*	width: 90%;*/
}
/*
#main  {
	width: 610px;
	float: right;
	border-left: 1px solid #336;
}
*/



.helppage {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.helppage h1 {
	background-color: #AAAAD5;
	color: #FFFFFF;
	display: block;
	white-space: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.helpbody {
	color: #333333;
	margin-top: 0px;
	padding-bottom: 16px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 10px;
}
.helpbody, .helpbody p, .helpbody li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.helpbody p {
	margin-bottom: 0px;
	margin-top: 22px;
}
.helpbody ul {
	margin-bottom: 0px;
	margin-top: 4px;
}
.helpbody li {
	margin-bottom: 4px;
	display: list-item;
	margin-left: 4px;
}
.helpbody .warn {
	color: #FF0000;
}
.helpbody a, .helpbody a:visited {
}
.helpbody a:hover, .helpbody a:active {
}
.helpbody .linkname {
	font-weight: normal;
	text-transform: uppercase;
	color: #003399;
}
.helpbody .sectionname {
	font-weight: bold;
	color: #993300;
}

.walklistquestionnaire-filtered {
    text-decoration: line-through; 
	opacity: .3;
	color: #aaa;

}
table.pagebox {
	border: 1px solid #333366;
/*	width: 800px; */
}

div.sidebar	{
/*	background-color:  transparent; */
}

td.sidebar {
	border-right-style: solid;
	border-right-color: #333366;
	border-right-width: 1px;
	padding-right:  0px;
	padding-left:  0px;
	width:180px;
}
td.main {
/*	width: 620px; */
	padding-right:  0px;
	padding-left:  0px;
}
td.footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333366;
	padding: 0;
}


H4	{
	font: 11px verdana;
	color: #ffffff;
	font-weight: 800;
	padding-left: 20px;
}
H4.sidebarsectionhead{
	background: url(images/bar-darkblue.gif) repeat-x top;
/*	background-color:  #333366; */
	line-height: 14px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top:4px; 
	height: 22px;
}


table.assumedjobhead {
	color: #ffffff;
}

table.assumedjobhead td {
	background-image: url(images/bar-darkblue.gif);	
	line-height: 14px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top:0px; 
	height: 22px;
}

#assumedjob h4.assumedjobhead {
	margin-top: 0px;
/*	background-color: #FFFFFF; */
/*	color: #333366; */
}
#assumedjob {
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EEEEEE;
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #37376C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #7777BB;
	border-right-color: #37376C;
	border-left-color: #7777BB;
}

#assumedjob H4.sidebarsectionhead {
	font: 11px verdana;
	color: #ffffff;
	font-weight: 800;
	padding-left: 5px;
	padding-bottom: 1px;
	background-image: url(images/bar-mediumblue.gif);	
/*	background-color: #737591; */
}

/*
table.item {
	padding-right: 10;
	margin-left: 15; 
}
*/

#required {
	color:#ff0000;
}

.muted {
	color:#444
}

.disabledlink {
	color:#666
}

.disabledselectcontrol
{
	color:#666
}

.currentpagenumber {
	font: 11px verdana;
	color: #000000;
	font-weight: 800;
}

.pagebar	{
	font-weight:  300;
	font-size:  11px;
	background-color:  #eeeeee;
}

.pagebar	a:hover	{
	color: #000000;
}
.pagebar	a:link	{
	text-decoration:  none;
}
/*
body a:link, body a:active, body a:visited { 
	color:#039;
}
*/

a.linkbutton {
  background-color: #FF798C;
  color: #fff;
  text-decoration:none;
  border: 1px solid #4A88DF;
  font-size: .95em;
  font-weight: normal;
  height: auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 4px 1px 4px;
  text-decoration:none;
}
a.linkbutton:hover {
  background-color: #EDF2FF;
  color: #0F398C;
  text-decoration:none;
}

a:link, a:active, a:visited { 
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}
.sidebar a { 
	font-weight:bold;
}
div.currentjoblink {
	background-image:url(images/right.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 12px;
}
div.joblink, div.inactivejoblink {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 12px;
}
a.currentjoblink {
	COLOR: #7392d0;
	text-decoration:  none;
}
span.ljoblink, span.ajoblink {
	COLOR: #BCCBE9;
	text-decoration:  none;
}
a.currentajoblink:hover, a.currentljoblink:hover {
	COLOR: #fff;
}
a.ajoblink, a.ljoblink {
	COLOR: #7392d0;
}
a.ajoblink:hover, a.ljoblink:hover {
	COLOR: #fff;
}

div.inactivejoblink span.disabledlink {
	COLOR: #7392d0;
	font-style:italic;
}
.pbar-pct {
	background-color: #ff8888;
	padding:  0px;
}

.pbar-remainder {
 background-color: #dddddd;
	padding:  0px;
}

.pbar-over {
	background-color: #88ff88;
	padding:  0px;
}
/*
.previous-answer {
	font-weight:  bold;
 	background-color: #808080;
 	color: #ffffff;
}
.previous-answer {
	font-weight:  bold;
	color: #000000;
	border: 1px solid #666666;
}
*/

/*
ul.walklist-questionnaire{
width:100px;
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
background-color:transparent;
}

li.walklist-question{
list-style: none;
margin: 0;
position: relative;
}

*/
ul.walklist-questionnaire {
background-color:transparent;
list-style:none;
	margin-bottom: 6px;
padding:0;
width:9em;
display: inline;
}

ul.walklist-questionnaire li{
font-size:1.0em;
background-color:transparent;
display:inline;
padding-left:3px;
padding-right:0px;
padding-top:3px;
padding-bottom:3px;
	margin-right: 6px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #37376C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #7777BB;
	border-right-color: #37376C;
	border-left-color: #7777BB;
*/
}

.walklist-voterdata {
	font-size:1.3em;
	font-weight:  normal;
	white-space:nowrap;
	color: #000000;
}


.outline h3 {
	margin-top:  0px;
	margin-bottom:  4px;
}

.bgGreyInset {
	font-size:12px;
	margin-top: 2px;
	margin-bottom: 6px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #37376C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #7777BB;
	border-right-color: #37376C;
	border-left-color: #7777BB;
}
td.browsetablerowdivider {
	height:0;
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

div.one_line_teaser {
	position:relative; 
	height:1.3em; 
	z-index:1; 
	overflow: hidden;
}

.highlight1 {
	font-weight:  bold;
 	color: #000000;
}
div.warn {
	color: #FF0048;
	background-image: url(images/alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	padding-left: 24px;
	padding-bottom: 5px;
}
div.instruct {
	color: #0F398C;
	font-weight:bold;
	background-color:#D3DAE7;
	background-image: url(images/instruct.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
}
div.info {
	background-image: url(images/info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	padding-left: 24px;
	padding-bottom: 5px;
}
div.help-section-head	{
	font-weight:  normal;
	font-size: medium;
	margin-left:  0px;
	margin-bottom:  10px;
	padding-top: 16px;
	padding-left:  24px;
	color:  #000000;
	background:  transparent;
	border-bottom: 1px solid #336;
}
div.help-picture	{
	padding-top: 16px;
	padding-bottom: 16px;
	text-align:center;
}

div.taskdone {
	background-image: url(images/checkedbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 2px;
	padding-left: 20px;
	padding-bottom: 0px;
}
div.taskpending {
	background-image: url(images/uncheckedbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 2px;
	padding-left: 20px;
	padding-bottom: 0px;
}

/* <dynamic tabbed interface> */

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
}


#tablist li{
list-style: none;
display: inline;
margin: 0;
}

/*
#tablist li{
list-style: none;
display: inline;
margin: 0;
position:relative;
}
*/

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
}

#tablist li a:link, #tablist li a:visited{
color:#333366;
}

#tablist li a.current:link, #tablist li a.current:visited{
color: #039;
}
#tablist li a.inactive{
background: #eee;
}
#tablist li a.active{
background: #fff;
border-bottom: none;
}


#tabcontentcontainer{
}

.tabcontent{
/*display:none;*/
}
/* </dynamic tabbed interface> */


	fieldset.teamheader {
	    margin-top        : 0px;
	    margin-right      : 0px;
	    margin-left       : 0px;
	    margin-bottom     : 25px;
	    padding           : 7px;
	}
	legend.teamheader {
        color             : #333366;
        font-weight       : bold;
        font-size         : 160%;
	}

div.teamreport {
	background-color: #F0F0F0;
	padding: 6px;
	border: 1px solid #B8B9DA;
	margin: 8px 0px 16px;
}
div.logo {
	text-align: center;
}

div.powered {
	margin-top:6px;
	padding-left:14px;
	padding-right:14px;
}
div.powered td {
vertical-align:top;
}

a .volunteerbutton {
	background-color: #E9EAED;
	padding:3px;
}

.notes {
	background-color: #ccffaa;
	padding-left:6px;
	padding-right:6px;
}

div.questionnaire_disabled {
	color: #679;
}
div.questionnaire {
	color: #000;
}

table.questionnaire th {
	background-color:#D3DAE7;
	margin-top:6px;
	margin-bottom:0px;
	padding:4px;
	border-left:  1px solid #999;
	border-right:  1px solid #999;
	border-top:  2px solid #999;
	border-bottom:  1px solid #999;
}
table.questionnaire td {
	margin-top:3px;
	margin-bottom:0px;
	padding:4px;
}
table.questionnaire {
	margin-top:6px;
	margin-bottom:0px;
	border-left:  1px solid #999;
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-bottom:  1px solid #999;
}

ul.contactlistphoneblock_show {
	margin:0px;
	padding:0px;
}

ul.contactlistphoneblock_show li {
	list-style-type: none;
}


ul.contactsheet_voterlinkdetails_show, ul.contactsheet_votertags, .contactattemptform, .addactivist_jobdescriptionblock_show, .savedsearchbox {
	width:auto;
	text-align:left;
	border: 1px solid #000000;
	position: absolute;
	display: block;
	background-color: #FFFFFF;
	z-index: 999;
	padding: 4px;
	visibility: visible;
}

ul.contactsheetoptions {
	margin-left: 8px;
}
ul.contactsheetoptions li {
list-style-image: url(images/right.gif);
list-style-type: circle;
	font-size:12px;
}

div#changejoblink {
	cursor:hand;
	display:inline;
	position:relative;
	border: 1px solid #7392d0;
	color:#7392d0;
	padding-left:2px;
	padding-right:2px;
	margin-top:2px;
}

.changejobblock_on {
	border: 1px solid #7392d0;
	background-color:#0c2e71;
	width:auto;
	text-align:left;
	display: block;
	z-index: 999;
	padding: 4px;
	visibility: visible;
}
.changejobblock_off {
	display: none;
}
ul.changejoblist {
	text-align:left;
	padding: 0px;
}

ul.changejoblist li {
	background-color:none;
	color: #FF0000;
}

ul.contactsheet_voterlinkdetails_show li, ul.contactsheet_votertags li,  ul.changejoblist li {
	list-style-type: none;
}

ul.contactsheet_voterlinkdetails_hide, .addactivist_jobdescriptionblock_hide, .hidden {
	display: none;
	visibility: hidden;
	z-index: 2;
}
.notvisible {
	display: none;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

.displayblock {
	display: block;
	visibility: visible;
}

.displayinline {
	display: inline;
	visibility: visible;
}


.popup_list {
	position: absolute;
	z-index: 999;
	border: 12px solid #447;
	display: block;
	background-color: #447; 
}

.jslink:hover, .showhiderow {
	text-decoration:  underline;
	cursor:pointer;

}


div#alpha-filter {
  margin: 10px 0px 5px;
  text-align: center;
  width: 100%;
}

#alpha-filter ul {
  border-collapse: collapse;
  padding: 0em;
  white-space: nowrap;
  list-style-type: none;
  margin: 2px;
  height: auto;
  width: auto;
}
#alpha-filter li {
  text-align: center;
  display: inline;
  /*background-color: #eee;*/
  background-color: #EDF2FF;
  /*border: 1px solid #6e6e6e;*/
  border: 1px solid #4A88DF;
  color: #aaa;
  font-size: .95em;
  font-weight: normal;
  height: auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 4px 1px 4px;
}

#alpha-filter li.active {
  background-color: #0F398C;
  color: #fff;
  font-weight: bold;
}

#alpha-filter  a {
  font-weight: normal;
  color: #000;
}

#alpha-filter li.active a {
  font-weight: bold;
  color: #fff;
}

.input_error {
	background-color:#fbb;
}

.input_changed {
	background-color:#bfb;
}

.pbar-complete {
	background-image: url(images/pbar-complete.gif);
	background-repeat: repeat;
	border-right: solid 1px #888;
}
.pbar-nocontact {
	background-image: url(images/pbar-nocontact.gif);
	background-repeat: repeat;
	border-right: solid 1px #888;
}
.pbar-started {
	background-image: url(images/pbar-started.gif);
	background-repeat: repeat;
	border-right: solid 1px #888;
}
.pbar-needinfo {
	background-image: url(images/pbar-needinfo.gif);
	background-repeat: repeat;
	border-right: solid 1px #888;
}
.pbar-retry {
	background-image: url(images/pbar-retry.gif);
	background-repeat: repeat;
	border-right: solid 1px #888;
}


/* ************************************************* */
/* STYLES FOR SIMPLE CONTACT SHEET                   */
/* ************************************************* */
    
    a.done_button_link {
        font-weight       : bold;
        font-size         : 16px;
        white-space       : nowrap;
        text-decoration   : none;
    }
    
    a.done_button_link:hover {
        color             : white;
    }
    
    .simple_header_row {
        background        : #B890C2;
        padding           : 2px;
    }
    
    .simple_header_row h2 {
        margin            : 0px;
        padding           : 3px;
    }
    
    .simple_header_row p {
        margin            : 0px;
        padding           : 3px;
        color             : #683072;
        font-style        : italic;
    }
    
    .simple_box {
        border            : 1px solid #B890C2;
        padding           : 0px;
    }
    
    .simple_content {
        padding           : 5px;
    }
    
    .simple_get_more_button_link {
        white-space       : nowrap;
    }
    
    .simple_get_more_button_link a {
        font-weight       : bold;
        text-decoration   : none;
        font-size         : 16px;
        color             : black;
        border-top        : 1px solid #EFE;
        border-left       : 1px solid #EFE;
        border-right      : 1px solid #3C3;
        border-bottom     : 1px solid #3C3;
        padding           : 3px;
        background        : #CFC;
    }
    
    .simple_get_more_button_link a:hover {
        border-top        : 1px solid #EFE;
        border-left       : 1px solid #EFE;
        border-right      : 1px solid #3C3;
        border-bottom     : 1px solid #3C3;
        background        : #AFA;
    }
    
    .simple_get_more_button_link a:active {
        border-top        : 1px solid #3C3;
        border-left       : 1px solid #3C3;
        border-right      : 1px solid #EFE;
        border-bottom     : 1px solid #EFE;
        background        : #AFA;
    }

	fieldset.simple_team_header {
	    margin-top        : 0px;
	    margin-right      : 0px;
	    margin-left       : 0px;
	    margin-bottom     : 25px;
	    padding           : 7px;
	    border            : 1px solid #B890C2;
        background        : #F3FAF7;
	}
	
	legend.simple_team_header {
        color             : #FFF;
        font-weight       : bold;
        font-size         : 150%;
	    border            : 1px solid #B890C2;
	    padding-left      : 4px;
	    padding-right     : 4px;
        background        : #B890C2;
	}