/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

body, html {
overflow:auto;
}

html {
	color: #999;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
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,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

.hidden{
	display: none;
}
.bold{
	font-weight: bold;
}

.center {
	text-align: center;
}

.msgSuperBigError, .msgSuperBigOk, .msgSuperBigWarning{
	font-size: 30px;
	font-weight: bold;
	padding: 50px 60px;
	margin-top: 50px;
	text-align: center;
}

.msgSuperBigError {
	border: 1px dashed red;
	color: red;
}

.msgSuperBigOk {
	border: 1px dashed green;
	color: green;
}


.msgSuperBigWarning {
	border: 1px dashed orange;
	color: orange;
}
	


/*
########################  MAIN CSS  ######################## 
*/

html {
	padding : 0px;
	margin : 0px;
	width : 100%;
	height : 100%;
	background-color: #262F41; /* Lighter :#273144   Darker: #262F41*/
	background: #262F41 url(../images/bg_gradient.png) repeat-x;
}


body {
	font-family:  "Helvetica neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width : 100%;
	color: #999;
}


b {
	color: #DDD;
}

a {
	color: #5B729F;
	text-decoration: none;
}

a:hover {
	color: #91B8FF;
}

h2,h3,h4 {
	font-family:  "Helvetica neue", Helvetica, Arial, sans-serif;
	color: #91B8FF;
	font-weight: bold;
}

h1 {
	font-family: Georgia, "Helvetica neue", Helvetica, Arial, sans-serif;
	color: #91B8FF;
}

h1 {
	font-size: 42px;
	line-height: 50px;
	margin-bottom: 10px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 25px 0 10px 0;
}

p {
	font-family:  "Helvetica neue", Helvetica, Arial, sans-serif;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.orange {
	color: #F36100 !important;
}

.red {
	color: red !important;
}

.vtop {
	vertical-align: top;
}

#container {
	position: relative;
	z-index: 10;
	width: 960px;
	margin: 0 auto;
}


/*############## HEADER ################*/


#header {
	float:left;
	height: 110px;
	width: 100%;
}

#logo {
	float:left;
	margin: 18px 0 0 8px;
	width: 251px;
	height: 58px;
	display: inline-block;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -6px -16px;
}

#logo a {
	display:block;
	width: 251px;
	height: 58px;
}

#menu {
	float:right;
	margin: 35px 0 0 10px;
	font-family:  Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#menu a {
	color: #91B8FF;
	text-decoration:none;
}

.menuItem {
	float: left;
	margin: 0 20px 0 0;
}

.imageLeft {
	padding: 10px 20px 20px 0;
}

.imageRight {
	padding: 0px 0 20px 20px;
}

/*############## MAIN CONTENT ################*/

#content {
	/*height: 435px;*/
	width: 100%;
}

#productW {
	float: left;
	width: 100%;
}

#productBg {
	float: left;
	width: 588px;
	height: 425px;
	background: url(../images/product_bg.png) no-repeat;
	overflow: hidden;
}

#productImgW {
	margin: 22px;
	cursor:pointer;
}

#productImg_01 {	
	width: 554px;
	height: 381px;
	background: url(../images/product_shot_01.png) no-repeat;
}

#productImg_01 {background-position: 0px 0px;}

.playBtnLA_W {
	padding: 155px 0 0 250px;
}
.playBtnLA {
	display:block;
	width: 52px;
	height: 50px;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -296px -144px;
}

#productInfoW {
	float:right;
	margin: 35px 15px 0 0;
	width:305px;
}

#productInfo {
	float:left;
}

#productInfo p{
	color: #E5EBFF;
	font-size: 14px;
}

#productInfo b{ 
	color: #FFF;
}

#productSignUpW {
	position: absolute;
	width: 325px;
	top: 380px;
	left: 650px;
	z-index: 10;
}

#productSignUpW input {
	margin: 2px 0 5px 0;
}

#productSignUpW #input, .loginInput, .loginInputError {
	float:left;
	width: 240px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 18px;
	color: #999;
}

#productSignUpW #input, .loginInput {
	border: 1px solid #7695D0;
	background-color:#191F2D;
}

.loginInputError {
	border: 1px solid red;
	background-color:#191F2D;
}

#productSignUpW #btn, .req_invite_btn {
	float:left;
	width: 260px;
	height: 40px;
	display: block;
	border: none;
	color: #444;
	background: url(../images/site_sprite2.png) no-repeat;	
	cursor: pointer;
	color: #000;
	font-size: 18px;
	font-weight: bold;	
}

#productSignUpW #btn {
	background-position: -8px -195px;
	margin: 3px 5px 0 0;
}

.req_invite_btn {
	background-position: -10px -329px;
	margin: 3px 5px 0 0;
}

.btn_legend {
	float: left;
	width: 260px;
	margin: 0 0 0 55px;
}


/*############## CAROUSEL ARROW CONTROL ################*/

#infoNavW {
	position: left;
	width: 100%;
	padding:15px 0 5px 0;
	
}

#infoNavCtrlW {
	float: right;
	margin-right: 15px;
	width: 117px;
	height: 29px;
	display: block;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -284px -8px;
}

#infoNavCtrlInner {
	float:left;
	margin: 0 0 0 28px;
}

.infoNavArrowR,.infoNavArrowL{
	float:left;
	width: 42px;
	height: 25px;
	display: block;
	background: url(../images/site_sprite2.png) no-repeat;
	cursor:pointer;
}

.arrLon {background-position: -311px -73px;}
.arrRon {background-position: -355px -73px;}
.arrLon:hover {background-position: -311px -41px;}
.arrRon:hover {background-position: -355px -41px;}
.arrLoff {background-position: -311px -103px;}
.arrRoff {background-position: -355px -103px;}


/*############## PRODUCT CARROUSEL ################*/

#infoW {
	float: left;
	margin: 0 5px;
	height: 260px;
	width: 950px;
	overflow: hidden;
}


#infoFlow {
	position: relative;
	height: 260px;
	/*width: 2500px;*/
}

.infoBox {
	float:left;
	margin: 0 5px 0 15px;
	width: 296px;
	height: 220px;
	display: inline-block;
	border: none;
	background: url(../images/info_box_bg.png) no-repeat;
	cursor: pointer;
}

.infoBox:hover, .boxGlow {
	background: url(../images/info_box_bg_over.png) no-repeat;
}

.infoBoxInner { 
	padding: 10px 15px;

}

.infoBoxTitleW,.infoBoxNumber,.infoBoxTitle,.infoBoxThumb,.infoBoxInfo {
	float:left;
}

.infoBoxNumber {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -298px -208px;
}

.infoBoxNumber div {
	width: 36px;
	margin: 5px 0 0 0px;
	font-size: 20px;
	font-weight: bold;
	color: #91B8FF;
	text-align: center;
}

.infoBoxTitleW {
	
}

.infoBoxTitle {
	width: 210px;
	margin: 6px 0 0 0px;
	text-align: center;
}

.infoBoxThumb {
	width: 185px;
	height: 100px;
	margin: 10px 0 10px 45px;
}

.infoBoxInfo {
	padding: 0px 15px 0 25px;
}


.playBtnSM_W {
	margin: 30px 0 0 73px;
}
.playBtnSM {
	display:block;
	width: 36px;
	height: 34px;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -365px -160px;
}


/*########## SIGNUP ARROW #####################*/

.signup_Larrow {
	float:left;
	display:block;
	width: 44px;
	height: 43px;
	display: inline-block;
	background: url(../images/site_sprite2.png) no-repeat;
	background-position: -355px -205px;
}


.animatedArroL {
	float:left;
	width: 55px;
	height: 45px;
	display: inline-block;
}


/*############## PRODUCT THUMBS ################*/
	
#box_01,#box_02,#box_03,#box_04,#box_05,#box_06,#box_07,#box_08,#box_09,#box_10 {
	display:block;
	width: 185px;
	height: 100px;
	background: url(../images/product_thumbs_sprite.png) no-repeat;
}

#box_01 {background-position: 0px 0px;}
#box_02 {background-position: -185px 0px;}
#box_03 {background-position: -370px 0px;}
#box_04 {background-position: -555px 0px;}
#box_05 {background-position: -740px 0px;}
#box_06 {background-position: 0px 0px;}
#box_07 {background-position: -185px -110px;}
#box_08 {background-position: -370px -110px;}
#box_09 {background-position: -555px -110px;}
#box_10 {background-position: -740px -110px;}
	
	
/*############## FOOTER ################*/

#footer {
	float: left;
	/*border-top: 1px solid #36465B;*/
	margin: 50px 0 20px 15px;
	padding: 15px 0 20px 0;
	width: 930px;
	font-size: 11px;
}

#footer ul li{
	float: left;
	padding: 0 5px;
}

#footer #links {
	float: left;
	width: 550px;
}

#footer #terms {
	float: right;
	width: 220px;
}

#footer a {
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
}


/*############## LOGIN PAGE ################*/

#loginW,#loginLogo,#loginBox,#loginInputs,#loginFooter,.loginInputsText,#loginInputBtn,.loginLegendText, .loginSplashItem {
	float:left;
}

#loginW {
	margin: 150px 0 165px 280px;
	width: 370px;
}

#loginLogo {
	width: 370px;
	height: 55px;
	background: url(../images/pointkit_logo_legend.png) no-repeat;
	background-position: 45px 0px;
	margin: 0 0 14px 0;
}

#loginLogo a {
	display:block;
	width: 370px;
	height: 55px;
}

#loginBox {
	display:block;
	width: 370px;
	height: 240px;
	background: url(../images/login_bg.png) no-repeat;
}

#loginBox input{
	
}

.loginSplashItem{
	padding: 15px 0 0px 0;
}

.loginInputsText{
	padding: 12px 0 12px 0;
}

.loginLegendText {
	width: 260px;
}


.loginSuccessMsg {
	width: 260px;
	text-align: center;
	padding: 35px 0 0 0;
}

#loginInputBtn {
	margin: 12px 0 12px 0;
}

#loginInputButton {
	float:left;
	margin-top: 5px;
}

#loginInputs {
	margin: 30px 0 0 53px;
}

#loginFooter {
	width: 100%;
	text-align:center;
	margin-top: 5px;
	color: #777;
}

.loginBtn {
	float:left;
	width: 260px;
	height: 38px;
	display: block;
	border: none;
	background: url(../images/black_btn.png) no-repeat;
	cursor: pointer;
	color: #91B8FF;
	font-size: 14px;
	font-weight: bold;
}


/*############## PLAIN PAGE ################*/

#sideBar {
	float:left;
	width: 260px;
}

#sideBarMenu {
	margin: 30px 25px 0 45px;
	font-weight: bold;
	color: #AAA;
}

#sideBarMenu a{
	color: #AAA;
}

#sideBarMenu .menuLink {
	padding: 0 0 15px 0;
}
#pageContent {
	float:left;
	width: 600px;
	padding: 0 20px 0 40px;
	margin: 0 0 40px 0;
}

.backToTopBtn {
	float: right;
	width: 100%;
	text-align: right;
}

.pageContentCenterW {
	float: left;
	width: 960px;
	display: block;
	padding-bottom: 30px;
}

.pageContentCenterW p{
	padding-bottom: 10px;
}

#pageContentCenter {
	width: 500px;
	padding: 0 20px 30px 20px;
	margin: 0 auto;
}

.lB {
	border-left: 1px solid #32415D;	/* Darker Blue: #32415D  | Lighter blue: 45597E*/
}

.rB {
	border-right: 1px solid #32415D;	
}

#pageContent select {
	float:left;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #999;
	border: 1px solid #7695D0;
	background-color:#191F2D;
}

#pageContent p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 18px;
	color: #CCC;
}

#pageContent ul {
	font-size: 14px;
	color: #CCC;
	padding-left: 55px;
	margin-bottom: 10px;
}
#pageContent ul li{
	list-style-type: square;
}

.sideBarBox {
	padding: 25px 10px 0 25px;
}

.emLarge {
	font-size: 14px;
}

.checkList {
	margin: 10px 0 18px 10px;
}

.checkList td{
	padding: 3px 10px;
}


#sideBar p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 15px;
}

#sideBar ul {
	font-size: 12px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#sideBar ul li{
	list-style-type: square;
}

blockquote {
	padding: 15px 15px;
	font-family: Georgia, "Helvetica neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style:italic; 
	background-color:#131925;
	color: #AAA;
}
/*############## SIGNUP PAGE ################*/

#bigHeader {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 0 30px 0;
}

.largeHeader {
	font-family: Georgia, "Helvetica neue", Helvetica, Arial, sans-serif;
	font-size: 42px;
	line-height: 53px;
	color: #91B8FF;
}

#bodyWideW {
	float: left;
	width: 100%;
	padding: 0 0 30px 0;
	margin-bottom: 35px;
}

#bodyWide {
	position: relative;
	z-index: 10;
	width: 770px;
	margin: 0 auto;
}

#signUpFreeW, #signUpPremiumW {
	float: left;
	width: 365px;
	height: 430px;
	display: block;
	border: none;	
}

#signUpFreeW {
	background: url(../images/plan_bg.png) no-repeat;
}

#signUpPremiumW {
	background: url(../images/plan_bg_glow.png) no-repeat;
}

#signUpOr {
	float: left;
	width: 40px;
}
#bodyOr {
	padding: 50px 0 0 4px;
	font-size: 20px;
	color: #FFF;
}

.signUpBox {
	position: relative;
	z-index: 20;
	width: 335px;
	margin: 0 auto;
	padding: 0 50px;
}

.signUpTitle, .signUpPrice, .signUpGoodies, .signUpButtonW, .signUpBoxNotes {
	float: left;
	text-align: center;
}
.signUpTitle, .signUpPrice, .signUpGoodies {
		width: 250px;
}

.signUpTitle {
	padding: 25px 0px 10px 0 ;
	font-size: 50px;
	color: #91B8FF;
	border-bottom: 1px solid #41577D;
}

.signUpPrice {
	padding: 10px 5px;
	border-bottom: 1px solid #41577D;
	font-size: 20px;	
}
.signUpPrice span{
	font-size: 50px;
	color: #FFF;
}

.signUpGoodies {
	font-size: 14px;
	height: 170px;
}

.signUpGoodies ul{
	padding: 10px 0;
}

.signUpGoodies ul li{
	padding: 10px 0 0 0;
}

.signUpButtonW {
	
}

.signUpBoxNotes{
	padding: 45px 35px;
	
}

.signUpButton {
	float:left;
	width: 260px;
	height: 38px;
	display: block;
	border: none;
	background: url(../images/black_btn.png) no-repeat;
	cursor: pointer;
	color: #91B8FF;
	font-size: 14px;
	font-weight: bold;
}

.free30TrialIcon {
	position: absolute;
	z-index: 100;
	top: -25px;
	right: -40px;
	width: 114px;
	height: 114px;
	display: block;
	border: none;
	background: url(../images/30day_guarantee.png) no-repeat;
}

/*############## SIGNUP PREMIUM PAGE ################ */

#formWide {
	position: relative;
	z-index: 10;
	width: 650px;
	margin: 0 auto;
}

.largeHeader2 {
	font-size: 42px;
	line-height: 46px;
	color: #91B8FF;
	font-weight: bold;
}


.formBoxW, .formTitleW, .formTitleBox, .formTitle, .formTitleNumber, .formFieldBox, .formAgreement, .formSubmitW, .formSubmit {
	float: left;
}

.formBoxW {
	padding: 20px 0 20px 0;
}

.formTitleW {
	padding: 0 0 30px 0;
	width: 625px;
}

.formTitleNumber {
	width: 36px;
}

.formTitleBox {
	width: 500px;
	border-bottom: 1px solid #45597E;
	margin: 0 0 0 10px;
}

.formTitle {
	font-size: 24px;
	line-height: 32px;
	color: #91B8FF;
	font-weight: bold;
}

.formFieldBox {
	padding-left: 50px;

}

.formFieldBox table {

}
.formFieldBox table input{
		float:left;
		width: 300px;
		padding: 5px 10px;
		margin-right: 5px;
		margin-bottom:2px;
		font-weight: bold;
		font-size: 14px;
		color: #999;
		border: 1px solid #7695D0;
		background-color:#191F2D;
		clear: right;
}


.inputError {
	border: 1px solid red !important;
	background-color:#191F2D !important;
}


.w-80 {width: 80px !important;}
.w-100 {width: 100px !important;}
.w-150 {width: 150px !important;}

.formFieldBox table td {
	padding-bottom: 18px;
	/*height: 45px;*/
}

.formFieldBox .fName {
	width: 150px;
	font-size: 14px;
	color: #91B8FF;
	text-align: right;
	padding-right: 15px;
	line-height: 28px;
	vertical-align: top;
}

.formFieldBox .fInput{
	float:left;
	width: 320px;
}

.fInputX {
	font-size: 14px;
	color: #91B8FF;
	line-height: 28px;
	vertical-align: top;
}

.formAgreement {
	padding: 20px 20px 20px 0;
	width: 570px;
}

.formAgreement blockquote {
	padding: 10px 10px;
	border: 1px dotted #91B8FF;
}

.formSubmitW {

}

.formSubmit{
	float: left;
	padding-left: 255px;
}

.formSubmitPPbtn {
	float: left;
	padding-left: 240px;
}

/*############## MISC ICONS ################*/

.lockIcon, .checkIcon, .getMoreBtn, .creditIconSet { 
	background: url(../images/site_sprite2.png) no-repeat;
	display:inline-block;
}

.lockIcon {	
	width: 16px;
	height: 16px;	
	background-position: -364px -139px;
}

.checkIcon {	
	width: 26px;
	height: 26px;	
	background-position: -254px -253px;
}

.getMoreBtn {	
	width: 216px;
	height: 40px;	
	background-position: -8px -248px;
}

.creditIconSet {
	float: left;	
	width: 166px;
	height: 23px;	
	background-position: -172px -300px;
}


/* SOCIAL ICONS */

.fbIcon, .diggIcon, .twitterIcon, .rssIcon {
	float: left;
	width: 26px;
	height: 26px;
	background: transparent url(../images/site_sprite2.png) no-repeat top;
}

.fbIcon { background-position: -291px -256px; }
.diggIcon { background-position: -350px -256px; }
.twitterIcon { background-position: -320px -256px; }
.rssIcon { background-position: -379px -256px; }

.bitmainLogo {
	float: left;
	width: 104px;
	height: 50px;
	background: transparent url(../images/site_sprite2.png) no-repeat top;
	background-position: -345px -292px;
}

.req_invite_btn {
	
}

/* SPLASH PAGE */


#splash-cont {
	float: left;
	width: 805px;
	margin: 150px 50px 150px 40px;
	background: transparent url(../images/hand_drawn.png) no-repeat left; /* #151B25 */
	background-position: 5px 65px;
	padding: 0 0 20px 0;
}

#splash-left { 
	float: left;
	width: 400px;

}

#inviteW{
	float: right;
	padding: 0 0 0 0px;
}

#splashHeader  {
	float: left;
	padding: 0;
	width: 800px;
	height: 100px;
}

#splashLogin{
	float: right;
}

#splashMsg p {
	padding: 50px 45px 0 45px;
	font-size: 14px;
	color: #DDD;
}

#loginTitle {
	width: 260px;
	font-size: 25px;
	text-align: center;
	color: #91B8FF;
	padding-bottom: 5px;
}

#inviteInputBtn {
	margin-top: 5px;
}

#splashLegendText{
	float: left;
	width: 260px;
	font-size: 10px;
}

.successMsg {
	float: left;
	width: 238px;
	font-size: 12px;
	color: #DDD;
	border: 1px solid orange;
	padding: 0px 15px 25px 15px;
	margin: 25px 0 0 52px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #151B25 ;
}


#splash-coming {
	top: 70px;
	left: 260px;
	display: block;
	position: absolute;
	width: 230px;
	height: 80px;
	background: transparent url(../images/coming_soon_pencil.png) no-repeat left; /* #151B25 */
	
}