/*******************************************
Administration Styles
*******************************************/
#Admin_box{
	margin:10px 20px 20px 20px;
	padding:10px 20px 10px 20px;
	border: 1px solid #333366;
	width: 700px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px; 
	min-height:550px;
	}
	
html>body #Admin_box { width:700px } 

td.divider{
	margin-bottom:3px;
	border-bottom:1px solid #666666;
	}
	
table, td, tr{
font:11px verdana, arial, sans-serif;

}
/*form,textarea,input,iframe{

font:11px verdana, arial, sans-serif;

}*/

form {
margin:0;
}
form div {
   display: block;
   clear: both;
   margin: .5em 0;
}
/* for labels on same line as the form element */
form div label {
   width: 14em;
   float: left;
   text-align: right;
   margin-right: .5em;
   padding:4px 2px 3px 0;
   font-weight:bold;
}

.divider{
padding:2px;
width:99%;
font-weight:bold;
background-color:#EFEFEF;
}

div.divider a{
color:#F90;
text-decoration:none;
}

div.divider a:visited{
color:#FFFFFF;
text-decoration:none;
}

div.divider a:hover{
color:#F30;
text-decoration:none;
}


#previewDiv{
height:400px;
overflow:scroll;


}


	
table.listing a{
font:12px verdana, arial, sans-serif;
font-weight:bold;
color:#000000;
}

.admin_header{
	font:11px verdana, arial, sans-serif;
	padding:5px;
	font-weight:bold;
}

a.admin_header {
	font:11px verdana, arial, sans-serif;
	color:#FFFFFF;
	padding:5px;
	text-decoration:underline;
	font-weight:bold;
}


tr.light{
	font:11px verdana, arial, sans-serif;
	background-color:#d3d3d3;
}
tr.dark{
	font:11px verdana, arial, sans-serif;
	background-color:#c0c0c0;
}


/******************Spanners**************
"admin-spanner" is the blue spanner found in the admin section used for navigation.
td.divider is the horizontal line between sections on the guides index
the additional link styles are for the tabs beneath each section.
parent-cat is used in checkbox categories to show a parent category. 
****************************************/

.admin_spanner{
display:block;
margin:0px;
padding:2px 0 3px 5px;
font-family:verdana,ariel;
color:#FFFFFF;
font-size:11px;
line-height:12px;
background-color:#333366;
border:1px solid black;
font-weight:bold;
}



a.guides_here{
	color:red;
	}	




/*Note: In CSS, you have all kinds of ways to make a link active, but all of these involve
setting up a body id (like in the tabs used above.) But, since these are used for the tabs, its 
easiest to just set up a new class and manually set the active link (as directly above.) This took about three hours to figure out....*/






/*spanners for updown links*/

#updown{
margin:0;padding:0;
}



#updown a{
font: bold 11px verdana, arial, sans-serif;
color: #444444;
padding:4px 0 5px 10px; 
text-decoration: underline;
}
#updown a:hover{
color: red;
}


.evenSpan{
display:block;
margin:0px 0 1px 0px;
padding:5px 0 5px 15px;
font-family:verdana,ariel;
font-size:11px;
font-weight:bold;
}
.oddSpan{
display:block;
margin:0px 0 1px 0px;
padding:5px 0 5px 15px;
font-family:verdana,ariel;
font-size:11px;
font-weight:bold;
}

/*=============================
Ed Buttons: Styles for editorial buttons
=============================*/
.ed_button{
color:#444444;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:1em;
   font-weight:bold;
   background-color:#fffbee;

   border-top:#999999 1px solid;
   border-left:#999999 1px solid;
   border-right:#444444 1px solid;
   border-bottom:#444444 1px solid;
   
   margin:4px 2px 0 0;
   padding:0 5px 0 5px;
}
.ed_button:hover{	
background-color:#9fba75;
	color:#000000;
	}
	


	/*This starts the horizontal lists under the tabs in administrative tab/link navs...*/

ul#hlist{
list-style-type:none;
padding:2px 0 2px 4px;
margin:0px;

}


ul#hlist li{
display:inline;
margin-right:0px;
}

#hlist a{
font: bold 10px verdana, arial, sans-serif;
margin:0px;
padding-left:10px; 
text-decoration: none;
}

#hlist a:hover {
font: bold 10px verdana, arial, sans-serif;
text-decoration: none;
padding-left:10px; 
}

#hlist a.on{
font: bold 10px verdana, arial, sans-serif;
background-position: 0 2px;
text-decoration: none;
padding-left:10px; 
}	

/*Note: In CSS, you have all kinds of ways to make a link active, but all of these involve
setting up a body id (like in the tabs used above.) But, since these are used for the tabs, its 
easiest to just set up a new class and manually set the active link (as directly above.) This took about three hours to figure out....*/