/* Main Css 2.0 */
td {
	font-size:12px;
}

/*
a:link,
a:visited {
	color: #0464BB;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	
}

a:hover,
a:focus,
a:active {
	color: #1C417C;
	text-decoration: underline;
}
*/

/*For Buttons*/
.btn-delete {
    background-image:url(../img/btn-delete.gif) !important;
}
.btn-refresh {
    background-image:url(../img/btn-refresh.gif) !important;
}
.btn-new {
    background-image:url(../img/btn-new.gif) !important;
}
.btn-email-send {
    background-image:url(../img/btn-email-send.png) !important;
}
.btn-email-edit {
    background-image:url(../img/btn-email-edit.gif) !important;
}
.btn-save {
    background-image:url(../img/btn-save.gif) !important;
}
.btn-cancel {
    background-image:url(../img/btn-cancel.gif) !important;
}
.btn-printer {
    background-image:url(../img/btn-printer.png) !important;
}
.btn-stop {
    background-image:url(../img/btn-stop.gif) !important;
}
.btn-play {
    background-image:url(../img/btn-play.gif) !important;
}
.btn-pause {
    background-image:url(../img/btn-pause.gif) !important;
}

.btn-expand-all {
    background-image:url(../img/btn-expand-all.gif) !important;
}

.btn-collapse-all {
    background-image:url(../img/btn-collapse-all.gif) !important;
}

.btn-email-compose {
    background-image:url(../img/btn-email-compose.gif) !important;
}
.btn-import-sub {
    background-image:url(../img/btn-import-sub.gif) !important;
}
.btn-subscriber-export{
	background-image:url(../img/btn-subscriber-export.png) !important;
}
.btn-subscriber-import{
	background-image:url(../img/btn-subscriber-import.png) !important;
}
.btn-subscriber-check{
	background-image:url(../img/btn-subscriber-check.png) !important;
}
.btn-subscriber-delete{
	background-image:url(../img/btn-subscriber-delete.png) !important;
}
.btn-subscriber-add{
	background-image:url(../img/btn-subscriber-add.png) !important;
}
.btn-subscriber{
	background-image:url(../img/btn-subscriber.png) !important;
}
.btn-subscriber-group{
	background-image:url(../img/btn-subscriber-group.png) !important;
}
.tree-save-email {
    background-image:url(../img/btn-import-sub.gif) !important;
}

.tab-icon-welcome{
background-image:url(../img/btn-email-compose.gif) !important;
}


.card-next{
	background-image:url(../img/btn-page-next.gif) !important;
	background-attachment: fixed;
  background-position: top right;
  background-repeat: no-repeat;
}
.card-prev{
	background-image:url(../img/btn-page-prev.gif) !important;
	background-attachment: fixed;
  background-position: top right;
  background-repeat: no-repeat;
}
/**/



.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #C2D6EF;
}

#main-tabs .x-tab-panel-body {
    border:0 none;
}
#main-tabs .x-tab-panel-header {
    border-bottom-width:0 !important;
}

#left-Panel .x-panel-body {
  /*  border:0px none;*/
}

#details-panel .x-panel-body {
    border:1px solid #99bbe8;
	border-top:0 none;
}
#tree-panel .x-panel-body {
    border:1px solid #99bbe8;
	border-top:0 none;
}
#tree-panel .x-panel-header{
	background:#eee url(../img/cmp-bg.gif) repeat-x;
    border-top:1px solid #99bbe8;
    border-bottom:1px solid #ccc;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
.x-tree {
    background:#fff !important;
}

#help-tree-panel .x-panel-header{
	background:#eee url(../img/cmp-bg.gif) repeat-x;
    border-top:1px solid #99bbe8;
    border-bottom:1px solid #ccc;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

.icon-help-father{
	background-image:url(../img/icon-help-father.gif) !important;
}

.icon-help-child{
	background-image:url(../img/icon-help-child.gif) !important;
}

#help-panel .x-panel-tbar .x-toolbar {
    border-bottom:1px solid #C2D6EF;
}
/*
.x-tree-selected {
    border:1px dotted #a3bae9;
    background:#DFE8F6;
}
.x-tree-node .x-tree-selected a span{
	background:transparent;
	color:#15428b;
    font-weight:bold;
}
*/
.x-tree-node .a span{
	padding:3px;
}

#details-panel .x-panel-header{
	background:#eee url(../img/cmp-bg.gif) repeat-x;
	margin-top:0px;
    border-top:1px solid #99bbe8;
    border-bottom:1px solid #ccc;
	font-size:12px;
	color:#000000;
	font-weight:normal;

}

#previewTab .x-panel-body {
    border:1px solid #99bbe8;
	border-bottom:0 none;
}

#detail-issue-sent .x-panel-body {
    border:1px solid #99bbe8;
	border-bottom:0 none;
}

#detail-survey-sent .x-panel-body {
    border:1px solid #99bbe8;
	border-bottom:0 none;
}

#detail-issue-queue .x-panel-body {
    border:1px solid #99bbe8;
	border-bottom:0 none;
}
/*
#ps-layout .x-layout-split {
	
    background-color:#ffffff;
}
*/

.x-grid3-td-per-bar .x-grid3-cell-inner{
	padding: 1px 0px 0px 5px
}

.x-grid3-hd {
    color:#333333;
}

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

#img-chooser-view { 
  background: white; 
  font: 11px Arial, Helvetica, sans-serif;
} 
#img-browser-view .add-image {
  background-image: url(../img/btn-add-pic.png);
}
#img-browser-view .delete-image {
  background-image: url(../img/btn-del-pic.png);
}
#img-browser-view .thumb {
  position: relative;
  background: white;
  border: 1px solid #dddddd;
  width: 80px;
  height: 80px;
}
#img-browser-view .thumb img {
  position: absolute;
}
#img-browser-view .thumb-wrap { 
  float: left; 
  margin: 4px; 
  margin-right: 0; 
  padding: 5px;
} 
#img-browser-view .thumb-wrap span { 
  display: block; 
  overflow: hidden; 
  text-align: center; 
} 
#img-browser-view .x-view-over {
  border: 1px solid #dddddd; 
  background: #efefef url('../ext/resources/images/default/grid/row-over.gif') repeat-x left top; 
  padding: 4px; 
}
#img-browser-view .x-view-selected { 
  background: #DFEDFF; 
  border: 1px solid #6593cf; 
  padding: 4px; 
} 
#img-browser-view .x-view-selected .thumb { 
  background: transparent; 
}
#img-browser-view .x-view-selected span { 
  color: #1A4D8F;
}
#img-browser-view .loading-indicator { 
  font-size: 11px; 
  background-image: url('../ext/resources/images/grid/loading.gif'); 
  background-repeat: no-repeat; 
  background-position: left; 
  padding-left: 20px; 
  margin: 10px; 
} 



#tpl-view-panel .add-image {
  background-image: url(../img/icons/picture_add.png);
}
#tpl-view-panel .delete-image {
  background-image: url(../img/icons/picture_delete.png);
}
#tpl-view-panel .thumb {
  position: relative;
  background: white;
  border: 1px solid #dddddd;
  width: 80px;
  height: 80px;
}
#tpl-view-panel .thumb img {
  position: absolute;
}
#tpl-view-panel .thumb-wrap { 
  float: left; 
  margin: 4px; 
  margin-right: 0; 
  padding: 5px;
} 
#tpl-view-panel .thumb-wrap span { 
  display: block; 
  overflow: hidden; 
  text-align: center; 
} 
#tpl-view-panel .x-view-over {
  border: 1px solid #dddddd; 
  background: #efefef url('../ext/resources/images/default/grid/row-over.gif') repeat-x left top; 
  padding: 4px; 
  cursor:pointer;
}
#tpl-view-panel .x-view-selected { 
  background: #DFEDFF; 
  border: 1px solid #6593cf; 
  padding: 4px; 
} 
#tpl-view-panel .x-view-selected .thumb { 
  background: transparent; 
}
#tpl-view-panel .x-view-selected span { 
  color: #1A4D8F;
}
#tpl-view-panel .loading-indicator { 
  font-size: 11px; 
  background-image: url('../ext/resources/images/grid/loading.gif'); 
  background-repeat: no-repeat; 
  background-position: left; 
  padding-left: 20px; 
  margin: 10px; 
} 



#loading-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:20000;
	background-color:white;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
	height:auto;
}
#loading a {
	color:#225588;
}
#loading .loading-indicator{
	background:white;
	color:#444;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;
}
#loading-msg {
	font: normal 10px arial,tahoma,sans-serif;
}


#issue-sent-details-panel .x-tab-panel-footer {
    border:0px none !important;
}

    #sent-overview-delivery .x-panel {
        margin:10px;
    }
    #sent-overview-delivery .x-panel-ml {
        padding-left:1px;
    }
    #sent-overview-delivery .x-panel-mr {
        padding-right:1px;
    }
    #sent-overview-delivery .x-panel-bl {
        padding-left:2px;
    }

    #sent-overview-delivery .x-panel-br {
        padding-right:2px;
    }
    #sent-overview-delivery .x-panel-body {

    }
    #sent-overview-delivery .x-panel-mc {
        padding-top:0;
    }
    #sent-overview-delivery .x-panel-bc .x-panel-footer {
        padding-bottom:2px;
    }
    #sent-overview-delivery .x-panel-nofooter .x-panel-bc {
        height:2px;
    }
    #sent-overview-delivery .x-toolbar {
        border:1px solid #99BBE8;
        border-width: 0 0 1px 0;
    }


    #sent-overview-track .x-panel {
        margin:10px;
    }
    #sent-overview-track .x-panel-ml {
        padding-left:1px;
    }
    #sent-overview-track .x-panel-mr {
        padding-right:1px;
    }
    #sent-overview-track .x-panel-bl {
        padding-left:2px;
    }

    #sent-overview-track .x-panel-br {
        padding-right:2px;
    }
    #sent-overview-track .x-panel-body {

    }
    #sent-overview-track .x-panel-mc {
        padding-top:0;
    }
    #sent-overview-track .x-panel-bc .x-panel-footer {
        padding-bottom:2px;
    }
    #sent-overview-track .x-panel-nofooter .x-panel-bc {
        height:2px;
    }
    #sent-overview-track .x-toolbar {
        border:1px solid #99BBE8;
        border-width: 0 0 1px 0;
    }


.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;
}


#setting-div h2 {
	border-bottom: 2px solid #99bbe8;
	cursor:pointer;
	padding-top:6px;
}
#setting-div h2 div {
	background:transparent url(../ext/resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
	padding:4px 4px 4px 17px;
	color:#3764a0;
	font:bold 12px tahoma, arial, helvetica, sans-serif;
}

#setting-div h4 {
	display:inline;
	padding-left:15px;
	color:#000000;
	font:12px tahoma, arial, helvetica, sans-serif;
}
#setting-div p {
	display:inline;
	padding-left:30px;
	color:#666666;
	font:12px tahoma, arial, helvetica, sans-serif;
}
#setting-div ul {
	
	line-height:16px;
}

#setting-div li {
	width:50%; float:left; display:block;
	padding-top:15px;
}

#setting-div a:active,
#setting-div a:link {
	color: #0464BB;
	text-decoration: underline;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	
}

#setting-div a:hover,
#setting-div a:focus {
	color: #0464BB;
	text-decoration: none;
}

#setting-div a:visited {
	color: #0464BB;
}



#welcome-div h2 {
	border-bottom: 2px solid #99bbe8;
	cursor:pointer;
	padding-top:6px;
}
#welcome-div h2 div {
	padding:4px 4px 4px 6px;
	color:#3764a0;
	font:bold 14px tahoma, arial, helvetica, sans-serif;
}

#welcome-div h4 {
	display:inline;
	padding-left:15px;
	color: #0464BB;
	font:12px tahoma, arial, helvetica, sans-serif;
	
}
#welcome-div p {
	display:inline;
	padding-left:30px;
	color:#666666;
	font:12px tahoma, arial, helvetica, sans-serif;
}
#welcome-div ul {
	
	line-height:16px;
}

#welcome-div li {
	width:100%; float:left; display:block;
	padding-top:15px;
}

#welcome-div a:active,
#welcome-div a:link {
	color: #0464BB;
	text-decoration: underline;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	
}

#welcome-div a:hover,
#welcome-div a:focus {
	color: #0464BB;
	text-decoration: none;
}

#welcome-div a:visited {
	color: #0464BB;
}


.g-probar{
	display:-moz-inline-box;-moz-box-align:center;display:inline-block;+display:inline;zoom:1;vertical-align:middle;
	position:relative;border:1px solid #ccc;background:#fff;width:70px;height:10px;overflow:hidden
}
.g-probar span{position:absolute;left:0;top:0;height:8px;border:1px solid #fff;font-size:0;background-position:0 -432px}
.g-probar span{
	background-image:url(../img/bgx.png);
	background-repeat:repeat-x;
	background-color:#A5DD3D
}

.x-grid3-row-body p {
    margin:5px 5px 15px 5px !important;
	line-height:20px;
}

.guide-li {
    background: url(../img/li.png) no-repeat 1px 2px;
    padding: 0 0 0.5em 10px;
    margin-left: 0px;
}


