body{ padding: 0; margin: 0; color: #000; background-color: #eee;}
body, p, td, th, div, input, textarea, ul, ol, li, select, option, .NormalTextBox, h1, h2, h3, h4, h5, h6 {font-size: 11px; font-family: Verdana, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { color: #000;}
h1 { font-size: 15px; }
h2 { font-size: 13px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 9px; color: #777; font-weight: normal; }
hr { color: #999; height: 1px; text-align: center; }
img { border: none; }
table, thead, tr, th { border-style: none; }
th { vertical-align: baseline; }
td, th { color: #333; }

.sm_SimpleMenu a:link, .sm_SimpleMenu a:visited, 
.sm_SimpleMenu a:focus, .sm_SimpleMenu a:active { }
.sm_SimpleMenu a:hover {}

.CommandButton {
	font-weight: 600;
	color: #333333;
	background-color: #e7efe0;
	text-decoration: none;
	white-space: nowrap;
	line-height: 26px;
	padding: 3px 5px;
	border-bottom: #616649 2px solid;
	border-left: #cad3a0 2px solid;
	border-top: #cad3a0 2px solid;
	border-right: #616649 2px solid;
	display: inline;
}
input.CommandButton
{
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	font-weight: 600;
	padding: 2px;
	color: #fff;
	background-color: #999;
}


a.CommandButton { text-decoration: none; }
a.CommandButton:link, a.CommandButton:visited { color: #333; }
a.CommandButton:hover, a.CommandButton:focus, a.CommandButton:active { color: #aaa; }


.EnhancedHtmlTitlePage /* Enhanced module support */
{
	font-weight: normal;
	font-size: 12px;
	color: #333;
}
.EnhancedHtmlLink
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
  text-decoration: none;
}
A.EnhancedHtmlLink:link { color: #000; }
A.EnhancedHtmlLink:visited { color: #999; }
A.EnhancedHtmlLink:hover { color: #ccc; }
A.EnhancedHtmlLink:focus { color: #ccc; }
A.EnhancedHtmlLink:active { color: #333; }

.Error {color: #900;}

.Grid_Header, .Grid_Header TD, .Grid_Header TH { background-color: #999; font-weight: 600; }
.Grid_Footer {}
.Grid_Item {}
.Grid_Item TD A {font-weight: 600;}
.Grid_AlternatingItem { background-color: #ccc; }
.Grid_AlternatingItem TD A { font-weight: 600; }
.Grid_SelectedItem {}
.Grid_Pager {}

.Head /* Add, announcements, articles, blog, ecc ecc */
{
	font-weight: bold;
	color: #999999;
}

.ItemTitle
{
	font-weight: bolder;
	color: #999;
}
.ItemDate
{
	font-size: 10px;
	color: #999;
}

.Message /* Informative messages */
{
	font-weight: normal;
	color: #616649;
	background-color: #ffcc00;
}
.ModuleTitle /* Title of each module */
{
	font-weight: 600;
	color: #333;
	line-height: 14px;
	white-space: nowrap;
	overflow: hidden;
}
.Module /* Module */
{
	padding: 10px;
	background-color: #fff;
}
.ModuleAlt /* Module variant */
{
	background-color: #fff;
}
.Normal
{
	padding-right: 0;
	font-size: 11px;
	color: #333333;
	line-height: normal;
	letter-spacing: normal;
}
.NormalBold
{
	padding-left: 5pt;
	font-weight: bold;
	color: #333;
}
.NormalItalic
{
	font-style: italic;
}

/* Language switcher */ 
.rb_LangSw_tbl{text-decoration: none;}
.rb_LangSw_tbl A:link, .rb_LangSw_tbl A:visited, .rb_LangSw_tbl A:active { text-decoration: none; }
.rb_LangSw_tbl A:hover, .rb_LangSw_tbl A:focus, .rb_LangSw_sel { color: #999; }

/* Styles for default pages */
.rb_DefaultLayoutTable {}
.rb_DefaultPortalHeader {}
.rb_DefaultLayoutDiv {width:925px; margin: 0 auto; background-color: #fff;}
.rb_DefaultPortalFooter {}

/* Alternate styles for admin and edit pages */
.rb_AlternateLayoutTable { margin: 0px; padding: 0px; width: 100%; }
.rb_AlternatePortalHeader {}
.rb_AlternateLayoutDiv {}
.rb_AlternatePortalFooter {}

/* Buttons support */
.rb_mod_btn { display: block; margin: 0px 0px 0px 2px; }
.btn-img-txt {}
.btn-img-only {}
.btn-img-txt {overflow: hidden;}
.btn-img-only-css { overflow: hidden; }

div.btn-img-only
{
	display: block; overflow: hidden;
	width: 0px; height: 0px;
}
DIV.btn-img-only-css
{
	display: block; overflow: hidden;
	width: 0px; height: 0px;
}
DIV.btn-img-txt
{
	display: block;
	overflow: hidden;
	width: 0px;
	height: 0px;
}
DIV.btn-txt-only
{
	font-size: 9px;
	line-height: 0.8;
}
.rb_mod_btn
{
	display: block;
	margin: 0px 0px 0px 2px;
}

.SiteTitle /* Portal title in Header, in layout file */
{
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}
.SubHead
{
	font-weight: 600;
	color: #333;
	padding-top: 4px;
}
.SubSubHead
{
	margin-top: 10px;
	font-weight: 600;
	color: #616649;
}

/* Three panes */
.LeftPane
{
	padding: 5px 0 0 5px;
	margin: 0;
}
.RightPane
{
	padding: 5px;
	margin: 0;
	background-color: #e7efe0;
}
.ContentPane
{
	padding: 5px;
	margin: 0;
}

.LeftPane, .ContentPane, .RightPane
{
	line-height: 1.3;
}
.LeftPane a, .ContentPane a, .RightPane a
{
	text-decoration: none;
	color: #0babb5;
}
.LeftPane a:hover, .ContentPane a:hover, .RightPane a:hover
{
	text-decoration: underline;
}

.DefaultBanner1 {/*background-color: #616649;*/ }
.DefaultBanner2 { background-color: #333; }

.DefaultTD, .DefaultTDSub {margin:0;}

.DefaultTD {background-color: #e7efe0;color: #333;}
.DefaultTDSub, .SelectedTabs {background-color: #616649;}
.SelectedSubTabs {}

.Tabs, .SubTabs, .SelectedTabs, .SelectedSubTabs
{
	padding: 3px 10px;
	text-align: center;
}

.Tabs a { text-decoration: none; }
.Tabs a:link, .Tabs a:visited, .Tabs a:active { color: #333; }
.Tabs a:hover, .Tabs a:focus { color: #616649; }

.SelectedTabs a {color: #fff;text-decoration: none;}
.SelectedTabs a:hover {color: #8b916c;}

.SubTabs a {color: #fff;text-decoration: none;}
.SubTabs a:hover {color: #8b916c;}

.SelectedSubTabs a {color: #0babb5;text-decoration: none;}
.SelectedSubTabs a:hover {color: #8b916c;}


/* -- begin -- Top menu in DefaultPortalMenu Layout */
.PortalMenuItem {color: #333;background-color: #e7efe0;border-bottom: 1px solid #fff;}
.PortalMenuItemHi{color: #fff;background-color: #616649;}
.PortalMenuSub{	color: #333;background-color: #e7efe0;border-bottom: #fff 1px solid;}
.PortalMenuSubHi{color: #fff;background-color: #616649;border-bottom: #fff 1px solid;}
/* -- end -- Top menu in DefaultPortalMenu Layout */


/* ===================================================================================
   These styles are primarily intended for use with the Task Module.
   NOTE: Only three status change the color.
     Complete = 100%
     Beginning < 50%
	 NearlyComplete >= 50% and < 100%
   =================================================================================== */
.Task_Complete
{
	color: white;
	background-color: #ffffff;
}
.Task_Beginning
{
	background-color: #ffffff;
}
.Task_NearlyComplete
{
	background-color: #ffffff;
}

.TitleNoTheme {
  font-weight: bold;
  font-size: 14px;
}


/* Used on Header menu in Layouts */
#header-menu {

}
.SiteLinkTable 
{
	color: #616649;
	background-color: #e7efe0;
}
span.SiteLink {
  display: block;
  padding: 3px;
  text-align: center;
}
.SiteLink a {
	text-decoration: none;
}
.SiteLink a:visited, .SiteLink a:link, .SiteLink a:active { color: #333333; }
.SiteLink a:hover, .SiteLink a:focus { color: #616649; }

table.BreadCrumbs {
  margin-bottom: 15px;
}

.MenuItem {}
.MenuItemHi {}
.MenuSub {}
.MenuSubHi {}

#wrapper { width: 925px; margin: 0 auto; }
#header { background-color: #fff; width: 100%; padding-bottom: 60px; background-image: url(/Design/Themes/Step2009/img/step_header.jpg); background-repeat: no-repeat; background-position: 0 bottom; }
#logo {float: left; margin-left: 10px;}
#sform {width: 300px; float: right; margin-top: 45px; padding-right: 10px;text-align: right;}
#menu {padding-bottom: 10px;}
#content {width: 100%;}
#footer { margin-top: 10px; margin-bottom: 10px;border-top: 10px #616649 solid; color: #555; text-align: center;}
#right-column { background-color:#fff;}
#header:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.offscreen {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

.ContentPane {background-color: #fff; padding: 10px;}
.RightPane {padding: 10px; border-left: 5px solid #eee;}

a {color:#30abb2; text-decoration:none}
a:hover { text-decoration: underline; }