/*
---------------------------
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}
img.i1 {display:inline; }
img.i2 {	display:inline;	vertical-align:middle}
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:15px 0px 0px 12px} #topArea .logo img {width:auto; height:auto} /*padding:22px 0px 0px 19px*/
#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 {min-height:1000px}
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:91px;
 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;
 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%}

/* 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; white-space:nowrap}
#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}
#contentColumn div.breadcrumbTrail a.f {padding-left:0; background:none !important}

/* Home page promo images */
#contentColumn div.promoArea {padding:10px 0}/*width:606px*/
#contentColumn div.promoArea div {width:100%}
#contentColumn div.promoArea div div {width:auto !important; clear:none; border:1px solid #b3bdc3; margin:0; text-align:center}/*width:300px; float:left;*/
#contentColumn div.promoArea div.left {margin:0px 0 2px 0px}
#contentColumn div.promoArea div.right {margin:0px 0px 2px 0px}

/* Home page central product links */
div.productArea {margin:0px 0px 13px 0px} /* #contentColumn */
#contentColumn div.productArea h2, 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}
div.productArea div.colDividerBGOne {width:100%; background:url(../global-assets/dot_b3bdc3.gif) 33% 0% repeat-y}
div.productArea div.colDividerBGTwo {width:100%; background:url(../global-assets/dot_b3bdc3.gif) 66% 0% repeat-y}
div.productArea div.leftCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
div.productArea div.midCol {float:left; clear:none; padding:0px 3% 0px 0px; width:30%}
div.productArea div.rightCol {float:left; clear:none; padding:0px 0px 0px 0px; width:33%}
div.productArea div div div {
 padding:0px 0px 8px 20px;
 background:url(../global-assets/bullet_nav.gif) 10px 5px no-repeat}
div.productArea a {
 display:block;
 clear:both;
 overflow:hidden;
 font-size:76%;
 color:#000000;
 text-decoration:underline;
 margin:0px;
 padding:0px}
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; 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; min-width:1047px}
#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, .link1 {
 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}
#footer .links2 {float:left; clear:none; padding-left:6px}

















/* 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}


results_body {}
	#search_results_list {font-size:76% !important}
	#search_results_list td {padding:10px 10px 0 0; vertical-align:top}
	

	.pages {font-size:76%; margin-top:30px;}.pages a {padding:2px 6px} .pages .s {background:#F0F0F0; padding:2px 6px}
		.pages img {width:5px; display:inline}
		
		
#news {clear:both}
	#text {float:left; width:60%; margin-right:20px; clear:none}
		#news .date {margin-bottom:15px; font-size:76%; font-weight:bold}		
		#news h3 {margin-top:0}
		
	#news #right {float:left; width:35%; clear:none; }
		#news #articles {}
		#news #articles .block h5, #news #articles .block_s h5 {margin:0 0 5px 0; border-top:none}
		#news #articles .block_s {padding:15px; background:#F5F5F5 !important; margin-bottom:1em}
		#news .block {margin-top:1em}
		#news .text, #news .block_s span {font-size:76%}

		#news #period {}
		#news #period .block a {padding:5px; display:block}
		#news #period .s {padding:5px; background:#F5F5F5;}
		#news #years {font-size:11px; margin-top:20px}
		#news #years .s {padding:2px}

	
#vacancies {}
	#vacancies a {font-size:76%; display:block}	
	
	
.red {color:#FF0000; } a .red {text-decoration:underline} .searchLinks .red {display:block; padding:5px 0 0 0}
.b {display:block;}

.text {color:#000000}

.abstr {text-transform:uppercase}

#map table {width:auto !important}
#map td {vertical-align:middle; font-size:small}

.form {}
#ask_question table {width:400px}
.form td {padding:0 9px 9px 0; vertical-align:top}
.form .input, .form textarea, .form select {width:300px}

#faq div.b, #faq td, .form {font-size:76%}

#map img {height:1px; filter:Alpha(opacity=0); opacity:0}
#map table {margin-bottom:5px}
#map .dir2 { clear:all; font-size:100%; font-weight:bold; line-height:95%; color:#000000; padding:1px 0px 0px 5px; border-left:5px solid #ff0000; display:block; margin-top:20px}

h3.v2 { clear:all; font-size:110%; font-weight:bold; line-height:95%; color:#000000; padding:1px 0px 0px 5px; border-left:5px solid #ff0000; display:block; }

.v2 {clear:none !important;}

.hr {clear:both; background:#cccccc; color:#cccccc; height:1px; font-size:1px; line-height:1}

#reviews {padding:15px; font-size:76%}
#reviews .rating img  {background:#FF0000;}

#promo .banner {display:inline}

#contentColumn ul ol li {font-size:100%}

.f1 td {border-top:1px solid #cccccc; padding:4px 0 8px 0}