/*
    To include this style sheet in your code use the following :
    <script language="JavaScript" type="text/javascript" src="/frame/javascript/popup.js"></script>
*/

/*------------------------ myUsana.com Landing Page -------------------*/

html, body {
	margin:0;
	padding:0;
	height:100%;
}
* {
	padding:0px;
	margin:0px;
}
h4 {
	font-size:1.3em;
}
p {
	font-size:1.1em;
}
ul {
    list-style: disc outside none;
}
.masthead td, .ui-tabs-nav{
	vertical-align:middle;
}

.clear {
	clear:both;
}
.hide{
display:none !important;
}

option {
  padding:0px 3px 0px 2px;
}

.float_right{
float:right;
}

.float_left{
float:left;
}

:active
{
outline: none;
}

:focus
{
-moz-outline-style: none;
}

a {
outline:medium none;
}
:focus {
}

a img{
	border:none;
	}
	
a.edit span, a.email span, a.remove span, a.add span, a.feedback span{
	background:url(/media/Shop/images/icon_sprite_usana_1_1.png) no-repeat;
	height: 16px;
	padding:0 2px 1px 22px;
	overflow:hidden;
	display:inline-block;
	display:inline;
	zoom:1;
	}
	
a.edit, a.email, a.remove,  a.add, a.feedback{
	display: inline-block;
	*display:inline;
	zoom:1;
	padding:1px 3px 2px 2px;
	cursor:pointer;
	font-size:12px;
	background-color:#FFFFFF;
	border: 1px solid #D3D3D3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

a.edit:hover, a.email:hover, a.remove:hover, a.add:hover, a.feedback:hover{
	background: #e5e5e5 url(/images/light_grey_bkg.png) 0px 0px repeat-x;
	border: #999999 1px solid;
}

a.buttonOnly{
width:16px;
}

a.buttonOnly span{
padding:0 2px 1px 15px;
}

a.edit span{	
	background-position: 0px -320px;	
	}

a.email span{
	background-position: 0px -16px;	
	*background-position: 0px -15px;	
	}

a.remove span{	
	background-position: 0px -304px;	
	}

a.add span{	
	background-position: 0px -288px;	
	}
	
a.feedback span{	
	background-position: 0px -432px;	
	padding:2px 2px 1px 16px;
	}

.editable{
	border:#60C3FF 2px solid;
	position:relative;
	display: inline-block;
	*display:inline;
	zoom:1;
	}

.editable:hover{
	border:#10A4FF 2px solid;
	}

.editable a.edit{
	position:absolute;
	bottom:-22px;
	right:-2px;
	padding: 2px 5px;
	line-height:14px;
	font-family:arial;
	font-size:13px;
	vertical-align:middle;
	border-color:#60C3FF;
	background-color:#60C3FF !important;	
	zoom:1;	
	}
	
.editable:hover a.edit, .editable a.edit:hover{
	background:#10A4FF !important;
	border-color:#10A4FF;
	}
.editable a.edit span{
	padding:0 2px 1px 19px;
	}	
.editable:hover a.edit{
	}
	

/*----------------------------------- End Global -------------------------------------------*/







/*----------------------------------- Layout -------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	background: url(/images/myUsana/template/background.gif) top left repeat-x;
	background-color: #84aed7;
}


.body2 {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #84aed7;
}

#mainPagePadding {
    padding:10px;
    background:#FFF;
}
.u2d_mainContentColumn{
width:750px;
}

.featureTitle   {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #990000; font-weight: bold; }
.featureCaption {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; font-weight: bold; }
.featureContent {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #151515; }
.more           {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; }

.featureBoxTitle    {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; background-image:url("/images/myUsana/template_titleback_blue.gif"); background-color: #cccccc;}
.featureBoxContent  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; line-height:1.5em; }
.featureBoxContent  A:LINK A:HOVER A:VISITED {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; line-height:1.5em; text-decoration:none;}
.featureBoxView     A:LINK A:HOVER A:VISITED {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration:none;}
.featureBoxView     {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ccccff;  text-decoration:none;}

.eventsTitle    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; }
.eventsContent  {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; }
.widgitTitle    {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #aeae79; }



.announcementTitle, .announcementTitle a, .announcementTitle a:HOVER, .announcementTitle a:VISITED, .announcementTitle a:LINK {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration:none; background-color:#ff0000;}
.announcementContent {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;  background-color: #cccccc;}
.announcement4Title, .announcementTitle a, .announcementTitle a:HOVER, .announcementTitle a:VISITED, .announcementTitle a:LINK {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration:none; background-color:#ff0000;}
.announcement4Content {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: white;  background-color: #cccccc;}
.announcement2Title, .announcement2Title a, .announcement2Title a:HOVER, .announcement2Title a:VISITED, .announcement2Title a:LINK {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; font-weight: bold; text-align: center; text-decoration:none; background-color:#ffcc00;}
.announcement2Content {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;  background-color:#cccccc;}
.announcement3Title, .announcement2Title a, .announcement2Title a:HOVER, .announcement2Title a:VISITED, .announcement2Title a:LINK {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; font-weight: bold; text-align: center; text-decoration:none; background-color:#ffcc00;}
.announcement3Content {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: white;  background-color:#cccccc;}

.secondNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e493f; }

.widgitTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aeae79;
}

.secondNav A:LINK {color: #5e493f;
	text-decoration: none; }
.secondNav A:HOVER {color: #663300;
	text-decoration: none;}
.secondNav A:VISITED {color:#5e493f;
	text-decoration: none;}

.footer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; background-color: #003b7d;}
.footer a{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; background-color: #003b7d; text-decoration:none; cursor:pointer;}

/* Dynamic Content */
.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 1.5em; }
.contentTitle {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; font-weight: bold; }
.imageBorder {border-color: #dddddd; }
.header {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4F4F4F; font-weight: bold; }
.subhead {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #161616; font-weight: bold; }
.subheadSortHover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #161616; cursor: pointer; font-weight: bold; }
.contestsSideTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; }
.contestsView {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
.contestsSideHead {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; font-weight: bold; padding-left:8px; padding-right:8px;}
.contestsSideHead A:LINK, .contestsSideHead  A:VISITED,.contestsSideHead A:HOVER{color: #990000; text-decoration:none;}
.contestsSideContent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; padding-left:8px; padding-right:8px;}
.contestsContent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; line-height: 1.4em; }
.trainingContent, .businessContent {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000033 ; line-height: 1.4em; }
.smallText {font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #333333; line-height: 1.2em; }
.reportNamesText {font-family: Georgia, Times New Roman, Times, serif; font-size:14px; text-align:left;} /*/"Georgia, Times New Roman, Times, serif"/*/
.reportIncentLink {font-size:small; color:Navy;}
.rptBnrHdrTxt {font-family: Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#ffffff; }  /*/Advance Report Banner Title Text/*/
.callOut {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000000; }
.margin {margin-left:20px; margin-right:20px; margin-top:20px;}
.marginSmall {margin-left:10px; margin-right:10px; margin-top:10px;}

.welcomeText{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #EEEEEE; }
.bulletedLink{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; line-height:1.5em; }
.bulletedLink  A:LINK A:HOVER A:VISITED {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; line-height:1.5em; text-decoration:none;}

.cmLink{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height:1.5em; }
.cmLink  A:LINK A:HOVER A:VISITED {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height:1.5em; text-decoration:none;}


.IMcontent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 1.4em; padding: 12px; }
.IMcallout {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f2ff99; line-height: 1.4em; padding: 12px; }
.IMcalloutHeader {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccffcc; line-height: 1.4em; font-weight: bold; }

ul {list-style-image:url(/images/styles/bullet.gif); margin-top:0px;  margin-left:10px; padding-left:10px;margin-bottom:10px;}
ol {margin-top:0px; list-style:decimal; margin-left:10px; margin-bottom:10px; padding-left:5px;}
/*Navigation */

.mainNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #003b7d;}
.shopNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; font-weight: bold; background-color:#9999FF;}
.subnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #663300; font-weight: bold; }
.subnavTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; font-weight: bold; background-color:#737373;}
.subnav A:LINK, .subnav A:VISITED {color: #663300; text-decoration: none;}
.subnav A:HOVER {color: #CC0000; text-decoration: none;}
.sideNav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; }
.sideNav A:LINK, .sideNav  A:VISITED,.sideNav A:HOVER{color: #ffffff; text-decoration:none;}
.sideNav A:HOVER {color: #ffff66;}

/* Alerts */
.u2d_alert1, .u2d_alert2 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; font-weight: bold; font-size: 0.80em; 
	display:block;	
}

.u2d_alert1, .u2d_alert2 {
	background:#890100 url(/images/alerts/alert_lvl_01_repeat.gif) repeat-x;	
}
.u2d_alert2 {
	background:#ff8900 url(/images/alerts/alert_lvl_02_repeat.gif) repeat-x;
}
.u2d_alert1 div, .u2d_alert2 div {
	padding:10px 20px 10px 55px;
	min-height:25px;
	width:650px;
	overflow:hidden;
	margin:auto;
}

.u2d_alert1 div, .u2d_alert2 div {
	background: url(/images/alerts/alert_lvl_01.png) no-repeat;
}
.u2d_alert2 div {
	background: url(/images/alerts/alert_lvl_02.png) no-repeat;
}

.alert1 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; font-size: 0.80em; }
.alert2 {font-family: Arial, Helvetica, sans-serif; color: #ffffff;  font-weight: bold; font-size: 0.80em; }

.alertImage {margin:5px 10px 5px 5px;}

#alertDiv{
	
	}

.rotatingListback {
	background-image:url("/images/cm/back_btn00.gif");
	background-repeat:no-repeat;
	float:left;
	width:124px;
	height:14px;
}
.rotatingListback:hover {
	background-image:url("/images/cm/back_btn01.gif");
	background-repeat:no-repeat;
	width:124px;
	height:14px;
}
.rotatingListpause {
	background-image:url("/images/cm/pause_btn00.gif");
	background-repeat:no-repeat;
	float:left;
	width:137px;
	height:14px;
}
.rotatingListpause:hover {
	background-image:url("/images/cm/pause_btn01.gif");
	background-repeat:no-repeat;
	width:137px;
	height:14px;
}
.rotatingListplay {
	background-image:url("/images/cm/play_btn00.gif");
	background-repeat:no-repeat;
	float:left;
	width:137px;
	height:14px;
}
.rotatingListplay:hover {
	background-image:url("/images/cm/play_btn01.gif");
	background-repeat:no-repeat;
	width:137px;
	height:14px;
}
.rotatingListforward {
	background-image:url("/images/cm/forward_btn00.gif");
	background-repeat:no-repeat;
	float:left;
	width:114px;
	height:14px;
}
.rotatingListforward:hover {
	background-image:url("/images/cm/forward_btn01.gif");
	background-repeat:no-repeat;
	width:114px;
	height:14px;
}


.rotatingItemControl{
	height: 14px;
	width:385px;
	background-image:url("/images/cm/navbar.gif");
	background-repeat:no-repeat;

	/*background-position:center;*/
}

/* begin Main Navigation*/

#container{
	z-index: 1100;
}

.navBar {
	height: 28px;
	z-index: 1100;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-size: 12px;*/
	
	color: #FFFFFF;
	cursor: default;
	background-color: #003b7d;
	position:relative;
}

.navBar a {
	color: #FFFFFF;
	text-decoration: none;
}

.headerNavBar {
	height: 25px;
	/*z-index: 1000;*/
	font-family: Arial, Helvetica, sans-serif;
	background-image:url("/images/2ndnav_background.jpg");
	font-size:12px;
	/*font-size: 12px;*/
	color: #ffcc66;
	text-align: right;
	cursor: default;
	float: right;
}

.collapsed, .expanded {
	float: left;
	display: inline;
}
.collapsed .dropContainer {
	visibility: hidden;
}
.expanded .dropContainer {
	visibility: visible;
}
.navItem {
	z-index:3;
}
.navLabel{
    position: relative;
    display: inline;
    top: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    font-size: 14px;
    font-weight:bold;
}
.navItem, .anchorItem {
    position: relative;
    display: inline;
    top: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
}
.secondNavItem{
    position: relative;
    display: inline;
    top: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right:8px;
}
.navItem img {
	position: absolute;
	left: 0px;
	top: 0px;
	vertical-align: middle;
}
.navItem a, .navItem a:hover, .navItem a:visited {
	text-decoration: none;
}
.navItem a:hover {
	color: #D70900;
}


.dropContainer {
	position: relative;
}
.dropMenu, .anchorDropMenu, .dropMenu2 {
	position: absolute;
	left: 0px;
	top: 7px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 1px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	z-index: 800;
}
.anchorDropMenu, .anchorDropMenu .dropMenu2 {
	background-color:#003b7d;
	border-bottom: 1px solid #999;
	border-left: none;
	width: 166px;
}
.dropMenu .dropItem, .dropMenu .dropItemHi, .anchorDropMenu .dropItem, .anchorDropMenu .dropItemHi {
	padding-left: 3px;
	padding-right: 3px;
	border-top: 0px solid #888;
	border-left: 0px solid #888;
	cursor: default;
}
.dropMenu .dropItem_s, .dropMenu .dropItemHi_s {
	position: relative;
	padding-left: 3px;
	padding-right: 5px;
}
.dropMenu .dropItemHi a, .dropMenu .dropItem a, .dropMenu .dropItemHi_s a, .dropMenu .dropItem_s a {
	display: block;
	padding: 2px 0px 2px 0px;
	width: 100%;
}
.anchorDropMenu a, .anchorDropMenu a:link {
	display: block;
	padding: 2px 0px 2px 0px;
}
.anchorDropMenu a:hover {
	color: #D70900;
}
.rule {
	height: 2px;
	line-height: 1px;
	border-top: 1px solid #aaa;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 5px;
}
/* specific tier 2 classes */
.dropMenu2 {
	left: 159px;
	top: -8px;
	visibility: hidden;
	z-index: 801;
}
.dropMenu .dropItemHi .dropMenu2 {
	visibility: visible;
}
.anchorDropMenu .dropItemHi .dropMenu2 {
	visibility: visible;
}
.dropMenu .dropItem .dropMenu2 {
	visibility: hidden;
}
.anchorDropMenu .dropItem .dropMenu2 {
	visibility: hidden;
}
img.tier2Arrow {
	position: absolute;
	left: 152px;
	top: 4px;
}


.subNavBar {
	float: left;
	display: inline;
	z-index: 100;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #663300;
	padding-top:4px;
}
.collapsed .subDropContainer {
	visibility: hidden;
}
.expanded .subDropContainer {
	visibility: visible;
}


.subNavItem A:LINK, .subNavItem a:hover, .subNavItem a:visited {font-weight: bold; color: #663300; text-decoration: none;}
.subNavItem A:HOVER {color: #CC0000; }
.subNavItem, .subAnchorItem {
    position: relative;
    display: inline;
    padding-top: 2px;
    padding-bottom: 4px;
    bottom: 2px;
}

.subDropContainer {
	position: relative;
	background-color:#999999;
}
.subDropMenu, .subAnchorDropMenu, .subDropMenu2 {
	position: absolute;
	left: 0px;
	/*top: 4px;*/
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 1px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	z-index: 800;
}
.subAnchorDropMenu, .subAnchorDropMenu .subDropMenu2 {
	background-color:#999999;
	border-bottom: 1px solid #999;
	border-left: none;
	width: 166px;
}
.subDropMenu .subDropItem, .subDropMenu .subDropItemHi, .subAnchorDropMenu .subDropItem, .subAnchorDropMenu .subDropItemHi {
	/*position: relative;*/
	padding-left: 3px;
	padding-right: 3px;
	border-top: 0px solid #888;
	border-left: 0px solid #888;
	cursor: default;
}
.subDropMenu .subDropItem_s, .subDropMenu .subDropItemHi_s {
	position: relative;
	padding-left: 3px;
	padding-right: 5px;
}
.subDropMenu .subDropItemHi a, .subDropMenu .subDropItem a, .subDropMenu .subDropItemHi_s a, .subDropMenu .subDropItem_s a {
	display: block;
	padding: 2px 0px 2px 0px;
	width: 100%;
}
.subAnchorDropMenu a, .subAnchorDropMenu a:link {
	display: block;
	padding: 2px 0px 2px 0px;
}
.subAnchorDropMenu a:hover {
	color: #D70900;
}
/* end nav */
/* Shop Navigation */

.shopNavBar {
	/*height: 26px;*/
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
	text-align: right;
	cursor: default;
	/*padding-right:12px;*/
}
.shopNavBar a {
	color: #000066;
	text-decoration: none;
}
/* end Shop navigation */

/*  event registration styles */
.erTitleRow{
    background-color: #CCCCCC;
}
.erContentRow{
    background-color: #FFFFFF;
}
.erTable{
    border-style:solid;
    border-width:thin;
}
/*  end event registration styles */


/* Dashboard styles */
/* Edit Button */

input.dashboardEdit{
   color:#acae7b;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:75%;
   /*font-weight:bold;*/
   background-color:#f6f2de;
   border:1px ;
   border-style: double;
   border-top-color:#cdce9c;
   border-left-color:#cdce9c;
   border-right-color:#cdce9c;
   border-bottom-color:#cdce9c;
}

/* search page styles */
.searchresultbody {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.searchresults a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0033cc;
    background-color: #cccccc;
}

.searchresults a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #99ccff;
}

.searchresultlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #008000;
}

.searchresultpages {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #101010;
}

.searchresultline {
    background-color: #fff;
}

.searchquery {
    background-color: #fff;
}

.searchresultbar {
    background-color: #fff;
    height:28px;
    vertical-align:middle;
}

.searchresultbar span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #303030;
}

.searchsuggestion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #808080;
}

.textInput {
    background-color:#EEEEEE;
    font-size: 12;
    font-weight : NORMAL;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}

.resort {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #161616;
    font-weight: bold;
}

.resortSortHover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #0404cd;
}

.tableContainerHeader {
    background-color:#999999;
}
.tableContainer {
    border-width:2px;
    border-style:groove;
    border-color:#666666;
}

.alternatingBackgroundLight {
    background-color:#CCCCCC;
}

.alternatingBackgroundDark {
    background-color:#BBBBBB;
}


#maincontainer {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
/*------ Main Table -------*/

table.maintable {
	margin-left:auto;
	margin-right:auto;
}
.mainleft {
    background:url(/images/myUsana/template/leftshadow.png) repeat-y;
    _background:url(/images/myUsana/template/leftshadow_ie6.gif) repeat-y;
}
.mainright {
    background:url(/images/myUsana/template/rightshadow.png) repeat-y;
    _background:url(/images/myUsana/template/rightshadow_ie6.gif) repeat-y;
}
.mainleftcorner {
    background:url(/images/myUsana/template/leftcornershadow.png);
    _background: none;
}
.mainrightcorner {
    background:url(/images/myUsana/template/rightcornershadow.png);
    _background: none;
}
.mainbottomleft {
    background:url(/images/myUsana/template/bottomleftshadow.png) left top;
    _background:url(/images/myUsana/template/bottomshadow_ie6.gif) repeat-x left top;
}
.mainbottomright {
    background:url(/images/myUsana/template/bottomrightshadow.png) right top;
    _background:url(/images/myUsana/template/bottomshadow_ie6.gif) repeat-x right top;
}
.mainbottom {
    background:url(/images/myUsana/template/bottomshadow.png) repeat-x;
    _background:url(/images/myUsana/template/bottomshadow_ie6.gif) repeat-x;
}
/*------ End Main Table -------*/

#content {
	padding-top:5px;
	padding-bottom:10px;
}
#leftcolumn {
	padding-right:5px;
	width:410px;
}
#rightcolumn {
	padding-left:5px;
	width:325px;
}
.column_content {
	padding-bottom:5px;
}
/*----------------------------------- End Layout -------------------------------------------*/




/*----------------------------------- Containers -------------------------------------------*/

/*----- Header -----*/

.masthead {
	background: url(/images/myUsana/template/mastheadrepeat.gif) top left;
}
#topmenu {
	background: url(/images/myUsana/template/topmenurepeat.gif) repeat-x;
}
#header {
	z-index:3;
}
.navbar {
	padding-left:7px;
	padding-top:3px;
	padding-bottom:4px;
}

#top-keywords{
	width:100px;
}

#search-context{
width:50px;
}
/*----- End Header -----*/


/*----- Boxes -----*/


/* Main */
.boxtop_center {
	font-size: 24px;
	background:url(/images/myUsana/template/box_top_repeat.png) repeat-x;
	background-color:#003b7d;
}
.boxtop_left {

	width:10px;
	background:url(/images/myUsana/template/box_top_left.png) no-repeat;
	background-color:#003b7d;
	color:#FFFFFF;
}
.boxtop_right {

	width:10px;
	background:url(/images/myUsana/template/box_top_right.png) no-repeat;
	background-color:#003b7d;
	color:#FFFFFF;
}
/* End Main */

/* Rotating */
.rotating_center {
	background:url(/images/myUsana/template/box_rotating_repeat.gif) bottom repeat-x;
}
.rotating_left {
	background:url(/images/myUsana/template/box_rotating_left.gif) left bottom #E0EAFA;
}
.rotating_right {
	background:url(/images/myUsana/template/box_rotating_right.gif) right bottom #E0EAFA;
}
.rotating_image {
	padding: 10px 0px 10px 0px;
}

.rotating_tabFirston {
	height: 50px;
	width: 66px;
	background:url(/images/myUsana/template/rotating_tab_01_on.jpg) left;
}
.rotating_tabFirstoff {
	height: 50px;
	width: 66px;
	background:url(/images/myUsana/template/rotating_tab_01_off.jpg) left;
}

.rotating_tabMiddleon {
	height: 50px;
	width: 66px;
	background:url(/images/myUsana/template/rotating_tab_02_on.jpg) left;
}

.rotating_tabNexton {
	height: 50px;
	width: 66px;
	background:url(/images/myUsana/template/rotating_tab_03_on.jpg) left;
}
.rotating_tabNextoff {
	height: 50px;
	width: 66px;
	background:url(/images/myUsana/template/rotating_tab_03_off.jpg) left;
}

.rotating_tabendon {
	height: 50px;
	width: 4px;
	background:url(/images/myUsana/template/rotating_tab_04_on.jpg) left;
}
.rotating_tabendoff {
	height: 50px;
	width: 4px;
	background:url(/images/myUsana/template/rotating_tab_04_off.jpg) left;
}
.notab {
	border-top: #cccdce 1px double;
}
.rotating_tab_content {
	padding-left:4px;
}
.rotating_tab_content img:hover {
	border: #FFFF00 1px solid;
}
.rotating_tab_content_on {
	padding-left:4px;
}
.rotating_nav {
}
/* End Rotating */

/* News */
.news_tab_open {
	border-bottom: #cccdce 1px solid;
	background: #FFFFFF;
}
.news_tab_over {
	border-bottom: #cccdce 1px solid;
	background: #FFFFFF url(/images/myUsana/template/tab_shadow.gif) repeat-x top left;
}
.news_content {
	padding-top:5px;
	border-bottom: #cccdce 1px solid;
	border-left: #cccdce 1px solid;
	border-right: #cccdce 1px solid;
}
.seperator01 {
	margin: 5px 0px 3px 3px;
	height:1px;
	width:85%;
	background: #abb0b8 url(/images/myUsana/template/seperatorEnd.gif) right repeat-y;
}
.seperator02 {
	margin: 5px 0px 3px 3px;
	height:1px;
	width:50%;
	background: #abb0b8 url(/images/myUsana/template/seperatorEnd.gif) right repeat-y;
}
.news_stories {
	padding-left:25px;
}
.news_stories li {
	list-style: outside url(/images/myUsana/template/list01.gif);
}
.sorted {
	padding-left: 15px;
}
.sort {
	padding-right:4px;
	float:right;
}
/* End News */


/* tIM */

.st_boxtop_center {
	background:url(/images/myUsana/template/st_box_top_repeat.gif) repeat-x;
	background-color:#4386c9;
}

.st_boxtop_left {
	width:10px;
	background:url(/images/myUsana/template/st_box_top_left.gif) no-repeat;
	background-color:#4386c9;
}

.st_boxtop_right {
	width:10px;
	background:url(/images/myUsana/template/st_box_top_right.gif) no-repeat;
	background-color:#4386c9;
	color:#FFFFFF;
}

.st_boxbottom_left{
background:url(/images/myUsana/template/st_box_bottom_left.gif);
}
.st_boxbottom_right{
background:url(/images/myUsana/template/st_box_bottom_right.gif);
}

.wh_boxtop_center {
	background:url(/images/myUsana/template/wh_box_top_repeat.gif) repeat-x;
	background-color:#226661;
}

.wh_boxtop_left {
	width:10px;
	background:url(/images/myUsana/template/wh_box_top_left.gif) no-repeat;
	background-color:#226661;
}

.wh_boxtop_right {
	width:10px;
	background:url(/images/myUsana/template/wh_box_top_right.gif) no-repeat;
	/*background-color:#226661;*/
	color:#FFFFFF;
}

.wh_boxbottom_left{
background:url(/images/myUsana/template/wh_box_bottom_left.gif);
}

.wh_boxbottom_right{
background:url(/images/myUsana/template/wh_box_bottom_right.gif);
}

.ta_boxtop_center {
	background:url(/images/myUsana/template/ta_box_top_repeat.gif) repeat-x;
	background-color:#66224a;
}

.ta_boxtop_left {
	width:10px;
	background:url(/images/myUsana/template/ta_box_top_left.gif) no-repeat;
	background-color:#66224a;
}

.ta_boxtop_right {
	width:10px;
	background:url(/images/myUsana/template/ta_box_top_right.gif) no-repeat;
	background-color:#66224a;
	color:#FFFFFF;
}

.ta_boxbottom_left{
background:url(/images/myUsana/template/ta_box_bottom_left.gif);
}

.ta_boxbottom_right{
background:url(/images/myUsana/template/ta_box_bottom_right.gif);
}

.ec_boxtop_center {
	background:url(/images/myUsana/template/ec_box_top_repeat.gif) repeat-x;
	background-color:#372f66;
}

.ec_boxtop_left {
	width:10px;
	background:url(/images/myUsana/template/ec_box_top_left.gif) no-repeat;
	background-color:#372f66;
}

.ec_boxtop_right {
	width:10px;
	background:url(/images/myUsana/template/ec_box_top_right.gif) no-repeat;
	background-color:#372f66;
	color:#372f66;
}

.ec_boxbottom_left{
background:url(/images/myUsana/template/ec_box_bottom_left.gif);
}

.ec_boxbottom_right{
background:url(/images/myUsana/template/ec_box_bottom_right.gif);
}

.dlm_boxtop_center {
 width:269px;
	background:url(/images/myUsana/template/dlm_box_top_repeat.gif) repeat-x;
	background-color:#224a66;
}

.dlm_boxtop_left {
	width:10px;
	background:url(/images/myUsana/template/dlm_box_top_left.gif) no-repeat;
	background-color:#224a66;
}

.dlm_boxtop_right {
	width:10px;
	background:url(/images/myUsana/template/dlm_box_top_right.gif) no-repeat;
	background-color:#224a66;
	color:#FFFFFF;
}

.dlm_boxbottom_left{
background:url(/images/myUsana/template/dlm_box_bottom_left.gif);
}
.dlm_boxbottom_right{
background:url(/images/myUsana/template/dlm_box_bottom_right.gif);
}
.widget {
	padding-top:3px;
}
/* End tIM */






.expand {
	padding-top: 5px;
	float:right;
}
/*----- End Boxes -----*/




/*----- Misc -----*/
.bar {
	background: url(/images/myUsana/template/bar_repeat.gif) top repeat-x;
	color:#FFFFFF;
	background-color:#003b7d;
}
/*----- End Misc -----*/


/*----------------------------------- End Containers -------------------------------------------*/





/*----------------------------------- Type -------------------------------------------*/


/*----- Header -----*/

#topmenu {
	font-size:12px;
}
/*----- Boxes -----*/

.boxtop_center {
	color:#FFFFFF;
}
.boxtop_center h1 {
	float:left;
	font-weight:500;
	font-size: 26px;
	padding: 3px 0px 3px 0px;
	display:inline;
}
.boxtop_center h2 {
	float:left;
	font-weight:500;
	font-size:20px;
	padding: 3px 0px 3px 0px;
	display:inline;
}
.widget h3 {
	float:left;
	font-weight:600;
	font-size:15px;
	padding: 3px 0px 4px 0px;
	display:inline;
	color:#FFFFFF
}
.news_content h1 {
	float:left;
	font-weight:500;
	font-size:19px;
	padding: 0px 0px 4px 4px;
	display:inline;
}
.news_content h2 {
    font-weight:550;
    font-size:15px;
	padding: 4px 0px 0px 4px;
}
.sort {
	font-size:11px;
}
.news_stories li {
	font-size:11px;
}
/*----- End Boxes -----*/

/*----- Navbar Type -----*/
.navbar {
	color:#FFFFFF;
	font-size:12px;
}
/*----- End Navbar Type -----*/




/*----- Misc Type -----*/

.viewAll a {
	float:right;
	padding:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color: #002b52;
}
.moreInfo a {
	padding:3px;
	float:right;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color: #990000;
}
/*----- End Misc Type -----*/








/*----------------------------------- End Type -------------------------------------------*/

#flashcontent {
	padding-top:10px;
	padding-bottom:10px;
	z-index:inherit;
}


.subnav_section {
	font-weight:bold;
	font-size:12px;
	color:#000000;
	padding: 0px 3px 0px 5px;
}

.subnav_menu a{
	font-weight:bold;
	font-size:10px;
	color:#585858;
	padding: 0px 3px 0px 3px;
	text-decoration:none;
}
.subnav_more {
	font-weight:normal;
}

.buttonDarkBlue {
    background: url( /images/dlm/DkBlueRepeat_btn.gif ) repeat-x;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

ul.navIconSet { padding-top:10px; }
ul.navIconSet li { display:inline; }

.error {
	color:red;
	font-weight:bold;
	padding:5px 10px 8px;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


/* added for header redesign for login page */
#sysEditInfo {
    width: 952px;
    margin: 0 auto;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #ccc;
    color: #333;
}
#sysEditInfo p {
    padding: 0;
    margin-bottom: 7px;
    text-align: left;
}
#sysEditInfo .left {
    float: left;
}
#sysEditInfo .textRight {
    text-align: right;
}
/* hide unused menu... hidden in previous version */
#maincontainer .menu {
    display: none;
}

#editable {
    border:  1px dotted #999;
    text-align: right;
}
#editable.mainContainer {
    border-style: solid;
    border-bottom: none;
    padding: 5px 5px 0;
}
.editable {
	border:#60C3FF 2px solid;
	position:relative;
	display: inline-block;
	*display:inline;
	zoom:1;
}
.editable:hover {
	border:#10A4FF 2px solid;
}
.deselectedContainerItem, .selectedContainerItem {
    padding: 1px;
    overflow: hidden;
}
.deselectedContainerItem {
    border: 1px solid #CCCC99;
}

.actionButton {
    background: url("/media/Shop/images/btn_orange_bkg_00.png") repeat-x #ffa13e;
    border: 1px solid #4D4D4D;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
}

.actionButton:hover {
    background: url("/media/Shop/images/btn_orange_bkg_01.png") repeat-x #ff782a;
}

.actionButton[disabled] {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #B3B3B3;
    color: #B3B3B3;
}

.spamPrev {
    margin:2em;
    font-size: large;
}