/* GoLightly Stylesheet - welcome_highlights.css */
/* $Id: welcome_highlights.css,v 1.40 2011/10/29 00:59:15 dmcgrew Exp $ */



/* page template: page_two_column_2-3_to_1-3 *********************/
/** GoLightly Controlled - do not modify in client.css **/
#page_two_column_2-3_to_1-3 { 
   width:100%; margin: 0; padding:0; overflow:hidden; font-size: 12px; 
}
#page_two_column_2-3_to_1-3 #page_two_column_2-3_left { 
  float:left;  padding: 15px 10px; width:61%;overflow:auto;
}
#page_two_column_2-3_to_1-3 #page_two_column_1-3_right {  
  padding:15px 10px; zoom:1; overflow: auto; width:34%;
}
#page_two_column_2-3_to_1-3_footer { clear:both; padding:0; }



/* module template: box_with_thick_border_gray *********************/
/** GoLightly Controlled - do not modify in client.css **/
.box_with_thick_border_gray { 
	margin-bottom: 25px;
	padding: 9px;
}



/* module template: thin_border_gray *********************/
/** GoLightly Controlled - do not modify in client.css **/
.thin_border_gray { 
	border: 1px solid #B9C7D3;
	margin-bottom: 25px;
	padding: 9px;
}
.thin_border_gray span.module_title_and_body_area h2 span.module_title_style {
    font-size: 100%;
    font-weight: bold;
}




/*content ===============================================================*/
#welcome_highlights_box { width:100%; margin: 0; padding:0; overflow:hidden; background: url(../images/welcome_column_bg.jpg) top right repeat-y; font-size: 12px; }

#welcome_highlights_simple_box { width:100%; margin: 0 0 0 0; padding:0; overflow:hidden; font-size: 12px; }

#welcome_highlights_l { float:left; width:390px; padding: 0; }

#welcome_highlights_r { float:right; width:240px; padding:0 0 90px 0; } 
#welcome_highlights_ctr { /* FP 
    margin-right:260px; margin-left:395px; 
    */
    padding:25px 0 25px 0; zoom:1; overflow: hidden; }

/* Styles added for the two Col layout FP*********************/
#welcome_highlights_twoCol_box { 
   width:100%; margin: 0; padding:0; overflow:hidden; font-size: 12px; 
}
#welcome_highlights_twoCol_box #welcome_highlights_twoCol_l { 
  float:left;  padding: 15px 10px; width:61%;overflow:auto;
}
#welcome_highlights_twoCol_box #welcome_highlights_twoCol_ctr {  
  padding:15px 10px; zoom:1; overflow: auto; width:34%;
}
/* End of twoCol styles ************************/




#welcome_highlights_simple_ctr { margin-right:10px; /*margin-left:395px;*/ padding:25px 0 25px 0; zoom:1; /*position:absolute;*/ /*float:left; width:73%; */ overflow:hidden;}
#welcome_highlights_ftr { clear:both; padding:0; }

#welcome_highlights_r hr { width:208px; color:#fff; background-color:#839dca; height:1px; margin: 0 0 0 16px; }

#welcome_highlights_welcome { margin:0; padding:25px 16px 25px 16px; }
#welcome_highlights_welcome ul { margin:0; padding:0 0 0 16px; color:#000; }
#welcome_highlights_welcome li span { color:#333; font-size:12px; font-weight:normal; }
.sni_step_cont { width:370px; padding:0; margin:0; min-height:30px; overflow:hidden; }
.sni_step_r { float:right; display:inline; width:330px; padding:6px 0 4px 0; vertical-align:top; overflow:hidden; } 

/* FP */
#home #welcome_highlights_l .sni_step_r {float:none;}

.sni_step_l { float:left; display:inline; width:30px; padding:0 0 4px 0; font-size: 20px; font-weight: bold; color: #F4AD33; vertical-align:top; overflow:hidden; }

.memberSpotlight { width:100%; padding: 8px 0 5px 0; border-top: #CCCCCC 1px dotted; }
.memberSpotlight.first { border: none; }
.memberSpotlight p { padding: 0 !important; margin: 0; font-size:11px; }
.memberSpotlight img { float:left; margin: 0 6px 0 0; padding:0; }
img.memberSpotlightPhoto { float:left; margin: 0 6px 0 0; padding:0; }
.sni_member_name { position:relative; padding:0; margin:0; line-height:120%; font-size: 13px; font-weight:bold; }

#welcome_highlights_spotlight { margin:0; padding:0 0 20px 0; }
.welcome_highlights_ctr_hdr { padding:0; margin:0; overflow:hidden; }
.welcome_highlights_ctr_hdr_r { float:right; display:inline; width:30%; margin:0; padding:6px 0 0 0; text-align:right; font-size:11px; }
.welcome_highlights_ctr_hdr_l { float:left; display:inline; width:68%; margin:0; padding:0 0 8px 0; text-align:left; }
.sni_member_name { position:relative; margin: 0 0 10px 0; padding:0; line-height:120%; font-size: 13px; font-weight:bold; }

#welcome_highlights_news { margin:0; padding:0 0 20px 0; }
.sni_news_title { font-size: 13px; font-weight:bold; margin: 0 0 4px 0; }
.commNews_title { font-size: 13px; font-weight:bold; margin: 0 0 4px 0; }
.commNews { position: relative; width: 100%; overflow: hidden; padding: 8px 0 5px 0; border-top: #CCCCCC 1px dotted; }
.commNews.first { border: none; }
.commNews p { padding: 0 0 5px 0; margin: 0; font-size:11px; }
.commNews img { float:left; margin: 0 6px 0 0; padding:0; }
.commNews a.moreLink { float: right; clear: left; }
.sni_news_date { font-size:10px; margin: 0 0 10px 0;}
.commNews_date { font-size:10px; margin: 0 0 10px 0;}

#welcome_highlights_promo_l { margin:0; padding:0 16px 20px 16px; }
/* moved below welcome_highlights_hdr_grey so margin/padding isn't overridden
#welcome_highlights_promo_l_hdr { padding:0 0 8px 0; margin:0 16px 10px 16px; border-bottom:1px dotted #999; }
*/
.sni_deals_box { margin:0; padding:6px 16px 2px 16px; overflow:hidden; }
.sni_deals_box_r { float:right; display:inline; width:250px; margin: -12px 0 0 0; padding:0; font-size:12px; color:#333; text-align:left; line-height:150% }
.sni_deals_box_l { float:left; display:inline; width:90px; margin:0 10px 0 0; padding:0; }
.sni_deals_box_l img { vertical-align:top; margin: 0 0 8px 0; }

/* ===================================================================================*/
/* BEGIN added styles to accommodate new content and style templates for modules */
/* tag_cloud */
.tagCloud_module {
    background-color: transparent;
    border: none;
    line-height: 20px !important;
    padding: 0px; 
    text-align:center;

}

.tagCloud_module a { text-decoration:none; }
.tagCloud_module .tagSize1 { 
	font-size: 30px;
	margin: 2px 0px; 
}
.tagCloud_module .tagSize2 { 
	font-size: 28px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize3 { 
	font-size: 26px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize4 { 
	font-size: 24px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize5 { 
	font-size: 22px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize6 { 
	font-size: 21px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize7 { 
	font-size: 19px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize8 { 
	font-size: 17px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize9 { 
	font-size: 15px;
	margin: 2px 0px;
}
.tagCloud_module .tagSize10 { 
	font-size: 13px;
	margin: 2px 0px; 
}


/* highlights_blog_listing */
.read_more_member_spotlight_link { text-align:right; font-size:11px; position:absolute; right:3px; top:3px; }
.read_more_member_spotlight_link a:link { text-decoration: none; color: #999; }
.read_more_member_spotlight_link a:active { text-decoration: none; color: #999; }
.read_more_member_spotlight_link a:visited { text-decoration: none; color: #999; }
.read_more_member_spotlight_link a:hover { text-decoration: none; color:#333; }
.BlogContent {border-top:none;}

/* highlights_blog_listing */
.see_all_blogs_link_style { text-align:right; font-size:11px; position:absolute; right:3px; top:3px; }
.see_all_blogs_link_style a:link { text-decoration: none; color: #999; }
.see_all_blogs_link_style a:active { text-decoration: none; color: #999; }
.see_all_blogs_link_style a:visited { text-decoration: none; color: #999; }
.see_all_blogs_link_style a:hover { text-decoration: none; color:#333; }
.memberSpotlight {border-top:none;}

/* .module_content_main */
.module_content_main span.module_title_and_body_area h2 span.module_title_style {
    font-size: 160%;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 5px;
}

/* welcome_highlights_promo3b */
#welcomeFrame .welcome_highlights_promo3b span.module_title_and_body_area h2,
#contentNoBorders .welcome_highlights_promo3b span.module_title_and_body_area h2,
#welcome_highlights_promo_r_hdr { margin:0; padding:8px 16px 2px 16px; background: url(../images/welcome_promo2a_hdr_bg.jpg) top left repeat-x; clear: both; zoom: 1; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style,
#welcome_highlights_promo_r_hdr h1 { font-size: 20px; color:#fff; font-weight:normal; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style a:link,
#welcome_highlights_promo_r_hdr a:link { text-decoration: none; color:#fff; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style a:active,
#welcome_highlights_promo_r_hdr a:active { text-decoration: none; color:#fff; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style a:visited,
#welcome_highlights_promo_r_hdr a:visited { text-decoration: none; color:#fff; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style a:hover,
#welcome_highlights_promo_r_hdr a:hover { text-decoration: none; color:#eee; }

.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item,
.welcome_highlights_promo_r_item { margin:0; padding:6px 6px 2px 6px; overflow:hidden; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item p,
.welcome_highlights_promo_r_item p { font-size: 10px; font-weight:normal; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item_title,
.welcome_highlights_promo_r_item_title { font-size:12px; font-weight:bold; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item_r,
.welcome_highlights_promo_r_item_r { float:right; display:inline; width:113px; margin: -6px 0 0 0; padding:0; font-size:12px; color:#333; text-align:left; line-height:110% }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item_l,
.welcome_highlights_promo_r_item_l { float:left; display:inline; width:85px; margin:0; padding:0; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .welcome_highlights_promo_r_item_l img,
.welcome_highlights_promo_r_item_l img { vertical-align: top; }

.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .top_sales_title,
.top_sales_title { font-size:12px; font-weight:bold; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .top_sales_item_r,
.top_sales_item_r { float:right; display:inline; width:113px; margin: -6px 0 0 0; padding:0; font-size:12px; color:#333; text-align:left; line-height:110% }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .top_sales_item_l,
.top_sales_item_l { float:left; display:inline; width:85px; margin:0; padding:0; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style .top_sales_item_l img,
.top_sales_item_l img { vertical-align: top; }

.welcome_highlights_promo3b { margin:0; padding:0px 9px 0px 9px; }
#welcomeFrame .welcome_highlights_promo3b span.module_title_and_body_area h2,
#contentNoBorders .welcome_highlights_promo3b span.module_title_and_body_area h2,
.welcome_highlights_promo3b span.module_title_and_body_area { margin:-20px -9px 0px -9px; }
.welcome_highlights_promo3b span.module_title_and_body_area span.module_body_style { margin:0; padding:9px 9px 0px 4px; }

.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style {
	line-height: 20px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 5px;
    color: #000000;
}


/* highlights_quick_facts */
/* .highlights_quick_facts { margin:0; padding:0px 9px 0px 9px; } INDENTS HEADER TOO -- WHICH IS NOT CORRECT */
#welcomeFrame .highlights_quick_facts span.module_title_and_body_area h2,
#contentNoBorders .highlights_quick_facts span.module_title_and_body_area h2,
#did_know_hdr { margin:0; padding:8px 16px 2px 16px; background: url(../images/welcome_did_you_know_hdr_bg.jpg) top left repeat-x; }
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style,
#did_know_hdr h1 { font-size: 20px; color:#fff; font-weight:normal; }
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style a:link,
#did_know_hdr a:link { text-decoration: none; color:#fff; }
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style a:active,
#did_know_hdr a:active { text-decoration: none; color:#fff; }
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style a:visited,
#did_know_hdr a:visited { text-decoration: none; color:#fff; }
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style a:hover,
#did_know_hdr a:hover { text-decoration: none; color:#eee; }

.highlights_quick_facts span.module_title_and_body_area span.module_body_style,
#did_know_box { margin:0; padding:16px 16px 2px 16px; overflow:hidden; }

.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_item,
.did_know_item { margin:0; padding:16px 16px 2px 16px; overflow:hidden; }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_item p,
.did_know_item p { font-size: 10px; font-weight:normal; }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_title,
.did_know_title { font-size:12px; font-weight:bold; }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_item_r,
.did_know_item_r { float:right; display:inline; width:113px; margin: -6px 0 0 0; padding:0; font-size:12px; color:#333; text-align:left; line-height:110% }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_item_l,
.did_know_item_l { float:left; display:inline; width:85px; margin:0; padding:0; }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style .did_know_item_l img,
.did_know_item_l img { vertical-align: top; }

.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style {
	line-height: 20px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 5px;
    color: #000000;
}



/* welcome_highlights_content1 */
.welcome_highlights_content1 span.module_title_and_body_area h2 span.module_title_style,
.welcome_highlights_hdr_black { font-size: 20px; color:#333; font-weight:bold; margin: 0; padding:0; }

/* welcome_highlights_promo1a */
.welcome_highlights_hdr_grey { font-size: 20px; color:#999; font-weight:normal; margin: 0; padding:0; }
/* welcome_highlights_promo_l_hdr was moved below welcome_highlights_hdr_grey so margin/padding isn't overridden */
.welcome_highlights_promo1a span.module_title_and_body_area h2 span.module_title_style, 
#welcome_highlights_promo_l_hdr { padding:0 0 8px 0; margin:0 16px 10px 16px;  }
.welcome_highlights_promo1a span.module_title_and_body_area h2 span.module_title_style, 
#welcome_highlights_promo_l_hdr {margin-left:0; margin-right:0;}


/* ALL special modules need these styles (from here to END) */
.module_outer_wrapper { position:relative; padding:0; margin: 0; }

span.module_title_and_body_area h2 span.module_title_style, /* makes the span the same with as the div around it */  
span.module_title_and_body_area span.module_body_style { display: block; margin: 0; padding: 0; }

#welcomeFrame span.module_title_and_body_area h2, /* removes padding below h2 in new module styles */
#contentNoBorders span.module_title_and_body_area h2 { margin: 0; padding: 0; }

.module_content_main,
/* .welcome_highlights_promo3b, */ /* this one has enough padding that it doesn't need to the <br /> */
.highlights_quick_facts,
.welcome_highlights_content1,
.welcome_highlights_promo1a { margin-bottom: 25px; } /* replaces the <br /> at the end of the template */

/* these didn't work to add padding/margin to body area
.welcome_highlights_promo1a span.module_title_and_body_area span.module_body_style { padding:0 0 8px 0; margin:0 16px 10px 16px; }
#welcomeFrame span.module_title_and_body_area { margin: 0 20px 0 20px; padding: 0; }
*/
/* END added styles to accommodate new content and style templates for modules */
/* ===================================================================================*/


.welcome_highlights_ctr_hdr_l a:link { text-decoration: none; color: #999; }
.welcome_highlights_ctr_hdr_l a:active { text-decoration: none; color: #999; }
.welcome_highlights_ctr_hdr_l a:visited { text-decoration: none; color: #999; }
.welcome_highlights_ctr_hdr_l a:hover { text-decoration: none; color:#333; }
/* ===================================================================================*/

/* Additional Changes for Safari Width on Homepage */
#welcome_highlights_ctr { margin:0; padding-right:15px;}


/* Additional Spotlight Styles */ /* NOTE: these were added by Jerry - moved above with specific styles left here temporarily for reference */
/*
.welcome_highlights_promo1a span.module_title_and_body_area h2 span.module_title_style, #welcome_highlights_promo_l_hdr {margin-left:0; margin-right:0;}
.welcome_highlights_promo1a {position:relative;}
.read_more_member_spotlight_link {position:absolute; right:3px; top:3px;}
#welcome_highlights_spotlight {padding-bottom:0;}
.memberSpotlight {border-top:none;}
*/

/* Additional Spacing for Homepage Buckets */
.module_content_main, #ContentMainPromo1, .welcome_highlights_content1, .welcome_highlights_promo1a, .highlights_quick_facts, .module_article_simple_body {padding:9px;}



/* ===================================================================================*/
/* STYLES BELOW ARE FOR EDIT MODULES */
.stylish-select .SSContainerDivWrapper {
	left:-9999px;
}

/*
* Red example
---------------------------------------------------------*/
.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:290px;
	position:absolute;
	top:22px;
	left:0;
	z-index:2;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	overflow:auto;
}

.stylish-select ul.newList * {
	margin:0;
	padding:0;
}


.stylish-select ul.newList a {
	color: #000;
	text-decoration:none;
	display:block;
	padding:3px 8px;
}

.stylish-select .newListSelected {
	width:285px;
	color:#000;
	height:19px;
	padding:3px 0 0 6px;
	float:left;
	margin-bottom:5px;
	background:url(../images/select-bg.png) no-repeat;
}

.stylish-select ul.newList li a:focus {
	-moz-outline-style: none;
}

.stylish-select .selectedTxt {
	width:258px;
	overflow:hidden;
	height:16px;
	padding:2px 23px 0 0;
}

.stylish-select .hiLite {
	background:#dde6f9!important;
	color:#000!important;
}

.stylish-select .newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:default;
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 -22px;
	cursor:default;
}

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}
.border-box {width: 100%; max-width:960px; min-width:/*425px*/auto;}
.border-box .top-left, 
.border-box .top-right, 
.border-box .bottom-left, 
.border-box .bottom-right 
{
	background-image:url(../images/bg-box.gif);
	background-repeat: no-repeat;
}
.border-box .top-left {
	background-position: left top;
}
.border-box .top-right {
	background-position: right top;
	margin-left: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	overflow:visible;
	padding-top: /*7px*/ 3px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.border-box .bottom-left {
	background-position: left bottom;
}
.border-box .bottom-right {
	background-position: right bottom;
	height: 10px;
	margin-left: 10px;
}
.loading {
	position: absolute; 
	top: 150px; 
	left: 45%; 
	display: block; 
	text-align: center;
}
.module-head-left{
	width:/*205px*/100%;
	float:left;
	margin-bottom:10px;
	margin-top: 0px;
}
.module-head-right {
	float:right;
	width:/*210px*/ 110px; 
	text-align:right;
}
.iframe-container {
	width: 100%;
	clear:both; 
	overflow:hidden;"	
}

/* Adding styles for the Preview/Save buttons */
input.module_button_preview,
input.module_button_save  {
 color:#fbfcff !important;
 text-transform: uppercase !important;
 font-size: 90% !important;
 font-weight: bold !important;
 padding: 2px 5px !important;
 border:none !important;
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 position:absolute;
 left:133px;
}
input.module_button_preview {
 background-color:#979797 !important;
 top:17px;

}
input.module_button_save {
 background-color:#006294 !important;
 top:35px;
}
select.explanation {
 width:130px !important;
}
.module-head-left {
 position:relative;
}