/* Web Stylesheet for a generic web Site  */
/* Author: John McManigle */

/******************************/
/** Colors used to be mass changed for themes:
/**
/**  These are all Slate Colors
/**
/**  #9b9f87 - Light
/**  #6f7164 - Medium
/**  #51524c - Dark
/**
/******************************/

body 
{
    width: 100%;
    /*background: url(images/background.png) repeat-x; */
    background-color: #9b9f87;
	font: 11px Verdana, sans-serif;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
}

#PageLayout
{
	background: #ffffff;
	width: 1000px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#PageBody 
{
    clear: both;
    border: solid 1px #6f7164;
    width: 1000px;
    height: auto;
	text-align: left;

  }
#PageLogin 
{
    height: 30px; 
    background-color: White; 
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    vertical-align: middle;
  }
  
#PageTitle 
{
    height: 400px; 
    background-color: #6f7164; 
    text-align: left;
    
  }
#PageMenu 
{
    height: 25px; 
    background-color: #6f7164; 
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
    
  }
#PageContent 
{
    min-height: 100%;
    height: auto;
    background-color: White; 
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    
  }
#PageFooter 
{
    height: auto;
    background-color: #6f7164; 
    text-align: right;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
    vertical-align: baseline;
    }

div.PageIndent 
{
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
    
}
div.PageTitleHeader 
{
  height: auto;
  }
div.PageTitleHeader span.TitleCol1 {
  float:left;
  text-align: left;
  }
div.PageTitleHeader span.TitleCol2 {
  text-align: right;
  float: right;
  }
  
div.titlesplit 
{
    height: 400px; 
    background-color: #000000; 
    text-align: left;
  }
div.titlesplit span.linecol1 {
  float:left;
  width: 600px;
  }
div.titlesplit span.linecol2 {
  float:right;
  width: 360px;
  margin: 10px 10px 10px 10px;
  font-size: large;
  color: White;
  }

div.mainpagesplit 
{   
    height: 275px;
    text-align: left;
  }
div.mainpagesplit span.linecol1 {
  float:left;
  width: 490px;
  }
div.mainpagesplit span.linecol2 {
  float:right;
  width: 490px;
  }
  
div.mainpagefooter 
{   
    height: 250px;
    width: 990px;
  }

   
div.twocolrow 
{
  clear: both;
  width: 900px;
  height: 600px;
  padding-top: 5px;
  padding-left: 20px;
  }
div.twocolrow span.linecol1 {
  float:left;
  width: 600px;
  text-align: left;
  }
div.twocolrow span.linecol2 {
  float:right;
  width: 290px;
  height: 600px;
  text-align: Left;
  background: url(images/HowDoIBackground.png);
  padding-left: 10px;
  
  }

div.twocolbasic 
{
  clear: both;
  width: 900px;
  }
div.twocolbasic span.basic1 {
  float:left;
  width: 700px;
  text-align: left;
  }
div.twocolbasic span.basic2 {
  float:right;
  width: 200px;
  text-align: Left;
  
  }
 
  div.LoginArea 
{
  clear: both;
  width: 600px;
  height: 600px;
  margin-left: 125px;
  margin-top: 150px;  
  }
  
 div.Login 
{
  clear: both;
  width: 300px;
  height: 200px;
  background: url(images/Login.png);
  margin-left: 10px;
  }
  
  
div.row {
  clear: both;
  width: 800px;
  padding-top: 5px;
  }
div.row span.linedesc {
  float:left;
  width: 150px;
  text-align: right;
  }

div.row span.linefield {
  float: right;
  width: 600px;
  text-align: left;
  } 
div.row span.lineerror {
  float: left;
  width: 10px;
  }
  
  
/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #51524c;
    color: white;
    background-color: #6f7164;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected
{
    border: 1px solid #51524c;
    color: white;
    background-color: #9b9f87;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px solid #51524c;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}    
.accordionLink
{
    text-decoration: none;
    color: white;

}

div.icon {
  clear: both;
  height: 100px;
  padding: 10px;
  }
div.icon span.icon1 {
  float:left;
  width: 130px;
  text-align: center;
  }
  
  div.displayrow {
  clear: both;
  width: 600px;
  padding-top: 5px;
  padding-left: 20px;
  }
div.displayrow span.lineimg {
  float:left;
  width: 250px;
  
  text-align: left;
  }
div.displayrow span.linename {
  float:left;
  width: 300px;
  text-align: left;
  }