html, body {
    margin: 0; padding: 0;
    font: normal 8pt "DejaVu Sans", "Tahoma";    
    height: 100%;
}

#django_log {
    margin-top: 10px;
}

#django_log select {
    width: 140px;
    padding: 0;
}

#django_log fieldset label {
    width: 200px;
    margin: 0px;
    padding-left: 0px!important;
}

#django_log label.first {
    width: 165px;
}

a:link, a:hover, a:active, a:visited {
    text-decoration: none;
    font: normal 8pt "DejaVu Sans", "Tahoma";
}

/* Collapsible tree menu */

li.collapsible span {
	color: #000099;
	cursor: pointer;
}

li.collapsible span:hover {
	color: black;
}

.error {
    font-weight: bold;
    text-align: center;
}

.error ul.errorlist {
    text-align: normal;
    padding: 0;
    margin: 0;
}

ul.errorlist {
    list-style-type: none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 3px;
    font-weight: bold;
    color: red;
}

/* Header */

#header h1 {
    background: url("/static/img/lp_banner.jpg") no-repeat;
    margin: 0;
    padding: 0;
    height: 200px;
}

#header h1 span {
    display: none;
}

#header p {
    margin-bottom: 5px;
}

#header #welcome {
    padding-left: 20px;
	float: left;
}

#header #logout {
	float: right;
	padding-right: 20px;
}

/* Content */

#content {
    position: relative;
    min-height: 100%;
}

#sidebar {
	margin-right: 0px;
}

#main {
	border-left: 1px dashed #ccc;
	padding-left: 9px;
	padding-top: 20px;
	min-height: 421px;
}
#main-404 {
	padding-top: 20px;
	min-height: 200px;
}

* html #content
{
    height: 100%;
}

.notice ul {
    margin-left: 5em;
}

/* Footer */

#footer {
    margin: 0 auto 0 auto;
    padding-top: 10px;
    text-align: center;
    position: relative;
}

/* Sidebar */
#sidebar {
	min-height: 200px;
}

#sidebar ul {
    list-style-type: square;
    line-height: 2em;

}
#sidebar li ul, #sidebar li ol {
    margin: 0pt 1em;
}
#sidebar .hint {
	color: red;
}

/* Forms */

form {
    padding-top: 6px;
    padding-bottom: 6px;
}

.row {
    margin-bottom: 6px;
    min-height:15px;
}

input, textarea, select, button, .button {
    margin: 0;
    padding: 2px;

    border: 1px solid #ccc;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;

    color: black;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    font: normal 8pt "DejaVu Sans", "Tahoma";
    
	white-space: nowrap;
}



.row span {
/*	display: inline-block;
	display: -moz-inline-stack;*/
	display: inline;
/*	float: left; */
	height: 15px;
	vertical-align: baseline!important;
	padding-top: 2px;
	padding-bottom: 1px;
}

.row div {
	padding-top: 2px;
	padding-bottom: 1px;
}

input[type=button], input[type=submit], button {
	cursor: pointer;
}

/** Buttons **/
button, .button { 
    float: left;
    display: block;
    margin: 0 5px 0 0;

    padding: 4px 7px 4px 7px; /* Firefox Links */

	font-size: 100%;
    line-height: 130%;
	color:#333333;
	background-color: #efefef; 
}
button:focus, button:hover, .button:hover {
	background-color:#dff4ff;
	/*border-color: #c2e1ef*/
}
button[type] {
    padding: 3px 4px; /* Firefox Buttons */
}
*:first-child+html button[type] {
    padding: 2px 3px; /* IE7 Buttons */
}
* html .button {
    padding: 6px 5px 5px 7px; /* IE6 Links */
}
*:first-child+html .button {
    padding: 3px 7px 4px 7px; /* IE7 Links */
    margin-left: 5px;
}
button.inline, .button.inline {
/*	display: inline-block; */
	display: inline;
	float: none;
	padding: 2px 3px; /* Inline Buttons */
	line-height: 100%;
}
.button.inline {
	padding: 4px!important; /* Inline Links */
}
button.inline {
	margin-top: 1px;
}
td button, td .button { /* Button inside a table */
	margin: 0!important;
}

.label, label {
    display: block;
    width: 150px;
    float: left;
    padding: 2px 0 2px 0;
    text-align: right;
    margin-right: 15px;
}

.help-label {
   
    margin: 2px 2px 2px 0px;
    width: 150px;
	text-align: right;
    font-size: 0.9em;
}

label { height: 15px; }

input { width: 177px; }
textarea { width: 300px; height: 100px; }
select { width: 184px; }

input:focus, textarea:focus, select:focus {
    border-color: #abcdef;
}

select[multiple=multiple] {
	width: 180px;
	height: 80px;
}

input[type=checkbox] { width: 15px; }

.row.last {
    margin-left: 165px;
    min-height: 25px;
    vertical-align: baseline;
} 

p.help-text {
    font-size: 0.9em;
    margin: 2px 2px 2px 165px;
}

/* Table */
table {
	border-collapse: collapse;
}
thead th, thead tr {
	background: #3465a4;
	vertical-align:middle;
	font-weight: normal;
}

thead th a{
	color: #fff;
	font-size:1em;
	
}
th.header { 
    background-image: url("/static/img/updown.gif");
    cursor: pointer;
    background-repeat: no-repeat; 

    background-position: center right; 
    margin-left: -1px;
    padding-right: 17px;
}
th.headerSortUp { 
    font-weight: bold;
    background-image: url("/static/img/asc.gif");    
    background-color: #3399FF; 
}
th.headerSortDown { 
    font-weight: bold;
    background-image: url("/static/img/desc.gif");    
    background-color: #3399FF; 
}
th, td {
	border-right: 1px dashed #ccc;
} 
td { 
	padding: 4px 5px;
	border-bottom: 1px solid #ccc; 
	border-right: 1px dashed #ccc;
	vertical-align: middle;
	min-width: 65px;
}
td.sorted {
	background-colorr: #ddd;
}
td.actions {
	border-right: none;
	padding-left: 5px;
	padding-right: 0;

	min-width: 30px; /* Smallest possible (Edit) */
	max-width: 71px; /* Largest possible (Download) */
}
* html td.actions {
	width: 30px; /* Min Width for IE */	
}
td.actions .button {
	display: -moz-inline-block;
	display: inline-block;
	float: none;
}
td.actions.last {
	padding-right: 5px!important;
}
th {
	padding: 5px 5px;
}

/* Util */
.floatleft{ float:left }
.floatright{ float:right }

/* Task */
#task-toolbar {
	margin-bottom: 4px;
}
#task-date {
	width: 120px;
	margin-left: 670px;
}
#task-date a, #task-date input{
	margin-right:4px;
}
#task-list td {
    vertical-align: top;
}

/* Task urgency levels */
.d15m td {
	background-color: #ffbf00!important;
} 

.d30m td {
	background-color: #34e3ac!important;
}

.due td {
	background-color: #348ee3!important;
}

.inactive td {
	background-color: #DDDDDD!important;
}

.task {

}



#task-create table{
	width:80%;
}

#task-create ul{
	list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#date-due{
	margin:0pt 0pt 1.5em;
}

#date-due input{
	width:100px;
}

#date-due .time{
	margin:5px 0px 0px 125px;
}

#date-due .button{
	width:70px;
}

#task-create-submit{
	margin-left:125px;
}

.upload, .left-pad{
	margin:5px 0px 0px 125px;
}

.upload input{
	width: 100px;
}

.title {
	font-size:1.3em;
}

.back-nav{
	position:relative;
	top:60px;
}

/** Datepicker **/
.ui-datepicker-trigger {
	position: relative;
    top: 4px;
	left: 2px;
    margin: 0 2px;
}
#ui-datepicker-div, .ui-datepicker-inline {
	font: normal 8pt "DejaVu Sans", "Tahoma";
	border: 1px solid black;
	margin-bottom: 0;
	position: relative;
	padding-top: 27px;
	background-color: white;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	color: black;	
}
#ui-datepicker-div thead a, .ui-datepicker-inline thead a {
	color: white;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-header select {
	position: absolute;
	top: 5px;	
}
.ui-datepicker-header select {
	top: 3px;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
	background-color: white;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker-next {
	left: 177px;
}
.ui-datepicker-prev a, .ui-datepicker-next a,
.ui-datepicker-prev label, .ui-datepicker-next label {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999999px;
	text-align: left;
}
.ui-datepicker-prev a, .ui-datepicker-prev label {
	background: transparent url(/static/img/back.png) no-repeat;
}
.ui-datepicker-next a, .ui-datepicker-next label {
	background: transparent url(/static/img/next.png) no-repeat;
}
.ui-datepicker-header .ui-datepicker-new-month {
	left: 20px;
	width: 90px;
}
.ui-datepicker-header .ui-datepicker-new-year {
	left: 115px;
	width: 60px;
}
table.ui-datepicker {
	width: 195px;
	margin-bottom: 0;
}
table.ui-datepicker td {
	border: none;
	cursor: pointer;
}
.ui-datepicker-today {
	font-weight: bold;
}
.ui-datepicker td {
	min-width: 0!important;
}
.ui-datepicker td a {
	text-decoration: none;
}
.ui-datepicker-days-cell, .ui-datepicker-week-end-cell {
	text-align: right;
}
.ui-datepicker-days-cell-over {
	background-color:#dff4ff;
}
/** Paginator **/

ul.paginator {
    list-style-type: None;
}

ul.paginator li {
    display: inline;
}