﻿/* Defines styles for block contents, i.e. Document page, Circular, etc */

.PopUp
{
  /* dimensions after the growing animation finishes  */
  padding: 20px 20px 20px 20px;
  width: 480px;
  height: 640px;
  display: none;
  background-color: #FFFFFF;
  font-family: Verdana;
}
.PopUp .Logo
{
  padding-bottom: 40px;
}

.PopUp .Title
{
  padding: 0px 0px 20px 0px;
  font-size: 1.2em;
}

.PopUp .Text
{
  padding-bottom: 20px;
}

.PopUp .Buttons
{
  text-align: center;
}

.PopUp div.close
{
  background: url(/Components/Spot/Images/close.png) no-repeat;
  _background: url(/Components/Spot/Images/close.gif) no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

#LogoBlock
{
  padding: 10px 0px 0px 5px;
  float: left;
  width: 215px;
  height: 71px;
  background-color: #FFFFFF;
}
#LogoBlock img
{
  background-color: #ffffff;
}

/*******************************

      NEW SEARCH STARTED

*******************************/

.SearchOneColumn .SearchContent .abstract 
{
  margin-bottom:10px;
}

.SearchHeader
{
  padding-top:10px;
  padding-bottom:0px;
}

.SearchHeader .searchCategoy ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

.SearchHeader .searchCategoy ul li 
{
  float:left;
  margin:0px;
  padding:0px;
}

.SearchHeader .searchCategoy ul .selected .searchCategoryItem
{
 margin-left:3px;
}

.SearchHeader .searchCategoy ul .defaultCategory  .searchCategoryItem
{
 margin-left:0px !Important;
}

.SearchHeader .searchCategoy ul li .searchCategoryItem
{
 width:112px;
 height:39px;
 padding-left:11px;
  padding-right:6px;
 padding-top:11px;
 padding-bottom:15px;
 border-left:solid 3px #FFFFFF;
 border-bottom:solid 3px #FFFFFF;
 background-color:#d6eb9b;
}
.SearchHeader .searchCategoy ul .defaultCategory .searchCategoryItem
{
  border-left:0px;
}

.SearchHeader .searchCategoy ul .selected .searchCategoryItem
{
   position:relative;
  
  z-index:2;
  height:42px;
  border-left:solid 2px #a8cd41;
  border-top:solid 2px #a8cd41;
  border-right:solid 2px #a8cd41;
  border-bottom:0px;
  background-image:url(/Components/Design/Images/selectedSearchItem.jpg);
  background-repeat:repeat-x;
}
.SearchHeader .SearchInputBlock
{
  clear:both;
  position:relative;
  top:-2px;
  z-index:0;

  border-top:solid 2px #a8cd41;
  height:105px;
  
}

.SearchHeader .SearchInputBlock .Border
{
  float:left;
  height:105px;
  background-image:url(/Components/Design/Images/searchBlockBorder.jpg); 
  background-repeat:no-repeat;
  width:2px;
  overflow:hidden;
}

.SearchHeader .SearchInputBlock .SearchInputContent fieldset legend
{
  display:none;
}
.SearchHeader .SearchInputBlock .SearchInputContent fieldset
{
 border:0px;
}

.SearchHeader .SearchInputBlock .SearchInputContent .searchPageInput
{
  width:175px;
}

.SearchHeader .SearchInputBlock .SearchInputContent
{
  float:left;
  height:53px;
  width:911px;
  padding-top:52px;
  padding-left:10px;
  background-image:url(/Components/Design/Images/searchblockcontent.jpg); 
  background-repeat:repeat-x;
}
.SearchHeader .SearchInputBlock .SearchInputContent
{
}

.SearchHeader .SearchInputContent .searchButton
{
  border: solid 0px #FFFFFF;
  height: 19px;
  width: 67px;
  background-image: url(   '/Components/Design/Images/button_blue.png' );
  font-size: 1em;
  padding-bottom:2px;
  padding-top:2px;
  color: #333333;
}
.SearchHeader .paging,
.searchFooter .paging,
.searchResultList .paging
{
  padding-left:10px;
  padding-top:10px;
  margin-bottom:0px;
  height:17px;
  /*border-bottom:solid 1px #cccccc; */
 border-top:solid 1px #cccccc;
  clear:both;
}
.searchResultList .bottomPaging .paging
{
  padding-left:10px;
  padding-top:10px;
  margin-bottom:0px;
  height:17px;
  border-bottom:solid 1px #cccccc;
 /*border-top:solid 1px #cccccc;*/

}


.SearchOneColumn .searchCategoy,
.SearchOneColumn .paging
{
  font-size:1.2em;
}

.searchResultList
{
  float:left;
  width:660px;
  padding-right:23px;
  padding-bottom:20px;
  }
  
.searchCategoryItem .count
{
  
}
/*******************************

      NEW SEARCH ENDED

*******************************/


#SearchBlock 
{
  padding: 5px 0px 0px 0px;
  float: left;
  width: 250px;
  height: 41px; /* text-align: center; */
}

#SearchBlock .text, #SearchBlock .button
{
  display: inline;
}

#SearchBlock .button input
{
  font-family:Argo, Arial;
  cursor:pointer;
}

#SearchBlock .text input
{
  padding: 0px 0px 0px 6px;
  width: 139px;
  height: 17px;
  font-size: 1.2em;
  border: solid 1px #cccccc;
  color: #999999;
}

#SearchBlock .button input
{
  border: solid 0px #FFFFFF;
  height: 19px;
  width: 67px;
  background-image: url(   '/Components/Design/Images/button_blue.png' );
  font-size: 1.2em;
  padding-bottom: 2px;
  color: #333333;
}

#SearchBlock .SeachForm
{
  padding-left: 17px;
}


#SearchBlock #searchOptionsPanel
{
  background: white none repeat scroll 0 0;
  border: 1px solid #cccccc;
  font-family: Arial;
  overflow: hidden;
  margin-left: 17px;
  padding-left: 10px;
  padding-top: 10px;
  position: absolute;
  top: 63px;
  width: 135px;
  text-align: left;
  z-index: 5;
  float: left;
  clear: both;
}

#SearchBlock #searchOptionsPanel .text
{
  font-weight: bold;

}

#SearchBlock #searchOptionsPanel .list
{
  margin-top: 3px;
  margin-bottom: 10px;
  background-color: White;

}


#SearchBlock #searchOptionsPanel .list input
{
  display:block;
  float:left;
  clear:both;

}

#SearchBlock #searchOptionsPanel .list label
{
  display:block;
  float:left;
  width:90px;
  padding-top:2px;
  padding-bottom:5px;
}
.searchResult
{
  float:left;
  padding-right:23px;
width:660px;
}

.searchResultList
{



}

.searchResultList .noResults
{
  font-size:1.2em;
}
/*
======================
FrontPage
======================
*/
.FrontPage .FlashBlock
{
  margin: 0px 0px 8px 0px;
  height: 296px;
}

.FrontPage .CellLeft, .FrontPage .CellRight, .FrontPage .CellMiddle
{
  width: 321px;
  height: 380px;
  float: left;
}

.FrontPage .CellMiddle
{
  margin: 0px 1px 0px 1px;
}

.FrontPage .CommonBlock
{
  padding: 0px 0px 0px 0px;
  float: left;
  width: 321px;
  height: 380px;
  border-bottom: solid 7px #e2e2e2;
  overflow: hidden;
}

.FrontPage .CommonBlock .text
{
  padding: 10px 16px 10px 16px;
  height: 330px;
  overflow-x: hidden;
  overflow-y: auto !important;
}

.FrontPage .CommonBlock .news .header a:hover
{
  color: #333333;
}

.FrontPage .CalendarBlock
{
  padding: 0px 0px 0px 0px;
  float: left;
  width: 321px;
  height: 380px;
  border-bottom: solid 7px #e2e2e2;
  overflow: hidden;
}
.FrontPage .CalendarBlock .calendar .header a:hover
{
  color: #333333;
}
.FirstRow, .SecondRow
{
  height: 388px;
  overflow: hidden;
}

.FrontPage .FavoritesBlock
{
  padding: 0px 0px 0px 0px;
  float: left;
  height: 380px;
  float: left;
}

.FrontPage .favorites
{
  height: 380px;
  width: 321px;
  border-bottom: solid 7px #e2e2e2;
  margin: 0px 0px 1px 0px;
}

.FrontPage .favoritesList
{
  width: 307px;
  height: 379px;
  border-left: 7px solid #E2E2E2;
  border-right: 7px solid #E2E2E2;
}

.FrontPage .favoritesList .listContent
{
  width: 305;
  height: 349px;
  overflow-x: hidden;
  overflow-y: auto !important;
}

.FrontPage .FavoritesBlock .favorites .header a:hover
{
  color: #333333;
}


.FrontPage .SpotBlock
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 321px;
  height: 380px;
  background-color: #FFFFFF;
  border-bottom: solid 7px #e2e2e2;
  overflow: hidden;
}

.FrontPage .CommonBlock .news, .FrontPage .CalendarBlock .calendar, .FrontPage .SpotBlock .teaserBlock
{
  margin: 0px 0px 1px 0px;
  border-left: solid 7px #e2e2e2;
  border-right: solid 7px #e2e2e2;
  padding: 0px 1px 10px 1px;
}

.FrontPage .SpotBlock .links
{
  border-left: solid 7px #e2e2e2;
  border-right: solid 7px #e2e2e2;
  padding: 0px 1px 0px 1px;
}

.FrontPage .CommonBlock .header, .FrontPage .CalendarBlock .calendar .header, .FrontPage .SpotBlock .links .staticLink, .FrontPage .FavoritesBlock .header
{
  margin: 0px 0px 1px 0px;
  padding: 7px 0px 0px 11px;
  height: 21px;
  font-size: 1.2em;
  color: #333333;
  text-transform: uppercase;
  background-image: url('/Components/Design/Images/gradient_blue.png' );
}




/*
======================
SeniorityCalculator
======================
*/
.SeniorityCalculator .preliminaryRow label
{
  display:inline-block;
  width:80px;
}
.SeniorityCalculator .preliminaryRow
{
  padding-bottom:10px;
}
.SeniorityCalculator .nameLabel
{
  border-bottom:solid 1px #000;
  
}
.SeniorityCalculator .resultList .seniorityResult .footerCell
{
  border-top:solid 1px #000;
}

.SeniorityCalculator .nameLabel .nameLabelTextBox
{
  display:inline-block;
  width:300px;
}
.SeniorityCalculator .addPeriodBox .addPeriodTextBox
{
  display:inline-block;
  width:300px;
}

.SeniorityCalculator .addPeriodBox .addPeriodLabel
{
  display:inline-block;
  width:85px;
}
.SeniorityCalculator .addPeriodBox .addRow
{
  padding-bottom:5px;
}

.SeniorityCalculator .workHours .hours 
{
  display:inline-block;
  width:85px;
}
 
 .SeniorityCalculator .workHours .workHoursInpute 
{
  width:30px;
}

.SeniorityCalculator .admin  .admin 
{
  display:inline-block;
  width:88px;
}
/*
======================
SubFrontpage
======================
*/

.SubFrontpage .ContentBlock, .SubFrontpage .FlashBlock
{
  margin-bottom: 8px;
}
.SubFrontpage .ContentSpotsBlock
{
  float: left;
  width: 735px;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot
{
  float: left;
  width: 242px;
  height: 223px;
  margin: 0 3px 3px 0;
  border-top: 7px solid #B6E1F6;
  border-bottom: 7px solid #B6E1F6;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .SubFrontpageSpotContent
{
  height: 221px;
  margin: 1px 0;
  border-left: 7px solid #B6E1F6;
  border-right: 7px solid #B6E1F6;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Heading
{
  
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Heading h2
{
  font-weight: normal;
  font-size: 1.4em;
  padding: 0;
  margin: 0;

  background: #E3F9FB;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Heading h2 .subFrontpageSpacer
{
padding: 10px;
  height: 25px;
  display:block;
}

.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Heading a
{
  padding: 10px;
  height: 25px;
  display:block;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Content
{
  padding: 10px;
  height: 120px;
  font-size: 1.1em;
}
.SubFrontpage .ContentSpotsBlock .SubFrontpageSpot .Link
{
  text-align: center;
}
.SubFrontpage .SpotBlock
{
  float: right;
  padding: 0;
}



/*
======================
Body 1 column
======================
*/

.OneColumn .ContentBlock
{
  display:block;
  float: left;
  padding: 10px 20px 20px 20px;
  background-color: White;
  color: #333333;
  width: 925px;
}

.OneColumn .ContentBlock .abstract
{
  padding: 0px 0px 32px 0px;
  font-size: 1.4em;
}

/**********************
*       TOOLS         *
**********************/
.tools, .shortcuts
{
  padding: 0px 0px 1px 0px;
  border-bottom: solid 13px #cccccc;
  width: 262px;
  float: left;
}

.listsSpacer
{
  padding: 0px 19px 0px 19px;
  float: left;
}

.lists
{
  padding: 0px 0px 1px 0px;
  border-bottom: solid 13px #cccccc;
  width: 363px;
}

.lists .toolBoxContainer
{
  border: 0px;
  width: 346px;
}

.listSplitter
{
  margin: 0px 0px 1px 0px;
  padding: 0px 1px 0px 1px;
  border-left: solid 7px #cccccc;
  border-right: solid 7px #cccccc;
  width: 346px;
}

.listsSpacer .lists
{
  padding: 0px;
}

.toolBoxContainer
{
  padding: 0px 1px 0px 1px;
  border-left: solid 7px #cccccc;
  border-right: solid 7px #cccccc;
  width: 246px;
}

.toolBoxContainer .title
{
  text-transform: uppercase;
}

.toolBoxContainerLast
{
  margin: 1px 0px 0px 0px;
}

.favoritesListText
{
  float: left;
  width: 212px;
  height: 15px;
}

.favoritesListTrash
{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 20px;
  overflow: hidden;
  height: 15px;
}

.favoritesSpotListText
{
  float: left;
  width: 175px;
  overflow: hidden;
}

.favoritesSpotListTrash
{
  float: left;
  width: 15px;
  overflow: hidden;
}
.favoriteCookieInfoText
{
  padding: 5px 0px 5px 5px;
}

.toolBoxContainer ul li .favoritesListTrash a, .ThreeColumn .spotContent .spotList .favoritesSpotListTrash a
{
  background-image: url(/Components/Design/Images/trash_grey.png);
  background-position: 0px 1px;
  margin: 0px;
  padding: 0px:;
}

.toolBoxContainer ul li .favoritesListTrash a:hover, .ThreeColumn .spotContent .spotList .favoritesSpotListTrash a:hover
{
  background-image: url(/Components/Design/Images/trash.png);
  background-position: 0px 1px;
  padding: 0px:;
}

.list
{
  background-color: #f2f4e7;
}

.OneColumn .toolBoxContainer .title
{
  margin: 0px 0px 1px 0px;
  padding: 7px 0px 0px 10px;
  height: 21px;
  font-size: 1.1em;
}

.tools .title
{
  background-image: url(        '/Components/Design/Images/gradient_green.png' );
  background-repeat: repeat-x;
}
.lists .title
{
  background-image: url(        '/Components/Design/Images/gradient_blue.png' );
  background-repeat: repeat-x;
  border-bottom: solid 1px #FFFFFF;
}
.shortcuts .title
{
  background-image: url(        '/Components/Design/Images/gradient_gold.png' );
  background-repeat: repeat-x;
}

.toolBoxContainer ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.toolBoxContainer ul li
{
  margin: 0px;
  padding: 4px 4px 0px 4px;
  overflow: hidden;
}

.toolBoxContainer ul li.last
{
  padding-bottom: 4px;
}

.toolBoxContainer ul li a
{
  margin-bottom: 1px;
  padding: 5px 0px 1px 22px;
  background-image: url(/Components/Design/Images/arrow.gif);
  background-position: 8px 1px;
  background-repeat: no-repeat;
  background-color: #FFFFFF; /*width: 216px;*/
  display: block;
}

.shortcuts .toolBoxContainer ul li
{
  margin: 1px 0px 0px 0px;
  overflow: hidden;
  padding: 4px 4px 0;
}




.lists ul li a
{
  padding: 5px 0px 0px 18px;
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 8px 8px;
}

.listsSpacer .link
{
  margin: 4px 0px 1px 0px;
  padding: 6px 0px 0px 0px;
  height: 16px;
}

.listsSpacer .link a
{
  padding: 0px 0px 0px 15px;
  background-image: url(/Components/Design/Images/arrow.gif);
  background-position: 0px 1px;
  background-repeat: no-repeat;
}

.listsSpacer .lists .list .link
{
  padding: 0px 10px 0px 10px;
}

.listsSpacer .lists .list .list
{
  padding: 0px 10px 11px 10px;
}

.listsSpacer .lists .list .list ul
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}

.listsSpacer .lists .list .link ul li
{
  padding: 0px 0px 0px 0px;
}



.lists .toolBoxContainer ul li
{
  margin: 0px 0px 5px 0px;
  padding: 2px 4px 0 0px;
  overflow: hidden;
}

.tools .toolBoxContainer ul li a
{
  background-color: #FFFFFF;
  background-image: url(/Components/Design/Images/arrow.gif);
  background-position: 8px 6px;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  margin-bottom: 1px;
  padding: 5px 0 1px 22px;
  width: 216px;
}


.shortcuts .list, .tools .list
{
  padding: 0px 0px 10px 0px;
}
.shortcuts .list
{
  padding: 0px 0px 9px 0px;
}

.shortcuts ul li a
{
  padding: 0px 0px 0px 22px;
  background-color: Transparent;
  height: 12px;
}



/*
======================
Body 2 column
======================
*/
.TwoColumn .ContentBlock
{
  padding: 0px 18px 0px 20px;
  float: left;
  background-color: White;
  color: #333333;
  width: 682px; /* overflow: hidden; */
}

.TwoColumn .ContentBlock h1
{
  font-size: 2.6em;
}

.TwoColumn .ContentBlock .Abstract
{
  font-size: 1.4em;
}
/***********************
* document
***********************/
.documentImage
{
  padding: 10px 0px 0px 0px;
}


.ContentBlock .abstract
{
  font-size: 1.4em;
  margin: 0px 0px 24px 0px;
  color: #333333;
  font-family:Argo, Aral;
}

.documentText
{
  font-size: 1.2em;
}

.documentText a
{
  color: #0066CC;
}

/***********************
      Themeboxes
************************/


.theme img
{
  margin: 0px 0px 10px 0px;
}

.themeboxContainer
{
  padding: 0px 0px 20px 0px;
  float: left;
}


.themebox
{
  margin: 0px 5px 0px 0px;
  border-top: solid 7px #c6e7f7;
  border-bottom: solid 7px #c6e7f7;
  padding: 0px 0px 0px 0px;
  width: 224px;
}

.last
{
  margin: 0px 0px 0px 0px;
  border-top: solid 7px #c6e7f7;
  border-bottom: solid 7px #c6e7f7;
  padding: 0px 0px 0px 0px;
  width: 224px;
}


.themeboxContent
{
  margin: 1px 0px 1px 0px;
  border-left: solid 7px #c6e7f7;
  border-right: solid 7px #c6e7f7;
  padding: 0px 1px 0px 1px;
}

.themeboxContent .topHeader
{
  padding: 11px 9px 11px 9px;
  background-color: #f2f4ea;
  height: 26px;
  overflow: hidden;
  cursor: pointer;
}

.themeboxContent h2
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.4em;
  line-height: 1em;
}

.themebox .themeboxTextContent
{
  padding: 11px 9px 11px 9px;
  height: 151px;
}

.themebox .themeboxTextContent .text
{
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px !important;
  height: 115px;
  overflow: hidden;
  font-size: 1.1em;
}

.secondLevelList
{
  background-image: url(    '/Components/Design/Images/gradient_theme.png' );
  background-repeat: repeat-x;
  background-color: #ffffff;
}

.themeboxContent ul
{
  margin: 0px 0px 0px 0px;
  padding: 11px 9px 11px 9px;
  list-style: none;
}

.themeboxContent li
{
  background-image: url(   '/Components/Design/Images/list-arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-top: 7px;
}

.themeboxContent li a
{
  padding: 0px 0px 0px 15px;
  color: #666666; /*width: 100px;*/
  display: inline-block;
  line-height: 1.1em;
  font-size: 1.1em;
}


.themeboxContent li a:hover
{
  color: #0066cc;
}

.themeLink
{
  text-align: center;
}

/*
======================
Body 3 column
======================
*/

.ThreeColumn .ContentBlock
{
  float: left;
  width: 440px;
  padding: 10px 20px 20px 20px;
  background-color: #FFF;
  overflow: hidden;
}

.ThreeColumn .SpotBlock
{
  float: left;
  width: 230px;
  padding: 0px 0px 0px 10px;
}

/**************
  CommonBlock
  Frontpage
***************/
.FrontPage .CommonBlock .news
{
  height: 369px;
}

/**************
  Calendar
  Frontpage
***************/
.FrontPage .calendar
{
  height: 369px;
}

.FrontPage ul
{
  margin: 16px 0px 0px 13px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  width: 282px;
}

.FrontPage a
{
  color: #333333;
}

.FrontPage a:hover
{
  color: #0066CC;
}

.FrontPage ul li
{
  margin: 0px 0px 12px 0px;
  border-bottom: solid 1px #cccccc;
  padding: 0px 0px 15px 0px;
  color: #333333;
  height: 68px;
  overflow: hidden;
}

.FrontPage .news .link
{
  margin: 0px 0px 0px 13px;
  padding: 0px 0px 0px 21px;
  height: 20px;
  background-image: url(   '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 1px;
}


.FrontPage ul li .date
{
  font-size: 1.0em;
}
.FrontPage ul li .title
{
  margin: 0px 0px 5px 0px;
  font-size: 1.4em; /*height: 16px;*/
  max-height: 32px;
  overflow: hidden;
}

.FrontPage ul li .abstract
{
  font-size: 1.1em;
  height: 29px;
  overflow: hidden;
}

.FrontPage .link
{
  margin: 0px 0px 1px 13px;
  padding: 0px 0px 0px 21px;
  height: 30px;
  background-image: url(        '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

.FrontPage .link a
{
  font-size: 1.1em;
}

.FrontPage .link a:hover
{
  color: #0066cc;
}

/**************
  SpotBlock
  Frontpage
***************/

.FrontPage .SpotBlock .links .staticLink a
{
  padding: 0px 0px 0px 15px;
  background-image: url(   '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 2px;
  color: #333333;
}

.FrontPage .SpotBlock .links .dynamicLink
{
  height: 16px;
}

.FrontPage .SpotBlock .links .dynamicLink a
{
  margin: 0px 0px 0px 11px;
  padding: 0px 0px 0px 15px;
  background-image: url(   '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 2px;
  color: #333333;
  font-size: 1.1em;
}

.FrontPage .SpotBlock .links .header
{
  margin: 0px 0px 6px 0px;
  padding: 7px 0px 0px 11px;
  height: 21px;
  font-size: 1.2em;
  color: #333333;
  text-transform: uppercase; /*background-image: url(     '/Components/Design/Images/gradient_gold.png' );*/
  background-color: #e2e2e2;
}

.FrontPage .SpotBlock .links .dynamicLink a:hover
{
  color: #0066cc;
}

/**************
  teaserBlock
  Frontpage
***************/
.FrontPage .SpotBlock .teaserTopBorder
{
}

.FrontPage .SpotBlock .teaserBlock
{
  margin: 0px 0px 5px 0px;
  height: 203px;
  padding: 0px 0px 20px 0px;
}

.FrontPage .SpotBlock .teaserContainer
{
  padding: 0px 0px 0px 11px;
}
.FrontPage .SpotBlock .teaserBlock .teaser
{
  border: 0px;
  padding: 0px 7px 0px 0px;
  float: left;
  overflow: hidden;
  width: 137px;
  height: 64px;
}

.FrontPage .text a
{
  color: #0066CC;
}


/******************
   ContentBlock
******************/
.ContentBlock h1
{
  font-size: 2.6em;
}

.ContentBlock .calendar
{
  background-color: #FFFFFF;
}

.ContentBlock .calendar table
{
  border-collapse: collapse;
}

.ContentBlock .calendar select
{
  width: 170px;
  color: #999999;
  font-size: 1em;
  height: 19px;
  margin: 0 7px 0 0;
  padding: 0;
}

.ContentBlock .calendar select option
{
}

.year
{
  margin: 0px 0px 0px 0px;
  height: 26px;
  font-size: 1.4em;
}

.year ul
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  height: 26px;
  width: 423px;
  background-color: #bde64e;
}

.year ul li
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: inline;
}

.year ul li.last
{
  padding: 0px 0px 0px 0px;
}

.year ul li a
{
  padding: 5px 2px 0px 2px;
  display: inline-block;
  height: 21px;
  width: 67px;
  text-align: center;
  background-color: #d1ee83;
}

.year ul li.selected a
{
  background-color: #FFFFFF;
}

.month ul
{
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  width: 423px;
  background-color: #bde64e;
}

.month ul li
{
  display: inline;
}

.month ul li a
{
  font-size: 1.1em;
  padding: 2px 7px 0px 8px;
  display: inline-block;
  height: 16px;
  text-align: center;
  background-color: #d1ee83;
}

.month ul li.selected a
{
  background-color: #FFFFFF;
}
.days
{
  margin: 5px 0px 0px 0px;
}
.days caption
{
  display: none;
}

.calendar .normalView, .calendar .categoryView
{
  margin: 20px 0px 0px 0px;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0px 4px 0px 4px;
  width: 423px;
}

.categoryHeader
{
  margin: 2px 0px 0px 0px;
  padding: 2px 2px 0px 2px;
  height: 16px;
  background-color: #d1ee83;
}

table
{
  margin: 10px 0px 0px 0px;
  width: 423px;
}
tr
{
  padding: 4px;
  border-top: solid 1px #cccccc;
}

tr.month
{
  background-color: #ddf1fb;
}

.normalView tr.weekend
{
  background-color: #ddf1fb;
}

.weekend td
{
  margin: 0px 0px 0px 0px;
  border-top: solid 1px #cccccc; /*padding: 2px 0px 0px 0px;*/ /*height: 20px;*/
  color: #333333;
  font-size: 1.1em;
}


td.letterDay
{
  text-align: center;
  vertical-align: text-top;
  padding: 4px 8px 4px 7px;
}

td.dateDay
{
  text-align: right;
  vertical-align: text-top;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  padding: 4px 7px 4px 6px;
}

td.eventDay
{
  padding: 2px 0px 0px 10px;
  width: 350px;
}

td.eventDay .event .title a
{
  font-size: 1.2em;
  color: #333333;
}
td.eventDay .event .abstract a
{
  color: #666666;
}

td a:hover
{
  color: #0066CC;
}

td .event .abstract
{
  font-size: 1.1em;
}

.event .back
{
  padding: 0px 0px 0px 10px;
  background-image: url(      '/Components/Design/Images/backarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 13px;
  padding: 10px 0px 0px 10px;
}

.event .Details
{
  padding: 0px 0px 45px 0px;
  float: left;
  width: 170px;
}

.event .eventLinks
{
  float: left;
  width: 270px;
}

.event .eventLinks .signup
{
  font-family:Verdana;
  padding-left: 20px;
}

.event .Details .Location
{
  padding-top:15px;
}

.event .dateLocation
{
  float: left;
  width: 177px;
}
.event .links
{
  float: left;
}

.event .subscribe
{
  padding: 4px 0px 0px 5px;
  height: 20px;
  width: 251px;
  background-image: url(     '/Components/Design/Images/bluebox.gif' );
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.event .downloadFile
{
  padding: 4px 0px 0px 5px;
  height: 20px;
  width: 250px;
  background-image: url(     '/Components/Design/Images/greenboxsmall.gif' );
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.event .subscribe a
{
  padding: 0px 0px 0px 15px;
  background-image: url(     '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 1px;
  font-family: Verdana;
}
.event .downloadFile a
{
  padding: 0px 0px 0px 15px;
  background-image: url(     '/Components/Design/Images/downarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 1px;
  font-family: Verdana;
}
.event .subscribe a:hover, .event .downloadFile a:hover
{
  color: #333333;
}


.event .abstract
{
  padding: 0px 0px 25px 0px;
  font-size: 1.4em;
}

.event .text
{
  padding: 0px 0px 25px 0px;
  font-size: 1.1em;
}

/*********************
      SPOTS
*********************/
.spot
{
  margin: 0px 0px 0px 0px; /*border-bottom: solid 7px #e2e2e2;*/
  padding: 0px 0px 0px 0px;
  width: 230px;
}

.SpotBlock1
{
  border-bottom: solid 13px #e2e2e2;
}

.spot .spotTextContainer
{
  padding: 12px 10px 20px 10px;
  background-color: #F2F4EA;
}
.spot .spotTextContainer ul.mostPopularSpotList
{
  margin:0;
  padding:0;

list-style-type:none;
}
.spot .spotTextContainer ul.mostPopularSpotList li
{
  padding:0;
  margin:0;
  
}
.spot .spotTextContainer ul.mostPopularSpotList li a
{
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  display:inline-block;
  padding:0 0 5px 8px;
  margin:0;
}


.ThreeColumn .spot
{
  border-bottom: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 230px;
}

.ThreeColumn .spotContent
{
  margin: 0px 0px 1px 0px;
  border-left: solid 7px #e2e2e2;
  border-right: solid 7px #e2e2e2;
  padding: 0px 1px 0px 1px;
  background-color: #FFFFFF;
  width: 214px;
}

.Threecolumn .teaserContainer
{
  margin: 0px 0px 0px 0px;
  border-top: solid 13px #e2e2e2;
  padding: 0px 0px 0px 0px;
  width: 230px;
}

.ThreeColumn .spotContent #Favorites
{
  padding: 5px 0px 6px 5px;
}

.ThreeColumn .spotContent .spotList
{
  padding: 0px 0px 6px 0px;
}

.ThreeColumn .spotContent .toolsSpotTitle
{
  margin: 2px 0px 0px 0px;
  padding: 4px 0px 0px 12px;
  height: 17px;
  background-color: #FFFFFF;
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 5px 7px;
  background-repeat: no-repeat;
}

.ThreeColumn .spotContent .toolsSpotList ul, .ThreeColumn .spotContent .spotList ul
{
  margin: 0px 0px 0px 12px;
  padding: 4px 0px 4px 0px;
}

.ThreeColumn .spotContent .toolsSpotList a, .ThreeColumn .spotContent .spotList a
{
  padding: 0px 0px 0px 8px;
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 180px;
}

.spotContent
{
  margin: 0px 0px 1px 0px;
  border-left: solid 7px #e2e2e2;
  border-right: solid 7px #e2e2e2;
  padding: 0px 1px 0px 1px;
  background-color: #FFFFFF;
  width: 214px;
}

.spotContent .title
{
  margin: 0px 0px 1px 0px;
  padding: 7px 0px 0px 11px;
  height: 21px;
  font-size: 1em;
  color: #333333; /*text-transform: uppercase;*/ /*background-image: url(    '/Components/Design/Images/gradient_blue.png' );*/
}

.spotContent .spotList
{
  padding: 10px 12px 10px 12px;
  background-color: #f2f4ea;
}
.spotContent .dynamicspotList
{
  background-color: #F2F4EA;
  padding: 10px 12px;
  width: 190px;
}
.spotContent .spotListCollapsed
{
  display: none;
  visibility: hidden;
  height: 0px;
}

.spotContent .toolsSpotList
{
  background-color: #f2f4ea;
}

.spotContent .toolsSpotListCollapsed
{
  visibility: hidden;
  height: 0px;
}


.spotList ul
{
  margin: 0px 0px 0px 0px;
}


.calendarList ul li
{
  list-style: none;
  margin: 0px 0px 3px 0px;
}
.calendarList ul
{
  margin: 2px 0 0;
  padding: 10px 0 10px 5px;
  background-color: #F2F4EA;
}

.calendarList .date
{
  padding: 0px 0px 0px 8px;
  background-image: url(/Components/Design/Images/arrow_bullit.png);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  display: block;
}

.calendarList .calendarTitle
{
  margin: 0px;
  padding: 0px 0px 0px 8px;
  display: block;
}
.spot .spotContent .dynamicspotList .link .dynamicSpotLeftGraphics
{
  float: left;
  background-image: url(/Components/Design/Images/spot_button_left.gif);
  background-repeat: no-repeat;
  width: 21px;
  height: 18px;
}
.spot .spotContent .dynamicspotList .link .dynamicSpotRepeater
{
  float: left;
  background-color: #BDE64E;
  height: 18px;
  width: 130px;
  line-height: 1.5em;
  font-size: 1.2em;
  padding-right: 5px;
  line-height: 1.4em;
}
.spot .spotContent .dynamicspotList .link .dynamicSpotRepeater a
{
  color: #333333;
  font-family: Verdana;
  font-size: 1em;
}

.spot .spotContent .dynamicspotList .link .dynamicSpotRepeater a:hover
{
  color: #333333;
}
.spot .spotContent .dynamicspotList .link .dynamicSpotRightGraphics
{
  float: left;
  background-image: url(/Components/Design/Images/spot_button_right.gif);
  width: 7px;
  height: 18px;
}

.spot .spotContent .dynamicspotList .link
{
  margin-left: 10px;
  text-align: center;
}

.KeywordListSpot
{
  background-color:#F2F4EA;
  padding-bottom:5px;
}

.KeywordListSpot ul
{
margin-bottom:0;
margin-left:12px;
margin-right:0;
margin-top:0;
padding-bottom:4px;
padding-left:0;
padding-right:0;
padding-top:4px;
list-style:none;
}

.KeywordListSpot ul li a
{
  background-image:url("/Components/Design/Images/arrow_bullit.gif");
background-position:0 3px;
background-repeat:no-repeat;
display:inline-block;
padding-bottom:0;
padding-left:8px;
padding-right:0;
padding-top:0;
width:180px;
}

/****************
  Publications
*****************/
.listFilter select
{
  width: 170px;
  color: #666666;
  font-size: 1em;
}
.listFilter input
{
  border: solid 0px #FFFFFF;
  height: 19px;
  width: 77px;
  text-transform: uppercase;
  font-size: 1.1em;
  background-image: url(        '/Components/Design/Images/button_blue.png' );
  background-repeat: no-repeat;
  padding: 0px 0px 2px 0px;
  color: #333333; /*_height: 20px;*/
}



.paging ul
{
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

.paging ul li
{
  /*width: 15px;*/
  float: left;
  font-size: 1.1em;
  border: 0px !important;
}

.paging ul li a, .paging ul li.current
{
  padding: 0px 5px 0px 0px;
}

.ContentBlock .paging ul li.current
{
  text-decoration: underline;
  padding: 0px 5px 0px 0px;
}

.ContentBlock .publicationList ul
{
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

.ContentBlock .publicationList ul li
{
  margin: 0px 0px 10px 0px;
  border-bottom: solid 1px #cccccc;
  padding: 0px 0px 8px 0px;
}

.ContentBlock .publicationList .image
{
  float: left;
  width: 60px;
  overflow: hidden;
}
.ContentBlock .publicationList .image img
{
  height: 87px;
  width: 60px;
}

.ContentBlock .publicationList .infoText
{
  float: left;
  width: 340px;
  padding: 0px 0px 0px 30px;
}

.ContentBlock .publicationList .date
{
}

.ContentBlock .publicationList .title
{
  font-size: 1.4em;
  margin: 5px 0px 5px 0px;
}

.ContentBlock .publicationAbstract
{
  padding: 0px 0px 20px 0px;
  width: 400px;
}

.ContentBlock .publicationList .abstract
{
  font-size: 1.1em;
  margin: 0px 0px 10px 0px;
}


/********************************
      NEWS STUFF 
   This does contain something for 
  the navigation block
********************************/

.NewsThreeColumn .ContentBlock
{
  margin:0;
  width: 440px;
  float: left;
  background-color: #FFF;
  overflow: hidden;
  padding: 20px;
}

.NewsThreeColumn .ContentBlock .date
{
  padding: 0;
}

.NewsThreeColumn .ContentBlock .focusNewsContent
{
  padding: 10px;
}

.NewsThreeColumnContent, .NewsTwoColumnContent
{
  background-repeat: repeat-y;
  width: 100%;
}
.NewsThreeColumnContent
{
  background-image: url('/Components/Design/Images/news_bagground_narrow.png' );
}
.NewsTwoColumnContent
{
  background-image: url('/Components/Design/Images/news_bagground.png' );
}

.NewsTwoColumn .ContentBlock
{
  margin: 0px;
  padding: 20px 10px 10px 25px;
  width: 539px;
  float: left;
  background-color: #FFF;
  overflow: hidden;
}

.NewsThreeColumn .NavigationBlock
{
  width: 231px !important;
  margin-right: 12px;
}

.NewsTwoColumn .NavigationBlock
{
  width: 391px !important;
}

.NewsThreeColumn .NavigationBlock .listFilter, .NewsTwoColumn .NavigationBlock .listFilter
{
  padding: 20px 0px 0px 10px;
}

.NewsThreeColumn .NavigationBlockContainer
{
  width: 231px;
}

.NewsTwoColumn .NavigationBlockContainer
{
  width: 371px;
}
.NewsThreeColumn .NavigationBlockContainer .listFilter
{
  width: 231px;
  height: 90px;
  text-align: right;
  background:#fff;
}
.NewsThreeColumn .NavigationBlockContainer .paging
{
  border-bottom:solid 1px #fff;
  width: 214px;
  clear:both;
  background-color:#f6f6f6;
}
.NewsThreeColumn .NavigationBlockContainer select
{
  width: 208px;
  margin-bottom: 11px;
}
.NewsThreeColumn .NavigationBlockContainer input
{
  float: right;
  margin: 0 24px 0 120px;
  clear: both;
}

.NavigationBlockContainer .listFilter
{
  padding: 13px 0px 0px 13px;
  width: 362px;
  background-color: #FFF;
}

.NavigationBlockContainer select
{
  margin: 0 7px 0 0;
  padding: 0;
  height: 19px;
  width: 129px;
  float: left;
}
.NavigationBlockContainer .paging
{
  margin: 0;
  padding: 0 0 0 13px;
  background-color: #FFF;
  width: 359px;
}

.NavigationBlockContainer .paging ul
{
  margin: 0px 0px 0px 13px !important;
  padding: 0px;
}

.NavigationBlockContainer .paging ul li
{
  margin: 0px;
  padding: 13px 0px 13px 0px;
  background-color: #f6f6f6;
}

.NavigationBlockContainer .paging ul li.current
{
  margin: 0px;
  padding: 13px 5px 13px 0px;
}

.NavigationBlockContainer ul li.newsList
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 1px #FFFFFF;
  overflow: hidden;
}

.NavigationBlockContainer ul li.newsList a
{
  padding: 13px 13px 13px 13px;
  height: 100%;
  display: block;
}

.NavigationBlockContainer a.selected
{
  background-color: #ffffff;
}

.NavigationBlockContainer a:hover
{
  background-color: #ffffff;
  color: #666666;
}


.NavigationBlockContainer a .date
{
  color: #666666;
  display: block;
}

.NavigationBlockContainer a .title
{
  font-size: 1.4em;
  display: block;
  color: #333333;
}

.NavigationBlockContainer a .abstract
{
  font-size: 1.1em;
  color: #666666;
  display: block;
}
.NewsTwoColumn .ContentBlock .date
{
  margin: 0px 0px 0px 0px;
}

.NewsTwoColumn .ContentBlock .image
{
  margin: 0px 0px 18px 0px;
}

.NewsTwoColumn .ContentBlock .title, .NewsTwoColumn .ContentBlock .abstract, .NewsThreeColumn .ContentBlock .title, .NewsThreeColumn .ContentBlock .abstract
{
  margin: 18px 0px 0px 0px;
}

.NewsThreeColumn .ContentBlock .date
{
  margin: 18px 0px 0px 0px;
}

.NewsTwoColumn .ContentBlock .date, NewsThreeColumn .ContentBlock .title
{
  font-size: 1.1em;
}

.NewsTwoColumn .ContentBlock .title, .NewsThreeColumn .ContentBlock .title
{
  font-size: 2.6em;
  margin-top: 10px;
}

.NewsTwoColumn .ContentBlock .abstract, .NewsThreeColumn .ContentBlock .abstract
{
  font-size: 1.4em;
}

.NewsTwoColumn .ContentBlock .text, .NewsThreeColumn .ContentBlock .text
{
  font-size: 1.2em;
  margin: 30px 0px 0px 0px;
}

.ContentBlock .text
{
  font-size: 1.1em;
}

.ContentBlock .text a
{
  color: #0066cc;
}

.searchResult .hit
{ 
 border-top: solid 1px #cccccc;
}
.searchResult .hit .timestamp
{
  font-family: Arial;
  font-size: 1em;
  color: #666666;
 
  padding: 15px 0px 0px 0px;
  margin: 0px 0px 0px 1px;
}
.SearchResultPagingNextPage
{
  margin-left: 29px;
  line-height: 1.4em;
}

/**********************
*     SEARCH RESULT   *
***********************/
.searchResult .searchText
{
  margin-bottom: 23px;
}
.searchResult .hit .title a, .searchResult .searchText
{
  font-size: 1.4em;
}
.searchResult .hit .title
{
  margin: 3px 0px 1px 2px;
}
.searchResult .hit
{
  margin-left: 0px;
}
.searchResult .hit .context b
{
  font-weight: normal;
  background-color: #BDE64E;
  color: #333333;
  padding: 1px 2px 1px 2px;
}
.searchResult .hit .context
{
  color: #666666;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 0px 0px 8px 1px;
}


.paging
{
  padding: 0px 0px 25px 0px;
}

.newspaging .paging, .newspaging .paging ul li
{
  background-color: #f6f6f6;
}


.bottomPaging .paging
{
  padding: 20px 0px 25px 0px;
}
.resultListBorder
{
  border-top: 1px solid #CCCCCC;
  margin: 0 0 0 21px;
  padding: 10px 0 0;
}

/**********************
*     SPOTS BLOCK     *
***********************/

.SpotBlock
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  width: 230px;
  overflow: hidden;
  float: left;
}

.spotTitle, .dynamicSpotTitle
{
  margin: 0px 0px 1px 0px;
  padding: 7px 0px 0px 11px;
  height: 21px;
  font-size: 1.2em;
  color: #333333;
  text-transform: uppercase;
  background-image: url(        '/Components/Design/Images/gradient_blue.png' );
}

.KeywordListSpot .spotTitle
{
  cursor: default;
}


.spotTitle, .dynamicSpotTitle
{
  cursor: pointer;
  font-family:Argo, Aral;
}
.spotTitle .closeArrow
{
  background-image: url('/Components/Design/Images/arrow_folded.gif' );
  background-repeat: no-repeat;
  background-position: 180px 6px;
}

.spotTitle .openArrow
{
  background-image: url(     '/Components/Design/Images/arrow_unfolded.gif' );
  background-repeat: no-repeat;
  background-position: 180px 4px;
}


.spotList ul, .spotListCollapsed ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.spotList ul li, .spotListCollapsed ul li
{
  margin: 0px;
  padding: 4px 0px 0px 0px;
}

.spotList
{
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}


/********************
*     CONTACT       *
********************/

.contact, .contactList
{
  margin: 8px 0px 0px 0px;
  border-top: solid 7px #c6e7f9;
  border-bottom: solid 7px #c6e7f9;
  padding: 1px 0px 1px 0px;
}

.contactContent
{
  border-right: solid 7px #c6e7f9;
  border-left: solid 7px #c6e7f9;
  width: 216px;
  background-color: #f2f4ea;
}

.contactListContent
{
  border-right: solid 7px #c6e7f9;
  border-left: solid 7px #c6e7f9;
  width: 216px;
}

.contactListItem
{
  margin: 0px 0px 5px 8px;
}

.contactListItem a
{
}

.contactListPadding
{
  padding: 5px 5px 5px 5px;
}

.contactListHeaderText
{
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 0px 0px 5px 0px;
}


.contactListText
{
  font-size: 1.0em;
  padding: 0px 0px 3px 0px;
}

.listItemName
{
  padding: 0px 5px 0px 0px;
}

.listItemName a
{
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding: 0 0 0 8px;
}

.listItemNr
{
  float: left;
  padding: 0px 5px 0px 10px;
}

.listItemEmail
{
  float: left;
  padding: 0px 5px 0px 0px;
}

.contactImage
{
  padding: 6px 0px 0px 0px;
  float: left;
  width: 55px;
  overflow: hidden;
}

.contactImage img
{
  border: solid 1px #FFFFFF;
}

.contactText .title
{
  font-size: 1.4em;
  color: #333333;
  margin: 5px 0px 0px 0px;
}

.contactText .title a
{
  font-family:Argo, Arial;
}

.contactProfile .contactText
{
  padding: 8px 0px 0px 30px;
  float: left;
  width: 150px;
  background-color: #FFFFFF;
  font-size: 1.2em;
}
.contactText
{
  padding: 8px 0px 0px 10px;
  float: left;
  width: 150px;
  background-color: #FFFFFF;
  font-size: 1.1em;
}

.contactText .workareaDescription a
{
  color: #0066CC;
}

.ContactStandardFooter
{
  margin-top: 30px;
  font-size: 1.2em;
}

/****************************/
/* FIND EMPLOYEE            */
/****************************/
.contactMargin
{
  margin: 0px 5px 5px 0px;
  background-color: Green;
  float: left;
}

.TwoColumn .ContentBlock .letters li
{
  float: left;
  font-size: 1.4em;
  color: #333333;
  padding: 10px 4px 10px 0px;
}
.TwoColumn .ContentBlock .letters ul
{
  padding: 0px;
  list-style: none;
  margin: 0px;
}

.TwoColumn .ContentBlock .contact
{
  width: 224px;
  float: left;
  margin: 0px 0px 5px 0px;
  height: 155px;
}
.contactText .text a
{
  display: inline-block;
  width: 100px; /*  overflow: hidden;*/
}
.TwoColumn .ContentBlock .contact .contactText
{
  width: 145px;
  height: 155px;
}

.TwoColumn .ContentBlock .contact .contactContainer
{
  border-right: solid 7px #c6e7f9;
  border-left: solid 7px #c6e7f9;
  background-color: #F2F4EA;
  width: 210px;
  overflow: hidden;
}

.contactText
{
  padding-top: 0px;
}

.contactText .text
{
  margin: 5px 0px 0px 0px;
  color: #666666;
}

.contactText .link
{
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  background-image: url(     '/Components/Design/Images/arrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 1px;
  color: #666666;
}

.indexList ul
{
  list-style: none;
  padding-left: 3px;
  margin: 0px;
}

.indexList li
{
  background-image: url(     '/Components/Design/Images/arrow_bullit.gif' );
  background-repeat: no-repeat;
  background-position: 0px 4px;
  margin: 0px 0px 10px 0px;
}

.indexList li a
{
  padding: 0px 0px 0px 10px;
}
.contactProfile
{
  padding-top: 0px;
}

.contactProfile .image img
{
  margin: 5px 0px 0px 0px;
  float: left;
}
.contactText h1
{
  margin: 0px;
}
.contactProfile .contactText
{
  float: left;
  width: 450px;
}
.contactText .jobTitle
{
  float: left;
  margin: 25px 0px 0px 1px;
}
.contactText .department
{
  float: left;
  margin: 25px 0px 0px 1px;
}
.contactText .phone
{
  float: left;
  margin: 20px 0px 0px 0px;
}

.contactText .email
{
  float: left;
  margin: 20px 0px 0px 45px;
}
.workareaTitle
{
  margin: 45px 0px 20px 0px;
  font-size: 1.4em;
}

.workareaList ul
{
  list-style: none;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}

.workareaList li
{
  background-image: url(     '/Components/Design/Images/arrow_bullit.gif' );
  background-repeat: no-repeat;
  background-position: 0px 4px;
  margin: 0px 0px 10px 0px;
}
.workareaList li a
{
  margin: 10px;
}
/*****************************
*  TEASER SPOTS              *
*****************************/
.teaser
{
  margin: 8px 0px 0px 0px;
  border-top: solid 7px #e2e2e2;
  border-bottom: solid 7px #e2e2e2;
  padding: 1px 0px 1px 0px;
  width: 231px;
}

.teaserContent
{
  border-right: solid 7px #e2e2e2;
  border-left: solid 7px #e2e2e2;
  padding: 0px 1px;
  width: 214px;
}


/**********************
*    Publications     *
**********************/
.TwoColumn .ContentBlock .back
{
  padding: 17px 0px 0px 0px;
  height: 35px;
}
.TwoColumn .ContentBlock .back a
{
  padding: 0px 0px 0px 10px;
  background-image: url(      '/Components/Design/Images/backarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

.publicationTitle
{
  padding: 0px 0px 10px 0px; /* border-bottom: solid 2px #cccccc;*/
}

.publicationTitle .image
{
  padding: 0px 12px 0px 0px;
  float: left;
}

.publicationTitle .text
{
  padding: 17px 0px 0px 22px !important;
  background-image: url(      '/Components/Design/Images/gradient_publications.png' );
  background-repeat: repeat-x;
  float: left;
}

.publicationTitle .text .date
{
  height: 30px;
  font-size: 1.1em;
}
.publicationTitle .text .title
{
  padding: 0px 0px 20px 00px;
  font-size: 2.6em;
  width: 440px;
}
.publicationTitle .text .download
{
  padding: 3px 0px 0px 5px;
  height: 20px;
  background-image: url(      '/Components/Design/Images/greenbox.gif' );
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.publicationTitle .text .download a
{
  padding: 0px 0px 0px 20px;
  background-image: url(      '/Components/Design/Images/downarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: 1.0em;
  font-family: Verdana;
  color: #333333;
}

/*.TwoColumn .ContentBlock .text
{
    padding: 20px 0px 0px 0px;
}*/


/***********************
*   CIRCULAR List      *
***********************/
.circularList .paging
{
  padding: 5px 0px 5px 0px;
}

.circularList ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.circularList ul li
{
  margin: 0px 0px 14px 0px;
  border-bottom: solid 1px #CCCCCC;
  padding: 0px 0px 14px 0px;
}

.circularList .meta
{
  height: 20px;
}
.circularList .title
{
  padding: 0px 0px 11px 0px;
  font-size: 1.4em;
}
.circularList .abstract
{
  font-size: 1.1em;
}

.seeAlsoText
{
  float: left;
  width: 390px;
  display: block;
}
.seeAlsoDicText
{
  float: left;
  width: 50px;
  display: block;
}

/***********************
*   CIRCULAR           *
***********************/
.circular .back
{
  padding: 10px 0px 0px 0px;
  height: 30px;
}
.circular .back a
{
  padding: 0px 0px 0px 10px;
  background-image: url(      '/Components/Design/Images/backarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

.circularTop
{
  padding: 14px 12px 0px 12px;
  background-image: url(      '/Components/Design/Images/gradient_publications.png' );
  background-repeat: repeat-x;
}

.circularMeta
{
  margin: 0px 0px 10px 0px;
}

.circularMeta .replaceContainer
{
  float: left;
}
.circularMeta .perstNo
{
  float: left;
}
.circularMeta .date
{
  padding: 0px 0px 0px 60px;
  float: left;
}
.circularMeta .replaces, .circularMeta .replaces
{
  padding: 0px 0px 0px 60px;
}

.circularMeta .replaces, .circularMeta .replacedBy
{
  padding: 0px 0px 0px 60px;
}

.replaceContainer .text
{
  float: left;
}

.replaceContainer .replaces .text
{
  padding: 0px 15px 0px 0px;
  float: left;
}

.replaceContainer ul
{
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style: none;
  float: left;
}

.circularMeta .pkat
{
  display: none;
  float: left;
}
.circularMeta .jNr
{
  display: none;
  float: left;
}

.circular .download
{
  padding: 3px 0px 0px 5px;
  height: 20px;
  background-image: url(      '/Components/Design/Images/greenbox.gif' );
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.circular .download a
{
  padding: 0px 0px 0px 20px;
  background-image: url(      '/Components/Design/Images/downarrow.gif' );
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: 1.1em;
  font-family: Verdana;
}

.circular .download a:hover
{
  color: #333333;
}

.circular h1
{
  font-size: 2.0em;
  margin: 5px 0px 15px 0px;
}

.circular .abstract
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}
.circular .circularLink
{
  margin: 0px 0px 10px 0px;
}

.circular .documentText
{
  /*border-top:2px solid #CCCCCC;*/
  margin: 0px 0px 20px 0px;
  padding: 20px 0px 0px 13px;
}

.circular .remarks
{
  border-top: 0px;
  margin: 0px;
  padding: 0px 0px 0px 13px;
}


/*****************************
*  NEWSLETTER SUB AND UNSUB  *
*****************************/
.SubscriptionList
{
  margin-top: 30px;
}
.SubscriptionList .mailingList
{
  margin: 5px 0px 0px 0px;
}


.SubscriptionList .mailingList input
{
  border-width: 6px;
}

.SubscriptionList .mailingList label, .subscribeBox .label label, .subscribeBox label
{
  color: #333333;
  line-height: 1.4em;
}

.subscribeBox
{
  margin: 30px 0px 0px 0px;
}

.subscribeBox .textbox input
{
  width: 212px;
  border: 1px solid #CCCCCC;
  color: #999999;
  font-size: 1.2em;
  height: 17px;
  padding: 0px 0px 0px 5px;
  margin-top: 5px;
}

.subscribeBox .textbox textarea
{
  width: 212px;
  border: 1px solid #CCCCCC;
  color: #999999;
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
  margin-top: 5px;
}

.subscribeBox .button input
{
  border: solid 0px #FFFFFF;
  height: 19px;
  width: 67px;
  background-image: url('/Components/Design/Images/button_blue.png' );
  font-size: 1em;
  padding-bottom: 2px;
  margin: 35px 0px 0px 152px;
  color: #333333;
}

.subscribeBox .payrollCalculator
{
  width: 220px;
  float: left;
  padding: 0px 0px 20px 0px;
}

.subscribeBox .payrollCalculator input
{
  border: solid 0px #FFFFFF;
  height: 19px;
  width: 67px;
  background-image: url('/Components/Design/Images/button_blue.png' );
  font-size: 1em;
  padding-bottom: 2px;
  margin: 5px 0px 0px 0px;
  color: #333333;
}

.subscribeBox .payrollCalculator .textbox
{
  background-image: none;
  width: 140px;
  border: 1px solid #CCCCCC;
  color: #999999;
  font-size: 1.2em;
  height: 17px;
  padding: 0px 0px 0px 5px;
  margin-top: 5px;
}

.subscribeBox .payrollCalculator .right
{
  padding-left: 70px;
}


.subscribeBox .payrollCalculatorResult
{
  border: solid 0px #FFFFFF;
  font-size: 2.6em;
  padding-bottom: 2px;
  margin: 12px 0px 0px 0px;
  color: #333333;
  border-top: solid 1px #dadada;
  border-bottom: double 3px #dadada;
  clear: both;
}


/*****************************
*  DICTIONARY                *
*****************************/
.dictionarySpacer, .faqSpacer
{
  border-top: solid 1px #cccccc;
}

.dictionaryItem, .faqItem
{
  margin: 2px 0px 2px 7px;
}



.dictionaryWord, .faqWord
{
  background-image: url(/Components/Design/Images/arrow.gif);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
  cursor: pointer;
  font-size: 1.2em;
  color: #333333;
}

.dynamicspotList .faqItem 
{
  padding-left:0px;
  margin-left:0px;
}
  
.dynamicspotList  .faqItem .faqDefinition
{
  padding-left:8px;
}

.spotContent .faqWord
{
  background-image: url("/Components/Design/Images/arrow_bullit.gif");
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding: 0 0 0 8px;
  cursor: pointer;
  font-size: 1.0em;
  color: #333333;
}

.dictionaryWordSelected, .faqWordSelected
{
  background-image: url(/Components/Design/Images/downarrow.gif);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
  cursor: pointer;
  font-size: 1.2em;
  color: #333333;
}

.dictionaryDefinition, .faqDefinition
{
  margin: 10px 0px 10px 16px;
}

/*****************************
*  FAQ                *
*****************************/

.faqDefinition
{
  margin: 10px 0px 10px 0px;
  display: inline-block;
  width: 400px;
}

.faqItem .faqDefinition
{
  padding: 0px 0px 0px 17px;
}

.faqAnswer
{
  color: #00502d;
  display: inline-block;
  float: left;
}

.spotContent .faqAnswer
{
   color: #00502d;
   display:block;
   float:none;
}

.spotContent .faqAnswerDef
{
 
 width :160px;
  padding-left: 3px;
}

.spotContent .faqDefinition .faqAnswerDef a
{ 
background-image:none;
display:inline;
padding:0px 3px 0px 0px;
}

.faqAnswerDef
{
  float: left;
  width: 370px;
  padding-left: 3px;
}
.faqDef, .dicDef
{
  color: #666666;
  font-size: 1.1em;
}

/*****************************
*  INDEX                     *
*****************************/
.indexSpacer
{
  border-top: solid 1px #cccccc;
}

.indexItem
{
  margin: 3px 0px 3px 0px;
}

.indexList .navtitle a
{
  color: #333333;
}
.indexList .navtitle a:hover
{
  color: #0066CC;
}

.indexWord
{
  background-image: url(/Components/Design/Images/arrow.gif);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
  cursor: pointer;
  font-size: 1.2em;
  color: #333333;
}

.indexWordSelected
{
  background-image: url(/Components/Design/Images/downarrow.gif);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
  cursor: pointer;
  font-size: 1.2em;
  color: #333333;
}

.indexList
{
  margin: 10px 0px 10px 16px;
}

/*****************************
*  Cirkular                  *
*****************************/

.circularRemarks
{
  font-size: 1.2em;
}
.circular .circularLink a
{
  color: #0066CC;
}


/*****************************
*  Publications                  *
*****************************/

.publicationText
{
  font-size: 1.2em;
}


/*****************************
*  IFrame                    *
*****************************/
iframe
{
  width: 440px;
  border: none;
}



.OneColumnIframe iframe
{
  width: 100%;
  border: none;
}


/*****************************
*  Video                     *
*****************************/
.videoSpotList .videoSpot
{
  display: block;
  cursor: pointer;
}

div.overlay
{
  padding: 40px;
  width: 576px;
  display: none;
  background-image: url(/Components/Spot/Images/gradient.png);
  _background-image: url(/Components/Spot/Images/gradient.gif);
}

div.overlay div.close
{
  background: url(/Components/Spot/Images/close.png) no-repeat;
  _background: url(/Components/Spot/Images/close.gif) no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

a.player
{
  display: block;
  height: 380px;
}

.resolution
{
  margin: 5px 0px 0px 0px;
}

.resolution a
{
  color: #0066CC;
}
.ol
{
  cursor: pointer;
}

/*****************************
*  Invoice                  *
*****************************/
.messageLabel
{
  color: Red;
}

/******************
* Personalization *
******************/
.cell
{
  width: 146px;
  float: left;
  height: 200px;
}

.cellContainer
{
  width: 140px;
  height: 180px;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
}

.contentSelector
{
  width: 140px;
}

.cellTitle
{
  padding: 4px 0px 0px 5px;
  height: 17px;
  background-image: url('/Components/Design/Images/gradient_blue.png' );
  background-repeat: repeat-x;
}

.cellContent
{
  padding: 5px 0px 10px 5px;
  width: 130px;
  overflow: hidden;
}

.cellContentStatic
{
  padding: 8px 0px 0px 10px;
  width: 130px;
}

.personalizationButtons
{
  padding: 0px 5px 0px 0px;
  text-align: right;
}

.personalizationFirstRow, .personalizationSecondRow
{
  height: 184px;
  overflow: hidden;
}

.personalizationButtons
{
  margin: 10px 0px 0px 0px;
}

.personalizationButtons input
{
  background-image: url( '/Components/Design/Images/blue_button_long.gif' );
  background-repeat: repeat-x;
  border: 0 solid #FFFFFF;
  color: #333333;
  font-size: 1em;
  height: 19px;
  padding-bottom: 2px;
}

.FavoritesBlock .favorites .favoritesSpotListText
{
  float: left;
  overflow: hidden;
  width: 265px;
}

.FavoritesBlock .favorites a, #Favorites .favoritesSpotListText a
{
  background-image: url(/Components/Design/Images/arrow_bullit.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 8px;
  display: inline-block;
  width: 165px;
}

.FavoritesBlock .favorites .favoritesSpotListTrash a, #Favorites .favoritesSpotListTrash a
{
  display: block;
  background-image: url(/Components/Design/Images/trash_grey.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px;
  padding: 0px;
  width: 10px;
}

.FavoritesBlock .favorites .favoritesSpotListTrash a:hover, #Favorites .favoritesSpotListTrash a:hover
{
  display: block;
  background-image: url(/Components/Design/Images/trash.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.favoritesList ul li, #Favorites ul li
{
  border: 0px;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  overflow: hidden;
  height: auto;
}

.new
{
  color: #ff0000;
}

.rssIcon
{
  position: relative;
  width: 0px;
  height: 0px;
  float: left;
  left: 280px;
  top: 327px;
}

#FooterBlock .co2
{
  position: relative;
  width: 0px;
  height: 0px;
  float: left;
  left: 880px;
  top: -10px;
}

.lastUpdated
{
  padding-top:10px;
  clear:both;
}

/******************
* seniorityResult *
******************/
.seniorityResult
{
  width:661px;
}


.headerCell,
.itemCell,
.footeCell
{
  font-size:1.1em;
}

.itemCellAdminWork
{

}



/******************
* TAB - Common       *
******************/


/******************
* TAB - Large       *
******************/


/******************
* TAB - Samll       *
******************/

