/* STANDARD ESHOW ELEMENTS -  last edited 10/11/2016
===========================================================================================================*/

body { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #666666; 
  /*background: url('../images/sitelook/brpattern.png') repeat;*/
  background-color: #cccccc;
}

a { color: #1F5FAC;}
a:hover, a:focus { color: #1F5FAC;
				   text-decoration: underline;}

.pageTitle {color: #1F5FAC;}

h1 { color: #1F5FAC; font-size: 20px;}
h2 { color: #22B3E8; font-size: 16px;}
h3 { color: #7FBA42; font-size: 14px;}
h4 { color: #333; font-size: 14px;}

.color1 { color: #1F5FAC; }
.color2 { color: #22B3E8; }
.color3 { color: #7FBA42; }

.bgcolor1	{ background-color: #1F5FAC; color: #FFF;}
.bgcolor2	{ background-color: #22B3E8; color: #FFF;}
.bgcolor3	{ background-color: #7FBA42; color: #FFF;}
.bgcolorSpecial	{ background-color: #333; color: #FFF;}

.bdcolor1	{ border-color: #273988;}
.bdcolor2	{ border-color: #22B3E8;}
.bdcolor3	{ border-color: #7FBA42;}


/* New eShow Styles - TABLE COLOR styles
===========================================================================================================*/

.tb-color1 { /* header row & font color */
	color: #FFF; background-color: #1F5FAC; }

.tb-color2 { /* 2nd row & font color */
	color: #FFF; background-color: #22B3E8; }
	
.tb-color3 { /* 3nd row & font color */
	color: #FFF; background-color: #7FBA42; }

.tb-colorLt { /* light row & font color */
	color: #333; background-color: #ebebeb; }
	
.tb-colorDefault{ /* used on the {{SALES_SUMMARY}} in emails and admin, with Ami */ 
	color: #333; background-color: #CCC; }	
	
.tb-text { /*  Default text for all tables that use "tb-text" */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}	

/*========== For table GRIDS / LINES  ===================*/
/* Default grey COLOR for table lines - change only if needed*/
.border-table th, .border-table td,
.line-table th, .line-table td {
	border-color: #dddddd !important;
}



/* MOBILE MENU
===========================================================================================================*/
#mobile-menu > span { color:#273988;}
#mobile-menu > span:hover { color:#91288D;}
#toggle-view-menu > li { background-color:#273988;}
#toggle-view-menu li:hover { background-color: #91288D;}
#toggle-view-menu span { background-color:#273988;}
#toggle-view-menu li.active { background-color:#273988;}
#toggle-view-menu .menu-panel {	background-color:#273988;}



/* Updated twitter feed 2016 - TWITTER FEED
===========================================================================================================*/
#twitter ul li:hover { background-color:#0b5a93;}
#twitter .tweet { color:#CCC;}

/*TWITTER OVERRIDES from modules.css  -  May 2016 Adriana */
#twitter .tweet a {background-color: transparent; color: #FFF; padding: 2px 4px; font-weight:bold;}
#twitter .tweet a:hover {background-color: transparent; color: #FFF;}
#twitter .user span { width:100px; display:block; margin-top: 6px;}
#twitter span[data-scribe="element:name"] { display:none;}
#twitter span[data-scribe="element:screen_name"] { display:none;}


/* BACK TO TOP
===========================================================================================================*/
#back-top a { background-color:#1F5FAC;}
#back-top a:hover { background-color:#22B3E8;}


/* CUSTOM TITLES
===========================================================================================================*/
.Custom-title { background-color:#1F5FAC;}
.Custom-title .title-text { background-color:#1F5FAC;}


/* CONTENT and SIDE COLUMN - DON'T CHANGE
===========================================================================================================*/
.sidecolumn3 { padding: 40px 15px 0 15px;}
.maincontent9 { padding:15px 10px;}
.maincontent12 { padding:15px 30px;}

@media (min-width: 768px) and (max-width: 979px)  {
	.sidecolumn3 { padding: 40px 2px 0 2px;}
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.sidecolumn3 { padding: 20px 30px 0 30px;}
}

/*CSS to funtion as push & pull (switch column positions in phone view) for bootstrap 2*/
#content-area {float:left; padding-top: .5em;}
#sidebar-area {margin-left: 15px;}

@media (min-width: 768px) and (max-width: 979px)  {
	#sidebar-area {margin-left: 0;}
}
@media (max-width: 767px) {
	#content-area {float:none;}
	#sidebar-area {margin-left: 0px;}
}

.img-responsive {
   width: 100%;
} 


/* SIDE COLUMN CONTENT
===========================================================================================================*/




/* FOOTER CONTENT 
===========================================================================================================*/





/* BASIC MEDIA QUERIES
===========================================================================================================*/
@media (min-width: 1200px) {  /* Large desktop */

}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */

}

@media (max-width: 480px) { /* Landscape phones and down */

}