﻿/* ------------------------ */
/* Site.css */

/* v 1.0 */

body
{
	font-family: Verdana, Arial, "Times New Roman", Georgia;
	font-size: 10px;

	margin: 0;
	padding: 0;
	border-style: none;

	color:White;
	background-color:#eef3fa;

	text-align:left;
}

a
{
	color: White;
	text-decoration: none;
}

img
{
	margin: 0;
	padding: 0;
	border-style: none;

	text-decoration: none;
}

table
{
	margin: 0;
	padding: 0;
	border-style: none;
}

tr
{
	margin: 0;
	padding: 0;
	border-style: none;
}

td
{
	margin: 0;
	padding: 0;
	border-style: none;
}

iframe
{
	margin: 0;
	padding: 0;
	border-style: none;
}

ul
{
	margin: 0;
	padding: 0;
	
	list-style-type: none;	
	list-style-position: inside;
}

ol
{
	margin:5px 5px 7px 10px;
	padding:0;

	list-style-position: inside;
}

li
{
	margin: 0;
	padding: 0;
}

p
{
	margin: 0;
	padding: 0;
}

/* ------------------------ */
/* scrollable.css */

/*
 * root element for scrollable
 */
.scrollable-horizontal
{  
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* optionally floated, to be side by side with the navigational arrows */
	float:left;
}

.scrollable-vertical
{
	/* required settings */
	position:relative;
	overflow:hidden;	
}

/* 
 * root element for scrollable items 
 */
.scrollable-horizontal .items
{	
	/* must be absolutely positioned */
	position:absolute;
	/* must have very large space for width */	
	width:20000em;
}

.scrollable-vertical .items
{
	/* must be absolutely positioned */
	position:absolute;
	/* must have very large space for height */	
	height:20000em;	
}

/* a single item must be floated in horizontal scrolling.  */
.scrollable-horizontal .item
{
	float:left;
}

/*
 * .scrollable-horizontal/vertical has overflow:hidden so you must set its width and height
 * this element must not have margin or padding set (otherwise there will be some problems with IE7)
 *
#RootID
{
	width: ...px;
	height: ...px;
}
 
 *
 * this is the element you will style the most
 * width and height must be the same as root width and height
 *
#RootID .item
{
	width: ...px;
	height: ...px;

	...
}

 *
 * you may want to setup some decorations to the active item  
 *
#RootID .item.active
{ 
}
 */

/* -------------------------------- */

/* prev, next, prevPage and nextPage buttons */
.next {} .nextPage{} .prev {} .prevPage{}

/*
 * navigational arrows containers
 */
 
.scrollable-horizontal-controls
{  
	/* optionally floated, to be side by side with the navigational arrows */
	float:left;
}
.scrollable-vertical-controls
{  
}

/* disabled navigational button */
.arrow.disabled
{
	visibility:hidden;
}

/*
 * navigational arrows styling
 *
#RootID .arrow 
{	
	width:20px;
	height:20px;
	
	cursor:pointer;

	background:url('../Images/scrollable/arrowx.png') no-repeat;
	background:url('../Images/scrollable/arrowy.png') no-repeat;
}

#RootID .arrow.left			{ } 
#RootID .arrow.left:hover  	{ background-position:-20px 0; }
#RootID .arrow.left:active  { background-position:-40px 0; }

#RootID .arrow.right 		{ background-position: 0 -20px; }
#RootID .arrow.right:hover 	{ background-position:-20px -20px; }
#RootID .arrow.right:active { background-position:-40px -20px; } 

#RootID .arrow.up			{ }
#RootID .arrow.up:hover  	{ background-position:-20px 0;}
#RootID .arrow.up:active  	{ background-position:-40px 0; }

#RootID .arrow.down 		{ background-position: 0 -20px; }
#RootID .arrow.down:hover  	{ background-position:-20px -20px; }
#RootID .arrow.down:active 	{ background-position:-40px -20px; } 
 */

/* -------------------------------- */

/*
 * position and dimension of the navigator
 *
.navi
{ 
} 
 */

/* items inside navigator */ 
.navi a
{ 
    width:8px; 
    height:8px; 

    margin:3px; 
    
    display:block; 
    float:left; 

    background:url('css/scrollable/navigator.png');
	background-repeat: no-repeat;
} 
 
/* mouseover state */ 
.navi a:hover
{ 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active
{ 
    background-position:0 -16px;      
}

/* ------------------------ */
/* RichiestaInformazioni.css */

#RichiestaInformazioniWrapper
{
	width:250px;
	height:230px;
	
	margin-bottom:5px;
	
	background-image:url('Images/Master/InfoBackground.jpg');
}

.RichiestaHeader
{
	position:relative;
	
	width:250px;
	height:25px;

	/*background-image:url('richiesta-informazioni/headerTop.jpg');*/
}

#RichiestaIntro
{
	position: absolute;
	
	top:5px;
	left:7px;

	color:White;
	font-weight:bold;	
}

.RichiestaBody
{
	width:250px;
	height:205px;
	
	/* you may set here padding around the scrollable */
	padding: 0 0 0 0;
	
	color:White;
}

#RichiestaScrollable
{
	width:250px;
	height:205px;
	
	float:none;
}

#RichiestaScrollable .item
{
	position:relative;
	
	width:250px;
	height:205px;
}

.inputKey
{
	color:White;
}

.inputValue
{
	width:185px;

	border: inset 1px #80095d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	
	background-color:#eeeeee;

	font-size: 12px;		
}

.textArea
{
	width:230px;
}

#nameLabel
{
	position:absolute;
	
	top:14px;
	left:10px;
}

#nameInput
{
	position:absolute;
	
	top:8px;
	left:54px;
}

#emailLabel
{
	position:absolute;
	
	top:40px;
	left:10px;
}

#emailInput
{
	position:absolute;
	
	top:34px;
	left:54px;
}

#msgLabel
{
	position:absolute;
	
	top:61px;
	left:10px;
}

#msgTextArea
{
	position:absolute;
	
	top:72px;
	left:10px;
}

.submitButton
{
	position:absolute;
	
	top:181px;
	left:180px;

	width: 64px;
	height: 19px;

	display:block;
	float:right;
	
	color:White;	
	line-height:17px;
	text-align:center;
	
	background-image: url('css/richiesta-informazioni/submit.png');
}

#sendText
{
	position:absolute;
	
	top:30px;
	left:84px;
}

#sendAnimation
{
	position:absolute;
	
	top:80px;
	left:59px;	
}

#SubmitFeedback
{
	position:absolute;
	
	top:60px;
	left:0px;
	
	width:250px;
	
	text-align:center;	
}

/* ------------------------ */
/* jTVMini.css */

/* v 2.0 rev a */

#TVMiniWrapper
{
	position: relative;

	width: 250px;
	height: 279px;

	margin-bottom:2px;
	margin-top:2px;

	color: White;
	background-image: url('Images/TV/TVMiniBackground.png' );
	background-repeat:no-repeat;
}

#TVMiniWrapper a
{
	color: White;
	text-decoration:underline;
}

#TVMiniWrapper #text1
{
	position: absolute;
	
	top:12px;
	left:0px;
	
	width:100%;
	text-align:center;
	
	font-weight:bold;
}

#TVMiniWrapper #text2
{
	position: absolute;
	
	top:24px;
	left:0px;
	
	width:100%;
	text-align:center;

	font-weight:bold;
}

#TVMiniWrapper #text3
{
	position: absolute;
	
	top:39px;
	left:0px;
	
	width:100%;
	text-align: center;
	
	font-weight:bold;
}

#TVMiniContentTitle
{
	position:absolute;
	
	top:65px;
	left:0px;

	width: 244px;

	padding-left:3px;
	padding-right:3px;

	font-size:10px;
	text-align:center;
}

/* ------------------------ */

#lsMiniAbsolute
{	
	position:absolute;
	
	bottom:3px;
	left:3px;
}

#lsMiniEmbedWrapper
{
	position:relative;

	width:244px;
	height:183px;

	overflow:hidden;	
	
	background-color:Black;	
}

#lsMiniEmbedShieldWrapper
{	
	position:absolute;
	
	top:-258px;		/* (700 - 183) / 2 */
	left:0px;

	width:244px;
	height:700px;
}

/* ------------------------ */

#lsMiniThumbnailAbsolute
{	
	position:absolute;
	
	bottom:3px;
	left:3px;
}

#lsMiniThumbnailImg
{
	width:244px;
	height:195px;
	
	/*
	border: solid 1px #80095d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding: 2px;
	*/
	
	background-color: Black;
}

/* ------------------------ */
/* jChat.css */

#ChatWrapper
{
	position: relative;
	
	width:250px;
	height:400px;

	margin-bottom:4px;
	margin-top:3px;

	color:Black;

	background-image: url('css/chat/ChatBackground.jpg');
}

#ChatIntro1
{
	position: absolute;
	
	top:6px;
	left:7px;
	
	color:White;
	font-weight:bold;
}

#ChatIntro2
{
	position: absolute;
	
	top:32px;
	left:7px;
	
	color:White;
	font-weight:bold;
}

#ChatBody
{
	position: absolute;
	
	top:60px;
	left:9px;
	
	width:230px; /* 9 + 1 + 230 + 1 + 9 = 250 */
	height:234px;
	
	/*border-width: 2px;
	  border-style: inset;
	  border-color: #8d0000 #ffb2b2 #ffb2b2 #8d0000;*/
	border-width: 1px;
	border-style: solid;
	border-color: #995050;
	
	overflow:auto;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;	

	background-color:White;	
}

	.chatMsgRow
	{
		padding-top:2px;
		padding-bottom:0px;
	}
	.chatMsgName
	{
		color:Red;
		font-weight:bold;
	}

	.chatMsgDate
	{
		color:Red;
		font-weight:bold;
	}

	.chatMsgBody
	{
	}

	.chatMsgEmpty
	{
		padding-top:2px;
	}

#ChatNameLabel
{
	position: absolute;
	
	top:304px;
	left:9px;
}

#ChatNameInput
{
	position: absolute;
	
	top:300px;
	left:45px;

	width:193px;
	
	/*border-width: 2px;
	  border-style: inset;
	  border-color: #8d0000 #ffb2b2 #ffb2b2 #8d0000;*/
	border-width: 1px;
	border-style: solid;
	border-color: #995050;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;			

	font-size:11px;	
}

#ChatMsgLabel
{
	position: absolute;
	
	top:317px;
	left:9px;	
}

#ChatMsgTextArea
{
	position: absolute;
	
	top:329px;
	left:9px;

	width:230px; /* 9 + 1 + 230 + 1 + 9 = 250 */
	height:46px;
	
	/*border-width: 2px;
	  border-style: inset;
	  border-color: #8d0000 #ffb2b2 #ffb2b2 #8d0000;*/
	border-width: 1px;
	border-style: solid;
	border-color: #995050;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;			
	
	font-size:11px;	
}

#ChatSubmitButton
{
	position: absolute;
	
	bottom:0px;
	right:8px;

	width:60px;
	
	font-size:11px;
}

/* ------------------------ */
/* rte-normrend.css */

/*
 * The lwRTE text area in design mode is contained in an iframe body with class "rte-normrend" (see jquery.rte.js).
 * The published text area is contained in a div element with the same class name.
 * The rules in this sheet serve to customize the style of the elements in design mode
 * and their published appearance on the web site.
 */

.rte-normrend
{	
	font-family: Verdana, Georgia, Arial, "Times New Roman";
	font-size: 10px;

	color:Black;
	background-color:White;
	
	/* clear margins of the iframe body element of the design mode */
	margin:0;
}

.rte-normrend a
{
	color:Blue;
	text-decoration:underline;
}

.rte-normrend ol
{
	margin:5px 5px 7px 10px;
	padding:0;

	list-style-type:decimal;
	list-style-position: inside;	
}

.rte-normrend ul
{
	margin:5px 5px 7px 10px;
	padding:0;
	
	list-style-type:disc;
	list-style-position: inside;	
}

.rte-normrend li
{
	margin: 0;
	padding: 0;
}

.rte-normrend img
{
	padding: 2px;
}

.rte-normrend p
{
	padding: 0px;
	margin: 0px;
}

/* ---------------------------------- */

body
{
	background-color:#cb0303;
}

#MainWrapper
{
	width:880px;
	
	border-color: White;
	border-style: solid;
	border-width: 8px 20px 20px 20px;
		
	background-color:White;
}

/* ---------------------------------- */

#HeaderWrapper
{
	width:880px;
	height:165px;

	color:White;
	background-image: url('Images/Master/HeaderTop.jpg');
	
	position:relative;	
}

#HeaderWrapper #ProveTecniche
{
	position:absolute;
	
	top:15px;
	left:255px;
	
	width:180px;
	
	font-weight:bold;
	font-size:16px;
	
	text-decoration:blink;
}

#HeaderWrapper #txtRadioMusicChannel
{
	position:absolute;
	
	top:82px;
	left:50px;
}

#HeaderWrapper #txtRadioMusicText
{
	position:absolute;
	
	top:67px;
	right:70px;
}

#HeaderWrapper #txtRadioMusicLink
{
	position:absolute;
	
	top:82px;
	right:50px;
}
	
#HeaderWrapper #txtRadioMusicLink a
{
	color:#dddddd;

	font-size:14px;
	font-weight:bold;
}

#HeaderWrapper #txtRadioMusicLink a:hover
{
	color:White;
}

#HeaderWrapper #imgRadioMusicPopUp
{
	position:absolute;
	
	top:120px;
	left:6px;
}

#HeaderWrapper .linkMenu
{
	width:100px;

	line-height:16px;
	
	text-align:center;	
}

#HeaderWrapper .linkMenu a
{
	color:#dddddd;
	font-weight:bold;
	font-size:12px;
}

#HeaderWrapper .linkMenu a:hover
{
	color:White;
}

#HeaderWrapper #linkHome
{
	position:absolute;
	
	top:141px;
	left:340px;	
}

#HeaderWrapper #linkTV
{
	position:absolute;
	
	top:141px;
	left:440px;	
}

#HeaderWrapper #linkStage
{
	position:absolute;
	
	top:141px;
	left:540px;	
}

#HeaderWrapper #linkLocali
{
	position:absolute;
	
	top:141px;
	left:640px;	
}

/* ---------------------------------- */

#XBarWrapper
{
	width:878px;
	height:50px;
	
	margin: 3px 1px 3px 1px;
	
	background-color:Black;
}

/* ------------------------ */

#ContentsWrapper
{
	width:880px;
}

#LeftRightColumnsWrapper
{
	width:880px;	
}

#RightColumn
{
	width:625px;

	margin-right:5px;	

	text-align: left;

	overflow:hidden;
}

#LeftColumn
{
	width:250px;

	text-align: left;

	overflow:hidden;
}

h1.boxIntro
{
	margin:0px;

	font-weight:bold;
	font-size:11px;
}

h1.boxIntroSmall
{
	margin:0px;

	font-weight:bold;
	font-size:10px;
}

/* ------------------------ */

.RedBoxTop
{
	position:relative;
	
	width:625px;
	height:50px;

	margin-top:2px;

	background-image: url('Images/Master/CorpoCentraleTop.jpg');
}

.RedBoxRepeat
{
	width:609px;
	
	padding:0px 8px 5px 8px;

	color:Black;

	background-image: url('Images/Master/CorpoCentraleRepeat.jpg');
	background-repeat:repeat-y;
}

.RedBoxBottom
{
	width:625px;
	height:3px;

	background-image: url('Images/Master/CorpoCentraleBottom.jpg');
}

.RedBoxTop .redboxIntro1
{
	position: absolute;
	
	top:6px;
	left:9px;
	
	color:White;
}

.RedBoxTop .redboxIntro2
{
	position: absolute;
	
	top:30px;
	right:15px;
	
	color:White;
}

.RedBoxRepeat .section
{
	padding-top:7px;
	padding-bottom:7px;
}

.RedBoxRepeat p
{
	padding-top:1px;
	padding-bottom:1px;
}

.RedBoxRepeat h1.title
{
	padding-top:1px;
	margin:0px;

	color:#860202;
	font-weight:bold;
	font-size:11px;
	font-style:normal;
}

.RedBoxRepeat a
{
	color:Red;
	text-decoration:underline;
}

.RedBoxRepeat ul
{
	list-style-type: circle;
	list-style-position:inside;
	padding-top:2px;
	padding-bottom:2px;
}

.RedBoxRepeat li
{
	padding-left: 6px;
}

/* ------------------------ */

#StageTop
{
	position:relative;
	
	width:625px;
	height:47px;

	margin-top:5px;

	color:Black;

	background-image: url('Images/Default/StageTop.jpg');
}

#stageIntro
{
	position:absolute;
	
	top:8px;
	left:10px;
	
	color: White;
}

#stageIntro .adminAnchor
{
	color:Red;
	text-decoration:none;
	font-weight:normal;
}

#stageHeaders
{
	width:625px;
	height:17px;

	padding-top:30px;

	color: Red;
	font-weight:bold;
	text-align:left;
}

.stageCell
{
	overflow:hidden;
}

.stageCell .adminAnchor
{
	color:Red;
	text-decoration:none;
}

.stageName
{
	width:190px;
	
	padding-left:15px;
	padding-right:5px;
}

.stageName a
{
	text-decoration:underline;
}

.stageDate
{
	width:60px;
	
	text-align:center;
}

.stageDays
{
	width:40px;

	text-align:center;
}
	
.stageWhere
{
	width:65px;

	padding-right:5px;

	text-align:center;
}

.stageShortDescription
{
	width:195px;

	padding-right:5px;
}

.stageShortDescriptionBody
{
	width:195px;
	height:60px;

	padding-right:5px;
}

.stagePicture
{
	width:80px;
}

.stageImg
{
	width:68px;
	height:60px;
}

#StageRow
{
	width:625px;
	height:60px;
	overflow:hidden;
	
	padding-top:5px;
	padding-bottom:9px;

	color:White;

	background-image: url('Images/Default/StageRow.jpg');
	background-color:Black;
}

#StageBottom
{
	width:625px;
	height:15px;

	text-align:right;

	background-image: url('Images/Default/StageBottom.jpg');
}

#StageBottom a
{
	padding-right:10px;
	padding-left:10px;

	color: Red;
	font-weight:bold;
}

#StageBottom a[disabled]
{
	color:Gray;
	font-weight:bold;
}

/* ---------------------------------- */

.GoBackWrapper
{
	width: 880px;
	padding-top:15px;
	padding-bottom:15px;
}

.GoBackWrapper a
{
	padding:5px;
	
	color:Black;
	font-weight:bold;
	text-decoration:underline;
}

/* ---------------------------------- */

#FooterWrapper
{
	width:880px;
	
	margin-bottom: 30px;	
	
	color:White;
	text-align:right;
}

#FooterWrapper a
{
	color:White;
	text-decoration:underline;
}

/* ------------------------ */

#TagCloudWrapper
{
	width:250px;
	height:279px;
	
	margin-bottom:5px;
	
	background-image:url('Images/Master/TagCloud.jpg');
	background-repeat:no-repeat;
}

#TagCloudHeader
{
	position:relative;
	
	width:250px;
	height:24px;

	/*background-image:url('css/richiesta-informazioni/headerTop.jpg');*/
}

#TagCloudIntro
{
	position: absolute;
	
	top:6px;
	left:7px;

	color:White;
	font-weight:bold;	
}

#TagCloudBody
{
	width:240px;
	height:245px;
	
	padding: 5px 5px 0 5px;

	overflow:hidden;

	text-align:center;
	color:White;
}

#TagCloudBody li span
{
	padding: 0 2px 0 2px;
}

/* ------------------------ */

#InfoWrapper
{
	width:250px;
	height:299px;

	margin-bottom:4px;

	background-image: url('Images/Master/InfoBackground.jpg');
	background-repeat:no-repeat;
	background-color:#323232;
}

#InfoIntro
{
	width: 242px;
	height: 18px;
	
	padding-left: 8px;
	padding-top: 6px;
	
	color:White;
	font-weight:bold;
	text-align:left;
}

#InfoBody
{
	width:240px;	    /* editable width */
	height:265px;		/* editable height */
	
    overflow: auto;

	padding:5px 5px 5px 5px;
	
	color:White;
	background-color:Transparent;
}

#InfoBody a
{
	color:White;
	text-decoration:underline;
}

/* ------------------------ */

#LinkAmiciWrapper
{
	position: relative;
	
	width: 255px;
	height: 269px;
	
	background-image: url('Images/Default/RadioTematiche.jpg');
}

#linkAmiciIntro
{
	position: absolute;
	
	top:6px;
	right:10px;
	
	font-weight:bold;
}

#linkAmiciText1
{
	position: absolute;
	
	top:35px;
	left:45px;
	
	width:200px;
	
	color:Black;	
}

#linkAmiciText2
{
	position: absolute;
	
	bottom:8px;
	left:73px;
	
	color:Black;
	font-weight:bold;	
}

#linkAmiciAnchor
{
	position: absolute;
	
	top:85px;
	left:35px;
	
	width:210px;
	height:180px;
}


