/* GSK Corporate Responsibility 2008 CSS Document */

#flash-pict-home-responsibility{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
height:216px;
background-image:url(/common/img/responsibility/v-responsibility2008-small.jpg);
background-color:#FFFFFF;
background-repeat:no-repeat;
}

.content-left-blue-home-responsibility {
width:580px;
float: left;
height:149px;
padding:0px 0px 0px 10px;
background:url(../img/home/content-left-blue-home.gif) no-repeat;
}
.content-right-blue-home-resp {
width:150px;
float: left;
height:139px;
background:url(/common/img/home/content-right-blue-home.gif) no-repeat right;
padding:10px 10px 0px 10px;
} 

/* ----------------------- */

* {
	color: #666666;
}
#report-head {
	display: none;
}

.bodybg3col-equal{
background: url(/common/img/responsibility/bodybg3col-equal.jpg);
}
.bgwhite {
}

.container-home-resp {
width:760px;
min-height:200px;

}
.container-home-bottom-resp {
background: url(/common/img/responsibility/bodybg-spancenter-equal.jpg) repeat-y;
width:760px;
}

.resp-span-3col {
float: left;
width: 580px;
}
.resp-span-3col-update {
float: left;
width: 380px;
}
.resp-span-3col-update2 {
float: right;
width: 160px;
}
.resp-span-3col-update3 {
background: url(/common/img/responsibility/cr09-background-box2.jpg) no-repeat;
float: right;
width: 160px;
}
.bg-bottom-cr-home {
background: url(/common/img/responsibility/bg-cr08-pills-container.jpg) no-repeat right bottom;
padding-bottom: 70px;
}

.resp-margin {
background: #ffffff;
margin: 0 0 0 16px;
}
.resp-padding {
background: #ffffff;
padding: 0 15px 0 16px;
}
.content-col-spancenter {
float: left;
width: 396px;
}
.content-col1 {
float: left;
width: 198px;
}
.content-col2 {
float: left;
width: 198px;
}
.content-col3 {
float: left;
width: 183px;
}
.content-col-spancenter .padding,
.content-col1 .padding,
.content-col2 .padding {
padding: 0 15px 0 16px;
}
.content-col3 .padding {
padding: 0 0 0 16px;
}

.padding-respons {
padding: 0 8px 0 9px;
}
#content-search a.dark, #content-search .dark a {
color: #333333;
}

h1.cr2008 {
color: #ff6600;
font-size: 26px;
font-weight: bold;
}
h1.cr2008 em {
color: #ff6600;
font-size: 26px;
font-weight: bold;
}
h1.small,
h2.small {
color: #ff6600;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
h1.big,
h2.big {
color: #ff6600;
font-size: 29px;
font-weight: bold;
margin-top: 0;
padding-top: 0;
line-height: 110%;
}

h2.box-orange {
background: url(/common/img/responsibility/bg-head-orange.gif) repeat-y #ff9900;
color: #ffffff;
font-size: 14px;
padding: 5px 9px;
}

h2.box-orange em{
color: #ffffff;
font-size: 14px;
}

h2.box-blue {
background: url(/common/img/responsibility/bg-head-blue.gif) repeat-y #98CBFE;
color: #ffffff;
font-size: 14px;
padding: 5px 9px;
}

h2.cr2008 {
clear: both;
color: #000000;
font-size: 14px;
font-weight: bold;
}

h3.cr2008 {
clear: both;
color: #666666;
font-size: 14px;
font-weight: bold;
}

h3.orange {
clear: both;
color: #ff6600;
font-size: 14px;
font-weight: bold;
}

h4.cr2008 {
clear: both;
color: #666666;
font-size: 12px;
font-weight: bold;
}

.head-rule {
border-bottom: 1px solid #ff6600;
padding-bottom: 4px;
}
form.resource h3.cr2008 {
padding-top: 15px;
}

form.resource h4 {
clear: both;
background: url(/common/img/responsibility/bg-grad-report-bar.gif) repeat-x;
padding: 15px 0;
}
form.resource h4.org-head {
background: none !important;
color: #ff6600;
padding: 10px 0;
}

.bg-box {
background: #eeeeee;
padding: 12px 12px 4px 12px;
margin: 2px 0 14px 0;
}
.keyline-box {
border: 1px solid #C8C2BE;
padding: 11px 11px 3px 11px;
margin: 2px 0 14px 0;
}

.content-center p {
clear: both;
}
p {
padding: 0 0 14px 0;
}

p.lead {
font-size: 16px;
}

ul.more-link {
list-style: none;
margin-top: -6px;
}
ul.more-link li {
background: url(/common/img/arrow-big.gif) 0 0.4em no-repeat;
padding: 0 0 0 10px;
}
ul.arrow-org li {
background: url(/common/img/arrow-big-orange.gif) 0 0.4em no-repeat;
}


/* Bullet list */
ul.content-respons {
padding: 0 0 0 12px;
margin: 0;
}
ul.content-respons li {
list-style: url(/common/img/responsibility/bullet-sq-orange.gif) square;
padding: 0 0 14px 0;
}
ul.content-respons2 {
padding: 0 0 10px 12px;
margin: 0;
}
ul.content-respons2 li {
list-style: url(/common/img/responsibility/bullet-sq-orange.gif) square;
padding: 0 0 4px 0;
}

/* Bullet list blue */
ul.content-respons1 {
padding: 14px 0 0px 30px;
margin: 0;
}
ul.content-respons1 li {
list-style: url(/common/img/responsibility/bullet-dash-black1.gif);
padding: 0 0 4px 0;
}
ul.content-respons3 {
padding: 0 0 10px 12px;
margin: 0;
}
ul.content-respons3 li {
list-style: url(/common/img/responsibility/bullet-sq-blue.gif) square;
padding: 0 0 4px 0;
}

/* Tabs */
ul.tabs {
float: left;
list-style: none;
border-bottom: 1px solid #999999;
margin: 14px 0;
padding: 0;
width: 100%;
}
ul.tabs li {
float: left;
font-size: 12px;
padding: 0 1px 0 0;
}
ul.tabs li a {
float: left;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
color: #999999;
padding: 7px 7px 8px 7px;
}
ul.tabs li a:hover,
ul.tabs li a.tab-on {
float: left;
background: #ff6600;
border: 0;
color: #ffffff;
padding: 8px;
}

.Ultable {
margin-bottom: 10px;
}


/* Tag Cloud */
#tag-cloud {
background: url(../img/responsibility/cr08-wind-turbine.jpg) no-repeat #3398B9;
height: 138px;
padding: 0 15px 0 179px;
}
#tag-cloud1 {
background: url(../img/responsibility/cr09-red ribbon.jpg) no-repeat #3398B9;
height: 138px;
padding: 0 15px 0 179px;
}
#tag-cloud2 {
background: url(../img/responsibility/cr09-ViiV.jpg) no-repeat #3398B9;
height: 138px;
padding: 0 15px 0 179px;
}
#tag-cloud3 {
background: url(../img/responsibility/cr09-red-ribbon-swoosh.jpg) no-repeat #3398B9;
height: 138px;
padding: 0 15px 0 179px;
}
#tag-cloud4 {
background: url(../img/responsibility/cr09-viiv-swoosh.jpg) no-repeat #3398B9;
height: 138px;
padding: 0 15px 0 179px;
}
ul.tag-cloud-content,
ul.tag-cloud1-content,
ul.tag-cloud2-content,
ul.tag-cloud3-content {
margin: 0;
padding: 15px 0;
text-align: center;
}
ul.tag-cloud4-content {
margin: 0;
padding: 15px 0 0 35px;
text-align: center;
}
ul.tag-cloud-content li,
ul.tag-cloud1-content li,
ul.tag-cloud2-content li,
ul.tag-cloud3-content li,
ul.tag-cloud4-content li {
display: inline;
color: #ffffff;
line-height: 34px;
padding: 0 3px;
}
ul.tag-cloud-content li.t1, 
ul.tag-cloud1-content li.t1,
ul.tag-cloud2-content li.t1,
ul.tag-cloud3-content li.t1,
ul.tag-cloud4-content li.t1 {
	font-size: 31px; font-weight: bold;}
ul.tag-cloud-content li.t2, 
ul.tag-cloud1-content li.t2,
ul.tag-cloud2-content li.t2,
ul.tag-cloud3-content li.t2,
ul.tag-cloud4-content li.t2 {
	font-size: 26px; font-weight: bold;}
ul.tag-cloud-content li.t3,
ul.tag-cloud1-content li.t3,
ul.tag-cloud2-content li.t3,
ul.tag-cloud3-content li.t3,
ul.tag-cloud4-content li.t3 {
	font-size: 24px; font-weight: bold;}
ul.tag-cloud-content li.t4,
ul.tag-cloud1-content li.t4,
ul.tag-cloud2-content li.t4,
ul.tag-cloud3-content li.t4,
ul.tag-cloud4-content li.t4 {
	font-size: 20px;}
ul.tag-cloud-content li.t5,
ul.tag-cloud1-content li.t5,
ul.tag-cloud2-content li.t5,
ul.tag-cloud3-content li.t5,
ul.tag-cloud4-content li.t5 {
	font-size: 16px;}

ul.tag-cloud-content li a,
ul.tag-cloud1-content li a,
ul.tag-cloud2-content li a,
ul.tag-cloud3-content li a,
ul.tag-cloud4-content li a {
color: #ffffff;
text-decoration: none;
}
ul.tag-cloud-content li a:hover,
ul.tag-cloud1-content li a:hover,
ul.tag-cloud2-content li a:hover,
ul.tag-cloud3-content li a:hover,
ul.tag-cloud4-content li a:hover {
color: #ff6600;
}

/* right col Mini Tag Cloud */
.minitag-cloud-map {
margin: 0 0 10px 0;
}
.minitag-cloud {
background: url(/common/img/responsibility/bg-minicloud-bottom.gif) no-repeat bottom #3398B9;
width: 160px;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
}
ul.minitag-cloud-content {
background: url(/common/img/responsibility/bg-minicloud-top.gif) no-repeat top;
margin: 0;
padding: 8px 9px 0 9px;
text-align: center;
}
ul.minitag-cloud-content li {
display: inline;
color: #ffffff;
}
ul.minitag-cloud-content li.t1 {font-size: 22px; font-weight: bold;}
ul.minitag-cloud-content li.t2 {font-size: 18px; font-weight: bold;}
ul.minitag-cloud-content li.t3 {font-size: 15px; font-weight: bold;}
ul.minitag-cloud-content li.t4 {font-size: 12px;}

ul.minitag-cloud-content li a {
color: #ffffff;
text-decoration: none;
}
ul.minitag-cloud-content li a:hover {
color: #ff6600;
}


/* right col Doc tools */
ul#doc-tools {
/*
background: url(/common/img/responsibility/dotted-horiz-sep.gif) no-repeat bottom;
*/
border-bottom: 1px solid #C8C2BE;
list-style: none;
padding: 0;
margin: 0 0 8px 0;
width: 160px;
}
ul#doc-tools li {
font-size: 12px;
}
ul#doc-tools li img {
border: 0;
margin-right: 5px;
vertical-align: middle;
}
ul#doc-tools li#print {
padding: 0 0 7px 0;
}
ul#doc-tools li#basket {
padding: 0 0 5px 0;
}
ul#doc-tools li#pdf {
padding: 0 0 7px 0;
}

#liPageAdded a{ color:#999999;}



#divPrintBasketPageCount {
border-bottom: 1px solid #C8C2BE;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
text-align: center;
width: 160px;
}
#divPrintBasketPageCount .num {
color: #3297B9;
}


/* right col info segments */
.respons-right-info {
/*
background: url(/common/img/responsibility/dotted-horiz-sep.gif) no-repeat bottom;
*/
border-bottom: 1px solid #C8C2BE;
margin: 5px 0 8px 0;
width: 160px;
}
.respons-right-info h4, h4.respons {
color: #404041;
font-size: 12px;
font-weight: bold;
padding: 0 0 4px 0;
}
.respons-right-info h4 {
color: #404041;
}
.right-actioncall {
padding: 8px 0;
}

/* Resource list */
form.resource {
margin: 0;
padding: 0;
}
form.resource input.create-pdf {
background: url(/common/img/responsibility/icon-create-pdf.gif) no-repeat;
border: 0;
color: #336699;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
padding: 0 0 0 20px;
margin: 10px 0 14px 0;
}
form.resource h4 a {
display: block;
color: #666666;
padding: 0 0 0 20px;
}
form.resource h4 a.report-sect-closed {
background: url(/common/img/responsibility/icon-report-plus.gif) no-repeat;
}
form.resource h4 a.report-sect-opened {
background: url(/common/img/responsibility/icon-report-minus.gif) no-repeat;
}

ul.res-list {
float: left;
list-style: none;
padding: 0 0 0 0;
margin: 0;
width: 401px;
}
ul.res-list li {
clear: both;
}
ul.res-list li.list-sep {
background: url(/common/img/responsibility/dotted-horiz-sep.gif) 0 0 repeat-x;
padding: 10px 0 0 0;
}
ul.res-list li.sep-bot {
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding: 0 0 3px 0;
margin: 0;
}

ul.res-list li input.check {
float: left;
}
ul.res-list li label {
float: left;
margin: 1px 0 5px 5px;
width: 320px;
}
ul.res-list li .dload-size {
float: right;
margin: 1px 0 5px 5px;
text-align: right;
width: 50px;
}

/* individual pages */
#individualpages-wrapper {
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}
#individualpages-wrapper label.reportbuilder-label {
display: inline;
padding: 0 0 0 5px;
}
#individualpages-wrapper input.reportbuilder-checkbox {
margin-bottom: 8px;
}



.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.padtop {
padding-top: 14px;
}
.hr-dots {
clear: both;
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding-bottom: 1px;
margin-bottom: 14px;
}

.hr-dots-top {
clear: both;
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding-bottom: 1px;
margin-bottom: 1px;
}

.sep {
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}
.sep2 {
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding-bottom: 14px;
margin-bottom: 14px;
}
.sep3 {
background: url(/common/img/responsibility/dotted-horiz-sep.gif) repeat-x bottom;
padding-bottom: 14px;
}

/* START New classes for 2009 */

.bluebordertopbottomleft
{
border-top-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-style:none;
border-width:1px;
border-color:#529ABD;
}
.bluebordertopbottom
{
border-top-style:solid;
border-bottom-style:solid;
border-left-style:none;
border-right-style:none;
border-width:1px;
border-color:#529ABD;
}
.bluebordertopbottomright
{
border-top-style:solid;
border-bottom-style:solid;
border-left-style:none;
border-right-style:solid;
border-width:1px;
border-color:#529ABD;
}
.blueheader09
{
	font-size:12px;
	font-weight: bold;
	font-color:#529ABD;
	text-align:left;
	color: #529ABD;
}
.bottomline{
border-bottom: 1px solid #529ABD;
}
.bottomlineblue{
background:#F1F6F9;
}
.darkblueborder{
border-top: 1px solid #ffffff;
background:#81A3BE;
color:white;
padding:8px;
text-align:left;
}

.lightblueborder{
border-bottom: 1px solid #529ABD;
border-top: 1px solid #529ABD;
padding:8px;
text-align:left;
background:#FFFFFF;
}
.lightblueborderright{
border-bottom: 1px solid #529ABD;
border-top: 1px solid #529ABD;
border-right: 1px solid #529ABD;
padding:8px;
text-align:left;
}
.lightblueborderleft{
border-bottom: 1px solid #529ABD;
border-top: 1px solid #529ABD;
border-left: 1px solid #529ABD;
padding:8px;
text-align:left;
}
.lightblueborder1{
border-top: 1px solid #ffffff;
background:#D6E7F1;
padding:8px;
text-align:left;
}



/* END New classes for 2009 */

/* START background image clickable area */
#zone1 { 
 position: absolute; 
 width: 200px;
 height: 125px;
 left: 10px;
 top: 810px;
}
/* END background image clickable area */

/* START indent for quote */
.quote {
margin: 0px 20px 0px 0px;
width: 375px;
}
/* END indent for quote */