﻿/* Modified May 22, 2007
--------------------------------------- */

/* General
--------------------------------------- */

body {
	margin: 0;
	padding: 0;
	}

/* toolbar menu
--------------------------------------------*/
.admin a
{
	display: block !important;
}

/* actions menu
--------------------------------------------*/

.actions, .actions ul
{
	background-color: #f9f7ef !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	line-height: 1 !important;
	z-index: 99999 !important;
	text-align: left !important;
}

.actions li
{
	float: left !important;
	background: #f9f7ef !important;
	width: 100% !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.actions li a
{
	border: 2px solid #C5C3B6 !important;
	font-weight: bold !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #6E6F71 !important;
	display: block !important;
	padding: 3px !important;
	text-decoration: none !important;
	z-index: 99999 !important;
}

.actions li li a
{
	border: 0px !important;
	font-weight: normal !important;
}

.actions li li
{
	white-space: nowrap !important;
	width: 11em !important;
}

.actions li ul
{
	border: 2px solid #C5C3B6 !important;
	position: absolute !important;
	background: #f9f7ef !important;
	width: 11em !important;
	margin: -2px 0px 0px 0px !important;
	left: -999em !important;
}


.actions li:hover, .actions li.sfhover
{
	background: #edece1 !important;
}

.actions li:hover ul, .actions li.sfhover ul
{
	left: auto !important;
}

/* inline content add
--------------------------------------------*/

.inlineContentAdder
{
	display: block !important;
	border: 2px solid #C5C3B6 !important;
	padding: 2px !important;
	background: #FFF !important;
	clear: both !important;
}

.inlineContentAdder .content
{
	border: 2px solid #FFF !important;
	padding: 4px !important;
	background: #FFF url(/Styles/images/header_content_tile.gif) repeat-x left bottom !important;
	text-align: center !important;
}

.inlineContentAdder a, .inlineContentAdder a:link, .inlineContentAdder a:visited, .inlineContentAdder a:hover, .inlineContentAdder a:active
{
	border: none !important;
	text-decoration: none !important;
	color: #6E6F71 !important;
	background: url(/Styles/images/add_content_icon.gif) no-repeat left center;
	padding-left: 18px !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
}

.inlineContentAdder .dropdown
{
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
}

.inlineContentAdder .submit
{
}

.inlineContentAdder .cancel
{
	background: url(/Styles/images/cancel_icon.gif) no-repeat left center !important;
}

.inlineContentAdder a.copy
{
	padding-left: 0px !important;
	background-image: none;
	color: #CC0000 !important;
	text-decoration: underline !important;
}

.inlineContentAdder a.copy:hover
{
	text-decoration: underline !important;
}

/* inline content add
--------------------------------------------*/

.regionBoundary
{
	background: url(/Styles/images/region_tile.gif);
	margin: 0;
	padding: 0;
}

.regionName
{
	background: #C5C3B6;
	padding: 4px;
	font-weight: bold;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}


/* edit page tabs
---------------------------------------------*/

.ajax__tab_default .ajax__tab_header {
	border-bottom: 1px solid;
	white-space:nowrap;
	}

.ajax__tab_default .ajax__tab_outer {
	/*display:-moz-inline-box;*/
	display:inline-block;
	border-style: solid solid none solid;
	border-width: 1px 1px 0 1px;
	margin-right: .5em;
	padding: .5em 1em;
	}

.ajax__tab_default .ajax__tab_inner {
	padding: 1px;
	}

.ajax__tab_default .ajax__tab_tab {
	/*display:-moz-inline-box;*/
	display:inline-block;	
	text-transform: uppercase;
	font-weight: normal;
	padding: 1px;
	}

.ajax__tab_default .ajax__tab_body {
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	padding: .5em 2em 2em;
	margin: 0 0 1em 0;
	}

.ajax__tab_default .ajax__tab_active span.ajax__tab_tab {
	font-weight: bold;
	border-bottom: 1px solid;
	padding-bottom: 0;
	}

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab {
	border-bottom: 1px dotted;
	padding-bottom: 0;
	}

/* tabs
---------------------------------------------*/
#tabArea
{
	float: left;
	display: inline;
	width: 100%;
	background: url(/Styles/images/tabbg.gif) repeat-x bottom;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#tabArea .nav
{
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

#tabArea .nav li
{
	float: left;
	background: url(/Styles/images/left.gif) no-repeat left top;
	margin: 0 2px 0 0;
	padding: 0 0 0 7px;
}

#tabArea a
{
	float: left;
	display: block;
	background: url(/Styles/images/right.gif) no-repeat right top;
	padding: 5px 10px 4px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #403432;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tabArea a
{
	float: none;
}
/* End IE5-Mac hack */
#tabArea a:hover
{
	color: #403432;
}
#tabArea .current
{
	background-image: url(/Styles/images/left_on.gif);
}
#tabArea .current a
{
	background-image: url(/Styles/images/right_on.gif);
	color: #403432;
	padding-bottom: 5px;
}

div.element
{
	/*position: relative; should be safe to remove now that the menu code is changed */
}

.elementAdmin
{
	display: block;
	border: 2px solid #C5C3B6;
	padding: 2px;
	background: #FFF url(/Styles/images/header_content_tile.gif) repeat-x left bottom;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

.noContent
{
	display: block;
}

/* floating admin toolbars 
-------------------------------------------*/
.customActions
{
	padding: 4px;
	display: block;
	text-align: left;
}

.customActions ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.customActions li
{
	width: 100%;
	margin: 0 0 3px 0;
}

.customActions li a, .customActions li a:link, .customActions li a:visited
{
	border: none !important;
	text-decoration: none !important;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
	display: block;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.customActions > ul.customActions li a
{
	width: auto;
}

.customActions a:hover
{
	background-color: #EEEEEE;
}

div.helpIcon
{
	display: inline;
	padding-left: 2px;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 9px !important;
}

div.helpLabel
{
	position: relative;
	display: inline;
}
/* switched to inline help display
div.helpContent {
	border: 2px solid #C5C3B6;
	background: #FFF url(/Styles/images/header_content_tile.gif) repeat-x left bottom;
	position:absolute;
	left:2px;
	top: 0;
	width: 300px;
	padding: 1em 1.5em;
}*/

div.helpContent
{
	border-top: 1px dotted #C5C3B6;
	background: #F9F9F9;
	padding: 1em 1.5em;
	display: block;
	margin: .5em auto;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 14px !important;
}


/* Admin toolbar
------------------------------------------- */

#adminbar {
	text-align: left !important;
	margin: 0 auto !important;
	width: 764px !important;
	padding: 0 !important;
	font-size: 11px !important;
	line-height: 1.2em !important;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	}

#adminbar a, #adminbar a:link, #adminbar a:visited {
	text-decoration: none !important;
	background: none !important;
	border: none !important;
	font-weight: normal !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
	}

#adminbar .suckerfish, #adminbar .suckerfish li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	}

#adminbar .suckerfish li {
	display: inline !important;
	}

#toolbar
	{
	background: #FFF !important;
	border-left: 2px solid #C5C3B6 !important;
	border-right: 2px solid #C5C3B6 !important;
	border-bottom: 2px solid #C5C3B6 !important;		
	}

#toolbar .content
{
	border-left: 2px solid #FFF !important;
	border-right: 2px solid #FFF !important;
	border-bottom: 2px solid #FFF !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 9999 !important;
	background: #FFF url(/Styles/images/header_content_tile.gif) repeat-x left bottom !important;
}

#toolbar .logo {
	float: left !important;
	padding: 4px 0 !important;
	display: inline !important;
	margin-left: 11px !important;
	}

#toolbar .suckerfish {
	float: right !important;
	border-right: 1px solid #FFF !important;
	border-left: 1px solid #F0F0F0 !important;
	}

#toolbar .suckerfish li {
	float: left !important;
	background: none !important;
	}

#toolbar .suckerfish  a, #toolbar .suckerfish  a:link, #toolbar .suckerfish a:visited {
	font-weight: normal !important;
	text-decoration: none !important;
	padding: 12px 11px !important;
	color: #545349 !important;
	border-left: 1px solid #FFF !important;
	border-right: 1px solid #F0F0F0 !important;
	display: block !important;
	border-bottom: none !important;
	border-top: none !important;
	background: none !important;
	}

#toolbar .suckerfish a:hover {
	text-decoration: none !important;
	background: #F0F0F0 !important;
	color: #5F5F5F !important;
	}

#toolbar .suckerfish li ul {
	position: absolute !important;
	left: -999em !important;
	border: 1px solid #c5c3b6 !important;
	background: #FFF !important;
	margin: 0 !important;
	padding: 0 !important;
	}

#toolbar .suckerfish li ul li {
	clear: both !important;
	text-align: left !important;
	}

#toolbar .suckerfish li ul a, #toolbar .suckerfish li ul a:link, #toolbar .suckerfish li ul a:visited {
	display: block !important;
	width: 140px !important;
	border-left: 1px solid #FFF !important;
	border-right: 1px solid #F0F0F0 !important;
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #F0F0F0 !important;
	padding: 4px 11px !important;
	font-size: 10px !important;
	}

#toolbar .suckerfish li:hover ul, #toolbar .suckerfish li.sfhover ul {
	left: auto !important;
	}

/* Page bar
------------------------------------------- */

#pagebar {
	background: #e3e1d7 !important;
	padding: .5em 1em .75em !important;
	margin: 0 !important;
	color: #545349 !important;
	text-align: left !important;
	border-left: 2px solid #C5C3B6 !important;
	border-right: 2px solid #C5C3B6 !important;
	border-bottom: 2px solid #C5C3B6 !important;
	font-weight: bold !important;
	}

#pagebar li img {
	vertical-align: bottom !important;
	border: none !important;
	}

#pagebar ul, #pagebar li {
	background: none !important;
	}

#pagebar li a, #pagebar li a:link, #pagebar li a:visited {
	text-decoration: none !important;
	color: #545349 !important;
	font-weight: normal !important;
	margin: 0 .5em !important;
	background: transparent !important;
	padding: 2px 4px 3px !important;
	border: none !important;
	}
	
#pagebar li a:hover, #pagebar li a:active {
	background: #FFF !important;
	}


/* Info bar
------------------------------------------- */
#infobar
	{
	border-left: 2px solid #C5C3B6 !important;
	border-right: 2px solid #C5C3B6 !important;
	border-bottom: 2px solid #C5C3B6 !important;
	padding: .5em 1em !important;
	margin: 0 !important;
	background: #ffffe1 !important;
	color: #545349 !important;
	}

#infobar ul {
	margin: .5em 1em !important;
	padding: 0 1em 0 .5em !important;
	}

#infobar li {
	margin-bottom: .5em !important;
	list-style: none !important;
	background: url(/Styles/images/alert_icon.gif) no-repeat 2px 2px !important;
	padding-left: 20px !important;
	}

#infobar a, #infobar a:link, #infobar a:visited
	{
	color: #545349 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	}

#infobar a:hover, #infobar a:active {
	text-decoration: underline !important;
	}

/* Login element
------------------------------------------- */

.loginElement p
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.loginElement label
{
	display: block;
	margin: 5px 0;
}

.loginElement input
{
	clear: both;
	margin: 5px 0;
	display: block;
}

.loginElement span label, .loginElement span input
{
	display: inline;
	margin: 0;
	padding: 0 0 0 1px;
}

/* Link buttons
------------------------------------------- */

a.waterButtons, a.waterButtons:link, a.waterButtons:visited
{
	border: 2px solid #C5C3B6;
	padding: 4px 8px;
	background: #FFF url(images/waterButtons_tile.gif) repeat-x left -6px;
	clear: both;
	text-decoration: none;
	color: #6E6F71;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}


/* Blog
------------------------------------------ */

.blogList ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.blogList li
{
	list-style: none;
}

.blogList .postBody
{
	display: block;
}
.blogList .postInfo
{
	margin-bottom: 1em;
}

.blogList .postInfo, .postDate
{
	font-style: italic;
}

div.post h2, .blogList .postTitle, div.event h2
{
	margin-bottom: 0;
}

div.post .postDate, div.event .eventDate
{
	margin-top: 0;
}

div.comments dd.comment
{
	padding: 1em 1.5em;
	background: #F9F9F9;
}

div.comments dt.comment
{
	border-bottom: 2px solid #FFF;
	padding: 1em 1.5em;
	background: #F9F9F9;
}

div.comments dd.alternate, div.comments dt.alternate
{
	background: #EEE;
}

div.comments dt.needsApproval
{
	background: #ffff99 !important;
}

p.commentDate
{
	font-style: italic;
}

div.commentsForm label
{
	display: block;
}

div.commentsForm input
{
	width: 65%;
}

div.commentsForm textarea
{
	width: 99%;
	height: 175px;
}

.RadEContentBordered{background: #fff;}

/* Events Calendar
--------------------------------------- */

.eventsCalendar table {
	border:1px solid #CCC;
	width:100%;
	border-collapse:collapse;
	}
	
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
	padding: 2px;
	border:1px solid #CCC;
	background: #FFF;
	}

.eventsCalendar table table, .eventsCalendar table table td {
	border:none !important;
	width:100%;
	border-collapse:collapse;
	}

table.calendarTitle td {
	text-align: center;
	background: #444;
	color: #FFF;
	font-weight: bold;
	padding: 6px 4px
	}

.calendarNextPrevious {
	font-weight: normal;
	}

.calendarNextPrevious a {
	color: #FFFFCC !important;
	}

.calendarToday {
	color: #000;
	background:#FFFFEC;
	}

.calendarDayHeader {
	color: #FFF;
	background: #777;
	font-weight: bold;
	height: 1px;
	text-align: center;	
	padding: 4px 2px;
	}

.calendarWeekendDay {
	background: #EFEFEF;
	}
	
.calendarOtherMonthDay {
	color: #777;
	background: #DDD;
	}

/* Page Settings
--------------------------------------- */	
.templateChooser {
	text-align: center;
	border: 1px solid;
	padding: .5em 1.5em;
	float: left;
	clear: both !important;
	margin-bottom: 1em;
	}

.templateChooser img { border: 1px solid; margin: 1.5em 0 0; }
.templateChooser p { margin: 1.5em 0;}

.ajax__tab_default .ajax__tab_body hr {clear: both;}

dl.stats dt, dl.stats dd {display: inline; float: left; margin: 0 1em 0.5em 0; padding: 0;}
dl.stats dd {margin-right: 3em;}
dl.stats {margin-bottom: 1.5em;}


/* Clearing
--------------------------------------- */

#toolbar .content:after, .element:after, .templateChooser:after, blockquote:after, dl.stats:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#toolbar .content, .element, .templateChooser, blockquote, dl.stats  {display: inline-block;}

* html #toolbar .content, * html .element, * html .templateChooser, * html blockquote, * html dl.stats   {height: 1%;}

#toolbar .content, .element, .templateChooser, blockquote, dl.stats  {display: block;}
