/*
body background: 				9999bb
nav background:					333377
items background:				ffeecc
label background:				ddccaa
orange hovers:					ffa511
outlogged olive:				888354
myWP background:				003366

standard data table:
table border="1" align="center" bordercolor="#777799" cellpadding="2" cellspacing="0"
*/



.nav { text-decoration:none; }  
A.nav:hover { color: #ffa511; }
A.nav {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffffff}

td {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; text-decoration: none; color: black; font-size:12px}

A.wpNav:hover { color: #ffa511; }
A.wpNav {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 10px; text-decoration: underline; color: #ffff00}

.rollBlue { text-decoration:none; }  
A.rollBlue:hover { color: #ffa511; }
A.rollBlue {font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #0000AA; font-size:13px}

.roll { text-decoration:none; }  
A.roll:hover { color: #ffa511; }
A.roll {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}

.rollTeams { text-decoration:none; }  
A.rollTeams:hover { color: #ffa511; }
A.rollTeams {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000088}

.CProll { text-decoration:none; }  
A.CProll:hover { color: #ffa511; }
A.CProll {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #000000}

a.activityNote { text-decoration:none; cursor:pointer}  
a.activityNote:hover { color: #ffa511; }
a.activityNote {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}


.messages {size: 1}
td.messages { color: #ffffff; font-size: 13;}
td.messagesBack { background-color:#333377; color: #ffffff; font-size: 13;}
A.messages {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; text-decoration: none; color: #cccccc; font-size:11;}
A.messagesHead {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; text-decoration: none; font-weight: bold; color: #ffffff; font-size:12;}
A.messagesHead:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; text-decoration: none; font-weight: bold; color: #ffa511; font-size:12;}
A.messageText {font-family: Courier New, Arial Narrow, Arial, Helvetica; text-decoration: underline; color: #000055; font-size:14;}
A.messageText:hover {font-family: Courier New, Arial Narrow, Arial, Helvetica; text-decoration: underline; color: #ffa511; font-size:14;}

td.label { color: #000000; font-size: 12px; background-color:#eeeeee}
th.label { color: #000000; font-size: 13px; background-color:#eeeeee; font-weight:bold}
td.items { color: #000000; font-size: 12px; background-color:#D8D8E5}
td.preService { color: #000000; font-size: 12px; background-color:#cccccc}
td.unavailable { color: #000000; font-size: 12px; background-color:#880000}
td.AMunavailable { color: #000000; font-size: 12px; background-color:#B6B1B1}
td.PMunavailable { color: #000000; font-size: 12px; background-color:#F0ADAD}
A.items {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #0000aa}
A.items:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffa511}

.alignLeft {text-align:left}

td.darkRow { color: #000000; font-size: 12; background-color:#E2EBEB;}
td.lightRow { color: #000000; font-size: 12; background-color:#F5F5F5;}
td.rowHead { color: #000000; font-size: 12; background-color:#eeeeee}
A.darkRow {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #0000aa}
A.lightRow:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffa511}

td.hint { color: #000000; font-size: 12; background-color:#e8c781}

body.fullbody {
	background: url(images/body_background.gif) repeat-x;
	}
body.wpcentralbody {background-color: #555599}

A.add {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffffff}
A.add:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffa511}

A.addExtraNote {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #dddddd}
A.addExtraNote:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: none; color: #ffa511}

A.printout:hover { color: #ffa511; }
A.printout {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size:14; text-decoration: none; color: #ffffff}

A.tnc {
	font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; 
	font-style:italic; 
	text-decoration: none; 
	color: #0000aa;
	font-size:9px;	
	}
	
A.tnc:hover {
	font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; 
	font-style:italic; 
	text-decoration: none; 
	color: #ff3333;
	font-size:9px;
	}

td.help {font-size: 12; background-color:#ddccaa}

td.helperTitle {font-family: Arial, Verdana; font-weight:bold; font-size:16; background-color:#a9c7e3; color:#000000}
td.helper {font-family: Arial, Verdana; font-weight:bold; font-size:16; background-color:#ffffff;  color:#000000}

.minischd {size: 1}
td.minischd {color: #006600; font-size: 12}

td.login {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#000000}
a.login {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#000000}
a.login:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffa511}
td.reqLogin {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#990000; font-weight:bold;}

.pageheading {font-size: 20; background-color: #CCCCCC; color:#003366;}

.worshipHeading {font-size: 20; background-color: #eeeeee; color:#003366; cursor:pointer; left:17px;}
.worshipHeadingNoLink {font-size: 20; background-color: #eeeeee; color:#003366; left:17px;}

body.iHelp {background-color: #E9FEEA; color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14;}
td.iHelp {color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14;}
td.iHelpClose {color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 10; text-decoration:none;}
a.iHelp {color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; text-decoration:underline;}
a.iHelp:hover {color: #ffa511; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; text-decoration:underline;}
a.iHelpClose {color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 10; text-decoration:underline;}
a.iHelpClose:hover {color: #ffa511; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 10; text-decoration:underline;}
td.iHelpHead {color: #000000; font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 16;}

td.loginDet {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 13; color:#000000;}
td.loginOpener {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 13; color:#000000; line-height:1.4}

h1.olTitle {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 20; color:#000000}
b.olHead {font-family: Lucida Sans, Arial; font-size: 17; color:#aa0000}
td.olSubHead {font-family: Lucida Sans, Arial; font-size: 15; color:#ffffff; font-weight: bold}
a.ol {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffffff}
a.ol:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffa511}
a.olFeatures {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#000000; text-decoration:none}
a.olFeatures:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffa511; text-decoration:underline}
a.olTry {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ee0000}
a.olTry:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#00cc00}

td.features {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#000000}
a.features {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; color:#000000}
a.features:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; color:#ffa511}

b.req {font-weight: bold; color:#990000}

td.systemInfo {font-family: courier new, Arial Narrow, Arial, Helvetica; font-size: 12; color:#99ff66}
a.systemInfo {font-family: courier new, Arial Narrow, Arial, Helvetica; font-size: 12; color:#99ff66}
a.systemInfo:hover {font-family: courier new, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffa511}
td.wpCentral {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#FFFFFF}
a.wpCentral {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#FFFFFF; text-decoration:underline;}
a.wpCentral:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 12; color:#FFa511; text-decoration:underline;}
a.wpCentralLeft {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; color:#ffff00; text-decoration:underline;}
a.wpCentralLeft:hover {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 14; color:#FFa511; text-decoration:underline;}

b.wpMessage {font-family: courier new, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffff00; font-weight: bold;}
a.wpMessage {font-family: courier new, Arial Narrow, Arial, Helvetica; font-size: 12; color:#ffff00;}

.notesExpand { text-decoration:none; }  
A.notesExpand:hover { color: #000000; }
A.notesExpand {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #ff6600}
td.notesExpand { color: #000000; font-size: 12; background-color:#ffff99}

.survey {text-decoration:none;}
td.survey {font-family: Tahoma, Arial, Verdana; color:#442200}
th.survey {font-family: Tahoma, Arial, Verdana; font-weight: bold; font-size: 19; color:#442200}

td.surveyInst {font-family: Tahoma, Arial, Verdana; font-weight: bold; color:#442200}
td.surveyQuestion {font-family: Tahoma, Arial, Verdana; font-weight: bold; color:#330033}
td.surveyReview {font-family: Tahoma, Arial, Verdana; font-size: 13; color:#330033}

td.salesHeading {font-family: Tahoma, Arial, Verdana; font-weight: bold; font-size:10; background-color:#a9c7e3}
td.salesCell {font-family: Tahoma, Arial, Verdana; font-weight: normal; font-size:10; background-color:#c4cadf; color:#442200}

body.market2 {
background: #474747;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #000000;
}

td.container{
background-color: #ffffff;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
}

td.section{
background-color: #9cf;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
color: #000000;
font-size: 13px;
}

td.login2{
background-color: #9cf ;
color: #3333aa;
font-family: "arial";
font-weight: bold;
font-size: 13px;
}

a.login2{
color: #3333aa;
font-family: "arial";
font-weight: bold;
font-size: 13px;
}

a.marketLinks{
color: #000000;
font-size:10px;
text-decoration:none;
}

a.marketLinks:hover{
color: #ffffff;
font-size:10px;
text-decoration:none;
}

a.marketSubLinks{
color: #1111bb; 
font-size:10px;
text-decoration:none;
}

a.marketSubLinks:hover{
color: #ffffff;
font-size:10px;
text-decoration:none;
}

h3.marketTitle
{
font-size: 14px;
}

h3.marketTitle2
{
font-size: 18px;
}
span.marketLinks {

color: #000000;
font-size:10px;
text-decoration:none;
}

body.mywp {
background: url(images/body_background.gif) repeat-x;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
margin: 0px;
padding: 0px;
color:#ffffff;
}

td.loginList
{
color: #ffffff;
font-size:10px;
text-decoration:none;
}

table.quickSongListResults
{
	font-size:13px;
	color:#000000;
	}

div#divSongSearchResults 
{
	height:280px;
	width:450px;
	overflow:auto;
	}

a.quickSongSearchLink
{
	color:#000000;
	text-decoration:none;
}
a.quickSongSearchLink:hover
{
	color:#6600CC;
	text-decoration:underline;
}

a.quickSongSearchLastPerformed
{
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
a.quickSongSearchLastPerformed:hover
{
	font-size:10px;
	color:#6600CC;
	text-decoration:underline;
}


a.navMenu {
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	padding:0 10px 0 5px;
	display:block;
}
a.navMenu:hover {
	text-decoration:underline;
}

a.navMenuBeta {
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	padding:0 10px 0 5px;
	display:block;
	font-size:10px;
}
a.navMenuBeta:hover {
	text-decoration:underline;
}

td.navBar {
	color:#FFFFFF;
	text-decoration:none;
}

#menu {
	position:relative;
	background:url(images/WP_Menu_Up_BG.jpg) repeat-x;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:right;
	height:32px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(images/WP_Menu_Up_BG.jpg) repeat-x;
	float:right;
}

#menu ul li {
	float:left;
	margin:0;
	padding:0;
	display:inline;
}

#menu img {
	border:none;
	vertical-align:middle;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader»
(sizingMethod='scale');
}

#menu ul li.logout a {
	background:#333377;
	padding:8px 15px 9px 15px;
	color:#ffffff;
	font-size:12px;
	background-image:none;
	text-decoration:underline;
	display:block;
}
#menu ul li.logout a:hover {
	background-image:none;
	text-decoration:none;
}

.panel{
	text-align: center;
	cursor:pointer;
	margin-bottom:0px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
}
.panel a{
	text-decoration:none;
	color:#000000;
}
 .panel-up{
	background:url(images/pane-closed.gif) no-repeat scroll;
 }
.panel-down{
	background:url(images/pane-opened.gif) no-repeat scroll;
}
.panel-target{
	padding:5px;
	border:1px solid #CCCCCC;
}
.panel-closed{
	display:none;
}

.panel_full {
	background-color:#FFFFFF;
	padding-top:0px;
	margin:7px;
}

.panel_contents {
	font-size:11px;
	color:#000000;
}

.calendarPane {
	background-color:#C1D6DD;
}

.serviceList {
	background-color:#C1D6DD;
}

.serviceNotesPane {
	background-color:#C1D6DD;
}

.serviceOrderPane {
	background-color:#C1D6DD;
}

.serviceInfoPane {
	background-color:#C1D6DD;
}

.serviceRolesPane {
	background-color:#C1D6DD;
}

.serviceActionsPane {
	background-color:#C1D6DD;
}

.serviceDateTimePane {
	background-color:#ffffff;
	text-align: center;
	margin-bottom:0px;
	color:#000000;
	font-weight:bold;
	font-size:17px;
}
.linkedServiceDateTimePane {
	font-weight:normal;
	font-size:14px;
}

td.panelDarkRow { 
	color: #000000; 
	font-size: 10px; 
	background-color:#E2EBEB
}

td.panelLightRow { 
	color: #000000; 
	font-size: 10px; 
	background-color:#F5F5F5
}

a.tinyLink {
	font-size:8px;
	color:#000000;
}
a.tinyLink:hover {
	color:#FF9900
}

a.smallLink {
	font-size:9px;
	color:#000000;
}
a.smallLink:hover {
	color:#FF9900
}

li.contextMenuItem {
	font-size: 13px;
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
li.servicesPaneList {
	font-size:11px;
	color:#000000;
	cursor:pointer;
	}
li.servicesPaneList:hover {
	background-color:#66CCFF
	}
	
td.serviceDayCell {
	background-color:#00FF00
	}
	
a.calContext {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	}
a.calContext:hover {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	}
	
td.tabList {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
th.tabList {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#000033;
}

.frameBody
{
    font-family:sans-serif;
    font-size:12px;
    margin:0;
    width:100%;
    height:100%;
}

.frameBody p
{
    border:1px #bbb solid;
    padding:2px;
}

.rte-zone
{
	width:350px;
	margin:0;
	padding:0;
	height:160px;
	border:1px #999 solid;
    clear:both;
	background-color:#FFFFFF;

}

.rte-toolbar{ overflow:hidden; }

.rte-toolbar a, .rte-toolbar a img {
	border:0;
}

.rte-toolbar p {
    float:left;
    margin:0;
    padding-right:5px;
}


.groupWrapper
{
	width: 32%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	margin-bottom: 20px;
}
.groupItem .itemHeader
{
	line-height: 28px;
	background-color: #FFCC55;
	border-top: 2px solid #FF9933;
	color: #000;
	padding: 0 10px;
	cursor: move;
	font-weight: bold;
	font-size: 16px;
	height: 28px;
	position: relative;
}

.groupItem .itemHeader a
{
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.cluetip-default {
  background-color: #d9d9c2;
}

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #EBEBEB;
}

.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #000066;
  color: #fff;
}

.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  background-color:#CCCCCC;
  color: #000;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage
 {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}

th.personMenu {
	font-size:14px;
	font-weight:bold
	}

td.personMenu {
	font-size:11px;
	}
	
A.peopleMenu:hover { color: #ffa511; }
A.peopleMenu {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}

A.songMenu:hover { color: #ffa511; }
A.songMenu {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}

th.songMenu {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; color: #000000; font-size:16px}

#centerDiv { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 250px; 
	height: 35px; 
	background-color: #FFFF00; 
	border: navy solid 1px; 
	color:#333366;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
}


.banner {
	width: 100%; 
	height: 75px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: url(images/banner-gradient.gif) repeat-x top center #337;
	font-family: Arial, Helvetica, sans-serif;
}
.banner td.logo, .banner td.logo a, .banner td.logo a img {
	width: 200px;
	height: 75px;
	text-align: left;
	border: none;
}
.banner-menu {
	width: 100%; 
	height: 75px;
	margin: 0px;
	padding: 0px;
}
.menu {
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
.submenu {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	vertical-align: bottom;
}
.submenu li {
	display: inline;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
}
.submenu li a {
	color: #fff;
	text-decoration: none;
	background: none;
	padding: 3px 3px 4px 3px;
}
.submenu li a:hover {
	color: #fff;
	background: #7e809d;
}

table.stdTable{
	border:none;
	text-align:left;
	background-color:#ffffff;
	}
	
table.stdTable th{ color: #000000; font-size: 14px; background-color:#ffffff}

table.stdTableHead { background-color:#FFFFFF; border:none}

th.flowTableCenter{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

th.flowTableLeft{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}

span.demo1{
	border:thin;
	border-color:#000000;
	border-width:thin;
	border-style:solid;
	background-color:#eeeeee;
	cursor:pointer;
	}
	
a.feedback {
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none
	}

a.feedback:hover {
	color:#006600;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none
	}
input.smallButton {
	height:18px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* hints table */
table#hints{
	width:950px;
	margin-bottom:15px;
	background:#FFF;
	border:1px #000 solid;
	padding:5px;
}

table.hintListing tr td{
	padding:2px;
}

.hintListingEven{
	background-color:#ccc;
}
.hintListingOdd{
	background-color:#d2e0e7;
}
.hintTitle{
	background-color:#FFF;
}

/*hints form */

form#hintsForm textarea{
	width:600px;
	height:300px;
}

/*help pop up*/

body#help {
	font-family:"Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#help #masthead{
	height:57px;
	background-color:#000000;
}

#help #masthead img{
	float:left;
	margin:5px 0px 0px 5px;
}

#help #support{
	background-color:#cccccc;
	height:30px;
}

#help #support h2{
	margin:0px;
	padding:5px 0px 5px 20px;
	font-size:14px;
}

#help #context{
	padding: 0px 10px 10px 10px;
}

#help .hint{
	display:block;
	margin-bottom:15px;
}

td.hints{
	font-family:"Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
input.hints{
	font-size:12px;
	height:20px
}

/*new user pop */
#newUserModal{
	font-family:"lucida", Arial, Helvetica, sans-serif;
	font-size:14px;
}

#welcomeHead{
	height:75px;
	background:#000000;
}

#welcomeHead img{
	float:left;
	margin:20px 0px 0px 25px;
}

#welcomeHead h2{
	float:right;
	margin:40px 25px 0px 0px;
	color:#ffffff;
}

#leftSection{
	float:left;
	border-right:1px solid #CCC;
	padding-right:50px;
}

#rightSection{
	float:right;
}

#newUserModal fieldset{
	margin:0px 25px 0px 25px;
	padding:10px 10px 10px 10px;
}

#newUserModal legend{
	color:#FFFFFF;
	background-color:#000000;
	padding:2px;
}

.clearFix{
	clear:both;
}

form#newUserPopForm label{
	width:70px;
	float:left;
	margin-right:10px;
	font-weight:bold;
}

/*phone number labels need to be a bit wider */
form#newUserPopForm #rightSection label{
	width:95px;
}


form#newUserPopForm input.txt{
	width:120px;
}

textarea.init, input.init {
	font-style: italic;
	color: #808080;
}

p.msg{
	margin:15px 15px 0px 15px;
}

#modalContainer {
  height:auto;
  width:600px;
}

th.personMenu {
	font-size:14px;
	font-weight:bold
	}

td.personMenu {
	font-size:11px;
	}
	
A.peopleMenu:hover { color: #ffa511; }
A.peopleMenu {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}


/* ------------------------------------------------------------ ZEBRA STRIPES */

.zebra-even {
  background-color: #E7E7E7;
}

.zebra-odd {
  background-color: transparent;
}


