@charset "UTF-8";
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* normalize.css v1.0.1 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

/* normalize.css v1.0.1 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/* normalize.css v1.0.1 | Links | MIT License | git.io/normalize */
a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

/* normalize.css v1.0.1 | Typography | MIT License | git.io/normalize */
h1 { font-size: 2em; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

/* normalize.css v1.0.1 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

/* normalize.css v1.0.1 | Figures | MIT License | git.io/normalize */
figure { margin: 0; }

/* normalize.css v1.0.1 | Forms | MIT License | git.io/normalize */
form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

/* normalize.css v1.0.1 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

.video .container { overflow: hidden; *zoom: 1; }
.video #contentInner { padding: 0; margin: 0; clear: both; }
.video #contentOuter .t { background-color: white; }
.video #contentOuter .tr { padding: 0; }
.video #contentInner .container { display: table; width: 100%; }
.video #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.video #detailsMenu span { margin-right: 1px; }
.video #detailsMenu a img { border: none; }
.video #detailsMenu a:link { color: #363636; }
.video #backToSearch { font-family: sans-serif; font-size: 12px; font-weight: bold; text-align: left; margin-left: 40px; margin-top: 10px; }
.video #backToSearch img { vertical-align: middle; padding-bottom: 1px; }
.video #detailsMenu img { behavior: url("/css/pngbehavior.htc"); }
.video #video { background-color: #999999; padding: 20px; margin: 10px 20px 10px 20px; text-align: left; }
.video #video a img { vertical-align: top; }
.video #videoPlayer { float: left; position: absolute; background: white; }
.video #videoPlayer .youtube, .video #videoPlayer .ustream, .video #videoPlayer .instagram, .video #videoPlayer .instagram-grid { padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.video #videoInfo { min-height: 385px; height: auto !important; height: 385px; }
.video #videoInfo h2 { margin-left: 494px; margin-top: 10px; margin-bottom: 0; color: white; font-size: 13pt; }
.video #videoInfo .videographer { margin-left: 494px; color: black; }
.video #videoInfo .date, .video #videoInfo .location { margin-left: 494px; margin-top: 10px; }
.video #videoInfo .tags { margin-left: 494px; margin-top: 10px; color: black; font-weight: bold; }
.video #videoInfo .tags a:link { font-weight: normal; }
.video #videoInfo .description { margin-top: 10px; margin-left: 494px; color: white; }
.video #videoInfo .highRes { margin-top: 10px; margin-left: 494px; }
.video #searchForm { margin-top: -20px; }
.video #searchForm form { margin-left: 40px; margin-bottom: 20px; }
.video #submit { display: inline; font-size: 12pt; }
.video hr { margin-bottom: 16px; width: 444px; clear: none; }
.video #id_state { margin-right: 15px; }
.video #id_tag { width: 180px; }
.video #searchForm form ul { list-style: none; padding-left: 0; margin-left: 0; display: inline; }
.video #searchForm form li { list-style: none; padding-right: 15px; display: inline; }
.video #searchForm div { margin-bottom: 15px; }
.video #topVideos { float: right; z-index: 1; position: relative; margin-top: -40px; }
.video #topVideos .t { width: 325px; margin-right: 20px; margin-top: 20px; }
.video #topVideos .content { height: 628px; }
.video #topVideos a { color: black; text-decoration: none; }
.video #topVideos h1 { color: #313131; margin-left: 8px !important; padding-left: 0 !important; margin-top: 5px; width: 280px; }
.video #topVideos .inner { width: 284px; height: 574px; margin-left: -8px; }
.video #topVideos .inner img { border: 1px solid #c1c1c1; }
.video #topVideos .inner .bigThumb { margin-left: 24px; padding-top: 20px; width: 238px; text-align: center; font-size: 12px; }
.video #topVideos .inner .bigThumb h2 { margin-top: 8px; margin-bottom: 1px; }
.video #topVideos .inner h2 { color: white; }
.video h3 { color: white; }
.video #topVideos .sideThumb { margin-top: 20px; _margin-top: 14px; margin-left: 24px; width: 238px; height: 50px; font-size: 12px; padding-bottom: 6px; }
.video #topVideos .sideThumb h3 { padding-top: 5px; margin-bottom: 0; padding-bottom: 0; padding-left: 90px; }
.video #topVideos .sideThumb div { padding-left: 90px; }
.video #topVideos .sideThumb img { float: left; margin-right: 5px; }
.video .resultsNumbers { font-size: 11pt; font-weight: bold; margin-left: 43px; width: 270px; padding-bottom: 10px; }
.video .resultsNumbers .totalResults { color: gray; }
.video .thumbWithInfo { width: 132px; height: 150px; font-size: 10px; font-family: sans-serif; color: white; float: left; margin-right: 25px; }
.video .thumbWithInfo .overLay { background-color: black; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 122px; _width: 130px; margin-top: -153px; _margin-top: -151px; _margin-left: 1px; padding: 5px; line-height: 1em; }
.video .thumbWithInfo .overLay * { color: white !important; }
.video .thumbWithInfo img { border: 1px solid black; width: 130px; height: 96px; background-image: url("/img/thumb_bg.gif"); }
.video .thumbWithInfo .miniTitle { font-weight: bold; display: inline; }
.video .thumbWithInfo .miniDescription { display: inline; padding-left: 3px; }
.video .thumbWithInfo .underLay { width: 100%; font-size: 9px; padding-left: 8px; padding-top: 4px; height: 50px; width: 122px; line-height: 1em; }
.video .thumbWithInfo .miniTags { color: #828282; }
.video .thumbWithInfo .miniTags .list { color: black; font-weight: bold; }
.video .thumbWithInfo .miniDate { font-style: italic; color: #606060; }
.video .thumbWithInfo a { color: black; text-decoration: none; }
.video .thumbnails a:hover { cursor: pointer; }
.video #leftArea { position: absolute; width: 800px; margin-left: auto; margin-right: auto; z-index: 0; }
.video #leftArea h1 { position: relative; }
.video .thumbnails { width: 100%; margin-left: 40px; margin-top: 22px; }
.video .thumbnails .row { height: 150px; }
.video .thumbnails a { text-decoration: none; }
.video .thumbnails a:hover { cursor: pointer; }
.video .redbutton { background-image: url("/img/redbutton_bg.gif"); background-repeat: repeat-x; height: 29px; display: table-cell; }
.video .redbutton a:link { color: white; padding-left: 10px; padding-right: 10px; vertical-align: top; position: relative; font-size: 15px; font-weight: bold; top: 5px; }
.video .redButton .arrowBit { margin: 0; padding: 0; margin-left: -6px; padding-right: 6px; }
.video .allVideos { float: right; margin-right: 63px; margin-top: 12px; }
.video #prevAndMore { clear: both; text-align: right; position: relative; margin-left: 296px; margin-top: -22px; width: 148px; }
.video #menuImg { margin-top: 15px; margin-left: 43px; }
.video #iconLabels { color: white; font-size: 18px; }
.video #iconLabels .signup { position: absolute; margin-top: -160px; margin-left: 130px; }
.video #iconLabels .document { position: absolute; margin-top: -160px; margin-left: 395px; }
.video #iconLabels .upload { position: absolute; margin-top: -160px; margin-left: 650px; }
.video #howText { font-size: 15px; color: white; }
.video #howText .signup { position: absolute; margin-top: -110px; margin-left: 61px; width: 210px; }
.video #howText .document { position: absolute; margin-top: -110px; margin-left: 320px; width: 210px; }
.video #howText .upload { position: absolute; margin-top: -110px; margin-left: 575px; width: 210px; }
.video .learnMore { margin-top: 4px; }
.video .learnMore a { color: #de2535; font-size: 11px; font-weight: bold; }
.video .learnMore a:link { text-decoration: none; }
.video #id_name, .video #id_email, .video #id_zip { width: 220px; margin-bottom: 5px; display: block; border: 1px solid #8b8b8b; height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #858585; }
.video #signupbutton { position: absolute; top: 68px; left: 112px; }
.video #id_zip { width: 60px; }
.video #textContentContainer { margin-bottom: 0; padding-bottom: 10px; text-align: center; padding-top: 0px; }
.video #textContent { margin-top: 20px; padding-top: 10px; padding-bottom: 30px; text-align: left; }
.video #textContent h1 { margin: 0 0 10px 40px; }
.video #textContent hr { margin-left: 40px; margin-right: 57px; border: 0; background-color: #999999; height: 1px; }
.video .tri { background: url(../img/corners/tri.gif) no-repeat; width: 29px; height: 15px; position: relative; top: 1px; _top: 3px; left: 725px; margin: 0; padding: 0; }
.video .grayBubble { padding-bottom: 10px; }
.video .grayBubble .t { background-color: #747474; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.video .grayBubble .trgray { padding: 10px 20px 10px 30px; }
.video .grayBubble .content { margin-top: -5px; }
.video .grayBubble .content h2 { color: white; margin-top: 10px; }
.video .trgray { padding: 10px; }

.video_specific #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.video_specific #detailsMenu span { margin-right: 1px; }
.video_specific #detailsMenu a img { border: none; }
.video_specific #detailsMenu a:link { color: white; }
.video_specific #backToSearch { font-family: sans-serif; font-size: 12px; font-weight: bold; text-align: left; margin-left: 40px; margin-top: 10px; }
.video_specific #backToSearch img { vertical-align: middle; padding-bottom: 1px; }
.video_specific #backToSearch span.social-links { float: right; margin-right: 40px; }
.video_specific #backToSearch span.social-links img { margin-right: 5px; }
.video_specific #detailsMenu img { behavior: url("/css/pngbehavior.htc"); }
.video_specific #video { background-color: #999999; padding: 20px; margin: 10px 20px 10px 20px; text-align: left; overflow: hidden; *zoom: 1; }
.video_specific #video a img { vertical-align: top; }
.video_specific #video .youtube, .video_specific #video .ustream, .video_specific #video .instagram, .video_specific #video .instagram-grid { display: block; background: white; padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.video_specific object#videoPlayer { margin-right: 25px; }
.video_specific #videoPlayer { float: left; margin-top: 5px; }
.video_specific #videoInfoFLV { min-height: 307px; height: auto !important; height: 307px; }
.video_specific #videoInfo { width: 325px; float: left; margin-left: 20px; }
.video_specific #videoInfo h2 { margin-top: 0px; margin-bottom: 0; color: white; font-size: 13pt; }
.video_specific #videoInfoFLV h2 { margin-top: 10px; margin-bottom: 0; color: white; font-size: 13pt; }
.video_specific #videoInfo .videographer, .video_specific #videoInfoFLV .videographer { color: black; }
.video_specific #videoInfo .date, .video_specific #videoInfoFLV .date, .video_specific #videoInfo .location, .video_specific #videoInfoFLV .location { margin-top: 10px; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #363636; }
.video_specific #videoInfo .tags, .video_specific #videoInfoFLV .tags { margin-top: 10px; color: black; font-weight: bold; font-family: sans-serif; font-size: 12px; }
.video_specific #videoInfo .buttons { padding: 10px 0px; }
.video_specific #videoInfo .description, .video_specific #videoInfoFLV .description { margin-top: 10px; color: white; }
.video_specific #videoInfo .highRes, .video_specific #videoInfoFLV .highRes { margin-top: 10px; }
.video_specific .thumbWithInfo { width: 132px; height: 150px; font-size: 10px; font-family: sans-serif; color: white; float: left; margin-right: 25px; overflow: hidden; }
.video_specific .thumbWithInfo .overLay { background-color: black; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 122px; _width: 130px; margin-top: -153px; _margin-top: -151px; _margin-left: 1px; padding: 5px; line-height: 1em; }
.video_specific .thumbWithInfo .overLay * { color: white !important; }
.video_specific .thumbWithInfo img { border: 1px solid black; width: 130px; height: 96px; background-image: url("/img/thumb_bg.gif"); }
.video_specific .thumbWithInfo .miniTitle { font-weight: bold; display: inline; }
.video_specific .thumbWithInfo .miniDescription { display: inline; padding-left: 3px; }
.video_specific .thumbWithInfo .underLay { width: 100%; font-size: 9px; padding-left: 8px; padding-top: 4px; height: 50px; width: 122px; line-height: 1em; }
.video_specific .thumbWithInfo .miniTags { color: #828282; }
.video_specific .thumbWithInfo .miniTags .list { color: black; font-weight: bold; }
.video_specific .thumbWithInfo .miniDate { font-style: italic; color: #606060; }
.video_specific .thumbnails { width: 100%; margin-left: 40px; margin-top: 22px; }
.video_specific .thumbnails .row { height: 150px; }
.video_specific .thumbnails a { text-decoration: none; }
.video_specific .thumbnails a:hover { cursor: pointer; }
.video_specific .redbutton { background-image: url("/img/redbutton_bg.gif"); background-repeat: repeat-x; }
.video_specific .redbutton a { color: white !important; padding-left: 10px; padding-right: 10px; vertical-align: top; position: relative !important; font-size: 15px; font-weight: bold !important; top: 5px !important; text-decoration: none !important; }
.video_specific .redButton .arrowBit { margin: 0; padding: 0; margin-left: -6px; padding-right: 6px; }
.video_specific .allVideos { float: right; margin-right: 63px; margin-top: 12px; }
.video_specific #menuImg { margin-top: 15px; margin-left: 43px; }
.video_specific #iconLabels { color: white; font-size: 18px; }
.video_specific #iconLabels .signup { position: absolute; margin-top: -160px; margin-left: 130px; }
.video_specific #iconLabels .document { position: absolute; margin-top: -160px; margin-left: 395px; }
.video_specific #iconLabels .upload { position: absolute; margin-top: -160px; margin-left: 650px; }
.video_specific #howText { font-size: 15px; color: white; }
.video_specific #howText .signup { position: absolute; margin-top: -110px; margin-left: 61px; width: 210px; }
.video_specific #howText .document { position: absolute; margin-top: -110px; margin-left: 320px; width: 210px; }
.video_specific #howText .upload { position: absolute; margin-top: -110px; margin-left: 575px; width: 210px; }
.video_specific .learnMore { margin-top: 4px; }
.video_specific .learnMore a { color: #de2535; font-size: 11px; font-weight: bold; }
.video_specific .learnMore a:link { text-decoration: none; }
.video_specific #id_name, .video_specific #id_email, .video_specific #id_zip { width: 220px; margin-bottom: 5px; display: block; border: 1px solid #8b8b8b; height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #858585; }
.video_specific #signupbutton { position: absolute; top: 68px; left: 112px; }
.video_specific #id_zip { width: 60px; }
.video_specific #textContentContainer { background-color: white; margin-bottom: 0; padding-bottom: 10px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; text-align: center; padding-top: 0px; }
.video_specific #textContent { margin-top: 20px; padding-top: 10px; padding-bottom: 30px; text-align: left; }
.video_specific #textContent h1 { margin-left: 40px; }
.video_specific #textContent hr { margin-left: 40px; margin-right: 57px; border: 0; background-color: #999999; height: 1px; }
.video_specific .t { background: url(../img/corners/dot.gif) 0 0 repeat-x; }
.video_specific .b { background: url(../img/corners/dot.gif) 0 100% repeat-x; }
.video_specific .l { background: url(../img/corners/dot.gif) 0 0 repeat-y; }
.video_specific .r { background: url(../img/corners/dot.gif) 100% 0 repeat-y; }
.video_specific .bl { background: url(../img/corners/bl.gif) 0 100% no-repeat; }
.video_specific .br { background: url(../img/corners/br.gif) 100% 100% no-repeat; }
.video_specific .tl { background: url(../img/corners/tl_gray.gif) 0 0 no-repeat; }
.video_specific .tr { background: url(../img/corners/tr_gray.gif) 100% 0 no-repeat; padding: 10px; }
.video_specific .tri { background: url(../img/corners/tri_gray.gif) no-repeat; width: 29px; height: 15px; position: relative; top: 1px; _top: 3px; left: 725px; margin: 0; padding: 0; }

.upload #email { font-family: Helvetica Neue, Helvetica, Arial, San Sarif; font-size: 12px; color: #999999; border: 1px solid #8b8b8b; height: 27px; padding-top: 5px; padding-left: 5px; width: 200px; }
.upload .button.large { margin-left: 5px; }
.upload .clickHere { color: black; text-decoration: underline !important; font-weight: bold; }

form h1 { margin-bottom: 0.67em; }

#upload-progress { margin-left: 100px; margin-top: -40px; width: 150px; }

#upload_new input[type="email"], #upload_new input[type="text"] { text-transform: none; }

#upload_new ul { list-style: none; padding-left: 20px; }
#upload_new ul.errorlist { padding: 5px; display: inline-block; border-radius: 5px; }

.progress-bar { height: 4px; margin-top: 5px; background-color: #98afc7; }

.progress-container { border: 1px solid gray; background-color: white; padding: 10px; }

#email { font-family: Helvetica Neue, Helvetica, Arial, San Sarif; font-size: 12px; color: #999999; border: 1px solid #8b8b8b; height: 27px; padding-top: 5px; padding-left: 5px; width: 200px; }

.miniSignUpMsg { font-style: italic; margin-top: -5px; margin-bottom: 8px; }

#submit { border: 1px solid #8b8b8b; vertical-align: bottom; width: 108px; height: 29px; margin-left: 5px; position: relative; top: 1px; _top: 0px; font-weight: bold; color: #5f5f5f; }

.tri { background: url(../img/corners/tri.gif) no-repeat; width: 29px; height: 15px; position: relative; top: 1px; _top: 3px; left: 594px; margin: 0; padding: 0; }

.clickHere { color: black; text-decoration: underline !important; font-weight: bold; }

form td { padding-bottom: 5px; padding-right: 8px; vertical-align: top; }
form td span { display: block; font-size: 12px; color: #595959; width: 140px; margin-top: 3px; }
form td span a { color: #595959; font-weight: bold; }

#id_description { height: 10em; width: 450px; }

#id_zip { height: 23px; padding: 0; margin: 0; }

#problem_type_area li { margin-bottom: 0.3em; }

#organization_area ul { margin-top: 33px; }
#organization_area li { margin-bottom: 0.3em; }

#submitVideo { margin-top: 10px; font-size: 18px; }

.errorlist { list-style: none; padding: 0; }
.errorlist li { margin-left: 1em; background-color: pink; padding: 4px; }

#id_tags { width: 250px; }

#cc_agree { font-weight: bold; margin-top: 15px; margin-left: 20px; }

.assistance { margin-top: -12px; padding-top: 0; color: #595959; font-style: italic; }

#progress { margin-top: 1em; border: 2px solid #c4c4c4; height: 2em; width: 60%; }

#progressContainer img { margin-top: 1em; }

#progress .bar { background-color: #b9c0ed; height: 100%; width: 0%; }

#spin { height: 3em; margin-top: 1em; }

.resources #infographic { text-transform: none; overflow: hidden; *zoom: 1; width: 800px; margin: 0 auto; padding: 0; list-style-type: none; }
.resources #infographic li { background-color: #363535; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; float: left; width: 160px; min-height: 205px; color: white; padding: 5px 10px; margin-right: 160px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.resources #infographic li a { color: white; }
.resources #infographic li div { margin: 0 auto; margin-bottom: 10px; }
.resources #infographic li p { text-align: center; margin: 0; font-size: 12px; text-transform: none; margin: 0 3px; line-height: 15px; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; }
.resources #infographic li h2 { text-align: center; text-transform: none; font-weight: 500; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; }
.resources #infographic li:after { content: ""; position: absolute; top: 100px; left: 226px; }
.resources #infographic li.no-arrow { margin-right: 0; }
.resources #infographic li.no-arrow:after { display: none; }
.resources #infographic li.large { margin-top: 40px; margin-left: 208px; padding-top: 10px; width: 390px; min-height: 117px; overflow: visible !important; overflow: hidden; *zoom: 1; }
.resources #infographic li.large h1 { text-align: center; margin-top: 20px; text-transform: none; font-weight: 500; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; }
.resources #infographic li.large div { float: left; margin-left: 10px; }
.resources #infographic li.large:before { content: ""; background-size: 200px 200px; position: absolute; left: -80px; top: 28px; }
.resources #infographic li.large:after { display: none; }
.resources #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.resources #detailsMenu span { margin-right: 1px; }
.resources #detailsMenu a img { border: none; }
.resources .links { float: left; }
.resources .links a img { border: none; }
.resources .links div { margin-bottom: 10px; }
.resources .links select { width: 115px; }
.resources .grayBubble { background-color: #cccccc; margin: 20px; padding-bottom: 10px; padding: 10px 30px 10px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; overflow: hidden; *zoom: 1; }
.resources .grayBubble .content { float: left; margin-right: 180px; min-height: 82px; width: 525px; }
.resources .grayBubble .content.wide { width: 800px; }
.resources .grayBubble div a.button { margin-bottom: 10px; display: block; }
.resources #overviewLinks { list-style: none; margin-top: 20px; margin-bottom: 25px; margin-left: 8px; }
.resources #overviewLinks li { margin-bottom: 6px; }

.photo { overflow: hidden; *zoom: 1; }
.photo #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.photo #detailsMenu span { margin-right: 1px; }
.photo #detailsMenu a img { border: none; }
.photo #detailsMenu a:link { color: #363636; }
.photo #photo_content { width: 100%; display: inline-block; margin: 15px auto; height: 100%; }
.photo #photo_content h1 { margin: 0 0 10px 0px; }
.photo #photo_content .photos { margin: 0 0 0 0; padding: 30px 0 0 0; text-align: center; }
.photo #photo_content .photos li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 5px; }
.photo #photo_content .photos li a { display: block; }
.photo #photo_content .photos li a img { width: 132px; height: 132px; }
.photo #photo_content .instagram, .photo #photo_content .instagram-grid { display: block; float: left; padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 10px; margin-right: 2em; }
.photo #photo_content .instagram { padding: 0; margin: 5px 3em 5px 1em; width: 280; height: 280; border: none !important; }
.photo #photo_content .pagination { display: block; position: relative; width: 90%; margin: 0 auto; }
.photo #photo_content .pagination .current { float: left; font-size: 11pt; font-weight: bold; }
.photo #photo_content .pagination .current .numbers { color: gray; }
.photo #photo_content .pagination .step-links { float: right; }

.volunteer #detailsMenu { height: 50px; width: 100%; text-align: center; margin-top: 20px; }
.volunteer #detailsMenu span { margin-right: 1px; }
.volunteer #detailsMenu a img { border: none; }
.volunteer #detailsMenu img { behavior: url("/css/pngbehavior.htc"); }
.volunteer #signUpArea { width: 40%; margin: 0 auto; }
.volunteer #signUpArea .menuImg { display: inline-block; }
.volunteer #signUpArea .menuImg h1 { margin-top: 5px; text-align: center; }
.volunteer #signUpArea form { display: inline-block; margin-left: 10px; }
.volunteer #signUpArea form input { font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; }
.volunteer #iconLabels { color: white; font-size: 18px; }
.volunteer #iconLabels .signup { position: relative; margin-top: -30px; margin-left: 280px; color: #464646; }
.volunteer #iconLabels .document { position: absolute; margin-top: -160px; margin-left: 395px; }
.volunteer #iconLabels .upload { position: absolute; margin-top: -160px; margin-left: 650px; }
.volunteer #howText { font-size: 15px; color: white; }
.volunteer #howText .signup { position: relative; margin-top: -100px; margin-left: 370px; width: 210px; }
.volunteer #howText .document { position: absolute; margin-top: -110px; margin-left: 320px; width: 210px; }
.volunteer #howText .upload { position: absolute; margin-top: -110px; margin-left: 575px; width: 210px; }
.volunteer .learnMore { margin-top: 4px; }
.volunteer .learnMore a { color: #de2535; font-size: 11px; font-weight: bold; }
.volunteer .learnMore a:link { text-decoration: none; }
.volunteer #id_name, .volunteer #id_email, .volunteer #id_zip { width: 255px; margin-bottom: 5px; display: block; border: 1px solid #8b8b8b; height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #858585; }
.volunteer #id_zip { width: 60px; display: inline-block; }
.volunteer #textContentContainer { background-color: white; margin-bottom: 0; padding-bottom: 10px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; text-align: center; }
.volunteer #textContent { margin-left: auto; margin-right: auto; margin-top: 20px; width: 500px; padding-top: 20px; padding-bottom: 30px; text-align: left; }
.volunteer .t { background: url(../img/corners/dot.gif) 0 0 repeat-x; }
.volunteer .b { background: url(../img/corners/dot.gif) 0 100% repeat-x; }
.volunteer .l { background: url(../img/corners/dot.gif) 0 0 repeat-y; }
.volunteer .r { background: url(../img/corners/dot.gif) 100% 0 repeat-y; }
.volunteer .bl { background: url(../img/corners/bl.gif) 0 100% no-repeat; }
.volunteer .br { background: url(../img/corners/br.gif) 100% 100% no-repeat; }
.volunteer .tl { background: url(../img/corners/tl_gray.gif) 0 0 no-repeat; }
.volunteer .tr { background: url(../img/corners/tr_gray.gif) 100% 0 no-repeat; padding: 10px; }
.volunteer .tri { background: url(../img/corners/tri_gray.gif) no-repeat; width: 29px; height: 15px; position: relative; top: 1px; _top: 3px; left: 460px; margin: 0; padding: 0; }

.sign_up .top { width: 800px; padding: 0px 50px; margin-bottom: 10px; }
.sign_up .errorlist { list-style: none; display: inline; padding: 0; }
.sign_up .errorlist li { padding: 5px 10px; margin-top: 1em; margin-left: 0; background-color: pink; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; color: #b94a48; }
.sign_up span.notice { font-size: 12px; display: block; width: 200px; line-height: 12px; }
.sign_up span.notice.can_stream { width: 225px; margin-top: 5px; margin-left: 20px; }
.sign_up form .right { float: right; }
.sign_up form fieldset { margin-bottom: 30px; margin-left: 50px; width: 800px; padding: 25px; clear: both; }
.sign_up form fieldset legend { font-size: 24px; }
.sign_up form fieldset legend span.notice { font-size: 18px; display: inline; position: relative; bottom: 3px; margin-left: 0; left: 0; }
.sign_up form div.row { margin-bottom: 20px; clear: left; overflow: hidden; *zoom: 1; }
.sign_up form div.row div.item { float: left; margin-right: 20px; }
.sign_up form div.row label { margin-bottom: 5px; }
.sign_up form div.row label.vertical-middle { margin-top: 18px; }
.sign_up form div.row label input { margin-top: 5px; }
.sign_up form div.row textarea { clear: left; }
.sign_up form div.row ul.choices { padding: 0 20px; list-style-type: none; }
.sign_up form label { font-size: 16px; }
.sign_up form input#id_email { width: 150px; }
.sign_up form input#id_zip { width: 120px; margin-top: 5px; }
.sign_up form input[type=text], .sign_up form input[type=email], .sign_up form textarea, .sign_up form select { display: block; text-transform: none; }
.sign_up form div.vertical-middle { margin-top: 18px; }

.reports #contentInner { padding: 0 70px 0 70px; margin: 0; }
.reports #contentOuter .t { background-color: white; }
.reports #contentOuter .tr { padding: 0; }
.reports #contentInner .container { display: table; width: 100%; }
.reports #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.reports #detailsMenu span { margin-right: 1px; }
.reports #detailsMenu a img { border: none; }
.reports #detailsMenu a:link { color: #363636; }
.reports #backToSearch { font-family: sans-serif; font-size: 12px; font-weight: bold; text-align: left; margin-left: 40px; margin-top: 10px; }
.reports #backToSearch img { vertical-align: middle; padding-bottom: 1px; }
.reports #detailsMenu img { behavior: url("/css/pngbehavior.htc"); }
.reports h1 { margin-left: 20px; }
.reports .report { margin-bottom: 20px; margin-left: 83px; float: left; width: 322px; color: #323232; }
.reports .report h2 { color: #323232; }
.reports .report .thumb img { border: 1px solid black; }
.reports .thumb .postedDate { margin-top: 8px; margin-left: 8px; font-size: 12px; color: #666666; }
.reports .report h2 { padding-bottom: 0; margin-bottom: 2px; }
.reports hr { width: 670px; height: 1px; background-color: #b2b2b2; border: none; margin-bottom: 0; }

#leftArea { width: 60%; display: inline-block; height: 100%; }
#leftArea iframe { width: 100%; height: 100%; }

#rightArea { width: 31%; display: inline-block; float: right; margin-right: 54px; }
#rightArea.fixed { position: fixed; width: 23%; margin-left: 31px; }
#rightArea .bubble { padding-bottom: 10px; background-color: #747474; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; min-height: 200px; width: 292px; }
#rightArea .bubble h2, #rightArea .bubble p { color: white; margin-top: -5px; margin-bottom: 0; }
#rightArea .bubble #vmap { width: 90%; margin: 0 auto; height: 180px; }

.reports_specific #detailsMenu { width: 100%; text-align: center; margin-top: 20px; }
.reports_specific #detailsMenu span { margin-right: 1px; }
.reports_specific #detailsMenu a img { border: none; }
.reports_specific #detailsMenu a:link { color: #363636; }
.reports_specific #backToSearch { font-family: sans-serif; font-size: 12px; font-weight: bold; text-align: left; margin-left: 40px; margin-top: 10px; }
.reports_specific #backToSearch img { vertical-align: middle; padding-bottom: 1px; }
.reports_specific #detailsMenu img { behavior: url("/css/pngbehavior.htc"); }
.reports_specific #video { background-color: #999999; padding: 20px; margin: 10px 20px 0 20px; text-align: left; }
.reports_specific #video a img { vertical-align: top; }
.reports_specific #video .youtube, .reports_specific #video .ustream, .reports_specific #video .instagram, .reports_specific #video .instagram-grid { display: block; background: white; padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.reports_specific #videoPlayer { float: left; position: absolute; }
.reports_specific #videoInfoFLV { min-height: 307px; height: auto !important; height: 307px; }
.reports_specific #videoInfo { min-height: 385px; height: auto !important; height: 385px; margin-left: 10px; }
.reports_specific #videoInfo h1 { margin-left: 494px; margin-bottom: 0; color: white; }
.reports_specific #videoInfoFLV h1 { margin-left: 494px; margin-top: 10px; margin-bottom: 0; color: white; }
.reports_specific #videoInfo .videographer, .reports_specific #videoInfoFLV .videographer { margin-left: 494px; color: black; }
.reports_specific #videoInfo .date, .reports_specific #videoInfoFLV .date, .reports_specific #videoInfo .location, .reports_specific #videoInfoFLV .location { margin-left: 494px; margin-top: 10px; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #363636; }
.reports_specific #videoInfo .tags, .reports_specific #videoInfoFLV .tags { margin-left: 494px; margin-top: 10px; color: black; font-weight: bold; font-family: sans-serif; font-size: 12px; }
.reports_specific #videoInfo .description, .reports_specific #videoInfoFLV .description { margin-top: 10px; margin-left: 494px; color: white; }
.reports_specific #videoInfo .highRes, .reports_specific #videoInfoFLV .highRes { margin-top: 10px; margin-left: 494px; }
.reports_specific #numVideos h1 { padding: 15px 0 6px 0; margin: 0; color: white; }
.reports_specific .active .thumbWithInfo { background-color: #999999 !important; width: 172px; text-align: center; padding-top: 20px; margin-top: -20px; position: relative; }
.reports_specific .thumbWithInfo { width: 132px; height: 170px; font-size: 10px; font-family: sans-serif; color: white; float: left; margin-right: 25px; overflow: hidden; }
.reports_specific .thumbWithInfo .overLay { background-color: black; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 122px; _width: 130px; margin-top: -153px; _margin-top: -151px; _margin-left: 1px; padding: 5px; line-height: 1em; }
.reports_specific .active .overLay { margin-left: 20px; _margin-left: 0px; _margin-top: -148px; _width: 132px; }
.reports_specific .thumbWithInfo img { border: 1px solid black; width: 130px; height: 96px; background-image: url("/img/thumb_bg.gif"); }
.reports_specific .thumbWithInfo .miniTitle { font-weight: bold; display: inline; }
.reports_specific .thumbWithInfo .miniDescription { display: inline; padding-left: 3px; }
.reports_specific .thumbWithInfo .underLay { width: 100%; font-size: 9px; padding-left: 8px; padding-top: 4px; height: 50px; width: 122px; line-height: 1em; }
.reports_specific .active .thumbWithInfo .miniTags { color: white; }
.reports_specific .thumbWithInfo .miniTags { color: #828282; }
.reports_specific .thumbWithInfo .miniTags .list { color: black; font-weight: bold; }
.reports_specific .thumbWithInfo .miniDate { font-style: italic; color: #606060; }
.reports_specific .thumbnails { width: 100%; margin-left: 20px; margin-top: 20px; }
.reports_specific .thumbnails .row { height: 150px; }
.reports_specific .thumbnails a { text-decoration: none; }
.reports_specific .thumbnails a:hover { cursor: pointer; }
.reports_specific .redbutton { background-image: url("/img/redbutton_bg.gif"); background-repeat: repeat-x; }
.reports_specific .redbutton a { color: white !important; padding-left: 10px; padding-right: 10px; vertical-align: top; position: relative !important; font-size: 15px; font-weight: bold !important; top: 5px !important; text-decoration: none !important; }
.reports_specific .redButton .arrowBit { margin: 0; padding: 0; margin-left: -6px; padding-right: 6px; }
.reports_specific .allVideos { float: right; margin-right: 63px; margin-top: 12px; }
.reports_specific #menuImg { margin-top: 15px; margin-left: 43px; }
.reports_specific #iconLabels { color: white; font-size: 18px; }
.reports_specific #iconLabels .signup { position: absolute; margin-top: -160px; margin-left: 130px; }
.reports_specific #iconLabels .document { position: absolute; margin-top: -160px; margin-left: 395px; }
.reports_specific #iconLabels .upload { position: absolute; margin-top: -160px; margin-left: 650px; }
.reports_specific #howText { font-size: 15px; color: white; }
.reports_specific #howText .signup { position: absolute; margin-top: -110px; margin-left: 61px; width: 210px; }
.reports_specific #howText .document { position: absolute; margin-top: -110px; margin-left: 320px; width: 210px; }
.reports_specific #howText .upload { position: absolute; margin-top: -110px; margin-left: 575px; width: 210px; }
.reports_specific .learnMore { margin-top: 4px; }
.reports_specific .learnMore a { color: #de2535; font-size: 11px; font-weight: bold; }
.reports_specific .learnMore a:link { text-decoration: none; }
.reports_specific #id_name, .reports_specific #id_email, .reports_specific #id_zip { width: 220px; margin-bottom: 5px; display: block; border: 1px solid #8b8b8b; height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #858585; }
.reports_specific #signupbutton { position: absolute; top: 68px; left: 112px; }
.reports_specific #id_zip { width: 60px; }
.reports_specific #textContentContainer { margin-bottom: 0; padding-bottom: 10px; text-align: center; padding-top: 0px; }
.reports_specific #textContent { padding-bottom: 30px; text-align: left; }
.reports_specific #textContent h1 { margin-left: 40px; }
.reports_specific #textContent hr { margin-left: 40px; margin-right: 57px; border: 0; background-color: #999999; height: 1px; }
.reports_specific .box { border-top: 1px solid #999999; }

body { width: 100%; *zoom: 1; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

.vtv-sprite, .vtv-arrow-left, #slideshow-nav .slideshow-thumbs-prev:before, .vtv-arrow-right, #slideshow-nav .slideshow-thumbs-next:before, .vtv-cel-logo, .vtv-connect, .vtv-cornershop, .vtv-document-1, .vtv-document-2, .vtv-document-3, .vtv-document-dark, .vtv-greyarrow-large, .resources #infographic li.large:before, .vtv-greyarrow, .resources #infographic li:after, .vtv-header-hp, .home #blog h1:after, .vtv-header-instagram, .home #photos h1:after, .vtv-header-storify, .home #map h1:after, .vtv-header-tw, .home #twitter h1:after, .vtv-how-1-small, .vtv-how-1, .vtv-how-2-small, .vtv-how-2, .vtv-how-3-replacement, .vtv-how-3-small, .vtv-how-3, .vtv-how-4-small, .vtv-how-4, .vtv-icon-fb, .vtv-icon-tw, .vtv-icon-us, .vtv-icon-yt, .vtv-logo, .vtv-share-1, .vtv-share-2, .vtv-twitter-bird, .vtv-upload-dark { background: url('../images/vtv-s3f8cf4765d.png') no-repeat; }

.vtv-arrow-left, #slideshow-nav .slideshow-thumbs-prev:before { background-position: 0 -1739px; height: 22px; width: 23px; }

.vtv-arrow-right, #slideshow-nav .slideshow-thumbs-next:before { background-position: 0 -1761px; height: 22px; width: 23px; }

.vtv-cel-logo { background-position: 0 -1574px; height: 16px; width: 16px; }

.vtv-connect { background-position: 0 -276px; height: 75px; width: 104px; }

.vtv-cornershop { background-position: 0 -1606px; height: 16px; width: 16px; }

.vtv-document-1 { background-position: 0 -513px; height: 86px; width: 100px; }

.vtv-document-2 { background-position: 0 -368px; height: 85px; width: 103px; }

.vtv-document-3 { background-position: 0 -1127px; height: 89px; width: 74px; }

.vtv-document-dark { background-position: 0 -1309px; height: 81px; width: 52px; }

.vtv-greyarrow-large, .resources #infographic li.large:before { background-position: 0 -977px; height: 63px; width: 62px; }

.vtv-greyarrow, .resources #infographic li:after { background-position: 0 -1542px; height: 32px; width: 32px; }

.vtv-header-hp, .home #blog h1:after { background-position: 0 -1622px; height: 17px; width: 17px; }

.vtv-header-instagram, .home #photos h1:after { background-position: 0 -351px; height: 17px; width: 17px; }

.vtv-header-storify, .home #map h1:after { background-position: 0 -1590px; height: 16px; width: 16px; }

.vtv-header-tw, .home #twitter h1:after { background-position: 0 -1639px; height: 16px; width: 16px; }

.vtv-how-1-small { background-position: 0 -920px; height: 57px; width: 64px; }

.vtv-how-1 { background-position: 0 -1040px; height: 87px; width: 97px; }

.vtv-how-2-small { background-position: 0 -453px; height: 60px; width: 39px; }

.vtv-how-2 { background-position: 0 -1216px; height: 93px; width: 60px; }

.vtv-how-3-replacement { background-position: 0 -81px; height: 112px; width: 113px; }

.vtv-how-3-small { background-position: 0 -685px; height: 61px; width: 65px; }

.vtv-how-3 { background-position: 0 -826px; height: 94px; width: 99px; }

.vtv-how-4-small { background-position: 0 -1390px; height: 60px; width: 70px; }

.vtv-how-4 { background-position: 0 -1450px; height: 92px; width: 107px; }

.vtv-icon-fb { background-position: 0 -1655px; height: 16px; width: 16px; }

.vtv-icon-tw { background-position: 0 -1671px; height: 16px; width: 16px; }

.vtv-icon-us { background-position: 0 -1723px; height: 16px; width: 16px; }

.vtv-icon-yt { background-position: 0 -1707px; height: 16px; width: 16px; }

.vtv-logo { background-position: 0 0; height: 81px; width: 217px; }

.vtv-share-1 { background-position: 0 -746px; height: 80px; width: 104px; }

.vtv-share-2 { background-position: 0 -599px; height: 86px; width: 91px; }

.vtv-twitter-bird { background-position: 0 -1687px; height: 20px; width: 29px; }

.vtv-upload-dark { background-position: 0 -193px; height: 83px; width: 85px; }

body { font-size: 14px; font-family: Georgia, Times, "Times New Roman", serif; line-height: 1.3em; color: #4e4e4e; background-color: #e0dede; }

/* BASIC LAYOUT ELEMENTS/STYLES */
.wide { width: 960px; margin: 0 auto; *zoom: 1; }
.wide:before, .wide:after { content: ""; display: table; }
.wide:after { clear: both; }

h1, h2, h3, h4, h5, h6, legend { font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; text-transform: uppercase; margin: 0 0 0 0; }

h1, h2 { line-height: 27px; }

a { text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.padded { padding: 20px; }

.box { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 3px 4px #c7c5c5; -moz-box-shadow: 0 3px 4px #c7c5c5; box-shadow: 0 3px 4px #c7c5c5; background-color: white; border: 1px solid #c7c5c5; border-bottom-width: 13px; }
.box.border-blue { border-bottom-color: #0393d7; }
.box.border-grey { border-bottom-color: #747474; }
.box.border-ocean { border-bottom-color: #0372a7 !important; }
.box.border-offblack { border-bottom-color: #373636; }

.half { display: inline; float: left; width: 460px; margin: 0 10px; margin-top: 15px; }
.half .box.tall { height: 789px; }
.half .box { height: 380px; }
.half .box h1 { font-size: 128%; text-transform: uppercase; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 20px 20px 10px; color: #505050; }

.full { display: inline; float: left; width: 940px; margin: 0 10px; clear: left; margin: 15px 10px 0; }

input[type='text'], input[type='email'] { text-transform: uppercase; border: 1px solid #e0dede; -webkit-border-radius: 8.8px; -moz-border-radius: 8.8px; -ms-border-radius: 8.8px; -o-border-radius: 8.8px; border-radius: 8.8px; outline: none; background-color: #f8f7f7; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 3px 10px; }
input[type='text']:focus, input[type='email']:focus { -webkit-box-shadow: 0 0 6px #0393d7; -moz-box-shadow: 0 0 6px #0393d7; box-shadow: 0 0 6px #0393d7; background-color: white; }

button, .button { font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 6.4px; -moz-border-radius: 6.4px; -ms-border-radius: 6.4px; -o-border-radius: 6.4px; border-radius: 6.4px; color: white; background-color: #0393d7; border: none; text-transform: uppercase; padding: 4px 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
button.large, .button.large { width: 130px; height: 39px; font-size: 24px; }
button:hover, .button:hover { -webkit-box-shadow: 0 0 6px white; -moz-box-shadow: 0 0 6px white; box-shadow: 0 0 6px white; background-color: #25b5f9; }

/* PAGE STRUCTURE */
.page-header { width: 100%; background-color: #c72d23; border-bottom: 1px solid #940000; min-width: 960px; }
.page-header .wide { position: relative; }

#main { margin: 0 auto 15px; *zoom: 1; }
#main:before, #main:after { content: ""; display: table; }
#main:after { clear: both; }

.page-footer { width: 100%; background-color: #c72d23; border-top: 1px solid #e94f45; }

/* PAGE HEADER */
.logo { display: inline; float: left; width: 460px; margin: 0 10px; margin: 12px 0 5px; position: relative; height: 105px; }
.logo a { display: inline-block; float: left; text-align: left; text-indent: 102%; white-space: nowrap; overflow: hidden; }
.logo .hashtag { border-left: 2px solid #d57469; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; width: 190px; line-height: 17px; margin-top: 10px; padding-left: 5px; float: left; color: black; text-transform: uppercase; }
.logo .hashtag span { color: white; font-size: 22px; text-transform: none; font-weight: 500; letter-spacing: 1px; }

.social-bugs { position: absolute; top: 15px; right: 0; }
.social-bugs .bug { display: inline-block; width: 100px; }
.social-bugs .bug iframe { border: none; }

.primary-nav { float: right; padding: 60px 20px 0 0; }
.primary-nav ul, .primary-nav li { list-style: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 0 0 0; padding: 0 0 0 0; }
.primary-nav li { position: relative; padding: 0 3px; }
.primary-nav li:after { content: " "; border-right: 1px solid #8f221a; display: block; position: absolute; height: 18px; right: -2px; top: 9px; width: 1px; }
.primary-nav a { color: white; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; font-size: 125%; display: block; padding: 8px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: transparent; }
.primary-nav a:hover, .primary-nav a.current { background-color: #8f221a; }
.primary-nav .donate:after, .primary-nav .last:after { display: none; }
.primary-nav .donate a { text-transform: uppercase; background-color: #0393d7; }
.primary-nav .donate a:hover { background-color: #8f221a; }

/* PAGE FOOTER */
.page-footer { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 1.2em 0 2em; min-width: 960px; }
.page-footer ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; }
.page-footer li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border-left: 1px solid white; }
.page-footer li:first-child { border-left: none; }
.page-footer li a { display: block; margin: 0 10px; }
.page-footer a { color: white; }
.page-footer a:hover { text-shadow: 0 0 4px white; }
.page-footer .credit { text-align: center; font-size: 80%; }
.page-footer .credit span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }

/* Includes, hacks, etc */
.hoverSVG { fill: #0393d7; }

/* Homepage-specific (in theory) styles */
.home #how { position: relative; }
.home #how a { color: #0393d7; }
.home #how h1 { color: #0372a7; text-transform: none; font-size: 257%; margin: 0.2em 0 0.8em 0.5em; line-height: 1em; }
.home #how .steps { margin: 0 0 0 0; padding: 0 0 150px 0; list-style: none; text-align: center; position: relative; }
.home #how .steps li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 225px; height: 150px; padding: 20px; text-align: center; background-color: #f8f7f7; -webkit-border-radius: 22%; -moz-border-radius: 22%; -ms-border-radius: 22%; -o-border-radius: 22%; border-radius: 22%; margin: 0 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }
.home #how .steps li:hover { background-color: #4e4e4e; }
.home #how .steps li:hover h2 { color: white; }
.home #how .steps li.active { background-color: #373636; }
.home #how .steps li.active h2 { color: white; }
.home #how .steps li.active .interact { display: block; }
.home #how .steps li.how-2 h2, .home #how .steps li.how-3 h2, .home #how .steps li.how-4 h2 { width: 100%; }
.home #how .steps li.how-1 .interact:before { left: 90px; }
.home #how .steps li.how-2 .interact:before { left: 370px; }
.home #how .steps li.how-3 .interact:before { left: 685px; }
.home #how .steps h2 { text-transform: none; font-size: 200%; line-height: 1em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.home #how .steps .art { margin: 16px auto 0.7em; }
.home #how .steps .art.vtv-how-3-replacement { margin-top: 0px; }
.home #how .steps .interact { text-align: left; *zoom: 1; display: none; position: absolute; left: 0; top: 220px; background-color: #747474; padding: 10px 20px; color: white; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; margin: 0 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; min-width: 830px; min-height: 78px; }
.home #how .steps .interact:before, .home #how .steps .interact:after { content: ""; display: table; }
.home #how .steps .interact:after { clear: both; }
.home #how .steps .interact h2 { font-size: 157%; line-height: 1.2em; float: left; width: 40%; }
.home #how .steps .interact form { width: 60%; float: left; }
.home #how .steps .interact:before { content: " "; position: absolute; top: -40px; height: 0; width: 0; border-width: 20px; border-color: transparent; border-style: solid; border-bottom-color: #747474; border-bottom-width: 30px; }
.home #how .steps input { margin: 6px 4px; color: #373636; }
.home #how .steps input.first { width: 180px; }
.home #how .steps input.last, .home #how .steps input.email { width: 250px; }
.home #how .steps input.zip { width: 80px; padding-left: 11px; }
.home #how .steps button { width: 74px; }
.home #how .steps.sub { padding: 0; margin: 0; }
.home #how .steps.sub li { width: 33%; height: 110px; background-color: transparent; padding: 0; margin: 0; }
.home #how .steps.sub li .imagebox { background-color: #f8f7f7; -webkit-border-radius: 15%; -moz-border-radius: 15%; -ms-border-radius: 15%; -o-border-radius: 15%; border-radius: 15%; width: 103px; min-height: 94px; padding: 10px 10px; display: inline-block; }
.home #how .steps.sub li .imagebox .art { margin: 0 auto; }
.home #how .steps.sub li h2 { display: inline-block; float: none; width: 136px; position: relative; bottom: 50px; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; text-align: left; left: 10px; }
.home #how .tips { position: absolute; top: 30px; right: 30px; }
.home #how .tips ul { margin: 0 0 0 0; padding: 0 0 0 0; }
.home #how .tips li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-align: center; margin: 0 10px; font-family: "Open Sans Condensed", "Helvetica Condensed", sans-serif; }
.home #how .tips li h1 { font-size: 100%; color: #373636; margin: 0 0 0 0; text-transform: uppercase; }
.home #how .tips li a { color: #373636; }
.home #storify h1 a { color: #0372a7; text-transform: none; }
.home #storify .sfy-story { overflow: scroll; max-height: 732px; }
.home #map h1 { padding-bottom: 0; text-transform: uppercase; }
.home #map #vmap { width: 90%; min-height: 240px; padding-top: 10px; }
.home #map #vmap .jqvmap-zoomin, .home #map #vmap .jqvmap-zoomout { width: 10px; display: inline-block; margin-right: 5px; -webkit-border-radius: 6.4px; -moz-border-radius: 6.4px; -ms-border-radius: 6.4px; -o-border-radius: 6.4px; border-radius: 6.4px; color: white; background-color: #0393d7; border: none; text-transform: uppercase; padding: 4px 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.home #map #vmap .jqvmap-zoomin:hover, .home #map #vmap .jqvmap-zoomout:hover { -webkit-box-shadow: 0 0 6px white; -moz-box-shadow: 0 0 6px white; box-shadow: 0 0 6px white; background-color: #25b5f9; }
.home #map #state-select-container { position: relative; top: -53px; left: 75px; width: 50px; margin: 10px 20px; }
.home #twitter h1:after, .home #blog h1:after, .home #photos h1:after, .home #map h1:after { content: " "; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: 10px; margin-top: -4px; }
.home #twitter { overflow: scroll; }
.home #twitter a { color: #0372a7; }
.home #twitter a.tweet_user { font-weight: bold; }
.home #twitter h1 a { color: black; }
.home #twitter ul { margin: 0 0 1em 0; padding: 0 0 0 0; }
.home #twitter li { color: #4e4e4e; display: block; padding: 10px 25px; border-top: 1px solid #e0dede; }
.home #twitter li.tweet_odd { background-color: #f8f7f7; }
.home #twitter .meta { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.home #blog a { color: #0393d7; }
.home #blog h1:after { margin-top: -6px; }
.home #blog ul { margin: 0 0 0 0; padding: 0 25px; }
.home #blog li { display: block; margin: 1em 0 0.6em; border-bottom: 1px solid #f8f7f7; }
.home #blog li:last-child { border-bottom: none; }
.home #blog h2 { font-size: 128%; text-transform: none; }
.home #blog p { margin: 0.5em 0; color: #4e4e4e; }
.home #volunteer .profile { margin: 20px; border-bottom: 1px solid #e0dede; *zoom: 1; }
.home #volunteer .profile:before, .home #volunteer .profile:after { content: ""; display: table; }
.home #volunteer .profile:after { clear: both; }
.home #volunteer .profile .profile_inner { width: 100%; }
.home #volunteer .profile .profile_inner .left { float: left; width: 25%; }
.home #volunteer .profile .profile_inner .left img { width: 60px; height: 68px; }
.home #volunteer .profile .profile_inner .left a { display: block; float: left; margin-right: 10px; margin-bottom: 20px; }
.home #volunteer .profile .profile_inner .left .button { clear: left; }
.home #volunteer .profile .profile_inner h2 { color: #c72d23; text-transform: none; font-size: 171%; padding: 0 0 10px 0; }
.home #volunteer .profile .profile_inner p { float: left; width: 75%; margin: 0 0 0 0; }
.home #volunteer .roster { margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }
.home #volunteer .roster li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 2px; }
.home #volunteer .roster li img { border: 1px solid #e0dede; width: 74px; height: 74px; }
.home #photos h1 { text-transform: none; }
.home #photos h1 a { color: black; }
.home #photos h1:after { margin-top: -4px; }
.home #photos .photos { margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center; }
.home #photos .photos li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 5px; }
.home #photos .photos li a { display: block; }
.home #photos .photos li a img { width: 132px; height: 132px; }
.home #partners h1 { text-transform: none; }
.home #partners .padded { padding: 30px; }
.home #partners iframe { width: 100%; height: 350px; border: 1px solid #c7c5c5; }
.home #partners .more { float: right; color: #747474; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; top: -20px; }
.home #partners .more:hover { color: #0393d7; }
.home #partners p { text-align: center; clear: both; }
.home #partners ul { list-style: none; }
.home #partners ul li { max-width: 200px; float: left; min-height: 100px; line-height: 110px; margin-right: 10px; }
.home #partners ul li a { text-align: center; }
.home #partners ul li a img { vertical-align: middle; width: 200px; }

#slideshow { display: block; width: 840px; height: 350px; margin: 0 auto; padding: 0 0 0 0; }
#slideshow li { display: block; width: 840px; height: 350px; margin: 0 20px 0 0; background-color: transparent; }
#slideshow .popout { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); }
#slideshow .youtube, #slideshow .ustream, #slideshow .instagram, #slideshow .instagram-grid { display: block; float: left; padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 10px; margin-right: 2em; }
#slideshow .ustream { margin: 5px; margin-right: 2.5em; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#slideshow .instagram { padding: 0; margin: 5px 3em 5px 1em; width: 280; height: 280; border: none !important; }
#slideshow .instagram-grid { *zoom: 1; width: 270px; height: 270px; }
#slideshow .instagram-grid:before, #slideshow .instagram-grid:after { content: ""; display: table; }
#slideshow .instagram-grid:after { clear: both; }
#slideshow .instagram-grid .instagram { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 0 0 0; padding: 5px; width: 125; height: 125; }

#slideshow-nav { background-color: #e0dede; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 10px 40px; position: relative; width: 760px; margin: 10px auto; }
#slideshow-nav .slideshow-thumbs-prev { left: -22px; }
#slideshow-nav .slideshow-thumbs-next { right: -22px; }
#slideshow-nav > a { position: absolute; display: block; text-align: left; text-indent: 102%; white-space: nowrap; overflow: hidden; width: 36px; height: 36px; background-color: #0372a7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 4px solid white; top: 30px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
#slideshow-nav > a:before { display: block; content: " "; margin-top: 7px; margin-left: 6px; }
#slideshow-nav > a:hover { background-color: #0393d7; }

#slideshow-thumbs-mask { width: 94%; overflow: hidden; position: relative; }

#slideshow-thumbs { display: block; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; }
#slideshow-thumbs li { width: 120px; height: 90px; display: block; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 6px; border: 5px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#slideshow-thumbs li a, #slideshow-thumbs li img { display: block; width: 100%; }
#slideshow-thumbs li.activeSlide { border-color: #0393d7; }
#slideshow-thumbs .thumbWithInfo { font-family: sans-serif; width: 120px; height: 90px; color: white; line-height: 1.5em; display: table-cell; vertical-align: middle; position: relative; background: black; }
#slideshow-thumbs .thumbWithInfo img { vertical-align: middle; }
#slideshow-thumbs .thumbWithInfo .underLay { display: none; }
#slideshow-thumbs .thumbWithInfo .overLay { background-color: black; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; position: absolute; top: 5px; padding: 5px; }
#slideshow-thumbs .thumbWithInfo .miniTitle { font-size: 10px; font-weight: bold; display: inline-block; line-height: 1em; }
#slideshow-thumbs .thumbWithInfo .miniVideographer { font-size: 10px; margin-top: -10px; }
#slideshow-thumbs .thumbWithInfo .miniDescription { display: none; }

.popout { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); }

.youtube, .ustream, .instagram, .instagram-grid { display: block; float: left; padding: 5px !important; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 10px; margin-right: 2em; }

.ustream { margin: 5px; margin-right: 2.5em; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.instagram { padding: 0; margin: 5px 3em 5px 1em; width: 280; height: 280; border: none !important; }

.instagram-grid { *zoom: 1; width: 270px; height: 270px; }
.instagram-grid:before, .instagram-grid:after { content: ""; display: table; }
.instagram-grid:after { clear: both; }
.instagram-grid .instagram { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 0 0 0; padding: 5px; width: 125; height: 125; }

.prose h1 { font-size: 257%; color: #0372a7; text-transform: none; }
.prose h2 { font-size: 221%; color: #373636; text-transform: none; }
.prose h3, .prose h4, .prose h5 { font-size: 128%; }
.prose h4, .prose h5 { text-transform: none; }
.prose h4 { color: #0372a7; }
.prose h5 { color: black; }
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5 { margin: 1em 0 0.5em; }
.prose p { color: #505050; }
.prose a { color: #0372a7; }
.prose a:hover { color: #0393d7; text-decoration: underline; }
.prose a.button { color: white; cursor: pointer; }
.prose a.button:hover { color: white; text-decoration: none; }
.prose ul { padding-left: 32px; }
.prose ul > li { list-style: none; }
.prose ul > li:before { content: "•"; color: #0372a7; position: relative; left: -0.5em; font-weight: bold; font-size: 140%; }
.prose .alignleft { float: left; margin: 0 1em 0.5em 0; }
.prose .alignright { float: right; margin: 0 0 0.5em 1em; }
.prose img { border: 1px solid #c7c5c5; }
.prose figcaption { color: #0372a7; font-weight: bold; font-style: italic; font-size: 86%; }

.page #main { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; border-bottom-width: 20px; margin: 15px auto 40px; }
.page .rail { display: inline; float: left; width: 160px; margin: 0 10px; }
.page article { display: inline; float: left; width: 760px; margin: 0 10px; }
.page article .prose { margin: 3em 0; }
.page .page-title { margin: 1.5em 0 0.8em; }
.page #steps { margin: 0 auto; padding: 2em 0 0; text-align: center; position: relative; }
.page #steps li { display: block; width: 100px; height: 100px; padding: 10px; text-align: center; background-color: #f8f7f7; -webkit-border-radius: 22%; -moz-border-radius: 22%; -ms-border-radius: 22%; -o-border-radius: 22%; border-radius: 22%; margin: 1.4em auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }
.page #steps li:hover { background-color: #4e4e4e; }
.page #steps li:hover h2 { color: white; }
.page #steps li.active { background-color: #373636; }
.page #steps li.active h2 { color: white; }
.page #steps li.active .interact { display: block; }
.page #steps h2 { text-transform: none; font-size: 128%; line-height: 1em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.page #steps .art { margin: 8px auto 0.6em; }

.no-csstransforms .popout { display: none; }

html, body { height: 100%; }

.wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -40px; }
.wrapper #push { height: 40px; }

footer { clear: both; position: relative; height: 40px; }