@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 25 2013
------------------------------------------------------ */

/* Remove unwanted elements */
div#home, div#logo, div#logout, div#contentTop, div#pageNav,td.editdelete, div#addNew,div#footer, iframe, small,
div.weekTools tr th:nth-child(1), div.diaryTools tr th:nth-child(1), div.diaryTools tr.gap, div.diaryTools tr.gap, td.clock, td.addTime,
div#tabs ul.ui-widget-header, div#tabs div.pageItemL, div#dragDropAnswersType div.pageItemL, div.handle{
	display: none !important;
}

/* Ensure the content spans the full width */
div#wrapper, div#contentHolder, div#content, div#contentInner, div#contentTitle, div.weekTools, div.diaryTools, table.spotlight{
	width: 100%; 
	margin: 0; 
	float: none;
}

/* links */
a:link, 
a:visited { 
	color: #000000; 
	background: transparent; 
	font-weight: bold; 
	text-decoration: underline; 
}

a:link:after,
a:visited:after,
a:hover:after,
a:active:after {
	content: " (" attr(href) ") "; 
	color: grey;
	font-style: italic;
	font-weight: normal;
}
a[href^="/"]:after {
	content: " (http://www.findingmyway.org.au"attr(href)") ";
}

/* styling for print friendly */
body { 
 	font-family: 'Verdana',Arial,sans-serif;
    font-size: 14px;
	background: #FFFFFF; 
} 


p{
	margin: 0 0 12px 0;
	padding: 0;
}
h3, h4{
	margin:0 !important;
	padding: 0 !important;
}

div#contentTitle {
    border-bottom: 7px solid #D8DBDE;
    color: #000000;
    font-family: 'Verdana',Arial,sans-serif;
    font-size: 22px;
	font-weight: bold;
	line-height: 30px;
    padding: 20px 0;
	margin: 0 0 10px 0;
}

p.highlight {
	font-size: 14px;
	margin: 20px 0;
	padding: 10px;
	border: 2px solid #bbb;
	font-style: italic;
	width: 95%;
	color: #333333;
}
p.footnote {
	border-top: 1px dotted #999999;
	font-size: 11px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}
p.footnote a {
	color: #68c168;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

/*note pages */ 
blockquote {
	float: none;
	margin-bottom: 10px;
	border: 2px solid #bbb;
	font-style: italic;
	margin: 15px 0;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	width: 95%;
	color: #333333;
}


/* styling for  ul/ol */

div.surveyQ ul{
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.surveyQ span.radio, div.surveyQ span.checkbox{
	display: none;
}

div#contentInner > ul {
	list-style-type: disc;
	list-style: disc;
 	list-style-position: outside;
    margin: 10px 0 20px 14px;
    padding: 0 2px 0 5px;
	overflow:visible;
}
div#contentInner ol {
	margin: 10px 0 20px 14px;
    padding: 0 2px 0 5px;
	list-style-type: decimal;
	list-style: decimal;
	list-style-position: outside;
	overflow:visible;
}
div#contentInner > ul > li, div#contentInner > ol > li {
	float: none;
	width: 100%;
	margin: 0 0 15px 20px;
	padding: 0 0 0 10px;
}
div#contentInner > ul > li > ul {
	padding: 0;
	margin: 0;
	list-style-type: disc;
	list-style: disc;
	list-style-position: inside;
}
div#contentInner > ul > li > ul > li {
	float: none;
	width: 100%;
	margin: 10px 0 5px 30px;
	padding: 10px 0;
}

div#contentInner > ol > li > ul{
	padding: 0;
	margin: 0;
	list-style-type: lower-alpha;
	list-style: lower-alpha;
	list-style-position: outside;
}

div#contentInner > ol > li > ol {
	padding: 0;
	margin: 0;
	list-style-type: lower-roman;
	list-style: lower-roman;
	list-style-position: outside;
}
div#contentInner > ol > li > ul > li, div#contentInner > ol > li > ol > li {
	float: none;
	padding: 10px 0;
}

div#contentInner ul#webLinks {
	width: 100%;
	padding: 0;
	margin: 40px 0 0 0;
	list-style-type: disc;
	list-style: disc;
	list-style-position: inside;
}
div#contentInner ul#webLinks > li {
	float: none;
	display: block;
	color: #25a0d9;
	padding: 5px 0;
	border-bottom: 1px dotted #999999;
}


/* surveyQ */
div.surveyQ {
	margin: 0 0 20px 0;
}

div.surveyQ textarea{
	width: 100%;
	height:100px;
}

div.surveyQ input[type=text], input[type=text]{
	width: 100%
}

div.surveyQ table.grid{
	margin: 0 0 20px 0;
	padding:0;
}

/* styling tables */

a.weekday{
	padding: 10px;
	font-size: 18px;
	text-decoration: none;
	border: 1px dotted #D8DBDE;
}
a.weekday[href^="#"]:after {
	content: "  ";
}
div.diaryTools table, table.spotlight {
	margin: 0 0 20px 0;
	}

div.weekTools tr th, div.diaryTools tr th, table.spotlight th, div.surveyQ table.grid th {
	height: 40px;
	color: #000000;
	font-size: 16px;
	font-family: 'Verdana',Arial,sans-serif;
	text-align: left;
	border-bottom: 7px solid #D8DBDE;
	padding: 10px 0;
	margin:0;
}

div.weekTools tbody td, div.diaryTools tbody td, table.spotlight tbody td, div.surveyQ table.grid tbody td{
	font-size: 14px;
	font-family: 'Verdana',Arial,sans-serif;
	color: #000000;
	padding: 10px 0;
	border-bottom: 1px dotted #999999;
}
div.surveyQ table.grid th.title {
	width: 50%;
}

/* module  spotlight tables ul/ol */
table.spotlight ul {
	list-style-type: disc;
	list-style: disc;
 	list-style-position: outside;
}
table.spotlight ol {
	list-style-type: decimal;
	list-style: decimal;
	list-style-position: outside;
}
table.spotlight ul > li,table.spotlight  ol > li {
	float: none;
	margin: 0 0 15px 15px;
	padding: 0 0 0 10px;
}

/* drag and drop - module 2 page 4 */

#tabs, #tabs-1, #tabs-2 {
    border: none !important;
    padding: 0 0 15px;
	width: 100%;
}
#tabs-1 ul.sortable1, 
#tabs-1 ul.sortable2, 
#tabs-1 ul.sortable3 {
	list-style-type: none;
	list-style: none;
	text-align: left;
	width: 33%;
	display: table;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
}

div#tab1Titles, div#tab2Titles{
	width: 100%;
	display: block;
}
div#tab1Titles ul, div#tab2Titles ul{
	display: table;
	list-style-type: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}


div#tab1Titles li, div#tab2Titles li{
    float: left;
    border-bottom: 4px solid #D8DBDE;
	padding: 10px 0;
	display: block;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 12px;	
}

div#tab1Titles li{
	width: 30%;
	height: 25px;
}

div#tab2Titles li{
	height: 25px;
}
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;
}

#tabs-1 ul.sortable1, #tabs-1 ul.sortable2, #tabs-1 ul.sortable3,
#tabs-2 ul.sortable2, #tabs-2 ul.sortable3{
	display: table;
	list-style-type: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
}

#tabs-1 ul.sortable1, #tabs-1 ul.sortable2, #tabs-1 ul.sortable3{
	width: 30%;

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


#tabs-1 li, #tabs-2 li{
	float: left;
	padding: 10px 0;
	display: block;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 12px;	
}


#tabs-2 ul.sortable2, #tabs-2 ul.sortable3{
	width: 45%;
}

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

#tabs-2 .fatigueLevelGrid span.fatigueMinutes,#tabs-2 .fatigueLevelGrid span.fatigueLevel,#tabs-2 .fatigueLevelGrid span.switchMinutes{
	display: block;
	float: left;
	width: 30%;
	text-align: center;
	padding: 10px 0;
	margin: 10px 0 0 0;
}

span.fatigueTitle{
	height: 45px;
	display: block;
	font-size: 11px;
	padding: 3px 3px 0 3px;
	border-top: 2px solid  #E4E6E7;
	border-bottom: 2px solid  #E4E6E7;	
	border-left: 2px solid  #E4E6E7;	
}


#tabs-2 .fatigueLevelGrid span.fatigueMinutesValue,#tabs-2 .fatigueLevelGrid span.fatigueLevelValue,#tabs-2 .fatigueLevelGrid span.fatigueTasksValue{
	padding: 10px 0 0 0;
	border-left: 2px solid  #E4E6E7;
	display: block;
	font-size: 14px;
	height: 35px;
	border-bottom: 2px solid  #E4E6E7;	
}
#tabs-2 .fatigueLevelGrid span.switchMinutes span.fatigueTitle, #tabs-2 .fatigueLevelGrid span.fatigueTasksValue{
	border-right: 2px solid  #E4E6E7;	
}
/* hidden and border radius */

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

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

div#tabs a:link:after,
div#tabs a:visited:after,
div#tabs a:hover:after,
div#tabs a:active:after {
	content: " "; 
}
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;
	border: none;
}
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;
	border: none;
}

div#tabs .ui-corner-all, .ui-corner-bottom,div#tabs .ui-corner-right,div#tabs .ui-corner-br {
    border-bottom-right-radius: 0;
	border: none;
}
div#tabs .ui-corner-all, .ui-corner-bottom,div#tabs .ui-corner-left,div#tabs .ui-corner-bl {
    border-bottom-left-radius: 0;
	border: none;
}
div#tabs .ui-corner-all, .ui-corner-top,div#tabs .ui-corner-right,div#tabs .ui-corner-tr {
    border-top-right-radius: 0;
	border: none;
}
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;
	border: none;
}

/* drag and drop module 4 page 10 */

div#dragDropAnswersTitle{
	 border-bottom: 4px solid #D8DBDE;
	padding: 10px 0;
	display: block;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 14px;	
}

div#dragDropAnswersType ul#sortable1 {
	float: none;
	list-style-type: none;
	list-style: none;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	display: table;
	position: relative;
}

div#dragDropAnswersType ul#sortable1 li{
	padding: 15px 0;
	border-bottom: 1px dotted #999999;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* drag and drop module 6 page 9*/

div#prepop div#prepopTitles{
	height: 65px;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #9c9fa6;
	text-align: left;
	font-weight: bold;
}
div#prepop div#prepopTitlesL{
	float: left;
	width: 48%;
	height: 35px;
	margin: 0;
	padding: 10px 10px 10px 0;
	border-bottom: 4px solid #D8DBDE;
}

div#prepop div#prepopTitlesR{
	float: left;
	width: 50%;
	height: 35px;
	margin: 0;
	padding: 10px 0;
	border-bottom: 4px solid #D8DBDE;
}


div#prepop ul#sortable1, div#prepop ul#sortable2 {
	float: left;
	list-style-type: none;
	list-style: none;
	text-align: left;
	width: 50%;
	margin: 0;
	padding: 0 0 15px 0;
	display: table;
	position: relative;
}

div#prepop ul#sortable1 li, div#prepop ul#sortable2 li{
	padding: 15px 20px 15px 0;
	border-bottom: 1px dotted #999999;
	border-top: none;
	border-left: none;
	border-right: none;
	height: 80px;
	display: block;
}

div#prepop span.title {
	font-size: 14px;
	color: #000000;
	display:block;
	margin: 0 0 2px 0;
	font-weight: bold;
}