.borderround_turquoise_medium
{
border:2px solid #B3DCFF;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}

.borderround_grey_medium
{
border:2px solid #AAAAAA;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}


.preview_lightgreyinfo { display: none; }
.preview_only_on_mouseover:hover .preview_lightgreyinfo { display: block; }


.preview_lightgreyinfo {
	display:none;
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000000;
	background:#FCFCFC; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#FCFCFC));
	background:-moz-linear-gradient(#F6F6F6, #FCFCFC);
	background:-o-linear-gradient(#F6F6F6, #FCFCFC);
	background:linear-gradient(#F6F6F6, #FCFCFC);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #888888;
}




.preview_lightgreyinfo:hover, hover:.preview_lightgreyinfo  {
	display:visible;
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000000;
	background:#FCFCFC; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#FCFCFC));
	background:-moz-linear-gradient(#F6F6F6, #FCFCFC);
	background:-o-linear-gradient(#F6F6F6, #FCFCFC);
	background:linear-gradient(#F6F6F6, #FCFCFC);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #888888;
}



/* Variant : for left/right positioned triangle
------------------------------------------ */
.preview_lightgreyinfo.left {
	margin-left:50px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.preview_lightgreyinfo:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#F6F6F6 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : left
------------------------------------------ */
.preview_lightgreyinfo.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #F6F6F6;
}





.preview_lightgrey {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#EEEEEE));
	background:-moz-linear-gradient(#CCCCCC, #EEEEEE);
	background:-o-linear-gradient(#CCCCCC, #EEEEEE);
	background:linear-gradient(#CCCCCC, #EEEEEE);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #444444;
}

/* Variant : for left/right positioned triangle
------------------------------------------ */
.preview_lightgrey.left {
	margin-left:50px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.preview_lightgrey:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#CCCCCC transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : left
------------------------------------------ */
.preview_lightgrey.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #CCCCCC;
}




.preview_lightred {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFCCCC), to(#FFEEEE));
	background:-moz-linear-gradient(#FFCCCC, #FFEEEE);
	background:-o-linear-gradient(#FFCCCC, #FFEEEE);
	background:linear-gradient(#FFCCCC, #FFEEEE);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #444444;
}

/* Variant : for left/right positioned triangle
------------------------------------------ */
.preview_lightred.left {
	margin-left:50px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.preview_lightred:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#FFCCCC transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : left
------------------------------------------ */
.preview_lightred.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #FFCCCC;
}






.preview_lightorange {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFCC00), to(#FFEE00));
	background:-moz-linear-gradient(#FFCC00, #FFEE00);
	background:-o-linear-gradient(#FFCC00, #FFEE00);
	background:linear-gradient(#FFCC00, #FFEE00);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #444444;
}

/* Variant : for left/right positioned triangle
------------------------------------------ */
.preview_lightorange.left {
	margin-left:50px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.preview_lightorange:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#FFCC00 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : left
------------------------------------------ */
.preview_lightorange.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #FFCC00;
}







.preview_lightgreen {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#CCFFCC), to(#EEFFEE));
	background:-moz-linear-gradient(#CCFFCC, #EEFFEE);
	background:-o-linear-gradient(#CCFFCC, #EEFFEE);
	background:linear-gradient(#CCFFCC, #EEFFEE);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:0px 0px 10px 4px #444444;
}

/* Variant : for left/right positioned triangle
------------------------------------------ */
.preview_lightgreen.left {
	margin-left:50px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.preview_lightgreen:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#CCFFCC transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : left
------------------------------------------ */
.preview_lightgreen.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #CCFFCC;
}