/* Silk icons provided by Mark James: http://www.famfamfam.com/ */
/* Tango icons provided by the Tango Desktop Project http://tango.freedesktop.org/Tango_Icon_Library */
@import url(printhacks.css); /* CSS filters and browser specific CSS */

*  {margin: 0; padding: 0;}

body {background: none; color: #505050; font: 72%/150% Verdana, Helvetica, Arial, sans-serif; text-align: left; margin:0px!important;}
h2, h3, h4, h5, h6, p, ul, ol, dl, address, img, hr, blockquote {margin: 0 20px; padding: 5px 0;}

h1, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
h2, h3, h4, h5 {font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}


/* LOGOS FOR HOME PAGE for English */
h1.logo a {display: block; height: 60px; text-indent: -20px;}
h1.logo {margin-left: 0px; margin-top: 0px;padding-bottom:0px; height: 96px;}

h1 img {padding-bottom: 0; margin-top: -2px;}
h2 {font-size:1.7em; line-height: 1.1em; margin:0!important;}
h2.h2tight {margin-bottom:-.5em;}
h2.pagehead {font-size:1.3em;}
h3 {color:#747474;padding:.6em 0 0 0em; /*height: 16px;*/ font-size:1.4em; clear: both; margin-bottom: 0em;}
h3.memberlist {color:#747474;padding:.6em 0 0 0; /*height: 16px;*/ font-size:1.4em; clear: both; margin-bottom: 0em; margin-left:.6em;}
h4 {font-size: 1.1em; clear: both; padding-bottom: 0;}
/* h4+p affects spacing of the the first paragraph tage after an h4 in Firefox */
h4+p {padding-top: 0; margin-top: 1em; margin-bottom: 0em;}
h7 {font-size: .9em; clear: both; padding-bottom: 0;}

.hidepr {display:none;}

img, img a {border: none;}

p img.left {margin-left: 0;} 
p img.right {margin-right: 0;} 

a {text-decoration: none;}
a:link {color: #333;}
a:visited {color: #999;}
a:hover, a:active, a:focus {color: #CA6900; text-decoration: underline;}

/* For jquery toggle box */
#ttoggle {display:none!important;}
.togglebox, .slidetoggle {display:block!important;}

form {margin: .5em 10px;}
label {margin-bottom: .5em; cursor: pointer;}
input, textarea {color: #191919; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {/*border: #7f6619; not needed as it looks funny in FF */}
input.text, select {padding: 2px 0; border: 1px solid #BCBCBC;}
label, select {float: left; display: block; padding: 0;}
input.search {width: 14em;}
input.submit {background: #fff; color: #FFF; border: 1px solid #023392;}
fieldset {border: 0px; clear: both;}

.readmore {vertical-align:top; background:url(/images/readmore.gif) no-repeat 80px 2px; text-align:right; width:100px;padding-right:25px; font-weight:bold; color:#3572BA !important;}
.readmore:hover {vertical-align:top; background:url(/images/readmore_over.gif) no-repeat 80px 2px; text-align:right;padding-right:25px;font-weight:bold; color:#FF9B26 !important;}

dd p, blockquote p, form p {margin-left: 0;}

table {margin-left: 20px; margin-bottom: 10px; border-collapse: collapse; width: 92%; font-size: .9em; border: 1px solid #333333;}
caption {font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: #003399; color: #FFF;  margin-left: 19px; margin-top: 10px;  padding: .5em 0 .5em .5em; font-size: 1.1em; text-align: left;}
td, th {padding: .5em 0 .5em .5em; font: .9em Verdana, Helvetica, Arial, sans-serif; vertical-align: top; border-left: 1px solid #333333;}
th {font-weight: bold;}
.even {background-color: #fff;}

ol {list-style-position:outside; text-indent:0em; margin-left:5em;}
ul li {margin-left:3em;}
ul li em {font: bold 1.1em Arial, Helvetica, sans-serif;}
blockquote {font: normal 1.5em Arial, Helvetica, sans-serif; display: block;}


/* =navlanguage */
/* placement of language nav */
#navlanguage {display: none;}

/** Do not display in print version **/
#langbar{display: none!important;}

/* Print-friendly link */
.pficon, .pficona {display: none;}


/* =pagelist */
ul.pagelist {list-style: none; padding: 0;}
ul.pagelist li {background:#fff; margin-top: .5em;}
.pagelist-last {margin-bottom:.8em}

#content-sub ul.pagelist {list-style: none; padding: 0;}
#content-sub ul.pagelist li {background:#fff; margin-top: .5em;}
#content-sub .pagelist-last {margin-bottom:.8em}


/* =layout */
/* =container */
#container {background: #fff; width: 500pt; }
/* =branding */
#branding {overflow: hidden; text-align: left;}
#branding a:link, #branding a:visited {color: #FFF; text-decoration: none;}


/* =content */
#content {float: left; font-size:110%;background: #fff;}

/* =content-main */
#content-main {float: left; width: 500pt;}

/* =content-sub */
#content-sub {display: none;}


/* =content-nav */
#content-nav {display: none;}
#content-nav {width: 218px; float: left; padding-top: 2em; margin-left:-568px;}
#content-nav img {margin: 0 10px;}

/* Back to top link image for footer */
.topbutton {display: none;}

/* =siteinfo aka FOOTER*/
    /** Hide language bar in footer **/
#siteinfo {display: none!important;}


/***** These are template layout specifics *****/
/* Begin generic equal column layouts  */

.leftcol {width: 278px; float: left; }
.rightcol {width: 284px; float: right;}


.col01 {width: 140px; float: left; padding: 0!important; margin:0!important; text-align:left!important;}
.col02 {width: 140px; float: left; padding: 0!important; margin:0!important; text-align:left!important;}
.col03 {width: 140px; float: left; padding: 0!important; margin:0!important; text-align:left!important;}
.col04 {width: 160px; float: left; padding: 0!important; margin:0 0 0 -15px!important; text-align:left!important;}

.col01 p, .col02 p, .col03 p, .col04 p {margin:0 0!important;padding:5px 0!important;}

.columnspanborder .col01 {margin-left:10px!important;}


/***** These are template layout specifics *****/
body#home-layout #content-main {padding-top: 2.5em;}
body#home-layout #content #content-main .column1, body#home-layout #content-main .column1sm {width: 320px; float: left;}
body#home-layout #content #content-main .column2, body#home-layout #content-main .column2sm {width: 320px; float: left;}
body#home-layout #content-main .column1 div, body#home-layout #content-main .column2 div {width: 100%; border-bottom: 1px solid #D2CCCC; padding-top: 1em; padding-bottom: 1em;}
body#home-layout #content-main .column1 div:last-child, body#home-layout #content-main .column2 div:last-child, body#home-layout #content-main .column1sm div:last-child, body#home-layout #content-main .column2sm div:last-child {border-bottom: 0;}
body#home-layout #content-main h3 {margin-bottom: 0;color:#333333;}

body#channel-layout #content-main {background: none;}
body#channel-layout #content-main .column1 {float: none; padding-top: 2em;}
body#channel-layout #content-main .column2 {float: none; padding-top: 2em;}
body#channel-layout #content-main .column2 p {font-size: .9em;}
body#channel-layout #content-sub {float: right; padding-top: 18px;}

/* BEGIN do additional review for printing */
body#channel-layout2 #content {background: none;}
body#channel-layout2 #content-main {width: 500pt;}
body#channel-layout2 #content-nav p {font-size: .9em;}
body#channel-layout2 #content-nav {margin-left: 0;}
body#channel-layout2 .columns {background: none; float:none;}
body#channel-layout2 #content-main .column1 {float: none;}
body#channel-layout2 #content-main .column2 {float: none;}
body#channel-layout2 #content-main .column1 div, body#channel-layout2 #content-main .column2 div, body#channel-layout2 #content-main .column1sm div, body#channel-layout2 #content-main .column2sm div {width: 100%; border-bottom: 1px solid #D2CCCC; padding-top: 1em; padding-bottom: 1em!important;}
body#channel-layout2 #content-main .column1 div:last-child, body#home-layout #content-main .column2 div:last-child, body#channel-layout2 #content-main .column1sm div:last-child, body#channel-layout2 #content-main .column2sm div:last-child {border-bottom: 0; padding-bottom: 0em;}
/* END do additional review for printing */


/* =classes */
.indent {padding-left: 1em; line-height: 1.2em;}
.indent p {padding-top: 0; margin-top: 0;}
.invisible {display: none;}
.hilite {color:#000; font-size: 0.9em;}
#content-sub .hilite {font-size: 1em;}
.clear {clear: both; margin: 0; padding: 0; height: 0;}
.left {float: left;}
.right {float: right;}
.arrow {padding: 0; margin-right: 0; margin-left: 2px;}
.no-side-pad {padding: 0; margin: 0;}
.small {font-size: 95% !important; line-height: 1em;}
.smaller {font-size: 90% !important; line-height: 1em;}


/* Feature styles */
.img-descript {float: left; width: 40%; border: 0;}
#content-main .img-descript p {width: 170px; font: 90%  Arial, Helvetica, sans-serif; padding: 0; margin-bottom: 14px;}
#content-main .img-descript image {width: 170px;}
.feature {float: right; width: 54%!important;}
.featurewebcast {float: right; width: 40%;}
.img-left {float: left; width: 265px; border: 0;}
.img-right {float: right; width: 200px; border: 0;}
.sidenotes {float: right; width: 265px; border: 0;}
.sidenotes img, .sidenotes p, .sidenotes ul  {margin-right: 0;}
.caption {margin-top: 0; padding-top: 0; width: 90%; font-size: .9em; line-height: 1.1em;}
.caption1 {margin-top: 0; padding-top: 0; width: 88%; font-size: .9em; line-height: 1.1em;}
.captionrr {margin-top: 0; padding-top: 0; width: 90%; font-size: .9em; line-height: 1.1em;width:220px;}
.toppadding {padding-top:0em;}
.topmargin {margin-top: 0em;}

#siteinfo .active, #siteinfoJPN .active, #siteinfoESL .active, #siteinfoFRA .active, #siteinfoCHI .active, #siteinfoRUS .active, #siteinfoARA .active {color: #393D3E; font-weight: bold;}
.imgtitle {border-bottom: 8px solid #E9E9E9; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; float: left; width: 100%}
.imgtitle p {font-size: .8em; line-height: 1.1em;}
.intro {font: bold 1.2em  Arial, Helvetica, sans-serif; padding-top: 0;}
.introbull {font: bold 1.2em  Arial, Helvetica, sans-serif; padding-top: 0; overflow: visible;}
.tagline {font: bold 1.2em  Arial, Helvetica, sans-serif; font-style: italic; padding-top: 1.2em; }
.surveyheader {font: 1.2em  Arial, Helvetica, sans-serif; font-style: italic; border-bottom: 1px solid #D2CCCC; border-top: 1px solid #D2CCCC; margin: 0; padding-left: 1.5em; margin-bottom: .5em;}
.surveyheader span {font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #0066CC; font-weight: bold;}

.space-adjust {margin-left: 0.7em;}
div.border {width: 100%; border-bottom: 1px solid #D2CCCC; margin-bottom: .5em; clear: both;} 

/* added footnote styles */
.footnote {clear:both;}
.ftnline {border-top:1px solid #333; width:150px;padding-top:5px; margin:20px 0 0 20px;}
.footnote p {font-size:90%;margin-top:0em; padding-top:0;}
/* IE 6 adjustments */
*html .ftnline {border-top:1px solid #333; width:150px;padding-top:0px;margin:20px 0 0 20px;}
*html .footnote p {font-size:90%;margin-top:-1.5em;}
/* IE 7 adjustments */
*:first-child+html .ftnline {border-top:1px solid #333; width:150px;padding-top:0px;margin:20px 0 0 20px;}
*:first-child+html .footnote p {font-size:90%;margin-top:-1.5em;}

.italicfix {width:90%;}

.title {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #999999;}
.subtitle{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #333333;}


/* Added directional class for RTL */
.rtldir {direction:rtl!important;}
/* Added directional class for LTR */
.ltrdir {direction:ltr!important;}
/* for specific Arabic print styles */
.arabic {text-align:right; direction:rtl;}

/* Flash content embedding */
#flashcontent {display:none;}