/*	Desc: *title* Screen Style Sheet
	Author: Lucian Lature
	Date: *last modified date*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
body {
	background-color: #070101;
	text-align:left;
	font-family: Verdana;
	color:#F0F0F0;
}
/*=COMMON
=== === === === === === === === === === */

p,
li {
	line-height: 150%
}
#masthead h1 {
	text-indent: -9999px;
	font-size: 1%;
}
img {
	border: 0
}

/*= LOADING INDICATOR
=== === === === === === === === === === */
#loading-mask {
    width:100%;
    height:100%;
    background:#070101;
    position:absolute;
    z-index:20000;
    left:0;
    top:0;
    text-align: center;
}
#loading{
	position:absolute;
	/*background: #FFF;*/
	text-align:center;
	z-index:20001;
	width: 100%;
	text-align: center;
}
#loading .loading-indicator {
	color:#F0F0F0;
	font:normal 16px tahoma,arial,helvetica;
	margin:0px auto;
	margin-top:200px;
	background: url(img/loading.gif) top center no-repeat;
	text-align: left;
	padding-top: 80px;
	padding-left:20px;
	height:100px;
	width:200px;
}
#loading .loading-indicator img {
    vertical-align: middle;
}

/*=WRAPPER
=== === === === === === === === === === */
#wrapper {
	width: 800px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
	position:relative;
	height:180px;
	overflow: hidden;
	/* border:1px solid blue; */
}

#masthead h1 { position : absolute; top : 50px; left : 0px; z-index : 2;width : 170px; height : 130px; background : url(img/logo.jpg) no-repeat 0 0; }
#masthead h2 {position : absolute; top : -9999px;}

/*=NAVIGATION
=== === === === === === === === === === */
#container {
	position: relative;
	margin-top:80px;
	/* border:1px solid red; */
	clear:both;
	min-height:700px;
}

/*= DROP-LINE CASCADING MENU
=== === === === === === === === === === */
#primary-navigation {padding:0; margin:0; list-style-type: none;}

/* #primary-navigation li {float:left; width: 210px; height: 105px; padding-left: 50px;} */

#primary-navigation h3 { text-transform: uppercase; font-weight: normal; text-indent: -9999px;}
#primary-navigation h3 a { color: #0676fc; text-decoration: none; }

/*
#primary-navigation li a, #primary-navigation li a:visited {display:block; width:160px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#FFF;}
*/

#primary-navigation li ul {visibility:hidden; position:absolute;}
#primary-navigation li:hover ul, #primary-navigation li a:hover ul {visibility:hidden; width:728px;}
#primary-navigation li:hover ul li ul,
#primary-navigation li a:hover ul li a ul {visibility:hidden; position:absolute;/* left:0; top:30px; */}
#primary-navigation li:hover ul li a,
#primary-navigation li a:hover ul li a {display:block;}
/*= END DROP-LINE CASCADING MENU
=== === === === === === === === === === */


#primary-navigation, #primary-navigation li{display: inline; list-style: none;}
#primary-navigation li#primary-legi, #primary-navigation li#primary-suport, #primary-navigation li#primary-comanda  {float: left;  width: 210px; height: 105px; padding-left: 50px;}
#primary-navigation li.active{background:transparent url('img/tab-select.gif') no-repeat 120px 79px}

#primary-legi ul#toolbar-legi li.nnn, #primary-suport ul#toolbar-suport li.nnn {	background-position: -7px -83px; } /* Normal Next Normal */
#primary-legi ul#toolbar-legi li.nnh, #primary-suport ul#toolbar-suport li.nnh { background-position: -7px -161px; } /* Normal Next Hoover */
#primary-legi ul#toolbar-legi li.nns, #primary-suport ul#toolbar-suport li.nns { background-position: -7px -240px;} /* Normal Next Select */
#primary-legi ul#toolbar-legi li.hnn, #primary-suport ul#toolbar-suport li.hnn { background-position: -154px -83px; } /* Hover Next Normal */
#primary-legi ul#toolbar-legi li.hns, #primary-suport ul#toolbar-suport li.hns { background-position: -154px -240px;} /* Hover Next Select */
#primary-legi ul#toolbar-legi li.snn, #primary-suport ul#toolbar-suport li.snn{ background-position: -301px -83px; } /* Select Next Normal */
#primary-legi ul#toolbar-legi li.snh, #primary-suport ul#toolbar-suport li.snh { background-position: -301px -161px; } /* Select Next Hover */

#primary-suport a { outline: none; background: url("img/primary-suport-bg.png") no-repeat left top; width: 210px; height: 80px; display: block;}
#primary-comanda a { outline: none; background: url("img/primary-comanda-bg.png") no-repeat left top; width: 210px; height: 80px; display: block;}

#primary-legi, #primary-suport {position:relative;}
#primary-legi a { outline: none; background: url("img/primary-legi-bg.png") no-repeat left top; width: 210px; height: 80px; display: block;}
#primary-legi a:hover , #primary-suport a:hover, #primary-comanda a:hover { background-position: 100% -80px;}
#primary-legi a.selected, #primary-suport a.selected, #primary-comanda a.selected { background-position: 100% -160px; }

#primary-legi ul#toolbar-legi { 
	background: transparent url("img/tab-master.png") no-repeat top left; 
	width:728px;
	height:83px;
	top:80px; /* last value: 104 */
	left:30px;
	position: absolute;
	padding-left: 7px;
	/*border:1px solid green; */
}

#primary-legi ul#toolbar-legi li { 
	/*float:left;*/
	width: 147px; 
	height: 78px; 
	display:block;
	text-indent: -9999px;
	background: transparent url("img/tab.png") no-repeat;
	background-position: -7px -83px;
	margin-top:5px;
	position: absolute;
	/*border:1px solid cyan;*/
}	

/*
#legi ul li.first { margin-left:7px; background-position: -448px -317px; margin-top:5px; }
#legi ul li.last { background-position: -312px -593px; }
#legi ul li.select { background-position: -301px -83px; }
#legi ul li.next_select {background-position: -7px -239px; }
#legi ul li.prev_select {background-position: -301px -161px; }
#legi ul li.hover { background-position: -154px -83px; }
#legi ul li.next_hover {background-position: -7px -161px; }
*/

#primary-legi ul li a {background: transparent url("img/menu-objects-normal.gif") no-repeat; background-position:0px 0px; width:147px; display: block;}
#primary-legi ul li a:hover { background: none; }

/*
#legi ul li a#menu-noutati:link,  #legi ul li a#menu-noutati:visited { background-position:0px 0px; padding-left:7px;}
#legi ul li a#menu-actualizari:link,  #legi ul li a#menu-actualizari:visited { background-position: -147px 0; }
#legi ul li a#menu-arhiva:link, #legi ul li a#menu-arhiva:visited { background-position: -294px 0; }
#legi ul li a#menu-breviar:link, #legi ul li a#menu-breviar:visited { background-position: -441px 0; }
#legi ul li a#menu-utile:link, #legi ul li a#menu-utile:visited { background-position: -588px 0; }
*/

#primary-legi ul li a#menu-noutati{ background-position:0px 0px; padding-left:7px; }
#primary-legi ul li a#menu-actualizari { background-position: -147px 0; }
#primary-legi ul li a#menu-arhiva { background-position: -294px 0; }
#primary-legi ul li a#menu-breviar { background-position: -441px 0; }
#primary-legi ul li a#menu-utile { background-position: -588px 0; }

#primary-legi ul li.snn a#menu-noutati.icon_select { background: transparent url("img/menu-objects-legi-selected.gif") no-repeat 0 0;}
#primary-legi ul li.snn a#menu-actualizari.icon_select { background: transparent url("img/menu-objects-legi-selected.gif") -147px 0; }
#primary-legi ul li.snn a#menu-arhiva.icon_select {background: transparent url("img/menu-objects-legi-selected.gif") -294px 0;}
#primary-legi ul li.snn a#menu-breviar.icon_select { background: transparent url("img/menu-objects-legi-selected.gif") -441px 0; }
#primary-legi ul li.snn a#menu-utile.icon_select { background: transparent url("img/menu-objects-legi-selected.gif") -588px 0; }

#primary-legi ul li a#menu-noutati:hover, #primary-legi ul li a#menu-noutati.hover  { background: transparent url("img/menu-objects-legi-hover.gif") no-repeat 0 0; }
#primary-legi ul li a#menu-actualizari:hover, #primary-legi ul li a#menu-actualizari.hover  { background: transparent url("img/menu-objects-legi-hover.gif") no-repeat -147px 0; }
#primary-legi ul li a#menu-arhiva:hover, #primary-legi ul li a#menu-arhiva.hover { background: transparent url("img/menu-objects-legi-hover.gif") no-repeat -294px 0; }
#primary-legi ul li a#menu-breviar:hover, #primary-legi ul li a#menu-breviar.hover { background: transparent url("img/menu-objects-legi-hover.gif") no-repeat -441px 0; }
#primary-legi ul li a#menu-utile:hover, #primary-legi ul li a#menu-utile.hover { background: transparent url("img/menu-objects-legi-hover.gif") no-repeat -588px 0; }

#primary-suport ul#toolbar-suport {
	background: transparent url("img/tab-master.png") 0 -317px no-repeat; 
	width:588px;
	height:83px;
	top:80px; /* last value: 104 */
	left:-230px;
	position: absolute;
	padding-left: 7px;
	/*border:1px solid green;*/
}

#primary-suport ul li { 
	/*float:left;*/
	width: 147px; 
	height: 78px; 
	display:block;
	text-indent: -9999px;
	background: transparent url("img/tab-master.png") no-repeat;
	background-position: -7px -83px;
	margin-top:5px;
	position: absolute;
}

#primary-suport ul li a{ background: transparent url("img/menu-objects-suport-normal.gif") no-repeat; background-position:0px 0px; width:147px; display: block;}
#primary-suport ul li a:hover{background: none;}

#primary-suport ul li a#menu-aplicatia{ background-position:0px 0px; padding-left:7px;}
#primary-suport ul li a#menu-instalare { background-position: -147px 0; }
#primary-suport ul li a#menu-faq { background-position: -294px 0; }
#primary-suport ul li a#menu-contact { background-position: -441px 0; }

#primary-suport ul li.snn a#menu-aplicatia.icon_select { background: transparent url("img/menu-objects-suport-selected.gif") no-repeat 0 0;}
#primary-suport ul li.snn a#menu-instalare.icon_select { background: transparent url("img/menu-objects-suport-selected.gif") -147px 0; }
#primary-suport ul li.snn a#menu-faq.icon_select {background: transparent url("img/menu-objects-suport-selected.gif") -294px 0;}
#primary-suport ul li.snn a#menu-contact.icon_select { background: transparent url("img/menu-objects-suport-selected.gif") -441px 0; }

#primary-suport ul li a#menu-aplicatia:hover, #primary-suport ul li a#menu-aplicatia.hover  { background: transparent url("img/menu-objects-suport-hover.gif") no-repeat 0 0; }
#primary-suport ul li a#menu-instalare:hover, #primary-suport ul li a#menu-instalare.hover  { background: transparent url("img/menu-objects-suport-hover.gif") no-repeat -147px 0; }
#primary-suport ul li a#menu-faq:hover, #primary-suport ul li a#menu-faq.hover { background: transparent url("img/menu-objects-suport-hover.gif") no-repeat -294px 0; }
#primary-suport ul li a#menu-contact:hover, #primary-suport ul li a#menu-contact.hover { background: transparent url("img/menu-objects-suport-hover.gif") no-repeat -441px 0; }


/*=CONTENT
=== === === === === === === === === === */

	
/* The slide-y content box thingy */


#frame, #frame div.button, #scroller, .sectiune { height: 26em; }


#frame {
	clear:both;
	width: 800px;
	margin-top: 105px;
	background-color: #ededed;
	position:absolute;
	height:30em;
}

div.round-up {background: transparent url("img/rounded-corners.png") 0 0 no-repeat; height: 55px; border:none;margin: 0; padding: 0;}
div.round-down {background: transparent url("img/rounded-corners.png") 0 -56px no-repeat; height: 55px; border:none; margin: 0; padding: 0;}
	

#frame div.button {
	position: absolute;
	top: 40%;
	height:0;
}


div.button#left a{ outline: none; position:relative; left: -60px; display:block; width: 52px; height:53px; background:transparent url("img/nav-arrows.gif") no-repeat -51px -53px; text-indent:-9999em;}
div.button#left a:hover {background-position:-51px 0}
div.button#right a{ outline: none; position:relative; left: 810px; display:block; width: 52px; height:53px; background:transparent url("img/nav-arrows.gif") no-repeat 0px -53px; text-indent:-9999em;}
div.button#right a:hover {background-position:0 0}


#scroller {
	width: 800px;
	/*overflow: hidden;*/
	overflow: hidden;
	position: relative;
	margin:0 auto;
	background-color: #ededed;
	z-index:0;
}

#content {
	width: 4000px;
}

.scene { clear:both;}

	
.sectiune {
	width: 760px;
	height:100%;
	margin: 0 20px 0 20px;
	float: left;
	color: #3d3d3d;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	word-spacing:3px;
	line-height: 150%;
	overflow: hidden;
	}

.sectiune h2, .sectiune h3 {
	color: #072453;
	font-weight: normal;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin:0;
	padding:0;
	margin-bottom: 25px;
	}

.sectiune h4 {
	color: black;
	font-weight: normal;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding:0;
    margin-top: 25px;
	margin-bottom: 25px;
	/*margin-left: 250px;*/
	}
	
.sectiune p, .sectiune li {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 18px;
	}

	
a:hover {
	background-color: inherit;
	color: #003d4c;
	text-decoration: none;
}

a:visited {
	background-color: inherit;
	color: #003d4c;
	text-decoration: underline;
}
img.img_lex {margin: 10px;  border:1px solid #C2C2C2; float:left;padding:2px;}
/*= GRID
=== === === === === === === === === === */
#topic-grid {
	word-spacing:1px;
	font-size:10px;
}

/*=FOOTER
=== === === === === === === === === === */

#footer {
	clear:both;
	border-top:1px solid #efefef;
	color:#ededed;
	font-size:60%;
	margin:30px auto;
	width:800px;
}


/*=BETA
=== === === === === === === === === === */
#beta {
	position: absolute;
	left: 660px;
	width:112px;
	height:100px;
}

/*=WIZARD
=== === === === === === === === === === */
.x-combo-list-item {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
	color:#333;
}

#Wizard {width:80%; margin-top:10px;}
#Wizard .x-tabs-body {height:520px; overflow:auto;}
#Wizard .x-tabs-item-body  {display:none; padding:10px;}


/*= NEWS WIDGET
=== === === === === === === === === */
#dialog-acc-container .text-content {padding:5px; line-height:110%; text-align: left;}


/*= ADMIN PANEL
=== === === === === === === === === */
#admin-panel {
	border:5px solid #F0F0F0;
	border-top: none;
	height:25px;
	background: #FFFFFF;
	opacity:.9;
    -moz-opacity:.9;
    filter: alpha(opacity=90);
	position:relative;
	/*top:-25px;*/
}

#admin-panel-toggler {clear: both; color: red; font-weight: bold; font-size: 12px;}