/*
 * LEAVE float IN on desktop version
 *
 */

 /* todo items */
 .todo {
     background-color: #ffff00;
 }
 
/* general images */
p.center {
    text-align: center;
	margin:.4em 0 .8em 0;
}

/* general formatting */
.col1 ol {
    font-family: 'Open Sans', sans-serif;
}

.col1 {
    overflow-y: auto !important;
}

/* tablet menu */
#tabletNav {
    top: 0px !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    /*
    overflow: scroll;
    -webkit-overflow-scrolling: touch !important;*/
}
nav#topicNav {
    height: 100%;
}
/*
#tabletTopicContentsWrapper {
    overflow:scroll;
    -webkit-overflow-scrolling: touch !important;
    }
#tabletBackToTopics + ul {
    overflow:scroll;
    -webkit-overflow-scrolling: touch !important;
}*/
.leftmenu .col1 {
	overflow-y: auto !important; /* this is important because when we force tablet menu it stops scrolling */
}
.colmask.leftmenu {
    overflow-y: auto;
}
div.col2, .leftmenu .col2 {
    display: none;
    width: 0%;
}
.leftmenu .colleft, .leftmenu .col1 {
    right: 100%;
    width: 100%;
}
/* END tablet menu */

/* header 
#header {
    background: #ddd;
    border: none;
    box-shadow: none;
}
*/
#header button {
    box-shadow: inset 0px 1px 0px 0px #5090cd;
    text-shadow: none;
    background: #5090cd;
    border: 1px solid #666;
}
#header .index_wrapper button {
    box-shadow: none;
    text-shadow: none;
    background: none;
    border: none;
    color: #666;
    font-size: 1.1em;
}

#header .index_wrapper button.active {
	background: none !important;
}

#header button.active {
	background: #014a8e !important;
}
#header button#showOptions {
    box-shadow: none;
    text-shadow: none;
    background: none;
    border: 1px solid #999;
    border: none;
}
#header button#showOptions.active {
    background: none !important;
}
#headerTitle div {
    display: inline-block;
}
/*
#header, #headerTitle {
    color: #666; #fff;    
    text-shadow: none;
}

#pageTools button, #navigateBack, #navigateForward, #toolDecreaseFontSize, #toolDecreaseFontSize {
    background: #6cb33d !important;
    border: #6cb33d !important;
    box-shadow: none !important;
}

#header .button_wrapper {
    box-shadow: none !important;
    border-radius: 1px;
}
*/
#pageOptions {
    display: none;   
}

#header div#pageOptions {
	float: right;
	margin-left: 1em;
	margin-right: .5em;
} 

#header div#pageOptions .button_wrapper {
    border-right: none;
} 

.icon.showOptions {
	background: transparent no-repeat url(../../images/template/icons/showOptions_lge_darkgrey.png);
    height: 32px !important;
    width: 32px !important;
}

#header button#showOptions, #header button#navigateForward, #header button#navigateBack, #header button#navigateBack, #header button#toolNightMode, #header button#toolIncreaseFontSize, #header button#toolDecreaseFontSize {
    box-shadow: none !important;
    text-shadow: none !important;
    background: none !important;
    border: 1px solid #999 !important;
    border: none !important;
    
}
/*
.icon.prevPage {
	background: transparent no-repeat url(../images/template/icons/prevPage_lge_simple.png);
    height: 32px !important;
    width: 32px !important;
}

.icon.nextPage {
	background: transparent no-repeat url(../images/template/icons/nextPage_lge_simple.png);
    height: 32px !important;
    width: 32px !important;
}

.icon.decreaseTextSize {
	background: transparent no-repeat url(../images/template/icons/decreaseFontSize_lge_simple.png);
    height: 32px !important;
    width: 32px !important;
}

.icon.increaseTextSize {
	background: transparent no-repeat url(../images/template/icons/increaseFontSize_lge_simple.png);
    height: 32px !important;
    width: 32px !important;
}

.icon.nightMode {
	background: transparent no-repeat url(../images/template/icons/nightMode_lge_simple.png);
    height: 32px !important;
    width: 32px !important;
}

.icon.showNav {
	background: transparent no-repeat url(../images/template/icons/showNav_bars_thick.gif);
}

#header .button_wrapper {
    margin-bottom: .2em !important;
}
*/
#header button div.icon.showNav {
    height: 20px;
    width: 20px
}
#header button div.icon.showNav {
    height: 20px;
    width: 20px
}
#header button.disabled div.icon {
    opacity: 0.5;
    filter: alpha(opacity=30);
}
#tabletNav.hidden {
    display: none;
}


#tabletTopicContentsWrapper {
    /*margin-left: -260px !important;*/
}

/* QUIZ */


/* popout */
.logoTafeQld {
    border-bottom: none !important;
}

.logoTafeQld img {
    width: 100px;
    margin-top: 10px;
    border: 0;
    padding: 1em;
    width: 100px;
}
#tabletBackToTopics {
    background: #58B150 !important;
}
#tabletBackToTopicsTopicIndicator {
    text-shadow: none !important;
    color: #fff !important;
    font-weight: 600 !important;
}


/*
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
	
	div.icon {
		-webkit-background-size: 24px 24px;
	}
	
	.icon.decreaseTextSize {
		background-image: url(../images/template/icons/decreaseFontSize_lge_simple.png);
	}

	.icon.increaseTextSize {
		background-image: url(../images/template/icons/increaseFontSize_lge_simple.png);
	}
	
	.icon.nextPage { 
		background-image: url(../images/template/icons/nextPage_lge_simple.png);
	}

	.icon.prevPage {
		background-image: url(../images/template/icons/prevPage_lge_simple.png);
	}	
	
	.icon.nightMode {
		background-image: url(../images/template/icons/nightMode_lge_simple.png);
	}
}
*/

/* END header */

body {
	min-width: 320px;    	/* dan@stop21.com was 760px */ 
	overflow-y: auto;
}

div#menu {
	max-width: 300px;
	width: 20%;
	height: 100%;
	background-color: red;
}
div.main {
	display: inline-block;
	position: absolute;
}


.col1 img {
	height: auto !important;
}
/*
.col1 .panel {
	min-width: 30%;
	width: 80%;
	float: none;
}
*/
.col1 blockquote {
  width: 85%;
  float: none;
}

/* accordion */

.bodyAccordionTrigger span {		
	white-space: nowrap;
}

/* video */
.video-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-responsive iframe,  
.video-responsive object,  
.video-responsive embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 380px;
}
.videoWrapper iframe.video {
	margin-top: 0;
}

/* sliders */
.rslides_container {
	width: auto !important;
	max-width: 600px;
}
.centered-btns_nav.centered-btns1_nav.next, .centered-btns_nav.centered-btns1_nav.prev {
  z-index: 9999;
  margin-top: -25%;
}
    
/* image Table blocks */
.imageGroup {
    width: 95%;
}
.item {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.item-l2r {
    max-width: 45%;
    min-width: 400px;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}
.itemDesc {
    padding: 0 .5em .5em .5em;
    margin: 0 1em 1em 1em;
}
.item-l2r .itemImage, .itemDesc {
    display: inline-block;
    max-width: 45%;
    vertical-align: top;
}
.itemImage img {
    width: 85%;
}

/* image item Group blocks */
.itemGroup {
  width: 95%;
}

.itemRow {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.itemCol {
    padding: 0 .5em .5em .5em;
    margin: 0 1em 1em 1em;
}


/* tableGroup */
.tableGroup {
    width: 95%;
    max-width: 800px;
    font-family: 'Open Sans', sans-serif;
}
.tableGroup .row {
    /*background-color: #efefef;*/
}
.tableGroup .col {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    height: 100%;
    padding: 5px;
    
    padding: 1em;
    line-height: 1.5em;
    background-color: #f2f2f2;
    border-radius: 4px;
    text-shadow: 0px 1px 0px #fff;
    border: 1px solid #ccc;
    color: #383838;
}
.tableGroup .row .col:first-child:first-letter, .tableGroup .header {
    font-weight: bold;
}
.tableGroup .col.hiddencol {
    background-color: #fff;
    border-color: #fff;
}

.tableGroup .header {
    color: #fff;
    padding: 1em;
    font-size: 1.1em;
    font-weight: 600;
    border-spacing: 0px;
    border-radius: 4px;
    background-color: #999;
    text-shadow: 0px -1px 0px #666;
    background: -moz-linear-gradient(top, #84C04A 0%, #679e32 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84C04A), color-stop(100%,#679e32));
    background: -webkit-linear-gradient(top, #84C04A 0%,#679e32 100%);
    background: -o-linear-gradient(top, #84C04A 0%,#679e32 100%);
    background: -ms-linear-gradient(top, #84C04A 0%,#679e32 100%);
    background: linear-gradient(top, #84C04A 0%,#679e32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84C04A', endColorstr='#679e32',GradientType=0 );
    border: 1px solid #578d23;
}


/* TABLES */
table.data img {
    width: 100%;
    min-width: 50px;
    margin: 0;        
}
/*
.col1 .panel, .panel.research, .panel.reflect {
    width: 100% !important;
    margin-left: -1em !important;
   
}
*/
.panel .head {
    min-height: 80px;
}


/* SLIDERS */

div.rslides_container .caption {
	position: absolute;
	bottom: -200px;
	/*bottom: -0px\9;  IE8 and below */ 
	height: 180px;
	max-height: 180px;
    font-size: 1em;
    line-height: 1.5em;
}

div.rslides_container .caption h1, div.rslides_container .caption h2, div.rslides_container .caption h3 {
    font-size: 1em !important;
    line-height: 1.5em;
}

div.rslides_container .caption h1 {
    font-weight: bold;
}


div.rslides_container ul li {
	margin-bottom: 230px !important;
}
div.rslides_container ul .caption li {
        margin-bottom: 0 !important;
}
.rslides_container {
	overflow: hidden;
}

/* END SLIDERS */

/* menu */

.menu-mobile {
	display: none;
}
a.temp {
    margin-left: 20px;
}

/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    
    /* image Table blocks */
    .item {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .item-l2r {
        width: 100%;
        max-width: 100%;
    }
    .itemDesc {
        max-width: 65%;
    }
    .itemImage {
        width: 30%;
    }
}


@media only screen and (max-width: 640px) {
	/*
    .menu-mobile {
		display: inline-block;
	}
	#row-2 #headerTitle {
		display: none;
	}
	*/
	#pageOptions {
        display: inline-block;   
    }
    
    #optionsBar {
        display: none;
        margin-top: 50px;
        padding: 5px;
        position: absolute;
        right: 15px;
        background: #ddd;
    }
    
    #headerTitle div#titleSubTopic {
        display: none !important;
    }

    .col1 img {
        width: 85%;
        float: none; /* only put this on MOBILE */
    }
      
    /* image Table blocks */
    .imageGroup {
        width: 95%;
    }
    .item {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .itemImage img {
        width: 85%;
    }
    .itemDesc {
        padding: 0 .5em .5em .5em;
        margin: 0 1em 1em 1em;
    }
	.centered-btns_nav.centered-btns1_nav.next, .centered-btns_nav.centered-btns1_nav.prev {
	  margin-top: -50%;
	}
    
    
    #testform {
        width: 280px !important;
        height: 870px !important;
    }

}
@media all and (-webkit-min-device-pixel-ratio : 1.5) {

	#header button {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    #header button#indexToggle {
        padding-left: .5em !important;   
    }
	/*
	#header button div.icon {
		width: 24px;
		height: 24px;
	}
    */
}


    
@media (-webkit-min-device-pixel-ratio: 1){
    /*
	.col1 ul li {
        background-size: 16px 16px !important;
		-webkit-background-size: 16px 16px !important;
    }
	*/
}

@media only screen and (max-width: 799px) {
    .col1 img {
        width: 85%;
        float: none; /* only put this on MOBILE */
    }
    
    .activityCloze td img, .activityMatching td img {
        width: 48px;
    }
    
    #pageOptions {
        display: inline-block;   
    }    
    #optionsBar {
        display: none;
        margin-top: 50px;
        padding: 5px;
        position: absolute;
        right: 15px;
        background: #ddd;
    }    
    #headerTitle div#titleSubTopic {
        display: none !important;
    }

    #header button div.icon {
        /*max-width: 16px;
        height: 16px;*/
    }
    /* accordion tabs */
    .col1 div.bodyAccordion {
        font-size: 75%;
    }

    /* tables */
    table {
            width: 95%;
    }
    
    /* QUIZ */
    div.activityMatchingCounter {
        text-align: right;
    }
    .checkAnswer {
        float: none !important;
        right: 20px;
        margin: 20px;
    }
    /* END QUIZ */
    /* DODGEY WILL BE DEPRECATED Responsive Slider */
    div.contentSlider .slideshowBackButton {
        left: -55px;
    }
    div.contentSlider .slideshowForwardButton {
        right: -55px;
    }
    div.contentSliderContainerOuter, div.contentSliderContainerOuter .slide, div.contentSliderContainerOuter .cur-dummy  {
        width: 100% !important;
    }
    div.contentSlider {
        width: 85% !important;
    }
    
    /* END responsive slider */
    
    /* CONTENT */
    
    .curlyquote p {
        width: 90%;
    }
    .curlyquote span {
        width: 80%;
    }
    
    /* Highlights */
    .col1 div.highlight.third {
        max-width: 90%;
    }
    .col1 ul.ticks li.col1 ul.bullets li {
        padding-left: 3em;
    }
}
      
  .force-100pc {
        width: 100%;
  }