@import url('reset.css');
@import url('widgets.css');
@media screen, print
{
    /* STANDARD STUFF */
    html,
    body
    {
    	/*================================================================*/
    	/* FOR TESTING PURPOSES, UNCOMMENT THIS background-image LINE     */
    	/* TO DISPLAY A "TEST" WATERMARK IMAGE ON THE BACKGROUND OF PAGES */
     	/* background-image:url('/static/infrastructure/images/testing_background.png'); */
    	/*================================================================*/
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1.3;
    }
    ul
    {
        list-style-type: circle;
        list-style-position: outside;
        padding-left: 40px;
    }
    ul li
    {
        padding-top:4px;
        padding-bottom:4px;
    }
    ol
    {
        list-style-type: decimal;
        list-style-position: outside;
        padding-left: 40px;
    }
    ol li
    {
        padding-top:4px;
        padding-bottom:4px;
    }

    li.selected
    {
        font-weight: bold;
    }

    table
    {
        margin-top: 10px;
        border-collapse: collapse;
		border:1px solid #ccc;
		background-color: transparent;
    }

	td, th
	{
	    padding: 8px 5px 8px 10px;
		font-size: 11px;
		border:1px solid #ccc;
	}
	table.fixed-width
	{
	    width: 400px;
	}
	table.fixed-width td
	{
	    width: 200px;
	}

	img
	{
	    vertical-align:middle;
	}

    p
    {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    input
    {
        font-size: 11px;
        border: 1px solid #ddd;
    }
    input.button
    {
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #feb700;
        border: 1px solid #feb700;
        background-color: #2e8fd6;
    }

	span.tag {
		border: 1px #DDD solid;
		border-radius: 4px;
		background:url("/static/infrastructure/images/tag.png") no-repeat scroll left center transparent;
		background-color:#FFFFE8;
		padding:2px 2px 2px 18px;
	}

    select
    {
        border: 1px solid #ddd;
    }

    textarea
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        height: 100px;
        border: 1px solid #ddd;
    }
    pre
    {
        font-family: "lucida console", Courier, serif;
    }

    /* Display option classes */
    strong
    {
        font-weight: bold;
    }
    .strong
    {
        font-weight: bold;
    }
	.center
	{
	    text-align: center;
	}
	.right-align
	{
	    text-align: right;
	}
	.indented
	{
	    padding-left: 50px;
	    font-size: 10px;
	}
	.nomargin
	{
	    margin: 0;
	}
	.nopadding
	{
	    padding: 0;
	}
	.white
	{
	    background-color: white;
	}
	.green
	{
	    background-color: #62C530;
	}
	.yellow
	{
	    background-color: #feb700;
	}
	.blue
	{
	    background-color: #2e8fd6;
	}
	.green-text
	{
	    color: #62C530;
	}
	.yellow-text
	{
	    color: #feb700;
	}
	.blue-text
	{
	    color: #2e8fd6;
	}
	.red-text
	{
	    color: #ff0000;
	}
	.bold-text
	{
	    font-weight: bold;
	}
	.divider
	{
	    font-size: 3px;
	}
    ul.errorlist
    {
        list-style-type:none;
        padding:0;
    }
	ul.errorlist li
	{
	    font-size: 10px;
	    list-style-type: none;
	    color: red;
	    margin: 2px;
	    padding-left: 5px;
	}
	.error-top
	{
        background-image: url('/static/infrastructure/images/stop.png');
        background-repeat: no-repeat;
	    background-color: #ffddaa;
	    border: 1px solid red;
	    color: red;
	    margin: 3px;
	    padding: 5px 5px 5px 40px;
	    height: 25px;
	}
	.success-top
	{
        background-image: url('/static/infrastructure/images/go.png');
        background-repeat: no-repeat;
	    background-color: #aaffdd;
	    border: 1px solid green;
	    color: green;
	    margin: 3px;
	    padding: 5px 5px 5px 40px;
	    height: 25px;
	}
	.tableArrow
	{
        background-image: url('/static/infrastructure/images/arrow-blue.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
	}
	.listArrow
	{
        background-image: url('/static/infrastructure/images/arrow-blue.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
        list-style-type: none;
	}
	.listArrowSelected
	{
        background-image: url('/static/infrastructure/images/arrow-yellow.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
        background-color: white;
        list-style-type: none;
	}
    .listArrowSelected a
    {
        color: black;
    }
    .centered
    {
        text-align: center;
    }
    .centered-table
    {
        margin-left: auto;
        margin-right: auto;
    }

    div#base-header
    {
        /* Background image for banner should be set in individual theme CSS definition overrides */
        background-image: url('/static/infrastructure/themes/aus/images/header-filler.gif');*/
        background-repeat: repeat-x;
        z-index: 100;
    }
    div#logo
    {
        position: absolute;
        top: 2px;
        left: 20px;
    }
    div#formal-logo
    {
        float: left;
        margin-right: 20px;
    }


    div#user-tools
    {
        z-index: 999;
        background-color: #444;
        color: white;
        font-family: Arial,sans-serif;
        font-size: 11px;
        position: absolute;
        top: 57px;
        right: 20px;
    }
    div#user-tools a
    {
        color: white;
        padding-left: 3px;
        padding-right: 3px;
    }
    div#user-tools a:hover
    {
        color: yellow;
        background-color: #000;
    }
    div#user-tools table,
    div#user-tools table td,
    div#user-tools table th
    {
        margin:0;
        padding: 0;
        border: 0;
        color: white;
    }

    div.form-row
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div#main-content
    {
        position: absolute;
        top: 100px;
        left: 250px;
        right: 200px;
    }
    div#formal-main-content
    {
        position: absolute;
        top: 25px;
        left: 50px;
    }
    a.reportlink:hover
    {
        background-color: #2e8fd6;
	    color: #feb700;
	    border: 2px solid #feb700;
    }
    div#changelist-filter
    {
        float: right;
        margin: 10px;
        border: 1px solid #cccccc;
        padding: 10px;
    }
    div#changelist-filter h2,
    div#changelist-filter h3
    {
	    color: #2e8fd6;
    }
    div#changelist-filter ul,
    div#changelist-filter ul li
    {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        font-size: 10px;
    }
    table.hotel-table
    {
        width: 700px;
        margin-right: 200px;
    }
    div#breadcrumbs
    {
        position: absolute;
        top: 55px;
        left: 300px;
        color: white;
    }
    div#breadcrumbs a
    {
        color: white;
    }
    div#breadcrumbs a:hover
    {
        color: #feb700;
    }

    div#manager-tools
    {
        float: right;
        border: 1px solid #aaa;
        background-color: #ddd;
        padding: 5px;
        font-size: 10px;
        margin-top: 20px;
        width: 180px;
    }
    div#employee-overview
    {
        float: right;
        border: 1px solid #aaa;
        background-color: #ddd;
        padding: 5px;
        font-size: 10px;
        margin-top: 0px;
        width: 180px;
    }
    div#employee-overview h1
    {
        font-size: 13px;
    }
    div#employee-overview h2
    {
        font-size: 10px;
        margin: 5px 0;
        line-height: 1;
        color: #2e8fd6;
    }
    div.employee-overview-good
    {
        background-image: url('/static/infrastructure/images/tick.png');
        background-repeat: no-repeat;
        padding-left: 24px;
    }
    div.employee-overview-info
    {
        background-image: url('/static/infrastructure/images/info_16.png');
        background-repeat: no-repeat;
        padding-left: 24px;
    }
    div.employee-overview-medium
    {
        background-image: url('/static/infrastructure/images/error_16.png');
        background-repeat: no-repeat;
        padding-left: 24px;
    }
    div.employee-overview-bad
    {
        background-image: url('/static/infrastructure/images/deleted_16.png');
        background-repeat: no-repeat;
        padding-left: 24px;
        font-weight: bold;
        color: red;
    }
    div.employee-overview-bad a
    {
        color: red;
    }
    td.project-category
    {
        background-color: #444;
        color: white;
        font-size: 14px;
        font-weight: bold;
    }
    td.project-category a
    {
        color: white;
    }
    td.project-project
    {
        background-color: #bbb;
        font-size: 12px;
        font-weight: bold;
    }
    td.project-name,
    th.thexpense
    {
        background-color: #ddd;
        font-weight: bold;
    }
    th.thexpensehead
    {
        background-color: #444;
        color: white;
        font-size: 12px;
        font-weight: bold;
    }
    th.thexpensehead_minor
    {
        background-color: #888;
        color: white;
        font-size: 12px;
        font-weight: bold;
    }
    th.thexpensehead_minor a
    {
        color: white;
    }
    th.thexpensehead_minor a:hover
    {
        color: #aa0000;
    }
    tr.newexpense
    {
        background-color: #ddffdd;
    }
    tr.completeexpense
    {
        background-color: #dddddd;
    }
    tr.waitpayexpense,
    tr.paidexpense
    {
        background-color: #ddddff;
    }
    tr.waitinvoiceexpense,
    tr.reconciledexpense
    {
        background-color: #ffffdd;
    }
    .project-ontime
    {
        color: green;
        font-weight: bold;
    }
    .project-late
    {
        color: orange;
        font-weight: bold;
    }
    .project-overdue
    {
        color: red;
        font-weight: bold;
    }
    .project-upcoming
    {
        color: orange;
        font-weight: bold;
    }
    .project-sent
    {
        color: brown;
        font-weight: bold;
    }
    .project-bold
    {
        font-weight: bold;
    }
    a.project-index-header
    {
        display: block;
        font-weight: bold;
        margin: 0px;
        padding: 5px 3px 0px 3px;
    }
    ul.project-index-entry
    {
        margin: 0 0 0 5px;
        padding: 10px;
        list-style-type: disc;
        list-style-position: outside;
    }
    li.project-index-entry
    {
        margin: 0px;
        padding: 0px 3px 0px 0px;
    }

    div#assignments-employees
    {
        float:left;
        background:#ddddff;
        border:1px solid #8888ff;
        margin:16px;
        padding-right:8px;
        font-size: 11px;
    }
    div#assignments-projects
    {
        float:left;
        background:#ddffdd;
        border:1px solid #448844;
        margin:16px;
        padding-right:8px;
        font-size: 11px;
    }
    div#assignments-projects-right
    {
        float:right;
        background:#ddffdd;
        border:1px solid #448844;
        margin:16px;
        padding-right:8px;
        font-size: 11px;
        width: 200px;
    }
    div#assignments-employees-right
    {
        float:right;
        background:#ddddff;
        border:1px solid #8888ff;
        margin:16px;
        padding-right:8px;
        font-size: 11px;
        width: 150px;
    }

    table.wiki-table
    {
        border: 0;
    }
    table.wiki-table td
    {
        border: 0;
        font-size: 14px;
        font-weight: bold;
    }
    table.wiki-table td.wiki-content
    {
        font-size: 12px;
        font-weight: normal;
    }
    textarea.wiki-editor
    {
        height: 583px;
        width: 737px;
    }
    input.wiki-search
    {
        width: 300px;
    }
    input#id_title
    {
        width: 300px;
    }
    .wiki-history
    {
        position: absolute;
        left: 5px;
        top: 0px;
        font-size: 10px;
        color: #888;
        font-style: italic;
        text-align: right;
    }
    ul.page
    {
        list-style-image: url(/static/infrastructure/images/page.gif);
        text-align: left;
    }

    td.sales-header
    {
        background-color: #444;
        color: white;
        font-size: 11px;
        font-weight: bold;
    }



    div#left-content
    {
        width: 230px;
        padding: 5px 10px 5px 0px;
        border-right: 1px dotted #ccc;
    }
    div.content-header-folded
    {
        font-size: 11px;
        font-weight: normal;
        background-image: url(/static/infrastructure/images/folder-closed.gif);
        background-repeat: no-repeat;
        padding: 3px 0 0 20px;
        margin: 0 0 0 5px;
        cursor: pointer;
    }
    div.content-header-unfolded
    {
        font-size: 11px;
        font-weight: normal;
        background-image: url(/static/infrastructure/images/folder-open.gif);
        background-repeat: no-repeat;
        padding: 3px 0 0 20px;
        margin: 0 0 0 5px;
        cursor: pointer;
    }
    div.content-hidden
    {
        font-size: 11px;
        font-weight: normal;
        padding: 0 0 0 0;
        margin: 0 0 0 10px;
        display: none;
    }
    div.content-text
    {
        font-size: 11px;
        font-weight: normal;
        padding: 3px 0 0 20px;
        margin: 0 0 0 5px;
        cursor: pointer;
    }
    a.content-link
    {
        font-size: 11px;
        display: block;
        background-image: url(/static/infrastructure/images/page.gif);
        background-repeat: no-repeat;
        margin: 0 0 0 8px;
        padding: 1px 0 1px 16px;
    }
    a.up-link
    {
        font-size: 11px;
        display: block;
        background-image: url(/static/infrastructure/images/up.gif);
        background-repeat: no-repeat;
        margin: 10px 0 16px 20px;
        padding: 2px 0 4px 20px;
    }
    a.dir-link
    {
        font-size: 11px;
        display: block;
        background-image: url(/static/infrastructure/images/folder-closed.gif);
        background-repeat: no-repeat;
        margin: 0 0 0 20px;
        padding: 2px 0 4px 20px;
    }
    a.file-link
    {
        font-size: 11px;
        display: block;
        background-image: url(/static/infrastructure/images/page.gif);
        background-repeat: no-repeat;
        margin: 2px 0 0 20px;
        padding: 0px 0 4px 20px;
    }
    table.timesheet-table th
    {
        background-color: #444;
        color:white;
    }
    td.timesheet-category
    {
        font-size: 14px;
        background-color: #ccc;
        font-weight: bold;
        padding: 3px;
    }
    td.timesheet-compact
    {
        padding: 1px;
        margin: 1px;
        text-align: center;
    }
    td.timesheet-errors
    {
        background-color: #ff8888;
    }
    td.timesheet-errors input
    {
        border: 1px solid red;
    }
    tr.inactive
    {
        background-color: #ddd;
        color: #444;
    }
    tr.highlight
    {
        background-color: #dfd;
        color: #444;
    }
    table.medium-text td,
    table.medium-text th
    {
        font-size: 10px;
        padding: 1px 3px 1px 3px;
    }
    table.small-text td,
    table.small-text th
    {
        font-size: 9px;
        padding: 1px 3px 1px 3px;
    }
	table.viewleave
	{
	    margin-left: 30px;
	    border: 0;
	}
	th.viewleave,
	td.viewleave
	{
	    padding: 3px;
	    border: 0;
	}

	.report-bar
	{
	    text-align: center;
	    height: 40px;
	}
	.report-bar-green
	{
	    border: 1px solid #00ff00;
	    background-color: #88ff88;
	}
	.report-bar-red
	{
	    border: 1px solid #ff0000;
	    background-color: #ff8888;
	}
	.report-bar-blue
	{
	    border: 1px solid #0000ff;
	    background-color: #8888ff;
	}
	.report-bar-brown
	{
	    border: 1px solid #884400;
	    background-color: #ff8800;
	}
	.report-bar-yellow
	{
	    border: 1px solid #ff8800;
	    background-color: #ffcc00;
	}
	.report-bar-grey
	{
	    border: 1px solid #888888;
	    background-color: #cccccc;
	}
	.report-bar-100
	{
	    width: 500px;
	}
	.report-scale
	{
    	text-align: center;
    	height: 20px;
    	width: 500px;
    	background-color: white;
	}
	.report-scale-0
	{
        position:absolute;
        left:0px;
        border-left:1px solid #888;
	}
	.report-scale-10
	{
        position:absolute;
        left:50px;
        border-left:1px solid #888;
	}
	.report-scale-20
	{
        position:absolute;
        left:100px;
        border-left:1px solid #888;
	}
	.report-scale-30
	{
        position:absolute;
        left:150px;
        border-left:1px solid #888;
	}
	.report-scale-40
	{
        position:absolute;
        left:200px;
        border-left:1px solid #888;
	}
	.report-scale-50
	{
        position:absolute;
        left:250px;
        border-left:1px solid #888;
	}
	.report-scale-60
	{
        position:absolute;
        left:300px;
        border-left:1px solid #888;
	}
	.report-scale-70
	{
        position:absolute;
        left:350px;
        border-left:1px solid #888;
	}
	.report-scale-80
	{
        position:absolute;
        left:400px;
        border-left:1px solid #888;
	}
	.report-scale-90
	{
        position:absolute;
        left:450px;
        border-left:1px solid #888;
	}
	.report-scale-100
	{
        position:absolute;
        left:500px;
        border-left:1px solid #888;
	}

	td.entered_notick
	{
        background-image: url('/static/infrastructure/images/notick.png');
        background-repeat: no-repeat;
        cursor: pointer;
        width: 16px;
	}
	td.entered_tick
	{
        background-image: url('/static/infrastructure/images/tick.png');
        background-repeat: no-repeat;
        cursor: pointer;
        width: 16px;
	}
	th.entered_notick
	{
        background-image: url('/static/infrastructure/images/notick.png');
        background-repeat: no-repeat;
        cursor: pointer;
        padding-left: 26px !important;
	}
	th.entered_tick
	{
        background-image: url('/static/infrastructure/images/tick.png');
        background-repeat: no-repeat;
        cursor: pointer;
        padding-left: 26px !important;
	}
	span.toggleimage_16
	{
		display:block;
		width:16px;
		height:16px;
		cursor:pointer;
		background-position: top left;
		background-repeat:none;
		background-position: 0px 16px;
		margin-right: 3px;
	}
	span.toggleimage_16.on
	{
		background-position: 0px 0px;
	}
	span.complete
	{
		background-image:url('/static/infrastructure/images/tick_warning_16x32.png');
	}
	span.myob
	{
		background-image:url('/static/infrastructure/images/myob_16x32.png');
	}
	span.receipt
	{
		background-image:url('/static/infrastructure/images/tick_16x32.png');
	}
	span.tick
	{
		background-image:url('/static/infrastructure/images/tick_16x32.png');
	}
    /* for Phone list */
	tr.phone_list td
	{
	    padding: 0px 5px;
		border:0px;
		font-size: 11px;
		border:1px solid #ccc;
		vertical-align:middle;
	}
	tr.phone_list td.image
	{
	    padding: 1px;
		text-align:center
	}
	tr.phone_list td.phone
	{
	}
	tr.phone_list td.extension
	{
	    padding: 0px 2px;
		text-align:center;
	}
    thead.shaded
    {
        background-color: #ddd;
    }
    
    span.helptext
    {
    	font-size: smaller;
    	font-style: italic;
    }

    .button{
        cursor:pointer;
        color:#444;
	    text-shadow: 0px 1px 1px #FFF;     
        border-top:1px #DDD solid;
        border-left:1px #DDD solid;
        border-bottom:1px #AAA solid;
        border-right:1px #AAA solid;
        border-radius:4px;
        padding:4px 6px 8px 6px;
		background: #c2c2c2; /* Old browsers */
		background: -moz-linear-gradient(top,  #c2c2c2 0%, #bbbbbb 50%, #b1b1b1 51%, #dedede 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(50%,#bbbbbb), color-stop(51%,#b1b1b1), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c2c2c2 0%,#bbbbbb 50%,#b1b1b1 51%,#dedede 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c2c2c2 0%,#bbbbbb 50%,#b1b1b1 51%,#dedede 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c2c2c2 0%,#bbbbbb 50%,#b1b1b1 51%,#dedede 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #c2c2c2 0%,#bbbbbb 50%,#b1b1b1 51%,#dedede 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
    }
    .button:hover{
        color:#000;
        text-shadow: 0px 1px 1px #FFF;     
		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    }
    .button:active{
        color:#008;
        text-shadow: 0px 1px 1px #DDF;     
        border-top:1px #DDF solid;
        border-left:1px #DDF solid;
        border-bottom:1px #AAF solid;
        border-right:1px #AAF solid;
		background: #e2e2ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #e2e2ff 0%, #dbdbfb 50%, #d1d1f1 51%, #eeeefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2ff), color-stop(50%,#dbdbfb), color-stop(51%,#d1d1f1), color-stop(100%,#eeeefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e2e2ff 0%,#dbdbfb 50%,#d1d1f1 51%,#eeeefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e2e2ff 0%,#dbdbfb 50%,#d1d1f1 51%,#eeeefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e2e2ff 0%,#dbdbfb 50%,#d1d1f1 51%,#eeeefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e2e2ff 0%,#dbdbfb 50%,#d1d1f1 51%,#eeeefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2ff', endColorstr='#eeeefe',GradientType=0 ); /* IE6-9 */
    }
}