@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0; border:0;}
a, a:active, a:visited {outline:none; color:#333;}
p {margin-top:0;}
sup {line-height:0;}

.bodywrap1 {position:relative;float:left; width:993px; margin-top:1px; display:inline; border:1px solid #a7aaaf; background:#fdfdfd;}

.m_text1 {font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#333;}
.m_text2 {font:normal 14px/22px Verdana, Arial, Helvetica, sans-serif; color:#333;}
.m_text3, a.m_text3 {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
a.m_text3:hover {text-decoration:underline;}
.m_graytext1 {padding-left:10px; margin-left:10px; color:#666; border-left:1px solid #333;}

.headline_c1 {float:left; width:100%; padding:12px 0 10px 0; margin:0; border-bottom:1px solid #8a8a8a; font-size:20px; font-weight:bold;}
.headline_c1 .m_graytext1 {font-weight:normal;}

.section_c1 {width:565px;}
.section_c1 div {float:left;}

.section_d1 {width:760px;}

.section_e1 {width:955px;}
.section_e1 div {float:left;}

.m_row1 {float:left; width:100%;}

.colm_a4 {width:175px; float:left;}
.colm_b3 {width:370px; float:left;}
.colm_c2 {width:565px; margin:0 0 0 20px; float:left; display:inline;} /*565*/
.colm_e1 {width:955px; margin:0 0 0 20px; float:left;display:inline; text-align:inherit} /*955*/
.m_tip {float:right; margin-right:20px; position:absolute; right:20px; top:25px; text-align:right}

.m_im1 {position:relative; float:left; height:314px; width:151px; margin-bottom:0px; overflow:hidden;}
.m_im2 {height:645px; width:305px; margin:auto; overflow:hidden; background:url(http://im.mstar.com/im/mobile/carousel.png) left;}
.m_im3 {position:relative; float:left; height:314px; width:345px; margin-bottom:0px; overflow:hidden;}
.m_im4 {position:relative; float:left; height:314px; width:151px; margin:0 109px; overflow:hidden;}


/*spacers*/
.spacerh0 {height:10px; width:100%; float:left; overflow:hidden;}
.spacerh1 {height:20px; width:100%; float:left; overflow:hidden;}
.spacerh2 {height:30px; width:100%; float:left; overflow:hidden;}
.spacerh3 {height:50px; width:100%; float:left; overflow:hidden;}
.spacerv1 {height:1px; width:20px; float:left; overflow:hidden;} /*vertical space*/
/*form*/
.m_formrow1 {float:left; width:100%; margin-bottom:10px; display:inline;}
.m_formcol1 {float:left; width:100px; position:relative;}
.m_formcol2 {float:right; width:340px;}
.input1 {float:right; display:inline; height:15px; width:340px; font-size:11px; color:#333; border-top: 1px solid #6b6b6b; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #ddd; border-left: 1px solid #b9b9b9; padding:2px 0px 0px 2px;}
.textarea1 {float:right; display:inline; height:175px; width:340px; font-size:11px; color:#333; border-top: 1px solid #6b6b6b; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #ddd; border-left: 1px solid #b9b9b9; padding:2px 0px 0px 2px; font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
.submit1 {float:right; height:20px; width:61px; border:none; background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) 0 0 no-repeat; color:#333; font:bold 10px/20px Verdana, sans-serif; text-align:center; text-decoration:none;}
.submit1:hover {float:right; height:20px; width:61px; border:none; background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) 0 -22px no-repeat; font-weight:bold; color:#333;}

/*image carousel*/
.stepcarousel{position: relative; /*leave this value alone*/ overflow:scroll; /*leave this value alone*/ width:256px; /*Width of Carousel Viewer itself*/ height:460px; top:95px; left:26px;}
.stepcarousel .belt{position:absolute; /*leave this value alone*/ left:0; top:0;}
.stepcarousel .panel{float: left; /*leave this value alone*/ overflow: hidden; /*clip content*/ width: 300px;}
/*video*/
.m_video {position:absolute; top:68px; right:14px; height:604px; width:569px; background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat 0 -245px; z-index:5; }
.vclosebtn {margin:10px 10px 0 0;}
.vcontr {width:486px; height:412px; margin:auto; margin-top:50px; display:block;}
.btnwrap1 {width:138px; margin:auto;}
.lbtn {float:left; height:20px; width:69px; background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) 0 -44px no-repeat;}
.lbtn:hover {background:url(http://im.mstar.com/im/mobile/m-btnsprite.png)  0 -66px no-repeat;}
.rbtn {float:left; height:20px; width:69px; background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) -69px -44px no-repeat;}
.rbtn:hover {background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) -69px -66px no-repeat;}

/*Blue Button*/
a.mk_btn_blu1, a.mk_btn_blu1:link, a.mk_btn_blu1:visited {margin: 0px; padding:9px 12px 0px 15px; height:23px; color:#FFF; font-size:12px; font-weight:bold; line-height: 12px; background:url(http://im.mstar.com/im/mbr/btn_sprite.png) no-repeat 0 -178px; text-decoration:none;  position:relative; float:left; }
a.mk_btn_blu1 span {top:0; right:-4px; padding:9px 0px 0px 0px; height:23px; width:6px; background:url(http://im.mstar.com/im/mbr/btn_sprite.png) no-repeat -260px -178px; overflow:hidden; position:absolute;}       
            
/*accordions: faq*/
.faqmenu {display:block; float:left; list-style:none; margin:0px; padding:0px; position:relative; width: 465px;/*width of menu*/}
.faqmenu li.faqrow1 {background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) 0 -99px no-repeat; clear:both;  cursor:pointer; display:block; list-style:none; margin:7px 0px; padding:0px 0px 0px 18px; position:relative; width:447px; color:#333; font-weight:bold; line-height:18px; text-decoration:none;}
.faqmenu li.faqrow1 a:visited, .faqmenu li.faqrow1 a:active {color: white;}
.submenu {display:none; font-weight:normal; list-style:none; padding-left:18px;} /*DIV that contains each sub menu*/
.bull1a {background:url(http://im.mstar.com/im/mobile/bg1.gif) no-repeat 0 -28px; display:block; margin-bottom:5px; padding-left:9px; line-height:20px;} /*bullets*/

/*dropdown*/
.mobiledd { border:1px solid #ccc; float:left;padding:0 0 0 5px; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
.mobiledd option{padding-left:5px;}

/*new middle section */
.m_im5 {background:url(http://im.mstar.com/im/mobile/mainimg.png) no-repeat 0 0; height:193px; width:470px; padding:205px 0px 0px 482px; display:block;}
.m_im6 {height:390px; float:left; width:445px; margin:50px 0px 0px 0px; overflow:hidden;}
.m_im6 img, .m_im5 img {float:left;}
.colm_f {display:inline; float:left; margin:0px 0px 40px 0px; width:465px;}
.colm_f2 {float:left; display:inline; margin:0; padding-left:40px; width:448px;}
.m_im6 .middle {margin-left:77px;}
.m_im6 .dbl {margin-left:7px;}
.m_row1 ul {margin:0px; padding:0px 0px 5px 0px; list-style:none;}
.m_text1 img {margin:0px 5px 0px 5px;} /*margin for small icons within text*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}










/******************************************************************************
 * Blackberry Landing
 ******************************************************************************/

	/* Grid */

	#main_content .grid .unit {
		float: left;
	}


	/* Layout */

	#main_content {
		margin-top: 20px;
		margin-left: 20px;
		color: #424242;
		overflow:hidden;
		_margin-left: 10px;
		line-height: 18px;
	}






	#main_content-primary {
		width: 659px;
		_width: 649px;
	}

	#primary-mast-headline {
		width: 610px;
		height: 265px;
		background: url(http://im.mstar.com/im/mobile/topimage.png) no-repeat;
	}

	#primary-features_lists {
		width: 100%;
		margin: -10px 0 0 15px;
		padding-bottom: 40px;
	}

	#primary-features_lists ul {
		width: 262px;
		font-size: 14px;
		line-height: 20px;
	}

	#primary-features_lists ul li {
		margin-left: 1.25em;
		list-style-position: outside;
	}
	
	#primary-features_lists ul {
		width: 262px;
		margin-right: 35px;
		font-size: 14px;
		line-height: 20px;
	}

	#primary-supported_devices h4 {
		line-height: 18px;
	}

	#primary-supported_devices {
		font-size: 12px;
		width: 635px;
	}

	#primary-supported_devices ul {
		list-style: none;
		float: left;
	}

	#primary-supported_devices li {
		display: inline;
	}


	#primary-supported_devices h5 {
		display: inline;
		font-size: 12px;
	}

	





	#main_content-downloads {
		font-size: 11px;
		color: #666666;
	}

	#main_content-downloads h5 {
		font-size: 11px;
		color: #333333;
	}

	#main_content-downloads ul {
		background-color: #f6f6f6;
		border: 1px solid #ccc;
		width: 252px;
		list-style: none;
		padding: 10px;
		margin-bottom: 10px;
	}

	#main_content-downloads li {
		padding-bottom: 5px;
		margin-top: 5px;
	}

	#main_content-downloads #downloads-browser {
		border-bottom: 0;
	}
	
	#main_content-downloads p.note {
		width: 272px;
	}


	#main_content-secondary {
		margin-top: 5px;
	}

	#features-header {
		margin-bottom: 35px;
		font-size: 16px;
		font-weight: normal;
		color: #333;
	}

	#secondary-mast {
		padding-bottom: 50px;	
	}

	#secondary-mast-headline {
		width: 395px;
		height: 61px;
		background: url(http://im.mstar.com/im/mobile/portfolio-headline.png) no-repeat;
		padding-bottom: 50px;
		margin-top: 20px;
	}

	#secondary-mast-copy {
		width: 500px;
		margin-left: 90px;
	}

	#secondary-mast-copy p,
	#secondary-mast-copy h3 {
		font-size: 12px;
	}

	#secondary-mast-copy p {
		padding-bottom: 12px;
	}

	#secondary-features_breakout {
		list-style: none;
		margin-left: 80px;
		margin-bottom: 40px;

	}

	#secondary-features_breakout li {
		width: 215px;
		margin-right: 80px;
		margin-bottom: 20px;
	}


	#secondary-features_breakout li.last {
		margin-right: 70px;
	}


	#secondary-features_breakout li p,
	#secondary-features_breakout li h3 {
		font-size: 12px;
	}

	/* Helpers */

	select.select {
		border: 1px solid #999;
	}
	select.select option {
		padding-right: 20px;
	}
	p.note {
		font-size: 10px;
		line-height:normal;
	}

	.border_bottom_grey {
		border-bottom: 5px solid #797979;
		padding-bottom: 30px;
	}


	input.mk_btn_blu1,
	form input.mk_btn_blu1:link {
		margin: 0;
		width:86px;
		height: 26px;
		color: #FFF;
		font-size: 12px;
		font-weight: bold;
		line-height: 26px;
		background: url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat 0 -869px;
		text-decoration: none;
		text-align:center;
		position: relative;
		float: right;
		cursor:pointer;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*	form.mk_btn_blu1 span {
		top: 0;
		right: -4px;
		padding: 9px 0px 0px 0px;
		height: 23px;
		width: 6px;
		background: url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat -260px -869px;
		overflow: hidden;
		position: absolute;
	}*/

	input.mk_btn_blu1:hover,
	input.mk_btn_blu1:link:hover {
		background: url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat 0 -905px;
	}

	/*input.mk_btn_blu1:hover span {
		background: url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat -260px -905px;
	}*/
	
	span.button {
		width: 254px;	
	}

	form .fm_fld_cnt span {
		width: 98px;
		line-height: 20px;
	}
	
	#blackberry_key {
		padding-right: 10px;
		width: 65px;
	}

	li div.image {
		width: 75px;
		float: left;
	}
	
	li div.copy {
		width: 365px;
		float:left;
	}


	#accordian_faq {
		margin-left: 20px;
	}

	/*Inputs*/
	.fm_row {margin: 0px; padding: 4px 0px 4px 0px; width: 100%; float: left; display: inline;}
	.fm_fld_cnt {margin: 0px; padding: 0px; float: left;}
	.fm_fld_cnt input {margin: 0px; padding: 3px 0px 0px 3px; height: 19px; border: 1px solid #CCC; color: #333; font-size: 12px; outline: none; float: left; font-family:Verdana, Arial, Helvetica, sans-serif}        
	.error {color:#ff0000; width:100%}
	.confirm {color:#336699; font-weight:bold; width:100%;}
	/* Utilities */

		/* Fahrners Image Replacment */
		.fir {
			display: block;
		}

		.fir span {
			display: none;
		}

		/* Clearfix */

		body .clear {
			clear: both;
		}

		ul.clear li{
			clear: both;
		}
	
		html body .clear-left {
			clear: left;
		}
	
		html body .clear-right {
			clear: right;
		}
	
		div.clear,
		span.clear {
			background: none;
			border: 0;
			display: block;
			float: none;
			font-size: 0;
			margin: 0;
			padding: 0;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0;
		}
	
		.clearfix:after,
		.clearfixed li:after {
			clear: both;
			content: '.';
			display: block;
			visibility: hidden;
			height: 0;
		}
	
		.clearfix,
		.clearfixed li {
			display: inline-block;
		}
	
		* html .clearfix,
		* html .clearfixed li {
			height: 1%;
		}
	
		.clearfix,
		.clearfixed li {
			display: block;
		}

	/*Tooltip*/
		span.os {
		top: -2px;
		left: 89px;
		position: absolute;
		cursor:pointer;
		height:11px;
		width:12px;
	}
		
		span.space {
		position:relative;
		display:block;
		background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat 0px -978px;
		height: 11px;
		width:12px;
	}
	
		em.tooltip {
		margin: 0px;
		font-style: normal;
		font-size:10px;
		padding: 5px 15px 0px 20px;
		height: 50px;
		width: 250px;
		z-index:10;
		display:block;
		line-height: 14px;
		background:url(http://im.mstar.com/im/mobile/tooltip_hover_box.png);
		background-repeat:no-repeat;
		position: absolute;
		left: 12px;
		top: 0px;
		border-right: 1px solid #A7AAAF;
	}
		
		span.space {
		position:relative;
		display:block;
		background:url(http://im.mstar.com/im/mobile/m-btnsprite.png) no-repeat 0px -978px;
		height: 11px;
		width:12px;
	}
	
		em.tooltip {
		margin: 0px;
		font-style: normal;
		font-size:10px;
		padding: 5px 15px 0px 20px;
		height: 50px;
		width: 250px;
		z-index:10;
		display:block;
		line-height: 14px;
		background:url(http://im.mstar.com/im/mobile/tooltip_hover_box.png);
		background-repeat:no-repeat;
		position: absolute;
		left: 12px;
		top: 0px;
		border-right: 1px solid #A7AAAF;
	}