/* specific for WildFireWeb editor and misc */
span.editable {
	line-height: normal;
}

.wwbutton {
	vertical-align:middle;
	margin: 1px;
	padding: 0;
	height:24px;
	width:26px;
	outline:none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
} 
.wwbutton:hover {
	border: 1px solid #111;
}
.wwbutton img {
	margin: 0 0 0 -1px;
	padding: 0;
} 
.wwselect {
	vertical-align:middle;
	margin:0px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	width: 116px;
}  

.ctrl {
	background:ButtonFace; 
	border:2px outset ButtonShadow; 
	padding:3px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	color: #000000;
	/* background-image: url('/editor/buttons/tinder_logo.png'); 
	background-position: 5px 2px; 
	background-repeat: no-repeat; */
} 

#fontname {
margin-left: 60px;
margin-top: 4px;
}

#fontsize {
margin-top: 4px;
}

#formatblock {
margin-top: 4px;
}

.cpanel {
	white-space:nowrap;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	color: #000000;
}

#TABLE_CONTROLS, #TABLE_FORM, #LINK_FORM, #REVS_FORM, #CART_FORM {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	color: #000000;
}

#CART_FORM, #TABLE_FORM {
	position: absolute;
	top: 5px;
	left: 60px;
	padding: 6px;
	z-index: 98;
	background-color: #eee;
	border:2px outset ButtonShadow; 
}

#EDITORSPAN {
z-index: 98;
}

#CART_FORM hr, #TABLE_FORM hr {
	display: none;
}

#CART_FORM input, #TABLE_FORM input {
    font-size: 10px;
}

#loginbox {
	visibility: hidden;	
}

#loginbox.login_hidden {
    background: url(/wfw_images/wildfireweb_logo_login.png) no-repeat #F0F0F0;
    border: 2px solid #E2683A;
    color: #222222;
    font-size: 12px;
    height: 120px;
    padding: 40px 10px 10px 10px;
    position: absolute;
    text-align: right;
    top: -174px;
    left: -60px;
    width: 240px;
}

#loginbox.login_hidden input
{
margin-bottom:5px;
}

#loginbox.login_hidden a
{
color:#000!important;
}

#PickerDiv {
	Z-INDEX: 10;
}

#PickerDiv TABLE, #PickerDiv TD {
	color: #333333;
	background: #eee;
}

#PickerDiv TABLE {
	background:ButtonFace; 
	border:2px outset ButtonShadow; 
	padding: 8px;
	font-family: verdana, arial, sans-serif;
}

#PickerDiv TD {
	border: none;
}

#PickerDiv .TinderLogo {
	background: #eee; /* url('/editor/buttons/tinder_logo.png') 4px 0 no-repeat; */
}

#PickerDiv INPUT.textinput {
	color: #333;
	background: #fff;
}


#PickerDiv INPUT.submitinput {
	color: #333333;
	background: #FFFFFF;
}

.wfw_blog hr {
	border: none;
	border-top: 1px solid #CCC;
	padding: 0;
	margin: .5em 0 .2em 0;
	height: 1px;
}

.wfw_blog_post {
	display: block;
	position: relative;
	width: 100%;
	clear: both;
}

.wfw_blog_title {
	width: 100%;
    font-size: 2.0em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

.wfw_blog_title a {
	text-decoration: none;
}

.wfw_blogpost_title {
	width: 100%;
    font-size: 1.5em;
	font-weight: bold;
	padding: .1em 0 .1em 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	border-top: 2px solid #CCC;
}

.wfw_blogpost_title a {
	text-decoration: none;
}

.wfw_blogpost_category {
	font-size: 10px;
	font-weight: bold;
	padding-left: 2em;
}

.wfw_blogpost_title a:hover {
}

.wfw_blog_content {
font-size: 1.0em;
padding-top: 1em;
padding-bottom: 2em;
}

.wfw_blog_links {
float: right;
width: 200px;
font-size: 10px;
font-weight: normal;
padding-left: 2em;
padding-bottom: 0.5em;
margin: 0;
}

.wfw_blog_links a {
text-decoration: underline;
white-space: nowrap;
padding: 0;
margin: 0;
}

.wfw_blog_help {
display:none;
position:absolute!important;
z-index:999;
background-color:#eee;
padding:6px!important;
width:200px!important;
margin-left:-100px!important;
margin-top:-100px!important;
border: 1px solid #333!important;
color: #333!important;
}

.wfw_blog_help a {
margin: 0!important;
}

.wfw_blog_close_help {
display: block;
position: relative;
float: right;
margin-right: 6px;
margin-top: 6px;
}

.wfw_help_icon {
display: inline-block;
padding: 2px!important;
background-color: #FE622B;
color: #000!important;
margin:0!important;
text-decoration: none!important;
}

#wfw_store_advanced {
display: none;
position: absolute;
width: 500px;
margin-left: -300px;
margin-top: -200px;
padding: 10px;
background-color: #eee;
border: 1px solid #333;
z-index: 998;
}

#wfw_store_advanced_close {
text-decoration: none!important;
font-size: 16px;
}

.wfw_blog_links a:hover {
}

.wfw_blog_links #downloadlist {
width: 100px;
font-size: 10px;
}

.wfw_blog_links #category_list {
float: right;
margin-bottom: 0.5em;
}

.wfw_blog_links #keywords_list {
float: right;
margin-bottom: 0.5em;
}

.wfw_blog_links select {
width: 100px;
font-size: 10px;
}

.wfw_blog .editorspan input#EDITOR, .wfw_blog .editorspan textarea#EDITOR {
float: left;
}

.wfw_blog .editorspan img#CANCEL {
float: left;
}

.wfw_blog .editorspan img#DONE {
float: left;
}

.share_this iframe.fb_iframe_widget_lift  {
display: block;
z-index: 9999!important;
top: -120px;
left: -100px;
}

.wfw_clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

#wfw_archive {
	text-align: left;
	width: 250px;
	border: 1px solid #333;
	color: #333;
	background-color: #eee;
	padding: 0 1em 1em 0;
	overflow: hidden;
}

.wfw_slate_title {
	width: 100%;
    font-size: 1.7em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

.wfw_slate_title a {
	text-decoration: none;
}

.wfw_slatepost_title {
	width: 100%;
    font-size: 1.1em;
	font-weight: bold;
	padding: .1em 0 .1em 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	border-top: 2px solid #CCC;
}

.wfw_slatepost_title a {
	text-decoration: none;
}

.wfw_blog_comment {
	width: 100%;
    font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	border: none;
	padding: 0;
}

.wfw_blog_comment.reply {
	width: 95%;
	margin-left: 5%;
}

.wfw_blog_comment_content {
	margin: 0;
	padding: 5px 10px;
}

.blogcommentform {
	width: 400px;
	background: #CCC;
	color: #333;
	border: 2px solid #333;
	padding: 10px;
	z-index: 999;
}

.blogcommentform table {
	border: none;
	padding: 5px;
	background-color: #CCC;
	z-index: 999;
}

.blogcommentform th {
	border: none;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.blogcommentform td {
	border: none;
	padding: 5px;
}

.blogcommentform textarea {
	width: 370px;
}

#blog_errors {
	color: red;
	font-weight: bold;
}

#blog_users {
	border: 2px solid #CCC;
	width: 500px;
}

#blog_users th {
	border-bottom: 1px solid #CCC;
}

#blog_settings {
	border: 2px solid #CCC;
	width: 500px;
}

#blog_settings th {
	border-bottom: 1px solid #CCC;
}

.contactform {
	margin: 1.5em 0 1.5em 0;
}

.contactform table {
	width: 520px;
	border: 2px solid #AAA;
	margin: auto;
}

.contactform td {
	padding: .3em;
}

.contactform th {
	padding: .3em;
	background-color: #AAA;
	color: #FFF;
}

.dragarrow {
z-index: 9;
}

/* 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;
	}


#suspended
{
background:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.80;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:999;
}

#suspended h1
{
display:block;
color:#fff;
position:fixed;
text-align:center;
width:100%;
top:25%;
}

#suspended.level_3 h1 {
display: none;
}

/* admin link icons and styling */

.adminlinks {
display: block;
position: relative;
width: 100%;
height: 61px;
margin: 0;
padding: 0;
background: #fe622b!important;
font-size: 12px;
color: #fff;
z-index: 900!important;
}

.adminlinks .maintenance {
font-size: 18px;
}

.adminlinks_inner {
display: block;
position: relative;
width: 980px;
margin: 0 auto;
height: 61px;
text-indent: -9999px;
background-color: #FF0200;
background-color: #FF7201;
background-color: #fe622b;
}

.adminlinks a{
display: block;
position: relative;
width: 82px;
padding-top: 38px;
height: 24px;
float: left;
text-align: center;
text-indent: 0;
z-index: 2;
color: #fff!important;
outline: none;
}

.adminlinks a:visited{
color: #fff!important;
}

.adminlinks a:hover{
color: #fff!important;
text-decoration: underline;
}

.adminlinks .admin_logo {
display: block;
position: relative;
float: right;
width: 90px;
height: 41px;
padding: 0;
margin-top: 10px;
text-indent: -9999px;
/* background: transparent url(/wfw_images/buttons/admin/tinder_90px.jpg) no-repeat top center; */
z-index: 2;
}

.admin_welcome {
display: block;
position: relative;
float: right;
width: 85px;
margin-top: 18px;
margin-right: 20px;
height: 30px;
text-align: center;
text-indent: 0;
z-index: 1;
}

#admin_todo_list {
display: block;
position: absolute;
left: 320px;
width: 200px;
padding: 10px;
background-color: #fff;
border: 1px solid #fe622b;
z-index: 997;
color: #fe622b;
text-indent: 0;
text-align: left;
}


.admin_edit {
width: 70px!important;
background: transparent url(/wfw_images/buttons/admin/edit.png) no-repeat center 6px;
}

.admin_preview {
width: 78px!important;
background: transparent url(/wfw_images/buttons/admin/preview.png) no-repeat center 6px;
}

.admin_file {
background: transparent url(/wfw_images/buttons/admin/filemanager.png) no-repeat center 6px;
}

.admin_admin {
width: 78px!important;
background: transparent url(/wfw_images/buttons/admin/siteadmin.png) no-repeat center 6px;
}

.admin_check {
background: transparent url(/wfw_images/buttons/admin/checksite.png) no-repeat center 6px;
}

.admin_settings {
width: 66px!important;
background: transparent url(/wfw_images/buttons/admin/settings.png) no-repeat center 6px;
}

.admin_help {
background: transparent url(/wfw_images/buttons/admin/documentation.png) no-repeat center 6px;
}

.admin_support {
width: 56px!important;
background: transparent url(/wfw_images/buttons/admin/help.png) no-repeat center 6px;
}

.admin_profile {
width: 78px!important;
background: transparent url(/wfw_images/buttons/admin/profile.png) no-repeat center 6px;
}

.admin_todo {
width: 66px!important;
background: transparent url(/wfw_images/buttons/admin/todo.png) no-repeat center 6px;
}

.admin_logout {
width: 54px!important;
background: transparent url(/wfw_images/buttons/admin/logout.png) no-repeat center 6px;
}

.protected_login {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #ea892b;
color: #eee;
text-align: center;
}

.protected_login a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.protected_login a:visited{
color: #fff;
}

.protected_login a:hover{
color: #fff;
text-decoration: underline;
}

/* Sitemap Draggable Tabs */

ul#sitemap_tabs{
margin:0 0 0 30px;
padding: 0;
list-style: none;
width: 450px;
list-style-position:outside;
list-style-type:none; 
}


ul#sitemap_tabs li {
position: relative;
display: block;
list-style: none;
padding: 0;
margin: 0;
width: 450px;
height: 24px;
list-style-type:none; 
list-style-position:outside;
overflow: hidden;
clear:both;
}

ul#sitemap_tabs li a{
position: relative;
display: block;
padding: 0;
margin: 0;
white-space:nowrap;
}

ul#sitemap_tabs li span{
position: relative;
display: block;
width: 450px;
height: 20px;
padding: 0;
margin: 0;
}


ul#sitemap_tabs li.tab_2 a{
padding-left:4em;
}

ul#sitemap_tabs li.tab_2 span{
padding-left:4em;
}

ul#sitemap_tabs li.tab_3 a{
padding-left:8em;
}

ul#sitemap_tabs li.tab_3 span{
padding-left:8em;
}


@media only screen and (max-width: 321px) 
{
	.editpanel {
		width: 320px!important;
	}

	.ctrl {
		padding: 0 0 0 6px!important;
		float: left;
	}

	.wwbutton {
		display: block;
		float: left;
		margin: 0 6px 6px 0px;
		padding: 0;
		height:32px;
		width:32px;
	} 

	.wwselect {
		width: 80px;
		margin-bottom: 6px;
	}

}