/* generic text, background color - only content class has line-height feature, for body and td, it would mess up image positioning */

    body { background: #333333; font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #333333; margin:0px 0px 0px 0px; }
    .admbg {background: #333333; margin:0px 0px 0px 0px;}
    
.admcontentbg {background: #FFFFFF;}
.contentbg {background: #FFFFFF;}
.content {font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 16px; }
      td {font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000000; }


/* background colors and images */


 .vertline {background: #ccadad}
 

/* this is a little experiment to create a drop shadow behind the photos - FRAMING  2 values in the DB turn this feature on or off: dropshadow and dropshadow */
/* value 0 sets the cellpadding of each table to 0, value 1 sets the cellpadding to 1, revealing the table color. */
 .frame1 {background: #e6e6e6}
 .frame2 {background: #d6d6d6}
 .frame3 {background: #c6c6c6}
 .frame4 {background: #b6b6b6}
 .frame5 {background: #A6A6A6}

 .photobg {background: #EEEEEE}

/* forms */

input, textarea, select { font-family: verdana, arial, helvetica; font-size: 10px; }

.submitbutton {
cursor:pointer;
border:outset 1px #FF0000;
background:#99999;
color:#66666;
font-weight:bold;
padding: 1px 2px;
background:url(/images/buttonbg.gif) repeat-x left top;}

.deletebutton {
cursor:pointer;
border:outset 1px #CCCCCC;
background:#999999;
color:#990000;
font-weight:bold;
padding: 1px 2px;
background:url(/images/buttonbg.gif) repeat-x left top;

}

/*link color - font and size, line-height is inherited*/

				a {color: #990000; text-decoration: underline;}
		  a:hover {color: #EE0000; text-decoration: none;}
		a:visited {color: #990000; text-decoration: underline;}

        a.content {color: #990000; text-decoration: underline;}
  a.content:hover {color: #EE0000; text-decoration: none;}
a.content:visited {color: #990000; text-decoration: underline;}

/* headers - display inline does not add any extra line breaks */

h1 {display: inline; font-family: verdana, helvetica, arial; font-size: 14px; color: #EE0000; line-height: 120%}
h2 {display: inline; font-family: verdana, helvetica, arial; font-size: 13px; color: #999999; line-height: 120%}
h3 {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #EE0000; line-height: 120%}
h4 {display: inline; font-family: verdana, helvetica, arial; font-size: 11px; color: #999999; line-height: 120%}


a.h1 {display: inline; font-family: verdana, helvetica, arial; font-size: 14px; color: #EE0000; line-height: 120%; text-decoration: none;}
a.h2 {display: inline; font-family: verdana, helvetica, arial; font-size: 13px; color: #999999; line-height: 120%; text-decoration: none;}
a.h3 {display: inline; font-family: verdana, helvetica, arial; font-size: 12px; color: #EE0000; line-height: 120%; text-decoration: none;}
a.h4 {display: inline; font-family: verdana, helvetica, arial; font-size: 11px; color: #999999; line-height: 120%; text-decoration: none;}

/* list styles added here */

	   ul {display: block; list-style-position: outside;}
ul.inline {display: block; list-style-position: outside;}

/* styles for small text */

 .directions {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000000; }
     .footer {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #DDDDDD; }
     a.footer, a.footer:visited {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #FFFFFF; }
     a.footer:hover {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #FF0000; }
      .small {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #666666; }
       .help {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #CC0000; }
    .caption {font-family: verdana, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #009900; }

/* nav styles */

            .nav {color: #333333; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none; }
           a.nav {color: #333333; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none; }
     a.nav:hover {color: #EE0000; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
         a.navon {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; }
   a.navon:hover {color: #EE0000; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: underline;  font-weight: bold;}

         .subnav {color: #333333;  font-size: 10px; text-decoration: none; font-weight: bold;}
        a.subnav {color: #333333;  font-size: 10px; text-decoration: none; font-weight: bold; }
  a.subnav:hover {color: #EE0000;  font-size: 10px; text-decoration: underline; font-weight: bold;}
      a.subnavon {color: #000000;  font-size: 10px; text-decoration: none;  font-weight: bold;}
a.subnavon:hover {color: #EE0000;  font-size: 10px; text-decoration: underline;  font-weight: bold;}




/* styles governing all table layouts in admin interfaces: */

   /* admin titles and sub titles */ 
      .title {font-family: verdana, helvetica, arial; font-size: 14px; color: #EE0000; font-weight: bold; }
   .subtitle {font-family: verdana, helvetica, arial; font-size: 12px; color: #999999; font-weight: bold; }
       .bold {font-weight: bold; }

/* h5 is used for the help section on the admin site */
h5 {display: inline; font-family: verdana, helvetica, arial; font-size: 11px; color: #666666; line-height: 120%}


   /* stroke outline color for tables */
   .admstroke { background-color: #EE0000; } 
   
   /* cell background, font for table headings and "sort by" links in column headings */
 .admtablehead         { background-color: #D1DFC1; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead:link    { background-color: #D1DFC1; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead:visited { background-color: #D1DFC1; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead:hover   { background-color: #D1DFC1; font-weight: bold; font-size: 12px; color: #666666; } 


 .admtablehead2         { background-color: #e1e7d9; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead2:link    { background-color: #e1e7d9; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead2:visited { background-color: #e1e7d9; font-weight: bold; font-size: 12px; color: #000000; } 
a.admtablehead2:hover   { background-color: #e1e7d9; font-weight: bold; font-size: 12px; color: #666666; } 

   /* cell background, font for most table cells */
		          .adm { background-color: #FFFFDD; } 
		          .admtop { background-color: #FFFFFF; } 
		          .admnav { background-color: #FFFFFF; } 
		 
   /* cell background, slightly different than class=adm for striping search results, etc */
	             .adm2 { background-color: #FFFFFF; } 

   /* cell background, slightly different than class=adm for striping search results, etc */
	             .admdelete { background-color: #CECECE; } 


   /* test styles for bold/italics/link javascript */
.buttons {
	background: #ccc;
	border: 1px solid #ccc;
	margin: 1;
	float:left;
}
.raise	{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: #ccc;
	margin:1;
	float:left;
}
.press {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	background: #ccc;
	margin:1;
	float:left;
}
#toolbar {
	margin: 0;
	width: 78px;
	padding: 0;
	height:20px;
	background: #ccc;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	text-align:left;
}