/*
---------------------------
Author: P Byford - Nov 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 {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#000000; margin:0px; padding:0px; background:#ffffff}
td {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#000000; margin:0px; padding:0px; vertical-align:top}
table {border:0px; border-collapse:collapse; width:100%}
form {margin:0px; clear:both; overflow:hidden}
input {margin:0px; padding:0px}
a {color:#003399; text-decoration:underline}
a:hover {color:#ff6633}
img {margin:0px; border:0px; vertical-align:top; display:block}
object,embed {display:block; clear:both; overflow:hidden; margin:0px; padding:0px}
div {overflow:hidden; clear:both; position:relative; margin:0px; padding:0px}
div.floatClear {clear:both !important; height:0px; font-size:0px}
div.container {width:100%}
h1, h2, h3, h4, h5, h6 {clear:both; overflow:hidden; margin:0px; padding:0px}
p {overflow:hidden}

/* Top area -------------------------------------------------- */
#topArea {width:100%; height:64px}
#topArea div.logo {float:left; clear:both; padding:22px 0px 0px 19px}
#topArea div.logoStrap {float:left; clear:both; padding:15px 0px 0px 13px}
#topArea div.header {float:left; clear:none; padding:20px 0px 0px 76px}
#topArea h1 {font-size:100%; font-weight:bold; color:#000000}

/* Top area: Right links */
#topArea div.topRightLinks {position:absolute; top:0px; right:0px}
#topArea div.topRightLinks div {float:left; clear:none; padding:5px 10px 0px 0px; font-size:76%; color:#003399}
#topArea div.topRightLinks a {
 color:#003399;
 text-decoration:underline;
 padding:2px 0px 0px 10px;
 background:url(/global-assets/bullet_nav.gif) 1px 8px no-repeat}
#topArea div.topRightLinks a:hover {color:#ff6633; text-decoration:underline}

/* Middle area layout -------------------------------------------------- */
table.outerTable td.left {width:153px; padding:0px 0px 0px 0px; background:url(/global-assets/bg_navcol.gif) left top repeat-y}
table.outerTable td.right {width:auto; padding:0px 0px 0px 15px; background:url(/global-assets/bg_navcol.gif) right top repeat-y}

/* Left column -------------------------------------------------- */
#leftColumn {width:153px; background:#eceef6}

/* Left col: Headers */
#leftColumn h1 {
 font-size:82%;
 font-weight:bold;
 color:#ffffff;
 line-height:1em;
 padding:4px 0px 3px 5px;
 background:#5f737e;
 border-bottom:2px solid #b3bdc3}

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

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

/* Communication area content and right col layout -------------------------------------------------- */
table.innerTable td.left {width:auto; padding:0px 15px 0px 0px; background:none}
table.innerTable td.right {width:153px; padding:0px 0px 0px 0px; background:none}

/* Communication area */
#communicationArea {padding:0px 0px 10px 0px; background:#ffffff}
#communicationArea div.banner {
 height:90px;
 border-top:1px solid #b3bdc3; 
 border-bottom:1px solid #b3bdc3;
 background:#ffffff}

/* Content column */
#contentColumn {padding:0px 0px 10px 0px}
#contentColumn h2 {
 font-size:126%;
 font-weight:normal;
 color:#000000;
 margin:12px 0px 12px 0px}
#contentColumn h3 {
 clear:none;
 font-size:80%;
 font-weight:bold;
 color:#000000;
 margin:31px 0px 12px 0px;
 padding:1px 0px 0px 5px;
 border-left:5px solid #ff0000}
#contentColumn h4 {
 font-size:76%;
 font-weight:bold;
 color:#000000}
#contentColumn h5 {
 font-size:76%;
 font-weight:bold;
 color:#ff0000;
 margin:12px 0px 0px 0px;
 padding:4px 0px 4px 0px;
 border-top:1px solid #cccccc}
#contentColumn h6 {
 font-size:76%;
 font-weight:bold;
 color:#ff0000;
 border-top:1px solid #cccccc;
 margin:12px 0px 0px 0px;
 padding:10px 0px 10px 0px}
#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:#333333; margin:0px 0px 0px 0px}
#contentColumn p {margin:0em 0em 0.7em 0em; font-size:76%}
#contentColumn contentText {font-size:76%; color:#000000; margin:0px 0px 0px 0px}
#contentColumn p.footnote {margin:0em 0em 0.7em 0em; font-size:68%}

/* Breadcrumb trail */
#contentColumn div.breadcrumbTrail {width:100%; font-size:76%; color:#003399; padding:0px 0px 10px 0px}
#contentColumn div.breadcrumbTrail div {float:left; clear:none}
#contentColumn div.breadcrumbTrail div div {
 text-decoration:underline;
 padding:0px 0px 0px 19px;
 background:url(/global-assets/bullet_breadcrumb.gif) 7px 5px no-repeat}
#contentColumn div.breadcrumbTrail div a {
 color:#003399;
 text-decoration:underline;
 padding:0px 0px 0px 19px;
 background:url(/global-assets/bullet_breadcrumb.gif) 7px 5px no-repeat}
#contentColumn div.breadcrumbTrail div a:hover {color:#ff6633}

/* Home page promo images */
#contentColumn div.promoArea {width:606px}
#contentColumn div.promoArea div {width:100%}
#contentColumn div.promoArea div div {width:300px; float:left; clear:none; border:1px solid #b3bdc3}
#contentColumn div.promoArea div.leftTop {margin:0px 0px 0px 0px}
#contentColumn div.promoArea div.leftBottom {margin:0px 0px 2px 0px}
#contentColumn div.promoArea div.rightTop {margin:0px 0px 0px 0px}
#contentColumn div.promoArea div.rightBottom {margin:0px 0px 2px 0px}

/* Home page central product links */
#contentColumn div.productArea {margin:0px 0px 13px 0px}
#contentColumn div.productArea h2 {
 font-size:82%;
 font-weight:bold;
 color:#ffffff;
 line-height:1em;
 padding:4px 0px 3px 5px;
 margin:0px 0px 15px 0px;
 background:#5f737e;
 border-bottom:2px solid #b3bdc3}
#contentColumn div.productArea div.colDividerBGOne {width:100%; background:url(/global-assets/dot_b3bdc3.gif) 33% 0% repeat-y}
#contentColumn div.productArea div.colDividerBGTwo {width:100%; background:url(/global-assets/dot_b3bdc3.gif) 66% 0% repeat-y}
#contentColumn div.productArea div.leftCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
#contentColumn div.productArea div.midCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
#contentColumn div.productArea div.rightCol {float:left; clear:none; padding:0px 0px 0px 0px; width:33%}
#contentColumn div.productArea div div div {
 padding:0px 0px 8px 20px;
 background:url(/global-assets/bullet_nav.gif) 10px 5px no-repeat}
#contentColumn div.productArea a {
 display:block;
 clear:both;
 overflow:hidden;
 font-size:76%;
 color:#000000;
 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; clear:none; margin-right:20px}
#contentColumn div.countryRegion div {padding:0px 0px 5px 0px}
#contentColumn div.countryRegion a {color:#000000; text-decoration:none; font-size:76%}
#contentColumn div.countryRegion a span {color:#b3bdc3}
#contentColumn div.countryRegion a:hover {color:#ff6633}

/* Right column -------------------------------------------------- */
#rightColumn {width:153px; padding:0px 0px 15px 0px; background:#eceef6; border-top:5px solid white}

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

/* Right column headers */
#rightColumn h1 {
 font-size:82%;
 font-weight:bold;
 color:#ffffff;
 line-height:1em;
 padding:4px 0px 3px 5px;
 background:#5f737e;
 border-bottom:2px solid #b3bdc3}
#rightColumn h2 {
 font-size:82%;
 font-weight:bold;
 color:#333333;
 padding:6px 0px 1px 4px}

/* Right column search links */
#rightColumn div.searchLinks div {font-size:82%; color:#333333}
#rightColumn div.searchLinks a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 6px 5px 15px;
 color:#333333;
 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 {height:1px; font-size:1px; background:#ffffff}

/* Footer -------------------------------------------------- */
#footer {width:100%; padding:5px 0px 5px 0px; font-size:76%; border-top:1px solid #666666}
#footer div.links {float:left; clear:none; padding:0px 0px 0px 6px}
#footer div.links div {float:left; clear:none; padding:0px 8px 0px 0px}
#footer div.links a {
 color:#003399;
 text-decoration:underline;
 padding:2px 0px 0px 10px;
 background:url(/global-assets/bullet_nav.gif) 1px 8px no-repeat}
#footer div.links a:hover {color:#ff6633}
#footer div.copyright {float:right; clear:none; padding:0px 6px 0px 0px; color:#666666}


















/* Styles specific to Toshiba Fellowship Programme */
#commImage.fellowship div {background:#ccccff}
#container.fellowship {background:url(/eur/fellowship/images/bg_columns.gif) top left repeat-y #ffffff}
#leftColumn.fellowship {float:left; width:153px; padding:0px 0px 5px 0px; backgroundr:#eceef6}
#contentArea div.researchToTop img {vertical-align:middle}
p.contItem {padding-top:10px; border-top:1px solid #cccccc}
#rightColumn.fellowship {overflow:hidden; float:right; clear:none; width:153px; padding:0px 0px 15px 0px; background:#eceef6}
#rightColumn div.fellowship div {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:82%; color:#333333}
#rightColumn div.fellowship a {
 display:block;
 padding:4px 6px 5px 15px;
 color:#333333;
 text-decoration:underline;
 background:url(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:#ffffff}
.appFormTable {border:0px solid #CCCCCC}
.appFormLeft {font-size:76%; color:#333333; padding:4px 10px 0px 0px; text-align:left; width:170px}
.appFormRight {font-size:76%; color:#333333; 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}

/* 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:#333333; padding:4px 0px 0px 0px; text-align:left; vertical-align:top}
.searchToTop {border-bottom:1px solid #cccccc; font-size:76%; color:#333333; padding:4px 0px 10px 0px; text-align:right}