/*----------------------------------------------------------
CSS: Format.css


----------------------------------------------------------*/

body 
{
    background-color: white !important; /*White*/
	font-family: verdana, helvetica, arial;
	font-weight: normal;
	font-size: small;
	color: black;
	/*background-image: url(https://coloradolawnspecialists.com/images/grass_back.jpg);*/
    background-image: url(../Images/Backgrounds/Grass_Background.jpg);
	background-size: 100%;
    background-attachment: fixed;
    /*background-position: top center;
    background-position: bottom center;*/
	background-repeat: no-repeat;
}

.sep_line 
{
	border: thin solid #cccccc !important;
}


/* Master Page Layout
----------------------------------------------------------*/

.master-wrapper 
{
    background-color: white;
	max-width: 1200px !Important;
    min-height: 100% !Important;
	margin: auto;
    table-layout: fixed;
    border: 1px solid #5b9b16 !important; /*CLS Green*/
}

.master-header
{
    background-color: white;
	max-width: 1198px !Important;
    width: 100% !Important;
    min-height: 98px !Important;
    vertical-align: bottom;
}

/*.master-nav
{
    margin-top: 98px !Important;
    min-height: 420px !Important;
	width: 220px !Important;
	max-width: 220px !Important;
	vertical-align: top;
	border-right: 1px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
}*/

.master-content
{
    margin-top: 98px !Important;
    min-height: 420px !Important;
	vertical-align: top;
}

.master-footer
{
    background-color: white;
	max-width: 1198px !Important;
    width: 100% !Important;
	min-height: 120px !Important;
}


/* Breadcrumbs
----------------------------------------------------------*/

.master-breadcrumb
{
	font-weight: normal;
	font-size: x-small;
    padding: 10px 10px 10px 10px;
}


/* Nav
----------------------------------------------------------*/

.nav-links {
    font-weight: bold;
}


/* Headers
----------------------------------------------------------*/

.hdr-1
{
	font-size: large;
	font-weight: bold;
	color: #233e68 !important; /*CLS Blue*/
}

.hdr-2
{
	font-size: medium;
	font-weight: bold;
	color: #233e68 !important; /*CLS Blue*/
}

.hdr-3
{
	font-size: small;
	font-weight: bold;
	color: #5b9b16 !important; /*CLS Green*/
}


/* Links
----------------------------------------------------------*/

a:link
{
    /*color: #999999;*/ /*Gray*/ 
    color: Blue;
    text-decoration: none;
}

a:visited
{
    /*color: #999999;*/ /*Gray*/ 
    color: Blue;
    text-decoration: none;
}

a:hover, a:focus
{
	/*color: #009933; */
    color: Blue;
    text-decoration: underline;
}

a:active
{
	color: Red; 
	text-decoration: underline;
}


.link
{
    /*color: #999999;*/ /*Gray*/ 
    color: Blue;
	text-decoration: none;
}

.link:visited
{
    /*color: #999999;*/ /*Gray*/ 
    color: Blue;
	text-decoration: none;
}

.link:focus, .link:hover
{
	/*color: #009933; */
    color: Blue;
	text-decoration: underline;
}

.link:active
{
	color: Red; 
	text-decoration: underline;
}


/* Text
----------------------------------------------------------*/

.text-red-bold
{
    clear: both;
	color: Red;
	font-weight: bold;
}

.text-green-bold
{
    clear: both;
	color: Green;
	font-weight: bold;
}


/* Forms
----------------------------------------------------------*/

.form-table
{
	width: 100%;
	border: 2px solid white;
	padding: 2px 2px 2px 2px;
    border-spacing: 2px;
}

.form-left
{
	vertical-align: text-top;
	text-align: right;
    /*color: #5b9b16 !important;*/ /*CLS Green*/
    color: black !important; /*Black*/
	background-color: #ccc !important; /*Light Grey*/
	width: 25%;
	border: 1px solid white;
    padding: 4px 4px 4px 4px;
}

.form-right
{
	text-align: left;
	width: 75%;
	border: 1px solid white;
    padding: 1px 4px 1px 4px;
}

.form-center
{
    align-self: center;
	text-align: center;
	width: 100%;
	border: 1px solid white;
    padding: 1px 4px 1px 4px;
}

.form-val-summ
{
	color: Red;
	font-weight: bold;
	background-color: Yellow;
	border: 2px dotted Red;
    /*padding: 2px 5px 2px 5px;*/
}

.form-val-det
{
	color: Red;
	font-weight: bold;
	background-color: Yellow;
	border: 1px solid Yellow;
    /*padding: 2px 5px 2px 5px;*/
}


/* Grids
----------------------------------------------------------*/

.grid-layout
{
    background-color: transparent;
    /*font-family: arial;*/
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 0px;
}

.grid-layout tr
{
    color: Black;
    height: 24px;
    border: none;
    padding: 8px;
}

.grid-layout th
{
    background-color: #233e68 !important; /*CLS Blue*/
    border: 1px solid #ccc !important; /*Light Grey*/
    /*border: 1px solid #5b9b16 !important;*/ /*CLS Green*/
    text-align: left;
    font-weight: bold;
    padding: 8px;
    color: #fff !important; /*White*/
}

.grid-layout td
{
    padding: 8px;
    border-color: transparent;
    /*border-bottom: 1px solid #ccc !important;*/ /*Light Grey*/
    border-bottom: 1px solid #5b9b16 !important; /*CLS Green*/
}


/* CLS Formats
----------------------------------------------------------*/

.cls-blue,.cls-hover-blue:hover {
    color: #fff !important; /*White*/
    background-color: #233e68 !important; /*CLS Blue*/
}

.cls-green,.cls-hover-green:hover {
    /*color: #233e68 !important;*/ /*CLS Blue*/
    color: #fff !important; /*White*/
    background-color: #5b9b16 !important; /*CLS Green*/
}

.cls-white,.cls-hover-white:hover {
    color: #233e68 !important; /*CLS Blue*/
    background-color: #fff !important; /*White*/
}

.cls-grey,.cls-hover-grey:hover {
    color: #233e68 !important; /*CLS Blue*/
    background-color: #ccc !important; /*Light Grey*/
}

.cls-topbar-blue {
    border-top: 4px solid #233e68 !important; /*CLS Blue*/
}
                                                
.cls-bottombar-blue {
    border-bottom: 4px solid #233e68 !important; /*CLS Blue*/
}

.cls-leftbar-blue {
    border-left: 4px solid #233e68 !important; /*CLS Blue*/
}

.cls-rightbar-blue {
    border-right: 4px solid #233e68 !important; /*CLS Blue*/
}

.cls-topbar-green {
    border-top: 4px solid #5b9b16 !important; /*CLS Green*/
}
                                                
.cls-bottombar-green {
    border-bottom: 4px solid #5b9b16 !important; /*CLS Green*/
}

.cls-leftbar-green {
    border-left: 4px solid #5b9b16 !important; /*CLS Green*/
}

.cls-rightbar-green {
    border-right: 4px solid #5b9b16 !important; /*CLS Green*/
}

.cls-border-blue {
    border-color: #233e68 !important; /*CLS Blue*/
}

.cls-border-green {
    border-color: #5b9b16 !important; /*CLS Green*/
}

.cls-border-grey {
    border-color: #ccc !important; /*Light Grey*/
}