/* id-css-devices.php?css=common+grid-layout+js-jquery-v1&colour=69C4D9 */
/* generated fresh */


/* ##### Begin device "id-css-devices/common.css" ##### */

.margin-top-none {
	margin-top: 0px !important;
}

.margin-bottom-none {
	margin-bottom: 0px !important;
}

.margin-none {
	margin: 0px !important;
}

.padding-right {
	padding-right: 30px !important;
}

.padding-left {
	padding-left: 30px !important;
}

/* ##### Begin device "id-css-devices/grid-layout.css" ##### */

/** sidebars are fixed width with the remainder as a center coloumn **/
 div.sidebar-left-200 {
    float: left;
    width: 200px;
    margin-bottom: 30px;
}
div.sidebar-middle.with-left-200 {margin-left: 230px;
    margin-bottom: 30px;

}
@media screen and (max-width: 600px) {
    div.sidebar-left-200, div.sidebar-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        float: none;
        width: 100%;
    }
}
/** grid layouts are flexible widths in fractional sizes of the parent **/
 div.grid-layout {
    margin: 0px -15px 0px -15px;
    *margin: 0px 0px 0px 0px;}
div.grid-layout:after {
    content:'';
    display: block;
    clear: left;
}
div.grid-layout + div {
    clear: left;
}
div.grid-layout > div[class*='col-'] {
    padding: 0;
    float: left;
}
div.grid-layout > div.col-right {
    float: right;
}
div.grid-layout > div.new-row {
    clear: left;
}
div.grid-layout > div[class*='col-'] > div {
    margin: 0px 15px 30px 15px;
}
div.grid-layout > div[class*='col-'] > div.grid-max, div.grid-max{display: block;
    clear: left;
    width: 100%;
    margin: 30px 0px 30px 0px;
    padding: 15px 15px 0px 15px;
}
div.grid-layout > div[class*='col-'] > div.grid-layout {
    margin: 0px 0px 0px 0px;
}
#pagecontainer div.grid-layout > div[class*='col-'] > div h3, #pagecontainer div.grid-layout > div[class*='col-'] > div h3.epic {
    margin-top: 0px;
    margin-bottom: 15px;
}

div.grid-layout > div.col-1,
div.grid-layout > div.col-1-1 {
    width: 100%;
}
div.grid-layout > div.col-1-5 {
    width: 20%;
}
div.grid-layout > div.col-1-4,
div.grid-layout > div.col-2-8 {
    width: 25%;
}
div.grid-layout > div.col-3-10 {
    width: 30%;
}
div.grid-layout > div.col-3-8 {
    width: 37.5%;
    *width: 37%;}
div.grid-layout > div.col-1-3 {
    width: 33.33%;
    *width: 33%;}
div.grid-layout > div.col-2-5 {
    width: 40%;
}
div.grid-layout > div.col-1-2 {
    width: 50%;
    *width: 49%;
}
div.grid-layout > div.col-3-5 {
    width: 60%;
}
div.grid-layout > div.col-2-3 {
    width: 66.66%;
    *width: 66%;}
div.grid-layout > div.col-3-4,
div.grid-layout > div.col-6-8 {
    width: 75%;
}
div.grid-layout > div.col-4-5 {
    width: 80%;
}#pagecontainer div.grid-layout > div[class*='col-'] > div.divider-left {
   background: url("https://static.weboffice.uwa.edu.au/visualid/styles/../graphics/dots-lightgrey.gif") repeat-y left top transparent;
   padding-left: 30px;
}
#pagecontainer div.grid-layout > div[class*='col-'] > div.divider-right {
   background: url("https://static.weboffice.uwa.edu.au/visualid/styles/../graphics/dots-lightgrey.gif") repeat-y right top transparent;
   padding-right: 30px;
}


div.grid-layout > div.border-left {
    border-left: 1px solid rgb(215, 215, 215);
    margin-left: -1px;
}

@media screen and (max-width: 1024px) {
    div.grid-layout > div.col-tablet-1-2 {
        width: 50%;
    }
    div.grid-layout > div.col-tablet-1-3 {
	width: 33.33%;
	*width: 33%;}
    div.grid-layout > div.col-tablet-2-3 {
        width: 66.66%;
        *width: 66%;}
    div.grid-layout > div.col-tablet-2-5 {
        width: 40%;
    }
    div.grid-layout > div.col-tablet-3-5 {
        width: 60%;
    }
    div.grid-layout > div.col-tablet-1-1, div.grid-layout > div.col-tablet-max, div.grid-layout.cols-tablet-max > div[class*='col-'] {
        width: 100%;
        display: block;
        padding: 0px;
    }
    #pagecontainer div.grid-layout > div[class*='col-'] > div.divider-tablet-none {
	padding: 0px;
	background-image: none;
    }

}
div.grid-layout > div.mobile-only-show {
    display: none;
}
@media screen and (max-width: 600px) {
    div.grid-layout > div[class*='col-'] {
        width: 100%;
        float: none;
        display: block;
        border-left: 0px;
    }
    div.grid-layout > div.mobile-hide {
        display: none;
    }
    div.grid-layout > div.mobile-only-show {
        display: block;
    }
    #pagecontainer div.grid-layout > div[class*='col-'] > div.divider-left,
    #pagecontainer div.grid-layout > div[class*='col-'] > div.divider-right {
	padding: 0px;
	background-image: none;
    }
}
div.grid-layout hr {
    border-top: 1px solid #49a0b5;
    border-bottom: 0px solid #49a0b5;
    height: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.grid-layout hr.separator {
    border-top: 1px solid #d7d7d7
}
div.grid-layout > div[class*='col-'] > hr {
    margin-left: 15px;
    margin-right: 15px;
}
div.grid-layout div[class*='col-'].cap-top > div {
    border-top: 1px solid #49a0b5;
    padding-top: 15px;
}
div.grid-layout div[class*='col-'].cap-top > div h3 {
    margin-top: 0px !important;
}
div.grid-layout div[class*='col-'].cap-bottom > div {
    border-bottom 1px solid #49a0b5;
    padding-bottom: 15px;
}
#pagecontainer div.grid-layout > div[class*='col-'] > div.box-styled {}#pagecontainer div.grid-layout > div[class*='col-'] div#nav-accordion h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}





/* ##### Begin device "id-css-devices/js-jquery-v1.css" ##### */

/* file does not exist or not readable */