/* ITSALMO.ST STYLESHEET */


/* general styles */
body { font-family: omnes-pro, Helvetica, Helvetica Neue, Arial, sans-serif; color:#8e8b8a; }

::-moz-selection { background-color: #8e8b8a; color: #fff; }
::selection { background-color: #8e8b8a; color: #fff; }

a { color:#8e8b8a; text-decoration:none; }
a:hover { color:#8e8b8a;text-decoration:underline; }
a:visited{ color:#8e8b8a; }


/* page elements */
.tier:before,
.tier:after { content:""; display:table; }
.tier:after { clear:both; }
.tier { zoom:1; } /* all tiers are automatically clearfix'd */

.content { width:100%; margin:0 auto 0; text-align:left; }

.pane p { font-size:40px; }
.pane label { display:block; float:left; padding:0 25px; font-size:40px; font-weight:300; }
.pane input[type=text] { 
	display:block; float:left; width:400px; padding:0px 15px 5px 15px; font-family: omnes-pro, Helvetica, Helvetica Neue, Arial, sans-serif; font-weight:500;
	font-size:40px; border:1px solid #e0e0e0; outline:0; color:#8e8b8a; -moz-box-shadow:inset 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0px 0px 20px rgba(0,0,0,0.2); box-shadow:inset 0px 0px 20px rgba(0,0,0,0.2); -moz-border-radius:3px;
	-webkit-border-radius:3px; border-radius:3px;
	/*background-color: #FCFBFB;*/
	background: url(../img/bg_doc.png) top left repeat;
}
.pane input[type=text]:focus { 
	-moz-box-shadow:0 0 15px #5bb7eb, inset 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 15px #5bb7eb, inset 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow:0 0 15px #5bb7eb, inset 0px 0px 20px rgba(0,0,0,0.2);
	border:1px solid #84cef5;
}
.pane input[type=text].time-component { width:51px; text-align: center;}

.pane input[type=text].state-invalid { 
	-moz-box-shadow:0 0 15px rgba(255,219,94,0.6), inset 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 15px rgba(255,219,94,0.6), inset 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(255,219,94,0.6), inset 0px 0px 20px rgba(0,0,0,0.2);
	border:1px solid #ffda46;	
}

.input-sep { display:block; float:left; font-family: omnes-pro, Helvetica, Helvetica Neue, Arial, sans-serif; font-weight:300; margin: 0 10px; font-size:48px; position: relative; top: -8px;}

.validation-notice { font-size:13px; color:#efbf1a; }

#countdown-minutes {margin-right:15px;}
#countdown-timeperiod {width:65px;}

.start-pane,
.timer-pane { position: absolute; top: 7%; left: 0; right: 0; }

.start-pane .tier { text-align:center; margin:60px auto 0; z-index:100;}
.start-pane .tier,
.start-pane p.url { width: 750px; }
.start-pane .tier.countdown-name { position: relative; }
.start-pane .tier.countdown-details { margin-top: 35px; }
.start-pane .tier:first-child { margin-top:0; text-align:center;}

.countdown-details .detail { float:left; position:relative; }
.countdown-details .detail .validation-notice { position:absolute; bottom:-25px; width:100%; }
.countdown-details .detail.date .validation-notice { text-align:center; margin-left: 85px; width: 250px; }

.start-pane #countdown-date { width:200px; text-align: center; }
.start-pane #countdown-timeperiod { text-transform: uppercase; }
.start-pane label.its-almost { width:275px; font-size: 60px; text-align: right; padding-left: 0; white-space: nowrap;}
.start-pane input[type=text] { position: relative; top: -4px; }
.start-pane input[type=text]#countdown-name { font-size: 60px; z-index: 5; width: 385px;}
.start-pane .countdown-name-empty-overlay { font-size: 60px; position: absolute; top: 0px; left: 315px; font-weight: 300; z-index: 10; opacity: 0.35;}
.start-pane p.url { margin:0px auto 0; font-weight:300; font-size:18px; color:#b9b6b5; max-height: 25px; white-space: nowrap; overflow: hidden; display: block;}
.start-pane p.url .membrane { display: block; margin-left: 312px; width: 405px; overflow: hidden; position: relative;}
.start-pane p img { margin-left:5px; }
.start-pane p.url .gradient { right: 0; top: 0; bottom: 0; width: 15px; display: block; position: absolute; z-index: 1; }
.start-pane #countdown-timeperiod { z-index: 11; }
.start-pane #timeperiod-picker { position: absolute; font-size: 32px; line-height: 1; padding: 12px 0 10px; text-align: center; z-index: 10;
	-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.25); box-shadow: 1px 1px 15px rgba(0,0,0,0.25); 
	-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; 
	-webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;
	background: -moz-linear-gradient(top, rgba(230,229,229,0.9) 0%, rgba(250,249,249,1) 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,229,229,0.9)), color-stop(40%,rgba(250,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,229,229,0.9) 0%,rgba(250,249,249,1) 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,229,229,0.9) 0%,rgba(250,249,249,1) 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(230,229,229,0.9) 0%,rgba(250,249,249,1) 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e5e5', endColorstr='#faf9f9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(230,229,229,0.9) 0%,rgba(250,249,249,1) 40%); /* W3C */
	}
.start-pane #timeperiod-picker li a { display: block; padding: 1px 0 6px; cursor: pointer; }
.start-pane #timeperiod-picker li a:hover { text-decoration: none; color: #fff; 
	-moz-box-shadow:inset 0px 0px 20px rgba(0,0,0,0.15);
	-webkit-box-shadow:inset 0px 0px 20px rgba(0,0,0,0.15); box-shadow:inset 0px 0px 20px rgba(0,0,0,0.15);
	background: rgb(142,139,138); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(142,139,138,1) 0%, rgba(181,178,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,139,138,1)), color-stop(100%,rgba(181,178,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(142,139,138,1) 0%,rgba(181,178,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(142,139,138,1) 0%,rgba(181,178,177,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(142,139,138,1) 0%,rgba(181,178,177,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8b8a', endColorstr='#b5b2b1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(142,139,138,1) 0%,rgba(181,178,177,1) 100%); /* W3C */
	}

.timer-pane { z-index:50; }
.timer-pane .description { text-align:center; font-weight:300; font-size:60px; word-break: break-word;
	margin-bottom:40px; line-height: 68px; padding:0 30px;  cursor:default;}
.timer-pane .description span.qualified,
.finished-pane .description span.qualified { font-weight:600; }
.timer-pane .timer { font-weight:300; text-align: center; margin-left: 30px; line-height: 46px; cursor:default;}
.timer-pane .timer span.days,
.timer-pane .timer span.hours,
.timer-pane .timer span.minutes,
.timer-pane .timer span.seconds,
.timer-pane .timer span.milliseconds { font-weight:600;}
.timer-pane .timer .seconds-container { min-width: 260px; font-weight: 300; text-align: left; display: inline-block;}
.timer-pane .timer .seconds-container span { font-weight: 600;}
.timer-pane .timer span.milliseconds { font-size:0.5em; color:#ccc7c6; display: inline-block; text-align: left; width: 40px;}

.finished-pane { z-index:51; text-align: center; }
.finished-pane p { text-align: center }
.finished-pane .description { font-weight:300; font-size:60px; line-height: 68px; word-break: break-word; line-height: 80px; padding:0 30px; cursor:default;}
.finished-pane .description .sub-qualifier { font-size: 48px; }
.finished-pane .date,
.finished-pane .time { font-weight: 600; }
.finished-pane p.again { font-size: 22px; line-height: 26px; margin-top: 55px; margin-bottom: 40px; padding: 0 40px;}

.modal-overlay, .mask { position: absolute; z-index: 200; top: 0; left: 0; bottom: 0; right: 0; 
	/*-moz-box-shadow:inset 0px 0px 100px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 100px rgba(0,0,0,1); box-shadow:inset 0px 0px 100px rgba(0,0,0,1);*/ 
	background: #B2AFAF; background: rgba(178, 175, 175, 0.35);
	background: -webkit-radial-gradient(rgba(178, 175, 175, 0.25), rgba(178, 175, 175, 0.25) 35%, rgba(35, 34, 34, 0.5)); 
	background: -moz-radial-gradient(rgba(178, 175, 175, 0.25), rgba(178, 175, 175, 0.25) 35%, rgba(35, 34, 34, 0.35));  }
.modal-container { position: absolute; top: 7%; left: 0; right: 0; z-index: 201;}
.modal { 
	font-size: 24px; line-height: 1; font-weight: 300; background-color: #fff; position: relative; width: 450px; 
	text-align: center; padding: 55px 50px; margin: 0 auto 0; overflow: hidden; 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 20px rgba(0,0,0,0.35); 
	-moz-box-shadow:1px 1px 20px rgba(0,0,0,0.35); box-shadow:1px 1px 20px rgba(0,0,0,0.35);}
.modal ul { margin-bottom: 40px; overflow: hidden; max-width: 450px;}
.modal ul a:hover { text-decoration: none; text-shadow: 1px 1px 0px #E5E1E1; filter: dropshadow(color=#E5E1E1, offx=1, offy=1); }
.modal .gradient { position: absolute; top: 5px; bottom: 5px; right: 50px; width: 20px; }

.modal.your-countdowns h2 { font-weight: 600px; margin-bottom: 40px; font-size: 200%; }
.modal.your-countdowns li { text-align: center; font-size: 150%; margin-bottom: 20px; word-wrap: break-work;}
.overlay > .tier > .tier { vertical-align: middle; }
.overlay > .tier > .tier > .pane { width: 550px; margin: 0 auto 0; top: -36px; }
.overlay .pane { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.share-pane { white-space: nowrap; }
.share-pane ul a,
.share-pane ul .wrap { display: block; text-align: left; margin-bottom: 30px; }
.share-pane ul span { display: inline-block; }
.share-pane ul span.icon { width: 80px; font-weight: 300; text-align: left}
.share-pane ul span.text {  max-width: 375px; }
.share-pane ul li.url a,
.share-pane ul li.url .wrap { margin-bottom: 12px; font-weight:500;}
.share-pane ul li.url span.icon { position: relative; left: 6px; }
.share-pane ul li.twitter span.icon,
.share-pane ul li.fb span.icon { opacity: 0.65; height: 56px; background-position: top left; background-repeat: no-repeat; position: relative; top: 18px; left: -2px;}
.share-pane ul li.twitter a:hover span.icon,
.share-pane ul li.fb a:hover span.icon { opacity: 1; }
.share-pane ul li.twitter span.icon { background-image: url(../img/icon-twitter.png); }
.share-pane ul li.fb span.icon { background-image: url(../img/icon-fb.png); }
.share-pane .embed-toggle-button,
.share-pane .embed-drawer { margin-left: 80px; text-align: left; }
.share-pane .embed-toggle-button { font-size: 14px; margin-bottom: 8px; display: block; cursor: pointer; color: #b0acab;}
.share-pane .embed-toggle-button:hover,
.share-pane .embed-toggle-button.open { color: #8e8b8a; }
.share-pane .embed-toggle-button span { /*color: #b6b2b1;*/ width: 11px; display: inline-block; }
.share-pane .embed-drawer { font-size: 22px; line-height: 26px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 350px;}
.share-pane .embed-drawer .row { margin-top: 15px; }
.share-pane .embed-drawer input[type="text"],
.share-pane .embed-drawer textarea { -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1); box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1); }
.share-pane .embed-drawer input[type="text"] { float: left; width: 50px; font-size: 22px; line-height: 1; text-align: center; padding: 0px 2px 5px 2px; }
.share-pane .embed-drawer input[type="text"]:focus { -moz-box-shadow:0 0 10px #5bb7eb, inset 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px #5bb7eb, inset 0px 0px 10px rgba(0,0,0,0.2); box-shadow:0 0 10px #5bb7eb, inset 0px 0px 10px rgba(0,0,0,0.2);}
.share-pane .embed-drawer textarea { padding: 6px; width: 338px; height: 53px; word-break: break-word; font: 11px/13px Courier New, Courier, monospace; color: #8e8b8a; border: none; margin-bottom: 15px; }
.share-pane .embed-drawer .floated { float: left; display:block; margin: 5px 0 0 6px; }
.share-pane .embed-drawer .floated.divider { color: #ccc; font-weight: 400; margin-left: 16px; margin-right: 20px; }


.footer { position:fixed; bottom:0; width:100%; /*min-width: 750px;*/ text-align:left; background-color:#f0efee; border-top:1px solid #eaeaea; z-index: 51;}
.footer .tier { padding:17px 200px 22px; }

.footer .social { text-align:center;/*width:400px;*/ min-width: 150px; margin:0px auto; font-size:16px; padding-top:0px; position: relative; background-color: #f0efee; z-index: 21;}
.footer .social a { margin-left:20px; color: #A5A2A2; font-weight:500; text-shadow: 1px 1px 1px #ffffff; padding-right: 0; margin-right: 0; cursor: pointer;}
.footer .social a.disabled { cursor: default; }
.footer .social a:hover { color: #8e8b8a; text-shadow: 1px 1px 0px #E5E1E1; filter: dropshadow(color=#E5E1E1, offx=1, offy=1); text-decoration: none; }
.footer .social a:first-child { margin-left:0px; }

.footer .logo { position:absolute; right:30px; top:20px; z-index: 20;}
.footer .logo a { display:block; width:92px; height:27px; background-image:url("../img/tc_logo.png"); position: relative; top: -2px;}
.footer .logo a span { display:none; }
.footer .gradient { 
	right: 0; top: -20px; left: 0; height: 19px; display: block; position: absolute; z-index: 1;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ 
	}

.footer .spread {
	width:125px; position:absolute; left:15px; bottom:0px; top: 1px; z-index: 60; overflow: hidden; z-index: 51; z-index: 51; opacity:0.65;
	-webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;}
.footer .spread:hover { opacity: 0.9; }
.footer .spread .spread-button { position: absolute; left: 15px; bottom: 21px; height: 20px; }
.footer .spread:hover .spread-button { opacity:0.85; }
.footer .spread > div.facebook { overflow: hidden; width:200px; }


/* general buttons */
a.btn { 
	padding: 5px 25px 15px 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:36px; font-weight:600; color:#FFF; 
	text-decoration:none; display:inline-block; text-shadow:-1px -1px 1px rgba(94,91,91,0.45); border:1px solid #a0a09f; 
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.35); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.35); 
	box-shadow:1px 1px 3px rgba(0,0,0,0.35); cursor:pointer; position:relative;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	background-color: #b3b2b1; /*old browsers*/
	background: -moz-linear-gradient(top, #bebdbc 0%, #b7b7b6 50%, #a8a7a6 51%, #9a9998 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebdbc), color-stop(50%,#b7b7b6), color-stop(51%,#a8a7a6), color-stop(100%,#9a9998)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebdbc', endColorstr='#9a9998',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* W3C */
	}	
a.btn:hover { 
	-webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.35); -moz-box-shadow:1px 1px 7px rgba(0,0,0,0.35); box-shadow:1px 1px 7px rgba(0,0,0,0.35); cursor:pointer;
	background: #afafae; /* Old browsers */
	background: -moz-linear-gradient(top, #afafae 0%, #a8a8a8 50%, #999897 51%, #8c8b8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafae), color-stop(50%,#a8a8a8), color-stop(51%,#999897), color-stop(100%,#8c8b8a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #afafae 0%,#a8a8a8 50%,#999897 51%,#8c8b8a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #afafae 0%,#a8a8a8 50%,#999897 51%,#8c8b8a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #afafae 0%,#a8a8a8 50%,#999897 51%,#8c8b8a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafae', endColorstr='#8c8b8a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #afafae 0%,#a8a8a8 50%,#999897 51%,#8c8b8a 100%); /* W3C */
	} 
a.btn:active { -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.35); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.35); box-shadow:1px 1px 3px rgba(0,0,0,0.35); cursor:pointer; color:#e5e5e5; top:1px; left:1px;
	background: #969594; /* Old browsers */
	background: -moz-linear-gradient(top, #969594 0%, #a5a4a4 49%, #a8a8a8 50%, #afafae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969594), color-stop(49%,#a5a4a4), color-stop(50%,#a8a8a8), color-stop(100%,#afafae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #969594 0%,#a5a4a4 49%,#a8a8a8 50%,#afafae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #969594 0%,#a5a4a4 49%,#a8a8a8 50%,#afafae 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #969594 0%,#a5a4a4 49%,#a8a8a8 50%,#afafae 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969594', endColorstr='#afafae',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #969594 0%,#a5a4a4 49%,#a8a8a8 50%,#afafae 100%); /* W3C */
	}
a.btn.disabled, a.btn.disabled:hover, a.btn.disabled:active {
  	opacity:0.4;top:0px; left:0px; color:#FFF; -moz-box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px; box-shadow:0px 0px 0px;
	background-color: #b3b2b1; /*old browsers*/
	background: -moz-linear-gradient(top, #bebdbc 0%, #b7b7b6 50%, #a8a7a6 51%, #9a9998 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebdbc), color-stop(50%,#b7b7b6), color-stop(51%,#a8a7a6), color-stop(100%,#9a9998)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebdbc', endColorstr='#9a9998',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bebdbc 0%,#b7b7b6 50%,#a8a7a6 51%,#9a9998 100%); /* W3C */
}
/*a.btn.disabled:active { top:0px; left:0px; }*/


/* general gradients */
.left-right-gradient {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
}


/* iOS tooltips + tweaks */
.ios-tooltip { position:absolute; z-index: 150; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
body.ios-webapp .ios-tooltip { display: none; }
body.browser-ipad .ios-tooltip { background: url(/img/ios-tooltip-ipad.png) bottom left no-repeat transparent; width: 282px; height: 184px; top: 0px; }
body.browser-iphone .ios-tooltip { background: url(/img/ios-tooltip-retina.png) top left no-repeat transparent; width: 397px; height: 201px; bottom: 0px; left: 196px; }
body.browser-ipad.portrait .ios-tooltip { left: 35px; }
body.browser-ipad.landscape .ios-tooltip { left: -14px; }

body.browser-iphone .footer .spread { display: none; }
body.browser-iphone .footer .tier { padding-left: 30px; padding-right: 150px; }
body.browser-iphone .footer .social { width: auto; text-align: left; margin: 0; padding: 0; position: relative; left: 0; }
body.browser-iphone .footer .logo { top: 23px; }
body.browser-ipad .timer-pane { margin-top: 3%; }


/* invalid browser message */
.content .browser-invalid { position:absolute; top:-40px; width:100%; background-color:#fff0bd; border-bottom:1px solid #f7e28c; height:40px; z-index:1000;}
.content .browser-invalid .browser-message p { font-size: 15px; font-weight:300; text-align:center; margin-top:8px; text-shadow:1px 1px 1px rgba(255,255,255,0.8);}
.content .browser-invalid .browser-message a { font-weight:500; text-decoration:none;}
.content .browser-invalid a.browser-close {width:12px; height:12px; background-image:url("../img/close.png"); position:absolute; right:18px; top:15px;}
.content .browser-invalid a:hover {text-shadow: 1px 1px 0px #E5E1E1; filter: dropshadow(color=#E5E1E1, offx=1, offy=1); text-decoration: none; }
.content .browser-invalid a.browser-close span {display:none;}


/* widget styling */
body.widget,
body.widget .content { background-color: white; height: 100%; width: 100%;}
body.widget .content { display: table; vertical-align: middle; }

body.widget .start-pane,
body.widget .finished-pane .again,
body.widget .finished-pane #restart-btn { display: none; }

body.widget .timer-pane { position: static; display: table-cell; vertical-align: middle; }
body.widget .timer-pane > div { position: relative; margin-top: -4%; }
body.widget .timer-pane .description,
body.widget .finished-pane .description,
body.widget .finished-pane .description .sub-qualifier { font-size: 30px; line-height: 32px; padding: 0 20px; }
body.widget .timer-pane .description { margin-bottom: 25px; }
body.widget .timer-pane .timer { font-size: 22px; line-height: 24px; margin-left: 15px; margin-right: 10px;}
body.widget .timer-pane .timer .seconds-container { min-width: 142px; }
body.widget .timer-pane .timer span.milliseconds { width: 24px; }
body.widget .finished-pane .description { margin-bottom: 0; }

body.widget .footer { visibility: hidden; opacity: 0; background-color: #fafafa; border-top: 1px solid #eee; min-height: 40px;
	-webkit-transition: opacity 750ms ease; -moz-transition: opacity 750ms ease; -o-transition: opacity 750ms ease; transition: opacity 750ms ease;}
body.widget:hover .footer { visibility: visible; opacity: 1;  }
body.widget .footer .spread { background-color: transparent; border: none; height: 22px; overflow: hidden; top: auto; left: 10px; bottom: 10px; opacity: 0.2;}
body.widget .footer .spread:hover { opacity: 0.8; }
body.widget .footer .spread .spread-button { left: 0; bottom: 0; }
body.widget .footer .gradient,
body.widget .footer .social { display: none; }
body.widget .footer .logo { top: auto; bottom: 5px; right: 6px; opacity: 0.5; 
	-webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;}
body.widget .footer .logo:hover { opacity: 1; }
body.widget .footer .logo a { top: -1px; }


/* other */
.spacer { display: inline-block; width: 2px; }
.clear { display: block; clear: both; height: 0; }