/*Photo Class Must Be Applied to All Images*/
h1 {
    color: #EE7900;
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 1.5em;
    padding: 0;
	line-height: 1.2em;
}
h2 {
    color: #EE7900;
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 1.2em;
    padding: 0;
}
.photoFiori {

	border: 5px solid white;
	position: relative;
	float: left;
	
	-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	     -o-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
}


/* ------------------ CorniceFioriArancio ------------------ */
.CorniceFioriArancio span div:before {
	content: "";
	height: 103px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriArancio_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriArancio span div:after {
	content: "";
	height: 110px;
	width: 167px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriArancio_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriArancio span div:before {
	top: 0px;
	left: 0%;
	margin: -14px 0 0 -33px;
}

.CorniceFioriArancio span div:after {
	top: 0px;
	left: 100%;
	margin: -22px 0 0 -139px;
}

/* ------------------ CorniceFioriRosa ------------------ */
.CorniceFioriRosa span div:before {
	content: "";
	height: 103px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriRosa_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriRosa span div:after {
	content: "";
	height: 110px;
	width: 167px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriRosa_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriRosa span div:before {
	top: 0px;
	left: 0%;
	margin: -14px 0 0 -33px;
}

.CorniceFioriRosa span div:after {
	top: 0px;
	left: 100%;
	margin: -22px 0 0 -139px;
}
/* ------------------ CorniceFioriRosso ------------------ */
.CorniceFioriRosso span div:before {
	content: "";
	height: 103px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriRosso_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriRosso span div:after {
	content: "";
	height: 110px;
	width: 167px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceFioriRosso_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceFioriRosso span div:before {
	top: 0px;
	left: 0%;
	margin: -14px 0 0 -33px;
}

.CorniceFioriRosso span div:after {
	top: 0px;
	left: 100%;
	margin: -22px 0 0 -139px;
}
/* ------------------ CorniceRosaGiallo ------------------ */
.CorniceRosaGiallo span div:before {
	content: "";
	height: 130px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaGiallo_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaGiallo span div:after {
	content: "";
	height: 120px;
	width: 180px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaGiallo_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaGiallo span div:before {
	top: 0px;
	left: 0%;
	margin: -43px 0 0 -33px;
}

.CorniceRosaGiallo span div:after {
	top: 0px;
	left: 100%;
	margin: -49px 0 0 -100px;
}
/* ------------------ CorniceRosaBianco ------------------ */
.CorniceRosaBianco span div:before{
	content: "";
	height: 130px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaBianco_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaBianco span div:after{
	content: "";
	height: 120px;
	width: 180px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaBianco_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaBianco span div:before{
	top: 0px;
	left: 0%;
	margin: -43px 0 0 -33px;
}

.CorniceRosaBianco span div:after{
	top: 0px;
	left: 100%;
	margin: -49px 0 0 -100px;
}
/* ------------------ CorniceRosaRosso ------------------ */
.CorniceRosaRosso span div:before {
	content: "";
	height: 130px;
	width: 110px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaRosso_TL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaRosso span div:after {
	content: "";
	height: 120px;
	width: 180px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	background: url("/portals/friendsforever/Flower/CorniceRosaRosso_TR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}

.CorniceRosaRosso span div:before {
	top: 0px;
	left: 0%;
	margin: -43px 0 0 -33px;
}

.CorniceRosaRosso span div:after {
	top: 0px;
	left: 100%;
	margin: -49px 0 0 -100px;
}
/* ------------------ BULK TAPE STYLES ------------------ */

.PratoAmici {
    background: url("/portals/friendsforever/Flower/PratoCimitero.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 709px;
	width: 890px;
}
.contenuto {
    margin-left: 230px;
    margin-right: 20px;
    padding-top: 45px;
    text-align: left;
}
.imgPiccoliAmici {
    position: relative;
    top: 30px;
}
.testoPrato {
    line-height: 1.7em;
}
.testoCuore {
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    left: 2%;
    position: relative;
    top: 25px;
}
.cuorePrato {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 120px;
	background: url("/portals/friendsforever/Fond.Verde-cuore.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 69px;
}
/* -- Stili Cimitero OldStyle -- */
.tabella {

    width: 890px;

}
.blocco_immagini {
    height: 800px;
    width: 890px;
	background: url("/portals/friendsforever/Flower/PratoCimiteroLista.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 750px;
}
.blocco_immagini_dettaglio {
    height: 1100px;
    width: 890px;
	background: url("/portals/friendsforever/Flower/PratoCimiteroDettaglio.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 709px;
}
#contenitoreItem {
    height: 350px;
    position: relative;
    width: 211px;
	float:left;
	top: 55px;
}
#contenitoreAlternate {
    height: 350px;
    position: relative;
    top: 85px;
    width: 211px;
	float:left;
}
#lapide {
    height: 347px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 200px;
}
#PanelLapide {
    background-position: center center;
    height: 350px;
    width: 200px;
}
#LabelLapideItem {
    height: 50px;
    margin-left: 20px;
    margin-right: auto;
    position: relative;
    text-align: center;
    top: 100px;
    width: 170px;
}
#LabelLapideAlternate {
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    top: 100px;
    width: 170px;
}
/* -- Stili Cimitero NewStyle -- */
.CimiteryTable {
padding: 0px;
width: 850px;
background: url('images/PratoBody.jpg') repeat-y;
}
.CimiteryTableHalf {
padding: 0px;
width: 500px;
background: url('images/PratoBody.jpg') repeat-y;
}
table.dnnFormRadioButtons {
    background-color: inherit;
}

.Tombstone_small {
    width: 200px;
	height: 299px;
	background-image: url('images/TombstoneBg_small.png');
	background-repeat: no-repeat;
}
.Tombstone_big {
    width: 520px;
	height: 776px;
	background-image: url('images/TombstoneBg.png');
	background-repeat: no-repeat;
}
.TableView {
    width: 420px;
	margin: auto;
}

.TestoSemplice {
FONT-SIZE: 16px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-shadow: 0 0 5px #000;
}
.TestoTitolo {
FONT-SIZE: 24px;
font-family:Times New Roman;
font-weight:bold;
text-shadow: 0 0 4px #fff;
color:#fff;
line-height: 100%;
}
.TestoMessaggio {
FONT-SIZE: 20px;
font-family:Times New Roman;
color:#FFF;
font-stretch: condensed;
font-weight:bold;
text-shadow: 0 0px 8px #000;
width: 700px;
line-height:105%
}
#Messaggio {
position:relative;
  top: 10px;
  width: 100%;
  text-align: center;

}
#Tombstone DIV {
  float: left;
}
#TombstoneCenter div {
  float: center;
  width: 100%;
  display: inline-block;
}
#TombstoneContent {
  width: 100%;
  margin: 0 auto;
  float: center;
  text-align: center;
}
#TombstoneView div{
text-align: center;
display: table;
    margin: auto;
	width: auto;
}
#TombstoneView  div table{
width: auto!important;
float: left;
}

.SkinObject {font: 11px Verdana,sans-serif;}
table.dnnFormRadioButtons {
    background-color: inherit;
}
div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons {
background-color: inherit;
}
.dnnTreeLegend {
background-color: inherit;
}
.Normal {	FONT-SIZE: 11px; font-family:Arial, Helvetica, sans-serif;}
TH,TD,DIV {	font-size:11px; FONT-FAMILY:Tahoma,Arial,Helvetica; }
.lt { text-align:left;vertical-align:top; }
.h { height:100%}
.w{ width:100%;}
.wh{ width:100%; height:100%;}
p { margin:0px;color: #1B1B1F;
    font-family: verdana;
    font-size: 12px;}
ul, li { color: #1B1B1F;
    font-family: verdana;
    font-size: 12px;}
#Form{ margin:0px; padding:0px;}
.FileManager_Explorer{color:#dc9314; }
a{outline:none} 

.messaggio {
  color: #36A828;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
}

.FCKImageGalleryItemContainer td{color:#000000;}
.TB_ToolbarSet td { color:#000000;}
.SC_FieldLabel { color:#000000;}
.SC_Item,
.SC_ItemSelected,
.SC_Item div,
.SC_ItemSelected div{ color:#000000; background:#CCCCCC;}
.SC_Panel td,
.SC_Panel div{ color:#000000; background:#CCCCCC;}
.NormalRed { color:#dc9314; font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:bold;}



.leftshowpane{ padding:0px 3px 0px 0px; text-align:left; vertical-align:top;}
.toppane {padding:0px 0px 0px 0px; text-align:left; vertical-align:top;}
.bottompane {padding:0px 20px 0px 5px; text-align:center; vertical-align:top;}  
.leftpane {padding:0px 3px 0px 0px; text-align:left; vertical-align:top;}
.rightpane {padding:0px 0px 0px 3px; text-align:left; vertical-align:top;}
.contentpane {padding:0px; text-align:left; vertical-align:top;}
.contentpaneCimitero {padding:0px 0px 0px 6px; text-align:center; vertical-align:top;}
.contentpaneTOP {padding:0px 0px 10px 15px; text-align:center; vertical-align:top;}
.rightshowpane{padding:0px 15px 0px 3px; text-align:left; vertical-align:top;}
.clear { clear:both; font-size:0px;}

.Head					{font-size:11px; color:#dc9314; font-weight:bold}
.SubHead				{font-size:11px; color:#dc9314}
.SubSubHead				{font-size:11px; color:#dc9314}
.NormalBold             { color:#dc9314;}
.ControlPanel .PagingTable{ z-index:1000;}

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active		{color:#dc9314;TEXT-DECORATION:none}
A.CommandButton:hover		{color:#b9bf21;TEXT-DECORATION:underline}

A,
A:link,
A:visited,
A:active					{
	color:#EE7900;
	TEXT-DECORATION:none;
	font-weight: bold;
}
A:hover						{color:#ea9003;}


.searchcss,
A.searchcss:link,
A.searchcss:active,
A.searchcss:visited			{font-weight:bold; font-size:11px; color:#fff;}
A.searchcss:hover			{font-weight:bold; font-size:11px; color:#a40000; TEXT-DECORATION:none; }

A.links:link,
A.links:active,
A.links:visited	{font-weight:normal; color:#2f4f05; font-size:12px;TEXT-DECORATION:none;}
A.links:hover{font-weight:normal; color:#988b00; font-size:12px; TEXT-DECORATION:none;}

#dnn_dnnLINKS_lblLinks a.links:first-child{ background:none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin:0;
	padding:0px;
	height:100%;
	
}
#all{ background:url(images/all_bg.png) repeat-x left top #1a4301;}
#all_top{ background:url(images/top.jpg) no-repeat center top; margin:0 auto;}
#skincontrol{margin-left:5px; float:left;}
#mainBody{  margin:0 auto;}
.AllSkinWidth{ width:930px; position:relative; padding-top:119px;}
.skinmenu{ position:absolute; left:20px; top:0px;}
.logos {
    float: left;
    padding-left: 16px;
    position: absolute;
    top: 94px;
}
.fb-like {
    float: left;
    padding-left: 16px;
    position: relative;
    top: -5px;
}
.banner_top_l{ background:url(images/banner_top_l.png) no-repeat left top; height:37px;}
.banner_top_r{ background:url(images/banner_top_r.png) no-repeat right top;  height:37px;}
.banner_top_m{ background:url(images/banner_top_m.png) repeat-x left top;  height:37px; margin-left:870px; margin-right:46px; }
.banner{ background:url(images/banner_b_l.jpg) left top no-repeat; margin-top:-18px; height:200px;}
.banner_m{ background:url(images/banner_b_m.jpg) repeat-x left top; margin-left:870px; margin-right:46px;  height:200px;}
.banner_r{ background:url(images/banner_b_r.jpg) right top no-repeat;  height:200px;}
.bannerpane{ float:left; margin-left:-800px; margin-bottom:15px; width:795px; height:196px;}
.skinbread{ margin-left:41px; float:left; background:url(images/ico.png) left center no-repeat; padding-left:15px; text-decoration:none}
.skinbread a:link,.skinbread a:visited {color:#0f2510;text-decoration:none;}
.skinuser{ float:right; margin-right:53px;}
.skinuser a:link,.skinuser a:visited {color:#417410;text-decoration:none;}
.skinuser a:hover,.skinuser a:active {color:#736c00;text-decoration:none;}
#main_content{ background:url(images/main_content_l.png) left top repeat-y;}
.main_content_r{ background:url(images/main_content_r.png) right top repeat-y;}
.main_content_top{ background:url(images/bread_bg.png) left top repeat-x; height:22px; margin-left:15px; margin-right:13px; padding-top:5px;}
.main_content_lei { height:400px; min-height:400px; height:auto!important; overflow:visible; margin:0 auto; padding-top:10px; background-color:#f1f3e2; margin-left:15px; margin-right:13px;}
#skinfoot{ background:url(images/foot_l.png) no-repeat left top; height:102px;}
.skinfoot_r{ background:url(images/foot_r.jpg) no-repeat right top; height:102px;}
.skinfoot_m{ background:url(images/foot_m.png) repeat-x left top; height:87px; margin-left:15px; margin-right:379px; padding-top:15px;}
.footlinks{ background:url(images/skinfoot.png) left top no-repeat; padding-left:15px; margin-left:30px; height:25px; line-height:25px; color:#2f4f05}  
.footcopyright{ color:#899d6f; padding-top:20px; margin-left:15px;}
.footcopyright2{ color:#899d6f; padding-top:20px;}
.footcopyright a:link,.footcopyright a:visited {color:#899d6f;text-decoration:none;}
.footcopyright a:hover,.footcopyright a:active {color:#a1c855;text-decoration:underline;}

.user{ background:url(images/ico.png) left top no-repeat; padding-left:15px;}

ul.jd_menu, 
ul.jd_menu_vertical {margin: 0px; padding: 0px; list-style-type: none;

}
ul.jd_menu ul,ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;

}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul { position: absolute; display: none; list-style-type: none; margin: 0px; padding: 2px 2px 2px 2px; z-index: 10000;}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

/* Main Menu Background */
ul.jd_menu {
}

/* Main Menu Verticle Brackground*/
ul.jd_menu_vertical {
	width: 200px;
	height: auto;

}



/* Main Memu LEFT */
ul.jd_menu li { font-size: 14px; cursor: pointer; list-style-type:none; padding:0px 0px 0px 34px; margin:0px; text-align:left;text-transform:uppercase;}

/*Main Menu RIGHT*/
ul.jd_menu a
{ text-decoration: none; text-align:center; color: #205401; font-size:14px; font-weight:bold; padding:8px 12px 12px 5px; display:block;text-transform:uppercase;}

/* Main Actice Menu*/
ul.jd_menu li.activetab{text-align:left; padding:0px 0px 0px 34px;background:url(images/menu_hover_l.jpg) no-repeat left top;text-transform:uppercase; }

ul.jd_menu li.activetab a{ padding:8px 12px 12px 5px; display:block; color:#328900; text-decoration:none; text-align:center; background:url(images/hover_menu_r.jpg) no-repeat right top; text-transform:uppercase;}

/*Main Hover Menu */
ul.jd_menu li.jdm_hover{ text-align:left; padding:0px 0px 0px 34px;  background:url(images/menu_hover_l.jpg) no-repeat left top;text-transform:uppercase;}
ul.jd_menu li.jdm_hover a{ padding:8px 12px 12px 5px; display:block; color:#328900; text-decoration:none; text-align:center;background:url(images/hover_menu_r.jpg) no-repeat right top;text-transform:uppercase;}

/*Main Menu Hover for Verticle
ul.jd_menu_vertical li.jdm_active,
ul.jd_menu_vertical li.jdm_hover { padding-top: 1px; border-top: 1px solid #70777D; border-left: 0px; border-right: 0px;}*/


/*Sub Menu*/
ul.jd_menu ul li a{font-size:11px; font-weight:normal; background:transparent; text-decoration:none; color:#fff; white-space: nowrap; min-width:102px;}


/*Sub menu Dropdown Background*/
ul.jd_menu ul {
	 background:url(images/sub_menu_bg.png) repeat left top; border:1px solid #8bb9c2;
}

/* Sub Menu Left */
ul.jd_menu ul li { padding:3px 7px 3px 5px;  background:transparent; border: none; text-align:left;}

/* Sub Menu Right */
ul.jd_menu li.jdm_hover ul li a,
ul.jd_menu li.jdm_active ul li a{ background:transparent; padding:0px; margin-left:0px; text-align:left; color:#205401; font-size:11px; font-weight:normal;
text-decoration:none;
}

/* Sub Menu Hover */
ul.jd_menu ul li.jdm_active,
ul.jd_menu ul li.jdm_hover { text-align:left; padding:3px 7px 3px 5px; color:#205401;  background:url(images/sub_menu_hover.png) repeat left bottom #93d3e0;}
ul.jd_menu li ul li.jdm_hover a,
ul.jd_menu li ul li.jdm_active a { background:transparent; padding-left: 0px; margin-left:0px; text-align:left; color:#205401; font-size:11px; font-weight:normal; text-decoration:none;
}

/*Sub Menu High Light*/
ul.jd_menu li.haschild ul.jdm_events li.jdm_active ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active a{ color:#681919}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover a{ color:#681919}

ul.jd_menu li.haschild ul.jdm_events li.jdm_active ul li ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active ul li.jdm_active a{ color:#681919}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#681919}  

ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#681919}  
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#681919} 

/*========================================================+
|  ButtonStyle                            |
+========================================================*/

	
	.button { color: #fff; padding: 8px 14px 10px; background-color: #bc1815; border: none; margin-right: 25px; position: relative;;
		-webkit-user-select: none;
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 8px;
		-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);

		font-family: Verdana,Arial,Helvetica,sans-serif,Tahoma;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
		font-weight: normal;
		line-height: 22px;
		color: #202020;
	}
	a.button:link {color: #404040; font-style: normal; text-decoration: none;}
	a.button:visited {color: #404040; font-style: normal; text-decoration: none;}
	a.button:active {color: #404040; font-style: normal; text-decoration: none;}
	
	.button:active { position: relative; top: 3px;
	    -webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    -moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	}
	.button:active:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; }

	
	.button.blue { background: #22C3EB; }
	.button.green { background: #67b600; }
	.button.orange { background: #da8a00; }
	.button.yellow { background: #b3a400; }
	.button.turquoise { background: #00b1af; }
	.button.grey { background: #ffffff; }
	
	.button:last-of-type { margin: 0; }

	.button.gradient {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.3)),
			color-stop(1, rgba(255,255,255,0.2))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
	}

	.button.gradient:hover {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.45)),
			color-stop(1, rgba(255,255,255,0.3))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}