html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display:block}
audio,canvas,video {display:inline-block}
audio:not([controls]) {display:none;height:0}
[hidden] {display:none}
html {font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#fff;color:#333;overflow-y:scroll}
a:focus {outline:thin dotted}
a:active,a:hover {outline:0}
h1 {font-size:2em}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:bold}
dfn {font-style:italic}
mark {background:#ff0;color:#000}
code,kbd,pre,samp {font-family:monospace,serif;font-size:1em}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquotes,q {quotes:"\201C" "\201D" "\2018" "\2019"}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
img {border:0;vertical-align:middle}
svg:not(:root) {overflow:hidden}
figure {margin:0}
legend {border:0;padding:0}
button,input,select,textarea {font-family:inherit;font-size:100%;margin:0}
button,input {line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;padding-top:5px}
button[disabled],html input[disabled] {cursor:default}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
textarea {overflow:auto;vertical-align:top;resize:vertical}
table {border-collapse:collapse;border-spacing:0}
caption,th,td {text-align:left;font-weight:normal}
table,td,th {vertical-align:middle}
body {font:16px/1.5 Georgia,Helvetica,sans-serif;color:#333}
body.casual {font:12px/1.5 "lucida grande","lucida sans unicode",sans-serif}
p {margin:0 0 1em 0}
p.first:first-letter {float:left;font-family:Palatino,'Palatino Linotype',Georgia,sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:.05em .1em 0 0}
img.left {float:left;margin:.3em .833em .833em 0}
img.right {float:right;margin:.3em 0 .833em .833em}
img.polaroid {background:white;padding:4px 4px 16px 4px;box-shadow:2px 2px 5px rgba(0,0,0,.3)}
h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#333}
h1 {font-size:2.2em;margin-bottom:.682em}
h2 {font-size:1.9em;margin-bottom:.79em}
h3 {font-size:1.7em;margin-bottom:.882em}
h4 {font-size:1.4em;margin-bottom:1.071em}
h5,h6 {font-size:1.3em;margin-bottom:1.154em}
li ul,li ol {margin:0 1.5em}
ul,ol {margin:0 1.5em 1.5em 1.5em}
dl {margin:0 0 1.5em 0}
dl dt {font-weight:bold}
dl dd {margin-left:1.5em}
a {color:#035292;text-decoration:none}
a:hover {text-decoration:underline}
table {margin-bottom:1.5em;border-collapse:collapse}
th {font-weight:bold}
tr,th,td {margin:0;padding:0 1.5em 0 1em;height:18px}
tfoot {font-style:italic}
caption {text-align:center;font-family:Georgia,serif}
abbr,acronym {border-bottom:1px dotted #000}
address {margin-top:1.5em;font-style:italic}
del {color:#000}
blockquote {padding:1em 1em 1em 1.5em;font-family:baskerville,"palatino linotype",serif;border-left:3px solid gray}
strong {font-weight:bold}
em,dfn {font-style:italic}
dfn {font-weight:bold}
pre,code {margin:1.5em 0;white-space:pre}
pre,code,tt {font:1em monospace;line-height:1.5}
tt {display:block;margin:1.5em 0}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.tc {text-align:center}
.tr {text-align:right}
.tl {text-align:left}
.b {font-weight:bold}
.i {font-style:italic}
.sc {font-variant:small-caps}
.tiltl {transform:rotate(-6deg)}
.tiltr {transform:rotate(6deg)}
.group:after {content:"";display:table;clear:both}
* {-webkit-transition:color .5s ease,background-color .5s ease;transition:color .5s ease,background-color .5s ease}
*,*:before,*:after {box-sizing:border-box}
.mono {font-family:"Courier New",Courier,monospace}
.grid1,.column {width:8.3334%}
.grid2 {width:16.6667%}
.grid3 {width:25%}
.grid4 {width:33.3333333333%}
.grid5 {width:41.6667%}
.grid6 {width:50%}
.grid7 {width:58.3334%}
.grid8 {width:66.6667%}
.grid9 {width:75%}
.grid10 {width:83.3334%}
.grid11 {width:91.6667%}
.grid12 {width:100%}
.column {float:left;padding:0 10px;box-sizing:border-box;min-height:1px}
.row {clear:both}
.row .row {margin:0 -10px}
.fullrow {clear:both;margin:0 10px}
@media(max-width:635px) {.row{width:100%}
.fullrow {clear:both;margin:0}
.column {clear:both;float:none;padding:0;width:100%}
.row .row {margin:0}}







html { background-color: white; }
body { font-size: 16px; color: #181818; font-family: helvetica, arial, sans-serif; line-height: 1.3; }
body .yui-editor-panel { font-size: 0.75em; line-height: 1; }
h1,h2,h3,h4, h5, h6 {margin:0.5em 0 0.25em 0; text-rendering: optimizeLegibility;}
.fgColor { color: #181818; }
body .bgColor { background-color: white; }
body .bgColor2 { background-color: #f1f4f6; }
body .bgColor2Darker { background-color: #e2eff7;}
body .bgColor2HL { background-color: #dddddd;}
body .bgColorStrong { background-color: #475157;}
.fgColor2 { color: #44657f; }
.fgColor3 { color: #b4a281; }
.accent { color: #e74c3c; }
.insetBox { margin: 2em; border: 1px solid #e74c3c; border-radius: 8px; background: #f1f4f6; padding: 1em; }
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box;}
h1 { font-size: 1.875em; color: #e74c3c; line-height: 1; }
h2 { font-size: 1.375em; color: #44657f; line-height: 1.2; }
h3 { font-size: 1.125em; color: #b4a281; font-weight:bold; }
h4 { font-size: 1em; color: #44657f; font-weight:bold;}
h5 { font-size: 0.875em; color: #b4a281; text-rendering: auto;}
h6 { font-size: 0.75em; color: #44657f; text-rendering: auto;}
strong { font-weight:bold; }
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
em {font-style:italic;}
blockquote { margin:1em; }
ul,dl {padding: 0;margin: 1em 0 1em 1.25em;}
ol { padding: 0; margin: 1em 0 1em 2.2em; }
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
table {border-collapse: collapse;}
th,td {border:1px solid #999999;padding:.5em;}
th {font-weight: bold;text-align: center;}
table.v2 { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); border-radius: 6px; background-color: #f1f4f6; }
.v2 thead th { border-top: 0; }
.v2 tbody th { border-left: 0; }
.v2 tbody tr:last-child td,.v2 tbody tr:last-child th { border-bottom: 0; }
.v2 tbody td:last-child { border-right: 0; }
.v2.noColumnHeaders tbody td:first-child { border-left: 0; }
.v2 thead th:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;  border-left: 0; }
.v2 thead th:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;  border-right: 0; }
.v2 tbody tr:last-child th { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.v2 tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.v2 tbody tr:hover { outline: 1px dashed #e74c3c; }
.v2 tr:nth-child(2n+1) { background-color: #e2eff7; }
.v2 thead th {color: white;background-color: #44657f;}
.v2 tbody th {color: #44657f;background-color: inherit;text-align:left;}
.v2 caption {margin:.5em 0;font-size: 1em;text-align:center;color: #44657f;}
p,fieldset,table {margin-bottom:1em;}
hr { border: 0; width: 80%; background-color: #dddddd; height: 1px;  margin: 1.5em auto;}
img { border: 0; }
a, a:link, a:visited, a:active {text-decoration:none;color: #e74c3c;transition: color 300ms ease-in-out;}
a:hover {color: #475157;}
* { transition: color .5s ease, background-color .5s ease }
a image {border: 0}
a:hover image {border: 0}
:focus { outline-color: #44657f; }
input[type=submit],input[type=reset],label,select,.pointer { cursor:pointer; }
input[type=file] { margin: 0.375em; }
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }
.cb { clear: both;}
.group:after,.clearfix:after {  content: "";  display: table;  clear: both;}

#logo { margin: 20px 0 10px 25px; }
#logo a { font-size: 32px; }
.menubar { height: 39px; clear: both; background-color: #181818; }
.menubar a { display: block; float: left; color: white; padding: 9px 20px; font-size: 16px; letter-spacing: .5px; }
.insetImage { border: 1px solid #999999; background-color: #f1f4f6; text-align: center; min-width: 100px; margin: 10px; padding: 4px; color: #181818; }
.insetImage img { width: 120px; }
.insetImage .caption { font-size: 10px; text-align: left; line-height: 12px; width: 120px; margin: 0 auto; }
.tleft { float: left; clear: left; }
.tright { float: right; clear: right; }
.info { background-color: #E6EFC2; color: #264409; border: 2px solid #C6D880; padding: 8px; text-align: center; }
.error { background-color: #FBE3E4; color: #8A1F11; border: 2px solid #FBC2C4; padding: 8px; text-align: center; }
.error h1 { color: #8A1F11; font-size: 20px; }
#waitIndicator { position: fixed; display: none; left: 50%; top: 50%; margin-left: -84px; margin-top: -30px;background-color: rgba(255,255,255,.8); border-radius: 10px; padding: 20px; z-index: 200; border: 1px solid #e74c3c; }
#pagination { text-align: center; clear: all; }
#pagination .yui-pg-current-page { color: purple; border-radius: 4px;}
#pagination a.yui-pg-page { color: white; background-color: #e74c3c; border: 0; border-radius: 4px; text-decoration: none; }
#pagination a { color: #e74c3c; }
.css2 .formButtons { margin: 1em 0 0; }
.css2 .formButtons input { margin: auto 4px; }
.css2 .formField { clear: left; overflow: hidden; border-radius: 6px; margin: 2px; padding: 4px 0; }
.css2 .formField.hasFocus { background: rgba(0,200,0,.2); }
.css2 .formField.hasError { background: rgba(200,0,0,.2); }
.css2 .formLabel, .css2 .formEdit, .css2 .formInfo { float: left; margin: 5px 0 0 0px; float: left; padding-left: 20px; }
.css2 .formLabel { width: 33%; padding-right: 20px; }
.css2 .formEdit { width: 67%; }
.css2 .formEdit.fullwidth { width: 99%; }
.css2 .fieldInfo,.css2 .fieldError, .css2 .fieldMarker { margin: 0; float: left; padding-left: 20px; }
.css2 .fieldMarker { width: 20px; height: 20px; background-size:auto 100%; }
.css2 .fieldMarker.waiting { background: url(gimages/waitInd.gif) no-repeat; }
.css2 .fieldMarker.check { background: url(gimages/check-20.png) no-repeat; }
.css2 .fieldInfo { background:url(fam/information.png) no-repeat; color:#14C134; display: none;  }
.css2 .formField.hasFocus .fieldInfo { display: block; }
.css2 .formField.hasFocus.hasError .fieldInfo { display: none; }
.css2 .formField.hasError .fieldMarker { display: none; }
.css2 .fieldError { background:url(fam/exclamation.png) no-repeat 0 2px; color: #d0584f; min-height: 18px; }
.css2 input[type="text"] { width: 99%;}
.css2 input[type="radio"] { margin: 0 5px;}
.css2 textarea { height:300px; width: 99%;}
.compactForm .css2 .formLabel { width: 100px; padding-right: 8px; }
.formContainer {background-color: transparent;border-radius: 4px;padding:15px;margin: 12px auto;color: #181818;}
.formContainer .formTitle {color:white; font-size: 16pt;}
.formContainer input[type="text"],.formContainer input[type="password"],.formContainer textarea {border: 1px solid transparent;padding: 2px;background-color: white;color: #444444;margin: 1px;border-radius: 4px;position: relative;top: -3px;}
.formContainer input[type="text"]:focus, .formContainer textarea:focus {border: 2px solid transparent;background-color: #fffcdc;margin: 0;}
.formContainer textarea { width: 100%; }
.formContainer .formButtons { clear: left;  text-align: right; overflow: hidden; }
.formContainer .fieldset { margin: 15px 0; clear: left; }
.formContainer .fieldsetFields {background-color: #f0eee7;font-size: 93%;padding: 10px 10px 10px 10px;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
@media (max-width: 635px) {.formContainer { padding: 0; }
.formContainer .fieldsetFields { padding: 10px 0;}
.css2 .formLabel, .css2 .formEdit, .css2 .formInfo { padding-left: 0px; width: 100%; clear: left; }
}

.formContainer .noTitle .fieldsetFields {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.formContainer .fieldsetTitle {background-color: #999999;color: white;font-weight:bold;padding-left:20px;padding-top:7px;font-size: 16px;border-top-left-radius: 4px; border-top-right-radius: 4px;}
#about {line-height:120%;}
#sidebar,sidebar { line-height:1.3; padding: 10px; color: #181818; background-color: #f1f4f6; min-height: 600px; }
#sidebar h1,sidebar h1 { font-size: 20px; color: #181818; border-bottom: 1px solid #181818; padding-bottom: 2px; padding-top:20px; }
#sidebar h2,sidebar h2 { font-size: 16px; color: #181818; }
#aboutMore {cursor: pointer; text-decoration:none; color:#44657f; }
#subinfo a { margin: 5px; }
.blueDialog.animate { transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.blueDialog { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); border-radius: 10px; position: fixed; z-index: 200; background: #f1f4f6; color: #44657f; max-width: 90%; }
.blueDialog .hd { text-align: left; font-size: 23px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom: 1px solid #d0d0d0; padding: 2px 15px;text-shadow: 0px 2px 3px rgba(0,0,0,.3); background: #333; color: white; }
.blueDialog .bd { text-align: left; overflow: hidden; padding: 15px; position: relative;}
.blueDialog .bd.noButtons { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.blueDialog .bd.noTitle { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.blueDialog .ft { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: transparent; }
.blueDialog .wait { background: url(images/waitingFlower.gif); }
.blueDialog .buttons { height: 50px; line-height: 50px; text-align: right; padding-right: 10px; }
.blueDialog .buttons a { margin: 0 6px; cursor: pointer; padding: 4px 8px; font-size: 18px; line-height: 1em; border-radius: 6px; background: #222 url(bbStatic/images/transWB.png) repeat-x; background-size: 1px 100%; border: 0px solid rgba(0,0,0,.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.blueDialog .buttons a.p { color: #f0f0f0; background-color: #2a2; }
.blueDialog .buttons a.n { color: #f0f0f0; background-color: #a22; }
.blueDialog .buttons a:hover { background-image: url(bbStatic/images/transGrad.png); }
.blueDialog .buttons a:active { background-image: url(bbStatic/images/transBW.png); }
.blueDialog .blueDialogClose { cursor: pointer; background: url(bbStatic/images/closeDialog.png); width: 46px;height: 46px; right: -15px; top: -15px; position: absolute; z-index: 210; }
.blueDialogMask { z-index: 90; width: 0; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); }
.blueDialogMask.show { width: 100%; }
.noScroll { overflow: hidden; }
.button {background: #181818 url(bbStatic/images/transWB.png) repeat-x;background-size: 1px 100%;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,.3);color: white;cursor: pointer;display: inline-block;font-weight: bold;line-height: 1;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;margin: 4px;padding: .4em .5em;position: relative; text-align: center;text-decoration: none;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.button:hover { box-shadow: 0 0 5px rgba(255,255,255,.5); }
.button:active { background-image: url(bbStatic/images/black15.png); box-shadow: 0 0 5px rgba(255,255,255,.7); }
.button.posigreen { background-color: #2a2; color: white; }
.button.negared { background-color: #a22; color: white; }
.button.large { font-size: 110%; }
.button.small { font-size: 90%; }
.button.full { width: 100%; margin: 0; }
.blueDialog div.iconDialog { margin: 10px 0 10px 60px; }
.blueDialog .icon {background: #44657f;color: white;height: 1.2em;width: 1.2em;border-radius: 1em;text-align: center;font-weight: bold;font-family: serif;font-size: 32px;box-shadow: 1px 1px 5px rgba(0,0,0,.2);text-shadow: 0px 2px 3px rgba(0, 0, 0, .3);position: absolute;left: 20px;top: 20px;}
.blueDialog .iconWarn { background: #a22; }
.blueDialog .iconQuestion { background: #2a2; }
.displayBox {background-color: #f1f4f6;border-radius: 6px;margin: 5px auto 10px auto;padding: 5px;}
.yui3-calendar { margin: 6px 0; }
.cssanim { animation-duration: 800ms; animation-timing-function: ease-in-out;}
body .fadeIn { animation-name: fadeIn; }
@keyframes fadeIn {from { opacity: 0; }
to { opacity: 1; }
}
body .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {from { opacity: 1; }
to { opacity: 0; } }

#loveComments { position: fixed; z-index: 280; right: 0; top: 160px; width: 26px; height: 27px; background: url('extensions/bluejava/feedback/static/commentsIcon2.png') -26px 0; opacity: .5; cursor: pointer; }
#loveCommentsBox { position: fixed; z-index: 280; top: 160px; right: -400px; width: 400px; background-color: #f0f0f0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
#loveComments.open { right: 400px; }
#loveCommentsBox.open { right: 0; }
#lcin { background-color: #D3EDF4; margin: 10px; padding: 10px 20px; position: relative;  min-height: 200px; color: #666666; }
#lcin img { display: block; margin: auto; margin-bottom: 10px; }
#lcin { font-family: "lucida grande", arial, sans-serif; font-size: 12px; text-align: center; }
#lcfb { width: 90%;  padding: 4px; border-radius: 4px; }
#lcButtons { text-align: center; height: 20px; padding-top: 10px; position: relative; }
#lcButtons input { border: 0; }
#lcform textarea#lcfb,#lcform textarea#lcfb:focus { height: 81px; border: 0px; background-color: white; border: 0; margin: 0; overflow: auto; }
#lcButtons #lcsend { position: absolute; right: -23px; bottom: -16px; }
.alltrans {  -moz-transition: right 1s, top 1s;  -webkit-transition: right 1s, top 1s;   -ms-transition: right 1s, top 1s;   -o-transition: right 1s, top 1s;   transition: right 1s, top 1s; }
@media (max-width: 500px) {#loveComments { top: -124px; }
#loveComments.open { right: 300px; }
#loveCommentsBox { top: 0px; width: 300px; right: -300px; }
#loveCommentsBox img { max-width: 100%; }
}

#magLayout { background-color: #e74c3c; padding: 10px; border-radius: 6px; }
#magLayout h2 { margin: 4px; }
.magLayoutRow { }
.blogBrief { border: 1px solid #dddddd; padding: 6px; border-radius: 6px; background-color: white; margin: 10px;  overflow: hidden;}
.blogBrief h1 { margin: 6px 0 0 0; font-size: 19px; font-weight: normal; }
.blogBrief .featurePhoto { float: left; border: 6px solid #f1f4f6; line-height: 0; margin: 0px 10px 4px 0; border-radius: 6px;  }
.blogBrief .noPicture { width: 120px; height: 120px; background-color: black; opacity: .3;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';filter: alpha(opacity=30); zoom: 1; }
.blogBrief .description {line-height:130%; clear: left; height: 140px; overflow: auto; padding: 10px; }
.blogBrief .continue { text-align: right; }
.catdate .date { color:gray; font-size: 11px; }
.catdate .category { color: #44657f; font-weight: bold; font-variant:small-caps;}
.blogIndex h2 { margin-bottom: 0; }
.blogIndexEntry { margin-bottom: 15px; }
.blogEntry { background-color: transparent; border-radius: 6px; padding: 10px; margin-bottom: 20px; margin-top: 0;}
.blogEntry .content { margin-top: 10px; }
.blogEntry .content div:focus { outline: none; }
.blogEntry img { margin: 4px 10px; max-width: 100%; }
.blogEntry #title { margin-top: 0; color: #1A648C;}
.blogEntry a, .blogEntry a:link, .blogEntry a:visited, .blogEntry a:active {color: #e74c3c; }
#blogIndex a, #blogIndex a:link, #blogIndex a:visited, #blogIndex a:active {color: #e74c3c; }
#editBlog #f1\.title, #addBlog #f1\.title { width: 500px; font-size: 20px; }
div.formField[data-fieldid='f1.content'] .formEdit { width: 100%; clear: left; }
.formField.ckeditor { margin: 0 }
#commentArea { background: transparent; padding: 10px; color: #475157; position: relative; border-radius: 6px; }
.commentBoxContents { position: relative; z-index: 2; }
.commentContainer { position: relative;margin: 0 25px; overflow: hidden;}
.commenter { float: left; width: 110px; }
.commentAvatar { width: 80px; height: 80px; border-radius: 4px; }
.commentName,.commentName a { color: #181818; font-size: 14px; margin-top: 4px; }
.commentDate { font-size: 10px; }
.commentTitle { color: #181818; font-size: 22px; margin-bottom: 10px; }
.commentText { background-color: white; color: #181818; border: 1px solid gray; margin-left: 120px; padding: 18px 15px; border-radius: 4px; white-space: pre-wrap; position: relative; }
.commentText:before {background-color: white;border: 1px solid gray;border-width: 0 0 1px 1px;content: "\00a0";display: block;height: 20px;width: 20px;position: absolute;top: 20px;left: -10px;transform: rotate( 45deg ) skew( 0deg );}
.blogAuthor .commentText:before { background-color: #DBEBF5; }
.commentStatus { font-size: 8px; color: #999999; }
.speechMark { width: 33px; height: 30px; background: url(extensions/bluejava/blog/static/images/commentTriangle_white.png); position: absolute; top: 14px; left: 88px; }
.blogAuthor .speechMark { background-image: url(extensions/bluejava/blog/static/images/commentTriangle_blue.png); left: 89px; }
.blogAuthor .commentText { background-color: #DBEBF5; border: 1px solid #181818; }
.newComment { opacity: .5; }
.bloggerControls { padding: 6px; background: #44657f; border-radius: 6px; float: right; }
#gallery { border: 1px solid ; padding: 10px; overflow: hidden; border-radius: 4px; }
#gallery div { float: left; border: 1px solid gray; width: 120px; height: 90px; text-align: center;padding: 5px; background-color: #475157; margin: 1px; }
#gallery img { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
#galleryPanel { position: fixed; border: 2px solid gray; border-radius: 12px; padding: 10px; background: #f0f0f0;width: 75%; height: 50%; overflow: auto; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
#galleryPanel img { max-height: 120px; max-width: 90px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); margin: 10px; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-gallery span.yui-toolbar-icon {    background-image: url(extensions/bluejava/blog/static/images/camIcon.png);    background-position: 0px 0px;left: 6px; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-HTML span.yui-toolbar-icon {    background-image: url(fam/application_edit.png);    background-position: 0px 0px;left: 6px; }
#yearSelect { margin: 20px 0 0 -20px; }
#yearSelect li { float: left; margin: 0 10px; list-style-type: none; font-size: 20px; }
#yearSelect li a { display: inline-block; }
#yearSelect .selected a { color: white; background-color: #e74c3c; }
#yearSelect li a { color: #e74c3c; padding: 5px; border-radius: 4px; }
#blogIndex img { border: 2px solid #dddddd; border-radius: 4px; }
#addACommentForm #f1\.comment { width: 99%; height: 80px; padding: 6px; }
#addACommentForm #f1\.name { padding-left: 20px; background-image: url(fam/user.png); background-repeat: no-repeat; background-position: 2px 2px; }
#addACommentForm #f1\.email { padding-left: 20px; background-image: url(fam/email.png); background-repeat: no-repeat; background-position:2px 2px; }
#addACommentForm #f1\.url2 { padding-left: 20px; background-image: url(fam/world_link.png); background-repeat: no-repeat; background-position:2px 2px; }
#addACommentForm #url { position: absolute; left: -999px; }
.blogEntry .sig {  background-color: white; border-radius: 6px; border: 1px solid #dddddd; margin-top: 20px; padding: 20px; }
.blogEntry .sig .photo { margin-right: 6px; float: left; position: relative; }
.blogEntry .sig .photo img { border-radius: 6px; }
.blogEntry .sig .profile { width: 80%; overflow: hidden; border-left: 1px solid #dddddd;}
.blogEntry .sig .field { margin-left: 1em; }
.blogEntry .profile .bio { font-size: .85rem; }
.blogEntry .profile .author { font-size: 18px; }
.blogEntry .sig .twitter { font-size: 80%;}
.blogEntry .sig .twitter img { margin: 0 }
img.zoom { position: fixed; z-index: 999; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: zoom-out; }
img.zoomable { cursor: zoom-in; }
img.inviso { visibility: hidden; pointer-events: none; }
blockquote {padding: 1em 1em 1em 1.5em;border-left: 3px solid gray;}
blockquote.quote {font-size: 1.8rem;border-left: 0;font-style: italic;}
.blogButton { background: #eee; padding: 0.5em; border-radius: 4px;display: inline-block; position: relative; line-height: 1.0; }
.tweetthis { font-size: 0.8rem; }
.tweetthis a {padding: 2px 4px;font-size: .9rem;background-color: #CCC;border-radius: 3px;display: inline-block;transform: rotate(12deg);position: absolute;right: -12px;top: -10px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
@media (max-width: 635px) {div.commenter { margin-bottom: 10px; }
div.speechMark { display: none; }
div.commentContainer { margin: 0 5px; }
div.commentText { clear: left; margin-left: 0; }
#addACommentForm .formField .formEdit { width: 100%; } 
}

@font-face {font-family: "opensans";src: url(bbStatic/fonts/OpenSans/OpenSans-Regular-webfont.woff);}
@font-face {font-family: "opensans";src: url(bbStatic/fonts/OpenSans/OpenSans-Bold-webfont.woff);font-weight: bold;}
@font-face {font-family: "opensans";src: url(bbStatic/fonts/OpenSans/OpenSans-Italic-webfont.woff);font-style: italic;}
@font-face {font-family: "mont";src: url(bbStatic/fonts/Montserrat/montserrat-bold-webfont.woff);font-weight: bold;}
@font-face {font-family: "julius";src: url(bbStatic/fonts/Julius_Sans_One/juliussansone-regular-webfont-english.woff);}
body {font-family: opensans, "Helvetica Neue", "Helvetica", Arial;color: #444;text-align: left;line-height: 1.5;width: 100%;font-size: 16px;-webkit-font-smoothing: antialiased;}
h1 {font-size: 1.9rem;font-family: julius;}
h2 {color: #444;font-size: 1.7rem;font-weight: bold;margin: 1em 0;}
h3 {font-size: 1.6rem;color: #4C8DA3;font-weight: normal;padding: 2px .7em;margin-left: -.7em;display: inline-block;}
#hd { border-bottom: 1px solid #c7bfbf; padding: 1em; }
#bd { border: 0px solid blue;   padding-bottom: 40px; }
#ft { border: 0px solid green; color: black; z-index: 10; }
html { background-color: white; }
#doc { background-color: white;}
input { border: 1px solid lightgray; }
#main {padding: 20px 20px;background-color: white; background:url(images/gradient_gold.gif) repeat-x;}
#hero { height:30vw; background-size: 105% auto; background-position:  0px -4vw; position: relative; }
#heroTop { height: 100%; background: url(images/shinkansenTop.jpg); top: 0;  background-size: 105% 100%; background-position:  0px -4vw; position: absolute; width: 100%; }
#heroBase { height: 17vw; background: url(images/shinkansenBaseAlpha2.png);  background-size: 105% auto; position: absolute; top: 13vw; width: 100%; }
#herofg { height: 30vw; background: url(images/shinkansenfg.png); background-size: 105% auto; background-position:  0px -4vw; position: absolute; width: 100%; transition: transform 500ms;}
#hero .tagline { font-size: 2.7vw; color: white; position: absolute; bottom: 3vw; width: 100%; text-align: center; text-shadow: 0 0 10px black; transform: translateX(2500);  line-height: 1.2em; padding: 0 2em; }
.tagline span { white-space: pre; }
.tagline small { color: rgba(255,255,255,.5); font-size: 50%; }
.logo { font-size: 4rem;  }
a.logo,a.logo:link,a.logo:visited,a.logo:active { color: #ddd; }
#logoCont img { width: 250px; max-width: 50%; }
a { color: #4e66aa; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a { color: inherit; }
h2 a { color: inherit; }
h3 a { color: inherit; }
.roles a {padding: 2vw;display: block;text-align: center;color: white;margin: auto;font-family: julius;font-size: 100%;}
.roles a span { white-space: pre; }
.roles .column { padding: 0; }
.roles .icon { float: left; margin: 24px 14px 14px 0; display: none;  }
.roles p { margin: 15px 10%; color:  #444; line-height: 1.8rem; }
.roles > div > div { margin: auto; text-align: justify;  }
.roles  .icon { float: none; text-align: center;  height: 50px; }
#cpl {  background: #5d9fb4; Xbackground: linear-gradient(to bottom,  #90cadd 0%,#67afc7 5%,#5d9fb4 95%,#4a7e8e 100%); }
#cpl:hover {  background: #64ADC4; Xbackground: linear-gradient(to bottom,  #90cadd 0%,#6EBAD4 5%,#65ABC2 95%,#4a7e8e 100%);  }
#sbo { background: #fec547; Xbackground: linear-gradient(to bottom,  #fcd98d 0%,#fec547 5%,#FAC85A 95%,#aa812f 100%); }
#sbo:hover { background: #FAC85A; Xbackground: linear-gradient(to bottom,  #fcd98d 0%,#FCCF6A 5%,#FCCA5B 95%,#aa812f 100%); }
#e { background: #a2cd4d; Xbackground: linear-gradient(to bottom,  #d4e5b3 0%,#a2cd4d 5%,#98c149 95%,#70912f 100%); }
#e:hover { background: #ABD45B; Xbackground: linear-gradient(to bottom,  #d4e5b3 0%,#ABD45B 5%,#A5C95F 95%,#70912f 100%); }
.roleCorp ul li {list-style-image: url(images/blue_bullets.gif);margin-bottom: 6px;}
#langSwitch { float: right; font-size: 75%; }
.bje { color: #6183BC; }
.roleLeadin { margin-bottom: 10px; }
.roleLeadin h1 { margin: 1em 0; }
.roleLeadin p { text-align: left; }
.roleEntre h1 { color: #a9cd5c; font-size: 28px; }
.roleEntre h2 { color: #a9cd5c; font-size: 20px; }
.roleImg { display: block; float: right; margin: 20px 0px 20px 10px; }
.roleEntre .roleImg { width: 100px; height: 174px; }
.roleFeat { clear: both; background-color: #f2f8db; margin: 0px; margin-bottom: 20px; position: relative; border-radius: 10px; display: flex; align-items: stretch; }
.roleFeat .menu { background-color: #a9cd5c; width: 200px; padding: 0px; font-size: 16px; padding-bottom: 95px; }
.roleFeat .menu .item { margin: 0 0; color: white; font-weight: bold; border-bottom: 1px solid #d3e56f; padding: 15px 10px; cursor: pointer; }
.roleFeat .roleFeatDisplay { padding: 25px; font-size: 92%; flex: 1; }
.roleFeat .roleFeatDisplay p { text-align: left; }
.featm { display: none; background-color: #f2f8db; }
.item:hover { background-color:  #9ab755;}
.item.selected { background-color: #d3e56f; }
#menuSpacer { border-bottom: 1px solid #d3e56f; height: 20px; }
.roleCorp h1 { color: #72b6cb; font-size: 28px; }
.roleCorp h2 { color: #72b6cb; font-size: 20px; }
.roleCorp .menu { background-color: #72b6cb; }
.roleCorp .item.selected { background-color: #b3ddec; }
div.roleCorp .item:hover { background-color: #429fbe;  }
.roleCorp .roleFeat { background-color: #eef9fe; }
.roleCorp .roleFeat { background-color: #eef9fe; }
.roleCorp .featm { background-color: #eef9fe; }
.roleCorp .menu .item { border-bottom: 1px solid #b3ddec;  }
.roleCorp #menuSpacer { border-bottom: 1px solid #b3ddec; }
.roleSBus h1 { color: #fdba40; font-size: 28px; }
.roleSBus h2 { color: #fdba40; font-size: 20px; }
.roleSBus .menu { background-color: #fdba40; }
.roleSBus .item.selected { background-color: #fedd72; }
div.roleSBus .item:hover { background-color: #f29f38; }
.roleSBus .roleFeat { background-color: #fff8d3; }
.roleSBus .featm { background-color: #fff8d3; }
.roleSBus .menu .item { border-bottom: 1px solid #fedd72;  }
.roleSBus #menuSpacer { border-bottom: 1px solid #fedd72; }
.roleSBus .roleImg { width: 220px; height: 301px; }
}
#ourCompanyInfo { padding: 10px 0 20px 0px; font-size: 70%; }
#ourstory { max-width: 1024px; margin: auto; padding: 0 10px; }
#ft { width: 100%; background-color: #444; position: fixed; bottom: 0; left: 0; color: white; padding: 7px; font-size: 75%; }
#ft a { color: white; text-decoration: none;}
#ft a:hover { color: #fedd72 }
.fieldError { color: red; min-height: 1em; }
.getStarted { position: absolute; bottom: 22px; left: 22px; }
.bigger { color: #808080; font-size: 120%; }
.cform { border-radius: 10px; padding: 20px; position: relative; margin-top: 20px;  }
.cform h1 { color: #606060; font-size: 14px; margin-bottom: 4px; }
.cform input, .cform textarea { width: 100%; border: 0; padding: 2px; border-radius: 4px; }
.roleFeat input[type="image"] { float: right; margin-top: 4px; }
.roleCorp .cform { border: 1px solid #72b6cb; }
.roleCorp .roleImg { width: 260px; height: 217px; }
.roleCorp #ferremail {  background-color: #eef9fe; }
.roleSBus .cform { border: 1px solid #fdba40; }
.roleSBus #ferremail {  background-color: #fff8d3; }
.roleEntre .cform { border: 1px solid #a9cd5c; }
.roleEntre #ferremail {  background-color: #f2f8db; }
.insetPage { max-width: 768px; margin: 0 auto; padding: 0 10px; }
.homeContent p { width: 100%; font-size: 17px; color: #505151; margin-bottom: 1em; line-height: 1.6; letter-spacing: 0.2px; }
.homeContent .leadLine { font-size: 1.3rem; color: #ce7464; margin-top: 20px; letter-spacing: 0.9px; font-family: julius;  font-weight: bold;}
.homeContent .q { font-size: 30px; color: #a0a0a0; text-align: right; margin-bottom: 10px; letter-spacing: 1.5px; }
.homeContent.ja p {  }
input#curl { position: fixed; top: -100px; display: none; }
.info { background-color: #E6EFC2; color: #264409; border: 2px solid #C6D880; padding: 8px; text-align: center; }
.error { background-color: #FBE3E4; color: #8A1F11; border: 2px solid #FBC2C4; padding: 8px; text-align: center; }
.blogEntry .formContainer { padding: 0; }
#loginArea { float: right; }
#loginArea input {border: 0;border-radius: 4px;background: gray;color: white;padding: 0 4px;width: 60px;margin-right: 14px;}
.cd1 { width: 180px; float: left; clear: left; margin-left: 12px; }
.cd2 { font-weight: bold; float: left; }
.menu { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#agileDiagram { width: 380px; display: block; max-width: 92%; margin: auto; border-radius: 100px; }
#emailForm { background: #FFF8D3; border-radius: 10px; margin-bottom: 20px; }
#emailForm input[type=image] { margin-left: 20px; }
.cssanim { animation-duration: 800ms; animation-timing-function: ease-in-out;}
body .fadeIn { animation-name: fadeIn; }
@keyframes fadeIn {from { opacity: 0; }
to { opacity: 1; }
}
body .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {from { opacity: 1; }
to { opacity: 0; }
}
.callout {max-width: 240px;float: right;font-size: 1.2rem;margin: 1em;margin-right: 0;padding: 1em;background: #f1f4f6;background: #f1f4f6;border-radius: 5px;font-style: italic;}
.red { color: red; font-size: 120%; }
.blogEntry {font-size: 110%;line-height: 1.7;padding: 0;}
h1.tc { font-size: 40px; margin-top: 1.5em; }
.subscribe .twitter { color: #529FDB; margin-left: 2em; }
.leadin { text-align: center; font-size: 130%;  }
.leadin.sub { font-size: 110%;  padding-top: 30px;}
.subscribe .title { font-size: 110%; padding: 4px; }
.subscribe #email { margin-right: 0; border-radius: 8px 0 0 8px; width: 140px; padding: 2px 10px; }
#emailsub-submit { border-radius: 0 8px 8px 0; padding: 2px 10px; }
.formFerr { color: red; }
.winset { background: white; padding: 10px; border-radius: 10px; }
.blogEntry h1,.blogEntry h2 { font-family: julius; }
.blogEntry h3 { font-family: mont; }
.blogEntry table {width: 100%;}
.blogEntry table tr:nth-of-type(even) {background: rgba(0,0,50,0.05);}
.blogEntry img.brc, .blogEntry video.brc { display: block; margin: 1em auto; border-radius: 10px;  }
video.brc { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.blogEntry .content { margin-top: 30px; max-width: 768px; margin: auto; }
.blogEntry .entryHead { margin: 2em auto; max-width: 768px; }
.blogEntry div[data-script] { margin: 1em 0; }
.tagline { display: inline-block; font-family: julius; }
.tagline div.small { line-height: 20px; color: gray; font-size: 55%; }
.subtagline { font-size: 85%; color: gray; letter-spacing: 1px; margin: 0; font-family: julius; }
.blogEntryFooter > * {max-width: 768px;margin-left: auto;margin-right: auto;}
.blogEntryFooter .sig { border: 0; border-radius: 0; background: #f0eee7; max-width: none; }
.blogEntryFooter .sig > div { max-width: 768px; margin: auto; }
#commentArea {max-width: 768px;margin: auto;}
blockquote p { margin: 0; }
.entryDescription { padding: 1em; background: #f0eee7; margin-bottom: 2em; }
.entryDescription > * { max-width: 768px; margin: auto; }
.entryDescription:before {content: "Summary / tl;dr";font-size: 120%;display: block;color: #6d1a24;font-variant: small-caps;padding: 2px 6px;border-bottom: 1px solid #c0c0c0;margin: 0.5em auto;margin-bottom: .5em;max-width: 768px;}
.formButtons input {border: 0;background: #f0eee7;border-radius: 4px;}
.blogEntry .hljs {box-shadow: inset 0px 0px 4px rgba(0,0,0,.1);background: #F8F5F0;font-size: 0.9rem;line-height: 1.2;tab-size: 4;border-radius: 4px;}
#blogIndex { font-family: julius;   }
#blogIndex h2 { margin: 0; font-size: 1.2rem; font-weight: normal; }
#blogIndex h3 { }
#blogIndex h4 { font-weight: normal; font-weight: 14px; color: gray; margin-top: 0; }
#blogIndex > div { margin: 1em; padding: 1em;}
.dateline { float: left; clear: left; font-size: 1.1rem; width: 3.8em;  text-align: center; margin: 0; margin: 8px 2rem 8px 0;  padding: .8rem; display: none;  }
.dateline .month { font-size: 0.8em; background: #44657f; border-radius: 8px 8px 0 0 ; color: #f0eee7; padding: 2px 0; }
.dateline .day { font-size: 0.6em; background: #f0eee7; border-radius: 0 0 8px 8px; color: #44657f; padding: 2px 0; }
.bloggerControls { float: left; background: none; }
.catdate .date { font-size: 16px; }
.row.noCollapse .column.grid6 { clear: none; float: left; width: 50%; }
.zoomFromRight { animation: zoomFromRight 2s; animation-fill-mode: forwards; }
@keyframes zoomFromRight {from { opacity: 0; }
to { opacity: 1; }
}
.zoomToLeft { animation: zoomToLeft 2s; animation-fill-mode: forwards; }
@keyframes zoomToLeft {from { opacity: 1; }
to { opacity: 0; }
}
@media (max-width: 767px) {.blogEntry .content, .blogEntryFooter > * { margin-left: 10px; margin-right: 10px; }
.blogEntry .entryHead { margin: 2em 10px; }
.blogEntryFooter .sig { margin-left: 0; margin-right: 0; }
.blogEntryFooter .sig .photo { float: none; text-align: center; }
.blogEntryFooter .sig .profile { border-left: 0; border-top: 1px solid #ddd; width: auto; margin: 0.5em; text-align: center;  }
img { max-width: 100%; }
#compIndicator, .roles .icon,.desktopOnly { display: none; }
.newSection { padding-top: 10px; }
#ourCompanyInfo { font-size: 60%; }
.roleTop .roleImg { max-height: 140px; width: auto; margin: 20px; }
.menu { display: none; }
#bd .roleFeat { background: transparent; height: auto; }
.roleFeat .roleFeatDisplay { margin: 0; padding: 0; }
.roleFeat .featm { width: 100%; position: static; display: block; background: transparent; clear: both; height: auto; margin-top: 20px; }
.roleCorp .cform { background-color: #eef9fe;}
.roleSBus .cform { background-color: #fff8d3;}
.roleEntre .cform { background-color: #f2f8db;}
#compList { margin-bottom: 10px; }
.insetPage { padding: 0 16px; }
}
@media (max-width: 635px) {#loginArea { display: none; }
}
@media (max-width: 440px) {h1 { font-size: 1.5rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.3rem; }
#logoCont { text-align: center; }
#ourCompanyInfo { font-size: 50%; }
.cd1 { width: 100px; margin-left: 8px; }
.roleTop .roleImg { float: none; margin: 20px auto;}
h1.tc { font-size: 33px;}
.callout { max-width: 180px; font-size: 1.0rem;margin: 0.8em; }
}
.zoomin {animation: zoomin 300ms forwards ease-in-out;backface-visibility: hidden;transform: translate3d(0, 0, 0);transform-style: preserve-3d;}
@keyframes zoomin {from {opacity: 0;transform: scale(0.9);}
}
.show { display: block; }
body .notification.show { bottom:  42px; }
.formEdit input[type='text'], .formEdit div[contenteditable] { border: 1px dotted #f0f0f0; }
*:focus { outline: none; }
.button {box-shadow: none;background: #f0eee7;color: #181818;text-shadow: none;font-weight: normal;}
.fullwidth { display: block; }
.centered { display: inline-block; margin: 1em auto; }
.articleLink {position: fixed;font-size: 2rem;top: 0;left: 100vw;width: 100vh;background: rgba(0,0,0,0.05);color: gray;transform: rotate(90deg);transform-origin: left top 0;padding: 0 2em;white-space: nowrap;}
.articleLink a, .articleLink a:link,.articleLink a:visited, .articleLink a:active { color: rgba(231, 135, 127, 0.59); }
.prevArticleLink {transform: rotate(270deg);left: 0;top: 100vh;transform-origin: left top 0;}
@media (max-width: 899px) {.articleLink { display: none; }
}

h1 { color:  #6183BC; }
body.blog h1.tc { color: #1A648C; }
body .subtext, body.blog a.subtext, body.blog a.subtext:link, body.blog a.subtext:visited, body.blog a.subtext:active { color: #f0eee7; font-size: 75%;}
.insetBox { border: 0px; }
#addACommentForm .formTitle { color: #181818;}
header a, header a:link, header a:visited, header a:active { color: #e74c3c; }
footer a, footer a:link, footer a:visited, footer a:active { color: white; }
header a:hover, footer a:hover { color: #ff8; text-decoration: none; cursor: pointer; }
#blogFormContainer .fieldsetFields { background: #f0eee7; }
.cke_textarea_inline { background: white; }