@import url(jquery.jgrowl.css);

/* ********************************************************************************
			  CSS RESET: http://meyerweb.com/eric/tools/css/reset/
								v1.0 | 20080212
******************************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none; }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }



body { margin: 20px 0; font-size: 12px; font-family: verdana; line-height: 1.4em }


/* ********************************************************************************
									VARI
******************************************************************************** */
img { border: 0 }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 1.2em; font-family: verdana; }
h1 { font-size: 200%; margin: 0 0 5px 0; font-weight: normal }
h2 { font-size: 150%; margin-bottom: 5px }
h3 { margin-bottom: 5px; font-size: 100%; text-transform: uppercase }
p {  line-height: 1.8em; }
a { font-weight: bold; text-decoration: none; cursor: pointer }
	a:hover { text-decoration: underline }
.sx { float: left }
.dx { float: right }

.formError { color : #f00; font-weight: bold; border-width: 1px #F00; }

div.inlineNotice { margin: 20px 0; padding: 20px; color: #444; font-weight: bold; background: #ee8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

ul { list-style-type: disc; padding-left: 25px }

.border1px { border: 1px solid #063; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }



/* ********************************************************************************
									WRAPPER
******************************************************************************** */
#mainWrapper { position: relative; width: 880px; min-height: 500px; margin: 0 auto; padding: 30px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.wrapper { margin: 0 auto; }

/* ********************************************************************************
									BOX
******************************************************************************** */
.boxBorderSimple { width: 278px; padding: 15px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	.boxUnoSimple { overflow: hidden; height: 513px }
		.boxUnoSimple > div { overflow: hidden; height: 515px; line-height: 1.6em; }
	.boxDueSimple { overflow: hidden; height: 234px; margin-bottom: 13px; }
		.boxDueSimple > div { overflow: hidden; height: 230px; line-height: 1.6em; }
	.boxTreSimple { overflow: hidden; padding-top: 20px; height: 136px; margin-bottom: 13px; }
		.boxTreSimple > div { overflow: hidden; height: 137px; line-height: 1.6em; }
.boxBorderTitle > div { overflow: hidden; width: 250px; padding: 10px 15px 15px 15px; margin-bottom: 13px; background: #fff ; border: 1px solid #ddd; border-top: 0; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
	.boxUnoTitle > div { overflow: hidden; height: 470px; line-height: 1.6em;}
		.boxUnoTitle > div > div { overflow: hidden; height: 475px; line-height: 1.6em;}
	.boxDueTitle > div { overflow: hidden; height: 191px; line-height: 1.6em;}
		.boxDueTitle > div > div { overflow: hidden; height: 194px; line-height: 1.6em;}
	.boxTreTitle > div  { overflow: hidden; padding-top: 13px; height: 94px; line-height: 1.6em;}
		.boxTreTitle > div > div { overflow: hidden; height: 98px; line-height: 1.6em;}
.boxBorderTitle h3 { display: block; padding: 15px 0; margin: 0; color: #fff; text-align: center; font-style: normal; font-weight: 400; background: url(/images/smart/transparent-gradient.png); border: 1px solid #ddd; border-bottom: 0; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }

.boxBorderTitleTwo > div { overflow: hidden; width: 250px; padding: 10px 15px 15px 15px; margin-bottom: 13px; background: #fff ; border: 1px solid #ddd; border-top: 0; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.boxBorderTitleTwo h3 { display: block; padding: 15px 0; margin: 0; color: #fff; text-align: center; font-style: normal; font-weight: 400; background: url(/images/smart/transparent-gradient-2.png); border: 1px solid #ddd; border-bottom: 0; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }

#mainContent .boxDueTitlePage { float: left; width: 49%; margin-right: 14px;  }
	#mainContent .boxDueTitlePage > div {  overflow: hidden; width: 91%; padding: 10px 14px 15px 15px; margin-bottom: 13px; background: #fff url(/images/ecommerce/transparent-gradient-2.png) repeat-x bottom; border: 1px solid #ddd; border-top: 0; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
	#mainContent .boxDueTitlePage.last { margin-right: 0 }
#mainContentFull .boxDueTitlePage { float: left; width: 49%; margin-right: 14px;  }
	#mainContentFull .boxDueTitlePage > div {  overflow: hidden; width: 93%; padding: 10px 14px 15px 15px; margin-bottom: 13px; background: #fff url(/images/ecommerce/transparent-gradient-2.png) repeat-x bottom; border: 1px solid #ddd; border-top: 0; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
	#mainContentFull .boxDueTitlePage.last { margin-right: 0 }
	.boxDueTitlePage > div > div { overflow: hidden; height: 100%; line-height: 1.6em; text-align: center}
	.boxDueTitlePage  h3 a { color: #fff }
	.boxDueTitlePage a.alignRight { display: block; margin-top: 20px; text-align: center; font-size: 18px; font-weight: normal; }
	.boxDueTitlePage input[type=text] { width: 97%}



/* ********************************************************************************
									BOTTONI
******************************************************************************** */
input.bigButton, button.bigButton { font-weight: bold; font-size: 140%; padding: 10px 20px; }
input.mediumButton, button.mediumButton { font-weight: bold; font-size: 12px; padding: 10px; }
input.mediumButton2, button.mediumButton2 { font-weight: bold; font-size: 12px; padding: 10px; }
.button1 { height: 34px; padding: 5px 15px; text-align: center; vertical-align: top; color: #fff; text-transform: lowercase; font-weight: bold; background-image: url(/images/smart/transparent-gradient.png); background-repeat: repeat-x; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.button1:hover { cursor: pointer }
 
/* ********************************************************************************
									HEADER
******************************************************************************** */
#header { position: relative; height: 110px; margin-bottom: 15px }
	#header .link { position: absolute; bottom: 0; right: 0; font-size: 85%; }
	#headerDx { float: right; width: 350px; }
		#headerDx #menuIst a { display: block; float: right; margin: 0 18px; font-size: 10px }
		#headerDx #menuIst p { display: block; float: right }
	#headerDx #search { margin-top: 30px }
		#headerDx #search input[type=text] { float: left; width: 150px; margin: 3px 0 0 100px; padding: 10px; font-size: 11px }
		#headerDx #search input.mediumButton { float: right;  margin-top:3px\9;}
		#headerDx #search  input.mediumButton.windows.safari { margin-top: 4px; font-size: 11px}
	#headerDx #sezioni  { margin-top: 10px; background: pink }
		#headerDx #sezioni a { float: right; margin: 0 5px;  }
			
@-moz-document url-prefix() { 
  #headerDx #search input.mediumButton  {
     font-size: 10px; margin-top: 3px
  }
  
}
/* ********************************************************************************
									BRANDING
per attivare lo slideshow in modalità tab  basta includere in _smart_head.rhtml il file slideShowTab.css ed inserire le url
******************************************************************************** */
#branding { display: block; position: relative; margin-bottom: 15px; height: 220px; }
	.brandingImg { width: 880px; height: 200px }



/* ********************************************************************************
									SLIDESHOW
******************************************************************************** */
	/* contenuti */
	#slidesWrapper { position: relative; background: url(/images/bg-slide.png) no-repeat;}
		.slideContent { width: 880px; height: 220px; overflow: hidden; display: none; position: relative; }
		.slideContent a { font-weight: normal; text-decoration: none }
			.slideContent a:hover { text-decoration: none; }
		.slideContent.imgTxt { }
			.slideContent.imgTxt img { float: left; }
			.slideContent.imgTxt p.ttl { float: right; width: 380px; padding: 5px 30px 10px 0; line-height: normal; font-family: "Anton"; font-size: 25px; }
			.slideContent.imgTxt p.desc { float: right; width: 380px; padding: 0 30px 0 0; line-height: normal; font-family: "Gentium Basic"; font-size: 16px }
		.slideContent.txtImg { }
			.slideContent.txtImg img { float: right; }
			.slideContent.txtImg p.ttl { float: left; width: 380px; padding: 15px 0 10px 30px; line-height: normal; font-family: "Anton"; font-size: 25px; }
			.slideContent.txtImg p.desc { float: left; width: 380px; padding: 0 0 0 30px; line-height: normal; font-family: "Gentium Basic"; font-size: 16px }
		.slideContent.textOnly { }
			.slideContent.textOnly p.ttl { padding: 10px 30px; text-align: center; line-height: normal; font-family: "Anton"; font-size: 25px; }
			.slideContent.textOnly p.desc { padding: 0 30px; text-align: center; line-height: normal; font-family: "Gentium Basic"; font-size: 16px }
	/* la paginazione */
	#slideHomePager { position: absolute; right: 10px; bottom: 10px; z-index: 2 }
		#slideHomePager a { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; background: #1c4f91; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
			#slideHomePager a:hover, #slideHomePager a.selected { cursor: pointer; background: #8f9ba6; }


/* ********************************************************************************
									MAIN CONTENT
******************************************************************************** */
#mainContentFull {float: left; width: 100%; }
#mainContent {float: left; width: 580px; }
	/* BRICIOLE */
	#briciole { margin-bottom: 5px; font-size: 85% }
	.separator { margin: 20px 0;  }
	.separator2 { margin: 5px 0 10px 0;  }
	
.sx { float: left }	
.dx { float: right }	
.video	{ width: 48% }
	

/* ********************************************************************************
									COL DX
******************************************************************************** */
#colDx {float: right; width: 280px; margin-top: 30px; }
	.box { padding: 15px; background: url(/images/bg-box.jpg) repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.box table { font-size: 11px; color: #666  }
	.colDxHome { margin-top: 25px }
	
	
/* ********************************************************************************
									NEWS
******************************************************************************** */
	#wrapperNews .news { padding-bottom: 25px; }
	.all { display: block; float: right }
	.news {  margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #666 }
		.news h3  {  }
			.news h3 a { display: block; padding-top: 15px}
			.news  h3 em { display: block; float: left; margin: 0 20px 20px 0; width: 48px; height: 48px; }
			.news .ppt em { background: url(/images/ico-ppt.png) no-repeat; }
			.news .pdf em { background: url(/images/ico-pdf.png) no-repeat; }
			.news .video em { background: url(/images/ico-video.png) no-repeat; }
			.news .link em { background: url(/images/ico-link-sito-esterno.png) no-repeat; }
			.news  h3 i { display: block; float: left; margin: 0 20px 20px 0; width: 48px; height: 48px; }
			.news .ppt i { background: url(/images/ico-ppt.png) no-repeat; }
			.news .pdf i { background: url(/images/ico-pdf.png) no-repeat; }
			.news .video i { background: url(/images/ico-video.png) no-repeat; }
			.news .link i { background: url(/images/ico-link-sito-esterno.png) no-repeat; }


/* ********************************************************************************
									FORM
******************************************************************************** */
/* selettori (generici) */
fieldset { margin-bottom: 25px; padding: 5px 25px 20px 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	legend { margin-left: -25px; padding: 10px 20px 20px 20px; font-family: tahoma; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
input[type=text], input[type=password], select, textarea { width: 98%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 120%; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff !important; background: #455 }
	.gsc-input input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #000 !important; background: #455 }
/* correggo larghezza select */
select { width: 100%; }


/* ********************************************************************************
								FILTRI
******************************************************************************** */
#filtri  { margin: 13px 0 25px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd }
	#filtri select { width: 150px; margin-right: 14px; padding: 7px 5px }
	#filtri input[type=text] { width: 150px; margin-right: 14px; padding: 7px 5px}
	#filtri .buttonFiltri { float: right; margin-top: 20px }
	#filtri .wrapperFiltri { float: left; width: 720px;  }
		#filtri .wrapperFiltri div { float: left; width: 170px; margin-right: 10px; }





/* ********************************************************************************
									BARRANAV SEMPLICE
******************************************************************************** */
/* BARRA NAV */
#barraNav { overflow: hidden; position: relative; height: 40px; margin: 10px 0; padding-right: 7px; background: url(/images/smart/transparent-gradient.png) repeat-x; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
	a.lev1 { float: left; padding: 13px 22px 0 22px; height: 27px; text-align: center; font-family: tahoma; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer }
		a.lev1.first { -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; }
		a.lev1.twoLines { height: 33px; padding-top: 6px; line-height: 1.3em }
	.overlay { display: none; }
		a.lev2 { display: block; padding: 8px 15px }
			a.lev2:hover { text-decoration: none }



/* ********************************************************************************
								CONTENUTO DI HOME
								(paragrafi affiancati)
******************************************************************************** */
.seoHome { float: left; width: 270px; margin: 0 20px 10px 0; }
	.seoHome h2 { font-size: 100%; text-transform: uppercase; margin-bottom: 0 }
	.seoHome.last { margin-right: 0 }


/* ********************************************************************************
									PHOTOGALLERY
******************************************************************************** */
#photoGallery img { margin: 13px; border: 2px solid #ddd; cursor: pointer }
	#photoGallery img:hover { border: 2px outset #666 }


/* ********************************************************************************
									TOOLTIP
******************************************************************************** */
/* piccolo nero */
.tooltip { display: none; width: 160px; height: 70px; padding: 25px; font-size: 100%; color: #fff; text-align: center; background: transparent url(/images/smart/tooltip/black_arrow.png); z-index: 10; }
	.tooltip.bottom { height: 60px; padding-top: 35px; background: transparent url(/images/smart/tooltip/black_arrow_bottom.png); }
	.tooltip a { color: #fff; font-weight: bold; }
/* grande nero */
.tooltip2 { display: none; width: 310px; height: 156px; padding: 30px; font-size: 100%; color: #fff; text-align: center; background: transparent url(/images/smart/tooltip/black_arrow_big.png); z-index: 10; }
	.tooltip2.bottom { height: 131px; padding-top: 55px; background: transparent url(/images/smart/tooltip/black_arrow_big_bottom.png); }
	.tooltip2 a { color: #fff; font-weight: bold; }
/* piccolo bianco */
.tooltip3 { display: none; width: 160px; height: 70px; padding: 25px; font-size: 100%; color: #000; text-align: center; background: transparent url(/images/smart/tooltip/white_arrow.png); z-index: 10; }
	.tooltip3.bottom { height: 60px; padding-top: 35px; background: transparent url(/images/smart/tooltip/white_arrow_bottom.png); }
/* grande bianco */
.tooltip4 { display: none; width: 310px; height: 156px; padding: 30px; font-size: 100%; color: #000; text-align: center; background: transparent url(/images/smart/tooltip/white_arrow_big.png); z-index: 10; }
	.tooltip4.bottom { height: 131px; padding-top: 55px; background: transparent url(/images/smart/tooltip/white_arrow_big_bottom.png); }
/* todo */
.tooltipTodo { display: none; padding: 20px 30px; line-height: 1.4em; color: #fff; font-style: italic; background: #900; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 0 5px 2px #633; -webkit-box-shadow: 0 0 5px 2px #633; box-shadow: 0 0 5px 2px #633; z-index: 1000 }
	.tooltipTodo em { display: block; margin-bottom: 5px; font-style: italic; }

	
/* ********************************************************************************
						PAGINAZIONE
******************************************************************************** */
.wrapperPaging { height: 25px; }
.paging { width: 250px; margin: 0 auto;  }
	.paging a { display: block; float: left; margin-left: 5px; padding: 3px 7px; text-decoration: none; font-size: 11px; color: #fff; background: #1c4f91; border-width: 1px; border-style: solid; border-top-color: #ccc; border-left-color: #ccc; border-right-color: #999; border-bottom-color: #999; }
		.paging a:hover { color: #fff; text-decoration: none; background: #666; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }
		.paging a.current { color: #fff; text-decoration: none; background: #666; border-width: 1px; border-style: solid; border-top-color: #999; border-left-color: #999; border-right-color: #ccc; border-bottom-color: #ccc; }



/* ********************************************************************************
								DOWNLOAD
******************************************************************************** */
#wrapperDownloadCartelle {margin-top: 20px}
	#wrapperDownloadCartelle a { display: block; margin-bottom: 10px; padding: 17px 0 0 65px; height: 34px; text-transform: uppercase; background: url(/images/cartella.png) no-repeat 20px 50% #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
		#wrapperDownloadCartelle a:hover { text-decoration: none; background: url(/images/cartella.png) no-repeat 20px 50% #ddd; } 

/* ********************************************************************************
								DOWNLOAD
******************************************************************************** */
#wrapperDownloadNewsletter { margin-top: 20px}
	a.newsletterContainerLink  { display: block; margin-bottom: 10px; padding: 17px 0 0 65px; height: 34px;  text-transform: uppercase; background: url(/images/download.png) no-repeat 20px 50% #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
	#wrapperDownloadNewsletter .newsletterContainerDiv a { display: block; margin-bottom: 10px; padding: 17px 0 0 80px; height: 34px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
		#wrapperDownloadNewsletter a:hover { text-decoration: none; background: url(/images/download.png) no-repeat 20px 50% #ddd; } 
		#wrapperDownloadNewsletter .newsletterContainerDiv a { display: block; margin-bottom: 10px; padding: 17px 20px 30px 70px; background: url(/images/ico-doc.png) no-repeat 20px 50% #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  
			#wrapperDownloadNewsletter .newsletterContainerDiv a:hover { text-decoration: none; background: url(/images/ico-doc.png) no-repeat 20px 50% #ddd; } 
		.mailchimpNewsletterContainerDiv a { margin: 0 !important; padding: 10px 20px 0 0 !important; text-align: right; background: #fff !important; }	
			.mailchimpNewsletterContainerDiv a:hover { text-decoration: underline !important; }	
		#wrapperDownloadNewsletter .newsletterContainerDiv a .autore { display: block; font-size: 10px; font-weight: normal; font-style: italic}  

/* ********************************************************************************
								SITE MAP
******************************************************************************** */
ul.sitemap1 > li { display: inline; }
	ul.sitemap1 > li a { display: block; margin-top: 5px; padding-left: 10px; width: 500px; background: url(/images/arrow_seppia.gif) no-repeat left center ;}
ul.sitemap2 > li { display: inline; }
	ul.sitemap2 > li  a { display: block; padding-left: 15px; margin: 5px 0;  color: #666; font-weight: normal; background: url(/images/map_arrow.gif) no-repeat left center ;}


/* ********************************************************************************
								COLORBOX CONTENT
******************************************************************************** */
#colorboxContent { width: 700px; padding: 20px 40px; font-size: 100%; font-family: verdana; line-height: 1.4em; }


   
/* ********************************************************************************
									FOOTER
******************************************************************************** */
#footer { margin-top: 20px; font-size: 95%; color: #999; text-align: center; }
	#footer a { color: #999; font-weight: normal; text-decoration: underline }



/* ********************************************************************************
						 CENTRALIZZAZIONE COLORI
******************************************************************************** */
body, #colorboxContent, h1, h2, h3, h4, h5, h6 { color: #333 }
body { background: #fff }

#barraNav, .overlay { background-color: #336 }
	.lev1, .lev2 { color: #ddd }
	.lev1:hover, .lev1.selected { text-decoration: none; background-color: #336 }
	.lev2:hover { background-color: #258 }

.button1 { background: #006 }
	.button1:hover { background: #05c }
input.bigButton, button.bigButton { color: #fff; background: #1c4f91; border: 0px; cursor: pointer; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
input.mediumButton, button.mediumButton { color: #fff; background: #1c4f91; border: 0px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input.mediumButton2, button.mediumButton2 { color: #333; background: #ddd; border: 0px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

a { color: #036; text-decoration: none }
	a:hover { text-decoration: underline }

fieldset, legend { background: #ddd }

.altri { display: block; text-align: right; }

.caseStudies h2 {font-size: 15px }


/* ********************************************************************************
						VIDEO OVERLAY
******************************************************************************** */

.overstyle {
   padding:40px;
    width:576px;
    display:none;
    background-image:url(/images/overlay/white.png);
}

.close {
    background:url(/images/overlay/close.png) no-repeat;
    position:absolute;
    top:2px;
    right:5px;
    display:block;
    width:35px;
    height:35px;
    cursor:pointer;
}

.player {
    height:450px;
    display:block;
}