/* REVISION */
/*  0v2  JC  Dec 14, 2013 :  Upgraded to bootstrap3, removed nav customization  */

body{
	/* blue denim'ish  background:url(/images/bgnoise_lg.png) repeat #000000;  */
    background:url(/images/truthkit/bk_body.jpg) repeat #000000;
	padding-top: 80px; /* 60px to make the container go all the way to the bottom of the topbar */
}

#wrapper { /* ie/ Main body wrapper
    font-size: 20px; /*JC*/
    line-height: 24px; /*JC*/
}




.image-checkin  {
/*     float: right; */
}


/* -----------------------------PAGE MARGINS ---------------------------- */

.row-fluid { width: 100%; margin: auto; }

.sidebar-nav {
    padding: 9px 0;
}

.row-fluid > .sidebar-nav {
    position: relative;
    top: 0;
    left:auto;
    width: 60px;
}

.left {
    float:left;
}

.right {
    float:right;
}



/* -------------------------------D3 animation ---------------------------- */
.d3_page_wrapper {
	position: relative;
	/*padding-bottom: 65.25%;*/
	padding-top: 3px;
	overflow: hidden;
	margin:0px 0px -460px 0px;
	
	/* float: left; */
}
.d3_page_wrapper iframe {
float: right;
/* relative to container
width: 50%;
height: 50%;
*/
/* 
position: absolute;
top: 0;
left: 0;
*/
}



/* ---------------------------------main left container background box--------------------------- */
#main-left-container,#bottom-info1,#bottom-info2
 {
    background-color: #F7F7F7;
    background: rgba(0, 0, 0, 0.045);
    
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

#main-left-container        { 
	margin: -35px -35px -335px 35px;
    padding: 35px 35px 335px 35px;
}
#bottom-info1,#bottom-info2 { 
	margin: 280px 35px 35px 35px;   
    padding: 35px 35px 35px 35px;
}



/* -----------------------------TEXT FRAME -------------------------------- */

/* Format bullet list */
 li {
     text-indent: 2%;
     line-height: 30px;
   }
   

/* -----------------------------SOCIAL BUTTONS -------------------------- */
#the-social-buttons {
	margin: 0px 0px 0px -40px;  /* Offset to left to align better with below */
}


/* ---------------------------------IPHONE IFRAME--------------------------- */

/* Fix fluid width for iphone (don't resize it) */
#iphone_fixed_fluid {
	width: 380px!important;
}
/* #buttons_fixed_fluid { min-width: 120px!important; } */


.iframe-rwd-fixed  {
padding-top: 3px;
overflow: hidden;
float: left;
position: relative;
/*position:fixed;*/
}
.iframe-rwd-fixed iframe {
/* Remove float dec 2013 float: right;  */
/* relative to container
width: 50%;
height: 50%;
*/

/* 
position: absolute;
top: 0;
left: 0;
*/
}
/* ---iframe specific--- */
.preview_container{ /*>not necessary*/
width:380px;
margin:auto;
height:800px !important;
padding:900px 0 0 0; text-align:center;
z-index:100 !important;
float: right;
}
.iphone_container{
width:380px;
height:744px;
margin:50px auto 0 auto;
padding:0px;
float:left;
background:url(/images/preview.png) no-repeat center;
}
.preview_content{
width:320px;
height:480px;
/*Dec 2013 - upgrade from padding to margin offsets*/
/*padding:132px 0 0 32px;*/
margin:132px 0 0 32px;
}


/* ---------------------------------BUTTON CENTERING VERTICALLY -------------------------- */
/* The ghost, nudged to maintain perfect centering */
/* .sidebar { display: inline-block; vertical-align: middle; } */

.block {
  text-align: center;
/*D  background: #c0c0c0; border: #a0a0a0 solid 1px; */
  margin: 20px;
  z-index:4; /* buttons at 5 */
  position: relative;
}
 
.block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  z-index:4; /* buttons at 5 */
  position: relative;
    
  /* For visualization 
  background: #808080; width: 120px;
  */
 }
 
.centered {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px;
/*  background: #f5f5f5; */
  z-index:4; /* buttons at 5 */
  position: relative;
  
      background-color: #F7F7F7;
    background: rgba(0, 0, 0, 0.045);
    
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
                
                
 }
 



/* ---------------------------------NAV BAR CUSTOM CSS-------------------------- */
/* 0v2 JC removed this */
/* Add back old bootstrap 2 css for responsive code to work, but must massage header */

/* ---------------------------------NAV BAR CUSTOM CSS-------------------------- */


/* ---------------------------------JC CUSTOM BROWN BUTTON-------------------------- */


#page_button_submit {
		/* display: inline-block; */ /* 1 hour bug. Alternatively could set to float:left */
		z-index:5; /* bring to top layer */
		float:left;
		margin: 3px; /* Space between buttons */
    		line-height: 12px; /* inline min height */
		min-width:60px;

		color: #fff; padding: 8px 14px 10px; background-color: #746C57; border: none;
		position: relative;


		/* Raw font definition */
		font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
		font-weight: normal;
		text-decoration: none;

		-webkit-user-select: none;
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.3)),
			color-stop(1, rgba(255,255,255,0.2))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
}
#page_button_submit:active { 
 position: relative; top: 3px;
	    -webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    -moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
}
#page_button_submit:active:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; }

#page_button_submit:hover {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.45)),
			color-stop(1, rgba(255,255,255,0.3))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
}





/* --------------------------------iPhone button popup------------------------------ */


.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}