/* GSK Corporate Responsibility 2008 CSS Document */

#flash-pict-home-responsibility { 
top: 0; 
left: 0; 
width: 760px;
z-index: 2; 
height:216px;
background-image:url(/common/img/responsibility/v-responsibility2008-small.jpg);
background-color:#fff;
background-repeat:no-repeat;
}

#flash-pict-home-responsibility1 { 
top: 0; 
left: 0; 
width: 760px;
z-index: 2; 
height:216px;
background-image:url(/common/img/responsibility/v-responsibility2008-small-2010.jpg);
background-color:#fff;
background-repeat:no-repeat;
}

.content-left-blue-home-responsibility {
width:580px;
float: left;
height:149px;
padding:0 0 0 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 0 10px;
} 

/* ----------------------- */

/*   * {color: #666;}*/
#report-head {
display: none;
}

.bodybg3col-equal{
background: url(/common/img/responsibility/bodybg3col-equal.jpg) repeat-y;
}

.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;
height: 250px;
padding-top: 10px;
width: 160px;
}
.resp-span-3col-update3 ul.Links {
width: 140px;
}
.bg-bottom-cr-home {
background: url(/common/img/responsibility/bg-cr08-pills-container.jpg) no-repeat right bottom;
padding-bottom: 70px;
}

.resp-margin {
background: #fff;
margin: 0 0 0 16px;
}
.resp-padding {
background: #fff;
padding: 0 15px 0 16px;
}
.content-col-spancenter {
float: left;
width: 396px;
}
.content-col1, .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: #333;
}

h1.cr2008, h1.cr2008 em {
color: #f60;
font-size: 26px;
font-weight: bold;
}
h1.small,
h2.small {
color: #f60;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
h1.big,
h2.big {
color: #f60;
font-size: 29px;
font-weight: bold;
margin-top: 0;
padding-top: 0;
line-height: 110%;
}

h2.box-orange, h2.box-blue {
color: #fff;
font-size: 14px;
margin: 0;
padding: 5px 9px;
}

h2.box-orange {
background: url(/common/img/responsibility/bg-head-orange.gif) repeat-y #f90;
}

h2.box-orange em{
color: #fff;
font-size: 14px;
}

h2.box-blue {
background: url(/common/img/responsibility/bg-head-blue.gif) repeat-y #98CBFE;
}

div.include-right h2.box-blue {
color: #fff;
padding: 4px;
}

div.include-right.interim-update {
background-color: #eee;
}

div.include-right.interim-update p {
padding: 2px 6px 6px;
}

h2.cr2008, h3.cr2008, h3.orange {
clear: both;
font-size: 14px;
font-weight: bold;
}
h2.cr2008 {
color: #000;
}
h3.cr2008 {
color: #666;
}
h3.orange {
color: #f60;
}

h4.cr2008 {
clear: both;
color: #666;
font-size: 12px;
font-weight: bold;
}

.head-rule {
border-bottom: 1px solid #f60;
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: #f60;
padding: 10px 0;
}

.bg-box {
background: #eee;
padding: 12px 12px 4px 12px;
margin: 1px 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;
}

p.lead1 {
font-size: 16px;
padding-left: 30px; }

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 0 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 #999;
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 #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
color: #999;
padding: 7px 7px 8px 7px;
}
ul.tabs li a:hover,
ul.tabs li a.tab-on {
float: left;
background: #f60;
border: 0;
color: #fff;
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%20ribbon.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: #fff;
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: #fff;
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: #f60;
}

/* 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: #fff;
}
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: #fff;
text-decoration: none;
}
ul.minitag-cloud-content li a:hover {
color: #f60;
}


/* 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:#999;}



#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: #369;
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: #666;
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;
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;
text-align:left;
color: #529ABD;
}
.bottomline {
border-bottom: 1px solid #529ABD;
}
.bottomlineblue {
background:#F1F6F9;
}
.darkblueborder {
border-top: 1px solid #fff;
background:#81A3BE;
color:#fff;
padding:8px;
text-align:left;
}

.lightblueborder {
border-bottom: 1px solid #529ABD;
border-top: 1px solid #529ABD;
padding:8px;
text-align:left;
background:#fff;
}
.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 #fff;
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 */
