/* ---------------------------------------- */
/* ----- start of general page layout ----- */
/* ---------------------------------------- */
body {
 font-family: verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight: normal;
 color: #000000;
 background-color: #ffffff;
 margin: 0px;
 }

#outer { /* the centered container for all content */
 width: 990px;
 margin: auto;
 }

#header { /* the header contains header_login and header_menu */
 position: relative;
 width: 990px;
 height: 250px;
 background: transparent url('../_images/layout/top-header_new.jpg') no-repeat top center;
 }
#header_logo {position: absolute; top: 20px; left: 20px; width: 389px; height: 122px;}
#header_login   {position: absolute; bottom: 36px; left: 104px; height: 58px; width: 490px; padding: 0; background: #E3ECE3;}
#header_donate {position: absolute; top: 107px; right: 300px; width: 232px; height: 26px;}
#header_advert {position: absolute; top: 60px; right: 15px; width: 236px; height: 75px;}
#header_menu     {position: absolute; bottom: 36px; left: 5px; height: 58px; width: 980px; padding: 0;}
#members_links {position: absolute; bottom: 10px; left: 20px; height: 20px; width: 900px; padding: 0; color: #afafaf;}

.donate_label {float: left; width: 138px; padding: 1px; text-align: center; color: #ffffff; font-size:0.8em;}
.donate_form {float: left; width: 92px;}
.advert_label {height: 15px; text-align: right; color: #ffffff; font-size: 0.8em;}
.advert_image {border: 1px solid #000000; height: 60px;}

#content_top {
 background: #ffffff url('../_images/layout/content_top.jpg') no-repeat top center;
 width: 990px;
 height: 15px;
}

#content { /* content can contain content_left and content_right */
 background: #ffffff url('../_images/layout/content_middle.jpg') repeat-y top center;
 overflow: hidden;
 text-align: justify;
 width: 950px;
 padding: 0 20px 0 20px;
}
#content_left   {float: left; overflow: hidden; text-align: justify; width: 650px;}
#content_right {float: right; overflow: hidden; text-align: justify; width: 270px;}

#palmdb_left   {float: left; overflow: hidden; text-align: justify; width: 220px;}
#palmdb_right {float: right; overflow: hidden; text-align: justify; width: 710px;}
#palmdb_right img {padding: 2px;}

#content_bottom {
 background: #ffffff url('../_images/layout/content_bottom.jpg') no-repeat top center;
 width: 990px;
 height: 15px;
}

#footer {
 clear: both;
 padding: 5px 10px 0 10px;
 width: 970px;
 height: 100px;
 color: #000000;
 }
/* ---------------------------------------- */
/* ------ end of general page layout ------ */
/* ---------------------------------------- */

/* box to contain the news headlines on the homepage and then again on the News page */
.news_headline {clear: both; border-top: 1px dotted #000000; padding: 5px 0 5px 0;}

/* container for images on the pages */
.image {float: right; padding: 6px 0 6px 10px;}

/* ----- forum page layout ----- */
.breadcrumb   {clear: left; float: left; height: 20px; padding: 3px 0 3px 0; font-size: 0.9em;}
.displayrange {clear: right; float: right; height: 20px; padding: 3px 0 3px 0; font-size: 0.9em;}		/* contins drop-down list used to limit display range */
.buttons      {clear: left; float: left; height: 30px; padding: 3px 0 3px 0;}		/* contins forum buttons */
.pagenav      {clear: right; float: right; height: 20px; padding: 8px 0 8px 0; font-size: 0.9em;}	/* page navigation at top & bottom of page */
#forumtable   {clear: both;}
#foruminfo    {clear: left; float: left; padding: 10px 3px 8px 3px; font-size: 0.85em; color: #999999;}			/* contains random forum information */

/* newsletter page layout */
.chamaerops-outer {float: left; padding: 1px 1px 10px 1px; width: 648px; border-top: 1px dotted #337733;}
.chamaerops-cover {float: left; padding: 7px 10px 5px 0;}
.chamaerops-title {float: left; width: 380px;}
.chamaerops-download {float: right; width: 380px; text-align: right;}
.chamaerops-contents {clear: right;}

/* palm db styles */
.image_thumbnail {
 float:left;
 margin-bottom:5px;
 padding:10px;
 text-align:center;
 width: 200px;
}

table.palmdb_table {
 background-color: #999999;
 border: 0px solid #337733;
 border-spacing: 1px;
 color: #000000;
 text-align: justify;
}
table.palmdb_table td {
 background-color: #ffffff;
 padding: 10px 3px;
}
table.palmdb_table td.heading {
 color: #6F6F6F;
 white-space: nowrap;
}

/* ----- start of presentation styles ----- */

/* standard hyperlinks */
a       {color: #337733; text-decoration: underline;}
a:hover {text-decoration: none;}

/* makes the cursor become the pointer */
.cursor {cursor: pointer;}

.clear {clear: both;}

/* used to display the red '*' for required form fields */
.requiredfield {float: right; color: #CF0C0C;}

.formerrormessage {font-size: 0.9em; font-style: italic; color: #CF0C0C;}

/* used to make text red */
.redtext {color: #ff0000;}

.errorbox {background: #fff1b7 url('../_images/layout/icon_alert.gif') no-repeat 10px 10px; border: 1px dashed #ff0000; padding: 10px 10px 10px 58px; margin: 10px 0 10px 0;}
.successbox {background: #f9fff1 url('../_images/layout/icon_confirm.gif') no-repeat 10px 10px; border: 1px dashed #006600; padding: 10px 10px 10px 58px; margin: 10px 0 10px 0;}
.infobox {background: #e4fbfb url('../_images/layout/icon_info.gif') no-repeat 10px 10px; border: 1px dashed #0033cc; padding: 10px 10px 10px 58px; margin: 10px 0 10px 0;}

/* style for hyperlinks used in the footer */
#footer a:link 		{text-decoration: underline; color: #000000; border-bottom: 0;}
#footer a:active 	{text-decoration: underline; color: #000000; border-bottom: 0;}
#footer a:visited	{text-decoration: underline; color: #000000; border-bottom: 0;}
#footer a:hover 		{text-decoration: none; color: #000000; border-bottom: 0;}

#members_links a:link 	{text-decoration: underline; color: #afafaf; border-bottom: 0;}
#members_links a:active 	{text-decoration: underline; color: #afafaf; border-bottom: 0;}
#members_links a:visited	{text-decoration: underline; color: #afafaf; border-bottom: 0;}
#members_links a:hover 	{text-decoration: none; color: #afafaf; border-bottom: 0;}

/* ----------------------------------------------- */
/* ----- style for login form and hyperlinks ----- */
/* ----------------------------------------------- */
#header form {display:block; padding: 5px 25px; margin: auto;}

/* this is the div that contains the label, textbox and links */
#header_login form .left {width:188px; display:block; float:left !important;}

/* this is the label above the text boxes */
#header_login form label {display: block; font-family: Helvetica, Arial, sans-serif; font-size:0.9em; color: #000000; padding-top: 3px;}
/* this is the input boxes for email & password */
#header_login form input.text {border: 1px solid #000000; width: 170px; padding: 3px; font-size:0.9em;}

/* this is the div for the submit button */
#header_login .submit {float: left; margin-top: 17px;}

/* this defines links within header_login */
#header_login form a             {font-size:0.8em; margin-top:5px; text-decoration: none; color: #000000; border-bottom: 0; padding-bottom: 2px;}
#header_login form a:hover {text-decoration: none; color: #ff0000;}

#header_donate form {border: 0; margin: 0; padding: 0px;}
/* ----------------------------------------------- */

/* font styles used when displaying the date of an article */
.news_date {font-size: 0.9em; font-style: italic;}

/* font styles used when displaying the date or author of a post */
.forum_date {font-size: 0.8em;}
.forum_by {font-size: 0.9em;}

/* heading styles */
h1			{font-size: 1.6em; color: #337733; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h2			{font-size: 1.4em; color: #337733; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h3			{font-size: 1.1em; color: #337733; font-style: normal; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.3em;}
h3 a			{color: #337733; text-decoration: underline;}
h3 a:hover	{text-decoration: none;}
h4			{font-size: 1.3em; color: #ffffff; font-style: normal; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em;}

/* ----- end of presentation styles ----- */

/* forum table for boards, topics and posts */
table.forumtable {
 background-color: #ffffff;
 border: 1px solid #337733;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
 vertical-align: middle;
}
table.forumtable tr.toprow {
 background-color: #337733;
 color: #ffffff;
}
table.forumtable tr.odd {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}
table.forumtable tr.even {
 background-color: #e3ece3;
}
table.forumtable td {
 padding: 6px 6px 6px 6px;
}
table.forumtable td.member {
 vertical-align: top;
 font-size: 0.8em;
}
table.forumtable td.posteddate {
 height: 10px;
 vertical-align: middle;
 font-size: 0.8em;
}
table.forumtable td.post {
 vertical-align: top;
}
.topictitle {float: left;}	/* added because IE8 screws up the display!*/
.pagenav2     {clear: both; float: left; background: url('../_images/forum/pages_icon.gif') no-repeat bottom left; padding: 4px 0 0 12px; font-size: 0.8em; margin-left: 40px;}/* page navigation within topic list */
.postcontainer {width: 699px; overflow: auto;} /* the purpose of this div is to constrain the post within the table */
.postby {font-size: 1.3em; font-weight: bold; margin-bottom: 0.2em;}
.signature {font-size: 0.9em; font-style: italic; border-top: 1px dotted #cccccc; margin: 30px 5px 5px 5px; padding-top: 5px;}
.avatar {margin-top: 10px; width: 202px; max-height: 152px; overflow: hidden;}
.avatarimage {background-color: #ffffff; border: 2px solid #ffffff;}

/* table to contain the compose forms for news, messages and forum */
table.composetable {
 background-color: #ffffff;
 border: 1px solid #337733;
 border-spacing: 1px;
 color: #555555;
 text-align: left;
}
table.composetable td {
 background-color: #efefef;
 padding: 6px 6px 6px 6px;
}

/* page navigation used on board and topic pages */
.pagenav a, .pagenav span {
    display: block;
    float: left;
    padding: 2px 5px;
    margin: 0 2px;
    border: 1px solid #ffffff;
    background: #ffffff;
}

.pagenav span.current {
    border: 1px solid #2E402E;
    font-weight: normal;
    background: #337733;
    color: #ffffff;
}
.pagenav span.disabled {
     border: 1px solid #E3ECE3;
     color: #E3ECE3;
}

.pagenav a {
    border: 1px solid #337733;
    text-decoration: none;
}

.pagenav a:hover {
    border-color: #2E402E;
	background: #E3ECE3;
}

.pagenav a.nextprev {
    font-weight: normal;
}

.pagenav span.nextprev {
    color: #666;
    border: 1px solid #ddd;
    color: #999;
}


/* table for displaying the emoticons when composing a post, a message or news article */
table.emoticons {
 border: 0;
}

table.emoticons td {
 border: 0;
 padding: 3px 3px 3px 3px;
}

/* modified blockquote style, used on topic pages when a message quotes a previous message */
blockquote {
 margin: 5px 15px 5px 15px;
 padding: 3px 3px 3px 3px;
 border: 1px solid #555555;
 font-style: italic;
}

/* a 'tooltip' like span on the epsadmin members.asp page */
a.info{position:relative; z-index:24;  text-decoration:none}
a.info:hover{z-index: 25;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/
 display: block;
 position: absolute;
 bottom: 10px;
 left: 25px;
 width: 225px;
 /*white-space: nowrap;*/
 border: 2px solid #000000;
 background-color: #ffffff;
 color: #000000;
 padding: 10px;
 text-align: left;
}

/* style for the archive lists on the News and Chamaerops pages */
#content_right ul {padding: 0; margin-left: 10px;}
#content_right ul li {list-style: none; padding: 2px 0 2px 20px; background: url(../_images/layout/arrow.gif) no-repeat 0 .5em;}

/* style for the admin menu */
#adminlist {padding-left: 0; margin-left: 0;}
#adminlist li {list-style: none; padding: 5px 5px 5px 20px; background: url(../_images/layout/arrow.gif) no-repeat 0 .5em;}

/* Menu Stylesheet */
.menu_text {display: block; color: #afafaf; font-size: 0.7em; padding-top: 6px; font-weight: normal;}
#header_menu a:link {display: block; float: left; color: #ffffff; font-size: 1.1em; font-weight: bold; text-align: center; padding: 5px; height: 48px; width: 88px !important; width: 87px; text-decoration: none;}
#header_menu a:visited {display: block; float: left; color: #ffffff; font-size: 1.1em; font-weight: bold; text-align: center; padding: 5px; height: 48px; width: 88px !important; width: 87px; text-decoration: none;}
#header_menu a:hover {text-decoration: none; background-color: #2e402e;}

/* -------------------------------------------- */
/* ----- style for nicEdit WYSIWYG editor ----- */
/* -------------------------------------------- */
.nicEdit-selected {background-color: #ffffff !important;}
.nicEdit-panel {background-color: #ffffff !important;}
.nicEdit-button {background-color: #ffffff !important;}