@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300italic,300&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Serif&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Mate);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic&subset=latin,cyrillic);

@import url("tweet_dis_box.css");

@font-face {
  font-family: 'Conv_proximanova-light-webfont';
  src: url('../fonts/proximanova-light-webfont.eot');
  src: local('☺'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_Intro';
  src: url('../fonts/Intro.eot');
  src: local('☺'), url('../fonts/Intro.woff') format('woff'), url('../fonts/Intro.ttf') format('truetype'), url('../fonts/Intro.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.tweet a {
    display: inline;
    margin: 0 !important;
    cursor: pointer;
    color: inherit;
    text-decoration: none!important;
    word-wrap: normal;
    position: relative;
    line-height: 1.8;
    padding: 0px 6px 0px 0px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: #f0f0f0;
    cursor: pointer;
    text-decoration: none!important;
    background: rgba(253, 231, 172, 0.7) url('../images/spr-sc18d55bd5b.png') bottom right no-repeat;
    background-position: 0px -145px;
}
.tweet a1:after{
	content: '';
	display: block;
	width: 16px;
	height: 13px;
	position: absolute;
	right: 5px;
	top: 8px;
	background: url('../images/spr-sc18d55bd5b.png') no-repeat;
	background-position: 0px -105px;
}
.tweet_icon{
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url('../images/spr-sc18d55bd5b.png') no-repeat;
	background-position: 0px -105px;
	margin-left:7px;
	vertical-align: middle;
}
.tweet a:hover{
    color:inherit;
}
.tweet a.type_background_color-1{
	background: rgba(132, 255, 255, 0.5);
}
.tweet:hover a.type_background_color-1{
	background:#84ffff;
}
.tweet a.type_background_color-2{
	background: rgba(238, 255, 65, 0.5);
}
.tweet:hover a.type_background_color-2{
	background: #eeff41;
}
.tweet a.type_background_color-3{
	background: rgba(238, 238, 238, 0.5);
}
.tweet:hover a.type_background_color-3{
	background: #eeeeee;
}

.tweet a.type_border_color-1{
	text-decoration:underline !important;
	background:none;
	border:none;
	padding:0;
	line-height: inherit;
}
.tweet:hover a.type_border_color-1{
	color: #00b6e6;
}
.tweet a.type_border_color-2{
	text-decoration:underline !important;
	background:none;
	border:none;
	padding:0;
	line-height: inherit;
}
.tweet:hover a.type_border_color-2{
	color: #00b6e6;
}
.tweet a.type_border_color-3{
	text-decoration:underline !important;
	background:none;
	border:none;
	padding:0;
	line-height: inherit;
}
.tweet:hover a.type_border_color-3{
	color: #00b6e6;
}
.tweet a.type_hightlight_color-1{
	background:none;
	border:none;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 4px 3px 4px 0px;
	line-height: inherit;
	margin: 0;
}
.tweet:hover a.type_hightlight_color-1{
	background: #ffff00;
}
.tweet a.type_hightlight_color-2{
	background:none;
	border:none;	
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 4px 3px 4px 0px;
	line-height: inherit;
	margin: 0;
}
.tweet:hover a.type_hightlight_color-2{
	background: #ffff00;
}
.tweet a.type_hightlight_color-3{
	background:none;
	border:none;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 4px 3px 4px 0px;
	line-height: inherit;
	margin: 0;
}
.tweet:hover a.type_hightlight_color-3{
	background: #ffff00;
}

#tweetPrv,#tweetLook {
    margin-bottom: 40px;	
    min-height: 100px;
    padding: 20px 27px;
    resize: none;
    font-size: 14px;
    font-family: "Open Sans", helvetica,san-serif;
    color: #9d9d9d;
    margin-top: 39px;
    float: left;
    display: inline-block;
}

.tweetCnt a,.twcnt,.twcnt_rt {
	color: #ff4823;
}

#tweetLook {
	border: 3px solid #F0EFE1;
	border-radius: 3px;
}

#colorSelector {
	background: url(../images/select.png) repeat scroll 0 0 transparent;
	height: 36px;
	position: relative;
	width: 36px;
}

.cloud,#tooltip {
    position: absolute;
    text-align: center;
    left: 25%;
    color: transparent;
    background-color: #6E9B76;
    padding: 10px;
    z-index: 1;
    left: 50%;
    top: 0;
    margin-top: -40px !important;
    font-family: Georgia;
    line-height: 20px !important;
}

.tweetdis_bl .cloudP {white-space:nowrap}


.tweetdis_bl .arrow {
	position: absolute;
	left: 50%;
	bottom: -7px;
	height: 0px;
	width: 0px;
	margin-left: -6px;
	border-top-width: 7px;
	border-top-style: solid;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.tweetdis_bl span.tweet_content {
    text-transform: none;
    font-weight: normal;
}


.blankyDsgn .arrow {
    bottom: -11px;
}


.blankyDsgn,.edgebirdDsgn {
    background-color: #fff !important;
}


.edgebirdDsgn {
    border-width: 3px;
    border-style: solid;
    border-radius: 5px;
}


.edgebirdDsgn #tipCnt {
    min-height: 27px;
    padding-left: 33px;
    display: block;
    line-height: 27px;
    text-align: left;
    position: relative;
}

/** edgebirdDsgn **/

.edgebirdDsgn .arrow {
    border-top-color: #fff !important;
}

.tweet-box a{
    text-decoration: none!important;
}
.tweet-box a:hover{
    text-decoration: none!important;
}

.edgebirdDsgn .arrowRght {
    position: absolute;
    left: 50%;
    bottom: -14px;
    height: 0px;
    width: 0px;
    margin-left: -9px;
    border-top-width: 14px;
    border-top-style: solid;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    z-index: -1;
}

/** Designs **/

/** coginu **/

.coginuDsgn #tipCnt {
    display: block;
    height: 100%;
    margin-bottom: -20px;
    padding: 10px;
    position: relative;
    top: -10px;
    width: 100%;
    z-index: 2;
}

.cloudBrd {
    width: 107%;
    height: 124%;
    position: absolute;
    padding: 5px;
    left: -5px;
    top: -5px;
    background-color: green;
    opacity: 0.4;
    z-index: -1;
    display: none;
}

.cloudBrd  .arrowRght2 {
    position: absolute;
    width: 0;
    height: 0;
    border-top-width: 13px;
    border-top-style: solid;
    border-right: 12px solid transparent;
    left: 0;
    bottom: -9px;
}

.coginuDsgn .cloudBrd {
    display: block;
}


.coginuDsgn .arrow,.coginuDsgn .arrowRght {
    display: none !important;
}

/** gigabug **/

.gigabugDsgn {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
}

.gigabugDsgn #tipCnt {
    min-height: 23px;
    display: block;
    height: 100%;
    margin-bottom: -20px;
    padding: 10px;
    position: relative;
    top: -10px;
    width: 100%;
    z-index: 2;
    border-radius: 10px;
}

.arrowRght {
    display: none;
}

.gigabugDsgn .arrowRght {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 9px;
    bottom: -10px;
    z-index: 1;
    border-top-width: 11px;
    border-top-style: solid;
    border-right: 12px solid transparent;
}


.gigabugDsgn .arrow {
    display: none;
}

/** Tweet look **/

#tweetLook .userAr {
    width: 50%;
    float: left;
    line-height: 13px;
}


#tweetLook .follow {
    background: url(./../images/tweetBtns.png) no-repeat;
    width: 114px;
    height: 29px;
    float: right;
}


#tweetLook .twetLinks {
    background: url(./../images/tweetLinks.png) no-repeat;
    width: 283px;
    height: 48px;
    float: left;
    margin-top: 10px;
}


.twAva {
    float: left;
    width: 42px;
    height: 42px;
    margin-right: 9px;
}


.twAva img {
    width: 42px;
    height: 42px;
    border-radius: 3px;
}


.brd {
    width: auto;
    float: left;
}


.brd span {
    clear: both;
    display: block;
}


.twAcc {
    font-size: 11px;
    color: #939490;
    margin-top: 4px;
}

.tweetCnt {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.tweetdis_bl label {
    font-family: mono;
}

/*** Save/Reset buttons ***/

.tweetThisBtn {
    font-size: 18px;
    font-family: Georgia;
    text-transform: capitalize;
    cursor: pointer;
    border: none;
    border-radius: 5px !important;
    color: #ffffff !important;
    margin-right: 20px;
    height: 41px;
    line-height: 41px;
    padding: 0 15px !important;
}



.tweetThisSave {
    background-color: #41a4ce !important;
    border-color: #41a4ce !important;
}


#tweetThisReset {
    background-color: #a9a9a9 !important;
    border-color: #a9a9a9 !important;
}

.tweets-block-wrap{
    margin: 30px auto;
    outline:none;
}
.tweet-box-link{
    outline: 0;
}
.tweets-block-wrap, .tweets-block-wrap a{
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.tweets-block-wrap.td_margin_double{
    margin:50px auto;
}

.td_clear{
    height:auto;
}
.click-to-tweet{
    font-size:12px;
}

.tweet-box-link .click-to-tweet:before{
    background: none;
}


.tweets-block-wrap a p{
    overflow:hidden;
    padding-bottom:5px;
    margin:0;
    position:relative;
}

.br_block{
    overflow:hidden;
    display:block;
}

#box_prev{
    border-top: 1px solid #ddd;
    min-width: 1280px;
}
.cPrevColorBox_inside {
    border: 1px solid #6f6f6f;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.form-table td .td_box__title {
    font-size: 18px;
    font-weight: 600;
    color: #464646;
}


.up__left, .up__right, .middle__right, .middle__left, .bottom__right, .bottom__left, .buttons__container {
    display: inline-block;
    vertical-align: top;
}


.td_box__middle .td_box__title {
    margin-bottom: 12px;
}

.cPrevColorBox{
    display: inline-block;
    cursor: pointer;
}

.td_box__bottom .td_box__title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #464646;
}


.bottom__left {
    margin-right: 105px;
}

.bottom__leftColumn {
    width: 185px;
}

.bottom__rightColumn {
    width: 360px;
}

.boxes__button-gray {
    border-color: #8E8E8E;
    background: #A9A9A9;
    box-shadow: inset 0 1px 0 rgba(202,202,202,.5),0 1px 0 rgba(0,0,0,.15);
    font-family: "Open Sans",sans-serif;
}


.boxes__button-gray:hover {
    box-shadow: inset 0 1px 0 rgba(202,202,202,.5),0 1px 0 rgba(0,0,0,.15);
    background: #8E8E8E;
    border-color: #8E8E8E;
}

.up__left, .up__right, .middle__right, .middle__left, .bottom__right, .bottom__left, .buttons__container {
    display: inline-block;
    vertical-align: top;
}

.up__left {
    margin-right: 45px;
}


.td_box__previewCont-hint {
    background: #F9F9F9;
    position: relative;
}

.td_box__previewCont {
    border: 1px solid #DDDDDD;
    padding: 19px 25px 19px;
}

.up__leftLine li {
    display: inline-block;
    margin-right: 17px;
}

.up__right {
    width: 392px;
}

.up__visualCont {
    position: relative;
    margin-bottom: 20px;
    margin-top: 22px;
}

.up__textEditor {
    font-size: 14px;
    color: #7c7c7c;
    margin-top: 11px;
    margin-bottom: 13px;
}

.up__textEditor-orange {
    color: #ff4133;
}

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

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

.td-float-none {
    float: none;
    width: auto!important;
}