/*
**	Author		Jake Litwicki, Litwicki Media
**	Contact		info[at]litwickimedia.com
**	Website		www.litwickimedia.com
**	About		Litwicki Media designs & develops standards-based websites.
**	This stylesheet based upon the wonderful prosilver by phpBB, with love.
*/

/* Styles for jQuery stuff */
@import url('/css/jqueryui.css');
@import url('/css/icons.css');
@import url('/css/jquery.fancybox.css');

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	background-color: #E0EFE0;
	font-size: 13px;
	margin: 0 0 0 -1px;
	padding: 0;
}

body#print {
	background-color: white;
	margin: 2em auto;
	width: 900px;
}

th, td { vertical-align: top; }

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial;
	color: #000;
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	padding: 0;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #669966;
	font-size: 1.6em;
	margin: 0.8em 0 0.2em 0;
}

h2.intro {
	margin-top: 0;
	font-weight: bold;
}

h2.solo {
	margin-bottom: 1em;
}

.big, h3 { 
	font-size: 1.3em; 
	font-family: "Times New Roman", serif; 
	text-transform: uppercase; 
	margin: 1em 0; 
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	border-bottom: 1px dotted #E0EFE0;
	margin-bottom: 4px;
	padding-bottom: 2px;
	margin-top: 1.5em;
	font-weight: normal;
}

h3.signature-line {
	border-top: 1px solid #000;
	border-bottom: none;
	font-family: "Trebuchet MS", Arial;
	font-size: 1em;
	color: #353535;
	padding-top: 2px;
	margin: 4em 0 1em 0 !important;
}

.datagrid-wrapper h3 { margin-top: 0; }

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	margin-bottom: 1.5em;
	font-size: 1em;
}

.small {
	font-size: .9em;
}

img {
	border-width: 0;
}


hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #99cc99;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

.panel hr { border-top: 1px solid #669966; }

/* For login/logout panel boxes so they aren't butt-up against the menu */
#message { margin: 2em 0 0 0; }

#welcome-slideshow {
	height: 220px;
	overflow: visible;
	display: block;
	clear: both;
}

#welcome-slideshow img {
	border: 5px solid #E0EFE0 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: bottom !important;
	display: block;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */

#litwicki { background: url("/images/litwicki/bgwhite.jpg") center repeat-y; }

#wrap {
	padding: 0;
	width: 1000px;
	margin: 0 auto;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-header {
	overflow: hidden;
	background: url("/images/litwicki/tilebg.jpg") bottom center #99cc99;
	border-bottom: 10px solid #000;
	padding: 0;
	margin: 0;
}

#logo {
	margin: 20px 0 0 20px;
	height: 150px;
	width: 200px;
	background: url("/images/logos/header_logo.png") no-repeat 0px 0px;
}

#page-header-left img { height: 0; width: 200px; }

#logo:hover {
	background-position: 0 -150px;
}

#slogan { height: 70px; width: 450px; clear: bottom; margin: 20px 0 0 100px; background: url("/images/litwicki/slogan.png") no-repeat; }

#page-header-wrap { width: 1000px; margin: 0 auto; }

#page-header-left { float: left; width: 20%; padding: 0; margin: 0; text-align: center; }

#page-header-right { 
	float: left; 
	width: 80%;
	padding: 0;
	margin: 0;
}

#page-nav ul 
{
	margin: 20px 20px 0 0;
	list-style: none;
	float: right;
}

#page-nav li 
{
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #99cc99;
	margin: 0 1px;
}

#page-nav li.first, #page-nav li.first a:hover {
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
}

#page-nav li.last, #page-nav li.last a:hover {
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

#page-nav a 
{
	display: block;
	text-decoration: none;
	color: #000;
	/*width: 100%;*/
	padding: 10px 15px;
	margin: 0;
}

*+html #page-nav a { padding-left: 10px !important; }

#page-nav .section { font-size: 1.5em; display: block; font-family: Georgia, serif; text-transform: uppercase; letter-spacing: 1px; margin:0; padding:0;}
#page-nav a .section { color: #000; }

#page-nav a:hover {
	background: #add6ad;
}

#page-nav .hire-us {
	background: #E0EFE0;
}

#page-nav li#page-nav-active a {
	color: #E0EFE0;
	background: #000;
}

#page-nav li#page-nav-active a:hover {
	color: #fff;
	background: #000;
}

#page-nav li#page-nav-active { 
	background: #000;
	padding: 4px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	margin-top: -8px;
}

#page-nav li#page-nav-active a  .section{
	color: #fff;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#page-nav a {float:none;}
/* End IE5-Mac hack */

#page-login { width: 94%; margin: 0 auto; border-bottom: 1px dotted #add6ad; padding: 0 0 10px 10px; }
#page-login ul { text-align: right; }

#page-body {
	padding: 0;
	margin: 0 auto;
}

#page-email { width: 90%; margin: 0 auto; padding: 0; }

img.thumbnail { 
	border: 2px solid #99cc99 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	opacity: 0.80;
	padding: 4px;
	background: #add6ad;
	clear: both; 
	margin: 0 0 5px 0; 
	display: block;
	width: 200px;
	height: auto;
}

#sidebar img.thumbnail {
	width: 180px;
	height: auto;
}

img.thumbnail:hover { opacity: 1.0; }

#page-main { width: 730px; float: left; padding: 0 20px 40px 20px; }

/* black box on home page for free proposal */
#get-started { 
	background: #000;
	padding: 15px 15px 5px 15px;
	margin-right: 30px;
	float: right;
	text-align: right;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

#get-started a {
	color: #E0EFE0;
}

#get-started a:hover {
	color: #add6ad;
}

/* featured project on home page */
#home-feature { float: left; width: 300px; margin: 0 30px 0 30px; }

/* five reasons on home page */
#five-reasons { float: left; width: 300px; padding-left: 40px; margin-right: 20px; border-left: 1px dotted #E0EFE0; }

#five-reasons p { font-family: "Trebuchet MS", Arial !important; }

#five-reasons strong { 
	text-transform: uppercase !important; 
	font-family: Georgia !important; 
	font-size: 1.2em !important; 
	display: block; 
	margin: 0 0 4px 0; 
	color: #669966;
}

#sidebar { width: 200px; float: left; padding: 0 10px 0 20px; color: white; }

#sidebar a:hover { color: #add6ad !important; }

#sidebar h2 { font-size: 1.5em; }
#sidebar hr { width: 100%; border: 1px solid #99cc99; }
#sidebar h1 { white-space: nowrap; text-align: center; }

#sidebar .quote { color: white; }

#sidebar .lastword { padding: 0 18px 0 0; background: transparent url("/images/litwicki/quote_small_close.png") no-repeat right top; }

#sidebar a:hover, #sidebar a:visited:hover { color: #000; border-bottom: 1px solid; }

#sidebar #recent-work p { font-size: .9em; width: 180px; font-family: "Trebuchet MS", Helvetica, Arial; }

#page-footer {
	background: url("/images/litwicki/tilebg.jpg") #add6ad;
	border-top: 10px solid #000;
	margin: 0;
	padding: 20px 0 0 0;
}

#page-footer .tweet {
	padding: 4px;
}

*+html body { padding-bottom: 20px; }

#page-footer h3 { width: auto; border: none; color: #669966; text-align: left; font-family: "Trebuchet MS", Arial; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #669966; }
#page-footer h3 img { float: right; clear: left; width: 40px; height: auto; }

#page-footer #logos { width: 1000px; margin: 2em auto; text-align: center; }

#page-footer #logos img { display: inline; height: 30px; width: auto; margin: 0 20px 0 0; opacity: 0.5; }
#page-footer #logos img:hover { opacity: 1.0; }

#page-footer ul { margin: 0; padding: 0; text-align: left; list-style: none; }
#page-footer ul li { padding: 4px 0 4px 20px; font-size: .9em !important; }

#page-footer-content { width: 1000px; margin: 0 auto; padding-left: 20px; display: block; clear: bottom; }

#page-footer-content a, 
#page-footer-content a:visited, 
#page-footer-content a:visited:hover, 
#page-footer-content a:hover { 
	color: #000; 
	padding: 0; 
	border-bottom: 1px dotted #669966; 
}

#page-footer-content a:hover, 
#page-footer-content a:visited:hover { 
	color: #669966; 
	padding: 0; 
	border: -bottom: 2px solid #669966;
}

#page-footer-content ul li { margin: 0 0 4px 0; font-size: 1em;}

#page-footer-content .datagrid-wrapper { 
	float: left; 
	width: 150px; 
	margin: 0 20px 0 0; 
	padding: 15px; 
	background-color: #E0EFE0; 
	border-color: #669966; 
	height: 150px; 
	min-height: 150px; 
	height: auto !important;
}

#logo {
	float: left;
	width: auto;
	padding: 0 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
/* proSilver Link Styles
---------------------------------------- */

a:link	{ color: #669966; text-decoration: none; }
a:visited	{ color: #669966; text-decoration: none; }
a:hover	{ color: #99cc99; text-decoration: none;  }
a:active	{ color: #99cc99; text-decoration: none; }

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("/images/litwicki/corners_left.png"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("/images/litwicki/corners_right.png"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack 
	voice-family: "\"}\"";
	voice-family: inherit;*/
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

.bg1 { background-color: #99cc99 !important;}
.bg2 { background-color: #E0EFE0 !important; }
.bg3 { background-color: #add6ad !important; }
.bg4 { background-color: #669966 !important; }

.noticeme td, .noticeme { background-color: #FFCCCC !important; border-color: black !important; } /* highlight this row it's important! */

.noticeme a, .noticeme a:hover { color: black !important; border-color: black !important; }

.noticeme button, .noticeme .button { background-color: #353535; color: white !important; border-color: #000; }

.noticeme h1, .noticeme h2, .noticeme h3 { border-color: black !important; }

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

span.corners-top {
	background-image: url("/images/litwicki/corners_left.png");
}

span.corners-top span {
	background-image: url("/images/litwicki/corners_right.png");
}

span.corners-bottom {
	background-image: url("/images/litwicki/corners_left.png");
}

span.corners-bottom span {
	background-image: url("/images/litwicki/corners_right.png");
}

.panel span.corners-top, .panel span.corners-bottom {
	margin: 0 -10px;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #add6ad;
}

.panel p {
	font-size: 1em;
	line-height: 1.2em;
}

.panel button, .panel .button { border-color: #669966; }
.panel a { color: #669966; text-decoration: underline; }
.panel a:hover { color: black; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link	{ color: #669966; text-decoration: none; border-bottom: 1px solid #99cc99; }
a:visited	{ color: #669966; text-decoration: none; border-bottom: 1px solid #99cc99; }
a:hover	{ color: #99cc99; text-decoration: none; border-bottom: 2px solid; }
a:active	{ color: #99cc99; text-decoration: none; }

/* Litwicki Media Styles
---------------------------------------- */
.noborder, a.noborder, .noborder a, img.noborder, a.noborder img, #page-header a
{ 
	border: none !important; text-decoration: none !important;
}

.page-edit { text-align: right; margin: 1em; clear: both; display: block; }

#page { padding-top: 20px; }
#dashboard { padding: 10px 0 0 10px; }

#page p, #page div { line-height: 1.4em; }
.byline { font-family: Verdana; font-size: .8em; }

#portfolio ul li p { margin: 5px 0; }

#project blockquote { clear: both; margin: .5em; }

.padding, .pad { padding: 10px; }

/**
 * Do a little stuff for HTML email
 */

#page ol { margin: .5em 0 1em 2em; }
#page ol li { font-family: Georgia; margin: 0 0 10px 0; font-size: .9em; }

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

/* currently viewing project */
ul li.active { background: url("/images/icons/fugue/arrow-curve.png") left no-repeat !important; color: #669966; }

ul.login { padding: 0 0 10px 10px; margin: 0 20px; text-align: right; list-style: none; border-bottom: 1px dotted #b2ccb2; }

ul.login li { 
	font-size: 12px !important; 
	background: url("/images/icons/fugue/gear.png") left no-repeat; 
}

ul.login a { text-decoration: none; }

ul.horizontal li { 
	display: inline; 
	padding: 0 0 0 20px; 
	margin: 0 10px 0 10px; 
}

#onlinelist a { border: none; text-decoration: none; }
#onlinelist a:hover { border: none; text-decoration: none; }

#dashboard { margin-bottom: 1em;  }

.copyright {
	text-align: left;
	width: 960px;
	color: #000;
	font-size: 1em;
	padding: 40px 0 10px 0;
	margin: 0 auto -20px auto;
}

.copyright a { color: #353535; }
.copyright a:hover { color: #000; }

.terms { font-family: Courier; margin: 1em 0; font-size: 1.1em; padding: 10px; height: 150px !important; text-transform: uppercase; overflow-y: scroll; background: #add6ad; border: 1px solid #99cc99; }

fieldset { border: none; padding: 0; margin: 0; }

.left { float: left; width: 50%; }
.right { float: left; width: 50%; }

.form .row { margin: 0 0 1em 0; clear: both; display: block; }
.form  textarea { clear: both; width: 100% !important; height: 250px; }

.form span.text input { background: #E0EFE0; border: 1px solid #99cc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; width: 200px; }
.form span.text input:hover { border-color: #669966; background: #fff; }

.form select, .form select:hover { padding: 4px; background: #E0EFE0; border: 1px solid #99cc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-width: 150px; }

.form label { color: #353535; font-size: 1.1em; margin: 0 0 4px 0; padding: 0; display: block; font-family: Georgia; }
.form label:hover { color: #000; }

.form label.error { color: red; font-size: .9em; font-family: "Trebuchet MS", Arial; padding: 10px; float: left; clear: right; cursor: pointer; display: none; }
.form label.error:hover { color: red; }

#projectbox label.error { float: none !important; padding: 4px 0 4px 20px !important; font-size: 1.1em !important; display: block; }

p.error { padding-left: 20px; color: red; }

input.error, select.error, select.error:hover { color: red !important; border-color: #ff0000 !important; }

.hide { width: 0px; height: 0px; display: none; overflow: hidden; }

div.project { line-height: 16px !important; }

.imagelist ul { list-style: none; margin: 0; padding: 0; }
.imagelist ul li { display: inline; margin-right: 10px; float: left; }

#featured-project { margin-bottom: 2em; }

#featured-project h2 { margin: 0 0 .25em 0; padding: 0; }

#featured-project img { 
	float: right; 
	clear: left; 
	margin: 0 0 15px 20px; 
	border: 5px solid #add6ad !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#portfolio-list li { 
	display: inline; 
	float: left; 
	width: 33%;
	margin: 0 0 1em 0;
	min-height: 300px;
	height: 300px;
	height: auto !important;
}

#portfolio-list p { width: 200px; padding: 0 0 0 5px; font-family: "Trebuchet MS", Arial; }

#portfolio-list li strong { font-size: 1.3em; font-family: "Trebuchet MS", Helvetica, Arial; text-transform: uppercase; }

ol.numeric { padding: 20px 0 0 20px; }
ol.numeric li { margin: 0 0 10px 0; font-size: 1.2em; font-family: Georgia; }

#screenshots { 
	float: left; 
	clear: left; 
	margin: 0 16px 10px 0; 
	padding: 10px;
	background: #99cc99;
	border: 4px solid #add6ad;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 320px;
}

#screenshots img {
	cursor: pointer;
}

.testimonial p { font-size: 1em; padding: 5px 20px 0 20px; }

.testimonial .client { text-align: right; font-style: italic; padding: 0 20px 0 0; color: #669966; }

.quote { font-family: "Trebuchet MS", Arial; color: #353535; }
.quote cite { margin: 5px 0 0 0; float: right; clear: top; font-style: italic; color: #669966; text-align: right; font-weight: bold;  }

#sidebar .quote { padding: 0 10px; font-size: .9em; }
#sidebar .quote { font-size: 1em; }

/* Home page stuff */

.servicebox { float: left; width: 170px; margin: 0 10px 0 0; background: #E0EFE0; font-size: .9em; }
.servicebox:hover { background: #add6ad; cursor: pointer; }

.servicebox h2 { padding: 0; margin: 0; border: none; color: #669966; }
.servicebox img { float: right; clear: right; width: 80px; height: auto; margin: 0 0 5px 10px; }

/* Dashboard Styles */
#dashboard-header { margin: 0 0 20px 0; }

.message-detail, .project-detail, .task-detail { min-height: 150px; height: 150px; height: auto !important; }

/* Make sub-header styles slightly smaller/faded */
.message-detail h1, .project-detail h1, .task-detail h1 { font-size: 1.5em; color: #353535; }
.message-detail h2, .project-detail h2, .task-detail h2 { font-size: 1.2em; color: #151515; }
.message-detail h3, .project-detail h3, .task-detail h3 { font-size: 1em; color: #000; }

.project-details {
	float: right; 
	margin: 0 0 20px 20px !important;
	clear: left;
}

table.userlist td { width: 250px; vertical-align: top; }
table.userlist td input { margin: 0 4px 4px 0; }

.dashboard-header { 
	padding: 0; 
	margin: 0 0 2px 0;
	border-bottom: 1px solid #99cc99;
}

.dashboard-header a { color: #000; }
.dashboard-header a:hover { color: #669966; }
.dashboard-header img { margin: 2px 10px -2px 10px !important; }
.dashboard-header img { margin: 0 10px 0 0; }
.dashboard-header h2 { margin: 0; font-size: 1.4em; color: #000; font-family: serif; }
.dashboard-header p.small { font-size: .9em; padding: 0 0 4px; color: #669966; font-family: "Segoe UI", Arial; margin: 0; }

.dashboard ul.horizontal li { font-size: 14px; margin: 0 4px 0 0; padding: 4px 0 4px 24px !important; }
.dashboard ul.horizontal li a { border: none !important; font-family: Georgia; }
.dashboard ul.horizontal li a:hover { color: #000; border: none !important; }

.dashboard ul#log-wrapper { margin: 10px !important; }

.dashboard ul.loglist li { 
	background: url("/images/icons/famfamfam/bullet_wrench.png") left no-repeat; 
	color: #555; 
	font-size: 11px !important;
}

.dashboard ul.loglist li:hover { color: #000; }

ul.alerts li { 
	background: url("/images/icons/fugue/exclamation-red.png") left no-repeat; 
	padding: 5px 0 5px 24px;
	list-style: none;
}

ul.alerts li a { text-decoration: underline; }

ul#filelist li { list-style: none; }

.datagrid-wrapper {
	background: #add6ad;
	border: 1px solid #669966;
	margin: 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px;
}

/* spans inside h1, h2, h3 for icon links */

.add-new { float: right; font-size: 11px !important; text-transform: uppercase; font-family: "Trebuchet MS", Arial !important; }

.datagrid-wrapper a { color: black; }

.datagrid-wrapper p {
	padding: 4px;
	margin: 0;
}

.datagrid { 
	width: 100% !important; 
	border-collapse: collapse;
	border: none !important;
}

.datagrid th, .datagrid td { padding: 6px 10px 6px 0; font-size: .85em; }

#invoice th { font-weight: bold; padding-left: 10px; }
#invoice td { padding-left: 10px; font-size: .9em;  }

.datagrid th {  
	cursor: pointer;
	font-weight: normal;
	background-color: #99cc99;
	text-align: left;
	background-image: none !important;
	border-bottom: 1px solid #669966;
	font-size: 1em;
}

.datagrid td { 
	text-align: left;
	background-color: white; /* overwrite bg1 & bg2 for datagrid */
	border-bottom: 1px solid #99cc99; 
	border-top: 1px solid #E0EFE0; 
	background-image: none !important;
	min-height: 30px;
	font-family: Verdana;
}

.datagrid td.footer { font-weight: bold; }
.datagrid tr:hover td { background: #f9f9f9; }

.datagrid .icon 	{ width: 30px; text-align: center; white-space: nowrap !important; }
.datagrid .icon * 	{ border: none !important; }

.datagrid .counter 	{ width: 30px; text-align: center; }
.datagrid .date 	{ width: 100px; }
.datagrid .num 		{ width: 40px; text-align: center; }

.datagrid .phone	{ width: 100px; }
.datagrid .username	{ width: 150px; }

.datagrid .user 	{ width: 200px; }
.datagrid .name 	{ width: 200px; }
.datagrid .name a 	{ border: none !important; }
.datagrid .desc 	{ width: auto; }

table.invoice { margin: 3em 0; float: right; border-collapse: collapse; border: 1px solid #000; }
table.invoice th, table.invoice td { text-align: right; font-size: 1.25em; padding: 10px; border-bottom: 1px solid #000; }
table.invoice th { font-family: "Trebuchet MS", Arial; width: 90%; }
table.invoice td { font-family: Courier; width: 10%; }
table.invoice .discount { color: green; }
table.invoice tr.total th, table.invoice tr.total td { background: #E0EFE0; }
table.invoice caption { text-align: right; font-weight: bold; font-size: 1.5em; text-transform: uppercase; font-family: 'Times New Roman', serif; }

/* request details table */
.message-detail table { 
	background: #E0EFE0; border: 1px solid #99cc99;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 10px;
	padding: 6px;
}

.message-detail td, .message-detail th {
	vertical-align: top;
	padding: 10px;
	font-size: .85em;
	border-bottom: 1px dotted #add6ad;
}

.message-detail th {
	text-align: right;
	white-space: nowrap;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	border: 1px solid #add6ad;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	opacity: 0.80;
	max-width: 200px; /* for compliant browsers */
	width: 200px; /* for IE */
	overflow: visible;
}

#tooltip h3, #tooltip div { font-size: .85em; margin: 0; color: #E0EFE0; text-decoration: none; border: none; text-transform: capitalize; font-weight: bold; padding: 10px; }

#tooltip .error { padding: 10px 10px 10px 20px; }

/* Dashboard Menu */

#dashboard-navigation {
	background: #99cc99;
	padding: 10px;
	margin: 0;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomright: 6px;
}

#dashboard-mini-nav {
	float: right;
	padding: 5px 0 0 0;
	font-size: .85em;
	text-transform: uppercase;
}

#dashboard-mini-nav a, #dashboard-mini-nav a:hover {
	color: black;
	text-decoration: none;
	border: none;
}

#dashboard-menu { 
	display: block; 
	margin: 0;
	padding: 0;
}

#dashboard-menu a { 
	text-decoration: none;
	border: none;
	display: block;
}

* html #dashboard-menu { line-height: 0; } /* IE6 "fix" */
* html #dashboard-menu ul a { zoom: 1; } /* IE6/7 fix */

#dashboard-menu li 
{ 
	display: inline; 
	list-style: none; 
	margin: 0 4px 0 10px; 
	padding: 2px 0 2px 20px; 
	float: left; 
	position: relative;
	background-position: left;
}

#dashboard-menu li a.menulink { color: #000; font-size: 1.1em; font-family: "Trebuchet MS", Arial; text-transform: uppercase; }
#dashboard-menu li a.menulink:hover , #dashboard-menu a:hover li a{ color: #669966; }

/*opacity: 0.9; filter: alpha(opacity=90);*/

#dashboard-menu li ul { 
	margin: 6px 0 0 0;
	background: #add6ad; 
	border: 2px solid #669966;
	opacity: 0.85; 
	filter: alpha(opacity=85);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#dashboard-menu li ul li {
	display: block;
	clear: both;
	margin: 4px 16px 4px 10px;
	white-space: nowrap;
}

/*header links */
#dashboard-menu ul { display: none; position: absolute; left: 0; margin: 10px 0 0 0; padding: 0; background: #add6ad; }

#dashboard-menu li ul li a { color: #000; font-size: .9em !important; text-transform: normal; font-family: Arial; font-weight: bold; }
#dashboard-menu li ul li a:hover { color: #000; text-decoration: underline; }

/*sub menu links*/
#dashboard-menu ul li a { color: #000; font-family: Arial !important; font-size: .9em; font-weight: bold; }
#dashboard-menu ul li a:hover { color: #000; }

/* sub-sub menu links */
#dashboard-menu li ul li ul { 
	position: absolute;
	left: 100px;
	top: 0;
	float: right;
	background: #E0EFE0; 
	border: 2px solid #99cc99;
	opacity: 1.0; 
	filter: alpha(opacity=100);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	z-index: 99999;
}

/*
** Litwicki Button Styles
*/
button, .button {
	border-collapse: collapse;
	border: 1px solid #99cc99;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #E0EFE0;
	background-repeat: no-repeat;
	padding: 4px;
	cursor: pointer;
	opacity: 0.70; 
	filter: alpha(opacity=70);
	overflow: visible;
	font-weight: 500;
	margin: 0 5px 0 0;
}

*+html button, *+html .button { 
	height: 28px; 
	font-family: 'Segoe UI';
	font-size: 1.1em;
	padding: 2px 4px 2px 4px;
}

.ui-dialog button, .ui-dialog .button {
	background-color: #add6ad;
	border-color: #669966;
}

a .button, button a { color: black !important; }

.button a { border: none !important; text-decoration: none !important; }
.button a:hover { border: none !important; text-decoration: none !important; }
.button * { color: black !important; }

button.close, button.close:hover { background-position: 6px 6px; }
*+html  button.close, *+html button.close:hover { background-position: 4px 4px; }

button:hover, .button:hover { opacity: 1.0; filter: alpha(opacity=100); }
button span, .button span { padding: 3px 0 3px 20px; }

button ico,.button ico { background-position: 0 3px; }

/* IE7 Fixes 
*:first-child+html #dashboard-menu  {
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
}
*/

*+html #dashboard-menu ul
{
	float: left;
	margin-top: 15px;
	padding-bottom: 10px;
}

*+html #dashboard-menu ul li ul
{
	position: absolute;
	top: 0;
	left: 100px;
}

/* custom growl alerts */
div#myalerts {
	position: absolute;
	top: 10px;
	right: 10px;
}

div.growl {
	padding: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #000;
	border: 2px solid #222;
	font-size: .8em;
	font-family: Verdana;
	color: #fff;
	width: 180px;
	opacity: 0.75; 
	filter: alpha(opacity=75);
	margin: 0 0 .5em 0;
}

.popup {
	display: none;
	background: #add6ad;
	padding: 0 10px 10px 10px;
	border: 2px solid #99cc99;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.light {
	background: #E0EFE0;
	border-color: #99cc99;
}

.dark {
	background: #99cc99;
	border-color: #669966;
}

/* TinyMCE Styles */
.defaultSkin .mceToolbar { 
	padding: 4px 2px !important;
	background: #E0EFE0 !important;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.ui-dialog .defaultSkin .mceToolbar {
	background: #99cc99 !important;
}

.ui-dialog .defaultSkin .mceToolbar * {
	border: none !important;
}

.defaultSkin .mceStatusbar { 
	padding: 6px !important; 
	border: none !important; 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background: #E0EFE0 !important;
}

.ui-dialog .defaultSkin .mceStatusbar {
	background: #99cc99 !important;
}

.defaultSkin .mceIframeContainer {
	border-top: 1px solid #99cc99 !important;
	border-bottom: 1px solid #99cc99 !important;
}

.defaultSkin table.mceLayout {
	font-size: .9em !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.mceContentBody {
	background: #fff !important;
	font-size: 12px !important;
	padding: 10px;
}

.mceButton:hover, .mceIcon:hover { background-color: #add6ad !important; }

#portfolio { width: auto; overflow: hidden; display: block; clear: both; }

#slideshow {
	margin-left: 20px;
}

#slideshow img {
	padding: 0;
	max-width: 300px;
	height: auto !important;
	border: 6px solid #add6ad !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	display: block;
}

#imagenav {
	text-align: right;
	margin: 8px 0;
	padding: 0;
	clear: both;
	display: block;
}

#imagenav li { list-style: none; }
#imagenav a { color: black; padding: 2px 4px; font-size: .85em !important; background: #add6ad; margin: 2px; border: 1px solid #669966; }
#imagenav a:hover, #imagenav a.activeSlide:hover { color: black; padding: 2px 4px; font-size: .85em; background: #E0EFE0; border: 1px solid #669966; }
#imagenav a.activeSlide { background: #669966; }
#imagenav a:focus { outline: none; }

ul.pretty, #sidebar ul { list-style: none; padding: 0; margin: 0; }
ul.pretty li, #sidebar ul li { padding: 2px 0 2px 20px !important; font-size: .9em; margin: 0 0 4px 0; }
#sidebar ul li { margin-bottom: 8px; }

ul.images { list-style: none; margin: 0; padding: 0; }
ul.images li img { width: 100px; height: auto; }
ul.images li { margin: 0 0 5px 0; }

/*
 * jQuery MultiSelect Plugin 0.4
*/

.ui-multiselect { font-weight:normal !important; font-family: Arial, sans-serif !important;  font-size: 1em !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0 }
.ui-multiselect input { float:left; padding:3px 0 3px 6px; margin:0; border:none !important; cursor:default; background:none !important; }
.ui-multiselect span { float:right; margin-top:-18px; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0; display: inline; }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:none !important; border: none !important; color: #669966 !important; }
.ui-multiselect-header .ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-options { display:none; padding:3px; position:relative; z-index:90000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px; margin-right: 6px !important; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.8em; padding-right:3px; font-family: Helvetica !important; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* shadow effect */
.ui-multiselect-shadow { box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3); }