/* REVISIONS */
/* 0v2 JC Feb 10, 2014  - Probably not best place to keep code, but for now, allow for L/R custom arrow positions key: table_wrapper */


body {
    font-family: sans-serif;
    color: gray;
}

/* bootstrap3 template mods */
.container { /* Header */
	margin-bottom:0px;
}

.context_item {
    /*width set via jquery */
    
    /* grey for helping w/ layout    background-color:#E8E8E8;*/
    
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 45px;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

#meta_data_header {
    line-height: 1.1;	
}
#month_day {
    font-size: 13px;
    font-style: italic;
    padding-right: 3px;
    color: #666666;
    font-family: Georgia,"Times New Roman",Times,serif;
	
}
#the_time {
	color: #B12124;
    font-family: "nimbus-sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
	
}


/* iframe box formating for cms nicescroll style windows */
.boxiframe {
	width:100% !important;
	height:100% !important;
	padding:"0px";
	top:"0px";
	border: "none";
	
    margin:0px; 
    border:0px;
	margin-left:auto;
    margin-right:auto;
    
    /* Remove scrollbars (I think important is important) */
    scrolling:no !important;
	overflow:hidden !important;
}

/* iframe box formatting for internal svg styled windows */
/* See page_pframe internal style sheet */
/* .myframey { } */

.iframe {
	 /* scrolling:no not supported in html5/chrome. Use CSS instead */
     overflow: hidden;	
           /* width: 250px; */
           /* height: 300px; */
}

.card_details {
	margin-bottom:20px;
}



#boxframe {
/*	position:absolute; */
/*	left:420px; */
/*	width:400px; */
	/* top:28px; */
/*	height:300px; */
/*    width:70%; */
    /*
    float:left;
    left:-50%;
    */
    margin:0px; 
    border:0px;
	overflow:auto;
	margin-left:auto;
    margin-right:auto;

}

#boxframeb {
/*	position:absolute; */
    margin-top:40px; 
	top:28px;
	height:300px;
	overflow:auto;
	border: 2px solid #0F0;
	margin-left:auto;
    margin-right:auto;
    width:70%;
}
#boxframec {
/*	position:absolute; */
    margin-top:40px; 
	top:28px;
	height:300px;
	overflow:auto;
	border: 2px solid #0F0;
	margin-left:auto;
    margin-right:auto;
    width:70%;
}
#boxframed {
/*	position:absolute; */
    margin-top:40px; 
	top:28px;
	height:300px;
	overflow:auto;
	border: 2px solid #0F0;
	margin-left:auto;
    margin-right:auto;
    width:70%;
}
#boxframee {
/*	position:absolute; */
    margin-top:40px; 
	top:28px;
	height:300px;
	overflow:auto;
	border: 2px solid #0F0;
	margin-left:auto;
    margin-right:auto;
    width:70%;
}



/*BELOW IS OLD */
 
#simple-wrapper {        
    padding: 5px;
    width: 650px;
}
 
#simple {    
    height: 400px;
 
    width: 100%;
}
 
#custom-wrapper {        
    padding: 5px;
    width: 650px;
}
 
#custom {    
    height: 400px;
 
    width: 100%;
}


#boxscroll {
	padding: 40px;
	height: 220px;
	width: 300px;
	border: 2px solid #00F;
	overflow: auto;
    margin-bottom:20px;
}
#boxscroll2 {
	padding: 40px;
	height: 120px;
	width: 730px;
	border: 2px solid #F00;
	overflow: auto;
}
#boxscroll3 {
	overflow: hidden;
}

#boxscroll4 {
	height: 300px;
	margin-top: 40px;
	background-color: #00FF66;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	padding: 20px;
	color: #006633;
	overflow: auto;
}


/* Format main page UI element */


.container_table_wrapper {
	display:table;
	margin-left:-50px /* Correspond to snack-chevron below */
	}
.snack-chevron {
/*  position: absolute;*/
  font-size: 50px;
  color: rgba(0, 0, 0, 0.1);
  line-height: 1;
  z-index:10000;
}

.snack-chevron:hover {
  color: rgba(0, 0, 0, 0.2);
}

/* line 242, ../../app/assets/stylesheets/_modules/_snacks.css.scss */
.snack-chevron-right {
  cursor: e-resize;
  
  display:table-cell;
  vertical-align:middle;
  /* background: #ccc; */
}

/* line 247, ../../app/assets/stylesheets/_modules/_snacks.css.scss */
.snack-chevron-left {
/*  left: -45px; */
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  cursor: w-resize;
  
  display:table-cell;
  vertical-align:middle;
  /* background: #ccc; */
  
}

.card_details {
	margin-top:5px;
	margin-left:5%;
	margin-right:5%;
}

.basic_ui {
	text-align:center;
}

/*  CSS for top-end frame  */
@font-face {
    font-family: "nest_icon_font";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/nest_icon_font/nest.eot?#iefix") format("embedded-opentype"), 
         url("/css/fonts/nest_icon_font/nest.svg#nest") format("svg"), 
         url("/css/fonts/nest_icon_font/nest.ttf") format("truetype"), 
         url("/css/fonts/nest_icon_font/nest.woff") format("woff");
}

/*  Define basic icons */

/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* line 13, ../../app/assets/stylesheets/_library/_fonts.css.scss */
i, i:before {
  font-family: 'nest_icon_font';
  font-weight: normal;
  line-height: 1;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
/* line 28, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-write:before {
  content: "\e000";
}

/* line 31, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-iphone:before {
  content: "\e001";
}

/* line 34, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-heart:before {
  content: "\e002";
}

/* line 37, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-group:before {
  content: "\e003";
}

/* line 40, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-user:before {
  content: "\e004";
}

/* line 43, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-twitter:before {
  content: "\e005";
}

/* line 46, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-gmail:before {
  content: "\e006";
}

/* line 49, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-star:before {
  content: "\e008";
}

/* line 52, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-facebook:before {
  content: "\e009";
}

/* line 55, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-email:before {
  content: "\e00a";
}

/* line 58, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-chevron:before {
  content: "\e00c";
}

/* line 61, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-share:before {
  content: "\e00e";
}

/* line 64, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-speech-filled:before {
  content: "\e010";
}

/* line 67, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-check:before {
  content: "\e011";
}

/* line 70, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-add-user:before {
  content: "\e012";
}

/* line 73, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-search:before {
  content: "\e013";
}

/* line 76, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-play:before {
  content: "\e015";
}

/* line 79, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-pencil:before {
  content: "\e016";
}

/* line 82, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-mute:before {
  content: "\e017";
}

/* line 85, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-link:before {
  content: "\e018";
}

/* line 88, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-plus:before {
  content: "\e019";
}

/* line 91, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-star-empty:before {
  content: "\e00b";
}

/* line 94, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-quote:before {
  content: "\e007";
}

/* line 97, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-text:before {
  content: "\e014";
}

/* line 100, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-smiley:before {
  content: "\e00d";
}

/* line 103, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-external:before {
  content: "\e01a";
}

/* line 106, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-toggle-open:before {
  content: "\e01b";
}

/* line 109, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-camera:before {
  content: "\e00f";
}

/* line 112, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-safari:before {
  content: "\e01c";
}

/* line 115, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-skip:before {
  content: "\e01e";
}

/* line 118, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-potluck-wire:before {
  content: "\e01f";
}

/* line 121, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-settings-wire:before {
  content: "\e020";
}

/* line 124, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-action-wire:before {
  content: "\e021";
}

/* line 127, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-hacek:before {
  content: "\e022";
}

/* line 130, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-refresh:before {
  content: "\e023";
}

/* line 133, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-people-wire:before {
  content: "\e024";
}

/* line 136, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-plus-circle:before {
  content: "\e025";
}

/* line 139, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-search-wire:before {
  content: "\e026";
}

/* line 142, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-compose-wire:before {
  content: "\e027";
}

/* line 145, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-check-circle:before {
  content: "\e028";
}

/* line 148, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-inbox-wire:before {
  content: "\e01d";
}

/* line 151, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-minus-circle:before {
  content: "\e029";
}

/* line 154, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-minus-circle-small:before {
  content: "\e02a";
}

/* line 157, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-plus-circle-small:before {
  content: "\e02b";
}

/* line 160, ../../app/assets/stylesheets/_library/_fonts.css.scss */
.icon-check-circle-small:before {
  content: "\e02c";
}