.border {
	border:1px dotted orange;
}

/* generic styles */
.no-pad {padding:0 !important;}
.no-pad-left {padding-left:0 !important;}

/* misc styles */
.modal-dialog {
	width: 90%;
}
.modal-header {
	font-weight:bold;
}
/* remove blue outline when clicked */
.btn:focus,.btn:active {
   outline: none !important;
}
.btn {
	border:none !important;
	border-radius: 0 !important;
}
input:focus {
    outline: none !important;
    border:2px solid #0077ff;
}

/* show visual feedback for press */
.btn:active {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

body {
	padding: 78px 0 0 0; font-size:16px;
	font-family: "Source Sans Pro",Arial;
		 }
.alert { text-align:center;}
	
/* HEADER AND NAVIGATION */


/* SECONDARY NAV BAR */


/* CONTENT, ETC. */


#main-nav-bar { display:none; }
#log-inout { display:none; }

#content {
	padding-top:44px;
}

#mainNav {
		position: fixed;
		top: 78px;
		right: -250px;
		width: 250px;
		z-index: 9000;
		background-color: #777;/*#657383;*/
	}
#mainNav-arrow {
	width: 0;
	height: 0;
	margin-top:-14px;
	margin-right:20px;
	float:right;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #777; /*#657383;*/
	}
#mainNav ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.navMenuLink {
	display: block;
	white-space:nowrap;
	color:#fff;
	padding: 6px 0 6px 80px; 
	text-decoration:none;
}
.navMenuLink:hover {
	background-color:#98AFC7;
	text-decoration:none;
}
.navMenuLink span {
	font-size: 16px;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #f9f9f9;
	margin-left:25%;
	margin-top: 9px;
	}

#main-nav-btn {
	font-size:34px;
	text-decoration:none;
	padding:20px;
	float:right;
	right:0;
	color: #fff;
	display:inline-block;
	margin:0;
	height: 78px;
	width:70px;
	top:0;
	}

#navbar-header {
		width:100%;
		position:fixed;
		top: 0;
		background-color: #0077ff; 
		color: white; 
		height:78px;
		padding: 0;
		z-index:999;
		margin:0;
		}
/*
#navbar-header #site-logo-container img {
	Xborder:1px solid red;
	padding-bottom:8px;
}
*/
#navbar-header #site-logo-shadow {
	background:url(/img/logo-shadow.png);
	width:247px;
	height:14px;
	Xborder:1px solid purple;
	position:absolute;
	right:-6px;
}

/* secondary bar */
#navbar-secondary {
			position: fixed;
			width:100%;
			overflow: hidden; 
			border-bottom:#ccc solid 1px; 
			background-color:#f9f9f9; 
			padding:0;
			margin:0;
			top: 78px;
			z-index:700;
			height: 46px;
		}
#navbar-secondary-line-title {font-weight:bold; 
		 font-size: 20px; margin:0; padding:4px; line-height:2; text-align:center;}
#navbar-secondary-line-text a {text-decoration:none; font-size: 6px;}



/* retina */
/* (min-resolution: 2dppx) */

/**** PAGES ****/
/* householder/householder */
/* todo */
/* territories: index */
.territory-list-item {
	text-overflow: ellipsis; overflow: hidden; white-space:nowrap;
}
.territory-name{ font-weight:bold;}
.territory-num{ font-weight:bold;}
.territory-info{
font-size:.9em;
}

/* territories: territory */
.bold {font-weight:bold;}
.street-list-item { padding-top: 12px; padding-bottom:12px; 
	text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.street-name{ font-weight:bold;}	
	
.data-field-address {
	white-space:nowrap;	
}
.tag-wrapper {
  float:left;
  font-size:.8em;
  /*padding-bottom:2px;*/
}


/* territories: all-houses */
.street-header { background-color: #0077ff; color: #fff; font-size:20px;}
.street-header-text {margin-left:15px;}
.complex-header { font-size:18px; background-color: #FA8258;color:#fff;}
.complex-header-text {margin-left:15px;}
.group-header {font-size:16px; background-color: #ddd;}
.group-header-text {margin-left:15px; font-weight:bold;}
.tag-wrapper { background-color:#0077ff;
  color:#fff;
  border-radius: 4px; 
  padding:2px; margin-right:2px; display:inline-block;white-space:nowrap;
  float:left;
}

/* generic styles */
.data-field-notas {
  color: #777;
  /*border-top: 1px solid #ddd;*/
  padding-top: 4px;
}

/* ELEMENTS */
/* territory/territory-item-template */


/* territory/checkout-confirm */
#modal-message {
	visibility:hidden;
	color:red;
}
/* territory/territory-header-info */
#territory-header-info {
	padding:10px 15px 10px 15px;
	background-color:#e3e3e3;
}
#territory-header-info-table td {
	padding-left:15px;
}

/* territory/edithouse.ctp */


#cfss-logo {
	background-image: url(/img/cfss-logo-sm.png);
	background-position: 20px 20px;
	background-color:#fff;
	background-repeat:no-repeat;
	width:190px;
	height:78px;
	position:relative;
	display:inline-block;
	xborder:1px dotted blue;
}

.raised-effect
{
  position: relative;
}
.raised-effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  
  bottom: 20px;
  right: 14px;
  width: 70%;
  height:120%;

  max-width:300px;
	background:#777;

  -webkit-box-shadow: 10px 15px 10px #777;
  -moz-box-shadow: 10px 15px 10px #777;
  box-shadow: 10px 15px 10px #777;


  -webkit-transform: translate(0,0) skew(0deg,4deg);
  -moz-transform: translate(0,0) skew(0deg,4deg);
  -o-transform: translate(0,0) skew(0deg,4deg);
  -ms-transform: translate(0,0) skew(0deg,4deg); 
  transform: translate(0,0) skew(0deg,4deg);
  
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;
}


@media only screen and (min-width : 420px) {
	body {
		padding-top: 100px;
	}
	
	#navbar-header {
		height:100px;
	}
	#cfss-logo { 
		background-image: url(/img/cfss-logo-254x60.png);
		background-position: 20px 20px;
		background-color:#fff;
		background-repeat:no-repeat;
		width:300px;
		height:100px;
		position:relative;
		display:inline-block;
		xborder:1px dotted blue;
	}
	.raised-effect:after {
  -webkit-transform: translate(0,0) skew(0deg,6deg);
  -moz-transform: translate(0,0) skew(0deg,6deg);
  -o-transform: translate(0,0) skew(0deg,6deg);
  -ms-transform: translate(0,0) skew(0deg,6deg); 
  transform: translate(0,0) skew(0deg,6deg);
	}
	#main-nav-btn {
	font-size:56px;
	height: 100px;
	width:98px;
	}
/* secondary bar */
#navbar-secondary {
			position: fixed;
			width:100%;
			overflow: hidden; 
			border-bottom:#ccc solid 1px; 
			background-color:#f9f9f9; 
			padding:0;
			margin:0;
			top: 100px;
			z-index:700;
			height: 46px;
		}
	/* slide-out menu */	
	#mainNav {
		position: fixed;
		top: 100px;
		right: -250px;
		width: 250px;
		z-index: 9000;
		background-color: #777;
	}
		
			
}

@media only screen and (min-width : 800px) {
	#main-nav-bar {
		position: absolute;
		display:inline-block;
		padding-top: 0;
		margin: 55px 0 0;
	}
	#main-nav-bar ul {list-style-type:none;}
	#main-nav-bar li {display:inline-block;}
	#main-nav-bar li a {color:#fff; font-size:17px; margin-right:30px; text-decoration:none;padding:10px;}
	#main-nav-bar li a:hover {color: #333;}
	
 	#log-inout { display:inline-block;float:right;Xborder:1px solid red;margin-right:20px;font-size:17px;padding-top:20px;}
	#log-inout a { color:#fff; font-size:16px; text-decoration:none;}
	#log-inout a:hover { color:#acacac;}
}


/* print */
@media print {
  html, body {margin:0;padding:0;font-size:10px;}
  .terrtory-data {display: block;}
  #territory-header-name {display:block;}
  #navbar-header {display:none;}
  #navbar-secondary {display:none;}
  #secondary-menu {display:none;}
  #mainNav{display:none;}
  #data {height:auto;}
}