/**** Instances ****/

/*
 * block bg colour:    #aa0000
 * block bg highlight: #1c9aa6
 * block fg colour:    #ffe
 * block fg highlight: #ff0
 * block fg bold:      #b00
 * border colour:      #3cbac6
 * border secondary:   #def
 * link colour:        #c11
 * link hover:         #39b
 * highlighted link:   #c00
 * highlighted hover:  #a00
 * label:              #a00
 * form border/button  #800
 * main text colour    #555
 */

html { background-color:#fff }
body { background-color:#fff; color:#555; font-family:helvetica,arial,san-serif; font-size:11px; line-height:18px; padding:0px; margin:0px }

p { margin:0px; padding:2px 0px 5px 0px }

th, td { vertical-align:top; font-size:11px }

a { color:#c11 }
a:hover { color:#39b }
a:active, a:focus { outline: none; }

a img { border:0px }

h1 { font-size:13px; margin:0px; padding:2px 0px 4px 0px }
h2 { font-size:11px; margin:0px; padding:2px 0px 4px 0px }
h3 { font-size:11px; margin:0px; padding:2px 0px 4px 0px }

.clear { clear:both }

.hidden { display: none }
.layout { margin:0px auto; padding:0px; width: 980px }
#main .layout { overflow:auto }

#head   { background-color:#fff; border-bottom:1px solid #666; color:#666; min-width: 850px; padding:10px 0px; overflow:hidden }
#head h1 { text-transform:uppercase; line-height:40px }
#head .title { float:right; padding:5px 0px 5px 0px; clear:right }
#head .layout .in { padding:0px 15px }

#foot   { padding:20px 0px }
#foot   { border-top:1px solid #666; min-width: 850px; }
#foot .title { float:right; padding:0px 0px }
#foot p { padding:0px 0px }
#foot a { color:#333 }
#main   { padding:10px 0px; background-color:#eee; overflow: hidden; min-height:400px; min-width: 850px; clear:both }
#menus  { display:block; z-index:99; height:30px; background-color:#666; border-bottom:1px solid #000 }
#menus {
  -moz-box-shadow:    0px 5px 5px #666;
  -webkit-box-shadow: 0px 5px 5px #666;
  box-shadow:         0px 5px 5px #666;
}
#menus .language {
  float:right;
  padding-top:3px;
}

#fixed { position:fixed; width:100%; z-index:100; }
* html #fixed { position:absolute }
#top   { height:67px }


#user-head {
  background-color:#fff;
  color:#333;
  padding:5px 5px;
  overflow:hidden;
  width:100%;
}

#user-head a {
  color:#000;
}

#user-head #user-user {
  float:left;
  padding-left:0px;
}

#user-head #user-guide {
  float:right;
  padding-left:5px;
}

#user-head #user-support {
  float:right;
}

#user-head #i18nSelect {
  padding:5px 0px 2px 0px;
  text-align:center;
  float:right;
  display:inline-block;
}

#login  { width:300px; margin:30px auto; background-color:#ddd; border:1px solid #bbb }
#login {
  border:1px solid #bbb;
  background-color:#ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:20px;
}

#login h1 { color:#444; text-align:center; padding:10px; margin:0px; text-transform:uppercase }
#login fieldset div.field { padding-left:110px; border-bottom:0; }
#login fieldset div.field label { color:#444; width:100px; margin-left:-110px }
fieldset#login  fieldset { border:0px; background:none; margin:0px }
#login p.loginHelper { color:#333; padding:10px 0px 0px 0px; }
#login p.error { color:#a33 }

.saml-login-box {
  padding:10px;
  margin:10px;
}

.saml-login-button {
  display:block;
  padding:10px 10px;
  vertical-align: middle;
  text-align:center;
  background-color:#888;
  color:#fff;
  font-size:1.1em;
}

.saml-login-button:active, .saml-login-button:hover {
  color:#fff;
}

.saml-login-button img {
  margin-right:15px;
  vertical-align: middle;
}

#i18nSelect { padding:5px 0px; float:right }

fieldset           { background-color:#fff; border:1px solid #999; padding:5px 10px 10px 10px; margin:0px 0px 25px 0px }
fieldset.featured  { background-color:#d88; color:#fff }
fieldset.featured a  { color:#fff }
fieldset legend    { color:#b00; font-weight:bold; font-size:13px; text-transform:uppercase }
fieldset.questionnaire-section legend    { text-transform:none; font-size: 20px; font-weight: bolder}
fieldset legend a  { color:#69b; font-weight:normal; text-transform:lowercase; font-size:11px }
fieldset legend a:hover { color:#369 }
fieldset fieldset  { border:1px solid #ccc; padding:10px; margin:5px 0px 15px 0px }
fieldset fieldset.featured  { background-color:#fed; color:#fff }
fieldset fieldset legend { font-size:12px; color:#888 }

fieldset div.field { overflow:hidden; padding:2px 5px; margin-bottom:1px; padding-left:160px; vertical-align:top; line-height:22px }
fieldset div.field label { color:#a00; margin:0px 10px; padding-top:0px; vertical-align:bottom; float:left; width:150px; margin-left:-160px; text-align:right; font-weight:bold }
fieldset div.field label.inline-label { float: none; margin: 0 0 0 2px; color: #555; font-weight: normal; vertical-align: middle;}
fieldset div.field.questionnaire-question label {width: auto; text-align: left; text-transform: none;}
fieldset div.questionnaire-question-answer textarea {width: 100%; padding-right:0;}
fieldset div.questionnaire-question-answer-error {margin-top: 10px; margin-bottom: 10px;}
fieldset div.questionnaire-question-hr {margin-top: 10px; margin-bottom: 10px;}
fieldset.stacked div.field.long { clear:both; width:700px }
fieldset div.field.long { clear:both; width:700px }

fieldset div.field.checkboxes div.checkbox {
  display: inline-block;
  float: left;
  width: 160px;
}

fieldset div.field.checkboxes label {
  color: #555;
  float: none;
  margin: 0;
  text-align: left;
  text-transform:capitalize;
  font-weight:normal;
}

fieldset div.extra         { float:right; border:1px solid #fbb; margin:5px; padding:5px }

fieldset.infoldertabs { background-color: #fff; border: 1px solid #f2f2f2; padding: 15px;}
legend.infoldertabs { color: #043144; font-weight: bold; font-size: 13px; text-transform: uppercase; }

fieldset.stacked           { overflow:hidden }
fieldset.stacked div.field { width:250px; float:left }

fieldset.tab          { margin-top:0px }

fieldset.low          { border:1px solid #eee8e0; background-color:#fff8f0 }
fieldset.low legend   { color:#ccc8c0 }
fieldset.low table.list th { color:#888; border-bottom:1px solid #666 }
fieldset.low table.list td { color:#ddd }

fieldset.approved     { border:1px solid #6c0;  }
fieldset.unapproved   { border:1px solid #a33;  }

fieldset div.field.largeDescription {
  clear: both;
  width: 750px;
}

.appleLinks a {
  color:#fff
}

.required_field_img { vertical-align:middle }

ul.tabs               { display:block; overflow:hidden; list-style-type:none; padding:0px }
ul.tabs li            {
  display:block;
  float:left;
}

ul.tabs li a          { display:block; padding:3px 7px; color:#444; text-decoration:none }
ul.tabs li a:hover    { color:#000; text-decoration:underline }

ul.tabs {
  background-color:#eee;
  border:1px solid #ccc;
  -moz-box-shadow: 0px 2px 2px #eee;
  -webkit-box-shadow: 0px 2px 2px #eee;
  box-shadow: 0px 2px 2px #eee;
  border-radius:5px;
}
ul.tabs li            {
  border:0;
  border-right:1px solid #e8e8e8;
}
ul.tabs li.first {
}
ul.tabs li.selected   {
  background-color:#fff;
}
ul.tabs li:hover      {
  background-color:#fff;
}

.blank   {                  padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #acacac; }
.warning { color:#960;    padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); }
.message { color:#960;    padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); }
.error   { color:#a33;    padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #a33; background-color:#fee;    background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/exclamation.png); }
.success { color:#009933; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #66CC00; background-color:#DDFFC6; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/tick.png); font-weight: bold; }
.help    { color:#776;    padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #ddc; background-color:#fff;    background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/help.png); }
.future  { color:#2929a3; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #1f1f7a; }
.extension  { color:#3c3c3c; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #acacac; }
.taken-extension  { color:	#ADD8E6; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #658b96; }
.actual-procurement  { color:	#008080; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #006d6d; }

tr.success,
tr.message,
tr.warning,
tr.error
{
  border-left: 0;
  border-right: 0;
  font-weight: normal;
  margin:10px 0px;
  padding:5px 5px 5px 25px;
}

  tr.success {
    background:#DDFFC6;
    color:#009933;
  }
  tr.message,
  tr.warning {
    background:#f8f8dd;
    color:#960;
  }
  tr.error {
    background:#faa;
    color:#a33;
  }

div.error div.controls, div.help div.controls, div.warning div.controls, div.message div.controls, div.success div.controls { float:right }

fieldset field span.warning { display:inline-block; padding:1px 10px 1px 25px; background-position:2px 1px; }
fieldset field span.message { display:inline-block; padding:1px 10px 1px 25px; background-position:2px 1px; }
fieldset field span.error   { display:inline-block; padding:1px 10px 1px 25px; background-position:2px 1px; }
fieldset field span.success { display:inline-block; padding:1px 10px 1px 25px; background-position:2px 1px; }
fieldset field span.help    { display:inline-block; padding:1px 10px 1px 25px; background-position:2px 1px; }

fieldset fieldset .message { margin:10px 0px }

.menu ul li a {
  padding: 6px 6px 4px 6px;
}

.menu ul li ul {
  z-index:100
}

.sf-menu a {
  border-left: 0;
  border-top: 0;
}

.menu ul li a                        { background-color:#666; color:#ccc; text-decoration:none }
.menu ul li a:visited                { color:#ccc; }
.menu ul li a.active                 { background-color:#666; color:#fff; text-decoration:underline }
.menu ul li a:hover                  { background-color:#444; color:#ccc }
.menu ul li:hover a                  { background-color:#444 }
.menu ul li ul li a                  { background-color:#666; color:#ccc; text-decoration:none }
.menu ul li ul li a:hover            { background-color:#666 }
.menu ul li:hover a.active           { background-color:#444; color:#fff }
.menu ul li:hover a.active:hover     { background-color:#666 }

#usermenu                            { float:left; padding:5px 5px 0px 15px; text-align:left; line-height:12px; }
#usermenu p                          { color:#555; padding:0px 0px 2px 0px; margin:0px }
#usermenu a                          { color:#555 }

input                                { border:1px solid #888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
textarea                             { font-family:helvetica,arial,san-serif; font-size:11px; border:1px solid #888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:250px; height:75px; padding: 3px; }
button, a.button                     { border:1px solid #888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
button:hover                         { }
input.button                         { }
input.button:hover                   { }
button.cancel                        { }
button.cancel:hover                  { }
select                               { border:1px solid #444; font-size:11px; max-width:710px; padding:3px; border-radius:3px; min-width:100px; }
.searchForm select                   { width: 220px }
select option                        { padding-right:20px }

.select2-container--default .select2-selection--single { border:1px solid #444 !important; border-radius:3px !important; height:26px !important }

input                                { font-size:11px; padding:4px; vertical-align:middle; width:150px }
input.checkbox                       { font-size:11px; width:auto; border:0px; background:none }
input.radio                          { font-size:11px; width:auto; border:0px; background:none }
input.booleanYes                     { font-size:11px; width:auto; border:0px; background:none; vertical-align:baseline }
input.booleanNo                      { font-size:11px; width:auto; border:0px; background:none; vertical-align:baseline }
input.booleanNotApplicable           { font-size:11px; width:auto; border:0px; background:none; vertical-align:baseline }
button                               { background-color:#888; color:#fff; font-size:12px; padding:3px 12px 3px 12px }
a.button                             { background-color:#888; color:#fff; font-size:12px; padding:3px 12px 3px 12px; width:auto; text-decoration:none }
input.button                         { background-color:#888; color:#fff; font-size:12px; padding:3px 12px 3px 12px; width:auto }
.override.button                     { background-color:#888; color:#fff; font-size:12px; padding:3px 12px 3px 12px; width:auto }
#slider-range-min                    { width: 155px; }
a.fakebutton                         { background-color:#888; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto; text-decoration:none }
a.fakebutton                         { border:1px solid #888; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

input.date                           { width:65px }
input[type="date"]                   { font-family:helvetica,arial,sans-serif; width:108px ; font-size:11px; padding-right:0px; padding-left:2px }
input.time                           { width:45px }
input[type="time"]                   { width:70px ; font-size:10px }
input.number                         { width:65px }
input.long                           { width:90% }

button.save                          { padding-left:30px; background-image:url(/public/images/icons/disk.png);  background-repeat:no-repeat; background-position:7px 3px }
button.cancel                        { padding-left:30px;background-image:url(/public/images/icons/cancel.png); background-repeat:no-repeat; background-position:7px 3px }
button.back                          { padding-left:30px;background-image:url(/public/images/icons/arrow-left.png); background-repeat:no-repeat; background-position:7px 3px }
.accept                              { padding-left:30px;background-image:url(/public/images/icons/accept.png); background-repeat:no-repeat; background-position:7px 3px }
.cancel                              { padding-left:30px;background-image:url(/public/images/icons/cancel.png); background-repeat:no-repeat; background-position:7px 3px }

.fieldset-audit {
  float:left;
  font-size:0.8em;
  color:#bbb;
  width: 50%;
}

.controls form                       { padding:0px; margin:0px }
.controls p                          { padding:0px; margin:0px }
.controls                            { float:right; margin:0px; height:20px; margin-bottom:-10px }
.controls a                          { margin:0px }
.controls * { margin:0px; }

.controls form                      { margin-top:0px; padding-bottom:0px }
.controls                           { padding:0px 0px 10px 0px; border-bottom:0px solid #3cbac6; float:none; text-align:right }
blockquote .controls.left           { text-align:left; margin-bottom:0; }
blockquote .controls.right           { float:right; text-align:right; margin-bottom:0; }
.controls a                         { margin:0px 3px 0px 0px }
.controls a:hover                   {  }
.controls input                     { margin:0px 3px 0px 3px; font-size:10px; padding:3px; width:120px }
a.button                            { }
a.button:hover                      { }

input.search                        { padding-left:22px; background-image:url(/public/images/icons/magnifier.png); background-repeat:no-repeat; background-position:4px 2px }


.controls .excel, a.excel           { padding-left:25px; background-image:url(/public/images/icons/page_excel.png); background-repeat:no-repeat; background-position:4px 2px  }
.controls .accept, a.accept         { padding-left:25px; background-image:url(/public/images/icons/accept.png); background-repeat:no-repeat; background-position:4px 2px  }
.controls .cancel, a.cancel         { padding-left:25px; background-image:url(/public/images/icons/cancel.png); background-repeat:no-repeat; background-position:4px 2px  }
.controls .view        , a.buttonView        , a.view       { padding-left:25px; background-image:url(/public/images/icons/zoom.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .edit        , a.buttonEdit        , a.edit       { padding-left:25px; background-image:url(/public/images/icons/pencil.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .save        , a.buttonSave        , a.save       { padding-left:25px; background-image:url(/public/images/icons/disk.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .add         , a.buttonAdd         , a.add        { padding-left:25px; background-image:url(/public/images/icons/add.png);              background-repeat:no-repeat; background-position:4px 2px  }
.controls .folder      , a.buttonFolder      , a.folder     { padding-left:25px; background-image:url(/public/images/icons/folder.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .delete      , a.buttonDelete      , a.delete     { padding-left:25px; background-image:url(/public/images/icons/delete.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .deleteLink  , a.deleteLink                       { padding-left:25px; background-image:url(/public/images/icons/delete.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .cancel      , a.buttonCancel      , a.cancel     { padding-left:25px; background-image:url(/public/images/icons/cancel.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .archive     , a.buttonArchive     , a.archive    { padding-left:25px; background-image:url(/public/images/icons/database_save.png);    background-repeat:no-repeat; background-position:4px 2px  }
.controls .resurrect   , a.buttonResurrect   , a.resurrect  { padding-left:25px; background-image:url(/public/images/icons/database_refresh.png); background-repeat:no-repeat; background-position:4px 2px  }
.controls .back        , a.buttonBack        , a.back       { padding-left:25px; background-image:url(/public/images/icons/arrow_left.png);       background-repeat:no-repeat; background-position:4px 2px  }
.controls .user        , a.buttonUser        , a.user       { padding-left:25px; background-image:url(/public/images/icons/user.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .content     , a.buttonContent     , a.content    { padding-left:25px; background-image:url(/public/images/icons/page.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .sections    , a.buttonSections    , a.sections   { padding-left:25px; background-image:url(/public/images/icons/table_multiple.png);   background-repeat:no-repeat; background-position:4px 2px  }
.controls .page        , a.page              , a.page       { padding-left:25px; background-image:url(/public/images/icons/page.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .upload      , a.upload            , a.upload     { padding-left:25px; background-image:url(/public/images/icons/disk.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .email       , a.email             , a.email      { padding-left:25px; background-image:url(/public/images/icons/email.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .image       , a.image             , a.image      { padding-left:25px; background-image:url(/public/images/icons/image.png);            background-repeat:no-repeat; background-position:4px 2px  }
.controls .options     , a.options           , a.options    { padding-left:25px; background-image:url(/public/images/icons/bricks.png);           background-repeat:no-repeat; background-position:4px 2px  }
.controls .statuses    , a.statuses          , a.statuses   { padding-left:25px; background-image:url(/public/images/icons/chart_bar.png);        background-repeat:no-repeat; background-position:4px 2px  }
.controls .documents   , a.documents         , a.documents  { padding-left:25px; background-image:url(/public/images/icons/page_word.png);        background-repeat:no-repeat; background-position:4px 2px  }
.controls .download    , a.download          , a.download   { padding-left:25px; background-image:url(/public/images/icons/disk.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .viewFile    , a.viewFile          , a.viewFile   { padding-left:25px; background-image:url(/public/images/icons/page.png);             background-repeat:no-repeat; background-position:4px 2px  }
.controls .information , a.information       , a.information{ padding-left:25px; background-image:url(/public/images/icons/information.png);      background-repeat:no-repeat; background-position:4px -1px }

.controls .report    , a.report            , a.report     { padding-left:25px; background-image:url(/public/images/icons/chart_line.png);       background-repeat:no-repeat; background-position:4px 2px  }
.controls .approval  , a.approval          , a.approval   { padding-left:25px; background-image:url(/public/images/icons/thumb_up.png);         background-repeat:no-repeat; background-position:4px 2px; color: #3a3  }
.controls .rejection , a.rejection         , a.rejection  { padding-left:25px; background-image:url(/public/images/icons/thumb_down.png);       background-repeat:no-repeat; background-position:4px 2px; color: #a33  }
.controls .unapprove , a.unapprove         , a.unapprove  { padding-left:25px; background-image:url(/public/images/icons/thumb_down.png);         background-repeat:no-repeat; background-position:4px 2px  }
.controls .approve   , a.approve           , a.approve    { padding-left:25px; background-image:url(/public/images/icons/thumb_up.png);         background-repeat:no-repeat; background-position:4px 2px  }

.controls .clock , a.clock         , a.clock              { padding-left:25px; background-image:url(/public/images/icons/clock.png);        background-repeat:no-repeat; background-position:4px 2px  }

table { border-collapse:collapse; border-spacing:0 }

table.list tr td a.button    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; background:none }
table.list tr td a.button:hover  { background:none }
table.list tr td a.view      { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.edit      { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.accept    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.cancel    { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px; padding-left:25px }
table.list tr td a.delete    { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px; padding-left:25px }
table.list tr td a.buttonDelete { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px; padding-left:25px }
table.list tr td a.deleteLink { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px; padding-left:25px }
table.list tr td a.add       { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px; padding-left:25px }
table.list tr td a.content   { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.sections  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.user      { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.image     { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.folder    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.options   { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.statuses  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.approval  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.report    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.clock     { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.upload    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.download  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.viewFile  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.report    { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.approval  { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.approve   { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.unapprove { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.resurrect { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }
table.list tr td a.email     { font-size:10px; float:right; width:auto; text-decoration:underline; padding:2px; padding-left:25px }

.controls .add         , a.buttonAdd          , a.add    { color:#585 }
.controls .add:hover   , a.buttonAdd:hover    , a.add    { color:#363 }
.controls .delete      , a.buttonDelete       , a.delete { color:#a77 }
.controls .deleteLink  , a.deleteLink         , a.deleteLink { color:#a77 }
.controls .delete:hover, a.buttonDelete:hover , a.delete { color:#855 }

.controls input.search              { padding-left:22px }

.controls span.sep {  }
.controls * { vertical-align:baseline }
.controls a { vertical-align:baseline }

.controls a   { border:0px; padding:3px 12px; font-size:11px; text-decoration:underline }
a.button      { border:0px; padding:3px 12px; font-size:11px; text-decoration:underline }
a.styledButton { background-color: #005cab; border: 0; color: #fff; padding: 4px 12px; font-weight: normal; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; text-decoration:none; }

button        { height:auto; margin:0px; border:0px; padding:2px 12px; font-size:11px; text-decoration:none }
input.button  { border:0px; padding:2px 12px; font-size:11px; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; outline: none; }
a.button      { border:0px; padding:2px 12px; font-size:11px; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; outline: none; }
.override.button  { border:0px; padding:2px 12px; font-size:11px; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; outline: none; }
input.button:active { outline: none; }
.override.button:active { outline: none; }

table.list { width:100%; border:0px; padding:5px; margin-top:5px }
table.list tr th      { padding:2px 2px; text-align:left }
table.list tr.odd td  { padding:1px 2px; background-color:#fff }
table.list tr.even td { padding:1px 2px; background-color:#f8f8f8 }
table.list tr td a    { display:block; text-decoration:none; color:#444; padding:2px 5px }
table.list tr td p    { padding:2px 5px }

table.list tr td.success {
  background:#DDFFC6;
  color:#009933;
}
table.list tr td.message,
table.list tr td.warning {
  background:#f8f8dd;
  color:#960;
}
table.list tr td.error {
  background:#faa;
  color:#a33;
}
table.list tr td.future {
  background:#c2c2f0;
  color:#2929a3;
}
table.list tr td.extension {
  background:#f0f0f0;
  color:#3c3c3c;
}
table.list tr td.taken-extension {
  background:	#ADD8E6;
  color:#315f6b;
}
table.list tr td.actual-procurement {
  background:	#008080;
  color:#f5ffff;
}
  
table.list tr.odd  td.odd  { padding:1px 2px; background-color:#f4f4f4; }
table.list tr.odd  td.even { padding:1px 2px; background-color:#fff   ; }
table.list tr.even td.odd  { padding:1px 2px; background-color:#eee; }
table.list tr.even td.even { padding:1px 2px; background-color:#f8f8f8; }

table.list tr th.value, .value { text-align: right; }
table.list tr th.value { padding-right: 7px; }

table.list .total      td { border-top:1px solid #000; font-weight:bold; background-color:#ffd }
table.list .odd.total  td { border-top:1px solid #000; font-weight:bold; background-color:#ffa }
table.list .even.total td { border-top:1px solid #000; font-weight:bold; background-color:#ffb }
table.list tr.odd  td.total  { font-weight:bold; background-color:#ffd }
table.list tr.even td.total  { font-weight:bold; background-color:#eec }
table.list tr.total td.odd   { background-color:#eec }
table.list tr.total td.even  { background-color:#ffd }
table.list tr.total td.total { background-color:#ddb }

table.list tr td.good0 { background-color:#ffe; }
table.list tr td.good1 { background-color:#dfd; }
table.list tr td.good2 { background-color:#cfc; }
table.list tr td.good3 { background-color:#bfb; }
table.list tr td.good4 { background-color:#afa; }
table.list tr td.good5 { background-color:#9f9; }
table.list tr td.good6 { background-color:#8f8; }
table.list tr td.good7 { background-color:#7f7; }
table.list tr td.good8 { background-color:#6f6; }
table.list tr td.good9 { background-color:#5f5; }

table.list tr td.bad0  { background-color:#fee; }
table.list tr td.bad1  { background-color:#fdd; }
table.list tr td.bad2  { background-color:#fcc; }
table.list tr td.bad3  { background-color:#fbb; }
table.list tr td.bad4  { background-color:#faa; }
table.list tr td.bad5  { background-color:#f99; }
table.list tr td.bad6  { background-color:#f88; }
table.list tr td.bad7  { background-color:#f77; }
table.list tr td.bad8  { background-color:#f66; }
table.list tr td.bad9  { background-color:#f55; }


table.list tr td a.link { color:#c11; text-decoration:underline }
table.list tr.lowlight td a.link, table.list tr td.lowlight a.link { color:#966 }

table.list tr th { border-bottom:1px solid #666; color:#666; background-color:#fff; text-transform:capitalize }
table.list tr td      { border-bottom:1px solid #ccc; }
table.list.noLinks tr td { padding: 2px 5px; }
table.list tr.odd td   { border-bottom:1px solid #fff }
table.list tr.even td  { border-bottom:1px solid #f8f8f8 }
table.list tr.highlight td, table.list tr td.highlight { background-color:#ff0 }
table.list tr.lowlight td , table.list tr td.lowlight  { color:#aaa; }

table.list tr.deleted td { background-color:#fee }
table.list tr:hover td          { background-color:#eee; color:#444 }
table.list tr:hover td a        { color:#444 }
table.list tr:hover td a.button { color:#444 }
table.list tr td.options        { width:1% }
table.list tr td.options.attachOptions { width:140px }

.pagination { padding:5px 10px; background-color:#def; color:#000; margin-top:10px; text-align:center }
.pagination a { padding:0px 4px; text-decoration:none; float:none; border:0; line-height:14px }
.pagination a:hover { text-decoration:underline; background:none }
.pagination span.current { padding:0px 4px }

#sidebar fieldset { margin-bottom:10px; }
#sidebar fieldset fieldset{ padding:5px 10px; margin-bottom:0px }

#sidebar { float:right; width:30%; padding:0px 0px 0px 10px; margin-left:5px; border-left:0px solid #111 }
#sidebar table.list { margin-bottom:5px }

#sidebar div.type { padding-bottom:0px }
#sidebar div.list { margin-top:3px; overflow:hidden; padding:2px 0px }
#sidebar div.list .avatar { overflow:hidden; vertical-align:middle; float:left; clear:left; width:20px; height:20px; margin-right:5px }
#sidebar div.list a      { margin:0px 0px 3px 0px; text-decoration:none; vertical-align:middle; background-position:7px 0px; padding-top:2px; padding-bottom:2px }
#sidebar div.list a span { font-weight:bold }
#sidebar div.list a:hover { text-decoration:underline }
#sidebar div.list a:hover span {  }

#sidebar div.list a.button { color:#698; font-size:11px; font-weight:normal; margin-left:5px; text-transform:lowercase; padding:2px 8px; vertical-align:middle }
#sidebar div.list a.button:hover { color:#369 }

.contactHead { clear:left; padding-bottom:0px; overflow:hidden; position:relative; z-index:1 }
.contactHead .contact { }
.contactHead h3 { font-size:12px; padding:0px 0px 4px 0px }
.contactHead h3 a { text-decoration:none }
.contactHead h3 a:hover { text-decoration:underline }
.contactHead h3 a.button { color:#69b; font-size:11px; font-weight:normal; margin-left:0px; text-transform:lowercase; padding:2px 0px; vertical-align:middle; text-decoration:underline }
.contactHead h3 a.button:hover { color:#369 }

.contactHead p { padding:0px 0px 2px 0px; margin:0px; overflow:hidden }
.contactHead p span { float:right; width:75% }
.contactHead .avatar { position:absolute; top:0px; right:0px }
.contactHead .sup { line-height:1em; vertical-align:baseline }
.contactHead .subs { padding-top:3px; margin-top:3px; clear:both }

.sep { border-bottom:1px solid #888; height:0px; margin:10px 0px; padding:5px 0px 0px 0px; clear:both }

.singleMultiLine       { background-image:url(/public/images/icons/text_align_left.png); background-repeat:no-repeat; background-position:top right; padding-right:30px }
.singleMultiLine:hover { background-color:#f0f8ff }

.categoryCheckboxes { /* height:150px; */ border:1px solid #f0f8ff; padding:2px 10px; overflow:auto }
.categoryCheckboxes p { padding:0px; margin:0px }

div.box             { overflow:hidden }
.columns2           { float:left;  width:48%;  margin:0px 5px 5px 0px }
.columns2r          { float:right; width:48%; margin:0px 0px 5px 0px }

#contactSearchBox { clear: right; float: right; width: auto; }

/* .requiredInputField { background: url(/public/images/required.png) 5px 6px no-repeat } */
.requiredEmpty { background: url(/public/images/required.png) 5px 6px no-repeat; color: #aaa; font-style: italic; }

/* Homepage specific styles */

table tr.pipelineTotal td { border: 0px; color: #B00; font-weight: bold; padding: 2px 6px; }
table tr.pipelineTotal:hover td { background-color: #FFF; color: #B00; }
table.list tr.odd { background-color: #FFF}
table.list tr.even { background-color: #f9f9f9; }

fieldset div.field .yui-editor-container input { width:auto; border:1px solid #999 }
fieldset div.field .yui-editor-container label { width:auto; text-align:left; color:#333 }
fieldset div.field .yui-editor-container label { margin-left:0px }

.yui-editor-container input { width:auto; border:1px solid #999 }
.yui-editor-container label { width:auto; text-align:left; color:#333 }
.yui-editor-container label { margin-left:0px }

.editor-hidden {
    visibility: hidden;
    top: -9999px;
    left: -9999px;
    position: absolute;
}
.yui-editor-container textarea {
    border: 0;
    margin: 0;
    padding: 0;
}

.yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon {
    background-image: url( /public/javascripts/yui/assets/html_editor.gif );
    background-position: 0 1px;
    left: 5px;
}
.yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon {
    background-image: url( /public/javascripts/yui/assets/html_editor.gif );
    background-position: 0 1px;
    left: 5px;
}

.mediaThumbnail {
  background-repeat:no-repeat;
  background-position:50% 50%;
  padding:5px;
  margin:5px;
  float:left;
  border:1px solid #ccc;
  width:150px;
  height:150px;
}

.mediaThumbnail .options {
  background-color:#fff;
  float:right;
  clear:right;
  padding:2px 10px 2px 10px;
  margin:0px 0px 2px 2px;
}

.mediaThumbnail .options a {
  display:block;
}

.thumbnail {
  background-repeat:no-repeat;
  background-position:50% 50%;
  margin:5px;
  float:left;
  border:1px dotted #ccc;
  overflow:hidden;
  position:relative;
  z-index:0;
}

.thumbnail a {
  background-color:#fff;
  background-color:rgba(0,0,0,0.7);
  color:#fff;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  display:block;
  text-align:right;
  line-height:14px;
  padding:5px;
}

fieldset .expired {
  border:1px solid #f00;
}

fieldset .expired legend {
  color:#f00;
}

fieldset .expiring {
  border:1px solid #f80;
}

fieldset .expiring legend {
  color:#f80;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.float_right { float: right }

#contactColums {
  overflow:hidden;
}

#contactColumns fieldset {
  height:175px;
  overflow:auto;
}

#contactColumns div.column {
  width:24%;
  float:left;
  margin-right:10px;
}

#contactColumns div.display {
  clear:left;
}

#contactColumns fieldset.contact {
  height:175px;
  overflow:auto;
}

#contactRecord {
  clear: left;
  overflow:hidden;
}

#contactRecord .content {
  float:left;
  overflow:hidden;
}

#contactRecord p.structure {
  float:right;
  height:1px;
  overflow:visible;
}

#contactRecord p.structure a {
  color:#444;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

#contactRecord .section {
  float:left;
  margin:0px 15px 15px 10px;
}

#contactRecord .section .highlight, .popout {
  border:1px solid #999;
  background-color:#ffe;
  padding:5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 1px 8px #888;
  -webkit-box-shadow: 0px 1px 8px #888;
  box-shadow: 0px 1px 8px #888;
}

#contactRecord .sectionFull {
  padding:10px 10px 0px 10px;
  margin-right:40px;
}

#contactRecord h2 {
  font-size:18px;
  padding:2px 0px;
  margin:0px;
}

#contactRecord h3 {
  font-size:12px;
  padding:2px 0px;
  margin:0px;
  font-weight:normal;
}

#contactRecord h4 {
  font-size:13px;
  padding:2px 0px;
  margin:0px;
  font-weight:normal;
}

#contactRecord p {
  padding:1px 0px 1px 30px;
  margin:0px;
}

#contactRecord .avatar {
  float:left;
  width:125px;
  margin:10px;
}

#contactRecord .avatarWide {
  float:left;
  margin:10px;
}

#contactRecord .sep {
  float:none;
  clear:both;
  margin:10px 0px 0px 0px ;
  border:0px;
  border-top:1px dotted #ccc;
  padding:10px 0px 0px 0px;
}

#contactStructure {
  position:absolute;
  padding:10px 40px 10px 10px;
  margin:2px;
  border:1px solid #444;
  background-color:#fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 1px 8px #888;
  -webkit-box-shadow: 0px 1px 8px #888;
  box-shadow: 0px 1px 8px #888;
  display:none;
}

#contactStructure div {
  margin:3px 0px 3px 0px;
  padding:0px 0px 0px 0px;
}

#contactStructure div div {
  margin-left:20px;
}

#contactStructure div a {
  color:#444;
  text-decoration:none;
}

#contactStructure div a.selected {
  text-decoration:underline;
  padding-right:8px;
}

#contactStructure div a:hover {
  color:#111;
  text-decoration:underline;
}

.postit {
  background-color:#FCF0AD;
  border:1px solid #999;
  -moz-box-shadow: 0px 1px 8px #888;
  -webkit-box-shadow: 0px 1px 8px #888;
  box-shadow: 0px 1px 8px #888;
  padding:10px;
}

#expiryMessage {
  margin:5px 0px;
  padding:10px;
  text-align:center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


#globalMessageHead {
  margin:0px auto 5px auto;
  padding:10px;
  text-align:center;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

#globalMessagePage {
  margin:5px 0px 20px 0px;
  padding:10px;
  text-align:center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color:#ffc;
  border:1px solid #ee0;
}

#globalMessageFoot {
  margin:5px auto 0px auto;
  padding:10px;
  text-align:center;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

#globalMessageHead a, #globalMessagePage a, #globalMessageFoot a {
  color:#fff;
}


#dashboard {
  overflow:hidden;
}

.dashboard-panel {
  float:left;
  margin:5px 15px 15px 5px;
}

.dashboard-panel fieldset {
  margin:0;
}

#dashboard .summary {
  float:left;
  padding:5px;
  margin:10px 10px 10px 10px;
  width:160px;
  height:180px;
  background-color:#eee;
  text-align:center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 10px;
  border-radius:10px;
}

#dashboard .summary.selected {
  background-color:#eea;
}

#dashboard .summary.red {
  background-color:#eaa;
}

#dashboard .summary.red.selected {
  background-color:#d99;
}

#dashboard .summary.amber {
  background-color:#eb8;
}

#dashboard .summary.amber.selected {
  background-color:#da7;
}

#dashboard .summary.green {
  background-color:#8b8;
}

#dashboard .summary.green.selected {
  background-color:#7a7;
}

#dashboard .summary h1 {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  margin:5px;
  padding:0px;
}

#dashboard .summary h2 {
  font-size:64px;
  line-height:64px;
  font-weight:bold;
  text-transform:uppercase;
  margin:5px;
  padding:0px;
}

#dashboard .summary p.explain {
  font-size:10px;
  margin:5px;
  padding:0px;
}

#dashboard .holder {
  clear:left;
  float:left;
}

#dashboard .mini {
  float:left;
  padding:3px;
  margin:0px 5px 5px 0px;
  background-color:#eee;
  -webkit-border-radius: 0px;
  -moz-border-radius: 10px;
  border-radius:10px;
  text-align:center;
  width:143px;
  height:54px;
}

#dashboard .mini h1 {
  font-size:11px;
  margin:3px 3px;
  padding:0px;
}

#dashboard .mini h2 {
  font-size:24px;
  line-height:24px;
  font-weight:bold;
  text-transform:uppercase;
  margin:3px;
  padding:0px 5px;
}

#dashboard .mini p.explain {
  display:none
}

/* Bootstrap overides */

.progress
{
  margin-bottom: 0;
}

.progress .bar
{
  padding-right: 6px;
  text-align: right;
}

.btn.btn-danger,
.btn.btn-primary,
.btn.btn-success
{
  text-decoration: none;
}

.simpleRTE { height: 450px;}



table.dashboard-summary {
  width:100%;
}

table.dashboard-summary th {
  padding:10px;
  text-align:left;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
}

table.dashboard-summary th.value {
  text-align:right;
}

table.dashboard-summary td {
  padding:10px;
  font-size:18px;
  line-height:22px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
}

table.dashboard-summary tr.odd td {
  background-color:#f8f8f8;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

table.dashboard-summary tr.total td {
  background-color:#eee;
  border-top:2px solid #555;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

table.dashboard-summary td.value {
}

table.dashboard-summary td.value.highlight {
  color:#f00;
}


table.dashboard-summary .requirement-pass {
  color:#333;
}

  table.dashboard-summary .requirement-pass td.value {
    color:#080;
  }

table.dashboard-summary .requirement-fail-0 {
  color:#333;
}

  table.dashboard-summary .requirement-fail-0 td.value {
    color:#a00;
  }

table.dashboard-summary .requirement-fail-1 {
  color:#333;
}

  table.dashboard-summary .requirement-fail-1 td.value {
    color:#f70;
  }

table.dashboard-summary .requirement-fail-2 {
  color:#333;
}

  table.dashboard-summary .requirement-fail-2 td.value {
    color:#fd0;
  }

table.dashboard-summary .requirement-missing {
  color:#333;
}

  table.dashboard-summary .requirement-missing td.value {
    color:#008;
  }

table.dashboard-summary .requirement-untested {
  color:#333;
}

  table.dashboard-summary .requirement-untested td.value {
  }


.traffic-light.small {
  background-repeat:no-repeat;
  width:45px;
  height:100px;
  text-indent:-10000px;
}

.traffic-light.small.green {
  background-image:url(/public/images/traffic-lights/small/green.png);
}

.traffic-light.small.amber {
  background-image:url(/public/images/traffic-lights/small/amber.png);
}

.traffic-light.small.red {
  background-image:url(/public/images/traffic-lights/small/red.png);
}

.traffic-light.medium {
  background-repeat:no-repeat;
  width:90px;
  height:200px;
  text-indent:-10000px;
}

.traffic-light.medium.green {
  background-image:url(/public/images/traffic-lights/medium/green.png);
}

.traffic-light.medium.amber {
  background-image:url(/public/images/traffic-lights/medium/amber.png);
}

.traffic-light.medium.red {
  background-image:url(/public/images/traffic-lights/medium/red.png);
}

.category-select {
   width:50%;
   min-width:200px;
}

.helper {
  color:#999;
  font-style:italic;
  font-size:0.9em;
  display:block;
}


.flag {
  font-style:italic;
  padding:3px 3px 3px 30px !important;
  background-image:url(/public/images/icons/tag_yellow.png);
  background-repeat:no-repeat;
  background-position:7px 3px;
  margin-top:3px !important;
}


.container {
  position:relative;
}


.container .column {
  position:relative;
  float:left;
  margin:0px 15px;
}

.container .column.column-50 {
  float:left;
  width:46%;
  overflow:visible;
}

.container .column.last {
  border-right:0;
}

.container .column.right {
  float:right;
}

.container .column #contactRecord .section {
  float:none;
}

fieldset div.field {
  border-bottom:1px dotted #eee;
  margin-bottom:5px;
}

fieldset div.field.buttons {
  background-color:#f8f8f8;
  border-top:1px solid #ddd;
  padding-top:20px;
  padding-bottom:20px;
}

ul.files
{
  margin:0;
  padding:0;
}
  ul.files li
  {
    list-style-type:none;
  }
    ul.files li .remove
    {
      color: #855;
    }

/* Tagit */
  ul.tagit
  {
    border:1px solid #888;
    list-style-type:none;
    height: auto !important;
    margin:0px;
    overflow:hidden;
    padding:1px;
    width: 250px;
  }

  ul.tagit li input
  {
    border:0px #fff;
    margin: 0;
    padding:3px 2px;
    width: auto;
  }

  ul.tagit li a.close
  {
    color:#678;
    float: none;
    font-weight:bold;
    font-size: 0.85em;
  }

  ul.tagit li
  {
    display:block;
    float:left;
    line-height:14px;
    margin:1px 3px 1px 2px;
  }

  ul.tagit li.tagit-choice
  {
    background-color:#DEE7F8;
    border:1px solid #CAD8F3;
    padding:2px 5px;
  }

.select2-container {
  text-align:left;
  min-width:200px;
}

/* calibration */

.calibration-alert {
  font-size: 14px;
}

.system-folder a {
  color: #39b;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 10px 0 0 10px;
  border-left: 5px solid #eeeeee;
}

blockquote.request {
  border-left: 5px solid #3a87ad;
}

blockquote.approved {
  border-left: 5px solid #468847;
}

blockquote.rejected {
  border-left: 5px solid #b94a48;
}

blockquote p {
  margin-bottom: 0;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

strong.notesView {
  font-size: 15px;
  font-variant: bolder;
}

div.legend .legendLabel { width:160px; height:1.2em; }