









* {
margin:             0;
padding:            0;
}
body {
min-height:         101%;
font-size:          100.01%;
color:              black;
background:         white;
text-align:         left;
font-family:        sans-serif;
}
option {
padding-left:       0.4em
}
li, dd {
margin-left:        1.5em;
}
fieldset, img {
border:             0;
}
select, input, textarea {
font-size:          99%
}
input.checkbox {
margin:             0;
padding:            0;
height:             13px;
width:              13px;
vertical-align:     bottom;
position:           relative;
top:                -1px;
}


.bar {
overflow:           hidden;                 
zoom:               1;                      
}

.left, .left_fix {
float:              left;
display:            inline;
}
.right, .right_fix {
float:              right;
display:            inline;
}
.rest {
overflow:           hidden;
zoom:               1;                      
}

* html .left_fix {
margin-right:       -3px;
}
* html .right_fix {
margin-left:       -3px;
}



* {
font-family:        verdana, arial, sans-serif;
font-size:          10pt;
}
body {
background-color:   white;
}
a {
text-decoration:    none;
color:              #3B5897;
}
a:hover {
text-decoration:    underline;
}
p, h1 {
margin-bottom:      1em;
}
h1 {
text-transform:     uppercase;
}
th, td {
text-align:         left;
vertical-align:     top;
white-space:        nowrap;
}
td.wrap {
white-space:        normal;
}


#titlebar {
background-color:   #3B5897;
color:              white;
}
#titlebar .box {
padding:            7px 10px;
}
#titlebar .left {
font-weight:        bold;
text-transform:     uppercase;
}
#titlebar a {
color:              white;
}
#titlebar form.box {
padding:            2px;
}
#titlebar form.box input {
height:             26px;
padding:            0;
border:             1px solid #CCC;
background-color:   #3B5897;
color:              white;
padding:            0 2px 2px 2px;
}
#titlebar form.box input:hover {
background-color:   #7E97CD;
color:              white;
}


#menu {
background-color:   #CCC;
color:              black;
text-transform:     lowercase;
padding:            0 5px;
}
#menu .box {
padding:            2px 5px;
}
#menu a.box {
text-decoration:    none;
color:              #3B5897;
}
#menu a.box:hover {
color:              white;
background-color:   #7E97CD;
}


#workspace {
padding:            10px;
}


#workspace form {
margin-bottom:      20px;
border:             1px solid #7E97CD;

}
#workspace form .title {
padding:            2px 5px;
background-color:   #7E97CD;
color:              white;
font-weight:        bold;
}
#workspace form .body {
padding:            5px;
background-color:   #EEE;
}
#workspace form .error {
margin:             5px;
padding:            2px;
background-color:   red;
color:              white;
text-transform:     uppercase;
font-weight:        bold;
}
#workspace form .field {
margin:             5px;
}
#workspace form .field input {
display:            inline;
}
#workspace form .field .error {
display:            inline;
padding:            1px 2px;
border:             1px solid white;
background-color:   red;
color:              white;
text-transform:     none;
font-weight:        bold;
}
#workspace form .str input {
border:             1px solid gray;
height:             18px;
}
#workspace form .pwd input {
border:             1px solid gray;
height:             18px;
}
#workspace form .date input {
border:             1px solid gray;
height:             18px;
}
#workspace form .enddate input {
border:             1px solid gray;
height:             18px;
}
#workspace form .xdate input {
border:             1px solid gray;
height:             18px;
}
#workspace form .xenddate input {
border:             1px solid gray;
height:             18px;
}
#workspace form .upload input {
border:             1px solid gray;
height:             18px;
}
#workspace form .select select {
border:             1px solid gray;
}
#workspace form textarea {
border:             1px solid gray;
}
#workspace form .submit, #workspace form .button {
display:            inline;
}
#workspace form .submit input, #workspace form .button input {
margin:             5px 0;
height:             1.7em;
text-transform:     uppercase;
padding:            0 5px;
}
#workspace form .submit input:hover, #workspace form .button input:hover {
background-color:   #7E97CD;
}


#workspace form .body .bar .field {
display:            inline;
float:              left;
}
#workspace form .body .bar .submit {
float:              right;
}
#workspace form .body .bar input, #workspace form .body .bar select {
display:            block;
}
#workspace form .body .bar .error {
position:           absolute;
margin:             0;
}
#workspace form .body .bar .submit input {
margin:             1.1em 0 10px 0;
padding:            0 0 3px 0;
}


#workspace table {
border:             1px solid #7E97CD;
border-collapse:    collapse;
width:              100%;
}
#workspace table thead th {
padding:            2px 20px 2px 5px;           
background-color:   #7E97CD;
color:              white;
font-weight:        normal;
}
#workspace table tbody td {
padding:            2px 5px;
}
#workspace table tbody a:hover {
text-decoration:    none;
background-color:   #7E97CD;
color:              white;
}
#workspace table tbody tr.disabled {
background-color:   #EEE;
color:              #888;
}




object {
display:             block;
}


div.need_js {
display:            none;
}
div.hover {
color:              white;
background-color:   #7E97CD;
cursor:             pointer;
}
div.hidden {
display:            none;
}


div.togglebox {
border:             1px solid gray;
background-color:   #CCC;
}
div.togglebox .box {
padding-left:       20px;
}


tr.spacer {
border-bottom:		1px solid #3B5897;;
}
th.nopreview, td.nopreview {
display:            none;
}
td.preview {
background-image:   url(/img/preview.gif);
background-repeat:  no-repeat;
background-position:center;
}
td.hover {
background-color:   #7E97CD;
cursor:             pointer;
}


#wrap_controls {
}
#wrap_controls textarea {
width:              439px;
border:             1px solid black;
font-family:        monospace;
}
#wrap_controls img {
margin:             1px 0 0 0;
padding:            4px;
}
#wrap_controls img.hover {
padding:            3px;
border:             1px solid #3B5897;;
}
#wrap_controls input {
border:             1px solid black;
margin:             2px 20px 4px 0;
vertical-align:     top;
height:             16px;
}


form .bool input {
position:           relative;
top:                2px;
margin:             0 5px 0 0;
}
#description {
font-weight:        bold;
}
#workspace form #remark textarea {
height:             2.5em;
width:              439px;
}
#workspace form .upload input {
width:              440px;
}
#last_update {
font-style:         italic;
}
div#row_edit {

}
div#approve {
display:            inline;
}
div#approve  .label {
display:            inline;
}


#row_edit {
position:           relative;
}
#fsm_tool {
position:           absolute;
left:               480px;
top:                14px;
}
#fsm_tool img.grey      { border: 4px solid grey }
#fsm_tool img.green     { border: 4px solid green }
#fsm_tool img.yellow    { border: 4px solid yellow }
#fsm_tool img.magenta   { border: 4px solid magenta }
#fsm_tool img.red       { border: 4px solid red }
#fsm_search {
border:             1px solid black;
margin:             0 0 1em 0;
width:              418px;
}
#fsm_cats {
border:             1px solid black;
}
#fsm_list table {
border:             0px;
}
#fsm_list tr.green     { background-color: #8F8 }
#fsm_list tr.yellow    { background-color: #FF8 }
#fsm_list tr.red       { background-color: #F88 }
#fsm_list img.grey      { border: 4px solid grey }
#fsm_list img.green     { border: 4px solid green }
#fsm_list img.yellow    { border: 4px solid yellow }
#fsm_list img.magenta   { border: 4px solid magenta }
#fsm_list img.red       { border: 4px solid red }

