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

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

body
	{
	font-family:Arial, Verdana, Helvetica;
	margin:0px;
	width:100%;
	background-color:#EEE;
	color: #555;
	text-align:center;
	}

h1
	{
	font-weight:normal;
	margin:0px 0px 4px 0px;
	font-size:14pt;
	}

h2
	{
	font-weight:normal;
	margin:0px 0px 1px 0px;
	font-size:12pt;
	}

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

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;
	}



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

#masthead /* Defines the background image and style of the main masthead */
	{
	height:82px;
	background-image:url('http://www.fineartcritic.com/resources/themes/Advance/images/masthead.jpg');
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
	}
	
#copyright /*  */
	{
	background-color:#CCC;
	padding:10px;
	font-size:7pt;
	}

#content
	{
	margin:0px auto;
	width:100%;
	text-align:left;
	min-width:900px;
	}


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

.list-one /*  */
	{
	background-color:#E1E1E1;
	}
	
.list-two /*  */
	{
	background-color:#E8E8E8;
	}

.thumbnail /*  */
	{
	border: 6px solid #FFF;
	}

.image /*  */
	{
	border: 6px solid #FFF;
	}


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

#popup-content
	{
	background:#EEE;
	}

#front-innerdiv
	{
	width:100%;
	}

#front-outerdiv
	{
	padding:20px;
	}
	
/*  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:#AAA;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}

.table-gallery-description thead th a
	{
	color:#FFF;
	}

.table-gallery-description table
	{
	margin:5px;
	border-collapse:collapse;
	width:66%;
	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%;
	line-height:1.2em;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	}

.table-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-text td
	{
	width:33%;	
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	}

.table-text td h1
	{
	font-weight:bold;
	font-size:12pt;
	margin-top:2px;
	}
	
.table-text td h2
	{
	font-weight:bold;
	font-size:11pt;
	margin-top:2px;
	}
	
.table-text td h3
	{
	font-weight:bold;
	font-size:10pt;
	margin-top:2px;
	}
	
/*  Styles for form layout tables */

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

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

.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:#AAA;
	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
	{
	font-size:9pt;
	padding:0px 0px 0px 3px;
	text-align:left;
	height:20px;
	font-weight:bold;
	background-image:url('http://www.fineartcritic.com/resources/themes/Advance/images/listbox_title.gif');
	}

.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;
	}

/*  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:#AAA;
	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:#AAA;
	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 thumbnails  */

#thumb-floater
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 0px;
	z-index: 200;
}

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

.table-thumbnail-gallery thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#AAA;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-thumbnail-gallery tbody .options
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	background-color:#CCC;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-thumbnail-gallery .thumb-sml
	{
	width:150px;
	height:150px;
	float:left;
	overflow:none;
	}

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

.table-thumbnail-gallery .thumb-sml table th
	{
	text-align:center;
	width:150px;
	height:100px;
	}

.table-thumbnail-gallery .thumb-sml table td
	{
	text-align:center;
	}

.table-thumbnail-gallery .thumb-lrg
	{
	width:200px;
	height:250px;
	float:left;
	overflow:none;
	}

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

.table-thumbnail-gallery .thumb-lrg table th
	{
	text-align:center;
	width:200px;
	height:200px;
	}

.table-thumbnail-gallery .thumb-lrg table td
	{
	text-align:center;
	}

/* Styles for large image view  */

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

.table-image-view thead th
	{
	width:33%;	
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#AAA;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-image-view thead th a
	{
	color:#FFF;
	}
	
.table-image-view tbody th
	{
	text-align:left;
	font-size:10pt;
	background-color:#CCC;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-image-view tbody td
	{
	text-align:center;
	font-size:10pt;
	padding:10px;
	font-weight:bold;
	}

/* Styles for large image navigation view */

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

.table-image-navigation th
	{
	text-align:left;
	font-size:11pt;
	color:#FFF;
	background-color:#AAA;
	padding:4px 0px 6px 4px;
	font-weight:bold;
	}
	
.table-image-navigation td
	{
	padding:10px;
	height:100px;
	}
	
/*  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;
	}
	
/*  Notification boxes  */

.notification-note
	{
	background:#FFF url('http://www.fineartcritic.com/resources/images/furniture/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('http://www.fineartcritic.com/resources/images/furniture/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;
	}