@charset "utf-8";
body {
 margin:0; padding:0;
 font-family:Verdana, Geneva, sans-serif;
 color:#FFF;
 background-color: #000;
}

#content {
	/*width:1280px;*/
	height:800px;
	background-image:url(../images/bg_splash.jpg);
}
.title {
	font-size:24px;
	font-weight:bold;
	float:left;
	margin:275px 0 0 247px;
}

.rightcol {
	font-size:14px;
	font-weight:bold;
	float:left;
	width:310px;
	margin:294px 0 0 112px;
}

#footer p {
    color:#eb0005;
    float:left;
    /*font-family:Verdana,Geneva,sans-serif;*/
    font-size:13px;
    /*font-weight:bold;*/
    margin-left:247px;
    margin-top:60px;
    width:402px;
    text-align:center;
}

p {
	margin:0 0 30px 0;
}

.button {
    float:left;
    margin:167px 0 3px 60px;
}

.txt {
	font-size:13px;
	font-weight:normal;
	text-align:center;
	width:286px;
	margin:10px 7px;
}

.marginT {
	margin-top:18px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/
*{margin:0;padding:0}
/*
body{
	font:62.5%/1 "Trebuchet MS", arial,sans-serif;
	background:#74b8db;
	background:#0e8cc1;
 	background:#3facd5;
	}
	#out{
		background:#fff;
		}
*/
/* =Misc(links)
----------------------------------------------- */
a img{border:none}
.pda, .print{display:none}
.clr{clear:both;height:1px;font-size:1px;line-height:1px;}
/* =Header
----------------------------------------------- */
#header {
	height:110px;
	background:#f4fbfe url(/images/hstr.png) repeat-x 0 0;
	position:relative;
	margin-bottom:60px;
	}
#header h1 {
	font-size:36px;
	font-weight:normal;
	position:absolute;
	left:36px;
	top:29px;
	}
#header h1 div {
	position:absolute;
	white-space:nowrap;
	left:268px;
	top:0;
	}
#header h1 a {
	width:256px;
	height:58px;
	overflow:hidden;
	display:block;
	}
#out.wide #header {
  margin-bottom: 30px;
}
.nav{
	position:absolute;
	left:383px;
	top:40px;
	list-style:none;
	font:normal 1.4em/1 Helvetica,arial,sans-serif;
	width:475px;
	}
	.nav li{
		float:left;
		}
		.nav li a{
			color:#494b4c;
			text-decoration:none;
			float:left;
			width:87px;
			height:49px;
			line-height:49px;
			text-align:center;
                        text-transform: lowercase;
			}
		.nav li a:hover{
			color:#74b8db;
			}
		.nav li.here a{
			background:url(/images/here.png) no-repeat 0 0;
			color:#74b8db;
			}
.last,.lll{
	width:100%;
	overflow:hidden;
	}
	.lll a{
		float:left;
		height:23px;
		width:82px;
		background:url(/images/submit.png) no-repeat 0 0;
		text-decoration:none;
		overflow:hidden;
		text-indent:-1983em;
		}
	.lll a:hover{
		background-position:0 -23px;
		}
	.last a{
		float:right;
		background:url(/images/preview.png) no-repeat 0 0;
		width:137px;
		height:32px;
		text-decoration:none;
		overflow:hidden;
		text-indent:1983em;
		}
	.last a:hover{
		background-position:0 -32px;
	}
/* =Secondary
----------------------------------------------- */
.try{
	background:url(/images/t-top.png) no-repeat 0 0;

	}
	.t1{
		background:url(/images/t-bot.png) no-repeat 0 100%;
		padding:15px 24px;
		}
	.try h2{
		font:normal 2.2em/1 "Trebuchet MS", arial, sans-serif;
		margin-bottom:6px;
		}
	.try p{
		font:normal 1em/1.4 Verdana,sans-serif;
		margin-bottom:9px;
		}
	.inp{
		width:190px;
		padding:1px;
		font-size:11px;
		border-bottom:1px solid #cecece;
		border-left:1px solid #cecece;
		border-top:1px solid #8f8f8f;
		border-right:1px solid #cecece;
		color:#333;
		}
	.fade{
		color:#b2b2b2;
		}

/* =content
----------------------------------------------- */
.content{
	font-size:1.2em;
	line-height:1.3;
	}
		.content ul li a{
			text-decoration:none;
			color:#2e94ca;
			font-weight:bold;
			}
		.content ul li a:hover{
			color:#fff;
			background-color:#2e94ca;;
			}
.content ul li{
        list-style-image: url(/images/bullet.png);
        margin:0 0 14px 20px;
        position:relative;
        }
        .content .ch ul li{
                list-style-type: none;
                list-style-image: none;
                margin-bottom:5px;
                background:none;
                padding-left:0;
                margin-left: 0;
                }
                .content .ch ul li label{
                        font-weight:normal;
                        font-size:1.2em;
                        }
                        .content .ch ul li input{
                                vertical-align:baseline;
                                margin-right:5px;
                        }
.content p{
	/* font-size:1.33em; */
	margin-bottom:1em;
	}
.content h1{
	font:bold 2.5em/1 "Trebuchet MS",sans-serif;
	color:#208dc6;
	margin-bottom:15px;
	}
	.content h2{
		font:normal 1.53em/1.2 Arial,sans-serif;
		color:#208dc6;
		margin:.5em 0 1em 0;
		}
		.content dl{
			margin:11px 0 0px 19px;
			}
			.content dt{
				color:#208dc6;
				font-weight:bold;
				}
				.content dd{
					margin-bottom:18px;
				}
	.inner{
		margin-left:18px;
		}
.content .rowb{
	margin-top:2em;
	margin-bottom:0;
	}
	.rowb small{
		font-size:12px;
		display:block;
		color:#208dc6;
	}
	.biginp{
		font-size:16px;
		color:#8a8d8e;
		padding:5px;
		width:476px;
		border-bottom:1px solid #cecece;
		border-left:1px solid #cecece;
		border-top:1px solid #8f8f8f;
		border-right:1px solid #cecece;
		}
		.last{
			text-align:right;
			width:488px;
			}
.movie {
  width: 580px;
  height: 300px;
  border: 1px solid #9dd5e9;
  margin-top: 10px;
  margin-bottom: 20px;
}
.movie img {
  display: none;
}
.movie img.show {
  display: inline;
}
.home.movie img {
  width:  580px;
  height: 300px;
}
.special{
	padding-bottom:2px;
	border-bottom:2px solid #74b8db;
	text-decoration:none;
	color:#000;
	}
.callout{
	width:508px;
	position:absolute;
	top:100px;
	left:100px;
	}
	.c-bot{
		height:48px;
		background:url(/images/c-bot.png) no-repeat 0 0;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/c-bot.png');
		}
.c-top{
	height:16px;
	font-size:5px;
	line-height:5px;
	background:url(/images/c-top.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/c-top.png');
	}
.c-str{
	background:url(/images/c-str.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/c-str.png');
	padding: 0 13px;
	position:relative;
	zoom:1;
	}
.callout h2{
	margin:0;
	padding:3px 0;
	font-size:16px;
	padding-left:32px;
	background:url(/images/logo-24x20.png) no-repeat 0 50%;
	margin-bottom:13px;
	}
	.callout h2 span{
		color:#fcfbde;
		background:#0069ae;
		padding:1px;
		}
.callout .data{
	width:90%;
	border-spacing:0;
	border-collapse:collapse;
	}
	.callout th{
		color:#0069ae;
		text-align:left;
		font-weight:normal;
		}
	.callout th, .callout td{
		font-size:14px;
		font-family:arial,sans-serif;
		vertical-align:top;
		padding:0 10px 8px 0;
		}
		.what{
			width:23px;
			height:23px;
			position:absolute;
			top:0;
			right:16px;
			background:url(/images/what.png) no-repeat 0 0;
			}
			.what:hover{
				opacity: 0.6;
				filter: alpha(opacity=60);
			}

input.button {
  border: 0px solid #FFFFFF;
  background-image: url(/images/button-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 82px;
  height: 23px;
  color: #f5f5f5;
  font-size: 14.25px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  font-family: "Trebuchet MS",arial,sans-serif;
  padding-bottom: 0.3em;
  text-transform: lowercase;
}

input.button:hover {
  background-position: bottom left;
  color: white;
}

input.button.large {
  background-image: url(/images/button-large-bg.png);
  width: 137px;
  height: 32px;
  font-weight: normal;
  font-family: helvetica, arial, sans-serif;
  font-size: 18px;
}

body{
	text-align:left;
	}
	.page{
		width:850px;
		padding-bottom:34px;
		}
	.sec{
		float:left;
		/* width:236px;
		margin-left:36px;*/
		display:inline;
		margin-right:31px;
		}
	.content{
		width:513px;
		float:right;
		position:relative;
		}
        .page.full .content {
          float: none;
          margin-left: 5em;
          width: auto;
        }

        #out.wide .page {
          width: auto;
        }
        #out.wide .page .content {
          float: left;
         /* width: 600px; */
        }
	#out.wide .page .sec {
          /*margin-left:36px;*/
          margin-right:31px;
        }
        #out.wide .page .sec ul#sidenav,
        #out.wide .page .sec ul#extras {
          margin: 0;
          padding: 0;
        }
        #out.wide .page .sec ul#sidenav li,
        #out.wide .page .sec ul#extras li {
          list-style-type: none;
        }
        #out.wide .page .sec ul#sidenav {
          margin-bottom: 3em;
        }
        #out.wide .page .sec ul#sidenav li {
          display: block;
          width: 272px;
          height: 94px;
          margin-bottom: 20px;
        }
        #out.wide .page .sec ul#sidenav li.publishers {
          background-image: url('/images/button-publishers-sprite.png');
        }
        #out.wide .page .sec ul#sidenav li.users {
          background: url('/images/button-users-sprite.png') 0 0 no-repeat;
        }
        #out.wide .page .sec ul#sidenav li.install {
          border: 1px solid #9fd5ea;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          background-color: #f8fbfd;
        }
        li.install h2 {
          margin-top: 10px;
        }
        #out.wide .page .sec ul#sidenav li.selected {
          background-position: bottom;
        }
        #out.wide .page .sec ul#sidenav li:hover {
          background-position: 0 -94px;
        }
        #out.wide .page .sec ul#sidenav li.selected:hover {
          background-position: bottom;
        }
        #out.wide .page .sec ul#extras {
          font-size: 1.5em;
          font-weight: bold;
        }
        #out.wide .page .sec ul#extras li {
          margin-bottom: 1em;
        }
        #out.wide .page .sec ul#extras li a {
          text-decoration: none;
        }
        #out.wide .page .sec ul#extras li a:hover {
          text-decoration: underline;
        }
		

#rating td {
  width: 1em;
  border-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  }
  #rating td input {
    position: relative;
    left: -1px;
    }

#feedback > div > label {
  width: 10em;
  display: block;
  float: left;
}

#feedback #url {
  width: 18em;
}

#feedback #comments {
  width: 28em;
  height: 5em;
}

#feedback #reason {
  clear: both;
}

.big {
  font-size: 133%;
}

.faux-mashlink {
  border-bottom: 1px dotted #21b9eb;
  cursor: pointer;
}

.shadow-box {
  margin-top: 1em;
  border: 1px solid #ccc;
  padding: 0 1em 1em 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 3px 3px 8px #666;
  -webkit-box-shadow: 3px 3px 8px #666;
  margin-right: 1em;
}

.shadow-box h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.2em 0 0.7em 0;
  padding: 0.1em;
  color: #208dc6;
  display: block;
  border-bottom: 1px solid;
  width: 100%;
}

.shadow-box .shadow-box h1 {
  font-size: 0.9em;
}

h3 {
  font: normal 1.5em Arial,sans-serif;
  color: #208dc6;
  margin: 0.25em 0 0.1em 0;
}

a#install_button,
a#accept_and_install_button,
a#subscribe_button,
a#activate_button,

a#install_button:hover,
a#accept_and_install_button:hover,
a#subscribe_button:hover,
a#activate_button:hover ,
a#getit_button:hover, a#link:hover {
  background-position: bottom;
}

.error {
  font-weight: bold;
  color: #c00;
  margin: 1em 0;
  border: 1px solid #c00;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0.5em;
}

#how-to {
  line-height: 22px;
  font-size: 110%
}

#how-to img {
  position: relative;
  top: 3px;
}

#faq dd {
  margin: 0.25em 0 0 2em;
}

.lower {
  margin-top: 2em;
}

#news {
  font-size: 110%;
}

#news li {
  margin: 4px 0 4px 0;
  list-style-image: url(/images/bullet.png);
}

#mf {
  font-size: 110%;
}

#mf li {
  margin: 4px 0 4px 0;
  list-style-image: url(/images/bullet.png);
}

#openid_identifier {
  background-image: url(/images/openid-bg.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
}

.left {
  float: left;
}

/* == Splash Page Styles ====================== */
#out.wide.splash #header {
  height: 80px;
  margin-bottom: 10px;
}

.splash #header h1 a {
  top: 22px;
  height: 64px;
  width: auto;
}

.splash h1 {
  font-weight: normal;
  font-family: "arial black";
  letter-spacing: -2px;
  font-size: 20pt;
  color: black;
}

.splash .movie {
  margin-left: 50px;
}

.splash .content h1 {
  margin-bottom: 15px;
}

#out.wide.splash .content {
  padding-left: 40px;
  width: auto;
}

.splash #getit_button, .splash #link {
  position: relative;
  top: -12px;
  left: -5px;
}

.splash h2 {
  font-weight: bold;
  font-size: 18px;
  margin: 0.5em 0 0.3em;
}
.splash h3 {
  font-weight: bold;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 14pt;
  color: #208dc6;
  margin-bottom: 6px;
}
.splash ul {
  width: 400px;
  padding-right: 10px;
  padding-top: 10px;
  margin: 0;
}
.splash ul li {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.splash .graybox {
  font-size: 10pt;
  width: 200px;
  height: 85px;
  padding: 2px;
  text-align: center;
  border: 1px solid silver;
  float: left;
  margin-left: 75px;
  margin-top: 2px;
}
.splash h2.middle {
  margin: 12px 0 12px 40px;
}
.splash h3.bar {
  text-align:center;
  border: 1px solid black;
  border-width: 1px 0;
  padding: 0;
  font-size: 14px;
}
.splash h3.bar a {
  text-decoration: none;
}
#splash_box h2 {
  font-size: 18px;
  font-weight: bold;
  color: black;
}
#splash_box h3 {
  font-size: 14px;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-weight: bold;
  color: black;
}

.icon-selector {
  width: 150px;
  height: 40px;
  float: left;
  vertical-align: middle;
}

.icon-selector img {
  padding: 5px;
  border: 2px solid #f0f0f0;
}

.icon-selector.active img {
  border-color: black;
}

img.info {
  margin: 0px 0px -6px -3px;
  cursor: help;
}

h2.install-hdr {
  font-size: 1.8em;
  text-align: center;
  margin: 0 -10px 6px -10px;
  color: #208dc6;
  font-family: Helvetica,Arial,sans-serif;
}

.no-installer {
  font-size: 1.2em;
  text-align: center;
  background-color: #f9f9f9;
  line-height: 1.5em;
  margin-top: 2em;
}

.corner-install {
  float: right;
  font-size: 0.8em;
  width: 236px;
  text-align: center;
}

.corner-install #getit_button, .corner-install #link {
  margin: auto;
}

.corner-install .t1 {
  padding: 5px;
}

#faq h3 {
  font-style:  italic;
  font-size:   1em;
  font-weight: bold;
  margin-top:  1em;
}

#faq h3.arrow {
  background: url(../resource/1.0/images/bg-info-summary.png) top left no-repeat;
  cursor: pointer;
  padding-left: 16px;
}

#faq h3.expanded {
  background-image: url(../resource/1.0/images/bg-info-detail.png);
}

#faq div {
  margin-left: 2em;
}

#term-cloud {
  font-size:   0.9em;
  overflow:    hidden;
  line-height: 2.75em;
  font-family: Helvetica,Arial,Geneva,sans-serif;
  color:       #115e77;
}

#term-cloud span {
  margin:           0 5px;
  white-space:      nowrap;
  background-color: #f4f4ff;
}

.feed-list li {
  margin-bottom: 0.25em;
}

#hl-term-history {
  height: 60em;
}



#fadeout {
  background-color: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
}

#ff-install-helper {
  /*font-size:1.4em; */
  display: none;
  color:white;
  font-family:sans-serif;
  width:23em;
  position:fixed;
  top:0;
  right:0;
  z-index:100;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#333;
  padding-bottom:1.3em;
}

#ff-install-helper #close-button {
  float:right;
  margin:0.3em;
  margin-top:0.2em;
  cursor:pointer;
}

#ff-install-helper #uppy {
  position: absolute;
  right:    15px;
}

#ff-install-helper h2 {
  margin-top:0px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-radius-topleft:10px;
  -webkit-border-radius-topright:10px;
  background-color:#777;
  padding:0.5em;
}

#ff-install-helper ol {
  width:17em;
  margin:auto;
}

#mash-settings li {
  cursor: move;
  list-style-type: none;
  list-style-image: none;
}

#disabled-mashes li {
  color: #888;
  font-style: italic;
}

input.mash-config-detail {
  position: relative;
  top: 3px;
}

#disabled-mashes .mash-config-detail {
  display: none;
}

#mash-settings ul {
  min-height: 1em;
  border: 1px solid #eee;
  padding-top: 1em;
  list-style-type: none;
  list-style-image: none;
}

.add-brand-mf {
  border: 2px solid #208dc6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 1em;
}

.brand-settings label {
  width:   9em;
  display: block;
  float:   left;
}

.brand-settings input[type='text'] {
  width: 21em;
}

.brand-settings div {
  margin-top: 0.2em;
}

.app-settings dd {
  font-size: 0.9em;
}

.checkered {
  padding: 5px;
  background: white url(../images/checker-16x16.png) repeat scroll 0 0;
}

.code-snippet {
  width: 450px;
  overflow-x: hidden;
  border: 1px dashed #aaa;
  padding: 1em;
  font-family: monospace;
  font-size: 9pt;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

span.descr {
  margin-left: 2em;
  font-style: italic;
  font-size:  0.85em;
}

a.navlink {
  color: transparent;
  text-decoration: none;
  font-size: 0;
  display: block;
  width: 272px;
  height: 94px;
}

#pages-mashed {
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: bottom;
  z-index: 1;
  background-color: white;
  border-style: none none solid solid;
  border-color: #9fd5ea;
  border-width: 1px;
  padding: 5px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
}
#pages-mashed span {
  position: relative;
  top: 3px;
}
.counter-wrap {
  height:18px;
  overflow:hidden;
  float: left;
  margin-right: 0.5em;
}
.counter-number {
  height:198px;
  width:12px;
  position:relative;
  background-image:url(../images/counter.gif);
  float:left;
}

.slideshow-nav {
  margin-top: 2px;
}

.slideshow-nav span {
  float: left;
  margin-left: 5px;
  font-style: italic;
}

.slideshow-nav img {
  float: right;
  cursor: pointer;
  margin-left: 5px;
}

#pub-slideshow img {
  width:  552px;
  height: 354px;
}

#pub-slideshow > div {
  width:   502px;
  height:  254px;
  padding: 75px 25px 25px 25px;
  background-image: url(../images/publisher-frame.png);
  font-size: 16pt;
  color: #0070c0;
}

#pub-slideshow ol {
  margin-left: 2em;
  line-height: 2em;
}

#pub-slideshow ul li:before {
  content: "✓ ";
}

#pub-slideshow ul li {
  list-style-type: none;
  list-style-image: none;
  font-size: 0.75em;
  margin-left: 1.5em;
  text-indent: -1.5em;
}

#pub-slideshow ul li:first-letter {
  font-size: 1.5em;
  font-weight: bold;
  float: left;
  width: 1.5em;
  display: block;
}

#pub-slideshow h1 {
  font-weight: bold;
  text-align: center;
  font-size: 1em;
}

#pub-slideshow h2 {
  font-weight: normal;
  font-size: 1em;
  text-decoration: underline;
  margin-bottom: 0.5em;
}

#pub-slideshow a {
  text-decoration: underline;
}

.mash-config {
  float: left;
  width: 195px;
}

.wizard {
  font-size: 1.75em;
  border-collapse: collapse;
  color: #0070c0;
  margin-bottom: 1em;
}

.wizard td {
  text-align: center;
  border: 1px solid #0070c0;
  background-color: #e0e0e0;
}

.wizard td span {
  font-style: italic;
}

.wizard td.active {
  background-color: white;
  font-weight: bold;
}

.config-set {
  margin-top: 2em;
}

.config-set div {
  margin-top: 1em;
}

/**
 * Farbtastic Color Picker 1.2
 * © 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../images/fb-wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/fb-mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url(../images/fb-marker.png) no-repeat;
}

input[type="text"].hexcolor {
  width: 5em;
}

.picker-box {
  display: none;
  border: 1px solid #f0f0f0;
  width: 195px;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.fb-hide {
  width: 195px;
  text-align: right;
  font-size: 0.75em;
  font-style: italic;
}