/*
*
*		Step Menu Navigation
*
*		This includes next/back navigation as well as indexed blocks of navigation
*/

.stepnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	text-align:center;
}

.stepnav ul {
	margin:0px;
	padding:2px;
}

.stepnav ul li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

.stepnav .back span,
.stepnav .next span,
.stepnav a{
	margin:0px;
	padding:3px 2px 3px 2px;
	vertical-align:middle;
	border:1px solid #DDDDDD;
	text-decoration:none;
	color:#464646;
}

/* Back and next button arrow graphic */
.stepnav .back span,
.stepnav .next span,
.stepnav .back a,
.stepnav .next a,
.stepnav .index a,
.stepnav a:visited {
	margin:2px;
	text-decoration:none;
	color:#464646;
}
.stepnav .back span,
.stepnav .back a {
	background-repeat: no-repeat;
	background-image:url(/images/gfx/triangle-r.gif);
	background-position: center left;
	padding-left:10px;
}
.stepnav .next span,
.stepnav .next a {
	background-repeat: no-repeat;
	background-image:url(/images/gfx/triangle.gif);
	background-position: center right;
	padding-right:10px;
}

/* list of items, highlighted active item */
.stepnav .item a,
.stepnav .active a {
	color: #333333;
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}
.stepnav .oneD a {
	padding-left:6px;
	padding-right:6px;
}
.stepnav a:hover,
.stepnav .active a {
	color: #000000;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	text-decoration:none;
}

/* inactive choices */

.stepnav .back span,
.stepnav .next span
{
	color:#CCCCCC;
	border-color:#EEEEEE;
}
.stepnav .back span
{
	background-image:url(/images/gfx/triangle-r-dim.gif);
}
.stepnav .next span
{
	background-image:url(/images/gfx/triangle-dim.gif);
}


/* Graphic dots in the background above and below */
/*
.topDots,
.bottomDots {
	background-image:url(/images/gfx/dotsgraid.gif);
	background-repeat: no-repeat;
}
.topDots {
	background-position: center top;
}
.bottomDots {
	background-position: center bottom;
}*/


.navPrevIndexNext {
	width:350px;
}

.navPrevIndexNext a .button {
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 10px;
	text-decoration: none;
}

.navPrevIndexNext img {
	vertical-align:bottom;
}

/*
*	Page Options Table
*/
.pageOptionsTable {
	background:#F9F9F9;
	border:solid #EEEEEE 1px;
	margin:0px;
	padding:0px;
	text-align:left;
	margin-bottom:10px;
}
.pageOptionsTable .td1 {
	width:70px;
}
.pageOptionsTable .td2 {
	width:250px;
}
.pageOptionsTable .td3 {
	width:280px;
	text-align:right;
}


/*
*	Options Section (For sizes etc.)
*	
*/
.breadcrumb {
	font-size: .9em;
	margin:0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
	color: #000000;
}
.breadcrumb a {
	color: #444444;
	font-weight:bold;
}
.breadcrumb a:link,
.breadcrumb a:visited{
	color: #333333;
	font-weight:normal;
	text-decoration: none;
}
.breadcrumb a:hover{
	text-decoration: none;
	color: #222222;
	background-color:#CCCCCC;
}
/*


/*
*	Options Section (For sizes etc.)
*	
*/
.pageOptions {
	font-size: .8em;
	margin:0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
	color: #000000;
}
.pageOptions a {
	color: #444444;
	font-weight:bold;
}
.pageOptions a:link,
.pageOptions a:visited{
	color: #333333;
	font-weight:normal;
	text-decoration: none;
}
.pageOptions a:hover{
	text-decoration: none;
	color: #222222;
	background-color:#CCCCCC;
}
/*
*	Page Options Table
*/
.pageOptionsLeft {
	margin-top: -30px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	text-align:left;
	
	position: absolute;
	left: 10px;
	top: 100px;
	width:250px;
}
.pageOptionsRight {
	margin-top: -30px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	text-align:right;
	
	position: absolute;
	right: 10px;
	top: 100px;
	width:250px;
}

/*
*	Page View Mode Styles
*/

.pageMode {
	margin:0px;
	padding:0px;
	vertical-align:middle;
	
	/* Moves to the upper left
	float: left;
	position: absolute;
	left: 10px;
	top: 110px;
	margin: 0px;
	*/
}
.pageMode td {
	margin:0px;
	padding:0px;
}
.pageMode a {
	display:block;
	height:15px;
	width:15px;
	background: url(/images/gfx/porfolio_view_icons.gif) no-repeat bottom left;
	background-position: 0px 0px;
	text-decoration:none;
}

.pageMode .indexViewActive a,
.pageMode .indexView a:hover {
	background-position: 0px -20px;
}
.pageMode .thumbsView a{
	background-position: -20px 0px;
}
.pageMode .thumbsViewActive a,
.pageMode .thumbsView a:hover {
	background-position: -20px -20px;
}

/*
*
*		Index Pages
*
*/
#itemIndex {
	margin-bottom:50px;
}

#itemIndex img {
	background-color: #FFFFFF;
	border:solid #FFFFFF 0;
	margin: 4px 2px 4px 2px;
	padding: 0px;
}
#itemIndex .highlightBox,
#itemIndex a:hover img {
	border:solid #AAAAAA 0;
	background-color:#CCCCCC;
}
/*
*	Item Index page
*/

#itemIndex {
	text-align:center;
}

#itemIndex .imageIndex {
	width: 700px;
	margin-bottom:50px;
}

#itemIndex .imageIndex td.description {
	width: 50%;
	text-align:justify;
	padding-right:10px;
	border-right:#CCCCCC solid 2px;
	vertical-align: top;
}

#itemIndex .imageIndex td.thumb {
	width: 100px;
	text-align:center;
}
#itemIndex .imageIndex td.info {
	width: 50%;
	text-align:left;
	padding-left: 5px;
	vertical-align:middle;
}

#itemIndex a {
	color:#444444;
}

#itemIndex a:hover {
	text-decoration:none;
	color:#333333;
}

#itemIndex .imageIndex .title {
	display:block;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}
#itemIndex .imageIndex .subtitle {
	display:block;
	font-size:12px;
	font-weight:bold;
}
#itemIndex .imageIndex .details {
	display:block;
	font-size:12px;
	font-weight:normal;
}

#itemIndex .imageIndex td.info  a  {
	text-decoration:none;
	color:#444444;
}
#itemIndex .imageIndex td.info a:active {
	background-color:#999999;
}

/* Image Rollover effects */
#itemIndex .imageIndex td.thumb  img {
	background-color: #FFFFFF;
	border:solid #FFFFFF 0;
	padding: 4px;
}
#itemIndex .imageIndex td.thumb  a  {
	background-color:#FFFFFF;
	border:0px;
}
#itemIndex .imageIndex td.thumb  a:hover img {
	border:solid #666666 0;
	background-color:#FFFFFF;
}


/*
*
*		Thumbnail Page
*
*/
#itemIndex #thumbIndex {
	text-align:center;
}
#itemIndex #thumbIndex td.thumbnail {
	width:150px;
	height:125px;
	padding:5px;
	margin:0px;
}
#itemIndex #thumbIndex td.thumbnail a {
	display:block;
	width:100%;
	height:100%;
	border:#DDDDDD solid 2px;
	text-align:center;
	background-color:#FFFFFF;
}
#itemIndex #thumbIndex td.thumbnail a:hover {
	border-color:#999999;
}
#itemIndex #thumbIndex td.thumbnail img{
	vertical-align:middle;
}

#itemIndex #thumbIndex td.title {
	width:150px;
	padding: 0px 5px 0px 5px;
	margin:0px;
	margin-top:-10px;
}
#itemIndex #thumbIndex td.title a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#444444;
}
#itemIndex #thumbIndex td.title a:hover {
	color:#000000;
	background-color:#FFFFFF;
}

/*
*
*		Detail Page
*
*/

#itemDetail {
	text-align:center;
}

#itemDetail .description{
	text-align:left;
	width:500px;
	border:#DDDDDD solid 1px;
	padding:10px;
	margin: 10px auto 10px auto;
	background-color:#EEEEEE;
}



/*
*	Search Box input
*/
.searchInput {
	text-align: right;
	vertical-align:middle;
	
	width: 300px;
	position: absolute;
	float: right;
	right: 10px;
	top: 10px;
	margin: 0px;
}
.searchInput .button{
	vertical-align:middle;
}