﻿ /*
--------------------------------------------------------------------
Aricent Screen Styles
--------------------------------------------------------------------
*/

/* =GLOBAL: =Resets
--------------------------------------------------------------------*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}
q:before,q:after{content:'';}abbr,acronym {border:0;}

* {
  font-family: Arial, Helvetica, sans-serif;
}
/* =GLOBAL: =Links
--------------------------------------------------------------------*/


a.phone,
a:hover.phone,
a:visited.phone
 {
 text-decoration: none;
 color: #000;
}

a.popup-link
{
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
}

a.back-to-top
{
  padding-left: 12px;
}

a.learn-more
{
  color: #000;
  padding: 4px 0 4px 20px;
  font-family: verdana,arial,sans-serif;
  display: block;
}

a.learn-more:hover
{
  color: #db2e00;
  text-decoration: none;
}

div#page div.container a.pdf-link
{
  padding: 2px 0 6px 20px;
}


/* =GLOBAL: =Headers
--------------------------------------------------------------------*/

h1.category-title
{
	color: #fff;
	font-size: 14px;
  font-weight: bold;
  height: 22px;
	padding: 8px 0 0 13px;
  margin: 2px auto 0;
  text-transform: uppercase;
	width: 942px;
}

h2.title
{

  font-size: 1.2em;
  font-weight: bold;
  color: #db2e00;
  text-transform: uppercase;
}

h2.intro
{
  font-size: 17px;
  text-transform: none;
}

h2,
p.header-text
{
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

p.header-text
{
  margin-bottom: 10px;
}

div#page div.container div#content h2.page-header
{
  font-size: 12px;
  color: #db2e00;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 5px;  
}

h3
{
  line-height: 1.5em;
  color: #333;
  margin: 15px 0 0 0;
  font-weight:bold;
  font-size: 1.4em;
}

h3.subhead
{
  font-size: 12px;
  line-height: normal;
  color: #666;
  font-weight: bold;
}

h3.subtitle
{
  margin:0;
}

h3.article-subtitle
{
  font-style:italic;
  font-size: 1.0em;
  color: #333333;
  margin-bottom: 15px;
}

h4
{
  font-size: 1em;
  line-height: 1em;
  color: #666;
  margin: 0 0 .75em 0;
}

hr
{
  display:none;
}

div.hr
{
  border-top: 1px dotted #CCCCCC;
  margin: 15px 0 ;
  padding: 10px 0;
}

/* =GLOBAL: =Form
--------------------------------------------------------------------*/
input.text
{
	border: 1px solid #aaa;
}

select
{
	border: 1px solid #aaa;
}


/* =GLOBAL: =Body
--------------------------------------------------------------------*/

strong
{
  font-weight: bold;
}


/* =GLOBAL: =Main Layout
--------------------------------------------------------------------*/
p
{
  margin-bottom: 10px;
}

div#page
{
	/*width: 635px;*/
	margin: 0 auto;
  text-align: left;
}

div#page div.container
{
	margin:0px 0px 0px 0px;
	width: 640px;
  /*position: relative;
  top: -8px;*/
	padding:0;
}

div#page div.container div#content
{
	float: left;
	font-size:1.2em;
	line-height:1.5em;
	padding: 0px 0 20px 0;
	width: 550px;
  margin: 0 24px 0 12px;
  display: inline;
}

div#page div.container div#content.wide
{
	width:650px;
	padding: 0px 0 20px 0;
  margin: 0 12px 0 12px;
}

div#page div.container.two-thirds-page div#content
{
	width:630px;
  margin: 0 24px 0 12px;
  _margin-right: 6px;
}

div#page div.full-page
{
	width: 942px;
  margin:0;
}

div#page div.full-page div#content.wide
{
	width: 922px;
  margin-left: 0;
  padding-left:12px;
}

div.frame-btm {
	height:8px;
	margin: 0 auto;
	width: 942px;
  	padding: 0;
}

div.frame-btm-full-page {
	height:8px;
	margin: 0 auto;
	width: 942px;
  	padding: 0;
}


div#page div#breadcrumb
{
  margin: 0 auto;
  width: 942px;
  padding: 2px 0 0;
  min-height: 4px;
  color: #999;
}

div#page div#breadcrumb a
{
  color: #999;
  font-size: 1em;
  padding-right: 3px;
}

div#page div#breadcrumb a:hover
{
  color: #db2e00;
  text-decoration: underline;
}

/* IE < 7 hack */
* html div#page div#breadcrumb
{
  height: 4px;
}

/* =GLOBAL: =Page Layouts
--------------------------------------------------------------------*/
div#page div.container div#content div.image-caption
{
  font-style:italic;
  text-align:right;
  width: 100%;
}

div#page div.container div#content ul, div#page div.container div#content ul li
{
  padding: 0 0 5px;
  list-style-type: none;
  list-style-position: outside;
  margin-left:10px;
}

div#page div.container div#content ul li
{
  padding-left: 10px;
}

div#page div.container div#content ol 
{
	list-style-type: decimal;
	padding-left: 24px;
}

div#page div.container div#content ol li 
{
} 

div#page div.container div#content ol.privacy li 
{
	list-style-position: outside;
}


div#page div.container div#content ul.detail-listing
{
  color: #369;
  list-style-position: outside;
  padding: 0 25px;
}

div#page div.container div#content ul.detail-listing li
{
  padding-left: 7px;
}

div#page div.container div#content ul li.top
{
  border-bottom: 1px dotted #CCCCCC;
  text-align:right;
  margin: 10px 0;
  padding-bottom: 10px;
  background-image: none;
}

div#page div.container div#content ul li.top a
{
  padding: 0 0 0 12px;
  margin-bottom: 20px;
}

div#page div.container div#content div.image-details
{
  margin-bottom: 15px;
  overflow: hidden;
  text-align:left;
}

div#page div.container div#content div.image-details em.image-caption
{
  display: block;
  float: left;
  font-size: 10px;
  line-height: 12px;
  width: 250px;
}

div#page div.container div#content div.image-details a.popup-link
{
  display: block;
  float: right;
}

/* =OFFERING: IMAGE
--------------------------------------------------------------------*/
div#page div.container #content.offering img,
{
  margin-left: 35px;
}

div#page div.container #content.offering-detail div.offering-image
{
  text-align:center;
  margin-bottom: 5px;
}

div#page div.container #content.offering-detail div.faq div.offering-image div.image-details
{
  padding-top: 8px;
}

div#page div.container #content.offering-detail div.faq div.offering-image
{
  padding-left: 10px;
}


/* =OFFERING: FAQ
--------------------------------------------------------------------*/
div#page div.container div#content .faq-solutions {
	_margin-top: 100px;
}

div#page div.container div#content div.faq ul.questions
{
  margin: 5px 0;
  list-style-type: none;
  list-style-position: outside;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #CCCCCC;
  color: #369;
  padding-bottom: 20px;
  position:relative;
}

div#page div.container div#content div.faq ul.questions li
{
  padding: 0 12px;
  margin-left: 15px;
}

div#page div.container div#content div.faq ul.questions li a
{
  list-style-position: outside;
}

div#page div.container div#content div.faq ul.answers
{
  padding: 5px 0;
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0;
}


div#page div.container div#content div.faq ul.answers li
{
  background-image:none;
  margin: 0 0 20px 0;
  padding-left: 0;
}

div#page div.container div#content div.faq ul.answers li p,
div#page div.container div#content div.faq ul.answers li h2
{
  padding-left: 10px;
  list-style-position: outside;
}


div#page div.container div#content div.faq ul.answers li.top
{
  border-bottom: 1px dotted #CCCCCC;
  text-align:right;
}

/***** Global Classes *****/

.clear   { overflow:auto; }
.left    { float:left; }
.right   { float:right; }

.text-center   { text-align:center; }
.text-right   { text-align:right; }

b, strong, .bold  { font-weight:bold; }
i, em, .italic    { font-style:italic; }

.img_left      { float:left;margin:4px 10px 4px 0; }
.img_right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* =GLOBAL: =Hacks
--------------------------------------------------------------------*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*.clearfix {display:inline-block;}*/
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* =ABOUT: =News and media
--------------------------------------------------------------------*/
div#page div.container div#content div#filter-bar
{
  position:relative;
  z-index: 10;
  margin: 5px 0 20px 0;
  width: 450px;
	text-align:right;
}

div#page div.container div#content div#filter-bar ul.year-select
{
  margin: 0 0 0 5px;
  display: block;
  width: 100px;
  position: absolute;
  right: 0;
  height: 22px;
  background-color: #fff;
}
div#page div.container div#content div#filter-bar ul.year-select li
{
background-image:none;
}
div#page div.container div#content div#filter-bar div.label
{
  position:absolute;
  right: 100px;
  top: 3px;
}
div#page div.container div#content div#filter-bar ul.year-select li
{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0 5px;
  height: 16px;
  width: 86px;
  padding: 2px;
  background-color: #fff;
}

div#page div.container div#content div#filter-bar ul.year-select li.first
{
  border-top: 1px solid #ccc;
}

div#page div.container div#content div#filter-bar ul.year-select li.on
{
  /*border: 1px solid #ccc;*/
  background-color: #ccc;
}

div#page div.container div#content div#filter-bar ul.year-select li.off
{
  background-color: #fff;
}

div#page div.container div#content.releases h2
{
  color: #DD3C11;
  font-size: 1em;
  padding: 1em 0 0 0;
  margin:0;
}
div#page div.container div#content.releases h2.page-header
{
  padding:0;
  font-size:1.0em;
}

div#page div.container div#content.releases div.hr {
		margin-bottom: 0;
		padding-bottom: 0;
}

div#page div.container div#content.releases div.contact ul
{
  margin: 10px 0;
}

div#page div.container div#content.releases div.contact ul li
{
  margin: 0;
  padding: 0 0 0 5px;
}

div#page div.container div#content.releases div.contact ul li.name
{
  font-weight:bold;
}

div#page div.container div#content.releases h3.subtitle
{
  color: #000;
  font-weight: bold;
  margin: 10px 0;
}


div#page div.container div#content.releases ol#release-listing ol
{
  margin-bottom: 1em;
}

div#page div.container div#content.releases ol#release-listing li h4
{
  font-size: 1em;
  line-height: 1.5em;
  color: #333;
  font-weight:bold;
  margin:0;
  padding-top: 1em;
}

div#page div.container div#content.releases ol#release-listing li a
{
  display:block;
}

/* =GLOSSARY
--------------------------------------------------------------------*/
div#page div.container div#content div.glossary-menu
{
  border-bottom: 1px dotted #CCCCCC;
  padding: 20px 20px 0 20px;
}

div#page div.container div#content.listing div.glossary-menu
{
  width: 715px;
  overflow:hidden;
  margin-bottom: 12px;
  margin-right: 6px;
}


div#page div.container div#content div.glossary-menu p.alphabet-list
{
  color: #999;
  font-size:1.2em;
  font-weight:bold;
}


div#page div.container div#content ul.glossary-terms
{
 /*height: 295px;*/
  overflow:auto;
  padding: 0 20px;
  _padding: 0 16px 0 0;
  margin-left: 12px;
}

div#page div.container div#content ul.glossary-terms li
{
	list-style-position: outside;
}

div#page div.container div#content ul.glossary-terms a.header
{
  color: #333;
  font-weight: bold;
  margin: 10px 0;
  font-size: 1.2em;
  display: block;
}
div#page div.container div#content ul.glossary-terms a:hover
{
  text-decoration:none;
}

div#page div.container div#content ul.glossary-terms li
{
  padding: 0;
 	list-style-position: outside;
 	margin-top: 20px;
 	margin-bottom: 0;
}

div#page div.container div#content ul.glossary-terms li p
{
	margin-bottom: 12px;
}


div#page div.container div#content ul.glossary-terms li.top
{
  border-bottom: 1px dotted #CCCCCC;
}

div#page div.container div#content ul.glossary-terms li.see-also
{
  padding: 0;
  margin: 0 8px;
}

div#page div.container div#content ul.glossary-terms li.see-also em
{
  font-style:italic;
}

/* =PRODUCT LISTING
--------------------------------------------------------------------*/

div#page div.container div#content.listing ul.glossary-terms
{
  width: 705px;
  overflow:auto;
}


/* =LOCALE SELECTOR PAGE
--------------------------------------------------------------------*/

  ul#screenreader-navigation
  {
    position:absolute; top: -1000px;
  }

  div#home div#locale{
    height: 423px; width: 941px; text-align:left;
  }

  div#home div#locale div#main-module{
    width: 391px; height: 186px; padding: 10px; position:relative; top: 105px; left: 30px;
  }

  div#home div#locale div#main-module div.chooser {
    padding: 15px 15px 0 15px;
    text-align:left;
    width: 391px;
    height: 186px;
  }

  div#home div#locale div#main-module div.chooser li.first {
    font-weight:bold;
    font-size: 1.15em;
  }

  div#home div#locale div#main-module div.chooser ol.left,
  div#home div#locale div#main-module div.chooser div.right {
    margin-top: 15px;
    position:relative;
    float:left;
    width: 177px;
  }

  div#home div#locale div#main-module fieldset{
    border: 0;
  }

 select.select-locale
  {
    border: 1px solid #ccc;
    display:block;
    width: 94px;
    margin: 0 0 10px 0;
    font-size: 1.2em;
    float:left;
  }
select.locale
{
  float:left;
}

input.submit-button
{
  width: 14px;
  height: 20px;
  margin: 4px 0 0 4px;
  float:left;
  display:block;
  border: none;
}

input.submit-button:hover
{
  text-decoration:none;
}

form.filter-box-contents fieldset label
{
  float:left;
  margin: 3px 5px 0 0;
}

div.button-container {
  position:relative;
  height: 30px;
  overflow:hidden;
}

div.basic-button
{
  border: 1px solid #999; height:19px; float:left; margin: 5px; z-index: 10; overflow:hidden;
}

div.basic-button div, div.basic-button.selected div
{
  margin: 2px 5px 3px 5px; padding: 0 0 0 20px;
}

div.basic-button div a
{
  color: #333;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
}

div.basic-button.selected div a
{
  color: #c30;
  cursor:pointer;
  text-decoration:none;
}

div.basic-button.selected div a:hover
{
  text-decoration:none;
}


div#page img.banner
{
  margin-top: 8px;
}

/* =PREVIEW PAGE
--------------------------------------------------------------------*/
div.container div#content table.preview td.key
{
  font-weight:bold;
  vertical-align:text-top;
  padding: 10px 5px;
}

div.container div#content table.preview td.value
{
  vertical-align:text-top;
  padding: 10px 0;
}

/* =WHITEPAPER PAGE
--------------------------------------------------------------------*/
div.title h2.title
{
  margin-bottom: 0;
}

div.title h3
{
  margin-top: 5px;
}

/* = CASESTUDY PAGE
--------------------------------------------------------------------*/
blockquote.case-study
{
  color: #db2e00; font-size: 1.2em; font-weight: bold; padding: 5px 0 20px 0; text-align: center;
}



/* = LOCATIONS PAGE
--------------------------------------------------------------------*/

div#location_header {
  width: 100%;
  height: 320px;
}

div#location_header address {
  display: block;
  color: #000;
  font-size: 1em;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-left: 550px;
  padding-top: 60px;
}

div#location_header address p {
  font-size: 1em;
  line-height: 1.4em;
}

div#location_header a#header-link
 {
  color: #000;
  text-decoration: underline;
}

div#page div.container div#content div.location-details
{
  float:left;
  margin-right: 5px;
  width: 140px;
}

div#page div.container div#content div.ListWrap
{
  clear: left;
  padding-top: 14px;
}
div#page div.container div#content div.region
{
  clear: left;
  border-top: dotted #ccc 1px;
  padding-top: 14px;
}

div.region h3.regionHeader
{
  font-weight:bold;
  padding-left: 10px;
  color: black;
}

div.region div.map-box {
  float: left;
  width: 300px;
  margin: 10px 0;
  font-family: Arial, Verdana, Helvetica;
  padding:10px 0px 10px 10px;
}

div.region div.map-box p {
  margin: 6px 0;
  padding: 0;
}

div.region div.map-box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.region div.map-box {
  display: inline-block;
}

/* Hide from IE Mac \*/
div.region div.map-box {
  display: block;
}

/* End hide from IE Mac */

div.region div.map-box a.map {
  float: right;
}

.clear-left
{
  clear:left;
}

div#page div.container div#content p.top-link {
  clear: both;
  display: block;
  text-align: right;
  font-size: 0.8em;
  margin: 0px 0px 0px 0px;
}

div#page div.container div#content p.top-link a
{
  margin-right: 10px;
}

#pop-head, #pop-body, #pop-foot {
      margin: 0 auto;
      width: 664px;
      font-family:Arial,Verdana,Helvetica;
    }

#pop-head {
  height: 56px;
  padding: 12px 18px;
  width: 664px;
}
#pop-body p{
text-align:left;
}

#pop-body {
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 18px;
  width: 664px;
  height:100%;
  text-align: left;
}

#pop-body p
{
  margin-bottom: 0;
  padding-bottom: 12px;
}

#pop-foot {
  height: 31px;
  width: 700px;
}

div#pop-body div#directions {
  border-top: dotted #ccc 1px;
  margin-top: 16px;
}

#pop-body h2 {
  margin: 0;
  padding: 12px 0;
  font-size: 1.1em;
}

#pop-head a {
  float: right;
  display: block;
  height: 16px;
  text-indent: -999em;
  width: 114px;
}

img.detail-image
{
  display: block;
  margin: 0 auto;
}

/* = LOCATIONS PAGE
--------------------------------------------------------------------*/
div#page div.container div#content div.client {
  width: 320px;
  padding: 12px 24px 12px 0;
  float: left;
}

div#page div.container div#content div.client.end
{
  padding: 12px 0 12px 24px;
}

div#page div.container div#content ul.client-list {
  float: left;
  padding: 20px 15px;
  width: 210px;
  list-style: disc outside;
}

div#page div.container div#content div.region h3
{
  color: #000;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

/* div#page div.container div#content ul,
{
  padding: 0;
} */

div#page div.container div#content ul#points {
  padding: 0 15px;
  list-style: disc outside;
}

/* =CLIENTS AND ALLIANCES PAGE
--------------------------------------------------------------------*/
div#page div.container div#content div.introduction div.module
{
  float:left;
  width: 260px;
}
div#page div.container div#content div.introduction div.header-content
{
  float:left;
  width: 439px;
  padding-right: 23px;
}

/* =NEWS, EVENTS, PRESS RELEASES PAGE
--------------------------------------------------------------------*/
table.eventList thead th
{
  font-weight: bold;
  color: black;
  font-size: 1.2em;
  padding: 0 0.6em;
  height: 75px;
  vertical-align:bottom;
}

table.eventList th.date
{
  width: 8em;
  text-align: right;
}

table.eventList tbody tr
{
  border-top: dotted #cfcfcf 1px;
}

div#page div.container div.releases table.eventList tbody tr
{
  border-top: none;
  background:none;
}

div#page div.container div.releases table.eventList thead tr
{
  border-bottom: dotted #cfcfcf 1px;
}

/*div#page div.container div.releases table.eventList thead tr th
{
  padding-top: 30px;
}*/

table.eventList tbody tr td.date
{
  vertical-align: top;
  text-align:right;
  font-size: 1.2em;
  width: 35%;
}

table.eventList tbody tr td
{
  padding: 0.6em;
}

table.eventList tbody tr td h3,
table.eventList tbody tr td p
{
  padding: 0;
  margin: 0;
}

table.eventList tbody tr td h3
{
  font-weight: bold;
  font-size: 1.2em;
}

table.eventList tbody tr td p
{
    margin: 0.6em 0;
}

table.press-release tbody tr td p
{
  margin: 0;
  font-size: 1.2em;
  line-height: 1.5em;
}

table.eventList tbody tr td p.location
{
  margin: 0.2em 0 0.4em;
  font-style: italic;
}


