﻿/* Pillsbury Redesign - February 2011
/* Master CSS file
/* Author: Adam Streit / George Haeger
/* _____________________________________
/* 
/* COLOR PALETTE
/* Link Blue:           #005daa
/* Headline Brown:      #935e3e
/* Headline Gold:       #cb9030
/* Copy Dark Gray:      #434242
/* Copy Medium Gray:    #7f7f7f
/* Nav Gray:            #919191
/* Nav Selected Gray:   #a6a6a6
/* Stroke Gray:         #d3d3d3
/* Flood Yellow:        #f9f3d8
/* Flood Gray Yellow:   #f4f4ec
/* Flood Mix:           #f8f3ec
/*
/* PREVIOUS PALETTE - for reference
/* Dark Brown:          #836344
/* Lt Brown/Taupe:      #c7b37e
/* Maroon:              #81181c
/* Sky Blue:            #6495ed
/* GoldenRod:           #daa520
/* Very Lt Brown/Taupe: #ddd2b4
/* Green:               #93a444
/* Gray:                #dadada
/* Dark Blue:           #174db9
/* Orange:              #ef8e01
/* Light Gray:          #ebebeb
/* Gray Divider:        #e7dec8
/* PB Link Blue:        #124bb8
/* Gold:                #f6e011
/* Baby Blue:           #a3c8ff
/* 
/* OTHER CSS 
/* Reset styles located in styles/reset.css  
/* Browser-Specific stylesheets located in styles/browser/
/* Main Element (Lists, Heros, Scrollers,etc.) styles located in elements.css
/* Specific Module styles located in modules.css
/*
/* Previous Styles located in common.css - Move all necessary styles in from common and remove reference
/* 
/* CONTENTS
/*   1. Site Defaults
/*   2. Page Layout
/*      2a. Header & Top Navigation
/*      2b. Footer
/*      2c. Toolbar
/*   3. Global-Use Classes - listed last to allow simple override
/*      3a. Text
/*      3b. Images
/*      3c. Floods & Borders
/*      3d. Display & Positioning
/*      3e. Spacing
/*      3f. Clears
/*      3g. Effects
/*      3h. Buttons
/*      3i. Forms
/*      3j. Minimum height
/*


/* 1. Site Defaults */
/* -----------------------*/

/*.block { display:none !important;}*/
.legacy { display:none !important;} /* legacy functionality, not sure if should be deleted so hiding */

body { color: #434242; font-family:  Arial, Helvetica, Myriad, Verdana, sans-serif; font-size: 12px; background-color:#fff; }
a, a:active, a:link, a:visited { color: #005daa; text-decoration: none; }
a:hover { text-decoration: underline;}
h1, h2, h3, h4  { color:#935e3e; font-weight:normal; }
h1 { font-size: 24px; }
h2 { font-size: 14px; color:#cb9030; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
.note {font-size:.7em; margin-left:5px; font-weight:normal;}
input, textarea{color:#434242; padding:0 3px;}


/* 2. Page Layout */
/* -----------------------*/

.headerContainer  { width:100%; background:#91aecd url(/images/TopNav/header_blue_cloth.jpg) no-repeat center center; }
.headerContent    { width:970px; height:108px; margin: 0 auto; }
.navContainer     { width:100%; background:url(/images/TopNav/nav_bg.gif) repeat-x top left; border-bottom:solid 1px #ccc;}
.navContent       { width:970px; margin: 0 auto; }
.pageContainer    { width:970px; margin: 0 auto; }
.pageContent      { width:970px; }
.footerContainer  { width:970px; margin: 30px auto 40px; }

/* One Column */
.full_column      { width: 970px;}

/* Two Column */
.two_left         { width: 640px; margin-right:10px; }
.two_right        { width: 320px; }

/* Three Column */
.three_left       { width: 186px; margin-right:10px; padding-top:42px;} /* Top padding same height as breadcrumb */
.three_right_full { width: 774px; }
.three_middle     { width: 529px; margin-right:10px;}
.three_right      { width: 235px; }

.two_col_bg { background:url(/images/TopNav/two_col_bg.gif) repeat-y top left; }
.three_col_bg { background:url(/images/TopNav/three_col_bg.gif) repeat-y top left; }
.three_col_inner_bg { background:url(/images/TopNav/three_col_inner_bg.gif) repeat-y top left; }


/* 2a. Header & Top Navigation */
/* -----------------------*/

.headerBarrel { width:70px; }
.headerBarrel a { float:left; height:80px; margin:26px 0 0 5px; width:80px; }
.headerBarrel img { height:80px; width:80px; }
.headerInside { position:relative; width:812px; z-index:100;}
.headerDoughboy { width:88px; }

.userBox { display:none; } /* Hide for now, will remove in new env */

/* Top Navigation */
.topNavBehind  {background-color:#000; border-radius:0 0 5px 5px; filter:alpha(opacity=30); height:25px; -moz-border-radius:0 0 5px 5px; -moz-opacity:.30; opacity:.30; position:absolute; right:0px; top:0px; -webkit-border-radius:0 0 5px 5px; width:650px;}
    
.topNavAbove { height:25px; }
.topHeaderNav  { float:right; padding-top:5px; position:relative; z-index:200; }
.topHeaderNav li {display: inline; } 
.topHeaderNav a { color:#fff; font-size:12px; padding: 7px 10px; }

/* Top Search  */ 
.topSearch { clear:right; float:right; margin-top:15px; width:340px;}
.top_search_title { color:#fff; font-size:14px; padding-bottom:3px; }
.top_search_advanced { padding:0 2px 3px 0; }
.top_search_input { background:url(/images/TopNav/top_search_bg.gif) no-repeat top left; height:36px; width:340px; }
.top_search_input .top_search_text { width:305px; height:36px; }
.top_search_input .top_search_text input { background:transparent; border:0; height:26px; line-height:26px; padding:5px; width:295px;}
.top_search_input .top_search_submit { height:36px; width:35px; }
.top_search_input .top_search_submit img { cursor:pointer; height:36px; width:35px;}

/* Main Navigation  */    
.bottomHeaderNav {border-right:solid 1px #ccc; height:36px; line-height: 36px; position:relative; text-transform:uppercase; z-index:2801; }  
.bottomHeaderNav li { display: block; float:left; font-weight: bold; font-size:13px; height: 36px;}
.bottomHeaderNav li.nav_Recipes           { width:124px; }
.bottomHeaderNav li.nav_Cooking-Occasions { width:224px; }
.bottomHeaderNav li.nav_BakeOff           { width:208px; }
.bottomHeaderNav li.nav_Products          { width:140px; }
.bottomHeaderNav li.nav_Videos            { width:117px; }
.bottomHeaderNav li.nav_community         { width:150px; }
.bottomHeaderNav li a { display: block; border-left:solid 1px #ccc; text-align:center; }
.bottomHeaderNav li a:hover { text-decoration:none; }

/* Main Navigation Drop Down */
.bottomHeaderNav ul { background: #fff; border: 1px solid #e9e9e9; border-top: 1px solid #ccc; box-shadow:2px 2px 4px #ddd; -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; display:none; line-height:1; padding: 14px 15px; position: absolute; top: 36px; z-index: 9999999; }
.bottomHeaderNav li.nav_Recipes ul           { left:0px; }
.bottomHeaderNav li.nav_Cooking-Occasions ul { left:124px; }
.bottomHeaderNav li.nav_BakeOff ul           { left:348px; }
.bottomHeaderNav li.nav_Products ul          { left:556px; }
.bottomHeaderNav li.nav_Videos ul            { left:696px; }
.bottomHeaderNav li.nav_community ul         { right:0px; width:auto;}
.bottomHeaderNav li:hover ul { display:block; }
.bottomHeaderNav ul li { float: none; font-weight: normal; height: 20px; text-transform: none; font-size:15px; }
.bottomHeaderNav ul li a    {color: #005daa; padding: 5px; border:0; text-align:left;}
.bottomHeaderNav a.selectedPage    {color: #a6a6a6 !important; }
.bottomHeaderNav ul li a:hover  { text-decoration: none; }
    
 /* Top Nav Search */
.headerSearch   {float: left; margin-top: 12px; position: absolute;  left: 260px; top: 86px; z-index:50;}
.headerSearchInput  {float: left; height: 19px; margin: 0 3px 0 0; padding: 0 0 0 5px; width:250px;}


/* 2b. Footer */
/* -----------------------*/

.footer {text-align:left; font-size: 10px; width:970px; border-top:solid 1px #ccc; padding:10px 0; }
.footer_rule { margin:10px 0; height:0; font-size:0; line-height:0; border-bottom:solid 1px #ccc; }
.footer_top_left     { width:300px; }
.footer_top_center   { width:450px; }
.footer_top_right    { width:220px; }
.footer_bottom_left  { width:485px; }
.footer_bottom_right { width:485px; text-align:right;}
.footer h3 { color:#666; }
.footer li { margin-bottom:10px; }
.footer_top_center ul li { float:left; display:inline; width:150px; }


/* 2c. Toolbar */
/* -----------------------*/

.toolbar_container { position: fixed; bottom: 0; right: 0; width: 100%; z-index:9999; }
.toolbar_content { width:100%; background:#2f77b6; margin:0 0 0 auto; height: 30px; color:#fff; line-height:30px; top:30px; position:relative;}
                   
.toolbar_toggle { height:30px; width:30px; background:#2f77b6; position:relative; z-index:20; border-left:solid 1px #2464a6;}
.toolbar_toggle a { cursor:pointer; float:left; width:20px; height:20px; margin:5px;}
.toolbar_toggle a:hover { text-decoration:none; }
.toolbar_toggle a.minimized { }
.toolbar_toggle .minus { display:block; }
.toolbar_toggle .plus { display:none; }
.toolbar_toggle a.minimized .plus { display:block; }
.toolbar_toggle a.minimized .minus { display:none; }

.toolbar_intro { height:30px; width:100px; text-align:center; font-weight:bold; border-right:solid 1px #2464a6;}
.toolbar_share_text { height:30px; background:#2f77b6; position:relative; z-index:18; text-align:right;}
.toolbar_share { height:20px; width:100px; background:#2f77b6; position:relative; z-index:19; padding:5px 5px 5px 10px;}
.toolbar_share a { display:block; float:left; width:20px; height:20px; margin-right:5px; }

.toolbar_dashboard { height:30px; position:relative; z-index:10; }
.toolbar_dashboard .collapse { height:30px; width:2000px; overflow:hidden; background:#2f77b6; position:absolute; z-index:5; top:0px; left:0px;}
.toolbar_dashboard .collapse a { color:#f8f78d; }

/* Logged In View */
.toolbar_dashboard .collapse .greeting { width:125px; text-align:right; height:30px; color:#f8f78d;}
.toolbar_dashboard .collapse .avatar { width:30px; height:30px; }
.toolbar_dashboard .collapse .avatar img { width:20px; height:20px; padding:5px; }
.toolbar_dashboard .collapse .recipe_box { width:106px; border-left:solid 1px #2464a6; border-right:solid 1px #2464a6;}
.toolbar_dashboard .collapse .grocery_list { width:106px; border-right:solid 1px #2464a6;}
.toolbar_dashboard .collapse .recent_recipes { width:178px; border-right:solid 1px #2464a6;}
.toolbar_dashboard .collapse .log_out { width:90px; border-right:solid 1px #2464a6;}
.toolbar_dashboard .collapse .roll_up_link { cursor:pointer; float:left; text-align:center; width:100%;}
.toolbar_dashboard .collapse .roll_up_link:hover { text-decoration:none; background:#2464a6; }
.toolbar_dashboard .collapse .roll_up_link .plus { display:inline; }
.toolbar_dashboard .collapse .roll_up_link .minus { display:none; }
.toolbar_dashboard .collapse .roll_up_link.selected .plus { display:none; }
.toolbar_dashboard .collapse .roll_up_link.selected .minus { display:inline; }

.toolbar_dashboard .roll_up { height:30px; width:2000px; position:absolute; z-index:4; top:0px; left:0px; }
.toolbar_dashboard .roll_up a { }
.toolbar_dashboard .roll_up .roll_lists { position:relative; height:30px; width:750px;}
.toolbar_dashboard .roll_up .roll_list { position:absolute; top:0px; width:400px; background-color:#fafafa; border:solid 1px #d3d3d3;}
.toolbar_dashboard .roll_up .rbox { left:176px; }
.toolbar_dashboard .roll_up .glist { left:283px; }
.toolbar_dashboard .roll_up .recent { left:390px; }
.toolbar_dashboard .roll_up .roll_list_title { background-color:#eaeaea; font-size:16px; color:#935e3e; padding:5px 10px; }
.toolbar_dashboard .roll_up .roll_list_title a { color:#935e3e; }
.toolbar_dashboard .roll_up .roll_list li { padding:5px 10px; color:#888; border-bottom:solid 1px #d3d3d3;}
.toolbar_dashboard .roll_up .roll_list li.empty,
.toolbar_dashboard .roll_up .roll_list li.see_all { border:0; text-align:center;}
.toolbar_dashboard .tb_item_title { float:left; cursor:pointer; }
.toolbar_dashboard .tb_item_arrow { float:right; padding-top:5px; cursor:pointer; }

/* Anonymous View */
.toolbar_dashboard .sign_up { padding:0 20px; border-right:solid 1px #2464a6;}
.toolbar_dashboard .login { padding:0 20px; border-right:solid 1px #2464a6; }
.toolbar_dashboard .newsletter { padding-left: 20px; }
.toolbar_dashboard .newsletter a { cursor:pointer; }

.toolbar_dashboard .reg_call_out  {color:#434242; display:none; height:180px; left:45px; position:absolute; top:-170px; width:475px; z-index:9999; }
.rco_box { position:relative; height:180px; width:475px; }
.rco_bg { position:absolute; top:0px; left:0px; }
.rco_bg img  { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	zoom: 1;}
.toolbar_dashboard .reg_call_out .close_button { position:absolute; top:3px; right:8px; z-index:99999;}

.toolbar_dashboard .reg_call_out_ie6 { background: url(/images/toolbar/tb_callout_bg.gif) no-repeat; }
.toolbar_dashboard .reg_call_out_ie6 .rco_bg { display:none; }
.toolbar_dashboard .reg_call_out .rco_content { position:absolute; top:15px; left:15px; font-size:13px; line-height:13px; width:240px;}
.toolbar_dashboard .reg_call_out .rco_title { color:#005daa; font-weight:bold;}
.toolbar_dashboard .reg_call_out .rco_copy { line-height:16px; }
.toolbar_dashboard .reg_call_out .rco_links {}
.toolbar_dashboard .reg_call_out .rco_links div { color:#935e3e; display:block; margin-bottom:3px; font-weight:bold;}


/* 3. Global-Use Classes */
/* -----------------------*/

/*** Text ***/

.textBrown { color:#935e3e; }
.textGold { color:#cb9030; }
.textDarkGray { color:#434242; }
.textMedGray { color:#7f7f7f; }
.textSepGray { color:#d3d3d3; }
.textBlue { color:#124BB8; }
.textOrange { color:#c65c19; }
.textLeft { text-align: left;}
.textRight { text-align: right;}
.textCenter { text-align: center;}
.textxSmall { font-size: x-small;}
.textTen { font-size:10px; }
.textEleven { font-size:11px; }
.textFourteen { font-size:14px; }
.textSixteen { font-size:16px; }
.bold   {font-weight: bold;}
.italic  { font-style: italic;}
.upperCase { text-transform: uppercase; }
.smallCaps { font-variant:small-caps; }
.avenirFont { font-family:Avenir,Myriad,Verdana,Arial,Helvetica,sans-serif;}
sup{font-size:0.7em; vertical-align: baseline; margin:-5px 0 5px; _vertical-align: bottom; position: relative; bottom: 1ex; }
h1 sup{margin-left:1px; font-size:15px;}
.extraLineHeight { line-height: 1.5em !important;}


/**** Images ****/

.image_content_wide { height:157px; overflow:hidden; width:280px; }
.image_content_wide img { max-width:280px; expression(this.width > 280 ? 280: true); }
.image_content { height:129px; overflow:hidden; width:230px;}
.image_content img { max-width:230px; expression(this.width > 230 ? 230: true)}
.image_thumb, .scroll_item .scroll_image { height:76px; overflow:hidden; width:135px; }
.image_thumb img, .scroll_item .scroll_image img { max-width:135px; width:135px; expression(this.width > 135 ? 135: true) }
.image_avatar { height:50px; width:50px; }
.image_avatar img { height:50px; width:50px; }

/**** Floods & Borders ****/

.bg_flood_w { background-color:#fff; } /* White (Override) */
.bg_flood_y { background-color:#f9f3d8; } /* Yellow */
.bg_flood_gy { background-color:#f4f4ec; } /* Gray Yellow */
.bg_flood_m { background-color:#f8f3ec; } /* G/Y Mix */
.bg_flood_db { background-color:#004b98; } /* Dark Blue */

.flood_bord_o { border:solid 1px #f3e8b7; }
.flood_bord_y { border-left:solid 5px #f9f3d8; border-right:solid 5px #f9f3d8;}
.flood_border_g {border-right: solid 1px #ccc;}
.flood_border_w { border-bottom: solid 1px #fff; }
.flood_border_bottom {border-bottom: 2px solid #D3D3D3;}

.three_middle .module .bg_flood_y, .two_left .module .bg_flood_y { padding-top:20px; padding-bottom:20px; }
.three_right .module .bg_flood_y, .two_right .module .bg_flood_y { padding-top:15px; padding-bottom:15px; }
.three_right .module .bg_flood_db, .two_right .module .bg_flood_db { padding-top:15px; padding-bottom:15px;  }

.noBG { background: none !important; }
.noBorder { border: none !important; }


/****** Display & Positioning *******/

.show   {display: block;}
.hide   {display: none;}
.zero_opacity { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.relative {position:relative;}
.inline {display: inline;}
.inlineBlock {display: inline-block;}
.block  {display:block;}

.fullHeight { height:100%;}
.nullHeight { height:0; font-size:0; line-height:0; overflow:hidden;}
.fullWidth {width: 100%;}
.halfWidth {width: 49.6%;}
.oneHundredHigh {Height: 100px;}
.twoHundredMinHigh {min-Height: 250px;}

.fiftyWidth  { width: 50px; }
.hundredWidth { width: 100px; }
.oneHundredTwentyWidth { width: 120px; }
.oneHundredFiftyWidth { width: 150px; }
.twoHundredWidth { width: 200px; }
.twoHundredFourtyWidth { width: 240px; }
.twoHundredFourtyFiveWidth { width: 245px; }
.twoFiftyWidth { width: 250px; }
.twoEightyWidth { width: 280px; }
.threeHundredWidth { width: 300px; }
.threeHundredFiftyWidth { width: 350px; }
.threeHundredEightyWidth { width: 380px; }
.fourHundredWidth { width: 400px; }
.fourHundredFiftyWidth { width: 450px; }
.fiveHundredWidth { width: 500px; }

.center  {margin:0 auto; text-align: center;}
.left { display: inline; float:left; }
.leftMargined { display: inline; float:left; margin-right: 10px;}
.right  { display: inline; float:right; }
.rightMargined  { display: inline; float:right; margin-left: 10px; }

ul.errorPage { list-style: disc inside none;}
.pointer{ cursor:pointer;}

/****** Spacing *******/

.spacerTen { padding: 10px; }
.spacerTwenty { padding: 20px; }
.topSpacerFive { padding-top:5px; }
.topSpacerSeven { padding-top:7px; }
.topSpacerTen { padding-top:10px; }
.topSpacerSeventeen { padding-top:17px; }
.topSpacerTwenty { padding-top:20px; }
.rightSpacerFive { padding-right:5px; }
.rightSpacerTen { padding-right:10px; }
.rightSpacerThirty { padding-right:30px; }
.bottomSpacerFive { padding-bottom:5px; }
.bottomSpacerTen { padding-bottom:10px; }
.leftSpacerFive { padding-left:5px; }
.leftSpacerTen { padding-left:10px; }
.leftSpacerThirty { padding-left: 30px; }
.leftSpacerHundred { padding-left: 100px; }
.topMarginFive{margin-top:5px;}
.topMarginFifty{margin-top:50px;}
.topMarginTen{margin-top:10px;}
.rightMarginFive{margin-right:5px;}
.rightMarginTen{margin-right:10px;}
.bottomMarginFive{ margin-bottom:5px;}
.bottomMarginTen{ margin-bottom:10px;}
.bottomMarginFifteen { margin-bottom: 15px; }
.leftMarginTen{margin-left:10px;}

.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }


/****** Clear *******/

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear  {clear:both;}
.noclear  {clear:none !important;}
.full_clear { clear:both; display: block; height:0; font-size:0; line-height:0; overflow:hidden; }


/********** Effects ***********/

.shadow {-moz-box-shadow: 0 0 7px #999; -webkit-box-shadow: 0 0 7px #999; box-shadow: 0 0 7px #999;}
.borderRadius7    {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.borderRadius3    {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.borderRadiusTop7 {border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0;}

.valign { display:table; position:relative; overflow:hidden; height:inherit;}
.valign_item_out { display:table-cell; vertical-align:middle; *position:absolute; top:50%; }
.valign_item_in { display:table-cell; vertical-align:middle; *position:relative; top:-50%; }


/****** Buttons *******/

.sd_btn { text-align:center; }
.sd_btn a  { background: transparent url('/images/buttons/sd_btn_right.gif') no-repeat scroll top right; color:#fff; cursor:pointer; display: inline-block; font-size:12px; font-weight:bold; height: 30px; padding-right: 3px; text-align:center;}
.sd_btn span { background: transparent url('/images/buttons/sd_btn_left.gif') no-repeat; display: inline-block; line-height: 30px; padding:0 17px 0 20px; text-align:center;} 
.sd_btn_full{max-width:397px;}
.sd_btn_full a  {background: transparent url('/images/buttons/sd_btn_right.gif') no-repeat scroll top right;  color:#fff; cursor:pointer; display: block; float: left; font-size:12px;
    font-weight:bold; height: 30px; width:100%; }
.sd_btn_full span  { background: transparent url('/images/buttons/sd_btn_left.gif') no-repeat;  display: block; line-height: 30px; margin-right:3px; text-align:center;} 
.sd_btn a:hover, .sd_btn_full a:hover { text-decoration:none; }
.rolloverLink:hover {text-decoration: underline;}

/********** Forms **************/

.required {font-size: 0.90em; font-style: italic; color: red; margin-left: 10px;}
.requiredNoItalic {font-size: 0.90em;  color: red; margin-left: 10px;}
.errorMessage {font-style: italic; color: #760000; margin-left: 10px;}
.errorHighlight{color:#760000;}

.hintText { color:#a6a6a6; }
.hintTextOver { color:#434242; }

/********** Activity module ********/
.activity .activityIcon{float:left; width:75px; padding-top:10px; text-align:center;}
.activity .activityPost{float:left; width:375px;}
.activity .activityPost .category{margin-bottom:5px;}
.activity .activityPost .date{margin-bottom:8px; font-style:italic;}
.activity .bg_flood_y{padding:10px; text-align:right;}

/********** jQuery classes *******/
.hintText{} /*used to switch out generic text with authors text */
.repeaterColumnFix2{} /*used to reset the li in a repeater for a 2 coulmn format */
.browseRecipeItems{} /* Holds the items that are being shown on the find recipe module  */

/*********** Modal *****************/
.modalMask{background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
.modal{display: none; position: fixed; _position: absolute; left: 50%; overflow: visible; background-color: #ffffff; border: 2px solid #E4E4E4; margin: 10px auto; padding: 10px;}
.modal p.subheader{font-weight: bold; margin-top: 5px; color:#935e3e;}
.modal .buttons{text-align:center; margin:10px auto 0 auto;}
.modal a.close-x{position:absolute; top:0; right:2px; font-weight:bold;}
.modal a.close-x:hover{text-decoration:none;}


/*************** minimum height ****************/
.minheight_onefivezero {min-height: 150px;}


/********** Sprites ***********/

.sprite { background: url(/Images/global/sprite_grid.gif); }
.sprite_trans { background: url(/Images/global/sprite_grid.png); }

.sprt_fb_tb { background-position:0px 0px; width:20px; height:20px;} /* Toolbar Facebook Icon */
.sprt_tw_tb { background-position:-20px 0px; width:20px; height:20px;} /* Toolbar Twitter Icon */
.sprt_yt_tb { background-position:-40px 0px; width:20px; height:20px;} /* Toolbar YouTube Icon */
.sprt_fl_tb { background-position:-60px 0px; width:20px; height:20px;} /* Toolbar Flicker Icon */
.sprt_fb { background-position:-80px 0px; width:20px; height:20px;} /* Facebook Icon */
.sprt_tw { background-position:-100px 0px; width:20px; height:20px;} /* Twitter Icon */
.sprt_yt { background-position:-120px 0px; width:20px; height:20px;} /* YouTube Icon */
.sprt_fl { background-position:-140px 0px; width:20px; height:20px;} /* Flicker Icon */
.sprt_email { background-position:-160px 0px; width:20px; height:20px;} /* Email Icon */
.sprt_digg { background-position:-180px 0px; width:20px; height:20px;} /* Digg Icon */
.sprt_reddit { background-position:-200px 0px; width:20px; height:20px;} /* Reddit Icon */
.sprt_tb_close { background-position:-220px 0px; width:20px; height:20px;} /* Toolbar Close Icon */
.sprt_tb_open { background-position:-240px 0px; width:20px; height:20px;} /* Toolbar Open Icon */
.sprt_stumble { background-position:-260px 0px; width:20px; height:20px;} /* StumbleUpon Icon */
.sprt_delicious { background-position:-280px 0px; width:20px; height:20px;} /* Delicious Icon */

.sprt_vid_close { background-position:0px -20px; width:25px; height:25px;} /* Video Close Icon */
.sprt_print { background-position:-25px -20px; width:20px; height:20px;} /* Print Icon */
.sprt_email_bg { background-position:-45px -20px; width:20px; height:20px;} /* Email w/bg Icon */

.sprt_arrow_blue_l { background-position:-65px -20px; width:10px; height:20px;} /* Blue Scroller Arrow - Left */
.sprt_arrow_blue_r { background-position:-115px -20px; width:10px; height:20px;} /* Blue Scroller Arrow - Right */
.sprt_arrow_gray_l { background-position:-75px -20px; width:10px; height:20px;} /* Gray Scroller Arrow - Left */
.sprt_arrow_gray_r { background-position:-105px -20px; width:10px; height:20px;} /* Gray Scroller Arrow - Right */
.sprt_arrow_white_l { background-position:-85px -20px; width:10px; height:20px;} /* White Scroller Arrow - Left */
.sprt_arrow_white_r { background-position:-95px -20px; width:10px; height:20px;} /* White Scroller Arrow - Right */


.rboprogressbar1 { background: url(/~/media/PB/Images/bakeoff/rbo/rbo_progress_bar.jpg); height: 41px; width: 717px; background-position:0px 0px;}
.rboprogressbar2 { background: url(/~/media/PB/Images/bakeoff/rbo/rbo_progress_bar.jpg); height: 41px; width: 717px; background-position:0px 120px;}
.rboprogressbar3 { background: url(/~/media/PB/Images/bakeoff/rbo/rbo_progress_bar.jpg); height: 41px; width: 717px; background-position:0px 81px;}
.rboprogressbar4 { background: url(/~/media/PB/Images/bakeoff/rbo/rbo_progress_bar.jpg); height: 41px; width: 717px; background-position:0px 42px;}
.rbButton1 {width: 175px; height: 38px; position: absolute; top: 2px; left: 0px;}
.rbButton2 {width: 180px; height: 38px; position: absolute; top: 2px; left: 175px;}
.rbButton3 {width: 177px; height: 38px; position: absolute; top: 2px; left: 356px;}
.rbButton4 {width: 175px; height: 38px; position: absolute; top: 2px; left: 535px; }
