/* todo */
	@media print {#prod-head-1-links {display:none;}}	/* TODO: last updated, others */


/* adding new styles
- all styles are in this file. for special cases:
	- incCss_ContentTab
	- incCodeSW_ProductsAN - dygraphs - asp formatting
	- incProd_DrawMapAN - asp formatting
	- Promo folder - many pages
- these pages have styles, because it's copied to bulk emails
	- Webinar-Meteorology.asp
	- Energy-Weather-Summit.asp

colors
b3b3b3 - lt gray
4dd2ff - lt charcol
404040 - med charcol
262626 - dark charcol

4dd2ff - lt blue, good for dark bg
0099cc - med blue, good for light bg
be006b - magenta
*/


/* general formatting */
body {margin:0px; padding:0px;}
img {margin:0px; padding:0px; border:0px solid black;}
a {font:14pt 'Raleway', sans-serif; color:#4dd2ff; text-decoration:none;}	/* only need to reset font size/type/color */
a:hover {text-decoration:underline;}
hr {background:#000000; height:1px; border-style:none;}
.list-1 {list-style:decimal inside; margin:5px 5px; padding:0px;}
.list-A {list-style:upper-alpha inside; margin:5px 5px; padding:0px;}
.list-square {list-style:square inside; margin:5px 5px; padding:0px;}
.list-disc {list-style:disc inside; margin:5px 5px; padding:0px;}
.page-format {position:relative; margin-left:auto; margin-right:auto; text-align:center; padding:0px;}
.section-format {position:relative; width:900px; margin-left:auto; margin-right:auto; vertical-align:top; padding:10px 75px;}
.section-format-1400 {position:relative; width:1400px; margin-left:auto; margin-right:auto; vertical-align:top; padding:10px 75px;}
.page-box {box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;}
.text-white {font:14pt 'Raleway', sans-serif; color:#b3b3b3; text-align:left; vertical-align:top; line-height:1.1em;}
	.text-white a:link, .text-white a:visited, .text-white a:active {}
	.text-white a:hover {color:#b3b3b3;}
.text-white10 {font:10pt 'Raleway', sans-serif; color:#ffffff; text-align:left; vertical-align:top; line-height:1.1em;}
	.text-white10 a:link, .text-white10 a:visited, .text-white10 a:active {font:10pt 'Raleway', sans-serif;}
	.text-white10 a:hover {color:#b3b3b3;}
.text-black {font:14pt 'Raleway', sans-serif; color:#000000; text-align:left; vertical-align:top; line-height:1.1em;}
	.text-black a:link, .text-black a:visited, .text-black a:active {font:14pt 'Raleway', sans-serif; color:#0099cc;}
	.text-black a:hover {color:#000000;}
.text-black12 {font:12pt 'Raleway', sans-serif; color:#000000; text-align:left; vertical-align:top; line-height:1.1em;}
	.text-black12 a:link, .text-black12 a:visited, .text-black12 a:active {font:12pt 'Raleway', sans-serif; color:#0099cc;}
	.text-black12 a:hover {color:#000000;}
.text-black10 {font:10pt 'Raleway', sans-serif; color:#000000; text-align:left; vertical-align:top; line-height:1.1em;}
	.text-black10 a:link, .text-black10 a:visited, .text-black10 a:active {font:10pt 'Raleway', sans-serif; color:#0099cc;}
	.text-black10 a:hover {color:#000000;}
@media print {.page-break-before {page-break-before:always}}
@media print {.page-break-after{page-break-after:always}}
.no-display {display:none;}
.hover-pointer:hover {cursor:pointer; text-decoration:underline;}

/* header, footer, slideshow */
#section-bg {background-color:#000036; background-position:center top; background-repeat:no-repeat; background-image:url("Images/bg18.jpg"); background-attachment: fixed;}
#section-header {min-height:10px; background-color:#404040; text-align:right; vertical-align:middle;}		/* NOTE: bg color must be set in intHeaderLogin */
#section-header-print {display:none;}	/* not being used */
#section-footer {height:100px; background-color:#262626; text-align:center; vertical-align:top;}
#section-footer-print {display:none;}
@media print {
	#section-header {display: none;}
	#section-header-print {display:block; text-align:center;}
	#section-footer {display: none;}
	#section-footer-print {display:block; text-align:center;}
	}
.text-head-foot {font:11pt 'Open Sans', sans-serif; color:#ffffff;}	
.text-head-foot a:link, .text-head-foot a:visited, .text-head-foot a:active {font-size:11pt; color:#4dd2ff;}
.text-head-foot a:hover {color:#ffffff;}
.text-head-foot img {vertical-align:middle;}
#section-slideshow {position:relative; margin-left:auto; margin-right:auto; width:900px; height:300px; background-color:#000000; padding:0px 75px;}
	#slideshow {position: relative;}
	#slideshow div {position: absolute;} 

/* content */
#section-content {min-height:500px; background-color:#404040;}	/*  */ 
#section-content-white {min-height:500px; background-color:#ffffff;}
	.page-caption {padding:25px 0px; font:18pt 'Michroma', sans-serif; color:#ffffff;}
	.content-h1 {margin:0px; padding:15px 0px 7px 0px; font:18pt 'Michroma', sans-serif; color:#ffffff;}
	.content-h2 {margin:0px; padding:10px 0px 5px 0px; font:14pt 'Michroma', sans-serif; color:#ffffff;}
	.content-h3 {margin:0px; padding:10px 0px 5px 0px; font:16pt 'Raleway', sans-serif; color:#ffffff;}
	.page-caption-black {padding:5px 0px 10px 0px; font:18pt 'Michroma', sans-serif; color:#000066;}
	.page-submenu {padding:0px 0px 20px 0px;}
		@media print {.page-submenu {display: none;}}
	.content-black-h1 {margin:0px; padding:15px 0px 7px 0px; font:18pt 'Michroma', sans-serif; color:#000066;}
	.content-black-h2 {margin:0px; padding:10px 0px 5px 0px; font:14pt 'Michroma', sans-serif; color:#000066;}
	.content-black-h3 {margin:0px; padding:10px 0px 5px 0px; font:16pt 'Raleway', sans-serif; color:#000066;}
#section-content-prod {
	position:relative; width:950px; margin-left:auto; margin-right:auto; vertical-align:top;
	z-index:1; min-height:400px; padding:25px 50px; background-color:#FFFFFF;
	}
	
/* menu */
#section-menu {height:75px; background-color:#262626;}
#section-menu-print {display:none;}
#section-menu-logo {position:absolute; left:75px; top:25px;}
.section-menu-logo-text {width:300px; padding-top:4px; text-align:center; font:9pt 'Michroma', sans-serif; color:#b3b3b3;}
@media print {
	#section-menu {display: none;}
	#section-menu-print {display:block; text-align:center;}
	}
	
	/* user pages */
	#section-menu-more {display:none; position:relative; height:150px; background-color:#262626;}
	#section-menu-more-tasks {position:absolute; left:75px; top:0px; width:225px; text-align:left; font:12pt 'Raleway', sans-serif; color:#b3b3b3;}
	#section-menu-more-options {position:absolute; left:300px; top:0px; width:200px; text-align:left; font:12pt 'Raleway', sans-serif; color:#b3b3b3;}
	#section-menu-more-contacts {position:absolute; left:500px; top:0px; width:450px; text-align:left; font:12pt 'Raleway', sans-serif; color:#b3b3b3;}
	#section-menu-contacts {z-index:10; position:absolute; left:1050px; top:5px; width:450px; text-align:left; font:12pt 'Raleway', sans-serif; color:#ffffff;}

	/* container */
	#section-menu-list {position:absolute; left:390px; top:10px; z-index:100}

	/* root menu */
	#section-menu-list ul {margin:0px; padding:0px; list-style:none inside;}
	#section-menu-list ul li {float:left; display:inline;}
	#section-menu-list div {width:110px; height:25px; margin:0px; padding:25px 5px;	font:13pt 'Michroma', sans-serif; color:#ffffff; text-align:center;}	/* padding adjusted in BuildProductMenuItems */
	#section-menu-list div a:link, #section-menu-list div a:active, #section-menu-list div a:visited {font:13pt 'Michroma', sans-serif; color:#ffffff; text-align:center;}
	#section-menu-list div:hover, #section-menu-list div a:hover, #section-menu-list  li:hover div {color:#4dd2ff; text-decoration:underline; background-color:#404040; cursor:pointer;}

	/*  1st menu */
	#section-menu-list ul li ul {display:none; position:absolute; width:190px; border:1px solid #ffffff;}
	#section-menu-list ul li ul li {
		display:block; float:none; top:100%; left:0px; width:180px; height:100%;
		margin:0px; padding:7px 5px; border-top:1px solid #ffffff; background-color:#262626;
		font:12pt 'Raleway', sans-serif; color:#ffffff; text-align:center; line-height:1.3em;
		}
	#section-menu-list ul li ul li a:link, #section-menu-list ul li ul li a:active, #section-menu-list ul li ul li a:visited {font:12pt 'Raleway', sans-serif; color:#ffffff; text-align:center;}
	#section-menu-list ul li ul li:hover, #section-menu-list ul li ul li a:hover {color:#4dd2ff;  background-color:#404040; cursor:pointer;}
	
	/*  2nd menu */
	#section-menu-list ul li ul li ul {left:190px;}

/* vertical collapsable menu */
.menu-vert-1 {margin:15px 0px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
.menu-vert-1 p {display:block; margin:0px; padding:7px; color:#ffffff; background-color:#262626; border-bottom:1px solid #ffffff;}
.menu-vert-1 p:hover {text-decoration:underline; cursor:pointer; background-color:#404040;}
.menu-vert-1 p span {padding:0px 12px; margin:0px; background-position:center center; background-repeat:no-repeat; background-image:url('Images/icon-new.png');}
.menu-vert-1 cite {display:block; margin:0px; padding:7px; color:#a0a0a0; font-style:italic; background-color:#404040; border-bottom:1px solid #ffffff;}
.menu-vert-box-1 {display:none; margin:0px; padding:20px; text-align:left; border-bottom:1px solid #ffffff;}
/*
.menu-vert-1 a:link, .menu-vert-1 a:active, .menu-vert-1 a:visited {display:block; padding:4px; border-bottom:1px solid #ffffff; background-color:#E8E8E8; color:#191970;}
.menu-vert-1 a:hover {color:#000000; text-decoration:underline;}
.menu-vert-1 img {max-width: 100%; height: auto;}
*/


/* sequential process w/arrows */
#menu-sequence-1 {padding:10px 0px; overflow:auto;}
#menu-sequence-1 a:link, #menu-sequence-1 a:visited, #menu-sequence-1 a:active {font:12pt 'Raleway', sans-serif; text-decoration:none; color:#000000;}
#menu-sequence-1 a:hover {font:12pt 'Raleway', sans-serif; text-decoration:none; color:#ffffff;}
.menu-sequence-1 {display:block; float:left; width:125px; height:40px; padding:5px; margin:0px; text-align:center; line-height:1.1em;}
.menu-sequence-1:hover {cursor:pointer; background-color:#808080;}
.menu-sequence-1-NS {background-color:#e0e0e0;}
.menu-sequence-1-SEL {background-color:#99e699; color:#ffffff;}
.menu-sequence-1-Arrow {float:left; width:0px; height:0px; margin:0px; padding:0px; background-color:transparent; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.menu-sequence-1-Arrow-NS {border-left:15px solid #e0e0e0;}
.menu-sequence-1-Arrow-SEL {border-left:15px solid #99e699;}	/* 00e600 */


/* login pop-up */
#section-login {display:none; position:absolute; z-index:101; top:85px; left:600px; width:380px; height:150px; overflow:hidden; margin:0px; padding:25px 3px 3px 3px; border:1px solid #ffffff; background-color:#262626;}
	#section-login hr {background-color:#000000; height:1px; color:#000000;}
	#section-login td {padding:3px;}
	#section-login a:link, #section-login a:visited, #section-login a:active {margin:0px; padding:0px; font:11pt 'Raleway', sans-serif;}
	#section-login a:hover {color:#b3b3b3; }
#section-login-close {position:absolute; top:5px; right:10px; width:75px; text-align:right; font:12pt 'Raleway', sans-serif; color:#4dd2ff;}
	#section-login-close:hover {color:#b3b3b3; text-decoration:underline; cursor:pointer;}

/* generic pop-up */
.popup_window {position:relative;}	/* note container */
.popup_window i {font-style:normal; font-size:11pt; color:#9900ff;}
.popup_window i:hover {cursor:pointer;}
.popup_window span {
	display:none; position:absolute; z-index:10;
	top:-50px; left:-100px;
	margin:0px; padding:30px 5px 5px 5px; border:1px solid #000000; overflow:auto;
	background-color:#E0E0E0;
	text-align:left; font:11pt 'Raleway', sans-serif; color:#000000;
	box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;
	}
	.popup_window span abbr {position:absolute; top:0px; left:0px; margin:0px; padding:5px; border-bottom:1px solid #000000; background-color:#404040; color:#4dd2ff;}	/* title bar */
	.popup_window span b {font-weight:normal; display:block; position:absolute; top:5px; right:10px; width:75px; text-align:right;} /* close btn */
	.popup_window span b:hover {text-decoration:underline; cursor:pointer;}	
	
/********************/
/* user pages */
.hr-2 {margin-top:0px; background:#11EB11; height:1px; border-style:none;}

/* crm notes */
.note-heading {width:500px; padding:0px; margin:0px; font:bold 9pt Arial; color:#191970;}
.note-heading-large {padding:5px 0px; margin:0px; font:bold 11pt 'Raleway', sans-serif; color:#cc0066;}
.note-cust-limbo {color:#808080; text-decoration:line-through;}
.note-to {width:500px; padding:0px; margin:0px; font:10pt Arial; color:#000000;}
.note-mesg {width:500px; padding:0px; margin:0px; font:10pt Arial; border-bottom:1px solid #191970;}
.note-mesg:hover {background-color:#ffffff;}
.note-new-desc {width:450px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}
.lead-desc-header {width:175px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}
.note-short-to {width:300px; padding:0px; margin:0px; font:10pt Arial; color:#000000;}
.note-short-heading {width:300px; padding:0px; margin:0px; font:bold 9pt Arial; color:#191970;}
.note-short-mesg {width:300px; padding:0px; margin:0px; font:10pt Arial; border-bottom:1px solid #191970;}
.note-short-mesg:hover {background-color:#e0e0e0;}
.note-short-new {width:375px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}
.note-CRM-to {width:200px; padding:0px; margin:0px; font:10pt Arial; color:#000000;}
.note-CRM-heading {width:200px; padding:0px; margin:0px; font:bold 9pt Arial; color:#191970;}
.note-CRM-mesg {width:200px; padding:0px; margin:0px; font:10pt Arial; border-bottom:1px solid #191970;}

.cust-h1 {margin:5px 0px 0px 0px; padding:3px 0px 1px 0px; font:bold 12pt 'Raleway', sans-serif; color:#000000; border-top:1px solid #000000;}
.cust-link {font:11pt 'Raleway', sans-serif;}
.cust-link-selected {font:bold 11pt 'Raleway', sans-serif;}
.cust-link-limbo {font:11pt 'Raleway', sans-serif; color:#808080; text-decoration:line-through;}
.cust-link-limbo-selected {font:bold 11pt 'Raleway', sans-serif; color:#808080; text-decoration:line-through;}
.cust-link-large {font:16pt 'Raleway', sans-serif;}
.cust-link-large-selected {font:bold 16pt 'Raleway', sans-serif;}

.crm-note-heading {width:auto; padding:0px; margin:0px; font-weight:bold; color:#191970;}
.crm-note-mesg {width:auto; padding:2px 0px 3px 10px; margin:0px; border-bottom:1px solid #191970;}
.crm-note-cust-limbo {color:#808080; text-decoration:line-through;}


/* calendar */
#user-calendar {padding:0px; margin:0px; border:2px solid #000000; background-color:#ffffff;}
	#user-calendar th {width:184px; padding:2px; border-bottom:2px solid #000000; background:#e8e8e8; text-align:center; color:#191970; font:8pt Arial;}
	#user-calendar th a {font:8pt Arial;}
	#user-calendar tfoot td {border-top:1px solid #000000;}
	#user-calendar td {position:relative; vertical-align:top; padding:2px; border-left:1px solid #000000; border-bottom:1px solid #000000;}
		#user-calendar td div {padding:0px; margin:0px; text-align:left; font:8pt Arial; border-bottom:1px solid #c8c8c8;}
		#user-calendar td div:hover {background-color:#E0E0E0;}
		#user-calendar td div a:hover {color:#4dd2ff;}
		#user-calendar td div span {display:inline; font-weight:bold; color:#191970;}
		#user-calendar td div b {color:#be006b;}
		#user-calendar td div p {display:inline;}
		#user-calendar td div p a:link, #user-calendar td div p a:visited, #user-calendar td div p a:active {display:inline; padding:0px; margin:0px; font:8pt Arial; color:#0000CD; text-decoration:none;}
		#user-calendar td div p a:hover {color:#4dd2ff;}
		#user-calendar td div i {font-style:normal;}
		#user-calendar td div i a:link, #user-calendar td div i a:visited, #user-calendar td div i a:active {display:inline; padding:0px; margin:0px; font:8pt Arial; color:#000000; text-decoration:none;}
		#user-calendar td div i a:hover {color:#4dd2ff;}
		#user-calendar td abbr {float:left; width:20px; padding:2px 0px; margin:0px 5px 0px 0px; color:#191970; font:9pt Tahoma; text-align:center; border-right:1px solid #000000; border-bottom:1px solid #000000;}
	.user-calendar-firstday {background-color:#e8e8e8; color:#191970; font-weight:bold;}
	.user-calendar-current {background-color:#FFFF99;}
	.user-calendar-incomp {}
	.user-calendar-complete {background-color:#a8a8a8;}
	.user-calendar-action {font:bold 10pt Arial; color:#ffffff; background-color:#000000; text-align:center;}
.user-todo-incomp {background-color:#ffffff;}
.user-todo-complete {background-color:#cccccc;}
.user-todo-user {color:#000066;}
.user-todo-date {width:70px;}
.user-todo-time {width:75px;}
.user-todo-cust a:link, .user-todo-cust a:visited, .user-todo-cust a:active {color:#0000CD;}


/* tempshort-byfirm */
#tempshort-byfirm {background-color:#ffffff; width:1350px;}
#tempshort-byfirm th {background-color:#e0e0e0; padding:2px 1px; font:8pt Verdana; color:#000000; text-align:center;}
#tempshort-byfirm td {width:75px; padding:5px 1px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font:9pt Arial; color:#000000; text-align:left; vertical-align:top;}
#tempshort-byfirm td:hover {background-color:#e0e0e0;}

/* copy clipboard OLK */
.copy-clipboard-OLK {background-color:#ffffff; border:1px solid #000000; padding:5px; font:11pt Calibri;}

/********************/
	
	
	
/********** page-specific formatting **********/
/* alerts */
#alertWorking {z-index:100; position:absolute; display:none; left:100px; top:130px; background:#e0e0e0; border:1px solid #000000; padding:50px 350px;}
#alertSave {position:absolute; display:none; left:50px; top:130px; background:#e0e0e0; border:1px solid #000000; padding:50px 350px;}

/* chart-options */
#chartOptions {width:950px; background-color:#e0e0e0; border:3px solid #e0e0e0;}	/* e0e0e0 */
	@media print {#chartOptions {display: none;}}
.chart-options {width:950px;}
	.chart-options td {padding:1px; vertical-align:top; text-align:left; color:#000000; font:9pt Arial, sans-serif;}
	.chart-options table td {padding:1px;}
	.chart-options select {font:9pt Arial, sans-serif;}
	.chart-options a:link, .chart-options a:visited, .chart-options a:active {font:10pt Arial, sans-serif; color:#0099cc;}
	.chart-options a:hover {color:#000000;}
#chart-options-more {display:none;}
#chart-options-more-btn:hover {text-decoration:underline; cursor:pointer;}
.chart-options-loc {margin:0px; padding-top:5px; font:12pt Verdana; text-align:left; color:#000000;}
.chart-options-updated {margin:0px; padding:3px; font:8pt Verdana; text-align:left; color:#000000;}
.ChartDistrOption {margin:0px; padding:3px 0px 0px 0px; font:bold 9pt Arial, sans-serif;}
.ChartDistrShow {}
.ChartDistrHide {display:none;}

/* seasonal maps */
.map-seasonal-box {position:relative; width:950px; height:550px; border:2px solid #e0e0e0;}
.map-seasonal-map {width:700px; height:450px;}
.map-seasonal-title {margin:0px; padding:30px 0px 3px 0px; font:14pt 'Raleway', sans-serif; text-align:left; color:#000000;}
.map-seasonal-details {margin:0px; padding:3px 0px; font:12pt 'Raleway', sans-serif; text-align:left; color:#000000;}
.map-seasonal-legend {z-index:1; position:absolute; left:15px; top:455px; width:650px; font:12pt 'Raleway', sans-serif; color:#000000;}
.tbl-map {position:absolute; left:665px; top:0px; width:285px; height:550px; border-left:1px solid #e0e0e0;}
.tbl-map-head {background-color:#e0e0e0; padding:2px; font:bold 8pt Tahoma; color:#000000; text-align:center;}
.tbl-map-state {width:90px; padding:1px 2px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font:8pt Arial, sans-serif; color:#000000; text-align:left;}
.tbl-map-value {width:40px; padding:1px 2px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font:8pt Arial, sans-serif; color:#000000; text-align:left;}

/* isotherm temp maps */
.temp-maps-legend {width:280px;}
	@media print {.temp-maps-legend {-webkit-print-color-adjust: exact;}}
.temp-maps-legend td {margin:0px; padding:0px; width:20px; height:20px; font:8pt Verdana, sans-serif; text-align:center;}

/* AN pages - data table */
.tbl-AN {width:965px; border:2px solid #e0e0e0;}
.tbl-AN td {position:relative; width:475px; height:410px; padding:0px; vertical-align:top; background-color:#ffffff; border:3px solid #e0e0e0;}
.tbl-AN td h1 {margin:0px; padding:0px 0px 5px; text-align:center; font:10pt Verdana, sans-serif; color:#be006b;}
.tbl-AN th {margin:0px; padding:3px; text-align:center; font:12pt Verdana, sans-serif; color:#191970; background-color:#e0e0e0;}

/* prod-ref-settings.asp */
#prod-settings {}
#prod-settings-panel1 {width:200px; min-height:400px; vertical-align:top; padding:0px; border:1px solid #A8A8A8;}
#prod-settings-panel2 {vertical-align:top; padding-left:25px; font-size:12pt;}

.prod-settings-header {padding:0px;}
.prod-settings-header-desc {padding:4px 0px 30px 0px;}
.prod-settings-btn {padding:2px;}

#prod-settings-menu {font-size:12pt;}
#prod-settings-menu p {display:block; width:171px; margin:0px; padding:4px 4px 4px 25px;
	background-image:url("Images/icon-new.png"); background-position:left center; background-repeat:no-repeat; border-bottom:1px solid #A8A8A8;
	}
#prod-settings-menu p:hover {background-color:#d0d0d0; text-decoration:underline; cursor:pointer;}
#prod-settings-menu div {display:none; width:200px; margin:0px; padding:0px; text-align:left;}
#prod-settings-menu div a:link, #prod-settings-menu div a:active, #prod-settings-menu div a:visited {display:block; padding:4px; border-bottom:1px solid #A8A8A8; background-color:#E8E8E8; color:#191970;}
#prod-settings-menu div a:hover {color:#000000; text-decoration:underline;}	

/* ??? */
.frm61-fieldset {float:left; margin:3px; padding:3px; width:280px; min-height:300px; border:1px solid #000000; background-color:#ffffff;}
.frm61-fieldset legend {font-weight:bold;}
.spanRegSum {}
.div-sum {margin:0px; padding:3px;}

/* method */
.method-text {margin:0px; padding:0px 75px; color:#ffffff;}

/* newsroom */
#newsroom {padding:0px;}
	#newsroom h1 {float:left; padding:20px;}
	.newsroom-column {float:left; width:430px; margin:0px; padding:0px;}
	.newsroom-column-left {padding-right:40px;}
	.newsroom-box {position:relative; float:left; width:406px; height:165px; margin:15px 0px; padding:12px; text-align:left; background-color:#262626; border:0px solid #ffffff;}
	.newsroom-box  p {font:16pt 'Raleway', sans-serif; color:#ffffff; text-align:left; margin:0px; padding:0px 0px 7px 0px; line-height:1em;}
		.newsroom-box p a:link, .newsroom-box p a:visited, .newsroom-box p a:active  {font:16pt 'Raleway', sans-serif; color:#ffffff; text-align:left; margin:0px; padding:0px 0px 7px 0px; line-height:1em;}
		.newsroom-box p a:hover {color:#be006b;}
	.newsroom-box div {float:left; padding:0px 10px 0px 0px;}
	.newsroom-box div img {width:110px; height:110px; padding-bottom:50px;}

/* whySW.asp - table */
#table-compare-sw {width:900px; margin-left:auto; margin-right:auto;}
	#table-compare-sw th {vertical-align:middle; text-align:center; padding:10px 5px; background-color:#b3b3b3; color:#191970; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-top:2px solid #b3b3b3; border-bottom:2px solid #b3b3b3;}
	#table-compare-sw td {width:450px; padding:10px 5px; vertical-align:top; text-align:center; background-color:#262626; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}

/* alliance.asp */
.alliance-img {padding:0px 30px 30px 0px;}	

/* trackrecord.asp */
.trackrecord-panel {font-family: 'Open Sans',sans-serif; font-size:11px;width:390px;border-radius:5px;background-color:#FCFCFC;padding:25px 10px 20px 15px;margin:10px;-moz-border-radius:5px;}
.trackrecord-panel-cell {width:430px;height:266px;background:#000;}
.trackrecord-text {width:380px;text-align:left;}
.trackrecord-heading {font-family: 'Open Sans',sans-serif;color:#666;font-size:21px;font-weight:normal;}
.trackrecord-subhead {font-size:13px;}
.trackrecord-photo {float:right;margin-left:8px;margin-right:20px;}
.trackrecord-divider {font-family: 'Open Sans',sans-serif; color:#FFF;width:20px;text-align:center;font-weight:bold;background:#000;}
.trackrecord-titleBar {font-family: 'Open Sans',sans-serif; color:#FFF;background-color:#666;padding:10px 25px;text-align:center;font-weight:bold;}

/* prod-tool-climate.asp, prod-tool-modeltips.asp */
.climate-trend-graph {width:576px; margin:0px 0px 10px 0px; padding:0px; border:0px solid #000000; box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;}

/* prod-tool-historical.asp */
.tbl-historical {width:400px;}
.tbl-historical th {background-color:#e0e0e0; width:100px; padding:5px; font:bold 8pt Tahoma; color:#000000; text-align:center;}
.tbl-historical tr:hover {background-color:#e0e0e0;}
.tbl-historical td {width:100px; padding:5px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font:10pt Arial; color:#000000; text-align:left;}

/* EventAN */
#EA-chart-options {background-color:#c0c0c0; width:950px; margin:10px 0px 10px 0px;}
#EA-chart-options td {font-size:12pt; padding:3px; vertical-align: text-top;}
	
/* google charts products */
.prod-box {
	margin:0px 0px 10px 0px; padding:0px; border:1px solid #000000;
	box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;
	}
.prod-table {}
	td.prod-table-cell {width:80px; padding:3px; color:#000000;}
	td.prod-tbl-cell {width:60px; padding:1px; color:#000000; vertical-align:top;}
	td.prod-table-cell-C {width:200px; background-color:#e0e0e0; font:bold 8pt Verdana; text-align:center;}
	td.prod-table-cell-X {background-color:#e0e0e0; font:bold 8pt Verdana; text-align:center; border-left:1px solid #e0e0e0;}
	td.prod-table-cell-Y {background-color:#e0e0e0; font:8pt Verdana; text-align:left; border-top:1px solid #e0e0e0;}
	td.prod-table-cell-Y2 {background-color:#e0e0e0; font:10pt Verdana; text-align:center; border-top:1px solid #e0e0e0;}
	td.prod-table-cell-D {background-color:#ffffff; font:10pt Arial; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
	td.prod-table-cell-D2 {background-color:#ffffff; font:8pt Arial; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:left;}

	td.prod-table-cell-corner {width:100px; padding:3px; background-color:#e0e0e0; font:bold 8pt Verdana; color:#000000; text-align:center;}
	td.prod-table-cell-Xaxis {width:100px; padding:3px; border-left:1px solid #e0e0e0; font:bold 8pt Verdana; color:#000000; text-align:center;}
	td.prod-table-cell-Yaxis {width:100px; padding:3px; background-color:#e0e0e0; border-top:1px solid #ffffff; font:10pt Verdana; color:#000000; text-align:center;}
	td.prod-table-cell-data {width:100px; padding:3px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font:10pt Arial; color:#000000; text-align:center;}
.prod-table-ranking {position:absolute; top:0px; left:420px; width:500px;}
.prod-head-3 {margin:0px; padding:3px 0px; font:10pt Verdana; text-align:left; color:#191970;}
.prod-head-4 {margin:0px; padding:30px 0px 3px 0px; font:12pt Verdana; text-align:left; color:#191970;}

/* User-Ref-Resources */
.skillrpts {padding:5px 0px;}
.skillrpts p {margin:0px; padding:2px 0px; font:18pt 'Raleway', sans-serif; color:#191970;}
.skillrpts a:link, .skillrpts a:visited, .skillrpts a:active {display:block; width:600px; padding:0px; font:9pt Verdana; color:#07801b; text-decoration:none;}
.skillrpts a:hover {color:#8F9B9B; text-decoration:underline}

/* User-Ref-Directory */
.URD_box {float:left; width:430px; padding:5px;}

/* UserCRM */
.user-crm-incomp {color:#ff0000;}
.user-crm-complete {color:#000000;}
.user-crm-btn {display:block; font:11pt Verdana, Arial; color:#000000; margin:0px; padding:2px 10px;}
.user-crm-hr {border-style:none; height:0px; margin:2px; padding:0px;} 	/* used as a blank spacer */
.user-crm-nav a:link, .user-crm-nav a:visited, .user-crm-nav a:active {font-size:18pt;}
.user-crm-nav a:hover {}
#user-crm {padding:0px; margin:0px; border-collapse:collapse; empty-cells:show;}
	#user-crm th {padding:3px 1px; border-top:2px solid #000000; border-bottom:2px solid #000000; background:#e8e8e8; text-align:center;}
	#user-crm tfoot {}
	#user-crm tr {border-top:2px solid #000000; background-color:#ffffff;}
	#user-crm td {position:relative; line-height:1.3em; vertical-align:top; padding:2px; text-align:left; font-size:11pt; border-left:1px solid #E0E0E0;}
	#user-crm td:hover {background-color:#E0E0E0;}
		#user-crm td img {margin:0px; padding:0px; border:0px solid black; vertical-align:middle;}
		#user-crm td div {position:relative; border-bottom:1px solid #000000; margin-bottom:5px;}	/* task container */
		#user-crm td abbr {color:#be006b;}	/* cust be006b */
		#user-crm td b {color:#000066;}	/* user */
		#user-crm td span {font-weight:bold;}	/* date */
		#user-crm td i {font-style:normal;}	/* icon - Cust pop-up */
		#user-crm td i:hover {cursor:pointer;}
		#user-crm td acronym {font-style:normal;}	/* icon - Firm pop-up */
		#user-crm td acronym:hover {cursor:pointer;}
		#user-crm td hr {background:#000000; height:1px; border-style:none; margin:2px 0px; padding:0px;}
		/* Note pop-up */
		#user-crm td div div {
			display:none; position:absolute; z-index:10;
			top:-30px; left:-100px; width:400px; height:480px; overflow:auto; 
			margin:0px; padding:30px 5px 5px 5px; border:1px solid #000000;
			background-color:#E0E0E0;
			text-align:left; font:11pt 'Raleway', sans-serif; color:#000000;
			box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;
			}
			#user-crm td div div abbr {position:absolute; top:0px; left:0px; width:400px; margin:0px; padding:5px; border-bottom:1px solid #000000; background-color:#404040; color:#4dd2ff;}	/* title bar */
			#user-crm td div div b {font-weight:normal; display:block; position:absolute; top:5px; right:10px; width:75px; text-align:right;} /* close btn */
			#user-crm td div div b:hover {text-decoration:underline; cursor:pointer;}
			#user-crm td div div textarea {font:10pt 'Raleway', sans-serif;}
			#user-crm td div div em {display:block; float:right; width:250px; margin:0px; padding:2px; font-style:normal; font:12pt 'Raleway', sans-serif; background-color:#c0c0c0;}		/* AutoComplete section */
			#user-crm td div div h3 {display:block; position:relative; float:left; width:80px; height:42px; padding:0px 1px; margin:0px; font:11pt 'Raleway', sans-serif;}	/* containers for fields at top */
				.user-crm-date {width:65px;}
		/* Cust, Firm pop-up */
		#user-crm td p, #user-crm td cite {
			display:none; position:absolute; z-index:10;
			top:-30px; left:-50px; width:350px; height:400px; overflow:auto; 
			margin:0px; padding:35px 5px 5px 5px; border:1px solid #000000;
			background-color:#E0E0E0;
			text-align:left; font:11pt 'Raleway', sans-serif; color:#000000;
			box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;
			}
			#user-crm td p abbr, #user-crm td cite abbr {position:absolute; top:0px; left:0px; width:350px; margin:0px; padding:5px; border-bottom:1px solid #000000; background-color:#404040; color:#4dd2ff;}
			#user-crm td p b, #user-crm td cite b {font-weight:normal; display:block; position:absolute; top:5px; right:10px; width:75px; text-align:right;} /* close btn */
			#user-crm td p b:hover, #user-crm td cite b:hover {text-decoration:underline; cursor:pointer;}
			#user-crm td p textarea, #user-crm td cite textarea {font:10pt 'Raleway', sans-serif;}
	
/* UserHome lead schedule */
.UserHomeSch {padding:0px; margin:0px; border-collapse:collapse; empty-cells:show; table-layout:fixed;}
.UserHomeSch th {padding:3px 1px; border-top:2px solid #000000; border-bottom:2px solid #000000; text-align:center; background-color:#e0e0e0;}
.UserHomeSch tr {border-top:1px solid #000000; background-color:#ffffff;}
.UserHomeSch tr:hover {background-color:#f2f2f2;}
.UserHomeSch td {position:relative; line-height:1.3em; vertical-align:top; padding:2px; text-align:left; font-size:11pt; border-right:1px solid #E0E0E0;}
.UserHomeSch hr {padding:0px; margin:2px 0px; background:#e0e0e0; height:1px; border-style:none;}
.UserHomeSch_BL {border-left:2px solid #000000;}	/* border-left */
.UserHomeSch td a {line-height:1.3em; font-size:11pt;}
.UserHomeSch_thGroups {padding:0px; margin:0px; border-collapse:collapse; empty-cells:show; table-layout:fixed;}
.UserHomeSch_thGroups tr {}
.UserHomeSch_thGroups th {padding:10px 1px 5px 1px; font-size:16pt; text-align:center; background-color:transparent;}
.UserHomeSch_Incompl {color:#ff0000;}
.UserHomeSch_IncomplFlag {color:#ff0000;}
.UserHomeSch_Compl {}
.UserHomeSch_ComplFlag {}	/* color:#0000cc; */

/* UserLeadFirm */
.ULF_CustList {padding:0px; margin:0px; border-collapse:collapse; empty-cells:show; table-layout:fixed;}
.ULF_CustList th {padding:5px; vertical-align:middle; border-top:2px solid #808080; border-bottom:2px solid #808080; background-color:#e0e0e0; font:bold 11pt 'Raleway', sans-serif; text-align:center;}
.ULF_CustList tbody td {padding:2px; border-bottom:1px solid #000000; vertical-align:top; border-left:1px solid #e0e0e0;}
.ULF_CustList tr:hover {background-color:#e0e0e0;}
.ULF_CustListHeader {padding:10px 0px; font:16pt 'Raleway', sans-serif; background-color:#e0e0e0; text-align:center; color:#191970;}

 
/* Accuracy.asp - NON-MOBILE */
#stns {}
#stns p {margin:0px; padding:10px 0px 5px 0px; font:14pt 'Michroma', sans-serif; color:#ffffff;}
#stns p span {display:none;}
#stns div img {max-width: 100%; height: auto;}

/* presentation.asp, prod-tool-demo.asp */
.slidedeck0-first {font:12pt Verdana, Arial; color:#000000; margin:0px; height:28px; width:50px; background-position:center center; background-repeat:no-repeat; background-image:url("Images/icon-recordFirst.png");}
.slidedeck0-prev {font:12pt Verdana, Arial; color:#000000; margin:0px; padding:0px 20px; height:28px; width:120px;}
.slidedeck0-next {font:12pt Verdana, Arial; color:#000000; margin:0px; padding:0px 20px; height:28px; width:120px;}
.slidedeck0-last {font:12pt Verdana, Arial; color:#000000; margin:0px; height:28px; width:50px; background-position:center center; background-repeat:no-repeat; background-image:url("Images/icon-recordLast.png");}
.slidedeck0-news {float:left; width:380px; height:110px; margin:20px; padding:10px; font-size:14pt; background-color:#262626; color:#b3b3b3;}
.slidedeck0-news p {font:18pt 'Raleway', sans-serif; color:#ffffff; text-align:left; margin:0px; padding:0px 0px 7px 0px; line-height:1em;}
.slidedeck0-news img {float:left; padding:0px; margin:0px 10px 10px 0px;}
.slidedeck0-PageCaption {position:absolute; left:400px; top:20px; width:600px; margin:0px; padding:0px; font:26pt 'Michroma', sans-serif; text-align:right; color:#ffffff;}
.slidedeck0-notes {overflow:auto; font-style:normal; position:absolute; top:-15px; left:980px; width:450px; height:750px; margin:0px; padding:0px; background-color:#e0e0e0; color:#000000; font-size:16pt; line-height:1.2em; border:1px solid #000000; box-shadow:6px 6px 15px #686868; -moz-box-shadow: 6px 6px 15px #686868; -webkit-box-shadow: 6px 6px 15px #686868;}
.slidedeck0-notes h5 {margin:0px; padding:5px 0px 5px 5px; font:18pt 'Michroma', sans-serif; color:#000066; border-bottom:2px solid #000066;}
.slidedeck0-notes h6 {margin:0px; padding:5px 5px 0px 5px; color:#cc3300; font:16pt 'Raleway', sans-serif;}
.slidedeck0-notes span {color:#cc3300;}
.slidedeck0-notes cite {position:absolute; top:2px; left:340px; line-height:1em; font-size:16pt;}

.slidedeck1 {position:relative; width:900px; margin:0px; padding:0px; font-size:16pt; line-height:1.1em; min-height:600px; cursor: url('images/cursor-large.png'), auto;}
.slidedeck1 ul, .slidedeck1 ol {margin:0px; line-height:1.3em;}
.slidedeck1 h1 {margin:0px 0px 20px 0px; padding:15px 0px 7px 0px; font:18pt 'Michroma', sans-serif; color:#ffffff; border-bottom:2px solid #ffffff;}
.slidedeck1 h2 {margin:0px; padding:5px 0px; font-size:18pt; font-weight:normal; color:#ffffff;}
.slidedeck1-footer {margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:center; border-top:2px solid #ffffff;}
.slidedeck1-table {width:900px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:25px; border:1px solid #b3b3b3;}
	.slidedeck1-table th {vertical-align:middle; text-align:center; padding:10px 5px; background-color:#b3b3b3; color:#191970; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-top:2px solid #b3b3b3; border-bottom:2px solid #b3b3b3;}
	.slidedeck1-table td {padding:10px 5px; vertical-align:top; text-align:center; background-color:#262626; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}
.slidedeck1-deliver {float:left; width:380px; height:340px; margin:20px; padding:10px; font-size:16pt; background-color:#262626;}
.slidedeck1-deliver p {font:18pt 'Raleway', sans-serif; color:#ffffff; text-align:left; margin:0px; padding:0px 0px 7px 0px;}
.slidedeck1-deliver img {float:left; margin:0px 30px 0px 0px; padding:0px; border:0px solid #ffffff;}
.slidedeck1-deliver ul {margin:0px; padding:0px 0px 0px 20px; line-height:1em;}
.slidedeck1-highlight {font-weight:bold; color:#ffffff;}	/* ff3333 */
.slidedeck1-sw {font:16pt 'Michroma', sans-serif; color:#ffffff;}
.slidedeck1-green {font-weight:bold; color:#40ff00;}	/* 39e600 */
.slidedeck1-white {font-weight:bold; color:#ffffff;}
.slidedeck1-red {font-weight:bold; color:#ffffff;}	/* ff3333 */

.slidedeck2 {width:900px; margin:0px; padding:0px; font-size:16pt; line-height:1.1em; min-height:600px; cursor: url('images/cursor-large.png'), auto;}
.slidedeck2 ul, .slidedeck2 ol {margin:0px; line-height:1.3em;}
.slidedeck2 h1 {margin:0px 0px 20px 0px; padding:15px 0px 7px 0px; font:18pt 'Michroma', sans-serif; color:#191970; border-bottom:2px solid #000000;}
.slidedeck2 h2 {margin:0px; padding:5px 0px; font-size:18pt; font-weight:bold; color:#191970;}
.slidedeck2-footer {margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:center; border-top:2px solid #000000;}
.slidedeck2 abbr {display:block; line-height:1.1em; color:#191970; font-size:30pt; text-align:center;}
.slidedeck2-table {width:900px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:25px; border:1px solid #b3b3b3;}
	.slidedeck2-table th {vertical-align:middle; text-align:center; padding:10px 5px; background-color:#b3b3b3; color:#191970; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-top:2px solid #b3b3b3; border-bottom:2px solid #b3b3b3;}
	.slidedeck2-table td {width:450px; padding:10px 5px; vertical-align:top; text-align:center; color:#b3b3b3; background-color:#262626; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}
.slidedeck2-deliver {float:left; width:380px; height:340px; margin:20px; padding:10px; color:#b3b3b3; font-size:16pt; background-color:#262626;}
.slidedeck2-deliver p {font:18pt 'Raleway', sans-serif; color:#ffffff; text-align:left; margin:0px; padding:0px 0px 7px 0px;}
.slidedeck2-deliver img {float:left; margin:0px 30px 0px 0px; padding:0px; border:0px solid #ffffff;}
.slidedeck2-deliver ul {margin:0px; padding:0px 0px 0px 20px; line-height:1em;}
.slidedeck2-highlight {font-weight:bold; color:#000000;}	/* ff3333 */
.slidedeck2-sw {font:16pt 'Michroma', sans-serif; color:#191970;}
.slidedeck2-green {font-weight:bold; color:#009933;}
.slidedeck2-white {font-weight:bold; color:#ffffff;}
.slidedeck2-red {font-weight:bold; color:#ffffff;}	/* ff3333 */



/********** help pop-up **********/
.help-box {position:relative;}
.help-btn {width:16px; height:16px; border:0px solid #ffffff;}
.help-btn:hover {background-color:#ffffff; border:0px solid #000000; cursor:help;}
.help-btn-12x12 {width:12px; height:12px; border:0px solid #b3b3b3;}
.help-btn-12x12:hover {background-color:#ffffff; border:0px solid #000000; cursor:help;}
.help-popup-b {display:block; margin:0px; padding:2px 0px; font:bold 12pt 'Raleway', sans-serif; color:#ffffff;}
.help-popup-close {position:absolute; top:5px; right:10px; width:75px; text-align:right;}
.help-popup-close:hover {text-decoration:underline; cursor:pointer;}
@media print {.help-btn, a.prod-gototop:link {display: none;}}

/* std pop-up */
.help-popup {
	display:none; position:absolute; z-index:100;
	top:-5px; left:20px; width:250px; height:150px; overflow:auto; 
	margin:0px; padding:35px 5px 5px 5px; border:1px solid #000000;
	background-color:#404040;
	text-align:left; font:12pt 'Raleway', sans-serif; color:#b3b3b3;
	}
	.help-popup p {margin:0px; padding:5px 0px 2px 0px; color:#ffffff;}
	.help-popup div {margin:0px; padding:3px 0px}
	.help-popup a:link, .help-popup a:visited, .help-popup a:active {font:12pt 'Raleway', sans-serif; color:#4dd2ff;}
	.help-popup a:hover {color:#b3b3b3;}

/* prospect CRM - open toward the top */
.help-popup-1 {
	display:none; position:absolute; z-index:100;
	top:-250px; left:-100px; width:250px; height:150px; overflow:auto; 
	margin:0px; padding:35px 5px 5px 5px; border:1px solid #000000;
	background-color:#404040;
	text-align:left; font:12pt 'Raleway', sans-serif; color:#b3b3b3;
	}
	.help-popup-1 p {margin:0px; padding:5px 0px 2px 0px; color:#ffffff;}
	.help-popup-1 div {margin:0px; padding:3px 0px}
	.help-popup-1 a:link, .help-popup a:visited, .help-popup a:active {font:12pt 'Raleway', sans-serif; color:#4dd2ff;}
	.help-popup-1 a:hover {color:#b3b3b3;}

.blog-entry {width:400px; padding:0px; margin:0px; border-bottom:1px solid #191970;}
.blog-input-subj {width:355px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}
.blog-input-msg {width:392px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}
.blog-input-comment {width:342px; padding:4px; font:10pt Arial; text-align:left;}

.blog-subj {padding:4px; margin:0px; font:bold 10pt Tahoma; color:#191970; text-align:left;}
.blog-date {padding:1px 4px; margin:0px; font:10pt Tahoma; color:#191970; text-align:left;}
.blog-msg {width:392px; padding:4px; margin:0px; font:10pt Arial; text-align:left;}

.blog-comment {width:350px; padding:0px; margin-left:50px; border-bottom:1px solid #191970;}
.blog-comment-msg {padding:4px; margin:0px; font:10pt Arial; text-align:left;}

.blog-page {width:400px; padding:3px; margin:0px; text-align:right; background-color:#191970;}

/* used with jsColorPicker.js */
div.color-picker {z-index:102; border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0; top: 0px; padding: 0px; }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }