ul {
    list-style: none;
}
img {
    border: 0;
}
ol, ul, li {
    margin: 0;
    padding: 0;
}
a {
    outline-style: none;
    color: #0074a9;
    text-decoration: none;
}

a:hover {
    /*color: #ff6600;*/
}
.clear {
    clear: both;
}
p {
    padding: 0;
}
form {
    margin: 0px;
    padding: 0px;
}
body {
    font: 12px Tahoma;
    line-height: 16px;
    color: #3a3a3a;
    background: url(../images/design/sky_bg.gif);
    text-align: center;
    margin: 0;
    padding: 0; 
}
.right{
    float: right;
}
.left {
    float:left;
}
.grayStyle {
    color: #cacaca;
}
.grayStyle1 {
    color: #A6A6A6;
}
.small {
    font-size: 11px;
}
.lightGrayStyle {
    color: #8e8e8e;
}
.orangeStyle {
    color: #ff6600;
}
.blueStyle {
    color: #0074a9;
}
.dblueStyle {
    color: #20627f;
}
.gray {
    color: #adadad;
}
.searchedWord {
    font-weight: bold;
    color: #ff6600;
}
.brStyle {
    color: #bf7c30;
}
/********************************* CONTENT COLUMNS AND BACKGROUNDS *********************************/
#bodyWrapper {
    text-align: left;
    margin: 0px auto;
    width: 960px;
}
#nori2{
    position: absolute;
    top: -35px;
    left: -150px;
    z-index: -10;
}
#nori3{
    position: absolute;
    top: 230px;
    right: -125px;
    z-index: -10;
}
#nori1{
    position: absolute;
    bottom: 35px;
    left: -291px;
    z-index: -10;
}
#music1{
    position: absolute;
    top: 305px;
    left: -88px;
    z-index: -10;
}
#music2{
    position: absolute;
    bottom: 170px;
    right: -90px;
    z-index: -10;
}
#glob{
    position: absolute;
    bottom: -65px;
    left: -351px;
    z-index: -10;
}
#backgroundWrapper {
    z-index: 1;
    position: relative;
}
#mainContent{
    position: relative;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    width: 930px; /*IE*/
}
#topMain {
    background: url(../images/design/top_main.png) left top no-repeat;
    width: 960px;
    height: 15px;
}
#bottomMain {
    background: url(../images/design/bottom_main.png) left top no-repeat;
    width: 960px;
    height: 15px;
}
#leftSide{
    width: 160px;
    float: left;
}
#centerSide{
    width: 580px;
    float: left;
}
#centerLargeSide{
    margin-left: 15px;
    width: 755px;
    float: left;
    padding-bottom: 30px;
}
#rightSide{
    margin-left: 15px;
    width: 160px;
    float: left;
}
/********************************* TITLES *********************************/
h1 {
    color: #0074a9;
    font: 18px Tahoma;
    line-height: 20px;
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 10px 0;
    margin: 0 0 12px 0;
    position: relative;
}

h2 {
    color: #ff6600;
    font: bold 12px Tahoma;
    line-height: 16px;
    padding: 0 0 10px 0;
    margin: 0px;
}

.boxTitle {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 7px;
    margin-bottom: 7px;
    color: #0074a9;
    font: bold 13px Tahoma;
    line-height: 15px;
    position:relative;
}
.titleCapitol {
    color: #0074a9;
    font: 18px Tahoma;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.title{
    position: relative;
    color: #0074a9;
    font: 18px Tahoma;
    line-height: 20px;
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.titleContent{
    width: 530px;
}
.bgTitle {
    padding-bottom: 12px;
}
.bgOrangeTitle {
    background-color: #ff6600;
    font: bold 12px Tahoma;
    line-height: 15px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
}
.bgBlueTitle {
    background-color: #0074a9;
    font: bold 12px Tahoma;
    line-height: 15px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
}
.bgTitle a{
    background-color: #0074a9;
    font: bold 12px Tahoma;
    line-height: 15px;
    color: #ffffff;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}
/********************************* HEADER *********************************/
#header {
    position: relative;
    height: 143px;
    z-index: 100;
}
#header #logo {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 191px;
    height: 29px;
}
#header #clouds{
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/design/clouds.png) left top no-repeat;
    width: 681px;
    height: 143px;
}
#header #login {
    position: absolute;
    top: 0px;
    right: -6px;
    background: url(../images/design/login.png) left top no-repeat;
    width: 249px;
    height: 25px;
}
#header #menu {
    position: absolute;
    bottom: 15px;
    left: 0px;
}
a.jurnal {
    position: absolute;
    top: 4px;
    right: 50px;
    background: url(../images/design/arrow_icon1.gif) no-repeat center left;
    background-position: 0px 2px;
    text-decoration: none;
    padding-left: 12px;
    color: #0074a9;
}
a.jurnal:hover{
    color: #3a3a3a;
    background-position: 0px -9px;
}
a.autentificare {
    position: absolute;
    top: 4px;
    right: 147px;
    background: url(../images/design/arrow_icon1.gif) no-repeat center left;
    background-position: 0px 2px;
    text-decoration: none;
    padding-left: 12px;
    color: #0074a9;
}
a.autentificare:hover{
    color: #3a3a3a;
    background-position: 0px -9px;
}
/********************************* FOOTER *********************************/
#footer {
    color: #ffffff;
    font: 11px Tahoma;
    line-height: 12px;
    padding-bottom: 30px;
    padding-top: 10px;
    margin: 0px auto;
    width: 430px;
}
#copyright a{
    color: #ffffff;
    font: 11px Tahoma;
    line-height: 12px;
    text-decoration: none;
    padding-right: 15px;
    margin-right: 15px;
    background: url(../images/design/line.gif) no-repeat center right;
}
/********************************* BREADCRUMBS *********************************/
.breadcrumb{
    font: 11px Tahoma;
    line-height: 13px;
    margin-bottom: 15px;
    width: 700px;
}
.breadcrumb a{
    background: url(../images/design/breadcrumb.gif) no-repeat center right;
    text-decoration: none;
    padding-right: 10px;
    margin-right: 4px;
    color: #0074a9;
}
.breadcrumb a:hover{
    color: #3a3a3a;
}
.section {
    border-bottom :1px solid #c0c0c0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/********************************* SECTIONS *********************************/
.dottedSection {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.dottedSeparator {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 10px;
    margin-top: 10px;
}
.margin5{
    margin-bottom: 5px;
}
.margin10{
    margin-bottom: 10px;
}
.dottedSectionTop {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 7px;
}
.paginationBg {
    line-height: 16px;
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 10px;
    margin-top: 10px;
}
.indexComponent {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 15px;
    margin-bottom: 12px;
}
/********************************* GRAY BOXES *********************************/
.boxHeader
{height:10px;overflow:hidden;background:#ebebeb url(../images/design/graybox_corner_tr1.gif) 100% 0 no-repeat;}
.boxHeader div
{width:10px;height:10px;overflow:hidden;background:#ebebeb url(../images/design/graybox_corner_tl1.gif) 0 0 no-repeat;}
.boxContent
{background:#ebebeb;}
.boxFooter
{height:10px;overflow:hidden;background:#ebebeb url(../images/design/graybox_corner_br1.gif) 100% 0 no-repeat;}
.boxFooter div
{height:10px;width:10px;overflow:hidden;background:#ebebeb url(../images/design/graybox_corner_bl1.gif) 0 0 no-repeat;}
.smallBox {
    width: 160px;
    margin-bottom: 15px;
}
.smallBox .smallBoxContent {
    padding-left: 10px;
    padding-right: 10px;
}
.middleBox {
    width: 580px;
}
.middleBox .middleBoxContent {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.middleBox .middleBoxCont {
    padding-left: 15px;
    padding-right: 15px;
}
.largeBox {
    width: 755px;
}
.largeBox .largeBoxContent {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.largeBox .largeBoxCont {
    padding-left: 15px;
    padding-right: 15px;
}
.boxWhite {
    background:#ffffff;
}
.boxWhiteHeader {height:10px;width:755px; background:#ebebeb url(../images/design/whitebox_top.gif) 0 0 no-repeat;}

.boxWhiteContent {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;
}

.boxWhiteFooter {height:10px;width:755px; background:#ebebeb url(../images/design/whitebox_bottom.gif) 0 0 no-repeat;}
.boxWhiteMiddleHeader {height:10px;width:580px; background:#ebebeb url(../images/design/whitebox_mtop.gif) 0 0 no-repeat;}
.boxWhiteMiddleFooter {height:10px;width:580px; background:#ebebeb url(../images/design/whitebox_mbottom.gif) 0 0 no-repeat;}

/********************************* PAGES NAVIGATION *********************************/
.page-nav-wrapper {
    padding-bottom: 0px;
}
.page-nav-wrapper .displayResults {
    float: left;
    font-size: 11px;
    /*margin-top: 9px;*/
	margin-top: 5px;
}
.page-nav {
    list-style-type: none;
    float: right;
    /*padding-top: 10px;*/
	padding-top: 6px;
}
.page-nav li {
    margin-left: 2px;
    display: inline;
    float: left;
}
.page-nav li a.prev-page:link, .page-nav li a.prev-page:visited {
    background: url(../images/design/arrow_left.gif) no-repeat left 5px;
    font-size: 11px;
    font-weight: bold;
    color: #3a3a3a;
    padding-left: 7px;
    margin-right: 5px;
    text-decoration: none;

}
.page-nav li a.next-page:link, .page-nav li a.next-page:visited {
    background: url(../images/design/arrow_right.gif) no-repeat right 5px;
    font-size: 11px;
    font-weight: bold;
    color: #3a3a3a;
    padding-right: 7px;
    margin-left: 5px;
    text-decoration: none;

}
a.link-page-active:link, a.link-page-active:visited,
a.link-page:link, a.link-page:visited {
    background:url(../images/design/link-pages-right.gif) right -200px no-repeat;
    display: block;
    padding:0 5px 0 0;
    text-decoration: none;
    margin-top: 1px;
}

a.link-page-active:link span, a.link-page-active:visited span,
a.link-page:link span, a.link-page:visited span {
    font-size: 11px;
    font-weight: normal;
    color: #3a3a3a;
    background:url(../images/design/link-pages-left.gif) left -200px no-repeat;
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 5px;
    height: 15px;
    line-height: 14px;
    cursor: pointer;
}

a.link-page-active:link, a.link-page-active:visited,
a.link-page:hover {
    background:url(../images/design/link-pages-right.gif) right no-repeat;
    text-decoration: none;
}
a.link-page-active:link span, a.link-page-active:visited span,
a.link-page:hover span {
    background:url(../images/design/link-pages-left.gif) left no-repeat;
    text-decoration: none;
    color: White;
}
a.link-page-active:link span, a.link-page-active:visited span {
    font-weight: bold;
}

* html a.link-page-active:link, * html a.link-page-active:visited,
* html a.link-page:link, * html a.link-page:visited {
    width: 1%;
}
/********************************* ALBUMS AND CATEGORIES LINKS *********************************/
.catMenu {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.catMenu ul li {
    float: left;
    display: inline;
    padding-bottom: 5px;
    padding-right: 5px;
}
.catMenu ul li a:link, .catMenu ul li a:visited {
    float: left;
    position: relative;
    text-decoration: none;
}
* html .catMenu ul li .active:link span,
* html .catMenu ul li .active:visited span {
    height: 24px;
    line-height: 23px;
}
.catMenu li a:link, .catMenu li a:visited {
    background:url(../images/design/buton_cat_dreapta.gif) top right no-repeat;
    display: block;
    padding:0 10px 0 0;
}
.catMenu li a:link span, .catMenu li a:visited span {
    color: #3a3a3a;
    font: 12px Tahoma;
    background:url(../images/design/buton_cat_stanga.gif) top left no-repeat;
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 10px;
    height: 24px;
    line-height: 23px;
    cursor: pointer;
}
.catMenu li a.active:link, .catMenu li a.active:visited,
.catMenu li a:hover {
    background:url(../images/design/buton_cat_dreapta.gif) bottom right no-repeat;
    text-decoration: none;
}
.catMenu li a.active:link span,  .catMenu li a.active:visited span,
.catMenu li a:hover span {
    background:url(../images/design/buton_cat_stanga.gif) bottom left no-repeat;
    text-decoration: none;
    color: #ffffff;
}
* html .catMenu li a:link, * html .catMenu li a:visited
{
    width: 1%;
}
/********************************* COMMENTS BUTTONS *********************************/
div.button {
    background: transparent url('../images/design/buton_cat_dreapta.gif') no-repeat scroll top right;
    color: #3a3a3a;;
    display: block;
    float: left;
    font: 12px Tahoma;
    height: 24px;
    margin-right: 5px;
    padding-right: 10px;
    text-decoration: none;
    cursor: pointer;
}
div.button span {
    background: transparent url('../images/design/buton_cat_stanga.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}
div.button:hover {
    background-position: bottom right;
    color: #ffffff;
}
div.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 10px;
}
div.activeButton {
    background-position: bottom right;
    color: #ffffff;
}
div.activeButton span {
    background-position: bottom left;
    padding: 5px 0 5px 10px;
}
/********************************* MENU *********************************/
.sf-menu, .sf-menu * {
    margin:	0;
    padding:	0;
    list-style:	none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
    /* border: 1px solid #006898;*/
}

.sf-menu li.sfHover ul {
   /* border: 1px solid #006898;*/
   	border: 1px solid  #0074a9;
}
/*
* html .sf-menu li.sfHover ul {
   border: 1px solid #006898;
}*/

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}
	
.sf-menu {

}
.sf-menu li li a.submenu {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration:none;
}

.sf-menu li li a.last_submenu {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration:none;
}

.sf-menu  li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
                                               /*color: #006898;*/
                                               color: #0074a9;
                                               outline: 0;
}

.sf-menu  li li a:hover  { /* visited pseudo selector so IE6 applies text colour*/
                           color: #ff6600;
                           outline: 0;
}

.sf-menu li li {
    background:	 #ffffff;
}

.sf-shadow ul {
    /* border:	1px solid #006898;*/
}
/*** shadows for all but IE6 ***/
/*.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}*/
* html ul#fadeMenu ul li {
    display: inline;
    width: 100%;
}
ul#fadeMenu li a.m1,
ul#fadeMenu li a.m1a {
    background:url(../images/design/acasa.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m2,
ul#fadeMenu li a.m2a {
    background:url(../images/design/text.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m3,
ul#fadeMenu li a.m3a {
    background:url(../images/design/audio.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m4,
ul#fadeMenu li a.m4a {
    background:url(../images/design/video.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m5,
ul#fadeMenu li a.m5a {
    background:url(../images/design/biblia.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m6,
ul#fadeMenu li a.m6a {
    background:url(../images/design/copii.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m7,
ul#fadeMenu li a.m7a {
    background:url(../images/design/stiri.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m8,
ul#fadeMenu li a.m8a {
    background:url(../images/design/felicitari.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m9,
ul#fadeMenu li a.m9a {
    background:url(../images/design/diverse.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m10,
ul#fadeMenu li a.m10a {
    background:url(../images/design/adauga_resurse.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m11,
ul#fadeMenu li a.m11a {
    background:url(../images/design/concurs.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 3px;
}
ul#fadeMenu li a.m12,
ul#fadeMenu li a.m12a {
    background:url(../images/design/contact.png) no-repeat left top;
    outline:none;
    display:block;
    height:29px;
    border: none;
    cursor: hand;
    padding: 0px 0px 0px 0px;
}
ul#fadeMenu li a.m1 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m1a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m2 {background-position:0 0; width:73px;}
ul#fadeMenu li a.m2a {background-position:0 -29px; width:73px;}
ul#fadeMenu li a.m3 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m3a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m4 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m4a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m5 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m5a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m6 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m6a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m7 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m7a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m8 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m8a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m9 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m9a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m10 {background-position:0 0; width:111px;}
ul#fadeMenu li a.m10a {background-position:0 -29px; width:111px;}
ul#fadeMenu li a.m11 {background-position:0 0; width:77px;}
ul#fadeMenu li a.m11a {background-position:0 -29px; width:77px;}
ul#fadeMenu li a.m12 {background-position:0 0; width:74px;}
ul#fadeMenu li a.m12a {background-position:0 -29px; width:74px;}
ul#fadeMenu li a.m1:hover {background-position:0 -29px;}
ul#fadeMenu li a.m2:hover {background-position:0 -29px;}
ul#fadeMenu li a.m3:hover {background-position:0 -29px;}
ul#fadeMenu li a.m4:hover {background-position:0 -29px;}
ul#fadeMenu li a.m5:hover {background-position:0 -29px;}
ul#fadeMenu li a.m6:hover {background-position:0 -29px;}
ul#fadeMenu li a.m7:hover {background-position:0 -29px;}
ul#fadeMenu li a.m8:hover {background-position:0 -29px;}
ul#fadeMenu li a.m9:hover {background-position:0 -29px;}
ul#fadeMenu li a.m10:hover {background-position:0 -29px;}
ul#fadeMenu li a.m11:hover {background-position:0 -29px;}
ul#fadeMenu li a.m12:hover {background-position:0 -29px;}

#fadeMenu li a span {
    display: block;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
    text-indent:-9999px;
}
/********************************* USER MENU *********************************/

#userMenuWrapper {
    position: absolute;
    right: 80px;
    top: 4px;
    width: 157px;
    z-index: 999;
}

#userMenu {
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}

#userMenu a:hover {
    color: #ff6600;
}

a.myAccount {
    background: url(../images/design/arrow_icon2.gif) no-repeat center left;
    background-position: 0px 2px;
    padding-left: 12px;
    margin-left: 10px;
    text-decoration: none;
    color: #0074A9;
    height: 21px;
    display: block;
}
a.myAccount:hover {
    font-weight: bold;
}
a.myAccountActive {
    font-weight: bold;
}
#userDropdownUl {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    z-index: 999;
    position: absolute;
    left: 0px;
    display:none;
    border: 1px solid #0074A9;
}

* html #userDropdownUl {
    left: -10px;
}
.userDropdownOption {
    margin:0;
    padding-left:15px;
    list-style:none;
    display:block;
}
.userDropdownLi {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left:10px;
    margin-right: 10px;
}

a.recenzii {
    background: url(../images/design/menu_icon1.gif) no-repeat left top;
    background-position: 0px 3px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0074A9;
    display: block;
}
a.comentariiUserMenu {
    background: url(../images/design/menu_icon2.gif) no-repeat left top;
    background-position: 2px 4px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0074A9;
    display: block;
}
a.resFavorite {
    background: url(../images/design/menu_icon4.gif) no-repeat left top;
    background-position: 0px 4px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0074A9;
    display: block;
}
a.jurnalSubscribe {
    background: url(../images/design/menu_icon5.gif) no-repeat left top;
    background-position: 1px 3px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0074A9;
    display: block;
}
a.myRes {
    background: url(../images/design/menu_icon3.gif) no-repeat left top;
    background-position: 2px 3px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0074A9;
    display: block;
}
a.logout {
    background: url(../images/design/orange_arrow1.gif) no-repeat left top;
    background-position: 3px 4px;
    padding-left: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #ff6600;
    display: block;
}
/********************************* ALBUMS LIST *********************************/
ul.tabNavigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.tabNavigation li {
    margin-left: 2px;
    display: inline;
    float: left;
}

.albumsPage {
    margin-top: 10px;
    display: none;
}
/********************************* LETTERS *********************************/
.letters{

}
.letters  li {
    float: left;
    margin-right: 1px;
}
.letters a {
    outline-style: none;
    display: block;
    float: left;
    padding-top: 4px;
    padding-left: 2px;
    text-align: center;
    font: 12px Tahoma;
    line-height: 13px;
    color: #0074a9;
    text-decoration: none;
    background: url(../images/design/letter_bg.gif) no-repeat;
    height: 17px;
    width: 19px;
    font-weight: bold;
    background-position:0px 0px;
}
* html .letters a {
    /* height: 21px;
     width: 21px;
    */
}
.letters a:hover {
    color: #ffffff;
    background-position:0px -21px;
}
.letters .inactive {
    float: left;
    padding-top: 4px;
    padding-left: 2px;
    text-align: center;
    font: 12px Tahoma;
    line-height: 13px;
    color: #b1b1b1;
    background: url(../images/design/letter_bg.gif) no-repeat;
    height: 17px;
    width: 19px;
    font-weight: bold;
    background-position:0px 0px;
}
.letters a.active {
    color: #ffffff;
    background-position:0px -21px;
}
/****literele care sunt facute cu div**/
.letters .litera {
    padding-top: 4px;
    padding-left: 2px;
    text-align: center;
    font: bold 12px Tahoma;
    line-height: 13px;
    color: #0074a9;
    background: url(../images/design/letter_bg.gif) no-repeat;
    height: 17px;
    width: 19px;
    background-position:0px 0px;
    cursor: pointer;
}
.letters .active {
    color: #ffffff;
    background-position:0px -21px;
}
/********literele portocalii de la index autori **********/
.letterContainer {
    background-image: url(../images/design/dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.letterContainer .letter {
    padding-top: 4px;
    padding-left: 2px;
    text-align: center;
    font: bold 12px Tahoma;
    line-height: 13px;
    color: #ffffff;
    background: url(../images/design/letter_bg.gif) no-repeat;
    height: 17px;
    width: 19px;
    background-position:0px -21px;
}
/********************************* LINKS *********************************/
a.blueLink{
    text-decoration: none;
    color: #0074a9;
}
a.blueLink:hover{
    color: #ff6600;
}

a.huBlueLink{
    text-decoration: none;
    color: #0074a9;
}
a.huBlueLink:hover{
    text-decoration: underline;
}

a.boldBlueLink{
    text-decoration: none;
    color: #0074a9;
    font-weight: bold;
}
a.boldBlueLink:hover{
    color: #ff6600;
}
a.uBlueLink{
    text-decoration: underline;
    color: #0074a9;
}
a.redLink{
    text-decoration: none;
    color: #ff0000;
}

a.brownLink{
    text-decoration: none;
    color: #bf7c30;
}
a.brownLink:hover{
    color: #ff6600;
}

a.redLink:hover{
    color: #ff0000;
}
a.grayLink{
    text-decoration: none;
    color: #3a3a3a;
}
a.grayLink:hover{
    color: #ff6600;
}
a.grayLightLink{
    text-decoration: none;
    /*color: #8e8e8e;*/
    color: #b1b1b1;
}
a.grayLightLink:hover{
    color: #ff6600;
}
a.orangeLink{
    text-decoration: none;
    color: #ff6600;
}
a.orangeLink:hover{
    color: #ff6600;
}
a.grayBlueLink{
    text-decoration: none;
    color: #0074a9;
}
a.grayBlueLink:hover{
    color: #3a3a3a;
}
a.readMore{
    background: url(../images/design/orange_arrow.gif) no-repeat;
    background-position: 0px 6px;
    color: #ff6600;
    font: 12px Tahoma;
    line-height: 15px;
    text-decoration: none;
    padding-left: 8px;
}
a.more{
    background: url(../images/design/sageata.gif) no-repeat;
    background-position: 0px 5px;
    color: #ff6600;
    font: 12px Tahoma;
    line-height: 15px;
    text-decoration: none;
    padding-left: 8px;
}
a.author{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 11px;
    text-decoration: none;
    background: url(../images/design/author_icon.gif) no-repeat left center;
    background-position: 0px 4px;
}
a.author:hover{
    color: #ff6600;
    background-position: 0px -29px;
}
a.authorActive{
    background-position: 0px -29px;
}
a.tematica{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 11px;
    text-decoration: none;
    background: url(../images/design/tematica_icon.gif) no-repeat left center;
    background-position: 0px 4px;
}
a.tematicaActive{
    color: #ff6600;
    background-position: 0px -16px;
}
a.tematica:hover{
    color: #ff6600;
    background-position: 0px -9px;
}
a.resource{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 11px;
    text-decoration: none;
    background: url(../images/design/resource_icon.gif) no-repeat left center;
    background-position: 0px 4px;
}
a.resourceActive{
    color: #ff6600;
    background-position: 0px -9px;
}
a.resource:hover{
    color: #ff6600;
    background-position: 0px -9px;
}
a.mail{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:14px;
    text-decoration: none;
    background: url(../images/design/mail_icon.gif) no-repeat left center;
    background-position: 0px 3px;
}
a.edit{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:12px;
    text-decoration: none;
    background: url(../images/design/edit.gif) no-repeat left center;

}

a.edit_admin{
    font: 12px Tahoma;
    line-height: 15px;
    color: #0074a9;
    padding-left: 20px;
    text-decoration: none;
    background: url(../images/design/edit.png) no-repeat left center;

}

a.edit_admin:hover{
	text-decoration: underline;
}
	
a.delete{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:12px;
    text-decoration: none;
    background: url(../images/design/delete.gif) no-repeat left center;
}

a.add{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:12px;
    text-decoration: none;
    background: url(../images/design/add.gif) no-repeat left center;
}
a.publish{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:12px;
    text-decoration: none;
    background: url(../images/design/publish.gif) no-repeat left center;
}
a.plus{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:20px;
    text-decoration: none;
    background: url(../images/design/new.png) no-repeat left center;
}
a.plus:hover{
	text-decoration: underline;
}
a.make-visible{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:12px;
    text-decoration: none;
    background: url(../images/design/add.gif) no-repeat left center;
}
a.list-link{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    text-decoration: none;
    background: url(../images/design/table_edit.png) no-repeat left top;
    background-position: 0px -1px;
    padding-left: 20px;
}
a.list-link:hover{
	text-decoration: underline;
}
a.mail:hover{
    background-position: 0px -10px;
    color: #ff6600;
}
a.favorite{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 14px;
    text-decoration: none;
    background: url(../images/design/favorite_icon1.gif) no-repeat left center;
    background-position: 0px 3px;
    cursor: pointer;
}
a.favorite:hover{
    background-position: 0px -9px;
    color: #ff6600;
}
a.deleteFavorita{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left:14px;
    text-decoration: none;
    background: url(../images/design/delete.gif) no-repeat left center;
    background-position: 2px 5px;
}
a.deleteFavorita:hover {
    color: #ff6600;
}
a.print{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 14px;
    text-decoration: none;
    background: url(../images/design/print_icon.gif) no-repeat left center;
    background-position: 0px 3px;
}
a.print:hover{
    background-position: 0px -10px;
    color: #ff6600;
}
a.export{
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 14px;
    text-decoration: none;
    background: url(../images/design/export_icon.gif) no-repeat left center;
    background-position: 0px 3px;
}
a.export:hover{
    background-position: 0px -10px;
    color: #ff6600;
}
a.arrow{
    background: url(../images/design/arrow_icon.gif) no-repeat left center;
    background-position: 0px 5px;
    font: 12px Tahoma;
    line-height: 15px;
    color: #3a3a3a;
    padding-left: 8px;
    text-decoration: none;
}
a.arrow:hover{
    background-position: 0px -6px;
    color: #ff6600;
}
a.statistici{
    margin-left: 5px;
    padding-left: 8px;
    background: url(../images/design/arrow_icon.gif) no-repeat left center;
    background-position: 0px 4px;
    color: #0074a9;
    text-decoration: none;
}
a.statistici:hover{
    background-position: 0px -7px;
    color: #ff6600;
}
a.blueArrowLink{
    background: url(../images/design/blue_arrow.gif) no-repeat left center;
    color: #0074a9;
    text-decoration: none;
    padding-left: 8px;
}
a.autorMaxima{
    background: url(../images/design/gray_arrow1.gif) no-repeat left center;
    color: #b1b1b1;
    text-decoration: none;
    padding-left: 9px;
    font-weight: bold;
}
a.bibliaLink{
    text-decoration: none;
    color: #0074a9;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 2px;
}
a.bibliaLink:hover{
    color: #ff6600;
}
/********************************* NAVIGATION LINKS *********************************/
.navigation a {
    color: #b1b1b1;
    font: 10px Tahoma;
    line-height: 11px;
    float: left;
    margin-left: 10px;
    text-decoration: none;
}
.navigation a.back {
    float: left;
    margin-right: 10px;
    background: url(../images/design/back_arrow.gif) no-repeat;
    background-position: 0px 2px;
    padding-left: 9px;
}
.navigation a.next {
    float: right;
    margin-right: 10px;
    background: url(../images/design/next_arrow.gif) no-repeat;
    background-position: 37px 2px;
    padding-right: 9px;
}
.navigation a.authors {
    float: right;
    margin-right: 10px;
    background: url(../images/design/next_arrow.gif) no-repeat;
    background-position: 56px 2px;
    padding-right: 9px;
}
.navigation a.alteTematici {
    float: right;
    margin-right: 10px;
    background: url(../images/design/next_arrow.gif) no-repeat;
    background-position: 85px 2px;
    padding-right: 9px;
}
.navigation a.indexLink {
    float: left;
    color: #ff6600;
    margin-left: 170px;
}
.navigation a.back:hover{
    background-position: 0px -11px;
    color: #ff6600;
    line-height: 11px;
}
.navigation a.next:hover{
    background-position: 37px -11px;
    color: #ff6600;
    line-height: 11px;
}
.navigation a.authors:hover{
    background-position: 56px -11px;
    color: #ff6600;
    line-height: 11px;
}
.navigation a.alteTematici:hover{
    background-position: 85px -11px;
    color: #ff6600;
    line-height: 11px;
}
/********************************* DOWNLOAD LINK *********************************/
.download a:link, .download a:visited {
	/*background:url(../images/design/download_button.gif) top left no-repeat;*/
}

.download a:link, .download a:visited span {
	color: #ffffff;
    font: bold 12px Tahoma;
    line-height: 16px;
    padding-top: 2px;
    padding-left: 14px;
    width: 112px;
    height: 20px;
    display: block;
    background:url(../images/design/download_button.gif) top left no-repeat;
}

/*.download a:link, .download a:visited {
    float: left;
    position: relative;
    text-decoration: none;
}

.download  a:link, .download a:visited {
    background:url(../images/design/button_green_right.gif) top right no-repeat;
}
.download  a:link span, .download  a:visited span {
    color: #ffffff;
    font: bold 12px Tahoma;
    background:url(../images/design/button_green_left.gif) top left no-repeat;
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 1px 0 0 10px;
    margin-right: 23px;
    height: 22px;
    line-height: 20px;
    cursor: pointer;
}
.download  a:hover span {
    color: #ecfeea;
}


* html .download  a:link, * html .download a:visited
{
    width: 1%;
}*/

a.rss{
    text-decoration: none;
    color: #ff6600;
    background:url(../images/design/icon_feed.gif) no-repeat 0px 0px;
    padding-left: 18px;
}
a.rss:hover {
	text-decoration: none;
	color: #ff6600;
}

a.winamp{
    text-decoration: none;
    color: #ff6600;
    background:url(../images/design/winamp.png) no-repeat 0px 0px;
    padding-left: 22px;
}
a.winamp:hover {
	text-decoration: none;
	color: #ff6600;
}
/********************************* LISTS *********************************/
.indexTematicList li {
    padding-bottom: 5px;
    display: block;
}

.loader {
    position:absolute;
    top: 0px;
    right: 0px;
}
.indexList li {
    padding-bottom: 5px;
    float: left;
    width: 183px;
}
.indexAutoriList li {
    width: 275px;
}
.contextMenu li {
    padding-bottom: 5px;
}
.contextList {
    line-height: 15px;
}
.contextList li {
    padding-bottom: 5px;
    margin-left: 5px;
}
.autoriList {
    margin-bottom: 10px;
    margin-left: 15px;
}
.autoriList li {
    padding-bottom: 5px;
}


.indexLastList li {
    padding-bottom: 5px;
}
.indexLastList .lastTitle {
    float: left;
    width: 358px;
    padding-right: 10px;
}
.indexLastList .lastAuthor {
    width: 182px;
    float: left;
}
/********************************* TOOLTIPS *********************************/
#tooltip {
    position: absolute;
    border: 1px solid #3a3a3a;
    background: #fbfbfd;
    padding: 2px 5px;
    color: #3a3a3a;
    display: none;
    z-index: 99990;
    text-align: left;
}
#easyTooltip{
    /*margin: 0 10px 1em 0;*/
    width: 250px;
    padding: 15px;
    background: #ffffff;
    border: 1px solid  #c0c0c0;
    /*line-height: 130%;*/
    z-index: 1000;
}

#easyTooltip p{
    text-align: left;
}