/*
Theme Name: Compact Information Systems
Theme URI: http://www.compactsystems.com
Description: Custom theme for Compact Information Systems by Eben Design
Version: 1.1.1
Author: Chris Rodriguez @ Eben Design - Modified by John Bardell (Compact)
Tags: None
*/

body { margin: 0; padding: 0 0 25px 0; background: url(i/background.jpg) 0 0 repeat-x #ecebeb; font-family: arial, sans-serif; font-size: .70em; color: #6c6c6c ; position: relative; z-index: 0; }
.rainbow { background: url(i/rainbow.jpg) center top no-repeat transparent; padding: 26px 0 0 0; height: 100%; min-height: 690px; }
.round { background: url(i/bg-module.gif) 0 0 repeat-x #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding-bottom: 19px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.withborder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: transparent; margin: -40px 0 0 0; padding: 0 19px 7px 54px; position: relative; zoom: 1; }
.withbordernomargin { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; zoom: 1; }
.padding { padding: 19px 0 9px 20px; .padding: 19px 0 12px 20px; _padding: 19px 0 12px 20px; }
.paddingnonetop { padding: 0 0 11px 20px; .padding: 0 0 8px 20px; zoom: 1; }
.lrborders { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; margin: -15px 0 0 0; padding: 0 19px 7px 19px; height: 80%; }
.clear { display: block; clear: both; }
.rss { background: url(i/img-rss.gif) 6px center no-repeat; padding-left: 49px!important; color: #ff9900!important; }
.rss:hover { background: url(i/img-rss.gif) 6px center no-repeat #f2f2f2!important; padding-left: 49px!important; color: #ff9900!important; }
a.tint:hover, a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }

h1 { margin: 0 0 15px 0; font-size: 30pt; position: relative; }
.blogpost h1 { margin: 7px 0 10px 0; font-weight: bold; font-size: 1.4em; position: relative; clear:both; }
.blogpost a h1 { margin: 7px 0 10px 0; font-weight: bold; font-size: 1.4em; position: relative; clear:both; }
.post h1 { margin: 0 0 15px 0; font-size: 22pt; position: relative; }
.rcol h1 { margin: 7px 0 10px 0; font-weight: bold; font-size: 1.4em; position: relative; clear:both; }

h2 { margin: 0 0 15px 0; font-size: 22pt; position: relative; }
h3 { margin: 0; font-size: 15pt; position: relative; }
h4 { margin: 7px 0 10px 0; font-weight: bold; font-size: 1.4em; position: relative; clear:both; }
h6 { margin: 10px 0 5px 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; position: relative; }
h6.faq { margin: 10px 0 5px 0; font-size: 1.1em; font-weight: bold; text-transform: capitalize; position: relative; }
.red { color: #991116; }
a img, img a, img { border: 0; }
a { text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: underline; }

#container { margin: 0 auto; padding: 0; width: 949px; }
#header { height: 86px; position: relative; color: #fff; }
	.logo { float: left; display: inline; width: 242px; height: 62px; }
	.bookmarks { float: right; display: inline; width: 125px; height: 16px; margin: 3px 0 0 0; }
	.anav { width: 700px; float: right; display: inline; text-align: right; margin: 30px 0 0 0; }
		.anav a { text-transform: uppercase; font-size: 1.0em; color: #fff; margin: 0 3px 0 3px; }
#footer { margin: 22px 0 0 0; }
	#footer a { color: #6c6c6c; line-height: 1.5; }
	#footer a.nobold { font-weight: normal; }
	
#left { width: 680px; float: left; display: inline; margin: 0; }
#slider { height: 256px; width: 640px; overflow: hidden; background: #343434; }
.leftbot { background: url(i/bg-mod-bot-left.gif) left bottom no-repeat transparent; height: 10px; _margin: -4px 0 0 0; }
.fulltop { background: url(i/bg-mod-top-fullc.gif) left top no-repeat transparent; height: 19px; }
.fullbot { background: url(i/bg-mod-bot-full.gif) left bottom no-repeat transparent; height: 9px; _margin: -4px 0 0 0; }
	#tabs { width: 680px; height: 37px; }
		#tabs h1 { text-indent: -9999px; margin: 0; padding: 0; height: 37px; overflow: hidden; cursor: pointer; }
		.resident { display: inline-block; float: left; height: 37px; width: 227px; background: url(i/nav-resident.gif) 0 0 no-repeat; }
		.resident:hover, .resident-active { display: inline-block; float: left; height: 37px; width: 227px; background: url(i/nav-resident.gif) 0 -37px no-repeat; }
		.business { display: inline-block; float: left; height: 37px; width: 226px; background: url(i/nav-business.gif) 0 0 no-repeat; }
		.business:hover, .business-active { display: inline-block; float: left; height: 37px; width: 226px; background: url(i/nav-business.gif) 0 -37px no-repeat; }
		.consumer { display: inline-block; float: left; height: 37px; width: 227px; background: url(i/nav-consumer.gif) 0 0 no-repeat; }
		.consumer:hover, .consumer-active { display: inline-block; float: left; height: 37px; width: 227px; background: url(i/nav-consumer.gif) 0 -37px no-repeat; }
	.f-yellow { width: 640px; height: 257px; background: url(i/feature-yellow.jpg) 0 0 no-repeat; }
	.f-green { width: 640px; height: 257px; background: url(i/feature-green.jpg) 0 0 no-repeat; }
	.f-blue { width: 640px; height: 257px; background: url(i/feature-blue.jpg) 0 0 no-repeat; }
		.f-yellow p, .f-green p, .f-blue p { font-size: 1.3em; color: #fff; width: 571px; padding: 85px 0 0 35px; line-height: 1.5; margin: 0; }
		.f-yellow div {  width: 571px; padding: 60px 0 0 35px; text-align: right; }
		.f-green div  {  width: 571px; padding: 36px 0 0 35px; text-align: right;  }
		.f-blue div  {  width: 571px; padding: 60px 0 0 35px; text-align: right; }
		.f-yellow div img, .f-green div img, .f-blue div img { float: right; }
	.flash { width: 640px; }

#right { width: 260px; float: right; display: inline; margin: 0; }
	.module { height: 226px; margin: 0 0 5px 0; background: url(i/bg-mod-bot-small.gif) left bottom no-repeat transparent; }
		.module p { line-height: 1.4; margin: 10px 0 0 0; }
#full { width: 948px; margin: 1px 0 0 0; background: #fff; }
	#full a { color: #991116; }
	.lcol { float: left; display: inline; width: 262px; margin: 0 55px 0 0; }
	.rcol { float: right; display: inline; width: 215px; margin: 0; }
		.rcol ul { margin: 0; padding: 0; list-style-type: none; }
			.rcol ul li { margin: 3px 0 3px 0; padding: 2px 0 2px 0; list-style-type: none; }
	.com { float: left; display: inline; width: 180px; margin: 42px 35px 0 0; clear: none; }
		.lcol p, .rcol p, .com p { line-height: 1.4; }
#fullc { width: 948px; margin: 0; }
	.login-full { width: 907px; height: 41px; background: transparent; overflow: hidden; color: #fff; }
		.login-full a { color: #fff!important; }
		a.btn-register-lg { position: absolute; top: 168px; right: 33px; }
	.portal-resident { width: 907px; height: 259px; background: url(i/portal-yellow.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-resident p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 110px 0 0 35px; }
		.portal-resident p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.portal-business { width: 907px; height: 259px; background: url(i/portal-green.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-business p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 80px 0 0 35px; color: #fff!important; }
		.portal-business p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.portal-consumer { width: 907px; height: 259px; background: url(i/portal-blue.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-consumer p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 110px 0 0 35px; color: #fff!important; }
		.portal-consumer p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.content { padding: 30px 0 0 0; position: relative; zoom: 1; }
		.content h1 { margin-top: 0; }
		.content p { font-size: 1.1em; line-height: 1.4; margin-right: 19px; margin-top: 0; zoom: 1; }
		.content ul { margin: 0 0 20px 0; padding: 0; zoom: 1; }
			.content ul li { font-size: 1.1em; padding: 0; margin: 0 0 0 30px; }
		.general p { /*width: 600px;*/ zoom: 1; }
		.content .rcol { margin-right: 20px; }
		.rcol p { width: 215px; }
		.subnav h2, .subblog h2 { margin: 0; width: 200px; height: 22px; background: url(i/bg-subnav.gif) 0 0 no-repeat; font-weight: bold; color: #fff; font-size: 1.3em; padding: 5px 0 0 15px; }
		.subnav h2 a, .subblog h2 a { color: #fff; }
			.subnav h2 a:hover, .subblog h2 a:hover { text-decoration: none; }
			.subnav ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; }
			.subblog ul { margin: 5px 0 30px 0; padding: 0; list-style-type: none; border-top: 1px solid #ccc; }
				.subnav ul li { margin: 0; padding: 0; list-style-type: none; }
				.subblog ul li { margin: 0; padding: 0; list-style-type: none; }
					.subnav ul li a { display: block; height: 10px; padding: 7px 7px 10px 15px; _padding: 3px 7px 5px 15px; margin: 0; border-bottom: 1px solid #ccc; color: #6c6c6c; font-size: 1em; font-weight: normal; }
					.subblog ul li a { display: block; padding: 7px 0 8px 3px; _padding: 3px 0 3px 3px; margin: 0; border-bottom: 1px solid #ccc; color: #6c6c6c; font-size: .90em; font-weight: normal; }
					.subnav ul li a:hover, .subblog ul li a:hover { text-decoration: none; background: #f2f2f2; }
						.subnav ul li ul li a { display: block; padding: 7px 0 8px 15px; _padding: 3px 7px 5px 15px; margin: 0; background: /*url(i/img-secure.gif) 190px center no-repeat*/ transparent; font-size: 9pt; }
						.subnav ul li ul li a:hover { background: /*url(i/img-secure.gif) 190px center no-repeat*/ #f2f2f2; }
		.content a { color: #991116; }
		.blogpost { margin: 0 0 25px 0; }
			.blogpost a:hover h4 { text-decoration: underline; }
	.inset { width: 288px; float: left; display: inline-block; _display: inline; margin: 0 30px 30px 0; font-size: 1em; padding: 0; }
	.insetg { width: 288px; float: left; display: inline-block; margin: 0 30px 30px 0; font-size: 1em; color: #fff; padding: 0; }
		.insetwg { width: 288px; margin: 0; .margin: -36px 0 0 0; background: #616161; padding: 0; color: #fff!important; text-align: center; }
		.insetww { width: 288px; margin: 0; .margin: -36px 0 0 0; background: #f5de79; padding: 0; text-align: center; }
			.insetwg img, .insetww img { padding: 5px 0 10px 0; .padding: 5px 0 3px 0; }
			.insetwg p, .insetww p { font-size: 1em; margin: 0; text-align: left; }
			.botbar { .margin: -1px 0 0 0; }
	#login { font-size: 1em; margin: 2px 0 0 10px; }
		#login a { color: #6c6c6c; font-weight: normal; }
		#login input.lfield { height: 16px; width: 172px; background: url(i/bg-textfield.gif) 0 0 no-repeat transparent; border: 0; font-family: arial, sans-serif; font-size: 1em; color: #999; padding: 5px 4px 4px 4px; }
		#login input.submit { height: 26px; width: 55px; background: url(i/btn-login.gif) 0 0 no-repeat; }
.codir { margin: 0 0 20px 0; width: 546px; }
	.codir td { border-bottom: 1px solid #ccc; padding: 3px 0 3px 0; font-size: 1em; }
.ddsg-wrapper h2 { display: none; }
.ddsg-wrapper ul { margin: 0; padding: 0; list-style-type: none; font-size: 9pt; line-height: 1.5; }
	.ddsg-wrapper ul li { margin: 0; padding: 0; }
		.ddsg-wrapper ul li ul { margin: 0; padding: 0; list-style-type: none; }
			.ddsg-wrapper ul li ul li { margin: 0; padding: 0 0 0 20px; }
.error { padding: 10px; background: #ffcccc; border: 1px solid #ff6666; color: #ff3333; font-weight: bold; font-size: 9pt; width: 526px; }
.success { padding: 10px; background: #ccffcc; border: 1px solid #99cc66; color: #99cc33; font-weight: bold; font-size: 9pt; width: 526px; }

#msg { display: none; position: absolute; z-index: 200; background: url(i/msg_arrow.gif) left center no-repeat; padding-left: 7px; }
#msgcontent { display: block; background: #fdf88a; border: 2px solid #ffd800; border-left: none; padding: 10px; min-width: 150px; max-width: 250px; font-size: .9em; }

ul.ec3_events { margin: 0; padding: 0; list-style-type: none; }
	ul.ec3_events li { margin: 0; padding: 0; list-style-type: none; }
	
.blogpost .ec3_schedule {  }

.post { zoom: 1; position: relative; float: left; display: inline; width: 640px; _width: 640px; margin-bottom: 0px; }

/*
CompactLists Added CSS Styles
*/

.rsswidget img { display:none; }
.rcol ul { list-style-type:none; list-style-image:none; margin-left: 0; padding-left: 0; margin-top: 0; padding-top: 0;}
.rcol li { list-style-type: disc; padding-bottom: 2px; }
.rss-hide { display:none; margin-top: 0; padding-top: 0; }
.rcol p { margin-top: 0; padding-top: 0; }


.alignleft{ display: inline; float: left; margin-bottom: 4px; margin-right: 10px; }
.alignright{ display: inline; float: right; margin-bottom: 4px; margin-left: 10px; }
.aligncenter{ display: inline; text-align: center; }

.clear{	clear: both; }
.cleaner{ background: transparent; border: none; clear: both; font-size: 1px; height: 0; margin: 0; padding: 0; }
.cleaner-left{ background: transparent; border: none; clear: left; font-size: 1px; height: 0; margin: 0; padding: 0; }
.cleaner-right{ background: transparent; border: none; clear: right; font-size: 1px; height: 0; margin: 0; padding: 0; }

.state { margin-top: 26px; } 

#commentform textarea { width: 650px; }
#commentbox ol.commentlist{ list-style-type: none; margin-bottom: 12px; margin-left: 0px; padding-left: 0px; padding-bottom: 12px; width: 650px; }
#commentbox ol.commentlist li{ background: #fff; border: 1px solid #777; margin-top: 6px; margin-bottom: 0px; padding: 12px 12px 0px 12px; }
#commentbox ol.commentlist li.alt{ background: #f8f8f8; border: 1px solid #777; margin-top: 6px; margin-bottom: 0px; padding: 12px 12px 0px 12px; }
#commentbox ol.commentlist li.clists{ background: #c7c5c6; border: 1px solid #000000; margin-top: 6px; margin-bottom: 0px; padding: 12px 12px 0px 12px; }
#commentbox ol.commentlist p.clists_comment_author,p.clists_comment_author a{ font-size: 1em; font-weight: bold; color: #0066cc; }
#commentbox ol.commentlist p.clists_comment_author a:hover{ color: #444; }
#commentbox ol.commentlist p.clists_comment_time{ color: #0066cc; font-size: 0.90em; font-weight: bold; margin-bottom: 2px; padding-bottom: 0px; }
#commentbox ol.commentlist .clists_comment_text p { color: #444; font-size: 1.05em; letter-spacing: 1px; margin-top: 6px; width: 500px; }
#commentbox .avatar-compact{ background: url(i/compact-avatar.png) no-repeat; display: inline; float: left; height: 32px; margin-right: 18px; width: 32px; border: solid 1px #c7c5c6; }
#commentbox .avatar-compact img{ display: none; }
#commentbox ol.commentlist li.ping{ background: #fff; border: 1px solid #e9e9e9; margin-top: 6px; margin-bottom: 0px; padding: 12px 12px 0px 12px; }
#commentbox ol.commentlist li.track{ background: #fff; border: 1px solid #e9e9e9; margin-top: 6px; margin-bottom: 0px; padding: 12px 12px 0px 12px; }
#commentbox .avatar{ display: inline; float: left; height: 32px; margin-right: 18px; width: 32px; }
#commentbox .avatar img{ border: 1px solid #777; }
#commentbox .avatar-ping{ background: url(images/gravatar-ping.png) no-repeat; display: inline; float: left; height: 50px; margin-right: 0px; width: 50px; }
#commentbox .avatar-track{ background: url(images/gravatar-track.png) no-repeat; display: inline; float: left; height: 50px; margin-right: 0px; width: 50px; }
#commentbox .commentbody{ display: inline; float: left; margin-left: 11px; width: 400px; }
#commentbox .commentbody em{ font-size: 1.05em; }
#commentbox p.comment_author,p.comment_author a{ color: #000000; font-size: 1em; font-weight: bold; }
#commentbox p.comment_author a:hover{ color: #444; }
#commentbox p.comment_time{ color: #555; font-size: 0.90em; font-weight: bold; margin-bottom: 2px; padding-bottom: 0px; }
#commentbox .comment_text p { color: #444; font-size: 1.05em; letter-spacing: 1px; margin-top: 6px; width: 500px; }

.capitalize { text-transform: capitalize; display: inline; }
.breadcrumbs a { color: #991116; }

/*
CompactLists Added Icons
*/

.events-today{ background: url(i/icons/date.png) no-repeat left center; line-height: 19px; margin: 0 0 0 0; padding: 0 0 0 20px; }
.events-upcoming{ background: url(i/icons/calendar.png) no-repeat left center; line-height: 19px; margin: 0 0 0 0; padding: 0 0 0 20px; font-weight: bold; }
.read-more{ background: url(i/icons/page_white_go.png) no-repeat left center; line-height: 19px; margin: 0 0 0 0; padding: 0 0 0 20px; }