.boxGrey .box-content,
.boxGrey .box-topleft,
.boxGrey .box-topright,
.boxGrey .box-bottomleft  { 
	background-image: url(/images/box/box_grey.png);  
}
.boxGreen .box-content,
.boxGreen .box-topleft,
.boxGreen .box-topright,
.boxGreen .box-bottomleft  {  
	background-image: url(/images/box/box_green.png); 
}
.boxBlue .box-content,
.boxBlue .box-topleft,
.boxBlue .box-topright,
.boxBlue .box-bottomleft {
	background-image: url(/images/box/box_blue.png);  
}
.boxOrange .box-content,
.boxOrange .box-topleft,
.boxOrange .box-topright,
.boxOrange .box-bottomleft {
	background-image: url(/images/box/box_orange.png);  
}
.boxLightGrey .box-content,
.boxLightGrey .box-topleft,
.boxLightGrey .box-topright,
.boxLightGrey .box-bottomleft {
	background-image: url(/images/box/box_lightgrey.png);  
}
.boxLightBlue .box-content,
.boxLightBlue .box-topleft,
.boxLightBlue .box-topright,
.boxLightBlue .box-bottomleft {
	background-image: url(/images/box/box_lightblue.png);  
}
.box { 
	position: relative;
	left: -4px;
	float: left; 
	width: 200px; overflow: visible; 
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	margin-top: 8px;
}

.box-content     { 
	background-position: bottom right; 
	padding-bottom: 15px; padding-right: 15px; 
}

.box-topleft     { position: absolute; top: -15px; left: -15px;  width: 15px; height: 100%; background-position: top left; }
.box-topright    { position: absolute; top: -15px; right: 0px;   width: 100%; height: 15px; background-position: top right; }
.box-bottomleft  { position: absolute; bottom: 0px; left: -15px; width: 15px; height: 15px; background-position: bottom left; }

.box:first-child {
	margin-top: 0;
}	

.box h1, .box h2, .box h3 {
	color: white;
}

.boxLightBlue h1, .boxLightBlue h2, .boxLightBlue h3, 
.boxLightGrey h1, .boxLightGrey h2, .boxLightGrey h3 {
	color: black;
}

.box-rounded {
	padding: 8px 12px 8px 12px;
	margin-top: 6px;
	margin-bottom: 12px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(/include/js/ie-css3.htc);
	
	-moz-box-shadow: 0 0 5px 0 #626f7f;
	-webkit-box-shadow:  0 0 5px 0 #626f7f;
	box-shadow:  0 0 5px 0px #626f7f;
}


.box-blue {
	background-color: #4b79b8;
	background-image: url(/images/box/boxbg_blue.png);
	background: -moz-linear-gradient(100% 100% 90deg, #4b79b8, #5da1d8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5da1d8), to(#4b79b8));
}

.box-blue,
.box-green,
.box-orange,
.box-blue a,
.box-green a,
.box-orange a { 
	color: white;  
}

.box-blue a:hover,
.box-green a:hover,
.box-orange a:hover { 
	color: #cee2ff;
}


.box-green {
	background-color: #579f3e;
	background: url(/images/box/boxbg_green.png);
	background: -moz-linear-gradient(100% 100% 90deg, #579f3e, #6aba4e);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6aba4e), to(#579f3e));
	
}

.box-orange {
	background-color: #bb622f;
	background: url(/images/box/boxbg_orange.png);
	background: -moz-linear-gradient(100% 100% 90deg, #bb622f, #d17947);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d17947), to(#bb622f));
}


.box-lightblue,
.box-lightgrey
{ 
	color: #333333;  
}

.box-lightblue {
	background-color: #d4e3f5;
	background: url(/images/box/boxbg_lightblue.png);
	background: -moz-linear-gradient(100% 100% 90deg, #d4e3f5, #ffffff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d4e3f5));
}

.box-lightgrey {
	background-color: #edf1f6;
	background: url(/images/box/boxbg_lightgrey.png);
	background: -moz-linear-gradient(100% 100% 90deg, #d5d5d5, #edf1f6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf1f6), to(#d5d5d5));
}


.box-rounded p:last-child {
	margin-bottom: 0px;
}

.box-shadow {
	-moz-box-shadow: 0 0 2px #3e4650;
	-webkit-box-shadow:  0 0 2px #3e4650;
	box-shadow:  0 0 2px #3e4650;
}

a img.box-shadow:hover,
.clickable.box-shadow:hover {
	-moz-box-shadow: 0 0 5px #0057ee;
	-webkit-box-shadow: 0 0 5px #0057ee;
	box-shadow: 0 0 5px #0057ee;
}

.clickable.box-shadow a:hover {
	text-decoration: none;
}