/* BODY & TYPOGRAPHY */

body {
    background-color: #dcdcdc;
    font-family: Lucida, Verdana;
    font-size: 13px;
    color: #aaaaaa;
}

p {
    color: #ffffff;
}

.shadowed {
    text-shadow: #000000 2px 2px 5px;
}

a {
    text-decoration: none;
    color: #aaaaaa;
}

a:hover {
    text-decoration: underline;
}

*{
    margin:0;
    padding:0;
}

h1, h2, h3 {
	font-family: Lucida Sans, Verdana, Arial, Sans-Serif;
}

h1 {
	font-size: 4em;
	text-align: center;
	color: #ffffff;
}

h2 {
	font-size: 1.6em;
	color: #ffffff;
}

h2 hover{
   color: #ffffff;
}
h3 {
	font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #aaaaaa;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
	text-decoration: none;
}

.postmetadata a{
    color: #000000;
}

.postmetadata a:hover{
   	text-decoration: underline;
}
/* WRAPPER & MENU & BUTTONS */

#all {
    text-align: center;
}

#wrapper{
    min-width: 970px;
    width: 90%;
    margin-right:auto;
    margin-left: auto;
    margin-top: 25px;
    background-image: url(/twip_img/images/wrapper-bg.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #305288;
    -webkit-box-shadow: 0px 1px 5px #000000;
    text-align: left;
    border-bottom: 5px solid #000000;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 180px;
}

#twip{
    width: 962px;
}
.login{
    background-image: url(/twip_img/landing_page/blackArea.png);
    background-repeat: no-repeat;
    float: right;
    width: 501px;
    height: 37px;
    margin-top: 5px;
    margin-right: 12px;
}

.e-mail{
    float: left;
    background: transparent url(/twip_img/images/email.jpg);
    background-repeat: no-repeat;
    border: none;
    width: 157px;
    height: 26px;
    padding-left: 40px;
    padding-top: 5px;
    margin-left: 17px;
    margin-top: 4px;
    color: #ffffff;
}

body:first-of-type .e-mail {
    padding-top: 0px;
}

.pass{
    float: left;
    background: transparent url(/twip_img/images/pass.jpg);
    background-repeat: no-repeat;
    border: none;
    width: 157px;
    height: 26px;
    padding-left: 40px;
    padding-top: 5px;
    margin-left: 5px;
    margin-top: 4px;
    color: #ffffff;
}

body:first-of-type .pass {
    padding-top: 0px;
}
.signin{
    background: transparent url(/twip_img/images/signin.jpg);
     border: none;
     cursor: hand;
     width: 38px;
     height: 26px;
     margin-left: -17px;
     margin-top: 4px;
}

.register{
    float: right;
    margin-top: 55px;
    margin-right: -19px;
    position: relative;
    z-index: 100;
}

img.register1 {
	position: absolute;
    z-index: 10;
	}

img.register2 {
	position: absolute;

	}

.logo{
   float: left;
   margin-top: 35px;
}

.tcb{
   float: left;
   margin-top: 50px;
}

/* BLOG */

.blog-search{
    background-image: url(/twip_img/images/login.png);
    background-repeat: no-repeat;
    float: right;
    width: 501px;
    height: 37px;
    margin-top: 6px;
    margin-right: 12px;
}

.blog-search-field{
    background: url(/twip_img/images/blog-search-field.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 30px;
    width: 275px;
    padding-left: 10px;
}

.blog-search-submit{
    background: url(/twip_img/images/blog-search-submit.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 25px;
    width: 115px;
    position: relative;
    margin-left: 5px;
    cursor: hand;
}

.blog-social{
    float: right;
    width: 501px;
    height: 40px;
    margin-top: 6px;
    margin-right: 12px;
}

#blog-featured{
    background-image: url(/twip_img/images/blog-featured-bg.png);
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 15px;
}

#comment-bg{
    background-image: url(/twip_img/images/comment-bg.png);
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 15px;
}

#blog-meta{
    background-image: url(/twip_img/images/blog-meta-bg.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    height: 50px;
    margin-bottom: -5px;
    position: relative;
}

#comment-meta{
    background-image: url(/twip_img/images/comment-meta-bg.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    height: 60px;
    margin-bottom: -5px;
    position: relative;
}

.blog-archives{
    padding-left: 18px;
    background-image: url(/twip_img/images/sidebar-bg.png);
    background-repeat: repeat-y;
    list-style: none;
}

.blog-archives a{
    color: #ffffff;
}

.blog-archives a: hover{
    color: #aaaaaa;
  	text-decoration: underline;
}

.blog-archives ul{
   list-style: none;
}

.blog-archives li{
   color: #ffffff;
}

.blog-categories {
    padding-left: 18px;
    background-image: url(/twip_img/images/sidebar-bg.png);
    background-repeat: repeat-y;
}

.blog-categories a{
    color: #ffffff;
}

.blog-categories a: hover{
    color: #aaaaaa;
  	text-decoration: underline;
}

.blog-categories ul{
    list-style: none;
}
/* INDEX PANEL BUTTONS WITH PANEL */

#panel-buttons{
    float: left;
    height: 58px;
    width: 963px;
    text-align: left;
    z-index: 1;
    mar
}

.but{
    list-style: none;
    float: left;
    cursor: hand;
}

.concept li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.concept li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 75px;
	display: none;
}

.concept-on{
    float: right;
    margin-top: 14px;
    margin-bottom: -14px;
    margin-right: 27px;
    position: relative;
    z-index: 10;
}

.overview li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.overview li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.overview li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 85px;
	display: none;
}

.overview-on{
    float: right;
    margin-top: 14px;
    margin-bottom: -14px;
    margin-right: 65px;
    position: relative;
    z-index: 10;
}

.lipsum1 li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.lipsum1 li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 87px;
	display: none;
}

.lipsum1-on{
    float: right;
    margin-top: 14px;
    margin-bottom: -14px;
    margin-right: 60px;
    position: relative;
    z-index: 10;
}

.lipsum2 li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.lipsum2 li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 88px;
	display: none;
}

.lipsum2-on{
    float: right;
    margin-top: 14px;
    margin-bottom: -14px;
    margin-right: 40px;
    position: relative;
    z-index: 10;
}

.lipsum3 li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.lipsum3 li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 105px;
	display: none;
}

.lipsum3-on{
    float: right;
    margin-top: 14px;
    margin-bottom: -14px;
    margin-right: 18px;
    position: relative;
    z-index: 10;
}

#index-button-on{
    float: right;
    margin-top: -65px;
    position: relative;
}

#panel-bottom{
    position: relative;
    background-image: url(/twip_img/images/panel-bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 963px;
    height: 301px;
    margin-top: 67px;
    margin-left: 1px;
}

#div-concept{
    padding-left: 10px;
}

#div-overview{
    padding-left: 10px;
}

#div-lipsum1{
    padding-left: 10px;
}

#div-lipsum2{
    padding-left: 10px;
}

#div-lipsum3{
    padding-left: 10px;
    text-align: center;
}


img.demo1 {
	position: relative;

    z-index: 10;
	}

img.demo2 {
	position: relative;


	}
/* REGISTER PANEL WITH CONTENT */

#register-panel{
    background-image: url(/twip_img/images/register-bottom-panel.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 962px;
    height: 375px;
}

.register-div {
    width: 950px;
    text-align: left;
    float: left;
    position: relative;
}

.reg{
    margin-left: 50px;
    margin-right: 5px;
}

.reg-name{
    background: transparent url(/twip_img/images/register-text-field.png);
    background-repeat: no-repeat;
    border: none;
    height: 29px;
    width: 284px;
    padding-left: 10px;
}

.reg-e-mail{
    background: transparent url(/twip_img/images/register-text-field.png);
    background-repeat: no-repeat;
    border: none;
    height: 29px;
    width: 284px;
    padding-left: 10px;
}

.reg-text-area{
    background: transparent url(/twip_img/images/text-area-bg.png);
    background-repeat: no-repeat;
    border: none;
    height: 182px;
    max-height: 182px;
    width: 284px;
    max-width: 284px;
    padding-left: 10px;
    overflow: auto;
}

.reg-pass{
    background: transparent url(/twip_img/images/register-text-field.png);
    background-repeat: no-repeat;
    border: none;
    height: 29px;
    width: 284px;
    padding-left: 10px;
}

.finalize{
    background: transparent url(/twip_img/images/finalize.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 436px;
    border: none;
    margin-left: 40px;
    cursor: pointer;
}

.submit-comment{
    background: transparent url(/twip_img/images/submit-comment.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 290px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}

.fp-e-mail{
    background: transparent url(/twip_img/images/fp-text-field.png);
    background-repeat: no-repeat;
    border: none;
    height: 30px;
    width: 284px;
    padding-left: 10px;
}

.passback{
    background: transparent url(/twip_img/images/passback.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 436px;
    border: none;
    cursor: pointer;
}

/* DEVELOPER */

#developer-panel-buttons{
    float: left;
    height: 58px;
    width: 963px;
    margin-top: -8px;
    text-align: left;
    position: relative;
    z-index: 1;
}

#button-on{
    float: right;
}

.youraccount li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.youraccount li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 115px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 90px;
	display: none;
}

.youraccount-on{
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    position: relative;
    z-index: 10;
}

.getstarted li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.getstarted li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 90px;
	display: none;
}

.getstarted-on{
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    position: relative;
    z-index: 11;
}

.traffic li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.traffic li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 73px;
	display: none;
}

.traffic-on{
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    position: relative;
    z-index: 12;
}

.service li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.service li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 76px;
	display: none;
}

.service-on{
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    position: relative;
    z-index: 13;
}

.configuration li {
	float: left;
	position: relative;
    cursor: pointer;
    list-style: none;
}

.configuration li em {
	background-image: url(/twip_img/images/line.png);
	background-repeat:  no-repeat;
	width: 65px;
	height: 2px;
	position: absolute;
	margin-top: -1px;
	margin-left: 92px;
	display: none;
}

.configuration-on{
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    position: relative;
    z-index: 14;
}

#developer-panel-bottom{
    text-align: left;
    position: relative;
    background-image: url(/twip_img/images/developer-bottom-panel.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 963px;
    height: 500px;
    margin-top: 59px;
    margin-left: 0px;
}

#div-your-account{
   padding-left: 15px;
}

#div-get-started{
   padding-left: 15px;
}

#div-traffic{
   padding-left: 15px;
}

#div-service{
   padding-left: 15px;
}

#div-configuration{
   padding-left: 15px;
}

/* TESTIMONIALS */

#testimonials-panel{
    background-image: url(/twip_img/images/testimonials-bottom-panel.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 962px;
    height: 136px;
    margin-bottom: 25px;
}

/* FOOTER */

#more{
    width: 962px;
}

.nudge{
    float: left;
    text-align: left;
    width: 320px;
    padding-top: 25px;
    margin-bottom: 25px;

}

.nudge li{
    list-style: none;
}

.nudge a{
    color: #ffffff;
    text-decoration: none;
    text-shadow: #000000 2px 2px 5px;
}

.centerText{
	color: #ffffff;
	text-shadow: #000000 2px 2px 5px;
	text-align: left;
	FILTER: Shadow(Color=#000000, Direction=140, strength:2);
}

.listDivide{
	padding: 0px;	
	width: 430px;
	color: #ffffff;
	text-shadow: #000000 2px 2px 5px;
	text-align: left;
	FILTER: Shadow(Color=#000000, Direction=140, strength:2);
	text-align:justify;
	float: left;
}

.nicePic{
	float: left;
	clear: left;
	margin: 0px 4px 0px 0px;
}

.nudge a{
    color: #ffffff;
    text-decoration: none;
    text-shadow: #000000 2px 2px 5px;
}

.nudge2{
    float: left;
    text-align: left;
    width: 320px;
    padding-top: 25px;
    margin-bottom: 25px;
}

.nudge2 li{
    list-style: none;
}

.nudge2 a{
    color: #ffffff;
    text-decoration: none;
    text-shadow: #000000 2px 2px 5px;
}

.nudge3{
    float: left;
    text-align: left;
    width: 310px;
    padding-top: 25px;
    margin-bottom: 25px;
}

.nudge3 li{
    list-style: none;
}

.nudge3 p{
    color: #ffffff;
    text-decoration: none;
    text-shadow: #000000 2px 2px 5px;
}

.plus {
    color: #76acff;
}

#footer{
    text-align: left;
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 11px;
    color:
}

#feedback{
    right: 100%;
    float: right;
    margin-right: 0px;
    margin-top: 400px;
}

.feedback{
    position: fixed;
}

#feedback-form{
    background: transparent url(/twip_img/images/feedback-form.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: none;
    width: 587px;
    height: 379px;
    padding-left: 10px;
}

.yourname-form{
    background: transparent url(/twip_img/images/yourname-form.png);
    background-repeat: no-repeat;
    border: none;
    width: 350px;
    height: 32px;
    padding-left: 15px;
}

.youremail-form{
    background: transparent url(/twip_img/images/youremail-form.png);
    background-repeat: no-repeat;
    border: none;
    width: 350px;
    height: 32px;
    padding-left: 15px;
}

.yourmessage-form{
    background: transparent url(/twip_img/images/yourmessage-form.png);
    background-repeat: no-repeat;
    border: none;
    width: 350px;
    height: 122px;
    max-width: 350px;
    max-height: 122px;
    padding-left: 15px;
}

.send-feedback{
    background: transparent url(/twip_img/images/sendfeedback.png);
    background-repeat: no-repeat;
    border: none;
    width: 357px;
    height: 37px;
    cursor: pointer;
}

.register-small{
    float: right;
    margin-top: -180px;
    margin-right: 40px;
    position: relative;
    z-index: 100;
}

.pngconcept{
    positionL: relative;
    z-index: 1;

}


/* SLIDESHOW */
#gallery {
	position:relative;
	float: left;
	height:280px;
}

#gallery a {
float: left;
	position: absolute;
}

#gallery a img {
	border:none;
}

#gallery a.show {
	z-index:500;
}

/* LOGIN */

#fp_right{
    position: relative;
    margin-top: -75px;
	padding-left: 11px;
}

.fp_btn{
    float: right;
    position: relative;
    margin-right: 30px;
    margin-top: 5px;
}

.membership{
    position: relative;
    margin-top: -50px;
}

.ui-progressbar { height:2em; text-align: left; width: 60%; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background-color: #08C563; }
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #01873E; background: #08C563 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#flowpanes div div div {
    margin: 0px;
    width: 80%;
    height: 25px;
    margin-bottom: 4px;
}

#flowpanes div div div div.ui-progressbar-value {
     margin: -1px; height:100%;
}

.update{
    background: transparent url(/twip_img/images/update.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 373px;
    margin-top: 10px;
    position: relative;
    margin-left: -4px;
    border: none;
    cursor: pointer;
}

/* Give us feedback */
#feedback {
	width: 153px;
	height: 22px;
	float: right;
	margin-top: 18px;
}

#right_feedback {
	width:25px;
	height:98px;
	position:fixed;
	bottom:200px;
    right: 0px;
	z-index:2;
}

ul.ppt {
	position: relative;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*  Snippets tab */

.snippets {
	font-size:11px;
	color:#FFFFFF;
	line-height:130%;
	text-align: left;
	text-shadow: #000000 2px 2px 5px;
}