/* @override http://www.dolido.eu/css/site.css */



/* GLOBAL */

body {

    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

	background-color: #fff;

}



strong, em, b, i {

}

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 

}



#content label {

    color:#111;

    font-weight:bold;

}



#footer label{

    color:#fff;

}

/* Content Section Form General Styles*/

#content input, 

#content textarea {

    border-color:#ddd;

}

#content input[type=image] {

	border: none;

}

#content input.error, #content textarea.error, #content .ff select.error {

    border-color:#cc0000;

}

#content label.error {

    color:#cc0000;

    font-weight:normal;

}



.post blockquote{

    padding:20px 60px;

    background:url(../images/blockquote_bg.png) top left no-repeat;

}

/* Button Links */

.buttonlinks {

	display: block;

	height: 26px;

	margin-bottom: 20px;

	line-height: 26px;

}

	.info .buttonlinks {

		margin: 0

	}

.buttonlinks a, .buttonlinks span.input {

	background: url(../images/back.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;

	outline:none;

}

.buttonlinks input{

    font: bold 11px/23px "Lucida Grande", Lucida, Verdana, sans-serif;

    line-height: 23px;

    margin: 0 20px 0 0;

    text-transform: uppercase;

	color: #5a5a5a;

	height:25px;

	padding-bottom:2px !important;

	background-color:transparent;

}

.buttonlinks a span, .buttonlinks span.input input {

	background: #fff url(../images/back.png) no-repeat 100% -353px;

	height: 26px;

	display: block;

	padding: 0 22px 0 0;

	margin: 0 0 0 10px;

	float: left;

}

.buttonlinks a:hover, .buttonlinks span:hover, #footer .buttonlinks a:hover, #whatwhyhow .buttonlinks a:hover, #wlpeLogin .buttonlinks a:hover  {

	background-position: -54px -379px;

	cursor: pointer;

}

.buttonlinks a:hover span, .buttonlinks span.input:hover input, #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, .buttonlinks input:hover span.input, .buttonlinks input:focus span.input {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;

}



.buttonlinks input, .buttonlinks input:focus, .buttonlinks input:hover{

    padding:0;

    border:0;

    font-size:inherit;

}

.buttonlinks a.plain {

	background: none;

	display: inline;

	float: none;

	text-transform: none;

	font-size: 100%;

	font-weight: normal;

	color: blue;

	text-decoration: underline;

}



#footer .buttonlinks a, #whatwhyhow .buttonlinks a, #wlpeLogin .buttonlinks a {

	background: url(../images/link_button_footer.jpg);

	background: #64ab24 url(../images/back.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/back.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/back.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;

}

#minimal #mainheader{

    padding:20px 10px 0 10px;

    height:111px;

}

#metaheader a.dropdown {

	background: url(../images/back.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/back.png) no-repeat 0 -405px;
    width: 181px;
	height: 27px;
}

#searchbox {

	border-style: none;
	width: 110px;
	height: 16px;
	background: url(../images/back.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/back.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/back.png) no-repeat -247px -295px;

}

#signinform-close a {

	text-indent: -9999px;

	display: block;

	width: 15px;

	height: 15px;

}

/* Logo and Main Navigation */

#logo {

	width: 228px;

	height: 63px;

	line-height: 63px;

	margin: 32px 0 0;

	display: block;

	background: transparent url(../images/back.png) -10px -289px;

	text-indent: -9999px;

	position: absolute;

	top: 0;

	left: 0;

}

#micro-logo a{

    width:103px;

    height:34px;

    line-height:34px;

    display:block;

    background:transparent url(../images/micro-header-logo.png) 0 0 no-repeat;

    text-indent:-9999px;

    text-align:left;

    margin-top:1px;

}

#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/back.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/back.png) repeat-x 0 -198px;

	padding-top: 23px;

}

#footer-inner {

	background: #64ab24;

	padding: 20px 0 0;

}

#bottom {

	background: #64ab24 url(../images/back.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;

}

.profile a {

	text-decoration: none;

	color: #464646;

}



#coreteam li {

	margin: 0 0 10px;

	display: block;

	clear: both;

}

#coreteam li p {

	margin: 0;

}

#coreteam li a {

	font-weight: bold;

	text-decoration: none;

}



/* Minimal Footer */

#footer.minimal{

    color:#fff;

}

#footer.minimal ul, #footer.minimal li{

    margin:0;

    padding:0;

    color:#fff;

}

#footer.minimal ul a{

    text-decoration:none;

}

#footer.minimal ul a:hover{

    text-decoration:underline;

}

#footer.minimal li{

    list-style-type:none;

}

#footer.minimal h4{

    font-size:20px;

    color:#fff;

    margin:0;

}

#footer.minimal li{

    font-size:12px;

}

/* 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/back.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, #minimal h2 {

	color: #5a8f34;

	margin-bottom: .5em;

	line-height: 1em;

	font-size: 1.7em;

	font-weight: bold;

}

h3, h4, #support-plan caption {

	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;

}

.info.right{

    margin-bottom:15px;

}

#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;

}



/* Donate Forms */





.loginLoginForm label, #ppDonate label, .ff label{

    display:block;

    margin-bottom:10px;

}

.inline .ff{

    position:relative;

    margin-bottom:10px;

}

.inline .ff label, .inline .ff input{

    display:inline-block;

}

.inline .ff .error{

    position:absolute;

    top:-16px;

    left:111px;

    color:#5A8F34;

}

.inline .ff input, .inline .ff .inline{

    width:180px;

    position:absolute;

    top:0px;

    left:110px;

    

}

.inline .ff.checkbox input{

    position:relative;

    top:auto;

    left:auto;

    width:auto;

    padding:0;

    margin:0;

}

.inline .ff.checkbox input.inputleft{

    margin-right:10px;

}

.loginLoginForm legend, #ppDonate legend{

    display:none;

}

.loginLoginForm input, #ppDonate input, .ff input, .ff select, .ff textarea{

    display:block;

}



form h3{

    margin-top:20px;

    clear:both;

}

.ff .small{

    font-size:.8em;

    color:#333;

}

.grid_6 .ff textarea{

    width:320px;

}

.grid_6 .box-inner .ff textarea{

    width:290px;

}

input[type=hidden]{

    display:none !important;

    height:0px;

    padding:0;

    margin:0;

}

.mm-donation-text-preview .label{

    color:#111;

    font-weight:bold;

    display:block;

}

/* 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;

}

.rssbox.rm{

    padding-bottom:0;

}

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-top:1px solid #ccc;

    padding:20px;

    margin-bottom:20px;

    clear:both;

    position:relative;

}

.hosting.featured{

    background:#fbf9da url(../images/featured-bg.jpg) repeat-x 0 0;

}

.hosting.featured .badge{

    background:transparent url(../images/featured-badge.gif) no-repeat top right;

    position:absolute;

    top:-5px;

    right:-2px;

    width:75px;

    height:65px

}

.hosting h3 span{

    color:#888;

    font-weight:normal;

    border-left:2px solid #888;

    margin-left:5px;

    padding-left:8px;

    line-height:1;

}

.hosting .features{

    margin: 0 0 10px 10px;

}

.hosting .link{

    clear:both;

}



.hosting .grid_3, .hosting .grid_6 { margin-top: 10px;}

.hosting .grid_6{

    width:300px;

}



#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%;

}

.services thead th{

    width:150px;

}

.services caption{

    text-align:left;

}

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;

}

.alpha{clear:left;}

.grid_13.alpha{clear:none;}



/* Happening Now Overrides */

.vert.sc-thumbwrap{

    width:100%;

    margin:10px 0 0 30px;

}

.vert .sc-thumb{

    float:none;

}

.vert .sc-thumb p{

    background:transparent;

}

div.cbgroup {

    margin-bottom:10px;

}



#content .cbgroup label input{

    margin:0 10px 5px 0px;

    

}

#content .cbgroup label{

    font-weight:normal;

    color:#5a5a5a;

    margin-bottom:5px;

}



#footerad div {

	background: #fff;

	margin: 0 14px 14px 0;

	padding: 8px;

	float: left;;

	width: 125px;

	height: 125px;

}

#footerad div.last {

	margin-right: 0;

}

#footerad a,

#footerad img {

	border: 0;

	margin: 0;

	padding: 0;

}

#navAd,

#navAd img,

#navAd a {

	width:220px;

	height:100px;

	margin: 0;

	padding: 0;

	border: 0;

}

#navAd {

	margin-bottom: 6px;

}



.adlink a,

.adlink a:visited {

	color: #aaa;

	padding-left: 6px;

}

#textlink_ads {

	width: 960px;

	text-align: center !important;

	margin: 0 auto -6px;

	padding: 10px 0 0;

}

#textlink_ads hr {

	margin: 0 0 9px;

}

#textlink_ads a {

	font-size: 120% !important;

}

#textlink_ads ins ins iframe a {

	font-size: 120%;

}

.textLinkAds {

	border: 1px solid #ddd;

	border-width: 1px 0;

	padding: .8em 0;

	margin: 0 0 1em;

}

.textLinkAds li {

	font-size: 90%;

	list-style: none !important;

	background: none !important;

	margin: 0;

	padding: 0;

}

.textLinkAds a {

	color: #555;

	padding: 1px 3px 2px;

	margin: -1px -3px -2px;

}

.textLinkAds a:hover {

	color: #fff;

	background: #444;

	text-decoration: none;

}





/* showcase */



#showcase a {

    /*text-decoration:underline;*/

    text-decoration: none;

}

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

#showcase { width: 100%; overflow: hidden; }



.sc-breadcrumbs a, .sc-breadcrumbs{

    color:#999;

}



.star-rating-showcase{

    padding-top:2px;

    display:inline-block;

}

#content .star-rating-showcase{

    padding-top:0px !important;   

}



.sc-favoritize {

    float: right;

    }

.sc-favoritize a {

    color: #888;

    text-decoration: none;

    }

.sc-favoritize a:hover { text-decoration: underline; }



.sc-thumbwrap {

    margin-left: -17px;

    width: 717px;

}

.sc-thumb {

    position: relative;

    width: 214px;

    background: #fff url(/assets/components/showcase/images/thumbbg.png) no-repeat;

    padding: 3px 4px 0;

    margin: 0 0 20px 17px;

    font-size: 11px;

    line-height: 20px;

    float: left;

}

.sc-thumb img {

    width: 214px;

    height: 160px;

    margin-bottom: 3px;

}



.sc-thumb .sc-overlay {

    position: absolute;

    background: transparent url(/assets/components/showcase/images/thumbbar.png) no-repeat;

    left: 4px;

    top: 143px;

    height: 20px;

    width: 198px;

    color: #fff;

    padding: 0 8px;

}

.sc-thumb .sc-overlay ul {

    position: absolute;

    right: 5px;

    top: 0;

}

.sc-thumb p { 

    color: #6a6a6a; 

    font-style: italic; 

    line-height: 16px; 

    margin: 0;

    padding: 0;

}

.sc-thumb p a {  

    color: #5a8f33; 

    font-style: normal; 

    font-weight: bold; 

}



.clear { clear: both; }

.left { float: left; }

.right { float: right; }



.star-rating-showcase, 

.star-rating-showcase a:hover,

.star-rating-showcase a:active,

.star-rating-showcase a:focus,

.star-rating-showcase .current-rating {

    background: url(/assets/components/showcase/images/starrating/overlay-stars.png) left -1000px repeat-x !important;

}



.star-rating-showcase a:hover, .star-rating-showcase a:active, .star-rating-showcase a:focus {

    background-position: left bottom !important;

}



.star-rating-showcase {

    position: relative;

    /*width: 125px;*/

    height: 15px !important;

    overflow: hidden;

    list-style: none;

    margin: 3px 0 0 !important;

    padding: 0 !important;

    background-position: left top !important;

}



.star-rating-showcase li.star {

    padding: 0 !important;

    margin: 0 !important;

    background: none !important;

    display: inline !important;

    list-style: none;

}



.star-rating-showcase li.star span {

    display:none;   

}



.star-rating-showcase a,

.star-rating-showcase .current-rating {

    padding: 0 !important;

    margin: 0 !important;

    position: absolute;

    top: 0;

    left: 0;

    text-indent: -1000em !important;

    height: 15px !important;

    line-height: 15px !important;

    outline: none;

    overflow: hidden;

    border: none;

}



.star-rating-showcase .current-rating {

    z-index: 1;

    background-position: left center !important;

}



.sc-tagcloud {

    width: 700px;

    margin: 0 auto;

}

.sc-tagcloud a {

    color: #5a5a5a;

    text-decoration: none !important;

}

.sc-tagcloud-header { line-height: 40px; }

.sc-tagcloud-header span { color: #979797 }

.sc-tagcloud .sc-tagcloud-header a { color: #fff; }

.sc-tagcloud a:hover { text-decoration: underline !important; }

.sc-tagcloud .buttonlinks a:hover { text-decoration: none; }



.sc-tagcloud-tag {   

    display: block;

    float: left;

    width: 17em;

    padding: .3em;

}

.sc-tagcloud-tag a {

    font-weight: bold;

}

.sc-tagcloud-tag-pcount { font-weight: noscal; color: #5a8f34; }



.sc-tagcloud-header {

    color: #fff;

    background: #fff url(/assets/images/box_header_bg_full.png) no-repeat;

    height: 40px;

    padding: 0 20px;

}

.sc-tagcloud-header a {

    text-decoration: none;

}

#showcase .sc-sort {

    float: right;

}



#showcase .sc-pagination ul {

    margin: 0 0 10px;

    padding: 0;

    display: block;

    height: 30px;

}

#showcase .sc-pagination li {

    float: left;

    margin: 0 5px 5px 0;

    list-style-type: none;

    background-image: none;

    width: 27px;

    height: 20px;

    padding: 0;

    text-align: center;

    line-height: 20px;

    }

#showcase .sc-pagination li.page-number {

    background: url(/assets/images/pagination-back.png) no-repeat 0 0;

    color: #fff;

}

#showcase .sc-pagination li.label {

    width: auto;

    text-align: left;

    background-image: none;

    color: #000;

    cursor: default;

}

#showcase .sc-pagination li.pgNext {

    width: auto;

    background-image: none;

    color: #666;

    text-transform: capitalize;

}

#showcase .sc-pagination li.pgNext:hover {

    color: #000;

}

#showcase .sc-pagination li.pgCurrent, #showcase .sc-pagination li:hover {

    background-position: -27px 0;

}

#showcase .sc-pagination li a {

    color: #fff;

    text-decoration: none;

    display: block;

    width: 100%;

}

#showcase .sc-pagination li.pgEmpty {

    display: none;

}

#showcase a{

    text-decoration:underline;

}





.sc-tagcloud-header{

    padding:0 15px;

}

.sc-tagcloud .info{

    padding:10px 15px 0px 15px;

}



.sc-tagcloud-tag{

    padding:3px 0;

}



.scdev-photo{

    width:200px;

}

.scdev-photo img{

    margin-right:20px;

}



.scdev-info{

    width:480px;

    padding-left:0;

}

.scsite h3 a {

    text-decoration:none;

    color:#5A8F34;

}



.scsite a{

    color: #06c;

}

.scsite-info {

    margin:0;

    float: left;

    font-size: 1.1em;

    line-height: 130%;

    padding:0 0 20px 20px;

    width: 39%;

}

.scsite-info h3 {

    margin: 0 !important;

}



.scsite-info span {

    font-size: .8em;

    color: #444;

}

.scsite-photo img{

}

.scsite-photo {

    border: 1px solid #bbb;

    float: left;

    width: 400px;

    position:relative;

    border-color:#444;

    }

.scsite-photo img {

    width: 400px;

    height: 260px;

    }

.scsite-imagefooter {

    background-color:#444;

    color:#fff;

    font-size: 1em;

    height: 20px;

    /*background-color: #e1e1e1;*/

    padding: 4px;

    }

    

/* Tabs */

.mm-hl-sort {

    margin-bottom: 20px;

    color: #AAA;

}

.mm-hl-sort span {

	float: left;

}

#content ul.tabs li {

    float: left;

	margin-left: 5px;

	list-style-type: none;

    padding: 0;

    background-image: none;

    margin-bottom: 0;

}

#content ul.tabs li a {

    display: block;

    padding-left: 9px;

    padding-right: 9px;

    color: #515151;

    text-decoration: underline;

}

#content ul.tabs li a.current {

    display: block;

    padding-left: 9px;

    padding-right: 9px;

    background-color: #a2ca49;

    color: #515151;

    text-decoration: none;

    border-radius: 10px;  

    -moz-border-radius: 10px;  

	-khtml-border-radius: 10px;  

	-webkit-border-radius: 10px;

}



/* Modal Overlay */

.modal { 

    background: url(../images/modal-overlay-bkgd.png) no-repeat 0 0; 

    display:none; 

    width:343px; 

	height: 222px;

    padding: 8px 28px; 

    text-align:left;

    position: absolute;

    z-index: 9999;

} 

 

.modal h3 { 

    margin: 0; 

    padding: 0 0 20px;

    font-size: 16px;

    color: #feffff;

    line-height: 32px;

    height: 32px;

}

.modal p {

    color: #000;

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 20px;

}

.modal p.buttons {

    text-align: center;

}

.modal .buttonlinks{

    display:inline;

}

#mask { 

    background: #555 url(../images/mask_gradient_sq.png) no-repeat 50% 130px;

}	



div.bg_donate{

       background: transparent url(../images/dl_donate_bg.jpg) no-repeat top right; 

}

#dl_donate {

    width:550px;

    height:350px;

    padding:15px 0 0 30px;

    margin:20px 0 0 0;

    position:relative;

}

#dl_donate label, 

#dl_donate input {

    display: inline;

}

#dl_donate h3 {

    font: bold 40px "helvetica neue", Helvetica, Calibri, "Bitstream Vera", arial, sans-serif;

    color:#555;

}

#dl_donate .field input{

    font: bold 28px "helvetica neue", Helvetica, Calibri, "Bitstream Vera", arial, sans-serif;

    text-align:right;

    color:#222;

    height:37px;

    width:289px;

    padding:3px 5px 0 0;

    margin-left: 10px;

} 

#dl_donate .submit input{

    background:transparent url(../images/dl_donate_submit.png) no-repeat 0 0;

    text-indent:-9999px;

    height:80px;

    width:328px;

    margin-top:10px;

    border: 0px;

    color:#333;

	font-size: 0;

    display:block;

	line-height: 0;

}

#dl_donate .submit input:hover{

    background:transparent url(../images/dl_donate_submit.png) no-repeat 1px -79px;

}

#dl_donate label{

    font: bold 40px "helvetica neue", Helvetica, Calibri, "Bitstream Vera", arial, sans-serif;

    color:#666;

    padding:0;

    margin:0;

    vertical-align:bottom;

    line-height:1;

}

/* Album List */
#listing {
	margin-left: 10px;
}

#listing ul {
	list-style-type: none;
	margin: 11px 0 0;
}
#listing li {
	margin: 0;
	background-position: 0;
}
#listing a {
	text-decoration: none;
	color: #fff;
	font: bold 11px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	display: block;
}

#vertmenu ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-size: 80%;
list-style: none;
margin: 10px;
padding: 0px;
border: none;
text-decoration: none;
Background: #8cc22c;
color: #FFFFFF;
width:200px;

}

#vertmenu ul li {
display: block;
border-bottom: 1px dashed #65a22b;
padding: 5px 0px 2px 4px;
margin: 0px;
color: #FFFFFF;
}
#vertmenu h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 200px;
height: 18px;
color: #FFFFFF;
Background: #c12cc4;
padding: 8px 0px 0px 0px;
margin: 0px;
}


#mauve ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-size: 80%;
list-style: none;
margin: 0px;
padding: 0px;
border: none;
text-decoration: none;
Background: #c12cc4;
color: #FFFFFF;
width:300px;

}

#mauve ul li {
display: block;
border-bottom: 1px dashed #771179;
color: #FFFFFF;
padding: 5px 0px 2px 4px;
margin: 0px;
}

#mauve h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 300px;
height: 18px;
color: #FFFFFF;
Background: #8cc22c;
padding: 8px 0px 0px 0px;
margin: 0px;
}


#mauve ul li a {
color: #FFFFFF;
margin: 0px;
}

#mauve img {
Background: #ededed;
padding: 10px;
margin: 0px;
}