body {
    margin:0;
    padding:0;
    font:x-small Tahoma,Verdana,Arial,Sans-serif;
    text-align:center;
    font-size:12px;
    color:#4c4c4c;
}

.frame {
    margin: 0 5px 5px 0;
    padding:5px 5px 5px 5px;
    border: double 1px;
    border-color: #cccccc;
    background-color: #fafafa;
}
.hidden{
display:none;
padding:0;
margin:0;
}

/* Page Structure
----------------------------------------------- */

/* page structure */
#all {
    top:0;
    left:0;
    width:1018px;
    margin:0 auto;
    padding:0;
    height:711px;
    position:absolute;
}

#header {
  position:absolute;
  background-color:#cccccc;
  background:url(images/bckg_header.gif) repeat-x;
  height:37px;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  font-size:12px;
  font-weight:normal;
  color:#040404;
}

#content {
  position:absolute;
  width:711px;
  height:648px;
  top:0px;
  left:0px;
  text-align:left;
}

#footer {
    position:absolute;
    top:733px;
    left:0px;
    background:url(images/bckg_footer.gif) repeat-x;
    background-color:#000000;
    height:30px;
    width:100%;
    text-align:left;
    font-size:10px;
    color:#5f5f5f;

}

.footerLogo{
width:63px;
height:30px;
background:url(images/logo_cbn.jpg) no-repeat;
float:left;
}
.footerText{
padding:10px 10px 0 0;
height:20px;
float:right
}
.contentLogin{
    position:absolute;
    width:708px;
    height:358px;
    left:18%;
    top:100px;
    color:#4c4c4c;
    padding-top:40px;
    background:url(images/bck_login2.jpg) no-repeat;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}
.contentLanguage{
    position:absolute;
    width:708px;
    height:368px;
    left:18%;
    top:100px;
    color:#4c4c4c;
    padding-top:0;
    background:url(images/bck_login.jpg) no-repeat;
    text-align:center;
    padding-top:30px
}

.contentResult{
    position:absolute;
    width:504px;
    height:283px;
    left:18%;
    top:130px;
    color:#4c4c4c;
    padding:120px 7px 0 7px;
    background:url(images/bck_end.jpg) no-repeat;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}
.contentBig{
    position:absolute;
    width:700px;
    height:387px;
    background:url(images/bckg_big.gif) repeat-x;
    left:11%;
    top:75px;
    border:1px solid #949494;
    color:#4c4c4c;
    padding:0 40px 30px 40px;
    text-align:center;
    background-color:#666666
}
.container {
position:relative;
text-align:center;
}


/* alegere limba

---------------------*/
.langContainer{
    width:140px;
    height:136px;
}
.chooseLang{
    color:#4c4c4c;
    height:20px;
    width:140px;
    float:left;
    text-align:center;
}
.capsBold{
    text-transform:uppercase;
    font-size:13px;
    font-weight:bold;
    color:#2e2e2e;
}
.spacer{
    width:95px;
    float:left
}


/* id
----------------------------------------------- */
.containerID{
position:relative;
top:20px;
width:305px;
height:172px;
background:url(images/bck_begin.jpg) no-repeat;
padding:20px 0 0 145px;
text-align:left;
font-size:13px;
font-weight:normal;
line-height:200%;
}

.spanID{
color:#161b1e;
font-weight:bold;
font-size:13px;
line-height:150%;
padding-left:10px
}
.buton{
position:relative;
margin-top:75px;
width:161px;
height:98px;
}

/*quiz
----------------------------------------------- */
.containerQuiz {
position:relative;
top:15px;
width:100%;
height:18px;
padding:10px 0 8px 40px;
text-align:left
}
.containerChoice{
position:relative;
top:15px;
background-color:#f2f2f2;
width:auto;
height:146px;
border:2px solid #e0e0e0;
background:url(images/bckg_big.gif) repeat-x;
padding:10px 0 0 40px;
text-align:left
}
.gradientBoxMiddle{
background: url(images/gradient_mid.jpg) repeat-y center;
width: 910px;
position:relative;
top:15px;
}
.gradientBoxTop{
background: url(images/gradient_top.jpg) no-repeat center top;
padding-top: 15px;
position:relative;
top:0
}
.gradientBoxBottom{
background: url(images/gradient_bottom.jpg) no-repeat center bottom;
padding: 0 10px;
padding-bottom: 15px;
}

.font14Bold{
font-size:14px;
font-weight:bold;
color:#040404;
line-height:150%;
}
.capsBoldQuiz{
    text-transform:uppercase;
    font-size:13px;
    font-weight:bold;
    color:#2e2e2e;
    line-height:200%;
}

/* Exam Quiz
----------------------------------------------- */
.examPracticeQuizHeader{
color:#000000;
font-size:16px;
font-weight:bold;
height:15px;
padding-top:10px;
text-align:left
}

.examQuizHeader{
color:#040404;
font-size:12px;
font-weight:normal;
height:15px;
padding-top:10px;
text-align:center
}

.blueMessage{
color:#1789ea;
font-weight:bold;
float:left;
width:auto;
height:auto;
margin-right:8px;
}

.redMessage{
color:#ff0000;
font-weight:bold;
float:left;
width:auto;
height:auto;
margin-right:8px;
}

.greenMessage{
color:#42832e;
font-weight:bold;
float:left;
width:auto;
height:auto;
margin-right:8px;
}
.headerSpacer{
width:1px;
height:23px;
border-left:1px solid #aeaeae;
float:left;
width:auto;
height:auto;
margin:0 8px 0 8px;
}
.headerInfo{
float:left;
width:auto;
height:auto;
}

.option{
background-color:#ffd44a;
padding:1px 2px 1px 0;
border:1px solid #ffcc2a;
color:#000000;
}
.nullClass{
/*border:1px solid #e2e2e2;*/
}
/* messaje 2d5410
----------------------------------------------- */
.containerMessages{
position:relative;
top:20px;
width:430px;
height:172px;
background:url(images/bck_begin.jpg) no-repeat;
padding:20px 10px 0 10px;
text-align:center;
font-size:13px;
line-height:200%;
font-weight:bold
}

.errorText{
position:relative;
background-color:#f2f2f2;
width:600px;
height:152px;
border:2px solid #e0e0e0;
background:url(images/bckg_big.gif) repeat-x;
padding:45px 2% 15px 2%;
text-align:left;
top:60px;
text-align:center
}

/* Buttons
----------------------------------------------- */
.containerButtons{
position:absolute;
left:0;
top:565px;
bottom:0;
width:100%;
height:50px;
}
.containerFunctionalButtons{
position:relative;
width:100%;
bottom:5px
}
.containerAnswerButtons{
position:relative;
width:100%;
}
.buttonAnswer{
width:96px;
height:80px;
margin-right:55px;
border:0 none;
cursor:hand;
padding:0
}

.buttonFunctionalLaterOff{
margin:0 63px 0 0;
width:221px;
height:62px;
border:0 none;
/*cursor:hand;*/
background:url(images/button_later_off.jpg) no-repeat;
font-weight:bold;
color:#cfcfcf;
font-size:13px;
padding-left:30px;
line-height:130%;
}

.buttonFunctionalLater{
margin:0 63px 0 0;
width:221px;
height:62px;
border:0 none;
cursor:hand;
background:url(images/button_later.jpg) no-repeat;
font-weight:bold;
color:#202a30;
font-size:13px;
padding-left:30px;
line-height:130%;
}
.buttonFunctionalDel{
margin-right:63px;
width:221px;
height:62px;
border:0 none;
cursor:hand;
background:url(images/button_del.jpg) no-repeat;
font-weight:bold;
color:#202a30;
font-size:13px;
padding-left:30px;
line-height:130%;
}
.buttonFunctionalSend{
margin-right:63px;
width:221px;
height:62px;
border:0 none;
cursor:hand;
background:url(images/button_send.jpg) no-repeat;
font-weight:bold;
color:#202a30;
font-size:13px;
padding-left:30px;
line-height:130%;
}
.buttonNull{
width:191px;
height:58px;
background:url(images/spacer.gif) repeat-x;
/*background-color:#009900;*/
padding-right:63px;
float:left
}

/*.buttonFunctionalLaterOff{
margin:0 63px 0 0;
width:221px;
height:62px;
border:0 none;
cursor:hand;
background:url(images/button_later_off.jpg) no-repeat;
font-weight:bold;
color:#202a30;
font-size:13px;
padding-left:30px;
line-height:130%;
}
*/
.buttonStart{
width:161px;
height:98px;
background:url(images/start_btn.jpg) no-repeat;
cursor:hand;
border:0 none;
}

.buttonStartLogin{
width:161px;
height:98px;
background:url(images/start_btn_login.jpg) no-repeat;
cursor:hand;
border:0 none;
}

.buttonStartAlb{
width:161px;
height:98px;
background:url(images/start_btn_alb.jpg) no-repeat;
cursor:hand;
border:0 none;
}
/* Lists
------------------------------------------------ */
table.list tr th {
    border:double 1px #cccccc;
  background-color:#fafafa;
  text-align:left;
}

table.list tr td {
    border: double 1px #cccccc;
  text-align:left;
}

div.list-navigation {
  margin:10px 0 10px 0;
    word-spacing: .2em;
}

/* Text
------------------------------------------------- */
.strong {
    font-weight: bold;
    font-size: 95%;
}

.strong-blue {
    font-weight: bold;
    font-size: 130%;
    color:#003399;
}


/* Controls
-------------------------------------------------- */
input {
    font-size: 100%;
}

select {
  font-size: 85%;
}