@import 'css/general/socialNetwork.css';
@import 'css/general/banner.css';
@import 'css/general/static_tabs.css';
@import 'css/general/wp-action-buttons.css?v=20111129';
@import 'css/general/cluetip.css';

/*
body background: 				9999bb
nav background:					333377
items background:				ffeecc
label background:				ddccaa
orange hovers:					ffa511
outlogged olive:				888354
myWP background:				003366

*/


html, body {
	margin: 0px;
	padding: 0px;
}

body {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; text-decoration: none; color: black; font-size:0.8em;}

.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}

A.wpNav:hover { color: #ddd; }
A.wpNav {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-size: 10px; text-decoration: underline; color: #ffffff}

body.fullbody {
	background: #efefef;
}

body.mywp {
}


.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}

.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}

.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; }  
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, tr.preService { color: #000000; font-size: 12px; background-color:#cccccc}

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}

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;
	}

a img {
  border: none;
  vertical-align: middle;
}

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, label.required-field {font-weight: bold; color:#990000;}
label.error-field { font-weight: bold; font-style: italic; color: #ff0000;}

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;
}

/* -------------------------------------------------------- TABLE FORMATTING */

table.list-table,
table.middle,
table.full-table {
	border-collapse: collapse;
}
	table.list-table thead {
	}
		table.list-table thead tr {
			background-color: #f8f8f8;
		}
		table.list-table tbody.section-heading tr {
			background-color: #444;
		}
			table.list-table thead tr th,
			table.list-table thead tr td {
				color: #666;
				text-align: left;
				padding: 2px;
			}
			table.list-table tbody.section-heading tr th,
			table.list-table tbody.section-heading tr td {
				color: #ddd;
				text-align: center;
				padding: 5px;
				border-right: none;
			}
			table.list-table thead tr .left,
			table.list-table tbody.section-heading tr .left {
				text-align: left;
			}
			table.list-table thead tr .right,
			table.list-table tbody.section-heading tr .right {
				text-align: right;
			}
			table.list-table thead tr .center,
			table.list-table tbody.section-heading tr .center {
				text-align: center;
			}
	table.list-table tbody td,
	table.list-table tbody th,
	table.middle tbody td,
	table.middle tbody td {
		padding: 2px;
	}
	table.list-table tbody td,
	table.list-table tbody th {
		border-right: 1px solid #d8d8d8;
	}
		table.list-table tbody td:last-child,
		table.list-table tbody th:last-child {
			border-right: none;
		}
	table.list-table tbody tr.border-top > td,
	table.list-table tbody tr.border-top > th {
		border-top: 1px solid #d8d8d8;
	}
	table.list-table tbody tr.border-bottom > td,
	table.list-table tbody tr.border-bottom > th {
		border-bottom: 1px solid #d8d8d8;
	}
	table.list-table.hover-controls tbody td.controls a {
		visibility: hidden;
	}
	/* selected row */
	table.list-table tbody tr.wp-state-selected td,
	table.list-table tbody tr.wp-state-selected th {
		background-color: #e0eaff;
		border-right: 1px solid #e0eaff;
	}
		table.list-table tbody tr.wp-state-selected td:last-child,
		table.list-table tbody tr.wp-state-selected th:last-child {
			border-right: none;
		}
	table.list-table.hover-controls tbody tr.wp-state-selected td.controls a {
		visibility: visible;
	}
	table.list-table tfoot tr,
	table.middle tfoot tr,
	div.page-tip-foot {
		background-color: #ccc;
	}
		table.list-table tfoot tr td,
		table.list-table tfoot tr th,
		table.middle tfoot tr td,
		table.middle tfoot tr th {
			padding: 10px;
		}
	table.list-table tbody label {
		display: block;
	}
	
	table.list-table ul {
		margin: 0.1em 0px 0.1em 1.3em;
		padding: 0px;
	}
			table.list-table ul li {
				padding: 0px;
			}

	table.clickable-list-table tbody tr,
	table.object-list-table tbody tr {
		cursor: pointer;
	}

	table.wider-padding thead tr th,
	table.wider-padding thead tr td,
	table.wider-padding tbody tr th,
	table.wider-padding tbody tr td {
		padding: 2px 10px;
	}
	
	table.five-px-wide-padding thead tr th,
	table.five-px-wide-padding thead tr td,
	table.five-px-wide-padding tbody tr th,
	table.five-px-wide-padding tbody tr td {
		padding: 2px 5px;
	}
	
	table.two-px-padding thead tr th,
	table.two-px-padding thead tr td,
	table.two-px-padding tbody tr th,
	table.two-px-padding tbody tr td {
		padding: 2px;
	}
	
	table td.divider {
		height: 1px;
		width: 100%;
		background-color: #888;
		padding: 0px !important;
	}
	
	table thead tr th.table-title {
		text-align: center;
		color: #000;
		font-size: 1.3em;
	}
	
table.full-table {
	width: 100%;
}
.middle {
	margin-left: auto !important;
	margin-right: auto !important;
}

table#scheduleTable td.unavailable,
table td.unavailable {
	color: #000000;
	font-size: 12px;
	background-color:#880000 !important;
}

td.nowrap {
	white-space: nowrap;
}

/* ---------------------------------------------------- END TABLE FORMATTING */



/* --------------------------------------------------------- LIST FORMATTING */

ul.no-bullets-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	ul.no-bullets-list li {
		list-style-type: none;
	}

/* ----------------------------------------------------- END LIST FORMATTING */



/* ---------------------------------------------------------- GENERAL LAYOUT */

/* ----------------------------------------- Two Column */

body.two-column {
}

  div#left-sidebar {
    width: 200px;
    padding: 10px;
    float: left;
  }
		div#left-sidebar ul#sidebar-action-buttons,
		.wp-action-buttons-group {
			visibility: hidden;
			list-style-type: none;
			margin: 0px;
			padding: 20px 0px 0px;
		}
		.wp-action-buttons-group {
			padding: 0px;
			margin-left: auto;
			margin-right: auto;
		}
			ul#sidebar-action-buttons li,
			.wp-action-buttons-group li {
				list-style-type: none;
				margin: 10px 0px;
				padding: 0px;
				display: block;
			}
		ul#sidebar-action-buttons a,
		ul#sidebar-action-buttons button,
		.wp-action-buttons-group a,
		.wp-action-buttons-group button {
			display: block;
			-webkit-box-shadow: 0px 1px 2px #282425;
			-moz-box-shadow: 0px 1px 2px #282425;
			box-shadow: 0px 1px 2px #282425;
		}
	
	div.church-logo {
		text-align: center;
		font-size: 2em;
		color: #333;
		margin: 0px 0px 10px;
	}
	/* For old pages that still have table layout */
	table div.church-logo {
		margin-top: 10px;
	}
		div.church-logo img {
			max-width: 200px;
			border: none;
		}

  body.two-column div#main-content {
    padding: 10px;
    margin-left: 220px;
  }
    div#main-content div.right-buttons {
      float: right;
      margin: 5px;
    }
		div#main-content div.left-control {
			float: left;
			margin: 5px;
		}
			div#main-content div.static-tab-content,
			div#main-content div.no-tabs-content {
				background-color: #ffffff;
				overflow: auto;
				width: 100%;
			}
			div#main-content div.static-tab-content.padded {
				height: 1%;
				width: auto;
				padding: 10px;
			}
				div#main-content div.static-tab-content > table {
				}

  div#footer {
    clear: both;
    text-align: center;
    font-size: 0.7em;
    padding: 5px;
  }
  
  body.two-column div.horizontal-info {
    margin-bottom: 10px;
  }

/* ------------------------------------- END Two Column */


/* ------------------------------------------ Full Page */

body.full-page {
}
	body.full-page div#main-content {
		padding: 10px;
		margin: 0px;
	}

/* -------------------------------------- END Full Page */


/* ------------------------ UNUSED multi-column layout? */

div.full-page {
  padding: 0px 10px 10px;
}
  div.full-page div.column-33-percent {
    width: 33%;
    padding: 0px;
    margin: 0px;
    float: left;
  }
    div.full-page div.column-33-percent.left {
      margin-left: -67%
    }
    div.full-page div.column-33-percent.middle {
      margin-left: 33%;
      width: 34%;
    }
      * html div.full-page div.column-33-percent.middle {
        display: inline;
      }
    div.full-page div.column-33-percent.right {
      text-align: left;
    }
    div.full-page div.column-33-percent > div {
      padding: 0px 10px 10px;
    }
  
  div.full-page div.column-50-percent {
    width: 50%;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: left;
  }
    div.full-page div.column-50-percent.left {
    }
    div.full-page div.column-50-percent.right {
      float: right;
    }
    div.full-page div.column-50-percent > div {
      padding: 0px 10px 10px;
    }

/* --------------------- END unused multi-column layout */


/* ----------------------------------- Block Formatting */

	div#main-content div.page-title {
		text-align: center;
		margin: 10px;
		font-size: 1.3em;
		font-weight: bold;
	}
		div#main-content div.page-title div.page-pretitle {
			font-weight: normal;
			font-size: 0.8em;
		}
		div#main-content div.page-title div.page-subtitle {
			font-size: 0.7em;
		}
	div#main-content div.no-tabs-content {
		background-color: #fff;
		overflow: auto;
		width: 100%;
	}
	
	div#main-content h3.p-title {
		margin-bottom: 0.1em;
	}
	div#main-content p.p-title-content {
		margin-top: 0.1em;
	}
	
	.right {
	  text-align: right;
	}

	.left {
	  text-align: left;
	}

	.center {
	  text-align: center;
	}

	.border-top {
	  border-top: 1px solid #808080;
	  margin-top: 4px;
	  padding-top: 4px;
	}

	.border-left {
		border-left: 1px solid #808080;
	}

	.border-right {
		border-right: 1px solid #808080;
	}

	.hidden {
		display: none;
	}

	.default-input-text-container {
		color: #888;
		font-style: italic;
	}

	div.page-tip,
	div.page-tip-foot {
		text-align: center;
		clear: right;
		padding: 10px 30px;
	}
	div.page-info {
		text-align: left;
		clear: right;
		margin: 10px 30px;
		background-image: url('images/nav_icons/16/info.png');
		background-position: 8px center;
		background-repeat: no-repeat;
		padding: 5px 5px 5px 32px;
		border: 1px solid #4d88ff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #eee9ff;
	}
	div.page-warning,
	div.page-error {
		text-align: left;
		margin: 10px 30px;
		clear: right;
		font-weight: bold;
		color: #800000;
		
		border: 1px solid #ff4d88;
		padding: 5px 5px 5px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #ffe9ee;
	}
	
	div.page-error {
		background-image: url('images/wp-button-icons/18/error-face.png');
		background-position: 8px center;
		background-repeat: no-repeat;
		padding: 5px 5px 5px 32px;
	}
	
	.indent {
		margin-left: 2em;
	}

/* ----------------------------------- Block Formatting */


/* ------------------------------------------------------ END GENERAL LAYOUT */



/* ----------------------------------------------------------- PAGE SPECIFIC */

body.team-details {
}
  body.team-details div.button-pane {
    float: left;
    width: 175px;
  }
	body.team-details div.button-pane a.wp-action-button,
	body.team-details div.button-pane a.wp-action-button-default-iconset {
		width: 175px;
		display: block;
		margin-bottom: 10px;
	}
  body.team-details div.content-pane {
    margin-left: 200px;
  }

body.people-list-page {
}
  body.people-list-page ul.people-actions-menu {
    float: right;
    margin: 3px 3px 0px 0px;
  }
    body.people-list-page ul.people-actions-menu ul a {
      line-height: 18px;
      margin: 1px;
    }
    body.people-list-page table.user-list-table {
      background-color: #ffffff;
      width: 100%;
      border-collapse: collapse;
    }
      body.people-list-page table.user-list-table thead tr {
        background-color: #e7e7e7;
      }
      body.people-list-page table.user-list-table thead tr th {
        border-bottom: 1px solid #000000;
        border-right: 1px solid #888888;
      }
      body.people-list-page table.user-list-table thead tr th:last-child {
        border-right: none;
      }
body.people-list-page td.security-level {
  text-align: center;
}
body.people-list-page th.security-level {
  letter-spacing: -1px;
}

body.user-profile {
  font-family: sans-serif;
}
    body.user-profile .info-pane .content {
      height: 200px;
      overflow: auto;
      font-size: 14px;
    }
      body.user-profile .info-pane .content h4 {
        margin: 0px 0px 2px;
        padding: 0px 0px 2px;
        border-bottom: 1px solid #aaaaaa;
      }
  body.user-profile div#login-history div.login-date-time-row {
    padding-left: 20%;
  }
  body.user-profile .ajax-loading-large {
    min-height: 32px;
  }
  body.user-profile div.abridged-info {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 10px;
  }
    body.user-profile div.abridged-info div.left-area {
      float: left;
      width: 200px;
      padding: 10px;
      text-align: center;
    }
    body.user-profile div.abridged-info div.right-area {
      padding: 10px;
    }

.discussion-view kbd {
	font-size: 1.3em;
}

/* ------------------------------------------------------- END PAGE SPECIFIC */


/* ----------------- Tabs ------------------ */
table.service-tabs td a,
table.library-tabs td a,
table.people-tabs td a,
table.survey-tabs td a,
table.church-tabs td a,
table.discussion-tabs td a
{
	display: block;
	height: 23px;
}
/* ------------- end Tabs ------------------ */

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;
}


td.navBar {
	color:#FFFFFF;
	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;
}

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.person-menu-link {
	color: #000000;
}
a.person-menu-link:hover {
	color: #444444;
}

A.songMenu:hover { color: #ffa511; }
A.songMenu {font-family: Trebuchet MS, Arial Narrow, Arial, Helvetica; font-weight: bold; text-decoration: underline; color: #000000}

td.songMenu a {
  margin: 0px 3px;
}

#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;
}

/* for information area above main pane */
div.horizontal-info {
	-moz-border-radius: 5px/*{cornerRadius}*/;
	-webkit-border-radius: 5px/*{cornerRadius}*/;
	border-radius: 5px;
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 5px;
	overflow: hidden;
	width: 99%;
}

div.horizontal-info h3 {
	margin: 1px 0px;
	position: relative;
}

div.horizontal-info table td, div.horizontal-info table th {
	padding: 2px 2px 0px 0px;
	font-size: 11px;
	text-align: left;
}
div.horizontal-info table td.spacer {
	width: 12px;
}

div.horizontal-info table.related-services {
	float:right;
}


table.stdTable{
	border:none;
	text-align:left;
	background-color:#ffffff;
	}
	
table.stdTable th{ }

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
	}

img.feedback {
  vertical-align: middle;
}

a.feedback:hover {
	color:#006600;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none
	}
	
	
  /* -------- PAGE FEEDBACK LINK */
  #feedback-link {
    text-align: center;
    display: inline-block;
    // zoom: 1;
    // display: inline;
  }

  #feedback-link a {
    color:#000000;
    font-size:16px;
    text-decoration:none;
    font-family: Arial,Helvetica,sans-serif;
  }
  #feedback-link a:hover {
  	color:#006600;
  }

  #feedback-link img {
    vertical-align: -3px;
    border: none;
    margin-right: 5px;
  }
  /* ---- END PAGE FEEDBACK LINK */
  
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:74px;
}

#rightSection{
	float:right;
}

#newUserModal fieldset{
	margin:0px 25px 0px 25px;
	padding:10px 10px 10px 10px;
}

#newUserModal legend{
	color:#FFFFFF;
	background-color:#000000;
	padding:2px;
	text-shadow: 0px 1px 0px #666;
}

.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;
}

		.dataTable { border-collapse: collapse; border:1px solid black; width: 750px; font-size:12px;}
		.dataTable td, .dataTable th {border: 1px solid black; padding: 3px 5px; margin:0px;}
		.dataTable thead th { background-color:gray; color: white; font-weight:bold; text-align:center;}
		.dataTable thead a {text-decoration:none; color:white; }
		.dataTable thead a:hover { text-decoration: underline;}




/* ---------------------------------------------------------- DROP-DOWN MENUS */
ul.drop-down-menu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
  ul.drop-down-menu ul {
    display: none;
    list-style-type: none;
    background-color: #ffffff;
    -moz-border-radius: 5px/*{cornerRadius}*/;
    -webkit-border-radius: 5px/*{cornerRadius}*/;
    border-radius: 5px;

    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    
    margin: 0px;
    padding: 5px;
    border: 1px solid #999999;
  }
    ul.drop-down-menu a {
      color: #000000;
      font-weight: bold;
      text-decoration: none;
      background-image: url('../images/down_arrow_000000_13x5.png');
      background-repeat: no-repeat;
      background-position: right center;
      padding-right: 15px;
    }
    ul.drop-down-menu ul a {
      color: #000044;
      display: block;
      height: 14px;
      line-height: 14px;
      font-size: 12px;
      font-weight: bold;
    }
    ul.drop-down-menu.right ul a {
      text-align: right;
    }
/* ------------------------------------------------------ END DROP-DOWN MENUS */



/* ------------------------------------------------------------ ZEBRA STRIPES */

.zebra-even, tr.zebra-even > td, tr.zebra-even > th,
.zebra-even-opaque, tr.zebra-even-opaque > td, tr.zebra-even-opaque > th {
  background-color: #E7E7E7;
}

.zebra-even-darker, tr.zebra-even-darker > td, tr.zebra-even-darker > th {
	background-color: #dddddd;
}
.zebra-odd-darker, tr.zebra-odd-darker > td, tr.zebra-odd-darker > th {
	background-color: #eeeeee;
}

.zebra-odd-opaque, tr.zebra-odd-opaque > td, tr.zebra-odd-opaque > th {
	background-color: #ffffff;
}

.zebra-odd, tr.zebra-odd > td, tr.zebra-odd > th {
  background-color: transparent;
}

.highlight, tr.highlight > td, tr.highlight > th {
  background-color: #FFFF80 !important;
}

/* -------------------------------------------------------- END ZEBRA STRIPES */


/* ------------------------------------------------------------ CONTENT AREAS */

span.link {
  text-decoration: underline;
  cursor: pointer;
}

img.link {
  cursor: pointer;
}



div.frame {
  margin: 7px;
  padding: 7px;
  border: 1px solid #808080;
}
	div.middle.content {
		background-color: #ffffff;
	}
	div.five-hundred {
		width: 500px;
	}
	div.seven-hundred {
		width: 700px;
	}
	div.eight-hundred {
		width: 800px;
	}
	div.nine-hundred {
		width: 900px;
	}

kbd {
	white-space: normal;
}

div.field-container {
  clear: left;
  min-height: 18px;
}
  div.field-container .field-name {
    position: relative;
    width: 33%;
    float: left;
    text-align: right;
    margin-right: 5px;
  }
  div.field-container .field-value {
    font-weight: bold;
    font-family: inherit;
  }
  div.field-container .field-value-block {
    font-weight: bold;
    font-family: inherit;
    width: 67%;
    margin-left: 34%;
    display: block;
  }

/* ---------------------------------- GENERAL FORMATTING */

.i { font-style: italic; }
.u { text-decoration: underline; }
.b { font-weight: bold; }
.form-required { color: #a00000;}
.ellipsis,
div.field-container span.field-name,
div.field-container span.field-value,
body.user-profile .info-pane div.ui-widget-header,
body.user-profile .info-pane h4 {
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url( 'css/bindings.xml#ellipsis' );
}

/* ------------------------------ END GENERAL FORMATTING */

/* -------------------------------------------------------- END CONTENT AREAS */



/* ------------------------------------------------------------- LINK BUTTONS */

a.button-small, a.button-medium, a.button-large {
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;  /* the overflow property removes extra width in IE */

	color: #333333;
	border-color: #c1c1c1;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #ffffff,  #f2f2f2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');

  border:1px solid #c1c1c1;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  outline:medium none;
}


a.button-small:hover, a.button-medium:hover, a.button-large:hover,
a.button-small.active, a.button-medium.active, a.button-large.active {
	color: #ffffff;
	border-color: #2e63a5;
	background: #5e9ae2;
	background: -webkit-gradient(linear, left top, left bottom, from(#5e9ae2), to(#3570b8));
	background: -moz-linear-gradient(top, #5e9ae2,  #3570b8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e9ae2', endColorstr='#3570b8');
}

a.button-small:active, a.button-medium:active, a.button-large:active {
	color: #ffffff;
	border-color: #2e63a5;  
	background: #3570b8;
	background: -webkit-gradient(linear, left top, left bottom, from(#3570b8), to(#5e9ae2));
	background: -moz-linear-gradient(top, #3570b8,  #5e9ae2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3570b8', endColorstr='#5e9ae2');
}

a.button-small.disabled, a.button-medium.disabled, a.button-large.disabled {
  cursor: default;
  opacity: 0.5;
}

a.button-small.disabled:hover, a.button-medium.disabled:hover, a.button-large.disabled:hover {
  cursor: default;
  background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
  border:1px solid #D3D3D3;
  color:#555555 !important;
}

a.button-small img.icon, a.button-medium img.icon, a.button-large img.icon {
  vertical-align: -4px;
  margin-right:5px;
}

a.button-small {
  padding: 3px 4px;
  margin: 2px;
  font-size: 12px;
}

/* Should use 14x14 icons */
a.button-small.button-with-icon {
  padding: 2px 4px 2px 2px;
  line-height: 14px;
}

a.button-small.button-with-icon > span {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
  display: block;
}

a.button-small.button-with-icon.arrow-left-double > span { background-image: url('images/wp-button-icons/14/arrow-left-double.png'); }
a.button-small.button-with-icon.auto-renew > span { background-image: url('images/wp-button-icons/16/autorenew.png'); }
a.button-small.button-with-icon.delete > span { background-image: url('images/wp-button-icons/14/delete.png'); }
a.button-small.button-with-icon.edit > span { background-image: url('images/wp-button-icons/14/edit.png'); }
a.button-small.button-with-icon.share > span { background-image: url('images/wp-button-icons/14/openshare.png'); }
a.button-small.button-with-icon.share-disabled > span { background-image: url('images/wp-button-icons/14/openshare-disabled.png'); }

a.button-small.button-with-icon.ajax-loading > span { background-image: url('images/spinner_16_grey_bg.gif'); }


a.button-medium {
  padding:10px;
  margin: 5px;
  font-size: 13px;
}

/* Should use 18x18 icons */
a.button-medium.button-with-icon {
  padding: 10px;
}

a.button-medium.button-with-icon > span {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
  min-height: 18px;
  display: block;
}

a.button-medium.button-with-icon.add > span { background-image: url('images/wp-button-icons/18/add.png'); }
a.button-medium.button-with-icon.arrow-left-double > span { background-image: url('images/wp-button-icons/14/arrow-left-double.png'); }
a.button-medium.button-with-icon.attach > span { background-image: url('images/wp-button-icons/18/attach.png'); }
a.button-medium.button-with-icon.auto-renew > span { background-image: url('images/wp-button-icons/16/autorenew.png'); }
a.button-medium.button-with-icon.delete > span { background-image: url('images/wp-button-icons/18/delete.png'); }
a.button-medium.button-with-icon.dollar > span { background-image: url('images/nav_icons/16/dollar.png'); }
a.button-medium.button-with-icon.edit > span { background-image: url('images/wp-button-icons/18/edit.png'); }
a.button-medium.button-with-icon.mail > span { background-image: url('images/wp-button-icons/18/mail.png'); }
a.button-medium.button-with-icon.manual-renew > span { background-image: url('images/wp-button-icons/16/manual_renew.png'); }
a.button-medium.button-with-icon.play > span { background-image: url('images/wp-button-icons/18/play.png'); }
a.button-medium.button-with-icon.save > span { background-image: url('images/wp-button-icons/18/save.png'); }
a.button-medium.button-with-icon.share > span { background-image: url('images/wp-button-icons/18/openshare.png'); }
a.button-medium.button-with-icon.share-disabled > span { background-image: url('images/wp-button-icons/18/openshare-disabled.png'); }
a.button-medium.button-with-icon.transpose > span { background-image: url('images/wp-button-icons/18/transpose.png'); }
a.button-medium.button-with-icon.upgrade > span { background-image: url('images/nav_icons/16/upgrade.png'); }

a.button-medium.button-with-icon.ajax-loading > span { background-image: url('images/spinner_16_grey_bg.gif'); }

a.button-large {
  padding:16px;
  margin: 10px;
  font-size: 18px;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* Should use 18x18 icons */
a.button-large.button-with-icon {
  padding: 16px;
}

a.button-large.button-with-icon > span {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 48px;
  min-height: 32px;
  line-height: 32px;
  display: block;
}

a.button-large.button-with-icon.arrow-left-double > span { background-image: url('images/wp-button-icons/14/arrow-left-double.png'); }
a.button-large.button-with-icon.auto-renew > span { background-image: url('images/wp-button-icons/32/autorenew.png'); }
a.button-large.button-with-icon.dollar > span { background-image: url('images/nav_icons/32/dollar.png'); }
a.button-large.button-with-icon.manual-renew > span { background-image: url('images/wp-button-icons/32/manual_renew.png'); }
a.button-large.button-with-icon.upgrade > span { background-image: url('images/nav_icons/32/upgrade.png'); }

a.button-large.button-with-icon.ajax-loading > span { background-image: url('images/spinner_32_grey_bg.gif'); }

a.fixed-width-150 {
  width: 150px;
}

/* --------------------------------------------------------- END LINK BUTTONS */


/* ---------------------------------------------------------- WP ICON LINKS 10 */

a.wp-button-icon-10 {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 1px;
  text-decoration: none;
  outline: none;
  // zoom: 1;
  // display: inline;
  // margin: 0px 2px;
}
a.wp-button-icon-10.button-with-text {
  margin: 0px;
  padding-left: 12px;
  line-height: inherit;
  height: auto;
  width: auto;
  background-position: left center;
  text-decoration: underline;
}

a.wp-button-icon-10.button-with-text-right {
  margin: 0px;
  padding-right: 12px;
  line-height: inherit;
  height: auto;
  width: auto;
  background-position: right center;
  text-decoration: underline;
}

a.wp-button-icon-10.external-link-icon { background-image: url('images/wp-button-icons/10/external.png'); }

/* ------------------------------------------------------ END WP ICON LINKS 10 */


/* ---------------------------------------------------------- WP ICON LINKS 16 */

a.wp-button-icon-16 {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 1px;
  text-decoration: none;
  outline: none;
  // zoom: 1;
  // display: inline;
  // margin: 0px 2px;
}

a.wp-button-icon-16.button-with-text {
  margin: 0px;
  padding-left: 20px;
  line-height: 16px;
  height: auto;
  width: auto;
  background-position: left center;
}
a.wp-button-icon-16.button-with-text span {
  text-decoration: underline;
}

a.wp-button-icon-16.amazon-icon { background-image: url('images/wp-button-icons/16/amazon_icon.png'); }
a.wp-button-icon-16.external-icon { background-image: url('images/wp-button-icons/16/external_icon.png'); }
a.wp-button-icon-16.info-icon { background-image: url('images/nav_icons/16/info.png'); }
a.wp-button-icon-16.songselect-icon { background-image: url('images/wp-button-icons/16/songselect_icon.gif'); }
a.wp-button-icon-16.pdf-icon { background-image: url('images/wp-button-icons/16/pdf.png'); }
a.wp-button-icon-16.youtube-icon { background-image: url('images/wp-button-icons/16/youtube_icon.png'); }

/* ------------------------------------------------------ END WP ICON LINKS 16 */


/* ---------------------------------------------------------- WP ICON LINKS 18 */
a.wp-button-icon-18 {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
	background-position: center center;
  vertical-align: middle;
  display: inline-block;
  margin: 0px;
  text-decoration: none;
  outline: none;
  // zoom: 1;
  // display: inline;
}
a.wp-button-icon-18.button-with-text {
  margin: 0px;
  padding-left: 24px;
  line-height: 18px;
  height: auto;
  width: auto;
  background-position: left center;
}
a.wp-button-icon-18.button-with-text.right {
  background-position: right center;
  padding: 0px 24px 0px 0px;
}
a.wp-button-icon-18.button-with-text span {
  text-decoration: underline;
}

.left-submenu a.wp-button-icon-18.button-with-text {
  padding-left: 24px;
}
.left-submenu a.wp-button-icon-18.button-with-text span {
  text-decoration: none;
}

a.wp-button-icon-18.add-icon { background-image: url('images/wp-button-icons/18/add.png'); }
a.wp-button-icon-18.arrow-down-icon { background-image: url('images/down_arrow_000000_13x5.png'); }
a.wp-button-icon-18.arrow-right-icon { background-image: url('images/wp-button-icons/18/arrow-right.png'); }
a.wp-button-icon-18.arrow-right-double-icon { background-image: url('images/wp-button-icons/18/arrow-right-double.png'); }
a.wp-button-icon-18.arrow-up-icon { background-image: url('images/up_arrow_000000_13x5.png'); }
a.wp-button-icon-18.attach-icon { background-image: url('images/wp-button-icons/18/attach.png'); }
a.wp-button-icon-18.attached-files-icon { background-image: url('images/wp-button-icons/18/open-folder.png'); }
a.wp-button-icon-18.clipboard-pencil-icon { background-image: url('images/wp-button-icons/18/clipboard-pencil.png'); }
a.wp-button-icon-18.copy-icon { background-image: url('images/wp-button-icons/18/copy.png'); }
a.wp-button-icon-18.cut-icon { background-image: url('images/wp-button-icons/18/cut.png'); }
a.wp-button-icon-18.delete-disabled-icon { background-image: url('images/wp-button-icons/18/delete-disabled.png'); cursor: default; }
a.wp-button-icon-18.delete-icon { background-image: url('images/wp-button-icons/18/delete.png'); }
a.wp-button-icon-18.details-icon { background-image: url('images/wp-button-icons/18/details.png'); }
a.wp-button-icon-18.edit-icon { background-image: url('images/wp-button-icons/18/edit.png'); }
a.wp-button-icon-18.excel-icon { background-image: url('images/wp-button-icons/18/excel.png'); }
a.wp-button-icon-18.flag-icon { background-image: url('images/wp-button-icons/18/flag-red.png'); }
a.wp-button-icon-18.hazard-icon { background-image: url('images/wp-button-icons/14/hazard.png'); }
a.wp-button-icon-18.history-icon { background-image: url('images/wp-button-icons/18/history.png'); }
a.wp-button-icon-18.ipad-icon { background-image: url('images/wp-button-icons/18/ipad.png'); }
a.wp-button-icon-18.mail-icon { background-image: url('images/wp-button-icons/18/mail.png'); }
a.wp-button-icon-18.move-row-icon { background-image: url('images/wp-button-icons/18/move-row.png'); }
a.wp-button-icon-18.play-icon { background-image: url('images/wp-button-icons/18/play.png'); }
a.wp-button-icon-18.play-disabled-icon { background-image: url('images/wp-button-icons/18/play-disabled.png'); }
a.wp-button-icon-18.print-icon { background-image: url('images/wp-button-icons/18/print.png'); }
a.wp-button-icon-18.roles-icon { background-image: url('images/wp-button-icons/18/roles.png'); }
a.wp-button-icon-18.search-icon { background-image: url('/images/binoculars.gif'); }
a.wp-button-icon-18.share-icon { background-image: url('images/wp-button-icons/18/openshare.png'); }
a.wp-button-icon-18.songselect-chordsheet { background-image: url('images/wp-button-icons/18/songselect_chordsheet.gif'); }
a.wp-button-icon-18.songselect-lyrics { background-image: url('images/wp-button-icons/18/songselect_lyrics.gif'); }
a.wp-button-icon-18.transpose-icon { background-image: url('images/wp-button-icons/18/transpose.png'); }

a.wp-button-icon-18.ajax-loading { background-image: url('images/spinner_16_grey_bg.gif'); }


/* ------------------------------------------------------ END WP ICON LINKS 18 */


/* ---------------------------------------------------------- WP ICON LINKS 28 */

a.wp-button-icon-28 {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 1px;
  text-decoration: none;
  outline: none;
  // zoom: 1;
  // display: inline;
  // margin: 0px 2px;
}
a.wp-button-icon-28:first-child { margin: 0px 1px 0px 0px; }
a.wp-button-icon-28:last-child { margin: 0px 0px 0px 1px; }

a.wp-button-icon-28.excel-icon { background-image: url('images/wp-button-icons/28/excel.png'); }
a.wp-button-icon-28.folder-empty-icon { background-image: url('images/wp-button-icons/28/folder-empty.png'); }
a.wp-button-icon-28.folder-full-icon { background-image: url('images/wp-button-icons/28/folder-full.png'); }
a.wp-button-icon-28.help-icon { background-image: url('images/help.gif'); }
a.wp-button-icon-28.ipad-icon { background-image: url('images/wp-button-icons/28/ipad.png'); }
a.wp-button-icon-28.ipad-with-note-icon { background-image: url('images/wp-button-icons/28/ipad-with-note.png'); }
a.wp-button-icon-28.mail-icon { background-image: url('images/wp-button-icons/28/mail.png'); }
a.wp-button-icon-28.play-icon { background-image: url('images/wp-button-icons/28/play.png'); }
a.wp-button-icon-28.play-disabled-icon { background-image: url('images/wp-button-icons/28/play-disabled.png'); }
a.wp-button-icon-28.print-icon { background-image: url('images/wp-button-icons/28/print.png'); }
a.wp-button-icon-28.share-icon { background-image: url('images/wp-button-icons/28/openshare.png'); }

/* ------------------------------------------------------ END WP ICON LINKS 28 */


/* -------------------------------------------------------------- STATUS ICONS */

.wp-status-icon-40,
.wp-status-icon-32,
.wp-status-icon-24,
.wp-status-icon-16 {
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  text-align:left;
  vertical-align: top;
  display: inline-block;
  // zoom: 1;
  // display: inline;
}

.wp-status-icon-40 {
  width: 40px;
  height: 40px;
}
.wp-status-icon-40.status-0 { background-image: url('images/status_icons/0_icon_40px.png'); }
.wp-status-icon-40.status-5 { background-image: url('images/status_icons/5_icon_40px.png'); }
.wp-status-icon-40.status-10 { background-image: url('images/status_icons/10_icon_40px.png'); }
.wp-status-icon-40.status-20 { background-image: url('images/status_icons/20_icon_40px.png'); }
.wp-status-icon-40.status-30 { background-image: url('images/status_icons/30_icon_40px.png'); }
.wp-status-icon-40.status-40 { background-image: url('images/status_icons/40_icon_40px.png'); }


.wp-status-icon-32 {
  width: 32px;
  height: 32px;
}
.wp-status-icon-32.status-0 { background-image: url('images/status_icons/0_icon_32px.png'); }
.wp-status-icon-32.status-5 { background-image: url('images/status_icons/5_icon_32px.png'); }
.wp-status-icon-32.status-10 { background-image: url('images/status_icons/10_icon_32px.png'); }
.wp-status-icon-32.status-20 { background-image: url('images/status_icons/20_icon_32px.png'); }
.wp-status-icon-32.status-30 { background-image: url('images/status_icons/30_icon_32px.png'); }
.wp-status-icon-32.status-40 { background-image: url('images/status_icons/40_icon_32px.png'); }

.wp-status-icon-24 {
  width: 24px;
  height: 24px;
}
.wp-status-icon-24.status-0 { background-image: url('images/status_icons/0_icon_24px.png'); }
.wp-status-icon-24.status-5 { background-image: url('images/status_icons/5_icon_24px.png'); }
.wp-status-icon-24.status-10 { background-image: url('images/status_icons/10_icon_24px.png'); }
.wp-status-icon-24.status-20 { background-image: url('images/status_icons/20_icon_24px.png'); }
.wp-status-icon-24.status-30 { background-image: url('images/status_icons/30_icon_24px.png'); }
.wp-status-icon-24.status-40 { background-image: url('images/status_icons/40_icon_24px.png'); }
.wp-status-icon-24.icon-with-text {
  padding-left: 28px;
  width: auto;
  height: auto;
  min-height: 28px;
}


.wp-status-icon-16 {
  width: 16px;
  height: 16px;
}
.wp-status-icon-16.status-all { background-image: url('images/allsm.gif'); }
.wp-status-icon-16.not-saved { background-image: url('images/hey!_14px.png'); }
.wp-status-icon-16.status-0 { background-image: url('images/status_icons/0_icon_16px_no_shadow.png'); }
.wp-status-icon-16.status-5 { background-image: url('images/status_icons/5_icon_16px_no_shadow.png'); }
.wp-status-icon-16.status-10 { background-image: url('images/status_icons/10_icon_16px_no_shadow.png'); }
.wp-status-icon-16.status-20 { background-image: url('images/status_icons/20_icon_16px_no_shadow.png'); }
.wp-status-icon-16.status-30 { background-image: url('images/status_icons/30_icon_16px_no_shadow.png'); }
.wp-status-icon-16.status-40 { background-image: url('images/status_icons/40_icon_16px_no_shadow.png'); }
.wp-status-icon-16.icon-with-text {
  padding-left: 20px;
  width: auto;
  height: auto;
  line-height: 16px;
}

.wp-status-icon-16.auto-email-sent span,
.wp-status-icon-24.auto-email-sent span,
.wp-status-icon-32.auto-email-sent span,
.wp-status-icon-40.auto-email-sent span {
  background-color: #ffffff;
  float: left;
  display: inline-block;
  // zoom: 1;
  // display: inline;
  border: 1px solid #000000;
  margin: 0px;
  padding: 0px;
}
  .wp-status-icon-16.auto-email-sent span{
    width: 4px;
    height: 4px;
  }
  .wp-status-icon-24.auto-email-sent span{
    width: 6px;
    height: 6px;
  }
  .wp-status-icon-32.auto-email-sent span{
    width: 8px;
    height: 8px;
  }
  .wp-status-icon-40.auto-email-sent span{
    width: 10px;
    height: 10px;
  }


/* TODO ---------------------------------- Status Icon Legend */

ul#status-key {
}

/* ------------------------------ End Status Icon Legend */


/* ---------------------------------------------------------- END STATUS ICONS */




/* --------------------------------------------------------------- MISC LINKS */

a.icon-link {
  text-decoration: none;
  white-space: nowrap;
}
a.icon-link img {
  border: none;
  vertical-align: middle;
  margin-right: 3px;
}
a.icon-link span {
  text-decoration: underline;
}

div.songs-pages-top-links {
  margin: 2px 5px;
  font-size: 1.1em;
}

div.songs-pages-top-links a {
  padding: 0px 5px 0px 0px;
  border-right: 1px solid #000000;
  margin: 0px 5px 0px 0px;
}

div.songs-pages-top-links a:last-child, div.songs-pages-top-links.last {
  border-right: none;
  border-bottom: none;
  margin: 0px;
  padding: 0px;
}

a.replace-me {
  display: block;
}

/* ----------------------------------------------------------- END MISC LINKS */



/* ------------------------------------------ INFO PANES */

.info-pane {
  margin-bottom: 10px;
}
  .info-pane .ui-widget-header {
    padding: 2px 4px;
    margin: -1px -1px 0px;
  }
  .info-pane .content {
    padding: 5px;
    min-height: 32px;
    
  }
    .info-pane .content.ajax-loading-large {
      opacity: 0.5;
    }
  .info-pane .content .photo {
    float: right;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
    .info-pane .content .photo img {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      max-height: 90px;
      max-width: 90px;
    }

/* -------------------------------------- END INFO PANES */



/* ----------------------------------- USER SKILLS TABLE */

#user-skills-table {
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
}
  #user-skills-table div.team-skills-container {
    padding: 5px;
    border-top: 1px solid #000000;
    clear: both;
  }
    #user-skills-table div.team-skills-container:first-child {
      border-top: none;
    }
    #user-skills-table div.team-skills-container h4 {
      margin: 0px;
    }
    #user-skills-table div.team-skills-container span.skill-container {
      display: block;
      float: left;
      margin: 5px 0px;
    }
      #user-skills-table div.team-skills-container span.skill-container input {
        position: relative;
        float: left;
      }
      #user-skills-table div.team-skills-container span.skill-container label {
        position: relative;
      }

/* ------------------------------- END USER SKILLS TABLE */

/* ----------------------------------------------------- END BLOCK FORMATTING */




/* ------------------------------------------------------------- AJAX LOADING */

.ajax-loading-large {
  background-image: url('images/spinner_32.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.ajax-loading-content, .ajax-loading-content-spinner-top-center, .ajax-loading-content-spinner-lower-right {
	background-image: url('images/spinner_19.gif') !important;
	background-repeat: no-repeat !important;
  color: #808080 !important;
	opacity: 0.5 !important;
	min-height: 100px;
}
.ajax-loading-content {
  background-position: center 50px !important;
}
.ajax-loading-content-spinner-top-center {
  background-position: center top !important;
}
.ajax-loading-content-spinner-lower-right {
  background-position: right bottom !important;
}

.ajax-loading-content-inline,.ajax-loading-content-inline-middle,.ajax-loading-content-inline-left {
  background-image: url('images/spinner_19.gif') !important;
  background-repeat: no-repeat !important;
  color: #808080;
  opacity: 0.5;
  min-height: 16px;
  min-width: 16px;
}
.ajax-loading-content-inline {
  background-position: right center !important;
}
.ajax-loading-content-inline-middle {
  background-position: center center !important;
}
.ajax-loading-content-inline-left {
  background-position: left center !important;
}
.ajax-loading-content > * {
  color: #808080;
}

.ajax-loading {
	background-image: url('css/general/images/snake-spinner-f8f8f8-bg.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

/* --------------------------------------------------------- END AJAX LOADING */
  

/* ------------------------------------------------------------------ DIALOGS */
#stageDialog {
  width: 400px;
  display: none;
}

#songbook-properties-dialog {
  
}
  #songbook-properties-dialog div.sharing-on, #songbook-properties-dialog div.sharing-off {
    width: 340px;
  }

#transpose-mp3-dialog {
  
}
  #transpose-mp3-dialog #transpose-by-step, #transpose-mp3-dialog #transpose-by-key {
    height: 100px;
    border-bottom: 1px solid #cccccc;
    overflow-y: auto;
  }
  #transpose-mp3-dialog div.download-options {
    clear: both;
    margin-top: 10px;
    border-top:1px solid #cccccc;
  }
    #transpose-mp3-dialog div.download-options > div.title {
      font-weight: bold;
      font-size: 14px;
      text-align: center;
    }
  #transpose-mp3-dialog #transposing-feedback,
  #transpose-mp3-dialog #download-link-container,
  #concatenate-pdf-dialog div.concatenating-feedback,
  #concatenate-pdf-dialog div.download-link-container {
    font-weight: bold;
    clear: both;
    margin: 20px 100px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    padding: 40px 15px 15px;
    text-align: center;
    background: url("images/ajax-loader.gif") no-repeat scroll center 12px #E6E6E6;
  }
  #transpose-mp3-dialog #download-link-container,
  #concatenate-pdf-dialog div.download-link-container {
    background: none no-repeat scroll center 12px #e0e0ff;
    border: 1px solid #a3a3c0;
    padding: 15px;
  }
  #transpose-mp3-dialog a.transpose-notes-link {
    margin-top: 10px;
  }
  #transpose-mp3-dialog span.transpose-notes {
    display: none;
    position: absolute;
    background-color: #eeeeee;
    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 250px;
    z-index: 1010;
    padding: 10px;
  }
    #transpose-mp3-dialog span.transpose-notes ul {
      margin: 0px;
      padding-left: 15px;
    }

/* ----------------------------- CONCATENATE SONGS DIALOG */
#concatenate-pdf-dialog{
  
}
  #concatenate-pdf-dialog div.header {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
  }
  #concatenate-pdf-dialog ul.draggable-lyrics-list {
    margin: 0px 0px 0px 10px;
    padding: 0px;
  }
  #concatenate-pdf-dialog > div {
    margin: 5px;
  }
  #concatenate-pdf-dialog div.disabled-song {
    color: #888888;
    font-style: italic;
  }
  #concatenate-pdf-dialog div.order-container,
  #concatenate-pdf-dialog div.order-container-header {
    float: right;
    clear: right;
    border: 2px solid #888888;
    padding: 9px;
    width: 200px;
  }
  #concatenate-pdf-dialog div.order-container-header {
    border: none;
    margin-bottom: 0px;
    padding: 11px;
  }
  #concatenate-pdf-dialog div.arrow {
    background-image: url('images/drag_arrow_large_green_translucent.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    float: right;
    width: 100px;
    height: 200px;
    margin: 0px;
  }
  #concatenate-pdf-dialog div.download-container {
    font-style: normal;
    clear: right;
    font-weight: bold;
    text-align: center;
  }
  #concatenate-pdf-dialog div.attach-file-info {
    text-align: center;
  }
    #concatenate-pdf-dialog div.attach-file-info table {
      width: 100%;
    }
  #concatenate-pdf-dialog div.instructions {
    font-weight: bold;
    color: #666666;
    font-style: italic;
    text-align: center;
    height: 32px;
    margin-bottom: 3px;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 3px;
  }
    #concatenate-pdf-dialog div.download-container #download-concatenated-pdf {
      margin: 0px;
    }
    #concatenate-pdf-dialog div.order-container div.download a.disabled {
      cursor: default;
      color: #cccccc;
      text-decoration: none;
    }
  #concatenate-pdf-dialog div.base-songs-container,
  #concatenate-pdf-dialog div.base-songs-container-header {  
    border: 1px solid #888888;
    padding: 10px;
    width: 200px;
  }
  #concatenate-pdf-dialog div.base-songs-container-header {
    border: none;
  }
  
  #concatenate-pdf-dialog span.song-title {
    font-weight: bold;
  }
  #concatenate-pdf-dialog ul.previous-pdf-list {
    margin: 5px;
    padding: 0px;
  }
    #concatenate-pdf-dialog ul.previous-pdf-list a.currently-displayed {
      font-weight: bold;
    }
  #concatenate-pdf-dialog ul.order, #concatenate-pdf-dialog div.base-songs {
    height: 250px;
    margin: 0px;
    padding: 1px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #concatenate-pdf-dialog ul.order {
    padding: 2px;
  }
    #concatenate-pdf-dialog ul.order.drag-over {
      padding: 0px;
      border: 2px solid #80ff90;
    }
    #concatenate-pdf-dialog div.service-songs > div {
      margin-bottom: 3px;
      padding-bottom: 3px;
      border-bottom: 1px solid #dddddd;
    }
    #concatenate-pdf-dialog div.base-songs > div:last-child {
      margin-bottom: 0px;
      padding-bottom: 3px;
      border-bottom: none;
    }
  #concatenate-pdf-dialog li {
    list-style-type: none;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    min-height: 18px;
    margin: 2px 0px;
  }
  #concatenate-pdf-dialog li.lyrics{
    background-image: url('images/nav_icons/16/content.png');
    cursor: move;
  }

  #concatenate-pdf-dialog li.pdf {
    background-image: url('images/wp-button-icons/16/pdf.png');
    cursor: move;
  }
  
  #concatenate-pdf-dialog div.instruction-block {
    display: none;
    position: absolute;
    background-color: #eeeeee;
    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 350px;
    z-index: 1010;
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
  }
/* ------------------------- END CONCATENATE SONGS DIALOG */


/* --------------------------------- ADD/EDIT USER DIALOG */
#edit-user-dialog {
  overflow: hidden;
  padding-bottom: 0px;
}
  #edit-user-dialog form.user-form {
  }
  #edit-user-dialog form.user-form > div {
    height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
  }
  #edit-user-dialog form.user-form textarea.note {
    height: 50px;
    width: 100%;
  }
  #edit-user-dialog #user-teams div.team-container {
    clear: both;
    padding: 5px;
    border-top: 1px solid #000000;
  }
    #edit-user-dialog #user-teams div.team-container:first-child {
      border-top: none;
    }
    #edit-user-dialog #user-teams div.team-container h4 {
      margin: 0px 0px 5px;
      float: left;
      width: 400px;
    }
    #edit-user-dialog #user-teams div.team-container span {
      display: block;
      float: left;
      width: 200px;
      height: 22px;
      line-height: 22px;
    }
      #edit-user-dialog #user-teams div.team-container span.assign-to-team {
        width: 20px;
        vertical-align: middle;
        margin-top: -2px;
      }
        #edit-user-dialog #user-teams div.team-container span.assign-to-team input {
          margin: 0px;
        }
      #edit-user-dialog #user-teams div.team-container span.make-leader {
        width: 80px;
      }
      #edit-user-dialog #user-teams div.team-container span.default-role {
        width: 400px;
        margin-left: 20px;
      }
      #edit-user-dialog span.password_strength {
        font-size: 11px;
        line-height: 15px;
      }
  #edit-user-dialog div.profile-pic {
    float: right;
    width: 100px;
    margin: 0px 0px 10px 10px;
    text-align: center;
  }
    #edit-user-dialog div.profile-pic img {
      max-width: 100px;
    }
/* ----------------------------- END ADD/EDIT USER DIALOG */


/* ------------------------------------- USER INFO DIALOG */

#user-info-dialog {
}
	#user-info-dialog th.user-note-label {
		vertical-align: top;
	}
	#user-info-dialog div.user-info-note-container {
		height: 16px;
		overflow: hidden;
	}
	#user-info-dialog div.user-info-note-container.expanded {
		max-height: 128px;
		overflow: auto;
	}
		#user-info-dialog div.user-info-note-container a.more {
			float: right;
			display: none;
			text-decoration: none;
			font-size: 0.7em;
			padding: 0px 14px 0px 0px;
		}

/* --------------------------------- END USER INFO DIALOG */


/* ---------------------------- ROLE IMAGE CHOOSER DIALOG */

#role-image-chooser-dialog {
	max-height: 400px;
	overflow-y: auto;
}
	#role-image-chooser-dialog > table {
		table-layout: fixed;
	}
		#role-image-chooser-dialog a.role-image-link {
			font-size: 0.8em;
			text-decoration: none;
			outline: none;
			margin: 10px;
			display: block;
			text-align: center;
		}
			#role-image-chooser-dialog a.role-image-link img {
				border: none;
			}

/* ------------------------ END ROLE IMAGE CHOOSER DIALOG */


/* -------------------------------------------------------------- END DIALOGS */


/* ---------------------------------------------------------------- UPLOADIFY */

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

#fileQueue .uploadifyQueueItem .cancel {
	float: right;
}

#fileQueue {
  margin: 10px 0px;
  width: 500px;
  padding: 0px;
}
table.file-buttons-table {
	width: 500px;
}
table.file-buttons-table, table.file-buttons-table td {
  height: 65px;
  background-color: #ffffff;
	background-repeat: no-repeat;
}
table.file-buttons-table td a {
  display: block;
	height: 65px;
	width: 100%;
	cursor: default;
}

table.file-buttons-table td.step-1 {
	width: 183px;
}
table.file-buttons-table td.step-2 {
	width: 165px;
}
table.file-buttons-table td.step-3 {
	width: 152px;
}

table.file-buttons-table td.step-1-0 { /* step 1 disabled, step 2 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step1-0.jpg');
}
table.file-buttons-table td.step-1-1 { /* step 1 enabled, step 2 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step1-1.jpg');
}
table.file-buttons-table td.step-1-2 { /* step 1 enabled & showing "add more" step 2 enabled */
	background-image: url('images/file-uploader/wp-file-uploader-step1-2.jpg');
}
table.file-buttons-table td.step-1-3 { /* step 1 enabled & showing "add more" step 2 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step1-3.jpg');
}

table.file-buttons-table td.step-2-1 { /* step 2 disabled, step 3 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step2-1.jpg');
}

table.file-buttons-table td.step-2-2 { /* step 2 enabled, step 3 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step2-2.jpg');
}

table.file-buttons-table td.step-2-3 { /* step 2 enabled, step 3 enabled */
	background-image: url('images/file-uploader/wp-file-uploader-step2-3.jpg');
}

table.file-buttons-table td.step-2-4 { /* step 2 disabled, step 3 enabled */
	background-image: url('images/file-uploader/wp-file-uploader-step2-4.jpg');
}

table.file-buttons-table td.step-2-2 a, table.file-buttons-table td.step-2-3 a {
	cursor: pointer;
}

table.file-buttons-table td.step-3-1 { /* step 3 enabled */
	background-image: url('images/file-uploader/wp-file-uploader-step3-1.jpg');
}

table.file-buttons-table td.step-3-2 { /* step 3 disabled */
	background-image: url('images/file-uploader/wp-file-uploader-step3-2.jpg');
}
table.file-buttons-table td.step-3-2 a {
	cursor: pointer;
}

#fileQueue div.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: none;
	padding: 10px;
	width: 460px;
  margin-top: 0px;
}
div.uploadifyQueueItem > span, div.simple-uploader-row > span {
  line-height: 20px;
}

div.uploadifyQueueItem img, div.simple-uploader-row img {
  vertical-align: middle;
}

div.uploadifyQueueItem span.saving, div.uploadifyQueueItem button, div.simple-uploader-row span.saving, div.simple-uploader-row button {
  font-weight: bold;
  margin-left: 10px;
}
div.file-details-form {
  margin-left: 20px;
}

div.file-details-form table {
	width: 440px;
}
div.file-details-form textarea {
  width: 100%;
  height: 28px;
}

#simpleUploadDialog div.upload-file-row {
  margin-bottom: 10px;
}

#uploadFilesDialog span.fileName, #simpleUploadDialog span.fileName {
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  // zoom: 1;
  // display: inline;
  width: 230px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

div.file-details-submitter, #fileQueue {
  max-height: 400px;
  overflow-y: scroll;
}

/* ------------------------------------------------------------ END UPLOADIFY */
  

/* -------------------------------------------------------- PASSWORD CHANGING */
.password_strength {
	padding: 0 5px;
	margin: 0px 3px;
	display: inline-block;
	// zoom: 1;
	// display: inline;
	line-height: 22px;
	vertical-align: middle;
	}
.password_strength_1 {
	background-color: #fcb6b1;
	}
.password_strength_2 {
	background-color: #fccab1;
	}
.password_strength_3 {
	background-color: #fcfbb1;
	}
.password_strength_4 {
	background-color: #dafcb1;
	}
.password_strength_5 {
	background-color: #bcfcb1;
	}
/* ---------------------------------------------------- END PASSWORD CHANGING */


/* ----------------------------------------------- AUTO-RENEW PRICES/STRINGS */
.auto-renewal-price {
  color: #11bb11;
  font-weight: bold;
  font-size: 1.1em;
}
.auto-renewal-price.normal {
  font-size: 1.0em;
  font-weight: normal;
}
.manual-renewal-price {
  color: #5555cc;
}
/* ------------------------------------------- END AUTO-RENEW PRICES/STRINGS */