/* ================================== */
/* =            Global              = */
/* ================================== */


tr.small_headers th { font-size: 10px; color:#999999; text-transform:uppercase; text-align:left;}

/* ================================== */
/* =            People              = */
/* ================================== */

/* index */
.people .column1 { vertical-align:top; width:450px;}
.people .column2 { vertical-align:top; }
.tabs { height:21px; margin-top:10px; }
  .tabs .selected { background-color:#f2f2f2; border:solid #e3e3e3; border-width:1px 1px 0 1px;}
  .tabs a { text-decoration:none; padding:8px; }
.new_person_box { padding:0 15px 50px 15px; border:solid 1px #e3e3e3; margin-bottom:20px; background-color:#f2f2f2; width:370px;}
  .new_person_box p { padding:0; margin:4px; }
  .new_person_box input[type=text] { width:270px; font-size:12px }
  .new_person_box input[type=text].multiSelect { width:250px; }
  .new_person_box .label { float:left; width:60px; margin-top:7px;}
  .new_person_box .submit { float:right; margin:10px 18px 0 0; }
    .new_person_box .submit input[type=submit] { width:100px; }

/* new */
.new_group input[type=text] { font-size:16px; width:150px; margin:0 10px; }
.groups { }
  .groups tr { height:24px }
    .groups td { border-bottom:solid 1px #dddddd; }
    .groups td.name { width:140px; font-size:14px;  }
    .groups td.people { font-size:14px; text-align:right; }


/* ================================== */
/* =            Groups              = */
/* ================================== */

/* show group */
.show_group td.column1, .show_group td.column2 { vertical-align:top }
.show_group td.column1 { width:600px; }

.groups a { text-decoration:none}
.groups a:hover { color:#000000; }


/* ================================== */
/* =           Newsletter           = */
/* ================================== */

/* index */
.index-newsletters { width:100% }
.index-newsletters h3 { text-align:center; color:#999999; margin-top:0; font-size:14px; }
.index-newsletters .newsletter-header { background-color:#fff; padding:7px; }
  .index-newsletters .newsletter-header h3 { text-align:left; margin-bottom:0 }
.index-newsletters .paper { width:450px; padding:20px;}
.index-newsletters .not-sent { color:#bbb; font-style:italic; text-align:center; }
.index-newsletters .sending { background-color:#ffc; padding:4px 2px; color:#000; font-weight:bold; }
.index-newsletters .waiting { color:#55a; padding:4px 2px }
.index-newsletters .finished { color:#3a3; padding:4px 2px }
.index-newsletters .deliveries-box { width:190px; background-color:#f7f7f7; border:solid 1px #e3e3e3; padding:15px; min-height:60px; border-left:0; color:#777}
.index-newsletters .deliveries-box .deliveries { padding:0; font-size:11px; }
.index-newsletters .deliveries-box .deliveries li { list-style-type:none}
.index-newsletters .deliveries-box .deliveries li a { color:#aaa; }
.new-newsletter-dialog { display:none; width:800px; margin-top:30px }
  .new-newsletter-dialog.dialog h2 { font-size:15px; font-weight:normal; margin-left:20px; }
  .new-newsletter-dialog ul { font-size:14px; }
  .new-newsletter-dialog li { display:inline-block; padding:16px; text-align:center; vertical-align:top; font-size:13px;}
  .new-newsletter-dialog li a { color:#fff }
  .new-newsletter-dialog.dialog li { padding:15px }
  .new-newsletter-dialog li img { margin-bottom:5px; border:solid 1px #555 }
  .new-newsletter-dialog .html-code-square { width:160px; height:70px; background-color:#dde; color:#778; font-size:24px; padding-top:50px; font-weight:bold; margin-bottom:5px}
  .new-newsletter-dialog a:hover .html-code-square { text-decoration:none }
  .new-newsletter-dialog .white-square { width:160px; height:120px; background-color:#fff; margin-bottom:5px }

.templates a { padding:10px; }
.new_newsletter_link { background-color:#f3f3f3; border:4px solid #dddddd; padding:10px; width:150px; text-align:center }
.newsletter_small td { padding:8px 5px 5px 10px; border-bottom:1px solid #dddddd; margin:10px;}
  .newsletter_small a { text-decoration:none; }
/*  .newsletter_small tr:last-child { border:0 } */
  .newsletter_small .title { font-size:14px; }
  .newsletter_small .menu { float:right; padding-top:15px; }
  .newsletter_small .content {  }
  .newsletter_small .envios { font-size:12px; color:#888888; }

/* show */
.show-newsletter { width:100%; margin:0 -15px 0 0; min-height:200px;}
.show-newsletter .newsletter { min-height:120px }
.show-newsletter td { vertical-align:top }
.show-newsletter td label { color:#777777 }
.show-newsletter td input[type=text] { width:420px; border:solid 1px #dddddd; font-size:14px; padding:3px }
.show-newsletter .editor { width:100%; border:solid 1px #999; }

/* images */
.new-edit-newsletter .images-dialog { z-index: 20; display:none; position:fixed; right:0px; top:30px; width:500px }
.new-edit-newsletter .images-dialog .image-upload { display:inline-block; width:100%; padding:8px; position:relative; background-color:#3a3a3a; margin-bottom:20px; padding:8px; }
.new-edit-newsletter .images-dialog .image-upload .spinner-text { display:none; color:#999; }
.new-edit-newsletter .images-dialog .image-link { position: relative; display: inline-block; }
.new-edit-newsletter .images-dialog .image-link .delete-mark { position: absolute; right: 0; top: 0; background-color: #000; padding: 4px 8px; font-size: 12px; color: #f00; display: none;}
.new-edit-newsletter .images-dialog .image-link:hover .delete-mark { display: block }
.new-edit-newsletter .images-dialog .image-link .delete-mark:hover { color: #000; background-color: #fff; }
.image-resize-dialog { display:block; width:150px; position:absolute; top:30px; left:480px; }

/* sidebar */
.new-edit-newsletter .newsletter-sidebar { position:absolute; right:20px; width:240px; top:90px}
  .new-edit-newsletter .newsletter-sidebar h2 { margin-top:0; font-size:15px; color:#89A; text-align:left;}
  .new-edit-newsletter .newsletter-sidebar label { float:left; width:60px; padding-top:7px;}
  .new-edit-newsletter .newsletter-sidebar p { margin:0;}
  .new-edit-newsletter .newsletter-sidebar .sections { width:155px; float:right; line-height:1.6em;}
    .new-edit-newsletter .newsletter-sidebar .sections a { font-size:13px; padding:4px; font-weight:bold; color:#aaa; }
    .new-edit-newsletter .newsletter-sidebar .sections a.selected { color:#000 }
  .new-edit-newsletter .newsletter-sidebar input[type=text], .sidebar-themes .section-body input[type=password] { border:0; font-size:13px; }
  .new-edit-newsletter .newsletter-sidebar .section-body { display:none; color:#777; }
  .new-edit-newsletter .newsletter-sidebar .section-body p { margin:3px 0;}

.new-edit-newsletter .newsletter_name input[type=text] { font-size:18px; width:300px; border:5px solid #eeeeee; letter-spacing:-0.07em; padding:5px;}
.new-edit-newsletter .news_page { }
.new-edit-newsletter   .news_page .column1 { vertical-align:top; width:415px; }
.new-edit-newsletter     .news_page .column1 .cloth_image { float:right; margin-right:10px; }
.new-edit-newsletter     .news_page .column1 input[type=text] { width:400px; }
.new-edit-newsletter     .news_page .column1 #newsletter_title { font-size:18px; width:600px; }
.new-edit-newsletter     .news_page .column1 textarea { width:600px; height:300px; }
.new-edit-newsletter     .news_page .column1 input[type=submit] { float:right; width:120px; }
.new-edit-newsletter   .news_page .column2 { width:610px; float:right; }
.new-edit-newsletter hr.below { width:100%; margin:15px 0 15px 0; border:0; border-top:solid 1px #ccc }

/* wysihtml5 editor */
.wysihtml5-sandbox { }

.new-edit-newsletter .toolbars { position:relative; top:-30px; left:-20px; z-index:10;}

.editor-toolbar { position:absolute; top:0px; left:-15px; width:760px; } /* Need to set width to not interfere with other elements */
  .editor-toolbar a.wysihtml5-command-active { color:#000; background-color:#dde; border:solid 1px #ccc; }
  .editor-toolbar > a { background:#fff; display:inline-block; padding:5px 8px; border:solid 1px #ddd; border-left:0; color:#444;}
  .editor-toolbar > a.left-corner { border-left:solid 1px #ddd; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
  .editor-toolbar > a.right-corner { -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; }
  .editor-toolbar > a.left-corner.right-corner { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
  .editor-toolbar > a:hover { background-color:#f5f5f5 }
  .editor-toolbar .link-dialog { position:absolute; width:370px; left:250px; }
  .editor-toolbar .link-dialog a { cursor:pointer; }
  .editor-toolbar .link-dialog input.text { width:240px; margin-right: 15px;}

#aceEditor { 
  /*display:none;*/
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 0;
  width:100%;
  height:620px;
  border:solid 5px #ccc;
  border-left:0;
  border-right:0;
  background-color:#fff;
}

.with-icon { padding-left:15px; }
[class^="icon-"],
[class*=" icon-"] {background: url("/assets/glyphicons-halflings-247cff28.png") no-repeat }
.icon-white { background-image: url("/assets/glyphicons-halflings-white-2aeb97b4.png"); }
.icon-glass {background-position: 0 0; }
.icon-music {background-position: -24px 0; }
.icon-search {background-position: -48px 0; }
.icon-envelope {background-position: -72px 0; }
.icon-heart {background-position: -96px 0; }
.icon-star {background-position: -120px 0; }
.icon-star-empty {background-position: -144px 0; }
.icon-user {background-position: -168px 0; }
.icon-film {background-position: -192px 0; }
.icon-th-large {background-position: -216px 0; }
.icon-th {background-position: -240px 0; }
.icon-th-list {background-position: -264px 0; }
.icon-ok {background-position: -288px 0; }
.icon-remove {background-position: -312px 0; }
.icon-zoom-in {background-position: -336px 0; }
.icon-zoom-out {background-position: -360px 0; }
.icon-off {background-position: -384px 0; }
.icon-signal {background-position: -408px 0; }
.icon-cog {background-position: -432px 0; }
.icon-trash {background-position: -456px 0; }
.icon-home {background-position: 0 -24px; }
.icon-file {background-position: -24px -24px; }
.icon-time {background-position: -48px -24px; }
.icon-road {background-position: -72px -24px; }
.icon-download-alt {background-position: -96px -24px; }
.icon-download {background-position: -120px -24px; }
.icon-upload {background-position: -144px -24px; }
.icon-inbox {background-position: -168px -24px; }
.icon-play-circle {background-position: -192px -24px; }
.icon-repeat {background-position: -216px -24px; }
.icon-refresh {background-position: -240px -24px; }
.icon-list-alt {background-position: -264px -24px; }
.icon-lock {background-position: -287px -24px; }
.icon-flag {background-position: -312px -24px; }
.icon-headphones {background-position: -336px -24px; }
.icon-volume-off {background-position: -360px -24px; }
.icon-volume-down {background-position: -384px -24px; }
.icon-volume-up {background-position: -408px -24px; }
.icon-qrcode {background-position: -432px -24px; }
.icon-barcode {background-position: -456px -24px; }
.icon-tag {background-position: 0 -48px; }
.icon-tags {background-position: -25px -48px; }
.icon-book {background-position: -48px -48px; }
.icon-bookmark {background-position: -72px -48px; }
.icon-print {background-position: -96px -48px; }
.icon-camera {background-position: -120px -48px; }
.icon-font {background-position: -144px -48px; }
.icon-bold {background-position: -167px -48px; }
.icon-italic {background-position: -192px -48px; }
.icon-text-height {background-position: -216px -48px; }
.icon-text-width {background-position: -240px -48px; }
.icon-align-left {background-position: -264px -48px; }
.icon-align-center {background-position: -288px -48px; }
.icon-align-right {background-position: -312px -48px; }
.icon-align-justify {background-position: -336px -48px; }
.icon-list {background-position: -360px -48px; }
.icon-indent-left {background-position: -384px -48px; }
.icon-indent-right {background-position: -408px -48px; }
.icon-facetime-video {background-position: -432px -48px; }
.icon-picture {background-position: -456px -48px; }
.icon-pencil {background-position: 0 -72px; }
.icon-map-marker {background-position: -24px -72px; }
.icon-adjust {background-position: -48px -72px; }
.icon-tint {background-position: -72px -72px; }
.icon-edit {background-position: -96px -72px; }
.icon-share {background-position: -120px -72px; }
.icon-check {background-position: -144px -72px; }
.icon-move {background-position: -168px -72px; }
.icon-step-backward {background-position: -192px -72px; }
.icon-fast-backward {background-position: -216px -72px; }
.icon-backward {background-position: -240px -72px; }
.icon-play {background-position: -264px -72px; }
.icon-pause {background-position: -288px -72px; }
.icon-stop {background-position: -312px -72px; }
.icon-forward {background-position: -336px -72px; }
.icon-fast-forward {background-position: -360px -72px; }
.icon-step-forward {background-position: -384px -72px; }
.icon-eject {background-position: -408px -72px; }
.icon-chevron-left {background-position: -432px -72px; }
.icon-chevron-right {background-position: -456px -72px; }
.icon-plus-sign {background-position: 0 -96px; }
.icon-minus-sign {background-position: -24px -96px; }
.icon-remove-sign {background-position: -48px -96px; }
.icon-ok-sign {background-position: -72px -96px; }
.icon-question-sign {background-position: -96px -96px; }
.icon-info-sign {background-position: -120px -96px; }
.icon-screenshot {background-position: -144px -96px; }
.icon-remove-circle {background-position: -168px -96px; }
.icon-ok-circle {background-position: -192px -96px; }
.icon-ban-circle {background-position: -216px -96px; }
.icon-arrow-left {background-position: -240px -96px; }
.icon-arrow-right {background-position: -264px -96px; }
.icon-arrow-up {background-position: -289px -96px; }
.icon-arrow-down {background-position: -312px -96px; }
.icon-share-alt {background-position: -336px -96px; }
.icon-resize-full {background-position: -360px -96px; }
.icon-resize-small {background-position: -384px -96px; }
.icon-plus {background-position: -408px -96px; }
.icon-minus {background-position: -433px -96px; }
.icon-asterisk {background-position: -456px -96px; }
.icon-exclamation-sign {background-position: 0 -120px; }
.icon-gift {background-position: -24px -120px; }
.icon-leaf {background-position: -48px -120px; }
.icon-fire {background-position: -72px -120px; }
.icon-eye-open {background-position: -96px -120px; }
.icon-eye-close {background-position: -120px -120px; }
.icon-warning-sign {background-position: -144px -120px; }
.icon-plane {background-position: -168px -120px; }
.icon-calendar {background-position: -192px -120px; }
.icon-random {background-position: -216px -120px; }
.icon-comment {background-position: -240px -120px; }
.icon-magnet {background-position: -264px -120px; }
.icon-chevron-up {background-position: -288px -120px; }
.icon-chevron-down {background-position: -313px -119px; }
.icon-retweet {background-position: -336px -120px; }
.icon-shopping-cart {background-position: -360px -120px; }
.icon-folder-close {background-position: -384px -120px; }
.icon-folder-open {background-position: -408px -120px; }
.icon-resize-vertical {background-position: -432px -119px; }
.icon-resize-horizontal {background-position: -456px -118px; }



/* editor */
/* sprite position 36 72 108 144 180 216 252 288 324 360 396 432 468 504 540 576 612 648 684 */
/* 13 21(imagem) 22(link) */

/*.editor { clear: both; min-height: 200px; margin: 5px 0; outline: none; }
.editor p {  margin: 0; }
.editor_toolbar { position:absolute; top:-36px; left:8px; }
.editor_toolbar .button { font-family: georgia, serif; float: left; background-color:#cccccc; margin:1px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.editor_toolbar .button .spacer { padding:6px; min-width:11px; text-align:center }
.editor_toolbar .button img { padding:6px; }
.editor_toolbar a.button { color:#333333 }
.editor_toolbar a.button { text-decoration:none }
.editor_toolbar .selected { color: red !important;  }
#error { font: 18px helvetica, arial, sans-serif; color: red; }
.editor-button { margin:3px; width:18px; height:20px; background: url("/assets/editor-sprites-98103df2.gif") no-repeat; display:inline-block }

.editor-button.bold { background-position:0 0 }
.editor-button.italic { background-position:0 -36px }
.editor-button.underline { background-position:0 -72px }
*/
/* Icon spacing is 36px 
.editor-button.link { background-position:0 -792px; }
.editor-button.image { background-position:0 -756px; }
.editor-button.list { background-position:0 -468px; }
.editor-button.color { background-position:0 -251px; }
.editor-button.left { background-position:0 -322px; }
.editor-button.center { background-position:0 -358px; }
.editor-button.right { background-position:0 -394px; }
.editor-button.justify { background-position:0 -430px; }

/*.colorpicker { display:none; }*/


/* ================================== */
/* =            Delivery            = */
/* ================================== */

.show-delivery .data-table tr td { cursor:default }
.show-delivery .recipients { height:40px; width:970px }
  .show-delivery .recipients > tbody > tr > td { vertical-align:top; }
.show-delivery .links { font-size:14px; list-style-type:none; color:#555555 }
  .show-delivery .links big { font-size:18px; font-weight:bold }
  .show-delivery .details td { vertical-align:top; }
  .show-delivery .details label { text-transform:uppercase; color:#959595; font-size:11px; font-weight:normal;}
  .show-delivery .details .stats td { vertical-align:bottom; padding:3px 5px }
  .show-delivery .details .stats tr:hover { background-color:#fff7d5 !important; cursor:pointer; }
  .show-delivery .details .stats .selected { font-weight:bold; }
  .show-delivery .details .stats .number { font-size:16px; text-align:right; color:#555; }
.show-delivery .list-menu { text-align:right; margin-bottom:8px }
.show-delivery .sending-status { padding:10px 15px; background-color:#ffc; width:300px; text-align:center; font-weight:bold; }
.show-delivery .sending-status big { font-size:20px; position:relative; top:2px; padding-right:4px; }
.show-delivery .finished-status { padding:10px 15px; background:#3ca555; color:#fff; width:300px; text-align:center; font-weight:bold; }

.delivery_sent { color:#3a3 }
.delivery_not-sent { color:#777 }
.delivery_opened { color:#3a3 }
.delivery_failed { color:#a33; white-space:nowrap; }

.index-deliveries h3 { font-weight:normal; }
.index-deliveries td { line-height:1.6em; padding:10px; border-bottom:solid 1px #eeeeee; vertical-align:top }
.index-deliveries th { vertical-align:top }
.index-deliveries tr:last-child td { border-bottom:0 }

.index-newsletters .sending { background-color:#ffc; padding:4px 2px; color:#000; font-weight:bold; }
.index-newsletters .waiting { color:#55a; padding:4px 2px  }
.index-newsletters .finished { color:#5a5; padding:4px 2px }
.index-newsletters .delivery-box .status { font-weight:bold }

/* newsletter */
.show-newsletter .deliveries { padding-left:0 }
.show-newsletter .deliveries li { list-style-type:none; padding:2px }
.show-newsletter .new-delivery { width:270px; background-color:#e8e8ff; padding:10px 10px 20px 10px; margin-left:-5px; border:solid 1px #dddde9 }
.show-newsletter .new-delivery input[type=text] { width:200px }
.show-newsletter .new-delivery .multiSelectOptions { width:230px }
.show-newsletter .new-delivery textarea { height:40px; font-size:12px; width:260px; }  
.show-newsletter .new-delivery input[type=submit] { float:right }
.show-newsletter .new-delivery input[type=text] { width:260px }
.show-newsletter .new-delivery .errorExplanation ul { padding:0 5px }


/* ================================== */
/* =         Font-selector          = */
/* ================================== */
/*See http://www.fullfatcode.com/2011/04/10/jquery-font-selector-version-2/*/

ul.fontselector {
  background: white;
  border: 1px solid #ccc;
  border-top: 0;
  font-size: 14px;
  float: left;
  list-style: none;
  margin: 0;
  padding:0;
  line-height: 1.2;
  z-index:    10;
  position:   absolute;
}
ul.fontselector li {
  margin:   0;
  padding:  0;
  list-style: none;
}
ul.fontselector a {
  display:    block;
  padding:    3px;
  color:      black;
  text-decoration: none;
}
ul.fontselector a:hover {
  background: #ddd;
  cursor:     pointer;
}