/******************************************************************************/
/* Popup                                                                     */
/******************************************************************************/

html {
	padding: 0;
	margin: 0;
	}

body {
	margin: 0;
	padding: 0;
	height : 100%;
	font : normal 12px/16px arial, helvetica, sans-serif;
	background-color: #E5E1E2;
	color: #000;
	text-align: left;
	}

/********************************************************************* Header */

p.popupclose {
	background-color : #7B6A6E;
	color : #fff;
	text-align : right;
	padding : 1px;
	margin : 0;
	}

p.popupclose a {
	color : #fff;
	background-color : transparent;
	text-decoration : none;
	}

p.popupclose a:hover {
	color : #fff;
	background-color : transparent;
	text-decoration : underline;
	}

/******************************************************************** Content */

div.sitepopup {
	padding : 0;
	margin : 10px auto;
	width : 600px;
}

table.view {
	width : 100%;
}

table.view td.title {
	text-align : center;
	height : 15px;
	padding : 4px;
	background-color : #7B6A6E;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

table.view td.image {
	text-align : center;
	height : 450px;
	background-color : #fff;
}

table.view td.previous {
	text-align : left;
	width : 30px;
	padding : 4px;
	background-color : #7B6A6E;
	color: #fff;
	vertical-align: middle;
}

table.view td.numbers {
	text-align : center;
	width : 390px;
	padding : 4px;
	background-color : #7B6A6E;
	color: #fff;
	vertical-align: middle;
}

table.view td.next {
	text-align : right;
	width : 30px;
	padding : 4px;
	background-color : #7B6A6E;
	color: #fff;
	vertical-align: middle;
}

table.view td.previous a,
table.view td.numbers a,
table.view td.next a {
	background-color : #7B6A6E;
	color : #fff;
	text-decoration : none;
}

table.view td.previous a:hover,
table.view td.numbers a:hover,
table.view td.next a:hover {
	text-decoration : underline;
	}