/* ------------------------------------------------------- */
html,body
{
	padding: 0px;
	border: 0px;
	border-width: 0px;
	margin: 0px;
	outline: 0px;
	outline-width: 0px;
	
	background-color: #EEE;
	color: #FFFFFF;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
/*
scrollbar-base-color: #F0F0F0; -  schimba toate culorile in acelasi timp
cursor: url("/images/blue_cursor.cur"); - schimba cursorul mouse-ului
hand url auto crosshair default pointer move text wait help hand
line-height: 1px; - inaltimea unei linii de text
*/
/* ------------------------------------------------------- */
img
{
	padding: 0px;
	border: 0px;
	border-width: 0px;
	margin: 0px;
	outline: 0px;
	outline-width: 0px;
	display: block;
}
div
{
	padding: 0px;
	border: 0px;
	border-width: 0px;
	margin: 0px;
	outline: 0px;
	outline-width: 0px;
}
div.divLink
{
	background-color: #00FFFF;	
	cursor:pointer;
}
/* ------------------------------------------------------- */
/* pentru meniul principal de sus -- ferestrele meniului */
table.main_menu
{
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #606060;
border: 1px solid #808080;
border-spacing: 0px;
padding: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
cursor:pointer;
}
/* pentru meniul principal de sus */
td.main_menu
{
background: #FFFFFF;
border: #808080 1px solid;/* peste tot era #BFBDD2 si apoi C0C0C0 */
border-left: #808080 0px solid;
border-top: #808080 0px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
border-spacing: 0px;
padding: 2px;
padding-right: 4px;
padding-left: 4px;
cursor:pointer;
}
/* pentru meniul principal de sus - linia de sus */
td.main_menu_top_line
{
padding: 0px;
padding-right: 8px;
padding-left: 0px;
color: #606060;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
font-weight: normal;
text-decoration: none;
/* font-weight: bold; --- asta e meniul mare */
cursor:pointer;
}
/* pentru tabelul mare cu continut dintre meniurile sus si jos */
table.tabel_mare_mijloc{
font-size: 12px;
border-left: #808080 0px solid;/* culorile aici erau #BFBDD2, 505050 */
border-top: #808080 1px solid;
border-right: #808080 0px solid;
border-bottom: #808080 1px solid
}
/* ------------------------------------------------------- */
/* pentru linie */
hr{
width: 100%;
color: #D0D0D0;
}

/* pentru margini la tabel cells */
.margine_stanga{
border-left: #808080 1px solid;
}
.margine_dreapta{
border-right: #808080 1px solid;
}
.margine_sus{
border-top: #808080 1px solid;
}
.margine_jos{
border-bottom: #808080 1px solid;
}

/* pentru meniul contextual din stanga */
a.meniu{
font-size: 11px;
color: #909090; /*#9492A3*/
text-decoration: none;
font-weight: bold;
}
a.meniu:hover{
font-size: 11px;
color: #FF0000; /*#FF0000;*/
text-decoration: none;
font-weight: bold;
}
/* ------------------------------------------------------- */
textarea.fond{
background-color: #E0E0E0;
font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
font-weight: bold;
}
select{
border: #000000 1px solid;
font-weight: normal;
font-size: 10px;
font-style: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: #666666;
color: #ffffff;
}
b.clar{
font-size: 11px;
color: #999;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
font-weight: bold;
}
a.evident{
font-size: 11px;
color: #FF0030;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
font-weight: bold;
}
a.evident:hover{
text-decoration: underline;
font-weight: bold;
}
input.fin{
font-size: 10px;
color: #000000;
background-color: #E0E0E0;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
font-weight: bold;
}
/* ------------------------------------------------------- */
/* 
pentru butoane text care se apasa 
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
----------------------------------
usage:
<a class="buttonPress" onclick="this.blur();" href="#"><span>Caption</span></a>
 to submit forms with this type of button, simply add more calls to the button's onclick event.
*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.buttonPress {
    background: transparent url('/images/utils/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.buttonPress span {
    background: transparent url('/images/utils/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.buttonPress:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.buttonPress:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* ------------------------------------------------------- */
.buttonLinkRed20px
{
    color: #FFF;
    background: transparent url('/images/misc_small/button_red.bmp') repeat-x;
}
.buttonLinkBlue20px
{
    color: #FFF;
    background: transparent url('/images/misc_small/button_blue.bmp') repeat-x;
}
a.buttonLink20px
{
    display: block;
    float: left;
    height: 20px;
	width: 100px;

	padding: 0px;
	border: 1px;
	border-right: 0px;
	border-color: #333;
	border-style: solid;
	margin: 0px;
	outline: 0px;
	outline-width: 0px;
	
    font: normal 11px arial, sans-serif;
    text-decoration: none;
	text-align: center;
    line-height: 20px;
	
    background-position: 0px 0px;
    display: block;
}
a.buttonLink20px:hover
 {
    background-position: 0px -20px;
    outline: none; /* hide dotted outline in Firefox */
    color: #FFF;
    padding: 0px 0px 0px 0px; /* push text down 1px */
}
a.buttonLink20px:active 
{
    background-position: 0px -40px;
    outline: none;
}
/*
-------------------------------------------------------------
CSS for main menu
-------------------------------------------------------------
*/
/* common styling */
.menu 
{
	font-family: arial, sans-serif; 
	width:811px; 
	height:100px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
}
.menu ul li a, .menu ul li a:visited 
{
	display:block; 
	text-decoration:none; 
	color:#000;
	width:198px; 
	height:20px; 
	text-align:center; 
	color:#fff; 
	border:1px solid #333; 
	border-right-width: 0px;
	border-bottom-width: 0px;
	background:#710069; 
	line-height:20px; 
	font-size:11px; 
	overflow:hidden;

	background: transparent url('/images/misc_small/button_blue.bmp') repeat-x;	
}
.menu ul 
{
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu ul li 
{
	float:left; 
	position:relative;
}
.menu ul li ul 
{
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a 
{
	color:#fff; 
	background:#36f; 
	
	background: transparent url('/images/misc_small/button_blue.bmp') repeat-x; 
	background-position: 0px -20px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.menu ul li:hover ul 
{
	display:block; 
	position:absolute; 
	top:21px; 
	left:0; 
	width:199px;
}
.menu ul li:hover ul li a.hide 
{
	background:#ddd; 
	color:#000;
} /* pt submeniuri: normal */
.menu ul li:hover ul li:hover a.hide 
{
	background:#36f; 
	color:#FFF;

	background: transparent url('/images/misc_small/button_blue.bmp') repeat-x; 
	background-position: 0px -20px;	
} /* pt submeniuri: hover */
.menu ul li:hover ul li ul 
{
	display: none;
}
.menu ul li:hover ul li a 
{
	display:block; 
	background:#ddd; 
	color:#000;
} /* pt items: normal */
.menu ul li:hover ul li a:hover 
{
	background:#36f; 
	color:#FFF; 	

	background: transparent url('/images/misc_small/button_blue.bmp') repeat-x; 
	background-position: 0px -20px;	
} /* pt items: hover */
.menu ul li:hover ul li:hover ul 
{
	display:block;
	position:absolute;
	left:199px;
	top:5px;
}
.menu ul li:hover ul li:hover ul.left 
{
	left:-199px;
}
/*
-------------------------------------------------------------
CSS for internal elements
-------------------------------------------------------------
*/
td.mytd1 {
        background-image: url(/images/misc_small/elements/caseta1.jpg);
        background-repeat: no-repeat;
		width: 24px;
		height: 29px;
}
td.mytd2 {
        background-image: url(/images/misc_small/elements/caseta2.jpg);
        background-repeat: repeat-x;
}
td.mytd3 {
        background-image: url(/images/misc_small/elements/caseta3.jpg);
        background-repeat: no-repeat;
}
td.mytd4 {
        background-image: url(/images/misc_small/elements/caseta4.jpg);
        background-repeat: repeat-y;
}
td.mytd5{
        background-image: url(/images/misc_small/elements/caseta5.jpg);
        background-repeat: repeat;
        /* depending on the needs this can be -x or -y*/
}
td.mytd6 {
        background-image: url(/images/misc_small/elements/caseta6.jpg);
        background-repeat: repeat-y;
}
td.mytd7 {
        background-image: url(/images/misc_small/elements/caseta7.jpg);
        background-repeat: no-repeat;
}
td.mytd8 {
        background-image: url(/images/misc_small/elements/caseta8.jpg);
        background-repeat: repeat-x;
}
td.mytd9 {
        background-image: url(/images/misc_small/elements/caseta9.jpg);
        background-repeat: no-repeat;
		width: 13px;
		height: 11px;
}
td.mytd1, td.mytd2, td.mytd3, td.mytd4, td.mytd5, td.mytd6, td.mytd7, td.mytd8, td.mytd9 {
        background-color: #FFFFFF;
        font-weight: bold;
        border: #FFFFFF;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
}
/*
numerele intr-o caseta:
-----------------------
|  1  |    2    |  3  |
-----------------------
|  4  |    5    |  6  |
-----------------------
|  7  |    8    |  9  |
-----------------------
*/
/* ------------------------------------------------------- */
