/*
input[type="button"], input[type="submit"], button{ 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f87912), color-stop(1, #f78c35));
	background:-moz-linear-gradient(top, #f87912 5%, #f78c35 100%);
	background:-webkit-linear-gradient(top, #f87912 5%, #f78c35 100%);
	background:-o-linear-gradient(top, #f87912 5%, #f78c35 100%);
	background:-ms-linear-gradient(top, #f87912 5%, #f78c35 100%);
	background:linear-gradient(to bottom, #f87912 5%, #f78c35 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f87912', endColorstr='#f78c35',GradientType=0);
	background-color:#f87912;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:3px 8px;
	text-decoration:none;


	 border: none;
    outline:none;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f78c35), color-stop(1, #f87912));
	background:-moz-linear-gradient(top, #f78c35 5%, #f87912 100%);
	background:-webkit-linear-gradient(top, #f78c35 5%, #f87912 100%);
	background:-o-linear-gradient(top, #f78c35 5%, #f87912 100%);
	background:-ms-linear-gradient(top, #f78c35 5%, #f87912 100%);
	background:linear-gradient(to bottom, #f78c35 5%, #f87912 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78c35', endColorstr='#f87912',GradientType=0);
	background-color:#f78c35;
	color:#FFFFFF;
}




input[type="button"]:active, input[type="submit"]:active, button:active  {
	position:relative;
	top:1px;
}
	*/
	
.table0
{
	max-width:100%;
	float:left;
}
	
	
.table1
{
	width:180px;
	max-width:90%;
	float:left;
	font-size:13px;
}

.table2a
{
	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:180px;
	max-width:100%;
	float:left;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}

.table2b
{
	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:180px;
	max-width:100%;
	float:left;
	font-size:13px;
}

 



.table3a
{
	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:140px;
	max-width:100%;
	float:left;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}


.table3b
{
	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:140px;
	max-width:100%;
	height:25px;
	float:left;
	font-size:13px;
}




.table33a
{
	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:100px;
	max-width:100%;
	float:left;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}


.table33b
{
	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:100px;
	max-width:100%;
	height:25px;
	float:left;
	font-size:13px;
}


.table4a
{

	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:100px;
	max-width:100%;
	float:left;
	overflow: hidden;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}


.table4b
{

	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:100px;
	max-width:100%;
	overflow: auto;

	height:25px;
	float:left;
	font-size:13px;
}



.table44a
{

	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:120px;
	max-width:100%;
	float:left;
	overflow: hidden;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}


.table44b
{

	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:120px;
	max-width:100%;
	overflow: auto;

	height:25px;
	float:left;
	font-size:13px;
}


.table5a
{
	font-size:13px;
	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:120px;
	max-width:100%;
	float:left;
	overflow: hidden;
	background-color:#3e3a59;
	color:#FFFFFF;
}


.table5b
{
		font-size:13px;
	text-align:left;
border:1px solid #AAAAFF;
	padding: 2px;
	width:120px;
	max-width:100%;
	overflow: auto;

	height:25px;
	float:left;
} 





.table6a
{
	text-align:center;
	border:1px solid #3e3a59;
	padding: 2px;
	width:220px;
	max-width:100%;
	float:left;
	background-color:#3e3a59;
	color:#FFFFFF;
	font-size:13px;
}

.table6b
{
	text-align:left;
	border:1px solid #AAAAFF;
	padding: 2px;
	width:220px;
	max-width:100%;
	float:left;
	font-size:13px;
}


input, .input2
{
width:200px;
max-width:100%;
}

input[type="radio"] {
width:auto;
}

input[type="submit"] {
width:auto;
}

input[type="button"] {
width:auto;
}


input[type="checkbox"] {
width:auto;
}


/*  COLUMN SETUP  */



.grad1 {
    background: #0e0e15 /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e0e15, #8f86cf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e0e15, #8f86cf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e0e15, #8f86cf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0e0e15, #8f86cf); /* Standard syntax */
}

.grad2 {
    background: #938bd4 /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#938bd4, #938bd4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#938bd4, #938bd4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#938bd4, #938bd4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#938bd4, #938bd4); /* Standard syntax */
	}
 
 
 
 


img
{
	
	max-width:100%;

	}

@media screen and (min-width: 960px)
{

.content123
{
max-width:100%;
}

.quarter1 {width:23%;}

.sx2 {display:block;}

.vxbox { max-width:140px;}

.colx {	float:left;}

.span_magic0{ width: 50%;}

.span_magic1{ width: 33%;}
.span_magic1a{  width:23%;max-width:100%;}
.span_magic1b{  width:31%;max-width:100%;}

.superx {display:block;}
.demo-1 {display:none;}
.xxhide { display:none;}	
.hidehide{ display:block;}	
.hidehide2{ display:none;}	
.hidehide3{ display:none;}	

.hidehide4{ display:none;}	

.qhidehide3{ display:none;}		
 
}

@media screen and (max-width: 959px)
{
.vxbox { max-width:20%;}

.content123
{
max-width:90%;
}

.quarter1 {width:23%;}

.sx2 {display:block;}

.colx {	float:center;}

.span_magic0{ width: 50%;}

.span_magic1{ width: 50%;}
.span_magic1a{ width:100%;max-width:100%;}
.span_magic1b{ width:100%;max-width:100%;}

.superx {display:none;}
.demo-1 {display:block;}
.xxhide { display:none;}	
.hidehide{ display:none;}		
.hidehide2{ display:block;}	
.hidehide3{ display:none;}	
.hidehide4{ display:none;}	

.qhidehide3{ display:block;}		

}

@media screen and (max-width: 700px)
{
.vxbox { max-width:20%}
.content123
{
max-width:90%;
}

.quarter1 {width:100%;}

.sx2 {display:none;}

.colx {	float:center;}

.span_magic0{ width: 50%;}

.span_magic1{ width: 50%;}

.span_magic1a{  width:100%;max-width:100%;}
.span_magic1b{ width:100%;max-width:100%;}

.superx {display:none;}
.demo-1 {display:block;}
.exp1 {width:100%;float:left;}
.xxhide { display:block;}	
.hidehide{ display:none;}
.hidehide2{ display:none;}	
.hidehide3{ display:block;}	
.hidehide4{ display:none;}	

.qhidehide3{ display:block;}		
	
}

@media screen and (max-width: 568px)
{

.content123
{
max-width:90%;
}

.quarter1 {width:100%;}


.sx2 {display:none;}

.vxbox { max-width:19%}

.colx {	float:center;}

.span_magic0{ width: 100%;}

.span_magic1{ width: 100%;}

.span_magic1a{  width:100%;max-width:100%;}
.span_magic1b{  width:100%;max-width:100%;}

.superx {display:none;}
.demo-1 {display:block;}
.exp1 {width:100%;float:left;}
.xxhide { display:block;}	
.hidehide{ display:none;}	
.hidehide2{ display:none;}	
.hidehide3{ display:none;}	
.hidehide4{ display:block;}	


.qhidehide3{ display:block;}		

}



