/* 
 EditMe Acton Skin Template 
 
 Copyright 2008 EditMe, LLC
  
 ACTON COLORS REFERENCE TABLE 

 Note that changing the colors in this header will have 
 no effect. This table is for reference only. The Acton 
 Skins also contain colored images that will not update 
 by the stylesheet alone. You can, however, attach 
 modified images to this style sheet.

 COLOR  BACKGRD  HOVER1   HOVER2   H1-H3
 -----  -------  ------   ------   -----
 RED:   #fbdedf  #e06465  #d84547  #da4a4b
 BLUE:  #9bc7de  #65a8cb  #5e5e5e  #65a8cb  
 BROWN: #e2dad1  #c79b66  #c79b66  #8f6f48
 GREEN: #d3dccb  #94bd65  #94bd65  #627f37
 GRAY:  #626262  #bbb     #bbb     #777
 
*/

body {
  background: #e8e8e8; /* BACKGRD */
  margin: 0;
  padding: 0;
  text-align: center; /* For IE 5.5 */
}
#wrapper { /* Contains and centers all elements */ 
  position: relative;
  top: 0;
  left: 0;
  width: 914px;
  margin: 0 auto 75px auto;
  background:#fff;
  font: 12px Arial, Verdana, sans-serif;
  color: #333;
  line-height: 1.5em;
  text-align: left;
  border: 1px solid #ccc;
}
pre {
  font: 12px Arial, Verdana, sans-serif;
}
a {
  color: #006;
}
a:hover {
  color: #002bb8;
}
a:visited {
  color: #555;
}
ol, ul {
  margin: 0 0 10px;
  padding: 0;
}
li {
  padding: 0;
  list-style-position: inside;
  margin: 0 0 10px 10px;
}


/* Toolbar and search box
=====================================*/
#toolbarcontainer {
  width: 914px;
  height: 27px;
  margin: 0;
  padding: 0;
}
#toolbar {
  width: 914px;
  height: 26px;
  margin: 0;
  padding: 0;
  background-image: url(/files/ActonGrayCSS/toolbar.gif);
  background-repeat: no-repeat;
  text-align: left;
  letter-spacing: 1px;
  position: relative;
  z-index: 9;
}
.space {
  margin: 0 60px 0 0;
}
#search {
  position: absolute;
  top: 0;
  left: 630px;
  margin: 0;
  padding: 0;
  width: 103px;
  background: url(/files/ActonGrayCSS/searchbox.gif) right top no-repeat;
  background-color: transparent;
  text-align: left;
  color: #f0f0f0;
}
#search .inputbox{
  width: 103px;
  height: 15px;
  font-size: 12px;
  color: #333;
  background: transparent;
  border: none;
  margin: 4px 0 0 0;
  padding: 0 0 0 0;
  vertical-align: top;
  font-size: 11px;
  color: #999;
}
#toolbar a {
  text-decoration: none;
  color: #f0f0f0;
  font-weight: bold;
}
#toolbar a:hover {
  text-decoration: none;
  color: #bbb; /* HOVER1 */
}
#toolbar a:visited, a:active {
  text-decoration: none;
}



/* Yellow buttons
=====================================*/

#buttons {  
  position: absolute;
  top: 0;
  left: 740px;
  width: 169px;
  height: 27px;
  background: url(/files/ActonGrayCSS/toolbar_btn.gif);
  font-size: 10px;
  font-weight:bold;
  color: #5e5e5e;
  z-index: 10;
}
#buttons ul {
  margin: 0;
  padding: 0;
}
#buttons li {
  margin: 0 15px 0 0;
  font-size: 10px;
  font-weight: normal;
  display: inline;
  letter-spacing: 0;
}
#buttons a {
  text-decoration: none;
  color: #5e5e5e;
  display:block;
  float:left;
  padding: 2px 14px;
}
#buttons a#showHideToolsLink{
  padding: 2px 23px;
}

#buttons a:visited, a:active {
  text-decoration: none;
  color: #5e5e5e;
}
#buttons a:hover {
  text-decoration: underline;
  color: #5e5e5e;
}



/* Header and navigation
=====================================*/

#header {
  position: relative;
  padding: 10px 230px 15px 10px;
  margin: 0 auto;
  text-align: left;
  height: 70px;
  border-bottom:1px solid #ccc;
}
#header img {
  float: left;
  margin: 0 20px 0 0;
}
#header #mainSearch {
  position: absolute;
  bottom: 15px;
  right: 10px;
}
#header p {
  margin: 7px 0 0 5px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
#header h1 {
  margin: 8px 0 10px 5px;
  font-size: 36px;
  font-weight: normal;
  color: #ffffff;
}
#customheader {
  padding: 0px 1px 0px 7px;
  width: 900px;
}
#customlogo {
  border: none 0pt;
  height:110px;
  left:20px;
  margin:0pt;
  position:absolute;
  top:24px;
  width:275px;
}
#customlogo td {
  text-align: left;
  vertical-align: middle;
}
#customlogo img {
  max-height: 100px;
  max-width: 275px;
}
#nav {
  display:none;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#nav ul {
  margin: 0;
  padding: 15px;
}
#nav li {
  margin: 0 30px 0 0;
  font-size: 14px;
  font-weight: bold;
  display: inline;
}


/* Content area
=====================================*/

#contentwrap {
  width: 914px;
  padding: 0;
  min-height: 525px;
}
#menupage {
  border-right: 1px solid #ccc;
  display: inline; /* Gets over-written by acton.js toggleMenu() */
  float:left;
  width: 160px;
  padding: 10px;
  text-align: left;
  overflow: auto;
  min-height: 525px;
}
#content { /* Text area */
  position: relative;
  width: 730px; /* Gets over-ridden by acton.js toggleMenu() */
  text-align: left;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: auto;
  min-height: 525px;
}
#container {  
  width: 700px; /* Gets over-written by acton.js toggleMenu() */
  padding: 10px;
}
#vdiv {
  display: none;
  float: left;
  margin: 0px 0px 0px -40px;
  padding: 0px 20px 0px 0px;
}
#editButton {
  float: right;
  margin: 12px 0px 0px 5px;
}


/* Uploads and comments
=====================================*/

#uploads {
  width: 535px;
  color: #5e5e5e;
}
#uploads h1, #comments h1 {
  margin: 5px 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  color: #5e5e5e; 
  text-transform: uppercase;
}
#comments {
  color: #5e5e5e;
  text-align: left;
}
#comments p {
  text-align: left;
  margin: 0 0 15px 7px;
  line-height: 17px;
  color: #888;
}
#comments p.top {
  color: #5e5e5e;
  margin: 5px 0 5px 7px;
}
.atc { /* For image attachments to comments */
  margin: -5px 0 15px 8px;
}
.main_left { /* Main table header left side */
  background-image: url(/files/ActonGrayCSS/table_header.gif);
  height: 30px;
}
.main_right { /* Main table header right side */
  background-image: url(/files/ActonGrayCSS/table_header_r.gif);
  height: 30px;
}
.atc_top { /* Attachment table header */
  background-image: url(/files/ActonGrayCSS/table_header_sm.gif);
  height: 23px;
  text-transform: uppercase;
  font-weight: bold;  
}
.table_sm { /* Uploads list table */
  border: 1px solid #cfcfcf;
  margin: 10px 0 15px 0;
  text-align: left;
}
.dark { /* darker table row */
  height: 50px;
  background-color: #f7f7f7;
}
.dark_descr { /* darker table description row */
  height: 20px;
  background-color: #f7f7f7;
}
.dark_descr td {
  padding: 0px 10px 10px 20px;
}
.dark_cmt { /* darker comment row */
  background-color: #f7f7f7;
}
.light { /* lighter table row */
 height: 50px;
 background-color: #fff;
}
.light_descr { /* lighter table description row */
 height: 20px;
 background-color: #fff;
}
.light_cmt { /* lighter comment row */
 background-color: #fff;
}
.light_descr td {
  padding: 0px 10px 10px 20px;
}
.title { /* Title uploaded file */
  font-weight: bold;
  padding-left: 10px;
}
.description {
  height: 10px;
  color: #888;
  margin-top: 5px;
}
p.description {
  margin: 12px 0 0 0;
}
.comments, .uploads { /* Sets bottom margin for the two tables */
  margin: 15px 0 15px 0;
}
#uploads a, #comments a {
  text-decoration: none;
  color: #5e5e5e;
}
#uploads a:hover, #comments a:hover {
  text-decoration: underline;
  color: #5e5e5e;
}


/* Footer
=====================================*/

#footer {
  border-top: 1px solid #ccc;
  padding: 1px 10px 10px;
  margin: 10px 0 0;
  color: #ccc;
  text-align: center;
  line-height: 18px;
  clear: both;
}
#footercontent p {
  line-height:18px;
  margin: 0px;
}



/* Text
=====================================*/
h1, h2, h3 {
  line-height: 1em;
  color: #ac1816; /* H1-H3 */ 
  font-weight: normal;
}

h1 { /* The main header on each page */
  font-size: 24px;
  margin: 0 0 10px;
}
h2 { /* The main header on each page */
  font-size: 20px;
}
h3 { /* The main header on each page */
  font-size: 16px;
}
h4 {
  font-weight: bold;
}
p {
}
#menupage p {
  margin: 5px 0 5px 0;
}
hr {
  color: dimgray;
  background-color: dimgray;
  height: 1px;
  border: 0;
}
#lastModified {
  font-size: 10px;
  text-align: center;
  clear: both;
}

/* Images
=====================================*/

img {
  border: 0;
}



/* Dropdown menu
=====================================*/
#menuh-container {
  position: absolute;		
  top: 0;
  left: 0;
}
#menuh {
  font-size: 13px;
  width: 500px;
  float: left;
  margin: 0 0 0 8px;
}
#menuh a {
  text-align: left;
  display: block;
  border: none;
  white-space: nowrap;
  margin: 0;
  padding: 0 5px 2px 5px;
}
.top {
  background-color: transparent;
  border: none;
  font-weight: bold;
}
.top a:link, .top a:visited, .top a:active { /* menu links */ 
  color: #f0f0f0;
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
}
.top a:hover {
  color: #65a8cb;
  text-decoration: none;
}
.drop { /* dropdowns */ 
  background-color: #5e5e5e;
  border: 1px solid #555;
}
.drop a:link, .drop a:visited, .drop a:active {	/* dropdown links */ 
  color: #f0f0f0;
  background-color: #5e5e5e;
  text-decoration: none;
}
.drop a:hover {
  color: #65a8cb;
  text-decoration: none;
}	
#menuh ul {
  list-style: none;
  margin: 2px 50px 0 10px;  
  padding: 0;
  float: left;
}
#menuh li {
  position: relative;
  min-height: 1px; /* Sophie Dennis contribution for IE7 */
  vertical-align: bottom; /* Sophie Dennis contribution for IE7 */  
  margin: 0;
	}
#menuh ul ul {
  position: absolute;
  z-index: 500;
  top: auto;
  display: none;
  padding: 13px;
  margin: -10px 0 0 -12px;
}
#menuh ul ul ul {
  top: 0;
  left: 100%;
}
div#menuh li:hover {
  cursor: pointer;
  color: #65a8cb;
  z-index: 100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh a.drop {
  padding:3px 5px 3px;
}

/* End CSS Drop Down Menu */

.shown {
  display:block;
}
.hidden {
  display:none;
}

/* Admin screen styles: */
#adminBody {
  margin-top:16px;
  background: #626262;
  color: #333;
  line-height: 20px;
}
#adminBody p, #adminBody td, #adminBody li, #adminBody div {
  font-size: 14px;
}
#adminMainTable {
  border: 1px solid #black;
  background-color: #fcfaf6;
}
#adminMainCell {
  padding: 18px;
}
#adminMenuTable {
}
#adminMenuRow {
}
#adminMenuLeftCell {
}
#adminMenuRightCell {
}
#adminMenuSpacerRow {
}
.adminHR {
	color: #969696;
	height: 1px;
  margin-top: 0;
}
#adminMenuContentBlock {
}
/* Edit Screen Page Properties */
.propertyBlock {
  margin-top: 10px;
}
.propertyHelp {
  padding-left: 7px;
  margin-bottom: 20px;
}
 
/* Editor Body */
.mceContentBody {
  margin: 10px;
  background-color: white;
  color: #333;
  line-height: 16px;
  text-align: left;
}
.mceContentBody p, .mceContentBody td {
  margin: 0 0 14px 0;
}

/* Tree navigation formatting */
div.orgtree {
  margin: 0px 0 0px -1em;
}
div.orgtree ul {
  list-style: none;
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 0px;
}
div.orgtree ul li {
  margin: 0 0 10px;
  line-height: 1.2em;
}
div.orgtree ul li ul {
  padding: 6px 0px 0px 1em;
}
div.orgtree ul li.orgtree_li_exp {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div.orgtree ul li.orgtree_li_exp, div.orgtree ul li.orgtree_li_sel {
  list-style: none;
  font-weight:bold;
}
div.orgtree ul li.orgtree_li {
  list-style: none;
  font-weight:normal;
}

/* List formatting for _ListNav, _ListRecent and _MonthNav output */
div.orglist {
  margin: 0px 1em 0px -1em;
}
div.orglist ul {
  list-style: none;
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 0px;
}
div.orglist ul li {
  padding: 0px 0px 6px 0px;
  line-height: 1.2em;
  list-style: none;
}
div.list span ul li.orgnav_li_sel {
  font-weight:bold;
  list-style: none;
}
div.orghead {
  margin-left: 1em;
  margin-bottom: .25em;
  font-weight: bold;  
}
p.list_footer_links {
  font-size:.85em;
  padding-bottom:12px;
}


/*** new changes ****/
.blockquote {
  background: #E8E8E8;
  border: 1px solid #CCC;
  margin: 0 0 20px;
  padding: 10px;
}

table.standard td {
  padding: 5px;
  min-width: 90px;
}

  table.stars td img {
    margin-right: 2px;
  }