@font-face {
    font-family: 'MGR';
    src: url('fonts/mission-gothic-regular.eot');
    src: url('fonts/mission-gothic-regular.eot') format('embedded-opentype'),
    url('fonts/mission-gothic-regular.woff') format('woff'),
    url('fonts/mission-gothic-regular.ttf') format('truetype'),
    url('fonts/mission-gothic-regular.svg#mission_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MGR Light';
    src: url('fonts/mission_gothic_light-webfont.eot');
    src: url('fonts/mission_gothic_light-webfont.eot') format('embedded-opentype'),
    url('fonts/mission_gothic_light-webfont.woff') format('woff'),
    url('fonts/mission_gothic_light-webfont.ttf') format('truetype'),
    url('fonts/mission_gothic_light-webfont.svg#mission_gothiclight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'MGR';
        src: url('fonts/mission-gothic-regular.svg#mission_gothicregular') format('svg');
    }
    @font-face {
        font-family: 'MGR Light';
        src: url('fonts/mission_gothic_light-webfont.svg#mission_gothiclight') format('svg');
    }
}

* {margin: 0; padding: 0;}
ul { list-style: none;  margin: 0 0 10px 5px; }
body {margin-top: 15px; padding-top: 15px; font-family: "MGR"}
.main_container {width: 970px; margin:auto;}
p {color: #333; margin: 0 0 10px 0}
p.small { font-size: 0.85em !important }
.notice { background: #ff5659; color: white; padding: 10px; margin: 10px 0; cursor: pointer }
img { border: none }
.clear {clear:both}

header .logo {width: 401px; height: 78px; float: left; background: url("../images/logo.png") no-repeat; background-size: contain}
header .logo a { display: block; width: 100%; height: 100%; font-size: 0px }
.hidden { display: none }
a {text-decoration: none; color: inherit }
form.search input.text {width: 191px; height: 19px; background-color: #f6f6f6; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.48);
    -moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.48);  box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.25); font-size: 11px;
    color: #9a9a9a; padding: 5px 0 5px 15px; }
form.search .button {background: url("../images/search.png") no-repeat; background-size: 36px 30px; float: right;}
header {width: 970px; margin: auto;}
header .social {float: right; height: 96px; font-family: "MGR";}
header .social .links {height: 35px;}
header .social .links .home {background: url("../images/home.png") no-repeat; background-size: 18px 15px;}
header .social .links ul {float: left;}
header .social .links ul li {padding: 0px 8px; border-left: solid 1px #02a4c3; float: left; color: #02a4c3;
    font-size: 15px;}
header .social .links ul li.home {border-left: none; background: url("../images/home.png") no-repeat;
    width: 20px; height: 20px;
    background-size: 19px 17px;}
header .social .links .icon { width: 24px; height: 20px;}
header .social .links .icon {background: url("../images/sprite.png"); }
header .social .links .facebook {background-position: -118px -251px; width:13px}
header .social .links .twitter {background-position: 6px -252px;}
header .social .links .videos {background-position: -58px -253px;}
header  .social .links .login {background: #049cba; float: left; background-color: #039ebb;}
header .social .links a.login {font-size: 14px; text-align: center; width: 88px; height: 20px; color: white;
    text-transform: uppercase; display: table-cell; vertical-align: middle; padding-top: 3px;}
header form {clear: both; float: right; }
.links ul li.home {border-left: none;}
.social form .button {background: url("../images/search.png") no-repeat; background-size: 38px 31px; width: 39px; height: 30px;
    float: left; margin-left: -39px; border: none;margin-top:0px}
.social form.search input.text {float: left;}
nav {height: 60px; clear: both; background-color: #03aece; width: 100%;
    background: #06bad4;
    background: -moz-linear-gradient(top, #06bad4 7%, #04adca 22%, #02a6c6 90%, #078ea9 95%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#06bad4), color-stop(22%,#04adca), color-stop(90%,#02a6c6), color-stop(95%,#078ea9));
    background: -webkit-linear-gradient(top, #06bad4 7%,#04adca 22%,#02a6c6 90%,#078ea9 95%);
    background: -o-linear-gradient(top, #06bad4 7%,#04adca 22%,#02a6c6 90%,#078ea9 95%);
    background: -ms-linear-gradient(top, #06bad4 7%,#04adca 22%,#02a6c6 90%,#078ea9 95%);
    background: linear-gradient(to bottom, #06bad4 7%,#04adca 22%,#02a6c6 90%,#078ea9 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06bad4', endColorstr='#078ea9',GradientType=0 );
}
nav ul {width: 970px; margin: auto;font-family: MGR}
nav ul li {float: left;}
nav ul li a {display: table-cell; width: 81px; height: 60px; border-left: 1px solid #12c4dd; padding: 0 18px;;
    border-right: 1px solid #12c4dd; color: white; vertical-align: middle; text-align: center;}
nav ul li a.donations {padding: 22px 18px 0px; height: 38px; background: url("../images/sprite.png"); background-position: -196px -246px;}
nav ul li:hover, nav ul li a.active {background-color: #06c1db;}

.banner {background: #82c8d7; clear: both; margin-bottom: 25px;}
.banner figure {width: 100%; margin: auto;text-align: center}

.main_content {width: 100%; margin: 5px 9px 0 0px;}
.main_content.home { width: 580px }
.main_content a { color: #0086A0 }

#submit_admission_form:disabled {cursor: not-allowed}
form {font-family: MGR; color: #045063;}
form input[type="text"], form input[type="email"]{ width: 150px; border: 1px solid lightgray;padding:5px}
form input[type="checkbox"], form input[type="radio"] {margin: 10px; padding: 10px;}
form input.first {float: left;}
form .paymode {width: 550px;}
form .bank {display: inline-block;}
form .submit {margin:10px 0}

.severalPages > div{display:none}
.admissionForm .page 	{ display: none }
.admissionForm .page.active{display:block }




/*.form .page .legal{display:none}*/
form.user input[type="text"],input[type="password"]{padding:5px;width:150px }
form.user input[type="submit"]{background: url('/images_old/back.png'); color:white; width: 100px; border: 0; margin: 5px;font-family: "MGR Light"; padding: 5px; text-align: center;}
.submit input.button {font-size: 15px;}
.submit a.button {font-size: 15px; padding: 6px 30px;}
.more {padding: 7px 20px; font-family: "MGR"; background-color: #07bfd8; clear: both; margin-bottom: 20px;display: none}
.more h4 {font-weight: normal; font-size: 16px;}
.more p {color: white; font-size: 13px;}

.bank span {font-weight: bold; color: inherit; font-size: inherit;}
form span select {width: 160px; height: 28px;  border: 1px solid lightgray; padding-left: 30px; font-size: 14px; color: #808080; margin-left: 10px;}
form > span {margin-left: 30px;}
form label span {font-size: 12px; color: #717070;}

article.featuredItem {position: relative; height: 285px; -webkit-box-shadow: 0 0 12px rgba(50, 50, 50, 0.32); -moz-box-shadow:0 0 12px rgba(50, 50, 50, 0.32);  box-shadow: 0 0 12px rgba(50, 50, 50, 0.32); background-color: #f6f6f6; font-family: "MGR"; font-weight: normal; margin-bottom: 20px;}
article.featuredItem h2 {background-image: url('../images/back.png');background-repeat: repeat-x; -webkit-box-shadow: 0 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35); font-weight: normal; text-transform: uppercase; font-size: 19px; margin: 0; padding: 0 0 0 40px; font-family: "MGR Light";}
article.featuredItem h2 a {display: table-cell; width: 582px; height: 29px; color: white;  vertical-align: middle; padding-left: 10px;}
article.featuredItem h2.button {background: url("../images/back.png"); border-top: none; color: white; display: block; padding: 5px 15px; margin: 15px 0; clear: both;}
article.featuredItem .icon { position: absolute; left: -10px; top: -13px; width: 55px; height: 55px;}
article.featuredItem .latest{background-image: url('../images/latest.png');background-size: 55px 55px  }
article.featuredItem .tips {background-image: url('../images/heart.png');background-size: 55px 55px   }
article.featuredItem .play {position: absolute; right:  0; top: 2px; height: 29px; width: 45px; background: url("../images/play.png");}
article.featuredItem figure {margin: 10px; width: 223px; float: left; -webkit-box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.53); -moz-box-shadow:  1px 0px 5px rgba(50, 50, 50, 0.53); box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.53) }
article.featuredItem figure img { display: block; height: 200px}
/*article.featuredItem figure p {color:  #024F62; font-size:16px; border-top: 5px solid #024F62; margin: 5px; padding: 5px;}*/
article.featuredItem .info{margin:0px 10px;font-size: 14px}
article.featuredItem .info h3{font-size: 18px; margin:0 0 9px 0}


article.aboutus nav { background: none; width:150px;height:20px; text-align: left; color:#024F62; padding:9px; float:left}
article.aboutus select{height: 36px;width:341px;border: 2px solid #7c7c7c; padding:  0 0 0 3px;font-size: 15px; color: #a8a8a8; margin: 10px 0}
article.aboutus .staffInput{width: 335px; height: 36px;border: 2px solid #7c7c7c; padding:  0 0 0 3px;font-size: 15px; color: #a8a8a8; margin: 10px 0; border-radius: 5px}
article.aboutus .button1 {margin:5px;font-size:16px;cursor: pointer; background: url('../images/first.png'); color:white; float: right;padding:10px 35px; border: 0; font-family: "MGR Light"}
article.aboutus figure { width: 223px; float: left; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); -moz-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);  box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); margin:32px 10px 10px 10px }


.aboutus .aff{display: block;
    width: 160px;
    background: url('../images/first.png');
    padding: 19px;
    text-align: center;
    font-size: 16px;
    height: 15px;
    color: white;
    margin: 20px auto;}
a.button {float:right;cursor: pointer; color: white !important; background: url('/images_old/back.png'); color:white;border: 0; margin: 5px;font-family: "MGR Light"; padding: 10px; text-align: center;}
a.button.page2 { background: url('../images/first.png');  width: 140px;  margin: 15px auto;display: block;float: none}
a.button1 {cursor: pointer; background: url('../images/first.png'); color:white;  border: 0; margin: 5px;font-family: "MGR Light"; padding: 10px 35px;float:right; text-align: center;}
a.button1:hover{cursor: pointer; background:url('../images/first.png'); color:white;  border: 0; margin: 5px;font-family: "MGR Light"; padding: 10px 35px;float:right; text-align: center;}
li.button {background: url('/images_old/back.png'); }
input.button {cursor: pointer; background: url('/images_old/back.png'); color:white; width: 100px; border: 0;font-family: "MGR Light"; padding: 5px; text-align: center;}

.main_container h1 {color: white; background-color: #07bfd8; border-top: 2px solid #045063; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35); font-weight: normal; text-transform: uppercase; font-size: 19px; margin: 0 0 10px 0; padding: 5px 0 5px 10px; font-family: "MGR Light";}
.main_container h1 a { color: white }
.main_container h1 a:hover { color: white }

#login #patientId{display: none}

.dateChoice{margin:30px 0}
.dateChoice span{display: block;width:100px;padding: 15px; float: left}
.dateChoice p{display: block;width:370px; float: left}
.dateChoice p input.appointmentDate{width: 170px;  height: 29px; padding: 0 0 0 15px;border-radius: 10px; border:2px solid #7c7c7c}
.dateChoice p select{width: 170px;  height: 29px; padding: 0 0 0 15px;border-radius: 10px; border:2px solid #7c7c7c}


.resultTest{height:150px; background: #ebebeb;padding:20px}
.resultTest .range {font-size: 15px; color: #045063;}
.resultTest .range label{font-size: 20px; }
.resultTest .result { padding:10px;border: 1px solid #045063; ; width:97%;color:#045063;height:80px}
.resultTest .result p{padding:30px 0 30px 30px;width:70%; float: left; font-size: 22px;}
.checkDr{width:56px;  background:url('../images/checkdr.png')no-repeat;height:45px; display: block; background-size: 89%;}
.good{width:56px;background-size:34px; background-image:url('../images/good.png');background-repeat:no-repeat;height:45px; display: block}
.resultTest .result label{color: #da1a25;margin:0 0 0 20px; font-size: 25px}

h3 .edit{float:left; background: url('../images/edit.png')no-repeat;width:70px;height:30px}

.submitApp{margin:30px 0}
.submitApp p{margin:10px 0; clear: both}
.submitApp .error_msg{color:red;font-size: 20px;display: none}
.submitApp span{display: block;margin:10px 0 ; padding:10px; float: left ;color:#005669; font-size: 15px; width:100px}
.submitApp input[type=text]{float: left; width:300px; border-radius: 5px; border:2px solid #7c7c7c; padding:10px }

ul.affiliation li {width:300px; float: left; text-align: center;padding:10px 0}
ul.affiliation li p{color:#024F62;text-align: center }
ul.affiliation li img{height:100px;margin:0 0 10px 0 }

.navigationContainer {width: 590px;}
.aboutus .info1 {padding:15px 0;float: left; width: 697px; margin: 0px 3px 0px 3px;}
.aboutus .info1 form {float: left; width: 441px; }
.aboutus .info1 form nav.result {background-color: #9BE5EF; background: rgba(155,229, 239, 0.8); width: 98px; height: auto;text-align: center; color: #024F62;padding: 9px;float: left;}
.aboutus .info1 form input.resultInput{width: 324px; height: 32px; border: 2px solid #d9e0e1; font-size: 15px; }
.aboutus .info1 form select.resultSelect{width: 318px; height: 36px; border: 2px solid #d9e0e1;  padding: 0 0 0 3px;  font-size: 15px;  margin: 0px 0px 5px -0;  color: #a8a8a8;}
.aboutus h3 {float: none; font-family: MGR; text-transform: uppercase;padding:0 0 10px 0}

.aboutus .info1 .label {background-color: #9BE5EF; background: rgba(155,229, 239, 0.8); width: 80px; height: auto;text-align: left; color: #024F62;padding: 8px;float: left;}
.aboutus .info1 p.profileInfo{background: #ffffff; width: 155px; padding: 6px 10px;  border: 2px solid #d9e0e1; font-size: 15px; margin: 0px 6px 1px 2px;float:left}
.aboutus .info1 p.profileInfo.profile{margin:3px 0; width: 294px; ; height: 32px; border: 2px solid #d9e0e1; font-size: 15px;float:left; padding:0}

article figure.result {margin:1px 11px 0 5px;  width:119px;height:50px;}
article figure.result input{float:left;-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); -moz-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);  box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); width:119px }
article figure.result img{ width:120px;height:90px}
article figure p {color:  #024F62; font-size:16px; border-top: 5px solid #024F62; margin: 5px; padding: 5px;}

.info.lab {width: auto;}
.info.lab input.button {float: right; width: 94px; color: white; font-size: 16px;}
article .imageHistory{text-align: center; margin:15px}
article p {text-align: left;     }
/*article h2 {color: #045063; margin-top: 20px; margin-bottom: 0px; font-size: 18px; font-weight: normal; font-family: "MGR"; text-transform: uppercase;}*/
/*article h3 {float: right; color: #045063; margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: normal; font-family: "MGR Light";text-transform: uppercase; border-bottom:2px solid #26B9D3; padding-left:6px }*/
article h4 {color: #045063; margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: normal; font-family: "MGR";}
article h3.services{border-bottom: 2px solid #26B9D3; font-family: MGR; padding-left:10px}
article .button { height: 17px; background-color: #07bfd8;font-family: MGR; border: 1px solid #36aebc; float:right; margin-right: 15px; font-size: 15px;padding: 2px 13px 5px 13px;margin-top: 25px; }
article .inlineButton { height: 17px; background-color: #07bfd8;font-family: MGR; border: 1px solid #36aebc; float:right; font-size: 15px;padding: 2px 13px 5px 13px;color:white;margin:0 8px 0 0 }

.sidebar {float: right; width: 250px;margin:4px 0}
.sidebar a { color: #26B9D3 }
.sidebar a:hover { color: #36aebc }
.sidebar.home { width: 355px; }
.sidebar .menu ul li.button a {background-color: transparent;}
.sidebar .textBox {-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); -moz-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);  box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78); margin: 15px 6px;width: 245px;background-color: #f6f6f6;  font-weight: normal;  }
.sidebar .textBox p {color: #045063;font-style: italic; padding: 50px 15px; font-family: "MGR Light";  background: none; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);
    -moz-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);
    box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.78);}
.sidebar .sidebox { position: relative; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.32); clear: both; -moz-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.32);  box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.32); background-color: #f6f6f6; font-family: "MGR"; font-weight: normal; margin-bottom: 30px;}
.sidebar .sidebox .contents { margin: 8px 20px; font-size: 14px }
.sidebar .sidebox.appointment {height: 275px;}
.sidebar .sidebox.results {min-height: 145px;}
.sidebar .sidebox.newsletter {min-height: 90px;}
.sidebar  nav {font-family: MGR;padding: 6px; float: left;  margin: -10px -50px;background-color: #02a4c3; width:293px;height:auto; text-align: left; color:white;  }
.sidebar .monthIndex a { float:left;color: #253566; font-size: 17px; text-align: center; margin: 10px 0; width: 33% }
.sidebar .monthIndform .submitex a:hover { color: #aaa }

.home .appointment input[name=loginName]:focus + .notice { display: block }
.home .appointment .notice { display: none; position: absolute; top: -30px; padding: 8px; text-align: center; font-size: 13px; box-shadow: 9px 11px 5px -6px rgba(0,0,0,0.75); border: 1px solid black }

.sidebar form select{width: 115px; height: 36px;border: 2px solid #d9e0e1; padding:  0 0 0 10px;font-size: 15px; margin:-10px 0px 5px 3px; color: #a8a8a8}
.sidebar form input {width:175px; height: 32px;border: 2px solid #d9e0e1; font-size: 15px;margin:-10px 0px 2px -50px; color: #a8a8a8; padding-left: 10px}
/*.main_container article.aboutus form input.button1 { background: url('/images/back.png'); color:white; float: right;width: 150px; border: 0; margin: 5px;}*/
.sidebar.donations {margin: 10px;}
.sidebar .sidebox h2 {background-image:url('../images/back.png'); background-repeat: repeat-x; color: white; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); font-family: "MGR Light"; box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); font-weight: normal; text-transform: uppercase; font-size: 18px; padding: 7px 0 5px 50px }


.sidebox .icon {position: absolute; left: -10px; top: -10px; width: 55px; height: 55px; }
.sidebox.appointment .icon {background: url("../images/patient.png") no-repeat; background-size: 55px 55px;}
.sidebox.donation .icon {background: url("../images/appointment.png") no-repeat; background-size: 43px 43px;}
.sidebox.results .icon {background: url("../images/results.png") no-repeat; background-size: 43px 43px;}
.sidebox.newsletter .icon {background: url("../images/newsletter.png") no-repeat; background-size: 43px 43px;}
.sidebox.admission .icon {background: url("../images/app.png") no-repeat; background-size: 55px 55px;}
.sidebox form input.text {width: 215px; height: 19px; border: 2px solid #d9e0e1; padding: 4px 0px 4px 10px;
    font-size: 11px; margin: 0px 0px 5px 0px; color: #655D5D;}
form div.login {margin-top: 12px;}
form h5 {color: grey; margin: 20px 0; font-weight: normal;}
form .info {width: 700px; }
form .info label {background-color: #9ce7f1; width: 239px; padding:7px; float: left; display: inline-block; text-align: center;}
form .info input {width: 320px; height: 33px; border: 1px solid #d3d3d3; margin-bottom: 4px; float: left; padding: 0 10px; color: grey;}
form .info select {width: 342px; height: 35px; border: 1px solid #d3d3d3; margin-bottom: 4px; float: left; padding-left: 90px; color: grey;}

.sidebox form .login input.text {margin-bottom: 5px;}
.sidebox form input.button {width: 67px; height: 24px; background-color: #07bfd8; border: 2px solid #36aebc;
    float:right; margin-right: 15px;
    text-transform: uppercase; margin-top: 5px; color: black;
    font-size: 11px;}
.sidebox form .register {text-align: right;}
.sidebox form .register a {font-size: 11px; color: grey; }

.info{padding:20px 0}
.longText div{display: none; margin:10px 0}
.useful {clear: both; height: 38px; padding:20px 0 0 0}
.useful ul {margin: auto; width: 420px;}
.useful ul li.home {border-left: none; }
.useful ul li {float: left; padding: 0px 5px; border-left: solid 1px #02a4c3; color: #02a4c3; font-size: 15px;}

.websiteBy{text-align: center; color:white; font-size: 13px;background-color: rgba(248, 248, 248, 0.21);
    padding: 0 0 8px 0;}
.websiteBy .whitebeard{display: inline-block; width:100px; height:20px; background: url("../images/whitebeard.png")no-repeat;margin:0 3px}

footer {clear: both; color: white; padding: 10px 0 25px 0; border-bottom: 1px solid black;background: url('../images/footer_background.png')repeat; text-align: center}

footer::after { display: block; clear: both; content: " " }
footer .sitemap {width: 1000px; margin: auto; padding: 10px 0px;}
footer ul {float: left; width: 120px;text-align: left; margin: 0 5px 0 0 }
footer ul li {  color:white; font-family: MGR; line-height: 1}
footer ul li h4 { font-size: 14px; margin: 0 0 5px 0 }
footer ul li h4 a { font-size: 14px }
footer ul li a{ font-size: 10px}
footer ul.social {float: left; width: 27px;}
footer ul.social li.icon {margin-bottom: 0px;}
footer ul.social li.icon a {display: block; width: 24px; height: 20px; }
footer ul.social li.fb {background: url("../images/fb_foot.png") no-repeat; background-size: 25px 17px;}
footer ul.social li.twitter {background: url("../images/twitter_foot.png") no-repeat; background-size: 25px 17px;}
footer ul.social li.videos {background: url("../images/videos_foot.png") no-repeat; background-size: 25px 17px;}
footer ul.social li.donate {background: url("../images/donate_foot.png") no-repeat; background-size: 25px 17px;}
footer .links {clear: both;}
footer .links ul {float: right; width: 250px;}
footer .links ul li {float:left; padding: 0px 5px; border-left: solid 1px white;}
.mesh {background: url("../images/mesh.png"); height: 179px; }

.results article { height: auto;}
.results article::after { display: block; content: " "; clear: both }
.results article img {width:82px; float: left; display: block; margin-right: 5px;}
.results article .field {padding: 3px; float: left; width: 295px;}
.results article h3 {background-color: #83d9ea; width: 98px; height: 21px; float: left; margin: 0; border-bottom: none;
    padding-top: 5px; font-weight: normal; font-size: 15px; font-family: "Myriad Pro";}
.results article span {background-color: white; width: 180px; float: left; margin-left: 5px; height: 21px; padding: 5px 0px 0px 5px;
font-weight: normal; font-family: Arial; font-size: 14px;}
.results h4 {font-family: "MGR"; font-weight: normal; font-size: 15px; text-align: center; margin: 20px 0 4px;}

/*----------------------------   css for datepicker section --------------------*/
/*------ -----------------------------------------------------------*/
.datepicker {float: left; margin: 14px 5px 0px -1px;}
.dates_selected {border-radius: 4px; border: 1px solid #aaaaaa; height: 217px;
    font-family: Verdana,Arial,sans-serif; width: 284px; padding: 10px; float: left;}
.dates_selected ul div li {background: url("../images/x.png") no-repeat left; padding-left: 25px;
    margin-bottom: 2px;}
.datepicker  .ui-datepicker-inline {width: 355px;}
.datepicker .ui-widget-header {border: 1px solid #97e0ea; background: #97e0ea url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;}
.datepicker .ui-corner-all {border-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;
    border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: .2em 0px;}
.datepicker .ui-datepicker .ui-datepicker-header {width: 353px;}
.datepicker .ui-widget-content {border-top: none; height: 217px;}
/*----------------------------   css for datepicker1 section --------------------*/
/*------ -----------------------------------------------------------*/
.datepicker1 {float: left; margin: 14px 5px 0px -1px;}
.dates_selected {border-radius: 4px; border: 1px solid #aaaaaa; height: 217px;
    font-family: Verdana,Arial,sans-serif; width: 284px; padding: 10px; float: left;}
.dates_selected ul div li {background: url("../images/x.png") no-repeat left; padding-left: 25px;
    margin-bottom: 2px;}
.datepicker1  .ui-datepicker1-inline {width: 355px;}
.datepicker1 .ui-widget-header {border: 1px solid #97e0ea; background: #97e0ea url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;}
.datepicker1 .ui-corner-all {border-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;
    border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: .2em 0px;}
.datepicker1 .ui-datepicker1 .ui-datepicker1-header {width: 353px;}
.datepicker1 .ui-widget-content {border-top: none; height: 217px;}

/*------ -----------------------------------------------------------*/

.sidebar .menu {text-align: center; color:#ffffff; font-family: MGR; width:250px; }

.sidebar .menu ul li a {background-color: #0086A0; color:white; font-size: 15px; display: block; width: 250px; height: 48px;display: table-cell; vertical-align: middle;}
.sidebar .menu ul li.first{background:#045062;color:white; font-size: 15px; display: block; width: 250px; height: 48px;display: table-cell; vertical-align: middle;color:white}
.sidebar .menu ul li a.active, .sidebar .menu ul li a:hover {background: url('/images_old/back.png') }

.cc{display: none}

.page2 { width:150px;background: url('/images_old/back.png')repeat-x; text-align: center; color: white; font-family: MGR; font-size: 20px; float:left; margin-right: 110px; margin-top:20px; padding:15px}
.careers {font-family: "Myriad Pro";}
/*.careers ul li {margin: 0 4px 4px 0; color: #045063; width: 345px; height: 30px; float: left; overflow: hidden; text-align: center; font-size: 16px;}*/
.careers .list a { background-color: #9ce6f0;width: 49%;margin: 0 2% 10px 0;float: left;height: 50px;display: flex;justify-content: center;align-items: center;text-align: center}
.careers .list a:nth-child(2n){margin: 0 0 10px 0}
.careers .list a.active {background-color: #07bfd8; }
div.main_content.careers {width: 705px;}
.main_content.staff {width: 705px;}
.news figure {  margin: 0 10px 10px 0;  float: left }
.news figure img { width:195px;}
.news article .info { float: left; width: 480px; padding: 0 0 20px 0 }
.news article .info .readmore{text-align: center; float: right; width: 75px;margin:20px 0; background:url('../images/first.png') ; color:white;padding:10px 20px;font-size: 13px }
.news article {clear: both; padding: 5px; margin: 0 0 20px 0 ;height: 200px}
.news h1 {margin-bottom: 10px; }
.news article h4 {margin: 10px 0;}
.news article p a {color: #0086A0;}


.publications article { float: left; padding: 5px; margin: 0 0 20px 0; width: 31% ; text-align: center}
.publications figure {  margin: 0 10px 10px 0 }
.publications figure img { width:200px }
.publications article .info { padding: 0  }
.publications article .info .readmore{text-align: center; float: right; width: 75px;margin:20px 0; background:url('../images/first.png') ; color:white;padding:10px 20px;font-size: 13px }
.publications h1 {margin-bottom: 10px; }
.publications article h4 {margin: 10px 0;}
.publications article p a {color: #0086A0;}

.profile .staffInfo .globaldiv .content p {  margin: 0; width: auto }

.monthIndex{margin:20px 0}

.staffResult{display: inline-block;clear:both;background: #ebebeb;margin:10px 0;padding:15px 0;    width: 100%;}
.staffResult a {float: left}
.staffResult img{width:110px; float: left;display: block; margin:15px}
.staffResult .staffInfo{width:360px; float: left; margin: 15px}
.staffResult .reqApp{float: left; margin: 15px 0 0 0 ;text-align: center; color:#0086A0;width: 150px}
.staffResult .reqApp .buttons{margin:10px 0; width:100px; display: block;background: url('../images/first.png') repeat-x; padding:10px 25px;color:white; font-size: 13px; text-align: center}
.staffResult .staffInfo p{color:#000000; font-size:16px;margin:20px 0; width:330px;}
.staffResult .staffInfo .span{color:#005669;
    display: block;
    float: left;width:100px }

.profile{background: #ebebeb;padding:10px }
.profile img{float: left;display: block; margin:15px}
.profile .memberInfo{width:390px;float: left; margin: 15px;}
.profile .staffInfo{width:360px; float: left;margin: 15px;}
.profile .staffInfo.contact{width:auto; float: none; margin: 20px}
.profile .reqApp .buttons{margin:10px 0; width:100px; display: block;background: url('../images/first.png') repeat-x; padding:10px 25px;color:white; font-size: 13px; text-align: center}
.profile .staffInfo p,.profile .memberInfo p{color:#000000; font-size:16px;margin:18px 0}
.profile .staffInfo p::after { clear: both; content: " "; display: block }
.profile .staffInfo p .span,.profile .memberInfo p .span{color:#005669;margin: 0 10px 0 0;float: left;display: block;width:125px;height: 20px;clear:both}
.profile .staffInfo p span,.profile .memberInfo p span{color:#000000;display: block;width:500px}
.profile .staffInfo p .smallinfo,.profile .memberInfo p .smallinfo{color:#000000;display: block;width:405px}
.profile h4{border-top: 2px solid #005669; border-bottom: 2px solid #005669;text-align: center;padding:5px; font-size: 20px; clear: both }


.profile .staffInfo .globaldiv{color:#000000; font-size:16px;margin:20px 0;width:auto}
.profile .staffInfo .globaldiv .title{color:#005669;margin: 0 10px 0 0;float: left;display: block;width:125px}
.profile .staffInfo .globaldiv .content{color:#000000;float: left;display: block;width:500px}
.profile .staffInfo .globaldiv::after { clear: both; content: " "; display: block }

a.link{
    display: block;
    background: #0086A0;
    width: auto;
    color: white;
    padding: 8px 6px 6px 3px;
    float: left;
    margin: 1px 0;
    font-size: 13px;
    border-right:1px solid white;
}
.link.highlighted{background: #00C2E8}
.working p{width:115px; float: left}
.working p span{color: #005669;  margin: 0 10px 0 0;}
.working table{width:200px; float: left}
.working table thead{text-align: left; color:#005669}

.newspage figure {  margin: 0 20px 10px 0;  }
.newspage .title{ color: #0086a0; font-size: 21px;}
.newspage .date{ color: #a2a2a2; font-size: 15px; padding:0  }
.newspage .text { font-family: "MGR Light"!important;}
.newspage .text ol{list-style:decimal inside}
.newspage .text span{ font-family: "MGR Light"!important;}
.newspage iframe { border: none }


.pagination { clear: both; position: relative; text-align: center; font-size: 13px; font-weight: bold ;margin:10px 0    }
.pagination a.back { position: absolute; left: 0; font-weight: normal }
.pagination a.next { position: absolute; right: 0; font-weight: normal }

.aboutus {font-family: 'Myriad Pro';}
.aboutus form textarea {width:338px; height: 225px;border: 2px solid #d9e0e1; font-size: 15px; color: #a8a8a8}
.aboutus label {padding-right: 5px;}
.aboutus form {margin-top: 15px;}
article.aboutus input.button {width: 344px; cursor: pointer; color: white;height:30px; float:none}
.aboutus ul li {margin: 5px 0;}
.aboutus ul li span {border: 1px solid grey; padding: 1 6px;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.testimonials {clear: both; width: 895px; font-family: 'Myriad Pro';}
.testimonials .testimonial {padding-bottom: 7px; border-bottom: 1px dotted #d3d3d3; margin-bottom: 7px;}
.testimonials h1 {margin-bottom: 10px; display: block;}
.testimonials h4 {color: grey;}

h2{font-weight: normal;
    margin: 10px 0;font-size: 20px}
.clearfix {clear: both;}
.edittd{display: inline-block; margin: 0 20px; text-align: left}
.edittd a{text-decoration: underline}

#testimonialPage td{vertical-align: top}
#testimonialPage input[type="text"]{width:330px}


/* timeline */
.timeline { height: 740px; width: 100%; position: relative; margin: auto; overflow: hidden; background-color: #ffffff; }
.timeline > ul { position: absolute; list-style: disc inside; color: #135164; display: block; height: 3px; background: black; top: 400px; padding: 0 50px; margin: 0 }
.timeline > ul li { float: left; padding: 0; margin: -46px 0 0 0; font-size: 80px; position: relative; color: transparent; }
.arrow { background: url(../images/timelinearrows.png) no-repeat; cursor: pointer; height: 35px; width: 22px; position: absolute; z-index: 10; }
.arrow.right { background-position: -22px 0; right: 10px; top: 406px }
.arrow.left { left: 10px; top: 406px }

form .edit{color:black; font-size: 13px; padding: 0 0 0 20px}
form .edit .pen{background: url('../images/edit.png')no-repeat;background-position: left;padding: 5px 0 0 25px;background-size: 30PX}

.timeline .date { position: absolute; bottom: 58px; font-size: 20px; left: -97px; color: #135164;}
.timeline .topContent { position: absolute; bottom: 120px }
.timeline .bottomContent { position: absolute; top: 100px }
.timeline .topContent.figure, .timeline .bottomContent.figure { left: -113px }
.timeline .topContent.text, .timeline .bottomContent.text { left: -207px; border-top: 3px solid #124f61; color: white;}
.timeline figure {
    border: 6px solid white;
    height: 231px;
    width: 260px;
    position: relative;
    background: no-repeat center center; }
.timeline .topContent figure:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -4px;
    left: 130px;
    border-style: solid;
    border-width: 29px 29px 0 29px;
    border-color: #155265 transparent;
}
.timeline .bottomContent figure:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    top: -19px;
    left: 130px;
    border-style: solid;
    border-width: 0 19px 19px 19px;
    border-color: #155265 transparent;
}
.timeline div > .text {
    padding: 30px;
    width: 380px;
    font-size: 14px;
    background: #155265; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzBiMGMxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFmMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(45deg, #155265 10%, #155265 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #155265), color-stop(100%, #155265)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #155265 10%, #155265 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #155265 10%, #155265 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #155265 10%, #155265 100%); /* IE10+ */
    background: linear-gradient(45deg, #155265 10%, #155265 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0c1e', endColorstr='#1d1f36',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.timeline .bottomContent .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    top: -19px;
    left: 200px;
    border-style: solid;
    border-width: 0 19px 19px 19px;
    border-color: #135164 transparent;
}
.timeline .topContent .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    bottom: -19px;
    left: 200px;
    border-style: solid;
    border-width: 19px 19px 0 19px;
    border-color: #135164 transparent;
}
.timeline .text h1 { margin: 0 0 10px 0; font-family: "AkzidenzGrotesk", Helvetica, Arial; font-size: 30px; text-transform: uppercase }
.dep h2 { font-family: MGR; background-color: #83d9ea; color: white; padding: 3px 6px 3px 12px; font-size:20px;text-transform: none; margin:0}
.dep.results h1 {width: 700px;}
.dep.results h1 a {display: block; width: inherit;}
.dep.results h3 {width: auto; text-transform: none; padding: 7px 7px 0 7px;}
.dep.results span {border: 1px solid #d3d3d3; color: grey; margin-right: 3px;}
.main_content.results {background-color: #f6f6f6;border: 1px solid lightgrey;margin:10px 0}
.dep.results p {  float: left;  width: 500px;  padding: 5px 5px 5px 12px;   margin: 5px 0;}
.main_content ul{list-style: disc !important;}
.main_content .account .testResult{position: relative}
.main_content .account .testResult .carret{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 15px;right: 10px;transform:rotate(90deg);color:#fff}

.main_content .account .testResult .carret::before{ content: "\f0da";}
.main_content .account .testResult h2{background: url('/images_old/back.png');color: white;padding: 5px;font-family: MGR Light}
.main_content .account .testResult ul{list-style-position: inside !important;}
ol{list-style: none}


.account h2{color:#155265; font-size: 18px; margin: 10px 0 }
.account p {font-size: 16px; color: #333 }
.account .test h3{color:#155265;margin:10px 0;text-decoration: underline}
.account .test p{font-size:12px;margin:0 5px;text-decoration: underline}
.account .appointment {margin:10px 0;color:#155265;}
.account .appointment h3{color:#155265;margin:10px 0;text-decoration: underline}
.account .appointment table thead tr{font-size: 14px;font-weight: bold; text-decoration: underline}
.account .appointment table td{width:150px; height:25px}
.account .appointment p{font-size:12px;margin:0 5px;text-decoration: underline}

.shareTestResult input[type=text] { border: 1px solid black; width: 600px; padding: 4px; font-size: 14px }

table.noChrome, table.chrome { border-collapse: collapse; width: 100% }
table.noChrome td, table.noChrome th, table.chrome td, table.chrome th { padding: 5px }
table.noChrome thead td, table.chrome thead td { font-weight: bold }
table.noChrome th, table.chrome th { text-align: left }
table.chrome tr { border-bottom: 1px solid #efefef }
table.chrome tr:hover { background: #efefef; cursor: pointer }
table.chrome thead tr:hover, table.chrome tr.noHover:hover { background: inherit; cursor: inherit }
table.noChrome td.label, table.chrome td.label { width: 140px; vertical-align: middle; font-weight: bold }
table.noChrome td.label.multiline, table.chrome td.label.multiline { vertical-align: top }
table.noChrome td, table.chrome td { vertical-align: top}
table.noChrome tr.highlight, table.chrome tr.highlight { background: #ff6666; color: white }

.chrome.rtl{direction: rtl}


.admissionForm table.noChrome td, table.chrome td{width:300px;}

.lastname a{margin:0 5px; font-size: 22px}


.select2-container { display: block; width:300px }
.select2-container-multi .select2-choices { background:#C0E3EF; border: none }
.select2-container-multi .select2-choices .select2-search-field input{ font-size: 13px; color: #969C9E; padding: 10px }


.errorMessage { color: red; margin: 10px 0 }
.errorMessage a { color: #333 }
.missingFields {color:red; margin:10px; display:none}
.validateEmail{color:blue; margin:10px; display:none}
.success{color:#0086a0; margin:10px; display:none}
.required-no-fill {color:red  !important; border:1px solid red !important }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


.biography {position: absolute; left:0; right:0; }
.biography .arrow { background: url(../images/menuicons.png) no-repeat; cursor: pointer; height: 52px; width: 31px; position: absolute; z-index: 2; }
.biography .arrow.right { background-position: -31px -42px; right: 0px; top: 240px }
.biography .arrow.left { left: 0px; top: 240px; background-position: 0 -42px }


.timeline { height: 740px; width: 100%; position: relative; margin:-25px auto; overflow: hidden;background: #efefef}
.timeline ul { position: absolute; list-style: disc inside; color: #FF0000; display: block; height: 3px; background: #B3B3B3; top: 300px; padding: 0 20px; margin: 0 }
.timeline ul li { float: left; padding: 0; margin: -10px 0 0 0; font-size: 70px; position: relative  }

.timeline .future { position: absolute; left: -83px; font-size: 36px; top: 160px }
.timeline .future a.button { width: 150px; text-align: center }

.timeline .date { position: absolute; top: -13px; color: #135164; font-size: 18px; left: 5px }
.timeline .topContent { position: absolute; bottom: 140px }
.timeline .bottomContent { position: absolute; top: 70px }
.timeline .topContent.figure, .timeline .bottomContent.figure { left: -125px }
.timeline .topContent.figure { bottom: 110px }
.timeline .topContent.figure img{ width:300px;border:2px solid #155265;height:202px}
.timeline .bottomContent.figure { top: 70px }
.timeline .bottomContent.figure img{ width:300px; border:2px solid #000000 }
.timeline .topContent.text, .timeline .bottomContent.text { left: -103px; color: #28b9d3 }
.timeline .topContent.text p, .timeline .bottomContent.text p{ color:white; text-align: left }
.timeline figure {
    border: none;
    width: 320px;
    position: relative;
    font-size: 14px;
    color: #28b9d3;
    background: no-repeat center center; }
.timeline div > .text {
    padding: 10px;
    width: 250px;
    font-size: 13px;
    text-align: center;
    background: #155265;
    -moz-box-shadow: 0 0 7px 1px #155265;
    -webkit-box-shadow: 0 0 7px 1px #155265;
    box-shadow: 0 0 7px 1px #155265;
}
.timeline.arabic div > .text {
    letter-spacing: 0px;
}
.timeline .bottomContent .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    top: -32px;
    left: 100px;
    border-style: solid;
    border-width: 0 29px 29px 29px;
    z-index: 15;
    border-color: #155265 transparent;
}
.timeline .topContent .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    bottom: -29px;
    left: 100px;
    border-style: solid;
    border-width: 29px 29px 0 29px;
    border-color: #155265 transparent;
}
ul.nestedList {list-style:circle !important;}
.physician_appointment h2{font-size: 30px;margin: 20px 0 30px 0}
.physician_appointment .partition {float:left;width: 49%}
.physician_appointment .partition label{display: inline-block;font-weight: bold}
.physician_appointment .partition.one label{width: 150px}
.physician_appointment .partition.two label{width: 150px}
.physician_appointment a{float: right;background-color: #03aac8;padding: 5px 10px;color: white}
.physician_appointment .decline{background-color: #ff5659;margin: 0 0 0 10px}