/* -----------------------------------------------------------------------
   UTALK V3 ADDONS TO LAYOUT.CSS and STYLE.CSS
   -------------------------------------------
   SeaGreen : #04A6B5
   HotPink  : #FE006D
*/

/* -----------------------------------------------------------------------
   NEW V3 HOME PAGE(S)
   ----------------------------------------------------------------------- */
#blockleft {
	background-color:#F2F2F2; color:#1AA3B4;
	font-family:Arial, Helvetica, Sans-Serif; font-size:10pt; font-weight:normal;
}

#blockright {
	background-color:#F2F2F2; color:#1AA3B4;
	font-family:Arial, Helvetica, Sans-Serif; font-size:10pt; font-weight:normal;
}
table.clip-list { border-collapse:collapse; }
table.clip-list td { border-top:solid #1AA3B4 1px; padding:8px 2px 2px 2px; }

.green_9pt_normal { color:#04A6B5; font-weight:normal; text-decoration:none; font-size:9pt; }
.green_9pt_bold { color:#04A6B5; font-weight:bold; text-decoration:none; font-size:9pt; }
.green_11pt_bold { color:#04A6B5; font-weight:bold; text-decoration:none; font-size:11pt; }
a.green_11pt_bold:hover { text-decoration:underline;  }

.white_11pt_bold { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:11pt; }
a.white_11pt_bold:hover { text-decoration:underline;  }

.pink_8pt { color:#db3259; font-size:8pt; }
.pink_9pt { color:#db3259; font-size:9pt; }
.pink_11pt { color:#db3259; font-size:11pt; }

/* -----------------------------------------------------------------------
   ARTICLE COMMENTS
   ----------------------------------------------------------------------- */
p.author  { width:400px; color:#000; font-weight:bold; font-size:9pt; padding:0; margin:0; }
p.comment { width:400px; color:#4F4F4F; font-weight:normal; font-size:10pt; padding:0; margin:0; }

a.small-link { font-size:8pt; font-weight:bold; text-decoration:none; color:#db3259; }
a.small-link:hover { text-decoration:none; color:red; }

a.large-blue { font-size:14pt; font-weight:bold; color:#417DBC; }
a.large-red { font-size:14pt; font-weight:bold; color:#DB3259; }
.error-message { font-size:9pt; font-weight:bold; color:#DB3259; }

span.bang-normal { font-family:Arial, Sans-Serif; font-size:10pt; font-weight:normal; padding:0; margin:0; }

/* New version - all packed into ArticleFooter control */
.divShowComments h2 { color:#04A6B5; padding:0; margin:0; }
table.article-comments { background-color:#F3F3F1; border:solid 1px silver; border-collapse:collapse; }
table.article-comments td { font-weight:normal; padding:10px 6px; border-bottom:dotted 1px gray; }

.article_module_additionaltools { line-height:1.25em; }


/* -----------------------------------------------------------------------
   V3 STUFF
   ----------------------------------------------------------------------- */
#strapLine {
	border-top:dotted 1px gray; border-bottom:dotted 1px gray;
	color:#04A6B5; /* UTM blue */
	background-color:#eee;
	font-size:8pt; font-weight:normal;
}
#strapLine select { font-size:9pt; }

table.input-form td { font-size:9pt; font-weight:bold; vertical-align:top; color: #333; }
table.input-form td.prompt { font-size:8pt; font-weight:normal; vertical-align:top; color:#666; }
table.input-form td input, table.input-form td textarea  { font-size:9pt; font-weight:normal; color: gray; }


/* -----------------------------------------------------------------------
   FEB 2009 : NEW AGENCY PROFILE PAGES 
   ----------------------------------------------------------------------- */
#agency-profile {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:9pt;
	font-weight:normal;
	line-height:1.44em;
}

#agency-profile #buttonbar {
	background:transparent url(../images/backgrounds/bg048.jpg) no-repeat; 
	/*background-color:Yellow;*/
	margin:8px 0 0 12px; padding:2px 0 0 32px; 
	height:44px;
}

#agency-profile #buttonbar h1 {
	color:white; 
	font-size:16pt; 
	font-weight:bold;
	padding:10px 0;
	margin:0;
}

#agency-profile h2 {
	color:#FE006D; 
	font-size:14pt; 
	font-weight:bold; 
	padding:6px 0; 
	margin:0 0 10px 0; 
}

#agency-profile p { 
	font-size:9pt; 
	font-weight:normal; 
	width:840px;
}

#agency-profile td { 
	font-size:9pt; 
	font-weight:normal; 
	vertical-align:top;
}

#agency-profile #buttonbar td.button-down {
	width:77px; height:44px; margin:0; padding:0;
	text-align:center; vertical-align:middle;
	background:transparent url(../images/backgrounds/pink77.gif) no-repeat;
	color:White;
}
#agency-profile #buttonbar td.button-up {
	width:75px; height:40px; 
	text-align:center; vertical-align:middle;
	border-right:2px solid #237684;
}

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

#agency-profile .bgTop60 {
	background:transparent url(../images/backgrounds/bg60top.jpg) no-repeat; 
	margin:0 0 0 13px; 
	padding:0; 
	height:60px;
}
#agency-profile .bgTop60 h2 { margin-left:32px; margin-top:20px; }

#agency-profile .bg210 {
	background:transparent url(../images/backgrounds/bg210.jpg) no-repeat; 
	/*background-color:Coral;*/
	margin:12px 0 0 12px; 
	padding:21px 0 0 32px; 
	height:200px;
}

#agency-profile .bg155 {
	background:transparent url(../images/backgrounds/bg155.jpg) no-repeat; 
	margin:12px 0 0 12px; 
	padding:21px 0 0 32px; 
	height:145px;
}

#agency-profile .bg169 {
	background:transparent url(../images/backgrounds/bg169.jpg) no-repeat; 
	margin:12px 0 0 12px; 
	padding:21px 0 0 32px; 
	height:145px;
}

#agency-profile .bg169 td.prompt { font-weight:bold; }

#agency-profile .bg310 {
	background:transparent url(../images/backgrounds/bg310.jpg) no-repeat; 
	margin-left:12px; 
	padding-left:32px; 
	padding-top:21px; 
	height:290px;
}

#agency-profile .bg400 {
	background:transparent url(../images/backgrounds/bg400.jpg) no-repeat; 
	margin-left:12px; 
	padding-left:32px; 
	padding-top:32px; 
	height:390px;
}

#agency-profile .bgx {
	/* background:; */
	margin-left:12px; 
	padding-left:32px; 
	padding-top:21px; 
}

#agency-profile .bg170p {
	background:transparent url(../images/backgrounds/bg170p.jpg) no-repeat; 
	margin-left:12px; 
	padding-left:32px; 
	padding-top:21px; 
	height:160px;
}

/* This link type specific to the 'search' link on a pink background */
a.whitelink, a.whitelink:link, a.whitelink:visited { color:White; font-weight:bold; font-size:8pt; }
a.whitelink:active, a.whitelink:hover { text-decoration:underline; }

#agency-profile .bgTop {
	background:transparent url(../images/backgrounds/borderTop_900.gif) no-repeat; 
	margin:0 0 0 8px; 
	width:900px; 
	height:20px;
}

#agency-profile .bgMid {
	background:transparent url(../images/backgrounds/borderMid_900.gif) repeat-y; 
	margin:0 0 0 8px; 
	padding:0 0 0 32px; 
	width:900px;
}
#agency-profile .bgBtm {
	background:transparent url(../images/backgrounds/borderBtm_900.gif) no-repeat; 
	margin:0 0 0 8px; 
	padding:0 0 0 32px; 
	width:900px;
	height:20px;
}

/* -----------------------------------------------------------------------
   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;
}

#award-footer { font-size:9pt; font-weight:normal; line-height:1.5em; color:#666; }
#award-footer h4 { font-size:12pt; font-weight:bold; color:#288F9E; margin:0; padding:0 0 5px 0; }

/* -----------------------------------------------------------------------
   Mar 2009 : LOGO SCROLLER FOR AGENCIES PAGE
   ----------------------------------------------------------------------- */
#wrapper { width: 400px; margin: 5px auto; }
#slider { width: 400px; margin: 0 auto; position: relative; }
#slider .scroll { overflow: hidden; width: 400px; margin: 0 auto; position: relative; }
#slider .scrollContainer { position: relative; }
#slider .scrollContainer div.panel { padding: 0px; width: 137px; height: 90px; }
#slider a { color: #ffffff; text-decoration: none; border-bottom: 0px dotted #ffffff; }
#slider a:hover { border-bottom: 0px solid #ffffff; }
#slider .scrollButtons { position: absolute; top: 0px; cursor: pointer; }
#slider .scrollButtons .left { left: -45px; }
#slider .scrollButtons .right { right: -45px; }
#slider .hide { display: none; }

/*
    THESE STYLES ARE FOR THE 'HomePageLogin' CONTROL
*/
div#newsletter-signup { width:310px; height:100px; padding:40px 10px 10px 10px; margin:0; 
 background :transparent url(../images/backgrounds/bgSignUp.jpg) no-repeat; }

/* 
    Special for the line 'Sign up to our newsletter and become a marketing guru!' 
*/
p#signup-caption { margin:0; padding:4px 2px; font-family:Tahoma; font-size:8pt; font-weight:normal; color:#04A6B5; }

/*
    THESE STYLES ARE FOR THE 'TopFive' CONTROL
*/
div#topfivelinks-news { width:310px; height:240px; padding:50px 10px 10px 10px; border:solid 1px red;
    background:transparent url(../images/backgrounds/bgNews.jpg) no-repeat; }                        
        
div#topfivelinks-dates { width:310px; height:140px; padding:50px 10px 10px 10px; border:solid 1px red;
    background:transparent url(../images/backgrounds/bgDiaryDates.jpg) no-repeat; }                        

/* LOG IN PANELS */
.LoggedIn-Wide { width:310px; height:140px; padding:1px 10px 10px 10px; margin:0; 
    background:transparent url(../images/backgrounds/bgLoggedInWide.jpg) no-repeat; }
.LoggedIn-Skinny { width:220px; height:180px; padding:2px 10px 0px 10px; margin:0; 
    background:transparent url(../images/backgrounds/bgLoggedInSkinny.jpg) no-repeat; }
.NotLoggedIn-Wide { width:310px; height:105px; padding:40px 10px 10px 10px; margin:0; 
    background :transparent url(../images/backgrounds/bgLoginPanelWide.jpg) no-repeat; }
.NotLoggedIn-Skinny { width:220px; height:130px; padding:40px 10px 10px 10px; margin:0; 
    background :transparent url(../images/backgrounds/bgLoginPanelSkinny.jpg) no-repeat; }

.NotLoggedIn-Wide p, .NotLoggedIn-Wide td, .NotLoggedIn-Skinny p, .NotLoggedIn-Skinny td {
    font-family:Tahoma; font-size:8pt; font-weight:normal; color:#04A6B5; }
.NotLoggedIn-Wide p, .NotLoggedIn-Skinny p { padding:3px; margin:0; }
.LoggedIn-Wide p { font-size:9pt; line-height:1.44em; } 
.LoggedIn-Skinny p { font-size:9pt; line-height:1.44em; } 

/*
    THESE STYLES ARE FOR THE 'SideLinks-Wide/Skinny' CONTROLS
*/
div#SideLinks-News-Wide { width:310px; height:115px; padding:60px 10px 10px 15px; /* border:solid 1px red; */
    background:transparent url(../images/backgrounds/bgNewsWide.jpg) no-repeat; }                        
div#SideLinks-News-Skinny { width:215px; height:150px; padding:60px 15px 10px 15px; /* border:solid 1px red; */
    background:transparent url(../images/backgrounds/bgNewsSkinny.jpg) no-repeat; }                        
ul.news-links { margin:0; padding:0; list-style-type:none; }
ul.news-links li { line-height:1.44em; }
ul.news-links li a { font-size:9pt; font-weight:bold; }

div#SideLinks-Diary-Wide { width:310px; height:145px; padding:40px 10px 10px 10px; /* border:solid 1px red; */
    background:transparent url(../images/backgrounds/bgDiaryWide.jpg) no-repeat; }                        
div#SideLinks-Diary-Wide td { vertical-align:top; }
div#SideLinks-Diary-Wide td { font-size:9pt; font-weight:normal; vertical-align:top; }
div#SideLinks-Diary-Wide td a { font-size:9pt; }

div#SideLinks-Diary-Skinny { width:225px; height:130px; padding:50px 10px 10px 10px; /* border:solid 1px red; */
    background:transparent url(../images/backgrounds/bgDiarySkinny.jpg) no-repeat; }                        
div#SideLinks-Diary-Skinny td { font-size:9pt; font-weight:normal; vertical-align:top; }
div#SideLinks-Diary-Skinny td a { font-size:9pt; font-weight:bold; }