@import url("reset.css");
@import url("text.css");
@import url("fullcalendar.css");

/*
* GLOBAL COLORS
* Red (Top): #cc1922
* Red (Base): #ad0009
* Bright Blue: #00539f
* Dark Blue: #323a43
* Yellow: #ffb400
============================
============================*/



/*@group [GLOBAL]
============================
============================*/


body { position:relative; background:#eee; color:#000; font:13px/1.5 Helvetica,Arial,sans-serif; font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }

.is-hidden { display:none; }

/*Links*/
a { color:#00539f; }

/*Typography*/
h1,h2,h3,h4,h5,h6 { line-height:1.3; }

/*Re-usable styles*/
.highlight { background:#ccc; }
.accepted-status { background:#3f9139 !important; }
.accepted-status:last-child { border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; }
.declined-status { background:#d10e0e !important; }
.declined-status:last-child { border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; }
.participating { background:#ffb400 !important; }
.participating:last-child { border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; }
span.participating { background:#ffb400; border:transparent !important; }
.conflict { background:#e93535; color:white; }
.conflict:last-child { border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; }
span.conflict { background:#ccc; border:transparent !important; }
.conflict .button { opacity:.8; background:#666; }
.conflict .button:hover { background:#666 !important; }
.pending { background:#eee; }
.disabled { opacity:1; background-color:#aaa !important; }
[disabled] { opacity:.5; background:#aaa !important; }
.disabled:hover { background-color:#aaa !important; }
label.error { color:#d10e0e !important; font-size:10px !important; text-transform:uppercase; font-weight:bold;  margin:0; }
.error { color:#d10e0e; }
input.error { display:block !important; border-color:#d10e0e; }


/*Pagination*/
.pagination { border-top:1px solid #ccc; padding:15px 20px; overflow:hidden; }
.pagination ul { float:left; margin:0; }
.pagination li, .pagination li a { margin:0; list-style:none; display:inline !important; padding:0 5px !important; border:none !important; }
.pagination li:first-child a { padding-left:0 !important; }
.pagination p { float:right; margin:0; }

/*Sort*/
.sort li { cursor:move; padding-left:30px !important; }
.sort.ui-sortable-disabled li { cursor:auto; }
.sort img { left:30px !important; }
.sort .dropdown { left:75px !important; }

/*Help*/
.help { color:#666; }
.help h2 { margin-bottom:10px; }

/*Tables*/
table { width:100%; border-collapse:separate; display:table; border-spacing:2px 2px; margin:0; }
thead th:first-child { background:transparent; border:none; color:#666; text-shadow:none; }
thead th { padding:15px; color:#fff; text-shadow:1px 1px 1px #000;  border-bottom:3px solid #ccc; background:#323a43; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius:7px 7px 0px 0px; border-top-left-radius:7px; border-top-right-radius:7px; }
thead th:empty { background:transparent; border:none; }
tbody th { color:#fff; text-shadow:1px 1px 1px #000; background-color:#9DD929; border-right:3px solid #ccc; padding:0px 10px; background:#323a43; -moz-border-radius:7px 0px 0px 7px; -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-top-left-radius:7px; border-bottom-left-radius:7px; }
tfoot td { color: #9CD009; font-size:32px; text-align:center; padding:10px 0px; text-shadow:1px 1px 1px #444; }
tfoot th { color:#666; }
tbody td { padding:10px; text-align:center; background-color:#eee; -moz-border-radius:2px; -webkit-border-radius:2px; color:#666; text-shadow:1px 1px 1px #fff; }

/*Code Formatting*/
pre { font-family: "droid-sans-mono-1","droid-sans-mono-2","Courier New",Courier; line-height:1.3; letter-spacing:-0.05em; margin-bottom:0; }
pre span { color:#ad0009; font-weight:bold; }

/*AJAX Messages*/
.ajax-message { padding:10px; line-height:20px; background:#fdefcc; border:3px solid #d7caaa; position:fixed; left:10%; right:10%; top: 40px; z-index:50000; }
.ajax-message span.close { display:block; position:absolute; right:0; top:50%; margin-top:-9px; width:18px; height:18px; padding:5px; background:#d7caaa; cursor:pointer; text-indent:-9999px; background:url(../images/icons/close.png) no-repeat; }
.ajax-message.static { position:relative; margin:0 0 20px 0; left:auto; top:auto; right:auto; height:auto; }
.ajax-message.dropped { background:#1b7d27; color:white; border-color:transparent; font-weight:bold; }
.ajax-message.preparing { background:#e8f4fd; border-color:#b8d4e8; color:#2c5f7c; }
.ajax-message.preparing .toast-text::before { content:''; display:inline-block; width:16px; height:16px; background:url(../images/ajax-spinner.gif) no-repeat center; background-size:16px 16px; margin-right:8px; vertical-align:middle; }
.ajax-message.error { background:#f8d7da; border-color:#f5c6cb; color:#721c24; }

/*File Download Hover*/
.item-list h2 a.file-download, .item-list a.file-download { display:inline !important; }
.file-actions { display:inline-block !important; margin-left:10px; vertical-align:middle; white-space:nowrap; }
.file-actions .file-action-btn { display:inline-block !important; padding:2px 8px; font-size:11px; font-weight:bold; border-radius:3px; cursor:pointer; text-decoration:none !important; vertical-align:middle; }
.file-actions .file-action-btn.download-btn { color:#2c5f7c; background:#e8f4fd; border:1px solid #b8d4e8; margin-right:4px; }
.file-actions .file-action-btn.open-btn { color:#5f4b2c; background:#fdf5e8; border:1px solid #e8d4b8; }
.file-actions .file-action-btn:hover { opacity:0.8; }
.file-actions .file-action-btn svg { vertical-align:middle; margin-left:6px; }

/* @end */


/*@group [HEADER/BRANDING]
============================
============================*/
body > header { margin-bottom:40px; background:url(../images/bg-body.jpg); }
body > header h1 { cursor: pointer; width:302px; height:90px; background:url(../images/logo.png) left center no-repeat; text-indent:-9999px; margin:0 0 0 30px; }
body > header #login { position:absolute; right:40px; top:0; height:90px; line-height:90px; color:white; font-weight:bold; }

/*Main Navigation*/
header nav { position:relative; clear:both; background:#ce171f; background:-moz-linear-gradient(center top,rgb(204,25,34) 39%,rgb(173,0,9) 73%
); background:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgb(206,23,32)), color-stop(0.73, rgb(173,0,9))); overflow:hidden; border-top:1px solid rgba(255,255,255,.30); -webkit-box-shadow: inset 0 -5px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 0 -5px 5px rgba(0,0,0,.25); box-shadow: inset 0 -5px 5px rgba(0,0,0,.25); font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; }
header nav ul { margin:0; float:left; }
header nav li { float:left; list-style:none; margin:10px 0 0 20px; }
header nav li:first-child { margin-left:30px; }
header nav a { display:inline-block; padding:10px 12px 16px; font-size:16px; font-weight:bold; color:#000; color:rgba(0,0,0,.85); text-shadow:0 1px 0 rgba(255,255,255,.3); text-decoration:none; -webkit-font-smoothing: antialiased;  text-rendering:optimizeLegibility;}
header nav a:hover { color:rgba(0,0,0,1); }
header nav li.active a { color:#333; background:#eee; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-box-shadow:0 -1px 20px rgba(0,0,0,.35); -moz-box-shadow:0 -1px 20px rgba(0,0,0,.35); box-shadow:0 -1px 20px rgba(0,0,0,.35); }

/*Extra Nav*/
header nav ul + ul { float:right; margin-right:30px; }

/*Search*/
header form { float:right; margin-right:30px; line-height:45px; }
header form input[type="search"] { width:280px; background:rgba(0,0,0,.1); color:#fff; }

/*Account Info*/
#extra { position:absolute; height:90px; right:30px; top:30px; color:#ccc; }
#extra > .dropdown { display:inline-block; float:left; margin-left:5px; margin-right:0; padding-left:0; }
#extra > .dropdown > a { border:1px solid transparent; color:#999; line-height:1; float:none; background-color:transparent; background:url(../images/icons/dropdownarrow-gray.png) right center no-repeat; padding-left:7px !important; padding-right:24px !important; padding:0; color:#999; padding:7px; padding-left:5px; padding-right:20px; focus:none !important; }
#extra > .dropdown:not(.active) a:hover { color:#000; background-color:rgba(255,255,255,1); }
#extra > .dropdown.active { height:50px; background:#fff; }
#extra > .dropdown.active > a { color:#999 !important; border:1px solid transparent !important; }
#extra .dropdown div { width:320px; top:30px; left:auto; right:0; border-radius:7px 0 7px 7px; -moz-border-radius:7px 0 7px 7px; -webkit-border-radius:7px 0 7px 7px; }
#extra .dropdown div div { text-align:left; }
#extra .dropdown div div > a { display:block; margin-top:20px; }
/*#extra .dropdown div div .alert p a { color:#00539f !important; text-indent:8px; display:block; margin-top:6px; }*/

/*Alert*/
#extra .dropdown.alert > .icon { display:block; width:16px; height:14px; position:absolute; left:6px; top:2px; bottom:0; background:url(../images/icons/alert-16.png) center center no-repeat; }
#extra .dropdown.alert > a { padding-left:32px !important; }
#extra .dropdown.alert > a { border:1px solid #d10e0e; color:white; }
#extra .dropdown.alert div > p { color:black; line-height:1.5; background:#d10e0e; color:white; padding:10px; border-radius:7px; }
#extra .dropdown.alert div > p > a { display:block; color:white; font-weight:bold; }
#extra .dropdown.alert div > p + a { border:none; }
#extra .dropdown.alert > a { border:1px solid #d10e0e; background-color:white; color:black; }

#extra .dropdown div div .alert { background:url(../images/icons/alert-16.png) left top no-repeat; padding-left:24px; }
#extra .dropdown div div .alert a { color:#D10E0E !important; }
#extra .dropdown div div .alert p a { display:block; color:#00539f !important; margin-top:4px; }

#search { position:relative; float:left; margin-left:10px; margin-top:-5px; }
#search > a { display:block; width:16px; height:16px; padding:5px 0 5px 0; background:url(../images/icons/search-16.png) center center no-repeat; text-indent:-9999px; }
#search form { display:none; position:absolute; margin:0; right:-13px; top:38px; width:500px; height:50px;  background:#333; border-radius:7px; -moz-border-radius:7px; -moz-border-radius:7px; z-index:1400; -webkit-box-shadow:0 0 24px rgba(0,0,0,1); -moz-box-shadow:0 0 24px rgba(0,0,0,1); box-shadow:0 0 24px rgba(0,0,0,1);}
#search form:before { position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; border-width:6px; border-color: transparent rgba(0,0,0,.07) transparent transparent; border-color: transparent transparent #333 transparent; right:15px; top:-12px; }
#search form input[type="search"] { background:transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; font:16px/1 "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; height:35px; width:385px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:content-box; }
#search form input[type="submit"] { background:transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:none; color:#fff; background:#666; display:block; position:absolute; right:0; top:0; height:55px; margin:0; background:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgb(206,23,32)), color-stop(0.73, rgb(173,0,9))); background:-moz-linear-gradient(center top,rgb(206,23,32) 39%,rgb(173,0,9) 73%); }
#search .dropdown { position: absolute; top: -22px; right: 5px; display:inline-block; margin-right:10px;  margin-top:35px; line-height:1; }
#search .dropdown.active { height:40px !important; background:#fff; }
#search .dropdown > a { display:inline-block !important; background-color:#666; font-size:10px; text-decoration:none; font-weight:bold; border:none; padding:7px 40px 7px 10px !important; width:41px; line-height:1; color:#333; }
#search .dropdown > div { width:69px; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; top:22px; }
#search .dropdown > div > a { font-size:10px; font-weight:bold; text-decoration:none; color:#666; }
#search .dropdown > div > a:hover { color:#000; }

/* @end */



/*@group [CONTAINERS]
============================
============================*/
#container { padding:0 30px; min-width: 950px; }
section.main { width:72%;  float:left; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
section.action-buttons { width:72%; text-align: center; background: #aaaaaa !important; float: left; }
section.action-buttons img { margin: 0 10px; }
section.secondary { width:25%; float:right; }
.ajax-content { position:relative; }
.wrapper { padding:20px; }

/* @end */



/*@group [BUTTONS]
============================
============================*/

.button { display:block; padding:15px !important; margin:5px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#ad0009; cursor:pointer; background-image:-moz-linear-gradient(center top,rgb(204,25,34) 39%,rgb(173,0,9) 73%
); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgba(206,23,32,1)), color-stop(0.73, rgba(173,0,9,1))); color:#fff; font-weight:bold; font-size:16px; border-bottom:2px solid rgba(0,0,0,.15); border-top:1px solid rgba(255,255,255,.4); border-left:1px solid rgba(255,255,255,.5); border-right:1px solid rgba(0,0,0,.25); border:1px solid rgba(0,0,0,.25); line-height:1; position:relative; text-shadow:1px 1px 0 rgba(0,0,0,.4); -webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 7px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 7px rgba(0,0,0,.3);  }
.button span:not(.badge) { display:block; position:absolute; right:10px; top:50%; margin-top:-12px; width:24px; height:24px; }
.button:hover { background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgba(221,16,26,1)), color-stop(0.53, rgba(206,23,32,1))); -webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 12px rgba(0,0,0,.5); background:-moz-linear-gradient(center top,rgb(221,16,26) 39%,rgb(206,23,32) 53%); -moz-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 12px rgba(0,0,0,.5); }
.button.previous { background:#aaa; color:#666; text-shadow:none; }

.button.add { padding-right:32px !important; }

/*Add Button*/
.button.add span { background:url(../images/icons/add-24.png) center center no-repeat; }

/*Close Button*/
.button.close { padding:10px; background:#aaa; background:-moz-linear-gradient(center top, rgb(247,247,247) 0, rgb(220, 220, 220) 100%) !important; background:-webkit-gradient(linear,left top,left bottom, color-stop(0, rgb(247,247,247)), color-stop(0.75, rgb(220,220,220))); text-align:center; font-size:16px; font-weight:bold; color:#666; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #ccc; text-decoration:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; }

/*Delete Button*/
.button.delete span { background:url(../images/icons/note-delete-24.png) center center no-repeat; }

/*Import*/
.button.import span { background:url(../images/icons/import-24.png) center center no-repeat; }

/*Message*/
.button.message { padding:8px !important; display:inline-block; font-size:13px; }

/*Download*/
.button.download-mp3 { padding-right:44px !important; }
.button.download-mp3 span { background:url(../images/icons/download-24.png) center center no-repeat; }

/*Module Action Button*/
header .button { float:right !important; margin:0 0 0 0.5em; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px 10px !important; font-size:12px; background:#323a43; color:#fff; -webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.3), 0 0 7px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 2px rgba(255,255,255,.3), 0 0 7px rgba(0,0,0,.3); text-decoration:none; }
header .button.advanced span  { background:url(../images/icons/advanced-edit-16.png) center center no-repeat; }
header .button.grid { padding-right:40px !important; }
header .button.grid span { background:url(../images/icons/grid-16.png) center center no-repeat; }
header .button:hover { background:#36475b; }

/*Badge on Button*/
.badge {
	height: 15px;
	line-height: 15px;
	position: absolute;
	right: -12px;
	top: -10px;
	-moz-border-radius: 50%; /* or 50% */
	border-radius: 50%; /* or 50% */
	padding: 2px 6px;
	background-color: #ce1720;
	color: white;
	text-align: center;
	font-size: 1em;
	margin-right: 5px;
}

/* @end */


/*@group [DROPDOWNS]
============================
============================*/

/*Normal dropdowns*/
.dropdown { position:relative; margin-right:10px; vertical-align:top; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.dropdown > a { display:inline !important; padding:6px 24px 6px 10px !important; border:1px solid #ccc; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#fff url(../images/icons/dropdownarrow.png) right center no-repeat; text-decoration:none; }
.dropdown.active { -webkit-box-shadow:0 0 20px rgba(0,0,0,.15); -moz-box-shadow:0 0 20px rgba(0,0,0,.15); box-shadow:0 0 20px rgba(0,0,0,.15); }
.dropdown.active > a { background-color:#fff !important; text-decoration:none; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; }
.dropdown > div { display:none; position:absolute; left:0; top:28px; width:200px; height:auto; padding:10px; list-style:none; background:#fff; border:1px solid #ccc; border-top:none; border-radius:0 7px 7px 7px; -moz-border-radius:0 7px 7px 7px; -webkit-border-radius:0 7px 7px 7px; line-height:1; z-index:2000; -webkit-box-shadow:0 24px 20px rgba(0,0,0,.35); -moz-box-shadow:0 24px 20px rgba(0,0,0,.35); box-shadow:0 24px 20px rgba(0,0,0,.35); z-index:60000; }
.dropdown > div > a { display:block !important; padding:0 !important; margin-top:10px; color:#666; text-decoration:none }
.dropdown > div > a:hover { color:#000; }
.dropdown > div > a:first-child { margin:0; }
.export-desc { font-size:13px; color:#666; line-height:1.4; font-style:italic; }

/*Custom Dropdowns*/
.dropdown.key { top:22px !important; }
.dropdown.key > a { display:block !important; width:18px; padding: 4px 24px 4px 6px !important; }
.dropdown.key > div { top:22px; width:28px; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; }
.dropdown.account > div { width:100px !important; }
.dropdown.group > div { text-align:center; padding-top:20px; }
.dropdown.group > div > a { text-align:center; display:inline !important; border-left:1px solid #ccc; padding-left:5px !important; padding-right:0 !important; margin-left:3px; }
.dropdown.group > div > a:first-child { border:none; padding-left:0 !important; margin-left:0; }
.dropdown.group > div > div { display:block; margin-top:20px; border:1px solid #ccc; border-radius:7px !important; -moz-border-radius:7px !important; -webkit-border-radius:7px !important; padding:10px; width:auto !important; }
.dropdown.group > div h6 { margin-bottom:10px; text-align:left; color:#000; }
.dropdown.group > div ul { text-align:left; list-style:none; margin:0; }
.dropdown.group > div li { margin:0 0 10px 0; }
.dropdown.group > div li a { padding:0 !important; color:#000 !important; }
.overlay .dropdown.key { top:10px !important; }
.overlay .dropdown.key > a {  }
.overlay .dropdown.key > div { top:22px; }
.dropdown.version {
	font-size: 11px;
	height: 10px;
	left: 130px !important;
	top: 44px !important;
}
	.dropdown.version > a {
		padding: 2px 26px 2px 8px !important;
	}
		.dropdown.version.active > a {
			border-bottom: none;
		}
	.dropdown.version.active {
		-webkit-box-shadow: rgba(0, 0, 0, 0.148438) 0px 10px 20px;
	}
	.dropdown.version > div {
		margin-top: -5px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.34375) 0px 14px 20px;
		-webkit-border-top-right-radius: 0;
		width: 120px;
	}

/* @end */



/*@group [OVERLAYS]
============================
============================*/

/*Normal overlay*/
.overlay { display:none; position:relative; background:#666; border:1px solid #666; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -webkit-box-shadow:0 0 24px rgba(0,0,0,.65); -moz-box-shadow:0 0 24px rgba(0,0,0,.65); box-shadow:0 0 24px rgba(0,0,0,.65); width:80%; height:535px; padding:20px; z-index:20000; }
.overlay h2 span { margin-top:4px; }
.overlay .item-list h2 a { font-weight:bold }
.overlay .module { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.overlay .contentWrap { position:relative; height:100%; }
.overlay header {  border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border:none; overflow:hidden; }
.overlay header h1 { float:left; margin:0; font-size:28px; line-height:1 !important; }
.overlay .main { width:80% !important; height:535px; position:relative; background:#fff; }
.overlay .inline-item { width:100% !important; }
.overlay .button { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; margin:0; }
.overlay form { line-height:1; }
.overlay form { margin:0; }
.overlay .item-list { position:relative; height:393px; }
.overlay .item-list h2 { font-size:14px; }
.overlay .item-list .button:hover { left:auto; }
.overlay .item-list .button.add { float:none; position:absolute; right:20px; top:10px; padding:0 !important; font-size:14px; background-position:right center; margin:-2px 0 0 0 !important; width:65px; height:30px; line-height:30px; padding-left:7px !important; }
.overlay .item-list .button.add span { width:16px; height:16px; margin-top:-8px; right:5px; background:url(../images/icons/add-16.png) center center no-repeat; }
.overlay .item-list .button.invite { float:none; position:absolute; right:105px; top:10px; padding:0 !important; font-size:14px; background-position:right center; margin:-2px 0 0 0 !important; width:65px; height:30px; line-height:30px; padding-left:7px !important; }
.overlay .item-list .button.invite span { width:16px; height:16px; margin-top:-8px; right:5px; background:url(../images/icons/invite-16.png) center center no-repeat; }
.overlay .item-list .added { position:absolute; right:20px; top:10px; display:block; width:72px; height:30px; background:url(../images/icons/added-24.png) center center no-repeat; text-indent:-9999px; }
.overlay .people .item-list .added { position:absolute; right:20px; top:10px; display:block; width:156px; height:30px; background:url(../images/icons/added-24.png) center center no-repeat; text-indent:-9999px; }
.overlay .item-list li { border-top:1px solid rgba(0,0,0,.12); height:30px; padding:9px 20px; }
.overlay .item-list li img { top:13px; }
.overlay .item-list li .dropdown { top:15px; }
.overlay .item-list li .dropdown > div { top:20px; }
.overlay .people .dropdown.position { margin-left:40px; top:6px; }
.overlay .loading { padding-bottom:80px; background:url(../images/ajax-spinner.gif) no-repeat left bottom; }

/*Secondary Nav in overlay*/
.overlay section.secondary { width:16% !important; }
.overlay section.secondary nav p { text-align:center; }
.overlay .secondary .filter a { color:#fff; text-decoration:underline; }
.overlay .secondary nav li a { color:#fff; display:block; white-space:pre; text-overflow:ellipsis; overflow:hidden; }
.overlay .secondary h2 { color:#ccc; font-size:11px; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #aaa; }
.overlay .secondary .actions { padding:5px; }
.overlay .secondary .actions:before { margin-top:-12px; }
.overlay .secondary .actions a.add { padding:10px 32px 10px 10px !important; display:block; }
.overlay .add { position:absolute; bottom:0; right:120px; padding-right:46px !important; }
.overlay .addWait { position:absolute; bottom:0; right:120px; display:block; padding:10px; background:#aaa; background:-moz-linear-gradient(center top, rgb(247,247,247) 0, rgb(220, 220, 220) 100%) !important; background:-webkit-gradient(linear,left top,left bottom, color-stop(0, rgb(247,247,247)), color-stop(0.75, rgb(220,220,220))); text-align:center; font-size:16px; font-weight:bold; color:#666; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #ccc; text-decoration:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.overlay .close { position:absolute; bottom:0; right:20px; display:block; }

/*Individual Overlay Rules*/
.overlay .people .item-list img { top:8px; }
.overlay .people .item-list h2 { margin-left:-6px; }

/*Files*/
.files .item-list h2 { margin-left:0; }
.files .item-list .system_file { background: #F8F8F8; }

/*Inline Item*/
.overlay .inline-item .ajax-content { padding:20px; }
.overlay .inline-item .ajax-content.dialogMessage { font-size: 16px; }
.overlay .inline-item form { width:100%; }
.overlay .inline-item input, .overlay .inline-item textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.overlay .inline-item textarea { margin:20px 0; height:210px; }
.overlay .inline-item textarea + input { width:55px; float:left; clear:left; margin-right:10px; text-align:center; }
.overlay .inline-item textarea + input + input { width:55px; float:left; text-align:center; }
.overlay .inline-item input[type="submit"] { width:15%; padding:0; position:absolute; right:20px; bottom:20px; }

.overlay .pleaseWait { padding:0; position:absolute; right:140px; bottom:20px; font-size: 120%; display: none; }
.overlay .pleaseWait img { vertical-align:middle; padding:0px 10px; }
.overlay .ajax-prompt { font-size: 150% }

/*Large overlay (form)*/
.overlay.large { width:600px;  }
.overlay.large .close { left:auto; right:20px; top:auto !important; bottom:20px; padding:12px !important; }
.overlay.large .button.add { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:160px; margin:0; }
.overlay.large .button.addWait { padding:11px 11px 12px 10px !important; position:absolute; bottom:20px; right:125px; margin:0; }
.overlay.large .button.add.shortCancel { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:125px; margin:0; }

.overlay.medium { width:600px; height:450px;  }
.overlay.medium .main { height:100%; }
.overlay.medium .close { left:auto; right:20px; top:auto !important; bottom:20px; padding:12px !important; }
.overlay.medium .button.add { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:160px; margin:0; }
.overlay.medium .button.add.shortCancel { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:125px; margin:0; }

/*Small overlay (form)*/
.overlay.small { width:60%; height:330px; }
.overlay.small .main { height:100%; }
.overlay.small .button { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; margin:0; }
.overlay.small .close { left:auto; right:20px; top:auto !important; bottom:20px; padding:12px !important; }
.overlay.small .button.add, .button.addWait { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:160px; margin:0; }
.overlay.small .button.add.shortCancel { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:125px; margin:0; }
.overlay.small input + input { margin-top:20px; }

/*Extra Smallest overlay (form)*/
.overlay.smallest { width:60%; height:240px; }
.overlay.smallest .main { height:240px; }
.overlay.smallest .button { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; margin:0; }
.overlay.smallest .close { left:auto; right:20px; top:auto !important; bottom:20px; padding:12px !important; }
.overlay.smallest .button.add, .overlay.smallest .button.delete, .button.addWait { padding:11px 44px 12px 10px !important; position:absolute; bottom:20px; right:160px; margin:0; }
.overlay.smallest .button.short { padding:11px 12px 12px 10px !important; position:absolute; bottom:20px; right:130px; margin:0; }
#note.overlay.smallest .button.add { right:20px; }

/*Grid Edit Overlay*/
.overlay .grid { width:100% !important; height:475px !important; }
.overlay .grid .ajax-content { padding:0; height:410px; overflow-y:auto; }
.overlay .grid .ajax-content .chzn-container { max-width:99% !important; }
.overlay .grid .ajax-content table { border-collapse:collapse; }
.overlay .grid .ajax-content th[scope="col"] { padding: 10px; color: white; font-weight: bold; border-right: 1px solid rgba(0,0,0,.5); background: #999; background: -moz-linear-gradient(top, #aaa 0%, #858585 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#858585)); background: -webkit-linear-gradient(top, #999 0%,#666 100%); background: -o-linear-gradient(top, #aaa 0%,#858585 100%); background: -ms-linear-gradient(top, #aaa 0%,#858585 100%); border-radius:0; }
.overlay .grid .ajax-content th[scope="col"]:empty { background:transparent; border-right:none; border-bottom:1px solid #aaa; }
.overlay .grid .ajax-content tbody th { border-radius:0; background:white; color:#999; text-align:right; text-shadow:none; border-right:1px solid #999; border-bottom:1px solid #aaa; padding-top:25px; padding-bottom:25px; width:230px !important; }
.overlay .grid .ajax-content tbody tr { border-bottom:1px solid #aaa; }
.overlay .grid .ajax-content tbody td { border-right:1px solid #aaa; padding:0 10px; text-shadow:none; }
.overlay .grid .close { bottom:-65px !important; right:0 !important; }

/*Pagination*/
.overlay .pagination { padding:15px 20px 15px 20px; }

/*Add To Service*/
.overlay .add-to-service { width:100% !important; height:480px; overflow:visible; }
.overlay .add-to-service .item-list { height:343px; }
.overlay .add-to-service .item-list h2 { margin-left:0; }
.overlay .add-to-service .item-list .button.add { float:none; position:absolute; right:20px; top:10px; padding:0 !important; font-size:14px; background-position:right center; margin:-2px 0 0 0 !important; width:65px; height:30px; line-height:30px; padding-left:7px !important; }
.overlay .add-to-service .close { bottom:-62px; right:0; }

/*Add To List*/
.overlay .add-to-list { width:100% !important; height:220px; overflow:visible; }
.overlay .add-to-list .chzn-container { max-width:100% !important; }
.overlay .add-to-list .chzn-search { display:none !important; }
.overlay .add-to-list .ajax-content { padding:20px; }
.overlay .add-to-list .button.add { right:110px; }
.overlay .add-to-list .close { bottom:20px; right:20px; }
.overlay .add-to-list .create-new-list { display:block; color: #ad0009; margin-top:12px; }
.overlay .add-to-list #new-list-name { width:99%; }
.overlay .add-to-list label { display:block; margin-bottom:8px; }

/*People*/
.overlay .people header h1 { line-height:1.3; }
#service-times li { list-style:none; margin:0 0 10px 0; color:#ccc; }

/*Add Person*/
.overlay .add-person .dropdown {margin-top: 15px;margin-bottom: 22px;display: inline-block;}
.overlay .add-person .dropdown > div { max-height: 200px; overflow: auto; }
.overlay .add-person .dropdown > a {font-size: 120%;padding-top: 14px !important;padding-bottom: 14px !important;}.overlay .add-person .dropdown > a { font-size: 120%; padding-top: 14px !important; padding-bottom: 14px !important; }
.overlay .add-person .close { bottom:20px; }
.overlay .add-person .add { bottom:20px; padding-right:15px !important; }
.overlay .add-person .add span { display:none; }
.overlay .add-person header h1 { line-height:24px; }
.overlay .add-person form { padding:0 !important; }
.overlay .add-person .row { width:40%; float:left; padding-top: 5px; }
.overlay .add-person .row + .row { width:60%; padding-top: 5px; }
.overlay .add-person .row label { margin-top:20px;  }
.overlay .add-person .row label:first-child { margin-top:0; }
.overlay .add-person .row span { margin-top: 2px; color: #c10e17; font-weight: bold; }
.overlay .add-person .positions { max-height: 325px; overflow: auto; padding-top: 10px; }
.overlay .add-person .positions a { display:inline-block; padding:3px 5px; white-space:nowrap; line-height:1.4; margin-bottom:5px; }
.overlay .add-person .positions .active { text-decoration:none; color:#000; padding-left:20px !important; background-image:url(../images/icons/delete-alt-12.png); background-repeat:no-repeat; background-position: 5px center; }
.overlay .add-person .positions .active:hover { background-color:#aaa; }
.overlay .add-person .row nav { position: absolute; top: 8px; left: 90px; }
.overlay .add-person .row nav ul { text-align:left; list-style:none; margin: 0px; }
.overlay .add-person .row nav li { display: inline; margin: 5px; }
.overlay .add-person .row nav li a { text-decoration: none; }
.overlay .add-person .row nav li.current { background:#222; color:#FFFFFF; padding: 5px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
.overlay .add-person .row nav li.current  a { color: #fff; text-decoration: none; text-shadow: 0px 0px }

/* @end */

/*Activate Person*/
.overlay .activate-person .close { bottom:20px; }
.overlay .activate-person .add { bottom:20px; padding-right:0px; margin-right: 0px; !important; }
.overlay .activate-person .add span { display:none; }
.overlay .activate-person header h1 { line-height:24px; }
.overlay .activate-person form { padding:0 !important; }
.overlay .activate-person .row { width:80%; float:left; padding-top: 5px; }
.overlay .activate-person .row label { margin-top:20px;  }
.overlay .activate-person .row label:first-child { margin-top:0; }
.overlay .activate-person .row span { margin-top: 2px; color: #c10e17; font-weight: bold; }
/* @end */

/*Edit Contact*/
.overlay .edit-contact .close { bottom:20px; }
.overlay .edit-contact .add { bottom:20px; padding-right:15px !important; }
.overlay .edit-contact .add span { display:none; }
.overlay .edit-contact header h1 { line-height:24px; }
.overlay .edit-contact form { padding:0 !important; }
.overlay .edit-contact .row { width:40%;  float:left; padding-top: 5px; }
.overlay .edit-contact .dropdown { margin-top: 15px; margin-bottom: 22px; display: inline-block; }
.overlay .edit-contact .dropdown > div { max-height: 200px; overflow: auto; }
.overlay .edit-contact .dropdown > a { font-size: 120%; padding-top: 14px !important; padding-bottom: 14px !important; }
.overlay .edit-contact .row + .row { width:60%; padding-top: 5px; }
.overlay .edit-contact .row label { margin-top:20px;  }
.overlay .edit-contact .row label:first-child { margin-top:0; }
.overlay .edit-contact .row span { margin-top: 2px; color: #c10e17; font-weight: bold; }
/* @end */

/*@group [FORMS]
============================
============================*/

/*Global*/
input[type="text"], textarea, input[type="password"], input[type="email"] { font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; padding:15px 5px; border:1px solid #ccc; font-size:16px; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
input[type="search"] { padding:7px 4px 7px 7px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; -webkit-appearance: none; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid #e02c2a; -webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.25); -moz-box-shadow:inset 0 0 7px rgba(0,0,0,.25); box-shadow:inset 0 0 7px rgba(0,0,0,.25); }
input[type="submit"] { cursor:pointer; }
form .row { margin-bottom:30px; position:relative; width:400px; /* overflow:hidden; */ }
form .row.columns { width:90%; }
form .row.columns .row { width:90%; margin-bottom:20px; }
form .row.columns .column { width:50%; margin:0; }
form .column { position:relative; float:left; width:22%; margin-right:20px; }
form input.datepicker { background:url(../images/icons/calendar-16.png) right center no-repeat !important; }
input[type="file"] { margin-bottom:10px; display:inline-block !important; width:auto !important; }
input[type="file"] + span { display:block; margin-bottom:20px; }
select[multiple] { width:90%; border:1px solid #ccc; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
select[multiple] option { padding:5px; margin:5px; display:block; }

/*Add File*/
.overlay .add-file button { margin-bottom:20px; margin-right:5px; }
.overlay .add-file textarea { height:190px; }


/* @end */



/*@group [MODULES]
============================
============================*/

/*Global*/
span.time, time { font-size:14px; font-weight:600; position:absolute; right:20px; top:24px; text-decoration:none !important; display:block; }
h2 time { display:inline !important; font-size:inherit; font-weight:inherit; position:relative; right:auto; top:auto; }
.item-list h2 span { display:block; color:rgba(0,0,0,.5); font-size:13px; margin-top:5px; clear:both; width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.item-list h2 span.song-list-authors { display: inline !important; }
.item-list h2 span a { display:inline; }
li.header { height:13px !important; }
li.header h2 { line-height:12px; margin-left:0; color:#999; font-weight:bold; }
li.text h2 { margin-left:40px; }
li.file h2 { margin-left:40px; }

/*Main*/
.module { margin-bottom:40px; border:1px solid #ddd; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#fff; -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.05); -moz-box-shadow:3px 3px 5px rgba(0,0,0,.05); box-shadow:3px 3px 5px rgba(0,0,0,.05); }
.module header { background:#dcdcdc; height:26px; padding:20px; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-bottom:1px solid #eee; overflow:hidden; background:-webkit-gradient(linear,left top,left bottom, color-stop(0, rgb(247,247,247)), color-stop(0.75, rgb(220,220,220))); background:-moz-linear-gradient(center top,rgb(247,247,247) 0%,rgb(220,220,220) 75%); }
.module h1 { margin:0; font-size:16px; float:left; color:#666; text-shadow:0 1px 0 rgba(255,255,255,1); font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:24px; }
.module h1 span { color:#333; }

/*Item List*/
.item-list { margin:0; }
.item-list li { padding:12px 20px; height:35px; position:relative; list-style:none; margin:0; display:block; border-top:1px solid #ccc; border-top:1px solid rgba(0,0,0,.12); }
.item-list li:hover { background:#fdefcc; }
.item-list li:first-child { border:none; }
.item-list h2 { font-weight:normal; margin-left:106px; font-size:16px; margin-bottom:0; padding:0; line-height:34px; }
.set-list .item-list h2 { max-width:45%; }
.item-list li.song h2 { margin-left:105px; }
.item-list h2.extra { line-height:1; }
.item-list h2 a { display:block; }
.item-list h2.extra a { white-space:pre; overflow:hidden; text-overflow:ellipsis; line-height:18px; margin:0 0 -2px 0; }
.item-list a { display:block; padding:0; text-decoration:none; }
.item-list img { position:absolute; left:20px; top:18px; }
.item-list .dropdown { position:absolute; left:65px; top:28px; }

/*No content*/
.module .main > p { font-size:32px; text-align:center; padding:40px 0; font-weight:bold; }
.module .main > p a { display:inline; padding:0; text-decoration:underline; }

/*Editing options*/
.options { margin-top:-15px; display:none; position:absolute; left:-28px; top:50%; padding:7px; background:#fdefcc; border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; border-left:1px solid #fff; }
.options a { display:block !important; float:left; width:16px; height:16px; text-indent:-9999px; padding:0 !important; }
.options .edit { background:url(../images/icons/options-edit-16.png) center center no-repeat; margin-right:5px !important; }
.options .swap { background:url(../images/icons/options-swapversion-16.png) center center no-repeat; margin-right:5px !important; }
.options .delete { background:url(../images/icons/delete-16.png) center center no-repeat; }
.options .noicon { padding-right: 16px !important }
.options .move { background:url(../images/icons/move-16.png) center center no-repeat; cursor:move; margin-left:5px; }
.options .duplicate { background:url(../images/icons/options-duplicate-16.png) center center no-repeat; margin-left:5px; }
.options a:first-child { margin:0; }
.set-list .options { left:-46px; }

/*Single Modules (forms, etc.)*/
.module.single { margin-bottom:0; }
.module.single header h1 { font-size:24px; }
.module.single header a { float: right; font-size:12px; }
.module.single .row textarea { width:90%; height:200px; }
.module.single .row > .row { margin-bottom:7px; }
.module.single .row > span { /*float:left;*/ position:relative; display:block; }
.module.single label, .module.single input { float:none; display:block; }
.module.single label { margin-bottom:5px; font-size:16px; font-weight:700; padding-right:5%; color:#666; }
.module.single input[type="radio"] { display:inline; width:auto; clear:left; }
.module.single input[type="radio"] + label { display:inline; font-size:13px; font-weight:normal; clear:right; }
.module.single input, .module.single input[type="password"], input[type="email"] { width:90%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#fff; }
.module.single input:focus, .module.single input[type="password"]:focus, input[type="email"]:focus { border:1px solid #ccc; -webkit-box-shadow:0 0 15px #fddf94; -moz-box-shadow:0 0 15px #fddf94; box-shadow:0 0 15px #fddf94; }
.module.single form { padding:30px 20px; }
.module.single input[type="text"], .module.single input[type="password"] { margin:0; }
.module.single .date > a { margin-left:10px; display:inline-block; width:24px; height:48px; background:url(../images/icons/plus-24.png) center center no-repeat; text-indent:-9999px; }
.module.single .date > a.forbidden { opacity:.3; }
.module.single .date > .remove { background:url(../images/icons/minus-24.png) center center no-repeat; margin-left:10px; }
.module.single .row.date.full { width: 100%; }
.module.single .row.date > span { width:340px; }
.module.single .row.date > label { display: inline;  }
.module.single .row.date > label.start-time { position: absolute; display: inline; left: 172px !important; }
.module.single .row.date > label.end-time { position: absolute; display: inline; left: 283px !important; }
.module.single .row.date > span.startAndEnd { width:100%; }
.module.single .row.date .dropdown.xm { display: inline; float: left; width: 50px; top: 25px; margin-left: 15px; }
.module.single .row.date .dropdown.xm > div { width: 32px; top:18px; }
.module.single .date input { width:140px; margin-left:20px; float:left; }
.module.single .date input:first-child { margin-left:0; }
.module.single .date input + input, .module.single .date input + input + input { width:80px; }
.module.single .date .startTime , .module.single .date .endTime { width: 80px !important; margin-left: 20px !important; }
.module.single .actions:before { display:none; }
.module.single .actions { background:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin:0; padding:10px 0; overflow:visible; margin-top:20px; }
.module.single .actions a { display:inline-block; margin:0; }
.module.single .actions .button { margin:0 10px 0 0;}



/*Alphabetical Sorting List*/
.module .list-alpha { position:relative; margin:0; list-style:none; height:5px; padding:5px 0; display:table; width:100%; text-align:center; background:#ccc; border-top:1px solid #aaa; }
.module .list-alpha li { position:relative; height:auto; display:table-cell;  border:none; text-align:center; }
.module .list-alpha li:hover { background:inherit; }
.module .list-alpha li a { display:inline; color:#666; text-decoration:none; padding:3px 7px; }
.module .list-alpha li.active a { background-color:#aaa; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.module .list-alpha li.active a { color:#666; }

/*Header Form (search)*/
.module header form { float:none; position:absolute; right:20px; top:12px; margin:0; }
.module header form span { top:-17px; }
.module header input[type="search"] { width:415px; border:1px solid #aaa; border-bottom:1px solid rgba(255,255,255,.9); padding:10px 0; color:#333; -webkit-input-placeholder:color:#666; }
.module header input[type="search"]::-webkit-input-placeholder { color:#666; }


/* @end */



/*@group [DASHBOARD]
============================
============================*/

body.dashboard .main .module { background:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
body.dashboard .module li { height:24px; }
body.dashboard #services li { height:auto; min-height:24px; }
body.dashboard .module h2 { display:inline-block; vertical-align:middle; margin-left:0; font-size:16px; line-height:1.2; }
body.dashboard time { padding:0 10px; background:#eee; border:1px solid #ddd; color:#666; font-size:12px; border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; top:14px; }
#services .service-leaders { display:block; padding-left:29px; margin-top:1px; font-size:11px; color:#999; line-height:1.3; letter-spacing:0.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80%; }

/*Help video*/
#help-videos { background:white; padding:1.25em; border-radius:7px; border:1px solid #ccc; box-shadow:2px 2px 5px rgba(0,0,0,.12); }
#help-videos h3 { color:#cf2026; font-weight:bold; margin-bottom:0.5em; text-decoration:underline; margin-left:90px; }
#help-videos p { margin-top:0; color:#333; margin-left:90px; margin-bottom:1.25em; }
#help-videos img { float:left; }

/*Welcome message*/
body.dashboard #container > p:first-child { font-size:14px; text-rendering: optimizeLegibility; text-indent:20px; font-size:18px; margin-bottom:40px; line-height:1; }
body.dashboard #container > p:first-child a { font-weight:bold; }

/*Service List*/
#services li span { display:inline-block; margin-right:10px; width:13px; height:13px; border:1px solid #ccc; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; text-indent:-9999px; vertical-align:middle; }
#services li span.conflict { background:#e78a2f; }

/*Recent Activity*/
#recent-activity li { padding:12px 20px 12px 46px; font-size:14px; background-size:16px; -moz-background-size:16px; background-position:20px center; background-repeat:no-repeat; line-height:30px; }
#recent-activity li:hover {  }
#recent-activity a { display:inline; padding:0; }
#recent-activity a:hover { text-decoration:underline; }
#recent-activity .song { background-image:url(../images/icons/note-24.png); }
#recent-activity .comment { background-image:url(../images/icons/comment-24.png); }
#recent-activity .doc { background-image:url(../images/icons/doc-24.png); }

/*Sidebar*/
.new-message { margin-bottom:50px; font-size:16px; font-weight:bold; background:url(../images/icons/message-24.png) left center no-repeat; padding-left:32px; }
#pending-invites a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pending-invites a span { color:#999; }

/* @end */



/*@group [SERVICE INDIVIDUAL PAGE]
============================
============================*/
.service-wrapper .module { float:left; clear:both; width:100%; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.service-wrapper .main { background:#fff; -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.15); -moz-box-shadow:3px 3px 5px rgba(0,0,0,.15); box-shadow:3px 3px 5px rgba(0,0,0,.15); border:1px solid #ddd; }

/*Individual Service*/
body.service-individual .service-wrapper { padding:20px; background:#fff; -webkit-box-shadow:0 0 24px rgba(0,0,0,0); -moz-box-shadow:0 0 24px rgba(0,0,0,0); box-shadow:0 0 24px rgba(0,0,0,0); border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; border:0; background:#aaa; }
body.service-individual .service-wrapper .module { border:none; }
body.service-individual .service-wrapper .module:last-child { margin:0; }
body.service-individual .info { margin:0; float:none; border:none; }
body.service-individual .info .main { width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border:none;}
body.service-individual .info .main header { border:none; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; background:#323a43;  -webkit-box-shadow:0 0 12px rgba(0,0,0,.15); -moz-box-shadow:0 0 12px rgba(0,0,0,.15); box-shadow:0 0 12px rgba(0,0,0,.15); height:50px; }
body.service-individual .info .main h1 { font-size:32px; line-height:1.5; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); float:none; position:absolute; left:20px; top:10px; }
body.service-individual .info header p { color:#ccc; margin:0; position:absolute; left:20px; top:55px; }
body.service-individual .info header p a { display:inline; color:#ccc; text-decoration:underline; }
body.service-individual .set-list .item-list li.has-version h2 { line-height:1; }
body.service-individual .set-list .item-list .dropdown.version { top:36px !important; }
body.service-individual .set-list .item-list .dropdown.version > div { top:18px !important; }
body.service-individual .set-list .item-list .dropdown.key { top:16px !important; }




/*Service Player*/
body.service-player .service-wrapper .main { background:transparent; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
body.service-player .service-wrapper .module { background:#fff; width:auto; float:none; }
body.service-player .service-wrapper .song-info { padding:20px; margin:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-bottom-left-radius:0; border-bottom-right-radius:0; overflow:visible; }
body.service-player .service-wrapper .song-info + .module { -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-top-left-radius:0; border-top-right-radius:0; }

#textContent { display: none; }

/*Set List*/
.set-list header h1 { line-height:2; }
.set-list li .inline-note { position:absolute; right:65px; top:10px; width:20%; bottom:10px; overflow:hidden; padding-left:28px; cursor:pointer; }
.set-list li .inline-note p { margin:0; color:#666; }
.set-list li .note { display:none; position:absolute; left:5px; top:50%; margin-top:-8px; width:15px; height:15px; background:url(../images/icons/sticky-note.png) no-repeat; text-indent:-9999px; cursor:pointer; }
.set-list li:hover .note { display:block; }
.set-list li.has-note .note { display:block; background-position:-15px 0; }

/*People*/
.people header h1 { line-height:2; }
.people .options { margin-top:-16px; }
.people img, .people .dropdown { display:block; clear:none; }
.people img { top:12px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; left:30px; width:35px; height:35px; }
.people img.advoid { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.people .dropdown.position { margin-left:55px; position:relative; display:inline-block; left:auto; right:auto; top:auto; top:6px; }
.people .dropdown.position > a { display:inline !important; }
.people .dropdown.position > div { max-height:216px; overflow:auto; top:18px; }
.people .dropdown.status { left:auto; right:10px; top:12px; width:40px; height:30px; }
.people .dropdown.status > a { display:block !important; border:1px solid transparent; text-indent:-9999px; }
.people .dropdown.status > a:hover, .people .dropdown.status.active > a { border:1px solid #ccc; }

.people .dropdown.status .included { background:url(../images/icons/user-included-24.png) center center no-repeat; }
.people .dropdown.status .accepted { background:url(../images/icons/user-accepted-24.png) center center no-repeat; }
.people .dropdown.status .pending { background:url(../images/icons/user-pending-24.png) center center no-repeat; }
.people .dropdown.status .declined { background:url(../images/icons/user-conflict-24.png) center center no-repeat; }

.people .conflict .dropdown.status > a { background:url(../images/icons/user-conflict-24.png) center center no-repeat; }
.people .dropdown.status > div { top:26px; width:180px; z-index: 100; }
.people .dropdown.status > div p { margin:0; }
.people .dropdown.status > div a { color:#00539f; text-decoration:underline; }
.people h2 { margin-left:0; display:inline-block; vertical-align:middle;}
.people h2 a { display:inline; }
.people .item-list li { padding-left:30px !important; cursor:auto; }
.people .item-list li.ui-draggable-dragging { background:white; border:1px solid #ccc; border-radius:8px; z-index:1200; }
.people .item-list li.ui-draggable-dragging .options,
.people .item-list li.ui-draggable-dragging .button.message { display:none !important; }
.people .item-list li.conflict h2 a { color:white; }
.people .item-list li .away { color: #666; font-style: italic; display: inline-block; font-weight: bold; margin-left: 8px; font-size: 15px; position: relative; top: 3px; }
.people .item-list li .away.red { color:#ce171f; font-style:italic; }


/*Comments*/
.comments a { display:inline !important; }
.comments p { margin:0; }
.comments li { height:auto; padding-right:40px; }
.comments li img { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; top:12px; }
.comments li h2 { margin-left:0; line-height:1; margin-bottom:10px; color:#666; }
.comments li > * { margin-left:70px; }
.comments li .comment { margin-top:-9px; overflow:hidden; }
.comments .reply { position:absolute; right:40px; top:10px; width:16px; height:16px; background:url(../images/icons/reply-16.png) no-repeat; text-indent:-9999px; }
.comments .reply-wrapper { position:relative; margin-top:20px; }
.comments .reply-wrapper img { top:0; left:0; }
.comments .reply-wrapper .reply { top:0; right:0; }
.comments .reply-wrapper .comment { margin-top:0; }
.comments .reply-wrapper > * { margin-left:70px; }
.comments .post-comment { border-top:1px solid #ccc; padding:20px; }
.comments .post-comment h2 { margin-left:0; }
.post-comment form { float:left; width:55%; min-width:30%; }
.post-comment .help { float:right; width:40%; color:#666; }
.post-comment p { margin-bottom:20px; }
.comments form textarea { border:1px solid #ccc; padding:2%; width:95%; display:block; margin-top:10px; height:120px; margin-bottom:20px; }
.comments form input[type="text"] { min-width:200px; }
/* @end */


/*@group [GLOBAL SIDEBAR / ACTIONS]
============================
============================*/

/*Sidebar*/
.secondary > div { position:relative; margin-bottom:30px; border:none; position:relative; min-height: 50px; clear:both; }
.secondary > div header, .secondary > nav header { background:none; border-bottom:1px solid #ccc; margin-bottom:10px; }
.secondary > div h1, .secondary > nav h1 { display:inline; margin-bottom:5px; line-height:1.2; font-size:12px; color:#666; text-transform:uppercase; letter-spacing:0.1em; font-family:inherit; }
.secondary > div h2 { float:none; font-size:13px; font-weight:bold; margin-bottom:5px; }
.secondary > div h3 { font-size:13px; font-weight:normal; color:#000; margin-bottom:15px; }
.secondary > div li { position:relative; display:block; margin:0 0 10px 0; border:none; padding:0; }
.secondary > div a { padding:0; text-decoration:none; }
.secondary #song-notes p { position:relative; padding-left:24px; color:black; }
.secondary .note { position:absolute; top:4px; left:0; width:15px; height:15px; background:url(../images/icons/sticky-note.png) no-repeat; text-indent:-9999px; cursor:pointer; display: block; background-position: -15px 0; }

/*Sidebar Nav*/
.secondary nav { position:relative; }
.secondary nav li { list-style:none; margin:0; position:relative;}
.secondary nav li.current:before { position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; border-width:14px; border-color: transparent #222 transparent transparent; border-color: transparent #222 transparent transparent; left:-28px; top:50%; margin-top:-14px; }
.secondary nav li.current { background:#222; border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; }
.secondary nav li.current a { color:#fff; }
.secondary nav li a { display:block; padding:5px 0; }

/*Actions (Add/Create/New buttons)*/
.actions { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:10px; -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.15); -moz-box-shadow:3px 3px 5px rgba(0,0,0,.15); box-shadow:3px 3px 5px rgba(0,0,0,.15); background:#fff; }
.actions .button { text-decoration:none; }
.actions:before { position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; border-width:12px; border-color: transparent #fff transparent transparent; border-color: transparent #fff transparent transparent; border-color: transparent rgba(0,0,0,.07) transparent transparent; border-color: transparent rgba(255,255,255,1) transparent transparent; left:-24px; top:30px; }
body.service .actions:before { border-color: transparent #fff transparent transparent; }
.actions > div { padding:10px 10px 0; }
.actions > div a { display:inline; padding:0; color:#ad0009; text-decoration:underline; }

/*Header Actions*/
body.service-individual .info header .actions { display:block; position:absolute; right:20px; top:50%; height:48px; margin:-34px 0 0 0; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
header .actions:before { display:none; }
header .actions a { vertical-align:middle; float:none; display:inline-block !important; width:48px; height:48px; margin-left:10px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5), 0 2px 1px rgba(255,255,255,.2), 0 -1px 2px rgba(0,0,0,.4); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.5), 0 2px 1px rgba(255,255,255,.2), 0 -1px 2px rgba(0,0,0,.4); }
header .actions a:hover { background-color:rgba(0,0,0,.5); }
header .actions a:first-child { margin:0; }
header .actions a.save { background-image:url(../images/icons/save-24.png); }
header .actions a.edit { background-image:url(../images/icons/service-edit-24.png); }
header .actions a.duplicate { background-image:url(../images/icons/duplicate-24.png); }
header .actions a.export { background-image:url(../images/icons/export-24.png); position:relative; }
header .actions a.export::after { content:"NEW"; position:absolute; top:-6px; right:-6px; background:#e53935; color:#fff; font-size:8px; font-weight:bold; line-height:1; padding:2px 4px; border-radius:3px; text-indent:0; letter-spacing:0.03em; pointer-events:none; }
header .actions a.print { background-image:url(../images/icons/print-24.png); }
header .actions a.delete { background-image:url(../images/icons/delete-24.png); }
header .actions a.notify { background-image:url(../images/icons/notify-24.png); }
header .actions a.details { width:113px; height:52px; background:url(../images/icons/details.png) no-repeat; text-indent:0; line-height:52px; -webkit-box-shadow:none; -moz-box-shadow:none; text-align:center; color:#fff; font-size:16px; text-decoration:none; padding-left:5px; font-weight:bold; }
header .actions a.details:hover { background-position:0 -52px !important; }
header .actions a.usage { background-image:url(../images/icons/report-24.png); }

/*Secondary Div Header Actions*/
.secondary > div header .actions { float:right; }
.secondary > div header .actions, .secondary > div header .actions a { display:inline; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0; }
.secondary > div header .actions a { width:auto; height:auto; color:#cc1922; text-indent:0; text-align:right; font-size:12px; font-weight:500; font-size:11px; letter-spacing:0.05em; }

/* @end */



/*@group [TOOLTIP HOVER]
============================
============================*/
.qtip { display:none; position:absolute; background:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; width:330px; -webkit-box-shadow:0 12px 12px rgba(0,0,0,.3); -moz-box-shadow:0 12px 12px rgba(0,0,0,.3); box-shadow:0 12px 12px rgba(0,0,0,.3); background:#aaa !important; z-index:5000; left:0; top:0; width:280px !important; }
.qtip .ui-tooltip-content > header:before { z-index:13; position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; top:30px; margin-top:-12px; left:-24px; border-width:12px; border-color: transparent #323A43 transparent transparent; }
.qtip .ui-tooltip-content > header.arrow-right:before { z-index:13; position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; top:30px; margin-top:-12px; left:auto; right:-24px; border-width:12px; border-color: transparent #323A43 transparent transparent; border-color:transparent; border-left-color:#323A43; }
.qtip .ui-tooltip-content > header { background:#323A43; padding:10px; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-bottom:1px solid rgba(255,255,255,.1); -webkit-box-shadow:0 1px 12px rgba(0,0,0,.3); -moz-box-shadow:0 1px 12px rgba(0,0,0,.3); box-shadow:0 1px 12px rgba(0,0,0,.3); width:260px; }
.qtip .ui-tooltip-content > header h1 { margin-bottom:5px; line-height:1; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.5); }
.qtip .ui-tooltip-content > header h2 { font-size:12px; color:#ccc; font-weight:normal; margin-bottom:0;}
.qtip h3 { padding:10px; background:#ccc; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; font-size:16px; color:#666; margin-bottom:5px; }
.qtip ul { margin:0; }
.qtip li { list-style:none; margin:0; padding:5px 10px; border-top:1px solid #ccc; overflow:hidden; height:auto !important; }
.qtip .item-list li:first-child { border-top:1px solid #ccc; }
.qtip h4 { float:left; margin:0; font-size:12px; font-weight:normal;}
.qtip h4 span { font-weight:bold; text-transform:uppercase; font-size:10px; }
.qtip time { font-size:12px; }
.qtip .module header { padding:10px; height:auto ;}
.qtip .module header h1 { color:#666; font-size:12px; line-height:1.3; display:block; float:none; }
.qtip .module header h2 { color:#666; font-size:12px; line-height:1.3; font-weight:normal; display:block; float:none; margin-top:3px; margin-bottom:0; }
.qtip .module { width:95% !important; margin:10px auto 0 !important; border:none; border-radius:7px !important; -moz-border-radius:7px !important; -webkit-border-radius:7px !important; background:#fff; float:none !important; }
.qtip .module ul { margin-bottom:10px; }

/*Song Info*/
.service .qtip { background:#ccc !important; }
.song-info-wrapper { padding:5px 10px 15px; overflow:hidden; }
.song-info-wrapper p { float:left; width:135px; color:#333; margin:0;}
.song-info-wrapper img { float:right; width:100px; border:3px solid #fff; -webkit-box-shadow:0 0 4px rgba(0,0,0,.3); -moz-box-shadow:0 0 4px rgba(0,0,0,.3); box-shadow:0 0 4px rgba(0,0,0,.3); }

/*Kevin*/
#prodrightData:before {
    	content: "(p)(c)";
}

/*jQuery UI Overrides*/
.qtip .ui-widget-content { background:transparent; border:none; border-radius:7px; }

/*Note*/
.qtip .note { background:#323A43; width:100%; padding:10px; color:#ccc; }
.qtip .note p:last-child { margin:0; min-height:40px; }

/* @end */


/*@group [Service Calendar]
============================
============================*/

/*Calendar Styling*/
#calendar { padding:20px; border-radius:7px; position:relative; }
#calendar tbody td { background:#fff; cursor:pointer; }
#calendar thead th { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
#calendar .fc-content .fc-state-highlight { background: #ffc; }
#calendar .fc-event a { font-weight:bold; }
.status-participating { background:#21a230 !important; }
.status-participating a { color:white !important; }
.status-pending { background:#f7ce28 !important; }
.status-pending a { color:#333; }
.status-declined { background:#d10e0e !important; }
.status-conflict { background:#ce171f !important; color:white }
.status-conflict a { color:white !important; }
.status-away { background:#aaa !important; color:black !important; }
.status-away a { color:white; }
#calendar .fc-event.status-away-time:hover { background:#aaa; color:black; }
#calendar .fc-event:hover { background:#eee; }
#calendar .fc-content { margin-top:20px; }
#calendar .fc-header-left h2 { padding-left:160px; text-align:left; }
#calendar .fc-header-left .fc-button-today { position:absolute; left:20px; top:20px; }
#calendar .fc-header-left .fc-button-today a { border-right:1px solid #ccc; }
#calendar .fc-header-left .fc-state-default { border:none; }
#calendar .fc-header-left .fc-state-default a { border:none; }
#calendar .fc-header-left .fc-state-default span { border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border:1px solid #ccc; padding:4px 12px; -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 1px rgba(0,0,0,.2); -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 1px rgba(0,0,0,.2); box-shadow:inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 1px rgba(0,0,0,.2); background:-webkit-gradient(linear,left top,left bottom, color-stop(0, rgb(247,247,247)), color-stop(0.75, rgb(220,220,220))); color:#666; background:-moz-linear-gradient(center top,rgb(247,247,247) 0%,rgb(220,220,220) 75%); }
#calendar .fc-header-left .fc-state-disabled span { border:1px solid #ddd; background:#eee; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#aaa; }
#calendar .fc-header-left .fc-button-prev { position:absolute; left:90px; top:20px; }
#calendar .fc-header-left .fc-button-next { position:absolute; left:140px; top:20px; }
#calendar .fc-event-title { white-space:nowrap; overflow:hidden; }
#calendar .fc-header-title { margin:0; }
#calendar .fc-header-center { display:none; }
.fc-header-right { width:50%; }
.fc-header-right.single { width:auto; border-bottom:1px solid rgba(0,0,0,.12); clear:both; padding:0 20px; }
.fc-header-right.single:before,
.fc-header-right.single:after { content:""; display:table; }
.fc-header-right.single:after { clear:both; }
.fc-header-right.single li { padding-left:0 !important; padding-right:0 !important; height:auto !important; }
#calendar nav ul,
.fc-header-right.single nav ul { margin:0; float:right; text-align:left; margin-top:0px; }
.fc-header-right.single nav ul { margin:18px 0; }
#calendar nav li,
.fc-header-right.single nav li { list-style:none; margin: 5px; float:left; height:auto !important; }
.fc-header-right.single nav li { padding:0 !important; overflow:visible !important; }
#calendar nav li.current,
.fc-header-right.single nav li.current { background:#222; border-radius:7px 7px 7px 7px; -moz-border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; }
.fc-header-right nav li .dropdown { top:5px; }
.fc-header-right nav li .dropdown > div { top:23px; max-height:216px; overflow:auto; }
#calendar nav li a,
.fc-header-right.single nav li a { display:block; padding:5px 20px; }
#calendar nav li.current a,
.fc-header-right.single nav li.current a { color: #fff; text-shadow: 0px 0px }
#calendar .dropdown {  top: 5px; }
#calendar .dropdown > div { top:17px; max-height:216px; overflow:auto; }

/*Away Time*/
.away-time form { padding:0 !important; }
.away-time form .row { width:100%; }
.away-time .row.person { margin-top:15px; margin-bottom:30px; }
.away-time .column.reason { width:45%; margin-right:0; }
.away-time .date-icon { width:16px; height:16px; background:url(../images/icons/calendar-16.png) right center no-repeat; position:absolute; right:10px; top:50%; margin-top:-2px; }
.away-time .dropdown { display:inline-block; }
.away-time .dropdown > div { top:15px; max-height:170px; overflow:auto; }
.away-time input { font-size:13px; }
body.away-time-view .main .item-list li { height:53px; }
body.away-time-view .main .item-list h2 { margin-left:18px; }
body.away-time-view .main .item-list .away-reason { font-style:italic; }

/*List View*/
body.service-list.list-view .main .module li { height:34px; padding:12px 20px; }
body.service-list.list-view .main .module li h2 { display:inline-block; vertical-align:middle; margin-left:0; font-size:18px; }
body.service-list.list-view .main .module li time { top:17px; padding:3px 9px; background:#eee; border:1px solid #ddd; color:#666; font-size:11px; border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px;}
body.service-list.list-view .main .module li span { display:inline-block; margin-right:10px; width:13px; height:13px; border:1px solid #ccc; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; text-indent:-9999px; vertical-align:middle; }

/* @end */


/*@group [Songs]
============================
============================*/
.module.song-list .item-list li { height:38px; padding:12px 20px; }
.module.song-list .item-list h2 { line-height:38px; margin-left:50px; }
.module.song-list .item-list h2.extra { line-height:1; }
.module.song-list .item-list img { top:18px; }
.module.song-list .item-list time { top:18px; }
.module.song-list .item-list li.not-found { text-align: center; top: 8px; font-size: 125% }
.song-list .item-list li.ui-draggable-dragging { background:white; border:1px solid #ccc; border-radius:8px; z-index:1200; padding-right:100px; }
.song-list .item-list li.ui-draggable-dragging .options,
.song-list .item-list li.ui-draggable-dragging .button.message { display:none !important; }
.song-lists li > a { display:block; padding:5px 0; }
.song-list-content > div { clear:both; }
.secondary > div .song-list-content li { position: relative; display: block; margin: 0 0 10px 0; border: none; padding: 0; }
.song-list-content li.drop-here > a { background:#239731; padding-left:10px !important; border-radius:100px; color:white !important; padding-right:10px !important; }
.song-list-content li.drop-here.active { background:transparent; }
.song-list-content li.drop-here.active:before { left:50px; }
.song-list-content li.current.drop-here:before { border-right-color:#239731; }
.song-list-content li.current.drop-here { background:#239731; }
.song-list-content li.current.drop-here.drop-hover:before { border-right-color:#115c1a; }
.song-list-content li.current.drop-here.drop-hover { background:#115c1a; }
.song-list-content li.drop-hover > a { background:#115c1a; }

.service-lists li > a { display:block; padding:5px 0; }
.service-lists li.drop-here > a { background:#239731; padding-left:10px !important; border-radius:100px; color:white !important; padding-right:10px !important; }
.service-lists li.drop-here.active { background:transparent; }
.service-lists li.drop-here.active:before { left:50px; }
.service-lists li.drop-hover > a { background:#115c1a; }

/*Editing Options*/
.secondary > div .options { padding:0; background:transparent; border:none; float:right; position:relative !important; left:auto !important; margin:0; top:0; position:absolute; top:4px; bottom:0; right:5px; }
.secondary > div .options .delete { width:12px; height:12px; background:url(../images/icons/delete-12.png) no-repeat; margin-left:8px; margin-top:3px; }
.secondary > div .options a { margin-left:8px; }
.options .rename { width:auto; height:auto; text-indent:0; float:left; line-height:1.5; color:#cc1922; }
.secondary .options .edit { width:auto; height:auto; text-indent:0; float:left; line-height:1.5; color:#cc1922; background:none; }
body.service-player .secondary > div ul.rename li:hover { background:#ccc; }

/*Individual*/
.song-info { padding:20px;  }
.song-info header { overflow:visible; min-height:48px; margin-bottom:20px; padding:0; background:transparent; height:auto; border:none; height:auto; }
.song-info header h1 { font-size:32px; line-height:1.3; width:70%; }
.song-info header h2 { margin-top:5px; margin-bottom:0; font-size:14px; line-height:1.3; color:#666; clear:both; }
.song-info header .actions { position:absolute; right:0; top:0; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0; }
.song-info header .actions a { background-color:#323a43; }
.song-info header .actions a:hover { background-color:#36475b; -webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 6px rgba(0,0,0,.65); -moz-box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 6px rgba(0,0,0,.65); box-shadow:inset 0 0 3px rgba(255,255,255,.5), 0 0 6px rgba(0,0,0,.65); }
.song-content { padding:0 20px 30px; }
.segment-label { font-size: 11px; color: black; }

/* Multi-column chord chart (columns display mode). Inert unless #songDisplay
   carries a .columns-N class. The chart body is wrapped in .song-columns, whose
   column-count the browser balances; each .segment is atomic (a verse/chorus
   never splits across a column) and a chord row stays with its lyric. */
#songDisplay .song-columns { -webkit-column-gap: 1.4em; column-gap: 1.4em; }
#songDisplay.columns-2 .song-columns { -webkit-column-count: 2; column-count: 2; }
#songDisplay.columns-3 .song-columns { -webkit-column-count: 3; column-count: 3; }
#songDisplay .song-columns .segment {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin: 0 0 0.7em 0;
}
#songDisplay .song-columns .line {
	font-family: "droid-sans-mono-1", "Andale Mono", "Courier New", monospace;
	line-height: 1.3;
	letter-spacing: -0.05em;
	white-space: pre;
}
#songDisplay .song-columns .line.chord-row { -webkit-column-break-after: avoid; break-after: avoid; font-weight: bold; }
/* Chord chart text is black; only chords carry the chord colour, set inline on the
   <font> elements wrapped around recognised chords. Instructional text sharing a chord
   line ("[pad]", "[1st, 3rd time x2]") is not a chord and stays black. Declared here so
   pages that never run setStoredChordColor() -- the service practice page among them --
   still get it, and so it can't inherit a colour from an ancestor. */
.chord-line, .line.chord-row { color: #000000; }
#songDisplay .song-columns .segment-label { display: block; }
.meta-info { border-top:1px solid #ccc; overflow:hidden; padding:30px; }
.meta-info dl > div { float:left; }
.meta-info dl { float:left; margin-left:40px; float:none; overflow:hidden; clear:both; }
.meta-info dl:first-child { margin-left:0; }
.meta-info dt { font-weight:bold; }
.meta-info dd { margin-right:10px; white-space:nowrap; }
.meta-info dt, .meta-info dd { display:inline; }
.meta-info dl.copyright { display:block; margin-left:0; margin-top:20px; margin-bottom:0; font-size:11px; color:#666; }
.resources { position:relative; background:#fff; border:1px solid #ccc; border-radius:7px; padding:15px; }
.resources:after { position:absolute; content:url(../images/icons/caret-top-white.png); width:22px; height:13px; left:55px; top:-13px; }
.resources .download-mp3 { display:inline-block; text-decoration:none; margin:2em 0; }
.resources .related-albums { float:right; vertical-align:middle; margin:0; margin-left:145px; }
.resources .related-albums h2 { margin-bottom:10px; line-height:1.2; font-size:12px; color:#666; text-transform:uppercase; letter-spacing:0.1em; margin-left:25px; }
.resources ul li { float:left; list-style:none; text-align:center; margin-left:10px; width:130px; line-height:1.3; }
.resources ul li:first-child { margin:0; }
.resources li a { text-decoration:none; font-size:11px; font-weight:bold; }
.resources li img { display:block; margin:0 auto 4px auto; border:1px solid #ccc; border-radius:7px; }
.filter li { cursor:pointer; margin:0 !important; -webkit-transition:.15s ease-out all; -moz-transition:.15s ease-out all; transition:.15s ease-out all; }
.filter li.drop-here > span { background:#239731; padding-left:10px !important; border-radius:100px; color:white !important; }
.filter li.drop-here.active { background:transparent; }
.filter li.drop-here.active:before { left:50px; }
.filter li.drop-hover > span { background:#115c1a; }
.filter li > span { display:block; margin:3px 0; padding:5px 0; -webkit-transition:.15s ease-out all; -moz-transition:.15s ease-out all; transition:.15s ease-out all; }
.filter li.active:before { position:absolute; content:"\00a0"; width:0; height:0; border-style:solid; border-width:14px; border-color: transparent #222 transparent transparent; border-color: transparent #222 transparent transparent; left:-28px; top:50%; margin-top:-14px; }
.filter li.active { background:#222; border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; }
.filter.editing li { color:#999; }
.filter.editing .add-another { color:#999; opacity:.5; }
.filter.editing li.active { background:#ccc; }
.filter.editing li.active span { color:#999; }
.filter.editing li.active:before { border-right-color:#ccc; }
.filter li.active span { color:#fff; padding:5px 0; }
.filter li a { display:block; padding:5px 0; }
.song-info .dropdown { position:relative; vertical-align:middle; display:inline-block !important; top:auto !important; }
.song-info .dropdown.key > div { top:24px; width:32px; }
.song-info .dropdown > a { display:block !important; padding:6px 24px 6px 10px !important; }
.radio-single { display:inline-block; position:relative; vertical-align:middle; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:6px 24px 6px 10px !important; border:1px solid #ccc; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font-size:13px !important; font-weight:normal; }
.radio-single input { width:auto !important; display:inline !important; }
.radio-single label { font-size:13px !important; font-weight:normal !important; display:inline !important; }
.song-action { position:absolute; right:0; text-align: right; display:inline;  padding-top: 5px }
.song-action a { color:#cc1922; padding-right: 0px; vertical-align: middle; }
#used-in-services.filter a { text-decoration:underline; padding:2px 0; }
/* @end */

/*Entry*/
#formEntry { width: 650px; }
#songBody { font-family:monospace; font-size: 14px; height: 250px; width: 600px;}
#songFileUploadStatus { display: none; background-image:url('../images/ajax-uploading-inline.gif'); background-position: left center; background-repeat:no-repeat; padding-left: 25px}

/* PRINT OPTIONS */

.printcolumn { position:relative; float:left; height: 18px; }
.printcolumn input[type="text"] { width: 30px; padding: 0px; font-size: 12px }
.printcolumn input[type="radio"], .printcolumn input[type="checkbox"] { width: 20px; padding: 0px; }
.column1 { width: 225px;  }
.column3 { width: 175px;  }
.column2 { width: 80px;  }
.column4 { width: 70px; }
.column1short { width: 80px;  }
.column2short { width: 175px; }
.column3short { width: 120px; }

.overlay .set-print form .printrow { position:relative; width:100%; overflow:hidden; margin-bottom: 7px; }
.overlay .set-print .dropdown { position:relative; vertical-align:middle; display:inline-block !important; top:auto !important;  }
.overlay .set-print .dropdown > div { position:absolute; top:26px; width: 100px; max-height:170px; overflow:auto  }
.overlay .set-print .dropdown.font-size > div { width:42px; top: 16px; max-height:80px; overflow:auto; }
.overlay .set-print .dropdown.font-face > div { top: 16px; }
.overlay .set-print .dropdown.fit > div { top: 16px; }
.overlay .set-print hr.thin { margin: 5px; }
.overlay .set-print hr.thick { margin-top: 20px; }

.overlay .print-song form .printrow { position:relative; width:100%; overflow:hidden; margin-bottom: 17px; }
.overlay .print-song .dropdown { position:relative; vertical-align:middle; display:inline-block !important; top:auto !important;  }
.overlay .print-song .dropdown.font-face > div { width:105px; top: 16px; max-height:100px; overflow:auto; }
.overlay .print-song .dropdown.font-size > div { width:42px; top: 16px; max-height:120px; overflow:auto; }
.overlay .print-song .dropdown.margin > div { width:40px; top: 16px; max-height:100px; overflow:auto; }

/* EXPORT SET */
.overlay .set-export form { padding:0 !important; }
.overlay .set-export form .exportrow { position:relative; height: 30px; width:100%; margin-bottom: 7px; padding: 0px; }
.overlay .set-export form .exportrow .column { position:relative; float:left; }
.overlay .set-export form .exportrow .column1 { width: 75px;  }
.overlay .set-export form .exportrow .column2 { width: 200px; }
.overlay .set-export form .exportrow .column3 { width: 75px;  }
.overlay .set-export form .exportrow .column4 { width: 200px; }
.overlay .set-export form .exportrow .columnShort { width: 65px; }


.overlay .set-export .dropdown { display: inline; }
.overlay .set-export .dropdown > div { top: 16px; }
.overlay .set-export .dropdown.set-export-options { font-size: 16px; padding:0px !important;  }
.overlay .set-export .dropdown.set-export-options > div { width: 270px; top: 20px; }

.overlay .set-export .dropdown.font-face > div { width: 110px; }
.overlay .set-export .dropdown.font-color > div { width: 52px; }
.overlay .set-export .dropdown.background-color > div { width: 52px; }
.overlay .set-export .dropdown.text-align > div { width: 53px;  }

.overlay .set-export .dropdown.title-size > div { width: 28px; }
.overlay .set-export .dropdown.lyric-size > div { width: 28px; }
.overlay .set-export .dropdown.licensing-size > div { width: 50px; }
.overlay .set-export .dropdown.lines-per-slide > div { width: 75px; }

#powerPointOptions { display: none; }
#exportPreview { position:relative; top: -10px; border-width: thick; border-color: grey; border-style: inset; background-color: #000; width: 180px; height: 130px; float: right; margin-right: 50px; text-align: center; }
#exportPreviewText { position:absolute !important; width: 100%; top: 135px !important; height:10em; margin-top:-5em; font-size: 16px; text-align: center; color: #fff; font-family: "Courier New"; font-weight: bold; }

/*New Service modal*/
.overlay.add-new-service { height:345px !important; }
.overlay .new-service .column { width:30% !important; }
.overlay .new-service .column + .column { margin-left:4%; width:66% !important; }
.overlay .new-service input { margin-bottom:24px; }
.overlay .new-service label { display:block; margin-bottom:5px; }
.overlay .new-service .chzn-container { float:left; margin-right:24px; width:120px !important; }
.overlay .new-service .to { margin: 0 0; line-height: 38px; float: left; margin-right: 12px; }

/*@group [People]
============================
============================*/
body.people .item-list li .message { position:absolute; right:20px; top:10px; }
body.people .people .item-list li h2 { margin-left:70px; }
body.people .people .item-list li h2 span { text-overflow:auto; overflow:visible; width:100%; }
body.people .teams .item-list li h2 { margin-left:0; }
body.people .teams .item-list li { height:30px; }
li.declined { height:auto !important; }
li.declined h2 { display:block !important; font-size:14px; font-weight:bold; }
li.declined a { display:inline !important; }
/* @end */

/*@group [Files]
============================
============================*/
/*body.files .files .item-list li { height:35px; }*/
body.file-list .files .item-list li { padding-left:30px !important; }
/* @end */

/*@group [Event Wizard]
============================
============================*/

#wizard { margin:0; border-bottom:1px solid #dedede; height:60px; font-size:18px; font-weight:bold; background:#fff; position:relative; top:-1px; /*text-align:center;*/ overflow:hidden; }
#wizard li { float:left; text-align:center; margin:0; border-right:1px solid #dedede; height:60px; line-height:60px; list-style:none; }
#wizard li a { display:block; padding:0 25px; /*background:url(../images/icons/wizard-arrow.png) right center no-repeat;*/  text-decoration:none; color:#666; line-height:60px; }
#wizard li a:hover { background:#fdefcc; }
#wizard li.current a { background:#dcdcdc; -webkit-box-shadow:0 -6px 20px rgba(0,0,0,.25); -moz-box-shadow:0 -6px 20px rgba(0,0,0,.25); box-shadow:0 -6px 20px rgba(0,0,0,.25); text-shadow:0 1px 1px #fff; }
body.event-wizard .radio-single { position:absolute; left:215px; top:0; display:block; border:none; }
body.event-wizard .radio-single label { padding:0; }
body.event-wizard .dropdown > div { top:22px; }
body.event-wizard .dropdown.active { -webkit-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

/* @end */

/*@group [Help Desk]
============================
============================*/
.ticket-info { padding:20px; }
.ticket-info p { margin:0; }
.ticket-info header { overflow:visible; min-height:48px; margin-bottom:10px; padding:0; background:transparent; height:auto; border:none; height:auto; }
.ticket-info header h1 { font-size:32px; line-height:1.3; width:70%; }
.ticket-info header h2 { padding-top: 10px; margin-top:0px; margin-bottom:0; font-size:14px; line-height:1.3; color:#666; clear:both; }
.ticket-info header h2 dl { float:left; margin-left:0px; display:inline; float:none; }
.ticket-info header h2 dt, .ticket-info header h2 dd { display:inline; }
.ticket-info header h2 dt { font-weight:bold; padding-right: 5px; }
.ticket-info header h2 dd { font-weight:normal; padding-right: 50px; }
.ticket-content { padding:20px 30px 5px; font-size:14px; }
.ticket-message img { float: left; margin-right: 15px; margin-bottom: 5px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; top:12px; }
.ticket-message a { display: inline; font-size: 18px; text-decoration:none; }
.ticket-message p { padding-top: 5px; margin: 0px }

.message-footer { overflow:hidden; padding: 10px 5px 5px; text-align: right;  color:#666;}
.reply .module .ajax-content form textarea { height: 325px;}

.ajax-content .dropdown.reason { position:relative; vertical-align:middle; display:inline-block !important; top:auto !important; }
.ajax-content label { position: relative; vertical-align:middle; font-size:16px; font-weight:700; padding-right:10px; color:#666; }

/* @end */

/*@group [Account Info]
============================
============================*/

body.account-info .wrapper { overflow:hidden; color:#333; }
body.account-info .teams.info p { position:relative; }
body.account-info .content-a, body.account-info .content-b { float:left; width:45%; }
body.account-info .content-b { float:right; }
body.account-info .content-b > div { margin-bottom:24px; }
body.account-info .content-a > div, body.account-info .content-b > div { position:relative; }
body.account-info .wrapper > div h2 { margin-bottom:10px; color:#aaa; text-transform:uppercase; letter-spacing:.2em; font-size:12px; border-bottom:1px solid #ccc; padding-bottom:5px; }
body.account-info .wrapper > div a.edit { position:absolute; right:0; top:0; display:block; width:16px; height:16px; background:url(../images/icons/account-info-edit.png) no-repeat; text-indent:-9999px; margin-bottom:5px; }
body.account-info dl dd { font-weight:bold; margin-bottom:10px; }
.basic-info { margin:0 !important; }
.plan .plan-type { margin-bottom:20px; overflow:hidden; }
.plan .plan-type > div { float:left; width:45%; background:#666; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid #ccc; text-align:center; color:#fff; padding:10px 0; }
.plan .plan-type > div + div { float:right; }
.plan .plan-type > div span { font-size:36px; font-weight:bold; display:block; line-height:1; }
.administrators ul { margin:0; }
.administrators li { list-style:none; margin:0 0 10px 0; border-bottom:1px solid #eee; }
.billing-info { position:relative; clear:left; margin-bottom:20px; }
.billing-info p { margin-bottom:5px; }
.next-bill p { margin-bottom:5px; font-style:italic; }
.storage,
.members { margin-bottom:20px; }
.storage .wrapper,
.members .wrapper { height:20px; padding:0; margin-bottom:5px; background:#ccc; -webkit-border-radius:7px; -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.5); }
.storage .bar,
.members .bar { height:20px; background:-moz-linear-gradient(center top,rgb(204,25,34) 39%,rgb(173,0,9) 73%
); background:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgb(206,23,32)), color-stop(0.73, rgb(173,0,9))); overflow:hidden; border-top:1px solid rgba(255,255,255,.30);  }
.storage p,
.members p { font-style:italic; }
.account-info header .button.delete { background-image:-moz-linear-gradient(center top,rgb(204,25,34) 39%,rgb(173,0,9) 73%); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgba(206,23,32,1)), color-stop(0.73, rgba(173,0,9,1))); color:#fff; font-weight:bold; }
.account-info header .button.delete span { display:none; }
.cancel-account a { color: #ce1720; text-decoration: none; font-weight: bold; }
.cancel-account .icon { width: 16px; height: 16px; display: inline-block; background: url(../images/icons/cancel-16.png) no-repeat; vertical-align: -0.3em; margin-right: 0.25em; }

/*Delete person dialog*/
.dialogAjax.delete-person { height:auto; }
.dialogAjax.delete-person .content { padding:20px; }
.dialogAjax.delete-person .ui-dialog-buttonset { padding:20px; }

/*Edit dialogs*/
.dialogAjax.edit-account-info { height:auto; }
.dialogAjax.edit-account-info label { display:block; clear:both; margin-bottom:4px; }
.dialogAjax.edit-account-info .content { padding:20px; }
.dialogAjax.edit-account-info .ui-dialog-buttonset { padding:20px; }
.dialogAjax.edit-account-info.edit-plan .row { padding-bottom:100px; }
.dialogAjax.edit-account-info #cc_month_chzn { width:120px !important; float:left; }
.dialogAjax.edit-account-info #cc_year_chzn { width:120px !important; float:left; margin-left:24px; }
.dialogAjax.edit-account-info.edit-plan .ui-dialog-content { overflow:visible; }
.dialogAjax.edit-account-info.edit-billing-info .ui-dialog-content { padding-bottom:100px; }
.dialogAjax.edit-account-info.edit-billing-info form .row.columns .column.city { width:40%; }
.dialogAjax.edit-account-info.edit-billing-info form .row.columns .column.state { width:18%; margin-right:2%; }
.dialogAjax.edit-account-info.edit-billing-info form .row.columns .column.zip { width:34%; }
.dialogAjax.transfer-ownership .content,
.dialogAjax.transfer-ownership .ui-dialog-buttonset { padding:20px; }
.dialogAjax.transfer-ownership form label + label { margin-left:24px; }

/*Generic padding*/
.dialogAjax .content {
  padding:20px;
}
.dialogAjax .ui-dialog-buttonset {
  padding:20px;
}
/* @end */

/*@people [Person Edit]
============================
============================*/

body.person-edit .wrapper { overflow:hidden; color:#333; }
body.person-edit .content-a, body.person-edit .content-b { float:left; width:45%; }
body.person-edit .content-b { float:right; }
body.person-edit .content-a > div, body.person-edit .content-b > div { position:relative; }
body.person-edit .wrapper > div h2 { margin-bottom:10px; color:#aaa; text-transform:uppercase; letter-spacing:.2em; font-size:12px; border-bottom:1px solid #ccc; padding-bottom:5px; }
body.person-edit .wrapper > div a.edit { position:absolute; right:0; top:0; display:block; width:16px; height:16px; background:url(../images/icons/account-info-edit.png) no-repeat; text-indent:-9999px; margin-bottom:5px; }
body.person-edit dl dd { font-weight:bold; margin-bottom:10px; }
.basic-info { margin:0 !important; }
.basic-info img { margin-top: 5px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.content-b .info { position:relative; clear:left; margin-bottom:20px; }
.content-b .info p { margin-bottom:5px; font-weight:bold; }
/* @end */

.overlay .edit-skills form { padding:0 !important; }
.overlay .edit-skills .positions { overflow: auto; padding-top: 20px; }
.overlay .edit-skills .positions a { display:inline-block; padding:3px 5px; white-space:nowrap; line-height:1.4; margin-bottom:5px; }
.overlay .edit-skills .positions .active { text-decoration:none; color:#000; padding-left:20px !important; background-image:url(../images/icons/delete-alt-12.png); background-repeat:no-repeat; background-position: 5px center; }
.overlay .edit-skills .positions .active:hover { background-color:#aaa; }
.overlay .edit-skills nav { position: absolute; top: 23px; left: 200px; }
.overlay .edit-skills nav ul { text-align:left; list-style:none; margin: 0px; }
.overlay .edit-skills nav li { display: inline; margin: 5px; }
.overlay .edit-skills nav li a { text-decoration: none; }
.overlay .edit-skills nav li.current { background:#222; color:#FFFFFF; padding: 5px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
.overlay .edit-skills nav li.current  a { color: #fff; text-decoration: none; text-shadow: 0px 0px }

/*@people [Image Edit] */
.overlay .edit-image .close { bottom:20px; }
.overlay .edit-image .add { bottom:20px; padding-right:15px !important; }
.overlay .edit-image .add span { display:none; }
.overlay .edit-image header h1 { line-height:24px; }
.overlay .edit-image form { padding:0 !important; }
.overlay .edit-image .row { width:30%; float:left; padding-top: 5px; }
.overlay .edit-image .row .instructions { font-size: 14px; line-height: 150% }
.overlay .edit-image .row + .row { width:70%; padding-top: 5px; }
.overlay .edit-image .row img { margin-top: 5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }

/* @end */

/*@group [jPlayer]
============================
============================*/
.jp-playlist-player li { margin:0; }
div.jp-playlist-player { margin-top:-28px; margin-bottom:12px; -webkit-border-radius:7px; background:#eee; height:50px; position:relative; }
div.jp-interface { height:50px; border:none; width:60%; background:transparent; }
a.jp-play, a.jp-pause { top:5px; }
a.jp-next, a.jp-previous { top:11px; }
#jplayer_volume_max, #jplayer_stop { display:none; }
div.jp-playlist-player div.jp-progress { top:12px; left:145px; right:100px; width:auto !important; }
div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time { left:145px; top:30px; right:100px; width:auto !important; }
div.jp-playlist-player div.jp-volume-bar { left:auto; right:0; top:5px; }
div.volume-wrapper { width:65px; position:absolute; right:0; top:18px; }
div.jp-playlist-player a.jp-volume-min { display:block; text-indent:-99999px; overflow:hidden; width:18px; height:15px; background-position:0 -170px; }
#jplayer_playlist { height:36px; position:absolute; right:20px; top:0;  width:35%; z-index:1200; }
div.jp-playlist { height:36px; font-size:11px; line-height:22px; margin:0 !important; }
div.jp-playlist > a { display:block !important; height:22px !important; }
div.jp-playlist ol { display:none; border-top:1px solid #ccc; max-height:300px; overflow:auto; position:absolute; background:#fff !important; padding:0 !important; border:none; left:0; right:0; top:35px !important; border:1px solid #ccc; border-top:none; }
div.jp-playlist-player div.jp-playlist li { border:none; padding:0 10px !important; list-style-type:decimal !important; list-style-position:inside !important; line-height:3; }
div.jp-playlist.active > a { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }

/*Service Player jPlayer*/
body.service-player div.jp-playlist-player { background:#20252c; margin:0; height:75px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
body.service-player div.jp-playlist-player + .module { -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-top-left-radius:0; border-top-right-radius:0; }
body.service-player a.jp-next, body.service-player a.jp-previous { top:24px; }
body.service-player a.jp-play, body.service-player a.jp-pause { top:18px; }
body.service-player div.jp-playlist-player div.jp-progress { top:24px; }
body.service-player div.jp-playlist-player div.jp-play-time, body.service-player div.jp-playlist-player div.jp-total-time { top:44px; }
body.service-player div.volume-wrapper { top:30px; }
body.service-player #jplayer_playlist { top:12px; }
body.service-player .song-info header h1 { float:none; width:100%; }

/*Song Individual jPlayer*/
body.song-individual div.jp-interface { width:100%; }
body.song-individual div.volume-wrapper { right:20px; }
body.song-individual div.jp-playlist-player div.jp-progress { right:120px; }
body.song-individual div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time { right:120px; }

/* @end */

/*@group [ADD A SONG]
============================
============================*/

.attached-files h2 { font-size:12px; text-transform:uppercase; color:#666; border-bottom:1px solid #ccc; padding-bottom:5px; letter-spacing:.1em; margin-bottom:10px; }
.attached-files li { position:relative; list-style:none; margin:0 0 10px 0; }
.attached-files .options { display:block; left:auto; right:0; background:transparent; border:none; }
.attached-files .options a.default { width:auto; margin-right:5px; text-indent:0; text-decoration:none; color:#CC1922; }
.attached-files .options a.default.active { color:#333; }

/* @end */

/*@group [TABS]
============================
============================*/

.tabs-nav, .tabs-content { margin:0; list-style:none; }
.tabs-content,  #tabs-1, #tabs-2 { border:1px solid #ccc; border-top:none; position:relative; }
#tabs .tabs-nav li { float:left; margin:0 0 0 10px; border:1px solid #ccc; border-bottom:none; padding:10px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; cursor:pointer; background:#eee; }
#tabs .tabs-nav .ui-state-default { background: white; }
#tabs .tabs-nav .ui-tabs-selected { background:#fff; background:-webkit-gradient(linear,left top,left bottom, color-stop(0, rgb(247,247,247)), color-stop(0.75, rgb(220,220,220))); background:-moz-linear-gradient(center top,rgb(247,247,247) 0%,rgb(220,220,220) 75%); }
#tabs .tabs-nav li:first-child { margin:0; left: -2px; }

.tabs-nav { border-bottom:1px solid #ccc; }
.tabs-nav li { float:left; margin:0 0 0 10px;  }
.tabs-nav li a { display:block; padding:10px 12px; position: relative; border:1px solid #ccc; border-bottom:none; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; cursor:pointer; background:#eee; color:#999; min-width:60px; text-align:center; position: relative; top:1px; }
.tabs-nav a.current { border-bottom:1px solid white; background:white; color:black; }
.tabs-nav li:first-child { margin:0; }
.tabs-content { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.tabs-content > div { display:none; padding:10px; }
.tabs-content textarea { width:588px !important; }

.song-list-tabs { clear:both; margin-bottom:30px; }
.song-list-tabs header { border:none !important; margin-bottom:0 !important; overflow:visible; }
.song-list-tabs header .actions { position:relative; top:-25px; z-index:5; }
.song-list-tabs nav { border-top:1px solid #ccc; padding-top:10px; }
.song-list-tabs .add-another { float:left; }
.song-list-tabs .pagination { padding:0; border:none; float:right; position:relative; top:-7px; }
.song-list-tabs .pagination li { display:inline-block !important; margin:1px 1px !important; vertical-align:middle; }
.song-list-tabs .pagination li a { display:inline-block !important; padding:0.25em 0.5em !important; }
.song-list-tabs .pagination li:first-child a { display:inline-block !important; padding:0.25em 0.5em !important; }

.song-list-tabs .tabs { margin-bottom:0; clear:both; overflow:hidden; position:relative; top:2px; z-index:5; }
.song-list-tabs .tabs li { border:1px solid transparent !important; float:left; margin-right:0 !important; padding:0.5em 0.75em !important; vertical-align:bottom; margin-bottom:0 !important; cursor:pointer; }
.song-list-tabs .tabs li.current { position:relative; background:#eee; border:1px solid #ccc !important; border-bottom:none !important; }

.overlay.service-add-songs { min-width:1000px; }
.overlay #add-songs.add-songs { width:75% !important; }
.overlay #add-songs.add-songs + .secondary { width:22% !important; min-width:230px; }
/* "Done Adding" is absolutely positioned at the dialog's bottom-right, i.e. over
   the foot of this panel. A long Lists/Services tab used to run its pagination
   underneath it. Cap the list itself so it scrolls, which keeps each tab's
   pagination -- a sibling of the list, not part of it -- above the button. The
   cap is on the list only: the Ministry/Group/Artist select above stays outside
   the scroll box so its Chosen dropdown is never clipped. */
/* The Lists and Services tabs page 10 rows at a time, so their paging row used to
   land underneath the absolutely-positioned Done button. Capping the list to keep
   them apart cost vertical room and put a scrollbar in the panel, so instead the
   paging row moves onto the same bottom line as the button, immediately to its
   left, and the list keeps the full height of the pane. ".secondary > div" makes
   .song-list-tabs position:relative, which is neutralised here so the row anchors
   to the overlay rather than to the tab block. The button is labelled "Done"
   rather than "Done Adding" in ajax-addsongs.php: the longer label plus a
   three-page pager does not fit the 230px pane. */
/* The button anchors to .overlay, so the paging row has to as well or the two
   sit on different baselines. .secondary, .song-list-tabs and .song-list-content
   are all position:relative by default and each would capture the row, so all
   three are neutralised here. Matching bottom and height then puts the two on
   exactly the same line. */
.overlay #add-songs.add-songs + .secondary,
.overlay #add-songs.add-songs + .secondary .song-list-tabs,
.overlay #add-songs.add-songs + .secondary .song-list-content { position:static; }
/* bottom:2px, settled by eye against the real dialog. 20px -- level with the
   overlay's content box -- floats them well clear of the pane's foot; 0 puts them
   flush with its outer edge. Both values must stay equal: the two are
   bottom-aligned, with the paging box height:auto and its contents flush to the
   foot, so the pager's bottom edge lands exactly on the button's. To sit them
   lower still, reduce this dialog's 20px overlay padding rather than pushing
   these past 0. */
.overlay #add-songs.add-songs ~ .button.close { width:60px; padding:10px 0 !important; text-align:center; bottom:2px; }
.overlay #add-songs.add-songs + .secondary .song-list-content .pagination {
	position:absolute; right:94px; bottom:2px; left:auto; top:auto;
	height:auto; margin:0; padding:0; border:none; float:none;
	display:-webkit-box; display:flex; -webkit-box-align:end; align-items:flex-end;
	white-space:nowrap;
}
/* The page buttons sat a few px above the Done button because the ul is a block
   full of inline-blocks, and its line box adds descender space underneath. Making
   the ul a flex row removes the line box entirely, so its height is exactly the
   buttons' height and their bottom edge lands on the Done button's. Do NOT do
   this with line-height:0 -- that collapses the buttons themselves. */
.overlay #add-songs.add-songs + .secondary .song-list-content .pagination ul {
	float:none; margin:0;
	display:-webkit-box; display:flex; -webkit-box-align:stretch; align-items:stretch;
}
/* Every item takes the row's full height (align-items:stretch above), so all of
   their bottom edges land on the Done button's. Each li then centres its own
   content, which matters for the current page: in short mode build_pagination()
   renders that one as bare text rather than a linked button, and left to itself
   it hangs below the buttons either side of it. */
.overlay #add-songs.add-songs + .secondary .song-list-content .pagination li {
	margin:0 1px !important;
	/* !important because the base rule sets display:inline-block !important; without
	   it this stays a block and the centring below is inert -- which is what left
	   the current page's bare number sitting high and left in its slot. */
	display:-webkit-box !important; display:flex !important;
	-webkit-box-align:center; align-items:center;
	-webkit-box-pack:center; justify-content:center;
}
.overlay #add-songs.add-songs + .secondary .song-list-content .pagination li a { display:block !important; }
/* Reserve the bottom line for the paging row and button so a full page of rows
   ends above them rather than running underneath. */
.overlay #add-songs.add-songs + .secondary .song-list-content ul.droppable { margin-bottom:48px; }
.overlay .song-list-tabs .actions.edit { display:none; }

/* Hover help for the Group Songs / My Songs filters, on both the songs page and
   the Add Songs dialog. Driven by a data-help attribute in CSS rather than qtip:
   these lists are re-rendered by AJAX and the dialog is injected after load, so a
   plugin would need re-initialising each time, and the bundled qtip is a 2009
   pre-release. Flies out to the LEFT because both surfaces sit against the right
   edge, where a right-hand bubble would run off the panel. Only ::after is used
   -- ::before on these items is already the current-filter arrow. */
.view-type-nav li[data-help], .song-list-songs li[data-help] { position:relative; }
.view-type-nav li[data-help]:hover::after,
.song-list-songs li[data-help]:hover::after {
	content:attr(data-help); position:absolute; right:100%; top:50%;
	-webkit-transform:translateY(-50%); transform:translateY(-50%);
	margin-right:12px; width:230px; padding:8px 10px;
	background:#222; color:#fff; font-size:11px; font-weight:normal; line-height:1.45;
	text-align:left; white-space:normal; text-transform:none; letter-spacing:normal;
	border-radius:5px; box-shadow:0 2px 8px rgba(0,0,0,.35);
	z-index:30000; pointer-events:none;
}
.overlay .tabs li { color:white; }
.overlay .tabs li.current { background:#666; }
.overlay .pagination li a { color:#333 !important; }
.overlay .song-list-tabs .add-another { color:white; }
.overlay .pagination li { color:white; }
.overlay .pagination li a { color:#333; }
/* @end */

/*@group [FOOTER]
============================
============================*/

footer { padding:0 30px; overflow:hidden; clear:both; margin-bottom:20px; padding:0 30px; }
footer li { float:left; list-style:none; border-left:1px solid #ccc; margin-left:10px; padding-left:10px; line-height:1; }
footer li:first-child { margin:0; padding:0; border:none; }
footer p { float:right; }

/* @end */

.ajax-loading-overlay { position: relative;  left: 20px;top: 5px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }


/*@group [MEDIA ENQUIRIES]
============================
============================*/

@media screen and (max-width: 640px) {
  body > header nav li { margin-left:5px; }
}
@media screen and (max-width: 530px) {
  body > header nav ul {float:none;margin-top:60px;}
  body > header nav li { float:none; border-bottom:1px solid rgba(255,255,255,.3); width:100%; display:block; }
  body > header nav li:first-child { margin:0; }
  body > header nav li a { display:block; }
  body > header nav li.active a { border-radius:0; }
}

/* @end */

/*****************************

NEW SCREENS

******************************/

/*Single page styling*/
body.single-page section.main { width:760px; margin:0 auto; float:none; }
body.single-page > footer { margin-top:30px; }
body.single-page > footer p { float:none; text-align:center; }
body.single-page .module.single .wrapper { padding:50px; }
body.single-page .module.single > header + .wrapper { padding-top:25px; }

/*Create Account*/
body.account-create input[type="text"], body.account-create input[type="password"], body.account-create input[type="email"] { padding:10px 5px; }
body.account-create form .row { margin-bottom:24px; }
body.account-create #container > p:first-child { text-rendering: optimizeLegibility; text-align:center; font-size:24px; margin-bottom:40px; line-height:1; }
body.account-create #container > p:first-child a { font-weight:bold; }
body.account-create .wrapper > p:first-child { text-align:center; padding:0 60px; }
body.account-create .wrapper > p:first-child + p { text-align:center; padding:0 60px; }
body.account-create .radio-single { border:none; padding-left:0 !important; }
body.account-create .overlay .terms textarea { height:142px; }
body.account-create fieldset > h2 { margin-top:36px; }
body.account-create fieldset:first-child > h2 { margin-top:0; }
#cc_month_chzn_chzn { max-width:90% !important; float:left; }
#cc_year_chzn_chzn { max-width:90% !important; float:left; }
body.account-create .chzn-container ~ .chzn-container { max-width:60% !important; margin-left:24px; }

/*Create Account - Group*/
body.account-create.group .module.single form { padding-top:0; }
body.account-create.group .street2, body.account-create.group .city, body.account-create.group .state, body.account-create.group .province { display:none; }
body.account-create.group .creditcard { padding-bottom:26px; background:url(../images/create-account/accept-cc.png) left bottom no-repeat; }
body.account-create.group .promo-code { margin-bottom:24px; }
body.account-create #cc_month_chzn { width:120px !important; float:left; }
body.account-create #cc_year_chzn { width:120px !important; float:left; margin-left:24px; }

/*Cancel Account*/
body.account-cancel .dropdown { margin-top:5px; display:block; }
body.account-cancel .dropdown > a { display:inline-block !important; padding-top:15px !important; padding-bottom:14px !important; }
body.account-cancel .dropdown.active { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
body.account-cancel .notes { width:100%; }
body.account-cancel .notes textarea { height:120px !important; }
body.account-cancel .radio-single { border:none; padding-left:0 !important; width:100%; }

/*Reactivate Account*/
/*body.account-reactivate form .row { width:100%; }*/
/*body.account-reactivate form .row.city, body.account-reactivate form .row.zip { width:50%; }*/
body.account-reactivate .street2, body.account-reactivate .city, body.account-reactivate .state, body.account-reactivate .province { display:none; }
body.account-reactivate .creditcard { padding-bottom:26px; background:url(../images/create-account/accept-cc.png) left bottom no-repeat; }


/*Invoices*/
body.account-invoices table { border-collapse:collapse; }
body.account-invoices table thead { margin-bottom:10px; }
body.account-invoices thead th:first-child { border-top:2px solid #ccc; border-bottom:2px solid #ccc; color:black; }
body.account-invoices thead th { padding:7px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:transparent; color:black; text-shadow:none; border-radius:0; }
body.account-invoices tbody tr { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
body.account-invoices td.closed { background:#eee url(../images/icons/check-16.png) center center no-repeat; text-indent:-9999px; }

table td.error { color:#d10e0e; font-weight:bold; }
table tr.notes { border-bottom:0 !important; }
table tr.notes + tr { border-top:0; }
table tr.notes + tr td { text-align:left; }
table tr.notes + tr ul { padding:10px; margin:0; background: #FDEFCC; border: 3px solid #D7CAAA; }
table tr.notes + tr li { margin:0; list-style:none; }

.table-list header, .table-list li { display:table; width:100%; text-align:center; padding:0; background:transparent; margin:0; }
.table-list header { border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding:10px 0; font-weight:bold; border-radius:0; }
.table-list span { display:table-cell; text-align:center; padding:10px; }

/*Printing Load Screen*/
body.printing section { min-height:500px; }
body.printing section > p { padding-top:90px; margin-top:100px; min-height:200px; background:url(../images/ajax-spinner.gif) center top no-repeat; text-align:center; color:#666; }

/*****************************

NEW CHANGES 1/14/12

******************************/

/*New form styling*/
form.new-style { max-width:800px; }
form.new-style label { font-size:14px !important; color:black !important; }
form.new-style label span { color:red; }
form.new-style .row { width:auto; }
/*form .row.columns .row { width:auto; }*/
form .row.columns .column { width:50%; }
form.new-style input,
form.new-style textarea,
form.new-style select { width:90%; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; padding:10px 6px !important; padding:10px 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
form.new-style textarea { display:block; resize:none; }
form.new-style input[type="file"] { padding-left:0 !important; text-align:center; }

/*Add Song*/
.import-file { color:#666; }

.overlay.smallest .import-file + .button.add { right:112px !important; }

body.add-song header .button { padding-left:10px !important; }
body.add-song header .button span { display:none; }

form.new-style .copyright-wrapper > .row, { max-width:90%; }
form.new-style .copyright-wrapper .copyright-single { width:auto; }
form.new-style .year { width:18%; margin-right:3% !important; float:left; }
form.new-style .copyright-wrapper .chzn-container { width:79% !important; float:left; }

.tabs.song-body .tabs-nav,
.tabs.song-body .tabs-content { max-width:90%; }

#default-song-view { position: relative; }
#default-song-view textarea.hidden { color:white; }
#default-song-view > p:first-child { margin:4px 0 10px; color:#999; }
#default-song-view #song-view { overflow:auto; min-height:200px; max-height:600px; width:100% !important; font-family: "droid-sans-mono-1","droid-sans-mono-2","Courier New",Courier; line-height: 1.3; letter-spacing: -0.05em; margin-bottom: 0; font-size:14px; white-space:pre-wrap; padding:10px 10px 40px; border:1px solid #ccc; color:black; font-weight:bold; font-size:16px; line-height:1.4; }
#song-view.song-view-disabled { background:#eee; color:#777 !important; }
#default-song-view #song-view-controls { position:absolute; bottom:0; height:35px; border:1px solid #ccc; left:0; right:0; background:white; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#default-song-view #song-view-controls > .dropdown { margin-top:3px; margin-left:5px; display:inline-block !important; }
#default-song-view #song-view-controls > .dropdown > a { display:block !important; background-color:transparent; padding:3px 24px 2px 10px !important; }
#default-song-view #song-view-controls > .dropdown.active > a { border:1px solid #ccc; }
#default-song-view #song-view-controls > .dropdown > div { width:auto; min-width:160px; top:25px; }
#default-song-view #song-view-controls > a { position:absolute; top:0; bottom:0; right:10px; line-height:35px; text-decoration:none; }

#default-song-view #pdf-overlay { height:auto; position: absolute; top:1px; right:1px; left:1px; bottom:37px; text-align:center; line-height:165px; display:none; border:none; background:transparent; }
#default-song-view #pdf-overlay span { position:absolute; left:0; right:0; bottom:0; top:30px; color:#999; z-index:1; }
#default-song-view button { position:relative; z-index:100; display:none; }
#default-song-view #pdf-overlay input { position:relative; z-index:1; }

.add-another { font-size:12px; color:#999; text-decoration:none; vertical-align:middle; }
.add-another:before { content:""; width:13px; height:13px; display:inline-block; text-align:center; vertical-align:middle; margin-right:4px; background:url(../images/icons/add-another-16.png) no-repeat; }

form.new-style span.delete { display:block !important; width:24px; height:24px; background:url(../images/icons/delete-16.png) center center no-repeat; position:absolute !important; right:5%; top:50%; margin-top:-12px; text-indent:-9999px; cursor:pointer; }
form.new-style .copyright-single span.delete,
form.new-style .scripture-single span.delete { right:-32px; }

/*****************************

NEW CHANGES 1/21/12

Add Song Advanced

******************************/

form .row.columns.characteristics .column { width:25%; margin-right:1%; }
form .row.columns.characteristics .meter { width:22%; margin-right:0; }
form .row.columns.characteristics .meter input { width:100%; }

body.add-song-advanced #default-song-view,
body.add-song #default-song-view { margin-bottom:10px; }
body.add-song-advanced .copyright-single .chzn-container { width:58% !important; margin-right:3% !important; float:left; }
body.add-song-advanced .percentage { width:18%; float:left; }

body.add-song-advanced .scripture-wrapper .scripture-single { width:100%; }
body.add-song-advanced .scripture-wrapper .chzn-container { width:40% !important; float:left; margin-right:3%; }
body.add-song-advanced .scripture-wrapper .verse { width:14%; }
body.add-song-advanced .audio-mp3 .info { width:90%; }
body.add-song-advanced .audio-mp3 .album,
body.add-song-advanced .audio-mp3 .artist,
body.add-song-advanced .audio-mp3 .track { width:23%; float:left; margin-right:3%; }
body.add-song-advanced .audio-mp3 .upc { width:23%; }
body.add-song-advanced .audio-wrapper .copyright-single { width:90%; }
body.add-song-advanced .audio-mp3 .album { clear:left; }
body.add-song-advanced .audio-mp3 .chzn-container { float:left; width:22% !important; }
body.add-song-advanced .audio-mp3 .chzn-search { display:none; }
body.add-song-advanced .audio-wrapper .file { display:block; clear:both; width:100%; }
body.add-song-advanced .song-view { position: relative; }
body.add-song-advanced .song-view .button { background:transparent; color:#00539f; display:inline-block; text-shadow:none; padding:0 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none; margin:0; font-size:13px; font-weight:normal; position: absolute; right:10%; top:0; }
body.add-song-advanced input.default-view,
body.add-song input.default-view { width:auto; display:inline; }
body.add-song-advanced .files .chzn-container { margin-bottom:12px; }

/*****************************

NEW CHANGES 1/31/12

Advanced Add Song Segment Editor

******************************/
.overlay.segment-editor { width:auto; height:auto; position:fixed; top:40px !important; right:40px !important; bottom:40px !important; left:40px !important; /*-webkit-border-radius:0; border-radius:0;*/ }
.overlay.segment-editor section.main { position:absolute; left:0; top:0; right:0; bottom:65px; height:auto; width:auto !important; overflow:hidden; }
.overlay.segment-editor .module { overflow:hidden; }
.overlay.segment-editor .module header { z-index:1200; }
.overlay.segment-editor .module .ajax-content { overflow:scroll; overflow-x:hidden; position:absolute; left:0; right:0; top:0; bottom:0; padding-top:65px; }
#segment-wrapper { border:1px solid #ccc; margin:20px; margin-bottom:100px; }
#segment-wrapper > li { position:relative; margin:0; padding:15px !important; border-top:1px solid #ccc; list-style:none; background:white; color:#666; cursor:auto !important; min-height:37px; }
#segment-wrapper > li.reference,
#segment-wrapper > li.reference:hover { padding-left:48px !important; background:#eee; line-height:37px; font-size:16px; font-weight:bold; color:#999; }
#segment-wrapper > li.reference .segment-actions + span:before { content:''; display:block; width:24px; height:24px; background:url(../images/icons/sprite-segment-editor.png) -73px 0 no-repeat; text-indent:-9999px; position:absolute; left:15px; top:50%; margin-top:-11px; }
#segment-wrapper > li:hover { background:#fdefcc; }
#segment-wrapper > li:hover .body { background:white; }
#segment-wrapper > li:first-child { border-top:none; }
#segment-wrapper > li.ui-sortable-helper { border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; background:#fdefcc; }
#segment-wrapper > li.highlight { background:#eee; }
#segment-wrapper input,
#segment-wrapper textarea { display:block; width:99%; font-weight:bold; color:black; resize:none; }
#segment-wrapper textarea { min-height:75px; max-height:200px; height:100%; font-family:"Courier New",Courier, monospace; font-size:13px; font-weight:normal !important; }
#segment-wrapper input.disabled,
#segment-wrapper textarea.disabled { background:transparent !important; border:none !important; color:black !important; opacity:1 !important; }
#segment-wrapper .segment-actions { position:absolute; right:10px; top:10px; }
#segment-wrapper .segment-actions .button { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0 !important; font-size: 12px; background: #323A43; color: white; -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 0 7px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 0 7px rgba(0,0,0,.3); text-decoration: none; }
#segment-wrapper .segment-actions li { list-style:none; padding:0 !important; float:left; cursor:pointer; display:block; width:45px; height:45px; background:#eee; margin-left:10px; }
#segment-wrapper .segment-actions li span { width:24px; height:24px; background:url(../images/icons/sprite-segment-editor.png) no-repeat; text-indent:-9999px; }
#segment-wrapper .segment-actions li.reference span { background-position:-24px 0; }
#segment-wrapper .segment-actions li.delete span { background-position:-49px 0; }
#segment-wrapper .segment-actions .move { cursor:move !important; }
#segment-wrapper .segment-actions .done { display:none; }

#segment-wrapper .header,
#segment-wrapper .body { border:2px solid transparent; }
#segment-wrapper .header { font-size:14px; font-weight:bold; margin:-15px -15px 0; padding:12px;  }
#segment-wrapper .body { font-size:16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #ccc; padding:10px; min-height:100px; font-family: "droid-sans-mono-1","droid-sans-mono-2","Courier New",Courier; line-height:1.3; letter-spacing:-0.05em; margin-bottom:0; white-space:pre; }
#segment-wrapper .header input { display:inline; width:30px; margin:0; padding:10px 5px !important; font-size:16px; }
#segment-wrapper .header .chzn-container { width:120px !important; max-width:120px !important; }
#segment-wrapper .header .chzn-container .chzn-search { display:none; }
#segment-wrapper .header .chzn-container .chzn-results li { padding:7px 7px 8px !important; }
#segment-wrapper .header > div { float:left; margin-right:6px; }
#segment-wrapper .header .key > span { display:inline; display:inline-block; vertical-align:middle; font-size:12px; }

/*Change Song Body Key dialog*/
#change-key { background:url(../images/bg-black-35.png); background:rgba(0,0,0,.35); top:0; right:0; bottom:0; left:0; display:none; }
#change-key .contentWrap { width:320px; height:260px; padding:20px; background:white; z-index:1200; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-130px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#change-key h1 { margin-bottom:12px; }
#change-key label { display:block; }
#change-key label input { float:left; }
#change-key label p { margin-left:24px; margin-bottom:8px; }
#change-key label input + p { font-weight:bold; margin-bottom:0; }
#change-key .button { display:inline-block; margin-top:24px; }
/* GH #135: per-segment Change Key -- same look as #change-key above, but position:fixed (no jQuery Tools) and a high z-index so it stacks over the #ajax-segment-editor overlay; height auto (2 options). */
#segment-change-key { background:url(../images/bg-black-35.png); background:rgba(0,0,0,.35); position:fixed; top:0; right:0; bottom:0; left:0; display:none; z-index:100000; }
#segment-change-key .contentWrap { width:320px; padding:20px 20px 24px; background:white; z-index:100001; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-120px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#segment-change-key h1 { margin-bottom:12px; }
#segment-change-key label { display:block; cursor:pointer; }
#segment-change-key label input { float:left; }
#segment-change-key label p { margin-left:24px; margin-bottom:8px; }
#segment-change-key label input + p { font-weight:bold; margin-bottom:0; }
#segment-change-key .button { display:inline-block; margin-top:24px; }
/* grey "Cancel" -- the look of .button.close, but WITHOUT the .close class (which would close the segment-editor overlay) */
#segment-change-key #sck-cancel { padding:10px; background:-moz-linear-gradient(center top, rgb(247,247,247) 0, rgb(220,220,220) 100%) !important; background:-webkit-gradient(linear,left top,left bottom, color-stop(0,rgb(247,247,247)), color-stop(0.75,rgb(220,220,220))); color:#666; border:1px solid #ccc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; }

/*Upload files*/
.overlay.smallest .upload-file + .button.add { right:106px; }
.song-body .row.files { margin-bottom:10px; }
.song-body .row.files a.upload { margin-top:4px; }

/*Add Song jPlayer*/

body.add-song div.jp-playlist-player,
body.add-song-advanced div.jp-playlist-player {
	margin-top:0 !important;
}

body.add-song #jquery_jplayer,
body.add-song-advanced #jquery_jplayer {
	display:none !important;
}

body.add-song div.jp-playlist-player a.jp-play,
body.add-song div.jp-playlist-player a.jp-pause,
body.add-song-advanced div.jp-playlist-player a.jp-play,
body.add-song-advanced div.jp-playlist-player a.jp-pause {
	left:8px !important;
}

body.add-song li.current-mp3,
body.add-song-advanced li.current-mp3 {
	text-indent:0;
	position:relative;
	left:56px;
	line-height:50px;
}

body.add-song li.current-mp3 a,
body.add-song-advanced li.current-mp3 a {
	text-indent:0;
	position:relative;
}

body.add-song .mp3-actions p,
body.add-song-advanced .mp3-actions p {
	display:inline-block;
}

body.add-song .mp3-actions p.delete-mp3 {
	margin-right:0.5em;
}

body.add-song .mp3-actions p.delete-mp3 a {
	color:#ad0009;
}


/*****************************

Schedule Create

******************************/

#schedule-create { width:680px; }
#schedule-create .start-end-date .column { width:180px; }
#schedule-create .start-end-date .column label { color:#999 !important; }

form.new-style .service-day-wrapper .chzn-container { width:200px !important; float:left; margin-right:24px; }
form.new-style .service-day-wrapper .service-time { width:325px; float:left; }
form.new-style .service-day-wrapper .service-time .chzn-container { width:120px !important; margin-right:12px; }
form.new-style .service-day-wrapper .service-time .to { margin:0 0; line-height:38px; float:left; margin-right:12px; }
form.new-style .service-day-wrapper .service-time .to + .chzn-container { margin-right:0; }

form.new-style .position-wrapper { width:320px !important; }
form.new-style .position-wrapper span.delete { right:-8px; }


/*****************************

People List

******************************/

body.people-list .add-another { color:#666; margin-top:-10px; display:block; }
.options .rename-team { width:auto; height:auto; text-indent:0; float:left; line-height:1.5; color:#cc1922; }
.overlay.overlay-add-another .main.new-team,
.overlay.overlay-rename-team .main.new-team { height:260px; }
.overlay .ajax-content span.error { margin-top: 2px; color: #c10e17; font-weight: bold; }
.overlay.overlay-add-another .button.add,
.overlay.overlay-rename-team .button.add { right:110px; }
.overlay.overlay-add-another,
.overlay.overlay-rename-team { height:260px; }

/*****************************

Person Page

******************************/

body.person .blank { font-weight:normal; font-style:italic; opacity:.5; }
body.person .avatar img { height:150px; border-radius:4px; }
.overlay.edit-teams .row { width:auto; }
.overlay.edit-teams .chzn-container { max-width:100% !important; }
.overlay.edit-teams .button.add { right:108px; }
.overlay.edit-teams .chzn-choices { max-height:119px; overflow:scroll; }
body.person select[multiple] { padding:10px 6px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


/*****************************

Add Team Overlay

******************************/
.overlay.overlay-add-teams .item-list h2 span { width:400px; }
.overlay.overlay-add-teams .item-list .button.invite  { padding-right:24px !important; right:118px; }
.overlay.overlay-add-teams .item-list .button.add { padding-right:14px !important; }

/*****************************

Delete Service Overlay

******************************/
.overlay.overlay-delete .button.delete { right:108px; }

/*****************************

Dashboard Inbox Messages

******************************/

body.inbox .main .item-list li { height:auto; min-height:40px; border-color:#ccc; padding-bottom:0; }
body.inbox .main .item-list li.unread h2 { font-size:14px; font-weight:bold; display:block; }
body.inbox .main .item-list li.read h2 { font-size:14px; font-weight:normal; display:block; }
body.inbox .main .item-list li p { margin:0; color:#444; margin-left:65px; margin-right:40px; }
body.inbox .main .item-list li h2 { font-size:16px; margin-left:65px; color:#444; }
body.inbox .main .item-list li h3 { font-size:14px; color:#444; margin-left:65px; }

body.inbox .main .item-list li .meta { clear:both; overflow:hidden; border-bottom:1px solid #ddd; margin-left:-20px; margin-right:-20px; margin-top:-20px; margin-bottom:10px; padding-top:15px; padding-bottom:15px; padding-left:20px; padding-right:20px; position:relative; }
body.inbox .main .item-list li .meta span { color:#999; }
body.inbox .main .item-list li .message-actions { padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background:transparent; position:relative; top:0; left:65px; overflow:hidden; margin:10px -24px 0; padding:10px 20px 20px; }
body.inbox .main .item-list li .message-actions .button { float:left; padding:6px 8px !important; font-size:12px; }
body.inbox .main .item-list li .message { position:relative; margin-right:160px; min-height:75px; }
body.inbox .main .item-list li .message time { top:4px; right:-160px; }
body.inbox .main .item-list li .reply-wrapper time { top:4px; right:0; }
body.inbox .main .item-list li img { border-radius:7px; left:0; top:6px; }
body.inbox .main .item-list li .message-reply { margin:0 -24px 24px; padding:0 24px 0 89px; display:none; }
body.inbox .main .item-list li .message-reply textarea { display:block; resize:none; width:99%; padding:10px; height:50px; }
body.inbox .main .item-list li .message-reply input { margin-top:14px; }
body.inbox .main .item-list li .reply-wrapper { position:relative; margin-left:65px; margin-top:20px; margin-bottom:20px; min-height:75px; }
body.inbox .main .item-list li .message .unread { font-weight: bold; }

body.inbox .main .item-list li.message-from-wt h2 { color:#ce171f; }

.overlay.message-new .main { width:100% !important; height:475px; }
.overlay.message-new .main .row { width:100% !important; }
.overlay.message-new .main form { padding:20px; }
.overlay.message-new .button { bottom:0 !important; right:0;}
.overlay.message-new .button.add { right:90px; }
.overlay.message-new label { display:block; margin-bottom:10px; }
.overlay.message-new textarea { display:block; width:99%; resize:none; height:120px; }
.overlay.message-new .chzn-container { max-width:100% !important; }
.overlay.message-new .chzn-container li { height:auto; }

/*****************************

Advanced Search

******************************/

.people-list #container .main header,
.file-list #container .main header,
.service-list #container .main header,
.song-list #container .main header { height:45px; }
.people-list #container .main header h1,
.file-list #container .main header h1,
.service-list #container .main header h1,
.song-list #container .main header h1 { line-height:45px; }
a.search-advanced { display: block; font-size:12px; color:#666; line-height:1; }
a.search-advanced-inline { font-size:12px; color:#666; line-height:1; top: -12px !important; }
.advanced-search .content { padding:20px; }
.advanced-search .ui-dialog-buttonset { padding:20px; margin-top:24px; background:white; }
.advanced-search .row { margin-bottom:24px; }
.advanced-search form .row.columns .row { width:100%; margin-bottom:0; }
.advanced-search .row:last-child { margin-bottom:48px; }
.advanced-search .row .column { width:50%; float:left; }
.advanced-search .row.theme .chzn-container { max-width:96% !important; }
.advanced-search .row.keyword input[type="text"],
.advanced-search .row.team .chzn-container { max-width:94% !important; width:94% !important; }
.advanced-search label { font-weight:bold; display:block; margin-bottom:4px; }
.advanced-search input[type="text"] { display:block; width:90%; font-size:14px; }
.advanced-search .chzn-search { display:none; }
.advanced-search .chzn-container-single .chzn-single,
.advanced-search .chzn-container-active .chzn-single { font-size:14px !important; }
.advanced-search .keyword-single .chzn-container { width:24% !important; float:left; margin-right:3%; }
.advanced-search .keyword-single > input[type="text"] { width:42%; float:left; }
.advanced-search label + .keyword-single select:first-child,
.advanced-search label + .keyword-single select:first-child + .chzn-container { display:none; }
.advanced-search .keyword-wrapper .add-another { display:block; margin-top:10px; }
.advanced-search .keyword-single span.delete { right:-8px; }
.advanced-search .keyword-single select:first-child + .chzn-container { width:75px !important; }
.advanced-search .keyword-single + .keyword-single { margin-top:12px; }
.advanced-search .keyword-single + .keyword-single .chzn-container { width:20% !important; }
.advanced-search .keyword-single + .keyword-single > input[type="text"] { width:34% !important; }
.advanced-search .time-signature-meter .column { width:33% !important; }

/*People advanced edit button*/
.button.advanced {
	padding-right:42px !important;
}

/*****************************

Owner/admin switcher

******************************/

.owner-switch,
.admin-switch {
	cursor:pointer;
}

.admin-switch,
.owner-switch,
.is-owner,
.is-admin { display:block; position:absolute; top:18px; margin-top:-8px; left:74px; width:16px; height:16px; background:url(../images/icons/settings-16.png) no-repeat; opacity:.35; cursor:pointer; opacity:0 !important; }

.admin-switch,
.is-admin { top:42px; background:url(../images/icons/lightning-16.png) no-repeat; cursor:pointer; }

.admin-switch:hover,
.owner-switch:hover {
	opacity:1 !important;
}

.is-owner,
.is-admin { opacity:1 !important; }

.owner-switch.is-owner:hover,
.admin-switch.is-admin:hover { opacity:1 !important; }

body.account-info .module.single header:hover .owner-switch,
body.account-info .module.single header:hover .admin-switch {
	opacity:.5 !important;
}

body.account-info .module.single header:hover .owner-switch.is-owner,
body.account-info .module.single header:hover .admin-switch.is-admin {
	opacity:1 !important;
}

body.account-info .module.single header:hover .owner-switch:hover,
body.account-info .module.single header:hover .admin-switch:hover {
	opacity:1 !important;
}

body.account-info .module.single header .owner-switch,
body.account-info .module.single header .is-owner { position:relative; left:0; top:-4px; margin:0; display:inline-block; width:32px; height:32px; background:url(../images/icons/settings-32.png) no-repeat; vertical-align:middle; margin-left:12px; float:none; }
body.account-info .module.single header .admin-switch,
body.account-info .module.single header .is-admin { position:relative; left:0; top:-4px; margin:0; display:inline-block; width:32px; height:32px; background:url(../images/icons/lightning-32.png) no-repeat; vertical-align:middle; margin-left:12px; }
body.account-info .teams.info p { position:relative; }
body.account-info .teams.info .admin-switch,
body.account-info .teams.info .is-admin { position:relative; top:0; left:0; margin:0; display:inline-block; vertical-align:-4px; margin-left:8px; }
body.account-info .teams.info p:hover .admin-switch { opacity:.5 !important; }
body.account-info .teams.info p:hover .admin-switch:hover { opacity:1 !important; }

/*****************************

Song Usage Report

******************************/

body.account-song-usage .module.single .wrapper { padding:0; }
body.account-song-usage .module.single > header + .wrapper { padding:0; }
body.account-song-usage table { border-collapse:collapse; }
body.account-song-usage table thead { margin-bottom:10px; }
body.account-song-usage thead th:first-child { border-top:2px solid #ccc; border-bottom:2px solid #ccc; color:black; }
body.account-song-usage thead th { padding:7px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:transparent; color:black; text-shadow:none; border-radius:0; }
body.account-song-usage tbody tr { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
body.account-song-usage tbody td { background:none; }
body.account-song-usage thead th a { text-decoration:none; color:#333; }
body.account-song-usage .table-sort { position:relative; display:inline-block; width:16px; height:30px; vertical-align:middle; margin-left:4px; }
body.account-song-usage .table-sort span { display:inline-block; width:8px; height:6px; overflow:hidden; position:absolute; top:6px; left:0; background:url(../images/icons/table-sort.png) no-repeat; text-indent:-9999px; opacity:.5; }
body.account-song-usage .table-sort span + span { top:14px; background-position:0 -6px; }
body.account-song-usage thead th a.ascending .table-sort span + span { opacity:1; }
body.account-song-usage thead th a.descending .table-sort span:first-child { opacity:1; }

/*************************

Album Display on Songs

**************************/

#set_list_items img.album-button {opacity:0.9;filter:alpha(opacity=90); position:absolute;; left:0px !important; top:0px !important;  }
#set_list_items img.album-button:hover {opacity:1;filter:alpha(opacity=100);  }

#song_search_output .song-list-authors { display:inline; color:rgba(0,0,0,.5); font-weight: 400 !important; font-size:13px; margin-top:5px; margin-left: 7px; clear:both; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#song_search_output .song-list-artist { display: inline; margin-top:3px; position: absolute;}

#set_list_items .song-list-authors { display:inline; color:rgba(0,0,0,.5); font-size:13px; margin-top:5px; margin-left: 3px; clear:both; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#set_list_items .song-list-artist { display: inline; margin-top:3px; position: relative;}

span.album-cover {display: inline; background-repeat:no-repeat;background-size:contain;height:36px;width:36px;position: absolute; }
img.album-button {opacity:0.9;filter:alpha(opacity=90); left:0px !important; top:0px !important;  }
img.album-button:hover {opacity:1;filter:alpha(opacity=100);  }

#songList span.song-list-authors {display: inline; }

.item-list li.has-version { height: 50px !important;  }

body.service-individual .set-list .item-list li.has-version .dropdown.version {
    top: 50px !important;
}


.colwrap {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 15px;
}
.coverimg {
    flex-basis: 120px;
    display: inline-block;
}
.song-meta {
    flex-basis: 10%;
    min-width: 140px;
    padding: 0 10px 0 0;
    border-right: 1px solid #ccc;
    display: inline-block;
}
.song-meta dl {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
}
.song-meta dt {
    font-weight: bold;
    flex-basis: 100%;
    padding: 2px 5px 0 0;
}
.song-meta dd {
    flex-basis: 100%;
    flex-grow: 1;
    margin: 0;
    padding: 0px;
}
.song-details {
    display: inline-block;
    vertical-align: top;
    flex-basis: 63%;
    flex-grow: 1;
}
@media (max-width: 1024px) {
              .coverimg {
                            display:none;
              }
}
@media (max-width: 1260px) {
              .song-meta {
                            display:none;
              }
}