#html_javascript_adder-3 h3{background-image:none !important}
.twtr-hd h3 {background-image:none !important;}
.alt {background-color:#EBEBEB !important;}
.srp_MortgageCalcwidget, .srp_AffordabilityCalcwidget{padding:20px 0px; background-color: #EAEAEA;}
.upcoming li{background-color:#F5F5F5; padding:5px}
.upcoming .alt{background-color:#EBEBEB !important; padding:5px}
#loginform submit{width:100px; height:24px; padding:5px; font-size:0.8em; background-image:url(images/bg-button.gif); background-repeat:no-repeat}
.when{width:80px; display:inline}
.event{width:500px; display:inline}
#facebook-fan-box{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#D8DFEA}
widget_ffb{padding-bottom:10px}
#content2{min-height:750px}
#content{min-height:750px; float:left; padding-right:12px; border-right-width:1px; border-right-style:solid; border-right-color:#000; width:635px}
.textwidget{margin-top:10px; font-family:Georgia,serif}
#quoterotator{font-size:14px !important; padding:20px !important; background-image:url(images/bg-bubble.jpg); background-repeat:no-repeat; height:320px; margin-top:10px; width:260px}
.textwidget a img{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
.textwidget a:hover img{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
.flickr{overflow:hidden}
.thumb{width:54px}
.flickr-thumb{float:left; height:36px; overflow:hidden}
.bbbo1912{padding:15px}
.social-post{padding-bottom:35px; width:300px}
.lender{margin-top:30px; padding-right:15px; padding-bottom:15px}
.float-right{float:right}
.float-left{float:left}
body, ul, ol, h1, h2, h3, h4, h5, h6, form, li, p{margin:0; padding:0}
a{outline:none}
body{font-size:14px; line-height:18px; position:relative; color:#333; font-family:Georgia,serif;}
.mainWidth{width:960px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto; padding-right:12px; padding-left:12px; background-color:#FFF}
.wrapper{width:100%; background-color:#C9C9C9; background-image:url(images/skin2/bg.jpg); background-repeat:no-repeat; background-position:center top}
#top{width:100%; overflow:hidden; background-image:url(images/topBg.gif); background-repeat:repeat-x; position:fixed; top:auto; z-index:10000}
#top-shadow{margin-top:px; height:20px; overflow:hidden; background-image:url(images/bg-top-shadow.png); background-repeat:no-repeat; background-position:center top; width:100%}
.socNet form{float:right}
.socNet{padding-bottom:5px; padding-top:5px; padding-right:10px; padding-left:10px; height:30px}
.socNet .social_bookmarks{border:none; padding-top:6px; float:left}
.socNet .social_bookmarks li{float:left; margin:0; width:16px; margin-right:10px; padding:0; border:none}
.socNet .social_bookmarks li a{border:none; padding:0}
.socNet .social_bookmarks li a img{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
.socNet .social_bookmarks li a:hover img{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
#head{
height:133px;
width:970px;
background-repeat:no-repeat;
background-position:center top;
margin-right:auto;
margin-left:auto;
padding-top:60px;
background-image: url(images/bg-header.gif);
}
#head .logo{width:169px; float:left; padding-top:0px; padding-left:0px}
#head .logo, #head .logo a{height:96px; width:169px; display:block; border:none; margin:0; float:left; text-indent:-9999}
#head .logo a, #head .logo a:hover{top:0; left:0; outline:none; border:none}
#head .logobg a{text-indent:-9999px}
#head .headerMenu{margin-right:20px; float:right}
#nav{list-style-type:none; list-style-position:outside; padding-top:0px; margin-right:auto; margin-left:auto; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
#nav li{float:left}
#nav li a{display:block; padding:0px 0px 0px 19px; border:none; text-decoration:none; line-height:18px; outline:none}
#nav li a strong{display:block; font-weight:bold !important; font-size:12px; text-transform:uppercase; height:30px}
#nav li a span{display:block; font-size:12px}
.footer_widgets #nav, #footer p{padding-top:21px; margin:0; font-size:12px}
.footer_widgets #nav li a strong{font-weight:normal}
.footer_widgets #nav li ul{display:none}
.footer_widgets #nav li a{background:url(images/footerMenuSeparator.gif) no-repeat right 2px; padding:0px 10px 0px 10px; line-height:13px}
#nav ul{margin:0px 0 0; padding:0px 0px 0px 0px; list-style-type:none; list-style-position:outside; position:absolute; line-height:50px; z-index:59; top:84px; width:176px}
#nav ul li{padding:0px}
#nav li ul li{width:176px}
#nav li ul li a{padding:4px 0px 4px 13px; float:none; display:block}
#nav li ul ul{margin:0px 0px 0px 166px !important; top:0px}
#top #nav ul a{line-height:28px; font-size:12px; cursor:pointer}
#top #nav li{float:left; position:relative; z-index:20; margin-top:11px}
#top #nav li li{border-left:none; margin-top:0}
#top #nav ul{}
#top #nav li ul a{width:150px; height:auto; float:left; text-align:left; padding:0 10px}
#top #nav ul ul{top:auto; border-top:none}
#top #nav li ul ul{left:150px; top:-1px}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul, #top #nav li:hover ul ul ul ul{display:none}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block}
#top #nav li ul a{border-top:none}
#featured, #featured:focus{width:945px; overflow:hidden; background-image:url(images/skin2/featureBg.gif); padding:10px; margin-bottom:10px}
#featured_image, #featured_image:focus{overflow:hidden; border:none; outline:none}
.bottomIndent{overflow:hidden; padding-bottom:32px}
object, object:focus{outline:none}
#infotext{padding:0 10px}
#infotext h2{font-size:18px; padding:10px 0 12px; position:relative; top:2px}
#main{padding-top:0px; margin-top:0px; overflow:hidden}
#main .indent{padding-right:2px}
.content{overflow:hidden; zoom:1}
.content{border-right-width:1px; border-right-style:solid; border-right-color:#949494}
.fullwidth #content{width:960px}
#content h2{padding-top:0px; width:100%; padding-left:0px}
#content h2 a{display:inline-block; margin-top:6px; color:#333; font-size:24px; text-transform:uppercase; font-weight:bold}
#sidebar{width:312px; overflow:hidden; position:relative; float:right}
#sidebar .sidebarindent{padding-left:12px}
#sidebar .box{margin:0; padding:0 0 0px 0}
#sidebar h3{padding-top:10px; padding-right:0; padding-bottom:10px; margin-bottom:10px}
#sidebar .box a{line-height:16px}
#sidebar .box ul ul a{padding:3px 10px 3px 25px}
#sidebar .box ul ul ul a{padding:3px 10px 3px 40px}
#sidebar .box ul ul ul ul a{padding:3px 10px 3px 55px}
#sidebar .box ul ul ul ul ul a{padding:3px 10px 3px 70px}
#sidebar .box ul ul ul ul ul ul a{padding:3px 10px 3px 85px}
#sidebar .box ul ul ul ul ul ul ul a{padding:3px 10px 3px 100px}
#sidebar .box ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 115px}
#sidebar .box ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 130px}
#sidebar .box ul ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 145px}
.sidebarmenu .current{font-weight:bold}
.sidebarmenu ul ul, .sidebarmenu .currentli_item ul ul, .sidebarmenu .parentli_item .li_item ul{display:none}
.sidebarmenu .currentli_item ul, .sidebarmenu .parentli_item ul{display:block}
.box{position:relative; float:left; overflow:hidden}
.wrapper .box3{margin:0}
widgettitle{padding-left:50px}
.placeholder .box_small{width:635px}
.placeholder .box2{width:635px}
.placeholder .box3{padding-top:10px}
#main .box2 .indent, #main .box3 .indent{padding-right:0}
.box_small h3{}
.wrapper .box_mini{width:160px; margin-right:20px}
.placeholder .box_small h3{font-size:16px; line-height:16px; text-transform:uppercase; padding-top:12px; padding-right:0px; padding-bottom:12px}
.box_small h3{font-size:16px}
#searchform input{border-top-width:0px; margin-top:0px}
.widget_search #s{border:none; width:219px; padding:8px 50px 8px 10px; color:#ccc; float:left; margin:0}
#sidebar .widget_search #searchsubmit{border:none; display:block; cursor:pointer; float:left; padding:0; outline:none}
#main #sidebar .widget_tag_cloud a{display:inline; border:none; background:none; padding:3px; line-height:1.5em}
#main #sidebar .textwidget a{display:inline; background:none; padding:0; margin:0}
#main #sidebar .rsswidget{background:none}
#sidebar .rsswidget img{display:none}
.rss-date, .rssSummary, .widget_rss cite{padding:3px 10px}
#main #sidebar .box .recentcomments a{background-image:none; border:none}
#main #sidebar .box .recentcomments{display:block; line-height:22px; padding:3px 10px}
#sidebar li.recentcomments a{background:none}
.entry{position:relative; padding-bottom:11px; clear:both; float:left; width:100%; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#818181}
.entry .box{padding-bottom:0}
.articleContent{padding-bottom:20px}
.articleContent img{margin-right:0px}
.post_data{font-size:11px; line-height:22px; padding:3px 1px; position:relative; margin-bottom:17px}
.post_data .categories{float:left}
span.author a{font-style:italic; font-size:15px; text-decoration:underline; float:right; margin-top:0px; width:100px; height:20px; display:block}
span.author a:hover{text-decoration:underline}
.blogentry {padding:7px}
.blogentry h2{padding:5px 0 0 0; display:block; width:500px; float:left; border-bottom:none !important}
.blogentry img{max-width:645px}
.entry .date{float:right; width:52px; height:52px}
.entry .day{font-size:24px; font-weight:bold; line-height:24px; display:block; width:52px; text-align:center; padding-top:6px}
.entry .month{display:block; font-size:12px; text-transform:uppercase; width:52px; text-align:center}
.postedInfo{font-size:12px; line-height:12px}
#content .pagination{clear:both; padding:10px 0 0px 0; position:relative; z-index:3; text-align:center}
#content .pagination span, #content .pagination a{display:block; float:left; font-size:11px; line-height:13px; margin:2px 2px 2px 0; padding:3px 6px; text-decoration:none; width:auto}
#content .pagination .current{font-size:11px; padding:3px 6px; display:block; float:left}
.minwidth{width:100px; margin:0 auto; overflow:hidden}
#subpage .box_small .more-link, .box_page .more-link{}
.portfolio_entry{width:100% !important; border-bottom:none !important}
.portfolio_entry .box{width:140px; margin-left:9px; margin-right:8px; background-color:#CCC}
.portfolio_entry .boxv{width:280px; margin-left:9px; margin-right:8px; background-color:#CCC}
.portfolio_entry .box a{display:block; overflow:hidden}
.portfolio_entry .box img{margin:0px !important}
.portfolioBoxIndent{padding-left:5px}
.portfolioBoxIndent p{color:#063; font-size:10px}
.portfolioBoxIndent h3{border:none !important; background-image:none !important; padding-left:0px !important}
.portfolioBoxIndent h3 a{font-size:14px !important; display:inline !important}
.portfolioBoxIndent h3 a:hover{ color:!important background-color:#CCC !important}
#userWidgets .indent{padding:20px 0px 20px 0px}
.meta{padding-top:6px; float:right}
.meta h2{font-size:24px; font-weight:bold; line-height:24px; padding:0 0 0 30px}
.meta ul{padding-left:30px}
.meta ul li{padding:13px 0}
.meta ul li a{border:none; color:#063; text-transform:uppercase; text-decoration:none; font-size:13px}
.meta ul li a:hover{text-decoration:none; border:none}
.contactForm{overflow:hidden}
#footer{width:100%; padding-top:60px; background-image:url(images/skin2/footerBg.jpg); background-repeat:no-repeat; background-position:center top; background-color:#FFF}
.subfoot{width:980px; font-size:9px; margin-left:auto; margin-right:auto; margin-top:20px; text-align:center}
.subfoot ul li{display:inline}
.subfoot ul li a{font-size:10px; margin-right:10px}
.footer_widgets{overflow:hidden}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a{color:#999; text-decoration:none; font-size:12px}
#footer .box_custom_footer{width:225px; margin-right:0; float:right}
#footer .box h4, #footer .box h4 a{text-transform:uppercase; font-size:16px; letter-spacing:1.3px; border:none}
#footer .box ul{list-style-type:none; list-style-position:outside; margin:0}
#sitetag{width:94px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
#footer .box ul ul{border:none}
#footer .box ul li a{display:block; padding:3px 10px; line-height:22px; position:relative}
#footer .custom_button{width:150px; padding:10px 60px 10px 10px; display:block; text-align:center; border:none}
.rsswidget img{display:none}
.custom_button strong{display:block; font-size:20px; font-weight:normal; letter-spacing:1px}
.custom_button span{display:block; font-size:14px; font-weight:normal; letter-spacing:0.5px}
#sitesearch_footer{padding-bottom:15px}
.box_custom_footer p{font-size:11px; line-height:17px; padding:10px 0}
#searchform{position:relative}
#sidebar #s{border:none; width:191px; float:left; font-size:18px; padding:12px 0px 11px 10px; color:#063}
#sidebar .box{float:none}
#footer .widget #s{width:100px}
#sidebar #searchsubmit{border:none; display:block; font:bold 24px/24px; height:44px; color:#fff; width:54px; cursor:pointer; text-transform:uppercase; padding:0; outline:none}
.widget_tag_cloud{line-height:2.5em}
.widget_tag_cloud a{padding:2px}
.rounded{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.more-link{font-style:italic; font-size:11px; text-decoration:underline !important; line-height:16px; padding-top:9px; padding-right:0; padding-bottom:0; padding-left:0}
input, select, textarea{font-size:16px; position:relative; outline:none}
.input-text-wrap{width:200px}
blockquote{font-size:12px; font-style:italic; margin:0 0 20px; padding:10px 20px 10px 41px}
.wrapper a{text-decoration:none}
.wrapper a:hover{text-decoration:none}
a img, a:hover img{border:none; text-decoration:none; z-index:2; position:relative; outline:none}
#main img{margin-bottom:0px; display:inline}
p{padding:0 0 1em 0; font-family:Georgia,serif}
ul, ol{margin-bottom:0px}
ul li{list-style-type:none}
.entry ul li{padding-left:14px; background-image:url(images/bg-bullet.gif); background-repeat:no-repeat; background-position:left 5px; padding-bottom:6px}
.blogentry ul li{padding-left:14px; background-image:url(images/bg-bullet.gif); background-repeat:no-repeat; background-position:left 0px; padding-bottom:6px}
#top #nav, #top #nav li, #sidebar li, #sidebar ul, #footer li, #footer ul{padding:0; list-style-type:none; background:none; border:none}
ol li{list-style-type:decimal; list-style-position:inside}
#sidebar ul, #sidebar ol{margin:0px}
#sidebar li{list-style-type:none; padding:0px 0px 10px 0px}
#sidebar li a{padding:0px 0px 0px 20px}
h1, h2, h3, h4, h5, h6, legend{letter-spacing:0.4px; font-weight:normal; padding-bottom:5px; line-height:1.4em; position:relative; font-family:Georgia,"Times New Roman",Times,serif}
h1{clear:both; font-size:22px; font-weight:bold; color:#333}
h2{font-size:24px; clear:both; text-transform:uppercase; color:#333}
h3, legend{font-size:24px; clear:both}
h4{font-size:16px; clear:both; padding-top:5px}
h5{font-size:16px; clear:both; padding:5px; background-color:#CCC}
h6{font-size:13px; clear:both}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{text-decoration:none; border:none}
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{text-decoration:none; border:none}
h3{background-image:url(images/skin2/h3bg.gif); padding-left:50px; margin:0px; padding-top:5px}
#wordtwit_twitter_widget-3 h2{background-image:url(images/skin2/h3bg-twit.gif); padding-left:50px; margin:0px; padding-top:10px; text-transform:none; padding-bottom:10px; margin-bottom:10px}
blockquote p{padding:11px 0px}
blockquote{margin:0 0 22px 5px; padding:0 15px}
.floatleft{float:left}
.floatright{float:right}
.clearboth{clear:both}
.alignleft{float:left; margin:0px 15px 15px 0pt}
.alignright{float:right; margin:15px}
.aligncenter{clear:both; display:block; margin:10px auto; padding:10px 0}
#top .extra_margin_right{margin-right:50px}
#top .no_margin_right{margin-right:0}
#top .wp-smiley{border:none; padding:0}
.meta{display:block; position:relative; top:3px; font-size:11px; line-height:14px}
.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next{margin-top:8px}
.pp_details .pp_nav{margin:-3px 0 0}
.lightbox_video, .lightbox_image{position:absolute; z-index:1; top:0; left:0}
#top .ie6_lightbox, .ie6_lightbox{position:relative; border:none}
.articleContent ol{margin-bottom:10px}
.articleContent ol li{margin-bottom:5px}
/*comments*/
#top .comment-edit-link, #top .comment-meta a{border:none}
.commentlist{margin:0px}
.commentListArea{border-top-style:none !important; border-right-style:none !important; border-bottom-style:none !important; border-left-style:none !important; margin-bottom:10px}
#comment{height:89px; width:577px; margin-bottom:10px}
#comment ul{width:593px}
.commentlist li{min-height:120px; list-style-type:none; padding:10px; position:relative; margin:0px !important}
.commentlist .children, .commentlist .children li{border:none}
.gravatar{float:left; width:60px; padding:0px; margin-right:15px}
.gravatar img{}
.comment_content{width:500px; padding-bottom:20px}
.commentmetadata{padding:0px}
.commentmetadata a, .comment-edit-link, .comment-reply-link{text-decoration:none; font-size:10px}
#top .comment-reply-link{border:none}
.says{display:none}
.author_name{font-style:normal; font-size:12px; line-height:18px}
.comment_text{clear:both}
.comment-reply-link{text-align:center; display:block}
#cancel-comment-reply-link{text-decoration:none; margin-left:15px; font-size:10px}
.commentlist .children{padding:0 0 0 70px}
.commentlist .children li .comment_content{width:454px}
.commentlist .children .children li .comment_content{width:384px}
.commentlist .children .children .children li .comment_content{width:314px}
.commentlist .children .children .children .children li .comment_content{width:244px}
.commentlist .children .children .children .children .children li .comment_content{padding:0}
.comment_nav{position:relative; top:-13px; font-size:10px; z-index:4}
.comment_nav a{text-decoration:none}
.comment_prev{float:left}
.comment_next{float:right}
.clear{width:100%; overflow:hidden}
.advBlock01, .advBlock02, .advBlock03, .advBlock04{width:125px; height:125px; float:left; padding-bottom:5px !important}
.advBlock01, .advBlock03{margin-right:5px !important}
.width{width:100%; margin-bottom:0px}
.placeholder .box1{margin-right:32px}
.box1 .indent{padding:0px 0px 0px 0px}
/* ---------- custom widgets ----------- */
span.date{display:inline; padding-bottom:5px}
a.more{text-decoration:underline}
a.more:hover{text-decoration:none}
.common{padding:10px 0px 0px 0px; overflow:hidden}
a.commonLink:hover{text-decoration:underline}
.wrapper .box2 .textwidget{padding:10px; margin-bottom:10px}
p.intro{padding-bottom:20px; font-size:15px}
/*------------------------FORM---*/
.inputs{width:325px; float:left}
.textarea{float:left; width:323px}
.text_input{width:300px; padding:9px 0px 8px 10px; font-weight:bold; font-size:13px; line-height:13px; color:#063; margin:0}
.ajax_form .text_input{margin-bottom:5px; *margin-bottom:2px}
#commentform .text_input{width:175px; float:left; padding:9px 0px 8px 13px; margin-right:12px}
input#url{margin:0 !important}
.text_area{height:93px; padding:10px; overflow:auto}
#send{float:right}
.borderBottom{margin-bottom:0px}
.title2{font-size:24px; line-height:27px; display:block; padding:10px 0px 20px 0px}
.title3{font-size:18px; line-height:20px}
.pbott{padding-bottom:5px}
.navigation{padding:1em 0; font-size:1.5em}
div.tags{padding-top:10px; clear:both}
div#cloud{line-height:200%}
div.flickr-meta-links{clear:both; margin:10px 0 0 0; font-size:10px}
div.flickr-meta-links a{color:#555}
.tabs{width:950px}
.tab_active{color:#036; float:left; width:314px; cursor:default; font-weight:bold; padding:2px; font-size:10pt; text-align:center; background-image:url(images/skin2/tab_activeBg.gif); background-repeat:no-repeat}
.tab_inactive{color:#063; float:left; width:312px; cursor:default; padding:2px; font-size:10pt; text-align:center; background-image:url(images/skin2/tab_inactiveBg.gif); background-repeat:no-repeat}
.tab_content{width:930px; background-color:#CCC; color:#000; float:left; text-align:left; padding:10px; background-image:url(images/skin2/featureBg.gif)}
#head .logobg a{background:transparent url(images/skin2/logo.png) no-repeat left top; text-indent:-9999}
#nav li a{color:#036}
#nav .currentli_item a, #nav li a:hover{color:#063}
.footer_widgets #nav li a{color:#777}
.footer_widgets #nav li a:hover{color:#036}
#nav li ul li a{background:#E6E6E6 url(images/skin2/submenuBg.gif) no-repeat}
#nav li ul li a:hover{color:#063}
#top #nav li ul a{border-top:none; color:#aaa; background:#CCC}
#top #nav li ul a:hover{background:#CCC; color:#fff}
#top #nav li ul{border-top:1px solid #484848}
#infotext{background:transparent url(images/skin2/bg_infotext.png) no-repeat scroll 0px -1px}
#infotext h2{background:transparent url(images/skin2/bg_infotext.png) no-repeat scroll center bottom; color:#555}
#infotext h2 strong{color:#ff9000}
#sidebar{padding-bottom:25px}
#sidebar h3, #sidebar #searchform{border:none}
blockquote{border-left:5px solid #d6d6d6}
#sidebar .box a, #main #sidebar .box .recentcomments, ul li{}
#sidebar li a{background:url(images/skin2/bullet.gif) no-repeat 0 6px; color:#063}
#sidebar li a:hover{color:#036; background:url(images/skin2/bulletHover.gif) no-repeat 0 6px}
.tabbed-widget h3{border:none !important}
.borderBottom{border-bottom:1px solid #424242}
.post_data{border-top:1px solid #242424}
span.author{
color:#063;
display: none;
}
.entry .date{background:url(images/skin2/dateBg.png) no-repeat 0 0; color:#fff; margin-bottom:5px; float:right}
.postedInfo{color:#666}
#top .pagination span, #top .pagination a{border:1px solid #666}
#top .pagination a:hover{border:1px solid #FF9000}
#top .pagination .current{background:#666; border:1px solid #222; color:#fff}
#footer{color:#777; text-transform:uppercase}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a{color:#cbcbcb}
#footer .box ul{border-top:1px solid #4a4a4a}
#footer .box ul li a, .wrapper #footer .box .recentcomments{border-bottom:1px solid #4a4a4a; background:transparent url(images/skin2/bullet_grey.png) left 11px no-repeat}
#footer .box ul li a:hover{background:#262626 url(images/skin2/bullet_grey.png) left 11px no-repeat; color:#fff}
#footer .custom_button{background:#494949 url(images/skin2/mail.png) 170px center no-repeat; color:#fff}
#footer .custom_button:hover{background-color:#666}
#footer #s{background:#494949; color:#ccc}
#footer #searchsubmit{background:transparent url(images/skin2/search.png) 2px center no-repeat; border-left:1px solid #222}
#sidebar .widget_search #searchsubmit{background:url(images/skin2/searchButton.gif) no-repeat 0 0}
.more-link{color:#063}
.wrapper a, #main #sidebar .textwidget a{color:#063}
.wrapper a:hover{color:#0C0}
h1, h2, h3, h4, h5, h6, legend{color:#000}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{color:#333}
#content h2{border-bottom:1px solid #036}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover{color:#063}
.lightbox_video, .lightbox_image{background:transparent url(images/skin2/video.png) no-repeat center center}
#top .lightbox_image{background:transparent url(images/skin2/magnify.png) no-repeat center center}
.gravatar img{border:1px solid #D6D6D6; background:#fff}
.commententry .odd{background-color:#EAEAEA}
.commententry .even{background-color:#D5D5D5}
.commentListArea{border:1px solid #202020; padding:0px}
ul.ui-tabs-nav li{border-bottom:1px solid #424242}
li.ui-tabs-selected a{background:none; border:1px solid #424242}
li.ui-state-default a{color:#626262}
.ui-state-active a, .ui-state-default a:hover{color:#063 !important}
.respondArea{padding:15px; color:#036; background-image:url(images/skin2/featureBg.gif); background-repeat:repeat-y}
#commentform .text_input{color:#000}
#sidebar #searchsubmit{background:url(images/skin2/searchButton.gif) no-repeat 0 0}
.descLink{background:url(images/skin2/descLinkLeft.png) no-repeat 0 0}
.descLink span{background:url(images/skin2/descLinkRight.png) no-repeat 100% 0}
.mask-excerpt-space p{color:#063}
.inside{background:url(images/skin2/opacityBg.png) no-repeat 0 0; border:1px solid #272727}
#userWidgets{height:50px; background-image:url(..images/userWidgetBg.gif); background-repeat:no-repeat; background-position:center top}
.meta ul li{border-bottom:1px solid #ececec}
.text_input{background-color:#D5D5D5; background-repeat:no-repeat; background-position:0 0}
.text_area{background-color:#D5D5D5; background-repeat:no-repeat; background-position:0 0}
.ajax_form h3{color:#131313}
#sidebar #s{background:url(images/skin2/searchInput.gif) no-repeat 0 0}
.placeholder .box1{height:0px}
.boxSect{border-bottom:1px solid #242424}
font{color:#000; font-size:15px}
.portfolio_entry .box{border:1px solid #1b1b1b}
#content .pagination{border-top:1px solid #242424}
#content .pagination .current{border:1px solid #3e3e3e; border-right:1px solid #000; border-bottom:1px solid #000; background-color:#063}
.portfolio_entry .box:hover{background:#999}
.textwidget img, .img{}
.imageflow .previous{background:url(images/skin2/leftarrow.gif) no-repeat 0 0}
.imageflow .next{background:url(images/skin2/rightarrow.gif) no-repeat 0 0}
.imageflow img{border:10px solid #424242}
.cform{margin:10px auto 10px auto; width:100%}
.cform fieldset{margin-top:10px; padding:5px 0 15px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:#f7f7f7}
.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:#666}
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.textonly{background:#F0F0F0 !important; letter-spacing:1px; margin:10px 0pt !important; padding:5px 0pt; text-align:center}
.cform label{width:90px; margin:4px 10px 0 0; display:-moz-inline-box; display:inline-block; text-align:right; vertical-align:top}
.cform label span{width:90px; display:block}
label.cf-before{margin:4px 10px 0 0}
label.cf-after{margin:4px 15px 0pt 6px; text-align:left; width:115px}
label.cf-after span{width:115px; display:block}
label.cf-group-after{margin:3px 4px 0 2px; width:72px; text-align:left}
label.cf-group-after span{width:72px; display:block}
.cform input, .cform textarea, .cform select{padding:3px; background:#f9f9f9; border:1px solid #888; vertical-align:top}
.cform input:hover, .cform textarea:hover, .cform select:hover{background:#CEDDDF}
.cform input:focus, .cform textarea:focus, .cform select:focus{background:#F3F8F8}
.cform textarea, .cform input{width:75%}
.cform select{width:75%px; padding:2px 0}
.cform select.cfselectmulti{height:7.5em}
.cform textarea{overflow:auto}
ol.cf-ol li.cf-box-title{font-weight:bold; letter-spacing:1px; padding:8px 0 0 100px}
.cform input.cf-box-a, .cform input.cf-box-b{margin:2px 0 0 0; width:14px; height:22px; border:none!important; background:none!important}
.cform input.cf-box-a{margin-left:100px}
ol.cf-ol li.cf-box-group{margin:10px 0pt 0px !important; padding-left:100px}
span.reqtxt, span.emailreqtxt{margin:3px 0 0 3px; font-size:0.9em; display:-moz-inline-box; display:inline-block; vertical-align:top}
p.cf-sb{text-align:right; padding:0!important; margin:0}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton{width:100px; height:24px; padding:5px; margin:10px 0 0 5px; font-size:0.8em; background-image:url(images/bg-button.gif); background-repeat:no-repeat}
.cform input.resetbutton{width:auto; padding:5px 1em}
.cform input.backbutton{width:auto; padding:5px 1em}
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(images/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:''}
label.secq, label.seccap{vertical-align:text-bottom; margin-bottom:4px}
input.secinput{vertical-align:text-bottom}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha{height:15px; width:50px; padding:4px 4px; margin:0}
img.captcha{vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important}
img.captcha-reset{vertical-align:text-bottom; background:url(images/captcha_reset_grey.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none}
img.imgcalendar{border:none}
div.cf_info{color:#333; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px auto}
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{background:#F7F7F7 none repeat scroll 0% 50%; color:#444; display:block}
div.failure{display:block; background:#FFDFDF url(images/li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt}
div.waiting{background:#F9F9F9; color:#AAA; display:block}
.cform .cf_error{color:#ad2929; border:1px solid #ad2929}
div.mailerr{display:block}
.mailerr, .cform .cf_errortxt{color:#ad2929}
[disabled]{ color:#ddd; border-color:#ddd!important; background:none!important}
.disabled{border-color:#ddd!important}
.cform input.cf_upload{width:220px; background:#f9f9f9; border:1px solid #888}
* 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 fieldset{position:relative; margin-top:15px; padding-top:25px}
*+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}
*+html .cform label, *+html ol.cf-ol, *+html ol.cf-ol li, *+html span.reqtxt, *+html span.emailreqtxt{display:inline-block}
* html img.captcha{margin-bottom:1px!important}
*+html img.captcha{margin-bottom:1px!important}
#slider{ height:260px; position:relative; width:620px}
#mask-gallery{overflow:hidden; margin-left:320px; height:260px; width:620px}
#gallery{list-style:none; margin:0; padding:0; z-index:0; width:620px; overflow:hidden}
#gallery li{float:left; padding:0px; margin:0}
#gallery img{margin:0; padding:0; border:none}
#mask-excerpt{position:absolute; top:0; z-index:500; width:320px; overflow:hidden; height:240px}
.mask-excerpt-space{width:300px}
.mask-excerpt-space font{font-family:Georgia,serif; color:#036; display:block; padding-bottom:20px; font-size:22px; line-height:26px}
.mask-excerpt-space p{font-family:Georgia,serif; font-size:14px}
.descLink{display:block; width:130px}
.descLink span{padding:11px 0; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; display:block}
#excerpt{list-style:none; margin:0; padding:0; z-index:10; position:absolute; top:0; left:0; width:333px; overflow:hidden; color:#fff}
#excerpt li{padding:20px}
#buttons{z-index:9999; width:178px; right:-10px; top:210px; position:absolute}
#buttons a#btn-play{display:none}
#buttons a#btn-prev, #buttons a#btn-pause, #buttons a#btn-next{width:45px; height:45px; background:url(images/prev.png) no-repeat 0 0; margin-right:11px; display:block; float:left; font-size:0px; text-indent:-9999 !important}
#buttons a#btn-pause{background:url(images/play.png) no-repeat 0 0}
#buttons a#btn-next{background:url(images/next.png) no-repeat 0 0}
div.meta img{margin-right:50px}
div#photo{position:relative; margin:10px 0 0 0}
div#notes{position:absolute; top:0px; left:0px; width:100%; height:100%}
div#notes div.note{padding:1px; margin:-4px 0px 0px -4px; position:absolute; cursor:pointer}
div#notes:hover div.note div.hover2{border:1px solid black}
div#notes:hover div.note div.hover{border:1px solid white}
div#notes div.note:hover{border:1px solid yellow; padding:0; z-index:2}
div.note div.text{display:none; position:absolute; top:100%; left:0px; width:auto; margin:10px 0 0 0; padding:5px; background:#FFFFD3; color:black; border:1px solid #555; border-top:1px solid #eee; border-left:1px solid #eee; z-index:1}
div.note:hover div.text{display:block}
div#context{position:relative; height:120px; width:100%; background:#eee}
div#context div.prev, div#context div.next{position:absolute; top:10px; color:#ccc; font-size:0.9em; text-align:center; text-transform:lowercase}
div#context div.prev{left:10px}
div#context div.next{right:10px}
div#context div.nomore{top:20px; width:100px}
div#context div.info{position:absolute; top:20px; left:50%; width:100px; margin-left:-50px; text-align:center}
div#context div.info a{color:#ccc; text-decoration:none}
div#context div.info strong a{color:#aaa}
div.comment{clear:both; min-height:50px; margin-bottom:1em}
div.comment p{margin:0 0 1em 0; padding:0}
div.comment img{margin-right:5px; margin-bottom:5px}
div#photos{background:#eee; padding:10px; clear:both; margin:20px 0 0 0}
div#highlight{position:relative; margin:15px 0 0 0}
div#highlight img{float:left; margin:0 10px 0 0}
div#highlight p{font-size:1.3em}
div#highlight p.meta{color:#888; font-size:1em}
div#highlight p.meta a{color:#888}
div.albums{clear:both; padding-top:10px}
div.album{background:#eee; padding:10px 10px 10px 10px; margin:0 0 15px 0; position:relative; min-height:95px; clear:both}
div.album img.highlight{float:left; border:3px solid #888; position:relative; margin-right:10px}
div.album h2{font-size:1.4em; text-decoration:none; margin:0 0 10px 0}
div.album p{font-size:0.9em}
div.album p.meta{color:#888}
div.album p.meta a{color:#888}
div.albums-small div.album{clear:none; width:90px; height:115px; float:left; background:none}
div.albums-small div.album img.highlight{float:none; margin:0}
div.albums-small div.album strong{font-size:0.9em}
div.group{min-height:60px}
div#highlight{position:relative; margin:0 0 40px 0}
div#highlight h2{margin-bottom:5px}
div#highlight img.highlight{float:left; margin:0 10px 0px 0; border:3px solid #888}
div#highlight p{font-size:1.3em}
div#highlight p.meta{color:#888; font-size:0.9em}
div#highlight p.meta a{color:#888}
div#highlight div.photos{clear:both; padding:10px 0; background:none}
div#highlight div.photos img{margin:0 10px 10px 0}
div#photoalbum-nav{margin-bottom:15px}
.navigation{padding:1em 0; font-size:1.5em}
div.tags{padding-top:10px; clear:both}
div#cloud{line-height:200%}
div.flickr-meta-links{clear:both; margin:10px 0 0 0; font-size:10px}
div.flickr-meta-links a{color:#555}
.ui-tabs-nav{display:none !important}
div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_middle{background:#fff}
div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_content{background-color:#fff}
div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor:pointer}
div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.light_rounded .pp_close{width:75px; height:22px; background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px; cursor:default}
div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px; cursor:default}
div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_middle{background:#fff}
div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.light_rounded .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.dark_rounded .pp_close{width:75px; height:22px; background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.dark_rounded .currentTextHolder{color:#c4c4c4}
div.dark_rounded .pp_description{color:#fff}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px; cursor:default}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_arrow_next.disabled{background-position:-22px -87px; cursor:default}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content{background:url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat}
div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_square .pp_description{color:#fff}
div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.dark_square .pp_close{width:75px; height:22px; background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px; cursor:default}
div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_arrow_next.disabled{background-position:-22px -87px; cursor:default}
div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor:pointer}
div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor:pointer}
div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content{background:#fff}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.light_square .pp_close{width:75px; height:22px; background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
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}
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}
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000; 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; position:relative; text-align:left; width:100%}
.pp_content .pp_details{display:none; margin:10px 15px 2px 20px}
.pp_description{display:none; float:left; margin:0}
.pp_nav{clear:left; float:left; margin:3px 0 0 0}
.pp_nav p{float:left; margin:2px 4px}
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next{display:block; float:left; height:15px; margin-top:3px; overflow:hidden; text-indent:-10000px; width:14px}
.pp_hoverContainer{left:0; position:absolute; top:0; width:100%; z-index:2000}
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{display:block; float:right; 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:none; height:24px; left:50%; margin:-12px 0 0 -12px; position:absolute; top:50%; width:24px}
#pp_full_res{display:none; line-height:1 !important; margin:0 auto; text-align:center; width:100%}
div.ppt{color:#fff; display:none; font-size:17px; left:0; position:absolute; top:0; z-index:9999}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
#tec-content {
min-height:600px;
}
.category-events #tec-content {
background:none repeat scroll 0 0 #FFFFFF;
margin-left:10px;
padding:1px 35px;
width:670px;
}
#tec-events-calendar-header {
margin-bottom:18px;
position:relative;
}
.tec-calendar-buttons {
position:absolute;
right:0;
top:6px;
}
h2.tec-cal-title {
display:inline;
float:left;
padding-right:15px;
}
.tec-calendar-buttons a {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #999999;
color:#FFFFFF;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:27px;
line-height:27px;
margin:21px 0 24px 10px;
padding:0 4px;
text-align:center;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform:uppercase;
width:auto;
}
.upcoming a.tec-button-on, .grid a.tec-button-on {
background:none repeat scroll 0 0 #003366;
}
.upcoming a.tec-button-off, .grid a.tec-button-off {
background:none repeat scroll 0 0 #999999;
}
#tec-nav-above {
margin:5px 0 0;
}
.category-events #tec-nav-below {
margin:21px 0;
}
select.tec-events-dropdown {
font-size:11px;
width:auto;
}
.category-events .post {
margin-bottom:0;
overflow:hidden;
padding:0 0 12px 10px;
}
.category-events .upcoming .entry-title {
font-size:15px;
margin:15px 0 6px;
}
.category-events .entry-title a, .tec-event-meta-desc, .tec-event-day {
color:#555555;
}
.category-events .post .alt {
background:none repeat scroll 0 0 #F9F9F9;
border-width:0;
}
table.tec-calendar {
border:1px solid #AAAAAA;
border-collapse:collapse;
clear:both;
font-size:12px;
margin:18px 0 12px;
}
.tec-calendar .daynum {
background-color:#EEEEEE;
color:#333333;
font-size:10px;
padding:3px 9px;
}
.tec-calendar td.tec-present .daynum {
background-color:#003366;
color:#FFFFFF;
}
.tec-calendar td.tec-past .daynum {
color:#AAAAAA;
}
.tec-calendar th {
background-color:#006633;
background-image:url("images/grid-th-bg.png");
background-repeat:repeat-x;
color:#FFFFFF;
height:10px;
padding:4px 0;
text-align:center;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
width:250px;
}
.tec-calendar td {
border:1px solid #AAAAAA;
color:#114B7D;
height:100px;
padding:0;
vertical-align:top;
width:14.28%;
}
.tec-calendar td .tec-event {
line-height:1.2;
padding:6px 9px;
}
.tec-calendar td a {
font-size:91.7%;
}
.tec-calendar hr {
background-color:#D4DBCC;
border:0 none !important;
display:block;
height:1px;
margin:0 9px;
}
.tec-calendar .tec-event {
position:relative;
}
.tec-calendar .tec-tooltip {
background-color:#F9F9F9;
border:1px solid #666666;
bottom:30px;
color:#333333;
left:3px;
line-height:1.4;
position:absolute;
width:320px;
z-index:1001;
}
.tec-tooltip .tec-arrow {
background:url("images/tooltip-arrow.png") no-repeat scroll 0 bottom transparent;
bottom:-11px;
display:block;
height:11px;
left:20px;
position:absolute;
width:19px;
}
.tec-calendar .tec-right .tec-tooltip {
left:auto;
right:3px;
}
.tec-right .tec-tooltip .tec-arrow {
left:auto;
right:30px;
}
.tec-tooltip .tec-event-title {
background:url("images/tooltip-title.png") repeat-x scroll 0 0 #003366;
color:#FFFFFF;
float:left;
font-size:12px;
height:24px;
line-height:24px;
margin:0;
padding:0 6px;
width:309px;
}
.tec-tooltip .tec-event-body {
font-size:11px;
padding:3px 6px 6px;
}
.tec-tooltip .tec-event-date {
font-style:italic;
margin:3px 0;
}
#tec-content {
font-size:1.2em;
}
.tec-event .post {
position:relative;
}
#tec-event-meta {
border-color:#AAAAAA;
border-style:solid;
border-width:1px 0;
clear:both;
font-size:12px;
margin:18px 0 12px;
overflow:hidden;
padding:12px 0 2px;
}
#tec-event-meta .column {
float:left;
margin:0;
padding:0 4% 0 0;
text-align:left;
width:45%;
}
#tec-event-meta dt {
clear:left;
float:left;
font-weight:bold;
width:70px;
}
#tec-event-meta dd {
margin-bottom:10px;
margin-left:70px;
padding:0;
}
#tec-event-meta .gmap, .tec-event-meta-desc .gmap {
-moz-border-radius:2px 2px 2px 2px;
background:none repeat scroll 0 0 #3D6294;
color:#FFFFFF;
font-size:9px;
padding:1px 3px;
}
span.back {
margin:12px 0 0;
}
#tec-events-loop {
clear:both;
font-size:13px;
}
.tec-event {
border-bottom:1px solid #818181;
}
.tec-events .tec-event-entry {
float:left;
padding:0 5% 0 0;
width:60%;
}
.tec-events .tec-event-list-meta {
border-left:1px solid #CCCCCC;
float:right;
font-size:12px;
margin-bottom:20px;
padding:0 0 0 4%;
width:30%;
}
.tec-event-list-meta table {
border-collapse:collapse;
}
.tec-event-list-meta td {
padding-bottom:4px;
text-align:left;
vertical-align:top;
}
.tec-event-meta-desc {
font-weight:bold;
padding-right:12px;
width:64px;
}
h4.tec-event-day {
clear:both;
font-size:18px;
font-weight:bold;
margin:12px 0 -3px;
}
h4.tec-event-day + .post .entry-title {
margin-top:6px;
}
#eventbrite-embed {
margin:24px 0;
min-height:225px;
width:100%;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
}
/* CSS Document */
.clearfix:after, .container:after, ul.ui-tabs-panel:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix, .container, ul.ui-tabs-panel {
display:block;
}
* html .clearfix {
zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
zoom: 1;
} /* IE7 */
#srp_map_canvas h2, #gre_map_canvas h2, #srp_map_canvas h3, #gre_map_canvas h3, #srp_map_canvas h4, #gre_map_canvas h4 {
line-height: normal;
margin: 0;
padding: 0;
}
#srp_map_canvas img, #gre_map_canvas img, #srp_map_tab {
max-width: none;
background: transparent!important;
}
#srp_map_canvas input, #srp_map_canvas textarea, #srp_map_canvas select, #gre_map_canvas input, #gre_map_canvas textarea, #gre_map_canvas select, #srp_walkscore input, #srp_walkscore textarea, #srp_walkscore select {
width: auto;
}
.srp_attrib, .srp_attrib a, .srp_attrib img {
font-size: 11px;
line-height: normal;
text-align: center;
margin: 0;
padding: 0;
text-decoration: none;
border: none;
}
.srp_attrib a:hover, .srp_attrib a:visited {
text-decoration: underline;
}
.srp_table {
border: none;
width: 100%;
}
.srp_table td, .srp_table tr {
border: none;
line-height: normal;
}
.srp_table .highlight {
border: 1px solid red;
padding: 2px 1px;
}
.srp_table label {
padding-right: 4px;
}
.srp_table tr.monthly_payment {
font-weight: bold;
}
.srp_table tr.monthly_payment td {
padding-top: 5px;
border-top: 1px solid #ccc;
}
.srp_table tr.monthly_payment input.total, tr.srp_subtitle {
background: #FFCC66;
font-weight: bold;
border: 1px solid #FDAB00;
padding: 2px 1px;
}
.srp_table {
border-spacing: 0;
width:100% !important;
border-collapse: collapse;
}
.srp_additional-info {
background: #F3F6FB;
border: 1px solid #D2DFFF;
padding: 5px;
margin: 5px 0;
line-height: normal;
display: block;
overflow: hidden;
position: relative;
}
.srp_additional-info div {
padding: 2px;
display: block;
overflow: hidden;
position: relative;
}
#amortization-table .tr_odd {
background:#F3F6FB;
border: 1px solid #FDAB00;
}
#amortization-table td {
text-align: right;
padding: 3px 10px 3px 0px;
}
#TB_ajaxContent {
position: relative;
}
.srp_result_table {
font-size: 12px;
}
.srp_bb {
border-bottom: 1px solid #D2DFFF;
}
.srp_tb {
border-top: 1px solid #D2DFFF;
}
/**/
span.srp_amnt {
position:absolute;
right:0;
top:2px;
display: block;
margin: 0;
padding: 0;
overflow:visible;
}
.srp_result_link {
text-align: center;
margin: 5px auto 0;
}
.srp_mrtg_rte {
text-align: right;
}
.srp_rte_up {
padding-right: 12px;
background: url(images/up_down.gif) 100% -20px no-repeat;
}
.srp_rte_down {
padding-right: 12px;
background: url(images/up_down.gif) 100% 4px no-repeat;
}
.srp_disclaimer, #srp_Education_attr {
font-size: 9px;
color:#666666;
display: inline;
margin: 0px 10px;
}
#srp_Education_attr {
display: block;
text-align: right;
line-height: normal;
}
.srp_attrib, .srp_attrib a, .srp_attrib a:visited, .srp_attrib img, .widget .srp_table a {
font-size: 10px!important;
margin: 0!important;
padding: 0!important;
line-height: normal!important;
text-decoration: none!important;
border: none!important;
background: transparent!important;
}
.widget .srp_table a {
display: inline!important;
}
.srp_table .school_field_center, .srp_table.SchoolsByType {
text-align: center;
vertical-align: middle;
}
.srp_table.SchoolsByType {
/*font-size: 10px;*/
}
.srp_table.SchoolsByType .school_address {
text-align: left;
padding: 5px;
}
.srp_table.SchoolsByType .school_name {
font-weight: bold;
}
.srp_table.tableStyle {
border-top: 3px double #D2DFFF;
border-bottom: 3px double #D2DFFF;
font-size: 11px;
}
.srp_table.tableStyle tr, .srp_table.tableStyle td {
line-height: normal;
}
.srp_table.tableStyle .odd td {
background: #F3F6FB;
border-top: 1px solid #D2DFFF;
border-bottom: 1px solid #D2DFFF;
}
.srp_table.SchoolsByType .even td {
}
.srp_table.tableStyle tr:hover td {
background: #EBF5FF;
}
.srp_table .yelp_rating, .srp_table .yelp_photo {
margin: 0;
padding: 0;
}
.srp_table .yelp_rating {
padding: 4px 8px 0px 8px;
border: none;
}
#gre_map_canvas {
height:400px;
margin-bottom: 0;
padding:0px;
}
.srp_gre_legend img {
border: none!important;
margin: 0!important;
padding: 0!important;
background: transparent!important;
}
.srp_gre_legend span {
padding-left: 10px;
font-size: 11px;
}
#listing-container #srp_market_trends div {
text-align: center;
}
.spr_disclaimer {
display: inline;
margin-right: 10px;
font-size:10px;
}
.spr_disclaimer img, #srp_Education_attr img, #yelp_attribution img {
border: none;
padding: 0;
margin: 0;
}
#yelp_attribution {
text-align: right;
}
#amortization-table {
width: 100%;
}
#map, #srp_mortgage, #srp_market_trends, #srp_education {
margin-bottom: 1.5em;
}
#gre_map_canvas .srp_infoWindow img {
border: none;
}
#map_area {
position: relative;
}
#yelp_select {
font-size: 11px;
padding: 3px;
position: absolute;
bottom: 20px;
right: 5px;
background: #fff;
border: 1px solid #999;
filter:alpha(opacity=75);
opacity:0.75;
line-height: normal;
width: 110px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-radius: 5px;
}
#yelp_select input {
width: auto;
}
#srp_walkscore #ws-walkscore-tile {
margin: 1em auto;
}
#gre_map_canvas .srp_infoWindow {
display: block;
}
#gre_map_canvas .srp_infoWindow table.srp_infoWindow {
border-collapse:collapse;
margin: 0;
padding: 0;
width: 315px;
}
#gre_map_canvas .srp_infoWindow td {
vertical-align:top;
margin: 0;
padding: 0;
}
#gre_map_canvas .srp_infoWindow table, #gre_map_canvas .srp_infoWindow td, #gre_map_canvas .srp_infoWindow tr {
border: none;
}
/*
#gre_map_canvas .yelp_rating {
position: relative;
top: 0;
left: 0;
float: left;
}
*/
#gre_map_canvas .yelp_photo {
float: right;
}
#gre_map_canvas .yelp_text {
clear: left;
}
.ajax_loader {
position: relative;
padding: 5px!important;
margin: 0!important;
background: #fff;
border: 1px solid #999;
filter:alpha(opacity=75);
opacity:0.75;
overflow:hidden;
text-align: center;
line-height: 31px!important;
vertical-align: bottom;
width: 100px;
z-index: 999;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-radius: 5px;
}
.ajax_loader img {
border: none;
vertical-align:bottom;
padding: 0!important;
margin: 0 5px!important;
}
a.poweredbysrp {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
display:block;
margin: 0;
padding: 0;
text-align: right;
border: none;
background: transparent;
line-height: 12px;
}
a.poweredbysrp span {
font-style: italic;
}
#srp_extension {
position: relative;
}
#srp_listing_details .propdata, #srp_listing_details .page-blurb, #srp_listing_details .propdata h4 {
text-align: center;
}
#srp_listing_details .propdata li.odd {
background: #F3F6FB;
border-bottom: 1px dotted #B1BCD6;
}
#srp_listing_details .propdata ul {
list-style: none;
}
#srp_listing_details .propdata h4 {
font-size: 120%;
}
.addtoany_share_save_container {
margin:16px 0
}
ul.addtoany_list {
display:inline;
list-style-type:none;
margin:0!important;
padding:0!important;
text-indent:0!important
}
ul.addtoany_list li {
background:none!important;
border:0;
display:inline!important;
line-height:32px;
list-style-type:none;
margin:0!important;
padding:0!important
}
ul.addtoany_list li:before {
content:""
}
ul.addtoany_list li a {
padding:0 9px
}
ul.addtoany_list img {
float:none;
border:0;
margin:0;
padding:0;
vertical-align:middle
}
ul.addtoany_list a img {
opacity:.7
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img {
opacity:1
}
a.addtoany_share_save img {
border:0;
width:auto;
height:auto
}
/* REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
If you want to add some kind of frame, use another containing element, not this one. */
.video-js-box {
text-align: left;
position: relative;
} /* Will be set to the width of the video element */
/* Video Element */
video.video-js {
background-color: #000;
position: relative;
}
/* 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 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
}
.video-js-box.vjs-fullscreen .vjs-controls {
z-index: 1002;
}
/* Poster Style */
.vjs-poster {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* Subtiles Style */
.vjs-subtitles {
color:#fff;
font-size: 20px;
text-align: center;
bottom: 20px;
left: 0;
right: 0;
position: absolute;
z-index: 1002;
}
/* 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 a Holy Grail type method to allow the progress bar holder to expand into all available space,
but using abosolute positioning for individual controls. http://www.alistapart.com/articles/holygrail */
.vjs-controls {
list-style: none;
position: absolute;
margin: 0;
border: none;
opacity: 0.85;
color: #fff;
display: none; /* Start hidden */
left: 0;
right: 0; /* 100% width of video-js-box */
height: 35px; /* Including any margin you want above or below control items */
padding-left: 35px; /* Width of play button + margin */
padding-right: 165px; /* Width of all the controls to the right of the progress control + margins */
}
/* Controls styles when below the video */
.video-js-box.vjs-controls-below .vjs-controls {
background-color: #000;
}
.vjs-controls > li { /* Direct li children of control bar */
position: absolute;
list-style: none;
float: left;
padding: 0;
text-align: center;
height: 25px; /* Default height of individual controls */
margin: 5px 0 0 0; /* Top margin to put space between video and controls when controls are below */
/* CSS Background Gradients */
/* 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 */
.vjs-controls > li.vjs-play-control {
width: 25px;
left: 5px;
}
.vjs-controls > li.vjs-progress-control {
width: 100%;
position: relative;
}
.vjs-controls > li.vjs-time-control {
width: 75px;
right: 90px;
}
.vjs-controls > li.vjs-volume-control {
width: 50px;
right: 35px;
}
.vjs-controls > li.vjs-fullscreen-control {
width: 25px;
right: 5px;
}
/* Removing curves on progress control and time control to join them. */
.vjs-controls > li.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 > li.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;
}
.vjs-play-control span {
display: block;
font-size: 0;
line-height: 0;
}
.vjs-play-control.vjs-play 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-play-control.vjs-pause 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;
list-style: none;
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 li { /* Progress Bars */
position: absolute;
display: block;
width: 0;
height: 9px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.vjs-play-progress {
/* 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;
/* 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 ul {
list-style: none;
display: block;
margin: 0 5px 0 5px;
padding: 4px 0 0 0;
}
/* Drawing the volume icon using 6 li elements */
.vjs-volume-control ul li { /* Individual volume bars */
list-style: none;
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 ul li.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 ul li:nth-child(1) {
border-bottom-width: 2px;
height: 16px;
}
.vjs-volume-control ul li:nth-child(2) {
border-bottom-width: 4px;
height: 14px;
}
.vjs-volume-control ul li:nth-child(3) {
border-bottom-width: 7px;
height: 11px;
}
.vjs-volume-control ul li:nth-child(4) {
border-bottom-width: 10px;
height: 8px;
}
.vjs-volume-control ul li:nth-child(5) {
border-bottom-width: 14px;
height: 4px;
}
.vjs-volume-control ul li:nth-child(6) {
margin-right: 0;
}
/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control {
cursor: pointer !important;
}
.vjs-fullscreen-control ul {
list-style: none;
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 li elements */
.vjs-fullscreen-control ul li {
list-style: none;
float: left;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
width: 0;
text-align: left;
vertical-align: top;
}
.vjs-fullscreen-control ul li: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 ul li:nth-child(2) {
border-top: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
.vjs-fullscreen-control ul li: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 ul li: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 ul li:nth-child(1) {
border: none;
border-bottom: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(2) {
border: none;
border-bottom: 6px solid #fff;
border-right: 6px solid rgba(0, 0, 0, 0);
}
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(3) {
border: none;
border-top: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
.vjs-fullscreen .vjs-fullscreen-control ul li: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;
}