/* 
Title : The Philips Centre for health and well-being Stylesheet

Author : 		Rapp UK

URL : 			www.philips-thecenter.org
Type: 			Screen, Projection
Description : 	Styles for on-screen media are delared here.
				Imports reset stylesheet and contains commonly used helper styles

--------------------------------------------------------------------------------------------------------------------------
FILE INFO
Last updated:	2010/05/28
Created by:		Sam Smithson, Rapp
				uk.rapp.com
Version: 		0.0.1
----------------------------------------------------------------------------------------------------------------------- 
*/

@import "reset.css";

/* Used to hide loading cufon fonts
*****************************************************************************************/
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading .cufon { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

/* general
*****************************************************************************************/
body {font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; color:#252f47; background: #ffffff url(../images/bkg-body.gif) 0px 0px repeat-x;   }

/* wrapper and content div
*****************************************************************************************/
#wrapper {clear:both; margin:0px auto; text-align:left; margin-bottom:15px;}  
	#wrapper-inner { width:972px; margin:0px auto; } 
#header { height:95px; }
#logo { padding-top:30px; padding-left:20px; height:65px; }
#footer-wrapper { background:url(../images/bkg-footer.gif) 0px 0px no-repeat; height:60px; margin-top:15px; color:#c9c9c9; clear:both;  padding-top:15px; margin-bottom:15px; text-align:center;  } 
	#footer-wrapper a {  color:#666666; }
	#footer-wrapper-inner {  }
	#footer-wrapper p  { clear:both; font-size:1em; color:#898989; }
	#footer-wrapper ul { margin:0 auto; width:400px; }
	#footer-wrapper ul li { list-style:none; float:left; display:inline; margin-left:3px; }

/* columns
*****************************************************************************************/
#column-001 { width:680px; float:left; margin-left:23px; margin-top:9px; }
#column-002 { width:222px; float:left; margin-left:19px; margin-top:9px; font-size:0.9em; }
	#column-002 label { color:#9297a3; }
#content { margin-top:15px; background:url(../images/bkg-content-rpt.gif) 0px 0px repeat-y;  }
	#content-top { background:url(../images/bkg-content-top.gif) 0px 0px no-repeat; height:10px; }
	#content-bottom { background:url(../images/bkg-content-bottom.gif) 0px 0px no-repeat; height:10px; margin-top:10px; }
#paging { font-size:1.2em;}
#paging a { text-decoration:underline;}	
#navigation { height:102px; background: url(../images/bkg-navigation.gif) 2px 0px no-repeat; }
#search { float:left; width:260px;  margin-top:10px; margin-left:80px; }
#search a { font-size:11px; color:#2c73dc; }
	#search img { margin-right:5px; }
#hero { margin-bottom:15px;}
#search-panel p { margin-bottom:5px; }

#paging .buttons a { /*width:80px;*/ max-width:130px; text-decoration:none !important; margin:0px !important; padding-bottom:3px !important; padding-top:4px !important; }

/* forms
*****************************************************************************************/
input.text{width:184px; border:0; font-size:11px; color:#252f47; padding:3px 5px 2px 5px; color:#9297a3;}
.input { background:url(../images/input-bg.jpg) 0 0 no-repeat; width:194px; height:32px; color:#9297a3; padding:1px 1px 0px 1px; margin:10px 0 5px 0; }
.input-search { background:url(../images/input-search-bg.jpg) 0 0 no-repeat; width:201px;  color:#9297a3; height:32px; padding:1px 1px 0px 1px; margin:10px 0 5px 0; }

input.text-large{width:274px; border:0; font-size:11px; color:#252f47; padding:13px 5px 2px 5px; margin-left:3px;}
.input-large { background:url(../images/input-large-bg-trans.png) 0 0 no-repeat; width:289px; height:50px; padding:1px 1px 0px 1px; margin:0px 0 5px 0; }

input.text-extra-large{width:274px; border:0; font-size:11px; color:#252f47; padding:13px 5px 2px 5px; margin-left:3px;}
.input-extra-large { background:url(../images/input-extra-large-bg-trans.png) 0 0 no-repeat; width:666px; height:45px; padding:1px 1px 0px 1px; margin:0px 0 5px 0; }

textarea { border:none; width:630px; height:80px; padding:13px 5px 2px 10px; font-size:11px; color:#252f47; font-family:Verdana, Geneva, sans-serif; }
	input.text-extra-textarea-large{width:274px; border:0; font-size:11px; color:#252f47; padding:13px 5px 2px 5px; margin-left:3px;}
	.input-extra-textarea-large { background:url(../images/input-extra-textarea-large-bg-trans.png) 0 0 no-repeat; width:666px; height:115px; padding:1px 1px 0px 1px; margin:0px 0 5px 0; }

input.submit{width:74px; height:26px; background:url(../images/btn-submit.gif) 0 0 no-repeat; border:none; cursor:pointer;margin-bottom:10px; padding:0; /*text-indent:-999em;*/}
input.submit:hover{background-position:0 -26px;}

input.go{width:34px; height:22px; float:left; display:inline; background:url(../images/btn-go.gif) 0 0 no-repeat; border:none; cursor:pointer;margin-top:10px; margin-left:15px; padding:0px; text-indent:-999em;}
input.go:hover{background-position:0 0px;}

.required { color:#f48220 !important; font-style:italic; }

/* widgets and panels
*****************************************************************************************/
.related-content-panel { background:url(../images/bkg-v-line-related.gif) top right no-repeat; padding-right:10px; }
.related-content-panel:last-child { padding-left:15px; background:none !important; }
.experts-panel {  background:url(../images/bkg-v-line-related.gif) top right no-repeat; padding-right:15px;  }
.experts-panel:last-child { padding-left:15px; }
.twtr-widget p { font-size:12px; }
.widget { margin-top:15px; margin-bottom:15px; }

.share {width:154px;height:20px;margin-top:20px; float:right;}

/* blost post
*****************************************************************************************/
#post-link { margin-left:15px; padding-top:15px; }
#post-link a { font-size:11px; font-weight:bold; color:#2c73dc; }
	#post-link img { position:relative; top:5px; }
.comments { color:#1b68d9; }
#profile-image { padding-top:15px; }

/* boxes and lines
*****************************************************************************************/
.box-alt {margin-top:15px;  border-top:1px solid #e0e1e8; background:url(../images/bkg-box.gif) left bottom no-repeat; }
.box {margin-top:15px; border-top:4px solid #f48220; background:url(../images/bkg-box-trans.png) left bottom no-repeat; }
	.box-inner { padding:15px 15px 15px 15px; }
	
.box-small { border-top:4px solid #f48220; margin-bottom:15px; background:url(../images/bkg-box-small.gif) left bottom no-repeat; }
	.box-inner-small { padding:15px; }
	
.box-medium {margin-top:15px; border-top:4px solid #f48220; background:url(../images/bkg-box-medium.gif) left bottom no-repeat; }
	.box-inner-medium {  padding:15px; }

.line { background:url(../images/bkg-line.gif) 0px 0px no-repeat; height:1px; margin-top:5px; margin-bottom:10px; }
	.line-small { background:url(../images/bkg-line-small.gif) 0px 0px no-repeat; height:1px; margin-top:5px; margin-bottom:10px; }
		
/* text
*****************************************************************************************/
h1,h2,h3,h4,h5,h6 { margin-bottom:3px; }
h1 { font-size:30px; color:#0b5ed7; margin-bottom:15px; }
h2 { font-size:26px; color:#f48220; }
#column-001 .box h2 {margin-top:5px; }
h3 { font-size:26px; color:#f48220; }
h4 { font-size:24px; color:#f48220; }
h5 { font-size:1.2em; color:#f48220; margin-top:10px; }
#column-002 h5 { font-size:1.2em; color:#0b5ed7; margin-top:10px; }
h6 { font-size:1.2em; color:#ffffff; }
#ctl00_pnlLatestArticles h5 { color: #0E5FD8; }

p { font-size:1.2em; line-height:16px; padding-bottom:5px; padding-top:0px; zoom:1; }

.coda-slider-wrapper h4 { font-size:18px; color:#0e5fd8; line-height:18px; }
.coda-slider-wrapper p, .coda-slider-wrapper a { font-size:11px; }

.alternative-h3 { color:#0e5fd8; font-size:18px; }
.alternative-h4 { color:#0e5fd8; font-size:18px; }
.alternative-h5 { color:#1f5ec9; }

table td { font-size:1.2em; padding-bottom:10px; }


/* general classes
*****************************************************************************************/
.hide { display:none; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clearfix:after,p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float-left { float:left; }
.clear { clear:both}
.quitPic img { margin-right:8px;border:1px solid #ccc; }
.align_left { text-align:left !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }
.align-justify { text-align:justify !important; }
.align-bottom { vertical-align:bottom !important; }
.image-right { float:right; padding:0 0 15px 15px; }
.image-left { float:left; padding:0 15px 15px 0; }
.image-center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.relativepos { position: relative; }
.no-bg { background:none !important; }

.link-arrow { background: url(../images/bkg-link-arrow.gif)  right no-repeat; padding-right:10px; font-size:1.2em; }
a.link-arrow, span.link-arrow{ font-size:11px; color:#1f5ec9; cursor:pointer; }
.error { color:#ff8911; margin-left:120px; padding-top:5px; }

#column-001 .box .pdf-download { list-style: none;  }
#column-001 .box .pdf-download li { background: url(../images/icon-pdf.gif)  0 5px no-repeat; padding-left:65px; margin: 0 0 10px; width:600px; overflow: hidden; }
#column-001 .box .pdf-download li a[href$=".pdf"] { background: none; margin-top:0; padding-left:0; }
a.adobe-reader  
{
	background: url(../images/icon-adobe-reader.gif)  0 0 no-repeat; 
	display:block;
	height:33px;
	text-indent:-9999px;
	width:112px; 
}


/* generic margins
*****************************************************************************************/	
.margin-left { margin-left:15px; }
.margin-left-form { margin-left:12px; }
.margin-right { margin-right:15px; }

/* other
*****************************************************************************************/
hr { margin-top:15px; margin-bottom:15px; background:#f1f1f1; color:#f1f1f1; height:1px; border:none; }

a { color:#1f5ec9; text-decoration:none; }
a:hover { color:#1f5ec9;  text-decoration:none; }
a:active { color:#1f5ec9; text-decoration:none; }
a:visited { color:#1f5ec9; text-decoration:none; }
button { background:#ccc; color:#333; padding:3px 5px 3px 5px; font-size:1em; margin-top:0px; position:relative; top:-2px; }
.blog-highlight-content { width: 120px; float: left; margin-top:-10px; }

/* standard widths
*****************************************************************************************/
.width-400 { width:600px !important; }
.width-331 { width:331px !important; }
.width-280 { width:280px !important; }
.width-260 { width:260px !important; }
.width-250 { width:250px !important; }
.width-280 { width:280px !important; }
.width-195 { width:195px !important; }
.width-185 { width:185px !important; }
.width-140 { width:140px !important; }
.width-130 { width:130px !important; }
.width-80 { width:80px !important; }
.width-50 { width:50px !important; }
.width-40 { width:40px !important; }
.width-25 { width:25px !important; }
.height-95 { height:150px !important; }
.height-200 { height:200px !important; }

/* form buttons and links
*****************************************************************************************/
.buttons a, .buttons button, .buttons input, .vote-button{
    display:block;
    margin:0;
    background:url(../images/bkg-btn.gif) top right repeat-x;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
    border:1px solid #e0e1e8;
    text-decoration:none;
    color:#0057d6;
	font-size:11px;
    cursor:pointer;
    padding:4px 15px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:5px 15px 6px 7px; /* IE6 */
}
.buttons button[type]{
    padding:4px 15px 6px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 15px 6px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px 0px 0 !important;
    padding:0;
    border:none;
}

/* data vis */
#visnav { top:0 !important; left:0 !important; height:60px; }

/* slideviewer
*****************************************************************************************/
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin-left: 30px;
padding: 0;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0px;
top: 0;
width: 1%;
list-style-type: none;
margin:0px; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
margin-top:20px;
color: #fff;
font: normal 11px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
}
a.left span, a.right span{
}
a.left img { position:relative; left:-200px; border: 0;}
a.right img{position:relative; left:200px; border: 0;}

a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}




/* modals
*****************************************************************************************/
#modal-widgets, #modal-widgets ul, #modal-widgets li{
	margin:0;
	padding:0;
	list-style:none;
		font-size:11px !important;
}
#modal-widgets li {
	margin-left:15px;
	margin-top:15px;	

}
#modal-widgets li a { background: url(../images/bkg-link-arrow.gif) 4px right no-repeat; padding-right:10px; font-size:1.1em;  }

.modal { padding-bottom:25px; padding-top:25px; }
.modal .box-inner {overflow:auto; height:250px; width:630px;}

/* sitemap
*****************************************************************************************/
.blog-title { width: 380px; margin-right: 40px; }




/* sitemap
*****************************************************************************************/
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */

/* polls
*****************************************************************************************/
ol { width: 200px; font-size:1.2em; list-style: none; margin: 0; padding: 0; }
ol li {margin-bottom: 15px; padding: 0; background:url(../images/bkg-poll-bar-trans.png) 0px 18px no-repeat; height:40px; width:350px; }
.poll strong { display: block; background: url(../images/bkg-poll-result.gif) 0px 0px no-repeat; overflow: visible; }
.poll span { font-size:12px; margin-left:15px; position:relative; top:-2px; left:320px; color:#424a5f; }

.statistics { font-size:1.2em;}
.statistics td { padding:10px 0px 10px 0px; height:20px; font-weight:bold; vertical-align:top; font-size:12px; }
/*.statistics tbody {margin-bottom: 15px; padding: 0; background:url(../images/bkg-poll-bar.png) 0px 10px no-repeat; height:40px; width:350px; }*/
.statistics div { display: block; background: /*url(../images/bkg-poll-result.gif) 0px 0px no-repeat */ #fa771b !important; overflow: visible; height:17px; }

.xForm td { padding:0px 0px 0px 0px; font-size:1.2em; } 
.xForm input { margin-top:15px; } 


/* polls
*****************************************************************************************/
#column-001 .box ul, .modal ul  { margin-bottom:15px;  list-style-type:square; }
#column-001 .box ul li , .modal ul li { margin-left:15px; font-size:1.2em; padding-bottom:0px; }


/* ICON SETTINGS

*****************************************************************************************/
a[href^="mailto:"] {display:inline-block;margin-top:15px;padding-left:20px; line-height:18px;background:transparent url(../images/email.png) center left no-repeat;}
a[href$='.pdf'] {display:inline-block;margin-top:15px;padding-left:20px;line-height:18px;background:transparent url(../images/page_white_acrobat.png) center left no-repeat;}
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {display:inline-block;pmargin-top:15px;adding-left:20px;line-height:18px;background:transparent url(../images/page_white_flash.png) center left no-repeat;}
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {display:inline-block;margin-top:15px;padding-left:20px;line-height:18px;background:transparent url(../images/page_white_excel.png) center left no-repeat;}
a[href$='.ppt'], a[href$='.pps'] {display:inline-block;margin-top:15px;padding-left:20px;line-height:18px;background:transparent url(../images/page_white_powerpoint.png) center left no-repeat;}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {display:inline-block;margin-top:15px;padding-left:20px;line-height:18px;background:transparent url(../images/page_white_word.png) center left no-repeat;}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {display:inline-block;margin-top:15px;padding-left:20px;line-height:18px;background:transparent url(../images/page_white_zip.png) center left no-repeat;}