@font-face {font-family: 'eurostile';src: url('../fonts/eurosti.eot');src: url('../fonts/eurosti.eot?#iefix') format('embedded-opentype'),url('../fonts/eurosti.woff') format('woff'),url('../fonts/eurosti.ttf') format('truetype'),url('../fonts/eurosti.svg#eurostileregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'eurostile';src: url('../fonts/eurostib.eot');src: url('../fonts/eurostib.eot?#iefix') format('embedded-opentype'),url('../fonts/eurostib.woff') format('woff'),url('../fonts/eurostib.ttf') format('truetype'),url('../fonts/eurostib.svg#eurostilebold') format('svg');font-weight: bold;font-style: normal;}
body{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAGCAIAAABmRdhlAAAAGElEQVQI12P4DwYMqNQvMGB4DQYMH8AAAOkgIu3BP4IjAAAAAElFTkSuQmCC) repeat;}
#content-wrapper{width:960px; margin:auto;font-family: eurostile,Arial, Helvetica,Verdana, sans-serif;font-size: 15px;padding: 2px 0 20px 0; font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6{ color: #00A0C6; }
h1{ font-size: 1.3em;}
h2{ padding-left: 10px;font-size: 1.2em;}
a{ text-decoration: none;color: #00A0C6;cursor: pointer;}
.green-link{ text-decoration: none;color: #a9d400;cursor: pointer;}
a:hover{ color: #a9d400;}
.green-link:hover { color: #95bb00; text-decoration:none;}
section section h1{ font-size: 1.1em;}
section section h2{ font-size: 1.05em}
ul {padding: 0.6em;line-height: 1.5em; }
ul li { list-style-type: disc;margin-left: 2em; }
ol {padding: 0.6em;line-height: 1.5em; }
ol li { margin-left: 2em; }
ol.roman { list-style-type: lower-roman; }
p{ color: #000;font-size: 16px;line-height: 1.143em; }
td{ padding-top: 10px;padding-right: 10px;}
th{ text-align: left;font-weight: normal;color: #777;padding-right: 10px;}
video{ width: 100%;background: #000;margin-bottom: 20px; }
header{ overflow: hidden;border-radius: 10px;t }
nav{ text-align: center;border-radius: 7px;padding: 7px 0 7px 0;font-weight:500;margin: 15px 0 15px 0;border: 1px solid #aaa; }
footer{ overflow: hidden;background-image: url('../images/footer2-slice.png');width: 960px;height: 150px;margin: 15px 0px;padding: 10px 0px; border-radius: 7px;}
footer p{color: #FFF;margin-bottom: 6px;font-size: 12px;line-height: 1.143em; }
.leftmargin35 { margin-left: 35px;line-height: 1.3em; }
footer p.margin { margin-bottom: 15px; margin-right: 10px;}
footer p.bold { font-weight:bold; }
footer .left-col p{ font-size: 10px;margin-left: 35px; }
footer a{ color: #FFF;text-decoration: none; }
footer a:hover{ color: #a9d400; }
/*#footerLogo{ height: 75px;width: 272px;margin-left: -30px;margin-bottom: 15px;}*/
#footerSupport{ text-align: center;padding: 10px;margin: 5px;}
.footerPadding{ padding: 0 10px 0 10px;}
nav p{font-size: 15px;line-height: 1em;margin-bottom: 0px;}
nav a{ padding: 6px 12px 7px 12px;text-decoration: none;color: #777;margin: 0 5px 0 5px;}
nav a:hover{border-radius: 5px;color: #555;
background: #a9d400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWQ0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9f9f9 1%, #a9d400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#a9d400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 1%,#a9d400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#a9d400',GradientType=0 ); /* IE6-8 */
}
#breadcrumbs ol{list-style: none;margin: 0;padding: 0;}
#breadcrumbs li{display: inline;margin: 0 0 0 5px;padding: 0 0 0 10px;background: transparent url('../images/right_arrow.png') no-repeat left;}

.timepointStatusStarted{background: #a9d400;float: left;margin-right: 4px; border-radius: 5px;}
.timepointStatusNotStarted{background: #00A0C6;float: left;margin-right: 4px; border-radius: 5px;}
.timepointStatusStarted>a,.timepointStatusNotStarted>a{ padding: 3px 5px !important; font-size: 15px; display: block; line-height: 1em; color: #000;}
.timepointStatusStarted>a:hover,.timepointStatusNotStarted>a:hover{ color: #FFF; }

#StudyPatients tr { line-height: 21px; padding-top: 2px;}
.controlGroup{clear: both;margin: 2px;padding: 4px;}
.textControl{padding-top:5px;}
#T0Choice .info.information{margin: 10px 0;display: block;}
 section.pageSection{ margin-bottom: 15px;}
#topRight{height:300px; width:438px;float:left; background: url(../images/Header2.jpg); position: relative;  background-position: center;}
 #topLeft{ background: url('../images/HeaderBG2.png') no-repeat;width: 520px; height: 300px; float: left; background-position: center;}/* width: 429px; height: 375px; */
 #topLeft img{ margin: 20px 0 0 -1px;}
 #topLeft section{ font-size: 14pt;margin: 0 25px 10px 59px;} /* margin: 0 25px 10px 40px; */
 #topLeft section p{color: #FFF;}
.ce-header-image {
    width: 100px;
    float: left;
}
.two-col-wrap>div{width: 50%;}
.three-col-wrap>div{width: 33.3%; }
/*.three-col-wrap> div{ width: 31%;}
.three-col-wrap> div.centre-col{ width: 38%;}*/
.three-col-wrap> div.footer-left-col{ width: 34%;float:left;}
.three-col-wrap> div.footer-centre-col{ width: 52%;float: right;}
.three-col-wrap> div.footer-right-col{ width: 14%;float: right;}
.left-col{ float: left;}
.centre-col,.right-col{ float: right;}
.rounded-grey{ background: #E6E6E6;border-radius: 10px;}
.rounded-white{ background: #FFF;border-radius: 10px;margin: 7px;}
.text-container p{ padding: 10px;}
.text-container h1{ padding: 10px;}
.text-container h1.align { margin-left: 30px; }
.text-container h1.noLeftPadding { padding-left: 0px; padding-bottom: 25px; }
.greyGradient{
background: #f9f9f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 1%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 1%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

.semiTransparent{background: #fff; background: rgba(255, 255, 255, 0.8); border-radius: 7px;padding: 10px;border: 1px solid #ddd;}
.headerText { font-size:16px;margin-top: 10px; } /* margin-left: 25px; */
.questionnaireHeader {background: url('../images/background.png') no-repeat; height: 171px; }
.readonly{ background: #eee;border: 1px solid #ddd;}
.child-three-col-wrap>div{ width: 10%;}
.child-three-col-wrap>div.centre-col{ width: 80%;}
.centre-col,.right-col{ float: right;}
.buttonSprite {background: url('../images/buttons.png') no-repeat top left; width: 57px; height: 57px; }
.buttonSprite.PubBlue{ background-position: 0 0;}
.buttonSprite.PubGreen{ background-position: 0 -63px;} 
.buttonSprite.SignUpBlue{ background-position: 0 -126px;} 
.buttonSprite.SignUpGreen{ background-position: 0 -189px;} 
.buttonSprite.TrialBlue{ background-position: 0 -252px;} 
.buttonSprite.TrialGreen{ background-position: 0 -315px;}
.slider, .sliderBaseContent, .sliderContainer{ height: 238px;margin: auto;width: 297px;}
.sliderHead{ width: 287px; margin: auto}
.sliderContent{ width: 251px;background: #FFF;border-radius: 10px;margin: auto;margin-top: 12px;padding: 10px 8px 10px 8px;}
.sliderContent p.margin { margin-left: 10px;}
.sliderContent a{color:#a9d400;text-decoration:none;}
.sliderContent a:hover{color:#00A0C6;}
.slider{ position: absolute;top: 170px;}
.sliderHead a{ position: absolute;height: 61px;width: 100%;display: block;top: 0;left: 0px;}
.sliderHead a.SignUpBlue:hover{background-position: 0 -189px;}
.sliderHead a.PubBlue:hover{background-position: 0 -63px;}
.sliderHead a.TrialBlue:hover{background-position: 0 -315px;}
.sliderHead .sliderTitle{position: absolute;left: 30px;padding-left: 35px;height: 53px;padding-top: 5px;top: 1px;width: 210px;}
.sliderHead .sliderTitle p{ color: #777;padding-top: 13px;padding-left: 5px;}
.sliderHead{height: 57px;width: 277px;position: relative; margin: auto}
.sliderContainer{ overflow: hidden;position: relative;}
.sliderBaseContent{ border-radius: 10px;overflow: hidden;}
#loggedInDetail{ float: left;margin: 3px 0;border-radius: 5px;border: 1px solid #aaa;padding: 5px;}
#loggedInDetail p{line-height: 1em;margin-bottom: 0px;}
#loginModal{ height: 399px;width: 520px;background: url('../images/login_blank3.png') no-repeat; border-radius: 10px;margin-left:-270px;position: fixed;left: 50%;top: 10%;color: #FFF;display: none;z-index:300;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	   only screen and    (-moz-min-device-pixel-ratio: 2),
	   only screen and      (-o-min-device-pixel-ratio: 2),
	   only screen and         (min-device-pixel-ratio: 2) 
{
	#loginModal{background: url('../images/login_blank3@2x.png') no-repeat;background-size: 520px 400px;}
}

#loginModal fieldset{ margin: 165px 20px 20px 20px;}
#loginModal fieldset a.loginBtn{display: block;padding-top: 10px; text-align: center;height: 30px;width: 140px; background-position: 0 0; background: url('../images/loginbtn.png') no-repeat top left;text-decoration: none;color: #777;float: right;margin: 20px 0 10px 0;}
#loginModal fieldset a.loginBtn:hover{background-position: 0 -42px;color: #777;}
#loginModal fieldset a { color: #fff;text-decoration: none;}
#loginModal fieldset a:hover{color: #a9d400}
#loginModal fieldset legend{ text-align: center; width: 100%}

#loginInputs{text-align: right;text-align: right;width: 400px;margin: auto;padding-top: 15px;}
#loginInputs div{ margin-top: 15px;}
#loginInputs div>label{ margin-right: 20px; width: auto}
#loginInputs div>input{ padding: 3px 5px 3px 5px;width: 275px;margin: 0;}

#signupInputs{padding: 15px 48px 10px 48px;text-align: right; width: 475px;}
#signupInputs div{ margin-top: 15px;}
#signupInputs label{ margin-right: 20px;width: auto; float: none}
#signupInputs input{ padding: 3px 5px 3px 5px;width: 275px;}
#signupInputs select {width: 289px}

.spacedInputs>div{ margin-top: 15px;margin-left: 10px; }

#PostOp>div{ padding-top: 15px;}

.modalOverlay {background-color: #000;}
.modalHeader{position: relative;}
.modalClose {display: block;position: absolute;right: 5px;top: 5px;width: 16px;height: 16px;background: url('../images/cross.png');}
.modalClose span{display: none;}

#addQuestionModal{width: 760px;background: #fff;color: #000;border-radius: 3px;margin-left:-380px;padding: 10px; position: fixed;left: 50%;top: 10%;display: none;z-index:300;}
#addHospitalModal{width: 600px;background: #fff;color: #000;border-radius: 3px;margin-left:-300px;padding: 10px; position: fixed;left: 50%;top: 10%;display: none;z-index:300;}
#deletePatientModal{width: 600px;background: #fff;color: #000;border-radius: 3px;margin-left:-300px;padding: 10px; position: fixed;left: 50%;top: 10%;display: none;z-index:300;}

.languagePicker {border-radius: 5px;margin-top: 3px;margin-bottom: 5px;padding: 5px 5px 5px 10px; color: #777;font-size: 14px; float: right; }
/*background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c9c9c9)); 
				  background: -moz-linear-gradient(top,  #f5f5f5,  #c9c9c9);
				  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c9c9c9');*/
.languagePicker a { padding: 0px 3px 3px 3px;width: 16px;height: 7px;display: inline-block;}
div.flag{ display: block;background: url(../images/flags.png) no-repeat top left;width: 16px; height: 11px;}
div.flag#cn{ background-position: 0 0;}
div.flag#de{background-position: 0 -16px;}
div.flag#es{background-position: 0 -32px;}
div.flag#fr{background-position: 0 -48px;}
div.flag#en{background-position: 0 -64px;}
div.flag#ja{background-position: 0 -80px;}
div.flag#pt{ background-position: 0 -96px;}
div.bigFlag{ display: block;background: url(../images/bigflags.png) no-repeat top left;width: 75px; height: 50px; }
div.bigFlag.cn{ background-position: 0 0;}
div.bigFlag.de{background-position: 0 -51px;}
div.bigFlag.es{background-position: 0 -153px;}
div.bigFlag.fr{background-position: 0 -204px;}
div.bigFlag.en{background-position: 0 -102px;}
div.bigFlag.ja{background-position: 0 -255px;}
div.bigFlag.pt{ background-position: 0 -306px;}
.languagePicker .langSel div.flag{ border: 2px solid #a9d400;margin: -2px;}
#SummaryTable .Title{ font-size: 1.1em; color: #00A0C6}
#SummaryTable .SummaryRow:hover td, #SummaryTable .SummaryRow.Missing td{ background: #DDD;}
#SummaryTable .SummaryRow.Incomplete td{ background: #FEE;}
#SummaryTable td{ padding: 5px;}
section.questionnaire { font-size: 20px;color: gray;font-weight: bold; text-align: center; padding:5px; }
section.questionGroup { padding: 5px 10px 5px 20px; font-size:16px; font-family: Arial; font-weight: bold; color: #40B8D3; }
section.question { padding: 5px 10px 5px 20px; font-size:14px; font-family: Arial; color: #000; line-height:1.5em; }
section.answer { padding: 5px 10px 5px 10px; font-size:12px; font-family: Arial; color: #777; }
td>input{ margin: 0 3px 4px 3px;}
input,select,option{ padding: 4px;}
/*input.error, input.HTML5valError, .error>input{background: #FCC}*/
div.error,.HTML5valError{ background: #fee;border: 1px solid #f44;border-radius: 3px;}
.error .message, .error .message .top,.error {color: #F44;}
#PatientDetails{ padding-bottom: 10px;}
/**/
div>label{ width: 200px;float: left;padding-top: 5px; }
div>input, div>select{ width: 230px;margin: 0 10px 0 0;}
div>select{width: 242px;}
#PatientDetails>div, #CreateStudy>div{ margin-top: 10px;}
#PatientDetails #PEC #PECotherAdd, #PatientDetails #PPA #PPAotherAdd, #PostOp #PM #PMotherAdd, #PostOp #AI #AIotherAdd, #PostOp #AM #AMotherAdd{ cursor: pointer;}
#PatientDetails #PECs li,#PatientDetails #PPAs li, #PostOp #PMs li, #PostOp #AIs li, #PostOp #AMs li{ text-decoration: none;float: left;border-radius: 5px;padding: 3px 5px;margin: 5px;border: solid 1px #40B8D3;cursor: pointer;list-style: none;
background: #f9f9f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 1%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 1%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 1%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}
/*#PatientDetails #PEC #PECotherAdd{ float: left; margin-top: 7px;}
#PatientDetails #PEC input{ float: left;}*/
#PatientDetails #PECs li.selected,#PatientDetails #PPAs li.selected,#PostOp #PMs li.selected,#PostOp #AIs li.selected,#PostOp #AMs li.selected {
background: #a9d400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWQ0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9f9f9 1%, #a9d400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#a9d400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 1%,#a9d400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 1%,#a9d400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#a9d400',GradientType=0 ); /* IE6-8 */
	border-color: #a9d400;
}

.OptionsList{display: block;margin-left: 200px;}
.OptionsList input{ display: none;}
.OptionsList label{float: left; text-decoration: none;border-radius: 5px;line-height: 150%; padding: 3px 5px;margin: 5px;border: solid 1px #40B8D3;cursor: pointer;list-style: none;
background: #d5d7d8; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDdkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ3ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d5d7d8 0%, #ffffff 25%, #ffffff 40%, #d5d7d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d7d8), color-stop(25%,#ffffff), color-stop(40%,#ffffff), color-stop(100%,#d5d7d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5d7d8 0%,#ffffff 25%,#ffffff 40%,#d5d7d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5d7d8 0%,#ffffff 25%,#ffffff 40%,#d5d7d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5d7d8 0%,#ffffff 25%,#ffffff 40%,#d5d7d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d5d7d8 0%,#ffffff 25%,#ffffff 40%,#d5d7d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d7d8', endColorstr='#d5d7d8',GradientType=0 ); /* IE6-8 */ }
.OptionsList label.selected {
background: #a9d400;/* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWQ0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 25%, #ffffff 40%, #a9d400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(25%,#ffffff), color-stop(40%,#ffffff), color-stop(100%,#a9d400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 25%,#ffffff 40%,#a9d400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 25%,#ffffff 40%,#a9d400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 25%,#ffffff 40%,#a9d400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 25%,#ffffff 40%,#a9d400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#a9d400',GradientType=0 ); /* IE6-8 */
	border-color: #d5d7d8;
}
.OtherOption{margin-left: 200px;display: block;clear: both;}
.answerBlock{ position: relative;}
.otherBlock {width: 800px;float: left;margin-top: 10px;}
	.otherBlock > span, .otherBlock > input{float: left;margin-left: 0px !important;display: block;clear: none;}
	.otherBlock > span{width: 200px;}
.mandatory > label{ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARRJREFUeNpi+P//PwMS5gPiaf8hYDcQByHLwxiCUFz+fuvM/3cSVf8/7Y6HaQDJK4FoJgYGBsF/Xz++A2Egm48BClhFZUHUPSC++/v147tAWgmk2OXbtWMMDytcGD5sm1XFAlEEVvzp4Mq0R+XOSkAaJJTGCDR+5uuFtWlQAawApFGuc+89kGIDoBPO/3x4leHngysM77fPZgDywYoEvNIY2OW1GdgVdEAaSkHOuMDEzW/IqWU1C+g2sEKoexm+A53HpWUF4qcAuT2w0Jj5akENOBTu5Zj8//vlAzg0QPzHjYFgPii0mKDOWs1j6skAtIFBOKQERLeJxjeD+TwmHiC6AqjmPXKEtEJNaMXCB0UWA0CAAQCsQ9gRp6CXRwAAAABJRU5ErkJggg==');background-repeat: no-repeat;background-position: left center;margin-left: -15px;padding-left: 15px;}

.sortableHandle{ width: 16px;height: 16px;background: transparent url('../images/sort_handle.png');cursor: ns-resize; }
#sortable { margin: 10px 0;}

#TimePoint{ float: left;}
#TimePoint>div{ width: 190px;float: left;}
#TimePoint>div label{display: block;padding: 4px;}
#TimePoint>div input{ width: 137px;}
#TimePoints .deleteSchedule{cursor: pointer;}
#StudyResearchers li{ list-style: none;}
#QuestionGroupList{margin-top:15px}
#QuestionGroupList section h1{ cursor: pointer;padding: 2px 0 4px 10px;margin-bottom: 10px;}
#QuestionGroupList section input{float: left; }

#Groups{ float: left;}
#Groups>div{ width: 190px;float: left;}
#Groups>div label{display: block;padding: 4px;}
#Groups>div input{ width: 137px;}
#Groups .deleteGroup {cursor: pointer;}

#AddGroupArea { padding:0 5px; }
.acknowledge {padding: 20px 5px;display:block;float:right; }
.acknowledge > label {float: left;width: 80%; }
.acknowledge > input {float: right; width:20px !important; margin: 0px !important; }

/*Style for the tabs on CreateStudy.aspx*/
.tabsPanel{padding-top: 20px; margin-bottom: 10px;}
.tabsPanel .tab{padding: 10px; background: #fff; border: 1px solid #999;}
.tabsPanel .tabAnchors {position: relative; padding: 0;line-height: 1.2em;}
.tabsPanel .tabAnchors li{display: inline; position: relative; top: -4px;margin-left: 5px;}
.tabsPanel .tabAnchors a{padding: 5px 10px; text-decoration: none; background: #FFF;border: 1px solid #999;border-top-left-radius: 5px;border-top-right-radius: 40px;padding-right: 15px;background: #f2f2f2;color: #000; }
.tabsPanel .tabAnchors .tabCurrent{ }
.tabsPanel .tabAnchors .tabCurrent a{background-color: #fff; border-bottom: none;}

.tabsPanel .tab{}
.tabsPanel>.tabCurrent{border: 1px solid #999; background: #FFF; border-radius: 5px;}

.button{margin: 10px; display: block;border-radius: 5px; padding: 5px 10px; text-align: center;text-decoration: none;color: #777;float: right;background: #f2f2f2;border: 1px solid #777;}
.button:hover{background-position: 0 -42px;color: #000;background: #bdee00;}
td .button{ margin: 0 10px;}
.left { width: 50%; float: left; }
.right { width: 50%; float: right; }
.right p { margin:0; padding: 0; }
.rightmost { float: right; }
p.links { padding: 0px 10px; }

#DataTable_wrapper { padding-bottom: 50px !important;}
#DataTable_wrapper .dataTables_length {margin-left: 10px;}
#DataTable_wrapper .dataTables_filter {float: right;margin: 0 10px 10px 0;}
#DataTable_wrapper .dataTables_filter>label { width: auto !important;}
#DataTable_wrapper .dataTables_info {float: left;margin: 10px 0 0 10px;}
#DataTable_wrapper .paging_two_button { float: right;}
#DataTable_wrapper .paging_two_button a {margin: 10px; border-radius: 5px; padding: 5px 10px; text-align: center;text-decoration: none;color: #777;background: #f2f2f2;border: 1px solid #777;}
#DataTable_wrapper .paging_two_button a:hover{background-position: 0 -42px;color: #000;background: #bdee00;}

#TimePointDeleteConfirm,#GroupDeleteConfirm,#GroupDeleteUnable,#removeResearcher,#quickmodal,#PDFDownloadLangSelect,#TimepointGuidanceModal,#StandardQuestions, #PDFDownloadStudyLangSelect{ border-radius: 10px;padding: 15px;border-radius: 10px;width: 420px;margin-left: -210px;position: fixed;left: 50%;top: 10%;color: #FFF;display: none;z-index:300;background: #FFF;}
#PDFDownloadLangSelect, #PDFDownloadStudyLangSelect{ width: 596px;margin-left: -298px;}
#TimepointGuidanceModal{ width: 900px; margin-left: -450px}
#StandardQuestions{ width: 800px; margin-left: -400px;}
.bigFlagContainer { width: 100%;}
.bigFlagContainer>a { float: left;margin: 5px; background-color: brown; }
.patient .timepoints a{ cursor: pointer;}
#dash{clear:both;}
#dash .element{ text-align: center;display: block;background: #AAA;text-decoration: none;color: white;border-radius: 15px;margin: 10px;overflow: hidden;position: relative;padding-bottom: 10px;}
#dash .element:hover{ background: #a9d400;color: black;}
#dash .element:hover .title{}/*color: grey*/
#dash .element .title {padding: 15px;font-size: 30px;display: block;}
#dash .element .value {padding: 20px 15px;font-size: 90px;display: block;height: 130px;}
#dash .element .button {position: absolute;top: 0;right: 0;}
#dash .element.withAdd .value{animation: valueShow 0.5s ease-in-out;-moz-animation: valueShow 0.5s ease-in-out;-webkit-animation: valueShow 0.5s ease-in-out;-o-animation: valueShow 0.5s ease-in-out;opacity: 1;}
#dash .element.withAdd:hover .value {animation: valueHide 0.5s ease-in-out;-moz-animation: valueHide 0.5s ease-in-out; -webkit-animation: valueHide 0.5s ease-in-out;-o-animation: valueHide 0.5s ease-in-out;height: 0px;opacity: 0;color: transparent;}
#dash .element.withAdd .additional{opacity: 0; height: 0px;animation: additionalHide 0.5s ease-in-out;-moz-animation: additionalHide 0.5s ease-in-out;-webkit-animation: additionalHide 0.5s ease-in-out;-o-animation: additionalHide 0.5s ease-in-out;}
#dash .element.withAdd .additional p{color: transparent;}
#dash .element.withAdd:hover .additional p{ color: #000;}
#dash .element.withAdd:hover .additional{opacity: 1; animation: additionalShow 0.5s ease-in-out;-moz-animation: additionalShow 0.5s ease-in-out; -webkit-animation: additionalShow 0.5s ease-in-out; -o-animation: additionalShow 0.5s ease-in-out; height: 160px;margin-top: -30px;}
#dash .element p{ padding: 0;margin: 0;font-size: 20px;text-align: left;margin: 0 15px;color: #FFF;}
#dash .element:hover p{ color: #000;}
#ListStudies ul{ padding: 0;}
#ListStudies ul li{ list-style: none; margin: 10px;width: 47%;float: left;}

#TrainingLinks a { width: 210px; height: 35px; margin-right: 19px; text-align: center;display: inline-block;background: #AAA;text-decoration: none;color: white;border-radius: 15px; float: left; padding: 15px 0;}
#TrainingLinks a.verticalCentre { line-height: 35px;}
#TrainingLinks a:hover {background: #a9d400;color: black;}
#TrainingLinks a:last-of-type { margin-left: 0;}

.InvitationList li{ list-style: none;display: block;width: 100%;clear: both;padding-top: 7px;}
.InvitationList span{display: block;float: left;padding: 0 5px;}
.InvitationList .Heading{ font-weight: bold;text-align: left;}
.InvitationList .Expire,.InvitationList .Sent{ width: 110px;text-align: left;}
.InvitationList .Study{ width: 330px;margin-left: 20px;}
.InvitationList .Invited{ width: 150px;margin-left: 10px;}
.InvitationList .Status{ width: 70px;text-align: left;margin-left: 10px;}
.InvitationList .Status-header{ width: 190px;text-align: left;margin-left: 10px;}
.InvitationList .Status-date {width: 110px;}
.InvitationList .Heading .Status, 
.InvitationList .Heading .Expire, 
.InvitationList .Heading .Sent{ text-align: left;}


.rangeSlider{width: 80%;margin: auto;margin-top: 45px;margin-bottom: 5px;}

#QuickEntry{ width: 100%;border-collapse: collapse;border: 1px solid #000;}
#QuickEntry thead{ background: #DDD;color: #000;font-size: 1.2em; }
#QuickEntry thead th, #QuickEntry tr td{padding: 5px;border: 1px solid #000;}
#QuickEntry tr td.qeAnswers table td{ border: none;}

#RecoveryMatrix{ margin: auto; }
#RecoveryMatrix th, #RecoveryMatrix td{ width: 70px; text-align: center; margin: 0;padding: 10px; }
#RecoveryQuestionTable{ background: #ddd;color: #333;border-radius: 10px;width: 100%;}
#RecoveryQuestionTable td{padding: 5px;text-align: left;}
.selected{ background: url('../images/matrix_selected.png') bottom center no-repeat;}

/* ADMIN AREA */

#UserApproval table{ width: 100%;}
#AAResearchers table{ width: 100%; }
#Administrators table{ width: 100%; }
#AAStudies table{ width: 100%; }

#AAResearchers .ResearcherStudies { position: relative;cursor: pointer;}
#AAResearchers .ResearcherStudies>.StudyListPopup {z-index: 1; position: absolute;background: #FFF;border: 1px solid #DDD;border-radius: 5px;padding: 5px;right: 5px;top: 35px;width: 300px;}
#AAResearchers .ResearcherStudies>.StudyListPopup li{ list-style: none;margin-left: 0px;}

#AAStudies .ResearcherStudies { position: relative;cursor: pointer;}
#AAStudies .ResearcherStudies>.StudyListPopup {z-index: 1; position: absolute;background: #FFF;border: 1px solid #DDD;border-radius: 5px;padding: 5px;right: 5px;top: 35px;width: 300px;}
#AAStudies .ResearcherStudies>.StudyListPopup li{ list-style: none;margin-left: 0px;}



#mdlAddAdmin{width: 456px;background: #fff;color: #000;border-radius: 3px;margin-left:-228px;padding: 10px; position: fixed;left: 50%;top: 10%;display: none;z-index:300;}
#mdlAddAdmin>div{ margin-top: 5px;}

.dataModal 
{
	display: none;
	border: 1px solid #333;
	background: #fff;
	width: 900px;
	top: 10%;
	left: 50%;
	margin-left: -450px;
	position: fixed; 
}


/* ANIMATIONS*/
@keyframes valueHide
{
	0%{opacity:1;height: 130px;}
	100%{opacity:0;height: 0px;}
}
@-webkit-keyframes valueHide
{
	0%{opacity:1;height: 130px;}
	100%{opacity:0;height: 0px;}
}
@-moz-keyframes valueHide
{
	0%{opacity:1;height: 130px;}
	100%{opacity:0;height: 0px;}
}
@-o-keyframes valueHide
{
	0%{opacity:1;height: 130px;}
	50%{ -o-transform: rotate(-180deg);}
	100%{opacity:0;height: 0px;-o-transform: rotate(-360deg);}
}
@keyframes valueShow
{
	0%{opacity:0;height: 0px;}
	100%{opacity:1;height: 130px;}
}
@-webkit-keyframes valueShow
{
	0%{opacity:0;height: 0px;}
	100%{opacity:1;height: 130px;}
}
@-moz-keyframes valueShow
{
	0%{opacity:0;height: 0px;}
	100%{opacity:1;height: 130px;}
}
@-o-keyframes valueShow
{
	0%{opacity:0;height: 0px;}
	50%{-o-transform: rotate(180deg)}
	100%{opacity:1;height: 130px;-o-transform: rotate(360deg)}
}
@keyframes additionalHide
{
	0%{opacity:1;height: 160px;margin-top: -30px;}
	100%{opacity:0;height: 0px;margin-top: 0;}
}
@-webkit-keyframes additionalHide
{
	0%{opacity:1;height: 160px;margin-top: -30px;}
	100%{opacity:0;height: 0px;margin-top: 0;}
}
@-moz-keyframes additionalHide
{
	0%{opacity:1;height: 160px;margin-top: -30px;}
	100%{opacity:0;height: 0px;margin-top: 0;}
}
@-o-keyframes additionalHide
{
	0%{opacity:1;height: 160px;margin-top: -30px;}
	100%{opacity:0;height: 0px;margin-top: 0;}
}
@keyframes additionalShow
{
	0%{opacity:0;height: 0px;margin-top: 0;}
	100%{opacity:1;height: 160px;margin-top: -30px;}
}
@-webkit-keyframes additionalShow
{
	0%{opacity:0;height: 0px;margin-top: 0;}
	100%{opacity:1;height: 160px;margin-top: -30px;}
}
@-moz-keyframes additionalShow
{
	0%{opacity:0;height: 0px;margin-top: 0;}
	100%{opacity:1;height: 160px;margin-top: -30px;}
}
@-o-keyframes additionalShow
{
	0%{opacity:0;height: 0px;margin-top: 0;}
	100%{opacity:1;height: 160px;margin-top: -30px;}
}

/* Data table Styles */
table.results-Table {
	text-align: center;
}
table.results-Table thead > tr > th {
	padding: 5px;
	color: #333;
}
td.cell-Included, th.cell-Included {
	background-color: #53c4ff;
	text-align: center;
}
td.cell-Excluded, th.cell-Excluded {
	background-color: #ff6555;
	text-align: center;
}
.resetLink{ float: right;}

.notification-btn {
	padding: 10px;
	background-color: #aaa;
	border-radius: 5px;
	margin-bottom: 5px;
	color: white;
}

	.notification-btn:hover {
		background-color: #a9d400;
		color: black;
	}

.pull-right {
	float: right;
}

.alert-div {
	color: red;
	margin-top: 30px;
}

.alert-div p{
	color: red;
}