img {
  vertical-align: text-top;
}
table {
  text-align: left;
}
th {
  background-color: #EAF2FF;
  border-bottom: 3px solid #A0BDEB;
}

a.objectlink { text-decoration:none }

.data {
  border-collapse: collapse;
  margin: 15px auto;
  border: 1px solid #999999;
  width: 600px;
}
.data .headerrow { background-color: #EAF2FF; }
.data td, .data th {
  padding: 4px;
}
.data .row-th {
  border-bottom: none;
  border-right: 3px solid #A0BDEB;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
.title1 {
  /*font-size: 1.2em;*/
  border-right: 1px solid #999999;
}
.title2 {
  border: none;
  border-right: 1px solid #999999;
}
.odd .title2 { background-color: #E0E0E0 }
.even .title2 { background-color: #F0F0F0 }

table.data tr.odd td.needsfix {
  background-color: #FFE0E0;
}
table.data tr.even td.needsfix {
  background-color: #FFEAEA;
}
table.data tr.even td.shouldfix { 
  background-color: #FFFFCC;
}
table.data tr.odd td.shouldfix { 
  background-color: #F9F9AF;
}
input, textarea, select {
  margin: 1px;
}
.button {
  margin: 0px;
  border: 2px outset #A0BDEB;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url("/resources/srl-styles/images/button_grad.png");
  font-size: 90%;
  color: #4A5EA2;
}
span.button {
  padding-top: 1px;
  padding-bottom: 1px;
}
.button:active { 
  border: 2px inset #A0BDEB;  
}
a.button:link, a.button:visited { 
  border: 2px outset #A0BDEB;
  color: #4A5EA2;
  font-size: 100%;
}
.savnprnt { margin: 0 12px 0 0; float: right; }
.topborder { border-top: 1px dotted #CCCCCC; }

/* General purpose classes */
.center { text-align: center; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.column {
  border-left: 3px solid #A0BDEB;
  border-right: 3px solid #A0BDEB;
}
.row {
  border-top: 3px solid #A0BDEB;
  border-bottom: 3px solid #A0BDEB;
}
.inactive {
  background-color:#E0EEEE;
}
.mandatory {
  background-color:#FFFFE0;
}

/* button holder fieldsets */
fieldset.choices {
	margin: 0pt 6px 2px;
	padding: 2px 6px;
	width: auto;
}

/* tooltip messages */
.navtip {
	position:relative;
}
.navtip .tooltip {
	display: none;
}
.navtip:hover .tooltip {
	display: block;
	color: #000;
	background-color: #fff;
	left:1.5em;
	padding: 0.2em;
	border: 1px #4A5EA2 solid;
	position: absolute;
	z-index: 10;
}

/* User Messages */
#alert-message { 
  text-align: left;
  color: black;
  font-size: 12px;
  padding:0px 0px;
  width:746px;
  position:relative;
  right:-1em;
}
#alert-message .error { 
  background-color:#FF5555;
  color: black;
  padding:6px 4px;
  font-weight: bold;
}
#alert-message .alert { 
  background-color:#FBEC5D;
  padding:6px 4px;
}
#alert-message .message { 
  background-color:#CCFF99;
  padding:6px 4px;
}


/* Context Bar */
#context-bar {
  padding-left: 8px;
  margin-bottom: 3px;
}
#context-bar #breadcrumbs {
  clear: left;
  float: left;
  width: 746px;
  padding-top: 10px;
  padding-left: 0px;
  background-image: url("/resources/srl-styles/images/shadow-top.png");
  background-repeat: repeat-x;
  background-position: top;
}

#context-bar #breadcrumbs ul {
  border:medium none;
  display:inline;
  margin-left:0pt;
  padding-left:0pt;
}

#context-bar #breadcrumbs ul li {
  border:medium none;
  display:inline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:0pt;
  padding-left:2px;
}

#pagecontent ul.compact {
  margin:0px;
  padding:0px;
}

td.list-table, td.list-table-narrow, .list-table td {
  border-bottom:1px solid #A0BDEB;
  padding:4px 16px;
}

/* Styles for the main page content box */
#pagecontent { 
  margin: 0px 8px;
  width: 744px;
}

#pagecontent p { text-align: left; }

/* Use these classes for switching visibility section (helps...tooltips...etc) */
.toggle {
  display: none;
}
.toggle-show {
  display: block;
}

/* This adds css for a menu bar just below the site-header */
/* more stuff to try for a "better" look  */
#menu-bar {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:16px;
  color:#fff;
  margin: 0px;
}

#menu-bar .menu-list {
  position: relative;
  background-color:#004B8C;/*#295D91*/
  font-size: 85%;
  text-align: left;
  margin-left: 12px;
  margin-right: 12px;
  float: left;
  width: 746px;
}

#menu-bar .menu-list .hide-n-show {
  padding: 5px 2px 5px 2px;
  float: left;
}

#menu-bar .menu-list a {
  background-color: #004B8C;/*#295D91*/
  text-align: center; 
  padding: 4px 7px;
  color:#fff;
  text-decoration: none;
}

#menu-bar .menu-list a:hover {
  color:#fff;
  text-decoration: none;
  background-color: #2E4676;
}

#menu-bar .menu-list form {
	margin: 0px 0 -3px 0;
	padding: 0;
	float: right;
	text-align: right;
	text-decoration: none;
	padding-right: 8px;
}

/******************************************************/
/* Drop down Menu    #menu {}
/**************** menu coding **************************/
div#menu-bar .sub-menu {
  position: absolute;
  z-index: 20;
  font-size: 12px;
  top: 24px;
  background: none;
}

/*** Add some drop shadows ***/
.wrap1, .wrap2 {
display: inline;
/* \*/display:block;/**/
}
.wrap2 {background:url(/resources/srl-styles/images/corner_bl.png) left bottom no-repeat;}
.wrap1 {
	float:left;
	background:url(/resources/srl-styles/images/shadow.png) right bottom no-repeat;}
.wrap2 {
	background:url(/resources/srl-styles/images/corner_bl.png) -1px 100% no-repeat;
	display: block;
	padding:0 8px 8px 0;
}


/******maybe add width...*****/
div#menu-bar div.sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px 0px 0px;
}

div#menu-bar .sub-menu a {
  font-size: 11px;
  font-weight: bold;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  padding: 4px 3px;
  margin: 0;
  text-align: left;
  color:#fff;
}

div#menu-bar .sub-menu li {
width: 17em; 
position: relative;
}

div#menu-bar .sub-menu ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 100%;
}

/* Site Footer */
#site-footer { border: none; }

/* Widgets */

/*Various forms of links */
a.button { padding: 1px 8px 0px 8px; }

/*Text Styles*/
h2 { margin-bottom: 11px; }

h3,h4 { margin-bottom: 10px; }

/*Fix Developer Toolbar - make text correct size */
#developer-toolbar { font-size: 13.6px; }

/* Styles for the training */
#pagecontent .example-img {
  display: block;
  margin: 10px auto 15px;
  border: 1px solid #A0AED7;
  padding: 20px;
}