/* This is the main CSS that includes other CSS files. */
/* This CSS sets the default styles for the base components. */
/* ---------- Browser normalization ---------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
dt {
	margin-top: 1em;
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
body {
	background-color: #fff;
	font: 75%/1.5em 'Tahoma','Lucida Sans Unicode','Lucida Grande','Lucida',Arial,Verdana,sans-serif;
}
html, body {
	height: 100%;
}
body.portal-popup {
	padding: 10px;
}
body.portal-iframe {
	padding: 0;
}
table {
	clear: both;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
blockquote, ul, ol, dl {
	margin: 1em;
}
ol, ul, dl {
	margin-left: 2em;
}
ol li, ul ol li {
	list-style: decimal outside;
}
ul li, ol ul li {
	list-style: disc outside;
}
ul ul li {
	list-style-type: circle;
}
ol ol li {
	list-style-type: upper-roman;
}
dl dd {
	margin-left: 1em;
}
th {
	font-weight: bold;
}
caption {
	margin-bottom: 0.5em;
	text-align: center;
}
p {
	margin-bottom: 1em;
}
/* ---------- Links ---------- */
a {
	color: #036;
	text-decoration: underline;
}
a:hover {
	color: #06c;
	text-decoration: none;
}
a:visited {
}
/* ---------- Headers ---------- */
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h1, h2, h3 {
	margin: 1em 0;
}
h4, h5, h6 {
	font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}
/* ---------- Text formatting ---------- */
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
code, pre {
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
}
.important {
	font-weight: bold;
}
/* ---------- Banner ---------- */
#banner {
	position: relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/common/banner_bg.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#banner .logo {
/*	background: transparent url(../images/common/banner_bg.png) no-repeat scroll 0 100%; */
	display: block;
	float: left;
	font-size: 2em;
	margin: 0;
	padding: 1.25em 0.6em 1.45em;
    background: transparent;
	height: 40px;
}
#banner .logo a {
	display: block;
	font-size: 0;
	height: 50px;
	text-indent: -9999em;
	width: 170px;
	background-image: url(../images/company_logo.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#banner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.ie #banner {
	height: 1%;
}
.ie6 #banner .logo {
	zoom: 1;
}
#banner {
	background: #FFFFFF url(../images/common/banner.gif) no-repeat;
       /* background: #F9F9F9 url() repeat-x scroll left bottom; */
	height: 100px;
	width: 1010px;
       /*  padding: 0px 5px 0px 5px;*/
        padding: 0px 0px 0px 0px;
}
.ie #banner {
	height: 100px;
}
/* ---------- Dock without JavaScript ---------- */
.user-greeting {
	margin-right: 1em;
}
.lfr-dock {
	position: absolute;
	right: 10px;
	top: 10px;
}
.lfr-dock h2 {
	background: url(../images/navigation/welcome_message.png) no-repeat 0 50%;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 2em;
	text-align: right;
}
.lfr-dock ul {
	display: inline;
	float: left;
}
.lfr-dock li {
	display: inline;
	float: left;
	margin-left: 15px;
}
.lfr-dock li a {
	background: url() no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}
.lfr-dock li.home a {
	background-image: url(../images/dock/home.png);
}
.lfr-dock li.my-account a {
	background-image: url(../images/dock/my_account.png);
}
.lfr-dock li.sign-in a {
	background-image: url(../images/dock/sign_in.png);
}
.lfr-dock li.sign-out a {

	background-image: url(../images/dock/sign_out.png);
}
.lfr-dock li.add-content a {
	background-image: url(../images/dock/add_content.png);
}
.lfr-dock li.layout a {
	background-image: url(../images/dock/layout.png);
}
.lfr-dock li.page-settings a {
	background-image: url(../images/dock/page_settings.png);
}
.lfr-dock li.staging a {
	background-image: url(../images/dock/staging.png);
}
.lfr-dock li.my-places a {
	background-image: url(../images/dock/my_places.png);
}
.lfr-dock li.my-places {
	display: none;
}

/* ---------- Staging area ---------- */
body.staging #wrapper {
	border: 10px solid #c00;
	padding: 0px 5px 5px;
}
/* ---------- Main content body ---------- */
#wrapper {
	margin: 0 auto;
	width: 95%;
}

/* This CSS sets the default styles for the main navigation. */
/* ---------- Main navigation ---------- */
#navigation {
	float: left;
	margin: 0 auto 0.5em;
	min-height: 2.2em;
	overflow: hidden;
	padding-right: 1em;
	width: 93%;
}
#navigation ul {
	float: left;
	margin: 0;
	min-height: 2em;
	width: auto;
}
.ie6 #navigation, .ie6 #navigation ul {
	height: 2em;
	overflow: visible;
}
#navigation li {
	background: transparent url(../images/navigation/bg.png) no-repeat 100% 100%;
	display: inline;
	float: left;
	margin-right: 0.5em;
	padding: 0 0.5em 0 0;
	position: relative;
}
#navigation li a {
	background: transparent url(../images/navigation/bg.png) no-repeat 0 100%;
	display: block;
	padding: 0 2em 0.5em 1.5em;
	text-decoration: none;
}
#navigation li a:hover {
	padding-bottom: 1em;
}
#navigation li a span {
	background: url(../images/navigation/bullet.png) no-repeat 0 50%;
	padding-left: 17px;
	text-decoration: none;
}
#navigation li.selected a {
	padding-top: 0.5em;
}
#navigation li.selected a span {
	background: url(../images/navigation/bullet_selected.png) no-repeat 0 50%;
	font-size: 1.3em;
	font-weight: bold;
}
#navigation li.selected a:hover {
	padding-bottom: 0.5em;
}
#navigation li a:hover span {
	background: url(../images/navigation/bullet_over.png) no-repeat 0 50%;
}
#navigation .child-menu {
	display: none;
}
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
/* ---------- Links ---------- */
a {
	color: #666666;
        font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	/* color: #CC0000; */
        text-decoration: underline;
}
/* ---------- Page structure ---------- */
body {
	  background:#FAFAFA url("../images/common/background.png") top left repeat;
          background-color: #FAFAFA;
         /* background:#FAFAFA ;*/
  }
#wrapper {
	/*border:solid 1px #8393AA;*/
	width: 1010px;
        padding: 0px 5px 0px 5px;
}
/* ---------- Banner ---------- */

/* navigation tabs */
#navigation {
  width:1008px;
  background:#DAE0D2 url("../images/tab/bg.gif") repeat-x bottom;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 0px 0px 0px 0px;  
}
#navigation ul{
  position: relative;
  margin:0;
  padding:15px 5px 0;
 }
#navigation ul li {
  display: inline;
  float:left;
  background:url("../images/tab/left.gif") no-repeat left top;
  padding:0 0 0 9px;
  margin:0;
  list-style:none;
 /* width: 110px; asa fac tab-urile de lungime fixa*/
}
#navigation ul a {
  float:left;
  background:url("../images/tab/right.gif") no-repeat right top;
  padding:5px 30px 6px 6px;
  text-decoration:none;
  text-align: center;
  font-family: tahoma, verdana, sans-serif;
  font-size: 11px;
  font-weight:bold;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navigation ul a {float:none;}
  /* End IE5-Mac hack */
#navigation li.selected  {
 background: url("../images/tab/left_on.gif") no-repeat left top;
}
#navigation li a:hover {
 padding-bottom: 6px;
 }
#navigation li.selected a:hover {
padding-bottom: 7px;
}
#navigation li.selected a{
   color:#333;
   padding-bottom:7px;
   background: url("../images/tab/right_on.gif") no-repeat right top;
}
/* ---------- Add/sort/remove page ---------- */
.js #navigation .enter-page {
	background: transparent url(../images/navigation/bg.png) no-repeat 0 100%;
	padding: 0.5em 2em 0.7em 1.5em;
}
.js #navigation .enter-page.editing {
	background: none;
	padding: 0.5em 2em 0.7em 1.5em;
}
.js #navigation .enter-page a {
	background: none;
	display: inline;
	font-weight: bold;
	margin-left: 1em;
	padding: 0;
}
.js #add-page {
	float: left;
	font-weight: bold;
	padding-top: 0.3em;
}
.js #add-page a {
	text-decoration: none;
}
.js #add-page a span {
	background: url(../images/navigation/add_page.png) no-repeat 0 50%;
	padding: 5px 20px;
}
.js #add-page a:hover span {
	background-image: url(../images/navigation/add_page.png);
}
.js .delete-tab {
	background: url(../images/common/remove.png) no-repeat 42%;
	cursor: pointer;
	display: block;
	height: 7px;
	position: absolute;
	right: 5px;
	text-indent: -9999em;
	top: 2px;
	width: 8px;
}
/*------ Drag/drop menu items ------*/
#navigation ul .sort-helper {
	background: url(../images/portlet/placeholder_bg.png);
	border: 1px dashed #508FB4;
	float: left;
	padding: 0.5em;
}
/* ---------- Add/sort/remove page ---------- */
.js #navigation .enter-page {
        background: url("../images/tab/right_on.gif") no-repeat right top;
        background-color: transparent;
        padding: 2px 0px 0px 0px; /*top right bottom left*/
        margin: 0 0 0 0px;
}
.js #navigation .enter-page.editing {
	padding: 0 0 0 0;
        margin: 0 0 0 0;
}
.js #navigation .enter-page a {
	display: inline;
	font-weight: bold;
}
.js #navigation .enter-page .text {
	height: 13px;
        width: 75px;
	font-size: 10px;
}
.js #navigation .enter-page a.save-page {
	display: none;
}
/*------ Navigation portlet ------*/
.nav-menu li a.ancestor {
	font-weight: bold;
}
.nav-menu li a.selected {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.nav-menu ul {
	padding-left: 10px;
}
.nav-menu-style-1 {
}
.nav-menu-style-2 {
}
/*------------Content----------------*/
/* ---------- Wrapper ---------- */
#content-wrapper #layout-grid {
	border-collapse: collapse;
	width: 100%;
}
#layout-grid .lfr-column {
	padding: 5px;
}
.lfr-grid {
	width: 100%;
}
#content-wrapper #layout-grid.dragging {
	border-collapse: separate;
}
#content-wrapper #layout-grid.dragging .lfr-column {
	border: 3px double #ACBED5;
}
.lfr-column.size {
	width: 75%;
}
#layout-grid.dragging .lfr-column {
	height: 100px;
	min-height: 600px;
}
/* ---------- Portlet wrapper and icons ---------- */
.portlet, .portlet-topper, .portlet-content, .portlet-title {
	background: transparent url(../images/portlet/portlet_bg.png) no-repeat bottom right;
}
.portlet-content-container {
	min-height: 550px;
	padding-left: 40px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}
.portlet {
	margin: 0 0 10px;
	padding-right: 10px;
	text-align: left;
}
.portlet.html-editor {
	background: #fff;
	padding: 5px;
}
.portlet-topper {
	background-position: right top;
	margin-right: -10px;
	padding-right: 40px;
	position: relative;
}
.portlet-title {
	background-position: top left;
	display: block;
	font-weight: bold;
	min-width: 50%;
	padding: 8px 0 4px 10px;
}
.ie .portlet-title {
	padding-bottom: 5px;
}
.portlet-title img {
	vertical-align: middle;
}
.portlet-icons {
	margin: 3px;
	position: absolute;
	right: 7px;
	text-align: right;
	top: 4px;
}
.portlet-content {
	background-position: left bottom;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
  /*background:#F9F9F9 url("../images/common/backstripes.gif") no-repeat center center;*/
	background-color: #FFFFFF;
    overflow:hidden;/*this should fix the problem with the iframe portlet*/ 
}
.portlet-icon-back {
	background: url(../images/portlet/back.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 0.2em 0 0.5em 1.8em;
}
/* ---------- Portlets ---------- */
.portlet{
	background-color: transparent;
        overflow:hidden;
}
 .RightColumnPic {
	 height: 600px;
	 width: 350px;
	 background-image: url(../images/right_col/Background.gif);
	 background-repeat: no-repeat;
 }
 /* navigation tabs */
#SubNav {
	/*  width:1008px; */
/*	float: left; */
	width: 93%;
	overflow: hidden;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}
#SubNav ul{
	float: left;
	position: relative;
	margin:0;
	padding:0px;
	min-height: 1em;
	width: auto;
}
.ie6 #SubNav, .ie6 #SubNav ul {
	height: 1em;
	overflow: visible; */
}
#SubNav ul li {
	display: inline; 
/*	float:left; */
	background:url("../images/tab/left.gif") no-repeat left top;
	margin:0;
	list-style:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px; 
}
#SubNav ul a {
	float:left;
	background:url("../images/tab/right.gif") no-repeat right top;
	text-decoration:none;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#SubNav ul a {float:none;}
#footer {
	text-align:center;
	font-size:x-small;
}