/*
*
*	Pixaria Gallery
*	Copyright Jamie Longstaff
*
*/

/* Main DOM elements
----------------------------------------------- */

body
	{
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	background-color: #FFFFFF;
	border: thin;
	text-align: center;
	padding: 0px;
	min-width: 900px;
	max-width: 1089px;
	margin: 0px auto;
	color: #555;
	}


h1
	{
	font-weight:bold;
	margin:4px 0px 4px 0px;
	font-size:14pt;
	text-align:left;
	}

h2
	{
	font-weight:normal;
	margin:0px 0px 1px 0px;
	font-size:11pt;
	line-height:15pt;
	}

h3
	{
	font-weight:bold;
	margin:0px 0px 1px 0px;
	font-size:10pt;
	line-height:15pt;
	}
	
h4
	{
	font-weight:bold;
	margin:0px 0px 0px 0px;
	font-size:8.5pt;
	line-height:10pt;
	}	
	


p,div,td
	{
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	font-size:9pt;
	line-height:12pt;
	}

a:link,a:visited,a:active
	{
	color: #555;
	}

a:hover
	{
	text-decoration:underline;
	color: #555;
	}

li
	{
	margin-top:9pt;
	}

form
	{
	margin:0px;
	}

form .forminput
	{
	font-size:8pt;
	color:#222;
	}

.formbutton
	{
	border:1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 10px 10px 10px 10px; font-weight:bold; text-align: center; color: #444; background-color: #f4f5f5; font-size:1.0em; font-weight:bold;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
	

.formbutton:hover{
 border:1px solid #bfc4c4; background-color: #d9dddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), top(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}	

.hr {width:1px;text-align:center;height:250px;background-color:#CCC;top:0px;left:50px;z-index:10;margin-left:auto;
margin-right:auto;}

.bold
	{
	font-weight:bold;
	}
	
.underline
	{
	text-decoration:underline;
	}
	

			
	
a.login:link {color: #333; text-decoration:none; font-family:Helvetica, Arial, Geneva, Sans-Serif;}
a.login:visited {color: #333; text-decoration:none; font-family:Helvetica, Arial, Geneva, Sans-Serif; }
a.login:hover {color: #333; text-decoration:none; font-family:Helvetica, Arial, Geneva, Sans-Serif;}
a.login:active {color: #333; text-decoration:none; font-family:Helvetica, Arial, Geneva, Sans-Serif;} 
	

#newsfeed {
	float: right;
	width: 200px;
	height:100px;
	text-align: right;	
	padding:0px 0px 0px 0px;
	}	

/* Main Navigation
----------------------------------------------- */

	


/* ID Entities
----------------------------------------------- */


#masthead /* Defines the background image and style of the main masthead */
	{
	height:82px;
	background-color:#FFF;
	margin-left: auto;
	margin-right: auto;
	width: 894px;
	text-align: left;
	}
	
	
#copyright {
	background-color: #333;
	color: #fff;
	text-decoration:none;
	padding:10px;
	font-size:8pt;
	}


.copyright2:link {color: #FFF;}
.copyright2:visited {color: #FFF; }
.copyright2:hover {color: #FFF;}
.copyright2:active {color: #FFF;} 
	
#byline /*  */
	{
	padding:10px;
	font-size:7pt;
	}	
	

#content
	{
	min-width: 780px;
	max-width: 1260px;
	margin: 0px 0px 0px 0px;
	position: absolute-top;
	text-align: left;
	}


/* Classes from version 1.x stylesheet
----------------------------------------------- */

.html-error-warning
	{
	color:#F00;
	}

.required
	{
	color:#00ccff;
	padding-left: 4px;
	font-size: 16px;
	font-weight:bold;
	}
	

.list-one /*  */
	{

	}
	
.list-two /*  */
	{

	}

.icon /*  */
	{
	font-size:10pt;
	background:#FFF;
	background-position:center center;
	padding:3px;
	border: 1px solid #CCC;
	}

.thumbnail /*  */
	{
	font-size:10pt;
	background:#FFF url('../../Saturn2/images/loaders/image_loading.gif');
	background-position:center center;
	padding:0px;
	border: 0px solid #CCC;
	text-align:center;

	}

.image /*  */
	{
	background:#FFF;
	padding:0px;
	border: 0px solid #CCC;
	}


.plain
	{
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	}
	
	
.plain:link {color: #FFF;}
.plain:visited {color: #FFF; }
.plain:hover {color: #FFF;}
.plain:active {color: #FFF;} 

/* Header and navigation */



#header
	{
	background-color: #f2f2f3;
	min-height:90px;
  	height:auto !important;
  	height:128px; /*ie*/
	min-width: 780px;
	max-width: 1260px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
	}
	
#header #logosearch {
	top:10px;
	float: left;
	height:auto !important;
	height:95px; /*ie*/
	width: 100%;
	text-align: right;
	}

#header #logo {
	top:10px;
	float: left;
	height:auto !important;
	height:95px; /*ie*/
	width: auto;
	}

/* navigation */
	
#header #navigation {
	background-color: #0CF;
	float: left;
	width: 100%;
	height: 30px;
}

ul {
 padding: 0px;
 margin: 0px;
 }

#header #navigation #search{
	float:right;	
}


#header #nav {
	float: left;
	width: 100%;
	vertical-align:top;
	list-style: none;
		}
	
#header #nav li {
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0;
	}
	
#header #nav li a {
	border-right:  1px solid #66ccff;
	float: left;
	margin: 0;
	padding:7px 12px 7px 12px;
	font-size: 11pt;
	text-decoration: none;
	color: #FFF;
	}
	

#header #nav li a:hover {
	background:#66ccff;
	}
	
#header #nav li.active a {
	font-weight: bold;
	color:66ccff;
	background: #fff;
	}	
	

/* lang */
#header #navlang {
	float: left;
	width: 30px;
	vertical-align:top;
	list-style: none;
		}
	
#header #navlang li {
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0;
	}
	
#header #navlang li a {
	border-right:  1px solid #66ccff;
	float: left;
	margin: 0;
	padding:2px 12px 2px 12px;
	}
	
	

/* admin/login/logout */

#header #navlogin {
	float: left;
	width: 250px;
	vertical-align:top;
	list-style: none;
		}
	
#header #navlogin li {
	margin: 0 2px 0 0;
	float: left;
	padding: 0;
	}
	
#header #navlogin li a {
	border-right:  1px solid #66ccff;	
	float: left;
	margin: 0;
	padding:7px 12px 7px 12px;
	font-size: 10pt;
	text-decoration: none;
	color: #FFF;
	}
	
#header #navlogin li a:hover {
	background:#66ccff;
	}
	
#header #navlogin li.active a {
	font-weight: bold;
	color:66ccff;
	background: #fff;
	}	
	
#header #navlogin li:first-child {
border-left: 1px solid #66ccff;
} 
	
/* admin/login/logout */		
	
#login2 {
	float: right;
	height: 15px;
	padding: 0px 20px 0px 0px;
	color: #333;
	text-align: right;
	text-decoration:none;
	}
	
	
#cart {
	float: left;
	clear: both;
	height: 30px;
	color: #333;
	text-align: right;
	text-decoration:none;
	}
		
	
#login {
	float: right;
	height: 70px;	
	padding:0px;
	color: #333;
	text-decoration:none;
	text-align:center;
	}	

	
/* Pagination interface
----------------------------------------------- */

.pagination
	{
	float: right;
	width: auto;
	}
	
.pagination a
	{
	display: block;
	padding: 3px 7px;
	text-align: right;
	margin: 0 3px 0 0;
	color:#DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #DDD;
	text-decoration:none;
	float: left;
	}

.pagination a:hover
	{
	color: #3873AD;
	float: left;
	width: auto;
	}

.pagination .spacer
	{
	display: block;
	padding: 3px 7px;
	float: right;
	margin: 0 3px 0 0;
	} 
	
.pagination .disabled, .pagination .current
	{
	display: block;
	padding: 3px 7px;
	margin: 0 3px 0 0;
	color:#333;
	border-top: 1px solid #AAA;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #AAA;
	text-decoration:none;
	float: left;
	} 

.pages
	{
	float:right;
	padding-right:4px;
	}
	
/* Pagination bottom prev/next
----------------------------------------------- */

.pagination-btm
	{
	float: right;
	width: auto;
	}
	
.pagination-btm a
	{
	display: block;
	padding: 3px 7px;
	text-align: right;
	margin: 0 3px 0 0;
	color:#DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #DDD;
	text-decoration:none;
	float: left;
	}

.pagination-btm a:hover
	{
	color: #3873AD;
	float: left;
	width: auto;
	}

.pagination-btm .spacer
	{
	display: block;
	padding: 3px 7px;
	float: right;
	margin: 0 3px 0 0;
	} 
	
.pagination-btm .disabled .pagination .current-btm
	{
	display: block;
	padding: 3px 7px;
	margin: 0 3px 0 0;
	color:#3873AD;
	border-top: 1px solid #3873AD;
	border-right: 1px solid #3873AD;
	border-bottom: 1px solid #3873AD;
	border-left: 1px solid #3873AD;
	text-decoration:none;
	float: left;
	} 

.pages-btm
	{
	float:right;
	padding-right:4px;
	}	
	
	
/* Form input for choosing number of thumbs
----------------------------------------------- */

.page-button
	{
	font-size:10pt;
	margin:0 2px 2px 0;
	text-decoration: none;
	height:16px;
	border:1px solid #AAA;
	padding: 3px 7px;
	text-align:center;
	color:#444 !important;
	float:left;
	}
	

/* Pop up menu for choosing number of thumbs
----------------------------------------------- */

#thumb-select
	{
	width:300px;
	float:left;
	margin: 0;
	padding: 0;
	}

#thumb-select ul {
	
	}
	
#thumb-select ul li {
	margin:0;
	padding:0;
	position: relative;
	}
	
#thumb-select li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 24px;
	display: none;
	}

/* Styles for Menu Items */
#thumb-select ul li a {
	display: block;
	text-decoration: none;
	background: #CCC; /* IE6 Bug */
	height:16px;
	padding: 3px 7px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #DDD;
	}
	
#thumb-select ul li a:hover { background: #EEE; } /* Hover Styles */
		
/* Holly Hack. IE Requirement \*/
* html #thumb-select ul li { float: left; height: 1%; }
* html #thumb-select ul li a { height: 1%; }
/* End */

#thumb-select li:hover ul, #thumb-select li.over ul { display: block; } /* The magic */

/* Version 2.x New Classes and IDs
----------------------------------------------- */

#popup-content
	{
	background:#333;
	text-align:left;
	}

#front-innerdiv
	{
	width:100%;
	}

#front-outerdiv
	{
	padding:0px;
	}

/*  Styles for gallery descriptions */

.table-gallery-description
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-gallery-description thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-gallery-description thead th a
	{
	text-decoration:none !important;
	color:#FFF !important;
	}

.table-gallery-description table
	{
	margin:5px;
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border-spacing:0px;
	}

.table-gallery-description tbody td
	{
	background-color:#DDD;
	}
	
.table-gallery-description td th
	{
	width:190px;
	vertical-align:top;
	text-align:center;
	}
	
.table-gallery-description td td
	{
	vertical-align:top;
	text-align:left;	
	}
	
.table-gallery-description td h1
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
	
/*  Styles for text layout tables */

.table-text
	{
	border-collapse:collapse;
	width:100%;
	color: #333;
	line-height:1.2em;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin-bottom:20px;
	}

.table-text th
	{
	width:33%;	
	vertical-align:top;
	padding:2px 5px 7px 0px;
	font-weight:bold;
	font-size:10pt;
	text-align:justify;
	margin-top:0px;
	margin-right:8px;
	margin-left:2px;
	line-height:1.3em;
	}
	
.table-text td
	{
	width:33%;	
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	}

.table-text td h1
	{
	font-weight:bold;
	color: #333;
	font-size:12pt;
	margin-top:2px;
	}
	
.table-text td h2
	{
	font-weight:bold;
	color: #333;
	font-size:11pt;
	margin-top:2px;
	}
	
.table-text td h2 b
	{
	font-weight:bold;
	font-size:11pt;
	color: #333;
	margin-top:2px;
	color:#3B569B;
	}		
	
.table-text td h3
	{
	font-weight:bold;
	font-size:9pt;
	margin-top:2px;
	color: #AAA;
	}
	
.table-text p
	{
	font-size:9pt;
	margin-top:2px;
	color: #333;
	}

.table-text a:link,a:active {color: #00ccff;text-decoration:none;}
.table-text a:hover {color: #00ccff;}
	
/*  Styles for form layout tables */

.table-form
	{
	border-collapse:collapse;
	width:533px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-form thead th
	{
	text-align:left;
	font-size:11pt;
	color:#333;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-form tbody th
	{
	padding:8px 0px 0px 4px;
	font-size:10pt;
	}
	
.table-form tbody td
	{
	height:25px;
	vertical-align:middle;
	height:20px;
	padding:3px;	
	}

.table-form tbody td h1
	{
	font-weight:bold;
	font-size:12pt;
	margin-top:2px;
	}
	
.table-form tbody td h2
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}
	
.table-form tbody td h3
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
.table-form tbody td td
	{
	padding:0px;
	}

.table-form tbody th td
	{
	padding:0px;
	}

/*  Styles for cart list details  */

.table-form .messages
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-form .messages th
	{
	padding:3px;
	vertical-align:top;
	width:33%;
	}

.table-form .messages td
	{
	padding:3px;
	vertical-align:top;
	width:66%;
	}

/*  Styles for cart messages  */

.table-cart
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-cart thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-cart tbody th
	{
	vertical-align:middle;
	text-align:center;
	padding:0px;
	width:33%;
	font-size:9pt;
	font-weight:bold;
	}
	
.table-cart tbody td
	{
	vertical-align:middle;
	padding:0px;
	width:33%;	
	text-align:left;	
	}

.table-cart .cart-item
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-cart .cart-item th
	{
	padding:3px;
	width:33%;
	text-align:left;	
	}

.table-cart .cart-item td
	{
	padding:3px;
	width:66%;
	text-align:left;	
	}

/*  Styles for list views  */

.table-listbox
	{
	border-collapse:collapse;
	border:solid 1px #CCC;
	color:#444;
	width:100%;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin-bottom:20px;
	}

.table-listbox th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#333;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-listbox td
	{
	vertical-align:middle;
	text-align:left;
	padding:0px 0px 0px 3px;
	line-height:20px;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	}

.table-listbox td a
	{
	text-decoration:none;
	}

.table-listbox td a:hover
	{
	text-decoration:none;
	}
	

.table-listbox .options
{
padding:3px 0px 4px 4px;
text-align:left;
background-color:#DDD;
font-weight:normal;
}

.table-listbox .options .option-title
{
padding:5px 5px 0 0;
width:10em;
text-align:left;
font-weight:bold;
float:left;	

}

/*  Styles for popup window text layout tables */

.table-popup-text
	{
	border-collapse:collapse;
	width:100%;
	line-height:1.2em;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	margin:0px;
	}

.table-popup-text th
	{
	width:33%;	
	vertical-align:top;
	padding:2px 5px 7px 0px;
	font-weight:bold;
	letter-spacing:-1pt;
	font-size:14pt;
	text-align:justify;
	margin-top:0px;
	margin-right:8px;
	margin-left:2px;
	line-height:1.3em;
	}
	
.table-popup-text td
	{
	width:33%;	
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	}

/*  Styles for popupwindow form layout tables */

.table-popup-form
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-popup-form thead th
	{
	width:50%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-popup-form tbody th
	{
	height:26px;
	vertical-align:top;
	padding:8px 0px 0px 4px;
	width:50%;
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	}
	
.table-popup-form tbody td
	{
	height:26px;
	vertical-align:middle;
	height:20px;
	padding:3px;
	width:50%;	
	text-align:left;	
	}

.table-popup-form table
	{
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
	}

.table-popup-form tbody td td
	{
	padding:0px;
	}

.table-popup-form tbody th td
	{
	padding:0px;
	}

/*  Styles for cart messages  */

.table-cart
	{
	border-collapse:collapse;
	width:100%;
	padding:0px;
	border:1px solid #CCC;
	margin-bottom:20px;
	border-spacing:0px;
	}

.table-cart thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-cart tbody th
	{
	vertical-align:middle;
	text-align:center;
	padding:0px;
	width:33%;
	font-size:9pt;
	font-weight:bold;
	}
	
.table-cart tbody td
	{
	vertical-align:middle;
	padding:0px;
	width:33%;	
	text-align:left;	
	}

.table-cart .cart-item
	{
	width:100%;
	inherit:none;
	border-collapse:collapse;
	}

.table-cart .cart-item th
	{
	vertical-align:top;
	padding:3px;
	width:33%;
	text-align:left;	
	}

.table-cart .cart-item td
	{
	padding:3px;
	width:66%;
	text-align:left;	
	}

/*  Styles for search box  */

.table-search
	{
	table-layout:fixed;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:0px;
	background-color:#DDD;
	border:1px solid #CCC;
	}

.table-search th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-search td .search-box
	{
	float:left;
	margin:5px 0 5px 0;
	padding:0 10px 0 10px;
	width:20%;
	min-height:150px;
	//height:150px;
	}
	
/*  Styles for image import form  */

.table-import
	{
	table-layout:fixed;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#DDD;
	border:1px solid #CCC;
	}

.table-import th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-import td .import-box
	{
	float:left;
	margin:5px 0 5px 0;
	padding:0 10px 0 10px;
	width:20%;
	min-height:170px;
	}
	
	
/*  Styles for news box  */

.table-news-content
	{
	font-size:9pt;
	}
	
.table-news
	{
	table-layout:fixed;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#DDD;
	border:1px solid #CCC;
	}

.table-news thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-news tbody th
	{
	text-align:left;
	font-weight:normal;
	padding:5px;
	}

.table-news tbody td
	{
	text-align:left;
	font-weight:normal;
	padding:5px;
	}

.table-news tbody th hr
	{
	border: 0;
	margin:10px 5px 10px 0px;
	height: 1px;
	background-color:#AAA;
	}
	
.table-news tbody th .promote
	{
	padding:2px 2px 2px 2px;
	color:#444;
	font-size:8pt;
	background:#EEE;
	border:1px solid #AAA;
	margin:0 10px 0 0;
	float:right;
	text-decoration:none !important;
	}
	
.table-news tbody th .promote:hover
	{
	background:#FFF;
	}
	
.table-news tbody .link-rss
	{
	background:url('../../Saturn2/images/icons/22x22.rss.png') no-repeat;
	font-size:9pt;
	padding:5px 0 10px 26px;
	margin:0 0 10px 0px;
	min-height:24px;
	}
	
/*  Styles for thumbnails  */

.table-thumbnail-hme
	{
	table-layout:fixed;
	width:100%;
	height:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#DDD;
	border:1px solid #CCC;
	}

.table-thumbnail-hme thead th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#777;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-thumbnail-hme tbody .options
	{
	padding:3px 0px 4px 4px;
	text-align:left;
	background-color:#CCC;
	font-weight:normal;
	}

.table-thumbnail-hme tbody .options .option-title
	{
	padding:4px 5px 0 0;
	width:10em;
	text-align:left;
	font-weight:bold;
	float:left;
	}

/* Styles for small thumbnails */
.table-thumbnail-hme .thumb-sml
	{
	padding:5px;
	margin:5px;
	background:#EEE;
	border:1px solid #CCC;
	float:left;
	overflow:none;
	}

.table-thumbnail-hme .thumb-sml table
	{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	}

.table-thumbnail-hme .thumb-sml table thead th
	{
	background:0;
	text-align:center;
	width:150px;
	}

.table-thumbnail-hme .thumb-sml table tbody th
	{
	font-size:8pt;
	width:55px;
	background:0;
	vertical-align:top;
	text-align:right;
	}
	
.table-thumbnail-hme .thumb-sml table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:top;
	text-align:left;
	height:120px;
	}
	
	
/*  Styles for thumbnails  */

.table-thumbnail
	{
	table-layout:fixed;
	width:100%;
	height:100%;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:20px;
	background-color:#333;
	border:0px solid #CCC;
	text-align:center;
	}

.table-thumbnail thead th
	{
	text-align:left;
	font-size:11pt;
	background-color:#333;
	padding:4px 0px 6px 4px;
	color: #DDD;
	font-weight:bold;
	}
	
.table-thumbnail tbody .options
	{
	padding:3px 0px 4px 4px;
	text-align:left;
	background-color:#CCC;
	font-weight:normal;
	}

.table-thumbnail tbody .options .option-title
	{
	padding:4px 5px 0 0;
	width:10em;
	text-align:left;
	font-weight:bold;
	float:left;
	}

/* Styles for small thumbnails */
.table-thumbnail .thumb-sml
	{
	padding:5px;
	margin:5px;
	background:#333;
	border:1px solid #CCC;
	float:left;
	overflow:none;
	}

.table-thumbnail .thumb-sml table
	{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	}

.table-thumbnail .thumb-sml table thead th
	{
	background:0;
	padding:0;
	margin:0;
	width:150px;
	height:100px;
	}
	

.table-thumbnail .thumb-sml table thead th img
{
margin:0px auto;
display:block;

}

.table-thumbnail .thumb-sml table tbody th
	{
	font-size:8pt;
	width:55px;
	background:0;
	vertical-align:top;
	text-align:right;
	}
	
.table-thumbnail .thumb-sml table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:top;
	text-align:left;
	height:120px;
	}
	
	
/* Styles for large thumbnails */

.table-thumbnail .thumb-lrg
	{
	padding:5px;
	margin:5px;
	background:#333;
	border:0px solid #666;
	float:left;
	overflow:none;
	vertical-align:middle;
	}
	
.thumbnail-brdr
{
	padding:0px;
	margin:0px;
	background:#333;
	border:0px solid #666;
	float:center;
	overflow:none;
	vertical-align: middle;
	width:160px; 
	min-height:160px; 
	height:160px; 
	}	

.table-thumbnail .thumb-lrg table
	{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	}

.table-thumbnail .thumb-lrg table thead th
	{
	background:0;
	padding:0;
	margin:0;
	width:180px;
	height:180px;
	color: #999;
	}
	
	.table-thumbnail .thumb-lrg table thead th img
{
margin:0px auto;
display:block;
	}

.table-thumbnail .thumb-lrg table tbody th
	{
	font-size:9pt;
	width:70px;
	background:0;
	color: #999;
	vertical-align:middle;
	text-align:left;
	}
	
.table-thumbnail .thumb-lrg table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:middle;
	text-align:left;
	color: #666;
	}
	
.table-thumbnail .thumb-lrg-img table tbody td
	{
	font-size:8pt;
	background:0;
	vertical-align:middle;
	text-align:center;
	padding:0px;
	margin:0px;
	background:#333;
	border:1px solid #666;
	float:center;
	overflow:none;
	vertical-align: middle;
	width:160px; 
	min-height:160px; 
	height:160px;
	}	
	
	/* IMAGE DETAIL VIEW : Styles for the various container divs in the image large detail view */

#image-detail
	{
	padding:0px;
	margin:0 0 20px 0;
	background:#333;
	border:1px solid #CCC;
	width: 100%;
	display: table;
	}
	
#image-detail-container
	{
	padding:0px;
	margin:0 0 20px 0;
	background:#333;
	border:1px solid #CCC;
	width: 100%;
	height: 900px;
	display: table;
	}

#image-detail .breadcrumbs
	{
	text-align:left;
	font-size:9pt;
	color:#FFF;
	background-color:#333;
	padding:15px 0px 6px 10px;
	font-weight:bold;
	}

#image-detail .crumbs a
	{
	color:#FFF;
	}


#image-detail .imagebox-thin
	{
	text-align:center;
	padding:10px 0px 10px 10px;
	margin:10px 10px 0px 0px;
	display: table-cell;
	width: 450px;
	float: none;
	vertical-align: top;
	}

#image-detail .infobox-thin
	{
	width: 100%;
	display: table-cell;
	float: none;
	padding: 0 10px 10px 10px;
	vertical-align: top;
	}
	
#image-detail .infobox-thin-keywords
	{
	width: 430px;
	margin:10px 10px 10px 2px;
	padding:10px 10px 10px 10px;
	border:1px solid #CCC;
	padding:5px;
	background:#FFF;
	}	
	

/* IMAGE DETAIL VIEW : Styles for the image information panel */

.table-image-view
	{
	max-width:600px;
	min-width:380px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0;
	display:block;
	}

.table-image-view th
	{
	vertical-align:top;
	width:150px;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 0px;
	font-weight:bold;
	}
	
.table-image-view td
	{
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 5px;
	}

.table-image-view .imageview
	{
	vertical-align:middle;
	text-align:center;
	font-size:10pt;
	padding:10px;
	font-weight:bold;
	}


/* IMAGE DETAIL VIEW : Styles for the image information panel */

.table-image-view
	{
	max-width:600px;
	min-width:380px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0;
	display:block;
	}

.table-image-view th
	{
	vertical-align:top;
	width:150px;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 6px;
	font-weight:bold;
	}
	
.table-image-view td
	{
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	padding:5px 0px 6px 5px;
	}

.table-image-view .imageview
	{
	vertical-align:middle;
	text-align:center;
	font-size:10pt;
	padding:10px;
	font-weight:bold;
	}

/*  GENERAL : Styles for inline action buttons  */

ul.actionlist
	{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	}
	
.actionlist li
	{
	display: inline;
	list-style-type: none;
	}
	
.actionlist a
	{
	padding: 3px 10px;
	text-decoration: none;
	}
	
.actionlist a:link, .actionlist a:visited
	{
	background-color: #DDD;
	text-decoration: none;
	border-top:1px solid #FFF;
	border-right:1px solid #BBB;
	border-bottom:1px solid #BBB;
	border-left:1px solid #FFF;
	}
	
.actionlist a:hover
	{
	background-color: #DDD;
	text-decoration: none;
	border-top:1px solid #BBB;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:1px solid #BBB;
	}
	
/*  GENERAL : Notification boxes  */

.notification-note
	{
	background:#FFF url('../../Saturn2/images/notification.note.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 35px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-note h1
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	font-weight:bold;
	}

.notification-note p
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	}

.notification-warning
	{
	background:#FFF url('../../Saturn2/images/notification.warning.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 38px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-warning h1
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	font-weight:bold;
	}

.notification-warning p
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	}

/* IMAGE DETAIL VIEW : Link styles for download links */

.download-list dt
	{
	margin: 15px 0 0 0;
	font-weight: normal;
	}

.download-list dd
	{
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
	}

.download-list dt a
	{
	float: left;
	display: block;
	margin-right:5px;
	padding: 0px;
	}

/* IMAGE DETAIL VIEW : Tab panel styles */

.keywords
	{
	padding:2px;
	float:left;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #DDD;
	margin:2px 4px 2px 0px;
	background:#EEE;
	}

.panel
	{
	display: none;
	border:1px solid #CCC;
	padding:5px;
	height:513px;
	background:#FFF;
	}

.panel-inline
	{
	border:1px solid #CCC;
	padding:5px;
	margin-top:10px;
	background:#EEE;
	}

.panel-image
	{
	display: block;
	padding:0px;
	margin:0px;
	text-align:center;
	}

.panel h1, .panel-inline h1
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}

.panel.active-tab-body
	{
	display: block;
	}

.neighbour
	{
	cursor:pointer;
	float:none;
	background:#EEE;
	border:1px solid #CCC;
	margin:3px;
	width:115px;
	height:127px;
	overflow:hidden;
	}

.neighbour-opaque
	{
	cursor:pointer;
	float:none;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=40);
	background:#EEE;
	border:1px solid #CCC;
	margin:3px;
	width:115px;
	height:127px;
	overflow:hidden;
	}

.neighbour table
	{
	width:115px;
	height:110px;
	}

.neighbour-opaque table
	{
	width:115px;
	height:110px;
	}



/*newsticker */

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/
width: 417px;
height: 18px;
}

code{ /*CSS for insructions*/
color: gray;
}

#news{
font-weight:bold;
color: #6699CC;
}

#news2{
color: #CCC;
}

/* Pixie (plugin) styles */

.pix-cart-items
{
color: white; 
padding-right: 7px;
width:270px; 
float: right;
font-size:10pt;
}

.pix-cart-items a
{
text-decoration:none;
padding-right: 7px;
color: white;
text-align:right;
height: 10px;
}



/* dropdown menu */
.menu {
 position:relative;
 background-color:gold;
 border:1px solid darkblue;
 width:150;
 font-size:11px;
 font-family:Helvetica, Arial, Geneva, Sans-Serif;
 font:bold;
 position:absolute;
 cursor:se-resize;
}

.item_panel {
  width:150;
  border-left:1px solid darkblue;
  border-right:1px solid darkblue;
  clip:rect(0,150,0,0);
  position:absolute;
}

.item_panel a {
 text-decoration:none;
 color:black;
 cursor:hand;
}

.item {
 background-color:lightyellow;
 width:148;
 font-size:10px;
font-family:Helvetica, Arial, Geneva, Sans-Serif;
}

/* search form header */

#searchform {
	padding-right: 20px;
}

.cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
  
	
    .form-wrapper {
		float: right;
        width: 314px;
		height: 30px;
        padding: 10px 10px 10px 10px;
        margin: 10px auto 8px auto;
        background: #444;
        background: rgba(0,0,0,.2);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    
    .form-wrapper input {
        width: 220px;
        height: 20px;
        padding: 5px 2px;
        float: left;    
        font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #eee;
        -moz-border-radius: 0px 0 0 0px;
        -webkit-border-radius: 0px 0 0 0px;
        border-radius: 0px 0 0 0px;      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 30px;
        width: 90px;
        font: bold 12px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #0CF;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #66ccff;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #66ccff;   
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #0CF;
        top: 5px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #66ccff;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #66ccff;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

#indexsearch {
	width: 1089px;
	height: 358px;
}

/* footer icons */
	
	
#footerlist  #footerlist2 {
	float: left;
	width: 350px;
	height: 30px;
}

ul {
 padding: 0px;
 margin: 0px;
 }


#footerlist #footericons {
	float: left;
	width: 350px;
	vertical-align:top;
	list-style: none;
		}
	
#footerlist #footericons li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}
	
#footerlist #footericons li a {
	float: left;
	margin: 0;
	padding:0px 0px 0px 0px;
	font-size: 11pt;
	text-decoration: none;
	color: #FFF;
	}
	

#footerlist #footericons li a:hover {
	background:#66ccff;
	}
	
#footerlist #footericons li.active a {
	font-weight: bold;
	color:66ccff;
	background: #fff;
	}	
	
/*indexhomesearch*/

#indexsearchbox {
		padding-top: 100px;	
}
    
    .form-wrapper2 {
        width: 450px;
        padding: 15px;
        margin: 0px auto 50px auto;
        background: #fff;
        background: rgba(255,255,255,.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    
    .form-wrapper2 input {
        width: 330px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #666;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;      
    }
    
    .form-wrapper2 input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper2 input::-webkit-input-placeholder {
       color: #fff;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper2 input:-moz-placeholder {
        color: #fff;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper2 input:-ms-input-placeholder {
        color: #fff;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper2 button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper2 button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper2 button:active,
    .form-wrapper2 button:focus{   
        background: #d83c3c;    
    }
    
    .form-wrapper2 button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c; transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper2 button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper2 button:focus:before{
        border-right-color: #e54040;
    }    
    
    .form-wrapper2 button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
	
	#searchtext {
		text-align:center;
		font-size: 16px;
		line-height: 21px;
		height: 55px;
	
	}
	
/* search radio buttons on homepage */

#searchtickboxes {
	float: left;
	width: 350px;
	list-style: none;
		}
	
#searchtickboxes li {
	display: table-cell;
	float: left;
	margin: 4px;
	padding: 5px;
	}
	
.searchtickboxes li input {
    width: 15px;
	  
    }
	
#advanced {
	float: right;
	width: 100px;
	text-align: right;	
}


/* checkboxes */

label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
.wrapper {
	width: 500px;
	margin: 5px auto;
	padding-top: 50px;
}
input[type=radio],
input[type=checkbox] {
	display: none;
}
label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
	border-radius: 8px;
}
.checkbox label {
	margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #f3f3f3;
	text-align: center;
    line-height: 15px;
}

/* slideshow */
#slideshow { height:358px; }
.slideshowimg { background-repeat: no-repeat; width:100%; height:358px; position:absolute; }

/*advanced search*/

#search-box {
		padding-top: 100px;	
}
   
   #searchbuttonad {
	float: right;
	padding: 20px 5px 20px 0px;
			
}
 
    .form-wrapper3 {
        width: 100%;
        background: #fff;
      
    }
    
    .form-wrapper3 input {
        width: 330px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #666;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;      
    }
    
    .form-wrapper3 input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper3 input::-webkit-input-placeholder {
       color: #fff;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper3 input:-moz-placeholder {
        color: #fff;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper3 input:-ms-input-placeholder {
        color: #fff;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper3 button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper3 button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper3 button:active,
    .form-wrapper3 button:focus{   
        background: #d83c3c;    
    }
    
    .form-wrapper3 button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c; transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper3 button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper3 button:focus:before{
        border-right-color: #e54040;
    }    
    
    .form-wrapper3 button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
	
	#searchtext {
		text-align:center;
		font-size: 16px;
		line-height: 21px;
		height: 55px;
	
	}
	
#thumbcheck {
	padding-top:20px;	

}


/* --------- */


.clear {
	clear:both;
	display:block;
	margin:0px !important;
	padding:0px !important;
	height:0;
	width:0;
}




	


/*	TABLE LIST ACTIVITY BUTTONS
_____________________________________________________________*/

ul.button {
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

ul.button li {
	margin:0 !important;
	border:0 !important;
	display: inline;
	list-style-type: none;
}

.tab-button .button,
a.button,
a.icon-button,
ul.button a {
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	display:inline-block;
	padding:4px 13px;
	font-weight:bold;
	margin:0 5px 0 0;
	text-decoration: none;
}

.tab-button .button {
	font-size:1.0em;
}

ul.button a {
	padding:3px 10px 3px 10px !important;
}

a.icon-button {
	margin:0 1px 0 0;
	padding:2px;
}

.tab-button .button:hover,
a.button:hover,
a.icon-button:hover,
ul.button a:hover {
	text-decoration: none;
}




/*	THUMBNAIL PAGINATION
_____________________________________________________________*/

.subhead .thumb-opt {
	display:inline;
	float:left;
	position:relative;
}

.subhead .thumb-opt input.text {
	padding:5px;
	margin:0;
	border:1px solid #999;
	color:#444;
	background:#FFF;
}

.subhead .thumb-opt a {
	font-weight:normal;
	font-family:Helvetica, Arial, Geneva, Sans-Serif;
	font-size:1.0em;
	padding:10px 10px;
	margin:0 0 0 0;
	cursor:pointer;
	text-decoration:none !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#e2e2e3;
	color:#666666;
}

.subhead .thumb-opt .spacer {
	display: block;
	padding: 3px 7px;
	float: left;
	margin: 0 3px 0 0;
} 


.subhead .thumb-opt a:hover {
	background-color:#00ccff;
	color:#fff;
}
	
.subhead .thumb-opt a:active {
	background-color:#00ccff;
	border:1px solid #999999;
	color:#FFF;
}

.subhead .thumb-opt a:selected {
	background-color:#00ccff;
	border:1px solid #999999;
	color:#FFF;
}
	
.subhead .thumb-opt a:disabled,
.subhead .thumb-opt a:current {
	text-decoration:none !important;
	color:#999;
	background-color:#00ccff;
}





/*	TABBED PANEL VIEW
_____________________________________________________________*/



	


	
	
	



/*	TABBED PANEL VIEW
_____________________________________________________________*/

div.tabcontainer {
	margin:0;
	padding:0;
	clear:both;
	display:inline-block;
	width:100%;
	border-top:5px solid #00ccff;
}

ul.tabs {
	margin:15px 0 0 0;
	padding:0px;
	list-style: none;
	float:left;
	position:relative;
	display:block;
}

ul.tabs2 {
	margin:15px 0 0 0;
	padding:0px;
	list-style: none;
	float:left;
	position:relative;
	display:block;
}

ul.tabs li.tab a {
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFF;
	background:#BBB;
}

ul.tabs li.tab2 a {
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFF;
	background:#00ccff;
}

ul.tabs li.tab {
	float: left;
	margin:0 4px 0 0;
	padding:0;
}
	
ul.tabs li.tab a {
	float:left;
	margin:0;
	outline:none;
	height:20px;
	padding:6px 20px 2px 20px;
	font-size:1.25em;
	text-decoration: none;
}

ul.tabs li.tab2 {
	float: left;
	margin:0 4px 0 0;
	padding:0;
}
	
ul.tabs li.tab2 a {
	float:left;
	margin:0;
	outline:none;
	height:20px;
	padding:6px 20px 2px 20px;
	font-size:1.25em;
	text-decoration: none;
}

	
	ul.tabs li.tab a:hover {
	background:#999;
}
	
ul.tabs li.tab a:active {
	background:#00ccff;
}


/* IMAGE DETAIL VIEW : Tab container and tab styles */

#tab-container
	{
	height: 400px;
	display: table-cell;
	}

#tabs
	{
	margin:0 0 9px 0 !important;
	padding:0 !important;
	height:29px;
	list-style: none;
	}

#tabs li
	{
	float: left;
	}

#tabs a
	{
	
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFF;
	background:#BBB;
	float: left;
	padding:4px 4px 6px 4px;
	margin: 0 2px 0 0;
	text-decoration: none;
	font-weight:bold;
	font-size:11pt;
	}

#tabs a.active-tab
	{
	float: left;
	padding:4px 4px 6px 4px;
	margin: 0 2px 0 0;
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFF;
	background:#00ccff;
	text-decoration: none;
	font-weight:bold;
	font-size:11pt;
	}


div.tabcontainer2 {
	margin:0;
	padding:0;
	clear:both;
	display:inline-block;
	width:100%;
	border-top:1px solid #00ccff;
}

.bluemessage
	{
	padding-left: 4px;
	font-size: 12px;
	font-weight:bold;
	}