body {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 13px;
 line-height: 1.4em;
 background: #FFF;
 color: #564B42;
 margin: 0;
 padding: 0;
 align:left;
}
a { text-decoration:none; color:#476CB7;}
a:hover { text-decoration:underline;}
 .articleDisplay h3 a:visited, .journals h4 a:visited, span.userIcon a:visited, span.staffIcon a:visited, span.subscriberIcon a:visited, span.modIcon a:visited { color: #3F3731; }
 .articleDisplay a:visited, .forumtable a:visited, .journals a:visited { color: #867463; } 
p { margin-top: 10px; }
li { margin-top: 6px; }
.articleDisplay li { margin-top: 5px; }
form, fieldset { margin: 0; padding: 0; border: 0;}
textarea { margin:0; padding:0;}
td { font-size: 13px; }
img { border:none; }
ul{list-style-type: square; list-style-image: none; list-style-position: inside; }
h3, h3, h3 a:visited {
 font-size: 14px;
 color: #43281E;
 line-height: 21px;
 margin-bottom: 10px;
 margin-top: 10px;
 text-decoration: none;
}

h4 {
 font-size: 12px;
 margin-top: 0.5em; margin-bottom: 0.5em;
 color: #5D3A2D;
}

th {
 text-align:center;
 background: #EDF0E6;
 color: #564B42;
 font-weight: bold;
 font-size: 11px;
}
hr	{ height: 0px; border: #476CB7 solid  1px; border-top-width: 1px;}
small { font-size: 11px; }
smaller, tiny { font-size: 10px; }
.newsline	{ background-color:#476CB7 ; border: 1px #191970 solid; color:#DEFEF9;}
.inactive	{ background-color: #DADDD3; border: 0px #191970 solid; color:#DEFEF9;}
.green	{ background-color:#5EFF19 ; border: 0px #191970 solid; color:#DEFEF9;}
.red	{ background-color:#B01C09 ; border: 0px #191970 solid; color:#DEFEF9;}
table {
 padding:0px; margin:0px; border:0px;
}
td.status {
 background:#F9FBF0;
 padding: 10px 10px 10px 10px;
 border-top: 1px solid #D4D6CD;
 border-right: 1px solid #D4D6CD; 
 border-left: 1px solid #D4D6CD; 
 border-bottom: 1px solid #D4D6CD;
}
table.s_table {
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #D4D6CD;
 border-right: 1px solid #D4D6CD; 
 border-left: 1px solid #D4D6CD; 
 border-bottom: 1px solid #D4D6CD;
}
table.s_day {
 padding: 2px 2px 2px 2px;
 margin-left: -0.3em;
 margin-bottom: -0.8em;
}
td.s_today {
background-color:#476CB7 ; border: 0px #191970 solid;color:#DEFEF9;
}
td.s_today:hover {
background-color:#476CB7 ; border: 0px #191970 solid;color:#DEFEF9;
}
td.s_other {
background-color: #F9FBF0; border: 0px #191970 solid;
}
td.s_other:hover {
background-color: #476CB7; border: 0px #191970 solid;color:#DEFEF9;
}
td.p_free:hover {
background-color:#5EFF19 ; border: 0px #191970 solid; color:#DEFEF9;
}
td.p_busy:hover {
background-color: #FF3700; border: 0px #191970 solid; color:#DEFEF9;
}
td.p_close {
background-color: #9B9B9B; border: 0px #191970 solid; color:#DEFEF9;
}
td.p_open {
background-color: #30810D; border: 0px #191970 solid; color:#DEFEF9;
}
table.form {
 padding: 0px;
 width:100%;
}

table.form .divider h3 {
 border-bottom: 1px solid #CFCFCF;
}

table.form textarea {
 width: 90%; height: 80px;
}

table.form input[type="text"]{
 width:30%;
}

table.form td {
 padding-bottom:5px;
}

table.form td.label {
 text-align:right;
 padding-right:5px;
 font-size:12px;
 vertical-align:top;
}

table.form span.required {
 color:red;
}

table.form span.error {
 color:red;
 font-weight:bold;
 font-size:13px;
}


p.date_nav {
	text-align:right;
	margin-bottom: 0em;
	margin-top: -1.5em;
}
/* for 3-column layout pages */
#CMContent3 {
 margin: 10px 100px 0 70px;
 padding: 0 30px 25px 20px;
 border-top: 1px solid #FFF;
 border-right: 1px solid #EAECE2; 
 border-left: 1px solid #EAECE2; 
 border-bottom: 1px solid #EAECE2;
}
#CMContentP {
 margin: 0px 10px 0 10px;
 padding: 6px 10px 10px 10px;
 border-top: 1px solid #FFF;
 border-right: 1px solid #EAECE2; 
 border-left: 1px solid #EAECE2; 
 border-bottom: 1px solid #EAECE2;
}
/* for 2-column layout pages */
#CMContent2 {
 margin: 10px 20px 0 200px;
 padding-bottom: 25px;
 padding-left: 20px;
 border-top: 1px solid #FFF;
 border-left: 1px solid #EAECE2;
}

/* for 1-column layout pages */
#CMContent1 {
 margin: 0 15px 0 20px;
 padding-bottom: 25px;
}

.nonav#CMContent3, .nonav#CMContent2 { margin-top: 15px; }


#CMContextSidebar, #CMSearchSidebar {
 position: absolute;
 top: 130px;
 padding: 10px 11px 0 10px;
 left: 0px;
 width: 180px;
 overflow: hidden;
 color: #605C5B;
}

#CMConnectionsSidebar {
 position: absolute;
 top: 165px;
 padding: 11px 5px 0 10px;
 width: 180px;
 right: 20px;
 color: #605C5B;
}

.nonav#CMConnectionsSidebar { top: 130px; }

#featurepanel p, #radio p {
 margin-bottom: 0.5em;
}

#CMFooter {
 clear: both;
 text-align: center;
 color: #91998E;
 font-size: 10px;
 text-decoration : none;
}
#CMFooter p { margin-top: 1px; }
#CMFooter a { color: #476CB7; text-decoration:none; font-size: 12px;}
#CMFooter a:hover { text-decoration:underline; }
#CMHeader {
 height: 175px;
 color: #DEFEF9;
 background: #FFFFFF;
 overflow: hidden;
 margin: 0px 100px 0px 70px;
}

#CMHeader a { color: #DEFEF9; }
#CMHeader a:hover { color: #FFF; }

#CMLogo {
 position: absolute;
 top: 10px;
 left: 50px;
 height: 85px;
 width: 185px;
 color: #FFF;
}

#CMLogo .powered {
 display: block;
 font-size: 10px;
 margin-left: -1px;
}

/* #HeaderMenu { margin: 15px 200px 0 300px; } */
#HeaderMenu ul.extralinks {
 margin: 9px 0 0 0;
 width: 85px;
 list-style: none;
 float: right;
 padding: 0;
}

#HeaderMenu ul.extralinks li {
 margin: 5px 0 0 0;
 font-size: 11px;
 line-height: 12px;
}

/* Primary Navigation */

#navigation {
 margin-top: 12px;
 height: 55px;
 width: 300px;
 float: left;
}

#navigation ul {
 background: url("") top left no-repeat transparent;
 padding: 0; margin: 0;
 position: relative;
 height: 45px;
}

#navigation li {
 margin: 0; padding: 0;
 position: absolute; 
 top: 0;
 list-style: none;
 height: 48px;
 display: block;
 border-bottom:3px solid #EAECE2;
}

#navigation li a {
 display: block;
 text-decoration: none;
 padding-top: 32px;
 height: 15px;
 line-height: 15px;
 text-align: center;
}
#navButton0 { left: 0; width: 47px; }
#navButton1 { left: 50px; width: 47px; }
#navButton2 { left: 100px; width: 47px; }
#navButton3 { left: 150px; width: 52px; }
#navButton4 { left: 205px; width: 47px; }
#navButton5 { left: 255px; width: 47px; }
#navButton6 { left: 305px; width: 47px; }
#navButton7 { left: 355px; width: 47px; }

#navigation li a:hover, #navigation li.current a { color: #FFF; }
#navigation #navButton0 a:hover, #navigation li.current#navButton0 a { background: url("") 0 -56px no-repeat #053750;	}
#navigation #navButton1 a:hover, #navigation li.current#navButton1 a { background: url("") -50px -56px no-repeat #053750;	}
#navigation #navButton2 a:hover, #navigation li.current#navButton2 a { background: url("") -100px -56px no-repeat #053750;	}
#navigation #navButton3 a:hover, #navigation li.current#navButton3 a { background: url("") -150px -56px no-repeat #053750;	}
#navigation #navButton4 a:hover, #navigation li.current#navButton4 a { background: url("") -205px -56px no-repeat #053750;	}
#navigation #navButton5 a:hover, #navigation li.current#navButton5 a { background: url("") -255px -56px no-repeat #053750;	}
#navigation #navButton6 a:hover, #navigation li.current#navButton6 a { background: url("") -305px -56px no-repeat #053750;	}
#navigation #navButton7 a:hover, #navigation li.current#navButton7 a { background: url("") -355px -56px no-repeat #053750;	}

/* trentogiovani-like */

#navbar {z-index:100; font-family:Verdana; font-size:12px;}
#navbar ul {background:#1276AE; color:#FFF; min-height:2.3em; padding-left:150px;margin:0!important;}
#navbar li {display:inline; padding: 0px!important; margin:0 2px 0 2px!important; background:none;}
#navbar li a:link, #navbar li a:visited {color:#fff; font-weight:bold; padding: 0.5em 10px!important; margin:0!important; background:url('images/navbar.gif') right no-repeat; margin-right:-4px!important; line-height:2.3em; text-decoration:none;}
#navbar li a.active {background:url('images/navbar.gif') right no-repeat #09486B; margin:0!important; margin-right:-4px!important; line-height:2.3em;}
#navbar li a:hover { background : #053750; }

#CMHeadline {
 height: 10px;
 padding-left: 14px;
 padding-right: 10px;
 background: #FFFFFF;
 overflow:hidden;
}

#CMHeadline h1 {
 font-size: 18px;
 line-height: 21px;
 margin: 0;
 padding: 0;
 margin-top: 4px;
 padding-top: 1px;
 overflow: hidden;
 color: #FFF;
 white-space:nowrap;
}

h1 span { display: none; }

#SecondaryNav {
 margin-left: 70px;
 margin-right: 100px;
 padding-left: 8px;
 height: 20px;
 background: #EBEEE4;
 color: #383D42;
}
#SecondaryNavP {
 margin-left: 10px;
 margin-right: 10px;
 padding-left: 5px;
 height: 20px;
 background: #EBEEE4;
 color: #383D42;
}
#CMContent1 #SecondaryNav {
 margin-left: -20px;
 margin-right: -15px; 
 margin-bottom: 10px;
}

h2 {
 font-size: 16px;
 color: #43281E;
}

#SecondaryNav ul {
 padding: 0; margin: 0;
}

#SecondaryNav li {
 display: inline; 
 padding-top: 5px;
}

#SecondaryNav li a {
 margin-top: 5px;
 color: #383D42;
 padding-left: 12px;
 padding-right: 12px;
 line-height: 20px;
 height: 20px;
 border-right: 1px solid #F1F2EB;
 text-decoration: none;
 display: block;
 float: left;
}

#SecondaryNav li a:hover { background: #F1F2EB; text-decoration: underline; }
#SecondaryNav li a.current:hover { background: #564B42; }

#SecondaryNav li a.current {
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #FFF;
 background: #564B42;
}
/*  Dashboard Look and Feel 
 ---------------------------- */

#dashboard {
 position: absolute;
 top: 0;
 right: 0;
 padding: 10px;
 width: 180px;
 height: 95px;
 font-size: 10px;
 overflow: hidden;
 line-height: 15px;
}

#dashboard a { color: #564B42; font-size: 11pt;}

#dashboard .dashTop {
 background: #F1F3EB; 
 overflow: hidden;
 height: 49px;
 border: 1px solid #F1F3EB;
 border-bottom: 0;
}

#dashboard .dashBottom {
 background: #E24D75;
 clear: both;
 padding: 1px 9px 2px 7px;
 line-height: 14px;
 font-size: 10px;
 border: 1px solid #F1F3EB;
 border-top: 0;
}

#dashboard .dashBottom a { color: #FFF; }
#dashboard .dashBottom a span { font-weight: bold; }

#dashboard .dashTop .toplinks {
 float: left;
 width: 120px;
 padding-left: 7px; 
 margin-top: 3px;
}

#dashboard .toplinks a:link, #dashboard .toplinks a:visited { 
 line-height: 14px; 
 color: #564B42; 
 font-size: 8pt;
}

#dashboard .dashTop .userpic {
 width:50px;
 height:50px;
 overflow:hidden;
 float:right;
}

#dashboard form {
 margin: 0; padding: 0;
}

#dashboard label {
 font-size: 10px;
 font-weight: normal;
 padding-right: 5px;
 line-height: 13px;
 color: #FFF;
 padding-left: 10px;
}


#dashboard .button { clear: left; display: inline;}
#dashboard .login p { margin-top: 5px; margin-bottom: 0; font-size: 10px;}
#dashboard .small { line-height: 1.1em; }
#dashboard .small a { color: #FFF; }
#tabheader {
 position: relative;
 height: 30px;
 border-bottom: 1px solid #eaece2;
}

#tabheader ul#tabs {
position: absolute;
 margin: 0;
 padding: 0;
 padding-bottom: 1px;
 bottom: -2px;
 width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */}

#tabheader ul#tabs li {
 display: inline;
 list-style: none;
 font-weight: bold;
 color: #000;
}

#tabheader ul#tabs a, #tabheader ul#tabs span, #tabheader ul#tabs a.current {
 width: 90px;
 line-height: 19px;
 display: block;
 float: left;
 padding: 4px 0;
 margin: 1px 4px 0 0;
 text-align: center;
 text-decoration: none;
 color: #333;
}

#tabheader ul#tabs span,#tabheader ul#tabs a.current,#tabheader ul#tabs a.current:hover {
 border: 1px solid #eaece2;
 border-bottom: none;
 background: #FFF;
 padding-bottom: 6px;
 margin-top: 0;
}
#tabheader ul#tabs a {
 background: #EFEFEF;
 color: #777;
 border: 1px solid #CFCFCF;
 border-bottom: #eaece2;
}

#tabheader ul#tabs a:hover {
 margin-top: 0;
 border-color: #BBB;
 border-bottom: #eaece2;
 background: #FFFFFF;
 padding-bottom: 5px;
 color: #333;
}

#tabbody { 
 margin-top:0px;
 margin-bottom:20px;
 border:1px solid #eaece2;
 padding:25px;
 border-top:0;
}


.bigger3 h3.help {
 margin-top: 40px;
 margin-bottom: 25px;
 font-size: 18px; 
}

#CMContent2 h3 a, #CMContent3 h3 a {
 border: 0;
}
#CMContent1 h3 a:hover, #CMContent2 h3 a:hover, #CMContent3 h3 a:hover {
 text-decoration: underline;
}

#CMContextSidebar h4 , #CMSearchSidebar h4, #CMConnectionsSidebar h4 {
 font-size: 11px;
 margin-bottom: 0;
}



/* Misc. Styles */

.light { color: #AAA; }

a.redX, a.redX:link, a.redX:visited {
 font-size: 9px;
 color: #900;
 margin-left: 5px;
 display: inline;
}

.hint {
 font-size: 11px;
 color: #FFF;
 display: block;
 margin-top: 2px;
}

.lighter { color: #BCBCBC; }


/* 'alert' box, like "message sent" or "password changed" or some response to a form post */
/* always put text inside a <p class="happy|sad"> within a div/alert */
div.alert{
 border:1px solid grey; 
 padding:15px; 
 color: #555;
 border: 1px solid #CCC;
 background: #FCF1E2;
 vertical-align:middle; 
 text-align:center; 
 font-size:100%;
 font-weight: bold;
 margin-top: 10px;
}

div.alert p{ padding:0;margin:0;}
div.alert input{ padding:0;margin:0; font-color:red;}

/* little help boxes */

.helpBox {
 padding: 10px;
 margin-bottom: 10px;
 margin-top: 10px;
 color: #555;
 border: 1px solid #CCC;
 background: #FCF1E2;
}

.helpBox p {
 margin-top: 0;
 margin-bottom: 0.75em;
}

.errorbox, .watermarkbox {
 padding: 12px;
 margin-top: 1em;
 margin-bottom: 1em;
 color: #666;
 border: 1px solid #CCC;
 background: #FCF1E2;
}

a.helplink {
 font-size:10px;
 vertical-align:super;
 margin-left:2px;
}



.pad { margin-bottom: 1.5em; }

ul.paddedlist li { 
 margin-bottom: 1em;
 padding-right: 10%;
}

th.left { text-align: left; }
th.right { text-align: right; }
tr.noback th { background: transparent; }
th.minimal { background: #FFF; color: #91998E; border-bottom: 1px solid #EAECE2; font-weight: normal; }

.larger { font-size: 12px; }


/* homepage */

#splash {
 text-align: left;
}

#splash h1 { 
 color: #564B42; 
 margin-top: 20px;
 font-size: 28px;
 }

#splash h2 {
 font-size: 20px;
 font-weight: normal;
 margin-top: 2px;
 color: #564B42; 
 padding-bottom: 0px;
}

#splashsearch {
 margin-top: 10px;
 vertical-align: middle;
 padding-bottom: 25px;
}

#splashsearch .imgbutton { margin-left: 5px; margin-bottom: -12px; }

#splash h3 { font-size: 14px; color: #564B42; text-align: left;}
#splash h3 a { font-size: 18px; color: #D20039; text-decoration: none; }
#splash h3 a:hover { text-decoration: underline; } 


 /* CM.fm Sidebar Panels Look and Feel 
 ------------------------------------ */

/* Main panel class */

.cmPanel {
 width: 175px;
 color: #605C5B;
 font-size: 12px;
 padding: 0 5px 15px 5px;
 background: white;
}

.cmPanel a { color: #605C5B; }
.cmPanel a:hover { color: #564B42; }

#searchoptions .cmPanel {
/* reduce padding when it's a bunch of search panels */
 margin-bottom: 1.5em;
}

#CMSearchSidebar .cmPanel { color: #605C5B; }
#CMSearchSidebar .cmPanel h2 { float: none; }

#CMSearchSidebar .cmPanel td { padding-bottom: 0.5em; }



/* Panel header div */

.cmPanel .h {
 background: #EBEEE4;
 padding: 0px 5px 0px 9px;
 line-height: 30px;
 margin-left: -5px;
 margin-top: 5px;
}

div.h h2 {
 font-size: 13px;
 font-weight: normal;
 margin: 0;
 float: left;
 width: 70%;
 color: #605C5B;
 }

div.plain h2 { float: none; width: 100%; }

div.h h2 a {
 color: #605C5B;
 text-decoration: none;
}

div.h h2 a:hover { text-decoration: underline; }


.cmPanel h3 {
 clear: both;
 font-size: 12px;
 margin-bottom: 5px;
 color: #37271C;
}

.cmPanel .c {
 margin-left: 4px;
 padding-right: 5px;
}

/* Panel lists */

.cmPanel ul {
 list-style: none;
 padding: 0;
 margin: 0;
 padding-top: 8px;
 margin-bottom: -1em;
}

.cmPanel li {
 margin: 0;
 padding: 0;
 line-height: 16px;
}

.cmPanel ul.bullets li, .cmPanel ul.bullets { list-style: square inside; }
.cmPanel ul.bullets li a { text-decoration: underline; }

.cmPanel ul.i li.user, .cmPanel ul.i li.subscriber, .cmPanel ul.i li.automod, .cmPanel ul.i li.forumsmod, .cmPanel ul.i li.staff { padding-left: 0; }

.cmPanel li span.type { display: none; }
.cmPanel ul.i li span.type { display: block; position: absolute; margin-top: -33px;}

.cmPanel li a {
 color: #605C5B;
 text-decoration: none;
}

.cmPanel li a:hover {text-decoration: underline;}
.cmPanel ul li img { display: none; }
.cmPanel ul.i li.imgtags a {padding-right: 0;}

.cmPanel ul.i li.imgtags a.img {
 display: inline;
 margin: 0; padding: 0; border: 0;
}

.cmPanel ul.i li.imgtags img {
 display: block;
 float: right;
}

.cmPanel ul.i {
 margin-bottom: 0;
}

.cmPanel ul.i li {
 display: block;
 padding-top: 4px;
 padding-bottom: 5px;
}

.cmPanel ul.i li a {
 display: block;
 background-color: #F7F8F3;
 background-position: top right;
 background-repeat: no-repeat;
 padding: 5px 55px 0 10px;
 overflow: hidden;
 height: 48px;
 text-align: left;
 font-size: 11px;
 border: 0;
 margin-left: -10px;
 font-weight: bold;
}

.cmPanel ul.i li a:hover { background-color: #F1F3EB; }
.cmPanel ul.i a:hover { border: 0;}

/* Panel footer div */

.cmpanel .f {
 margin-top: 5px;
 clear: both;
}


/* Links around whole p's get special treatment */
.cmPanel a.noline p { text-decoration: none; }
.cmPanel a:hover p { text-decoration: underline; }

/* List mode toggle stuff */

.tog {
 float: right;
 height: 20px;
 width: 22px;
 background-color: #EBEEE4;
}


a.tog:hover { background-color: #DBDED1; }
div.h span.num { color: #AAA; font-size: 11px; margin-left: 1px; display: none; font-weight: normal;}
div.guide span.num { display: inline; }



.imgHolder {
 background: #EBEEE4;
 margin: 10px -5px 10px -10px;
 padding: 10px 0 10px 0;
 text-align: center;
 overflow: hidden;
}

.imgHolder img { display: inline; }

div.cmPanel#featurepanel .imgHolder p {
 text-align: left;
 margin: 0 0px 5px 5px;
}

/* Connections Panel CSS */

div.cmPanel#bbpanel ul.i li, div.cmPanel#bbgroups ul.i li {
 margin-left: 25px;
 font-size: 12px;
}

.cmPanel .helpBox { margin-left: -9px;}

/* CM.fm Charts Look and Feel 
 ---------------------------- */
.chartmore a {
 display: block;
 color: #66534E;
 font-size: 11px;
 line-height: 20px;
 padding-left: 10px;
 width: 175px;
 border: 1px solid #F5F6F1;
 text-decoration: none;
 background: url("") center right no-repeat #F5F6F1;
}
.chartmore a:hover { color: #564B42; text-decoration: none; background: url("") center right no-repeat #EBEEE4; border: 1px solid #DCDFD6; }

table.Orario {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#0B76AC;
	 border-width:1px;
	 border-style:solid;
}
tr.Orario {background-color:#476CB7;}
table.Cal {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#0B76AC;
	 border-width:1px;
	 border-style:solid;
}
tr.Cal {background-color:#476CB7; color:#DEFEF9;}
td.CMeseOut {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#C1B9AA;
	 border-width:1px;
	 border-style:solid;
	 vertical-align:top;
}
td.CMeseIn {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#0B76AC;
	 border-width:1px;
	 border-style:solid;
	 vertical-align:top;
}
td.CMeseIn:hover {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#0B76AC;
	 border-width:1px;
	 border-style:solid;
	 background-color: #8DC8FF;
	 vertical-align:top;
	color:#DEFEF9;
}
td.CToday:hover a{color:#DEFEF9;}
td.CToday {
	 font-family: verdana,geneva,arial,helvetica,sans-serif;
         font-size: small;
	 border-color:#0B76AC;
	 border-width:1px;
	 border-style:solid;
	 background-color: #6396FE;
	 vertical-align:top;
} 
td.CToday a{color:#DEFEF9;}

