/*
web page stylesheet.
Van B. Biesel
1-18-2023
logo frame (blue): 013668, 003567
mtsi blue: 103466
mtsi orange: f7941e
mtsi dk-orange: df861c
grey banner: bfbfbf
*/


/* ========== general ========== */

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#103466;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
}

footer {
	color: #cccccc;
}

a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #f7941e;
  text-decoration: none;
}

a.obvious {
  color: #ffffff;
  text-decoration: underline;
}
a.obvious:hover {
  color: #f7941e;
  text-decoration: underline;
}


/* ========== header ========== */

#mt_header_container {
	display: block;
	position: relative;
	background: #bfbfbf;
	width: 100%;
	height: 80px;
  margin: 0px 0px 24px 0px;
}
#logo_overlay {
  position: absolute;
  top: 16px;  
  left: 0px;  
  margin: 0px;  
  height: 80px;
}
#header_title {
	position: absolute;
  top: 24px;  
  left: 170px;  
}
#header_search {
	position: absolute;
  top: 30px;  
  right: 70px;  
}
#header_search2 {
	position: relative;
  left: -50%;  
}
#header_admin {
	position: absolute;
  top: 26px;  
  right: 100px;  
}
#header_upload {
	position: absolute;
  top: 20px;  
  right: 30px;  
}



/* ========== page content container ========== */

#body_content {
	position:relative;
	min-height: 550px;
  margin-left: 100px;  
}


/* ========== sidebar ========== */

#sidebar_content {
  position: absolute;
  top: 24px;
  left: -100px;
  margin: 0px;
  width: 96px;
  margin-top: 30px;
  margin-right: 4px;
  border-right: #666666 1px solid;
  z-index: 2;
}
.sidebar_cell {
	text-align: center;
  width: 72px;  
  height: 72px;
	margin-left: 12px;
	margin-bottom: 20px;
}
.bg_sidebar {
	color: #ffffff;
	background: #ffffff;
}
.bg_sidebar:hover {
	color: #f7941e;
	background: #f7941e;
}
.bg_sidebar_select {
	color: #f7941e;
	background: #f7941e;
}
.bg_sidebar_select:hover {
	color: #f7941e;
	background: #f7941e;
}
.sidebar_label {
  position: absolute;
  left: 50%;
  top: 55px;
  font-size: 10px;
  font-weight: bold;
}
.sidebar_label2 {
  position: relative;
  left: -50%;
}


/* ========== help ========== */

.ct_help_container {
	background:#bfbfbf;
	/* border:4px solid #f7941e; */
	border:4px solid #eeeeee;
}
.help_blue {
  color: #103466;
  font-weight: normal;
}


/* ========== home page ========== */

#home_content {
	width: 1010px;
	padding-top: 70px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#home_content img { display: block; }
.home_cols {
	display:inline-block;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.home_col600 {
	width: 600px;
}
.home_col200 {
	width: 200px;
}
.home_cell {
	position:relative;
	padding: 0px;
	margin: 0px;
}
.home_label {
	position:absolute;
  left: 10px;
  bottom: 5px;
  font-weight: bold;
}

.home_status {
	display:inline-block;
	vertical-align: top;
	width:295px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
.home_status_bar {
	display:inline-block;
	vertical-align: top;
	background: #666666;
	width:1px;
	height:100px;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}


/* ========== manuals page ========== */

.manual_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.manual_chapter {
  margin-bottom: 8px;
}


/* ========== workspace page ========== */

.wks_title_sep {
	color: #999999;
  font-size: 18px;
	margin-left: 6px;
	margin-right: 6px;
}

.empty_dir {
	color: #444444;
  font-size: 18px;
}

.readby {
  font-size: 12px;
}


/* ========== tables page ========== */

#table_content {
	width: 96%;
	margin: auto;
}

.pad_file_row { padding-top: 2px; padding-bottom: 2px; }

.border_bottom1 { border-bottom: #666666 1px solid; }

.ctr_border1 { border: #bbbbbb 1px solid; }
.ctr_border_bottom1 { border-bottom: #bbbbbb 1px solid; }
.ctr_border_top1 { border-top: #bbbbbb 1px solid; }
.ctr_border_lf1 { border-left: #bbbbbb 1px solid; }
.ctr_border_rt1 { border-right: #bbbbbb 1px solid; }

.lb_border1 { border: #52a7ff 1px solid; }
.lb_border_bottom1 { border-bottom: #52a7ff 1px solid; }
.lb_border_top1 { border-top: #52a7ff 1px solid; }
.lb_border_lf1 { border-left: #52a7ff 1px solid; }
.lb_border_rt1 { border-right: #52a7ff 1px solid; }

.border_tb7 {
	border-top: #103466 7px solid;
	border-bottom: #103466 7px solid;
}
td.row_color {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* ========== calendar ========== */

#ctc_calendar {
	width: 96%;
	margin-top: 48px;
	margin-left: auto;
	margin-right: auto;
}
td.fc-today {background: #3366cc !important}


/* ========== edit ========== */

#ctd_content {
	background: #dfdfdf;
	color: #103466;
}


/* ========== search ========== */

#search_results {
	color: #103466;
}
#search_results a {
	color: #103466;
}

#search_results_table {
	color: #103466;
}

.clr_filter { color: #ffffff; }


/* ========== footer ========== */

.footer_container {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}



/* ========== misc ========== */

th.main { border-bottom: #103466 4px solid; }

/* nav links in the header */
a.white { color: #ffffff; }
a.white:hover { color: #f7941e; }

/* nav links in the header */
a.mtsi_blue { color: #103466; }
a.mtsi_blue:hover { color: #f7941e; }

a.selected { color: #df861c; font-weight: bold; }
a.selected:hover { color: #f7941e; }

/* onedrive page - dir tree */
a.ct_table_hd {
  color: #ffffff;
  text-decoration: none;
}
a.ct_table_hd:hover {
  color: #f7941e;
  text-decoration: none;
}

a.ct_table2 {
  color: #ffffff;
  text-decoration: none;
}
a.ct_table2:hover {
  color: #f7941e;
  text-decoration: none;
}
a.ct_table_hl {
  color: #df861c;
  font-weight: bold;
  text-decoration: none;
}
a.ct_table_hl:hover {
  color: #f7941e;
  text-decoration: none;
}

.ct_dialog_container {
	background: #dfdfdf;
	border:3px solid #dfdfdf;
}
.ct_dialog_container2 {
	background:#dfdfdf;
	color: #103466;
}

.dd_box {
	background: #dfdfdf;
	border: 3px solid #dfdfdf;
}
.dd_box:after {
	border-bottom-color: #dfdfdf;
}
.dd_box:before {
	border-bottom-color: #dfdfdf;
}

.header_title_container {
	min-height:10px;
}

.input_search {
	background: #ffffff;
}

.bg_cntls { background: #103466; }
.clr_cntls { color: #ffffff; }

.border3 { border: #103466 3px solid; }
.border6_lt { border: #dfdfdf 6px solid; }

.white_border1 { border: #ffffff 1px solid; }
.lt_grey_border1 { border: #aaaaaa 1px solid; }
.magenta_border1 { border: #ff00ff 1px solid; }

.bg_br_grey { background: #666666; }

.table_sort_icon { color: #ffffff; }

/* 
.gray { color: #efefef; }
.dk_grey { color: #efefef; }
.title_grey { color: #bfbfbf; }
 */

.bg_br_dkblue { background: #dfdfdf; }




/* ========== login page ========== */

#main_container {
	max-width: 1200px;
	margin: auto;
}
#main_container {
	max-width: 1200px;
	margin: auto;
}


#mtsi_login_box {
	position: relative;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 96px;
}
#mtsi_login_logo {
	position: absolute;
  top: 256px;  
  left: 0px;  
  margin: 0px;  
  height: 128px;
}
#mtsi_login_title {
	width: 180px;
	padding: 32px 0px 18px 0px;
	text-align: left;
	margin: auto;
}
#mtsi_login_title span.powered {
	font-size: 12px;
	color: #df861c;
	text-align: left;
}
#mtsi_login_title span.maritrack {
	font-family: Futura, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 32px;
}
#mtsi_login_title span.trademark {
	font-size: 30px;
}



/* ========== media variations ========== */

@media all and (min-width: 1150px) {
	.wrap {
		width:100%;
		padding: 0px;
		margin: 0px;
	}
}