/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 08 September 2010 21:54:20
*/


/**
    Produced by Ladoo, ladoo.com.au - May, 2010.
**/

body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    color: #000000;
    background-color: white;
}

h1 
{
    font-size: 1.5em;
    margin: 8px 0;
}

h2 
{
    font-size: 1em;
    margin-top: 30px;
    border-bottom: 2px solid black;
}

a
{
    text-decoration: none;
    color: #0072BC;
}

a:hover
{
    text-decoration: underline;
}

a:visited
{
}

.blueRaquo
{
    background: url(/__data/assets/image/0003/18624/blueRaquo.gif) no-repeat right center;
    padding-right: 10px;
}

#wrapper
{
    margin: 0;
    min-width: 720px;
}

.container
{
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    min-width: 720px;
}

/**
    Header
    
    Contains the following elements:
        - quickLinks
        - banner
        - navigation (un-ordered list)
**/

#quickLinks
{
    background: #7F2D09;
    height: 20px;
    font-size: 0.85em;
}

#quickLinks ul
{
    padding: 3px 0;
    margin: 0;
    float: right;
}

#quickLinks li
{
    list-style-type: none;
    display: inline;
}

#quickLinks li a, #quickLinks li a:visited
{
    color: white;
    margin-right: 10px;
}

#quickLinks .accessibility
{
    position: absolute;
    left: -1000em;
}

#header
{
   background: black;
   overflow: hidden;
}

/**
    Banner
    Uses background images for easy mobile conversion.
**/

#banner
{
    height: 150px;
}

#banner #auGov
{
    float: left;
    margin-top: 7px;
    background: black url("http://www.staysmartonline.gov.au/__data/assets/image/0014/18023/aus-gov-banner.jpg") no-repeat 5px center;
}

#banner #auGov a
{
    display: block;
    line-height: 110px;
    width: 230px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

#banner #auGov a:hover
{
    text-decoration: none;
}

#banner #auGov span
{
}

#banner #staySmartOnline
{
    background: transparent url(http://www.staysmartonline.gov.au/__data/assets/image/0015/18024/stay-smart-online-banner.jpg) no-repeat 260px center;
    height: 150px;
}

/* Hide the logo text (will show for screen readers) */
#banner #staySmartOnline span
{
    position: absolute;
    left: -100em;
}

#bannerContinuation
{
    position: relative;
    top: -122px;
    left: 570px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -122px;
    width: 200px;
    height: 94px;
    background: url(http://www.staysmartonline.gov.au/__data/assets/image/0018/18261/stay-smart-online-banner-slider.jpg) no-repeat center center;
}

/**
    Navigation
**/

#navigation
{
    background: transparent url("http://www.staysmartonline.gov.au/__data/assets/image/0019/18028/base.jpg") repeat-x left top;
}

#navigation ul
{
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 0.95em;
    font-weight: bold;
    overflow: hidden;
    max-width: 940px;
    min-width: 720px;
}

#navigation li
{
    list-style-type: none;
    float: left;
    width: 14.28%;
}

#navigation li a
{
    display: block;
    height: 36px;
    padding: 3px 3px 0 3px;
    color: white;
    background: transparent url("http://www.staysmartonline.gov.au/__data/assets/image/0016/18025/navigation.jpg") repeat-x left top;
    text-shadow: 2px 1px 1px #151515; /* optional style... need to implement an IE version if need be */
    border-right: 1px solid #2c2c2c;
}

/** #navigation li a:hover
{
    background: transparent url("http://www.staysmartonline.gov.au/__data/assets/image/0017/18026/navigation-hover.jpg") no-repeat left top;
    text-decoration: none;
} **/

/**
    Navigation colour blocks
**/

#navigation li.whatsNew a
{
    border-bottom: 4px solid #ff5800;
    border-left: 1px solid #2c2c2c;
}

#navigation li.homeInternetUsers a
{
    border-bottom: 4px solid #00bff3;
}

#navigation li.smallMediumBusiness a
{
    border-bottom: 4px solid #39b54a;
}

#navigation li.schoolsTeachers a
{
    border-bottom: 4px solid #ed145b;
}

#navigation li.teens a
{
    border-bottom: 4px solid #630460;
}

#navigation li.kids a
{
    border-bottom: 4px solid #8560a8;
}

#navigation li.alerts a
{
    border-bottom: 4px solid #9e0b0f;
}

/**
    Navigation "current" states / colours
    To do:
        - all colours apart from "whats new".
**/

#navigation li a.current
{
    border-bottom: none;
    height: 40px;
    background-repeat: repeat-x;
    background-position: left top;
}

#navigation li a:hover {
    height: 40px;
    text-decoration: none;
    border-bottom: medium none;
}

#navigation li.whatsNew a.current, #navigation li.whatsNew a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0018/18027/whatsNew-current-navigation.jpg");
}

#navigation li.homeInternetUsers a.current, #navigation li.homeInternetUsers a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0007/18448/homeInternetUsers-current-navigation.jpg");
    
}

#navigation li.smallMediumBusiness a.current, #navigation li.smallMediumBusiness a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0019/18442/smallMediumBusiness-current-navigation.jpg");
}

#navigation li.schoolsTeachers a.current, #navigation li.schoolsTeachers a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0018/18441/schoolsTeachers-current-navigation.jpg");
}

#navigation li.teens a.current, #navigation li.teens a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0020/18443/teens-current-navigation.jpg");
}

#navigation li.kids a.current, #navigation li.kids a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0017/18440/kids-current-navigation.jpg");
}

#navigation li.alerts a.current, #navigation li.alerts a:hover
{
    background-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0006/18438/alerts-current-navigation.jpg");
}


/**
    Content Panel
    Positioned as the first element in the markup for maximum accessibility ("above the fold" in a screen reader).
**/

#breadcrumb
{
    float: left;
    margin: 8px 0;
    font-size: 0.9em;
}

#breadcrumb span
{
    position: relative;
    top: -1px;
}

#body
{
}

#contentPanel
{
    clear: left;
}

#contentPanel img.left
{
    float: left;
    margin-right: 15px;
}

/**
    Right Panel
**/

#rightPanel
{
    background: transparent url("http://www.staysmartonline.gov.au/__data/assets/image/0019/18262/divider.jpg") no-repeat left top;
}

/**
    Accessibility buttons
**/

#accessibilityButtons
{
    margin: 0;
    float: right;
    padding-top: 13px;
}

#accessibilityButtons li
{
    float: left;
    list-style-type: none;
    margin-right: 7px;
}


/**
    Mini Search Panel
**/

#miniSearch
{
}

#miniSearch label 
{
    display: block;
    font-size: 1em;
    margin: 31px 0 5px 0;
    border-bottom: 2px solid black;
    font-weight: bold;
}

#miniSearch #keywords
{
    padding: 3px;
    width: 174px;
    font-size: 0.9em;
    border: 1px solid #808080;
}

#miniSearch #submitSearch
{
    background-color: #4d4d4d;
    color: white;
    text-transform: uppercase;
    border: 1px solid #4d4d4d;
    padding: 1px;
}

#miniSearch a
{
    font-size: 0.95em;
}

#miniSearch .watermark
{
    color: #666666;
}

/**
    Tag Cloud
**/

#tagCloud .about
{
    font-size: 0.95em;
}

#tagCloud h2
{
    margin-top: 20px;
    margin-bottom: 5px;
}

#tagCloud ul
{
    margin: 5px 0 0 0;
    text-align: center;
}

#tagCloud li
{
    list-style-type: none;
    display: inline;
}

#tagCloud li.tiny{
    font-size: 10px;
}

#tagCloud li.small{
    font-size: 12px;
}

#tagCloud li.smallMedium{
    font-size: 14px;
}

#tagCloud li.medium{
    font-size: 16px;
}

#tagCloud li.mediumLarge{
    font-size: 18px;    
}

#tagCloud li.large{
    font-size: 20px;
}

#tagCloud li a
{
    color: #898989;
}

/**
    Videos
**/

#videos
{
}

#videos h2
{
    margin-top: 31px;
    margin-bottom: 5px;
}

#videos .moreVideos
{
    margin: 5px 0;
}

#videos h3
{
    margin: 0;
    font-size: 1em;
}

#videos p, #videos a
{
    font-size: 0.9em;
    margin: 0;
}

#videos a:hover
{
    text-decoration: none;
}

#videos .current
{
    border-bottom: 1px dotted #898989;
    padding-bottom: 10px;
}

#videos li
{
    list-style-type: none;
}

#videos .jcarousel-skin-sso .current img
{
    border: 2px solid #FF5800;
    width: 56px;    
    margin-left: 1px;
}

#videos .description
{
    position: absolute;
    left: -1000em;
}

#videos .jcarousel-skin-sso span
{
    position: absolute;
    left: -1000em;
}

#videos .vioplayer_container
{
    margin-bottom: 5px;
}

/**
    Footer
**/

#footer
{
    margin-top: 8px;
    background: transparent url("http://www.staysmartonline.gov.au/__data/assets/image/0004/18427/resources-divider.jpg") repeat-x left top;
    overflow: hidden;
}

/**
    Resources Bar
**/

#resourcesBar
{
    overflow: hidden;
    margin: 15px 0 0 0;
    font-size: 0.85em;
    margin-left: auto;
    margin-right: auto;
    max-width: 940px; 
    min-width: 720px;
}

#resourcesBar li
{
    list-style-type: none;
    float: left;
    width: 19%;
    margin-right: 1%;
}

#resourcesBar li img 
{
    float: left;
    margin-right: 5px;
}

#resourcesBar li a
{
    font-weight: bold;
    color: #FA5700;
}

#resourcesBar li p
{
    padding-left: 46px;   
}

/**
    Disclaimer
**/

#disclaimer
{
    clear: both;
    background-color: #7F2D09;
    color: white;
    padding: 5px 0;
    font-size: 0.85em;   
    overflow: auto;   
}

#disclaimer p
{
    float: left;
    width: 70%;
    margin: 0;
}

#disclaimer ul
{
    float: right;
    margin: 0;
}

#disclaimer li
{
    display: inline;
    list-style-type: none;
    margin-right: 8px;
}

#disclaimer a
{
    color: white;
}

/**
    Site Map
**/

#siteMap
{
    background-color: black;
    font-size: 0.9em;
    overflow: auto;
    min-width: 720px;
}

#siteMap ul.topLevel
{
    margin: 0;
    padding: 13px 0 0 0;
    float: left;
    width: 33%;
}

/* this class is added to the last element dynamially via js */
.lastChildSiteMap
{
    padding-bottom: 13px !important;
}

#siteMap li
{
    list-style-type: none;
}

#siteMap li a
{
    color: #FA5700;
}

#siteMap ul ul
{
    margin: 0px;
    padding: 3px 0 0 0;
}

#siteMap li li a
{
    color: #CCCCCC;
}

.form-asterisk
{
    color: #f90d08;
}


#siteMap li li {
  list-style-image: url("http://www.staysmartonline.gov.au/__data/assets/image/0019/18622/blackRaquo.gif");
  margin-left: 20px;
}