* { 
	margin:0px;
	padding: 0px;
	border: none;
}
body {
	background: #77ccfe url(/static/images/sky_back.jpg) center top repeat-x;
	text-align:center;
	font-size:12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

/*  Layout studd  */
.wrapper { margin:0px auto; width:800px; text-align:center;}
.content { margin:3em auto auto auto; width:700px; text-align:left; z-index:1; }
.left, .right, .left-border {display:inline-block;}
.left, .left-border { width:440px; padding-right:10px; }
.left-border {border-right:1px solid #359ddf;}

.right { width:240px; float:right; }

h2.GoodDog { font-size: 4.5em; padding:2px;}
h3.GoodDog { font-size: 3em; padding:15px 5px 5px 5px;}
h4.GoodDog { font-size: 3em; padding:2px;}
.left .lennylogo { float:left; padding-right:10px; }

.tagline { color: #000;} 

.birdy {
	background: url(/static/images/twitter_mail.png) right bottom no-repeat;
	height:350px;
}

.paddify {
	text-align:center;
	width:100%;
	margin-top:40px;
}
#start_button {
	background:url(/static/images/start_1.png) left top no-repeat;
	width:180px;
	height:41px;
	display:block;
	margin:0px auto;
    cursor:pointer;
}
#start_button:active {
	background:url(/static/images/start_1.png) 0px -41px no-repeat;
}

.footer{
	width:100%;
	clear:both;
	text-align:center;
}
.footer ul, .topmenu ul { list-style:none; }
.footer ul li a { color:#444; }
.footer ul li{ display:inline-block; margin-right:10px; }

.working{
    background: url(/static/images/flash.png) right bottom no-repeat;
    width:100%;
    height:130px;
    text-align:center;
}

.dialog {
    background: #eee;
    width: 500px;
    margin:10px auto;
    display:none;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index:5;
    position:absolute;
    top:510px;
    margin-left:100px;
    height:240px;
}
.dialog .panel { padding:10px; }
.dialog .panel ul { padding-left:30px; }
.dialog h2{
    background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:4px;
    }
.dialog #ideamonk { float:left; border: 5px solid white; margin:2px 5px; }

.topmenu { margin: 6px 0px 0px auto; text-align:right;}
.topmenu ul { background: url(/static/images/round_left.gif) left top no-repeat; display:inline-block; height:32px;}
.topmenu ul li { height:24px; background:#ffffff; display:inline-block; margin:0px; padding-top:8px; padding-right:8px; margin-right:-5px;}
.topmenu ul li.starter { margin-left:8px; }
.topmenu ul li.ender { background: url(/static/images/round_right.gif) right top no-repeat; margin-left:-5px;}

.mainpanel{
    max-height:400px;
    background-color: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff), color-stop(0.2, #f4f4f4), color-stop(0.3, #eee), color-stop(0.7, #eee));
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding:0px 10px 10px 10px;
    -webkit-box-shadow: 1px 1px 5px #aaa;
    -moz-box-shadow: 1px 1px 5px #aaa;
    overflow:hidden;
}

.steps {
    margin-top:10px;
    background-color: #E5E5E5;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    text-align:center;
    padding:5px;
}
.step_desc { margin:0px auto;width:460px; text-align:left; padding:10px; }

.continue_button { font-size:2.2em; font-weight:bold; margin:0px auto; width:160px; text-align:center; color:#fff; background: #39596D; padding:5px;  -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:5px; margin-top:10px; text-shadow:-1px -1px 3px #2c4352;}

.continue_button a{ color:#fff; text-decoration:none; }

.logosmall{z-index:5; top:5px; position:absolute; font-size:2em;}

.monitoring {
    width:420px;
    height:190px;
    margin:0px auto;
    text-align:left;
    background:url(/static/images/working.png) left 30px no-repeat;
}
.m_email, .m_twitter {
    position:relative;
    margin-left:30px;
    padding:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    background:#CC0000;
    -webkit-box-shadow: 1px 1px 5px #aaa;
    -moz-box-shadow: 1px 1px 5px #aaa;
    display:inline-block;
    font-weight:bold;
    color:#ffffff;
    text-shadow:1px 1px 1px #000;
    clear:both;
}
/*  ^^ Yay, bandwidth saved (see below) */
.m_twitter {
    margin-left:250px;
    background:#097DEB;
}

.steps a {text-decoration:none;}

/*  thanks to http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    text-align:center;
}

a.button {
    background: transparent url('/static/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/static/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}