/**** BASE css; use pretty much everywhere ****/

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}

	/* ie. the keepers */
body {
	margin: 0;
	padding: 0;
	font: normal 14px arial, sans-serif;
	background-color: #fff;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

table { 
	border: none;
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px;
	text-align: left;
	border-collapse: collapse;
}
table.left {
	margin-left: 35px;
}


img {
	border: none;
}

/* styling for the main content area */
div#content {
	/*padding: 0 0.5em 0 2em;*/
	/*margin: 0 0.5em 0 2em;*/
}

/* styling for the login name display */
.loginName {
	text-align: right;
	color: gray;
	font-family: TimesNR, Helvetica, sans-serif;
	font-size: 0.7em;	
}				

.loginName span {
	font-weight: bold;
}

/* styling for the Login page */
table.login {
	
}

table.login p {
	margin-bottom: 15px;				
}

table.login label {
	text-align: right;
	font-size: 0.8em;
}

/* styling for links at the top of the page. found
 * in the synchronization areas of the app
 */
div.links {
	padding: 0.5em 0 0.5em 0;
	text-align: right;
	font-weight: bold;
}

/* stylings for anything to do with synchronization */
.synchronize-message {
	margin-bottom: 0.5em;
}

div.synchronize {
	
}

div.synchronize .control {
	padding: 0.5em;
	background-color: #eee;
}

div.synchronize .control input {
	font-weight: bold;	
}

div.synchronize div#check {
	padding: 0.25em;
	padding-right: 0.5em;
}

div.synchronize table {
	width: auto;
}

div.synchronize table th.check, td.check {
	width: 1%;
	text-align: center;
}

.synch-action-delete ,
.synch-action-update {
	color: red;
	font-weight: bold;
}
.synch-action-modelinuse {
	color: orange;
	font-weight: bold;
}
.synch-action-none {
	color: green;
	font-weight: normal;
}

/* stylings dealing with the busy message */
div#busy {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	width: 480px;
	visibility: hidden;
	padding-bottom: 1em;
	background-color: #fff;
	border: 2px solid #424242;
	text-align: center;
}

div#busy h4 {
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #424242;
	text-align: left;
	color: #fff;
	font-family: Arial;
}

div#busy p {
	color: #8b8b00;
}


	/* header NAVIGATION bar or nav bar used inside content pages */
table.nav {
	width: 100%;
	margin: 0.25em 0 1em 0;
	background-color: #666;
	border-top: 2px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 2px solid #666;
}

table.nav td {
	padding: 1px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #eee;				
}

table.subnav_encase {
	width: 100%;
	margin-bottom: 20px;
}
table.subnav {
	width: 100%; 		
	background-color: #666666;
	border: 1px solid #666666;
}
tr.subnav {
	background-color: #eeeeee;
}

	/* LINKS for nav */
a.nav			{	color: blue; text-decoration: none;}
a.nav:link		{	color: blue; text-decoration: none; }
a.nav:visited{	color: blue; text-decoration: none; }
a.nav:hover {	color: blue; text-decoration: underline; }
a.nav:active {	color: red; text-decoration: none; }
a.navd { color: #000 !important; }
a.navLink:link	{text-decoration: underline;}

	/* style for line breaks */
hr {
	margin: 0;
	padding: 0;
	color: #cccccc;
}

	/* 
		vertical spacer i.e. puts vertical space between 
		two elements assumming the element is empty
	*/
.vertical-spacer,
.verticalSpacer {
	height: 1em;
}

	/* style for space in outer edge (used in HealthManagement.jsp etc...) */
.left_spacer {
	width: 50px;
	height: 1em;
}

	/* table text (text to be placed in rows)*/
.text_small_right {
	text-align: right;
	font-size: 80%;
	vertical-align: middle;
}

.text_small_left {
	text-align: left;
	font-size: 80%;
	vertical-align: bottom;
}
.required {
	font-weight: bold;
	font-size: 1.1em;
}
input.required {
	border: 1px solid red;	
}

	/* table formatting */
table.listing {
	/* used for empty cells since IE does not support empty-cells property */
	background-color: #666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-collapse: separate;
	empty-cells: show;
}
table.listing td, th {
	padding: 2.5px 5px 2.5px 5px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	font-size: 1em;
	vertical-align: top;
}
table.listing thead tr th {
	background-color: #ccc;
	color: #000;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
}
table.listing tfoot tr td {
	background-color: #fff;
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
}
/* styling for EVEN rows */
table.listing tbody tr.row0 td {
	background-color: #eee;
}
/* styling for ODD rows */
table.listing tbody tr.row1 td {
	background-color: #bcd;
}

	/* toolbar for buttons on top and bottom of certain tables (i.e. Yahoo Mails type thing) */
.toolbar {
	padding: 5px;
	background-color: #eeeeee;	
}

	/* grayed out table used in System Creation and else where */
.toolbox {
	padding: 0;
}
	/* IE does not like to display the header correctly without the below style */
.toolbox .header_container {
	padding-top: 1px;
	padding-bottom: 1px;
}
.toolbox .header {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #cccccc;
	border: 1px solid #666666;
	text-align: center;
	font-weight: bold;
}
.toolbox .content {
	background-color: #eeeeee;
	padding: 5px;
}

	/* styles for filter boxes */
.filter_toolbox {
	padding: 5px;
	border: 1px solid #cccccc;
}

	/* for check all / clear all control table */
table.check_control {
	padding-top: 2px;
	font-size: 80%;
	text-align: left;
}
	
	/* paging control for plots and reports */
table.pagingcontrols {
	margin-bottom: 10px;	
}

	/* for progress bar */
.progress {
	border-left: 1px solid gray;
	border-right: 1px solid #666666;
	border-top: 1px solid gray;
	border-bottom: 1px solid #666666;
}
.progress_complete {
	background-color: green;
}
.progress_incomplete {
	background-color: red;
}
.progress_text {
	color: white; 
	font-weight: bold;
}
	
	/* session status stylings */
.resolved {
	color: green;
	font-weight: bold;
}
.unresolved {
	color: red;
	font-weight: bold;
}
.unknown {
	color: yellow;
	font-weight: bold;
}
	
	/* success styling */
.success {
	color: green;
	text-align: center;
	font-size: 120%;
}
.success-messages,
.warning-messages {
	padding: 1em 1em 1em 2.5em;
    background-position: 0.8em 1em;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	border-style: solid;
	border-width: 2px;
	color: #666;
}
a#warning-messages-close {
	color: #666;
	font-size: 0.8em;
}
.success-messages {
	background-color: #CCFB5D;
	background-image: url(../images/accept.png);
	border-color: #347235;
}
.warning-messages {
	background-color: #FFF380;
	background-image: url(../images/warning.png);
	border-color: #C35617;
}
.success-messages ul,
.warning-messages ul {
	margin: 0;
	padding-left: 1em;
}
.warning-messages ul {
	margin-bottom: 0.5em;	
}

	/* error styling */
.error {
	color: red;
	text-align:center; 
	font-size: 120%;	
}

	/* busy message styling */
div.busy {
	width: 80%;
	position: absolute;
	visibility: hidden;
}
div.busy p {
	font-size: 120%;
	color: #8b8b00;
	text-align: center;
}

/****** end STREAMLINED ********/

.form ul {					
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.form li {		
	padding-bottom: 0.5em;
}

.form label {
	font-size: 0.8em;
	font-weight: bold;
}

.form img {		
	border: none;
	padding: 0;
	margin: 0;
}

/*
	About TEAMS-RDS dialog sytlings
*/
.about {
	font-size: 0.8em;
}
.about .product-name {
	color: #0096d7;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.about .product-name span {
	font-size: 0.6em;
	vertical-align: super;	
}
.about .product-version {
	color: #666;
	font-weight: bold;
}
.about .product-test-link {
	margin-left: 10px;
	color: #666;
}
.about p {
	
}
#about-tabs {
	/*width:100%;*/
}
#about-tabs-support iframe {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	background: #fff;
}

/* stylings for hidden elements */
.hidden {
	visibility: hidden; 
	display: none;
}

/* styling for the system configuration page */
.sysconfig-section-title {
	border-bottom: 1px solid black;
    margin-bottom: 1em;
}
.sysconfig-secion-switch {
	display: block;
	width: 100%;
	margin: 1em 0 1em 0;
	text-align: center;
	font-size: 1.2em;
}
.sysconfig-option-notes {
	text-align: justify;
}
div.border {
	padding: 0 2px 0 2px;
}
table.selectSystem {
	width: 100%;
}

a.icon {
	cursor: pointer;
}
a.icon img {
	border: none;	
}
a.icon:focus {
	outline: none;
}
a.icon-disabled {
	cursor: default;
}

.dialog {
	display: none;	
}

.margin-bottom {
	margin-bottom: 1em;	
}