/*========================================================================================================================
 * Description:         Contains global rules available to any template
 * Author:              Pat
 * Created:             09/03/09
 * Last Modified:       -
 *========================================================================================================================*/

/*==================================================================================================
 * Acknowledgements 
 * Many of the icons in used in the Nova Core come from the Fam Fam Fam icon library http://www.famfamfam.com/lab/icons/silk/
 *==================================================================================================

/*==================================================================================================
 * Main
 *==================================================================================================*/
@import url("Buttons_templated.css?v=635743692638872201");
@import url("uab_templated.css?v=635743692638872201");
@import url("media_templated.css?v=635743692638872201");

html 
{
    
}

body {
    
    font-size: 10px;
    font-size: 11px;
    color: #333333;
    background-color: #464646;
    background-image: url("../../RXUK/RXUK_WTMLondon/framework_images/main_bg.png");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 0;
    font-weight: normal;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, blockquote {
    margin: 10px;
}

h1, 
h1 a, 
.heading1 {
    
    font-size: 16px;
    font-weight: bold;
}

h1 {
    color: #000000;
}

h2,
h2 a, 
.heading2, 
.heading2 a {
    
    font-size: 16px;
    font-weight: bold;
}

h2 {
    color: #000000;
}

h3,
h3 a,
.heading3,
.heading3 a {
    
    font-size: 16px;
    font-weight: bold;
}

h3 {
    color: #000000;
}

h4,
h4 a, 
.heading4, 
.heading4 a {
    
    font-size: 12px;
    font-weight: bold;
}

h4 {
    color: #000000;
}

h5, h6, h7, 
h5 a, h6 a, h7 a {
    font-size: 12px;
    font-weight: bold;
}

h5, h6, h7 {
    color: #000000;
}

a {
    color: #E6007E;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

a:visited {
    color: #E6007E;
}

a:hover {
    text-decoration: underline;
    color: #E6007E;
}

address {
    font-style: normal;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

#wrapper {
    margin-bottom: 20px;
    border: solid 0 transparent;
    background-color: #FFFFFF;
}

.centered-page {
    width: 960px;
    margin: 0 auto;
}

.unmanagedContent ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.unmanagedContent ul {
    list-style-type: Disc;
    list-style-image: none;
    padding-left: 20px;
}

.unmanagedContent table {
    border-collapse: collapse;
    margin: 11px;
    width: 90%;
}

.unmanagedContent table th, .unmanagedContent table td {
    border: solid 0 #FFFFFF;
    padding: 5px;
}

.clear {
    clear: both;
}

/* Nicolas Gallagher's micro clearfix. It is possible to add a before selector also: see Eric Mayer's comment to Divya Manian's answer: http://stackoverflow.com/questions/6524553/960-grids-clearfix-vs-html5-boilerplates-clearfix-whats-the-difference */
.clearfix { *zoom: 1; }
.clearfix:after { content: " "; display: table; clear: both; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
            
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus
{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.wrapWhiteSpace {
    white-space: pre; /* CSS2 */  
    white-space: -moz-pre-wrap; /* Mozilla */  
    white-space: -hp-pre-wrap; /* HP printers */  
    white-space: -o-pre-wrap; /* Opera 7 */  
    white-space: -pre-wrap; /* Opera 4-6 */  
    white-space: pre-wrap; /* CSS 2.1 */  
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */  
}

/*==================================================================================================
 * Header
 *==================================================================================================*/
#skip {
    display: none;
}

#header {
    /*height: 191px;*/ /*221 for flash*/
    position: relative;
    background-image: none;
    background-repeat: repeat-x;
    background-position: center top;
}

/*==================================================================================================
 * Language Selector
 *==================================================================================================*/

#languageSelector {
    float: left;
}

#languageSelector ul {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#languageSelector ul li {
    display: inline;
    padding: 0 5px 0 0;
}

#languageSelector ul li.last {
    border: none;
}

#languageSelector ul li.flag.current {
    padding-left: 19px;
}

#languageSelector .current span {
    
    font-size: 12px; /*12px;*/
    color: #333333;
}

#languageSelector ul li.flag a {
    padding: 0 0 0 19px;
    color: #E6007E;
}

.flag {
    background: url("images/flagImageSprite.gif") no-repeat top left;
    width: 15px;
}
.flag-AU {
    background-position: 0 -30px;
}
.flag-de {
    background-position: 0 -75px;
}
.flag-es {
    background-position: 0 -120px;
}
.flag-fi {
    background-position: 0 -165px;
}
.flag-fr {
    background-position: 0 -210px;
}
.flag-in {
    background-position: 0 -255px;
}
.flag-nl {
    background-position: 0 -300px;
}
.flag-no {
    background-position: 0 -345px;
}
.flag-sa {
    background-position: 0 -390px;
}
.flag-us {
    background-position: 0 -435px;
}
.flag-ar-AE {
    background-position: 0 -480px;
}
.flag-ar-EG {
    background-position: 0 -526px;
}
.flag-ar-SA {
    background-position: 0 -572px;
}
.flag-ar {
    background-position: 0 -618px;
}
.flag-ca-ES {
    background-position: 0 -664px;
}
.flag-ca {
    background-position: 0 -710px;
}
.flag-cs-CZ {
    background-position: 0 -756px;
}
.flag-cs {
    background-position: 0 -802px;
}
.flag-da {
    background-position: 0 -848px;
}
.flag-en-AU {
    background-position: 0 -893px;
}
.flag-en-GB {
    background-position: 0 -939px;
}
.flag-en-ZA {
    background-position: 0 -984px;
}
.flag-en-nz {
    background-position: 0 -1029px;
}
.flag-en {
    background-position: -166px -165px;
}
.flag-en-US {
    background-position: 0 -1074px;
}
.flag-hu-HU {
    background-position: 0 -1119px;
}
.flag-hu {
    background-position: 0 -1165px;
}
.flag-id {
    background-position: 0 -2124px;
}
.flag-id-ID {
    background-position: 0 -2124px;
}
.flag-it-IT {
    background-position: 0 -1211px;
}
.flag-it {
    background-position: 0 -1257px;
}
.flag-ja-JP {
    background-position: 0 -1303px;
}
.flag-ja {
    background-position: 0 -1349px;
}
.flag-ko-KR {
    background-position: 0 -1395px;
}
.flag-ko {
    background-position: 0 -1441px;
}
.flag-nl-BE {
    background-position: 0 -1487px;
}
.flag-pl-PL {
    background-position: 0 -1532px;
}
.flag-pl {
    background-position: 0 -1578px;
}
.flag-pt-BR {
    background-position: 0 -1624px;
}
.flag-pt-PT {
    background-position: 0 -1669px;
}
.flag-pt {
    background-position: 0 -1715px;
}
.flag-ru-RU {
    background-position: 0 -1761px;
}
.flag-ru {
    background-position: 0 -1807px;
}
.flag-sv {
    background-position: 0 -1853px;
}
.flag-sk {
    background-position: 0 -2078px;
}
.flag-th-TH {
    background-position: 0 -1988px;
}
.flag-tr-TR {
    background-position: 0 -1898px;
}
.flag-tr {
    background-position: 0 -1944px;
}
.flag-vi {
    background-position: 0 -2031px;
}
.flag-zh-CHS {
    background-position: -166px -30px;
}
.flag-zh-CHT {
    background-position: -166px -76px;
}
.flag-zh-CN {
    background-position: -166px -122px;
}

.flag-zh-HK {
    /* Note zh-HK is a special case lang code that is being mapped to zh-CHT so has the same background-position*/
    background-position: -166px -76px;
}

/*==================================================================================================
 * End Language Selector
 *==================================================================================================*/

#brand {
    clear: left;
    position: relative;
    min-height: 80px;
}

.headerFooterLinkList {
    padding-bottom: 5px;
}

.headerFooterLinkList li {
    background: transparent url("../../RXUK/RXUK_WTMLondon/framework_images/footer_separator_01.png") no-repeat scroll right center;
}

.headerFooterLinkList li.first a {
    padding-left: 2px;
}

.headerFooterLinkList li.last {
    background-image: none;
}

.headerFooterLinkList li a {
    padding: 5px;
}

.headerFooterLinkList li.last a {
    padding-right: 2px;
}

#footer .headerFooterLinkList {
    margin: 0 10px 0 10px;
}

#functionalNavigation, .functionalNavigation  {
    float: right;
    padding-top: 5px;
}

.functionalNavigation
{
    margin: 0 10px 0 10px;
}

#functionalNavigation ul {
    margin: 0;
}

#functionalNavigation ul li {
    display: inline;
}

#functionalNavigation ul li.first {
    border: none;
}

#strapLine {
    margin: 0;
    padding: 10px;
    padding-bottom: 15px;
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    
}

#header .producedBy {
    margin: 0px;
    position: absolute;
    right: 15px;
    bottom: 0;
    line-height: 0;
}

#header .top-bar .producedBy {
    float: left;
    position: static;
    margin-left: 25px;
}

#header .inTopNav {
    bottom: -39px;
    z-index: 999; /* to make the produced by logo appear in front of the top navigation */
}

/* Two IDs in selector? This is because #search can appear within #header OR within #sidebarRight. Never both so #'s are OK*/
#header #search {
    position: absolute;
    right: 10px;
    top: 14px;
}

#search input {
    border: solid 1px #cccccc; /* textbox does not show any border IE 7/8*/
    margin-right: 3px;
    padding:3px;
}

#header .top-bar #search {
    position: relative;
    right: 0;
    top: 0;
}




/*==================================================================================================
 * Top Nav - single line with drop downs
 *==================================================================================================*/
#topNavigation {
    margin: 0 10px 0 10px;
    background-color: #9D9D9C;
    background-image: url("../../RXUK/RXUK_WTMLondon/framework_images/topNav_bg_01.png");
    background-repeat: repeat-y;
    background-position: left top;
    position: relative;
    z-index: 100;
}

/* Make room for absolute positioned second level nav */
div.multiLevelNav #topNavigation,
#topNavigation.selectedHasChildren {
    margin-bottom: 30px;
}

#topNavigation ul.level1 {
    width: 940px;
    height: 40px;
    margin: 0;
}

#topNavigation ul.level1 li {
    float: left;
    border-left: 1px solid #eeeeee;
    background: none;
}

#topNavigation ul.level1 li.first {
    border: none;
}

#topNavigation ul li a {
    color: #000000;
    font-weight: bold;
    font-size: 12px;

    display: block;
    background: none;
    padding: 10px;
    position: relative;
}

div.multiLevelNav #topNavigation .navTreeItem-HasChildren {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: inherit;
    position: absolute;
    right: 2px;
    top: 18px;
    height: 3px;
    width: 6px;
}

div.multiLevelNav #topNavigation .hasChildren.selected .navTreeItem-HasChildren {
    background-image: none;
}

div.multiLevelNav #topNavigation ul.level2 .navTreeItem-HasChildren {
    top: 12px;
}

#topNavigation ul li a:visited {
    color: #000000;
}

#topNavigation ul li a:active {
    color: #000000;
}

/* The three possible highlight triggers.
pseudo class :hover !< IE7
hover class, applied by JS
selected section class in markup */
#topNavigation ul.level1 li.hover a, #topNavigation.no-js ul.level1 li:hover a, #topNavigation ul.level1 li.selected a {
    color: #FFFFFF;
    background-color: #e6007e;
}

/* By default, hide all lists of navigation links under the top level */
#topNavigation ul.level1 ul {
    display: none;
}

#topNavigation.no-js li:hover .level2, #topNavigation li.hover .level2, #topNavigation li.selected .level2 {
    display: block;
    left: 0;
    width: 940px;
    position: absolute;
    margin: 0;
    background-color: #e6007e;
}

#topNavigation ul.level2 li {
    border-left: medium none;
}

#topNavigation ul.level2 li a {
    border-left: 1px solid #e6007e;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#topNavigation ul.level2 li.first a {
    border-left: none;
}

#topNavigation ul.level2 li {
    margin-top: 0;
    padding-bottom: 0;
}

#topNavigation li.selected ul.level2 ul {
    display: none;
}

#topNavigation.no-js ul.level2 li:hover ul, #topNavigation ul.level2 li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    border: 1px solid #e6007e;
}

#topNavigation ul.level2 li.hover ul li, #topNavigation.no-js ul.level2 li:hover ul li {
    float: none;
    border-left: none;
}

#topNavigation ul.level2 li.hover ul li a, #topNavigation.no-js ul.level2 li:hover ul li a {
    border-left: none;
    border-bottom: 1px solid #e6007e;
    background-color: #006699;
    color: #464545;
    background-color: #e1e1e1;
}

#topNavigation .level2 li.hover ul li.last a, #topNavigation.no-js .level2 li:hover ul li.last a {
    border-bottom: none;
}




/*==================================================================================================
 * Left Navigation
 *==================================================================================================*/

#leftNavigation {
    border-top: solid 4px #E6007E;
    margin-bottom: 10px;
    width: 180px;
    margin: 10px 0 10px 10px;
    z-index: 100;
}

/* Level 1 */
#leftNavigation ul {
    margin: 0;
}

#leftNavigation li {
    font-size: 14px;
    margin: 0;
    border-top: 1px solid #C5C5C5;
}

#leftNavigation li.first {
    border: none;
}

#leftNavigation li.last {
    border-bottom: 1px solid #C5C5C5;
}

#leftNavigation a {
    padding-left: 25px;
    background-color: #F5F5F5;
    color: #333333;
    display: block;
    padding: 5px 5px 5px 22px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#leftNavigation li.hasChildren a {
    background-image: url(images/arrow_down_grey.gif);
}

#leftNavigation li.leaf a {
    background-image: url(images/arrow_right.gif);
}

#leftNavigation li.selected a {
    color: #FFFFFF;
    background-color: transparent;
    background-image: url(images/arrow_right_white.gif);
}

#leftNavigation li.selected.hasChildren a {
    background-image: url(images/arrow_down_grey.gif);
}

#leftNavigation a:hover {
    text-decoration: underline;
}

#leftNavigation li.hasChildren a:hover {
    background-image: ;
}

/* End level 1 */

/* Level 2 */

/*Hide all child ULs*/
#leftNavigation ul.level2 li {
    display: none;
}

#leftNavigation ul.level2 li.first {
    border-top: 1px solid #C5C5C5;
}

/*Show all child ULs with a parent that is selected #leftNavigation li.selected > ul > li {*/
#leftNavigation ul.level1 li.selected ul.level2 li {
    display: block;
}

#leftNavigation ul.level2 li.last {
    border: medium none;
}

#leftNavigation ul.level2 li.last {
    border-top: 1px solid #C5C5C5;
}

#leftNavigation ul.level2 a {
    background-color: #F5F5F5;
    padding-left: 34px;
    color: #000000;
    background-position: 20px center;
}

#leftNavigation ul.level2 li.leaf a, #leftNavigation ul.level2 li.hasChildren.selected li.leaf a, #leftNavigation ul.level2 li.hasChildren.selected li.leaf.selected a {
    background-image: url(images/arrow_right.gif);
    background-color: #F5F5F5;
}

#leftNavigation ul.level2 li.selected a {
    background-color: #f56767;
    color: #472c2c;
}

#leftNavigation ul.level2 li.hasChildren a {
    background-image: url(images/arrow_down_grey.gif);
}

#leftNavigation ul.level2 li.hasChildren.selected a {
    background-image: url(images/arrow_down_grey.gif);
}

#leftNavigation ul.level2 li a:hover, #leftNavigation ul.level2 li.leaf.selected a:hover, #leftNavigation ul.level2 li.hasChildren.selected li.leaf a:hover, #leftNavigation ul.level2 li.hasChildren.selected li.leaf.selected a:hover {
    text-decoration: underline;
}

/* End level 2 */

/* Level 3 */

#leftNavigation ul.level1 li ul.level2 li ul.level3 li {
    display: none;
}

#leftNavigation ul.level1 li ul.level2 li.selected ul.level3 li {
    display: block;
}

#leftNavigation ul.level1 li.selected ul.level2 li.selected ul.level3 li a {
    padding-left: 46px;
    background-position: 34px center;
    background-color: #F5F5F5;
    color: #333333;
}

#leftNavigation ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected a {
    background-color: #E5E5E5;
    color: #333333;
}

/* End level 3 */

/* Level 4 */

#leftNavigation ul.level1 li ul.level2 li ul.level3 li ul.level4 li {
    display: none;
}

#leftNavigation ul.level1 li ul.level2 li ul.level3 li.selected ul.level4 li {
    display: block;
}

/* End level 4 */


#viewProfileSidebar
{
    float:left;
    margin:0;   
    padding:11px;
}

.profile-navigation li
{
    border-bottom: dotted 1px #CCCCCC;
}

.profile-navigation li.first
{
    clear: left;
    border-top: dotted 1px #CCCCCC;
}

.profile-navigation a
{
    display: block;
    padding: 9px 0 9px 35px;
    background-position: 10px 8px;
    background-repeat: no-repeat;
}

.profile-navigation a:hover
{
    background-position: 10px -26px;
}

.profile-navigation .profile
{
    background-image: url("images/profile.png");
}

.profile-navigation .meeting-inbox
{
    background-image: url("images/meetings.png");
}

.profile-navigation .calendar
{
    background-image: url("images/calendar.png");
}

.profile-navigation .planner
{
    background-image: url("images/show-planner.png");
}

.profile-navigation .message-inbox
{
    background-image: url("images/inbox.png") ;
}

.profile-navigation .current
{
    background-color: #E0E0E0;
}
/*==================================================================================================
 * Content Section 
 *==================================================================================================*/

div.contentLayoutBox {
    border: solid 0 transparent;
    background-color: transparent;
    width:auto;
}

#content {
    float: left;
    
    font-size: 12px;
    color: #333333;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    border: solid 0 #CFCFCF;
    background-color: transparent;
    padding: 10px 0;
}

.bodyText {
    
    font-size: 12px; /*12px;*/
    color: #333333;
    editmenuname: Body Text;
}

.smaller-text {
    font-size: 10px; /*10px;*/
}

.upper {
    text-transform: uppercase;
}

.urgent {
    color: #FF0000;
    font-weight: bold;
}

body.sidebars-left-right #content {
    width: 568px;
}

body.sidebars-left #content {
    width: 753px;
}

body.sidebars-right #content {
    width: 753px;
}

body.sidebars-none #content {
    width: 938px;
}

/*Make room for super sized right column*/
body.sidebars-wide-right #content {
    width: 623px;
}

body.sidebars-left-wide-right #content {
    width: 432px;
}

#contentHook1, #contentHook2 {
    display: none;
}

#pageTopContainer {
    overflow: auto;
    margin: 10px 10px 0 10px;
    padding-bottom: 0;
}

#pageTools {
    float: right;
    padding-top: 2px;
    padding-bottom: 5px;
}

#pageTools ul {
    margin: 0 0 0 1px;
}

#pageTools ul li {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 6px 0px 5px;
    background: transparent url("../../RXUK/RXUK_WTMLondon/framework_images/footer_separator_01.png") no-repeat scroll right 5px;
    line-height: 16px;
    float: left;
}

#pageTools ul li.last {
    background-image: none;
}

#pageTools ul li a {
    text-decoration: none;
    color: #E6007E;
    
    font-size: 11px;
}

#pageTools ul li a span {
    margin-right: 3px;
    float: left;
}

#rssLink {
    text-decoration: none;
    background: transparent url("images/rss.png") no-repeat 0 0;
    margin-left: 16px;
    padding: 2px 0px 0px 20px;
}

#breadcrumb {
    
    padding-bottom: 5px;
    float: left;
}

#breadcrumb span.breadcrumbStart {
    /* The heading is only there for accessibility reasons */
    position: absolute;
    left: -9999px;
}

#breadcrumb ol {
    margin: 0;
    display: inline;
}

#breadcrumb ol li {
    display: inline;
    background: url("../images/breadcrumb-seperator.gif") no-repeat right center;
    padding-right: 10px;
}

#breadcrumb ol li.last {
    background-image: none;
}

#breadcrumb .first a {
padding-left:0;
}

#breadcrumb a {
    padding: 5px;
    color: #E6007E;
    
    font-size: 11px;
}

#breadcrumb li span {
    padding: 5px;
    font-size: 11px;
    color: #333333;
}

#pageName {
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding: 10px;
    /*clear: both; */ /* Commented this out as this ensures that nothing can be on the same line */
}

p.date {
    margin: 0 11px;
    font-weight: bold;
}

#proposition {
    margin-left: 10px;
    text-align: left;
}

#proposition h2 {
    
    font-size: 14px;
    color: #000000;
}

div.layoutBlock {
    float: left;
}

div.layoutBlock img {
    margin: 10px;
}

div.layoutBlockContainer {
    margin-bottom: 11px;
    overflow: hidden;
}

div.layoutBlock .more {
    float: right;
    margin: -10px 10px 0px 0px;
}

div.layoutBlock .feedItems {
    clear: both;
}

div.layoutBlock .feedItems .withImage .teaser img {
    margin: 10px 10px 10px 0px;
    float: left;
}

div.layoutBlock li h3 {
    margin: 10px 0px 0px;
}

div.layoutBlock li .description {
    margin: 0;
}

h2.homePageHeading {
    clear: both;
}

div.layoutBlockContainer1Col div.layoutBlock {
    width: 99.9%;
}

div.layoutBlockContainer2Col div.layoutBlock {
    width: 49.9%;
}

div.layoutBlockContainer3Col div.layoutBlock {
    width: 33.3%;
}

#ctlChildPageList {
    margin: 10px 0;
}

li.childPageList {
    clear: both;
}

/*==================================================================================================
 * Sidebar Left Section 
 *==================================================================================================*/

#sidebarLeft {
    float: left;
    width: 190px;
    margin-right: -5px;
}

#sidebarLeft .unmanagedContent {
    padding: 10px;
}

#sidebarLeft .unmanagedContent img {
    margin-right: 5px;
}

/*==================================================================================================
 * Sidebar Right Section 
 *==================================================================================================*/

#sidebarRight {
    float: left;
    width: 180px;
    margin-top: 5px;
    margin-left: 5px;
    overflow: hidden;
}

body.sidebars-left-wide-right #sidebarRight, body.sidebars-wide-right #sidebarRight {
    width: 311px;
}

body.sidebars-wide-right #sidebarRight .main {
    float: left;
}

body.sidebars-wide-right #sidebarRight .skyscraper {
    float: left;
}

/* Two IDs in selector? This is because #search can appear within #header OR within #sidebarRight. Never both so #'s are OK*/
#sidebarRight #search {
    border: 1px solid #CCCCCC;
    padding: 8px 5px 8px 8px;
    margin: 5px 0;
}

#sidebarRight #search .button {
    background: url("Images/Buttons/search.gif") no-repeat top left;
    text-indent: -9999px;
    border: none;
    width: 20px;
    height:20px;
    padding: 0;
    margin-right: 0;
}

#sidebarRight #search input {
    border: 1px solid #CCCCCC;
    width: 130px;
}

body.sidebars-wide-right #sidebarRight #search input,
body.sidebars-left-wide-right #sidebarRight #search input {
    width: 260px;
}

#quickLinks {
    margin: 5px 5px 5px 0;
    width: 180px;
}

body.sidebars-wide-right #quickLinks, 
body.sidebars-left-wide-right #quickLinks {
    width: 311px;
}

body.sidebars-wide-right .main #quickLinks, 
body.sidebars-left-wide-right .main #quickLinks {
    width: 180px;
}

#quickLinks h3 {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    color: #333333;
    margin: 0;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

#quickLinks ul {
    margin: 0 5px 5px 5px;
}

#quickLinks ul li {
    font-size: 14px;
    margin: 0;
    border-bottom: 1px dotted #CCCCCC;
}

#quickLinks ul li a {
    padding-left: 25px;
    color: #E6007E;
    display: block;
    padding: 7px 5px 7px 15px;
    background-image: url("images/arrow_right.gif");
    background-repeat: no-repeat;
    background-position: 5px 12px;
    font-size: 12px;
}

#quickLinks ul li.first a {
    padding-top: 7px;
}

#quickLinks ul li a:hover {
    background-color: #FFFFFF;
    color: #0088CC;
    text-decoration: underline;
}

.contentPageSelection {
    margin-bottom: 10px;
}

/*==================================================================================================
 * Footer
 *==================================================================================================*/

#footer {
    clear: both;
    padding: 0;
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    background-image: none;
    background-repeat: repeat-x;
    background-position: center top;
    
    font-size: 12px;
    color: #333333;
}

#footer span.copyright {
    
    font-size: 12px;
    color: #333333;
    clear: left;
    float: left;
    margin: 1px 10px 10px 10px;
}

#footer .headerFooterLinkList li a {
    color: #9f9f9f;    
}

#footer.containsProducedBy .headerFooterLinkList{
    float: left;
}

#footer .producedBy {
    float: right;
}

#footer ul {
    float: right;
    list-style: none;
    margin: 0;
}

#footer ul li {
    display: inline;
    margin: 0;
}

#footer ul li.first {
    border: none;
}

/* navigation and custom content */

#footer .extendedContainer a {
    
    font-size: 12px;
    color: #000000;
    margin-left: 10px;
    margin-right:10px;
    display:inline-block;
}

#footer .extendedContainer ul {
    float: left;
    margin-bottom: 6px;
}

#footer .extendedContainer {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    margin: 20px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

#footer #footerNavigation {
    overflow: hidden;
}

#footer .extendedContainer ul.level1 li.selected a, #footer .extendedContainer a.navHeading {
    font-weight: bold;
}

#footer .extendedContainer ul.level1 li ul.level2 a {
    font-weight: normal;
}

/* horizontal mode */

#footer .extendedContainer.horizontal div.noindex {
    position: relative;
    height: 44px;
}

#footer .extendedContainer.horizontal ul {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#footer .extendedContainer.horizontal ul.level1 li ul.level2 {
    position: absolute;
    top: 22px;
}

#footer .extendedContainer.horizontal ul a {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

#footer .extendedContainer.horizontal ul li.first a {
    padding-left: 0;
    border-left: 0;
}

#footer .extendedContainer.horizontal ul.level1 li ul.level2 a {
    padding-left: 10px;
}

#footer .extendedContainer.horizontal ul.level1 li ul.level2 li.first a {
    padding-left: 0;
}

#footer .extendedContainer.horizontal ul li {
    float: left;
    margin-bottom: 6px;
    background: transparent url("../../RXUK/RXUK_WTMLondon/framework_images/footer_separator_01.png") no-repeat scroll right center;
}

#footer .extendedContainer.horizontal ul li.last {
    background-image: none;
}

#footer .extendedContainer.horizontal.oneNavLevel div.noindex {
    height: 22px;
}

/* vertical mode */

#footer .extendedContainer.vertical ul.level1 {
    width: 210px;
    background: transparent url("../../RXUK/RXUK_WTMLondon/framework_images/footer_separator_01.png") repeat-y scroll right top;
}

#footer .extendedContainer.vertical li {
    display: block;
}

#footer .extendedContainer.vertical .unmanagedContent {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 0;
}

#footer .extendedContainer.vertical ul.level1 li ul.level2 {
    display: block;
    position: absolute;
    left: 25%;
    top: 25px;
}

#footer .extendedContainer.vertical.oneNavLevel ul {
    left: 0;
}

#footer .extendedContainer.vertical.oneNavLevel .unmanagedContent {
    width: 75%;
    left: 25%;
}

#footer .extendedContainer.vertical.noNav .unmanagedContent {
    left: 0;
    width: 100%;
    position: relative;
}

#footer .extendedContainer.vertical .navHeading {
    position: absolute;
    left: 25%;
    top: 10px;
}

/*******************************************************************
* Other
********************************************************************/

.previewModeMessage {
    background-color: Yellow;
    border: solid 1px #000000;
}

.previewModeMessage a {
    color: #0088CC;
    font-size: 12px;
    
    font-weight: normal;
    text-decoration: none;
}

iframe.fullWidthPageEmbed {
    margin: 5px;
    width: 915px;
    padding: 3px;
}

body.oneSidebar iframe.fullWidthPageEmbed {
    width: 714px;
}

/*******************************************************************
* Class applied by the HTML editor
********************************************************************/

img.htmlEditor-img-dashed-border {
    position: relative;
    border: dashed 1px gray;
}

img.htmlEditor-float-left {
    float: left;
    margin: 0 10px 10px 10px;
    clear: left;
}

img.htmlEditor-float-right {
    float: right;
    margin: 0 10px 10px 10px;
    clear: right;
}

td.htmlEditor-top-right {
    text-align:right;
    vertical-align:top;
}

td.htmlEditor-top-left {
    text-align:left;
    vertical-align:top;
}

td.htmlEditor-top-center {
    text-align:center;
    vertical-align:top;
}

td.htmlEditor-middle-right {
    text-align:right;
    vertical-align:middle;
}

td.htmlEditor-middle-left {
    text-align:left;
    vertical-align:middle;
}

td.htmlEditor-middle-center {
    text-align:center;
    vertical-align:middle;
}

td.htmlEditor-bottom-right {
    text-align:right;
    vertical-align:bottom;
}

td.htmlEditor-bottom-left {
    text-align:left;
    vertical-align:bottom;
}

td.htmlEditor-bottom-center {
    text-align:center;
    vertical-align:bottom;
}


/*==================================================================================================
 * Advertising
 *==================================================================================================*/

.adContainerDisplay {
    text-align: center;
    margin-bottom: 11px;
}

#headerContainer2 {
    display: inline;
    margin-bottom: 0;
    margin-left: 10px;
}

#headerContainer3 {
    margin: 11px;
}

#leftColumnContainer1 {
    width: 180px;
    margin: 10px 0 10px 10px;
}

#leftColumnContainer2 {
    width: 180px;
    margin: 10px 0 10px 10px;
}

#bodyContainer2 {
    clear: both;
    margin: 10px;
}

body.sidebars-wide-right div.skyscraper #rightColumnContainer3 {
    float: right;
}

#footerColumnContainer1 {
    clear: both;
}

#footerColumnContainer2 {
    display: inline;
}

#footerColumnContainer3 {
    margin: 11px;
}

/*==================================================================================================
 * Advertising End
 *==================================================================================================*/

/*==================================================================================================
 * Documents Start
 *==================================================================================================*/

a.document {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url("Images/FileTypes/unknown.png") center left no-repeat;
    font-size: 16px;
}

ul.documents li {
    margin: 6px 0;
}

ul.documents a {
    font-size: 16px;
}

.largeIcon a {
    background: none;
}

.largeIcon a,
.largeIcon .description,
.largeIcon .date {
    padding-left: 50px;
    margin: 0;
}

a.txt {
    background: transparent url("Images/FileTypes/txt.png") center left no-repeat;
}

.largeIcon li.txt {
    background: transparent url("Images/FileTypes/txt_75x75.png") top left no-repeat;
}

a.pdf {
    background: transparent url("Images/FileTypes/pdf.png") center left no-repeat;
}

.largeIcon li.pdf {
    background: transparent url("Images/FileTypes/pdf_75x75.png") top left no-repeat;
}

a.excel, a.xls, a.xlsx {
    background: transparent url("Images/FileTypes/xls.png") center left no-repeat;
}

.largeIcon li.excel,
.largeIcon li.xls,
.largeIcon li.xlsx {
    background: transparent url("Images/FileTypes/xls_75x75.png") top left no-repeat;
}

a.ppt, a.pps {
    background: transparent url("Images/FileTypes/ppt.png") center left no-repeat;
}

.largeIcon li.ppt,
.largeIcon li.pps {
    background: transparent url("Images/FileTypes/ppt_75x75.png") top left no-repeat;
}

a.word, a.doc, a.docx {
    background: transparent url("Images/FileTypes/doc.png") center left no-repeat;
}

.largeIcon li.word,
.largeIcon li.doc,
.largeIcon li.docx {
    background: transparent url("Images/FileTypes/doc_75x75.png") center left no-repeat;
}

a.zip {
    background: transparent url("Images/FileTypes/zip.png") center left no-repeat;
}

.largeIcon li.zip {
    background: transparent url("Images/FileTypes/zip_75x75.png") top left no-repeat;
}

a.htm, a.html {
    background: transparent url("Images/FileTypes/htm.png") center left no-repeat;
}

.largeIcon li.htm,
.largeIcon li.html {
    background: transparent url("Images/FileTypes/htm_75x75.png") center left no-repeat;
}

a.jpg, a.gif, a.bmp, a.ico, a.png {
    background: transparent url("Images/FileTypes/image.png") center left no-repeat;
}

.largeIcon li.jpg,
.largeIcon li.gif,
.largeIcon li.bmp,
.largeIcon li.ico,
.largeIcon li.png {
    background: transparent url("Images/FileTypes/image_75x75.png") top left no-repeat;
}

.documents .fileSize:before {
    content:"(";
}

.documents .fileSize:after {
    content:")";
}

/*==================================================================================================
 * Documents End
 *==================================================================================================*/

.subtleInfo {
    font-size: 0.8em;
    color: #CFCFCF;
}

.street-address span {
    display: block;
}

.curvedBox {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.box {
    border-width: 1px;
    border-color: #CCCCCC;
}

.solidBox {
    border-color: #CCCCCC;
    background-color: #CCCCCC;
}

/* Command styles*/
.error {
    color: #ff0000;
}

.microformatOnly {
    display: none;
}

/* Hub Page Template */
.teaserList {
    margin: 0px;
    overflow: hidden;
}

.teaserList li {
    display: inline;
    float: left;
    width: 100%;
    overflow: hidden;
}

.teaserList .teaser img {
    float: left;
    margin: 10px;

}

.teaserList .pubDate {
    display: block;
    display: none;
}

.singleColumnTeaserList .unmanagedContent, .singleColumnTeaserList .teaserColumn {
    float: left;
    width: 50%;
    display: inline;
}

.twoColumnTeaserList .teaserList li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.twoColumnTeaserList .teaserList li.odd {
    clear: left;
}

.singleColumnTeaserList .allItems, .twoColumnTeaserList .allItems {
    float: right;
    margin-right: 10px;
}

/*----------------------------------------------*/
/* Standard page template (1 column, 2 column, concertina */
/*----------------------------------------------*/

.inPageTeaser {
    overflow: auto;
    margin: 10px;
}

.inPageTeaser img{
    float: left;
    margin-right: 10px;
}

/*----------------------------------------------*/
/* Packages and Upgrades						*/
/*----------------------------------------------*/

.leftCol, .rightCol
{
	width:460px;
	float:left;	
	padding:10px;
}

#packages
{
	clear: both;
	width:560px;	
}

#packages table
{
	width:460px;
	margin:0;	
}

.customValueTextBox
{
	width:40px;	
}

#packageControls
{
	margin-left: 10px;
	width:300px;	
}

#entitlements
{
	clear: both;
}

/*==================================================================================================
 * rating
 *==================================================================================================*/
.novaObject-Rating {
    overflow: hidden;
}

.novaObject-Rating label {
    display: none;
}

label.novaObject-Rating-DisplayLabel {
    display: inline;
    float: left;
    margin-right:5px; 
    margin-top:2px;        
}

/*==================================================================================================
 * Commenting
 *==================================================================================================*/
 
.novaObject-Comment {
    padding: 10px;
    background-color: #EFEFEF;
    position: relative;
}
 
.novaObject-Comment textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 100%;
}
 
.novaObject-Comment input.save {
    border: none;
    background: none;
    color: #E6007E;
    cursor: pointer;
    padding: 0;
}
 
.novaObject-Comment label {
    font-weight: bold;
    padding-right: 80px;
    display: block;
}
 
.novaObject-Comment div.read {
    background-color: transparent;
    font-style: italic;
    margin: 10px 0;
}

.novaObject-Comment span.date {
    position: absolute;
    top: 10px;
    right: 10px;
}

.novaObject-Comment .characterCounter {
    float: right;
}

.novaObject-Comment-Empty {
    background: transparent;
}

.novaObject-Comment-Empty label, 
.novaObject-Comment-Empty .characterCounter {
    display: none;
}

/*==================================================================================================
 * Misc
 *==================================================================================================*/

.attribute-container-debug {
    border: solid 2px blue;
}

.attribute-container-debug-has-container {
    border-color: red;
}

.left-margin {
	margin-left:10px;
}

.no-margin {
    margin: 0;
}

.float-left{
	float:left;
}

.remove-margin--all {
	margin: 0;
}

.waiting {
    background-image: url(images/loading_anim.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

.waiting--large {
    background-image: url(images/loading_anim_large.gif);
}

/*==================================================================================================
 * Help
 *==================================================================================================*/
span.help {
	background: transparent url("../../Images/Global/Icons/Help.png") no-repeat center center;
	height:16px;
	width:16px;
	display: inline-block;
	overflow: hidden;
	text-indent:-9999px;
	position: relative;
	top: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     span.help 
     {
         top: -1px;
     }
}

/*==================================================================================================
 * Compliance and Usability Message
 *==================================================================================================*/
#UserMessageContainer {
    margin-top:0px; 
    position: fixed; 
    bottom:0;
    left:0; 
    width:100%;
    z-index: 9999;
} 

/*==================================================================================================
 * Cookie Compliance Message
 *==================================================================================================*/
#cookieComplianceMessage {
    background-color:#333;
    color:#fff;
    border-top:solid #fff 2px;
    -moz-opacity:.95; 
    filter:alpha(opacity=95); 
    opacity:.95; 
    padding: 5px;
}
#cookieComplianceMessage p {
    width: 900px;
    font-size:13px;
    margin:5px auto;
    color:#fff;
}
#cookieComplianceMessageAction {
    width: 900px;
    margin:10px auto 0 auto;
}
#cookieComplianceMessage a,
#cookieComplianceMessage a:hover
#cookieComplianceMessage a:visited {
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}
#cookieComplianceMessageAction #btnCloseComplianceMessage {
    background:url(images/buttons/close.png) no-repeat 2px 2px;
    font-size:12px;
    font-weight:normal;
    border:0;
    margin:0;
    text-indent:12px;
    text-transform: none;
    text-decoration: underline;
}
#cookieComplianceMessageAction div {
    float:left;
}

.richtext ul {
    list-style: disc inside none;
}

.richtext ol {
    list-style: decimal inside none;
}

/*==================================================================================================
 * Browser Upgrade Message
 *==================================================================================================*/
#browserUpgradeMessage {
    background-color:#333;
    color:#fff;
    border-top:solid #fff 2px;
    -moz-opacity:.95; 
    filter:alpha(opacity=95); 
    opacity:.95; 
    padding: 5px;
    width: 100%
}
#browserUpgradeMessage p {
    width: 900px;
    font-size:13px;
    margin:5px auto;
    color:#fff;
}
#browserUpgradeMessage a,
#browserUpgradeMessage a:hover
#browserUpgradeMessage a:visited {
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}
#browserUpgradeMessageAction {
    width: 900px;
    margin:10px auto 0 auto;
}
#browserUpgradeMessageAction #btnCloseUpgradeMessage {
    background:url(images/buttons/close.png) no-repeat 2px 2px;
    font-size:12px;
    font-weight:normal;
    border:0;
    margin:0;
    text-indent:12px;
    text-transform: none;
    text-decoration: underline;
}
#browserUpgradeMessageAction div {
    float:left;
}

.richtext ul {
    list-style: disc inside none;
}

.richtext ol {
    list-style: decimal inside none;
}

/* If in mobile screen or browser with maximum width 960.    */
@media only screen and (max-width: 960px) {
    #cookieComplianceMessage p { width: 90%; }
    #cookieComplianceMessageAction { width: 90%; }
    #browserUpgradeMessage p { width: 90%; }
    #browserUpgradeMessageAction { width: 90% } 
} 

/*****************/
/* AddThis stuff */
/*****************/
/* see http://support.addthis.com/customer/portal/questions/1393849-injected-atssh-div-causing-unwanted-space-at-bottom-of-page */
#_atssh {
  display: none;
}

/*****************/
/* Generic Styles */
/*****************/
.jewel
{
	background-color: #990000;
    color: #FFFFFF;
    padding: 2px;
    font-size: 0.8em;
    font-weight: bold;
}

.island {
    margin: 10px;
}

.alert, .alert-error, .alert-warning, .alert-success {
    padding:5px 10px 5px 25px;
    list-style: none;
}
.alert-error {
    border:1px solid #C7454A;
    background-color:#FAE2E3;
}
.alert-warning {
    border:1px solid #FFCC66;
    background-color:#FCFCD1;
}
.alert-success {
    border:1px solid #45B661;
    background-color:#D4F9DD;
}
.alert-message {
}

/*==================================================================================================
 * Recommended Item
 *==================================================================================================*/
.mod-recommend {
    position: relative;
}

.recommended-item {
    display: inline-block;    
    vertical-align: top;
}

/*======================================
* Nasty overrides of the standard CSS Start (Recommended Item) :-(
*=======================================*/

.list .recommended-item .listItemDetail .logo img {
    margin-top: 2px;
}

.grid .recommended-item .listItemDetail .small {
	display: inline;
	float: none;
}

.grid .recommended-item .listItemDetail .small img,
.grid .recommended-item .participatingIndividualDetail .image-and-actions  {
	position: static;
}

.grid .recommended-item .listItemDetail .name {
    margin-top: 0;
}

.grid .recommended-item .listItemDetail {
    width: 120px;
}

.tabbedContent .recommended-items.tabContent {
    padding: 0;
}

/*======================================
* Nasty overrides of the standard CSS End (Recommended Item)
*=======================================*/

.recommended-items {
    border: solid #D9D9D9 1px;
    margin-top: -1px;
    padding: 0;
    transition: height 1s;
}


.mod .recommended-items__norecsmessage,
.recommended-items__norecsmessage {
    margin: 10px;
}

.recommendations__morelink {
    text-align: right;
    display: block;
    margin: 10px 10px 0 0;
}

.recommended__waiting-overlay {
    background-color: transparent;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.recommended--waiting .recommended__waiting-overlay {
    background-color: #FFFFFF;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
}

.recommended-items--waiting {
    min-height: 75px;
}