/*=================================================================================================
--       SITE/SYSTEM : McCormick-Armstrong Site
--       DESCRIPTION : Administrator Panel CSS
--  REVISION HISTORY : Date      Version   Name             Description
--                     03/30/06  1.0.0.0   Eric Prugh, esq.	Created stylesheet based on Joe's main stylesheet
==================================================================================================*/
body{ background-color: #fff ; font-family: 'Lucida Grande', verdana, arial, sans-serif; font-size: 0.7em; margin: 5px 0 0 0; }
h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; margin-bottom: 0; }
p, ul, blockquote{ margin-top: 3px; }
img{ border: 0; }
a img { background-color: none; }
a, a:active, a:visited { color: #0D1D51; text-decoration: none; }
a:hover{ color: #fff; background-color: #0D1D51; }

#top { text-align: center; }
#logged_in { text-align: right; height: 16px; position: relative; display: block; z-index: 100; color: #000; padding-right: 10px; }
	#logged_in a { color: #000; }
	#logged_in a:hover { color: #fff; }
/* #header { position: relative; padding-bottom: 25px; background: url(../../images/home_container_bkgd.jpg) 0px 0px repeat-x; display: block; height: 88px; } */
#header { position: relative; /* padding-bottom: 16px; */ background: #fff; padding: 15px; }
	#header #osd-logo { float:right; position: relative; display: block; }
#login { border: 10px solid #000; padding: 10px; background-color: #fff; width: 300px; text-align: left; }
	#login h1 { font-size: 1.8em; color: #000; display: block; }
	#login input { font-family: 'Lucida Grande', Verdana, Arial; font-size: 1.6em; width: 250px; }
	#login input.button { width: 120px; padding: 5px; font-weight: bold; }

#container { width: 90%; background-color: #fff; border: 1px solid #dcd8bb; position: relative; margin: auto; padding-bottom: 15px; background-color: #eee; }

#leftNav { float: left; width: 300px; text-align: left; min-height: 100%; padding-left: 20px; padding-bottom: 20px; }
#leftNav select, #leftNav input { font-size: 1.1em; }
ul#tout { margin: 0; padding: 0; }
	#level1 ul li, ul#tout li { position: relative; }
	#level1 li img, ul#tout li img { position: absolute; right: 10px; top: 2px; }
#leftNav.admin { margin: 0px; vertical-align: bottom; text-align: left; }
#leftNav.admin ul, ul#tout { margin: 0px; padding: 0px; display: block; list-style: none;}
#leftNav.admin ul li, ul#tout li { list-style: url(../images/indention.gif) inside; margin: 0px; padding: 0px; }
#leftNav.admin ul li ul li { margin-left: 15px; text-transform: none; }
	#leftNav h4 { margin: 0; margin-top: 5px; }
	#site-content { padding: 5px; border: 1px solid #aaa; background-color: #fff; position: relative; left: -15px; }
	#sorts { font-size: 1.2em; color: #009900; font-weight: bold; }
#mainContent { margin: 0px 0 0 315px; padding: 10px; text-align: left; display: block; background-color: #fff; font-size: 1.1em; }
	#mainContent form { margin: 0; padding: 0; }
		input, select { font-size: 20px; font-family: Arial, Helvetica, sans-serif; display: inline; }
		#mainContent #navName { font-weight: normal;  font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.6em; color: #000; margin: 0; padding: 5px; } 
		#mainContent form input.button {  padding: 5px; margin-top: 10px; }
	#mainContent h1 { margin-bottom: 25px; margin-top: 0; text-align: center; border-bottom: 1px solid #000; }
	form#versions { position: absolute; right: 125px; top: 110px; }
	#mainContent #pageContent, #mainContent #tout_text { width: 95%; }
	#mainContent form h4 { margin-bottom: 0; }
	#mainContent #page-touts { padding: 10px; background-color: #eee; }
	#mainContent #toutImage { position: relative; }
	    #mainContent #toutImage #remove-image-link { position: absolute; top: 0; left: 0; padding: 5px; background-color: #fff; border-left: 1px solid #000; border-top: 1px solid #000; }
	    #mainContent #toutImage a { color: #cc0000; }
	#mainContent #pages-parent { width: 300px; display: inline; }
	#mainContent #display-in-top { display: inline; }
	.page_text { font-weight: bold; }
	
    /* clients page */
    #container h3 { margin-bottom: 0; }
    #container h2 { border-bottom: 1px solid #000; }
    #container #left { float: left; }
    #client-drop-down { position: absolute; right: 20px; top: 20px; }
        #client-drop-down h3 { display: inline; }
    ul#client-list { list-style: none; margin: 0; margin-left: 15px; padding: 0; }
        #client-list li { padding: 0; margin: 0; padding-bottom: 5px; }
        #client-list li ul { list-style: none; margin: 0; margin-left: 5px; padding: 0;}
            #client-list li ul li { border-left: 1px solid #000; float: left; padding-left: 10px; padding-right: 15px; padding-bottom: 3px; padding-top: 3px; }
	.flash { width: 65%; display: block; font-size: 1.4em; font-weight: bold; border: 1px solid #47432D; color: #fff; background-color: #0d1e52; padding: 7px; text-align: center; margin: 10px; margin-left: 0; }
	#clients-add, #clients-edit, #users-add, #users-edit { margin-left: 215px; }
	#clients-add form, #users-add form { background-color: #fff; padding: 10px; border: solid 2px #000; }
	    #clients-add p, #clients-edit p, #users-add p, #users-edit p { width: 350px; float: left; }
	ul#view-news { margin: 0; padding: 0; list-style: none; }
	#view-news li { position: relative; z-index: 0; }
		#view-news li a.edit-story { display: block; padding: 3px; }
		#view-news li h3 { display: inline; font-size: 1.5em; padding-right: 10px; }
		#view-news li p { display: inline; color: #aaa; padding-right: 35px; }
		#view-news li img { float: right; position: relative; top: 7px; z-index: 1;}
		* html #view-news li img { float: right; position: relative; top: 23px; }
		
.handle { font-size: .8em; background-color: #000; color: #fff; cursor: move; }
/* CALENDAR */
.calendar-container { width: 250px; position: relative; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, "MS Trebuchet", sans-serif; }
	.calendar-container #calendar { position: absolute;  background-color: #fff; left: 100px; }
.calendar-container table, .calendar-container p { width: 250px; border: 1px solid #000; border-left: 0; border-bottom: 0; }
.calendar-container td { border-left: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.1em; text-align: center; margin: 5px; }
.calendar-container h1 { font-size: 1.4em; margin: 1.0em; }
	.calendar-container td a:link, .calendar-container td a:active, .calendar-container td a:visited { display: block; width: 100%; height: 100%; color: #000; text-decoration: none; padding: 5px; padding-right: 0; padding-left: 0; }
	.calendar-container td a:hover { display: block; width: 100%; height: 100%; background-color: #aaa; }
.calendar-container th { width: 42px; border-bottom: 2px solid #000; font-size: 1.1em; border-left: 1px solid #000; text-align: center; }
img { vertical-align: middle; border: 0; }
#loader { position: absolute; left: 325px; top: 7px; }
.arrow a { padding-top: 50%; padding-bottom: 50%; }
.grayed { color: #ccc; }
.today { background-color: #000; color: #fff; }
	.today a:visited { color: #fff; }

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px georgia,arial,sans-serif; }
body div#toolTip p em { display:none;margin-top:3px;color:#cc0000;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }