* { margin: 0px; padding: 0px; }

body {
	margin:0px; padding:0px;
	background-color:#080B13;
	font-family:Arial, Helvetica, sans-serif;
}
.left { float: left !important; }
#outside_container {
	background: url(/sf/images/side_bg.jpg) repeat-x #000000;
}
#container {
	background:url(/sf/images/main_bg.jpg) no-repeat;
	min-height:900px;
    width:960px;
	position:relative;
    overflow: hidden;
    padding: 0 0 15px;
}
img {border:0}
a { color: #d9d9dd; text-decoration:none;}
a:hover { color: #fff; }
#container.blog { background: url(/sf/images/blog_bg.jpg) no-repeat;}

#logo { position:absolute; top:47px; left:548px; border:0 none; }

#panel { left:49px; position:absolute; top:159px; }

ul#menu { 
	margin:0px;	padding:0px;
	position:absolute; top:129px; left:75px;
}
ul#right_menu { 
	margin:0px;	padding:0px;
	position:absolute; top:129px;/*134px;*/ right:75px;	
}
ul#menu li, ul#right_menu li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:11px;
	text-transform:uppercase;
	display:inline;
}
ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#ccc;
}
ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#ffffff;
}


ul.year_list li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:5px;
	font-size:12px;
	display:inline;
}
ul.year_list li.dim { color: #333; }
ul.year_list li a { color: #999999; text-decoration:none;}
ul.year_list li a:hover { color: #fff; text-decoration:none;}
.padtop { padding-top: 25px; }
ul.archive_list li { list-style-position:inside; }
ul.archive_list li a { color: #999999; text-decoration:none; }
ul.archive_list li a:hover { color: #fff; text-decoration:none; }

#content {
	padding-top:415px;
	padding-left:85px;
	width:815px;
	color:#999;
	font-size:13px;
	line-height:20px;
}
#content.blog { padding-top: 188px;}
#content.popup { padding-top: 0px;padding-left:5px;}
.column1 { float:left; width:230px; margin-right:30px; }
.column1 p,.column2 p,.column3 p { margin: 0 0 15px; }
.column2 { float:left; width:230px; margin-right:30px; }
.column3 { float:left; width:270px; }
.column_double { float: left; width: 490px; margin-right: 30px; }
.column_triple { float: left; width: 785px; margin-right: 30px; }
#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	/* color:#D9D9DD;*/
	color: #D9D9DD;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}
ul.fp_blurb { margin: 0 0 15px 0; list-style-position: inside; }
ul.fp_blurb li { margin: 0 0 15px 0; }
#content p a { color: #D9D9DD; text-decoration: none }
#content .post h2 { margin: 0 0 2px; }
#content .post h2 a { color: #D9D9DD; text-decoration: none; }
#content .post h2 a:hover { color: #D9D9DD; text-decoration: underline; }
ul.post_meta { margin:0 0 0 1px;padding:0px; }
ul.post_meta li { float: left; list-style:none; color: #333; line-height:1em; font-size: 10px;margin:0 10px 8px 0;}
ul.post_meta li a { color: #333; }
.post .entry { clear: both; }
.post .entry p, .entry p { margin: 0 0 15px 0; }
.post .entry p a { color: #D9D9DD; text-decoration: none}
.post .entry p a:hover { color: #fff;}
.tagged { color: #333;margin:5px 0; }
.navigation { margin: 0 0 15px 0; border-bottom: 1px solid #222;border-top: 1px solid #222; }
.navigation a { color: #D9D9DD; text-decoration: none }
.navigation a:hover { color: #fff; }
.post { margin: 0 0 25px 0; border-bottom: 1px dashed #222}
.post_list { border-top: 1px solid #222; }
ul.post_list, ul.post_list_sub { list-style:none; }
ul.post_list_sub { padding: 0 0 0 35px; }
ul.post_list li, ul.post_list_sub li { border-bottom:1px dashed #222; }
ul.post_list li a, ul.post_list_sub li a { text-decoration:none;color: #999;padding: 3px 0 2px 2px; display: block }
ul.post_list li a:hover, ul.post_list_sub li a:hover { color: #fff}

ul.errorlist { list-style: none; }
ul.errorlist li { color: #FF6666 }

h3.comments_headers { font-size: 1.6em; line-height: 1.8em;  border-top: 1px solid #000; clear: both; }
#comments { width: 490px; float: left; clear: both; overflow: hidden; border-bottom: 1px solid #000; }
ul#comment_list { margin: 0 0 15px; }
ul#comment_list li.comment { list-style: none; overflow: hidden; clear: both; border-top: 1px solid #D9D9D9; padding-left: 8px; }
ul#comment_list li.odd { border: 1px dotted #222; border-width: 1px 0 0 1px;background: #111 }
ul#comment_list li.even { border: 1px solid #222; border-width: 1px 0 0 1px; }
ul#comment_list li .comment-wrapper { padding: 0.5em 8px 0 0; }
ul#comment_list li.comment ul.children { margin: 0 0 8px 8px; clear: both; }
.comment-meta { float: left; width: 180px; margin: 0 4px 0.5em 0; padding: 0 0 1.0em 0; }
.comment-meta a, .comment-meta a:visited, .comment-meta a:hover { color: #333; font-weight: bold; text-decoration: none; font-size: 10px; }
.comment-meta a.url { font-size: 1.4em; }
.comment-time { display: block; font: normal 1.0em Helvetica, Arial, sans-serif; color: #888; }
.comment-all a, .comment-all a:visited { display: block; font: normal 1.0em Helvetica, Arial, sans-serif; color: #888; }
.comment-all a:hover  { display: block; font: normal 1.0em Helvetica, Arial, sans-serif; color: #FFF; background: #888; }
.comment .entry, .comment .reply { margin: 0 0 0 200px; }
.comment .reply { padding-bottom: 1.5em; }
#comments .navigation { font-variant: normal; overflow: hidden; padding: 1.0em 0; border-top: 1px solid #000; }
#comments .navigation .alignleft, #comments .navigation .alignright { float: left; width: 316px; }
#comments .navigation .alignright { text-align: right; }
#comments p.unstyled { margin: 0 0 0.6em; }

#comment_form { width: 490px; margin: 0 0 0 0; padding: 0 0 15px; float: right; clear: both; } /* orig 502px but ie6 is off by 2px */
.add-comment { padding: 0.3em 0 0.6em 0; border-bottom: 1px solid #222; }
.add-comment label { float: left; width: 260px; font: bold 1.2em Constantia, Calibri, Helvetica, Georgia, serif; line-height: 1.2em; }
.add-comment input, .add-comment textarea { width: 367px; padding: 3px ; color: #999; font: normal 1.1em Helvetica, Georgia, Times, serif; margin: 0 0 0 5px; border-top: 2px solid #222; border-left: 2px solid #222; border-right: 1px solid #333; border-bottom: 1px solid #333;background: #222; }
#comment_form p { padding: 0.6em 0; }
#comment_form .add-comment textarea { width: 367px !important; overflow: hidden; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.form_submit { padding: 0.3em; background: url(/sf/images/footer_bg.jpg) repeat scroll 0 0; border: 1px solid #222; font: bold 1.4em Constantia, Calibri, Helvetica, Georgia, serif; font-variant: small-caps; cursor: pointer; float: right;color: #D9D9DD; }
#comment_form .delete { color: red !important; margin:0 17px 0 0 !important; }
.submit_small { font-size: 13px !important; margin: 0 0 0 7px !important; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

ul.work {
	margin:0px; padding:0px;
}

.project { width: 680px;float:left; }
.project .title { font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;color:#D9D9DD;margin: 0 0 10px 20px;width:310px !important;float:left;}
.project .title a { color: #D9D9DD; text-decoration:none}
.project .text ul { list-style: none;margin:0 25px 0 0; padding:0 0 0 20px;float:left; }
.project .thumb { float: left;width:350px; }
.project p { clear:both;margin:10px 0 0;padding:10px 0; }

ul.work li {
	list-style:none;
	margin:0px; padding:0 0 10px 0;
    min-height: 75px;
	clear:both;
}
ul.work li a {
	color:#444;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
    border: 2px solid #999999;
}
ul.work li a .txt {
	color:#999;
	margin:0;
    padding:0;
	font-weight:normal;
	font-size:13px;
}
ul.work li a:hover, ul.work li a:hover .txt { color:#ffffff; }

#footer {border-top:1px solid #333;padding:30px 50px 50px;color:#555;font-size:9px;line-height:14px;background: url(/sf/images/footer_bg.jpg) repeat-x;}
#footer img {float:left;margin-right:10px;}
#footer span {display:block;float:left;width:250px;margin:-3px 0;}
#footer a {	color:#333;text-decoration:none;}
#footer a:hover { color:#ffffff; }

/* PYGMENTS STYLE */
.syntax .hll { background-color: #404040 }
.syntax  { background:#202020 none repeat scroll 0 0;border-left:1px solid #D9D9DD;color:#D0D0D0;font-size:11px;line-height:16px;margin:10px 5px;padding:5px;overflow:auto; }
.syntax .c { color: #999999; font-style: italic } /* Comment */
.syntax .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.syntax .g { color: #d0d0d0 } /* Generic */
.syntax .k { color: #6ab825; font-weight: bold } /* Keyword */
.syntax .l { color: #d0d0d0 } /* Literal */
.syntax .n { color: #d0d0d0 } /* Name */
.syntax .o { color: #d0d0d0 } /* Operator */
.syntax .x { color: #d0d0d0 } /* Other */
.syntax .p { color: #d0d0d0 } /* Punctuation */
.syntax .cm { color: #999999; font-style: italic } /* Comment.Multiline */
.syntax .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
.syntax .c1 { color: #999999; font-style: italic } /* Comment.Single */
.syntax .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
.syntax .gd { color: #d22323 } /* Generic.Deleted */
.syntax .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.syntax .gr { color: #d22323 } /* Generic.Error */
.syntax .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
.syntax .gi { color: #589819 } /* Generic.Inserted */
.syntax .go { color: #cccccc } /* Generic.Output */
.syntax .gp { color: #aaaaaa } /* Generic.Prompt */
.syntax .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
.syntax .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.syntax .gt { color: #d22323 } /* Generic.Traceback */
.syntax .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
.syntax .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
.syntax .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
.syntax .kp { color: #6ab825 } /* Keyword.Pseudo */
.syntax .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
.syntax .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
.syntax .ld { color: #d0d0d0 } /* Literal.Date */
.syntax .m { color: #3677a9 } /* Literal.Number */
.syntax .s { color: #ed9d13 } /* Literal.String */
.syntax .na { color: #bbbbbb } /* Name.Attribute */
.syntax .nb { color: #24909d } /* Name.Builtin */
.syntax .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
.syntax .no { color: #40ffff } /* Name.Constant */
.syntax .nd { color: #ffa500 } /* Name.Decorator */
.syntax .ni { color: #d0d0d0 } /* Name.Entity */
.syntax .ne { color: #bbbbbb } /* Name.Exception */
.syntax .nf { color: #447fcf } /* Name.Function */
.syntax .nl { color: #d0d0d0 } /* Name.Label */
.syntax .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
.syntax .nx { color: #d0d0d0 } /* Name.Other */
.syntax .py { color: #d0d0d0 } /* Name.Property */
.syntax .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
.syntax .nv { color: #40ffff } /* Name.Variable */
.syntax .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
.syntax .w { color: #666666 } /* Text.Whitespace */
.syntax .mf { color: #3677a9 } /* Literal.Number.Float */
.syntax .mh { color: #3677a9 } /* Literal.Number.Hex */
.syntax .mi { color: #3677a9 } /* Literal.Number.Integer */
.syntax .mo { color: #3677a9 } /* Literal.Number.Oct */
.syntax .sb { color: #ed9d13 } /* Literal.String.Backtick */
.syntax .sc { color: #ed9d13 } /* Literal.String.Char */
.syntax .sd { color: #ed9d13 } /* Literal.String.Doc */
.syntax .s2 { color: #ed9d13 } /* Literal.String.Double */
.syntax .se { color: #ed9d13 } /* Literal.String.Escape */
.syntax .sh { color: #ed9d13 } /* Literal.String.Heredoc */
.syntax .si { color: #ed9d13 } /* Literal.String.Interpol */
.syntax .sx { color: #ffa500 } /* Literal.String.Other */
.syntax .sr { color: #ed9d13 } /* Literal.String.Regex */
.syntax .s1 { color: #ed9d13 } /* Literal.String.Single */
.syntax .ss { color: #ed9d13 } /* Literal.String.Symbol */
.syntax .bp { color: #24909d } /* Name.Builtin.Pseudo */
.syntax .vc { color: #40ffff } /* Name.Variable.Class */
.syntax .vg { color: #40ffff } /* Name.Variable.Global */
.syntax .vi { color: #40ffff } /* Name.Variable.Instance */
.syntax .il { color: #3677a9 } /* Literal.Number.Integer.Long */

/* 
.pagination { margin: 0px; padding: 0px; }
.pagination span { margin: 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #ccc; }
.pagination ul { margin: 5px; padding: 0px; list-style: none; }
.pagination li { margin: 0px 10px 0px 0px; padding: 0px; display: inline; }
.pagination ul li a:hover { color: #FF5200; }
.pagination_current { color: #FF5200; }	
*/


div.pagination {
    padding:15px 0;
    margin:3px 0;
    clear:left;
}
 
div.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ccc;
 
    text-decoration: none;
    color: #ccc;
}
div.pagination a:hover, div.pagination a:active {
    border:1px solid #fff;
    color: #fff;
    background-color: #666;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ccc;
    font-weight: bold;
    background-color: #444;
    color: #ccc;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #444;
    color: #444;
}

.addthis_toolbox { margin: -10px 0 10px; }
.linklove { display: inline;float:left;color:#D9D9DD;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin: 0 10px 0 0; }
.rss { margin: -35px 0 0 0; float: right; width: 20px; height: 20px; border="0"; }
p img { padding: 0 0 15px 0; }
.profile { padding-bottom: 15px; }
.profile_item { float:left; display: inline; width: 105px; }
.padbottom15 { padding: 0 0 15px; }

th.invoice_id { width: 73px;  }
th.invoice_client { width: 100px;  }
th.invoice_dated { width: 55px;  }
th.invoice_due_date { width: 55px;  }
th.invoice_total, td.invoice_total { width: 75px; text-align:right;padding:0 10px 0 0; }
th.invoice_status { width: 55px;  }
.alt { background: #222; }
.header { background: #444; }
.add-invoice { padding: 0.3em 0 0.6em 0; border-bottom: 1px solid #222; }
.add-invoice label { float: left; width: 95px; font: bold 1.2em Constantia, Calibri, Helvetica, Georgia, serif; line-height: 1.2em; }
input, textarea, select {  padding: 3px ; color: #999; font: normal 1.1em Helvetica, Georgia, Times, serif; margin: 0 0 0 5px; border-top: 2px solid #222; border-left: 2px solid #222; border-right: 1px solid #333; border-bottom: 1px solid #333;background: #222; }
.add-invoice input, .add-invoice textarea { width: 357px; }
.add-invoice select{ width: 367px; }

.pdf { border: none; width:12px; height: 12px; padding:0 0 0 4px; }

.client_balance { width: 75px;text-align:right; }
.client_phone { width: 80px; }
.client_username { width: 81px; padding: 0 2px; }
.client_business { width: 132px; padding: 0 6px; }

.expense_id {width:40px;}
.expense_type {width:40px;}
.expense_description {width:250px;}
.expense_amount {width:75px;}
.expense_dated {}
.expense_actions {}

#id_receipt {margin:4px 0 0 98px;}
.inv-receipt img { border:0;}
.inv-receipt a {margin:0 0 0 5px;}

.product_name, .product_description, .product_rate, .product_tax { padding:0 4px 0 0; }

table {
  border-collapse: collapse;
  border: none;
font-family:Arial,Helvetica,sans-serif;
border-spacing: 1px;
  }
caption {
  text-align: left;
  font: normal 11px helvetica, verdana, arial,  sans-serif;
  background: transparent;
  }
td, th {
  border: none;
  color: #6E6E6E;
  }
thead th, tfoot th {
  border: none;
  text-align: left;
  color: #ccc;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #9F9F9F;
  }
tbody td a:hover {
  background: transparent;
  color: #00FF0C;
  }
tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #9F9F9F;
  }
tbody th a:hover {
  background: transparent;
  color: #fff;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  font-weight:normal;
  }

.odd {
  background: #000000;
  }
tbody tr:hover {
  background: #0E0E0E;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #222;
  }
  
.fileinput_change {margin: 0 0 0 100px;}

.li-product_applicable_taxes label, .inv-restricted_use label {width:125px; }
.inv-applicable_taxes label { width: 125px; }
#applicable_tax { margin: 0 0 0 125px }
.li-DELETE, .inv-restricted_use { margin: 0 0 25px; }
.li-product { border-top: 1px solid #23A447;padding-top:0.6em; }


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:400px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
/*.items div {*/
/*	float:left;*/
/*}*/

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/*.items div {*/
/*	float:left;*/
/*	width:680px;*/
/*}*/

/* single scrollable item */
/*.scrollable img {*/
/*	float:left;*/
/*	margin:20px 5px 20px 21px;*/
/*	background-color:#fff;*/
/*	padding:2px;*/
/*	border:1px solid #ccc;*/
/*	width:100px;*/
/*	height:75px;*/
/*	*/
/*	-moz-border-radius:4px;*/
/*	-webkit-border-radius:4px;*/
/*}*/

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:110px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
.navi {
	margin-left:353px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.payment_meta { display: none; }
.payment { width: 100%; }
/*
Tema: Soft Table - A Simple table style with the use of the soft brown color
Author: Newton de Góes Horta
Site: --
Country Origin: Brazil
*/

/*table.payment {*/
/* font-size:0.9em;*/
/* font-family: Arial, Helvetica, verdana sans-serif;*/
/* background-color:#fff;*/
/* border-collapse: collapse;*/
/* width: 100%;*/
/*}*/
/*table.payment thead th {*/
/* border-right: 1px solid #fff;*/
/* color:#fff;*/
/* text-align:center;*/
/* padding:2px;*/
/* text-transform:uppercase;*/
/* height:25px;*/
/* background-color: #a3c159;*/
/* font-weight: normal;*/
/*}*/
/*table.payment tfoot {*/
/* color:#1ba6b2;*/
/* padding:2px;*/
/* text-transform:uppercase;*/
/* font-size:1.2em; */
/* font-weigth: bold;*/
/* margin-top:6px;*/
/* border-top: 6px solid #e9f7f6;*/
/*}*/
/*table.payment tbody tr {*/
/* background-color:#fff;*/
/* border-bottom: 1px solid #f0f0f0;*/
/*}*/
/*table.payment tbody td {*/
/* color:#414141;*/
/* padding:5px;*/
/* text-align:left;*/
/*}*/
/*table.payment tbody th {*/
/* text-align:left;*/
/* padding:2px;*/
/*}*/
/*table.payment tbody td a, table.payment tbody th a {*/
/* color:#6C8C37;*/
/* text-decoration:none;*/
/* font-weight:normal; */
/* display:block;*/
/* /*background: transparent url(links_yellow.gif) no-repeat 0% 50%;*/*/
/* padding-left:15px;*/
/*}*/
/*table.payment tbody td a:hover, table.payment tbody th a:hover {*/
/* color:#009193;*/
/* text-decoration:none;*/
/*}*/