/*

+--------------------------------------------------------------------------

|   Cascading Style Sheet for MKportal "default" Portal Template

|   ========================================

|   by Meo aka Luponero [Amedeo de longis]

|      visiblesoul [Don K. Colburn]

|   (c) 2004-2005 mkportal.it

|   http://www.mkportal.it

|   Email: luponero@mclink.it

+--------------------------------------------------------------------------

|   > MKPortal

|   > Written By Amedeo de longis

|   > Date started: 9.2.2004

+--------------------------------------------------------------------------

*/



/*=============================

M

K  global styles

P

=============================*/

body {
	
	/*background-color: #222222;*/
	background-color: #E5EAF3;
	/*background-color: #efefef; */
	font-size: 10px; 

	color: #666666; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	margin:0px; 

	padding:0px; /* Opera 0 margin */	

	text-align: center; /* center in IE */ 

}



/* portal wrapper */

#mkwrapper {

	text-align:left; /* left-align text in IE */	

	margin: 0px auto 0px auto;

}



/* logostrip */

#mklogostrip {

	/* background-image: url(MKPORTALIMGDIR/sf_logo.jpg); */	

	background-color: #EBEEF6;

	text-align: left;

}



/* global font formatting */

table,

tr,

td,

.tdglobal {

	font-size: 10px; 

	color: #404040;

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
}



/* main portal table */
.trattini,

.tabmain {

	border: 0px;
	
	margin:0px;

	padding:0px;
	
	background-color: #FFFAEF;
	
	/*background-color: #222222;*/
	
	color: #666666;
	/*background-color: #transp; */
	
	/* sfondo tabella natale */
  /*background-image: url(/mkportal/templates/demi/images/sfondo_natale.png);*/
	/*background-attachment: fixed;*/		

	/* fine sfondo tabella natale */
}



/* image link border */

img { 		

	border: 0px;

}



/*=============================

M

K  LIGHT BACKGROUND

P

=============================*/

.modulecell,

.urlo2,

.tabnews,

.tablemenu,

.taburlo {
  
	background-color: #ffffff;

	color: #666666;

}



/*=============================

M

K  MEDIUM BACKGROUND

P

=============================*/

.navigatore,

.tdblock,

.moduleborder {

	background-color: #EBEEF6;

	color: #496c9f;

}

/*inizio menu di sinistra*/

/*azzurro*/
#tdblock_menu_azzurro {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/azzurro_menu.gif');
	
	background-position: 1px 1px;
	
	background-repeat: no-repeat;
	
	height: 15px; 

}
#tdblock_menu_azzurro a {
  font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #496c9f;
}
#tdblock_menu_azzurro a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;	
}

#tdblock_menu_azzurro:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 1px;
	
 background-repeat: no-repeat;
 
 height: 15px; 
}

/*rosso*/
#tdblock_menu_rosso {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/rosso_menu.gif');
	
	background-position: 1px 1px;
	
	background-repeat: no-repeat; 
	
	height: 15px;

}

#tdblock_menu_rosso:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 1px;
	
 background-repeat: no-repeat; 
 
 height: 15px;
}

/*verde*/
#tdblock_menu_verde {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/verde_menu.gif');
	
	background-position: 1px 1px;
	
	background-repeat: no-repeat; 
	
	height: 15px;

}

#tdblock_menu_verde:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 1px;
	
 background-repeat: no-repeat; 
 
 height: 15px;
}

/*home*/
#tdblock_menu_home {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/atb_home.gif');
	
	background-position: 1px 1px;
	
	background-repeat: no-repeat; 
	
	height: 15px;

}

#tdblock_menu_home:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 1px;
	
 background-repeat: no-repeat; 
 
 height: 15px;
}

/*toplist*/
#tdblock_menu_toplist {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/atb_toplist.gif');
	
	background-position: 1px 0px;
	
	background-repeat: no-repeat; 
	
	height: 17px;

}

#tdblock_menu_toplist:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 2px;
	
 background-repeat: no-repeat; 
 
 height: 17px;
}

/*commenti*/

#tdblock_menu_commenti {

	background-color: #EBEEF6;

	color: #496c9f;
	
	cursor:pointer; 
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	background-image: url('images/menu/atb_urlo.gif');
	
	background-position: 1px 1px;
	
	background-repeat: no-repeat; 
	
	height: 15px;

}

#tdblock_menu_commenti:hover {
 background-color: #496c9f;
 
 color: #ffffff;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-weight: bold;
 
 cursor:pointer; 
 
 background-image: url('images/menu/freccia.gif');
	
 background-position: 1px 1px;
	
 background-repeat: no-repeat; 
 
 height: 15px;
}
/*fine menu sinistra*/


.tdblockpriv {

	background-color: #ff993f;

	color: #ffffff;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin: 2px;	

}

/*=============================

M

K  DARK BACKGROUND

P

=============================*/

.urlo,

.sottotitolo {

	/* background-image: url(MKPORTALIMGDIR/m_sf.gif); */

	background-color:#EBEEF6;

	color: #404040;

}

.titolo_modulo {

	/* background-image: url(MKPORTALIMGDIR/m_sf.gif); */

	background-color:#EBEEF6;

	color: #404040;
	
	text-align: center;
	
	align: center;

}


/*=============================

M

K  border and divider styles

P

=============================*/

/*.tabmain,*/

.tablemenu, /* block wrapper, chat button strip */

.taburlo,

.urlo2,

.trattini,

.trattini2,

.trattini3 {

	border: 1px solid #5c88c8;	

}

	

.trattini {

	border-width: 1px 0 0 0;

	border-top-style: dashed;

}



/* blocks admin */

.trattini2 {

	border-width: 0 1px 0 0;

	border-right-style: dashed;

}



/* Quotes, Shoutbox */

.trattini3 {

	border-width: 0 0 1px 0;

	border-bottom-style: dashed;

}



/* vertical spacer image used in portal skin */

/* .vspacer

{

	background-image: url(MKPORTALIMGDIR/punto_vert.gif);

	background-repeat: repeat-y;

	background-color: transparent;	

} */



/*=============================

M

K  hyperlink styles

P

=============================*/

/* global links */

a:link, 

a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #496c9f;	

	text-decoration: none;	

}



a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #F77503;	

	/*text-decoration: underline;*/

}



a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #496c9f;	

	text-decoration: none; 	

}



/* bold navbar, block, module links */

a.uno:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px; 

	color: #496c9f; 

	font-weight: bold;

	text-decoration: none

}



a.uno:visited {	

	font-size: 10px; 

	color: #496c9f; 

	font-weight: bold;

	text-decoration: none

}

a.uno:hover {

	font-size: 10px; 

	color: #F77503; 

	font-weight: bold;

	/*text-decoration: underline;*/
	
}

/* a e divblock per menù */
/*
div.block_menu {width: 100%; padding: 0em; border: 0em solid white; background-color: #EBEEF6;cursor:pointer; cursor:hand;}
div.block_menu:hover {width: 100%; padding: 0em; border: 0em solid white; background-color: #496c9f;cursor:pointer; cursor:hand;}

.tdblock a.block_menu:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px; 

	color: #496c9f; 

	font-weight: bold;

	text-decoration: none;
	
	cursor: pointer; 
	
	cursor:hand;

}

.tdblock a.block_menu:visited {	

	font-size: 10px; 

	color: #496c9f; 

	font-weight: bold;

	text-decoration: none;
	
	cursor: pointer; 
	
	cursor:hand;	

}

.tdblock a.block_menu:hover {

	font-size: 10px; 

	color: #EBEEF6; 

	font-weight: bold;

	/*text-decoration: underline;*/
/*	
	cursor: pointer; 
	
	cursor:hand;	
	
}
*/
/* fine a e divblock per menù */

.tdblockpriv a:link, 

 a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px; 

	color: #ffffff; 

	font-weight: bold;

	text-decoration: none

}

.tdblockpriv a:hover {

	font-size: 10px; 

	color: #ffffff; 

	font-weight: bold;

	/*text-decoration: underline;*/

}
.tdblockpriv a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;	

	text-decoration: none; 	

}



/* block text links */

.tablemenu a:link, a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #496c9f;	

	text-decoration: none;	

}



.tablemenu a:hover {

	/*text-decoration: underline;*/
	color: #F77503;

}



.tablemenu a:active { 

	text-decoration: none; 	

}



/* global contrasting text and hyperlink color */

.mktxtcontr,

a.mktxtcontr:link, 

a.mktxtcontr:visited {

	color: #ff0000;

	font-weight: bold;

	text-decoration: none;

}



a.mktxtcontr:hover {

	font-weight: bold;

	/*text-decoration: underline;*/
	
	color: #F77503;

}



/* contrasting text and hyperlink color 2 (admin) */

.mktxtcontr2,

a.mktxtcontr2:link, 

a.mktxtcontr2:visited {

	color: #0000ff;

	font-weight: bold;

	text-decoration: none;

}



a.mktxtcontr2:hover {

	font-weight: bold;

	/*text-decoration: underline;*/
	
	color: #F77503;

}



/*=============================

M

K  form styles

P

=============================*/

input,

textarea,

select,

.bgselect, /* input fields */

.mkbutton /* global submit buttons */

{

	background-color: #EBEEF6;		

	/* border: 1px solid #4C77B6; */	

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10px; 

	color: #496c9f;

	vertical-align: middle;

}


/* button border - needed for blocks to display correctly in forum-view */	

.blsubmit,

.mkbutton {

	border: 2px #9cf outset;

}



/* radio/checkbox buttons - remove background color and border in IE */	

.mkradio {
   
	background-color: transparent;

	border: 0px;		

}



/* configure blog textarea */

textarea.mkwrap1 {

	overflow: auto;

	/* width: 230px; */

	width: 100%;

}



/* edit blog textarea */

textarea.mkwrap2 {

	overflow: auto;

	width: 500px ;

}



/* block input */

.mkblkinput {

	background-color:#ffffff;

 	font-size: 9px;

	border: 1px dashed #808080;

	margin: 2px;

}

.mkgoogleinput {

	background-color:#ffffff;

 	font-size: 12px;

	border: 1px solid #808080;

	margin: 0px;

}



/*=============================

M

K  navstrip styles

P

=============================*/

/* top navstrip */

.navigatore {	

	vertical-align: bottom;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: 300;

	font-size: 9px;

}



/*=============================

M

K  block styles

P

=============================*/

/* used in functions.php (function main_page) */

.blocks {

	padding: 0px;

}



/* block header/footer corner images - portal skin only */
	
.tdmenblock {

	font-size: 0px;	

	padding: 0px;  

	margin: 0px; 

	vertical-align: top;

	background-color:#EBEEF6;

}


/*td block menu servizi */

.tdblockmiomenu  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin: 2px;	
	
	/*background-color: #dfe6ef;*/
	background-color: #EBEEF6;

}
.tdblockmiomenu:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;
 
	margin: 2px;	
	
	background-color: #f77503;
	
	color: #ffffff;

}


/* block td cell */

.tdblock {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin: 2px;	

}

/* block title bar */

.sottotitolo {

	vertical-align: bottom;	

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;	

	/* color: #666666; */		 

}



/* horizontal spacer between blocks */

.tdspacer {

	line-height: 2px;

}



/*=============================

M

K  module global styles

P

=============================*/

/* module table headings */

.modulex {	

	background-color: #f1f5f8;

	height: 25px;
	
	border-width: 0 0 0 0;

}



th.modulex {	 

	color: #666666; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	background-color: #f1f5f8 !important;

	background-image: none !important;

	height: 25px;

	/* font-weight: normal;*/

	white-space: nowrap;

}



/* Reviews description text */

.modulelite {

	font-size: 8pt;

	color:#a6bbcd;

}



/* center block padding (news, admin) */

.contents {

	padding: 10px;

}



/* module pagination links */

.mkpagelink {

	background-color: #f0f5fa;

	border: 1px solid #072a66;

	padding:1px 3px 1px 3px;

	color: #000;

	font-weight: normal;

}



.mkpagelinklast {

	background-color: #dfe6ef;

	border: 1px solid #072a66;

	padding:1px 3px 1px 3px;

	color: #000;

	font-weight:normal;

}



.mkpagecurrent {

	background-color: #ffc9a5;

	border: 1px solid #072a66;

	padding:1px 3px 1px 3px;

	color: #000;

	font-weight:normal;

}



/*=============================

M

K  shoutbox module styles

P

=============================*/

/* module table with border (shoutbox, news) */

div.taburlo {	

	width: 100%; /* center in IE */	

}



td.taburlo{

	margin:5px;

	padding:5px;

	border: 0;

}

	

/* shouter and date cell */

.urlo {

	line-height: 18px;

	vertical-align: bottom;

	text-align: left;

	font-weight: bold;

	font-size: 11px;

	/* color: #666666; */

	padding: 4px;		 

}



/* shout cell */

.urlo2 {

	padding: 4px;	

	/* border-bottom: 1px solid #5c88c8; */

	border-width: 0 0 1px 0;

	border-style: solid;

	text-align: left;

	color: #496c9f;

	font-size: 11px;

	font-weight: bold;

}



/* white shouter text */

.urlocontrast {	

	color: #404040;

}



/*=============================

M

K  news module styles

P

=============================*/

/* news table with border */

.tabnews {

	border: 1px dashed #c6ddf3;

	margin:0px; 

	padding:0px;

	font-size: 10px;

	color: #666666;	

}



/*=============================

M

K  admin cp styles

P

=============================*/

/* admin cp titles with top border */

.titadmin {

	margin: 0px;

	font-weight: bold;

	font-size: 11px; 

	color: #496c9f;

	border-top: 1px dashed #5c88c8;

}



/*=============================

M

K  font styles

P

=============================*/

/* red error page text */

.mkerror {	

	font-size: 12pt;

	color: #ff0000;

	font-weight:bold;

}



/* MKPQuote quotation text */

.mkquote { 		

	color: #0000ff;	

}



/* MKPGallery module ecard, offline page */

.ecardtitle,

.offlinetxt {

	font-size: 10pt; 

	font-weight: bold;

	text-align: center;

}



/* MKPGallery slideshow caption text (modules/gallery/index.php function slide_update) */

/*

.mkslidecap {	

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 12pt; 

	font-weight: bold; 

	color: #ffffff;

}

*/



/*=============================

M

K  BBcode quote styles

P

=============================*/

.mkquoteball {

	font-size: 9px; 

	color: #666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	background-color: #ffffff;	

	padding: 0;	

}



.mkquotetext {

	font-size: 10px; 

	color: #666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	background-color: #ffffff;

	margin: 0;

	padding: 0;	

}

table .mkquotetable{				

	width: auto; /* IE */	

	text-align: left;

}

/* logo natale */

#maincontainer{
margin-top: -10px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 70px 0 500px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #E10404;
background-image: url(images/natale/sfondo_messaggio_neve_lungo.gif);
background-repeat: repeat-x;
height: 80px;
}

#leftcolumn{
float: left;
width: 500px; /*Width of left column*/
margin-left: -100%;
background-color: #E10404;
height: 80px;
background-image: url(images/natale/demiweb_rosso_neve_pupazzo.gif);
}

#rightcolumn{
float: left;
width: 70px; /*Width of right column*/
margin-left: -70px; /*Set left marginto -(RightColumnWidth)*/
background-color: #E10404;
background-image: url(images/natale/sfondo_messaggio_neve_dx_piccolo.gif);
height: 80px;
}
/* fine logo natale */



/* bottoni colorati con div */
/*orange*/
a#orange{
background: transparent url('images/square-orange-left.gif') no-repeat top left;
display: block;
/*float: left;*/
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;

}

a:link#orange, a:visited#orange, a:active#orange{
color: #494949; /*button text color*/
}

a#orange span{
background: transparent url('images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a#orange:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: pointer;

}

a#orange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: pointer;

}

/*blu*/
a#blue{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;

}

a:link#blue, a:visited#blue, a:active#blue{
color: #494949; /*button text color*/
}

a#blue span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a#blue:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: pointer;

}

a#blue:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: pointer;

}

#button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*grigio*/
a#grigio{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;

}

a:link#grigio, a:visited#grigio, a:active#grigio{
color: #494949; /*button text color*/
}

a#grigio span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a#grigio:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: pointer;

}

a#grigio:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: pointer;

}

/*rosso*/
a#rosso{
background: transparent url('images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;

}

a:link#rosso, a:visited#rosso, a:active#rosso{
color: #494949; /*button text color*/
}

a#rosso span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a#rosso:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: pointer;

}

a#rosso:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: pointer;

}

#buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*blue-orange*/
a#blue-orange{
background: transparent url('images/blue_orange-left.gif') no-repeat top left;
display: block;
/*float: left;*/
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;

}

a:link#blue-orange, a:visited#blue-orange, a:active#blue-orange{
color: #494949; /*button text color*/
}

a#blue-orange span{
background: transparent url('images/blue_orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a#blue-orange:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: pointer;

}

a#blue-orange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: pointer;

}


/* fine bottoni colorati con div */

#contentwrapper_lotto{
float: left;
width: 100%;

}

#maincontainer_lotto{
width: 782px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/

}

#contentcolumn_lotto{
margin-left: 270px; /*Set left margin to LeftColumnWidth*/
vertical-align: bottom;
}

#leftcolumn_lotto{
float: left;
width: 270px; /*Width of left column*/
margin-left: -782px; /*Set left margin to -(MainContainerWidth)*/
/*vertical-align: text-bottom;*/
vertical-align: bottom;

}