/* 
The Enet-Solutions Billing System Website
Powered by enet-solutions(Miroslav Javora 2005)
www.enet-solutions.com
Version 1.0
*/

/* The desing for Billign system Website */


 /* ******************  body,html,  *************** */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #000000;
 }
 
img {
	border: 0;
}

A:link {
	color: #4070B0;
	text-decoration: none;
}

A:visited {
	color: #4070B0;
	text-decoration: none;
}

A:hover {
	color: #000000;
	text-decoration: none;
}
A:active {
	color: #4070B0;
	text-decoration: none;
}


 /* ******************  layout  *************** */
 
 /* ***  not-logged in  *** */
 
 #login-page {
	background: #BED9E1;
	width: 100%;
	height: 100%;
}

.login-logo {
	background: transparent;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.login-middle {
	background: #FFFFFF;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}


/* ***  logged-in  *** */

 #main-page {
	background: #BED9E1;
	width: 100%;
	height: 100%;
}

.top-line {
	background: transparent;
	width: 100%;
	height: 147px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top-line-table {
	background: #FFFFFF;
	width: 700px;
	height: 147px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-width: 0px;
}

.top-line-table-left {
	background: white;
	width: 530px;
	height: 147px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../grafika/index/top_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.top-line-table-right {
	background: #FFFFFF;
	width: 270px;
	height: 147px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../grafika/index/top_right.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.middle-line {
	background: #FFFFFF;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	background-image: url(../grafika/index/vertical_line.jpg);
	background-repeat: repeat-y;
	background-position: 700px;
}

.middle-line-menu {
	background: transparent;
	width: 100%;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../grafika/index/middle_menu_bakground.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.middle-line-table {
	width: 700px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-width: 0px;
}

.middle-line-table-left {
	width: 190px;
	height: 140px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.middle-line-table-right {
	width: 480px;
	height: 140px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 15px;
}

.middle-line-main {
	background: transparent;
	width: 670px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}


.bottom {
	background: transparent;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.invoice-table {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #000000;
}

.invoice-table-row {
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EBEBEB;
}

.invoice-table-export {
	width: 620px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}

.invoice-table-export-row {
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EBEBEB;
}
.invoice-table-items {
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #000000;
}


/* ******************  menus  *************** */

/* ***  main menu  *** */

#main-menu
{
	margin-left: 100px;
	background: transparent;
	color: #5297A6;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#main-menu ul
{
	border: 0;
	margin-left: 40px;
	padding: 0;
	list-style-type: none;
}

#main-menu ul li
{
	text-align: center;
	padding: 0;
	margin: 0;
	display: inline;
}

#main-menu ul li a
{
	width: 80px;
	color: #5297A6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}

#main-menu ul li a:hover
{
	color: #000000;
	border-bottom:7px solid #e7e7e7;	
}

#main-menu li#active a
{
	color: #CCCCCC;
}

/* ***  left menu  *** */

#main-first{
	background: transparent;
}

.left-menu  {
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
} 

#main-first ul
{
	list-style-type: none;
}

#main-first ul li
{
	height: 11px;
	text-align: left;
	font: bold 11px  Verdana, Arial, Tahoma, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#main-first ul li a
{
	height: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#main-first ul li a:hover
{
	color: #4E4E4E;
	background-image: url(../grafika/index/odrazka_white.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* ******************  fonts etc  *************** */

.text-small-grey {
	font: normal 10px  Arial, Tahoma, Helvetica, sans-serif;	
	color: Gray;
}

.text-blue {
	color: #5297A6;
	font-weight: bold;
}

.text-black {
	color: #000000;
	font-weight: bold;
}

.message {
	text-align: center;
	font: bold 12px  Arial,Tahoma, Verdana, Helvetica, sans-serif;
	color: #C2510F;
}

#logo-top {
	position: absolute;
	left: 10px;
	top: 33px;
}


/* ******************  various etc  *************** */

.nomargin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.topmargin {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* ******************  various - not logged in yet etc  *************** */


.login-middle-box {
	background: transparent;
	height: auto;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
}

/* ******************  inputs/buttons  *************** */

.input {
	border-color: #4E4E4E;
	border-style: solid;
	border-width: 1px;
	background-color: #ECECEC;
}

.input-small {
	height: 11px;
	font-size: 10px;
	color: #6D6D6D;
	border-color: #4E4E4E;
	border-style: solid;
	border-width: 1px;
	background-color: #ECECEC;
}

.input-small-dropdown {
	height: 15px;
	font-size: 10px;
	color: #6D6D6D;
	border-color: #4E4E4E;
	border-style: solid;
	border-width: 1px;
	background-color: #ECECEC;
}