﻿html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { font-family: Cambria, Georgia, serif; font-size: 11pt; }

#mstr-login { width: 100%; text-align: right; margin-right: 20%; }

h1 { font-size: 1.6em; font-weight:normal; }

/* Force word-wrap in grids. */
.ui-jqgrid tr.jqgrow td { white-space: normal !important; height:100%; vertical-align:text-top; padding-bottom: 4px; font-weight:bold; font-size:1.2em; }
#jqCart .ui-row-ltr{ font-size: 0.7em;  }
 
form { font-size: 0.8em; }
input.txt{ width: 98%; font-weight:bold; font-size: 1.1em; }
select.ddl{ width: 98%; font-weight:bold; font-size: 1.1em; }
textarea.txt{ width: 98%; height: 35px; font-weight:bold; overflow: auto; font-size: 1.1em; }
div .ui-resizable-se { bottom: 13px; right: 1px; }


.dir-rptvwr h1 { margin-top: 0; padding: 5px; }
.dir-rptvwr h1 #dir-url { font-size: 0.6em; font-weight:normal; }
.dir-rptvwr .rgt-clmn { float:right; width: 30%; font-weight: bold; text-align:right; }
.dir-rptvwr .lft-clmn { width: 60%; padding: 0 0 0 0px; }
.dir-rptvwr .rgt-clmn .clmn-hdr { font-weight: normal; display: block; margin-top: 20px; border-right-width:0; border-left-width:0; border-bottom-width:0; }
.dir-rptvwr .lft-clmn .clmn-hdr { font-weight:bold; margin-bottom: 2px; margin-top: 15px; }

#dlg-relationships table{ border:1px solid #000000; border-collapse: collapse;}
#dlg-relationships table th{ font-weight: normal; text-align:center;}
#dlg-relationships table td{ vertical-align: top; font-weight:bold; border: 1px solid #000000;}

.submit-btn-float { position: fixed; left:0; bottom: 25px; width: 100%; text-align: center; height: 35px; z-index:9990; }
.submit-btn-shadow { width: 100%; height: 35px; position:relative;border: 2px ridge #1e4b17; z-index:9990; }
.submit-btn-input { margin-top: -38px; width: 100%; text-align: center; z-index:9999; }
.submit-btn-input input { z-index:9999; }
.submit-btn-input label { position:relative; padding: 4px 10px 2px 10px;z-index: 9999; margin-right: 35px; font-weight:bold; }

#error-msg-list li{ margin-top: 10px; }
#error-msg-list .ui-state-error { color:#ffffff; font-size: 1.2em; font-weight: bold; }

table.rltd-rpts { border:1px solid #000000; border-collapse: collapse; width: 100%;}
table.rltd-rpts th{ font-weight: normal; text-align:center; padding:3px;}
table.rltd-rpts td{ vertical-align: top; font-weight:bold; border: 1px solid #000000; padding: 3px;}

.rdrct-lnks ul li { line-height: 1.3em; margin-bottom: 20px; list-style-type: none;  }
.rdrct-lnks ul li span { float:left; margin-left: -20px; }
.rdrct-lnks li a{ color: #1e4b17; text-decoration: none; border-bottom: 1px solid #dfd9c3; }
.rdrct-lnks li a:hover{ color: #1e4b17; text-decoration: none; border-bottom: 1px solid #1e4b17; }

#rltd-rpts { border:1px solid #000000; border-collapse: collapse; width: 100%;}
#rltd-rpts th{ font-weight: normal; text-align:center; padding:3px;}
#rltd-rpts td{ vertical-align: top; font-weight:bold; border: 1px solid #000000; padding: 3px;}

#dlg-upsert { font-size: 0.9em; }
#dlg-upsert input.txt{ width: 175px; font-weight:bold; }
#dlg-upsert textarea{ width: 175px; height: 30px; font-weight:bold; overflow: auto; }
#dlg-upsert select{ width: 177px; font-weight:bold; }
#dlg-upsert td{ vertical-align:top; }

#mstr-header { margin: 5px auto 0 auto; width: 990px; text-align:center;  }
#mstr-header img { border-width:0; }
#mstr-footer{ clear: both; margin: 25px auto 35px auto; width: 990px; text-align:center; border-top: solid 2px #006531;}
#mstr-menu{ clear: both;}
#mstr-content{ margin: 0 auto; width: 990px;  }


/************************************************************************
	Buttons & links
************************************************************************/
div.link-text span { color: #000000; }
div.link-text:hover span { color: #1e4b17; }
div.link-text { text-decoration: none; border-bottom: 1px solid #006531; display: inline; cursor: pointer; }
div.link-text:hover { text-decoration: none; border-bottom: 1px solid #d4ccb0; }

div.link-img-text { display: inline-block; height: 25px; text-decoration: none;  }
div.link-img-text span { color:#000000; text-decoration: none; border-bottom: 1px solid #0000cc; padding-left: 2px; padding-right: 1px; }
div.link-img-text img { margin-right: 5px; border-width: 0; border-collapse: collapse; border-style:none; vertical-align: text-bottom; }
div.link-img-text:hover { color:#c2c2c2; text-decoration: none;}
div.link-img-text:hover span { color: #c2c2c2; text-decoration: none; border-bottom: 1px solid #a2a2a2;}

div.link-img img { border-width:0; border-collapse: collapse; text-decoration:none; }

.btn { display: inline-block; white-space:nowrap; }
.btn img { vertical-align:middle; border-width: 0; display: inline-block; }
.btn span { vertical-align: middle; padding-left: 5px; display: inline-block; }

.ui-effects-transfer { border: 2px dotted gray; } 


/************************************************************************
*	MENU Styles
************************************************************************/

.mstr-nav-nohref{ padding:0; display:block; text-align:center; 	text-decoration:none; color:#ffffff;height: 100%; }
.mstr-nav-nohref:hover, .mstr-nav-nohref:active { 
    background: #316029 url(images/ui-bg_highlight-hard_60_1e4b17_1x100.png) 50% 50% repeat-x; 
    padding:0; display:block; 
    text-align:center; 
    text-decoration:none; 
    color:#ffffff; 
    height: 100%; 
    z-index: 1002; 
    border-right: 1px solid #f5f3e5; 
    border-left: 1px solid #f5f3e5; 
    cursor: default;
}
.mstr-nav-1 { padding:0; margin: 0 auto; list-style: none; width: 990px; height: 24px; z-index: 1002; font-size: 1.2em; line-height: 1.4em; }
.mstr-nav-1 li { width: 135px; height: 24px; margin: 0px; display: block; float: left; position: relative; z-index: 1002; text-align: center; vertical-align: middle; }
.mstr-nav-1 li a:link, .mstr-nav-1 li a:visited { padding:0; display:block; text-align:center; 	text-decoration:none; color:#ffffff;height: 100%; }
.mstr-nav-1 li:hover a, .mstr-nav-1 li a:hover, .mstr-nav-1 li a:active { 
    background: #316029 url(images/ui-bg_highlight-hard_60_1e4b17_1x100.png) 50% 50% repeat-x; 
    padding:0; display:block; 
    text-align:center; 
    text-decoration:none; 
    color:#ffffff; 
    height: 100%; 
    z-index: 1002; 
    border-right: 1px solid #f5f3e5; 
    border-left: 1px solid #f5f3e5; 
}
ul.mstr-nav-2 {
	margin: 0;
	padding: 0;
	list-style:none;
	display:none;
	position:absolute;
	z-index: 2000;
	left: 0;
}
.mstr-nav-1 li:hover ul.mstr-nav-2 { display:block; }
ul.mstr-nav-2 li {
	width:196px;
	height: 30px;
	clear:left;
	margin: 0.5px 1px 0.5px 1px;    
	vertical-align: bottom;
	z-index: 2000;
}

ul.mstr-nav-2 li a:link, ul.mstr-nav-2 li a:visited {
	clear:left;
	background:#f5f3e5;
	padding:5px;
	width:192px;
	position:relative;
	z-index:2000;
	color: #006531;
	text-align: left;
    white-space: nowrap;
    font-size: 0.9em;
    height: 20px;
    border: 1px solid #006531;
}

ul.mstr-nav-2 li:hover a, ul.mstr-nav-2 li a:active, ul.mstr-nav-2 li a:hover {
	clear:left;
	position:relative;
	z-index:2000;
	background: #316029 url(images/ui-bg_inset-soft_80_dfd9c3_1x100.png) 50% 50% repeat-x; 
	color: #000000;
}

ul.mstr-nav-3 {
	margin: 0;
	padding: 0;
	list-style:none;
	display:none;
	position:absolute;
	left: 202px;
	z-index: 3000;
	top: 0px;
}
.mstr-nav-2 li:hover ul.mstr-nav-3 {
	display:block;
}
ul.mstr-nav-3 li {
	width:198px;
	height: 30px;
	clear:left;
	margin: 0.5px 1px 0.5px 1px;    
	z-index: 4000;
}

ul.mstr-nav-3 li a:link, ul.mstr-nav-3 li a:visited {
	clear:left;
	background:#f5f3e5;
	padding:5px;
	width:192px;
	position:relative;
	z-index:4000;
	color: #006531;
	text-align: left;
    white-space: nowrap;
    font-size: 0.9em;
    height: 20px;
    border: 1px solid #006531;
}

ul.mstr-nav-3 li:hover a, ul.mstr-nav-3 li a:active, ul.mstr-nav-3 li a:hover {
	clear:left;
	position:relative;
	z-index:4000;
	background: #316029 url(images/ui-bg_inset-soft_80_dfd9c3_1x100.png) 50% 50% repeat-x; 
	color: #000000;
}
