.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
.clear { clear:both;} 
.left { float:left;} 
.right { float:right;}
.img-left {float: left; margin-right: 10px;} 
.img-right {float: right; margin-left: 10px;}
.dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; }
.Community { background-position: -249px -5px; }
.Conferences { background-position: -188px -5px; }
.Manuals { background-position: -127px -5px; }
.Marketplace { background-position: -66px -5px; }
.Training { background-position: -5px -5px; }


ul.RotatorNav { margin:-74px 0 0 0;}
ul.RotatorNav li {margin:0;list-style:none;}

ul.sidebar-nav li { list-style-type: none;}
ul.sidebar-nav li ul li { padding-left: 20px;;}

/* Getting Started content */
.getting-started-wrap .left { width: 116px; padding-top:20px;}
.getting-started-wrap .right { width:500px;}
a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;}
#dnnTourContainer { display:none; }
hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; }

#Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 430px;}
#Footer #dnn_Footer_RightPane {float: left;width: 510px;}

#Header #ContentBG{background-color:#fafafa;}

#Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;}
#Sponsors .aspnet img{background-position:0 0;}
#Sponsors .maxasp img{background-position:-118px 0;}
#Sponsors .telerik img{background-position:-236px 0;}
#Sponsors .exacttarget img{background-position:-354px 0;}
#Sponsors .winlive img{background-position: 0 -58px;}
#Sponsors .redgate img{background-position: -118px -58px;}
#Sponsors .appliedi img{background-position: -236px -58px;}
#Sponsors .arrowdesign img{background-position: -354px -58px;}

/* Quick Links */
.tblQuickLinks { width:100%; }
.tblQuickLinks td { line-height:22px; }
.tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; }
.tblQuickLinks a:hover {color:#d0171e;}

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#FFF;}
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/* services columns */
.home-services div { width:190px; margin-right:20px; float:left;}
.home-services div.last { margin-right:0;}

/*  home page sidebar styles*/
#RightLinks .last { background:none;}
#RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li { line-height:200%;}
.c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;}

/* COSA */
#dnn_ctr_Login_liPassword {display:none}


/*COSA-Legacy-Accordion - A.Guzman 08-15-13 */

ul.legend
{
list-style-type: none;
padding: 0px;
margin: 7px;
}
li.req
{
background-image: url(http://www.sanantonio.gov/customer/images/icons/request15.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px; 
padding-left: 20px;
height:auto;
line-height:15px;
margin: 0px 0px 4px 0px;
}

li.pay
{
background-image: url(http://www.sanantonio.gov/customer/images/icons/pay15.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px; 
padding-left: 20px;
height:auto;
line-height:15px;
margin: 0px 0px 4px 0px;
}

li.info
{
background-image: url(http://www.sanantonio.gov/customer/images/icons/info15.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px; 
padding-left: 20px;
height:auto;
line-height:15px;
margin: 0px 0px 4px 0px;
}

li.form
{
background-image: url(http://www.sanantonio.gov/customer/images/icons/form15.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px; 
padding-left: 20px;
height:auto;
line-height:15px;
margin: 0px 0px 4px 0px;
}

li.faq
{
background-image: url(http://www.sanantonio.gov/customer/images/icons/faq15.jpg);
background-repeat: no-repeat;
background-position: 0px 0px 0px 0px; 
padding-left: 20px;
height:auto;
line-height:15px;
margin: 0px 0px 4px 0px;
}



.emphasis{
	color: #844e15;
	font-size:larger;			
}

.emphasisBackground{
	color: #844e15;
	font-size:larger;	
	font-weight:bold;
	text-align:center;
	line-height:150%;
	
	padding:.5em;
	width:90%;
	margin:1em;
	background: #edf0f5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf0f5', endColorstr='#c4cddd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#edf0f5), to(#c4cddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #edf0f5,  #c4cddd); /* for firefox 3.6+ */ 

	
}

.featureBlue {
	color: #0d2143;
	font-size: 1.4em;
	font-weight:bold;
	
}


.featureRed {
	color: #77180C;
	font-size: 1em;
	font-style:italic;
	font-weight: bold;
	line-height: 2em;
	margin: auto;
}

.calloutText {
	font-size: large;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color: #0d2143;
	line-height:160%;
}

.calloutBox {
	margin:1em;
	padding:1em;
	float:right;  
	height:auto; 
	width: 250px;
	
	/* cross-browser gradient */
	background: #edf0f5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf0f5', endColorstr='#c4cddd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#edf0f5), to(#c4cddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #edf0f5,  #c4cddd); /* for firefox 3.6+ */ 			
}

.CityAccHeader{  
  	height:57px;
  	background-color:#f0f3f8;
  	border: 1px #c4cddd solid;
  	padding: 5px 5px 5px 0px;
  	margin: 4px 0px 4px 0px;	
  	cursor: hand;
    cursor: pointer;
  	}
  	
.CityAccHeaderSelected{
  	height:57px;
  	background-color:#D6DEEB;
  	border: 1px #c4cddd solid;
  	padding: 5px 5px 5px 0px;
  	cursor: hand;
    cursor: pointer;
}

.CityAccContent{

    border: 1px #c4cddd solid;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
	margin: 0px 0px 5px 0px;	/* don't use em - causes debug issue */
    height:auto;
	width:auto;
	xclear:both;	/*clears up double icon issue but cause problem */
	font-size:x-small;
}

.xcatDiv{
	display: block;	
	vertical-align:top;		
	float:left;	
	height:auto;
	width:auto;
	cursor: hand;
    cursor: pointer;
	
}

.xcatListing {
	xmargin: .5em .5em 1em .5em;	
	xclear:both;	
	xfont-size:x-small;
}


.catImage {
	vertical-align: top;
	float: left;
	margin: 0px 5px 0px 5px;
}

.catTitle {
	margin-top:0em;
  	margin-bottom:.25em;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 1.2em;
  	color: #57120D;
  	font-weight:bold;
  	height:55px;
			
}

.catDescription {
	xfont-weight:bolder;	
	font-style:italic;
		
}
	
.catListSubject {	
	height:auto;
	clear:both;	
	font-weight:bolder;
}
	
.catListItem {	
	height:auto;
	clear:both;	
	line-height:180%;
}
	

.catColumn{
	margin: 0.25em 4em;
	width: 24em;
	height:auto;
	float:left;			
}

.catRelated{
	margin: 2em .25em .25em .25em;
	width: 23.5em;
	height:auto;
	float:left;
	background-color:#f6f6f0;
	padding:.25em;
	font-style:italic;			
}


.catLegend {
	margin: .5em .5em 0em .5em;
	height:auto;
	clear:both;	
	line-height:180%;	
	font-style:italic;

}

.catIcon {
	vertical-align: top;
	margin: 0em 0em 0em .75em;
}

.catImage {
	vertical-align: top;

}

#cat a {
text-decoration:none!important;						
}

#cat a:hover {
text-decoration: underline!important;					
}


.divClear{
	clear:both;
	float:left;
}

.catExpand
{
    background-image: url(http://www.sanantonio.gov/customer/images/expand.png);
    width:11px;
    height:11px;
    float:right;
	background-repeat: no-repeat;
}

.catExpand:hover
{
       cursor:hand;
}

.catClose
{
       background-image: url(http://www.sanantonio.gov/customer/images//images/collapse.png);
       width:11px;
       height:11px;
       float:right;
	   background-repeat: no-repeat;
}

.catClose:hover
{
       cursor:hand;
}

.catSeeAll {	
	height:auto;
	clear:both;	
	font-weight:bolder;
	text-align: right;
	font-style: italic;
	font-size: small;
}
/* END COSA ACCORDION */






