@charset "utf-8";
/* CSS Document */

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}
.verde {
	color: #009900;
	font-weight: bold;

strong, em, b, i {
}

#h1top{
	font-size:10px; font-family:Verdana; margin-top:5px; margin-left:5px; margin-bottom:-3px; color:#333333
}

h1, h2, h3, h4, h5, h6, address {
	margin-top: 0;
}
p, td, th, dt, dd, li {
	color: #6a6a6a;
}
#whatwhyhow p, #footer p {
	color: #fff;	
}
code, pre {
	margin-bottom: 1em;
}
dt{
	display:inline;
	font-weight:bold;
}
dd{
	margin-bottom:20px
}
.left {
	float: left;
}
.right {
	float: right;
}
img.left {
	float: left;
	margin-right: 10px;
}
img.right {
	float: right;
	margin-left: 10px;
}
a {
	color: #0066cc;
}
a img {
	border: 0;
}
sup {
	font-size: smaller;
	vertical-align: super;
}
.hidden {
	display: none;
}
hr {
	border-bottom: 1px solid #fff;
	color: #e6e6e6;
	height: 0;
	border-top: 1px solid #e6e6e6;
}
.clear, .cls {
	height: 1px;
	margin-top: -1px;
	visibility: hidden;
	clear: both !important;
        border: 0;
        background-color: transparent;
}
.center {
	text-align: center;
	margin: 0 auto;
}
abbr {
    text-decoration: underline;
}
.inputtip { color: #888 }

/* Button Links */
.buttonlinks {
	display: block;
	height: 26px;
	margin-bottom: 20px;
	line-height: 26px;
}
	.info .buttonlinks {
		margin: 0
	}
.buttonlinks a {
	background: url(images/site-ui-gfx.png) no-repeat -54px -353px;
	text-transform: uppercase;
	color: #5a5a5a;
	text-decoration: none;
	height: 26px;
	line-height: 23px;
	display: block;
	margin: 0 20px 0 0;
	max-width: 250px;
	float: left;
	padding: 0;
	font: bold 11px/23px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.buttonlinks a span {
	background: #fff url(images/site-ui-gfx.png) no-repeat 100% -353px;
	height: 26px;
	display: block;
	padding: 0 22px 0 0;
	margin: 0 0 0 10px;
	float: left;
}
.buttonlinks a:hover, #footer .buttonlinks a:hover, #whatwhyhow .buttonlinks a:hover, #wlpeLogin .buttonlinks a:hover  {
	background-position: -54px -379px;
	cursor: pointer;
}
.buttonlinks a:hover span, #footer .buttonlinks a:hover span, #whatwhyhow .buttonlinks a:hover span, #wlpeLogin .buttonlinks a:hover span {
	background-position: 100% -379px;
	cursor: pointer;
}
.buttonlinks a:hover {background-position: -54px -379px}
.buttonlinks a:hover span {background-position: 100% -379px}
#header .buttonlinks a:hover {
	text-decoration: none;
}
.buttonlinks a.prev {
	background: url(images/link_button_prev.jpg) no-repeat right 0;
	margin: 0 20px 0 0;
	float: left;
}
.buttonlinks a.prev span {
	background: url(images/link_button_prev.jpg) no-repeat left 0;
	padding: 0 0 0 22px;
	margin: 0 10px 0 0;
	float: left;
}
.buttonlinks a.prev:hover {
	background-position: right -26px;
}
.buttonlinks a.prev:hover span {
	background-position: left -26px;
}

#footer .buttonlinks a, #whatwhyhow .buttonlinks a, #wlpeLogin .buttonlinks a {
	background: url(images/link_button_footer.jpg);
	background: #64ab24 url(images/site-ui-gfx.png) no-repeat -54px -353px;
	color: #5a5a5a;
}
#footer .buttonlinks a span, #whatwhyhow .buttonlinks a span, #wlpeLogin .buttonlinks a span {
	background: url(images/link_button_footer.jpg) no-repeat right 0;
	background: #64ab24 url(images/site-ui-gfx.png) no-repeat 100% -353px;
	
}
.support a {
	margin-left: 2.5em;
	text-decoration: none;
}
.support a:hover {
	text-decoration: underline;
}

/* HEADER */
#header {
	background: url(images/site-ui-gfx.png) repeat-x -23px -23px;
	margin-bottom: 38px;
}
#header a:hover {text-decoration:underline}
#header #searchwrapper a:hover,
#metaheader {
	height: 44px;
	position: relative;
}
#mainheader {
	height: 131px;
	position: relative;
}
#metaheader a.dropdown {
	background: url(images/site-ui-gfx.png) no-repeat 100% -412px;
	padding-right: 16px;
}

/* Meta Navigation */
#quickstart ul, #signin ul, #metanav ul{
	list-style-type: none;
	margin: 11px 0 0;
}
#quickstart li, #metanav li, #signin li {
	float: left;
	margin: 0;
	background-position: 0;
}
#quickstart a, #signin a, #metanav a {
	text-decoration: none;
	color: #fff;
	font: bold 11px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	display: block;
}
#signin {
	margin-left: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
#metanav {
	margin-right: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
#metanav ul {
	margin-right: 185px;
}
#metanav li, #signin li {
	text-align: right;
	padding-right: 20px;
	background: url(images/meta_separator.gif) no-repeat right;
}
#metanav li.last, #signin li.last {
	text-align: right;
	padding-right: 20px;
	background-image: none;
}
#searchform {
	position: absolute;
	height: 30px;
	width: 182px;
	right: 0;
	top: 12px;
}
#searchform label {
	position: absolute;
	display: none;
}
#searchwrapper {
	background: url(images/site-ui-gfx.png) no-repeat 0 -405px;
    width: 181px;
	height: 27px;
}
#searchbox {
	border-style: none;
	width: 110px;
	height: 16px;
	background: url(images/site-ui-gfx.png) no-repeat 0 -405px;
	background-color: transparent;
	font-size: 12px;
	margin: 0;
	padding: 6px 8px 5px 20px;
	line-height: 16px;
    float: left;
}
#metanav #searchsubmit {
	border-style: none;
	width: 35px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	cursor: pointer;
    float: left;
	margin: 0;
	padding: 0 0 0 8px;
	color: #666;
	background: url(images/site-ui-gfx.png) no-repeat -138px -405px;
}
	#metanav #searchsubmit:hover {
		background-position: -181px -405px;
		text-decoration: none;
	}

/* Sign In Form */
#signinform {
	position: absolute;
	z-index: 99;
	background-color: #64ab24;
	width: 230px;
	color: #fff;
	padding: 0;
	top: 42px;
	border: 1px solid #558831;
	display: none;
}
#signinform p {
	padding: 10px 10px 0;
	margin: 0;
}
#signinform p.buttonlinks {
	padding: 0;
	margin: 0;
}
#signinform fieldset {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 0;
}
#signinform label {
	float: left;
	font-weight: bold;
}
#signinform .wlpeMessage p {
	color: #cc0000;
	margin: 0;
}
#signinform legend {
	display: none;
}
#signinform button {
	clear: both;
	float: left;
}
#signinform input {
	background-image: url(images/signin_textbox.jpg);
	width: 190px;
	height: 16px;
	background-color: transparent;
	border-style: none;
	line-height: 27px;
	padding: 5px 10px 6px;
	line-height: 16px;
}
#signinform a#wlpeReminder {
	color: #beff40;
}
#signinform #wlpeLoginButtons {
	display: block;
	float: left;
	padding-right: 0;
}
#wlpeRegister {
	border-top: 1px solid #6fbe28;
	clear: both;
	padding: 5px 10px 10px;
}
#wlpeRegister a {
	color: #fff;
}
#wlpeReminder {
	text-align: right;
	padding: 10px;
	line-height: 24px;
	border-bottom: 1px solid #54901e;
}
#wlpeReminder a {
	color: #ade739;
}
a#wlpeLoginButton {
	margin-right: 0;
}
#signinform-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 18px;
	background: url(images/site-ui-gfx.png) no-repeat -247px -295px;
}
#signinform-close a {
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
}
/* Logo and Main Navigation */
#logo {
	width: 293px;
	height: 86px;
	/*line-height: 63px;
	margin: 32px 0 0;*/
	display: block;
	background: transparent url(images/LOGO.png);
	position: absolute;
	top: 0;
	left: 0;
}
/*#logo {
	width: 228px;
	height: 63px;
	line-height: 63px;
	margin: 32px 0 0;
	display: block;
	background: transparent url(images/site-ui-gfx.png) -10px -289px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
*/
#logo a { display: block }
#mainnav {
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 48px;
	margin: 0 10px 0 0;
}
#mainnav li {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	padding: 0 0 0 6px;
}
#mainnav a {
	text-decoration: none;
	height: 34px;
	display: block;
	line-height: 34px;
	color: #666;
	text-transform: lowercase;
	font-size: 16px;
	margin: 0;
	padding: 0 10px;
	float: left;
}
#mainnav a:hover { text-decoration: none }

#mainnav span {
	display: block;
	margin: 0;
	padding: 0 6px 0 0;
	float: left;
}

#mainnav li.current,
#mainnav li.current span,
#mainnav li.current span a,
#mainnav li:hover,
#mainnav li:hover a,
#mainnav li:hover span { background: url(images/site-ui-gfx.png) no-repeat 50% -221px }

#mainnav li.current a, 
#mainnav li:hover a { color: #fff }

#mainnav li.current { background-position: 0 -255px }
#mainnav li.current span { background-position: 100% -255px }
#mainnav li.current span a { background-position: 50% -255px }

#mainnav li:hover { background-position: 0 -221px }
#mainnav li:hover span { background-position: 100% -221px }
#mainnav li:hover span a { background-position: 50% -221px }


/* FOOTER */
#footer {
	color: #fff;
	background: #64ab24 url(images/site-ui-gfx.png) repeat-x 0 -198px;
	padding-top: 23px;
	margin-top: 20px;
}
#footer-inner {
	background: #64ab24;
	padding: 20px 0 0;
}
#bottom {
	background: #64ab24 url(images/site-ui-gfx.png) repeat-x 0 0;
	height: 23px;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#footer h6 {
	font-size: 1.7em;
	margin-bottom: 10px;
}
#footer a {
	color: #fff;
}
/* Core Team */

#profilewrap {
	width: 700px;
}
.profile {
	position: relative;
	background: #fff url(images/mim/mimbg.png) no-repeat;
	padding: 3px 4px 0;
	margin: 0 0 20px 0;
	line-height: 20px;
	clear: left;
    padding-left: 234px;
    height: auto !important;
    height: 180px;
    min-height: 180px;
}
.profile img {
	width: 214px;
	height: 160px;
	position: absolute;
	top: 3px;
	left: 4px;
}

#coreteam li {
	margin: 0 0 10px;
	display: block;
	clear: both;
}
#coreteam li p {
	margin: 0;
}
#coreteam li a {
	font-weight: bold;
	text-decoration: none;
}
/* MODx Feeds */
#rssfeeds li {
	list-style-type: none;
	margin: 0;
	padding: 7px 0;
	border-bottom: 1px solid #54901e;
	border-top: 1px solid #6fbe28;
}
#rssfeeds li.first {
	border-top: none;
	padding-top: 0;
}
#rssfeeds li a {
	background: url(images/site-ui-gfx.png) no-repeat -280px -300px;
	padding-left: 30px;
	display: block;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
}
/* Newsletter */
#newsletterform div {
	position: relative;
	height: 27px;
	margin-bottom: 10px;
}
#newsletterform p {
	margin-bottom: .5em;
}
#newsletterform label {
	width: 100px;
	position: absolute;
	left: 0;
	line-height: 27px;
}
#newsletterform .textbox {
	background-image: url(images/footer_textbox.jpg);
	width: 161px;
	height: 16px;
	background-color: transparent;
	border-style: none;
	position: absolute;
	right: 0;
	line-height: 27px;
	padding: 5px 10px 6px;
	line-height: 16px;
}
#newsletterform fieldset {
	margin: 0;
	font-weight: bold;
	border: 0;
}


/* Metafooter */
#metafooter {
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	color: #767676;
}
#metafooter p {
	margin: 0 0 10px;
	padding: 0;
}
#metafooter p#metafootermenu {
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}
.logo { 
display: inline-block; 
display: -moz-inline-stack; 
background-repeat: no-repeat; 
background-position: 0 0; 
vertical-align: middle; 
zoom: 1; 
} 
.logo span { 
display: block; 
overflow: hidden; 
text-indent: -9999px; 
line-height: 40px; 
cursor: pointer; 
} 
.collabpad {
	width: 97px;
	background: url(images/collabpad_footer.jpg) no-repeat 0 0;
	margin-bottom: 6px;
}
.signalfeuer {
	background: url(images/signalfeuer_footer.jpg) no-repeat;
	width: 123px;
	margin-top: 5px;
}
.runswithmodx {
	background: url(images/modx_footer.jpg) no-repeat;
	width: 154px;	
}


/* SIDEBAR */

/* Side Navigation/Subnav */
#subnav,
#subnav ul {
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
	list-style: none;
}
#subnav ul {
	margin: 0;
}
#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav a,
#subnav li.first li a,
#subnav li.first.current li a {
	text-decoration: none;
	display: block;
	height: 36px;
	background: url(images/nav.png) 0 -36px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	padding: 0 10px;
}
	#subnav li.first a { 
		background-position: 0 0;
	}
	#subnav li.first li.last a { 
		background-position: 0 -104px;
		height: 37px;
	}
	#subnav li.first ul.subnav2 li.last a { height: 32px }

	#subnav ul.subnav2 li a,
	#subnav li.current ul.subnav2 li a {
		height: 32px;
		background-position: 0 -72px;
		font-weight: normal;
		line-height: 32px;
		padding-left: 20px;
		color: #333;
	}

#subnav li.first li.active a { 
	background-position: -660px -36px;
	color: #fff;
}
#subnav li.first li.active ul.subnav2 a { 
	background-position: 0 -72px;
	color: #333;
}

#subnav li.first li.current.active a,
#subnav li.first li.current.active a:hover {
	background-position: -440px -36px;
	color: #fff;
	cursor: default;
}
	#subnav li.first ul.subnav2 li.current a,
	#subnav li.first ul.subnav2 li.current a:hover {
		background-position: -440px -72px;
		color: #fff;
	}
	#subnav li.first.current a,
	#subnav li.first.current a:hover { background-position: -440px 0; color: #fff;}
	#subnav li.first li.last.current a,#subnav li.first li.last.current a:hover { background-position: -440px -104px; }
	

#subnav li.first a:hover { 
	background-position: -220px 0;
	color: #ddd;
}
#subnav li.first.current li a:hover, #subnav li.first li a:hover {
	background-position: -220px -36px;
	color: #ddd;
}
	#subnav li.active ul.subnav2 li a:hover {
		background-position: -220px -72px !important;
		color: #ddd;
	}
#subnav li.first li.last a:hover { 
    background-position: -220px -104px 
    
    }
	
	
/* Side Content */
#sidecontent {
	background: #f3f3f3 url(images/sidebox_bottom.gif) no-repeat 0 bottom;
}
#sidecontent-top {
	background: #f3f3f3 url(images/sidebox_top.gif) no-repeat 0 top;
	margin: 0;
	padding: 0;
	height: 10px;
}
#sidecontent-inner {
	margin: 0;
	padding: 0 0 10px;
}
#sidecontent h6, #sidecontent p {
	padding-right: 10px;
	padding-left: 10px;
}
#sidecontent h6 {
	text-transform: uppercase;
	margin-bottom: .5em;
}

/* CONTENT */
#contentarea h2 {
	color: #008ecc;
	margin-bottom: .5em;
	line-height: 1em;
	font-size: 1.7em;
	font-weight: bold;
}
h3, h4 {
	font-size: 1.1em;
	margin-bottom: .75em;
	color: #585858;
	font-weight: bold;
	line-height: 1.3em;
}
h4 {
	font-weight: normal;
}


/* List and Checklist */
#content ul, #content ol { margin-left: 15px; }

#content li {
	margin: 0 0 5px 20px;
	padding-left: 5px;
    color: #6a6a6a;
}
#content ul li {
	margin-left: 12px;
	padding-left: 9px;
	list-style-type: none;
	background: url(images/bullet_grey.png) no-repeat 0 6px;
}
#content li li {
	margin-left: 9px;
}
li ul {
	margin: 0;
}
#content .checklist li {
	list-style-type: none;
	background: url(images/icon_ok.png) no-repeat 0 5px;
	margin: 0 0 5px;
	padding-left: 18px;
	padding-bottom: 1em;
	color: #6a6a6a;
}
#content .checklist li li {
	background: url(images/bullet_grey.png) no-repeat 0 6px;
	padding-left: 9px;
	margin-left: 9px;
}

.book {
	margin: 0 0 4em;
}

/* Notes and Info Boxes */
.box_6, .box_12 {
	padding-top: 20px;
}
.box_6 .box-inner, .box_12 .box-inner {
	padding: 0 20px;
	margin-bottom: 2px;
}
.box_6 .box-bottom {
	height: 20px;
	line-height: 20px;
}
.box_6 {
	background: url(images/box_6_back.png) no-repeat 0 -11px;
}
.box_6 .box-bottom {
	background: url(images/box_6_back.png) no-repeat 0 9px;
}
.box_12 {
	background: url(images/box_12_back.png) no-repeat 0 -11px;
}
.box_12 .box-bottom {
	background: url(images/box_12_back.png) no-repeat 0 9px;
}
.notes {
	background-color: #feffcb;
}
.info {
	background-color: #f3f3f3;
}
#contentarea .notes h3 {
	font-size: 1.3em;
}

/* HOME */

/* What Why How */
#whatwhyhow {
	height: 260px;
	background-image: url(images/what-why-how-dl.png);
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
#whatwhyhow-questions {
	background: url(images/what-why-how-dl.png) no-repeat 0 -430px;
	position: absolute;
	right: 0;
	top: 0;
	width: 270px;
	margin: 0;
	padding: 10px 10px 10px 20px;
	z-index: 5;
}
#content #whatwhyhow-questions li {
	margin: 0;
	list-style-type: none;
	height: 80px;
	display: block;
	position: relative;
	background-image: none;
}
#whatwhyhow-questions li a {
	display: block;
	line-height: 77px;
	height: 77px;
	width: 270px;
    text-indent: -9999px;
}
#whatwhyhow-questions li a img {
	position: absolute;
	top: 23px;
	left: 0;
}
#whatwhyhow-answers {
	position: relative;
	width: 620px;
	margin: 0;
	overflow: hidden;
	height: 260px;
}
#whatwhyhow-answers ul {
	position: relative;
	width: 620px;
	margin: 0;
	z-index: 5;
	display: block;
}
#content #whatwhyhow-answers li {
	list-style-type: none;
	margin: 0;
	display: block;
	height: 220px;
	padding: 20px 30px 20px 20px;
	background-image: none;
}
#whatwhyhow-answers li h2{
    text-indent: -9999px;
	width: 570px;
}
#whatwhyhow-answers li#wwhwhat h2{
	background: url(images/what-why-how-dl.png) no-repeat -300px -430px;
	height: 64px;
}
#whatwhyhow-answers li#wwhwhy h2{
	background: url(images/what-why-how-dl.png) no-repeat -300px -494px;
	height: 32px;
}
#whatwhyhow-answers li#wwhhow h2{
	background: url(images/what-why-how-dl.png) no-repeat -300px -526px;
	height: 32px;
}
#whatwhyhow-answers img.left {
	float: left;
	margin-right: 20px;
}
#whatwhyhow-answers img.right {
	float: right;
	margin-left: 20px;
}
#whatwhyhow-arrow {
	width: 332px;
	height: 82px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(images/what-why-how-dl.png) no-repeat 0 -260px;
}

/* Download Bar */
#downloadbar {
	width: 940px;
	height: 88px;
	position: relative;
	margin-bottom: 20px;
	background: url(images/what-why-how-dl.png) no-repeat 0 -342px;
}
#content #downloadbar li {	
	float: left;
	height: 68px;
	display: block;
	list-style-type: none;
	margin: 18px 0 0;
	background-image: none;
	color: #fff;
}
#downloadarrow {
	display: block;
	position: absolute;
	width: 76px;
	height: 84px;
	top: 0;
	left: 20px;
	color: #bfbfbf;
}
#downloadlink a {
	text-decoration: none;
	vertical-align: middle;
	text-transform: lowercase;
	position: relative;
	display: block;
	margin-left: 90px;
    height: 68px;
    width: 140px;
    text-indent: -9999px;
    margin-right: 32px;
}
#downloadlink a img {
	margin-top: 21px;
}
#downloadinfo {
	background: url(images/downloadbar_separator.png) no-repeat 0 0;
	padding-left: 20px;
	line-height: 66px;
	font-size: 26px;
	font-weight: bold;
	text-transform: lowercase;
	color: #fff;
}
#downloaddate {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	line-height: 68px;
	font-size: 16px;
	color: #ababab;
}

/* Featured Quote (What people say) */
#featuredquote blockquote {
	padding-top: 10px;
	background: url(images/quote_bubble.png) no-repeat 0 0;
	width: 297px;
}
#featuredquote blockquote p {
	padding: 0 10px 40px;
	background: url(images/quote_bubble.png) no-repeat 0 bottom;
	margin: 0;
	font-style: italic;
}
#featuredquote dt {
	color: #5a8f34;
	font-weight: bold;
	font-size: 1.1em;
}

/* Profile + QA section */
p.question {
    font-weight: bold;
    color: #5a8f34;
    margin-bottom: .5em;
    clear: left;
}
div.featured-site img {
	float: left;
	margin: -1em 20px 1em 0;
}
div.featured-site ul {
	margin: 1em 0 0;
}
.qa h2 {
	clear: left;
}
.rating {
	float: right;
	width: 54px;
	height: 47px;
	background: transparent url(images/ui/rating-bg.png) no-repeat;
	color: #444;
	font-size: 30px;
	line-height: 47px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 10px 10px;
	letter-spacing: -2px;
}



/* FAQ */
.faq dt {
    font-weight: bold;
    color: #5a8f34;
    margin: 1em 0 .5em;
    clear: left;
}
.faq dd {
	margin-bottom: 1em;
}

/* RSS Boxes */
#rssboxes dt, #rssboxes dd {
	padding-right: 10px;
	padding-left: 10px;
}
#rssboxes dt {
	font-weight: bold;
	color: #333333;
	font-size: 1.1em;
	margin-top: 10px;
	padding-top: 10px;
	background: url(images/rssbox_separator.gif) repeat-x 0 top;
}
#rssboxes dt.first {
	padding-top: 0;
	background-image: none;
}
#rssboxes hr {
	margin: 10px 0;
}
#rssboxes dd {
	font-size: 1em;
	color: #8c8c8c;
}
.rssbox {
	position: relative;
	background: #f3f3f3 url(images/rssbox_bottom_grid_6.png) no-repeat 0 bottom;
	padding-bottom: 36px;
}
.rssfeed {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(images/icon_rss.png) no-repeat;
}
.rssfeed a {
	display: block;
	text-indent: -9999px;
	width: 22px;
	height: 20px;
}
#content .rssbox h2 {
	height: 40px;
	line-height: 40px;
	font-size: 1.1em;
	color: #fff;
	background: url(images/box_header_bg_grid_6.png) no-repeat 0 0;
	padding-left: 10px;
}
#rssboxes .buttonlinks {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
}
.rssbox h3 a{
    text-decoration:none;
}
.rssbox h3 a:hover,.rssbox h3 a:hover{
    text-decoration:underline;
}
.rssbox .feed.post {
    margin:10px;
    font-size:.975em;
}
.rssbox .feed.post .twit{
    color:#5A8F34;
}
.rssbox .feed.post .meta{
    font-size:.9em;
}

.rssbox{
    min-height:540px;
    margin-bottom:20px;
}
.rssbox .mim{
    margin:0 auto 20px 0;
    float:none;
}
ol#tweets {
    margin:0;
}
#tweets li{
    list-style-type:none;
    margin: 20px 0 20px 0;
    padding:0 0 40px 0;
    clear:both;
    border-bottom:1px solid #ccc;
}
#tweets img{
    float:left;
    margin:0 20px 20px 0;
}
#tweets .user a{
    color:#5A8F34;
    font-size:1.1em;
    font-weight:700;
}
#tweets small{
    float:right;
    font-size:10px;
    width:60%;
    text-align:right;
}
#tweets .tools{
    float:left;
    width:30%;
    clear:left;
}
.rssbox #tweets{
    margin:10px;
}
/* Hosting */
.hosting{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:20px;
    clear:both;
}
.hosting.featured{
    border:1px solid #888;
    background:#feffcb;
    padding:20px;
    padding-bottom:10px;
}

.hosting h3 span{
    color:#888;
    font-weight:normal;
    text-transform:lowercase;
    border-left:2px solid #888;
    margin-left:5px;
    padding-left:8px;
    line-height:1;
}
.hosting .features{
    margin: 0 0 10px 20px;
}
.hosting .link{
    clear:both;
}
#content .hosting .features .checklist li{
    margin:0;
    padding:0 0 0 20px;
}
#content .features ul{
    margin-left:0;
}
/* Breadcrumbs */
.breadcrumbs {
        margin-bottom: 1em;
}
.breadcrumbs a {
	color: #999;
}
.B_crumbSeparator {
	background: url(images/breadcrumb_separator.png) no-repeat 2px 6px;
	padding-right: 4px;
	padding-left: 4px;
}

/* Search Results */
.ajaxSearch_resultsInfo, .ajaxSearch_paging {
	font-weight: bold;
	color: #585858;
	font-size: 1.1em;
}
.ajaxSearch_paging {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	line-height: 20px;
	display: block;
	height: 20px;
}
.ajaxSearch_paging span, .ajaxSearch_paging a {
	float: left;
	margin-right: 5px;
}

.ajaxSearch_paging span.currentPage, .ajaxSearch_paging a {
	width: 27px;
	height: 20px;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.ajaxSearch_paging a {
	background: url(images/result_pages_back.png) no-repeat 0 0;
}
.ajaxSearch_paging span.currentPage, .ajaxSearch_paging a:hover {
	background: url(images/result_pages_back.png) no-repeat 0 -20px;
}
a.ajaxSearch_resultLink {
	color: #5a5a5a;
	font-weight: bold;
	font-size: 1.3em;
}
.ajaxSearch_highlight {
	background-color: #f1c4f4;
}

/* Made in MODx */
#mimwrap {
	margin-left: -17px;
	width: 717px;
}
.mim {
	position: relative;
	width: 214px;
	background: #fff url(images/mim/mimbg.png) no-repeat;
	padding: 3px 4px 0;
	margin: 0 0 20px 17px;
	font-size: 11px;
	line-height: 20px;
	float: left;
}
.mim img {
	width: 214px;
	height: 160px;
	margin-bottom: 3px;
}

.mim .overlay {
	position: absolute;
	background: transparent url(images/mim/mimbar.png) no-repeat;
	left: 4px;
	top: 143px;
	height: 20px;
	width: 198px;
	color: #fff;
	padding: 0 8px;
}
.mim .overlay ul {
	position: absolute;
	right: 5px;
	top: 0;
}
.mim p { 
	color: #6a6a6a; 
	font-style: italic; 
	line-height: 16px; 
	margin: 0;
	padding: 0;
}
.mim p a { 	
	color: #5a8f33; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
}
.mim p a:hover { text-decoration: underline; }
.mim .screengrab { display: none; }

/* Tables */
table { 
	font-size: 95%;
	color: #8c8c8c;
	width: 100%;
}
caption {
	text-align: center;
}

thead th {
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 6px 6px 6px 12px;
	background: #333;
	color: #fff;
	text-align: center;
	width: 10%;
}

thead th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #e4e4e4;
	background: none;
	width: auto;
	text-align: left;
	color: #8c8c8c;
	font-weight: normal;
	font-style: normal;
}

td, th {
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	padding: 0 6px 0 12px;
	color: #8c8c8c;
	height: 24px;
    line-height: 24px;
}
td.alt {
	background: #F5FAFA;
}

tbody th {
	border-left: 1px solid #e4e4e4;
	border-top: 0;
	text-align: left;
	font-weight: normal;
}
tbody td {
    text-align: center;
    padding: 3px 6px;
}
tr.alt td, tr.alt th {
	background: #f3f3f3;

}
tr.highlight td, tr.highlight th {
    background-color: #78ae20;
    background-image: none;
    color: #fff;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.1em;
}
td.included span,
td.not-included span {
	display: block;
	width: 100%;
	text-indent: -999px;
    overflow: hidden;
	background: url(images/icon_ok.gif) no-repeat center center;
}
td.not-included span {
    background: url(images/icon_notok.gif) no-repeat center center;
}
td del {
	color:#aaa;
}
/* Blog */
#coreteam {margin-bottom:16px}
#coreteam .name {
    font-weight: bold;
    color: #222;
}
#coreteam .title {
    font-style: italic;
    color: #888;
    font-size: 90%;
}
#coreteam p { line-height: 1.3; }
#footer #coreteam li { height: 42px; margin-bottom: 8px; }
#footer #coreteam .title {
    color: #fff;
    font-style: normal;
}
.blogPost h2 a {
    color: #5A8F34;
    text-decoration: none;
}
.blogPost .date {
    float: left;
    width: 55px;
    height: 51px;
    margin: 0 1.5em .5em 0;
    text-align: center;
    background: url(images/calendar.png) no-repeat;
}
.blogPost .date p {
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
}
.blogPost p.day {
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0 0;
}
.blogPost p.month {
    font-size: .85em;
    color: #fff;
    padding: 2px 1px 1px;
}
.blogPost p.year {
    color: #999;
    font-size: .85em;
}

/* Comparison Table */
table.comparison thead th {
	background: transparent url(images/com_support_tbl_header.png) no-repeat center 0;
	border: 0;
	width: 60px;
}
table.comparison thead th.nobg {
	background-image: none;
	width: auto;
}
table.comparison thead th.first {
	background: transparent url(images/com_support_tbl_header.png) no-repeat left 0;
}
table.comparison thead th.last {
	background: transparent url(images/com_support_tbl_header.png) no-repeat right 0;
}
table.comparison caption {
	text-align: right;
	padding-bottom: 5px;
    padding-right: 12px;
    padding-left: 12px;
	white-space: nowrap;
	color: #8c8c8c;
}


/* FancyZoom CSS fix */
#zoom_table td {
	padding: 0;
	border-style: none;
}
#zoom {
	z-index: 999;
}
#zoom_content img {
	border: 1px solid #ccc;
}
.mim-info {
	text-align: left;
}
.mim-info p {
	margin-bottom: 0;
}
.mim-info a {
	color: #6b9b4a;
}
.mim-info-left, .mim-info-right {
	float: left;
}
.mim-info-left {
	margin-right: 10px;
	width: 490px;
}
.mim-info-right {
	width: 200px;
}
.mim-info-desc {
	width: 100%;
	clear: both;
	font-style: italic;
}

/* Paging stuff */
#content .paging ul {
	margin: 0 0 10px;
	padding: 0;
	display: block;
	height: 30px;
}
#content .paging li, #content .paging span.ditto_currentpage, #content .paging a.ditto_page {
	float: left;
	margin: 0 5px 5px 0;
	list-style-type: none;
	background-image: none;
	width: 27px;
	height: 20px;
	text-align: center;
	background: url(/assets/images/pagination-back.png) no-repeat 0 0;
	line-height: 20px;
	color: #fff;
	padding: 0;
}
#content .paging a.ditto_page {
    text-decoration: none;
}
#content .paging li.pgNext {
	width: auto;
	background-image: none;
	color: #666;
	text-transform: capitalize;
}
#content .paging li.pgNext:hover {
	color: #000;
}
#content .paging li.pgCurrent, #content .paging li:hover, #content .paging span.ditto_currentpage, #content .paging a.ditto_page:hover {
	background-position: -27px 0;
}
#content .paging li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
}
#content .paging li.pgEmpty {
	display: none;
}

.spf_textarea textarea {
	width: 275px;
}
#fdbk_tab {
  top: 212px !important;
}