/*
-----------------------------------------------------
Base styles for screen media

-----------------------------------------------------
*/

html, body
{
    width: 100%;
}

body
{
    background: #fff;
    margin: 0px;
    padding: 0px;
    color: #333;

    font-family: arial,helvetica,sans-serif;
    font-size: 75%;
}

table#bodyTable
{
    width: 100%;
}

.leftPane
{
    width:75%;
}

.rightPane
{
    width:25%;
    background-color: #CADB2A;
}

td
{
    vertical-align: top;
}

td.logo
{
    vertical-align: bottom;
}

.content
{
    padding-left: 2em;
    padding-right: 5%;
}

.content img
{
    border: 0px;
}


.content .crumbs
{
    margin: 2em 1em 2em 0;
    color: #656915;
}

.content .crumbs a
{
    color: #656915;    
}

.content .crumbs a:visited
{
    color: #656915;    
}

.content .crumbs a:link
{
    color: #656915;    
}

.content .crumbs a:active
{
    color: #656915;    
}

.help
{
    padding-top: 4em;
    padding-left: 1em;
    padding-right: 1em;
}

.help p
{
    font-weight: normal;
    color: Black;
}

.help a
{
    color: Black;
}

.logo
{
}

.footer
{
    text-align: left;
    font-size:x-small;
    color: Black;
}

.footer a
{
    color: Black;
}

/* - Index2 Footer Section - */
.logo #ausGovtLogo{text-align:center;margin-top:-20px;}
.logo div#ausGovtLogo #ausGovtLogoImage {background-color:transparent;background-image:url("../images/ausgov_init.gif");background-position:center;background-repeat:no-repeat;clear:both;float:right;height:104px;margin-bottom:0px;margin-top:10px;width:100%;}

.footer #index2footer{margin-top:-20px;}
.footer div#index2footer h3{display:none;}
.footer div#index2footer #index2footerImage{background-color:#EB641E;clear:both;float:right;height:30px;margin-bottom:10px;margin-top:20px;width:100%;}
.footer div#index2footer #index2footerContent {margin: 0 2em 0 2em;}
.footer div#index2footer #index2footerContent p{color:Black;font-size:xx-small;font-weight:bold;width:100%;}
.footer div#index2footer #index2footerContent a{background-image:none;color:Black;font-size:x-small;letter-spacing:0;padding-left:0;text-decoration:NONE;width:100%;}


h1
{
    font-size: 130%;
    color: #EB641E;
    line-height: 140%;
    margin: 17px 10px 7px 0;
    padding: 0px 0px 0px 0;
}

h2
{
    font-size: 120%;
    color: #EB641E;
    line-height: 140%;
    margin: 17px 10px 7px 0;
    padding: 0px 0px 0px 0;
}

h3
{
    font-size: 100%;
    color: #EB641E;
    margin: 20px 10px 7px 0;
    padding: 0px 0px 0px 0;
}

h4
{
    font-size: 100%;
    color: #EB641E;
    padding: 0px;
    margin: 0px;
}

h5
{
    font-size: 100%;
    color: #EB641E;
    padding: 0px;
    margin: 0px;
}

p
{
    margin: 0px 25px 10px 0;
    padding: 0px;
    clear: left;
    line-height: 150%;
}

/*
hr
{
    text-align: left;
    background: url("../images/hrule_grey.gif") repeat-x;
    height: 2px;
    margin: 7px 0px 10px 0;
}*/

/* take out the troublemaking HR */
.content div hr { display: none; }

/* DIV that wraps and replaces the HR */
.content div.line { width: 100%; background: url("../images/hrule_grey.gif") no-repeat 0px 0px; height: 2px; margin-bottom: 5px;}


ul
{
    margin: 0px;
    padding: 0px;
}

li
{
    margin: 0px;
    padding: 0px;
}

.required
{
    font-weight: bold;
}

.hrule
{
    background: url( "../images/hrule.gif" ) repeat-x;
}

.hrulegrey
{
    background: url( "../images/hrule_grey.gif" ) repeat-x;
}

.vrule
{
    background: url( "../images/vrule.gif" ) repeat-y 28% 0;
}

.linksrc
{
    display: none;
}


.content .rightbox
{
    margin-left: 33%;
    background-color: #f4f4f4;
    width: 200px;
    padding: 10px;
    border: 1px solid #ccc;
}

.content .rightbox img
{
    border: 1px solid #f4f4f4;
}

.content .rightbox a:hover img
{
    border: 1px solid #ccc;
}

.content .rightbox a:hover
{
    text-decoration: none !important;
}

.bips .double br
{
    clear: both;
}

.bips .double ol
{
    line-height: 130%;
    margin: 5px 0px 10px 10px;
}

.bips .double ul
{
    line-height: 130%;
    margin: 5px 0px 10px 10px;
}

.bips .double li
{
    margin-left: 45px;
    margin-bottom: 10px;
}

.bips .double table
{
    margin-left: 2em;
    border: 1px solid black;    
    border-collapse: collapse;
    width: 95%;
}

.bips .double th
{
    text-align: center; 
    font-weight: bold;
    border: 1px solid black;
    vertical-align: middle;
    line-height: 3em;
}

.bips .double td
{
    border: 1px solid black;
    text-align: left;
    vertical-align: top;
    line-height: 100%;
    padding-bottom: 0.8em;
}

.bips .double td p
{
    margin: 0 0 0.2em 0.8em;
}

.content table
{
    border: 1px solid black;    
    border-collapse: collapse;
    width: 100%;
}

.content th
{
    text-align: center; 
    font-weight: bold;
    border: 1px solid black;
    vertical-align: middle;
    line-height: 3em;
}

.content td
{
    border: 1px solid black;
    text-align: left;
    vertical-align: top;
    line-height: 100%;
    padding-bottom: 0.8em;
}

.content td p
{
    margin: 0 0 0.2em 0.8em;
}

.content br
{
    clear: both;
}

.content ol
{
    line-height: 130%;
    margin: 5px 0px 10px 0px;
}

.content ul
{
    line-height: 130%;
    margin: 5px 0px 10px 0px;
}

.content li
{
    margin-left: 35px;
    margin-bottom: 10px;
}

.content .progressbar
{
    width: 300px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    text-align: left;
}

.content .percentage
{
    background-color: #ccc;
    height: 12px;
}

.content .button
{
    display: block;
    text-decoration: none !important;
    margin: 8px 0 0 0;
}

.content .button:hover
{
    background-color: #f4f4f4;
}

.bips .header
{
    float: left;
}

.bips .topmenu
{
    float: left;
/*    width: 100%;*/
}

.content form
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 0;
}

.content form fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    padding: 10px; /* padding in fieldset support spotty in IE */
    margin: 12px 0px 12px 0;
    background-color: #f4f4f4;
    line-height: 150%;
}

.content form fieldset legend
{
    display: none;
    font-weight: bold;
}

.content form label
{
    display: block; /* block float the labels to left column, set a width */
    margin: 5px 0 0 0px; /* set top margin same as form input - textarea etc. elements */
    padding: 0;
}

.content form label.inline
{
    display: inherit;
    width: 10%;
    min-width: 7em;
    float:left;
}

.content form input, .content form select
{
    font-family: arial,helvetica,sans-serif;
    float: left; /*inline display must not be set or will hide submit buttons in IE 5x mac */
    margin: 5px 10px 0 10px; /* set margin on left of form elements rather than right of  label aligns textarea better in IE */
    padding: 2px;
    font-size: 100%;
}

.content form input.small
{
    width: 5em;
}

.content form input.medium
{
    width: 15em;
}

.content form input.large
{
    width: 20em;
}

.content form textarea
{
    width: 390px;
    font-size: 100%;
    font-family: arial,helvetica,sans-serif;
    float: left;
    margin: 5px 0 0 0;
    padding: 2px;
    height: 63px;
}

.content form .hint
{
    font-family: arial,helvetica,sans-serif;
    font-size: 9pt;
    display: block;
    margin: 1em 0 0.5em 2em;
    clear: both;
}

.content form .description
{
    font-family: arial,helvetica,sans-serif;
    display: block;
    margin: 0 0 0.5em 1.5em;
    padding-top: 0.5em;
    clear: both;
}

.content form .req
{
    font-weight: bold;
}

.content form br
{
    clear: left;
    line-height: 0%;
}

.content fieldset p
{
    margin: 5px 0px 0px 3px;
}

.content input[type="radio"]
{
    margin-top: 5px;
}

.content .buttons
{
    margin-top: 1em;
}

.content .buttons input
{
    width: 7em;
}

/* fix firefox radios and checks */
.content input[type="checkbox"]
{
    margin-left: 2em;
    margin-top: 0px;
}

.content .error
{
    color: red;
}

.content .disabled
{
    color: gray;
}

.report ul li
{
    font-weight: bold;
}
.report ul ul li
{
    font-weight: normal;
}
.report ul ul ul li
{
    font-weight: normal;
}

/* IE mac fixes - mid pass filter hack */
/*\*//*/
hr { background: none; color: gray; border: 0px; height: 1px; }
/**/

.content .questions ul
{
    margin-top: 0.5em;
    list-style-type: none;
}

.content .questions li
{
    margin-left: 1em;
    clear: both;
}

.content .questions .question
{
    margin-bottom: 2em;
    line-height: 150%;
}

.content .questions .hint
{
    clear: both;
    margin: 0 2em 1em 4em;
    font-size: smaller;
    width: 70%;
    line-height: 110%;
}

.content .questions .question .yesNo
{
    float: left;
    width: 60%;
    line-height: 150%;
}

.content .questions .question .yesRadio
{
    width: 20%;
    max-width: 80px;
    float: left;
}

.content .questions .question .noRadio
{
    width: 20%;
    max-width: 80px;
    float: left;
}

.content .questions .question .yesRadio label
{
    margin-top: 0px;
}

.content .questions .question .noRadio label
{
    margin-top: 0px;
}

.content .questions .question label
{
    margin-top: 0px;
    line-height: 200%;
}


.content .leftColumn
{
	clear: left;
    float: left;
    width: 44%;
}

.content .rightColumn
{
    float: right;
    width: 45%;
}

table.searchResults
{
    border-collapse: collapse;
    margin-top: 1em;
    padding: 1em 0 1em 0;
    width: auto;
    border-style: none;
}

.searchResults td
{
    list-style-type:none;
    margin-left: 1em;
    vertical-align: top;
    border-style: none;    
}

.searchResults img
{
    vertical-align: top;
    border: 1px solid red;
}

.searchResults p
{
    padding: 5px 0 5px 0;
}

.searchResults td input[type="radio"]
{
    margin-top: 60px;
}