/* <style> /* tag to trick dreamweave to syntax highlight */
/* CSS Document */
/* Width:  HEIGHT:  */

html{
	color: #333333;
	color: rgba(51,51,51,1);
}
a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
.themed-font{
	color: rgb(0,164,196);
}
/* FOOTER */
#footer-inner #base-logo{
	/*background-image: url(../../../../images/logo.png);*/
	border-top: 3px solid rgb(147,149,152);
	border-top: 3px solid rgba(147,149,152,0.75);
	/*border-top: 3px solid rgb(51,51,51);*/
}
#footer{
	color: #333333;
	color: rgba(51,51,51,1);
}
/* FOOTER */
/* STANDARD TABLE */
.table{
	border-color: rgb(0,174,239);
	color: #333333;
}
.table th{
	color: white;
	background-color: rgb(0,174,239);
}
.table tr:nth-child(even){	
	background-color: rgba(0,174,239, 0.1);	
}
/* STANDARD TABLE */

/* GENERAL */
h1,h2,h3,h4,h5,h6{
	color: 	rgb(0,174,239);
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: #0073ea !important;	
}
.sprite-icon{
	background-color: rgb(230,0,126);
}
.themed-bg{
	background-color: rgb(230,0,126);	
}
.emphasis{
	color: rgb(230,0,126);
}
.user_actions{
	color: #333333;
	color: rgba(51,51,51,1);
}
.user_actions a{
	color: inherit;
	background-image: url(../../../../images/nav_icons_wb_grey.png);
}
.user_actions a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
div.breadcrumb{
	border-top: 3px solid rgb(147,149,152);
	border-top: 3px solid rgba(147,149,152,0.75);
	/*border-top: 3px solid rgb(51,51,51);*/
	color: #333333;
	color: rgba(51,51,51,1);
}
div.breadcrumb ul li a:hover{
	text-shadow: 0px 0px 8px rgb(147, 149, 152);
	text-shadow: 0px 0px 8px rgba(147, 149, 152, 0.75);
}
div.breadcrumb ul li:first-child,div.breadcrumb ul li:nth-child(2){
	background-image: url(../../../../images/nav_icons_wb_grey.png);
}
.icon_item:hover{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
	box-shadow: 0px 0px 8px 0px rgba(50,50,50, .75);
}
.icon_item_removed{
	
	color: #33F;
	
	background-image: linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -o-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -moz-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -webkit-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	background-image: -ms-linear-gradient(left top, rgb(206,223,240) 27%, rgb(226,230,235) 64%, rgb(252,252,252) 84%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.27, rgb(206,223,240)),
		color-stop(0.64, rgb(226,230,235)),
		color-stop(0.84, rgb(252,252,252))
	);
	
	letter-spacing: 0.05em;
	-webkit-box-shadow: -11px 10px 26px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -11px 10px 26px rgba(50, 50, 50, 0.75);
	box-shadow:         -11px 10px 26px rgba(50, 50, 50, 0.75);
}
.sortable_holder{
	background-color: white;
	border: thin solid #FC0;
}
.tipTip{
	border-bottom: 0.1em dotted #777;
}
.accordion .ui-widget-content p{
	color: #333333;	
}
section.page-with-icon{
	min-height:201px;
}
/* GENERAL */
/* MOBILE NAVIGATION */
#mobile-nav{
	border: 1px solid rgb(147, 149, 152);
}
#mobile-nav.hovered{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
#mobile-nav .menu-ul{
	border-top: 1px solid rgb(147, 149, 152);	
}
#mobile-nav .menu-ul a:hover{
	background-color: rgb(147, 149, 152);
	color: white;
}
/* MOBILE NAVIGATION */
/* PROGRESS BAR FORMATTING */
.ui-progressbar{
	background: rgb(157,157,156);
}
.ui-progressbar-value{
	background: rgb(230,0,126);
}
/* PROGRESS BAR FORMATTING */
/* CALENDAR */
.calendar-item.has-event{
	background-color: rgb(230,0,126) !important;
	color: white;
}
.month-title{
	background-color: rgb(230,0,126);
}
.calendar-item.has-event.highlight-day{
	background-color: rgb(0,174,239) !important;
}
/* CALENDAR */
.jBox-image-label{
	color: #666666;
}
/* BLOG FORMATTING */
.blog-details{
	color: rgb(190,190,180);	
}
/* BLOG FORMATTING */
/* SPRITE ICONS */
.sprite-icon{
	background-color: #666666;
}
.sprite-icon:hover{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
/* SPRITE ICONS */
/* JBOX GALLERY */
a.jbox-gallery{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
/* JBOX GALLERY */
/* FORMS */
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus{
	border-color: rgb(0,174,239);
}
/* FORMS */
/* HIGHLIGHTING */
.item_highlight{
	-webkit-box-shadow: 0px 0px 60px 90px rgb(0,174,239) !important;/*rgb(230,0,126);*/
	-moz-box-shadow: 0px 0px 60px 90px rgb(0,174,239) !important;
	box-shadow: 0px 0px 60px 90px rgb(0,174,239) !important;
}
.alt-button{
	background: rgb(0,174,239) !important;
}
/* HIGHLIGHTING */

/*GURU*/
div.breadcrumb ul li, .user_actions a{
	    filter:brightness(150%);
}
#footer{
	color:#fff;
}
.full-bg {
    background-color: transparent;
}
#footer #base-logo, #top_main{
	background-color:rgba(100,255,100,0.4);
	background-color: rgba(10,10,10,0.5);
	color:#fff;
}
div.breadcrumb, #footer #base-logo{
	border-top-color:rgb(100,255,100) !important;
}
h1, h2, h3, h4, h5, h6{
	color:rgb(100,255,100);
	font-weight:bolder;
	margin-bottom: -5px;
	display: block;
	margin-top: 10px;
}
body::before{
	content:"";
	height:100%;
	width:100%;
	position:fixed;
	background-image:url(../../../../images/wellbeing_station/backgrounds/bg-3.jpg);
	background-size: cover;
	z-index: -2;
}
.login_blank::after{
	content: "";
	background-color:rgba(100,255,100, 0.45);
	position:absolute;
	height:100%;
	width:100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	position: fixed;
}
.page-icon{
	padding:5px;
	background-color:#000;
	display: inline-block;
	background-image:none;
	margin-left: -15px;
	margin-top: -5px;
	margin-right: 5px;
}
.page-with-icon .content p, .page-with-icon .content h1{
	margin: 5px;
	padding: 10px;
	border: 10px solid black;
	border-bottom-width: 8px;
	border-right-width: 8px;
	background-color: white;
	display: grid;
	margin-bottom: 20px;
	
	-webkit-box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	-moz-box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
}
.icon_item{
	-webkit-box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	-moz-box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	border:5px solid #000;
	padding:0px;
	margin: 0px 8px 30px 8px;
}
.icon_item:hover{
	box-shadow: -5px 5px 0px 0px #000;
}
body #hdr-logo{
	background-image:url(../../../../images/wellbeing_station/banner.png);
	background-position: center;
	background-size: 290px;
}
.icon-inner{
	background-repeat:no-repeat;
	background-position:center;
	background-color:rgba(100,255,100,0.75);
	padding:0px;
}
.page-with-icon .icon-inner{
	padding:5px;
	background-image:url(../../../../images/wellbeing_station/robot/answer-1.png);
	background-color:#000;
	background-size: cover;
	background-repeat:no-repeat;
	margin: 0px;
	background-position:center;
	background-color:rgba(100,255,100,1);
	height: 100%;
	width: 100%;
	padding:0px;
}
.icon-inner .title{
	background-color:rgba(0,0,0,0.5);
	background-color: transparent;
	text-align:center;
	width:100%;
}
.icon-inner{
	background-color:transparent;
}
.user_actions a, .user_actions, .breadcrumb, .breadcrumb a{
	color:#fff !important;
}
.breadcrumb, #base-logo{
	border-color:#fff !important;
}
.calendar-holder {
    background: #fff;
    padding-left: 12px;
}
.float-box{
	padding: 5px;
	margin-bottom:10px;
}
.page-with-icon{
	padding: 0px 5px 5px 5px;
}
section.page_width.no-style{;
	margin: 0 auto;
	padding: 20px 10px;
}
section.float-box,section.page-with-icon, section.guru-box,section.page_width.no-style{
	background: #fff;
	border: #000 solid 5px;
	box-shadow: -5px 5px 0px 0px rgba(100,255,100,1);
	width: 940px !important;
	max-width: 95% !important;
	padding: 0px 10px 5px 10px;
}
.page-icon .title{
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	width:100%;
}
#task-list li{
	max-width:90%;
}
/*mobile*/
#mobile-nav{
	background-color:rgba(100,255,100,1);
	color:#fff;
	width: 100%;
	border: none;
}
#mobile-nav .menu-ul{
	border: none;
}
#mobile-nav .menu-ul a:hover{
	background-color:#000;
}

.content .icon_holder{
	width:100% !important;
}
.content .icon_holder .icon_holder_sub{
	margin:auto !important;
	width: inherit;
}
.guru-button, .ui-button{
	background-color: rgba(100,255,100,1);
	border: #000 solid 5px !important;
    border: none;
    color: #000 !important;
	font-weight:bold;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	-webkit-box-shadow: -3px 3px 0px 0px rgba(100,255,100,1);
	-moz-box-shadow: -3px 3px 0px 0px rgba(100,255,100,1);
	box-shadow: -3px 3px 0px 0px rgba(100,255,100,1);
}
.guru-button:hover, .ui-button:hover{
	-webkit-box-shadow: -3px 3px 0px 0px rgba(0,0,0,1);
	-moz-box-shadow: -3px 3px 0px 0px rgba(0,0,0,1);
	box-shadow: -3px 3px 0px 0px rgba(0,0,0,1);
}
.guru-next-padding{
	height:30px;
}
.mymood-tip{
	width:90% !important;
	height:auto !important;
	border:10px solid #fff;
	border-radius:20px;
	margin: auto !important;
	display: block !important;
	-webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
	-moz-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
	box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
	background:none !important;
	position: relative !important;
	margin-right: 50px !important;
}
.guru-mood-face{
	display: block !important;
    position: absolute;
    margin-right: -50px;
	margin-top: -50px;
    height: 100px;
    width: 100px;
    background-size: contain;
    top: 0px;
    right: 0px;
}

.mymood-tip#tip-1 .guru-mood-face{
	background-image:url(../../../../images/mymood/mymood-1.png);
}
.mymood-tip#tip-2 .guru-mood-face{
	background-image:url(../../../../images/mymood/mymood-2.png);
}
.mymood-tip#tip-3 .guru-mood-face{
	background-image:url(../../../../images/mymood/mymood-3.png);
}
.mymood-tip#tip-4 .guru-mood-face{
	background-image:url(../../../../images/mymood/mymood-4.png);
}
.mymood-tip#tip-5 .guru-mood-face{
	background-image:url(../../../../images/mymood/mymood-5.png);
}
.mymood-tip#tip-1 {
	border-color:#409D27;
}
.mymood-tip#tip-2 {
	border-color:#A3D414;
}
.mymood-tip#tip-3 {
	border-color:#FFB200;
}
.mymood-tip#tip-4 {
	border-color:#FF4A00;
}
.mymood-tip#tip-5 {
	border-color:#FF0000;
}
.mymood-tip h1, .mymood-tip p{
	width:auto !important;
	margin-top:15px !important;
	margin-left:0px !important;
    padding: 0px 10px;
}
#assessor-results {
    width: 100% !important;
	max-width:631px;
}
.boomerang-img{
	text-align:center;
}
.boomerang-img img{
	width:100% !important;
	height:auto;
	max-width:631px;
}
@media screen and (min-width: 480px) {
    .content .icon_holder{
	}
}
/*input*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:rgba(100,255,100,1) !important;
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select{
	box-shadow:none !important;
	border:2px solid #000 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border:2px solid #000 !important;
	color:#000;
}
	
/* colouring for Guru style elements */
.tf-buttons{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px);
}
.tf-answer-screen{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px);
}
.get_started_answer_block{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px);
}
.get_started_answer_block:hover{
	background-color:rgba(100,255,100,1) !important;
	filter: drop-shadow(rgb(0,0,0) -5px 5px 0px);
}
.finished .red:hover, .finished .amber:hover, .finished .green:hover{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px) !important;
}
.gs-title{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px) !important;
	color:#fff !important;
	background: #000;
	max-width: 600px;
	padding: 10px;
}
.whats-next-title{
	filter: drop-shadow(rgb(100,255,100) -5px 5px 0px) !important;
	color:#fff !important;
	background: #000;
	padding: 10px;
	margin: 10px 9px;
	max-width: 426px;
}
.gs_whats_next a{
	color:rgba(100,255,100,1);
}
@media print{
	#msg_bar,
	.no-print,
	header#top_left,
	header#top_right,
	nav{
		display:none !important;	
	}
	.content{
		border-top: none;	
	}
	.accordion > *{
		display: block !important;
	}
	footer,#footer{
		display: none !important;	
	}
	.login_blank::after{
		background-color:transparent;
	}
	body::before{
		background:none;
	}
}