/*FONTS*/

@font-face {
	font-family: 'Raleway';
	src: url('styles/fonts/raleway/RALEWAY-MEDIUM.TTF') format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: bold;
	src: url('styles/fonts/raleway/RALEWAY-EXTRABOLD.TTF') format('truetype');
}

@font-face {
	font-family: 'Gill Sans MT Condensed';
	src: url('styles/fonts/gill-sans/GILL-SANS-MT-CONDENSED.TTF') format('truetype');
}

/*ELEMENTS*/

body{
	background: #143935 url('images/deepfield.jpg') top center no-repeat;
	background-attachment: fixed;
	color: #fff;
	font-family: Raleway;
	margin: 0 0 17px 0;
	overflow-y: scroll;
}

h1 {
	color: rgba(255,255,255,0.9);
	font-family: 'Gill Sans MT Condensed';
	font-size: 40px;
	font-weight: normal;
	margin: 7px auto 0;
	text-transform: uppercase;
}

h2 {
	font-size: 25px;
	font-weight: normal;
	margin: 0 auto 15px;
}

h2.low {
	margin: 17px auto auto;
}

h4 {
	font-size: 17px;
	margin: 0;
}

hr {
	background-color: rgba(0,0,0,0.3);
	border: none;
	color: rgba(0,0,0,0.3);
	height: 1px;
	margin: 5px 0px 2px 0px;
}

form {
	display: inline;
}

input {
	border: none;
	color: #333;
	font-family: Raleway, sans-serif;
	font-size: 9pt;
}

input[type="text"] {
	border: none;
	border-radius: 9px;
	font-size: 9pt;
	text-indent: 7px;
}

table h4{
	margin: 0;
}

a, a:visited{
	color:#ffbc00;
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	color:#15c7d5;
}

textarea{
	border: none;
	border-radius: 7px;
	font-family: Raleway, sans-serif;
	font-size: 9pt;
	text-indent: 7px;
	width: 100%;
}


/*DIALOGS*/

#dialogOverlay{
	background: #000;
	display: none;
	left: 0px;
	opacity: 0.6;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

#dialogBox{
	background: rgba(0,0,0,0.8);
	border-radius: 7px;
	display: none;
	position: fixed;
	width: 500px;
	z-index: 1000;
}

#dialogBox > div{ margin: 8px; }
#dialogBox > div > #dialogBoxHead{ font-size: 19px; padding: 10px; color: #ccc; }
#dialogBox > div > #dialogBoxBody{ background: #333; padding: 20px; color: #fff; }
#dialogBox > div > #dialogBoxFoot{ padding: 10px; text-align: right; }

/*STYLES*/

.wrapper{
	margin: 0 auto;
	position: relative;
	width: 800px;
}

.my-signups{
	border-collapse: collapse;
	width: 100%;
}

.my-signups tr td{
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-top:1px solid rgba(0,0,0,0.3);
}

.my-signups tr td b{
	font-weight:bold;
}

.my-signups thead td {
	border-top: none;
	color: #FFFFFF;
	font-weight: bold;
}

.list-pos{
	font-family: 'Gill Sans MT Condensed';
	text-transform: uppercase;
	width: 60px;
}

.right-cell {
	padding-right: 3px;
	text-align: right;
}

.right-cell a {
	cursor: pointer;
}

.panel, .ch-event{
	background: rgba(47,47,47,0.3);
	border-radius: 7px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding:0 8px 0 8px;
}

.panel{
	padding: 15px;
}

.ch-event.hilite{
	background: rgba(0,0,0,0.4);
}

.ch-event.hilite a{
	color: #0A307D;
}

.ch-event-row{
	margin-bottom: 0;
	width: 100%;
}

.ch-event-row td{
	border-bottom: none;
	border-top: none;
	padding: 7px 0px 7px 7px;
}

.ch-event-row .hilite td{
	/*background: #EB5F26;*/
}

.ch-event-row h4{
	margin: 0 0 0 0;
}

.ch-event-row-left{
	max-width: 65px;
	width: 65px;
}

.ch-event-row-list{
	width: 180px;
	width: calc(calc(100% - 65px) / 2);
}

.ch-event-row-menu{

}

.ch-event-row-listing td{
	line-height: 20px;
	vertical-align: top;
}

.ch-event-row-button{
	height: 80px;
	padding: 3px 9px 3px 9px;
	text-align: right;
	width: 80px;
}

.ch-event-row-edit{
	font-weight: bold;
	padding: 3px 9px 3px 9px;
	text-align:center;
	width: 90px;
}

.ch-event-row-edit button{
	margin: 3px auto;
	width: 75px;
}

.ch-event-row-mail{
	font-family: Gill Sans MT;
	padding: 3px 9px 3px 9px;
	text-align: left;
	width: 120px;
}

.date-tag{
	border-radius: 3px;
	float: left;
	text-align: center;
	width: 55px;
}

.date-tag-month{
	background: #0A307D;
	border-radius: 3px 3px 0 0;
	color: white;
	font-size: 17px;
	height: 20px;
}

.date-tag-month .hilite{
	color: #EB5F26;
}

.date-tag-day{
	background: white;
	border-radius: 0 0 3px 3px;
	color: #0A307D;
	font-size: 35px;
	height: 42px;
}

.date-tag .hilite{
	background: #EB5F26;
}

.button, #dialogBox button {
	background: #0A307D;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Gill Sans MT Condensed;
	font-size: 14px;
	height: 29px;
	text-transform: uppercase;
}

#dialogBox button {
	width: 80px;
}

.button-bar {
	height: 29px;
}

.button.delete, .button.logout{
	background:#6D2A2A;
}

.button.logout{
	height: 20px;
	padding: 0 7px;
}

.button.delete:hover, .button.logout:hover{
	background:#DD6565;
}

.BCHilite{
	background:#bbb;
}

.button-green{
	background:#0A307D;
}

.button.secondary{
	background:#EB5F26;
}

.button.primary{
	background:#0A307D;
}

.button.skinny {
	height: 20px;
}

.button.backup{
	background:#EB5F26;
}

.button-dark{
	background:#666;
}

.big-button {
	border-radius: 30%;
	height: 80px;
	width: 80px;
}

.big-button .big-text {
	font-size: 16pt;
}

.button:hover, #dialogBox button:hover {
	background:#15c7d5;
}

.button:disabled {
	background:#bbb;
}

.margin-left {
	margin-left: 7px;
}

.float-right {
	float: right;
}

.text_input {
	border: none;
	border-radius: 9px;
	text-indent: 7px;
}

.unavailable {
	color:#fff;
	font-size:12px;
	margin-top:15px;
	text-align: center;
}

.big-skinny{
	font-family: Gill Sans MT Condensed;
	font-size: 14pt;
	text-transform: uppercase;
}

#event-edit-form {
	border-collapse: collapse;
	margin-bottom: 7px;
	width: 50%;
}

#event-edit-form input[type="text"] {
	width: 100%;
}

#idnum {
	color: #eee;
	float: right;
	margin: 0;
}

#message-inbox {
	position: -webkit-sticky;
	position: sticky;
	top: 7px;
	z-index: 10;
}

.signup-counts {
	margin: 0 auto 7px;	
}

.signup-counts .cell {
	background: rgba(0,0,0,0.3);
	border-radius: 5px;
	display: inline-block;
	padding: 3px 7px;
	text-align: center;
	width: 130px;
}

.orange {
	color: #ff7800;
}

.notice {
	text-align: center;
}

.warning {
	background: #ffc600;
	color: #555;
	text-align: center;
}

.error {
	background: #ec7751;
	color: #fff;
	text-align: center;
}

.greenlight {
	background: #e0ffb7;
	color: #007277;
	text-align: center;
}

#select-user {
	background: rgba(0,0,0,0.5);
	border-radius: 7px;
	border: none;
	color: white;
	font-family: Raleway;
	font-size: 16pt;
	height: 35px;
	text-indent: 3px;
	width: 100%;
}

.user-block.right {
	background: rgba(0,0,0,0.25);
	border-radius: 7px;
	padding: 5px 7px;
	position: absolute;
	right: 0;
	top: 18px;
}

.user-block .name {
	margin-left: 15px;
}

.user-controls {
	margin-left: 15px;
}

.skinny {
	font-family: Gill Sans MT Condensed;
	text-transform: uppercase;
}

.dimmed{
	color: rgba(255,200,29,1.0);
}

#login_container { margin-left: auto; margin-right: auto; margin-top: 100px; min-width: 600px; width: 600px; }
#login_container .panel { margin-bottom: 7px; }
#login_panel { text-align: left; }
#login_title { color: white; font-size: 19px; font-weight: bold; }
#login_subtitle { color: #e7c00a; font-size: 15px; font-weight: bold; }
#login_instructions { color: white; font-size: 15px; }
#login_logo { float: left; height: 72px; margin-right: 15px; margin-bottom: 9px; overflow: visible; width: 72px; z-index: 10; }
#login_back_to_main { font-size: 8pt; text-align: center; }
#login_back_to_main a { color: #eee; text-decoration: none; }
#login_back_to_main a:hover { color: #e7c00a; }
#username, #password { width: 120px; }
#time_at_load { bottom: 7px; color: #ccc; font-size: 9px; position: fixed; right: 7px; }