/* CSS formatting for Budget Pages */

#main,
#main #nav_menu,
#main #footer, 
#main #footer .footerContact{
	border-color: #999999;
}

ul#sub_nav li {
	background-color:#ffffff;
}

ul#sub_nav li a {
	color: #000000;
	background-color: #ffffff;
}

ul#sub_nav li a:hover {
	background-color: #cccccc;
	color: #ffffff;
}
/*
ul#sub_nav li.home { width: 100px; }
ul#sub_nav li.home a { width: 88px; }

ul#sub_nav li.toolkit { width: 110px; }
ul#sub_nav li.toolkit a { width: 98px; }

ul#sub_nav li.what { width: 175px; }
ul#sub_nav li.what a { width: 163px; }

ul#sub_nav li.timeline { width: 135px; }
ul#sub_nav li.timeline a { width: 123px; }

ul#sub_nav li.survey { width: 105px; }
ul#sub_nav li.survey a { width: 93px; }

ul#sub_nav li.faqs { width: 105px; }
ul#sub_nav li.faqs a { width: 93px; }

ul#sub_nav li.word { width: 165px; }
ul#sub_nav li.word a { width: 153px; }

ul#sub_nav li.past { width: 200px; }
ul#sub_nav li.past a { width: 188px; }

ul#sub_nav li.home { width: 127px; }
ul#sub_nav li.home a { width: 115px; }

ul#sub_nav li.what { width: 205px; }
ul#sub_nav li.what a { width: 193px; }

ul#sub_nav li.toolkit { width: 117px; }
ul#sub_nav li.toolkit a { width: 105px; }

ul#sub_nav li.survey { width: 105px; }
ul#sub_nav li.survey a { width: 93px; }

ul#sub_nav li.faqs { width: 117px; }
ul#sub_nav li.faqs a { width: 105px; }

ul#sub_nav li.word { width: 182px; }
ul#sub_nav li.word a { width: 170px; }

ul#sub_nav li.past { width: 212px; }
ul#sub_nav li.past a { width: 200px; }
*/

ul#sub_nav li.home { width: 107px; }
ul#sub_nav li.home a { width: 105px; }

ul#sub_nav li.past { width: 135px; }
ul#sub_nav li.past a { width: 123px; }

ul#sub_nav li.what { width: 175px; }
ul#sub_nav li.what a { width: 163px; }

ul#sub_nav li.faqs { width: 77px; }
ul#sub_nav li.faqs a { width: 65px; }

ul#sub_nav li.measures { width: 165px; }
ul#sub_nav li.measures a { width: 153px; }

ul#sub_nav li.mayor { width: 159px; }
ul#sub_nav li.mayor a { width: 147px; }

ul#sub_nav li.council { width: 142px; }
ul#sub_nav li.council a { width: 130px; }

h1 a {
	text-decoration:none;
	color:#000;
}

/***********************************
   		BANNER IMAGE OVERLAY
************************************/
.columnSingle div.banner_overlay { background: url(../citychannel/images/bannerSingle.jpg) no-repeat 3px 3px; }
.columnDouble div.banner_overlay { background: url(../citychannel/images/bannerDouble.jpg) top left no-repeat; }
.columnTriple div.banner_overlay { background: url(../citychannel/images/bannerTriple.jpg) top left no-repeat; }
.columnQuarter div.banner_overlay { background: url(../IT/images/bannerQuarter.jpg) no-repeat 3px 3px; }
.columnHalf div.banner_overlay { background: url(../IT/images/bannerHalf.jpg) top left no-repeat; }
.columnThreeQuarter div.banner_overlay { background: url(../IT/images/bannerThreeQuarter.jpg) top left no-repeat; }
.columnFull div.banner_overlay { background: url(../IT/images/bannerFull.jpg) top left no-repeat; }

/* Dark background for alternating list rows */
li.dark {
	background-color: #EEEEEE;
}


/*****************************
Content sodial media
*******************************/

#content .outline_box_banner .body .socialMedia img {
	margin-right: 10px;
}

#content .outline_box_banner .body .socialMedia {
	padding: 10px;
	margin: 0 5px 5px 20px;
}

#content .outline_box_banner .body .socialMedia a {
	text-decoration:none;
	font-size:12px;
}

#content .outline_box_banner .body .socialMedia ul {
	list-style-type:none;
	padding:0 0 0 30px;
	margin:0;
}

/***********************************
CONTENT ROTATOR (POWERED BY JCAROUSEL)
************************************/
.content_rotator {
	border:0;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;/*148px;*/
	clear: both;
}

.content_rotator .banner_overlay a {
	/*display:inline;*/
}

.content_rotator ul,
.content_rotator li {
	padding: 0; /* 0 10px 0 10px;*/
	margin: 0;
	list-style-type: none;
	height:auto;
	overflow:auto;
	/*height: 115px;*/
	/*overflow: hidden;*/
}

.content_rotator .content {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display: table-cell;
	overflow: hidden;
	height: 137px;
	min-height:137px;
	padding: 0;
}

.content_rotator img {
	border: 0;	
}

.content_rotator .item {
	margin: 5px;
}

.content_rotator .item img {
	float: left;
	margin: 0 5px 0 0;
}

.content_rotator .item .body {
	display: table-cell;
	vertical-align: middle;
	font-size:11px;
}

.content_rotator .body ul {
	padding: 0;
	margin: 0 0 0 25px;
}

#content .content_rotator .body ul,
#content .content_rotator .body li {
	height: auto;
	list-style-type: disc;
}

.content_rotator .previous, 
.content_rotator .next {
	display: block;
	margin-top: 60px;
	padding: 3px;
}
 
.content_rotator a.previous:hover,
.content_rotator a.next:hover  {
	background-color: #cccccc;
}

.content_rotator .previous {
	float: left;
}

.content_rotator .next {
	float: right;
}

/* Column Widths */
.columnDouble .content_rotator { width: 474px; }
.columnDouble .jcarousel-container, .columnDouble .jcarousel-container-horizontal { width: 474px; }
.columnDouble .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { width: 436px; height: 200px; }
.columnHalf .content_rotator { width: 460px; }
.columnHalf .jcarousel-container, .columnDouble .jcarousel-container-horizontal { width: 460px; }
.columnHalf .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { width: 418px; height: 137px; }

/***********************************
  STYLES FOR rollover text
************************************/

.rolloverText{ 
	position:relative; 
	z-index:24;
	display: inline-block;
}

.rolloverText a { 
	text-decoration:none;
	color:#369;
	font-weight:bold;
}

.rolloverText span{ 
	display: none; 
}

.rolloverText:hover{ 
	z-index:25; 
}

.rolloverText:hover span.bubble{
	display: block; 
	position:absolute; 
	top: 0; 
	left:0;
	padding: 6px 6px 6px 8px;
	border: 3px solid #fff;
	margin-left:14px;
	min-width:225px;
	max-width:400px;
	min-height:15px;
	color: #000000;
	background:#666666;
	color:#FFF;
	font-size:11px;
	text-align: left;
	filter: alpha(opacity:90); 
	KHTMLOpacity: 0.90; 
	MozOpacity: 0.90; 
	opacity: 0.90;
}

/* About Page Slide Down Styles */
a.more {
	display: block;
	float: right;
	padding: 3px;
	font-weight: bold;
	background-color: #DDDDDD;
	border: 1px solid #999999;
	text-decoration: none;
}


/***********************************
    TABBER STYLES FOR SHOW PAGES
************************************/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { margin-bottom: 12px; }
.tabberlive { margin-bottom: 12px; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 4px 0 3px 0;
	border-left: 1px solid #ccc;
	background-color:#ddd;
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	padding: 3px 19px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.tabberlive ul.tabbernav li a:hover,
.tabberlive ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background-color: #ccc;
}

.tabberlive ul.tabbernav li.tabberactive a {
	padding-bottom: 4px;
	border-bottom: 0;
	background-color: #faa61a;
	color: #FFFFFF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #ccc;
	height: 415px;
	overflow: auto;
	background-color: #EEEEEE;
	/*border-top:0;*/
}

.tabbertab ul {
	padding: 0;
	margin: 0 0 0 25px;
}

.tabbertab .body {
	padding: 5px;
}

.tabbertab .body ul.list {
	padding: 12px 0 0 50px;
	margin:0;
	list-style:disc;
	height:auto;
}

.tabbertab .body ul.list li {
	padding: 0 0 12px 0;
	margin:0;
	list-style-type:disc;
}

/* Allow for content scroll */
.tabberlive .scroll {
	background-color: #FFFFFF;
	padding: 0; 
	height: 425px;
	overflow: auto;
}

.tabberlive .scroll ul {
	height: 425px;
	overflow: auto;	
	margin-bottom: 0;
	padding: 0;
	margin: 0;
}

/* Background colors for each tab */
ul.tabbernav li a.tab1 { background-color: #03bfd7; }
ul.tabbernav li a.tab2 { background-color: #03a5ba; }
ul.tabbernav li a.tab3 { background-color: #0493a6; }
ul.tabbernav li a.tab4 { background-color: #028191; }
ul.tabbernav li a.tab5 { background-color: #016d7b; }
ul.tabbernav li a.tab6 { background-color: #015a65; }
ul.tabbernav li a.tab7 { background-color: #003a41; }

.tabbertab a {
	text-decoration:none;
}