/* Page Width */
#banner, #welcomeText, .footer, .footer2, .copyright, .fullPageContents, .bodyTable { width: 775px; }

/* Links */
A { color: #336699; font-weight: bold; }
A:hover { color: #AEC6E7; font-weight: bold; }


/* Inputs */
input, select {
	font-size: 10px;
}
input.inputbox {
	color: #333333;
	background-color: #ffffff;
}
input.button {
	color: #333333;
	FONT: 10px/11px "Verdana", "Arial";
	background-color: #FAF1DC;
	font-weight: bold;
}
.select {
	color: #000000;
	background-color: #fff;
}


/* Page Stuff */
body, td, p {		/* Common Font Properties */
	font-size: 11px;
	font-family: "Verdana", "Arial";
	color: #000000;
}
td {
	vertical-align: default;
}

body {
	background-color: #FFFFFF;
	padding: 4px;
	color: #000000;
}

.bodyTable {
	margin-bottom: 10px;
}

#banner {
	border-top: 1px solid #C0C0C0;
	border-bottom: 0px solid #C0C0C0;
}

#welcomeText {
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 9px;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 6px;
}

.leftMenu {
	background-color: #e3e3e3;
	border-left: #C0C0C0 1px solid;
	border-right: #C0C0C0 1px solid;
	border-bottom: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	width: 160px;
	vertical-align: top;
	height: 100%;
	margin-right: 8px;
}
.leftLinks {
	background-color: #FAF1DC;
	border-top: #ffffff 1px solid;
	border-bottom: #C0C0C0 1px solid;
	padding:4px;
	margin-bottom:8px;
	margin-top:1px;
}
.leftLinks a {
	FONT: 10px/11px "Verdana", "Arial";
	color: #6989B4;
	font-weight: bold;
}
.leftLinks a:hover {
	FONT: 10px/11px "Verdana", "Arial";
	color: #AEC6E7;
	font-weight: bold;
}

.mainContent {
	padding-top: 0px;
	padding-left: 14px;
}

#pageHeader {
	color: #6989B4;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: #999999 1px dashed;
	font-size: 20px;
}
.specialText {
	color: #99000;
	font-weight: bold;
}
.hookCell1
{  
	background-color: #FAF1DC;
	border-bottom: #C0C0C0 1px solid; 
	border-left: #C0C0C0 1px solid; 
	border-top: #C0C0C0 1px solid; 
}
.hookCellTop
{  
	background-color: #FAF1DC;
	border-bottom: #C0C0C0 1px solid; 
	border-left: #C0C0C0 1px solid; 
	border-right: #C0C0C0 0px solid; 
}




/* Main Box */
.mainBox {
	border-bottom: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.mainBoxPages {
	border-bottom: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.mainBoxLogin {
	border-bottom: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	width: 160px;
	background-color: #efefef;
	margin-bottom: 0px;
	margin-left: 10px;
}
.mainBoxRight {
	border-bottom: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	width: 160px;
	margin-top: 10px;
	margin-left: 10px;
}
.mainBoxInfo {
	border: #c0c0c0 1px solid;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #efefef;
}
.mainBoxInfo td{
	padding-left: 8px;
	padding-right: 8px;
	padding-top:3px;
	padding-bottom:3px;
}
.mainBoxRightHeader, .mainBoxLoginHeader, .mainBoxInfoHeader {
	background:url("/images/rightBox_head.gif") repeat;
	height: 17px;
	color: #fff;
	font-weight: bold;
	padding-left:8px;
	padding-top:3px;
	height:20px;
}

.mainBoxNoTabs {
	border: #999999 1px solid;
}

.mainBoxHeader {
	border-bottom: #999999 1px solid;
	background-color: #FAF1DC;
	padding: 4px 8px 4px 8px;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

.mainBoxContent {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-right: 16px;
}

.mainBoxFooter {
	color: #666666;
	border-top: #999999 1px solid;
	padding: 4px;
	background-color: #FAF1DC;
}



/* Sub Box */
.subBox {
	border: #999999 1px solid;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #e3e3e3;
}

.subBoxHeader {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: #999999 1px solid;
	padding: 2px 4px 2px 4px;
	background-color: #999999;
}

.subBoxFooter {
	border-top: #999999 1px solid;
	background-color: #CCCCCC;
	padding: 2px 4px 2px 4px;
}

.subBoxContent {
	padding: 4px;
}

/* CSV Box */
.buttonBar {
	background-color: #666666;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
}
.csvHeader {
	padding: 2px 2px 2px 4px;
	background-color: #6989B4;
	border: #ffffff 1px solid;
	font: 11px/12px "Verdana", "Arial";
	font-weight: bold;
	color: #ffffff;
}
.csvBox {
	padding: 2px;
	border: #666666 1px solid;
	background-color: #ffffff;
}

/* Lease Program */
.leaseHeader {
	font: 14px/15px ;
	font-weight: bold;
	color: #6989B4;
	margin-bottom: 8px;
}
.tipBox {
	font: 11px/12px ;
	background-color: #ffffff;
	color: #000000;
	padding: 4px 4px 4px 4px;
	border: #333333 1px solid;
}

/* Side Links */
.sideContainer {
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	margin: 10px 0px 0px 0px;
}

.sideContainerHeader {
	color: #666666;
	background-color: #FAF1DC;
	border-bottom: #c0c0c0 1px solid;
	font-weight: bold;
	vertical-align: middle;
	padding: 2px;
	height: 20px;
}

.sideListItem {
	padding: 2px 2px 2px 4px;
	background-color: #FFFFFF;
}

.sideListAltItem {
	padding: 2px 2px 2px 4px;
	background-color: #E3E3E3;
}

.sideListItem A, .sideListAltItem A { COLOR: #6989B4; font-weight: bold; }
.sideListItem A:hover, .sideListAltItem A:hover { COLOR: #AEC6E7; font-weight: bold; }


/* Maintenance Matrix */
.matrixAltItem td
{ 
	background-color: #efefef;
	border-top: #c0c0c0 1px solid;
	padding: 2px; 
}
.matrixItem td
{ 
	background-color: #ffffff;
	border-top: #c0c0c0 1px solid;
	padding: 2px;
}






/* Footer Stuff */
.footer { margin-top: 15px; }
.footerLogin { width: 985px; }
.footer, .footer2, .copyright, .footerLogin { text-align: center; font-size: 10px; font-weight: normal; }
.footer A {  COLOR: #6989B4; text-decoration: none; font-weight: normal; }
.footer A:hover { COLOR: #AEC6E7; text-decoration: none; font-weight: normal; }
.footer2 A { COLOR: #333333; text-decoration: none; font-weight: normal; }
.footer2 A:hover { COLOR: #999999; text-decoration: none; font-weight: normal; }
.footerLogin A { COLOR: #6989B4; text-decoration: none; font-weight: normal; }
.footerLogin A:hover { COLOR: #AEC6E7; text-decoration: none; font-weight: normal; }


/* ASP.NET's Data Grid */
.grid
{ 
	background-color: #e3e3e3;
	border: #999999 1px solid;
	width: 100%;
}
.gridPager, .gridPager td
{
	padding: 2px;
}
.gridHeader, .gridHeader td
{ 
	color: #ffffff; 
	font-weight: bold;
	padding: 2px;
	background-color: #6989B4;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
}
.gridSubHeader, .gridSubHeader td
{ 
	color: #333333;
	font-weight: bold;
	padding: 2px;
	background-color: #e3e3e3;
	border-bottom: #999 1px solid;
}
.gridFooter, .gridFooter td
{ 
	font-weight: bold;
	background-color: #FAF1DC; 
	color: #666666; 
	padding: 2px;
	border-top: #999999 1px solid;
	vertical-align: middle;
}
.gridItem td, .gridEditItem td, .gridAltItem td, .gridDivItem td {
	border-bottom: #c0c0c0 1px solid;
	padding: 1px;
	font-size: 11px;
	vertical-align: top;
}
.gridItem { background-color: #ffffff; }
.gridAltItem { background-color: #efefef; }
.gridEditItem { background-color: #AEC6E7; }
.gridDivItem, .gridDivItem td {
	padding-top: 2px;
	padding-left: 2px;
	background-color: #6989B4; 
	color: #FFFFFF; 
	font-weight: bold;
}
.gridEditItem INPUT
{
	color: #333333;
	background-color: #efefef
}

.gridHeader A { COLOR: #ffffff; font-weight: bold; }
.gridHeader A:hover { COLOR: #cccccc; font-weight: bold; TEXT-DECORATION: none; }
.gridItem A, .gridAltItem A { COLOR: #6989B4; font-weight: bold; }
.gridItem A:hover, .gridAltItem A:hover { COLOR: #AEC6E7; font-weight: bold; }
.gridEditItem A { COLOR: #000000; font-weight: bold; }
.gridEditItem A:hover { COLOR: #999; font-weight: bold; }


/* TABS w/gradient */
.tabsTile {
	background:#ffffff url("/images/bg.gif") repeat-x bottom;
}
.tabsLogo {
	background:#ffffff url("/images/bg.gif") repeat-x bottom;
	FONT: 10px/11px "Verdana", "Arial";
	line-height: normal;
	float: left;
}
.tabs {
	/* background:#ffffff url("http://www.rayalleninc.com/rai/images/bg.gif") repeat-x bottom; */
	FONT: 10px/11px "Verdana", "Arial";
	line-height: normal;
	float: right;
	width: 325px;
}
.tabs ul {
	margin: 0px;
	padding-top: 39px;
	list-style: none;
}
.tabsLogo ul {
	margin: 0;
	padding-top: 0px;
	list-style: none;
}
.tabs li {
	float:right;
	background:url("/images/leftA.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
.tabs li.app {
	background:url("/images/leftA.gif") no-repeat left top;
}
.tabs a {
      display:block;
      background:url("/images/rightA.gif") no-repeat right top;
      padding:5px 12px 4px 6px;
      text-decoration:none;
      FONT: 10px/11px "Verdana", "Arial";
	   font-weight: bold;
      color:#000;
}
.tabs li.app a {
      background:url("/images/rightA.gif") no-repeat right top;
}
.tabs a:hover {
      color:#6989B4;
	  background:url("/images/rightA.gif") no-repeat right top;
	  FONT: 10px/11px "Verdana", "Arial";
	  text-decoration: underline;
	  font-weight:bold;
}
.tabs li.app a:hover {
	  background:url("/images/right_hoverA.gif") no-repeat right top;
}
.tabs #current {
      background-image:url("/images/left_on.gif");
}
.tabs #current a {
      background-image:url("/images/right_on.gif");
      color:#333;
      padding-bottom: 5px;
}

/* ComponentArt Menu Styles */
.MenuGroup
{
  background-color:#3F3F3F;
  width: 100%;
}

.MenuItem
{
  background-color:#efefef;
  FONT: 10px/11px "Verdana", "Arial";
  color:#3d3d3d;
  font-weight:bold; 
  border:solid 1px #c0c0c0; 
  border-top-color:#e3e3e3;
  border-left-color:#e3e3e3;
  border-right-color:#e3e3e3;
  padding-left: 10px;
  cursor:pointer;
  height: 18px;
}

.MenuItemHover
{
  background-color:#ffffff;
  color:#777777;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  border:solid 1px #ffffff; 
  border-bottom-color:#c0c0c0;
  cursor:pointer;
  height: 18px;
}

.MenuItemActive
{
  background-color:#ffffff;
  color:#6989B4;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  border:solid 1px #ffffff; 
  border-bottom-color:#6989B4;
  cursor:pointer;
  height: 18px;
}

.MenuItemExpanded
{
  background-color:#ffffff;
  color:#6989B4;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  cursor:pointer;
  width:160px;
  border:solid 1px #ffffff; 
  border-bottom-color:#c0c0c0;
  height: 18px;
}
.MenuBreak
{
  width:100%;
  height:2px;
  background-color: silver;
}
.MenuChildItem
{
  background-color:#6989B4;
  color:#ffffff;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  cursor:pointer;
  width:160px;
  border:solid 1px #6989B4; 
  border-bottom:solid 1px #3d3d3d;
  height: 18px;
}

.MenuChildItemHover
{
  background-color:#ffffff;
  color:#777777;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  border:solid 1px #c0c0c0; 
  border-bottom:solid 1px #3d3d3d;
  width:160px; 
  cursor:pointer;
  height: 18px;
}

.MenuChildItemActive
{
  background-color:#6989B4;
  color:white;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  border:solid 1px #3d3d3d; 
  width:160px; 
  cursor:pointer;
  height: 18px;
}

.MenuChildItemExpanded
{
  background-color:#ffffff;
  color:#6989B4;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  cursor:pointer;
  width:160px;
  border:solid 1px #c0c0c0; 
  border-bottom-color:#3d3d3d;
  height: 18px;
}



.MenuChildDisabledItem, .MenuChildDisabledItemHover
{
  background-color: #777777;
  color: silver;
  FONT: 10px/11px "Verdana", "Arial";
  font-weight:bold; 
  cursor:pointer;
  width:160px;
  border:solid 1px #000000;
  height: 18px;
}


/* Homepage - News Styles */
.newsContent
{ 
	padding-left:8px;
}
.newsBox
{ 
	color: #ffffff; 
	font-weight: bold;
	border: #c0c0c0 1px solid;
	margin-top:8px;

}
.newsHeader, .newsHeader td
{ 
	color: #ffffff; 
	font-weight: bold;
	padding: 2px;
	background-color: #6989B4;
	border: #fff 1px solid;
}
.newsSubHeader, .newsSubHeader td
{ 
	color: #6989B4;
	font-weight: bold;
	padding-left: 4px;
	background-color: #FAF1DC;
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	margin-bottom: 8px;
}
.newsDescription, .newsDescription td
{ 
	font-weight: normal;
	background-color: transparent; 
	color: #000000; 
    font-size: 10px;
	padding-right: 4px;
	vertical-align: top;
}
.newsDescription a
{ 
	font-size: 10px;

}
.newsDescription a:hover
{ 
	font-size: 10px;

}
.introHeadline, .introHeadline td
{ 
	color: #AEC6E7; 
	font-size: 17px;
	font-weight: bold;
	padding-left:16px;
	padding-top:6px;
	background-color: #444444;
	border: #000 1px solid;
	margin-bottom: 10px;
	height: 34px;
}
.featureHeadline, .featureHeadline td
{ 
	color: #6989B4; 
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 2px;
}
.introContainer
{ 
	margin-top: 8px;
}
.newsImage
{ 
	padding-right: 10px;
}
.featureBox
{ 
	color: #ffffff; 
	font-weight: bold;
	border: #c0c0c0 0px solid;
	margin-bottom:8px;

}
.featureImage
{ 
	margin-bottom: 0px;
	padding-right: 8px;
	padding-top: 4px;
	border-right: #c0c0c0 0px solid;
	background-color: transparent;
}
img.articleImage
{ 
	margin-bottom: 8px;
	margin-right: 16px;
}
.featureDescription, .featureDescription td
{ 
	font-weight: normal;
	background-color: #ffffff; 
	color: #000000; 
	padding: 4px 0px 8px 8px;
    font-size: 11px;
	vertical-align: top;
}
.raiHeadline, .raiHeadline td, .raiHeadline a
{ 
	color: #6989B4; 
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.raiHeadline a:hover
{ 
	color: #AEC6E7; 
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}
.raiSubHeadline
{ 
	color: #000; 
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}


/* Homepage - Right Snap Styles */
.SnapHeader
{
  color: #666666; 
  background-color: #FAF1DC;
  font-weight: bold; 
  font-size: 11px; 
  padding-top: 2px;
  padding-left: 5px; 
  border: #c0c0c0 1px solid;
  
}
.SnapSubHeader
{
  color: #ffffff; 
  background-color: #AEC6E7;
  font-weight: bold; 
  font-size: 11px; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px; 
  margin: 0px;
}

.SnapContent
{
  font-size: 10px;
  padding: 3px;
  border-bottom: #c0c0c0 1px solid;
  border-left: #c0c0c0 1px solid;
  border-right: #c0c0c0 1px solid;
  background-color: #E7EDF6;
  width:158px;
  margin-bottom: 2px;
}
.SnapContent a
{
  font-size: 10px;
  text-decoration: none
}
.SnapContent a:hover
{
  font-size: 10px;
  text-decoration: none
}

.SnapContent li
{
	margin-bottom: 2px;
	font-size: 10px;
	margin-left: 2px;
	padding-left: 0px;
	border-bottom: #AEC6E7 1px dashed;
	
}
.SnapContent ul
{
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.SnapDock
{
	margin-left: 10px;
	padding: 5px;
	border: #c0c0c0 1px solid; 
	background-color: #efefef;
	float: right;
	width: 170px;
}