/* @font-face {
    font-family: 'dlmdingbatsregular';
    src: url('/style/font/thdingbats-webfont.eot');
    src: url('/style/font/thdingbats-webfont.eot?#iefix') format('embedded-opentype'),
    url('/style/font/thdingbats-webfont.woff') format('woff'),
    url('/style/font/thdingbats-webfont.ttf') format('truetype'),
    url('/style/font/thdingbats-webfont.svg#dlmdingbatsregular') format('svg');
    font-weight: normal;
    font-style: normal;

} */
@font-face {
    font-family: 'dlmdingbatsregular';
    src: url(font/dlmdingbats-webfont.eot);
    src: url(font/dlmdingbats-webfont.eot?#iefix) format('embedded-opentype'),
    url(font/dlmdingbats-webfont.woff) format('woff'),
    url(font/dlmdingbats-webfont.ttf) format('truetype'),
    url(font/dlmdingbats-webfont.svg#dlmdingbatsregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
/* body { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; vertical-align: top; background-color: #f5f5f5; color: #000000; margin: 0px; } */
td   { font-family: arial,helvetica,sans-serif; font-size: 15px; vertical-align: top; }

a       { color: #000000; text-decoration: none; }
a:hover { color: #121212; text-decoration: underline; }

a img { border: none; }

form { margin: 0px; }

optgroup        { font-style: normal; }
optgroup option { padding-left: 10px; }

.adminPane { margin: 0; background: /* #f5f5f5  */ url('/art/admin/shadow.gif') repeat-x top left fixed; }

.adminHolder { /* border: 1px solid #000000; */ width: 590px; /* background: #f3f3f3; */}

.adminHolder td.control  { width: 1px; }
.adminHolder td.ordering { width: 64px; }
.adminHolder td.date     { width: 120px; }
.adminHolder td.filler   { width: 100%; }
.adminHolder td.headPad  { height: 10px; }
.adminHolder td.tailPad  { height: 10px; }
.adminHolder .shortPad   { height:  6px; }
.adminHolder iframe      { border: 1px solid #000000; }
.adminHolder td.warn     { padding: 0px 2px 0px 2px; }

.title   { font-size: 16px; font-weight: bold; color: #121212; padding: 5px 2px 5px 2px; border-bottom: 1px solid #000000; background: #ffffff; }
.subHead { font-size: 12px; font-weight: bold; color: #121212; padding: 3px 2px 3px 2px; border-bottom: 1px solid #000000; background: #ffffff; }

.title div    { position: relative; }
.title .tools { position: absolute; top: 2px; right: 2px; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; text-transform: lowercase; }

.adminPane .tools { float: left; margin-bottom: 12px; }
.tools img, .tools span { margin: 0px 1px 0px 1px; }

.note   { font-size: 8px; font-weight: bold; }
td.note { padding: 2px; }

.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.warning { color: #ffb000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.welcome        { padding: 2px 4px 2px 4px; }
.welcomeMessage { font-size: 10pt; font-weight: bold; }
.welcomeNotes   { font-size: 10pt; }
.welcomeNotes a { color: #525252; }

.formLabel   { font-weight: bold; text-align: right; padding: 0px 10px 0px 10px; }
.formElement { border: 1px solid #c2c2c2; background-color: #e5eef2; }
/* .formButton  { border: 1px solid #000000; background-color: #f0f0f0; font-weight: bold; padding-left: 5px; padding-right: 5px; } */
.formButtons { text-align: right; padding: 8px 8px 8px 8px; background-color: #ffffff; }
.formElement  input {width: 97%;}
td.listHead   ,th.listHead   ,tr.listHead    td,tr.listHead    th { font-size: 12px; text-align: left;  /* background-color: #d9d9d9; */ border-bottom: 1px solid #C2C2C2; font-weight: bold; padding: 2px; }
td.listHeadR  ,th.listHeadR  ,tr.listHeadR   td,tr.listHeadR   th { font-size: 12px; text-align: right; /* background-color: #d9d9d9; */ font-weight: bold; padding: 2px; }
td.listSubHead,th.listSubHead,tr.listSubHead td,tr.listSubHead th { font-size: 15px; text-align: left; /* background-color: #e2e2e2; */font-weight: bold; padding: 2px; }

td.listLine    { padding: 1px 4px 1px 4px; vertical-align: top; }
td.listLineR   { padding: 1px 4px 1px 4px; vertical-align: top; text-align: right; }
td.listLine0   { /* background-color: #f9f9f9; */ padding: 1px 4px 1px 4px; vertical-align: top; }
td.listLine0R  { /* background-color: #f9f9f9; */ padding: 1px 4px 1px 4px; vertical-align: top; text-align: right; }
td.listLine1   { /* background-color: #ededed; */padding: 1px 4px 1px 4px; vertical-align: top; }
td.listLine1R  { /* background-color: #ededed; */ padding: 1px 4px 1px 4px; vertical-align: top; text-align: right; }

tr.listLine0 td {/* background-color: #f9f9f9; */ border-bottom: 1px solid #C2C2C2; padding: 1px 4px 1px 4px; vertical-align: top; }
tr.listLine1 td { /* background-color: #ededed; */ border-bottom: 1px solid #C2C2C2; padding: 1px 4px 1px 4px; vertical-align: top; }

td.number { text-align: right; }

tr.listLine0:hover td,tr.listLine1:hover td { background-color: #828282; color: #ffffff; cursor: pointer; }
tr.listLine0:hover td a,tr.listLine1:hover td a { color: #ffffff; }

.unvisible td.listLine0  , .unvisible.listLine0  td { background-color: #ffe8e8; }
.unvisible td.listLine0R , .unvisible.listLine0R td { background-color: #ffe8e8; }
.unvisible td.listLine1  , .unvisible.listLine1  td { background-color: #ffe0e0; }
.unvisible td.listLine1R , .unvisible.listLine1R td { background-color: #ffe0e0; }

.underModeration td { font-weight: bold; background-color: #e5eef2;}

.preview { overflow: auto; height: 400px; }

.linkNotAvail { color: #c0c0c0; }
.inPageNavBox { float: right; border: 1px solid #000000; padding: 10px; }

tr.sending td { background: #f0fff0; font-weight: bold; padding: 8px 4px 8px 4px; }
tr.stalled td { background: #fff0f0; font-weight: bold; padding: 8px 4px 8px 4px; }

.unapproved   { color: #c00000; font-weight: bold; }
.unapproved a { color: #c00000; font-weight: bold; }

.detailBox { float: left; margin-left: 5px; border: 1px solid #000000; }

/* Required for admin menus etc */

#menuDrop { position: absolute; background: #f2f2f2 url('/art/admin/shadowD.gif') repeat-x top left; padding: 4px 0px 0px 0px; border: 1px solid #000000; border-top: none; opacity: 0.95; filter: alpha(Opacity=95); z-index: 5; }
#menuDrop .separator { border-bottom: 1px solid #000000; margin: 5px 0px 5px 0px; }

#menuHide { position: absolute; border: none; z-index: 4; }

.menuBott { background: url('/art/admin/shadow.gif') repeat-x bottom left; text-align: right; }
.menuGroupLinks  { padding: 4px 0px 6px 0px; }
a.menuGroupLink  { color: #000000; text-decoration: none; display: block; padding: 2px 20px 2px 10px; }
a.menuGroupLink:hover { background: #ffad18; text-decoration: none; }

.extCatDrop      a.menuGroupLink:hover { background: #828282; color: #ffffff; }
.extDirectDrop   a.menuGroupLink:hover { background: #0054a6; color: #ffffff; }
.extPetitionDrop a.menuGroupLink:hover { background: #828282; color: #ffffff; }
.extPonentDrop   a.menuGroupLink:hover { background: #52c4cc; color: #ffffff; }
.extPressDrop    a.menuGroupLink:hover { background: #ee1d25; color: #ffffff; }
.extRegDrop      a.menuGroupLink:hover { background: #03747f; color: #ffffff; }
.extSellDrop     a.menuGroupLink:hover { background: #28903a; color: #ffffff; }
.extSiteDrop     a.menuGroupLink:hover { background: #ffc20f; color: #ffffff; }
.extSurveDrop    a.menuGroupLink:hover { background: #828282; color: #ffffff; }
.extTrackedDrop  a.menuGroupLink:hover { background: #a85ca4; color: #ffffff; }

.extCat      .adminHolder,.extCat      .detailBox { border-color: #828282; }
.extDirect   .adminHolder,.extDirect   .detailBox { border-color: #0054a6; }
.extPetition .adminHolder,.extPetition .detailBox { border-color: #828282; }
.extPonent   .adminHolder,.extPonent   .detailBox { border-color: #52c4cc; }
.extPress    .adminHolder,.extPress    .detailBox { border-color: #ee1d25; }
.extReg      .adminHolder,.extReg      .detailBox { border-color: #03747f; }
.extSell     .adminHolder,.extSell     .detailBox { border-color: #28903a; }
.extSite     .adminHolder,.extSite     .detailBox { border-color: #ffc20f; }
.extSurve    .adminHolder,.extSurve    .detailBox { border-color: #828282; }
.extTracked  .adminHolder,.extTracked  .detailBox { border-color: #a85ca4; }

.menuExtra { display: none; }


/* New style lists line highlighting */

.extCat      tr.listLine0:hover td,.extCat      tr.listLine1:hover td,.extCat      tr.listLine0:hover td a,.extCat      tr.listLine1:hover td a { background-color: #828282; }
.extDirect   tr.listLine0:hover td,.extDirect   tr.listLine1:hover td,.extDirect   tr.listLine0:hover td a,.extDirect   tr.listLine1:hover td a { background-color: #0054a6; }
.extPetition tr.listLine0:hover td,.extPetition tr.listLine1:hover td,.extPetition tr.listLine0:hover td a,.extPetition tr.listLine1:hover td a { background-color: #828282; }
.extPonent   tr.listLine0:hover td,.extPonent   tr.listLine1:hover td,.extPonent   tr.listLine0:hover td a,.extPonent   tr.listLine1:hover td a { background-color: #52c4cc; }
.extPress    tr.listLine0:hover td,.extPress    tr.listLine1:hover td,.extPress    tr.listLine0:hover td a,.extPress    tr.listLine1:hover td a { background-color: #ee1d25; }
.extReg      tr.listLine0:hover td,.extReg      tr.listLine1:hover td,.extReg      tr.listLine0:hover td a,.extReg      tr.listLine1:hover td a { background-color: #03747f; }
.extSell     tr.listLine0:hover td,.extSell     tr.listLine1:hover td,.extSell     tr.listLine0:hover td a,.extSell     tr.listLine1:hover td a { background-color: #28903a; }
.extSite     tr.listLine0:hover td,.extSite     tr.listLine1:hover td,.extSite     tr.listLine0:hover td a,.extSite     tr.listLine1:hover td a { background-color: #ffc20f; color: #000000; }
.extSurve    tr.listLine0:hover td,.extSurve    tr.listLine1:hover td,.extSurve    tr.listLine0:hover td a,.extSurve    tr.listLine1:hover td a { background-color: #828282; }
.extTracked  tr.listLine0:hover td,.extTracked  tr.listLine1:hover td,.extTracked  tr.listLine0:hover td a,.extTracked  tr.listLine1:hover td a { background-color: #a85ca4; }


/* Help page - not help drop-down */

.helpBlock   { margin: 0px 4px 0px 4px; }
.helpBlock p { margin: 0.5em 0px 1em 0px; }
.listItemImages { width: 200px; float: right; clear: right; }
.listItemEditor { width: 560px; }

.loginTitle {
    font-family: 'Arvo', serif; font-size: 16px; font-weight: bold; margin: 8px 0px 12px 0px;
    color: #7b7b7b;
    text-align: left !important;
    position: absolute;
    top: 10px;
}
.loginEmptyDiv {
    height: 36px;
}
.loginRowDiv {
    padding: 5px 0px;
}
.loginRowDiv input[type='text']{
    border: solid 1px #acacac;
}
.loginRowDiv input[type='password']{
    border: solid 1px #acacac;
}
.loginRowDiv a {text-decoration: none; color:#7b7b7b; }
.loginRowDiv a:hover {text-decoration: none;  }

/* .siteLoginErrfade { opacity: 1 !important; z-index:30000;} */
.siteLoginErrfade { background-color: #000000; opacity: 0.7 !important;}
div.siteLoginErr { max-width: 300px; position: absolute; background-color: #ffffff; padding: 20px;  }
div.siteLoginErr .siteLoginErrclose { float: right; cursor: pointer; margin-top: -20px;margin-right: -15px; font-family: 'dlmdingbatsregular'; font-size: 20px; color: #B7B7B7;}
div.siteLoginErr .siteLoginErrcontainer { background-color: #ffffff; width:auto;  }
div.siteLoginErr .siteLoginErrmessage { width: auto; text-align:left; font-family:arial,helvetica; font-size:12px;}
div.siteLoginErr .siteLoginErrbuttons { text-align: right; padding: 0px 0px 0px 0px;  }
.testdiv.siteLoginErr button { border: 1px solid #CD2634; font-weight: bold; padding-left: 5px; padding-right: 5px; background-color:#CD2634; color:#FFF;  }


div.siteLoginErrbuttons button {
    background-color: #fdcb2a;
    border: 1px solid #fdcb2a;
    color: #000000;
    font-family: arial, helvetica, san-serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 5px;
    text-align: left;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 80px;
    text-align: center;
    border-radius: 4px;}