﻿/* General HTML */
body
{
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
	font-size: 8pt;
	background-color: #DBDBDB;
	background-attachment: fixed;
	/*background-image: url(Background.gif);*/
	background-repeat: repeat-x;
	background-position: top;
}

/* Master Page */
.master_page_main
{
	width: 1014px;
	text-align: left;
	/* Allows centering in Firefox */
	margin-left: auto;
	margin-right: auto;
}
.master_page_main { width: 1014px; }
.master_page_main .l { width: 12px; }
.master_page_main .c { width: 990px; margin: auto; }
.master_page_main .r { width: 12px; }
.master_page_topnav
{
	width: 100%;
	height: 0px;
}
.master_page_header
{
	width: 100%;
	height: 132px;
	margin: 0px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(BannerFull.jpg);
	border-bottom: solid 0px #D9D9D9;
}
.master_page_headlink { height: 105px; }
.master_page_body
{
	width: 100%;
	background-color: White;
	border-top: solid 0px #E8E8E8;
	border-bottom: solid 0px #C8C8C8;
	border-left: solid 0px #C8C8C8;
	border-right: solid 0px #C8C8C8;
	background: url(BodyBackground.jpg) repeat-y;
}
.master_page_body .c { background-color: White; }
.master_page_footer
{
	width: 100%;
	text-align: center;
	padding: 0px;
	position: relative;
	background: url(FooterFull.jpg) no-repeat;
}
.master_page_footer .c { padding: 30px 0px 20px 0px; }
.master_page_title
{
	top: 90px;
	left: 220px;
	position: absolute;
	color: Black;
	font-family: Arial Black;
	font-weight: bold;
	font-size: 12pt;
	display: none;
	visibility: hidden;
}
.master_page_login
{
	top: -20px;
	right: 35px;
	color: Black;
	position: absolute;
	text-align: right;
}
.master_page_login_link { color: #669933; text-decoration: none; padding: 0px 2px 0px 2px; }
.master_page_login_name { color: Black; padding: 0px 12px 0px 0px; text-decoration: none; }
.master_page_topnav {  background: url(TopNav.png) no-repeat; height: 40px; }
.master_page_navbar { display: inline-block; }
.master_page_innerbody { }
.master_page_menu
{
	font-size: 10pt;
	width: 200px;
	vertical-align: top;
	padding: 3px;
}
.master_page_menu_cell { padding: 0px 5px 0px 0px; }
.master_page_menu_spacer1 { height: 10px; }
.master_page_menu_spacer2 { height: 10px; }
.master_page_menu_livechat { padding: 0px 0px 0px 20px; }
.master_page_menu_sidebar { }
.master_page_content
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 800px;
}
.master_page_breadcrumb
{
	padding: 0px 0px 0px 5px;
	vertical-align: top;
	text-align: left;
}
.master_page_buttons
{
	vertical-align: bottom;
	text-align: right;
	padding-right: 16px;
}
.master_page_sidebar
{
	border-left: solid 1px #DCDCDC;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}
.master_page_content_cell
{
	padding: 0px 0px 20px 5px;
	vertical-align: top;
	width: 100%;
}

/* Master Page Full */
.master_full_header
{
	width: 100%;
	height: 128px;
	padding: 0px;
	background: url(BannerCenter.gif) repeat-x;
}
.master_full_header_title
{
	display: none;
}
.master_full_header_login
{
	top: 12px;
	right: 16px;
	position: absolute;
	text-align: right;
	color: Black;
}
.master_full_content
{
	border-left: solid 0px #C8C8C8;
	border-bottom: solid 0px #C8C8C8;
	border-right: solid 0px #C8C8C8;
	background-color: White;
}
.master_full_footer
{
	padding-top: 20px;
	text-align: center;
	background: url(FooterShadow.jpg) no-repeat center top;
}

/* Navigation Bar */
.navigation_bar
{
	width: 990px;
	height: 32px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(NavBarCenter.png) repeat-x;
}
.navigation_bar .l
{
	float: left;
	width: 12px;
	height: 32px;
	background: url(NavBarLeft.png) no-repeat;
}
.navigation_bar .c 
{
	float: left;
	width: 926px;
	background: url(NavBarCenter.png) repeat-x;
}
.navigation_bar .r
{
	float: right;
	width: 12px;
	height: 32px;
	background: url(NavBarRight.png) no-repeat;
}
.navigation_bar .label { float: left; color: Black; font-weight: normal; padding: 9px 10px 7px 10px; }
.navigation_bar .link { float: left; padding: 8px 15px 8px 15px; }
.navigation_bar .link:hover { background: url(NavBarHover.png) repeat-x; }
.navigation_bar .link a { color: White; text-decoration: none; }
.navigation_bar .link a:hover { color: Black; }
.navigation_bar .notice
{
	float: left;
	color: Yellow;
	padding: 9px 0px 7px 36px;
	background: url(../../Images/NavBar_Warn.png) no-repeat;
	cursor: pointer;
}
.navigation_bar .tab
{
	float: left;
	padding: 8px 15px 8px 15px;
	width: -1;
	height: -1;
	margin-top: 0px;
	background: none;
	/*background: url(NavBarTab.png) no-repeat;*/
}
.navigation_bar .tab:hover { background: url(NavBarHover.png) repeat-x; }
.navigation_bar .tab a { color: Black; text-decoration: none; }
.navigation_bar .tab a:hover { color: Black; }

/* Rounded Table */
.table_rounded { text-align: center; padding: 0px; }
.table_rounded thead { background-color: #93C67D; color: White; }
.table_rounded thead td { padding: 0px 3px 3px 3px; white-space: nowrap; }
.table_rounded tfoot { background-color: #93C67D; }
.table_rounded .corner_left { text-align: left; padding: 0px; }
.table_rounded .corner_right { text-align: right; padding: 0px; }
.table_rounded tbody td { padding: 5px 2px 5px 2px; vertical-align: top; }
.table_rounded tbody td:first-child { border-left: solid 1px #DDDDDD; }
.table_rounded tbody td:last-child { border-right: solid 1px #DDDDDD; }
.table_rounded tbody tr { behavior: expression(this.firstChild.style.borderLeft = "solid 1px #DDDDDD"); }
.table_rounded .separator { height: 1px; background-color: #DDDDDD; }
.table_rounded .separator td { padding: 0px; }
.table_rounded .bl { border-left: solid 1px #DDDDDD; }
.table_rounded .br { border-right: solid 1px #DDDDDD; }

/* Rounded Panels */
.panel_corners { background-color: #93C67D; padding: 3px 3px 6px 3px; }
.panel_corners td { background-color: White; color: Black; }

.roundedPanel
{	
	font-size: 9pt;
	background-color: #DCDCDC;	
	color: black;
	text-align: right;	
}

/* Pageflex Tooltips */
.pftip_preview_popup { text-align: center; display: none; }
.pftip_preview_open { text-decoration: underline; cursor: pointer; }
.pftip_container {
	width: 200px;
	text-align: center;
	font-size: 7pt;
	font-family: Verdana, Arial;
	margin: 2px;
}
.pftip_title {
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	color: White;
	background-color: #5E564B;
	padding: 2px;
}
.pftip_price { }
.pftip_price_table { margin: 0px auto 0px auto; }
.pftip_price_table td:first-child,
.pftip_price_table th:first-child { border-right: solid 1px #5E564B; }
.pftip_type {
	font-size: 10pt;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}
.pftip_sample { padding: 5px 0px 5px 0px; }
.pftip_description { text-align: left; padding: 4px 0px 4px 0px; }
.pftip_shipping { font-weight: bold; }

/* Content Area */
.table_style_full { padding: 0px; border: 0px; width: 100%; }
.table_style_nosize { padding: 0px; border: 0px; }

.table_style_short { width: 550px; }
.table_style_short td { padding: 5px; }
.table_style_short td.indent { padding: 5px 5px 5px 75px; }

.table_style_sidebar { width: 180px; text-align: left; }

.table_style_stretch { padding: 0px; border: 0px; width: 100%; border-collapse: collapse; }
.table_style_stretch td { padding: 0px; }
.table_style_stretch .td_left { text-align: left; }
.table_style_stretch .td_right { text-align: right; }

.table_small_text { font-size: smaller; }
.table_small_text th { font-size: small; text-align: left; }
.grid_style_main { cursor: default; }
.link_button { cursor: pointer; }
.link_action { text-decoration: underline; cursor: pointer; }

.table_row_line_break { height: 1px; background-color:Gray; }
.table_ad_page { text-align: left; width: 100%; font-size: 11pt; }
.filter_area { background-color: #DDDDDD; padding: 4px 10px 4px 10px; }
.advanced_edit_content { margin: 5px 10px 10px 10px; }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px 0px 3px 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarDisabled {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px 0px 3px 0px;
    cursor: default;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar { background-image: url(../../Images/FilledStar.gif); }
.emptyRatingStar { background-image: url(../../Images/EmptyStar.gif); }
.savedRatingStar { background-image: url(../../Images/SavedStar.gif);}

/* Alphabet Filter */
.alphabutton { font-size:10pt; font-family:Arial; }
.alphabutton:hover { color:Black; }
table#alphatable { width: 100%; height: 30px; }
table#alphatable td#alphaall { width: 30px; }
table#alphatable td:hover { background-color: #CCCCCC; }

/* Summary Grid  */
.summaryGrid
{ 
	background-color: White;
	border-width: 1px;
	border-style: none;
	border-color: #CCCCCC;
	padding: 3px;
	width: 500px;
	font-weight: bolder;
  	font-family: Times New Roman;
	/*font-size: 11px;*/
}
.summaryHeader
{
	width: 100px;
	background-color: #990000;
    color: White;
    font-weight: bold
}

/* Update Progress Animation Bar */
div#UpdateProgress
{
	position: absolute; 
	left: 1150px; 
	top: 115px; 
	padding: 1em;
}

/* ListSearchExtender */
.ListSearchExtenderPrompt { color:White; }

/* Mailings Screen */
.MailingDashboard { font-size:medium; font-weight: bold; }
.MailingsSummary { font-weight:bold; text-align: left; }

/* Modal Popups */
.popupControl 
{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalPopupAddress
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
}
.popupBackground
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #000;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=20);
	opacity:0.2;
	-moz-opacity: 0.20;
}
.popupPanelOutside { background-color: Transparent; padding: 0; margin: 0; }
.popupPanelInside { text-align: center; background-color: white; }

/* Pageflex/Fulfillment */
.mailingsHeader { text-align: left; width: 100%; margin-left: 4px; }
.callHeader { text-align: left; width: 100%; margin-left: 4px; }

.pagefleximagecontrol { border-color: Black; border-style: solid; border-width: thin; }
.pageflexImagesHeader { padding: 10px 10px 10px 10px; }
.pageflexImagesItem { padding: 0px 5px 0px 5px; }

#fixedtipdiv
{
	position: absolute;
	padding: 0px;
	/*border: 0px solid #FF6600;*/
	border: 3px solid #5E564B;
	font: normal 12px Verdana;
	/*line-height: 18px;*/
	z-index: 100;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Sign Up */
.SignupBorder { width: 100%; border-color: White; border-width: 0px; border-style: solid; background-color: Transparent; }
.SignupTitle { background-color: #DCDCDC; color: Black; font-weight: bold; padding: 5px; text-align: center; }
.SignupTitleNoBackground { background-color: Transparent; color: Black; font-weight: bold; padding: 5px; text-align: center; }
.SignupLabel { width: 140px; text-align: right; }
.SignupControl { text-align: left; white-space: nowrap; }
.SignupStepTitle { font-size: 14pt; font-weight: bold; color: #ff6600; }
.SignupButton { color: #FF6600; font-weight: bold; }
.SignupSidebarHeader { color: #FF6600; font-weight: bold; font-size: 12pt; }
.SignupSidebarSubHead { font-weight: bold; font-size: 8pt; }

/* Corporate Mailing */
.corp_mail_beta { float: right; margin: -27px 70px 10px 20px; }
.corp_mail_navbar { width: 700px; padding: 20px; margin: 0px 0px 15px 0px; background-color: #DCDCDC; }
.corp_mail_navbar .step { float: left; font-weight: bold; }
.corp_mail_navbar .arrow { float: left; padding: 3px 10px 0px 10px; }
.corp_mail_error { }
.corp_mail_mailtype { float: left; width: 500px; }
.corp_mail_mailtype .type_picker { margin-left: 10px; }
.corp_mail_list { float: left; width: 500px; }
.corp_mail_list .filter_control_area { width: 100%; padding-bottom: 10px; }
.corp_mail_list .filter_control_area .txt { float: left; padding: 5px 5px 0px 5px; }
.corp_mail_list .filter_control_area .ctrl { float: left; }
.corp_mail_sidebar { float: right; width: 200px; padding: 10px; margin-right: 34px; background-color: #DCDCDC; }
.corp_mail_helpbutton { float: right; margin: 20px 70px 0px 0px; }
.corp_mail_summary { margin-left: 20px; width: 300px; }
.corp_mail_summary td:first-child { width: 24px; vertical-align: top; }
.corp_mail_confirmation { margin-left: 20px; width: 400px; }
.corp_mail_uploadsuccess { padding-left: 20px; color: Green; }

/* Fulfillment Thumbnail Picker */
.ff_thumbs { width: 99%; }
.ff_thumbs .cat_section { border: solid 1px #DCDCDC; }
.ff_thumbs .cat_header { height: 30px; color: White; background-color: #AAAAAA; border: solid 1px white; cursor: pointer; }
.ff_thumbs .cat_header .name { float: left; font-weight: bold; padding: 5px 0px 0px 10px; }
.ff_thumbs .cat_header .button { float: right; width: 20px; height: 20px; margin: 4px 4px 0px 0px; text-align: center; background: url('../../Images/Panel_Closed.gif') no-repeat; }
.ff_thumbs .cat_header .button.active { background-image: url('../../Images/Panel_Opened.gif'); }
.ff_thumbs .cat_panel { /*height: 330px; overflow-x: hidden; overflow-y: scroll;*/ }
.ff_thumbs .cat_list { float: left; width: 20%; padding-top: 10px; padding-bottom: 10px; }
.ff_thumbs .cat_list ul { margin: 0px 0px 0px 15px; padding: 0px; }
.ff_thumbs .cat_list li { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; cursor: pointer; }
.ff_thumbs .thumb_list { float: left; width: 75%; overflow: hidden; }
.ff_thumbs .thumb_item { float: left; width: 180px; height: 180px; margin: 2px; text-align: center; border: solid 0px #DCDCDC; cursor: pointer; }
.ff_thumbs .thumb_item img { width: 100%; }
.ff_thumbs .cat_section.active .cat_header { background-color: #666666; }
.ff_thumbs .cat_section.active .cat_panel { display: inline; }


