/* BUTTONS */

a.epic_button {
	float: left;
	text-shadow:none;
	display: block;
	position: relative;
	margin-bottom:10px;
	line-height:24px;
	color:#555;
	cursor: pointer;
	outline: none;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	box-shadow:0px 0px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow:0px 0px 1px rgba(0, 0, 0, .05);
	border: 1px solid #ddd;
	border-bottom-color:#ddd !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
a.epic_button:hover{color:#555;}

/* Button alignment */

a.epic_button_left{
	float:left;
	margin-right:6px !important;
	}
	
a.epic_button_right{
	float:right;
	margin-left:6px !important;
	}
	
/* Button sizes */

a.epic_button_small {
	line-height:24px;
	padding: 0px 10px;
	margin:0 0 10px 0;
	font-size:12px;
	background-image: url('images/btn-gradient-small.png');
	background-color: #f0f0f0; 
	background-repeat: repeat-x;
	
	}
	
	a.epic_button_small:hover { background-image: url('images/btn-gradient-small-hover.png'); }	

a.epic_button_medium {
	line-height:28px;
	padding: 0px 12px;
	margin:0 0 16px 0;
	font-size:14px;
	background-image: url('images/btn-gradient-medium.png');
	background-color: #f0f0f0; 
	background-repeat: repeat-x;
	

	}
	
	a.epic_button_medium:hover { background-image: url('images/btn-gradient-medium-hover.png'); }
	
a.epic_button_large {
	line-height:32px;
	padding: 0px 15px;
	margin:0 0 16px 0;
	font-size:16px;
	background-image: url('images/btn-gradient-large.png');
	background-color: #f0f0f0; 
	background-repeat: repeat-x;
	
	}
	
	a.epic_button_large:hover { background-image: url('images/btn-gradient-large-hover.png'); }


/* Boxed title */

span.boxed-title {
		padding:5px 8px 3px; 
		font-size:11px; 
		background: #eee;
		color:#555; 
		border-radius:2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-bottom: 20px !important;
		}


/* 7.2 DIALOGUE BOXES */

.epic_info, .epic_success, .epic_warning, .epic_error, .epic_validation { 
    border: 1px solid; 
    margin: 10px 0px 20px; 
    padding:20px 20px 10px 20px; 
    background-repeat: no-repeat; 
    background-position: 20px 15px; 
    border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	float:left;
	} 
	
.epic_info { 
    color: #00529B; 
    background-color: #BDE5F8; 
    background-image: url('images/information.png'); 
	} 
	
.epic_success { 
    color: #4F8A10; 
    background-color: #DFF2BF; 
    background-image: url('images/tick-circle.png'); 
	} 
	
.epic_warning { 
    color: #D8000C; 
    background-color: #FFBABA; 
    background-image: url('images/cross-circle.png'); 
	} 
	
.epic_error { 
    color: #cfa600; 
    background-color: #fff7c3; 
    background-image: url('images/exclamation.png'); 
	} 
	
.epic_validation { 
    color: #D63301; 
    background-color: #FFCCBA; 
    background-image: url('images/tick-circle.png'); 
	} 


/* 7.3 CONTENT BOXES */
.message_box {
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid transparent;
	padding:16px 20px 16px;
	margin-bottom:20px;
	}
	
	.message_box p:last-child{margin:0;}

.message_box_red{
	background: #fde5e6;
	border-color:#f98f93;
	}
	
	.message_box_red h1,
	.message_box_red h2,
	.message_box_red h3,
	.message_box_red h4,
	.message_box_red h5,
	.message_box_red h6,
	.message_box_red p {color:#9d373c}
	
.message_box_yellow{
	background: #fefbec;
	border-color:#fde469;
	}
	
	.message_box_yellow h1,
	.message_box_yellow h2,
	.message_box_yellow h3,
	.message_box_yellow h4,
	.message_box_yellow h5,
	.message_box_yellow h6,
	.message_box_yellow p {color:#78660b}
	
.message_box_blue{
	background: #ecf5fe;
	border-color:#b4d8fc;
	color:#ad9a3c;
	}
	
	.message_box_blue h1,
	.message_box_blue h2,
	.message_box_blue h3,
	.message_box_blue h4,
	.message_box_blue h5,
	.message_box_blue h6,
	.message_box_blue p {color:#4c6782}
	
.message_box_green{
	background: #e2f5e8;
	border-color:#8ddea7;
	}
	
	.message_box_green h1,
	.message_box_green h2,
	.message_box_green h3,
	.message_box_green h4,
	.message_box_green h5,
	.message_box_green h6,
	.message_box_green p {color:#1a572d}

.box{
	width:100%;
	margin:0 0 20px 0 ;
	float: left;
	text-shadow: none;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	}
	
.box h1, .box h2, .box h3, .box h4, .box h5, .box p{
	
	
	}
	
.box_header { 
	color:#555;
	background: #f4f4f4 url(images/btn-gradient-large.png) repeat-x;
	padding:10px 20px 10px;
	border:1px solid #ddd;
	border-radius:3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	}
	
.box_inner{
	padding:14px 20px 16px 20px;
	border:1px solid #ddd;
	border-top:none;
	background: #fcfcfc;
	}
	


.box .one-half,
.box .one-third,
.box .two-third,
.box .three-fourth,
.box .one-fourth,
.box .one-fifth,
.box .two-fifth,
.box .three-fifth,
.box .four-fifth,
.box .one-sixth{
	margin-bottom:10px !important;
	}
.box .epic_button{margin-bottom:0;}


/* Box alignment */

.box_left{
	float:left;
	margin:0 4% 20px 0;
	}
	
.box_right{
	float:right !important;
	margin:0 0 4% 20px;
	}	

.code-wrapper { border:1px solid #ddd; background: #fcfcfc; padding:16px; display: block; clear: both; margin: 4px 4px 40px 4px; outline:5px solid #f4f4f4;}

/* 7.4 COLUMNS */

/* 7.4.1 Liquid columns */
.one-half{ 
	width:47.9% !important;
	}
.one-third{
	width:30.66% !important;
	}
.two-third{
	width:65.33% !important;
	}
.one-fourth{
	width:22% !important;
	}
.three-fourth{
	width:74% !important;
	}
.one-fifth{
	width:16.75% !important;
	}
.two-fifth{
	width:37.6% !important;
	}
.three-fifth{
	width:58.4% !important;
	}
.four-fifth{
	width:67.2% !important;
	}
.one-sixth{
	width:13.33% !important;
	}

.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth{ 
	display:inline; 
	clear: none; 
	margin-right:4%; 
	float:left; 
	margin-bottom:20px;
	
	}

.last{margin-right:0% !important; /* Used to remove margins in the last item on a row, to ensure proper floating*/}

div.clear {clear:both; margin: 0 0 20px; height: 1px;}
div.ruler {clear:both; border-top:1px solid #444;  clear: both; margin: 20px 0 20px; height: 1px;}

/* 7.5 TABS AND TOGGLES */

/* 7.5.1 Toggles */

section.toggle {
	display: 
	padding:0 0 0 0px;
	margin:0 0px -1px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	zoom:1;
	}
	


h4.togglehandle{
	line-height:1.2em;
	display:block;
	cursor: pointer;
	background-image:url('images/icon_plus.png');
	background-repeat: no-repeat;
	background-position: right 12px;
	margin:0;
	padding:10px 40px 10px 0;
	}

h4.acc_handle{
	line-height:1.2em;
	display:block;
	cursor: pointer;
	background-image:url('images/icon_plus.png');
	background-repeat: no-repeat;
	background-position: right 12px;
	margin:0;
	padding:10px 40px 10px 0;
	}
	
h4.active{
	background-image:url('images/icon_minus.png');
	}

.panel{display:block; clear: both; margin-bottom:30px;}
	
.acc_container{
	overflow: hidden;
	clear: both;
	padding: 0 0 10px;
	
	}
	 
.acc_container .acc_block{
	
	}

/* 7.5.2 Tab panels */

.tabs{
	margin:0 0px 20px;
	position: relative;
	}

	
.tabs ul.epic_tabnav{
	margin:0;
	padding:0;
	list-style: none;
	}
	

.tabs ul.epic_tabnav li{
	display: inline;
	padding:0;
	margin:0;
	white-space: nowrap;
	}
		

.tabs ul.epic_tabnav li a{
	font-weight: bold;
	line-height:30px;
	margin:0 -4px 0 0;
	padding: 8px 20px;
	background:#fcfcfc;
	border:1px solid #eee;
	border-bottom:none;
	border-radius:2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	white-space: nowrap;
	}
	

.tabs ul.epic_tabnav li a:hover{
	background:#fcfcfc;
	}
	

.tabs ul.epic_tabnav li.current-menu-item a{
	border-bottom:1px solid #fff;
	background:#fff;
	margin-bottom:-1px;
	padding-top:12px;
	position: relative;
	}
.tabcontent{
	display:block;
	clear: both;
	margin:0;
	padding:16px 20px;
	background: #fff;
	border:1px solid #eee;
	}




/* 7.10 BLOCKQUOTES

/* Blockquotes */


blockquote {
	margin-left: 100px; 
	display: block; 
	clear: both;
	margin-bottom:20px; 
	}

blockquote p{
	font-style: italic; 
	}

blockquote.quotation_1 {
	border:none;
	margin-left:0;
	padding-left:80px; 
	background: url('images/quotation_1.png') no-repeat !important; 
	}
	
blockquote.quotation_2 {
	border:none;
	margin-left:0;
	padding-left:80px; 
	background: url('images/quotation_2.png') no-repeat !important; 
	}
	
	
/* DROPCAPS */
	
.epic_dropcap{
	float:left;
	margin:0 0.15em 0 0;
	text-align:center;
 	font-size: 300%;
 	line-height: 1em;
 	color:#333;
	}

.epic_dropcap_dark_square {
	height:32px;
	width:32px;
	float:left;
	background: #666;
	margin:4px 8px 0px 0;
	text-align:center;
  	font-size:20px;
 	line-height: 32px;
 	text-shadow:none;
 	color:#fff;
 	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
	
.epic_dropcap_dark_ball{
	height:32px;
	width:32px;
	float:left;
	background: #666;
	margin:4px 8px 0px 0;
	text-align:center;
  	font-size:20px;
 	line-height: 32px;
 	text-shadow:none;
 	color:#fff;
 	border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
	
	
/* Page menu */

.pagemenu { 
	list-style: none; 
	margin:0 0 30px; 
	display:block; 
	clear: both; 
	}

.pagemenu li {
	display: block;
	clear: both;
	margin:0 0 0px;
	background:none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    padding:10px 0px 10px 0;
    border-bottom:1px dotted #d4d4d4; 
    
    }
	
.pagemenu li:hover {  padding:10px 0px 10px 0px;}

.pagemenu li a { 
	
	text-decoration:none; 
	padding:0 0 0 0px; 
    background-repeat: no-repeat;
    background-position-y: 3px;
    font-weight: bold;
    } 
.pagemenu li a:hover {text-decoration:none;   }
.pagemenu a span.desc  { display: block; clear: both; color:#777; margin:4px 0 0; font-weight: normal;}
.pagemenu li.current_page_item {display: none;}

.pagemenu .sub-menu { border:none; margin:10px 0 0 0; }
.pagemenu .sub-menu li {background:none; clear:none; border:none; display:inline; margin-right:15px; padding:4px 20px 4px 0; }

	/* Page menu in sidebar */
	.widget .pagemenu { list-style: none; margin:0 0 20px 0; border-top:1px solid #eee;  clear: both; }
	.widget .pagemenu li {display: inline; width:100%; float:left; clear: both; margin:0; padding:20px 0 ; border-bottom:1px solid #eee;}
	.widget .pagemenu .caption    	{ display: block;  margin:0 0 0 0px; padding:0;}
	.widget .pagemenu li img {display:none;}
	
	.widget .pagemenu .sub-menu { border:none; margin:10px 0 0 0px;  }
	.widget .pagemenu .sub-menu li {clear:none; border:none; width:auto; margin-right:15px; padding:4px 0 4px 15px; }
	.widget .pagemenu li.current_page_item {display: none;}