﻿
body.s
{
	background-image: url('bg-11.jpg');
	background-repeat: repeat-x;  	
	background-color: rgb(255,153,86);
	font-family: "Lucida Sans",Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: rgb(226,89,0);
	margin: 0px;
}
body.m
{

	background-image: url('bg-30.jpg');
	background-repeat: repeat-x;  	
	/*background-color: #fff;*/
	font-family: "Lucida Sans",Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: rgb(226,89,0);
	margin: 0px;

}
#container {
	margin: 0px auto;
	text-align: left;
	width: 1200px;
	vertical-align: top;
	/*border: solid 2px #efaa22;*/
	
}
#container2 {
	margin-left: 2em;
	height: 90%;
	text-align: left;
	max-width: 80em;
	vertical-align: top;
	/*border: solid 2px #efaa22;
	position: absolute;*/
display: block;
}
#header3
{
display:block;
	background-image: url('bg-03.jpg');
	background-repeat: no-repeat;  	
	background-position: 0px 0px;
	/*position: absolute;*/
	height: auto;
	width:80em;
border-bottom: solid 4px rgb(247,100,5);
	/*background-color: #FF0000;*/
}
#content3
{
 

display:block;
	height: auto;
	/*position: absolute;*/
	left: 0px;
	top: 0px;
	max-width:80em;
 
	/*border: solid 2px #00ff00;*/

}
#header
{
	position: relative;
	height: 431px;
	width:1200px;
	/*background-color: #FF0000;*/
}
#header2
{
	background-image: url('bg-03.jpg');
	background-repeat: no-repeat;  	
	background-position: 480px 0px;
	position: relative;
	height: 58px;
	width:1200px;
border-bottom: solid 4px rgb(247,100,5);
	/*background-color: #FF0000;*/
}
 
#uqak3
{
	position: relative;
	top: 34px;
}
#uqak4
{
	position: relative;
	top: 115px;
	left: 350px;
}
#uqak1
{
	position: relative;
	top: 280px;
	left: 350px;
}
#content
{
	position: relative;
	height: 385px;
	left: 0px;
	top: 0px;
	width:1200px;
	/*border: solid 2px #00ff00;*/
}
#content2
{
	background-image: url('bg-04.jpg');
	background-repeat: no-repeat;

	background-position: 0px 0px;
	position: relative;
	height: 385px;
	left: 0px;
	top: -164px;
	width:1200px;
	/*border: solid 2px #00ff00;*/
}
#left
{
	
	position: relative;
	left: 0px;
	top: -10px;
	height: 435px;
	width: 509px;
	/*border: solid 2px #0000ff;*/
}
#left:hover
{
	background-image: url('left-t.jpg');
	background-repeat: no-repeat;  	
	background-position: 448px 5px;
	position: relative;
	left: 0px;
	top: -10px;
	height: 435px;
	width: 509px;
	/*border: solid 2px #0000ff;*/


}
#center
{

	position: relative;
	left: 513px;
	top: -445px;
	height: 125px;
	width: 155px;
	/*border: solid 2px #00ffff;*/
}
#center:hover
{
	background-image: url('enter-t.jpg');
	background-repeat: no-repeat;  
	background-position: 79px 6px;
	position: relative;
	height: 125px;
	width: 155px;
	left: 513px;
	top: -445px;

	/*border: solid 2px #ffff00;*/


}
#right
{

	position: relative;
	height: 438px;
	width: 498px;
	left: 700px;
	top: -580px;

	/*border: solid 2px #00ffff;*/
}
#right:hover
{
	background-image: url('right-t.jpg');
	background-repeat: no-repeat;  
	background-position: 68px 17px;
	position: relative;
	height: 438px;
	width: 498px;
	left: 700px;
	top: -580px;

	/*border: solid 2px #ff00ff;*/
}
#gifleft
{

}
#gifright
{

}
#gifcenter
{
}
#uqakleft
{
	position: relative;
	left: 0px;
	top: -3px;
}
#uqakright
{
	position: relative;
	right: 0px;
	top: 0px;
	/*border: solid 2px #ddd;*/
}
#uqakcenter
{
	position: relative;
	left: 0px;
	top: -303px;

	/*border: solid 2px #ddd;*/
}
#footer{
	border-top: solid 4px rgb(247,100,5);
	/*position: absolute;*/
		height: 5%;
	top:20px;
	font-size: 12px;
	padding: 0px 10px;
clear: both; 
}
#footer2{
	background-image: url('bg-03.jpg');
	background-repeat: no-repeat;  	
	background-position: 480px 0px;
	position: relative;
	height: 60px;
	width: 700px;
	top:-145px;
	font-size: 12px;
}
#footerText{
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	position: relative;
	left: 0px;
	top: 10px;
	text-align: center;
}
a.toptext
{
	color: #fff;
	text-decoration: none;
}
a.toptext:hover
{
	color: #fff;
	text-decoration: underline;
}
table.sign{
	margin: 0px auto;
}
table.loginform{
	background-color: rgb(255,152,85);
}
h1.white{color:#fff;	}
td.white{color:#fff;}
doLogin3 {
	border: solid 1px #FF9966;
	background-color: #FF6600;
	color:#fff;
}
input.orangebox
{
	border: solid 1px rgb(255,153,86);
	background-color: #eee;
	color:rgb(28, 0,243);
	padding: 2px;

	
}
textarea.orangebox
{
	border: solid 1px rgb(255,153,86);
	background-color: #eee;
	color:rgb(28, 0,243);
	padding: 2px;

	
}
input.orange
{
	border: solid 2px #DDD;
	background-color: #FF6600;
	color:#fff;
	padding: 2px;
	font-weight:bold;
	
}
input.orange:hover
{
	border: solid 2px #ff0000;
	background-color: #FF8822;
	color:#FFf;
	padding: 2px;
	font-weight:bold;
}
div.msg{	font-weight:bold;	padding: 4px;}
span.lin{	font-size: 9px;color:rgb(34,235,15);}
span.des{font-size: 11px;color:#000;}
a.elink
{
	background-image: url('Edit-Grey.jpg');
	background-repeat: no-repeat; 
}
a.elink:hover
{
	background-image: url('Edit.jpg');
	background-repeat: no-repeat; 
}
a.dlink
{
	background-image: url('Delete-Grey.jpg');
	background-repeat: no-repeat; 
}
a.dlink:hover
{
	background-image: url('Delete.jpg');
	background-repeat: no-repeat; 
}
td.contentheaderorange
{
	padding: 4px 0px;
	border-top: solid 2px rgb(255,153,86);

}
#dhtmltooltip{
	position: absolute;
	width: 200px;
	border: 2px solid rgb(247,100,5);
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	/*z-index: 100;
	Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: rgb(247,100,5); /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}
#options{
color: white;
background: rgb(247,100,5);
}
a.options
{
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
}
a.options:hover
{
	color: #fff;
	text-decoration: underline;
	padding-left: 10px;
}
a.optionsr
{
	color: #fff;
	text-decoration: none;
	padding-left: 500px;
	
}
a.optionsr:hover
{
	color: #fff;
	text-decoration: underline;
	padding-left: 500px;
}
ul.reorder{
list-style-type: none;
font: normal 12px Arial;
cursor:s-resize;
}
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;

}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: rgb(247,100,5) url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: rgb(255,153,86); /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
