/*
Theme Name: 	Ant 
Description: 	Ant Wordpress theme!
Author: 		Gonzalo Faura & Mariano Rodriguez - Modified by: 	LBxNET.ie - Lukasz Baluszek
Modified by: 	LBxNET.ie - Lukasz Baluszek	
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
04 General 
05 Buttons and texts
06 Header
07 Footer
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}

/* ---------------------------------------------------------------------------------------------------------- 
04 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.center{
	width: 960px;
	margin: 0 auto;
    }
	
.b{
	font-weight: bold;	
    }
	
.clear {
	clear: both;
}

body {
	background-color: #EDEDEB;	
}

strong {
	font-weight: bolder;	
}

/* ---------------------------------------------------------------------------------------------------------- 
05 Buttons and texts ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

a.link_icon_lblue {
	background-image: url(img/arrow_icon_blue.gif);
	color: #0085D9;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right 2px;
	padding: 0 12px 0 0;
	font-weight: bold;
	font-size: 1.1em;
}

a:hover.link_icon_lblue {
	color: #006AAA;
	text-decoration: underline;
}

a.link_icon_green {
	background-image: url(img/arrow_icon_green.gif);
	color: #40A636;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right 2px;
	padding: 0 12px 0 0;
	font-weight: bold;
	font-size: 1.1em;
}

a:hover.link_icon_green {
	color: #328129;
	text-decoration: underline;
}

a.frame_btn_lblue{
	border: 1px solid #39A4D8;
	color: #000;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 1.3em;
}

a:hover.frame_btn_lblue {
	color: #39A4D8;	
}

.lblue {
	color: #39A4D8
}

.green {
	color: #40A636;	
}

.white {
	color: #FFF;
}

.big_p {
	font-size: 1.6em;
	color: #666666;		
}

.btn_lblue {
	font-size: 1.1em;
	color: #FFF;
	padding: 6px 10px;
}

a.btn_lblue {
	background-color: #37AFE2;
	text-decoration: none;	
}

a:hover.btn_lblue {
	background-color: #79CAEC;
	text-decoration: none;	
}

.btn_white {
	padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

a.btn_white {
	background-color: #F2F2F2;
	text-decoration: none;
	color: #333;
}

a:hover.btn_white {
	background-color: #FFF;
	text-decoration: none;
	color: #000;
}

.btn_green {
	font-size: 1.1em;
	color: #FFF;
	padding: 6px 10px;
}

a.btn_green {
	background-color: #3EA536;
	text-decoration: none;	
}

a:hover.btn_green {
	background-color: #48C03F;
	text-decoration: none;	
}


.subtitle0 {
	font-size: 1.9em;
	margin: 25px 0 8px 0;
	font-weight: normal;
}

.subtitle1, .subtitle1a{
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
}

.subtitle1 {
	margin: 30px 0 10px 0;
}

.subtitle1a {
	margin: 10px 0 10px 0;
}

.wpcf7-submit, #submit {
	color: #FFF;
	padding: 6px 10px;
	background-color: #3EA536;
	border: none;
	margin: 10px 0 0 0;
	cursor: hand;
	text-transform: uppercase;
	cursor: pointer; /* cursor: hand; for IE5 */
}

.wpcf7-submit{
	font-size: 1.2em;
	font-weight: bold;
}

#submit {
	font-size: 0.9em;
}

.wpcf7-submit:hover, #submit:hover {
	background-color: #48C03F;
}

.page_title{
	margin: 8px 0 8px 0;
}

.page_title h2{
	font-size: 2.4em;
}

/* ---------------------------------------------------------------------------------------------------------- 
06 Header ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

header {
	background-color: #FFF;
	padding: 10px 0 5px 0;
}

#hd_l, #hd_r {
	float: left;	
}

#hd_l{
	min-width: 270px;
}

#hd_r {
	min-width: 690px;
	
}

#socialnav{
    margin-bottom: 40px;
}

header ul {
	text-align: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

header li {
	display: inline;
	font-size: 1.5em;
	margin: 0 0 0 2%;
	text-transform: uppercase;
}

header li a{
	color: #000;
	text-decoration: none;		
}

header li a:hover{
	text-decoration: underline;
	
}

#hd_title, #hd_fb, #hd_tw{
	float: right;
	}
	
#hd_title{
	font-size: 0.9em;
	width: 70px;
	padding: 5px 0 0 0;
	color: #999;
	}
	
#hd_fb{
	width: 17px;
	margin:0 0 0 5px;
	}
	
 #hd_tw{
	width: 17px;
	margin:0 0 0 5px;

	}

#sub_hd{
	height: 32px;
	background-image: url(img/subheader.png);
	width:960px;
	margin: 20px auto 0px auto;
	position: relative;
		}
		
.subhd_ft_box{
	background-color: #666666;
	height: 24px;
	position: absolute;
	top: -20px;
	right: 0px;
	border-bottom: 1px solid #FFF;
	background-image: url(img/free_consultation.png);
	background-repeat: no-repeat;
	padding: 8px 10px 8px 110px;
		}
		
.subhd_ft_box_c1, .subhd_ft_box_c2, .subhd_ft_box_c3{
	float:right;
		}
		
.subhd_ft_box_c1{
width: 100px;
		}
		
.subhd_ft_box_c1 p{
	color: #FFF;
		}
		
.subhd_ft_box_c2{
	width: 100px;
	margin: 0 1px 0 0;
	padding: 5px 0 0 0;
	text-align: center;
		}
		
.subhd_ft_box_c3{
	padding: 5px 0 0 0;
	width: 100px;
	text-align: center;
	visibility: hidden;	}

/* ---------------------------------------------------------------------------------------------------------- 
07 Footer ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

    .main_ft{
	clear: both;
	background-color: #666666;
	padding: 30px 0;
    }
	
    .main_ft li{
	margin: 2px 0;
	text-transform: uppercase;
    }

    .main_ft li.lower{
    text-transform: lowercase;
    }

    .main_ft ul a{
	color: #FFF;
	text-decoration: none;
    }	
	
    .main_ft ul a:hover{
	text-decoration: underline;	
    }	

#ft_col1, #ft_col2, #ft_col3, #ft_col4, #ft_col5{
	float:left;
	width: 20%;
    }
	
#ft_col5{
	text-align: center;
    }
	
#ft_col5 p{
	font-size: 0.9em;
    }
	
#ft_col5_l, #ft_col5_r{
	display: inline-block;
	width: 26px;
	height: 29px;
	margin-top: 3px;
    }
	
a#ft_col5_l{
	
    }
	
#ft_col5_inner{
	width: 70px;
	float: right;
    }
	
#signature{
	text-align: right;
    }
	
#signature h3{
	font-size: 0.9em;
	color: #CCC;
	font-weight: normal;
    }
	
#signature h3 a{
	color: #CCC;
	text-decoration: none;
    }
	
#signature h3 a:hover{
	color: #FFF;
	text-decoration: underline;
    }
	
/* ---------------------------------------------------------------------------------------------------------- 
07.1 Footer / Sticky Footer ---------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
    }
    .main_ft, .push {
    height: 70px;
    }
	
/* ---------------------------------------------------------------------------------------------------------- 
08 Homepage -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#hp_slider {
	background-color: #FFF;	
	padding: 0 0 10px 0;	
}

.content {

	
}

#testimonials {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	/*height: 140px;*/
	padding: 25px 25px 25px 25px;
	background-color: #FFF;
	margin: 20px 0 0px 0;
	/*background-image: url(img/testimonials_icon.png);*/
	background-position: 25px center;
	background-repeat: no-repeat;
	position: relative;
}

#testimonials_btn {
	position: absolute;
	min-width: 160px;
	right: 20px;
	bottom: 30px;
}

#testimonials_logo {
	margin: 10px 0;
}

#testimonials blockquote {
	font-size: 1.6em;
	color: #666666;			
}

#testimonials .image {
	/*position: absolute;
	left: 0px;
	bottom: -45px;*/

}

.testimonials-widget-testimonial{
	padding: 15px 15px 15px 0px;

}

.testimonials-widget-testimonial .image {
	padding: 0px 15px 25px 0px;
}

.author {
	font-size: 1.3em;
	color: #333;
	font-style: italic;
}

#hp_colicons_l, #hp_colicons_r {
	max-width: 475px;
	float: left;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#hp_colicons_l {
	margin: 0 5px 20px 0;
}

#hp_colicons_r {
		margin: 0 0 0 5px;
}

.hp_col_title{
	margin: 40px 0 24px 0;
}

.hp_col_title h2{
	font-size: 2.4em;	
}

.hp_iconsbox {
	width: 40%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	height: 323px;
	padding: 100px 5% 0 5%;
	background-color: #FFF;
}

.hp_iconsbox h2{
	font-size: 1.2em;
	font-weight: bold;
	height: 50px;	
}

.hp_iconsbox p{
	font-size: 1.1em;
	color: #666666;
	height: 200px;	
}

.men_icon, .globe_icon, .gears_icon, .pie_icon, .statistics_icon, .statistics_arrow_icon, .right_left_icon, .tab_icon, .shopcart_icon, .boxes_icon, .points_icon{
	background-repeat: no-repeat;
	background-position: center 30px;
}

.men_icon{
	background-image: url(img/men_icon.gif);	
}

.globe_icon{
	background-image: url(img/globe_icon.gif);
}

.gears_icon{
	background-image: url(img/gears_icon.gif);
}

.pie_icon{
	background-image: url(img/pie_icon.gif);
}

.statistics_icon{
	background-image: url(img/statistics_icon.gif);
}

.statistics_arrow_icon{
	background-image: url(img/statistics_arrow_icon.gif);
}

.right_left_icon{
	background-image: url(img/right_left_icon.gif);
}

.tab_icon{
	background-image: url(img/tab_icon.gif);
}

.shopcart_icon{
	background-image: url(img/shopcart_icon.gif);
}

.boxes_icon{
	background-image: url(img/boxes_icon.gif);
}

.points_icon{
	background-image: url(img/points_icon.gif);
}

.current_page_item a{
	color: #37AFE2;
}

/* ---------------------------------------------------------------------------------------------------------- 
08.1 Homepage /  Basic jQuery Slider essential styles -------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#banner-fade{
	margin-bottom: 25px;
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{
	left:0;
}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	font-size: 0.9em;
	padding:6px 8px;
	color:#fff;
	margin:0px;
	text-decoration: none;
	background-image: url(img/hp_slider/number_bg_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background-image: url(img/hp_slider/number_bg_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}


/* ---------------------------------------------------------------------------------------------------------- 
09 Internal pages -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#int_pg_cont{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 35px 50px 25px 50px;
	background-color: #FFF;
	margin: 30px 0 0px 0;
}

#int_pg_cont_l, #int_pg_cont_r{
	float: left;	
}

#int_pg_cont_l{
	width: 645px;
}

#int_pg_cont_r{
	width: 145px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E0E0E0;
	padding: 0 20px 20px 20px;
	margin: 0 0 0 25px;
}

#int_pg_cont_l p, #int_pg_cont_l ul, #int_pg_cont_total p{
	font-size: 1.4em;
	margin: 8px 0;
	line-height: 1.4em;
	color: #5B5B5B;
}

#int_pg_cont_l ul{
	margin: 10px 0 10px 0;
}

#int_pg_cont_l ul li, #int_pg_cont_total ul li{
	background-image: url(img/arrow_icon_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 0 0 0 14px;
}

#int_pg_cont_l p a, #int_pg_cont_l li a{
	color: #39A4D8;	
	text-decoration: none;
}

#int_pg_cont_l p a:hover, #int_pg_cont_l li a:hover{
	color: #2079A4;
	text-decoration: underline;
}

.photo{
	padding: 6px;
	margin: 10px;
	border: 1px solid #E2E2E2;
	float: right;
}

.photo1{
	margin: 10px;
	float: right;
}

.photo2{
	margin: 10px;
}

.logos_row_ind{
	height: 84px;
	width: 175px;
	display: inline-block;		
}

.content_col_l, .content_col_r{
	float: left;
	width: 50%;	
}

.click_map{
	margin: 10px 0
	
}

.click_map a{
	font-size: 0.8em;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

.wpcf7-textarea{
	height: 200px;
	width: 260px;	
	padding: 5px;
}

.invalid{
	border: none !important;

	}
	
.wpcf7-response-output, .wpcf7-mail-sent-ok{
	border: none !important;
	font-size: 1.5em;
	font-weight: bold;
	background-position: center;
	}

/* ---------------------------------------------------------------------------------------------------------- 
09.1 Internal pages / Sidebar--------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#nav_general_sb{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;		
}

#nav_general_sb li{
	font-size: 1.2em;
	margin: 5px 0;
	text-transform: uppercase;
	list-style-type: none;
}

#nav_general_sb li a{
	color: #000;
	text-decoration: none;			
}

#nav_general_sb li a:hover{
	text-decoration: underline;
	
}

#nav_general_sb .current_page_item{
	font-weight: bold;	
	background-image: url(img/arrow_icon_blue.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 7px 0 7px 0;
	padding: 0 0 0 12px;
	font-weight: bold;		
}

#subpages_nav ul li{
	padding-bottom: 5px !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5F1FF;
}

#subpages_nav{
	margin: 0px 0 25px 0;
	padding: 0px 0 25px 0;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

#subpages_nav a{
	color: #0085D9 !important;	
}

.current_page_item a{
	color: #0085D9 !important;		
}

#one{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#one h2{
	font-size: 2.2em;
	margin: 5px 0;
}

#one li{
	margin: 5px 0;
	padding: 10px 0;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #39A4D8;
}


#one li a{
	color: #39A4D8;	
	font-size: 1.4em;
	text-decoration: none;
}

#one li a:hover{
	color: #2079A4;
	text-decoration: underline;
}

#one .post-date, #int_pg_cont time{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #999;
	display: block;
	margin: 4px 0;
	padding: 3px 0 3px 20px;
	background-image: url(img/calendar_icon.gif);
	background-repeat: no-repeat;
}
/* ---------------------------------------------------------------------------------------------------------- 
09.2 Internal pages /  Single Post --------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#int_pg_cont article h2{
	font-size: 2em;	
	}
	
#int_pg_cont article a{
	color: #39A4D8;	
	text-decoration: none;
	}
	
#int_pg_cont article a:hover{
	color: #2079A4;
	text-decoration: underline;
	}
	
#comments{
	background-color: #EAEAEA;
	margin: 20px 0;
	padding: 20px;
		}
		
#comments li{
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #D8D8D8;
	background-color: #F0F0F0;
		}
		
#comments h4{
	margin: 0 0 10px 0;	
		}
		
#reply-title{
	font-size: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	padding: 0 0 10px 0
			}
	
.form-allowed-tags, .avatar{
	display: none;
	}
	
.comment-form-comment{
	margin: 20px 0;
	}	
	
.comment-form-comment label{
	display: block;
	}	
	
.comment-form-comment textarea{
	padding: 10px;
	margin: 5px 0 0 0;
	color: #999;
	}	
	
.posts_index{
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	}	

/* ---------------------------------------------------------------------------------------------------------- 
09.3 Internal pages /  Login --------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */	

.login_page input {
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	color: #666;
	}
	
.login_page .text {
	width: 269px;
	}
	
	
/* ---------------------------------------------------------------------------------------------------------- 
09.4 Internal pages /  Prices -------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */	

#table_prices{
	max-width: 80%;
	margin: 30px auto;
	}
	
#editionstoptab{
	border: 1px solid #CCC;	
	padding: 20px;	
	margin: 20px 0;	
	}	

#editionstoptab li{
	background-image: url(img/arrow_icon_green.gif) !Important;
	display: inline-block;
	width: 183px;
	color: #000;
	height: 30px;
	font-weight: bold;
	}	
	
.first_inrow{
	border-right-style: none !important;
	border-left-style: none !important;
	}	
	
.row_grey, .row_white, .row_yell_dark, .row_yell{

	}

.row_grey td, .row_white td, .row_yell_dark td, .row_yell td{

	border-left-width: 0.5px;

	border-left-style: solid;

	border-left-color: #CCC;
	}
	
.row_grey h5, .row_white h5, .row_yell_dark h5, .row_yell h5{
	font-size: 1.1em;
	padding: 7px 0 7px 10px;
	font-weight: normal;
	min-width: 160px;
	}
	
.row_grey{
	background-color:#E8E8E8
	}	
.row_white{
	background-color:#FFF
	}	
.row_yell_dark{
	background-color:#F9F49D
	}		
.row_yell{
	background-color:#F7F4C2
	}		
	
.ok_cell{
	background-image: url(img/ok.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}	

.title_cell{
	text-align: center;
	color: #FFF;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}	

.title_cell h3{	
	margin: 10px;
	font-size: 1.8em;
	}		
	
.title_cell h5{
	margin: 10px 0;
	padding: 10px; 
	font-size: 1.1em;
	border-top: 1px solid #FFF;
	}	
	
.prices_foot{
	text-align: center;
	color: #FFF;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
	}	
	
.prices_foot h4{
	margin: 15px 0;
	font-size: 1.2em;
	}	
	
.prices_foot h3{
	margin: 10px 0;
	font-size: 1.2em;	
	}	
	
.prices_foot h5{
	margin: 10px 0;
	padding: 10px 0; 
	font-size: 1.1em !important;
	border-top: 1px solid #FFF;
	}
	
.bg_cell_blue{
background: rgb(42,160,222); /* Old browsers */
background: -moz-linear-gradient(top, rgba(42,160,222,1) 0%, rgba(19,99,160,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,160,222,1)), color-stop(100%,rgba(19,99,160,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(42,160,222,1) 0%,rgba(19,99,160,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(42,160,222,1) 0%,rgba(19,99,160,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(42,160,222,1) 0%,rgba(19,99,160,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(42,160,222,1) 0%,rgba(19,99,160,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa0de', endColorstr='#1363a0',GradientType=0 ); /* IE6-9 */
	}	

.bg_cell_green{	
background: rgb(90,192,46); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(90,192,46,1) 0%, rgba(20,120,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,192,46,1)), color-stop(100%,rgba(20,120,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(90,192,46,1) 0%,rgba(20,120,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(90,192,46,1) 0%,rgba(20,120,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(90,192,46,1) 0%,rgba(20,120,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(90,192,46,1) 0%,rgba(20,120,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac02e', endColorstr='#14783a',GradientType=0 ); /* IE6-9 */
	}	

.bg_cell_orange{	
background: #f38b0e; /* Old browsers */
background: -moz-linear-gradient(top,  #f38b0e 0%, #fa6f38 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f38b0e), color-stop(100%,#fa6f38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f38b0e 0%,#fa6f38 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f38b0e 0%,#fa6f38 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f38b0e 0%,#fa6f38 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f38b0e 0%,#fa6f38 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38b0e', endColorstr='#fa6f38',GradientType=0 ); /* IE6-9 */
	}	
	
.bg_cell_red{
background: #e96c2a; /* Old browsers */
background: -moz-linear-gradient(top,  #e96c2a 0%, #df2f22 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96c2a), color-stop(100%,#df2f22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e96c2a 0%,#df2f22 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e96c2a 0%,#df2f22 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e96c2a 0%,#df2f22 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e96c2a 0%,#df2f22 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96c2a', endColorstr='#df2f22',GradientType=0 ); /* IE6-9 */
	}