@charset "UTF-8";
/* CSS Document */


/*TOUR*/
.tour_content {
	position:relative;
	margin-bottom:20px;
}

.tour {
	list-style:none;
	width:27%;
	float:left;
	margin:0;
	position: relative;
	z-index: 2;
	overflow: hidden;
}	
.tour li {
	position:relative;
	padding:0 4px;
}

.tour li a {
	padding-top:8px;
	padding-bottom:8px;
	display:block;
	position:relative;
}

.tour .cp_plus {margin-top:-14px;}

.tour li.current a .tour_title {
	opacity:1;
	filter:alpha(opacity=100);
}

.tour li a .tour_title {
	display:block;
	opacity:.5;
}

.tour_box {
	width:70%;
	float:right;
	display:none;
	overflow:hidden;
	padding:10px;
	position:relative;
}

.cp_plus {
	background:#efefef;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-13px;
}

.cp_plus .vert_line, 
.cp_plus .horiz_line {background-color:#fff;}

.cp_plus .vert_line {
	color:#CCC;
	display:block;
	width:2px;
	height:10px;
	position:absolute;
	left:12px;
	top:8px;
	z-index:2;
}

.cp_plus .horiz_line {
	display:block;
	width:10px;
	height:2px;
	position:absolute;
	left:8px;
	top:12px;
}

.togg,
.accordion .acc,
.tour li {
	border-bottom:1px solid #ececec;
	overflow:hidden;
	position:relative;
}


.tog, .tour li a {
	text-transform:uppercase;
    font-size: 12px;
    font-weight: normal;
}
.togg .tog,
.accordion .tog {
	line-height:20px;
	display:block;
	padding:13px 0 5px;
	margin:0;
	position:relative;
}

.tog.current .cp_plus .vert_line {display:none;}

.togg .tab_content,
.accordion .tab_content {
	padding:13px 0 29px;
	display:none;
	overflow:hidden;
}

.tab {
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}

.tabs {
	border-bottom:1px solid #ececec;
	margin:0;
	display:table;
	width:100%;
}

.tabs li {
	line-height:20px;
	padding-left:0;
	display:table-cell;
}

.tabs li {position:relative;}

.tabs > li a {
	text-transform:uppercase;
	font-size:14px;
	display:block;
	padding:5px 20px;
}

.tabs > li a:hover{
	color:#aaa !important;
}

.tabs > li a.current:hover {
	color:#fff !important;
}
.tabs > li:last-child a {
	border-right:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.tabs > li a.current {
	color:#ffffff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.tab_content {width:100%;}
.tabs_tab, 
.tabs {
	overflow:hidden;
	position:relative;
}
.tabs_tab {
	background-color:#ffffff;
	display:none;
	padding:10px 0;
}

.box {
    margin: 0 0 20px;
}
.box table {
    width: 100%;
}
.box table td p {
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0;
}
.box table td {
    padding: 15px 0;
    text-align: left;
}
.box table td:first-child {
    width: 80px;
}
.error_box {
    background: none repeat scroll 0 0 rgba(255, 132, 89, 0.25);
    border: 1px solid rgba(255, 132, 89, 0.4);
}
.warning_box {
    background: none repeat scroll 0 0 rgba(244, 177, 0, 0.25);
    border: 1px solid rgba(244, 177, 0, 0.4);
}
.success_box {
    background: none repeat scroll 0 0 rgba(129, 211, 72, 0.25);
    border: 1px solid rgba(129, 211, 72, 0.4);
}
.notice_box {
    background: none repeat scroll 0 0 rgba(90, 166, 234, 0.25);
    border: 1px solid rgba(90, 166, 234, 0.4);
}
.download_box {
    background: none repeat scroll 0 0 rgba(67, 242, 112, 0.25);
    border: 1px solid rgba(67, 242, 112, 0.4);
}
.box.error_box table td:first-child {
    background: url(../images/assets/error.png) no-repeat scroll center 10px transparent;
}
.box.success_box table td:first-child {
    background: url(../images/assets/success.png) no-repeat scroll center 10px transparent;
}
.box.notice_box table td:first-child {
    background: url(../images/assets/notice.png) no-repeat scroll center 10px transparent;
}
.box.warning_box table td:first-child {
    background: url(../images/assets/warning.png) no-repeat scroll center 10px transparent;
}
.box.download_box table td:first-child {
    background: url(../images/assets/download.png) no-repeat scroll center 10px transparent;
}
.box.css_box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.box.css_box p {
    padding: 0;
}
.error {
    margin-bottom: 50px;
    text-align: center;
}
.error .search_line {
    margin: 105px auto 30px;
    overflow: hidden;
    width: 30%;
}
.error h1 {
    font-size: 240px;
    line-height: 1em;
    margin-bottom: 10px;
}
.error h3 {
    font-size: 24px;
    font-style: normal;
}

/* ----------------------------------------------------
	TABLES
------------------------------------------------------- */

	table{
		width:auto;
		border-collapse: separate;
		border-spacing: inherit;
		margin:0 0 20px 0; 
		padding:0;
		border-right:1px solid #F5F5F5;
		border-top:1px solid #F5F5F5;        
	}
    
	table caption strong{
		text-align:left;
		font-size: 14px;
		font-weight: normal;
		line-height:20px;
		font-weight:bold;
	}
	
	table caption{
		text-align:left;
		padding: 0 0 10px 3px;
		font-style: italic;
	}

	table th {
		padding: 13px; 
		font-size: 12px;
		background:#F5F5F5; 
	}
	
	table td {
		padding: 10px;
		text-align: left;
		margin:10px;
	}


/*-----------------------------------------------------------------------------------*/
/*	PRICING TABLE
/*-----------------------------------------------------------------------------------*/
#pricing-table, #pricing-table-three {text-align: center; width: 100%; margin-top:40px;/* total computed width = 222 x 3 + 226 */}
#pricing-table .plan {text-align:center; background: #FFFFFF;list-style: none !important;color: #333333;float: left;font: 13px 'PT Sans',Arial,Helvetica;margin: 10px;position: relative;;width: 205px;}
#pricing-table-three .plan1 {text-align:center; background: #FFFFFF;list-style: none !important;color: #333333;float: left;font: 13px 'PT Sans',Arial,Helvetica;margin: 10px;position: relative;;width: 280px;}

#pricing-table-three #most-popular1,
#pricing-table #most-popular {z-index: 2;top: -13px;border-width: 3px;padding: 30px 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);}

#pricing-table-three .plan:nth-child(1) {}
#pricing-table-three .plan:nth-child(4) {}
#pricing-table .plan:nth-child(1) {}
#pricing-table .plan:nth-child(4) {}

#pricing-table-three h3,
#pricing-table h3 {font-size: 20px;font-weight: normal;padding: 20px;color:#696969;margin: -20px -20px 50px -20px;}

#pricing-table-three #most-popular1 h3,
#pricing-table #most-popular h3 {color:#fff;margin-top: -30px;padding-top: 30px;}

#pricing-table-three .plan:nth-child(1) h3 {}
#pricing-table-three .plan:nth-child(4) h3 {}	
#pricing-table .plan:nth-child(1) h3 {}
#pricing-table .plan:nth-child(4) h3 {}	

#pricing-table-three h3 span,
#pricing-table h3 span {
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
	display: block;font: bold 25px/100px Georgia, Serif;color: #999;background: #efefef;border: 5px solid #fff;height: 100px;width: 100px;margin: 10px auto -55px;}

#pricing-table-three ul,
#pricing-table ul {margin: 20px 0 0 0;padding: 0;}

#pricing-table-three li,
#pricing-table li {list-style:none;color:#A9A9A9;border-top: 1px solid #ddd;padding: 10px 0;}

#pricing-table-three #most-popular1 li,
#pricing-table #most-popular li {color:#fff;}



/* ----------------------------------------------------
	HR
------------------------------------------------------- */
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
	
hr.blog,	
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
}
		

		
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
		
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
	
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
		
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
		
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}		

hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

/* ----------------------------------------------------
	COLUMNS
------------------------------------------------------- */

.one_half{ width:49%; }
.one_third{ width:32%; }
.two_third{ width:66%; }
.one_fourth{ width:23.5%; }
.three_fourth{ width:74.5%; }
.one_fifth{ width:18.4%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:60.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:15%; }
.five_sixth{ width:83%; }
.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:2%; margin-bottom:2%; margin-top:0; float:left;}
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}


/* ----------------------------------------------------
	DropCap
------------------------------------------------------- */

.dropcap2 {
    background: #dedede;
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
	opacity: 0.8;
    height: 30px;
    line-height: 30px;
    margin: 5px 8px 0px 0;
    text-align: center;
    width: 30px;
}


/* ----------------------------------------------------
	Lists
------------------------------------------------------- */
.check ul { margin: 15px 0 25px 10px; list-style-image: url(../images/shortcodes/check.png); }

ul.bullet_purple li, div.bullet_purple li,
ul.bullet_red li, div.bullet_red li,
ul.bullet_blue li, div.bullet_blue li,
ul.bullet_black li, div.bullet_black li,
ul.bullet_gray li, div.bullet_gray li,
ul.bullet_check li, div.bullet_check li,
ul.bullet_arrow li, div.bullet_arrow li,
ul.bullet_arrow li, div.bullet_arrow2 li,
ul.bullet_arrow li, div.bullet_arrow3 li,
ul.bullet_star li, div.bullet_star li,
ul.bullet_arrow li, div.bullet_arrow4 li,
ul.bullet_plus li, div.bullet_plus li {
    line-height: 18px;
    list-style: none outside none;
    margin: 7px;
	border-bottom:1px dotted #ddd;
    padding: 2px 20px !important;
}

ul.bullet_gray li, div.bullet_gray li {
    background: url(../images/shortcodes/bullets-gray.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_black li, div.bullet_black li {
    background: url(../images/shortcodes/bullets-black.png) no-repeat scroll 0 0.2em transparent;
}	
ul.bullet_blue li, div.bullet_blue li {
    background: url(../images/shortcodes/bullets-blue.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_red li, div.bullet_red li {
    background: url(../images/shortcodes/bullets-red.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_purple li, div.bullet_purple li {
    background: url(../images/shortcodes/bullets-purple.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_check li, div.bullet_check li {
    background: url(../images/shortcodes/check.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_arrow li, div.bullet_arrow li {
    background: url(../images/shortcodes/arrow.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_arrow2 li, div.bullet_arrow2 li {
    background: url(../images/shortcodes/arrow2.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_arrow3 li, div.bullet_arrow3 li {
    background: url(../images/shortcodes/arrow3.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_arrow4 li, div.bullet_arrow4 li {
    background: url(../images/shortcodes/arrow4.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_star li, div.bullet_star li {
    background: url(../images/shortcodes/star.png) no-repeat scroll 0 0.2em transparent;
}
ul.bullet_plus li, div.bullet_plus li {
    background: url(../images/shortcodes/plus.png) no-repeat scroll 0 0.2em transparent;
}


/* ----------------------------------------------------
	BUTTONS
------------------------------------------------------- */
.button{
		border: solid 1px #ccc;
		background: rgb(247,247,247); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
		border-color: #D8D8D8 #CBCBCB #9D9D9D; 
		color: #646464 !important;
		text-shadow: 0 1px 0 #F4F4F4;
		-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;    
	}
	
	/* buttons common */
	
	a.button{
		display:inline-block !important;
		padding: 0 15px;
		text-decoration:none;
		font-size:12px;
		line-height:30px !important;
		cursor:pointer;
	}
	
	.fdw-port {
		display:inline-block !important;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 0 15px;
		text-decoration:none;
		font-size:12px;
		line-height:23px;
		cursor:pointer;
	}
	
	/* medium button */
	.button.medium{
		padding: 2px 15px;
		text-decoration:none;
		font-size:14px;
		line-height:27px;
	}
	
	/* big button */
	.button.big{
		padding: 10px 15px;
		text-decoration:none;
		font-size:16px;
		line-height:31px;
	}


	/* default button colors */
	.button.default{ 
		border: solid 1px #ccc;
		background: rgb(247,247,247); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
		border-color: #D8D8D8 #CBCBCB #9D9D9D; 
		color: #646464 !important;
		text-shadow: 0 1px 0 #F4F4F4;
		-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;    
	}

	/* default button hover state */	
	.button.default:hover{
		background: rgb(216,216,216); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
		border-color: #D8D8D8 #CBCBCB #B2B2B2;  
	}

	/* orange button colors */
	.button.orange{
		border: solid 1px #162D45;
		background: rgb(255,102,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,102,0,1) 0%, rgba(186,76,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,0,1)), color-stop(100%,rgba(186,76,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,102,0,1) 0%,rgba(186,76,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,102,0,1) 0%,rgba(186,76,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,102,0,1) 0%,rgba(186,76,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3FA3C9', endColorstr='#bd4c00',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(255,102,0,1) 0%,rgba(186,76,0,1) 100%); /* W3C */
		border-color: #3FA3C9 #d65d0d #ad4c0b;
		color: #fff !important;
		text-shadow: 0 1px 0 #2F321A;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #ffbe93;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #ffbe93;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #ffbe93;    
	}

	/* red button hover state */	
	.button.orange:hover{
		background: rgb(186,76,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(186,76,0,1) 0%, rgba(255,102,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,76,0,1)), color-stop(100%,rgba(255,102,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(186,76,0,1) 0%,rgba(255,102,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(186,76,0,1) 0%,rgba(255,102,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(186,76,0,1) 0%,rgba(255,102,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd4c00', endColorstr='#3FA3C9',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(186,76,0,1) 0%,rgba(255,102,0,1) 100%); /* W3C */
	}

	/* blue button colors */
	.button.blue{
		border: solid 1px #C1780F;
		background: rgb(176,209,236); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(176,209,236,1) 0%, rgba(53,88,108,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,209,236,1)), color-stop(100%,rgba(53,88,108,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d1ec', endColorstr='#35586c',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* W3C */
		border-color: #86ADC6 #4D6F8C #082132;
		color: #F7FFF9 !important;
		text-shadow: 0 1px 0 #082131;
		-webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
		-moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
		box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #DCEAFB;    
	}

	/* blue button hover state */	
	.button.blue:hover{
		background: rgb(53,88,108); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(53,88,108,1) 0%, rgba(176,209,236,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,88,108,1)), color-stop(100%,rgba(176,209,236,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35586c', endColorstr='#b0d1ec',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* W3C */
		-webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
		-moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
		box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #89A5AE;    		
	}		

	/* dark button colors */
	.fdw-port.dark,
	.button.dark{
		border: solid 1px #C1780F;
		background: rgb(126,126,126); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(126,126,126,1) 0%, rgba(52,52,52,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,126,126,1)), color-stop(100%,rgba(52,52,52,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* W3C */															  
		border-color: #767676 #3C3C3C #171717;
		color: #F7FFF9 !important;
		text-shadow: 0 1px 0 #000;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #A5A5A5;    
	}

	/* dark button hover state */
	.fdw-port.dark:hover,	
	.button.dark:hover{
		background: rgb(52,52,52); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(126,126,126,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,1)), color-stop(100%,rgba(126,126,126,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* W3C */
	}		


	/* green button colors */
	.button.green{
		border: solid 1px #2F321A;
		background: rgb(164,179,87); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(76,109,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(76,109,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#4c6d00',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* W3C */
		border-color: #96A451 #586030 #2F321A;
		color: #fff !important;
		text-shadow: 0 1px 0 #2F321A;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #C1D26A;    
	}

	/* green button hover state */	
	.button.green:hover{
		background: rgb(76,109,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(76,109,0,1) 0%, rgba(164,179,87,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,109,0,1)), color-stop(100%,rgba(164,179,87,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6d00', endColorstr='#a4b357',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* W3C */
	}	

	/* navy button colors */
	.button.navy{
		border: solid 1px #162D45;
		background: rgb(53,106,160); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(32,63,96,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(32,63,96,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#203f60',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* W3C */
		border-color: #3267A3 #214365 #162D45;
		color: #fff !important;
		text-shadow: 0 1px 0 #001C32;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #87B5EF;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #87B5EF;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #87B5EF;    
	}

	/* navy button hover state */	
	.button.navy:hover{
		background: rgb(32,63,96); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(32,63,96,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,63,96,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203f60', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* W3C */
	}

	/* red button colors */
	.button.red{
		border: solid 1px #162D45;
		background: rgb(204,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(124,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(124,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* W3C */
		border-color: #AC0101 #860101 #5C0101;
		color: #fff !important;
		text-shadow: 0 1px 0 #2F321A;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #FC6F6A;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A;    
	}

	/* red button hover state */	
	.button.red:hover{
		background: rgb(124,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(124,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
	}

	/* light button colors */
	.button.light{
		border: solid 1px #9D9D9D;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
		border-color: #E0E0E0 #D1D1D1 #B2B2B2; 
		color: #646464 !important;
		text-shadow: 0 1px 0 #F4F4F4;
		-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
		box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;    
	}

	/* light button hover state */	
	.button.light:hover{
		background: rgb(246,246,246); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
	}