html {
	height: 100% !important;
	padding: 0;
	margin: 0;
}

body {
	background: #000205 url('../images/bg-striped.gif') fixed repeat-x bottom center;
	color: #FFF;
	height: 100%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .83em;
}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	font-family: "Georgia", "Century Gothic"
}

h2, h3, h4, h5, h6 {
	font-family: Georgia, "Century Gothic";
}

h3 {
	font-size: 1.6em;
}

strong {
	font-weight: bold;
}

em {
	font-style: oblique;
}


.clear {
	clear: both;
	height: 0px;
}

a, a:link {
	color: #F4DA4E;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}



/** LAYOUT WRAPPER **/
.layout-wrapper {
	display: block;
	width: 962px;
	margin: 0 auto;
	height: 100% !important;
	min-height: 900px;
	padding: 20px 0 0 0;
}


/** PAGE TITLE **/
.page-title {
	padding: 10px;
	vertical-align: middle;
}





/** QUICK LINKS **/
.quick-links {
	float: right;
	width: 750px;
	height: 25px;
	position: relative;
	top: -30px;
	font-size: .7em;
}
.quick-links .nav-links {
	float: right;
}
.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu li {
	float: left;
	height: 22px;
	vertical-align: middle;

}
.menu li.label {
	padding: 0 2em;
}
.menu li a, .menu li a:link {
	padding: .7em 2em;
	color: #FFF;
	font-weight: normal;
	border: 1px solid transparent;
	vertical-align: top;
	position: relative;
	cursor: pointer;
}
.menu li a:hover {
	color: #F4DA4E;
	/*color: #071217;*/
	text-decoration: none;
	background: transparent url('../images/bg-black.png') no-repeat top left;
	/*background: #3F97BC;*/
	border: 1px solid #102630;
	
}
.menu .icon {
	vertical-align: middle;
}


/** FORMS **/
fieldset {
	border: 1px dashed #777;
	padding: 10px;
	background: transparent url('../images/bg-black2.png') no-repeat top left;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
fieldset legend {
	font-weight: normal;
	font-family: Georgia, Times;
	font-size: 1.4em;
	margin: 0 0 10px;
	text-transform: uppercase;
	padding: 10px 10px;
	color: #FFF;
	position: relative;
}
.form {
	display: block;
	font-size: .85em;
	margin: 0 auto;
	padding: 20px;
}
.form .field {
	padding: 0 0 10px !important;
	display: block;
	float: left;
	margin: 0;
	min-width: 200px;
}
.form .field .data {
	float: left;
	display: block;
	position: relative;
}
.form label {
	display: block;
	float: left;
	width: 150px;
	color: #DDD;
	text-align: right;
	padding: 3px 10px 0;
	height: 60%;
}
.form input {
	display: block;
	/*height: 17px; */
	/*height: 1.5em;*/
	float: left;
	border: 1px solid #666;
	padding: 2px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form input+input {
	margin: 0 0 0 10px;
}
.form textarea {
	border: 1px solid #666;
	padding: 2px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.form .normal {
	width: 143px
}
.form .long {
	width: 303px;
}
.form .button, .button {
	background: #777;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #333;
	padding: 2px 16px;
	text-transform: uppercase;
	cursor: pointer;
	height: auto !important;
}
.form .message {
	margin: 0 0 15px 160px;
	display: none;
}
.form .required {
	background: #FFFDB3 !important;
	color: #000 !important;
}
.form .error {
	background-color: #F1320A !important;
	color: #FEF0ED !important;
}
.form .tip {
	color: #3384B5 !important;
	font-style: oblique;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.form .error.tip {
	color: #FEF0ED !important;
}
input.search {
	background: #FFF url('../images/icons/fugue/magnifier_medium_left.png') no-repeat left;
	padding: 1px 0 0 18px;
	color: #444;
	height: 1.4em;
}


/** SYSTEM LOGIN **/
.login {
	position: relative;
}
.login .message {
	display: none;
}
.login p {
	margin: 0;
}

.login .note {
	margin: 20px 0 0;
	font-size: .8em;
}
.login .submit {
	margin: 0 0 0 0;
}
.login .standard {
	width: 600px;
	float: left;
}
.login .facebook-connect {
	position: relative;
	top: 0px;
	right: 50px;
	float: right;
}
.fb_login_not_logged_in {

}

/** NOTES **/
.note.error {
	background: transparent !important;
	font-weight: bold !important;
	color: #FA5A32 !important;
}


/** PERSON LIST **/
#personID {
	display: none !important;
}
.person-list {}
.person-list table {
	min-width: 600px;
}
.person-list .person {}
.person-list .person.alt {
	background: transparent url('../images/bg-black2.png') no-repeat top left;
	border: 1px solid #102630;
}
.person {
	padding: 4px;
	zoom: 1;
}
.person.inactive .title, .person.inactive .title a{
	color: #999 !important;
}
.person .title {
	/*float: left;*/
	font-family: Georgia, "Century Gothic";
	font-size: 1.1em;
	/*display: block;*/
	zoom: 1;
	width: 500px;
}
.person .title a {
	color: #FFF;
}
.person:hover .title {
	color: #F4DA4E !important;
}
.person:hover .title a {
	color: #F4DA4E !important;
}
.person .actions {
	/*float: right;
	display: block;*/
}
.person .actions ul {
	list-style: none;
}
.person .actions ul li {
	display: block;
	float: left;
}
.person .actions ul li a {
	padding: 2px 10px;
}




/** PERSON ROLES **/
.role-categories .person-id {
	display: none;
}
.event-role-table table, .role-categories .category table, .person-event-role-permissions .category table {
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.event-role-table table tr:hover th, .role-categories .category table tr:hover th, .person-event-role-permissions .category table tr:hover th {
	color: #F4DA4E !important;
	font-weight: bold;
}
.event-role-table table td, .role-categories .category table td, .person-event-role-permissions .category table td {
	border: 1px solid #09161B;
	border-collapse: collapse;
	cursor: pointer;
	background: transparent url('../images/bg-black2.png') no-repeat top left;
	height: 22px;
}
.role-categories .category table td:hover, .role-categories .category table td.hover,
.person-event-role-permissions .category table td:hover, .person-event-role-permissions .category table td.hover {
	background: #615C0C;
	cursor: pointer;
}
.event-role-table table thead th, .person-event-role-permissions table thead th {
	cursor: pointer;
}
.event-role-table table thead th:hover, .person-event-role-permissions table thead th:hover {
	color: #F4DA4E;
}
.role-categories .category table td.selected, .person-event-role-permissions .category table td.selected {
/*	background: url('../images/icons/fugue/tick_circle_frame.png') center center no-repeat;*/
	background: url('../images/bg-green.png') no-repeat top left;
}
.event-role-table table th, .role-categories .category table th, .person-event-role-permissions .category table th {
	width: 100px;
}
.role-categories table th.col-role, .person-event-role-permissions table th.col-role {
	font-weight: normal;
	width: 200px;
	cursor: pointer;
}
.role-categories table th.col-role.selected, .person-event-role-permissions table th.col-role.selected {
	color: #F4DA4E !important;
	font-weight: bold !important;
}
.role-categories table .col-role, .person-event-role-permissions table .col-role {
	width: 200px;
	text-align: right;
	padding: 0 15px 0 0;
	border-width: 0 1px 0 0 !important;
}

.roles-assign label {
	cursor: pointer;
	color: #AAA;
}
.roles-assign .highlight {
	color: #F4DA4E;
}


/** PERSON UNAVAILABILITIES **/
.person-unavailabilities {
	position: relative;
	width: 800px;
}
.person-unavailabilities .unavailable .note {
	float: left;
	width: 22px;
}
.person-unavailabilities .unavailable .note img {
	cursor: pointer;
}
.person-unavailabilities .unavailable .from {
	float: left;
}
.person-unavailabilities .unavailable .to {
	float: left;
	width: 230px;
}
.person-unavailabilities .unavailable em {
	font-weight: bolder;
	color: #FFF;
}
.person-unavailabilities .unavailable .action {
	float: right;
	cursor: pointer;
}


/** TABS **/
.ui-tabs-hide { display: none; }
.ui-tabs-selected, .ui-tabs-selected a{
	color: #000 !important;
	background-color: #F4DA4E !important;
	font-weight: bold !important;
}


/** STATUS BAR **/
#statusbar {
	position: fixed;
	display: block;
	bottom: 0px;
	width: 100%;
	height: 27px;
	background: #1D4557;
	border-top: 1px solid #2D6784;
	border-left: 1px solid #30738F;
	border-bottom: 1px solid #061014;
	border-right: 1px solid #061014;
	font-size: .8em;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}
#statusbar .align-left {
	display: block;
	float: left;
}
#statusbar .align-right {
	display: block;
	float: right;
}
#statusbar .menu {
	display: block;
}
#statusbar .menu li {
	padding: 9px 10px;
	cursor: pointer;
	border-right: 1px solid #2D6784;
}


/** ROSTER **/
.roster-holder {
	position: relative;
	width: 100%;
}
.roster-holder .filters {
	margin: 0 0 50px;
	clear: both;
}
.roster-holder .filters li {
	float: left;
	display: block;
	padding: 7px 15px 9px;
	margin: 0 2px 0 0;
	font-weight: bold;
	color: #55A2C6;
	cursor: pointer;
}
.roster-holder .filters li:hover {
	background: #0F252F;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.roster-holder .filters li.selected {
	background: #225166;
	color: #C6E0EC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.roster fieldset {
	position: relative;
}
.roster {
	font-size: .85em;
	overflow: hidden;
	width: 950px;
	position: relative;
	padding: 0 0 20px;
	cursor: -moz-grab;
}
.roster .roster-container {
	position: relative;
	width: 100%;
}
.roster table {
	border-collapse: collapse;
}
.roster table thead th {
	vertical-align: bottom;
	min-width: 130px;
	width: 130px;
	padding: 20px 0 0;
}
.roster table tbody td {
	width: 130px;
}
.roster table thead th.role-category {
	width: 150px;
	color: #FFCC00;
	text-align: left;
}
.roster table thead th+th.role-category {
	text-align: center !important;
}
.roster table thead th.meeting-name {
	position: relative;
}
.roster table thead th .event-name {
	font-size: 1.1em;
	font-variant: small-caps;
}
.roster table thead th .date {
	font-weight: normal;
	font-size: .8em;
}
.roster table thead th .note {
	position: relative;
	float: right;
	background: transparent url('../images/icons/coquette/info.png') no-repeat top left;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
}
.roster table thead th.meeting-name .note .text {
	display: none;
	background:#444444 none repeat scroll 0 0;
	border:1px solid #FFCC00;
	padding:4px;
	position:absolute;
	right:0;
	top:0;
	width:100px;
	color: #FFF;
}
.roster table tbody th {
	text-align: left;
	width: 150px;
	padding: 3px 0;
	vertical-align: top;
	font-weight: normal;
}
.roster table tbody td+th {
	text-align: center;
}
.roster table tbody td {
	background: transparent url('../images/bg-black2.png') no-repeat top left;
	border-collapse: collapse;
	border: 1px solid #235368;
	vertical-align: top;
}
.roster table tbody td.hover {
	background: transparent url('../images/bg-yellow.png') no-repeat top left;	
}
.roster-person {
	cursor: pointer;
	padding: 2px 5px;
	color: #A8D0E1;
}
.roster-person.me {
	/**background: transparent url('../images/bg-green.png') no-repeat top left; **/
	background: #0F6A15;
	color: #6AEA74;
	font-weight: bold;
}
.roster-person.highlight {
/** Blue	background: #0B1B22;
	color: #FFF; **/
	background: #FAEFAF ;
	color: #000;
	font-weight: bold;
	border: 2px solid #FC0;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.roster-person.unrostered {
	color:#888888;
	text-decoration:line-through;
}
.roster-person.unrostered.highlight {
	color: #BBB;
	background: #333;
	border: 2px solid #777;
}
.roster-person.unavailable {
	/* Gray */
	color: #DDD;
	background: #626262;
	
	/* Red
	background: #BD5137;
	color: #F9CEC6; */
}
.roster-person.published {
	
}

/** CONTEXT MENU **/
#contextmenu, #contextpersonmenu {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#contextmenu .roster-person-picker {
	border: 2px solid #CCC;
	padding: 1px;
	background: #25576E;
	font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	min-width: 125px;
	font-size: .9em;
}
#contextmenu .roster-person-picker .title {
	display: block;
	background: #0B1B22;
	color: #FFF;
	font-weight: bold;
	padding: 7px 14px;
}
#contextmenu .roster-person-picker .title h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}
#contextmenu .roster-person-picker .title h5 .heading {
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#contextmenu .roster-person-picker .title h5 .sub-heading {
	font-size: .9em;
	font-weight: normal;
}
#contextmenu .roster-person-picker .close {
	float: right;
	cursor: pointer;
}
#contextmenu .roster-person-picker .persons ul {
	padding: 0 0 10px;
}
#contextmenu .roster-person-picker .persons ul li {
	padding: 5px 15px;
	cursor: pointer;
}
#contextmenu .roster-person-picker .persons ul li.rostered {
	background: #1E4659;
	color: #8AAEC4;
}
#contextmenu .roster-person-picker .persons ul li.rostered:hover {
	background: #1E4659;
	color: #8AAEC4;
}
#contextmenu .roster-person-picker .persons ul li:hover {
	background: #34799A;
}
#contextmenu .roster-person-picker .persons ul li.unavailable {
	/*color: #86AFC4;*/
	color: #E0BFBA;
	background: #88473E;
}
#contextmenu .roster-person-picker .persons .show-more {
	cursor: pointer;
	padding: 0 15px 10px;
	font-size: .7em;
}
#contextmenu .roster-person-picker .persons ul.secondary {
	border-top: 1px solid #1B3E47;
	color: #95C5DB;
}

/** CONTEXT PERSON MENU **/
#contextpersonmenu .roster-person-edit {
	background: #25576E;
	width: 132px;
	font-size: .7em;
	border: 2px solid #EEE;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
#contextpersonmenu .roster-person-edit .name {
	font-size: 1.3em;
	padding: 2px 5px;
	font-weight: bold;
	background: #0B1B22;
	cursor: pointer;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px
}
#contextpersonmenu .roster-person-edit li {
	vertical-align: middle;
	padding: 2px 8px;
	cursor: pointer;
}
#contextpersonmenu .roster-person-edit li:hover {
	background: #34799A;
}
#contextpersonmenu .roster-person-edit li img {
	vertical-align: middle;
}

/** MY ROSTER **/
.my-roster fieldset {
	width: 100%;
}
.my-roster table thead th {
	font-variant: small-caps;
	color: #55A2C6;
	text-align: left;
	padding: 5px 5px;
}

.my-roster table tbody tr td {
	padding: 5px 5px;
}
.my-roster table tbody tr:hover {
	background: #225166;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/** EVENT COLORS **/
.my-roster .shiream, .roster table thead .shiream {
	color: #8DAFD8;
}
.filters .filter-event.shiream {
	color: #8DAFD8;
}
.filters .filter-event.shiream.selected {
	background: #8DAFD8;
	color: #FFF;
}
.my-roster .shirepm, .roster table thead .shirepm {
	color: #C0D8F3;
}
.filters .filter-event.shirepm {
	color: #C0D8F3;
}
.filters .filter-event.shirepm.selected {
	background: #C0D8F3;
	color: #164476;
}
.my-roster .bayside, .roster table thead .bayside {
	color: #DFB386;
}
.filters .filter-event.bayside {
	color: #DFB386;
}
.filters .filter-event.bayside.selected {
	background: #DFB386;
	color: #FFF;
}
.my-roster .cityside, .roster table thead .cityside {
	color: #ABEAA2;
}
.filters .filter-event.cityside {
	color: #ABEAA2;
}
.filters .filter-event.cityside.selected {
	background: #ABEAA2;
	color: #277B1C;
}
.my-roster .ignite, .roster table thead .ignite {
	color: #ED9ED6;
}
.filters .filter-event.ignite {
	color: #ED9ED6;
}
.filters .filter-event.ignite.selected {
	background: #ED9ED6;
	color: #801761;
}
.my-roster .insight, .roster table thead .insight {
	color: #F9F793;
}
.filters .filter-event.insight {
	color: #F9F793;
}
.filters .filter-event.insight.selected {
	background: #F9F793;
	color: #827E09;
}

/** EVENT ADMIN **/

.event-admin-item {
	float: left;
	width: 45%;
	display: block;
	margin: 0 10px 0 0;
	min-height: 100px;
}
.event-admin-item .schedule {
	display:block;
	float:right;
	font-family:Georgia;
	font-size:1.4em;
	position:absolute;
	right:28px;

}


/** CALL TIMES **/
input.calltime {
	font-size: 1.2em !important;
	background: transparent url(../images/bg-black2.png) no-repeat scroll left top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #060E12;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#F0DB70;
	text-align: center;
	float: none;
}
input.calltime:hover {
	background: #70C264;
}
input.calltime:focus {
	background: #F8E87D;
	color: #5F5105;
}
.calltime-label {
	display: none;
}