html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
}

.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 
}

.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.top_block {
	width: 100%;
	display: block; 
}

.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0; 
}

.left_block {
	display: block;
	float: left;
}

.right_block {
	display: block;
	float: right; 
}

.center_block {
	display: block;
	width: auto; 
}

.background.sections {
	height: auto !important;
	padding-bottom: 0;
	left: 0;
	width: 190px;
	background-color: #ffffff;
}

.sections {
	height: auto;
	width: 190px;
       }

.background.Question {
	height: auto !important;
	padding-bottom: 0;
        padding-left: 2%;
	right: 0;
	width: 720px;
	background-color: #ffffff;
        margin-top: 20px;
	margin-bottom: 75px; 
        border: 1px solid green ;
        overflow:scroll;
}


.Question {
	height: auto;
	width: 852px;
	padding-bottom: 75px;
}

.control_btns {
	width: 100%;
	height: 75px;
	background-color: #ffffff;
}

.background.check_rate {
	height: auto !important;
	padding-bottom: 0;
        padding-left: 2%;
        padding-right:2%;
	right: 0;
	width: 90%;
	background-color: #ffffff;
        margin-top: 20px;
	margin-bottom: 75px; 
        border: 3px solid green ;
        overflow:scroll;
}

 
.header {
	background-color: #ffffff;
	padding: 5px 10px;
} 
 
 
 
 /* 
    Clinical interview blue button
*/

.clin_button {
   border: 1px solid #0a3c59;
   background: #5092be;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#5092be));
   background: -webkit-linear-gradient(top, #65a9d7, #5092be);
   background: -moz-linear-gradient(top, #65a9d7, #5092be);
   background: -ms-linear-gradient(top, #65a9d7, #5092be);
   background: -o-linear-gradient(top, #65a9d7, #5092be);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #5092be 100%);
   padding: 2% 2%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 3.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
     }
.clin_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #5092be;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#5092be));
   background: -webkit-linear-gradient(top, #65a9d7, #5092be);
   background: -moz-linear-gradient(top, #65a9d7, #5092be);
   background: -ms-linear-gradient(top, #65a9d7, #5092be);
   background: -o-linear-gradient(top, #65a9d7, #5092be);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #5092be 100%);
   color: #fff;
   }
.clinical_button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#5092be), to(#3e779d));
   background: -webkit-linear-gradient(top, #5092be, #65a9d7);
   background: -moz-linear-gradient(top, #5092be, #65a9d7);
   background: -ms-linear-gradient(top, #5092be, #65a9d7);
   background: -o-linear-gradient(top, #5092be, #65a9d7);
   background-image: -ms-linear-gradient(top, #5092be 0%, #65a9d7 100%);
   color: #fff;
   }
 
 
 
 
 
 
  /* 
    Mini pasadd orange button
*/
 
   .mini_button {
   border: 1px solid #0a3c59;
   background: #de682c;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff9966), to(#de682c));
   background: -webkit-linear-gradient(top, #ff9966, #de682c);
   background: -moz-linear-gradient(top, #ff9966, #de682c);
   background: -ms-linear-gradient(top, #ff9966, #de682c);
   background: -o-linear-gradient(top, #ff9966, #de682c);
   background-image: -ms-linear-gradient(top, #ff9966 0%, #de682c 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 3.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
     }
.mini_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #de682c;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff9966), to(#de682c));
   background: -webkit-linear-gradient(top, #ff9966, #de682c);
   background: -moz-linear-gradient(top, #ff9966, #de682c);
   background: -ms-linear-gradient(top, #ff9966, #de682c);
   background: -o-linear-gradient(top, #ff9966, #de682c);
   background-image: -ms-linear-gradient(top, #ff9966 0%, #de682c 100%);
   color: #fff;
   }
   
   
   
 
   /* 
    chapas aqua button
*/
  
   
   .cha_button {
   border: 1px solid #0a3c59;
   background: #34c2d5;
   background: -webkit-gradient(linear, left top, left bottom, from(#34c2d5), to(#29abbc));
   background: -webkit-linear-gradient(top, #34c2d5, #29abbc);
   background: -moz-linear-gradient(top, #34c2d5, #29abbc);
   background: -ms-linear-gradient(top, #34c2d5, #29abbc);
   background: -o-linear-gradient(top, #34c2d5, #29abbc);
   background-image: -ms-linear-gradient(top, #34c2d5 0%, #29abbc 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 3.5vmin;
   font-family: tahoma;
   vertical-align: middle;
   }
   
.cha_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #34c2d5;
   background: -webkit-gradient(linear, left top, left bottom, from(#34c2d5), to(#29abbc));
   background: -webkit-linear-gradient(top, #34c2d5, #29abbc);
   background: -moz-linear-gradient(top, #34c2d5, #29abbc);
   background: -ms-linear-gradient(top, #34c2d5, #29abbc);
   background: -o-linear-gradient(top, #34c2d5, #29abbc);
   background-image: -ms-linear-gradient(top, #34c2d5 0%, #29abbc 100%);
   color: #fff;
   }
   
/* 
    Discard and close buttons - anything that might end or delete data
*/   
   
.btn_discard,.btn_close {
   border: 1px solid #cc3333;
   background: #999999;
   background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
   background: -webkit-linear-gradient(top, #666666, #999999);
   background: -moz-linear-gradient(top, #666666, #999999);
   background: -ms-linear-gradient(top, #666666, #999999);
   background: -o-linear-gradient(top, #666666, #999999);
   background-image: -ms-linear-gradient(top, #666666 0%, #999999 100%);
   padding: 3% 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #fff;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
     }
.btn_discard:hover,.btn_close:hover {
   border: 1px solid cc3333;
   text-shadow: #1e4158 0 1px 0;
   background: #5092be;
   background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
   background: -webkit-linear-gradient(top, #999999, #666666);
   background: -moz-linear-gradient(top, #999999, #666666);
   background: -ms-linear-gradient(top, #999999, #666666);
   background: -o-linear-gradient(top, #999999, #666666);
   background-image: -ms-linear-gradient(top, #999999 0%, #666666 100%);
   color: #fff;
   }
   
    /* 
    OLD Clinical interview blue button
*/

.startbutton {
   border: 1px solid #0a3c59;
   background: #5092be;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#5092be));
   background: -webkit-linear-gradient(top, #65a9d7, #5092be);
   background: -moz-linear-gradient(top, #65a9d7, #5092be);
   background: -ms-linear-gradient(top, #65a9d7, #5092be);
   background: -o-linear-gradient(top, #65a9d7, #5092be);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #5092be 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
     }
.startbutton:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #5092be;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#5092be));
   background: -webkit-linear-gradient(top, #65a9d7, #5092be);
   background: -moz-linear-gradient(top, #65a9d7, #5092be);
   background: -ms-linear-gradient(top, #65a9d7, #5092be);
   background: -o-linear-gradient(top, #65a9d7, #5092be);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #5092be 100%);
   color: #fff;
   }
   
   
   
.btn_checklist {
   border: 1px solid #de8559;
   background: #de682c;
   background: -webkit-gradient(linear, left top, left bottom, from(#de8559), to(#de682c));
   background: -webkit-linear-gradient(top, #de8559, #de682c);
   background: -moz-linear-gradient(top, #de8559, #de682c);
   background: -ms-linear-gradient(top, #de8559, #de682c);
   background: -o-linear-gradient(top, #de8559, #de682c);
   background-image: -ms-linear-gradient(top, #de8559 0%, #de682c 100%);
   padding: 1% 1%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #000000 0 1px 0;
   color: #000000;
   font-size: 3vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   outline-style:none;
   }
.btn_checklist:hover {
  border: 1px solid #db9b7d;
   text-shadow: #000000 0 1px 0;
   background: #d99477;
   background: -webkit-gradient(linear, left top, left bottom, from(#db9b7d), to(#d99477));
   background: -webkit-linear-gradient(top, #db9b7d, #d99477);
   background: -moz-linear-gradient(top, #db9b7d, #d99477);
   background: -ms-linear-gradient(top, #db9b7d, #d99477);
   background: -o-linear-gradient(top, #db9b7d, #d99477);
   background-image: -ms-linear-gradient(top, #db9b7d 0%, #d99477 100%);
   color: #000000;
   }   
   
   
   
   
   
   


.button {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
     }
.button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }
   
.btn_showSections {
  border: 1px solid #c282ed;
   border: 1px solid #0a3c59;
   background: #e6cdf7;
   background: -webkit-gradient(linear, left top, left bottom, from(#ecdcf7), to(#e6cdf7));
   background: -webkit-linear-gradient(top, #ecdcf7, #e6cdf7);
   background: -moz-linear-gradient(top, #ecdcf7, #e6cdf7);
   background: -ms-linear-gradient(top, #ecdcf7, #e6cdf7);
   background: -o-linear-gradient(top, #ecdcf7, #e6cdf7);
   background-image: -ms-linear-gradient(top, #ecdcf7 0%, #e6cdf7 100%);
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #1e1f1f 0 1px 0;
   color: #06426c;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.btn_showSections:hover {
  border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #d9b8f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#e6cdf7), to(#d9b8f0));
   background: -webkit-linear-gradient(top, #e6cdf7, #d9b8f0);
   background: -moz-linear-gradient(top, #e6cdf7, #d9b8f0);
   background: -ms-linear-gradient(top, #e6cdf7, #d9b8f0);
   background: -o-linear-gradient(top, #e6cdf7, #d9b8f0);
   background-image: -ms-linear-gradient(top, #e6cdf7 0%, #d9b8f0 100%);
   color: #000000;
   }

   
   .btn_continue {
   border: 1px solid #0e300e;
   background: #3e9c42;
   background: -webkit-gradient(linear, left top, left bottom, from(#65d665), to(#3e9c42));
   background: -webkit-linear-gradient(top, #65d665, #3e9c42);
   background: -moz-linear-gradient(top, #65d665, #3e9c42);
   background: -ms-linear-gradient(top, #65d665, #3e9c42);
   background: -o-linear-gradient(top, #65d665, #3e9c42);
   background-image: -ms-linear-gradient(top, #65d665 0%, #3e9c42 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #739e6a 0 1px 0;
   color: #000000;
   font-size: 2.5vmin;
   font-family: tahoma;;
   text-decoration: none;
   vertical-align: middle;
   }
        
.btn_continue:hover {
   border: 1px solid #274018;
   text-shadow: #1e4158 0 1px 0;
   background: #649c3e;
   background: -webkit-gradient(linear, left top, left bottom, from(#78d665), to(#649c3e));
   background: -webkit-linear-gradient(top, #78d665, #649c3e);
   background: -moz-linear-gradient(top, #78d665, #649c3e);
   background: -ms-linear-gradient(top, #78d665, #649c3e);
   background: -o-linear-gradient(top, #78d665, #649c3e);
   background-image: -ms-linear-gradient(top, #78d665 0%, #649c3e 100%);
   color: #fff;
   }
   
.btn_ask {
   border: 1px solid #ffdd03;
   background: #e9f500;
   background: -webkit-gradient(linear, left top, left bottom, from(#ecf000), to(#e9f500));
   background: -webkit-linear-gradient(top, #ecf000, #e9f500);
   background: -moz-linear-gradient(top, #ecf000, #e9f500);
   background: -ms-linear-gradient(top, #ecf000, #e9f500);
   background: -o-linear-gradient(top, #ecf000, #e9f500);
   background-image: -ms-linear-gradient(top, #ecf000 0%, #e9f500 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
     
.btn_ask:hover {
 border: 1px solid #fcfc05;
   text-shadow: #1e4158 0 1px 0;
   background: #e6e856;
   background: -webkit-gradient(linear, left top, left bottom, from(#e9fa67), to(#e6e856));
   background: -webkit-linear-gradient(top, #e9fa67, #e6e856);
   background: -moz-linear-gradient(top, #e9fa67, #e6e856);
   background: -ms-linear-gradient(top, #e9fa67, #e6e856);
   background: -o-linear-gradient(top, #e9fa67, #e6e856);
   background-image: -ms-linear-gradient(top, #e9fa67 0%, #e6e856 100%);
   color: #000000;
  }   
  
  .btn_inactive {
   border: 1px solid #31499c;
   background: #98a4ce;
   background: -webkit-gradient(linear, left top, left bottom, from(#7e8ab3), to(#98a4ce));
   background: -webkit-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -moz-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -ms-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -o-linear-gradient(top, #7e8ab3, #98a4ce);
   background-image: -ms-linear-gradient(top, #7e8ab3 0%, #98a4ce 100%);
   padding: 1% 1%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   color: #f2faff;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   outline-style:none;
   }
 
   .btn_inactive:hover{
       border: 1px solid #31499c;
   background: #7e8ab3;
   background: -webkit-gradient(linear, left top, left bottom, from(#7e8ab3), to(#98a4ce));
   background: -webkit-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -moz-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -ms-linear-gradient(top, #7e8ab3, #98a4ce);
   background: -o-linear-gradient(top, #7e8ab3, #98a4ce);
   background-image: -ms-linear-gradient(top, #7e8ab3 0%, #98a4ce 100%);
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   color: #f2faff;
   }
   
     
   @keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
   
.btn_rate {
   border: 1px solid #e82529;
   background: #e82529;
   background: -webkit-gradient(linear, left top, left bottom, from(#e82529), to(#e82529));
   background: -webkit-linear-gradient(top, #e82529, #e82529);
   background: -moz-linear-gradient(top, #e82529, #e82529);
   background: -ms-linear-gradient(top, #e82529, #e82529);
   background: -o-linear-gradient(top, #e82529, #e82529);
   background-image: -ms-linear-gradient(top, #e82529 0%, #e82529 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #000000 0 1px 0;
   color: #000000;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.btn_rate:hover {
   border: 1px solid #f54f57;
   text-shadow: #000000 0 1px 0;
   background: #f54f57;
   background: -webkit-gradient(linear, left top, left bottom, from(#f54f57), to(#f54f57));
   background: -webkit-linear-gradient(top, #f54f57, #f54f57);
   background: -moz-linear-gradient(top, #f54f57, #f54f57);
   background: -ms-linear-gradient(top, #f54f57, #f54f57);
   background: -o-linear-gradient(top, #f54f57, #f54f57);
   background-image: -ms-linear-gradient(top, #f54f57 0%, #f54f57 100%);
   color: #000000;
   }
   
.btn_notes {
   border: 1px solid #4766e0;
   background: #2c50d1;
   background: -webkit-gradient(linear, left top, left bottom, from(#5777e0), to(#2c50d1));
   background: -webkit-linear-gradient(top, #5777e0, #2c50d1);
   background: -moz-linear-gradient(top, #5777e0, #2c50d1);
   background: -ms-linear-gradient(top, #5777e0, #2c50d1);
   background: -o-linear-gradient(top, #5777e0, #2c50d1);
   background-image: -ms-linear-gradient(top, #5777e0 0%, #2c50d1 100%);
   padding: 1% 1%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #000000 0 1px 0;
   color: #000000;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   outline-style:none;
   }
.btn_notes:hover {
   border: 1px solid #4766e0;
   text-shadow: #000000 0 1px 0;
   background: #617ce0;
   background: -webkit-gradient(linear, left top, left bottom, from(#617ce0), to(#617ce0));
   background: -webkit-linear-gradient(top, #617ce0, #617ce0);
   background: -moz-linear-gradient(top, #617ce0, #617ce0);
   background: -ms-linear-gradient(top, #617ce0, #617ce0);
   background: -o-linear-gradient(top, #617ce0, #617ce0);
   background-image: -ms-linear-gradient(top, #617ce0 0%, #617ce0 100%);
   color: #000000;
   }   

   .btn_next{
   border: 1px solid #1cdd11;
   background: #1cdd11;
   background: -webkit-gradient(linear, left top, left bottom, from(#1cdd11), to(#1cdd11));
   background: -webkit-linear-gradient(top, #1cdd11, #1cdd11);
   background: -moz-linear-gradient(top, #1cdd11, #1cdd11);
   background: -ms-linear-gradient(top, #1cdd11, #1cdd11);
   background: -o-linear-gradient(top, #1cdd11, #1cdd11);
   background-image: -ms-linear-gradient(top, #1cdd11 0%, #1cdd11 100%);
  padding: 1% 1%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #000000 0 1px 0;
   color: #000000;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.btn_next:hover {
   border: 1px solid #72d66d;
   text-shadow: #000000 0 1px 0;
   background: #72d66d;
   background: -webkit-gradient(linear, left top, left bottom, from(#92db8f), to(#72d66d));
   background: -webkit-linear-gradient(top, #92db8f, #72d66d);
   background: -moz-linear-gradient(top, #92db8f, #72d66d);
   background: -ms-linear-gradient(top, #92db8f, #72d66d);
   background: -o-linear-gradient(top, #92db8f, #72d66d);
   background-image: -ms-linear-gradient(top, #92db8f 0%, #72d66d 100%);
   color: #000000;
   }
  
   .custom {
    width: 15% !important;
}


.round-button {
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border: 2px solid #297ACC;
    border-radius: 50%;
    color:#FFFFFF;
    text-align:center;
    text-decoration:none;
    background: #297ACC;
    box-shadow: 0 0 3px gray;
    font-size:20px;
    font-weight:bold;
    outline: 0;     
    outline-style:none;
    border: none;
}
.round-button:hover {
    background: #69A2DB;
}

.btn_do {
  border: 1px solid #06416c;
   background: #7e9fb5;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7fcff), to(#7e9fb5));
   background: -webkit-linear-gradient(top, #f7fcff, #7e9fb5);
   background: -moz-linear-gradient(top, #f7fcff, #7e9fb5);
   background: -ms-linear-gradient(top, #f7fcff, #7e9fb5);
   background: -o-linear-gradient(top, #f7fcff, #7e9fb5);
   background-image: -ms-linear-gradient(top, #f7fcff 0%, #7e9fb5 100%);
  padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06416c;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   outline:none;
   }
.btn_do:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }

   .btn_section_item {
        border: 1px solid #9ae693;
   background: #9ae693;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ae693), to(#9ae693));
   background: -webkit-linear-gradient(top, #9ae693, #9ae693);
   background: -moz-linear-gradient(top, #9ae693, #9ae693);
   background: -ms-linear-gradient(top, #9ae693, #9ae693);
   background: -o-linear-gradient(top, #9ae693, #9ae693);
   background-image: -ms-linear-gradient(top, #9ae693 0%, #9ae693 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #000203;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.btn_section_item:hover {
   border: 1px solid #66d15a;
   text-shadow: #ffffff 0 1px 0;
   background: #66d15a;
   background: -webkit-gradient(linear, left top, left bottom, from(#66d15a), to(#66d15a));
   background: -webkit-linear-gradient(top, #66d15a, #66d15a);
   background: -moz-linear-gradient(top, #66d15a, #66d15a);
   background: -ms-linear-gradient(top, #66d15a, #66d15a);
   background: -o-linear-gradient(top, #66d15a, #66d15a);
   background-image: -ms-linear-gradient(top, #66d15a 0%, #66d15a 100%);
   color: #fff;
   }
   
   .btn_info {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 1% 1%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #fcfcfc;
   font-size: 2vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   
   }
.btn_info:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
   
   .btnSkip {
   border: 1px solid #0a3c59;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ffffff));
   background: -webkit-linear-gradient(top, #fcfcfc, #ffffff);
   background: -moz-linear-gradient(top, #fcfcfc, #ffffff);
   background: -ms-linear-gradient(top, #fcfcfc, #ffffff);
   background: -o-linear-gradient(top, #fcfcfc, #ffffff);
   background-image: -ms-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
   padding: 3% 6%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #000000;
   font-size: 2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.btnSkip:hover {
   border: 1px solid #0a3c59;
   text-shadow: #eff4f7 0 1px 0;
   background: #858b8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#7c8185), to(#858b8f));
   background: -webkit-linear-gradient(top, #7c8185, #858b8f);
   background: -moz-linear-gradient(top, #7c8185, #858b8f);
   background: -ms-linear-gradient(top, #7c8185, #858b8f);
   background: -o-linear-gradient(top, #7c8185, #858b8f);
   background-image: -ms-linear-gradient(top, #7c8185 0%, #858b8f 100%);
   color: #ffffff;
   }
   
   


.interviewType   {
	padding-left: 6%;
	padding-top: 3%;
	padding-bottom: 3%;
}
   
.clin_enter_button {
   border: 1px solid #0a3c59;
   background: #94a5d0;
   background: -webkit-gradient(linear, left top, left bottom, from(#94a5d0), to(#94a5d0));
   background: -webkit-linear-gradient(top, #94a5d0, #94a5d0);
   background: -moz-linear-gradient(top, #94a5d0, #94a5d0);
   background: -ms-linear-gradient(top, #94a5d0, #94a5d0);
   background: -o-linear-gradient(top, #94a5d0, #94a5d0);
   background-image: -ms-linear-gradient(top, #94a5d0 0%, #94a5d0 100%);
   padding: 3% 6%;
   margin-top:4%;
   margin-bottom: 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1c48a0;
   font-size:2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.clin_enter_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #94a5d0;
   background: -webkit-gradient(linear, left top, left bottom, from(#94a5d0), to(#94a5d0));
   background: -webkit-linear-gradient(top, #94a5d0, #94a5d0);
   background: -moz-linear-gradient(top, #94a5d0, #94a5d0);
   background: -ms-linear-gradient(top, #94a5d0, #94a5d0);
   background: -o-linear-gradient(top, #94a5d0, #94a5d0);
   background-image: -ms-linear-gradient(top, #94a5d0 0%, #94a5d0 100%);
   color: #fff;
   }
   
   .mini_enter_button {
   border: 1px solid #0a3c59;
   background: #ffcc8e;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc8e), to(#ffcc8e));
   background: -webkit-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -moz-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -ms-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -o-linear-gradient(top, #ffcc8e, #ffcc8e);
   background-image: -ms-linear-gradient(top, #ffcc8e 0%, #ffcc8e 100%);
   padding: 3% 6%;
   margin-top:4%;
   margin-bottom: 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1c48a0;
   font-size:2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.mini_enter_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #ffcc8e;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc8e), to(#ffcc8e));
   background: -webkit-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -moz-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -ms-linear-gradient(top, #ffcc8e, #ffcc8e);
   background: -o-linear-gradient(top, #ffcc8e, #ffcc8e);
   background-image: -ms-linear-gradient(top, #ffcc8e 0%, #ffcc8e 100%);
   color: #fff;
   }
   
   .cha_enter_button {
   border: 1px solid #0a3c59;
   background: #00e8f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#00e8f0), to(#00e8f0));
   background: -webkit-linear-gradient(top, #00e8f0, #00e8f0);
   background: -moz-linear-gradient(top, #00e8f0, #00e8f0);
   background: -ms-linear-gradient(top, #00e8f0, #00e8f0);
   background: -o-linear-gradient(top, #00e8f0, #00e8f0);
   background-image: -ms-linear-gradient(top, #00e8f0 0%, #00e8f0 100%);
   padding: 3% 6%;
    margin-top:4%;
    margin-bottom: 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1c48a0;
   font-size:2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.cha_enter_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #00e8f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#00e8f0), to(#00e8f0));
   background: -webkit-linear-gradient(top, #00e8f0, #00e8f0);
   background: -moz-linear-gradient(top, #00e8f0, #00e8f0);
   background: -ms-linear-gradient(top, #00e8f0, #00e8f0);
   background: -o-linear-gradient(top, #00e8f0, #00e8f0);
   background-image: -ms-linear-gradient(top, #00e8f0 0%, #00e8f0 100%);
   color: #fff;
   }
   
   .button_plain {
   border: 1px solid #0a3c59;
   background: #a6a1a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#dad7d8), to(#a6a1a2));
   background: -webkit-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -moz-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -ms-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -o-linear-gradient(top, #dad7d8, #a6a1a2);
   background-image: -ms-linear-gradient(top, #dad7d8 0%, #a6a1a2 100%);
   padding: 3% 6%;
   margin-top:4%;
   margin-bottom: 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1c48a0;
   font-size:2vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.button_plain:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #a6a1a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#dad7d8), to(#a6a1a2));
   background: -webkit-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -moz-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -ms-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -o-linear-gradient(top, #dad7d8, #a6a1a2);
   background-image: -ms-linear-gradient(top, #dad7d8 0%, #a6a1a2 100%);
   color: #fff;
   }
   
   
   .done_btn {
   border: 1px solid #0a3c59;
   background: #a6a1a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#dad7d8), to(#a6a1a2));
   background: -webkit-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -moz-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -ms-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -o-linear-gradient(top, #dad7d8, #a6a1a2);
   background-image: -ms-linear-gradient(top, #dad7d8 0%, #a6a1a2 100%);
  -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1c48a0;
   font-size:2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.done_btn:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #a6a1a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#dad7d8), to(#a6a1a2));
   background: -webkit-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -moz-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -ms-linear-gradient(top, #dad7d8, #a6a1a2);
   background: -o-linear-gradient(top, #dad7d8, #a6a1a2);
   background-image: -ms-linear-gradient(top, #dad7d8 0%, #a6a1a2 100%);
   color: #fff;
   }
   
   
   .button_pav_blue {
    border: 1px solid #0a3c59;
   background: #1c48a0;
   background: -webkit-gradient(linear, left top, left bottom, from(#143473), to(#1c48a0));
   background: -webkit-linear-gradient(top, #143473, #1c48a0);
   background: -moz-linear-gradient(top, #143473, #1c48a0);
   background: -ms-linear-gradient(top, #143473, #1c48a0);
   background: -o-linear-gradient(top, #143473, #1c48a0);
   background-image: -ms-linear-gradient(top, #143473 0%, #1c48a0 100%);
  padding: 3% 6%;
    margin-top:4%;
   margin-bottom: 4%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #fcf9fc;
   font-size:2.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.button_pav_blue:hover {
    border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #466294;
   background: -webkit-gradient(linear, left top, left bottom, from(#4c638f), to(#466294));
   background: -webkit-linear-gradient(top, #4c638f, #466294);
   background: -moz-linear-gradient(top, #4c638f, #466294);
   background: -ms-linear-gradient(top, #4c638f, #466294);
   background: -o-linear-gradient(top, #4c638f, #466294);
   background-image: -ms-linear-gradient(top, #4c638f 0%, #466294 100%);
   color: #fff;
   }
   
   .activities_button {
   border: 1px solid #0a3c59;
   background: #948e8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#dfdede), to(#948e8f));
   background: -webkit-linear-gradient(top, #dfdede, #948e8f);
   background: -moz-linear-gradient(top, #dfdede, #948e8f);
   background: -ms-linear-gradient(top, #dfdede, #948e8f);
   background: -o-linear-gradient(top, #dfdede, #948e8f);
   background-image: -ms-linear-gradient(top, #dfdede 0%, #948e8f 100%);
   padding: 3% 6%;
   width:80%;
   margin-top:7%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #1C47A0;
   font-size:3.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.activities_button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #1c48a0;
   background: -webkit-gradient(linear, left top, left bottom, from(#4465a6), to(#1c48a0));
   background: -webkit-linear-gradient(top, #4465a6, #1c48a0);
   background: -moz-linear-gradient(top, #4465a6, #1c48a0);
   background: -ms-linear-gradient(top, #4465a6, #1c48a0);
   background: -o-linear-gradient(top, #4465a6, #1c48a0);
   background-image: -ms-linear-gradient(top, #4465a6 0%, #1c48a0 100%);
   color: #fff;
   }
   
   .discard_button {
   border: 2px solid #ff0000;
   background: #818181;
   background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#818181));
   background: -webkit-linear-gradient(top, #818181, #818181);
   background: -moz-linear-gradient(top, #818181, #818181);
   background: -ms-linear-gradient(top, #818181, #818181);
   background: -o-linear-gradient(top, #818181, #818181);
   background-image: -ms-linear-gradient(top, #818181 0%, #818181 100%);
   padding: 3% 6%;
   margin-top:10%;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #f5f8fa;
   font-size:3.5vmin;
   font-family: tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
.discard_button:hover {
   border: 2px solid #ff0000;
   text-shadow: #1e4158 0 1px 0;
   background: #ff0000;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0000));
   background: -webkit-linear-gradient(top, #ff0000, #ff0000);
   background: -moz-linear-gradient(top, #ff0000, #ff0000);
   background: -ms-linear-gradient(top, #ff0000, #ff0000);
   background: -o-linear-gradient(top, #ff0000, #ff0000);
   background-image: -ms-linear-gradient(top, #ff0000 0%, #ff0000 100%);
   color: #fff;
   }
   
   /* 
    Containers
*/
    .container {
  display: flex;
  background: white;
  padding-top: 1%;
 
}

.container div {
  padding: 1%;
}

.container img {
  height: 80%;
  width: 100%;
}    

.box {
  display: flex;
  flex-flow: column;
  height: 86%;
}

.main_title{
    font-family: tahoma;
   
}

.title_container{
    background-color: #ffffff;
    color:#1C47A0;
    padding-left: 1%;
    padding-bottom:1%;
    height: 10%; 
    font-size:10vmin;
    font-family: tahoma;
    font-weight: bold
}

.sub_container{
    color:#1C47A0;
    padding-top: 3%;
    height: 6%; 
    font-size:3vmin;
    font-family: tahoma;
    text-align:center;
}

 .activity_title_container{
   background-color: #ffffff;
    padding-left: 1%;
    padding-top:1%;
    height: 6%; 
    font-size:3.5vmin;
    font-family: tahoma;
    font-weight: bold;
  }             
            
 .activities_sub_container{
    color:#1C47A0;
    text-align:center;
    padding-top: 1%;
    height: 4.5%; 
    font-size:4vmin;
    font-family: tahoma;
    font-weight:bold;
}

.activities_column_head{
    background-color: #1C47A0;
    font-size:3.5vmin;
    font-family: tahoma;
   
}
          
.activities_btn_title{
    color:#1C47A0;
    font-family:tahoma;
    font-size:2.5vmin;
               
}    

   /*
    
    
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-Jan-2015, 15:44:56
    Author     : S&P
*/