body {
	background: #4989bc url("/media/bgTop.jpg") repeat-x left top;
	margin: 0px;
	padding: 0px;
	color: #3b80b7;
	font-size: 14px;
	font-family: Tahoma, Arial, Verdana;
	line-height: 1.4em;
}
html, body {
	height: 100%;
}
a {
    color: #E7633C;
	text-decoration: none;
}
a:hover {
    color: red;
}

.pageTitle {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 30px;
}

.header {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.pageDiv {
    width: 990px;
    background: #5993c2 url("/media/banner.jpg") no-repeat left top;
    text-align: left;
}
.masterTable {
    margin: 15px;
    margin-top: 260px; 
}
.menuRow {
    border-bottom: 5px solid #fff;
}
.leftCol {
    background: #95c7f0 url("/media/leftCol.gif") no-repeat left bottom;
    witdh: 246px;
    border-right: 1px solid #fff;
}
.rightCommercial {
    background: #95c7f0 url("/media/rightCommercial.gif") no-repeat left top;
    width: 220px;
    height: 346px;
    border-left: 1px solid #fff;
}
.mainPage {
    background: #eaf5ff url("/media/mainBg.gif") repeat-x left top;
    height: 500px;
    padding: 10px;
    border-bottom: 1px solid #fff;
}
.avantajeGaz {
    background: #dbefff;
    height: 165px;
    padding: 10px;
}
.reclame {
    background: #4989bc;
    color: #fff;
    height: 100px;
    border-top: 1px solid #fff;
}
.bottomText {
    padding: 10px;
    text-align: center;
    background: #4989bc;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #6da1c9;
    color: #fff;
}
.topButton a, .topButton_selected a {
    text-decoration: none;
}
.topButton .menuText, .topButton_selected .menuText {
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    height: 28px;
    text-decoration: none;
    font-size: 15px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.topButton .leftCorner {
    background: url("/media/menu/leftCorner.gif") no-repeat left top;
    width: 11px;
    height: 38px;
}
.topButton .rightCorner {
    background: url("/media/menu/rightCorner.gif") no-repeat left top;
    width: 11px;
    height: 38px;
}
.topButton .mainButton {
    background: url("/media/menu/bg.gif") repeat-x left top;
    height: 38px;
}

.topButton:hover .leftCorner, .topButton_selected .leftCorner {
    background: url("/media/menu/leftCornerHover.gif") no-repeat left top;
    width: 11px;
    height: 38px;
}
.topButton:hover .rightCorner, .topButton_selected .rightCorner {
    background: url("/media/menu/rightCornerHover.gif") no-repeat left top;
    width: 11px;
    height: 38px;
}
.topButton:hover .mainButton, .topButton_selected .mainButton {
    background: url("/media/menu/bgHover.gif") repeat-x left top;
    height: 38px;
}
.red {
    color: #E7633C;
}
.tarife {
   width: 550px;
}
.tarife th {
   border-bottom: 1px solid #3b80b7;
   padding-right: 10px;
}
.tarife td {
   padding-right: 10px;
}

.largeList {
   line-height: 2em;
}

#factura-client {
  border: 1px solid #3b80b7;
}
#factura-legenda {
  border: 1px solid #3b80b7;
  background-color: white;
  padding: 10px;
  color: black;
}

#errorMessage {
    color: #E7633C;
    font-weight: bold;
    text-align: center;
    line-height: 5em;
}

#block-anunturi {
    text-align: justify;
}

#block-anunturi #anunt1 {
    border: 1px solid #E35D2E;
    border-bottom: 1px solid white;
    background-color: #E35D2E;
    padding: 10px;
}

#block-anunturi #anunt2{
    border: 1px solid #3B80B7;
    border-bottom: 1px solid white;
    background-color: #3B80B7;
    padding: 10px;
}

#block-anunturi a {
   font-size: 0.9em;
   color: white;
   text-decoration: none;
}

#block-anunturi a:hover {
   color: #09497c;
}

#navi ul {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    list-style: none;
    z-index: 3;
}
#navi ul li {
    position: relative;
    float: left;
    margin: 0;
    /* IE :hover silly javascript workaround */
    behavior: url("listItemHover.htc");
}
#navi ul li a {
    display: block;
}
/* This one doesn't affect IE */
#navi ul li:hover > ul {
    display: block;
}
#navi ul li:first-child > a {
    border-top: none;
}
#lateral-navi ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#lateral-navi ul li {
	list-style-type: none;
	margin: 0px;
	border-bottom: 1px solid #fff;
}
#lateral-navi ul li a {
	padding-top: 12px;
	padding-left: 60px;
	height: 28px;
	display: block;
	background: #95c7f0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#lateral-navi ul li a.selected, #lateral-navi ul li a:hover {
	background: #4989bc;
}