/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
      [xxx] feature name
*/

/*****************************************************************************************
 *            Imports
 ****************************************************************************************/
/*****************************************************************************************
 *             Content styles for standard (X)HTML elements
 ****************************************************************************************/
/* start from a clean slate */
* {
    margin: 0;
    padding: 0;
}
/************************
 * HEADINGS
 ************************/
 
h1 {
    color: #c80b2f;
    font-size: 3.16666667em;
    font-weight: normal;
    margin: 0 0 0.34em 0;
    line-height: 1.2;
}    

h2 {
    font-size: 1.43em;
    font-weight: normal;
    margin: 1em 0 0.5em 0;
    color: #33312e;
}
h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}
h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0 0.67em 0;
}
h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.67em 0 .84em 0;
}
h6 {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 1.17em 0;
}

/************************
 * BODY TEXT BLOCK ELEMENTS
 ************************/
 
p {
    line-height: 1.4; /*Adjust this property for optimum readability. Remeber - wider content may require a larger line height.*/
    margin: 0 1em 1em 0;
}
blockquote {
    font-weight: bold;
    margin: 1em 0;
    padding: 0 0 0 30px;
}
pre {
    margin: 1em 0;
    padding: 0 0 0 30px;
}
address {
    margin: 1em 0;
    padding: 0 0 0 30px;
    font-family: inherit;
    font-style: normal;
}
dd address {
    margin: 0;
    padding: 0;
}

/************************
 * LISTS
 ************************/
ul {
    margin: 1em 0;
    padding: 0 0 0 30px;
}
ol {
    margin: 1em 0;
    padding: 0 0 0 30px;
}
li {
    padding: 0;
    margin: 0;
}
/* definition lists */
dl {
    padding: 0;
    margin: 1em 0;
}
dt {
    font-weight: bold;
}
dd {
    padding: 0 0 0 30px;
    margin: 0.5em 0;
}

/************************
 * INLINE TEXT ELEMENTS
 ************************/
i, em {
    letter-spacing: 0.08em;
    margin-right: 1px;
}
b, strong {
    font-weght: bold;
}
a:link,
a:visited {
    text-decoration: underline;
    color: #C80B2F;
}
a:hover {
    text-decoration: none;
    cursor: hand;
}
a:active {
}
/* treatment for 'help' text styles */
abbr, acronym, span.help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
/* CODE: Designates a fragment of computer code.
   SAMP: Designates sample output from programs, scripts, etc.
   KBD: Indicates text to be entered by the user.
   VAR: Indicates an instance of a variable or program argument. */
code, samp, kbd, var {
}
/* quote */
q {
}
/* Contains a citation or a reference to other sources. */
cite {
}
/* Indicates that this is the defining instance of the enclosed term */
dfn {
}
/* subscript */
sub {
}
/* superscript */
sup {
}
/* small text */
small {
    font-size: 0.82em;
}

/************************
 * TABLE STYLES
 ************************/
 
table {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    font-size: 1em; /* stop stupid IE/win text size bug */
}
caption {
    padding: 3px 5px 3px 0;
    font-weight: bold;
    text-align: left;
}
th {
    padding: 3px 5px;
    text-align: left;
    background-color: #666;
    border: 1px solid #555;
    color: #fff;
    font-weight: bold;
    
    /*background-color: #3e83c9;
    border-right: 1px solid #fff;*/
}
td {
    padding: 3px 5px;
    border: 1px solid #ccc;
    /* border-bottom: 1px solid #95bce2; */
    vertical-align: top;
}
/* table row striping */
tr.arb-even td {
    background-color: #efefef;
    /* background: #ecf6fc; */
}
/* highlight hovered row */
tr.arb-hover td {
    background-color: #dddddd;
    /* background: #bcd4ec; */
}

/************************
 * MISCELLANEOUS
 ************************/
 
/* stop borders on images used as links */
img {
    border: none;
}
/* IE puts a margin on <form> elements which we NEVER want.  Remove it */
form {
    margin: 0;
    padding: 0;
}

/* page components */
/*****************************************************************************************
 *            Header internal layout / styles
 ****************************************************************************************/
#header {
}
#header #logo {
    position: absolute; 
    left: 41px;
    top: 0;
}
/*****************************************************************************************
 *            Footer internal layout / styles
 ****************************************************************************************/
#footer {
    color: #fff;
    background: url(/common/images/backgrounds/bg_combined.gif) #A50228 0 -210px repeat-x;
}
#footer a:link,
#footer a:visited {
    color: #fff;
}
#footer-inner {
    padding: 14px 0 0 0;
}

/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
    margin: 4px 0 0 0;
    padding: 0;
    vertical-align: middle;
    font-size: 0.92em; /* 11px */
    display: inline;
    float: left;
}

/************************
 * Footer Links
 ************************/
 
#footer ul#footer-links {
    display: inline;
    float: left;
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.92em; /* 11px */
}
#footer #footer-links li {
    display: inline;
    margin: 0 0.5em 0 0;
}

/************************
 * address
 ************************/
#footer #address {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1.25em;
}

/************************
 * Newsletter subscription
 ************************/
#footer #newsletter-sub {
    float: right;
    display: inline;
    margin-top: 11px;
    text-align: right;;
}
#footer #newsletter-sub fieldset #newsletter-submit {
    background: #313131;
    border: 0px;
    padding: 2px;
    height: 20px;
}
#footer #newsletter-sub fieldset .newsletter-field {
    background: #d8d8d8;
    border: 1px solid #313131;
    color: #313131;
    padding: 2px;
    height: 14px;
}
#footer #newsletter-sub h3 {
    font-size: 1.333em;
    margin: 0px;
    font-weight: normal;
}
/*****************************************************************************************
 *            Primary Navigation layout / styling
 ****************************************************************************************/
#primary-navigation {
}

/************************
 * Menu (ul) layout / styling
 ************************/
/* top level (and below) menus */
#primary-navigation ul {
    width: 100%; /* mac ie isn't stretching 100% by default */
    list-style: none;
    margin: 0;
    padding: 0;
}

/************************
 * Menu item (li) layout / styling
 ************************/
/* top level (and below) menu items */
#primary-navigation ul li {
    float: left; /* line them up in a line, side by side */
    display: inline;
    line-height: 1em;
    margin: 0;
    padding: 0;
    _height: 0;
}

/************************
 * Menu item link (a) layout / styling
 ************************/
/*
    -----------------------------------------------
    REDDOT GUID FOR NAV MAN
    -----------------------------------------------
    SHOWCASE GUID: 098054ed-50a1-490b-b0e9-2304d7a4c8e8
    SOLUTIONS GUID: 2cea1924-f341-43ae-a5fd-29e8a212315e
    COMPANY GUID: 222481ed-526a-4acc-bde8-bc6df014d4d3
    CONTACT GUID: 901246b1-ae0c-4853-9543-6a8166ce14bf
*/

/* top level (and below) links */
#primary-navigation ul li a {
    display: block;
    color: #333;
    background: #FCFCFC;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    height: 55px;
    width: 128px;
    outline: none;
}





/*****************************************************************************************
 *            Link image replacement
 ****************************************************************************************/
#primary-navigation li a span {
    background: url(/common/images/backgrounds/primary-navigation.gif) no-repeat 0 0;
}

/************************
 * showcase section link  
 ************************/
#primary-navigation li#link-098054ed-50a1-490b-b0e9-2304d7a4c8e8 a span {
    background-position: 0 0;
}
/* hover state */
#primary-navigation ul li#link-098054ed-50a1-490b-b0e9-2304d7a4c8e8 a:hover span,
#primary-navigation ul li#link-098054ed-50a1-490b-b0e9-2304d7a4c8e8 a:focus span {
    background-position: 0 -60px;
}
/* current section */
body.showcase-section #page #primary-navigation ul li#link-098054ed-50a1-490b-b0e9-2304d7a4c8e8 a span {
    background-position: 0 -120px;
}

/************************
 * solutions section link  
 ************************/
#primary-navigation li#link-2cea1924-f341-43ae-a5fd-29e8a212315e a span {
    background-position: -128px 0;
}
/* hover state */
#primary-navigation ul li#link-2cea1924-f341-43ae-a5fd-29e8a212315e a:hover span,
#primary-navigation ul li#link-2cea1924-f341-43ae-a5fd-29e8a212315e a:focus span  {
    background-position: -128px -60px;
}
/* current section */
body.solutions-section #page #primary-navigation ul li#link-2cea1924-f341-43ae-a5fd-29e8a212315e a span {
    background-position: -128px -120px;
}

/************************
 * company section link  
 ************************/
#primary-navigation li#link-222481ed-526a-4acc-bde8-bc6df014d4d3 a span {
    background-position: -256px 0;
}
/* hover state */
#primary-navigation ul li#link-222481ed-526a-4acc-bde8-bc6df014d4d3 a:hover span,
#primary-navigation ul li#link-222481ed-526a-4acc-bde8-bc6df014d4d3 a:focus span {
    background-position: -256px -60px;
}
/* current section */
body.company-section #page #primary-navigation ul li#link-222481ed-526a-4acc-bde8-bc6df014d4d3 a span {
    background-position: -256px -120px;
}

/************************
 * contact section link  
 ************************/
#primary-navigation li#link-901246b1-ae0c-4853-9543-6a8166ce14bf a span {
    background-position: -384px 0;
}
/* hover state */
#primary-navigation ul li#link-901246b1-ae0c-4853-9543-6a8166ce14bf a:hover span,
#primary-navigation ul li#link-901246b1-ae0c-4853-9543-6a8166ce14bf a:focus span {
    background-position: -384px -60px;
}
/* current section */
body.contact-section #page #primary-navigation ul li#link-901246b1-ae0c-4853-9543-6a8166ce14bf a span {
    background-position: -384px -120px;
}
/* set styles for secondary nav block */
/*****************************************************************************************
 *            Miscellaneous secondary navigation styles
 ****************************************************************************************/
#page #secondary-navigation {
}


/*****************************************************************************************
 *            Navigation menu styling
 ****************************************************************************************/
/************************
 * MENU CONTAINERS (ul's)
 ************************/
/* top level (and below) menu */
#secondary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
#secondary-navigation ul ul {
    border-top: 1px solid #d1d1d1;
}
#secondary-navigation ul ul ul {
    
}

/************************
 * MENU ITEM CONTAINERS (li's)
 ************************/
/* top level (and below) menu item containers */
#secondary-navigation li {
}
/* second level (and below) menu item containers */
#secondary-navigation ul ul  li {
    display: inline;
    float: left;
    line-height: 110%;
    margin: 0;
    width: 100%;
}

/************************
 * MENU ITEM'S (a's)
 ************************/
/* 
 *  top level (and below) menu items 
 */
#secondary-navigation li a {
    font-size: 1.83em;
    margin: 0;
    display: block;
    padding: 15px 17px ;    
    text-decoration: none;
    font-weight: bold;
    zoom: 1;
    color: #c80b2f;
    background: url(/common/images/backgrounds/bg_combined.gif) #F0F0F0 0 -1150px repeat-x;
    border: 1px solid #d1d1d1;
    border-top: none;
}
#secondary-navigation li a.first {
    border-bottom: none;
    border-top: 1px solid #d1d1d1;
}
/* expanded state */
#secondary-navigation li.expanded a {
    
}
/* active state */
#secondary-navigation li.active a {
}
/* hover state */
#secondary-navigation li a:hover {
    background: #fff none;
}

/* 
 *  second level (and below) menu items 
 */
#secondary-navigation li li a,
#secondary-navigation li.expanded li a {
    font-weight: normal;
    color: #33312e;
    background: #D3D3D3 url(/common/images/backgrounds/bg_combined.gif) no-repeat scroll 16px 10px;
    padding: 8px 17px 8px 37px;
    margin: 0px;
    font-size: 1.333em;
    border-bottom: 1px solid #f3f3f3;
}
/* expanded state */
#secondary-navigation li li.expanded a {
    
}
/* active state */
#secondary-navigation li li.active a {
    font-weight: bold;
}
/* hover state */
#secondary-navigation li li a:hover {
    color: #fff;
    background: #33312E url(/common/images/backgrounds/bg_combined.gif) no-repeat 16px -80px;
}
/*
 *        Resusable list styles
 */
 
 
/*****************************************************************************************
 *            Overview  list styles
 ****************************************************************************************/
ul.overview-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
#additionalhtmlcontent {
    margin-top: 18px;
}
ul.overview-list li,
.additionalhtmlitem {
    margin: 0 0 18px 0;
    padding: 20px;
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -1250px repeat-x;
    border: 1px solid #d1d1d1;
}
ul.overview-list li h2,
.additionalhtmlitem h2 {
    margin: 0 0 10px 0;
}
ul.overview-list li p,
.additionalhtmlitem p {
    margin: 0;
}



/*****************************************************************************************
 *            Thumbnail Overview list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.thumbnail-overview-list {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1; /* lets IE shift up with the negative margins below */
}
ul.thumbnail-overview-list li {
    margin: 0 0 18px 0;
    padding: 0 0 0 327px;
    zoom: 1; /* contain floats */
}
ul.thumbnail-overview-list li:after { /* contain floats */
    content: '.';
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    display: block;
}

/************************
 * style the thumbnail
 ************************/
 
/* item thumbnail, move into left had column */
ul.thumbnail-overview-list li .thumbnail {
    display: inline;
    float: left;
    margin: -9px 0 -9px -327px;
    width: 317px;
}
/* make the thumbnail show up in IE */
ul.thumbnail-overview-list li .thumbnail img {
    position: relative;
}

/************************
 * style the content container
 ************************/
ul.thumbnail-overview-list .content {
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -1900px repeat-x;
    border: 1px solid #d1d1d1;
    min-height: 108px;
    _height: 108px;
    padding: 20px 195px 10px 15px;
}

/************************
 * style item header
 ************************/
/* item heading */
ul.thumbnail-overview-list li h2 {
    font-size: 2em;
    margin: 0 0 5px 0;
    padding: 0;
}
ul.thumbnail-overview-list li h2 a {
    text-decoration: none;
    color: #33312e;
}
ul.thumbnail-overview-list li h2 a:hover,
ul.thumbnail-overview-list li h2 a:focus {
    text-decoration: underline;
}

/************************
 * create 2 column content layout between paragraph and highlight list
 ************************/
ul.thumbnail-overview-list .content p {
    margin: 0;
    padding: 0;
    float: left; display: inline;
    width: 99%;
    line-height: 1.4;
}
ul.thumbnail-overview-list .content ul.highlight-list {
    float: right; display: inline; 
    position: relative;
    width: 175px;
    margin: -10px -195px 0 0;
    padding: 0;
}

/************************
 * style highlight list
 ************************/
ul.thumbnail-overview-list .content ul.highlight-list li {
    margin: 0 0 10px 0;
}

/************************
 * style more-link
 ************************/
ul.thumbnail-overview-list .content .more-link a {
    line-height: 1.4;
}


/*****************************************************************************************
 *            highlight list
 ****************************************************************************************/
ul.highlight-list,
.sub-content ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}
ul.highlight-list li,
.sub-content li {
    padding: 0 0 0 14px;
    margin: 0;
    background: url(/common/images/backgrounds/bg_combined.gif) transparent 0 -137px no-repeat;
}


/*****************************************************************************************
 *            PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ****************************************************************************************/
.pipe-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pipe-list li {
    float:  left; display: inline;
    background-image: none;
    border-left: 1px solid black;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 -5px;
}
.pipe-list li:first-child { 
    border-left: 0;
    border-right: 0;
}

/*****************************************************************************************
 *            links list: for when you lists of links
 ****************************************************************************************/
ul.links-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
ul.links-list li {
    /* background: url(../images/bullets/bul_links-list.gif) transparent 0 4px no-repeat;  put the bullet image here */
    padding-left: 10px;
    margin-bottom: 3px;
}
ul.links-list li a {
    color: #000;
    text-decoration: none;
}
ul.links-list li a:hover {
    text-decoration: underline;
}

/* page variant styles */
/*
    home page specific content styles
*/


/*****************************************************************************************
 *            feature panel
 ****************************************************************************************/
/************************
 * panel
 ************************/
body.home-page #extra2 div {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
body.home-page #extra2 ul#panel {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
body.home-page #extra2 ul#panel li {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: -9999em;
}
body.home-page #extra2 ul#panel li.first {
    position: relative;
    left: 0;
}

/************************
 * navigation
 ************************/
body.home-page #extra2 ul#panel-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 220px;
    left: 0;
    z-index: 2;
    width: 100%;
}
body.home-page #extra2 ul#panel-nav li {
    position: absolute;
    top: 0;
    left: -25px;
    margin: 0;
    padding: 0;
}
body.home-page #extra2 ul#panel-nav li#panel-nav-next {
    left: auto;
    right: -25px;
}
body.home-page #extra2 ul#panel-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    outline: none;
}
body.home-page #extra2 ul#panel-nav li a:hover {
    filter: alpha(opacity=70); 
    opacity: .70;
}
body.home-page #extra2 ul#panel-nav li a span {
    background: url(/common/images/backgrounds/bg_feature-panel.gif) no-repeat -400px 0;
}
body.home-page #extra2 ul#panel-nav li#panel-nav-next a span {
    background-position: -400px -100px;
}

/*****************************************************************************************
 *            featured pages layout
 ****************************************************************************************/
/************************
 * page list styling
 ************************/
ul#featured-pages-list {
    float: left; display: inline;
    width: 665px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#featured-pages-list li {
    float: left; display: inline;
    *float: none; /* IE was not clearing properly with the float, so lets remove it and just put in inline */
    zoom: 1;
    vertical-align: top;
    width: 327px;
    margin: 0 0 15px 0;
    padding: 230px 0 0 0;
    position: relative;
    background: #EFEFEF url(/common/images/backgrounds/bg_feature-panel.gif) no-repeat 0 100%;
    min-height: 105px;
    _height: 105px;
}
ul#featured-pages-list li.even {
    margin-right: 10px;
    clear: both;
}
ul#featured-pages-list li h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0 13px 5px 13px;
}
ul#featured-pages-list li .image {
    position: absolute;
    top: 0;
    left: 0;
}
ul#featured-pages-list li .content {
    padding: 0 13px 15px 13px;
}
ul#featured-pages-list li .content p {
    margin: 0;
    padding: 0;
}
ul#featured-pages-list li .content a {
    color: #C00F2F;
}


/*****************************************************************************************
 *            news list
 ****************************************************************************************/
#news-items {
    float: right; display: inline;
    width: 284px;
    border: 1px solid #D1D1D1;
    background: #E9E9E9;
    margin: 17px 0 0 0;
}
#news-items h2 {
    color: #C00F2F;
    font-size: 1.3334em; /* 16px */
    padding: 10px 15px;
    margin: 0;
    font-weight: bold;
    background: #FFF;
    border: 3px solid #E9E9E9;
    border-bottom: none;
}
#news-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    border: 3px solid #E9E9E9;
    border-top: none;
}
#news-items ul li {
    margin: 0 13px;
    padding: 15px 2px;
    border-top: 1px solid #D1D1D1;
}
#news-items ul li.first {
    border: none;
    padding-top: 0;    
}
#news-items ul li h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 0;
}
#news-items ul li h4 {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
}
#news-items ul li .content,
#news-items ul li .content p {
    margin: 0;
    padding: 0;
}
#news-items ul li .content a {
    color: #C00F2F;
}
/*****************************************************************************************
 *            captioned image styling
 ****************************************************************************************/
.captioned-image {
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -1600px repeat-x;
    margin: 20px -20px;
    position: relative;
}
.captioned-image img {
    position: absolute;
    left: -1px;
    top: 0;
    border: 1px solid #d1d1d1;
}
.captioned-image .caption {
    padding: 16px 20px 16px 465px;
    border: 1px solid #d1d1d1;
    border-left: none;
    border-right: none;
    color: #33312E;
    font-size: 1.167em;
    font-weight: normal;
    min-height: 207px;
    _height: 207px;
    line-height: 1.3;
}
.captioned-image .caption blockquote {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.captioned-image .caption blockquote p {
    margin: 0;
    padding: 0;
    line-height: 18px;
}
.captioned-image .caption cite {
    display: block;
    padding-top: 5px;
    margin: 0;
    font-style: normal;
}
body.history-page #main-inner #sub-section-title {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    display: block;
    padding-bottom: 21px;
    padding-left: 21px;
    padding-top: 21px;
    margin-bottom: 18px;
}
/*****************************************************************************************
 *            contact page layout
 ****************************************************************************************/
body.contact-section #address-details,
body.contact-section #phone-numbers,
body.contact-section #contact-form,
 body.contact-section #google-map {
    border: 1px solid #d1d1d1;
    padding: 20px;
}

/************************
 * lhs columns
 ************************/
body.contact-section  #google-map,
body.contact-section  #address-details {
    width: 540px;
    float: left;
}
body.contact-section  #google-map {
    width: 580px;
    padding:0;
}

/************************
 * rhs columns
 ************************/
body.contact-section  #contact-form,
body.contact-section  #phone-numbers {
    margin-left: 600px;
}

/************************
 * top boxes
 ************************/
body.contact-section #contact-details #address-details,
body.contact-section #contact-details #phone-numbers {
    min-height: 70px;
    _height: 70px;
}

/************************
 * bottom boxes
 ************************/
body.contact-section #google-map,
body.contact-section #contact-form {
    border: 1px solid #b3b3b3;
    min-height: 505px;
    _height: 505px;
}
body.contact-section #contact-form {
    min-height: 465px;
    _height: 465px;
}


/*****************************************************************************************
 *            contact details styling
 ****************************************************************************************/
 
/************************
 * style contact details container
 ************************/
body.contact-section #contact-details {
    padding-bottom: 20px;
    zoom: 1; /* clearfix */
}
body.contact-section #contact-details:after {  /* clearfix */
    content: '.';
    height: 0;
    width: 0;
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
}

/************************
 * shared address and phone details styling
 ************************/
body.contact-section #contact-details #address-details,
body.contact-section #contact-details #phone-numbers {
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -896px repeat-x;    
}

/************************
 * address details styling
 ************************/
body.contact-section  #address-details h2 {
    font-size: 2em;
    margin-top: 0;
}
body.contact-section  #address-details p {
    margin: 0;
}

/************************
 * phone numbers styling
 ************************/
body.contact-section  #phone-numbers div.tel {
    display: block;
    font-size:     1.5em;
    color: #33312e;
    margin: 0 0 13px 0;
}

/*****************************************************************************************
 *            contact form styling
 ****************************************************************************************/
#contact-form {
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -1900px repeat-x;    
}
#contact-form fieldset h2 {
    font-size: 3em;
    color: #c80b2f;
    margin-top: 0;
}

/************************
 * style the form item containers
 ************************/
#contact-form .form-item{
    padding-bottom: 18px;
}
#contact-form .buttons-form-item{
    padding-bottom: 0;
}

/************************
 * float the labels left for a quickie 2 column layout
 ************************/
#contact-form label {
    width: 90px;
    float: left;
}
#contact-form  .comments-form-item label {
    width: auto;
    display: block;
    float: none;
    margin-bottom: 10px;
}
/* ditch the required marker */
#contact-form label span.required-marker {
    display: none;
}

/************************
 * make the error message slightly betteer
 ************************/
#contact-form .error {
    background: #fff;
    padding: 10px;
    width: auto;
}

/************************
 * Heading
 ************************/
body.contact-section h1 {
    font-size: 3.16667em;
}
/*
    showcase section index page specific content styles
*/

/*****************************************************************************************
 *            showcase list styling
 ****************************************************************************************/
ul.thumbnail-overview-list li.hover {
    cursor: pointer;
}
ul.thumbnail-overview-list li.hover .content {
    background-image: none;
    border: 1px solid #b1b1b1;
}
ul.thumbnail-overview-list li.hover img {
    opacity: 0.9;
}
/* style right hand highlight list items */
body.showcase-section ul.thumbnail-overview-list ul.highlight-list li {
    color: #33312e;
}
/*
    case study specific content styles
*/

/*****************************************************************************************
 *             case study page layout
 ****************************************************************************************/
body.case-study-page h1 {
    width: 444px;
    margin-bottom: 0;
}
/* left column */
body.case-study-page #project-quick-summary {
    width: 444px;
    margin: 30px 0;
}
/* left column */
body.case-study-page #project-overview {
    width: 444px;
    float: left;
}
/* right column */
body.case-study-page #project-details {
    margin-left: 474px;
}


/*****************************************************************************************
 *             project 'quick summary' styling
 ****************************************************************************************/
/* style 'period of project' and 'solutions involved' headings */
body.case-study-page h3 {
    font-weight: normal;
    font-size: 1.333em;
    margin: 0;
    color: #33312e;
}
body.case-study-page  #project-quick-summary h4,
body.case-study-page #project-quick-summary h4 a {
    margin-right: 0px;
    font-weight: normal;
    font-size: 1em;
    margin: 2px 0 0 0;
    color: #33312e;
}


/*****************************************************************************************
 *             project 'overview' styling
 ****************************************************************************************/
/* make the list items forms two columns */
body.case-study-page  ul.highlight-list li {
    width: 46.5%;
    float: left; display: inline;
    padding-bottom: 5px;
}
/* make the thumbnail images line up beside each other */
body.case-study-page  #secondary-image-1,
body.case-study-page  #secondary-image-2 {
    margin: 10px 0 30px 0;
}
body.case-study-page  #secondary-image-1 {
    float: right; display: inline;
}


/*****************************************************************************************
 *             local navigation styling
 ****************************************************************************************/
#local-navigation {
    height: 50px;
    margin: 18px 0 0 0;
    background: url(/common/images/backgrounds/bg_combined.gif) #A50228 0 -350px repeat-x;
}
#local-navigation a {
    background: url(/common/images/backgrounds/bg_combined.gif) transparent no-repeat 21px -24px;
    color: #fff;
    display: block;
    padding: 15px 15px 15px 38px;
    font-size: 1.1667em;
}
/*
    section index page content styles
*/

/*****************************************************************************************
 *            section index list styling
 ****************************************************************************************/
/************************
 * ul / li container styles
 ************************/
ul.section-index-list {
    margin: 0 0 0 -12px; /* allow first items margin to move into existing gutter */
    padding: 0;
    list-style: none;
    zoom: 1; /* teach IE some respect for negative margins */
}
body.solutions-section-index-page ul.section-index-list {
    margin: 0 0 0 254px;
}
ul.section-index-list li.section-item {
    border: 1px solid #d1d1d1;
    border-top: none;
    float: left; display: inline;
    width: 185px;
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -143px repeat-x;
    padding: 330px 18px 10px 18px;
    margin: 0 0 0 12px;
    min-height: 308px;
    position: relative;
    _height: 253px;
    min-height: 253px;
}
body.solutions-section-index-page ul.section-index-list li.section-item {
    _height: 280px;
    min-height: 280px;
}

/************************
 * thumbnail styles
 ************************/
ul.section-index-list .thumbnail {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/************************
 * heading styles
 ************************/
ul.section-index-list h2 {
    font-size: 3em;
    margin: 0 0 15px;
    padding: 0;
    color: #C80B2F;
}

/************************
 * content styles
 ************************/
ul.section-index-list .content .summary {
    min-height: 7.25em;
    _height: 7.25em;
    line-height: 1.4;
}
ul.section-index-list .content p {
    padding: 0;
    margin: 0;
}
ul.section-index-list .content ul {
    padding-top: 18px;
}
ul.section-index-list .content ul li {
    margin-bottom: 3px;
}
/*
    solutions index page content styles
*/
/*****************************************************************************************
 *            featured products list styling
 ****************************************************************************************/
/************************
 * ul / li container styles
 ************************/
ul#featured-products-list {
    float: left;
    width: 251px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#featured-products-list li {
    margin: 0;
    padding: 0;
}
/* only put margin under first item */
ul#featured-products-list li#reddot-featured-item {
    margin-bottom: 15px;
}

/************************
 * heading styles
 ************************/
ul#featured-products-list li h2 {
    margin: 0;
    padding: 0;
    height: 192px;
    border: 1px solid #d1d1d1;
    border-bottom: none;
}
ul#featured-products-list li h2 span {
    background-image: url(/common/images/content/featured_products.jpg);
}
/* image-replaced images */
ul#featured-products-list li#reddot-featured-item h2 span {
    background-position: -1px 0;
}
ul#featured-products-list li#coreeo-featured-item h2 span {
    background-position: -1px -192px;
}

/************************
 * content styles
 ************************/
ul#featured-products-list li .content {
    padding: 18px 18px 10px 18px;    
    border: 1px solid #d1d1d1;
    border-top: none;
    background: url(/common/images/backgrounds/bg_combined.gif) #EFEFEF 0 -900px repeat-x;
}
ul#featured-products-list li .content p {
    margin: 0;
    padding: 0;
}

/* form styles */
/*****************************************************************************************
 *            Fieldset styling
 ****************************************************************************************/
 
/************************
 *  fieldsets
 ************************/
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}

/************************
 * legend 
 ************************/
fieldset h2.legend,
fieldset .legend,
fieldset legend {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: black;
    font-size: 1em;
}

/*****************************************************************************************
 * Default form items appearance
 ****************************************************************************************/
 
input.text {
    margin: 0;
    padding: 2px !important;
    font-size: 1.1em;
    border: 1px solid #515050;
    background: #d8d8d8;
}
.form-item textarea {
    margin: 0;
    padding: 2px !important;
    background: #d8d8d8;
    border: 1px solid #515050;
}
.form-item select {
    margin: 0;
    display: inline;
    padding: 1px !important;
    font-size: 1.1em;
    border: 1px solid #999;
}
.form-item label {
    vertical-align: middle;
    font-weight: bold;
    color: #33312e;
    font-size: 1em;
}

/************************
 *  buttons
 ************************/
 
.buttons-form-item {
    margin: 0;
}
.buttons-form-item input {
    background: #313131 none repeat scroll 0 0;
    border: none;
    color: #fff;
    display: block;
    float: right;
    margin: 0;
    padding: 8px 15px;
}

/************************
 *  radios / checkboxes
 ************************/
/* style the input/label container */
#page .checkboxes-form-item .form-item,
#page .radios-form-item .form-item {
    margin: 0 0 3px 0;
    padding: 0;
}
/* get the label and input to sit nicely beside each other */
#page .checkboxes-form-item label,
#page .checkboxes-form-item input,
#page .radios-form-item label,
#page .radios-form-item input {
    display: inline;
    vertical-align: middle;
}
/* push the label away from the input slightly */
#page .checkboxes-form-item input,
#page .radios-form-item input {
    margin-right: 5px;
    width: 13px; /* for ie */
    height: 13px; /* For ie */
}
/* styling for the label */
#page .radios-form-item label,
#page .checkboxes-form-item label {
    font-weight: normal;
    float: none;
    margin: 0;
}

/************************
 * enhanced textareas
 ************************/
.enhanced-textarea .textarea-footer {
    background-color: #ececec;
    border: 1px solid #999;
    border-top: none;
}
 
.enhanced-textarea .grippie {
    min-height: 5px;
    _height: 5px;
    background: url(/common/images/backgrounds/bg_grippie.gif) #ececec 50% 50% no-repeat;
}
.enhanced-textarea .grippie:hover {
    cursor: n-resize
}
.enhanced-textarea .textarea-length-counter {
    text-align: right;
    padding: 2px;
}

/************************
 *  container / inline form items
 ************************/
fieldset.container-form-item {
}
#page fieldset.container-form-item .form-item {
    float: left; 
    _float: none; /* ie 6 had crazy jumping label issues when these boxes were floated. make it display inline and no float instead to line up the items */
    _display: inline;
    margin: 0 10px 0 0;
    clear: none;
    padding: 0 0 1.4em 0;
    position: relative;
    overflow: visible; /* IE7 chops off content if this is hidden */
}
#page fieldset.container-form-item .form-item label {
    margin: 0;
    position: absolute;
    text-align: left;
    width: auto;
    bottom: 0; 
    left: 0;
    font-size: 0.92em;
}
#page fieldset.container-form-item .read-only-form-item label {
    display: none;
}

#page fieldset.container-form-item legend {
    font-weight: normal;
}
#page fieldset.container-form-item .form-item input.text,
#page fieldset.container-form-item .form-item  select {
    float: left;
    clear: left;
    max-width: 1000px;
}

/************************
 *  error form items
 ************************/
.error-form-item {
}
.error-form-item .error-message {
    display: block;
    margin: 5px 0;
}
.error-form-item input.text,
.error-form-item textarea,
.error-form-item select {
    border-color: #f00;
}

/************************
 *  file uploader form item
 ************************/
.file-form-item dl.file-details {
    margin: 0;    
}
.file-form-item dl.file-details dt {
    float: left;
    width: 50px;
}
.file-form-item dl.file-details dd {
    padding: 0 0 0 60px;
}

/************************
 *  image uploader form item
 ************************/
.image-file-form-item dl.file-details {
    padding-left: 100px;
}
.image-file-form-item dl.file-details dt.thumbnail {
    position: absolute;
    left: -1000em;
    top: -1000em;
}
.image-file-form-item dl.file-details dd.thumbnail {
    padding: 0;
    float: left; display: inline;
    margin: 0 10px 0 -100px;
}

/************************
 *  date picker form item
 ************************/
.date-form-item .description {
    clear: both;
}
/* For the input and anchor */
a.dp-choose-date {
    width: 16px;
    height: 16px;
    border: none;
    color: #fff;
    padding: 0;
    margin: 0 0 0 3px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    /*background: url(../../images/buttons/but_calendar.png) #ececec left top no-repeat;*/
    text-indent: -1000px;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
input.dp-applied {
    float: left;
}
/* For the calendar table */
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    width: auto;
    margin: 0;
    border-collapse: separate; /* override default table styles */
}
table.jCalendar th {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    border: none;
    text-align: center;
}
table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
    vertical-align: middle;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.selected:hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #fff;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #bbb;
    color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div#dp-popup {
    position: absolute;
    font-size: 10px;
    background: #ccc;
    padding: 2px;
    min-height: 172px;
    min-width: 171px;
    z-index: 2000;
}
div#dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div#dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
    cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
    cursor: default;
}
div#dp-popup div#dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-next a {
    float: right;
}
div#dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div#dp-popup td {
    cursor: pointer;
}
div#dp-popup td.disabled {
    cursor: default;
}


/*****************************************************************************************
 *            focus highlighting
 ****************************************************************************************/
/* style the label when the associated control has focus */
.form-item label.arbHasFocus {
}
.form-item input[type=text].arbHasFocus,
.form-item textarea.arbHasFocus,
.form-item select.arbHasFocus {
    border: 1px solid #000;
}

/*****************************************************************************************
 * Form item widths
 ****************************************************************************************/
 
/************************
 * standard width controls
 ************************/
.form-item input.text,
x.form-item textarea,
.form-item .short-help {
    width: 218px;
}
.form-item select {
    width: 257px;
}
.form-item textarea {
    width: 97%;
}
/************************
 * extra short controls
 ************************/
.form-item .extra-short input.text,
.form-item .extra-short textarea,
.form-item input.extra-short,
.form-item textarea.extra-short,
.form-item .extra-short .short-help {
    width: 50px;
}
.form-item .extra-short select,
.form-item select.extra-short {
    width: 57px;
}

/************************
 * short controls
 ************************/
.form-item .short input.text,
.form-item .short textarea,
.form-item input.short,
.form-item textarea.short,
.form-item .short .short-help {
    width: 117px;
}
.form-item .short select,
.form-item select.short {
    width: 137px;
}

/************************
 * wide controls
 ************************/
.textbox .wide input,
x.form-item .wide textarea,
.form-item input.wide,
x.form-item textarea.wide,
.form-item .wide .short-help {
    width: 350px;
}
.form-item .wide select,
.form-item select.wide {
    width: 357px;
}

/*****************************************************************************************
 * misc
 ****************************************************************************************/
 
/************************
 * clearfix (float clearing) for controls
 ************************/
/*ClearFix for good browsers*/
html > body .form-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* only mac ie \*//*/
* html .form-item { display: inline-block !important; }
*//* end hack */
@media all { /* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
    .form-item { 
        zoom: 1; 
        display: block;
    }
}
/*
    layout for normal forms (contact forms etc.)
*/

/*****************************************************************************************
 * Two column forms (label beside inputs)
 ****************************************************************************************/
.two-column-form {
    width: 571px; /* hardcoding the form width */
    margin: auto;
    padding: 0;
}

/************************
 * fieldset / legends
 ************************/
/* first level fieldset */
.two-column-form fieldset {
    background: url(../../images/backgrounds/bg_fieldset-bottom.gif) #FCFCFC left bottom repeat-y;
    padding: 0 0 13px 0;
    margin-top: 19px;
}
/* second level fieldset */
.two-column-form fieldset fieldset {
    margin: 10px 9px 0 9px;
    background-image: url(../../images/backgrounds/bg_fieldset-secondary-bottom.gif);
}
/* third level fieldset */
.two-column-form fieldset fieldset fieldset {
    margin: 10px 9px 0 9px;
    background-image: url(../../images/backgrounds/bg_fieldset-tertiary.gif);
}
/* first level legend */
.two-column-form .legend {
    display: block;
    background: url(../../images/backgrounds/bg_fieldset-top.gif) transparent left top no-repeat;
    margin: 0;
    padding: 12px 0 3px 21px;
    min-height: 17px;
    color: #432973;
    float: none;
}
.two-column-form .legend a {
    color: #432973;
    text-decoration: none;
}
/* second level legend */
.two-column-form fieldset fieldset .legend {
    background-image: url(../../images/backgrounds/bg_fieldset-secondary-bottom.gif);
    padding-left: 41px;
}
/* third level legend */
.two-column-form fieldset fieldset fieldset .legend {
    background-image: url(../../images/backgrounds/bg_fieldset-tertiary.gif);
    padding-left: 41px;
}

/************************
 * styling for form items (make each one a row)
 ************************/
 
/* generic form item */
.two-column-form .form-item {
    padding: 0 0 0 208px; /* padding-left is width of first column */
    margin: 4px 1px 0 3px;
    clear: left;
}
/* form item contained within a fieldset */
.two-column-form fieldset .form-item {
    background-image: none;
    background-color: transparent;
    padding-right: 10px;
}
/* secondary fieldset form item */
.two-column-form fieldset fieldset .form-item {
    padding-left: 197px;
}
/* tertiary fieldset form item */
.two-column-form fieldset fieldset fieldset .form-item {
    padding-left: 189px;
}
/* child form items */
.two-column-form fieldset .form-item .form-item {
    padding: 0;
}
/* error form items */
.two-column-form fieldset .error-form-item {
    background: url(../../images/backgrounds/bg_error-form-item.gif) transparent 0 0 no-repeat;
    min-height: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/************************
 * styling for form item labels (make them the first column)
 ************************/
 
/* get rid of legends in the label position to style the inner span */
.two-column-form .form-item legend {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    _margin: 0 0 -10em -158px; /* see comment below for IE 6 fix */
    float: left; display: inline;
    overflow: visible;
}
/* IE 7 fix */
*:first-child+html .two-column-form fieldset.form-item legend {
    margin-left: -8px;
}
/* make the control label appear in the leftmost column */
.two-column-form .form-item label,
.two-column-form fieldset.form-item legend span {
    width: 130px;        /* width of first (label) column */
    margin: 3px 0 0 -150px;
    float: left; display: inline;
    padding: 0 16px 4px 0;
    font-weight: normal;
    line-height: 1.2em;
    text-align: right;
    /* position: relative;  this makes the labels jump in IE with collapsible fieldsets */
}
/* IE 6 fix, we're putting the negative margin on the legend, not the span inside because IE 6
   won't do overflow: visible on our 0 height 0 width legend if we negatively margin the span
   and don't have position: relative which makes things jump around :-( */
.two-column-form fieldset.form-item legend span {
    _margin: 0;
}
/* reset lower level labels */
.two-column-form .form-item .form-item label {
    float: none;
}
/* the (required) image */
.two-column-form .form-item label img,
.two-column-form .form-item legend span img {
    float: right; display: inline;
    margin-right: -15px;
    padding-left: 3px;
}

/************************
 * space out buttons
 ************************/
.two-column-form .buttons-form-item {
    padding-top: 20px;
    padding-left: 0;
    margin: 0;
}
.two-column-form fieldset .buttons-form-item {
    padding-top: 4px;
    margin: 0;
}

/************************
 * 3 column checkbox lists
 ************************/
#page .two-column-form div.checkboxes-form-item  {
    padding-left: 21px;
}
#page .two-column-form div.checkboxes-form-item .first-item 
{
    clear: left !important;
}
#page .two-column-form fieldset fieldset div.checkboxes-form-item  {
    padding-left: 41px;
}
#page .two-column-form div.checkboxes-form-item .form-item {
    float: left; display: inline;
    clear: none;
    width: 32.5%;
    margin: 0 -17px 3px 0;
    padding-left: 17px;
}
#page .two-column-form div.checkboxes-form-item .form-item input {
    float: left; display: inline;
    margin-left: -17px;
}
#page .two-column-form div.checkboxes-form-item .form-item label {
    padding-right: 30px;
    line-height: 1.1;
    _height: 0;
}

/* fieldset level descriptions*/
.two-column-form .description-form-item,
.two-column-form fieldset fieldset .description-form-item {
    padding-left: 21px;
}
/* form-item level descriptions*/
.two-column-form .form-item .description {
    color: #333;
    font-size: 0.91em;
    margin-botttom: 3px;
}
/* form-item level descriptions*/
.two-column-form .container-form-item .error-message {
    clear: both;
} 

/*****************************************************************************************
 * One column forms label above inputs
 ****************************************************************************************/
.one-column-form .legend,
.one-column-form label {
    margin: 20px 0 10px 0;
    display: block;
    font-weight: bold;
    color: #E6312A;
}
.one-column-form .form-item {
    margin: 10px 0;
}
.one-column-form fieldset .form-item label {
    margin: 0 0 5px 0;
    font-weight: normal;
    color: #000;
}




/*****************************************************************************************
 *            Main document sections layout
 ****************************************************************************************/
html,body {
    text-align: center;
    min-width: 960px; /* stop container shrinking smaller than #page and taking flash holder etc. with it */
}
#page {
    position: relative; zoom: 1;
    z-index: 1;
    margin: auto;
    width: 960px;
    text-align: left;
    overflow: hidden;
}

/************************
 * header, primary navigation and breadcrumb
 ************************/
 
#page #header {
    position: relative; zoom: 1;
    z-index: 20;
}
#page #primary-navigation {
    left: 448px;
    position: absolute;
    top: 12px;
    z-index: 99999;
}

/************************
 * secondary navigation & content columns
 ************************/
 
/* no secondary nav */
#page #content {
    padding-top: 55px; /* clear primary navigation and leave margin room */
    padding-bottom: 30px;
}
/* breathe in at the left a little to make room for secondary nav */
body.has-secondary-navigation #page #content {
    float: right; display: inline;
    margin-left: -260px;
    width: 100%;
}

body.home-page #content-inner {
    padding-top: 480px;
}

/* push content away from space where secondary nav will be */
body.has-secondary-navigation #page #content-inner {
    padding-left: 266px;
}


/* move into the space we created next to #content */
#page #secondary-navigation {
    display: inline;    
    float: left;
    margin-bottom: 10px;
    margin-top: 255px;
    position: relative;
    width: 250px; /*width of nav*/
    z-index: 1;
}

/************************
 * misc
 ************************/
#page #footer {
    padding: 0;
    height: 67px;
    clear: both;
}
#extra1 {
    background: url(/common/images/backgrounds/bg_combined.gif) #A50228 0 -210px repeat-x;
    clear: both;
    height: 67px;
    margin-top: -67px;
    position: relative;
}
body.home-page #extra2 {
    position: absolute;
    width: 100%;
    height: 490px;
    top: 66px;
    left: 0;
    z-index: 2;
}
body.home-page #extra3 div {
    position: absolute;
    width: 251px;
    height: 133px;
    top: 0;
    left: 50%;
    margin-left: -439px;
    *margin-left: -440px; /* IE was getting it slightly wrong */
    z-index: 3;
    background-image: url(/common/images/backgrounds/logo_areeba.png);
}

/*****************************************************************************************
 *            Inside page layout / styles
 ****************************************************************************************/
body {
    font-family: Tahoma,  Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: url(/common/images/backgrounds/background_areeba_content.jpg) #fafafa center 0 no-repeat;
    color: #737171;
}
body.home-page {
    background-image: none;
}
#page {
}
#page-inner {
}


/*****************************************************************************************
 *             Setion Title internal layout / styles
 ****************************************************************************************/
 
#section-title {
    background: #33312E none repeat scroll 0 0;
    margin: 34px 1px 0 0;
    color: #FFFFFF;
    font-size: 4em;
    padding: 70px 53px 20px 0;
    text-align: right;
    zoom: 1; /* bg wasn't fully appearing in IE 6 without layout applied */
}
body.has-secondary-navigation #section-title {
    margin-left: -266px;
}
#section-title h1 {
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

/*****************************************************************************************
 *             Content area internal layout
 ****************************************************************************************/
#content {
}

#overview {
    font-size: 1.1667em;
    font-weight: bold;
}
/************************
 * No sub content
 ************************/
#content #main {
    padding-top: 18px;
}
body.company-section #main-inner,
body.showcase-section #main-inner,
body.error-section #main-inner,
body.floating-section #main-inner  {
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 30px 20px 50px 20px;
}
body.is-section-index #main-inner,
body.history-page #main-inner {
    border: none;
    background: none;
    padding: 0;
}


/*****************************************************************************************
 *            Content styles for custom classes and id's
 ****************************************************************************************/

/************************
 * font and print page controls
 ************************/
ul#page-controls {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
ul#page-controls li {
    float: left; display: inline;
    margin: 0 7px 0 0;
    padding: 0;
    width: 20px;
    height: 20px;
}
ul#page-controls li.arb-hover {
    cursor: hand;
    cursor: pointer;
}
ul#page-controls li#print-control span {
    /* xbackground-image: url(../images/buttons/but_print.gif); */
}
ul#page-controls li#font-size-up-control span {
    /* xbackground-image: url(../images/buttons/but_fontUp.gif); */
}
ul#page-controls li#font-size-down-control span {
    /* xbackground-image: url(../images/buttons/but_fontDown.gif); */
}

/************************
 * More Link
 ************************/
 
.more-link {
    padding: 5px 0 0 0;
} 
.more-link a:link,
.more-link a:visited {
    color: #737171;
}
 
/************************
 * USER NOTES (message box type stuff)
 ************************/
 
.important, .success, .error, .cancelled {
    padding: 10px;
    margin: 1em auto;
}
.important h2, .success h2, .error h2, .cancelled h2 {
    color: inherit;
    margin-top: 0;
}
.important {
    color: #725A00;
    border: 1px solid #FAC71E;
}
.success {
    color: #2d8228; 
    border: 1px solid #51cd49;
}
.error {
    color: #FF0000;
    border: 1px solid #f9221d;
}
.cancelled {
    color: #FF0000;
    border: 1px solid #f9221d;
}

/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
    color: #666;
}

/*****************************************************************************************
 *            Utility styles
 ****************************************************************************************/
/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/
.image-replaced {
    position: relative;
    overflow: hidden;
}

.image-replaced span{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
}

/************************
 * accessibility styles
 ************************/
/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
    position: absolute !important;
    top: -1000em !important;
    left: -1000em !important;
}

/************************
 * collapsible regions
 ************************/
 
html.js #content .collapsible-body {
    overflow: hidden;
    margin-left: 10px;
}
html.js #content .collapsed .collapsible-body * {
    display: none;
}
html.js #content .collapsible-heading a {
  padding-left: 10px;
  background: url(/common/images/bullets/bul_collapsible-open.png) transparent 0 50% no-repeat;
  color: inherit;
}
html.js #content .collapsible-heading a:hover {
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}
html.js #content .collapsed .collapsible-heading a {
    background: url(/common/images/bullets/bul_collapsible-closed.png) transparent 0 50% no-repeat;
}

/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
    * html .clearfix {
        _height: 0;
    }
    
    .clearfix {
        display: block;
    }
}

/************************
 * flash inclusion
 ************************/
/* These are standard flash inclusion styles... do not modify */
@media screen {
    .flash-text-replaced embed,
    .flash-text-replaced object {
        visibility: visible !important;
        margin: 0;
        clear: none;
        _margin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
        display: block;
    }
    
    html.flash-text-has-flash span.alt {
        display: block;
    }
    .flash-text-replaced span.alt {
        position: absolute;
        left: -10000px;
        top: -10000px;
    }
}
.flash-replaced .alt {
        position: absolute;
        left: -10000px;
        top: -10000px;
}

/* custom font tweaks go here */
html.flash-text-has-flash #section-title .alt,
html.flash-text-has-flash #section-title h1 .alt {
    zoom: 1; /* stop ie 6 putting 3px of internal margin on our text (and pushing the embed element down when it's inserted */
}
 
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*** Additional changes for blog and twitter integration  ***/
#sidebar {
    background:#E9E9E9 none repeat scroll 0 0;
    border:1px solid #D1D1D1;
    display:inline;
    float:right;
    font-size: 1em;
    margin:17px 0 0;
    padding: 3px;
    width:278px;
}
#sidebar,
#sidebar * {
    -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/;
}
#sidebar ul.ui-tabs-nav {
    background: none;
    border: none;
    margin:0;
    padding:0;
    list-style: none;
    position: relative;
}
#sidebar .ui-tabs .ui-tabs-panel {
    background: #fff;
}
#sidebar .ui-tabs-nav li {
    background: #e9e9e9;
    border-color: #e9e9e9;
}
#sidebar .ui-tabs-nav .ui-tabs-selected {
    background: #fff;
    border-color: #fefefe;
}
#sidebar .ui-tabs-nav span {
    font-weight: bold;
}
#sidebar .ui-tabs-nav a {
    padding:8px 12px;
    text-align:center;
    width: 45px;
}

#sidebar .ui-tabs-nav a:hover,
#sidebar .ui-tabs-nav .ui-tabs-selected a {
    color: #C00F2F;
}
/* Tab contents */
#sidebar div.ui-tabs-panel {
    background: #fff;
    border: 1px solid #fefefe;
    border-top: 0px medium #fff !important;
    color: #737171;
    padding: 15px 13px;
    xpadding:15px 2px;
}
#sidebar div li a {
    color:#C00F2F;
}

/* News tab */
#sidebar #news-items {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    display:block;
    float:none;
    margin:0;
    width:250px;
}
#sidebar #news-items ul {
    border: none;
}
#sidebar #news-items ul li{
    padding: 15 2px;
    margin: 0;
}

/* Twitter feed */
#sidebar #timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar #timeline li {
    border-top:1px solid #D1D1D1;
    margin:0;
    padding:15px 2px 12px 2px;
}
#sidebar #timeline li.first {
    border:medium none;
    padding-top:0;
}
#sidebar #timeline li a.entry-date,
#sidebar #blogfeed li .timestamp  {
    color: #737171;
    display: block;
    font-size: 0.75em;
    margin-top: 0.5em;
    text-decoration: none;
}
#sidebar #timeline li a.entry-date:hover {
    text-decoration: underline;
}
/* Blog feed */
#sidebar #blogfeed {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar #blogfeed li {
    border-top:1px solid #D1D1D1;
    margin:0;
    padding:15px 2px 12px 2px;
}
#sidebar #blogfeed li.first {
    border:medium none;
    padding-top:0;
}