/* RESET */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { display: block; margin: 8px 0; font-style: normal; font-weight: normal; color: #404249; }
h2.hide { text-indent: -9999em; }
h4.bold { font-weight: bold; }

ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.hide { display: none !important; }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 25px; }
img.right { float: right; margin: 2px 25px 16px 20px; }
object.left { float: left; margin: 2px 20px 16px 25px; }
object.right { float: right; margin: 2px 25px 16px 20px; }

img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#top { position: absolute; top: 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }


#container:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content { zoom: 1; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; background: #000 url(http://static.remotehd.com/images/body-background.png) top left repeat-x; overflow-y: scroll; }

a { color: #0af; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { padding-right: 10px; background: url(http://static.remotehd.com/images/icons/morearrow_0af.png) no-repeat 100% 50%; zoom: 1; }
a[rel="external"], a.external { white-space: nowrap; padding-right: 15px; background: url(http://static.remotehd.com/images/icons/external10x10.png) no-repeat 100% 50%; zoom: 1; }
a.dl { background: url(http://static.remotehd.com/images/icons/globalicondl11x10.png) 0 0.4em no-repeat; display: block; padding-left: 20px; }

p { margin-bottom: 18px; }
#navigation h1 { display: inline; font-weight: normal; font-size: 1em; line-height: 1em; }
#tabMenu h2 { display: inline; font-weight: normal; font-size: 1.1em; }

.iTunesReviews h3 { font-weight: normal; font-size: 1.5em; line-height: 1.5em; }
.iTunesReviews h4 { font-weight: normal; font-size: 1.4em; line-height: 1.4em; }
/*h2 { font-weight: bold; font-size: 1.1em; color: #404040; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1.1em; color: #404040; line-height: 18px; margin-bottom: 18px; }
h4 { font-weight: bold; font-size: 1.1em; color: #404040; line-height: 18px; margin-bottom: 18px; }*/

/*h1 { font-weight: normal; font-size: 1em; line-height: 18px; }
h2 { font-weight: bold; font-size: 1.1em; color: #404040; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }*/

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

.last { margin-bottom: 0; }
.localizable { /*border: 1px solid red; background-color: yellow;*/ }

.imageFrame { border-width: 8px 8px 16px 8px; border-style: solid; border-color: #000; } 

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/*--- Global Footer (legacy) ---*/
#globalfooter .gf-links { float: right; margin: 18px 0 9px; }
#globalfooter .gf-links a { border: 0; white-space: nowrap; }
#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; }

/*--- Global Footer ---*/
#globalfooter { width: 980px; color: #888; font-size: 10px; margin: auto; padding: 8px 24px 36px 0; text-align: left !important; }
#globalfooter a { color: #777777; }
#globalfooter a:hover { color: #0af; }
#globalfooter p { margin-bottom: 1em; }
#globalfooter .gf-links { float: right; }
#globalfooter ul.piped li{ display: inline; background: url(http://static.remotehd.com/images/sep.png) no-repeat right; padding: 0 16px; margin: 0; }
#globalfooter ul.piped li.last { display: inline; background: url(http://static.remotehd.com/images/empty.png) no-repeat right; padding: 0 0 0 16px; margin: 0; }

/* PRODUCTHEADER */
#main #header { margin: 0; padding: 0; }
#main #header #navigation { clear: both; margin: 0; padding: 0 16px 0 0; text-align: right; }
#main #header #caption { color: #777777; padding: 68px 0 0 0; }

#header #navigation ul { display: inline; float: right; padding: 0; margin: 0; }
#header #navigation ul li { display: inline; font-size: 1.1em; background: url(http://static.remotehd.com/images/sep.png) no-repeat right; padding: 0 16px; margin: 0; /*text-shadow: 0px 2px 4px #aaa;*/ }
#header #navigation ul li.last { display: inline; font-size: 1.1em; background: url(http://static.remotehd.com/images/empty.png) no-repeat right; padding: 0 16px 0 16px; margin: 0; }
#header #navigation ul li a { color: #777777; text-decoration: none; }
#header #navigation ul li.chosen a { color: #0af; }
#header #navigation ul li a:hover { color: #0af; }

#sideNav { margin: 0 0 0 -101px; width: 50px; float: left; }
#sideNav ul li { text-align: right; background-color: #fff; border: 1px solid #777777; color: #777777; padding: 0 4px; margin: 2px 0; }
#sideNav ul li.chosen { text-align: right; background-color: #000; color: #0af; border: 1px solid #000; padding: 0 4px; margin: 2px 0; }
#sideNav ul li a { color: #777777; text-decoration: none; }
#sideNav ul li.chosen a { color: #0af; }
#sideNav ul li a:hover { color: #0af; }


#chooseversion ul { display: inline; padding: 0; margin: 0; }
#chooseversion ul li { display: inline; padding: 10px 20px; }

/*#content { padding: 18px 20px; position: relative; color: #333; color:#666; font-size:12px; min-height: 500px; }*/
/* content w/ stroke outline */
#content 
{
	width: 980px;
	/*padding: 35px 65px 80px 65px;*/
	color: #808080;
	margin: 0;
	background-color: #fff;
	/*-webkit-box-shadow: 0 7px 7px #666;*/

	/*-moz-box-shadow: 0 7px 7px #666;
	box-shadow: 0 7px 7px #666;
	/*border: 1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color='#adadad', Positive='true');
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, ShadowOpacity=.30), progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.50');
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', ShadowOpacity=.10, Direction=135, Strength=5);*/
}

#content div.bl {background: url(http://static.remotehd.com/images/bl.png) 0 100% no-repeat; }
#content div.br {background: url(http://static.remotehd.com/images/br.png) 100% 100% no-repeat; }
#content div.tl {background: url(http://static.remotehd.com/images/tl.png) 0 0 no-repeat; }
#content div.tr {background: url(http://static.remotehd.com/images/tr.png) 100% 0 no-repeat; padding: 35px 65px 80px 100px; float: none; min-height: 500px; }

/*#content .cap.top { top:0; background:url(http://static.remotehd.com/images/apple/content_stroke_bgtop20080206.gif) no-repeat 0 0; }*/
/*.capbottom { position: absolute; left: 0; width: 100%; bottom: 0; height: 20px; background:url(http://static.remotehd.com/images/bottom.png) repeat-x 0 0; }*/

/*------------ product nav ------------*/

/* ----- forms ------ */

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

fieldset 
{
    border: 0;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
    vertical-align: top;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

textarea
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset span
{
	width: 200px;
	vertical-align: top;
}

#formview td
{
	vertical-align: top;
	padding: 2px 12px 10px 10px;
	font-size: 1em;
	/*width: 400px;*/
}

#formview select, #formview select, #formview input[type="text"], #formview textarea
{
	width: 400px;
	color: #444;
	font-size: 1em;
	padding: 0; margin: 0;
}

#formview input[type="submit"]
{
	width: 150px;	
}

#testSuccess	{ font-size: 1.2em; color: #008000; }
#testErrored	{ font-size: 1.2em; color: red; }

/*---- page defaults ----*/
.required {}
.email {}

#content #maincaption { margin: 0; }
/*#content #maincaption h2 { margin-bottom: 0.5em; text-align: center; }*/
p.subtitle { text-align:center; margin-bottom:5em; }

/*#content h2 { margin-bottom: 0.8em; }*/
#content p.subtitle { font-size:14px; font-weight: normal; line-height:1.5em; margin-bottom:2em; text-align:center; color:#888; }

/*#content h3 { font-size:18px; line-height:1.3em; margin-bottom:0.3em; font-weight:normal; color:#000; }*/

#content div.sectionHeading { clear: both; padding: 0px 0px 5px 0px; color: #404249; }
#content div.section { /*clear: both; padding-top: 50px;*/ }
#content div.helpitem { clear: both; padding-bottom: 30px; }

div.reveal { clear: both; display: none; padding-top: 10px; margin-left: 10px; }


/*  ----  support pages -----*/
/*#behaviors div.reveal { display: block; }*/
#behaviors table	{ border: 1px solid #aaa; }
#behaviors table th { background-color: #ddd; color: #404040; padding: 4px 4px 4px 4px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#behaviors table td { padding: 4px 4px 4px 4px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; vertical-align: top; }
.availabilityYes { background: url(http://static.remotehd.com/images/yes2.png) center center no-repeat; }
.availabilityOptional { background: url(http://static.remotehd.com/images/option2.png) center center no-repeat; }
.availabilityNo { background: url(http://static.remotehd.com/images/no2.png) center center no-repeat; }
#behaviors td.grouping {  }
#behaviors td.summary { text-align: right; white-space: nowrap; color: #404040; background-color: #ddd; }
#behaviors td.score { text-align: center; white-space: nowrap; color: #404040; background-color: #ddd; }
#behaviors td.winner { font-weight: bold; color: #404040; }
#behaviors table th.first { width: 100px; }
#behaviors table th.last { width: 100%; }
.helptitle {  }

/*---------- scrollable stuff H----------*/

div.scrollableH {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 720px;	
	height: 388px;
	/* custom decorations */
	/*background: url(http://static.remotehd.com/images/screenshotsH/frame2.jpg) no-repeat;*/
}

div.scrollableH #screenshotsH {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	top: 1px;
	left: 0px;
	clear:both;
	background-color: #000;
	/*left: 115px;
	top: 32px;*/
}

div.scrollableH #screenshotsH img
{
	float:left;
	padding: 33px 120px 0 120px;
}


/* this makes it possible to add next button beside scrollable */
div.scrollableH
{
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prevPageH, a.prevH {
	display:block;
	width:35px;
	height:35px;
	background:url(http://static.remotehd.com/images/icons/left2.png) no-repeat;
	float:left;
	margin:174px 12px 0 0;
	cursor:pointer;
}

a.nextPageH, a.nextH {
	display:block;
	width:35px;
	height:35px;
	background:url(http://static.remotehd.com/images/icons/left2.png) no-repeat;
	float:left;
	margin:174px 0 0 12px;
	cursor:pointer;
}

/* mouseover state */
a.prevH:hover, a.nextH:hover, a.prevPageH:hover, a.nextPageH:hover {
	background-position:0px -35px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.nextH, a.nextPageH {
	background-image:url(http://static.remotehd.com/images/icons/right2.png);
	clear:right;	
}



/*********** navigator H***********/


/* position and dimensions of the navigator */
div.naviH {
	margin-left:310px;
	width:720px;
	height:20px;

}


/* items inside navigator */
div.naviH a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.remotehd.com/images/icons/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.naviH a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.naviH a.active {
	background-position:0 -16px;     
} 	




























/*---------- scrollable stuff V----------*/

div.scrollableV {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 388px;	
	height: 740px;
	/* custom decorations */
	/*background: url(http://static.remotehd.com/images/screenshotsH/frame2.jpg) no-repeat;*/
}

div.scrollableV #screenshotsV {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	top: 0px;
	left: 1px;
	clear:both;
	background-color: #000;
	/*left: 115px;
	top: 32px;*/
}

div.scrollableV #screenshotsV img
{
	float:left;
	padding: 120px 33px 0 35px;
}


/* this makes it possible to add next button beside scrollable */
div.scrollableV
{
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prevV, a.nextV, a.prevPageV, a.nextPageV {
	display:block;
	width:35px;
	height:35px;
	background:url(http://static.remotehd.com/images/icons/left2.png) no-repeat;
	float:left;
	margin:344px 20px 0 20px;
	cursor:pointer;
}

/* mouseover state */
a.prevV:hover, a.nextV:hover, a.prevPageV:hover, a.nextPageV:hover {
	background-position:0px -35px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.nextV, a.nextPageV {
	background-image:url(http://static.remotehd.com/images/icons/right2.png);
	clear:right;	
}



/*********** navigator V***********/


/* position and dimensions of the navigator */
div.naviV {
	margin-left:185px;
	width:344px;
	height:20px;
	/*border: 1px solid black;*/
}


/* items inside navigator */
div.naviV a 
{
    text-align: center;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.remotehd.com/images/icons/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.naviV a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.naviV a.active {
	background-position:0 -16px;     
}










/*---------- scrollable stuff U----------*/

div.scrollableU {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 388px;	
	height: 740px;
	/* custom decorations */
	/*background: url(http://static.remotehd.com/images/screenshotsH/frame2.jpg) no-repeat;*/
}

div.scrollableU #screenshotsU {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	top: 0px;
	left: 1px;
	clear:both;
	background-color: #000;
	/*left: 115px;
	top: 32px;*/
}

div.scrollableU #screenshotsU img
{
	float:left;
	padding: 120px 33px 0 35px;
}


/* this makes it possible to add next button beside scrollable */
div.scrollableU
{
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prevU, a.nextU, a.prevPageU, a.nextPageU {
	display:block;
	width:35px;
	height:35px;
	background:url(http://static.remotehd.com/images/icons/left2.png) no-repeat;
	float:left;
	margin:344px 20px 0 20px;
	cursor:pointer;
}

/* mouseover state */
a.prevU:hover, a.nextU:hover, a.prevPageU:hover, a.nextPageU:hover {
	background-position:0px -35px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.nextU, a.nextPageU {
	background-image:url(http://static.remotehd.com/images/icons/right2.png);
	clear:right;	
}



/*********** navigator U***********/


/* position and dimensions of the navigator */
div.naviU {
	margin-left:100px;
	width:344px;
	height:20px;
	/*border: 1px solid black;*/
}


/* items inside navigator */
div.naviU a 
{
    text-align: center;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.remotehd.com/images/icons/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.naviU a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.naviU a.active {
	background-position:0 -16px;     
}














































/*---------- scrollable stuff V----------*/

div.iPadScrollableV {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 720px;	
	height: 943px;
	/* custom decorations */
	/*background: url(http://static.remotehd.com/images/screenshotsH/frame2.jpg) no-repeat;*/
}

div.iPadScrollableV #screenshots {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	top: 0px;
	left: 1px;
	clear:both;
	background-color: #000;
	/*left: 115px;
	top: 32px;*/
}

div.iPadScrollableV #screenshots img
{
	float:left;
	padding: 88px 82px 0 80px;
}


/* this makes it possible to add next button beside scrollable */
div.iPadScrollableV
{
	float:left;		
}


/*---------- scrollable stuff H----------*/

div.iPadScrollableH {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 720px;	
	height: 585px;
	/* custom decorations */
	/*background: url(http://static.remotehd.com/images/screenshotsH/frame2.jpg) no-repeat;*/
}

div.iPadScrollableH #screenshots {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	top: 0px;
	left: 1px;
	clear:both;
	background-color: #000;
	/*left: 115px;
	top: 32px;*/
}

div.iPadScrollableH #screenshots img
{
	float:left;
	padding: 64px 68px 0 70px;
}


/* this makes it possible to add next button beside scrollable */
div.iPadScrollableH
{
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prevP, a.nextP, a.prevPageP, a.nextPageP {
	display:block;
	width:35px;
	height:35px;
	background:url(http://static.remotehd.com/images/icons/left2.png) no-repeat;
	float:left;
	margin:264px 18px 0 18px;
	cursor:pointer;
}

/* mouseover state */
a.prevP:hover, a.nextP:hover, a.prevPageP:hover, a.nextPageP:hover {
	background-position:0px -35px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.nextP, a.nextPageP {
	background:url(http://static.remotehd.com/images/icons/right2.png) no-repeat;
	clear:right;
}



/*********** navigator V***********/


/* position and dimensions of the navigator */
div.naviP {
	margin-left:344px;
	width:344px;
	height:20px;
	/*border: 1px solid black;*/
}


/* items inside navigator */
div.naviP a 
{
    text-align: center;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.remotehd.com/images/icons/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.naviP a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.naviP a.active {
	background-position:0 -16px;     
}

















/* ---------------- tweet ------------*/
.tweet	{ font-size: 1em; }
.tweet .tweet_list
{
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #aaa;
}
.tweet .tweet_list li { overflow: auto; padding: .5em; border-bottom: 1px dashed #aaa;  }
.tweet .tweet_list li a {  }

.tweet .tweet_list .tweet_even {  }
.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.dmg, #main a.zip { padding-left: 0 !important; background-image: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }