﻿.boxButton, .boxbutton
{
	position: relative;
	behavior: url(../PIE/PIE.htc);
	display: inline;
	/*float: left;*/
	margin-bottom: 1em;
	padding: 6px 20px 6px 8px;
	background: #000 url(../Content/Admin/images/teksavvy_icons.png) no-repeat right -457px;
	-pie-background: #000 url(../Content/Admin/images/teksavvy_icons.png) no-repeat right -457px;
	font: normal normal normal 11px/11px Helvetica, Arial, sans-serif, serif;
	text-decoration: none;
	color: #fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c3c6c6;
}
	/*.ie7 .button,
	.ie8 .button
	{
		padding-bottom: 7px;
	}*/
	.button:hover
	{
		text-decoration: none;
	}
	



.dual-col-content
{
	display: block;
	float: left;
	width: 48%;
	margin-left: 20px;
}
.dual-col
{
	display: block;
	float: left;
	width: 48%;
	margin-left: 20px;
	background: #fff;
	height: 175px;
}
	
.tri-col
{
	display: inline;
	float: left;
	width: 312px;
	margin-left: 20px;
	height: 155px;
	
}
	.tri-col.first, .dual-col.first, .dual-col-content.first
	{
		margin-left: 0;
	}
.quad-col
{
	display: block;
	float: left;
	width: 215px;
	margin-left: 10px;
	padding-left: 18px;
	border-left: 1px solid #efefef;
}
	.quad-col.first
	{
		margin-left: 0;
		border: 0;
		padding-left: 0;
	}


.box-title
{
	font: normal normal normal 18px/21px Helvetica, Arial, sans-serif, serif;
	margin-bottom: 4px;
}

.boxicon {
background-image: url(../Content/images/Icons.png)!important;
width: 42px;
height: 42px;
position: relative;
display: inline;
float: right;
margin: -42px 20px 0 0;
border-radius: 10px;
padding: 10px;
box-shadow: 0px 10px 10px -5px #888;
}
.greenbox
{
    background-color: #8fcac6;
}
.blackbox
{
    background-color: #666;
    color: #fff;
}

.greenstripe,
	.redstripe,
	.orangestripe,
	.blackstripe
	{
		position: relative;
		padding: 0 20px;
		height: 100%;
	}
/*	.greenbox
	{
		position: relative;
		padding: 0 20px;
		background: #8fcac6;
		height: 155px;
	}
.greenbox,
	.greenbox .box-title,
	.greenbox .box-title a
	{
		color: #000;
	}
	*/
.greenstripe .bar,
.redstripe .bar,
.orangestripe .bar,
.greenbox .bar,
.blackstripe .bar
{
	position: relative;
	display: block;
	width: 100px;
	height: 8px;
	margin: 0 0 16px -20px;
	background: #8fcac6;
}


	.redstripe .bar
	{
		background: #e14436;
	}
	.orangestripe .bar
	{
		background: #e58425;
	}
	.blackstripe .bar
	{
		background: #000;
	}	