body, input, textarea {
	color: #3E505A;
  font-family: "PT Sans";
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5;
}

.ui-datepicker{
  font-size: 0.9em !important;
}
.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 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.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 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

input[type="number"] {
   width:50px;
}

.clear-both{
  clear: both;
}

a{
	color: #F0532D;
	text-decoration: none;
}
a:hover{
	color: #C00848;
}

body {
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	
}

.wide-body{
	margin: 0px auto;
	max-width: 1400px;
	width: 100%;
}
.normal-body{
	margin: 0px auto;
	max-width: 1080px;
	width: 100%;
}

#page {
	margin: 0px auto;
	width: 100%;
}
#header-outer{
  background-color : #FFFFFF; 
	background-image:url('/demo/Images/demo-header.png');
  background-repeat:no-repeat;
  background-size:cover;
	background-position: top right;
	border-bottom: 10px solid #C00848;
	clear: both;
	display: block;
	position: relative;
	height: auto;
}
#header img.logo{
  position: relative;
	margin: 80px 0px 10px 10px;
	max-width: 341px;
	width: 90%;
}

#header h1{
  display: block;
	text-align: center;
	position: absolute;
	color: rgba(128,128,128,0.5);
	top: 90px;
	right: 20%;
	font-size: 40px;
	z-index: 9999;
}

#logout{
  position: absolute;
	top: 30px;
	right: 10px;
	width: 120px;
	height: 41px;
	text-align: right;
}
#menu{
  background-color : #E6E7E8;  
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 40px;
}
#menu ul {
	list-style: none;
	padding: 0px;
}
#menu ul li {
	float: right;
	position: relative;
}
#menu ul li a{
	font-size: 15px;
	font-weight: 700;
  letter-spacing: 1px;
	color: #F0532D;
	display: block;
	line-height: 40px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #C00848;
}
#menu ul li.selected a {
	color: #C00848;
}

#menu1{
  background-color : #E6E7E8;  
	border: none;
	clear: both;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 25px;
}
#menu1 ul {
	list-style: none;
	padding: 0px;
}

#menu1 ul li {
	float: right;
	position: relative;
	padding: 0px;
}
#menu1 ul li a {
	font-size: 15px;
	font-weight: 400;
  letter-spacing: 1px;
	color: #F0532D;
	display: block;
	line-height: 25px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#menu1 ul li a:hover {
	color: #C00848;
}

#menu1 ul li:hover > ul {
	display: block;
}




#menu1 ul ul {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
  top: 25px;
	left: 0px;
	z-index: 99999;
	background-color: #919191;
	display: none;
}

#menu1 ul li ul,
#menu1 ul li ul li{
	background-color: #919191;
	width: 120px;
	margin: 0px;
	padding: 0px;
	z-index: 99999;
}


#menu1 ul li ul li a {
	background-color: #919191;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	width: 100%;
	z-index: 99999;
	position: relative;
}


#menu1 ul li ul p {
	background-color: #FF8000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 17px;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	width: 100%;
	z-index: 99999;
	position: relative;
}











#content{
  position: relative;
	border: none;
	clear: both;
	padding: 30px 20px 20px 20px;
  background-color : #FFFFFF;
}
.content-left{
  float: left;
	width: 70%;
	padding-right: 2%;
}
.content-left ul{
  padding-left: 0px;
}
.content-left li{
	margin: 5px 0px 5px 0px;
	padding-left: 30px;
	line-height: 1;
  background-image: url("/demo/Images/Bullet.png");
  background-repeat: no-repeat;
}

.content-left .pc{
  width: 100%;
	min-height: 160px;
	padding: 10px 0px 10px 0px;
}
.content-left .pc img{
	padding: 0px 20px 0px 0px;
}
.content-left .pc h2{
	margin: 0px 0px 10px 0px;
}
.content-right{
  float: right;
	width: 28%;
}
.link{
  background-color: #E6E7E8;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
}
.link h2{
  margin: 0px 0px 5px 0px;
}
.link p{
  margin: 0px 0px 0px 0px;
	color: #3E505A;
}
.link.colour1{
  border-left: 20px solid #C00848;
}
.link.colour2{
  border-left: 20px solid #F0532D;
}
.link.colour3{
  border-left: 20px solid #F79131;
}

#loginform{
  position: relative;
	width: 100%;
	padding: 20px 0px 20px 0px;
}
#loginform .row{
  clear: both;
	padding: 5px 0px 5px 0px;
}
#loginform .row .col1{
  text-align: right;
	min-width: 120px;
	width: 10%;
	float: left;
}
#loginform .row .col2{
  text-align: left;
	max-width: 300px;
	width: 85%;
	padding-left: 2%;
	float: left;
}
#loginform .row .col2right{
  text-align: right;
	max-width: 300px;
	width: 85%;
	padding-left: 2%;
	float: left;
}
#loginform .row .col2 input{
  width: 100%;
}

#registerform{
  position: relative;
	width: 100%;
	padding: 20px 0px 20px 0px;
}
#registerform .row{
  clear: both;
	padding: 5px 0px 5px 0px;
}
#registerform .row.error{
  background: #FFC0C0;
}
#registerform .row .col1{
  text-align: right;
	min-width: 120px;
	width: 10%;
	float: left;
}
#registerform .row .col2{
  text-align: left;
	max-width: 300px;
	width: 85%;
	padding-left: 2%;
	float: left;
}
#registerform .row .col2right{
  text-align: right;
	max-width: 300px;
	width: 85%;
	padding-left: 2%;
	float: left;
}
#registerform .row .col2 input{
  width: 100%;
}

.align-right{
  text-align: right;
}
.failed{
	color: #FF0000;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
}
.message{
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
}
.messages{
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.625;
	margin: 10px 0px 10px 0px;
}
.messages .failed{
	padding: 20px;
	color: #000000;
	background-color: #FF8080;
}
.key_failed{
	background-color: #FF8080;
}
.messages .warning{
	padding: 20px;
	color: #000000;
	background-color: #FFC080;
}
.key_warning{
	background-color: #FFC080;
}
.messages .success{
	padding: 20px;
	color: #000000;
	background-color: #80FF80;
}
.key_success{
	background-color: #80FF80;
}
.messages .message{
	padding: 20px;
	color: #000000;
	background-color: #E0E0E0;
}

.link-button{
	background: #9DA5AA; 
	padding: 2px 10px 2px 10px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	cursor:pointer;
	display: inline;
	padding: 2px 10px 2px 10px;
	border: none;
}
.button{
	background: #9DA5AA; 
	padding: 2px 10px 2px 10px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	margin: 10px 10px 0px 0px;
	cursor:pointer;
	border: none;
}
.button:hover{
  background-color: #D0D0D0;
}
.pdf{
		background-image:url('/demo/Images/Button-pdf.png');
		background-position: left; 
		padding: 2px 10px 2px 35px;
		border-color: #808080;
}
.confirm{
}
.submit{
}
.next{
}
.back{
}
.cancel{
}

h1{
	color: #000000;
	font-size: 150%;
	font-weight: 400;
	line-height: 1.5;
	margin: 0px 0px 20px 0px
}
h2{
	color: #000000;
	font-size: 125%;
	font-weight: 400;
	line-height: 1.5;
	margin: 20px 0px 20px 0px

}
h3{
	color: #000000;
	font-size: 110%;
	font-weight: 400;
	line-height: 1.5;
	margin: 20px 0px 20px 0px
}
p{
	margin: 0px 0px 16px 0px
}

strong{
	font-weight: 700;
}
#footer-outer{
  background-color : #FFFFFF;  
	background-image:url('/demo/Images/demo-footer.png');
  background-repeat:no-repeat;
  background-size:cover;
	background-position: top right;
	border-top: 10px solid #C00848;
	clear: both;
	height: 200px;
	text-align: center;
	position: relative;
}

#footer #copyright{
  position: relative;
	top: 3px;
	left: 20px;
	height: 23px;
	text-align: left;
	width: 90%;
}






.profile{
	display: block;
	padding: 0 0 0 0;
	margin: 0px auto;
	width: 100%;
	clear: both;
}
.form{
	position: relative;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
}
.profile ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.warnmessage
	{
  background-color : #FFa0a0;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	padding: 20px 0px 20px 0px;
	}	
.profile ul li {
	position: relative;
	display: block;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
  letter-spacing: 0;
	color: #404080;
  background-color : #FFFFFF;
	line-height: 1.2em;
	padding: 10px 5px 20px 5px;
	margin: 0 0 0 0;
	border-bottom: solid 1px #202060;
}
.profile ul .HeaderText {
	font-weight: 400;
	color: #404040;
}
.profile ul .HeaderText ul{
  list-style-position: inside;
  list-style-type: disc;
	padding: 0px;
	margin: 0px;
}
.profile ul .HeaderText ol{
  list-style: inside decimal none;
	font-size: 13px;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
}
.profile ul .HeaderText ul li,
.profile ul .HeaderText ol li{
  display: list-item;
  border: none;
	color: #404040;
	font-weight: 400;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}
.profile ul li .Question{
  margin: 0px 0px 10px 0px;
	color: #404040;
}
.profile ul li .fullwidth input[type='radio']{
  float: left;
	margin: 2px 5px 5px 0px;
}
.profile ul li .Question,
.profile ul li .fullwidth,
.profile ul li .fullwidthorderradio,
.profile ul li .type4othertext,
.profile ul li .type4checkbox{
  width: 100%;
	display: inline-block;
	margin: 0px 0px 5px 0px;
}
.profile ul li .dropdownright{
  float: right;
	display: inline-block;
}
.profile ul li .dropdown{
  width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
.profile ul li .type4othertext{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.profile ul li .type4checkbox{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.clearboth{
  clear: both;
}
.profile ul li textarea{
  width: 100%;
	border: solid 2px #d1d3d4;
	display: inline-block;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.profile ul li.submit{
  width: 100%;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	display: inline-block;
	text-align: right;
	height: 20px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: none;
}

.profile ul li.headlevel2 > .fullwidth,
.profile ul li.headlevel2 > .dropdown,
.profile ul li.headlevel2 > .type4othertext,
.profile ul li.headlevel2 > .type4checkbox{ 
	display: inline-block;
	padding: 0px 0px 0px 5%;
	width: 95%;
}

.profile ul li.profile .sixthwidth{ 
	display: inline-block;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 16%;
}
.profile ul li.profile .sixthwidthright{ 
	display: inline-block;
	vertical-align: top;
	float: right;
	padding: 0px 0px 20px 0px;
	text-align: center;
	width: 16%;
}
.profile ul li.profile .orderradio{ 
	display: inline-block;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 20px;
}
.profile ul li.profile .orderradio input{ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.profile ul li.profile .orderradiotext{ 
	display: inline-block;
	padding: 0px 0px 0px 0px;
	width: 800px;
}


.profile ul li.alt0
	{
  background-color : #E0E0FF;
	}		
.profile ul li.alt1
	{
  background-color : #FFFFFF;
	}		

.profile ul li.altred
	{
  background-color : #FFa0a0;
	}		

.profile ul li.altgrey
	{
  background-color : #404040;
	}		
.profile ul li.group1 {
	border-bottom: none;
	padding-bottom: 0px;
}
.Synergies .Match{
  color: #00FF00;
	font-weight: 700;
}
.Conflicts .Match{
  color: #FF0000;
	font-weight: 700;
}


.AnswerTick{
		background-image:url('/demo/Images/Button-tick.png');
		background-position: right; 
		width: 35px;
		height: 25px;
		display: inline-block;
}

.tabs{
  padding: 10px 0px 0px 0px;
}
.tabs .tab{
  float: left;
	padding: 10px 10px 10px 10px;
	cursor: pointer;
}
.tabs .tab.Selected{
  background-color: #C0C0C0;
	color: #000000;
}

.tab0{
  display: block;
}
.tab1{
  display: none;
}
.tab2{
  display: none;
}
.tab3{
  display: none;
}
.text-left{
  width: 46%;
	padding: 0px 2% 0px 2%;
	float: left;
}
.text-right{
  width: 46%;
	padding: 0px 2% 0px 2%;
	float: right;
}

.book-wave .row{
	padding: 0px 0px 20px 0px;
}
.book-wave .row .day{
	font-size: 18px;
	line-height: 20px;
	padding: 5px 5px 5px 10px;
	margin-top: 20px;
	clear: both;
	background: #D0D0D0;
}
.book-wave .row .time{
  width: 13%;
	font-size: 15px;
	line-height: 20px;
	padding: 5px 0px 5px 0px;
	border: 1px solid #D0D0D0;
	margin: 5px 5px 0px 5px;
	text-align: center;
	float: left;
}
.book-wave .row .time:hover{
  background: #D0D0D0;
}
.book-wave .row .time input[type="radio"]:checked+label{
  font-weight: 700;
} 
.book-wave .col1{
  width: 15%;
	padding-right: 10px;
	text-align: right;
	float: left;
	clear: both;
}
.book-wave .col2{
  width: 80%;
	text-align: left;
	float: left;
}
.book-wave .col2 input,
.book-wave .col2 textarea{
  width: 100%;
}
.book-wave .block{
  padding: 20px 0px 0px 0px;
}
.book-wave .padding-top{
  padding: 60px 0px 0px 0px;
}


.Display-Feedback-Dates .row{
	padding: 0px 0px 20px 0px;
}
.Display-Feedback-Dates .row .day{
	font-size: 18px;
	line-height: 20px;
	padding: 5px 5px 5px 10px;
	margin-top: 20px;
	clear: both;
	background: #D0D0D0;
}
.Display-Feedback-Dates .row .time{
  width: 17%;
	font-size: 15px;
	line-height: 20px;
	padding: 5px 0px 5px 0px;
	border: 1px solid #D0D0D0;
	margin: 5px 5px 0px 5px;
	text-align: center;
	float: left;
}
.Display-Feedback-Dates .row .time.green{
	border: 1px solid #80FF80;
}
.Display-Feedback-Dates .row .time.red{
	border: 1px solid #FF8080;
}

#content li{
  list-style: none;
}
#content li .Question,
#content li .fullwidth,
#content li .fullwidthorderradio,
#content li .type4othertext,
#content li .type4checkbox{
  width: 100%;
	display: inline-block;
	margin: 0px 0px 5px 0px;
}


#content li .Question{
  margin: 10px 0px 10px 0px;
	border-top: 1px solid #808080;
	color: #404040;
}
#content li .Answer{
  margin: 0px 0px 10px 0px;
	color: #000000;
	font-weight: 600;
}
#content li .OptionText{
  margin: 0px 0px 10px 0px;
	color: #000000;
	font-weight: 600;
}
#content li .OptionText.Match{
  color: #00FF00;
	font-weight: 700;
}
#content li .OptionText.NoMatch{
  color: #800000;
	font-weight: 400;
}
#content li.ProfileCheckbox{
  padding: 5px 0px 5px 0px;
}

#content li.ProfileCheckbox .Question{
	display: inline-block;
	border: none;
	width: 80%;
	margin: 0px 0px 10px 0px;
}
#content li.ProfileCheckbox .Answer{
  width: 30px;
	display: inline-block;
	border: none;
}

#content li.Image{
  float: left;
	width: 50%;
	max-width: 300px;
	padding: 0px 5% 0px 0px;
}
#content li.Image img{
  width: 100%;
	height: auto;
}
#content li.Image.Option0{
  float: none;
	width: 50%;
	max-width: 300px;
	padding: 20px 5% 0px 0px;
}
#content li.ProfileDropdownText.Q22 .Question{
  display: none;
}
#content li.ProfileMultiCheckbox.Q23 .Question{
  width: 45%;
	border: none;
}
#content li.ProfileMultiCheckbox.Q23.Option0 .Question{
  width: 100%;
	border: none;
}

#content li.ProfileMultiOption .Question{
  width: 100%;
}
#content li.ProfileMultiOption P{
  padding: 0px 0px 0px 0px;
	margin: 0px;
	position: relative;
}
#content li.ProfileMultiOption .OptionValue{
  width: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content li.ProfileMultiOption .OptionValue input{
  width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
#content li.ProfileMultiOption .OptionValue.ReadOnly{
  width: 150px;
	height: 10px;
	background-color: #C0C0C0;
	position: absolute;
	top: 10px;
	left: 0px;
}
#content li.ProfileMultiOption .OptionValue.ReadOnly .bar{
  position: absolute;
	height: 10px;
	background-color: #00C000;
	top: 0px;
	left: 0px;
}

#content li.ProfileMultiOption .OptionText{
  margin-left: 160px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: block;
}





#content .Section0,
#content .Section1,
#content .Section2,
#content .Section3,
#content .Section4,
#content .Section5{
  padding-bottom: 20px;
}


/** =================================================================== **/
/** ===================== MEDIA QUERIES =============================== **/

@media (max-width: 800px) {
  .book-wave .row .time{
    width: 18%;
	}
}
@media (max-width: 600px) {
  .book-wave .row .time{
    width: 23%;
	}
}


@media (max-width: 500px) {
  .book-wave .row .time{
    width: 30%;
	}
	.book-wave .col1{
    width: 20%;
	}
	.book-wave .col2{
    width: 75%;
	}
}

@media (max-width: 380px) {
  .book-wave .row .time{
    width: 44%;
	}
	.book-wave .col1{
    width: 100%;
		text-align: left;
	}
	.book-wave .col2{
    width: 100%;
	}
	.book-wave .row .day{
	  font-size: 16px;
	}
	
	
}