body, html 
{
  height: 100%;
}

* 
{
	font-family: Arial, sans-serif;
	margin: 0;
}

/*  

Width calculated as:

	   1 px gray border left
	   8 px padding left
	 266 px left column
	  10 px padding center
	 612 px content 
	   8 px padding right
	   2 px border right 
  
sum: 907 px

*/

#OuterFrame 
{
	width: 921px; /* added one pixel for the right-side border (see #MainContent below) */
	margin: 20px auto 0 auto;
	display: inherit;  
}

#RightColumn
{
	width: 625px;
	min-height: 405px;  
	height: auto !important; /* Gives presedence to rule in browsers other than IE */
	height: 405px;			 /* IE interprets this rule as min-height (it's a bit stupid) */
	float: right;
	display: block;
	clip: rect(auto, auto, auto, 10px);
	background-color: #f2f2f2;
}

/* Header bar at the top */
#Header 
{
	height: 33px;
}

/* The 3 groups on the header are the login group, main menu, and search group */

#LoginGroup 
{
	float: left;
	margin-top: 11px;	
}

#MainMenu 
{
	float: right;
	text-align: left;
	margin-top: 15px;
}

#SearchGroup
{
	float: right;
	margin-top: 11px;	
}

#LoginGroup a
{
	text-decoration: none;
	font-size: 70%;
	color: #808285;
  vertical-align: top;
  position: relative;
  top: 4px;
}

#LoginGroup a img
{
  margin-right: 5px;
  vertical-align: middle;
}

.LoginName
{
  padding-left: 4px;
}

.LogoImage 
{
    padding: 35px 0 0 10px;
}


.SearchBox
{
  margin-left: 0px;
	border: 1px solid #e4e4e4;
	font-size: 70%;
}

.SearchImg
{
  vertical-align: middle;
}

/* Search popup dialog styles */ 

.SearchBackground
{
  FILTER: alpha(opacity=20);  
  opacity: 0.2;
  background-color: gray;
}

.OuterSearchPanel
{
  background-color: White;
  border: solid 1px #b4b4b4;
  /*padding: 20px; set in js instead */
  font-size: 75%;
}

#NoHitsPanel
{
  text-align: center;
  margin-bottom: 10px;
}

#SearchResultsPanel
{ 
  overflow: auto;
  width: 600px;
}

#SearchNavBar
{
  margin-bottom: 10px;
  text-align: right;
}

#SearchNavBar label
{
  float: left;
}

#SearchNavBar a,
#NoHitsPanel a
{
  padding: 1px 5px;
  margin: 0px 2px;
  text-align: center;
  border: solid 1px black;
  cursor: pointer;
  color: blue;
}

#SearchNavBar a:hover,
#NoHitsPanel a:hover
{
  background-color: #e5e5e5;
}

#SearchNavBar a.Disabled
{
  cursor: auto;
  color: black;
  background-color: White;
}

#NoHitsPanel a
{
  margin-top: 10px;
}

#NoHitsPanel p
{
  margin-bottom: 10px;
}

#SearchSplashPanel
{
  position: relative;
  color: #808285;
  background-color: White;
  border: solid 1px #e4e4e4;
  font-size: 90%;
  padding: 2px;
}

#SearchSplashPanel img
{
  vertical-align: middle;
}

.searchResult
{
  margin-bottom: 10px;
}

.searchUrl
{
  color: Green;
}

/* Top menu */

#MainMenu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	position: relative; 
	left: -5px;
	font-size: 60%;
}

#MainMenu li 
{
	display: inline;
	padding: 0 15px;
	border-left: 2px solid #92c395;
}

#MainMenu li.First
{
	border-left-width: 0px;
	padding-left: 5px;
}

#MainMenu li a 
{
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #878889;
}

#MainMenu li a.Selected, #MainMenu li a:hover 
{
	color: #328d36;
}

#MainMenu li a.Selected 
{
	cursor: default;
}

#MainMenu li span
{
  display: none;
}

#MainMenu li span.Active
{
  display: block;
  position: absolute;
  top: 20px;
  background: darkgray;
  color: White;
  border: solid 1px white;
  /* margin-left: -50px; */
  padding: 5px;
  width: 300px;
}

#ProgressBar 
{
  position: absolute;
  top: 5px;
  left: 5px;
}

.LangFlag
{ 
	border: 0px;
  background: transparent no-repeat top left;
  cursor: pointer;
	width: 32px;
	height: 16px;
	float: right;
	position: relative;
	top: -3px;
}

#ctl00_btnNo
{
	background-image: url(../../Images/no_slice.gif); 
}

#ctl00_btnUs 
{ 
	background-image: url(../../Images/us.jpg); 
}

/* Wrapper for main content */
#MainContent 
{
	padding: 10px 10px 10px 8px;
	border: 1px solid #e4e4e4;
	/*border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	background: url(../../Images/Aug07/frame_right_bk.gif) repeat-y top right;*/
}

#FauxColumn 
{
  
	min-height: 420px;
	height: auto !important; /* Gives presedence to rule in browsers other than IE */
	height: 420px;			     /* IE interprets this rule as min-height (it's a bit stupid) */
	background: url(../../Images/Aug07/column.gif) repeat-y top left;
	
}

/* Wrapper for the left column */
#LeftColumn 
{
	float:left;
	width: 266px;  
  /*	height: 435px;	*/
	padding-right: 10px;
}

#TopLeftPanel 
{
	height: 125px;
	background: #e5e5e5;
	border-bottom: 10px solid #fff;	
}

#BottomLeftPanel 
{
	background: #b2b2b2;
	padding-bottom: 10px;
	min-height: 280px; 
	vertical-align: bottom;
}

p.CampaignMaster
{
  font-size: 70%;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

/* Logo top left */

h1.Logo
{
	background: url(../../Images/Aug07/logo_on_grey.gif) no-repeat 12px 35px;
	padding: 35px 0 0 0;
	height: 60px;
	cursor: pointer; 
}

h1.Logo span 
{ 
	display: none; /* Hides text from browser while showing it to search engines and users without images */ 	
}

#SloganHolder 
{
	padding: 4px 28px 0 0;
	text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #585d58;	
}

/* Horizontal menubar inside content-box */

#TopSubMenu 
{
	height: 23px;
	width: 623px;
	float: right;
	border: 1px solid #c3c3c3;
	background: #ababac;
	margin-bottom: 7px;
}

#LeftFooter
{
  float: left;
}

#Footer 
{
	font-style: normal;
	font-size: 60%;
	padding-top: 5px;
	margin-right: 5px;
	text-align: right;
}

#Footer ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#Footer li 
{
	display: inline;
	padding: 0 0 0 10px;
	margin-left: 10px;
	border-left: 2px solid #92c395;
}

#Footer li.First
{
	border-left-width: 0px;
}

.ClearFix 
{
	clear:both; 
	margin:0; 
	padding:0; 
	font-size:0;
	line-height:0;	
}

/* Header in the top (dark gray) panel on the right side */
.ContentHeader 
{
	color: White;
	font-weight: bold;
	font-size: 80%;
	margin: 5px 0px 0px 5px;
	text-transform: uppercase; 
	vertical-align: middle; 
}

/* ****** Styles for default body content, similar to 
          the product description style (added by Tor) ***** */

/* Default for all content panels */
.ContentPanel 
{ 
  font-size: 12px;
  color: #5c5c5c; 
}

.MenuPanel 
{ 
  font-size: 12px;
  color: Black; 
}

.StoryPanel 
{ 
  font-size: 12px;
  color: #5c5c5c; 
}

/* - HEADER WITHIN A CONTENT PANEL -
     The difference between a content panel and a story panel is that a story panel contains 
     more text in an article/newspaper style. */

.ContentPanel h2, .ContentPanel .Header
{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* - PARAGRAPH WITHIN A CONTENT PANEL - */

.ContentPanel p, .ContentPanel .Para
{
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0px;
}

/* - HEADER WITHIN A MENU PANEL -
     The difference between a menu panel and a content panel is that a menu panel
     is located on the left side with a darker background. */

.MenuPanel h2, .MenuPanel .Header
{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* - PARAGRAPH WITHIN A MENU PANEL - */

.MenuPanel p
{
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0px;
  color: Black;
}

/* - HEADER WITHIN A STORY PANEL -
     The difference between a content panel and a story panel is that a story panel contains 
     more text in an article/newspaper style. */

.StoryPanel h2, .StoryPanel .Header
{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* - PARAGRAPH WITHIN A STORY PANEL - */

.StoryPanel p
{
  /*font-family: Georgia, Arial;*/
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0px;
}


#PopupSplashDiv
{
  color: #278F42;
  background: white;
  padding: 10px;
  width: 140px; /* For IE6 which otherwise wraps the text */
}

.ImgLink
{
  text-decoration: none;
}

.ImgLink img
{
  margin-top: 5px;
  margin-left: 5px;
  border-style: none;
  border-width: 0px;
}