@import url('survey.css');


body{background: #93a445 url(templates/cotapsa/images/bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; line-height: 1.3; font-size: 12px; color: #777}

a{color: #005dab;text-decoration: none}
a:hover{color: #93a445; text-decoration: none}

p{padding: 0 0 10px 0}

ul, ol{padding: 0 0 10px 20px}
ul li {list-style: disc outside;}
ol li {list-style-position: outside}

h1{font-size: 20px;font-weight: normal; color: #005dab; line-height: 1; padding: 0 0 10px 0}
h2{font-size: 16px;font-weight: normal; color: #000; padding: 0 0 10px 0}
h3{font-size: 14px;font-weight: bold; color: #000;}
h4{font-size: 14px;font-weight: normal; color: #000;}
h5{font-size: 12px;font-weight: normal; color: #000}

div.faq{border-bottom: 1px dotted #C1C1BB}
	div.faq a.question{cursor: pointer;font-size: 12px; margin: 5px 0; color: #777777;font-weight: bold;display: block}
	div.faq a.question:hover{color: #005dab;}
	div.faq a.open{color: #005dab;}
	div.faq a.locked{background: url(templates/cotapsa/images/locked.gif) no-repeat 97% 50%; background-color #e8e8e1;padding: 0 35px 0 0}

div.errors{background: #93A445; padding: 10px; color: #FFF; margin: 0 0 10px 0}

#lockedMsg{display: none;border: 23px solid #93a445; background-color: #FFF; padding: 10px 20px 20px 20px; width: 400px}
	#simplemodal-overlay {background: #000}
	#lockedMsg div.closeWrp{text-align: right}
	#lockedMsg a.simplemodal-close{cursor: pointer;font-size: 10px}


#topW{height: 118px;background: url(templates/cotapsa/images/top-bg.png)}

#top{width:950px;height: 118px;margin: 0 auto; overflow: hidden}

#contentW{width:1000px;min-height: 300px;margin: 0 auto;background: url(templates/cotapsa/images/content-bg.png);}
#ie6 #contentW{background: url(templates/cotapsa/images/content-bg.gif);}


#footerW{width:1000px;height: 30px;margin: 0 auto;background: url(templates/cotapsa/images/bg-bottom.png);}
#ie6 #footerW{background: none;}


#copyright{font-size: 10px;padding: 10px}

#content{width: 500px;float: left;padding: 25px 0 0 0}
	#contentImg{width: 210px;float: left}
	#contentText{width: 290px;float: left}

#bottom{width: 500px;margin: 0 auto;clear: both;padding: 10px 0 0 0}

#sideMenu{width: 175px;float: left;margin:  0 0 0 25px;padding: 25px; display:inline}
	#sideMenu ul{padding: 0}
	#sideMenu ul li{list-style-type: none;border-bottom: dotted 1px #c1c1bb;padding: 2px 10px;}
	#sideMenu ul li a{color: #777;display: block;}
	#sideMenu ul li a.locked{padding: 0 20px 0 0;background: url(templates/cotapsa/images/locked.gif) no-repeat 100% 50%}
	#sideMenu ul li a:hover{color: #005DAB}
	#sideMenu ul li.active a{color:#93a445}
	#sideMenu h2{font-size: 12px;color: #777;font-weight: bold;border-bottom: dotted 1px #c1c1bb;padding: 20px 10px 2px 0px}
	#sideMenu h2.active{color: #000}

#sideInfo{width: 180px;float: left;padding: 25px 20px 10px 25px}	
	#sideInfo ul{padding: 0}
	#sideInfo ul li{list-style-type: none;display: inline}
	#sideInfo ul li a{color:#000; background: url(templates/cotapsa/images/arrow.png) no-repeat 1px 50%; padding: 2px 0 2px 15px;display: block;}
	#ie6 #sideInfo ul li a{background: none;padding: 2px 0 2px 0px;}
	#sideInfo ul li a:hover{color:#93a445}
	#sideInfo ul li.active a{color:#93a445}
	#sideInfo h2{font-size: 12px;color: #000;font-weight: bold;text-transform: uppercase}
	#sideInfo h2.active{color: #000}
	#sideInfo .section{border-bottom: solid 1px #E8E8E1; padding: 0 0 10px 0; margin: 0 0 10px 0;}
	
#helpBubble{color: #000; background: url(templates/cotapsa/images/help-bubble.png) no-repeat; display: block; padding: 90px 0 0 0}
	a#helpBubble:hover{color:#93a445}
	#helpBubble span{background: url(templates/cotapsa/images/arrow.png) no-repeat 3px 50%; padding: 1px 0 2px 15px;display: block;}
	#ie6 #helpBubble span{background: #FFF}

#articles{background: #e8e8e1;padding: 15px 0;clear: both;min-height: 300px}
	#articles h1{padding: 0 15px 5px 15px; font-size: 20px;}
	a.article{display: block;color: #777;padding: 0 15px}
	a.article span{display: block}
	a.article span.wrapper{border-bottom: dotted 1px #c1c1bb;padding: 10px 0}
	a.article span.date{font-size: 10px;padding-bottom: 3px}
	a.article span.title{color: #000; font-weight: bold;padding-bottom: 3px}
	
	a.locked span.title{padding-right: 15px;}
	a.locked span.intro{padding-right: 15px;}
	
	#articles a.locked{background: url(templates/cotapsa/images/locked.gif) no-repeat 97% 50%; background-color: #e8e8e1;}
	
	#articles a.article:hover{color: #777; background-color: #f6f6ef}
	

#homeArticles{background: #e8e8e1;padding: 15px 0;clear: both;min-height: 300px}
	#homeArticles h1{padding: 0 15px 5px 15px; font-size: 20px;}
	a.article{display: block;color: #777;padding: 0 15px}
	a.article span{display: block}
	a.article span.wrapper{border-bottom: dotted 1px #c1c1bb;padding: 10px 0}
	a.article span.date{font-size: 10px;padding-bottom: 3px}
	a.article span.title{color: #000; font-weight: bold;padding-bottom: 3px}
	
	#homeArticles a.locked{background: url(templates/cotapsa/images/locked.gif) no-repeat 97% 50%; background-color: #e8e8e1}
	
	#homeArticles a.article:hover{color: #777; background-color: #f6f6ef}


#article{background: #e8e8e1;padding: 15px 15px 5px 15px}
	#article h1{font-size: 18px;color: #000;padding: 0 0 10px 0}
	#article span.date{font-size: 10px;display: block; padding: 0 0 3px 0}
	#article table{width: 100%;margin: 10px 0}
	#article table td{padding: 2px 4px;border: 1px solid #CCC; background-color: #FFF; color: #777}
	#article a.close{float: right; font-size: 10px}
	
	
	
#pagination, #homePagination{margin: 1px 0 0 0}
	#pagination .ditto_currentpage, #pagination .ditto_page, #homePagination a {display: block; float: left; background: #E8E8E1; padding: 2px;margin: 0 1px 0 0;width: 15px; text-align: center}
	#homePagination a{color: #005DAB}
	#homePagination a.active{color: #777777}
	
#search{}
#search #articles{padding-bottom: 0px}
	div.AS_ajax_resultsIntroFailure{padding: 20px 15px}
	p.ajaxSearch_resultsInfos{padding: 10px 15px}
	div.ajaxSearch_result{}
		a.ajaxSearch_resultLink{display: block;color: #777;padding: 0 15px}
		a.ajaxSearch_resultLink span{display: block}
		a.ajaxSearch_resultLink span.wrapper{border-bottom: dotted 1px #c1c1bb;padding: 10px 0}
		a.ajaxSearch_resultLink span.date{font-size: 10px;padding-bottom: 3px}
		a.ajaxSearch_resultLink span.title{color: #000; font-weight: bold;padding-bottom: 3px}
		a.ajaxSearch_resultLink:hover{color: #777; background-color: #f6f6ef !important}
	
	div.ajaxSearch_resultExtract span{display: inline}
	span.ajaxSearch_highlight{color: red}
	.ajaxSearch_paging{display: block; margin-top: 1px}
		.ajaxSearch_paging span, .ajaxSearch_paging a{display: block; float: left; background: #E8E8E1; padding: 2px;margin: 0 1px 0 0;width: 15px; text-align: center}
	#ajaxSearch_form{margin: 0 0 20px 0;}
		#ajaxSearch_input{width: 133px;border: solid 1px #E8E8E1;height: 16px}
		#ajaxSearch_submit{border: solid 1px #E8E8E1;}

#loginForm{margin: 0 0 0px 0}
	#loginForm div.row {padding: 0 0 5px 0;clear: both;overflow: hidden;}
	#loginForm div.row label{display: block; width: 70px;float: left;line-height: 20px;}
	#loginForm div.row input.text, #loginForm div.row input.password{display: block; width: 98px;float: left;}
	
	
#registerForm{}
	#registerForm fieldset{border: solid 1px gray; padding: 10px; margin: 10px 0}
	#registerForm div.row {margin: 0 0 5px 0;clear: both;overflow: hidden}
	#registerForm div.row label{display: block; width: 200px;float: left;line-height: 20px}
	#registerForm div.row label div.example{line-height: 1.1; font-size: 10px;display: inline;color:#005DAB}
	#registerForm legend{padding: 0 10px; color: #000}
	
#editProfile{}

	#editProfile fieldset{border: solid 1px gray; padding: 10px; margin: 10px 0}
	#editProfile div.row {margin: 0 0 5px 0;clear: both;overflow: hidden}
	#editProfile div.row label{display: block; width: 200px;float: left;line-height: 20px}
	#editProfile div.row label div.example{line-height: 1.1; font-size: 10px;display: inline;color:#d0d0d0}
	#editProfile legend{padding: 0 10px; color: #000}
	
	
#changePassword{}
	#changePassword fieldset{border: solid 1px gray; padding: 10px; margin: 10px 0}
	#changePassword div.row {margin: 0 0 5px 0;clear: both;overflow: hidden}
	#changePassword div.row label{display: block; width: 200px;float: left;line-height: 20px}
	#changePassword legend{padding: 0 10px; color: #000}

#inviteForm{clear: both; padding-top: 10px}
	#inviteForm fieldset{border: solid 1px gray; padding: 10px; margin: 10px 0}
	#inviteForm div.row {margin: 0 0 5px 0;clear: both;overflow: hidden}
	#inviteForm div.row input{width: 200px;}
	#inviteForm div.row label{display: block; width: 170px;float: left;line-height: 20px}
	#inviteForm legend{padding: 0 10px; color: #000}
	#inviteForm div.rowTextarea{margin: 0 0 5px 0;clear: both;overflow: hidden}
	#inviteForm div.rowTextarea label{display: block;}
	#inviteForm div.rowTextarea textarea{width: 370px; height: 80px}
	
#activateAccount{padding-bottom: 10px}
	#activateAccount input.text{}
	


.carousell{width: 470px; height: 74px;overflow: hidden;margin: 0 0 10px 0}
.pageGallery{float: left;width: 430px;}
.pageGallery ul{padding: 0;margin: 0;}
.pageGallery ul li{list-style-type: none;display: block;float: left;padding: 0 3px;margin: 0;}
.pageGallery ul li a, .pageGallery ul li img{padding: 0;margin: 0;display: block}
.carousell .next{float: left;width: 18px;height: 74px;display: block;cursor: pointer; background: url(templates/cotapsa/images/next.png) bottom left;margin-left: 2px;}

.pageGallery ul li img {width:80px; height:74px}
.carousell .next:hover{background-position: top left;}
.carousell .prev{float: left;width: 18px;height: 74px;display: block;cursor: pointer; background: url(templates/cotapsa/images/prev.png) bottom left;margin-right: 2px}
.carousell .prev:hover{background-position: top left;}
.carousell .justArrow{background: url(templates/cotapsa/images/next.png);margin-right: 2px;cursor: default;}
.carousell .justArrow:hover{background-position: top left;}


#featured{overflow: hidden;clear: both; border-bottom: dotted 1px #C1C1BB; border-top: dotted 1px #C1C1BB;margin: 10px 0;padding: 10px 0 0px 0;}
#featured .item{width:142px;float: left;padding: 0 12px;background: url(templates/cotapsa/images/separator-featured.gif) right top no-repeat;}
#featured .last{background: none}

/* mayoral cadidates */
table td h3{font-size: 12px;font-weight: bold}

#registerForm select{
    width: 250px;
}