html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
}

ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

/*
img {
  display: block;
  width: inherit;
  height: auto;
}
*/

img {
max-width: 100%;
height: auto;
}
	
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* text content */

h1, h2, h3, { font-family: 'Roboto', sans-serif; }

.small-text { font-size:11px; }

/* header bar */

.header-bar { height:40px; position:fixed; top:0; left:0; width:100%; z-index:1000; }
.header-bar-logo { float:left; width:300px; margin:10px 0px 0px 20px; font-size:16px; font-weight:300; color:#fff; }
.header-bar-logo img { height:20px; }

.header-bar-tools { float:right; width:300px; margin:10px 20px 0px 0px; }
.header-bar-tools ul { text-align:right; }
.header-bar-tools li { display:inline-block; padding:0; margin:0px 20px 0px 0px; font-size:13px; font-weight:300; text-transform:uppercase; letter-spacing:2px; }

/* menu bar */

.menu-bar-container { float:left; width:250px; margin-right:-100%; position:fixed; left:0; top:0;  }

@media only screen and (max-width: 1280px) {

.menu-bar-container { min-height:800px; }

}

@media only screen and (max-width: 1366px) {

.menu-bar-container { min-height:800px; }

}

@media only screen and (max-width: 1440px) {

.menu-bar-container { min-height:800px; }

}

@media only screen and (max-width: 1650px) {

.menu-bar-container { min-height:1000px; }

}

@media only screen and (max-width: 1950px) {

.menu-bar-container { min-height:1000px; }

}

.menu-area { padding:60px 20px 0px 20px; }

/* content area */

.page-container { margin:40px 0px 0px 0px; padding:0; position:relative; }

.content-area-container { float:left; width:100%; }
.content-area-wrapper { padding:20px 40px 0px 20px; margin-left:250px; }

/* breadcrumbs */

.breadcrumbs { padding:10px; margin:15px 0px 20px 0px; width:100%; }
.breadcrumbs ul { }
.breadcrumbs li { display:inline-block; padding:0; margin:0px 5px 0px 0px; }

/* section titles */

.title-area-left { float:left; width:50%; }
.title-area-right { float:right; width:50%; text-align:right; }
.title-area-right h3 { font-size:16px; font-weight:300; }

/* layouts */


/*  SECTIONS  */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF TWO  */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GRID OF THREE  */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FOUR   */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

.content-block { padding:20px; margin:0px 0px 30px 20px; font-size:14px; }

.content-block h3 { font-size:20px; font-weight:300; border-bottom:1px solid #eee; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }
.content-block h2 { font-size:26px; font-weight:300; }

.text-block { margin:0px 0px 30px 20px; font-size:14px; }
.text-block p { margin:0; padding:0px 0px 10px 0px; }

/* grid elements */

.cms-grid { }
.cms-grid table { width:100%; }
.cms-grid th { padding:10px; font-weight:bold; }
.cms-grid td { padding:10px; }


/* form elements */

.content-block li { margin-bottom:15px; }

label { display:block; margin-bottom:5px; }
input[type="date"] { width:95%; padding:6px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; background:#fff; border:1px solid #b7b7b7; }

input[type="text"] { width:95%; padding:6px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; background:#fff; border:1px solid #b7b7b7; }
input[type="password"] { width:95%; padding:6px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; background:#fff; border:1px solid #b7b7b7; }

select { width:95%; padding:6px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; border:1px solid #b7b7b7; }

textarea { width:98%; padding:6px; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:15px; border:1px solid #b7b7b7; }

.small-textfield { width:50px !important; }
.medium-textfield { width:40% !important; }

.record-history { padding:10px; border-top:1px solid #e1e1e1; margin:0px 0px 30px 20px;  font-size:12px; }

.error-block { padding:10px; margin:0px 0px 30px 20px; font-size:14px; }

.error-block ul { padding-left:20px; }
.error-block li { margin-bottom:5px; }

.error-block li:before {    
font-family: 'FontAwesome';
content: '\f06a';
margin:0 5px 0 -15px;
}



/* button bar */

.button-bar { text-align:right; margin:40px 0px 40px 0px; }
.button-bar ul { }
.button-bar li { display:inline-block; margin:0px 5px 0px 5px; }


/* footer */

.footer { position:fixed; bottom:0; left:0; padding:0px 0px 20px 20px; }
.footer p { font-size:14px; font-weight:300; }


/* grid */
.grd-subscriptions 
{
    margin-top:20px;
}