/** EDITOR.CSS
	This file contains default styles for Content Templates and
	basic text styling and should be loaded into the editor
	via Tools > Configuration
**/

/* ------------------- DEFAULT CONTENT STYLES --------------------- */
/* ---------------------------------------------------------------- */


h1 {
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 24px;
  	color:#595959;
    margin-top:10px;
  	margin-bottom:15px;
    text-transform: uppercase;
}
h2 {
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 21px;
  	color:#595959;
    margin-top:10px;
  	margin-bottom:15px;
    text-transform: uppercase;
}
h3 {
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 18px;
  	color:#595959;
    margin-top:10px;
  	margin-bottom:15px;
}
h4 {
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 16x;
  	color:#595959;
    margin-top:10px;
  	margin-bottom:15px;
}
p {
	font-weight: 400;
	font-size: 14px;
  	color:#383838;
  	line-height:1.375;
    margin-top:10px;
  	margin-bottom:15px;
}
hr {
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}
a {
	text-decoration: underline;
	color: #08669C;
}
a:hover {
	color: #22AEE9;
  	text-decoration:none;
}
img {
	border: 0;
}
table{
 	/*margin-bottom:15px; OLD*/
   margin-bottom:10px!important;
}
table td {
	vertical-align: top;
}
#FB_AP h2{
	display:none!important;
}
ul{
	margin-top:0;
  	margin-bottom: 15px;
}
/* ---------------------- CONTENT TEMPLATES ----------------------- */
/* ---------------------------------------------------------------- */


												/* Two column table */
/* ---------------------------------------------------------------- */
.ContentTemp_2Column {
	width: 100%;
	border-collapse: collapse;
}
.ContentTemp_MainCol {							/* Main column */
	padding: 0 10px 10px 0;
	width: 65%;
}

.ContentTemp_MainCol li {							/* Main column list items */
	margin-bottom:10px
}

.ContentTemp_SideCol {							/* Sidebar */
	padding: 10px;
	width: 30%;
}
.ContentTemp_SideCol h2{
	margin-top:3px;
}
.ContentTemp_SideCol h2,
.ContentTemp_SideCol h3{
  	margin-bottom:10px;
}
.ContentTemp_SideCol p{
  	font-size:13px;
}
.ContentTemp_SideCol ul{
  	margin:0;
  	padding:0;
  	margin-bottom:15px;
}
.ContentTemp_SideCol ul li{
  	margin:0;
  	padding:0;
  	list-style-type:none;
  	padding:5px;
  	padding-left:20px;
  	background: url("/data/layout/images/IAM_arrow.png") top left no-repeat;
    background-position: 0px 8px;
    font-size:13px;
}
.ContentTemp_SideCol ul li:hover{
	padding:5px;
  	padding-left:20px;
  	background: #08669C url("/data/layout/images/IAM_arrow_roll.png") top left no-repeat;
    background-position: 0px 8px;
  -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.ContentTemp_SideCol ul li:hover a{
 	color:#fff;
}
.ContentTemp_SideCol ul li a{
	text-decoration: none;
  	font-size:13px;
  	color:#08669C;
}
.ContentTemp_MainCol img {						/* Constrain images */
	max-width: 400px!important;					/* prevents broken tables */
}
.ContentTemp_SideCol img {
	max-width: 150px!important;
}

/* Zebra list table */
/* ---------------------------------------------------------------- */
.ContentTemp_Zebra {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.ContentTemp_Zebra th {							/* Column headings */
	font-weight: bold;
	background: #F4F5FB;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding: 6px;
}
.ContentTemp_Zebra tbody td {
	border-left: 1px solid #cccccc;
	padding: 6px;
}
.ContentTemp_Zebra tr:nth-child(even) {			/* Needs jquery fallback */
	background: #f4f4f4;
}
.ContentTemp_Zebra img {						/* constrain images */
	/*max-width: 100px; what does this solve? */
}

/* Box table */
/* ---------------------------------------------------------------- */
.ContentTemp_Box {
	width: 100%;
}
.ContentTemp_Box td {
	padding: 5px;
	width: 48%;
}
.ContentTemp_Box td img {
	max-width: 200px;
}


@media (max-width: 640px) {
 .ContentTemp_MainCol {							/* Main column */
	display:block;
    padding: 10px 0;
	width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    margin-left:15px;
    margin-right:15px;
}
.ContentTemp_SideCol {							/* Sidebar */
	display:block;
    padding: 10px 0;
	width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
      margin-left:15px;
    margin-right:15px;
}
}