/* Accordion Content */
.accordion-content{
	width:100%;
	float:left;
	margin:0;
	padding:10px 0 0 0;	
}
.accordionTitle {
	width:95.8%;
	float:left;
	margin:0 0 2px 0;
	padding:3px 2%;
	position:relative;
	font-family: Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#2a2a2a;
	line-height:34px;
	cursor:pointer;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #e3e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e2e2));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#e3e2e2 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#e3e2e2 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#e3e2e2 100%);
	background: linear-gradient(to bottom,  #fafafa 0%,#e3e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e2e2',GradientType=0 );
	border:1px solid #999999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.accordionTitle:hover{
	background: #e3e2e2;
	background: -moz-linear-gradient(top,  #e3e2e2 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e2e2), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top,  #e3e2e2 0%,#fafafa 100%);
	background: -o-linear-gradient(top,  #e3e2e2 0%,#fafafa 100%);
	background: -ms-linear-gradient(top,  #e3e2e2 0%,#fafafa 100%);
	background: linear-gradient(to bottom,  #e3e2e2 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e2e2', endColorstr='#fafafa',GradientType=0 );
}
.accordionTitle figure{
	width:18px;
	height:18px;
	float:right;
	margin:8px 0 0 0;
	background:url(../images/collapse-icon.png) right top no-repeat;
}
.accordionTitle figure.active{
	width:18px;
	height:18px;
	float:right;
	margin:8px 0 0 0;
	background:url(../images/expand-icon.png) right top no-repeat;
}
.accordionContent {
	width:95.8%;
	float:left;
	margin:0px 0 2px 0;
	padding:8px 2%;
	float: left;
	display: none;
	background:url(../images/content-bg.png) left top repeat;
	border:1px solid #999999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.accordionContent h3{
	font-size:11px;
	color:#323232;
	font-weight:bold;
	text-transform:uppercase;
	line-height:14px;
	padding:0 0 5px 0;
}
.accordionContent h4{
	font-size:11px;
	color:#044f90;
	font-weight:bold;
	padding:0 0 5px 0;
}
.accordionContent p{
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#555555;
	line-height:20px;
	padding:0 0 10px 0;
	margin:0;
}
.accordionContent p:last-child{
	padding:0;
}
.accordionContent  ul li p{
	font-size:10px;
	color:#7d7d7d;
}

.accordionContent .spanfigure{
	width:130px;
	height:250px;
	float:left;
	margin:8px 0 0 0;
}

.androidspan{
	float:right;
}

.iphoneLink{
	float:left;
	width:140px;
	text-align: center;
}

.androidLink{
	float:right;
	width:140px;
	text-align: center;
}

.iphoneBottomLink{
	float:left;
	width:140px;
	margin-left: 5px;
	color: #628012;
	font-family: Arial,Helvetica,sans-serif;
}

.androidBottomLink{
	float:right;
	width:135px;
	color: #628012;
	font-family: Arial,Helvetica,sans-serif;
}

.calculate-hours-worked-timesheet-iphone{
	background:url(../images/apps/calculate-hours-worked-timesheet.jpeg) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}

.time-card-calculator-timeclock-iphone{
	background:url(../images/apps/time-card-calculator-timeclock.jpeg) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}

.military-time-converter-iphone{
	background:url(../images/apps/military-time-converter.jpeg) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}

.calculate-hours-worked-timesheet-android{
	background:url(../images/apps/dailyhours.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}

.time-card-calculator-timeclock-android{
	background:url(../images/apps/weeklyhours.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}

.military-time-converter-android{
	background:url(../images/apps/militarytime.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
}


.iphonecontent{
	background:url(../images/apps/ButtonAppStoreIos.jpg) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	display: inline-block;
    height: 40px;
    width: 125px;
}

.androidcontent{
	background:url(../images/apps/ButtonAppGooglePlay.jpg) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	display: inline-block;
    height: 40px;
    width: 125px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min--moz-device-pixel-ratio: 2),
 only screen and (-o-min-device-pixel-ratio: 2/1),
 only screen and (min-device-pixel-ratio: 2) {
	.accordionTitle figure{
		background:url(../images/collapse-icon@2x.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	}
	.accordionTitle figure.active{
		background:url(../images/expand-icon@2x.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	}
	.accordionTitle figure{
		background:url(../images/collapse-icon@2x.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	}
	.accordionTitle figure.active{
		background:url(../images/expand-icon@2x.png) no-repeat;
		-webkit-background-size: 100%  100% ;
		   -moz-background-size: 100%  100% ;
				background-size: 100%  100% ;
	}
 }