body 
{
	color:#333344; font-family : calibri,verdana,arial,helvetica,sans-serif; 
	font-size:16px; background-color: #FFFFFF; 
        height:100%;
        margin:0;
        padding:0;
}

span { font-size: 16px; color:#333344;  
       color:#333344; font-family : calibri,verdana,arial,helvetica,sans-serif;
      font-size:16px; background-color: #FFFFFF; 
         }

img { border:0; 
      /*   float: right; */ 
}

img.logo { 
    border:0; margin: 4px 4px; 
    float:none; 
           
}

td.left { 
    text-align: left;
}
td.right { 
    text-align: right;
}
h3.left { 
    text-align: left;
}
img.image { 
    border:0; margin: 4px 4px; 
    float:right; 
           
}	

 html,body,#wrapper {
        height:100%;
        margin:0;
        padding:0;
    }
 h1.logo {
        text-align: center;
    }
    
    h1.logo {
        color: #DDDDDD;
    }
    h3.logo {
        color: #DDDDDD;
        font-size:16px;
    }
p.logo {
        text-align: center;
        display: block;
        height: 80px;
    }
    
    p.disclaimer {
        color:#777770; font-family : calibri,verdana,arial,helvetica,sans-serif; 
	font-size:16px; background-color: #FFFFFF; 
    }

div.center {
        text-align: center;
        vertical-align: top;
        width: 100%;
        margin: 0 auto;
        }
        
        
table.center {
        width: 80%;
        height: 80%;
        margin: 0 auto;
        }
    
    #control {
        position:relative;
        display: inline;
        float: left;
        top:0px;
        left: 0px;
        height:100%;
        width:200px;
        background:#505050;
        text-align: center;
    }
    #exo {
        position:absolute;
        top: 0px;
        left: 200px;
        right: 0px;
        height: 100%;
        background:#FFFFFF;
        margin:0px;
        padding:8px;
    }
    
  button.submit {
        color:#333344; font-family:verdana,arial,helvetica,sans-serif; 
	font-size:20px; background-color: #DDDDDD; 
        font-weight:bold;
        height: 40px;
    }  
        
    button.button{
        cursor:pointer; 
        padding:5px 25px; 
        background:#35b128; 
        border:1px solid #33842a; 
        
        /*-moz-border-radius: 10px;*/
        -webkit-border-radius: 10px;
        border-radius: 10px;
       
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
        /*-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);*/
        box-shadow: 0 0 4px rgba(0,0,0, .75);
      
        color:#fdfdfd;
        font-size:1.5em;
        width: 240px;
        height: 50px;
        margin-left:auto;margin-right:auto;
    }
    
    select.age{
        cursor:pointer;
        font-size:20px;
        color:#333344;
        padding: 4px 4px; 
        background:#FAFAFA; 
        border:1px solid #AAA; 
        margin: 2px 2px;
        
        
        /*-moz-border-radius: 10px;*/
        -webkit-border-radius: 10px;
        border-radius: 10px;
        
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
        /*-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);*/
        box-shadow: 0 0 4px rgba(0,0,0, .75);
      
       
        color:#666;
        font-size:1.5em;
        width: 240px;
        height: 50px;
        
}

span.situationID
{
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:16px;
	color: #AAAAAD;
        background: transparent; 
        background-color: transparent; 
}

A.linkOption {	display: block;	padding:4px; text-align: left;text-decoration: none;font-family:arial;font-size:20px;color: #444488; BORDER: none;
	border: solid 2px #8888AA; border: solid 2px #C1C1D9; background-color:#FFFFFF;  text-align:center;}
A.linkOption:hover { border: solid 2px #222244;	background-color:#CEDAFA; }

input.name {
    color:#333344; 
    font-family : calibri,verdana,arial,helvetica,sans-serif; 
    font-size:20px; 
    background-color: #FFFFFF; 
    
}

table.diploma { 
    width: 80%;
    height: 80%;
    margin: 0 auto;
   
}
td.diploma { 
    text-align: center;
    vertical-align: middle;
}
div.diploma {
    
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background: #E0E0E2;
        background: radial-gradient(#FFFFFF, #E0E0E2);    

}

div.ui-widget{
      float:center;
      margin: 8px;
      width: 100%;
      }