/* This stylesheet is common for all browsers */

/************
 NEW STYLES ADDED FOR NEW BLOCK LAYOUT SYSTEM
************/
/* A div containing a partner item */
.partner_item { 
    padding: 8px 4px; 
}

.article_item { 
    margin-bottom: 8px;
    margin-top: 8px;
}


.teaser_image_right { 
    margin-left: 6px;
    margin-bottom: 4px;
    float: right;
}

.teaser_image_left { 
    margin-right: 6px;
    margin-bottom: 4px;
    float: left;
}


/***********************************
A div containing a job item */
.rightcolumn .job_item, 
.rightcolumn .job_item_short, 
.rightcolumn .job_summary_short 
{ 
    padding: 8px 4px; 
}




/*****************************
Common block heading styles, used for both main column and right hand column
*/

.headingblock a.heading, 
.headingblock .heading 
{ 
  color: #ffffff;
  font-weight: bold;
}

.headingblock a.heading { 
  text-decoration: none;
}

.headingblock a.heading:hover, 
.headingblock a.heading:active { 
  color: #000000;
  text-decoration: none;
}


/*****************************
  Main Column Layout
*/

.maincolumn .headingblock a.heading, 
.maincolumn .headingblock .heading 
{ 
  font-size: 80%;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  font-size: 85%;
}
html>body .maincolumn .headingblock a.heading, 
html>body .maincolumn .headingblock .heading 
{ 
  font-size: 85%;
}

.maincolumn .headingblock { 
  width: 100%;
  margin-bottom: 10px; 
  padding: 0px;
  display: block;
}


.maincolumn .headingblock .heading { 
  padding: 2px 6px ;
  font-style: normal;
}

.maincolumn .blockcontents {
     padding-bottom: 16px;
}


.maincolumn .summarytext
{
  font-size: 95%;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  font-size: 85%;
}
html>body .maincolumn .summarytext
{ 
  font-size: 85%;
}

/*****************************
  Right Column Layout
*/


.partner_item  a.listheadline,
.job_item_short  a.listheadline,
.jobsummary a.listheadline,
.rightcolumn a.listheadline
{ 
  font-size: 120%;
  font-weight: 700;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  font-size: 110%;

}
html>body .partner_item  a.listheadline,
html>body .job_item_short  a.listheadline,
html>body .jobsummary a.listheadline,
html>body .rightcolumn a.listheadline
{
  font-size: 110%;
}


.rightcolumn .headingblock a.heading,
.rightcolumn .headingblock .heading
{ 
  font-size: xx-small;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  font-size: x-small; 
}
html>body .rightcolumn .headingblock a.heading,
html>body .rightcolumn .headingblock .heading
{
  font-size: x-small;
}

.rightcolumn .blockwithheading .blockcontents, 
.rightcolumn .blockcontents
{ 
  font-size: xx-small;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  font-size: x-small;
}
html>body .rightcolumn .blockwithheading .blockcontents, 
html>body .rightcolumn .blockcontents
{
  font-size: x-small;
}

.rightcolumn div.headingblock a.heading, 
.rightcolumn div.headingblock .heading 
{ 
   display: block;
   padding: 0px 1px 0px 4px;
   voice-family: "\"}\""; /* hide rest from IE 5.x */
   voice-family:inherit;
   padding: 0px 1px 0px 6px;
}
html>body .rightcolumn div.headingblock a.heading, 
html>body .rightcolumn div.headingblock .heading 
{
   padding: 0px 1px 0px 6px;
}

/* Right column Box layout, spacing etc */

.rightcolumn
{
    padding: 1px;
}


.rightcolumn .blockwithheading  { 
  color: #000000;
  background-color: white;
  text-decoration: none;
  border: 1px solid #CCC;
  margin: 4px 0px 4px 0px;
  padding: 0px;
  voice-family: "\"}\""; /* hide rest from IE 5.x */
  voice-family:inherit;
  margin: 4px 0px 4px 0px;
}
html>body .rightcolumn .blockwithheading 
{
  margin: 4px 0px 4px 0px;
}

.rightcolumn .blockwithheading .headingblock { 
  color: white;
  font-weight: bold;
  font-size: 100%;
  display: block;
}
  
.rightcolumn .blockwithheading .blockcontents {
  padding: 0px;
  background-color: transparent;
}


/* Nested blocks */
.rightcolumn .blockwithheading .blockwithheading { 
  color: #000000;
  background-color: white;
  text-decoration: none;
  border: none;
  margin-bottom: 4px;
  display: block;
} 

/* Colour of links in right column boxes*/
.rightcolumn .blockcontents a {
  color: #333333;
}



/* Right column Box colours */

/*orangebox*/
.rightcolumn .orangebox .blockwithheading { 
  border-color: #EF8713;
  background-color: #FFEBD6;
}

.rightcolumn .orangebox .blockwithheading .headingblock { 
  background-color: #EF8713;
}

/*bluebox*/
.rightcolumn .bluebox .blockwithheading { 
  border-color: #336699;
  background-color: #E0EBF5;
}

.rightcolumn .bluebox .blockwithheading .headingblock { 
  background-color: #336699;
}

/*greenbox*/
.rightcolumn .greenbox .blockwithheading { 
  border-color: #339933;
  background-color: #D6F5D6;
}

.rightcolumn .greenbox .blockwithheading .headingblock { 
  background-color: #339933;
}

/*purplebox*/
.rightcolumn .purplebox .blockwithheading { 
  border-color: #9966CC;
  background-color: #EBE0F5;
}

.rightcolumn .purplebox .blockwithheading .headingblock { 
  background-color: #9966CC;
}

/*redbox*/
.rightcolumn .redbox .blockwithheading { 
  border-color: #CC3333;
  background-color: #FFE0E0;
}

.rightcolumn .redbox .blockwithheading .headingblock { 
  background-color: #CC3333;
}

/*turquoisebox*/
.rightcolumn .turquoisebox .blockwithheading { 
  border-color: #339999;
  background-color: #E0F5F5;
}

.rightcolumn .turquoisebox .blockwithheading .headingblock { 
  background-color: #339999;
}

/*yellowbox*/
.rightcolumn .yellowbox .blockwithheading { 
  border-color: #999933;
  background-color: #F5F5D6;
}

.rightcolumn .yellowbox .blockwithheading .headingblock { 
  background-color: #999933;
}


/*Guides menu box*/

.smlguidesbox
{
	background-image: url(/sitedesign/oneworld/images/guidesboxbg.gif);
	padding: 1px;
}

.guideselect
{
	background-color: #CCFF99;
	border: #66CC33 dotted 1px;
	margin-bottom: 1px;
}

.guideselect .dropdowntext
{
    font-size: xx-small;
    width: 144px;
}

html>body .guideselect .dropdowntext
{
    font-size: xx-small;
}

.blockcontents .guidemenulink, .blockcontents .guidemenulink a
{  
    font-size: xx-small;
    font-weight: bold;
    margin-bottom: 0px;
    text-decoration: none;
    background-color: #CCFF99;
    color: #333333;
    voice-family: "\"}\"";   
    voice-family: inherit;
    font-size: x-small;
}
html>body .guidemenulink, .guidemenulink a 
{
    font-size: x-small;
}

.guidemenulink:hover a
{  
    text-decoration: underline;
}