BODY {background-color: white;	font-family: Tahoma,Arial, Verdana, Helvetica, sans-serif;	font-size: 10pt;}
INPUT {	font-size: 10pt;}

.page-container {padding-top: 15px;	padding-bottom: 15px;	margin-left: 25px;	margin-right: 10px; background-color: white;vertical-align: top;}
.page-text {color: black;	font-size: 9pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;}
.footer-container {	background-color: #242642;	margin-left: auto;	margin-right: auto;	vertical-align: top;}

/* forms related */
label {display: inline-block; text-align: left;font-weight: bold;}
textarea {vertical-align: top;}
.message-line {margin-bottom: 10px; margin-top:0px;}
.read-only-div {margin-top: 6px;}
.read-only {min-height: 22px; border: 1px solid #999; background-color:lightgray; width:auto; padding: 3px 10px 3px 1px;}
.userlist-border { border: 1px solid lightgray; min-height: 24px; padding: 3px;}

/* override Bootstrap begin */
.btn-primary {	min-width: 150px;}
.btn { margin-top: 4px; margin-bottom: 4px; }
.form-horizontal .control-label {text-align: left;}
.form-control { height: 29px;	font-size: inherit;	margin-bottom: 6px;}
.row {margin-bottom: 4px; margin-top: 4px; }
.paginate_button {padding-right: 2px; cursor:pointer;}
/* override Bootstrap end */

.ui-datepicker-month {color: cadetblue;}
.ui-datepicker-year {color: cadetblue;}

/* non Bootstrap styles */
.form-line {margin-bottom: 8px; clear:both; display: inline-block;}
.form-line div {float: left; margin-right: 10px;}

.row-expanded {margin-top: 15px;	margin-bottom: 15px;}

.page-link {border:0; color: blue;font-size: 9pt; font-family: Arial, Tahoma, Verdana; font-weight: normal;  text-decoration: underline;}
.page-text-medium {color: black;	font-size: 12pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-decoration: none;}
.page-text-small {color: black;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;}
.page-text-red {	color: red;	font-size: 9pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-decoration: none;}
.comments-label{    text-align: left;}
.center-text {text-align: center;}
.bold-text {font-weight: bold;}
.link-text {text-decoration: none;color: blue; cursor:pointer}
.link-text:hover {text-decoration: underline;color: blue; cursor:pointer}
.link-text-medium {  text-decoration: none;  color: blue;  cursor: pointer; font-size: 12pt; vertical-align:middle}
.link-text-medium:hover {text-decoration: underline; color: blue; cursor: pointer} 

.required {	color: red;	font-size: 12pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	display: inline;}
.required-field {font-size: 9pt;	color: red;	font-family: Arial, Tahoma, Verdana;}
.menu-item-dynamic {text-align: left;	font-size: small;	font-family: Verdana;	color: black; }
.display-no {display: none;}
.checkbox-list label {padding-left: 4px; padding-right: 12px;}
.ui-dialog-titlebar {	display: none;}

.col {float: left;padding-top: 4px;	padding-bottom: 3px;	margin-right: 4px;}

.button[disabled="disabled"] {opacity: 0.5;cursor: not-allowed;}
.col-data-indent {padding: 1px 1px 1px 10px}

.issue-who {font-style: italic; font-weight:bold;}
.issue-text {padding-left: 20px;}

.tooltip {cursor: pointer;}
fieldset {	border: 1px solid;	margin-bottom: 10px;}
legend {	padding: 0.2em 0.5em;	border: 1px solid black;	text-align: right;}
.clear-both {clear: both;}
.tooltip-popup {font-size: 10pt;	font-family: Arial, Tahoma, Verdana;}
.header-row {	background-color: #fcecb8;}
.result-row {background-color: #f7fc64;}

.link-cell {	padding-right: 10px;	padding-left: 5px;}
.highlight-cell {background-color: pink;}
.link-cell img {height: 18px;	width: 21px;	padding-top: 2px;}
.link-cell-edit {width: 201px;}
.cell-word-wrap { word-wrap: break-word}

.footer-link {color: white !important;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: underline;}
.footer-text {	color: silver;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;	padding-top: 5px;	padding-bottom: 5px; }

.title-bar { background-color: transparent; width: 100%;}
.titlebar-pagename {font-family: Arial, Tahoma, Verdana;	font-size: 14pt;font-weight: normal; padding: 30px 0px 30px 20px;}
.titlebar-application {font-family: Arial, Tahoma, Verdana;	font-weight: bold;text-align: center;	padding-top: 30px;}
.titlebar-title {	font-size: 20pt;}
.titlebar-subtitle {font-size: 14pt;}
.titlebar-logo {float: right; margin-right:20px;}
.titlebar-ipaddress {font-family: Arial, Tahoma, Verdana;	font-size: 8pt;}
.titlebar-version {font-family: Arial, Tahoma, Verdana;	font-size: 8pt;}
.titlebar-testing {position: absolute; font-size: 10pt; font-weight:bold; background-color:yellow; top: 10px; left: 250px;}

.button { margin-top: 4px; margin-bottom: 4px; }
.logo-image {height: 70px; width:180px; margin-top:10px;}
.grid-container {margin-top: 10px;	margin-bottom: 10px;}
.grid th:focus, .grid th.focus {background: #FF9D00; color: #19068A;}
.grid { border-collapse: collapse; border-width: 0px; border-style: none; }
.grid th {cursor:pointer; font-size: 100%; font-weight: bold; text-align: left; vertical-align:bottom; background: #6699CC url(Images/blueheader-gradient.jpg) 50% 0% repeat-x !important; color: #ffffff; padding: 3px 7px 3px 7px; }
.gridview tr:first-child { font-size: 100%; font-weight: bold; text-align: left; vertical-align:bottom; background: #6699CC url(Images/blueheader-gradient.jpg) 50% 0% repeat-x !important; color: #ffffff; padding: 3px 7px 3px 7px; }
.grid th.center { text-align: center; }
.grid td { font-size: 100%; text-align: left; border-style: none; padding: 1px 20px 1px 7px; height:21px; }
.grid td.center { text-align: center; }
.grid td.right { text-align: right; }
.grid th.right { text-align: right; }
.grid td.pad-right { padding-right: 15px; }
.grid th.pad-right { padding-right: 15px; }
.grid td.currency { text-align: right; padding-right: 25px; width: 90px !important;}
.grid td.number-40px { text-align: right; padding-right: 40px; }
.grid td.number-100px { text-align: right; padding-right: 100px; }
.grid td.number-30px { text-align: right; padding-right: 30px; }
.sorting, .sorting_asc, .sorting_desc { text-decoration:underline; cursor: pointer; }
.grid tr:nth-child(odd) { background-color: #EDEDED; }
.grid tr:nth-child(even) { background-color: #DEDEDE; }
.grid tr:hover { background-color: lightblue; }
.grid tr:hover td { background-color: transparent; }
.grid th.transparent-cell {	background: white !important;}
.grid th.group1-cell {	background: #5000ff !important; vertical-align:middle; height:40px;}
.grid th.group2-cell {	background: #bf00ff !important; vertical-align:middle; height:40px;}

 .modal-dialog {position: fixed;  top: 0;  left: 0; background-color: black;  z-index: 999;  opacity: 0.6;    min-height: 100%;   width: 100%;  }
 .loading-dialog {font-family: Arial; font-size: 10pt; border: 5px solid #67CFF5;  width: 200px; height: 100px; display: none; position: fixed;  background-color: White;  z-index: 10000; text-align:center; }

 input.button-add {
    background-image: url(../images/add_001.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 26px;           /* make this the size of your image */
    width: 26px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.login-textbox {width: 250px !important;	height: 31px !important;}

.button-as-link { background-color:transparent; border:none; cursor:pointer; padding: 0px; color:#337ab7; padding-right:5px;}
.button-as-link:hover { text-decoration:underline; }

.ui-datepicker {z-index: 10000 !important;}
.right-border {border-right-color: black; border-right-style: solid !important; border-right-width: 1px;}
.results-filter {width:400px}

/*body { background-color:silver;}
@media screen and (min-width:576px) { body { background-color: maroon;}}
@media screen and (min-width:768px) { body { background-color: dodgerblue;}}
@media screen and (min-width:992px) { body { background-color: gold;}}
@media screen and (min-width:1200px) { body { background-color:lime;}}*/