body {
	background: White url(../images/background.png) repeat-x;
	font-family: "Trebuchet MS", Verdana, serif;
	
}

body, html { /* set size of body to full page and remove margins */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}


/*input[type=text] {
    color:dodgerblue;
    font-weight:bold;
    height:25px;
    border: 1px solid black;  
    font-size:18px; 
    text-transform:uppercase;
   
}*/


.container
{
    /* align center */
    width: 90%;
    height:580px;
    margin:40px auto;
    
   
    /* properties */
    background-color: deepskyblue;
    border-style: solid;
    border-color: whitesmoke;
    border-width:2px;
     
    /* round corners */
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:15px;
    /* shadow */
    box-shadow: 4px 4px 2px #888888;
}

.header
{
    /* align center */
    width: 100%;
    height:60px;
    margin: -1px 0 0 -1px;
    
    /* properties */
    background-color: #708090;
    border-style: solid;
    border-color: whitesmoke;
    border-width:1px;
     
    /* round corners */
    
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    /* shadow */
    box-shadow: 0 5x 0 white;
}

.main
{
    /* align center */
    width: 100%;
    height:460px;
    margin: -1px 0 0 -1px;
    
    /* properties */
    background-color: rgb(240, 240, 240);
    border-style: solid;
    border-color: whitesmoke;
    border-width:1px;
    
}

.footer
{
    /* align center */
    width: 100%;
    height:60px;
    margin: -1px 0 0 -1px;
    
    /* properties */
    background-color: #708090;
    border-style: solid;
    border-color: whitesmoke;
    border-width:1px;
     
    /* round corners */
    
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    /* shadow */
    box-shadow: 0 5x 5px white;
}

.question 
{
    float: left;
    margin: auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color:Transparent;
    
}

.questionbody 
{
    float: left;
    margin: 15px 40px 15px 25px;
    padding: 15px 5px 5px 25px;
    background-color:Transparent;
   
}

.questionheader 
{
    width: 90%;
    float: left;
    text-shadow: 2px 2px 2px white;
    color: rgb(77, 74, 74);
    font-weight: bolder;
   
       
}

.questionno 
{
    width: 100%;
    float: left;
    text-shadow: 0px 0px 4px rgb(156, 141, 141);
    text-decoration: underline;
    color: rgb(83, 83, 83);
    font-weight: bolder;
    font-size: 18px;
   
}

.option 
{
     /* align center */
    width: 90%;
    font-family:Calibri;
    float:left;
    text-shadow: 0px 0px 2px rgb(247, 247, 247);
    color: #6D7983;
    font-weight:bolder;
    margin: 10px 0 0 10px;
    
  
}

.exp 
{
     /* align center */
    width: 100%;
    float:left;
    font-family: Calibri;
    text-shadow: 1px 1px 2px rgb(206, 206, 206);
    color: rgb(61, 90, 0);
    margin: 30px 0 0 -10px;
    font-weight:normal;
    
    /* properties */
    
    
}

.slides 
{
    width: 300px; 
    float: right;
    height: 460px;
    /* properties */
    background-color: #808080;
    border-left-style:solid;
    border-color: whitesmoke;
    border-width:1px;
}

.CAT 
{
    font-size:28px;
    font-weight: bold;
    margin: 10px 0 0 20px;
    font-family:Calibri;
     text-shadow: 0px 0px 2px white; 
    color: white;
}

.myButton 
{
   
   /* properties */
    background-color: deepskyblue;
    border-style: solid;
    border-color: whitesmoke;
    border-width:2px;
    
     font-size:14px;
     font-weight:bolder;
     
    /* round corners */
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:15px;
    /* shadow */
    box-shadow: 2px 2px 5px #888888;
    
    margin: 10px 0 0 5px;
    text-shadow: 0px 0px 2px white;
    height:30px;
    color: white;
}

.myButton:hover
{
    color:Lime;
    text-shadow: 0px 0px 20px lightgreen;
    cursor:pointer;
    border-width:1px;
    border-style:Groove;
    font-size:14px;
    font-weight:bold;
    box-shadow: 0px 0px 10px white;  
}

.textbox {
    border: 1px solid #c4c4c4;
    width: 180px;
    height: 18px;
    font-size: 11px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.textbox:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.divbox {       
        /*height: 380px; */
        width: 550px; 
        margin:0 auto;
        padding: 20px;
        background-color: white; 
        height:auto;
        
        

        /* outer shadows  (note the rgba is red, green, blue, alpha) */
        -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
        -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

        /* rounded corners */
        -webkit-border-radius: 12px;
        -moz-border-radius: 7px; 
        border-radius: 7px;

        /* gradients */
        background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
        background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
        
         
    }

    
    .testing
{
    border-bottom: silver thin outset;border-left: silver thin outset; background-color: darkgray;font-family: calibri;border-top: silver thin outset;border-right: silver thin outset;
}

.table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.table-2 caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background:#FFFFFF url(images/bg_caption.png) repeat-x top;
	height: 45px;
	color: #0099FF;
}

.table-2 td, .table-2 th {
	padding: 5px;
	color: #333;
}
.table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
.table-2 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
.table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.table-2 td:hover {
	background-color: #fff;
}

.mytable {
	width: 650px;
	border-collapse:collapse;
	border:1px solid #FFCA5E;
}
.mytable caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url(images/bg_caption.png) repeat-x top;
	height: 45px;
	color: #0099FF;
}
.mytable th {
	background: url(images/bg_th.jpg) no-repeat right;
	height: 47px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
}
.mytable tbody tr {
background: url(images/bg_td1.jpg) repeat-x top;
}
.mytable tbody tr.odd {
	background: #FFF8E8 url(images/bg_td2.jpg) repeat-x;
}

.mytable tbody th {
	font-size: 14px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}

.mytable tbody td {
	font-size: 14px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}

.mytable a {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
.mytable a:hover {
	color: #F8A704;
	text-decoration: underline;
}
.mytable tfoot th {
	background: url(images/bg_total.jpg) repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
.mytable tfoot td {
	background: url(images/bg_total.jpg) repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
.mytable tr:hover {
	background: url(images/bg_selected.jpg) repeat-x top;
}
.mytable tr.odd:hover {
	background: url(images/bg_selected.jpg) repeat-x top;
}