/* (C) 2008 Elliot Jay Stocks. Designed for educational purposes only. This CSS has not been optimised for Internet Explorer 6. */




/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
/*@import url(reset.css);*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }


/* Typography - basics */

body, /*h2,*/ p, li, label, input  { font:11px/18px Arial, Helvetica, sans-serif, Verdana, 'Lucida Grande', 'Lucida Sans Unicode' ; color:#CFCFCF; }
/* h2 { font-size:30px; padding-bottom:10px } */
p { margin:0 0 20px 0 }
/*h2, span { color:#00437e }*/
a, #dialogBox .contactDetails, .success {	color:#f5ae33; text-decoration:none }
h2, h3 { font-size:18px; color:#9d9d9d}
h2 { margin-bottom:8px; }
h3, a:hover {
	color:#D6D6D6; /*color:#1473ce*/
}
/*h4 { height:22px; background:url("../images/sub-title-bg.png"); background-repeat:no-repeat; 
padding: 8px 30px 8px 30px; border:0px solid red;
}*/

.formError, .formSuccess {color:#000000;}
.formError em, .formSucess em { color:#ffffff; }


.seperator { color:#ffffff; }
/*a:hover { color:#1473ce }*/

#dialogBox p { font:14px/18px Arial, Helvetica, sans-serif normal;}
#dialogBox h2 {
	background:url(../images/About.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:124px;
	height:47px;
	margin-top:-11px;
	margin-bottom:-2px;
}

#rightColumn h2 { 
width:210px;
height:17px;
	background:url(../images/inthemeantime.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
}

#s { font: normal 160%/180% Arial, Helvetica, sans-serif; }

#socialDescDescpitions ul li {
	line-height:20px;
	font-weight:bold;
}

.formError, .formSuccess { display:block; height: 20px; margin-top:5px; padding:5px; border:2px solid}
.formError { width: 400px;  border-color:#C36; background-color:#FCC }
.formSuccess { width: 300px; border-color:#468b21; background-color:#cae7ba; margin-left:40px; }
/*.formSuccessIcon { display:none }*/
.formSuccessIcon { display:block; position:absolute; width:20px; height:20px; margin-left:35px;  background: url('../images/validyes.png') no-repeat;}

form div label { display:block; font-size:14px; color:#fff; width:100px;  margin-right:10px; position: relative; line-height: 40px; border:0px solid red; }
form div div.textbox {  }
form div div input.text	{ font-size:14px; width:160px; height:30px; padding:10px; padding-right:10px; margin-right:20px; border:0px; background:transparent}
form div label em { position: absolute; right: 0; top:5%;}


/* Layout - basics */

html { text-align:center }
body {
	width:984px;
	text-align:left;
	margin: 0 auto;
	margin-top:15px;
	background:url("../images/twitterbg_cms_bg.jpg");
	background-attachment:fixed;
	background-color:#1d1d1d
}

label, button, input[type="submit"]{cursor:pointer;}

a.inlineContact { border-bottom:1px dotted #8dafd3; }

span.center { left:50%; width:183px; margin-left:107px; border:0px solid red; display:block; }

ul.incentives { height:200px; background:#000; margin:2px 0 0 0 }
ul.incentives li { float:left; margin:0 20px 0 0 }
ul.incentives li.main { width:540px }
ul.incentives li.steps { width:220px }
ul.incentives li.more { width:140px; margin:0 }
ul.incentives li.more p { color:#cf6 }
ul.incentives li p { color:#fff }

ul.reasons li { float:left; width:300px; margin:0 20px 0 0 }
ul.reasons li.last { margin:0 }


div.navBar { height:40px; background:#cf6 }
/*.title_secondary { color:#1473ce; color:#00437e }*/

div.header-top, div.header, div.contentMain, div.footer { padding:12px; }
div.header-top { height:30px; background:url("../images/header-top.png"); background-repeat:no-repeat; padding-bottom:0px; padding-top:0px }
/* background:url("../images/header.png"); */
div.header { height:178px; padding:0px; }
div.contentMain { background:url('../images/maincontent.png'); background-repeat:repeat-y; padding-top:0px; }
div.footer {  color:#666; height:80px; /*background:#cf6*/ background:url("../images/footer_bg.png"); /*background-color:#ff0000;*/ background-repeat:no-repeat; text-align:center}

/* New styles from step 14 */

/*h1 a { background:url("h1.gif") top left no-repeat; padding-left:20px; padding-top:35px; width:150px; height:90px; text-indent:-9999px; display:block; }*/

div.header div.logo { float:left; }
div.header div.logo h1 a { background:url("../images/header.png") top left no-repeat; padding-left:0px; padding-top:0px; width:960px; height:178px; text-indent:-9999px; display:block; }
div.header div.logo h2 {text-indent:-9999px; display:block; height:0px; width:0px;}
div.header #header-address { border:0px solid red; float:right; width:425px; height:32px; margin:35px 10px 0 0; text-align:right; display:none}

div.navBar { position:relative; clear:both; background:url("../images/navbar.png"); background-repeat:repeat-x; height:20px; }
div.navBar ul { padding:12px 0 0 30px }
div.navBar ul li { display:inline; margin:0 20px 0 0 }
div.navBar ul li a.current { color:#000 }
div.navBar form { position:absolute; top:10px; left:560px }
div.navBar form label { display:none }
div.navBar form input { width:220px }
div.navBar form input.button { width:110px; margin:0 0 0 10px }

#mainContent {
	height:350px;
	border:0px solid red;
	padding:10px 10px 20px;
	/*background:url(../images/mainsection-bottom-right-bg.png) no-repeat bottom right;*/
}

#mainNotification { width:inherit; position:relative; margin-bottom:45px; }
#mainNotification span.text{
	left:50%; margin-left:170px; /*center hack= left 50%;  margin-left:((width of container)-(width of me))/2*/
	background:url(../images/sorry-closed-text.png) no-repeat bottom right;
	text-indent:-9999px; display:block; width:644px; height:33px; 
}

#leftColumn {	width:425px;	height:300px; margin:0;	padding: 0 20px 0 20px;	float:left;	border:0px solid #fffcfc;	}
#leftColumn #dialogBox {
	background:url(../images/describe-box.png) no-repeat left top ;
	border:0px solid red;
	width:399px;
	height:230px;
	padding:15px;
}

#socialDesc { 
	border:0px solid green; width:220px; height:30px; display:block; float:left;
	background:url(../images/social_descib_bg.png) no-repeat;
	padding-left:20px;
	padding-top:5px;
}

#socialDescViewport {
	width:190px;
	height:20px;
	display:block;
	overflow:hidden;
	border:0px solid #0CF;
	position:relative;
}

#socialDescDescpitions {
	border:0px solid red;
	margin-top:20px;
	position:absolute;
	top:20px;
	height:65px;
	width:inherit;
}


#rightColumn { width:425px; height:300px; margin: 0; padding: 20px 20px 0 20px; float:left; text-align:left; border:0px solid #006666;}

#submitForm div {
	border:0px solid grey;
	width:370px;
	padding: 10px 15px 24px 15px;
	background: url(../images/forms/text_box_397.png) no-repeat 0px 0px;
}

#submitForm #s {
	width:350px;
	height:34px;
	border:0px solid blue;
	margin:0px;
	display:block;
	vertical-align:bottom;
	background: transparent;
}

#submitForm  #submitButtonHolder {
	width:inherit; position:relative;
	border:0px solid yellow;
	margin:0;
	display:block;
}

#submitForm #submitButton {	
	  width: 183px;
	  height: 53px;
	  margin: 0;
	  padding: 0;
	  border:0px solid green;
	  text-indent: -9999em;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	  display:block;
	background: transparent url(../images/forms/keep_me_posted_button.png) no-repeat;
}

#submitForm #notifyLabel {
	width:420px;
	height:51px;
	border:0px solid green;
	text-indent:-9999px;
	margin-bottom:10px;
	display:block;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: transparent url(../images/forms/notify_label.png) no-repeat left 10px;
}

#validEmail{
	border:0px solid red;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin-top:-20px;
}

.invalid {background:url(../images/validno.png) no-repeat;}
#SuccessValidation, .valid { background:url(../images/validyes.png) no-repeat;}/*.empty { background:none; } */

#SuccessValidation {
	width:30px;
	height:16px;
	padding:2px;
	background-position:2px 7px;
	border:0;
}

#ResendStatus {
	margin:15px;
}

#ResendStatus .success {
	background-color:#cef7b9;
	border:1px solid #379109;
}
/**JiggyConnectionz ul { margin-top:5px;}

#creatorzNetwrk { height:30px; border:0px solid green; background-position:-30px 0; margin-left:30px; margin-top:5px; padding-left:35px; padding-top:2px;}
#creatorzNetwrk a {color:#Cfcfcf; padding:3px;}*/
a.inlineContact{ padding:3px;}
a.inlineContact:hover, #creatorzNetwrk a:hover { border-bottom:3px solid #00437e; color:#cfcfcf;}





div.noShow { height:0px; width:0px; color:#ff0000; text-indent:-9999px; display:block;  }

div.footer ul { padding:11px 0 0 10px; border:0px solid #ffffff; }
div.footer ul li { display:inline; margin:0 20px 0 0 }
div.footer ul li a { text-indent:-9999px; display:block; margin:5px }

div.footer #jcLogo { float:left; margin-top:-10px}
div.footer #jcLogo ul { padding:0px; }
div.footer #jcLogo ul li a { width:68px; height:30px; background-image:url("../images/jc_web_logo_small.png"); background-repeat:no-repeat; display:inline-block; float:left; margin-left:5px; margin-right:5px; text-indent:-9999px;}

div.footer ul li a.netvLogo  { width:68px; height:30px; margin:0 -5px 0 0; border:0px solid red; background:url("../images/netv_wh_logo.png"); background-repeat:no-repeat; display:inline-block;}

div.getSocialIcons { float:left; /*width:250px;*/ height:30px; border:0px solid green; /*display:inline;*/ margin-left:20px; width:115px; display:block}
div.getSocialIcons ul li { height:30px; float:left; }
div.getSocialIcons ul li a { width:30px; height:30px; text-indent:-9999px; display:inline-block; color:#ff0000; float:left; margin:2px;}
div.getSocialIcons ul li.rss, div.getSocialIcons ul li.myspace , div.getSocialIcons ul li.twitter { display:none } /* Temporary Turn off Rss*/


div.footer div.getSocialIcons ul li a.fb { background:url("../images/facebook_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.tw { background:url("../images/twitter_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.yt { background:url("../images/youtube_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.fl { background:url("../images/flickr_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.ms { background:url("../images/myspace_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.rs { background:url("../images/rss_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.ey { background:url("../images/eyeka_off.png"); background-repeat:no-repeat; }
div.footer div.getSocialIcons ul li a.cc { background:url("../images/creative_commons.png"); background-repeat:no-repeat; }

#creatorzNetwrk, div.getSocialIcons ul li a.fb, div.footer div.getSocialIcons ul li a.fb:hover  { background:url("../images/facebook_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.tw, div.footer div.getSocialIcons ul li a.tw:hover { background:url("../images/twitter_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.yt, div.footer div.getSocialIcons ul li a.yt:hover { background:url("../images/youtube_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.fl, div.footer div.getSocialIcons ul li a.fl:hover { background:url("../images/flickr_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.ms, div.footer div.getSocialIcons ul li a.ms:hover { background:url("../images/myspace_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.rs, div.footer div.getSocialIcons ul li a.rs:hover { background:url("../images/rss_on.png"); background-repeat:no-repeat; }
div.getSocialIcons ul li a.ey, div.footer div.getSocialIcons ul li a.ey:hover { background:url("../images/eyeka_on.png"); background-repeat:no-repeat; }