body{
background: url(images/background.png) repeat;
color: #000000;
font:12px "Verdana", Arial, Helvetica, Sans-Serif;
margin:0;
padding:0;
-webkit-text-size-adjust: 100%;
}

#container {
color: #000000;
background-color: #F6F6F6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #D4D4D4;
border-radius:5px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-top:10px;
max-width:900px;
width:98%;
}

.intro {
text-align: center;
margin-bottom: -4px;
}

h1 {
font: 14px "Verdana", Arial, Helvetica, Sans-Serif;
font-weight: normal;
text-align: center;
}

h2 {
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
margin-bottom: -5px;
padding-top: 2px;
font-weight: normal;
text-align: center;
}

h3 {
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
margin-top: -5px;
margin-bottom: -10px;
text-align: left;
margin-left: 15px;
}

h4 {
font: 12px "Verdana", Arial, Helvetica, Sans-Serif;
}
 
h4 a {
text-decoration: none;
margin-left: 0px;
}
 
h4 a:hover {
text-decoration: underline;
}
 
h4.download {
margin-left: auto;
margin-right: auto;
background: #FFFFFF url(images/configure.png) repeat-x;
border: 1px solid #D4D4D4;
padding-top: 7px;
padding-bottom: 9px;
max-width: 700px;
text-align: center;
margin-top: 0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

h6 {
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
margin-right: 3px;
}

p.copyright {
text-align:center;
margin-top: -8px;
}

p {
text-align: justify;
margin-left: 10px;
margin-right: 10px;
margin-top: 7px;
margin-bottom: 7px;
}

.top {
padding-bottom:15px;
padding-left:px;
max-width:729px;
}

#top_bar {
max-width: 722px;
border: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -25px; 
}

.right {
max-width: 500px;
padding-bottom: 15px;
padding-left: 25px; 
}
 
.left {
max-width: 222px;
padding-bottom: 15px; 
}

#header {
max-width: 900px;
margin-left: auto;
margin-right: auto;
background: #A4A4A4 url(images/nav_light.png) repeat-x;
border-radius:8px
}


/*Menu at the top*/
#menu {
margin: 0;
text-align: center;
padding:0;
}

/*Menu at the top*/
#menu li {
margin-left: -3px;
margin-right: -3px;
display:inline-block;
padding:0;
}

/*Menu at the top, menu texts*/
#menu a {
padding: 10px 15px 10px 15px;
text-decoration: none;
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
font-weight: bold;
color: #000000;
display:block;
}

/*Menu at the top, hovering tab*/
#menu a:hover {
text-decoration: none;
background: #333333;
color: #FFFFFF;
}

/*Menu at the top, current seleted tab*/
#menu a.current {
a: hover;
background: #333333;
color: #FFFFFF;
}

.content {	
max-width: 900px;	
margin: 0 auto;
margin-bottom: 30px;
}
 
#ColOne {
margin: 0 auto;
max-width: 900px;
margin-bottom: 50px;
padding-top: 3px;
}
 
#search_form {
border: 1px solid #D4D4D4;
margin-left: auto;
margin-right: auto;
max-width: 619px;
background: #FFFFFF url(images/form.png) repeat-x left bottom;
padding: 14px 30px 55px 50px;
margin-top: 10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

/*Color of device selection drop down list on homepage and jailbreak page.*/
.combos { 
width: 170px;
margin-top: 1px; 
margin-right: 28px;
color: #000000;
font: 12px "Verdana", Arial, Helvetica, Sans-Serif;
}

.both {
float: left;
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
padding-left: 8px; 
text-align: left;
margin-top: -4px;
}

/*Device Selection on homepage and jailbreak page.*/
#submit {
margin-top: -15px;
margin-bottom: 13px;
margin-left: auto;
margin-right: auto;
max-width: 561px;
text-align: center;
clear: both;
}

/*Device Selection on homepage and jailbreak page. Color of Download Button*/
a.submit {
color: #000000;
text-decoration: none;
padding: 5px 11px;
cursor: pointer;
position: relative;
display: inline-block;
background: url(images/submit.png) repeat-x;
border: solid 1px #D0D0D0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

/*Device Selection on homepage and jailbreak page. Drop down menu.*/
a.submit:hover {
cursor: pointer;
border-color: #B9B9B9;
}

/*Device Selection on homepage and jailbreak page. Not sure what this is.*/
a.submit:active {
border-color: #B9B9B9;
cursor: pointer;
}

#result {
height: 100px;
margin-left: 0px;
margin-top: 5px;
}

#configure {
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 13px;
margin-bottom: 12px;
padding-botton: 8px;
background: #FFFFFF url(images/configure.png) repeat-x;
border: 1px solid #D4D4D4;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
 
p.message {
margin-top: 7px;
max-width: 700px;
text-align: center;
}

#overview {
margin-left: auto;
margin-right: auto;
margin-top: -60px;
margin-bottom: 10px;
}

#device_main {
margin-left: auto;
margin-right: auto;
}
 
.main_top {
vertical-align: top;
}

.main_right {
float: left;
text-align: center;
padding-left: 5px;
}

#social {
margin-bottom: 34px;
margin-right: 2px;
float: center;
height: 36px;
max-width: 162px;
display: inline;
}

#device_info {
max-width: 770px; 
margin: 0 auto 17px;
}

li {
font: 13px "Verdana", Arial, Helvetica, Sans-Serif;
margin-left: -25px;
padding-top: 5px;
padding-bottom: 5px;
list-style: disc inside;
}

/*Color of of download links in UL list*/
ul a {
color: #0000CC;
text-decoration: none;
}

/*Color of links hovering over it.*/
ul a:hover {
text-decoration: underline;
color: #CC0000;
}
 
.scroller {
width: 500px;
height: 700px;
padding: 9px;
margin: 0 auto;
overflow: auto;
margin-top: 15px;
margin-bottom: 15px;
box-sizing: border-box;
}
 
img.icon {
margin-left: 2px;
margin-right: 2px;
margin-top: 8px;
}

p.contact {
max-width: 700px;
text-align: center;
margin-top: 15px;
margin-bottom: -35px;
padding: 8px 0;
margin-left: auto;
margin-right: auto;
background-color: #FBFAF9;
border: 1px solid #D4D4D4;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#footer {
clear: both;
max-width: 740px;
margin-top: -30px;
margin: 0 auto;
padding-top: 40px;
background: url(images/footer.png) repeat-x;
}

.link {
max-width: 700px;
margin: 0 auto;
text-align: center;
margin-bottom: -10px;
}

/*Color of download link after selected the device.*/
a {
color: #0000CC;
text-decoration: none;
}
ins,#container iframe{
	width:100% !important;
}
#toggle, .toggle { display: none; }
@media (max-width:768px){
	.both{margin:0;padding:0;float:none;text-align:center;}
	#menu { display: none; opacity: 0; width:98%; position: absolute;border-radius: 8px;background:#989898;z-index: 1;}
	#menu li{display:block;margin:0;}
	.toggle { display: block; position: relative; cursor: pointer;font-size:28px;vertical-align: top;text-align:right;padding-right:18px }
	.toggle span {font-size: 18px;vertical-align: inherit;padding-top: 5px;width: 86%;display: inline-block;text-align:left;}
	#toggle:checked ~ #menu { display: block; opacity: 1;}
	.combos{margin-right:0;}
	
}