/*
Tipr 1.0.1
Copyright (c) 2013 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
*/


.tipr_content
{
     font: 13px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif;
     color: #fff;
     background-color: #333;
     padding: 9px 17px;
}
.tipr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 13px;
     z-index: 1000;
}
.tipr_container_top
{
     display: none;
     position: absolute;
     margin-top: -75px;
     z-index: 1000;
}


/* utilities */
.col { float: left; }
.nil { display: none; !important}

.break { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.inline { display: inline; }
.big { font-size: 150%; }

.green { color: #3c0;}
.bold { font-weight: bold; }

.icon { vertical-align: middle; }

.corners { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.right { text-align: right; }

/* forms */
form { text-align: left; }
form p { margin-bottom: 10px; }
form input { font-size: 12px; }
form label { display: block; font-weight: bold; font-size: 12px; }
form ul { margin: 15px 0 0 0; padding-left: 0px; }
form .errorlist li { color: red; list-style-type: none; font-size: 85%; }

body { margin: 0; }
table td { border-width: 1px; }
/***********/
/* general */
/***********/

a { color: #447bc4; text-decoration: none; }
a:hover { text-decoration: underline; }
.l { color: #447bc4; cursor: pointer; }
/* h2 { margin: 20px 0 10px 0; color: #525252; font-size: 20px; } */
/* h2:first-child { margin-top: 0; } */
/* h3 { margin-bottom: 5px; color: #525252; font-size: 16px; } */
/* h3:first-child { margin-top: 0; } */
h2, h3 { color: #525252; }
h4 { margin-top: 40px; margin-bottom: 15px; letter-spacing: 4px; font-size: 17px; color: #777; font-weight: bold; }
.title { font-size: 20px; font-weight: bold; padding-left: 10px;}
.title h1 { display: inline; font-size: 20px; color: #525252; }


.menu { background-color: #33589f; text-align: left; margin: 0 0 0 0; padding: 6px 30px; border: 2px solid #263b7a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 110%; }
.menu a { font-weight: bold; padding: 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; }
.warningleft { margin-right: 10px; background-color: #faa; padding: 10px; width: 200px; }
.warningleft a { font-weight: bold; }
.article { width: 600px; text-align: justify; }


.footer { background-color: #eee; text-align: center; margin: 10px 0; padding: 10px; }
.footer {background:url(images/bottom-gradient.png) repeat-x scroll left top white;}
.footer a { padding: 10px; }
.tooltip-inner { max-width: 350px; }

/************/
/* specific */
/************/

.home h2{  color: #666; border-bottom: 0px solid; font-size: 22px; }
.submitsite { text-align: center; display: block; padding: 20px; background-color: #cde6f5; }
.submitsite h2 { color: 000; border: 0px; font-size: 14px; }
.submitsite input { padding: 3px; font-weight: bold; font-size: 15px; }
.submitsite .button { background: #7c0 url(images/green-button.png) 0px -1px; color: #fff; width: 250px; border: 2px solid; border-color: #bf7 #7c0 #7c0 #bf7; }
#emailform label { font-size: 16px; padding: 8px 0; }

.next { font-size: 24px; background: #7c0 url(images/green-button.png) 0px -1px; color: #fff; width: 100px; text-align: center; border: 2px solid; border-color: #bf7 #7c0 #7c0 #bf7; float: right; }
.next a { color: white; text-decoration: none; }
.next span { font-size: 70%; vertical-align: middle; }

.features b { background-color: #ffc; padding: 0 3px; }
.features li { padding: 5px; }
.connectform { padding: 10px; border: 1px solid #ccc; margin-left: 20px; background-color: #fff; }

.piechart { margin-right: 10px; width: 250px; font-size: 90%; text-align: center; }

.flashmessage { font-size: 14px; text-align: center; background-color: #fd5; margin: 20px; padding: 5px; width: 500px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.csscontent { font-size: 12px; font-family: courier; height: 330px; overflow:auto; border: 1px solid #aaa; padding: 3px; }
.csscontent2 { font-size: 12px; font-family: courier; height: 330px; overflow:auto; border: 1px solid #aaa; padding: 3px; }
.csscontent2 i { text-decoration: line-through; background-color: #ffe6e6; font-style: normal; }
.csscontent2 u { text-decoration: none !important; background-color: #e6ffe6; font-style: normal; }
.selectors { margin: 15px 0; height: 330px; overflow: auto; border: 1px solid #aaa; padding: 3px;}
.selectors div { display: inline-block; width: 285px; margin-right: 10px; }
.selectors label { display: inline; font-weight: normal; }
div.downloadcss { display: block; text-align: center; width: 100%; }
div.disablecss { color: #d77; }
.cssfile { margin-bottom: 20px; padding-bottom: 20px; }

#id_url, #id_loginurl, #id_logouturl { width: 450px; }
.urlform #id_url { width: 330px; }
#id_loginname, #id_loginvalue, #id_passwordname, #id_passwordvalue { width: 80px; }
#id_formnumber { width: 30px; }
.haserror { background-color: #faa; }
.buy { margin: 50px 200px; }

.offers { border: 0; box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.5); margin-bottom: 50px;}
.offers .logo { transform: rotate(3deg) skew(0deg); opacity: 0.4; }
.offers td, .offers th { border: 1px #bbb solid}
.offers td { text-align: center; border-width: 1px; }
.offers th { text-align: left; padding: 10px; font-size: 110%; border-width: 1px; }
.offers th small { font-weight: normal; }
.csstidy label { font-weight: normal; display: inline; vertical-align: top; }
.csstidy { border: 1px solid #aaa; padding: 5px; }
.settings .block { background-color: #eee; padding: 10px; margin-bottom: 20px; width: 450px; }

.prices th { font-size: 17px; border-width: 1px; }
.prices-row { background-color: #F5F5F5; }

.twitter-feedback { margin-top: 20px; border-top: 0px solid #bbb; padding-top: 10px; font-size: 14px; }
.twitter-feedback img { vertical-align: top; border-radius: 45px; border: 7px solid #444; }
.twitter-feedback .text { display: inline-block; width: 500px; padding: 10px; }
.twitter-feedback .message { margin-bottom: 10px; border-radius: 10px; }
.twitter-feedback span { float: right; }

.start { font-size: 18px; }
.css-item { display: inline-block; width: 230px; }

/* tagline */
.tagline-box { padding-bottom: 30px; margin-bottom: 20px; margin-top: 30px; }

.shadow { box-shadow: 0 0px 20px rgba(0, 0, 0, 0.4); display: inline-block; }

/* nav */
.topnav { background-color: #33589f; padding-bottom: 3px; padding-left: 10px; margin-bottom: 20px; }
.topnav a { color: white; }
.nav-header { display: inline-block; font-size: 20px; font-weight: bold; margin-right: 15px; }
.nav-header img { height: 60px; }
.nav-menu { display: inline-block; margin-top: 18px; }
.nav-menu a { padding: 0 10px; font-size: 18px; color: #eee; font-weight: bold; }
.btn-primary { background-color: #63A3DB; }