/* Fonts */
/*
	Time to try and get all the heading elements to the same size 
	regardless of browser. (IE seems to put them a big bigger
	than Mozilla, typically.)
*/

h1 { font-size: 210%; }
h2 { font-size: 180%; }
h3 { font-size: 140%; }
h4 { font-size: 126%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }

.footer { font-size: 80%; font-style: italic }
.bodybold { font-weight:700; }
.breadcrumb { font-size: 90%; }
.calendardate  { font-size: 90%; font-weight:700; }
.error  { font-size:80%; color : #f00; font-weight:700; }
.alert  { font-size:80%; color : #f00; }
.unapproved { font-size:80%; font-style:italic; color: #f00; }
.secondary-info { font-size: 80%; color: #999; font-weight: normal !important;}
.itemTitle { font-size: 110%; }
.accepted { color: #0f0; }
.rejected { color: #f00; }

TD {
    padding: 3px;
}

.wizard TD { padding: 0px; }
/******************************************************************************/

/* Header */
div#branding img
{
	float: left;
}

div.whoAmI {
    float: right;
    min-width: 300px;
    margin: 0;
    padding: 0;
    text-align: right;
}
div#hd {
    margin: 0;
    padding: 3px;
    text-align: left;
}
div#subhd {
    min-height: 5.4em;
    height: auto !important;
    height: 6.4em;
}
#communityHeader
{
/*	float: left;*/
	padding-left: 5px;
	min-height: 45px;
	width: 100%;
}
.clearAll
{
	clear:both;	
}

/* TREEVIEW */
.hide
{
	display: none;
}

.treeheader
{
    color: #fff;
    text-decoration: none;
    padding-left: 16px;
}


#homeLink
{
	margin-bottom: 8px;	
}

#homeLink A
{
    background: transparent url(../images/home16.gif) no-repeat scroll 0 0;
    padding-left: 16px;
    text-decoration: none;
}

.treeview A
{
    color: #000;
}

#treeview-square
{
	background:transparent url(../images/treeview-box.gif) no-repeat right;
	background-position: 0px 0px;
	cursor:pointer;
	float:left;
	height:16px;
	margin-left:-16px;
	width:16px;
	cursor: default;
	display: inherit;
}

/* Basic content box */
/* Colors are defined in colors.css file with additional tags, such as Info, Admin, Content, etc. */
DIV.contentBox
{
	margin-bottom: 5px;
	padding: 0;
}

DIV.contentBox .h
{
	padding: 4px;
	vertical-align: middle;
	margin: 0;
	
	font-family:helvetica,arial; 
}

DIV.contentBox .d
{
  padding: 4px;
  margin: 0 0 8px 0;
  font-size: small;
}

DIV.contentBox .c
{
	margin: 0;
	padding: 5px;
	border-style: none;
	width: inherit;
	word-wrap: break-word;
}

DIV.contentBox .hdr { padding: 5px; border-bottom: solid 1px #eee; background-color: #fff; }
DIV.contentBox .hdr LABEL { color: #666; }
DIV.contentBox .hdr TD { padding: 1px; }
DIV.contentBox .explain { float: right; padding: 4px 10px; font-weight: bold; text-decoration: none; }

/* Notification list */
.notificationList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.notificationList h3
{
	margin: 0 0 2px 0;
	font-size: 1em;
}

.notificationList li
{
	margin-top: 6px;
	padding-left: 18px;
}

.notificationList li.warning
{
	background: url(warning.gif) no-repeat 0 2px;
}

.notificationList li.error
{
	background: url(error.gif) no-repeat 0 2px;
}

.notificationList li.reminder
{
	background: url(reminder.gif) no-repeat 0 2px;
}
/* End Notification List */

/* Form Element*/
.formElement
{
	font-size: 10px;
	font-weight: normal;
	font-family: verdana,arial,geneva,helvetica,sans-serif;
	width: 400px;
	vertical-align: top;
}

SPAN.formElement LABEL, TABLE.formElement LABEL
{
	font-weight: normal !important;
}

/* aligns checkbox with its label a bit better (at least in Firefox, IE seems to be hopeless) */
SPAN.formElement INPUT, TABLE.formElement INPUT
{
	margin-bottom: 0;
}

INPUT.formElement
{
    font-size: 11px;
	width: 400px;
}

TEXTAREA.formElement
{
	font-size: 11px;
	width: 400px;
	height: 100px;
}


INPUT.short
{
	width: 30%;
}

.formIntro
{
	margin-bottom: 10px;
	padding: 5px;
}

TABLE.formTable
{
	margin: 0;
	border: none 0 #ccc;
}

.labelColumn
{
    width: 30%;
}


TABLE.formTable TR TD.formRow, TABLE.formTable TR.formRow TD, .formTable TR TD
{
	vertical-align: top;
	padding: 5px;
}

.formTable TR TD LABEL
{
	font-weight: bold;
	margin-top: 3px;
}
.subSettings
{
    padding-left: 20px;
}
.tagbox
{
    width: 100%;
}

/* Flat, rounded buttons for use with jquery.corners plugin */
a.rounded, .button
{
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}
a.rounded, .button {
  color: #000;
  background-color: #adc6e6;
  padding: 5px 7px;
}
a.rounded:hover, .button:hover {
  background-color: #4573b3;
}

/* Shiny awesome buttons from ZURB */
INPUT.btn{ vertical-align:bottom;}
BUTTON.btn, INPUT.btn, A.btn { border: 0 none; margin: 0;}
A.btn { text-decoration: none; display:inline-block !important; margin-left:8px;}

A.btn {line-height:13px !important; vertical-align:bottom;}
A.small {line-height:11px !important; vertical-align:bottom;}
/*A.large {line-height:14px !important;}*/
	
A.btn, x:-moz-any-link {line-height:18px !important;}
/*A.small, x:-moz-any-link {line-height:16px !important;}
A.large, x:-moz-any-link {line-height:19px !important;}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
A.btn { line-height:14px !important;}
A.small { line-height:13px !important;}
A.large { line-height:16px !important;}
}

.btn, .btn:visited {
    display: inline-block; 
    padding: 6px 10px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    bborder-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
input::-moz-focus-inner { padding:0; }
button::-moz-focus-inner { padding:0; }
.btn { background: #bbb url(http://static.edgeof.net/img/alert-overlay.png) repeat-x; }
.btn:hover { background-color: #d45500;}
.btn:active { top: 1px; }

.btn, .btn:visited { font-size: 13px; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); line-height: 1; }

/**** Mid Size Button 11/24 ****/
.btn.mid, .btn.mid:visited { font-size: 13px; padding: 5px 10px 6px; *padding:6px 2px 6px;}
A.btn.mid, A.btn.mid:visited { font-size: 13px; padding: 5px 10px 7px; *padding: 5px 10px 6px;}

html>/**/body A.btn.mid, x:-moz-any-link { font-size: 13px; padding: 5px 10px 6px; }
html>/**/body A.btn.mid:visited, x:-moz-any-link { font-size: 13px; padding: 5px 10px 6px; }

* html A.btn.mid, * html A.btn.mid:visited { font-size: 13px; padding: 6px 12px 10px; } 

/**** Small Size Button 11/24 ****/
.btn.small, .btn.small:visited { font-size: 11px; padding: 2px 8px 3px; *padding:4px 2px 5px; -webkit-border-radius: 9px; -moz-border-radius: 10px;}
A.btn.small, A.btn.small:visited { font-size: 11px; padding: 2px 10px 3px; _padding: 5px 10px 5px; -webkit-border-radius: 9px; -moz-border-radius: 10px;}

* html A.btn.small, * html A.btn.small:visited { font-size: 11px; padding: 3px 10px 9px;}

html>/**/body A.btn.small, x:-moz-any-link { font-size: 11px; padding: 1px 10px 2px; -webkit-border-radius: 9px; -moz-border-radius: 10px;}
html>/**/body A.btn.small:visited, x:-moz-any-link { font-size: 11px; padding: 1px 10px 2px; -webkit-border-radius: 9px; -moz-border-radius: 10px;}



/**** Large Size Button 11/24 ****/
.btn.large, .btn.large:visited { font-size: 14px; padding: 8px 18px 9px; *padding: 8px 5px 9px; }
A.btn.large, A.btn.large:visited { font-size: 14px; padding: 8px 18px 9px; _padding:11px 20px 11px;}

* html A.btn.large, * html A.btn.large:visited { font-size: 14px; _padding:9px 20px 13px;}

.neg { background-color: #b00; }
.neg:hover { background-color: #900; }
.pos { background-color: #090; }
.pos:hover { background-color: #070; }

/* tags */
.taglist { line-height: 1.5em; }
.tag, .tag:visited { font-size: 11px; padding: 0 10px 1px; _padding: 1px 10px 2px; border-radius: 10px; -webkit-border-radius: 9px; -moz-border-radius: 10px; background-color: #e5ecf8; border: solid 1px #bed0f0;}


/* Registration form */
.missingValue { background-color: #ffc0cb; }
#validationSummary
{
	color: Red;
	font-size: 0.9em;
	padding: 8px 4px 8px 4px;
}
/* Fix for simple-modal dialog */
.modalData
{
	overflow: auto;
	padding: 10px;
	height: 380px;
}

/* End Form Elements*/

/* Help version comparison */
.normal { display: inline; }
.deleted
{
	background-color: #FF8080;
	display: inline;
	color: #000;
}
.inserted
{
	background-color: #80FF80;
	display: inline;
	color: #000;
}
.labelSelected { background-color: #80FF80; }
.labelCheckboxText:hover { cursor: pointer; }
.hidden { display:none; }


/*SEARCH*/
.ajaxInProgress
{
	vertical-align: top;
}
.searchTextbox
{
	border: solid 1px #adc6e6;
	padding: 4px;
	margin: 0;
	vertical-align:middle;
}
.searchResult
{
	padding: 5px;
	background-color: #fff;
	word-wrap: break-word;
}
.searchResult .contentType
{
	display: inline;
	background-color: #fff;
	color: #0f0;
}
.searchResult .title
{
	padding: 2px 0px 2px 0px;
	display: block;
	background-color: #fff;
	font-size: 1.3em;
	overflow: hidden;
}
.searchResult .created
{
	background-color: #fff;
	color: #0f0;
}
.searchResult .text
{
	background-color: #fff;
	overflow: hidden;
}

.searchResults .relatedLinks { display: inline; }
.searchResults a { color: #00f; }
.searchResults .relatedLinks a { color: #77c; }

.pager
{
	margin: 0px;
	padding: 8px 4px 4px 4px;
	text-align: center;
}
.pager ul
{
	display: inline;
	margin: 0px;
}
.pager li
{
	display: inline;
	padding: 2px;
	margin: 0px;
}

ul#facetList
{
	list-style-type: none;
	margin-left: 1px;
	padding-left: 1px;
}

#facetList input
{
	border: solid 1px gray;
	font-size: 85%;
}

#facetValueList
{
	font-size: 85%;	
}

#facetList .facetCheckbox
{
	border: none;
	height: 12px;
	width: 12px;
	margin: 2px;
}
#facetList label
{
	position: relative;
	bottom: 1px;
}

/* FEEDBACK */  
.highlight
{
    background-color: #ffc;
}

.feedback
{
	margin: 0px 0px 2px 0px;
}

.flash
{
	background-color: #ffc;
	padding: 2px;	
	margin: 0px 0px 2px 0px;
}

/* BREADCRUMB */
.breadcrumb
{
	padding: 2px 1px;
	font-size: 0.8em;
}

.breadcrumb A
{
    text-decoration: none;
    color: #00f;
}

/* MENULIST */
.menuList
{
    overflow: auto;
}

.menuList ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuList li
{
	padding: 2px;	
	margin-bottom: 2px;
}

.menuList a
{
  text-decoration: none;
}

.menuList a:disabled
{
	color: Red;	
}

/* SLIDING COMMUNITY LIST */

.smallCheckbox input
{
	font-size: smaller;
	height: 12px;
	width: 12px;
	margin-bottom: -1px;
}

#sliderTriangle
{
	float: right;
	margin-right: 3px;
	margin-top: 2px;
}

.fc-vert
{
	background: transparent url(../images/fc-vert.gif) no-repeat left;
	cursor: pointer;
	width: 14px;
	z-index: -1;
}

.fo-vert
{
	background: transparent url(../images/fo-vert.gif) no-repeat left;	
	cursor: pointer;
	width: 14px;
	z-index: -1;
}
#sliderTriangle a
{
	background-image: none;	
	border: none;
}
#sliderTriangle img { border: none;	}

/* SHARE SHORTLINK */
.shareContainer { text-align: right; }
.shareContribution
{
	color: Gray;
	padding: 1px 2px 1px 2px;
	margin: 2px 1px 0 1px;
	text-decoration: none;
}
#shareContributionLinks
{
	float:right;
	text-align: right;
	text-decoration: none;
	color: Gray;
	margin: 1px 0 0 1px;
	padding: 2px;
	width:100px;
}
#shareContributionLinks img { border: 0; }
#shareContributionLinks a { text-decoration: none; }
.grayBorder { border: solid 1px #ccc; }
.whiteBottom { border-bottom: solid 1px #fff; }

/* LOGO */
.withLogo { position: relative; }

/* Reminders list */
ul.itemList
{
	margin-top: 0;
	margin-bottom: 1px;
	list-style-type: none;
}
ul.itemList .itemType
{
	float: left;
	width: 100px;
}

/* Legacy stuff */
tableheader th, .tableheader td
{
	padding: 1px;
}
DIV.tableheader
{
	padding: 4px;
	margin-bottom: 5px;
}
DIV.communityInfo
{
	border-top: solid 1px #eee;
	margin-bottom: 5px;
	padding: 4px;
	width: 100%;
}

SPAN.userInputHtml
{
	text-align: left;	
}

SPAN.userInputHtml p
{
	margin-top: 1em;
	margin-bottom: 1em;
}

SPAN.userInputHtml em
{
	font-weight: bold;
}

SPAN.userInputHtml li
{
	list-style-type:disc;
	list-style-position: inside;
	padding-left: 1em;
}

SPAN.userInputHtml h4
{
	margin-top: 0.4em;
	margin-bottom: 0.4em;	
}

DIV.smallReminder
{
	font-size: smaller;
	font-style: italic;
}

.active
{
	font-weight: bold;
	border: solid 1px #00f;
}
.clickable
{
	padding: 2px;
	margin: 2px;
	cursor: pointer;
}

.previewButtons
{	
	text-align: right;
	padding: 5px 5px 3px 5px;
}

/* Help popup*/
#explainContent{ width:99%; height:350px; overflow:auto; display: block; clear:both; margin:auto; margin-top:10px; text-align:left; font-size: 1.1em; }
#explainContent P { margin-top: 0.5em; }
#explainContent EM { font-style: italic; }
#explainContent STRONG { font-style: bold; color: #090; }
#explainContent ul li { list-style: disc outside; }
#jqmTitle { margin-top: 10px; }

/* Site footer*/
* { margin: 0; }
html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8em auto !important; } 
.push { height: 8em; }
.sitefooter { background-color: #f3f4f2; color: #9a9; text-align: left; margin-top: 2em; height: 6em; }
.ftc { margin: auto; width: 73.076em; padding: 0.5em; }
.ftc P { font-size: 120%; }
.ftc A { text-decoration: none; color: #9a9; }

/* WMD button bar */
.wmd-panel
{
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	min-width: 500px;
}

.wmd-button-bar
{
	width: 100%;
}

.wmd-input
{ 
	border: 1px solid DarkGray;
}

.wmd-output
{ 
	background-color: Pink;
}

.wmd-button-row
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0px;  
	height: 20px;
}

ul.wmd-button-row li
{
    float: left;
}

.wmd-spacer
{
	width: 1px; 
	height: 20px; 
	margin: 0 10px 0 14px;
	
	background-color: Silver;
	display: inline-block; 
	list-style: none;
}

.wmd-button
{
	width: 20px; 
	height: 20px; 
	margin-left: 5px;
	
	background-image: url(images/wmd-buttons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block; 
	list-style: none;
}

.wmd-button > a
{
	width: 20px; 
	height: 20px; 
	margin-left: 5px;
	margin-right: 5px;
	
	display: inline-block; 
}


/* sprite button slicing style information */
.wmd-button-bar .wmd-bold-button    {background-position: 0px 0;}
.wmd-button-bar .wmd-italic-button  {background-position: -20px 0;}
.wmd-button-bar .wmd-spacer1        {}
.wmd-button-bar .wmd-link-button    {  background-position: -40px 0;}
.wmd-button-bar .wmd-quote-button   {  background-position: -60px 0;}
.wmd-button-bar .wmd-code-button    {  background-position: -80px 0;}
.wmd-button-bar .wmd-image-button   {  background-position: -100px 0;}
.wmd-button-bar .wmd-spacer2        {}
.wmd-button-bar .wmd-olist-button   {  background-position: -120px 0;}
.wmd-button-bar .wmd-ulist-button   { background-position: -140px 0;}
.wmd-button-bar .wmd-heading-button { background-position: -160px 0;}
.wmd-button-bar .wmd-hr-button      { background-position: -180px 0;}
.wmd-button-bar .wmd-spacer3        {}
.wmd-button-bar .wmd-undo-button    { background-position: -200px 0;}
.wmd-button-bar .wmd-redo-button    { background-position: -220px 0;}


.wmd-prompt-background
{
	background-color: Black;
}

.wmd-prompt-dialog
{
	border: 1px solid #999999;
	background-color: #F5F5F5;
}

.wmd-prompt-dialog > div {
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
}


.wmd-prompt-dialog > form > input[type="text"] {
	border: 1px solid #999999;
	color: black;
}

.wmd-prompt-dialog > form > input[type="button"]{
	border: 1px solid #888888;
	font-family: trebuchet MS, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

/* WMD preview CSS reset */
.wmd-preview * {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 solid #000 !important;
	font: normal normal normal 13px/1.5 arial, verdana, sans-serif !important;
	list-style: decimal inside none;
	letter-spacing: normal !important;
	text-align: left !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	text-transform: none !important;
	white-space: normal !important;
	word-spacing: normal !important;
	vertical-align: baseline !important;
	unicode-bidi: normal !important;
	direction: ltr !important;
	clip: auto !important;
	overflow: visible !important;
	visibility: visible !important;
	outline: invert none medium !important;
	/*display: block !important;*/
	cursor: auto !important;
}
.wmd-preview li {
	display: list-item !important;
}
.wmd-preview ul li {
	list-style: disc inside none !important;
	margin-left: 10px !important;
}
.wmd-preview ol li {
	list-style: decimal inside none !important;
	margin-left: 10px !important;
}
.wmd-preview code {
	display: block !important;
	font-family:"Courier New",Courier,mono !important; 
	margin 10px !important;
}
.wmd-preview blockquote {
    margin: 1em 3em!important;
    color: #999!important;
    border-left: 2px solid #999!important;
    padding-left: 1em!important;
}
.wmd-preview {
    margin-top: 0.5em!important;
}

.wmd-preview strong {font-weight: bold !important; display: inline !important; }
.wmd-preview i,
.wmd-preview em {font-style: italic !important; display: inline !important; }
.wmd-preview h1 {
	font-weight: bold !important;
	font-size: 1.5em !important;
}
.wmd-preview h2 {
	font-weight: bold !important;
	font-size: 2em !important;
}

/* Resizable grip bar */
div.grippie {
background:#DEDBDB url(/images/grippie.png) no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
}

/* Invitations */
.invitationInfo.sent { background-color: #97d95c; }
.invitationInfo.bounced { background-color: #ff3100; }
/* attachment editing */
.delatt { color: #999; text-decoration: line-through; }
#attList LABEL { font-weight: normal; }

/* Subcommunity list*/
.subcommunityList A {
    text-decoration: none;
}