/*
	Compu-GUIDE.net CSS
*/

/* 
##
## Common
##
*/

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#E1E8F7 url(/assets/img/header/header80px.png) repeat-x scroll 0 0;
color:#909090;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
text-align:center;
}

#wrap {
margin-left:auto;
margin-right:auto;
}

a {
color:#374775;
text-decoration:none;
}

a img {
border:0;
}

h3 {
color:#286FCB;
font-size:17px;
}

.hidden {
display:none;
}

/* 
##
## Header
##
*/

#header {
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
height:80px;
margin-left:auto;
margin-right:auto;
width:900px;
}

/* Logo */

#header #logo{
float:left;
margin:25px 0 0 30px;
}

#header #logo span{
font-size:25px;
color:#374775;
line-height:30px;
}

/* Menu */

#header #menu{
float:right;
width:500px;
margin-top:49px;
}

#header #globalnav {
float:left;
margin:0;
padding:0;
}

#header #globalnav li {
display:inline;
}

/* Menu items */

#header #globalnav li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
height:31px;
width:123px;
font-size:14px;
color:#626761;
}

#header #globalnav li#current{
font-weight:bold;
}

#header #globalnav li#current a {
background:transparent url(/assets/img/header/buttonbg.png) repeat scroll 0 0;
width:123px;
color:#374775;
}

#globalnav .mitem {
margin-top:7px;
}

#globalnav .mitem .micon {
display:inline;
margin-right:10px;
}

#globalnav .mitem .micon img {
}

#globalnav .mitem .mtext {
display:inline;
}

/* 
##
## Content
##
*/

#main {
margin-left:auto;
margin-right:auto;
width:900px;
margin-bottom:20px;
}

.info span {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background-color:#2866CA;
border:1px none #999999;
color:#FFFFFF;
float:left;
font-style:normal;
font-weight:normal;
padding:2px 10px;
text-decoration:none;
text-shadow:0 -1px 0 #000000;
}

.info span.price {
float:right;
margin-right:10px;
}

.info .soon {
background-color:#61666C;
}

.info .select {
background-color:#286FCB;;
}


/* 
##
## Footer
##
*/

#footer #copyright {
background-color:#404040;
clear:both;
color:#888888;
font-size:11px;
height:37px;
margin:0;
padding:10px 0;
}

#footer #copyright p {
margin:0;
text-align:center;
}

#footer a:link, #footer a:visited {
color:#888888;
}


/* 
##
## Apps List
##
*/

#apps {
float:left;
margin:0 0 20px 70px;
}

#applist {
float:left;
margin:0;
padding:0;
}

#applist li {
display:inline;
}

#applist li a {
color:#FFFFFF;
margin-top:20px;
float:left;
width:226px;
height:73px;
margin-right:20px;
background:transparent url(/assets/img/apps/appitembg_navy.png) repeat scroll 0 0;
}
/*
#applist li a:hover {
background:transparent url(/assets/img/apps/appitembg_grey.png) repeat scroll 0 0;
}
*/
#applist li a.current {
background:transparent url(/assets/img/apps/appitembg_black.png) repeat scroll 0 0;
}

#applist li a.none {
background:transparent url(/assets/img/apps/appitembg_none.png) repeat scroll 0 0;
}

#applist li img {
float:left;
margin:7px;
}

#applist li .title {
float:left;
width:150px;
margin-top:3px;
}

#applist li .title h1 {
float:left;
margin:7px;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
}

#applist li .info {
float:left;
margin:7px 0 0 5px;
width:150px;
}

/* 
##
## Apps Details
##
*/

#appdetails {
float:left;
}

/* Column 1 */

#appdetails #appcol1 {
float:left;
margin-right:40px;
}

#appdetails #appcol1 #iphone {
height:623px;
width:295px;
margin-bottom:10px;
background:transparent url(/assets/img/apps/iPhone_Portrait.png) repeat scroll 0 0;
}

#appdetails #appcol1 #iphone #data {
padding-top:90px;
position:relative;
}

/* Screenshot scroller/slider */

#scroller{margin-left:27px;}	
#scroller ul, #scroller li{
	margin:0;
	padding:0;
	list-style:none;
	}
#scroller li{ 
	width:240px;
	height:360px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:35px;
	height:69px;
	position:absolute;
	/*left:-30px;*/
	top:231px;
	left:-8px;
	/*top:71px;*/
	text-indent:-8000px;
	}	
#nextBtn{ 
	/*left:240px;*/
	left:267px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:35px;
	height:69px;
	background:url(/assets/img/apps/btn_prev5.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/assets/img/apps/btn_next5.gif) no-repeat 0 0;	
	}	


/* Screenshots */

#appdetails #appcol1 #iphone .playButton {
-moz-border-radius-bottomleft:1em;
-moz-border-radius-bottomright:1em;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:1em;
background-color:#141414;
color:white;
cursor:pointer;
font-size:1.25em;
font-weight:bold;
opacity:0.8;
display:block;
padding:0.5em 1em;
width:150px;
margin:-10px auto 0;
position:relative;
border:1px solid #FFFFFF;
}

#appdetails #appcol1 #screenshots {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
background-image:url(/assets/img/apps/screenshotboxGradient.png);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #D2D2D2;
min-height:44px;
padding:15px;
float:left;
margin-bottom:20px;
}

#screenshots .title {
text-align:left;
color:#000000;
font-size:15px;
border-bottom:1px solid #000000;
padding-bottom:5px;
}

#screenshots ul {
list-style-type:none;
padding:0 1em;
margin:0;
}

#screenshots ul li {
float:left;
margin-top:10px;
width:80px;
}

#screenshots ul li a {
margin-right:1px;
padding:0;
}

#screenshots ul li img {
border:2px solid #E6E6E6;
}

#screenshots ul li img.selected {
border-color:red;
}

/* Apps.ie */

#appdetails #appcol1 #appsie {
padding-bottom:20px;
}

/* Column 2 */

#appdetails #appcol2 {
float:left;
width:550px;
margin-bottom:20px;
}

#appdetails #appcol2 #appmenu {
}

#appdetails #appcol2 #appdata {
}

#appdata .panel {
text-align:left;
color:#000000;
margin-bottom:20px;
}

#appdata .panel p {
margin:0;
padding-top:10px;
}

#appdata .panel h3 {
clear:both;
}

#appdata .panel h4 {
margin:0;
}

/*
#appdata .panel img {
float:right;
margin:0 0 0 20px;
}
*/
/* App Sidebar - Status */

#appdata #mysidebar {
border-left:1px solid #B7B5AC;
float:right;
margin-left:10px;
padding-left:15px;
padding-bottom:10px;
width:30%;
}

#appdata #mysidebar h4 {
border-bottom:1px dotted #CCCCCC;
color:#61666C;
font-size:13px;
margin:0 0 5px;
padding-bottom:2px;
}

#appdata #mysidebar h4 span {
color:green;
float:right;
font-size:10px;
font-weight:normal;
}

#appdata #mysidebar p {
color:#61666C;
font-size: 10px;
margin-bottom:5px;
padding:0;
}

#appdata #mysidebar img {
margin:0 8px;
}

/* App Version History */

#appdata .release {
margin-bottom:10px;
}

#appdata ol {
margin:0;
padding:0;
list-style-type:none;
}

#appdata ol .version {
font-size: 16px;
font-weight:bold;
color:#286FCB;
}

#appdata ol .date {
color:#909090;
font-size: 11px;
}

#appdata ol ul {
list-style-type:square;
list-style-image:url(/assets/img/apps/history/icon-arrow.gif);
}

#appdata ol ul li.fix {
list-style-image:url(/assets/img/apps/history/troubleshooting.gif);
}

#appdata ol ul li.new {
list-style-image:url(/assets/img/apps/history/reviews.gif);
}

#appdata ol ul span.new {
font-weight:bold;
}

/* App Features */

.featurelist .feature {
font-weight:bold;
padding-bottom:3px;
}

.featurelist img {
padding-right:5px;
margin-left:0 !important;
padding-top:4px;
}

.featurelist .firstcolumn {
color:#61666C;
padding-right:15px;
}

.featurelist .secondcolumn {
padding-left:2px;
text-align:center;
}

.featurelist .smalltext {
color:#61666C;
}

.featurelist td {
vertical-align:top;
}

/* App Requirements */

.requirements img {
float:right !important;
margin-left:20px;
}

.requirements ul {
list-style-type:circle;
list-style-image:url(/assets/img/apps/requirements/sidebar-bull.gif);
margin:0 1.5em 1.5em;
padding:0;
}

.requirements ul li {
margin-left:10px;
}

/* App Inspiration */

.inspiration {
padding:0;
}

.inspiration ul {
margin:0;
padding:0;
}

.inspiration ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 40px;
}

.inspiration ul li.idea {
background:transparent url(/assets/img/apps/energysaver.png) no-repeat scroll left top;

}

.inspiration ul li h4 {
font-size:16px;
font-weight:normal;
}

.inspiration ul li span {
color:#61666C;
font-size:12px;
line-height:22px;
margin-left:10px;
}

/* FAQ */

.faqlist .info {
float:right;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:14px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:14px;
background-color:#2866CA;
padding:2px 10px;
}

.faqlist .question {
color:#286FCB;
cursor:hand;
cursor:pointer;
}

.faqlist .answer {
color:#61666C;
}

.faqlist ol {
list-style-type:decimal !important;
font-weight:bold;
}

.faqlist ol li {
margin-left:20px;
}

/* Need Help? */

#help .warning  {
color:red;
font-size:1.4em;
font-weight:bold;
margin-top:20px;
text-align:center;
}

#help .message  {
color:red;
text-align:center;
}

#help .success {
color:green;
font-size:1.4em;
font-weight:bold;
margin-top:20px;
text-align:center;
}

/* Contacts */

.contactlist h3 {
padding-top:0 !important;
padding-bottom:20px;
margin:0;
color:#000000;
}

.contactlist h3 span {
font-size:12px;
margin-left:10px;
font-weight:normal;
}

.contactlist h3 span a {
color:#286FCB;
}

.contactlist h3 span a:hover {
text-decoration:underline;
}

.contactlist td {
vertical-align:middle;
width:120px;
text-align:center;
padding-bottom:10px;
}

.contactlist .main_subtext {
color:#286FCB;
font-family:"Helvetica Neue","Trebuchet MS",Verdana,Arial,sans-serif;
font-size:12px;
line-height:150%;
padding-bottom:20px;
vertical-align:top;
}

.contactlist td.logo {
text-align:center;
vertical-align:bottom;
}

.contactlist td img {
background-color:#000000;
}

/* App Menu */

#slider .nav {
height:33px;
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
background-color:#111111;
border:1px solid #000000;
background-image:url(/assets/img/apps/app_navigation_bg.png);
background-position:0 50%;
background-repeat:repeat-x;
list-style-type:none;
padding:0 1em;
margin:0;
}

#slider .nav li {
float:left;
padding:7px 0;
}

#slider .nav li.test {
float:right;
}

#slider .nav li a {
color:#FFFFFF;
margin-right:1px;
padding:8px 1em;
text-decoration:none;
}

#slider .nav li a:hover {
background-image:url(/assets/img/apps/app_navigation_bg-hover.png);
background-position:0 50%;
background-repeat:repeat-x;
}

#slider .nav li.selected {
background-image:url(/assets/img/apps/app_navigation_bg-active.png);
background-position:0 50%;
background-repeat:repeat-x;
}

#slider .scroll {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background:#FFFFFF none repeat scroll 0 0;
border:10px solid #626761;
padding:20px 20px 0;
z-index:5;
}

/* 
##
## About
##
*/

#about {
color:#000000;
}

#about #row1 {
text-align:left;
}

#about #column1 {
display:inline;
float:left;
margin:0 33px 22px 0;
width:651px;
}

#about #column1 #subcols {
margin-bottom:20px;
margin-top:30px;
clear:both;
}

#about #subcols ul {
list-style-type:none;
padding:0;
margin:0;
}

#about #subcols ul li {
float:left;
}

#about #subcols ul li.location {
background:transparent url(/assets/img/about/worldmap.png) no-repeat scroll 0 0;
padding-left:40px;
width:420px;
}

#about #subcols #map_canvas {
	margin:20px 0;
	border:1px solid;
}

#about #subcols ul li.contact {
background:transparent url(/assets/img/about/chat.png) no-repeat scroll 0 0;
padding-left:35px;
}

#about #subcols h3 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#374775;
border:1px solid #EAEAEA;
color:white;
display:inline;
margin:16px 0;
padding:8px;
}

#about #column1 #subcols #cell {
float:left;
width:320px;
}

#about #column2 {
float:right;
width:200px;
margin-top:10px;
}

#about #column2 .columnBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/img/about/box_bg.png) repeat-y scroll 0 0;
color:#333333;
font-size:12px;
line-height:1.3em;
margin-bottom:52px;
margin-top:28px;
padding:1px 17px 0;
text-align:center;
width:144px;
clear:both;
}

#about #column2 .columnBox h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/img/about/header_bg.png) no-repeat scroll 0 0;
color:#E5EEFF;
font-size:12px;
font-weight:bold;
height:19px;
margin:-28px 0 10px -17px;
padding:8px 0 0;
text-shadow:0 -1px 0 #000000;
text-transform:uppercase;
width:178px;
}

#about #column2 .columnBox p {
width:144px;
text-align:left;
margin:0 0 8px;
padding:0;
}

#about #column2 .columnBox a {
float:left;
width:144px;
}

#about #column2 .columnBox .columnBoxBottom {
margin-bottom:-15px;
margin-left:-17px;
}

#about h1 {
color:#374775;
font-size:2em;
}

#about h3 {
color:#374775;
}

/*
#about h4 {
color:#374775;
border-bottom:2px solid #888888;
padding:0 0 6px;
}
*/

#about p.quote {
font-size:17px;
text-align:center;
font-style: italic; 
}

#about a {
color:#286FCB;
text-decoration:none;
}

#about a:hover {
text-decoration:underline;
}

#about #bios {
clear:both;
}

#about #bios p {
margin-bottom:6px;
margin-top:10px;
}

#about #bios .boldshadow {
color:#333333;
font-weight:bold;
text-shadow:0 1px 2px #CCCCCC;
}

#about #bios .smallgray {
color:#AAAAAA;
font-size:10px;
}

#about #bios a:link, #about #bios a:visited {
color:#286FCB;
text-decoration:none;
}

#about #bios a:hover {
text-decoration:underline;
}

/* 
##
## Resources
##
*/

#about.resources #subcols ul li {
float:none;
width:150px;
padding-left:35px;
}

#about.resources #subcols ul li.sections {
background:transparent url(/assets/img/resources/spotlight.png) no-repeat scroll 0 0;
}

#about.resources #subcols ul li.books {
background:transparent url(/assets/img/resources/book-blue.gif) no-repeat scroll 0 0;
}

#about.resources #subcols ul li.websites {
background:transparent url(/assets/img/resources/systemaudio.png) no-repeat scroll 0 0;
}

#about.resources .sectionLinks h3 {
padding-bottom:5px;
border-bottom:1px solid #555555;
}

#about.resources .sectionLinks h3 span.back {
float:right;
font-size:10px;
}

#about.resources .sectionLinks h3 span.back a {
color:#555555;
font-weight:normal;
}

#about.resources .sectionLinks span {
margin-left:20px;
color:#555555;
}

#about.resources .sectionLinks img {
margin-left:10px;
}

#about.resources .sectionLinks ul {
list-style-type:none;
padding:0;
margin:0 0 0 30px;
}

#about.resources .sectionLinks ul li {
background:transparent url(/assets/img/resources/sidebar-bull.gif) no-repeat scroll 0 0;
padding-left:20px;
}

#about.resources .sectionMenu {
margin-bottom:20px;
}

#about.resources .sectionMenu ul {
list-style-type:none;
padding:0;
margin:0;
}

#about.resources .sectionMenu ul li {
padding-left:3px !important;
}

#about.resources span.resourceInfo {
margin-left:0;
font-size:14px;
}

#about.resources div.code {
background-color:#555555;
padding:10px;
color:#FFFFFF;
}

#about.resources div.code pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#about.resources .sections .credit {
margin-top:20px;
}

/* 
##
## Support
##
*/