/**************************
Author: P Byford - Jul 2008
Body font-size must be 100%

(px)       (%)      (range)
8px        50%       48-53%
9px        56%       54-59%
10px       62%       60-65%
11px       68%       66-71%
12px       76%       73-78%
13px       82%       79-84%
14px       88%       85-90%
15px       94%       91-96%
16px      100%      98-103%
18px      112%     110-115%
20px      126%     123-128%
22px      138%     135-140%
24px      150%     148-153%
26px      162%     160-165%
28px      176%     173-178%
30px      188%     185-190%

**************************/

/* Global styles */
body {margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#666666; background:#ececec}
td {margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; vertical-align:top}
table {border:0px; border-collapse:collapse; width:100%}
form {margin:0px; clear:both; overflow:hidden}
input {margin:0px}
a {color:#333333; text-decoration:underline}
a:hover {color:#333333; text-decoration:underline}
img {margin:0px; border:0px; vertical-align:top; display:block}
object,embed {display:block; clear:both; overflow:hidden; margin:0px; padding:0px}
div {text-align:left}
div.clearBoth {clear:both; height:0px; font-size:0px}

/* Background containers -------------------------------------------------- */
div.bgGradientSides {background:url(../global-assets/bg_gradient_sides.gif) 50% 0% repeat-y}
div.bgGradientBottom {background:url(../global-assets/bg_gradient_bottom.gif) 50% 0% no-repeat}

/* Top area -------------------------------------------------- */
#topArea {clear:both; overflow:hidden; position:relative; width:800px; height:64px; margin:0px auto; padding:0px; background:#ffffff}
#topArea div.logo {clear:both; overflow:hidden; float:left; padding:15px 0px 0px 12px; margin:0px}
#topArea div.header {overflow:hidden; float:left; padding:20px 0px 0px 58px; margin:0px}
#topArea h1 {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:100%; font-weight:bold; color:#666666}

/* Breadcrumb trail */
#topArea div.breadcrumbTrail {clear:both; overflow:hidden; font-size:62%; color:#666666; margin:0px; padding:3px 0px 0px 0px}
#topArea div.breadcrumbTrail div {overflow:hidden; float:left}
#topArea div.breadcrumbTrail div div {text-decoration:underline}
#topArea div.breadcrumbTrail div a {
 color:#666666;
 text-decoration:none;
 margin:0px 4px 0px 0px;
 padding:0px 9px 0px 0px;
 background:url(/global-assets/bullet_breadcrumb.gif) right 4px no-repeat}
#topArea div.breadcrumbTrail div a:hover {color:#FF6633}

/* Top right links */
#topArea div.topRightLinks {overflow:hidden; position:absolute; top:0px; right:0px; margin:0px; padding:0px}
#topArea div.topRightLinks div {overflow:hidden; float:left; padding:5px 10px 0px 0px; margin:0px 0px 0px 0px; font-size:76%; color:#666666}
#topArea div.topRightLinks a {color:#666666; text-decoration:underline; padding:2px 0px 0px 10px; background:url(/global-assets/bullet_nav_2008.gif) 1px 8px no-repeat}
#topArea div.topRightLinks a:hover {color:#FF6633; text-decoration:underline}

/* Container -------------------------------------------------- url(/global-assets/bg_columns.gif) top left repeat-y */
#container {
 position:relative;
 clear:both;
 overflow:hidden;
 width:800px;
 margin:0px auto;
 padding:0px;
 background:#ffffff}

/* Left column -------------------------------------------------- */
#leftColumn {clear:both; overflow:hidden; float:left; width:153px; margin:0px; padding:0px 0px 5px 0px; background:#eceef6}

/* Left column headers */
#leftColumn h1 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 0px 0px;
 padding:4px 0px 3px 5px;
 font-size:82%;
 font-weight:bold;
 color:#FFFFFF;
 line-height:1em;
 background-color:#5F737E;
 border-bottom:2px solid #FF0000}

/* Left menus */
#leftColumn div.leftNav {clear:both; overflow:hidden; margin:0px; padding:0px 0px 5px 0px; font-size:82%}
#leftColumn div.leftNav div {clear:both; overflow:hidden; margin:0px; padding:0px; border-bottom:none}
#leftColumn div.leftNav div div {margin:0px 0px 0px 13px; padding:0px; border-bottom:none}
#leftColumn div.leftNav div div div {font-size:94%; padding:0px}
#leftColumn div.leftNav a.on {background:#ffffff; font-weight:bold}
#leftColumn div.leftNav a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 4px 5px 12px;
 color:#666666;
 text-decoration:underline;
 background:url(/global-assets/bullet_nav_2008.gif) 3px 10px no-repeat}
#leftColumn div.leftNav div.sub {background:#ffffff; font-weight:normal}
#leftColumn div.leftNav a.subon {background:#ffffff; font-weight:bold}
#leftColumn div a.sub {
 clear: both;
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 4px 5px 18px;
 color:#666666;
 text-decoration:underline;}
#leftColumn div.leftNav a:hover {color:#FF6633}
#leftColumn div.leftNav div.navRule {clear:both; overflow:hidden; height:1px; font-size:1px; margin:0px; padding:0px; background-color:#ffffff}

/* Left promotional area */
#leftColumn div.promo {position:absolute; bottom:30px; left:40px; text-align:center}

/* Central content column -------------------------------------------------- */
#contentColumn {overflow:hidden; float:left; width:464px; margin:0px 0px 0px 0px; padding:0px 0px 5px 15px}

/* Multiple column layout */
#contentColumn div.container {clear:both; overflow:hidden; margin:0px; padding:0px}
#contentColumn div.contentBox {overflow:hidden; padding:0px}

#contentColumn div.oneCol {width:100%; margin:0px 0px 15px 0px; clear:both}
#contentColumn div.twoCol {width:222px}
#contentColumn div.threeCol {width:146px}
#contentColumn div.fourCol {width:25%}

#contentColumn div.left {float:left; margin:0px 0px 0px 0px}
#contentColumn div.mid {float:left; margin:0px 0px 0px 8px}
#contentColumn div.right {float:right; margin:0px 0px 0px 0px}

/* Content styles */
#contentColumn h2 {
 clear:both;
 overflow:hidden;
 font-size:126%;
 font-weight:normal;
 color:#666666;
 margin:12px 0px 12px 0px;
 padding:0px 0px 0px 0px}
#contentColumn h3 {
 font-size:80%;
 font-weight:bold;
 color:#666666;
 margin:31px 0px 12px 0px;
 padding:1px 0px 0px 5px;
 border-left:5px solid #ff0000}
#contentColumn h4 {
 font-size:76%;
 font-weight:bold;
 color:#666666;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px}
#contentColumn h5 {
 clear:none;
 overflow:hidden;
 font-size:76%;
 font-weight:bold;
 color:#ff0000;
 margin:0px 0px 0px 0px;
 padding:0px 0px 4px 0px}
#contentColumn h6 {
 clear:both;
 overflow:hidden;
 font-size:76%;
 font-weight:bold;
 color:#ff0000;
 border-top:1px solid #CCCCCC;
 margin:12px 0px 0px 0px;
 padding:10px 0px 10px 0px}
#contentColumn div.containerLineTop {clear:both; overflow:hidden; border-top:1px solid #cccccc; margin-top:12px; padding-top:10px}
#contentColumn img.imageLeft {float:left; margin:0px 10px 3px 0px}
#contentColumn img.imageRight {float:right; margin:0px 0px 5px 10px}
#contentColumn li {font-size:76%; color:#666666; margin:0px 0px 0px 0px}
#contentColumn p {margin:0em 0em 0.7em 0em; font-size:76%; font-weight:normal; color:#666666}
#contentColumn p.footnote {overflow:hidden; margin:0em 0em 0.7em 0em; font-size:68%; font-weight:normal; color:#666666}
#contentColumn a {color:#666666; text-decoration:none}
#contentColumn a:hover {color:#ff6633; text-decoration:none}

/* Home page promo images */
#contentColumn div.promoArea {
 clear:both;
 overflow:hidden;
 margin:0px 0px 0px 0px;
 padding:1px 0px 14px 0px;
 background:url(../global-assets/dot_grey6.gif) 0px 0px repeat-x}
#contentColumn div.promoArea div {clear:both; overflow:hidden; margin:0px; padding:0px}
#contentColumn div.promoArea div div {clear:none; float:left; overflow:hidden; margin:0px; padding:0px}

/* Home page central product links */
#contentColumn div.productArea {
 clear:both;
 overflow:hidden;
 margin:0px 0px 13px 0px;
 padding:0px;
 background:url(../global-assets/bg_productcols.gif) 151px 0px repeat-y}
#contentColumn div.productArea div.leftCol {overflow:hidden; float:left; margin:0px; padding:0px 21px 0px 0px; width:140px}
#contentColumn div.productArea div.midCol {overflow:hidden; float:left; margin:0px; padding:0px 21px 0px 0px; width:141px}
#contentColumn div.productArea div.rightCol {overflow:hidden; float:right; margin:0px; padding:0px 0px 0px 0px; width:141px}
#contentColumn div.productArea h2 {font-size:82%; font-weight:bold; color:#666666; margin:0px; padding:0px}
#contentColumn div.productArea div div {margin:0px; padding:8px 0px 0px 9px; background:url(/global-assets/bullet_nav.gif) 0px 13px no-repeat}
#contentColumn div.productArea a {display:block; clear:both; overflow:hidden; font-size:76%; color:#666666; text-decoration:underline; margin:0px; padding:0px}
#contentColumn div.productArea a:hover {color:#FF6633; text-decoration:underline}

/* Country Site Page */
#contentColumn div.countryRegion {float:left; overflow:hidden; margin-right:50px}
#contentColumn div.countryRegion a {font-size:76%}

/* Right column -------------------------------------------------- */
#rightColumn {overflow:hidden; float:right; width:153px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; background:#eceef6}

/* Right column banners */
#rightColumn div.rightBanners {padding:0px 0px 15px 0px; background:#ffffff}

/* Right column headers */
#rightColumn h1 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 0px 0px;
 padding:4px 0px 3px 5px;
 font-size:82%;
 font-weight:bold;
 color:#FFFFFF;
 line-height:1em;
 background-color:#5F737E;
 border-bottom:2px solid #FF0000}
#rightColumn h2 {
 clear:both;
 overflow:hidden;
 margin:0px;
 padding:6px 0px 1px 4px;
 font-size:82%;
 font-weight:bold;
 color:#333333}
/* Right column search links */
#rightColumn div.searchLinks div {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:82%; color:#666666}
#rightColumn div.searchLinks a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 6px 5px 15px;
 color:#666666;
 text-decoration:underline;
 background:url(/global-assets/bullet_nav.gif) 6px 10px no-repeat}
#rightColumn div.searchLinks a:hover {color:#ff6633}
#rightColumn div.searchLinks div.navRule {clear:both; overflow:hidden; height:1px; font-size:1px; margin:0px; padding:0px; background-color:#ffffff}

/* Footer -------------------------------------------------- */
#footer {clear:both; overflow:hidden; width:800px; margin:0px auto; padding:18px 0px 10px 0px; font-size:76%}
#footer div.links {overflow:hidden; float:left; margin:0px 0px 0px 0px; padding:0px 8px 0px 0px; color:#666666}
#footer div.links a {color:#666666; text-decoration:underline; padding:2px 0px 0px 10px; background:url(/global-assets/bullet_nav_2008.gif) 1px 8px no-repeat}
#footer div.links a:hover {color:#ff6633}
#footer div.copyright {overflow:hidden; float:right; margin:0px 0px 0px 0px; padding:0px 6px 0px 0px; color:#666666}

/* ----------------------------------------------------- */
/* STYLES BELOW ARE FOR USE OUTSIDE OF THE BASIC RES/NES */
/* These are to be modified as these sites are brought   */
/* in line with the new layout                           */
/* ----------------------------------------------------- */

/* Styles specific to Toshiba Fellowship Programme 
#leftColumn.fellowship {background-color:#ccccff}
#commImage.fellowship div {background-color:#ccccff}
#contentArea div.researchToTop {padding:4px 0px 10px 0px; margin-top:-8px; text-align:right}
#contentArea div.researchToTop img {vertical-align:middle}
p.contItem {padding-top:10px; border-top:1px solid #cccccc}
#rightColumn.fellowship {background-color:#ccccff}
#rightColumn.fellowship table {margin:10px 0px 0px 0px}
#rightColumn.fellowship td {font-size:76%; padding:0px 0px 8px 0px}
.appFormTable {border:0px solid #cccccc}
.appFormLeft {font-size:76%; color:#666666; padding:4px 10px 0px 0px; text-align:left; width:170px}
.appFormRight {font-size:76%; color:#666666; padding:4px 0px 0px 0px; text-align:left} */

/* Styles specific to Toshiba Fellowship Programme */
#bgGradient.fellowship {background:url(/eur/fellowship/images/bg_gradient.gif) top center repeat-y; background-color: #ececec}
#commImage.fellowship div {background-color:#ccccff}
#container.fellowship {
 position:relative;
 clear:both;
 overflow:hidden;
 width:800px;
 margin:0px auto;
 padding:0px;
 background:url(/eur/fellowship/images/bg_columns.gif) top left repeat-y #ffffff}
#leftColumn.fellowship {clear:both; overflow:hidden; float:left; width:153px; margin:0px; padding:0px 0px 5px 0px; background-color:#eceef6}
#contentArea div.researchToTop img {vertical-align:middle}
p.contItem {padding-top:10px; border-top:1px solid #CCCCCC}
#rightColumn.fellowship {overflow:hidden; float:right; width:153px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; background-color:#eceef6}
#rightColumn div.fellowship div {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:82%; color:#666666}
#rightColumn div.fellowship a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 6px 5px 15px;
 color:#666666;
 text-decoration:underline;
 background:url(/global-assets/bullet_nav_2008.gif) 6px 10px no-repeat}
#rightColumn div.fellowship a:hover {color:#ff6633}
#rightColumn div.fellowship div.navRule {clear:both; overflow:hidden; height:1px; font-size:1px; margin:0px; padding:0px; background-color:#ffffff}
.appFormTable {border:0px solid #CCCCCC}
.appFormLeft {font-size:76%; color:#666666; padding:4px 10px 0px 0px; text-align:left; width:170px}
.appFormRight {font-size:76%; color:#666666; padding:4px 0px 0px 0px; text-align:left}}
#footerGradient.fellowship {background:url(/eur/fellowship/images/bg_gradient_bottom.gif) top left no-repeat; background-color: #ececec}

/* TFP: research topic details block */
#contentColumn div.researchTopicDetails {clear:both; overflow:hidden; width:100%; margin:4px 0px 0px 0px; padding:4px 0px 0px 0px; border-top:1px solid #CCCCCC}

/* Search Results */
.searchResultsTable {border-top:0px solid #CCCCCC}
.searchResultsLeft {font-size:76%; color:#8484AE; padding:4px 10px 0px 0px; text-align:left; vertical-align:top; white-space:nowrap}
.searchResultsRight {font-size:76%; color:#666666; padding:4px 0px 0px 0px; text-align:left; vertical-align:top}
.searchToTop {border-bottom:1px solid #CCCCCC; font-size:76%; color:#666666; padding:4px 0px 10px 0px; text-align:right}