/* Containers */
body { margin: 10px; padding: 0; background: rgb(190, 228, 233); color: #000000; }

#header-outer { clear: both; padding: 0 10px 0 0; }
#header-inner { width: 100%; overflow: hidden; }

#logo-outer { float: left; width: 440px; }
#logo-inner { width: 100%; overflow: hidden; }

#section-title-banner { float: right; width: 490px; font-size: .7em; padding: 10px 0 0px 10px; color:#e5e5e7;}
.ad {border: 10px solid #e5e5e7; float: left; width: auto; overflow: auto; margin-bottom: 20px;}

#main-outer { clear: both; background-image:url(/EasySiteWeb/EasySite/StyleData/RCM_General/Images/main-single-col-bg.gif); background-position: right; background-repeat: repeat-y;}
#main-inner { width: 100%; overflow: hidden; }

#left-outer { display: none;  }
#left-inner { width: 100%; overflow: hidden; }

#right-outer { float: right; width: 220px; padding: 0px 10px 0 10px; margin: 0 0 0 0; background: none;}
#right-inner { width: 100%; overflow: hidden; }

#content-outer { margin:0px 240px 0px 0px; }

/* Site nav */
a.discussion-link:link, a.discussion-link:visited { color: #ffffff; padding: 16px 0 17px 25px; display: block; background-image:url(../../RCM_General/Images/site-nav-discussion-bg.gif); background-repeat: no-repeat; background-position:center; text-decoration: none; background-color: rgb(211, 237, 243); }
a.discussion-link:focus, a.discussion-link:hover, a.discussion-link:active { color: #ffffff; padding: 16px 0 17px 25px; background-image:url(../../RCM_General/Images/site-nav-discussion-bg.gif); background-repeat: no-repeat; background-position:center; background-color: rgb(211, 237, 243); display: block; text-decoration: none;}


/* Main Menu */
#menu-outer { clear: both; border-top: 1px solid #ffffff; padding: 0x 0 0px 0; position: relative;  }
#menu-inner { width: 100%; overflow: hidden; background: rgb(48, 181, 196); color: #ffffff; }
map.main-menu { display: block; }
.main-menu ul { display: block; padding: 0; margin: 0;  }
.main-menu ul li { list-style-type: none; display: block; width: px; float: left; text-align: center; margin-left: 0px; font-size: 1.1em; }
a.menu-link:link, a.menu-link:visited { color: #ffffff; text-decoration: none; display: block; padding: 5px 21px 5px 21px; border-right: 1px solid #ffffff; }
a.menu-link:hover, a.menu-link:active { background: rgb(251, 175, 117); color: #ffffff; border-right: 1px solid #ffffff }

a.menu-alpha:link, a.menu-alpha:visited {background: rgb(251, 175, 117); color: #ffffff; border-right: 1px solid #ffffff}
a.menu-alpha:hover, a.menu-alpha:active {background: rgb251, 175, 117); color: #ffffff; border-right: 1px solid #ffffff}

a.menu-zeta:link, a.menu-zeta:visited { border-right: none; padding: 5px 24px 5px 25px; }
a.menu-zeta:hover, a.menu-zeta:active { border-right: none;;}

.oNavigationItemSibling {display: none;}

/* breadcrumb styles */
a.breadcrumb-link:link, a.breadcrumb-link:visited {color: rgb(48, 181, 196); text-decoration: none; }
a.breadcrumb-link:focus, a.breadcrumb-link:hover, a.breadcrumb-link:active {color: rgb(48, 181, 196); text-decoration: underline; }

/* Right Col classes */
.right-ad {border: 1px solid rgb(48, 181, 196); }
.right-ad-right {border: 1px solid rgb(48, 181, 196); }
.ad-box {margin-bottom: 20px; font-size: .7em; color:#e5e5e7;}

.job-ad-right  {background: url(../../RCM_General/Images/job-ad-disc-bg.jpg) no-repeat right;}
.job-ad-right {border: 1px solid rgb(48, 181, 196); }

.resourcebox {background-color: #ffffff; border: 1px solid  rgb(48, 181, 196);}
h2.resourcebox-header { border-bottom: 1px solid  rgb(48, 181, 196);  color: rgb(48, 181, 196); font-family: Verdana, Arial, Helvetica, sans-serif; padding: .25em .25em .25em .5em; font-weight: bold; font-size: 1.2em; }
ul.resourcebox-list {list-style: none; margin: 0 0 1em .75em; }
li.resourcebox-list {padding: 0 0 .25em 2em; background: url(../../RCM_General/Images/icon-res-discussions.jpg) no-repeat;}

/* Search Panel */
#search-panel-outer { width: 220px; float: left; font-size: 0.94em; margin: 0 0 20px 0; }
#search-panel-inner { overflow: hidden; width: 100%; }
#search-form-outer { margin: 0px 0 0 0;}
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border: 1px solid rgb(48, 181, 196); padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { font-weight: bold; padding: 0px 0 0 0; display: block; color: rgb(48, 181, 196); }
.SearchKeywords { width: 99%; float: right; margin: 0; font-size: 1.1em; }
#search-keywords { border: 1px solid rgb(48, 181, 196);}
.SearchButton { color: #ffffff; font-weight: bold; background: rgb(48, 181, 196);  border: none;  margin: 0; font-size: 0.9em; padding: 0 5px 0 5px; line-height: 1.6em; cursor: pointer; float: right; }

.oDataSearchFormLabel { display: block; }
.oDataSearchFormInputText { display: block; float: left; width: 80%; }
.oDataSearchFormButton { display: block; float: right; width: 18%;}

/* All Links */
a:link { color: rgb(48, 181, 196); text-decoration: none; }
a:visited { color: rgb(48, 181, 196); text-decoration: none; }
a:hover, a:active {	color: rgb(48, 181, 196);  text-decoration: underline; }

h1 { font-size: 2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 0 0px;  }
hr { color: #ffffff; background-color: #ffffff; border: 1px dotted rgb(48, 181, 186); border-style: none none dotted;}

/* Panel styles */
.element-panel-alpha-header-inner .oPanelTitle {color: #ffffff; }

.element-panel-alpha-outer { background:  none; clear: both; margin-bottom: 20px; margin-left: 10px; border: none; float: right; border: 1px solid  rgb(48, 181, 196);}
.element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-panel-alpha-header-outer { padding: 0px 5px 0px 5px; font-weight: bold; font-size: 1em; border-bottom: none; background: rgb(48, 181, 196); }
.element-panel-alpha-header-inner { padding: 0 0 1px 0; font-size: 1.6em;  }

.element-panel-alpha-body-content-outer { padding: 5px 0 0 5px; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left:0; margin-left: 0; list-style-type: none; }
div.element-panel-alpha-body-content-inner li {padding-left: 0; margin: 0 0 0.5em 0; background: none; }

/* Forum styles */
TABLE.oDataGrid TH {border: 1px solid rgb(48, 181, 196); background: rgb(48, 181, 196);}
TABLE.oDataGrid TD {border: 1px solid rgb(48, 181, 196); background: none;}
TABLE.oDataGrid TD a:link, TABLE.oDataGrid TD a:visited { color: rgb(48, 181, 196); }
TABLE.oDataGrid TD a:focus, TABLE.oDataGrid TD a:hover, TABLE.oDataGrid TD a:active { color: rgb(48, 181, 196); }

DIV.oForumMainTopicPanel { border: 1px solid rgb(48, 181, 196); }
DIV.oForumMainTopicTitleContainer { height: 1%; padding: 5px; border:none; background: rgb(48, 181, 196); color: #ffffff;}
DIV.pnlButtons {text-align: right; float: right;}
DIV.pnlButtons:after: { content:"."; clear:both; height: 0; visibility: hidden; display: block;}
DIV.oForumMainTopicBody { background: #ffffff; }



/* Columns Beta */
.element-columns-beta-outer { clear: both; border-top: 1px dotted rgb(48, 181, 196); padding: 10px 0 0 0; }
.element-columns-beta-inner { width: 100%; overflow: hidden; }

.element-column-left-beta-outer { }
.element-column-left-beta-inner { width: 100%; overflow: hidden; }
.element-column-left-beta-content { }

.element-column-left-beta-content h2 {font-weight: normal; font-variant: small-caps; }
.element-column-left-beta-content h3 { font-size: 1.3em; font-weight: bold; padding-top: 3px; }


.element-column-left-beta-content .ContentEditor ul { padding-left:0; margin-left: 0; list-style-type: none; }
.element-column-left-beta-content .ContentEditor li {padding-left: 0; margin: 0 0 0.5em 0; background: none; }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { border: none; padding: 0; background: #ffffff; width: 100%; overflow: hidden;  }
.element-column-right-beta-content { width: 100%; overflow: hidden; }

.element-column-right-beta-content .ContentEditor ul { padding-left:0; margin-left: 0; list-style-type: none; }
.element-column-right-beta-content .ContentEditor li {padding-left: 0; margin: 0 0 0.5em 0; background: none; }


/* Columns Alpha Right Panel Alpha */
.element-column-right-beta-content .element-panel-alpha-header-inner .oPanelTitle {color: #ffffff; }

.element-column-right-beta-content .element-panel-alpha-outer { background:  none; clear: both; margin-bottom: 20px; margin-left: 0px; border: 1px solid  rgb(48, 181, 196); float: none;}
.element-column-right-beta-content .element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-column-right-beta-content .element-panel-alpha-icon-outer { }
.element-column-right-beta-content .element-panel-alpha-icon-inner { }

.element-column-right-beta-content .element-panel-alpha-header-outer { padding: 0px 5px 0px 5px; font-weight: bold; font-size: 1em; border-bottom: none; background: rgb(48, 181, 196); }
.element-column-right-beta-content .element-panel-alpha-header-inner { padding: 0 0 1px 0; font-size: 1.6em;  }

.element-column-right-beta-content .element-panel-alpha-body-outer { }
.element-column-right-beta-content .element-panel-alpha-body-inner { }

.element-column-right-beta-content .element-panel-alpha-body-content-outer { padding: 5px 0 0 5px; }
.element-column-right-beta-content .element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

.element-column-right-beta-content div.element-panel-alpha-body-content-inner ul { padding-left:0; margin-left: 0; list-style-type: none; }
.element-column-right-beta-content div.element-panel-alpha-body-content-inner li {padding-left: 0; margin: 0 0 0.5em 0; background: none; }


/* Footer styles */
#footer-outer { clear: both; padding: 5px; font-size: 0.9em; margin: 0px 0px 0px 0px; background: rgb(173, 222, 234); color: #000000;}

#footer-beta-outer { clear: both; margin-top: 10px; padding-top:10px; font-size: 0.94em; color: #000000; border-top: 1px solid #ffffff; }
#footer-beta-inner { width: 100%; overflow: hidden; }

.footer-links a:link, .footer-links a:visited { color: #ffffff; }
.footer-links a:focus, .footer-links a:hover, .footer-links a:active { color: #ffffff; }

.footer-links { float: left;}