/*==================================================================
Club One Habit Changer

global.css - Global styles

	Authors:
		Christopher Berry (chris@odopod.com)

	Last Updated:
		06/02/09
		
==================================================================*/

body {
	width:				100%;
	font-family:		Helvetica, Arial, Sans-Serif;
	font-size:			62.5%;
    color:              #666666;
	text-align:			center;
	background:			#9AC7E3 url("../images/bg_main_repeating.gif") repeat-x left top;
}

/*------------------------------------------------------------------
	#content - Wraps and centers the page
------------------------------------------------------------------*/
body #content {
	width:				968px;
	margin:				0 auto;
	text-align:			left;
}

body #content p {
    margin-bottom:      1em;
    font-size:          1.3em;
    line-height:        1.4em;
}

body #content h1 {
    font-weight:        bold;
    font-size:          1.5em;
    color:              #1c1c1c;
    margin-bottom:      1em;
}
body #content p a {
	color:				#CC1B57;
	text-decoration:	none;
}
body #content p a:hover {
	text-decoration:	underline;
}
body #content address {
	margin-bottom:		1em;
	font-size:			1.3em;
	line-height:		1.385em;
}

/*----------------------------------------------------------------
	#header - Wraps and centers content
------------------------------------------------------------------*/
body #header {
	position:			relative;
	width:				702px;
	padding:			20px 0;
	text-align:			left;
}
body #header h1 a {
	display:			block;
	margin:				0 0 0 12px;
	width:				240px;
	height:				18px;
	line-height:		18px;
	text-indent:		-9999px;
	background:			transparent url("../images/logo_habit_changer.gif") no-repeat left top;
}
body #header a.button {
	position:			absolute;
	right:				6px;
	top:				18px;
	display:			inline-block;
	height:				27px;
	padding:			0;
	font-size:			1.3em;
	line-height:		1em;
	text-decoration:	none;
	color:				#FFF;
	background:			transparent url("../images/button_dark_blue_right.gif") no-repeat right top;
	/** Magpie Update Begin **/
	cursor:             pointer;
	/** Magpie Update End **/
}
body #header a.button span {
	display:			inline-block;
	height:				17px;
	padding:			6px 20px 4px 20px;
	background:			transparent url("../images/button_dark_blue_left.gif") no-repeat left top;
}
body #header a.button:hover{
	background-position:right -27px;
}
body #header a.button:hover span {
	background-position:left -27px;
}
body #header a.button:active{
	background-position:right -54px;
}
body #header a.button:active span {
	background-position:left -54px;
}
body #header div.welcome {
	position:			absolute;
	right:				6px;
	top:				14px;
	height:				35px;
	padding:			0;
	background-color:	#37729A;
	-moz-border-radius:	8px;
	-webkit-border-radius:8px;
}
body #header div.welcome p {
	float:				left;
	display:			block;
	padding:			9px 18px 10px 20px;
	font-size:			13px;
	color:				#FFF;
}
body #header div.welcome a.button {
	float:				right;
	position:			static;
	margin:				4px 4px 0 0;
	background-image:	url("../images/button_welcome_dark_blue_right.gif");
}
body #header div.welcome a.button span {
	background-image:	url("../images/button_welcome_dark_blue_left.gif");
}

a.grey_button {
	display:			inline-block;
	height:				25px;
	padding:			0;
	font-size:			1.3em;
	text-decoration:	none;
	/** Begin Magpie Update **/
	margin-bottom:				1px;
	/** end Magpie Update **/
	color:              #1c1c1c !important;
	background:			transparent url("../images/light_grey_button_on_blue.gif") no-repeat right top;
}
a.grey_button span {
	display:			inline-block;
	height:				15px;
    color:              #000000;
    border:             none;
	padding:			5px 20px 5px 20px;
	background:			transparent url("../images/light_grey_button_on_blue_left.gif") no-repeat left top;
	/** Magpie update Begin **/
	cursor: pointer;
	/** Magpie update End **/
}
a.grey_button:hover {
	background-position:right -25px;
	text-decoration:none !important;
}
a.grey_button:hover span {
	background-position:left -25px;
}
a.grey_button:active {
	background-position:right -50px;
}
a.grey_button:active span {
	background-position:left -50px;
}
a.on_white,
form a.grey_button {
	background-image:	url("../images/light_grey_button_on_white.gif");
}
a.on_white span,
form a.grey_button span {
	background-image:	url("../images/light_grey_button_on_white_left.gif");
}
a.cancel_button {
	background-image:	url("../images/light_grey_button_cancel.gif");	
}
a.cancel_button span {
	color:				#FFF;
	background-image:	url("../images/light_grey_button_cancel_left.gif");	
}

.red_button {
	display:			inline-block;
	height:				37px;
	padding:			0;
	font-size:			1.8em !important;
	text-decoration:	none;
	color:              #1c1c1c !important;
	background:			transparent url("../images/red_button_right.gif") no-repeat right top;
    cursor:             pointer;
}

.red_button input.submit {
	display:			inline-block;
	height:				37px;
    color:              #fff;
    border:             none;
	padding:			5px 20px 5px 20px;
	background:			transparent url("../images/red_button_left.gif") no-repeat left top;
    cursor:             pointer;
    font-size:          18px;
    font-weight:        normal;
    font-family:        helvetica, arial;
}

.red_button:hover {
    background-position:right -37px;
}

.red_button:hover input.submit {
    background-position:left -37px;
}

.red_button:active {
    background-position:right -74px;
}

.red_button:active input.submit {
    background-position:left -74px;
}


/*------------------------------------------------------------------
	#main_content - Larger column that contains most of the content
------------------------------------------------------------------*/
body #main_content {
	position:			relative;
	float:				left;
	display:			block;
	width:				702px;
	padding:			6px 0 34px 6px;
	text-align:			left;
	background:			transparent url("../images/bg_content_bottom.png") repeat-y left bottom;
}
body #main_content div.top {
	position:			absolute;
	left:				0;
	top:				0;
	z-index:			99;
	width:				702px;
	height:				18px;
	background:			transparent url("../images/bg_content_top.png") no-repeat left top;
}
body #main_content div.bottom {
	position:			absolute;
	left:				0;
	bottom:				-14px;
	width:				702px;
	height:				14px;
	background:			transparent url("../images/bg_content_bottom.png") no-repeat left bottom;
}

/*------------------------------------------------------------------
	#main_nav - Smaller column that contains our main navigation elements
------------------------------------------------------------------*/
body #main_nav {
	float:				right;
	display:			block;
	margin:				37px 0 0 0;
	width:				250px;
}
body #main_nav h4 {
	padding:			63px 0 0 15px;
	font-size:			16px;
	line-height:		1.2em;
	color:				#FFF;
}
body #main_nav ul li a {
	position:relative;
	display:			inline-block;
	width:				235px;
	margin:				0 0 1px 0;
	padding:			9px 0 9px 15px;
	font-size:			16px;
	line-height:		1em;
	color:				#AAD9F5;
	text-decoration:	none;
	-moz-border-radius:	17px;
	-webkit-border-radius:17px;
}

body #main_nav ul li.changeletAvailableLink a {
    position:           relative;
    display:            inline-block;
    width:              235px;
    margin:             0 0 10px 0;
    padding:            9px 0 9px 15px;
    font-size:          16px;
    line-height:        1em;
    color:              rgb(204, 63, 111);
    background-color:              #FFF;
    text-decoration:    none;
    -moz-border-radius: 17px;
    -webkit-border-radius:17px;
}

body #main_nav ul li.changeletAvailableLink a:hover {
    background-color:   rgb(204, 63, 111) !important;
    color:              #FFF;
}

body #main_nav ul li a:hover {
	background-color:	#4E8BB2 !important;
	color:				#FFF;
}
body #main_nav ul li a.active {
	background-color:	#427EA6;	
	color:				#FFF;
}

body #main_nav a.quip {
	position:			relative;
	display:			block;
	width:				250px;
	margin:				47px 0 28px 0;
	background:			transparent url("../images/bg_nav_quip_top.gif") no-repeat left top;
	text-decoration:	none;
}
body #main_nav a.quip span.wrap {
	position:			relative;
	bottom:				-4px;
	display:			block;
	padding:			8px 15px 9px 15px;
	font-size:			17px;
	line-height:		1.294em;
	color:				#FFF;
	background:			transparent url("../images/bg_nav_quip_bottom.gif") no-repeat left bottom;	
}
body #main_nav a.quip span span {
	padding:			0 13px 0 0;
	font-size:			11px;
	line-height:		1.294em;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#213854;
	font-family:		Arial, Sans-Serif;
	/** Begin Magpie Update **/
	display:            block;
	text-align:         right;
	/** End Magpie Update **/
	background:			transparent url("../images/bg_nav_quip_arrow.gif") no-repeat right center;
}
body #main_nav dl {
	position:			relative;
	min-height:			98px;
	margin-bottom:		20px;
}
body #main_nav dl dt {
	position:			relative;
	left:				-5px;
}
body #main_nav dl dt span.photo_border {
	position:			absolute;
	left:				0;
	top:				0;
	z-index:			2;
	display:			block;
	width:				98px;
	height:				118px;
	background:			transparent url("../images/photo_border.png") no-repeat left top;
}
body #main_nav dl dt img {
	position:			absolute;
	left:				9px;
	top:				6px;
	z-index:			1;
}
body #main_nav dl dd {
	display:			block;
	float:				right;
	width:				138px;
	font-size:			14px;
	line-height:		1.429em;
	font-family:		Georgia, Serif;
	font-style:			italic;
	color:				#FFF;
}
body #main_nav #calendar td {
	border:				1px solid #467EA1;
}
body #main_nav #calendar td a {
	border-top:			1px solid #78a8c9;
	border-left:		1px solid #78a8c9;
}
body #main_nav #calendar td.empty {
	border:				none;
}
body #main_nav #calendar td a {
	display:			block;
	width:				31px;
	padding:			8px 0;
	font-size:			11px;
	line-height:		13px;
	color:				#FFF;
	text-decoration:	none;
	text-align:			center;
	background-color:	#69A2C5;
}
body #main_nav #calendar td.old a {
	background-color:	#518FB5;
}
body #main_nav #calendar td.current a {
	border-top:			none;
	padding-top:		9px;
	border-left:		none;
	padding-left:		1px;
	background:			#044B7D url("../images/bg_calendar_hover.gif") no-repeat left top;
}
body #main_nav #calendar td a:hover,
body #main_nav #calendar td a.active {
	border-top:			none;
	padding-top:		9px;
	border-left:		none;
	padding-left:		1px;
	background-color:	#044B7D !important;
}
body #main_nav #calendar td.selected a {
	border-top:			none;
	padding-top:		9px;
	border-left:		none;
	padding-left:		1px;
	background-color:	#266796;
}


#tooltip {
	position:			absolute;
	z-index:			3000;
	padding:			14px 30px 0 18px;
	width:				125px;
	height:				98px;
	text-align:			left;
	background:			transparent url("../images/bg_calendar_bubble.png") no-repeat left top;
}
#tooltip h3 {
	margin:				0;
	font-size:			11px;
	line-height:		1.636em;
	color:				#CC1B57;
	text-transform:		uppercase;
}
#tooltip div {
	margin:				0;
	font-size:			13px;
	line-height:		1.385em;
	color:				#666;
}

/* Future Page*/
#future_page {
	min-height:			300px;
	padding:			30px 40px;
}
.not_available {
	font-size:			1.3em;
}
#daily_plan p.daily_plan a,
#future_page p.daily_plan a {
	padding:			0 14px 0 0;
	font-size:			10px;
	line-height:		1.2em;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	none;
	color:				#CC3F6F;
	font-family:		Arial, Sans-Serif;
	background:			transparent url("../images/icon_link_arrow_red.gif") no-repeat right center;
}
#daily_plan p.daily_plan a:hover,
#future_page p.daily_plan a:hover {
	text-decoration:	underline;
}
#main_content p.return_link {	
    padding:        30px 30px 0;
}
    
#main_content p.return_link a {
    padding:            0 14px 0 0;
    font-size:          10px;
    line-height:        1.2em;
    font-weight:        bold;
    text-transform:     uppercase;
    text-decoration:    none;
    color:              #CC3F6F;
    font-family:        Arial, Sans-Serif;
    background:         transparent url("../images/icon_link_arrow_red.gif") no-repeat right center;
}
#main_content p.return_link a:hover {
    text-decoration:    underline;
}

/*------------------------------------------------------------------
	#footer - Contains copy right, about link, privacy policy and contact us
------------------------------------------------------------------*/
body #footer {
	width:				712px;
	padding-right:		250px;
	margin:				6px auto 60px auto;
	padding:			0 250px 30px 6px;
	text-align:			left;	
	color:             #FFF;
}
body #footer p {
	display:			block;
	float:				right;
	padding:			0 24px 0 0;
	font-size:			10px;
}
body #footer p.copy {
	float:				left;
}
body #footer  a {
	font-size:			10px;
	color:				#FFF;
	text-decoration:	none;
}
body #footer  a:hover {
	text-decoration:	underline;
}

/*------------------------------------------------------------------
	daily plan pages - layout for two column individual day pages
------------------------------------------------------------------*/

#main_content.col_bottom {
	background-image:	url("../images/bg_content_bottom_sidebar.png");
}
.col_layout {
    background-image:   url("../images/sidebar_bg.gif");
    background-repeat:  repeat-y;
    background-position:420px 0
}

.col_layout #maincolumn {
    float:              left;
    width:              420px;
}
	
.col_layout #maincolumn .inner {
    padding:             20px 30px 0 30px;
}
	
.intro_text p {
    font-size:          16px !important;
    color:              #297BAD !important;
}

.col_layout #maincolumn .sub_intro_text {
    margin:             18px 0 13px 0;
    padding-top:        18px;
    padding-bottom:     0;
    border-top:         1px solid #c1c1c1;
    border-bottom:      1px solid #c1c1c1;
}

.col_layout #maincolumn .sub_intro_text p {
    margin-bottom:      1em;
}
.col_layout #maincolumn div.challenge {
	padding:			17px 0 0 0;
	background:			transparent url("../images/icon_pencil.gif") no-repeat left top;
}
.col_layout #maincolumn div.challenge h1 {
	padding-left:		44px;
}
.col_layout ol {
	/** Begin Magpie Update **/
	/*margin-left:		24px;*/
	/** End Magpie Update **/
    list-style-type:    decimal;
}
.col_layout ol li {
    margin-bottom:      0;
    margin-left:        20px;
    color:              #1c1c1c;
    font-weight:        bold;
    font-size:          15px;
}
.col_layout ol li p {
    font-size:          13px !important;
    line-height:        1.5em;
    color:              #297BAD;
    font-weight:        normal;
}

/*sidebar*/
.col_layout #sidebar {
    float:              right;
    width:              270px;
    margin-right:       12px;
} 
body .col_layout #sidebar p {
    font-size:          12px;
    line-height:        17px;
	color:				#577685;
}
* html .col_layout #sidebar {
    margin-right:       3px;
}
.col_layout #sidebar .module {
    padding:            25px 25px 15px 25px;
    background-image:   url("../images/crease.gif");
    background-repeat:  no-repeat;
    background-position:left top;
}
.col_layout #sidebar .dark_sidebar {
    background-image:   url("../images/darksidebar.gif");
    background-repeat:  repeat-y;
}
.col_layout #sidebar .first {
    background-image:	url("../images/light_top_sidebar_bg.jpg");
    background-repeat:	no-repeat;
    border-top:			none;
}
.col_layout #sidebar .dark_sidebar .first {
    background-image:   url("../images/ratebg.jpg");
}
.col_layout #sidebar .last {
    border-bottom:      none;
}
.col_layout #sidebar #current_program {
	/** Magpie Update Begin **/
	/*margin-bottom:		40px;*/
	/** Magpie Update End **/
}
.col_layout #sidebar #current_program a.grey_button {
	margin-bottom:		15px;
}
.col_layout #sidebar #current_program ul li span em {
	display:			block;
	padding:			5px 0 0 0;
	font-weight:		bold;
	color:				#000;	
}

/*------------------------------------------------------------------
	div.TB_modal - global thickbox message boxes
------------------------------------------------------------------*/
div#TB_window {
	border-color:			#7db1d2;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
}
div.TB_modal {
	text-align:				center !important;
}
div.TB_modal p {
	padding-bottom:			10px !important;
}
div.TB_modal p strong {
	color:					#262626;
	font-size:				16px;
}

/*------------------------------------------------------------------
	#flip_calendar - day xx calendar that sits on top of day pages
------------------------------------------------------------------*/
#flip_calendar {
	background-image:	url("../images/calendar_bg.png");
	position:			absolute;
	right:				22px;
	top:				14px;
	width:				174px;
	height:				123px;
}
#flip_calendar.left {
	background-position:0 123px;
}
#flip_calendar.right {
	background-position:0 -123px !important;
}
#flip_calendar #calendar_click_targets {
	width:				174px;
	height:				123px;
}
#flip_calendar #calendar_click_targets a {
	position:			absolute;
	top:				0;
	height:				123px;
	width:				87px;
	display:			block;
}
#flip_calendar #calendar_click_targets a.left {
	left:				0;
}
#flip_calendar #calendar_click_targets a.right {
	right:				0;
}
#flip_calendar #calendar_numbers {
	width:				66px;
	height:				80px;
	top:				30px;
	left:				59px;
	background-position:0 0;
	position:			absolute;
	background-image:	url("../images/calendar_numbers.gif");
}

.day_0{background-position:0 0 !important;}
.day_1{background-position:0 -80px !important;}
.day_2{background-position:0 -160px !important;}
.day_3{background-position:0 -240px !important;}
.day_4{background-position:0 -320px !important;}
.day_5{background-position:0 -400px !important;}
.day_6{background-position:0 -480px !important;}
.day_7{background-position:0 -560px !important;}
.day_8{background-position:0 -640px !important;}
.day_9{background-position:0 -720px !important;}
.day_10{background-position:0 -800px !important;}
.day_11{background-position:0 -880px !important;}
.day_12{background-position:0 -960px !important;}
.day_13{background-position:0 -1040px !important;}
.day_14{background-position:0 -1120px !important;}
.day_15{background-position:0 -1200px !important;}
.day_16{background-position:0 -1280px !important;}
.day_17{background-position:0 -1360px !important;}
.day_18{background-position:0 -1440px !important;}
.day_19{background-position:0 -1520px !important;}
.day_20{background-position:0 -1600px !important;}
.day_21{background-position:0 -1680px !important;}
.day_22{background-position:0 -1760px !important;}
.day_23{background-position:0 -1840px !important;}
.day_24{background-position:0 -1920px !important;}
.day_25{background-position:0 -2000px !important;}
.day_26{background-position:0 -2080px !important;}
.day_27{background-position:0 -2160px !important;}
.day_28{background-position:0 -2240px !important;}
.day_29{background-position:0 -2320px !important;}
.day_30{background-position:0 -2400px !important;}
.day_31{background-position:0 -2480px !important;}
.day_32{background-position:0 -2560px !important;}
.day_33{background-position:0 -2640px !important;}
.day_34{background-position:0 -2720px !important;}
.day_35{background-position:0 -2800px !important;}
.day_36{background-position:0 -2880px !important;}
.day_37{background-position:0 -2960px !important;}
.day_38{background-position:0 -3040px !important;}
.day_39{background-position:0 -3120px !important;}
.day_40{background-position:0 -3200px !important;}
.day_41{background-position:0 -3280px !important;}
.day_42{background-position:0 -3360px !important;}
.day_42_plus{background-position:0 -3440px !important;}

/* YUI Calender */
.yui-calcontainer { 
	float: left;
	position: relative;
}
.yui-calcontainer iframe {
	border: medium none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.yui-calcontainer iframe.fixedsize {
	height: 50em;
	left: -1px;
	top: -1px;
	width: 50em;
}
.yui-calcontainer.multi .groupcal {
	float: left;
	position: relative;
	z-index: 1;
}
.yui-calcontainer .title {
	position: relative;
	z-index: 1;
}
.yui-calcontainer .close-icon {
	overflow: hidden;
	position: absolute;
	text-indent: -10000em;
	z-index: 1;
}
.yui-calendar {
	position: relative;
}
.yui-calendar .calnavleft {
	overflow: hidden;
	position: absolute;
	text-indent: -10000em;
	z-index: 1;
}
.yui-calendar .calnavright {
	overflow: hidden;
	position: absolute;
	text-indent: -10000em;
	z-index: 1;
}
.yui-calendar .calheader {
	position: relative;
	text-align: center;
	width: 100%;
}
.yui-calcontainer .yui-cal-nav-mask {
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.yui-calcontainer .yui-cal-nav {
	display: none;
	position: absolute;
	top: 0;
	z-index: 3;
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	display: inline-block;
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	background-color: transparent;
	border: medium none;
	cursor: pointer;
	display: block;
}
.yui-calendar .calbody a:hover {
	-moz-background-clip: inherit;
	-moz-background-inline-policy: inherit;
	-moz-background-origin: inherit;
	background: inherit inherit inherit inherit inherit;
}
p#clear {
	clear: left;
	padding-top: 10px;
}
.yui-skin-sam img {
	display: inline !important;
}
.yui-skin-sam .yui-calcontainer {
	background-color: #F2F2F2;
	border: 1px solid #808080;
	padding: 10px;
}
.yui-skin-sam .yui-calcontainer.multi {
	padding: 0 5px;
}
.yui-skin-sam .yui-calcontainer.multi .groupcal {
	background-color: transparent;
	border: medium none;
	margin: 0;
	padding: 10px 5px;
}
.yui-skin-sam .yui-calcontainer .title {
	-x-system-font: none;
	background: transparent url("../images/yui_sprite.png") repeat-x scroll 0 0;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	font-family: sans-serif;
	font-size: 100%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: auto;
	left: 0;
	line-height: normal;
	margin: 0 -10px 10px;
	padding: 0.4em;
	text-align: left;
	top: 0;
}
.yui-skin-sam .yui-calcontainer.multi .title {
	margin: 0 -5px;
}
.yui-skin-sam .yui-calcontainer.withtitle {
	width: 224px !important;
	padding-top: 0;
}
.yui-skin-sam .yui-calcontainer .calclose {
	background: transparent url("../images/yui_sprite.png") no-repeat scroll 0 -300px;
	cursor: pointer;
	height: 15px;
	right: 0.4em;
	top: 0.4em;
	width: 25px;
}
.yui-skin-sam .yui-calendar {
	-x-system-font: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Arial, sans-serif !important;
	font-size: 100%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	text-align: center;
}
.yui-skin-sam .yui-calendar .calhead {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	vertical-align: middle;
}
.yui-skin-sam .yui-calendar .calheader {
	background: transparent none repeat scroll 0 0;
	font-weight: bold;
	padding: 0 0 0.6em;
	text-align: center;
}
.yui-skin-sam .yui-calendar .calheader img {
	border: medium none;
}
.yui-skin-sam .yui-calendar .calnavleft {
	background: transparent url("../images/yui_sprite.png") no-repeat scroll 0 -450px;
	bottom: 0;
	cursor: pointer;
	height: 15px;
	left: -10px;
	margin-left: 0.4em;
	top: 0;
	width: 25px;
}
.yui-skin-sam .yui-calendar .calnavright {
	background: transparent url("../images/yui_sprite.png") no-repeat scroll 0 -500px;
	bottom: 0;
	cursor: pointer;
	height: 15px;
	margin-right: 0.4em;
	right: -10px;
	top: 0;
	width: 25px;
}
.yui-skin-sam .yui-calendar .calweekdayrow {
	height: 2em;
}
.yui-skin-sam .yui-calendar .calweekdayrow th {
	border: medium none;
	padding: 0;
}
.yui-skin-sam .yui-calendar .calweekdaycell {
	color: #000000;
	font-weight: bold;
	text-align: center;
	width: 32px !important;
}
.yui-skin-sam .yui-calendar .calfoot {
	background-color: #F2F2F2;
}
.yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
	border: medium none;
	color: #A6A6A6;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
}
.yui-skin-sam .yui-calendar .calrowhead {
	padding: 0 2px 0 0;
	text-align: right;
}
.yui-skin-sam .yui-calendar .calrowfoot {
	padding: 0 0 0 2px;
	text-align: left;
}
.yui-skin-sam .yui-calendar td.calcell {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	height: 1.6em;
	line-height: 1.6em;
	padding: 1px;
	text-align: center;
	white-space: nowrap;
}
.yui-skin-sam .yui-calendar td.calcell a {
	color: #0066CC !important;
	display: block;
	height: 100%;
	text-decoration: none;
}
.yui-skin-sam .yui-calendar td.calcell.today {
	background-color: #B3D4FF !important;
	color: #000000 !important;
}
.yui-skin-sam .yui-calendar td.calcell.today a {
	background-color: #FFFFFF;
}
.yui-skin-sam .yui-calendar td.calcell.oom {
	background-color: #CCCCCC;
	color: #A6A6A6;
	cursor: default;
}
.yui-skin-sam .yui-calendar td.calcell.selected {
	background-color: #FFFFFF;
	color: #000000;
}
.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color: #B3D4FF;
	color: #000000;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color: #426FD9;
	color: #FFFFFF;
	cursor: pointer;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color: #426FD9 !important;
	color: #FFFFFF !important;
}
.yui-skin-sam .yui-calendar td.calcell.previous {
	color: #8C8C8C !important;
	line-height: 1.6em;
}
.yui-skin-sam .yui-calendar td.calcell.restricted {
	text-decoration: line-through;
}
.yui-skin-sam .yui-calendar td.calcell.highlight1 {
	background-color: #CCFF99;
}
.yui-skin-sam .yui-calendar td.calcell.highlight2 {
	background-color: #99CCFF;
}
.yui-skin-sam .yui-calendar td.calcell.highlight3 {
	background-color: #FFCCCC;
}
.yui-skin-sam .yui-calendar td.calcell.highlight4 {
	background-color: #CCFF99;
}
.yui-skin-sam .yui-calendar a.calnav {
	border: 1px solid #F2F2F2;
	color: #000000;
	padding: 0 4px;
	text-decoration: none;
}
.yui-skin-sam .yui-calendar a.calnav:hover {
	background: transparent url("../images/yui_sprite.png") repeat-x scroll 0 0;
	border-color: #A0A0A0;
	cursor: pointer;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
	background-color: #000000;
	opacity: 0.25;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav {
	background-color: #F2F2F2;
	border: 1px solid #808080;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 93%;
	left: 50%;
	margin-left: -7em;
	padding: 0;
	top: 2.5em;
	width: 14em;
}
.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
	top: 4.5em;
}
.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
	margin-left: -8em;
	width: 16em;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y, .yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
	padding: 5px 10px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
	text-align: center;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
	background-color: #EDF5FF;
	border-top: 1px solid black;
	display: none;
	margin-top: 5px;
	padding: 5px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
	display: block;
	font-weight: bold;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
	width: 100%;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color: #FFEE69;
	border: 1px solid #000000;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
	width: 4em;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	background: #CCCCCC url("../images/yui_sprite.png") repeat-x scroll 0 0;
	border: 1px solid #808080;
	margin: auto 0.15em;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	color: #000000;
	font-size: 93%;
	line-height: 2;
	min-height: 2em;
	padding: 0 8px;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-
default {
	background: transparent url("../images/yui_sprite.png") repeat-x scroll 0 -1400px;
	border: 1px solid #304369;
}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
	color: #FFFFFF;
}

.yui-skin-sam .yui-calcontainer {
	background-color:	#DBEEF5 !important;
}
.yui-skin-sam .yui-calendar {
	font-family:		Arial, Sans-Serif;
}
.yui-skin-sam .yui-calendar .calheader {
	color:				#000;
	font-size:			22px;
	float:				none !important;
}
.yui-skin-sam .yui-calendar td.calcell a {
	height:				auto !important;
	font-size:			14px;
	line-height:		2em;
	color:				#297BAD !important;
}
.yui-skin-sam .yui-calendar .calweekdayrow th {
	font-size:			13px;
	font-weight:		normal;
}
.yui-skin-sam .yui-calendar .calweekdaycell {
	width:				32px;
}
.yui-skin-sam .yui-calendar td.calcell {
	border:				1px solid #BFCED4;
	font-size:         14px;
	line-height:       2em !important;
}
.yui-skin-sam .yui-calendar td.calcell.oom {
	font-size:			14px;
	line-height:		2em;
	background-color:	#68A1C5 !important;
	color:				#5786A4 !important;
}
.yui-skin-sam .yui-calcontainer .title {
	float:				none !important;
	height:				22px !important;
	padding:			0 0 0 5px !important;
	line-height:		22px !important;
	color:				#999;
	border-bottom:		1px solid #BFCED4 !important;
}
.yui-skin-sam .yui-calendar .calnavright {
	right:				-15px !important;
	top:				5px !important;
}
.yui-skin-sam .yui-calendar .calnavleft {
	left:				-15px !important;
	top:				5px !important;
}

/** Begin Magpie Update **/

.grey_input_button {
    display:            inline-block;
    height:             25px;
    padding:            0 !important;
    font-size:          12px !important;
    text-decoration:    none;
    color:              #1c1c1c !important;
    background:         transparent url("../images/light_grey_button_on_blue.gif") no-repeat right top;
    cursor:             pointer;
}

.grey_input_button input.submit {
    height:             25px;
    color:              #000000;
    border:             none !important;
    padding:            5px 20px 5px 20px !important;
    background:         transparent url("../images/light_grey_button_on_blue_left.gif") no-repeat left top;
    cursor:             pointer;
    font-size:          12px !important;
    font-weight:        normal;
    font-family:        helvetica, arial;
    width: auto !important;
}

.grey_input_button:hover {
    background-position:right -25px;
}

.grey_input_button:hover input.submit {
    background-position:left -25px;
}

.grey_input_button:active {
    background-position:right -50px;
}

.grey_input_button:active input.submit {
    background-position:left -50px;
}

/* Day0 Page*/
#day0_page {
    min-height:         300px;
    padding:            30px 40px;
}

#day0_page p{
	 font-size:          13px !important;
    line-height:        1.5em;
    color:              #297BAD;
    font-weight:        normal;
 }
 /* EOP Page*/
#eop_page {
    min-height:         300px;
    padding:            30px 40px;
}

#eop_page p{
     font-size:          13px !important;
    line-height:        1.5em;
    color:              #297BAD;
    font-weight:        normal;
 }
 
 #inProgramChangeletIndicator div.inProgramChangeletIndicator {
    margin-top: 30px;
    position: relative;
    display:            inline-block;
    width:              235px;
    padding:            9px 0 9px 15px;
    font-size:          16px;
    line-height:        1em;
    color:              rgb(204, 63, 111);
    background-color:              #FFF;
    text-decoration:    none;
    -moz-border-radius: 17px;
    -webkit-border-radius:17px;
    border: 1px solid rgb(204, 63, 111);
}
#inProgramChangeletIndicator div span.changelet_detail{
    color: #557EA5;
}

#inProgramChangeletIndicator div.heading{
    color:        rgb(204, 63, 111);
    padding-bottom: 10px;
}

#inProgramChangeletIndicator div.note{
    padding-top: 10px;
    font-size: 1.0em;
}

#inProgramChangeletIndicator div.note span{
    font-size: 0.7em;
}

#inProgramChangeletIndicator div span.bold_note{
    font-weight: bold;
    font-size: 1.0em;
}
/** End Magpie Update **/