/* - - - - - - CSS Document - - - - - - - - -
Title : SS
Author : Cody.Lindley@albertsons.com

Created : 3/16/07
Description:
- - - - - - - - - - - - - - - - - - - - - */

/* = Base Styles
----------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0;} /* clear all default CSS */

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	color:#333; /* global font color */
}

a { text-decoration:none;}
a:hover {text-decoration:none;}



table {font-size:inherit;font:100%;}

/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}

/* Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}

/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}

/* ----- add selectors here for font sizing ----- */
add selectors here {font-size: 77%} /* =10 */
add selectors here {font-size: 85%} /* =11 */
add selectors here {font-size: 92%} /* =12 */
add selectors here {font-size: 100%} /* =13 */
add selectors here {font-size: 107%} /* =14 */
#mainNav li a em, h4 {font-size: 14px} /* =15 */
add selectors here {font-size: 122%} /* =16 */
add selectors here {font-size: 129%} /* =17 */
add selectors here {font-size: 136%} /* =18 */
add selectors here {font-size: 144%} /* =19 */
h2 {font-size: 152%} /* =20 */
add selectors here {font-size: 159%} /* =21 */
add selectors here {font-size: 167%} /* =22 */
add selectors here {font-size: 174%} /* =23 */
add selectors here {font-size: 182%} /* =24 */
add selectors here {font-size: 189%} /* =25 */
add selectors here {font-size: 197%} /* =26 */

/* ----- base links ----- */

/* ----- random base styles and styles used in conjunction with javascript ----- */
.clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
.clearfloat {clear: both; display: block;}
.floatRight{float:right;}
.floatLeft{float:left;}
img{border:none;}
p{line-height:1.4em; margin:0 0 7px 0; text-align:left;}
.displayNone{display:none;}
.displayBlock{display:block;}

/* ----- base h's ----- */

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both;  float:left; margin-top:-60px; }
#mainNav li{
	height:71px;
	list-style:none; 
	float:left;
	background-color:#ababab;
	background-image: url(images/navBtn.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#5fa71f;
	background-image: url(images/navLastDoneBtn.png);
}

#mainNav li.lastDone{
	background-color:#5fa71f;
	background-image: url(images/navDoneBtn.png);
}

#mainNav li.done{
	background-color:#5fa71f;
	background-image: url(images/navDoneBtn.png);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc; 
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff; 
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block; 
margin:6px 0 0 10px; 
font-style:normal;

}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}


#wizardpanel {
	 display:none;
}
#wizardcontent { display:block; }
#wizardwrapper{width:728px; border:1px solid #ababab; float:left; font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
.demo_tbl { margin:0px auto;}


/* BUTTONS */



.buttons{clear: both;
width: 865px; float:left; 
margin-left: -71px;}


.next {float:right; cursor: pointer;}
.previous {float:left; cursor: pointer;}






.myButton1 {
	background-color:#ababab;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block; margin-top:12px;
	cursor:pointer;
	color:#ffffff; 
	font-family:arial;
	font-size:15px;
	padding:15px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton1:hover {
	background-color:#5fa71f;
}
.myButton1:active {
	position:relative;
	top:1px;
}
.fontsize { font-weight:bold;}