


body{
margin:0;
padding:0;
background:#FFFFFF;
font: normal 12px Arial, Helvetica, Verdana;
color:#49494A;
}

input, textarea, select{font: normal 11px Arial, Helvetica, Verdana; color:#8299A4;  margin:0;}

input[type='text'], input[type='password'], textarea, select, input.textField{border:solid 1px #DFDFDF;  padding:4px; background:#FFFFFF;}

a, a:visited{text-decoration: none; color:#404040;}

a:hover{color:#404040; text-decoration: underline;}

ol, ol li{
padding:0 0 0 25px;
margin:0;
}

strong, b {font-weight:bold;}

img{border:none;}

p{margin:0; padding:10px 0 0 0;}

h2{
margin:0 0 5px 0;
padding:0;
color: #2484C6;
font: bold 20px Arial;
}

.sL h2.titleItem {
margin-top: 0;
padding-top:0;
}

h3{
font: bold 13px Arial;
color:#404040;
margin:0;
padding:10px 0 0 0;
}

form{
padding:0;
margin:0;
}

td{
padding:5px 0;
margin:0;
vertical-align:top;
}

table{
border-collapse:collapse;
}

.contentPage .standardTable td.controlFilter p{padding:0;}

.header,.menuTop,.main,.footer{
margin: 0 auto;
width: 980px;
}

/* ####################### UTILS ####################### */

.clear{clear:both; margin:0; padding:0; font-size:0;}

.left{float: left;}

.right{float: right;}

.error{color:red; font-size:10px; font-style:italic;}

.maximized{width:100%;}

/* ####################### HEADER ####################### */

.header{
height: 60px;
}

.extremeMenu{
height: 40px;
background:#F6F6F6;
}

.menuTop{
height: 35px;
position:relative;
}

div.logo{
background:transparent url('http://www.myrooms.it/skin/logo_family.png') 0 0 no-repeat;
_background:transparent url('http://www.myrooms.it/skin/logo_family.gif') 0 0 no-repeat;
height:47px;
width:250px;
position:absolute;
top:8px;
left:0px;
z-index: 1000;
display: block;
margin:0;
padding:0;
}

div.logo a:link, div.logo a:visited {
display: block;
height: 40px;
}

/* ####################### MENU - HEADER ####################### */

.profileMenu{
margin:10px 0 0 0;
padding:0;
width:auto;
}

.profileMenu li{
margin:0;
padding:0 10px 0 10px;
list-style:none;
background: transparent url('http://www.myrooms.it/images/bg_menu_item.png') right 0 no-repeat;
float:left;
/*height:30px;*/
}

.profileMenu a, .profileMenu a:visited, .profileMenu a:hover,.profileMenu span{

padding: 0;
text-align: right;
color:#404040;
}

.profileMenu a:hover{
text-decoration:underline;
}

.profileMenu a img{
margin: 0 5px;
}

.login{
padding: 10px 0;
color:#404040;
position:relative;
}

.login a, .login a:visited{
padding: 10px 0;
color:#FFFFFF;
}

.login a:hover{
color:#404040;
}

/* ####################### RICERCA ####################### */

.searchBox{
position: relative;
width: 960px;
height: 29px;
padding: 10px;
margin:0 0 0 60px;
background: #2484C6;
float:right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.searchBox input,.searchBox select{
font-size: 13px;
height:18px;
padding-bottom: 5px;
margin-right: 5px;
width: 25%;
}

.searchBox select{
height:28px;
width: 180px;
}

.searchBox .inputSearchBoxA,.searchBox .inputSearchBoxB{vertical-align: top; width:33%;}

.searchBox strong{
float:left;
display: block;
font-size: 15px;
margin-top:3px;
width: 50px;
height: 18px;
}

.searchBox input.inputSearchBtn,.searchBox input.inputSearchBtn:hover{
position: absolute;
top:10px;
right:10px;
text-align: right;
padding:0px 12px 0 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width:95px;
font-weight: bold;
font-size: 18px;
color:#FFFFFF;
height: 29px;
border: none;
cursor:pointer;
float:right;
background:#404040 url('http://www.myrooms.it/images/btn_search.gif') -5px 2px no-repeat;
}

.searchBox input.inputSearchAd{
position: absolute;
top:0;
left:408px;
width:35px;
height: 25px;
border: none;
cursor:pointer;
float:right;
background:transparent url('http://www.myrooms.it/images/btn_search_ad.gif') 0 0 no-repeat;
}

input.btn, a.btn{
padding: 5px 10px;
background: #404040;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}

a.btn, a.btn:visited,  a.btn:hover{display:inline-block; text-decoration:none;}

input.btnNull{
padding: 5px 10px;
background: #909090;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}

/* ####################### COMMONS ####################### */

.common{
width: 650px;
border-right: solid 1px #EEEEEE;
padding-right:10px;
float:left;
}

.column{
width: 300px;
padding-left: 15px;
float: right;
}

p.breadcrumbs{
padding: 0;
margin:10px 0;
display:block;
float:left;
font-style: italic;
font-size: 10px;
color:#999999;
width:610px;
}

p.breadcrumbs a{
color:#999999;
}

.stringService{
height: 22px;
margin-bottom: 10px;
padding: 3px 5px 0 5px;
vertical-align: middle;
width: 640px;
background: #EEEEEE;
}

.stringService span{
margin-bottom: 10px;
padding: 3px 5px 0 5px;
vertical-align: middle;
}

.stringService a,.stringService a:hover,.stringService a:link{
margin: 0 15px 0 0;
padding: 0;
display: block;
float: left;
height:15px;
}

.stringService a:hover {
margin:0 15px 0 0;
}

.wrapFooter {
width:980px;
margin:0 auto;
}

/* ####################### MATTONI ####################### */

.cL{
float: left;
width:650px;
margin-bottom: 10px;
border-bottom: 1px solid #CFCFCF;
}

.last{
margin-right: 0px;
}

.bL{
width:650px;
border-bottom: 1px solid #CFCFCF;
margin-bottom: 20px;
padding-bottom: 10px;
}

.bL ul.regions{margin:0; padding:0; list-style:none;width:280px; height:390px; float:right;}
.bL ul.regions li{margin:0 15px 5px 0; padding:0; list-style:none; float:left; width:125px;}
.bL ul.regions li a{display: block; width: 125px;  height:15px; float:left; font-size: 12px; font-weight: bold;}

.bL a{
float:left;
display: block;
width: 220px;
margin: 2px 0;
}

.bS{
width:300px;
border-bottom: 1px solid #CFCFCF;
margin-bottom: 10px;
padding-bottom: 10px;
}

.bS a{
float:left;
display: block;
width: 150px;
margin: 2px 0;
}

.cL .contCategory{
margin:0 20px 20px 0;
float: left;
width: 195px;
list-style: none;
padding: 0;
display: block;
}

.cL a{
font-size:15px;
line-height:20px;
}

.cL a:hover{
text-decoration: underline;
}

.cL a span{
font-size:15px;
font-weight:bold;
display: block;
color:#0868AC;
}

.boxForm1{
border:solid 1px #EEEEEE;
width: 278px;
padding: 10px;
margin-bottom: 10px;
}

.boxForm1 td{
padding: 10px 0 0 0;
}

.boxForm1 h2{
margin-top:10px;
}

.boxForm1 textarea, .boxForm1 input{
float:right;
}

.boxForm1 textarea{
width: 270px;
height: 30px;
}

.boxForm1 input{
width: 210px;
height: 13px;
}

.ifL{
width:650px;
margin-top: 5px;
padding: 0 0 10px 0;
}

.ifL h2{
margin: 10px 0 15px 0;
}

.ifL .contShowCase{
width:315px;
float:left;
height: 70px;
margin-bottom: 15px;
margin-right: 10px;
border-bottom: dotted 1px #EEEEEE;
}

.ifL .contShowCase div.left img{
width:50px;
padding: 3px;
border: solid 1px #EEEEEE;
}

.ifL .contShowCase a.right{
width:245px;
height: 50px;
padding:0 0 0 3px;
}

.ifL .contShowCase a.right strong{
color:#0868AC;
font-size: 13px;
padding-bottom: 5px;
}

.ifS{
width:280px;
margin: 5px 0 10px 0;
padding: 10px;
background: #EEEEEE;
}

.ifS p{
padding:0 0 5px 0;
}

.ifS table{
width:280px;
}

.ifS select{
width:180px;
}

.ifS input.btn{
width:auto;
}

.ifS input{
width:170px;
}

.ipS input.checkStyle{width:13px;}

.ipS .contShowCase a.right strong{
display: block;
text-decoration: none;
color:#0868AC;
font-size: 13px;
padding-bottom: 5px;
}

.ipS .contShowCase{
width:300px;
float:left;
height: 70px;
margin-bottom: 10px;
border-bottom: dotted 1px #EEEEEE;
}

.ipS .contShowCase div.left img{
width:50px;
padding: 3px;
border: solid 1px #EEEEEE;
}

.ipS .contShowCase a.right{
width:235px;
height: 50px;
padding:0 0 0 3px;
}

.ipS .contShowCase a.right strong{
display: block;
text-decoration: none;
}

.irL{
width:650px;
margin-top: 5px;
padding: 0 0 10px 0;
}

.irL .contShowCase{
width:650px;
float:left;
height: 70px;
margin-bottom: 15px;
margin-right: 10px;
border-bottom: dotted 1px #EEEEEE;
}

.irL .contShowCase div.left img{
width:50px;
/*height: 50px;*/
padding: 3px;
border: solid 1px #EEEEEE;
}

.irL .contShowCase div.right{
width:580px;
height: 50px;
padding:0 0 0 3px;
}

.irL .contShowCase div.titleOne{
display: block;
line-height: 15px;
margin-bottom: 3px;
}

.itL{
border-bottom: 1px solid #CFCFCF;
margin-bottom: 20px;
}


.itL .contShowCase2{
width:650px;
margin-bottom: 15px;
padding: 10px 0;
border-bottom: dotted 1px #EEEEEE;
}

.itL .contShowCase2 strong{
display:block;
color:#0868AC;
font-size: 13px;
padding-bottom: 5px;
width:640px;
}


.itS{
border-bottom: 1px solid #CFCFCF;
margin-bottom: 10px;
}

.itS .contShowCase2{
width:300px;
padding-bottom:10px;
margin-bottom: 15px;
border-bottom: dotted 1px #EEEEEE;
}

.itS .contShowCase2 strong{
display:block;
width:280px;
}

.fL {width: 650px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #CFCFCF;}
.fL #paging{float: right; margin: 10px 0 0 0; width: 630px;  padding: 5px 10px;}

.fL #paging span{display: block; float: left;}
.fL #paging a{text-decoration: none; border: none; display: block; float: left; width: 25px; margin: 0 5px 0 0; text-align: center;}
.fL #paging a:hover {text-decoration: underline;}
.fL .left{width: 130px;}
.fL .right{width: 480px; padding: 0 10px;}
.fL img{ padding: 5px; border: 1px solid #EEEEEE;}
.fL a strong{display: block; color:#0868AC; font-size: 13px; padding-bottom: 5px;}

.sL {width: 650px; padding-bottom: 10px; margin-top: 10px;}
.sL .left{width: 220px; overflow: hidden; margin: 10px 25px 10px 0;}
.sL .noBord .left {border:0; width: 350px;}

.sL h2{margin-top:5px;}
.sL .leftSl{width: 400px; float:left; margin-bottom: 10px;}
.sL .right{width: 400px;}

.clS{
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #CFCFCF;
}

.clS a{margin:5px 5px 0 0;}

.clS a.c1{font-size: 12px; font-weight: 200;}
.clS a.c2{font-size: 13px; color:#5F5F5F;}
.clS a.c3{font-size: 14px; font-weight: 500;}
.clS a.c4{font-size: 15px; color:#7F7F7F;}
.clS a.c5{font-size: 16px;}
.clS a.c6{font-size: 17px;}

.dL{
float: left;
width:650px;
margin-bottom: 10px;
border-bottom: 1px solid #CFCFCF;
padding-bottom: 10px;
}

.dL a{
display: block;
float: left;
margin:5px 10px 0 0;
width: 200px;
font-weight: bold;
}

p.pagebanner{
display: block;
font-size: 15px;
color: #0868AC;
font-weight: bold;
}

span.pagelinks{
display: block;
height: 25px;
margin-top: 10px;
font-size: 12px;
}

span.pagelinks strong,span.pagelinks a,span.pagelinks a:hover,span.pagelinks a:link{
margin: 0 8px;
}

span.last, span.next, span.first, span.prev {
margin: 0 8px;
}

.colLeft {
float:left;
width:665px;
}

/* ####################### AREA PRIVATA ####################### */

ul#nav{
float: left;
width: 100%;
list-style: none;
margin: 0 0 15px 0;
padding: 0;
/*border-bottom: 2px solid #CFCFCF;*/
background:transparent url('http://www.myrooms.it/images/bg_line.gif') 0 bottom repeat-x;
}

ul#nav li{
float: left;
margin: 0 15px 0 0;
padding: 0;
}

ul#nav a{
float: left;
padding:5px 10px;
display: block;
height: 13px;
font-size: 15px;
border: 2px solid #CFCFCF;
border-bottom: 0;
text-decoration: none;
background: #EFEFEF;
color: #222;
}


ul#nav a:hover{
color: #2484C6;
}

ul#nav li#active a{
font-weight: bold;
color: #2484C6;
background: #FFFFFF;
height: 15px;
}

.resultArea th{text-align: left; height: 25px; padding:0 10px 0 5px; background: #F6F6F6;}
.resultArea td{text-align: left; padding:10px 10px 5px 5px; border-bottom: 1px solid #CFCFCF;}
a.iconPublisher,a.iconPublisher:hover,a.iconPublisher:link{text-align: center; display: block; height:17px;}

.dataUser{
width: 550px;
}

.dataUser td,.dataUser th{
padding: 10px 5px 10px 0;
}

.dataUser th{
font-weight: bold;
color:#808080;
width: 130px;
text-align: left;
}

.dataUser td{
font-weight: bold;
}

.modyBtn{
float: right;
display: block;
width: 78px;
height: 20px;
margin-top:11px;
font-weight: bold;
color:#0868AC;
padding: 0 0 0 18px;
background:transparent url('http://www.myrooms.it/images/icon_modify2.gif') 0 0 no-repeat;
}

.modyBtn a,.modyBtn a:hover,.modyBtn a:link{
font-weight: bold;
color:#0868AC;
}

h3.modyTitle{
display: block;
width:550px;
float: left;
font-weight: bold;
color:#0868AC;
font-size: 15px;
margin: 0 0 10px 0;
}

/* ####################### SCHEDA ####################### */

.sL .dObS{line-height: 20px; padding-top: 0;}
.sL .dObL b,.sL .dObS b{color:#0868AC;}
.sL .dObL {margin-bottom: 10px; border-bottom:1px dotted #EEEEEE; padding-bottom:10px;}

.rssPill{
}

.rssPill h2{
font-size: 15px;
}

.rssPill h3{
font-size: 15px;
padding: 0;
margin: 0;
color:#404040;
display: block;
float: left;
width: auto;
}

.rssPill span.rssLink{
float:left;
margin-left:5px;
font-weight: bold;
padding-top: 1px;
}

.publisherTable td{padding: 0;}

.rssItem{
height:auto;
border-bottom:1px dotted #EEEEEE;
margin:0px 0 5px 0;
padding: 10px 0 10px 0;
}

.rssItem a,.rssItem a:hover,.rssItem a:link{color: #404040;}

.rssItem .right{
margin:0px 55px 0px 0;
width:480px;
}

.rssItem .right a strong{
color:#0868AC;
font-size: 13px;
padding-bottom: 5px;
}

.rssItem .left{
width: 100px;
height: 100px;
overflow: hidden;
margin: 5px 10px 0 0;
/*border:1px solid #CFCFCF;*/
}

/* ####################### DISPLAY TABLE ####################### */

.footerSite{
margin:20px auto 0 auto;
width:980px;
border-top: solid 1px #E6E6E6;
font-size:11px;
padding:10px 0;
}

.footerMyFB{
margin:5px auto;
width:976px;
background: #E6E6E6;
font-size:11px;
padding:10px 5px;
color:#808080;
}

.footerMyFB h3,networkMyFB h3{
padding: 5px 0;
}

.footerMyFB ul{
list-style: none;
margin: 0 35px 0 0;
padding: 0;
}

.footerMyFB li{
margin: 0 0 7px 0;
padding: 0;
}

.footerMyFB a, .networkMyFB a,.footerMyFB a:hover, .networkMyFB a:hover,.footerMyFB a:link, .networkMyFB a:link{
color:#808080;
font-weight: bold;
}

.networkMyFB{
border-top: dotted 1px #FFFFFF;
}

/* ####################### DISPLAY TABLE ####################### */

.sortable a{background:transparent url('http://www.myrooms.it/images/arrow_off.png') 100% 2px no-repeat; padding-right:10px;}
.order1 a{background-image:url('http://www.myrooms.it/images/arrow_up.png');}
.order2 a{background-image:url('http://www.myrooms.it/images/arrow_down.png');}

/* ####################### BOX REGIONI ####################### */

.column .bS ul {
list-style:none;
}

.column .bS ul li.regionsSmall, .column .bS ul li.regionsSmallP {
margin:0;
padding:5px 0 0 0 ;
list-style:none;
float:left;
width:50%;
font-weight: bold;
list-style: none;
}

.column .bS ul li.regionsSmallP a:link, .column .bS ul li.regionsSmallP a:visited {
color: #2484C6;
}

/* ####################### FACEBOOK PLUGINS BOX ####################### */

#box-fb {
border: 1px solid #DDDDDD;
height: 300px;
margin-bottom: 10px;
width: 298px;
}

#box-fb img#fb_head {
display: block;
}

#box-fb ul {
padding:0;
list-style:none;
margin:0;
}

#box-fb ul li {
background: none repeat scroll 0 0 #CCCCCC;
color: #FFFFFF;
cursor: pointer;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
width: 99px;
}

#box-fb ul li#fb1 {
width:100px;
}

#box-fb ul li.selected {
background: none repeat scroll 0 0 #627AAD;
}

#box-fb ul li a {
color: #FFFFFF;
text-decoration: none;
display:block;
width:99%;
padding: 4px 0;
}

#box-fb #first.fb-scroll, #box-fb #second.fb-scroll {
height: 135px;
overflow: auto;
}


#box-fb #container-box-fb1, #box-fb #container-box-fb2, #box-fb #container-box-fb3 {
clear: left;
margin: 0 auto;
height:248px;
overflow:auto;
}

#box-fb .ui-tabs-container {
background: none repeat scroll 0 0 transparent;
}

.leftText {
float:left;
width:510px;
}

.iconsTop a:link, .iconsTop a:visited {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.iconsTop a:hover, .iconsTop a.selected:link , .iconsTop a.selected:visited {
filter:alpha(opacity=100);
opacity: 1;
}

.pagelinks strong{color: #2484C6;}
