@import url(spots.css);
@import url(references.css);
@import url(document.css);
@import url(news.css);
@import url(menu.css);
@import url(newslettersignup.css);
@import url(frontpage.css);

/*
======================
Language switcher
======================
*/
.LanguageSwitcher {
  z-index:1000;
  position: absolute;
  width: 100%;  
  font-family:Verdana;
  font-size:0.692em; /* 13×0.769=10 */
}
.LanguageSwitcher .Languages {
  width:958px;
  margin:0 auto;
  padding-left: 14px;
  padding-right: 18px;
}
.LanguageSwitcher .Languages a
{
  text-decoration: none;
  font-weight: bold;
  color:#EEEEEE;
  padding-left: 4px;
  padding-right: 2px;
  border-left: 1px solid #EEEEEE;
  line-height: 9px;
  display: inline-block;
}

.LanguageSwitcher .Languages .Links
{
  float: right;
}

.LanguageSwitcher .Languages a:first-child {
  border-left: none;
}

.LanguageSwitcher .Languages a.Selected {
  color:#FFFFFF;
}

/*
======================
TopStory
======================
*/
.TopStory {
  height:248px; 
  overflow: hidden;
}

.TopStory .CenterContent
{
  width:958px;
  margin:0 auto;
}

.TopStory .Ornament
{
  width:100%;
  background-color:#e8b155; /* #60afdd */
  filter:alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

.TopStory .Ornament img
{
  position: relative;
  left: 330px;
}

.TopStory .Logo
{
  position:relative;
  top:-223px;
  width:100%;
  z-index:1000;
  padding-left: 8px;
}

.TopStory .Fade
{
  background:url(/PT.Website2008/Design/Images/base_fade.png) repeat-x;
  _background:none;
}

.TopStory .CaseBox
{
  position:relative;
  top:-210px;
  width:100%;
  z-index:100;
}

.TopStory .CaseNavigation
{
  position:relative;
  width:100%;
  top:-377px;
  z-index:100;
  height: 18px;
}

.TopStory .CaseStripe
{
  position:relative;
  top:-375px;
  height:110px;
  width:100%;
  z-index:100;
  background-color:#e8b155; /* color */
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
	padding-top:2px;
}

.TopStory .CaseNavigation .Links
{
  width:958px;
  margin:0 auto;
  padding-left:20px;
  padding-right:28px;
  font:10px verdana;
  color:#e8b155; /* color */
  font-weight:bold;
  height: 20px;
}

.TopStory .CaseNavigation .Links .LinksCaption 
{
  float: left;
  height: 14px;
  margin-top: 1px;
}

.TopStory .CaseNavigation .Links a
{
  color:#e8b155; /* color */
  text-decoration:none;
  width: 11px;
  height: 13px;
  display: block;
  text-align: center;
  border: 1px solid #e8b155;
  float: left;
  margin-left: 3px;
}
.TopStory .CaseNavigation .Links a:hover
{
  color:#433c37;
}
.TopStory .CaseNavigation .Links a.Selected
{
  color:#fff;
}

#CaseStoryText a {
  width: auto;
  height: 16px;
  display: block;
  text-align: right;
  border: none;
  margin-right: 10px;
  font-family:Verdana;
  font-size: 9px;
  line-height: 16px;
  font-weight: normal;
  color:#fff;
  float:right;
  padding: 0 15px 0 15px;
  background-color: #e8b155;
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}

#CaseStoryRepeater 
{
  float: right;
}

.TopStory .CaseNavigation .Links .CaseToggle
{
  float: right;
}

.TopStory .CaseInfo
{
  position:relative;
  top:-369px;
  left:0;
  height:17px;
  width:100%;
  z-index:100;
}
.TopStory .CaseInfo .Bar
{
  font-family:Verdana;
  font-size:0.769em; /* 13×0.769=10 */
  line-height: 19px; /* 13×0.769=10 */
  color:#fff;
  float:right;
  height:19px;
  padding: 0 0 0 15px;
  background-color: #e8b155;
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}
.TopStory .CaseInfo .Bar a
{
  border:solid 1px #eee; /* color */
  line-height:19px;
  color:#fff;
  text-decoration:none;
  margin-left:8px;
  padding: 3px 12px 2px 12px;
}
.TopStory .CaseInfo .Bar a:hover
{
  border-color: #433c37; /* color */
}

.TopStory .InnerBox
{
  background-color:#e8b155; /* color */
  filter:alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
  height:173px;
  width:958px;
}

/*
======================
Logos
======================
*/

.LogoSection
{
  float:left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc ;
  /*Space between the 'big' boxes and the logos*/
  margin-top:5px;
}

.Logos
{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc ;
  background-color: #f4f4f4;
  padding: 1px;
  height: 60px;
  font-family: Verdana ;
  margin-left: 0px ;
  margin-right: 0px ;
  margin-top: 10px ;
  margin-bottom: 0px ;
  padding-left: 0px ;
  padding-right: 0px ;
  padding-top: 10px ;
  padding-bottom: 10px ;
}

.Logos p
{
  display: inline ;
}

.Logos .LeftColumn
{
  margin-right: 29px ;
  float: left ;
}

.Logos .CenterColumn
{
  float: left ;
}

.Logos .RightColumn
{
  margin-left: 19px ;
  float: left ;
}

.Logos .RightColumn img
{
  padding-left: 10px ;
  float: left ;
}


/*
======================
Contact Info
======================
*/

.ContactInfo
{
  border:1px solid #ccc;
  background-color:#f4f4f4;
  padding:1px;
  height: 185px;
  font-family: Verdana ;
}
.ContactInfo .Box
{
  background:#e9e9e9 url(/PT.Website2008/Design/Images/mailinglistform_top.gif) no-repeat;
  padding-top: 15px;
  padding-right: 23px;
  padding-left: 23px;
  height: 170px;
}
.ContactInfo .Title
{
  font-size:0.846em; /* 13×0.846=11 */
  font-weight:bold;
  background: url(/PT.Website2008/Design/Images/footer_line.gif) repeat-x 0px bottom ;
  height: 17px;
  margin-bottom: 10px;
}
.ContactInfo .SubTitle
{
  font-size:0.846em; /* 13×0.846=11 */
  font-weight:bold;
  background:url(/PT.Website2008/Design/Images/contact_line.gif) repeat-x 0 17px;
  height:25px;
}
.ContactInfo .Text
{
  line-height:1.3em; /* 10×1.3=13 */
  font-size:0.769em; /* 13×0.769=10 */
}

.ContactInfo .ContactDetails 
{
  padding-top: 1em;
  padding-bottom: 1em;
}

.ContactInfo .Label 
{
  line-height:1.3em; /* 10×1.3=13 */
  font-size:0.769em; /* 13×0.769=10 */
  float:left;
  width: 70px;
}
.ContactInfo .Text a
{
  line-height:1.3em; /* 10×1.3=13 */
  display: block;
  color :#666;
  background: url(/PT.Website2008/Design/Images/contact_bullet.png) no-repeat 0 4px;
  padding-left: 7px;
}

.ContactInfo .AdminInfo
{
}

/*
===================================
popup validation summary
===================================
*/

.popup
{
  position: fixed;
	_position: absolute;
	z-index:103;

	top: 50%;
	left: 50%;
	width: 380px;
	height: 106px;
	margin-left: -164px;
	margin-top: -150px;

	padding:11px 0 0 46px;
	background: url("/PT.Website2008/Design/Images/newsletter_summary.png");
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PT.Website2008/Design/Images/newsletter_summary.png');
  text-align: left;

  font-family:Verdana;
  font-size:0.846em; /* 13×0.846=11 */
	font-weight: bold;	
	color:#fff;
}

.popup ul 
{
	width: 304px;
	height: 271px;
  text-align: left;
  width: auto;
}

.popup ul 
{
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 	280px;
	height: 170px;	
}
.popup ul li
{
  font-size:1em; /* 13×1=13 */
  font-weight:normal;
  background:url(/PT.Website2008/Design/Images/list_dot_summary.gif) no-repeat 5px 7px;
  padding:0 0 0 18px;
  margin:2px 0 0;
}

/*
===================================
popup error box
===================================
*/

div.error_box_container .ErrorBoxClose
{
	position: relative;
  top:14px;
  right:19px;
  width:16px;
  height:15px;
}


div.error_box_container
{
	position: absolute;
	z-index: 101;
	width: 380px;
	height: 106px;
	margin-top:-96px;
	margin-left:-10px;
	/* Set display: block; to show box. */
	display: none;

}

div.error_box_container .iFrameHider
{
  width: 380px;
  z-index:102;
}

div.error_box,
div.error_box_bg {
	position: absolute;
  z-index:103;
	width: 380px;
	height: 106px;
	background: url("/PT.Website2008/Design/Images/newsletter_infobox.png") no-repeat;
	_background:none;
}

div.error_box_content {
	position: absolute;
	width: 380px;
	height: 106px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PT.Website2008/Design/Images/newsletter_infobox.png',sizingMethod='crop');
	z-index:200;
	font-family:Verdana;
}

div.error_heading {
	position: relative;
	top:11px;
	left:46px;
	width:280px;
	font-weight:bold;
  font-size:0.846em; /* 13×0.846=11 */
	color: #fff;
}

div.error_text {
	position: relative;
	top:10px;
	left:46px;
	width:280px;
  font-size:0.769em; /* 13×0.769=10 */
	color: #fff;
}
/*
======================
Contact Form
======================
*/

.ContactForm div.error_box,
.ContactForm div.error_box_bg {
  position: static;
  padding: 10px 50px 10px 50px;
	width: 280px;
	height: 86px;
  overflow: hidden;
  color: #fff !important;
  margin-top: 10px;
}

.ContactForm .LeftColumn
{
  float:left;
  width:302px;
}
.ContactForm .RightColumn
{
  float:left;
  width:282px;
  padding:17px 0 0 20px;
}

.ContactForm .Input
{
  margin-bottom: 10px;
}

.ContactForm .Button {
  font-family:Verdana;
  font-size:0.769em; /* 13×0.769=10 */
  font-weight:bold;
  color:#fff;
  background:url(/PT.Website2008/Design/Images/button_back.gif) no-repeat;
  height: 31px;
  width: 120px;
  border: none;
  padding: 0 0 0 0;
  margin: 12px 0 20px;
}

.ContactForm .Checkbox 
{
}
.ContactForm .Checkbox input {
  float:left;
  display:block;
}
.ContactForm .Checkbox label {
  float:left;
  padding:0 0 10px 5px;
  width:250px;
  display:block;
}

.ContactForm .Textbox {
  display: block;
  font-family:Trebuchet MS;
  font-size:1em; /* 13×1=13 */
  color:#000;
  border:1px solid #a7a7a7;
  background:url(/PT.Website2008/Design/Images/inputfield_wide.gif) no-repeat;
  height:20px;
  width:294px;
  padding:2px 0 0 4px;
  margin-top:2px;
}

.ContactForm .Memo {
  display: block;
  display: block;
  font-family:Trebuchet MS;
  font-size:1em; /* 13×1=13 */
  color:#000;
  border:1px solid #a7a7a7;
  background:url(/PT.Website2008/Design/Images/inputfield_xhigh.gif) no-repeat;
  height:118px;
  width:600px;
  padding:2px 0 0 4px;
  margin-top:2px;
  margin-bottom: 10px;
}