/* UTALK COLOURS
   SeaGreen : #04A6B5
   HotPink  : #FE006D
*/

a, a:link, a:visited { color:#FE006D; text-decoration:none; font-weight:bold; }
a:active, a:hover { color:#FE006D; text-decoration:underline; }

.btnmid a, .btnmid a:link, .btnmid a:visited { font-weight:bold; color: #fff; }

.withHubsBanner {
	background:transparent url(../images/backgrounds/titlebar_Hubs.gif) no-repeat;
	padding:10px 10px 10px 80px;
}
/* The H1 tag appears on top of a banner, hence strange layout and colour */
.withHubsBanner h1 { color:White; padding-left:80px; padding-top:4px; font-size:13pt; }
.withHubsBanner h2 { font-size:12pt; padding:20px 0 0 0;}
.withHubsBanner h3 { font-size:11pt; }

#leftCol #strapLine {
	font-style:italic; font-size:10pt; font-weight:bold;
	background-color:White; color:#04A6B5;
	width:590px;
}
#leftCol h1 { color:#04A6B5; font-size:16pt; padding:3px 0; margin:0; }
#leftCol p.intro { color:#04A6B5; padding:3px 0; margin:0; }
#leftCol p { padding:3px 0; margin:0; }
#leftCol .news-block { display:block; width:600px; padding:6px 12px; }

#centre-panel { background:transparent url(../Images/backgrounds/borderPanel_550x360.gif) no-repeat; 
    font-size:11pt; color:#04A6B5; font-weight:bold; }

#footer {
	font-size:8pt; font-weight:normal;
	background-color:White; color:#04A6B5;
}

#footer hr { color:white; border-bottom: dotted 1px gray; }
#footer a, #footer a:link, #footer a:visited { text-decoration:none; color:#04A6B5; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#customLine {
	display:block; width:992px; height:36px;
	padding:0; margin:0px 0 0 0;
	border-top:dotted 1px gray; border-bottom:dotted 1px gray;
	color:#04A6B5; background-color:#eeeeee;
	font-size:0.715em; font-weight:bold;
	vertical-align:bottom;
}
.customLineTable { }
.customLineTable td { white-space:nowrap; font-size:8pt; font-weight:normal; }
.customLineTable select { font-size:9pt; }

/* front page 'see Marketing Training' link (special) */
a.blue-link, a.blue-link:link, a.blue-link:visited { color:#04A6B5; text-decoration:none; font-weight:bold; }
a.blue-link:active, a.blue-link:hover { color:#04A6B5; text-decoration:underline; }


/* front page tables */
.topStory p { padding:0; margin:0; }
.topStory a.mainLink, .topStory a.mainLink:link, .topStory a.mainLink:visited { font-size:13pt; line-height:1.6em; color:#FE006D; font-weight:bold; text-decoration:none; }
.topStory a.mainLink:hover, .topStory a.mainLink:active { text-decoration:underline; }
.topStory li { list-style-image:url(../images/bullet-pink.gif); }
.topStory ul a, .topStory ul a:link, .topStory ul a:visited { font-size:8pt; color:gray; font-weight:normal; text-decoration:none; }
.topStory ul a:hover, .topStory ul a:active { text-decoration:underline; }
.topStory ul { margin:2px 0 2px 1.5em; padding:0; line-height:1.0em; }
.topStory a,.topStory a:link, .topStory a:visited { font-size:8pt; color:#FE006D; font-weight:normal; text-decoration:none; }
.topStory a:active, .topStory a:hover { text-decoration:underline; }

.subStory p { padding:0; margin:0; font-size:8pt; }
.subStory a.mainLink, .subStory a.mainLink:link, .subStory a.mainLink:visited { font-size:10pt; line-height:1.25em; color:#FE006D; font-weight:bold; text-decoration:none; }
.subStory a.mainLink:hover, .subStory a.mainLink:active { text-decoration:underline; }
.subStory li { list-style-image:url(../images/bullet-pink.gif); }
.subStory ul a, .subStory ul a:link, .subStory ul a:visited { font-size:8pt; color:gray; font-weight:normal; text-decoration:none; }
.subStory ul a:hover, .subStory ul a:active { text-decoration:underline; }
.subStory ul { margin:2px 0 2px 1.5em; padding:0; line-height:1.0em; }
.subStory a, .subStory a:link, .subStory a:visited { font-size:8pt; color:#FE006D; font-weight:normal; text-decoration:none; }
.subStory a:hover, .subStory a:active { text-decoration:underline; }

.sideBlock {
	color:#04A6B5;
	background-color:white;
	border-bottom:dotted 1px #11AC8D;
	font-size:8pt;
}

.sideBlock-newsletter-signup {
	color:#04A6B5;
	background:transparent url(../images/backgrounds/borderPanel_330x125.gif) no-repeat;
	border-bottom:dotted 1px #11AC8D;
	background-color:White;
	font-size:8pt;
}

.sideBlock h3 { padding:8px 0 0 0; margin:0; }
.sideBlock h4 { padding:4px 0; margin:0; font-size:11pt; }
.sideBlock a, .sideBlock a:link, .sideBlock a:visited { padding:2px 0; color:#38A6BF; font-weight:bold; text-decoration:none; }
.sideBlock a:hover, .sideBlock a:active { padding:2px 0; color:#F70073; text-decoration:underline; }
.sideBlock ul { padding:10px; list-style-type:square; }
.sideBlock ul a, .sideBlock ul a:link, .sideBlock ul a:visited { text-decoration:none; color:black; font-weight:bold; }
.sideBlock ul a:hover, .sideBlock ul a:active { text-decoration:underline; color:#F70073; font-weight:bold; /* hot pink */ }


.sideBlock-newsletter-signup h3 { font-size:14pt; font-weight:bold; margin:6px 0; }
.sideBlock-newsletter-signup td { white-space:nowrap; }

table.loginWelcome td ul { padding:0; margin:0; list-style-position:inside; }
table.loginWelcome td { font-size:11pt; vertical-align:middle;}
table.loginWelcome td strong { font-size:11pt; color:#F70073; }
table.loginWelcome td li { font-size:8pt; }

table.feature-panels td {
	background:transparent url(../images/backgrounds/borderPanel_160x80.gif) no-repeat;
	width:180px;
	/* height:92px; */
	padding:10px 5px 0 0;
	margin:0;
	text-align:center;
	vertical-align:top;
}
table.feature-panels td strong {
	color:#F70073; /* hot pink */
	font-weight:bold;
	font-size:9pt;
}

table.hubs-list td { color:Black; }
table.hubs-list td a, table.hubs-list td a:link, table.hubs-list td a:visited { color:#F70073; text-decoration:none; font-size:10pt; font-weight:bold; }
table.hubs-list td a:hover, table.hubs-list td a:active { color:#F70073; text-decoration:underline; font-weight:bold; }

td.tdVideoThumbnails { font-size:8pt; color:#04A6B5; }
td.tdVideoThumbnails a, td.tdVideoThumbnails a:link, td.tdVideoThumbnails a:visited { font-size:8pt; color:#F70073; text-decoration:none; }
td.tdVideoThumbnails a:hover, td.tdVideoThumbnails a:active { font-size:8pt; text-decoration:underline; }

/* generics */
img { border-style:none; }

/* ALTERNATING TABLE ROWS */
.odd { background-color:#eee; }
.even { background-color:#fff; }

/* HUB PANEL COMPONENT */
#hub-panel { border:solid 1px silver; padding:12px; min-height:100px; background-color:#eee; }
.hub-title { font-size:11pt; font-weight:bold; color:#0695A3; }
.hub-motto { font-size:8pt; font-weight:normal; font-style:italic; color:#405060; }
.hub-details { font-size:8pt; font-weight:normal; color:gray; }
.hub-logo { margin-right:20px; }

/* HUB FORUM - MESSAGES */
table.hub-messages td { vertical-align:top; color:Black; font-size:8pt; font-weight:normal; }
table.hub-messages td a, table.hub-messages td a:link, table.hub-messages td a:visited { color:#F70073; font-size:10pt; font-weight:bold; text-decoration:none; }
table.hub-messages td a:hover, table.hub-messages td a:active { color:#F70073; text-decoration:underline; }

/* VARIOUS ERROR MESSAGES */
.error-panel { background-color:#eee; border:solid 2px pink; font-weight:bold; padding:10px; color:red; }
.error-panel li {  }

/* UFORIA */
table.uforia-listing td { font-family:Tahoma,Arial,Sans-Serif; font-size:8pt; white-space:nowrap; }
table.uforia-listing tr.tr_Off { background-color:#fff; color:#666; cursor:pointer; }
table.uforia-listing tr.tr_On { background-color:#eee; color:#000; cursor:pointer; }

/* HUB EDITING PAGES (NB. background-images individually specified inline) */
.coloured-panel { color:White; padding:6px 21px; }
.coloured-panel h3 { font-size:11pt; font-weight:bold; margin:0; padding:6px 0px 0px 12px; }
.bordered-panel { color:#04A6B5; padding:6px 21px; }
.bordered-panel h3 { font-size:11pt; font-weight:bold; margin:0; padding:4px 0px 4px 6px; }
.bordered-panel p { margin:3px 10px; padding:0; font-size:9pt; }
.bordered-panel td { font-size:8pt; font-weight:normal; }
.bordered-panel ul { margin:2px 0 2px 1.5em; padding:0; line-height:1.25em; }
.bordered-panel li { list-style-image:url(../images/bullet-pink.gif); font-size:9pt; }

.clip-list td { vertical-align:top; }
.clip-list td a, .clip-list td a:link, .clip-list td a:visited { color:#F70073; text-decoration:none; }
.clip-list td a:hover, .clip-list td a:active { color:#F70073; text-decoration:underline; font-weight:bold; }

/* Note that .featured-stories isNOT the same as .featured-stories-block! */
.featured-stories td a, .featured-stories td a:link, .featured-stories td a:visited { color:#F70073; text-decoration:none; }
.featured-stories td a:hover, .featured-stories td a:active { color:#F70073; text-decoration:underline; }

.featured-stories-block {
	height:160px; width:590px;
	background :white url(../images/backgrounds/borderPanel_600x150.gif) no-repeat;
	padding:12px 2px 2px 12px;
	margin:0 0 0 12px;
 }
.featured-stories-block td { vertical-align:top; font-size:8pt; }
.featured-stories-block h4 { color:#04A6B5; font-size:11pt; font-weight:bold; margin:0 0 5px 0; }
.featured-stories-block td a, .featured-stories-block td a:link, .featured-stories-block td a:visited { font-size:8pt; text-decoration:none; }
.featured-stories-block td a:hover, .featured-stories-block td a:active { text-decoration:underline; }
.featured-stories-block td ul { padding-bottom:0; margin-bottom:0;}
.featured-stories-block td li { list-style-type:square; color:#FE006D; padding:0; margin:0;}

/* Featured blogs is very similar to Features-stories (above), but is slightly deeper, so uses
  a different underlay */
.featured-blogs {
	height:170px; width:590px;
	background :white url(../images/backgrounds/borderPanel_600x170.gif) no-repeat;
	padding:12px 2px 2px 12px;
	margin:0 0 0 12px;
 }
.featured-blogs td { vertical-align:top; font-size:8pt; }
.featured-blogs h4 { color:#04A6B5; font-size:11pt; font-weight:bold; margin:0 0 5px 0; }
.featured-blogs td a, .featured-stories-block td a:link, .featured-stories-block td a:visited { font-size:8pt; text-decoration:none; }
.featured-blogs td a:hover, .featured-stories-block td a:active { text-decoration:underline; }
.featured-blogs td ul { padding-bottom:0; margin-bottom:0;}
.featured-blogs td li { list-style-type:square; color:#FE006D; padding:0; margin:0;}

input, select, textarea {
	font-family:Arial, Sans-Serif; font-size:8pt; font-weight:bold; color:#203040; border:ipx solid silver;
}

.hubs-newsfeed h4 { margin:5px 0; padding:0; }
.hubs-newsfeed p { margin:3px 0 6px 0; padding:0; }

a.hub-name-small, a.hub-name-small:link, a.hub-name-small:visited { color:Black; font-weight:normal; text-decoration:none; }
a.hub-name-small:hover, a.hub-name-small:active { text-decoration:underline; }

/* -----------------------------------------------------------------------
   FEB 2009 : NEW AGENCY PROFILE PAGES
   ----------------------------------------------------------------------- */
#agency-profile #buttonbar {
	background:transparent url(../images/backgrounds/bg048.jpg) no-repeat;
	color:white;
	font-size:18pt;
	font-weight:bold;
	margin-left:12px; padding-left:32px; padding-top:8px;
	height:50px;
}

#agency-profile #buttonbar #buttons {
	position:relative;
	left:650px; top:-35px; width:180px; height:44px;
	background-color:#3A9AA6;
	border-left:2px solid #237684;
}

#agency-profile #buttonbar #buttons td {
	width:90px; height:44px;
	text-align:center; vertical-align:middle;
	border-right:2px solid #237684;
}

#agency-profile #buttonbar #buttons td a, #agency-profile #buttonbar #buttons td a:link, #agency-profile #buttonbar #buttons td a:visited { color:White; text-decoration:none; font-size:10pt; }
#agency-profile #buttonbar #buttons td a:hover, #agency-profile #buttonbar #buttons td a:active { color:White; text-decoration:underline; }

#agency-profile #bg210 {
	background:transparent url(../images/backgrounds/bg210.jpg) no-repeat;
	color:#FE006D;
	font-size:18pt;
	font-weight:bold;
	margin-left:12px;
	padding-left:32px;
	padding-top:18px;
	height:215px;
}

#blogspot table { background-color:#FFD9EA; border:1px solid #C0C0C0; }

/* -----------------------------------------------------------------------
   Mar 2009 : DISABLED BACKGROUND FOR INTERSTITIAL
   ----------------------------------------------------------------------- */
.modalBackground {
	background:#666 url(../Images/backgrounds/blackdot.gif) repeat;
	filter:alpha(opacity=70);
	opacity:0.7;
	border:1px solid #333;
}

#titlebar { width:900px; height:30px; background: transparent url(../images/pinkTitleBar.gif) no-repeat; color:White;
            font-size:14pt; padding:4px 0 0 20px; }
#titlebar a, #titlebar a:link, #titlebar a:visited { color:#F3CBD1; /* light pink */ }
#titlebar a:active, #titlebar a:hover { color:#F5DDE1; /* even lighter pink */ }
#titlebar .advisory { font-size:11pt; }
            
#errorPanel { background-color:#ffc; border:dotted 1px gray; }
#errorPanel td { vertical-align:top; }
#errorPanel ul { margin-top:0; margin-bottom:0; }
#errorPanel li { color:orangered; list-style-type:square; }

.input-form { border-collapse:collapse; }
.input-form td.prompt { color:#04A6B5; font-size:9pt; vertical-align:top; }

/* -----------------------------------------------------------------------
   Oct 2009 : These appear in MyArticle.aspx and MyArticleReceived.aspx
   ----------------------------------------------------------------------- */
#article-preview { background-color:#fcfcfc; border:dotted 2px silver; padding:10px; width:750px; min-height:400px; }
#article-preview h1 { font-size:16pt; margin:0; }
#article-preview .article-summary { font-size:11pt; font-style:italic; width:720px; }
#article-preview .article-body { font-size:10pt; width:720px; }

.multi-select td { color:DarkSlateGray; font-size:9pt; padding:0; margin:0; }