/* 
   -----------------------------------------------------------------------------------
   This stylesheet contains all of the modules on the site. Nothing else belongs here.
   -----------------------------------------------------------------------------------
*/

/* Stacked Module ********************************************************************************** */

    /* Outer Container */
    .stacked {width:auto;margin:0 0 15px;text-align:left}
    .stacked h3 {display:inline;}
    .stacked .icon {margin-right:2px}
    .stacked .header {width:auto;padding:8px 5px 7px}
    .stacked .outer {width:auto;border:#eee solid 1px;border-width:1px 1px 0;background:#fff url('/sbd/images/modules/stacked_top_bg.gif') 0 0 repeat-x;}
    .stacked .outeralt {width:auto;border:#eee solid 1px;border-width:1px 1px 0;background:#fff url('/sbd/images/modules/stacked_top_bg_leftnav.gif') 0 0 repeat-x;}
	#BeachBuddiesSeeMore .stacked .header {width:auto;padding:16px 5px 7px}
    
    /* Caps */
    .stacked .bottom {width:auto;height:7px;overflow:hidden;margin:-2px 0 0;background:url('/sbd/images/modules/stacked_bottom_left.gif') top left no-repeat;}
    .stacked .bottom div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_bottom_right.gif') top right no-repeat;}
    /* Narrow Caps */
    .stacked .bottomnarrow {width:auto;height:7px;overflow:hidden;margin:-2px 0 0;background:url('/sbd/images/modules/stacked_bottom_left_narrow.gif') top left no-repeat;}
    .stacked .bottomnarrow div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_bottom_right_narrow.gif') top right no-repeat;}
    /* Long Caps */
    .stacked .bottomlong {width:auto;height:7px;overflow:hidden;margin:-2px 0 0;background:url('/sbd/images/modules/stacked_bottom_left_long.gif') top left no-repeat;}
    .stacked .bottomlong div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_bottom_right_long.gif') top right no-repeat;}
    
    /* Inner Module */
    .stacked .inside {width:auto;margin:0 4px;}
    .stacked .inside .background {background:url('/sbd/images/modules/stacked_inside_bg_short.gif') bottom left repeat-x;}
    .stacked .inside .backgroundalt {background:url('/sbd/images/modules/stacked_inside_bg_alt.gif') bottom left repeat-x;}
    .stacked .inside .backgroundsidebar {background:url('/sbd/images/modules/stacked_inside_bg_sidebar.gif') bottom left repeat-x;}
    .stacked .inside .inner {width:auto;border:#eee solid 1px;border-width:0 1px;padding:0 5px;}
    /* Caps */
    .stacked .inside .innertop {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_inside_top_left.gif') top left no-repeat;}
    .stacked .inside .innertop div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_inside_top_right.gif') top right no-repeat;}
    .stacked .inside .innerbottom {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_inside_bottom_left.gif') top left no-repeat;}
    .stacked .inside .innerbottom div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/stacked_inside_bottom_right.gif') top right no-repeat;}

    /* Reset Outer */
    /* Allows the outer container to be stacked within itself without breaking.
       This is so you can stack multiple modules within each other regardless of whether or not they are already using this full module code. */
    .stacked .stacked {margin:0 !important}
    .stacked .stacked .outer {border:none !important;background:none !important}
    .stacked .stacked .bottom {display:none !important}
    .stacked .stacked .bottom div {display:none !important}
    
    /* Template Overrides (for the stacked module) **************** */

    /* Three Column Narrow (Adjusts for Narrow Quick Nav) */
    #ThreeColumnNarrow #Col2 .stacked .inside .background {background:url('/sbd/images/modules/stacked_inside_bg_long.gif') bottom left repeat-x;} /* Background */
    #ThreeColumnNarrow #Col2 .stacked h3 {font:bold 15px arial} /* Headline */
    #ThreeColumnNarrow #Col2 .stacked .bottom {background:url('/sbd/images/modules/stacked_bottom_left_narrow.gif') top left no-repeat;} /* Bottom Cap Left */
    #ThreeColumnNarrow #Col2 .stacked .bottom div {background:url('/sbd/images/modules/stacked_bottom_right_narrow.gif') top right no-repeat;}  /* Bottom Cap Right */
    
    

/* Masked Module *********************************************************************************** */
/* This module uses reversed white corners, so it can act as a mask for any background image. */

    /* Without Border */
    .masked {width:auto;margin:0 0 15px;text-align:left}
    .masked .background {/* Will be set on a page by page basis, if needed, using cascading styles. */}
    .masked .inner {width:auto;padding:3px 10px;}
    .masked .top {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/masked_top_left.gif') top left no-repeat;}
    .masked .top div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/masked_top_right.gif') top right no-repeat;}
    .masked .bottom {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/masked_bottom_left.gif') top left no-repeat;}
    .masked .bottom div {width:auto;height:7px;overflow:hidden;background:url('/sbd/images/modules/masked_bottom_right.gif') top right no-repeat;}

/* Tabbed Navigation ******************************************************************************* */

	/* Outer Container */
	.TabTop {margin:0 0 15px;} /* Displays only the tab tops. */
	.TabContainer {margin:0 0 15px;} /* Displays the tab tops and bottom container. */
	#Homepage .TabContainer {margin:0 0 15px; width:323px;} /* Displays the tab tops and bottom container. */
	
	/* Set Defaults (Blank out inherited list styles, set margins, etc.) */
	.TabNav {width:auto;height:19px;overflow:hidden;background:#fff url(/sbd/images/modules/tabbed_top.gif) bottom left repeat-x;font:bold 12px arial;color:#00AEC6;}
	.TabNav ul, .TabNav li {list-style-image:none;background:none;list-style-type:none;padding:0;margin:0}
	.TabNav li {float:left;padding:0;margin:0 5px 0 0;}
	.TabNav li a, .TabNav li a:visited, .TabNav li a:hover, .TabNav span {display:block;text-decoration:none;color:#00AEC6}

	/* Sets "Off" State */
	.TabNav li a, .TabNav li a:visited {/* Left Cap */background:url(/sbd/images/modules/tabbed_off_left.gif) top left no-repeat;}
    .TabNav li span {/* Right Cap */background:url(/sbd/images/modules/tabbed_off_right.gif) top right no-repeat;padding:2px 8px 2px 10px;}
	
    /* Sets "Hover" State */
	.TabNav li a:hover {/* Left Cap */background:url(/sbd/images/modules/tabbed_hover_left.gif) top left no-repeat;}
	.TabNav li a:hover span {/* Right Cap */background:url(/sbd/images/modules/tabbed_hover_right.gif) top right no-repeat;}	    
	
	/* Sets "On" State */
	/* Using <li> tag: */
	.TabNav li.selected a, .TabNav li.selected a:visited, .TabNav li.selected a:hover {/* Left Cap */background:url(/sbd/images/modules/tabbed_on_left.gif) top left no-repeat;}
    .TabNav li.selected span, .TabNav li.selected a:visited span, .TabNav li.selected a:hover span {/* Right Cap */background:url(/sbd/images/modules/tabbed_on_right.gif) top right no-repeat;}
    /* Using <a> tag: */
	.TabNav a.selected, .TabNav a:visited.selected, .TabNav a:hover.selected {/* Left Cap */background:url(/sbd/images/modules/tabbed_on_left.gif) top left no-repeat;}
    .TabNav .selected span, .TabNav a:visited.selected span, .TabNav a:hover.selected span {/* Right Cap */background:url(/sbd/images/modules/tabbed_on_right.gif) top right no-repeat;}
    
    /* Indent (For TabTop Only) */
	.TabTop .TabNav ul {padding-left:10px}

    /* Container (Sets difference between TabTop & TabContainer) */
    .TabTop .TabContent {width:auto;padding:10px 10px 0;}
    .TabContainer .TabContent {width:auto;border:#E8E8E8 solid 1px;border-width:0 1px 1px;padding:10px;background:#FAFAF5}
    
    
/* Tabbed Navigation (Green) ******************************************************************************* */
		/* Outer Container */
	.GreenTabTop {margin:0 0 15px;} /* Displays only the tab tops. */
	.GreenTabContainer {margin:0 0 1px;} /* Displays the tab tops and bottom container. */
	#Homepage .GreenTabContainer {margin:0 0 15px; width:320px;} /* Displays the tab tops and bottom container. */
	
	/* Set Defaults (Blank out inherited list styles, set margins, etc.) */
	.GreenTabNav {width:auto;height:19px;overflow:hidden;background:#fff url(/sbd/images/modules/tabbed_top.gif) bottom left repeat-x;font:bold 12px arial;color:#00AEC6;}
	.GreenTabNav ul, .TabNav li {list-style-image:none;background:none;list-style-type:none;padding:0 8px 0 0;margin:0}
	.GreenTabNav li {float:left;padding:0;margin:0 5px 0 0;}
	.GreenTabNav li a, .GreenTabNav li a:visited, .GreenTabNav li a:hover, .GreenTabNav span {display:block;text-decoration:none;color:#00AEC6}

	/* Sets "Off" State */
	.GreenTabNav li a, .GreenTabNav li a:visited {/* Left Cap */background:url(/sbd/images/modules/tabbed_off_left_green.gif) top left no-repeat;}
    .GreenTabNav li span {/* Right Cap */background:url(/sbd/images/modules/tabbed_off_right_green.gif) top right no-repeat;padding:2px 6px 2px 8px;}
	
    /* Sets "Hover" State */
	.GreenTabNav li a:hover {/* Left Cap */background:url(/sbd/images/modules/tabbed_hover_left.gif) top left no-repeat;}
	.GreenTabNav li a:hover span {/* Right Cap */background:url(/sbd/images/modules/tabbed_hover_right.gif) top right no-repeat;}	    
	
	/* Sets "On" State */
	/* Using <li> tag: */
	.GreenTabNav li.selected a, .GreenTabNav li.selected a:visited, .GreenTabNav li.selected a:hover {/* Left Cap */background:url(/sbd/images/modules/tabbed_on_left_green.gif) top left no-repeat;}
    .GreenTabNav li.selected span, .GreenTabNav li.selected a:visited span, .GreenTabNav li.selected a:hover span {/* Right Cap */background:url(/sbd/images/modules/tabbed_on_right_green.gif) top right no-repeat;}
    /* Using <a> tag: */
	.GreenTabNav a.selected, .GreenTabNav a:visited.selected, .GreenTabNav a:hover.selected {/* Left Cap */background:url(/sbd/images/modules/tabbed_on_left_green.gif) top left no-repeat;}
    .GreenTabNav .selected span, .GreenTabNav a:visited.selected span, .GreenTabNav a:hover.selected span {/* Right Cap */background:url(/sbd/images/modules/tabbed_on_right_green.gif) top right no-repeat;}
    
    /* Indent (For TabTop Only) */
	.GreenTabTop .GreenTabNav ul {padding-left:10px}

    /* Container (Sets difference between TabTop & TabContainer) */
    .GreenTabTop .GreenTabContent {width:auto;padding:10px 10px 0;}
    .GreenTabContainer .GreenTabContent {width:auto;border-left:#E8E8E8 solid 1px;border-top:#ECF7F9 solid 1px;border-right:#E8E8E8 solid 1px;border-bottom:#E8E8E8 solid 1px;border-width:0 1px 1px;padding:10px 0 10px 4px;background:#FFFFFF url('/sbd/images/modules/tabbed_on_content_bg.gif') repeat-x top;}

/* Pop-up Alert ************************************************************************************ */
    .popupalert {position:fixed;top:150px;left:50%;margin-left:-151px;z-index:2000;width:302px;background:#fff;font:normal 13px arial;}
    .popupalert {/* ie 6 only */_position:absolute !important;_top:0 !important;_left:0 !important;_margin:0 !important;} /* for ie 6, since it doesn't support fixed */
    .popupalert .header {width:auto;padding:5px;border-width:0 0 1px !important;}
    .popupalert .header h3 {padding:0;margin:0;}
    .popupalert .inner {width:auto;padding:10px;background:#fff;}
    .popupalert ul {padding:10px 0;}
    .popupalert .textbox, .popupalert .phasetextbox {width:280px;margin:0 0 10px;}
    .popupalert .description {padding:0 0 10px;}
    .popupalert .instruct {font:normal 11px arial;color:#444;padding:0 0 2px}
    
    
/* Generic Modules ********************************************************************************* */

    .softblue {width:auto;margin:0 0 10px;}
    .softblue .top {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_top_left.gif) top left no-repeat;}
    .softblue .top div {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_top_right.gif) top right no-repeat;}
    .softblue .outer {width:auto;background:#fff url(/sbd/images/modules/soft_bg.gif) 0 0 repeat-x;border:#F2F9F8 solid 1px;border-width:0 1px;}
    .softblue .inner {width:auto;padding:3px 10px;}
    .softblue .bottom {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_bottom_left.gif) top left no-repeat;}
    .softblue .bottom div {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_bottom_right.gif) top right no-repeat;}
    
    .bigsoftblue {width:auto;margin:0 0 10px;}
    .bigsoftblue .top {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/big_soft_top_left.gif) top left no-repeat;}
    .bigsoftblue .top div {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_top_right.gif) top right no-repeat;}
    .bigsoftblue .outer {width:auto;background:#fff url(/sbd/images/modules/soft_bg.gif) 0 0 repeat-x;border:#F2F9F8 solid 1px;border-width:0 1px;}
    .bigsoftblue .inner {width:auto;padding:3px 10px;}
    .bigsoftblue .bottom {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/big_soft_bottom_left.gif) top left no-repeat;}
    .bigsoftblue .bottom div {width:auto;height:7px;overflow:hidden;background:url(/sbd/images/modules/soft_bottom_right.gif) top right no-repeat;}
    
    
    #dishArticle .dishContent {width:440;  background:#fff url(/sbd/images/modules/bg_dish_article.gif) 0 0 no-repeat;}
    #archive .archiveContent {width:440;  background:#fff url(/sbd/images/modules/bg_dish_article.gif) 0 0 no-repeat;}
    #archive a {color:Black;}
    
    .stacked td.firstcolumn {width:180px;padding-left:20px;}
    .stacked td.nextcolumn {width:180px;padding-left:20px;}
    .stacked td.firstcolumn3 {width:140px}
    .stacked td.nextcolumn3 {width:150px;padding-left:5px;}
    .nobullet, .nobullet ul, .nobullet li {list-style-image:none ;background-image:none;}
    
    /* Pagination Controls */
    .pager {margin:0 0 4px;padding:5px 12px;width:auto;height:20px;}
    .pager .displaying {float:left; width: 200px;text-align: left; font-size:14px !important;}
    .pager .pagenum {width: 265px;text-align: center;}
    .pager .prevnext {width:180px;float: right;}
    .pager .pagenum, .pager .prevnext, .pager a, .pager a:visited, .pager a:hover {font:bold 12px arial; color:#B11540;}
    .pager a {left: 0;top: 0;}
    
     /* Beach Buddies */
     
	 a:link.BeachPhase1On, a:visited.BeachPhase1On {color:#F58466 !important; font-weight:bold !important;font-size:14px !important;}
     a:link.BeachPhase1Off, a:visited.BeachPhase1Off {color:#F58466 !important;font-size:14px !important;font-weight:normal !important;}
     a:link.BeachPhase2On, a:visited.BeachPhase2On {color:#BAD235 !important; font-weight:bold;font-size:14px !important;}
     a:link.BeachPhase2Off, a:visited.BeachPhase2Off {color:#BAD235 !important;font-size:14px !important; font-weight:normal !important;}
     a:link.BeachPhase3On, a:visited.BeachPhase3On {color:#00AEC6 !important; font-weight:bold !important;font-size:14px !important;}
     a:link.BeachPhase3Off, a:visited.BeachPhase3Off {color:#00AEC6 !important; font-size:14px !important;font-weight:normal !important;}
     
     /* Glucose Tracker */
     .border2teal {width:auto;margin-bottom:15px;background-color:#E4EDEC;border:#94B6B5 solid 1px;border-width:1px 0px}
     .modpad {margin-bottom:15px}
	div#tool img {margin:0 10px 10px 0;}
	div#tool {color:#000000;font-family:arial;font-size:13px;margin-bottom:8px;padding-bottom:0;position:relative;top:-4px;}
	div#tool h1 {font-size:26px;font-weight:normal;line-height:30px;margin-bottom:-4px;padding:0;position:relative;top:0;}
	#mySBDGlucoseTracker .border4fade {background:#FDF5D4 url(/images/modules/border4fade_bg.gif) repeat-x scroll left top;border:1px solid #C6A327;margin-bottom:15px;padding:8px 10px;width:auto;}
	#mySBDGlucoseTracker .hr {background-color:#ECE0B7;height:1px;margin:0;overflow:hidden;width:auto;}
	#mySBDGlucoseTracker input.textbox,#mySBDGlucoseTracker select.textbox,#mySBDGlucoseTracker input.textbox{border:1px solid #A5ACB2;margin-top:4px;padding-left:4px;}