/** BEGIN basic styles **/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 19px Arial Narrow, Arial;
	text-align: center;
	background: #272727 url(images/bodybg.png) repeat-x 0 0;
	color: #FFFFFF;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
}
.break {
	clear: both;
}
/** END basic styles **/

.wrapper {
	text-align: left;
	width: 900px;
	margin: auto auto;
}
.style109 {	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b9f744;
	font-weight: medium;
}
.style110 {	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: medium;
	
}
/** BEGIN header **/
#logo {
	width: 367px; height: 106px;
	background: url(images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	float: left;
	margin-top: 50px;
}
#description {
	width: 460px; height: 160px;
	background: url(images/highlight.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	float: right;
	margin: 20px 60px 0 0;
}
/** END **/

/** BEGIN navigation **/
.navigation {
	clear: both;
	list-style-type: none;
	width: 898px; height: 42px;
	background: url(images/navigation.png) no-repeat 0 0;
	padding: 0 25px;
	margin-bottom: 9px;
}
	.navigation li {
		float: left;
	}
	.navigation li a {
		display: block;
		float: left;
		text-indent: -9999px;
		outline: none;
		height: 42px;
	}
		/** BEGIN navigation links **/
		.home {
			width: 65px;
		}
		.home:hover {
			background: url(images/navigation.png) no-repeat -25px -52px;
		}
		.features {
			width: 95px;
		}
		.features:hover {
			background: url(images/navigation.png) no-repeat -90px -52px;
		}
		.templates {
			width: 105px;
		}
		.templates:hover {
			background: url(images/navigation.png) no-repeat -185px -52px;
		}
		.games {
			width: 65px;
		}
		.games:hover {
			background: url(images/navigation.png) no-repeat -290px -52px;
		}
		.demo {
			width: 65px;
		}
		.demo:hover {
			background: url(images/navigation.png) no-repeat -355px -52px;
		}
		.support {
			width: 85px;
		}
		.support:hover {
			background: url(images/navigation.png) no-repeat -420px -52px;
		}
		.forum {
			width: 70px;
		}
		.forum:hover {
			background: url(images/navigation.png) no-repeat -505px -52px;
		}
		.purchase {
			width: 100px;
		}
		.purchase:hover {
			background: url(images/navigation.png) no-repeat -575px -52px;
		}
		.affiliates {
			width: 100px;
		}
		.affiliates:hover {
			background: url(images/navigation.png) no-repeat -675px -52px;
		}
		.members {
			width: 100px;
		}
		.members:hover {
			background: url(images/navigation.png) no-repeat -775px -52px;
		}
		/** END navigation links **/
/** END navigation **/

/** BEGIN sideabar **/
#sidebar {
	width: 31%;
	float: left;
	padding: 5px 0 40px;
}
	#sidebar h3 {
		background: url(images/sideheader.png) no-repeat 1px top;
		color: #4C4C4C;
		font-size: 1.2em;
		padding: 1px 10px 5px;
	}
	#sidebar p, #sidebar div {
		background: url(images/sidebody.gif) no-repeat 1px bottom;
		padding: 20px 30px 40px 20px;
		margin-bottom: 15px;
		text-align: center;
	}
		/** BEGIN sidebar containers **/
		#sponsorsp {
			padding: 5px 7px 10px 0 !important;
		}
		#supportp {
			padding: 10px 0 10px !important;
		}
		
		#callout {
			background: url(images/callout.png) no-repeat 2px 0;
			width: 264px; height: 118px;
			padding: 7px 0 0;
			margin: auto auto;
		}
		#callout textarea {
			border: 0;
		}
		#verification input {
			font-size: 1.2em;
			width: 230px;
			margin-top: 10px;
		}
		#spackage {
			padding: 10px !important;
		}
		#spackage p {
			padding: 10px 80px 0 0 !important;
			background: url(images/boximage.gif) no-repeat top right;
			margin-right: 10px;
		}
		/** END sidebar containers **/
		/** BEGIN sidebar headers **/
		#sponsors {
			text-indent: -9999px;
			background: url(images/oursponsors.png) no-repeat 0 top !important;
			padding: 0 !important;
			height: 34px;
		}
		#livesupport {
			text-indent: -9999px;
			background: url(images/livesupport.png) no-repeat 0 top !important;
			padding: 0 !important;
			height: 34px;
		}
		#license {
			text-indent: -9999px;
			background: url(images/licensevalidator.png) no-repeat 0 top !important;
			padding: 0 !important;
			height: 34px;
		}
		#testimonials {
			text-indent: -9999px;
			background: url(images/testimonials.png) no-repeat 0 top !important;
			padding: 0 !important;
			height: 34px;
		}
		#special {
			text-indent: -9999px;
			background: url(images/specialpackage.png) no-repeat 0 top !important;
			padding: 0 !important;
			height: 34px;
		}
		/** END sidebar headers **/
/** END sidebar **/

/** BEGIN content **/
#content {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#main {
		
		height: 100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;


		padding: 20px 20px 60px; 
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END content **/


#contenthome {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#mainhome {
		
		height: 100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: normal;
		padding: 20px 20px 60px; 
	}
	#boxhome {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#mainhome p, #main ul {
		margin-bottom: 20px;
	}
	#mainhome ul {
		padding-left: 40px;
	}
/** END content **/



#contenthomefeatured {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contentheadfeatured {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#mainhomefeatured {
		
		height: 999px;
		background: url(images/mainbodybg.png) repeat-y 0 0;


		padding: 20px 20px 60px; 
	}
	#boxhome {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
		position: relative;
	}
	#mainhome p, #main ul {
		margin-bottom: 20px;
	}
	#mainhome ul {
		padding-left: 40px;
	}
/** END content **/













/** BEGIN content **/
#contentfeatures {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#mainfeatures {
		
		height: 100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;


		padding: 20px 20px 60px; 
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END content **/

/** BEGIN content **/
#contentgamelist {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#maingamelist {
		
		height: 100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;

		font-size: 17px;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;		
		padding: 20px 20px 60px; 
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END content **/

/** BEGIN content **/
#contenttestimonials {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#maintestimonials {
		
		height: 100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;


		padding: 20px 20px 60px; 
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END content **/

/** BEGIN contentpurchase **/
#contentpurchase {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#mainpurchase {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: normal;
		height: 880px;
		background: url(images/mainbodybg.png) repeat-y 0 0;

	padding: 20px 20px 60px; 
		
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END content **/




/** BEGIN contentdemo **/
#contentdemo {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#maindemo {
		
		height:  100%;
		background: url(images/mainbodybg.png) repeat-y 0 0;

	padding: 20px 20px 60px; 
		
	}
	#boxdemo {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#maindemo p, #main ul {
		margin-bottom: 20px;
	}
	#maindemo ul {
		padding-left: 40px;
	}
/** END content **/

















/** END contentpurchase **/



/** BEGIN contentmembers **/
#contentmembers {
	width: 68%;
	float: right;
	background: url(images/mainfooter.gif) no-repeat 0 bottom;
	margin-top: 5px;
	padding-bottom: 15px;
}
	#contenthead {
		background: url(images/mainheader.png) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 0;
		height: 38px;
	}
	#main {
		
		height: 670px;
		background: url(images/mainbodybg.png) repeat-y 0 0;


		padding: 20px 20px 60px; 
	}
	#box {
		width: 126px; height: 194px;
		background: url(images/box.png) no-repeat 0 0;
		float: right;
		text-indent: -9999px;
		margin-top: -20px;
	}
	#main p, #main ul {
		margin-bottom: 20px;
	}
	#main ul {
		padding-left: 40px;
	}
/** END contentmembers **/


.btn, .btn a {
  display:block;
  width:134px !important;
  height:27px;
  border:none;
  font-family:arial, helvetica, sans-serif !important;
  line-height:27px !important;
  background:url(/support/images/button.jpg) top left no-repeat;
  text-align:center;
  font-color:#000000 !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
}

form .btn {
color:#000000 !important;
  padding-bottom:4px;
}

.btnl, .btnl a {
  display:block;
  width:134px !important;
  height:27px;
  border:none;
  background:url(/support/images/newticket.jpg) top left no-repeat;;
  text-align:center;
  font-color:#000000 !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
}

form .btnl {
color:#000000 !important;
  padding-bottom:4px;
}
  

    #nav a.home { background:url(support/images/home.gif) 0 5px no-repeat; }
    #nav a.new_ticket { background:url(support/images/new_ticket.gif) 0 5px no-repeat; }
    #nav a.my_tickets { background:url(support/images/my_tickets.gif) 0 5px no-repeat; }
    #nav a.ticket_status { background:url(support/images/ticket_status.gif) 0 5px no-repeat; }
    #nav a.log_out { background:url(support/images/logout.gif) 0 5px no-repeat; }
   
 
    
    #content form {
      margin:0;
      padding:0;
    }
    
      #content form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }
      
      #content #index form input {
        width:175px;
        float:left;
      }
        
    #content #bar {
      width:21px;
      height:auto;
      display:block;
      float:left;
   }
   
   #ticketform {
     padding:20px 20px 50px 20px;
     width:600px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #loginform {
     padding:20px 20px 50px 20px;
     width:400px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #ticketform input, #ticketform select {
     width:300px;
     float:left;
   }

   #loginform input {
     width:160px;
     float:left;
   }
      
   #ticketform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #loginform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #ticketform textarea {
     width:400px;
   }
   
   #ticketform .ticketsubmit {
     margin-left:410px;
   }
   
   #loginform .ticketsubmit {
     margin-left:170px;
   }

   
  #powered_by {
      clear:both;
      display:block;
      width:126px;
      height:23px;
  }
   

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: bold;
}


#infomessage, #warnmessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}


/* Buttons  */
.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}
    
/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
    
.Icon {
        
    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699; 
    text-decoration: none;
}

a.Icon { }
   
a.Icon:hover {
    text-decoration: underline;    
}

    
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(../images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:10px 0 5px 0;
}

#ticketthread table.response {
    margin-bottom:5px;
}

table.message, table.response {
    border: 1px solid;
    border-bottom: none;
}

table.message td, table.message th,table.response td, table.response th {
    border-bottom:1px solid;
    padding:5px;
}

table.message tr.header td, table.response tr.header td {
    padding:1px;
    padding-left:5px;
}

table.message th, table.response th {
    line-height:24px;
    font-size:12px;
    padding:1px;                
    padding-left:5px;
    font-weight:bold;
}

img, fieldset { border:None; }
fieldset {
  clear:both;
  margin:0;
  padding:2px 0 2px 0;
}

/** BEGIN footer **/
#footer {
	clear: both;
	background: #3C3C3C url(images/footerbg.png) repeat-x 0 0;
	padding: 5px 0 20px;
	text-align: center;
}
	#footlogo {
		width: 167px; height: 51px;
		background: url(images/footerlogo.png) no-repeat 0 0;
		text-indent: -9999px;
		margin: -5px auto 0;
	}
/** END footer **/

.style109 { line-height: 18px;}
.style110 { line-height: 17px;}