/*------------------------------------------------------------------

[header.css]

	Project:		Dashboard - TR
	Version:		1.0
	Last change:	
	
	green:A0C277  
	link blue:00AFCC

-------------------------------------------------------------------*/

.working {
    background: url('/taneLayout/img/ajax-loader.gif') no-repeat right center;
}


/*------generic ----------*/
body {
	font-family:'Lato', Helvetica, sans-serif;
	font-weight:400;
	font-size:13px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Cinzel', serif;
	font-weight:400;
}

#masthead h2 {
	font-weight:400;
	font-size:250%;
}

.small-set {
	font-size: 17.5px;
	display:inline-block;
}

a {
	color:#00AFCC;
}

.mar-none {
	margin:0;
}

.mar-top-5 {
	margin-top:5px;
}

.mar-top-10 {
	margin-top:10px;
	position:relative;
}
.mar-top-20 {
	margin-top:20px;
	position:relative;
}
.mar-top-30 {
	margin-top:30px;
	position:relative;
}
.mar-bot-0 {
	margin-bottom:0px;
}

.mar-bot-10 {
	margin-bottom:10px;
}

.mar-bot-20 {
	margin-bottom:20px;
}

.mar-right-20 {
	margin-right:20px;
}

.mar-right-10 {
	margin-right:10px;
}
.mar-left-10 {
	margin-left:10px;
}
.mar-left-30 {
	margin-left:30px;
}
.pad-top-5p {
	padding-top:5%;
}
.txt-small {
	font-size:95%;
}

.float-R {
	float:right;
}

.border-right {
	border-right:1px solid #999;
}

.h-fluid {
	height:100%;
}

.fluid {
	width:100%;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}


.align-right {
	text-align: right;
}

.disp-inline {
	display:inline-block;
}

.disp-block {
	display:block;
}

.larger {
	font-size: 120%
}

.boxed {
	
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.width-50 {
	width:50%;
}

.btn-icon {
	line-height:18px;
	font-size:12px;
}

.small, .smaller {
	font-size:85%;
}


.quarter {
	width:25%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display:inline-block;
	float:left;
}

.half {
	width:49%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display:inline-block;
	float:left;
}
.threequarter {
	width:74%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display:inline-block;
	float:left;
}

.cleared {
	clear:both;
}
/*------search ----------*/

.search-bar {
	float:right;
	/*width:305px;*/
	display:block;
	margin-top:11px;
	/*margin-bottom:18px;*/
}
.btn-blue {
	background-color: #1F3852;
	    background-image: linear-gradient(to bottom, #24415F, #172B3E);
	    background-repeat: repeat-x;
	    border: 1px solid #080F15;
	    color: #FFFFFF;
	width:auto;
	border-radius: 0px 16px 16px 0px;
	padding:2px 9px 3px 6px;
	display:inline-block;
	font-size:12px;
	cursor:pointer;
}

.icon-spinner-position {
	position: absolute;
	margin-left: -28px;
	margin-top: 4px;
	z-index: 2;
}
.icon-spinner.ng-hide-remove,
.icon-spinner.ng-hide-add {
	display: inline-block !important;
}
input.search-query { /* BS overwrite */
	width: 300px;
	z-index: 1;
	position: relative;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
	font-size:28px;
	height:33px;
	display:inline-block;
	background:#DDDDDD;
	color:#c0c0c0;
	margin-right:-4px;
}
.logo-img {
	position: relative;
}
.banner-search {
	padding: 11px !important;
	font-size: 22px !important;
	line-height: normal !important;
	width: 100% !important;
}

/*------------navigation ------------*/
#main-nav {
    margin-top: 8px;
    margin-right: -23px;
    font-family: 'Oswald Regular', 'Oswald', sans-serif;
}
#main-nav > li > a {
    font-size: 28px;
}

#main-nav > li > a:hover {
    color: #d83500;
}

.logo {
	height:110px;
	background:transparent url('../images/MTGPrice193x77.png') no-repeat;
}

.logo-node {
	font-family:'Cinzel', serif;
	font-weight:400;
	color:#fff;
	font-size:400%;
	line-height:90px;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.9);
}

.logo-node span {
	
	font-family:"Lato",Helvetica, sans-serif;
	font-weight:300;
	color:#4AD53C;
}

a.logo-node:hover {
	text-decoration:none;
	color:inherit;
	color:#fff;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 1);
}

#topbar {
    background: none repeat scroll 0 0 #FFFFFF;
	padding:5px 0;
}

#header {
  /*height: 150px;*/
}
.ad-tag {
	height:90px;
	margin-top: 10px;
}

#masthead {
	padding:30px 0 20px 0;
}

.sub-nav {
	width:100%;
	font-size:90%;
}

.sub-nav > .nav-pills > li > a {
    background-color: #FFFFFF;
    box-shadow: none;
	color:#00AFCC;
}

.meta {
	color:#999;
	font-size:95%;
	margin-top:-18px;
}
.meta2 {
	color:#999;
	font-size:95%;
}


.nav-blue {
	background-color: #1F3852;
    background-image: linear-gradient(to bottom, #24415F, #172B3E);
	background: -webkit-gradient(linear, left top, left bottom, from(#24415F), to(#172B3E));
    background-repeat: repeat-x;
    border: 1px solid #080F15;
    box-shadow: 0 1px 0 #325B85 inset;
    color: #FFFFFF;
    text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.nav-blue:hover {
	background-color: #1F3852;
    background-image: linear-gradient(to bottom, #172B3E, #24415F );
	background: -webkit-gradient(linear, left top, left bottom, from(#172B3E), to(#24415F));
    background-repeat: repeat-x;
    border: 1px solid #080F15;
    box-shadow: 0 1px 0 #325B85 inset;
    color: #FFFFFF;
    text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);  
	background-position: 0 -15px;
	  -webkit-transition: background-position 0.1s linear;
	     -moz-transition: background-position 0.1s linear;
	       -o-transition: background-position 0.1s linear;
	          transition: background-position 0.1s linear;
}


.sidebar {
	background: #FFFFFF;
	/*background: #F4F3DE;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);*/
	padding:10px;
	text-align:center;
	color:#000000;
	height:100%;
	border-radius: 10px;
	margin-bottom:30px;
}

.card-title {
	padding-top:30px;
	padding-bottom:15px;
	background-image: linear-gradient(to bottom, #fff,#EDEDED);
	border-bottom:1px solid #C8C8C8;
	margin-bottom:35px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25);
}

.small-set {
	font-size: 14px;
	font-weight:400;
	display:inline-block;
}

.card-name {
	font-size: 230%;
}

i.i-header {
	line-height:20px;
	margin-right:10px;
	font-size:80%;
}

.nav-pills > li > a {
    background-color: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.nav-pills > li > a:hover {
    background-color: #94BA65;
	color: #fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
    background-color: #00AFCC;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.section-border {
	border-top: 3px solid #00AFCC;
	border-bottom: 1px solid #00AFCC;
}



/*-----------------------HOME------------------*/
#wrapper {
	height: auto !important;
    margin: 0 auto -294px;
    min-height: 100%;
}
.hero-img {
	height:300px;
	background:url('/images/homepage-hero-graphic.jpg');
	background-position:100%;
	margin-top:20px;
}
.hero-node {
	height:100%;
	width:100%;
	padding: 20px;
	position: relative;
}
.hero-content {
    position: absolute;
    padding-left: 20px;
    padding-bottom: 60px;
    line-height: 1em;
    bottom: 0;
    left: 0;
}
.mtgprice-blue {
    color: #00a3d9;
}
.mtgprice-blue-btn {
    background-color: #00a3d9;
    display: inline-block;
    padding: 12px;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-family: 'Oswald Regular', 'Oswald', sans-serif;
    font-weight: 800;
}

.mtgprice-blue-btn:hover {
    color: #c0c0c0;
    text-decoration: none;
}

.mtgprice-red-btn {
    background-color: #d83500;
        display: inline-block;
        padding: 12px;
        margin-bottom: 0;
        font-size: 26px;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        font-family: 'Oswald Regular', 'Oswald', sans-serif;
        font-weight: 800;
}

.mtgprice-red-btn:hover {
    color: #c0c0c0;
    text-decoration: none;
}

.mtgprice-light-gray {
    color: #c0c0c0;
}

.hero-img {
	color:#FFF;
	font-size: 36px;
	font-family: 'Oswald Regular', 'Oswald', sans-serif;
	font-weight: 800;
}

.hero-bottom {
	border:1px solid #CDCDCD;
	border-radius: 0px 0px 5px 5px;
	display:inline-block;
	position:relative;
	margin-bottom:30px;
	padding:20px 0;
}
#hero-search-form{
	margin:0;
}


.hero-search-input {
	border:1px solid #999;
	background:none;
	width:300px;
}

.home-filter {
	background:#eee; 
	padding:20px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom:20px
}
/*----------------- OTHER PAGES -----------------*/

.404-img {
	height:400px;
	background:url('http://www.wizards.com/magic/images/mtgcom/wallpapers/Wallpaper_PatronOfTheAkki_1024x768.jpg');
	background-position:100% -250px;
	margin-top:20px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px 5px 0px 0px;
}


/*-----------------------TABELS---------------------------*/
.link-more h3 {
	display:inline-block;
}

.link-more > a {
	text-align:right;
}

.sort {
	color:#999;
	cursor:pointer;
}

.sort:hover {
	color:#000;
}

.table thead th.active {
    color: #dad9c7;
}

.td-qty >input {
	width:20px;
}
th.header { 
    background-image: url(../images/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}


.table-bordered thead tr th.headerSortUp { 
    background-image: url(../images/sortSmallAsc.gif); 
    color: #00AFCC; 
}

.table-bordered thead tr th.headerSortDown { 
    background-image: url(../images/sortSmallDesc.gif); 
    color: #00AFCC; 
}

#cardImportFile {
	visibility: hidden;
	position: absolute;
}
#add-card .dropdown-menu {
	overflow-x:hidden;
	overflow-y: auto;
	max-height:450px; 
}

/*-----------------------NAV RESPONSIVE------------------*/


/* Large desktop */
@media (min-width: 1200px) { ... }

@media (min-width: 768px) and (max-width: 1200px) { 
 	.homepageBlogSummary {
		width: 290px;
		padding-left: 30px; 
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.search-mobile {
		width:470px;
	}
	.mobile-btns {
		width:110px;
		float:right;
		text-align:right;
	} 
	.hero-node {
		padding:30px 10% ;
	}
	.homepageBlogSummary {
		padding-left: 0px; 
	}
	input.search-query {
	    margin-right: -4px;
	}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#header {
	    height: auto;
		padding-bottom:20px;
	}
	.logo-node {
		font-size:200%;
		line-height:40px;
		margin-top:20px;
	}
	.search-bar {
	    display: block;
	    text-align: left;
	    margin-bottom: 10px;
	    margin-top: 10px;
	    width: 100%;
	}
	input.search-query {
		width:80%;
	    margin-right: -4px;
	    padding-left: 10px;
	    padding-right: 10px;
	    min-height: 29px;
	}
	.mobile-btns {
		display:inline-block;
		text-align:left;
		float:left;
		margin-right:20px;
	}
	
	.row [class*="span"]:last-child .buy-btn, .row-fluid [class*="span"]:last-child .buy-btn {
		padding-bottom:20px;
	}
	 
	.hero-node {
		padding:30px 10px ;
	}
	.hero-node > h1{
		color:#fff;
		text-shadow:0 0 2px rgba(0,0,0,1);
		font-size:250%;
	}
	.hero-node > h5{
		color:#fff;
		text-shadow:0 0 2px rgba(0,0,0,1);
		font-size:150%;
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	input.search-query {
		width:100%;
	}
	.logo-img  {
		top:0;
	}
	.nav-tabs > li, .nav-pills > li {
	    display:block;
		width:100%;
		
	}
	
	.row [class*="span"]:last-child .buy-btn, .row-fluid [class*="span"]:last-child .buy-btn {
		padding-bottom:20px;
		text-align:center;
	}
	
	.hero-node > h5{
		font-size:110%;
	}
	
	h1, h3 {
		line-height:1;
	}
}



/*------------- chart ---------------*/

.swatch {
	margin-top:6px;
	width:4px;
	height:0;
}

td > input[type="checkbox"] {
	margin-top:0;
}

.buyCardLink {
	font-size:105%;
	margin-top:3px;
}

td.checked {
	padding-right:0px;
}

td.swatch {
	padding-right:0px;
}

.table tbody tr td {
    padding-bottom: 6px;
    padding-top: 6px;
}

select.head-select {
	width:100px;
	font-size:90%;
	display:inline-block;
}

h2#cardChartHeader {
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
}

.graph-wrap { /*norm*/
	width:450px;
	height:500px;
	border:1px solid #A0C277;
	margin-bottom:20px;
}

.nav-tabs > li > a, .nav-pills > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

@media (min-width: 1200px) { /*desktop*/ 
	.graph-wrap { width:565px; }
	.nav-tabs > li > a, .nav-pills > li > a {line-height: 14px; margin-right: 2px; padding-left: 12px; padding-right: 12px;}
}

@media (min-width: 768px) and (max-width: 979px) {/*tablet*/
	.graph-wrap { width:485px; display:block;}
	
	.graph-span { display:block; }

}

@media (max-width: 767px) { /*tablet*/
	.graph-wrap {  width:500px;	}
		.logo-img  {
		top:0;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	.graph-wrap {  width:380px;	}
}


/*------------ collection  --------------*/
#collection {
	overflow: auto;
}

.filter-pills li {
	display:inline-block;
	background:#fff;
	padding:3px 10px;
	border-radius: 15px 15px 15px 15px;
	cursor:default;
	margin-right:3px;
}
ul.filter-pills-modal {
	margin:3px 0;
}
.filter-pills-modal li {
	display:block;
	background:#eee;
	padding:3px 10px;
	border-radius: 15px 15px 15px 15px;
	cursor:default;
	margin:3px 0;
	width:90px;
	text-align:center;
    cursor: pointer;
}
.filter-pills-modal li:hover{
	background:#A0C277;
}
.filter-pills-modal li.active{
	color:#fff;
	background:#00AFCC;
}
.filter-pills-modal li.active:hover{
	color:#fff;
	background:#999;
}

.card-details {
	display:none;
}

.card-details.active {
	display:inline-block;
}

#add-node {
	background:#eee; padding:7px;
}
@media (min-width: 1200px) { 
		.small-newline {
			display:none;
		}

}


@media (min-width: 768px) and (max-width: 979px) {/*tablet*/
		#collection > div > h2{
			font-size:20px;
		}
		#collection > div > h3,
		#add-card > h3,
		#list-node >div >div >h3,
		.section-border > h3  {
			font-size:14px;
		}
		i.i-header {
			margin-right:3px;
		}
		
		.filter-pills li {
			font-size:10px;
		}
		.pagination ul li a {
			    font-size:12px;
			    line-height: 30px;
			    margin-right: 2px;
			    padding: 0 10px;

		}
		.small-newline {
			width:100%;
			height:10px;
			display:block;
		}
		.dropdown-menu > li > a {
		    color: #000;
		    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
		}
		
		.btn-group.open .btn.dropdown-toggle {
		    background-color: #24415F;
			color:#fff;
		}
		#header .dropdown-menu > li > a {
			color: #000;
			text-shadow: none;
		}
		
}

@media (max-width: 767px) { /*tablet*/
	
	
	.btn-group.open .btn.dropdown-toggle {
	    background-color: #24415F;
		color:#fff;
	}
	#header .dropdown-menu > li > a {
		color: #000;
		text-shadow: none;
	}


}

/* Landscape phones and down */
@media (max-width: 480px) { 
	
	
	.btn-group.open .btn.dropdown-toggle {
	    background-color: #24415F;
		color:#fff;
	}
	#header .dropdown-menu > li > a {
		color: #000;
		text-shadow: none;
	}


}



/*------------ related  --------------*/
.related-node {
	padding:20px;
	min-height:330px;
	background-color: #F8F8F8;
    background-image: linear-gradient(to bottom, #EDEDED,#FFFFFF);
    background-repeat: repeat-x;
	
	border: 1px solid #A0C277;
    border-bottom: 1px solid #A0C277;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.related-action {
	border: 1px solid #00AFCC ;
}

.related-img {
	max-height:213px;
	position:relative;
	overflow:hidden;
	border:3px solid black;
}

.related-img img {
	width: 100%;
}

/*------------ pre footer --------------*/
.footer-wrap {
	display:block;position:relative;
}
#pre-footer {
    background: #FFFFFF
    box-shadow: 0 1px 0 #2B4E72 inset;
    color: #000000;
    padding: 20px 0;
	bottom:50px;
	height:auto;
	margin-top:30px;
	width:100%;
}

.footer-pad {
	padding-top:10px;
	height:270px;
}

.footer-blog {
	width:90%;
	height:75px;
	overflow:hidden;
	display:inline-block;
	margin-right:20px;
}

#pre-footer h4 {
	font-size:110%;
	font-weight:400;
	letter-spacing: 2px;
}

#pre-footer a:hover {
	
}

.right-border {
	border-right:1px solid #2B4E72;
	margin-right:-1px;
}

.footer-sell {
	line-height:1.4;
	font-family: 'Lato', sans-serif;
}


#currentPricesHeader {
    margin-bottom: 0;
}

#footer {
    background: none repeat scroll 0 0 #000;
    border-top: 1px solid #000000;
    box-shadow: 0 1px 0 #2B4E72 inset;
    color: #2B4E72;
	bottom:0;
	width:100%;
}

a {
	cursor:pointer;
}

/*------------------- BOOTSTRAP OVERRIDES --------------------------*/
.pagination ul li a, 
.pagination ul > li > a, .pagination ul > li > span {
	padding: 0 10px;
	margin-right: .5em;
	line-height: 32px;
	color: #444;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	background-color: #F8F8F8;
	background-image: -moz-linear-gradient(top, white, #EEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#EEE));
	background-image: -webkit-linear-gradient(top, white, #EEE);
	background-image: -o-linear-gradient(top, white, #EEE);
	background-image: linear-gradient(to bottom, white, #EEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
	border-color: #EEE #EEE #C8C8C8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pagination ul li.active a {
    background-image: linear-gradient(to bottom, #00AFCC, #00AFCC);
}
fieldset {
	display: inline-block;
	width: 100%;
}


.pagination ul li:hover a {
    color: #00AFCC;
}

.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs .icon-large[class^="icon-"], .nav-pills .icon-large[class^="icon-"], .nav-tabs .icon-large[class*=" icon-"], .nav-pills .icon-large[class*=" icon-"] {
    line-height: 1.1em;
}
a:hover [class^="icon-"] {
	text-decoration: none;
}
h3 [class^="icon-"] {
	margin-top: 2px;
}
th {
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F7F7F7;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #7da64b;
  *background-color: #709543;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #63833b \9;
}



.modal-backdrop {
    background-color: #2B4E72;
}
/*---------------- RESPONSIVE ----------------------*/
/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.small1 {
	    position: relative;
	    width: 16.6667%;
		margin-left:0;
	}

	.small2 {
	    position: relative;
	    width: 33.32%;
	margin-left:0;
	}

	.small3 {
	    position: relative;
	    width: 50%;
	margin-left:0;
	}

	.small4 {
	    position: relative;
	    width: 66.66%;
	margin-left:0;
	}
	.small5 {
	    position: relative;
	    width: 83.32%;
	margin-left:0;
	}
	.small6 {
	    position: relative;
	    width: 100%;
	margin-left:0;
	}
	
	.half {
		display:block;
		clear:both;
		width:100%;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.row [class*="span"], .row-fluid [class*="span"] {
	    margin-bottom: 5px;
		padding:0;
	}
	.container {
		padding:0 20px;
	}
	body {
		padding: 0;
	}
	#topbar {
		height:0;
		padding:0;
	}
	
	.related-img {
		max-height:213px;
		width:auto;
		position:relative;
		overflow:hidden;
		border:3px solid black;
	}
	.row .right-border {
		border-right:none;
	    border-bottom: 1px solid #2B4E72;
	    margin-right: 0;
		margin-bottom:10px;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	
}

.cfbBanner {
	background-image: url(/images/cfbBannerBackground.jpg);
	background-repeat: no-repeat;
	width: 468px;
	height: 60px;
}

#announcementsArea {
	text-align: center;
	background-color: #FEF1B5;
}

#announcementsArea p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.billing-history-btn {
	margin-bottom: 5px;
}
/*
 
@media (min-width: 768px) and (max-width: 979px) { 
	
	
	.small1 {
	    position: relative;
	    width: 16.6667%;
	}

	.small2 {
	    position: relative;
	    width: 33.32%;
	}

	..small3 {
	    position: relative;
	    width: 50%;
	}

	.small4 {
	    position: relative;
	    width: 66.66%;
	}
	.small5 {
	    position: relative;
	    width: 83.32%;
	}
	.small6 {
	    position: relative;
	    width: 100%;
	}
}
 
@media (max-width: 767px) { 
	.small1 {
	    position: relative;
	    width: 16.6667%;
	}

	.small2 {
	    position: relative;
	    width: 33.32%;
	}

	..small3 {
	    position: relative;
	    width: 50%;
	}

	.small4 {
	    position: relative;
	    width: 66.66%;
	}
	.small5 {
	    position: relative;
	    width: 83.32%;
	}
	.small6 {
	    position: relative;
	    width: 100%;
	}
	
	.search-query {
		width:75%;
	}
	.search-bar {
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
	.logo-node {
	    display: block;
	    margin-bottom: 10px;
	    width: 100%;
	}
	.logo-node {
	    font-size: 200%;
	    line-height: 20px;
	}
}
 
@media (max-width: 480px) { 
	.small1 {
	    position: relative;
	    width: 16.6667%;
	}

	.small2 {
	    position: relative;
	    width: 33.32%;
	}

	..small3 {
	    position: relative;
	    width: 50%;
	}

	.small4 {
	    position: relative;
	    width: 66.66%;
	}
	.small5 {
	    position: relative;
	    width: 83.32%;
	}
	.small6 {
	    position: relative;
	    width: 100%;
	}
}


@media (max-width: 767px) { 
	.row [class*="span"], .row-fluid [class*="span"] {
	    margin-bottom: 5px;
	}
	
	#masthead h2 {
		font-size: 170%;
	}
	
	#header {
	    height: 150px;
	}
	
	.nav-node {
		display:inline-block;
		float:right;
	}


	.nav-blue {
		font-weight:bold;
	}
	.mobile-btns { 
		display:inline-block;
		float:right; 
		width:100px; 
		margin-right:10px; 
		margin-top:0px;
	}
	.small-set {
		display:block;
		margin-top:-10px;
	}
	.masthead-wrap {
		width:90%;
		margin-left:10px;
	}
	.span5.col-masthead, .span3.col-masthead {
		width:47%;
		display:inline-block;
		border:none;
	}
	.item-details {
		width:98%;
	}

}



@media (min-width: 768px) and (max-width: 979px) {
	
	.small-set {
		display:block;
		margin-top:-13px;
		font-size:50%;
	}
	.item-details {
		width:10%;
		left:13px;
	}
	.masthead-node {
		margin-bottom: 0px;
	}
	.mobile-btns { 
		display:inline-block;
		float:right; 
		width:100px; 
		margin-right:20px; 
		margin-top:0px;
	}
	.masthead-wrap {
		width:90%;
		margin-left:20px;
	}
}

@media (max-width: 480px) { 
	.logo-node {
	    display: block;
	    margin-bottom: 10px;
	    width: 100%;
	}
	.logo-node {
	    font-size: 200%;
	    line-height: 20px;
	}
}*/

#preferences-modal > .modal-body {
	max-height: 500px;
	height:  500px;
}

#email-modal  > .modal-body {
	max-height: 275px;
	height: 275px;
}

.modal-body-spinner {
	background-image: url('/taneLayout/img/spinner.gif');
	background-repeat: no-repeat;
	background-position: center;
}

#emailSettingsSlideInTutorial .modal-body {
	height: 350px;
}