/* Default CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font-family: Verdana;}
root {display: block;}
body {color: #fff;background-color: tan;}
a {color: #9BBCD0;font-weight: bold;text-decoration: none;}
a:hover {color: #fff;}
h1 {font-size: 20px;}
h1 a {color: #fff;text-decoration: none;}
h2 {font-size: 30px;color: #d09c49;}
li {list-style-type: none;}
div#content {}
div.banner {}
div.banner img {width: 100%;}
div.banner p {margin: 10px;font-size: 16px;}
div.loginpage {margin: 0 auto;height: 100%;background-color: #377aa0;}
div.loginbox {max-width: 20%;margin: 0 auto;padding: 25px;background-color: #265570;}
div.loginbox input {border: 0px;padding: 3px;}
div.loginbox input[type="submit"] {background-color: #377aa0;padding: 3px 30px;font-size: 24px;color: #fff;text-transform: lowercase;font-weight: bold;}
td {padding: 5px;}
p.tagline {display: none;}
div.projmenu {float: left;width: 95%;margin-top: 5px;margin-left: 5px;}
div.appmenu {font-size: 14px;float: left;width: 98%;margin: 3px;}
div.appmenu#status {padding: 4px;background-color: #265570;}
div.appmenu#status img {margin-right: 6px;margin-bottom: 4px;max-width: 48px;}
div.appmenu#categories {width: 100%;}
p.appmenu-item {float: left;margin-right: 30px;}
div.newbutton {background-color: #9BBCD0;padding: 10px;margin: 3px;float: left;width: 45%;text-align: center;}
div.newbutton a {color: #265570;font-size: 18px;}
div.search {float: left;margin-left: 0px;}
div.search input#searchbutton {background-color: #265570;border: 2px solid #265570;color: #9BBCD0;font-weight: bold;font-family: Verdana;margin-left: 5px;}
div.search input#searchbox {background-color: #265570;border: 2px solid #9BBCD0;color: #fff;}
div.sortby {float: left;padding: 5px;width: 100%;height: 20px;margin-left: 5px;margin-bottom: 3px;margin-top: 10px;background-color: #265570;color: #fff;}
div.projview {float: left; width: 95%;}
p.other {float: left;}
p.sortby {text-align: right;}
div.desc {margin-top: 8px;margin-bottom: 8px;margin-left: 10px;width: 95%;float: left;}
div.project {float: left;padding: 5px;width: 93%;height: 27px;margin-left: 5px;margin-bottom: 3px;background-color: #9BBCD0;}
div.projectbig {float: left;padding: 5px;width: 30%;height: 225px;margin-left: 10px;margin-bottom: 3px;background-color: #265570;display: inline-block;}
div.projectbig img {height: 200px;float: right;margin: 10px;border: 5px solid #79551d;}
div.projectbig img#instock {border: 5px solid #d09c49;}
div.projectbig p {font-size: 12px;background-color: #79551d;color: #fff;padding: 5px;}
div.projectpage {float: left;padding: 5px;width: 95%;display: inline-block;margin-left: 3px;margin-bottom: 3px;background-color: #265570;}
div.projectpage p {float: left;}
div.projectpage img {width: 95%;margin-top: -90px;}
div.projdetails {margin-left: 10px;color: #fff;float: left;width: 100%;}
div.projdetails a:hover {color: #fff;}
p.dispdate {font-weight: bold;font-size: 18px;}
div.projedit {padding-left: 20px;background-color: #377aa0;}
div.projedit input#submitbutton {background-color: #9BBCD0;border: 2px solid #9BBCD0;color: #265570;font-weight: bold;font-family: Verdana;}
div.projedit #textbox {background-color: #265570;border: 2px solid #265570;color: #9BBCD0;}
div.thumb {float: left;width: 25px;height: 25px;display: inline-block;margin-left: -2px;margin-top: -2px;margin-right: 5px;border: 3px solid #265570;}
div.thumb img {width: 25px;height: 25px;}
div.title {font-size: 22px;font-weight: bold;color: #377aa0;}
div.title#page {font-size: 28px;color: #fff;float: left;position: relative;z-index: 10;background-color: #377aa0;padding: 10px;margin-top: 20px;margin-left: 10px;}
div.title a {color: #fff;}
div.tagbucket {width: 100%;float: left;margin-left: 7px;}
div.tagbucket#photos {margin-top: 2px;position: relative;z-index: 10;}
div.tags {display: none;}
div.tags#reverse {color: #79551d;background-color: #d09c49;}
div.tagsin {float: left;background-color: #377aa0;padding: 3px;font-size: 14px;font-weight: bold;margin-left: 3px;margin-top: 3px;text-transform: uppercase;}
div.priority {float: right;padding: 4px;font-size: 20px;font-weight: bold;margin-right: 0px;margin-top: 3px;}
div.priority a {color: #fff;}
#p4 {background-color: #05b4fe;}
#p3 {background-color: gold;}
#p2 {background-color: #f60;}
#p1 {background-color: red;}
div.buttons {float:right;margin-top: -33px;font-weight: bold;text-align: center;}
div.editbuttons {display: none;}
div.editbutton {height: 22px;width: 26px;margin-bottom: 4px;}
div.editbutton#remove {color: red;background-color: red;}
div.editbutton#edit {color: #f60;background-color: #f60;}
div.storelink {font-size: 12px;color: #79551d;background-color: #d09c49;padding: 5px;}
div.storelink a {color: #79551d;}
div.arrowblock {float: right;display: none;}
div.workflow {float: left;width: 100%;margin-bottom: 25px;}
div.workflow img {float: left;margin-right: 8px;max-width: 35px;}
div.workflow img#wfACTIVE {border: solid 3px #fff;}
div.workflow img#wfNOTactive {border: solid 3px #377aa0;}
div.arrows {display: none;}
.arrowup,
.arrowdown,
.arrowright,
.arrowleft {border-style: dashed;border-color: transparent;border-width: 0.53em;display: -moz-inline-box;display: inline-block;font-size: 32px;height: 0;line-height: 0;position: relative;vertical-align: middle;width: 0;}
.arrowup {border-bottom-width: 1em;border-bottom-style: solid;border-bottom-color: #fff;bottom: 0.25em;left: 3px;}
.arrowdown {border-top-width: 1em;border-top-style: solid;border-top-color: #fff;top: 0.25em;right: 7px;}
.arrowright {border-left-width: 1em;border-left-style: solid;border-left-color: #fff;font-size: 20px;margin-top: 10px;float: left;margin-right: -17px;margin-left: -12px;}
.arrowleft {border-right-width: 1em;border-right-style: solid;border-right-color: #fff;right: 0.25em;}

/* PUBLIC values */
div.banner#public {width: 99%;text-align: center;padding-top: 10px;padding-bottom: 10px;}
div.banner#public img {width: 350px;}
div.project#public {width: 220px;height: 150px;padding: 0px;background: none;overflow: hidden;margin-bottom: 10px;}
div.thumb#public {width: 100%;height: 150px;border: none;overflow: hidden;}
div.thumb#public img {width: 100%;height: auto;}

/* DESKTOP values */
@media only screen and (min-width: 600px) {
    div.banner {width: 350px;float: left;margin: 7px 0px 5px 5px;}
    div.banner img {width: 100%;}
    p.tagline {font-weight: bold;font-style: italic;margin-left: 10px;color: #fff;display: inline;}
    div.projmenu {width: 250px;}
    div.newbutton {width: 304px;}
    div.newbutton a {font-size: 24px;}
    div.appmenu {width: 316px;}
    div.appmenu#status {font-size: 34px;}
    div.appmenu#status img {max-width: 73px;}
    div.projview {width: 80%;}
    div.project {width: 95%;height: 52px;}
    div.projectpage img {float: left;width: initial;z-index: 1;position: relative;margin-top: -100px;}
    div.projdetails {width: 50%;}
    div.search {margin-left: 20px;}
    div.thumb {width: 50px;height: 50px;}
    div.thumb img {width: 50px;height: 50px;}
    div.title#page {font-size: 36px;}
    div.active {display: inherit;float: left;padding: 3px;font-size: 14px;font-weight: bold;margin-left: 3px;margin-top: 3px;text-transform: uppercase;}
    div.tags {display: inherit;float: left;background-color: #265570;padding: 3px;font-size: 14px;font-weight: bold;margin-left: 3px;margin-top: 3px;text-transform: uppercase;color: #fff;}
    div.arrowblock {display: inherit;}
    div.arrows {display: inherit;float: left;margin-right: 10px;}
    .arrowright {font-size: 30px;margin-top: 12px;margin-left: -8px;margin-right: -25px;}
    div.workflow img {margin-right: 6px;max-width: 50px;}
    div.buttons {margin-top: -24px;}
    div.priority {padding: 6px;font-size: 30px;margin-right: 5px;margin-top: 0px;}
    div.editbuttons {float: right;display: inherit;}
    div.sortby {width: 95%;margin-left: 10px;}
}