/********************************************
self made by lorettabweb.net *******************
*10/04/2012 ****************
*http://www.lorettabweb.net ***************
*For problem or congratulation's, contact me *
*email to : staff@lorettabweb.net *********
*Thank you @_@****************************
*********************************************/

/* *************** STILI COMUNI AD ENTRAMBE LE CARD **************** */
p:first-letter{
	color: #8b0000;
	font-weight: normal;
	font-size: 28px;
 	font-family: "Monotype Corsiva";
   padding-right: 3px;
}

.mittente{
	text-align: right;
}

.firma,.mail {/*stile titolini*/
	font: normal 16px "Monotype Corsiva";
	color: #000000;
	text-align: center;
}

.dark {/*stile nome e mail*/
	font: normal 18px "Monotype Corsiva";
	color: #8b0000;
}
.destinatario{
	/*border-bottom: 1px solid #5F2710;*/
	font: normal 24px "Monotype Corsiva";
	color: #000000;
	text-align: center;
	/*padding-top: 30px;*/
}

.divide{
	border-top: 4px double #8b0000;
	margin: auto;
	/*padding-left:10px;*/
	width: 100%;
}
.mini_player{
	height: 30px;
	width: 200px;
	z-index: 20;
	/*margin-top: -50px;*/
}

/* *************** COMPILAZIONE CARD BASE **************** */

table.compile {
	background: transparent url(images/cartolina.png) no-repeat top center;
	border-bottom: 1px solid #757575;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #8B8B8B;
	border-top: 1px solid #FFFFFF;
	color: #450c0C;
	font: normal normal 11px/18px Thaoma, Verdana, Geneva, sans-serif;
	height: 450px;
	text-align: center;
	vertical-align: top;
	width: 650px;
}

.sx_comp{
	text-align: justify;
	padding: 5px 0 20px 15px;
	width: 300px;
}

.dx_comp{
	text-align: center;
	padding: 5px 5px 0 15px;
	vertical-align: middle;
	width: auto;
}

.nascosto {
	visibility: hidden;
}

/* *************** CARD MODELLO 700 X 500 **************** */

table.card700 {/*tabella con sfondo cartolina*/
	background: transparent url(images/cartolina2.png) no-repeat top center;
	border-bottom: 1px solid #757575;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #8B8B8B;
	border-top: 1px solid #FFFFFF;
	color: #450c0c;
	font: normal normal 11px/18px Thaoma, Verdana, Geneva, sans-serif;
	text-align: left;
	width: 700px;
	height: 500px;
	padding: 5px 3px 3px 3px;
}

.sx700{/*parte sinistra della cartolina*/
	width: 360px;
	text-align: justify;
	padding: 0 10px 5px 10px;
	vertical-align: top;
	margin-top: -5px;
}

.imma700{/*immagine dentro lato sinistro*/
	border-bottom: 1px dotted #8b0000;
	height: 270px;
	width: 350px;
	vertical-align: top;
}

.testo700  {/*messaggio*/
	border-bottom: 1px dotted #8b0000;
	font: 16px/22px "Monotype Corsiva";
	padding: 3px 3px 3px 3px;
	width: 350px;
	height: 120px;
	text-align: justify;
	vertical-align: text-top;
}

.dx700{
	/*lato destro cartolina */
	text-align: center;
	padding: 10px 10px 5px 10px;
	vertical-align: middle;
	width: auto;
}


/* *************** PLAYER **************** */

.cards{/*destinatario*/
	font: normal 18px/22px "Monotype Corsiva";
}

.player{
	margin: 15px 0px 1px 0;
	padding-top: 340px;
	background: transparent url(../images/jukebox.png) no-repeat scroll top;
	width: 620px; /*height: 688px;*/
	height: auto;
	border-collapse: collapse;
	z-index: auto;
}
/* se nel player c'è l'immagine grande usare queste classi per */
/* i campi da compilare e il colore del font */

.cardtb{
	z-index: 30;
	background: transparent url(images/cella1.png) repeat;
	border: 1px solid #551919;
}

.fwt{
	color: #ffffff;
}

/* ************************************* */

.lista{
	width: 250px;
	height: 150px;
	border-collapse: collapse;
}

textarea,select,input{
	background: transparent url(images/cella.png);
	border-bottom: 1px solid #757575;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #8B8B8B;
	border-top: 1px solid #FFFFFF;
	font: normal normal 12px/20px Thaoma, Verdana, Geneva, sans-serif;
	padding: 3px 5px 3px 5px;
}

input.button{
	background: transparent url(images/cella.png);
	border-bottom: 1px solid #757575;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #8B8B8B;
	border-top: 1px solid #FFFFFF;
	font: normal normal 12px/20px Thaoma, Verdana, Geneva, sans-serif;
	padding: 3px 5px 3px 5px;
}

input.button:hover{
	background: #CCCCCC;
	border-top: 1px solid #757575;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #8B8B8B;
	border-bottom: 1px solid #FFFFFF;
	font: normal normal 12px/20px Thaoma, Verdana, Geneva, sans-serif;
	padding: 3px 5px 3px 5px;
	color: #8b0000;
}

/* end css */