/*
   * Id: style.css,v 1.149 2007/11/08 18:46:31 avarga Exp $
   * TABS Main CSS file
   * (c) Digital Advertising and Marketing Ltd 2000-2007
*/

body {
  margin:0 auto;
  font-family: Verdana;
  color:#4F5553;
  width:840px;
}

#tabs-shadow img { 
  margin-left:-20px;
}

a {
  color:#4F5553;
  text-decoration:none;
}

h1 {
  margin-top:0;
  font-size:140%;
  color:#224F35;
  font-weight:700;
}

h2 {
  margin-top:0;
  font-size:130%;
  color:#224F35;
  font-weight:700;
}

h3 {
  margin-top:0;
  font-size:120%;
  color:#224F35;
  font-weight:700;
}

h4 {
  margin-top:0;
  font-size:110%;
  color:#224F35;
  font-weight:700;
}

h5 {
  margin-top:0;
  font-size:100%;
  color:#224F35;
  font-weight:700;
}

h6 {
  margin-top:0;
  font-size:100%;
  color:#224F35;
  font-weight:700;
}

/* FORMS */

form {
  display:block;
  margin:0px;
  padding:0;
}

input {
  margin:0px 5px 0px 5px;
  border:1px #4F5553 solid;
  width:auto;
}

input:focus, textarea:focus {
  background-color:#FFF6F0;
}

.inter-input {
  width:90%;
}

input.radio {
  margin:0;
  border:none;
  float:left;
}

input.checkbox {
  margin:0;
  border:none;
}

input.button {
  width:100px;
  font-size:9pt;
  margin:5px;
  padding:3px;
  background-color:#E4D4B0;
  color:#224F35;
  border:1px #93AB9D solid;
  cursor:pointer;
  cursor:hand;
}

#add-new-creative a, #add-new-project a, #add-new-client a {
  float:left;
}

input.file {
  margin:0px 5px 0px 5px;
  border:1px #4F5553 solid;
  width:90%;
}

label {
  margin:5px 5px 0px 5px;
  cursor:pointer;
  cursor:hand;
}

label.radio-lebel {
  padding:5px;
}

select {
  margin:5px 5px 0px 5px;
  border:1px #4F5553 solid;
  width:auto;
}

textarea {
  margin:5px 5px 0px 5px;
  border:1px #4F5553 solid;
  width:auto;
  font-family: Verdana;
  font-size:100%;
  padding:2px;
}

input, select  {
  font-family: Verdana;
  font-size:100%;
  padding:1px;
}

/* error console */

#error-console {
  position:absolute;
  top:170px;
  width:400px;
  z-index:9999;
}

#error-console-header {
  display:block;
  height:25px;
}

#error-console-header div {
  height:25px;
  float:left;
  overflow:hidden;
}

#error-console-header img {
  border:none;
}

#error-error {
  float:left;
  background-color:#990000;
  width:350px;
  height:25px;
  color:white;
  font-size:80%;
  font-weight:bold;
  overflow:hidden;
  margin:0;
}

#error-error-text {
  padding:4px;
}

#error-console-body {
  clear:both;
  width:auto;
  height:160px;
  font-size:90%;
  color:#000000;
  overflow:auto;
  padding:5px;
  font-weight:bold;
  background-color:white;
  -moz-opacity: 0.9;
  filter:alpha(opacity=90);
  border:3px #990000 solid;
}

#error-console-body ul {
  list-style: circle;
  padding-top: 0px;
  padding-bottom: 0px;
}

#error-close-icon {
  background-color:#990000;
}

/* confirm console */

.confirm-header {
  background-color:#ef922e;
}

.confirm-body {
  border:3px #ef922e solid;
  color:#ef922e;
}

/* warning console */

.warning-header {
  background-color:#224F35;
}

.warning-body {
   border:3px #224F35 solid;
}

/* info console */

.info-header {
  background-color:#224F35;
}

.info-body {
   border:3px #224F35 solid;
}

/* page structure */
.tabs-shell, #tabs-shadow, #tabs-loading {
  position:absolute;
  top:5px;
  margin:0 auto;
  z-index:2;
}

#tabs-shadow, #tabs-loading {
  z-index:0;
  top:0;
  position:relative;
  width:880px;
}

#tabs-loading {
  width:100%;
}

#tabs-loading, #internal-info {
  text-align:center;
}

#internal-info {
  margin:0 auto;
  font-size: 80%;
  width:840px;
}

.tabs-header {
  width:840px;
  color:#E4D4B0;
  height:57px;
  overflow:hidden;
}

.tabs-header-max {
  width:840px;
  color:#E4D4B0;
  height:57px;
  overflow:hidden;
  display:none;
}

#tabs-logout {
  text-decoration:underline;
}

.tabs-header-no-logo {
  float:left;
  width:651px;
  height:57px;
  background-image:url("images/tabs_header_bkg.png");
  background-repeat: repeat-x;
}

.tabs-header a {
  color:#E4D4B0;
}

.tabs-header td {
  font-size:70%;
  color:#E4D4B0;
}

#tabs-header-corner {
  float:right;
  height:57px;
}

.tabs-body {
  width:838px;
  overflow:hidden;
  background-color:#FFFFFF;
  border:1px #224F35 solid;
  border-top:none;
  border-bottom:none;
}

.tabs-body-max {
  overflow:hidden;
  background-color:#FFFFFF;
  border:none;
  border-top:none;
  border-bottom:none;
  margin: none;
}

#table-test {
  border: none;
  margin: none;
  width: 838px;
}

.table-test-max {
  border: none;
  margin: none;
  width: 1250px;
}


/* TABS Footer*/

.tabs-footer {
  width:834px;
  font-size:70%;
  border:1px #224F35 solid;
  background-color:#224F35;
  color:#E4D4B0;
  text-align:center;
  padding:2px;
}

.tabs-footer a {
  color:#E4D4B0;
}

.tabs-footer td {
  color:#E4D4B0;
}

/* main tabs */

ul#tabs {
  display:block;
  margin:0;
  padding:0;
  list-style: none;
  border: none;
  display:block;
  border:none;
  overflow:hidden;
  height:35px;
  background-image:url('images/tab_end_bkg.gif');
  background-repeat:repeat-x;
  background-position:bottom;
}

#tabs li {
  float:left;
  border-top:none;
  border-left:none;
  border-right:1px #224F35 solid;
  border-bottom:none;
  background-image:url("images/tab_green.gif");
  background-repeat:no-repeat;
  height:33px;
  margin-right:2px;
  overflow:hidden;
}

#tabs li.here {
  float:left;
  border-left:none;
  border-right:2px #224F35 solid;
  border-bottom:none;
  background-image:url("images/tab_green_selected.gif");
  background-repeat:no-repeat;
  height:35px;
  z-index:300;
}

#tabs li.here a {
  color:#224F35;
}

#tabs li.here a:hover {
  background-image:url("images/tab_green_selected.gif");
}

#tabs a {
  display:block;
  padding:10px;
  width:auto;
  height:auto;
  font-weight:900;
  color:#7B5C40;
}

#tabs a:hover {
  background-image:url("images/tab_green.gif");
  color:#F1B47D;
}

/* top-tabs-delivery-console */

ul#tabs-dc {
  display:block;
  margin:0;
  padding:0;
  list-style: none;
  border: none;
  overflow:hidden;
  height:35px;
  background-image:url('images/tab_end_dc_bkg.gif');
  background-repeat:repeat-x;
  background-position:bottom;
}


#tabs-dc li {
  display:block;
  float:left;
  border-top:none;
  border-left:none;
  border-right:1px #EF922E solid;
  border-bottom:none;
  background-image:url("images/tab_orange.gif");
  background-repeat:no-repeat;
  height:33px;
  margin-right:2px;
}

#tabs-dc li.here {
  float:left;
  border-top:none;
  border-left:none;
  border-right:2px #EF922E solid;
  border-bottom:none;
  background-image:url("images/tab_orange_selected.gif");
  background-repeat:no-repeat;
  height:35px;
  z-index:300;
}

#tabs-dc li.disabled {
  display:block;
  float:left;
  border-top:none;
  border-left:none;
  border-right:1px #CCCCCC solid;
  border-bottom:none;
  background-image:url("images/tab_disabled.gif");
  background-repeat:no-repeat;
  height:33px;
  margin-right:2px;
}

#tabs-dc li.disabled a {
  color:#CCCCCC;
}


#tabs-dc li.here a {
  color:#EF922E;
}

#tabs-dc li.here a:hover {
  background-image:url("images/tab_orange_selected.gif");
}

#tabs-dc a {
  display:block;
  padding:10px;
  width:auto;
  height:auto;
  font-weight:900;
  color:#7B827E;
}

#tabs-dc a:hover {
  background-image:url("images/spacer.gif");
  color:#999999;
}


ul#tabs-dc li.dc-title {
  position:relative;
  float:right;
  z-index:3000;
  background-image:none;
  padding:0;
  margin:0;
  border:0;
}

/***** steps ******/

ul#tabs-dc li.steps-li {
  float:right;
  background-image:none;
  background-color:none;
  border:none;
  width:210px;
}

ul#tabs-dc li.steps-li a {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  background-color:none;
}

ul#tabs-dc li.steps-li a:hover {
  background-image:none;
  background-color:none;
}

#steps {
  padding:3px;
}

#steps img {
  border:none;
  margin:0;
  padding:0;
}

#step-title {
  float:left;
  font-size:120%;
  color:#EF922E;
  padding:6px;
  margin-left:20px;
}

/* project tabs - creative tabs */

.name-header {
  font-size:150%;
  border-bottom:1px #7B7A76 solid;
  margin:0 5px 5px 5px;
  padding-top:5px;
  padding-bottom:5px;
  font-weight:500;
  color:#686864;
}

.name-header img {
  float:left;
  margin-right:2px;
  margin-top:-2px;
}

.name-header span {

}

.publish-details {
  overflow:hidden;
  height:322px;
}

.publish-details-td {
  padding-top:8px;
  padding-bottom:8px;
}


ul#project-options, ul#creative-options, ul#project-publish-options, ul#ccit-options {
  display:block;
  margin:0;
  padding:0;
  list-style: none;
  border: none;
  overflow:hidden;
  height:25px;
  background-image:url('images/tab_end_pr_bkg.gif');
  background-repeat:repeat-x;
  background-position:bottom;
}

ul#project-publish-options {
  margin-right:5px;
  margin-left:5px;
  background-image:url('images/tab_end_pr_pb_bkg.gif');
}

ul#creative-options {
  width:100%;
}

#project-options li, #creative-options li, #project-publish-options li, #ccit-options li {
  float:left;
  border-top:none;
  border-left:none;
  border-right:1px #93AB9D solid;
  border-bottom:none;
  margin-right:2px;
  background-image:url("images/tab_p.gif");
  background-repeat:no-repeat;
}

li#close-project-options-tab {
  border:none;
  border-top:1px #FFFFFF solid;
  border-bottom:2px #93AB9D solid;
  background-image:url('images/spacer_white.gif');
  width:auto;
}

li#close-project-options-tab a {
  display:block;
  overflow:hidden;
}

#project-options li.here, #creative-options li.here, #project-publish-options li.here, #ccit-options li.here{
  float:left;
  border-top:none;
  border-left:none;
  border-right:2px #93AB9D solid;;
  border-bottom:none;
  height:25px;
  z-index:300;
  background-color:#FFFFFF;
  background-image:url("images/tab_p_selected.gif");
  background-repeat:no-repeat;
}

#project-options li.here a, #cretive-options li.here a, #project-publish-options li.here a, #ccit-options li.here a {
  color:#224F35;
}

#project-options a, #creative-options a, #project-publish-options a, #ccit-options a {
  display:block;
  padding:4px;
  width:auto;
  height:auto;
  font-weight:600;
  color:#4F5553;
}

/* small tabs - use for nav extra features like 'quick jump' */

#nav-dc {
  color:#EF922E;
}

#show-hide-nav {
  cursor:hand;
  cursor:pointer;
  width:12px;
  overflow:hidden;
}

ul#nav-extra-tab {
  display:block;
  margin:0;
  padding:0;
  list-style: none;
  border: none;
}

#nav-extra-tab li {
  display:block;
  float:left;
  padding:5px;
  border-top:1px #FFFFFF solid;
  border-left:none;
  border-right:1px #064705 solid;
  border-bottom:1px #064705 solid;
  margin-bottom:-1px;
}

li#close-nav-extra-tab {
  border:none;
  border-top:1px #FFFFFF solid;
  border-bottom:1px #064705 solid;
  width:auto;
}

li#close-nav-extra-tab a {
  display:block;
  overflow:hidden;
}

#nav-extra-tab li.nav-extra-tab-gap {
  width:3px;
  border:none;
  border-top:1px #FFFFFF solid;
  border-bottom:1px #064705 solid;
  overflow:hidden;
  margin-left:-1px;
}

#nav-extra-tab li.nav-extra-tab-here {
  float:left;
  border-top:1px #FFFFFF solid;
  border-left:none;
  border-right:1px #064705 solid;;
  border-bottom:none;
  font-weight:600;
  background-image:url("images/tab_green.gif");
  background-repeat:no-repeat;
}

#nav-extra-tab li.nav-extra-tab-here a {
  color:#224F35;
}

#nav-extra-tab li.here a:hover {
  background-color:#EFF6F2;
}

#nav-extra-tab a {
  display:block;
  padding:1px;
  width:auto;
  height:auto;
  font-weight:600;
  font-size:70%;
  color:#4F5553;
}

#nav-extra-tab a:hover {
  background-color:#DEDFDE;
}

/* dc extension for nav-extra-tab */

#do-small-tabs {
  margin-top:3px;
}

ul#nav-extra-tab-dc, .nav-extra-tab-dc {
  background-image:url("images/tab_end_dc_bkg.gif");
  background-position:center bottom;
  background-repeat:repeat-x;
  height:25px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  overflow:hidden;
  padding:0pt;
}

#nav-extra-tab-dc li, .nav-extra-tab-dc li {
  display:block;
  float:left;
  padding:5px;
  border-top:none;
  border-left:none;
  border-right:1px #EF922E solid;;
  border-bottom:none;
  margin-bottom:-1px;
  margin-left:2px;
  background-image:url("images/tab_orange.gif");
  height:13px;
}

li#close-tab {
  border:none;
  border-top:1px #FFFFFF solid;
  border-bottom:1px #EF922E solid;
  width:auto;
}

li#close-tab a {
  display:block;
  overflow:hidden;
}

#nav-extra-tab-dc li.tab-gap {
  width:3px;
  border:none;
  border-top:1px #FFFFFF solid;
  border-bottom:1px #EF922E solid;
  overflow:hidden;
  margin-left:-1px;
}

#nav-extra-tab-dc li.here, .nav-extra-tab-dc li.here{
  float:left;
  border-top:none;
  border-left:none;
  border-right:2px #EF922E solid;
  border-bottom:none;
  font-weight:600;
  background-image:url("images/tab_orange_selected.gif");
  background-repeat:no-repeat;
  color:#EF922E;
  height:25px;
}

#nav-extra-tab-dc li.here a, .nav-extra-tab-dc li.here a {
  color:#EF922E;
}

#nav-extra-tab-dc a, .nav-extra-tab-dc a {
  display:block;
  padding:1px;
  width:auto;
  height:auto;
  font-weight:600;
  color:#999999;
}

.clear-cl {
  clear:both;
}

.clear {
  clear:both;
  display:block;
  margin:0;
  padding:0;
  border:none;
  border-left:2px #224F35 solid;
  border-right:2px #224F35 solid
}

#tabs-logo {
  float:left;
  width:189px;
}

#tabs-logo img {
  border:0px;
  margin:0px;
  width:189px;
  height:57px;
  behavior: url("pngbehavior.htc");
}

#tabs-tz-logo {
  float:right;
  margin-top:23px;
  margin-right:2px;
}

#tabs-tz-logo img {
  border:0px;
  margin:0px
}

#tabs-login-info {
  float:right;
  width:auto;
  font-size:70%;
  margin-top:26px;
  margin-right:5px;
}

.td-body {
  font-size:70%;
  width:100%;
}

.navigation {
  display:block;
  width:170px;
  overflow:hidden;
  white-space:nowrap;
}

.nav-icon {
  border:none;
  float:left;
  margin:-5px 5px 0px -6px;
}

#navigation-button {
  display:block;
}

.nav-header {
  display:block;
  width:auto;
  padding:18px 10px 10px 10px;
  color:#E4D4B0;
  font-weight:900;
  background-image:url("images/navigation_header.gif");
}


/*
#nav-clients a, #nav-projects a, #nav-creatives a, #nav-pool a, #nav-help a {
  background-image:url("images/navigation_background.gif");
  background-repeat:repeat-x;
}

#nav-clients a:hover, #nav-projects a:hover, #nav-creatives a:hover, #nav-pool a:hover, #nav-help a:hover {
  background-image:url("images/navigation_background.gif");
  background-repeat:repeat-x;
  color:#F1B47D;
}
*/

#body-navigation div.nav-selected a {
  background-image:url("images/navigation_selected.gif");
}

#body-navigation div.nav-selected a:hover {
  background-image:url("images/navigation_selected.gif");
}

#body-navigation div.nav-selected a {
  color:#224F35;
}

#body-navigation div.nav-selected a:hover {
  color:#224F35;
}

#body-navigation a {
  display:block;
  padding:9px;
  width:auto;
  height:auto;
  font-weight:900;
  color:#7B5C40;
  border-bottom:1px #064705 solid;
  border-left:1px #064705 solid;
  border-right:1px #064705 solid;
  background-image:url("images/navigation_background.gif");
}

#body-navigation a:hover {
  color:#E7A869;
}

/* dc extension */
#body-navigation div.selected-dc a {
  background-image:url("images/navigation_selected_dc.gif");
  color:#224F35;
}

#body-navigation div.selected-dc a:hover {
  color:#224F35;
}

#tasks {
  padding:5px;
  font-size:80%;
}

#tasks a {
  display:block;
  padding:3px;
  width:auto;
  height:auto;
  font-weight:600;
  color:#7B5C40;
  border:none;
  border-bottom:1px #DEDFDE solid;
  background-image:none;
}

.work-console {
  display:block;
  width:auto;
  border:1px #CCCC00 solid;
}

.tabs {
  display:block;
}

.nav-extra {
  width:auto;
  padding:0px;
  white-space:nowrap;
}

.nav-extra-header {
  width:auto;
  padding:5px;
  color:#E4D4B0;
  font-weight:900;
  /* background-image:url("images/navigation_header.gif"); */
  background-color:#224F35;
  margin-top:5px;
}

.nav-extra-header-dc {
  width:auto;
  padding:5px;
  color:#FFFFFF;
  font-weight:900;
  /* background-image:url("images/navigation_header_dc.gif"); */
  background-color:#EF922E;
  margin-top:5px;
}

.nav-extra-tab-body {
  display:block;
  width:auto;
  border-left:1px #064705 solid;
  border-right:1px #064705 solid;
  border-bottom:1px #064705 solid;
  overflow:hidden;
  white-space:nowrap;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
  padding-top:5px;
}

.nav-extra-tab-body-dc {
  display:block;
  width:auto;
  border-left:1px #EF922E solid;
  border-right:1px #EF922E solid;
  border-bottom:1px #EF922E solid;
  overflow:hidden;
  white-space:nowrap;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
  padding-top:5px;
}

.nav-extra-clear {
  clear:both;
  display:block;
  width:auto;
  border-top:none;
  border-left:1px #064705 solid;
  border-right:1px #064705 solid;
  border-bottom:none;
}


#nav-extra-creative-info {
  padding:5px;
  font-size:0.8em;
  color:#A64221;
}

.info-message {
  padding:5px;
  color:#A64221;
  margin-top:10px;
}

#nav-extra-creative-info a {
  margin:0;
  padding:0;
  border:0px;
  color:#EF922E;
  background-image:none;
}

.tab-selected {
  display:inline;
  width:auto;
  border-top:2px #224F35 solid;
  border-left:2px #224F35 solid;
  border-right:2px #224F35 solid;
  padding:10px;
}

.tab {
  display:inline;
  width:auto;
  border-top:1px #224F35 solid;
  border-left:1px #224F35 solid;
  border-right:1px #224F35 solid;
  border-bottom:1px #224F35 solid;
  padding:10px;
}

.tab-body {
  display:block;
  margin:0px;
  padding:5px;
  padding-top:7px;
  height:510px;
  border:none;
  border-left:2px #224F35 solid;
  border-right:2px #224F35 solid;
  border-bottom:2px #224F35 solid;
  overflow:auto;
}


#td-body {
  height:510px;
}

/* tab body dc extension */

#dc-logo {
  float:right;
  border:none;
  margin-top:-1px;
  margin-right:-7px;
}

.tab-body-dc {
  display:block;
  margin:0px;
  width:auto;
  height:520px;
  border:none;
  border-left:2px #EF922E solid;
  border-right:2px #EF922E solid;
  border-bottom:2px #EF922E solid;
  overflow:hidden;
}

#tab-ld {
  background-image:url("images/publish_background.gif");
  color:#FFFFFF;
  left:0pt;
  position:absolute;
  top:0pt;
  visibility:hidden;
  z-index:20000;
  text-align:center;
  font-size:140%;
  font-weight:700;
  width: 0px;
  height: 0px;
  border: 0px dotted #FF0000;
  visibility: hidden;
}

.tab-body-dc-max {
  display:block;
  margin:0px;
  width:auto;
  /* border:none; */
  overflow:hidden;
}

#creative-title-dc {
  color:#224F35;
  height:32px;
}

.creative-title-dc-max {
  border-bottom: 1px solid #EF922E;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  height:32px;
}

.tab-body-dc #dc-footer {
  display:block;
  padding:3px;
}

.tab-body-dc #dc-footer input {
  float:right;
  margin-left:5px;
}

.tab-body-dc #dc-footer img {
  float:left;
}

.dc-footer-show {
  display:block;
}

.dc-footer-hide {
  display:none;
}

.swap-creative {
  float:left;
  padding:0;
  margin-top:5px;
  margin-left:10px;
}

.tab-body-dc .tab-body-hide, .tab-body-dc .tab-body-show {
  height:450px;
  overflow:auto;
  border-bottom:2px #EF922E solid;
  border-top:1px #EF922E solid;
}

.td-green-border {
  font-size:70%;
  /* border:1px #064705 solid; */
}

/* Tabs body */

.tabs-group {
  display:block;
  width:auto;
  overflow:hidden;
}

.tab-body-show {
  display:block;
  width:auto;
  overflow:hidden;
}

.tab-body-hide {
  display:none;
  width:auto;
  overflow:hidden;
}

.project-tab-body-show, .creative-tab-body-show, .ccit-tab-body-show {
  display:block;
  width:auto;
  height:auto;
  background-color:#FFFFFF;
  border-top:none;
  border-left:2px #93AB9D solid;
  border-right:2px #93AB9D solid;
  border-bottom:2px #93AB9D solid;
  overflow:hidden;
}

.project-tab-body-hide, .creative-tab-body-hide, .ccit-tab-body-hide {
  display:none;
  width:auto;
  overflow:hidden;
  background-color:#FFFFFF;
  border-top:none;
  border-left:2px #93AB9D solid;
  border-right:2px #93AB9D solid;
  border-bottom:2px #93AB9D solid;
  overflow:hidden;
}

.project-tab-body-hide .list-left, .project-tab-body-hide .list-right, .creative-tab-body-hide .list-left, .creative-tab-body-hide .list-right, .project-tab-body-show .list-left, .project-tab-body-show .list-right, .creative-tab-body-show .list-left, .creative-tab-body-show .list-right, .ccit-tab-body-show .list-left, .ccit-tab-body-show .list-right, .ccit-tab-body-hide .list-left, .ccit-tab-body-hide .list-right {
  background-image:none;
}

.list-item-id {
  float:right;
  font-size:80%;
  margin-top:3px;
}

.delete-confirm {
  display:none;
  overflow:hidden;
  position:relative;
  width:100%;
  height:40px;
  z-index:300;
  /*
  background-image:url("images/body_confirm_shadow.gif");
  background-repeat:repeat-x;
  background-position:bottom;
  */
  margin: 0 -10px 5px -5px;
}

#delete-confirm-text, #archive-confirm-text, #restore-confirm-text {
  float:left;
  padding:10px;
  font-weight:700;
  color:red;
}

.delete-confirm ul {
  float:right;
  width:150px;
  margin:0;
  padding:5px;
  list-style: none;
  border: none;
}

.delete-confirm li {
  float:right;
  border-right:2px #224F35 solid;
  border-bottom:2px #224F35 solid;
  margin-left:5px;
  background-image:url("images/edit_options_bkg.gif");
  background-repeat:no-repeat;
  text-align:center;
}

.delete-confirm a {
  display:block;
  padding:5px;
  width:auto;
  height:auto;
  font-weight:900;
  color:#FFFFFF;
}

.delete-confirm a:hover {
  color:#DEDFDE;
}

/* Client, project, creative action buttons */

ul#edit-options, .edit-options, ul#edit-options-dc, .edit-options-dc, ul#add-new-project-buttons, ul.small-button {
  display:block;
  height:26px;
  padding:0;
  margin-top:2px;
  margin-bottom:5px;
  list-style:none;
  text-align:right;
}

#edit-options li, .edit-options li, #edit-options-dc li, .edit-options-dc li, ul.small-button li {
  float:right;
  margin-left:5px;
  white-space:nowrap;
}

ul.small-button, ol#dc-import-options {
  clear:both;
}

#edit-options img, .edit-options img {
  float:left;
  border:none;
  margin-right:3px;
}

#edit-options div, .edit-options div {
  float:left;
  padding:5px 5px 5px 0;
  white-space:nowrap;
  cursor:hand;
}

ol#dc-import-options li {
  /* clear:both; */
  margin-top:20px;
  padding-top:-3px;
  /* width:auto; */
}

ol#dc-import-options li label {
  float:none;
  margin:0;
  padding:0;
}

.submit-button-dc-po img {
  border:none;
}

#add-new-project-buttons li {
  float:right;
  border-right:2px #224F35 solid;
  border-bottom:2px #224F35 solid;
  background-image:url("images/edit_options_bkg.gif");
  background-repeat:no-repeat;
  margin-right:2px;
}

.disabled-button-dc {
  border-right:2px #CCCCCC solid;
  border-bottom:2px #CCCCCC solid;
  background-image:url("images/tab_disabled.gif");
  background-repeat:no-repeat;
  border-top:none;
  border-left:none;
  padding:5px;
  background-color:white;
  font-size:;
}

.submit-button-dc, .submit-button-dc-po, #edit-options-dc li, .edit-options-dc li, li#edit-creative, li#copy-creative, li#project-add-new-creative, ul.small-button li {
  border-right:2px #EF922E solid;
  border-bottom:2px #EF922E solid;
  background-image:url("images/edit_options_orange_bkg.gif");
  background-repeat:no-repeat;
  background-color:transparent;
}

.submit-button-dc, .submit-button-dc-po, #edit-options a, .edit-options a {
  margin-right:10px;
  font-weight:900;
  color:#224F35;
}

.submit-button-dc, .submit-button-dc-po {
  border-top:none;
  border-left:none;
  padding:5px;
  background-color:white;
  font-size:110%;
  margin-right:3px;
  cursor:pointer;
  cursor:hand;
}

.submit-button-dc-po {
  padding:4px;
  margin:0;
  font-size:90%;
}

#edit-options-dc a, .edit-options-dc a, #add-new-project-buttons a, ul.small-button li a {
  display:block;
  padding:5px;
  width:auto;
  height:auto;
  font-weight:900;
  color:#224F35;
}

#add-new-project-buttons a {
  color:#FFFFFF;
}

#edit-options a:hover, .edit-options a:hover, ul.small-button li a:hover {
  color:#E7A869;
}

#add-new-project-buttons a:hover {
  color:#FFFFFF;
}

/* Site restrictions */

#site-restrictions {
  display:block;
  width:100%;
  height:495px;
  border:none;
}

/* Client, project, creative lists */

.list-body {
  display:none;
  width:auto;
  /* height:100%; */
  border:2px #7b7a76 solid;
  padding:10px 5px 5px 5px;
  margin:0;
  overflow:hidden;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

.list-header {
  display:block;
  background-color:#F4F3EB;
}

.list-header-second {
  display:block;
  background-color:#e8e7df;
}

.list-header-selected {
  display:block;
  background-color:#7b7a76;
}

.list-header-selected div {
  color:#FFFFFF;
}

.list-header a {
  display:block;
  padding:2px;
  border:1px #FFFFFF solid;
}

.list-header a:hover {
  color:#214F35;
  border:1px #93AB9D solid;
  font-weight:900;
}

.list-header-second a {
  display:block;
  padding:2px;
  border:1px #F4F3EB solid;
}

.list-header-second a:hover {
  color:#214F35;
  border:1px #93AB9D solid;
  font-weight:900;
}

.list-header-selected a {
  display:block;
  color:#FFFFFF;
  font-weight:900;
  padding:3px;
}

.list-header-selected a:hover {
  color:#FFFFFF;
}

.list-left {
  float:left;
  width:40%;
  padding:5px;
  margin:0;
  overflow:hidden;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
}

.list-left a {
  text-decoration:underline;
}

.list-left.title {
  display:block;
}

.list-left input {
  margin:0px;
}

.list-right {
  float:right;
  width:55%;
  padding:5px;
  margin:0;
  overflow:hidden;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
}

.list-right input, .list-right textarea, .list-right select {
  margin:5px 5px 5px 5px;
}

.list-body .list-header {
  display:block;
  width:auto;
  font-weight:600;
  padding:2px;
  color:#FFFFFF;
  background-color:transparent;
  background-image:url("images/list_header_background.gif");
  background-repeat:no-repeat;
}

.list-header-light {
  display:block;
  width:auto;
  font-weight:600;
  padding:2px;
  color:#7B7A76;
  border-bottom:1px #9F9E99 solid;
  background-color:transparent;
  /* background-image:url("images/list_header_light_background.gif");
  background-repeat:no-repeat; */
}

.list-header-dc {
  margin:0;
  border-bottom:1px #FFD6C9 solid;
  border-top:1px #FFD6C9 solid;
  padding:3px;
  font-weight:600;
  color:#224F35;
  background-image:url("images/h4_bkg.gif");
  background-repeat:repeat-x;
}

.list-item-second {
  display:block;
}

.list-item {
  display:block;
}

.list-item a {
  display:block;
  border-bottom:1px #A6AFAA solid;
  padding:2px;
  text-decoration:underline;
  height:16px;
}

.list-item a:hover {
  font-weight:600;
  color:#224F35;
}

.list-item-second a {
  display:block;
  border:1px #FFFFFF solid;
  border-bottom:1px #A6AFAA solid;
  padding:4px;
}

.list-item-second a:hover {
  border:1px #A6AFAA solid;
  font-weight:600;
  color:#224F35;
}


.submit-button-div {
  display:block;
  margin:5px 0px 0px 5px;
  width:auto;
  text-align:right;
}

#button-float-right{
  float:right;
}

#upload-details-container {
  display:none;
  margin:5px;
  float:left;
}

#upload-bar-outline {
  padding:0px 0px 0px 0px;
  display:block;
  width:100px;
  height:10px;
  overflow:none;
  background-image:url("images/tabs_progress_bar_bkg_small.gif");
  background-repeat:no-repeat;
}

#upload-progress-bar {
  display:block;
  height:10px;
  width:0%;
  background-color:#EF983A;
}

#motifate-simple-details-container {
  display:none;
  text-align:center;
  width:100%;
  overflow:hidden;
}

#motifate-simple-status {
  width:auto;
}

#motifate-results-info {
  display:none;
  width:auto;
}

#motifate-simple-results {
  padding:20px;
  font-weight:900;
  width:auto;
  height:54px;
  overflow:auto;
}

#motifate-simple-details-container ul.small-button {
  float:right;
  margin-top:-15px;
  margin-right:10px;
  width:auto;
}

#motifate-results-info ul.small-button {
  margin-right:10px;
  width:auto;
}

#motifate-simple-details-container ul.small-button a {
  text-decoration:none;
}

#motifate-results-info ul.small-button a {
  text-decoration:none;
}

#motif-link #label-disabled {
  color:#636363;
}

#dc-download-resources-link a, #motif-link a, #dc-reset-config-sync-link a {
  text-decoration:none;
}

#motifate-simple-bar-outline {
  width:75%;
  height:10px;
  padding:0;
  margin:20px auto 10px auto;
  font-size:50%;
  background-image:url("images/tabs_progress_bar_bkg_small.gif");
  background-repeat:no-repeat;
}

#motifate-simple-progress-bar {
  display:block;
  height:10px;
  background-color:#EF983A;
  padding:0;
  float:left;
}

#motifate-compound-details-container {
  display:none;
  margin:5px;
  float:center;
}

#motifate-compound-bar-outline{
  padding:0px 0px 0px 0px;
  display:block;
  width:600px;
  height:20px;
  /* border-width:1px;
  border-style:solid;
  border-color:#4F5553; */
  overflow:none;
}

#motifate-compound-progress-bar {
  display:block;
  height:20px;
  width:0%;
  background-color:#000000;
}

.submit-button-div img {
  float:left;
  margin:0px;
}

.submit-button {
  margin:0px;
  padding:5px;
  cursor:pointer;
  cursor:hand;
  color:#224F35;
  font-size:90%;
  font-weight:900;
  background-image:url("images/button_bkg.gif");
  background-repeat:no-repeat;
  background-color:transparent;
  border:none;
  border-right:2px #224F35 solid;
  border-bottom:2px #224F35 solid;
}

.clear-form {
  clear:both;
}

/* new creative form - new project form */

#new-creative h4 {
  /* font-size:10pt;
  border-bottom:1px #ACB2B0 solid;
  border-top:1px #ACB2B0 solid;
  padding:3px;
  background-color:#ffede7;
  */
  margin:0;
  border-bottom:1px #FFD6C9 solid;
  border-top:1px #FFD6C9 solid;
  padding:3px;
  font-weight:600;
  color:#224F35;
  background-image:url("images/h4_bkg.gif");
  background-repeat:repeat-x;
}

#new-creative-left {
  float:left;
  width:30%;
  padding:0;
  margin:5px;
  border:1px #ffede7 solid;
  border-top:0;
}

#new-creative-right, #creative_events_list {
  float:left;
  width:67%;
  *width:65%;
  padding:0;
  margin-top:5px;
  border:1px #ffede7 solid;
  border-top:0;
}

#new-creative-help {
  display:block;
  margin:0;
  margin-top:30px;
  margin-bottom:50px;
  padding:5px;
  color:#224F35;
}

#select-type {
  padding:10px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#select-type input, #select-type label {
  display:inline;
  margin-left:5px;
  padding-left:0;
}

#format-div {
  padding:5px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#bulk-upload-content {
  display:block;
  height:400px;
}

#format-div label, .bulk-upload-content label {
  float:left;
  width:120px;
  padding-top:3px;
}

#format-div input, .bulk-upload-content input {
  margin:5px 100px 0px 5px;
  width:100px;
}

#format-div select, .bulk-upload-content select{
  width:240px;
}

#format-selector-not-div {
  display:block;
  padding:10px;
}

label#manual-width-label, label#manual-height-label {
  float:none;
  width:40px;
  margin:5px 0px 0px 5px;
}

label#manual-width-label {
  margin-left:135px;
}

input#manual-width, input#manual-height {
  width:40px;
  margin:5px 5px 0px 5px;
}

.creative-options-title {
  float:left;
  padding:5px;
  width:120px;
}

.creative-options {
  display:block;
  margin-left:126px;
  width:240px;
  height:22px;
}

.creative-options label {
  float:left;
  margin:5px 0 0 0;
  padding:0;
  width:auto;
}

.creative-options input.checkbox {
  float:left;
  margin:5px;
  padding:0;
  width:auto;
}


#creative-options-title {
  float:left;
  padding:5px;
  width:120px;
}

#creative-options {
  display:block;
  margin-left:126px;
  width:240px;
  height:22px;
}

#creative-options label {
  float:left;
  margin:5px 5px 5px 0;
  padding:0;
  width:auto;
}

#creative-options input.checkbox {
  float:left;
  margin:5px;
  padding:0;
  width:auto;
}

#placement-options-title {
  float:left;
  padding:5px;
  width:120px;
}

#placement-options {
  display:block;
  margin-left:126px;
  width:240px;
  height:22px;
}

#placement-options label {
  float:left;
  margin:5px 5px 5px 0;
  padding:0;
  width:auto;
}

#placement-options input.checkbox {
  float:left;
  margin:5px;
  padding:0;
  width:auto;
}

#format-buildguide-div {
  padding:10px;
  margin:10px;
  border:3px #EF922E dotted;
  background-color:#FADDBE;
}

#build-guide-link {
  margin:5px;
}

#build-guide-link-icon {
  margin:10px 5px 1px 5px;
}

#select-client {
  padding:5px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#select-client label {
  float:left;
  width:120px;
  padding-top:3px;
}

#select-client select {
  width:150px;
}

#select-roadblock-div {
  border: 1px solid #000;
  background-color: #FFFFFF;
}

#select-roadblock {
  padding:5px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#select-roadblock label {
  float:left;
  width:120px;
  padding-top:3px;
}

#select-roadblock select {
  width:150px;
}

#select-project {
  padding:5px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#select-project label {
  float:left;
  width:120px;
  padding-top:3px;
}

#select-project select {
  width:150px;
}

#select-project input.button, #select-client input.button, #add-new-client input.button, #add-new-project input.button, #body-add-client-nc input.button, #body-add-project-nc input.button {
  width:100px;
  font-size:9pt;
  padding:3px;
  background-color:#E4D4B0;
  color:#224F35;
}

.missing-field-warning {
  display: none;
  float: right;
  font-size:150%;
  color:red;
  margin-left:2px;
}

#creative-details {
  padding:5px;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#creative-details label {
  float:left;
  width:120px;
  padding-top:3px;
}

#creative-details input {
  margin:5px 0px 0px 5px;
  width:240px;
}

#creative-details textarea {
  margin:5px 0px 0px 5px;
  width:240px;
}

.help-text-on-page {
  display:block;
  margin:0;
  padding:5px;
  color:#224F35;
}

#body-add-roadblock-nc {
  display:none;
  border:1px #93AB9D solid;
  padding:10px;
  height:auto;
  margin:0;
  overflow:hidden;
  background-color: #FFFFFF;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#body-add-client-nc, #body-add-project-nc{
  display:none;
  border:1px #93AB9D solid;
  padding:10px;
  height:auto;
  margin:0;
  overflow:hidden;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

.rb-box{
  border: 1px solid #000;
  margin: 5px 0px 0px 5px;
  width:90%;
}

.edit-div{
  border: 1px solid #000000;
  display: none;
}

#body-add-client-nc label, #body-add-project-nc label, #body-add-roadblock-nc label {
  float:left;
  width:120px;
  padding-top:3px;
}

#body-add-client-nc input, #body-add-project-nc input, #body-add-roadblock-nc input {
  margin:5px 0px 0px 5px;
  width:250px;
}

#body-add-project-nc textarea {
  margin:5px 0px 0px 5px;
  width:250px;
}

.ok-cancel {
  height:30px;
  margin-top:10px;
}

.ok-cancel a {
  float:right;
  white-space:nowrap;
}

.ok-cancel-button-img {
  float:left;
  margin-right:5px;
}

.ok-cancel-button-div {
  float:left;
  font-weight:900;
  margin-top:5px;
  margin-right:10px;
  cursor:hand;
}

#body-add-client, #body-add-project {
  display:none;
  border:1px #93AB9D solid;
  padding:10px;
  height:auto;
  margin:0;
  overflow:hidden;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#body-add-project .list-left {
  width:48%;
}

#body-add-project .list-right {
  width:48%;
}

#body-add-project label {
  display:block;
  margin:0;
  margin-right:
  width:200px;
  font-weight:900;
}

#body-add-project input.text {
  display:block;
  margin:0;
  width:250px;
}

#body-add-project select {
  display:block;
  margin:0;
  width:250px;
}

#add-project-description-div {
  display:block;
  width:auto;
  padding:5px;
  margin:0;
  overflow:hidden;
 /* background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat; */
}

#add-project-description-div textarea {
  display:block;
  margin:0;
  width:100%;
}

#add-client label, #add-project label {
  float:left;
  width:22%;
}

.add-new-project {
  display:none;
  background-color:#A6AFAA;
  color:#FFFFFF;
  overflow:hidden;
}

.add-new-project textarea, .add-new-project input {
  top:0;
  width:90%;
}

.edit-project-field {
  margin:2px 0 2px 0;
  width:100%;
}

#select-client select, #select-project select {
  margin-bottom:5px;
}

#formatselector-info {
  display:none;
  margin:5px 5px 0px 5px;
}

#formatselector-manual {
  display:none;
}

#formatselector-manual input{
  width:50px;
}

/* Resources pool */

.file-preview-iframe {
  display:auto;
  margin-top:10px;
  width:100%;
  height:250px;
}

#creative-name-dc, #creative-name-dc-empty {
  font-family:Arial, Helvetica;
  float:left;
  font-weight:900;
  margin-left:5px;
  margin-top:7px;
  font-size:150%;
}

#creative-format-dc {
  font-family:Arial, Helvetica;
  font-size:70%;
  color:#7B827E;
}

#creative-status-title-dc {
  float:right;
  background-color:#EF922E;
  color:#FFFFFF;
  font-size:50%;
  font-size:100%;
  font-weight:600;
  padding:3px;
  margin:6px;
}

#creative-status-title-cl {
  float:right;
  background-color:#7B7A76;
  color:#FFFFFF;
  font-size:60%;
  font-weight:600;
  padding:3px;
}

#creative-status-dc {
  padding:1px 5px 1px 5px;
  background-color:#FFFFFF;
  color:#224F35;
}

#resource-pool {
  float:left;
  width:260px;
  border:1px #FFD6C9 solid;
  overflow:hidden;
}

#resource-pool img {
  float:left;
  margin:0px;
  padding:0px;
  border:none;
}

#resource-pool {
  display:block;
  height:auto;
  width:45%;
  border-bottom:1px #FFD6C9 solid;
  overflow:hidden;
  margin:5px;
}

#body-current-files, #body-add-file, #body-copy-file, #body-trash, #body-dc-files-internal, #network-search {
  display:none;
  overflow:auto;
  height:90px;
  width:100%;
  border-bottom:1px #FFD6C9 solid;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
}

#body-dc-files-internal {
  height:140px;
}

#body-dc-files-internal a {
  text-decoration:underline;
}

.dc-body-margin {
  margin-top:10px;
  margin-bottom:10px;
}
.file-info-body-margin {
  margin-top:1px;
  margin-bottom:0px;
}
#body-trash {
  height:45px;
}

#body-current-files {
  display:block;
}

#inputs {
  display:block;
  width:100%;
}

#resource-utils {
  float:left;
  border:1px #FFD6C9 solid;
  width:50%;
  overflow:hidden;
  margin-left:5px;
  margin-top:5px;
}

#resource-info-body {
  display:block;
  padding:3px;
  color:#A64221;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#resource-options-body-file {
  display:block;
  border-left:1px #FFD6C9 solid;
  padding:3px;
  color:#A64221;
  /*font-weight:600;*/
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#resource-options-body-file input {
  display:inline;
}

#resource-options-body-file label {
  display:inline;
}

#resource-options-body-file table {
  color:#A64221;
}

#resource-options-body-movie {
  display:none;
  border-left:1px #FFD6C9 solid;
  padding:3px;
  color:#A64221;
  font-weight:600;
}

#video-utils {
  float:left;
  border:1px #FFD6C9 solid;
  width:52%;
  height:auto;
  display:none;
  margin-top:5px;
}

#video-tool-body {
  font-size:90%;
  background-image:url("images/video_tool_background.gif");
  padding:10px;
}

#video-tool-options {
  padding:10px;
  background-color:#FFFFFF;
}

#resource-preview {
  display:block;
  height:230px;
  border-bottom:1px #FFD6C9 solid;
  padding:3px;
  color:#A64221;
  text-align:center;
  overflow:hidden;
  background-image:url("images/body_shadow.gif");
  background-repeat:repeat-x;
  background-attachment:fixed;
}

.section-header, #add-file, #copy-file-header, #trash-header, #current-files-header, #dc-files-internal-header {
  border-bottom:1px #FFD6C9 solid;
  padding:3px;
  font-weight:600;
  color:#224F35;
  background-image:url("images/h4_bkg.gif");
  background-repeat:repeat-x;
}

#dc-files-internal-note {
  margin:5px;
}


#current-files-empty, #copy-empty, #trash-empty {
  padding:5px;
}

#add-file a, #copy-file-header a, #trash-header a, #current-files-header a, #dc-files-internal-header a {
  color:#A64221;
}

.section-header-util {
  border-bottom:1px #FFD6C9 solid;
  border-left:1px #FFD6C9 solid;
  padding:3px;
  font-weight:600;
  color:#224F35;
}

.item-dc {
  display:block;
  margin-left:16px;
}

.client-dc {
  float:left;
  margin:5px;
  width:300px;
  overflow:hidden;
}

.project-dc {
  display:block;
  margin-left:16px;
  overflow:hidden;
}

.creative-dc {
  display:block;
  margin-left:16px;
  height:auto;
  overflow:hidden;
}

.creative-dc-selected {
  display:block;
  margin-left:16px;
  height:auto;
  overflow:hidden;
  border:1px #000000 solid;
  background-color:#CCCCCC;
}

.resource-dc {
  display:block;
  margin-left:16px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
}

.ghost-dc {
  display:block;
  position:absolute;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  font-size:70%;
  z-index:90;
}

.ghost-dc img {
  border:none;
}

.resource-name {
  overflow:hidden;
}

#trash-dc {
  display:block;
  margin:5px;
}

.clear-dc {
  clear:both;
}

.file-body-dc {
  display:block;
  overflow:hidden;
  white-space:nowrap;
  width:auto;
  margin-left:16px;
}

/* drag-objects */
#drag-queen {
  display:block;
  position:absolute;
  cursor:hand;
  cursor:pointer;
  background-color:#FFFFFF;
  z-index:3;
}

/*resource utils  */
#resource-preview {
  display:block;
}

#resource-info {
  float:left;
  width:100%;
  overflow:hidden;
}

#resource-options {
  float:left;
  width:50%;
  overflow:hidden;
}

.plus-minus {
  float:left;
  width:12px;
  height:18px;
  margin:0px;
  padding-top:3px;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
  cursor:hand;
  text-align:center;
}

.plus-minus img {
  margin:0;
  padding:0;
}

.pool-icon {
  /* display:inline; */
  float:left;
  width:18px;
  height:18px;
  margin:1px;
  padding:0px;
  overflow:hidden;
  text-align:center;
}

.pool-name {
  display:block;
  overflow:hidden;
  margin:1px;
  padding:1px;
  width:auto;
  background:transparent;
}

.project-folder {
  display:block;
  height:18px;
  overflow:hidden;
  margin-top:1px;
  margin-bottom:1px;
}

.creative-folder {
  display:block;
  height:18px;
  overflow:hidden;
  margin-top:1px;
  margin-bottom:1px;
}

.pool-file {
  display:block;
  height:18px;
  overflow:hidden;
  margin-top:1px;
  margin-bottom:1px;
  cursor:pointer;
  cursor:hand;
}

/*creative-config*/

.body-creative-preview-config {
  display:block;
  overflow:hidden;
  width:100%;
  height:auto;
}

.browserdiv {
  display:block;
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height:auto;
  overflow:hidden;
  border:2px #EF922E solid;
}

.browseriframe {
  display:block;
  width:100%;
  height:422px;
  overflow:auto;
}

.browseriframe-max {
  display:block;
  width:100%;
  height:900px;
  overflow:auto;
}

#browseriframe_test {
  margin: 0pt;
  padding: 0pt;
  display: block;
  width: 100%;
  height: 422px;
}

#creative-configure {
  overflow:hidden;
}

#creative-config-demo-url, #preview-options-test-url, #roadblock-config-bottom-menu {
  display:block;
  width:100%;
  height:26px;
  background-image:url("images/publish_background.gif");
  overflow:hidden;
}

#creative-config-demo-url input, #preview-options-test-url input, #roadblock-config-bottom-menu input {
  width:200px;
  margin-top:1px;
  border-color:white;
  background-color:#EF922E;
  color:white;
}

#do-rb-edit-options-dc, #do-edit-options-dc {
  margin:0 5px 0 0;
}

#do-rb-edit-options-dc a, #do-edit-options-dc a {
  font-size:80%;
  padding:3px;
}

#creative-config-demo-url a, #preview-options-test-url a, #roadblock-config-bottom-menu a {
  font-size:80%;
  padding:4px;
}

#creative-config-demo-url ul, #preview-options-test-url ul, #roadblock-config-bottom-menu ul {
  float:left;
  overflow:hidden;
}

#creative-config-demo-url ul li, #preview-options-test-url ul li, #roadblock-config-bottom-menu ul li {
  float:left;
  overflow:hidden;
}

#creative-config-demo-url span {
  padding:1px;
}

#test_url, #config_url {
  width:300px;
}

.configure-funky {
  position:absolute;
  display:none;
  width:800px;
  height:415px;
}

.leftposdiv {
  position:absolute;
  left:10px;
  top:0px;
  border-left:solid 1px #000000;
  width:0px;
  height:390px;
  z-index:500;
}

.leftposdiv-subdiv {
  position:absolute;
  left:-6px;
  top:3px;
  width:11px;
  height:11px;
  z-index:500;
  cursor:e-resize;
}

.topposdiv {
  position:absolute;
  left:0px;
  top:20px;
  border-top:solid 1px #000000;
  width:523px;
  height:0px;
  z-index:500;
}

.topposdiv-subdiv {
  position:absolute;
  left:3px;
  top:-6px;
  width:11px;
  height:11px;
  z-index:500;
  cursor:s-resize;
}

.advertdiv {
  position:absolute;
  left:20px;
  top:20px;
  width:200px;
  height:100px;
  z-index:1000;
}

.movediv {
  position:absolute;
  left:0px;
  top:0px;
  z-index:5000;
  cursor:move;
  border:1px #EF922E solid;
}

.resizer {
  position:absolute;
  left:0px;
  top:0px;
  width:11px;
  height:11px;
  z-index:5000;
  cursor:se-resize;
}

.iframecover {
  position:absolute;
  left:0px;
  top:0px;
  width:543px;
  height:370px;
  z-index:1;
  visibility:hidden;
}

#dc-move-preview-link {
}

#output-body {
  text-align:left;
  z-index:600;
}

#output-header {
  text-align:left;
  z-index:600;
}

#configure-utils {
  display:block;
  position:absolute;
  left:610px; /* This is overwritten in creative_config.xsl JS for dragging */
  top:140px;  /* This is overwritten in creative_config.xsl JS for dragging */
  width:200px;
  height:auto;
  margin-top:5px;
  background-color:#FFFFFF;
  border:3px #EF922E solid;
  overflow:hidden;
  z-index:3333;
  text-align:left;
  font-size:70%;
}

#configure-utils input {
  width:30px;
  margin:0px;
  margin-bottom:1px;
  font-size:80%;
  font-weight:700;
}

#configure-utils select {
  width:50px;
  margin:0px;
  font-size:80%;
  font-weight:700;
}

#configure-utils input.checkbox {
  width:auto;
  margin:0px;
}

#configure-utils label {
  float:left;
  width:85px;
  padding:0px;
  padding-top:2px;
  margin:0px;
  font-size:80%;
  font-weight:700;
}

#demo-url-value label {
  width:auto;
}

.demo-url {
  width:40%;
  margin:1px;
 }

#configure-utils input.long {
  width:360px;
  margin:0px;
}

#configure-utils-header {
  width:auto;
  height:15px;
  background-image:url("images/publish_background.gif");
  overflow:hidden;
}

#configure-utils-toggle-icon {
  border:0px;;
  margin:0px;
}

#single-configure-utils, #roadblock-configure-utils {
  padding:5px;
}

#body-configure-utils {
  display:block;
  overflow:auto;
  height:auto;
}

#configure-utils-icon {
  float:left;
}

#configure-utils-title {
  float:left;
  padding-top:1px;
  padding-left:2px;
}

.configure-utils {
  display:block;
  position:absolute;
  left:610px; /* This is overwritten in creative_config.xsl JS for dragging */
  top:140px;  /* This is overwritten in creative_config.xsl JS for dragging */
  width:200px;
  height:auto;
  margin-top:5px;
  background-color:#FFFFFF;
  border:3px #EF922E solid;
  overflow:hidden;
  z-index:3333;
  text-align:left;
  font-size:70%;
}

.configure-utils input {
  width:30px;
  margin:0px;
  margin-bottom:1px;
  font-size:80%;
  font-weight:700;
}

.configure-utils select {
  width:50px;
  margin:0px;
  font-size:80%;
  font-weight:700;
}

.configure-utils input.checkbox {
  width:auto;
  margin:0px;
}

.configure-utils label {
  float:left;
  width:85px;
  padding:0px;
  padding-top:2px;
  margin:0px;
  font-size:80%;
  font-weight:700;
}

.demo-url-value label {
  width:auto;
}

.demo-url {
  width:40%;
  margin:1px;
 }

.configure-utils input.long {
  width:360px;
  margin:0px;
}

.configure-utils-header {
  width:auto;
  height:15px;
  background-image:url("images/publish_background.gif");
  overflow:hidden;
}

.configure-utils-toggle-icon {
  border:0px;;
  margin:0px;
}

.body-configure-utils {
  display:none;
  padding:5px;
  overflow:auto;
  height:auto;
}

.configure-utils-icon {
  float:left;
}

.configure-utils-title {
  float:left;
  padding-top:1px;
  padding-left:2px;
}

#click-int-panel-header {
  cursor:hand;
  cursor:pointer;
  width:auto;
  height:15px;
  background-image:url("images/publish_background.gif");
}

#click-int-panel-icon {
  border:0px;;
  margin:0px;
}

#creative-config-variables {
  display:block;
  border:1px #FFD6C9 solid;
  width:auto;
  height:auto;
  overflow:hidden;
}

.timers-enabler-warning {
  border: 2px solid red;
  padding: 5px;
  font-weight: 900;
  color: red;
}

.ccit-tab-body {
  width:auto;
  height:344px;
  overflow:auto;
  padding:5px;
}

.ccit-tab-body td {
  border:1px #EF922E solid;
}

.ccit-delete-event-btn {
  vertical-align: middle;
}

.ccit-tab-body th {
  color:white;
  border:1px white solid;
  background-color:#EF922E;
}

.ccit-tab-body input {
  width:250px;
  margin:1px;
  margin-bottom:1px;
  font-size:80%;
  font-weight:700;
  width:auto;
}

#ccit-tab1-body label {
  float:left;
  padding:0px;
  width:auto;
  padding-top:2px;
  margin:0px;
  font-size:80%;
  font-weight:700;
}

.ccit_error {
  border: 2px red solid;
}

#body-click-int-panel {
  display:none;
  padding:5px;
  overflow:auto;
  height:300px;
  width:100%;
}

#click-int-panel-icon {
  float:left;
}

#click-int-panel-title {
  float:left;
  padding-top:1px;
  padding-left:2px;
}

#creative-preview-options {
  position:absolute;
  border:1px #FFD6C9 solid;
  float: left;
  left:590px;
  top:140px;
  width:200px;
  margin-top:5px;
  background-color:#FFFFFF;
  border:3px #EF922E solid;
  overflow:hidden;
  z-index:6000;
}

#body-preview-options {
  display:none;
  padding:5px;
  overflow:auto;
  height:300px;
}

#preview-options-header {
  cursor:hand;
  cursor:pointer;
  width:auto;
  height:15px;
  background-image:url("images/publish_background.gif");
}

#preview-options-icon {
  float:left;
}

#preview-options-title {
  float:left;
  padding-top:1px;
  padding-left:2px;
}


/* QUICK JUMP SEARCH BOX STYLES */

.quick-jump {
  margin:5px;
}

#quick-jump-inputs input {
  font-size:90%;
  width:150px;
}

.search-running {
  background : Window url('images/loader.gif') right center no-repeat;
}

.search-matches {
  z-index: 10;
  display:block;
  position:absolute;
  text-align:left;
  white-space:nowrap;
  overflow-x:hidden;
  overflow-y:auto;
  font-size:70%;
  background-color:#E4D4B0;
  border:1px #224F35 solid;
}

.matched-item {
  display:block;
  padding:3px;
  cursor:pointer;
  cursor:hand;
}

.matched-item-hover {
  background-color: #224F35;
  color: #FFFFFF;
}

.matched-item-substring {
  background-color: #32914D;
  color: #FFFFFF;
}

/* -------------------------- */

#timing-data {
  border: black solid 1px;
  padding: 0.2ex 0.5em 0.1ex 0.2em;
}

#profiling-data {
  border: black solid 1px;
  padding: 0.2ex 0.5em 0.1ex 0.2em;
}

#processing-command {
  border: black solid 1px;
  padding: 0.2ex 0.5em 0.1ex 0.2em;
}

#page-variants {
  border: black solid 1px;
  margin-top:20px;
  padding: 0.2ex 0.5em 0.1ex 0.2em;
}

/*project creatives*/

.project-creatives-header-1 {
  float: left;
  padding: 2px;
  width: 30%;
  font-weight: 700;
  margin-left: 2px;
}

.project-creatives-header-2 {
  float: left;
  padding: 2px;
  width: 20%;
  font-weight: 700;
  margin-left: 2px;
}

.project-creatives-header-3 {
  float: left;
  padding: 2px;
  width: 10%;
  font-weight: 700;
  text-align: center;
  margin-left: 2px;
}

.project-creatives-header-4 {
  float: left;
  padding: 2px;
  width: 10%;
  font-weight: 700;
  text-align: center;
  margin-left: 2px;
}

.project-creatives-row {
  display: block;
  border-bottom: 1px #FFFFFF solid;
  overflow: hidden;
}

.project-creatives-cell-1 {
  display:block;
  float: left;
  padding: 2px;
  width: 30%;
  margin-left: 2px;
}

.project-creatives-cell-2 {
  display:block;
  float: left;
  padding: 2px;
  width: 20%;
  margin-left: 2px;
}

.project-creatives-cell-3 {
  display:block;
  float: left;
  padding: 2px;
  width: 10%;
  text-align: center;
  margin-left: 2px;
  border:none;
}


/* project-info-tab */

.info-left {
  float: left;
  width: 25%;
  padding:5px;
  overflow:hidden;
  margin:0;
  margin-left:5px;
  margin-right:5px;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
}

.info-left a, .info-right a {
  text-decoration:underline;
}

.info-right {
  float:left;
  width:69%;
  height:auto;
  margin:0;
  padding:5px;
  overflow:hidden;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
}

.info-right a {
  color:#EF922E;
}

.info-right img {
  border:none;
}

.info-right th {
  border-bottom:1px #A6AFAA solid;
}

.info-right td {
  border-bottom:1px #D3DED8 solid;
}

.info-right table {
  font-size:90%;
}

.project-creatives-holder {
  width:auto;
  height:285px;
  overflow:auto;
}

.projects-creatoves-holder a {
  color:#EF922E;
}


/*project-publish-tab*/

.project-publish-tab {
  background-image:url("images/publish_background.gif");
  border:1px #CCCCCC solid;
}

.project-publish-margin-div {
  margin:10px;
  background-color:white;
  padding:5px;
}

.publish-left {
  float: left;
  width: 25%;
  margin: 5px;
}

.publish-right {
  float: left;
  width: 70%;
  margin: 5px;
  height:200px;
  overflow:hidden;
}

.publish-right table {
  font-size:90%;
}

.publish-creative-list {
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:5px;
}

.publish-creative-qa {
  color:#c5c5c5;
}

.publish-creative-ap {
  color:green;
}

.publish-creative-warnings {
  width:auto;
  border:2px red solid;
  background-color:white;
  padding:5px;
}

.publish-top-warning-div {
  margin:5px;
  padding:5px;
}

.publish-creatives-holder {
  width:auto;
  height:240px;
  overflow:auto;
}
.highlight-current-creative {
  background-color:#FADDBE;
}

.publish-creatives-holder a {
  color:#EF922E;
}

.publish-creatives-holder img {
  border:none;
}

.publish-creatives-holder th {
  border-bottom:1px #A6AFAA solid;
}

.publish-creatives-holder td {
  border-bottom:1px #D3DED8 solid;
}

.publish-creatives-holder table {
  font-size:90%;
}

.publish-confirmation-details {
  margin:5px;
}

#help, #howdoi, #sample-files, #build-guides {
  display:block;
  border:none;
  margin:0;
  width:640px;
  height:485px;
}

.publish-left input, .publish-left label {
  float:left;
  width:auto;
  margin:0;
}

.project-buttons {
  display: block;
}

.project-buttons #edit-options li, .project-buttons .edit-options li {
  border-right:2px #EF922E solid;
  border-bottom:2px #EF922E solid;
  background-image:url("images/edit_options_orange_bkg.gif");
  background-repeat:no-repeat;
}

/* send preview tab */

.send-prev-left {
  float:left;
  width:48%;
  margin:5px;
  overflow:hidden;
}

.send-prev-right {
  float:left;
  width:48%;
  margin:5px;
  overflow:hidden;
}

.send-prev-left input {
  display: block;
  width: auto;
}

.logobox-top{
  background:#FFFFFF;
  border-top: #546267 solid 1px;
}

.logobox-body{
  background:#FFFFFF;
  border-left: #546267 solid 1px;
  border-right: #546267 solid 1px;
}

.logobox-bottom {
  background:#FFFFFF;
  border-bottom: #546267 solid 1px;
}

/*project-transfer to dfa-tab*/

.transferred-creative-row {
  color:#c5c5c5;
}

/* context help */

#tabs li.context-help-on-page {
  float:right;
  border:none;
  background-image:none;
}

#tabs li.context-help-on-page a {
  border:none;
  background-image:none;
  padding:2px;
}

#tabs li.context-help-on-page a:hover {
  border:none;
  background-image:none;
  padding:2px;
}

#tabs-dc li.context-help-on-page {
  float:right;
  border:none;
  background-image:none;
}

#tabs-dc li.context-help-on-page a {
  border:none;
  background-image:none;
  padding:2px;
}

#tabs-dc li.context-help-on-page a:hover {
  border:none;
  background-image:none;
  padding:2px;
}

#context-help-button img {
  border:none;
}

#context-help-close-button {
  position:relative;
  text-align:right;
  float:right;
  margin:2px;
  z-index:3000;
}

#context-help-close-button img {
  border:none;
}

#body-context-help {
  display:none;
  width:170px;
  overflow:hidden;
  margin:0;
}

#context-help-content a {
  background-color:#BDDECB;
}

#context-help-content {
  display:block;
  border-left:1px #224F35 solid;
  border-right:1px #224F35 solid;
  border-bottom:1px #224F35 solid;
  padding:0;
  background-image:url('images/body_shadow_magnolia.gif');
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-color:#F4F3EB;
  overflow:auto;
}

#context-help-padding {
  padding:5px;
}

#context-help-content h1 {
  font-size:160%;
}

#context-help-content h2 {
  font-size:140%;
}

#context-help-content h3 {
  font-size:120%;
}

.context-help-show {
  display:block;
}

.context-help-hide {
  display:none;
}

.report-iframe {
  display:block;
  border:none;
  width:100%;
  height:440px;
}

.video-settings {
  font-family: Verdana;
  color:#4F5553;
  background-color:#FFFFFF;
}

.short-text {
  width:30px;
}

/* Login page */

#login {
  margin-top:165px;
  margin-bottom:250px;
  text-align:center;
  font-size:80%;
}

#login-shell {
}


#login-div {
  width:400px;
  height:60px;
  margin:auto;
  margin-bottom:20px;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
  padding:20px;
}

#login-message {
  display:block;
  position:absolute;
  top:180px;
  left:200px;
  width:450px;
  margin:auto;
  text-align:left;
  color:#990000;
  font-size:90%;
  font-weight:800;
  padding-bottom:20px;
}

#login-div label {
  margin:3px;
  float:left;
  text-align:right;
  width:150px;
}

#login-div input {
  float:left;
  margin:3px;
}

#submit {
  margin:auto;
  width:400px;
  text-align:right;
}

/* Home page */

#home-icons {
  display:block;
  width:auto;
  text-align:center;
  margin-top:30px;
  height:auto;
}

#home-icons p {
  margin-top:5px;
  margin-bottom:5px;
}

#home-icons table {
  font-size:90%;
}

#home-icons td {
  text-align:left;
  vertical-align:middle;
}

#home-icons a {
  text-decoration:underline;
  font-weight:900;
}

/* Build guides*/

#build-guides th {
  background-color: #F4F3EB;
}

#build-guides table {
  font-size:90%;
}

/* My details */

#my-details, #tz-flash-extension {
  padding:10px;
  background-image:url("images/tab_content_bkg.jpg");
  background-repeat:no-repeat;
}

#tz-flash-extension img {
  border:0px;
  margin:0px;
  width:296px;
  height:215px;
  behavior: url("pngbehavior.htc");
}

#tz-flash-extension a {
  text-decoration:underline;
  font-weight:900;
}

#my-details input {
  float:left;
  width:200px;
  margin-bottom:5px;
}

#my-details #right {
  float:left;
  width:30%;
}

#my-details label {
  width:80px;
  font-weight:700;
  float:left;
}

#my-details h4 {
  font-size:10pt;
  padding:3px;
  background-color:#F4F3EB;
  margin:0;
  margin-bottom:10px;
}

#my-details #left {
  float:left;
  width:50%;
  padding:0;
  margin:0;
  border:1px #F4F3EB solid;
  border-top:0;
}

#my-details #right {
  float:left;
  width:40%;
  padding:0;
  margin:0;
  border:1px #F4F3EB solid;
  border-left:0;
  border-top:0;
}

#my-details ul, #my-details p {
  padding:10px;
}

#right label, #right input {
  display:block;
  width:200px;
}

#console-buttons a {
  float:right;
  background-image:none;
  border:none;
  margin:0;
  padding:0;
  text-decoration:none;
  width:11px;
}

#console-buttons img {
  border:none;
}

#compression-progress {
  float:left;
  border:1px #FFD6C9 solid;
  width:52%;
  height:auto;
  display:none;
  background-image:url("images/video_tool_background.gif");
}

#compression-progress-body {
  margin:10px;
  background-color:#FFFFFF;
}

#compression-iframe {
  display:block;
  border:none;
  width:100%;
  height:410px;
}

#compression-init {

}

#compression-error {
  display:none;
}

#compression-active{
  visibility:hidden;
  text-align:center;
  width:100%;
  font-weight:900;
}

#compression-bar-outline {
  padding:0px 0px 0px 0px;
  display:block;
  width:100px;
  height:10px;
  border-width:1px;
  border-style:solid;
  border-color:#4F5553;
  overflow:none;
  text-align:left;
  margin:auto;
}

#compression-progress-bar{
  display:block;
  height:10px;
  width:0%;
  background-color:#000000;
}

#temp_for_positioning div {
  float:left;
}

.publish-user-details {
  float:left;
}

/*** variables input fix ***/

#body-configure-utils div {
  margin-top:1px;
  margin-bottom:1px;
}

#body-configure-utils span {
  margin-top:1px;
  margin-bottom:1px;
}

/**** sort buttons *****/

.sort-buttons {
  width:100%;
  height:20px;
  overflow:hidden;
}

.sort-buttons img {
  float:right;
  width:10px;
  border:none;
  padding:0;
  margin:0;
  margin-right:5px;
}

.sort-buttons a {
  float:right;
  border-top:2px #E8E7DF solid;
  border-left:2px #E8E7DF solid;
  border-right:2px #686864 solid;
  border-bottom:2px #686864 solid;
  padding:2px;
  overflow:hidden;
  text-decoration:none;
}

.sort-buttons a:hover {
  background-color:#F4F3EB;
  overflow:hidden
  text-decoration:none;
}

.sort-buttons a.selected {
  font-weight:700;
}

/* Datacapture table */

#data-body table {
  border:1px solid #CCC;
  width:100%;
  padding:0px;
  font-size:11px;
}

#data-body th {
  background-color:#FFFFCC;
  border:1px solid #CCC;
}

#data-body td {
  border:1px solid #CCC;
}

.odd {
  background-color:#FFF;
}

.even {
  background-color:#EEE;
}

/* motif */
.motif-button {
  list-style:none;
  text-align:left;
  padding:5px;
  text-decoration:none;
}

/* dfa transfer tab */

#dart-search {
  display:block;
  margin:5px;
  margin-top:0;
  height:90px;
}

#dart-search input {
 margin:0 5px 0 0;
}

#dart-search label {
 margin:0 5px 0 0;
}

#dart-search .small-button {
  float:right;
  margin:0;
  width:50px;
  margin-top:-3px;
}

#dart-search h5 {
  margin-bottom:10px;
}

#dart-search form {
  margin-bottom:10px;
}

#dart-search-info {
  clear:both;
  margin:5px 0 5px 0;
  padding-top:5px;
  background-color:#FFF6F0;
  border-bottom:1px dashed #EF922E;
  border-top:1px dashed #EF922E;
  font-weight:bold;
  height:30px;
}

#dart-search-info .small-button {
  float:right;
  margin:0;
  width:150px;
  display:none;
}

/* dfa upload tab */

#dfa-advertiser-list { 
  height:260px;
}

.dfa-upload-margin-div {
  width:100%;
}

.tab-body-dc #tab-body-7, .tab-body-dc #tab-body-6, .tab-body-dc #tab-body-5 {
  overflow:hidden;
}

.tab-body-dc #tab-body-5 .publish-creatives-holder {
  height:290px;
}

.tab-body-dc #tab-body-6 .publish-creatives-holder {
  height:341px;
}

.tab-body-dc #tab-body-7 #dfa-transfer-creatives .publish-creatives-holder {
  height:154px;
}

.tab-body-dc #tab-body-7 #dfa-multi-motifate-creatives .publish-creatives-holder {
  height:273px;
}

.tab-body-dc #tab-body-7 #instruction-two .publish-creatives-holder {
  height:189px;
}

#dfa-upload-confirmation #transfer-creatives-holder-.publish-creatives-holder {
  height:140px;
}

.project-send-preview .publish-creatives-holder {
  height:211px;
}

.project-zebraone-upload .publish-creatives-holder {
  height:347px;
}

#dfa-transfer-body .project-tab-body-show {
  height:391px;
  overflow:hidden;
}

#body-send-preview .publish-creatives-holder {
  height:205px;
}

#advertisers.publish-creatives-holder {
  height:200px;
}

#dart-advertiser-results {
  margin:5px;
}
.largeBlack {
 height:20px;
 font-weight:900;
 color:#000;
 font-size:130%;
 font-family:arial;
 float:left;
}
a.orange:link, a.orange:visited  {
  color:#ef922e;
  text-decoration:underline;
}
a.orange:hover, a.orange:active {
  text-decoration:none;
}
a.orangeNoUnderline:link, a.orangeNoUnderline:visited {
  color:#ef922e;
  text-decoration:none;
}
a.orangeNoUnderline:hover, a.orangeNoUnderline:active {
  text-decoration:underline;
}
a.green:link, a.green:visited {
  color:#BAD80A;
  text-decoration:underline;
  font-weight:bolder;
}
a.green:hover, a.green:active {
  text-decoration:none;
}
a.button {
  border-right:2px #EF922E solid;
  border-bottom:2px #EF922E solid;
  background-image:url("images/edit_options_orange_bkg.gif");
  background-repeat:no-repeat;
  background-color:transparent;
  float:right;
}
a.buttonDisabled {
  border-right:2px #666 solid;
  border-bottom:2px #666 solid;
  background-image:url("images/edit_options_bkg.gif");
  background-repeat:no-repeat;
  background-color:transparent;
  float:right;
}
a img {
  border:none;
}
.motifate-status {
  text-align:right;
  width:49%;
  height:20px;
  float:left;
  vertical-align:bottom;
  font-weight:900;
}
#no-creatives {
  margin:0 0 0 7px;
  width:100%;
}

#dc-qa-file-copy-links {
  width:auto;
  overflow:hidden;
}

#dc-qa-buttons {
  list-style: none;
  padding:5px;
  margin:0;
  margin-top:10px;
}

#dc-qa-buttons li {
  height:35px;
  width:auto;
}

#dc-qa-buttons img {
  margin-right:5px;
}

#dc-qa-buttons div {
  padding:8px 5px;
  margin-left:5px;
  font-size:130%;
  font-weight:900;
  color:#A64221;
  letter-spacing:-1;
}

#dc-qa-buttons li:hover {
  background-image:url("images/publish_background.gif");
}

#dc-qa-buttons li.mb-disabled:hover {
  background-image:url("");
}

#dc-files-internal h4 {
  margin-left:5px;
  margin-top:5px;
}

/* dfa-uload progress, confirm, email layer */

#dfa-upload-layer {
  display:none;
  position:absolute;
  background-color:#fff;
  z-index:10;
  border:3px #EF922E solid;
  opacity:0.97;
  filter:alpha(opacity=97);
  margin-top:10px;
  margin-left:10px;
  height:404px;
  padding:10px;
  overflow:hidden;
}

#motifate-compound-details-container {
  clear:both;
  display:block;
  height:280px;
  text-align:center;
  padding-top:50px;
}

#motifate-compound-bar-markers {
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  overflow:hidden;
  height:20px;
  width:500px;
  border-bottom:1px #EF9534 solid;
  border-right:1px #EF9534 solid;
  text-align:left;
}

#motifate-compound-results {
  background-color:#e3e4e3;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  overflow:auto;
  padding:10px;
  width:400px;
  height:100px;
  text-align:left;
  font-weight:900;
}

#motifate-compound-bar-outline {
  background-color:#4f5553;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:500px;
  background-image:url("images/tabs_progress_bar_bkg.gif");
  background-repeat:no-repeat;
}

#motifate-compound-progress-bar {
  background-color:#EF9534;
}

#motifate-compound-bar-labels {
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  overflow:auto;
  height:20px;
  width:500px;
  text-align:left;
}

.creative-bar-count {
  float:left;
  border-left:1px #EF9534 solid;
  height:20px;
}

.creative-bar-count-label {
  float:left;
  color:#4f5553;
  font-weight:900;
  font-size:90%;
}

#motifate-bad-messages {
  display:none;
  margin:5px;
}

#motifate-good-messages {
  display:none;
  margin:5px;
}

.mtf-bad-msg {
  color:red;
}

.mtf-good-msg {
  color:green;
}

#motif-creatives-list {
  margin:5px;
  height:110px;
  overflow:auto;
}

#motif-creatives-list .motifate-creatives-holder {
  margin:0;
  overflow:hidden;
  border:none;
}

#motif-creatives-list .motifate-creatives-holder table {
  border:none;
  width:99%;
  overflow:hidden;
  margin:0;
}

#motif-creatives-list .motifate-creatives-holder table th {
  /* font-size:70%; */
}

/* dfa send email forms */

#dfa-send-links, #motif-send-email-to-network {
  margin:0 5px 0px 5px;
}

#dfa-send-links p, #motif-send-email-to-network p {
  float:left;
  width:48%;
  vertical-align:top;
  margin-bottom:10px;
}

#dfa-send-links label, #motif-send-email-to-network label {
  width:90%;
  font-weight:900;
}

#dfa-send-links input, #motif-send-email-to-network input {
  width:90%;
}

#dfa-send-links p textarea, #motif-send-email-to-network p textarea {
  margin-top:0;
  width:100%;
  height:64px;
}

#dfa-send-email-confirmation p {
  margin:5px;
}

/* toogle setup style button */
.toggle-setup-button {
  background-image:url("images/publish_background.gif");
  background-color:#FBE1C6;
}

/* repeated selector as something is overwriting the previos one - to be sorted*/
#creative-options {
  width:auto;
}

#creative-options label, #placement-options label  {
  margin:5px 0 0 0;
  font-size:80%;
}

#setup-utilities #edit-options, #setup-utilities .edit-options, #test-utilities .edit-options {
  width:110px;
  margin-top:1px;
  height:24px;
}

#test-utilities .edit-options {
  width:180px;
}

#setup-utilities #edit-options li, #setup-utilities .edit-options li, #test-utilities .edit-options li  {
  margin:0;
  padding:0;
  height:24px;
  width:24px;
}
#setup-utilities, #test-utilities {
  padding-top:2px;
  float:right;
  display:none;
}
.rb-creative, .creative, .roadblockListElement, .roadblock {
  margin:0 0 5px 0;
  clear:both;
  height:40px;
  width:100%;
}
.roadblock {
  height:20px;
}
.rb-creative, .creative {
  border: 1px solid #666;
}
.roadblock {
  border: 1px solid #666;
  background-color:#f0c494;
}
.noHandle, .handle {
  background-color:#f0c494;
  width:10%;
  text-align:center;
  float:left;
  height:100%;
}
.handle {
  background-color:#f1f1f1;
  cursor:move;
}

.creative-list, .roadblock-list{
  margin:0;
  overflow:hidden;
  width:50%;
  float:left;
  padding:0;
}

.creative-list {  
  margin-right:10px;
}

.roadblock-list{
  width:47%;
}

.fl {
  float:left;
}

.drophover{
  background-color:#f8e9d9;
  margin-left:-5px;
}

#roadblockList, #creativeList, .dropzone {
  height:20px;
}

.dropzone {
  height:200px;
  width:100%;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

#roadblockPanel {
  display:block;
  height:370px;
  padding:5px;
}

.close-div {
  width: 2%;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}

.orange-border, .orange-border-rb {
  border: 2px solid #EF922E;
  height:265px;
  overflow:auto;
}

#creativeList, #roadblockList {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px;
  padding:0;
}

#image-gallery {
  display:block;
  height:446px;
  overflow:hidden;
}

#image-gallery .project-publish-margin-div {
  display:block;
  height:415px;
  overflow:hidden;
}

#images {
  display:block;
  height:365px;
  overflow:auto;
}

.roadblock-creative-indicator {
  position:relative;
  display:block;
  float:left;
  background-color:#EF922E;
  color:#FFFFFF;
  font-weight:bold;
  margin-top:-20px;
  z-index:1000;
}

#add-roadblock {
  text-align:right;
  width:99%;
  height:26px;
}

#add-roadblock-form {
  display:none;
  border:1px solid #93AB9D;
  width:99%;
  height:48px;
}

#rb-input input {
  margin-top:5px;
  float:left;
  width:155px;
}

#rb-list select {
  margin-top:12px;
}

.orange-border-rb {
  margin-top:5px;
  height:240px;
}

#orange-border-rb h5 {
  text-align:center;
  margin-top:100px;
}

.roadblock img {
  margin:1px 10px 0pt 5px;
}

.dc-buttons-tooltip {  
  font-size:70%;
  padding:3px;
  font-weight:bold;
  color:#E4D4B0;
  background-color:#214E34;
  text-align:center;
}