body {margin:0;padding:0;font-size:80%;font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFF;background:#003082;text-align:left;}
h1, h2, h3, .menu, #planbar {font-family: "Arial Rounded MT Bold","Verdana", Arial;}
h1 {font-size:2em;}
h2 {font-size:1.5em;margin:0.3em;}
h3, .planheading {font-size:1.3em;margin:0.2em;}
p {margin:4px;padding:0;}
a {text-decoration:none;outline-style:none;outline-width:0;}
a:active {outline-style:none;outline-width:0;}
img a:active {outline-style:none;outline-width:0;}
img, img:hover {border:0;}
.right, #rightmenu, #rightmenu ul li, .addcomment, #appContainer, .addreason, .titleok, .titlecancel, .rivercomment a, .mswspr, .rivercomment, #sotab {float:right;}
.left, .logo, #header h1, .menu ul li, #topmenu ul li, #bcAll, .wspr, .msitem, .wsname, .prname, .rivercomment input, .msname input, .lastupdated, #river, #timewrap, #planbar, .spacer, #footer p {float:left;}
.endblock {clear:both;}
#bluebar a:active, .blueform a:hover, #footer a:hover, .mswspr a:hover, .bluelighton a, .clkbtn:hover {color:#FFF;}
.mswspr .msdate, .mswspr a, .clkbtn {color:#f5f5f5;}
.alert {color:#ee1b19;}
.blueform a, .bluelight {color:#9caac8;}
.grn {color:#8bc51e;}
#footer a, a:active {color:#85cb78;}
.changetime a, .dark, .msname .msdate, .lastupdated {color:#777;}
a:hover, #bluebar a, #planbar a {color:#5B71A3;}
#planbar .currentpage a, #planbar a:hover, strong, a {color:#09367a;}
#planbar a:hover {color:#000;}
.bluebox, .projectbox h2 {color:#FFF;background-color:#09367A;}
.blueform, .sobutton {color:#f5f5f5;background-color:#09367A;}
.project h2 a:hover, .thisproject h2 a:hover, .project h3 a:hover, .dashblock h3 a:hover {color:#edee18;background-color:#09367A;}
#footer {color:#DDD;background:#097a0d;}
#bluebar {color:#5b71a3;background:#09367a;}
.bluelighton, #bluebar a:hover {color:#fff;background:#5b71a3;background-color: rgba(91,113,163,0.4);}
.rightmenuitem, #bluebar li .currentpage {color:#F5F5F5;background:#5b71a3;}
.mswspr {color:#f5f5f5;background:#777;}
.getbutton, .blueform button, .project h2, .dashblock h2 {color:#09367a;background-color:#DDD;}
.alertbox {color:#000;background:#FAA9A8;}
.historyitem, .wspr, #milestones {color:#000;background:#f5f5f5;}
#planbar {color:#5b71a3;background:#f5f5f5;}
.menu a {color:#097a0d;background:#f5f5f5;}
#appheader, .project, .menu a:hover, .menu .currentpage a, #planbar .currentpage, .menu a:hover, .planheading {color:#09367a;background:#fff;}
#river, .msitem {color:#000;background:#FFF;}
.alt {background:#FFF;background: rgba(255,255,255,0.8);}
.g {background-color:#85cb78;}
.b {background-color:#5c98f3;}
.y {background-color:#e4e567;}
.o {background-color:#f5c478;}
.r {background-color:#f57978;}
#planbar li:hover {background-color:#FFF;}
.blueform .bluelight {visibility:hidden;}
.blueform .bluelighton {visibility:visible;}
.feedblock {position:relative;top:-26px;right:4px;float:right;height:0;overflow:visible;}
.feedblock a {float:right;display:block;}
.alertbox {border:2px solid #EE1B19;margin:0;padding:4px;}
.alertbox a {text-decoration:underline;}
#bar {width:100%;margin:0;padding:0 0 4px 0;font-weight:bold;background:#153694;}
#timewrap {padding:0;margin:0;width:100%;background:url(images/menubackground.png) no-repeat top #003082;}
#appContainer {width:100%;height:100%;padding:2px;margin:4px 8px;background:#FFF;position:relative;}
#rightmenu {width:auto;}
.spacer {width:320px;height:36px;display:block;}
.menu {padding:0 4px;margin:0;font-size:1.15em;-webkit-user-select:none;}
.menu ul {list-style:none;margin:0;padding:0;}
.menu ul li {color:#85CB78;display:inline-block;margin:4px;padding:0;}
.menu {letter-spacing:-1px;}
.menu a {display:inline-block;margin:0;white-space:nowrap;padding:0.3em 0.7em 0.4em;}
.bg {border:2px solid #DDD;background: #f5f5f5;}
#appmenu {position:absolute;bottom:0;z-index:6;width:100%;margin:0;padding:2px 10px;text-align:left;background:#edee18;color:#000;overflow:hidden;white-space:nowrap;border:1px solid #000;}
#login, #signup, #forgotpass {max-width:550px;padding:8px;margin:20px auto;}
#content {width:780px;margin:0 auto 0 auto;padding: 0 0 0 50px;text-align:left;clear:both;}
#content li {list-style-image:url(../images/backgrounds/li.gif);padding:4px 0;text-align:left;}
.logo {margin: 0 10px 0 0;padding:0;}
.introduction {line-height:28px;font-size:18px;color:#000;padding: 0 0 14px 0;}
.clearer {clear:both;}
#footer {width:100%;clear:both;text-align:center;font-size:80%;margin:0;padding:4px 0 0 0;border-top:1px solid #228822;overflow:auto;text-align:right;}
#footer p {padding:4px;}
.project, .thisproject, #planbar, #river, .dashblock, #bluebar a {width:306px;}
#sotab {background:url(images/socialoptic-tab.png) no-repeat bottom;width:138px;height:35px;display:block;margin:2px 35px 0 35px;}
.bluebox {padding:2px;}
.blueform {font-size:1.1em;border:2px solid #FFF;padding:4px;margin:20px;background:url("images/menubackground.png") no-repeat scroll center top #003082}
.blueform td {padding: 2px 8px;margin:2px 8px;}
.blueform input {width:90%;font-size:1em;padding: 4px;margin:4px;font-size:1.1em;border:2px solid #5b71a3;}
.blueform input:focus {border: 2px solid #f4f577;}
#appheader {clear:left;float:left;text-align:right;margin:0;padding:4px 0;width:100%;border-bottom:solid 2px #DDD;}
#appheader h1 {font-size:24px;font-weight:normal;margin:0 8px;padding:0;text-align:left;}
#appheader p {float:right;margin: 0;font-size: 12px;}
#content {margin: 0 auto 0.5em auto;height:auto;text-align: left;width:100%}
#bluebar, #planbar {padding:0;overflow-y:auto;margin:0;}
#bluebar {max-height:240px;font-size:14px;clear:both;}
#planbar {display:inline-block;position:absolute;top:0;border-left:2px solid;border-right:2px solid;border-bottom:2px solid;border-color:#09367A;font-size:12px;text-decoration:none;margin:0 0 0 6px;padding:0 2px;white-space:nowrap;max-height:100%;z-index:99;overflow:auto;overflow-x:hidden;overflow-y:auto;-moz-border-radius:0 0 1em 1em;-webkit-border-radius:0 0 1em 1em;border-radius:0 0 1em 1em;}
.updated {background: no-repeat left 3px;background-image:url(/images/star.png);}
#bluebar ul, #planbar ul {list-style:none;margin:0;padding:0;}
#bluebar ul li {display:inline-block;}
#bluebar a {padding:2px;margin:4px;text-decoration:none;display:block;}
#planbar a {padding:8px 16px;margin:0;text-decoration:none;overflow:auto;}
#planbar li {border-bottom:1px solid #fff;padding:4px;margin:4px;width:auto;white-space:nowrap;overflow:hidden;}
#bluebar li .currentpage, #planbar .currentpage {border:1px solid #09367A;}
#completed {clear:both;text-align:center;color:#5B71A3;font-size: 1em;padding:5px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#topmenu {height:50px;overflow:hidden;clear:both;background:#f5f5f5;padding:0;margin:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#topmenu ul {list-style: none; margin: 0;padding:4px 8px;}
#topmenu .count {padding:3px 10px 5px 5px;}
#topmenu img {margin:0;padding:0;}
#river {z-index:1;padding:2px;margin:4px 2px 4px 8px;overflow:hidden;clear:left;float:left;font-size:10px;}
#riverhead {float:left;margin:0 0 4px 0;padding:0;width:100%;}
#items {clear:both;margin:0;padding:0;width:100%;}
#itemContainer {position:relative;clear:both;margin:0;padding:0;width:100%;border-top:solid 2px #ddd;border-bottom:solid 2px #ddd;overflow:hidden;cursor:move;}
#ads {padding:8px 4px;margin:0;float:left;clear:left;}
#btnShowAll {visibility: hidden;}
#upgradeText, #btnNext, #virginText {display:none;clear:both;}
#riverShowIcon, #riverHideIcon {float:left;height:25px;width:25px;display:block;}
#riverShowIcon {display:none;background: url("images/rvrshow.gif");}
#riverHideIcon {background: url("images/rvrhide.gif");}
#riverloading {width:16px;height:16px;float:left;}
.ajaxloading {background: url("../images/riverload.gif") no-repeat center;}
#bcAll {font-size:12px;width:auto;padding:2px;clear:left;float:left;}
#riverFooter {height:36px;background:#ddd;}
#riverContents {overflow:hidden;}
#riverShowHide {width:26px;height:26px;overflow:hidden;float:left;padding:2px;margin:0;}
#riverShowHide img, #refreshTimeline img {margin:0 2px 0 0;}
#refreshTimeline {display:none;margin:2px;padding:0 2px 0 27px;height:25px;background: url("../images/riverRefresh.png") no-repeat left}
#milestones, #projects {clear:left;font-size:0.7em;width:auto;margin:0;padding:4px 8px 0 8px;}
textarea {font-size:1em;}
.date_heading, .today_heading {font-size:1.0em;text-align:left;padding:.2em 4px;clear:both;width:auto;margin:0;}
.planheading {padding:0.2em 0;min-height:2em;margin:0;clear:both;background-color: rgba(255,255,255,0.5);}
.date_heading {color:#5B71A3;border-top:1px solid #DDD;font-weight:bold;}
.today_heading {color: #FFF;background: #f57978;border-top: 2px solid #ee1b19;border-bottom:2px solid #ee1b19;}
#milestones .img {float:left;width:5%;min-width:35px;}
#milestones .name {font-size:1.3em;font-weight: bold;}
#milestones .update, #projects .update {float:right;padding: 0 0 0 9px;color: #5B71A3;}
#messageTable {height:180px;width:217px;border:1px solid #000000;font-size: 12px;margin: 10px 50px;clear:both;}
.project, .thisproject {padding: 0 0 2px 0;display:inline-block;float:left;}
.dashblock {padding:0 1px;margin: 8px 8px 8px 0;display:inline-block;float:left;background: #f5f5f5;color:#000;border:1px solid #ddd;}
.thisproject {margin:9px 8px 17px 0;border:3px solid #09367A;}
.thisproject h2 a {padding: 2px 10px;display: block;background-color:#9caac8;color:#FFF;}
.project {margin: 10px 10px 10px 0;border: 2px solid #FFF;}
.project h2, .thisproject h2, .dashblock h2 {margin:0 0 2px 0;}
.project h2, .thisproject h2, .dashblock h2, .project h2 a, .dashblock h2 a {padding:2px;display:block;}
.project input {width:98%; margin:1% 0;}
.project h3, .dashblock h3 {color: #09367a;margin:0 0 5px 0;font-size:14px;}
.project h3 a, .dashblock h3 a {display: block;padding:5px;font-weight: normal;border:3px solid #ddd;}
.project h4 {margin: 10px 5px 0 5px;padding: 5px 0; border-top: 2px solid #FFF;font-size: 1.1em;}
.people {clear:both; width:100%;margin: 0;overflow:auto;}
.people img {margin:0 2px 2px 4px;padding:2px;border:2px solid#DDD;background:#FFF;}
.person p {width:100%;overflow:hidden;}
.wheel {width:50px;height:50px;float:left;margin:0 8px 0 0;text-align:center;font-size: 9px;}
.wheel p {margin: 0;padding:0;color: #ee1b19;text-align:center;}
.workstream {color:#edee18;background:#09367a;padding:4px 4px 2px 4px;margin:0;}
.wsdescription {clear:left;width:100%;}
.det {clear:both;margin:2px 0;padding:2px;background:#F5F5F5;color:#9caac8;width:auto;}
.moremilestones {margin:0;}
.sobutton, .nobutton {margin:2px;padding:2px;display:block;text-align:center;border:solid 2px #fff;text-align:center;min-width:62px;}
.sobutton:hover {border:2px solid #09367a;color:#09367a;}
.sobutton:active {margin:4px 0 0 4px;padding:2px;border:2px solid #edee18;color:#09367a;font-weight:bold;}
.projbuttons, .copybutton {clear:both; margin:0;width:100%;}
.projbuttons ul {list-style: none;padding:0;margin:2px 0;}
.projbuttons ul li {float:left;font-size: 11px;}
.copyproject input[type="radio"] {width:20px;}
.changeblock {width:36px;float:left;margin:2px 0 2px 2px;padding:0;}
.changeblock img {margin: 2px 2px 2px;padding:0;}
.changedetails {width:254px;float:right;margin:2px 6px 2px 0;display:block;}
.changetime {display:inline;}
.changetext, .person p {padding:0 2px;margin:0;}
.changetext img {height:12px;width:12px; margin:0 2px 0 0;}
.changetext a{color:#097a0d;text-decoration:underline;}
.msitem, .wspr, .mswspr {border:2px solid #FFF;overflow:visible;}
.mstriangle {float:left;width:32px;height:36px;background:transparent;}
.trisel {display:block;height:36px;float:left;padding:0;position:absolute;top:0;left:-2px;width:100%;background:#FFF;background:rgba(255,255,255,0.5);z-index:9;}
.historyitem {width:100%;float:left;margin:4px 0;padding:2px 0;font-size:11px;border-top:2px solid #ddd;}
.historyitem .current {border-top:2px solid #777;color:#000;background:#fff;}
.msitem {margin:4px 4px 18px 1px;padding:2px;width:298px;font-size:11px;overflow:visible;position:relative;}
.rivercomment {clear:right;width:262px;padding:0;}
.rivercomment input,.msitem input {font-size:10px;vertical-align:top;margin:2px;}
.rivercomment input {width:198px;}
.msname input {width:168px;}
.commentok, .commentcancel, .titleok, .titlecancel {height:22px;width:22px;margin:0;padding:0;display:inline;}
.commentok, .titleok {background: url("../images/commentok.png") no-repeat center;}
.commentcancel, .titlecancel {background: url("../images/commentcancel.png") no-repeat center;}
.mseditblock {text-align:right;}
.msg, .msy, .mso, .msr, .msb {background-repeat:no-repeat;background-position:top left;}
.msg, .trg {background-image: url(images/g8.png);}
.msg {border:2px solid #85cb78;}
.msy, .try {background-image:url(images/y8.png);}
.msy {border:2px solid #f4f577;}
.mso, .tro {background-image:url(images/o8.png);}
.mso {border:2px solid #f5c478;}
.msr, .trr {background-image:url(images/r8.png);}
.msr {border:2px solid #f57978;}
.msb, .trb {background-image:url(images/b8.png);}
.msb {border:2px solid #5c98f3;}
.trall {background-image:url(images/all8.png);}
.trb, .trg, .tro, .try, .trr, .trall {height:36px;width:35px;display:block;float:left;}
#bcPerson, .wsname, .prname, .msdate, .lastupdated, #virginText {padding:0 2px;margin:0}
.wspr, .mswspr {font-size:9px;padding:2px;border:2px solid #fff;text-shadow:rgba(0,0,0,0.01) 0 0 0;}
.wspr {bottom:0;width:85%;left:4px;margin:2px 0 -14px 0;}
.mswspr {bottom:0;margin:2px 4px 2px 0;width:248px;}
.mswspr a:hover {text-shadow:#edee18 0 0 2px;}
.msdate {float:right;font-weight:normal;}
.msname {margin:0;padding:0;overflow:visible;}
.mstitle {width:auto;}
.mswspr .msname a {color:#FFF;text-shadow:0 2px 4px #000;font-weight:bold;display:block;}
.msitem .msname {margin:0;width:100%;color:#000;min-height:36px;position:relative;top:0;left:0;}
.msname .msdate,.msname .lastupdated {margin-top:6px;right:0;font-size:9px;overflow:visible;}
.droptab {width:100%;}
.sbuddytar, .ibuddytar, .lbuddytar {margin:0;padding:0;}
.ibuddytar {border:1px solid #ddd;height:11px;width:11px;}
.ibuddytar:hover {border:1px solid #edee18;}
.sbuddytar {height:33px;width:33px;}
.lbuddytar {height: 44px;width:44px;float:right;}
a.arrow {float:right;width:88px;height:86px;margin:0;padding:0;background:url(../images/projectarrow.gif) no-repeat 0 0;}
a.arrow:hover {background-position:0 -97px;}
.noms {font-size: 1.0em;text-align:center;padding:4px 0;}
.projectbox {border: 2px solid #000;margin:5px 5px 5px 25px;width:450px;float:left;}
.projectbox img {float:left;height:20px;width:20px;}
.projectbox h2 {margin:0px;}
.projectbox h2 a {color:#FFF;display:block;padding:2px 10px;}
.projectbox h3, .dashblock h3 {margin:0;padding:4px;}
.tos {overflow-y:auto;height:75px;font-size:0.75em;color:#5b71a3;margin:8px 0;}
.showitbutton, .hideitbutton {width:34px;height:34px;margin:0 4px;display:inline-block;float:left;}
.showitbutton {background: url("../images/plus.png") no-repeat center;}
.clkbtn {width:119px;height:26px;font-size:11px;line-height:21px;text-align:center;margin:4px;display:inline-block;background:url(images/clkbtn.gif) no-repeat bottom;}
.hideitbutton {background: url("../images/minus.png") no-repeat center;}
.rssbutton, .calbutton {width: 24px; height:24px;display:inline-block;}
.rssbutton {background: url("../images/rss20.gif") no-repeat left center;}
.calbutton {background: url("../images/ical20.gif") no-repeat left center;}
.addcomment, .addreason {width:14px;height:14px;margin:0 2px;background: url("../images/riverNoteOn.png") no-repeat left center;display:block;clear:right;}
.getbutton, .blueform button {width:98%;margin:4px 1%;padding:4px;text-align:center;border: solid 2px #fff;font-size:1.2em;}
#getbox {width:20px;}
.getbutton:hover {background:#edee18;border: solid 2px #ddd;padding:4px;}
.getbutton:active {border: solid 2px #09367a;}
.getmore {margin:4px 8px;padding: 2px;text-align:center;background:#ddd;border: solid 2px #fff;width:90%;}
.getmore:hover {background: #edee18;border: solid 2px #ddd;}
.sbuddytar, #river, #appContainer, .blueform td, .planheading, .wspr, .mswspr, .wsname a, .prname a, #thisname {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#appheader, .workstream {-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius: 4px 4px 0 0;}
.bluebox, .blueform, .blueform input, .getbutton, .menu a {-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
.sobutton, .project h3 a, .dashblock h3 a, .msitem h3, .getmore, .avatar, .lbuddytar, #bluebar a, #planbar li, #planbar a:hover {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.projectbox, .thisproject, .project, .dashblock, .bg, .getmore, .project h2, .project h2 a, .dashblock h2, .dashblock h2 a, .thisproject h2, .thisproject h2 a, .msitem {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.bg, .getmore, .wspr, .mswspr, .sobutton, #planbar, .menu a {-moz-box-shadow:0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5);box-shadow:0 2px 6px rgba(0,0,0,0.5);}
.bluebox, .projectbox, .thisproject, .project, .dashblock, .blueform, #planbar, .msitem {-moz-box-shadow:3px 3px 12px rgba(0,0,0,0.5);-webkit-box-shadow:3px 3px 12px rgba(0,0,0,0.5);box-shadow:3px 3px 12px rgba(0,0,0,0.5);}
.getbutton:hover, .getmore:hover, .menu a:hover, .clkbtn:hover {-khtml-box-shadow:#edee18 1px 1px 6px;-moz-box-shadow:#edee18 1px 1px 6px;box-shadow:#edee18 1px 1px 6px;}
#planbar a:hover {text-shadow:#edee18 0 0 12px;}
h1, h2, h3 {text-shadow: 3px 3px 12px #777;letter-spacing:-1px;}
.addcomment, .addreason, .faded {opacity:0.15;}
.bluelighton, .addcomment, .addreason, .faded, a:hover {-webkit-transition:all 0.2s linear;transition-property:all;transition-duration:0.2s;}
.historyitem {opacity:0.7;}
.ibuddytar, .sbuddytar {opacity:0.9;}
.ibuddytar:hover, .sbuddytar:hover, .historyitem.current, .addcomment:hover, .addreason:hover {opacity:1;}
.sobutton, .thisproject h2 a, .project h2 a:hover, dashblock h2 a:hover {
 background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#5b71a3), to(#09367A), color-stop(.3,#09367A));
 background:-moz-linear-gradient(top, #5b71a3, #09367A 33%,#09367A);}
 .getbutton:hover, .project h2, .dashblock h2, .historyitem {
 background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#f5f5f5), to(#ddd), color-stop(.25,#f5f5f5));
 background:-moz-linear-gradient(top, #f5f5f5, #dddddd 25%,#f5f5f5);}
.getmore:hover, .menu a, #planbar {
 background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#fff), to(#ddd), color-stop(.25,#ddd));
 background:-moz-linear-gradient(top, #fff, #ddd 25%,#ddd);}
.getmore, .getbutton, .historyitem, .sobutton:hover {
 background:-webkit-gradient(linear, 0% 1%, 0% 99%, from(#f5f5f5), to(#fff), color-stop(.75,#f5f5f5));
 background:-moz-linear-gradient(top, #f5f5f5, #fff 75%,#f5f5f5);}
.nobutton {color:#f5f5f5;background:#DDD;}
.nobutton a:hover {color:#000;background:#DDD;}
a:hover {-webkit-transition: all 0.2s linear;transition-property: all;transition-duration: 0.2s;}
a:active {-webkit-transition:all 0.2s linear;transition-property:all;transition-duration:0.2s;}
@media only screen and (max-device-width:480px) {
.dashblock, #milestones, #projects, .msitem {margin-left:0;margin-right:0;}
#planbar {margin-left:2px;margin-right:0;}
.spacer {width:312px;}
}