/*
+------------------------------------------------------------------------------+
|  File        : global.css                                                    |
|  Description : The site & sub-site wide default layout.  All layout related  |
|                items are contained here.  Colors are now split out into a new|
|                file global-colors.css.                                       |
+------------------------------------------------------------------------------+
| $Revision:: 985                                                            $:|
| $Date:: 2009-06-24 17:40:01 -0500 (Wed, 24 Jun 2009)                       $:|
| $Author:: david                                                            $:|
+------------------------------------------------------------------------------+
| $Id:: global.css 985 2009-06-24 22:40:01Z david                            $:|
+------------------------------------------------------------------------------+
*/
body { margin:0; padding:0; }

div { margin:0; padding:0; text-align:left; }

#wrapper { margin: 10px 0px 10px 0px; }
#wrapper.centered { width:860px; margin:10px auto; }
#wrapper.no-nav { width:886px; }
#wrapper.nav-1 { width:1090px; }
#wrapper.nav-2 { width:1090px; margin:10px auto; }

/* header */
#header { height:144px; }
#header.no-nav{}
#header.nav-1 {}
#header.nav-2 {}

#header img.sitename { position:absolute; z-index:55; top:0px; left:0px; border:0px; height:144px; }
#header.centered img.sitename { left:20%; margin:10px auto; }
#header.no-nav img.sitename {}
#header.nav-1 img.sitename {}
#header.nav-2 img.sitename {}
#header img.subline{ position:absolute; z-index:65; top:0px; border:0px; height:144px; }
#header.centered img.subline { right:20%; margin:10px auto; }
#header.no-nav img.subline { left:600px; }
#header.nav-1 img.subline { left:786px; }
#header.nav-2 img.subline { right:0%; }
#header img.foreground {position:absolute; z-index:45; top:0px; border:0px; height:144px; }
#header.centered img.foreground { left:30%; margin:10px auto; }
#header.no-nav img.foreground { left:250px; }
#header.nav-1 img.foreground { left:400px; }
#header.nav-2 img.foreground { right:5%; }

#header h1 { margin:0; padding:20px; }
#header h1 a { letter-spacing:1px; }
#header h1 a:hover {}

.miniHeader { max-height:150px; max-width:300px; }

/***********************/
/****** MEDIA BAR ******/
/***********************/
#advertBar { padding:10px; border:1px solid #bbb; }
#mediaBar { padding:9px; border:1px solid #bbb; }

.mediaHeader { margin-top:5px; margin-bottom:5px; background:#eee; padding-left:5px; font-weight:bold; cursor:pointer; }
.mediaHeader .closed { background:#eee url(/images/site/closed.png) no-repeat right top; }
.mediaHeader .opened { background:#eee url(/images/site/opened.png) no-repeat right top; }

.quickSearchBtn, .quickSortBtn { border:1px solid #bbb; }

.buttonSelected { border:1px solid red; background:#bbb; }
.buttonHover { opacity: 0.7; cursor: pointer; }

/** formatting for header level media controls **/
#header #mediaToolbarControls { float:right; width:211px; border:1px solid #000; min-height:152px; z-index:2; }
#header #toolbarTitle { font-weight:bold; text-decoration:underline; margin-bottom:10px; }
#header .mediaToolbar { padding-left:4px; }
#header .rssFeeds { min-height:20px; }

/***********************/
/***** NAVIGATION ******/
/***********************/
#navigation { font-family:Verdana, Arial, Helvetica, sans-serif; background:#eee; padding:0.20em 0.1em; border:solid 1px #ccc; text-align:center; height:1.5em; }

/* all lists */
#nav, #nav ul { list-style: none; padding: 0; margin: 0; width: auto; background-color: #396280; }
#nav a { display: block; left: -5em; text-decoration: none; color:#4f4f4f; width: auto; padding-left:0.85em; padding-right:0.85em; }
#nav .active { display: block; text-decoration: none; width: auto; }

/* all list items */
#nav li { float: left; z-index: 12; position: relative; text-align: center; cursor: default; background:#eee; width: auto; }

/* all list items */
#nav #first { float:left; z-index: 12; position: relative; text-align: center; cursor: default; width: auto; }

#nav li li a { display: block; font-weight: normal; }
#nav li li .active { display: block; font-weight: normal; color: #9DD2F4; }
#nav li li a:hover, #nav li li a.sfhover { background:#eee; color:#CF510C; }
#nav li li .active:hover, #nav li li .active.sfhover  { background-color: #9DD2F4; color: #838B8D; }
#nav li a:hover, #nav li a.sfhover { color:#CF510C; }
#nav li .active:hover, #nav li .active.sfhover { background-color: #9DD2F4; color: #838B8D; }

/* second-level lists */
#nav li ul { position: absolute; z-index: 12; padding-top: 5px; padding-bottom: 5px; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; font-weight: normal; left: -999em; }

/* second-level lists */
#nav li ul li { padding-top: 2px; padding-bottom: 2px; }

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul { left: auto; left: 0; }

/***********************/
/******* SUB NAV *******/
/***********************/
.subNav {
	float:right;
	margin: 10px 10px 0 0;
}
.subNav ul, .subNav li {
	display: inline;
	margin: 0;
	padding: 5;
	font-weight: bold;
	content: ' | ';
}

/***********************/
/******* FOOTER ********/
/***********************/
#footer { text-align:center; padding:4px; }
#footer.centered {}
#footer.no-nav {}
#footer.nav-1 {}
#footer.nav-2 {}
	
#prefoot { min-height:220px; padding-left:10px; }
	
/* main features of the page */
#content { min-height:550px; }
#content #main { float:left; min-height:550px; margin-top:10px; margin-left:10px; position:relative; }

#main.centered { width:840px; }
#main.no-nav { width:840px; }
#main.nav-1 { width:840px; }
#main.nav-2 { width:840px; }

/***********************/
/******* SIDENAV *******/
/***********************/
#rsidenav { width: 15%; min-width:220px; position:relative; float:left; height:1000px; padding:10px; min-height:1400px; }
#rsidenav ul { width:187px; margin:20px 0 0 20px; list-style-type:none; padding:0; }
#rsidenav ul li { width:187px; position:relative; float:left; margin:0; padding:0; }
#rsidenav ul li.sn-title h5 { margin:0; }
#rsidenav ul li ul { width:auto; position:relative; float:left; margin:0 0 0 10px; list-style-type:none; }
#rsidenav ul li ul li { width:100%; position:relative; float:left; }
#rsidenav li a,
#rsidenav li a:link,
#rsidenav li a:visited {}

#rsidenav li a:hover,
#rsidenav li a:active {}

#lsidenav { border-right:#214170 1px dotted; width:14%; min-width:217px; position:relative; float:left; height:1000px; }

#lsidenav ul { margin:20px 0 0 20px; list-style-type:none; padding:0; }
#lsidenav ul li { position:relative; float:left; margin:0; padding:0; }
#lsidenav ul li.sn-title h5 { margin:0; }
#lsidenav ul li ul { width:157px; position:relative; float:left; margin:0 0 0 10px; list-style-type:none; }
#lsidenav ul li ul li { width:100%; position:relative; float:left; }

#lsidenav li a,
#lsidenav li a:link,
#lsidenav li a:visited {}

#lsidenav li a:hover,
#lsidenav li a:active {}

/***********************/
/******* CONTENT *******/
/***********************/
#content h1, #content h2, #content h3, #content h4, #content h5 {}
#content h1 { padding:10px 0 25px 0; margin:0; }
#content h2 { margin:16px 0 8px 0; }
#content h3 { margin:16px 0 4px 0; }
#content h4 { margin:10px 0 4px 0; }
#content p, #content li { line-height:150%; }
#content dl.offspring { padding-bottom:16px; margin-bottom:16px; }
#content dt { padding:4px; }
#content dd { margin:0; padding:6px 12px 6px 6px; }
	
/* common links */
#content a:hover { }
#content h2 a:hover {}
#content th, #content td {}
	
/* common form elements */
#content input, #content select, #content option, #content textarea {}
#content fieldset { padding:0; margin-bottom:18px; }
#content legend { letter-spacing:1px; }
#content ol li { padding-bottom:12px; }

.input, .select, .textarea { width:400px; }
.shortInput { width:250px; }
.textarea-wide { width:600px; }

.button, .bb_button { border-style: double; border-width: 3px; padding:2px 8px; }
.button:hover, .bb_button:hover { }

.campaignButton { background:#cd0000; color:white; padding:2px; }

/*********************/
/***** USER PAGE *****/
/*********************/
.labelCol { vertical-align: top; }
.profileAvatarCol { text-align:right; width:10%; vertical-align: top; }
.profileLabelCol { text-align:right; width:10%; vertical-align: top; font-weight:bold; }
.profileDataCol { text-align:left; width:70%; }
.miniUserDetail { float:left; margin-left:10px; overflow:visible; }
.miniImageDetail { float:left; width:204px; overflow:visible; }
.miniVideoDetail { float:left; width:204px; overflow:visible; }
.miniAudioDetail { float:left; margin-right:10px; overflow:visible; }

.miniActionDetail { padding:10px; height:170px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniAnnouncementDetail { padding:10px; height:170px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniBlogDetail { padding:10px; height:150px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniCampaignDetail { padding:10px; height:150px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniCalendarDetail { padding:10px; height:150px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniResourceDetail { padding:10px; height:170px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniNewsDetail { padding:10px; height:150px; margin-bottom:10px; border:3px solid #ccc; overflow:visible; }
.miniOrgDetail { }

/***********************/
/******* BUTTONS *******/
/***********************/
.tinyImg { width:30px; height:20px; }
.smallBtn { width: 22px; height: 22px; cursor:pointer; }
.smallBtn:hover { opacity: 0.7; }

.tinyBtn  { width: 16px; height: 16px; cursor:pointer; }

.mediumBtn { padding-top:2px; width:24px; height:24px; }

.splungeBtn { padding-top:2px; padding-right:2px; text-decoration:none; width:32px; height:32px; }
.largeBtn { padding-top:2px; width:48px; height:48px; }
.minimizeBtn, .maximizeBtn, .closeBtn { padding-bottom:3px; width:16px; height:16px; cursor:pointer; }

/***********************/
/******** ICONS ********/
/***********************/
.smallIcon { margin-top:6px; width:12px; height:12px; }
.mediumIcon { padding-top:6px; width:24px; height:24px; }

.newIcon          { background: url('/images/icons/new.png') no-repeat right top; }
.announcementIcon { background: url('/images/icons/announcement.png') no-repeat; padding:2px 0 2px 25px; }
.actionIcon       { background: url('/images/icons/action.png') no-repeat; padding:2px 0 2px 25px; }
.blogIcon         { background: url('/images/icons/blog.png') no-repeat; padding:2px 0 2px 25px; }
.newsIcon         { background: url('/images/icons/news.png') no-repeat; padding:2px 0 2px 25px; }
.orgIcon          { background: url('/images/icons/organization.png') no-repeat; padding:2px 0 2px 25px; }
.userIcon         { background: url('/images/icons/user.png') no-repeat; padding:2px 0 2px 25px; }
.forumIcon        { background: url('/images/icons/forum.png') no-repeat; padding:2px 0 2px 25px; }
.calendarIcon     { background: url('/images/icons/calendar.png') no-repeat; padding:2px 0 2px 25px; }
.campaignIcon     { background: url('/images/icons/campaign.png') no-repeat; padding:2px 0 2px 25px; }
.boycottIcon      { background: url('/images/icons/boycott.png') no-repeat; padding:2px 0 2px 25px; }
.eletterIcon      { background: url('/images/icons/eletter.png') no-repeat; padding:2px 0 2px 25px; }
.fundraiserIcon   { background: url('/images/icons/fundraiser.png') no-repeat; padding:2px 0 2px 25px; }
.petitionIcon     { background: url('/images/icons/petition.png') no-repeat; padding:2px 0 2px 25px; }
.resourceIcon     { background: url('/images/icons/resource.png') no-repeat; padding:2px 0 2px 25px; }
.audioIcon        { background: url('/images/icons/audio.png') no-repeat; padding:2px 0 2px 25px; }
.imageIcon        { background: url('/images/icons/image.png') no-repeat; padding:2px 0 2px 25px; }
.docIcon          { background: url('/images/icons/doc.png') no-repeat; padding:2px 0 2px 25px; }
.websiteIcon      { background: url('/images/icons/website.png') no-repeat; padding:2px 0 2px 25px; }
.bookIcon         { background: url('/images/icons/book.png') no-repeat; padding:2px 0 2px 25px; }
.videoIcon        { background: url('/images/icons/video.png') no-repeat; padding:2px 0 2px 25px; }

.announcementRightIcon { background: url('/images/icons/announcement.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.actionRightIcon       { background: url('/images/icons/action.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.blogRightIcon         { background: url('/images/icons/blog.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.newsRightIcon         { background: url('/images/icons/news.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.orgRightIcon          { background: url('/images/icons/organization.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.userRightIcon         { background: url('/images/icons/user.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.forumRightIcon        { background: url('/images/icons/forum.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.calendarRightIcon     { background: url('/images/icons/calendar.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.campaignRightIcon     { background: url('/images/icons/campaign.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.boycottRightIcon      { background: url('/images/icons/boycott.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.eletterRightIcon      { background: url('/images/icons/eletter.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.fundraiserRightIcon   { background: url('/images/icons/fundraiser.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.petitionRightIcon     { background: url('/images/icons/petition.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.resourceRightIcon     { background: url('/images/icons/resource.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.audioRightIcon        { background: url('/images/icons/audio.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.imageRightIcon        { background: url('/images/icons/image.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.docRightIcon          { background: url('/images/icons/doc.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.websiteRightIcon      { background: url('/images/icons/website.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.bookRightIcon         { background: url('/images/icons/book.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }
.videoRightIcon        { background: url('/images/icons/video.png'); background-repeat: no-repeat; background-position: right top; padding:0 25px 2px 0; }

.addYourNameIcon   { background: url('/images/site/add-icon.png') no-repeat; padding:2px 0 2px 25px; }
.loggedInAsIcon    { background: url('/images/site/in-icon-2.png') no-repeat; padding:2px 0 2px 25px; }
.ratingIcon        { background: url('/images/icons/rating.png') no-repeat; padding:2px 10px 2px 25px; }
.viewIcon          { background: url('/images/icons/view.png') no-repeat; padding:2px 0 2px 25px; }

.editEntityIcon    { background: url('/images/site/edit-icon.png') no-repeat; padding:2px 10px 2px 25px; }
.messageEntityIcon { background: url('/images/icons/message.png')  no-repeat; padding:2px 10px 2px 25px; }
.tellAFriendIcon   { background: url('/images/icons/eletter.png')  no-repeat; padding:2px 10px 2px 25px; }
.favoriteIcon      { background: url('/images/icons/favorite.png') no-repeat; padding:2px 10px 2px 25px; }
.commentIcon       { background: url('/images/icons/forum.png')    no-repeat; padding:2px 10px 2px 25px; }
.shareThisIcon     { background: url('/images/external/16x/share.png') no-repeat; padding:0 0 0 20px; }

.deliciousIcon     { background: url('/images/external/16x/delicious.png') no-repeat; padding:0 2px 2px 20px; }
.diggIcon          { background: url('/images/external/16x/digg.png') no-repeat; padding:0 2px 2px 20px; }
.redditIcon        { background: url('/images/external/16x/reddit.png') no-repeat; padding:0 2px 2px 20px; }
.stumbleuponIcon   { background: url('/images/external/16x/stumbleupon.png') no-repeat; padding:0 2px 2px 20px; }
.twitterIcon       { background: url('/images/external/16x/twitter.png') no-repeat; padding:0 2px 2px 20px; }
.googleIcon        { background: url('/images/external/16x/google.png') no-repeat; padding:0 2px 2px 20px; }
.facebookIcon      { background: url('/images/external/16x/facebook.png') no-repeat; padding:0 2px 2px 20px; }
.yahoobuzzIcon     { background: url('/images/external/16x/yahoobuzz.png') no-repeat; padding:0 2px 2px 20px; }
.buzzflashIcon     { background: url('/images/external/16x/buzzflash.png') no-repeat; padding:0 2px 2px 20px; }

.yellowstar        { background: url('/images/user/yellowstar.png') no-repeat; }

.favoriteMiniDetail { padding:5px; float:left; width:150px; }
.titleBar { background-color:#eee; border:1px solid #bbb; height: 24px; text-align:right; }
.listItem { min-height:25px; }

#detailUsersTitleBar { background-image: url(/images/icons/user.png); background-repeat: no-repeat; background-position: right top; }
#detailOrgsTitleBar { background-image: url(/images/icons/organization.png); background-repeat: no-repeat; background-position: right top; }
#detailEventsTitleBar { background-image: url(/images/icons/calendar.png); background-repeat: no-repeat; background-position: right top; }
#detailActionsTitleBar { background-image: url(/images/icons/action.png); background-repeat: no-repeat; background-position: right top; }
#detailCalendarsTitleBar { background-image: url(/images/icons/calendar.png); background-repeat: no-repeat; background-position: right top; }
#detailBlogsTitleBar { background-image: url(/images/icons/blog.png); background-repeat: no-repeat; background-position: right top; }
#detailNewsTitleBar { background-image: url(/images/icons/news.png); background-repeat: no-repeat; background-position: right top; }
#detailAnnouncementsTitleBar { background-image: url(/images/icons/announcement.png); background-repeat: no-repeat; background-position: right top; }
#detailCampaignsTitleBar { background-image: url(/images/icons/campaign.png); background-repeat: no-repeat; background-position: right top; }
#detailBoycottsTitleBar { background-image: url(/images/icons/boycott.png); background-repeat: no-repeat; background-position: right top; }
#detailElettersTitleBar { background-image: url(/images/icons/eletter.png); background-repeat: no-repeat; background-position: right top; }
#detailFundraisersTitleBar { background-image: url(/images/icons/fundraiser.png); background-repeat: no-repeat; background-position: right top; }
#detailPetitionsTitleBar { background-image: url(/images/icons/petition.png); background-repeat: no-repeat; background-position: right top; }
#detailAudioTitleBar { background-image: url(/images/icons/audio.png); background-repeat: no-repeat; background-position: right top; }
#detailVideoTitleBar { background-image: url(/images/icons/video.png); background-repeat: no-repeat; background-position: right top; }
#detailImagesTitleBar { background-image: url(/images/icons/image.png); background-repeat: no-repeat; background-position: right top; }
#detailDocsTitleBar { background-image: url(/images/icons/doc.png); background-repeat: no-repeat; background-position: right top; }
#detailWebsitesTitleBar { background-image: url(/images/icons/website.png); background-repeat: no-repeat; background-position: right top; }
#detailBooksTitleBar { background-image: url(/images/icons/book.png); background-repeat: no-repeat; background-position: right top; }

/***********************/
/******* BBCODE ********/
/***********************/
#editform {}
.bb_button { margin:2px 1px 3px 1px; }
.form_elements_text {}
#delete, #added, #errors { margin:10px 0 20px 0; padding:0 10px 10px 10px; }
	
/* errors from submitted forms */
#errors {}
#errors h2 {}
#subject, #subject p, #subject label { visibility:hidden; display:none; }
	
/* various other classes */
p.tell-a-friend { margin:30px 0; }

.parent {}
.child { padding-left:15px; }
.grandchild { padding-left:30px; }
.event_title, .comments_title, .action_title {}
.news { margin-bottom:30px; }

#content h2.headline { margin:4px 0 20px 0; }

.event, .action, .committees, .offpsring { padding:0 12px 12px 12px; margin-bottom:16px; }
.expand { padding:5px; margin-bottom:5px; }
.event_signup { padding:0 12px 12px 12px; margin:18px 0; }
.redtext {}
.gray {}
.normal {}
.underline {}
.strike {}
.attention { padding-left:12px; }
	
/***********************/
/******* ACTIONS *******/
/***********************/
.uber { border-bottom:1px dotted #FDA400; }
.sponsor { background-color:#6CCF00; }
.co-sponsor { background-color:#84CF33; }
.participate { background-color:#A3DF61; }
.support { background-color:#BDEF86; }
.not_support { background-color:#FF6F86; /*#FF4F67*/ }
.abstain { background-color:#DFDCD1; }
.none { background-color:#CFCFCF; }
.percentage { color:#8f8f8f; background-color:#fff; }
.org { margin:0; padding:0 2px 2px 4px; }
.wraplogo { float:left; padding-right: 30px; }

/***********************/
/**** CONTROL PANEL ****/
/***********************/
#content .admin-menu { float:left; width:98%; padding:10px 0; margin-bottom:16px; }
#content .admin-menu h2 { padding:12px; }
#content .admin-menu dl { margin:0 20px 25px 20px; padding:0 0 0 60px; }
#content .admin-menu dd { margin:0; padding:0; font-size:90%; line-height:1.5em; }
#content .admin-menu dt { margin:0; padding:0; font-size:110%; letter-spacing:1px; border-bottom:none; }

#content .adminEditTable { width:100%; border-collapse:collapse; border:1px solid #bbb; margin-bottom:10px; }
	
#content .clear-both { clear:both; }

#content td#networkBrowserImg { 
	background-color: transparent; 
	background-image: url(/images/site/networkSprite.jpg); 
	background-repeat: no-repeat; 
	background-position: 10px 0px; 
	height:32px;
	width:177px;
	padding-left:10px;
}

#content td#networkBrowserCtlUp { 
	background: transparent url(/images/site/down.png) no-repeat top left; 
	height: 16px;
	width: 16px;
}
#content td#networkBrowserCtlUp { 
	background: transparent url(/images/site/up.png) no-repeat top left; 
	height: 16px;
	width: 16px;
}

#content dl.profile { background:transparent url(/images/admin/profile.png) no-repeat left top; }
#content dl.facilitation { background:transparent url(/images/admin/facilitation.png) no-repeat left top; }
#content dl.surveys { background:transparent url(/images/admin/surveys.png) no-repeat left top; }
#content dl.organizations { background:transparent url(/images/admin/org.png) no-repeat left top; }
#content dl.vote { background:transparent url(/images/admin/vote.png) no-repeat left top; }
#content dl.message { background:transparent url(/images/admin/message-center.png) no-repeat left top; }
#content dl.actions { background:transparent url(/images/admin/actions.png) no-repeat left top; }
#content dl.actionoffspring { background:transparent url(/images/admin/action-offspring.png) no-repeat left top; }
#content dl.petitions { background:transparent url(/images/admin/petition.png) no-repeat left top; }
#content dl.boycotts { background:transparent url(/images/admin/boycott.png) no-repeat left top; }
#content dl.fundraisers { background:transparent url(/images/admin/fundraiser.png) no-repeat left top; }
#content dl.eletters { background:transparent url(/images/admin/eletter.png) no-repeat left top; }
#content dl.calendar { background:transparent url(/images/admin/calendar.png) no-repeat left top; }
#content dl.articles { background:transparent url(/images/admin/news.png) no-repeat left top; }
#content dl.announcements { background:transparent url(/images/admin/announcements.png) no-repeat left top; }
#content dl.resources { background:transparent url(/images/admin/resources.png) no-repeat left top; }
#content dl.tags { background:transparent url(/images/admin/tags.png) no-repeat left top; }
#content dl.uploads { background:transparent url(/images/admin/upload.png) no-repeat left top; }
#content dl.images { background:transparent url(/images/admin/images.png) no-repeat left top; }
#content dl.faq { background:transparent url(/images/admin/faq.png) no-repeat left top; }
#content dl.uberadmin { background:transparent url(/images/admin/uber.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.cmmttee { background:transparent url(/images/admin/committee.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.logout { background:transparent url(/images/admin/logout.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.stats { background:transparent url(/images/admin/stats.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.css { background:transparent url(/images/admin/style.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.preferences { background:transparent url(/images/admin/preferences.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.backup-db { background:transparent url(/images/admin/db-backup.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.email-blasts { background:transparent url(/images/admin/email-blast.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.event-scheduling { background:transparent url(/images/admin/event-scheduling.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.announcements { background:transparent url(/images/admin/announcements.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.forums { background:transparent url(/images/admin/forums.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.facbase { background:transparent url(/images/admin/facbase.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.users { background:transparent url(/images/admin/users.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.images { background:transparent url(/images/admin/images.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.blogs { background:transparent url(/images/admin/blogs.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.settings { background:transparent url(/images/admin/settings.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.messaging { background:transparent url(/images/admin/message-center.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.campaigns { background:transparent url(/images/admin/campaigns.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.docs { background:transparent url(/images/admin/docs.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.video { background:transparent url(/images/admin/video.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.websites { background:transparent url(/images/admin/websites.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.books { background:transparent url(/images/admin/book.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.favorites { background:transparent url(/images/admin/favorites.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.tagsearch { background:transparent url(/images/admin/tags.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.publish { background:transparent url(/images/admin/publish.png) no-repeat left top; padding:0 0 20px 60px; }
#content dl.custom-pages { background:transparent url(/images/admin/custom-pages.png) no-repeat left top; padding:0 0 20px 60px; }

#content dl.profile, #content dl.facilitation, #content dl.surveys, #content dl.organizations, #content dl.vote, #content dl.message, #content dl.actions, #content dl.actionoffspring, 
#content dl.petitions, #content dl.boycotts, #content dl.fundraisers, #content dl.eletters, #content dl.calendar, #content dl.articles, #content dl.announcements, #content dl.resources,
#content dl.audio, #content dl.video, #content dl.books, #content dl.docs, #content dl.websites, #content dl.issues,
#content dl.tags, #content dl.faq, #content dl.blogs, #content dl.uploads, #content dl.uberadmin, #content dl.cmmttee, #content dl.logout, #content dl.stats, #content dl.css, #content dl.preferences, 
#content dl.facbase, #content dl.backup-db, #content dl.uploads, #content dl.email-blasts, #content dl.event-scheduling, #content dl.faq, #content dl.announcements, #content dl.forums, 
#content dl.users, #content dl.images, #content dl.settings, #content dl.campaigns, #content dl.favorites, #content dl.messaging, #content dl.tagsearch, #content dl.publish, #content dl.custom-pages  
{ padding:0 0 20px 60px; min-height:55px; border:dotted 1px #cdb; }

.vote-box { margin:0 0 20px 0; padding:12px; border:solid 1px #bbb; }

/***********************/
/****** CALENDAR *******/
/***********************/
#list-of-events { margin-bottom:40px; }
#event { margin-bottom:24px; padding:0 0 16px 0; }
#calendar_container { padding:0; margin:0 auto; }
#calendar_container h2 { text-align:center; }
#calendar_table { width:100%; margin-bottom:12px; }
#calendar_table td, #calendar_table th { padding:5px; }
#calendar_table th {}

.dayheadings {}
.next { text-align:right; }
.previous { text-align:left; }
.jumpmenu { text-align:center; }
.month_day {}
.non_monthday {}
.today {}

/***********************/
/******** FORMS ********/
/***********************/
#breadcrumbs { margin:10px 0 25px 0; }
a#new_topic,a#new_reply { text-align:center; padding:2px 30px; }
a#new_topic:hover, a#new_reply:hover {}
.post { margin-bottom:12px; }
.post-time { padding:5px; }
.post-subject { padding:8px; }
.post-user { text-align:right; padding:5px; }
.post-content p { padding:4px 20px; }
.sticky {}
.closed {}
.underline {}
.editpost { text-align:right; padding-right:12px; }
#preview_container { padding:0; }
#preview { padding:12px; }
#preview_container h2 { margin:0; padding:4px; }
#welcome { margin:0 0 15px 0; padding:4px; text-align:center; }

/***********************/
/****** RESOURCES ******/
/***********************/
#resource-menu    { margin-top:30px; clear:both; }
#resource-menu ul { margin:0; padding:0; list-style:none; }
#resource-menu li { display:inline; }
#resource-menu li.menu-heading {}
#resource-menu li a { margin:0 2px; }
#resource-menu ul#resources li a { padding:2px; }
#resource-menu ul#resources li a:hover {}

#resource-comments { margin-bottom:5px; }

.ratingsTable { background: transparent; }

.resourceDetailObject {
	padding: 15px 10px 10px 20px;
	margin:5px;
}

/***********************/
/****** COMMENTS *******/
/***********************/
.comment { margin-bottom: 40px; }
.comment-head { padding: 5px; }
.comment-body { padding: 5px; min-height: 105px; }
.comment-subject { padding-left: 10px; }
.comment-foot {}
.comment-foot .leftFootPanel { text-align: left; padding-bottom: 5px; padding-left: 5px; width:50%; float: left; }
.comment-foot .rightFootPanel { text-align: right; padding-bottom: 5px; padding-right: 5px; width:50%; float: right; margin-left:-50px; }
.commentAvatar { float:left; margin: 0 0 5px 5px; padding-right: 10px; margin-right:10px; }

#resource-comments-admin {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	width:100%;
}

#resource-comments-admin li {
	width:100%;
	padding:0;
	margin:0;
	float:left;
}

#resource-comments-admin li p.res-name {
	width:80%;
	margin:0;
	padding:0;
	float:left;
}
#resource-comments-admin li p.cmnts-total {
	width:20%;
	margin:0;
	padding:0;
	float:left;
}

#resource-comments-admin li ul {
	width:100%;
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
}

#resource-comments-admin li ul li {
	width:99.5%;
	float:left;
	margin:0;
	padding:0;
}

#resource-comments-admin li ul li .comment-info {
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#resource-comments-admin li ul li .comment-info .author {
	margin:2px 0 0 5px;
	padding:0;
	float:left;
	width:60%;
}

#resource-comments-admin li ul li .comment-info .date {
	margin:2px 0;
	padding:0;
	float:left;
	width:29%;
}

#resource-comments-admin li ul li .comment-info a.modify,
#resource-comments-admin li ul li .comment-info a.delete {
	width:22px;
	height:22px;
	margin:4px 5px;
	padding:0;
	float:left;
}

#resource-comments-admin li ul li .comment {
	display:none;
	overflow:auto;
	width:0;
	height:0;
	float:left;
	margin:0;
	padding:0;
}

/***********************/
/****** TOOLTIPS *******/
/***********************/
#tooltip { position: absolute; z-index: 99; padding: 5px; }
#tooltip h3, #tooltip div { margin: 0; }
.tooltip { position:relative; padding:0pt; z-index:1; }
.tooltip:hover { z-index:2; }
.tooltip span { display: none; }
.tooltip:hover span { display:block; position:absolute; z-index:10; width:150px; top:2.25em; left:0; padding:5px 10px 10px 10px; }
.tooltip:hover span strong { display:block; margin-bottom:10px; }

/***********************/
/******* FACBASE *******/
/***********************/
.leftFacbasePanel { width:300px; height:300px; float: left; }
.rightFacbasePanel { width:500px; float: right; }
#facbaseUsers { margin:2px; padding:10px 10px; }
#facbaseAttempt { margin:2px; padding:10px 10px; }
#facbaseSurvey { margin:2px; padding:10px 10px; }

/***********************/
/******* INSTALL *******/
/***********************/
#loader { width:250px; height:55px; position:absolute; z-index:99; top:50%; left:50%; margin:-28px auto auto -125px; }
#loader div.load-title { width:250px; height:18px; position:absolute; display:block; top:0; left:0; padding:0; }
#loader div.load-info { width:240px; height:37px; position:absolute; top:18px; left:5px; }
#loader div.load-info p { width:240px; height:37px; position:absolute; top:2px; left:0; margin:0; padding:0; text-align:center; }

/***********************/
/******* SITEMAP *******/
/***********************/
ul.siteMap a { text-decoration: none; }
ul.siteMap a:hover { text-decoration: underline; }
ul.siteMap { margin: 0; padding: 0; text-transform: uppercase; list-style: none; }
ul.siteMap li { padding: 2px 0 2px 0; }
ul.siteMap ul { margin: 0; padding: 0; list-style: none; }
ul.siteMap ul li { padding: 0 0 20px 0; }
ul.siteMap ul ul { margin: 0 0 0 20px; text-transform: none; font-weight: bold; }
ul.siteMap ul ul li { padding: 2px 0 2px 0; }
ul.siteMap ul ul ul { font-weight: normal; }

/***********************/
/******* SURVEYS *******/
/***********************/
#main #survey-left { width:185px; position:relative; float:left; margin:5px; }
#main #survey-right { width:600px; position:relative; float:right; margin:5px; }
#main #success { width:90%; height:auto; margin:0 5% 10px; float:left; text-align:center; }
ul#respondants { width:185px; float:left; list-style-type:none; padding:0; margin:0; }
ul#respondants li { width:180px; margin:2px 5px 0 0; padding:0; }

ul#respondants li a,
ul#respondants li a:link,
ul#respondants li a:visited {}

ul#respondants li a:hover,
ul#respondants li a:active {}

ul#respondants li a img { border:0; width:16px; height:17px; margin:0 5px 0 0; vertical-align:middle; }
	
ul#respondants li a img.attempt-0 {}
ul#respondants li a img.attempt-1,
ul#respondants li a img.attempt-2 {}
ul#respondants li a img.attempt-3,
ul#respondants li a img.attempt-5 {}
ul#respondants li a img.attempt-4,
ul#respondants li a img.attempt-7 {}
ul#respondants li a img.attempt-6 {}
ul#respondants li a img.attempt-8,
ul#respondants li a img.attempt-9 {}
ul#respondants li a img.attempt-10 {}

a.sidenav-add,
a:link.sidenav-add,
a:visited.sidenav-add { padding:2px 5px; margin:0; text-align:center; }

a:hover.sidenav-add,
a:active.sidenav-add { background-color:#00688b; color:#fff !important; border:1px solid #0198e1; }

input.iframeSubmit { width: 64px; height:32px; text-align:left; }

input#addressBar { padding:2px 3px; }

.userRightSmall { width:255px !important; }

/**********************
 *****  FILTERS *******
 **********************/
#filterBar { float:right; padding-right:20px; }
#filters { padding:0.1em 0.1em; margin:0.1em 0.1em; text-align:center; height:2.1em; vertical-align:top; z-index:100; }
#filterList { list-style: none; padding: 0; margin: 0; width: auto; }

.pageFilter { float:left; width:auto; padding:0.1em 0.1em; margin:0.1em 0.1em; cursor:pointer; background:#ccc; }
.pageFilter:hover, #pageFilter.sfhover {}

#pageFilterPopup { display:none; float:right; padding:0.2em 0.1em; margin:0.2em 0.5em; text-align:center; height:3.1em; z-index:104; }

.pageBox { border:1px solid #bbb; margin-bottom:20px; }
.filterContent { min-height:1.7em; display:none; }
.filterActive { background:blue; color:#fff; }
.alphaFilter { padding:3px; cursor:pointer; vertical-align:middle; height:2.0em; }
.stateFilter {}

#filterDisplay {
	border:1px solid #bbb;
	width:100%;
	height:24px;
}

.advancedFilterField { padding:10px; margin:5px; }

#filterAdvancedFields { padding:10px; }

.bigTitle { font-size:150%; font-weight:bold; vertical-align:bottom; }

#filterContentIssue { background:#eee; padding:10px; margin:10px; border:1px solid #bbb; min-height:170px; z-index:110; }

/***********************/
/***** CONTAINERS ******/
/***********************/
.dataNavBtn.prevBtn:hover { background-position:-54px 0; }

.dataNavBtn.prevBtn { background-position:-18px 0; cursor:pointer; }

.dataNavStats { display: block; float: left; width: auto; text-align: center; line-height: 18px; }

.dataNavBtn.nextBtn:hover { background-position:-36px 0; }

.dataNavBtn.nextBtn { background-position:0 0; cursor:pointer; }

.dataNavBtn {
	background:transparent url(/images/site/prev-next.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:18px;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	width:18px;
}

.listContainerControlBar {
	padding:5px 5px;
	border:1px dotted #eee;
}

.entityDetailTitle {
	font-weight:bold;
	font-size:160%;
	margin:0 0 0.5em;
	border-bottom:2px solid #bbb;
}

/* ENTITY DIGEST FEED */
.entityDigestContainer { width: 380px; min-height: 200px; }

.digestDetail  { width: 380px; min-height: 180px; margin-bottom: 20px; }
.digestTitle   { font-weight: bold; font-size: 110%; }
.digestSponsor { font-size:85%; font-style: italic; }
.digestTimestamp { color: #8F8F8F; }
.digestDesc  { font-size:95%; margin: 5px 00px 0px 0px; }
.digestThumb { width:120px; height:80px; margin: 5px 10px 0px 0px; border: 2px solid #bbb; }
.digestBlurb { line-height: 16px; font-size:95%; padding-right:10px; margin-bottom:20px; }
.digestLink  { }

/* ENTITY MINI FEED */
.miniListContainer div { font-size:88%; }

/***********************/
/******* GENERAL *******/
/***********************/
.currency { text-align:right; }
.hide   { display:none; }
.noList { list-style:none; }	
.justify { text-align:justify; }
.indented { padding-left:10px; padding-right:10px; }
.indent { padding: 25px; }
.clear { clear: both; }
.centerme { margin-left: auto; margin-right: auto; width: 140px; }
.noList { list-style:none; }
.center { text-align:center; }
.pointer { cursor: pointer; }
.tinyPad { padding-top:2px; }
.doubleLineBreak { margin: 0 0 30px 0; }
.doubleBreak { margin-bottom:1.5em; }
.imageWText { vertical-align:bottom; }

.dropCap { float:left; font-size:50px; font-weight:bold; line-height:30px; margin: 6px 4px 2px 0; font-family: Times, serif, Georgia; }

.code { background: #f7f7f7; display: none; border: 1px solid #000; font-family: Monaco, monospace; white-space: pre; font-size: 12px; width: 600px; margin: 0 auto; overflow: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.floatLeft   { position:relative; float:left; }
.floatCenter { position:relative; float:center; }
.floatRight  { position:relative; float:right; }

.normal { font-weight:normal; }
.bold   { font-weight: bold; }
.strong { font-weight: bold; }
.bigText { font-size:120%; }
.smallPrint { font-size:80%; }
.underline { text-decoration:underline; }
.strike { text-decoration:line-through; }

.bullet { font-size: 85%: font-weight: lighter; } 

.whiteBackground { background: #fff; z-index:200; }

.buttonFixedRight {
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
position:fixed;
right:5px;
text-indent:-9999px;
z-index:9999;
}

a img { text-decoration:none; border:none; }

.leftCol { width:48%; float: left; }
.rightCol { width:48%; float: left; margin-left:4%; }

.leftPanelEven { width:405px; float: left; }
.rightPanelEven { width:405px; float: left; padding-left:20px; }

.leftPanel { width:340px; float: left; }
.rightPanel { width:440px; float: left; padding-left:20px; }

.smallLeftPanel { width:375px; float: left; padding:5px; }
.smallRightPanel { padding:5px; width:195px; float: left; }

.bigLeftPanel { width:575px; float: left; padding:5px; }
.bigRightPanel { padding:5px; width:575px; float: left; }

.leftTagPanel { width:365px; float:left; }
.rightTagPanel { width:435px; padding-left:20px; }

.linkText {}
.linkText:hover {}

.noRecords {
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding-top:20px;
	width:50%;
	font-weight:bold;
}

/* USERS */
.userListItem {
	padding:5px;
	margin-left:10px;
	margin-bottom:10px;
	width:95%;
	border: 1px solid #bbb;
	z-index:20;
}

/***********************/
/**** ORGANIZATIONS ****/
/***********************/
#orgList { width:100%; }

.orgListItem {
	padding:5px;
	margin: 0 0 0 10px;
	width:95%;
	z-index:20;
}

.orgTitleBar { height:20px; padding:5px; border:1px dotted #bbb; cursor:pointer; }
.orgDescBar { height:120px; }
.orgEmptyDescBar { height:110px; border:1px dotted #bbb; }
.orgTagBar { height: 20px; padding:5px; }
.tagBar { background: #bbb; }
.orgLogo { float:right; vertical-align:middle; }
.orgDesc { font-size:90%; }
.orgDetail { width:90%; }
.memberOrgEntity { border:2px solid #add8e6; }

/***********************/
/***** QUICK SORTS *****/
/***********************/
.nationalOrgBak { background:#f08080; }
.internationalOrgBak { background:#b0c4de; }
.stateOrgBack { background:#98fb98; }
.localOrgBack { background:#eee8aa; }
.memberOrgBack { background:#add8e6; }

/***********************/
/********* FAQ *********/
/***********************/
.faqCategory { font-weight:bold; text-decoration:underline; }
.faqLinks { text-align:center; }
.faqQ { font-weight:bold; }
.faqA { text-align:justify; margin-right:20px; }

.quotedMessage { border: 1px solid #bbb; padding: 15px; background-color: rgb(204, 204, 204); font-style: italic; }
.quotes { margin-left: 120px; margin-right: 10px; border: 1px dotted #bbb; padding: 15px; background-color: rgb(204, 204, 204); font-style: italic; }

#systemReqTitle,
.systemReqTitle { font-size: 1.1em; font-weight: bold; margin-bottom: 7px; }

#systemReqText,
.systemReqText { margin: 15px 100px 40px 0; text-align: right; font-size: 0.9em; color: #778A98; }

#systemReq td,
#systemReqBottom td,
.systemReq td,
.systemReqBottom td { color: #A7BAC8; padding: 4px 10px; margin-bottom: 2px; }

#systemReq .top-span,
.systemReq .top-span { width: 14%; }

#systemReq #top-left,
.systemReq #top-left { width: 20%; }

#systemReq .highlight0,
#systemReqBottom .highlight0,
.systemReq .highlight0,
.systemReqBottom .highlight0 { background: #021422; }

#systemReq .highlight,
#systemReqBottom .highlight,
.systemReq .highlight,
.systemReqBottom .highlight { background: #223748; }

#systemReq .highlight2,
#systemReqBottom .highlight2,
.systemReq .highlight2,
.systemReqBottom .highlight2 { background: #425768; }

/*********************/
/****** MARQUEE ******/
/*********************/
#featured { width:510px; padding-right:320px; margin-bottom:20px; position:relative; border:2px solid #ccc; height:340px; background:#fff; }
#featured ul.ui-tabs-nav { position:absolute; top:0; left:510px; list-style:none; padding:0; margin:0; width:310px; }
#featured ul.ui-tabs-nav li { padding:1px 0; padding-left:13px; font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img { float:left; background:#fff; padding:2px; border:1px solid #eee; }
#featured ul.ui-tabs-nav li span { font-size:11px; font-family:Verdana; line-height:18px; }
#featured li.ui-tabs-nav-item a { display:block; height:65px; color:#333; background:#fff; line-height:20px; }
#featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; }
#featured li.ui-tabs-selected{ background:url('/images/site/selected-item.gif') top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#ccc; }
#featured .ui-tabs-panel { width:510px; height:340px; background:#999; position:relative; }
#featured .ui-tabs-panel .info { position:absolute; top:260px; left:0; height:80px; width: 510px; background: url('/images/bg/transparent-bg.png') repeat; }
#featured .info h2 { font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
#featured .info p  { margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#fff; }
#featured .info a  { text-decoration:none; color:#fff; }
#featured .info a:hover { text-decoration:underline; }
#featured .ui-tabs-hide { display:none; }
.marqueeImage { width:510px; height:340px; }
.marqueeThumb { width:80px; height:56px; }

/***********************/
/***** IMG CROPPER *****/
/***********************/
#cropInterface {
	border: 1px solid black;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #fff;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: {$XXX}px;
}
#cropDetails { margin: 5px; padding: 0; }
#cropResize, #cropResize p { margin: 5px; padding: 0; font-size: 11px; display: inherit; }
#cropSizes { margin: 5px; padding: 0; font-size: 11px; display: inherit; }
#cropImage { border-top: 1px solid black; border-bottom: 1px solid black; margin: 0; padding: 0; }
#cropSubmitButton { font-size: 10px; font-family: "MS Sans Serif", Geneva, sans-serif; background-color: #D4D0C8; border: 0; margin: 0; padding: 5px; width: 100%; }
#theCrop { position: absolute; background-color: transparent; border: 1px solid yellow; background-image: url(./uploads/temp/{$FILENAME}); background-repeat: no-repeat; padding: 0; margin: 0; }

/* box model hack stuff */
#theCrop { width: 402px; font-family: "\"}\"";  font-family:inherit;
	width:400px;
} 
#theCrop { 
	height: 158px;
	font-family: "\"}\""; 
	font-family:inherit;
	height:156px;
}
html>body #theCrop {
	width:400px;
	height:250px;
}

/***********************/
/******** MISC *********/
/***********************/
.firstlayer {
    font-size: 20px;
    font-weight: bold;
    color: #001F56;
    position: absolute;
    top: 18px;
    left: 0px;
    z-index: 1;
}

.secondlayer {
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    position: absolute;
    top: 20px;
    left: 2px;
    z-index: 0;
}

.errorInputField { background:#FFDDDD; }

.centerFrame {
	padding-top:10px;
	padding-bottom:10px;
	float: left;
	width: 800px;
}

.centerCenter {
	width: 700px; 
	margin-left: auto; 
	margin-right: auto;
}

.preformattedTextbox {
	color:#ccc;
	font-weight:100;
}

.formElementFake { border-left:2px groove #000; border-right:1px dotted #eee; border-bottom:1px dotted #eee; border-top:2px groove #000; padding:15px; }

#imagePickerBig { width:300px; height:200px; border:1px solid #000; margin-right:20px; }
#imagePickerThumb { width:120px; height:80px; border:1px solid #000; }

#pageTitle { padding:10px 0 25px 0; margin:0; font-family:Georgia,"Times New Roman",Times,serif; font-size:150%; font-weight:bold; }

#pageTitleBreadcrumb { font-weight:bold; }

#domainStylePreview {
	margin-left:20px;
	margin-bottom:10px;
	background:#eee;
	width:400px;
	height:450px;
	border:1px solid #bbb;
}

.previewBlock { min-height: 20px; min-width: 50px; max-width: 50px; }
.previewItem { vertical-align:top; }
.previewHeader { max-height:120px; max-width:300px; }
.previewBlockBackground { width:50px; height:120px; }
.previewHeaderLine { height:20px; }
.previewNavLine { top:20px; height:20px; }
.previewContentLine { height:250px; }
.previewFooterLine { height:120px; }

.activeInputField { background-color:#ddcbd4; }

.filterContentTypeBtn, .filterContentSortBtn { background:transparent; height: 25px; }

.filterContentTypeBtn:hover, .filterContentSortBtn:hover { background:#ababab; }

.typeSelected, .sortSelected { background:#ccc; }

/*************************/
/*** SOCIAL NETWORKING ***/
/*************************/
#socialBar { position:relative; float:right; top:110px; }

ul#social-nav { height: 34px; width: 232px; margin: 0px; padding-bottom: 10px;}
ul#social-nav li { float: left; display: inline; height: 34px; width: 32px; padding-right: 5px;}
ul#social-nav li a { display: block; height: 33px; width: 32px; text-indent: -9999px; }
ul#social-nav li a:hover { opacity:0.7; }
ul#social-nav li.feed a { background: url(/images/external/32x/rss.png) no-repeat top center; }
ul#social-nav li.facebook a { background: url(/images/external/32x/facebook.png) no-repeat; }
ul#social-nav li.twitter a { background: url(/images/external/32x/twitter.png) no-repeat; }
ul#social-nav li.youtube a { background: url(/images/external/32x/youtube.png) no-repeat; }
ul#social-nav li.flickr a { background: url(/images/external/32x/flickr.png) no-repeat; }
ul#social-nav li.delicious a { background: url(/images/external/32x/delicious.png) no-repeat; }
ul#social-nav li.digg a { background: url(/images/external/32x/digg.png) no-repeat; }
ul#social-nav li.stumble a { background: url(/images/external/32x/stumbleupon.png) no-repeat; }
ul#social-nav li.email a { background: url(/images/external/32x/email.png) no-repeat; }

/***********************/
/****** TAGGING ********/
/***********************/
.tagged {
	font-size:75%;
	font-weight:bold;
	line-height:15px;
	margin-right:0.3em;
	padding:0 0.5em 0 0.5em;
	text-transform:uppercase;
	overflow:visible;
}

.tagged:hover {
}

.tagSelected { background-color:#F4FFDF; }
.tagline     { width: 95%; }

.clearfix { _height:1%; zoom:1; }
.clearfix:after { content:"."; visibility:hidden; display:block; clear:both; height:0; }
.tag_box * { margin: 0; padding: 0; outline: none; }			
.tag_box { border: 1px solid #000; margin: 10px 0; min-height: 60px; cursor: text; }			


.listMetrics { padding: 0 0 10px 10px; }
.listMetricsLeft { padding: 0 0 0 0; }
.listDesc    { padding-top:10px; padding-bottom:10px; text-align:justify; }

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/images/plugins/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/images/plugins/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/images/plugins/marker.png) no-repeat;
}

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

#linkBox { 
	width: 180px; 
	margin: 0 0 15px 15px; 
	padding: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.boxHeader { 
	margin: 0 0 10px 0; 
	padding: 10px; 
	font-size: 130%; 
	text-align: center; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.boxLink { margin: 0 0 0 10px; padding: 0 10px 10px 10px; font-family: Verdana, sans-serif; font-size: 90%; }
.boxDateMY   { text-align: center; font-size: 140%; }
.boxDateTime { text-align: center; font-size: 140%; padding: 10px 0 10px 0; }
.boxDateDay  { text-align: center; font-size: 260%; padding: 10px 0 10px 0; margin-left: 40px; width:100px; height:50px; align:center; }
.boxCal      { text-align: center; align:center; }