/* 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(hacks.css); /* CSS filters and browser specific CSS */
*  {margin: 0; padding: 0; }

/*0.8125em*/

body {background: #E9E9E9; color: #1a1818; font: 67%/145% Verdana, Helvetica, Arial, sans-serif; text-align: left;}
h2, h3, h4, h5, h6, h7, p, ul, ol, dl, address, img, hr, blockquote {margin: 0 20px; padding: 5px 0;}
object {margin: 0 10px;}

h1, h6 {font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
h2, h3, h4, h5, h7 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;}

/* LOGOS FOR HOME PAGE for English */
h1.logo a {display: block; top:0px;;width:460px;height: 78px; text-indent: -1000px;}
h1.logo {background:#335d91 url(/images/tffsban.png) no-repeat 0 0; margin-left: 0px; margin-top: 0px;height: 93px;}

/* END LOGO FOR HOME PAGE */
h1 img {padding-bottom: 0; margin-top: -2px;}
h2 {font-size:1.8em; line-height: 1.1em; color:#000;}
h2.blue {color:#336699; font-variant:small-caps; font-family:"Times New Roman", Times, serif;}
h2.h2small {font-size:1.5em; line-height: 1.2em;}
h2.h2tight {margin-bottom:-.5em;}
h2.pagehead {font-size:1.4em;}
h3 {color:#747474;padding:.6em 0 .3em 0em; /*height: 16px;*/ font-size:1.4em; clear: both; margin-bottom: 0em;}
* html h3.memberlist {color:#747474;padding:.6em 0 0 0; /*height: 16px;*/ font-size:1.4em; clear: both; margin-bottom: 0em; margin-left:.6em;}
h3.memberlist {color:#747474;padding:.6em 0 0 0; /*height: 16px;*/ font-size:1.4em; clear: both; margin-bottom: 0em; margin-left:.3em;}
h4 {font-size: 1.2em; clear: both; padding-bottom: 0; margin-bottom:.5em; color:#747474;}
h4.blue {color:#336699;}
h4.h4small {font-size: .95em; clear: both; padding-bottom:.5em; color:#333;font-weight: bold;}
/* h4+p affects spacing of the the first paragraph tag after an h4 in Firefox */
h4+p {padding-top: 0; margin-top: 0em; margin-bottom: 1em;}
/* h4+p unique for sitemap spacing in FF */
.map h4+p {padding-top: 0; margin-top: .5em; margin-bottom: 0em;}
h5 {padding-bottom: 0; font-size: .9em; line-height: 1.2em;}
h7 {font-size: .9em; clear: both; padding-bottom: 0;}

img, img a {border: none;}
p img.left {margin-left: 0;} 
p img.right {margin-right: 0;} 
a {text-decoration: none;}
a:link {color: #4079BD;}
a:visited {color:#4079BD;}
a:hover, a:focus {color: #F7941D; text-decoration: underline;}
a:active {color:#4079BD;text-decoration: underline;}


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 {color: #000;}
fieldset {border: 0px; clear: both;}
.gsearch {text-align:right;margin-top:-3em;}
.gsearch form {margin: 0em 1em .9em 0;}
*:first-child+html .gsearch form {margin: 0em 1em -.1em 0;}
* html .gsearch form {margin: 0em 1em -.1em 0;}

.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-top:1em; margin-bottom: 10px;  width: 91%; font-size: 1em;}
caption {font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; background: #003399; color: #FFF;  /*margin-left: 19px;*/ margin: 1em 0 0 -1px;  padding: .5em 0 .5em .5em; font-size: 1.2em;text-align: center;}
th {padding: .5em 0 .5em .5em; font-size:1.2em!important; font-weight:bold; vertical-align: top; }
td {padding: .5em 0 .5em .5em; font: 1em Verdana, Helvetica, Arial, sans-serif; vertical-align: top;}
.tablehead {font-weight:bold;}
.hdnavy td, .hdnavy th {font-family: Georgia, "Times New Roman", Times, serif!important; background: #003399!important; color: #fff!important; font-size: 1.1em!important;  font-weight:bold;}
.hdlgray td, .hdlgray th {font-family: Georgia, "Times New Roman", Times, serif!important; background: #E9E9E9!important; font-size: 1.1em!important;  font-weight:bold;}
.hddgray td, .hddgray th {font-family: Georgia, "Times New Roman", Times, serif!important; background: #666!important; color: #fff!important; font-size: 1.1em!important;  font-weight:bold;}
.lgray {background: #E9E9E9;}
.dgray {background:#666666; color:#fff}
.tablehead {font-weight:bold;}
table .left {text-align: left;}
table .right {text-align: right;}
table .center {text-align: center;}
.grid td, .grid th {border-top:1px solid #333;border-left: 1px solid #333;}
.border table {border: 1px solid #333;border-collapse: collapse;}

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 */
#navlanguage {position:absolute;top:12px; right:1em;}
#navlanguage li {display: inline;list-style-type: none;}
#navlanguage a {text-decoration: none;}
#navlanguage li:first-child a {padding-left: 0;}

/* Acrobat PDF Icon */
.acrobatpdf {padding: 5px 20px 0 0; margin: 0; background:url(/images/acrobat.png) right 7px no-repeat;height:20px;display:-moz-inline-box;  /* Gecko proprietary */ vertical-align:middle; /* Gecko needs this */overflow:visible;display:inline-block;font-size:80%;text-align:left;}

.pdfalignright {vertical-align:middle; margin-left:.3em;}

.pdfalignleft {vertical-align:middle;margin-right:.3em;}

.feedicon {vertical-align:middle;margin-right:.5em;margin-left:.5em;}


/* =pagelist */
ul.pagelist {list-style: none; padding: 0;}
ul.pagelist li {margin-top: .5em;margin-left:1em;}
.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}

/* =navpage */
#navpage {padding:0; background:#fff;}
/* For all others */
ul#navpage {list-style: none; margin: 0em; padding: .7em 0 .8em 0; font: bold 1.2em Arial, Helvetica, sans-serif;}
ul#navpage li {margin:0;}
ul#navpage a {display: block; color: #417ABD; margin-bottom: 3px; margin-left:0px; padding: 10px 10px 10px 10px;}
ul#navpage li:last-child a {border-bottom: 0;}
ul#navpage a:hover {text-decoration: none; color: #fff;background:#83a176;}

ul#navpage li a:active, .home ul#navpage li a.homeNav:active, .atwork ul#navpage li a.atworkNav:active, .meth ul#navpage li a.methNav:active, .dataavail ul#navpage li a.dataavailNav:active, .dataqual ul#navpage li a.dataqualNav:active, .capbuild ul#navpage li a.capbuildNav:active, .meetrep ul#navpage li a.meetrepNav:active, .meet ul#navpage li a.meetNav:active, .reports ul#navpage li a.reportsNav:active, .relmat ul#navpage li a.relmatNav:active, .adddoc ul#navpage li a.adddocNav:active, .relsites ul#navpage li a.relsitesNav:hover, .contact ul#navpage li a.contactNav:hover {color:#fff;background:#83a176;}

ul#navpage li a.atworkNav, ul#navpage li a.meetrepNav, ul#navpage li a.relmatNav {background:#F7941D; color:#fff;}


.home ul#navpage li a.homeNav, ul#navpage li a.methNav, ul#navpage li a.dataavailNav, ul#navpage li a.dataqualNav, ul#navpage li a.capbuildNav, ul#navpage li a.meetNav, ul#navpage li a.reportsNav, ul#navpage li a.adddocNav, ul#navpage li a.relsitesNav, .contact ul#navpage li a.contactNav {color:#336699; background:#e3e3ce;}

ul#navpage li a.methNav, ul#navpage li a.dataavailNav, ul#navpage li a.dataqualNav, ul#navpage li a.capbuildNav, ul#navpage li a.meetNav, ul#navpage li a.reportsNav, ul#navpage li a.adddocNav, ul#navpage li a.relsitesNav {padding-left:1.7em;font-size:.9em;}


ul#navpage li a.methNav:hover, ul#navpage li a.dataavailNav:hover, ul#navpage li a.dataqualNav:hover, ul#navpage li a.capbuildNav:hover, ul#navpage li a.meetNav:hover, ul#navpage li a.reportsNav:hover, ul#navpage li a.adddocNav:hover, ul#navpage li a.relsitesNav:hover {text-decoration: none; color:#336699;background:#CFE8FF; padding-left:1.7em;font-size:.9em;}

.home ul#navpage li a.homeNav, ul#navpage li a.homeNav ,ul#navpage li a.contactNav, .contact ul#navpage li a.contactNav{color:#fff;background:#83a176;}

.home ul#navpage li a.homeNav:hover, ul#navpage li a.homeNav:hover, ul#navpage li a.contactNav:hover, .contact ul#navpage li a.contactNav:hover {text-decoration: none; color:#336699;background:#CFE8FF;}

/* highlighted state on selected page */
.meth ul#navpage li a.methNav, .dataavail ul#navpage li a.dataavailNav, .dataqual ul#navpage li a.dataqualNav, .capbuild ul#navpage li a.capbuildNav, .meetings ul#navpage li a.meetNav , .report ul#navpage li a.reportsNav , .adddoc ul#navpage li a.adddocNav , .relsites ul#navpage li a.relsitesNav {background:#C2DFB5;}

.home ul#navpage li a.homeNav,.contact ul#navpage li a.contactNav {background:#C2DFB5;color:#336699;}

/* =navlogopage */
#navlogopage {padding:0; background:#fff;}
ul#navlogopage {list-style: none; margin: 0em; padding: .7em 0 .8em 0; font: bold .95em Arial, Helvetica, sans-serif;}
ul#navlogopage li {display: block; color: #417ABD; margin-bottom: 3px; margin-left:0px; padding: 10px 10px 10px 10px;color: #fff;background:#83a176; background:#e3e3ce; clear:both; min-height:45px;}
* html ul#navlogopage li {display: block; color: #417ABD; margin-bottom: 3px; margin-left:0px; padding: 10px 10px 10px 10px;color: #fff;background:#83a176; background:#e3e3ce; clear:both; height:45px;}
*:first-child+html ul#navlogopage li {display: block; color: #417ABD; margin-bottom: 3px; margin-left:0px; padding: 10px 10px 10px 10px;color: #fff;background:#83a176; background:#e3e3ce; clear:both; min-height:45px;}
ul#navlogopage li img {vertical-align:middle;}
ul#navlogopage li.members {background:#83a176; font: bold 1.2em Arial, Helvetica, sans-serif; min-height:1px;} 
* html ul#navlogopage li.members {background:#83a176; font: bold 1.2em Arial, Helvetica, sans-serif; height:0px!important;} 
*:first-child+html ul#navlogopage li.members {background:#83a176; font: bold 1.2em Arial, Helvetica, sans-serif; min-height:0px;} 
/* =layout */
/* =container */
#container {width: 800px;overflow: visible; text-align: center;  margin: 0 auto; position: relative;}

/* =branding */
#branding {overflow: hidden; background:#3B76BC; text-align: left;}
#branding a:link, #branding a:visited {color: #fff; text-decoration: none;}

/* =content */
#content {font-size:110%; /*border-bottom: 4px solid #023392; no need for this since the toplink image is replacing the border too */ text-align: left; overflow: auto;}

/* =content-main */
#content-main {float: left; width: 568px; min-height: 250px; padding-bottom: 2em;}
#content-main .column1, {float: right; overflow: hidden;}
#content-main .column2, {float: right; overflow: hidden;}
#content-main .last {clear:left;}

/* =content-sub */
#content-sub {float: right; overflow: hidden; font-size: 0.9em;  width: 232px; padding-bottom: 1em;}
#content-sub h2 {font-size: 1.3em;}
#content-sub h3 {padding-left: 0.5em;}
#content-sub h4 {padding-top: .5em; margin-left: .5em;}
#content-sub table {margin-right: 1px; margin-bottom: 10px; width: 99%; font-size: .9em; border: 1px solid #023392; border-top-width: 4px;}
#content-sub .caption {margin-top: 0; padding-top: 0;width: 100%;font-size: .9em; line-height: 1.1em;}
#content-sub caption {font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: #003399; color: #FFF;  margin-right: 0px; margin-top: 10px;  padding: .5em 0 .5em .5em; font-size: 1.1em; text-align: left;}
.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;}

/* =content-nav */
#content-nav {float: left; padding: 0.1em 0 0 -5.0em; margin-left:-635px; font-size:95%!important;}
#content-nav img {margin: 0 10px;}

div.sectiondiv {border-bottom:1px solid #9dbbde; margin: 0 1.5em 0 1.5em;}

/*contact box */

/* .contactbox is green */
/* For IE 6 */
* html .contactbox {background:#DAEFD1;width:160px; margin:0;margin-bottom:1em;}
/* For IE 7 */
*:first-child+html .contactbox {background:#DAEFD1;width:160px; margin-left:0;margin-bottom:1em;}
.contactbox {background:#DAEFD1;width:160px;margin-left:0em;margin-bottom:1em;} 
.contactbox h3 {color: #333;font-size: 1em; background: #83A176; margin: 0; padding: .5em 0 .5em .5em; font-family: Arial, Helvetica, sans-serif;}
.contactbox h4 {background:#83A176; color:#fff; margin:0; padding: .5em 0 .3em 1em; font-family: Arial, Helvetica, sans-serif;font-size: 101%; font-weight:bold;}
.contactbox p {padding-top: .5em; padding-bottom: .5em; margin: 0 .5em;}
.contactbox ul {margin: 0 0px 0 1em; list-style-type:square; list-style-position:inside;}
* html .contactbox ul li {margin-bottom: .3em; margin-left:1em; text-indent:-1.4em;}
.contactbox ul li {margin-bottom: .3em; margin-left:1em; text-indent:-1em;}

/* Overwrite box border */
.boxthin {border-top-width: 1px!important; }
.boxthin h4 {border-top: 0px!important;}

/* global style for proper alignment of left nav boxes */
.leftnav {margin:.5em 0 .5em 0; width:80%;}
.leftnav .right {padding:0 .5em .2em 0;}
.bold {font-weight:bold}


/* =siteinfo aka FOOTER */
#siteinfo {border-top:1px solid #83A176; width: 100%;float: left;  padding: 1.5em 0; font-size: 99%; background:#DAEFD1;text-align:center;}
/*style for items in site */
#siteinfo ul {list-style-type: none; margin: 0; display: inline; padding: .3em 0;}
#siteinfo li {display: inline; line-height: 0.9em; font-size: 1em;}
#siteinfo ul li {margin-left:0;!important}
#siteinfo a {border-right: 1px solid #83A176; padding: 0.20em 0.75em .20em .40em; text-decoration: none;font-weight: bold;}
#siteinfo ul li:last-child a, #siteinfo .last {border-right: 0;}

#siteinfo .active {color: #393D3E; font-weight: bold;}

/* This style affects the links (link is highlighted) in the footer dependant on page user is on */
/*English*/

.home #siteinfo li a.homeBtm, .atwork #siteinfo li a.atworkBtm, .meth #siteinfo li a.methBtm, .dataavail #siteinfo li a.dataavailBtm, .dataqual #siteinfo li a.dataqualBtm, .capbuild #siteinfo li a.capbuildBtm, .meetings #siteinfo li a.meetingsBtm, .report #siteinfo li a.reportBtm, .relmat #siteinfo li a.relmatBtm, .adddoc #siteinfo li a.adddocBtm, .relsites #siteinfo li a.relsitesBtm, .contact #siteinfo li a.contactBtm {color:#697F5F;font-weight: bold;}


/***** These are template layout specifics *****/
/* Begin generic equal column layouts  */
.columnspanborder {border-bottom:0px solid #9CBAE0; overflow: auto; width:100%; padding-top:.5em;padding-bottom:.5em;}
.columnspannoline {border-bottom:0px; overflow: auto; width:100%; padding-top:1em;padding-bottom:1em;}
.columnspanborder h4+p {padding-top: auto; margin-top: auto; margin-bottom: auto;}
.vline {background: url(/images/divider.gif) repeat-y 284px top;min-height: 100%;}
.leftcol {width: 284px; float: left; }
.rightcol {width: 278px; float: right;}
.columnhd {padding-bottom:1em; padding-top:1em;}

.prtrleftcol {width: 384px; float: left; }
.prtrrightcol {width: 178px; float: right;}

/*.col01 {width: 132px; float: left; padding: 0!important; margin:0 8px 0 6px!important; text-align:left!important;}
.col02 {width: 132px; float: left; padding: 0!important; margin:0!important; text-align:left!important;}
.col03 {width: 132px; 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 {width: 132px; float: left; padding: 0!important; margin:0 8px 0 6px!important; text-align:left!important;}
.col02 {width: 132px; float: left; padding: 0!important; margin:0!important; text-align:left!important;}

.col01 p, .col02 p, .col03 p, .col04 p {margin:0 0!important;padding:5px 0!important;}


.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.columnspan {padding-top: 1.5em; overflow: auto;border-bottom:0px!important; } 
/* End generic column layouts */
 
/* #channel-layout is a 3 column layout with left-hand navigation, middle column for content, and gray right-hand side for highlights or links  */
body#channel-layout #content {background:#fff url(/images/gradient.png) repeat-x right top; min-width: 800px;}
body#channel-layout #content-main {background:url(/images/tffsback.png) no-repeat right 1px;width: 475px; float: left; padding-top: 2em; margin-left: 160px; display: inline;}
body#channel-layout #content-main .column1 {width: 235px; float: left;}
body#channel-layout #content-main .column2 {width: 235px; float: right;}
body#channel-layout #content-nav {width:160px!important; background:#fff;}
body#channel-layout #content-nav p {font-size: .9em;}
* html body#channel-layout #content-sub {float: right; width:160px;}
body#channel-layout #content-sub {float: right;width:160px;}


/* #channel-layout2 is a 2 column layout . Right hand-side is a wider column for content and shorter left-hand side column has a gray background for highlights or links  */
body#channel-layout2 #content {background:#fff url(/images/gradient.png) repeat-x left top;min-width: 800px;}
body#channel-layout2 #content-main {float: right; padding-top: 2em; padding-bottom: 3em; width:640px;}
body#channel-layout2 #content-nav p {font-size: .9em;}
body#channel-layout2 #content-nav {margin-left: 0;}
body#channel-layout2 #content-main .column1 {width: 300px; float: left;}
body#channel-layout2 #content-main .column2  {width: 300px; float: right;}
body#channel-layout2 #content-main .spancolsm {width: 100%;}
body#channel-layout2 #content-main .column1 div, body#channel-layout2 #content-main .column2 div {width: 100%; border-bottom: 1px solid #9CBAE0; padding-top: 1em;padding-bottom: 1em!important;}
body#channel-layout2 #content-main .column1 div:last-child, body#channel-layout2 #content-main .column2 div:last-child {border-bottom: 1px solid #9CBAE0; padding-bottom: 0em;}


/* Feature styles */
.img-descript {float: left;width:50%;}
.img-descript p {font: 85% Arial, Helvetica, sans-serif; padding:0em;margin-bottom:14px;}
.feature {float:right;width:50%; color:#333; font-weight:bold; font-size:1.2em; font-family: Arial, Helvetica, sans-serif;}
.feature strong {font-weight:bolder; color:#000;}

.img-left {float: left; width: 265px; border: 0;}
.img-right {float: right; width: 200px; border: 0;}
.img-right img {margin-right: 0;}

.caption {margin-top: 0; padding-top: 0; font-size: 1em!important; line-height: 1.1em;color: #828282; font-weight:bold!important;width:250px!important;}
.toppadding {padding-top: 1.2em;}
.topmargin {margin-top: 1.5em;}
.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;}
.imgtitlenopad img {padding:0; margin:0px;}
.imgtitlenopad {border-bottom: 8px solid #E9E9E9; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; float: left; width: 100%}
.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; }

/* =classes */
.indent {padding-left: 1em; line-height: 1.2em;}
.indent p {padding-top: 0; margin-top: 0;}
.invisible {display: none;}
.hilite {color: #3265CB; 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 10px 0 0; margin: 0; background:url(/images/arrow.gif) no-repeat right 4px;}
.oarrow {padding: 0 10px 0 0; margin: 0; background:url(/images/arrowo.gif) no-repeat right 4px;}
.no-side-pad {padding: 0; margin: 0;}
.small {font-size: 95% !important; line-height: 1em;}
.smaller {font-size: 90% !important; line-height: 1em;}
.rmargin {margin-right:1.8em;}
.lmargin {margin-left:1.8em;}
.bordertmargin {margin-top:1em;}
.imglmargin {margin: 0 .5em 0 0; padding:0;}

.space-adjust {margin-left: 0.7em;}
div.border {width: 100%; border-bottom: 1px solid #9CBAE0;/*margin-bottom: .5em;*/ margin-bottom: 0em; clear: both; overflow: auto;} 


/** Language bar for individual pages **/
#langbar {margin-top:1em!important; margin-bottom:.5em!important;text-align:right!important;font-size:.9em}
#langbar ul {margin-left: 0;padding-left: 0;border: none;}
#langbar ul li {margin-left: 0;	padding-left: 0em;border: none;list-style: none;display: inline;}
#langbar ul li a {font-weight:bold; color: #666;}
#langbar ul li a:hover {font-weight:bold; color:#FF9900;}
#langbar ul li a:active {font-weight:bold; color:#FF9900;}
#langbar ul li:before {content: "\0020 \0020 \0020 \25a0 \0020";color:#FF6600;}
 *html #langbar ul li{background:url(/images/orangesqbullet.png) no-repeat 0 center; padding-left:10px;padding-right: 2px;}
* html #langbar ul li.first {background:none;}
#langbar ul li.first:before {content: " ";}
/* IE 7 Hack */
*:first-child+html #langbar ul li {background:url(/images/orangesqbullet.png) no-repeat 0 center; padding-left:10px;padding-right: 2px;}
*:first-child+html #langbar ul li.first {background:none;}


body#channel-layout2 #content-main .piconbox {padding-bottom:0px; width:98%;}
body#channel-layout2 #content-main .pficon {text-align:right;margin-top:0em!important;margin-bottom:0;padding:0;}
body#channel-layout2 #content-main .printpdf {background:url(/images/printer.png) right center no-repeat; width:70px; height:16px;display:-moz-inline-box; /* Gecko proprietary */ vertical-align:top; /* Gecko needs this */overflow:visible;display:inline-block;font-style:normal; font-size:80%;text-align:left; margin-right:1em;}

/* 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;}

/* =ularrow replaces normal bullets with arrows in an ordered list */
.ularrowo {list-style: none; margin-left: 15px; }
.ularrowo ul {list-style-type: none; padding-top: 1em; padding-bottom: 1em;}
.ularrowo li {background: url(/images/arrowo.gif) no-repeat left .4em; margin-left: 1em; padding-left: 1em; padding-bottom: .3em;}
.ularrowo li ul li { list-style:circle; background: none; margin-left: 1em; padding-left: 1em; padding-bottom: .3em;}
.ularrowo a {text-decoration: none; color: #333;}
.ularrowo a:hover, .ularrow a:active, .ularrow a:visited{text-decoration: underline;color:#CA6900;}
.ularrowo a:visited {color: #666699;}

/* =ularrow replaces normal bullets with arrows in an ordered list */
.ularrowg {list-style: none; margin-left: 15px; }
.ularrowg ul {list-style-type: none; padding-top: 1em; padding-bottom: 1em;}
.ularrowg li {background: url(/images/arrow.gif) no-repeat left .4em; margin-left: 1em; padding-left: 1em; padding-bottom: .3em;}
.ularrowg li ul li { list-style:circle; background: none; margin-left: 1em; padding-left: 1em; padding-bottom: .3em;}
.ularrowg a {text-decoration: none; color: #333;}
.ularrowg a:hover, .ularrow a:active, .ularrow a:visited{text-decoration: underline;color:#CA6900;}
.ularrowg a:visited {color: #666699;}


/* Added directional class for RTL */
.rtldir {direction:rtl!important;}
/* Added directional class for LTR */
.ltrdir {direction:ltr!important;}

/* Flash content embedding */
#flashcontent {text-align:center;height: 100%; margin:0 auto;}
#flashcontent p {text-align:left;}
#altpcontent {display:none;}

/* Box class */
/* .bluebox is a warm blue */
.bluebox {border: 1px solid #7494BD; margin: 10px 10px 10px 20px; float: left; width: 91%; display: inline;}
.bluebox h4 {background:#7FB09A; margin: 0!important; padding: .3em .5em .3em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;font-size: 100%;border-bottom: 1px solid #7494BD;}
.bluebox h3 {background:#7FB09A; margin: 0!important; padding: .3em .5em .3em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;font-size: 105%;border-bottom: 1px solid #7494BD;}
.bluebox img {margin:0 10px;}
.bluebox p {padding-top: .5em; padding-bottom: .5em; margin: 0 .5em;}
.bluebox p img {margin-left:0px!important;}
.bluebox ul {margin: 0 .63em 0 2em; list-style-type:square; list-style-position:outside;}
.bluebox ul li {margin-bottom: .5em; margin-right:.2em; margin-left:1em;text-indent:0em;}
.bluebox .right {padding:0 .5em .2em 0;}


/* Box class */
/* .orangebox is a dark ochre */
.orangebox {border: 1px solid #CF5300; margin: 10px 10px 10px 20px; float: left; width: 91%; display: inline;}
.orangebox h4 {background:#D27D30; margin: 0!important; padding: .3em .5em .3em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;font-size: 100%;border-bottom: 1px solid #7494BD;}
.orangebox h3 {background:#D27D30; margin: 0!important; padding: .3em .5em .3em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff;font-size: 105%;border-bottom: 1px solid #7494BD;}
.orangebox img {margin:0 10px;}
.orangebox p {padding-top: .5em; padding-bottom: .5em; margin: 0 .5em;}
.orangebox p img {margin-left:0px!important;}
.orangebox ul {margin: 0 .63em 0 2em; list-style-type:square; list-style-position:outside;}
.orangebox ul li {margin-bottom: .5em; margin-right:.2em; margin-left:1em;text-indent:0em;}
.orangebox .right {padding:0 .5em .2em 0;}

.boxlcol {float:left; width:47%;vertical-align:middle;}
.boxrcol {float:right;width:47%;vertical-align:middle;}
/* alignment fix for one column when the second column has an icon image */
.marginpadfix {margin-top:.3em;}



/* Show/hide for PRs */
.show {

}
.show div {

}

