/*------------------------------------------------------------
Base font size set in below style 
To avoid browser compatibility issues, we will use
predefined variations of that base font size.
If a change is made to the base size, then repeat math below for 
the new base size and search and replace with the updated values.

Math:
base is set below
x-small is (base*.7)
small is (base*.85)
medium is (base*1.15)
large is (base*1.3)
x-large is (base*1.50)
xx-large is (base*1.75)
xxx-large is (base*2)


Current sizes:
base is 12px;
x-small is 8.4px
small is 10.2px
medium is 13.8px
large is 15.6px
x-large is 18px
xx-large is 21px;
-------------------------------------------------------------*/

html, body, td, input, select, textarea {
font-size:12px;
}

* {
font-family: Tahoma,Geneva,Arial,Helvetica,Verdana,sans-serif;
}

#contentContainer {
line-height:1.45em;   
}
    
html, body {
    /* get rid of default spacing on the edges */
    margin: 0;
    padding: 0;

    /* get rid of that 2px window border in Internet Explorer 6 */
    border: 0;

    /* fill the height of the browser */
    height: 100%;
}

body {
width: 100%;
height: 100%;
background-color: #FFF;
text-align: left; 
color: #606060;
text-align:center;
}

table#pageContainer {
width:100%;
height:100%;
}

* html table#pageContainer {
height:100%;
}

table#pageContainer tbody td.page {
vertical-align:top;
padding-bottom:35px;
}

a {
color: #264D73;
}

a:hover {
color: #343434;
}

a:visited, a:active, a:focus  {
color: #264D73;
}

a:visited:hover {
color: inherit;
}

a:active {
outline:none;
}

#topContainer {
background-color: "#fff";
width: 100%;
text-align:center;
color: #ffffff;
}

/*IE ONLY*/
* html #topContainer {
height: 65px;
}
/*END IE ONLY*/


#banner {
text-align: left;
width: auto;
cursor: default;
margin-right:auto;
margin-left:auto;
height:54px;
padding:10px 20px;
}

#title {
white-space: nowrap;
}

.rgTitle {
padding-top: 5px;
}

.rgSlogan {
color: #ffffff;
margin-left: 20px; 
}

#rightLinks {
width: 275px;
text-align: right;
padding:10px;
position: absolute;
right: 20px;
top: 15px;
color: #04518D;
}

#rightLinks a {
color: #04518D;
text-decoration: none;
}

#rightLinks a:hover {
border-bottom: 1px solid #ffffff;
padding-bottom: 1px;
}

#menuBarContainer {
background-color: #0775CF;
width: 100%;
text-align:left;
height:48px;
background: url(nav_bg_man.png) repeat-x center top;
}


.rgAdminItemsContainer {
position:absolute;
top:87px;
right: 0px !important;
left: 0px !important;
z-index:200;
background-color: #C7D3DC;
border-top: 2px solid #435A6C;
border-bottom: 1px solid #435A6C;
border-right: 1px solid #435A6C;
padding: 7px;
text-align:center;
}

.rgAdminItemsContainer .bd {
background-color: #ffffff;
padding: 7px;
border: 1px solid #343434;
}

/*IE ONLY*/
* html .rgAdminItemsContainer {
width: 100%;
}
/*END IE ONLY*/

#rgAdminMenuHide {
position:absolute;
right:12px;
bottom:10px;
}

.m0default, .m0hover, .m0clicked {
    color: #f6fbff;
    text-shadow: #006dc6 1px -1px 0;
    font-size: 14px;
    line-height: 48px;
    font-weight: bold;
    background: url(nav_bg_bdr.png) no-repeat right bottom;
    text-align: center;
}

.am1Table, .am2Table {
background-color: #ffffff;
border:1px solid #666;
}

.am1Table td, .am2Table td {
    padding:1px 3px;
}

.m1default, .m1hover, .m1clicked {
display:block;
width: 100px;
/*margin-top: 25px;*/
}

.m0hover {
    color: #f5faff;
    text-shadow: #066ec2 1px 1px 0;
    background: url(nav_bg_hover.png) repeat-x right bottom;
}

.m0inner {
	font-size: 14px;
	text-shadow: #066ec2 1px 1px 0;
}

.m1table {
	width: 100px;
	position: relative;
	top: 25px;
}

#m0m .mlyri a, #m0m .mlyri a img {
	height: 48px;
}

#mainContainer {
	width:100%;
	text-align:left;
	min-height:700px;
}
  
#topOrgName {
float:right;
padding:15px 7px;
color: #435A6C;
text-align:right;
font-size:default;
display:block;
}

#leftContainer {
	width: 180px;
	* width: 170px;
	padding: 10px 0px 45px 5px;
	vertical-align:top;
	background-color:#FFF;
	text-align:left;
}

#leftMenuContainer {
padding-bottom:12px;
padding-top:5px;
width: 180px;
}

#leftMenuContainer div.sideBox {
	border:1px solid #CCC;
	padding:0 0 5px;
	margin-bottom:10px;
	background-color:#Fffff;
	border-radius: 6px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;	
}

#leftMenuContainer div.sideBox form {
white-space:nowrap;
display:inline-block;
padding:2px 0 2px 7px;
margin-top:-1px;
}

* html #leftMenuContainer div.sideBox form,
* html #leftMenuContainer div.sideBox form#searchForm {
padding:2px 0 2px 7px;
margin-top:-1px;
}

* html #leftMenuContainer div.sideBox form {
display:block;
}

#leftMenuContainer div.sideBox form#searchForm {
white-space:normal;
}

#leftMenuContainer div.sideBox form#searchForm input {
margin-bottom:2px;
width:145px;
}

* html #leftMenuContainer div.sideBox form#searchForm input {
	width:145px;
}

#leftMenuContainer div.sideBox form#searchForm select {
	margin-bottom:2px;
}

#leftMenuContainer div.sideBox form#searchForm input.submit {
	width:38px;
}

#contentContainer {
	padding: 20px 25px 15px 3px;
	text-align: left;
	width: auto;
	background-color:#Fff;
	vertical-align:top;
}

/* for Internet Explorer */
* html #contentContainer {
	height: 100%;
	padding: 20px 25px 15px 0px;
}

#bottomContainer {
	background-color: #04518D;
	padding: 5px;
	z-index: 0;
	margin:-25px 0px 0px 0px;
	color: #FFF;
	text-align:right;
}

.sideBox {
	background-color: #FFF;
	border: 0px solid #435A6C;
	margin: 0px 5px 5px 0px;
	width: 160px;
}

* html .sideBox {
}

.sideBox hr {
border-color:#AFAFAF;
border-style:dotted;
border-width:1px 0 0;
margin-top:2px;
margin-bottom:2px;
color:#9E6D45;
height:0;
width:115px;
}

hr {
border-color:#C7D3DC;
margin: 0 0;
border-style:solid;
border-width:1px 0 0;
* height:1px;
}

* html hr {
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.menuHome {
	font-weight:bold;
	width: auto;
	margin-bottom: 5px;
	display:block;
	text-decoration: none;
	padding: 5px 7px;
	color: #343434;
	background-color: #ECEDF2;
	border-bottom:1px solid #CCC;
	cursor: default;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;	
	-webkit-border-top-left-radius: 8px;	
}

.menuHome a, .menuHome a:link, .menuHome a:visited, 
.menuHome a:hover, .menuHome a:active, .menuHome a:focus {
text-decoration: none;
color: #343434;
}
  

.sideBox div.menuItem {
	padding:1px 2px 1px 0px;
	white-space: normal;
	margin:7px;
	text-align:left;
}

.sideBox div.menuItem a, .sideBox div.menuItem a:link, .sideBox div.menuItem a:visited, 
.sideBox div.menuItem a:focus, .sideBox div.menuItem a:active {
	text-decoration: none;
	color: #343434;
}

.sideBox div.menuItem a:hover {
	color: #343434;
	text-decoration:underline;
}

.sideBox form {
display: inline;
}

.sideBox input, .sideBox select {
width: 104px;
}

/*IE ONLY*/
* html .sideBox input, * html .sideBox select {
width: 100px;
}
/*END IE ONLY*/

.sideBox .submit {
line-height:normal;
width:38px;
padding: 2px;
border: 1px solid #A1B5C4;
background-color: #ECEDF2;
}

.pageTitle {
font-size:175%;
font-weight:bold;
width: auto;
color: #606060;
cursor: default;
margin-bottom:10px;
}

.pageTitle a {
color: #435A6C;
}

.sectionTitle {
font-size:130%;
font-weight:bold;
width: auto;
color: #343434;
cursor: default;
margin-bottom:10px;
}

.legend {
margin-bottom: 12px;
white-space: nowrap;
width:auto;
border-bottom: 1px solid #A1B5C4;
background-color: #ECEDF2;
padding:5px;
}
 
.legend span {
	font-weight: bold;
	font-size:115%;
	padding: 3px 10px;
	color: #606060;
	cursor: default;
}

.menuLinkBox {
	background-color: #ECEDF2;
	border: 1px solid #A1B5C4;
	margin: 7px 0px 15px 0px;
	width: auto;
	text-align:left;
	border-radius: 6px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
}

.boxType3 {
background-color: #ffffff;
border: 1px solid #A1B5C4;
margin: 7px 0px 15px 0px;
width: auto;
}

.boxType3 table.itemtable {
margin-top:7px;
border:0px;
}

.Box label {
margin: 3px;
margin-top: 5px;
font-weight: bold;
display: block;
cursor: default;
}

.settingsFormBox table.itemtable tbody td.preview {
  vertical-align:middle;
}

.settingsFormBox table.itemtable tbody td.checkbox {
  vertical-align:middle;
  padding-top:0px;
  white-space:nowrap;
}

.settingsFormBox table.itemtable tbody td label {
font-weight:bold;
}

.note {
font-size:85%;
color:#666;
max-width:600px;
}

.addNew {
display:inline-block;
height:20px;
}

* html .addNew {
display:inline;
}

.noWrap {
white-space:nowrap;
}

.openTA {
display:inline-block;
}

* html .openTA {
display:inline;
height:18px;
}

.openTA img {
vertical-align:top;
margin-top:-15px;
}

* html .openTA img {
vertical-align:top;
margin-top:0px;
}

.boxType3 label.forCheckbox, .boxType3 label.forRadio {
display: inline;
}

input.checkbox, input.radio {
margin: 2px;
*margin: 0px 2px -3px 0px;
border: 0;
border-color:transparent;
background-color:transparent;
padding: 3px;
}

/*.menuLink a img {
  margin-bottom: -3px;
  border: 0;
}*/

.boxType3 .menuLink, .menuLinkBox .menuLink {
display:inline-block;
padding:5px;
vertical-align:middle;
width:140px;
text-align:center;
margin:2px;
}

* html .boxType3 .menuLink, * html .menuLinkBox .menuLink {
display:inline;
}

.boxType3 .menuLink a:hover, .menuLinkBox .menuLink a:hover {
color:#343434;
}


.formField {
white-space:nowrap;
display:inline-block;
vertical-align: top;
}

.formField img {
margin-bottom:-5px;
}

/*IE ONLY*/
* html .formField {
display:inline;
}
/*END IE ONLY*/

.smallField {
width: 200px;
}

* html .smallField {
width: 215px;
}

.mediumField {
width: auto;
}

* html .mediumField {
width: auto;
}

.largeField {
width: 570px;
}

* html .largeField {
width: 570px;
}

input.plaintext {
border: 0px solid #AFAFAF;
padding: 2px 0px 0px;
background-color:transparent;
}

.formfieldsearch {
height:40px;
}

.searchcontainer {
display:none;
position:absolute;
width:300px;
height:420px;
}

.searchinputcontainer {
border: 1px solid #AFAFAF;
padding:1px 2px 0px 5px;
background-color:#ffffff;
width:250px;
*width:310px;
height:22px;
display:inline-block;
*display:inline;
}

.searchresultscontainer {
border: 1px solid #AFAFAF;
padding:5px;
background-color:#ffffff;
width:250px;
height:300px;
display:none;
position:absolute;
overflow:scroll;
}

.formGroup {
min-width:800px;
white-space: nowrap;
margin-bottom: 12px;
}

.submit {
border: 1px solid #A1B5C4;
background-color: #ECEDF2;
padding: 2px;
color: #264D73;
font-family: inherit;
margin-right:-2px;
margin-left:0;
cursor: pointer;
}

.submit:hover, .submit:active, .submit:focus {
color: #343434;
text-decoration:underline;
}
 
.buttonsBottomLeft {
  text-align: left;
  margin-bottom: 16px;
}

.subMenuContainer{
* width:150;
background-color: #ffffff;
border:1px solid #ccc;
 margin: 0 0 0 -3px;
}

.submenu {
empty-cells:show;
background-color: #ffffff;
border: 10px solid #ffffff;
}

.submenu tbody td {
vertical-align:top;
text-align:left;
padding:2px 0px 0px 0px;
}

.submenu tbody td.rightColumn {
padding:2px 0 0 10px;
}

.submenu tbody td.leftColumn {
padding:2px 10px 0 0px;
border-right:1px solid #C7D3DC;
}


.submenu tbody td div {
/*font-weight:bold;*/ 
padding:5px;
width:145px;
}

.subMenuContainer a, .subMenuContainer a:link {
text-decoration:none;
color: #264D73;
}

.subMenuContainer a:hover {
border-bottom:1px solid;
color: #264D73;
}

table.topofpage {
    width:100%;
}
 
table.topofpagemenu {
empty-cells:show;
width:auto;
padding:5px 15px 15px;
margin-left:auto;
margin-right:auto;
}

table.topofpagemenu  tbody td {
vertical-align:top;
text-align:center;
padding:2px 10px 0;
}

table.topofpagemenu  tbody td div {
margin:2px;
padding:0px 5px;
vertical-align:top;
display:inline-block;
*display:inline;
}

table.topofpagemenu tbody td a, table.topofpagemenu tbody td a:link {
text-decoration:underline;
}

table.topofpagemenu tbody td.leftColumn {
border-right:1px solid #C7D3DC;
}

#pageMessagesContainer, #noscript {
position: relative;
z-index: 0;
margin: 0;
background-color: #C7D3DC;
border-bottom: 1px solid #435A6C;
width: auto;
text-align:center;
padding-top:2px;
padding-bottom:5px;
}

html>body .pageMessagesBox {
}

.pageMessagesBox {
	background-color: #ffffff;
	margin: 0px 50px 0px 180px;
	width:auto;
	padding: 10px;
	border: 2px solid #435A6C;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
}

.inContentPageMessageContainer {
    text-align:center;
}

.inContentPageMessageContainer .pageMessagesBox {
background-color: #ffffff;
margin: 20px auto;
width:450px;
padding: 20px;
border: 2px solid #435A6C;
}

.pageMessageError {
text-align: left;
color: #900;
margin-bottom: 2px;
margin-left: 5px;
}
 
.pageMessageWarning {
text-align: left;
margin-bottom: 2px;
margin-left: 5px;
}
 
.pageMessageInformational {
text-align: left;
margin-bottom: 2px;
margin-left: 5px;
}
 
.noError {
border: inherit;
}
 
.error {
color: #900;
}
 
.required {
color: #900;
margin-left: 2px;
}
 
input, TEXTAREA {
border: 1px solid #AFAFAF;
padding: 3px;
background-color: #ffffff;
}

select {
border: 1px solid #AFAFAF;
padding: 2px 2px 2px 1px;
background-color:#ffffff;
}

select.ageCalc {
  width:50px !important;
}

* html .selectStyle {
background-color: #ffffff;
border: 1px solid #AFAFAF;
height:20px;
}
 
textarea {
border: 1px solid #AFAFAF;
padding: 3px;
}

/*IE ONLY*/
* html input, * html select {
height: 22px;
}
/*END IE ONLY*/
 
.clearLefty {
display:none;
}
 
.searchField select, .mediumField select, .mediumField input {
width: 225px;
}

select.searchField, select.mediumField, input.mediumField {
width: 225px;
}

.smallField select, .smallField input {
width: 180px;
}

select.smallField, input.smallField {
width: 180px;
}

/*IE ONLY*/
* html .smallField select, * html .smallField input {
width: 200px;
}

* html select.smallField, * html input.smallField {
width: 200px;
}

* html .mediumField select, * html .mediumField input {
width: 240px;
}

* html select.mediumField, * html input.mediumField {
width: 240px;
}

* html .searchField select {
width: 225px;
}

* html select.searchField {
width: 225px;
}
/*END IE ONLY*/

.tinyField select, .tinyField input {
width: 100px;
}

select.tinyField, input.tinyField {
width: 100px;
}


input#Summary {

}

input.tightRight {
width: auto;
}

select#SizeUOM {
width: auto;
}

.hiddenNotification {
display: none;
}

.visibleNotification {
font-size:85%;
background-color: white;
border: 1px solid #A1B5C4;
width: 250px;
padding: 3px;
white-space: nowrap;
cursor: pointer;
font-weight: bold;
text-align: center;
position: fixed;
_position: absolute;
top: 0px;
top: expression(eval(document.body.scrollTop));
right: 0px;
z-index: 100;
}

html>body>.visibleNotification {
position: fixed;
}

.visibleNotification img {
  float: right;
  margin: -13px 0 2 0;
  padding: 0;
  border: 0;
} 

.datatable {
  border: 1px solid #A1B5C4;
  margin-bottom: 15px;
	cursor: default;
  width: 100%;
  border-collapse: collapse;
}

.datatable thead {
  background-color: white;
}

.datatable thead select {
  margin-right: 4px;
  padding: 2px;
}

.datatableTitle {
  font-weight: bold;
}

.datatableFieldHeaders td {
	font-weight: bold;
	white-space: nowrap;
}

.datatable thead .datatableSearchRow input {
  font-weight: bold;
  padding: 2px;
}

.datatable thead .datatableSearchRow button {
  padding: 0px;
}

.datatable tfoot td {
  background-color: white;
  height: 20px;
}

.datatable tbody td {
  border-top: 1px solid #A1B5C4;
  border-bottom: 1px solid #A1B5C4;
  padding: 1px 3px 1px 3px;
}

.datatable td {
  padding: 3px;
  vertical-align: top;
}

.datatable thead img {
  margin-top: 4px;
  margin-bottom: -4px;
}

.datatable thead img, .datatable tfoot img {
  cursor: pointer;
  cursor: hand;
}

.datatablePageLinks {
  white-space: nowrap;
  float: right;
}

.datatablePageLinks a, 
.datatablePageLinks a:visited, 
.datatablePageLinks a:active {
  border: 1px solid #A1B5C4;
  padding: 0 3px 1px;
  margin: 0 2px;
  text-decoration: none;
}

.datatablePageLinks a:hover {
  border: 1px solid #336699;
}

.datatablePageLinksActive {
  font-weight: bold;
  padding: 0 3px 1px;
}

.datatableTotal {
  font-weight: bold;
}

.datatableRowOver td {
  background-color: #ECEDF2;
}

.datatableRowOut td {
  background-color: #ffffff;
}

.datatable tbody tr.datatableRowSelected td {
  background-color: #C7D3DC;
}

.datatable tbody td.datatableRowMessage {
  text-align: center;
  font-weight: bold;
  padding: 12px;
}

#menu {
display: block;
width: auto;
}

.tile {
float: left;
position: relative;
padding-right: 10px;
width: 100px;
height: 100px;
text-align: center;
}

.ddDivider {
  background-color: beige;
  letter-spacing: .5px;
  font-weight: bold;
}

.ddControl {
  color: darkred;
}

.ddCurrent {
  color: darkred;
  font-weight: bold;
}

.ddFaded {
}

.itemtable {
  width: 100%;
  border: 1px solid #A1B5C4;
  empty-cells: show;
  border-collapse: collapse;
  margin-bottom: 10px;
  background-color: #ffffff;
}

.hiddenElement {
  display:none;
}

.itemtable thead td {
color: #343434;
}

.itemtable thead td div.legend {
margin-bottom: 12px;
white-space: nowrap;
width:auto;
border-bottom: 1px solid #A1B5C4;
background-color: #ECEDF2;
padding:5px;
}
 
.itemtable thead td div.legend span {
padding: 3px 10px;
cursor: default;
}

.itemtable tbody td {
  padding: 3px;
}

.itemtable tbody td.spacer {
  
}

.itemtable tbody td.title {
  width: 200px;
  text-align: right;
  padding:6px 7px 3px 15px;
  font-weight: bold;
  vertical-align: top;
}

.itemtable tbody td.titleTop {
  padding:10px 7px 2px 15px;
  vertical-align: bottom;
  text-align: left;
}

.itemtable tbody span.title {
  text-align: right;
  padding:6px 7px 3px 15px;
  font-weight: bold;
  width:170px;
  display:inline-block;
  *display:inline;
}

.itemtable tbody td.title span.title {
  padding:0px;
}

table.viewBox tbody td.titleMiddle,
.itemtable tbody td.titleMiddle{
vertical-align:middle;
}

table.viewBox tbody td.value,
.itemtable tbody td.valueMiddle {
vertical-align:top;
padding:6px 7px 3px 3px;
}

.itemtable tbody td.titleEmpty {
  width: 200px;
}

.itemtable tbody td.value {
  width: 400px;
  text-align: left;
  vertical-align:top;
}

.itemtable tbody td.valueBottom {
  padding:0px 7px 10px 20px;
  vertical-align: top;
  text-align: left;
}

.itemtable tbody td.value img {
margin-bottom: -5px;
}

/*IE ONLY*/
* html .itemtable tbody td.value img {
margin-bottom: 0px;
}

.itemtable tbody td.valueEmpty {
  width: 400px;
}

/* --------------------------- */
/* STYLES FOR YUI MENU         */
/* --------------------------- */

/*
Position and hide the Menu instance to prevent a flash of unstyled 
content when the page is loading.
*/

div.yuimenu {
  position: absolute;
  visibility: hidden;
}

/*
Set the "zoom" property to "normal" since it is set to "1" by the 
".example-container .bd" rule in yui.css and this causes a Menu
instance's width to expand to 100% of the browser viewport.
*/
    
div.yuimenu .bd {
  zoom: normal;  
}

.backtotop {
text-align:right;
padding:3px;
}

#bottomContainer a, #bottomContainer a:link, 
#bottomContainer a:visited, #bottomContainer a:active, 
#bottomContainer a:focus {
color: #ffffff;
text-decoration:none;
}

#bottomContainer a:hover {
color:#ffffff;
text-decoration:underline;
}

.activeCell {
background-color: #C7D3DC;
border: 2px solid #4F6A7C;
padding:7px;
}

.yui-skin-sam .yui-panel  {
border-width:0 !important;
}

.yui-skin-sam .mask {
z-index:20010;
}

#imagePopover .bd {
border:5px solid #42596C;
padding:7px 0px 20px 0px;
}

#imagePopover .hd {
background:#ffffff url() !important;
display:none;
}

#imagePopover .bd #closePopUp {
position:absolute;
bottom:8px;
right:8px;
text-align:right;
}

#imagePopover .container-close { display:none; }

.bdContent img {
vertical-align:middle;
margin:5px;
}

#pageMessagePopover {
background-color: #435A6C;
width: auto;
text-align:center;
}

#pageMessagePopover .bd {
background-color: #ffffff;
width:auto;
padding: 15px 15px 25px 15px;
border: 2px solid #435A6C;
}

#pageMessagePopover .hd {
background:#ffffff url() !important;
display:none;
}

#pageMessagePopover .bd #closePopUp {
position:absolute;
bottom:8px;
right:8px;
text-align:right;
}

#pageMessagePopover .container-close { 
display:none; 
}

#addNewPopover {
background-color: #435A6C;
width: auto;
text-align:center;
}

#addNewPopover .bd {
background-color: #ffffff;
width:auto;
padding: 15px;
border: 2px solid #435A6C;
}

#addNewPopover .hd {
background:#ffffff url() !important;
display:none;
}

#addNewPopover .bd #closePopUp {
position:absolute;
bottom:8px;
right:8px;
text-align:right;
}

#addNewPopover .container-close { 
display:none; 
}

.breadcrumbs {
margin: -6px 0 10px 5px;
}

.recentItem {
color:#264D73;
}

.sideBox div.menuItem a:hover span.recentItem {
color:#343434;
}

#bottomOrgName{
float:left;
}

a.clicktoerror {
font-weight:bold;
text-decoration:underline;
cursor: pointer;
color:#990000;
}

input#addAnother {
border-color:transparent;
border:0;
}

div.lost {
  margin-bottom: 10px;
  font-weight: bold;
  cursor: pointer;
}

div.browserUpgrade {
  margin-bottom: 10px;
  font-weight: bold;
}

div.lost a:hover, div.browserUpgrade a:hover {
  text-decoration: underline;
}

div.lost img, div.browserUpgrade img {
  float: left;
  margin: 0 4 4 4px;
}

div.newMessages {
  margin-bottom: 10px;
  font-weight: bold;
  color: red;
}

div.newMessages a {
  color: red;
  text-decoration: none;
}

div.newMessages a:hover {
  text-decoration: underline;
}

div.newMessages img {
  float: left;
  margin: 0 4 4 4px;
  border: 0;
}

div.linkGrant {
  margin-bottom: 10px;
  font-weight: bold;
  color: red;
}

div.linkGrant a {
  color: red;
  text-decoration: none;
}

div.linkGrant a:hover {
  text-decoration: underline;
}

div.linkGrant img {
  float: left;
  margin: 0 4 4 4px;
  border: 0;
}

table.datalist {
  border: 1px solid #A1B5C4;
  margin-bottom: 15px;
  border-collapse: collapse;
  margin-top: 16px;
}

table.datalist thead td {
  background-color: #EFEFF7;
  color: #343434;
  font-weight: bold;
  padding: 3px 5px 3px 5px;
}

table.datalist tbody td {
  border-top: 1px solid #A1B5C4;
  border-bottom: 1px solid #A1B5C4;
  padding: 1px 5px 1px 5px;
}

div.dashboardBox {
width: 175px;
float:left;
margin-right:5px;
}

div.dashboardBox table {
  width: 175px;
  margin: 10 10 0 0px;
  border: 1px solid #A1B5C4;
  empty-cells: show;
  border-collapse: collapse;
}

div.dashboardBox table thead td {
  background-color: #264D73;
  color: #ffffff;
  font-weight: bold;
  font-size: 90%;
  padding: 5px 6px 5px 10px;
  cursor: default;
}

div.dashboardBox table thead td div img {
  float: right;
  margin-top: -16px;
}

div.dashboardBox table tbody td {
  height: 20px;
}

.pageContraint {
width:700px;
text-align:left;
margin-top:20px; 
display:block;
height:100%;
}

.completedFormQuestion {
  font-weight: bold;
}

.hiddenInput {
display:none;
}

table.fancyCheckboxTable {
width:700px;
}

table.fancyCheckboxTable td {
  width:130px;
  height:30px;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
}
table.fancyCheckboxTable td.cbOn {
  border: 2px solid #A1B5C4;
  font-weight:bold;
  color:#000;
  padding: 0px;
}
table.fancyCheckboxTable td.cbOff {
  border: 1px solid #ddd;
  padding: 1px;
}

table.fancyRadioTable {
  border: 1px solid #CCC;
  background-color:#F0F0EE;
  width:275px;
}
table.fancyRadioTable td {
  border: 0px solid #CCC;
  padding: 4px 8px;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  width: 25%;
}
table.fancyRadioTable td label, table.fancyRadioTable td input {
  cursor:pointer;
}

.enabledDatatableIcon {
  width: 14px;
  height: 14px;
  border: 1px inset black;
}

.animalUnavailable {
  background-color: #e9e6e6;
}

#datatableViewDescription {
  padding-left: 4px;
  font-weight: bold;
  font-size: larger;
  float: left;
}

#datatableViewControls img {
  border: 0;
}

.menuLinkBox table {
  margin: 3px;
}

.menuLinkBox table td {
  border: 1px solid transparent;
  vertical-align: top;
  text-align: center;
  width: 95px;
  padding: 6px;
}

.menuLinkBox table td img {
  margin-bottom: 3px;
  border: 0;
}

.menuLinkBox table td a {
  display: block;
  text-decoration: none;
}

.menuLinkBox table td:hover {
  border: 1px solid #ccc;
}

.scroll_checkboxes {
    height: 100px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #ccc
}

.nonscroll_checkboxes {
    padding: 5px;
    border: 1px solid #ccc
}

div.fancyRadios {
width: 285px;
*width: 291px;
border: 1px solid #CCC;
background-color:#F0F0EE;
padding:3px;
}

div.fancyRadios label {
white-space:nowrap;
min-width:55px;
*min-width: 61px;
padding:3px;
}

label.radio {
margin:0 10px 0 2px;
display:inline-block;
}

.dashboardTable {
  width:200px;
  border:1px solid #CCCCCC;
  float:right;
	border-radius: 6px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
}

.dashboardTableHeader {
	background-color:#ECEDF2;
	padding:8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;	
	-webkit-border-top-left-radius: 8px;	
}

#dashboardTableWelcome {
  width:525px;
  margin-right:15px;
}

#dashboardTableMessages {
  width:525px;
  margin-top:15px;
  float:left;
}

.dashboardHiddenContent {
  border-left:1px solid #369;
  margin:4px 10 4 55;
  padding-left:6px;
}

.dashboardBullet {
  height:20px;
  vertical-align:top;
  background-repeat:no-repeat;
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/icons/bullet_arrow_right.png);
  padding-left:24px;
  margin-left:30px;
  text-decoration:underline;
}

.dashboardMessageNew {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/icons/email.png);
  background-repeat:no-repeat;
  height:20px;
  vertical-align:top;
  padding-left:24px;
  margin-left:30px;
  font-weight: bold;
}

.dashboardMessageRead {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/icons/email_open.png);
  background-repeat:no-repeat;
  height:20px;
  vertical-align:top;
  padding-left:24px;
  margin-left:30px;
}

.dashboardQuickLink {
  height:20px;
  vertical-align:top;
  background-repeat:
  no-repeat;
  padding-left:24px;
  margin-left:30px;
}

.reportHTML td {
  padding: 8px;
}

.reportHTML table thead td, .reportHTML .sectionTitle td  {
  font-weight: bold;
  background-color: #ECEDF2;
}

.hidden {
  display: none;
}

.reportHeading {
  border-bottom: 1px solid #C7D3DC;
  margin-bottom: 12px;
  margin-top: 16px;
  font-weight: bold;
  clear: both;
}

.layoutChange {
float:right;
height:20px;
margin-top:-25px;
margin-right:5px;
}

.layoutChangeIconOn {
align:right;
padding:1px;
}

.layoutChangeIconOff {
align:right;
padding:1px;
margin:2px 0px;
border:0px;
}

.asilomarReportTable td {
  padding: 5px;
}

div.datatableLoading {
  font-weight:bold;
  height:32px;
  width:170px;
  padding-top:6px;
  margin-left:auto;
  margin-right:auto;
  font-size:larger;
  background-repeat:no-repeat;
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/loadingcircle.gif)
}

* html .ieoffset {
margin-top:-3px;
}

.liveSearchChoice {
	white-space: nowrap;
}
.liveSearchChoice:hover {
  background-color: rgb(250, 250, 250);
}

.livesearchBg {
	padding: 3px 0px 3px 22px; 
	background: url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/magnifier.png) no-repeat 3px; 
	background-size: 16px 16px;
	width: 135px;
}

.livesearchChoices {
	width:250px; 
	height:180px; 
	overflow-x:hidden; 
	overflow-y:scroll; 
	padding: 3px; 
	border:1px solid rgb(175, 175, 175); 
	display:none; 
	position:absolute; 
	background-color:white;
}

.livesearchAnimalInfo {
	width:185px; 
	height: 180px; 
	padding: 3px; 
	overflow:hidden; 
	border:1px solid rgb(175, 175, 175); 
	display:none; 
	position:absolute; 
	margin-left:257px; 
	background-color:white;
}

.environmentWarning {
	color: white;
	padding: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	background-color: red;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

.sectionDividerRounded {
	margin: 18px 0 12px 0;
	padding: 8px 15px;
	border: 1px solid #CCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: rgb(236, 237, 242);
	color: #343434;
	font-weight: bold;
}

.liteTitle {
	float:left;
	width:140px;
	text-align:right;
	padding:5px 7px 4px 15px;
	font-weight:bold;
	vertical-align:top;
	clear:both;
}

.liteValue {
	float:left;
	text-align:left;
	padding:3px 7px 2px 3px;
	vertical-align:top;
}
