/* ---------------------------------------------------
CVS: $ $
Title: citycouncil.css
Copyright: (c) 2008
Author: Phil Renaud
Company: Rhino Internet Solutions
Description: Global styles for phoenix.gov's
             City Council.
Update history: Modified 10-28-29-2008 by BenW: tips
 link colors lightened; viewall font size reduced to
 accommodate Oracle's persistent p tag placement.
--------------------------------------------------- */

/* ---------------------------------------------------
=City Council Specific Colorsets
--------------------------------------------------- */

.cc #col2 {
	color: #333 !important;
}
.cc .purple .introbox, .cc .purple .viewalllink {
	background-color: #906;
}
.cc .gray .introbox, .cc .gray .viewalllink {
	background-color: #666;
}
.cc .plum .introbox, .cc .plum .viewalllink {
	background-color: #621A4B;
}
.cc .redrock .introbox, .cc .redrock .viewalllink {
	background-color: #933;
}
.cc .firered .introbox, .cc .firered .viewalllink {
	background-color: #E31B23;
}
.cc .orangetree .introbox, .cc .orangetree .viewalllink {
	background-color: #E37F1C;
}
.cc .sunflower .introbox, .cc .sunflower .viewalllink {
	background-color: #EEB211;
}
.cc .saguaro .introbox, .cc .saguaro .viewalllink {
	background-color: #9FA617;
}
.cc .paloverde .introbox, .cc .paloverde .viewalllink {
	background-color: #4C721D;
}
.cc .lakeblue .introbox, .cc .lakeblue .viewalllink {
	background-color: #4E8ABE;
}
.cc .royalblue .introbox, .cc .royalblue .viewalllink {
	background-color: #005295;
}
.cc .lightgray .introbox, .cc .lightgray .viewalllink {
	background-color: #CCC;
}
.cc .purple .tips a {
	color: #df99c8 !important;
}
.cc .gray .tips a {
	color: #eeeeee !important;
}
.cc .plum .tips a {
	color: #d8b8ce !important;
}
.cc .redrock .tips a {
	color: #e54d4d !important;
}
.cc .firered .tips a {
	color: #fc4f56 !important;
}
.cc .orangetree .tips a {
	color: #E37F1C !important;
}
.cc .sunflower .tips a {
	color: #EEB211 !important;
}
.cc .saguaro .tips a {
	color: #b2b845 !important;
}
.cc .paloverde .tips a {
	color: #aad771 !important;
}
.cc .lakeblue .tips a {
	color: #bfd8ed !important;
}
.cc .royalblue .tips a {
	color: #9bc4e5 !important;
}
.cc .lightgray .tips a {
	color: #ecebeb !important;
}
/* ---- styles added by BenW for slider fader effect in featured box --*/

.cc .tipsbox p {
	font-size:90%;
}
.cc .tipsbox img {
	float:right;
	border:#FFFFFF 1px solid;
	margin-left:10px;
	margin-right:10px;
}
.cc .purple .tipsbox a {
	color: #df99c8 !important;
	width:100%;
}
.cc .gray .tipsbox a {
	color: #eeeeee !important;
	width:100%;
}
.cc .plum .tipsbox a {
	color: #d8b8ce !important;
	width:100%;
}
.cc .redrock .tipsbox a {
	color: #e54d4d !important;
	width:100%;
}
.cc .firered .tipsbox a {
	color: #fc4f56 !important;
	width:100%;
}
.cc .orangetree .tipsbox a {
	color: #E37F1C !important;
	width:100%;
}
.cc .sunflower .tipsbox a {
	color: #EEB211 !important;
	width:100%;
}
.cc .saguaro .tipsbox a {
	color: #b2b845 !important;
	width:100%;
}
.cc .paloverde .tipsbox a {
	color: #aad771 !important;
	width:100%;
}
.cc .lakeblue .tipsbox a {
	color: #bfd8ed !important;
	width:100%;
}
.cc .royalblue .tipsbox a {
	color: #9bc4e5 !important;
	width:100%;
}
.cc .lightgray .tipsbox a {
	color: #ecebeb !important;
	width:100%;
}
/* ---------------------------------------------------
=Councilperson Introbox
--------------------------------------------------- */

.cc .introbox {
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}
.cc .introbox img {
	float: right;
	height: 200px;
	position: absolute;
	width: 1200px;
	top: 0px;
	right: 0px;
}
.cc .introbox .nameandtitlebox {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.cc .introbox .nameandtitle { /* medium.css and large.css contain different height specs for text-resizing */
   height: 50px; /* changed from xheight to height to get ie to recognize it also increased height to accommodate text-resizing */
   background: #333 url(../../../../../webcms/groups/internet/documents/web_asset/img_namebar_png.png) top left repeat-x; /* namebar.png resized to 63px and white top and bottom removed to allow for taller background */
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff; 
   padding-left: 200px;
   position: relative;
   z-index: 2;
}

.cc .introbox .nameandtitle h2 {
	color: #fff !important;
	font-weight: normal;
	font-size: 240%;
	margin-bottom: 0;
	padding-top: .1em;
	vertical-align:middle;
}
.cc .introbox .nameandtitle h6 {
	color:#c4c4c4;
		vertical-align:middle;
}
.cc .introbox .photo {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.cc .introbox .photo img {
	position: static;
	width: 200px;
}
.cc .introbox ul {
	height: 25px;
	padding-left: 200px;
	position: relative;
	z-index: 4;
}
.cc .introbox ul li {
	float: left;
	line-height: 25px;
	list-style-type: none;
	margin-right: 20px;
	margin-left: 0px;
}
.cc .introbox ul li a {
	color: #fff !important;
	font-weight: normal !important;
	background: url(../../../../../images/citycouncil/linkraquo.gif) 0% 50% no-repeat;
	padding-left: 10px;
}
/* ---------------------------------------------------
=Content Column 1
--------------------------------------------------- */

.cc ul#subsplit li h4 {
	margin-bottom: .5em;
}
.cc ul#subsplit li.first, .cc ul#subsplit li.second {
	list-style-type: none;
	margin: 0px;
}
.cc ul#subsplit li.first {
	width: 63%;
	float: left;
	position: relative;
	overflow: hidden;
}
.cc ul#subsplit li.second {
	width: 35%;
	float: right;
}
/* --- new test class for tips box fader effect by BenW --*/

.carousel div#carousel ul li p {
/*background: #4c4c4c !important;*/
}
.cc div.tips {
	font-size: 90%;
	min-height: 178px; /*orig 165px */
	height:auto !important;
	height:178px; /*orig 165px */
	width: 100%;
	overflow: hidden;
	background: #4c4c4c url(../../../../../webcms/groups/internet/documents/web_asset/img_roundtl_png.png) top left no-repeat;
}

.cc div.tips div {
	font-size: 100%;
	min-height: 178px; /* orig 165px */
	height:auto !important;
	height:178px; /*orig 165px */
	width: 100%;
	overflow: hidden;
}

/* IE 6 specific controls for tips */
/*\*/ 
* html .cc div.tips {
	overflow: visible;
}
/**/

/* IE 6 specific control preventing scrollbar on main page */
/*\*/
* html .cc #col2 {
	overflow: hidden !important;
}
/**/
.cc p.feat-nav {
	width: 96%;
	margin: auto;
	padding-bottom: 5px;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.cc div.tips div.tipsinner {
	padding: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	color:#ffffff !important;
	position:relative;
background: transparent url(../../../../../webcms/groups/internet/documents/web_asset/img_roundtr_png.png) top right no-repeat;
}
.cc div.tips div.tipsboxrt {
background-image: url(../../../../../webcms/groups/internet/documents/web_asset/img_roundtr_png.png) top right no-repeat;
}
/* THIS STYLE WILL OVERRIDE THE HEADLINE COLOR IN THE FEATURED GRAY BOX TO MAKE IT WHITE
 .cc div.tips div.tipsinner a,a:active,a:link,a:visited,h5 {
color:#fff !important;
}*/

.cc div.tips div {
/*float: left;
	width: 95%;
	padding: 10px;*/
}
.cc div.tips img {
	float: right;
	margin-left: 10px;
	border: 1px solid #fff;
}
.cc div.featuredphoto {
	overflow: hidden;
	position: relative;
	padding: 30px 10px 10px 10px;
}
.cc div.featuredphoto .pngfix {
	position: absolute;
	height: 200px;
	width: 1200px;
	top: 0px;
	right: 0px;
	z-index: 0;
	float: right;
}
.cc div.featuredphoto h5, .cc div.featuredphoto img, .cc div.featuredphoto p {
	position: relative;
	z-index: 1;
}
.cc div.featuredphoto h5 {
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
/* ---------------------------------------------------
=Content Column 2
--------------------------------------------------- */

.cc a.viewalllink {
	height: 16px;
	display: block;
	text-transform: uppercase;
	color: #fff !important;
	padding-left: 4px;
	background: url(../../../../../webcms/groups/internet/documents/web_asset/img_arrowtip_png.png) top right no-repeat;
	overflow: hidden;
	margin-bottom: 5px;
	line-height: 16px;
	font-size:.866em; /* size added to accommodate Oracle's persistence in adding a p tag */
}
.cc ul#subsplit li.second ul {
	border-bottom: 3px solid #888;
	margin-bottom: -1px;
}
.cc ul#subsplit li.second ul li {
	list-style-type: none;
	margin: 0px;
	padding: 8px 0;
	border-top: 1px dotted #ccc;
}
.cc ul#subsplit li.second ul li p {
	margin-bottom: 0px;
	font-size: 90%;
}
.cc ul#subsplit li.second ul li span {
	font-style: italic;
	display: block;
	font-size: 85%;
}
/* ---------------------------------------------------
=Lower Promos
--------------------------------------------------- */

.cc ul.lowerpromos {
	clear: both;
}
.cc ul.lowerpromos li {
	float: left;
	list-style-type: none;
	margin: 0px 15px 0px 0px;
}
/* ---------------------------------------------------
= custom css added by phx web team
---------------------------------------------------- */

.pngfix {
	behavior: url(../../../../../webcms/groups/internet/documents/web_asset/iepngfix.htc); /* appears in ie.css, but required here for Oracle to be able to pick up in wysiwig element editor, path modified 5/11/09pb */
}
.viewalllink {
	height: 16px;
	display: block;
	text-transform: uppercase;
	color: #fff !important;
	padding-left: 4px;
	background: url(../../../../../webcms/groups/internet/documents/web_asset/img_arrowtip_png.png) top right no-repeat;
	overflow: hidden;
	margin-bottom: 5px;
	line-height: 16px;
	font-size:0.952em;
}
/*.viewalllink a:hover {
   color: #fff !important;
   text-decoration:none;

}*/
.date {
	font-size:.825em;
	font-style:italic;
}