/*-----------------------------------------------------------------------------------*/
/*	Shortcodes
/*	
/*	1. Alert 
/*	2. Buttons
/*	3. Toggle
/*	4. Tabs
/*	5. Columns
/*	6. Text + Icon (Column with Icon)
/*	7. Big Quote	 
/*	8. Image Box
/*	9. Lists
/*
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1. Alert Shortcode
/*-----------------------------------------------------------------------------------*/

.alert_box,
.alert_box_small,
.author_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:1.5em;
}
	
.author_box {
	margin-bottom:3.5em
}	

.alert_box_small {
	margin:0 10px 0px 0px;
	width:264px;
	zoom:1;
}
	
.sidebar_none .alert_box_small {
	width:426px;
}	

.alert_box p {
	margin:0 0 0 70px;
	padding:15px 30px
	}
	
.alert_box_small p {
	margin:0;
	padding: 19px 20px 15px 54px
}	
	 
.alert_box_small p {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 0em;
}	 
	 
.alert_box_small.green_alert p {
	background:#B5E7B8 url('../images/shortcodes/bg_box_ok.png') no-repeat 20px 17px;
	color:#71a574;	
}

.alert_box_small.green_alert {
	border:1px solid #A6D6AA;
}

.alert_box_small.red_alert p {
	background:#E9A8A8 url('../images/shortcodes/bg_box_error.png') no-repeat 22px 17px;
	color:#a16b6b;
}	

.alert_box_small.red_alert {
	border:1px solid #D78A8A;
}

.alert_box_small.yellow_alert p {
	background:#EAE7A6 url('../images/shortcodes/bg_box_imp.png') no-repeat 22px 17px;
	color:#a7a471;
}

.alert_box_small.yellow_alert {
	border:1px solid #D1CB66;
}

.alert_box_small.blue_alert p {
	background:#AADCEA url('../images/shortcodes/bg_box_info.png') no-repeat 22px 17px;
	color:#6d939e;
}

.alert_box_small.blue_alert {
	border:1px solid #8FC2D1;
}	

.alert_box.green_alert {
	background:#AFE5B3 url('../images/shortcodes/bg_box_ok.png') no-repeat 28px center;
	border:1px solid #A6D6AA;
}
	
.alert_box.green_alert p {
	background:#B5E7B8;
	border-left:1px solid #A6D6AA;
	color:#71a574;
}	
	
.alert_box.red_alert {
	background:#E59F9F url('../images/shortcodes/bg_box_error.png') no-repeat 28px center;
	border:1px solid #D78A8A;
}
	
.alert_box.red_alert p {
	background:#E9A8A8;
	border-left:1px solid #D78A8A;
	color:#a16b6b;
}	
	
.alert_box.yellow_alert {
	background:#E5E19F url('../images/shortcodes/bg_box_imp.png') no-repeat 28px center;
	border:1px solid #D1CB66;
}
	
.alert_box.yellow_alert p {
	background:#EAE7A6;
	color:#a7a471;
}	
	
.alert_box.blue_alert {
	background:#9FD5E5 url('../images/shortcodes/bg_box_info.png') no-repeat 28px center;
	border:1px solid #8FC2D1;
}
	
.alert_box.blue_alert p {
	background:#AADCEA;
	color:#6d939e;
	border-left:1px solid #8ABCCA;
}	

.alert_box.blue_alert p {
	border-left:1px solid #8FC2D1;
}

.alert_box.yellow_alert p {
	background:#EAE7A6;
	border-left:1px solid #D1CB66;
	color:#a7a471;
}
	
/*--------------------------- END Alert Shortcode -------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	2. Buttons
/*-----------------------------------------------------------------------------------*/

a.btn {
	background:#f4f4f4;
	border:1px solid #eeeeee;
	color:#757575;
	display:inline-block;
	margin:0 20px 0px 0;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F3F3F3));
	background: -moz-linear-gradient(top,  #FDFDFD,  #F3F3F3);
	background: -ms-linear-gradient(top,  #FDFDFD,  #F3F3F3);
	background: -o-linear-gradient(top,  #FDFDFD,  #F3F3F3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#F3F3F3');
}
	
a.btn:hover {
	color:#88ba3e;
}

a.btn.shadow {
	-moz-box-shadow: 0px 2px 1px #D3D3D3,
					inset 0 0 10px rgba(255, 255, 255, 0.3);
	-ms-box-shadow: 0px 2px 1px #D3D3D3,
					inset 0 0 10px rgba(255, 255, 255, 0.3);
	-o-box-shadow: 0px 2px 1px #D3D3D3,
					inset 0 0 10px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0px 2px 1px #D3D3D3,
						inset 0 0 10px rgba(255, 255, 255, 0.3);
	box-shadow: 0px 2px 1px #D3D3D3,
				inset 0 0 10px rgba(255, 255, 255, 0.3);
	
}	

a.big {
	font-size:17px;
	height:48px;
	line-height:48px;
	padding:0px 50px;
}
	
a.small {	
	font-size:13px;
	height:37px;
	line-height:37px;
	padding:0px 23px;
}	
	
a:hover.btn.red,
a:hover.btn.olive,
a:hover.btn.blue,
a:hover.btn.yellow,
a:hover.btn.purple,
a:hover.btn.grey {color:#000000;}

a:hover.btn.black {color:#cccccc;}

a.btn.round {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}
	
a.btn.red {
	background: #D24747;
	background: -webkit-gradient(linear, left top, left bottom, from(#EA8181), to(#D24747));
	background: -moz-linear-gradient(top,  #EA8181,  #D24747);
	background: -ms-linear-gradient(top,  #EA8181,  #D24747);
	background: -o-linear-gradient(top,  #EA8181,  #D24747);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA8181', endColorstr='#D24747');
	border:1px solid #D85151;
	color:#ffffff;
}
	
a.btn.olive {
	background:#8EBA4D;
	background: -webkit-gradient(linear, left top, left bottom, from(#ABD46F), to(#8EBA4D));
	background: -moz-linear-gradient(top,  #ABD46F,  #8EBA4D);
	background: -ms-linear-gradient(top,  #ABD46F,  #8EBA4D);
	background: -o-linear-gradient(top,  #ABD46F,  #8EBA4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ABD46F', endColorstr='#8EBA4D');
	border:1px solid #66AD39;
	color:#ffffff;
}
	
a.btn.blue {
	background:#4da8c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#79cae4), to(#4da8c7));
	background: -moz-linear-gradient(top,  #79cae4,  #4da8c7);
	background: -ms-linear-gradient(top,  #79cae4,  #4da8c7);
	background: -o-linear-gradient(top,  #79cae4,  #4da8c7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#79cae4', endColorstr='#4da8c7');
	border:1px solid #55aecc;
	color:#ffffff;
}
	
a.btn.yellow {
	background:#D7C75A;
	background: -webkit-gradient(linear, left top, left bottom, from(#E4D67A), to(#D7C75A));
	background: -moz-linear-gradient(top,  #E4D67A,  #D7C75A);
	background: -ms-linear-gradient(top,  #E4D67A,  #D7C75A);
	background: -o-linear-gradient(top,  #E4D67A,  #D7C75A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4D67A', endColorstr='#D7C75A');
	border:1px solid #D3C45C;
	color:#ffffff;
}

a.btn.purple {
	background:#B978D5;
	background: -webkit-gradient(linear, left top, left bottom, from(#CA8EE3), to(#B978D5));
	background: -moz-linear-gradient(top,  #CA8EE3,  #B978D5);
	background: -ms-linear-gradient(top,  #CA8EE3,  #B978D5);
	background: -o-linear-gradient(top,  #CA8EE3,  #B978D5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA8EE3', endColorstr='#B978D5');
	border:1px solid #BB76D9;
	color:#ffffff;
}

a.btn.grey {
	background:#C5C5C5;
	background: -webkit-gradient(linear, left top, left bottom, from(#B1B1B1), to(#D3D3D3));
	background: -moz-linear-gradient(top,  #B1B1B1,  #D3D3D3);
	background: -ms-linear-gradient(top,  #B1B1B1,  #D3D3D3);
	background: -o-linear-gradient(top,  #B1B1B1,  #D3D3D3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1B1B1', endColorstr='#D3D3D3');
	border:1px solid #C8C8C8;
	color:#ffffff;
}

a.btn.black {
	background:#343434;
	background: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#343434));
	background: -moz-linear-gradient(top,  #636363,  #343434);
	background: -ms-linear-gradient(top,  #636363,  #343434);
	background: -o-linear-gradient(top,  #636363,  #343434);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#343434');
	border:1px solid #484848;
	color:#ffffff;
	}
	
/*--------------------------------- END Button  ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	3. Toggle Shortcodes
/*-----------------------------------------------------------------------------------*/

div.toggle-header {
	background: #ffffff url('../images/shortcodes/toggle_close.png') no-repeat 27px 25px;	
	border:1px solid #EAEAEA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

div.toggle-header h3.toggle-title {
	border-left:1px solid #EAEAEA;
	padding: 14px 30px;
	margin:0 0 0 70px;
	background: transparent;
	background: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#f7f7f7));
	background: -moz-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: -o-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: -ms-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: linear-gradient(top, #fcfcfc, #f7f7f7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F7F7F7');

}

div.toggle-header h3.toggle-title a {
    color: #757575;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;	
}

div.toggle-header h3.toggle-title a:hover {
    text-decoration: none;
}

div.active {
    background: #ffffff url('../images/shortcodes/toggle_open.png') no-repeat 27px 30px;
	border-bottom:none;
	margin-bottom:0;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright :0px;
	-webkit-border-bottom-right-radius:0px;
	-ms-border-bottom-right-radius:0px;
	-o-border-bottom-right-radius:0px;
	border-bottom-left-radius :0px;
	-moz-border-radius-bottomleft:0px;
 	-webkit-border-bottom-left-radius:0px;
 	-ms-border-bottom-left-radius:0px;
	-o-border-bottom-left-radius:0px;
}

h3.active {
	border-bottom:1px solid #EAEAEA;
}


div.toggle-content {
	background: #ffffff;
	border-top: none;
    border:1px solid #EAEAEA;
	border-top:none;
	padding:20px 20px 20px 20px;
	overflow:hidden;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
 	-webkit-border-bottom-left-radius: 5px;
 	-ms-border-bottom-left-radius: 5px;
 	-o-border-bottom-left-radius: 5px;
}

div.toggle-space {
	clear: both;
	margin-bottom:1.2em;
}

/*---------------------------------- END Toggle ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	4. Tabs Shortcode CSS
/*-----------------------------------------------------------------------------------*/

.tabs {
	margin-top: 0.5em;
	margin-bottom:1.5em;
	border:1px solid #EAEAEA;
	border-bottom: none;
	border-radius: 3px;
}
	
.tabs ul {
	border-bottom:none;
	margin-bottom:1.5em;
	height: 48px;
	background: transparent;
	background: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#f7f7f7));
	background: -moz-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: -o-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: -ms-linear-gradient(top, #fcfcfc, #f7f7f7);
	background: linear-gradient(top, #fcfcfc, #f7f7f7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F7F7F7');
}	

.tabs ul li {
	background: transparent;
	border-right:1px solid #EAEAEA;
	cursor:pointer;
	display:inline;
	float:left;
	margin-top: -1px;
	padding:13px 30px 13px 30px;
	zoom:1;
	position:relative; 
	top:1px;
}

.tabs ul li:first-child {
	margin-left: 0px;
}
	
.tabs .tabs_title,{
	font-size:12px;
	font-weight:bold;	
}	
	
.tabs ul li a {
	font-weight: bold;
	font-size: 12px;
	color:#757575;
	text-decoration:none;
}

.tabs ul li.active {
	position: relative;
	z-index: 2;
	border-bottom:1px solid #ffffff;
	background: none;
	
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	background-color: #ffffff;
}	
	
.tabs ul li.active a {
	border-bottom:none;
	color:#88BA3E
}
	
.tabs .tab_content {
	background: #ffffff;
	display: block;
	position: relative;
	z-index: 1;
	padding:25px 20px 5px 20px;
	border:1px solid #EAEAEA;
	margin: -21px -1px 20px -1px;
	float: left;
}

/*------------------------------------ END Tabs ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	5. Columns
/*-----------------------------------------------------------------------------------*/

.column {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.one_half { width:46%; }
.one_third { width:28%; }
.two_third { width:64%; }
.one_fourth { width:19%; }
.three_fourth { width:73%; }
.one_fifth { width:13.5%; }
.two_fifth { width:35%; }
.three_fifth { width:57%; }
.four_fifth { width:78%; }
.one_sixth { width:10%; }
.five_sixth { width:82%; }

.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth { 
	position:relative; 
	margin-right: 8%; 
	float:left; 
}

.column_last { 
	margin-right:0 !important; 
	clear:right; 
}

.clearboth {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
}

/*---------------------------------- END Columns ----------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	6. Text + Icon
/*-----------------------------------------------------------------------------------*/

div.text_icon img {
	float: left;
	border: none;
	margin: 2px 15px 20px 0px !important;
}

div.text_icon h3 {
	display: block;
	float: left;
	margin-top: -4px;
}

div.text_icon span {
	display: block;
	margin-top: -33px;
	float: left;
	font-size: 11px;
	font-style: italic;
	color: #bdbdbd;
	margin-left: 47px;
	clear: both;
}

div.text_icon p {
	clear: both;
	margin-bottom: 25px;
}

/*-------------------------------- END Text + Icon --------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	7. Big Quote
/*-----------------------------------------------------------------------------------*/

div.big_quote { 
	color:#6c6c6c;
	font-style:italic;
	line-height:200%;
	display: block;
	
	background:#FFFFFF url('../images/bg_bq_wide.png') no-repeat 30px 29px;
	border-top:1px solid #E2E2E2;
	border-bottom:3px solid #F0F0F0;
	font-size:17px;
	padding:0;
	margin: 1.2em 0px 2em -30px;
	/*padding-right: 60px;*/
	width:112%;
}

div.big_quote p {
	border-bottom:1px solid #E2E2E2;
	border-top:3px solid #F0F0F0;
	margin-bottom:0;
	padding:23px 30px 23px 90px;
}

/*---------------------------------- END Big Quote --------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	8. Image Box
/*-----------------------------------------------------------------------------------*/

div.image-box-holder {
	z-index: 5;
	position: relative;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

img.image-box {
	z-index: 5;
	position: relative;
	margin: 0;
	border: 1px solid #FFFFFF;
	max-width: 910px!important;
	min-height: 100px;
	min-width: 100px;
}

img.image-box.no-border {
	border: none;
}

div.image-wrap {
	display: inline-block;
	position: relative;
}

div.image-box-border {
	position: relative;
	z-index: 5;
	padding: 5px 5px 0px 5px;
	background: #F1F1F1;
	border: 1px solid #EAEAEA;
	text-align: center;
	display: inline-block;
}

div.image-box-no-border {
	position: relative;
	z-index: 5;
	padding: 5px;
}


img.image-box-shadow {
	border:none!important;	
	display:block;
	height:41px!important;
	width: 100%!important;
	max-width: 920px!important;
	position: absolute; 
    bottom: -8px;
	left:0px;
	margin: 0 auto;
	text-align: center;
	z-index: 1!important;
}

img.image-box-shadow.no-border {
	left: 0px;
	bottom: -2px;
}

/*--------------------------------- END Image Box ---------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	9. Lists
/*-----------------------------------------------------------------------------------*/

#shortcode-preview ul.list,
#shortcode-preview ol.list,
ul.list,	
ol.list {
	margin-bottom:1.5em
}	
	
#shortcode-preview ul.list li,
ul.list li {
	background:transparent url('../images/bg_li.png') no-repeat 0px 12px;
	padding:5px 0 5px 20px;
}	

#shortcode-preview ol.list li,
ol.list li {
	padding:5px 0 5px 20px;
}

#shortcode-preview ol.list,
ol.list {
	background: none;
	list-style-type: decimal;
}

#shortcode-preview ol.list li,
ol.list li {
	margin-left: 17px;
	background: none;
	list-style-type: decimal;
	padding:5px 0 5px 4px;
}
	
#shortcode-preview .tear li,
.tear li {
	background:transparent url('../images/bg_li.png') no-repeat 0px 12px;
	padding:5px 0 20px 40px!important;
	min-height:35px
}

#shortcode-preview ul.correct li,
ul.correct li{
	background:transparent url('../images/bg_li_correct.png') no-repeat 0px 8px;
}

#shortcode-preview ul.star li,	
ul.star li{
	background:transparent url('../images/bg_li_star.png') no-repeat 0px 10px;
}	

#shortcode-preview ul.plus li,
ul.plus li {
	background:transparent url('../images/bg_li_plus.png') no-repeat 0px 10px;
}

#shortcode-preview ul.minus li,	
ul.minus li {
	background:transparent url('../images/bg_li_minus.png') no-repeat 0px 10px;
}	

#shortcode-preview ul.tear li,
ul.tear li {
	background:transparent url('../images/bg_li_tear.png') no-repeat 0px 7px;
}

/*------------------------------ END Lists ------------------------------------ */