html
{
	height:100%;
	width:100%;
}

body 
{	
	width:100%;
	height:100%;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;	
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
}
input, textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 9pt;	
}
table
{
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

img
{
	border:0;
}

.heading
{
	font-weight:bold;
	padding-bottom:15px;
}

.tsOprHdr
{
	text-align:center;
	font-weight:bold;
	border: solid 1px black;
}

.tsOprTd
{
	text-align:center;
	border: solid 1px black;
}

.tsOprTdLeft
{
	text-align:left;	
	border: solid 1px black;
	text-indent:2px;
}


.tdAnlopHdr
{
	font-weight:bold;
	border-bottom:solid 1px black;
    white-space: nowrap;
    text-align: left;
}

.tsRemarkHdr
{
	text-align:center;	
	border: solid 1px black;
	vertical-align:top;
}

.tsRemarkHdrLeft
{
	text-align:left;		
	border: solid 1px black;
	text-indent:2px;
	vertical-align:top;
}

.tsRemarkTd
{
	text-align:left;		
	border: solid 1px black;
	text-indent:2px;
	vertical-align:top;	
}
#tableJobReg
{
    padding:1px;
}
#tableJobReg tr
{
    
}
#tableJobReg td
{
    vertical-align:top;
}
#tableJobReg input
{
    width:200px;
}
.tableTaskreg
{
 width:100%
}
.tableTaskreg input
{
    width:150px !important;
}

.labelApproved
{
    background-color:Green;
    padding:5px;
}
#menucontent li.km1
{
    position: absolute;
    top: 15px;
    left: 184px;
}
#menucontent li.km2
{
    position: absolute;
    top: 182px;
    left: 360px;
}
#menucontent li.km3
{
    position: absolute;
    top: 360px;
    left: 184px;
}
#menucontent li.km4
{
    position: absolute;
    top: 182px;
    left: 0px;
}
#menucontent li.km5
{
    position: absolute;
    top: 60px;
    left: 310px;
}
#menucontent li.km6
{
    position: absolute;
    top: 310px;
    left: 310px;
}
#menucontent li.km7
{
    position: absolute;
    top: 310px;
    left: 60px;
}
#menucontent li.km8
{
    position: absolute;
    top: 60px;
    left: 60px;
}
#menucontent li
{
    list-style-type: none;
}
#menu
{
    position: fixed;
    margin-top: -142px; 
    margin-left: -142px; 
    top: 50%; 
    left: 50%; 
    height: 285px; 
    width: 285px; 
    background: url(../images/kompass.png) no-repeat center;
}

#headerbg {
    background: url(images/headerbg.png) repeat-x left;
}
#menu:hover
{
    background: url(../images/kompass2.png) no-repeat center;
}
#menucontent
{
    position: fixed; 
    margin-top: -200px; 
    margin-left: -200px; 
    display: none; 
    top: 50%; 
    left: 50%; 
    height: 400px; 
    width: 400px; 
}
.tablelist tr td
{
    vertical-align: top;
    padding: 3px 5px 0 5px;
}
.tablelist thead td
{
    white-space: nowrap;
    height: 25px;
    vertical-align: middle;
    color: #444;
    background: #cccccc url(../css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}
.tablelist .alternate td
{
    background: #eaeaea;
}
.deleted
{
    text-decoration: line-through;
}
.red {color: Red;}
.green {color: Green;}
.blue {color: Blue;}
.deviation { border: 1px solid red; }
.deviationapproved { border: 1px solid #aaa; }
.loginlogo
{
    margin-top: 100px;
    padding-top: 150px;
    background: url(images/GAClogo.png) no-repeat top center;
}
.loginButton
{
     font-size: 10pt;
     font-weight:bold;
     height: 25px;
     width: 175px;
     margin-right: 35px;
}

.table-hover tr:hover {
    background-color: #f0f0f0 !important;
    cursor: pointer;
}

/* Ensure header rows don't get hover effect */
.table-hover .heading:hover {
    background-color: transparent !important;
    cursor: default;
}

.table-hover .tdAnlopHdr:hover {
    background-color: transparent !important;
    cursor: default;
}

/* Prevent hover on header row */
.table-hover tr:has(.tdAnlopHdr):hover {
    background-color: transparent !important;
    cursor: default;
}

.active-voyage {
    position: absolute;
    top: 30px;
    left: 15px;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
}

.menu-item {
    color: #004277;
    font-weight: bold;
}

a {
    color: #004277;
}