/*
* Template Name: VideoPlus
* Author: Serif Templates
* Author URI: http://seriftemplates.com
* Version: 1.0
*/


#pattern { background: url("images/mesh.png") repeat; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 0; }

/* ------------------------------------------------------------------------
	Video Background
------------------------------------------------------------------------- */

#componentWrapper{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0; 
}
	
#componentWrapper .mediaWrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}	
	
#componentWrapper .mediaWrapper_v{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}		

#componentWrapper .videoHolder, 
#componentWrapper .previewHolder, 
#componentWrapper .youtubeHolder, 
#componentWrapper #flashPreview{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	outline:none;
}

#componentWrapper .componentPlaylist{
	display:none;
}

#componentWrapper .thumbHolder{
	position:absolute;
	width:100%;
	height:107px;
	left:0px;
	bottom:0px;
	background:#222;
	overflow:hidden;
}

#componentWrapper .thumbHolder_v{
	position:absolute;
	height:100%;
	width:140px;
	top:0px;
	right:0px;
	background:#222;
	overflow:hidden;
}

#componentWrapper .thumbContainer{
	position:absolute;
	height:67px;
	top:40px;
}

#componentWrapper .thumbContainer_v{
	position:absolute;
	width:100px;
	left:40px;
}

#componentWrapper .thumbInnerContainer{
	position:absolute;
	height:67px;
	top:0px;
	left:0px;
}

#componentWrapper .thumbInnerContainer_v{
	position:absolute;
	width:100px;
	top:0px;
	left:0px;
}

#componentWrapper .thumbBackward{
	position:absolute;
	width:50px;
	height:67px;
	top:40px;
	left:0px;
	background: rgb(0, 0, 0) url('data/icons/thumb_prev.png') no-repeat center center;
	background: rgba(0, 0, 0, 0.6) url('data/icons/thumb_prev.png') no-repeat center center;
	display:none;
}

#componentWrapper .thumbBackward_v{
	position:absolute;
	height:50px;
	width:100px;
	left:40px;
	top:0px;
	background: rgb(0, 0, 0) url('data/icons/thumb_prev_v.png') no-repeat center center;
	background: rgba(0, 0, 0, 0.6) url('data/icons/thumb_prev_v.png') no-repeat center center;
	display:none;
}

#componentWrapper .thumbForward{
	position:absolute;
	width:50px;
	height:67px;
	top:40px;
	right:0px;
	background: rgb(0, 0, 0) url('data/icons/thumb_next.png') no-repeat center center;
	background: rgba(0, 0, 0, 0.6) url('data/icons/thumb_next.png') no-repeat center center;
	display:none;
}

#componentWrapper .thumbForward_v{
	position:absolute;
	height:50px;
	width:100px;
	left:40px;
	bottom:0px;
	background: rgb(0, 0, 0) url('data/icons/thumb_next_v.png') no-repeat center center;
	background: rgba(0, 0, 0, 0.6) url('data/icons/thumb_next_v.png') no-repeat center center;
	display:none;
}

#componentWrapper .thumbs{
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:67px;
	float:left;
	background:#fff;
}

#componentWrapper .thumbs_v{
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:67px;
	background:#fff;
}

#componentWrapper .thumb_img{
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#componentWrapper .playlistControls{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:40px;
	background:#fff;
}

#componentWrapper .playlistControls_v{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:40px;
	background:#fff;
}

#componentWrapper .playlist_toggle{
	position:absolute;
	width:30px;
	height:40px;
	left:50%;
	top:0px;
	margin-left:-15px;
	background: #fff url('data/icons/thumb_prev_v.png') no-repeat center center;
}

#componentWrapper .playlist_toggle_left{
	position:absolute;
	width:30px;
	height:40px;
	left:20px;
	top:0px;
	background: #fff url('data/icons/thumb_prev_v.png') no-repeat center center;
}

#componentWrapper .playlist_toggle_v{
	position:absolute;
	height:30px;
	width:40px;
	top:50%;
	left:0px;
	margin-top:-15px;
	background: #fff url('data/icons/thumb_prev.png') no-repeat center center;
}

#componentWrapper .playlist_toggle_v_bottom{
	position:absolute;
	height:30px;
	width:40px;
	bottom:20px;
	left:0px;
	background: #fff url('data/icons/thumb_prev.png') no-repeat center center;
}

#componentWrapper .playlist_switch{
	position:absolute;
	width:30px;
	height:40px;
	right:20px;
	top:0px;
	background: #fff url('data/icons/switch.png') no-repeat center center;
}

#componentWrapper .playlist_switch_v{
	position:absolute;
	height:30px;
	width:40px;
	top:20px;
	left:0px;
	background: #fff url('data/icons/switch.png') no-repeat center center;
}

#componentWrapper .controls{
	position:absolute;
	width:120px;
	height:40px;
	top:30px;
	left:50%;
	margin-left:-60px;
	background:#fff;
}

#componentWrapper .controls_prev{
	position:relative;
	width:33%;
	height:40px;
	top:0px;
	left:0px;
	float:left;
	background: #fff url('data/icons/controls_prev.png') no-repeat center center;
}

#componentWrapper .controls_toggle{
	position:relative;
	width:33%;
	height:40px;
	top:0px;
	left:0px;
	float:left;
	background: #fff url('data/icons/play.png') no-repeat center center;
}

#componentWrapper .controls_next{
	position:relative;
	width:33%;
	height:40px;
	top:0px;
	left:0px;
	float:left;
	background: #fff url('data/icons/controls_next.png') no-repeat center center;
}

#componentWrapper .controls_vol_fs{
	position:absolute;
	width:30px;
	height:30px;
	top:30px;
	left:0px;
}

#componentWrapper .controls_fullscreen{
	position:relative;
	width:30px;
	height:30px;
	top:0px;
	left:0px;
	background: #fff url('../data/icons/fullscreen_enter.png') no-repeat center center;
	margin-bottom:5px;
	
}

#componentWrapper .controls_volume{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	height:30px;
}

#componentWrapper .volume_toggle{
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
	height:30px;
	background: #fff url('data/icons/volume.png') no-repeat center center;
}

#componentWrapper .volume_seekbar{
	position:absolute;
	top:0px;
	left:35px;
	width:80px;
	height:30px;
	background:#fff;
	display:none;
}

#componentWrapper .volume_bg{
	position:absolute;
	top:13px;
	left:10px;
	width:60px;
	height:5px;
	background:#999;
}

#componentWrapper .volume_level{
	position:absolute;
	top:13px;
	left:10px;
	width:0px;
	height:5px;
	background:#333;
}

#componentWrapper .seekbar{
	position:absolute;
	top:0px;
	left:0px;
	height:15px;
}

#componentWrapper .seekbar_hit{
	position:absolute;
	left:0px;
	top:0px;
	height:15px;
}


#componentWrapper .load_progress{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:10px;
	background:#ccc;
}

#componentWrapper .play_progress{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:10px;
	background:#999;
}

#componentWrapper .skip_intro{
	position:absolute;
	right:30px;
	top:30px;	
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:500;
	color:#e5e5e5;
	padding: 5px 10px 5px 10px;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#componentWrapper .skip_intro_on{
	position:absolute;
	right:30px;
	top:30px;	
	background-color: rgb(204,204,204);
	background-color: rgba(204,204,204, 1);	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:500;
	color:#ffffff;
	padding: 5px 10px 5px 10px;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#componentWrapper .skip_intro_top{
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:100%;	
	background-color: #111;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:500;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;     
	color:#e5e5e5;
}

#componentWrapper .skip_intro_top_on{
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:100%;	
	background-color: #ccc;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:500;
	text-align: center;
	vertical-align: middle;
	line-height: 40px; 
	color:#ffffff;
}

#componentWrapper .big_play{
	position:fixed;
	width:76px;
	height:76px;
	left:40px;
	bottom:20px;
	margin-left:-38px;
	margin-top:-38px;
	display:none;
}

#componentWrapper .big_play img{
	display:block;
	width:1px;
	height:1px;
}

#componentWrapper .mediaPreloader{
	position:absolute;
	top:45px;
	right:20px;
	margin:-25px 0px 0px -25px;
	background:#000 url('../data/icons/loader.gif') no-repeat center center;
	width:50px;
	height:50px;
	z-index:9999;
	opacity:0.7;
}
			
			
/* ------------------------------------------------------------------------
	Custom Scrollbar
------------------------------------------------------------------------- */					

::-webkit-scrollbar {
width: 10px;
height: 10px;
}
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: transparent;
}
 
::-webkit-scrollbar-track-piece  {
background-color: #333;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #eee;
border: 2px solid #333;
-webkit-border-radius: 10px;
}

/* ------------------------------------------------------------------------
	Project Brief Slider
------------------------------------------------------------------------- */

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
  background:#fff url(images/loading.gif) no-repeat 50% 50%;
  margin-bottom:10px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 2px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:12px;
	height:12px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -12px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:50px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
	top:163px;
}
.theme-default a.nivo-prevNav {
	left:0px;
  top:163px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#000;
    border-bottom:1px dotted #000;
}
.theme-default .nivo-caption a:hover {
    color:#000;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:30px;
	background:#fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15.0px;
  line-height:1.13em;
	color:#3b3b3b;
	z-index:8;
	padding: 15px 30px 15px 30px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* ------------------------------------------------------------------------
	PrettyPhoto Lightbox
------------------------------------------------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,

	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) 3px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { width:40px; height:40px; margin:-20px 0 0 -20px; text-indent:-999em; background: url(images/loading.gif) center center no-repeat #000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 7px 0 0 0; }
				.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

.pp_nav p {  font-size: 14px; font-family: Helvetica, Arial, sans-serif; color:#FFF; }
.pp_description { margin-top: 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color:#FFF;	}
.pp_social {display:none;}


/* ------------------------------------------------------------------------
	Buttons
------------------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
a img {
    border: none;
}
a{
    text-decoration: none;
    cursor: pointer;
}

/***------ @SPLIT BUTTONS ------***/

.split-btn {
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    text-decoration :none;
    font-family: 'Helvetica', arial, sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    color: #fff;
    position:relative;
    padding:10px 20px 9px;
    margin: 3px 3px;
    height:15px;
    display: inline-block;
    text-align: center;
    margin-left: 35px;
    background-color: #0080c7;
    background: -moz-linear-gradient(top, #0092d9, #006ab0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0092d9), to(#006ab0));
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #00548c, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #00548c, 0px 8px 5px #999;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #00548c, 0px 8px 5px #999;
    cursor: pointer;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.split-btn:hover {
    text-shadow: 0 1px 1px #222, 0 0 40px rgba(255,255,255,1),0 0 40px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1);
    color: #fff;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}
.split-btn:active {
    top:3px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #00548c, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #00548c, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #00548c, 0px 4px 3px #999;
}

.split-btn img {
    height: 14px;
    width: 16px;
    max-height:26px;
    line-height:20px;
    position:absolute;
    top:0px;
    left:-37px;
    display:block;
    padding:10px 10px;
    font-size:14px;
    font-weight:bold;
    color: rgba(255,255,255,0.6);
    text-shadow:1px 1px 0px #07526e;
    border-right:solid 1px rgba(0,0,0,0.2);
    border-bottom: none;
    background-color: #0080c7;
    background: -moz-linear-gradient(top, #006ab0, #005f8d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006ab0), to(#005f8d));
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #004566, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #004566, 0px 8px 5px #999;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #004566, 0px 8px 5px #999;
}
.split-btn:hover img {

}
.split-btn:active img {
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #004566, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #004566, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #004566, 0px 4px 3px #999;
}

/***------ @COLORS ------***/

.ani-pink{
    background: #151515;
    border: 1px solid #3c2c37;
    border-top: 1px solid #5a3e52;
    border-bottom: 1px solid #290d21;
    color: #d3c1ce;
    display: inline-block;
    -webkit-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f020b,
    inset -1px 0 0 #0f020b,
    inset 0px 9px 4px #0f020b,
    inset 0px -9px 4px #0f020b,
    inset 9px 0 3px #ff42c6,
    inset 10px 0 3px #cf0092;
    -moz-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f020b,
    inset -1px 0 0 #0f020b,
    inset 0px 9px 4px #0f020b,
    inset 0px -9px 4px #0f020b,
    inset 9px 0 3px #ff42c6,
    inset 10px 0 3px #cf0092;
    box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f020b,
    inset -1px 0 0 #0f020b,
    inset 0px 9px 4px #0f020b,
    inset 0px -9px 4px #0f020b,
    inset 9px 0 3px #ff42c6,
    inset 10px 0 3px #cf0092;
}
.ani-pink:hover{
    color: #ffe8f8;
    box-shadow: 0px 1px 7px #cf0092;
    border: 1px solid #ff42c6;
    border-left: 1px solid #cb48a4;
    border-right: 1px solid #cb48a4;
}
.ani-orange{
    background: #151515;
    border: 1px solid #3c322c;
    border-top: 1px solid #5a493e;
    border-bottom: 1px solid #29180d;
    color: #d3c8c1;
    display: inline-block;
    -webkit-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0702,
    inset -1px 0 0 #0f0702,
    inset 0px 9px 4px #0f0702,
    inset 0px -9px 4px #0f0702,
    inset 9px 0 3px #ff8e42,
    inset 10px 0 3px #cf5300;
    -moz-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0702,
    inset -1px 0 0 #0f0702,
    inset 0px 9px 4px #0f0702,
    inset 0px -9px 4px #0f0702,
    inset 9px 0 3px #ff8e42,
    inset 10px 0 3px #cf5300;
    box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0702,
    inset -1px 0 0 #0f0702,
    inset 0px 9px 4px #0f0702,
    inset 0px -9px 4px #0f0702,
    inset 9px 0 3px #ff8e42,
    inset 10px 0 3px #cf5300;
}
.ani-orange:hover{
    color: #fff1e8;
    box-shadow: 0px 1px 7px #cf5300;
    border: 1px solid #ff8e42;
    border-left: 1px solid #cb7c48;
    border-right: 1px solid #cb7c48;
}
.ani-yellow{
    background: #151515;
    border: 1px solid #3c382c;
    border-top: 1px solid #5a493e;
    border-bottom: 1px solid #29220d;
    color: #d3cfc1;
    display: inline-block;
    -webkit-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0c02,
    inset -1px 0 0 #0f0c02,
    inset 0px 9px 4px #0f0c02,
    inset 0px -9px 4px #0f0c02,
    inset 9px 0 3px #ffd342,
    inset 10px 0 3px #cf9e00;
    -moz-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0c02,
    inset -1px 0 0 #0f0c02,
    inset 0px 9px 4px #0f0c02,
    inset 0px -9px 4px #0f0c02,
    inset 9px 0 3px #ffd342,
    inset 10px 0 3px #cf9e00;
    box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #0f0c02,
    inset -1px 0 0 #0f0c02,
    inset 0px 9px 4px #0f0c02,
    inset 0px -9px 4px #0f0c02,
    inset 9px 0 3px #ffd342,
    inset 10px 0 3px #cf9e00;
}
.ani-yellow:hover{
    color: #fffae8;
    box-shadow: 0px 1px 7px #cf9e00;
    border: 1px solid #ffd342;
    border-left: 1px solid #cbac48;
    border-right: 1px solid #cbac48;
}
.ani-green{
    background: #151515;
    border: 1px solid #2c3c30;
    border-top: 1px solid #3e5a45;
    border-bottom: 1px solid #0d2914;
    color: #c1d3c5;
    display: inline-block;
    -webkit-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #020f05,
    inset -1px 0 0 #020f05,
    inset 0px 9px 4px #020f05,
    inset 0px -9px 4px #020f05,
    inset 9px 0 3px #42ff71,
    inset 10px 0 3px #00cf34;
    -moz-box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #020f05,
    inset -1px 0 0 #020f05,
    inset 0px 9px 4px #020f05,
    inset 0px -9px 4px #020f05,
    inset 9px 0 3px #42ff71,
    inset 10px 0 3px #00cf34;
    box-shadow:
    0px 1px 3px #000,
    inset 1px 0 0 #000,
    inset -1px 0 0 #000,
    inset 7px 0 2px #020f05,
    inset -1px 0 0 #020f05,
    inset 0px 9px 4px #020f05,
    inset 0px -9px 4px #020f05,
    inset 9px 0 3px #42ff71,
    inset 10px 0 3px #00cf34;
}
.ani-green:hover{
    color: #e8ffee;
    box-shadow: 0px 1px 7px #00cf34;
    border: 1px solid #42ff71;
    border-left: 1px solid #48cb69;
    border-right: 1px solid #48cb69;
}
.btn-animate:active{
    color: #fff;
    -webkit-box-shadow: 0px 1px 4px #fff;
    -moz-box-shadow: 0px 1px 4px #fff;
    box-shadow: 0px 1px 4px #fff;
    border: 1px solid #eee;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.p-pink {
    background: #e618a8;
    background: -moz-linear-gradient(top, #e618a8, #99006b);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e618a8), to(#99006b));
}
.p-pink:hover {
    background-color: #cb008e;
    background: -moz-linear-gradient(top, #ff00b2, #cb008e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff00b2), to(#cb008e));
}
.p-pink:active {
    background: #99006b;
}
.p-orange {
    background: #e66a18;
    background: -moz-linear-gradient(top, #e66a18, #993d00);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e66a18), to(#993d00));
}
.p-orange:hover {
    background-color: #cb5100;
    background: -moz-linear-gradient(top, #ff6600, #cb5100);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6600), to(#cb5100));
}
.p-orange:active {
    background: #993d00;
}
.p-green {
    background: #6bcd15;
    background: -moz-linear-gradient(top, #6bcd15, #3b8000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6bcd15), to(#3b8000));
}
.p-green:hover {
    background-color: #54b200;
    background: -moz-linear-gradient(top, #6be500, #54b200);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6be500), to(#54b200));
}
.p-green:active {
    background: #3b8000;
}
.p-yellow {
    background: #e6b618;
    background: -moz-linear-gradient(top, #e6b618, #997500);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6b618), to(#997500));
}
.p-yellow:hover {
    background-color: #cb9c00;
    background: -moz-linear-gradient(top, #ffc400, #cb9c00);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc400), to(#cb9c00));
}
.p-yellow:active {
    background: #997500;
}


.sp-pink {
    background-color: #c7008b;
    background: -moz-linear-gradient(top, #d90098, #b0007b);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90098), to(#b0007b));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c0062, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c0062, 0px 8px 5px #999;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c0062, 0px 8px 5px #999;
}
.sp-pink:active {
    -webkit-box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #8c0062, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #8c0062, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #8c0062, 0px 4px 3px #999;
}
.sp-pink img {
    text-shadow:1px 1px 0px #6e074f;
    background-color: #c7008b;
    background: -moz-linear-gradient(top, #b0007b, #8d0063);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b0007b), to(#8d0063));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #660047, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #660047, 0px 8px 5px #999;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #660047, 0px 8px 5px #999;
}
.sp-pink:active img {
    -webkit-box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #660047, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #660047, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ec2ab2, 0px 2px 0px 0px #660047, 0px 4px 3px #999;
}
.sp-orange {
    background-color: #c75000;
    background: -moz-linear-gradient(top, #d95700, #b04600);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d95700), to(#b04600));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c3800, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c3800, 0px 8px 5px #999;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c3800, 0px 8px 5px #999;
}
.sp-orange:active {
    -webkit-box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #8c3800, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #8c3800, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #8c3800, 0px 4px 3px #999;
}
.sp-orange img {
    text-shadow:1px 1px 0px #6e3007;
    background-color: #c75000;
    background: -moz-linear-gradient(top, #b04600, #8d3800);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b04600), to(#8d3800));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #662900, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #662900, 0px 8px 5px #999;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #662900, 0px 8px 5px #999;
}
.sp-orange:active img {
    -webkit-box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #662900, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #662900, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ec782a, 0px 2px 0px 0px #662900, 0px 4px 3px #999;
}
.sp-yellow {
    background-color: #c79900;
    background: -moz-linear-gradient(top, #d9a600, #b08700);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9a600), to(#b08700));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c6b00, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c6b00, 0px 8px 5px #999;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #8c6b00, 0px 8px 5px #999;
}
.sp-yellow:active {
    -webkit-box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #8c6b00, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #8c6b00, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #8c6b00, 0px 4px 3px #999;
}
.sp-yellow img {
    text-shadow:1px 1px 0px #6e5607;
    background-color: #c79900;
    background: -moz-linear-gradient(top, #b08700, #8d6c00);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b08700), to(#8d6c00));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #664e00, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #664e00, 0px 8px 5px #999;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #664e00, 0px 8px 5px #999;
}
.sp-yellow:active img {
    -webkit-box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #664e00, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #664e00, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #ecbf2a, 0px 2px 0px 0px #664e00, 0px 4px 3px #999;
}
.sp-green {
    background-color: #5cc700;
    background: -moz-linear-gradient(top, #65d900, #52b000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65d900), to(#52b000));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #418c00, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #418c00, 0px 8px 5px #999;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #418c00, 0px 8px 5px #999;
}
.sp-green:active {
    -webkit-box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #418c00, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #418c00, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #418c00, 0px 4px 3px #999;
}
.sp-green img {
    text-shadow:1px 1px 0px #376e07;
    background-color: #5cc700;
    background: -moz-linear-gradient(top, #52b000, #428d00);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52b000), to(#428d00));
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #306600, 0px 8px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #306600, 0px 8px 5px #999;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 4px 0px 0px #306600, 0px 8px 5px #999;
}
.sp-green:active img {
    -webkit-box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #306600, 0px 4px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #306600, 0px 4px 3px #999;
    box-shadow: inset 0px 1px 0px #85ec2a, 0px 2px 0px 0px #306600, 0px 4px 3px #999;
}


.icon-pink {
    background-color: #c7008b;
    background: -moz-linear-gradient(top, #d90098, #b0007b);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90098), to(#b0007b));
}
.icon-orange {
    background-color: #c75000;
    background: -moz-linear-gradient(top, #d95700, #b04600);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d95700), to(#b04600));
}
.icon-yellow {
    background-color: #c79900;
    background: -moz-linear-gradient(top, #d9a600, #b08700);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9a600), to(#b08700));
}
.icon-green {
    background-color: #5cc700;
    background: -moz-linear-gradient(top, #65d900, #52b000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65d900), to(#52b000));
}


/***------ @BUTTON SIZES ------***/

.small-btn{
    padding: 2px 12px;
    font-size: 10px;
}

.large-btn{
    padding: 7px 22px;
    font-size: 14px;
}
.xlarge-btn{
    padding: 9px 32px;
    font-size: 16px;
}
.xxl-btn{
    padding: 12px 32px;
    font-size: 16px;
}

/***------ Fix for WebPlus ------***/
.split-btn span { color: #fff;}



/***------ More Buttons------***/

.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index:0;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	text-decoration:none;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}


.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
}
.button.large span {
	font-size:18px;
}


.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}
.button.amaranth {
	background-color: #E52B50;
}



/* ------------------------------------------------------------------------
	Accordion
------------------------------------------------------------------------- */		
		
.section
{
	display: block;
} 

.accordion
{
	width: 910px;
	padding: 0px;	
	margin: 0px;
}
 
.accordion section 
{
 	border: 1px solid #DBDBDB;
	margin: 5px;
	
	background-color: #fff;
}

.accordion h2,
 .accordion p
{
	margin: 0;	
}

.accordion div
{
	height: 200px;
	display: none;
}

.accordion p
{
	padding: 10px;
	font-family: 'Arial', 'Lucida Sans', Arial, Helvetica;
	font-size:15.0px; line-height:1.13em;
  color: #3b3b3b;
}
 
.accordion h2 a 
{
	display: block;
	position: relative;
	font-family: 'Arial', 'Lucida Sans', Arial, Helvetica;
	padding: 10px;
	color: #3b3b3b;
	outline: 0;
	text-decoration: none;
}

.accordion h2 a:after 
{  
  content: url(images/acc-closed.png);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}

.accordion h2 a:hover 
{
	background: #fff;
}
 
.accordion h2.active a:after 
{  
  content: url(images/acc-open.png);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}