/*================================
	OctEportal Default Style Sheet
==================================*/

body
{
 background-color: #185028;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 color: #e1e1e1;
 font-size: 90%;
 font-weight: normal;
}
h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 200%;
 font-weight: normal;
 color: #e1e1e1;
}
h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 180%;
 font-weight: normal;
 color: #e1e1e1;
}
h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
 color: #ffffcc;
 font-size: 150%;
 font-weight: normal;
 color: #e1e1e1;
}

a:link
{
 color: #00FFFF;
}

a:hover, a:visited, a:active, a.othertabs:visited
{
 color: #00FFFF;
}

.MainContainer
{
	min-width: 750px;
	max-width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	_height: 600px;
}

.ContentPanel
{
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	min-width: 500px;
}
.Admin .ContentPane
{
	width: 700px;
	text-align: left;   
	min-height: 300px;
	_height: 300px;
}

.Header .HeaderPane
{
 float:right;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 200%;
 font-weight: normal;
 color: #e1e1e1;
 text-align: left;
 padding-right: 200px;
}

.Header
{
	position: relative;
	height: 100px;
	background-image: url(/Portals/_default/Skins/Creeside/topbar.jpg); 
	background-repeat:no-repeat;
	background-position:bottom;
	background-color: #185028;
	border-top: solid 1px #185028;
	border-left: solid 1px #185028;
	border-right: solid 1px #185028;
}
.Header .HeadLogo
{
	position: absolute;
	top: 0;
	left: 0;
}

	
.LeftPanel
{
	width: 50px;
	vertical-align:top;
}
.LeftPane
{
}
	
.RightPanel
{
	width: 200px;
	vertical-align:top;
}
.RightPane
{
}

.MenuBar
{
	height: 20px;
	padding-top: 2px;
	background-color: #185028;
	/* border: solid 1px #185028; */
}

.UserContainer
{
    float: right;
    margin-right: 4px;
    color: #e1e1e1;
}
.UserContainer a:link,
.UserContainer a:visited,
.UserContainer a:active,
.UserContainer a:hover
{
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
  color: #e1e1e1;
}
.UserContainer a:hover
{
	background-color: #185028;
	color: #e1e1e1;
}


.mainMenuItem,
.mainMenuSelectedItem,
.mainMenuUnselectedItem
{
	cursor: hand;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}
.mainMenuSelectedItem
{
	background-color: #185028;
	color: #e1e1e1;
}
.mainMenuSubMenu
{
	background-color: #e1e1e1;
	border: solid 1px #185028;
}

RadMenu_Creeside .rmItem,
.StaticMenu_Creeside .item
{
  padding-left: 10px;
  padding-right: 10px;
  font-size:100%;
}

.RadMenu_Creeside .rmFirst
{
  padding-left: 0;
  font-size:100%;
}
.Radmenu_Creeside .rmLast
{
  padding-right: 0;
  font-size:100%;
}

.RadMenu_Creeside a.rmLink:link,
.RadMenu_Creeside a.rmLink:active,
.RadMenu_Creeside a.rmLink:visited,
.RadMenu_Creeside a.rmLink:hover,
.StaticMenu_CSProduct a.link:link,
.StaticMenu_CSProduct a.link:active,
.StaticMenu_CSProduct a.link:visited,
.StaticMenu_CSProduct a.link:hover
{
  text-decoration: none;
  color: #00FFFF;
}
.RadMenu_Creeside a.rmLink:hover,
.StaticMenu_CSProduct a.link:hover
{
  background-color: #185028;
  color: #00FFFF;
}

.RadMenu_Creeside .rmText
{
  color: #e1e1e1;
  font-size: 100%;
}
.StaticMenu_CSProduct .text
{
  color: #e1e1e1;
}
.RadMenu_Creeside .rmGroup
{
  background-color: #185028;
  border: solid 1px #b23;
  width: auto;
}
.RadMenu_Creeside .rmGroup .rmItem
{
  padding:  1px 2px;
}
.RadMenu_Creeside .rmGroup .rmText
{
  margin-left: 25px;
  margin-right: 5px;
}
.Footer
{
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background-color: #185028 ;
	color: #fff;
	font-size: 90%;
	padding-top: 5px;
}
.Footer .FooterLeft
{
	padding-left: 20px;
	height: 100%;
	font-size: 10px;
	text-align:left;
}
.Footer .FooterMiddle
{
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	text-align: center;
	font-size: 10px;
}
.Footer .FooterRight
{
	padding-right: 20px;
	height: 100%;
	text-align: right;
	font-size: 10px;
}

.Footer A:link.FooterLink,
.Footer .FooterLink A:link,
.Footer A:visited.FooterLink,
.Footer .FooterLink A:visited,
.Footer A:active.FooterLink,
.Footer .FooterLink A:active,
.Footer A:hover.FooterLink,
.Footer .FooterLink A:hover
{
  color: #00FFFF;
	text-decoration: underline;
}
.Footer A:hover.FooterLink,
.Footer .FooterLink A:hover
{
	text-decoration: underline;
}