@charset "utf-8";
/* CSS Document */

/*Skin Style Sheet Notes for [JOB NAME]

version:   		1.0
author:    		StormID
email:    		info@stormid.com
website:   		http://www.[THESITE].com/

last updated:	15/10/2009

Basic Color Palette

primary-color:
secondary-color:
titles-color:
font-color:
link:
link-hover:
link-visited:

Font-size Adjustment

To change the size of a font, use a percentage value from the list below.
Always use percentages as the units because they render more consistently than ems,
and because they allow user-initiated resizing (unlike pixels).
		 
For pixels(px) Declare the appropriate percentage(%)

			Pixels 	EMs 		Percent Points  
			6px 	0.462em 	46.2% 	5pt     
			7px 	0.538em 	53.8% 	5pt	    
			8px 	0.615em 	61.5% 	6pt      
			9px 	0.692em 	69.2% 	7pt      
			10px 	0.769em 	77% 	8pt     
			11px 	0.846em 	85% 	8pt      	
			12px 	0.923em 	93% 	9pt      	
			13px 	1em 		100% 	10pt
			14px 	1.077em 	108% 	11pt
			15px 	1.154em 	116% 	11pt
			16px 	1.231em 	123.1% 	12pt
			17px 	1.308em 	131% 	13pt
			18px 	1.385em 	138.5% 	14pt
			19px 	1.462em 	146.5% 	14pt
			20px 	1.538em 	153.9% 	15pt
			21px 	1.615em 	161.6% 	16pt
			22px 	1.692em 	167% 	17pt
			23px 	1.769em 	174% 	17pt
			24px 	1.846em 	182% 	18pt 
				
For custom font sizes see http://pxtoem.com/ and use the 100% setting as body size.
				
Skin Style Sheet Notes end */ 





body {
    color: #333;
    /*background:#EBEBEB url(../images/common/bg-body.png) repeat-x left top;*/
    font-family: Arial, Helvetica, sans-serif;
}
/* Basic Positional Holders Starts */

.container_12 { /* wraps the whole of the content. Appears directly after the body tag*/
    /* temp background image used as visual aid for grid*/background-color: #fff; /* background:#FFFFFF url(../images/common/bg-grid.gif) repeat-y left top; */ }

.hd.print { /* hides inline logo for print.css use*/display: none; }

.hd { /* background-color:#003366 !important;*/min-height: 165px; }

.ft { }
/* Basic Positional Holders Ends */

/* Basic Element Styles Starts (part of YUI's CSS Foundation) */

h1 {
    border-bottom: 1px dotted #CCCCCC;
    color: #666;
    /*24px equivalent*/
    font-size: 182%;
    margin: 0 0 10px 0;
    padding: 0 0 10px;
}

h2 {
    color: #666;
    /*22px  equivalent*/
    font-size: 138.5%;
    font-weight: bold;
}

h3 {
    color: #666;
    /*16px  equivalent*/
    font-size: 116%;
    font-weight: bold;
}

h4 {
    color: #666;
    /*14px  equivalent*/
    font-size: 100%;
    font-weight: bold;
}

h5 {
    color: #8b8a8a;
    /*14px  equivalent*/
    font-size: 100%;
    font-weight: bold;
}

h2, h3, h4 { /* top & bottom margin based on font size */margin: 10px 0; }

strong { /*bringing boldness back to the strong element*/font-weight: bold; }

p {
    color: #333;
    /* Sets equivalant of 12px */
    font-size: 103%; /*123.1%; */
    line-height: 1.8em;
    margin-bottom: 1em;
}

abbr, acronym { /*indicating to users that more info is available */border-bottom: 1px dotted #000; }

em { /*bringing italics back to the em element*/font-style: italic; }

strong, b { /*bringing bold back to the strong and b elements*/font-weight: bold; }

.blockquote, ul, ol, dl { /*giving blockquotes and lists room to breath*/margin: 1em; }

ol, ul, dl {
    font-size: 101%;
    line-height: 1.8em;
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

ol li {
    color: #333;
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
    margin: 4px 0;
}

ul li {
    color: #333;
    font-size: 101%;
    line-height: 1.5em;
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
    margin: 4px 0;
}

blockquote {
    /*callout text holder default styling*/
    border-bottom: 1px solid #ccc;
    border-top: 10px solid #ccc;
    display: block;
    display: block;
    float: left;
    margin: 10px 20px 20px 0;
    padding: 10px 0;
    width: 220px;
}

blockquote p {
    /*callout text default styling*/
    color: #333;
    display: block;
    float: left;
    font-size: 130%;
    line-height: 140%;
    margin: 0 15px 5px;
    padding: 0 !important;
}

.annotation {
    background-color: #ededed;
    border-bottom: 1px solid #ddd;
    color: #999;
    display: block;
    font-size: 93%;
    margin: 0 0 10px 0;
    padding: 10px;
}
/* Basic Element Styles Ends */

/* Search Box Styles Start*/

.srch { float: right; }

.srch-text {
    color: #2A3F65;
    float: right;
    font-size: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
}

.srch-inputs {
    background: #F2612C /*Branding*/ url(../images/common/bg-search.png) no-repeat left top;
    float: right;
    height: 26px;
    padding: 2px;
    width: 226px;
}

.srch .textfield {
    background-color: Transparent;
    border: none;
    color: #999;
    font-size: 123.1%;
    padding: 2px 5px;
    width: 178px;
}

.srch .button {
    background: #F2612C /*Branding*/ url(../images/common/bg-search-button.png) no-repeat left top;
    border: none;
    color: #fff;
    height: 20px;
    margin: 0px;
    padding: 0px;
    width: 30px;
}

.srch-secondary {
    background-color: #2A4065;
    height: 37px;
    margin: 20px 0 0 10px;
}

.srch-secondary .inner { padding: 0 0 0 10px; }

.srch-secondary .srch-text {
    color: #fff;
    float: left;
    height: 37px;
    line-height: 37px;
}

.srch-secondary .srch-text p {
    color: #fff;
    display: block;
    float: left;
    float: left;
    font-size: 93%;
    height: 37px;
    line-height: 37px;
    margin: 0px;
    padding: 0px;
}


.srch-secondary .srch-text span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -230px 11px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 37px;
    margin: 0 0 0 10px;
    width: 10px;
}

.srch-secondary .srch-text a {
    color: #F2612C; /* Branding */
    display: block;
    float: left;
    font-size: 93%;
    text-decoration: none;
}

.srch-secondary .srch-text a:hover { text-decoration: underline; }

.srch-secondary .srch-inputs {
    background: transparent /*Branding*/ url(../images/common/bg-search-secondary.png) no-repeat left top;
    float: right;
    height: 30px;
    margin: 5px 10px 5px 0;
    width: 230px;
}

.srch-secondary .srch-inputs .col-one {
    float: left;
    padding-top: 1px;
    width: 190px;
}

.srch-secondary .srch-inputs .col-two {
    float: left;
    padding-top: 2px;
    width: 40px;
}

.srch-secondary .srch-inputs .textfield {
    border: 1px solid #fff !important;
    color: #666;
    font-size: 123.1%;
    margin: 0px;
    width: 180px !important;
}

.srch-secondary .srch-inputs .button {
    background: #F2612C /*Branding*/ url(../images/common/bg-search-button.png) no-repeat left top;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 20px !important;
    margin: 0 0 0 5px;
    padding: 0px;
    width: 30px !important;
}



.a-z-holder {
    font-size: 93%;
    height: 50px;
    line-height: 50px;
    text-align: right;
}

.welcome-message span {
    font-size: 108%;
    font-weight: bold;
}

.a-z-holder span {
    color: #2A3F65; /* Branding */
    font-size: 123.1%;
}

.a-z-holder a {
    color: #F2612C; /* Branding */
    font-size: 108%;
    text-decoration: none;
}

.a-z-holder a:hover {
    color: #F2612C; /* Branding */
    text-decoration: underline;
}


.a-z { color: #000; }
/* Search Box Styles End*/

/* Basic Link Styles Start */

a.header:link { /* unvisited link */text-decoration: none; }

a.header:active { text-decoration: underline; }


a:hover { /* mouse over link */text-decoration: underline; }
/* Basic Link Styles End */

.logo { height: 100px; }

.logo a {
    display: block;
    font-size: 77%;

    height: 100px;
    margin: 0;
    position: relative;
    text-decoration: none;
    vertical-align: top;
}

.logo a span {
    background: #FFFFFF url(../images/branding/bg-logo.png) no-repeat left top;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.pc { /*class name to identify the main content on a page*/ }

.box {
    background-color: #EEE;
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 10px;
}

.box h1, .box h2, .box h3 {
    margin-top: 0;
    padding-top: 0;
}
/* Basic Element Styles End */

/* Navigation Styles Start - Handle Sub-navigation by casscading styles, eg .ns ul ul*/

.np ul, .ns ul, .nt ul, .nb ul, .ft ul, .tools ul { /*giving navigation ul's no margins*/margin: 0; }

.np li, .ns li, .nt li, .nb li, .ft li, .tools li {
    list-style-type: none;
    /*giving navigation ul li's no margins and removing disc markers*/
    margin: 0 0 0 0;
}
/* Navigate Primary Styles Start */

.np {
    font-size: 93%;
    line-height: normal;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 5000;
}

.np ul.main-nav { list-style-type: none; }

.np ul.main-nav li { float: left; }

.np ul.main-nav li ul li {
    display: block;
    float: none;
}

.np ul.main-nav li a {
    background: #F2612C url(../images/navigation/bg-np-left.png) no-repeat left top;
    color: #fff;
    display: block;
    float: left;
    float: left;
    height: 28px;
    line-height: 28px;
    margin: 0 5px 0 0;
    padding: 0 0 0 5px;
    padding: 0 0 0 10px;
    text-decoration: none;
}

.np ul.main-nav li p.close {
    background-color: #000;
    background-image: none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    float: left;
    height: 15px;
    line-height: 15px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    right: 0px;
    text-decoration: none;
    top: -15px;
    width: 15px;
}



.np ul.main-nav li a span {
    /*background:#F2612C url(../images/navigation/bg-np-right.png) no-repeat scroll right top;*/
    color: #fff;
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 0px;
}

.np ul.main-nav li a span.ie6-rounded { display: none; }

.np ul.main-nav li:hover a span,
.np ul.main-nav li.selected a span {
    background-color: #2A4065;
    color: #FFFFFF;
    cursor: pointer;
}

.np ul.main-nav li.submenu:hover,
.np ul.main-nav li.nosubmenu:hover { position: relative; /*top: 1px; */ }

.np ul.main-nav li.submenu:hover a,
.np ul.main-nav li.nosubmenu:hover a,
.np ul.main-nav li.selected a {
    background-color: #2A4065; /* Branding */
    background-position: 0 -28px;
    color: #ffffff;
    text-decoration: none;
}

.np ul.main-nav li.nosubmenu:hover a { background-position: 0 0px; }



.np ul.main-nav li.submenu:hover div,
.np ul.main-nav li.nosubmenu:hover div { display: block; /*margin-top: -1px;*/ }

.np ul.main-nav li.submenu:hover div ul li a,
.np ul.main-nav li.nosubmenu:hover div ul li a {
    background-image: none;
    color: #3b3b3a;
    overflow: hidden !important;
}

.np ul.main-nav li.submenu {
    background-image: none;
    position: relative;
}

.np ul.main-nav li.submenu a { color: #3b3b3a; }

.np ul.main-nav li.submenu div {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 28px;
    width: 480px;
}

.np ul.main-nav li.submenu.last div { left: -418px; }

.np ul.main-nav li.submenu div ul {
    float: left;
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0px;
    width: 220px;
}

.np ul.main-nav li.submenu div ul li a {
    background-color: #fff !important;
    background-image: none !important;
    border-bottom: 1px dotted #ccc;
    color: #F25F2C !important; /* Branding */
    display: block;
    float: none;
    font-size: 11px !important;
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.np ul.main-nav li.submenu div ul li a:hover {
    background-color: #fff;
    color: #2A4065 !important; /* Branding */
    text-decoration: underline !important;
}



/* Navigate priomary ends */

/* Navigate Secondary Styles Start */

.ns {
    background-color: #F2612C; /* Branding 
	background-image:url(../images/navigation/bg-ns-top.png);
	background-position:0 0;
	background-repeat:no-repeat;*/
    /* Navigation Secondary*/
    margin: 0 0 10px 0;
}

.ns ul {
    background-image: url(../images/navigation/bg-ns-bot.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    display: block;
    padding: 10px 7px 20px 7px;
}

.ns h3 {
    background-color: #ECECEC;
    color: #666666;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 10px;
}

.ns li a {
    border-bottom: 1px solid #fff;
    color: #000;
    display: block;
    font-size: 98%;
    text-decoration: none;
}

.ns li a:link, .ns li a:visited {
    background-image: url(../images/navigation/bg-ns.png);
    background-position: 0 7px;
    background-repeat: no-repeat;
    color: #fff;
    padding: 0px 0 5px 15px;
}

.ns li a:hover, .ns li.selected a {
    color: #fff;
	
    text-decoration: none;
}

.ns h3 {
    background: none;
    color: #fff;
}

.ns li.selected {
    font-weight: bold;
    padding: 0;
}

/* Navigate Secondary Submenu Styles Start */

.ns ul ul {
    background-color: #ffffff;
    margin: 0 0 1px 0px;
    padding: 0 0 0 20px;
}

.ns ul ul li a {
    height: auto;
    margin: 1px 0 0 0;
    padding: 5px 10px;
}

.ns ul ul li a:link, .ns ul ul li a:visited {
    background-color: #fff;
    background-image: none;
    color: #000;
    display: block;
    padding: 5px 10px;
}

.ns ul ul li a:hover, .ns ul ul li.selected a {
    background-color: #dddddd;
    background-image: none;
    color: #333;
}
/* Navigate Secondary Submenu Styles End */     
/* Navigate Secondary Styles End */

/* Navigate Tertiary Styles Start */

.nt {
    color: #2A4065;
    /* Navigation Tertiary*/
    font-size: 85%;
    height: 30px;
    line-height: 30px;
    text-align: right;
}


.nt-input {
    border: 1px solid #ccc;
    float: left;
    font-size: 85%;
    margin-top: 10px;
    padding: 2px;
    text-align: left;
}

.nt ul {
    float: right;
    margin: 0;
    padding: 5px 10px;
}

.nt ul li {
    display: inline;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 0;
}

.nt ul li a {
    color: #F2612C; /* Branding */
    margin: 0 0 0 20px;
    padding: 0 0px 0 0px;
    text-decoration: none;
}

.nt ul li a:hover { text-decoration: underline; }

/* Navigate Tertiary Styles End */

/* Navigate Breadcrumb Styles Start */

.nb {
    background-color: #fff;
    color: #999999;
    /* Navigation Breadcrumb*/
    font-size: 93%;
}

.nb ul {
    float: left;
    margin: 0;
    padding: 0;
}

.nb ul li {
    display: inline;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 0 0 0px;
}

.nb ul li a {
    background: url(../images/navigation/bg-nbc-li.png) no-repeat right center;
    margin: 0 0 0 0px;
    padding: 0 10px 0 0px;
    text-decoration: underline;
}


.nb ul li a:hover { text-decoration: none; }
/* Navigate Breadcrumb Styles End */

/* Navigate Footer Styles Start*/

.ft {
    /* Navigation Footer*/
	
    color: #999999;
    margin: 10px 0 0 0;
}

.ft p {
    color: #333;
    font-size: 85%;
    margin: 0;
    margin-right: 10px;
    margin-top: -35px;
    padding: 5px 0;
}

.ft a {
    color: #F2612C; /* Branding */
    margin-left: 10px;
    text-decoration: none;
}

.ft a:hover {
    color: #2A4065; /* Branding */
    text-decoration: underline;
}

/* Navigate Footer Styles End */

/* Navigate Tools Styles Start */

.tools {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #DDDDDD;
    height: 35px;
    margin: 0 0 10px 0;
}

.tools ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 1px;
    padding: 10px 10px 0;
    text-align: right;
}

.tools ul li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0;
}

.tools ul li a {
    display: block;
    float: right;
    font-size: 93%;
    margin: 0 5px 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.tools ul li a:hover {
    color: #000;
    text-decoration: none;
}

.tools ul li a.print span.icon,
.tools ul li a.top span.icon,
.tools ul li a.email span.icon {
	
    background-color: #F25F2C; /* Branding */
    background-image: url(../images/icons/sprite-branding.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px;
}

.tools ul li a.print span.icon { background-position: -288px 0; }

.tools ul li a.top span.icon { background-position: -1669px 0; }

.tools ul li a.email span.icon { background-position: -1270px 0; }

a.edit-content {
    background-color: #eee;
    border: 1px solid #ccc;
    display: block;
    font-size: 93%;
    margin: 0 0 5px 0;
    padding: 5px;
    text-decoration: none;
}

a.edit-content span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -352px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}



/* Navigate Tools Styles End*/

/* Navigation Styles End  */


/* Guided Nav Styles Start  */

.guided-nav h3 {
	
    background-color: #2A4065; /* Branding  */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: left 0;
    background-repeat: no-repeat;
    color: #fff;
    height: 27px;
    line-height: 27px;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

.guided-nav h3 span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.guided-nav h4 {
	
    background-color: #fff;
    background-image: url(../images/common/bg-guided-nav-subheader.png);
    background-repeat: no-repeat;
    clear: both;
    color: #333333;
    font-size: 101%;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 10px 0;
    padding: 0 0 0 10px;
}

.guided-nav ul {
    display: block;
    margin: 0px;
}

.guided-nav ul li {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    color: #666666;
    float: left;
    font-size: 85%;
    list-style-type: none;
    padding: 0;
    width: 220px;
}

.guided-nav ul li a {
    background-color: #F25F2C; /* Branding */
    background-image: url(../images/common/bg-guided-nav-icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #F25F2C; /* Branding */
    display: block;
    float: left;
    padding: 2px 0 8px 30px;
    text-decoration: none;
    width: 150px;
}

.guided-nav ul li.refineSelected a {
    background-color: #2A4065; /* Branding */
    background-image: url(../images/common/bg-guided-nav-icon.png);
    background-position: 0 -60px;
    background-repeat: no-repeat;
    font-weight: bold;
}


.guided-nav ul li a:hover {
    background-color: #F25F2C; /* Branding */
    color: #000;
}

.guided-nav ul li span {
    display: block;
    float: right;
    padding: 2px 0 8px 0;
    text-align: right;
    width: 30px;
}

.guided-nav ul li.disabled { font-weight: bold; }

/* Guided Nav Styles End  */

/* Paging starts  */


.paging {
    height: 30px;
    line-height: 30px;
}

.paging .totals {
    color: #999999;
    display: block;
    float: left;
    font-size: 85%;
    margin: 0 10px 0 0;
}

.paging .totals span { color: #2A3F65; /* Branding  */ }

.paging .pages {
    display: block;
    float: left;
    font-weight: normal;
    padding: 0px;
}

.paging .filters {
    display: block;
    float: right;
    font-size: 93%;
    font-weight: normal;
}

.paging .filters a { color: #000; }

.paging .pages a, .paging .pages span {
    background-color: #FFFFFF;
    color: #F25F2C; /* Branding  */
    display: block;
    float: left;
    font-size: 108%;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    text-align: center;
    text-decoration: none;
}

.paging .pages a:hover {
    color: #2A3F65; /* Branding  */
    text-decoration: underline;
}

.paging .pages span.current-page {

    color: #2A3F65; /* Branding  */
    font-weight: bold;
}
/* Paging ends  */


/* Search Results start  */

.search-intro {
    background-color: #2A4065; /* Branding  */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: left 0;
    background-repeat: no-repeat;
    color: #fff;
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}

.search-intro span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.search-intro h1, .search-intro h2, .search-intro p {
    display: inline;
    height: 27px;
    line-height: 27px;
    margin: 0px;
    padding: 0px;
}

.search-intro h1 {
    border-bottom: none;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
}

.search-intro p {
    color: #fff;
    font-size: 93%;
    font-weight: normal;
    margin: 0px;
    padding: 0 0 0 10px;
}

.search-intro h2 {
    font-size: 100%;
    font-weight: bold;
}

.search-intro a { color: #666; }

.search-term h2 {
    color: #2A4065; /* Branding  */
    display: block;
    float: left;
    font-size: 182%;
    height: 32px;
    line-height: 32px;
    margin: 10px 0;
    margin: 10px 0;
    padding: 0;
}

.search-term h2 span.icon {
    background-image: url(../images/icons/sprite-icons-default.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 182%;
    height: 32px;
    margin: 0px;
    margin: 0 10px 0 0;
    width: 32px;
}


.search-term p {
    color: #2A4065; /* Branding  */
    display: block;
    float: right;
    font-size: 93%;
    height: 32px;
    line-height: 32px;
    margin: 10px 0;
    padding: 0 0 0 40px;
}

.search-intro p span {
    background-image: none;
    color: #fff;
    display: inline;
}

.search-intro p span p {
    color: #fff !important;
    display: inline;
}



.search-term a {
    color: #F25F2C; /* Branding  */
    text-decoration: none;
}

.search-term a:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}

.search-term a.rss {
    font-size: 77%;
    text-decoration: none;
}

.search-term a.rss:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}



.related-terms {
    border-bottom: 1px solid #ddd;
    color: #2A4065; /* Branding  */
    font-size: 93%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.related-terms div { float: left; }

.related-terms a {
    color: #F25F2C; /* Branding  */
    margin: 0 2px;
    text-decoration: none;
}

.related-terms a:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}

.did-you-mean {
    border-bottom: 1px solid #DDDDDD;
    color: #2A4065; /* Branding  */
    font-size: 108%;
    height: 30px;
    line-height: 30px;
}

.did-you-mean a {
    color: #F25F2C; /* Branding  */
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

.did-you-mean a:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}

.search-results-teaser {
    border-bottom: 1px solid #dddddd;
    margin: 15px 0;
    padding: 0 0 10px;
    position: relative;
}

.search-results-teaser h3 { margin: 0px; }

.search-results-teaser h3 a {
    color: #F25F2C; /* Branding  */
    display: block;
    font-size: 108%;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-decoration: none;
}

.search-results-teaser h3 a:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}

.search-results-teaser p { }

.search-results-teaser .content-category {
    font-size: 85%;
    height: 20px;
    line-height: 20px;
}

.search-results-teaser .content-category a { color: #F25F2C; /* Branding  */ }

.search-results-teaser .content-category a:hover {
    color: #2A4065; /* Branding  */
    text-decoration: underline;
}

.search-results-teaser .content-category span {
    color: #2A4065; /* Branding  */
    font-size: 85%;
}

.search-results-teaser span.icon {
    background-color: #F25F2C; /* Branding  */
    background-image: url(../images/icons/sprite-branding.png);
    background-position: -1185px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px;
}

.search-results-teaser span.teaser-rating {
    color: #666;
    display: block;
    float: right;
    font-size: 77%;
    height: 20px;
    line-height: 20px;
}


.client-customised span.icon {
    background-image: url(../images/icons/sprite-branding.png);
    background-position: -645px 0;
    display: block;
    float: left;
    height: 20px;
    
    margin: 0 5px 0 0;
    width: 20px;
}

.hide,
.client-customised {
    display: block;
    font-size: 85%;
    line-height: 20px;
    margin: 0 0 5px 0;
}

.client-customised { color: #999; }

.hide span.icon {
    background-color: #fff !important;
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -256px 0;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 15px;
}


.reorder {
    left: 670px;
    position: absolute;
    top: 0px;
    width: 40px;
}

.show-hide-holder {
    left: 610px;
    position: absolute;
    top: 0px;
    width: 60px;
}

.show-hide-holder span.icon {
    background-color: #fff !important;
    background-image: url("../images/icons/sprite-icons.png");
    color: #000000;
    display: block;
    float: left;
    font-size: 93%;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.show-hide-holder a {
    font-size: 93%;
    line-height: 16px;
    text-decoration: none;
}

.show-hide-holder .hide span.icon { background-position: -16px 0; }

.show-hide-holder .show span.icon { background-position: 0 0; }


/* Search Results end  */

/* Resource detail page start  */

.resource-detail { font-size: 123.1%; }

.mobile-title-wrapper {
    border: 1px dotted #CCCCCC;
    border-radius: 5px;
    margin: 10px 0 10px 0;
    padding: 10px;
}

.title-wrapper {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 10px 0;
}

.title-wrapper h1 {
    border-bottom: none;
    margin: 0;
}

.admin-tools {
    left: 475px;
    position: absolute;
    top: -45px;
    width: 220px;
}

.admin-tools-container {
    overflow: visible;
    position: relative;
}


.admin-tools-container ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 1px;
    padding: 0;
    text-align: right;
}


.admin-tools-container ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

.admin-tools-container ul li a {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 93%;
    font-size: 93%;
    margin: 0 5px 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}


.admin-tools-container ul li span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}


.admin-tools-container ul li .delete span.icon { background-position: -256px 0; }

.admin-tools-container ul li .new-version span.icon { background-position: -480px 0; }



.resource-detail h3.dynamic {
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    clear: both;
    display: block;
    height: 27px;
    line-height: 27px;
    margin: 10px 0;
    padding: 0 0 0 10px;
}

.resource-detail h3.dynamic span {
    background-image: url(../images/common/bg-content-header-right-gp-logo.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.resource-detail h1 {
    color: #666; /* Branding */
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.resource-detail .resource-tools-holder {
    border: 1px solid #ccc;
    font-size: 90%;
    height: 20px;
    padding: 10px 8px;
}

.resource-detail .keywords h2 {
    color: #666; /*Branding*/
    font-size: 93%;
    margin: 0;
    padding: 10px 0;
}

.resource-detail .keywords a {
    color: #F2612C; /*Branding*/
    text-decoration: none;
}

.resource-detail .keywords a:hover {
    color: #2A3F65; /*Branding*/
    text-decoration: underline;
}

.video-player, .podcast-player {
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    text-align: center;
}

.video-player { padding: 0 0 0 0; }

.resource-detail h3 {
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.resource-detail h3.summary {
    color: #666;
    font-weight: normal;
    line-height: 140%;
}

/** Styles copied from classic content.css begin **/

.resource-detail .introductorytext {
    font-weight: bold;
    line-height: 1.7em;
}

.resource-detail .imagecaption {
    display: block;
    font-size: 77%;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.resource-detail .contenthr {
    background-color: #333333;
    display: block;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}


.resource-detail .keypoint {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    display: block;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    padding-bottom: 0px;
    padding-top: 14px;
    width: 80%;
}

.resource-detail .keypoint .keypointboxheader {
    display: block;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}


.resource-detail .sessiontitle {
    border-bottom: 2px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 3px;
}

.resource-detail .callout {
    background-color: #fff;
    background-image: url(/assets/images/common/calloutbg.gif);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #999;
    border-top: 1px dotted #999;
    display: block;
    float: right;
    font-size: 116%;
    font-style: italic;
    line-height: 150%;
    line-height: 150%;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px 10px 10px 80px;
    width: 250px;
}

.resource-detail .txtsmall { font-size: 77%; }

.resource-detail .txtmedium { font-size: 123.1%; }

.resource-detail .txtlarge { font-size: 153.9%; }







/** Styles copied from classic content.css end **/


.recommendations { float: left; }

.recommendations span.icon {
    background-color: #F25F2C; /* Branding  */
    background-image: url(../images/icons/sprite-branding.png);
    background-position: -1185px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px;
}

.recommendations p {
    color: #333;
    display: block;
    float: left;
    font-size: 93%;
    height: 20px;
    line-height: 20px;
}

.recommend-this-holder {
    background-color: #F2612C; /* Branding */
    background-image: url(../images/common/bg-recommend.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    width: 125px;
}

a.recommend-this {
    color: #fff;
    display: block;
    font-size: 85%;
    margin: 3px 0 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

a.recommend-this:hover { text-decoration: underline; }

a.recommend-this span.icon {
    background-image: url(../images/icons/sprite-branding.png);
    background-position: -1940px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

a.recommended {
    color: #fff;
    display: block;
    font-size: 85%;
    font-weight: bold;
    margin: 3px 0 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}


a.recommended span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -208px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.resource-tools {
    float: right;
    font-size: 90%
}

.resource-tools ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 1px;
    padding: 0;
    text-align: right;
}

.resource-tools ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

.resource-tools ul li a {
    color: #999999;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 93%;
    margin: 0 3px 0 0;
    padding: 0 0 0 3px;
    text-decoration: none;
}

.resource-tools ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.resource-tools ul li a span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}

.resource-tools ul li a.print span.icon { background-position: -48px 0; }

.resource-tools ul li a.email span.icon { background-position: -80px 0; }

.resource-tools ul li a.export span.icon { background-position: -96px 0; }

.resource-tools ul li a.share span.icon { background-position: -112px 0; }

.resource-tools ul li a.supplementary-resources span.icon { background-position: -576px 0; }

.resource-tools ul li a.bookmark span.icon { background-position: -288px 0; }

.download-audio {
    border: 1px solid #ccc;
    margin: 15px 0;
    padding: 10px 8px;
}

.download-audio .audio-player { float: left; }

.download-audio .audio-player #player { width: 500px !important; }

.download-audio .audio-download {
    color: #666;
    float: right;
    font-size: 93%;
    padding: 5px 0 0 0;
}

.download-audio .audio-download span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    background-position: -612px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

.download-audio a, .file-download a {
    font-weight: bold;
    text-decoration: none;
}

.download-audio a:hover { text-decoration: underline; }

.keywords-wrapper {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 10px 0;
}

.supplementary-resources a { padding: 10px 5px !important; }

.keywords a { color: #000; }

.related-links {
    background-color: transparent;
    border-left: none;
    border-right: none;
    margin: 10px 0;
}

.related-links a { font-size: 93%; }

.related-links li span {
    color: #777;
    display: block;
    font-size: 85%;
}

.related-links li span a { color: #999; }

.optional-description { }

.jumplinktools {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.jumplinktools a {
    color: #666;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    text-decoration: none;
}

.jumplinktools a:hover {
    color: #000;
    text-decoration: none;
}


.jumplinktools a span {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.jumplinktools a.add span.icon { background-position: -240px 0; }

.jumplinktools a.bookmark span.icon { background-position: -288px 0; }

.jumplinktools a.zip span.icon { background-position: -272px 0; }   
  

.jumplinktools a.add-folder span.icon { background-position: -512px 0; }

.jumplinktools a.delete span.icon { background-position: -16px 0; }   
  

.qtip-content ul {
    margin: 0px;
    padding: 0px;
}

.qtip-content ul li { list-style-type: none; }

.qtip-content ul li a {
    font-size: 93%;
    text-decoration: none !important;
}


/* Resource detail page end  */

/* Homepage starts */

.welcome {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 10px 0 0 0;
}

.welcome .inner {
    background-position: 0 bottom;
    background-repeat: no-repeat;
    padding: 0px 10px 10px 10px;
}

.welcome .name {
    color: #2A4065; /* Branding */
    display: block;
    font-size: 123.1%;
    font-weight: bold;
}

.welcome .welcome-message {
    color: #999;
    display: block;
    font-size: 123.1%;
    margin: 0 0 20px 0;
}

.welcome h3 {
    color: #333;
    display: block;
    font-size: 108%;
    font-weight: bold;
}

.welcome ul { }

.welcome ul li {
    clear: both;
   
    list-style-type: disc;
    margin: 0 0 5px 0;
}

.welcome ul li a {
    color: #F2612C; /* Branding */
    display: block;
    font-size: 93%;
    text-decoration: none;
}

.welcome ul li a:hover {
    color: #2A4065; /* Branding */
    text-decoration: underline;
}

.welcome ul li span { display: block; }

.welcome ul li span .date { font-size: 85%; }


.welcome .welcome-text {
    color: #666;
    font-size: 93%;
    margin: 0;
}


div.featured-article-scroller { 
 
    height: 80px;
    overflow: hidden !important;
    /* required settings */
    position: relative;
    width: 500px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/

div.featured-article-scroller div.items {
    position: absolute;
    /* this cannot be too large */
    width: 20000em;
}

div.featured-article-scroller div.items div {
    float: left;
    width: 500px;
}

.featured-article .paging-controls { float: right; }

.featured-article .prevPage, .featured-article .nextPage {
 
    background-image: url(/siteskins/ux/content/images/icons/sprite-branding.png);
    background-position: -2000px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 0px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding-top: 20px;
    width: 10px;
}

.featured-article .nextPage { background-position: -2020px 0; }

.featured-article h3 {
    color: #2A4065;
    font-size: 123.1%; /* Branding */
    margin: 0px;
}

.featured-article a {
    color: #F2612C; /* Branding */
    display: block;
    font-size: 108%;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-decoration: none;
}

.featured-article a:hover { color: #2A4065; /* Branding */ }

.featured-article .description {
    color: #333; /* Branding */
    font-size: 93%;
    line-height: 140%;
}

.featured-article .attachments {
    height: 25px;
    margin: 10px 0 0 0;
}

.featured-article .attachments a {
 
    cursor: pointer;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
}

.featured-article .attachments a span.icon {
    background-image: url(../images/icons/sprite-branding.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
    width: 24px;
}

.featured-article .attachments a.htm span.icon { background-position: -1700px 0; }

.featured-article .attachments a.doc span.icon { background-position: -1724px 0; }

.featured-article .attachments a.pdf span.icon { background-position: -1748px 0; }

.featured-article .attachments a.ppt span.icon, .featured-article .attachments a.pptx span.icon { background-position: -1772px 0; }

.featured-article .attachments a.zip span.icon { background-position: -1796px 0; }

.featured-article .attachments a.xls span.icon, .featured-article .attachments a.xlsx span.icon { background-position: -1820px 0; }

.featured-article .attachments a.csv span.icon { background-position: -1844px 0; }

.featured-article .attachments a.jpg span.icon, featured-article .attachments a.jpeg span.icon { background-position: -1868px 0; }

.featured-article .attachments a.gif span.icon { background-position: -1892px 0; }

.featured-article .attachments a.png span.icon { background-position: -1916px 0; }

.lister-box h3 {
    background-color: #2A4065; /* Branding */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    color: #fff;
    display: block;
    height: 27px;
    line-height: 27px;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

.lister-box h3 span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.lister-box { clear: both; }

.lister-box ul { margin: 0px 10px; }

.lister-box ul li {
    
    border-bottom: 1px solid #DFE3E8;
    clear: both;
    display: block;
    list-style-type: none;
    margin: 5px 0;
    padding: 0 0 10px 0;
}

.lister-box ul li .content {
    display: block;
    float: left;
    overflow: hidden;
    width: 170px;
}

.lister-box ul li .content a {
    color: #F2612C; /* Branding */
    display: block;
    font-size: 100%;
    line-height: 120%;
    text-decoration: none;
}

.lister-box ul li a:hover { text-decoration: underline; }

.lister-box ul li span.details {
   
    color: #333;
    display: block;
    font-size: 77%;
}

.lister-box ul li span.details .recommends {
   
    
    color: #666;
    display: block;
}

.lister-box ul li span.icon {
    background-color: #F25F2C; /* Branding */
    background-image: url(/siteskins/ux/content/images/icons/sprite-branding.png);
    background-position: -644px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin: 0 5px 0 2px;
    width: 20px;
}

.lister-box.postings ul li span.icon { background-position: -688px 0; }


.lister-box.recommended ul li span.icon { background-position: -1095px 0; }



.pick-up h3 {
    background-color: #2A4065; /* Branding */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
}

.pick-up h3 span {
    background-image: url(../images/common/bg-content-header-right-gp-logo.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.pick-up .last-visit span.icon {
    background-color: #F25F2C;
    background-image: url(../images/icons/sprite-branding-2.png);
    background-position: -1448px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 85%;
    font-weight: bold;
    height: 18px;
    line-height: 20px;
    margin: 0 10px 0 10px;
    padding: 2px 0 0 0;
    text-align: center;
    width: 24px;
}

.pick-up p { color: #666; }

.pick-up p a { text-decoration: none; }

.pick-up .srch {
    float: none;
    margin: 0 0 10px 0;
}

.pick-up .srch .srch-inputs { float: left; }

.pick-up .srch .srch-text {
    color: #2A4065 /* Branding */;
    float: left;
    font-size: 100%;
    margin: 0 10px 0 40px;
}

.pick-up .srch .srch-inputs .textfield {
    background-color: Transparent;
    border: medium none;
    color: #999999;
    font-size: 123.1%;
    padding: 2px 5px;
    width: 178px;
}

.pick-up .srch .srch-inputs .button {

    background: #F2612C /* Branding */ url(../images/common/bg-search-button.png) no-repeat scroll left top;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
    margin: 2px 0 0 0;
    padding: 0;
    width: 30px;
}

.pick-up p a:hover { text-decoration: underline; }

.related-links-lister H3 {
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}

.related-links-lister {
    
    background-image: url(../images/common/dotted-line.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 10px 0 0 0;
}

.related-links-lister p {
    color: #2A4065; /* Branding */
    display: block;
    font-size: 90%;
    font-weight: bold;
}


.related-links-lister ul {
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}

.related-links-lister ul li {
    display: block;
    list-style-type: none;
    margin: 0px;
    margin: 0 0 20px 0;
    padding: 0px;
}

.related-links-lister ul li span.icon {
    background-color: #F25F2C;
    background-image: url(../images/icons/sprite-branding.png);
    background-position: -644px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin: 0 2px 0 15px;
    width: 20px;
}

.related-links-lister a {
    color: #F2612C; /* Branding */
    font-size: 95%;
    text-decoration: none;
}

.related-links-lister a:hover {
    color: #2A4065; /* Branding */
    text-decoration: underline;
}

.related-links-lister.supplementary ul li span.icon { background-position: -1094px 0; }

.related-links-lister .link-description {

    display: block;
    font-size: 85%;
    margin: 5px 0;
    padding: 0 0 0 37px;
}

.related-links-lister .keywords {
    color: #333;
    display: block;
    font-size: 77%;
    padding: 0 0 0 37px;
}

.related-links-lister .keywords a { color: #333; }


.home-content-col-one {
    float: left;
    width: 340px;
}


.home-content-col-two {
    float: right;
    width: 340px;
}

.most-recommended ul { margin: 0px; }

.most-recommended li { list-style-type: none; }

.most-recommended span {
    color: #666;
    display: block;
    font-size: 85%;
}

.client-panel ul { margin: 0px; }

.client-panel li { list-style-type: none; }

.client-panel span {
    color: #666;
    display: block;
    font-size: 85%;
}

.latest-postings { font-size: 93%; }

.latest-postings span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -144px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.latest-postings ul { margin-left: 0px; }

.latest-postings li {
    color: #666;
    display: block;
    list-style-type: none;
}

.latest-postings li a {
    display: block;
    margin-left: 25px;
}

.latest-messages { font-size: 93%; }


/* Homepage ends */


/* Forum Post  Styles Start */

.forum-subscribe .form-style li { border-top: 1px dotted #CCCCCC; }

.forum-subscribe .form-style label { margin-right: 10px; }


.forum-post {
    border-bottom: 1px dotted #ddd;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
}

.forum-post .author-details { color: #999; }


.forum-post .author-details p {
    border-bottom: 1px dotted #ddd;
    color: #999;
    font-size: 85%;
    line-height: 25px;
    margin: 0px;
}

.forum-post .author-details p.author {
    color: #333;
    font-size: 93%;
    font-weight: bold;
}

.forum-post-tools {
    border-top: 1px dotted #ddd;
    height: 20px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
}

.forum-post-tools ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.forum-post-tools ul li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0;
}

.forum-post-tools ul li a {
    display: block;
    float: left;
    font-size: 93%;
    margin: 0 5px 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.forum-post-tools ul li a:hover { text-decoration: none; }

a.add span.icon,
a.hide span.icon,
a.show span.icon,
.forum-post-tools ul li a span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.forum-post-tools ul li a.quote span.icon { background-position: -176px 0; }

.forum-post-tools ul li a.reply span.icon { background-position: -192px 0; }

.forum-post-tools ul li a.disapprove span.icon { background-position: -496px 0; }

.forum-post-tools ul li a.approve span.icon { background-position: -544px 0; }

.forum-post-tools ul li a.edit span.icon { background-position: -352px 0; }

.forum-post-tools ul li a.delete span.icon { background-position: -16px 0; }

.forum-tools {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    height: 1%;
    margin: 10px 0;
    padding: 10px 0;
}

.forum-tools ul {
    margin: 0;
    padding: 0;
}

.forum-tools ul li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0 15px 0 0;
    padding: 0 15px 0 0;
}

.forum-tools ul li label {
    color: #666;
    display: block;
    float: left;
    font-size: 93%;
}


.forum-tools ul li input {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}


.forum-tools ul li a {
    display: block;
    float: left;
    font-size: 93%;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: auto;
}

.forum-tools ul li a.add-new-topic {
    border: none;
    font-weight: normal;
}

.forum-tools ul li .back-to-forums span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    background-position: -560px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.forum-teaser-title {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.forum-description { font-size: 85%; }

.fieldseterror {
    color: #000 !important;
    font-weight: bold;
}

.fieldseterror span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -496px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 5px 5px 0 0;
    width: 16px;
}

/* Forum Post Styles Ends */


/* Tab styles begin */


/* root element for tabs  */

ul.tabs {
    background-image: url(../images/navigation/bg-tabs-holder.gif);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    display: block;
    height: 28px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
}

/* single tab */

ul.tabs li {
    clear: none;
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
}

/* link inside the tab. uses a background image */

ul.tabs a {
    background: #F2612C url(../images/navigation/bg-tab-left.png) no-repeat scroll left top;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

ul.tabs a span {
    background: #F2612C url(../images/navigation/bg-tab-right.png) no-repeat scroll right top;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 15px 0 10px;
}

ul.tabs a:active { outline: none; }

/* when mouse enters the tab move the background image */



/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a,
ul.tabs li.ui-tabs-selected a {
    background: #fff url(../images/navigation/bg-tab-left.png) no-repeat scroll left -28px !important;
    cursor: default !important;
}

ul.tabs a.current span,
ul.tabs a.current:hover span,
ul.tabs li.current a span,
ul.tabs li.ui-tabs-selected a span {
    background: #fff url(../images/navigation/bg-tab-right.png) no-repeat scroll right -28px !important;
    cursor: default !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */

div.panes div.pane { display: none; }


/* tab pane styling */

div.panes div { /*display:none;		
	padding:15px 10px;
	border:1px solid #999;
	height:100px;
	font-size:14px;
	background-color:#fff;*/clear: both; }

div.panes div ul { margin: 0; }

div.panes div ul li {
    border-bottom: 1px dotted #CCCCCC;
    list-style-type: none;
    padding: 5px 10px;
}


.searchresults .panes {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 10px 20px;
}

/* Tab styles end */


/* Gallery Rotator Styles Start */

#gallery {
    margin-bottom: 10px;
    position: relative;
}

.ad-gallery {
    background-color: #fff;
    width: 700px;
}

.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}

.ad-gallery .ad-image-wrapper {
    height: 252px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 700px;
}

.ad-gallery .ad-image-wrapper .ad-loader {
    border: 1px solid #CCC;
    left: 48%;
    position: absolute;
    top: 48%;
    z-index: 10;
}

.ad-gallery .ad-image-wrapper .ad-next {
    cursor: pointer;
    display: block;
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    z-index: 100;
}

.ad-gallery .ad-image-wrapper .ad-prev {
    cursor: pointer;
    display: block;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 100;
}

.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */background: url(non-existing.jpg) \9 }

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/topicalcontent/ad_prev.png);
    display: none;
    display: none;
    height: 30px;
    left: 0;
    position: absolute;
    top: 47%;
    width: 30px;
    z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/topicalcontent/ad_next.png);
    display: none;
    height: 30px;
    left: auto;
    right: 0;
    width: 30px;
}

.ad-gallery .ad-image-wrapper .ad-image {
    height: 252px !important;
    left: 0 !important;
    overflow: hidden;
    position: absolute !important;
    top: 0 !important;
    width: 700px !important;
    z-index: 9;
}

.ad-gallery .ad-image-wrapper .ad-image img {
    height: 252px !important;
    width: 420px !important;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background-color: #666;
    color: #fff;
    display: block;
    float: left;
    height: 252px;
    padding: 40px;
    text-align: left;
    width: 200px !important;
    z-index: 2;
}

* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none;
    /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/topicalcontent/opa75.png');  */ }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title .title {
    color: #fff; /* variable */
    display: block;
    font-family: Verdana;
    font-size: 162%;
    font-weight: normal;
    line-height: 120%;
    margin: 0 0 20px 0;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .description {
    color: #fff; /* variable */
    display: block;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description a.more {
    -moz-border-radius: 5px;
    background-color: #000; /* variable */
    color: #fff;
    display: block;
    font-size: 93%;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    opacity: 0.75;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 207px;
    width: 90px;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description a.more span { float: left; }

.ad-gallery .ad-controls {
    display: none;
    height: 20px;
}

.ad-gallery .ad-info { float: left; }

.ad-gallery .ad-slideshow-controls { float: right; }

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    cursor: pointer;
    padding-left: 5px;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    font-size: 0.9em;
    padding-left: 5px;
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}

.ad-gallery .ad-nav { width: 100%; }

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */

* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }

.ad-gallery .ad-back {
    background: url(../images/topicalcontent/ad_scroll_back.png) 0px 22px no-repeat;
    cursor: pointer;
    display: block;
    left: -20px;
    width: 13px;
}

.ad-gallery .ad-forward {
    background: url(../images/topicalcontent/ad_scroll_forward.png) 0px 22px no-repeat;
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
}


.ad-gallery .ad-nav .ad-thumbs {
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 217px;
    vertical-align: middle;
    width: 75%;
    z-index: 5000;
}


.ad-gallery .ad-nav .ad-thumbs ul {
    display: block;
    float: right;
}


.ad-gallery .ad-nav .ad-thumbs ul li {
    display: block;
    float: left;
    list-style-type: none;
}

.ad-gallery .ad-nav .ad-thumbs ul li a {
    background-color: #F2612C; /* Branding */
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-decoration: none;
    width: 20px;
}

.ad-gallery .ad-nav .ad-thumbs ul li a span {
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.ad-gallery .ad-nav .ad-thumbs ul li a.ad-active { background-color: #2A4065; /* Branding */ }



/* Can't do display none, since Opera won't load the images then */

.ad-preloads {
    left: -9000px;
    position: absolute;
    top: -9000px;
}

/* Gallery Rotator Styles End */

/* Message Centre Styles Start */

.message-centre-lister {
    border: 1px solid #ddd;
    padding: 10px;
}


.message-centre-lister ul { margin: 0px; }

.message-centre-lister ul li {
    border-bottom: 1px dotted #ddd;
    clear: both;
    display: block;
    height: 20px;
    list-style-type: none;
    padding: 5px 10px;
}

.message-centre-lister ul li a {
    display: block;
    float: left;
    text-decoration: none;
    width: 540px;
}

.message-centre-lister ul li a:hover { color: #000; }

.message-centre-lister ul li span.date {
    display: block;
    float: right;
}

.message-centre-lister ul li a span.icon {

    background-image: url(../images/icons/sprite-icons.png);
    background-position: -80px 0;
    color: #000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.messagedate { color: #999; }

.message-centre-content-link {
    border: 1px solid #ddd;
    display: block;
    margin: 10px 0;
    padding: 10px;
}

.message-centre-content-link a {
    font-weight: bold;
    text-decoration: none;
}

.message-centre-content-link span.icon {

    background-image: url(../images/icons/sprite-icons.png);
    background-position: -592px 0;
    color: #000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}


/* Message Centre Styles End */


/* Topic A-Z Styles Start */

.topics-a-z ul { margin: 0px; }

.topics-a-z .letter-heading {
    color: #666;
    display: block;
    font-size: 123.1%;
    font-weight: bold;
    margin-top: 10px;
}

.topics-a-z ul li { list-style-type: none; }

.topics-a-z ul li a { font-size: 93%; }

/* Topic A-Z Styles End */


/* Forum Styles Start */

.table-style { margin-bottom: 10px; }

.table-style tr th {
    background-color: #2A4065; /* Branding */
    border: none;
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    padding: 0px 10px;
}

.table-style tr th a { font-weight: bold; }

.table-style tr td {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-weight: normal;
    padding: 7px 10px;
    vertical-align: top;
}

.table-style tr td p {
    line-height: normal;
    margin-bottom: 0px;
}

.table-style tr.alternaterow td { background-color: #efefef; }

.table-style tr td.actions { width: 150px; }

.table-style tr td.select { width: 80px }

.forum-tabs h3 {
    background-color: #2A4065; /* Branding */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    color: #fff;
    display: block;
    height: 27px;
    line-height: 27px;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
}

.forum-tabs h3 span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.forum-tabs ul.tabs {
    margin-top: 0px;
    padding: 0 0 0 10px;
}

.forum-tabs ul.tabs a span {
    font-size: 93%;
    padding: 0 10px 0 5px;
}

.forum-tabs .panes ul li a {
    font-size: 93%;
    text-decoration: none;
}

.forum-tabs .panes ul li a:hover { text-decoration: underline; }

.most-popular-tabs ul.tabs {
    margin-top: 0px;
    padding: 10px 0 0 10px;
}

.most-popular-tabs ul.tabs a span {
    font-size: 93%;
    padding: 0 10px 0 5px;
}

/** hack for homepage most popular tabs **/

.grid_3 .most-popular-tabs ul.tabs a span { font-size: 85%; }

.most-popular-tabs .panes ul li a {
    font-size: 93%;
    text-decoration: none;
}

.most-popular-tabs .panes ul li a:hover { text-decoration: underline; }

.table-style.forum th.col-one {
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 300px;
}

.table-style.forum th.col-two { width: 100px; }

.table-style.forum th.col-three { width: 50px; }

.table-style.forum th.col-one.forum-index { width: 350px; }

.table-style.forum th.col-two.forum-index { width: 50px; }

.table-style.forum th.col-four {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    width: 170px;
}

.table-style.forum td.col-one a {
    font-size: 108%;
    text-decoration: none;
}

.table-style.forum td.col-one a:hover { text-decoration: underline; }


.table-style.forum td.col-two { }

.table-style.forum td.col-three { text-align: center; }

.table-style.forum td.col-four {
    color: #666;
    font-size: 93%;
}

.table-style.forum td.col-four span {
    color: #333;
    display: block;
}

.table-style.forum td a.title { width: 120px; }

.add-new-topic {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    font-size: 95%;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    width: 120px;
}

.add-new-topic:hover { text-decoration: none; }


.add-new-topic span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    background-position: -192px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}


/* Forum Styles End */

/* Telerik RADEditor Styles */

.reToolbar li { clear: none; }

/* Telerik RADEditor Styles End */

/* Tagcloud styles start */

.tag-cloud-details {
    border-bottom: 1px dotted #CCCCCC;
    margin: 10px 0;
    padding: 10px 0;
}

.tag-cloud-details h3 {
    background-color: #e7e7e7;
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: left 0;
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
}


.tag-cloud-details h3 span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

.tag-cloud-details h3 span p {
    color: #999;
    display: inline;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.tag-cloud-details .filter {
    border-bottom: 1px dotted #CCCCCC;
    color: #666666;
    display: block;
    font-size: 85%;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
}

.tagcloud { padding: 10px; }


/* Tagcloud styles end */


/* Bookmark table styles start */

table.bookmarks span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

table.bookmarks a {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    text-decoration: none;
}

table.bookmarks a.edit span.icon { background-position: -352px 0; }

table.bookmarks a.delete span.icon { background-position: -16px 0; }

table.bookmarks th.bookmarktitle {

    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

table.bookmarks th.delete {

    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
}

table.bookmarks a.edit-bookmark-link {
    display: block;
    float: left;
}

/* Bookmark table styles end */


/* Assignments  styles start */

table.assignments th.assignments-title, table.assignments th.assignments-username {

    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

table.assignments th.feedback {

    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
}

table.assignments tr td p {

    font-size: 85%;
    line-height: 130%;
    padding: 10px 0;
}

.add-new-assignment {
    border-top: 1px dotted #ccc !important;
    padding: 0px;
}


.add-new-assignment a {
    background-color: #eee;
    border: 1px solid #ccc;
    display: block;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 10px 0;
    padding: 7px;
    text-decoration: none;
    width: 130px;
}

.add-new-assignment a span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    background-position: -240px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.create-submission {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin: 10px 0;
    padding: 5px 0;
}

.create-submission a {
    background-color: #eee;
    border: 1px solid #ccc;
    display: block;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 10px 0;
    padding: 7px;
    text-decoration: none;
    width: 150px;
}

.create-submission a span.icon {
    background-image: url("../images/icons/sprite-icons.png");
    background-position: -240px 0;
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.assignments .form-style { }

.assignments .form-style span { font-weight: bold; }

.assignments h3 {
    background-color: #E7E7E7;
    background-image: url("../images/common/bg-content-header-left.png");
    background-position: left 0;
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
}

.assignments h3 span {
    background-image: url("../images/common/bg-content-header-right.png");
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}

/* Assignmnets styles end */


/* Admin styles start */

.admin-list-options {
    
    float: right;
    height: 20px;
    margin-top: -40px;
    width: 210px;
}

.admin-list-options a {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 20px 0 0;
    text-decoration: none;
}

.admin-list-options a:hover { text-decoration: none; }

.admin-list-options span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}

.admin-list-options .add-user span.icon { background-position: -320px 0; }

.admin-list-options .export-list span.icon { background-position: -336px 0; }


.admin-search {
    height: 30px;
    margin: 0 0 10px 0;
    padding: 10px 0;
}

.admin-search img { float: left; }

.admin-search span.icon {
    background-image: url(../images/icons/sprite-icons-default.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 182%;
    height: 32px;
    margin: 0 20px 0 0;
    width: 32px;
}

.admin-search .textfield {
    color: #666666;
    float: left;
    font-size: 123.1%;
    margin: 0 10px 0 0;
    padding: 3px 10px;
    width: 400px;
}

.admin-search .button {
    float: left;
    margin: 0 10px 0 0;
    padding: 3px 10px;
}

.filter-list {
  
    color: #666;
    font-size: 138.5%;
    margin: 5px 0;
    padding: 5px 0;
}

.filter-list strong { color: #333; }

.actions span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 3px 0 0;
    width: 16px;
}

.actions .view span.icon { background-position: -368px 0px; }

.actions .edit span.icon { background-position: -304px 0px; }

.actions .view, .actions .edit {
    float: left;
    margin: 0 20px 0 0;
}

.actions .view a, .actions .edit a { text-decoration: none; }

.table-style tr td.view-user, .table-style td.row-edit { padding: 10px 0; }


.subscription-details {
    border: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 10px;
}


.subscription-details h2 {
    color: #666;
    font-size: 123.1%;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
}

.subscription-details .dates {

    border-bottom: 1px solid #ddd;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.subscription-details ul {
    font-size: 93%;
    margin: 0 0 0 30px;
}

.subscription-details ul li { list-style-type: none; }

.subscription-details ul li span {
    color: #333;
    font-weight: bold;
}


.subscription-details span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.subscription-details .dates span.icon { background-position: -464px 0; }


.subscription-details .active-users span.icon { background-position: -448px 0; }



/* Admin styles end */

/* Message centre styles start */

.message-centre-nav h3 {
    background-color: #2A4065; /* Branding */
    background-image: url(../images/common/bg-content-header-left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    color: #fff;
    display: block;
    height: 27px;
    line-height: 27px;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

.message-centre-nav h3 span {
    background-image: url(../images/common/bg-content-header-right.png);
    background-position: right 0;
    background-repeat: no-repeat;
    display: block;
}


.message-centre-nav ul { margin: 0px; }

.message-centre-nav ul li {
    border-bottom: 1px solid #ddd;
    clear: both;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

.message-centre-nav ul li a {
    display: block;
    float: left;
    font-size: 93%;
    padding: 0;
    text-decoration: none;
    width: 170px;
}

.message-centre-nav ul li.selected { background-color: #eee; }

.message-centre-nav ul li.selected a { font-weight: bold; }

.message-centre-nav ul li span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    background-position: -80px 0;
    display: block;
    float: left;
    height: 16px;
    margin: 0 10px;
    width: 16px;
}

p.message-date { }

/* Message centre styles start */


/* A to Z Styles Start */

.atoz ul {
    margin: 0 0 20px 0;
    padding: 0px;
}

.atoz ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.atoz ul li a {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 85%;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}


/* A to Z Styles End */

/* HTML Editor Styles Start */

.table-style .RadEditor tr td { background-color: transparent; }

.reEditorModes li {
    background-color: transparent;
    clear: none !important;
}

/* HTML Editor Styles End */
/* Filter Options Start */

.filteroptionscontainer {
    border: solid 1px #cccccc;
    font-size: 93%;
    padding: 10px;
}

.filteroptionscontainer h2 {
    color: #666;
    font-weight: bold;
    margin-top: 0px;
}


.filteroptionscontainer strong {
    color: #666;
    display: block;
    float: left;
}

.filteroptionscontainer div {
    margin-bottom: 10px;
    margin-left: 95px;
}

.filteroptionscontainer div a {
    padding: 0 5px 0 0;
    text-decoration: none;
}

.filteroptionscontainer div a:hover { text-decoration: underline; }
/* Filter Options End */


/* Content item view comments styles start */


.content-item-comments h3 { font-size: 90%; }

.content-item-comments p { font-size: 90%; }

.content-item-comments .form-style {
    background-color: #eee;
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px;
}

.content-item-comments .form-style .textarea { height: 200px; }

.content-item-comments .form-style p {
    color: #666666;
    display: block;
    font-size: 90%;
    font-weight: bold;
}

.comment-post {
    border-bottom: 1px solid #ddd;
    margin: 10px 0 0;
    padding: 0 0 10px;
}

.comment-post .author-details { color: #999999; }

.comment-post .author-details p {
    border-bottom: 1px dotted #DDDDDD;
    color: #999999;
    font-size: 85%;
    line-height: 25px;
    margin: 0;
}

.comment-post .author-details p.author {
    color: #333333;
    font-size: 93%;
    font-weight: bold;
}


.comment-post-tools {
    border-top: 1px dotted #ddd;
    height: 20px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
}



.comment-post-tools ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.comment-post-tools ul li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0;
}

.comment-post-tools ul li a {
    display: block;
    float: left;
    font-size: 93%;
    margin: 0 5px 0 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.comment-post-tools ul li a:hover { text-decoration: none; }

.comment-post-tools ul li a span.icon {
    background-image: url(../images/icons/sprite-icons.png);
    color: #000;
    display: block;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
}

.comment-post-tools ul li a.quote span.icon { background-position: -176px 0; }

.comment-post-tools ul li a.reply span.icon { background-position: -192px 0; }

.comment-post-tools ul li a.disapprove span.icon { background-position: -496px 0; }

.comment-post-tools ul li a.approve span.icon { background-position: -544px 0; }

.comment-post-tools ul li a.edit span.icon { background-position: -352px 0; }

.comment-post-tools ul li a.delete span.icon { background-position: -16px 0; }


/* Content item view comments styles end */

#tttbdiv, #tttbdiv div { overflow-x: visible; }

/* Diagnositcs validation styles start */

.diagnostics-questions .panel {
    font-size: 93%;
    margin: 15px auto;
}

.diagnostics-questions p span.keypointboxheader, .diagnostics-questions p.keypointboxheader {
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: 700px !important;
}

.diagnostics-validation {
    background-color: #FBE3E4;
    border: 2px solid #FBC2C4;
    clear: both;
    color: #8A1F11 !important;
    font-weight: normal !important;
    line-height: 200%;
    margin: 10px 0;
    padding: 15px 30px;
}


/* Diagnositcs validation styles end */

.noContent {
    background-color: #f55;
    font-size: larger;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}


/* New table css to allow for table styling */

.contenttable {
    margin-bottom: 12px;
    margin-top: 7px;
}

.contenttable td {
    border: 1px solid #444444;
    padding: 7px;
}

.contenttable p {
    margin-bottom: 0px;
    margin-top: 0px;
}

/* New table css to allow for table styling */

.recommendedreadingtable {
    margin-bottom: 12px;
    margin-top: 7px;
}

.recommendedreadingtable td {
    border: 1px solid #444444;
    padding: 7px;
}

.recommendedreadingtable td:first-child {
     width: 200px;
}

.recommendedreadingtable p {
    margin-bottom: 0px;
    margin-top: 0px;
}

.resource-content img { margin-bottom: 10px; }

.client-info-panel-content ul { margin: 1em 1em 1em 2em; }

.client-info-panel-content ul li {
    border-bottom: 0;
    clear: both;
    display: list-item;
    font-size: 93%;
    list-style-type: disc;
    margin: 0 0 5px 0;
    padding: 0;
}

.resource-content { margin-bottom: 10px; }

.resource-content figure { margin: 1.5em 0; }
.resource-content figure figcaption {
	color: #999999;
	font-size: 0.8125em;
	position: relative;
	text-align: center;
	font-style: italic;
}

.allAudio {
    float: right;
    padding: 10px;
}

.scroller { margin-top: 10px; }

.icon-content-type {
    background-image: url(../images/icons/sprite-content-type.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    width: 25px;
}

.role_plays .icon-content-type { background-position: 0px 0; }

.images .icon-content-type { background-position: -25px 0; }

.key_ideas .icon-content-type { background-position: -50px 0; }

.think_pieces .icon-content-type { background-position: -50px 0; }

.how_to_guides .icon-content-type { background-position: -75px 0; }

.legal_and_policy .icon-content-type { background-position: -100px 0; }

.exercises .icon-content-type { background-position: -125px 0; }

.self_assessments .icon-content-type { background-position: -150px 0; }

.audio .icon-content-type { background-position: -175px 0; }

.video .icon-content-type { background-position: -200px 0; }

.help_content .icon-content-type { background-position: -225px 0; }

.templates .icon-content-type { background-position: -250px 0; }

.recommended_reading .icon-content-type { background-position: -275px 0; }

.top_tips .icon-content-type { background-position: -300px 0; }

.checklists .icon-content-type { background-position: -325px 0; }

.workshops .icon-content-type { background-position: -350px 0; }

.questionnaires .icon-content-type { background-position: -375px 0; }

.internet_resources .icon-content-type { background-position: -400px 0; }

.topical_content .icon-content-type { background-position: -425px 0; }

.presentations .icon-content-type { background-position: -450px 0; }

.case_studies .icon-content-type { background-position: -475px 0; }

.techniques .icon-content-type { background-position: -500px 0; }

.e_learning .icon-content-type { background-position: -525px 0; }

.surveys .icon-content-type { background-position: -550px 0; }

.infographic .icon-content-type { background-position: -575px 0; }

.workouts .icon-content-type { background-position: -600px 0; }

.virtual_workouts .icon-content-type { background-position: -625px 0; }

.live_actions .icon-content-type { background-position: -650px 0; }

.search-results-teaser h3 {
    margin-left: 30px;
    padding-top: 2px;
}

.related-links-lister .icon-content-type { margin: 0px 5px 0px 2px; }

/* Styles for the landing page */

.subscriptionsListContainer li {
	clear: both;
	display: block;
	padding: 4px 0px 8px 0px;
	margin: 5px 0;
	list-style-type: none;
}

.subscriptionsListContainer li a {
    display: block;
    padding: 50px;
    border: 1px solid #444444;
    background-color: #dddddd;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    color: #fff;
}