/* CSS Document */
body {
  margin: 0;
  color: #555;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-color: #ebefe0;
  font-size: 12px;
}

div,h1,h2,h3,h4,p,form,label,input,textarea,img,span {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 150%;
}

h4 {
  color: #555;
  font-size: 120%;
}

.spacer {
  clear: both;
  font-size: 0;
  line-height: 0;
}

p {
  margin: 15px 0;
  padding: 0 40px 0 30px;
}

a , a:visited {
  color: #458;
}

hr {
  border: 0;
  border-top: 1px solid #CCC;
}  

/*------------------------------------------------top navigation--------------------*/
#topNav {
  margin: 0 auto;
  height: 26px;
  border-bottom: 2px solid #fe7c09;
  background-color: #292929;
  font: bold 12px Arial, Helvetica, sans-serif;  
}

#topNav .centerNav {
  width: 1000px;
  margin: 0 auto;
}  

#topNav .centerNav ul {
  margin: 0 auto;
  padding-left: 750px;
  list-style-type: none;
}

#topNav .centerNav ul li {
  float: left;
  height: 20px;
  color: #C1C1C1;
}

#topNav .centerNav ul li a {
  padding: 4px 18px;
  white-space:nowrap;
  height: 18px;
  float: left;
  text-decoration: none;
  display: block;
  color: #C1C1C1;
}

#topNav .centerNav ul li a:hover {
  color:#CCC; 
}

#topNav .centerNav div.user {
  float: left;
  padding: 4px 18px;
}
#topNav .centerNav div.user span {
  color: #C1C1C1;
}
#topNav .centerNav div.user a {
  text-decoration: none;
  font-weight: bold;
  color: #B17A04;
}

#topNav .centerNav img {
  border: 0px;
  vertical-align: middle;
}

/*------------------------------------------------topheader--------------------*/
#topheader {
  width: 1004px;
  height: 146px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-family: Tahoma;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #dcd66e;
  text-decoration: none;
  padding: 0px;
  float: none;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center;
  
  border-left: 2px solid #DFE5CB;
  border-right: 2px solid #DFE5CB;  
  
}

.logo {
  background-image: url(../images/logo_fin2.png);
  background-repeat: no-repeat;
  padding: 0px;
  float: left;
  height: 237px;
  width: 240px;
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  
}

.menu_area {
  float: left;
  margin-top: 55px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.menu_text {
  font-family: Arial;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
}

.index_icon {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #5a5a5a;
  text-decoration: none;
  background-image: url(../images/index.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 81px;
  width: 62px;
  margin-top: 9px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 61px;
}

.index_icon:hover {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #ffffff;
  text-decoration: none;
  background-image: url(../images/index.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 81px;
  width: 62px;
  margin-top: 9px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 61px;
}

.postal_icon {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #5a5a5a;
  text-decoration: none;
  background-image: url(../images/postal.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 133px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 59px;
}

.postal_icon:hover {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #ffffff;
  text-decoration: none;
  background-image: url(../images/postal.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 133px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 59px;
}

.salarii_icon {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #5a5a5a;
  text-decoration: none;
  background-image: url(../images/salarii.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 155px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 60px;
}

.salarii_icon:hover {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #ffffff;
  text-decoration: none;
  background-image: url(../images/salarii.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 155px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 60px;
}

.curs_icon {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #5a5a5a;
  text-decoration: none;
  background-image: url(../images/curs.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 116px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 60px;
}

.curs_icon:hover {
  font-family: Arial;
  font-size: 31px;
  font-weight: normal;
  text-transform: lowercase;
  color: #ffffff;
  text-decoration: none;
  background-image: url(../images/curs.png);
  background-repeat: no-repeat;
  margin: 0px;
  float: left;
  height: 90px;
  width: 116px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 60px;
}

/*------------------------------------------------body_area--------------------*/
#body_area {
  width: 1004px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  font-family: Tahoma;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  float: none;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: #FFF;
  border-left: 2px solid #DFE5CB;
  border-right: 2px solid #DFE5CB;
}

/*--------------------------------Main container------------------------------------*/
#main_container {
  width: 760px;
  margin-left: 220px;
  padding-top: 30px;
  padding-bottom: 60px;
  font-weight: normal;
  background-color: #FFF;  
}

#main_container .pad5 {padding-left: 5px;}
#main_container .pad10 {padding-left: 10px;}
#main_container .pad15 {padding-left: 15px;}
#main_container .pad30 {padding-left: 30px;}
#main_container .pad50 {padding-left: 50px;}
/*------------------------------------------------footer--------------------*/
#footer {
  width: 100%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-family: "Trebuchet MS";
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #c5a873;
  text-decoration: none;
  padding: 0px;
  float: left;
  height: 123px;
  background-image: url(../images/fotter.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: scroll;
}

.footer_links {
  font-family: Arial;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  float: left;
  height: 20px;
  width: 100%;
  color: #202219;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.footer_copyrights {
  font-family: "Trebuchet MS";
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  float: left;
  height: 20px;
  width: 100%;
  color: #b17a04;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
}

.footer_validation {
  font-family: "Trebuchet MS";
  font-size: 9px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  float: left;
  height: 20px;
  width: 100%;
  color: #c75c2c;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*------------------------------------------------footerlinks --------------------*/
a.footerlink:link {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color: #202219;
  padding-right: 5px;
  padding-left: 5px;
}

a.footerlink:visited {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color: #202219;
  padding-right: 5px;
  padding-left: 5px;
}

a.footerlink:hover {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color: #b17a04;
  padding-right: 5px;
  padding-left: 5px;
}

a.footerlink:active {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color: #202219;
  padding-right: 5px;
  padding-left: 5px;
}

/*------------------------------------------------footerlinksend--------------------*/


/*------------------------------------------------validation --------------------*/
a.xhtml:link {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #d0910b;
  margin: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 150px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

a.xhtml:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #d0910b;
  margin: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 150px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

a.xhtml:hover {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #386060;
  margin: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 150px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

a.xhtml:active {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #d0910b;
  margin: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 150px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

a.css:link {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #386060;
  margin: 0px;
  padding: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 100px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

a.css:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #386060;
  margin: 0px;
  padding: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 100px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

a.css:hover {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #d0910b;
  margin: 0px;
  padding: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 100px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

a.css:active {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  background-color: #386060;
  margin: 0px;
  padding: 0px;
  clear: none;
  float: none;
  height: 20px;
  width: 100px;
  border: 1px dotted #FFFFFF;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

.footer_designed {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  float: left;
  height: 20px;
  width: 100%;
  color: #3e8f96;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*------------------------------------------------forms------------------------------*/
fieldset {
  margin: 0 30px 0 50px;
  padding: 1em 2em;
  border-width: 1px;
  border-style: dotted;
  border-color: #ccc;
  text-align: left;
  background: #fbfbfb;
  position: relative;
}

legend {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 0 0.5em;
  background: #fff;
  font-size: 110%;
  color: #3e8f96;
  line-height: 1.5em;
  position: relative;
  top: -0.75em;
  letter-spacing: 2px;
  font-weight: bold;
}

label {
  padding-right: 10px;
}


input {
  color: #555;
  border: 1px solid #BBB;
  font-weight: bold;
}

button {
  cursor: pointer;
}

button:hover {
  border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; 
}
select {
  border: 1px solid #999;
  background-color: #F6F6F6;
  cursor: pointer;
  font-weight: bold;
  color: #3e8f96;
      
}

.mandatory {
  background-image: url(../images/icn_mandatoryField.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/*------------------------------------------------rounded corners--------------------*/
b.bt,b.bt b,b.bb,b.bb b {
  display: block;
  height: 10px;
  font-size: 1px;
  background: url(../images/grey.gif) no-repeat;
  position: relative
}

b.bt {
  top: -3px;
  left: -3px
}

b.bt b {
  background-position: 100% -10px;
  left: 6px
}

b.bb {
  background-position: 0 -20px;
  top: 3px;
  left: -3px
}

b.bb b {
  background-position: 100% -30px;
  left: 6px
}

.grey_border {
  border: #ddd 3px solid;
  width: 99%;
}

/*------------------------------------------------messages--------------------*/

.info_message, .success_message, .warning_message, .error_message, .validation_message {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info_message {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/knobs/info.png');
}
.success_message {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/knobs/valid_green.png');
}
.warning_message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/knobs/attention.png');
}
.error_message {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/knobs/cancel.png');
}
.validation_message {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/knobs/validation.png');
}