@charset "UTF-8";

/*
	Theme Name: Suite
	Theme URL: http://rawvideo.co.uk
	Description: Suite is a bespoke WordPress theme created for RAWvideo
	Author: PointandStare.com
	Author URI: http://pointandstare.com/
	Version: 1.0 
	
	Tags: video, fixed width, three columns, widgets

	Suite v1.0
	http://rawvideo.co.uk

	This theme was designed and built by Lee Rickler,
	Director of Point and Stare - http://pointandstare.com and is copyright RAWvideo

	The CSS, XHTML and design is copyright RAWvideo

*/


/* -- ** RESET ** --*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, b, u, i, center, 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-size:100%;
	font-weight:normal;
	vertical-align:top;
	background:transparent
}
p {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top
}
body {
	line-height:1
}

blockquote, q {
	quotes:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/* -- RESET END ** -- */

/* -- ** GLOBAL STYLES ** -- */

* {
	margin:0;
	padding:0
	}

body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2em;
	background:#064094 url(../../uploads/main_bg.jpg) top center no-repeat fixed
	}

img {
	border:none;
	padding:0
	}

img a {
	border:none
	}

blockquote {
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px
	}

code {
	font-family:"Courier New", Courier, monospace
	}

.clear {
	clear:both;
	height:1px
	}

/* -- ** MAIN LINKS ** -- */

a {
	color:#000;
	text-decoration:underline
	}

a:hover {
	text-decoration:none
	}

.read_more a {
	padding:10px 20px 10px 40px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:80%;
	color:#fff;
	text-shadow:#666 1px 1px;
	float:right;
	background:url(images/top_bar_nav_bg_off.png) left no-repeat
	}

.read_more a:hover {
	background:url(images/top_bar_nav_bg_on.png) left no-repeat
	}

.read_more_left a {
	background:url(images/top_bar_nav_bg_off.png) left no-repeat;
	color:#fff;
	font-size:80%;
	padding:10px 20px 10px 40px;
	text-shadow:#666 1px 1px;
	text-decoration:none;
	text-transform:uppercase
	}

.read_more a:hover, .read_more_left a:hover {
	background:url(images/top_bar_nav_bg_on.png) left no-repeat
	}

div.read_more_left {
	margin-bottom:10px
	}

/* -- ** MOZZY CORNERS ** -- */

/* TOP LEFT/ RIGHT */

#main_content, #footer {
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px
	}

/* BOTTOM LEFT/ RIGHT */

#main_content, #navbar, li.tab_filming, li.tab_post, li.tab_online_social, li.tab_audio_services {
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px
	}

/* TOP LEFT */

.about, .raw_twitter, .case_studies_home, .latest_news, .connect_home, .our_clients_home {
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border:dotted 1px #cfcfcf;
	background:url(images/main_box_bg.jpg) repeat-x top
	}

/* HEADERS NO-WRAP */

.top_bar_left h1, .about h2, .case_studies_home h2, .connect_home h2, .our_clients_home h2, .latest_news h2, .raw_twitter h2 {
	white-space:nowrap
	}
	
/* -- ** CONTAINER ** -- */

#container {
	width:1036px;
	margin: 0 auto;
	padding:0;
	color:#333;
	background:url(images/container_bg.png) repeat-y
	}

/* -- ** HEADER ** -- */

#header {
  	width:960px;
  	height:100px;
	margin:0 auto
	}

#header h1 {
	font-size:106%;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:20px 0 0 16px;
	text-align:right
	}

#header h1 img {
	margin-bottom:6px
	}

#header h1 a {
	text-decoration:underline
	}

#header h1 a:hover {
	text-decoration: none;
	}

.header_left {
	display:block;
	float:left
	}

.header_right {
	color:#fff;
	display:block;
	float:right;
	font-size:90%;
	text-align:right
	}

.tel_number {
	color:#fff;
	display:block;
	font-size:260%;
	padding-top:12px;
	padding-right:10px;
	}

.tel_number a {
	color:#fff;
	text-decoration:none
	}

ul#header_contacts {
	display:inline-block;
	height:20px;
	width:360px;
	padding-right:10px;
	}

ul#header_contacts li {
	display:inline-block;
	list-style:none
	}

ul#header_contacts li.quote_box {
	padding:3px 6px 2px 6px;
	margin:0 10px 0 0;
	background: url(images/title_bg.png) top left
	}

.quote_box a {
	text-transform:uppercase;
	color:#fff;	
	text-decoration:none;
	}

ul#header_contacts li.quote_box:hover {
	text-shadow:#666 1px 1px;
	background:#000
	}

ul#header_contacts li.cmb_box {
	padding:3px 5px 2px 5px;
	margin:0;
	background: url(images/title_bg.png) top left
	}

.cmb_box a {
	text-transform:uppercase;
	color:#fff;	
	text-decoration:none;
	}

ul#header_contacts li.cmb_box:hover {
	text-shadow:#666 1px 1px;
	background:#000
	}

ul#header_contacts li.skype_box {
	padding:3px 5px 2px 5px;
	margin:0 0 0 10px;
	background: url(images/title_bg.png) top left
	}

.skype_box a {
	text-transform:uppercase;
	color:#fff;	
	text-decoration:none;
	}

ul#header_contacts li.skype_box:hover {
	text-shadow:#666 1px 1px;
	background:#000
	}

/* -- ** MAIN NAVBAR ** -- */

#navbar {
	display:block;
	float:right;
	font-size:80%;
	text-transform:uppercase;
	background:#000
	}

#navbar ul {
	margin:0;
	padding:0
	}

#navbar ul li {
	list-style: none;
	float:left;
	margin:0;
	padding:0
	}

#navbar ul li a {
	display:block;
	padding:4px 10px;
	margin:0;
	color:#fff;
	text-decoration:none
	}

#navbar ul li a:hover, #navbar .current_page_item a {
	color:#3888c1
	}

/* -- ** CONTENT ** -- */

#main_content {
	display:block;
	width:940px;
	margin:0 auto;
	padding:10px 10px 0 10px;
	background:#fff;
	}

#content {
	display:block;
	width:940px
	}

/* -- ** TOP BAR ** -- */

.top_bar {
	background:url(images/top_bar_left_bg.png) no-repeat scroll 31% bottom;
	display:block;
	width:940px
	}

.top_bar_left {
	color:#000;
	display:block;
	float:left;
	padding-left:10px;
	width:390px
	}
	
.top_bar_left h1 {
	background:url(images/title_bg.png) no-repeat;
	color:#fff;
	display:block;
	font-size:150%;
	font-weight:normal;
	height:36px;
	padding:8px 20px 0 10px;
	text-shadow:#666 1px 1px;
	white-space:nowrap;
	width:260px
	}
	
.top_bar_left h2 {
	font-size:160%;
	font-weight:normal
	}

.top_bar_left p {
	padding:3px 0 0 0
	}

.top_bar_left ul {
	list-style:none
	}

.top_bar_left ul li {
	display:block;
	height:19px;
	margin-bottom:10px
	}

.top_bar_left ul li a {
	color:#000;
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	}

.top_bar_left ul li a:hover, .top_bar_left ul li current_page_item a {
	color:#4aa5e7
	}

.top_bar_right {
	background:url(images/video_bg.png) repeat-x;
	display:block;
	float:right;
	padding:10px;
	width:512px
	}

.base_tabs li {
	font-size:120%;
	text-align:center;
	display:inline
	}

li.tab_filming, li.tab_post, li.tab_online_social, li.tab_audio_services {
	display:inline-block;
	width:219px;
	height:22px;
	padding:10px 0 0 0
	}

li.tab_filming {
	margin-right:21px;
	background:#b52565
	}

li.tab_post {
	margin-right:21px;
	background:#e54418
	}

li.tab_online_social {
	margin-right:21px;
	background:#ff7426
	}

li.tab_audio_services {
	background:#0dbd0d
	}

li.tab_filming a, li.tab_post a, li.tab_online_social a, li.tab_audio_services a {
	color:#fff;
	text-transform:uppercase;
	text-shadow:#666 1px 1px;
	text-decoration:none
	}

li.tab_filming a:hover, li.tab_post a:hover, li.tab_online_social a:hover, li.tab_audio_services a:hover {
	color:#333
	}

/* -- ** HOME CONTENT ** -- */

.home_columns {
	width:617px;
	padding:0;
	margin:0
	}

/* -- ** ABOUT ** -- */

.about {
	display:block;
	width:570px;
	margin:20px 0;
	padding:20px 20px 40px 20px;
	}

.about h2 {
	width:90px;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	background:url(images/title_bg.png) no-repeat
	}

.about p {
	font-size:100%;
	line-height:1.2em;
	padding:10px 0
	}

/* -- ** CASE STUDIES ** -- */

.stepcarousel2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width:250px; /*Width of Carousel Viewer itself*/
	height:580px; /*Height should enough to fit largest content's height*/
	color:#fff;
	line-height:1.2em
	}

.stepcarousel2 .belt2 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0
	}

.stepcarousel2 .panel2 {
	float: left;
	overflow: hidden;
	width:250px;
	padding:0
	}	

.stepcarousel2 .panel2 p {
	padding:10px 0 0;
	color:#000;
	text-align: left;
	overflow: hidden
	}

.stepcarousel2 .panel2 p strong {
	font-weight:bold
	}

.stepcarousel2 .panel2 h3 {
	font-size:100%;
	font-weight:bold;
	padding:3px 0;
	color:#000
	}

.case_studies_home {
	display:block;
	position:relative;
	float:left;
	width:250px;
	font-size:90%;
	margin:0;
	padding:20px 20px 0 20px;
	background:url(images/main_box_bg.jpg) repeat-x top
	}

.case_studies_home h2 {
	width:140px;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	background:url(images/title_bg.png) no-repeat
	}

.stepcarousel2 .panel2 ul {
	padding-left:15px;
	list-style:square
	}

.stepcarousel2 .panel2 ul li {
	color:#000
	}

.case_study_internal {
	display:block;
	padding:10px;
	width:500px;
	clear:both;
	margin:0 auto;
	font-style:italic;
	background:#e8e8e8
	}

/* -- ** CONNECT ** - */

.connect_home {
	display:block;
	float:right;
	width:280px;
	font-size:90%;
	margin:0;
	padding:20px 0 0 20px	
	}

.connect_home h2 {
	width:90px;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	background:url(images/title_bg.png) no-repeat
	}

.connect_home p {
	margin-top:20px;
	padding:10px
	}

form * {
	margin:0;padding:0;
	}

legend {
	color:#000; /* IE styles legends with blue text by default */
	width:100px;
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	}

fieldset {
	border:1px solid #dedede;
	width:250px;
	padding:10px 0 10px 10px
	}

fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	}

fieldset div {display:block;} /* Reset element back to block leaving layout in ie */

.newsletter-form input {
	display:inline-block;
	width:155px;
	height:22px;
	padding:0 4px 4px;
	border:solid 1px #666
	}

#header-newsletter-button {
	display:inline;
	width:70px;
	height:30px;
	margin-right:6px;
	padding:0 4px 4px;
	float:right;
	text-transform:uppercase;
	cursor:pointer;
	border:solid 1px #e8e8e8
	}

.social_icons img {
	padding:0 14px 6px 0
	}

/* -- ** OUR CLIENTS ** - */

.our_clients_home {
	display:block;
	float:right;
	width:280px;
	margin-top:20px;
	padding:20px 0 0 20px
	}

.our_clients_home h2 {
	width:120px;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	background:url(images/title_bg.png) no-repeat
	}

.our_clients_home p {
	margin-top:20px;
	padding:10px
	}

.post {
	display:block;
	width:720px;
	font-size:110%;
	margin:0;
	padding-top:18px;
	line-height:1.4em;
	float:right
	}

.post p {
	margin-bottom: 20px;
	line-height: 21px
	}

.post p strong {
	color:#4aa5e7;
	font-weight:bold
	}

.post p em {
	color:#000;
	font-style:normal;
	font-weight:bold
	}

#post-134 .post p strong {
	color:#000;
	font-weight:bold
	}

.post h1 {
	font-size:326%;
	color:#000;
	font-weight:bold;
	padding-bottom:30px
	}

.post h2 {
	color: #000;
	font-size:200%;
	line-height:1em;
	margin-bottom:10px
	}
	
.post h2 a:hover {
	color: #777;
	text-decoration: none
	}

.post h3 a {
	font-size:160%
	}

.post ul, .blog ul {
	padding:0 0 10px 20px;
	list-style: square;
	}

.post li, .blog li {
	line-height:1.3em;
	padding-bottom:10px
	}

.post li strong {
	font-weight:bold
	}

.entry p {
	margin:12px 0
	}

.postmetadata {
	clear: both;
	background:#e8e8e8;
	padding:6px;
	margin: 20px 0;
	font-size:66%
	}

.navigation {
	font-size:100%;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden
	}

.navigation a {
	font-style:italic;
	text-decoration:none
	}

.navigation a:hover {
	color: #4aa5e7
	}
	
.alignleft a {
	float:left;
	margin:25px 0
	}

.alignright a {
	float:right;
	margin:25px 0
	}

/* -- ** BLOG ** -- */

.blog {
	display:block;
	width:720px;
	margin:0;
	padding-top:20px;
	line-height:1.4em;
	float:right
	}

.blog p {
	margin-bottom: 20px;
	line-height: 21px
	}

.blog p strong {
	font-size:110%;
	line-height:1.6em;
	color:#4aa5e7;
	font-weight:bold
	}

.blog h1 {
	font-size:400%;
	color:#000;
	font-weight:bold;
	padding-bottom:30px
	}

.blog h2 a {
	color: #000;
	font-size:200%;
	line-height:1em;
	text-decoration:none
	}
	
.blog h2 a:hover {
	color: #777;
	text-decoration: none
	}

.blog h3 a {
	font-size:160%
	}

.blog_thumb {
	float:left;
	padding:6px;
	margin-right:20px;
	margin-bottom:10px;
	border:dotted 1px #cfcfcf
	}

.blog_date {
	font-size:90%;
	padding:6px 0
	}

.size-medium {
	float:left;
	padding:6px;
	margin-right:20px;
	margin-bottom:20px;
	border:dotted 1px #cfcfcf
	}

/* -- ** TESTIMONIALS ** -- */

.testimonials {
	display:block;
	width:720px;
	margin:0;
	padding-top:20px;
	line-height:1.4em;
	float:right
	}

.testimonials p {
	line-height: 21px
	}

.testimonials strong {
	font-size:90%;
	line-height:1.6em;
	color:#4aa5e7;
	font-weight:bold
	}

.testimonials h1 {
	font-size:400%;
	color:#000;
	font-weight:bold;
	padding-bottom:30px
	}

.testimonials h2 a {
	color: #000;
	font-size:200%;
	text-decoration:none
	}
	
.testimonials h2 a:hover {
	color: #777;
	text-decoration: none
	}

.testimonials h3 a {
	font-size:160%
	}

.testimonials_thumb {
	float:left;
	padding:6px;
	margin-right:20px;
	margin-bottom:20px;
	border:dotted 1px #cfcfcf
	}

/* -- ** LEFT SIDEBAR ** -- */

#left {
	width:190px;
	float:left;
	margin:10px 0;
	padding:0;
	font-weight:normal
	}

#left a {
	color: #000;
	font-weight: bold;
	font-size:90%;
	text-transform: uppercase;
	text-decoration:none
	}

#left a:hover, #left .current_page_item a {
	color:#4aa5e7;
	}

#left h2 {
	width:170px;
	padding:10px 10px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	font-size:160%;
	background:url(images/title_bg.png) no-repeat
	}

#left label {
	font-size:82%;
	color:#000;
	margin:0;
	padding:0
	}

#left p {
	margin:0;
	padding:0
	}

#left img {
	padding:0;
	margin: 0
	}

#left ul {
	margin:0;
	padding:0
	}

#left ul li {
	margin:0;
	padding:0;
	line-height:1.6em;
	list-style-type:none
	}

#left ul ul {
	margin:6px 0;
	padding:0
	}

#left ul ul li {
	list-style-type:none
	}

#left ul ul ul {
	margin:0;
	padding:0
	}

#left ul ul ul li {
	padding:0;
	list-style-type:circle;
	color:#898989
	}

#left .xoxo, #left .panel {
	float:left;
	margin-bottom:20px;
	padding:0 0 20px 0;
	font-weight:normal;
	font-size:90%
	}

#left .xoxo, #left .panel p, #left .xoxo, #left .panel h3 {
	padding:0 10px
	}

 #left .panel h3 {
 	font-weight:bold
	}

#left .textwidget {
	margin-bottom:20px
	}

#left .textwidget img {
	padding:0
	}

 #left .panel .read_more a {
	padding:10px 20px 10px 40px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:80%;
	color:#fff;
	text-shadow:#666 1px 1px;
	float:right;
	background:url(images/top_bar_nav_bg_off.png) left no-repeat
	}

 #left .panel .read_more a:hover {
	background:url(images/top_bar_nav_bg_on.png) left no-repeat
	}


/* -- ** RIGHT SIDEBAR ** -- */

#right {
	width:300px;
	float:right;
	margin-bottom:20px;
	font-weight:normal;
	}

/* -- ** TESTIE SLIDER ** --*/

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width:300px; /*Width of Carousel Viewer itself*/
	height:240px; /*Height should enough to fit largest content's height*/
	color:#fff;
	line-height:1.2em;
	background:#55b2f5 url(images/testimonials_bg.jpg) repeat-x
	}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel {
	float: left;
	overflow: hidden;
	width:260px;
	padding:20px
	}

.stepcarousel .panel h3 {
	font-weight:bold
	}

.stepcarousel .panel p {
	text-align: left;
	overflow: hidden
	}

.stepcarousel .panel em {
	display:block;
	padding-left:1px
	}

img.left_scroll_button, img.right_scroll_button {
	position:absolute
	}

/* -- ** RAW TWITTER ** -- */

.raw_twitter {
	display:block;
	width:278px;
	margin:10px 0 0;
	padding:20px 10px 0 10px;
	background:url(images/main_box_bg.jpg) repeat-x top
	}

.raw_twitter h2 {
	background:url(images/title_bg.png) no-repeat;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	white-space:nowrap;
	width:130px
	}

.raw_twitter p {
	margin-top:20px;
	padding:10px
	}

.raw_twitter ul {
	list-style:none;
	margin:20px auto 0 auto
	}

.raw_twitter ul li {
	font-size:90%;
	padding-bottom:10px;
	}

.raw_twitter ul li a {
	text-decoration:none;
	color:#3883d8
	}

.raw_twitter a.aktt_tweet_time {
	text-decoration:none;
	font-size:80%;
	color:#000
	}

.raw_twitter_head {
	display:block
	}

.raw_twitter_head strong {
	font-weight:bold
	}

.raw_twitter_head img {
	float:left;
	padding:0 10px 6px 0
	}

/* -- ** LATEST NEWS ** -- */

.latest_news {
	display:block;
	position:relative;
	font-size:90%;
	width:258px;
	margin:20px 0;
	padding:20px 20px 0 20px;
	background:url(images/main_box_bg.jpg) repeat-x top
	}

.latest_news h2 {
	width:120px;
	font-size:150%;
	padding:8px 20px 20px 10px;
	text-decoration:none;
	color:#fff;
	text-shadow:#666 1px 1px;
	background:url(images/title_bg.png) no-repeat
	}

.latest_news h3 {
	font-weight:bold;
	padding:3px 0
	}

.latest_news p {
	margin:0;
	padding:10px 0
	}

.latest_news img {
	padding:6px 0
	}

.latest_news ul {
	list-style:none;
	margin:20px auto
	}

.author, .date {
	font-size:76%;
	font-style:italic
	}

/* -- ** CONTACT ** -- */

.cont_details {
	display:inline-block;
	width:50px;
	font-weight:bold
	}

/* -- ** COMMENTS ** -- */

#commentform {
	background:#fff;
	margin:0;
	padding:0
	}
	
#commentform p {
	color: #000
	}
	
#commentform a {
	color:#000;
	text-decoration:none;
	line-height:1.2em;
	border-bottom:1px dotted #e8e8e8
	}
	
#commentform h3 {
	font-size:70%;
	font-weight:300;
	color:#000;
	margin:0;
	padding:0
	}
	
#comment {
	width:80%
	}

#email, #url, #comment, #submit {
	font-size:70%;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000
	}
	
#submit {
	margin:5px 5px 0 0
	}

#comments {
	margin:0;
	padding:0
	}
	
ol.commentlist {
	list-style-type:none;
	margin:0;
	padding:0
	}

.avatar {
	float:left;
	margin:0 12px 0 0
	}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none
	}

ol.commentlist li.alt {
	background:#e8e8e8;
	}

ol.commentlist li p {
	margin:6px 0 6px 0;
	padding:0 12px 0 0;
	line-height:1.2em
	}

ol.commentlist a {
	color:#000
	}

cite {
	font-size:69%;
	font-weight:bold;
	font-style:normal
	}

cite a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #e8e8e8
	}

/* -- ** SEARCH ** -- */

#searchform {
	padding:0;
	margin:14px 0
	}

#searchform input#s {
	margin:0;
	border:1px solid #000;
	padding:2px
	}

/* -- ** CFORM ** -- */

.cform { 
	display:block;
	margin:10px 10px 10px 0; 
	width:260px
	}

.cform ol li {
	list-style:none
	}

.cform label span {
	display:block;
	font-size:110%;
	font-weight:bold;
	width:auto;
	white-space:nowrap
	}

.cform .single {
	width:220px;
	height:26px;
	margin:6px 10px 6px 0;
	border:solid 1px #666
	}

.cform .area {
	width:220px;
	height:200px;
	margin:6px 10px 6px 0;
	border:solid 1px #666
	}

.cform .reqtxt, .cform .emailreqtxt {
	margin-left:6px;
	font-size:120%;
	font-weight:bold;
	vertical-align:top;
	color:#ff0000
	}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times;
	color:#666666;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}

ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:280px;
	line-height:1.3em;
	margin:10px 0;
	clear:both
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	display:block;
	width:260px;
	color:#444444;
	background:#F7F7F7 none repeat scroll 0% 50%;
	}

div.failure {
	display:block;
	width:240px;
	background:#ffdfdf!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}

.cform input.cf_upload  {
	width:200px;
	border:1px solid #e8e8e8;
	margin:6px 10px
}

p.cf-sb {
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	margin: 10px 0 0 5px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

/* -- ** EXTRAS ** -- */

.gmap {
	display:block;
	float:right;
	padding:10px;
	border:dotted 1px #666
	}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto
	}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline
	}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline
	}

.alignright {
	float:right
	}

.alignleft {
	float:left
	}
	
.wp-caption {
   text-align:center;
   background-color:#e8e8e8;
   padding-top:4px;
   margin:10px;
   border:1px solid #ccc
   }

.wp-caption img {
   margin:0;
   padding:0;
   border:0 none
   }

.wp-caption p.wp-caption-text {
   font-size:80%;
   line-height:1.4em;
   padding:0 4px 5px;
   margin:0
   }

/* -- ** FOOTER ** -- */

#footer {
	width:920px;
	padding:20px;
	overflow: hidden;
	font-size:60%;
	clear:both;
	margin:10px auto 0 auto;
	background:#fff
	}

#footer .footer_items_col1 {
	display: inline-block;
	text-align:left;
	width:230px;
	color:#000;
	float:left;
	margin-right:140px;
	height:100%
}

#footer .footer_items_col2, #footer .footer_items_col3 {
	display: inline-block;
	text-align:right;
	width:160px;
	float:left;
	margin-right:30px;
	height:100%
}

#footer .footer_items_col4 {
	display: inline-block;
	text-align:right;
	width:160px;
	float:right;
	margin-right:0;
	height:100%
}


#footer .footer_items {
	display: inline-block;
	text-align:left;
	width:200px;
	color:#666;
	float:left
	}

#footer .footer_items_col1 h3, #footer .footer_items_col2 h3, #footer .footer_items_col3 h3, #footer .footer_items_col4 h3 {
	font-size:200%;
	color: #000;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:3px;
	margin-bottom: 5px
	}

#footer .footer_items_col1 ul li, #footer .footer_items_col2 ul li, #footer .footer_items_col3 ul li, #footer .footer_items_col4 ul li {
	list-style:none;
	font-size:140%;
	line-height:1.5em;
	border-bottom:dotted 1px #666
	}

#footer .footer_items ul {
	margin:0;
	padding: 0
	}

.footer_items_col1 .textwidget {
	font-size:140%
	}

.footer_items_col1 .textwidget a {
	font-size:110%!important
	}

.footer_items_col1 .textwidget strong {
	font-weight:bold
	}

#footer li a {
	text-decoration:none;
	color:#666;
	padding-bottom:3px
	}

#footer a {
	color:#666;
	text-decoration:none
	}

#footer a:hover, #footer a:focus, #footer .current_page_item a {
	color:#4aa5e7;
	text-decoration:none
	}

.footer_right {
	display:inline;
	font-size:140%;
	float:right
	}

.footer_left {
	font-size:140%
	}

.footer_logo {
	float:left;
	padding-right:6px;
	margin-bottom:100px
	}

#footer .textwidget a {
	font-size:140%
	}

/* -- ** GFORMS ** -- */

.gform_wrapper{ overflow:hidden;  margin:0;  max-width:640px}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none}
.gform_wrapper:focus{ outline:none}
.gform_wrapper form{ text-align:left}
.gform_wrapper input{ outline-style: none; font-size:11px;  font-family:verdana,sans-serif;  padding:2px 0 2px 0;  letter-spacing:normal}
.gform_wrapper textarea{ outline-style: none; font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal;  padding:2px 0 2px 0;  resize:none; /* doesn't validate but added for Safari field resizing */}
.gform_wrapper ul{ margin:0;  list-style-type:none}
html >body .entry ul, .gform_wrapper ul{text-indent:0px}
.gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden}
.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox  li { overflow:visible;}
.gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers  */}
.gform_wrapper ul.gform_fields{ padding:0px;  margin:0px}
.gform_wrapper select{ font-size:11px;  font-family:verdana,sans-serif;  padding:3px 0 3px 0;  letter-spacing:normal}
.gform_wrapper .inline{ display:inline!important}
.gform_wrapper .gform_heading{ width:98%;  margin-bottom:18px}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px;  float:left}
.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px}
.gform_wrapper .gfield_time_ampm select{ width:60px!important}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important}
.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px;  float:left}
.gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important}
.gform_wrapper .field_hover{ border:1px dashed #2175A9!important;  cursor:pointer}
.gform_wrapper .field_selected{ background-color:#DFEFFF;  border:1px solid #C2D7EF!important}
.gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%;  float:left}
.gform_wrapper .ginput_complex{overflow:hidden}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important}
.gform_wrapper .field_name_last input{ width:93%!important}
.gform_wrapper .datepicker{ width:100px!important}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%;  float:left;}
.gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block;  margin:3px 0 8px 0; font-size:10px; letter-spacing:.1em}
.gform_wrapper .ginput_complex .name_prefix{ float:left;  width:30px!important;  margin-right:14px}
.gform_wrapper .ginput_complex .name_suffix{ float:left;  width:30px!important}
.gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left;  width:100px;  margin-right:8px}
.gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0;  font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both}
.gform_wrapper .left_label .gfield_label {
	float:left;
	margin:2px 15px 0 0;
	width:140px;
	font-weight:bold
	}

.gform_wrapper .right_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:29%;  font-weight:bold;  text-align:right}
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%}
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:90%}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {width:92%}


.gform_wrapper textarea.textarea {
	width:450px
	}

#post-5 .gform_wrapper textarea.textarea {
	width:230px
	}

#post-40 .gform_wrapper textarea.textarea {
	width:130px
	}

#post-40 .gform_wrapper .left_label .gfield_label {
	float:left;
	margin:2px 15px 0 0;
	width:120px;
	font-weight:bold
	}
	
.gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:180px}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%}

#post-40 .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:120px}

.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .top_label textarea.textarea{ width:90%}


 .gform_wrapper h3.gform_title {
 	font-weight:normal
	}

.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%;  float:left}
.gform_wrapper h2.gsection_title{ margin:0!important;  padding:0!important;  letter-spacing:normal!important}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title { font-weight:bold;  font-size:16px;  font-family:Helvetica,sans-serif}
.gform_wrapper h3.gform_title{ letter-spacing:normal!important;  margin:10px 0 6px 0}
.gform_wrapper span.gform_description{font-weight:normal}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title{ width:98%}
.gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important;  padding:0 0 8px 0;  margin:8px 0 16px 0}

/* updated radio and checkbox styling - justifies lenghty labels ----------------------------------- */

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {position:relative;}
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {margin:6px 0; padding:0;}
.gform_wrapper .gfield_checkbox li label,.gform_wrapper .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0; width: auto; line-height:1.5; vertical-align: top;}
.gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {float:left; margin-top:2px;}

/* some built in styles to use for quick radio/checkbox columns ----------------------------------- */

.gf_2col ul.gfield_checkbox li, .gf_2col ul.gfield_radio li {width:50%; float:left; margin:0; min-height:1.8em;}
.gf_3col ul.gfield_checkbox li, .gf_3col ul.gfield_radio li {width:33%; float:left; margin:0; min-height:1.8em;}
.gf_4col ul.gfield_checkbox li, .gf_4col ul.gfield_radio li {width:25%; float:left; margin:0; min-height:1.8em;}
.gf_2col ul.gfield_checkbox, .gf_2col ul.gfield_radio, .gf_3col ul.gfield_checkbox, .gf_3col ul.gfield_radio, .gf_4col ul.gfield_checkbox, .gf_4col ul.gfield_radio {overflow:hidden;}
.gf_height25 ul.gfield_checkbox li, .gf_height25 ul.gfield_radio li  {height:25px;}
.gf_height50 ul.gfield_checkbox li, .gf_height50 ul.gfield_radio li  {height:50px;}
.gf_height75 ul.gfield_checkbox li, .gf_height75 ul.gfield_radio li  {height:75px;}
.gf_height100 ul.gfield_checkbox li, .gf_height100 ul.gfield_radio li  {height:100px;}
.gf_height125 ul.gfield_checkbox li, .gf_height125 ul.gfield_radio li  {height:125px;}
.gf_height150 ul.gfield_checkbox li, .gf_height150 ul.gfield_radio li  {height:150px;}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0}
.gform_wrapper .gfield_description  {padding: 10px 0 8px 0; font-style: italic}
.gfield_date_year+.gfield_description {padding:0 0 8px 0}
.gform_wrapper .gsection_description {font-style: italic}
.ginput_complex + .gfield_description {padding-top:0!important}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin:0;  padding-left:160px;}
.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0;  padding-left:0;  padding-top:4px;  line-height:150%}
.gform_wrapper .gfield_required{ color:#ff0000;  margin-left:4px}
.gform_wrapper textarea.small{ height:80px}
.gform_wrapper textarea.medium{ height:150px}
.gform_wrapper textarea.large{ height:250px}
.gform_wrapper .gfield_error{ background-color:#FFDFDF!important;  margin-top:4px!important;  margin-bottom:6px;  padding:6px 6px 4px 6px!important; border:1px dotted #C89797}
.gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%}
.gform_wrapper .top_label .gfield_error {
	width:90%
	}

.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%}
.gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%}
.gform_wrapper .gfield_error .gfield_label{ color:#790000}
.gform_wrapper .validation_error{ color:#790000;  font-weight:bold;  font-size:14px;  line-height:150%;  font-family:Helvetica,sans-serif; margin-bottom:16px}
.gform_wrapper .validation_message{ color:#790000!important;  font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal}
.gform_wrapper .gform_footer{ padding:16px 0 10px 0;  margin:16px 0 0 0}

.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
	padding:16px 0 10px 0
	}

.gform_wrapper input.button{ font-size:100%;  color:#222}
.gform_wrapper input.button:hover{ color:#000}
#gforms_confirmation_message{
	display:block;
	width:280px;
	background-color:#fffac6;
	border:1px dotted #feda70;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px 0;
	color:#252525;
	text-align:center
	}

/* added for v1.3 ------------------------------------------------------------------------- */

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height:43px; display:block; overflow:hidden}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin:0 0 4px 0; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */

/* a few IE7 specific hacks ------------------------------------------------------------------------- */

.gform_wrapper .gfield_time_hour{*width:80px}
.gform_wrapper .gfield_time_minute{*width:70px}
.gform_wrapper .gfield_time_ampm{*padding-top:2px}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:0}
.gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { *margin:3px 0 5px 0}
.gform_footer input.button {*padding:3px}
ul.top_label .clear-multi {overflow:hidden; clear:both}
.gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {*margin-top:0;}

/* IE8 & IE7 hacks because IE still sux  ------------------------------------------------------------------------- */

.gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0\9 }

/* jQuery UI date picker ---------------------------------------------------------------------------------------*/

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em;  position:relative}
.ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none}
.ui-datepicker-inline{ float:left; display:block}
.ui-datepicker-control{ display:none}
.ui-datepicker-current{ display:none}
.ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee}
.ui-datepicker-next{ left:14.6em}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}
.ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
.ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;  font-size:1em;  line-height:1.4em;  position:absolute;  top:.5em;  margin:0 !important}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}
.ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em}
.ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em}
table.ui-datepicker{ width:15.5em;  text-align:right}
table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center}
table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none}
table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff;  text-decoration: none}
table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0}
.ui-datepicker-cover{ display:none;  display/**/:block;  position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px}
img.ui-datepicker-trigger {position:relative; top:3px; left:4px}

/* tame those pesky hidden fields --------------------------------------------------------------------*/

.gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden, .gform_hidden {display:none}
.ginput_full br, .ginput_left br, .ginput_right br {display:none;}

/* fix captcha alignment for IE8 ---------------------------------------------------------------------*/

.gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;}


/* additional spacing and padding tweaks added 04.27.2010 --------------------------------------------*/

.gform_wrapper .left_label .ginput_complex .ginput_right label, .gform_wrapper .left_label .ginput_complex .ginput_left label, .gform_wrapper .right_label .ginput_complex .ginput_right label, .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: -.4em}
ul.gfield_checkbox li, ul.gfield_radio li {padding:0!important}
.top_label .ginput_complex + .gfield_description {padding-bottom:0!important}
.gform_wrapper .top_label .gfield_description,  {padding: 10px 0 0 0}
.gform_wrapper .top_label .gfield_description.validation_message, .gfield_description.validation_message {padding:10px 0 10px 0}


.entry-content .gform_wrapper .ginput_complex input, .entry-content .gform_wrapper .ginput_complex select, .entry-content .gform_wrapper  input, .entry-content .gform_wrapper select {margin:0!important}
.entry-content .gform_wrapper .ginput_complex select, .entry-content .gform_wrapper select {font-size:16px; padding:1px 2px!important; background-color: #F9F9F9; border:1px solid #CCC; color:#444;}
.entry-content .gform_wrapper .gfield_checkbox li input[type=checkbox], .entry-content .gform_wrapper .gfield_checkbox li input {margin-top:2px!important;}
.entry-content .gform_wrapper .gfield_radio li input[type=radio], .entry-content .gform_wrapper .gfield_radio li input {margin-top:1px!important;}
.entry-content .gf_2col ul.gfield_checkbox li, .entry-content .gf_2col ul.gfield_radio li {min-height:1.5em;}
.entry-content .gf_3col ul.gfield_checkbox li, .entry-content .gf_3col ul.gfield_radio li {min-height:1.5em;}
.entry-content .gf_4col ul.gfield_checkbox li, .entry-content .gf_4col ul.gfield_radio li {min-height:1.5em;}


#content_box .post_box .format_text ul.gfield_radio li input, #content_box .post_box .format_text ul.gfield_checkbox li input {width:auto!important; border:none!important; border-color:none!important; background-color:none!important; background:none!important}
#content_box .post_box .format_text .gform_footer input[type=image] {border:none!important; border-color:none!important; background-color:none!important}
#content_box .post_box .format_text .gform_footer input.button {background:url("../../../themes/thesis_17/lib/images/submit-bg.gif") repeat scroll 0 0 transparent; border-color:#CCC #999 #999 #CCC; border-right:3px double #999; border-style:double; border-width:3px; color:#111111; background-color:#E3E3E3; cursor:pointer; font-weight:bold; overflow:visible; width:auto !important; font-family: Georgia,"Times New Roman",Times,serif; font-size:1.143em; padding:0.313em 0.25em}
#content_box .post_box .format_text .left_label ul.gfield_checkbox, #content_box .post_box .format_text .left_label ul.gfield_radio, #content_box .post_box .format_text .right_label ul.gfield_checkbox, #content_box .post_box .format_text .right_label ul.gfield_radio {margin-top:-.2em!important}
#content_box .post_box .format_text input, #content_box .post_box .format_text select {font-size:1em; padding:0.214em}
#content_box .post_box .format_text select {background-color:#eee; border-color:#AAA #DDD #DDD #AAA; border-style:solid; border-width:1px; color:#444; font-size:1em}
#content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input[type="checkbox"], #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input  {margin-top:-1px!important}
#content_box .post_box .format_text .gform_wrapper .gfield_radio li input[type="radio"], #content_box .post_box .format_text .gform_wrapper .gfield_radio li input {margin:0}

/* HTML field default margins -----------------------------------------------------*/

.left_label li.gfield_html_formatted, .right_label li.gfield_html_formatted {margin-left:32%;}
.gfield_html.gfield_no_follows_desc {margin-top:10px;}

/* -- ** SHOWREEL POPUP ** -- */

#mask {
	background:#999;
	display:none;
	left:0;
	position:absolute;
	top:0;
	z-index:9000
	}
  
#boxes .window {
	height:200px;
	display:none;
	left:0;
	padding:20px;
	position:absolute;
	top:0;
	z-index:9999
	}

#boxes #showreel {
	background-color:#fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px
	}

.window h2 {
	font-family:Georgia, serif;
	font-size:80%
	}

.close {
	position:absolute;
	top:-10px;
	right:-10px
	}

/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */

.video-panel {
	background:#000;
	display:block;
	padding:0
	}

.video-js-box {
	border: none !important;
	line-height: 0 !important;
	margin:0;
	padding: 0 !important;
	text-align:left;
	position:relative
	}

.post .video-js-box {
	margin-bottom:20px
	}

/* Video Element */
video.video-js { background-color: #000; position: relative; padding:0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

/*
VideoJS VimCSS Skin (http://videojs.com)
Version 2.0.0
*/

.vim-css .vjs-controls {
  height: 60px; opacity: 0.9; color: #fff;
}
.vim-css .vjs-controls > div {
  height: 32px; top: 10px; padding: 0; text-align: center; background: rgba(23, 35, 34, 0.746094);
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
/* Placement of Control Items */
.vim-css .vjs-controls > div.vjs-play-control       { width: 65px; left: 10px; }
.vim-css .vjs-controls > div.vjs-progress-control   { left: 85px; right: 160px; }
.vim-css .vjs-controls > div.vjs-time-control       { width: 75px; right: 85px; }
.vim-css .vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px; }
.vim-css .vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 10px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-play-control { top:0; margin: 0; height: 40px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.vim-css .vjs-play-control:hover { background: #00ADEF; }
.vim-css.vjs-paused .vjs-play-control span { border-left-color: #fff; border-top-width: 9px; border-left-width: 18px; border-bottom-width: 9px; margin: 11px 0 0 24px; }
.vim-css.vjs-playing .vjs-play-control span { width: 5px; height: 18px; margin: 5px auto 0; border-left: 5px solid #fff; border-right: 5px solid #fff; margin: 11px 0 0 24px; }

/* Progress
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-progress-control { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }
.vim-css .vjs-progress-control .vjs-progress-holder { height: 8px; padding: 1px; margin: 10px 5px 0 10px; border-color: #666666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css .vjs-progress-control .vjs-play-progress { height: 8px; background: #00ADEF; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css .vjs-progress-control .vjs-load-progress { height: 8px; background: #898F8F; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

/* Time Display
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-time-control { font-size: 11px; }
.vim-css .vjs-controls .vjs-time-control span { line-height: 32px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vim-css .vjs-volume-control div { padding: 7px 0 0 5px; width: 30px; }
.vim-css .vjs-volume-control div span {
  float: left; margin: 0 2px 0 0; padding: 0; width: 3px; height: 3px; border-bottom: 12px solid #666666;
  -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear;
}
.vim-css .vjs-volume-control div span.vjs-volume-level-on { border-color: #00ADEF; }
.vim-css .vjs-volume-control div span:hover { height: 0; border-bottom-width: 15px; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vim-css .vjs-fullscreen-control div { margin: 10px 0 0 0; }
.vim-css .vjs-controls .vjs-fullscreen-control { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }
/* Making default fullscreen icon smaller */
.vim-css .vjs-fullscreen-control div span:nth-child(1) { margin: 0 4px 4px 0; border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(2) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 4px 0 0; border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(4) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
/* Fullscreen control hovering */
.vim-css .vjs-fullscreen-control:hover div span:nth-child(3), .vim-css .vjs-fullscreen-control:hover div span:nth-child(4), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(1), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(2) { border-bottom-color: #00ADEF; }
.vim-css .vjs-fullscreen-control:hover div span:nth-child(1), .vim-css .vjs-fullscreen-control:hover div span:nth-child(2), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(3), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(4) { border-top-color: #00ADEF; }

/* Big Play Button (at start)
---------------------------------------------------------*/
.vim-css div.vjs-big-play-button {
  width: 130px; height: 80px; margin: -40px 0 0 -65px;
  border: none; opacity: 0.9;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
  background: rgba(23, 35, 34, 0.746094);

  /* CSS Shadows */
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.vim-css div.vjs-big-play-button:hover {
  background: #00ADEF;
  opacity: 1;
}
.vim-css div.vjs-big-play-button span {
  margin: 22px 0 0 48px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 36px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 18px solid rgba(0,0,0,0); border-bottom: 18px solid rgba(0,0,0,0);
}