/*
  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: 25 July 2008 13:23:02
*/


/******************************************************************
e-Strategy Guide Main Style Sheet
Created on: 15 March 2006
Modified on: 27 April 2006

******************************************************************/

/* HTML Elements */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: small;
    color: #000;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 70%; 
    background-image: url(http://www.e-strategyguide.gov.au/__data/assets/file/0010/2134/nav_bg.gif);
    background-repeat: repeat-y;
    }
    
h1 {
    padding: 0;
    font-size: 130%;
    font-weight:bold;
    color: #660066;
    background-color:#FFF;
    text-align: left;
    }
    
h2 {
    padding: 0;
    font-size: 110%;
    font-weight:bold;
    color: #660066;
    background-color:#FFF;
    text-align: left;
    }

h3 {
    padding: 0;
    font-size: 105%;
    font-weight: bold;
    text-align: left;
    }

th{
    font-weight: bold;
    text-align: left;
}

td{ }
li { }

p { text-align:left; }

ul {
    list-style-position: outside;
    list-style-type: disc;
    }

ol {
    list-style-type: decimal;
    padding-left: 20px;
	margin-top: 5px;
   }

ol li {
margin-top: 5px;
   }

hr { width: 100%; height: 1px;}
   
form { margin-bottom: 0; }   /* Fixes the spacing in the Search form in IE */
/* The following CSS removes default bullet points in the unordered lists in the forms (Feedback) */
form ul {
        list-style-type: none;
        margin-left: 0px; padding-left: 0px; 
    }
/* To horizontally align the bullets
form li {
        display: inline; margin-right: 15px;
    }
    */
/*****************************************/ 

a img { border: none; }

.nocss { display: none; }

#leftAlignList li {
    margin-left: -20px;
    }
    
#assetListingList li {
    list-style-image:url(http://www.e-strategyguide.gov.au/__data/assets/file/0017/1853/list_asset_arrow.gif);
    line-height: 4px;
    list-style-position: outside;
    padding-bottom: 4px;
    margin: 0;
    }
   
.URL {
    font-size: 90%;
    color: #333333;
    background-color: #FFF;
    font-style: italic;
    }
    
.URL a:link, a:active, a:visited {
    text-decoration: underline;
    }
    
.URL a:hover {
    text-decoration: none;
    }
    
.condensedList ul, .condensedList li { margin:0; padding:0; }
.otherField { padding: 0; margin: 0;}

.box {
    position: relative;
    border: 1px solid #999999;
    background-color: #F4F4F4;
    color: #000;
/*    margin:  0 auto 0 auto;  */
    }

.box ul {
    margin-top: 1px;
    list-style-type: disc;
    }

.box ol {
    margin-top: 1px;
    list-style-type: decimal;
    margin-left: 40px;
    }

.box p {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    }

.box h3 {
    background-image: url(http://www.e-strategyguide.gov.au/__data/assets/file/0014/1913/box_header_purple.jpg);
    background-repeat:repeat-y;
    width: 90%;
    background-color: #F4F4F4;
    color: #FFF;
    font-size: 130%;
    font-weight: bold;
    text-align: left;
    padding: 5px 5px 5px 15px;
    margin-top: 0;
}

.boxTrueStories {
    position: relative; 
    border: 1px solid #999999;
    color: #000;
    background-color: #F4F4F4;
    /*margin:  0 auto 0 auto; -- To centre the Box */
    }

.boxTrueStories ul {
    margin-top: 1px;
    list-style-type: disc;
    }

.boxTrueStories ol {
    margin-top: 1px;
    list-style-type: decimal;
    margin-left: 40px;
    }

.boxTrueStories p {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    }

.boxTrueStories h3 {
    width: 90%;
    background-color: #F4F4F4;
    color: #000;
    font-size: 130%;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    text-align: left;
    margin-top: 0;
}

/*******************************************************
The following CSS styles the feedback form
*******************************************************/

fieldset{width:100%;margin:0.25em 0 1em;padding:1em 0; height: 100%;}
legend{font-size:130%;font-weight:bold; margin:0 0.25em;padding:0.25em 1em; color: #660066;background-color: #FFF;}
form .field{padding:0 1em;}
form .label{font-size:small;padding:0.5em 0 1em;clear:left;float:left;width:33%;text-align:left;}
form .label label{padding:0 2em 0 0;font-weight: bold;display:block;}
form .label span{font-style:italic;display:block;font-weight:400;}
form .control{padding:0.5em 0;float:left;width:67%;}
form .text,form textarea{width:100%;}
* html form{width:95%;}
* html #main.sbnone form{width:99%;}
* html form .label{padding-top:0;padding-bottom:0.5em;width:33%;wid\th:33%;}
* html #main form .control{padding-top:0;width:67%;wid\th:67%;}
input,select,textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
#rightAlign { text-align: right; padding-top: 7px; }
#form_email_2180_submit { border-width: 1px; border-color: #7F9DB9; color:#000; background-color: #FFFFFF; width: 50px; font-size: 80%;}
#form_email_2180_reset { border-width: 1px; border-color: #7F9DB9; color: #000; background-color: #FFFFFF; width: 50px; font-size: 80%;}

/*******************************************************

The following CSS styles the e-Journey boxes

*******************************************************/

#chapters {
    width: 100%;
    height: 350px;
    }
    
#Chapter1, #Chapter2, #Chapter3, #Chapter4, #Chapter5 {
    height: 50px;
    color: #660066;
    background-color: #FFF;
    padding-left: 0;
    width: 18%;
    margin-right: 3px;
    float: left;
    }

#Chapter1 a:link, #Chapter1 a:active, #Chapter1 a:visited { color: #000; text-decoration: none; } 
#Chapter1 a:hover { color: #CCCCCC; text-decoration: underline; } 

#Chapter2 a:link, #Chapter2 a:active, #Chapter2 a:visited { color: #000; text-decoration: none; } 
#Chapter2 a:hover { color: #CCCCCC; text-decoration: underline; } 

#Chapter3 a:link, #Chapter3 a:active, #Chapter3 a:visited { color: #000; text-decoration: none; } 
#Chapter3 a:hover { color: #CCCCCC; text-decoration: underline; } 

#Chapter4 a:link, #Chapter4 a:active, #Chapter4 a:visited { color: #000; text-decoration: none; } 
#Chapter4 a:hover { color: #CCCCCC; text-decoration: underline; } 

#Chapter5 a:link, #Chapter5 a:active, #Chapter5 a:visited { color: #000; text-decoration: none; } 
#Chapter5 a:hover { color: #CCCCCC; text-decoration: underline; } 


#Chapter1 h3, #Chapter2 h3, #Chapter3 h3, #Chapter4 h3, #Chapter5 h3 {
    padding: 5px;
    text-align: left;
    font-weight: lighter;
    font-size: 90%;
    color: #FFF;
    background-color: #660066;
    margin: 0;
    height: 55px;
    }

#Chapter1 li, #Chapter2 li, #Chapter3 li, #Chapter4 li, #Chapter5 li { 
    margin: 3px 1px 1px -18px;
    list-style-image: url(http://www.e-strategyguide.gov.au/__data/assets/file/0017/1853/list_asset_arrow.gif);
    list-style-position: outside;
    text-align: left;
}

.ChapterBody {
    border: 1px solid #660066;
    background-color: #FFF;
    text-align: left; 
    height: auto;
}

.bottom-tab {
    height: 16px;
    width: 100%;
    position: relative;
    text-align: right;
    background-image: url(./?a=2153);
    background-repeat: repeat-x;
    }

/********************* END e-Journey **************************/
    
#onThisPageTOC {
    position: relative;
    width: 30%;
    background-color: #EDEDED;
    color: #000;
    padding: 5px 10px 5px 5px;
    float: right;
    margin-left: 20px;
    }
    
#onThisPageTOC ul { }

#onThisPageTOC li { }

#container { }

#logo-bar {
    background-position: top right;
    background-image: url(http://www.e-strategyguide.gov.au/__data/assets/file/0008/1898/title_estrategyguide.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    color: #000;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#search-results{
    width: 185px;
    background-color: #EDEDED;
    padding: 5px;
    }

#search-bar {
    background-color: #CC6600;
    padding: 2px 20px 2px 2px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    font-size: small;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    height: 22px; 
}

/**** Hack for Opera 7.  This aligns the Search Field in the search-bar div. 
      This function is only recognised by Opera as of 12/4/2006. When other browers
      implement this feature using CSS3 then this will need to be removed. At this time
      Opera should have a fix for this ****/
@media all and (min-width: 0){
 #search-bar input {
     margin-top: -10px;
    margin-bottom:4px;
    }
}
/*********************************************************************************/

#divider-bar {
    background-color: #000;
    color: #FFF;
    font-size: x-small;

    padding: 2px;
    }

#divider-bar a:link, #divider-bar a:active, #divider-bar a:visited {
    text-decoration: none;
    color: #666666;
    }

#divider-bar a:hover {
    text-decoration: underline;
    color: #FFF;
    }

#nav-content { height: 100%; width: 100%;  }

/* Left Menu Styles */

#left-nav {
    position: relative;
    padding-top: 1em;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 160px;
    height: auto;
    font-size: 100%;
    color:#FFF;
    font-weight:bold;
    line-height: 22px;
    }

#left-nav a {
    padding-bottom: 3px;
    border-bottom: 1px dashed #993399;
    display: block;
    }

#left-nav a:link, #left-nav a:active, #left-nav a:visited {
    text-decoration: none;
    color:#FFF;
    }

#left-nav a:hover, #left-nav a.current {
    color: #CCCCCC;
    text-decoration: underline;
    }

#left-nav .subnav {
    font-weight: normal;
    font-size: 85%;
    }

#left-nav .subnav a {
    padding-left: 20px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0 dashed #993399;
    }
    
#left-nav .subnav a.current {
    font-weight: bold;
    text-decoration: none;
    }
    
#left-nav .subnav a:hover { text-decoration: underline; }


#menu-bar a:link, #menu-bar a:active, #menu-bar a:visited {
    color: #fff;
    text-decoration: none;
    }

#menu-bar a:hover {
    text-decoration: underline;
    }

#content {
    position: relative;
    margin-left: 170px;
    margin-right: 40px;
    background-color: #FFF;
    height: 100%;
    text-align: left;
    }

#breadcrumb {
    padding-top: 1em;
    padding-left: 5px; 
    font-size: x-small;
    text-align: left;
    float: left;
    margin-right: 5px;
    }

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
    text-decoration: none;
    color:  #0047B3;
    }

#breadcrumb a:hover {
    color: #FF0000;
    text-decoration: underline;
    }
    
#body-content {
    position:relative;
    text-align:left;
    margin-left: 30px;
    margin-right: 5%;
    padding-top: 10px;
    
    }

#body-content a:link, #body-content a:active {
    color: #0047B3;
    text-decoration: underline;
    }

#body-content a:visited {
    color: #660066;
    text-decoration: underline;
    }

#body-content a:hover {
    color: #FF0000;
    text-decoration: underline;
    }

#body-footer {
    clear: both;
    text-align: center;
    font-size: x-small;
    padding:  20px 2px;
    height: 20px;
    }

#body-footer a:link, #body-footer a:active {
    text-decoration: underline;
    color: #0047B3;
    }
    
#body-footer a:visited {
    color: #660066;
     text-decoration: underline;
    }

#body-footer a:hover {
    color: #FF0000;
    text-decoration: underline;
    }

#PrinterIcon {
    position: relative;
    background-position: left;
    display: block;
    padding-left: 25px;
    font-size: 70%;
    background-image: url(./?a=2160);
    vertical-align: middle;
    width: 100px;
    line-height: 20px;
    background-repeat: no-repeat;
    float: right;
    margin-top: 5px; color: #000000;
    }


#PrinterIcon a:link, #PrinterIcon  a:visited, #PrinterIcon  a:active {
    text-decoration: none;
    color:  #0047B3;
    }

#PrinterIcon  a:hover {
    color: #FF0000;
    text-decoration: underline;
    }

#body-header {
    height: 20px;
    width: 100%;
    }