html, body {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    background-color:#FFF;
    height:100%;
    width:100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	vertical-align: baseline;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;	
}
a {
    text-decoration: none;
	color:inherit;
}
a:visited {color:inherit;}
a:link {color:inherit;}

textarea {
	resize:none;
	font-size:14px;
}

button {
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size:14px;
}

input[type="text"], select{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: black;/*#2C3539;*/
	height:25px;
	width:100%;
	padding-left: 3px;
	font-size:14px;
}

input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color:#2C3539;
	height:25px;
}

#header {
	background-color:#363533;
	height:35px;
	padding:0px 7px 0px 5px;
	color:white;
}

#footer {
    background-color:#E6E6E6;
    height:30px;
}

#moduleList {
	position:absolute;
	left:0px;
	top:34px;
	background-color: #2A6CB6 /*#00356A*/;
	width:auto;
	height:auto;
	color:white;
	font-size:large;
	padding:0px 10px 10px 10px;	
	display:none;
}

.moduleName {
	padding:6px;
}

#shipList {
	position:absolute;
	left:127px;
	top:34px;
	background-color: #2A6CB6 /*#00356A*/;
	width:auto;
	height:auto;
	color:white;
	font-size:large;
	padding:0px 10px 10px 10px;
	display: none;
}

#shipList li a{
    display: inline-block;
    padding: 6px;
}

table.datagrid {
    display: table;
    width: 100%;
}
table.datagrid thead, table.datagrid tbody {
    float: left;
    width: 100%;
}
table.datagrid tbody {
    overflow-y:scroll;
    /*height: 150px;*/
}
table.datagrid tr {
    width: 100%;
    display: table;
    text-align: left;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

table.datagrid th {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding: 4px 3px;
    color:#4D5656;
    background-color: #f4f4f4;
    font-weight: normal;
    border-bottom:2px solid #B3B6B7;
}

table.datagrid th.dgSpacer1 {
    padding: 4px 0px;
}

table.datagrid td {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding: 4px 3px;
    border-bottom:1px solid #B3B6B7;
}

/* My Tab */
.tabs-menu  {
    padding-left:10px; 
    height:19px;
    font-size:13px; 
}

.tabs-menu div {
    float:left;
    width:auto;
    margin-right:3px;
}

.tabs-menu a {
    color:black;
    text-decoration: none;
    border:1px solid #C5C5C5;
    padding:4px 15px;
    background-color: #F6F6F6;
    z-index: 5;
}

.tabs-menu a.current {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tab-content {
    background-color:white;
    border:1px solid #C5C5C5;
    padding:10px;
    display: none;
    /*height:200px;*/
}
#tab-1 {
    display: block;   
}
.clickablerow :hover{
    cursor: pointer;
}

/* My Tab2 */
.tabs-menu2  {
    padding-left:10px; 
    height:20px;   
}

.tabs-menu2 div {
    float:left;
    width:auto;
    margin-right:3px;
}

.tabs-menu2 a {
    color:black;
    text-decoration: none;
    border:1px solid #C5C5C5;
    padding:4px 15px;
    background-color: #F6F6F6;
    z-index: 5;
}

.tabs-menu2 a.current {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tab-content2 {
    background-color:white;
    border:1px solid #C5C5C5;
    padding:10px;
    display: none;
    /*height:200px;*/
}

#tab-21 {
    display: block;   
}
/* Another Tab2 */


/*

input[type="text"], input[type="password"], select{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    resize: none;
    overflow-y:scroll;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}

#header {
    background-color:#4fa85d;
    color:white;
    line-height:28px;
    padding:0px 5px;
}

#content {
    padding:5px;
}


#modules {
    font-size:13px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#modules li a {
    display: block;
    color:inherit;
    padding: 2px 0px;
    text-decoration: none;
}

.ui-dialog { z-index: 50 !important ;}

.sub_module {
    font-size:15px;
    margin:3px 0px 3px 20px;
}

.label1 {
    font-style:italic;
    font-size:12px;
}

ol, ul {
	list-style: none;
}

.btnStyled1 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#F2F2F2;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #A1A1A1;
	display:inline-block;
	color:#000000;
	
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	
	line-height: normal !important;
    width:auto;
    padding:2px 20px 2px 20px;
	text-decoration:none;
	text-align:center;
}

.btnStyled1:hover {
	background-color:#e9e9e9;
}
.btnStyled1:active {
	position:relative;
	top:1px;
}

.btnStyled2 {
    padding:5px 20px;
    color:white;
    background-color:#196f3d;
    border:1px solid #196f3d;    
}
.btnStyled2:hover {
    background-color:#4fa85d;
    border:1px solid #4fa85d;    
}
.btnStyled2:active {
    position:relative;
    top:1px;
}

.btnStyled3 {
    /*-webkit-border-radius: 2;*/
    /*-moz-border-radius: 2;*/
    /*border-radius: 0px;*/
    /*-webkit-box-shadow: 0px 0px 2px #666666;*/
    /*-moz-box-shadow: 0px 0px 2px #666666;*/
    /*box-shadow: 0px 0px 2px #666666;*/
    /*
    font-family: Arial;
    color: #000000;
    font-size: 18px;
    background: #f4f4f4;
    padding: 0px 3px;
    text-decoration: none;
    border:1px solid #f4f4f4;
}
.btnStyled3:hover {
  text-decoration: none;
  cursor: pointer;
}

.txtStyled1 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: normal !important;
    /*height:20px;*//*
    font-size:15px;
    color:#2C3539;
    width:100%;
    padding-left:5px;    
}

.txtStyledUnderline {
    padding: 2px 0px;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    transition: border 0.3s;
    background-color: #FFFFE6;
    color:black;
}
.txtStyledUnderline :focus, .txtStyledUnderline .focus {
    border-bottom: solid 2px /* #969696*//*#196f3d;
}

.txtStyledUnderline[disabled], .txtStyledUnderline[readonly] {
    background-color: #F4F6F6;
}

/*
:disabled {
    background-color: #F4F6F6;
}

:readonly {
    background-color: #F4F6F6;
}

.disableControl {
    background-color: #F4F6F6;
}

.enableControl {
    background-color: #FFFFE6;
}*/
/*
input[type="text"].txtStyledUnderline {
    padding: 3px 4px;
}


table.datagrid {
    display: table;
    width: 100%;
}
table.datagrid thead, table.datagrid tbody {
    float: left;
    width: 100%;
}
table.datagrid tbody {
    overflow-y:scroll;
    /*height: 150px;*/
}/*
table.datagrid tr {
    width: 100%;
    display: table;
    text-align: left;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

table.datagrid th {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding: 4px 3px;
    color:#4D5656;
    background-color: #f4f4f4;
    font-weight: normal;
    border-bottom:2px solid #B3B6B7;
}

table.datagrid th.dgSpacer1 {
    padding: 4px 0px;
}

table.datagrid td {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding: 4px 3px;
    border-bottom:1px solid #B3B6B7;
    color:#4D5656;
}

.shadow-text {   
    text-shadow: 2px 2px 3px #212F3C;
}


.clickableimg :hover{
    cursor: pointer;
}

/* Another Tab *//*
.tabs-menu  {
    padding-left:10px; 
    height:20px;   
}

.tabs-menu div {
    float:left;
    width:auto;
    margin-right:3px;
}

.tabs-menu a {
    color:black;
    text-decoration: none;
    border:1px solid #C5C5C5;
    padding:3px 15px;
    background-color: #F6F6F6;
    z-index: 5;
}

.tabs-menu a.current {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tab-content {
    background-color:white;
    border:1px solid #C5C5C5;
    padding:10px;
    display: none;
    /*height:200px;*/
}
#tab-1 {/*
    display: block;   
}
#tab-21 {
    display: block;   
}
/* Another Tab */

/* Another Tab2 *//*
.tabs-menu2  {/*
    padding-left:10px; 
    height:20px;   
}

.tabs-menu2 div {
    float:left;
    width:auto;
    margin-right:3px;
}

.tabs-menu2 a {
    color:black;
    text-decoration: none;
    border:1px solid #C5C5C5;
    padding:3px 15px;
    background-color: #F6F6F6;
    z-index: 5;
}

.tabs-menu2 a.current {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tab-content2 {
    background-color:white;
    border:1px solid #C5C5C5;
    padding:10px;
    display: none;
    /*height:200px;*/
}
/*
#tab-21 {
    display: block;   
}
/* Another Tab2 */