/* 
-----------------------------------------
Portal CSS
-----------------------------------------
*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #ECECEC;
color: #000;		
}

ol {
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

img {
border: none;
}

/* 
--------------------------------------
standard link styles
--------------------------------------
*/

a {
color: #000;
text-decoration: underline;
}

a:link {
color: #000;
text-decoration: underline;
}

a:visited {
color: #000;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: none;
}

a:active {
color: #000;
text-decoration: underline;
}


/* 
------------------------------
branded strip
------------------------------
*/

#branded-strip {
margin: 0;
padding: 40px 0 35px 0;
background: #004884;
position: relative;
}

#global #branded-strip {
padding: 40px 0 62px 0;
}

#branded-strip h1 {
margin: 0;
padding: 0;
background: #004884 url("../../assets/portal/shield_fff.gif") no-repeat 20px 0;
height: 54px;
width: 277px;
position: relative;
z-index: 20;
}

#branded-strip h1 img {
margin: 0 0 0 -9999px;
}

/*
----------------------------------------------------------------------------------------------
 425 anniversary: the corporate strapline has been moved down  to allow space for 425 Anniversary logo, AM,  December 2008
--------------------------------------------------------------------------------------------------
 */

/* the 425 anniversary logo */
#anniversaryLogo {
margin: 0;
padding: 0;
height: 67px;
width: 133px;
position: absolute;
top: 33px; 
right: 20px;
z-index: 10;
} 
 
 
/* the corporate strapline */
#branded-strip p {
margin: 0;
padding: 0;
height: 29px;
width: 274px;
background: url("../../assets/portal/strapline_fff.gif") no-repeat top right;
position: absolute;
top: 50px;  /* when the 425  Anniversary logo is removed, reinstate top: 50px; instead of top: 100px; to move the strapline back to where it was before, AM, Dec 08 */
top: 105px;
right: 20px;
z-index: 10;
} 

 /* styles for the strapline before it was absolutely positioned, at time 425 Anniversary logo was added, AM Dec 08,
#branded-strip p { margin: -35px 20px 0 0; height: 29px; padding: 0; background: url("../../assets/portal/strapline_fff.gif") no-repeat top right; position: relative; z-index: 10; border: 1px solid red; } */

/*
----------------------------------------------------------------------------------------------
 end 425 anniversary
--------------------------------------------------------------------------------------------------
 */


/* different strapline for Americas page (an extra comma!) */
#us #branded-strip p {
background: url("../../assets/portal/strapline_americas_fff.gif") no-repeat top right;
}

#branded-strip p img {
margin: 0 0 0 -9999px;
}

#branded-strip h1 a:link, #branded-strip h1 a:visited  {
display: block;
}


/* 
--------------------------------------------
location - appears only on regional pages
--------------------------------------------
*/

#location {
margin: 0;
padding: 0 0 0 20px;
height: 27px;
}

#emea #location {
background: #004884 url("../../assets/portal/title_emea_fff.gif") no-repeat 20px 0;
}

#us #location {
background: #004884 url("../../assets/portal/title_us_fff.gif") no-repeat 20px 0;
}

#asia #location {
background: #004884 url("../../assets/portal/title_asia_fff.gif") no-repeat 20px 0;
}

#africa #location {
background: #004884 url("../../assets/portal/title_africa_fff.gif") no-repeat 20px 0;
}

#aus #location {
background: #004884 url("../../assets/portal/title_aus_fff.gif") no-repeat 20px 0;
}

#location h2 {
margin: 0;
padding: 0;
}

#location h2 img {
margin: 0 0 0 -9999px;
}

#location a:link, #location a:visited {
display: block;
}

#emea #location a:link, #emea #location a:visited {
width: 404px;
}

#us #location a:link, #us #location a:visited {
width: 86px;
}

/* not used at moment as there is no link */
#asia #location a:link, #asia #location a:visited {
}

/* not used at moment as there is no link */
#africa #location a:link, #africa #location a:visited {
}

/* not used as there is no aus portal page */
#aus #location a:link, #aus #location a:visited {
}


/* 
------------------------------
photos
------------------------------
*/

#photos {
margin: 0;
padding: 0;
height: 90px;
background: #fff url("../../assets/portal/photos/global.jpg") repeat-x;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}


/* 
------------------------------
structural table
------------------------------
*/

#content {
margin: 0;
padding: 0;
background: #FBFBFB;
}

/* Dimensions #content for IE/Win to display table correctly - hidden from IE5-mac \*/
* html #content {
height: 1%;
}
/* End hide from IE5-mac */


/* layout #content for global page */
#global #content {
padding: 0;
}

/* layout for asia page until links available - not used */
#asia #content {
padding: 0;
}

/* layout for asia page until links available - not used */
#africa #content {
padding: 0;
}

#content table {
width: 100%;
border-collapse: collapse;
font-size: 70%;
}

#content table td {
vertical-align: top;
font-size: 1em;
padding: 20px 0 50px 20px;
}

/* td used on global homepage */
#content table td#main {
padding: 20px 20px 100px 20px;
font-size: 1em;
}

#content table td#col1 {
padding: 0;
padding: 20px 5px 60px 20px;
width: 30%;
}

#content table td#col2 {
padding: 0;
padding: 20px 5px 30px 5px;
width: 30%;
}

#content table td#col3 {
padding: 0;
padding: 20px 5px 30px 0;
width: 20%;
}

#content table td#col4 {
padding: 20px 8px 30px 10px;
width: 20%;
border-left: 1px dashed #D1D1D1;
background: #F4F4F4;
}

/* different col padding for global */
#global #content table td#col4 {
padding: 20px 10px 30px 15px;
}



/* 
------------------------------
page content
------------------------------
*/

#content p {
padding: 0;
margin: 0;
}

#content p strong {
color: #000;
}

/* 
-------------------------------------
academic publishing navigation
-------------------------------------
*/

#academic {
margin: 0 0 20px 0;
padding: 0 20px 0 0;
}

#academic h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
border-bottom: 1px dashed #ccc;
}

#academic ul {
margin: 0;
padding: 0;
list-style: none;
}

#academic ul li {
margin: 0;
padding: 0;
}

#academic ul li a, #academic ul li a:link, #academic ul li a:visited {
margin: 0;
padding: 4px 0;
text-decoration: none;
display: block;
border-bottom: 1px dashed #ccc;
font-size: 0.93em;
width: 100%;
}

#academic ul li a:hover, #academic ul li a:active {
background: #F4F4F4;
}


/* 
-------------------------------------
journals publishing navigation
-------------------------------------
*/

#journals {
margin: 0 0 20px 0;
padding: 0 20px 0 0;
}

#journals h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
border-bottom: 1px dashed #ccc;
}

#journals ul {
margin: 0;
padding: 0;
list-style: none;
}

#journals ul li {
margin: 0;
padding: 0;
}

#journals ul li a, #journals ul li a:link, #journals ul li a:visited {
margin: 0;
padding: 4px 0;
text-decoration: none;
display: block;
border-bottom: 1px dashed #ccc;
font-size: 0.93em;
width: 100%;
}

#journals ul li a:hover, #journals ul li a:active {
background: #F4F4F4;
}


/* 
-------------------------------------
rights publishing navigation
-------------------------------------
*/

#rights  {margin: 0; padding: 0 20px 0 0;}
#rights  h3 {margin: 0;  padding: 0 0 5px 0; font-weight: 700; font-size: 1em;border-bottom: 1px dashed #ccc;}
#rights  ul { margin: 0; padding: 0; list-style: none;}
#rights  ul li { margin: 0; padding: 0; }
#rights  ul li a, #rights  ul li a:link, #rights  ul li a:visited {
margin: 0; padding: 4px 0; text-decoration: none; display: block; border-bottom: 1px dashed #ccc; font-size: 0.93em; width: 100%;}
#rights ul li a:hover, #rights  ul li a:active { background: #F4F4F4; }


/* 
-------------------------------------
cambridge learning navigation
-------------------------------------
*/

#learning {
margin: 0 0 20px 0;
padding: 0 20px 0 0;
}

#learning h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
border-bottom: 1px dashed #ccc;
}

#learning ul {
margin: 0;
padding: 0;
list-style: none;
}

#learning ul li {
margin: 0;
padding: 0;
}

#learning ul li a, #learning ul li a:link, #learning ul li a:visited {
margin: 0;
padding: 4px 0;
text-decoration: none;
display: block;
border-bottom: 1px dashed #ccc;
font-size: 0.93em;
width: 100%;
}

#learning ul li a:hover, #learning ul li a:active {
background: #F4F4F4;
}

/* 
-------------------------------------
cambridge printing navigation 
-------------------------------------
*/

#printing {
margin: 30px 0 0 0;
padding: 0 20px 0 0;
}

#printing h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
border-bottom: 1px dashed #ccc;
}

#printing ul {
margin: 0;
padding: 0;
list-style: none;
}

#printing ul li {
margin: 0;
padding: 0;
}

#printing ul li a, #printing ul li a:link, #printing ul li a:visited {
margin: 0;
padding: 4px 0;
text-decoration: none;
display: block;
border-bottom: 1px dashed #ccc;
font-size: 0.93em;
width: 100%;
}

#printing ul li a:hover, #printing ul li a:active {
background: #F4F4F4;
}


/* 
------------------------------
resources for... form
------------------------------
*/

#content #resources {
padding: 0;
margin: 0 20px 15px 0;
white-space: nowrap;
}

#content #resources fieldset {
padding: 0;
margin: 0;
border: none;
}

#content #resources h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
}

#content #resources select {
font-size: 0.93em;
vertical-align: middle;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#content #resources .button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
}




/* 
-----------------------------
quick links form
------------------------------
*/

#content #quick {
padding: 0;
margin: 0 20px 15px 0;
white-space: nowrap;
}

#content #quick h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
}

#content #quick select {
font-size: 0.93em;
vertical-align: middle;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#content #quick .button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
}

/* 
-----------------------------
country contact form
------------------------------
*/

#content #country {
padding: 0;
margin: 0 20px 10px 0;
white-space: nowrap;
}

#content #country fieldset {
padding: 0;
margin: 0;
border: none;
}

#content #country h3 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
}

#content #country select {
font-size: 0.93em;
vertical-align: middle;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#content #country .button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
}

/* 
-----------------------------
reselect your region 
------------------------------
*/

#content #reselect {
margin: 0 0 10px 0;
padding: 0 10px 0 0;
}

#content #reselect h3 {
margin: 0;
padding: 6px 0 3px 0;
font-weight: 700;
font-size: 0.93em;
}

#content #reselect p {
margin: 0;
padding: 0;
font-size: 0.93em;
color: #333;
}

#content #reselect p a:link, #content #reselect p a:visited {
color: #333;
}



/* 
-----------------------------
how to find us - emea only
------------------------------
*/

#content #howtofind {
margin: 0;
padding: 0 10px 0 0;
}

#content #howtofind h3 {
margin: 0;
padding: 6px 0 3px 0;
font-weight: 700;
font-size: 0.93em;
}

#content #howtofind p {
margin: 0;
padding: 0;
font-size: 0.93em;
color: #333;
}

#content #howtofind p a:link, #content #howtofind p a:visited {
color: #333;
}




/* 
-------------------------------------
region links div -  only on global page
-------------------------------------
*/

#regionlinks {
margin: 20px 0 0 0;
padding: 0;
}

#regionlinks  h3 {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.1em;
}

#regionlinks div {
margin: 0 5px 5px 5px;
padding: 0;
float: left;
width: 40%;
max-width: 300px;
}

#regionlinks div ul {
margin: 0;
padding: 0;
list-style: none;
}

#regionlinks ul li {
margin: 0 0 5px 0;
padding: 0;
display: block
list-style: none;
color: #666;
line-height: 1.3;
}

/* 
-------------------------------------
select your region - only on global page - Now UNUSED! 25 Oct 06 - ARM
-------------------------------------
*/

#content #selectregion {
padding: 0;
margin: 30px 0 0 5px;
white-space: nowrap;
display: none;
}

#content #selectregion fieldset {
padding: 0;
margin: 0;
border: none;
}

#content #selectregion legend {
margin: 0 0 6px 0;
font-size: 1.1em;
color: #000;
display: block;
}

/* Holly Hack to position legend for WinIE \*/
* html #content #selectregion legend {
margin: 0 0 6px -5px;
}
/* End Holly Hack */ 

#content #selectregion select {
font-size: 0.93em;
vertical-align: middle;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0 5px;
}

#content #selectregion .button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
padding: 0 3px;
}

/* 
------------------------------
search form - on global portal
------------------------------
*/

#content form#globsearch {
padding: 0;
margin: 0 0 5px 0;
}

/* Hidden from IE5-mac \*/
#content form#globsearch {
white-space: nowrap;
}
/* End hide from IE5-mac */


#content form#globsearch fieldset {
padding: 0;
margin: 0;
border: none;
}

#content form#globsearch h2 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
}

#content form#globsearch ul {
margin: 3px 0 0 0;
padding: 0;
font-size: 0.93em;
}

#content form#globsearch ul li {
margin: 0;
padding: 3px 10px 3px 2px;
list-style-type: none;
float: left;
}

#content form#globsearch ul li input {
vertical-align: middle;
padding: 0;
margin: 0 3px 0 0;
}

#content form#globsearch .button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
}

#content form#globsearch .search-field {
font-size: 0.93em;
vertical-align: middle;
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding-left: 2px;
}

/* search description paragraph */
p.globsearchterms {
margin: 0;
padding: 0;
font-size: 0.93em;
color: #666;
}



/* 
------------------------------
search form - regional pages
------------------------------
*/

#searchbox {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
background: #E9E9E9 url(/assets/portal/box_cap_top.gif) no-repeat top;
width: 230px;
}

#content form#search {
padding: 0 0 0 13px;
margin: 0 0 5px 0;
}

/* Hidden from IE5-mac \*/
#content form#search {
white-space: nowrap;
}
/* End hide from IE5-mac */

#content form#search fieldset {
padding: 0;
margin: 0;
border: none;
}

#content form#search h2 {
margin: 0;
padding: 0 0 5px 0;
font-weight: 700;
font-size: 1em;
}

#content form#search input {
vertical-align: middle;
padding: 0;
}

#content form#search input.search-field {
margin: 0 3px 0 0;
padding-left: 2px;
font-size: 0.93em;
vertical-align: middle;
width: 140px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#content form#search input.button {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #000000;
font-size: 0.93em;
vertical-align: middle;
margin: 0;
}

/* search description paragraph */
#searchbox p.searchterms {
margin: 0;
padding: 0 0 15px 13px;
font-size: 0.93em;
color: #666;
background: url(/assets/portal/box_cap_bot.gif) no-repeat bottom;
}


/* 
------------------------------
news announcement
------------------------------
*/

#news_announcement {
margin: 0 0 10px 0;
padding: 0;
background: #E9E9E9 url(/assets/portal/box_cap_bot.gif) no-repeat bottom;
width: 230px;
}

#news_announcement p.flag {
margin: 0 0 3px 0;
padding: 15px 0 0 13px;
color: #6A6A6A;
font-weight: 700;
background: url(/assets/portal/box_cap_top.gif) no-repeat top;
font-size: 0.93em;
}

#news_announcement h3 {
margin: 0 15px 4px 13px;
padding: 0;
color: #000;
font-weight: normal;
font-size: 1em;
}

#news_announcement p.subtitle {
margin: -2px 10px 4px 13px;
padding: 0 0 20px 0;
color: #666;
font-size: 0.93em;
}


/* 
------------------------------
highlight - books and journals
------------------------------
*/

#highlight {
margin: 0;
padding: 0 0 20px 0;
background: #E9E9E9 url(/assets/portal/box_cap_bot.gif) no-repeat bottom;
width: 230px;
min-height: 160px;
}

/* apply height to IE6/Win and below \*/
* html #highlight {
height: 160px;
}
/* End Holly Hack */


#highlight p.flag {
margin: 0 0 3px 0;
padding: 15px 0 0 13px;
color: #6A6A6A;
font-weight: 700;
background: url(/assets/portal/box_cap_top.gif) no-repeat top;
font-size: 0.93em;
}

#highlight h3 {
margin: 0 15px 4px 13px;
padding: 0;
color: #000;
font-weight: 700;
font-size: 1em;
}

#highlight h3 a:link, #highlight h3 a:visited {
text-decoration: none;
}

#highlight h3 a:hover, #highlight h3 a:active {
text-decoration: underline;
color: #333;
}

#highlight #highlightcontent {
margin: 0;
padding: 2px 0 0 0;
position: relative;
}

#highlight p.subtitle {
margin: -2px 10px 4px 13px;
padding: 0;
color: #666;
font-size: 0.93em;
}

#highlight p.author {
margin: 0 90px 6px 13px;
padding: 0;
}

#highlight p.blurb {
margin: 0 90px 10px 13px;
padding: 0;
font-size: 0.93em;
}

#highlight p.more {
margin: 0 90px 0px 13px;
padding: 0;
font-size: 0.93em;
}

#highlight p.more a:link, #highlight p.more a:visited {
color: #333;
}

#highlight p.panda {
margin: 0 90px 0 13px;
padding: 0;
}

/* styles the jacket */
#highlight #jacket {
width: 77px;
position: absolute;
top: 7px;
right: 5px;
}

#highlight #jacket a:link, #highlight #jacket a:visited {
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
}

#highlight #jacket a:hover, #highlight #jacket a:active {
}

#highlight #jacket img {
border: 1px solid #000;
width: 70px;
/* should we specify the height of the image? */
height: 95px;
}

/* styles the button */
#highlight #jacket a.basketbtn:link, #highlight #jacket a.basketbtn:visited {
margin: 0 0 0 1px;
padding: 0;
background: none;
display: inline;
}

#highlight #jacket a.basketbtn:link img, #highlight #jacket a.basketbtn:visited img {
border: none;
width: 70px;
height: 30px;
}


/* 
--------------------------------------
journals promotion - only on global
--------------------------------------
*/

#jnlsfeature {
margin: 20px 0 0 0;
padding: 0;
}

#jnlsfeature h2 {
margin: 0;
padding: 0 0 3px 0;
font-weight: 700;
font-size: 1em;
}

#jnlsfeature p {
margin: 0 0 5px 0;
padding: 0;
font-size: 0.93em;
}

#jnlsfeature p.descriptor {
color: #666;
}




/* 
--------------------------------------
asia page - until full content available
--------------------------------------
*/

/* padding on table for asia, until full content exists */
#asia #content table td#main {
padding: 20px 20px 100px 20px;
font-size: 1em;
}


#asia #content td#main h3 {
margin: 0 0 10px 0;
padding: 0;
font-weight: 700;
font-size: 1.1em;
}

#asia #content p {
margin: 0 0 15px 0;
}


/* 
--------------------------------------
africa page - until full content available
--------------------------------------
*/

/* padding on table for africa, until full content exists */
#africa #content table td#main {
padding: 20px 20px 100px 20px;
font-size: 1em;
}

#africa #content td#main h3 {
margin: 0 0 10px 0;
padding: 0;
font-weight: 700;
font-size: 1.1em;
}

#africa #content p {
margin: 0 0 15px 0;
}


/* 
--------------------------------------
footer
--------------------------------------
*/

#footer {
font-size: 65%;
padding: 5px 0 7px 8px;
margin: 0;
background: #fff;
color: #666;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}

#footer a {
text-decoration: underline;
color: #666;
}

#footer a:link {
text-decoration: underline;
color: #666;
}

#footer a:visited {
text-decoration: underline;
color: #666;
}

#footer a:hover {
text-decoration: none;
color: #666;
}

#footer a:active {
text-decoration: none;
color: #666;
}


/* 
--------------------------------------
announce - announcement box (eg. for phones down)
--------------------------------------
*/

#announce{
padding: 10px;
font-size: 70%;
border-bottom: 1px solid #e1e1e1;
}

#announce h3{
margin: 0 0 10px 0;
}