/* Chrome - fonts .... */
html {-webkit-font-smoothing:antialiased;}
/* Font Awesome styles */
[class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: 400;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
/* sprites.less reset */
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: none;}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline-block;}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em;}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {display: inline; /* keeps button heights with and without icons the same */}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {line-height: .9em;}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {display: inline-block;}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
/* keeps button heights with and without icons the same */}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
line-height: .9em;}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;}
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
/* increased font size for icon-large */
width: 1.5625em;}
ul.icons {
list-style-type: none;
text-indent: -0.75em;}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {width: .75em;}
.icon-muted {color: #eeeeee;}
.icon-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.icon-2x {font-size: 2em;}
.icon-2x.icon-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.icon-3x {font-size: 3em;}
.icon-3x.icon-border {border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.icon-4x {font-size: 4em;}
.icon-4x.icon-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.pull-right {float: right;}
.pull-left {float: left;}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {margin-right: .3em;}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {margin-left: .3em;}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {margin-top: .18em;}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {line-height: .8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {margin-top: .25em;}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {margin-top: 0;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {margin-top: .05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {margin-right: .2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {margin-left: .2em;}
.icon-spin {
display: inline-block;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
@-moz-document url-prefix() {
.icon-spin {height: .9em;}
.btn .icon-spin {height: auto;}
.icon-spin.icon-large {height: 1.25em;}
.btn .icon-spin.icon-large {height: .75em;}
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }
.icon-search:before { content: "\f002"; }
.icon-envelope:before { content: "\f003"; }
.icon-heart:before { content: "\f004"; }
.icon-star:before { content: "\f005"; }
.icon-star-empty:before { content: "\f006"; }
.icon-user:before { content: "\f007"; }
.icon-film:before { content: "\f008"; }
.icon-th-large:before { content: "\f009"; }
.icon-th:before { content: "\f00a"; }
.icon-th-list:before { content: "\f00b"; }
.icon-ok:before { content: "\f00c"; }
.icon-remove:before { content: "\f00d"; }
.icon-zoom-in:before { content: "\f00e"; }
.icon-zoom-out:before { content: "\f010"; }
.icon-off:before { content: "\f011"; }
.icon-signal:before { content: "\f012"; }
.icon-cog:before { content: "\f013"; }
.icon-trash:before { content: "\f014"; }
.icon-home:before { content: "\f015"; }
.icon-file:before { content: "\f016"; }
.icon-time:before { content: "\f017"; }
.icon-road:before { content: "\f018"; }
.icon-download-alt:before { content: "\f019"; }
.icon-download:before { content: "\f01a"; }
.icon-upload:before { content: "\f01b"; }
.icon-inbox:before { content: "\f01c"; }
.icon-play-circle:before { content: "\f01d"; }
.icon-repeat:before { content: "\f01e"; }
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before { content: "\f021"; }
.icon-list-alt:before { content: "\f022"; }
.icon-lock:before { content: "\f023"; }
.icon-flag:before { content: "\f024"; }
.icon-headphones:before { content: "\f025"; }
.icon-volume-off:before { content: "\f026"; }
.icon-volume-down:before { content: "\f027"; }
.icon-volume-up:before { content: "\f028"; }
.icon-qrcode:before { content: "\f029"; }
.icon-barcode:before { content: "\f02a"; }
.icon-tag:before { content: "\f02b"; }
.icon-tags:before { content: "\f02c"; }
.icon-book:before { content: "\f02d"; }
.icon-bookmark:before { content: "\f02e"; }
.icon-print:before { content: "\f02f"; }
.icon-camera:before { content: "\f030"; }
.icon-font:before { content: "\f031"; }
.icon-bold:before { content: "\f032"; }
.icon-italic:before { content: "\f033"; }
.icon-text-height:before { content: "\f034"; }
.icon-text-width:before { content: "\f035"; }
.icon-align-left:before { content: "\f036"; }
.icon-align-center:before { content: "\f037"; }
.icon-align-right:before { content: "\f038"; }
.icon-align-justify:before { content: "\f039"; }
.icon-list:before { content: "\f03a"; }
.icon-indent-left:before { content: "\f03b"; }
.icon-indent-right:before { content: "\f03c"; }
.icon-facetime-video:before { content: "\f03d"; }
.icon-picture:before { content: "\f03e"; }
.icon-pencil:before { content: "\f040"; }
.icon-map-marker:before { content: "\f041"; }
.icon-adjust:before { content: "\f042"; }
.icon-tint:before { content: "\f043"; }
.icon-edit:before { content: "\f044"; }
.icon-share:before { content: "\f045"; }
.icon-check:before { content: "\f046"; }
.icon-move:before { content: "\f047"; }
.icon-step-backward:before { content: "\f048"; }
.icon-fast-backward:before { content: "\f049"; }
.icon-backward:before { content: "\f04a"; }
.icon-play:before { content: "\f04b"; }
.icon-pause:before { content: "\f04c"; }
.icon-stop:before { content: "\f04d"; }
.icon-forward:before { content: "\f04e"; }
.icon-fast-forward:before { content: "\f050"; }
.icon-step-forward:before { content: "\f051"; }
.icon-eject:before { content: "\f052"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-plus-sign:before { content: "\f055"; }
.icon-minus-sign:before { content: "\f056"; }
.icon-remove-sign:before { content: "\f057"; }
.icon-ok-sign:before { content: "\f058"; }
.icon-question-sign:before { content: "\f059"; }
.icon-info-sign:before { content: "\f05a"; }
.icon-screenshot:before { content: "\f05b"; }
.icon-remove-circle:before { content: "\f05c"; }
.icon-ok-circle:before { content: "\f05d"; }
.icon-ban-circle:before { content: "\f05e"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-arrow-up:before { content: "\f062"; }
.icon-arrow-down:before { content: "\f063"; }
.icon-share-alt:before { content: "\f064"; }
.icon-resize-full:before { content: "\f065"; }
.icon-resize-small:before { content: "\f066"; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
.icon-asterisk:before { content: "\f069"; }
.icon-exclamation-sign:before { content: "\f06a"; }
.icon-gift:before { content: "\f06b"; }
.icon-leaf:before { content: "\f06c"; }
.icon-fire:before { content: "\f06d"; }
.icon-eye-open:before { content: "\f06e"; }
.icon-eye-close:before { content: "\f070"; }
.icon-warning-sign:before { content: "\f071"; }
.icon-plane:before { content: "\f072"; }
.icon-calendar:before { content: "\f073"; }
.icon-random:before { content: "\f074"; }
.icon-comment:before { content: "\f075"; }
.icon-magnet:before { content: "\f076"; }
.icon-chevron-up:before { content: "\f077"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-retweet:before { content: "\f079"; }
.icon-shopping-cart:before { content: "\f07a"; }
.icon-folder-close:before { content: "\f07b"; }
.icon-folder-open:before { content: "\f07c"; }
.icon-resize-vertical:before { content: "\f07d"; }
.icon-resize-horizontal:before { content: "\f07e"; }
.icon-bar-chart:before { content: "\f080"; }
.icon-twitter-sign:before { content: "\f081"; }
.icon-facebook-sign:before { content: "\f082"; }
.icon-camera-retro:before { content: "\f083"; }
.icon-key:before { content: "\f084"; }
.icon-cogs:before { content: "\f085"; }
.icon-comments:before { content: "\f086"; }
.icon-thumbs-up:before { content: "\f087"; }
.icon-thumbs-down:before { content: "\f088"; }
.icon-star-half:before { content: "\f089"; }
.icon-heart-empty:before { content: "\f08a"; }
.icon-signout:before { content: "\f08b"; }
.icon-linkedin-sign:before { content: "\f08c"; }
.icon-pushpin:before { content: "\f08d"; }
.icon-external-link:before { content: "\f08e"; }
.icon-signin:before { content: "\f090"; }
.icon-trophy:before { content: "\f091"; }
.icon-github-sign:before { content: "\f092"; }
.icon-upload-alt:before { content: "\f093"; }
.icon-lemon:before { content: "\f094"; }
.icon-phone:before { content: "\f095"; }
.icon-check-empty:before { content: "\f096"; }
.icon-bookmark-empty:before { content: "\f097"; }
.icon-phone-sign:before { content: "\f098"; }
.icon-twitter:before { content: "\f099"; }
.icon-facebook:before { content: "\f09a"; }
.icon-github:before { content: "\f09b"; }
.icon-unlock:before { content: "\f09c"; }
.icon-credit-card:before { content: "\f09d"; }
.icon-rss:before { content: "\f09e"; }
.icon-hdd:before { content: "\f0a0"; }
.icon-bullhorn:before { content: "\f0a1"; }
.icon-bell:before { content: "\f0a2"; }
.icon-certificate:before { content: "\f0a3"; }
.icon-hand-right:before { content: "\f0a4"; }
.icon-hand-left:before { content: "\f0a5"; }
.icon-hand-up:before { content: "\f0a6"; }
.icon-hand-down:before { content: "\f0a7"; }
.icon-circle-arrow-left:before { content: "\f0a8"; }
.icon-circle-arrow-right:before { content: "\f0a9"; }
.icon-circle-arrow-up:before { content: "\f0aa"; }
.icon-circle-arrow-down:before { content: "\f0ab"; }
.icon-globe:before { content: "\f0ac"; }
.icon-wrench:before { content: "\f0ad"; }
.icon-tasks:before { content: "\f0ae"; }
.icon-filter:before { content: "\f0b0"; }
.icon-briefcase:before { content: "\f0b1"; }
.icon-fullscreen:before { content: "\f0b2"; }
.icon-group:before { content: "\f0c0"; }
.icon-link:before { content: "\f0c1"; }
.icon-cloud:before { content: "\f0c2"; }
.icon-beaker:before { content: "\f0c3"; }
.icon-cut:before { content: "\f0c4"; }
.icon-copy:before { content: "\f0c5"; }
.icon-paper-clip:before { content: "\f0c6"; }
.icon-save:before { content: "\f0c7"; }
.icon-sign-blank:before { content: "\f0c8"; }
.icon-reorder:before { content: "\f0c9"; }
.icon-list-ul:before { content: "\f0ca"; }
.icon-list-ol:before { content: "\f0cb"; }
.icon-strikethrough:before { content: "\f0cc"; }
.icon-underline:before { content: "\f0cd"; }
.icon-table:before { content: "\f0ce"; }
.icon-magic:before { content: "\f0d0"; }
.icon-truck:before { content: "\f0d1"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-pinterest-sign:before { content: "\f0d3"; }
.icon-google-plus-sign:before { content: "\f0d4"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-money:before { content: "\f0d6"; }
.icon-caret-down:before { content: "\f0d7"; }
.icon-caret-up:before { content: "\f0d8"; }
.icon-caret-left:before { content: "\f0d9"; }
.icon-caret-right:before { content: "\f0da"; }
.icon-columns:before { content: "\f0db"; }
.icon-sort:before { content: "\f0dc"; }
.icon-sort-down:before { content: "\f0dd"; }
.icon-sort-up:before { content: "\f0de"; }
.icon-envelope-alt:before { content: "\f0e0"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-undo:before { content: "\f0e2"; }
.icon-legal:before { content: "\f0e3"; }
.icon-dashboard:before { content: "\f0e4"; }
.icon-comment-alt:before { content: "\f0e5"; }
.icon-comments-alt:before { content: "\f0e6"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-sitemap:before { content: "\f0e8"; }
.icon-umbrella:before { content: "\f0e9"; }
.icon-paste:before { content: "\f0ea"; }
.icon-lightbulb:before { content: "\f0eb"; }
.icon-exchange:before { content: "\f0ec"; }
.icon-cloud-download:before { content: "\f0ed"; }
.icon-cloud-upload:before { content: "\f0ee"; }
.icon-user-md:before { content: "\f0f0"; }
.icon-stethoscope:before { content: "\f0f1"; }
.icon-suitcase:before { content: "\f0f2"; }
.icon-bell-alt:before { content: "\f0f3"; }
.icon-coffee:before { content: "\f0f4"; }
.icon-food:before { content: "\f0f5"; }
.icon-file-alt:before { content: "\f0f6"; }
.icon-building:before { content: "\f0f7"; }
.icon-hospital:before { content: "\f0f8"; }
.icon-ambulance:before { content: "\f0f9"; }
.icon-medkit:before { content: "\f0fa"; }
.icon-fighter-jet:before { content: "\f0fb"; }
.icon-beer:before { content: "\f0fc"; }
.icon-h-sign:before { content: "\f0fd"; }
.icon-plus-sign-alt:before { content: "\f0fe"; }
.icon-double-angle-left:before { content: "\f100"; }
.icon-double-angle-right:before { content: "\f101"; }
.icon-double-angle-up:before { content: "\f102"; }
.icon-double-angle-down:before { content: "\f103"; }
.icon-angle-left:before { content: "\f104"; }
.icon-angle-right:before { content: "\f105"; }
.icon-angle-up:before { content: "\f106"; }
.icon-angle-down:before { content: "\f107"; }
.icon-desktop:before { content: "\f108"; }
.icon-laptop:before { content: "\f109"; }
.icon-tablet:before { content: "\f10a"; }
.icon-mobile-phone:before { content: "\f10b"; }
.icon-circle-blank:before { content: "\f10c"; }
.icon-quote-left:before { content: "\f10d"; }
.icon-quote-right:before { content: "\f10e"; }
.icon-spinner:before { content: "\f110"; }
.icon-circle:before { content: "\f111"; }
.icon-reply:before { content: "\f112"; }
.icon-github-alt:before { content: "\f113"; }
.icon-folder-close-alt:before { content: "\f114"; }
.icon-folder-open-alt:before { content: "\f115"; }
/* RESET CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {
display:block;}
blockquote, q {
quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline:none;}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;}
del {
text-decoration:line-through;}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse:collapse;
border-spacing:0;}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;}
input, select {
vertical-align:middle;}
/* fonts.css from the YUI */
#main select, #main input, #main textarea, #main button {
font:99% sans-serif;}
pre, code, kbd, samp {
font-family:monospace, sans-serif;}
/* minimal base styles */
body, select, input, textarea {
color:#444;
font-family:Georgia, serif;}
/* Headers (h1, h2, etc) have no default font-size or margin, you'll want to define those yourself. */
h1, h2, h3, h4, h5, h6 {
font-weight:bold;}
/* always force a scrollbar in non-IE */
html {
overflow-y:scroll;}
/* Accessible focus treatment */
a:hover, a:active {
outline:none;}
a, a:active, a:visited {
color:#607890;
text-decoration:none;}
a:hover {
color:#036;}
ul, ol {
margin-left:1.8em;}
ol {
list-style-type:decimal;}
ul {
list-style-type:none;}
small {
font-size:85%;}
strong, th {
font-weight:bold;}
td, td img {
vertical-align:top;}
sub {
vertical-align:sub;
font-size:smaller;}
sup {
vertical-align:super;
font-size:smaller;}
pre {
padding:15px;
white-space:pre;
white-space:pre-wrap;
white-space:pre-line;
word-wrap:break-word;}
textarea {
overflow:auto;}
/* ie remove textarea scrollbars/ */
.ie6 legend, .ie7 legend {
margin-left:-7px;}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {
vertical-align:text-bottom;}
input[type="checkbox"] {
vertical-align:bottom;}
.ie7 input[type="checkbox"] {
vertical-align:baseline;}
.ie6 input {
vertical-align:text-bottom;}
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
cursor:pointer;}
/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
margin:0;}
/* colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
border-radius:1px;
-moz-box-shadow:0px 0px 5px red;
-webkit-box-shadow:0px 0px 5px red;
box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color:#f0dddd;}
/* These selection declarations have to be separate */
::-moz-selection {
background:#C02424;
color:#fff;
text-shadow:none;}
::selection {
background:#C02424;
color:#fff;
text-shadow:none;}
/* Webkit tap-highlight color */
a:link {
-webkit-tap-highlight-color:#FF5E99;}
/* make buttons play nice in IE */
button {
width:auto;
overflow:visible;}
/* bicubic resizing for non-native sized IMG */
.ie7 img {
-ms-interpolation-mode:bicubic;}
/* * Non-semantic helper classes */ /* Image replacement */
#main .ir {
display:block;
text-indent:-999em;
overflow:hidden;
background-repeat:no-repeat;
text-align:left;
direction:ltr;}
/* Hide for both screenreaders and browsers */
.hidden {
display:none;
visibility:hidden;}
/* Hide only visually */
.visuallyhidden {
position:absolute !important;
clip:rect(1px 1px 1px 1px);
/* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px);}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
visibility:hidden;}
/* The Magnificent CLEARFIX */
.clearfix:before, .clearfix:after {
content:"\0020";
display:block;
height:0;
visibility:hidden;}
.clearfix:after{
clear:both;}
/* Fix clearfix */
.clearfix{
zoom:1;}
/* Primary Styles Author:Griffith Uni Gen 7 */ /*Typography */
/*
html, body {
height:100%;
z-index:0;}*/
body #main {
font:81.3%/1.618 Arial, sans-serif;
background-color:#fff;
color:#111;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;}
#main p {
padding:0 0 0.8125em 0;}
/* Headlines */
h1, h2, h3, h4, h5, h6 {
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
margin-bottom:5px;
font-weight:normal;}
h1 {
font-size:2.4em;
line-height:1.18;}
/* 34px */ h2 {
font-size:2em;
line-height:1.19;}
/* 26px */ h3 {
font-size:1.618em;
line-height:1.24;}
/* 21 */ h4 {
font-size:1.308em;
line-height:1.23;}
/* 17*/ h5, h6 {
font-size:1em;
line-height:1.3;
font-weight:700;}
/* 13px */ .rock {
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:normal;}
/* Lists */ ul {
list-style-position: inside;}
li ul, li ol {
margin:0 1.618em;}
ul, ol {
margin:0 0 1.618em 0;}
article ul, article ol {
margin:0 0 1.618em 2em;}
dl {
margin:0 0 1.618em 0;}
dl dt {
font-weight:700;}
dl dd {
margin-left:1.618em;}
/* Tables */ table {
margin-bottom:1.618em;
border-collapse:collapse;}
th {
font-weight:700;
text-align:left;}
tr, th, td {
margin:0;
padding:0 1.618em 0 1em;
height:21px;}
tfoot {
font-style:italic;}
caption {
text-align:center;
font-family:Georgia, serif;}
/* Quotes */ blockquote {
padding-left:1.618em;
margin:0 0 0.8125em ;
border-left:3px solid #ccc;
font-style:italic;
letter-spacing:0.03em;}
blockquote > p {
padding:0;}
/* Other */ a {
text-decoration:none;}
a:hover {
text-decoration:underline;}
strong {
font-weight:700;}
em, dfn, cite, q {
font-style:italic;}
dfn {
font-weight:700;}
pre, code {
margin:1.618em 0;
white-space:pre;}
pre, code, tt {
font:1em monospace;
line-height:1.618em;}
tt {
display:block;
margin:1.618em 0;}
hr {
width:100%;
margin-bottom:10px;
color:#ccc;
background-color:#ccc;
height:1px;}
abbr, acronym {
border-bottom:1px dotted #000;}
address {
margin-top:1.618em;
font-style:italic;}
del {
color:#000;}
sup {
vertical-align:super;}
sub {
vertical-align:sub;}
.subsetnav li {
float: left;
position: relative;
/*--Declare X and Y axis base--*/;}
.subsetnav li a {
display: block;
text-decoration: none;
float: left;
font-size:0.846em;
font-weight:normal;
color:#565656;
padding:0 18px;}
.subsetnav li a:hover {
text-decoration:underline;}
ul.topnav li {
float: left;
position: relative;
/*--Declare X and Y axis base--*/;}
ul.topnav li a {
display: block;
text-decoration: none;
/* IT 20130321122116 - removed to fix FF alignment issue
float: left;
*/
}
ul.topnav li span {
width: 100%;
height: 100%;
position:absolute;
top:0px;
left:0px;
float: left;
z-index:0;}
ul.topnav li span.subhover {
background-position: center bottom;
cursor: pointer;}
/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
z-index: 1000;
list-style: none;
position: absolute;
/*--Important - Keeps subnav from affecting main navigation flow--*/
margin: 0;
padding: 0;
display: none;
float: left;}
ul.topnav li ul.subnav li {
margin: 0;
padding: 0;
clear: both;}
#pageinfo {
position:relative;
font-size: 0.923em;
color:#595959;
margin-left:0px;
font: 0.75em/1.618 Arial, sans-serif;}
#pageinfo a {
color:#C02424;}
#pageinfo h1 {
font-family: "Jotia W00";
line-height: 1;
font-weight: 500;
letter-spacing: 0.01em;
margin: 5px 0 0 0;
font-size: 34px;
color: hsla(198, 0%, 0%, 1);
}
#pageinfo h2 {
font-family: "Jotia W00";
line-height: 1;
font-weight: 500;
letter-spacing: 0.01em;
margin: 5px 0 0 0;
font-size: 34px;
color: hsla(198, 0%, 0%, 1);
}
#main {
z-index:-1;
}
/*Drop down menu */ /* Orbit ------(featured image)------------------------------------------*/ .desktop #featured {
border: 1px solid #000101;
margin:0 0 0px 3px;
width: 930px !important;
background: #f4f4f4 ;
height:293px!important;
overflow: hidden!important;
z-index:777;}
/* CONTAINER*/ div.orbit {
width: 930px !important;
position: relative;
overflow: hidden;}
.desktop div.orbit {
height:293px!important;
overflow: hidden!important;
width: 930px !important;}
div.orbit img {
position: absolute;
top: 0;
left: 0;}
div.orbit a img {
border: none;}
.orbit div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* CAPTIONS */ .orbit-caption {
display: none;
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0, 0, 0, .6);
z-index: 10000;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
/* DIRECTIONAL NAV */ div.slider-nav {
display: block;}
div.slider-nav span {
width: 78px;
height: 100px;
text-indent: -9999px;
position: absolute;
z-index: 10000;
top: 50%;
margin-top: -50px;
cursor: pointer;
}
/* BULLET NAV*/ .orbit-bullets {
position: absolute;
z-index: 10000;
list-style: none;
bottom: -10px;
left: 5px;
padding: 0;
}
.orbit-bullets li {
float: left;
margin-left: 4px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: #f4f4f4;
width: 8px;
height: 8px;
overflow: hidden;
}
.orbit-bullets li.active {
color: #222;
background: #c02424;
}
.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px;
}
.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000;
}
.homepage .boxy ul li, .homepage .boxy ol li, .column ul li, .column #box ol li {
padding:3px 0px 5px 15px;
margin-left:5px;
width:90%;
display:block;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1185px -621px no-repeat;
line-height:1.077em;}
.ie7 .column ul li, .ie7 .column #box ol li {
padding:3px 0px 5px 15px;
margin-left:0px;
width:90%;
display:block;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1185px -621px no-repeat;
line-height:1.077em;}
.column {
padding-left: 5px;}
.first {
padding-left: 0px;}
.rss {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -0px -656px repeat-x;
width: 18px;
height: 18px;
float:left;
margin-left:10px;
margin-right:-40px;
clear: none;}
/*Carousels -----------------*/ /* Vertical */ /* Horizontal */
.gu20 #carouselhorizontal {
/* required settings */
position:relative;
overflow:visible;
/* vertical scrollables have typically larger height than width but not now */
width: 832px;
height:135px;
padding: 0 48px 0 40px;
margin:0px 0 -5px 10px;
overflow:hidden;}
.gu20 #carouselhorizontal .scrollable {
/* required settings */
position:relative;
overflow:hidden;
/* vertical scrollables have typically larger height than width but not now */
width: 100%;
height:135px;}
.carouselhorizontal {}
/* root element for scrollable items */
#carouselhorizontal .scrollable .items {
position:absolute;
width:20000em;}
#carouselhorizontal .items div {
float:left;
padding: 0 8px;
margin:0;}
#carouselhorizontal .items div:first-child {
padding: 0px;
padding-right:8px;}
#carouselhorizontal .items div:last-child {
padding: 0px;
padding-left:8px;}
#carouselhorizontal .items div p {
width:194px;
height:135px;
background:transparent url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px -2229px repeat-x;
position: relative;
padding: 0px;
margin:0;
overflow:hidden;}
#carouselhorizontal .items div p a {
width:194px;
height:125px;
text-shadow:0px 1px 2px #000;
font-size:0.846em;
line-height:10px;
color:#fff;
font-weight:700;
padding:7px 0 0 0 ;
text-align:center;
display:block;}
#carouselhorizontal .items div p span {
width:194px;
height:145px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -280px -280px no-repeat;
display:block;
position: absolute;
top:0;
left:0;
z-index: 80;}
#carouselhorizontal img {
width:194px;
height:100px;
padding: 0px;
margin:0;
position:absolute;
left:0;
bottom:0;
clear:both;
z-index: 70;}
/*.ie7 #carouselhorizontal #actions {display:none;}*/
#carouselhorizontal .chleft {
position:absolute;
left:0px;
top:40px;}
#carouselhorizontal .chleft .prev {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -155px -177px no-repeat;
width:40px;
height:40px;
margin:0 auto;
cursor:pointer;}
#carouselhorizontal .chright {
position:absolute;
right:0px;
top:40px;}
.ie7 #carouselhorizontal .chleft {
position:absolute;
left:-880px;
top:40px;}
.ie7 #carouselhorizontal .chright {
position:absolute;
right:-870px;
top:40px;}
#carouselhorizontal .chright .next {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -212px -177px no-repeat;
width:40px;
height:40px;
margin:0 auto;
cursor:pointer;}
/* Horizontal - Prev & Next */
#carouselstepped {
/* required settings */
position:relative;
overflow:visible;
/* vertical scrollables have typically larger height than width but not now */
width: 90%;
height:200px;
padding:0px;
margin:0px 45px 15px 35px;}
#carouselstepped .scrollable {
/* required settings */
position:absolute;
overflow:hidden;
/* vertical scrollables have typically larger height than width but not now */
width: 100%;
height:200px;
top: 0px;
left:0px;}
/* root element for scrollable items */
#carouselstepped .scrollable .items {
position:absolute;
width:20000em;
height:200px;
top:0;
left:0;}
#carouselstepped .items div {
float:left;
height:200px;
width:174px;
padding: 0px;
margin:0 17px;
position:relative;
line-height: 100%;}
#carouselstepped .items div :first-child {
padding: 0px;
margin-right:17px;}
#carouselstepped .items div :last-child {
padding: 0px;
margin-left:17px;}
#carouselstepped .items div strong {
background:none;
line-height:100%;
padding:10px 0 0 0px!important;
margin:15px 0px 0px -20px !important;
color:#000;
font-size:1.154em;
color:#c02424;}
#carouselstepped .items div strong a {
color:#c02424;}
#carouselstepped .items div img {
height:112px;
width:174px;
overflow: hidden;
display:block;
padding:0 !important;
margin:5px 0px 15px 0px !important;}
#carouselstepped .items div p {
width:170px;
padding:5px 0;
margin:0;
color: #767676;
margin:5px 0px 0px -0px !important;}
.carouselstepped .chleft {
position:absolute;
right:100px;
top:-10px;
z-index: 90;}
.carouselstepped .chleft .prev {
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
margin-bottom:5px;
font-weight:normal;
font-size: 1.231em;
line-height:1.24;
padding-left: 22px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -10px -317px no-repeat;
cursor:pointer;}
.carouselstepped .chright {
position:absolute;
right:20px;
top:-10px;
z-index: 90;}
.carouselstepped .chright .next {
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
margin-bottom:5px;
font-weight:normal;
font-size: 1.231em;
line-height:1.24;
padding-right: 22px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -60px -317px no-repeat;
cursor:pointer;}
.carouselstepped .chright a.next, .carouselstepped .chleft a.prev {
color:#C02424 !important;}
/* Search Box -----------------*/
#search {
margin-left:0px;}
#searchbox {
background:#c02424 url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px -1520px repeat-x;
margin:0px;
padding:12px 0;
height:40px;
position:relative;}
#searchbox .keyword-search {
width:220px;
padding:.6em;
border:none;}
#searchbox #srch2, #searchbox #srch3 {
display:none;}
#searchradio label {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
padding:0;
margin:0;
font-size:.9em;
vertical-align:middle;
margin-right:.5em;}
#searchradio {
position: absolute;
left:305px;
top:22px;
height:25px;}
#searchform {
position: absolute;
left:15px;
top:15px;
height:25px;}
#searchform {
display: inline-block;
zoom: 1;
/* ie7 hack for display:inline-block */
display: inline;
padding:4px 15px 0px 5px;}
#searchbox input#submit {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1100px;
text-indent:-999em;
width:31px;
height:30px;}
#searchbox input#submit:hover {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1130px;
text-indent:-999em;
width:31px;
height:30px;}
#searchbox input#submit:active {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1160px;
text-indent:-999em;
width:31px;
height:30px;}
#searchbox input#submit5 {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1100px;
text-indent:-999em;
width:31px;
height:30px;}
#searchbox input#submit5:hover {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1130px;
text-indent:-999em;
width:31px;
height:30px;}
#searchbox input#submit5:active {
border:0;
background-color:transparent;
background-image: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11');
background-repeat:no-repeat;
background-position:-639px -1160px;
text-indent:-999em;
width:31px;
height:30px;}
#searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:middle;
padding-left:4px;
padding-right:4px;}
#searchform .searchfield {
background: #fff;
padding: 5px 6px 5px 8px;
width: 224px;
border: solid 1px #bcbbbb;
outline: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);}
#searchradio input[type="radio"] {
height:13px;
width:13px;
padding:0;
margin:0;
vertical-align:middle;
margin-right:2px;}
#searchform .searchbutton {
color: #000;
border: solid 1px #4e0000;
font-size: 0.923em;
letter-spacing:-1px;
height: 27px;
width: 27px;
padding:4px 3px 6px 3px ;
text-shadow: 0 1px 1px #a2a2a2;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
margin-left:10px;
text-align:center;
vertical-align:middle;
background: #9f9f9f;
/* Firefox */background: -moz-linear-gradient( top, rgba(191, 191, 191, 1), rgba(142, 142, 142, 1) );
-webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(191, 191, 191, 1) ), color-stop( 1, rgba(142, 142, 142, 1) ) );
/* IE5.5 - IE7 */filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFBFBFBF, EndColorStr=#FF8E8E8E);
/* IE8 */-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFBFBFBF, EndColorStr=#FF8E8E8E)";
-webkit-appearance: none;}
/* Social Media */
#socialmedia {
position: absolute;
right:14px;
top:11px;
height:42px;
margin:0;
padding:0;
width: 170px;
overflow:hidden;}
#socialmedia span {
height:34px;
width: 220px;}
#socialmedia ul {
float:right;
margin:0;
padding:0;
width: 220px;}
#socialmedia li {
float:left;
margin:0;
padding:0;
padding-left:10px;}
#socialmedia li:first-child {
padding:0;}
.sm-twitter, .sm-facebook, .sm-youtube, .sm-itunesu, .sm-griffithtv {
width:34px;
height:34px;}
.sm-twitter {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') 0px -582px no-repeat;}
.sm-facebook {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -63px -582px no-repeat;}
.sm-youtube {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -126px -582px no-repeat;}
.sm-itunesu {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -189px -582px no-repeat;}
.sm-griffithtv {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -253px -582px no-repeat;}
.sm-twitter:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') 0px -616px no-repeat;}
.sm-facebook:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -63px -616px no-repeat;}
.sm-youtube:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -126px -616px no-repeat;}
.sm-itunesu:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -189px -616px no-repeat;}
.sm-griffithtv:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -253px -616px no-repeat;}
#socialmedia .socialicon {
height:34px;
margin:0;
padding:0;
width: 220px;
display:block;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -310px -582px no-repeat;}
#socialmedia .socialicon:hover {
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -310px -616px no-repeat;}
/*social page*/
.boxy .promo p.rock {
display: block;
font-size: 1.5em;
text-align: center;}
.boxy .promo {
float: left;
margin: 0 32px;}
.boxy .promo.last {
margin-right: 0;}
.boxy .promo a img {
float: none;
margin: 0 !important;}
/* Events -----------------*/
#events .content-box li {
line-height:140% !important;
display:block!important;
padding:0px 0px 10px 0px!important;
margin:0px 10px 10px 0px!important;
background:none!important;
border-bottom:1px solid #fff !important;}
#events img {
width:130px;
height:180px;
overflow:hidden;}
.events .eventdates, .events .date {
font-size:0.8em;
clear:both;
color:#000;}
.events li:first-child .date {
display:none;}
/* Video Playlist */
.videoplaylist li {
background:#373737 url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px -2921px repeat-x;
color: #fff;
padding:5px 10px 5px 65px;
font-size:1em;
text-shadow:0px 0px 1px #373737;
min-height: 50px;
position:relative;
border-left: 1px solid #929292;}
.videoplaylist li strong, .videoplaylist li a {
font-size:1.077em;
line-height:1em;
color:#fff;}
.videoplaylist li p {
font-size:0.846em;
line-height:1em;}
.videoplaylist li img {
position: absolute;
top: 10px;
left:5px;
width:50px;}
.videoplaylist h3 {
background:transparent url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px 0px repeat-x;
color: #565656;
padding:8px 10px 10px 10px;
margin-bottom:-5px !important;
font-size:1.154em;
text-shadow:1px 1px 1px #fff;
width: 232px;}
.videoplaylist ul {
width: 250px;
overflow:scroll;
overflow-x:hidden;
height:300px;
border:1px solid #CCCBCB;}
.videoplaylist {
position:absolute;
right:0px;
top:0px;
background:#CCCBCB;}
#video_playlist {
width:100%;
background:#373737;
position:relative;
height:330px;}
.desktop span.mode-switcher {
width: 100%;
display:block;
text-align: center;
color:#fff;
background:#c02424;
font-size: 1.5em;
opacity:1.0;
padding:1em;}
.desktop .mode-switcher a {
color:#fff;
text-decoration:underline;}
.front-page-boxes img {
width: 210px !important;
height:145px !important;}
/* IE STYLES */
.ie7 .row, .ie8 .row {
margin-bottom:10px;}
/*!
* s2864646 - SM (2012-06-04)
* Changed z-index from 9999 to 8000 to not take up top max index, and to work with galleryBox
*/
/* GENERAL BOX STYLES */ .boxy {
padding-bottom:0;
margin-bottom:10px;}
.boxy .content-box p a {
color:#c02424!important;
text-decoration:none;}
.boxy .title-box {
display:block;
margin:0;
padding:8px 0px 0px 15px;
color:#565656;
font-size:1.25em;
text-shadow:1px 1px 1px #fff;
background:transparent url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px 0px repeat-x;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
height:26px;
width:auto;}
.boxy .link-title-box {
padding:0px !important;
height:34px !important;}
.boxy .link-title-box a:first-child {
background:none;}
.boxy .link-title-box a.current {
text-decoration:none !important;
color:#c02424 !important;}
.boxy .link-title-box a:hover {
text-decoration:underline;
color:#c02424 !important;}
.boxy .link-title-box a {
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') 0 -394px no-repeat;
display:inline-block;
padding:5px 15px 0px 15px;
color:#565656;
text-shadow:1px 1px 1px #fff;}
.boxy .link-title-box span {
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
display:inline-block;
padding:5px 15px 0px 15px;
color:#565656;
text-shadow:1px 1px 1px #fff;}
.boxy .link-title-box span.floating-nav {
display:inline-block;
color:#565656;
text-shadow:1px 1px 1px #fff;
float:right;}
.boxy .link-title-box span.floating-nav .next-link {
display:inline-block;
padding:0px 23px 0px 0px !important;
margin:0px 0px 0px 10px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -62px -314px no-repeat !important;
cursor:pointer;
color:#c02424 !important;}
.boxy .link-title-box span.floating-nav .prev-link {
display:inline-block;
padding:0px 0px 0px 23px !important;
margin:0px 10px 0px 0px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -9px -314px no-repeat !important;
cursor:pointer;
color:#c02424 !important;}
.boxy .content-box {
display:block;
position:relative;
padding:5px;
overflow:hidden;
width:auto;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;}
.homepage .boxy .content-box img {
border:1px solid #fff;
-moz-box-shadow:0px 0px 1px #e0e0e0;
margin:0px 0px 5px 0px;}
.boxy .content-box a {
color:#c02424;}
.boxy .content-box .column a,.discipline .content-box a{color:#222222;}
.homepage .boxy .content-box li a, .homepage .boxy .content-box a {
color:#565656!important;}
.boxy .content-box a:hover {
color:#c02424;
text-decoration:underline;}
.boxy .content-box li {
line-height:180%;
display:block;
padding:0px 0px 0px 12px;
margin:0px 20px 0px 10px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1190px -620px no-repeat;
color:#565656;}
.boxy .text-content {
padding:10px !important;}
.boxy .text-content img {
float:left;
margin:0px 15px 5px 0px !important;}
.boxy .text-content h3 {
font-family:Arial, sans-serif;
font-weight:bold;
font-size:15px;
color:#c02424;}
.boxy .text-box {
margin-bottom:10px;}
.boxy .text-box p {
line-height:100% !important;}
.boxy .featured-items {}
.boxy .featured-items li {
padding:0px 0px 0px 20px;}
.boxy .featured-items li:first-child {
background:none;
line-height:100%;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 5px !important;
color:#000;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-size:15px;}
.boxy .featured-items li:first-child a {
display:block;
height:2.1em;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
list-style:none;
text-decoration:none;
color:#000;}
.boxy .featured-items li:first-child a:hover {
list-style:none;
text-decoration:underline;
color:#c02424;}
.boxy .featured-items a {
color:#565656;}
.boxy .featured-items a:hover {
text-decoration: underline;
color:#c02424;}
.boxy .featured-items li {
line-height:140%;
display:block;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1190px -622px no-repeat;}
.boxy .footer-box {
padding:0px 0px 0px 15px;
display:block;
background:transparent url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px -71px repeat-x;
border-bottom:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
height:33px;
width:auto;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-right-radius:12px;}
.boxy .footer-box a {
display:inline-block;
margin:8px 0px 0px 0px;
text-shadow:0px 1px 2px #505050;
font-size:1em;
color:#fff;
font-weight:700;}
div.center-area .boxy .footer-box a:visited {
color:#fff;}
.boxy .footer-box a.rss {
margin:9px 9px 0px 0px;}
/* BOXY MOBILE SETTINGS */ .mobile .slider-item img {
width:49.5% !important;
margin:0px;
padding:0px;}
/* FRONT PAGE BOX STYLES */ .front-page-boxes {}
.front-page-boxes .boxy:first-child {
margin:0px 11px 0px 3px !important;}
.front-page-boxes .boxy {
margin:0px 11px 0px 0px !important;}
.front-page-boxes .boxy .content-box {
height:306px;
max-height:306px;}
.ie7 .front-page-boxes .boxy .content-box {
height:302px;
max-height:302px;}
.front-page-boxes .boxy:last-child {
margin:0 0 0 0;}
/* TIER BASED STYLES */.tier-one {
margin-top:0;
margin-bottom:15px;}
.tier-one .boxy .content-box {}
.tier-two {
margin-top:0;
margin-bottom:10px;}
.tier-two .boxy .content-box {
}
.tier-three {
margin-top:15px!important;
margin-bottom:0;}
.tier-three .boxy .content-box {}
.tabbed .boxy .content-box {
height:210px;
max-height:210px;}
.tier-four, .tier-five {
margin-top:10px!important;
margin-bottom:0;}
.sub-navigation-points {
margin-top:10px;}
.sub-navigation-points li {
color:#000;
display:block;
font-size:11px;
margin-bottom:8px!important;}
.sub-navigation-points li a {
color:#000;
text-decoration:none;
font-weight:700;}
.sub-navigation-points li a:hover {
text-decoration:underline;
color:#c02424!important;}
.carouselvertical {}
.desktop .carouselvertical .content-box {
height:316px!important;
max-height:316px!important;}
.ie7 .carouselvertical .content-box {
height:312px!important;
max-height:312px!important;}
.desktop .carouselvertical .scrollable {
padding:0;
height:317px;
max-height:317px;}
.desktop .carouselvertical .scrollable .items {
position:absolute;}
.desktop .carouselvertical .scrollable .items .slider-item {}
.desktop .carouselvertical .scrollable .items .slider-item img {
border:1px solid #fff;
-moz-box-shadow:0 0 1px #e0e0e0;
margin:6px 6px 0!important;}
.desktop .carouselvertical .up-arrow {
display:inline-block;
background:url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -706px -183px no-repeat;
height:14px;
width:16px;
margin:8px 0 0;}
.desktop .carouselvertical .down-arrow {
display:inline-block;
background:url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -454px -183px no-repeat;
height:14px;
width:16px;
margin:8px 0 0;}
.desktop .carouselvertical .title-box {
padding:0;
height:34px;
cursor:pointer;
text-align:center;}
.desktop .carouselvertical .title-box:hover .up-arrow {
background:url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -706px -240px no-repeat;}
.desktop .carouselvertical .footer-box {
padding:0;
height:33px;
cursor:pointer;
text-align:center;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius-bottomright:12px;
border-bottom-right-radius:12px;}
.desktop .carouselvertical .footer-box:hover .down-arrow {
background:url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -454px -240px no-repeat;}
.mobile .carouselvertical .scrollable {
height:auto!important;}
/* STEPPED CAROUSEL STYLES (BOXY) */
.carouselstepped {
margin:0;
overflow:visible;
padding:0;
position:relative;
width:930px;}
.carouselstepped .content-box {
height:185px!important;
max-height:none;
padding:0!important;}
.carouselstepped .scrollable {
height:185px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;}
.carouselstepped .scrollable .items {
height:185px;
left:0;
position:absolute;
top:0;
width:20000em;}
.carouselstepped .scrollable .items div {
display:inline-block;
float:left;
margin:0!important;
padding:10px 0 10px 12px !important;
position:relative;}
.carouselstepped .scrollable .items div strong {
background:none;
color:#c02424;
font-size:1em;}
.carouselstepped .scrollable .items div strong a {
color:#c02424;}
.carouselstepped .scrollable .items div img {
display:block;
height:112px;
overflow:hidden;
padding:0;
width:172px;}
.carouselstepped .scrollable .items div p {
x-color:#9e9e9e;
color: #767676;
font-size:0.85em;
margin:0!important;
padding:0;}
.boxy.rcol {
float:right;
margin:0 0 10px 10px;
position:relative;}
.boxy.col {
float:left;
margin:0 10px 10px 0;
padding-left:0;
position:relative;}
.row .col.boxy:first-child {
margin:0 10px 10px 0px;}
.row .col.boxy:last-child {
margin:0 0 10px 0;}
.default-box {
display:inline-block;
position:relative;}
.default-box .default-value {
color:#999;
font-size:1.077em;
font-weight:700;
left:7px;
line-height:100%;
position:absolute;
top:6px;}
/* VIDEO PLAYER STYLES */
.video-player {
width:100%;
height:400px;
color:#565656;}
.video-panel {
background:#bebebe;
margin:0px 5px 0px 3px;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius-bottomright:12px;
border-bottom-right-radius:12px;}
.video-panel .video-screen {
width:380px; /* 550px */
float:left;
margin:10px;}
.video-panel .video-screen .video-screen-enforcer {
width: 380px;
min-height:200px;}
.video-panel .video-screen .video-screen-player {
height:352px;
background:#000;}
.video-panel .video-screen .video-screen-summary {
margin:6px 0px 0px 0px;}
.video-panel .video-screen .video-screen-summary h2 {
margin:0px 0px 5px 0px;
padding:0px;
font-weight:bold;}
.video-panel .video-screen .video-screen-summary {
background: #fff;
padding:5px;
line-height:140%;
font-size:12px;
color:#565656;}
.video-panel .video-screen .video-screen-summary p a {
color:#c02424;
text-decoration:none;}
.video-panel .video-screen .video-screen-summary p a:hover {
text-decoration:underline;}
.video-panel .video-screen .video-screen-summary img {
float:left;
margin:0px 15px 5px 0px !important;}
.video-panel .video-screen .video-screen-summary h3 {
font-family:Arial, sans-serif;
font-weight:normal;
font-size:1.231em;
color:#c02424;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;}
.video-panel .video-screen .video-screen-summary .show-less {
font-weight:bold;
display:block;
padding:5px;
text-align:center;
color:#c02424;}
.video-panel .video-screen .video-screen-summary .show-more {
font-weight:bold;
display:block;
padding:5px;
text-align:center;
color:#c02424;}
.video-panel .video-playlist {
width: 340px; /* 351px; */
float:left;
margin:10px 0px 10px 0px;
height:315px; /* 409px; */
border-left:1px #bebebe solid;
border-right:1px #fff solid;
overflow-y:scroll;
background:#ffffff;}
.video-panel .video-playlist .play-item {
display:block;
border-top:1px #c4c4c4 solid;
color:#000;
text-decoration:none;
line-height:125%;
font-size:12px;
clear:both;
padding-bottom:5px;
-webkit-box-shadow: inset 0px 4px 10px #b3b3b3;
-moz-box-shadow: inset 0px 4px 10px #b3b3b3;
box-shadow: inset 0px 4px 10px #b3b3b3;
border-bottom:1px solid #bebebe;}
.video-panel .video-playlist .play-item:first-child {
border-top:none !important;}
.video-panel .video-playlist .play-item:hover {
background:#858585;
color:#fff;
-moz-box-shadow:inset 0px 0px 20px #656565;
-webkit-box-shadow:inset 0px 0px 20px #656565;
box-shadow:inset 0px 0px 20px #656565;}
.video-panel .video-playlist .play-item strong {
display: inline-block;
height:20px;
font-weight:bold;
font-size:12px;
padding:8px 0px 0px 0px;
margin:0px!important;
margin-bottom: -8px!important;
width: 190px!important;
overflow: hidden!important;}
.video-panel .video-playlist .play-item video-description {
clear:left !important;}
.video-panel .video-playlist .play-item .thumbnail {
display:block;
float:left!important;
width:100px;
height:60px;
background:#999;
margin:8px 8px 8px 8px;}
.video-panel .video-playlist .selected {
/*background:#8A1A1A url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') repeat-x 0 -1520px !important;
*/ color:#fff !important;
background-color:#c02424;
-moz-box-shadow:inset 0px 0px 20px #AC2020;
-webkit-box-shadow:inset 0px 0px 20px #AC2020;
box-shadow:inset 0px 0px 20px #AC2020;
/*Inner elements should not cover inner shadows*/ /*IE DOES NOT SUPPORT INSET SHADOWS*/ background: -moz-linear-gradient(top, #BF2323, #8A1A1A);
background: -webkit-gradient(linear, center top, center bottom, from(#BF2323), to(#8A1A1A));
background: -o-linear-gradient(top, #BF2323, #8A1A1A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF2323', endColorstr='#8A1A1A');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF2323', endColorstr='#8A1A1A')";
/*Element must have a height (not auto)*/ /*All filters must be placed together*/ background: linear-gradient(top, #BF2323, #8A1A1A);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/;}
.video-panel .video-playlist .selected .thumbnail {
margin:5px 5px 8px 5px !important;
border:3px #c02424 solid !important;}
.video-panel .video-playlist .play-item span {
padding-right:5px;
margin:0px!important;}
/* CAROUSEL STYLES */
.revolving {
position:relative;
width:930px;
border:1px #000 solid;
margin-left:-1px;
height:293px;
overflow:hidden;}
.revolving .nav {
display:none;
position:absolute;
width:80px;
height:293px;
z-index:5;
opacity:0.4;}
.revolving .nav-left {
top: 0;
bottom: 0;
left:0px;
right:auto;}
.revolving .nav-right {
top: 0;
bottom: 0;
right:0px;
left:auto;}
.revolving .revolving-content {
position:relative;
z-index:0;
width:930px;
overflow:hidden;
background:#f4f4f4;
height:293px;}
.revolving .revolving-content .revolving-item {
position:absolute;
top:0px;
left:0px;
width:930px;
height:293px;}
.revolving .revolving-content .revolving-item a, .revolving .revolving-content .revolving-item img {
border:none;}
.revolving .revolving-icons {
position:absolute;
bottom:10px;
left:10px;
z-index:5;
text-align:left;}
.revolving .revolving-icons a {
display:block;
width:10px;
height:10px;
background:#f4f4f4;
float:left;
margin:0px 5px 0px 0px;}
.revolving .revolving-icons a.active {
background:#c02424 !important;}
.revolving .revolving-icons a:hover {
background:#fff;}
.revolving .revolving-icons a:first-child {
margin-left:0px !important;}
.revolving .revolving-caption {
display:block;
position:absolute;
bottom:0px;
left:0px;
width:inherit;
background:#000000;
text-align:center;
z-index:2;
opacity:0.8;}
.revolving .revolving-caption span {
display:inline-block;
color:#FFF;
padding:5px;}
.mobile .revolving {
position:relative;
width:100%!important;
border:none !important;
border-bottom:10px #fff solid;
margin:0px 0px 7px 0px !important;}
.mobile .revolving .nav, .mobile .revolving .revolving-icons {
display:none;}
.mobile .revolving .revolving-content {
position:relative;
z-index:0;
width:100%;
overflow:hidden;
background:#f4f4f4;
height:100px !important;}
.mobile .revolving .revolving-content .revolving-item {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;}
.mobile .revolving .revolving-content .revolving-item a, .mobile .revolving .revolving-content .revolving-item img {
border:none;
width:100%;}
@media all and (orientation:landscape) {
.mobile .revolving, .mobile .revolving .revolving-content {
height:150px !important;}
} @media all and (orientation:portrait) {
.mobile .revolving, .mobile .revolving .revolving-content {
height:100px !important;}
} #tabbedcontent h3 {
display:none;}
/* IE7 STYLES */
.ie7 #video-panel-playlist {
border-bottom:10px solid #bebebe;}
.ie7 .video-panel .video-playlist {
margin:10px 0px 0px 0px;}
.ie7 .center-area ul.columned-item {
padding-bottom:15px;}
.ie7 .center-area fieldset legend {
margin-top:0;}
.ie7 div.center-area table tr.highlight td {
background-color:#4d4d4d;
color:#fff;}
.ie7 div.center-area table tr.highlight:hover td {
background-color:#4d4d4d;
color:#fff;}
.ie7 .center-area fieldset fieldset legend {
margin-top:0;}
.ie7 div.right-area.gu5 table tr.highlight td {
background-color:#4d4d4d;
color:#fff;}
.ie7 div.right-area.gu5 table tr.highlight:hover td {
background-color:#4d4d4d;
color:#fff;}
.ie7 div.nav-area.gu4 nav li a {
padding-bottom:0;}
.ie7 input#submit {
margin-left:-.4em;}
/* IE8 STYLES */
.ie8 .center-area fieldset legend {
margin-top:0;}
.ie8 .center-area fieldset fieldset legend {
margin-top:0;}
.ie8 div.nav-area.gu4 nav li a {
padding-bottom:0;}
/* IE9 STYLES */
.ie9 .center-area fieldset fieldset legend {
margin-top:0;}
.ie9 div.nav-area.gu4 nav li a {
padding-bottom:0;}
.ie9 .center-area fieldset legend {
margin-top:0;}
/* Banner multi-column */
div.center-area .revolving img {
padding-bottom:0;}
div.center-area .revolving .revolving-content .revolving-item {
width:auto;}
div.center-area .revolving .revolving-content {
width:auto;}
div.right-area.gu5 .revolving img {
padding-bottom:0;}
div.right-area.gu5 .revolving .revolving-content .revolving-item {
width:auto;}
div.right-area.gu5 .revolving .revolving-content {
width:auto;}
div.nav-area.gu4 .revolving img {
padding-bottom:0;}
div.nav-area.gu4 .revolving .revolving-content .revolving-item {
width:auto;}
div.nav-area.gu4 .revolving .revolving-content {
width:auto;}
/* Right content */div.right-area.gu5 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* Navigation content */ div.nav-area.gu4 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* 3-Col */div.center-area.gu11 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* 2-Col with right content */div.center-area.gu15 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* 2-Col with nav */div.center-area.gu16 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* 1-Col */div.center-area.gu20 .revolving {
margin-left:0;
width:auto;
margin-bottom:10px;}
/* top content */section.top-area .revolving {}
/* bottom content */section.bottom-area .revolving {}
/* CONTENT PAGE STYLING */
.revolving-item.html div.text {
position:absolute;
display:block;
width:458px;
top:50px;
left:235px;}
.revolving-item.html div.text h2 {
color: #c02424;}
.revolving-item.html div.text ul {
padding: 1em 0 0 0;}
.revolving-item.html div.text ul .column.first {
width:57%;}
.revolving-item.html div.text ul .column.last {
width:40%;}
.revolving-item.html div.text ul .column {
float:left;}
.revolving-item.html div.text ul li {
padding:0 0 0 1em;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1190px -620px no-repeat;}
.revolving-item.html div.text ul li a {
color:#555;}
.revolving-item.html div.text ul li a:hover {
color:#111;}
.revolving-item.html div.subverts {
position:absolute;
display:block;
top:0;
right:0;
border-left:1px solid #000;
width:234px;
line-height:0;}
div.right-area.gu5 {
margin-top:10px;
float:left;
padding-left:10px;
position:relative;}
/* Right content */
div.nav-area.gu4 {
margin-top:10px;
float:left;
margin-left:0px;
position:relative;}
/* Navigation content */
div.center-area.gu11 {
margin-top: 10px;
float: left;
padding-left: 10px;
position: relative;}
/* 3-Col */
div.center-area.gu15 {
margin-top:10px;
float:left;
position:relative;
margin-left:0px;}
/* 2-Col with right content */div.center-area.gu16 {
margin-top: 10px;
float:left;
padding-left:10px;
position:relative;}
/* 2-Col with no nav */ div.center-area.gu20 {
margin-top:10px;}
/* 1-Col */ div.center-area ul.columned-item {
float:left;}
div.center-area .boxy ul.columned-item {
margin-left:0;}
div.center-area ul.columned-item li {
padding-right:10px;}
div.center-area img.right {
position:relative;
margin:0 -2px 10px 17px;
clear:right;
float:right;}
div.center-area img.left {
position:relative;
margin:0;
margin-right:1.1em;
padding-right:3px;
clear:left;
float:left;}
div.center-areaimg.center {
display: block;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0;}
div.center-area .boxy .title-box {
font-size:1.1em;}
div.center-area .boxy .footer-box {
font-size:0.85em;}
div.center-area .boxy .panes {}
div.right-area.gu5 .boxy .title-box {
font-size:1.1em;
padding:.5em 0 0 1.1em;}
div.right-area.gu5 .boxy .footer-box {
font-size:0.85em;}
div.center-area a {
color:#c02424;}
div.center-area p a {
color:#c02424;}
div.center-area ol {
margin-left:1.8em;
margin-bottom:.81em;
padding-left:5px;}
div.center-area dl {
margin-bottom:.81em;}
div.center-area dl.compact {
font-size:0.9em;}
div.center-area dl dt:first-child {
margin-top:0;}
div.center-area dl dt {
margin-top:.81em;}
div.center-area dl.compact dt {
margin-top:0;}
div.center-area dl dd {
margin-left:1.8em;}
div.center-area ul {
margin-left:.8em;
margin-bottom:.81em;}
div.center-area ul.columned-item {
margin-left:0;}
div.center-area ul li {
padding:0 0 0 12px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1190px -620px no-repeat;}
div.center-area h2 {
font-size:1.8em;}
div.center-area hr {
height:0;
border-color:#e8e8e8;
clear:both;}
div.center-area div.make-boxy-group {
}
.boxy .content-box li {
margin-left:0;}
div.center-area .success-message {
display:block;
min-height:60px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png') -637px -1425px;
background-repeat: no-repeat;
margin-bottom: 20px;}
div.center-area .success-message p {
margin-left:62px;
padding-top:14px;}
div.center-area .error-message {
display:block;
min-height:60px;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png') -637px -1636px;
background-repeat: no-repeat;
margin-bottom: 20px;}
div.center-area .error-message p {
margin-left:62px;
padding-top:14px;}
/* CONTENT STYLING */
div.center-area a {
color:#C02424;}
div.center-area a:visited {
color:#5e1515;}
div.center-area a:hover {
text-decoration: underline;}
div.center-area a:active {
color:#e92c2d;}
div.center-area ins {
background-color:#c02424;
color:#fff;}
div.center-area img.center {
display:block;
margin:0 auto;}
div.center-area mark {
background-color:#c02424;
color:#fff;
font-weight:bold;
display:inline;}
div.center-area cite {
font-weight:bold;}
div.center-area img {
padding-bottom:10px;
display:block;}
div.center-area div.image img {
padding:0;
float:left;}
div.center-area fieldset ul {
list-style-type:none;
background:none;
padding:0px;
margin:0px;}
div.center-area fieldset li {
list-style-type:none;
padding:0px;
margin:0px;
background:none;}
div.center-area label {
font-weight:bold;
margin-top:8px;
display:inline-block;}
div.center-area li label {
font-weight:normal;
display:inline;}
div.center-area h3 {
font-size:1.618em;
line-height:1.24;
color:#c02424;}
div.center-area h6 {
color:#c02424;}
div.center-area caption {
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
font-weight:bold;}
div.center-area blockquote {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #c02424;
padding-top:7px;
padding-bottom:7px;
margin-top:10px;
margin-bottom:10px;}
div.center-area blockquote.alternate {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #989898;
padding-top:7px;
padding-bottom:7px;}
div.center-area div.image {
background-color:#efefef;
overflow:hidden;
margin:0px;
padding:0px;
border:1px solid #e1e1e1;}
#main div.center-area div.image p {
font-size:.9em;
font-style:italic;
padding:.8em;
overflow:auto;}
div.center-area div.imagebottom {
background-color:#efefef;
overflow:hidden;
margin:0px;
padding:0px;
border:1px solid #e1e1e1;}
div.center-area div.imagebottom p {
padding-left:10px;
padding-right:10px;
padding-top:0px;
font-size:.9em;
font-style:italic;}
div.center-area figure {
padding: 0px;
margin: 0px;
text-align: left;}
div.center-area figcaption {
colour:#333;
font-style:italic;
font-weight: bold;}
div.center-area p.leading {
font-style:italic;}
div.center-area div.imagebottom img {
padding:0px;
padding-bottom:5px;
margin:0px;}
div.center-area .fancybox[rel], div.gallerybox-outer a {
padding-right:10px;
float:left;}
div.center-area .fancybox[rel]:after, div.gallerybox-outer a:after {
clear:both;}
div.center-area span.required {
color:#c02424;
font-weight:normal;}
div.center-area pre {
white-space:pre-wrap;
/* css-3 */white-space:-moz-pre-wrap;
/* Mozilla, since 1999 */white-space:-pre-wrap;
/* Opera 4-6 */white-space:-o-pre-wrap;
/* Opera 7 */;}
div.center-area div.profilecontainer {
overflow: hidden;
margin-bottom: 2.2em;}
div.center-area div.profilecontainer div.profile {
float:left;
background:#ccc;
width:200px;
margin-bottom: -2000px;
padding-bottom:2000px;
width:12.90em;
margin-right:1.2em;
overflow-y: hidden;
background-color:#EFEFEF;
border:none;
height:auto !important;}
div.center-area div.profilecontainer div.profile dl {
margin-top:.3em;
display:inline-block;
margin-bottom: 1.4em;
width:140px;
margin-left:1.1em;}
div.center-area div.profile {
width:12.90em;
height:40em;
background-color:#EFEFEF;
border:1px solid #E1E1E1;
display:inline-block;
margin-bottom:2.2em;
margin-right:1.2em;
float:left;
overflow-y:hidden;
padding-top:.8em;}
div.center-area div.profile dl {
padding:0;
margin:0;
margin-top:.3em;
display:inline-block;
margin-bottom:1.4em;
width:140px;
margin-left:1.1em;}
div.center-area div.profile a {
word-wrap:break-word;}
div.center-area div.profile dt {
padding:0;
margin:0;}
div.center-area div.profile dd {
padding:0;
margin:0;
margin-bottom:.6em;
line-height:.95em;}
div.center-area div.image.bottom img {
float:none;}
div.center-area div.caption {
float:right;
background-color:#EFEFEF;
border: 1px solid #E1E1E1;
display:inline-block;
margin: 0.5em 0 1em 1em;
margin-bottom:15px;
margin-top:0;
width:240px;}
div.center-area div.caption p {
font-size:.9em;
font-style:italic;
padding:5px;}
div.center-area div.caption img {
padding:0;
margin:0;}
div.center-area div.imagebottom p cite {
font-weight:normal;}
div.center-area div.image .caption-right {
float:left !important;}
div.center-area h1 strong, div.center-area h1 em, div.center-area h1 b, div.center-area h1 i {
font-weight:normal;}
div.center-area h2 strong, div.center-area h2 em, div.center-area h2 b, div.center-area h2 i {
font-weight:normal;}
div.center-area h3 strong, div.center-area h3 em, div.center-area h3 b, div.center-area h3 i {
font-weight:normal;}
div.center-area h4 strong, div.center-area h4 em, div.center-area h4 b, div.center-area h4 i {
font-weight:normal;}
div.center-area h5 strong, div.center-area h5 em, div.center-area h5 b, div.center-area h5 i {
font-weight:normal;}
div.center-area h6 strong, div.center-area h6 em, div.center-area h6 b, div.center-area h6 i {
font-weight:normal;}
div.center-area h1 a {
font-weight:normal;}
div.center-area h2 a {
font-weight:normal;}
div.center-area h3 a {
font-weight:normal;}
div.center-area h4 a {
font-weight:normal;}
div.center-area h5 a {
font-weight:normal;}
div.center-area h6 a {
font-weight:normal;}
div.center-area h5 a {
font-family:Arial, Helvetica, sans-serif;}
div.center-area div.ernews-article img {
padding:3px;
float:left;
margin-right:6px;}
div.center-area div.ernews-article h2 {
font-size:1.1em;
padding:0;
margin:0;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;}
div.center-area div.ernews-article p {
margin-bottom:33px;
line-height:1.3em;}
div.boxy .footer-box .footer-content a {
color:#fff;}
div.right-area.gu5 div.boxy .footer-box .footer-content a:visited {
color:#fff;}
div.center-area form#phonebooksearch label {
display:block;}
.boxy .content-box a.button {
color:#fff;}
.row .col:last-child {
margin-right:0;}
.boxy.col.last {
margin-right:0;}
.col.last {
margin-right:0;}
#main ul li a {
text-decoration:none;
font-weight:normal;
font-style:normal;}
ul li a em {
text-decoration:none;
font-weight:normal;
font-style:normal;}
ul li a em strong {
text-decoration:none;
font-weight:normal;
font-style:normal;}
.boxy-relate-to {
display:none;}
div.center-area .success-message ul {
margin-left:62px;}
div.center-area .error-message ul {
margin-left:62px;}
div.center-area h4 em {
font-style: normal;}
/* TABLE STYLING */
div.center-area table.feature {
background-color: inherit;
color: inherit;
}
div.center-area table {
border:1px solid #cfcfcf;}
div.center-area table tr.highlight {
background-color:#4d4d4d;
color:#fff;
font-weight:bold;}
div.center-area table tr:hover {
background-color:#c02424;
color:#fff;}
div.center-area td {
padding:6px;
padding-left:10px;
padding-right:10px;
border-left-width:1px;
border-left-style:solid;
border-left-color:#cfcfcf;}
div.center-area tr:nth-child(-n+1) {
background-color:#ececec;
border-bottom-width:1px;
border-top-style:none;
border-right-style:none;
border-bottom-style:solid;
border-left-style:none;
border-bottom-color:#c02424;}
div.center-area th {
color:#C02424;
font-size:1em;
text-shadow:1px 1px 1px white;
line-height:1em;
padding-top:8px;
padding-left:10px;
padding-bottom:10px;
border-left:1px #cfcfcf solid;}
div.center-area tr:nth-child(2n+1) {
background-color:#efefef;}
div.center-area th {
background-color:#efefef;}
div.center-area table td.center {
text-align:center;}
div.center-area table td.right {
text-align:right;}
div.center-area tr:last-child:hover {
background-color:#4d4d4d;
color:#fff;}
div.center-area table tr:hover td {
background-color:#dbdbdb;
color:#000;}
div.center-area table tr.highlight:hover td {
background-color:#4d4d4d;
color:#fff;}
img.horizontal {
float:left;
margin-right:5px;}
/* FEATURED TABLE STYLING */div.center-area .feature th {
background-color:#c02424;
color:#fff;
text-shadow:none;}
div.center-area table.feature tr:hover {
background-color:#b7b7b7;
color:#000;}
div.center-area table.feature td.center {
text-align:center;}
div.center-area table.feature td.right {
text-align:right;}
div.center-area table.feature tr:last-child:hover {
background-color:#4d4d4d;
color:#fff;}
div.center-area table.feature tr:hover td {
background-color:#dbdbdb;
color:#000;}
/* FORM FIELD STYLING */div.center-area form {
padding-bottom:0;}
div.center-area form input {
border:1px solid #CCCCCC;
padding:.6em;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
width:24em;}
div.center-area fieldset {
background-color:#efefef;
padding:20px;
padding-top:0;
margin-bottom:1.3em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
div.center-area fieldset legend {
padding-bottom:0px;
font-size:1.4em;
font-weight:bold;
color:#c02424;}
div.center-area input[type=text] {
width:24em;}
div.center-area input[type=checkbox] {
padding:0px;
margin:0px;
vertical-align:middle;
margin-right:4px;}
div.center-area input[type=radio] {
padding:0px;
margin:0px;
vertical-align:middle;
margin-right:4px;}
div.center-area select {
border:1px solid #CCCCCC;
padding:7px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
display:block;
min-width:24em;}
div.center-area textarea {
display:block;
border:1px solid #CCCCCC;
padding:7px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
width:90%;}
div.center-area div.submit input.neutral {
font-family:Arial, Helvetica, sans-serif;
background-color:#606060;
padding:11px;
margin-left:0;
color:#fff;
font-weight:bold;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area div.submit input.neutral:hover {
background-color:#515151;}
div.center-area div.submit input.positive {
font-family:Arial, Helvetica, sans-serif;
background-color:#7cb034;
padding:11px;
margin-left:0;
color:#fff;
font-weight:bold;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area div.submit input.positive:hover {
background-color:#6b992c;}
div.center-area div.submit input.negative {
font-family:Arial, Helvetica, sans-serif;
background-color:#c02424;
padding:11px;
margin-left:0;
color:#fff;
font-weight:bold;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area div.submit input.negative:hover {
background-color:#a61f1f;}
div.center-area input[type=button] {
background-color:#c02424;
padding:11px;
color:#fff;
font-weight:bold;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
margin-left:26px;
margin-bottom:20px;}
div.center-area input:hover[type=button] {
background-color:#a61f1f;}
div.center-area progress {
margin-bottom:5px;}
div.center-area meter {
margin-bottom:5px;}
div.center-area a.button {
background-color:#c02424;
padding:9px;
margin-top:0;
margin-left:0;
margin-bottom:10px;
color:#fff;
font-weight:bold;
display:inline-block;
font-size:1.1em;
border:none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
clear:both;}
div.center-area a.button:hover {
background-color:#a61f1f;
text-decoration: none;}
div.center-area fieldset fieldset {
padding:0px;
margin:0px;
padding-top:10px;}
div.center-area fieldset fieldset legend {
padding-top:20px;}
div.center-area input[type="text"] {
display: block;}
div.center-area input[type="submit"] {
background-color:#c02424;
padding:11px;
margin-left:20px;
margin-bottom:10px;
width:auto;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area input[type="submit"]:hover {
background-color:#a61f1f;}
div.center-area input[type="radio"] {
border:none;
width:1em;}
div.center-area input[type="checkbox"] {
border:none;
width:1em;}
div.center-area button {
background-color:#c02424;
padding:11px;
margin-left:0;
margin-bottom:10px;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area button:hover {
background-color:#a61f1f;}
div.center-area button.negative {
background-color:#c02424;
padding:11px;
margin-left:0;
margin-bottom:10px;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area button.negative:hover {
background-color:#a61f1f;}
div.center-area button.positive {
background-color:#7cb034;
padding:11px;
margin-left:0;
margin-bottom:10px;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area button.positive:hover {
background-color:#6b992c;}
div.center-area button.neutral {
background-color:#606060;
padding:11px;
margin-left:0;
margin-bottom:10px;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
div.center-area button.neutral:hover {
background-color:#515151;}
div.center-area input[type="file"] {
display:block;}
div.center-area form div.submit input.positive {
margin-left:0;}
div.center-area form div.submit input.neutral {
margin-left:0;}
div.center-area form button {
margin-left:0;}
div.center-area form a.button {
margin-left:0;}
div.center-area form button.positive {
margin-left:0;}
div.center-area form button.neutral {
margin-left:0;}
div.center-area form button.negative {
margin-left:0;}
div.center-area form input[type="submit"] {
margin-left:0;}
div.center-area form fieldset input[type="submit"] {
margin-bottom:0;}
div.center-area form#phonebooksearch input {
display:inline;}
div.center-area form#phonebooksearch input.submit {
vertical-align:top;
margin-top:-4px;
margin-left:3px;}
div.center-area form#websitesearch input {
display:inline;
vertical-align:bottom;}
div.center-area form#websitesearch input.submit {
vertical-align:top;
margin-top:-4px;
margin-left:3px;}
/* RIGHT COLUMN CONTENT STYLING */div.right-area.gu5 img {
max-width:225px;}
div.right-area.gu5 ins {
background-color:#c02424;
color:#fff;}
div.right-area.gu5 mark {
background-color:#c02424;
color:#fff;
font-weight:bold;}
div.right-area.gu5 cite {
font-weight:bold;}
div.right-area.gu5 p.leading {
font-size:.9em;}
div.right-area.gu5 p {
font-size:.9em;}
div.right-area.gu5 blockquote {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #c02424;
padding:9px;}
div.right-area.gu5 blockquote.alternate {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #989898;
padding:9px;}
div.right-area.gu5 a {
color:#C02424;}
div.right-area.gu5 a:hover {
text-decoration:underline;}
div.right-area.gu5 h3 {
color:#C02424;}
div.right-area.gu5 ul li {
color:#111;
margin-left:10px;
padding:0 0 0 1em;
background:transparent url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -1190px -620px no-repeat;
/* @see http://www.w3.org/Style/CSS/Tracker/issues/9
background-position-x:0px;
background-position-y:0.70em;
*/}
div.right-area.gu5 ul li:hover {
background-color:#efefef;
text-decoration:none;}
div.right-area.gu5 h2 {
font-size:1.4em;
padding-top:15px;
padding-bottom:5px;}
div.right-area.gu5 .promotions p {
line-height: 1.2em;
margin-bottom:16px;}
div.right-area.gu5 ul, ol {
margin: 0 0 .8em 0;}
div.right-area.gu5 div.ernews-article h2 {
padding-bottom:0;}
div.right-area.gu5 a img {
margin-bottom:6px;}
div.right-area.gu5 div.promotions a img {
margin-bottom:0;}
div.right-area.gu5 div.ernews-article a img {
margin-bottom:0;}
div.right-area.gu5 h2:first-child {
padding-top:0;}
div.right-area.gu5 a:visited {
color:#5e1515;}
/* RIGHT COLUMN TABLE STYLING */div.right-area.gu5 table {
border:1px solid #cfcfcf;}
div.right-area.gu5 table tr.highlight {
background-color:#4d4d4d;
color:#fff;
font-weight:bold;}
div.right-area.gu5 table tr:hover {
background-color:#c02424;
color:#fff;}
div.right-area.gu5 td {
padding:6px;
padding-left:10px;
padding-right:10px;
border-left-width:1px;
border-left-style:solid;
border-left-color:#cfcfcf;}
div.right-area.gu5 tr:nth-child(-n+1) {
background-color:#ececec;
border-bottom-width:1px;
border-top-style:none;
border-right-style:none;
border-bottom-style:solid;
border-left-style:none;
border-bottom-color:#c02424;}
div.right-area.gu5 th {
color:#C02424;
font-size:1em;
text-shadow:1px 1px 1px white;
line-height:1em;
padding-top:8px;
padding-left:10px;
padding-bottom:10px;
border-left:1px #cfcfcf solid;}
div.right-area.gu5 tr:nth-child(2n+1) {
background-color:#efefef;}
div.right-area.gu5 th {
background-color:#efefef;}
div.right-area.gu5 table#center {
text-align:center;}
div.right-area.gu5 table#center th {
text-align:center;}
div.right-area.gu5 table#right {
text-align:right;}
div.right-area.gu5 table#right th {
text-align:right;
padding-right:9px;}
div.right-area.gu5 tr:last-child:hover {
background-color:#4d4d4d;
color:#fff;}
div.right-area.gu5 table.feature tr:last-child:hover {
background-color:#4d4d4d;
color:#fff;}
div.right-area.gu5 table tr:hover td {
background-color:#dbdbdb;
color:#000;}
div.right-area.gu5 table.feature tr:hover td {
background-color:#dbdbdb;
color:#000;}
div.right-area.gu5 table tr.highlight:hover td {
background-color:#4d4d4d;
color:#fff;}
/* NEWS STYLING */div.right-area.gu5 .ernews-article img {
padding:3px;
float:left;
margin-right:6px;}
div.right-area.gu5 .ernews-article h2 {
font-size:.9em;
padding-top:4px;
line-height:1.3em;}
div.right-area.gu5 .ernews-article p {
font-size:.9em;
line-height:1.3em;
margin-bottom:13px;}
div.right-area.gu5 .ernews-article {
margin-top:20px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CCC;}
div.right-area.gu5 .ernews-article:first-child {
margin-top:5px;}
div.right-area.gu5 .ernews-article:last-child {
border:none;}
div.right-area.gu5 .ernews-article a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;}
/* Bottom-area STYLING */
section.bottom-area{}
section.bottom-area #verts a{display:inline-block;background-origin:padding-box;background-image:url('/__data/assets/image/0011/295454/griffith-master-horizontal.png');height:40px;width:210px;background-position:0 -1520px;font-size:1.3em;font-weight:bold;text-shadow:1px 1px 2px #666;margin-right:10px;padding:15px 0 0 15px;color:#fff;-webkit-border-top-left-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomright:20px;border-top-left-radius:20px;border-bottom-right-radius:20px;}
section.bottom-area #verts a.last{margin-right:0;}
section.bottom-area #verts a span{float:right;font-size:1.5em;margin:-.35em 10px 0 0;}
.ie7 section.bottom-area #verts a span{margin-top: -36px;}
/* Top-area STYLING */section.top-area {margin-top: 10px;}
/* NAV STYLING */ div.nav-area.gu4 nav li {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#e1e1e1;
overflow:hidden;
list-style-type: none;
background: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -6px -675px no-repeat;
padding: 0 0 0 10px;}
div.nav-area.gu4 nav li a {
font-family: Arial, Helvetica, sans-serif;
display:inline-block;
padding:.7em 0 .7em 5px;
color:#333;
text-shadow:1px 1px 1px #fff;
font-size:.9em;
line-height: 1.2em;
font-weight: normal;
margin-bottom: .7em9;}
div.nav-area.gu4 nav li a:hover {
text-decoration:underline;
color:#c02424;}
div.nav-area.gu4 nav li a:visited {
color:#a1a1a1;}
div.nav-area.gu4 nav li.site {
display:block;
margin:0 0 10px 0;
padding:0;
color:#333;
text-shadow:1px 1px 1px #fff;
background:#c4c3c3 url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px 0px repeat-x;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #d87c7f;
font-size:1em;}
div.nav-area.gu4 nav li.site a {
text-decoration:none;
color:#c02424;
font-size:1.25em;
padding:5px 5px 10px 5px;
margin:3px 0 0 5px;
font-family: Rockwell W01, Georgia, "Times New Roman", serif;
font-weight:normal;
line-height: 1.2em;}
div.nav-area.gu4 nav li.site a:hover {
text-decoration:underline;
color:#c02424;}
div.nav-area.gu4 nav li.current {
background: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -6px -675px no-repeat;}
div.nav-area.gu4 nav li.current a {
font-weight:bold;
color:#333;}
div.nav-area.gu4 nav li.current ul li a {
font-weight:normal;}
div.nav-area.gu4 nav li.parent {
background: url('/__data/assets/image/0010/295453/griffith-master.png?v=1.11') -274px -673px no-repeat;}
div.nav-area.gu4 nav li.group {
background: url('/__data/assets/image/0011/295454/griffith-master-horizontal.png') 0px -2888px repeat-x;
background-color:#8a1a1a;
display:block;
border:0px;
height:auto;}
div.nav-area.gu4 nav li.group a {
color:#fff;
text-shadow:none;
font-size:1.1em;
padding-top:4px;
padding-bottom:4px;
padding-left:3px;
padding-right:3px;}
div.nav-area.gu4 nav li ul {
margin: 0 0 0 1em;}
div.nav-area.gu4 nav li ul li {
border: 0;}
/* GRIFFITH MOBILE SWITCHER */ .mobile-menu {
display:none;}
.mobile span.mode-switcher {
width: 100%;
display:block;
text-align: center;
color:#fff;
background:#c02424;
font-size: 1.077em;
opacity:1.0;
padding:0.762em 0;}
.mobile .mode-switcher a {
color:#fff;
text-decoration:underline;}
.mobile-only {
display:none;}
/* THIRDPARTY PLUGIN STYLES */ /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.fancybox-opened {
z-index: 8030;}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {
position: relative;}
.fancybox-inner {
overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;}
.fancybox-image {
max-width: 100%;
max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/_designs/griffith-public/assets/images/fancybox2/fancybox_sprite.png');}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/_designs/griffith-public/assets/images/fancybox2/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/_designs/griffith-public/assets/images/fancybox2/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;}
.fancybox-prev {
left: 0;}
.fancybox-next {
right: 0;}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;}
.fancybox-nav:hover span {
visibility: visible;}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {
margin-right: 0px !important;
/*overflow: hidden;*/}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background-image: url('/_designs/griffith-public/assets/images/fancybox2/fancybox_overlay.png');}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;}
.fancybox-lock .fancybox-overlay {/*overflow: auto;overflow-y: scroll;*/}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;}
.fancybox-opened .fancybox-title {
visibility: visible;}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;}
.fancybox-title-inside-wrap {
padding-top: 10px;}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);}
/* Modal window styling */
#modal-window {}
#modal-window a {color:#C02424;}
#modal-window a:visited {color:#5e1515;}
#modal-window a:hover {text-decoration: underline;}
#modal-windowa:active {color:#e92c2d;}
#modal-window dl {font-size:0.9em;}
/*!
* s2864646 - SM (2012-05-31)
* Elastislide (http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/)
*/
.elastislide-list {
list-style-type: none;
display: none;
}
.no-js .elastislide-list {
display: block;
}
.elastislide-carousel ul li {
min-width: 20px; /* minimum width of the image (min width + border) */
vertical-align: top;
}
.elastislide-wrapper {
position: relative;
background-color: #f8f8f8;
margin: 0 auto;
min-height: 60px;
border: 1px solid #cdcdcd;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.elastislide-wrapper.elastislide-loading {
background-image: url(/_designs/griffith-public/assets/images/elastislide/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.elastislide-horizontal {
padding: 10px 40px;
}
.elastislide-vertical {
padding: 40px 10px;
}
.elastislide-carousel {
overflow: hidden;
position: relative;
}
.elastislide-carousel ul {
position: relative;
display: block;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
transition-property: -webkit-transform;
transition-property: -moz-transform;
transition-property: -o-transform;
transition-property: -ms-transform;
transition-property: transform;
transition-duration: 200ms;
}
.elastislide-horizontal ul {
white-space: nowrap;
}
.elastislide-carousel ul li {
margin: 0;
-webkit-backface-visibility: hidden;
}
.elastislide-horizontal ul li {
height: 100%;
display: inline-block;
}
.elastislide-vertical ul li {
display: block;
}
.elastislide-carousel ul li a {
display: inline-block;
width: 100%;
}
.elastislide-carousel ul li a img {
display: block;
border: 1px solid white;
max-width: 100%;
/* height: 100%; */
vertical-align: top;
}
/* Navigation Arrows */
/* override relative nav styling above */
.elastislide-wrapper nav {
position: static;
}
.elastislide-wrapper nav span {
position: absolute;
top: 0;
left: 0px;
background: #c4c3c3 url(/__data/assets/image/0006/423852/elastislide-nav-bg.png) top left repeat-y;
width: 34px;
height: 100%;
text-indent: -9000px;
cursor: pointer;
opacity: 0.8;
}
.elastislide-wrapper nav span:hover {
opacity: 1.0;
}
.elastislide-horizontal nav span {
top: 50%;
left: 10px;
margin-top: -11px;
}
.elastislide-vertical nav span {
top: 10px;
left: 50%;
margin-left: -11px;
background-position: -17px 5px;
}
.elastislide-horizontal nav .elastislide-prev,
.elastislide-horizontal nav .elastislide-next
{
position: absolute;
display: block;
width: 13px;
height: 16px;
background: transparent url('/__data/assets/image/0010/295453/griffith-master.png') top left no-repeat;
margin-top: -8px;
}
.elastislide-horizontal nav .elastislide-next {
right: 9px;
left: auto;
background-position: -103px -182px;
}
.elastislide-horizontal nav .elastislide-prev {
left: 9px;
top: 50%;
background-position: -13px -182px;
}
.elastislide-horizontal nav .elastislide-next:hover {
background-position: -100px -317px;
}
.elastislide-horizontal nav .elastislide-prev:hover {
background-position: -10px -317px;
}
/* elastislide overrides */
div.center-area .elastislide-carousel ul {
margin-bottom: 0px;
}
div.center-area .elastislide-carousel ul li {
padding: 0;
background: none;
}
div.gallerybox-outer .elastislide-carousel a {
padding-right: 0px;
}
div.center-area .elastislide-carousel img {
padding-bottom: 0px;
}
/* JQUERY UI STYLES */ .ui-helper-hidden-accessible {
position:absolute!important;
clip:rect(1px, 1px, 1px, 1px);}
.ui-helper-reset {
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
margin:0;
padding:0;}
.ui-helper-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
* html .ui-helper-clearfix {
height:1%;}
.ui-helper-zfix {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
filter:Alpha(Opacity=0);}
.ui-state-disabled {
cursor:default!important;}
.ui-icon {
display:block;
text-indent:-99999px;
overflow:hidden;
background-repeat:no-repeat;
width:16px;
height:16px;
background-image:url('/__data/assets/image/0008/347417/ui-icons_cc0000_256x240.png');}
.ui-widget-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#a6a6a6 url('/__data/assets/image/0009/347418/ui-bg_dots-small_65_a6a6a6_2x2.png') 50% 50% repeat;
opacity:.40;
filter:Alpha(Opacity=40);}
.ui-widget {
font-family:Arial, sans-serif;
font-size:1.1em;}
.ui-widget .ui-widget {
font-size:1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family:Arial, sans-serif;
font-size:1em;}
.ui-widget-content {
border:1px solid #eee;
background:#fff url('/__data/assets/image/0006/347460/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
color:#333;}
.ui-widget-content a {
color:#333;}
.ui-widget-header {
border:1px solid #e3a1a1;
background:#c00 url('/__data/assets/image/0006/347433/ui-bg_highlight-soft_15_cc0000_1x100.png') 50% 50% repeat-x;
color:#fff;
font-weight:700;}
.ui-widget-header a {
color:#fff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:1px solid #d8dcdf;
background:#eee url('/__data/assets/image/0005/347432/ui-bg_highlight-hard_100_eeeeee_1x100.png') 50% 50% repeat-x;
font-weight:700;
color:#004276;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color:#004276;
text-decoration:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border:1px solid #cdd5da;
background:#f6f6f6 url('/__data/assets/image/0010/347455/ui-bg_highlight-hard_100_f6f6f6_1x100.png') 50% 50% repeat-x;
font-weight:700;
color:#111;}
.ui-state-hover a, .ui-state-hover a:hover {
color:#111;
text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border:1px solid #eee;
background:#fff url('/__data/assets/image/0003/347430/ui-bg_flat_65_ffffff_40x100.png') 50% 50% repeat-x;
font-weight:700;
color:#c00;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color:#c00;
text-decoration:none;}
.ui-widget :active {
outline:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border:1px solid #fcd3a1;
background:#fbf8ee url('/__data/assets/image/0007/347461/ui-bg_glass_55_fbf8ee_1x400.png') 50% 50% repeat-x;
color:#444;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color:#444;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border:1px solid #c00;
background:#f3d8d8 url('/__data/assets/image/0009/347454/ui-bg_diagonals-thick_75_f3d8d8_40x40.png') 50% 50% repeat;
color:#2e2e2e;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight:700;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity:.7;
filter:Alpha(Opacity=70);
font-weight:400;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity:.35;
filter:Alpha(Opacity=35);
background-image:none;}
.ui-widget-header .ui-icon {
background-image:url('/__data/assets/image/0003/347457/ui-icons_ffffff_256x240.png');}
.ui-state-highlight .ui-icon {
background-image:url('/__data/assets/image/0011/347456/ui-icons_004276_256x240.png');}
.ui-icon-carat-1-n {
background-position:0 0;}
.ui-icon-carat-1-ne {
background-position:-16px 0;}
.ui-icon-carat-1-e {
background-position:-32px 0;}
.ui-icon-carat-1-se {
background-position:-48px 0;}
.ui-icon-carat-1-s {
background-position:-64px 0;}
.ui-icon-carat-1-sw {
background-position:-80px 0;}
.ui-icon-carat-1-w {
background-position:-96px 0;}
.ui-icon-carat-1-nw {
background-position:-112px 0;}
.ui-icon-carat-2-n-s {
background-position:-128px 0;}
.ui-icon-carat-2-e-w {
background-position:-144px 0;}
.ui-icon-triangle-1-n {
background-position:0 -16px;}
.ui-icon-triangle-1-ne {
background-position:-16px -16px;}
.ui-icon-triangle-1-e {
background-position:-32px -16px;}
.ui-icon-triangle-1-se {
background-position:-48px -16px;}
.ui-icon-triangle-1-s {
background-position:-64px -16px;}
.ui-icon-triangle-1-sw {
background-position:-80px -16px;}
.ui-icon-triangle-1-w {
background-position:-96px -16px;}
.ui-icon-triangle-1-nw {
background-position:-112px -16px;}
.ui-icon-triangle-2-n-s {
background-position:-128px -16px;}
.ui-icon-triangle-2-e-w {
background-position:-144px -16px;}
.ui-icon-arrow-1-n {
background-position:0 -32px;}
.ui-icon-arrow-1-ne {
background-position:-16px -32px;}
.ui-icon-arrow-1-e {
background-position:-32px -32px;}
.ui-icon-arrow-1-se {
background-position:-48px -32px;}
.ui-icon-arrow-1-s {
background-position:-64px -32px;}
.ui-icon-arrow-1-sw {
background-position:-80px -32px;}
.ui-icon-arrow-1-w {
background-position:-96px -32px;}
.ui-icon-arrow-1-nw {
background-position:-112px -32px;}
.ui-icon-arrow-2-n-s {
background-position:-128px -32px;}
.ui-icon-arrow-2-ne-sw {
background-position:-144px -32px;}
.ui-icon-arrow-2-e-w {
background-position:-160px -32px;}
.ui-icon-arrow-2-se-nw {
background-position:-176px -32px;}
.ui-icon-arrowstop-1-n {
background-position:-192px -32px;}
.ui-icon-arrowstop-1-e {
background-position:-208px -32px;}
.ui-icon-arrowstop-1-s {
background-position:-224px -32px;}
.ui-icon-arrowstop-1-w {
background-position:-240px -32px;}
.ui-icon-arrowthick-1-n {
background-position:0 -48px;}
.ui-icon-arrowthick-1-ne {
background-position:-16px -48px;}
.ui-icon-arrowthick-1-e {
background-position:-32px -48px;}
.ui-icon-arrowthick-1-se {
background-position:-48px -48px;}
.ui-icon-arrowthick-1-s {
background-position:-64px -48px;}
.ui-icon-arrowthick-1-sw {
background-position:-80px -48px;}
.ui-icon-arrowthick-1-w {
background-position:-96px -48px;}
.ui-icon-arrowthick-1-nw {
background-position:-112px -48px;}
.ui-icon-arrowthick-2-n-s {
background-position:-128px -48px;}
.ui-icon-arrowthick-2-ne-sw {
background-position:-144px -48px;}
.ui-icon-arrowthick-2-e-w {
background-position:-160px -48px;}
.ui-icon-arrowthick-2-se-nw {
background-position:-176px -48px;}
.ui-icon-arrowthickstop-1-n {
background-position:-192px -48px;}
.ui-icon-arrowthickstop-1-e {
background-position:-208px -48px;}
.ui-icon-arrowthickstop-1-s {
background-position:-224px -48px;}
.ui-icon-arrowthickstop-1-w {
background-position:-240px -48px;}
.ui-icon-arrowreturnthick-1-w {
background-position:0 -64px;}
.ui-icon-arrowreturnthick-1-n {
background-position:-16px -64px;}
.ui-icon-arrowreturnthick-1-e {
background-position:-32px -64px;}
.ui-icon-arrowreturnthick-1-s {
background-position:-48px -64px;}
.ui-icon-arrowreturn-1-w {
background-position:-64px -64px;}
.ui-icon-arrowreturn-1-n {
background-position:-80px -64px;}
.ui-icon-arrowreturn-1-e {
background-position:-96px -64px;}
.ui-icon-arrowreturn-1-s {
background-position:-112px -64px;}
.ui-icon-arrowrefresh-1-w {
background-position:-128px -64px;}
.ui-icon-arrowrefresh-1-n {
background-position:-144px -64px;}
.ui-icon-arrowrefresh-1-e {
background-position:-160px -64px;}
.ui-icon-arrowrefresh-1-s {
background-position:-176px -64px;}
.ui-icon-arrow-4 {
background-position:0 -80px;}
.ui-icon-arrow-4-diag {
background-position:-16px -80px;}
.ui-icon-extlink {
background-position:-32px -80px;}
.ui-icon-newwin {
background-position:-48px -80px;}
.ui-icon-refresh {
background-position:-64px -80px;}
.ui-icon-shuffle {
background-position:-80px -80px;}
.ui-icon-transfer-e-w {
background-position:-96px -80px;}
.ui-icon-transferthick-e-w {
background-position:-112px -80px;}
.ui-icon-folder-collapsed {
background-position:0 -96px;}
.ui-icon-folder-open {
background-position:-16px -96px;}
.ui-icon-document {
background-position:-32px -96px;}
.ui-icon-document-b {
background-position:-48px -96px;}
.ui-icon-note {
background-position:-64px -96px;}
.ui-icon-mail-closed {
background-position:-80px -96px;}
.ui-icon-mail-open {
background-position:-96px -96px;}
.ui-icon-suitcase {
background-position:-112px -96px;}
.ui-icon-comment {
background-position:-128px -96px;}
.ui-icon-person {
background-position:-144px -96px;}
.ui-icon-print {
background-position:-160px -96px;}
.ui-icon-trash {
background-position:-176px -96px;}
.ui-icon-locked {
background-position:-192px -96px;}
.ui-icon-unlocked {
background-position:-208px -96px;}
.ui-icon-bookmark {
background-position:-224px -96px;}
.ui-icon-tag {
background-position:-240px -96px;}
.ui-icon-home {
background-position:0 -112px;}
.ui-icon-flag {
background-position:-16px -112px;}
.ui-icon-calendar {
background-position:-32px -112px;}
.ui-icon-cart {
background-position:-48px -112px;}
.ui-icon-pencil {
background-position:-64px -112px;}
.ui-icon-clock {
background-position:-80px -112px;}
.ui-icon-disk {
background-position:-96px -112px;}
.ui-icon-calculator {
background-position:-112px -112px;}
.ui-icon-zoomin {
background-position:-128px -112px;}
.ui-icon-zoomout {
background-position:-144px -112px;}
.ui-icon-search {
background-position:-160px -112px;}
.ui-icon-wrench {
background-position:-176px -112px;}
.ui-icon-gear {
background-position:-192px -112px;}
.ui-icon-heart {
background-position:-208px -112px;}
.ui-icon-star {
background-position:-224px -112px;}
.ui-icon-link {
background-position:-240px -112px;}
.ui-icon-cancel {
background-position:0 -128px;}
.ui-icon-plus {
background-position:-16px -128px;}
.ui-icon-plusthick {
background-position:-32px -128px;}
.ui-icon-minus {
background-position:-48px -128px;}
.ui-icon-minusthick {
background-position:-64px -128px;}
.ui-icon-close {
background-position:-80px -128px;}
.ui-icon-closethick {
background-position:-96px -128px;}
.ui-icon-key {
background-position:-112px -128px;}
.ui-icon-lightbulb {
background-position:-128px -128px;}
.ui-icon-scissors {
background-position:-144px -128px;}
.ui-icon-clipboard {
background-position:-160px -128px;}
.ui-icon-copy {
background-position:-176px -128px;}
.ui-icon-contact {
background-position:-192px -128px;}
.ui-icon-image {
background-position:-208px -128px;}
.ui-icon-video {
background-position:-224px -128px;}
.ui-icon-script {
background-position:-240px -128px;}
.ui-icon-alert {
background-position:0 -144px;}
.ui-icon-info {
background-position:-16px -144px;}
.ui-icon-notice {
background-position:-32px -144px;}
.ui-icon-help {
background-position:-48px -144px;}
.ui-icon-check {
background-position:-64px -144px;}
.ui-icon-bullet {
background-position:-80px -144px;}
.ui-icon-radio-off {
background-position:-96px -144px;}
.ui-icon-radio-on {
background-position:-112px -144px;}
.ui-icon-pin-w {
background-position:-128px -144px;}
.ui-icon-pin-s {
background-position:-144px -144px;}
.ui-icon-play {
background-position:0 -160px;}
.ui-icon-pause {
background-position:-16px -160px;}
.ui-icon-seek-next {
background-position:-32px -160px;}
.ui-icon-seek-prev {
background-position:-48px -160px;}
.ui-icon-seek-end {
background-position:-64px -160px;}
.ui-icon-stop {
background-position:-96px -160px;}
.ui-icon-eject {
background-position:-112px -160px;}
.ui-icon-volume-off {
background-position:-128px -160px;}
.ui-icon-volume-on {
background-position:-144px -160px;}
.ui-icon-power {
background-position:0 -176px;}
.ui-icon-signal-diag {
background-position:-16px -176px;}
.ui-icon-signal {
background-position:-32px -176px;}
.ui-icon-battery-0 {
background-position:-48px -176px;}
.ui-icon-battery-1 {
background-position:-64px -176px;}
.ui-icon-battery-2 {
background-position:-80px -176px;}
.ui-icon-battery-3 {
background-position:-96px -176px;}
.ui-icon-circle-plus {
background-position:0 -192px;}
.ui-icon-circle-minus {
background-position:-16px -192px;}
.ui-icon-circle-close {
background-position:-32px -192px;}
.ui-icon-circle-triangle-e {
background-position:-48px -192px;}
.ui-icon-circle-triangle-s {
background-position:-64px -192px;}
.ui-icon-circle-triangle-w {
background-position:-80px -192px;}
.ui-icon-circle-triangle-n {
background-position:-96px -192px;}
.ui-icon-circle-arrow-e {
background-position:-112px -192px;}
.ui-icon-circle-arrow-s {
background-position:-128px -192px;}
.ui-icon-circle-arrow-w {
background-position:-144px -192px;}
.ui-icon-circle-arrow-n {
background-position:-160px -192px;}
.ui-icon-circle-zoomin {
background-position:-176px -192px;}
.ui-icon-circle-zoomout {
background-position:-192px -192px;}
.ui-icon-circle-check {
background-position:-208px -192px;}
.ui-icon-circlesmall-plus {
background-position:0 -208px;}
.ui-icon-circlesmall-minus {
background-position:-16px -208px;}
.ui-icon-circlesmall-close {
background-position:-32px -208px;}
.ui-icon-squaresmall-plus {
background-position:-48px -208px;}
.ui-icon-squaresmall-minus {
background-position:-64px -208px;}
.ui-icon-squaresmall-close {
background-position:-80px -208px;}
.ui-icon-grip-dotted-vertical {
background-position:0 -224px;}
.ui-icon-grip-dotted-horizontal {
background-position:-16px -224px;}
.ui-icon-grip-solid-vertical {
background-position:-32px -224px;}
.ui-icon-grip-solid-horizontal {
background-position:-48px -224px;}
.ui-icon-gripsmall-diagonal-se {
background-position:-64px -224px;}
.ui-icon-grip-diagonal-se {
background-position:-80px -224px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
-khtml-border-top-left-radius:6px;
border-top-left-radius:6px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
-khtml-border-top-right-radius:6px;
border-top-right-radius:6px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
-khtml-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
-khtml-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;}
.ui-widget-shadow {
background:#333 url('/__data/assets/image/0010/347419/ui-bg_flat_0_333333_40x100.png') 50% 50% repeat-x;
opacity:.10;
filter:Alpha(Opacity=10);
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin:-8px 0 0 -8px;
padding:8px;}
.ui-resizable {
position:relative;}
.ui-resizable-handle {
position:absolute;
font-size:.1px;
z-index:99999;
display:block;}
.ui-resizable-n {
cursor:n-resize;
height:7px;
width:100%;
top:-5px;
left:0;}
.ui-resizable-s {
cursor:s-resize;
height:7px;
width:100%;
bottom:-5px;
left:0;}
.ui-resizable-e {
cursor:e-resize;
width:7px;
right:-5px;
top:0;
height:100%;}
.ui-resizable-w {
cursor:w-resize;
width:7px;
left:-5px;
top:0;
height:100%;}
.ui-resizable-se {
cursor:se-resize;
width:12px;
height:12px;
right:1px;
bottom:1px;}
.ui-resizable-sw {
cursor:sw-resize;
width:9px;
height:9px;
left:-5px;
bottom:-5px;}
.ui-resizable-nw {
cursor:nw-resize;
width:9px;
height:9px;
left:-5px;
top:-5px;}
.ui-resizable-ne {
cursor:ne-resize;
width:9px;
height:9px;
right:-5px;
top:-5px;}
.ui-selectable-helper {
position:absolute;
z-index:100;
border:1px dotted #000;}
.ui-accordion .ui-accordion-header {
cursor:pointer;
position:relative;
margin-top:1px;
zoom:1;}
.ui-accordion .ui-accordion-li-fix {
display:inline;}
.ui-accordion .ui-accordion-header-active {
border-bottom:0!important;}
.ui-accordion .ui-accordion-header a {
display:block;
font-size:1em;
padding:.5em .5em .5em .7em;}
.ui-accordion-icons .ui-accordion-header a {
padding-left:2.2em;}
.ui-accordion .ui-accordion-header .ui-icon {
position:absolute;
left:.5em;
top:50%;
margin-top:-8px;}
.ui-accordion .ui-accordion-content {
border-top:0;
margin-top:-2px;
position:relative;
top:1px;
margin-bottom:2px;
overflow:auto;
display:none;
zoom:1;
padding:1em 2.2em;}
.ui-autocomplete {
position:absolute;
cursor:default;}
* html .ui-autocomplete {
width:1px;}
.ui-menu {
list-style:none;
display:block;
float:left;
margin:0;
padding:2px;}
.ui-menu .ui-menu {
margin-top:-3px;}
.ui-menu .ui-menu-item {
zoom:1;
float:left;
clear:left;
width:100%;
margin:0;
padding:0;}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
line-height:1.5;
zoom:1;
padding:.2em .4em;}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
font-weight:400;
margin:-1px;}
.ui-button {
display:inline-block;
position:relative;
margin-right:.1em;
text-decoration:none!important;
cursor:pointer;
text-align:center;
zoom:1;
overflow:visible;
padding:0;}
.ui-button-icon-only {
width:2.2em;}
button.ui-button-icon-only {
width:2.4em;}
.ui-button-icons-only {
width:3.4em;}
button.ui-button-icons-only {
width:3.7em;}
.ui-button .ui-button-text {
display:block;
line-height:1.4;}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
text-indent:-9999999px;
padding:.4em;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding:.4em 1em .4em 2.1em;}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding:.4em 2.1em .4em 1em;}
.ui-button-text-icons .ui-button-text {
padding-left:2.1em;
padding-right:2.1em;}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position:absolute;
top:50%;
margin-top:-8px;}
.ui-button-icon-only .ui-icon {
left:50%;
margin-left:-8px;}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left:.5em;}
.ui-buttonset {
margin-right:7px;}
.ui-buttonset .ui-button {
margin-left:0;
margin-right:-.3em;}
button.ui-button::-moz-focus-inner {
border:0;
padding:0;}
.ui-dialog {
position:absolute;
width:300px;
overflow:hidden;
padding:.2em;}
.ui-dialog .ui-dialog-titlebar {
position:relative;
padding:.4em 1em;}
.ui-dialog .ui-dialog-title {
float:left;
margin:.1em 16px .1em 0;}
.ui-dialog .ui-dialog-titlebar-close {
position:absolute;
right:.3em;
top:50%;
width:19px;
height:18px;
margin:-10px 0 0;
padding:1px;}
.ui-dialog .ui-dialog-titlebar-close span {
display:block;
margin:1px;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding:0;}
.ui-dialog .ui-dialog-content {
position:relative;
border:0;
background:none;
overflow:auto;
zoom:1;
padding:.5em 1em;}
.ui-dialog .ui-dialog-buttonpane {
text-align:left;
background-image:none;
border-width:1px 0 0;
margin:.5em 0 0;
padding:.3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane button {
cursor:pointer;
margin:.5em .4em .5em 0;}
.ui-dialog .ui-resizable-se {
width:14px;
height:14px;
right:3px;
bottom:3px;}
.ui-draggable .ui-dialog-titlebar {
cursor:move;}
.ui-slider {
position:relative;
text-align:left;}
.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:default;}
.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0;}
.ui-slider-horizontal {
height:.8em;}
.ui-slider-horizontal .ui-slider-handle {
top:-.3em;
margin-left:-.6em;}
.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%;}
.ui-slider-horizontal .ui-slider-range-min {
left:0;}
.ui-slider-horizontal .ui-slider-range-max {
right:0;}
.ui-slider-vertical {
width:.8em;
height:100px;}
.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em;}
.ui-slider-vertical .ui-slider-range {
left:0;
width:100%;}
.ui-slider-vertical .ui-slider-range-min {
bottom:0;}
.ui-slider-vertical .ui-slider-range-max {
top:0;}
.ui-tabs {
position:relative;
zoom:1;
padding:.2em;}
.ui-tabs .ui-tabs-nav {
margin:0;
padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li {
list-style:none;
float:left;
position:relative;
top:1px;
border-bottom:0!important;
white-space:nowrap;
margin:0 .2em 1px 0;
padding:0;}
.ui-tabs .ui-tabs-nav li a {
float:left;
text-decoration:none;
padding:.5em 1em;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom:0;
padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;}
.ui-tabs .ui-tabs-panel {
display:block;
background:none;
border-width:0;
padding:1em 1.4em;}
.ui-tabs .ui-tabs-hide {
display:none!important;}
.ui-datepicker {
width:17em;
display:none;
padding:.2em .2em 0;}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute;
top:2px;
width:1.8em;
height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top:1px;}
.ui-datepicker .ui-datepicker-prev {
left:2px;}
.ui-datepicker .ui-datepicker-next {
right:2px;}
.ui-datepicker .ui-datepicker-prev-hover {
left:1px;}
.ui-datepicker .ui-datepicker-next-hover {
right:1px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-8px;}
.ui-datepicker .ui-datepicker-title {
line-height:1.8em;
text-align:center;
margin:0 2.3em;}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width:49%;}
.ui-datepicker table {
width:100%;
font-size:.9em;
border-collapse:collapse;
margin:0 0 .4em;}
.ui-datepicker th {
text-align:center;
font-weight:700;
border:0;
padding:.7em .3em;}
.ui-datepicker td {
border:0;
padding:1px;}
.ui-datepicker td span, .ui-datepicker td a {
display:block;
text-align:right;
text-decoration:none;
padding:.2em;}
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
border-left:0;
border-right:0;
border-bottom:0;
margin:.7em 0 0;
padding:0 .2em;}
.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
cursor:pointer;
width:auto;
overflow:visible;
margin:.5em .2em .4em;
padding:.2em .6em .3em;}
.ui-datepicker.ui-datepicker-multi {
width:auto;}
.ui-datepicker-multi .ui-datepicker-group table {
width:95%;
margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {
width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {
width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {
width:25%;}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear:left;}
.ui-datepicker-row-break {
clear:both;
width:100%;
font-size:0;}
.ui-datepicker-rtl {
direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {
right:2px;
left:auto;}
.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right:1px;
left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right;}
.ui-datepicker-cover {
display:block;
position:absolute;
z-index:-1;
top:-4px;
left:-4px;
width:200px;
height:200px;}
.ui-progressbar {
height:2em;
text-align:left;}
.ui-progressbar .ui-progressbar-value {
height:100%;
margin:-1px;}
.ui-helper-hidden, .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display:none;}
.ui-helper-clearfix, .ui-accordion .ui-accordion-content-active {
display:block;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color:#2e2e2e;}
.ui-widget-content .ui-icon, .ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon, .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image:url('/__data/assets/image/0008/347417/ui-icons_cc0000_256x240.png');}
.ui-icon-seek-start, .ui-icon-seek-first {
background-position:-80px -160px;}
.ui-accordion, .ui-datepicker select.ui-datepicker-month-year {
width:100%;}
.ui-button-text-only .ui-button-text, input.ui-button {
padding:.4em 1em;}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right:.5em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float:right;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float:left;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;}
/* JPLAYER STYLES */ div.jp-audio, div.jp-video {
font-size:1em;
font-family:Verdana, Arial, sans-serif;
line-height:1.6;
color:#666;}
div.jp-audio {
width:420px;}
div.jp-video-270p {
width:480px;}
div.jp-video-360p {
width:640px;}
div.jp-interface {
position:relative;
background-color:#eee;
width:100%;
border:1px solid #009be3;}
div.jp-audio div.jp-type-single div.jp-interface {
height:80px;
border-bottom:none;}
div.jp-audio div.jp-type-playlist div.jp-interface {
height:80px;}
div.jp-video div.jp-type-single div.jp-interface {
height:60px;
border-bottom:none;}
div.jp-video div.jp-type-playlist div.jp-interface {
height:60px;}
div.jp-interface ul.jp-controls {
list-style-type:none;
margin:0;
padding:0;}
div.jp-interface ul.jp-controls li {
display:inline;}
div.jp-interface ul.jp-controls a {
position:absolute;
overflow:hidden;
text-indent:-9999px;}
a.jp-play, a.jp-pause {
width:40px;
height:40px;
z-index:1;}
div.jp-audio div.jp-type-single a.jp-play, div.jp-audio div.jp-type-single a.jp-pause {
top:20px;
left:40px;}
div.jp-audio div.jp-type-playlist a.jp-play, div.jp-audio div.jp-type-playlist a.jp-pause {
top:20px;
left:48px;}
div.jp-video a.jp-play, div.jp-video a.jp-pause {
top:15px;}
div.jp-video-270p div.jp-type-single a.jp-play, div.jp-video-270p div.jp-type-single a.jp-pause {
left:195px;}
div.jp-video-270p div.jp-type-playlist a.jp-play, div.jp-video-270p div.jp-type-playlist a.jp-pause {
left:220px;}
div.jp-video-360p div.jp-type-single a.jp-play, div.jp-video-360p div.jp-type-single a.jp-pause {
left:275px;}
div.jp-video-360p div.jp-type-playlist a.jp-play, div.jp-video-360p div.jp-type-playlist a.jp-pause {
left:300px;}
a.jp-play {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 0 no-repeat;}
a.jp-play:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -41px 0 no-repeat;}
a.jp-pause {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -42px no-repeat;
display:none;}
a.jp-pause:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -41px -42px no-repeat;}
div.jp-audio div.jp-type-single a.jp-stop {
top:26px;
left:90px;}
div.jp-audio div.jp-type-playlist a.jp-stop {
top:26px;
left:126px;}
div.jp-video-270p div.jp-type-single a.jp-stop {
left:245px;}
div.jp-video-270p div.jp-type-playlist a.jp-stop {
left:298px;}
div.jp-video-360p div.jp-type-single a.jp-stop {
left:325px;}
div.jp-video-360p div.jp-type-playlist a.jp-stop {
left:378px;}
a.jp-stop {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -83px no-repeat;
width:28px;
height:28px;
z-index:1;}
a.jp-stop:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -29px -83px no-repeat;}
div.jp-audio div.jp-type-playlist a.jp-previous {
left:20px;
top:26px;}
div.jp-video-270p div.jp-type-playlist a.jp-previous {
left:192px;}
div.jp-video-360p div.jp-type-playlist a.jp-previous {
left:272px;}
a.jp-previous {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -112px no-repeat;
width:28px;
height:28px;}
a.jp-previous:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -29px -112px no-repeat;}
div.jp-audio div.jp-type-playlist a.jp-next {
left:88px;
top:26px;}
div.jp-video-270p div.jp-type-playlist a.jp-next {
left:260px;}
div.jp-video-360p div.jp-type-playlist a.jp-next {
left:340px;}
a.jp-next {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -141px no-repeat;
width:28px;
height:28px;}
a.jp-next:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -29px -141px no-repeat;}
div.jp-progress {
position:absolute;
overflow:hidden;
background-color:#ddd;}
div.jp-audio div.jp-type-single div.jp-progress {
top:32px;
left:130px;
width:122px;
height:15px;}
div.jp-audio div.jp-type-playlist div.jp-progress {
top:32px;
left:164px;
width:122px;
height:15px;}
div.jp-video div.jp-progress {
top:0;
left:0;
width:100%;
height:10px;}
div.jp-seek-bar {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -202px repeat-x;
width:0;
height:100%;
cursor:pointer;}
div.jp-play-bar {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -218px repeat-x;
width:0;
height:100%;}
div.jp-seeking-bg {
background:url(/__data/assets/image/0010/347275/pbar-ani.gif);}
a.jp-mute, a.jp-unmute {
width:18px;
height:15px;}
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
top:32px;
left:274px;}
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute {
top:32px;
left:296px;}
div.jp-video a.jp-mute, div.jp-video a.jp-unmute {
top:27px;}
div.jp-video-270p div.jp-type-single a.jp-mute, div.jp-video-270p div.jp-type-single a.jp-unmute {
left:304px;}
div.jp-video-270p div.jp-type-playlist a.jp-unmute, div.jp-video-270p div.jp-type-playlist a.jp-mute {
left:363px;}
div.jp-video-360p div.jp-type-single a.jp-mute, div.jp-video-360p div.jp-type-single a.jp-unmute {
left:384px;}
div.jp-video-360p div.jp-type-playlist a.jp-mute, div.jp-video-360p div.jp-type-playlist a.jp-unmute {
left:443px;}
a.jp-mute {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -186px no-repeat;}
a.jp-mute:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -19px -170px no-repeat;}
a.jp-unmute {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -170px no-repeat;
display:none;}
a.jp-unmute:hover {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') -19px -186px no-repeat;}
div.jp-volume-bar {
position:absolute;
overflow:hidden;
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -250px repeat-x;
width:46px;
height:5px;
cursor:pointer;}
div.jp-audio div.jp-type-single div.jp-volume-bar {
top:37px;
left:302px;}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
top:37px;
left:324px;}
div.jp-video div.jp-volume-bar {
top:32px;}
div.jp-video-270p div.jp-type-single div.jp-volume-bar {
left:332px;}
div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
left:391px;}
div.jp-video-360p div.jp-type-single div.jp-volume-bar {
left:412px;}
div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
left:471px;}
div.jp-volume-bar-value {
background:url('/__data/assets/image/0005/347342/jplayer.blue.monday.jpg') 0 -256px repeat-x;
width:0;
height:5px;}
div.jp-current-time, div.jp-duration {
position:absolute;
font-size:.64em;
font-style:oblique;}
div.jp-duration {
text-align:right;}
div.jp-audio div.jp-type-single div.jp-current-time, div.jp-audio div.jp-type-single div.jp-duration {
top:49px;
left:130px;
width:122px;}
div.jp-audio div.jp-type-playlist div.jp-current-time, div.jp-audio div.jp-type-playlist div.jp-duration {
top:49px;
left:164px;
width:122px;}
div.jp-video div.jp-current-time, div.jp-video div.jp-duration {
top:10px;
left:0;
width:98%;
padding:0 1%;}
div.jp-playlist {
width:100%;
background-color:#ccc;
border:1px solid #009be3;
border-top:none;}
div.jp-playlist ul {
list-style-type:none;
font-size:.72em;
margin:0;
padding:0 20px;}
div.jp-type-single div.jp-playlist li {
font-weight:700;
padding:5px 0 5px 20px;}
div.jp-type-playlist div.jp-playlist li {
border-bottom:1px solid #eee;
padding:5px 0 4px 20px;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
border-bottom:none;
padding:5px 0 5px 20px;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-type:square;
list-style-position:inside;
padding-left:8px;}
div.jp-type-playlist div.jp-playlist a {
color:#666;
text-decoration:none;}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
display:inline;
margin-left:20px;}
div.jp-video div.jp-video-play {
background:transparent url(jplayer.blue.monday.video.play.png) no-repeat center;
position:absolute;
cursor:pointer;
z-index:2;}
div.jp-video div.jp-video-play:hover {
background:transparent url(jplayer.blue.monday.video.play.hover.png) no-repeat center;}
div.jp-video-270p div.jp-video-play {
top:-270px;
width:480px;
height:270px;}
div.jp-video-360p div.jp-video-play {
top:-360px;
width:640px;
height:360px;}
div.jp-jplayer {
width:0;
height:0;
background-color:#000;}
div.jp-video div.jp-jplayer {
border:1px solid #009be3;
border-bottom:none;
z-index:1;}
div.jp-video-270p div.jp-jplayer {
width:480px;
height:270px;}
div.jp-video-360p div.jp-jplayer {
width:640px;
height:360px;}
div.jp-video a.jp-stop, div.jp-video div.jp-type-playlist a.jp-previous, div.jp-video div.jp-type-playlist a.jp-next {
top:21px;}
div.jp-type-playlist div.jp-playlist a:hover, div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color:#0d88c1;}
div.jp-audio ul li, div.jp-video ul li {background-image:none !important;}
/* AUDIO PLAYER STYLES */
div.jp-audio div.jp-type-playlist div.jp-interface {
height: 91px;
border: 0px;
background: transparent url(/__data/assets/image/0019/361621/jplayer.buttons.png) -0px -279px !important;}
div.jp-audio div.jp-type-playlist div.jp-interface div.jp-progress {
top: 76px;
left: 12px;
width: 92%;
height: 6px;}
div.jp-audio div.jp-type-playlist div.jp-current-time, div.jp-audio div.jp-type-playlist div.jp-duration {display: none;}
div.jp-playlist {border: 0px !important;}
div.jp-audio div.jp-type-playlist div.jp-playlist ul {
font-size: .85em;
font-weight: bold;
color: #fff;
padding: 0px;
margin: 0px;
cursor:pointer;
background-color: #860000;}
div.jp-playlist ul li.jp-playlist-current {
border: 0px;
background-color: #c02424;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #fff;}
div.jp-interface ul.jp-controls a.jp-previous {
width: 49px;
height: 50px;
margin-top: -16px;
margin-left: -10px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -49px 0px;}
div.jp-interface ul.jp-controls a.jp-previous:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -49px -50px;}
div.jp-interface ul.jp-controls a.jp-play {
width: 49px;
height: 50px;
margin-top: -10px;
margin-left: 11px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0px 0px;}
div.jp-interface ul.jp-controls a.jp-play:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0px -50px;}
div.jp-interface ul.jp-controls a.jp-pause {
width: 49px;
height: 50px;
margin-top: -10px;
margin-left: 11px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -200px 0px;}
div.jp-interface ul.jp-controls a.jp-pause:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -200px -50px;}
div.jp-interface ul.jp-controls a.jp-next {
width: 49px;
height: 50px;
margin-top: -16px;
margin-left: 18px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -99px 0px;}
div.jp-interface ul.jp-controls a.jp-next:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -99px -50px;}
div.jp-interface ul.jp-controls a.jp-stop {
width: 49px;
height: 50px;
margin-top: -16px;
margin-left: 28px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -149px 0px;}
div.jp-interface ul.jp-controls a.jp-stop:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -149px -50px;}
div.jp-interface ul.jp-controls a.jp-mute {
width: 24px;
height: 22px;
margin-top: -8px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0px -150px;}
div.jp-interface ul.jp-controls a.jp-mute:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -24px -128px;}
div.jp-interface ul.jp-controls a.jp-unmute {
width: 24px;
height: 22px;
margin-top: -8px;
background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0px -128px;}
div.jp-interface ul.jp-controls a.jp-unmute:hover {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) -24px -150px;}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {margin-top: -5px;background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0 -250px repeat-x;}
div.jp-audio div.jp-type-playlist div.jp-volume-bar-value {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0 -256px repeat-x;}
div.jp-audio div.jp-type-playlist div.jp-progress div.jp-seek-bar {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0 -202px repeat-x;}
div.jp-audio div.jp-type-playlist div.jp-progress div.jp-seek-bar div.jp-play-bar {background: url(/__data/assets/image/0019/361621/jplayer.buttons.png) 0 -218px repeat-x;}
div.jp-type-playlist div.jp-playlist li {border-bottom: 0px;}
/* SOCIAL STYLES */.social .content-box {
padding: 0;
overflow-y: scroll;
height: 47em;
background-attachment: fixed;
background:#FFF;}
.social-media-feeder .loading-message {
position: absolute;
top: 38%;
left: 38%;
background-color: rgba(0, 0, 0, .6);
color: rgba(255, 255, 255, 1.0);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-family: Rockwell W01,Georgia,"Times New Roman",Times,serif!important;
font-size: 14px;
font-weight: normal;
z-index: 999999;
display: none;}
.boxy .social-items .social-item {
border-top:1px solid #E9E9E9;
border-bottom:1px solid #fff;
padding: 2px 10px 10px 30px;}
.boxy .social-items .social-item:first-child {
border-top:0;}
.boxy .social-items.social-item:last-child {
border-bottom:0;}
.boxy .social-items .social-item .social-title a {
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
width:100%;
clear:both;
display:block;
color:#565656;}
.boxy .social-items .social-item a {
color:#c02424;
font-size:12px;
weight:normal;}
.boxy .social-items .social-item p {
font-size:12px;}
.boxy .social-items .social-item div {
font-size:12px;}
.boxy .social-items .social-item img {
width:90px;
height:auto;
float:left;
display:inline-block;
border:1px #F3F3F3 solid;
padding:2px;
margin:0px 5px 0px 0px;}
.boxy .social-items .social-item .social-icon {
width:24px;
height:24px;}
.boxy .social-items .social-item .gallery {
float:right;}
.boxy .social-items .social-item .gallery .gallery-image {
display:inline-block;
border:1px #F3F3F3 solid;
padding:2px;
margin:0px 5px 0px 0px;}
.boxy .social-items .facebook-template {
border-left:3px solid #3B5998;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px 5px;
background-repeat:no-repeat;}
.boxy .social-items .twitter-template {
border-left:3px solid #53D4FF;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px -495px;
background-repeat:no-repeat;}
.boxy .social-items .youtube-template {
border-left:3px solid #FF3333;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px -995px;
background-repeat:no-repeat;}
.boxy .social-items .flickr-template {
border-left:3px solid #FF0084;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px -2495px;
background-repeat:no-repeat;}
.boxy .social-items .rss-template {
border-left:3px solid #ED7C2A;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px -3495px;
background-repeat:no-repeat;}
.boxy .social-items .instagram-template {
border-left:3px solid #a06b43;
background-image:url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:5px -4445px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li {
margin: 0;
padding: 0 0 0 22px;}
div.right-area.gu5 .boxy ul.social li.facebook {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 2px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.twitter {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -498px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.youtube {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -998px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.itunesu {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -1498px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.griffithtv {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -1998px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.flickr {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -2498px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.linkedin {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -2998px;
background-repeat:no-repeat;}
div.right-area.gu5 .boxy ul.social li.instagram {
background-image: url(/__data/assets/image/0010/373096/socialicons-sprite.png);
background-position:0 -4441px;
background-repeat:no-repeat;}
/* RIGHT COLUMN CONTENT STYLING */div.right-area.gu5 img {
max-width:225px;}
div.right-area.gu5 ins {
background-color:#c02424;
color:#fff;}
div.right-area.gu5 mark {
background-color:#c02424;
color:#fff;
font-weight:bold;}
div.right-area.gu5 cite {
font-weight:bold;}
div.right-area.gu5 p.leading {
font-size:.9em;}
div.right-area.gu5 p {
font-size:.9em;}
div.right-area.gu5 blockquote {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #c02424;
padding:9px;}
div.right-area.gu5 blockquote.alternate {
background-color:#efefef;
font-size:.9em;
font-style:italic;
border-left:5px solid #989898;
padding:9px;}
div.right-area.gu5 a {
color:#C02424;}
div.right-area.gu5 a:hover {
text-decoration:underline;}
div.right-area.gu5 h3 {
color:#C02424;}
/* RIGHT COLUMN TABLE STYLING */div.right-area.gu5 table {
border:1px solid #cfcfcf;}
div.right-area.gu5 table tr.highlight {
background-color:#4d4d4d;
color:#fff;
font-weight:bold;}
div.right-area.gu5 table tr:hover {
background-color:#c02424;
color:#fff;}
div.right-area.gu5 td {
padding:6px;
padding-left:10px;
padding-right:10px;
border-left-width:1px;
border-left-style:solid;
border-left-color:#cfcfcf;}
div.right-area.gu5 tr:nth-child(-n+1) {
background-color:#ececec;
border-bottom-width:1px;
border-top-style:none;
border-right-style:none;
border-bottom-style:solid;
border-left-style:none;
border-bottom-color:#c02424;}
div.right-area.gu5 th {
color:#C02424;
font-size:1em;
text-shadow:1px 1px 1px white;
line-height:1em;
padding-top:8px;
padding-left:10px;
border-left:1px #cfcfcf solid;}
div.right-area.gu5 tr:nth-child(2n+1) {
background-color:#efefef;}
div.right-area.gu5 th {
background-color:#efefef;}
div.right-area.gu5 table#center {
text-align:center;}
div.right-area.gu5 table#center th {
text-align:center;}
div.right-area.gu5 table#right {
text-align:right;}
div.right-area.gu5 table#right th {
text-align:right;
padding-right:9px;}
/* NEWS STYLING */div.right-area.gu5 .ernews-article img {
padding:3px;
float:left;
margin-right:6px;}
div.right-area.gu5 .ernews-article h2 {
font-size:.9em;
padding-top:4px;
line-height:1.3em;}
div.right-area.gu5 .ernews-article p {
font-size:.9em;
line-height:1.3em;
margin-bottom:13px;}
/* Social right column */.boxy #socialOptions {
margin-left: 1px;
float: none;
padding: 4px 10px 10px 20px;
border-left: 3px solid #CCC;
border-right: 1px solid #CCC;
height: 70px;
border-bottom: 1px solid #CCC;}
.boxy #socialOptions input[type=button] {
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
color: #333;
text-shadow: 1px 1px 1px #e1e1e1;
font-size: 14px;
font-weight: normal;
padding:2px 10px;
margin:0 3px;
border:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0px -2px 5px #E4E4E4;
-webkit-box-shadow:0px -2px 5px #E4E4E4;
box-shadow:0px -2px 5px #E4E4E4;
background:#f4f4f4;
outline:none;
text-transform:capitalize;
border-top:1px solid #CCC;
border-bottom:1px solid #fff;
background:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
background:-webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background:-o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
background:linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#8d8f8e');}
.boxy #socialOptions input[type=button].showing {
text-shadow:1px 1px 1px #840c10;
background:#cd5d5f;
background:-moz-linear-gradient(top, #cd5d5f 0%, #d5393d 2%, #ec5a5b 3%, #ad2525 42%, #840c10 87%, #5d0401 98%, #642025 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd5d5f), color-stop(2%, #d5393d), color-stop(3%, #ec5a5b), color-stop(42%, #ad2525), color-stop(87%, #840c10), color-stop(98%, #5d0401), color-stop(100%, #642025));
background:-webkit-linear-gradient(top, #cd5d5f 0%, #d5393d 2%, #ec5a5b 3%, #ad2525 42%, #840c10 87%, #5d0401 98%, #642025 100%);
background:-o-linear-gradient(top, #cd5d5f 0%, #d5393d 2%, #ec5a5b 3%, #ad2525 42%, #840c10 87%, #5d0401 98%, #642025 100%);
background:-ms-linear-gradient(top, #cd5d5f 0%, #d5393d 2%, #ec5a5b 3%, #ad2525 42%, #840c10 87%, #5d0401 98%, #642025 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5a5b', endColorstr='#ad2525', GradientType=0 );
background:linear-gradient(top, #cd5d5f 0%, #d5393d 2%, #ec5a5b 3%, #ad2525 42%, #840c10 87%, #5d0401 98%, #642025 100%);
border-bottom:1px solid #CCC;
border-top:1px solid #fff;
color:#ffffff;}
.ie7 .boxy #socialOptions {
margin-top: -20px;}
.right-content.boxy .text-content h3 {
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
clear:both;
display:block;
color:#565656;}
.right-content.boxy .text-content ul.feature li a {
color:#c02424;}
ul.socialmedia {
list-style-type: none;
padding:0px;
margin:0px;}
div.center-area ul.socialmedia li {
float:left;
padding:0px;
margin:0px;
margin-left:8px;
background: none;
text-align: center;}
ul.socialmedia .facebook {
display:block;
height:48px;
width:47px;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: 0 48px;}
ul.socialmedia .facebook.showing {
background-position: 0px 0px;}
ul.socialmedia .twitter {
display:block;
height:48px;
width:47px;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: -51px 48px;}
ul.socialmedia .twitter.showing {
background-position: -51px 0px;}
ul.socialmedia .youtube {
display:block;
height:48px;
width:47px;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: -101px 48px;}
ul.socialmedia .youtube.showing {
background-position: -101px 0px;}
ul.socialmedia .flickr {
display:block;
height:48px;
width:47px;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: -154px 48px;}
ul.socialmedia .flickr.showing {
background-position: -154px 0px;}
ul.socialmedia span.rss {
display:block;
height:48px;
width:49px;
background: none;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: -202px 48px;
float:none;
margin:0px;
clear: none;
}
/* unfortunately this is necessary because of the .rss rule above */
ul.socialmedia .rss.showing {
display:block;
height:48px;
width:49px;
background-image: url("/_designs/griffith-public/assets/images/social-reader/icon_sprite.png");
background-position: -202px 0px;
float:none;
margin:0px;
clear: none;
}
/* facebook commenting*/.fb_iframe_widget {
width:100% !important;
}
.fb_iframe_widget span {
display:block;
width:100% !important;
}
.fb_iframe_widget .fb_ltr {
width:100% !important;
}
/*simple carousel*/.simple-carousel {
display:block;}
.simple-carousel .simple-container {
display:block;
position:relative;
padding: 0 45px 10px 45px;
border:none;}
.simple-carousel .simple-container .carousel-items-container {
display:block;
position:relative;
overflow:hidden;
width:auto;
height:120px;}
.simple-carousel .simple-container .carousel-items-container .carousel-items {
display:block;
position:absolute;
top:0;
left:0;
width:9999px;}
.simple-carousel .simple-container .carousel-items-container .carousel-items .carousel-item {
display:inline-block;
padding: 0 8px;
margin: 0;}
.simple-carousel .simple-container .carousel-items-container .carousel-items .carousel-item p {
margin:0;
padding:0;
width: 194px;
height: 135px;
overflow:hidden;
position: relative;
background:#8B8B8B;/* for non-css3 browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F5F5F',endColorstr='#ffffff');/* for IE */
background:-webkit-gradient(linear,left top,left bottom,from(#5F5F5F),to(#ffffff));/* for webkit browsers */
background:-moz-linear-gradient(top,#5F5F5F,#ffffff);/* for firefox 3.6+ */
background:-o-linear-gradient(top,#5F5F5F,#ffffff);/* for Opera 11+ */
background:linear-gradient(top,#5F5F5F,#ffffff);/* for CSS3 */}
.simple-carousel .simple-container .carousel-items-container .carousel-items .carousel-item p a {
width: 194px;
height: 125px;
text-shadow: 0px 1px 2px #000;
font-size: 0.846em;
line-height: 10px;
color: #fff;
font-weight: 700;
padding: 7px 0 0 0;
text-align: center;
display: block;}
.simple-carousel .simple-container .carousel-items-container .carousel-items .carousel-item p img {
width: 194px;
height: 100px;
padding: 0px;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
clear: both;
z-index: 70;}
.simple-carousel .nav-link {
position:absolute;
top:40px;
display:block;
width:40px;
height:37px;}
.simple-carousel .nav-link span {
display:none;
}
.simple-carousel .nav-prev {
left:0px;
background: url("/__data/assets/image/0010/295453/griffith-master.png?v=1.11") no-repeat scroll -155px -177px transparent;}
.simple-carousel .nav-next {
right:0px;
background: url("/__data/assets/image/0010/295453/griffith-master.png?v=1.11") no-repeat scroll -212px -177px transparent;}
/*dynamic video*/
.dynamic-video {
background: #BEBEBE none repeat scroll 0 0;
border-bottom-right-radius: 12px;
margin-bottom: 10px;}
.has-playlist .dynamic-video-inner {padding: 10px;}
.has-playlist .dynamic-video-screen {position: relative;float:left;}
.has-playlist {clear:both;}
.dynamic-video-screen {min-height: 100px;}
.dynamic-video-screen-inner {}
.dynamic-video-title {
color:#C02424;
font-family:Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
line-height:120%;}
.dynamic-video-screen-data {
background: #FFFFFF none repeat scroll 0 0;
color: #565656;
font-size: 12px;
line-height: 140%;
padding: 5px;
margin: 10px 0px 0px 0px;}
.dynamic-video-screen p {
margin:5px 0px 0px 0px;
padding:0px;
color:#565656;
font-size:12px;
line-height:140%;}
.dynamic-video-playlist {
position: relative;
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #BEBEBE;
border-right: 1px solid #FFFFFF;
float: left;
margin-left:10px;
height: auto;}
.gu11 .has-playlist .dynamic-video-screen {width: 100% !important;}
.gu15 .has-playlist .dynamic-video-screen {max-width: 400px !important;}
.gu16 .has-playlist .dynamic-video-screen {max-width: 410px !important;}
.gu20 .has-playlist .dynamic-video-screen {max-width: 550px;}
.gu11 .has-playlist .dynamic-video-playlist {width: 100% !important;margin-top: 10px;margin-left: 0px;}
.gu15 .has-playlist .dynamic-video-playlist {width: 263px !important;}
.gu16 .has-playlist .dynamic-video-playlist {width: 300px !important;}
.gu20 .has-playlist .dynamic-video-playlist {width: 347px;}
.dynamic-video-playlist-inner {
overflow-y: scroll;
width: 100%;
background:#FFF;}
.dyn-video-playlist-item {
position:relative;
min-height:78px;
padding:0px 0px 0px 120px;
background:none repeat scroll 0 0 transparent;
box-shadow:0 4px 10px #B3B3B3 inset;
cursor: pointer;
border-bottom: 1px solid #BEBEBE;
border-top: 1px solid #C4C4C4;
color: #000000;
display: block;
font-size: 12px;
line-height: 125%;
padding-bottom: 5px;
text-decoration: none;}
.dyn-video-playlist-item .thumbnail-img {
position:absolute;
top:8px;
left:8px;
padding: 3px;
margin-bottom: 10px;}
.dynamic-video-playlist .selected .thumbnail-img {
border: 3px solid #C02424;
padding: 0px;}
.dyn-video-item-title {
display:block;
padding:6px 0px 0px 0px;
font-size:12px;}
.dyn-video-item-text {
line-height:120%;
font-size:12px;}
.dyn-video-playlist-item:hover {
background: #858585;
color: #fff;
-moz-box-shadow: inset 0px 0px 20px #656565;
-webkit-box-shadow: inset 0px 0px 20px #656565;
box-shadow: inset 0px 0px 20px #656565;}
.dynamic-video-playlist .selected {
color: #FFFFFF !important;
background-color: #c02424;
-moz-box-shadow: inset 0px 0px 20px #AC2020;
-webkit-box-shadow: inset 0px 0px 20px #AC2020;
box-shadow: inset 0px 0px 20px #AC2020;
background: -moz-linear-gradient(top, #BF2323, #8A1A1A);
background: -webkit-gradient(linear, center top, center bottom, from(#BF2323), to(#8A1A1A));
background: -o-linear-gradient(top, #BF2323, #8A1A1A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF2323', endColorstr='#8A1A1A');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF2323', endColorstr='#8A1A1A')";
background: linear-gradient(top, #BF2323, #8A1A1A);}
.dynamic-video-text .show-more,
.dynamic-video-text .show-less {
color: #C02424;
display: block;
font-weight: bold;
padding: 5px;
text-align: center;}
.dynamic-video-text .show-more:visited,
.dynamic-video-text .show-less:visited {
color: #C02424;}
.ie7 .dynamic-video-playlist-inner {
position: relative;}
/*Vertical carousel*/
.vertical-theme {
display:inline-block;}
.vertical-theme .simple-container {
display:block;
position:relative;
padding:34px 0 34px 0;
border:none;}
.vertical-theme .simple-container .carousel-items-container {
height:315px;
background:#F1F1F1;
border-left:1px #CDCDCD solid;
border-right:1px #CDCDCD solid;}
.vertical-theme .simple-container .carousel-items-container .carousel-items .carousel-item .item-inner {
margin:5px 5px 0 5px;
background:#999999;}
.vertical-theme .simple-container .carousel-items-container .carousel-items .carousel-item .item-inner img {
width:215px;
padding:0;
margin:0;}
.vertical-theme .nav-link {
position:absolute;
display:block;
text-align:center;
cursor:pointer;
top:auto;
left:auto;
height:34px;
width:225px;}
.vertical-theme .nav-prev {
top:0;
background:url("/__data/assets/image/0011/295454/griffith-master-horizontal.png") repeat-x scroll 0 0 transparent;
border-left:1px #CDCDCD solid;
border-top:1px #CDCDCD solid;
border-right:1px #CDCDCD solid;}
.vertical-theme .nav-prev .up-arrow {
display:inline-block;
height:14px;
margin:8px 0 0 0;
width:16px;
background:url("/__data/assets/image/0010/295453/griffith-master.png?v=1.11") no-repeat scroll -706px -183px transparent;}
.vertical-theme .nav-prev:hover .up-arrow {
background-position:-706px -240px;}
.vertical-theme .nav-next {
bottom:0;
border-bottom-right-radius:12px;
background:url("/__data/assets/image/0011/295454/griffith-master-horizontal.png") repeat-x scroll 0 -71px transparent;
border-left:1px #CDCDCD solid;
border-bottom:1px #CDCDCD solid;
border-right:1px #CDCDCD solid;}
.vertical-theme .nav-next .down-arrow {
display:inline-block;
height:14px;
margin:8px 0 0 0;
width:16px;
background:url("/__data/assets/image/0010/295453/griffith-master.png?v=1.11") no-repeat scroll -454px -183px transparent;}
.vertical-theme .nav-next:hover .down-arrow {
background-position:-454px -240px;}
/*dynamic gallery*/.dynamic-gallery {
width:850px;}
.dynamic-gallery-screen {
width:395px;
height:200px;
background:#999;
float:left;}
.dynamic-gallery-screen .dynamic-gallery-screen-inner {
position:relative;
}
.dynamic-gallery-screen .dynamic-gallery-screen-inner .dynamic-gallery-screen-caption {
position:absolute;
bottom:0px;
left:0px;
background:#000;
color:#FFF;
display:block;}
.dynamic-gallery-screen .dynamic-gallery-screen-inner .nav-link {
position:absolute;
display:block;
width:50px;
height:80px;
background:#CCC;}
.dynamic-gallery-screen .dynamic-gallery-screen-inner .prev-link {
left:5px;}
.dynamic-gallery-screen .dynamic-gallery-screen-inner .next-link {
right:5px;}
.dynamic-gallery-thumbnails {
width:380px;
padding-bottom:5px;
float:left;}
.dynamic-gallery-thumbnails .dyn-gallery-thumbnail-item {
float:left;
position:relative;
margin:5px 5px 0px 0px;
opacity:0.5;
}
.dynamic-gallery-thumbnails .dyn-gallery-thumbnail-item:first-child {
margin-left:5px;}
.dynamic-gallery-thumbnails .dyn-gallery-thumbnail-item .thumbnail-caption {
position:absolute;
margin:0px;
padding:2px;
background:#000;
color:#FFF;
bottom:0px;
left:0px;
font-size:10px;}
.active-thumbnail {
opacity:1 !important;}
/* PRINT STYLES */
@media print {
body {
width:100%;
margin:0in;
padding:0in;
float:none;
padding-left:2.2em;
padding-right:2.2em;}
* {box-sizing: border-box}
.nav-area.gu4, #search, .poplinks {
display:none;}
#pageinfo {
position:absolute;
margin:0;
padding:0;}
.right-area.gu5 {
float:none;
width:auto !important}
section.top-area {padding-top: 30px !important;}
div.center-area.gu11 {float:none;}
div.center-area {padding-top: 30px !important; width: auto;}
a:link:after, a:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
color:#666666;}
#pageinfo a:link:after, a:visited:after {
content: " (" attr(href) ") ";
display:none;}
footer a:link:after, a:visited:after {content: "";}
div.center-area ul.columned-item {
width:36.1em;}
table.feature tr {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cfcfcf;}
tr {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cfcfcf;}
div.center-area table tr.highlight {
color:#111;}
div.center-area table th {
color:#000;}
div.center-area table.feature th {
color:#000;}
div.center-area button {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
div.center-area button.positive {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
div.center-area button.negative {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
div.center-area button.neutral {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#606060;}
div.center-area form input[type="submit"] {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
div.center-area div.submit input.positive {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
div.center-area div.submit input.negative {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
div.center-area div.submit input.neutral {
background-color:transparent;
color:#000;
border-width:2px;
border-style:solid;
border-color:#606060;}
.ie7 div.center-area button {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie7 div.center-area button.positive {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
.ie7 div.center-area button.negative {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie7 div.center-area button.neutral {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#606060;}
.ie7 div.center-area form input[type="submit"] {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie7 div.center-area div.submit input.positive {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
.ie7 div.center-area div.submit input.negative {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie7 div.center-area div.submit input.neutral {
background-color:transparent;
border-width:2px;
border-style:solid;
border-color:#606060;}
.ie7 #pageinfo {
margin:0in;
padding:0in;
position:relative;}
.ie7 ul.subsetnav {
display:none;}
.ie7 table.feature tr {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cfcfcf;}
.ie8 div.center-area button {
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie8 div.center-area button.positive {
color:#000;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
.ie8 div.center-area button.negative {
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie8 div.center-area button.neutral {
color:#000;
border-width:2px;
border-style:solid;
border-color:#606060;}
.ie8 div.center-area form input[type="submit"] {
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie8 div.center-area div.submit input.positive {
color:#000;
border-width:2px;
border-style:solid;
border-color:#7cb034;}
.ie8 div.center-area div.submit input.negative {
color:#000;
border-width:2px;
border-style:solid;
border-color:#c02424;}
.ie8 div.center-area div.submit input.neutral {
color:#000;
border-width:2px;
border-style:solid;
border-color:#606060;}
.ie8 ul.subsetnav {
display:none;}
div.center-area img.center {
margin:0 auto;
display:inline;}
div.center-area img {
padding-bottom:10px;
display:inline;}
div.center-area ul {
list-style-type:disc;
list-style-position:inside;}
#logo {
display:none;}
body, x:-moz-any-link, x:default {
margin:0 auto;
padding:0;
float:none;}
div.center-area.gu16, x:-moz-any-link, x:default {
width:auto;}
div.center-area div.image {
page-break-inside: avoid;}
div.center-area.gu11 {
width:auto !important;}
.ie7 th, .ie7 td {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cfcfcf;}
.boxy .panes * {
display: block !important;
border: none;
}
.boxy .tabs { display: none;}
.boxy .panes .footer-box { display: none !important;}
div.center-area a{word-break: break-all;}
#main {padding-top: 30px;}
}
/* THIS IS THE STYLE FOR A GREY TEXT BUBBLE */
div.right-content a.grey {
position:relative;
padding:10px 10px 10px 60px;
margin: 0px 0px 30px 0px;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.4em;
text-decoration: none;
line-height: 1em;
color:#FFF !important;
background:#333;
width: 155px;
display: block;
white-space: normal !important;
-webkit-transition: 0.3s ease-out;}
div.right-content a.grey:hover {
background-color: #000;
text-decoration:none;
-webkit-transition: 0.3s ease-out;}
div.right-content a.grey:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:10px; /* controls horizontal position */
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#CCC transparent; /* greyuce the damage in FF3.0 */
width:0;}
div.right-content a.grey span {
vertical-align: top;
text-align: center;
color: #333 !important;
position:absolute;
width: 50px;
height: 100%;
margin: -10px 0px 0px -60px;
background-color: #CCC;}
/* THIS IS THE STYLE FOR A BLUE TEXT BUBBLE */
div.right-content a.blue {
position:relative;
padding:10px 10px 10px 60px;
margin: 0px 0px 30px 0px;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.4em;
text-decoration: none;
line-height: 1em;
color:#FFF !important;
background:#333;
width: 155px;
display: block;
white-space: normal !important;
-webkit-transition: 0.3s ease-out;}
div.right-content a.blue:hover {
background-color: #000;
text-decoration:none;
-webkit-transition: 0.3s ease-out;}
div.right-content a.blue:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:10px; /* controls horizontal position */
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#009cff transparent; /* blueuce the damage in FF3.0 */
width:0;}
div.right-content a.blue span {
vertical-align: top;
text-align: center;
color: #333 !important;
position:absolute;
width: 50px;
height: 100%;
margin: -10px 0px 0px -60px;
background-color: #009cff;}
/* THIS IS THE STYLE FOR A RED TEXT BUBBLE */
div.right-content a.red {
position:relative;
padding:10px 10px 10px 60px;
margin: 0px 0px 30px 0px;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.4em;
text-decoration: none;
line-height: 1em;
color:#FFF !important;
background:#333;
width: 155px;
display: block;
white-space: normal !important;
-webkit-transition: 0.3s ease-out;}
div.right-content a.red:hover {
background-color: #000;
text-decoration:none;
-webkit-transition: 0.3s ease-out;}
div.right-content a.red:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:10px; /* controls horizontal position */
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#c02424 transparent; /* reduce the damage in FF3.0 */
width:0;}
div.right-content a.red span {
vertical-align: top;
text-align: center;
color: #333 !important;
position:absolute;
width: 50px;
height: 100%;
margin: -10px 0px 0px -60px;
background-color: #c02424;}
/* THIS IS THE STYLE FOR A GREEN TEXT BUBBLE */
div.right-content a.green {
position:relative;
padding:10px 10px 10px 60px;
margin: 0px 0px 30px 0px;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.4em;
text-decoration: none;
line-height: 1em;
color:#FFF !important;
background:#333;
width: 155px;
display: block;
white-space: normal !important;
-webkit-transition: 0.3s ease-out;}
div.right-content a.green:hover {
background-color: #000;
text-decoration:none;
-webkit-transition: 0.3s ease-out;}
div.right-content a.green:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:10px; /* controls horizontal position */
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#00bf04 transparent; /* reduce the damage in FF3.0 */
width:0;}
div.right-content a.green span {
vertical-align: top;
text-align: center;
color: #333 !important;
position:absolute;
width: 50px;
height: 100%;
margin: -10px 0px 0px -60px;
background-color: #00bf04;}
/* THIS IS THE STYLE FOR A YELLOW TEXT BUBBLE */
div.right-content a.yellow {
position:relative;
padding:10px 10px 10px 60px;
margin: 0px 0px 30px 0px;
font-family: Rockwell W01, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.4em;
text-decoration: none;
line-height: 1em;
color:#FFF !important;
background:#333;
width: 155px;
display: block;
white-space: normal !important;
-webkit-transition: 0.3s ease-out;}
div.right-content a.yellow:hover {
background-color: #000;
text-decoration:none;
-webkit-transition: 0.3s ease-out;}
div.right-content a.yellow:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:10px; /* controls horizontal position */
border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#FC0 transparent; /* reduce the damage in FF3.0 */
width:0;}
div.right-content a.yellow span {
vertical-align: top;
text-align: center;
color: #333 !important;
position:absolute;
width: 50px;
height: 100%;
margin: -10px 0px 0px -60px;
background-color: #FC0;}
div.right-content a span { line-height: 1.3em; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-size: 1.75em; }
#container {
margin: 0 auto;
width:930px;
background:#fff;
}
#logo {
background:transparent url("/__data/assets/image/0010/295453/griffith-master.png?v=1.11") 0px 0 no-repeat;
height:83px;
}
/* clearfix */
.clearfix:after, .row:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, .row {
display:inline-block;
}
/*Those two .clearfix have to be separate !)*/
.clearfix, .row {
display:block;
}
/* General Layout styles */
.col {
float:left;
position:relative;
margin-right:10px;
margin-bottom:10px;}
.right-area.col{margin-right:0;}
/* 20-column grid */
.gu1 {
width: 37px!important;
}
.gu2 {
width: 84px!important;
}
.gu3 {
width: 131px!important;
}
.gu4 {
width: 178px!important;
}
.gu5 {
width: 225px!important;
}
.gu6 {
width: 272px!important;
}
.gu7 {
width: 319px!important;
}
.gu8 {
width: 366px!important;
}
.gu9 {
width: 413px!important;
}
.gu10 {
width: 460px!important;
}
.gu11 {
width: 507px!important;
}
.gu12 {
width: 554px!important;
}
.gu13 {
width: 601px;
}
.gu14 {
width: 648px;
}
.gu15 {
width: 695px;
}
.gu16 {
width: 742px;
}
.gu17 {
width: 789px;
}
.gu18 {
width: 836px;
}
.gu19 {
width: 883px;
}
.gu20 {
width: 930px;
}
.gu1 .row {
width: 47px;
}
.gu2 .row {
width: 94px;
}
.gu3 .row {
width: 141px;
}
.gu4 .row {
width: 188px;
}
.gu5 .row {
width: 235px;
}
.gu6 .row {
width: 282px;
}
.gu7 .row {
width: 329px;
}
.gu8 .row {
width: 376px;
}
.gu9 .row {
width: 423px;
}
.gu10 .row {
width: 470px;
}
.gu11 .row {
width: 517px;
}
.gu12 .row {
width: 564px;
}
.gu13 .row {
width: 611px;
}
.gu14 .row {
width: 658px;
}
.gu15 .row {
width: 705px;
}
.gu16 .row {
width: 752px;
}
.gu17 .row {
width: 799px;
}
.gu18 .row {
width: 846px;
}
.gu19 .row {
width: 893px;
}
.gu20 .row {
width: 930px;}
.row {
width:930px;
position:relative;
margin-left:0px;
margin-bottom:10px;
}
#searchbox {
width:930px !important;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1025px)
{}
/* Tablet Landscape size */
@media only screen
and (max-width : 1024px)
{}
/* Tablet (portrait) ----------- */
@media only screen
and (max-width : 992px)
{}
/* GEN 9.5 Update Ipad only ------------*/
@media only screen
and (-webkit-animation)
and (device-width: 768px)
and (orientation: portrait) {
header .slab > .inner {
width:930px;
}
footer .slab.primary {
width:950px;
}
.desktop-view #container {
margin: 0 10px
}
}
/* Mobile (wide/landscape) ----------- */
@media only screen
and (min-width: 480px)
and (max-width: 768px),
only screen
and (min-device-width: 480px)
and (max-device-width: 768px)
{}
/* Mobile (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 479px),
only screen
and (min-width : 320px)
and (max-width : 479px)
{}
/* VIDEO PLAYER */
/*
Theme Name: MACCACO
Theme URI: http://www.projekktor.com/downloads
Description: this theme is a screenr clone
Version: 0.9
Author: Michel Maillard
Author URI: http://www.porkhead.org
*/
.projekktor {
background-color:#000;
font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
text-align:center;
text-transform:uppercase;
text-shadow: 0 1px 1px #0c0c0c;
padding:0;
margin:0;
display:block;
position: relative;
overflow: hidden;}
.pptestcard {
background: url("noise.gif") center center repeat;
width: 100%;
height: 100%;
color: #fff;
font-size: 18px;
overflow: hidden;}
.pptestcard p {
background-color: #3b393e;
width: 60%;
margin: auto;
line-height: 25px;
position: relative;
top: 25%;
padding: 10px;
border:5px solid #000;
text-align: center;}
/***************************************
display plugin
***************************************/
.ppdisplay {
position: relative !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;}
.ppdisplay .inactive { display: none;}
.ppstart {
position: absolute;
left: 50%;
bottom: 50%;
margin-left:-45px;
margin-bottom: -38px;
cursor: pointer;
height: 84px;
width: 84px;
display: block;
padding: 0px;
background: url("/__data/assets/image/0004/463963/start.png") no-repeat left top transparent;}
.ppstart:hover {background: url("/__data/assets/image/0004/463963/start.png") no-repeat left bottom transparent;}
.ppstart:active {background: url("/__data/assets/image/0004/463963/start.png") no-repeat left -169px transparent;}
.ppbuffering {
position: absolute;
left: 50%;
bottom: 50%;
margin-left:-45px;
margin-bottom: -38px;
display: block;
z-index:9010;
padding: 0px;
background: url("buffering.gif") no-repeat center center #000;
height: 84px;
width: 84px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
display: none;}
/***************************************
controlbar plugin
***************************************/
.ppcontrols {
position: absolute;
bottom: 0;
right:0;
display: block;
overflow: hidden;
width: 100%;
height: 36px;
background: url("player.png") repeat-x scroll 0 0 #0f0e0e;
border-style:solid;
border-color:#413e3e;
border-width:1px 0;
padding: 0;
margin:0;}
.ppcontrols .inactive,
.ppcontrols.inactive {
display: none;}
.ppcontrols ul {
list-style-type: none;}
.ppcontrols ul.left {
position: absolute;
top: 0;
left: 0;
padding: 0;
margin:0;}
.ppcontrols ul.right {
background: url("player.png") repeat-x scroll 0 0 #0f0e0e;
position: absolute;
top: 0;
right: 0;
padding: 0;
margin:0;}
.ppcontrols ul.bottom {
position: relative;
top: 31px;
left: 0;
padding: 0;
margin:0;}
.ppcontrols ul.left li {
float: left;
position: relative;}
.ppcontrols ul.right li {
float: right;
position: relative;}
.pptitle {
padding: 0 10px;
color: #fff;
overflow: hidden;
text-align: left;
line-height: 30px;
height:30px;
border-left:1px solid #413e3e;
font-size:11px;
cursor: pointer;}
/* PLAY / PAUSE - left */
.ppplay,
.pppause {
background: url("maccaco.png") no-repeat left top transparent;
width: 30px;
height: 30px;
cursor: pointer;
border-right: 1px solid #000;}
.ppplay:hover {
background: url("maccaco.png") no-repeat left -35px transparent;}
.ppplay:active {
background: url("maccaco.png") no-repeat left -36px transparent;}
.pppause {
background: url("maccaco.png") no-repeat left -70px transparent;}
.pppause:hover {
background: url("maccaco.png") no-repeat left -105px transparent;}
.pppause:active {
background: url("maccaco.png") no-repeat left -106px transparent;}
/* Enter / Exit Fullscreen - right */
.projekktor.audio .ppfsenter,
.projekktor.audio .ppfsexit {
display: none;}
.ppfsenter,
.ppfsexit {
width: 30px;
height: 30px;
background: url("maccaco.png") no-repeat right top transparent;
cursor: pointer;
border-left: 1px solid #413e3e;}
.ppfsenter:hover {background: url("maccaco.png") no-repeat right -35px transparent;}
.ppfsenter:active {background: url("maccaco.png") no-repeat right -36px transparent;}
.ppfsexit {background: url("maccaco.png") no-repeat right -70px transparent;}
.ppfsexit:hover {background: url("maccaco.png") no-repeat right -105px transparent;}
.ppfsexit:active {background: url("maccaco.png") no-repeat right -106px transparent;}
/* Unmute / Max volume - right */
.ppvmax {
width: 30px;
height: 30px;
border-right: 1px solid #000;
border-left:none;
background: url("maccaco.png") no-repeat -842px top transparent;}
.ppvmax:hover {background: url("maccaco.png") no-repeat -842px -35px transparent;}
.ppvmax:active {background: url("maccaco.png") no-repeat -842px -36px transparent;}
/* Mute / Min volume - right */
.ppmute {
width: 29px;
height: 30px;
border-left:1px solid #413e3e;
background: url("maccaco.png") no-repeat -750px top transparent;}
.ppmute:hover {background: url("maccaco.png") no-repeat -750px -35px transparent;}
.ppmute:active {background: url("maccaco.png") no-repeat -750px -36px transparent;}
/* volume slider - right */
.ppvslider {
margin: 13px 5px;
height: 16px;
width: 60px;
background: url("maccaco.png") no-repeat -781px -13px transparent;}
.ppvmarker {
position: relative;
right:0;
left: 0;
height: 6px;
width: 100%;
background: url("maccaco.png") no-repeat -634px -13px transparent;}
.ppvknob {
cursor: pointer;
z-index: 201;
position: relative;
background: url("maccaco.png") no-repeat -699px -5px transparent;
top:-13px;
left:0;
width: 6px;
height: 20px;}
/* time / time left */
.pptimeleft {
color: #fff;
width: 130px;
line-height: 30px;
height: 30px;
border-left: 1px solid #413e3e;
border-right: 1px solid #000;
overflow: hidden;}
/* previous / next item */
.ppnext,
.ppprev {
display:block;
background: url("maccaco.png") no-repeat -59px top transparent;
width: 30px;
height: 30px;
cursor: pointer;
border-left:1px solid #413e3e;
border-right:1px solid #000;}
.ppnext { border-right:none;}
.ppnext:hover {background: url("maccaco.png") no-repeat -59px -35px transparent;}
.ppnext:active {background: url("maccaco.png") no-repeat -59px -36px transparent;}
.ppprev {background: url("maccaco.png") no-repeat -32px top transparent;}
.ppprev:hover {background: url("maccaco.png") no-repeat -32px -35px transparent;}
.ppprev:active {background: url("maccaco.png") no-repeat -32px -36px transparent;}
/* Scrubber, Playhead and fluff */
.ppscrubber {
position: absolute;
height: 5px;
width: 100%;
background: url("maccaco-load.gif") repeat-x left top transparent;
margin: 0;
padding: 0;
border-bottom: 1px solid #000;}
.audio .ppscrubber {background: url("maccaco-load-static.png") repeat-x left top transparent;}
.ppscrubberdrag {
cursor: pointer;
z-index: 302;
position: absolute;
background-color: transparent;
top:0;
left:0;
height: 5px;
width: 100%;}
.ppplayhead, .pploaded {
position: relative;
display: block;
left: 0;
bottom: 0;
height: 5px;
width: 1px;
background-color:#fff;
cursor: pointer;
z-index: 301;}
.ppcuepoint {
position: absolute;
height: 5px;
width: 5px;
background-color: yellow;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 302;}
.ppcuepoint:hover {
background-color: red;
cursor: pointer;}
.pploaded {
position: relative;
z-index: 10;
background: rgb(65, 62, 62) ;
opacity: 0.8;
/* ie7 */
filter: alpha(opacity = 80);
/* ie8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.ppplayhead {
margin-top: -5px;}
/*------ calendar module --*/
.view {
width:100%;
padding:0;
position:relative;
overflow: visible;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;}
.boxy .content-box.calendar {max-height:200px;overflow:hidden!important;padding:0;}
table.eventMonth {
display:block;
margin: 0 -2px;}
table.eventMonth caption {
width:100%;
font-size: 1.0em !important;
margin:0 auto;
clear:both;
display:block;
position:relative;
height:26px !important;}
.ie7 table.eventMonth caption {
height:27px !important;}
.ie8 table.eventMonth caption {
height:24px !important;}
table.eventMonth .prevMonth {
position:absolute;
padding-left: 20px;
background-image:url(/__data/assets/image/0010/295453/griffith-master.png);
background-position:-13px -183px;
color: #000 !important;
font-size:1em !important;
line-height:1.3;
height:20px;
width:70px;
text-align:left;
top: 5px;
left:5px;
text-decoration:none;
text-shadow:0 -2px 2px #FFF;}
table.eventMonth .nextMonth {
position:absolute;
padding-right: 20px;
background-image:url(/__data/assets/image/0010/295453/griffith-master.png);
background-position:-26px -183px;
color: #000 !important;
height:20px;
width: 70px;
text-align:right;
top: 5px;
right:5px;
text-decoration:none;
text-shadow:0 -2px 2px #FFF;
font-size:1em !important;
line-height:1.3;}
table.eventMonth caption strong {
display: block;
position:absolute;
top: -2px;
left: 65px;
width: 180px;
text-align: center;
font-size:16px;
font-family: Rockwell W01;
font-weight:normal;
color:#c02424;
text-shadow:0 -2px 2px #FFF;}
table.eventMonth tr {
height: 29px !important;
border-bottom:0!important;}
table.eventMonth th, table.eventMonth td {
padding:0;
text-align:center;
width: 45px;
margin:0;
background: none;
border:none;}
table.eventMonth td {
border-left:1px solid #d6d6d6 !important;
border-right:1px solid #d6d6d6 !important;
font-size:0.85em;}
table.eventMonth th {
border:1px solid #d6d6d6!important;
border-bottom:0!important;
color: #828282;
font-size:16px;
line-height:1.6;
font-family: Rockwell W01;
font-weight:normal;
padding-bottom:0.2em;
margin-bottom:10px;
height: 25px;}
table.eventMonth tr:nth-child(2) {
padding-top:10px;}
table.eventMonth tr:nth-child(2n+1) {
background-color: #FFFFFF !important;}
table.eventMonth tr:hover, table.eventMonth tr:hover td {
background-color: transparent !important;}
table.eventMonth .empty, table.eventMonth tr:hover td.empty {
color: #aaaaaa;}
table.eventMonth .vevent .url {
text-decoration: none !important;}
table.eventMonth .keydate a {
background: #ffcc66;
color:#000 !important;
padding: 0.2em 0.4em;
width:20px;
text-decoration:none;
display:block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #fff;}
table.eventMonth a, table.eventMonth a:hover, table.eventMonth a:visited {
margin:0 auto;
cursor: pointer;
text-decoration:none !important;}
table.eventMonth .event a {
background: #FC6;
color:#000 !important;
padding: 0.2em 0.4em; width:20px;
text-decoration:none;
display:block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #fff;}
table.eventMonth .workshop a {
background: #1699C6;
color:#ffffff !important;
padding: 0.2em 0.4em;
width:20px;
text-decoration:none;
display:block;
border:1px solid #fff;
height:16px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
table.eventMonth .training-workshop a {
background: #1699C6;
color:#ffffff !important;
padding: 0.2em 0.4em;
width:20px;
text-decoration:none;
display:block;
border:1px solid #fff;
height:16px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
table.eventMonth .academic-calendar a {
background: #c02424;
color:#ffffff !important;
padding: 0.2em 0.4em;
width:20px;
text-decoration:none;
display:block;
border:1px solid #fff;
height:16px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
table.eventMonth .fair-expo a {}
table.eventMonth .today {
border: 1px solid #00A1E4 !important;
display: block;
margin: 0 auto;
padding: 0.2em 0.4em 0;
text-decoration: none;
width: 30px;
border-radius: 4px;}
table.eventMonth .today a {margin-top:-2px;}
.view td div.blog-article,
.view div.showEventDate,
.view #year,
.view #month {display: none;}
/*---KEYS-----*/
.key { display: none;}
#key {
position:absolute;
display:block;
width:302px;
left:-1px;
overflow: hidden;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0 0 15px;
color:#fff;
z-index:50;}
#key .keydate {
background: #c02424;
margin-right: 5px;
padding:0.5em;
width: 10px;
height:2px;
display:block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #fff;}
#key .workshop {
background: #1699C6;
margin-right: 5px;
padding:0.5em;
width: 10px;
height:2px;
display:block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #fff;}
#key .event {
background: #fc6 !important;
margin-right:5px;
padding:0.5em;
width: 10px;
height:2px;
display:block;
padding: 0.5em !important;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #fff;}
#key .today {
background: #fff;
border:1px solid #00a1e4;
margin-right:5px;
padding:0.5em;
width: 10px;
height:2px;
display:block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#key span {
float:left;
margin-right: 15px;
font-size:0.8em;}
#key span.dblline {
float:left;
margin-right: 15px;
font-size:0.8em;
margin-top:-5px;
line-height:10px;}
/*---Tiptip Styling --*/
#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 999999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 8px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: #333;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width:220px;
text-align:left;
padding:0.5em;
font-size:120%;
line-height: 1.2em;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -12px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -12px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}
#tiptip_holder .cclose {
background: url(/__data/assets/image/0007/265327/cclose.png) top right no-repeat;
outline:none;
height: 20px;
width: 20px;
display: block;
position:absolute;
top:-10px;
right:-5px;
text-indent:-9999px;
overflow: hidden;
padding: 0;
margin:0;
cursor: pointer;}
#tiptip_content .showEventDate {width:220px;font-family:Rockwell W01; font-weight:normal; }
#tiptip_content .vevent h3 {font-size:0.9em; line-height: 1em; margin-bottom:0.2em;font-family:Rockwell W01; font-weight:normal; }
#tiptip_content a {color:#fff}
#tiptip_content .vevent {padding:0.5em;font-size:1.0em;background:#1d1d1d}
#tiptip_content .vevent p {padding-top:0.3em;font-size:0.80em; line-height: 1.1em; width: 200px;font-family:Arial, Helvetica, sans-serif }
#tiptip_content .vevent:hover,
#tiptip_content .vevent:nth-child(2n+1):hover {background:#c02424;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#tiptip_content .vevent:nth-child(2n+1) {background:#111111; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-top:1px solid #333; border-bottom:1px solid #222}
#tiptip_content .vevent:hover a {color:#fff; text-decoration:underline}
#tiptip_content a.allday {display:none;margin-left:70px; margin-top:0.5em;font-size:0.85em;}
#tiptip_content .vevent:hover{}
.geo.show {display:none;}
.calendar-loading-box{
position:absolute;
top:38%;
left:38%;
background-color:rgba(0,0,0,.6);
color:rgba(255,255,255,1.0);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
font-family:Rockwell W01,Georgia,"Times New Roman",Times,serif!important;
font-size:14px;
font-weight:normal;
z-index:999999;
display:none;}
/* 9.5 Header/Footer compatibility */
a, a:active, a:visited {color: inherit;}
a:hover {text-decoration: inherit;}
body.disabled {overflow: visible;}
.mobile-menu.overlay {display: initial;}
.overlay * {box-sizing: border-box;}
.search.overlay form button {font-size: 0;}
@media (min-device-width: 32em) and (min-width: 32em) {
footer > .slab > .inner:nth-child(1) {height: 32em!important;}
footer > .slab > .inner:nth-child(2) {height: 4.9em!important;}
} /* /@media */
@media (min-device-width: 48em) and (min-width: 48em) {
.slab > .inner {max-width: 930px !important;}
} /* /@media */
/***** Content project updates *****/
/* NAV TILES */
div.nav-tiles-wrap {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 10px 0 20px 0;
}
div.nav-tiles-wrap div:nth-child(n+1) {
display: inline-block;
width: 215px;
height: 240px;
margin-bottom: 8px;
}
div.nav-tiles-wrap a {
display: block;
float: left;
position: relative;
width: 215px;
margin: 0.5px;
text-decoration: none;
}
div.nav-tiles-wrap a:hover {
text-decoration: none;
}
div.nav-tiles-wrap a:hover span {
background-color: hsla(0, 68%, 40%, 1);
}
div.nav-tiles-wrap a img {
display:block;
width: 215px;
height: 240px;
}
div.nav-tiles-wrap a span {
width: 215px;
background: hsla(0, 68%, 45%, 1);
bottom: 0;
text-align: center;
color: #fff;
display: block;
padding: 10px 0;
position: absolute;
line-height: 1.5em;
}
/*** CTA BUTTON ***/
div a.cta-button {
color: #fff !important;
background-color: #C02424;
text-decoration: none !important;
text-align: center;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
padding: 7px 12px 7px 12px;
border-radius: 2px;
}
div a.cta-button:hover {
background-color: #a61f1f;
text-decoration: none;
}
/* cta-button black */
div a.cta-button.black {
background-color: hsla(198, 0%, 20%, 0.9);
}
div a.cta-button.black:hover {
background-color: #333;
text-decoration: none;
}
div a.cta-button:after {
font-family: "FontAwesome";
content: "\f054";
color: #fff;
margin-left: 5px;
vertical-align: middle;
line-height: 1;
}
/*** SLIMPROMO ***/
div.slimpromo {
background-color: hsla(198, 0%, 20%, 0.9);
align-items: center;
text-align: center;
color: #fff;
margin: 20px 0 20px 0;
justify-content: space-around;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
div.slimpromo div:nth-child(1) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.slimpromo div:nth-child(2) {
padding: 20px;
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
}
div.slimpromo div:nth-child(3) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.slimpromo h2, div.three-column h2, div.two-column h2 {
font-size: 1.5em;
}
div.slimpromo.grey {
background-color: #f8f8f8;
color: #111;
}
div.slimpromo.red {
background-color: #C02424;
color: #fff;
}
div.slimpromo.red div:nth-child(3) a.cta-button {
background-color: hsla(0, 68%, 35%, 1) !important;
}
div.slimpromo.grey div:nth-child(3) a.cta-button {
color: #fff !important;
}
div.slimpromo.red a, div.slimpromo a, div.slimpromo.red a:visited, div.slimpromo a:visited {
color: #fff !important;
}
div.slimpromo.grey a, div.slimpromo.grey a:visited {
color: #C02424 !important;
}
div.slimpromo div:nth-child(3) a.button.black {
background-color: hsla(198, 0%, 20%, 0.9);
}
/* slimpromo in top-content */
div.top-content .slimpromo {
margin: 0;
}
div.top-content .slimpromo h2 {
font-size: 1.308em;
}
div.top-content .slimpromo div:nth-child(n+1){
padding: 10px;
margin: 0;
}
/** BOX IMAGE LEFT, IMAGE RIGHT **/
div.box-imageright {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 20px 0;
width: 100%;
}
div.box-imageright div:nth-child(1) {
width: 400px;
padding: 20px;
background-color: #f8f8f8;
}
div.box-imageright div:nth-child(2) {
height: 300px;
}
div.box-imageright img, div.box-imageleft img {
padding-bottom: 0;
}
div.box-imageleft {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 20px 0;
width: 100%;
height: 300px;
}
div.box-imageleft div:nth-child(1) {
height: 300px;
}
div.box-imageleft div:nth-child(2) {
width: 400px;
padding: 20px;
background-color: #f8f8f8;
}
/*** TWO COLUMN ***/
div.two-column {
background-color: hsla(198, 0%, 20%, 0.9);
align-items: flex-start;
color: #fff;
margin: 20px 0 20px 0;
justify-content: space-around;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
div.two-column div:nth-child(1) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.two-column div:nth-child(2) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.two-column.grey {
background-color: #f8f8f8;
color: #111;
}
div.two-column.grey a, div.two-column.grey a:visited {
color: #C02424 !important;
}
div.two-column.grey a.cta-button {
color: #fff !important;
}
div.two-column.red {
background-color: #C02424;
color: #fff;
}
/*** THREE COLUMN ***/
div.three-column {
background-color: #f8f8f8;
align-items: flex-start;
margin: 20px 0 20px 0;
justify-content: space-around;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
div.three-column div:nth-child(1) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.three-column div:nth-child(2) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
div.three-column div:nth-child(3) {
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
/*** DEFINITION LIST ***/
/* inline */
div.center-area dl.inline {
width: 100%;
}
div.center-area dl.inline dd {
display: inline-block;
width: 60%;
margin-bottom: 20px;
vertical-align: top;
}
div.center-area dl.inline dd:after{
display: block;
}
div.center-area dl.inline dt{
display: inline-block;
width: 35%;
margin: 0 0 20px 0;
vertical-align: top;
}
/* IMAGE CREDIT */
/* banner */
div.top-content span.banner-credit {
background: hsla(198, 0%, 20%, 0.9);
right: 10px;
bottom: 10px;
text-align: right;
color: #fff;
padding: 5px;
display: block;
position: absolute;
}
/* image credit on image right */
div.center-area .image-credit {
overflow: hidden;
margin: 0px;
float: right;
padding-left: 15px;
}
div.center-area .image-credit span {
background: hsla(198, 0%, 20%, 0.9);
color: #fff;
padding: 5px;
display: block;
}
div.center-area .image-credit img {
padding-bottom: 0;
}
/* credit on box-imageleft, box-imageright */
div.box-imageleft div:nth-child(1) span, div.box-imageright div:nth-child(2) span {
background: hsla(198, 0%, 20%, 0.9);
color: #fff;
padding: 5px;
display: inline-block;
position: absolute;
margin-top: -41px;
}
div.full-width {
width: 100%;
}
div.center-area .float-right {
float: right;
padding: 0 0 20px 20px;
}
/* notice text above banner */
div.top-content .notice {
color: #fff;
background-color: #444;
padding: 5px;
text-align: center;
font-style: italic;
}
/*** MEDIA QUERIES ***/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px) {
div.box-imageleft, div.box-imageright, div.three-column, div.two-column, div.slimpromo {
flex-direction: column;
-webkit-flex-direction: column;
width: 100%;
height: 100%
}
div.box-imageright div:nth-child(1), div.box-imageright div:nth-child(2), div.box-imageleft div:nth-child(1), div.box-imageleft div:nth-child(2) {
width: auto;
height: auto;
}
div.box-imageright img, div.box-imageleft img {
display: block;
}
div.center-area th {
line-height: 1.5em;
}
div.nav-tiles-wrap {
width: 100%;
}
div.top-content span.banner-credit {
background: hsla(198, 0%, 20%, 0.9);
color: #fff;
text-align: left;
padding: 5px;
margin-top: -4px;
position: static;
margin-bottom: 10px;
}
div.image-credit {
float: none;
padding: 10px 0 10px 0;
display: inline-block;
}
div.image-credit span {
color: #fff;
background: hsla(198, 0%, 20%, 0.9);
padding: 5px;
display: block;
margin-top: -4px;
position: static;
}
div.box-imageleft div:nth-child(1) span, div.box-imageright div:nth-child(2) span {
color: #fff;
background: #444;
padding: 5px;
margin-top: 0px;
position: static;
margin-bottom: 10px;
}
div a.cta-button {
background-color: #C02424 !important;
color: #fff !important;
padding: 10px !important;
margin-bottom: 10px !important;
text-decoration: none;
}
div a.cta-button.black {
background-color: hsla(198, 0%, 20%, 0.9) !important;
text-align: center;
color: #fff;
}
div.top-content .slimpromo {
margin: 0 0 20px 0;
}
div.slimpromo a {
color: #fff !important;
}
div.center-area dl.inline dt {
width: 95%;
}
div.center-area dl.inline dd {
margin: -20px 0 10px 0;
width: 95%;
}
}