body{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    margin:0;
    color:#61615C;
    background-image:url(images/ishtar-bg.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}

a {
    text-decoration:none;
    color:#D14;
}

caption, h3 {
    color:#922;
    font-weight:bold;
}

h3{
    text-align:center;
    margin:1em 0 0.5em 0;
}

label{display:block}

label:first-letter {
  text-transform: uppercase;
}

textarea{
    height:80px;
}

dt{
    font-weight:bold;
    color:#922;
    padding:1em;
}

td{
    text-align:left;
}

button{
    background-color:#EEE;
    border:1px solid #AAA;
    color:#444;
}

input[type=submit], button.submit{
    background-color:#FFF;
    border:1px solid #AAA;
    color:#922;
    margin:6px;
}

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

.hidden{
    display:none;
}

div#header{
    width:100%;
    text-align:center;
    font-size: 0.9em;
    background-color: #EEE;
    border-bottom:1px solid #CCC;
    margin-bottom:10px;
}

div#logo{
    width:200px;
    top:30px;
    left:30px;
    padding-top:90px;
    position:absolute;
    text-align:center;
    background-image:url(images/ishtar-text.png);
    background-repeat:no-repeat;
}

div#context_menu{
    height:110px;
    margin-left:200px;
    margin-right:20px;
    margin-bottom:20px;
}

div#main_menu{
    width:200px;
    position:absolute;
}

div#main_menu ul{
    padding-left:0.8em;
    cursor:pointer;
    list-style:none;
}

div#main_menu a{
    color:#666;
}

div#main_menu a:hover{
    color:#D14;
}

div#main_menu .selected a{
    color:#D14;
}


div#main_menu > ul{
    color:#922;
}

div#context_menu fieldset{
    right:20px;
    position:absolute;
    width:420px;
    background-color:#EEE;
    border:2px solid #CCC;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
div#context_menu fieldset label{
    display:inline;
}

div#context_menu ul{
    margin:0;
    padding:2px;
}

div#context_menu li{
    margin: 0;
    list-style:none;
}


div#content{
    margin:0 200px;
    text-align:center;
}

ul#form_path{
    text-align:left;
    margin:10px 0;
}

ul#form_path li{
    display: inline;
    text-align: center;
    padding-left: 10px ;
    margin: 0;
    white-space:nowrap;
}

ul#form_path li.current a{
    color:#922;
}

ul#form_path button {
    text-decoration:none;
    color:#D14;
    border:none;
    background-color:white;
    font-size: 1em;
    cursor:pointer;
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}

.reminder{
    padding:0.4em;
    border:1px solid #CCC;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    text-align:center;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}

div.form {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
    padding:1em;
    display:block;
    width:740px;
    background-color: #EEE;
    border:2px solid #CCC;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    text-align:center;
}

.form table{
    padding:0.2em;
    margin-left:auto;
    margin-right:auto;
    width:600px;
}

.form table th{
    text-align:left;
    width:200px;
    font-weight:normal;
}

.form .errorlist{
    color:#922;
}

.form table .required th{
    font-weight:bold;
}

.form input[readonly=True]{
    background-color:#EEE;
    border:0;
}

.help_text{
    display:none;
    font-size:0.9em;
}

.help_text div{
    background-color:#FFF;
    margin:1em;;
    padding:0 1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid #AAA;
}

.help_text .example{
    font-style:italic;
}

.info{
    margin-left:auto;
    margin-right:auto;
    padding:1em;
    display:block;
    width:740px;
}

.info p{
    padding:0;
    margin:0.2em;
}

.autocomplete{
    width:300px;
}

.delete td{
    text-align:center;
    border-bottom:1px solid #CCC;
    padding:6px;
}

.modify td, .submit td{
    text-align:center;
}

div.form table.confirm{
    padding:0.5em 2em;
    margin-left:0;
    width:100%;
}

table.confirm tr.spacer td:last-child{
    border-bottom:1px solid #922;
}

/* jquery widget customizations */

.ui-autocomplete{
    font-size:0.7em
}

.jqgrid{
    cursor:pointer;
}

.ui-jqgrid a{
    color:red;
    text-decoration:underline;
    color:#D14;
}

.sheet{
    width:760px;
    position:fixed;
    height:90%;
    background: #FFF;
    z-index: 2000;
    left: 50%;
    margin-left: -380px;
    -webkit-box-shadow: 0px 0px 20px #444;
    -moz-box-shadow: 0px 0px 20px #444;
    text-align: left;
    display:none;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

.dashboard > div{
    width:760px;
    background: #FFF;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow: 0px 0px 20px #444;
    -moz-box-shadow: 0px 0px 20px #444;
    margin:20px;
    text-align:left;
    padding-bottom:10px;
}

.dashboard h3{
    background-color:#922;
    color:#FFF;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dashboard h4{
    font-weight:normal;
    color:#D14;
}
.dashboard h4, .dashboard p{
    margin:0;
    padding:0 10px;
}

#window .table, .dashboard .table{
    padding:10px;
    width:730px;
    overflow:auto;
}

#window table, .dashboard table{
    font-size:0.9em;
    margin:10px 0;
    border-collapse:collapse;
    width:100%;
}

#window caption, .dashboard caption{
    font-size:1.2em;
}

#window table th, .dashboard table th{
    text-align:center;
    background-color:#922;
    border:1px solid #EEE;
    color:#FFF;
}

#window table th.sub, .dashboard table th.sub, .dashboard table td.sub{
    background-color:#994242;
    border:1px solid #EEE;
    color:#FFF;
    padding:0 1em;
}

#window table th.sub, .dashboard table th.sub{
    text-align:left;
}

#window table td, .dashboard table td{
    text-align:right;
    padding:0 1em;
    border:1px solid #EEE;
}

#window table td.string, .dashboard table td.string{
    text-align:left;
}

#window table td.ref, .dashboard table td.ref{
    text-align:left;
    white-space:nowrap;
    font-family:monospace;
    font-size:9pt;
}

#window table td.no_items{
    text-align:center;
    font-style:italic;
}

#window .head{
    text-align:center;
    background-color:#EEE;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#window .tool{
    text-align:center;
    font-style:italic;
}

#window .body{
    position:absolute;
    padding:10px;
    overflow:auto;
    top:18px;
    bottom:10px;
    width:740px;
}

#window label{
    display:inline-table;
    font-weight:bold;
    width:245px;
}

#window span.value{
    display:inline-table;
    width:465px;
}

#window p{
    margin:0.3em;
}

#window p.alert{
    color:#D14;
    display:block;
    font-style:italic;
    width:670px;
    padding:1em;
    padding-left:2em;
    background-color:#EEE;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background-image:url(images/red_flag.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#window p.alert label{
    width:650px;
}

ul.selectmulti{
    list-style-type:none;
    text-align:left;
    margin-left:100px;
}

ul.selectmulti li{
    margin:6px 0;
}

td.submit_button{
    text-align:center;
}

a.add-button, a.remove{
    background-color:#FFF;
    border:2px solid #CCC;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:0 4px;
    color:#61615C;
}

a.remove{
    color:#D14;
    margin:0 6px;
}

.dashboard table{
    width:100%;
    border-collapse:yes;
}
.dashboard table th, .dashboard table td{
    border:1px solid;
}