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

/* @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; }

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

/*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); }
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; }
.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; }

#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; }
.overlay .song-list-tabs .actions.edit { display: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; }

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