/*  Information
------------------------------------------------------------------------------------------------------------------*/
/*  Styles for Nestle Web Application / Framework
    Crisis commons popup specific styles for all browsers
    By Mez Hopking (Headscape) mez.hopking|at|headscape.co.uk
	Amended by Chris Sanderson from original (Headscape) chris.sanderson|at|headscape.co.uk
    Created 18th August 2009, Last modified 18th November 2009 
------------------------------------------------------------------------------------------------------------------*/


/*  Foundation layout / reset styles / general typography
------------------------------------------------------------------------------------------------------------------*/

* html, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, q, td, tr, table, div, dl, dd, dt, a, input, text, button, form, span, img {margin: 0px; padding: 0px;}
a {text-decoration: none; color: #336699; cursor: pointer;}
a img {border: none;}
a {color: #369;}
a:hover {color: #036}
li {list-style: none;}
h1 {color: #69c; font-weight: normal; margin-bottom: 10px; font-size: 1.7em; line-height: 1.1em;}
h2 {color: #69c; line-height: 1.1em; font-weight: normal;}
h3 {color: #69c; line-height: 1.1em; font-weight: normal;}
h4 {color: #69c; line-height: 1.1em; font-weight: normal;}
h5 {color: #69c; line-height: 1.1em; font-weight: normal;}
h6 {color: #69c; line-height: 1.1em; font-weight: normal;}
p {font-size: 1em; color: #666;}
p a:hover {text-decoration: underline;}
p.returnToTop {float: right;}
p.miniTitle {margin-bottom: 5px !important;}
q {quotes: '' '';}
acronym {border-bottom: 1px inherit dotted;}
.meta {display: none !important;}
.left {float: left;}
.right {float: right;}

.noPadding {padding: 0px 0px 0px 0px !important;}

.externalLink {width: 7px; height: 6px; position: relative; display: inline-block; padding: 3px 7px 3px 0px; background: url(../images/layout/iconExternalLink.png) 5px 5px no-repeat;}
.externalLink em {display: none;}

.pageIntroArea img {float: left; margin: 0 10px 10px 0;}

body {margin: 0 auto; text-align: center; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.2em; color: #666; background: #fff top center repeat-x;}
#container {margin: 0px auto; padding: 0px; position: relative; width: 956px; background-color: transparent; text-align: left;}
#innerContainer {}
#accessibility {display: none;}
#pageDescription {display: none;}

#contentContainer {position: relative; float: left; padding: 0 0 10px 0px; width: 956px;}
#pageContainer {float: left; position: relative; width: 956px;}


/*  Pop up boxes specific
------------------------------------------------------------------------------------------------------------------*/


/* Blue bordered box specific */

/* Vertical alignment of pubs - remove 'top:' to have centered */
.popUpBox .pubBlock.size05,
.popUpBox .pubBlock.size04,
.popUpBox .pubBlock.size03b,
.popUpBox .pubBlock.size03,
.popUpBox .pubBlock.size02,
.popUpBox .pubBlock.size01 {top: 20px;}
/**/

.popUpBox {}
.popUpBox .pubFade {background-color: #fff; position: fixed; width: 100%; height: 100%; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: .70; left: 0; top: 0; z-index: 10;}
.popUpBox .pubBlock {float: left; position: fixed; top: 220px; left: 50%; z-index: 100;}
.popUpBox .pubFade.dark {background-color: #000;}
.popUpBox .pubLoader { display:none; }
.loading .pubContainer .pubLoader {display:block;}
.loading .pubContainer .pubContent {display:none;}

.popUpBox .pubBlock .pubContainer h3 {float: left; margin: 5px; text-align: left; font-size: 1.0em; background: url(../images/layout/bgPubH3TitleL.png) 0 0 no-repeat #6295d2;}
.popUpBox .pubBlock .pubContainer h3 span {float: left; display: block; padding: 5px; color: #fff; background: url(../images/layout/bgPubH3TitleR.png) 100% 0 no-repeat;}
.popUpBox .pubBlock .pubContainer .closeBox {float: right; position: absolute; top: 9px; right: 10px; z-index: 100; margin-top: 0px}
.popUpBox .pubBlock .pubContainer .closeBox p {float: left; position: relative; font-size: .95em;}
.popUpBox .pubBlock .pubContainer .closeBox p a {padding: 0 0 0 16px; color: #fff; background:url(../images/layout/iconPubClose.png) 0 45% no-repeat transparent;}
.popUpBox .pubBlock .pubContainer .closeBox p a:hover {text-decoration: underline;}


/* Size 03b */

.popUpBox .pubBlock.size03b {width: 500px; margin: 0 0 0 -250px /* Half of width */;}
.popUpBox .pubBlock.size03b .pubContainer {float: left; width: 500px; position: relative; background: url(../images/layout/bgPubMediumLarge02Top.png) 0 0 no-repeat transparent;}
.popUpBox .pubBlock.size03b .pubContainer .pubContent {float: left; position: relative; width: 476px; padding: 5px 12px 12px 12px; background: url(../images/layout/bgPubMediumLarge02Bottom.png) 0 100% no-repeat transparent; margin-bottom: -9px;}
.popUpBox .pubBlock.size03b .pubContainer h3 span {width: 480px;}
.popUpBox .pubBlock.size03b .popUpTools {width: 476px;}


/* Crisis commons box specific */


.popUpBox.crisisCommons {}
.popUpBox.crisisCommons .pubBlock .pubContainer h3 {margin: 5px; background-image: url(../images/layout/bgPubH3TitleRedL.png); background-color: #e40000;}
.popUpBox.crisisCommons .pubBlock .pubContainer h3 span {background-image: url(../images/layout/bgPubH3TitleRedR.png); padding: 21px 5px;}
.popUpBox.crisisCommons .pubBlock .pubContainer h3 span em {display: none;}

.popUpBox.crisisCommons .pubBlock .pubContainer .closeBox {top: 28px; right: 11px;}
.popUpBox.crisisCommons .pubBlock .pubContainer .closeBox p a {background:url(../images/layout/iconPubCloseRed.png) 2px 47% no-repeat transparent;}

.popUpBox.crisisCommons .pubContent {text-align: left}
.popUpBox.crisisCommons .pubContent h4 {color: #e40000; font-size: 2.2em; margin-bottom: 15px}
.popUpBox.crisisCommons .pubContent h5 {color: #777; font-size: 1.1em; font-weight: bold; margin-bottom: 15px;}
.popUpBox.crisisCommons .pubContent h6 {color: #666; font-size: 1em; font-weight: bold;}
.popUpBox.crisisCommons .pubContent p {margin-bottom: 10px;}
.popUpBox.crisisCommons .pubContent img {margin: 0 10px 10px 0;}

.popUpBox .popUpTools {float: left; position: relative; padding: 10px 0; border-top: 1px solid #c8d8ea; border-bottom: 1px solid #c8d8ea; margin: 0 0 10px 0;}

.popUpBox .popUpTools li.title {font-weight: bold;}
.popUpBox .popUpTools li a:hover {text-decoration: underline;}
.popUpBox .popUpTools .right li {text-align: right;}