@font-face {
  font-family: TradeGothicLT;
  src: url("/fonts/TradeGothicLT-Bold.eot");
  src: local("ò∫"), url("/fonts/TradeGothicLT-Bold.woff") format("woff"), url("/fonts/TradeGothicLT-Bold.svg#webfont") format("svg"), url("/fonts/TradeGothicLT-Bold.otf") format("opentype"), url("/fonts/TradeGothicLT-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
}
@media print {
  .noPrint { display:none; }
  .edit_page_header { display: none; }
}

#manage_report {
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: 20px;
  display: none;
  left: 0;
}

#manage_report .report-wrapper {
  width: 1000px;
  margin: 0 auto;
  background: url('Images/manage_bar_bg.png') repeat-x #dfdfdf;
  position: relative;
  height: 200px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #888;
  -moz-box-shadow: 0px 0px 5px 0px #888;
  box-shadow: 0px 0px 5px 0px #888;
}
#manage_report .header { height: 45px; }
#manage_report .logo {
  float: left;
  margin: 5px 10px;
}
#manage_report .nav li { float: left; }
#manage_report a {
  outline: none;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  font-family: TradeGothicLT, Impact;
  line-height: 40px;
  float: left;
  padding: 0 25px;
  position: relative;
  margin: 0 5px;
}
#manage_report .mceToolbar a { padding: 0; }
#manage_report li.current a { background: url('Images/manage_btn.png') repeat-x; }
#manage_report li.current a span {
  background: url('Images/manage_btn_arrow.png') no-repeat center bottom;
  position: absolute;
  left: 0; right: 0;
  bottom: -25px;
  height: 25px;
}

#manage_report .nav a i {
  background: url('Images/steps.png') no-repeat;
  height: 18px;
  width: 18px;
  float: left;
  margin: 11px 10px 0 0;
}
#manage_report .nav li:nth-of-type(0n+2) i { background-position: -20px 0; }
#manage_report .nav li:nth-of-type(0n+3) i { background-position: -40px 0; }
#manage_report .nav li:nth-of-type(0n+4) i { background-position: -60px 0; }
#manage_report .nav li:nth-of-type(0n+5) i { background-position: -80px 0; }
#manage_report .nav li:nth-of-type(0n+6) i { background-position: -100px 0; }
#manage_report .nav li:nth-of-type(0n+7) i { background-position: -120px 0; }
#manage_report .nav li:nth-of-type(0n+8) i { background-position: -140px 0; }

#manage_report a.publish {
  float: right;
  background: url('Images/manage_finish.png') no-repeat;
  text-align: center;
  height: 48px;
  width: 78px;
}


/* footer crap */
#manage_report .main {
  width: 980px;
  position: relative;
  overflow: auto;
  padding: 10px;
  z-index: 10;
}
#manage_report .pane { clear: both; }
#manage_report #hide {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #666;
  padding: 0;
  margin: 0;
  display: block;
  z-index: 1002;
}
#manage_report #hide span {
  display: block;
  height: 29px;
  width: 28px;
  background: url('Images/max_min.png') no-repeat -33px -3px;
}
#manage_report #unhide {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  display: none;
}
#manage_report #unhide a {
  position: absolute;
  right: 0; bottom: 0;
  color: #666;
  padding: 10px;
  background-color: #dfdfdf;
  margin: 0 auto;
  display: block;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #888;
  -moz-box-shadow: 0px 0px 5px 0px #888;
  box-shadow: 0px 0px 5px 0px #888;
}
#manage_report #unhide span {
  display: block;
  height: 33px;
  width: 33px;
  background: url('Images/max_min.png') no-repeat 0 1px;
}



#manage_report h3 {
  font-family: TradeGothicLT, Impact;
  font-size: 16px;
}

/* Theme section... */
#manage_report .theme {}
#manage_report .theme li {
  float: left;
  margin-right: 5px; /* if Add more reports, this will go down */
  margin-top: 10px;
}
#manage_report .theme li.last { margin-right: 0; }
#manage_report .theme li a {
  display: block;
  padding: 7px;
  text-align: center;
  width: 77px;
  font-size: 12px;
  cursor: pointer;
  color: #444;
  line-height: 15px;
}
#manage_report .theme li img { margin-bottom: 3px; }
#manage_report .theme li.selected a { background: url('/images/recon/report_design_selected.png') no-repeat; }
#manage_report .theme li a.white { background-color: transparent; }

/* Logos...this is some of the crappiest work I've ever done in this section */
#manage_report .title-logo, #manage_report .footer-logo {
  clear: both;
  float: left;
  width: 980px;
}
#manage_report .title-logo .preview, #manage_report .footer-logo .preview {
  margin: 5px 10px;
  float: left;
}
#manage_report .title-logo { margin: 5px 0; }
#manage_report .footer-logo { border-top: 1px solid #ccc; margin-top: 5px;}

#title_logo,
#footer_logo {
  float : left;
  margin: 5px 10px;
}
#manage_report .upload-logo {
  float: left;
  position: relative;
  line-height: 30px;
  margin-left: 15px;
  font-size: 10px;
  overflow: hidden;
  cursor: pointer;
}
#manage_report .upload-logo a {
  line-height: 28px;
  text-decoration: underline;
  cursor: pointer;
  color: #222;
}
.upload-logo input {
  padding: 10px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.upload-disabled a {
  color: #999;
}
.upload-loading {
  display: none;
  margin: 5px 10px;
  font-size: 10px;
  line-height: 30px;
}
#logos_box .sitenote 
{
    margin-left: 410px;
}

#manage_report .sitenote {
  font-size: 11px;
  color: #777;
  padding: 5px 10px;
  clear: both;
}
#manage_report h4 {
  font-family: TradeGothicLT, Impact;
  margin: 5px 0;
  width: 150px;
  text-align: right;
  float: left;
}
#manage_report .or { 
  float: left; 
  margin: 5px 10px;
  color: #888;
  font-weight: bold;
  font-size: 14px;
}
#manage_report iframe.dropDownIframe, 
#UploadPrimaryLogoForm input.upload, 
#UploadSecondaryLogoForm input.upload {
  width: 200px;
  float: left;
  border: 0;
  background-color: transparent;
  height: 25px;
  margin: 10px 10px 0 10px;
}
#UploadPrimaryLogoForm input.submit, 
#UploadSecondaryLogoForm input.submit {
  float: left;
  margin: 10px 10px 0 10px;
}
#UploadPrimaryLogoForm, #UploadSecondaryLogoForm { float: left; }

/* Content section... */
#manage_report a.open-popup-pane {
  margin: 15px 10px;
  color: #333;
  background: #ccc;
}

#manage_report .hidden-sections {
  width: 656px;
  float: left;
}
#manage_report .hidden-sections p {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 11px;
  color: #666;
  width: 210px;
}
#manage_report .hidden-sections img {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}
#manage_report .hidden-sections input { margin: 25px 10px 0 10px; }
#manage_report .filter-keywords {
  padding: 10px;
  width: 302px;
  float: left;
  border-left: 1px solid #ccc;
  height: 110px;
}
#manage_report .filter-keywords input { margin-left: 10px; }
#manage_report .filter-keywords a.open-popup-pane {
  float: none;
  display:  block;
}

/* Personalize... */
#manage_report .personalize-section {
  margin-top: 10px;
  float: left;
  height: 100px;
  width: 303px;
  padding: 10px;
  border-right: 1px solid #ccc;
}
#manage_report .to, #manage_report .from {
  padding: 0 10px;
  height: 120px;
}
#manage_report .personalize-section label.prepared {
  font-family: TradeGothicLT, Impact;
  font-size: 16px;
  display: block;
}
#manage_report .personalize-section textarea {
  line-height: 18px;
  width: 280px;
  min-height: 50px;
  margin: 15px 11px 5px 11px;
}
#manage_report .personalize-section .preview-personalize {
  float: right;
  margin-right: 10px;
}
#manage_report div.last { border-right: 0; }
#manage_report .summary { text-align: center; }
#manage_report .summary .open-popup-pane { margin: 15px 10px 15px 58px; }
#manage_report .personalize-section input[type=checkbox] { margin: 20px 0 0 0; }
#manage_report .summary button { margin: 15px 0 0 0; }

/* Popup Pane */

#manage_report #popup-pane {
  display: none;
  position: absolute;
  width: 750px;
  min-height: 275px;
  bottom: 210px;
  left: 125px;
  background-color: #dfdfdf;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #888;
  -moz-box-shadow: 0px 0px 5px 0px #888;
  box-shadow: 0px 0px 5px 0px #888;
}

#manage_report #popup-pane  h1 {
  background: url('Images/manage_bar_bg.png') repeat-x #dfdfdf;
  height: 45px;
  line-height: 45px;
  padding-left: 25px;
  font-size: 18px;
  font-family: TradeGothicLT, Impact;
  color: #fff;
  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#manage_report #popup-pane h1 a.close {
  float: right;
  font-family: Arial;
  font-size: 12px;
}

#manage_report #popup-pane .content { margin: 10px; }

/* Popup Template Stuff */
#manage_report .templates { 
  width: 183px;
  float: left;
}
#manage_report .templates li { clear: both; }
#manage_report .templates li a { 
  display: block;
  background: #eaeaea;
  width: 135px;
  height: 25px; line-height: 25px;
  padding: 5px 10px;
  margin: 0 0 5px 5px;
  color: #282828;
  font-size: 18px;
  float: left;
  position: relative;
}

#manage_report .templates li a span { display: none; }
#manage_report .templates li.current a { font-weight: bold; }
#manage_report .templates li.selected a {
  color: #fff;
  background: #114070;
}
#manage_report .templates li.selected span { 
  display: block;
  position: absolute; 
  right: -18px;
  top: 0;
  height: 35px;
  width: 18px;
  background: url('/images/global/blue_arrow.png') no-repeat;
}

#manage_report .templates li i { 
  width: 5px; 
  height: 35px; 
  display: block;
  float: left;
}

#manage_report .templates li.current i { background: #114070; }
#manage_report .template-details { 
  float: right; 
  width: 547px;
  padding: 10px 0;
}
#manage_report .template-details div { display: none; }
#manage_report .template-details h3 {
  color: #114070;
  margin: 0 0 0 10px;
}
#manage_report .template-details h3 span {
  color: #888;
  font-weight: normal;
  font-size: 13px;
}
#manage_report .template-details p {
  padding: 10px;
  min-height: 85px;
}
#manage_report .template-details a {
  cursor: pointer;
  padding: 5px 15px;
  background: #eaeaea;
  float: right;
  color: #114070;
}

#manage_report .template-details .notice { 
  float: right; 
  font-size: 11px; 
  color: #666;
  line-height: 20px;
  padding: 5px 15px;
}
#manage_report .template-details .error { color: #E7717E; }
#manage_report .template-details .success { color: #0F8B00; }

/* Popup Remove Keywords */

#manage_report #custom_keywords textarea {
  width: 730px;
  height: 190px;
}
#manage_report #custom_keywords button { float: right; }

/* Popup Summary Page...*/
#manage_report #custom_summary textarea {
  width: 730px;
  height: 190px;
}
#manage_report #custom_summary button { float: right; }