body       { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px;}
td         { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px;}
th         { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px;}
pre        { font-size:11px;}

p          { font-size:11px; line-height:16px; }
h3         { font-size:12px; line-height:17px;}
dt         { font-size:11px; line-height:16px; font-weight:bold; }
dd         { font-size:11px; line-height:16px; }
li         { font-size:11px; line-height:16px; }

form       { margin: 0; padding: 0; }
.textInput { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px;}
.textArea  { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px;}
.codeArea  { font-family:monospace; font-size:11px; }

body {
    margin: 0;
    padding: 0;
    background: white url("/media/images/nav_background.gif") 8px 0px repeat-y;
}
#navFrame { background: #666633; }
#help { background: white; }

#bricLogo { padding: 8px 8px 2px 8px; background: white; }
#mainContainer { position: relative; margin: 0 8px 8px 8px; }
#navContainer { position: absolute; top: 0; left: 0; width: 150px; }
#contentContainer { padding-left: 158px; }

.blueLink       { font-size:10px; color:#669999;}
.blueLinkBold   { font-size:10px; color:#669999; font-weight:bold}
.orangeLink     { font-size:10px; color:#CC6633;}
.orangeLinkBold { font-size:10px; font-weight:bold; color:#CC6633;}
.darkBlueLink   { font-size:10px; color:#006666;}
.redLink        { font-size:10px; color:#993300; font-weight:bold}
.redLinkLight   { color:#993300; }
.redLinkLarge   { font-size:11px; color:#993300; font-weight:bold}
.whiteLink      { font-size:10px; color:#ffffff; text-decoration:none}
.whiteUnderlinedLink      { font-size:10px; color:#ffffff;}
.blackLink      { font-size:10px; color:#000000; text-decoration:none}
.blackLinkBold  { font-size:10px; color:#000000; font-weight:bold}
.whiteMedUnderlinedLink { font-size:11px; color:#ffffff;}
.blackUnderlinedLink { font-size:10px; color:#006666;}
.blackMedUnderlinedLink { font-size:11px; color:#006666;}
.sideNavActiveCell   {background:#999966}
.sideNavInactiveCell {background:#cccc99}
.sideNavAdminCell    {background:#999966}
.sideNavHeader       { font-size:10px; color:#000000; text-decoration:none}
.sideNavHeaderBold   { font-size:10px; font-weight:bold; color:#000000; text-decoration:none}
.sideNavHeaderBoldWhite { font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none}

.workflowBold        { font-size:10px; font-weight:bold; color:#666633}
.workflowHeader      { font-size:10px; font-weight:bold; color:#666633}

.title       { font-size:12px;}
.header      { font-size:12px;}
.subHeader   { font-size:11px;}
.label       { font-size:10px; font-weight:bold}
.redLabel    { font-size:10px; font-weight:bold; color:red}
.burgandyLabel { font-size:10px; font-weight:bold; color:#993300}
.whiteLabel  { font-size:10px; font-weight:bold; color:white}
.description { font-size:10px; color:blue}
.errorMsg    { font-size:12px; color:red; font-weight:bold}
.radioLabel  { font-size:12px; font-weight:bold;}

.adminTab       {background:#cc6633;  font-size:12px; color:white; font-weight:bold;}
.workflowTab    {background:#006666;  font-size:12px; color:white; font-weight:bold;}
.adminSubTab    {background:#cc6633;  font-size:10px; color:white; font-weight:bold;}
.whiteTextTab   { font-size:11px; color:white; font-weight:bold;}
.workflowSubTab {background:#006666;  font-size:10px; color:white; font-weight:bold;}
.darkHeader     {background:#666633;  font-size:10px; color:white; font-weight:bold;}
.medHeader      {background:#999966;}
.lightHeader    {background:#cccc99;}
.redHeader      {background:#993300;  font-size:12px; color:white; font-weight:bold;}
.tealHeader     {background:#669999;  font-size:12px; color:white; font-weight:bold;}
.greyHeader     {background:#cccccc;}
.tealHighlight  {background:#669999;  font-size:10px; color:white; font-weight:bold;}
.aliasHeader    {background:#99Cc99; font-style:italic;}

div.debug dt {
    float: left;
    margin-right: 2px;
    padding-right: 2px;
    width: 120px;
}

div.debug dt:after {
    content: ':'; /* Insert a colon. */
}

/* Desk item styling. */
#desk {
    position: relative;
    width: 580px;
    font-size: 11px;
    line-height: 11px;
}

.desk_item {
    padding-bottom: 8px;
    clear: left;
}

.desk_item a { 
    text-decoration: none;
    color: #006666;
    background-color: transparent;
}

.desk_item a:hover {
    text-decoration:underline;
}

.desk_item a.ref:link,
.desk_item a.ref:visited {
    color: #006666;
    background-color: transparent;
}

.desk_item .head {
    position: relative;
    margin: 0px;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
}

.desk_item .head .idv,
.desk_item .head .idvsorted,
.desk_item .head .idvalias {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 97px;
    color: black;
    border-right: solid white 1px;
    padding-left: 3px;
}
.desk_item .head .idv { background:#cccc99; }
.desk_item .head .idvsorted { background:#669999; }
.desk_item .head .idvalias { background:#99cc99; }

.desk_item .head .title,
.desk_item .head .titlealias, 
.desk_item .head .titlesorted {
    position: relative;
    display: block;
    left: 101px;
    top: 0px;
    width: 456px;
    color: black;
    font-size: 11px;
    padding-left: 3px;
}
.desk_item .head .title { background:#cccc99; }
.desk_item .head .titlealias { background:#99cc99; }
.desk_item .head .titlesorted { background:#669999; color: white; }


.desk_item .head .need,
.desk_item .head .pub,
.desk_item .head .none,
.desk_item .head .aliasnone,
.desk_item .head .nonesorted {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 20px;
    text-align: center;
    color: white;
}
.desk_item .head .need { background: #993300; }
.desk_item .head .pub { background: #999934; }
.desk_item .head .none { background:#cccc99; }
.desk_item .head .aliasnone { background:#99cc99; }
.desk_item .head .nonesorted { background:#669999; }

.desk_item .head .sorted a {
    color: white;
    background:#669999;
}

.desk_item .body {
    border-right: solid #999966 1px;
    border-bottom: solid #999966 1px;
    margin: 0px;
}

.desk_item .body p, dl {
    margin: 0px;
    padding: 0px;
}

.desk_item .body input {
    margin: 0px;
}

.desk_item .body label {
    padding-left: 3px;
}

.desk_item .body p {
    border-top: solid white 1px;
    line-height: 20px;
}

.desk_item .body select {
    line-height: 20px;
}

.desk_item .body .mover {
    margin: 20px 0 21px 0;
    height: 22px;
}

.desk_item .body ul.actions {
    margin: 0;
    border-top: solid white 1px;
}

.desk_item .body ul.actions li {
    display: inline;
    line-height: 20px;
    padding: 0 4px 0 0;
}

.desk_item .body dl {
    float: left;
    border-right: solid #999966 1px;
    width: 360px;
    margin-right: 3px;
}

.desk_item .body dt, dd {
    line-height: 20px;
    border-top: solid white 1px;
}

.desk_item .body dt {
    font-weight: normal;
    color: black;
    background:#999966;
    float: left;
    width: 97px;
    text-align: right;
    padding-right: 3px;
    margin-right: 2px; /* Make three if we can't get the 1px to work in dd. */
    border-right: solid white 1px;
}

.desk_item .body dd {
    margin-left: 101px;
    padding: 0 0 0 1px;
}

.desk_item .body dt:after {
    content: ':'; /* Insert a colon. */
}

.desk_item .sorted {
    color: white;
    background:#669999;
    font-weight: bold;
}
