/* mobile.css */

.contentMobile *{
	margin:0px;
	padding:0px;
	font-size:12px;	
}
.contentMobile {
	position: relative;
	width:785px;
}
.overviewMobile{
	padding-left:15px;
}
.contentMobile .boxLeft {
	width:375px;
	margin-right:15px;
}
.contentMobile .boxRight {
	width:375px;
	margin-bottom:15px;
}
.contentMobile .info {
	margin-left:10px;
	margin-top:10px;	
	width:230px;
}
.contentMobile h3 {
	font-size:18px;
	font-weight:normal;
}
.contentMobile h3,
.contentMobile p {
	margin-bottom:30px;
}
/*  Box Description  */
.contentMobile .description {
	margin-right:10px;
	padding-top:15px;
	width:285px;
}
.contentMobile .description img{
	margin-left:50px;
}
/*  Box Screens  */
.contentMobile .screens {
	position:relative;
	margin-right:5px;
	padding-top:50px;
	width:180px;
}
.contentMobile .screenFeature {
	height:165px;
	left:26px;
	position:absolute;
	top:106px;
	width:128px;
}
.contentMobile .android .screenFeature {
	height:172px;
	left:29px;
	top:102px;
	width:121px;
}
.contentMobile .browser .screenFeature {
	height:109px;
	left:42px;
	top:87px;
	width:99px;
}
.contentMobile .screenFeature img{
	display:none;
}
/*  Box Features  */
.contentMobile .features {
	padding-top:50px;
	width:275px;
}
.contentMobile .features h4 {
	margin-bottom:5px;
}
.contentMobile .features li {
	border:1px solid #ccc;
	border-top:none;
	padding:4px 6px;
	background-color:#f7f7f7;
}
.contentMobile .features li.active {
	cursor:pointer;
}
.contentMobile .features li.first {
	border-top:1px solid #ccc;
}
.contentMobile .features li.on {
	background-color:#777;
	font-weight:bold;
	color:#fff;
}
/*  Box ScreenBar  */
.contentMobile .screenBar {
	border-top:1px solid #ccc;
	height:105px;
	margin-right:15px;
	background:url(/insight/images/common/bg_barGradient.png) center 0px no-repeat;
}
.contentMobile .screenBar ul.browser{
	padding-left:308px;
}
.contentMobile .screenBar ul{
	padding-left:232px;
}
.contentMobile .screenBar li{
	position:relative;
	display:block;
	float:left;
	width:55px;
	height:71px;
	border:1px solid #ccc;
	margin:10px 6px 5px 6px;
	padding:4px;
	background-color:#fff;
	cursor:pointer;
}
.contentMobile .screenBar li.on{
	border:5px solid #6f6f6f;
	padding:0px;
}

/*   Border Box (Blue Gradient Medium)  */
.contentMobile .boxBlueGradient .boxTop {
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeM.png) 100% 0px no-repeat;
}
.contentMobile .boxBlueGradient .boxTop div {
	width:10px;
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeM.png) 0px 0px no-repeat;
}
.contentMobile .boxBlueGradient .boxBottom {
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeM.png) 100% 100% no-repeat;
}
.contentMobile .boxBlueGradient .boxBottom div {
	width:10px;
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeM.png) 0px 100% no-repeat;
}
.contentMobile .boxBlueGradient .boxContent {
	padding:0px 7px;
	border-left:0px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeM.png) 0px -10px no-repeat;
}
/*   Border Box (Blue Gradient XL)  */
.boxBlueGradientXL .boxTop {
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeXL.png) 100% 0px no-repeat;
}
.boxBlueGradientXL .boxTop div {
	width:10px;
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeXL.png) 0px 0px no-repeat;
}
.boxBlueGradientXL .boxBottom {
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeXL.png) 100% 100% no-repeat;
}
.boxBlueGradientXL .boxBottom div {
	width:10px;
	height:10px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeXL.png) 0px 100% no-repeat;
}
.boxBlueGradientXL .boxContent {
	padding-left:18px;
	border-left:0px;
	background: url(/insight/images/common/bg_boxBlueGradientSizeXL.png) 0px -10px no-repeat;
}