@page{size: landscape;}
@font-face {
    font-family: blair;
    src: url(fonts/Blaimim_.ttf);
}

h2{
    font-family: 'Droid Serif', serif;
    color: rgb(0,61,88);
    font-weight: bold;
    font-size: 32px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

h3{
    font-family: 'Droid Serif', serif;
    color: rgb(0,61,88);
    font-weight: bold;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-style:italic;
}

button, a{outline: none;}

.medstopperTitleArea{
    background-color:#C1CDCD;
    padding:25px 200px 25px 100px;
}

.medstopperBodyArea{
    padding:25px 100px 20px 100px;
}

.ui-dialog-titlebar-close{display:none;visibility: hidden;}
.ui-dialog{width:500px !important;}
.medstopperPopupElderly a{border:none;}

table td
{
    border: 1px solid;
    text-align:center;
}

table{border-spacing:0px;}

table.dataTable thead th{border-bottom:none;font-weight:bold;font-size:13px;padding:0px 5px 0px 5px;vertical-align: top;}
table.dataTable tr.odd{background-color:white !important;}
table.dataTable tr.even{background-color:white !important;}
table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1{background-color:#EAEBFF}
table.dataTable td{padding: 3px 3px 3px 3px;}

.medstopperResources table, .medstopperResources td{border:1px solid #dedede;padding:5px;text-align: left;}

body{background:#ccc;font-family: 'Open Sans',arial;}
body p{line-height:24px;}
.main{
    background-color:white;
    width:980px;
    padding: 0px 0px 0px 0px;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    box-shadow: 0px 3px 5px #444;
    position:relative;
    /*background-image: url("images/medBackground.jpg");*/
}
.mainHeading{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    padding:5px;
    font-weight:normal;
}

.main .flexslider{border:none;margin-bottom:0px;pointer-events:none;}
.bannerTitle{
    font-family:blair;
    width:450px;
    height:36px;
    background: rgb(191, 206, 167);
    position:absolute;
    top:20px;
    z-index:100;
    font-size:26px;
    padding:20px 0px 10px 0px;
    text-align:center;
    letter-spacing:10px;
    font-weight:bold;
}
@media print{
    .bannerTitle{font-family:arial;}
}
.bannerCaption{
    font-family:Open Sans;
    font-style: italic;
    width:350px;
    height:60px;
    color:rgb(0,61,88);
    line-height:20px;
    background: rgba(210, 210, 220, 0.90);
    position:absolute;
    top:40px;
    right:50px;
    z-index:100;
    font-size:16px;
    padding-top:20px;
    padding:20px;
}
.medStopperBanner{width:100%;}
.yourMedstopperBanner{height:60px;display:block;margin-left:auto;margin-right:auto;}
.medStopperMenu{float:left; }
.msHide{display:none;}
/*.msQuestion{width:20px;height:19px;margin-top:5px;}*/
.score-0, .score-1, .score-2, .score-3, .score-4, .score-5, .score-6{
    /*background-size: 60px 60px;*/
    /*background-repeat: no-repeat;
    background-position: center;*/
}

/*.score-0 img{width:20px; height:20px;}
.score-1 img{width:25px; height:25px;}
.score-2 img{width:30px; height:30px;}
.score-3 img{width:35px; height:35px;}
.score-4 img{width:40px; height:40px;}
.score-5 img{width:45px; height:45px;}
.score-6 img{width:50px; height:50px;}*/
.score-0 img{width:100%;height:auto;}
.score-1 img{width:100%;height:auto;}
.score-2 img{width:100%;height:auto;}
.score-3 img{width:100%;height:auto;}
.score-4 img{width:100%;height:auto;}
.score-5 img{width:100%;height:auto;}
.score-6 img{width:100%;height:auto;}
.score--10 img{width:100%;height:auto;}

.msh0{width:70px;}
.msh1{padding-left:30px;}

.medStopperContainer thead{background:rgb(0,61,88);color:white;}

.medStopperPlannerTable table td:nth-child(2), .medStopperPlannerTable table td:nth-child(3){
    background-color:white;
}

.searchIcon{
    position: relative;
    top: 26px;
    left: 147px;
    width: 32px;
}

.dataTables_wrapper{border:1px solid;}
.dataTables_info{display:none;}
.dataTables_length{display:none;}

.dataTables_filter{
    /*float:left;
    padding:5px;*/
    position:absolute;
    top:-91px;
    left:0px;
}

.dataTables_filter input{
    left: 0px;
    position: absolute;
    top: 25px;
    height: 20px;
    background: url("assets/SearchIcon.png") no-repeat scroll 128px 0px;
    background-size: 22px 22px;
    width:150px;
}

.medStopperContainer
{
    position:relative;
    /*margin-left:455px;
    width:600px;*/
}

.medPlannerContainer
{
    background:#C1CDCD;/*#68899C;*/
    padding:30px 50px 50px 50px;
    /*width:1100px;
    height:480px;*/
}

.condition select
{
    width:150px;
}

.medAdd, .clearAll, .medStopperPrint{
    /*color: white;*/
    /*border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: rgb(28, 184, 65);*/
    font-size:11px;
    cursor:pointer;
    text-decoration: underline;
    color:rgb(0,61,88);
    font-weight:bold;
}

.clearAll, .medStopperPrint{
    background: rgb(191, 206, 167);
    font-size:11px;
    cursor:pointer;
    text-decoration: none;
    color:rgb(0,61,88);
    font-weight:bold;
    margin:10px 10px 10px 30px;
    padding:7px 20px;
    display:inline-block;
    border:1px solid rgb(0,61,88);
}

.medStopperPrint{
    float:right;
}

.medRemoveContainer{
    height:100%;
    display:table;
    position:absolute;
    top:0px;
    left:-25px;
}

.medRemove{
    color: #DEDEDE;
    font-size:24px;
    cursor:pointer;
    position:absolute;
    left:-30px;
    display:table-cell;
    top:50%;
    transform: translateY(-50%);
}

/*.clearAll, .medStopperPrint{float:right;margin-top:10px;}*/

.medStopperPlannerScrollContainer
{
    /*width:1000px;*/
}

#medStopperPlanner_wrapper
{
    /*margin-left:75px;*/
    background-color:white;
    min-height:200px;
    /*width:1000px;*/
}

#medStopperSelector_wrapper
{
    background-color:white;
    width:710px;
    left:138px;
}

#medStopperSelector .sorting_asc, #medStopperSelector .sorting
{background:none !important;pointer-events:none !important;}

.scrollDownHint{
    position:absolute;
    bottom:5px;
    right:50px;
    font-style:italic;
    color:rgb(0,61,88);
}

.scrollDownHintInitial{
    width: 20px;
    position: absolute;
    right: 580px;
}

.scrollDownHint img{
    margin-top:20px;
    width:20px;
    margin-right: 5px;
    vertical-align: -8px;
}

.medStopperPlannerTable
{
    margin:20px 0px 20px 0px;
}

.medStopperPlannerTable thead{background:rgb(0,61,88);color:white;}

.selectIntro{margin-left:-5px;}

.medStopperTableByCondition{display:none;}

.leftImage
{
    float:left;
    width:54px;
    height:375px;
}

table.dataTable td {
padding: 10px 10px;
font-size:11px;
position:relative;
}

/*table.dataTable td.score{padding:0px;}*/

.medStopperContainer table.dataTable td{
    padding:0px 10px;
}
.medstopperNumber{margin:10px 20px 0px 100px;width:20px;vertical-align:-7px;}

.frailForm
{
    /*margin-left:100px;*/
    margin-top:-50px;
}

.medStopperArrangeByContainer{
    margin-left:80px;
    font-family:Open Sans;
    color:rgb(0,61,88);
    font-weight:600;
}

.medStopperArrangeByContainer select{
    height: 30px;
    width: 200px;
    font-size: 18px;
}

.medStopperContainer .tableTitle
{
    display:block;
    font-family: 'Droid Serif', serif;
    color:rgb(0,61,88);
    font-weight:bold;
    font-style: italic;
    font-size:18px;
    margin:0px 0px 0px 80px;
}

.medPlannerContainer .tableTitle
{
    display:block;
    font-family: 'Droid Serif', serif;
    color:rgb(0,61,88);
    font-weight:bold;
    font-size:36px;
    margin:0px 0px 0px 80px;
}

.dataTables_info, .dataTables_paginate{margin-top:5px;line-height:20px;}
.moreLikely{color:white;position:absolute;width:70px;padding:10px;}
.lessLikely{
    color:white;
    bottom:0;
    width:70px;
    padding:10px;
    margin-top:-70px;
}


/*.cc-0{background-image: url("images/faceGreen.png");}
.cc-1{background-image: url("images/faceYellow.png");}
.cc-2,.cc-3{background-image: url("images/faceRed.png");}*/

.cc-0, .cc-1, .cc-2, .cc-3, [class*='cc-']{
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-color:#EAEBFF;
}

.ccImg{width:60px;height:60px;}

/*.cc-0, .cc-1, .cc-2, .cc-3 {
  display: list-item;
  list-style-image: url("images/faceGreen.png");
  list-style-position: inside;
  width:30px;
  height:30px;
}*/

.medstopperExtraLinks{
    position: absolute;
    bottom: 5px;
}
.widerColumn{width:200px;}
.widestColumn{width:300px;}
.thinnerColumn{width:60px;}
.thinnestColumn{width:40px;}
.harm1{display:table-cell;}
.harm2{display:none;}
   
   /* This is just styling for this specific page. */
   /*body {
      background-color: #555; 
      font: small/1.3 Arial, Helvetica, sans-serif; }*/
   #wrap {
      width: 750px;
      margin: 0 auto;
      background-color: #fff; }
   h1 {
      font-size: 1.5em;
      padding: 1em 8px;
      color: #333;
      background-color: #069;
      margin: 0; }
   #content {
      padding: 0 50px 50px; }
      
    /* end nav bar styling */
    
    /* Begin dropdown nav bar styling */
    ul {
  text-align: left;
  display: block;
  width:100%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  background:rgb(0,61,88);
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index:10;
}
ul li {
  font-size: 20px;
  font-family:Open Sans;
  display: inline-block;
  margin-right: -5px;
  position: relative;
  padding: 5px 50px;
  background: rgb(0, 61, 88);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.medstopperMenu > li:first-of-type{margin-left:50px;}
ul li, ul li a{color:white;text-decoration: none;}
ul li:hover a{color:white;}
ul li:hover, ul li a:hover {
  background: rgb(0, 81, 98);
  color: white !important;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 37px;
  left: 0;
  width: 240px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background: rgb(0, 61, 88); 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  font-size:18px;
}
ul li ul li:hover { background: background: rgb(0, 61, 88); color:white !important;}
ul li:hover ul {
  display: block;
  opacity:1;
  visibility:visible;
}
    /* End dropdown nav bar styling */
    
.medstopperContactForm{margin-left:90px;}
.medstopperTitleArea a{line-height:26px;}
.medstopperBodyArea.faq{width:550px;}

.rightMessageContact{
    background-color:rgb(191, 206, 167);
    width:180px;
    position:absolute;
    /*left:675px;
    top:-825px;*/
    top:520px;
    right:40px;
    padding:30px 40px;
    color:rgb(0,61,88);
}

.rightMessageContactFAQ{
    background-color:rgb(191, 206, 167);
    width:180px;
    position:absolute;
    left:675px;
    top:630px;
    padding:30px 40px;
    color:rgb(0,61,88);
}

.contactButtonLink{
    background-color:rgb(0,61,88);
    color:white;
    text-decoration: none;
    padding:10px 50px;
}

.rightMessageContact strong{
    font-style: italic;
    font-family: 'Droid Serif', serif;
}

.msUnderlineTitle{
    text-decoration:underline;
    font-weight:bold;
}

.msMeetTeamTable{
    
}

.msMeetTeamTable, .msMeetTeamTable td, .msMeetTeamTable tr{
    border:none;
    padding:10px 30px 10px 0px;
    text-align:left;
    vertical-align: top;
}

.msMeetTeamTable td h3{
    margin-top:-3px;
}

.msMeetTeamTable img{
    width:250px;
    height:250px;
}
    
/* Start Jquery UI Dialog style Overrides */
.ui-widget-header{background:rgb(0,61,88) !important;border:none;}
.ui-dialog-titlebar{border:none !important;}
.ui-button-text{background:rgb(0,61,88) !important;border:none;color:white;}
.ui-dialog-buttonset{
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    display: block;
    width: 100%;
    text-align:center;
}
.ui-dialog-buttonset button{border:none !important;display:inline-block;}
.msBlackCenterNoItalic{color:black;text-align:center;font-style:normal;}
/* End Jquery UI Dialog style Overrides */
    
/* Start Footer styles */
.medstopperFooter{
    background-color:rgb(0,61,88);
    height:80px;
    width:100%;
    color:white;
    font-family: Open Sans;
    font-size:20px;
}
.medstopperFooterBox{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top:26px;
}
.medstopperFooter a{color:white;text-decoration: none;}
.medstopperFooterDivider{color:#809DAB;font-size:18px;vertical-align:2px;}
/* End Footer styles*/

#localization {
	float: right;
	z-index: 100;
	background: rgba(255,255,255,0.8);
	padding: 0.25em 1em;
	position: relative;
}