@charset "UTF-8";
/* Checklist Slider */

#sliderWrapper {
background-color: #EEF8FA;
	border: 1px solid #CCC;
	padding: 15px;
	margin: 0;
	min-height: 480px;
	width: 602px;
}

#sliderWrapper h1{
	width:100%;
	border-bottom: 1px solid #CCC;
	color: #666;
	font-size: 16px;
	line-height: 28px;
	}
	
#sliderWrapper h2{
color: #7BA435;

	padding: 0;
	margin: 0 0 15px 0;
	font-size: 14px;
		}
#community.panel p{
	font-size: 14px;
}
#contract.panel p{
	font-size: 14px;
}
#visit.panel p{
	font-size: 14px;
}
#apartment.panel p{
	font-size: 14px;
}
#staff.panel p{
	font-size: 14px;
}
#residents.panel p{
	font-size: 14px;
}
#response.panel p{
	font-size: 14px;
}

#intro {
    padding-bottom: 10px;
}

#slider {
	width: 100%;
/*	border: 1px solid red;
*/	}
.scroll {

    height: 490px;
    width: 370px;
    overflow: auto;
    overflow-x: hidden;
  	float: left; 
	position: relative;
/*	border: 1px solid purple;
*/
}
#community .panel  p{
	font-size: 12px;
}	
.scrollContainer div.panel {
	float: left;
	position: relative;
    padding: 10px;
    height: 270px;
    width: 340px;
/*	border: 1px solid #000;
*/}

.sliderNavContainer{
	/*width: 190px;*/
	margin-right: 20px;
	}

ul.navigation {
	float: left;
/*position: relative;*/
    list-style: none;
	margin: 0 15px 0 0;
   /* margin: 0 20px 0 0px;*/
    padding-top: 15px;
    padding-bottom: 9px;
	border-right: 1px solid #ccc;
	width: 190px;
}

ul.navigation li {
/*    display: block;*/
	list-style-type: none;
	margin: 0;
	/*padding: 0 15px 0 0;	*/
	width: 200px;

}

ul.navigation a/*, ul.navigation a:visited*/ {
	display: block;
	text-decoration: none;
	color: #104B7D;
	/*width: 160px;*/
	height: 26px;
	line-height: 16px;
	padding: 10px 25px 0 0;
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
	text-transform: uppercase;
	outline: none;
	-moz-outline-style: none;
/*	border-right: solid 1px #CCC;
*/}

ul.navigation a:hover {
    background-color: none;
}

ul.navigation a.selected {
	background-image:url(../img/arrow_checklist.gif);
	background-repeat: no-repeat;
	background-position: left top;
	    margin: 0 0 0 -20px;
	/*width: 200px;*/
	display:block;
	color: #104B7D;
	outline: none;
	-moz-outline-style: none;
	overflow: visible;
	padding-right: 25px;

	}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
display: none;
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
ul.codaExtraLinks  {
/*	display: block;
*/	list-style: none;
	margin: 0;
	border-top: solid 1px #CCC;
	/*border-right: solid 1px #CCC;*/
	width: 190px;
	float: left;
	position: relative;
	padding-top: 15px;
	}

ul.codaExtraLinks li.print {
	background-image: url(../img/icons/print.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.2em;
	display: block;
	width: 160px;
	padding: 0 0 0 25px;
	}		
ul.codaExtraLinks li.video {
	background-image: url(../img/icons/video.gif);
	background-repeat: no-repeat;
	background-position: left top;

	display: block;
	width: 160px;
	padding: 0 0 0 25px;
	}

ul.codaExtraLinks  .print a {
	line-height: 12px;
	text-decoration: underline;
	padding: 0;
/*	margin: 15px 15px 0 0;
*/	text-align: left;
	text-transform: none;
	}
ul.codaExtraLinks .print a:visited {
	line-height: 12px;
	text-decoration: underline;
	padding: 0;
	/*margin: 15px 15px 0 0;*/
	text-align: left;
	text-transform: none;
	}
ul.codaExtraLinks .print a:selected {
	line-height: 12px;
	text-decoration: underline;
	padding: 0;
	/*margin: 15px 15px 0 0;*/
	text-align: left;
	text-transform: none;
	}
	
	
ul.codaExtraLinks .print a#sliderDownloadLink {
	line-height:1.5em;
	font-weight:bold;
	font-size:1.25em;
}
	
	
ul.codaExtraLinks .video a{
	font-size: 10px;
	line-height: 12px;
	text-decoration: underline;
	
	/*margin: 15px 15px 0 0;*/
	text-align: left;
	text-transform: none;
	}
ul.codaExtraLinks .video a:visited{
	line-height: 12px;
	text-decoration: underline;
	
	/*margin: 15px 15px 0 0;*/
	text-align: left;
	text-transform: none;
	}

ul.codaExtraLinks .video a:selected{
	font-size: 10px;
	line-height: 12px;
	text-decoration: underline;
	
	/*margin: 15px 15px 0 0;*/
	text-align: left;
	text-transform: none;
	}