﻿
/*
html 
{
	position: absolute;
	left: 0;
	top: 0;	
}
*/

.modal-body
{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, "MS Sans Serif", Arial, Verdana, sans-serif;
}

form {
    padding: 10px;
    margin: 0;
}

form.app-frame {
    padding: 10px;
    margin: 0;
}

label, input, select, table, tr, td
{
	font-size: 8.5pt;
}

img 
{
	border: none;
}

.screen-group-container {
    border: 1px solid #7b7b7b;
}

.screen-group-container-iframe {
    border: none;
    margin: 0;
    padding: 0;
}

.screen-group-content-iframe {
    border: none;
    margin: 0;
    padding: 0;
}

.screen-group-title-iframe {
    display: none;
}

.screen-group-title 
{
	font-family: Arial;
	margin:0;
	padding:0;
    color: #333;
    font-size: 12pt;
    margin: 0;
    border-bottom: 1px solid #7b7b7b;
    margin-bottom: 0px;
    background: transparent url(../images/btn5.gif) repeat-x;
    padding: 3px 0;
    padding-left: 4px;
}

.screen-group-content {
    padding: 10px;
}

.directions {
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    padding-bottom: 2px;
    color: #000099;
    border-bottom: 1px solid #000099;
    margin-bottom: 6px;
}


.default-title {
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    padding-bottom: 2px;
    /*color: #000099;*/
    color: #000;
    margin-bottom: 6px;
}




a {
    /*font-size: 8pt;*/
    color: #2b64cd;
}

a:hover {
    /*font-size: 8pt;*/
    color: #d86508;
    text-decoration: none;
}

.nolist 
{
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

.nodisplay 
{
	display: none;
}

.novis
{
	visibility: hidden;
}

.data-alt-row td
{
    background-color: #ddd;
}

.data-alt-row-light td
{
    background-color: #eee;
}

.datepicker 
{
	cursor: pointer;
	position: relative;
	left: 3px;
	top: 2px;
}


.grid-wrapper {
    border-left: 1px solid #7b7b7b;
    border-right: 1px solid #7b7b7b;
    border-bottom: 1px solid #7b7b7b;
}


.ov-top
{
	width:100%;
	border-bottom:1px solid #7b7b7b;
}

.search-title {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 9pt;
    padding: 3px 0;
    padding-left: 4px;
    font-family: Arial, "MS Sans Serif", Arial, Verdana, sans-serif;
}

.search-title-div {
    background: transparent url(../images/btn5.gif) repeat-x;
    margin-bottom: 2px;
}

.window-title {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 9pt;
    padding: 3px 0;
    padding-left: 4px;
    font-family: Arial, "MS Sans Serif", Arial, Verdana, sans-serif;
}

.window-title-div {
    background: transparent url(../images/btn5.gif) repeat-x;
    margin-bottom: 2px;
}



.ov-left
{
	
}

.ov-right
{
	text-align:right;
	padding: 2px 2px 0 0;
}


a.close
{
    padding: 3px;
    position: relative;
    left: -4px;
    top: 1px;
}

a.close:hover
{
    text-decoration: none;
    /*background: transparent url(../images/screen-header2.gif) repeat-x;*/
    padding: 3px;
    position: relative;
    left: -4px;
    top: 1px;
}

a.close img
{
    border: none;
    vertical-align: middle;
    padding-right: 4px;
    position:relative;
    top:-1px;
}



.alpha-out
{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;	
}

.alpha-over
{
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;	
}
    


.mini-desc 
{
	padding: 3px 4px;
	margin: 0;
	margin-bottom: 5px;
	background-color: #FCF9DA;
	font-size: 8pt;
	display:block;
	font-weight: normal;
	border-bottom: 1px solid #555;
}



.button 
{
	background: transparent url(../images/btn.gif) repeat-x;
	border: 3px double #ccc;
	cursor: pointer;
	font-weight: bold;
}
.button2
{
	background: transparent url(../images/btn.gif) repeat-x;
	border: 1px solid #d1d1d1;
	cursor: pointer;
	font-weight: bold;
	padding: 1px;
}



.status-div
{
	cursor: default;
	background-color: #fcf9da; 
	text-align: left;
	padding-left: 5px; 
	color: Red; 
	font-size: 11px; 
	font-family: Tahoma; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-right: 3px;
	border: 1px solid #ccc; 
	margin-top: 4px;
}

.status-div-black
{
	cursor: default;
	background-color: #fcf9da; 
	text-align: left;
	padding-left: 5px; 
	color: #000; 
	font-size: 11px; 
	font-family: Tahoma; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-right: 3px;
	border: 1px solid #ccc; 
	margin-top: 4px;
}

.status-label
{
}

.status-label-info
{
	color: #333;
}



.error-div
{
	padding: 10px;
	background-color: #fdd4d4;
	border: 1px solid #ccc;
}

.success-div
{
	padding: 10px;
	background-color: #dcefd2;
	border: 1px solid #ccc;
}

.info-div
{
	padding: 10px;
	background-color: #fcf9da;
	border: 1px solid #ccc;
}

.std-link
{
	font-size: 8pt;
}

.std-link:hover:
{
	font-size: 8pt;
}

.page-link
{
	font-size: 10pt;
	padding: 0 2px;
}

.page-link:hover
{
	font-size: 10pt;
	padding: 0 2px;
}



.qmark
{
	text-decoration: none;
	font-weight: bold;
}

.qmark:hover
{
	text-decoration: none;
	font-weight: bold;
}

/*
.round-all { background-color: #e1e1e1; }
.round-top { background-color: #e1e1e1; }
.round-bottom { background-color: #e1e1e1; }
.round-left { background-color: #e1e1e1; }
.round-right { background-color: #e1e1e1; }
.round-top-right { background-color: #e1e1e1; }
.round-top-left { background-color: #e1e1e1; }
.round-bottom-left { background-color: #e1e1e1; }
.round-bottom-right { background-color: #e1e1e1; }
.round-top-bottom-left { background-color: #e1e1e1; }
.round-top-bottom-right { background-color: #e1e1e1; }
.round-top-left-bottom-right { background-color: #e1e1e1; }
.round-top-right-bottom-left { background-color: #e1e1e1; }
.round-top-right-bottom { background-color: #e1e1e1; }
.round-top-left-bottom { background-color: #e1e1e1; }
*/

.gray1 { background-color: #ccc; }
.gray2 { background-color: #e1e1e1; }
.gray3 { background-color: #f1f1f1; }
.light-gray   { background-color: #e1e1e1; }
.light-ugray   { background-color: #f1f1f1; }
.light-yellow { background-color: #fffbb1 !important;; }
.light-green  { background-color: #b2ec7e !important;; }
.light-blue   { background-color: #d3e2ff !important;; }
.light-red    { background-color: #feaa9d !important; }
.dark-red    { background-color: #F28372 !important;; }


/*
b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px} 
*/


.delete
{
	color: Red;
}


.txt-input
{
	font-size: 9pt;
}

.txt-input-multi
{
	font-size: 9pt;
	overflow: auto;
}


.btn-input
{
	font-size: 9pt;	
}

.cbo-input
{
	font-size: 9pt;	
}

.rad-input
{
	font-size: 9pt;	
}


.relative
{
	position: relative;
	top: 0;
	left: 0;
}


.page-description-shade
{
	height:1px;
	overflow: hidden;
	background-color: #8ea7d5;	
	border-top: 1px solid #777;
	border-bottom: 1px solid #9cb7ea;
	border-bottom: 1px solid #b3c6ea;
}


.page-header-right-cell
{
	text-align: right;
}

.button-container
{
	text-align: center; 
	padding-top: 10px;
}


.page-title-header
{
	font-size: 10pt;
	margin: 0;
	white-space: nowrap;
	padding-right: 10px;
}

.page-title-container
{
	background-color: #e1e1e1;
	border-bottom: 1px solid #ccc;
	padding: 3px;
}


.page-header-right-cell
{
	padding-right: 5px;
}

.content-root
{
	padding: 15px;
}



.label-cell
{
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

.label-cell-left
{
	text-align: left;
	padding-right: 5px;
	white-space: nowrap;
}

.form-table tr td
{
	padding: 2px;
}


.required 
{
	color: Red;
}



.form-label
{
	font-size: 9pt;
	white-space: nowrap;
}

/* Google Chrome allows the user to resize <textarea>'s, this causes all kinds of issues when they are used in overlays */
textarea 
{
	
    font-family: Arial, "MS Sans Serif", Arial, Verdana, sans-serif;
    resize: none;
}


.nowrap
{
	white-space: nowrap;
}


.header-help-inner
{
    padding: 2px 6px;
    font-size: 9pt;
}


