/*global CSS ------------------------------*/
noscript{ display:none;}
form,p,h1,h2,h3,h4,ol,ul,li,body {padding:0;margin:0;}
table.mainpage_table{width:710px; margin:0px auto;}
table.voucher{width:710px; margin:0px auto;}
select,input{font-size:10px;}
a{color:#0066CC;text-decoration:none;}
a:hover{ color:#FF6600;}
.clearit{clear:both;
/*overflow:hidden;margin-top:-1px; height:1px; */
}
a img {border: none; }
a:hover img{border: none;}
.cheetsheetbutt {
	float:inherit; 
	border:solid 1px #82b4dd; 
	background-color:#F33; 
	border-radius:3px; 
	margin:3px 0 20px 4px; 
	background:url(../images/layout/grad_back_cs_button.png) repeat-x;
}	
.logoimage {
	float:left; 
	text-decoration:none; 
	display:inline; 
	padding:2px 0px 1px 2px;  
	margin-top: 10px;
    margin-left: 10px;
}
.cheatsheettext {
	/*text-shadow:1px 1px 1px #333; */
	color:#000; 
	font-family:'Open Sans', sans-serif; 
	font-size:15px;	
	display:inline; 
	float:right; 
	line-height:5px; 
	text-align:center; 
	padding:15px 10px 10px 10px;
}
.5padding {
	padding:5px;
}
.topbox {
	width:350px;	
	height:40px;
	position:static;
	margin:5px 8px 0 5px;

	
}
#contentwrap {
	width:730px;
	margin-left:5px;;
	position:static;
	clear:both;
}
#content .comic {
	font-family:"Comic Sans MS", cursive; 
	font-size:18px;
	font-weight:100;
	line-height:26px;
	
}
#content .comicwhite {
	font-family:"Comic Sans MS", cursive; 
	font-size:16px;
	font-weight:100;
	line-height:26px;
	color:#FFF;
}
#content .contbody {
	font-size:17px;
	font-weight:100;
	padding:0;
	margin:0;
	line-height:18px;
}
.supporttext {
	font-size:11px;
	margin:10px 0 0 0;
	color:#ffffff;
}


th{text-align:left;}
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background:#F0F0F0 url(../images/layout/background.jpg) repeat-x;
	line-height:16px;
	background-image: none; background-color:#ffffff;  background-color: #034b86;
  background-image: url(https://secure2.quicksilvergroup.com.au:8443/serve_file?id=32&site=QSGINT&mode=live);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: left top;
  background-size: auto;

}
#popup{padding:10px;}
#popup img{border:#fff solid 5px;}
table,td{font-family: Verdana, Geneva, Arial, helvetica, sans-serif;font-size:10px;}
table{margin:0px 0px 0px 0px;}
#wrapper{
position:relative;
margin:0px auto;
text-align:left;
width:792px;
margin-top:12px;
background:url(../images/layout/bodyback.jpg) center repeat-y;

}
#header{
height:171px;
background:url(../images/layout/header.jpg) center no-repeat;
padding:0px 5px 0px 0px;
}
#header_qs{
height:171px;
background:url(../images/layout/header_qs.jpg) center no-repeat;
padding:0px 5px 0px 0px;
}
#header .topnav{float:right; color:#ffffff;padding:30px 0px 0px 0px; width:125px;}
#header .topnav a{color:#ffffff; font-weight:bold; display:block; float:left; padding:0px 0px 0px 22px;margin:0px 8px 0px 0px; height:20px; line-height:20px;}
#header .topnav a.home{ background:url(../images/layout/gohome.png) left center no-repeat;}
#header .topnav a.logout{ background:url(../images/layout/logout.png) left center no-repeat;}

#header_qs .topnav{float:right; color:#ffffff;padding:13px 0px 0px 0px; width:125px; }
#header_qs .topnav a{color:#ffffff;font-weight:bold; display:block; float:left; padding:0px 0px 0px 22px;margin:0px 8px 0px 0px; height:20px; line-height:20px;}
#header_qs .topnav a.home{ background:url(../images/layout/gohome.gif) left center no-repeat;z-index:20;}
#header_qs .topnav a.logout{ background:url(../images/layout/logout.png) left center no-repeat;}


#lside{
	position:absolute;
	background:url(../images/layout/lside.jpg) no-repeat;
	width:6px;
	height:210px;
	left: 0px;
	top: 171px;
}
#rside{
	position:absolute;
	background:url(../images/layout/rside.jpg) no-repeat;
	width:6px;
	height:210px;
	left: 786px;
	top: 171px;
}
#content h2.buttonh2 {
	font-size:17px; 
	padding:5px 0 0px 10px; 
	margin:0 0 0 0; 
	line-height:25px;
	color:#06F;
	font-family:Arial, Helvetica, sans-serif;
}
#content .button {
	border:solid 1px #099; 
	border-radius:8px; 
	height:auto; 
	padding:0px; 
	width: 361px; 
	background-color:#ecf6fb;
	margin:0 7px 0 0;
}
#content{
padding:5px 18px 20px 20px;
}
#content h1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#ffffff;
margin:0px 0px 16px 0px;
font-weight: normal;
}
#content h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#285CF9;
margin:0px 0px 16px 0px;
}
#content h3{
font-size:12px;
margin:8px 0px 16px 0px;
}
#content p{
margin:0px 0px 0px 0px;
  font-size: 13px;
  line-height: 22px;
}
#content ul{padding:0px 0px 16px 20px;}
#content ol{padding:0px 0px 16px 20px;}
#footer{
position:relative;
margin:0px auto;
text-align:left;
width:792px;
background:url(../images/layout/footerback.jpg) no-repeat;
padding:20px 0px 10px 0px;
font-size:10px;
color:#4A78F0;
}
#footer a{color:#4A78F0;}
#footer a:hover{color:#9DB6F7;}
#footer p{
padding:0px 10px 0px 10px;
}
#footer p.fright{float:right;}
#footer p.disc{text-align:center;color:#FFFFFF;margin:20px 0px 20px 0px;}
#footer  p.disc a{color:#ffffff; text-decoration:underline;}
#footer  p.disc a:hover{text-decoration:none;}
#footer p.quick {padding-top:20px;}
#footer p.quick a{display:block; height:97px; background:url(../images/layout/banner.gif) center no-repeat;}
#footer p.quick a span{display:none}
#mini{
position:relative;
margin:0px auto;
text-align:left;
width:450px;
background:#ffffff;
}
img.bord{border:#000000 solid 1px;}
.paddingleft {
	padding-left:6px;
	padding-right:2px;
}
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #0080B0;}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #00A0C0; text-decoration: underline;}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #0080B0;}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #006090;}
#content .holder{width:230px; height:108px; display:block; float:left; text-align:center;margin:0px 0px 0px 0px; border: solid 2px #066; border-radius:5px; text-align:left; margin:3px;}
#content .holder h3{margin:0 0 4px 0;padding: 5px 0 0 7px; font-size:12px; color:#166674;}
#content .holder p{margin:0 0 3px; 0;padding: 0 0 0 7px; font-size:10px}
#content .holder img.ga{float:right;padding:5px 8px 0px 0px;}
#content .holder img.ss{float:right;padding:0px 10px 0px 0px;}
#content .leftdiv, #content .rightdiv,#content .leftopt, #content .rightopt{
	width:350px;
	padding:10px 0px 10px 0px;
	background:#F2F2F2; 
	height:800px;
	float:left;
}
#content .rightdiv{float:right;}
#content .leftdiv{float:left;}
.leftopt h3{line-height:0px; margin:0px; padding:0 0 0 10px;}
.rightopt h3{line-height:0px; padding:0 0 0 10px;}
#content .rightopt{position:static; height:160px; border: solid 2px #066; border-radius:5px; margin:0 0 20px 0;}
#content .leftopt{position:static;  height:160px; border: solid 2px #066; border-radius:5px; margin:0 10px 20px 0;}
#content .leftopt p,#content .leftopt h2 {padding:0px 10px 0px 10px;}
#content .rightopt p,#content .rightopt h2{padding:0px 10px 0px 10px;}
#content .leftdiv p,#content .leftdiv h2,#content .leftdiv h3{padding:0px 10px 0px 10px;}
#content .rightdiv p,#content .rightdiv h2,#content .rightdiv h3{padding:0px 10px 0px 10px;}
#content .leftdiv ol,#content .rightdiv ol{padding:0px 0px 16px 30px;}
#content .opt{float:right; width:230px; font-size:10px; line-height:11px;}
#content .opt p{padding:0px 5px 0px 10px;;}
#content .rightopt h3, #content .opt h3,#content .leftopt h3{color:#166674;}
img.bord {border:#CCCCCC solid 1px;}

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 6px 6px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;;
	font-family:arial!important;;
	font-size:20px!important;;
	font-weight:normal!important;;
	padding:12px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	min-width:130px;
	text-align: center;

  margin-right: auto;
  margin-bottom: 15px;
  margin-top: 10px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
	text-decoration: none;
}
.myButton:active {
	position:relative;
	top:1px;
}


.gradient {

	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 15%, #cccccc 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ffffff), color-stop(85%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 15%,#cccccc 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 15%,#cccccc 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 15%,#cccccc 85%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 15%,#cccccc 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}
.gradient:hover {

	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 15%, #fafafa 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ffffff), color-stop(85%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 15%,#fafafa 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 15%,#fafafa 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 15%,#fafafa 85%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 15%,#fafafa 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 0px 20px #444;

}



.myButtonred {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	cursor:pointer;
	color:#ffffff!important;;
	font-family:arial!important;;
	font-size:18px!important;;
	font-weight:normal!important;;
	padding:12px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	text-decoration: none;
}
.myButtonred:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
	text-decoration: none;	
}
.myButtonred:active {
	position:relative;
	text-decoration: none;
	top:1px;
}
