html {
	padding: 0;
	margin: 0;
	}
body {
	font: 75%/1.4 Arial, Helvetica, sans-serif;
	color: #444;
	background: url(/images/css/body_bg.gif/) top repeat-x #dcdcdc;
	padding: 0;
	margin: 0;
	}


/* ubiquitous base styles
------------------------- */


p {padding-bottom: 0.5em;}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: .5em 0;
}
fieldset {
	padding: .5em;
}
select option {
	padding: 0 5px;
}
td, th {
	font-size:1em;
}



/* Anchor styles
 ------------------------- */

a {
	text-decoration: none;
	color:#2E8BBC;
}
a:hover, a.more:hover {
	color:#FF9900;
	text-decoration: underline;
}
a.arrow-before {
/*	color:#4ea4d2;*/
	text-decoration:underline;
	background:url(/images/icons/bullet/arrow-blue.gif/) no-repeat center left;
	padding-left:8px;
	margin-left:5px;
}
a img {
	border: none;
	}
#cta-nav a {
	color:#000000;
}
#cta-bar ul a {
	color:#7FA82B;
}
#android-subnav a {
	color:#000000;
}
#android-subnav a:hover {
	color:#2E8BBC;
	text-decoration:none;
}
#android-subnav li.active a {
	color:#2E8BBC;
	text-decoration:none;
}
.side-col a {
	color:#7FA82B;
}
.side-col.blue-links a {
	color:#2E8BBC;
}
h2.landing a, h3.landing a, h3.secondary a {
	color:#000000;
}
h2.landing a:hover, h3.landing a:hover, h3.secondary a:hover {
	color:#FF9900;
}
a.button {
	white-space: nowrap;
	padding:5px 10px 5px 18px;
        margin-top: 15px;
}
a.button:link, a.button:visited, a.button:hover {
	color:white;
}
a.button.large {
	padding:10px 10px 10px 18px;
}
.large {
	padding:10px 10px 10px 18px !important; /* IE 6/7 Hack */
}
a.button.blue {
	background:url(/images/icons/bullet/arrow-white.gif/) #69beeb no-repeat left center;
}
a.button.green {
	background:url(/images/icons/bullet/arrow-white.gif/) #97bc4b no-repeat left center;
}
p.button {
        margin-top: 15px;
}




/* Headers
 ------------------------- */

h1 {
	color:#000000;
	font-size:2.3em;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	padding:0;
	margin:0 0 10px;
}
h1.secondary {
	font-size:3.7em;
	margin:-20px 0 10px;
	position:relative;
	z-index:2;
}
h1.pgheader {
	margin: 0;
}
*:first-child+html h1.separator {
	margin-bottom:10px;
}/*removed height for two line h1*/

h1.separatorFaq {
	border-bottom:1px solid #d3d3d3;
}
h2 {
	color:#000000;
	font-style:normal;
	font-size:1.6em;
	text-transform:none;
	margin: 1.2em 0 .3em 0;

}
h2.landing {
	color:#000000;
	font-style:normal;
	font-size:2em;
	text-transform:none;
	margin-top:0;
}
h3 {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	text-transform:none;
	margin: 1em 0 .3em 0;
}
h3.landing {
	color:#000000;
	font-size:1.5em;
	font-weight:bold;
	text-transform:none;
	margin-top:-2px;
}
h3.secondary {
	margin-top:0;
}
h4 {
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	text-transform:none;
	margin: .5em 0 .3em 0;
}
h5 {
	font-size:1em;
	margin:.5em 0 -1em 0;
}
h6 { 
	font-size:.8em;
	margin:.5em 0 -1em 0;
}



/* Lists
 ------------------------- */

ul {
	padding: 0 0 0 15px;
	list-style-image:url(/images/arrow_bullet-sidebar.gif/);
}
ol {
	padding-left:40px;
}
li {
	margin-top:3px;
}
ol li {
/*	padding:2px 0;
*/}
ol ul li {
       margin-left: 20px;
	}
	
ul p {
	padding:0 0 0 10px;
	}

ul.special li {
	font-weight:bold;
	}
ul .expand-content {
	margin-left:-10px;
	}
div#main ul {
	margin-left:15px;
}	
ul.horizontal {
	list-style-image:none;
	list-style:none;
}
ul.horizontal li {
	float:left;
}

ul.compressed li {
	margin-top:1px;
}
.featurebox ul {
	clear:both;
	padding-top:12px;
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
.featurebox ul li {
	background:url(/images/icons/bullet/arrow-box-blue.gif/) no-repeat left top;
	padding-left:22px;
}
#cta-bar ul {
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
#cta-bar ul li {
	background:url(/images/icons/bullet/arrow-box-green.gif/) no-repeat left top;
	padding-left:22px;
}
#cta-nav ul {
	list-style:none;
	list-style-type:none;
	margin-bottom:-5px;
}
#cta-nav ul li {
	display:inline;
	margin-left:25px;
}
#android-subnav ul {
	list-style:none;
	list-style-type:none;
}
#android-subnav ul li {
	display:inline;
	padding:15px 10px 15px 20px;
}
#android-subnav ul li.arrow {
	background:url(/images/icons/bullet/arrow-breadcrumb.gif/) no-repeat left center;
}
#android-subnav ul li.arrow.last {
	padding:15px 0px 15px 20px;
}
ul.blue-arrow {
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
ul.blue-arrow li {
	background:url(/images/icons/bullet/arrow-blue.gif/) no-repeat left 4px;
	padding-left:12px;
}
ul.green-arrow {
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
ul.green-arrow li {
	background:url(/images/icons/bullet/arrow-green.gif/) no-repeat left 4px;
	padding-left:12px;
}
ul.arrow-box-green {
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
ul.arrow-box-green li {
	background:url(/images/icons/bullet/arrow-box-green.gif/) no-repeat left top;
	padding-left:22px;
}
ul.arrow-box-blue {
	margin-left:0;
	padding-left:0;
	list-style-image:none;
	list-style:none;
}
ul.arrow-box-blue li {
	background:url(/images/icons/bullet/arrow-box-blue.gif/) no-repeat left top;
	padding-left:22px;
}

.one-third-rule ul {
	width: 250px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 20px;
	margin-left: 0;
	padding-left: 0;
	font-size: 12px;
}

.one-third-rule ul li {
	background: url(/images/icons/bullet/arrow-box-blue.gif/) top left no-repeat;
	padding-left: 22px;
	margin-bottom: 15px;
	line-height: 16px;
}


	
/* ubiquitous classes */

.hide, .print-logo, .close-button {
	display: none;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	font-size: .1em;
	height: 1px;
	line-height: 1px;
	}
.nowrap {
	white-space: nowrap;
}
.separator {
	border-bottom:1px solid #d3d3d3;
	padding:.2em 0;
/*	padding-bottom:5px;
*/	clear:both;
	}
div.separator {
	margin:20px 0 5px;
	padding-bottom:5px;
}	

.spacer {
	display:inline;
	height:10px;
	padding:0 20px;
	width:1px;
	}
p.tight {
	margin-top:0;
	}
p.more {
	text-align:right;
	}
img.right {
	margin:0 0 5px 5px;
	}

img.imgborders {
        padding: 2px;
        border: 1px solid #dedede;
	}
/* 3/23/07 - tp - updated style so that the technologies description underneath each technology is the regular size */
.reg {
	font-size:.9em;
	margin:0 0 0 0;
	width:440px;
	float:left;
	}
/* another ie6 hack to drop extra bullet. av 3/23/2007 */
*html .alt {
	list-style-type:none;
	background:none;
	}
	
.archive {
	float:right;
	position:relative;
	top:-25px;
	z-index:10;
	}

.moreheader {
	float:right;
	font-size:.9em;
	margin-top:-22px;
	position:relative;
	text-align:right;
	z-index:10;
	}

.moreheader a {
	background:url(/images/arrow_more-small.gif/) 100% 3px no-repeat;
	padding-right:9px;
	}

.rule-gradient {
	background:url(/images/rule_gradient.gif/) 0 0 repeat-x;
	height:33px;
	margin:-10px 0 15px -25px;
	width:750px;
	z-index:1;
	}

.rule-gradient-reverse {
	background:url(/images/rule_gradient-reverse.gif/) repeat-x -25px 0;
	margin-left:-25px;
	padding-left:25px;
	width:725px;
	z-index:100;
	}

.newsArchive {
	padding: 0;
	}

.newsArchiveh2 {
	background:url(/images/news_archive_gradient.gif/) 0 0 repeat-y;
	color:#fff;
	font-size:1.2em;
	margin:0;
	padding:2px 10px 2px 10px;
	}

.gettingstarted h2 {
	color:#333;
	font-size:1.2em;
	letter-spacing:-1px;
	text-transform:uppercase;
	}

.gettingstarted p {
	line-height:1.5em;
	margin:10px 0 10px 10px;

	}

.submit {
	border-top:1px solid #F0F0F0;
	margin-bottom:35px;
	margin-top:35px;
	padding:10px 25px 25px;
	}

.premiumContent {
	margin-bottom:-1px;
	padding-left:8px;
	}
/* removes bullet from "alt" lines in IE6 ONLY 3/23/2007 av */
.alt a {
	color:#bbb !important;
	}
*html .alt a {
	list-style-type: none;
	}
.rss_icon {
       float:right;
       /* font-size: 0.5em; */
}
.rss_icon img {
       vertical-align:middle;
       padding-right: 5px;
}

.messagebox {
	border:1px solid #CCC;
	background:#EFEFEF;
	padding:5px;
	margin:10px 0;
}
.video-icon {
	width:15px;
	height:12px;
	background:url(/images/icons/video/) no-repeat;
	margin-left:10px;
	text-indent:-10000px;
	position:absolute;
}
	

/* Wrapper & Header
------------------------- */
.inner {
	margin: 0 auto 0 0;
	width: 1002px;
	overflow: hidden;
	}
#header {
	background: url(/images/css/header_bg.gif/) top left repeat-x #c6c6c6;
	}
#header .inner {
	background: url(/images/css/inner_header_bg2.gif/) top left no-repeat #343434;
	height: 84px;
	}
#bat_wings, #logo {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	}
#bat_wings {
	margin-left: 27px;
	width: 80px;
	}
#logo {
	width: 148px;
	margin-right: 28px
	}
#bat_wings a, #header #logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 82px;
	}
p.tagline {
	display:none;
	}


/* Main Nav
------------------------- */
#primary_nav {
	list-style: none;
	padding: 23px 0 0 0;
	margin: 0;
	height: 30px;
	}
#primary_nav li {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	}
#primary_nav li a {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background-position: bottom;
	height: 30px;
	}
#primary_nav li a:hover, #primary_nav li:hover a, #primary_nav li.hover a {
	background-position: center -30px;
	}
#primary_nav li a.active {
	background-position: center 0px;
	margin-bottom: 5px;
}
#primary_nav .platforms {
	background-image: url(/images/css/nav_btn_platforms.png/);
	width: 95px;
	}
#primary_nav .products {
	background-image: url(/images/css/nav_btn_products.png/);
	width: 89px;
	}
#primary_nav .support {
	background-image: url(/images/css/nav_btn_support.png/);
	width: 81px;
	}
#primary_nav .docstools {
	background-image: url(/images/css/nav_btn_docstools.png/);
	width: 100px;
	}
#primary_nav .join {
	background-image: url(/images/css/nav_btn_member_resources.png/);
	width: 145px;
	}
#primary_nav li ul {
	padding: 6px 0 0 0;
	margin: 0;
	display: none;
	list-style: none;
        list-style-image: none;
	position: absolute;
	left: 284px;
	top: 52px;
	width: 695px;
	}
#primary_nav li:hover ul, #primary_nav li.hover ul {
	display: block;
	}
#primary_nav li ul li {
	padding: 0 10px;
	}
#primary_nav li ul li a {
	font-size: .85em; 
	text-indent: 0;
	display: inline;
	color: #999;
	}
#primary_nav li ul li a.current {
	color: #D8E8F6;
}	
	


/* Search Box
------------------------- */
#search {
	float: right;
	padding: 27px 23px 0 0;
	}
#search label {
	display: none;
	}
#search input {
	float: left;
	margin: 0 0 0 2px;
	}
#search .query {
	background-color: #bfbfbf;
	border: 1px solid #202020;
	padding: 4px 5px 3px;
	font-size: 11px;
	line-height: 1;
	width: 110px;
	height: 14px;
	margin-left: 0;
	font-size: 11px;
	}


/* Breadcrumb / info bar
------------------------- */
#page_banner {
	background-color: #dbdbda;
	}
#page_banner img {
	display: block;
	}
#page_banner .info {
	background-color: #818181;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #4d4d4d;
	color: #eee;
	font-size: .9em;
	padding: .4em 14px;
	width: 974px;
        text-align:right;
	}
#page_banner .info a {
	color: #fff;
	text-decoration: underline;
	}
.breadcrumb {
	margin-bottom:25px;
}


/* Content
------------------------- */
#content .inner {
	overflow: visible;
	width: 750px;
	background: url(/images/css/content_inner_bg.gif/) bottom repeat-x #fff;  
	border-right: 252px solid #747c90;
	}
#content #end {
	clear: both;
/*	background-color: #dcdcda; */
	}
/* for template with no sidebar */	
#content_nosidebar {
	width:962px;
	padding:25px 20px;
	background: url(/images/css/inner_content_bg.jpg/) top left repeat-x transparent;
	min-height:300px;
	}
#btm_gradient {
	background: #FFFFFF url(/images/css/content_inner_bg.gif/) repeat-x center bottom;
	width:1002px;
}

/* content main */
#main {
	background: url(/images/css/inner_content_bg.jpg/) top left repeat-x;
	float: left;
	padding: 25px 30px 0;
	width: 690px;
	overflow: hidden;
	}
#content_no_bg {
	background:#FFFFFF;
	width:962px;
	padding:25px 20px;
	min-height:300px;
}
	

/* Footer
------------------------- */
#footer {
	border-top: 1px solid #fff;
	color: #666;
	}
#footer .inner .copyright {
	float: right;
	background: url(/images/css/copyright.gif/) top right no-repeat;
	text-indent: -9999px;
	width: 220px;
	}
#footer #footer_nav {
	background: url(/images/css/footer_nav_bg.gif/) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 15px;
	list-style: none;
	}
#footer #footer_nav li {
	float: left;
	margin: 0;
	padding: 0 6px;
	}
#footer #footer_nav li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
#footer #footer_nav li.moto_home a { width: 84px; margin-left: 2px; }
#footer #footer_nav li.legal a { width: 55px; }
#footer #footer_nav li.privacy a { width: 73px; }
#footer #footer_nav li.content a { width: 68px; }
#footer #footer_nav li.feedback a { width: 78px; }
#footer #footer_nav li.site_map a { width: 41px; }




/* Content Header
------------------------- */

.pgheader .info {
	background:#6d6d6d;
	clear:both;
	color:#fff;
	height:2.5em;
	line-height:2.5em;
	padding:0 0 0 25px;
	}

.pgheader .info a {
	color:#fff;
	}
.pgheader img {
	display:block;
	}


/* Columns (older style)
------------------------- */

.col_set p, .col_set h4 {
	margin: 0 0 .5em;
	}
.col_set .col {
	float: left;
	}

.col_set.four_even .col {
	width: 21.2%;
	padding-right: 5%;
	font-size: 1em;
	}
.col_set .col.last {
	padding-right: 0;
	}

.two-col .lcol, .two-col .rcol {
	width:330px;
	}
.two-col .lcol {
	float:left;
	}
.two-col .rcol {
	float:right;
	}

/*fixes ie6 float problem (technology page additions)3/23/3007 av */
*html .two-col .rcol {
	float:right;
	clear:left;
	}

#product-page .lcol {
	width:370px;
	}
#product-page .rcol {
	width:290px;
	}

.three-col .lcol, .three-col .mcol, .three-col .rcol {
	width:200px;
	}

.three-col .lcol {
	float:left;
	}

.three-col .mcol {
	display:inline;
	float:left;
	margin:0 0 0 50px;
	}

.three-col .rcol {
	float:right;
	}

.four-col .lcol, .four-col .mcol, .four-col .mcol2, .four-col .rcol {
	width:150px;
	}

.four-col .lcol {
	border-right:1px solid #d9d9d9;
	float:left;
	}

.four-col .mcol {

	display:inline;
	float:left;

	margin:0 0 0 25px;
	}

.four-col .mcol2 {
	display:inline;
	float:left;
	margin:0 0 0 25px;

	}

.four-col .rcol {
	float:right;
	}
.two-col ul.two-columns li {
	width:152px;
	}

#product-child .two-col ul.columns li {
	width:155px;
	}
ul.two-columns li {
	float:left;
	font-size:.9em;
	margin:0 0 3px 0;
	width:220px;
	}
ul.columns p {
	font-size:1em;
	}
	


/* Premium Content
------------------------- */

span.pc {
	clear:none;
	float:right;
	height:12px;
	line-height:12px;
	margin:0 0 -8px;
	padding:0;
	position:relative;
	top:4px;
	}

* html span.pc {
	float:right;
	margin:8px 0 -18px;
	padding:0;
	}

.pcStar {
	color:#3384A2;
	font-size:.9em;
	font-style:italic;
	font-weight:normal;
	padding-left:8px;
	text-transform:none;
	width:15px;
	}


/* content sidebar
------------------------- */

/* LEGACY sidebar stuff */

.sidebar {
	float:right;
	overflow:hidden;
	padding:0 0 0 12px;
	width:227px;
}

.sidebar .login label {
	color:#000;
	font-size:.9em;
	line-height:0.9em;
	margin:0;
	padding:0;
}

.sidebar .login div {
	margin-top:5px;
}

/* END LEGACY sidebar stuff */


#sidebar {
	font-size: .9em;
	background: url(/images/css/sidebar_bg.gif/) top right no-repeat;
	float: right;
	padding: 0 20px;
	width: 212px;
	margin-right: -252px;
	display: inline;
	color: #fff;
	overflow: hidden;
	position: relative;
	}
#sidebar a {
	color: #d8e8f6;
	text-decoration: none;
	}
#sidebar a:hover {
	color: #d8e8f6;
	text-decoration: underline;
	}
#sidebar a:visited {
	/* color: #d5cfff; */
	}
#sidebar h3, #sidebar h2 {
	color: #fff;
	border-bottom: 1px solid #acb0bc;
	margin: 1.8em 0 .5em;
	font-size: 1.1em;
	}
#sidebar .callout {
	padding-top: 1.5em;
	}
#sidebar .forgot_password {
	float: right;
	margin: .8em 0;
	line-height: 1;
	}
#sidebar input.text {
	display: block;
	margin-bottom: .4em;
	padding: 3px 2%;
	width: 94%;
	background-color: #e0e0e0;
	border: 1px solid #444a55;
	}
#sidebar input.button {
	margin-top: .6em;
	}
#sidebar ul {
	padding: 0 0 0 15px;
	list-style-image: url(/images/css/sidebar_li.gif/);
	}
#sidebar ul.horizontal_list {
	margin: .5em 0 0;
    padding: 0 0 4px;
	list-style: none;
	list-style-image:none;
	overflow: hidden;
	}
#sidebar ul.horizontal_list li {
	float: left;
	border-left: 1px solid #d8e8f6;
	padding: 0 8px;
	margin: 0;
	/* line-height: 1; */
	}
#sidebar ul.horizontal_list li.first {
	border-left: none;
	padding-left: 0;
	}


/* Sidebar
------------------------- */

#content #sidebar {
	float:right;
	overflow:hidden;
	padding:0 12px;
	width:227px;
	}

#content #sidebar .login p {
	line-height:20px;
	margin:2px 0;
	}

#content #sidebar .login .login_error {
	color:#c00;
	margin-bottom:.4em;
	padding:0 4px 0 0;
	}

#sidebar .login label {
	color:#000;
	font-size:.9em;
	line-height:0.9em;
	margin:0;
	padding:0;
	}

#sidebar .login div {
	margin-top:5px;
	}

.login {
	line-height:18px;

	}

.login #contactus {
	padding-left:10px;
	padding-top:30px;
	}

.login input.textfield {
	background:#d4d4d4;
	border:1px solid #717171;
	color:#000;
	height:1.3em;
	margin-top:1px;
	width:175px;
	font-size: 1em;
	font-weight: normal;
	}/* 23.Mar changed height to em (was px) so that input field resizes with font, changed font size to 7.5em to match 12px exact */ 

.login input.button {
	margin-bottom:-5px;
	}

.login p.info {
	color:#7d7d7d;
	font-size:.9em;
	margin:0;
	}/* increased font size .8 to .9em for visibility */

.login p.info a {
	color:#7d7d7d;
	}

.promo {
	margin:10px 0 10px -12px;
	}

.product_link img {
	float:right;
	padding:0 1em 0 .75em;
	}


/* Side Nav
------------------------- */
#sidenav .seeMore a {
	background:#ececec;
	border:1px solid #ccc;
	float:right;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:4px;
	padding:1px;
	}

#sidenav .seeMore a:visited {
	color:#666;
	}

.apis-supported {
	background:url(../images/sidenav/apis_supported.gif/);
	}
.market-sell {
	background:url(../images/sidenav/market_sell.gif/);

	}
.related-content {
	background:url(../images/sidenav/related_content.gif/);
	}
.related-products {
	background:url(../images/sidenav/related_products.gif/);
	}
.test-certify {
	background:url(../images/sidenav/test_certify.gif/);
	}

ul#sidenav {
	/* background:url(/images/sidenav_shadow-up.gif/) 0 0 no-repeat; */
	margin:2px 0 35px -3px;
	padding:12px 0 0 0;
	width:233px;
	list-style: none;
	}

ul#sidenav li {
	/* background:url(/images/sidenav_shadow-up.gif/) 0 100% no-repeat; */
	margin:0;
	padding:0;
	}

ul#sidenav li a {
	background-repeat:no-repeat;
	display:block;
	height:26px;
	text-decoration:none;
	text-indent:-9999px;
	width:233px;
	}

ul#sidenav li a:link:hover, ul#sidenav li a:hover {
	background-position:0 -52px;
	}

ul#sidenav li a.selected, ul#sidenav li a.selected:hover {
	background-position:0 -26px;
	}

ul#sidenav span.seeMore a.selected {
	display:none;
	}

ul#sidenav li li {
	/* background:url(/images/arrow_bullet.gif/) 0 4px no-repeat; */
	margin:3px 0;
	padding:0 0 0 10px;
	}

ul#sidenav li * a {
	display:inline;
	height:auto;
	text-indent:0;
	width:auto;
	}

ul#sidenav li * a:hover {
	text-decoration:underline;
	}

ul#sidenav li div {
	padding:1px 0;
	}



/* Site Map
------------------------- */
#sitemap .five-col {
	width:100%;
	margin: 0px 5px 0px 0px;
	}
#sitemap .col1, #sitemap .col2, #sitemap .col3, #sitemap .col4, #sitemap .col5 {
	width:170px;
	float:left;
	padding:0px 20px 0px 0px;
	}
#sitemap h3.separator {
	line-height:100%;
/*	margin-bottom:5px;
*/	}


/* Join MOTODEV / Forms
------------------------- */
body#join input.twoc, .twoc {
	height:18px;
	margin-left:200px;
	margin-top:-8px;
	width:200px;
	}

.btn .twoc {
	float:left;
	margin:0;
	padding:2px;
	position:relative;
	width:220px;
	}

body#join dd {
	font-style:italic;
	margin-bottom:8px;
	margin-left:0;
	}

.answer {
	margin-left:20px;
	width:600px;
	}

body#join .form input.textfield {
	height:18px;
	margin:-8px 5px 0 65px;
	padding:0;
	}

ul.answer {
	margin-left:20px;
	width:600px;
	}



ul.caps a {
	font-size:.9em;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	}

.notbold {
	font-weight:normal;
	margin:0 0 3px 0;
	}


p.detail {
	clear:right;

	float:right;
	margin:0;
	padding:0 25px 0 0;
	position:relative;
	text-align:justify;
	top:-4px;
	width:50%;
	}

.italic {
	font-style:italic;
	}

.reset {
	margin-bottom:5px;
	margin-left:200px;
	margin-top:5px;
	}



.events_icon img {
	margin-bottom:-3px;
	margin-left:10px;
	}

.FormButtons {
	margin:2em 0.5em;
}

td.FormLabel {
	font-weight:bold;
	padding-bottom:.3em;
	padding-right:1em;
	padding-top:.3em;
	text-align:right;
	vertical-align:top;
	}

div.FormLabel {
	font-weight:bold;
	/* font-size: 0.9em; */
	padding-bottom:.2em;
	}

.FormInstructions, .FormInstructionsVisible {	 
	font-size: 9px;	 
	margin: 0;	 
	width: 90%;	 
	padding: .5em;	 
	}

 .FormInstructions {	 
	display: none;	 
	}

.Required {
	color:#e00000;
	font-weight:normal;
	}

.FormInput {
	margin-bottom:1em;
	}

.SectionHead {
	background-color:#ddd;
	margin:1em 0 0 0;
	padding:.2em;
	}

h2.SectionHead {
	letter-spacing: .02em;
	text-indent: 5px;
	text-transform: none;
	font-style: normal;
	font-size:1.3em;
	}
h3.SectionHead {
	font-size:1em;
	}

.SectionBody {
	border:1px solid #ddd;
	padding:1em;
	}

table.Columns .FormInput input {
	width: 300px;
	overflow: hidden;
	font-size: 1em;
	}

.Columns td {
	padding-right: 8px;
	vertical-align:top;
	}
.Columns td.Gutter {
	width:2em;
	}

.Error {
	color:#c00000;
	}
.ErrorMessage {
	color:#c00000;
	font-weight:bold;
	margin:0.8em 0 0 0;
	background:url(/images/icons/error.png/) no-repeat 2px 2px;
	padding:3px 3px 3px 28px;

}
.UserMessages {
	margin-bottom: 0.8em;
}
.InfoMessage {
	color:#1B6F1D;
	font-weight:bold;
	margin:0.8em 0 0 0;
	background:url(/images/icons/checkmark.png/) no-repeat 2px 2px;
	padding:3px 3px 3px 28px;
}
.InfoMessage a {
	color:#144F16;
	text-decoration:underline;
	}

.Specific {
	font-weight:bold;
	}
	


/* Loaner Program
------------------------- */
.medPhone {
	float:left;
	padding:10px 4px;
	text-align:center;
	width:128px;
}

.nedry {
	clear:both;
	float:left;
	width:500px;
}




/* New Layout styles
------------------------- */

#feature {
	 margin-bottom:13px;
}
#cta-bar {
	background:#ecf7e4;
	border-top:5px solid #a2cc83;
	clear:both;
	margin:30px 0 20px;	
}
.one-half {
	width:470px;
	margin-right:20px;
	float:left;
}
.one-third {
	width:308px;
	margin-right:20px;
	float:left;
}
.one-third.last {
	width:305px;
	margin-right:0px;
}
.one-third-rule {
	width:300px;
	margin-right:20px;
	float:left;
    border-right: 1px solid #a2a2a2;
    margin-left: 15px;
    height: 250px;
    line-height: 14px;
    font-size: 13px;
}
.one-third-rule.last {
	width:272px;
	margin-right:0px;
    border-right: none;
}
.one-third-rule h2 {
	margin-bottom: 15px;
	font-size: 24px;
}
.one-third-inner, .one-half-inner {
	padding:12px;
}
.sidebar-box {
	margin-top: 15px; margin-bottom: 15px;
}

/* Secondary pages */
.main-col {
	width:686px;
	float:left;
}
.side-col {
	width:235px;
	float:left;
	padding-left:40px;
}
.one-third-reduced {
	width:195px;
	margin-right:20px;
	float:left;
	padding:10px;
}
.one-third-reduced.last2 {
	width:195px;
}
.one-fourth-reduced {
	width:136px;
	margin-right:20px;
	float:left;
	padding:10px;
}
.two-thirds-reduced {
	width:430px;
	margin-right:20px;
	float:left;
	padding:10px;
}
.one-half-reduced {
	width:312px;
	margin-right:20px;
	float:left;
	padding:10px;
}
.last, .last2 {
	margin-right:0;
}

.thirds-blue-bg {
	background:url(/platforms/android/images/thirds-blue-bg.png/) repeat-y;
}
.two-thirds-one-third-blue-bg {
	background:url(/platforms/android/images/two-thirds-one-third-blue-bg.png/) repeat-y;
}
.thirds-full-blue-bg {
	background:url(/platforms/android/images/thirds-full-blue-bg.png/) repeat-y;
}
.one-third-two-thirds-blue-bg {
	background:url(/platforms/android/images/one-third-two-thirds-blue-bg.png/) repeat-y;
}



/* List with thumbnail image
------------------------- */
.thumb_list {
	/* margin: 25px 0; */
}
.thumb_list_item {
	clear:both;
	padding:5px 0;
}
.thumb_list_item .thumb_list_image {
	float:left;
	margin:2px 10px 20px 0;
	position:relative;
}
.thumb_list_item .thumb_list_content {
	margin-left: 90px;
	display:block;
}
.thumb_list_item .thumb_list_content.small_thumb {
	margin-left: 45px;
	display:block;
}
.dateloc {
	color:#8F8F8F;
       padding-bottom:0.1em;
}

.thumb_list_item h3 {
	margin-top: 0px;
	font-size:1em;
}
.thumb_list_item .thumb_list_content p {
	margin: 0px;
}
.thumb_list.compressed {
	margin:0;
}
.thumb_list_item.compressed {
	padding:0;
}
.thumb_list_item .thumb_list_image.compressed {
	margin-bottom:10px;
}
.magnify {
	position:absolute;
	bottom:0;
	right:0;
}


/* Horizontal Rules
------------------------- */

.divider {
	height:5px;
	width:100%;
	margin:10px 0;
	line-height:0; 
}
.one-px {
	height:1px;
	margin:15px 0;
}
.three-px {
	height:3px;
}
.black {
	background:#030303;
}
.gray {
	background:#7a7979;
}
.lt-gray {
	background:#c5c5c5;
}
.dotted {
        border-bottom:1px dotted #c5c5c5;
}

/* Android Text styles
------------------------- */

.blue {
	color:#58afdd;
}
.lead-text {
	/* width:448px; */
	line-height:1.6;
	letter-spacing:0.3px;
	font-size:1.1em;
}
.feature-title {
	font-weight:bold;
	margin:0;
}
.feature-text {
       font-size:.95em;
       line-height:1.2em;
}

.small-text {
       font-size:.85em;
       line-height:1.2em;
}


/* Feature boxes - Android Landing Page
------------------------- */

.featurebox {
	background:#E8F6FE;
	padding:12px;
}
.featurebox .featurethumb {
	float:left;
	margin-right:5px;
}



/* Android Secondary Page specific
------------------------- */

#cta-nav {
	text-align:right;
	font-weight:bold;
	font-size:1em;
}
#android-subnav {
	font-size:1.7em;
	font-weight:bold;
	text-align:right;
}
.top-button {
	margin-top:45px;
	padding-top:10px;
	padding-bottom:10px;
}
.video-right {
	margin:0 30px 0 20px;
	float:right;
}
.cta-sidebar {
	background:#ecf7e4;
	padding:10px;
	margin-bottom:15px;
}
.cta-sidebar-blue {
	background:#e8f6fe;
	padding:10px;
	margin-bottom:15px;
}
.blue-div {
	background:#e8f6fe;
}


/* New sidebar styles
------------------------- */
.sidebar-promo {
	margin-bottom:15px;
}



/* Tables
------------------------- */

table.docs {
	border-top: 1px solid #000;
	border-right: 1px solid #999;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	border-collapse:collapse;
	margin-bottom: 5px;
}
table.docs td {
	padding: 2px 2px 2px 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #999;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
}
table.docs th {
	padding: 5px;
	background: #DCDCDB;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
table.docs td, th {
	font-size:1em;
}

/* In-page Login Form
------------------------- */

div.login-inpage div.Pair {
	margin-top: 2px;
	margin-bottom: 2px;
}
div.login-inpage div.Label {
	padding-top: .3em;
	padding-bottom: .3em;
}
div.login-inpage div.Input, div.login-inpage div.SubmitButton {
	float: right;
	width: 150px;
}
div.login-inpage div.Input input {
	width: 140px;
}
div.login-inpage div.SubmitButton {
	margin-top: .8em;
}



/* App Accelerator styles
------------------------- */
.aap-legend {
	float:right;
	margin:0 0 10px 10px;
}
.aap-content {
	width:37px;
	height:20px;
	background:url(/images/icons/aap-content.png/) no-repeat;
	margin-left:10px;
	margin-top:-5px;
	text-indent:-10000px;
	position:absolute;
}

/* New Product Landing Page and Specs */
#handsetsHero {
	background: url(/products/handsets-other/images/200909_cliqHeroBg_962x265.jpg) top left no-repeat;
	height: 304px;
	width: 962px;
	margin-bottom: 25px;
}
#leftHero {
	height: 265px;
	width: 280px;
	margin: 23px 0 0 25px;
	float: left;
	display: inline;
	color: white;
}
	#leftHero h1 {
		font-size: 36px;
		line-height: 36px;
		color: white;
		margin-bottom: 15px;
	}
		#leftHero h1 span {
			font-size: 20px;
			font-weight: normal;
		}
	#leftHero p {
		font-size: 13px;
		line-height: 18px;
                margin-top: 130px;
                padding-right: 25px;
	}
#productHero {
	height: 215px;
	width: 280px;
	margin: 81px 0 0 364px;
	float: left;
	display: inline;
	color: white;
}
	#productHero h3 {
		color: white;
		font-size:14px;
		margin-bottom:2px;
	}
	#productHero p {
		font-size:12px;
		padding-right:50px;
		line-height:17px;
	}

#handsetCTARow .button.blue {
        background-color: #0077c0;
        color: white;
}
.one-third-rule h2.landing {
_padding-top: 10px;
*padding-top: 10px;
}

div.agreement-changes-notes {
	color: green;
}
div.agreement-changes {
	border: 1px solid #CCC;
	margin:1em 0;
	padding:5px;
}
div.agreement-changes, div.agreement {
	border: 1px solid #CCC;
	padding:5px;
}
div.agreement-changes {
	margin:1em 0;
}
div.agreement-changes h2 {
	margin: 0 0 .3em 0;
	padding: 0;
}
div.agreement {
	overflow-y:scroll;
	height:350px;
}