.title
{
    color: #4CA00C;
    font-family: Calibri,Arial;
    font-size: 14px;
    font-weight: bold;
}

.justified
{
    text-align: justify;
}

.tableLink
{
    text-align: left;
}

.header
{
    color: #003366;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.headerBig
{
    color: #003366;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

.row
{
    border-bottom: 1px solid #CCCCCC;
    background-color: White;
    line-height: 18px;
    color: #5C5B5B;
    font-family: Calibri,Arial,Tahoma;
    font-size: 12px;
}

.PetTable
{
    width: 600px;
}

.petLabel
{
    background-color: White;
    line-height: 18px;
    color: #5C5B5B;
    font-family: Calibri,Arial,Tahoma;
    font-size: 14px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.red
{
    font-family: Verdana,Arial,Tahoma;
    color: Red;
    font-size: 10px;
}

.Examples
{
    font-family: Calibri,Arial,Tahoma;
    font-size: 11px;
    font-style: italic;
    line-height: 18px;
}

.Page_button
{
    font-family: Calibri,Arial,Tahoma;
    font-size: 12px;
    color: #677396;
    text-decoration: none;
}

a.Page_button:link
{
    font-family: Calibri,Arial,Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #677396;
}

a.Page_button:hover
{
    font-family: Calibri,Arial,Tahoma;
    font-size: 12px;
    color: #677396;
    text-decoration: none;
}

.regButton
{
  background: white url(register_button.jpg);
  height:22px;
  width:75px;
  color:White;
  font-weight:bold;
  border:none;
  cursor:pointer;
 }
 
 .logButton
 {
  background: white url(login_button.jpg);
  height:22px;
  width:52px;
  color:White;
  font-weight:bold;
  border:none;
  cursor:pointer;
 }
 
 .SignButton
 {
  background: white url(Sign_button.jpg);
  height:20px;
  width:163px;
  color:White;
  font-family:Arial;
  font-size:11px;  
  text-align:center;
  font-weight:bold;
  border:none;
  cursor:pointer;
 }
 
 
/********************************************************/
/* CSS classes for the questionnaire in all 4 languages */ 
/********************************************************/

 
 /* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  display:none;
  z-index:9999;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog_el {
  width:500px; 
  height:346px;
  padding:240 80 15;
  background: url(quest_images/questionaire_grt.png) no-repeat;
}

a.close{
height:74px;
width:152px;
display:block;
float:left;
}


a.yes_el{
background: url(quest_images/yes_norm_gr.png) no-repeat;
}

a.yes_el:hover{
background: url(quest_images/yes_roll_gr.png) no-repeat;
}

a.no_el{
background: url(quest_images/no_norm_gr.png) no-repeat;
}

a.no_el:hover{
background: url(quest_images/no_roll_gr.png) no-repeat;
}

#boxes #dialog_en {
  width:440px; 
  height:283px;
  padding:175 80 15;
  background: url(quest_images/questionaire_en.png) no-repeat;
}

a.yes_en{
background: url(quest_images/yes_norm_en.png) no-repeat;
}

a.yes_en:hover{
background: url(quest_images/yes_roll_en.png) no-repeat;
}

a.no_en{
background: url(quest_images/no_norm_en.png) no-repeat;
}

a.no_en:hover{
background: url(quest_images/no_roll_en.png) no-repeat;
}

#boxes #dialog_it {
  width:440px; 
  height:283px;
  padding:175 80 15;
  background: url(quest_images/questionaire_it.png) no-repeat;
}

a.yes_it{
background: url(quest_images/yes_norm_it.png) no-repeat;
}

a.yes_it:hover{
background: url(quest_images/yes_roll_it.png) no-repeat;
}

a.no_it{
background: url(quest_images/no_norm_it.png) no-repeat;
}

a.no_it:hover{
background: url(quest_images/no_roll_it.png) no-repeat;
}

#boxes #dialog_pt {
  width:440px; 
  height:283px;
  padding:175 80 15;
  background: url(quest_images/questionaire_port.png) no-repeat;
}

a.yes_pt{
background: url(quest_images/yes_norm_pt.png) no-repeat;
}

a.yes_pt:hover{
background: url(quest_images/yes_roll_pt.png) no-repeat;
}

a.no_pt{
background: url(quest_images/no_norm_pt.png) no-repeat;
}

a.no_pt:hover{
background: url(quest_images/no_roll_pt.png) no-repeat;
}

#boxes2 .window {
  position:absolute;
  width:500px;
  display:none;
  z-index:9999;
  padding:10px;  
}

/* Customize your modal window here, you can add background image too */
#boxes2 #Question {
  width:600px; 
  background-color:White;
  border:.3em ridge Silver; 
}
.questionLabel{
  color:#5C5B5B;
 font-family :Calibri,Arial,Tahoma;
 font-size:12px;
 line-height :18px;
}

.meter-wrap{
    position: relative;
    margin:0 auto;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 170px; height: 20px;
}

.meter-wrap, .meter-value {
    background: #ccc url(meter-outline20.png) top left no-repeat;
}
           
.meter-text {
    position: absolute;
    top:0; left:0;               
    color: #fff;
    text-align: center;
    width: 100%;
}

.Ajaxbutton
{
 background : #fff url(ajax-loader.gif) top left no-repeat;
 width:16px;
 height:16px;
 display:none;
}