﻿.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}
.upload-icon {
    background: url(../images/picture_add.png) no-repeat 0 0 !important;
}
.exExcel .x-menu-item-icon {
    background-image:url(../images/i_excel.gif);
}
.exDailies .x-menu-item-icon {
    background-image:url(../images/i_daily.gif);
}

.exOnline .x-menu-item-icon {
    background-image:url(../images/i_online.png);
}
.exConsumer .x-menu-item-icon {
    background-image:url(../images/i_consumer.gif);
}
.exTrade .x-menu-item-icon {
    background-image:url(../images/i_trade.gif);
}

.btn-signature  .x-menu-item-icon { 
    background-image:url('../images/i_signature.png');
}

.pressReleases .x-btn-text {
   background-image:url(../images/i_press.png); 
}

.updates .x-btn-text {
   background-image:url(../images/bell.png); 
}

.twitter .x-btn-text {
    background-image: url(../images/twitter.png);
}

.suppleCurrent .x-menu-item-icon {
   background-image:url(../images/i_current.gif); 
}

.btnCustomPublication .x-btn-text {
   background-image:url(../images/icn-custom-publication.png); 
}   

.btnCreateCustomPublication .x-btn-text {
   background-image:url(../images/icn-create-custom-publication.png); 
}

.btnEditCustomPublication .x-btn-text {
   background-image:url(../images/icn-edit-custom-publication.png); 
}

.btnDeleteCustomPublication .x-btn-text {
   background-image:url(../images/icn-delete-custom-publication.png); 
}

.settings .x-btn-text {
   background-image:url(../images/i_settings.png); 
}    
.logout .x-btn-text {
   background-image:url(../images/i_logout.gif); 
}    
.suppleForth .x-menu-item-icon {
   background-image:url(../images/i_forthcoming.gif); 
}

.home .x-btn-text {
   background-image:url(../images/i_house.png); 
}

.exBtnExcel .x-btn-text {
    background-image:url(../images/i_excel.gif);
}

.btnProfile .x-menu-item-icon {
   background-image:url(../images/i_indgroup.gif); 
}

.tabDetail {
   background-image:url(../images/i_report.png); 
}

.tabPerson {
   background-image:url(../images/i_person.png); 
}

.tabCustom {
   background-image:url(../images/i_custom.png); 
}

.tabSupple {
    background-image: url(../images/i_supple.png);
}

html, body {
    font:normal 12px verdana;
    margin:0;
    padding:0;
    border:0 none;
    overflow:hidden;
    height:100%;
}

td
{
	font-family: Sans-Serif, Arial;
	font-size: 12px;
}

th 
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

.fulltable tr td
{
  white-space: nowrap;
}


a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; } 

.loginTxt 
{
	font-family: Verdana, Arial;
	font-size: 10px;
    padding-left: 20px;
}

.landing 
{
	text-align: center;
	min-width: 600px;
}

.lblWarning
{
	color: Red;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 11px;
}

#column 
{
	margin:0 auto;
	width:750px;
	text-align: left;
}

#canvas 
{
	position: relative;
}

.txtCommon 
{
	font-family: Verdana, Arial;
	font-size: 9px;
}

#divLogout 
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.loading-indicator {
    font-size:8pt;
    background-image:url('images/loading.gif');
    background-repeat: no-repeat;
    background-position:top left;
    padding-left:20px;
	height:18px;
	text-align:left;
}

#loading{
	position:absolute;
	left:45%;
	top:40%;
	border:1px solid #6593cf;
	padding:2px;
	background:#c3daf9;
	width:150px;
	text-align:center;
	z-index:20001;
}

#loading .loading-indicator{
	border:1px solid #a3bad9;
	background:white url('images/block-bg.gif') repeat-x;
	color:#003366;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
}

.logintxt 
{
    height: 22px;
    -moz-box-shadow: inset 0 0 3px 0 #000;
    -webkit-box-shadow: inset 0 0 3px 0 #000;
    box-shadow: inset 0 0 3px 0 #000;
}

.ctx1 .x-tree-node-icon{background:url('../images/i_newspaper.png') no-repeat;}
.ctx2 .x-tree-node-icon{background:url('../images/icn-custom-publication.png') no-repeat;}
.btn-new-group{ background-image:url('../images/i_group_add.png') !important;}
.btn-delete-group{ background-image:url('../images/i_group_delete.png') !important;}
.btn-group-excel{ background-image:url('../images/i_excel.gif') !important;}
.btn-group-press{ background-image:url('../images/i_press_go.png') !important;}
.btn-group-select{ background-image:url('../images/i_selectall.gif') !important;}
.btn-group-matches{ background-image:url('../images/i_group_matches.png') !important;}
.btn-user-add{ background-image:url('../images/i_user_add.png') !important;}
.btn-user-delete{ background-image:url('../images/i_user_delete.png') !important;}
.btn-save{ background-image:url('../images/i_save.png') !important;}
.btn-new-release{ background-image:url('../images/i_release_add.png') !important;}
.btn-image-library{ background-image:url('../images/folder_picture.png') !important;}
.btn-image-delete{ background-image:url('../images/picture_delete.png') !important;}
.btn-edit-release{ background-image:url('../images/i_release_edit.png') !important;}
.btn-test-release{ background-image:url('../images/i_test_release.png') !important;}
.btn-archive-release{ background-image:url('../images/i_release_archive.png') !important;}
.btn-remove-attach{ background-image:url('../images/attach_remove.png') !important;}
.btn-copy{ background-image:url('../images/i_copy.png') !important;}
.grid_group{ background-image:url('../images/i_groups.png') !important;}
.tree_category{ background-image:url('../images/i_category.png') !important;}
.btn-salutation{ background-image:url('../images/icn-salutation.png') !important;}
.btn-firstname{ background-image:url('../images/icn-firstname.png') !important;}
.btn-surname{ background-image:url('../images/icn-surname.png') !important;}
.btn-body{ background-image:url('../images/body.png') !important;}
.btn-preview{ background-image:url('../images/eye.png') !important;}

.btnTemplate .x-btn-text {
   background-image:url(../images/table.png); 
}

.btn-add-template{ background-image:url('../images/table_add.png') !important;}
.btn-edit-template{ background-image:url('../images/table_edit.png') !important;}
.btn-delete-template{ background-image:url('../images/table_delete.png') !important;}

.x-panel-notop 
{
	border-left: 1px solid #a3bad9;
	border-top: 0px;
}

.greybx{display:block}
.greybx *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EBEBEB}
.greybx1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.greybx2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#eeeeee}
.greybx3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;}
.greybx4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.greybx5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.greybxfg{
  background:#EBEBEB;
  padding-left: 10px;
	font:bold 13px tahoma,arial,helvetica;
  }
  .greybxbg
  {
  	padding:3px 5px 10px 10px;
	font:12px tahoma,arial,helvetica;
  background:#EBEBEB}
  
.brownbx{display:block}
.brownbx *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ebeadf}
.brownbx1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f5f1;
  border-right:1px solid #f6f5f1;
  background:#f0efe7}
.brownbx2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfcfb;
  border-right:1px solid #fdfcfb;
  background:#eeede5}
.brownbx3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeede5;
  border-right:1px solid #eeede5;}
.brownbx4{
  border-left:1px solid #f6f5f1;
  border-right:1px solid #f6f5f1}
.brownbx5{
  border-left:1px solid #f0efe7;
  border-right:1px solid #f0efe7}
.brownbxfg{
  background:#ebeadf;
  padding-left: 10px;
	font:13px tahoma,arial,helvetica;}
  .brownbxbg
  {
  	padding:3px 5px 10px 10px;
	font:12px tahoma,arial,helvetica;
  background:#ebeadf}


.orangebx{display:block}
.orangebx *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFB829}
.orangebx1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffe0a2;
  border-right:1px solid #ffe0a2;
  background:#ffc95e}
.orangebx2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff7e9;
  border-right:1px solid #fff7e9;
  background:#ffc551}
.orangebx3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffc551;
  border-right:1px solid #ffc551;}
.orangebx4{
  border-left:1px solid #ffe0a2;
  border-right:1px solid #ffe0a2}
.orangebx5{
  border-left:1px solid #ffc95e;
  border-right:1px solid #ffc95e}
  
  .orangebxfg{
  background:#FFB829;
  padding-left: 10px;
	font:bold 13px tahoma,arial,helvetica;}
  .orangebxbg
  {
  	padding:3px 5px 10px 10px;
	font:12px tahoma,arial,helvetica;
  background:#FFB829}
  
 
.medianet{display:block}
.medianet *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dce0e3}
.medianet1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eff1f2;
  border-right:1px solid #eff1f2;
  background:#e4e7ea}
.medianet2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfc;
  border-right:1px solid #fbfbfc;
  background:#e2e5e8}
.medianet3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e2e5e8;
  border-right:1px solid #e2e5e8;}
.medianet4{
  border-left:1px solid #eff1f2;
  border-right:1px solid #eff1f2}
.medianet5{
  border-left:1px solid #e4e7ea;
  border-right:1px solid #e4e7ea}
.medianetfg{
  background:#dce0e3}
  
.bluebx2{display:block}
.bluebx2 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#88BEDD}
.bluebx21{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cbe3f0;
  border-right:1px solid #cbe3f0;
  background:#a5cee5}
.bluebx22{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3f8fb;
  border-right:1px solid #f3f8fb;
  background:#9ecae3}
.bluebx23{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9ecae3;
  border-right:1px solid #9ecae3;}
.bluebx24{
  border-left:1px solid #cbe3f0;
  border-right:1px solid #cbe3f0}
.bluebx25{
  border-left:1px solid #a5cee5;
  border-right:1px solid #a5cee5}
.bluebx2fg{
  background:#88BEDD}
  
  .roundtop
{
 border-top-right-radius:8px;
 -moz-border-radius-topright:8px;
 -webkit-border-top-right-radius:8px;   
  
  border-top-left-radius:8px;
 -moz-border-radius-topleft:8px;
 -webkit-border-top-left-radius:8px;   
}

.txtbox
{
    background-color:#f2f2f2;
    padding:10px; 
    color:#4a4a4a;
    font: normal 13px arial;
    line-height:1.8em;
}


/* Row hilites */
.green-row{ background-color: #04B100 !important; } 
.orange-row{ background-color: #FFB663 !important; }
.red-row{ background-color: #FF6464 !important; }
.blue-row {
    background-color: #008585 !important;
}
.yellow-row {
    background-color: #FFFF00 !important;
}


/* Ends Row hilites */

/* Image Chooser*/

#img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
#img-chooser-dlg .details-info{
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
#img-chooser-dlg .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
#img-chooser-dlg .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

#img-chooser-view{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
#img-chooser-view .thumb{
    background: #dddddd;
    padding: 3px;
}
#img-chooser-view .thumb img{
    height: 60px;
    
}
#img-chooser-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
#img-chooser-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
#img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
    padding: 4px;
}
#img-chooser-view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}
#img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
#img-chooser-view .x-view-selected span{
    color:#1A4D8F;
}
#img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

.x-form-check-wrap {
	padding-top: 4px;
	height: 22px;
	line-height: 18px;
}

.x-required:after {
    content: ' *';
    color: red;
    font-weight: bold;
}

.warning {
    cursor: pointer;
}

.red-background {
    background-color: rgba(255, 0, 0, 0.2);
}

.center-column-div {
    width: 100%;
    text-align: center;
}

.unsubscribe-reason {
    width: 100px;
    padding-bottom: 6px;
    float: left;
    font-weight: bold;
}