/*
---------------------------
Original Author: P Byford - Nov 2008
Modified By: M Shrimpton - March 2009
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 {width:100%; height:74px}
/*#topArea div.logo {float:left; clear:both; padding:22px 0px 0px 19px}*/
#topArea div.logo {float:left; clear:both; padding:22px 0px 0px 19px}
#topArea div.logo a img {border:0px;}
#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; 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.top {width:100%; padding:0px 0px 15px 0px;}
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;}

table.outerTableRC td.top {width:100%; padding:0px 0px 15px 0px;}
table.outerTableRC td.left {width:153px; padding:0px 0px 0px 0px; background:url(/global-assets/bg_navcol.gif) left top repeat-y}
table.outerTableRC td.right {width:auto; padding:0px 0px 0px 15px; background:url(/global-assets/bg_navcol.gif) right top repeat-y}

/* Top Menu Row -------------------------------------------------- */

#topRow {height:20px; background:#eaeceb; border-top: 1px solid #b3bdc3}
#topNav {padding:0px 0px 0px 0px; font-size:82%; width:20%;}
#topNav a {text-decoration:none;}

/* 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*/
 margin:0px 0px 12px 0px}
#contentColumn h3 {
 clear:none;
 font-size:80%;
 font-weight:bold;
 line-height:95%;
 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 p.footnote {margin:0em 0em 0.7em 0em; font-size:68%; color:#666666}

/* 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:none;
 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:100%; margin:0px 0px 13px 0px}


/*-----------------------------Dynamic PR Content*/
#contentColumn div.promoArea div.promoPR {
 margin: 0px 5px 0px 5px;
 }
#contentColumn div.promoArea div.promoPR div {
 font-size:76%;
 }
 
#contentColumn div.promoArea div.promoPR div img {
 float: left;
 display:inline; 
 padding:0px; 
 margin: 0px 5px 0px 0px;
}
#contentColumn div.promoArea div.promoPR div a {
 display:inline;
 color:#000000;
 text-decoration:none;
 margin: 0px;
 padding:0px}

#contentColumn div.promoArea div.promoPR div a:hover {color:#ff6633; text-decoration:underline}
#contentColumn div.promoArea div.promoPR div a.prlink {
 display:inline;
 color:#000000;
 text-decoration:underline;
 margin:0px;
 padding:0px}


/* --------------------------PR layout------------------------------------------------ */
#contentColumn div.promoArea div.prtitle {padding:0px; margin:0px 0px 0px 0px}

#contentColumn div.promoArea div.prtitle a.h2 {
 font-size:126%;
 font-weight:normal;
 color:#000000;
 margin:0px 0px 12px 0px; 
 text-decoration:none
}
#contentColumn div.promoArea div.prtitle a.h2:hover {color:#ff6633; text-decoration:underline}
#contentColumn div.promoArea div.pr {
 padding:0px 0px 8px 20px;
 background:url(/global-assets/bullet_nav.gif) 5px 5px no-repeat}
#contentColumn div.promoArea div.pr a {
 display:inline;
 clear:both;
 font-size:76%;
 color:#000000;
 text-decoration:none;
 margin:0px;
 padding:0px}
#contentColumn div.promoArea div.pr a:hover {color:#ff6633; text-decoration:underline}
#contentColumn div.promoArea div.pr a.prmore {
 display:inline;
 clear:both;
 font-size:76%;
 color:#000000;
 text-decoration:underline;
 margin:0px;
 padding:0px
 }


/* Home page central product links */
#contentColumn div.productArea {margin:0px 0px 13px 0px}
#contentColumn div.productHeaders {width:101%; margin:0px}
#contentColumn div.productHeaders div.left{float:left; clear:none; margin:0px; width:33%}
#contentColumn div.productHeaders div.mid{float:left; clear:none; margin:0px; width:33%}
#contentColumn div.productHeaders div.right{float:left; clear:none; margin:0px; width:33%}
#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 h3 {
 clear:none;
 font-size:80%;
 font-weight:bold;
 line-height:95%;
 color:#000000;
 margin:0px 0px 10px 5px;
 padding:1px 0px 0px 5px;
 border-left:5px solid #ff0000;
 background: none;}

#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 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 {width:100%}
#contentColumn div.countryRegion div.leftCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
#contentColumn div.countryRegion div.midCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
#contentColumn div.countryRegion div.rightCol {float:left; clear:none; padding:0px 0px 5px 0px; width:33%}
#contentColumn div.countryRegion div div {padding:0px 0px 31px 0px}
#contentColumn div.countryRegion div div div {padding:0px}
#contentColumn div.countryRegion h3 {margin-top:0px}
#contentColumn div.countryRegion div a {
 color:#333333;
 margin:0px 0px 0px 0px;
 padding:0px 4px 0px 10px;
 line-height: 2em;
 text-decoration:underline;
 background:url(/global-assets/bullet_nav.gif) 0px 5px no-repeat;
 color:#000000; 
 font-size:76%}
#contentColumn div.countryRegion span {color:#5F737E; text-decoration:none; font-size:76%}
#contentColumn div.countryRegion a:hover {color:#ff6633}

/* Right column -------------------------------------------------- */
#rightColumn {width:153px; height: 100%; 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_footer.gif) 0px 3px 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}