/*
<cfset request.sm_version_date="2016-07-14"> <!--- Date of last mod of this file --->
<cfset request.sm_version_svnFileVer="2900"> <!--- SVN internal version tracking number --->
<cfset request.sm_version_file="\SiteMaker\scriptlibrary\module_core.css"> <!--- Path of this file --->
*/
/*Do NOT make edits here for a site. This file gets overwritten with every module redistribution and sm6update.*/

/* ********************************************************* */
/*CORE: module.css - Changes here are global for all clients.*/

/* 
	General Classes 
*/
.pull-left, .text-left {float:left;}
.pull-right, .text-right {float:right;}
.btn-default { cursor:hand;cursor:pointer;}

input[type="file"] {
	border-width: 0px;
}
label.radio-inline,
label.checkbox-inline {
	cursor: pointer;
	display: inline-block;	
	margin-bottom: 0px;
	padding-left: 20px;
    vertical-align: middle;
	float: none !important;
}
label.radio-inline span,
label.checkbox-inline span {
	float: left;
}
label.radio-inline input[type="radio"],
label.checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px !important;
	line-height: normal;
	margin: 2px 0px;
	padding: 0px;
}
div.introduction {
	clear: both;
}
/* Makes a button look and behave like a link. */
.linkButton,
.linkButton:hover,
.linkButton:active,
.linkButton:visited,
.linkButton:link,
.linkButton:focus {
	outline: 0px;	
	height:auto;
	margin:0px;
	border:0px;
	padding:0px;
	background:transparent;
	text-decoration:underline;
	font-family:Arial;
	font-size:13px !important;
	min-width: 1px;
	/* -- color: #00766e; -- */
	cursor: hand;
	cursor: pointer;
}
.linkButton:hover {color: #000;}

/* 
	grouped styles: elements that share the same style defintions.
*/
div.container.new fieldset,
div.container.search fieldset {
	border:none;
}
div.container.new fieldset.nopad,
div.container.search fieldset.nopad {
	padding:0px;
	margin:0px;
}
div.container.new legend,
div.container.search legend {
	visibility:hidden;
	display:none;
}

div.container.new div.input label,
div.container.search div.input label {
	clear:left;
	display:block;
	float:left;
	width:8em;
	font-weight:bold;
	vertical-align:top;	
}
	div.container.new div.input label {	
		text-align:right;
	}

div.container.new div.input label+div,
div.container.search div.input label+div {
	* text-indent:-0.25em;
	float: left;
	margin-left: 4px;
	vertical-align:top;	
	min-width: 300px;
}

div.container.new div.input,
div.container.search div.input {
	clear:both;
	padding-top:1em;
	display: block;	
}
	div.container.search div.input {
		text-align:left;
	}

div.container.new div.input div div,
div.container.search div.input div div,
div.container.new div.input div label,
div.container.search div.input div label {
	clear:left;
	width:auto;
}
	div.container.new div.input div label,
	div.container.search div.input div label {
		font-weight:normal;
	}
	
div.container.new div.input div div,
div.container.seach div.input div div {
	float: none;
}
/* If the submit button doesn't have a label value (i.e. required fields indicator)
then we want to push the buttons to the left so they render under the fields.
If there is a label then we don't want a left margin.*/
div.container.new div.input.submit div,
div.container.search div.input.submit div {
	margin-left: 8em;
}
	div.container.new div.input.submit label+div {
		margin-left:0px;
	}
	
/* 
	search action specific styles 
*/
div.container.search div.input.checkbox div label,
div.container.search div.input.radio div label {
	display: inline;
	float:none;
}	

/* 
	new action specific styles 
*/
div.container.new div.heading {
	clear: both;
}
div.container.new input[type="file"]{
	border: 0px;
}
div.container.new div.input div table {
	display:inline-table;
	* display:inline;
}

/* 
	list action specific styles 
*/
table.container.list {
	width:100%;
}
table.container.list th {
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px;
	border: 1px groove #ADAEDC;
}
table.container.list td {
	background-color: #F2F2F2;
	color: #000000;
	padding: 8px;
	border: 1px groove #ADAEDC;
}
table.container.list td.metalistcolor2,
table.container.list td.even  {
	background-color: #FFFFFF;	
}

/* 
	detail action specific styles 
*/
div.container.detail {
	min-width: 500px;
}
table.container.detail {
	width:100%;
}
table.container.detail th {
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px;
	text-align: right;
	vertical-align: top;
}
table.container.detail td {
	background-color: transparent;
	color: #000000;
	padding: 8px;
	vertical-align: top;
}

div.container.detail dt {
	clear:left;
	float:left;
	font-weight:bold;
	padding-top:0.5em;
	width:8em;
}
div.container.detail dd {
	padding-top:0.5em;
	margin-left:9em;
}
div.container.list div.tree_verttable dl,
div.container.detail.version1 dl {
	margin-left: 9em;
}
div.container.list div.tree_verttable dt,
div.container.detail.version1 dt {
	width: 8em;
	float: left;
	clear: left;	
	margin: 0 0 .5em -9em;
	font-weight: bold;
	padding: 0px;
}
div.container.list div.tree_verttable dd,
div.container.detail.version1 dd {
	float: left;
	margin: 0 0 .5em 0;
	padding: 0px;
}
div.container.list div.tree_verttable dd p,
div.container.detail.version1 dd p,
div.container.detail dd p {
	padding-top:0em;
	margin-top:0em;
}
div.container.detail dl.dl-vertical {
	margin-left: 0px;
}
div.container.detail dl.dl-vertical dt {
	clear:left;
	float:none;
	width:100%;
	margin: 0 0 0.5em 0;
}
div.container.detail dl.dl-vertical dd {
	* text-indent: 0;
	margin-left: 0px;
	clear: both;
	float: none;
}

/* 
	zip finder specific styles 
*/
div.zipfinder{
	white-space:nowrap;
}
div.zipfinder.distance.pull-left{
	float:left;
}
div.zipfinder.distance.pull-left select {
	margin-right: 5px;
}
div.zipfinder.distance.pull-right{
	float:right;
}
div.zipfinder.distance select {	
	margin: 0px 5px;
}
div.zipfinder.main{
	display:inline-block;
}
dd.drivingDirections_CTVAR{
	* padding-left:0.25em;
}
dd.map_CTVAR{
	* padding-left:0.25em;
}
dd.tree_bullet {
	display:list-item;
}
div.zipfinder.zipcode {
	padding: 0 5px 0px 0;
}
div.zipfinder.main div.distance-container {
	padding-top: 12px;
}
/*
	Pagination: Default CSS styles for core pagination
*/
div.pagination {
	float: left; 
	width: 100%;	
	color: #000000;	
	background-color: #EDEDED;
	border: 1px solid #D3D3D3;
	border-left-width: 0px;
	border-right-width: 0px;
	height: 40px;
}
div.paginationDisplay {
	float: left;
	height: 40px;
	line-height: 40px;
	vertical-align: baseline;
	padding: 0px 3px 0px 15px;
}
div.paginationPage {
	float:right;
	width: auto;
	white-space: no-wrap;
	height: 40px;
	line-height: 40px;
	vertical-align: baseline;
	padding: 0px 3px 0px 15px;
}
div.paginationPage form {
	margin: 0px;
	padding: 0px;
	height: 40px;
}
span.paginationlinks,
span.paginationlinkson {
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	padding: 5px;	
	color: #000000;
	margin-right: 5px;
	border:1px solid #D3D3D3;
}
span.paginationlinkson.paginationactive {
	font-weight: bold;	
	background-color: #BDBDBD;	
}
span.paginationlinks {
	background-color: transparent !important;
}
span.paginationlinks a,
span.paginationlinkson a {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}
span.paginationlinkson a,
span.paginationlinkson span {
	color: #000000;
}
span.paginationlinks span {			
	color: #000000;
}
div.paginationIncrement {
	width: auto;
}

/* The following styles will be rendered if the view screen is smaller than 560 pixels.
It will left align the labels on the new and search action screens and will remove the left
margin on all the field elements. This means the form will render in a nicely stacked
layout on a smaller view screen (responsive). */
@media (max-width: 786px) {
	div.container.search div.input label,
	div.container.new div.input label {	
		text-align:left;
	}
	div.container.new div.input label + div textarea, 
	div.container.new div.input label + div select, 
	div.container.search div.input label + div select,
	div.container.new div.input label + div input, 
	div.container.search div.input label + div input,
	div.container.new div.input label + div, 
	div.container.search div.input label + div {
		margin-left: 0px;
	}
}

ul.ui-autocomplete {
	max-height: 250px;
	max-width: 350px;
	overflow-x: auto;
}

/* Next/Previous buttons on detail page */ 
div.container.pager {
	clear:both;
	display:block;
} 
ul.pager {
	list-style-type: none;
	padding: 4px 0;
}
ul.pager li {
	display: inline;	
	hieght: 80px;
	border:1px solid #CCC;
	border-radius: 4px;
	padding: 2px 4px;
}
ul.pager li.disabled { 
	display:none;
}
ul.pager li.previous {
	text-align: left;
	float: left;
}
ul.pager li.next {
	text-align:right;
	float: right;
}

/* ---- tabs ---- */
ul.nav-tabs {
	padding: 2px 2px 0px 2px;
	background:none;
	z-index: 1;
}
ul.nav-tabs li.tab {
	margin: 0 2px 0px 0;
	background-color: #e6e6e6;
	border:1px solid #d3d3d3;
} 
ul.nav-tabs li.tab.active {
	border:1px solid #aaaaaa;
	border-bottom:1px solid #FFFFFF;
} 
ul.nav-tabs li.tab.active a {
	margin: 0;
}

/* classes to color icons used with checkbox fields on detail page */
.text-success {
	color:#3C763D;
}
.text-danger {
	color:#A94442;
}
div#div_left_0, div#div_main_0, div#div_right_0 {
   clear:both;
}