/* CSS Document - Gleent Innovative Technologies */
*
{
	margin: 0;
	outline: none;
	padding: 0;
}
@import url('file:///D:/xampp/htdocs/joespastahouse/css/basic.css');
@import url('file:///D:/xampp/htdocs/joespastahouse/css/basic_ie.css');
body, html
{
	font-style: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:link, a:visited, a:hover, a:active {
	color: #7F0000; 
}

.message {
	color:#4C6278;
	font-size:16px;
	background-color:#F4F4F4;
	border:1px solid #e8ebec;
	/*text-align:center;*/
	display:none;
	font-weight:bold;
	width:auto;
	padding:5px;
}
.message .messageLinks .link_1, .link_2, .link_3 {
	font-weight:normal;
	font-size:14px;
	padding-top:10px;
}
/* ------------------------------------------------ Header ------------------------------------------------ */
#BackgroundHeader
{
	background: url(../images/backgroundheader.gif) repeat-x; 	
	text-align: left;
	width:100%;
}
#Header
{
	background: url(../images/header.jpg) no-repeat center; 
	height: 60px;
	margin: 0 auto;
	position:relative;
}	
	#Header .logo
	{
		display:none;
		width: 182px;
		height: 60px;
		background: url(../images/logo.gif) no-repeat;
	}
	#Header .logo_quiz
	{
		display:none;
		width: 240px;
		height: 60px;
		background: url(../images/logo_quiz.gif) no-repeat;
	}
	#Header .logo_tickets
	{
		display:none;
		width: 182px;
		height: 60px;
		background: url(../images/logo_tickets.gif) no-repeat;
	}
	#Header p
	{
		position:absolute;
		color: #71879d;
		right:10px;
		top:0px;
		height:30px;	
		font: 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	}
	#Header p a
	{
		font: 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #71879d;
		text-decoration:underline;
	}
	#Header p a:hover
	{
		color: #304d6a;
	}
	#Header ul
	{		
		list-style: none;
		width: 30%;
		height: 30px;
		position:absolute;
		bottom: 0px;
		right:10px;		
	}
	#Header ul li
	{
		float: right;
		color: #71879d;
		font: 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	}
	#Header ul a 
	{
		background: url(../images/divider.gif) no-repeat left bottom;
		font: bold 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #71879d;
		padding: 0 20px;
		display:block;
	}
	#Header ul a:hover
	{
		font: bold 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #71879d;
		text-decoration:underline;	
	}
/* ------------------------------------------------ Content ------------------------------------------------ */
#BackgroundContent
{
	width: 100%;	
	margin: 0 auto;	
}

#Content
{	
	padding-top: 0;
	float:right;
	width: 80%;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	.pagetitle
	{
		margin: 20px auto;
		width: 95%;
		height: 50px;
		text-indent: 25px;
		background: url(../images/contenth2.gif) no-repeat top left;
		font: bold 16px/44px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #466483;
	}
	
	#PrimaryContent
	{
		margin-left: 1%;
		float: left;
		width: 47%;
	}

	#SecondaryContent
	{
		margin-right: 1%;
		float: right;
		width: 47%;
	}
	
	.box 
	{
		width: 100%;
		background: #effce7 url(../images/bottom-left.gif) no-repeat left bottom;
		margin-bottom: 20px;
	}

	.box-outer {
		background: url(../images/bottom-right.gif) no-repeat right bottom;
	}
	
	.box-inner 
	{
		background: url(../images/top-left.gif) no-repeat left top;
	}

	.box-inner a
	{
		color: #71879D;
	}

	.box-inner a:hover
	{
		text-decoration: underline;
	}

	.box h2
	{
		font: bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		background: url(../images/top-right.gif) no-repeat right top;
	}

	.box h2 a
	{
		font: bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;	
	}

	.box h2, .box p 
	{
		padding:0 20px 20px 20px;
	}

	.innerContent
	{
		margin: 0 auto;
		width: 95%;
	}

	#tableyui td
	{
		text-align:center;
	}

#ContentError
{
	width: 100%;
}

	#ContentError .logo_error
	{
		display:block;
		height: 363px;
		background: url(../images/logo_error.gif) no-repeat top center;
		margin: 0 auto;
	}

/* ------------------------------------------------ SideContent ------------------------------------------------ */

.SideContent
{	
	background: #f5f8fa url(../images/sidecontent.gif) repeat-y right;
	float: left;
	width: 20%;
	padding-bottom: ;
	height: 30%;
}

	.menuhide input
	{
		width: 7px;
		height: 120px;
		background:url(../images/menuhide.gif) no-repeat;
		border:none;
		float: right;
		margin-top: 200px;
	}

	.primarySideContent
	{
		padding: 0 0 20px 0;
	}
	
	.primarySideContent h2
	{
		background: url(../images/sidecontenttop.gif) repeat-x;
		font: bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		text-indent:20px;
	}
	.primarySideContent h2 a
	{
		color:#fff;		
	}
	.primarySideContent h2 a:hover
	{
		text-decoration:underline;		
	}
	.primarySideContent li a

	{

		background: url(../images/menuarrow.gif) no-repeat right center;
		display: block;
		height: 23px;	
		width: 95%;	
		line-height: 23px;
		color: #4c6278;
		text-indent: 10px;
		border-bottom: 1px solid #e6ebed;
		font: 14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	}

	.primarySideContent li a:hover
	{
		background: #f9fcfe url(../images/menuarrow2.gif) no-repeat right center;
		color: #4c6278;		
	}

	.space
	{
		height: 400px;
	}

	.footer
	{
		width: 100%;
		text-align: center;
		border-top: 1px solid #e6ebed;		
		clear: both;
		margin: 60px 0 0px 0; 
		float: left;
	}

	.footer p
	{

		color: #6f859b;
		font: 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	}
	
	.details .detailsTitle {
	font-weight:bold;
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;
	background-color:#E6EBED;
}
.details .labelTD {
	background-color:#E6EBED;
	/*font-weight:bold;*/
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;
}
.details .valueTD {
	background-color:#F4F4F4;
	border-top:1px solid #ced4d6;
	border-left:1px solid #ced4d6;	
}