body{
  margin:0;padding:0;
  background:black;
  text-align:center;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));

}    

body.origin{
   background:url(/system/uploads/33/original/bw.gif) top center;
}    


#index ul {
color: #aaa;
border: 1px solid #333333;
font: bold 18px Helvetica;
padding: 0;
margin: 15px 10px 17px 10px;
-webkit-border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
text-align:left;
}



#index ul li {
color: #666;
border-top: 1px solid #333;
border-bottom: #555858;
list-style-type: none;
padding: 10px 10px 10px 10px;
overflow: hidden;
}


#index ul li:first-child, li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

#index li:last-child, li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}


#index ul li.arrow {
background-image: url(http://assets.integrated-internet.com/themes/jqt/img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#ccc));
background-position: right center;
background-repeat: no-repeat;
}

#index ul li.done {
background-image: url(http://assets.integrated-internet.com/img/icons/accept.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
background-position: 98.5% center;
background-repeat: no-repeat;
}


/* universal links on list */

 #index ul li a, li.img a /* + a */{
color: #fff;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 12px 10px 12px 10px;
margin: -10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-shadow: rgba(0,0,0,.2) 0 1px 1px;
}

#index ul li a.done {
  color: #666;
}



div.panel{
  background:white;
 display:none;
 text-align:left;
 padding:8px;
 margin: 15px 14px 17px 14px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));

}
div.panel h2{
 margin-top:0;
 color:#666;
 border-bottom: 1px solid #ccc;
/* -webkit-border-radius: 8px;
 padding:4px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#ffffff));*/

}
h1{
 margin:0;
 background:url(/system/uploads/33/original/bw1.gif) top center;
 border-bottom:1px solid #333;
}
h1 img{
 margin-top:8px;
}
ul.form{
color: #aaa;
border: 1px solid #999;
font: bold 18px Helvetica;
padding: 0;
margin: 15px 10px 17px 10px;
-webkit-border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
text-align:left;
}

ul.form li {
color: #666;
border-top: 1px solid #999;
border-bottom: #555858;
list-style-type: none;
padding: 14px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#ffffff));
overflow: hidden;}

ul.form li:first-child, li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

ul.form li:last-child, li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

ul.form li.error {
	border: 2px solid red;
}

ul.form li.error + li.error {
	border-top: 0;
}


ul.form li input[type="text"], ul li input[type="password"], ul li textarea, ul li select {
	color: #777;
	background: transparent url(../.png);
	border: 0;
	font: normal 17px Helvetica;
	padding: 0;
	display: inline-block;
	margin-left: 0px;
	width: 100%;
	-webkit-appearance: textarea;
}

ul.form li textarea {
	height: 120px;
	padding: 0;
	text-indent: -2px;
}

ul.form li select {
	text-indent: 0px;
	background: transparent url(http://assets.integrated-internet.com/img/icons/chevron.png) no-repeat right center;
	-webkit-appearance: textfield;
	margin-left: -6px;
	width: 104%;
}

ul.form li input[type="checkbox"], ul li input[type="radio"] {
	margin: 0;
	padding: 10px 10px;
}

ul.form li input[type="checkbox"]:after, ul li input[type="radio"]:after {
	content: attr(title);
	font: 17px Helvetica;
	display: block;
	width: 246px;
	color: #777;
	margin: -12px 0 0 17px;
}

.whiteButton {
 margin:0 10px;
  width:100%;
  padding:6px;
  /*-webkit-border-image: url(http://assets.integrated-internet.com/img/btns/white.png) 0 12 0 12;*/
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
 font-size:1.4em;
 font-weight:bold;
}

ul.contact {
color: #aaa;
border: 1px solid #999;
font: bold 18px Helvetica;
padding: 0;
margin: 15px 10px 17px 10px;
-webkit-border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
text-align:left;
}

ul.contact  li {
color: #666;
border-top: 1px solid #999;
border-bottom: #555858;
list-style-type: none;
padding: 24px;
overflow: hidden;
 background-position: 98% center;
 background-repeat: no-repeat;
}

ul.contact  li:first-child, li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

ul.contact li:last-child, li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}


ul.contact  li:first-child, li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

ul.contact li a {
 color: #333;
 display:block;
 font-size:90%;
}

ul.contact li.phone{
 background-image:url(http://assets.integrated-internet.com/img/icons/chalk/Phone.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee));

}


ul.contact li.email{
 background-image:url(http://assets.integrated-internet.com/img/icons/chalk/Mail.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee));
 }

ul.contact li.wait{
 background-image:url(http://assets.integrated-internet.com/img/icons/wait-trans.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee));
}

ul.contact li.received{
 background-image:url(http://assets.integrated-internet.com/img/icons/accept.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee));

}