/* Default styles that apply to the whole page */
body 
{
	margin:0; 
	padding:0; 
	background-color:#FFEDC9;
	width:320px;
	height:200px;
}

img {
border: none;
} 

body, td, th 
{
	font: normal 10pt Arial, Helvetica, sans-serif; 
	color: #000;
}

select {font-size:10pt;}
a {color:Blue;}

a.linkDisabled 
{
	color:Gray;
	text-decoration:none;
}

/* class for hiding elements */
.hide { visibility: hidden;}

/* class for clearing DIVs used after floated elements */
.spacer {clear:left; height:0px; font-size:1px!important}

/* classes that make sure only the content for the selected tab is visible */
.contentDiv {display:none;}
.contentDivSelected {margin:5px 5px;}

/* class for elements that are right-aligned (DIVs holding the buttons) */
.right {text-align:right; margin:0 10px;}

.PageTitle 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;	
}

.buttonsPeach {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DDA96C;
	height: 35px;
	width:55px;
/*	text-align:center;
	vertical-align:middle;
	border: 0px solid #9C774D; */
}

.buttonsGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #B9EABB;
	height: 35px;
	width:55px;
}

.buttonsPeachWide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DDA96C;
	height: 35px;
	width: 65px;
/*	text-align:center;
	vertical-align:middle;
	border: 0px solid #9C774D; */
}

.buttonsGreenWide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #B9EABB;
	height: 35px;
	width:65px;
}

.buttonsDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #ddd;
	height: 35px;
	width:65px;
}

.buttonsPeachWideShort {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DDA96C;
	height: 30px;
	width: 65px;
/*	text-align:center;
	vertical-align:middle;
	border: 0px solid #9C774D; */
}

.buttonsPeachVeryWideVeryShort {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DDA96C;
	height: 20px;
	width: 100px;
/*	text-align:center;
	vertical-align:middle;
	border: 0px solid #9C774D; */
}

.buttonsGreenWideShort {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #B9EABB;
	height: 30px;
	width:65px;
}

.buttonsDisabledShort {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #ddd;
	height: 30px;
	width:65px;
}

#divLinkNav
{
	position:absolute;
	top:320px;
}

/* holding DIV for the whole page */
#divContainer, #divDetailContainer
{
                margin:0;
                padding:0 10px 10px 10px;
                width:320px;
                position:relative;              
}

#divContainer label, #divDetailContainer label {font-size:10pt;}

#divTvwContainer
{
                margin:0;
                padding:10px 10px 10px 10px;
                width:275px;
                position:relative;              
}

.emph { font-weight:bold; }

.emphRed 
{ 
	font-weight:bold; 
	font-size:small;
	color:Red;
}

/* holding DIV for main content area (tabs+content) */
#divMain, #divFooter, #divComments
{              
	margin:0 8px 8px 8px;
	/*border: 1px solid #FFEDC9;*/
    border-left: 1px solid #FFEDC9;
    border-right: 1px solid #FFEDC9;
    border-bottom: 1px solid #FFEDC9;
    position:relative;              
    /* IE5 Hack */
    width:300px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:299px;
    /* End IE5 Hack */           
}

#divHeader, #divDetailHeader
{              
    width:290px;
    margin:13px 8px 0 8px;
    font-size:x-small;
}

#divHeader a, #divDetailHeader a
{              
    font-size:small;
}

.threeColLeft
{
	width:40px;
	float:left;
}

.threeColMid
{
	width:150px;
	margin-left:60px;
	float:none;
}

.threeColRight
{
	width:75px;
	margin-left:150px;
	float:right;
}

/* holding DIV and UL for the tabs */
#divTabs
{    
	float:left;          
    width:300px;
    /*margin:10px 8px 0 8px;*/
	/*background:#EDF7E7;*/
	/*background:#F7FDF1;*/
	font-size:93%;
	line-height:normal;
	/*border: 1px solid #FFEDC9;*/
	/*border-right: 1px solid #FFEDC9;*/
}

#divTabs ul {
	  margin:0;
	  padding:2px 10px 0 9px;
	  list-style:none;
}

#divTabs li {
      display:inline;
      margin:0;
      padding:0;
	/*float: left; /*For Gecko*/
	/*background-color:#FFEDC9;
	/*height: 50px;
	width:135px;*/
}

#divTabs a {
  float:left;
  /*background-color:#B9EABB;*/
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
  
#divTabs a span {
  float:left;
  display:block;
  /*background-color:#B9EABB;*/
  /*padding:5px 15px 4px 6px;*/
  padding:5px 15px 10px 6px;
  color:#464E42;
  }
  
#divTabs li a#lnkLeftBreast, #divTabs li a#lnkNap {
  background-color:#B9EABB;
}
  
#divTabs li a#lnkRightBreast, #divTabs li a#lnkInterruption {
  background-color:#DDA96C;
}
  
#divTabs li a#lnkNight {
  background-color:#339933;
}

#divTabs li a#lnkComments {
  background-color:#99CCFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#divTabs a span {float:none;}
/* End IE5-Mac hack */
#divTabs a:hover span {
  color:#FFF;
}

body.LeftBreast #divTabs li a#lnkLeftBreast, li a#lnkNap {border-bottom:1px solid #B9EABB;}
body.Night #divTabs li a#lnkNight, li a#lnkNight {border-bottom:1px solid #339933;}
body.RightBreast #divTabs li a#lnkRightBreast, li a#lnkInterruption {border-bottom:1px solid #DDA96C;}
body.Comments #divTabs li a#lnkComments {border-bottom:1px solid #99CCFF;}

/*#divTabs a:hover {
  background-position:0% -42px;
  }
#divTabs a:hover span {
  background-position:100% -42px;
  }  
*/
/*ul#uTabs ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 245px;
	list-style: none;
	display: none;
	position: relative;
	background-color:#FFFFFF;
	border-bottom: 1px solid #000;
	top: 1px;
	left: 0;
}*/

/*ul#uTabs ul li {
	float: none; /*For Gecko*/
/*	margin:0px; 
	display: block !important;
	display: inline; /*For IE*/
/*}*/
 
/*
	border: 0px solid transparent;
	border-bottom: 0px solid #000;
	border-top: 0px;
	margin:0px;
	padding: 0 0px;
	float: none !important; /*For Opera*/
/*	float: left; /*For IE*/
/*	display: block;
	background: #fff;
	height: auto !important;
	height: 1%; /*For IE*/
/*}*/

#uTabs a {
	color: #333;
	text-decoration: none;
	text-align:center;
}

#uTabs a.active {
	color: #666;
}

/*#uTabs
{
    float:left;
    list-style-type: none;
    padding: 0;
    margin: 0px 0px 0px 0px;            
    font-weight: bold;
    width:330px;   
    position:absolute; 
    height:39px;   
}*/

/* common attributes for all 4 tabs (the tab itself, not its associated content) */
/*#uTabs li 
{
	display: inline;
}

#uTabs li a
{
	color:#000;
    padding: 0;
    float:left;
    text-decoration:none;
    text-align:center;
    border:1px solid #FFEDC9;
    line-height:2em;
    /* IE5 Hack */
/*    width:155px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:153px;
    /* End IE5 Hack */
/*}
*/

/* color for the tabs and the border around the content area */
#uTabs li a#lnkLeftBreast, body.LeftBreast #divMain, #uTabs li a#lnkNap, body.Nap #divMain  
{
	background: #B9EABB; 
}

#uTabs li a#lnkNight, body.Night #divMain  
{
	background: #339933; 
}

#uTabs li a#lnkRightBreast, body.RightBreast #divMain, #uTabs li a#lnkInterruption, body.Interruption #divMain  
{
	background: #DDA96C; 
	/*color:#FFFFFF;*/
}

#uTabs li a#lnkComments, body.Comments #divMain 
{
	background: #99CCFF; 
	/*color:#FFFFFF;*/
}

#uTabs li a#lnkRightBreast, #uTabs li a#lnkLeftBreast, #uTabs li a#lnkComments, #uTabs li a#lnkInterruption, #uTabs li a#lnkNap, #uTabs li a#lnkNight
{
	height:50px;
}

/* make sure there's no border between the  selected tab and the content area */
body.LeftBreast #uTabs li a#lnkLeftBreast {border-bottom:1px solid #B9EABB;}
body.RightBreast #uTabs li a#lnkRightBreast {border-bottom:1px solid #DDA96C;}
body.Comments #uTabs li a#lnkComments {border-bottom:1px solid #99CCFF;}
body.Nap #uTabs li a#lnkNap {border-bottom:1px solid #B9EABB;}
body.Interruption #uTabs li a#lnkInterruption {border-bottom:1px solid #DDA96C;}
body.Night #uTabs li a#lnkNight {border-bottom:1px solid #339933;}


/* holding DIV for the main content*/
#divMainContent
{
	margin:4px 5px;                
    /*background: #FFCC99;*/
    background: #F7FDF1;
    position:relative;              
}

/* classes that limits a container in a popup to about half of the width of its parent
   (if we're not inside a popup box, also give the container some margins on the sides)
    this is like creating columns inside a table */
.dHalfWidth, .dHalfWidthInnerBox
{
                width:43%;
                position:relative;
                float:left;
}
.dHalfWidth
{
                margin: 0 5px 0 5px;
}

/* this is like creating rows within a table */
.dHalfWidth p
{
                clear: both;
                text-align:left;
                margin: 9px 0;
                display:block;
}

/* elements that should be bold */         
label.required, label.emphasize 

/* unique attributes for labels inside the half/third width containers */
.dHalfWidth p label {       width: 110px;}

/* common attributes the labels inside the half width containers */
.dHalfWidth p label
{
                float: left;
                text-align: right;
                margin: 1px 1px 0 0;
                padding: 1px;
                border: 2px solid #ddd;
                color:#444;
                background:#ddd;
}

/* background color for all labels in the content tabs */
#divLeftBreast label, #divRightBreast label, #divPFComments label, #divNap label, #divInterruption label, #divNight label
{
                color:#444;
} 

/* override the label color for invisible labels that are used just for layout */
#divLeftBreast label.noshow, #divRightBreast label.noshow, #divPFComments label.noshow, #divNap label.noshow, #divInterruption label.noshow, #divNight label.noshow
{
                border-color: #f4f4f4; 
                background:#f4f4f4;                       
}

/* color for dividing horizontal lines */
/*#divLeftBreast hr  {color:#DDA96C; height:3px; border-bottom:2px solid #B9EABB;}
#divRightBreast hr {color:#B9EABB; height:3px; border-bottom:2px solid #DDA96C;}
*/
/* button styling*/
button.continue, button.cancel, button.finish
{
                margin:2px 10px 2px 0;
                padding:1px 2px;
                color:White;
                font-weight:bold;
                background:#f60; 
                border:1px solid #7641af ;
}

/* input fields styling */
#divLeftBreast input, #divNap input {border:2px solid #B9EABB;}
#divRightBreast input, #divInterruption input {border:2px solid #DDA96C;}
#divPFComments input {border:2px solid #99CCFF;}
#divNight input {border:2px solid #339933;}
#divRightBreast input.disabled, #divLeft input.disabled {border: 2px solid #ccc;  background : #ddd;}
#divRightBreast select.disabled {background : #ddd;}

#divFooter input, #divComments input
{
	margin:2px 10px 2px 0;
    padding:1px 2px;
    color:Black;
    font-weight:bold;
    background:#99ff99; 
    border:1px solid #7641af ;
    width:50px;
    height:25px;
}

#divComments input.InputText
{
	background:White;
	height:18px;
}

#divFooter
{
	font-size:large;
}

.formLabel {
	font-size: 10pt;
	color: Black;
	text-decoration: none;
	height: 35px;
	padding-left: 10px;
	font-weight: bold;
}

.Form {
	background-color: #F7FDF1;
	/*border: 1px solid #DDDDDC;*/
	border: none;
}