@font-face { font-family: Sauna; src: url('/fonts/sauna_bo.otf'); }

body, html { font:12pt Helvetica, Arial, sans-serif; color:#808080; background-color:#f2f2f2; margin:0; padding:0; }

.blurts { font:14px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; }
input[type=text].blurts, input[type=password].blurts { color:#666; font-weight:bold; margin-right:5px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #d0d0d0; _height:30px; width:200px; padding:5px; }
label.blurts { color:#666; font-weight:bold; margin-right:5px; }

a { color: #00adee; text-decoration:none; }
a:hover { text-decoration:underline; }

a.menu { color:#A66; padding:2px 5px 2px 5px; }
a.menu:hover { color:#933; text-decoration:underline; }

span.small, p.small { color:#1c1c1c; font-size:12px; line-height:16px; }

div.small { font-size:11px; }
table.small { font-size:11px; }
.vtop { vertical-align:top !important; }
.vmiddle { vertical-align:middle !important; }
.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }
.sauna { font-family:Sauna, Helvetica, Arial, sans-serif; }

p.small2 { font-size:11px; line-height:12px; }
p.small2.myblurts { font-size:11px; line-height:12px; margin:0; border:none; text-align:center; }

p#noflash { color:brown; font-size:12px; text-align:center; }
p#noflash a { display:block; }

textarea { border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.user-avatar { width:60px; height:60px; }
.user_data_avatar { width:60px; }
.user_data_name { text-align:left; padding-left:10px; }
.user_data_follow { text-align:right; padding-right:0; width:130px; }
td.user_data_following { text-align:right; padding-right:0; font-size:20px; font-family:Sauna; color:#00ADEE; }
td.user_data_following span { font-size:24px; padding-right:5px; }
.user_data_follow a.orange_button { display:none; }
.user_data_follow a.orange_button.following { padding-left:25px; background:url(/img/follow_btn.png) orange no-repeat 6px center; }
.user_data_follow a.orange_button.following.unfollowing { padding-left:25px; background-image:url(/img/follow_btn_x.png); }

.get-button { font-size:20px; }

/* Decorators / visual effects */
.red { color:red; }
.inline { display:inline; }
.hidden { display:none !important; }
.vhidden { visibility:hidden; }
.uppercase { text-transform:uppercase; }
.hilited { background-color:#f3f2f1; }
.hilited2 { background-color:#e5e5e5; }
.hilited3 { _border:2px solid white; }
.hilited3 p { border:1px solid white; margin:0; padding:2px 5px 5px 5px; }
.hilited3 textarea { border:2px solid white; margin:0; width:100%; height:40px; max-width:242px; font-size:10px; }
.shadow { text-shadow:white 1px 1px 1px; }
.underline { text-decoration:underline; }
.orange { color:#f6a11e; }

/* Main structure: containers, headers, footers */
#container { width:1000px; margin:10px auto; min-height:100%; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; _border:1px solid #e6e6e6; }

#header { font-size:12px; background-color:white; border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding:10px 0; height:80px; }
#header #blurts_header a { color:#808080; }
#header #blurts_header a:hover { text-decoration:underline; }

a.orange_button {
	background-color:#f6a11e;
	font-weight:bold;
	padding:3px 10px;
	color:#ffffff !important;
	font-family: Sauna;
	font-size:16px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	letter-spacing:1px;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#e99003),color-stop(0.5, #f5c513),to(#e99003));*/
	/*text-shadow:gray 1px 0 1px;*/
}
a.orange_button:hover { text-decoration:none !important; }
a.orange_button.disabled { background-color:#808080; color:#e6e6e6 !important; }
a.orange_button.disabled:hover { cursor:default !important; }

a.blue_button {
	background-color:#00adee;
	font-weight:bold;
	padding:15px 20px;
	color:#ffffff !important;
	font-family: Sauna;
	font-size:32px;
	letter-spacing:1px;
	border:4px outset #00adee;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#e99003),color-stop(0.5, #f5c513),to(#e99003));*/
	/*text-shadow:gray 1px 0 1px;*/
}
a.blue_button:active { border-style:inset; }
a.blue_button:hover { text-decoration:none !important; }

#header table { border-collapse:collapse; height:91px; }
#header table.header_top { width:100%; }
#header td#blurts_logo { width:160px; padding-left: 10px; }
#header td#blurts_logo img { margin-top:-10px; border:none; }
#header td#blurts_header { height:50px; text-align:right; vertical-align:top; padding-right: 10px; line-height:34px; }
#header td#blurts_user_header { height:30px; vertical-align:bottom; text-align:right; background:url(/img/bars.png) no-repeat center bottom; }
#header td#blurts_user_header.ad { background:none; font-weight:bold; font-size:14px; padding:0 5px 5px 0; }
#header #blurts_user_header_menu { background-color:#e6e6e6; height:30px; float:right; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
#header #blurts_user_header_menu td { padding:6px 5px 5px 5px; }
#header #blurts_user_header_menu td.sep { border-left:1px solid white; }
#header #blurts_user_header_menu td.td_username { padding-right:10px; padding-left:10px; }

/* Footer & Copyright */
#footer { position:relative; height:65px; background-color:#e6e6e6; font-size:10px; }
#copyright { position:absolute; left:0; top:40px; background-color: white; height: 25px; width:115px; border-top-right-radius:10px;	-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; }
#copyright a { position:absolute; left:25px; top:9px; color:gray; }
#footer_spacer { background-color: white; height: 30px; position: absolute; right: 0; left: 0; top: 60px; }
#footer_links { background-color: #e6e6e6; height: 25px; left: 115px; right:0; top:42px; position: absolute; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; padding-left:10px; }
#footer_links_table { position:absolute; bottom:0; left:20px; }
#footer_links_table a { color:#808080; }
#footer_links_table td { vertical-align:bottom; text-align:right; padding:0 5px 3px 5px; }
#footer_links_table td.sep { border-left:1px solid white; }

#footer.ad #footer_links_table { display:none; }
#footer.ad #copyright a { display:none; }

/* Content page */
.landing_descr { margin: 10px 0 10px; font-size:140%; }
.publishers_link { border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } 

#content { width:100%; background-color:#e6e6e6; padding:10px; }
#content.logged { border-top-right-radius:0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; }
#content td { vertical-align:top; }
#content td#content_left { padding-right:10px; }
#content td#content_right { width:250px; }
#content td#content_right_ads { width:300px; }
#content .panel { background-color:white; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:10px 10px 10px 10px; min-height:210px; margin-bottom:10px; }
#content .panel .one-blurt-page-footer-ad { display:none; }

#content .panel.ad { border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; height:490px; padding-bottom:10px; }
#content .panel.ad .one-blurt-page-footer { display:none; }
#content .panel.ad .one-blurt-page-footer-ad { display:block; }

.ads { _border:1px solid #808080; background-color:white; text-align:center; font-size:16px; }
.ad300x250 { width:300px; height:250px; margin-bottom:10px; line-height:250px; }
.ad728x90 { width:728px; height:90px; line-height:90px; margin:0 auto 5px; }
#publisher-logo { width:150px; height:70px; border:1px solid #e6e6e6; line-height:70px; }

.one-blurt-page-footer-ad a { font-weight:bold; }

#content #getapp { margin-top:10px; background-color:#fffdef; position:relative; height:230px; padding:0; }
#content #getapp h2 { position:absolute; top:3px; left:8px; color:white; }
#content #getapp h3 { position:absolute; top:40px; left:8px; }
#content #getapp p {  position:absolute; top:60px; left:8px; font-size:11px; }
#content #getapp img.iphone { position:absolute; top:10px; right:0;  }
#content #getapp .getapp-top { height:30px; background-color:#7d7d7d; border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
#content #getapp .getapp-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background-color: #b3b3b3; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; }

/* Sign in block */

#signin_table { margin:10px 10px 20px; _dislay:block; }
#signin_table td { padding:3px 3px; vertical-align:middle; }
#signin_table td.or { font-size:14px; font-weight:bold; }
#signin_table td.q_conf { padding-left:5px; }
#signin_table input.blurts { width:160px; margin-right:0; }

/* Stats block */

#stats { display:none; }
#stats_div { margin:10px 10px 20px; font-size:14px; }
#stats_div .number { font-weight:bold; font-size:24px; color:#00adee; d_isplay:block; pa1dding-top:3px; }
#stats_div .right-number { font-weight:bold; font-size:18px; co1lor:#666; d_isplay:block; padding-top:3px; float:right; }
#stats_div .stats-items { margin:20px -5px 0; display:none; }
#stats_div .stats-item { margin:0; padding:5px; }
#stats_div .stats-item.odd { background-color:#f8f8f8; }
#stats_div .bl-player-container { margin-left:-5px; width:230px; }
#stats_div .bl-bb-companion .bl-player-container { margin-left:0; width:222px; }

#stats_div .stats-item { margin:0 0; font-size:16px; }
#stats_div .stats-item img.stats-avatar { width:30px; height:30px; vertical-align:middle; margin-right:5px; }
#stats_div .stats-item a.bl-no-parse { display:block; font-size:14px; margin-top:5px; }
#stats_div .stats-item a.userlink { text-decoration:none; color:#666; }
#stats_div .stats-item a.userlink:hover { text-decoration:none; }


#follows { display:none; }
#follows .header { empty-cells:show; width:100%; }
#follows .header td.logo { height:20px; width:20px; background:url(/img/controls_logo.png) no-repeat center;}
#follows .header td.title {vertical-align:middle; padding-left:5px;}

#activate_table td { vertical-align:middle; padding:2px 5px; }
#profile_table td { vertical-align:middle; padding:2px 5px; }


.ui-icon { width:20px; height:20px; background:url(/img/ui_icons.png) no-repeat center; }
.ui-icon.recorder_title { background-position:0; }
.ui-icon.sys-req { background-position:-20px; }
.ui-icon.help { background-position:-40px; }
.ui-icon.asterisk { background-position:-60px; }

textarea.blurt_title { border:1px solid #e6e6e6; margin:5px 0 0 5px; width:100%; height:40px; max-width:315px; font-size:10px; }
#my_blurts_table textarea.blurt_title { display:block; width:260px;}
#my_blurts_table span.blurt_title input { width:230px; margin-left:2px; font-size:12px; }
#my_blurts_table span.blurt_title { width:240px; line-height:22px; display:inline-block; overflow:hidden; }

a.img { padding:0; margin:0; }
a img { border:none; }

div.hilited { padding:2px 5px 2px 5px; margin:0; }
div.hilited3 { _padding:2px 5px 2px 5px; margin:0; color:#1c1c1c; }
div.inner { padding:10px; }


.username { font-weight:bold; color:#00b5ff; }

.busy { vertical-align:middle; text-align:center; }
.busy.record { margin: 15px 0 14px 0; font-size: 50px; font-weight: bold; }
.busy.record img { margin-top:-10px; vertical-align:middle; }

h1 { margin-top:0; margin-bottom:8px; color:#666666;  font-size:40px; font-weight:bold; }
h2 { margin-top:0; margin-bottom:16px; color:#F6A11E;  font-size:24px; font-weight:bold; }
h3 { margin-top:0; margin-bottom:0; color:#666666;  font-size:20px; font-weight:bold;  }

.title h2 { font-family:Sauna, Helvetica, Arial, sans-serif; margin-bottom:0; }

h3, h4, h5, h6 { margin-top:5px; margin-bottom:5px; }
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { margin-top:0; margin-bottom:0; }

hr { border: 1px dashed #ECECEC; }



.icon-container { border:1px solid blue; position:relative; margin-right:16px; }
.icon { width:16px; height:16px; _border:1px solid red; position:absolute; top:0; left:0; display:block; }
.icon.t { background:url(/img/t_16.png); }

div.or { position:relative; font-weight:bold; color:black; }
div.or hr { color:#a3a3a3; margin:20px 0 0 0; }
div.or span { font-weight:bold; color:black; display:block; width:30px; position:relative; margin:0 auto; top:-5px; text-align:center; }

/* Buttons */
.button {
	display:block; margin:3px 0 3px 0; padding:0; height:30px; text-transform:uppercase; font-weight:bold; line-height:30px; text-align:center;
	background-color:white; color:black; border:1px solid #8d8d8d; cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-family: Sauna;
	font-size:16px;
}
.button:hover,.button.hover { color:black; text-decoration:none; border-color:black; }
.button.wide { width:100%; }
.button.normal { display:inline; padding:4px 15px 4px 15px; }
.button.disabled { color:#c0c0c0; background-color:#dfdfdf; border-color:#c0c0c0; }
.button.disabled:hover, .button.disabled.hover { border:1px solid #c0c0c0; cursor:default; }

a.copy.done {  }

.social { padding:4px 5px 5px 26px; margin:3px 0 3px 0; font-size:11px; cursor:pointer; }
.social.twitter { background:url(/img/t_22.png) no-repeat 0 0; }

/* Steps */
dl.steps { margin:10px 0 10px 0; }
dl.steps dt { font-weight:bold; }
dl.steps dd { margin:0 0 15px 0; padding:0; }


#firsttime { width:220px; }
#record { width:230px;  }
#record.panel { padding-bottom:10px; }
#record.panel.smaller { min-height:5px; padding-bottom:5px; }
#record .header { empty-cells:show; width:100%; }
#record .header td.logo { height:20px; width:20px; background:url(/img/controls_logo.png) no-repeat center;}
#record .header td.title {vertical-align:middle; padding-left:5px;}

/* My blurts page */

#my_blurts_table { width:100%; }

#my_blurts_table tbody td { height:30px; vertical-align:middle; font-size:12px; border:1px solid #cfd0cf; }
#my_blurts_table tbody td.td_date { font-size:10px; text-align:center; }
#my_blurts_table tbody td.td_title { padding: 0 0 4px 0; overflow:hidden; }
#my_blurts_table tbody td.td_title div { overflow:hidden; /* width:260px; */ }
#my_blurts_table tbody td.td_title div.full { overflow:visible; background-color:#f8f7f6;z-index:99999;max-width:none;position:absolute;margin-top:-10px; margin-left:-1px; border:1px solid #cfd0cf}
* html #my_blurts_table tbody td.td_title div { width:260px; }

#my_blurts_table tbody tr.expanded td { border-color:transparent; background-color:white; }
#my_blurts_table tbody tr.expanded .td_manage { border-left-color:inherit; }
#my_blurts_table tbody tr.expanded .iconic.likes { border-right-color:inherit; }
#my_blurts_table tbody tr.expanded td.td_title { font-weight:bold; }

#my_blurts_table tbody tr.manage td { border-style:none none solid none; background-color:white; }
#my_blurts_table tbody tr.manage td.left_border { border-style:none none solid solid; background-position:5px top; }
#my_blurts_table tbody tr.manage td.left_border a,
	#my_blurts_table tbody tr.manage td.left_border hr { margin-left:-25px; }

#my_blurts_table thead th { text-transform:uppercase; font-size:10px; line-height:12px; height:30px; }

#my_blurts_table .iconic { background-repeat: no-repeat; background-position: 5px center; padding-left:30px; }
#my_blurts_table .td_blurtbacks { text-align:center; }
#my_blurts_table .td_manage { _text-align:center; }

.iconic.listens { background-image:url(/img/b_22.png); }
.iconic.tweets { background-image:url(/img/t_22.png); }
.iconic.likes { background-image:url(/img/fb_22.png); }

#my_blurts_table .myblurts_play_icon { position: relative; top:5px; left:4px; width:20px; height:20px; display:inline-block; margin-right:7px; background-image:url(/img/title_play.png); cursor:pointer; }

#blurts-flash-container { width:230px; margin:5px 0 0 0; padding:0; }
#blurts-flash-container.bl-opened { height:140px; }

#blurts-flash-copy-container { position:absolute; top:-999999px; left:-999999px; z-index:99999; border:none; }

#blurts-swf-tools { position:fixed; _width:1px; _height:1px; }
#blurts-swf-tools.bl-opened { width:230px; height:150px; }
#blurts-swf-tools.bl-opened.firefox { position:fixed; top:0; left:0; width:100%; height:100%; }



.ui-decorate { position:absolute; }
.ui-decorate.yellow { background-color:yellow; }
.ui-decorate.red { background-color:#f6a11e; }
.ui-decorate.green { background-color:#6eff6e; }


.one-blurt-page { position:relative; }
#one-blurt-info { border:1px solid #e6e6e6; height: 81px; position:absolute; top:0; right:10px; width:141px; }
.one-blurt-th { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:20px; position:absolute; top:0; font-size:12px; text-align:center; padding-top:20px; width:70px; color:#00adee; }
.one-blurt-td { border-right:1px solid #e6e6e6; height:40px; line-height:40px; position:absolute; top:41px; font-size:12px; text-align:center; width:70px; background-color:#f7f7f7; }
#one-blurt-info-th-listens { left:0; }
#one-blurt-info-th-shares { left:71px; }
#one-blurt-info-td-listens { left:0; }
#one-blurt-info-td-shares { left:71px; }
.one-blurt-page /*.bl-player-container*/ { margin:20px 0; }
#one-blurt-picture { width: 100px; height: 100px; position: absolute; right: 175px; top: 10px;  border: 1px solid black; cursor: pointer; }
#one-blurt-picture-hidden { position: absolute; visibility: hidden; }
.one-blurt-picture-popup { border: 2px solid black; }

.divider { height: 1px !important; background: #E6E6E6; margin: 5px 0; padding: 0; }

.gentext {	font-size: 14px;}
.gentext_12 { font-size: 12px; }


.right_panel { background-color: #ffffff; width: 250px; padding-bottom: 10px; margin-bottom:10px; }
.right_panel h2 { padding: 6px 10px 0; }
.right_panel h4 { padding: 0 10px; }

.sidebar_main_title
{
	color: #F6A11E;
	font-size: 24px;
	line-height: 24px;
	height: 29px;
	padding-top: 5px;
	background: url("/img/login_curve.png") no-repeat #E6E6E6;
	margin-bottom:0;
}

#my-tabs { margin:5px 0 3px; padding:0; _height:32px; font:18px Sauna; _line-height:18px;}
#my-tabs a {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	color:#ffffff;
	background-color:#00adee;
	border:1px solid #00adee;
	border-bottom:none;
	margin-right:2px;
	padding:3px 35px;
}

#my-tabs a.active { background-color:#ffffff; color:#00adee; border-color:#e6e6e6; }
#my-tabs a:hover { text-decoration:none; }

#taf-overlay { height:250px; position:relative; }
#taf-msg-panel { position:absolute; bottom:45px; left:0; right:0; display:none; }
#taf-msg { color:#808080; border-top:2px solid #E6E6E6; background-color: #ffffcc; padding:10px 10px 10px 50px; text-align:left; text-shadow:white 1px 1px 1px; }
#taf-msg.error { background-color: #ffcccc; }
#taf-buttons-cont { bottom:0; left:0; right:0; position: absolute; height:43px; border-top:2px solid #e6e6e6; background-color:#fffff1; border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; line-height:43px; text-align:left; padding-left:50px; }
#taf-message { position:absolute; left:50px; top:20px; text-align:left; font-family:Sauna; font-size:24px; color:#00adee; }
#taf-form { position:absolute; left:50px; top: 50px; color:#808080; font-size:14px; }
.taf-info { display:block; padding-top:5px; text-align:left; }
.taf-field { color:#666; font-weight:bold; margin-right:5px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #d0d0d0; width:200px; padding:3px; font-size:12px; }

.colorpicker { text-align:center; position:relative; }
.colorpicker .pickermarker { width:25px; height:25px; border:1px solid black; position:absolute; left:15px; top:200px; }
#cp_btn_ok { position:absolute; top:203px; left:60px; }
#cp_btn_cancel { position:absolute; top:203px; left:110px; }

#my-steps { display:none; }
#my-steps .my-step { padding:5px 10px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom:10px; color:#e6e6e6; }
#my-steps .my-step h2 { color:#e6e6e6; margin-bottom:5px; }
#my-steps .my-step div { font-size:14px; }
#my-steps .my-step.current { background-color:#fffbcc; color:#666; }
#my-steps .my-step.current h2 { color:#f6a11e; }

#one-blurt-play.panel { display:none; text-align:center; padding-bottom:0; margin-top:10px; height:200px; }
#one-blurt-play.panel img { cursor:pointer; }

#one-blurt-overlay-player { position:relative; width:720px; height:440px; text-align:center; }
#one-blurt-overlay-player a.close { background:url('/img/api/close.png') no-repeat 0 0; width:21px; height:20px; display:block; float:right; top:5px; right:10px; position:absolute; cursor:pointer; }
#one-blurt-player-container { position:absolute; left:10px; top:30px; width:700px; height:404px; }

#try-link.panel, #get-button-link.panel { min-height:5px; margin-bottom:10px; padding-bottom:10px; cursor:pointer; }

#try-login { display:none; }
#try-login { padding-bottom:10px; min-height:5px; margin-top:10px; }
#try-login h2 { margin-bottom:0;margin-top:0;text-align:center; }
#try-login .right_panel { border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; }

#follow-table { margin:5px 0; font-size:16px; }
#follow-table td { vertical-align:middle; }
#follow-table img { width:30px; height:30px; vertical-align:middle; margin-right:5px; }
#follow-table .follows_new { font-size:14px; padding:2px 7px; background-color:orange; color:white; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#follow-table .follows_new.hidden { display:none; }