/* Version Information
-----------------------------------------------
GravityFree Prototyping Stylesheet
Author:   Timothy J. Knight <tknight@gravityfree.com>
Version:  3 Jan 2007
----------------------------------------------- */

/* @group General */

blockquote cite{padding-left: 20px;}

form{margin: 0;padding: 0;}

label{
	cursor: pointer;
}

.left{
	float: left;
	margin: 0 10px 10px 0;
}

.right{
	float: right;
	margin: 0 0 10px 10px;
}

span.headerphone{
	font-size: 150%; /* Used for phone numbers in the prototype header*/
}

fieldset legend{
	font-size:15px;
	padding-bottom: 3px;
	letter-spacing: -1px;
	color:#884714;
	font-weight:bold;
	text-transform:lowercase;
}

/* @end */

/* @group Highlight Marks */

span.highlight{background-color: #ffc;}

span.dynamic{background-color: #e9f1fb;}

	span.dynamic:before{content: "[";}
	span.dynamic:after{content: "]";}

/* @end */

/* @group Headers */

h1.blockstylish{
	font:190% arial,verdana,sans-serif;
	font-weight: bold;
	background:url(../images/backgrounds/headerBack.jpg)no-repeat;
	color: white;
	margin:0;
	padding:6px 15px 0 15px;
	text-transform:uppercase;
	height:32px;
}

h2.stylish{
	font: 150% Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #357eb3;
	padding-bottom: 3px;
	letter-spacing: -1px;
	color:#357eb3;
}

h2.blockstyle{
	background-color: #ccc;
	border: 1px solid black;
	padding: 3px 3px 2px;
}

h2.underlined{
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

/* @end */

/* @group Photo Styles */

div.photocap, img.shadowbox{
	background-color: #f5f5f5;
	border: 1px solid #eee;
	padding: 10px;
}

div.photocap img{
	border: 0;
}

div.photocap p{ /* Usage: Creating a caption in the photocap */
	font: italic 90% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0;	
}

/* @end */

/* @group Buttons */

a.graybanner{
	display: block;
	background-color: #ccc;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	/* Set a width and line-height (use padding if text is multi-line) inline to control object size */
}

/* @end */

/* @group Pagination */

ul.pagination{list-style: none;margin: 0;padding: 0; text-align: center; line-height: 30px;}
ul.pagination li{display: inline;}

ul.pagination li a{
	padding: 4px 5px 2px;
	border: 1px solid #45881b;
	margin: 0 3px;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	background-color: white;
	color:#428618;
	font-weight:bold;
}

ul.pagination li a:hover{background-color: #d0efb4;}
ul.pagination li.current a{background-color: #5fae18;color:white;font-weight:bold;}
ul.pagination li.previous a, ul.pagination li.next a{padding: 4px 10px 2px;}

a.external{
	background: url(external-link.png) right center no-repeat;
	padding-right: 15px;
}
/* @end */

br.break{clear:both;margin-bottom: 15px;}

ul#steplist{
	list-style: none;
	margin: 0;
	padding:0;
	clear:both;
}

ul#steplist li{
	float: left;
	margin:0px;
	line-height: 150%;
	text-transform: uppercase;	
	font-size: 90%;	
	border-bottom:0;
	color:#747474;
	background:url(../images/backgrounds/behindNumbersOff.jpg);
	width:118px;
	height:32px;
	padding:10px 9px 2px 9px;
	font-weight:bold;
}

ul#steplist li.active{
	color:#5e9c2f;
	background:url(../images/backgrounds/behindNumbersOn.jpg);
	width:118px;
	height:32px;
}

ul#steplist li.set{
	border-bottom:0;
	color: #357eb3;
	background:url(../images/backgrounds/behindNumbers.jpg);
	width:118px;
	height:32px;
}


ul#steplist li span.step{
	font-size: 200%;
	font-weight:bold;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	color:silver;
}

ul#steplist li.active span.step{
	color: #8ab85f;
}

ul#steplist li.set span.step{
	color: #8bb5d3;
}

ul#steplist li.set em{
	font-size: 80%;
}