@charset "utf-8";
/* CSS Document */

a.arrow { display:block; color: #0099cc; text-decoration: none;	padding-left: 15px;	background:url(/apache/images/bullet_arrow_blue.gif) no-repeat 2px center; }
a.arrow:hover, a.arrow:active {	text-decoration: underline; }
a.arrow_back { display:block; color: #0099cc; text-decoration: none; padding-left: 15px; background:url(/apache/images/bullet_arrow_blue_back.gif) no-repeat 2px center;
}
#phone-header { width:920px; height:80px; }
#phone-header img.phone-title { float: left; display: inline; }

#browse-more { position: absolute; top: 73px; left: 20px; }

#utility-links { float: right; width: 275px; margin: 0 8px 0 0; padding: 0; }

a.buyit { width: 100px; height: 33px; overflow: hidden; background:url(/DiscoverCenter/images/btn-buyit-grn.png) no-repeat 0 0; margin-top: 12px; }
	a.buyit:hover, a.buyit:active { background-position: 0 -33px; }
a.share:link, a.share:visited { float: left; display:inline; color: #0099cc; margin-left: 12px; padding-left: 20px; background:url(/DiscoverCenter/images/icon-share.png) no-repeat 2px 0px; text-decoration: none; font-size: 1.1em; line-height: 120%; height: 20px; vertical-align: bottom; }
	a.share:hover, a.share:active { text-decoration: underline; }
a.print:link, a.print:visited { float: left; display:inline; color: #0099cc; margin-left: 12px; padding-left: 20px; background:url(/DiscoverCenter/images/icon-print.png) no-repeat 2px 0px; text-decoration: none; font-size: 1.1em; line-height: 120%; height: 20px; vertical-align: bottom; }
	a.print:hover, a.print:active { text-decoration: underline; }
a.blog:link, a.blog:visited { float: left; display:inline; color: #0099cc; margin-left: 12px; padding-left: 20px; background:url(/DiscoverCenter/images/icon-blog.png) no-repeat 2px 0px; text-decoration: none; font-size: 1.1em; line-height: 120%; height: 20px; vertical-align: bottom; }
	a.blog:hover, a.blog:active { text-decoration: underline; }
a.chat:link, a.chat:visited { 
float:left;
background:transparent url(/DiscoverCenter/images/icon-chat.png) no-repeat scroll 2px center;
color:#0099CC;
display:inline;
font-size:1.1em;
height:16px;
line-height:120%;
margin-right:12px;
padding-left:20px;
text-decoration:none;
vertical-align: bottom;
}
a.chat:hover, a.chat:active { text-decoration: underline; }

#chatLink { float: left; }
#mainswf { float: left; width: 344px; height: 362px; margin: 0; padding: 0; }



/******************************
	FLOWPLAYER TABS
***************************/


/* everything is constructed with a single background image */

/* tabs */
#flowtabs {  
	margin:0 0 0 0; !important; 
	padding:0;
	width:926px;
	height:43px !important;
}
#flowtabs li { 
	float:left; 
	margin:0 0 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
#flowtabs2 { float: left; display:inline; margin: 12px 0 0 0; padding: 0; }
#flowtabs2 li { font-size: 1.1em; list-style-type: none; display: inline; margin-left: 5px; padding-left: 5px; border-left: 1px solid #ccc; }
#flowtabs2 li a { color: #0099cc; } 
#flowtabs2 li a.current { text-decoration: none; padding-right: 12px; background: transparent url(/apache/images/bullet_arrow_blue_down.gif) 100% 40% no-repeat; }

/* every tab uses the same background image */
#flowtabs li a { 
	display:block;
	height: 43px;  
	/*overflow: hidden; */
	text-indent: -999em; 
	background: url(img/tabs.png) no-repeat;
	padding:0px;
	margin:0px ;
}

#flowtabs a.current	{ 
	cursor:default; 
}

/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 -43px; width: 154px;}
#flowtabs #t2 { background-position: -154px -43px; width: 198px; }
#flowtabs #t3 { background-position: -352px -43px; width: 146px; }
#flowtabs #t4 { background-position: -498px -43px; width: 139px;}
#flowtabs #t5 { background-position: -637px -43px; width: 121px;}
#flowtabs #t6 { background-position: -758px -43px; width: 163px;}

#flowtabs #t1:hover { background-position: 0 -86px; }
#flowtabs #t2:hover { background-position: -154px -86px; }
#flowtabs #t3:hover { background-position: -352px -86px; }
#flowtabs #t4:hover { background-position: -498px -86px; }
#flowtabs #t5:hover { background-position: -637px -86px; }
#flowtabs #t6:hover { background-position: -758px -86px; }

#flowtabs #t1.current { background-position: 0 0; }
#flowtabs #t2.current { background-position: -154px 0; }
#flowtabs #t3.current { background-position: -352px 0; }
#flowtabs #t4.current { background-position: -498px 0; }
#flowtabs #t5.current { background-position: -637px 0; }
#flowtabs #t6.current { background-position: -758px 0; }

/* panes */
div.panes {
	width: 919px; 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	margin:0;
	padding:0;
}
/*div.panes > div { display:none; }*/

div.panes a:link, div.panes a:visited { color: #0099cc; text-decoration: none; }
div.panes a:hover, div.panes a:active { text-decoration: underline; }

div.panes h3 { font-size: 1.6em; font-weight: normal; margin-bottom: 12px; }

/* PAGE ELEMENTS */
div.container h1 { font-size: 1.7em; font-weight: normal; color: #333; line-height: 140%; }
div.container p { font-size: 12px; color: #333; line-height: 140%; margin-bottom: 1em; }

#video-scroll { width: 534px; height: 184px; background: url(img/bg-videoscroll.jpg) no-repeat top left; padding: 10px 0 0 8px; margin:0; }
	#video-scroll h3 { float: left; margin: 12px 0 0 12px; }

#photo-gallery { padding: 0; margin:5px 0 0 0; }
	#photo-gallery h3 { float: left; margin-left: 12px; }
	#photo-gallery img { float: left; margin:0 0 0 15px; padding: 0; width: 26px; height: 39px;}



/*************
	SCROLLABLE 
*****************/

/* root element for pages */
#pages {}

/* single page */
.page {	display: none; }

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 440px;
	height: 120px;
	margin-top: 20px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
div.item {
	float:left;
	display: inline;
	cursor:pointer;
	width:440px;
	height:120px;
}
div.item .pod {
	float:left;
	display: inline;
	margin:0 2px 2px 0;
	padding:0;
	/*cursor:pointer;*/
	width: 86px;
	height:170px;
	font-size: .9em;
	line-height: 110%;
	text-align: center;
}

/* active item */
.scrollable .active { }

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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(img/btn-scroll.png) no-repeat;
	display:block;
	width:29px;
	height:28px;
	float:left;
	margin-top:30px;
	padding: 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background-position: -29px 0; clear:right; margin-left: 10px;}
a.right:hover, a.right:active { background-position: -29px -28px; }


/* left */
a.left { margin-right: 10px; } 
a.left:hover, a.left active	{ background-position: 0 -28px; }


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

/*********************
	TOOLTIP
***********************/

div.tip {
	display:none;
	background: transparent url(/apache/images/overlay/tooltip_white_sm.png);
	_background: transparent url(/apache/images/overlay/tooltip_white_sm.gif);
	font-size:12px;
	height:40px;
	width:90px;
	padding:25px;
	color:#333;
	z-index: 10000;
}

/********************
	CONTENT STRUCTURE
**********************/
#discoverit { height: 365px; }
#downloads { height: 800px; padding-top: 30px; }
#training { height: 930px; padding-top: 30px; }

div.appcolumn {
	float: left;
	display: inline-block;
	width: 255px;
	margin: 0 0 0 25px;
	padding: 0 15px 0 0;
	border-right: 1px solid #e8e8e8;
}

div.app { display: block; margin-bottom: 20px; }

div.app img { float: left; width: 60px; height: 60px; margin: 0 20px 0 0; }

div.app .desc { width: 164px; display: inline-block; }
div.app .desc h4 { font-size: 1.2em; font-weight: bold; line-height: 110%; margin-bottom: 8px; }
div.app .desc p {}

#box-manuals { width: 262px; height: 143px; background: url(/DiscoverCenter/images/toptier-manuals-box.png) no-repeat top left; padding: 15px; }
#market-sidebar h3 { padding: 12px 0 0 0px; margin: 0 0 0 0; height: 25px; }
#market-sidebar h3.market { padding: 12px 0 0 38px; margin: 0 0 0 0; background: url(img/icon-market.png) no-repeat top left; height: 25px; }

#specs { display: block; height: 480px; padding: 30px 0 30px 0;}
#specs .speclist { float: left; display: inline; width: 400px; margin-left: 30px; padding-right: 20px; border-right: 1px solid #e8e8e8; }

#compare { display: block; padding: 30px 0 30px 0; }
#compare .comparelist { float: left; display: inline; width: 400px; margin-left: 30px; padding-right: 20px; border-right: 1px solid #e8e8e8; }
#compare .comparelist strong {font-size: 1.1em; }

#howto { display: block; padding: 30px 20px 0 20px; }
#howto .howtolist { width: 850px; padding-left: 20px; }
div.category {  height: 22px; padding: 3px 0 3px 12px; width: 100%; background-color: #e8e8e8; margin-bottom: 12px; }
	div.category h4 { float: left; }
	div.category a.back { float:left; display: inline; margin:4px 0 0 20px; padding: 0 20px 0 12px; font-size: .9em; font-weight: normal; background: transparent url(/apache/images/bullet_arrow_blue_back.gif) 0% 50% no-repeat; }
	div.category a.top { float:right; display: inline; margin: 4px 0 0 0; padding: 0 20px 0 12px; font-size: .9em; font-weight: normal; background: transparent url(/apache/images/bullet_arrow_blue_up.gif) 0% 50% no-repeat; }

#howto p.caption { display: block; width: 140px; padding: 5px; background-color: #e8e8e8; font-size: .9em; color: #666; margin-bottom: 12px; }
#howto .howtolist img { margin: 12px 0 5px 0; }
#howto .howtolist table tr td { padding: 4px; border-bottom: 1px solid #e8e8e8; }

#howto ul {
	margin: 0 0 12px 0;
	padding: 0;
}
#howto ul li { 
	font-size: 1.1em;
	list-style-type: none;
	background: url(/apache/images/decorations/orange_bullet.png) 0px 5px no-repeat;
	_background: url(/apache/images/decorations/orange_bullet.gif) 0px 5px no-repeat;
	margin: 0 0 5px 10px;
	padding: 0 0 0 14px;
	line-height: 120%;
}

#howto ol li { 
	font-size: 1.1em;
	margin: 0 0 5px 10px;
	padding: 0 0 0 14px;
	line-height: 100%;
}

#howto div.pane ul li { float: none; margin-top: 4px; }

#howto h4 { font-weight: bold; font-size: 1.15em; line-height: 140%; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; margin-bottom: 8px; }
#howto .col_1 { float: left; width: 250px; margin: 0 0 0 15px; padding-right: 15px; border-right: 1px solid #e8e8e8; }
#howto .col_2 { float: left; display: inline; width: 250px; margin: 0 0 0 20px; padding-right: 15px; border-right: 1px solid #e8e8e8; }
#howto .col_3 { float: left; display: inline; width: 250px; margin: 0 0 0 25px; padding: 0; }

#help_pod ul {
	margin: 0 0 12px 0;
	padding: 0;
}
#help_pod ul li { 
	font-size: 1.1em;
	list-style-type: none;
	margin: 0 0 15px 10px;
	padding: 0 0 0 14px;
	line-height: 100%;
}

#buzz { display: block; padding: 30px 20px 0 30px; }
#buzz-text { float: left; width: 500px; }
#buzz-videos { float: left; display: inline; margin-left: 12px; width: 300px; padding: 15px; background-color: #e8e8e8; }
#buzz-videos .pod {
	float: left;
	display: inline;
	margin: 0 12px 2px 0;
	padding: 0;
	/*cursor:pointer;*/
	width: 86px;
	/*height:170px;*/
	font-size: .9em;
	line-height: 110%;
	text-align: center;
}
.chart td { border: 1px solid #ccc; padding-left: 10px}

a.see_more{
	cursor: pointer;
	background:url(/apache/images/decorations/icons_20x20.png) no-repeat 0px -1559px;
	padding: 0 0 0 25px;
}
a.see_less{
	cursor: pointer;
	background:url(/apache/images/decorations/icons_20x20.png) no-repeat 0px -1599px;
	padding: 0 0 0 25px;
}
a.see_more2{
	cursor: pointer;
	background:url(/apache/images/decorations/icons_10x10.png) no-repeat 0px -1559px;
	padding: 0 0 0 25px;
	font-size: 12px; 
	font-weight: bold;
}
a.see_less2{
	cursor: pointer;
	background:url(/apache/images/decorations/icons_10x10.png) no-repeat 0px -1599px;
	padding: 0 0 0 25px;
	font-size: 12px; 
	font-weight: bold;
}
.more { display: none; }
/****************
	BOTTOM BAR
*******************/

#bottombar {
	background:transparent url(/DiscoverCenter/images/promos/bg-promobar.jpg) no-repeat scroll left top;
	height:106px;
	margin:10px 0 0;
	padding:0;
	width:919px;
}
/* 2 columns */
.bottompromo {
	display:inline;
	float:left;
	margin-top: 8px;
	padding: 0 0 0 25px;
	width:430px;
}
.bottompromo img.callout {
	float:left;
	margin:0;
	padding:0;
	vertical-align:top;
}
.bottompromo-copy {
	display:inline;
	float:left;
	margin:10px 0 0;
	padding:0 0 0 20px;
	width:310px;
}
.bottompromo h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:6px;
}
.bottompromo p {
	line-height:120%;
}
/* 3 columns */
.bottompromo-3col {
	display:inline;
	float:left;
	margin-top: 8px;
	padding: 0 0 0 25px;
	width:280px;
}
.bottompromo-3col img.callout {
	float:left;
	margin:0;
	padding:0;
	vertical-align:top;
}
.bottompromo-3col-copy {
	display:inline;
	float:left;
	margin:10px 0 0;
	padding:0 0 0 20px;
	width: 170px;
}
.bottompromo-3col h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:6px;
}
.bottompromo-3col p {
	line-height:120%;
}
.border {
	border-right:1px solid #CCCCCC;
	height:85px;
}

/******************
	OVERLAY
*******************/

div.overlay {
	display:none;
	background: url(/apache/images/overlay/white.png) no-repeat;
	_background: url(/apache/images/overlay/white.gif) no-repeat;
	padding: 40px;	
	width:576px;
	margin: 0 auto;
	z-index: 10000;
}

div.overlay div.close {
	background: url(/apache/images/overlay/close.png) no-repeat;
	_background: url(/apache/images/overlay/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.wrap {
	height: 450px;
	overflow-y: auto;
}
a.player { 
	display:block;
	height:450px;
}
div.wrap h1 { font-size: 2em; font-weight: bold; color: #333; }
div.wrap p { line-height: 120%; }

/***************
	BUZZ STUFF 
*****************/

#android-news p {
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e8e8;
}
#android-news p.last {
	border-bottom: none;
}
span.date { font-style: italic; font-size: .9em; color: #999; }

div.blog-quotes {
	width: 420px;
	margin: 12px 0 20px 20px;
	padding: 12px;
	background-color: #e8e8e8;
}
div.blog-quotes h3 { font-weight: normal; color: #333; margin-bottom: 1em;}
div.blog-quotes p { margin-bottom: 1em; }

a.discuss {	color: #71b8d3; text-decoration: none; padding-right: 18px; background:url(/apache/images/discuss.gif) no-repeat right center; }

a.discuss:hover, a.discuss:active {
	text-decoration: underline;
}
div.wide-promo { margin-top: 12px; }


/********************
	ACCORDION STUFF
********************/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#fff url(img/h300.png) repeat-x bottom left;
	width: 900px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	-background:#fff;
	border: 1px solid #e8e8e8;
}

/* accordion header */
#accordion h2 {
	background:#DFF1F4 url(img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	/*border:1px solid #e8e8e8;*/
	border-width:0 1px;
	display:none;
	padding:15px;
	font-size:12px;
	background-color: #fff;
}


/*
***********************
    EMMA FORM STUFF
***********************
*/
/* Controls width of your form */
.e2ma_signup_form {
	width:400px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 140px;
}
.e2ma_signup_form textarea { 
	height: 100px;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	clear: both;
	margin-bottom:5px;
	color: #fff;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
	display: none;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	display: none;
	/*
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999;*/
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	float: left;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: right;
	vertical-align: middle;
	width: 220px;
	padding-top:5px;
	margin-right: 15px;
	line-height: 140%;
	/*white-space: nowrap;*/
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	font-weight:normal;
}
span.e2ma_signup_form_group_list {
	clear: both;
	float: left;
	margin-top: 5px;
	color: #333;
	font-size: 12px;
}
	

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	display: none;
	/*clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding:5px;
	margin-bottom:5px;*/
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	display: none;
	/*color:#FF0000;*/
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	clear: left;
	float: left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: none;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 75px !important;
}
#e2ma_signup_submit_button {
	background: url(/apache/images/buttons/button_submit.png) no-repeat top left;
	border: none;
	width:75px;
	height:22px;
	margin: 12px 0 0 185px;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}