/* UPDATED TUE 2014 AUG 12 */

body { background-color: #F7F7F7; margin: 0; padding: 0; }

hr { 
	margin: 20px 0; border: 0;
	border-top: 1px solid #DDD; 
	border-bottom: 1px solid #FFF; }

hr.divider { margin: 40px 0; }

#footer { width: 100%; clear: both; }


/*#########################*/
/*## TEXT STYLES         ##*/
/*#########################*/

body, table { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;  color: #333; }

h1, h2, h3, h4, h5, h6 { text-shadow: 0px 1px 0px #FFF; }
h5, h6 { color: #707070; }

h1 { font-size: 28px; font-weight: normal; line-height: 30px; margin: 30px 0; } h1 small { font-size: .8em; color: #999; }
h2 { font-size: 24px; font-weight: normal; line-height: 30px; margin: 30px 0; } h2 small { font-size: .8em; color: #999; }
h3 { font-size: 22px; font-weight: bold; line-height: 25px; margin: 20px 0; } h3 small { font-size: .8em; color: #999; }
h4 { font-size: 18px; font-weight: bold; line-height: 20px; margin: 10px 0; } h4 small { font-size: .8em; color: #999; }
h5 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 10px 0; } h5 small { font-size: .8em; color: #999; }
h6 { font-size: 14px; font-weight: bold; line-height: 20px; margin: 10px 0; } h6 small { font-size: .8em; color: #999; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child { margin-top: 0; } 

p { margin: 10px 0 0; line-height: 20px; }
ul { margin: 10px 0; padding: 0 0 0 20px; list-style-position: inside; } 
ul li { line-height: 20px; }
ul.links { list-style: none; padding: 0; }

a { color: #08F; text-decoration: none; }
a:hover { color: #06B; -webkit-transition: color 0.2s linear; }


/*#########################*/
/*## CLASS STYLES        ##*/
/*#########################*/

.nopads { padding: 0 2px 0; }
.shadow { -webkit-box-shadow: 0px 10px 20px rgba(50, 50, 50, 0.3); margin-bottom: 20px;}
.vflip { -webkit-transform: scaleY(-1); }
.hflip { -webkit-transform: scaleX(-1); }
.center { margin: 0 auto; }

.bold { font-weight: bold; }
.small { font-size: .9em; }
.dark { color: #000; }
.light { color: #777; }

.hidden { display: none !important; visibility: hidden !important; }
.invisible { visibility: hidden; }

.clearfix:after {
	content: " "; visibility: hidden; height: 0;
	display: block; clear: both; }

/*#########################*/
/*## TABLE STYLES        ##*/
/*#########################*/

table { width: 80%; }
thead { font-weight: bold; }
tr {  }
td { padding: 6px; }


/*#########################*/
/*## SPECIAL ELEMENTS    ##*/
/*#########################*/

/* ALERTS */
.alert { margin-bottom: 20px; padding: 15px; border-radius: 4px; }
.alert-grn { background-color: #DFF0D8; border: 1px solid #D6E9C6; color: #373; }
.alert-blu { background-color: #DEF; border: 1px solid #BEF; color: #378; }
.alert-ylw { background-color: #FFE; border: 1px solid #FEC; color: #863; }
.alert-red { background-color: #FDD; border: 1px solid #ECD; color: #A44; }

/* PANELS */
.panel-heading { padding: 15px; border-top-right-radius: 4px; border-top-left-radius: 4px; border: 1px solid #CCC; background-color: #EEE;}
.panel-body { margin-top: -1px; padding: 15px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #CCC; }

/* CALLOUTS */
.callout { padding: 15px; }
.callout-grn { background-color: #DFF0D8; border-left: 4px solid #D6E9C6; }
.callout-grn h1, .callout-grn h2, .callout-grn h3, .callout-grn h4, .callout-grn h5, .callout-grn h6{ color: #373; }
.callout-blu { background-color: #DEF; border-left: 4px solid #BEF; }
.callout-blu h1, .callout-blu h2, .callout-blu h3, .callout-blu h4, .callout-blu h5, .callout-blu h6{ color: #378; }
.callout-ylw { background-color: #FFE; border-left: 4px solid #FEC; }
.callout-ylw h1, .callout-ylw h2, .callout-ylw h3, .callout-ylw h4, .callout-ylw h5, .callout-ylw h6{ color: #863; }
.callout-red { background-color: #FDD; border-left: 4px solid #ECD; }
.callout-red h1, .callout-red h2, .callout-red h3, .callout-red h4, .callout-red h5, .callout-red h6{ color: #A44; }

.callout-teal { background-color: #F4F8FA; border-left: 4px solid #5BC0DE; } 
.callout-teal h1, .callout-teal h2, .callout-teal h3, .callout-teal h4, .callout-teal h5, .callout-teal h6 { color: #5BC0DE; }

/*Yellow Colors
background: #fffdf6;
border-color: #ffeaae;*/