/*** DoubleClick Studio Main CSS file ***/

/*** html tags - put them tab-selected in one place ***/

body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: white;
}

.body-login {
  background-image: url("../images/studio_login_page_bkg.gif");
  background-repeat: repeat-x;
}

#all-disable {
  background: transparent url("../images/transparent-px.png") repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: not-allowed;
  z-index: 900;
}

.disable-overlay {
  background: transparent url("../images/transparent-px.png") repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: not-allowed;
  z-index: 900;
}

#preview-loading-disable {
  background: transparent url("../images/transparent-px.png") repeat scroll 0 0;
  position: absolute;
  cursor: not-allowed;
  overflow: hidden;
  z-index: 900;
}

#preview-loading-text {
  text-align: center;
  margin-top: 20%;
}

form {
  display: inline;
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

a {
  color: #006b3f;
  /* text-decoration: none; */
}

/*** mozilla firefox, IE7 tweak for dotted border***/
a {
  outline: none;
}

a:active {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}

/*** mozilla firefox tweak end***/

a:hover {
  color: #0f5b98;
}

textarea {
  font-family: Verdana, Helvetica, sans-serif;
  padding: 0 0.2em;
  height: 65px;
}

#qa-notes-form textarea {
  width:98%;
  height:300px;
  overflow:auto;
  font-size:1.2em;
}

label {
  display: block;
}

.check-box-label {
  margin-top: 0.3em;
}

.check-box-label-bold {
  margin-top: 0.2em;
}

#studio-login label {
  display: inline;
}

#sort label {
  display: inline;
}

p {
  margin-top: 0px;
  font-size: 1.1em;
}

hr {
  color: #999999;
}

.bold {
  font-weight: bold; /* font-size: 11px; */
}

.fontsize1 {
  font-size: 1em;
}

.fontsize12 {
  font-size: 1.2em;
}

.fontsize13 {
  font-size: 1.3em;
}

h1, h2, h4 {
  padding: 0;
  margin: 0;
}

h2 {
  font-size: 1.8em;
  font-weight: 500;
}

h2.dc, .dc {
  color: #0F5B98;
}

h4 {
  color: #BBD93B;
  font-size: 2em;
}

.pointer {
  cursor: pointer;
}

.assignBackupLink {
  cursor: pointer;
  vertical-align: super;
}

.inline * {
  display: inline;
}

.range-right {
  float: right !important;
  text-align: right;
}

.hidden {
  display: none;
}

.right-align {
  text-align: right;
}

.center-align {
  text-align: center;
}

.left-align{
  text-align: left;
}

.clear {
  clear: both;
}

.clearContainer {
  width:100%;
  overflow:hidden;
}

.padding-bottom-5 {
  padding-bottom: 0.5em;
}

.padding-top-5 {
  padding-top: 0.5em;
}

.paging-panel {
  margin-top: 1.2em;
}

.margin-10 {
  margin:1em;
}
.margin-top-7 {
  margin-top:0.7em;
}

.margin-top-10 {
  margin-top: 1em !important;
}

.margin-top-30 {
  margin-top: 3em;
}

.margin-top-3 {
  margin-top: 0.3em;
}

.margin-bottom-5 {
  margin-bottom: .5em;
}

.margin-bottom-10 {
  margin-bottom: 1em;
}

.margin-right-5 {
  margin-right: 0.5em;
}

.margin-right-15 {
  margin-right: 1.5em;
}

.margin-right-50 {
  margin-right: 5em;
}

#li-ep-cancel{
  margin-right:-0.4em !important;
}

ul.no-margin li, .no-margin {
  margin:0;
}

.margin-left-15 {
  margin-left: 1.5em;
}

.margin-left-5 {
  margin-left: 0.5em;
}

.width-50 {
  width:49%;
}

.justified{
  text-align: justify;
}

.no-space {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.opaque {
  opacity: .5;
  filter: alpha( opacity = 50 );
}

.overflow-auto {
  overflow: auto;
}

.blue-text {
  color: #0F5B98;
  font-size: 1.1em;
  text-align: justify;
  width: 520px;
}

.green-only,
#creative-to-list .green-only {
  color:#006B3F;
}
.blue-only {
  color: #0F5B98;
}

.blue-grad-bg {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll left top;
}

.colorGreen {
  color: #05693D;
}

.eventHdr {
  color: #05693D;
  background-color: #E9F1F8;
}

.font-size-10 {
  font-size: 1em;
}

#creative-details th {
  padding: 2px;
}

.readonly {
  border: 0px;
}

.readonly-anchor {
  color: black;
  cursor: default;
  text-decoration: none;
}

.readonly-anchor:hover {
  color: black;
}

.blue-bg {
  background-color: #F0F9FF;
}
.creative-name-macro{
  font-size:1.3em;
}
.border-red {
  border: 1px solid #990000;
}

/*** studio screen structure ***/

#studio-shell {
  margin: auto;
  margin-top: 8px;
}

.dcs-full-screen-shell {
  width: auto;
  height: auto;
}
.dcs-no-full-screen-shell {
  width: 992px;
  height: 608px;
}

#studio-left-container {
  text-align: left;
  float: left;
  margin: 16px;
  overflow: hidden;
}

#studio-right-container {
  text-align: left;
  width: 775px;
  float: left;
}

#studio-footer {
  text-align: right;
  clear: both;
  width: 950px;
  margin: auto;
}

#studio-footer.studio-login-footer {
  clear: both;
  margin-top: 4em;
  text-align: center;
}

#studio-header {
  margin-top: 1.6em;
}

#studio-logo {
  margin-bottom: 1.6em;
}

#studio-navigation {
  padding: 0.8em;
}

#studio-search {
  padding: 0.8em;
  overflow: hidden;
}

#studio-search ul {
  margin-top: 0.8em;
}

.content-shell {
  width: auto;
  margin: 1.6em 2.2em 1.6em 1.6em;
  height: 46em;
  background: transparent;
}

#studio-user-details {
  float: right;
  margin-top: -2em;
  margin-right: 0.4em;
  text-align: right;
}

#studio-screen-title, #studio-screen-title-dc {
  float: left;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 4.6em;
}

#studio-screen-title h1, #studio-screen-title-dc h1 {
  margin: 0 0 0 40px;
  font-weight: 400;
  font-size: 1.9em;
  color: #006b3f;
  line-height: 1.7em;
}

#studio-screen-title-dc h1,
  .dashboard-left h2, .dashboard-right h2 {
  color: #0F5B98;
}

.dashboard-left h2, .dashboard-right h2 {
  margin-bottom: 1em;
}

#studio-screen-title.studio-EXCEPTION-header h1 {
  color: #C84140;
}

#status-bar {
  color: #006B3F;
  font-size: 1.1em;
}

#status-bar span {
  background-color: #e3efa7;
  padding: 0 10px 1px;
}

.intab-content {
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  padding: 2em;
  height: 30em;
  overflow: auto;
  font-size: 1.2em;
  line-height: 1.8em;
}

#my-account-content .body-user-view {
  font-size: .8em;
  border: none;
  height: 15em;
}

#my-account-content .body-user-view h2 {
  background-image: none;
  padding-left: 0;
  line-height: 1.3em;
  font-size: 1.4em;
  font-weight: 900;

}

/*** ICONS ***/

/*** NAVIGATION ICONS ***/

#studio-home-nav-icon {
  background-image: url( "../images/studio_icon_home_24x24.png" );
}

#studio-accounts-nav-icon {
  background-image: url( "../images/studio_icon_accounts_24x24.png" );
}

#studio-clients-nav-icon {
  background-image: url( "../images/studio_icon_client_24x24.png" );
}

#studio-campaigns-nav-icon {
  background-image: url( "../images/studio_icon_campaign_24x24.png" );
}

#studio-creatives-nav-icon {
  background-image: url( "../images/studio_icon_creative_24x24.png" );
}

#studio-dynamicads-nav-icon {
  background-image: url( "../images/studio_icon_rmda_24x24.png" );
}

#studio-help-nav-icon {
  background-image: url( "../images/studio_icon_help_24x24.png" );
}

/*** DISABLED NAV ICONS***/

#studio-clients-nav-icon.disabled, #studio-clients-nav-icon.disabled:hover {
  background-image: url( "../images/studio_icon_client_24x24_disabled.png" );
}

#studio-campaigns-nav-icon.disabled, #studio-campaigns-nav-icon.disabled:hover {
  background-image: url( "../images/studio_icon_campaign_24x24_disabled.png" );
}

#studio-creatives-nav-icon.disabled, #studio-creatives-nav-icon.disabled:hover {
  background-image: url( "../images/studio_icon_creative_24x24_disabled.png" );
}

#studio-dynamicads-nav-icon.disabled, #studio-dynamicads-nav-icon.disabled:hover {
  background-image: url( "../images/studio_icon_rmda_24x24_disabled.png" );
}

/*** SELECTED and HOVER NAV ICONS ***/

#studio-home-nav-icon.selected, #studio-home-nav-icon:hover {
  background-image: url( "../images/studio_icon_home_24x24_selected.png" );
}

#studio-accounts-nav-icon.selected, #studio-accounts-nav-icon:hover {
  background-image: url( "../images/studio_icon_accounts_24x24_selected.png" );
}

#studio-clients-nav-icon.selected, #studio-clients-nav-icon:hover {
  background-image: url( "../images/studio_icon_client_24x24_selected.png" );
}

#studio-campaigns-nav-icon.selected, #studio-campaigns-nav-icon:hover {
  background-image: url( "../images/studio_icon_campaign_24x24_selected.png" );
}

#studio-creatives-nav-icon.selected, #studio-creatives-nav-icon:hover {
  background-image: url( "../images/studio_icon_creative_24x24_selected.png" );
}

#studio-dynamicads-nav-icon.selected, #studio-dynamicads-nav-icon:hover {
  background-image: url( "../images/studio_icon_rmda_24x24_selected.png" );
}

#studio-help-nav-icon.selected, #studio-help-nav-icon:hover {
  background-image: url( "../images/studio_icon_help_24x24_selected.png" );
}

/*** HEADER ICONS ***/

.studio-LOGIN-header {
  background-image: url( "../images/studio_icon_creative_header.png" );
}

.studio-HOME-header {
  background-image: url( "../images/studio_icon_home_header.png" );
}

.studio-ACCOUNTS-header {
  background-image: url( "../images/studio_icon_accounts_header.png" );
}

.studio-CLIENTS-header {
  background-image: url( "../images/studio_icon_clients_header.png" );
}

.studio-CAMPAIGNS-header {
  background-image: url( "../images/studio_icon_campaigns_header.png" );
}

.studio-CREATIVES-header {
  background-image: url( "../images/studio_icon_creatives_header.png" );
}

.studio-NEW-header {
  background-image: url( "../images/studio_icon_new_creative_header.png" );
}

.studio-EDIT-header {
  background-image: url( "../images/studio_icon_creative_header.png" );
}

.studio-HELP-header {
  background-image: url( "../images/studio_icon_help_header.png" );
}

.da-header {
  background-image: url( "../images/studio_icon_creative_da_header.png" );
}

.rb-header {
  background-image: url( "../images/studio_icon_roadblock_32x52.png" );
}
.darb-header {
  background-image: url( "../images/studio_icon_roadblock_32x52rmda.png" );
}


.studio-EXCEPTION-header {
  color: red;
  background-image: url( "../images/studio_icon_exception_header.png" );
}

.build-guides h2,
  .sample-files h2,
  .flash-exstension h2,
  .my-account h2,
  .studio-q h2,
  .studio-help h2,
  .tech-support h2 {
  color: #006B3F;
  padding-left: 36px;
  line-height: 2em;
  background-repeat: no-repeat;
}

.build-guides h2 a {
  text-decoration: underline;
}

.build-guides h2 {
  background-image: url( "../images/studio_icon_buildguides_header.png" );

}

.sample-files h2 {
  background-image: url( "../images/studio_icon_samplefiles_header.png" );
}

.flash-exstension h2 {
  background-image: url( "../images/studio_icon_flashexstension_header.png" );
}

.my-account h2 {
  background-image: url( "../images/studio_icon_myaccount_header.png" );
}

.studio-q h2 {
  background-image: url( "../images/studio_icon_studioq_header.png" );
}

.studio-help h2 {
  background-image: url( "../images/studio_icon_studiohelp_header.png" );
}

.tech-support h2 {
  background-image: url( "../images/studio_icon_techsupport_header.png" );
}

.intab-content{
  clear:both;
}

.intab-content h2 {
  font-size:1.3em;
  font-weight:900;
  background:none;
  padding-left:0;
}

.intab-content a {
  text-decoration:underline;
}

a.full-help-center {
  float:right;
  font-size:1.3em;
  font-weight:900;
  text-decoration:underline;
  line-height:3em;
}

.help-breadcrumbs {
  border-bottom:1px solid #006B3F;
}

#studio-screen-title-dc.studio-EDIT-header h1 {
  line-height: 1.2em;
}

#studio-main-contents {
  clear: both;
}

.studio-search-box {
  color: #999999;
  width: 11em;
}

/*** studio login screen ***/

#login-body {
  margin: 90px 0 50px -120px;
}

.studio-welcome div {
  float: left;
  width: 45%;
  margin-right: 2em;
  overflow: hidden;
}

.studio-welcome-copy {
  padding-top: 4em;
}

.studio-welcome-copy p {
  font-size: 1.2em;
}

#login-panel h2 {
  padding: 0.3em;
}

#login-form {
  padding: 0.6em;
  overflow: hidden;
}

#login-button {
  margin-top: 0.6em;
}

#sign-in {
  clear: both;
}

/*** welcome section ***/

.studio-welcome h2 {
  color: #005e9c;
}

/*** EULA section ***/

.underlined {
  text-decoration: uinderline;
}

.studio-CREATIVES-header, .studio-EULA-header {
  background-image: url( "../images/studio_icon_creatives_header.png" );
}

#eula-content {
  height: 41em;
  margin-bottom: 1em;
  padding: 1em;
  overflow: auto;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
}

#body-eula {
  margin: 1% 25%;
}

#eula-header {
  background-image: url("../images/dclk_studio_logo_alpha.png");
  background-repeat: no-repeat;
  height: 60px;
  width: 170px;
}

#body-eula h2 {
  color: #005e9c;
  padding-top: 36px;
  margin-left: 12%;
}

#eula-txt {
  font-size: 1.1em;
  margin-right: 10px;
  text-align: justify;
}

#eula-radio-accept-txt {
  font-size: 1.3em;
  margin-top: 1px;
}

/*** Dashboard ***/

.dashboard-left {
  width: 50%;
  float: left;
}

#dashboard-icons p {
  float: left;
  width: 30%;
  margin-top: 2em;
}

#dashboard-icons p a {
  font-size: 1.2em;
}

#dashboard-icons img {
  float: left;
}

.dashboard-right {
  width: 44%;
  float: left;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  padding: 1em;
  margin-left: 2em;
  overflow: auto;
  height: 410px;
}

.dashboard-right ul,
  #dashboard-info ul,
  #publish-creative-list-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


 #dashboard-info li {
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-repeat: no-repeat;
  padding: 0 0 0 2em;
  margin-bottom: 0.5em;
  min-height: 2em;
  border: 1px solid transparent;
}

#publish-creative-list-container li.creative-record {
  margin-bottom: 0.5em;
  border: 1px solid transparent;
  min-height: 3.4em;
}

#dashboard-info li {
  background-image: url( "../images/studio_icon_green_tick_16x16.png" );
}

#dashboard-info {
  clear: both;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  padding: 1em;
  margin-top: 3em;
}

#dashboard-icons a.disabled {
  color: #333;
  cursor: not-allowed;
}

/*** navigation side bar ***/

#studio-navigation,
  #studio-search {
  background-image: url( '../images/light_green_bkg.jpg' );
  background-repeat: no-repeat;
  background-position: top left;
}

ul#studio-navigation-items {
  padding: 0;
  list-style: none;
  margin: 0;
  margin-bottom: 0.5em;
}

ul#studioNavigationItemsSubnav {
  padding: 0;
  list-style: none;
  margin-bottom: 0.5em;
  display: none;
}

ul#studio-navigation-items li {
  margin: 0;
  padding: 0;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 0.2em 50%;
}

ul#studio-navigation-items li a {
  padding: 0 0 0 32px;
  text-decoration: none;
  color: #333;
  font-size: 1.2em;
  line-height: 2.6em;
  font-weight: 600;
  cursor: pointer;
}

ul#studio-navigation-items li.disabled a,
  ul#studio-navigation-items li.disabled a:hover {
  color: #ccc;
  cursor: not-allowed;
}

ul#studio-navigation-items li a:hover {
  color: #006b3f;
}

ul#studio-navigation-items li.selected {
/* background-image: url( "../images/studio_icon_24x24_selected.png" ); */
  background-repeat: no-repeat;
}

ul#studio-navigation-items li.selected a {
  color: #006b3f;
}

ul#studioNavigationItemsSubnav li {
  margin-left: 24px;
  padding: 0;
  height: 21px;
  background-image: url( "../images/gray_studio_icon_16x16.gif" );
  background-repeat: no-repeat;
}

ul#studioNavigationItemsSubnav li a {
  margin: 0 0 0 25px;
  text-decoration: none;
  color: #999999;
  font-size: 110%;
  line-height: 16px;
  font-weight: 700;
}

ul#studioNavigationItemsSubnav li.selected {
  background-image: url( "../images/blue_studio_icon_16x16.gif" );
  background-repeat: no-repeat;
}

ul#studioNavigationItemsSubnav li.selected a,
  ul#studio-navigation-items li a:hover {
  color: #0f5b98;
}

/*** tabs and tab body styles ***/
ul#tabs, ul#tabs-dc {
  display: block;
  list-style: none;
  border: none;
  overflow: hidden;
  padding: 0;
  width: 769px;
  height: 35px;
  margin: 0;
  background-image: url( '../images/tab_end_bkg.gif' );
  background-repeat: repeat-x;
  background-position: center bottom;
}

ul#sub-tabs-dc {
  padding: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  background-image: url( '../images/tab_end_bkg_blue.gif' );
}

ul#tabs-dc {
  background-image: url( '../images/tab_end_bkg_blue.gif' );
}

ul#sub-tabs {
  display: block;
  list-style: none;
  border: none;
  display: block;
  border: none;
  overflow: hidden;
  background-position: bottom;
  margin-left: 15px;
  padding-left: 15px;
  width: 615px;
  background-image: url( '../images/tab_end_bkg_1px.gif' );
}

#tabs li, #tabs-dc li, #sub-tabs-dc 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;
  margin-right: 4px;
  height: 33px;
  overflow: hidden;
}

#tabs-dc li, #sub-tabs-dc li {
  border-right: 1px #0F5B98 solid
}

#tabs-dc li {
  background-image: url( "../images/tab_blue.gif" );
  background-repeat: no-repeat;
}

#sub-tabs-dc li {
  border: none;
  background-image: url( "../images/tab_azzurra_deselected.gif" );
}

#sub-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;
  margin-right: 4px;
  height: 26px;
}

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

#tabs-dc li.tabs-dc-selected {
  background-image: url( "../images/tab_blue_selected.gif" );
  background-repeat: no-repeat;
  border-right: 2px #0F5B98 solid;
}

#sub-tabs-dc li.sub-tabs-dc-selected {
  background-image: url( "../images/tab_azzurra.gif" );
  background-repeat: no-repeat;
}

#sub-tabs li.sub-tabs-selected {
  float: left;
  border-left: none;
  border-right: 1px #006b3f solid;
  border-bottom: none;
  background-repeat: no-repeat;
  height: 27px;
  z-index: 300;
}

li#tabs-tab-shadow, li#sub-tabs-tab-shadow, li#tabs-dc-tab-shadow {
  width: 3px;
  margin-left: -4px;
  margin-right: 0;
  background: transparent url( "../images/tab_shadow.gif" ) repeat scroll 0 0;
  border-right: none;
}

#tabs li.tabs-selected a, #sub-tabs li.sub-tabs-selected a {
  color: #006b3f;
}

#tabs-dc li.tabs-dc-selected a,
  #sub-tabs-dc li.sub-tabs-dc-selected a {
  color: #0F5B98;
}

#tabs li.tabs-selected a:hover,
#stc-tabs li.tabs-selected a:hover {
  background-image: url( "../images/tab_green_selected.gif" );
  background-repeat: no-repeat;
}

#tabs-dc li.tabs-dc-selected a:hover {
  background-image: url( "../images/tab_blue_selected.gif" );
  background-repeat: no-repeat;
}

#tabs a, #tabs-dc a, #sub-tabs-dc a {
  display: block;
  padding: 0.5em;
  width: auto;
  height: auto;
  font-weight: 900;
  color: #69a58b;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 2em;
}

#tabs-dc li.tabs-dc-active a {
  color: #69a58b;
}

#tabs-dc li.tabs-dc-inactive a {
  cursor: not-allowed;
}

#tabs-dc a {
  color: #cccccc;
}

#sub-tabs-dc a {
  color: #6c7d8a;
  font-size: 12px;
}

#sub-tabs a {
  display: block;
  padding: 7px 10px 5px;
  width: auto;
  height: auto;
  font-weight: 900;
  color: #a7a7a7;
  text-decoration: none;
  font-size: 12px;
}

#tabs a:hover, #stc-tabs a:hover {
  background-image: url( "../images/tab_green.gif" );
  background-repeat: no-repeat;
  color: #05693D;
}

#tabs-dc li.tabs-dc-active a:hover {
  background-image: url( "../images/tab_blue.gif" );
  background-repeat: no-repeat;
  color: #0f5b98;
}

#sub-tabs a:hover {
  color: #05693D;
}

.tabs-body-show,
  .tabs-body-hide {
  width: 771px;
  height: 489px;
  border-left: 2px #006B3F solid;
  overflow: hidden;
  background-image: url( "../images/tab_body_right_edge_green.gif" );
  background-repeat: no-repeat;
  background-position: top right;
}

.tabs-body-show-dc,
  .tabs-body-hide-dc {
  width: 771px;
  height: 489px;
  border-left: 2px #0F5B98 solid;
  overflow: hidden;
  background-image: url( "../images/tab_body_right_edge_blue.gif" );
  background-repeat: no-repeat;
  background-position: top right;
}

.tabs-body-hide, .tabs-body-hide-dc {
  display: none;
}

.contextual-help-confirmation,
  .contextual-help-info,
  .contextual-help-error,
  .contextual-help-warning,
  .contextual-help-green,
  .contextual-help-blue {
  float: right;
  font-size: 1.2em;
  font-weight: bold;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  padding: 0;
  line-height: .8em;
  background: url( '../images/studio_bottom_left_corner.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
  overflow: hidden;
}

.contextual-help-green:hover, .contextual-help-blue:hover {
  color: #FFF;
}

.contextual-help-green {
  background-color: #006B3F;
  margin-right: 4px;
}

.contextual-help-blue {
  background-color: #0F5B98;
  margin-right: 4px;
}

.contextual-help-confirmation {
  background-color: #006B3F;
  margin-right: -1px;
}

.contextual-help-info {
  background-color: #0F5B98;
  margin-right: -1px;
}

.contextual-help-error {
  background-color: #710101;
  margin-right: -1px;
}

.contextual-help-warning {
  background-color: #b77316;
  margin-right: -1px;
}

#url-bar-container .contextual-help-blue {
  margin-top: -0.5em;
  margin-right: -2px;
}

.tabs-body-footer {
  width: 777px;
  height: 10px;
  background-image: url( "../images/tab_body_footer_green.gif" );
  background-repeat: no-repeat;
  background-position: top left;
}

.tabs-body-footer-dc {
  width: 777px;
  height: 10px;
  background-image: url( "../images/tab_body_footer_blue.gif" );
  background-repeat: no-repeat;
  background-position: top left;
}

/**** lists ****/

/*.list-header:hover {
border:1px solid #93AB9D;
}*/

.list-header-selected,
  .list-header-company-selected,
  .list-header-user-selected,
  .list-header-client-selected,
  .list-header-campaign-selected {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  background-color: #b8d839;
  line-height: 1.5em;
  height: 1.5em;
  cursor: pointer;

  overflow: hidden;
}

.list-header-creative-selected {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  background-color: #b8d839;
  line-height: 1.5em;
  cursor: pointer;

  overflow: hidden;
}

#list-company-div-resize,
  #list-user-div-resize,
  #list-client-div-resize,
  #list-campaign-div-resize,
  #list-creative-div-resize,
  #list-qavendorcreative-div-resize {
  display: block;
  overflow: hidden;
  height: 39em;
  margin-bottom: 0.6em;
}

#list-creative-div-resize,
#list-qavendorcreative-div-resize {
  overflow: auto;
}

.list-header,
  .list-header-company,
  .list-header-user,
  .list-header-client,
  .list-header-campaign {
  display: block;
  width: auto;
  line-height: 1.5em;
  height: 1.5em;
  font-size: 1.2em;
  cursor: pointer;

  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
}

.list-header-selected a,
  .list-header-company-selected a,
  .list-header-user-selected a,
  .list-header-client-selected a,
  .list-header-campaign-selected a,
  .list-header-creative-selected a {
  color: black;
}

.list-header-creative {
  border-bottom: 1px solid #EEEEEE;
  width: auto;
  font-size: 1.1em;
  line-height: 1.7em;
  cursor: pointer;

  overflow: hidden;
  height: 5.1em;
}

.list-header-company:hover,
  .list-header-user:hover,
  .list-header-client:hover,
  .list-header-campaign:hover,
  .list-header-creative:hover,
  .list-header:hover {
  background-color: #F0F6D0;
}

.list-body {
  display: block;
  width: auto; /* font-size: 12px; */
}

.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-name-default {
  max-height: 14px;
  overflow: hidden;
  text-decoration: underline;
}

.list-item-name-blue {
  overflow: hidden;
  text-decoration: none;
  color: #0f5b98;
  font-size: 1.3em;
  font-weight: 900;
}

.list-item-name-blue:hover {
  text-decoration: underline;
}

.list-item-name-blue:active {
  color: #fff;
  background-color: #0f5b98;
}

#list-item-default-creative {
  width: 34%;
}

.list-item-left {
  float: left;
  overflow: hidden;
}

.list-item-default {
  float: right;
  overflow: hidden;
}

.list-item-default-small {
  padding: 2px;
  float: right;
  font-size: 1em;
}

.mini-list {
  display: block;
  overflow: auto;
  height: 22.4em;
}
.creatives-mini-list,
.campaigns-mini-list {
  display: block;
  overflow: auto;
  margin:0;
  padding:0 1em;
}


.mini-list-records-campaign, .mini-list-records-client {
  clear: both;
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-position: 0% 15%;
  background-repeat: no-repeat;
  padding: 0 0 0.5em 2em;
  border-bottom: 1px solid #CCCCCC;
  list-style:none;
}

.mini-list-records-client {
  background-image: url( "../images/studio_icon_campaign_16x16.png" );
  margin-top:0.5em;
}

.mini-list-records-campaign img {
  margin-top: 1em;
}

.mini-list-no-record-found {
  color:#0F5B98;
  margin:1.5em 0;
  text-align:center;
  font-size:1.2em;
  list-style:none;
}

#mini-list-records:hover, #mini-list-records-client:hover {
  background-color: #c7dff0;
}

.mini-list-records-client a {
  font-size: 1.2em;
}

.mini-list-heading {
  border-bottom: 1px solid #0B4067;
  height: 2em;
  padding: 0.6em;
}

.mini-list-heading p {
  font-size: 1.4em;
  color: #000000;
}

.minilist-add-campaign, #minilist-add-creative {
  display: none;
  padding: 0.6em;
  height:3em;
}
.delete-btn-creative-minilist{
  margin-top:13px;
}

#minilist-add-campaign a, #minilist-add-creative a {
  margin-left: 20px;
  font-size: 1.2em;
  text-decoration: underline;
  font-weight: 700;
}
#creatives-mini-list{
  margin:0 1em;
  padding:0;
}

#creatives-mini-list p {
  color: #0f5b98;
  margin: 0.2em 0 0.5em 2em;
}
#creatives-mini-list li.creative-record{
  border-bottom:1px solid #CCCCCC;
}

.creative-record{
  list-style: none;
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-repeat:no-repeat;
  margin-bottom:0.5em;
  padding:0 0 0.5em 2em;
  background-position:0 3px;
}

#format-selection {
  margin-left:1em;
}

/**** add new item ****/

#add-client-toggle {
/* padding: 4px; */
}

#body-add-client {
  display: none;
}

/**** 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;
}

/**** buttons *****/

ul.paging-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.paging-buttons li {
  float: left;
  margin-right: 0.5em;
  background-repeat: repeat-x;
  line-height: 1.4em;
}

.paging-buttons a {
  display: block;
  padding: 0.4em;
  font-weight: 600;
  color: black;
  font-size: 1.1em;
  text-decoration: none;
}

.paging-buttons .ajax-loading-img {
  float:left;
  margin-left:4px;
  margin-top:4px;
}

.paging-buttons li.blue {
  background:#093E65 url( '../images/btn_blue.gif' ) repeat-x;
}

.paging-buttons li.blue a {
  color: white;
}

.paging-buttons li.blue-big {
  background:#093E65 url( '../images/btn_blue_big.png' ) repeat-x;
  font-size: 1.3em !important;
}

.paging-buttons li.blue-big a {
  color: white !important;
}

.blue-pushed {
  background: url( '../images/btn_blue_active.gif' )!important;
  background-color: inherit;
}

.paging-buttons li.grey {
  background: url( '../images/btn_grey.gif' );
}

.paging-buttons li.orange {
  background: url( '../images/btn_orange.gif' );
}

.paging-buttons li.orange:active {
  background: url( '../images/btn_orange_active.gif' );
}

.orange-pushed {
  background: url( '../images/btn_orange_active.gif' ) !important;
  cursor: not-allowed !important;
}

.paging-buttons li.green {
  background: url( '../images/btn_green.gif' );
}

.paging-buttons li.green:active {
  background: url( '../images/btn_green_active.gif' );
}

.green-pushed {
  background: url( '../images/btn_green_active.gif' ) !important;
}

.paging-buttons li.orange-big {
  background: url( '../images/btn_orange_big.png' );
  font-size: 1.3em !important;
}

.paging-buttons li.green-big {
  background: url( '../images/btn_green_big.png' );
  font-size: 1.3em !important;
}

.paging-buttons li.red-big {
  background: url( '../images/btn_red_big.png' );
  font-size: 1.3em !important;
}

.paging-buttons li.red-big a {
  color: white !important;
}

/*** rounded corners for white bacground ***/

.rounded-tl {
  background: url( '../images/studio_top_left_corner.png' );
  background-repeat: no-repeat;
}

.rounded-bl {
  background: url( '../images/studio_bottom_left_corner.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br {
  background: url( '../images/studio_bottom_right_corner.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}

/*** rounded corners for C8DAE8 - light blue background ***/

.rounded-tl-blue,
.overlay-info .rounded-tl,
.url-bar-container .rounded-tl,
.ext-prw-bar-container .rounded-tl,
#body-add-client .rounded-tl,
#body-add-campaign .rounded-tl,
#body-add-company .rounded-tl,
#body-add-user .rounded-tl,
#creative-info-buttonbar .rounded-tl,
#li-add-client.rounded-blue .rounded-tl,
#li-add-campaign.rounded-blue .rounded-tl,
#li-add-company.rounded-blue .rounded-tl,
#li-add-user.rounded-blue .rounded-tl,
#li-back-to-studio .rounded-tl,
#li-contextual-help-qa-console .rounded-tl,
#li-contextual-help-qa-console .embed-info .rounded-tl,
.mini-list-heading .rounded-tl,
.video-details .rounded-tl,
.new-event-record .rounded-tl {
  background: url( '../images/studio_top_left_corner_blue.png' );
  background-repeat: no-repeat;
}

.rounded-bl-blue,
.overlay-info .rounded-bl,
.ext-prw-bar-container .rounded-bl,
.url-bar-container .rounded-bl,
#body-add-client .rounded-bl,
#body-add-campaign .rounded-bl,
#body-add-company .rounded-bl,
#body-add-user .rounded-bl,
#creative-info-buttonbar .rounded-bl,
#li-add-client.rounded-blue .rounded-bl,
#li-add-campaign.rounded-blue .rounded-bl,
#li-add-company.rounded-blue .rounded-bl,
#li-add-user.rounded-blue .rounded-bl,
#li-back-to-studio .rounded-bl,
#li-contextual-help-qa-console .rounded-bl,
.mini-list-heading .rounded-bl,
.embed-info .rounded-bl,
.video-details .rounded-bl,
.new-event-record .rounded-bl {
  background: url( '../images/studio_bottom_left_corner_blue.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br-blue
.overlay-info .rounded-br,
.ext-prw-bar-container .rounded-br,
.url-bar-container .rounded-br,
#body-add-client .rounded-br,
#body-add-campaign .rounded-br,
#body-add-company .rounded-br,
#body-add-user .rounded-br,
#creative-info-buttonbar .rounded-br,
#li-add-client.rounded-blue .rounded-br,
#li-add-campaign.rounded-blue .rounded-br,
#li-add-company.rounded-blue .rounded-br,
#li-add-user.rounded-blue .rounded-br,
#li-back-to-studio .rounded-br,
#li-contextual-help-qa-console .rounded-br,
.mini-list-heading .rounded-br,
.embed-info .rounded-br,
.video-details .rounded-br,
.new-event-record .rounded-br {
  background: url( '../images/studio_bottom_right_corner_blue.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}

/*** rounded corners for FCEBD4 - light orange background ***/

.rounded-tl-orange,
  .overlay-warning .rounded-tl,
  .embed-warning .rounded-tl {
  background: url( '../images/studio_top_left_corner_orange.png' );
  background-repeat: no-repeat;
}

.rounded-bl-orange,
  .overlay-warning .rounded-bl,
  .embed-warning .rounded-bl {
  background: url( '../images/studio_bottom_left_corner_orange.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br-orange,
  .overlay-warning .rounded-br,
  .embed-warning .rounded-br {
  background: url( '../images/studio_bottom_right_corner_orange.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}

/*** rounded corners for FFDDD4 - lighr red background ***/

.rounded-tl-red,
  .overlay-error .rounded-tl,
  .embed-error .rounded-tl {
  background: url( '../images/studio_top_left_corner_red.png' );
  background-repeat: no-repeat;
}

.rounded-bl-red,
  .overlay-error .rounded-bl,
  .embed-error .rounded-bl {
  background: url( '../images/studio_bottom_left_corner_red.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br-red,
  .overlay-error .rounded-br,
  .embed-error .rounded-br {
  background: url( '../images/studio_bottom_right_corner_red.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}

/*** rounded corners for CAE3A9 - light green background ***/

.rounded-tl-green,
  .overlay-confirmation .rounded-tl,
  .embed-confirmation .rounded-tl {
  background: url( '../images/studio_top_left_corner_green.png' );
  background-repeat: no-repeat;
}

.rounded-bl-green,
  .overlay-confirmation .rounded-bl,
  .embed-confirmation .rounded-bl {
  background: url( '../images/studio_bottom_left_corner_green.png' );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rounded-br-green,
  .overlay-confirmation .rounded-br,
  .embed-confirmation .rounded-br {
  background: url( '../images/studio_bottom_right_corner_green.png' );
  background-repeat: no-repeat;
  background-position: bottom right;
}

.no-bi {
  background: none;
}

/*
.add-btn-a {
  margin-left: 3px;
  padding: 3px 15px;
}

.add-btn-span, margin-left-5 {
  margin-left: 5px;
}

.add-btn-img {
  margin: -1px 0 -3px
}
*/

.creative-search-options {
  padding-right: 84px;
}

#li-user-search-btn,
  #li-company-search-btn,
  #li-client-search-btn,
  #li-campaign-search-btn,
  #li-creative-search-btn,
  #li-list-next {
  margin-right: 0;
}

#jump-to-page,
  #page-count-info {
  padding: 0.2em;
}

/* Standard Styles */

.title {
  height: 26px;
  padding-left: 28px;
  margin-bottom: 10px;
  border-bottom: 1px solid #BBD93B;
}

.users {
  background: url( '../images/icon_users.gif' ) top left no-repeat;
}

.row {
  display: block;
  clear: both;
}

.buttonrow {
  float: right;
}

.no-record-found-msg {
  color:#666666;
  font-size:2em;
  padding:2em;
  text-align:center;
}

.qa-list li.qa-no-creative-found-msg,
#dfa-submit-creative-list .qa-no-creative-found-msg,
#dfa-reject-creative-list .qa-no-creative-found-msg,
.noRecordFound {
  font-size:1.3em;
  color:#666666;
  text-align:center;
  border: none;
  padding:0;
  list-style:none;
}

.button {
  float: left;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  padding-right: 4px;
}

.button div {
  padding: 6px;
  padding-left: 10px;
}

.ok {
  color: black;
  font-weight: bold;
  background: url( '../images/btn_rt_cap_green.gif' ) top right no-repeat;
}

.ok:hover {
  color: white;
}

.ok div {
  background: url( '../images/btn_bkg_green.gif' ) no-repeat;
}

.cancel {
  color: white;
}

.col {
  float: left;
  width: 33%;
}

.company-col{
  float: left;
  width: 33%;
  height: 5em;
}

.content-layer2 label,
.content-layer-user label,
#content-layer2-campaign .singlecol label,
#content-layer2-client .singlecol label {
  font-size: 1.2em;
}

.content-layer-user label{
  margin-top:.5em;
}

.singlecol {
  float: left;
  width: 34%;
  line-height: 1.6em;
  font-size: 1.1em;
}

.singlecol p {
  margin: 0;
}

.doublecol {
  float: left;
  display: inline;
  width: 64%;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  height:22em;
}

.required {
  background: transparent url( '../images/icon_required.gif' ) no-repeat left center;
  padding-left: 13px;
}

#subtab-footer {
  margin-top: 1.6em;
}

#subtab-footer-single {
  margin-top: 21.5em;
}

#body-add-company,
  #body-add-user,
  #body-add-client,
  #body-add-creative,
  #body-add-campaign {
  padding: 1.6em;
  background-color: #c8dae8;
  border: 1px solid #0F5B98;
}

.body-company-view,
  .body-user-view, .body-client-view, .body-creative-view, .body-campaign-view {
  border: 2px #BBD93B solid; /* margin-right: 10px; */
  height: 36.6em;
  top: 1.6em;
}

.color-display {
  border: 2px black solid;
  width: 30px;
  height: 18px;
  cursor: pointer;
}

#ext-prev-colors-table {
  margin: 10px 0 10px 10px;
}

.default-label {
  font-size: 1.2em;
}

#studio-campaign-list-buffer div.body-campaign-view,
  #studio-user-list-buffer div.body-user-view,
  #studio-company-list-buffer div.body-company-view,
  #studio-client-list-buffer div.body-client-view {
  border: 2px solid #396e95;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
}

.body-company-view label, .body-user-view label, .simpleBold {
  font-weight: bold;
}

#visual-tool {
/* font-size: 12px; */
  margin-bottom: 0.5em;
  width: 70%;
}

#logo img {
  margin-right: 20px;
  max-height: 30px;
  max-width: 30px;
}

.range-left {
  float: left;
}

.list {
  float: left;
  font-size: 1.4em;
}

.input {
  width: 16em;
  font-size: 1.2em;
}

.select {
  font-size: 1em;
}

.unit-select {
  margin-left: 1px;
  width: 50px;
}

#logo_space {
  margin: 0.6em;
  border-bottom: 1px #05693D solid;
  height: 25px;
}

#logo {
  max-height: 60px;
  max-width: 60px;
  margin-right: 10px;
}

#logo_space_large {
  margin: 12px 15px;
}

#header-layer2 {
  float: left;
}

.title-layer2 {
  color: #267B54;
}

.content-layer2 {
  margin: 1.6em;
  height: 27em;
}

.content-layer-user {
  margin: 1.6em;
  /* height: 27em; */
}

#content-layer2-client {
  margin: .5em 1.6em;
  height: 270px;
}

#content-layer2-campaign {
  margin: 1.6em;
  height: 270px;
}

#btn_layer2 {
  margin-top: 20px;
  text-align: right;
}

.list-column-header {
  background-color: #eee;
  border-bottom: 1px #ccc solid;
  border-top: 1px #ccc solid;
  height: 1.6em;
  line-height: 1.3em;
  clear: both;
  overflow: hidden;
}

#subtab-header-company,
  #subtab-header-user,
  #subtab-header-campaign,
  #subtab-header-client,
  #subtab-header-creative {

}

#subtab-header-creative #visual-tool {
  width: 70%;
}

.buffer-record, .buffer-record-selected {
  background-color: #C8DAE8;
  display: block;
  line-height: 1.5em;
  font-size: 1.2em;
  height: 1.5em;
  cursor: pointer;
  overflow: hidden;
  width: auto;
}

.buffer-record-selected {
  background-color: #396e95;
}

.buffer-record-selected a {
  color: white;
}

#user-message {
  display: none;
  padding: 0.5em 0 0.5em 0.5em;
  background-color: #c8dae8;
  margin-bottom: 0.6em;
  height: 2.2em;
  overflow: hidden;
}

#user-message span {
  font-size: 1.2em;
  line-height: 1.7em;
}

#company-vendor-section,
#company-permission-section {
  width: 64%;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  padding-left:1em;
}

#body-add-company #company-vendor-section,
#body-add-company #company-permission-section {
  background: none;
  height:7em;
}

#company-vendor-section .chk-element,
#company-permission-section .chk-element {
  margin-top:1em;
  height:2em;
}

/* Creative Style */

h3 {
  color: #0f5b98;
  font-size: 1.17em;
}

#left-content {
  width: 47%;
  float: left;
  overflow: hidden;
}

#client-auto-suggest {
  background: transparent url("../images/transparent-px80.png") repeat scroll 0 0;
  width: 164px;
}

#client-form-layout-col1 {
  padding-right: 2.2em;
  width: 45%;
}

#client-form-layout-col2 {
  padding-left: 1.6em;
  width: 48%;
  border-left: 2px solid #0F5B98;
  height: 21em;
}

.input-100 {
  width: 100%;
  font-weight: normal;
}

#client-send-form-email-box,
#send-form-email-box-notes {
  height:4em;
  width: 100%;
  font-size:1em;
}

#send-form-email-box-notes {
  height: 7em;
}

#client-selector {
  padding: 10px 5px;
  height: 180px;
  background: transparent url("../images/bg_buff.gif") repeat-x scroll 0%;
  background-position: top left;
}

#campaign-selector {
  padding: 2px 5px;
  height: 180px;
  margin-top: 10px;
  background: transparent url("../images/bg_buff.gif") repeat-x scroll 0%;
  background-position: top left;
}

#creative-autosuggestion-selector {
  height: 110px;
  margin: 6px;
}

#creative-selector, #resource-utils {
  padding: 10px 5px;
  height: 406px;
  margin-left: 30px;
  float: left;
  width: 47%;
  background: transparent url("../images/bg_buff.gif") repeat-x scroll 0%;
  background-position: top left;
}

#format-dimensions-div p { display:block; }
#format-dimensions-div select {
  float:left;
  clear:both;
}

#buildguides {
  clear:both;
}

#creative-selector {
  height: 370px;
}

#creative-properties {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll 0%;
  background-position: top left;
}

.textBoxDisabled {
  filter: alpha( opacity = 50 );
  -moz-opacity: .5;
  opacity: .5;
}

.input-creative, .input-creative2 {
  height: 34px;
  width: 305px;
  font-size: 16pt;
  color: #006b3f;
  padding: 2px 2px 0px;
  margin: 5px 0 10px 13px;
  text-indent: 0;
}

.copycreative-console-overlay .input {
  width: 25.5em;
  color: #006b3f;
  margin: 5px 0 10px 13px;
}

#copycreative-add-new-client-btn,
#copycreative-add-new-campaign-btn {
  display:block;
  font-size:1.2em;
  padding:.3em .5em .5em .5em;
  background: transparent url( '../images/bg_buff.gif' ) repeat-x;
  font-weight:bold;
}

#copycreative-client-selector,
#copycreative-campaign-selector {
  height:12em;
}

#copycreative-form {
  margin-bottom: 25px;
}

#copycreative-jumpto-container {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

#status {
  float: left;
  text-align: right;
  margin: 1px 0 0 78px;
}

#tabs-dc li#wice-embed-msg-container, #tabs li#wice-embed-msg-container {
  background: none;
  border: none;
  float: right;
  overflow: hidden;
  margin-right: 0px;
  width:0;
}

#creative-dimensions-width, #creative-dimensions-height {
  width: 40px;
}

.small-input-txt {
  width: 70px;
}

#subtitleLink {
  text-indent: 4.2em;
  text-align: left;
}

#subtitleLink a {
  font-size: 1em;
  text-decoration: underline;
}

/* +---------------------------+ */
/* | file styling              | */
/* +---------------------------+ */

.remove-btn {
  margin-left: 15px;
  float: right;
}

#resource-utils {
  width: 47%;
}

#resource-pool {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll left top;
  float: left;
  width: 46%;
}

#file-upload-list {
  overflow: auto;
  height: 11em;
  margin-bottom:1em;
}

#current-file-list-container {
  overflow: auto;
  height: 16em;
  margin-top:1em;
}

#file-upload-list div, .campaign-list-dc {
  background-image: url("../images/blue_studio_icon_16x16.gif");
  background-repeat: no-repeat;
  font-size: 13px;
  margin-top: 10px;
  padding: 0pt 20px 3px;
  height: 14px;
}

#current-file-list-container div.file-list {
  background-repeat: no-repeat;
  font-size: 13px;
  padding-left:1.5em;
}


.ext-gif, .ext-jpg, .ext-jpeg, .ext-bmp, .ext-png {
  background-image: url("../images/studio_icon_image_16x16.png");
}

.ext-swf {
  background-image: url("../images/studio_icon_swf_16x16.png");
}

.ext-txt, .ext-doc, .ext-pdf {
  background-image: url("../images/studio_icon_txt_16x16.png");
}

.ext-xml, .ext-xls, .ext-css {
  background-image: url("../images/studio_icon_code_16x16.png");
}

.ext-mp4, .ext-wma, .ext-ra, .ext-flv, .ext-ogg, .ext-ogv, .ext-oga, .ext-ogx, .ext-spx, .ext-webm {
  background-image: url("../images/studio_icon_video_16x16.png");
}

.ext-mp3, .ext-wav, .ext-wmp {
  background-image: url( "./images/studio_icon_audio_16x16.png");
}
.ext-def, .ext- {
  background-image: url("../images/blue_studio_icon_16x16.gif");
}
.ext-svg {
  background-image: url("../images/studio_icon_svg_16x16.png");
}
.ext-html, .ext-htm  {
  background-image: url("../images/studio_icon_html_16x16.png");
}
.ext-js  {
  background-image: url("../images/studio_icon_js_16x16.png");
}
.ext-css {
  background-image: url("../images/studio_icon_css_16x16.png");
}
.ext-mp3 {
  background-image: url("../images/studio_icon_audio_16x16.png");
}

#current-file-list, #multicopy {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll left top;
  padding: 0.5em 1em 0.5em 0.5em;
}

#studio-creative-list .assigned-creative-img{
  margin-left: 0;
  margin-right: 3px;
}

.assigned-creative-img {
  background-image: url("../images/creative-assigned-16.png");
  width:16px;
  height:16px;
  margin-left: 5px;
  display: inline-block;
}

#qa-assigned-creative-img {
  background-image: url("../images/creative-assigned-16.png");
  width:16px;
  height:16px;
  margin-left: 15px;
  margin-top: 3px;
}

.compensation-margin {
  margin-bottom:6px;
}

.creative-list-dc {
  background-image: url("../images/blue_studio_icon_16x16.gif");
  background-position: 20px 0;
  text-indent: 20px; /* height:22px; if you want to see name in 2 line and no more!!!*/
  overflow: hidden; /* work for everithing but cut the creative name at 1 line*/
}

.asset-list-dc {
  background-image: url("../images/blue_studio_icon_16x16.gif");
  background-repeat: no-repeat;
  background-position: 40px 0;
  font-size: 13px;
  text-indent: 60px;
  line-height: 20px;
}

.creative-list-dc:hover, .campaign-list-dc:hover {
  background-color: #d2e0ec;
}

#input-file-section-container,
  #file-container,
  #copy-panel {
  margin: 10px;
  height: 17em;
}

.files-in-list {
  padding: 0.2em 0 0.5em 1em;
}

#copy-msg {
  height:11em;
  font-size:1.2em;
}

#file-manager-list div {

}

#file-container-list {
  overflow: auto;
  height: 136px;
}

#file-container-list-loading {
  overflow: auto;
  height: 66px;
}

#creative-preview {
  height: 211px;
}

#footer-menu-bar2 {
  display: block;
  border-top: solid 1px #0F5B98;
  padding: 0.6em;
  margin-top: -42px;
  margin-bottom: 8px;
  height: 2.3em;
  z-index: 3;
  position: absolute;
  width: 755px;
}

#footer-menu-bar2.footer-full-screen {
  width: 97%;
  margin-top: 15px;
}

.footer-jump-to {
  color: #639bc8;
  font-weight: bold;
  font-size: 11px;
  display: inline;
}

#footer-icons a {
/* margin-left: 5px; */
}

#up-arrow-white {
  padding: 0 .4em;
}

.contextual-help {
  left: 1164px;
  position: absolute;
  top: 103px;
  cursor: pointer;
}

#footer-menu{
 /* background-image:url(../images/blue_arrow_up.png);
  background-position:bottom right;
  background-repeat:no-repeat;*/
  font-size:1.1em;
  font-weight:600;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0.3em 8em 0 0;
  padding:0;
  text-align:left;
  min-width:9.5em;
}

#creative-preview-container {
  width: 320px;
  height: 175px;
  margin: 10px;
  text-align: center;
  overflow: auto;
}

.preview-txt {
  overflow: auto;
}

#preview-img {
  max-width: 300px;
  max-height: 170px;
}

#meta-data {
  height:auto;
  overflow-y:auto;
}

.file-meta-data-label {
  width: 140px;
}

#creative-from-list,
#creative-to-list,
#asset-list {
  padding-left:0;
  overflow:auto;
  height:28em;
  width:100%;
}


#wice-left-col,
#wice-right-col {
  width: 49%;
  text-align: left;
}

.asset-list {
  padding-left: 1.5em;
  list-style: none;
}

.asset-expanded {
  border:1px solid #006B3F;
  margin:0 0.5em 0.5em 0;
  background-color:#E9F1F8;
}

#creative-from-list .asset-expanded .asset-header {
  background-color:#006B3F;
  color: #FFFFFF;
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-repeat:no-repeat;
  margin-bottom:0.5em;
  padding:0 0 0.5em 2em;
  background-position:0 3px;
}

#creative-from-list .asset-expanded .asset-header span,
#creative-from-list .asset-overwrite-expanded .asset-header span,
#creative-to-list .asset-expanded .asset-header span,
#creative-to-list .asset-overwrite-expanded .asset-header span,
#creative-to-list .asset-copy-error-expanded .asset-header span {
  color: #FFFFFF;
}

#creative-from-list .asset-expanded {
  padding-bottom:3em;
}

#creative-from-list .asset-expanded .asset-header {
  padding-top:0.3em;
  padding-bottom:0.3em;
}

#creative-to-list .asset-expanded .asset-header {
  background-color:#006B3F;
  height:5.2em;
  margin:0 0 0.4em;
  color: #FFFFFF;
}

#creative-to-list .asset-closed,
#creative-to-list .asset-destination,
#creative-to-list .asset-to-confirm {
  margin:0 0.5em 0.5em 0;
  list-style: none;
  width:98%;
  min-height:4.4em;
}

#creative-from-list .asset-closed,
#creative-from-list .asset-from-confirm {
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-repeat:no-repeat;
  margin-bottom:0.5em;
  padding:0 0 0.5em 2em;
  background-position:0 3px;
}

#creative-from-list .asset-file {
  margin:0 0.5em 0.5em 0;
  padding:0.4em 0;
}

#creative-to-list .asset-file {
  height: 2.4em;
}

.asset-closed li:hover,
.file-selected,
.trafficked-creatives {
  background-color:#D9F7C7;
}

.asset-closed .asset-header,
.asset-destination label {
  background:none;
  padding:0.4em 0;
  margin:0;
}

.asset-overwrite-expanded,
.asset-copy-error-expanded {
  border:1px solid #BF2323;
  padding: 0 0 1em;
  margin:0 0.5em 0.5em 0;
  background-color:#E9F1F8;
}

#creative-to-list .asset-overwrite-expanded .asset-header,
#creative-to-list .asset-copy-error-expanded .asset-header {
  background-color:#BF0B0B;
  height:5.2em;
  margin:0 0 0.4em;
  color: #FFFFFF;
}


#creative-to-list .asset-overwrite-selected {
  background-color:#E5BABA;
  margin-left:-1.5em;
  padding-left:1.5em;
  margin-top:0.2em;
}

#creative-to-list .asset-copied {
  background-color:#D9F7C7;
  margin-left:-1.5em;
  margin-top:0.2em;
  padding:0.2em 0 0 1.5em;
}

.overwrite-msg {
  margin:0.4em 0.2em;
  font-weight:bold;
  color:#BF0B0B;
}

.asset{

}

#copy-to-list-select-all {
 margin-top:0.4em;
}
.copy-error-msg {
  padding-left:0.5em;
  margin-left:-1.5em;
  background-color:#E5BABA;
  height:3.5em;
}

.copy-error-msg img {
  float:left;
  margin-top:5px;
}

.copy-error-msg p {
  width: 24em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
  float:left;
}

/* +---------------------------+ */
/* | Setup tab                 | */
/* +---------------------------+ */

#content-shell-setup {
  width: 765px;
  overflow: hidden;
  height: 390px;
}
#url-form label{
  font-size: 1.2em
}
#content-shell-setup-qa-console {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.url-bar-container {
  background-color: #C8DAE8;
  height: 6em;
  overflow: hidden;
  padding-top: 0.5em;
  width: 765px;
  border-bottom:1px solid #0F5B98;
}

.full-screen-mode{
  width: auto;
}

#qa-preview-content .url-bar-container{
  width: 100%;
}
#DC-preview-header {
  font-size:1.2em;
  margin-top:3px;
  text-align:left;
}

#DC-preview-header-name {
  color:#333;
  margin-left:5px;
  font-weight:600;
}


#DC-preview-custom-URL-container {
  position:absolute;
  width:765px;
  z-index:901;
  text-align:left;
}

.onExtPrev {
  background-color:white;
  border-bottom:2px solid #0F5B98;
  border-right:2px solid #0F5B98;
  border-left:2px solid #0F5B98;
  top:34px;
  left:225px;
}

.onQa {
  background-color:#C8DAE8;
  border-bottom:1px solid #0F5B98;
  border-right:1px solid #0F5B98;
  top:142px;
}

.onPrev {
  background-color:#C8DAE8;
  border-bottom:1px solid #0F5B98;
  border-right:1px solid #0F5B98;
  top:140px;
}

#DC-preview-custom-URL {
  color:#CCCCCC;
}

#DC-preview-default-flag {
  max-width:20%;
  overflow:hidden;
}

#preview-url-dc {
  width:82%;
  float:left;
}
#other-site-txt{
  margin:0 28px 0 15px;
}

.url-bar, .ext-prv-url-bar {
  border: 1px solid green;
  margin-top: 0.1em;
  padding: 0.2em;
  width: 20em;
}

.ext-prv-url-bar {
  width: 40em;
}

#li-preview-url-label {
  padding: 0.2em 0.1em;
}

.url-btn-margin {
  margin: 8px 0px 0px 10px;
}

.setup-dc-block {
  margin: 5px;
  background-color: rgb( 204, 204, 204 );
}

.ext-prv-label {
  font-size: 1.2em;
  font-weight: 600;
}

.browseriframe {
  display: block;
  height: 100%;
  overflow: auto;
  width: 100%;
  border: none;
}

.ext-prw-browseriframe {
  display: block;
  overflow: auto;
  border-style: none;
}

/* +---------------------------+ */
/* | Publish                   | */
/* +---------------------------+ */
.dc-static-pane {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll left top;
  padding: 10px 5px;
}

#publish-text-footer {
  width: 100%;
}

#publish-creative-list-container {
  height: 360px;
  width: 52%;
}

#publish-trafficker {
  width: 42%;
  height: 37.5em;
  margin-left: 20px;
  overflow:auto;
}

#trafficker-company-email {
  height: 60px;
}

#mail-content {
  height: 90px;
}

.publish-list-record {
  width: 37em;
  background-image: url("../images/blue_studio_icon_16x16.gif");
  background-position: 5px 3px;
  background-repeat: no-repeat;
  height: 17px;
  padding: 2px;
  border: 1px solid transparent;
}

.green-record:hover, .green-record-selected {
  background-color: #DDF9C6;
}

.yellow-record:hover, .yellow-record-selected {
  background-color: #FFF47F;
}

.red-record {
  color: grey;
}

.red-record:hover, .red-record-selected {
  background-color: #E5BABA;
}

.published {
  opacity: .5;
  filter: alpha( opacity = 50 );
}

.unpublished {
}

.unpublishable {
  opacity: .5;
  filter: alpha( opacity = 50 );
}
.publish-list-creative-record, .current-creative-container{
  min-height:4.9em;
  margin-bottom: 0.3em;
}

.publish-list-creative-name {
  font-size: 13px;
  width: 52%;
  text-indent: 2.5em;
}

.publish-list-creative-type {
  font-size: 9px;
  line-height: 20px;

}

#publish-creative-list {
  margin-top: 8px;
  height: 260px;
  overflow: auto;
}

.publish-creative-error-msg li {
  background-color: #FFFFFF;
  padding: 5px 0 5px 26px;
}

.publish-creative-list:hover {
  cursor: pointer;
}

.email-form-heading {
  margin-top: 5px;
}
.publish-chkbox{
  height:2em;
  margin-bottom:.5em;
}

.input-box {
  color: #006B3F;
  font-size: 8pt;
  margin-bottom: 0.6em;
}
#send-form-email-box-message,
.input-box-publish{
  width: 26.8em;
}

#client-auto-suggest-cc {
  background-color: threeddarkshadow;
}

.current-creative {
  margin: 0.5em 0 0.5em 2.8em;
  height: 3.5em;
}

.publish-state {
  margin-top: 0.8em;
}

.changeBtn {
  font-size: 1.1em;
  cursor: pointer;
  line-height: 2;
  margin-left: 0.4em;
}

.red-tick {
  background-image: url( "../images/ticks/tick_red.png" );
  background-repeat: no-repeat;
  height: 1.6em;
  width: 1.8em;
  margin-top:0.8em;
}

.yellow-tick {
  background-image: url( "../images/ticks/tick_yellow.gif" );
  background-repeat: no-repeat;
  height: 1.6em;
  width: 1.8em;
}

#publish-text-p {
  width: 38em;
}

/* +---------------------------+ */
/* | Events                    | */
/* +---------------------------+ */

#events-tab-edit {
  background: transparent url("../images/bg_buff.gif") repeat-x scroll left top;
  width: 100%;
}

.events-left-col {
  height: 330px;
}

.new-event-record {
  background-color: #D1E2EF;
  border: 1px solid #0F5B98;
  height: 2em;
  padding: .6em;
  margin-top: .5em;
}

.events-record-width-counter, .events-record-width-timer {
  width: 40%;
}

.events-record-width-exit {
  width: 23.5%;
}

.events-record-width-landingPage {
  width: 22%;
}

.events-record-width-default-exit {
  width: 15%;
}
.events-record-width-exit-reportlabel {
  width: 23%;
}


.events-hdr-exit-name {
/* margin-left:5px; */
}

#overview-tab-list {
  overflow: auto;
  height: 380px; /* margin:10px 0; */
}

.overview-row td,
  .overview-row-grouping td,
  .import-event-row td {
  border-bottom: 1px solid #EEEEEE;
}

.event-list {
  overflow: auto;
  height: 300px;
}

.event-list-import {
  overflow: hidden;
  height: 314px;
}

.exit-row-pad-mar {
  /* margin:5px 0;
   padding:5px 5px 0; */
}

.exit-row .input, .counter-row .input, .timer-row .input {
  width: 94%;
}

.exit-row .select {
  font-size: 1em;
}

.event-name {
  border: 0px;
}

.advance-btn {
  text-decoration: underline;
}

.new event-record {
  border-bottom: 1px solid #0F5B98;
  margin: 0 8px;
  padding: 8px 0;
  height: 36px;
}

.events-labels-content {
  font-size: 1.2em;
  margin-left: 1em;
  width: 250px;
}

#event-add-msg {
  background-color: #BAD430;
  padding: .5em;
  font-size: 1.2em;
}

#event-del-msg {
  background-color: red;
  padding: .5em;
  font-size: 1.2em;
}

#event-details-col {
  width: 200px;
  padding: 1em;
}

#event-details-last-col {
  padding-top: 1em;
}

.details-headers {
  font-size: 1.1em;
  color: #0F5B98;
}

#import-event-manager {
  margin: 10px 0 0 0;
}

.creative-list-events {
  height: 21px;
  margin-top: 4px;
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;

}

.creative-list-events-selected {
  background-color: #C8DAE8;
  height: 21px;
  margin-top: 4px;
  cursor: pointer;

}

.creative-list-events-disabled,
  .creative-list-events-disabled:hover {
  height: 21px;
  margin-top: 4px;
  border-bottom: 1px solid #EEEEEE;
  cursor: default;
  background-color: #DEDEDE;
}

.creative-list-events-disabled a {
  color: #222222;
}

.creative-list-events:hover {
  background-color: #E9F1F8;
}

.creative-events-details {
  border: 2px solid #C8DAE8;
  line-height: 15px;
  overflow: auto;
  height: 252px;
}

.azure {
/* background-color:#E9F1F8; */
  color: #0F5B98;
}

#video-tab {
  height: 375px;
}

#video-tab-list {
  height: 350px;
}

.exit-row, .counter-row, .timer-row, .video-row {
  display: block;
  border-bottom: 1px solid #EEEEEE;
  height: 2em;
  font-size: 1.2em;
  padding: .2em .2em 0 .2em;
}

.video-row {
  padding: 0;
  margin-top: 4px;
  padding-left: 0.3em;
}

.video-row-enabled {
  cursor: pointer;

}

.video-row-enabled:hover {
  background-color: #E9F1F8;
}

.video-row-enabled .video-row-name {
  color: #006B3F;
  text-decoration: underline;
}

.video-details-col {
  margin: 1em 0 0 .5em;
  width: 32%;
}

.video-details-col input {
  margin-bottom: 1em;
}

.video-details {
  background-color: #E9F1F8;
  border: 2px solid #C8DAE8;
  height: 230px;
  margin-bottom: 1em;
}

.video-option-header {
  cursor: pointer;

  background-color: #C8DAE8;
  font-size: 1.2em;
  font-weight: 900;
  border-bottom: 0 none;
}

.video-option-header:hover {
  background-color: #C8DAE8;
}

.event-details {
  background-color: #E9F1F8;
  border: 2px solid #C8DAE8;
  height: 180px;
  margin-bottom: 1em;
  padding: .2em .2em 0 .2em;
}

.event-details label {
  display: inline;
  padding: 0.2em;
}

.exit-event-header,
  .exit-event-header .event-name {
  background-color: #C8DAE8;
  border-bottom: 0 none;
}

.exit-detail-panel-p {
  font-size: 1.2em;
  color: #267B54;
}

.editable-input {
  border: 1px solid #0F5B98;
}

.input-new-event {
  border: 1px solid #0F5B98;
  font-size: 1em;
  margin-top: .3em;
  width: 135px;
}

.input-new-event-checkbox {
  border: 1px solid #0F5B98;
  margin-top: .3em;
  margin-left: 1em;
  width: 20px;
}

.adv-exit-props {
  height: 135px;
}

.delete-event-container{
  margin-top:0.3em;
}


/* +---------------------------+ */
/* | External preview          | */
/* +---------------------------+ */

.slide-surface-for-preview-floaters {
  position: absolute;
  background-image: url("../images/1x1px_transparent.gif");
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 902;
}

.ext-prw,
.font-size-15 {
  font-size: 1.5em;
}

#preview-url {
  background-color: #CCCCCC;
  border: 1px solid green;
  padding: 0.2em;
  width: 40em;
}

#ext-prw-header {
  width: 100%;
  border-bottom: 2px solid #0F5B98;
  height: 6em;
  max-height:6em;
  padding-top: 1em;
  padding-bottom:1.5em;
}

#ext-prw-bar-container, #qa-console-bar-container {
  margin: 0 30px 0 10px;
}

#ext-prw-logo {
  border: 1px solid #0F5B98;
  height: 70px;
  width: 98%;
  margin-bottom: 10px;
  margin-right: 10px;
}


#ext-prw-side-nav, #qa-console-side-nav {
  border-right: 2px solid #0F5B98;
  border-bottom: 2px solid #0F5B98;
  text-align: left;
  padding: 1em 0 1em 0.5em;
  overflow: hidden;
  min-height: 480px;
  background: white url("../images/bg_buff.gif") repeat-x scroll left top;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  padding:0;
}

#ext-prw-side-nav {
  width:14%;
  padding-left:0.5%;
}

#ext-prw-body {
  width: 84%;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  padding:0;
}

.ext-prw-creative-name {
  line-height: 0em;
  font-size: 1.2em;
  text-decoration: underline;
}

#ext-prw-creative-list {
  height: 50%;
}

#ext-prw-roadblock-list {
  height: 22%;
}

#ext-prw-creative-list,
#ext-prw-roadblock-list {
  margin: 1em 0;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
}

.ext-prw-record, .ext-prw-record-selected {
  padding: 0.5em 0 0.5em 2em;
  border-bottom:1px solid #EEEEEE;
}

.ext-prw-record p, .ext-prw-record-selected p {
  margin: 0;
}

.creative-symbol-bg {
  background-image: url("../images/studio_icon_creative_16x16.png");
  background-position:0 7px;
  background-repeat:no-repeat;
}

.ext-prw-record-selected {
  background-color: #0D5B99;
  color:#FFFFFF;
}

.ext-prw-record:hover {
  background-color: #A4CFEF;
}

.ext-prw-record-selected a {
  color: #FFFFFF;
}

.select-deselect-all-container {
  padding: 0.3em 2em 0 0;
  cursor: pointer;
}

#ext-prv-roadblock-header{
  margin:2em 0;
}

.roadblockMemberUnPreviewble{
  background-image:url(../images/ticks/tick_red.png);
  background-repeat:no-repeat;
  background-position:.5em 50%;
  background-color:#FFDBD1;
}

.roadblockMemberPreviewble{
  background-image: url( "../images/studio_icon_creative_16x16.png" );
  background-repeat:no-repeat;
  background-position:.5em 50%;
}

/* +---------------------------+ */
/* | Floating Menu             | */
/* +---------------------------+ */

.floating-panel {
  height: auto;
  width:auto;
  position: absolute;
  border: 1px solid #97B2C9;
  z-index: 1001;
  display:none;
  text-align:left;
}

.floating-panel-header {
  background-image: url("../images/floating-menu/floating_menu_header.gif");
  padding: 0.2em 0.3em 0;
  font-size: 1.2em;
  font-weight: 900;
  color: white;
  cursor: move;
}

.floating-panel-content {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding-top: 1em;
  margin-bottom: 1em;
}

.floating-resizing-floating-panel {
  overflow: hidden;
  opacity: 0.95;
  background-color: #eaf3fb;
}

.floating-panel-footer {
  background-image: url("../images/floating-menu/floating_menu_resize.gif");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  height: 1.3em;
}

.floating-panel-switch {
  background-image: url("../images/floating-menu/floating_menu_switch.gif");
  color: white;
  padding: 0 1.5em;
}

.floating-panel-footer {
  background-image: url("../images/floating-menu/floating_menu_resize.gif");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  height: 13px;
}

.ui-resizable-se{
  background: url("../images/floating-menu/floating_menu_resize.png") no-repeat scroll 3px 3px;
  overflow: hidden;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1001;
  cursor: se-resize;
  width: 1em;
  height: 1em;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  opacity: 1!important;
  filter: alpha( opacity = 95 )!important;
  -moz-user-select: none;
}

/*.floating-panel-buttons {
  margin-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  text-align: center;
}*/
.assets {
  margin: 10px;
  text-align: center;

}

.assets-tab {
  background-image: url("../images/floating-menu/floating_menu_header.gif");
  color: white;
  cursor: pointer;
  font-weight: 600;
  margin: 0 -2px;
  padding: 3px 7px;
}

.asset-selected {
  background-image: url("../images/floating-menu/asset_selected.gif");
}

.row-height {
  height: 27px;
  margin: 0 10px 0 10px;

}

.output-console-header {
  background-color: #CBCBCB;
  color: #707070;
}

.border * {
  border: solid 1px white;
}

#output-console-events-triggerred-container,
#output-console-events-logged-container {
  display:none;
  max-height: 180px;
  overflow:auto;
}

#output-console-events-triggerred-container-simple {
  max-height:180px;
  width:auto;
  min-width:200px;
  overflow:auto;
  padding:0.5em;
  font-size:1.1em;
  text-align:left;
}

#output-console-floating-panel-content {
 overflow:hidden;
}

#events-triggered,
#events-logged {
  width:100%;
}

/* put some colour on the events output */
.timer { color:blue }
.exit { color:purple }
.counter { color:green }
.customvariable { color:#663300; }
.customjavascriptexecution { color:#990000; }

/* +---------------------------+ */
/* | AutoComplete Styling      | */
/* +---------------------------+ */
.suggestion-box {
  margin: 0 13px;
  height: 74px;
  display: none;
  color: #006b3f;
  font-size: 10pt;
}

.suggestion-box-small {
  height: 34px;
  display: none;
  font-size: 9pt;
  font-weight: normal;
}

.publish-traffikers-suggestion-box {
  position:absolute;
  background-color:white;
  width: 25em;
}

/* the element containg the search results */
#sac-result-client,
#sac-result-campaign {
  position: relative;
  background-color: white;
  margin-top:-10px;
  margin-left:15px;
  max-height:20em;
  z-index:1;
  border:1px solid;
  border-top:none;
}

.sac-results {
}

.search-result-imports {
  width: 153px !important;
  text-align: left !important;
  border-left: 1px solid #B4B4B4;
  border-right: 1px solid #B4B4B4;
  border-bottom: 1px solid #B4B4B4;
  background-color: white;
}

.sac-results ul, .search-result-imports ul {
  margin-left: 0px;
  padding-left: 0px;
}

/* each individual match */
.sac-match {
  white-space: nowrap;
  list-style-type: none;
  cursor: pointer;
  overflow: hidden;
  padding: 1px 0;
}

/* applies to a search result when hovered over */
.sac-match-select {
  background-color: #F0F6D0;
}

/* the substring of each search result that has been matched */
.sac-match-substring {
  background-color: #BAD430;
  color: #0F5B98;
}

/* applies to the input element while the search is running */
.sac-loading {
  color: red;
}

.suggestion-btn-big {
  margin: 7px 13px !important;
}

.suggestion-btn-small {
  margin: 1em !important;
}

/* shadow effect */

.shadow {
  clear: both;
  overflow: hidden;
  position: absolute;

}

.shadow-topl, .shadow-bottoml, .shadow-bodyl {
  background: transparent url("../images/effect/gz_shadow_topl.png") no-repeat scroll 0%;
  float: left;
  line-height: 9px;
  overflow: hidden;
  width: 10px;
}

.shadow-topr, .shadow-bottomr, .shadow-bodyr {
  float: right;
  line-height: 9px;
  overflow: hidden;
  width: 10px;
}

.shadow-header, .shadow-footer, .shadow-body {
  background: transparent url("../images/effect/gz_shadow_header.png") repeat-x scroll 0%;
  line-height: 9px;
  overflow: hidden;
}

.shadow-topr {
  background: transparent url("../images/effect/gz_shadow_topr.png") no-repeat scroll 0%;
}

.shadow-bottoml {
  background: transparent url("../images/effect/gz_shadow_bottoml.png") no-repeat scroll 0%;
}

.shadow-bottomr {
  background: transparent url("../images/effect/gz_shadow_bottomr.png") no-repeat scroll 0%;
}

.shadow-footer {
  background: transparent url("../images/effect/gz_shadow_footer.png") repeat-x scroll 0%;
}

.shadow-bodyl {
  background: transparent url("../images/effect/gz_shadow_bodyl.png") repeat-y scroll 0%;
}

.shadow-bodyr {
  background: transparent url("../images/effect/gz_shadow_bodyr.png") repeat-y scroll 0%;
}

.shadow-body {
  background: transparent url("../images/effect/gz_shadow_body.png") repeat scroll 0%;
}

.shadow-clearboth {
  clear: both;
}

/* Round corner style */

.roundedheadline {
  color: #FFFFFF;
  background-color: #BBD93B;
  font-weight: bold;
}

.roundedpanel {
  margin-bottom: 10px;
}

.roundedinfo {
  background: url( '../images/bgd_blue_grad.gif' ) top left repeat-x;
}

.roundedpanel div.bdr {
  background-image: url( '../images/bdr_green_dot.gif' );
}

.roundedpanel div.bl {
  background-image: url( '../images/bdr_green_bl.gif' );
}

.roundedpanel div.br {
  background-image: url( '../images/bdr_green_br.gif' );
}

.roundedpanel div.tl {
  background-image: url( '../images/bdr_green_tl.gif' );
}

.roundedpanel div.body {
  padding: 10px;
}

.roundedheadline div.tl {
  background-image: url( '../images/bdr_greenfill_tl.gif' );
}

.roundedheadline div.body {
  padding: 10px;
}

.roundedinfo div.tl {
  background-image: url( '../images/bdr_bluegrad_tl.gif' );
}

.roundedinfo div.body {
  padding: 10px;
}

.t {
  background: 0 0 repeat-x;
  padding: 0px;
}

.b {
  background: 0 100% repeat-x;
  padding: 0px;
}

.l {
  background: 0 0 repeat-y;
  padding: 0px;
}

.r {
  background: 100% 0 repeat-y;
  padding: 0px;
}

.bl {
  background: 0 100% no-repeat;
  padding: 0px;
}

.br {
  background: 100% 100% no-repeat;
  padding: 0px;
}

.tl {
  background: 0 0 no-repeat;
  padding: 0px;
}

.tr {
  background: 100% 0 no-repeat;
  padding: 0px;
}

/* WICE console CSS */

/* wice shell */

#studio-wice-embed {
  display: block;
  background-color: #333;
  z-index:900;
  text-align: center;
  opacity: 95;
  filter: alpha( opacity = 95 );
  -moz-opacity: .95;
  height: 90%;
}

#studio-wice-embed-message {
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 0 0 1px;
  width: 94%;
  float: left;
}

.studio-wice-overlay,
.send-preview-overlay,
.copy-file-console-overlay,
.roadblock-console-overlay,
.copycreative-console-overlay {
  display: block;
  position: absolute;
  top: 150px;
  z-index: 1003;
  text-align: left;
}

#body-self-traffiking-console div.overlay-info {
  top: 58px;
}

#studio-wice-close {
  float: right;
}

#studio-wice-title {
  padding-left: 32px;
  line-height: 32px;
  height: 32px;
  font-size: 140%;
  font-weight: 900;
  overflow: hidden;
}

#studio-wice-header {
  background-color: #333;
  color: #fff;
  text-align: left;
  height: 32px;
  overflow: hidden;
  background-position: 0.2em 50%;
  cursor: move;
  -moz-border-radius-topleft:6px;
  -webkit-border-top-left-radius:6px;
}

#studio-wice-body {
  clear: both;
  display: block;
  background-color: #fff;
  filter: alpha( opacity = 95 );
  -moz-opacity: .95; /* opacity:.25; */
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -webkit-border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
}

#studio-wice-message {
  padding: 16px;
  font-weight: 900;
  overflow: auto;
}

#studio-wice-message-tooltip {
  padding: 0 16px 0 16px;
  overflow: auto;
  margin: 16px 0 16px 0;
}

#studio-wice-message-tooltip h1 {
  font-size: 1.4em;
  line-height: 2em;
}

.studio-wice-tooltip {
  text-align: left;
}

ul#studio-wice-button-pane {
  clear: both;
  display: block;
  text-align: right;
  list-style: none;
  padding: 1em;
}

ul#studio-wice-embed-button-pane {
  clear: both;
  display: block;
  text-align: right;
  list-style: none;
  padding: 1em;
}

.studio-wice-loading {
  text-align: center;
  width: 100%;
  padding-top: 60px;
}

#menu-campaign-container, #publish-options-menu-container {
  padding:1em .5em;
  list-style:none;
  background-color:#E9F1F8;
  border:2px solid #C8DAE8;
  text-align:left;
  margin:0;
  width:auto;
  float:left;
}
#publish-options-menu-container {
  position:absolute;
  z-index:4;
  max-width:20em;
}

.menu-campaign-in-minilist-container {
  padding:0 .5em 1em;
  list-style:none;
  background-color:#E9F1F8;
  position:absolute;
  border:2px solid #C8DAE8;
  text-align:left;
}

#menu-campaign-container li,
#publish-options-menu-container li,
.menu-campaign-in-minilist-container li {
  padding: .5em;
}

#menu-campaign-container li a,
#publish-options-menu-container li a,
.menu-campaign-in-minilist-container li a {
  font-size:1.1em;
  font-weight:600;
  padding:0.4em;
  text-decoration:none;
}

.more-action-toggle-minilist {
  font-weight:600;
  font-size:1.1em;
}

#more-action-toggle,
#publish-options-toggle {
  margin-top: 1.91em;
  font-weight:600;
  font-size:1.1em;
}

#studio-wice-message div {
  font-weight: normal;
}

#studio-wice-message div.bold {
  font-weight: bold;
}

#send-preview-title {
  background-repeat: no-repeat;
  border-bottom: 1px solid #999999;
  text-indent: 35px;
  padding: 0 0 9px;;
  height: 25px;
}

#ext-prev-left-col {
  width: 58%;
  border-right: 1px solid #999999;
  padding-top: 5px;
  padding-right: 3px;
}

#ext-prev-right-col {
  width: 40%;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-top: 5px;
}

#wice-center-col {
  width: 7%;
  padding: 40px 6px 0px 6px;
}

.email-box {
  border: 1px solid #0C4370;
  font-size: 1em;
  width: 97%;
}

#days-box {
  width: 25px;
}

#previewers-box {
  background-color: #AFBDFF;
  height: 80px;
  padding: 2px;
  overflow: auto;
}

#ext-prev-creative-list, #ext-prev-roadblock-list {
  height: 14.5em;
  overflow-y: auto;
  overflow-x: hidden;
  width:100%;
  padding: 0;
  margin: 0;
  clear:both;
  border: 1px solid #cccccc;
}

#ext-prev-current-creative {
  border: 1px solid #cccccc;
}

.ext-prev-creative-name {
  margin-top: 4px;
  float: left;
  width: 160px;
  cursor: pointer;
}

#ext-prev-creative-type {
  width: 110px;
  font-size: 9px !important;
  float: left;
  margin-top: 4px;
}

.blue-record, .grey-record, .selected-record {
  list-style: none;
  margin-bottom:0.2em;
  max-height:5.2em;
  min-height:4.2em;
  padding-bottom:0.2em;
}

.blue-record-dark {
  background-color: #C7CCEB;
}

.ext-prev-record-label {
  min-height:4.5em;
  width:90%;
}

#external-preview-section-1, #external-preview-section-2 {
  margin-bottom: 10px;
}

.grey-record {
  padding-left: 22px;
}

.selected-record {
  background-color: #d9f7c7;
}

#tick {
  margin-top: 2px;
}

/* qa console */
#body-qa-console {
  background-color: #D1DCEF;
  padding: 2px;
}

#qa-console-footer {
  background-color: white;
}

#qa-console-header {
  border-bottom: 2px solid #0F5B98;
  height: 4em;
  width: 100%;
  background-color: #D1DCEF;
  padding: 1em 0 0.5em;
}

#qa-console-body {
}

#qa-console-sub-header-container {
  padding: 7px 10px 10px;
  border-bottom: 1px solid #0F5B98;
  height: 30px;
  background-color: white;
  overflow:hidden;
}

#star-container {
  padding-top: 5px;
}

#qa-console-side-nav {
  background-color: white;
  width:14%;
}

#qa-console-side-nav-btn-container {
  text-align:center;
  width:100%;
  margin:1em auto;
}

#qa-console-side-nav-btn-container ul.paging-buttons{
  margin-bottom:1em;
}

#qa-console-side-nav-btn-container .paging-buttons li{
  float:none;
  margin:0 1em;
}

#qa-console-side-nav-btn-container .paging-buttons li a {
  float:none;
}

#qa-console-logo {
  padding-left: 1em;
  width:20em;
  text-align:left;
}

#qa-creative-name-title {
  text-align: left;
  text-indent: 2em;
}

.qa-list {
  list-style: none;
  padding: 0;
  min-height: 85px;
  overflow: auto;
  margin-left: 0;
}

.qa-list li {
  border-bottom: 1px solid #EEEEEE;
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding: 0.4em 0 0.4em 2em;
  overflow:hidden;
}
.qa-published .qa-list-data-container{
  width:14em;
}
.qa-approved .qa-list-data-container{
  width:14.2em;
}
.qa-rejected .qa-list-data-container{
  width:12.7em;
}

.qa-list li.selected {
  background-color: #D1DCEF;
}

.qa-list li.qa-published {
  background-image: url("../images/studio_icon_creative_16x16.png");
}

.qa-list li.qa-approved,
.header-qa-approved {
  background-image: url("../images/studio_icon_creative_16x16_green.png");
}

.qa-list li.qa-rejected,
.header-qa-rejected {
  background-image: url("../images/studio_icon_creative_16x16_red.png");
}

#qa-approved-creative-list .just-moved {
  background-color: #B0DF99;
}

#qa-rejected-creative-list .just-moved {
  background-color: #FFDDD4;
}

.qa-console-undo {
  background-image: url( "../images/qa-console/undo.png" );
  background-repeat: no-repeat;
  height: 1.8em;
  width: 1.8em;
  margin: 0.2em;
}

.qa-console-edit {
  background-image: url( "../images/edit-icon.png" );
  background-repeat: no-repeat;
  height: 18px;
  width: 16px;
  margin:2px;
}

#creative-info {
  overflow: auto;
  width: 100%;
  height: 400px;
}

#ownership {
  padding-left:.5em;
  padding-right:2em;
}

#creative-info .bold {
  font-weight: bold;
}

#creative-info .italic {
  font-style: italic;
}

#creative-info .small-font {
  font-size: 0.8em;
}

#creative-info .medium-font {
  font-size: 0.8em;
}

#creative-info .level1 {
  margin-left: 10px;
}

#creative-info .level2 {
  margin-left: 20px;
}

#creative-info .bot-margin-small {
  margin-bottom: 3px;
}

#creative-info .bot-margin-medium {
  margin-bottom: 15px;
}

#creative-info .bot-margin-large {
  margin-bottom: 30px;
}

#creative-info .border-bottom {
  border-bottom: 1px solid #AAAAAA;
}

#creative-info-buttonbar {
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #AAAAAA;
  height:3em;
}

#creative-info .creative-info-section {
  font-size: 1.5em;
}

#creative-info .creative-info-row {
  clear: both;
  margin-bottom: 3px;
}

#creative-info .creative-info-label {
  float: left;
  font-weight: bold;
  width: 170px;
}

#qa-status-summary-wice-content label {
  font-weight: bold;
}

#qa-status-summary-wice-content span {
  margin-left: 1em;
}

#qa-status-summary-wice-content .creative-info-row {
  font-size: 1.5em;
  padding:1em 0;
}

#qa-status-summary-wice-content .creative-info-row p {
  font-size: 1em;
  margin:0;
  padding:0;
}

#dfa-submit-creative-list, #dfa-reject-creative-list, #unsuccessful-creative-list {
  padding: 0;
  height: auto;
  overflow: auto;
  width: 33.5em;
  border-bottom: 1px solid #81B0CF;
  list-style:none;
  max-height:13.2em;
}

#unsuccessful-creative-list {
  width: auto;
  border:none;
}

.header-qa-approved,
.header-qa-rejected {
  height:4.2em;
  background-repeat: no-repeat;
  background-position:0 2px;
  padding: 0.2em 0 0.2em 1.8em;
}

.submit-to-dfa-creative-details{
  padding:0.5em 1.8em;
  background-color: #fff;
}

#dfa-console-left-col {
  width: 56%;
}

#dfa-console-right-col {
  width: 40%;
  float: right;

}

#dfa-submit-email-notes {
  width: 97%;
  font-size: 1em;
  border: 1px solid #0C4370;
}

#tick-mac-style {
  background: transparent url("../images/ticks/red_circle.png") no-repeat scroll 2px 2px;
  color: yellow;
  float: left;
  font-size: 10px;
  left: -6px;
  margin-left: 0;
  padding: 1px 3px;
  position: relative;
  top: 3px;
  width: 10px;
}

#email-title {
  text-indent: 35px;
  margin-top: 3px;
}

/* wice tooltip */

.tooltip #studio-wice-header {
  background-image: url( "../images/studio_header_wice_info.png" );
  background-repeat: repeat-x;
}

.tooltip #studio-wice-title {
  background-image: url( "../images/studio_icon_wice_help.png" );
  background-repeat: no-repeat;
}

/* wice warning */

.overlay-warning #studio-wice-header {
  background-image: url( "../images/studio_header_wice_warning.png" );
  background-repeat: repeat-x;
}

.overlay-warning #studio-wice-title {
  background-image: url( "../images/studio_icon_wice_warning.png" );
  background-repeat: no-repeat;
}

.overlay-warning #studio-wice-body {
  background-color: #fbe9d1;
  border: 1px #b77316 solid;
}

#studio-wice-embed.embed-warning {
  background-color: #fbe9d1;
  border: 1px solid #b77316;
}

#stc-tabs #studio-wice-embed.embed-warning,
#stc-tabs #studio-wice-embed.embed-info,
#stc-tabs #studio-wice-embed.embed-error {
  float: right;
  width: 40em;
}

/* wice info */

.overlay-info #studio-wice-header {
  background-image: url( "../images/studio_header_wice_info.png" );
  background-repeat: repeat-x;
}

.overlay-info #studio-wice-title {
  background-image: url( "../images/studio_icon_wice_info.png" );
  background-repeat: no-repeat;
}

.overlay-info #studio-wice-body {
  background-color: #d8ddff;
  border: 1px #0c4370 solid;
}

#studio-wice-embed.embed-info {
  background-color: #d8ddff;
}

#studio-wice-tooltip {
  position: absolute;
  background-color: white;
  border: 1px #0c4370 solid;
  z-index: 1000;

}

/* wice confirmation */

.overlay-confirmation #studio-wice-header {
  background-image: url( "../images/studio_header_wice_confirmation.png" );
  background-repeat: repeat-x;
}

.overlay-confirmation #studio-wice-title {
  background-image: url( "../images/studio_icon_wice_confirmation.png" );
  background-repeat: no-repeat;
}

.overlay-confirmation #studio-wice-body {
  background-color: #c7e1a4;
  border: 1px #3d7f33 solid;
}

#studio-wice-embed.embed-confirmation {
  background-color: #c7e1a4;
  border: 1px solid green;
}

/* wice error */

.overlay-error #studio-wice-header {
  background-image: url( "../images/studio_header_wice_error.png" );
  background-repeat: repeat-x;
}

.overlay-error #studio-wice-title {
  background-image: url( "../images/studio_icon_wice_error.png" );
  background-repeat: no-repeat;
}

.overlay-error #studio-wice-body {
  background-color: #ffdbd1;
  border: 1px #710101 solid;
}

#studio-wice-embed.embed-error {
  background-color: #ffdbd1;
  border: 1px solid #710101;
}

/** WICE Console CSS Ends */

.droppable-active {
  outline: 2px dotted red;
}

.droppable-hover {
  outline: 2px dotted black;
}

.validation-failed-input {
  border: solid 2px red;
}

.validation-failed-label {
  font-weight: bold;
  color: red;
}

.creative-info {
  display: none;
  position: absolute;
  background-color: white;
}

.creative-status-0, .creative-status-1 {
  color: #f77f00;
  font-weight: 900;
}

.creative-status-2 {
  color: #002b7f;
  font-weight: 900;
}

.creative-status-3 {
  color: #990000;
  font-weight: 900;
}

.creative-status-4 {
  color: #61DF72;
  font-weight: 900;
}

.creative-status-5 {
  color: #006b3f;
  font-weight: 900;
}

.creative-status-6 {
  color: #990000;
  font-weight: 900;
}

.dc-creative-status {
  margin-top: .2em;
}
#flash-in-flash-detail{
  color:black;
  font-weight:100;
}

/* roadbloks */

.roadblock-creative,
#creative-from-list .roadblock-creative,
#creative-from-list .roadblock-creative.asset-expanded label.asset-header {
  background-image: url( "../images/studio_icon_roadblock_16x16.png" );
  background-repeat: no-repeat;
}

.roadblock-dynamic-creative,
#creative-from-list .roadblock-dynamic-creative,
#creative-from-list .roadblock-dynamic-creative.asset-expanded label.asset-header {
  background-image: url( "../images/studio_icon_roadblock_16x16rmda.png" );
  background-repeat: no-repeat;
}

#roadblocks-creative-list,
#roadblocks-list {
  height: 25em;
  overflow-y: auto;
  overflow-x: hidden;
  width: 98%;
  padding:0;
  margin: 1em 0 2em;
}

#roadblocks-list {
  height:21em;
  width:100%;
}

#roadblock-name-input {
  width:60%;
}

#add-new-roadblock-container {
  height:3em;
  margin:1em 0;
}

.roadblock-header,
.roadblock-header-new {
  height:2em;
  background-color:#E9F1F8;
  padding:0.2em;
}

.roadblocks-creative-list-chk-box,
.roadblocks-list-chk-box {
  margin:0.2em 0.6em 0 0.2em;
}

.creatives-in-roadblocks-list {
  list-style:none;
  padding-left:2.5em;
}

.creatives-in-roadblocks-list li {
  list-style:none;
  padding: 0 1em 0 0;
  margin-top: .4em;
  height:1.8em;
  cursor:default;
}

.roadblock-row {
  padding: .2em 0;
  margin-top: .2em;
}

#creativeInRb-container {
  padding-left:2em;
  border-left: 2px solid #ccc;
  float:left;
}

#roadblock-member-list{
  background-color:#fff;
  border:1px solid #0F5B98;
  padding:.5em 0;
  margin:0 1em 1em;
}

#roadblock-member-list li{
  list-style:none;
  padding: .5em 1em .5em 3em;
}

.roadblock-edit-icon {
  background-image: url( "../images/edit-icon.png" );
  background-repeat: no-repeat;
  height: 1.8em;
  width: 1.8em;
  margin: .2em .8em .2em .2em;
}

.roadblock-delete-icon {
  background-image: url( "../images/file_delete.gif" );
  background-repeat: no-repeat;
  height: 1.6em;
  width: 1.8em;
  margin: 0.2em;
}

.roadblockChangeNameInputBox {
  height: 1.1em;
  font-size:1em;
}

.roadblockChangeNameBtn,
.roadblockQuantity {
  margin: 0.2em .5em;
}

#output-console-simple-roadblock-mode {
  padding:.5em;
}
.roadblock-output-container {
  width:100%;
  height:10em;
  overflow:auto;
  border:1px #0F5B98 solid;
  background-color:#fff;
}

/* Dynamic Ads */

.dynamic-ad,
#creative-from-list .dynamic-ad {
  background-image: url( "../images/studio_icon_creative_da_16x16.png" );
}

#creative-info-qa-notes pre {
  width:255px;
  height:180px;
  overflow:auto;
  border:1px #0F5B98 solid;
  font-size:1.4em;
  white-space:normal;
  margin:0;
}

/* Self-trafficking-console */
#studio-stc-content h2 {
  margin:.5em 0;
}

html,
#body-self-traffiking-console {
  margin:0;
  padding:0;
  height:100%; /* needed for container min-height */
}

#studio-stc-header {
  padding: 1em 1em 0;
  height:3em;
}
#studio-stc-container{
  position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  /*width:750px;*/
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}


#studio-stc-footer {
  text-align:right;
  margin-right:2em;
}

#studio-stc-content{
  margin:2em;
  min-width:88em;
}

.studio-stc-tab-content{
  border-bottom:2px solid #006B3F;
  border-left:2px solid #006B3F;
  border-right:2px solid #006B3F;
  padding:1em 2em;
  min-height:42em;
  overflow:auto;
  text-align:left;
}

.studio-stc-content-footer {
  height:2.5em;
  padding-top:1em;
}

#studio-stc-header-btn-container {
  margin-top:1em;
}

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

#stc-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;
  margin-right: 4px;
  height: 33px;
  overflow: hidden;
}
#stc-tabs li a {
  display: block;
  padding: 0.5em;
  width: auto;
  height: auto;
  font-weight: 900;
  color: #69a58b;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 2em;
  cursor: pointer;
}

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

#stc-tabs li.tabs-selected a {
  color:#006B3F;
}

#stc-tabs li#tabs-tab-shadow {
  width: 3px;
  margin-left: -4px;
  margin-right: 0;
  background: transparent url( "../images/tab_shadow.gif" ) repeat scroll 0 0;
  border-right: none;
}

#stc-tabs li#wice-embed-msg-container {
  background: none;
  border: none;
  float: right;
  overflow: hidden;
  margin-right: 0px;
  width:0;
}

#failed-assignment-container,
#stc-directory-sites-container {
  margin-bottom:2em;
}

#search-site-header {
  height:3em;
  padding:1em 0;
  border-bottom: 1px solid black;
}
#search-site-header p {
  font-size:1.4em;
  margin: .6em 0 0 2em;
}

#search-site-left-col-header {
  height:7.5em;
}

#search-site-list-header,
#search-results-list-header {
  padding-left:3.5em;
}

#site-list-header {
  padding-left:1.5em;
}

#search-site-left-col {
  width:48%;
  text-align:left;
}

#search-site-right-col {
  width:48%;
  text-align:left;
}

.stc-list-search-box {
  color: #006b3f;
  width:9em;
  margin-right:.5em;
}

.stc-sd-list-search-box {
  color: #006b3f;
  width:95%;
}

#stc-sd-list-search-table {
  width: 100%;
}

.stc-view-options {
  font-size:1.2em;
  margin-top:5px;
}

#stc-directory-sites-search-box {
  margin-right: 2em;
  width: 22em;
}

#sd-site-search-type-filter-label {
  margin-right: .5em;
  font-size:1.2em;
}

#sd-site-search-type-filter {
  margin-right: 2em;
  font-size:1.2em;
}

#campaign-directory-container {
  border: 1px solid black;
  min-height:28.5em;
  border-bottom:none;
}

#search-site-list-container {
  border: 1px solid black;
  border-bottom: none;
  min-height:20.8em;
}

.stc-list-footer {
  padding:1em 0;
  background: #EEE;
  border: 1px solid black;
  border-top: 1px solid #CCC;
}

#studio-stc-content-tab-sites table td {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

#studio-stc-content-tab-sites table,
#stc-failed-assignment-list-table-body,
#stc-directory-sites-list-table-body {
  table-layout:fixed;
}

#studio-stc-content table,
#stc-failed-assignment-list-container table,
#stc-directory-sites-list-container table {
  font-size:1.2em;
  border-collapse:collapse;
}

#stc-directory-sites-list-table-body-container {
  overflow:auto;
  height:26em;
}

#stc-failed-assignment-list-table-body-container {
  overflow:auto;
  height:38em;
}

#stc-campaign-sites-list-table-body-container,
#stc-company-sites-list-table-body-container {
  overflow:auto;
  min-height:23em;
}

#stc-creative-list-table-body-container {
  overflow:auto;
  min-height:23em;
}

#stc-company-sites-list-table-body tr,
#stc-directory-sites-list-table-body tr,
#stc-failed-assignment-list-table-body tr,
#stc-campaign-sites-list-table-body tr {
  vertical-align:middle;
  border-top: 1px solid white;
}

#stc-failed-assignment-list-table-body td,
#stc-directory-sites-list-table-body td{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

#search-results-list-title {
  margin-top:2em;
}

.invisible-line-table {
  line-height:0px;
  height:1px!important;
}

#stc-failed-assignment-list-container,
#stc-directory-sites-list-container {
  border:1px solid black;
  margin-top:.7em;
  background-color: #FFF;
  border-bottom:none;
}

#stc-directory-sites-selected-link {
  font-weight: bold;
  font-size: 1.2em;
  text-decoration:underline;
}

.stc-site-url,
.stc-site-attributes {
  padding-left:.5em;
}

.stc-failed-site-row,
.stc-site-row {
  height:25px;
}

.stc-site-row a {
  text-decoration:none;
}

.stc-creative-mini-details {
  font-size: 0.9em;
}

.stc-selected-failed-site,

.stc-assigned-site {
  background-color:#F0F6D0;
}

.stc-assigned-site a,
.stc-assigned-site .stc-site-attributes {
}

.stc-disabled-failed-site {
  background-color:#ccc;
}

.stc-assignments-toggle {
  cursor:pointer;
}

#search-site-list-container .list-column-header,
#stc-directory-sites-list-container .list-column-header,
#stc-failed-assignment-list-container .list-column-header,
#campaign-directory-table .list-column-header,
#stc-creative-list-table-headers .list-column-header {
  border-top: none;
  font-weight:bold;
}

.rb-indicator {
  float:right;
  margin-top:10px;
  margin-right:5px;
}

#tags-collection-list {
  list-style: none;
  border:1px solid black;
  padding:1em;
  min-height:29em;
  overflow:auto;
}

#tags-collection-list ul.tags-creative-list {
  padding-left:0em;
}

#tags-collection-list li.creative-record-with-error {
  background-color:#E5BABA;
  list-style: none;
  background-image: url( "../images/ticks/tick_red.png" );
  background-repeat:no-repeat;
  margin-bottom:0.5em;
  padding:0 0 0 5em;
  background-position:2em 3px;
}

#tags-collection-list li.creative-record {
  padding:0 0 0.5em 5em;
  background-position:2em 3px;
}

#tags-collection-list ul{
  list-style: none;
}

#stc-tags-list-header, .tags-list-creative-name {
  font-size:1.4em;
  margin-bottom: .5em;
}

.download-link, .view-tag{
  font-size:1.4em;
  text-decoration:underline;
  margin-right:1em;
}

.download-timestamp {
  font-size:.8em;
  color:green;
}

.tag-record-header-title-expanded {
  font-size:1.4em;
  font-weight:900;
  padding:0 0 1em 1.2em;
  background: url("../images/btn_t_expanded.png") no-repeat 0 5px;
}

.tag-record-header-title-collapsed {
  font-size:1.4em;
  font-weight:900;
  padding:0 0 1em 1.2em;
  background: url("../images/btn_t_contracted.png") no-repeat 0 5px;
}

#stc-assign-creative-left-col, #stc-assign-creative-right-col {
  width:48%;
  text-align:left;
}
#stc-creative-list-container{
  border: 1px solid black;
  border-bottom: none;
  min-height:20.8em;
}

#stc-site-list-container{
  border: 1px solid black;
  border-bottom: none;
}

#stc-site-list {
  text-align:left;
  list-style:none;
  padding:1em 0;
  margin:0;
  overflow: auto;
  min-height:23.2em;
}

#stc-site-list li{
  font-size:1.2em;
  width:auto;
}

#stc-site-list li ul{
  list-style:none;
  padding-left:1.5em;
  border-bottom:2px solid #C8DAE8;
}

#stc-site-list li ul li{
  padding:.5em 0;
  font-size:1em;
}

.tag-list-error-message {
  color:#FF0000;
  font-size:1.2em;
}
#tag-copy-area {
  width:98%;
  height:300px;
  overflow:auto;
  font-size:1.2em;
}

.pub-paid-flag {
  font-size:1em;
  margin-right:1em;
}

.delete-icon-default {
  background-image: url( "../images/file_delete.gif" );
  background-repeat: no-repeat;
  height: 1.2em;
  width: 1.2em;
  margin: 0.2em;
}


.stc-site-record-header-empty {
  padding:.3em 2.1em .2em .1em;
}

#stc-site-list ul{
  padding-left:2em;
  margin-top:0em;
  background-color:#EFF8FF;
}
#stc-site-list li.stc-site-record-container {
  margin-bottom:.2em;
}

#search-site-directory-container {
  height:auto;
}

.creative-assignment-status {
  font-weight:900;
  margin: 0.3em 0.5em 0em 0em;
}

.status-Complete {
  color:#61DF72;
}

.status-In-Progress {
  color:#002B7F;
}

.status-Pending {
  color:#F77F00;
}

.status-Error {
  color:#900;
}

.tag-generation-error {
  color:#900;
  margin:4px 3px 3px 3px;
}

.tag-generation-error:hover {
  text-decoration:underline;
}

.tag-label-error {
  color:#900;
  margin-top: 2px;
  margin-left: 10px;
  font-size:1.2em;
  font-weight:bold;
}

#assign-creative-confirm-header-text-replacement {
  background: lightYellow;
  padding: 1em 1em 1.3em;
}

#assign-creative-confirm-list {
  background: #FFF;
  list-style: none;
  padding-left:0;
  border:1px solid black;
  font-size:1.2em;
  max-height:28em;
  overflow:auto;
  margin:1em 0 0;
}

#assign-creative-confirm-list li{
  margin-bottom:.5em;
}

#stc-creative-list-table-body-container .select-box-cell {
  width: 1.5em;
}

.stc-site-record-header, .assign-creative-confirm-site-header {
  padding:.3em 1em;
  background-color:#C8DAE8;
}

.stc-site-record-header a {
  color:#006B3F;
  margin-left: 6px;
  text-decoration:underline;
  font-size:.9em;
}

.stc-show-selected-toggle {
  padding-top: 18px;
  font-size: 1.2em;
}

#assign-creative-confirm-list ul{
  list-style: none;
  padding-left:1em;
}

.stc-dropped-assignment-status {
  color: #f77f00;
  font-weight: 900;
  margin-right: 2px;
}

.stc-actionOnList{
  background-color: #EEE;
  height:2.3em;
  padding:0.8em 1em;
  border-bottom:1px solid #CCC;
  overflow:hidden;
}

.footer-page-info{
  margin:0.4em 1em;
}

.pub-paid-available, .pub-paid-flag{
  font-size:.9em;
  margin-top:2px;
}

.add-sites-how-to-msg {
  color:#666666;
  font-size:1.5em;
  text-align:center;
}

.prior-preview-inclusion-msg {
  margin-top: 6px;
  margin-bottom: 6px;
}

#polling-msg-box {
  padding-top: 0.4em;
}

.add-new-event-mode- {
  width:17%;
}

.add-new-event-default-exit {
  width:7.5%;
}

.new-event-record-height {
  height:5em;
}

.note {
  color: #f77f00;
  font-weight: 900;
  font-size: 9px;
}

.multi-floating-file-name {
  color: rgb(15, 91, 152);
  font-size: 1.1em;
}
.dp-align-left {
  float:left;
  width:42%;
  text-align: right;
}

.dp-align-right {
  width:54%;
  float:right;
}
.margin-top-4 {
  margin-top:4px;
}

.margin-top-8 {
  margin-top:8px;
}
.margin-top-1 {
  margin-top:1px;
}

.dp-input-txt {
  width: 40px;
}

.margin-right-30 {
  margin-right:30px;
}

.dp-position-tool {
  clear: both;
  margin: 4px auto 0;
  width: 95px;
}

.dp-buttons {
  margin: 0 auto;
  width: 168px;
}

.campaign-mini-list {
  display: block;
  overflow: auto;
  height: 20.4em;
}

.preview-option-menu-item {
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
  color: #006B3F;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#preview-mode-menu-alignment {
  position: absolute;
  margin-left: 2%;
}

#preview-type-menu-alignment {
  position: absolute;
  margin-left: 42%;
}

#preview-zoom-menu-alignment {
  position: absolute;
  margin-left: 72%;
}

.preview-mode-span-width {
  clear :left;
  clear: right;
  float:left;
  width :7.4em !important
}

.preview-type-span-width {
  clear :left;
  clear: right;
  float:left;
  width :5em !important
}

.preview-zoom-span-width {
  clear :left;
  clear: right;
  float:left;
  width :4em !important
}

.preview-options-in-minilist-container {
  list-style:none;
  background-color:#E9F1F8;
  position:absolute;
  border:2px solid #C8DAE8;
  text-align:left;
  padding: 0.5em;
  margin-top :0px !important;
  margin-bottom :0px !important;
}

.internal-preview-in-app-option-container-alignment {
  width:26em;
  position: relative;
  margin-left:11em;
  top: -0.5em;
}

.internal-preview-option-span-alignment {
  clear:left;
  margin-bottom: 0px;
  color:#333;
  margin-left:5px;
  font-weight:600;
}

.external-preview-in-app-option-container-alignment {
  width:26em;
  position: relative;
  margin-left:31em;
  top: 2em;
}

.external-preview-option-span-alignment {
  clear:left;
  margin-bottom: 0px;
  color:#333;
  margin-left:232px;
  font-weight:600;
}

.external-preview-in-app-option-container-alignment-ie {
  width:26em;
  position: relative;
  margin-left:31em;
  top: 0em !important;
}

.external-preview-mode-container-alignment {
  position:absolute;
  margin-left:19em;
  margin-top:4%;
}

.external-preview-mode-container-alignment-ie {
  position:absolute;
  margin-left:17.5% !important;
  margin-top:0% !important;
}