/********************
	HIDDEN DROID
*********************/

#hidden_droid {
	position:absolute;
	top:760px;
	left:930px;
	/* .top:780px; */
	/* .left:929px; */
	/* _top:585px; */
	/* _left:931px; */
}

#hidden_droid_whycs {
	position:absolute;
	top:325px;
	left:361px;
}

/*==================================== 
COMMUNITY PAGES GENERAL
====================================*/

.communityH2 { font-size:20px; font-weight:100; }
.lite { color:#fff; }
.dark { color:#8e8e8e; }
.bigMargin { margin-bottom:16px; }
.smallMargin { margin-bottom:8px; }

h3.community { font-size:14px; color:#fff; margin-left:6px; margin-top:8px; }
p.community { margin-left:6px; }
span.blueHilite { color:#2aa7d4; }
span.smallSubText { font-size:11px; }

a.blueLink:link { color:#246da7; text-decoration:none; }
a.blueLink:visited { color:#246da7; text-decoration:none; }
a.blueLink:hover { color:#246da7; text-decoration:underline; }

a.liteLink:link { color:#fff; text-decoration:none; }
a.liteLink:visited { color:#fff; text-decoration:none; }
a.liteLink:hover { color:#fff; text-decoration:underline; }

/*****************
	NAVIGATION
****************/

/* tabs */
#community_nav {  
	margin:0 0 20px 0 !important; 
	padding:0;
	width:919px;
	height:43px !important;
}
#community_nav li { 
	float:left; 
	margin:0 0 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
#community_nav li.end { 
	float:left;
	display: inline-block;
	position: relative;
	top: -1px;
	margin:0 0 0 0; 
	padding:0;
	width: 288px;
	height: 43px;
	list-style-type:none;
	border-bottom: 1px solid #ccc;
}

/* every tab uses the same background image */
#community_nav li a { 
	display: block;
	height: 43px;  
	/*overflow: hidden; */
	text-indent: -999em; 
	background: url(/DiscoverCenter/images/community/tabs_community.png) no-repeat;
	padding: 0px;
	margin: 0px;
}
#community_nav a.current { cursor:default; }

/* adjust the background image position on each tab */
#community_nav #t1 { background-position: 0 0; width: 138px; }
#community_nav #t2 { background-position: -138px 0; width: 137px; }
#community_nav #t3 { background-position: -275px 0; width: 125px; }
#community_nav #t4 { background-position:-400px 0; width: 125px;}

#community_nav #t1:hover { background-position: 0 -43px; _background-position: 0 -42px; }
#community_nav #t2:hover { background-position: -138px -43px; _background-position: -138px -42px; }
#community_nav #t3:hover { background-position: -275px -43px; _background-position: -275px -42px; }
#community_nav #t4:hover { background-position: -400px -43px; _background-position: -400px -42px; }

#community_nav #t1.current { background-position: 0 -86px; _background-position: 0 -85px; }
#community_nav #t2.current { background-position: -138px -86px; _background-position: -138px -85px; }
#community_nav #t3.current { background-position: -275px -86px; _background-position: -275px -85px; }
#community_nav #t4.current { background-position: -400px -86px; _background-position: -400px -85px; }

/*==================================== 
COMMUNITY PAGE CONTENT
====================================*/

h1.communityHdr { text-indent:-9999px; background:url(/images/community/h1_communityTitle.jpg) top left no-repeat; height:32px; width:326px; }

/* main community home page content/promo block */
#community_dex { display: block; width: 599px; height: 342px; margin-bottom: 30px; }
	div.community_dex_col { float: right; width: 290px; margin: 30px 33px 0 0; padding: 0; }
	div.dex_bubble { position: relative; top: 115px;  left: 25px; display: block; width: 190px; margin: 8px 0; padding: 0; line-height: 14px; }
	span.dex_top { display: block; width: 285px; height: 7px; background: url(/DiscoverCenter/images/community/blogbox_top.png) no-repeat top left; margin: 0; padding: 0; _background-color: #fff; }
	div.dex_content { display: block; width: 255px; background-color: #fff; padding: 0 15px 0 15px; margin: 0; }
	div.dex_content p { margin: 0; padding: 0; line-height: 120%; }
	div.dex_content strong { font-size: 1.6em; }
	span.dex_bottom { display: block; width: 285px; height: 22px; background: url(/DiscoverCenter/images/community/blogbox_bottom.png) no-repeat top left; margin: 0; padding: 0; }
div.community_dexvid_pod { display: block; width: 599px; height: 130px; font-size: 1.1em; }


#community_main { display: block; width: 600px; height: 413px; background: url(/DiscoverCenter/images/community/community_man_bg_shadow.jpg) no-repeat top left; margin-bottom: 15px; }
	div.community_main_col { float: right; width: 340px; margin: 50px 60px 0 0; padding: 0; }
	div.blog_bubble { display: block; width: 285px; margin: 8px 0; padding: 0; }
	span.bubble_top { display: block; width: 285px; height: 7px; background: url(/DiscoverCenter/images/community/blogbox_top.png) no-repeat top left; margin: 0; padding: 0; _background-color: #fff; }
	div.bubble_content { display: block; width: 255px; background-color: #fff; padding: 0 15px 0 15px; margin: 0; }
	div.bubble_content p { margin: 0; padding: 0; line-height: 120%; }
	div.bubble_content strong { font-size: 1.6em; }
	span.bubble_bottom { display: block; width: 285px; height: 22px; background: url(/DiscoverCenter/images/community/blogbox_bottom.png) no-repeat top left; margin: 0; padding: 0; }
	
	a.discuss_btn { display: block; float: right; text-indent: -999em; background: #fff url(/DiscoverCenter/images/community/button_discuss.png) no-repeat top left; width: 81px; height: 22px; }
	a.discuss_btn:hover { background-position: 0 -22px; }
	
	a.become_insider_btn { display: block; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_become_insider.png) no-repeat top left; width: 125px; height: 33px; }
	a.become_insider_btn:hover { background-position: 0 -33px; }

	a.learn_more_btn { display: block; text-indent: -999em; background: url(/DiscoverCenter/images/community/button-learn-more.png) no-repeat top left; width: 125px; height: 33px; }
	a.learn_more_btn:hover { background-position: 0 -33px; }
	a.log_in_btn { display: block; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_log_in.png) no-repeat top left; width: 110px; height: 33px; background-position:0px 0px; }
	a.log_in_btn:hover { background-position: 0px -33px; }
		a.join_btn { display: block; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_join_today.png) no-repeat top left; width: 125px; height: 33px; }
	a.join_btn:hover { background-position: 0 -33px; }
	

#insiders_main { display: block; width: 600px; height: 379px; background: url(/DiscoverCenter/images/community/box_insider_bg.jpg) no-repeat top left; margin-bottom: 15px; }
	div.insiders_main_col { float: left; width: 430px; margin: 30px 0 0 40px; _margin-left: 20px; padding: 0; }
	div.insiders_main_col p { font-size: 1.1em; line-height: 120%; margin: 12px 0 0 0; padding: 0; }
	div.insiders_main_col strong { font-size: 1.4em; }
	div.insiders_main_col ul { margin-left: 10px; }
	div.insiders_main_col ul li { line-height: 120%; margin-bottom: 3px; }
	
	a.login_btn { display: block; float: left; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_login.png) no-repeat top left; width: 102px; height: 22px; }
	a.login_btn:hover { background-position: 0 -22px; }
		a.jointoday_btn { display: block; float: left; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_jointoday.png) no-repeat top left; width: 102px; height: 22px; }
	a.jointoday_btn:hover { background-position: 0 -22px; }
		a.faq_btn { display: block; float: left; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_faqs.png) no-repeat top left; width: 102px; height: 22px; }
	a.faq_btn:hover { background-position: 0 -22px; }
		a.rules_btn { display: block; float: left; text-indent: -999em; background: url(/DiscoverCenter/images/community/button_rules.png) no-repeat top left; width: 102px; height: 22px; }
	a.rules_btn:hover { background-position: 0 -22px; }
	
	a.button_insider_login { display: block; background: url(/DiscoverCenter/images/community/button_pod_insider.png) no-repeat top left; width: 300px; height: 75px; text-indent: -999em; }
	a.button_insider_login:hover { background-position: 0 -75px; }


div.community_story_pod { display: block; width: 600px; height: 184px; background: url(/DiscoverCenter/images/community/box_tellstory.png) no-repeat top left; font-size: 1.1em; }
div.story_content { padding: 20px 0 0 40px; }
div.story_content h2 { font-size: 2.2em; font-weight: normal; margin-bottom: 12px; }
div.story_content img { float: right; margin: 0 30px 0 20px; }
div.story_content div.callout span.quote { display: block; font-size: 2.2em; line-height: 110%; margin-bottom: 12px; }

a.btn_tellusyours { display: block; float: left; width: 91px; height: 22px; background: url(/resources/images/watch/button_tellusyours.png) no-repeat top left; text-indent: -9999px; margin: 0 auto; }
a.btn_tellusyours:hover { background-position: 0px -22px; }

ul.news_list { list-style-type: none; margin: 8px 0 12px 12px; padding: 0; }
ul.news_list li { margin-bottom: 5px; line-height: 120%; }

#communityCol-1 {
	float:left;
	display:block;
	margin-top:10px;
	width:450px;
}
#communityCol-1 p {
	font-size: 1.1em;
	line-height: 140%;
}
#communityCol-1 .whyP {
	padding-bottom: 5px;
}
#communityCol-1 ul li {
	font-size: 1.1em;
	line-height: 140%;
}


#insiderBox {
	width:450px;
	height:240px;
	background:url(/images/community/insiderBox_bg.jpg) top left no-repeat;
	margin-bottom:8px;
}

#insiderBox .content {
	float:left;
	width:230px;
	margin-left:20px;
	margin-top:20px;	
}
h2.insiderHdr { text-indent:-9999px; background:url(/images/community/insidersH2.png) top left no-repeat; height:19px; width:79px; }


.col1LiteBox {
	float:left;
	width:450px;
	height:auto;
	margin-bottom:8px;
}
.col1LiteBox .top {
	float:left;
	width:450px;
	height:18px;
	background:url(/images/community/col1LiteBox_top.jpg) top left no-repeat;
}
.col1LiteBox .stretch {
	float:left;
	width:450px;
	height:auto;
	background:url(/images/community/col1LiteBox_tile.jpg) top left repeat-y;
}
.col1LiteBox .bot {
	float:left;
	width:450px;
	height:14px;
	background:url(/images/community/col1LiteBox_bot.jpg) top left no-repeat;
}

.col1LiteBox .content {
	float:left;
	width:415px;
	margin-left:20px;
}


.col1DarkBox {
	float:left;
	width:450px;
	height:auto;
	margin-bottom:8px;
}
.col1DarkBox .top {
	float:left;
	width:450px;
	height:18px;
	background:url(/images/community/col1DarkBox_top.jpg) top left no-repeat;
}
.col1DarkBox .stretch {
	float:left;
	width:450px;
	height:auto;
	background:url(/images/community/col1DarkBox_tile.jpg) top left repeat-y;
}
.col1DarkBox .bot {
	float:left;
	width:450px;
	height:14px;
	background:url(/images/community/col1DarkBox_bot.jpg) top left no-repeat;
}



.col1LiteBox .content .vidContainer {
	clear:both;
	float:left;
	width:415px;
}
.col1LiteBox .content .vidImg {
	float:left;
	width:167px;
}
.col1LiteBox .content .vidDesc {
	float:left;
	margin-left:25px;
	width:215px;
}
.col1LiteBox .content .vidDivider { clear:both; float:left; height:20px; margin-top:6px; }
.col1LiteBox .content .vidDesc h4 { font-size:14px; color:#2aa3c8; font-weight:normal; }


/*==========================================*/
#communityCol-2 {
	position: relative;
	float:right;
	display:block;
	margin-right:10px;
	_margin-right: 5px;
	width:460px;
	margin-top:10px;
}

.col2DarkBox {
	float:left;
	width:460px;
	height:auto;
	margin-bottom:8px;
}
.col2DarkBox .top {
	float:left;
	width:460px;
	height:18px;
	background:url(/images/community/col2DarkBox_top.jpg) top left no-repeat;
}
.col2DarkBox .stretch {
	float:left;
	width:460px;
	height:auto;
	background:url(/images/community/col2DarkBox_tile.jpg) top left repeat-y;
}
.col2DarkBox .bot {
	float:left;
	width:460px;
	height:14px;
	background:url(/images/community/col2DarkBox_bot.jpg) top left no-repeat;
}

.col2DarkBox .content {
	float:left;
	width:434px;
	margin-left:20px;	
}
h2.eventsHdr { text-indent:-9999px; background:url(/images/community/eventsH2.png) top left no-repeat; height:22px; width:144px }
h2.newsHdr { text-indent:-9999px; background:url(/images/community/newsH2.png) top left no-repeat; height:19px; width:168px; }

#ctaBox {
	margin-bottom:8px;
	width:460px;
}
#ctaBox .left {
	float:left;
}
#ctaBox .right {
	float:right;
}

/*==================================== 
INSIDER PAGE CONTENT
====================================*/

h1.insidersHdr { text-indent:-9999px; background:url(/images/community/h1_insidersTitle.jpg) top left no-repeat; height:44px; width:168px; }
/*************************************/

#joinBox {
	float:left;
	width:450px;
	height:auto;
	margin-bottom:8px;
}
#joinBox .top {
	float:left;
	width:450px;
	height:18px;
	background:url(/images/community/joinBox_top.jpg) top left no-repeat;
}
#joinBox .stretch {
	float:left;
	width:450px;
	height:auto;
	background:url(/images/community/joinBox_tile.jpg) top left repeat-y;
}
#joinBox .bot {
	float:left;
	width:450px;
	height:14px;
	background:url(/images/community/joinBox_bot.jpg) top left no-repeat;
}
#joinBox .content {
	float:left;
	width:420px;
	margin-left:20px;
	margin-top:20px;	
}

h2.joinHdr { text-indent:-9999px; background:url(/images/community/joinH2.png) top left no-repeat; height:35px; width:274px; }

#joinBox .content .left {
	width:300px;
	float:left;
}

/*************************************/

h2.shareHdr { text-indent:-9999px; background:url(/images/community/shareH2.png) top left no-repeat; height:20px; width:274px; }

/*************************************/

.tipsContent {
	float:left;
	width:412px;
	margin-left:20px;
	margin-top:20px;
}
h2.tipsHdr { text-indent:-9999px; background:url(/images/community/tipsH2.png) top left no-repeat; height:17px; width:384px; }

.tipsContent .left {
	width:127px;
	float:left;
	margin-right:12px;
}
.tipsContent .right {
	width:270px;
	float:left;
}

/*************************************/


#followBox {
	float:left;
	width:460px;
	height:auto;
	margin-bottom:8px;
}
#followBox .top {
	float:left;
	width:460px;
	height:18px;
	background:url(/images/community/followBox_top.jpg) top left no-repeat;
}
#followBox .stretch {
	float:left;
	width:460px;
	height:auto;
	background:url(/images/community/followBox_tile.jpg) top left repeat-y;
}
#followBox .bot {
	float:left;
	width:460px;
	height:14px;
	background:url(/images/community/followBox_bot.jpg) top left no-repeat;
}

#followBox .content {
	float:left;
	width:auto;
	margin-left:20px;
	margin-top:20px;	
}
h2.followHdr { text-indent:-9999px; background:url(/images/community/followH2.png) top left no-repeat; height:17px; width:178px; }

.socialSiteHolder {
float:left;
width:88px;
}

/*************************************/
#weeklyBox {
	float:left;
	width:460px;
	height:270px;
	background:url(/images/community/weeklyBox_bg.jpg) top left no-repeat;
	margin-bottom:8px;
	overflow: hidden;
}
#weeklyBox .content {
	float:left;
	width:434px;
	margin-left:20px;
	margin-top:12px;	
}
#weeklyBox .content .left {
	width:117px;
	float:left;
	margin-right:10px;
}
#weeklyBox .content .right {
	width:294px;
	float:left;
}


/*==================================== 
EVENTS PAGE CONTENT
====================================*/

h1.eventsHdr { text-indent:-9999px; background:url(/images/community/h1_eventsTitle.jpg) top left no-repeat; height:44px; width:196px; }

h1.newsHdr { text-indent:-9999px; background:url(/images/community/h1_newsTitle.jpg) top left no-repeat; height:44px; width:258px; }

/*************************************/
#eventsCol-1 {
	float:left;
	display:block;
	margin-top:20px;
	width:686px;
}
#eventsCol-2 {
	float: left;
	display:block;
	margin-top:20px;
	padding-left:10px;
	width:225px;
	_width: 215px;
}

div.calendarHolder {
	float:left;
	width:686px;
	background:url(/images/community/calendar/calendar_bg.jpg) top left no-repeat;
}

/*div.calendarNav {
	height:34px;
	width:686px;
	background:url(/images/community/calendar/calendarTab_FPO.jpg) top left no-repeat;
}*/

/*==================================== 
EVENTS PAGE CALENDAR TABS
====================================*/
.calendarNav {
height:27px;
width:676px;
margin-left:2px;
}

.calendarNav ul{
list-style-type: none;
margin-left: 10px;
padding:0;
}

.calendarNav li{
display:inline;
margin:0;
padding:0;
}

.calendarNav a {
float:left;
background:url(/images/community/calendar/mainTab_left.png) no-repeat left top;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
}

.thisMonth a {
background-position:0% -26px;
}

.calendarNav a span {
float:left;
display:block;
background:url(/images/community/calendar/mainTab_right.png) no-repeat right top;
padding:4px 14px 5px 5px;
font-weight:bold;
color:#3B3B3B;
}

.calendarNav a:hover span {
color: black;
}

.calendarNav a:hover, .calendarNav a:active, .calendarNav a:focus {
background-position:0% -26px;
}
.calendarNav a:hover span, .calendarNav a:active span, .calendarNav a:focus span {
background-position:100% -26px;
}

/*************************************/

div.tabMain {
	/*background:url(/images/community/calendar/calendar_bg.jpg) top left no-repeat;*/
	width:686px;
	height:462px;
	margin-top:20px;
  	padding:0 20px;
  	position: relative;
  	z-index: 101;
	border:0;
}

div.tabIframeWrapper {
  width: 660px;
}

iframe.tabContent {
  width: 100%;
  height:430px;
}



/*==================================== 
NEWS ARTICLES
====================================*/

#newsArticle {
 	margin:0 20px;
	padding-bottom:20px;
}
#newsArticle h1 { font-size:22px; color:#2895d5; } 
#newsArticle h2 { font-size:14px; color:#8e8e8e; }  
#newsArticle h3 { font-size:12px; font-weight:bold; } 
#newsArticle p { color:#8e8e8e; } 
#newsArticle img { float:left; padding:0 10px 10px 0; }



/*==================================== 
OUR PHONES/APPS PAGE CONTENT
====================================*/
h1.phonesAppsHdr { text-indent:-9999px; background:url(/images/community/h1_phonesAppsTitle.png) top left no-repeat; height:35px; width:307px; }

#pageContent.phoneAppsBKG { background:#F4F4F4 url(/images/phones/bkg_phoneApps.jpg) top left no-repeat; }

#pageContent #advanceoverlay {
	background: url(/images/devices/advbtn_overlay.png) top left no-repeat;
	height:22px;
	width:80px;
	position:absolute;
	z-index:100;
	top:133px;
	left:461px;
}

#phonesAppsContent {
	width:921px;
}

#phonesAppsCol-1 {
	float:left;
	display:block;
	width:332px;
}

#myPhoneBox {
	width:332px;
}
#myPhoneBox img {
	float:left;
}
#myPhoneBox .content {
	float:left;
	width:190px;
	margin-left:20px;
	margin-top:12px;	
}
.content h4 { font-size:14px; color:#2aa3c8; font-weight:normal; }

/**************************************************/

#phoneHeader h1 { text-indent:-9999px; height:78px; padding: 0; margin: 0; }
#phoneHeader h1.htcDiamondHdr { background:url(/images/community/h1_htcDiamond.gif) top left no-repeat; width:534px; }
#phoneHeader h1.blackBerry8130Hdr { background:url(/images/community/h1_blackBerry8130.gif) top left no-repeat; width:497px; }
#phoneHeader h1.blackBerryBoldHdr { background:url(/images/community/h1_blackberry_bold.gif) top left no-repeat; width:497px; }
#phoneHeader h1.blackBerry8330Hdr { background:url(/images/community/h1_blackBerry8330.gif) top left no-repeat; width:503px; }
#phoneHeader h1.blackBerry8830Hdr { background:url(/images/community/h1_blackBerry8830.gif) top left no-repeat; width:572px; }
#phoneHeader h1.htc6800Hdr { background:url(/images/community/h1_htc6800.gif) top left no-repeat; width:287px; }
#phoneHeader h1.htc6900Hdr { background:url(/images/community/h1_htc6900.gif) top left no-repeat; width:393px; }
#phoneHeader h1.lgSpyderHdr { background:url(/images/community/h1_lgSpyder.gif) top left no-repeat; width:347px; }
#phoneHeader h1.finesseHdr { background:url(/images/community/h1_samsungFinesse.gif) top left no-repeat; width:483px; }
#phoneHeader h1.motorolaQA4Hdr { background:url(/images/community/h1_motorolaQA4.gif) top left no-repeat; width:470px; }
#phoneHeader h1.motorolaHintHdr { background:url(/images/community/h1_motorolaHint.gif) top left no-repeat; width:450px; }
#phoneHeader h1.htc6850Hdr { background:url(/images/community/h1_htc6850.gif) top left no-repeat; width:465px; }
#phoneHeader h1.netbookHdr { background:url(/images/community/h1_netbook.gif) top left no-repeat; width:485px; }
#phoneHeader h1.R350Hdr { background:url(/images/community/h1_samsungR350.gif) top left no-repeat; width:525px; }
#phoneHeader h1.spyder2Hdr { background:url(/images/community/h1_spyder2.gif) top left no-repeat; width:402px; }
#phoneHeader h1.bbflipHdr { background:url(/images/community/h1_blackberry_flip.gif) top left no-repeat; width:500px; }
#phoneHeader h1.lg265Hdr { background:url(/images/community/h1_265.gif) top left no-repeat; width:400px; }
#phoneHeader h1.ve240Hdr { background:url(/images/community/h1_ve240.gif) top left no-repeat; width:400px; }
#phoneHeader h1.lg700Hdr { background:url(/images/community/h1_lg700.gif) top left no-repeat; width:402px; }
#phoneHeader h1.lg100Hdr { background:url(/images/community/h1_lg100.gif) top left no-repeat; width:402px; }
#phoneHeader h1.lg9600Hdr { background:url(/images/community/h1_lg9600.gif) top left no-repeat; width:402px; }
#phoneHeader h1.bb8530Hdr { background:url(/images/community/h1_blackberry8530.gif) top left no-repeat; width:519px; }
#phoneHeader h1.lg9250Hdr { background:url(/images/community/h1_lg9250.gif) top left no-repeat; width:519px; }
#phoneHeader h1.u210Hdr { background:url(/images/community/h1_u210.gif) top left no-repeat; width:519px; }
#phoneHeader h1.mifiHdr { background:url(/images/community/h1_mifi.gif) top left no-repeat; width:519px; }
#phoneHeader h1.lg230Hdr { background:url(/images/community/h1_lg230.gif) top left no-repeat; width:519px; }
#phoneHeader h1.r100Hdr { background:url(/images/community/h1_r100.gif) top left no-repeat; width:519px; }
#phoneHeader h1.W845Hdr { background:url(/images/community/h1_W845.gif) top left no-repeat; width:402px; }
#phoneHeader h1.r520Hdr { background:url(/images/community/h1_r520.gif) top left no-repeat; width:450px; }
#phoneHeader h1.ve440Hdr { background:url(/images/community/h1_ve440.gif) top left no-repeat; width:400px; }
#phoneHeader h1.lg370Hdr { background:url(/images/community/h1_lg370.gif) top left no-repeat; width:362px; }
#phoneHeader h1.R460Hdr { background:url(/images/community/h1_R460.gif) top left no-repeat; width:520px; }
#phoneHeader h1.samsung_profile_Hdr { background:url(/images/community/h1_samsung_profile.gif) top left no-repeat; width:497px; }
#phoneHeader h1.htcSnapHdr { background:url(/images/community/h1_htcSnap.gif) top left no-repeat; width:401px; }
#phoneHeader h1.bbtourHdr { background:url(/images/community/h1_blackberry9630.gif) top left no-repeat; width:486px; }
#phoneHeader h1.r631Hdr { background:url(/images/community/h1_r631.gif) top left no-repeat; width:625px; }
#phoneHeader h1.lg8575Hdr { background:url(/images/community/h1_samba.gif) top left no-repeat; width:625px; }
#phoneHeader h1.lg430Hdr { background:url(/images/community/h1_lg430.gif) top left no-repeat; width:625px; }

#chatBanner { position: absolute; top: 5px; right: 40px; z-index:20; }
#phoneSwfLinks { position: absolute; z-index: 7; right: 55px; top: 75px; }
*:first-child+html #phoneSwfLinks { top: 74px; }
#phoneSwfLinks ul { list-style:none; display:inline; padding:0; margin:0; }
#phoneSwfLinks li { display:inline; list-style-type: none; margin:0; position: relative; z-index: 9; padding: 0 22px 10px 18px;}
#phoneSwfLinks li img { vertical-align: top; }
#phoneSwfLinks li a.activeHover { color: #FFF; }
#phoneSwfDownloads { display: none; position: absolute; top:-22px; left:-15px; z-index: 6;  padding-bottom: 5px; width: 192px; }
#phoneSwfDownloads ul { position: relative; display: block; list-style:none; padding: 0; margin: 0 0 0 11px; background: #e6e6e6; width:170px; _width:148px; }
#phoneSwfDownloads ul li { padding: 0; margin: 0;  list-style-type: none; height: 17px; width: 170px; _width:148px; position: relative; background: #e6e6e6; display: block; border-bottom: 1px solid #d2d2d2; }
#phoneSwfDownloads ul li a { display: block; padding: 3px 0 0 22px; text-decoration: none; color: #7f7f7f; width:170px; _width:148px; }
#phoneSwfDownloads ul li a:hover { background: #e6e6e6 url('/images/community/deviceDropdownHover.gif') repeat-x top left; color: #fff; width:148px; height:17px; }
#phoneSwfDownloads ul li.last { border: 0; padding-bottom: 5px; }
#phoneSwfBox { background: #1a1a1a; height: 453px; width: 921px; }
#phoneSwfBox .noJavascript { position: relative; width: 500px; background: #FFF; margin: 20px auto; padding: 10px; color: #999; }
#phoneSwfBox .noJavascript .adobeLink { margin-top: 10px; }
#phoneSwfBox .noJavascript .adobeLink a { color: #2AA7D4; text-decoration: none; }
#phoneSwfBox .noJavascript .adobeLink a:hover { text-decoration: underline; }

/**************************************************/


/**************************************************/
#phonesAppsCol-2 {
	float:right;
	display:block;
	width:578px;
}
#phoneSpotlightBox {
	width:578px;
}
#phoneSpotlightBox .top {
	float:left;
	width:578px;
	height:18px;
	background:url(/images/community/spotlightBox_top.jpg) top left no-repeat;
}
#phoneSpotlightBox .stretch {
	float:left;
	width:578px;
	background:url(/images/community/spotlightBox_tile.jpg) top left repeat-y;
}
#phoneSpotlightBox .bot {
	float:left;
	width:578px;
	height:14px;
	background:url(/images/community/spotlightBox_bot.jpg) top left no-repeat;
}
#phoneSpotlightBox .content {
	float:left;
	width:544px;
	margin-left:18px;	
}
#phoneSpotlightBox .content img {
	float:left;
	margin-right:10px;
}
#phoneSpotlightBox .content p {
	padding-bottom: 5px;
}
#phoneSpotlightBox .phoneSpotText {
	clear: both;
	padding-top: 5px; 
}

h2.phoneSpotlightHdr { text-indent:-9999px; background:url(/images/community/phoneSpotlightH2.png) top left no-repeat; height:24px; width:143px; }

/**************************************************/

#appSpotlightBox {
	clear:both;
	height:336px;
	width:920px;
	background:url(/images/community/phonesAppsBottomBox_bg.jpg) top left no-repeat;
	margin-top:8px;
}

#appSpotlightBox .content {
	float:left;
	width:700px;
	margin-left:16px;
	margin-top:20px;	
}

h2.appSpotlightHdr { text-indent:-9999px; background:url(/images/community/appSpotlightH2.png) top left no-repeat; height:26px; width:188px; }
h2.browseAppsHdr { text-indent:-9999px; background:url(/images/community/browseAppsH2.png) top left no-repeat; height:22px; width:178px; clear:both; }

#appSpotlightBox .content .appHolder {
	float:left;
	margin-left:20px;
	margin-bottom:12px;
	width: 500px;
}
#appSpotlightBox .content .left {
	float:left;
	margin-right:12px;
}
#appSpotlightBox .content .right {
	float:left;
	width:300px;
}
#appSpotlightBox .content .cta {
	float:left;
	margin-right:10px;
}




/*==================================== 
DEVICE LIST PAGE CONTENT
====================================*/
h1.deviceListHdr { text-indent:-9999px; background:url(/images/community/h1_deviceListTitle.jpg) top left no-repeat; height:44px; width:163px; margin-bottom:16px; }

#deviceListBox {
	height:300px;
	width:921px;
	background: #fff url(/resources/images/shop_and_learn/android_deviceListBox_bg.jpg);
}

#deviceListBox .deviceCarousel {
	float:left;
	margin-top:35px;
	margin-left:20px;
	width:880px;
	height:300px;	
}

*HTML #deviceListBox .deviceCarousel {
	margin-left:10px;
}

#deviceListBox a { text-decoration:none; cursor:pointer; }
#deviceListControls { position:relative; height:300px; }
#deviceListControls .SlidingPanels { float:left; width:800px; height:295px; }
#deviceListControls .SlidingPanelsContentGroup { float:left; width:10000px; }
#deviceListControls .SlidingPanelsContent { float:left; width:160px; height:300px; text-align:center; }
#deviceListControls .deviceListCarousel { float:left; border:1px solid yellow; }

#deviceListControls .nav_prev { float:left; width:40px; height:100%; }
#deviceListControls .nav_prev a { position:relative; top:75px; left:0px; float:left; width:100%; height:40px; display:block; text-indent:-9999px; background:#fff url(/resources/images/shop_and_learn/btn_arrow_prev_40x40.png) no-repeat left top; }
#deviceListControls .nav_prev a:hover { background-position:0px -40px; }
#deviceListControls .nav_next { float:left; width:40px; height:100%; }
#deviceListControls .nav_next a { position:relative; top:75px; left:0px; float:left; width:100%; height:40px; display:block; text-indent:-9999px; background:url(/resources/images/shop_and_learn/btn_arrow_next_40x40.png) no-repeat left top; }
#deviceListControls .nav_next a:hover { background-position:0px -40px; }
#deviceListControls .phoneDetail { margin:0; padding:0; height: 20px; color: #108AC1;}






/*==================================== 
CS-ORIGINALS PAGE CONTENT
====================================*/

h1.cs-originalsHdr { text-indent:-9999px; background:url(/images/community/h1_cs-originalsTitle.jpg) top left no-repeat; height:31px; width:388px; }

h2.sportsHdr { text-indent:-9999px; background:url(/images/community/sportsH2.png) top left no-repeat; height:23px; width:172px; }






#sportsBox {
	float:left;
	width:450px;
	height:auto;
	margin-bottom:8px;
}
#sportsBox .top {
	float:left;
	width:450px;
	height:18px;
	background:url(/images/community/sportsBox_top.jpg) top left no-repeat;
}
#sportsBox .stretch {
	float:left;
	width:450px;
	height:auto;
	background:url(/images/community/sportsBox_tile.jpg) top left repeat-y;
}
#sportsBox .bot {
	float:left;
	width:450px;
	height:14px;
	background:url(/images/community/sportsBox_bot.jpg) top left no-repeat;
}

#sportsBox .content {
	float:left;
	width:240px;
	margin-left:20px;
	margin-top:20px;	
}



#switchContestBox {
	float:left;
	width:450px;
	height:161px;
	background:url(/images/community/switchContestBox_bg.jpg) top left no-repeat;
	margin-bottom:8px;
}

#switchContestBox .content {
	float:left;
	width:216px;
	margin-left:220px;
	margin-top:20px;	
}

h2.wallpapersHdr { text-indent:-9999px; background:url(/images/community/wallpapersH2.png) top left no-repeat; height:21px; width:101px; }

.wallpaperLink {
	float:right; 
	
}

.carouselWallpapers {
	float:left;
	height:56px;
/*	width:450px;  */
}

.calendarNav a.on {
background-position:0% -26px;
}
.calendarNav a.on span {
color:black;
background-position:100% -26px;
}

#wallpaperControls { position:relative; height:56px; }
#wallpaperControls .SlidingPanels { float:left; width:376px; height:56px; }
#wallpaperControls .SlidingPanelsContentGroup { float:left; width:10000px; }
#wallpaperControls .SlidingPanelsContent { float:left; width:76px; height:56px; }
#wallpaperControls .wallpaperCarousel { float:left; border:1px solid yellow; }

#wallpaperControls .nav_prev { float:left; width:36px; height:100%; }
#wallpaperControls .nav_prev a { position:relative; top:15px; left:4px; float:left; width:100%; height:28px; display:block; text-indent:-9999px; background:url(/images/CSoriginals/btn_arrow_prev_28x28.png) no-repeat left top; }
#wallpaperControls .nav_prev a:hover { background-position:0px -28px; }
#wallpaperControls .nav_next { float:left; width:36px; height:100%; }
#wallpaperControls .nav_next a { position:relative; top:15px; left:4px; float:left; width:100%; height:28px; display:block; text-indent:-9999px; background:url(/images/CSoriginals/btn_arrow_next_28x28.png) no-repeat left top; }
#wallpaperControls .nav_next a:hover { background-position:0px -28px; }

.wallpaperPreview { margin:auto; width:300px; }
.wallpaperPreview p { float:left; width:60%; margin:4px 0 0 0; padding:0; font-family:tahoma, sans-serif; font-size:10px; text-align:left; }
.wallpaperPreview .DLlink { float:right; width:auto; }
.wallpaperPreview .DLlink a { font-size:14px; font-weight:bold; color:#FF0000; text-decoration:none; }
.wallpaperPreview .DLlink a:hover { color:#666; }

/**** VIDEOS ****************************************/
h2.videosHdr { text-indent:-9999px; background:url(/images/community/videosH2.png) top left no-repeat; height:22px; width:61px; margin-left:12px; }

#videosBox {
	width:460px;
	height:370px;
	background:url(/images/community/videosBox_bg.jpg) top left no-repeat;
	margin-bottom:8px;
}
#videosBox .content {
float:left;
margin-left:8px;
margin-top:12px;
width:444px;
position:relative;
}

#vidNavOveride { position:absolute; top:27px; left:35px; height:27px; margin:0; width:auto; z-index:100; }
#videosCarousel { position:absolute; top:40px; left:0; float:left; width:444px; height:295px; margin-top:8px; }
#videoControls { position:relative; height:274px; }
#videoControls .SlidingPanels { float: left; height: 274px; }
#videoControls .SlidingPanelsContentGroup { float: left; width: 10000px; }
#videoControls .SlidingPanelsContent { float: left; width: 348px; height: 274px; }
#videoControls .nav_prev { float:left; width:36px; height:100%; }
#videoControls .nav_prev a { position:relative; top:125px; left:4px; float:left; width:100%; height:28px; text-indent:-9999px; background:url(/images/CSoriginals/btn_arrow_prev_28x28.png) no-repeat left top; }
#videoControls .nav_prev a:hover { background-position:0px -28px; }
#videoControls .nav_next { float:left; width:36px; height:100%; }
#videoControls .nav_next a { position:relative; top:125px; left:4px; float:left; width:100%; height:28px; text-indent:-9999px; background:url(/images/CSoriginals/btn_arrow_next_28x28.png) no-repeat left top; }
#videoControls .nav_next a:hover { background-position:0px -28px; }
#videoControls #carouselContentWrapper { float:left; width:372px; background:url('/images/CSoriginals/bkg_videoCarousel.gif') no-repeat; }
#videoControls #carouselContent1, 
#videoControls #carouselContent2 { width:475px; }
#videoControls .vidDetailWrapper { margin-top:10px; }
#videoControls .vidDetail { float:left; width:auto; margin:4px 0 0 10px; font-family:tahoma, sans-serif; font-size:10px; }

#vidPanelNavLinks { position:absolute; top:276px; right:36px; color:#FFF; text-align:right; }
#vidPanelNavLinks a { padding:0 5px; color:#FFF; font-size:.8em; text-decoration:none; }
#vidPanelNavLinks a:hover { color:#666; background:#fff; }



/*==================================== 
WHY CS PAGE CONTENT
====================================*/

h1.whyCSHdr { text-indent:-9999px; background:url(/images/community/h1_whyCS.gif) top left no-repeat; height:36px; width:445px; }
h1.attHdr { text-indent:-9999px; background:url(/images/community/h1_attCustomers.gif) top left no-repeat; height:42px; width:238px; }
h1.iphoneHdr { text-indent:-9999px; background:url(/images/community/h1_iphoneCustomers.gif) top left no-repeat; height:42px; width:236px; }
h1.alltelHdr { text-indent:-9999px; background:url(/images/community/h1_alltelCustomers.gif) top left no-repeat; height:39px; width:379px; }
h1.familyPlanHdr { text-indent:-9999px; background:url(/images/community/h1_familyNeeds.gif) top left no-repeat; height:52px; width:372px; }
h1.readyHdr { text-indent:-9999px; background:url(/images/community/h1_readyTitle.jpg) top left no-repeat; height:49px; width:399px; }
h1.loseLandlineHdr { text-indent:-9999px; background:url(/images/community/h1_loseLandLine.gif) top left no-repeat; height:49px; width:460px; }
h1.savingsHdr { text-indent:-9999px; background:url(/images/community/h1_saving.gif) top left no-repeat; height:49px; width:344px; }
h1.companyStoryHdr { text-indent:-9999px; background:url(/images/community/h1_companyStory.gif) top left no-repeat; height:49px; width:386px; }
h1.androidHdr { text-indent:-9999px; background:url(/images/community/h1_whyandroid.gif) top left no-repeat; height:42px; width:236px; }


.col1LiteBox .categories {
	float:left;
	width:415px;
	margin-left:8px;
}

.categoryContainer {
	clear:both;
	float:left;
	width:435px;
	height:148px;
}
.categoryLeft {
	float:left;
	width:215px;

}
.categoryRight {
	float:left;
	width:215px;
	margin-left:4px;
}

.categoryContainer img {
	float:left;
}
.categoryContainer p {
	float:left;
	margin-top:20px;
	margin-left:4px;
}

#mapBox {
	width:460px;
	height:308px;
	background:url(/images/community/mapBox_bg.jpg) top left no-repeat;
	margin-bottom:8px;
}
#mapBox .content {
	float:left;
	width:434px;
	padding:12px 0 0 20px;	
}
#mapBox p {
	margin-top:240px;
}


#tellUsBox {
	width:460px;
	height:137px;
	margin-bottom:8px;
	background:url(/DiscoverCenter/images/community/tellusBox_bg.jpg) top left no-repeat;
}
#tellUsBox_short {
	float: left;
	width:450px;
	height:137px;
	margin-bottom:8px;
	background:url(/DiscoverCenter/images/community/tellusBox_bg.jpg) top left no-repeat;
}
#tellUsBox .content {
	float:left;
	width:250px;
	margin:10px 0 0 200px;	
}
#tellUsBox_short .content {
	float:left;
	width:230px;
	margin:10px 0 0 200px;
	_margin-left: 90px;
}




/**************************************************/
#compareBox {
	width:459px;
	height:211px;
	background: url(/DiscoverCenter/images/community/cta_compareall.jpg) no-repeat top left;
	margin-top:0;
	margin-bottom:10px;
}

#coverageBox {
	width:450px;
	height:201px;
	background:url(/images/community/coverageBox_bg.jpg) top left no-repeat;
	margin-top:20px;
}
#coverageBox .content {
	float:left;
	width:165px;
	padding: 20px 0 0 20px;
}
h2.coverageH2 { text-indent:-9999px; background:url(/images/community/coverageH2.png) top left no-repeat; height:37px; width:146px; }

#productsBox {
	width:460px;
	height:145px;
	/*background:url(/images/community/productsBox_bg.jpg) top left no-repeat;*/
	margin-bottom:8px;
}
#productsBox .content {
	float:left;
	width:200px;
	padding: 20px 0 0 230px;	
}
#productsBox .content h4 { font-size:14px; color:#fff; font-weight:normal; }

#serviceBox {
	width:460px;
	height:145px;
	/*background:url(/images/community/serviceBox_bg.jpg) top left no-repeat;*/
	margin-bottom:8px;
}
#serviceBox .content {
	float:left;
	width:200px;
	padding: 20px 0 0 230px;	
}
#serviceBox .content h4 { font-size:14px; color:#fff; font-weight:normal; }

#plansBox {
	width:460px;
	height:145px;
	/*background:url(/images/community/plansBox_bg.jpg) top left no-repeat;*/
	margin-bottom:8px;
}
#plansBox .content {
	float:left;
	width:200px;
	padding: 20px 0 0 20px;
}
#plansBox .content h4 { font-size:14px; color:#fff; font-weight:normal; }

/*==================================== 
BONUS PAGES CONTENT
====================================*/
h1.rssInfoHdr { text-indent:-9999px; background:url(/images/community/h1_rssInfoTitle.jpg) top left no-repeat; height:23px; width:263px; }

h1.wireless101Hdr { text-indent:-9999px; background:url(/images/community/h1_wireless101Title.jpg) top left no-repeat; height:23px; width:344px; }

.wirelessContent {
	float:left;
	width:900px;
	margin-top:20px;
	margin-left:20px;
	
}
.wirelessContent p { margin-bottom:14px; }


.btn_margin a { margin:0px 1px;
 }

h1.terms-conditionsHdr { text-indent:-9999px; background:url(/images/community/h1_terms-conditionsTitle.jpg) top left no-repeat; height:31px; width:451px; }

.rssFeedContent {
	float:left;
	width:900px;
	margin-top:20px;
	margin-left:20px;
	
}
.rssFeedContent p { margin-bottom:4px; }

h1.rssFeedHdr { text-indent:-9999px; background:url(/images/community/h1_rssFeeds.gif) top left no-repeat; height:26px; width:322px; }

/* Hero
--------------------------------------------------------*/

#hero {
  position: absolute;
  top: 0;
  left: 0;
  width: 960px;
}

  #hero-inner {
    position: relative;
    z-index: 1;
    height: 532px;
    color: #fff;
  }
  
  #parallax-cont {
  	width: 100%;
  	height: 533px;
  	position: absolute;
  	overflow: hidden;
    top: 0px;
    left: 0px;
  }
  
  #parallax-cont-inner {
    position: relative;
    margin: 0px auto;
    width: 960px;
    height: 532px;
  }
  
  #parallax-cont-inner #circle-1,
  #parallax-cont-inner #circle-2 {
    position: absolute;
  }
  
  #parallax-cont-inner #circle-1 {
  	width: 1200px;
  	left: 40px;
  }
  
  #parallax-cont-inner #circle-2 {
  	width: 1120px;
  	left: 40px;
  }
  
  #parallax-cont-inner #circle-1 img {
  	position: absolute;
  	left: -110px;
  }
  
  #parallax-cont-inner #circle-2 img {
  	position: absolute;
  	left: -110px;
  }
  
  #hero #title {
    position: absolute;
    z-index: 3;
    top: 160px;
    left: 157px;
    width: 450px;
    height: 234px;
  }
  
    #hero #title h1 {
      font-size: 40px;
      text-align: left;
	  text-transform: uppercase;
	  margin-bottom: 8px;
    }
    
    #hero #title h2 {
      font-size: 19px;
      width: 270px;
	  float: left;
	  clear: left;
      text-align: left;
	  text-transform: uppercase;
	  margin: 0px 0px 16px 0px;
	  padding: 0px;
	}

	#hero a:hover {
		text-decoration: none;
	}
	
	#hero a.more {
		display: block;
		float: left;
		clear: left;
		color: #00b9f2;
		vertical-align: top;
		background:url('/resources/images/community/icon/more-link-arrow-r2011.png') no-repeat right 1px;
		padding-right: 19px;
		line-height: 16px;
		margin-bottom: 12px;
		font-size: 14px;
		cursor: pointer;
		text-align: left;
	}
	
	#hero a.login {
		display: block;
		float: left;
		clear: left;
		width: 77px;
		height: 33px;
		margin-top: 12px;
		text-indent: -9999px;
		background: url("/resources/images/community/btn/btn-login.png") no-repeat 0 0;
		cursor: pointer;
	}
	
	#hero #right-rail-bg {
		position: absolute;
		width: 328px;
		height: 532px;
		right: 20px;
		border-left: 1px solid #014e9e;
		border-right: 1px solid #014e9e;
		background: #003;
		filter:alpha(opacity=50);
		opacity:0.5;
	}
	
	#hero #right-rail {
		position: absolute;
		width: 328px;
		right: 21px;
		top: 70px;
	}
	
	#hero #right-rail h2 {
	  clear: left;
      font-size: 19px;
      text-align: left;
	  text-transform: uppercase;
	  color: #fff;
	  background: url("/resources/images/community/bg/bg-hdr-gradient.png") repeat-y 0px 0px;
	  height: 25px;
	  padding: 10px 20px 6px 20px;
	  font-weight: bold;
	}
	
	#hero #right-rail p {
	  padding: 15px 20px;
	  text-align: left;
	  font-size: 13px;
	  line-height: 20px;
	}
	
	#hero #right-rail a.more {
	  margin: 0px 20px 30px 20px;
	}
	#inner {
		margin-top:	-20px;
	}