@charset "utf-8";
/* CSS Document 
-----------------------------------------------------
Finding My Way
URL: http://www.findingmyway.com.au

Enabled http://www.enabled.com.au
Design and Html/CSS by Nola Falk / Enabled Solutions

Last modified: July 22 2013
------------------------------------------------------ */

/* Drag Drop */

div#prepop{
	display: block;
}
div#prepop div#prepopTitles{
	height: 65px;
	margin: 0 0 10px 0;
	font-size: 20px;
	font-family: 'SourceSansProSemibold', Arial, sans-serif;
	color: #9c9fa6;
}
div#prepop div#prepopTitlesL{
	float: left;
	width: 372px;
	height: 45px;
	background-color: #e4e6e7;
	margin: 0 30px 0 0;
	padding: 20px 10px 0 15px;
}

div#prepop div#prepopTitlesR{
	float: left;
	width: 360px;
	height: 45px;
	background-color: #e4e6e7;
	padding: 20px 10px 0 15px;
}

div#prepop ul#sortable1, div#prepop ul#sortable2 {
	float: left;
	list-style-type: none;
	list-style: none;
	text-align: left;
	background-color: #e4e6e7;
}

div#prepop ul#sortable1 {
	width: 350px;
	height: 630px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0 20px 0 0;
	padding: 10px 10px 0 38px;
}

div#prepop ul#sortable2 {
	width: 345px;
	height: 530px;
	overflow: hidden;
	padding: 10px 0 0 38px;
	margin: 0 0 0 10px;
	background-image: url(../images/prepop_sortable2.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0;
}

div#prepop ul#sortable1 li, div#prepop ul#sortable2 li {
	margin: 0 0 5px 0;
	padding: 0;
	width: 335px;
	height: 100px;
}

div#prepop .ui-state-default, div#prepop .ui-widget-content .ui-state-default, div#prepop .ui-widget-header .ui-state-default {
	background: #eaecee;
    border: none;
    color: #868a91;
}

div#prepop div.prepopText{
	float: left;
	width: 235px;
	height: 70px;
	padding: 15px 10px 10px 15px;
}

div#prepop span.title {
	font-size: 18px;
	font-family: 'SourceSansProSemibold', Arial, sans-serif;
	color: #868a91;
	display:block;
	margin: 0 0 2px 0;
}

div#prepop span.caption {
	font-size: 18px;
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	color: #868a91;
	display:block;
}

div#prepop div.handle {
	float: right;
	width: 60px;
	height: 100px;
	background-color: #dadada;
	background-image: url(../images/icon_griphandle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


/* Drag Drop Answers Type */

div#dragDropAnswersType{
	display: block;
}

div#dragDropAnswersTitle{
	height: 45px;
	font-size: 22px;
	font-family: 'SourceSansProSemibold', Arial, sans-serif;
	color: #9c9fa6;
	width: 795px;
	background-color: #e4e6e7;
	margin: 0 0 15px 60px;
	padding: 20px 10px 0 15px;
}


div#dragDropAnswersType ul#sortable1 {
	float: left;
	list-style-type: none;
	list-style: none;
	text-align: left;
	width: 880px;
	margin: 0;
	padding: 0 0 15px 0;
}

div#dragDropAnswersType ul#sortable1 .ui-state-default {
	margin: 0 0 20px 0;
	padding: 0;
	width: 880px;
	height: 158px;
}

div#dragDropAnswersType .ui-state-default,div#dragDropAnswersType .ui-widget-content .ui-state-default,div#dragDropAnswersType .ui-widget-header .ui-state-default {
    background-color: #E4E6E7;
    border: none;
    color: #868a91;
}

div#dragDropAnswersType span.caption {
	width: 730px;
	height: 138px;
	font-size: 20px;
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	color: #868a91;
	margin: 0 60px;
	display: block;
	padding: 10px 15px;
}

div#dragDropAnswersType div.handle {
	float: right;
	width: 60px;
	height: 158px;
	background-color: #dadada;
	background-image: url(../images/icon_griphandle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Drag Drop Fatigue Type */

div.fatigueTab{
	display: block;
}
#tabs-1 ul.sortable1, 
#tabs-1 ul.sortable2, 
#tabs-1 ul.sortable3 {
	float: left;
	list-style-type: none;
	list-style: none;
	text-align: left;
	background-color: #e4e6e7;
	width: 275px;
	height: 620px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0 0 20px 0;
	padding: 10px 5px 5px 5px;
}

#tabs-1 ul.sortable2, #tabs-1 ul.sortable3{
	margin: 0 0 20px 10px;
}
#tabs-2 ul.sortable2{
	margin: 0 0 20px 0;
}

#tabs-2 ul.sortable3 {
	margin: 0 0 20px 20px;
}
#tabs-2 ul.sortable2, 
#tabs-2 ul.sortable3 {
	float: left;
	list-style-type: none;
	list-style: none;
	text-align: left;
	background-color: #e4e6e7;
	width: 420px;
	height: 630px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tabs-1 li.sortableLI {
	margin: 0 0 10px 0;
	padding: 0;
	width: 260px;
	height: 158px;
	background-color: #EAECEE;
}

#tabs-2 li.sortableLI {
	margin: 10px 5px 5px 5px;
	padding: 0;
	width: 390px;
	height: 191px;
}

div.fatigueTab .ui-state-default, 
div.fatigueTab .ui-widget-content .ui-state-default, 
div.fatigueTab .ui-widget-header .ui-state-default {
    border:  none;
    color: #868A91;
}

div.fatigueTab span.title {
	font-size: 18px;
	font-family: 'SourceSansProSemibold', Arial, sans-serif;
	color: #868a91;
	display:block;
	margin: 0 0 2px 0;
}

div.fatigueTab span.caption {
	font-size: 16px;
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	line-height: 18px;
	color: #868a91;
	display:block;
	margin: 0 40px 0 60px;
	padding: 5px 10px 0 10px;
	height: 95px;
	background-color: #EAECEE;
	overflow:auto;
}
#tabs-2 div.fatigueTab span.caption {
	background-color: #EAECEE;
}
div.fatigueTab div.handle {
	float: right;
	width: 40px;
	height: 100%;
	background-color: #dadada;
	background-image: url(../images/icon_griphandle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
div.fatigueTab div.delegateSelection{
	margin: 0 40px 0 60px;
	padding: 0 5px;
	background-color: #EAECEE;
}
div.fatigueTab div.delegateSelection label{
	float: left;
	height: 33px;
	padding: 17px 0 0 0;
	font-size: 16px;
	font-family: 'SourceSansProRegular', Arial, sans-serif;
}
div.fatigueTab div.delegateSelection select{
	float: right;
	height: 50px;
	color: #868a91;
}

#tabs-1 ul.sortable1 .delegateSelection, 
#tabs-1 ul.sortable3 .delegateSelection,
#tabs-2 .delegateSelection {
	display: none; /* do not touch */
}

/* tab titles */
div#tab1Titles, div#tab2Titles{
	color: #9C9FA6;
    font-family: 'SourceSansProSemibold',Arial,sans-serif;
    font-size: 20px;
	width: 885px;
	height: 65px;
	margin: 0 0 15px 0;
}

div#tab1Titles li{
	background-color: #E4E6E7;
    float: left;
    height: 45px;
    padding: 20px 10px 0 15px;
    width: 260px;
	display: block;
}

div#tab1Titles li:nth-child(2), div#tab1Titles li:nth-child(3){
	margin: 0 0 0 10px;
	padding: 10px 10px 0 15px;
	height: 55px;
}


div#tab2Titles li{
	background-color: #E4E6E7;
    float: left;
    height: 45px;
    padding: 20px 10px 0 15px;
    width: 395px;
	display: block;
}

div#tab2Titles li:nth-child(2){
	margin: 0 0 0 20px;
}


#tabs-1 .fatigueLevelGrid {
	display: none;  /* do not touch */
}

#tabs-2 .fatigueLevelGrid {
	margin: 6px 40px 0 60px;
	display: block;
	color: #70757C;
	padding: 0;
	height: 86px;
}

#tabs-2 .fatigueLevelGrid span.fatigueMinutes,#tabs-2 .fatigueLevelGrid span.fatigueLevel,#tabs-2 .fatigueLevelGrid span.switchMinutes{
	display: block;
	padding: 0;
	float: left;
	width: 93px;
	text-align: center
}
#tabs-2 .fatigueLevelGrid span.fatigueLevel,#tabs-2 .fatigueLevelGrid span.switchMinutes{
	border-left: 3px solid  #E4E6E7;
}

span.fatigueTitle{
	height: 35px;
	display: block;
	font-size: 11px;
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	padding: 3px 3px 0 3px;
	border-bottom: 3px solid  #E4E6E7;
	background-color: #eeefef;
}

#tabs-2 .fatigueLevelGrid span.fatigueMinutesValue,#tabs-2 .fatigueLevelGrid span.fatigueLevelValue,#tabs-2 .fatigueLevelGrid span.fatigueTasksValue{
	height: 33px;
	padding: 10px 0 0 0;
	display: block;
	font-size: 20px;
	font-family: 'SourceSansProSemibold',Arial,sans-serif;
	background-color: #f2f4f5;
}

#tabs-2 .editDeleteEntry {
	display: none;  /* do not touch */
}
#tabs-1 .editDeleteActivity {
	display: none;  /* do not touch */
}

#tabs, #tabs-1, #tabs-2 {
	padding: 0 0 15px 0;
	background-color: transparent !important;
	background: none !important;
	border: none !important;
}

#tabs .ui-widget-header {
	background-color: transparent !important;
	background: none !important;
	border: none !important;
}

div#tabs .ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}
div#tabs .ui-tabs .ui-tabs-panel {
	background: none repeat scroll 0 0 transparent;
	border: none;
	border-radius: 6px;
	display: block;
	padding: 1em 1.4em;
}
div#tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

div#tabs .ui-tabs .ui-tabs-nav li {
	border-bottom-width: 0;
	float: left;
	list-style: none outside none;
	margin: 1px 0.2em 0;
	padding: 0;
	position: relative;
	top: 0;
	white-space: nowrap;
}

/* tab button active */
div#tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active, div#tabs .ui-widget-header .ui-state-active{
	background-color: #E4E6E7 !important;
}

div#tabs .ui-widget-header .ui-state-active a#ui-id-1,div#tabs li.ui-state-active #ui-id-2{
	background-color: #E4E6E7 !important;
}

/* tab button inactive */
a#ui-id-1,a#ui-id-2{
	background-color: #d6d7d8 !important;
}

a#ui-id-2:hover, a#ui-id-1:hover{
	background-color: #d5d5d5 !important;
}


div#tabs .ui-state-active, div#tabs .ui-widget-content .ui-state-active,div#tabs ui-tabs-active ui-state-active {
	background-color: #FFFFFF;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius:0;
	color: #1FC4E9;
	font-weight: normal;
}

div#tabs .ui-state-default{
	color: #60C0D5;
	font-weight: normal;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	}

div#tabs .ui-state-default, div#tabs .ui-widget-content .ui-state-default, div#tabs .ui-widget-header .ui-state-default {
    border: none;
    color: #555555;
    font-weight: normal;
}
div#tabs .ui-corner-all, div#tabs .ui-corner-top, div#tabs .ui-corner-right, div#tabs .ui-corner-tr {
    border-top-right-radius: 0;
}
div#tabs .ui-corner-all, div#tabs .ui-corner-top, div#tabs.ui-corner-left,div#tabs .ui-corner-tl {
    border-top-left-radius: 0;
}

div#tabs .ui-corner-all, .ui-corner-bottom,div#tabs .ui-corner-right,div#tabs .ui-corner-br {
    border-bottom-right-radius: 0;
}
div#tabs .ui-corner-all, .ui-corner-bottom,div#tabs .ui-corner-left,div#tabs .ui-corner-bl {
    border-bottom-left-radius: 0;
}
div#tabs .ui-corner-all, .ui-corner-top,div#tabs .ui-corner-right,div#tabs .ui-corner-tr {
    border-top-right-radius: 0;
}
div#tabs .ui-corner-all,div#tabs .ui-corner-top,div#tabs .ui-corner-left,div#tabs .ui-corner-tl {
    border-top-left-radius:0;
}