/* CSS File			*/
/* Version:		01	*/
/* Created at:	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%;}
body				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
form				{margin: 0px; padding: 0px;}
td				{vertical-align: top;}
h1				{font-size: 11px; text-align: left; margin-top: 3px; margin-bottom: 0px; padding-left: 10px; padding-right: 10px; background-image: url(../img/line2_back.gif); background-repeat: repeat-x; background-position: left top; padding-bottom: 2px; padding-top: 3px; color: #B30000;}
h2				{font-size: 11px; background-color: #FFFFFF; border: solid 1px #999999; padding: 5px; text-align: left; margin: 0px;}


/* Link styles			*/
a				{text-decoration: none; color: #000000;}
a:hover				{text-decoration: underline;}

/* Header styles		*/
.brands				{height: 28px; padding-left: 10px; padding-right: 10px; margin-bottom: 6px;}

/* Main area styles		*/
.left				{float: left; width: 210px; padding-right: 10px; margin-left: 0px; border-right: solid 1px #a19f9f; height: auto;}
.center				{float: left; width: 738px !important; width: 728px; padding-left: 20px;}

.main_login			{width: 400px; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; color: #B30000;}
.main_login form		{padding: 10px; padding-bottom: 5px; width: 220px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #e9e6e6; border: 1px solid #b30000; text-align: center;}

.main2				{background-color: #e9e6e6; border-bottom: solid 1px #a19f9f; padding: 10px; padding-top: 5px;}
.holder				{width: 700px; clear: both; height: auto !important; height: 1px; display: table; margin-bottom: 0px; margin-top: 0px; margin-left: auto; margin-right: auto;}

.form_add_tree			{padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px;}
.form_add_tree input		{font-size: 10px; color: #000000; height: 11px; width: 80px;}

.line				{background-image: url(../img/line_back.gif); background-repeat: repeat-x; background-position: left bottom;}
.odd				{background-color: #CCCCCC;}
.img_show			{display: table-cell; width: 120px; text-align: left; float: left;}

/* Footer styles		*/
.footer				{margin: 0px auto; text-align: center; color: #CCCCCC; font-size: 10px; padding-top: 5px;}
.footer a			{color: #CCCCCC;}

/* Main Menu styles		*/
.tabs, .tabs2, .tabs3		{background-repeat: repeat-x; background-position: left top; cursor: default;}
.tabs .tab, .tabs2 .tab, .tabs3 .tab
				{background-repeat: no-repeat; background-position: left top; height: 20px; position: relative; font-weight: bold; display: block; float: left; padding-top: 5px; padding-left: 15px; padding-right: 15px; margin-right: 0px !important; margin-right: -1px;}
.tabs .tab .end, .tabs2 .tab .end, .tabs3 .tab .end
				{background-repeat: no-repeat; background-position: right top; height: 25px; width: 13px; position: absolute; top: 0px; right: 0px;}
.tabs .spaced, .tabs2 .spaced, .tabs3 .spaced
				{float: right !important;}
.tabs				{background-image: url(../img/tabs_back.gif);  height: 30px;}
.tabs2				{background-image: url(../img/tabs2_back.gif);  height: 25px;}
.tabs3				{background-image: url(../img/tabs3_back.gif);  height: 25px; width: 900px;}
.tabs .tab			{background-image: url(../img/tab_back.gif);}
.tabs2 .tab			{background-image: url(../img/tab2_back.gif);}
.tabs3 .tab			{background-image: url(../img/tab3_back.gif);}
.tabs .tab .end			{background-image: url(../img/tab_end.gif);}
.tabs2 .tab .end		{background-image: url(../img/tab2_end.gif);}
.tabs3 .tab .end		{background-image: url(../img/tab3_end.gif);}
.tabs *				{color: #FFFFFF;}
.tabs select			{background-color: #b30000; border: solid 1px #b30000; font-size: 10px; font-weight: bold;}
.tabs2 a			{color: #B30000;}
.tabs3				{color: #000000;}
.tabs3 a			{color: #b30000;}

/* Misc. styles			*/
.right				{float: right;}
.email				{margin: 2px; padding: 0px; float: left; height: 18px; width: 150px; overflow: hidden;}
.user_tab			{background-color: #f0f0f0; border: solid 1px #666666; border-top: none 0px; width: 100%; margin-right: auto; margin-left: auto; padding-top: 3px;}
.user_tab .cell1, .user_tab .cell2, .user_tab .cell3, .user_tab .cell4, .user_tab .cell5, .user_tab .cell6, .user_tab .cell7, .user_tab .cell9
				{display: block; float: left; overflow: hidden; height: 16px;}
.user_tab .cell1		{width: 700px; padding-left: 10px; padding-right: 0px;} 
.user_tab .cell2		{width: 200px; padding-right: 30px;} 
.user_tab .cell3		{width: 150px;}

.user_tab .cell4		{width: 120px; padding-right: 5px; padding-left: 10px;}
.user_tab .cell5		{width: 220px; padding-right: 5px;}
.user_tab .cell6		{width: 120px;}
.user_tab .cell7		{width: 120px;}
.user_tab .cell8		{width: 120px;}
.user_tab .cell9		{width: 600px; padding-left: 10px;}
.user_tab td			{vertical-align: middle; padding-right: 5px; padding-bottom: 3px;}

.factura			{width: 660px; margin: auto;}
.factura td			{font-size: 10px; vertical-align: top;}
.factura b			{font-size: 11px;}
.tabel				{background-color: #999999;}
.tabel td			{background-color: #ffffff;}
.nnormal td			{font-size: 11px;}

.linie_platita			{float: left; width: 20px;}
.linie_nr_fact			{float: left; width: 98px;}
.linie_data			{float: left; width: 62px;}
.linie_firma			{float: left; width: 225px; font-weight: bold;}
.linie_total			{float: left; width: 75px; text-align: right; font-weight: bold; padding-right: 5px;}
.linie_tva			{float: left; width: 50px;}
strike *			{text-decoration: line-through; color: #ffbb99;}

.canceled_ro			{background-image: url(../img/canceled_ro.gif); background-repeat: no-repeat;}

.payment_status			{padding-right: 5px;}
.paid				{color: #999999 !important;}
.unpaid				{color: #000000 !important;}

.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix		{height: 1%;}
/* End hide from IE-mac */