/*
 * Copyright (C) 2005 Email Data Source, Inc. (www.emaildatasource.com)
 *
 * This program is a proprietary work and not free software. It may not be
 * copied, used, modified or redistributed in any method or form without the
 * express written permission or licensing from Email Data Source, Inc.
 *
 * $Id: widget.css,v 1.65 2008/08/07 22:54:22 cjw Exp $
 *
 */

/*
 * This is the widget styles file. These style should only be used in
 * the tagjsp JSPs.
 *
 * This file may only have classes.
 */

/* any layer that gets hidden */

.hidden {
	position: absolute;
	visibility: hidden;
	height: 0px;
	width: 0px;
	background: #cccccc;
}

.hiddenNotGrey {
	position: absolute;
	visibility: hidden;
	height: 0px;
	width: 0px;
	background: none;
}
	
/* each cell of the knight rider progress bar */

.progressCell {
	background: black;
}

.componentName {
	font-size: 13px;
	font-weight: 800;
	color: #484848;
	letter-spacing:.02em;
	word-spacing: .01em;
	margin:0px 0px 0px 6px;
	padding-top:12px;
}

/*********** tips component ***********/

.tips {
	width:232px;
	border-right:3px solid #b3dbff;
	border-bottom:3px solid #b3dbff;
	border-left:3px solid #b3dbff;
	background-image:url(../../../version/local/image/drop_shadow_bg.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:6px 0px 22px 0px;
}

.tips p {
	margin:3px 12px 0px 15px;
}

.tips h3 {
	margin:11px 0px 0px 15px;
}
	
/*********** recent news component ***********/

.recentNews {
	width:498px;
	border-right: 3px solid #b3dbff;
	border-left: 3px solid #b3dbff;
	border-bottom: 3px solid #b3dbff;
	background-image:url(../../../version/local/image/drop_shadow_bg.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 14px;
	text-align:left;
	padding-top:6px;
	padding-bottom:22px;
}
	
.recentNews h1 {
	margin:0px 0px 0px 15px;
}

.recentNews h1 a {
	color:#004694;
	text-decoration:none;
}

.recentNews h1 a:hover {
	color:#b04631;
	text-decoration:underline;
}

.recentNews p {
	margin:4px 12px 0px 15px;
}

.recentNewsDate {
	font-size:11px;
	font-weight:800;
	margin-left: 15px;
}

/*********** sitelist component ***********/

.licenseTitle {
	color:#c60;
	font-size:16px;
	line-height:20px;
	margin:14px 0px 0px 0px;
	font-weight:800;
}

.sitelist {
	float: left;
	width:227px;
}

.sitelistHeader {
	background-color:#f1f2ec;
	background-image:url(../../../version/local/image/compare_hd_bg_middle.gif); 
	background-repeat:repeat-x;
	height:31px;
	width:227px;
	font-size: 13px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
}

.sitelistSiteName {
	font-size: 11px;
	font-weight: 800; 
	color:#004694;
	letter-spacing:.03em;
}

.sitelistTitle {
	padding-top:8px;
}

.sitelistFooter {
	text-align: right;
	margin:0px 0px 0px 0px;
	width:227px;
	padding-top: 10px;
}

.sitelistButton {
	text-align:right;
	padding-right:4px;
}

.checkboxJacket {
	margin-left: 4px;
	padding-bottom: 2px;
}

/********* email action **********/
.emailTableActionButton {
	vertical-align: middle;
}
	
.emailListTableOddRow {
	background-color: #f7f8f4; 
}
.emailListTableEvenRow {
	background-color: #e7e8e0;
}
.emailListTableSelectedRow {
	background: black;
	color: white !important;
}

/*********** graphs ***************/

.graph {
	float: left;
	vertical-align: top;
}

.graph_mozilla {
	height: 411px;
}

.graph_msie {
	height: 375px;
}
	
.graphHeader {
	background-color:#f1f2ec;
	background-image:url(../../../version/local/image/compare_hd_bg_middle.gif); 
	background-repeat:repeat-x;
	height:31px;
	font-size: 11px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
	width: 510px;
}

.graphTitle {
	padding-top: 12px;
	padding-left: 8px;
}

/* this should match the size of the graph images */
.graphImageBox {
	height: 300px;
	width: 510px;
}
	
/* the <img> */

.graphImage {
	border: none;
}
	
/************ date control */
.calendarSelect {
	font-size: 13px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
	padding-bottom:2px;
}

.calendarSelect td {
	white-space: nowrap;
}

.dateDisplay {
	width:510px;
	height:25px;
	border: 1px solid #a4a775;
	background-color: #e9eac2;
	background-image:url(../../../version/local/image/time_ctrl_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}

.dateDisplay img {
	border:0px;
	vertical-align:top;
}

.dateDisplay input {
	vertical-align:top;
	margin-top:2px;
	color: black;
}

.dateDisplay select {
	vertical-align:top;
	margin-top:2px;
}

.graphDataSelection {
	font-size: 11px;
	font-weight: 500; 
	white-space: nowrap;
}
	
/************* search **************/

.searchBox {
	border: thin solid #fff;
	width: 45em;
	height: 2em;
	padding-bottom:20px;
}

/************** folders *********/
	
#folder_group_header {
	margin:36px 0px 0px 0px;
	background-color:#e7e8e0;
	background-image:url(../../../version/local/image/collect_hd_bg.gif); 
	background-repeat:no-repeat;
	width:536px;
}

#folder_group_header td {
	height:35px;
	font-size: 11px;
	font-weight:800; 
	color: #484848; 
	letter-spacing:.02em; 
	word-spacing:.01em;
	padding-top:8px;
	padding-left:8px;
	padding-bottom:4px;
	border-bottom:#b0a596 solid 1px;
}

#folder_header {
	font-size: 13px;
	font-weight:800; 
	color:#484848; 
	letter-spacing:.02em; 
	word-spacing:.01em;
}

#folder_list_container {
	margin:0px 0px 0px 0px;
	width:536px;
}

#folder_list_container table {
	width:536px;
	padding-top:12px;
}
	
/* the <table> */

.folderTable {
	padding-top:2px;
	width:536px;
	background-color:#f1f2ec;
	border-left:#c9cac8 solid 1px;
	border-right:#c9cac8 solid 1px;
}
.folderTable td {
	padding-left:8px;
	padding-top:9px;
	padding-bottom:10px;
	font-size: 12px; 
	line-height:135%;
	color:#363b42;
	border-bottom:#fff solid 1px;
}
.folderTable tbody td img {
	border:0px;
}
#folder_group_footer {
	margin:0px 0px 10px 0px;
	background-color:#fff;
	background-image:url(../../../version/local/image/collect_foot_bg.gif); 
	background-repeat:no-repeat; 
	width:536px;
}
#folder_action_message_table  {
	width:536px;
	padding-top:5px;
	margin-top:5px;
	background-color:#f1f2ec;
	font-size: 12px; 
	line-height:135%;
	color:#363b42;
}
	
/* the <th> */

.folderTableHeader {
	background: #cccccc
}
.folderOddRow  {
	background: white;
	color: black;
}
.folderEvenRow {
	background: #ee0000;
	color: black;
}
.folderSelectedRow {
	background: green;
	color: white;
}
	
/************* creative selector *************/
	
	
.creativeSelector {
	padding: 1em;
           

}

/************* creative image *************/

.creativeImage {
	background-image:url(../../../version/local/image/drop_shadow_bg.gif);
	background-repeat:repeat-x;
	/*border: thin solid red;*/
	width: 724px;
	height: 385px;
	padding:18px;
}
	
    /* the width should be slightly larger than the webshot images */
.creativeImageImage {
	width: 724px;
	height: 385px;
	overflow: auto;
}
	
/************* creative detail *************/
	
.creativeDetail {
	/*border: thin solid blue;*/
	width:720px;
}
	
/* the <div> where we write the contents  */

.creativeDetailBox {
	height: 65px;
	width: 585px;
}
	
/* the <div> where we put the link to sites */

.creativeDetailSiteBox {
	height: 40px;
	width: 200px;
	overflow: auto;
}
	
/* the <div> where we put the redirect via sites */

.creativeDetailRedirectsBox {
	height: 40px;
	width: 200px;
	overflow: auto;
}
	
/****************** product info ******************/

.productInfo {
	width:497px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	background-image:url(../../../version/local/image/product_info_bg.gif);
	background-repeat:repeat-x;
	margin:22px 0px 0px 20px;
	text-align:left;
	padding-top:80px;
	padding-bottom:10px;
}
	
.productInfo h1 {
	margin:12px 0px 0px 15px;
}
.productInfo h1 a {
	color:#004694;
	text-decoration:none;
}
.productInfo h1 a:hover {
	color:#b04631;
	text-decoration:underline;
}
.productInfo p {
	margin:4px 12px 0px 15px;
}
	
/*********************** login ******************/
.login {
	margin-top: 0px;
	padding-left: 20px;
	padding-top: 10px;
	min-height: 400px;
}

.login h1 {
	margin-top: 0px;

}

.loginTextBox {
	width: 150px;
}

/************* fieldPicker ******************/

.fieldPicker {
	float: left;
}

.fieldPicker img {
	margin-top: 10px;
	margin-left: 2px;
}

.fieldPickerControlOverlay {
	position: absolute;
	z-index: 100;
	background: #d9dbb2; 
}

.fieldPickerControlOverlay img {
	margin-top: 10px;
	margin-left: 2px;
}

.fieldPickerTitle {
	padding-top: 5px;
	font-size: 13px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
	float: left;
}

.fieldPickerBackground {
	background: #d9dbb2; 
}

.fieldPickerFrame {
	position: absolute;
	z-index: 9999;
}

.fieldPickerForm {
	padding-left: 5px;
	padding-top: 5px;
}

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

.fieldPickerButton {
   vertical-align: middle;
}

.fieldPickerCorner {
   width: 15px;
   height: 15px;
   border: none;
   margin: 0px 0px 0px 0px;
   display: inline !important;
}
.fieldPickerLeftCorner {
	float: left;
}
.fieldPickerRightCorner {
	float: right;
}

.fieldPickerBottom {
	float: left;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.fieldPickerModal {
	position: absolute;
	background:#CCCCCC;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 50;
}
/************* filter ******************/

.filterBackground {
	background: #d9dbb2; 
}

.filterForm {
	padding-left: 5px;
	padding-top: 5px;
}

.filterButton {
   vertical-align: middle;
}

.filterCorner {
   width: 15px;
   height: 15px;
   border: none;
   margin: 0px 0px 0px 0px;
   display: inline !important;
}
.filterLeftCorner {
	float: left;
}
.filterRightCorner {
	float: right;
}

.filterBottom {
	float: left;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/************** lattice *******************/
.latticeBody {
	width: 100%;
	padding-right: 0px;
}
.latticeSeparator {
	/* programmatically set this to height of header plus border */
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.latticeResizableHeaderSeparator {
	background: black;
	-moz-user-select: none;
	cursor: e-resize;
}
.latticeHeaderFixedSize {
}
.latticeFixedHeaderSeparator {
}
.latticeCellContent {
}
.latticeCellContent img {
	border: none;
}
.latticeCellContent input {
	vertical-align: middle;
}
.latticeCell {
	border: none;
	overflow: hidden;
	white-space: nowrap;
	height: 24px;
	vertical-align: bottom;
	padding-left: 3px;
	font-size: 11px; 
	line-height:135%;
	margin: 0px 0px 0px 0px;
}

.latticeCell_msie {
	display: inline-block;
	height: 25px;
}
.latticeCell_mozilla {
	display: -moz-inline-box;
}
.latticeHeader {
	padding-top:3px;
	font-weight:800; 
	font-size:11px;
	white-space:nowrap;
	text-align: center;
}
.latticeHeaderContent {
}
.latticeHeaderContent_msie {
	display: inline;
}
.latticeHeader img {
	vertical-align:middle;
	border:0px;
}
.latticeHeader a {
	font-weight:800; 
	font-size:11px;
	color:#363b42;
}

.latticeHeaderBuffer {
	width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.latticeHeader a:hover {
	font-weight:800; 
	font-size:11px;
	color:#b04631;
}
.headersOverlayContainer {
	/* programmatically set to width of table minus scrollbars */
	width: 9px;

	/* programmatically set to height of the header plus border */
	height: 9px;

	overflow: hidden;
	position: absolute;
	background: none;
	visibility: hidden;
}
.headersOverlay {
	/* programmatically set to the size of all columns */
	width: 9999px;

	/* programmatically set to height of the header plus border */
	height: 9999px;

}

/************************** footer *******************/
.footer {
	border-top: 1px solid #5b6789;
	border-bottom: 1px solid #386896;
	text-align:center;
	background:#6e99c8;
}

.footerCopyright {
	font-size: 11px;
	line-height:14px;
	font-weight:400;
	color: #333;
	margin:10px 0px 10px 0px;
}

/************************* email table *****************/
.emailTableHeaderLeft {
	float: left;
	background-image:url(../../../version/local/image/email_table_header_left.gif);
	width: 6px;
	height: 25px;
}

.emailTablePagerAndStatus {
	float: left;
	background-image:url(../../../version/local/image/time_ctrl_bg.gif);
	background-repeat:repeat-x;
	height: 25px;
}

.emailTablePager {
	float: left;
}

.emailTablePager_mozilla {
	width: 477px;
}

.emailTablePager_msie {
	width: 476px;
}

.emailTablePagerText {
	padding-top: 5px;
	float: left;
	font-size: 13px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
}

.emailTablePagerButtons {
	float: right;
}

.emailTableStatus {
	float :left;
	width: 200px;
}

.emailTableStatus input {
	margin-left: 5px;
	margin-top: 3px;
	color: black;
	width: 186px;
}

.emailTableHeaderRight {
	float: left;
	background-image:url(../../../version/local/image/email_table_header_right.gif);
	width: 5px;
	height: 25px;
}

.emailTableFilterNotice {
	float: left;
	border-left: 1px solid #d1d3bd;
	border-right: 1px solid #d1d3bd;
	background-image:url(../../../version/local/image/time_ctrl_bg.gif);
	background-repeat:repeat-x;
	width: 753px;
	height: 25px;
}

.emailTableFilterText {
	padding-top: 5px;
	padding-left: 5px;
	font-size: 13px;
	font-weight:800;
	color:#484848; 
	letter-spacing:.02em;
	word-spacing:.01em;
}

.emailTableFilterItem {
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-left: 2px solid #adae7b;
	border-right: 2px solid #adae7b;
}

.emailTableFilterItem img {
	vertical-align: middle;
}

.emailTableFilterHeader {
	color: blue;
}

.emailTableFilterCriterion {
	color: red;
}

.emailTableLatticeWrapper {
	border-left:1px solid #d1d3bd;
	border-bottom:1px solid #d1d3bd;
	border-right:1px solid #d1d3bd;
	float: left;
}

/*************** banner ***********************/
.pageContainer {
	background:#7c9ec0;
}

.pageLeft {
	width: 33%;
	background:#7c9ec0;
}

.pageCenter {
	width:800px;
	background:#fff;
	padding:0px 0px 0px 0px;
}

.pageRight {
	width: 33%;
	background:#7c9ec0;
}

.pageBody {
	border-right: 1px solid #11588a;
	border-left: 1px solid #11588a;
}

.pageBanner {
	background:#7c9ec0;
	background-image:url("../../../version/local/image/page_hd_bg2.gif");
	background-repeat:repeat-x;
}

.bannerMenuLeft {
	float: left;
	width: 20px;
}

.bannerLogoContainer {
	float: left;
}

.bannerLogo {
	border: none;
	width: 197px;
	height: 41px;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
}

/*************** menu ***********************/
.menuLayer {
	width: 72px;
	float: left;
}

.mainMenu {
	margin-top: 10px;
	border: 1px solid black;
}

.menuItem {
	text-align:center;
	background: #f6f7cf;
}

.menuItem a {
	text-decoration:none;
	font-size: 12px;
	font-weight: 800;
	color:#484848;
	letter-spacing:.06em;
	line-height:24px;
}

.menuItem a:hover {
	color:#000000;
	display:block;
	text-decoration:none;
	border: 1px solid black;
	background: #d6d7af;
}

.topMenuItemSelected {
	background: #d6d7af;
}

.subMenuItem {
	position: absolute;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.menuLeft {
	background:#f6f7cf;
	background-image:url(../../../version/local/image/nav_left2.gif);
	background-repeat:repeat-x;
}

.menuDivider {
	background:#f6f7cf;
	background-image:url(../../../version/local/image/nav_divider2.gif);
	background-repeat:repeat-x;
}

.menuItemOff {
	background:#f6f7cf;
	background-image:url(../../../version/local/image/nav_off2.gif);
	background-repeat:repeat-x;
}

.menuItemOff a {
	background:#f6f7cf;
	background-image:url(../../../version/local/image/nav_off_fill2.gif);
	background-repeat:repeat-x;
}

.menuItemOff a:hover {
	background-image:url(../../../version/local/image/nav_home_on2.gif);
	background-repeat:repeat-x;
}

.menuRight {
	background:#f6c7cf;
	background-image:url(../../../version/local/image/nav_right2.gif);
	background-repeat:repeat-x;
}

/**************** account executive *****************/
.accountExecutive {
	border-right:3px solid #b3dbff;
	border-bottom:3px solid #b3dbff;
	border-left:3px solid #b3dbff;
	background-image:url(../../../version/local/image/drop_shadow_bg.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	width:222px;
	padding:6px 0px 22px 0px;
	padding-left:10px;
}

.accountExecutiveName {
	font-size: 13px;
	font-weight: 800;
	color: #484848;
	letter-spacing:.02em;
	word-spacing: .01em;
	margin-bottom: 5px;
	
}

.accountExecutiveDetailTitle {
	font-size: 10px;
	font-weight: 800;
	color: #484848;
	letter-spacing:.02em;
	word-spacing: .01em;
}

.accountExecutiveDetailValue {
	font-size: 10px;
	font-weight: 500;
	color: #484848;
	letter-spacing:.02em;
	word-spacing: .01em;
	margin-left: 5px;
	margin-bottom: 5px;
}

/******************* license *********************/
.licenseBox {
	padding-left: 20px;
	padding-top: 10px;
}

.licenseControl {
	float: left;
	background: #f6f7cf;
	height: 26px;
	border: 1px solid black;
	text-align:center;
	text-decoration:none;
	font-size: 12px;
	font-weight: 800;
	color:#484848;
	letter-spacing:.06em;
	line-height:24px;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 75;
}

.licenseControl a {
	float:left;
}

.licenseBox img {
	vertical-align: middle;
}

.licenseControl_msie img {
	margin-top: 10px;
	vertical-align: bottom;
}

.licenseName {
	float: left;
}

.licenseNameBuffer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 2px;
	float:left;
}

.licenseFramedDetails {
	position: absolute;
	z-index: 100;
}

.licenseDetails {
	background: #f6f7cf;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.licenseDetailsFrame {
	height: 15px;
}

.licenseForm {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.licenseSelectionControl {
	margin-bottom:10px;
}

.licenseComponent {
	margin-left: 10px;
}

.licenseComponentTableWrapper {
	background: white;
	border: 1px solid black;
	overflow: auto;
	height: 200px;
	margin-left: 10px;
}

.licenseComponentTable {
	margin-left: 10px;
	background: white;
	overflow: auto;
	max-height: 200px;
}

.licenseExpiringDomain {
	color: red;
}

.licenseExpiring {
	color: red;
}

.licenseDetailsCorner {
   width: 15px;
   height: 15px;
}

.licenseDetailsLeftCorner {
	float: left;
}

.licenseDetailsRightCorner {
	float: right;
}

.licenseDetailsBottomFrame {
}

.licenseDetailsTopFrame {
}

.licenseDetailsFrameLeft {
	float: left;
	background: #f6f7cf;
	height: 14px;
	border-top: 1px solid black;
}

.licenseDetailsFrameRight {
	float: left;
	background: #f6f7cf;
	height: 14px;
	border-top: 1px solid black;
}

.licenseDetailsFrameCenter {
	float:left;
	background: #f6f7cf;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	border: none;
}

.licenseDetailsBottomFrameCenter {
	border-bottom: 1px solid black
}

.licenseModal {
	position: absolute;
	background:#CCCCCC;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 50;
}