/***************************************/
/** Basic elements
/***************************************/
html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #container {
	height: auto;
}

html {
	/*lifts sidebars off bottom of page*/
	font-size: 				100%; /* IE hack */
}

body {
	font-size: 0.75em;  /* IE hack - equivalent of 12px considering default font size is usually 16px */
	font-family: Arial, Sans-Serif;
	color: #333;
	margin: 0;
}

A { color:blue;}
A:hover { color:blue;}
A:visited { color:blue;}

input, textarea, select, p, acronym, legend, dl, dt, dd, pre {
	font-family: Arial, Sans-Serif;
	font-size: 1em;
}

img {
	border: 0;
}

form, table {
	border: 0;
	margin: 0;
}

.thumbnail {
	margin-right: 5px;
	width: 75px;
	height: 81px;
	cursor: pointer;
}

HR.softHR { height: 1px; color: #ccc; }
/***************************************/
/** Site template divs
/***************************************/
#container {
	position: relative;
	text-align: left;
	padding: 0;
	width: 				978px;
	border: 1px solid #CCC;
	margin-left: auto;
  margin-right: auto;
}

#main1 {
	margin:0; padding:0;
	background:#FFF url("images/cream.gif") top left repeat-y;
	}

#main2 {
	margin:0; padding:0;
	background:url("images/cream.gif") top right repeat-y;
	}

#banner {
	position: 				relative;
	height: 					120px;
	width: 						100%;
	background:				url(images/banner.gif) no-repeat;
}

#menuPlacement {
	margin: 0;
	width: 100%;
	background: #0000CC;
	border-bottom: 1px solid #000;
	z-index: 999;
}

#leftMargin, #rightMargin {
	width: 145px;
	height: 100%;
}

#leftMargin {
	float: left;
	margin: 0;
	padding: 0;
}

#rightMargin {
	float: right;
	right; 0px;
	margin: 0;
	padding: 0;
}

#supportingText {
	margin: 10px 145px;
	padding: 2px 5px 0 5px;
	height: 100%;
}

#footer {
	margin: 0;
	width: 100%;
	color: #FFF;
	background: #0000CC;
	border-bottom: 1px solid #0000CC;
	z-index: 999;
	height: 40px;
}

#footer p {
	margin: 0;
	padding: 15px 20px 15px 20px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#legal {
	float: left;
}

#links {
	float: right;
}

#admin_loginDetails {
  position: absolute;
  right: 75px;
  top: 5px;
  color: #000;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
		
#pageIntro {
	min-width: 470px;
}

#pageHeader {
	text-align: center;
}

.pageTxtTitle {
	font-size: 2em;
	color: #FF9431;
	padding: 0;
	text-indent:0;
}

.pageImgTitle {
	float: 						left;
	padding: 					5px 0 0 5px;
}

#pageSummary {
	padding: 					5px 5px;
}


#sponsors, #searchArea, #logonArea, #mapArea {
	width: 100%;
}

#mapArea {
	text-align: center;
	padding: 5px 0px;
	border-bottom: #CCC 1px solid;
}

#searchArea {
	margin-right: 15px;
	text-align: justify;
	padding: 5px 0px;
	border-bottom: #CCC 1px solid;
}

#searchArea form {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	text-align: center;
}

.searchArea_button {
	height:						20px;
	width:						44px
}

.searchArea_text {
	height:						12px;
	width: 						80px;
}

#logonArea {
	margin-right: 15px;
	text-align: justify;
	padding: 5px 0px;
	border-bottom: #CCC 1px solid;
}

#logonArea form {
	margin: 0;
	padding: 0;
}

.loginTable {
	font-size: 				0.93em;
	border: 					0;
	vertical-align: 	top;
	margin:						0;
	width: 						100%;
}

.loginTable a, .loginTable a:visited {
	font-size: 				1em;
}

.loginTable a:hover, .loginTable a:focus {
	font-size: 				1em;
	color:						#99AFFF;
}

.loginTable td {
	vertical-align:		middle;
}

.logon_button {
	height:						20px;
}

.login_dataEntry {
	height:						12px;
	width: 						90px;
}

#googleAdSense {
	margin-top: 20px;
}

#advert{
	margin: 0;
	padding: 10px 0;
}

#advert p {
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
}

#advert img, #advert input{
	padding: 3px 0 5px 0;
}

/***************************************/
/** Homepage
/***************************************/
.ssFloatLeft { float:left; padding: 10px;}
.ssFloatRight { float:right; width: 250px; margin-right: 10px;}

/***************************************/
/** fieldset settings
/***************************************/
legend {
	padding: 0 .5em;
	font-weight: bold;
	font-size: 115%;
	color: #333366;
}

fieldset {
	padding: 5px;
	margin-bottom: 10px;
}

/***************************************/
/** External Links Page               **/
/***************************************/
#linkList a {
	text-decoration: none;
}

#linkList a:hover {
	background-color: #BFEFFF;
	cursor: pointer;
	text-decoration: none;
}

#linkList dt {
      clear: both;
      text-align: left;
      padding-right: 1em;
      float: left;
      width: 30%;
      padding-bottom: 1em;
}

#linkList dd {
      text-align: left;
      width: 65%;
      padding-bottom: 1em;
}

/***************************************/
/** Contact Us Page                   **/
/***************************************/
#contactUs dl {
      margin: 0;
      padding: 5px;
}

#contactUs dt, #contactUs dd {
      margin: 0;
      padding: 0 0 .5em 0;
}

#contactUs dt {
      clear: both;
      text-align: right;
      padding-right: 1em;
      float: left;
      width: 20%;
}

#contactUs dd {
      text-align: left;
      width: 75%;
}

#contactUs textarea {
      width: 100%;
}


#displayHP1, #displayHP2, #displayHP3, #displayHP4,
#displayHP5, #displayHP6, #displayHP7, #displayHP8 {
  display: none;
}

/*****************************************/
/** Form Layouts for collecting details **/
/*****************************************/
.comboSel {
	visibility: hidden;
}

.dirInp {
	width: 70%;
}

.indexLayout, .pwordLayout {
	width: 						auto;
	padding: 					5px;
	border: 					1px outset;
}

.indexLayout table, .iframTable {
	font-size: 1em;
	width: 100%;
	border: 0;
}

#pwordLayout dl {
      margin: 0;
      padding: 5px;
}

#pwordLayout dt, #pwordLayout dd {
      margin: 0;
      padding: 0 0 .5em 0;
      line-height: 16px;
}

#pwordLayout dt {
      clear: both;
      text-align: right;
      padding-right: 1em;
      float: left;
      width: 20%;
}

#pwordLayout dd {
      text-align: left;
      width: 75%;
}

.iframTable tr {
	vertical-align: 	top;
}

.indexiFrame {
	width: 						100%;
	height:						350px;
	border:						0;
}

img.animalPics	{
	vertical-align: 	middle;
	float:						right;
	border: 					2px #CCCCFF inset;
}

img.emailFriendPics	{
	vertical-align: 	middle;
	float:						left;
	border: 					2px #CCCCFF inset;
}

#memberLayout, #plainLayout, #transLayout, #confirm {
	font-size: 				1em;
	text-align:				left;
	top:							0px;
	left: 						0px;
	margin:						1% 0 1% 0;
}

#confirm  {
	margin-top: 60px;
}

#memberLayout fieldset {
	margin-bottom: 10px;
	border: #CCCCCC 1px solid;
	padding: 2px;
}

#memberLayout h4 {
	text-indent:			0em;
	color:						#0099FF;
}

#memberLayout h5 {
	text-indent:			0em;
	color:						#0099FF;
}

#memberLayout a {
	font-weight:			normal;
}

#memberLayout a:link {
	color: #B7A5DF;
}

#memberLayout a:hover, #memberLayout a:active {
	text-decoration: none;
	color: #9685BA;
}

#memberLayout table {
	font-size: 				1em;
	margin:						0;
	width: 						100%;
	border-top:				1px solid #EDEDED;
	border-left:			1px solid #EDEDED;
	border-right:			1px solid #61C0FF;
	border-bottom:		1px solid #61C0FF;
}

#memberLayout tr, #memberLayout td {
	padding: 					0.3em;
}

/***************************************/
/** resetPWLayout
/***************************************/
#resetPWLayout {
 font-size: 0.923em;
 text-align: left;
 padding: 1%;
 width: 97.5%;
 color: #4F4F4F;
 background: #FFF;
}

#resetPWLayout table {
 width: 100%;
 border-collapse: collapse;
}

#resetPWLayout dl {
   margin: 0;
   padding: 5px;
}

#resetPWLayout dt, #resetPWLayout dd {
   margin: 0;
   padding: 0 0 .5em 0;
}

#resetPWLayout dt {
   clear: both;
   text-align: right;
   padding-right: 1em;
   float: left;
   width: 40%;
}

#resetPWLayout dd {
   text-align: left;
}

#plainLayout dl {
      margin: 0;
}

#plainLayout dt, #plainLayout dd {
      margin: 0;
      padding: 0 0 .5em 0;
}

#plainLayout dt {
      clear: both;
      text-align: right;
      padding-bottom: 0;
      padding-right: 1em;
      float: left;
      width: 18%;
}

#plainLayout dd {
      text-align: left;
}

#plainLayout table {
	width: 100%;
  border:1px solid #d1cfcf;
	border-collapse:	collapse;
}

#plainLayout td {
  border-width:0 1px 1px 0;
  border-color:#d9dbdc;
  border-style:solid;
  vertical-align: top;
}

#plainLayout th {
	padding: 					0;
}

#plainLayout tr, #plainLayout td {
  padding: 0 5px .5em 5px;
}

#searchBar {
	font-size: 				0.923em;
	text-align:				left;
	margin-bottom:		5px;
	color:						#4F4F4F;
	background:				#AFDFFF;
	padding: 					5px;
	border: 					1px outset;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.validationError {
	color:						red;
	text-align:				center;
}

.formLabel {
	text-align:				right;
}

.formLabelRqd {
	font-weight:			bold;
	text-align:				right;
}

.formInput {
	text-align:				left;
}

.signupFieldset {
	width: 100%;
}

.leftFieldset {
	width: 						59%;
	display: 					block;
	float: 						left;
	margin:						1% 0.5% 1% 0.5%;
}

.rightFieldset {
	margin:						1.25% 0.5% 1% 0.5%;
}

.additionalDetails {
	width: 98%;
	margin-left: 1%;
}

.signupFieldset dl, .leftFieldset dl, rightFieldset dl, .additionalDetails dl {
      margin: 0;
      padding: 1%;
}

.signupFieldset dt, .signupFieldset dd, 
.leftFieldset dt, .leftFieldset dd, 
.rightFieldset dt, .rightFieldset dd, 
.additionalDetails dt, .additionalDetails dd {
      margin: 0;
      padding: 0 0 .5em 0;
      float: left;
}

.signupFieldset dt,
.leftFieldset dt {
      width: 25%;
      clear: both;
      padding-right: 1em;
}

.signupFieldset dd,
.leftFieldset dd {
      width: 64%;
}

.rightFieldset dt {
      width: 32%;
      clear: both;
      padding-right: 1em;
}

.rightFieldset dd {
      width: 64%;
}

.additionalDetails dt {
      width: 15%;
      clear: both;
      padding-right: 1em;
}

.additionalDetails dd {
      width: 74%;
}

.submitArea {
      height: 20px;
      width: 	96%;
      padding: 1% 2% 1% 2%;
      text-align: center;
}

/***************************************/
/** Section for columnar reports			**/
/***************************************/
#mpdTable {
	width: 						100%;
	border-collapse:	collapse;
}

#mpdTable table{
	font-size: 				1em;
}

#mpdTable th {
	padding: 					0;
	line-height: 			15px;
}

#mpdTable tr, #mpdTable td {
	vertical-align: top;
	padding: 					0;
}

.mpdOdd {
	background-color: 			#E0E0E0;
}

.mpdEven {
	background-color: 			#F0F0F0;
}

.mpdRowHighlight {
  background:#FCF5DD;
  cursor: pointer;
}

.sortInactiveButton, .sortButton, .sortAscButton, .sortDescButton,
.sortButton a, .sortAscButton a, .sortDescButton a {
	font-weight:			bold;
	margin:						0;
	text-indent:			0.2em;
	padding:					0;
}

.sortInactiveButton {
	display:					block;
	padding:					2px 2px;
	color:						#000099;
	background:				#C2C2C2;
	border: 					1px outset;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.sortButton a, .sortAscButton a, .sortDescButton a {
	font-size: 				1em;
	display:					block;
	padding:					2px 2px;
	color:						#000099;
	background:				#C2C2C2;
	text-decoration:	none;
	border: 					1px outset;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.sortButton a:hover, .sortButton a:focus,
.sortAscButton a:hover, .sortAscButton a:focus,
.sortDescButton a:hover, .sortDescButton a:focus {
	color:						#303840;
	background:				#C2C2C2;
	text-decoration:	none;
	font-size: 				1em;
	border: 					1px inset;
  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
}

.sortAscButton a, .sortAscButton a:hover, .sortAscButton a:focus {
	background:				#C2C2C2 url(images/mypagedisplay_buttons/asc_order.png) no-repeat center right;
}

.sortDescButton a, .sortDescButton a:hover, .sortDescButton a:focus {
	background:				#C2C2C2 url(images/mypagedisplay_buttons/desc_order.png) no-repeat center right;
}

.nav_first{
	background:				url(images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
	padding-right:		16px;
	height: 					16px;
	display: 					inline-block; 
	cursor: 					pointer;
}

.nav_previous{
	background:				url(images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
	padding-right:		16px;
	height: 					16px;
	display: 					inline-block; 
	cursor: 					pointer;
}

.nav_next{
	background:				url(images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
	padding-left: 		16px;
	height: 					16px;
	display: 					inline-block; 
	cursor: 					pointer;
}

.nav_last{
	background:				url(images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
	padding-left: 		16px;
	height: 					16px;
	display: 					inline-block; 
	cursor: 					pointer;
}

.nav_first_disabled{
	background:				url(images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
	padding-right:		16px;
	height: 					16px;
	display: 					inline-block; 
	filter:						alpha(opacity=75);
	-moz-opacity:			.75;
	opacity: 					.75;
}

.nav_previous_disabled{
	background:				url(images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
	padding-right:		16px;
	height: 					16px;
	display: 					inline-block; 
	filter:						alpha(opacity=75);
	-moz-opacity:			.75;
	opacity: 					.75;
}

.nav_next_disabled{
	background:				url(images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
	padding-left: 		16px;
	height: 					16px;
	display: 					inline-block; 
	filter:						alpha(opacity=75);
	-moz-opacity:			.75;
	opacity: 					.75;
}

.nav_last_disabled {
	background:				url(images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
	padding-left: 		16px;
	height: 					16px;
	display: 					inline-block; 
	filter:						alpha(opacity=75);
	-moz-opacity:			.75;
	opacity: 					.75;
}

.pagerBar {
	text-align: 		left;
	height: 15px;
	padding: 2px;
	vertical-align: middle;
	color: 					#FFFFFF;
	background: 		#0000CC;
	margin: 5px 0;
	border: 				2px #0066CC outset;
  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.pagerBar a, .pagerBar a:visited {
	color: 					#A0A0A0;
	text-decoration:none;
}

.pagerBar a:hover, .pagerBar a:focus {
	color: 					#99AFFF;
}

.pagerBar b {
	color: 					#FFF;
}

/**********************************/
/** Rescue Centre Details layout **/
/**********************************/
.leftRescueDetail{
	float: left;
	width: 49%;
}

.rightRescueDetail{
	float: right;
	width: 49%;
}

.leftRescueDetail table {
	font-size: 				1em;
	width: 100%;
	border: 0;
}

.leftRescueDetail td {
	vertical-align: top;
}

table.shopTable {
	width: 					100%;
	text-align: 		left;
	vertical-align: middle;
}

a.shopTitle {
	font-family: 		Verdana, Geneva, sans-serif;
	font-size: 			1.1em;
	font-weight: 		bold;
	text-align: 		left;
	color: 					#1F1FFF;
	text-decoration:none;
}
a.shopTitle:hover {
	font-family: 		Verdana, Geneva, sans-serif;
	font-size: 			1.1em;
	font-weight: 		bold;
	text-align: 		left;
	color: 					#5C5CFF;
	text-decoration:none;
}
a.shopCatags {
	font-family: 		Verdana, Geneva, sans-serif;
	text-align: 		left;
	color: 					#0000B8;
	text-decoration:none;
}
a.shopCatags:hover {
	font-family: 		Verdana, Geneva, sans-serif;
	text-align: 		left;
	color: 					#5C5CFF;
	text-decoration:none;
}

/**********************************/
/** Section for about layout		 **/
/**********************************/
tr.blueBar {
	font-weight: 		bold;
	text-align: 		left;
	vertical-align: middle;
	color: 					#FFFFFF;
	background: 		#000066;
}

tr.yellowBar {
	font-weight: 		lighter;
	text-align: 		right;
	vertical-align: middle;
	color: 					#000066;
	background: 		#FFCC00;
}


/**************************************************************

	Slimbox
	v 1.69

**************************************************************/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	color: #666;
	font-weight: bold;
}

/***************************************/
/** My Rescue Centres 										**/
/***************************************/
.myRescueDetails dl {
 margin: 0;
 padding: 1%;
}

.myRescueDetails dt, .myRescueDetails dd {
 margin: 0;
 padding: 0 0 .5em 0;
 float: left;
}

.myRescueDetails dt {
 width: 16%;
 clear: both;
 padding-right: 1em;
}

.myRescueDetails dd {
 width: 80%;
}

.animalInp, .rescueInp, .jobInp, .appealInp, .eventInp {width: 99%;}

.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}

/***************************************/
/** Tab elements
/***************************************/
#tabContent {
 float:left;
 width:100%;
 background:#DAE0D2 url("images/tabs/bg.gif") repeat-x bottom;
 font-size:93%;
 line-height:normal;
 }
#tabContent ul {
 margin:0;
 padding:10px 10px 0;
 list-style:none;
 }
#tabContent li {
 float:left;
 background:url("images/tabs/left.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 9px;
 }
#tabContent a {
 float:left;
 display:block;
 background:url("images/tabs/right.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 text-decoration:none;
 font-size:.83em;
 font-weight:bold;
 color:#765;
 }
/* Commented Backslash Hack
  hides rule from IE5-Mac \*/
#tabContent a {float:none;}
/* End IE5-Mac hack */
#tabContent a:hover { color:#333; }
#tabContent .current { background-image:url("images/tabs/left_on.gif"); }
#tabContent .current a { background-image:url("images/tabs/right_on.gif"); color:#333; padding-bottom:5px;}

.mmgTabHide { display: none; }
.mmgTabShow { display: inline; width: 100%; float: left; }
.mmgClear { clear:both; }

#_siteControl ul, #_pageDisplay ul{ list-style: none; }

#tabContent2 ul { list-style:none; }

#tabContent2 li{
    float: left;
    margin-left: 5px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    width: 90px;
    padding: 2px 0px 0 0px;
    position: relative;
    top: 1px;
    border: 1px solid #575756;
    background-color: #575756;
}

#tabContent2 a { color: #ffffff; text-decoration:none; }
#tabContent2 .current {
      top: 1px;
      border-bottom: 1px solid #454545;
      background-color: #454545;
}

/***************************************/
/** myPageDisplay Layouts
/***************************************/
.mpdTableLayout { /* Accomodates resizable grid table */
 position:relative;
 border-bottom:0;
 margin-bottom:0.5em;
}

#mpdTableLayout table {
 width:100%;
 border:1px solid #d1cfcf;
 border-bottom:none;
 border-collapse:collapse;
 font-size:1em;
}

#mpdTableLayout td {
 border-width:0 1px 1px 0;
 border-color:#d9dbdc;
 border-style:solid;
}


#mpdTableLayout th {
 padding: 0;
 line-height:   20px;
}

#mpdTableLayout tr, #mpdTableLayout td {
 padding: 0;
}

.sortInactiveButton, .sortButton, .sortAscButton, .sortDescButton,
.sortButton a, .sortAscButton a, .sortDescButton a {
 font-size: 0.846em;
 font-weight:   bold;
 margin: 0;
 text-indent:   0.2em;
 padding: 0;
}

.sortInactiveButton {
 display: block;
 padding: 2px 2px;
 color: #ebebeb;
 background: #3d6b25;
 border: 1px outset;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.sortButton a, .sortAscButton a, .sortDescButton a {
 font-size: 1em;
 display: block;
 padding: 2px 2px;
 color: #ebebeb;
 background: #3d6b25;
 text-decoration: none;
 border: 1px outset;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.sortButton a:hover, .sortButton a:focus,
.sortAscButton a:hover, .sortAscButton a:focus,
.sortDescButton a:hover, .sortDescButton a:focus {
 color: #feee66;
 background: #3d6b25;
 text-decoration: none;
 border: 1px inset;
 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
}

.sortAscButton a, .sortAscButton a:hover, .sortAscButton a:focus {
 background: #3d6b25 url(images/mypagedisplay_buttons/asc_order.png) no-repeat center right;
}

.sortDescButton a, .sortDescButton a:hover, .sortDescButton a:focus {
 background: #3d6b25 url(images/mypagedisplay_buttons/desc_order.png) no-repeat center right;
}

.nav_first{
 background: url(images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
 padding-right:  16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.nav_previous{
 background: url(images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
 padding-right:  16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.nav_next{
 background: url(images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.nav_last{
 background: url(images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.nav_first_disabled{
 background: url(images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
 padding-right:  16px;
 height: 16px;
 display: inline-block;
 filter: alpha(opacity=75);
 -moz-opacity:   .75;
 opacity: .75;
}

.nav_previous_disabled{
 background: url(images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
 padding-right:  16px;
 height: 16px;
 display: inline-block;
 filter: alpha(opacity=75);
 -moz-opacity:   .75;
 opacity: .75;
}

.nav_next_disabled{
 background: url(images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 filter: alpha(opacity=75);
 -moz-opacity:   .75;
 opacity: .75;
}

.nav_last_disabled {
 background: url(images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 filter: alpha(opacity=75);
 -moz-opacity:   .75;
 opacity: .75;
}

.mpd_turn_on_pagination {
 background: url(images/mypagedisplay_buttons/turn-on-pagination.png) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.mpd_turn_off_pagination {
 background: url(images/mypagedisplay_buttons/turn-off-pagination.png) no-repeat center center;
 padding-left:   16px;
 height: 16px;
 display: inline-block;
 cursor: pointer;
}

.mpdOdd, .classy1 {
 background-color: #FFFFFF;
}

.mpdEven, .classy0 {
 background-color: #f4f4f4;
}

.mpdRowHighlight {
 background:#fcf5dd;
 cursor: pointer;
}

.pagerBar {
 text-align: left;
 font-size: 0.925em;
 font-weight:  bold;
 color: #f8e650;
 border: 1px outset;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
 padding: 3px;
 background: #3d6b25;
 height: 1.25em;
}

.pagerBar a, .pagerBar a:visited {
 color: #0000CC;
 text-decoration: none;
}

.pagerBar a:hover, .pagerBar a:focus {
 color: #99AFFF;
}

.pagerBar b {
 color: #000;
}

tr.searchOptions td {
 color: #FFFFFF;
}

#searchBar {
 font-size: 0.923em;
 text-align: left;
 margin-bottom:  5px;
 color: #4F4F4F;
 background: url(images/searchimg_bk.gif) repeat-x center center;
 padding: 5px;
 border: 1px outset;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}

.searchBarTitle {
 font-size: 1.385em; /* 18px Font */
 line-height:   1.25em;
 margin-top: 1em;
 margin-bottom:  0.25em;
 text-indent:   0em;
 color: #FFF;
 font-weight:   bold;
}

#dateBar {
 font-size: 0.923em;
 text-align: left;
 color: #FFF;
 background: #999999;
 padding: 5px;
 border: 1px outset;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
}


/***************************************/
/** contentArea
/***************************************/
#contentArea {
 width: 98%;
 padding: 1%;
 text-align: left;
}

#contentArea table {
 border-collapse: collapse;
}

#contentArea dl {
   margin: 0;
   padding: 5px;
}

#contentArea dt, #contentArea dd {
   margin: 0;
   padding: 0 0 .5em 0;
}

#contentArea dt {
   clear: both;
   text-align: right;
   padding-right: 1em;
   float: left;
   width: 25%;
}

#contentArea dd {
   text-align: left;
}

.pwordIcons dd {
 line-height: 18px;
}

.dirSel {
 width: 60%;
}

.dirInp, .dirTextArea {
 width: 59.5%;
}

#fileList {
 float: left;
 color: #000000;
 background-color: #ffffff;
 height: 150px;
 width: 59%;
 padding: 5px;
 overflow: auto;
}

#fileList ul {
 white-space: nowrap;
 list-style: none;
 cursor: pointer;
 margin: 0;
 padding: 0;
 margin-top: 2px;
 margin-bottom: 2px;
}


#contentArea h5{
 text-align: left;
 font-size: 1.2em;
 line-height:   0.95em;
 margin-top: 1em;
 margin-bottom:  0.25em;
 text-indent:   0em;
 color: #215221;
 font-weight:  bold;
}

.submitArea {
 height: 20px;
 width: 97.5%;
 border: 1px solid #d1d0d0;
 background: #E3E3E3;
 margin-top: 5px;
 padding: 1% 2% 1% 0.5%;

}

.additionalDetails {
 width: 99%;
 margin: 1% 0.5% 1% 0.5%;
}

.additionalDetails textarea {
 width: 98%;
}

#contentArea .leftFieldset {
 position: relative;
 float: left;
 width: 48%;
 margin: 1% 0.5%;
}

#contentArea .leftFieldset fieldset {
 border: 1px solid #cccccc;
}

#contentArea .rightFieldset {
 position: relative;
 float: right;
 width: 49%;
 margin: 1% 0.5%;
}

#contentArea .rightFieldset fieldset {
 border: 1px solid #cccccc;
}

#contentArea .leftFieldset dl, #contentArea .rightFieldset dl, #contentArea .additionalDetails dl {
 margin: 0;
 padding: 1%;
}

#contentArea .leftFieldset dt, #contentArea .leftFieldset dd,
#contentArea .rightFieldset dt, #contentArea .rightFieldset dd,
#contentArea .additionalDetails dt, #contentArea .additionalDetails dd {
 margin: 0;
 padding: 0 0 .5em 0;
 float: left;
}

#contentArea .leftFieldset dt {
 width: 25%;
 clear: both;
 padding-right: 1em;
}

#contentArea .leftFieldset dd {
 width: 64%;
}

#contentArea .rightFieldset dt {
 width: 32%;
 clear: both;
 padding-right: 1em;
}

#contentArea .rightFieldset dd {
 width: 64%;
}

/**************************************************************
**************************************************************/
@media print 	{
	html {
		height:100%; /* fix height to 100% for IE */
		max-height:100%; /* fix height for other browsers */
		padding:0; /*remove padding */
		margin:0; /* remove margins */
		border:0; /* remove borders */
		background:#fff; /*color background - only works in IE */
		font-size:0.8333em; /*set default font size */
		font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
		/* hide overflow:hidden from IE5/Mac */
		/* \*/
		overflow:hidden; /*get rid of scroll bars in IE */
		/* */
	}

	body {
		height:auto; /* fix height to 100% for IE */
		max-height:100%; /* fix height for other browsers */
		padding:0; /*remove padding */
		margin:0; /* remove margins */
		border:0; /* remove borders */
		width: 200mm;
	}

	#container {
		position:absolute;
		top: 0;
		left 0;
	}

	#pageHeader, #pageSummary, #supportingText {
		margin-left:0;
		margin-right:0;
		padding: 2px 0 0 5px;
		border: 0;
	}

	#supportingText {
	}

	#rightMargin, #leftMargin, #banner, #currentIssue, #footer, #banner,
  .noShownoPrint, .noPrint
  { display: none; }

}