

/*--------------------------
WildFireWeb® Help
VALID CSS 2.0
COPYRIGHT 2005-2019 WILDFIREWEB
AUTHOR: support@wildfireweb.com
modified: Blaine 082119
---------------------------*/

@import url(/css/wildfirecommon.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
background: #444;
font-family: Arial, Verdana, sans-serif;
color: #fff;
}

a {
color: #ff622d;
text-decoration: none;
}

a:visited{
color: #ff7f00;
text-decoration: none;
}

a:hover{
color: #000000;
text-decoration: underline;
}


h1, h2, h3, h4 {
color: #ff622d;
margin: 0;
padding: 0;
}

h1 {
font-size: 18px;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
font-weight: bold;
}

h4 {
font-size: 12px;
}

#copyright {
font-size: 12px;
width:650px;
float:right;
margin:10px 0 10px 0;
padding: 0 0 0 0;
color:#fff;
}

#copyright a{
font-size: 12px;
}

#login {
color: #aa5149;
width:200px;
right:0;
font-size:12px;
position:relative;
display:block;
float:right;
clear:both;
margin:0;
padding: 0;
}

#login a{
color: #fff!important;
}

#login a:hover{
text-decoration: underline;
}


#loginarea
{
position:relative;
width:100px;
height:20px;
float:right;
right:0;
z-index:40;
}

#loginbox.login_hidden {
    right:5px;
    left:auto;
	z-index:50;
}

#loginbox input
{
margin-bottom:5px;
}

#loginbox a
{
color:#000!important;
}

.shadow
{
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
height:14px;
top:-14px;
margin:0 0 0 0;
padding: 0 0 0 0;
position:absolute;
display:block;
left:0;
width:100%;
}




.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #fe622b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}



.hide{
display: none;
}

.clearboth{
position: relative;
display: block;
height: 1px;
clear: both;
float: left;
}

h3.wfw{
font-weight: bold;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.6em;
color: #4a7ac6;
}

#wrapper{
position:relative;
display:block;
margin: 10px auto;
max-width: 1040px;
background-color: #ffffff;
padding: 20px 0 0 0;
/* border-top: 4px solid #4a3897; */
}

#innerwrapper{
position: relative;
display: block;
margin: 0;
width:100%;
max-width: 1040px;
padding: 0 0 40px 0;
float: left;
background-color: #fff;
border: none;
}

#header{
position:relative;
display:block;
float: left;
width:95%;
max-width: 1040px;
color: #999999;
padding: 0;
margin: 0;
margin-left: 4%;
padding-bottom: 20px;
font-size: 14px;
clear:both;
z-index: 99;
}

#search {
display: block;
position: absolute;
font-size: 14px;
width: 200px;
float: right;
top: 20px;
right: 20px;
z-index: 1;
}

#topnav {
position:relative;
display: block;
float: none;
width:99%;
max-width: 1040px;
height: 26px;
font-family: Arial, Verdana, sans-serif;
margin:0;
padding: 3px 0 3px 1%;
background: #000;
z-index: 3;
clear:both;
}

/* dropdown menu */

#topnav #dropnav {
position: relative;
padding: 0;
list-style: none;
margin: 0;
text-align: center;
width:100%;
max-width: 1040px;
}

#topnav #dropnav li{
position: relative;
display: block;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 25px;
float:left;
margin: 0;
padding: 0;
list-style: none;
}

#topnav #dropnav li a{
position: relative;
color: #fff;
text-decoration: none;
padding: 5px 12px 6px 12px;
margin: 0;
width: 140px;
}


#topnav #dropnav li a:hover{
color: #fff;
background: #ff622d;
margin: 0;
padding: 5px 12px 6px 12px;
}

#topnav #dropnav li.selected_tab {
color: #fff;
background: #ff622d;
}



#topnav #dropnav li ul {
	display:none;
	list-style:none;
	position: absolute;
	width: 200px;
	top:26px;
	left: 0px;
	z-index:25;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #000;
}

html>body #topnav #dropnav li ul {
	width: auto;
/* 	min-width: 160px */
} 


#topnav #dropnav li:hover ul, #topnav #dropnav li.over ul {
	display: block; 
}

#topnav #dropnav li ul li {
	position:relative;	
	display:block;
	float:none;
	margin:0;
	padding:0;
	width: 200px;
	height: auto;
	list-style:none;
	z-index:200!important;
}

.selected_sub_tab {
    background: #ff622d;
    color: #fff;
    }
/*
#topnav #dropnav li ul li b {
	color:#fff;
}
*/

/*
#topnav #dropnav li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff!important;
	font-weight:bold;
	display:block;
	width: 178px;
	padding: 4px 11px;
	text-decoration:none;
	border:none;
	line-height:1.2;
    background: #000;
}
*/

#topnav #dropnav li ul li a:hover {
	background:#ff622d;
	color:#fff!important;
	padding: 4px 11px;
}






 

/* End Drop Down Menu */


/* NAVIGATION ON LEFT */

#subnav{
position:relative;
display: block;
width: 18%;
min-width:170px;
padding: 0 0 0 1%;
margin: 30px 0 0 0;
float: left;
z-index: 1;
overflow: hidden;
/* background: #eee; */
}

#subnavheader{
position:relative;
font-size: 14px;
font-weight: bold;
padding: 6px 0 6px 24px;
margin: 1em 0 0 0;
background: #fff;
color: #333333;
}

#subnav ul{
list-style: none;
padding: 0px 0 0 0;
margin: 0;
}

#subnav li{
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 2px 0 0 0;
}

#subnav li a{
display:block;
color: #333333;
background: #fff;
text-decoration: none;
padding: 4px 10px 4px 14px;
width: 150px;
margin: 0;
}

#subnav li span{
display:block;
color: #fff;
text-decoration: underline;
padding: 4px 10px 4px 14px;
margin: 0;
width: 150px;
background: #ff622d;
}


#subnav li a:hover {
color: #fff;
background: #ff622d;
padding: 4px 10px 4px 14px;
margin: 0;
text-decoration: underline;
}

/* BREADCRUMB TRAIL */

#breadcrumb{
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
position: relative;
top: 10px;
left: 0px;
padding: 0;
margin-bottom: 20px;
margin-left: 12px;
width: 500px;
display: none;
}

#breadcrumb a{
text-decoration: none;
color: #ff7f00;
}

#breadcrumb span{
text-decoration: none;
color: #666;
}



#content_title {
font-family: Arial, Verdana, sans-serif;
font-size: 1.6em;
font-weight: 700;
padding: 6px 0;
color: #000090;
}

#content{
display: block;
position: relative;
overflow: hidden;
float: right;
width: 580px;
margin: 0;
font-size: 14px;
padding: 8px 20px 20px 20px;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
color: #333;
line-height: 1.5;
}

#norightcol_content{
display: block;
position: relative;
float: left;
width: 95%;
margin: 20px 0 0 0;
font-size: 14px;
padding: 20px 2% 20px 3%;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
color: #333;
line-height: 1.5;
/* force min-height in most browsers */
min-height:500px;
height:auto !important;
/* height:500px; */
}

/*
#norightcol_content a{
color: #ff622d;
line-height: 1.6;
}
*/

#fullpage_content {
display: block;
position: relative;
width: 920px;
margin: 0;
font-size: 14px;
padding: 30px 30px 20px 30px;
color: #333;
line-height: 1.4;
/* force min-height in most browsers */
min-height:500px;
height:auto !important;
height:500px;
}

#listingpage_content {
display: block;
position: relative;
width: 920px;
margin: 0 0 20px 0;
font-size: 14px;
padding: 8px 10px 20px 30px;
color: #333;
line-height: 1.4;
}

#listingpage_content blockquote {
background-color: #ccc;
padding: 0px 10px;
margin: 0;
border: 1px solid #666;
}

/* turn off the slate title on listing page */
#listingpage_content .wfw_slate_title {
display: none;
}

#listingpage_content #editing .wfw_slate_title {
display: block;
}

#leftcol{
position: relative;
float: left;
width: 150px;
font-size: 12px;
margin: 5px 0 0 0;
padding: 0 10px 10px 20px;
color: #EE6C3F;
}

#leftcolnosubnav{
position: relative;
width: 120px;
font-size: 12px;
margin: 0;
padding: 10px 0px 10px 0px;
color: #333;
}

#leftcol blockquote {
margin: 10px 0 10px 0;
padding: 2px 0 6px 25px;
background: transparent url(/templates/design8/images/nav_button.png) no-repeat top left;
border-bottom: 1px dotted #ccc;
}

#rightcol_title {
font-family: arial,verdana,san-serif;
font-size: 1.4em;
color: #000090;
font-weight: 700;
padding-bottom: 10px;
}

#rightcol{
position: relative;
display: block;
float: right;
width: 160px;
font-size: 12px;
margin: 0;
padding: 10px 10px 10px 10px;
color: #333;
}

#rightcol ul{
margin: 4px 0 4px 10px;
padding: 0;
}


/* CONTACT FORM */

.contactform table{
border: 2px solid #EE6C3F;
}

.contactform th{
background: #EE6C3F;
color: #fff;
}

#editable_footer {
color: #333333;
text-align: left;
font-size: 10px;
width: 940px;
margin: 0;
padding: 10px 20px;
}

#footer{
position: relative;
display: block;
width: 95%;
margin: 0 auto;
max-width:1020px;
padding: 10px;
text-align: center;
font-size: 12px;
clear: both;
color: #fff;
}

#footer a{
color: #666;
}

#footer a:hover{
color: #ccc;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background-color: #000;
color: #fff;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}

.adminlinks a:hover{
color: #ccc;
text-decoration: underline;
}


/* slates and blogs */

.wfw_clear {
	clear: both;
}

#slatelist{
margin: 0;
}

#wfw_slate_wrapper {
position: relative;
display: block;
width: 98%;
margin: 0;
padding: 0;
border: 1px #fff;
}

#slatelist p{
clear: both;
}

.wfw_slate_title{ /* TITLE OF SLATE */
font-size: 1.2em;
color: #fff;
padding-left: 10px;
padding-bottom: 0;
padding-top: 0;
background: #ff622d;
font-weight: bold;
margin: 10px 0px 10px 0px;
}



#blogposttitle{ /* LINK TO ACTUAL POST */
font-size: 13px;
text-decoration: none;
height: 16px;
color: #666;
}

.wfw_slatepost_title {

}

/*tablet title*/

.wfw_slatepost_title a{
text-decoration: none;
color: #666666;
display: block;
padding: 8px 0 0 0;
font-size: 1.2em;
font-weight: bold;
}

.wfw_slatepost_title a:visited {
color: #666666;
}

.wfw_slatepost_title a:hover{
text-decoration: underline;
color: #000000!important;
}


.wfw_blog_links a{ /* STUFF UNDERNEATH THE TITLE */
font-size: 11px;
color: #777;
margin: 0;
padding: 0;
border: none;
}

#blog_links {
margin: 30px 0 0 0;
}

.slate_delete{
position: relative;
top: -12px;
}

.blog_movearrow{
position: absolute;
top: 18px;
right: 0;
display: none;
}


.wfw_slate_controls{ /* PUBLISH CONTROLS */
width: 50px;
display: block;
color: #777;
font-size: 11px;
}

.wfw_slate_controls img{

}

.wfw_blog_title {
color: #666666;
font-size: 1.2em;
font-weight: 700;

}


.wfw_blogpost_title {
    font-size: 1.4em;
	font-weight: bold;
	padding: 0.1em 0em .1em 1em;
	margin: 0;
	border-top: 1px solid #8d1331;
	color: #fff;
	background: #ff622d;
}

.wfw_blogpost_title a {
color: #666666;
}

.wfw_blogpost_title a:hover {
text-decoration: underline;
color: #000;
}

.wfw_blog_summary{
position: relative;
color: #555;
font-size: .9em;
font-weight: normal;
}

.wfw_slate_breadcrumb{
position: relative;
top: -6px;
padding-top: 10px;
color: #999;
font-size:12px;
font-weight:normal;
}

.wfw_slate_breadcrumb a {
color: blue;
text-decoration: underline;
}

.wfw_slate_breadcrumb a:hover {
color: #ff7f00;
text-decoration: underline;
} 

.wfw_blog_content{
margin-top: 0px;
line-height: 1.4!important;
padding-left: 20px;
width: 100%;
}

.wfw_blog_content a{
color: #ff622d;
}


#wfw_archive {
	text-align: left;
	width: 250px;
	border: 1px solid #333;
	color: #333;
	background-color: #eee;
	padding: 0 1em 1em 0;
	overflow: hidden;
}


/* STYLE 1 - Layout 0 */

.slate_layout_0 { /* LINKS LIST WRAPPER OF EACH POST */
margin: 2px 0 0 0;
border: none;
}

.slate_layout_0 a{
font-size: 1.2em;
font-weight: bold;
padding: 10px 0px 5px 0px;
margin: 0;
border: none;
color: #666;
}

.slate_layout_0 .slate_title span{

}

.slate_layout_0 .slate_title span input{

}

.slate_layout_0 .wfw_slatepost_title { 
padding: 0 0 8px 0;
margin: 0 0 5px 0;
border-bottom: 1px solid #ccc;
border-top: none;
}

/*This is the one you're looking or */
.slate_layout_0 .wfw_slatepost_title a { 
font-size: 1.0em;
color: #888;
padding: 5px 0 0 10px;
margin: 0;
}


.slate_layout_0 .wfw_slatepost_title a:hover { 
color: #666;
text-decoration: underline;
}

.wfw_blog_summary {
padding-left: 10px;
}

.slate_layout_0 .wfw_blog_summary a{
font-size: .9em;
font-weight: bold;
padding: 0;
margin: 0;
border: 0;
display: inline;
}

.slate_layout_0 .wfw_blog_summary a img{
padding: 0 10px 10px 0;
}


.slate_layout_0 .wfw_slate_wrapper {
width: 540px;
margin: 0;
padding: 0;

}

/* Slate Layout 1 */

.slate_layout_1 { /* BOXY WRAPPER OF EACH POST */
display: block;
position: relative;
width: 140px;
height: 100px;
margin: 0 0 20px 0;
float: left;
left: 20px;
padding: 0;
border: 1px solid #fff;
text-align: center;
}


.slate_layout_1 .wfw_slatepost_title { 
display: block;
position: relative;
font-size: .9em;
text-align: center;
float: left;
color: #000090;
padding: 0;
margin: 0;
width: 138px;
border: 1px solid #fff;
}

.slate_layout_1 .slate_title a{
font-size: 1.0em;
color: #000090;
}

.slate_layout_1 .slate_title a:visited{
color: #000090;
}

.slate_layout_1 .slate_title span{
width: 138px;
top: 0;
}

.slate_layout_1 .slate_title span input{
width: 138px;
}


.slate_layout_1 .wfw_blog_links{
width: 138px;
font-size: 10px;
font-weight: normal;
margin: 0;
}


.slate_layout_1 .wfw_slatepost_title {
position: relative;
display: block;
float: left;
color: #000090;
padding: 0;
margin: 0;
width: 138px;
font-size: 11px;
font-weight: normal;
border: 1px solid #fff;
}


/*tablet title*/

.slate_layout_1 .wfw_slatepost_title a{
color: #000090;
white-space:nowrap;
}

.slate_layout_1 .wfw_slatepost_title a:hover{
text-decoration: underline;
}


.slate_layout_1 .wfw_blog_summary{
position: relative;
display: block;
float: left;
width: 138px;
}

.slate_layout_1 .wfw_blog_summary a img{
height: 64px;
width: 100px;
}


.slate_layout_1 .wfw_blog_links {
width: 138px;
font-size: 11px;
color: #777;
margin: 0;
padding: 0;
border: none;
}

.slate_layout_1 .wfw_blog_summary a img{
padding: 10px;
border: 1px solid #eeeeee;
}

/* Slate styles in Edit Mode */

#editing div, #editing span{
position: static;
margin: 0;
padding: 0;
float: none;
height: auto;
width: auto;
border: 0;
top: auto;
left: auto;
right: auto;
bottom: auto;
}

#editing .wfw_blog_title {
	width: 100%;
    font-size: 1.2em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

#editing .wfw_blog_title a {
	text-decoration: none;
}

#editing .wfw_blog_breadcrumb {
	width: 100%;
    font-size: 1.0em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

#editing .wfw_blog_breadcrumb a {
	text-decoration: none;
}

#editing .wfw_blogpost_title {
	width: 100%;
    font-size: 1.4em;
	font-weight: bold;
	padding: .1em 0 .1em 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	border-top: 2px solid #CCC;
}

#editing .wfw_blogpost_title a {
	text-decoration: none;
}

#editing .wfw_blogpost_category {
	font-size: 10px;
	font-weight: bold;
	padding-left: 2em;
}

#editing .wfw_blogpost_title a:hover {
}

#editing .wfw_blog_content {
	font-size: 1.0em;
	padding-top: 1em;
	padding-bottom: 2em;
	line-height: 1.3;
}

#editing .wfw_blog_links {
	float: right;
	width: 200px;
	font-size: 10px;
	font-weight: normal;
	padding-left: 2em;
	margin: 0;
	margin: 0px 0 0 0;
}

#editing .wfw_blog_links a {
	color: #0033ff;
	width: auto;
	text-decoration: underline;
	display: inline;
}

#editing .wfw_blog_links a:visited {
	color: #0033ff;
}

#editing .wfw_blog_links a:hover .wfw

#editing .wfw_blog_contact {
	float: left;
	width: 80%;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#editing .wfw_blog_contact a {
	color: #0033ff;
	text-decoration: underline;
}

#editing .wfw_blog_contact a:visited {
	color: #0033ff;
}

#editing .wfw_blog_contact a:hover {
	color: #f87217;
}

#editing .wfw_clear {
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

#editing .wfw_line {
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 1px;
	border-top: 1px solid #CCC;
}

#wfw_archive {
	text-align: left;
	width: 250px;
	border: 1px solid #333;
	color: #333;
	background-color: #eee;
	padding: 0 1em 1em 0;
	overflow: hidden;
}

#editing .wfw_slate_title {
	width: 100%;
    font-size: 1.2em;
	font-weight: bold;
	padding: .1em 0 .1em 0;
	margin: 0 0 20px 0;
	border: none;
	position: static;
}

#editing .wfw_slate_title a {
	text-decoration: none;
	position: static;
	display: inline;
}

#editing .slate_title {
display: block;
width: 450px;
padding: 0;
}


#editing .wfw_slate_breadcrumb {
	width: 100%;
    font-size: 1.0em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

#editing .wfw_slate_breadcrumb a {
	text-decoration: none;
}

#editing .slate_layout_0, #editing .slate_layout_1 {
	width: 100%;
    font-size: 1.0em;
	font-weight: bold;
	padding: 1em 0 .3em 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #CCC;
	float: none;
}

#editing .wfw_slatepost_title {
}

#editing .wfw_slatepost_title a {
text-decoration: none;
float: none;
position: static;
width: auto;
padding: 0;
margin: 0;
}

#editing .wfw_blog_comment {
	width: 100%;
    font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 1em;
	border: none;
	padding: 0;
}

#editing .wfw_blog_comment_content {
	margin: 0;
	padding: .5em 1em;
}

#editing .wfw_blog_keywords {
	font-size: 10px;
}

#editing .wfw_blog_summary {
	font-weight:normal;
	font-size: 12px;
	padding: .3em 0 .3em 0;
}

#editing .wfw_blog_summary a{
width: 110px;
}


#editing .wfw_blog_summary a img{
display: block;
clear: both;
float: none;
}

#editing .wfw_blog_comment_title {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: .5em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#editing .blogcommentform {
	width: 400px;
	background-color: #CCC;
	color: #333;
	border: 2px solid #333;
	padding: 10px;
}

#editing .blogcommentform table {
	border: none;
	padding: 5px;
}

#editing .blogcommentform th {
	border: none;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#editing .blogcommentform td {
	border: none;
	padding: 5px;
}

#editing #blog_errors {
	color: red;
	font-weight: bold;
}

#editing #blog_users {
	border: 2px solid #CCC;
	width: 500px;
}

#editing #blog_users th {
	border-bottom: 1px solid #CCC;
}

#editing #blog_settings {
	border: 2px solid #CCC;
	width: 500px;
}

#editing #blog_settings th {
	border-bottom: 1px solid #CCC;
}

#editing .wfw_slate_controls {
	position: relative;
	width: 80px;
	font-size: 10px;
	font-weight: normal;
	float: right;
	clear: both;
}

#editing .wfw_slate_controls img{
	display: inline;
	clear: right;
	float: right;
}

/* Date Picker Calendar */


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

#norightcol_content img, #subnav img, #content img, #header img
{
max-width:99%;
height:auto;
}

@media only screen and (max-width: 800px) 
{
	#norightcol_content, #subnav
	{
	width:93%;
	padding-left:5%;

		}

#search, #subnav, #breadcrumb
{
display:none!important;
}

#header
{
padding-bottom:0px;
}

#norightcol_content
{
padding-top:0px;
}
	}


.clearall
{
position:relative;
width:99%;
clear:both;
display:block;
}