body {
	width:100%;
	margin:0 0;
	font-family: verdana, arial, sans-serif;
	color: #555;
	font-size:11px;
}
a {
	outline:none;
}

div#statusbar,
div#banner_top,
div#content,
div#banner_bottom,
div#footer,
div.gradient-border {
	width:100%;
	position:relative;
	text-align:center;
	margin:0 0;
}

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

div.gradient-border {
	height:10px;
}

div.fade-up {
	background:url('/img/gradient-fade-up.gif') #ddd;
}
div.fade-down {
	background:url('/img/gradient-fade-down.gif') #ddd;
}
div.inner-content {
	position:relative;
	/*width:900px;*//*1024px;*/ /*800px;*/
	margin:0 auto;
	text-align:center;/*left;*/
	
	width:90%;
	min-width:900px;
	
}
div.inner-content div.left-content {
	/*float:left;
	width:200px;*/
	text-align:left;
	position:absolute;
	left:10px;
	top:0px;
}
div.inner-content div.right-content {
	/*float:right;
	width:200px;*/
	position:absolute;
	text-align:right;
	right:10px;
	top:0px;
}
div.inner-content div.centre-content {
	text-align:center;
	position:absolute;
	width:450px;
	left:225px;
}

/* ------------------------------------ STATUS BAR - not using anymore? */

div#statusbar {
	height:2px; /*18px;*/
	background:#ffffff;
	line-height:18px;
}

/* ------------------------------------ BANNERS */

div#banner_top {
	position:relative;
	height:100px;
	background:url('/img/banner-top-bg.png') #dddddd;
	color:#fff;
}
div#banner_top div.inner-content {
	background:url('/img/goldbars.png') no-repeat center right;
	height:100px;
}
div#banner_top_small div.inner-content {
	background:url('/img/goldbars_small.png') no-repeat center right;
	height:50px;
}

div#banner_top span.big,
div#banner_top_small span.big {
	position:absolute;
	font-size:35px;
	color:#fff;
	font-family: Impact, Charcoal, sans-serif;
	display:block;
}
div#banner_top span.small,
div#banner_top_small span.small {
	position:absolute;
	font-size:14px;
	color:#fff;
	display:block;
	font-family: Tahoma, Geneva, sans-serif;
}
div#banner_top a.wings,
div#banner_top_small a.wings {
	border:0;
	outline:0;
	display:block;
	position:absolute;
	width:83px;
	height:30px;
	background:url('/img/wings.png') no-repeat;
}

/* Big Banner  */

div#banner_top span.big {
	top:33px;
	left:10px;
}
div#banner_top span.small {
	top:75px;
	left:10px;
}
div#banner_top a.wings {
	left:10px;
	top:4px;
}

/* Small Banner  */

div#banner_top_small span.big { 
	top: 6px;
	left: 100px;
}
div#banner_top_small span.small { 
	display:none;
}
div#banner_top_small a.wings {
	top: 8px;
	left: 10px;
}

/* Bottom */

div#banner_top_small,
div#banner_bottom {
	height:50px;
	/*background:url('banner-bottom-bg.jpg') #dddddd;*/
	background:url('/img/banner-base-bg.png') #dddddd;
}


div#content {
	background:#ffffff;
	/*margin:10px 0;*/
	margin:2px 0;
}



div#footer {
	height:18px;
	background:#ffffff;
}

/* ------------------------------------ CONTENT BOXES */

div.content-box {
	border:1px solid #888;
	/*height:300px;*/
	
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	box-shadow: 2px 2px 5px #888888;
	margin:10px auto;
	
	/*width:900px;*/ /*960px;*/
	min-height:370px;
	min-width:900px;
	
	
}

div#roster-toolbar {
	position:relative;
	background:#bbb;
	height:30px;
	line-height:30px;
	width:100%;/*882px;*/
	margin:0 auto;
	/*
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	*/
}
div#roster-toolbar a.toolbar-icon {
	width:20px;
	height:20px;
	border:0;
	outline:0;
}
/*div#roster-toolbar a.icon-download {
	background:url('/img/icon_download.gif') center center no-repeat;
}*/

a.anchor-with-icon {
   padding-left: 15px;
   margin-left:10px;
   text-decoration:none;
   
}
a.anchor-with-icon,
a.anchor-with-icon:active, 
a.anchor-with-icon:link,
a.anchor-with-icon:visited {
	color:#770;
}
a.anchor-with-icon:hover {
	color:#fff;
}
div#roster-toolbar a.anchor-selected {
	background-color:#858a2e;
	color:#fff;
}


a.icon-download { background: transparent url('/img/icon_download.gif') no-repeat center left; }
a.icon-save { background: transparent url('/img/icon_save.gif') no-repeat center left; }
a.icon-update { background: transparent url('/img/icon_update.gif') no-repeat center left; }
a.icon-share { background: transparent url('/img/icon_share.gif') no-repeat center left; }
a.icon-google { background: transparent url('/img/icon_google.gif') no-repeat center left; }
a.icon-back { background: transparent url('/img/icon_back.gif') no-repeat center left; }
a.icon-edit { background: transparent url('/img/icon_edit.gif') no-repeat center left; }



div#roster-toolbar div.toolbar-content{

	width:882px;
	margin:0 auto;
	height:30px;
	line-height:30px;
}
div#roster-toolbar div.content-left,
div#roster-toolbar div.content-mid,
div#roster-toolbar div.content-right {
	position:absolute;
	height:20px;
	line-height:20px;
	top:5px;
	width:100px;
}
div#roster-toolbar div.content-left {
	left:10px;
	width:150px;
	text-align:left;
}
div#roster-toolbar div.content-left span.big {
	font-size:14px;
	font-weight:bold;
}
div#roster-toolbar div.content-mid {
	min-width:520px;
	width:70%;
	left:15%; /*170px;*/
	text-align:center;
}
div#roster-toolbar div.content-right {
	right:10px;
	width:200px;
	text-align:right;
	height:30px;
	line-height:30px;
	top:0px;
}


div#roster-toolbar input.roster-button {
	width:56px;
	height:30px;
	float:right;
	margin-left:5px;
	font-size:14px;
	line-height:14px;
}



div#roster-toolbar div.back-link {
	width:200px;
	margin:0 0 0 15px;
}
div#roster-toolbar div.back-link span {
	font-size:16px;
}
div#roster-toolbar div.back-link a {
	margin:0 0 0 10px;
}

div#roster-toolbar span#num-modifications {

}
div#roster-toolbar span#num-mod-num {
	font-weight:bold;
	font-size:12px;
	color:#278527;
}

/* ------------------------------------ NAVS */


ul#content-nav2 {
	height:33px;
	position:relative;
	display:block;
	font-size: .6em;
	/*background:url('/img/nav_bg.png') #629600;*/
	background:url('/img/nav_bg.png');
	background-color:#cfa845;
/*
	box-shadow: 2px 2px 5px #888888;
	*/	
}

ul#content-nav2 li {
	display:block;
	margin:0;
	float:left;
	pppadding:9px 15px 0;
	width:70px;
	height:33px;
	background:url('/img/nav_bg.png');
}


ul#content-nav2 li a {
	/*float:left;*/
	color:#aaaaaa;
	text-decoration:none;
	height:33px;
	line-height:26px;
	width:70px;
	/*padding:9px 15px 0;*/
	font-weight:normal;
	display:block;
	
}
ul#content-nav2 li.float_right {
	float:right;
}

ul#content-nav2 li a span {
	margin:0;
	padding:0;
	font-size:10px;
}
ul#content-nav2 li.active,
ul#content-nav2 li:hover {
	background-color:#fae79c;
}
ul#content-nav2 li.active a,
ul#content-nav2 li a:hover {
	color:#fff;
}
	
	
ul#content-nav2,
ul#content-nav2 li a {
	/*-moz-border-radius: 10px;
	border-radius: 10px;
	
	box-shadow: 2px 2px 5px #888888;
	*/
}
/*
ul#content-nav2 .active a, 
ul#content-nav2 li a:hover {
	color:#fff;
	background: url('/img/nav_bg.png') repeat-x top left;
	text-decoration:none;
	background-color:#fae79c;

}*/
ul#content-nav2 li.active a span {
	font-weight:bold;
}

/*
ul#content-nav2 li a:hover {
	background-color:red;
}


*/
/*
ul#content-nav2 .active a{
	font-weight: bold;
	color:#fff;
}

ul#content-nav2 li a:hover, 
ul#content-nav2 li.active a{

	background: url('img/nav_bg.png') repeat-x top left;
	background-color:red;
}
*/


/* ----------------------------------- FOOTER */
	
#footer div.inner-content {
	color:#aaa;
}

/*
======================================================
================== Individual Pages ==================
======================================================
*/

div#login-box {
	width:409px;
	height:296px;
	margin:0 auto;
	background:url('/img/logbook-login.jpg') top left no-repeat;
	padding:0;
	text-align:center;
}
div #login-form {
	position:relative;
	width:409px;
	height:296px;
	margin:0;
	padding:0;
	/* Stop the margin-top bug in child. Causes collapsed margin */
	overflow:auto;
	}
div#login-box div.row {
	position:relative;
	height:20px;
	width:250px;
	margin:10px auto;
	color:#d9ba4f;
	vertical-align:top;

}
div#login-box div.top_row {
	margin-top:125px;
}
div#login-box div.row div.field {
	height:20px;
	width:150px;
	float:left;
	line-height:20px;
	text-align:left;
}
div#login-box div.row div.field_text {
	width:85px;
}
div#login-box div.row div.field_input {
	width:150px;
}

div#login-box input {
	width:120px;
	font-size:10px;
}
div#login-box input[type=submit] {
	width:60px;
}

div#login-box a {
	color:#d9ba4f;
	text-decoration:none;
}
div#login-box a:hover {
	text-decoration:underline;
}



/* ------------- Logbook */




div.content-column-one,
div.content-column-two,
div.content-column-three {
	width:29%;
	border:1px solid red;
	float:left;
	height:300px;
	text-align:left;
	padding:17px;
}


div.todaytomorrowstatus {
	text-align:right;
}
div.todaytomorrowstatus span {

}
div.todaytomorrowstatus span.events {
	font-size:14px;
}
div.todaytomorrowstatus span.type {
	font-size:15px;
	color:#77d;
	font-weight:bold;
}
div.todaytomorrowstatus span.times {
	font-size:12px;
	color:#080;
}
div.todaytomorrowstatus span.locations {
	font-size:12px;
	color:#f80;
}

div#metartaf {
	border:1px solid #ddd;
	width:500px;
	height:200px;
	white-space: pre;
	margin:10px 0;
	
}
	



table#roster,
table#roster_mini {
	border:1px solid black;
	/*width:850px;*/
	height:400px;
	margin: 0 auto;
	background:#fff;
	
	table-layout: fixed;
}
table#roster td,
table#roster_mini td {
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;
	/*width:128px;*/
	height:90px;
	
	min-width:128px;
	width:15%;
	
	text-align:center;
}
table#roster th,
table#roster_mini th {
	height:20px;
	line-height:20px;
	border:1px solid #888;
	background:#ddd;
	text-align:center;
} 

table#roster_mini {
	height:100px;
}






/* ------------- Logbook */


table#logbook_flights {
	/*width:800px;*/
width:100%;	
	margin:0 auto;
	
}
table#logbook_flights tr {

}
table#logbook_flights tr th {
	fborder:1px solid red;
}
table#logbook_flights tr td {
	bofrder:1px solid blue;
}

table#logbook_add_new {

}





table.logbooktable {
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}
table.logbooktable tr.one td {
	background:#ddd;
}
table.logbooktable tr.two td {
	background:#fff;
}

table.logbooktable td {
	padding:2px;
	border:1px solid #ddd;
}



/* ------------- Roster */

table#roster_db {


}
table#roster_db th {
	height:20px;
	line-height:20px;
	border:1px solid #888;
	background:#ddd;
	text-align:center;
} 
table#roster_db tr {
	height:16px;
}


 
table#roster_db tr td {
	border-collapse:collapse;
	border:1px solid #ccc;
	/*padding:3px;*/
	text-align:center;
	vertical-align:middle;
}
table#roster_db tr td.date {
	font-size:12px;
	line-height:12px;
	text-align:center;
	padding:5px 0;
}

table#roster_db tr th.datecol { width:100px; }
/*table#roster_db tr th.segs1col { width:350px; }
table#roster_db tr th.segs2col { width:350px; }*/
table#roster_db tr th.actions { width:100px; }
table#roster_db tr th.segs1col,
table#roster_db tr th.segs2col {
	width:42%;
}

table#roster_db tr.rosterUpdaterChangeMe td {
	background:#ff8;
}
table#roster_db tr.rosterUpdaterNoChange td {
	/*background:#dfd;*/
}
table#roster_db tr td.today {
	background:#FCFB86;
}
/*
table#roster_db a.update-toggle-link {
	border:0;
	outline:0;
	display:block;
	width:16px;
	height:16px;
	cursor:pointer;
	margin:0 auto;
}
table#roster_db a.toggle-tick {
	background:url('/img/tick.jpg') top left no-repeat;
}
table#roster_db a.toggle-cross {
	background:url('/img/cross.jpg') top left no-repeat;
}
table#roster_db a.toggle-alert {
	background:url('/img/alert.jpg') top left no-repeat;
}
*/





/*R D T B */
a.RosterDownloadToggleButton {
	display:block;
	width:100px;
	height:15px;
	line-height:15px;
	cursor:pointer;
	margin:0;
	text-decoration:none;
}
a.rdtb-green {
	background:#dfd;
	color:#080;
	text-align:center;
}
a.rdtb-red {
	background:#fdd;
	color:#800;
	text-align:center;
}
a.rdtb-yellow {	
	background:#ddf;
	color:#008;
	text-align:center;
}

table#roster_db tr td.tdaction {
	font-size:18px;
	color:#278527;
}

table#roster_db tr.modified {
	background:#bfb;
}
a.RosterDownloadUpdateThisRow {
	display:block;
	width:100px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	margin:0;
	text-decoration:none;
	background: #278527;
	color: white;
	font-size:12px;
}



/* ---------------------------------------------------------------------------------------------*/

div#RosterSharePanel {
	/*border:4px solid #ccc;*/
	height:320px;
	width:370px;
	margin:20px auto;
	position:relative;
}
div#RosterSharePanel.shared {
	width:750px;
}
div#RosterSharePanel.notshared div.right-col {
	display:none;
}
div#RosterSharePanel div.top-share-link {
	height:30px;
	line-height:30px;
	background:#FE6;
	text-align:center;
	padding:10px;
	font-size:14px;
	font-weight:bold;
}
div#RosterSharePanel.notshared div.top-share-link {
	display:none;
}
div#RosterSharePanel div.left-col {
	float:left;
	width:370px;
	height:300px;
	text-align:center;
}
div#RosterSharePanel div.right-col {
	float:left;
	width:370px;
	height:300px;
}



div#RosterSharePanel div.share-status-title {
	margin:20px 0 20px 0;
	text-align:center;
	font-size:14px;
}
div#RosterSharePanel div.share-status{
	font-size:20px;
	border:4px solid #ccc;
	width:200px;
	height:100px;
	line-height:100px;
	margin:0 auto;
}
div#RosterSharePanel.shared div.share-status {
	border-color:#080;
	background:#dfd;
}
div#RosterSharePanel.notshared div.share-status {
	border-color:#800;
	background:#fdd;
}

div#aaaRosterSharePanel div.share-status span.green { color:#080;}
div#aaaRosterSharePanel div.share-status span.red { color:#800;}

div#RosterSharePanel div.share-actions {
	margin:20px 0;
	text-align:center;
	font-size:16px;
}
div#RosterSharePanel div.share-info {
	margin:0 auto;
	width:300px;
	line-height:15px;
	font-size:10px;
}

div#RosterSharePanel div.share-link {
	width:250px;
	margin:10px auto 0 auto;
	background:#FE6;
	text-align:center;
	padding:10px;
	font-size:14px;
}
div#RosterSharePanel div.share-qr {
	text-align:center;
}
div#RosterSharePanel div.share-qr img {
	margin:0 auto;
}
div#RosterSharePanel div.share-link-mob {
	width:250px;
	margin:0 auto;
	text-align:center;
	padding:5px;
}




table  div.seg{
	margin:0 auto 2px auto;
	padding:1px;
	text-align:center;
	/*width: 110px;*/
	height:14px;
	line-height:14px;
	font-size: 10px;
	font-family: arial, sans-serif;
	
	min-width:110px;
	width:80%;
	
	cursor: pointer;
	/*-moz-border-radius: 3px;
	border-radius: 3px;*/
	box-shadow: 2px 2px 5px #888;
}
table#roster_db  div.seg{
	width:200px;
}

table  div.seg_source_db {
	aaaaaborder:2px solid #008;
}
table div.seg_source_cd {
	aaaaaborder:2px solid #800;
}

table  div.seg_route {
	background:#36C;
	color:#fff;
}

table  div.seg_sim {
	background:#75923C;
	color:#fff;
}
table  div.seg_sby {
	background:#FCD5B4;
	
}
table  div.seg_sfty {
	background:#800;
	color:#fff;
}
table  div.seg_forecast {
	background:#ddf;
	color:#008;
}

table  div.seg_action{
	background:#8f8;
	border:1px solid #080;
}
table.roster_edit_cell tr td.weekend,
table#roster tr td.weekend,
table#roster_mini tr td.weekend {
	background:#EEE;
}
table.roster_edit_cell tr td.today,
table#roster tr td.today,
table#roster_mini tr td.today {
	background:#FCFB86;
}
table#roster tr td.out_of_month {
	background:#ddd;
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */   
}
table#roster_mini tr td div.day-number,
table#roster tr td div.day-number,
table.roster_edit_cell tr td div.day-number {
	text-align:right;
	color:#000;
}
table#roster tr td.td-edit-day-hover {
	background:Red;
	cursor:crosshair;
}



table.roster_edit_cell {
	border:1px solid black;
	height:100px;
	margin: 20px auto;
	background:#fff;
	table-layout: fixed;
}
table.roster_edit_cell th {
	height:20px;
	line-height:20px;
	border:1px solid #888;
	background:#ddd;
	text-align:center;
}
table.roster_edit_cell tr td {
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;
	height:90px;
	width:300px;
	text-align:center;
}
table.roster_edit_cell {

}