/* - ploneCustom.css - */
@media all {
/* https://www.opento.com/portal_css/ploneCustom.css?original=1 */
/* */
/* */
a.next{background-image:none;}
#content ul.formTabs{margin: 20px -20px;}
.plominoFieldClass {
color: #0000FF;
border-style:dashed;
border-width:thin;
}
.plominoActionClass {
color: #880000;
border-style:dashed;
font-size:100%;
border-width:thin;
}
.plominoSubformClass {
color: #C0C0C0;
border-style:dashed;
border-width:thin;
}
.plominoHidewhenClass {
color: #008800;
border-style:dashed;
border-width:thin;
}
.plominoNoWrap {
white-space: nowrap;
}
/* */
table.plominoview {
border-collapse: collapse;
border-spacing: 0;
border-left: 1px solid White;
border-bottom: 1px solid White;
font-size: 90%;
margin: 1em 0em 1em 0em;
}
table.plominoview th {
background: lightgray;
color: black;
border-top: 1px solid White;
border-bottom: 1px solid White;
border-right: 1px solid White;
font-weight: lighter;
padding: 0.25em 0.5em;
}
table.plominoview td {
border-right: 1px solid White;
padding: 0.25em 0.5em;
cursor: pointer;
}
table.plominoview tr:hover {
background: #dddddd;
}
.plominoActive {
cursor: pointer;
}
table.plominoview a {
text-decoration: none;
}
table.plominoview a:hover {
text-decoration: underline;
}
tr.datagrid_row_selected td {
background-color: #B0BED9;
}
/* */
.mceContentBody .plomino-accordion-content, .mceContentBody .plomino-tab-content  {
border: solid 1px #f00;
margin: 3px;
padding: 3%;
}
/* */
.picklist {
margin-top: 5px;
padding: 5px;
border: 1px solid #ccc;
}
/* */
.calendar {
z-index: 1100;
}
#dynamictable a.viewlink {
display: block;
text-decoration: none;
padding-left:3px;
}
.state-private {
color: darkred !important;
border: 0.1em solid darkred !important;
}
div.field.error{background-color:lightcoral;}
/* */
dl.portlet {font-size:95%;}
a:visited, #content a:visited, dl.portlet a:visited, dt.portletHeader a:visited {
}
a:hover, #content a:hover, dl.portlet a:hover {
text-decoration: underline;
color:inherit !important;
}
#content tr.images a, #content tr.images a:link, #content tr.images a:visited {border-bottom:none;}
/* */
/* */
.overlay iframe{
width:981px;
}
#content h1.documentFirstHeading{
padding:15px;
margin-top:40px;
margin-bottom:0px;
letter-spacing:1px;
}
#content #plomino_form h1.documentFirstHeading, #plomino_form .documentByLine{
margin-top:-50px;
margin-bottom:0px;
letter-spacing:1px;
text-align:right;
}
h1 {
font: 150% 'Muli',sans-serif;
color: black;
}
h2 {
font: 200% 'Muli',sans-serif;
color: black;
margin-top:60px;
}
h3, h4 { font-weight:normal;font:130%'Muli',sans-serif;}
h5, h6 { font-weight:normal;font:115%'Muli',sans-serif;padding:5%;display:block}
h4, h6 { background-color:#88f0ff;padding:5%;display:block; }
#content .documentDescription{
font-family:'Muli',sans-serif;
margin:15px 0px;
}
#content .template-login_success .documentDescription{
background:white;
padding:5%;
}
#content div.documentByLine{margin:10px 0px;}
font-style
#portal-column-one, #portal-column-two {
padding: 0px;
}
#portal-siteactions {
margin-top:30px;
}
#portal-globalnav .selected a, #portal-globalnav a:hover, #portal-globalnav .selected a:hover, #portal-globalnav li a {
color:white !important;
font-size: 95%;
background-color: transparent;
border: none;
display: inline;
float: left;
width: 138px;
text-align:center;
margin-top:-5px;
font-weight:bold;
}
#portal-globalnav {
background-color: white;
width: 100%;
margin-left: 218px;
list-style: inline none;
font-size: 100%;
}
#portal-breadcrumbs {
color: gray;
background-color:white;
position:relative;
top:19px;
}
#content-views, #contentActionMenus {
background-color:#A1D6E2;
position:static;
border-radius:0;
}
#content-views li a, #contentActionMenus li a {
background-color:#A1D6E2;
color:white;
border-radius:0;
}
#content-views li a:hover, #contentActionMenus li a:hover {
background-color:#A1D6E2;
border-radius:0;
}
#contentActionMenus dl.actionMenu.activated dd a:hover, #contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {background-color:limegreen !important;}
dl.portletGallery{
position:absolute;
left:-320px;
width:1600px;
}
dl.portlet dt a:link {color:darkgray;}
dd.portletItem.even, dd.portletItem.odd {
background-color:white;
width:inherit;
font-size:85%;
}
dl.portlet dt.portletHeader{
color:black;
background-color:white;
border-bottom:2px solid #424242;
}
#portlets-above {
margin:20px 0px 10px;
clear:both;
width:100%;
}
#portlets-above .portletWrapper {
float:left;
width:100%;
}
#portlets-above .managePortletsAboveLink {
clear:both;
}
#portlets-below {
margin-top:2%;
width:100%;
}
#portlets-below .portletWrapper {
float:left;
width:100%;
}
#portlets-below .managePortletsBelowLink {
clear:both;
}
div.cell .AbovePortletManager2{
left:91%;
width:50%;
}
#voucherCode_datagrid_wrapper .dataTables_wrapper {
clear: both;
position: relative;
margin: 0 0 0 2px;
}
input#buy.context, input#try.context{
-webkit-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
color:white;
background-color:#3FA9F5;
display: inline;
font: bold 17px/1.4 'Muli',sans-serif;
width:90%;
text-align:center;
cursor:pointer;
padding: 5px 12px;
}
.download-button {
-webkit-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
display: inline-block;
font: 18px 'Muli', sans-serif;
padding: 5px 10px;
font-weight:normal;
color:white;
background-color:#3FA9F5;
text-align:center;
cursor:pointer;
margin: 5px 30px;
padding: 5px 12px;
}
#content .download-button a {
color:white;
}
#content .slide .download-button a {
padding:5% 30%;
}
#portal-searchbox {position:absolte;top:40px;right:0px;}
input.searchField {
color:black;
background-color:lightgray;
border:none;
}
#portal-siteactions li a:hover {}
input.searchButton {
background: transparent url(/OpenTo/portal_skins/plone_images/search_icon.png) no-repeat center center;
width:18px;
display:inline;
content:"";
border:none;
color:transparent;
}
#portal-searchbox form {
border: 1px solid darkgray;
padding: 2px;
}
.LSBox {
margin-top:-35px;
display:inline;
}
.LSRow {}
#searchGadget, .LSBox input.searchButton {
background-color: black;
color: white;
}
.LSBox .searchSection {display:none;}
.LSBox input.searchButton {height:14px}
dl.searchResults dt a {font-size: 200%;line-height:3;}
dl.searchResults dd {
font-size: 200%;
line-height: 1.5;
padding: 0px 100px;
text-align: justify;
}
.tileImage{ float:none; margin:auto; display:block; text-align:center;}
#content img.tileImage {display:block;margin:2%;float:right;}
#content .tileItem .tileHeadline, #content .tileItem .tileBody, #content .tileItem p{
display:block;
text-align:justify;
margin:1%;
padding:1%;
width:70%;
}
#content .tileItem .tileHeadline {
-ms-transform: scale(1,1.5);
-webkit-transform: scale(1,1.5);
transform: scale(1,1.5);
}
#content .tileItem .tileBody{
font-size:110%;
}
.blogStamp{font-size:70%;float:right;}
#content .tileItem div.documentByLine{display:none;}
#content .tileItem .tileFooter {float:right;width:20%;text-align:right;}
#content .tileItem .tileFooter a:link{border:none;width:300px;}
#content .tileItem .tileFooter a:hover{font-size:105%;background:white;border:1px solid #F0F0F0;}
#content .tileItem {
background-color:#FAFFFF;
margin:10px;
border:1px solid #F0F0F0;
}
div.blog-comment-box{width:80%;margin:2% 10%;padding:2%;background-color:#FAFFFF;border:1px solid #F0F0F0;}
#tile {
display: inline-block;
position: relative;
width: 215px;
}
dl.portletCumulusPortlet { margin-top:1em; }
#tagcloudflash {
border:none;
width:100%;
}
.homebanner {
font-size:150%;
color:gray;
text-align:center;
line-height:2;
letter-spacing: 1px;
}
.slider-price {
text-align:right;
vertical-align:top;
white-space:nowrap;
font-size:200%;
font-weight:bold;
}
.slider-CTA {
text-align:right;
vertical-align:bottom;
font-size:100%;
}
.slider-title{
color: teal;
font-size:200%;
font-weight:normal;
}
.feedbacktab {
padding: 20px;
width: 250px;
background: #D5D6D2;
border: 1px solid #29216d;
z-index: 99;
}
div.featured-product {
width: 100px;
padding: 0px;
position: fixed;
top: 620px;
left: -40px;
float: left;
z-index: 9;
}
.featuredtab {
width: 450px;
z-index: 99;
height:128px;
color:white;
background-color:#DD4F05;
border:1px solid gray;
}
div#featured-form p {
text-indent:-394px;
padding:10px;
margin:0px;
font-size:125%;
color:white;
}
div#featured-form p a{
color:white;
}
.betasign {
width: 95%;
padding: 15px;
margin-top: -19%;
border: 4px solid black;
background-color: #e0e0d0;
font-size:90%;
}
h3.betagn {
font-family: 'Muli',sans-serif;
font-size: 200%;
font-weight:300;
background-color: blue;
}
dl.portalMessage dd {
font-size: 130%;
font-style:italic;
font-variant: small-caps;
color:white;
background-color:#A29791;
border-style:double;
padding:1px;
margin:0px;
}
.brandstab, .innovationtab, .strategytab{
z-index: 99;
width:170px;
padding: 20px 0px 10px 0px;
background-color:white;
}
.brandstab{
border: 3px solid #DD4F05;
}
.innovationtab{
border: 3px solid #BAC405
}
.strategytab{
border: 3px solid #1F8CAE
}
#content a.link-overlay {
border:none !important;
}
.image-inline.prezi {width:100%;}
div.overlayprezi {
width: 890px;
height: 600px;
}
div.bigiframe iframe{
width: 1300px;
height: 750px;
}
#floating-product {position:absolute; width:30%;}
#floating-landing {position:absolute; width:22%;}
.subHead, .subHead2 {font-weight:bold; font-variant:small-caps;margin:3% 40px 3% 60px;color:#444;}
.subHead2 {font-size: 140%;width:100%;overflow:auto;}
.subHead {font-size: 120%;}
.blogtext {font-size:115%; margin:3% 40px 3% 60px;color:#444;line-height:175%;text-align:left;}
.blogtext b, .blogtext strong{color:#7882AA;font-size:110%;}
.blogtext img.image-inline{float:right;margin:2%;}
#content .bloglist, #content .blogbulleted {
font-size:115%;
display:list-item;
margin-bottom:2%;
margin-left:13%;
margin-right:10%;
}
#content .blogbulletted {
list-style:square;
}
#category a.link-category:hover{background-color:yellow;}
#content div.newsImageContainer {
padding:0%;
display:block;
float:left;
margin:0% 2% 2% 2%%;
text-align:center;
}
#tweetnshare {
border: 3px solid lightgray;
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
width: 60px;
padding: 5px;
position: fixed;
top: 200px;
left: -1px;
background-color: whitesmoke;
float: left;
z-index: -1;
}
.onwhite, #parent-fieldname-text.kssattr-templateId-newsitem_view {
background-color:white;
}
#content p.question, #content p.instruction, #content p.guidance {
margin-bottom:0px;
}
#parent-fieldname-text.kssattr-templateId-newsitem_view {padding:2%;}
#content .question, .q-set-up {
font-size:100%;
line-height:1.20;
font-weight:bold;
}
#content p.q-set-up, #content p.q-elaboration {
background:white;
color:black;
padding: 7px 5px;
display: block;
margin: 0px;
float: none;
}
.question:before{content: url('/OpenTo/Public/Visuals/speech-bubble/image_icon');margin-right:10px;}
.question, .instruction, .guidance {
background-color:white;
padding:10px;
margin:0px 10px;
}
.instruction {
color:black;
line-height:1.3;
font-size:90%;
}
.instruction:before{content:url('/OpenTo/Public/Visuals/thought-icon/image_icon');margin-right:10px;}
.guidance {
font-size:90%;
}
.guidance:before{content:url('/OpenTo/Public/Visuals/info/image_icon');margin-right:10px;}
.bio.product img{
position:relative;
left:98%;
}
td.routine-SLIDERS {
width:55%;
}
.routine-SLIDERS2 {
text-align:left;
vertical-align:top;
margin-left:-20%;
}
.routine-SLIDERS4 {
width:100%;
text-align: right;
position: absolute;
bottom: 10%;
right: 0%;
}
.bigbig, .bigsmall {
font-variant:small-caps;
line-height:100%;
color:darkslategray;
padding-right:1%;
}
.bigbig {
font-weight:bold;
font-size:400%;
}
.bigsmall {
font-size:150%;
}
/* */
h3.plomino-accordion-header {
width:100%;
}
table.invisible td.errText{vertical-align:middle;}
.errText {
font-size: 120%;
color: white;
background-color:darkslateblue;
padding:10px 0px;
margin:5px;
}
.openspace-link {
font-size: 110%;
color:darkslategray;
background-image:url(/OpenTo/development/products/products-images/small-brushed.jpg/image_thumb);
padding:10px;
margin:10px;
}
.error {
font-size: 11px;
color: #fff;
background-color: #888;
}
.error p {
margin:15px;
margin-left: 20px;
font-weight: bold;
background-color: #fff;
padding: 2px;
}
/* */
#portal-colophon {
position:static;
font-size: 75%;
text-align: left;
line-height:130%;
background-color:#99c;
color:white;
padding: 15px 20px;
clear:both;
}
#portal-colophon .header{
font-weight:normal;
font-size:165%;
}
#portal-colophon table.invisible td {
vertical-align:top;
padding:0px 13px;
}
/* */
/* */
#content table.plain {
border-spacing: 0px;
border-collapse: separate;
border: 2px solid white;
color: black;
background-color: transparent;
}
table.plain th {
padding: 2px;
vertical-align: top;
background-color:#7882AA;
color: white;
border: 1px solid white;
font-family:'Muli', sans-serif;
min-width:65px;
text-align:center;
font-weight:lighter;
}
table.plain td {
padding: 2px;
vertical-align: top;
background-color:white;
border: 1px solid #7882AA;
}
table.sorto {
width:100%;
left:0%;
}
/* */
table.listing {
border-spacing: 0;
border-collapse: collapse;
}
table.invisible td, table.invisible th,
table.listing td,   table.listing th {
padding: 0%;
vertical-align: top;
}
/* */
td.table-col1-2  {width:2%;}
td.table-col1-33 {width:33.33%;}
td.table-col1-30 {width:30%;}
td.table-col1-40 {width:40%;}
td.table-col1-50 {width:50%;}
td.table-col1-60 {width:60%;}
td.table-col1-70 {width:70%;}
th.table-col1-33 {width:33.33%;}
th.table-col1-30 {width:30%;}
th.table-col1-40 {width:40%;}
th.table-col1-50 {width:50%;}
th.table-col1-60 {width:60%;}
th.table-col1-70 {width:70%;}
table.listing td.listingCheckbox, table.listing th.listingCheckbox {
text-align: center;
}
table.listing {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
table.listing .top {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table.listing th {
text-align: left;
color: #666;
border: 0.1em solid #e7e7e7;
border-style: solid solid none;
background: #ddd;
}
table.listing tr.odd th {
border: 0.1em solid #fff;
border-style: solid solid none solid;
}
table.listing tbody th {
font-weight: bold;
}
table.listing tbody tr {
text-align:left;
}
table.listing tbody tr.odd {
background: #fff;
}
table.listing tbody tr td {
background: transparent;
}
table.listing tbody tr.odd td {
background: #fff;
}
table.listing td {
border-right: 1px solid #ddd;
}
table.listing a {
border: none;
display: inline-block;
border-bottom: none !important;
}
table.listing td.draggable {
text-shadow: White 1px 1px 1px;
background: #ddd !important;
border-bottom: 1px solid white;
padding: 0.4em 0.4em 0 0.5em;
}
/* */
table.vertical {
}
table.vertical th {
text-align: right;
}
table.vertical td {
border-top: 0.1em solid #e7e7e7;
padding: 0.5em;
}
/* */
table.grid {
border-spacing: 2px;
border-collapse: separate;
border: 2px solid white;
color: black;
background-color: #d5d6d2;
width: 100%;
min-height: 30px;
}
table.grid td, table.grid th {
border: 1px solid #e7e7e7;
padding: 4px;
vertical-align: middle;
margin: 0px;
text-align: center;
}
table.grid th {
border: 2px solid darkslategray;
}
.dragindicator {
outline: 2px solid #FFD700;
}
#foldercontents-order-column {
padding: 0;
}
div.listingBar {
font-size: 80%;
position:relative;
top:-5px;
}
div.listingBar .next {
float: right;
}
div.listingBar .previous {
float:left;
}
div.listingBar a:hover {
background-color: #FAFFFF;
border-color: lightaliceblue;
}
.section-development #content #plomino_form {height:2400px;}
#tabsL1 {
float:left;
}
#tabsL1.ui-widget{
display:block;
float:none;
border:none;
margin:80px 0 0 0;
padding:1px;
}
#top-level-left-tabs{
float:left;
margin:0;
}
#tabsL1 ul, #tabsL1 .tabsL2 ul {
display:block;
list-style-type:none;
width:99.8%;
padding:1px 1px 5px 1px;
height:60px;
border:none;
background:transparent;
}
#tabsL1 .tabsL2 ul {
}
#tabsL1 .tabsL2 .ui-widget {
}
#tabsL1 .tabsL2 .ui-tabs-nav li {
}
#tabsL1 .ui-tabs-nav li {
white-space:normal;
overflow:hidden;
padding:1px;
height:inherit;
background-color:#eeeeff;
border-right:0px solid black;
border-left:6px solid black;
border-radius:0px 30px 0px 0px;
margin-right:0px;
width:13%;
}
#tabsL1 .ui-tabs-nav li invalid,#tabsL1 .ui-tabs-nav li invalid a{
}
#tabsL1 .ui-tabs-nav li invalid {
}
#tabsL1 .ui-tabs-nav li valid,#tabsL1 .ui-tabs-nav li valid a{
}
#tabsL1 .ui-tabs-nav li valid {
}
#tabsL1 .ui-tabs-nav li.ui-tabs-selected a {
background:white;
font-weight:900;
text-shadow:white 3px 3px 5px;
}
#tabsL1 .ui-tabs-nav li.ui-tabs-selected {
height:inherit;
color:#eeeeff;
z-index:99;
background:white;
border:1px solid #888;
padding:0px 0px 4px 0px;
border-left:6px solid #888;
}
#tabsL1 div.tabsL2 .ui-tabs-nav li.ui-tabs-selected {
}
#tabsL1 .ui-tabs-nav li a {
font-size:90%;
color:black;
height:inherit;
line-height:1.2;
white-space:normal;
word-wrap:break-word;
}
#tabsL1 li:hover {
color:#7882AA !important;
z-index:98;
}
#tabsL1 .ui-tabs-panel {
display:block;
height:inherit;
overflow:hidden;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
#tabsL1 .ui-tabs-panel h3, #tabsL1 .ui-tabs-panel h4{
background:#7882AA;
color:white;
}
#tabsL1 .ui-tabs-panel h3 { padding:1%;}
#tabsL1 div.tabsL2 div.ui-tabs-panel {
background:white;
display:block;
float:left;
border:none;
position:relative;
top:-14px;
}
#tabsL1 div.tabsL2 ul, #tabsL1 div.tabsL2 {
border:none;
padding:0;
margin:13px 0px 0px -1px;
width:100%;
}
#tabsL1 div.tabsL2 li a {
}
/* */
tr.invalid:after, li.invalid a:after,
tr.valid:after, li.valid a:after,
tr.valid:after, li.valid a:after, text.validEl:after
{
background-color:lightcyan;
margin:20px;
border-radius:50%;
-moz-border-radius:50px;
-webkit-border-radius:50px;
}
#tabsL1 .tabsL2 tr.invalid:after, #tabsL1 .tabsL2 li.invalid a:after,
#tabsL1 .tabsL2 tr.valid:after, #tabsL1 .tabsL2 li.valid a:after,
#tabsL1 .tabsL2 tr.valid:after, #tabsL1 .tabsL2 li.valid a:after, #tabsL1 .tabsL2 text.validEl:after
{
margin:2px;
}
tr.invalid:after, li.invalid a:after {
content:url(/OpenTo/portal_skins/plone_images/edit.png);
}
li.invalid {border:1px solid whitesmoke;}
tr.valid:after, li.valid a:after, text.validEl:after {
content:url(/OpenTo/portal_skins/plone_images/confirm_icon.png);
}
textarea.invalidEl, input.invalidEl {
background: url(/OpenTo/portal_skins/plone_images/edit.png) right top no-repeat;
}
textarea.validEl, input.validEl {
background: url(/OpenTo/portal_skins/plone_images/confirm_icon.png) right top no-repeat;
}
#content textarea{background-color:#eee;}
div#portal-personaltools-wrapper{
margin:1px 5px;
white-space:normal;
color: #EFC050;
font-weight:bold;
background-color:transparent;
}
}
#portal-personaltools {
float: right;
background: #e3e3e3;
position: relative;
z-index: 3;
top: 0;
right: 0;
padding: 0.25em 0.5em;
font-size: 80%;
border:none
}
#portal-personaltools a:hover{
background-color:#A1D6E2 !important;
color:black !important;
}
#portal-personaltools dt.actionMenuHeader a
{
position:fixed;
right: 30vw;
top:10vh;
font-weight:bold;
color:#EFC050;
}
#portal-personaltools dt.actionMenuHeader a:after{content:none;}
#portal-personaltools dt.actionMenuHeader a:clicked{color:#EFC050}
#portal-personaltools dt.actionMenuHeader a:followed{color:#EFC050}
table#portal-columns{
top:6vw;
position:relative;
}
#carpet {height:215px;}
#lcarpet {height:105px;}
#carpet, #lcarpet {
position:absolute;
width:100%;
background: black; /* */
background: -moz-linear-gradient(left,  black 50%, gray 100%); /* */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,black), color-stop(100%,gray)); /* */
background: -webkit-linear-gradient(left,  black 50%, gray 100%); /* */
background: -o-linear-gradient(left,  black 50%, gray 100%); /* */
background: -ms-linear-gradient(left,  black 50%, gray 100%); /* */
background: linear-gradient(to right,  black 50%, gray 100%); /* */
}
div#us li.second-level-tab, div#us li.second-level-tab a,
div#about li.top-level-tab, div#about li.top-level-tab a
{
border-radius:100%;
}
div#us{
display:table;
margin:30px auto;
}
div#us ul.second-level-tabs{
list-style-type:none;
margin:0px;
}
div#us .wheel{
margin:0px auto;
display:table;
}
div#us li.second-level-tab{
margin:0px;
float:left;
width:150px;
}
div#us li.second-level-tab img {
margin:auto;
display:block;
}
div#featured .tooltip {
width:400px;
box-shadow: 9px 9px 0 #888, 0 3px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 9px 9px 0 #888, 0 3px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:9px 9px 0 #888, 0 3px 3px rgba(0, 0, 0, 0.5);
border:1px solid gray;
background-color:black;
}
div#us .tooltip {
width:40%;
background-color:whitesmoke;
box-shadow: 0 1px 1px #FFFFFF inset, 0 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 3px 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 3px 3px rgba(0, 0, 0, 0.6);
border:1px solid gray;
}
div#us .tooltip.opentoMe {
width:70%;
}
ul#second-level-tabs{background-color:white;}
#about ul#top-level-tabs{
background-image:url("/OpenTo/Public/aboutUs/portraits/banner-background");
background-position:-195px;
}
#content div#about li.top-level-tab a{
display:table-cell;
vertical-align:middle;
background-color:transparent;
}
#content div#about li.top-level-tab a:link{
padding:7px;
width:90px;
height:90px;
display:table-cell;
vertical-align:middle;
float:none;
font-size:125%;
font-weight:lighter;
}
ul.aboutlist {}
.about li, .about li a:link, .about li a:visited {
padding:0px 10px;
letter-spacing:1px;
float:none;
display:inline-block !important;
color: #424242;
letter-spacing:1px;
font-variant:small-caps;
}
#top-level-tabs li, #second-level-tabs li{}
#content #about .about-panel, #content #us .us-panel{background-color:white;}
.collection {
color:whitesmoke;
text-align:right;
background-color:#424242;
margin:-2px;
padding:20px 15px 20px 60%;
}
div#lf1 p.loopy-left img{
float:left;
position:relative;
top:-7px;
padding:0px 5px;
}
div#lf1 p.loopy-right img{
float:right;
position:relative;
top:-7px;
padding:0px 5px;
}
.loopy-left, .loopy-right {
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
}
div#lf1 .loopy-left {
-webkit-border-top-left-radius: 999px;
-webkit-border-bottom-left-radius: 999px;
-moz-border-radius-topleft: 999px;
-moz-border-radius-bottomleft: 999px;
border-top-left-radius: 999px;
border-bottom-left-radius: 999px;
border-left: 13px solid lightgray;
margin: 0 125px -1px 49px;
padding: 10px 66px;
}
div#lf1 .loopy-right {
-webkit-border-bottom-right-radius: 999px;
-webkit-border-top-right-radius: 999px;
-moz-border-radius-bottomright: 999px;
-moz-border-radius-topright: 999px;
border-bottom-right-radius: 999px;
border-top-right-radius: 999px;
border-right: 13px solid lightgray;
margin: 0 47px -1px 216px;
padding: 10px 50px;
}
div#lf1 .loopy-left.loopy-last {
padding: 10px 0 10px 202px;
}
.department {
color:white;
text-align:right;
background-color: black;
margin:-2px;
padding:20px 15px 20px 60%;
}
.tabsLF {
border:none;
background-image:none;
background-color:lightgray;
}
div[id^="lf-"], div[id^="lf-"] td {
margin: 0px;
background-color:#424242;
border:none;
}
#content div[id^="lf-"] table.invisible, #content div[id^="lf-"] table.invisible a:link {
margin:-1px;
border:none;
background-color:#424242;
float:left;
display:inline;
padding:0px;
}
#content .tabsLF .ui-tabs-panel {
display:block;
border:0px solid white;
}
#content .tabsLF ul.ui-tabs-nav {
text-align:center;
border:none;
background-color:transparent;
background-image:none;
margin-left:0px;
}
#content .tabsLF .ui-tabs-nav li, .tabsLF .ui-state-default li {
background-color:white;
float:none;
display:inline-block !important;
margin-left:6px;
margin-right:6px;
border:none;
background-image:none;
vertical-align:top;
}
#content .tabsLF .ui-tabs-nav li a:link {
color:black !important;
font-weight:bold;
font-size:100%;
font-family:'Muli', sans-serif;
text-align:center;
border:none;
background-color:white;
white-space:normal;
padding-top:0;
border:10px solid white;
}
#content .tabsLF .ui-tabs-nav li.ui-tabs-selected a:link{
border:10px solid darkgray;
}
/* */
.section-development #content .tabsLF .ui-tabs-nav li.ui-tabs-selected a:link {
padding-bottom:37px;
margin-top:0px;
border:none !important;
}
.section-development #content {
margin-top:-13px;
}
.section-Public #content span.HL1 h1.documentFirstHeading{
margin-top:0px;
}
iframe .section-Public #content span.HL1 h1.documentFirstHeading{
margin-top:0px;
}
#content .tabsLF .ui-tabs-nav li.ui-tabs-selected a{
margin-left:auto;
margin-right:auto;
display:block;
float:none;
}
.tabsLF img.LFimage {
-moz-border-radius:100%;
-webkit-border-radius: 100%;
border-radius: 100%;
border:2px solid white;
}
div[class^="tablet"] {
margin:10px 0px;
padding:10px;
height:200px;
}
/* */
div.tooltablet {
width:266px;
height:300px;
border:4px solid darkslategray;
padding: 2px;
font-size: small;
background-color:white;
color:#424242;
text-align:left;
line-height:130%;
position:relative;
margin-right:25px;
font-family:'Open Sans',sans-serif;
}
.tooltablet h3{
background-color:darkslategray;
color:whitesmoke;
margin:-1px;
padding:2px;
font-size: 98%;
text-align:right;
}
div.tt-bottom{
display:table-cell;
vertical-align:bottom;
}
div.tt-bottom img {
position:absolute;
bottom:0;
right:0;
border-right:1px solid white;
}
div.tt-bottom h3{
line-height:62px;
width:264px;
position:absolute;
bottom:0;
left:1px;
text-align:left;
border-bottom:1px solid white;
border-left:1px solid white;
border-top:1px solid white;
}
.tooltablet img {
margin:0px;
background-color:darkslategray;
padding:0px;
}
div.tablet {
padding: 2px;
margin:65px 4px 1px 0px;
background-color:whitesmoke;
height:auto;
}
div.tablet h2 {
background-color:#424242;
color:white;
margin:0px;
}
.ui-state-default.spotlightWrapper {
background:none;
background-color:#d5d6d1;
}
div.tablet1, div.tablet2, div.tablet3, div.tablet4,
div.tablet1 h2, div.tablet2 h2, div.tablet3 h2, div.tablet4 h2,
div.tablet1 h3, div.tablet2 h3, div.tablet3 h3, div.tablet4 h3 {
background-color:#424242;
color:whitesmoke;
font-size:98%;
}
div.tablet1 h2, div.tablet2 h2, div.tablet3 h2, div.tablet4 h2 {
text-align: right;
bottom: -14px;
position: relative;
white-space:nowrap;
}
div.tablet2 td, div.tablet4 td {
text-align:left;
}
div.tablet1 td, div.tablet3 td {
text-align:right;
}
div.tablet1, div.tablet3 {
width:60%;
}
div.tablet3 {margin-left:35%;}
div.tablet1 img{
float:left;
}
div.tablet2 img{
float:right;
}
div.tablet3 img{
float:left;
}
div.tablet4 img{
float:right;
}
/* */
.magic .bio {
display: inline-block;
cursor:pointer;
}
.magic:hover {
background-position:0px;
}
.magic:focus {
background-position:0px;
}
.tooltip {
display:none;
z-index:999999;
}
.dropmenu:hover, .dropmenulandings:hover {cursor:pointer;}
body {
color: #424242;
font: 100% 'Muli', sans-serif;
}
/* ****/
.section-intro #portal-columns, .section-realintro #portal-columns {
background-color:white;
top:25px;
}
.section-intro img {padding:1px;}
#content table.home{
background-color:#424242;
margin-left:-14px;
}
#content table.home td{
border:none;
}
#content table.home h2 {margin: 9px 0px 16px;background:aliceblue}
.section-intro h2{
color:lavender;
font-size:150%;
font-weight:lighter;
padding:3px 10px 7px;
margin: 1px 1px 0px;
background-color:#424242;
font-family: Muli,sans-serif;
}
.opento-display, .opento-carousel {
position:relative;
font-size:70%;
}
.opento-carousel {
top:3px;
}
.carousel-icon, .display-icon{
width:64px;
height:64px;
position:absolute;
}
.carousel-icon{
left:500px;
top:10px;
}
.display-icon{
left:257px;
top:94px;
}
.carousel{width:960px;margin:0px;text-align:center;}
.white, .white a, .white a:link, .white a:visited {color:white !important;}
.black, .black a, .black a:link, .black a:visited {color:black !important;}
.banner1, .banner2, .banner3{
font-family: Muli,sans-serif;
position:absolute;
z-index:5;
}
#ocarousel, #slider-container{
width:100%;
overflow:hidden;
position:relative;
left:0px;
border:2px solid lightgray;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
transform: scale(0.8, 0.8);
height: 610px;
margin-bottom: -120px;
top: -70px;
}
.opento-carousel .banner1, .opento-carousel .banner2, .opento-carousel .banner3{
left:215px;
}
.opento-display .banner1, .opento-display .banner2, .opento-display .banner3{
left:16px;
}
.opento-display img{margin:-13px 0px;padding:0;overflow:hidden}
.opento-carousel .banner1{font-size:200%;line-height:0;top:90px;}
.opento-carousel .banner2{font-size:130%;line-height:1;top:140px;}
.opento-carousel .banner3{font-size:100%;line-height:0.5;top:110px;}
.opento-display .banner1{font-size:300%;line-height:0;top:35px;}
.opento-display .banner2{font-size:300%;line-height:1;top:25px;}
.opento-display .banner3{font-size:250%;line-height:0.3;top:70px;}
.carousel-price{
position:absolute;
text-align:center;
vertical-align:middle;
left:655px;
top:100px;
height:25px;
width:85px;
font-size:220%;
}
table.home td.display-price{
position:absolute;
top:205px;
left:203px;
height:30px;
width:170px;
text-align:center;
vertical-align:middle;
font-size:350%;
border:none;
}
div#portal-columns.row{
position:static;
margin-top:10vw;
}
/* ****/
.section-blog #content{
background-color:white;
padding:5px;
margin-top:-40px;
top:-40px;
}
.section-blog.template-folder_summary_view.portaltype-folder #content{
top:-185px;
background-color:transparent;
}
.section-blog input{
font:150% 'Muli', sans-serif;
}
.section-blog .documentByLine{
height:45px;
}
.section-blog #portal-colophon{position:static;}
.section-blog #viewlet-below-content{background-color:transparent;}
.section-blog #content #description, .section-blog #content .documentDescription{
margin:0 10%;
font:135% 'Muli', sans-serif;
color:#999;
text-align:justify;
background-color:#FAFFFF;
padding:2%;
border:1px solid #F0F0F0;
line-height:1.67;
}
.section-blog #content h1.documentFirstHeading{text-align:center;font-size: 260%;transform: scale(1, 1.3);}
.section-blog #content #blog-listing .blog-item h1.documentFirstHeading{margin-bottom:15px;}
.section-blog h1{font-size:300%;}
.section-blog #portal-searchbox{top:50px;}
.section-blog div#portal-top.row{height:100px;background-color:black;}
.section-blog div#portal-columns.row{top:20px;box-shadow: 0px 0px 100px darkslategray;}
#viewlet-below-content{background-color:#d5d6d1;}
.section-blog dl.portlet.portletArchivePortlet {position:fixed;right:5px;bottom:30%;}
.section-blog dd.portletItem,
.section-blog dd.portletItem.even,
.section-blog dd.portletItem.odd
{
background-color:transparent;
}
.section-blog.template-folder_summary_view.portaltype-folder #content h1#parent-fieldname-title {display:none;}
.section-blog.template-folder_summary_view.portaltype-folder #content div#disqus_thread {display:none;}
.section-blog.template-newsitem_view dl.portlet.portletCumulusPortlet {display:none;}
.section-blog.template-newsitem_view dl.portlet.portletArchivePortlet {display:none;}
dl.portlet.portletArchivePortlet dt.portletHeader{display:none;}
dl.portlet.portletArchivePortlet {text-align:right;}
/* ****/
.section-Public #portal-columns {background-color:white;}
.section-userinteractions #portal-columns {background-color:white;}
#content .section-userinteractions h1.documentFirstHeading {margin-top:-180px;}
#content h1.documentFirstHeading{margin-top:0px;}
#content table h2 {margin-top:20px;}
.section-development #portal-columns {background-color:white;}
.section-openspaces #portal-columns {background-color:white;}
/* ****/
#sortable-source.droptrue li:hover, #sortable-dest.droptrue li:hover{
padding:0px;
border:3px solid black;
min-height:0px;/**/
background-color:white;
}
#sortable-source.droptrue li:hover{
color:black !important;
}
#sortable-source.droptrue li img{
border:5px solid white;
margin:5px;
}
#sortable-source.droptrue li{
margin: 1px;
list-style-type: none;
padding: 2px;
display:inline-block;
float: left;
left:0px;
color:black;
background-color:aliceblue;
opacity:.8;
}
#sortable-dest.droptrue li{
font-style:italic;
background-color:white;
display:block;
float:left;
margin:0px 0px 0px 50px;
clear:both;
list-style-type: none;
padding: 0%;
border:none;
text-align:left;
opacity:0.9;
padding:3px;
}
ul#sortable-source.droptrue, ul#sortable-dest.droptrue{
padding:1px;
min-height:100px;
}
#content table.plain.sortTrans {
background-color:transparent;
border:none;
}
table.sortTrans.plain tbody tr td{
min-height:120px;
padding:0 2px;
border-top: 3px solid transparent;
border-left:none;
border-right:none;
border-bottom:none;
}
div[id^="f"] {margin-top:10px;}
div[id^="f"] table.invisible td{
width:50%;
}
div[id^="f"] table.invisible td.thirds, table.plain td.thirds{
width:33.33%;
}
div[id^="f"] table.sortTrans.plain td.middled, div[id^="sortableTransferable-"] table.sortTrans.plain td.middled {
width:100%;
background: transparent url('/OpenTo/Public/Visuals/dropzone-background') no-repeat top center;
position:relative;
color:black;
padding:30px;
background-size:cover;
}
table.sortTrans td.middled p{
background-color:white;
text-align:center;
color:black;
opacity:0.8;
}
ul#sortable-source{
margin-bottom:150px;
}
ul.droptrue li{padding-bottom:1px;}
ul.droptrue li:hover{color:black;}
ul.droptrue{
padding: 2%;
background: transparent !important;
border: none !important;
}
/* */
div#product-focus {
background-color:white;
overflow:auto;
padding:5px;
}
#content div#product-focus .selldot-panel img{
float:left;
margin: 0px 50px 10px 0px;
}
#content div#selldot li {
background-color:transparent;
}
#content div#selldot .selldot-panel li {
line-height:1;
margin-bottom:11px;
}
#content div#selldot li a {
padding:0px;
}
#content div#selldot img{
margin:0px;
}
#content div#selldot li a:link {
background-color:transparent;
border:none;
}
#content div#selldot li.ui-tabs-selected img.LFimage {
}
#content div#selldot li img.LFimage {
background-color: transparent;
border: 1px solid transparent;
}
#content div#selldot .ui-tabs-nav li.ui-state-hover img{
border:1px solid black;
}
#content div#selldot li a:before{
display:none;
}
div.dept-business  {background-color:#1F8CAE;color:#f4f4f4;padding:2px 10px;}
div.dept-brand     {background-color:#DD4F05;color:#f4f4f4;padding:2px 10px;}
div.dept-marketing {background-color:#BAC405;color:#f4f4f4;padding:2px 10px;}
.dept-head{
font: lighter 260% 'Open Sans',sans-serif;
line-height:.8;
}
.dept-text{
font: lighter 110% 'Open Sans',sans-serif;
padding:5px 10px;
color:black;
background-color:white;
}
.dept-small{
font: lighter 200% 'Open Sans',sans-serif;
padding: 0% 3%;
}
div.dept-33{float:left;text-align:center;width:33.333%;}
div#dept-menu {
}
div#dept-menu a:link, div#dept-menu a:visited {color:white;}
#content form[name="Products"] {
position:relative;
margin-top:50px;
}
#content form[name="Products"] h1.documentFirstHeading {
font-size:200%;
background:lavender;
}
form[name="Products"] .wrappy {
font-size:120%;
line-height:120%;
}
form[name="Products"] .blocky, form[name="Products"] .blocky li {
display:inline-block;
line-height:120%;
}
#ocarousel>img{
height:125px;
width:960px;
top:68px;
left:-11px;
position:relative;
margin:0px 0px 60px
}
#ocarousel .unmessaged{display:none;}
table.home{
background-color:#424242;
margin-left:-14px;
}
#body-1-1, #body-1-2, #body-2-1 {
background-color:white;
padding:0px;
margin:0px;
border:2px solid #424242;
font-weight:lighter;
}
/* *****************/
#content .tabsLF #us.tabsBio ul#Biotabs{
width:40%;
float:left;
margin:0 auto;
list-style-type:none;
}
#content .tabsLF #us.tabsBio ul#Biotabs li{
border: 1px solid white;
float:left;
display:block !important;
width:100%;
padding:0px;
margin:0px;
}
#content .tabsLF #us.tabsBio ul#Biotabs li {
color:white !important;
background-color:black;
}
#content .tabsLF #us.tabsBio ul#Biotabs li a:link {
color:white !important;
background-color:black;
border:1px solid black;
float:right;
}
#content .tabsLF #us.tabsBio ul#Biotabs li.ui-tabs-selected {
color:black !important;
background-color:white;
border: 0px solid white;
}
#content .tabsLF #us.tabsBio ul#Biotabs li.ui-tabs-selected a {
border: 0px solid white;
text-align:right;
color:white !important;
background-color:white;
}
#content div.personalBio.ui-tabs-panel {
margin-left:40%;
}
/* ***/
.on-brand-plain, .on-brand-plain h2, .on-brand-plain p {background-color:#DD4F05; color:white; padding:1%;}
.on-business-plain, .on-business-plain h2, .on-business-plain p {background-color:#1F8CAE; color:white;padding:1%;}
.on-marketing-plain, .on-marketing-plain h2, .on-marketing-plain p {background-color:#BAC405; color:white;padding:1%;}
.on-pale-brand {background-color:#FFC080; color:#AD1F00;padding:1%;}
.on-pale-business {background-color:#E0F040; color:#9AA400;padding:1%;}
.on-pale-marketing {background-color:#1085AA; color:#00456A;padding:1%;}
.on-dark-brand {background-color:#AD1F00; color:white;padding:1%;}
.on-dark-business {background-color:#9AA400; color:white;padding:1%;}
.on-dark-marketing {background-color:#00456A; color:white;padding:1%;}
.on-white{
background:white;
background-size:cover;
color:black;
}
p.on-white, h1.on-white, h2.on-white, h3.on-white, h4.on-white {background-color:white;display:inline-block;}
.on-rainbow{
background:white url('/OpenTo/Public/Visuals/backgrounds-rainbow1.jpg') no-repeat center center;
background-size:cover;
color:white;
padding:1%;
}
.on-brand{
background:#DD4F05;
color:white;
padding:1%;
}
span.on-brand, div.on-brand, p.on-brand, h1.on-brand, h2.on-brand, h3.on-brand, h4.on-brand {background-color:#DD4F05;}
.on-business{
background:#1F8CAE;
color:white;
padding:1%;
}
span.on-business, div.on-business, p.on-business, h1.on-business, h2.on-business, h3.on-business, h4.on-business {background-color:#1F8CAE;}
.on-marketing{
background:#BAC405;
color:white;
padding:1%;
}
span.on-marketing, div.on-marketing, p.on-marketing, h1.on-marketing, h2.on-marketing, h3.on-marketing, h4.on-marketing {background-color:#BAC405;}
.on-brand-border {border:3px solid #DD4F05;}
.on-business-border {border:3px solid #1F8CAE;}
.on-marketing-border {border:3px solid #BAC405;}
.on-white-border {border:3px solid white;}
.on-black-border {border:3px solid black;}
.on-blue-border {border:3px solid #7882AA;}
.on-red, .on-green, .on-blue, .on-amber, .on-black, p.on-red, p.on-green, p.on-blue, p.on-amber p, p.on-black {color:white}
.on-red {background:darkred;}
.on-green {background:darkgreen;}
.on-blue{background:#7882AA;}
.on-amber{background:darkorange;}
.on-black, p.on-black{background:black;}
.on-yellow{background:yellow;}
.grayed{color:#AAA;}
.red{color:darkred;}
.green{color:darkgreen;}
.blue{color:#7882AA;}
.amber{color:darkorange;}
.black{color:black;}
.white{color:white;}
.reddred{color:red;background-color:darkred;}
.bluedblue{color:aliceblue;background-color:#7882AA;}
.greendgreen{color:lightgreen;background-color:darkgreen;}
.dredred{color:darkred;background-color:red;}
.dblueblue{color:#7882AA;background-color:aliceblue;}
.dgreengreen{color:darkgreen;background-color:lightgreen;}
table.invisible tbody tr td {vertical-align:top;padding: 0px;}
table.invisible tbody tr td.padded, p.padded, li.padded, div.padded {padding: 0px 10px 2px 10px;}
table.invisible tbody tr td.well-padded, p.well-padded, li.well-padded, div.well-padded {padding: 2% 5%;}
table.invisible tbody tr td.excessively-well-padded, p.excessively-well-padded, li.excessively-well-padded, div.excessively-well-padded {padding: 6% 15%;}
p.subhead { font-weight:bold;line-height:300%;margin-top:0;}
table.invisible tbody tr td.well-padded p {padding: 5% 2%;}
table.invisible tbody tr td.centered, .centered {text-align:center;}
table.invisible tbody tr td.righted, .rigthted {text-align:right;}
table.invisible tbody tr td.lefted, .lefted {text-align:left;}
.very-centered{margin:0% 25% 0% 25%;width:50%;text-align:justify;display:block;}
table.invisible tbody tr td.topped, .topped{vertical-align:top;;margin-bottom:0px;}
table.invisible tbody tr td.middled, .middled{vertical-align:middle;;margin-bottom:0px;}
table.invisible tbody tr td.bottomed, .bottomed, #content p.bottomed{vertical-align:bottom;margin-bottom:0px;}
table.invisible tbody tr td.lightly-boxed, .lightly-boxed{border:1px solid lightgray;}
table.invisible tbody tr td.lightly-boxed-t, .lightly-boxed{border-top:1px solid lightgray;}
table.invisible tbody tr td.lightly-boxed-r, .lightly-boxed{border-right:1px solid lightgray;}
table.invisible tbody tr td.lightly-boxed-b, .lightly-boxed{border-bottom:1px solid lightgray;}
table.invisible tbody tr td.lightly-boxed-l, .lightly-boxed{border-left:1px solid lightgray;}
table.invisible tbody tr td.boxed, .boxed{border:5px solid whitesmoke;}
.image-left, .image-right {display:inline; margin:5px;}
#dept-menu .image-right{border:3px solid lightgray;}
.image-left{float:left;}
.image-right{float:right;}
.image-center{display:block;margin:auto;}
.image-middle{margin-top:15%;}
/* */
.table-col1-2  {width:2%;}
.table-col1-5 {width:5%;}
.table-col1-15 {width:15%;}
.table-col1-17 {width:16.66%;}
.table-col1-33 {width:33.33%;}
.table-col1-10 {width:10%;}
.table-col1-20 {width:20%;}
.table-col1-25 {width:25%;}
.table-col1-30 {width:30%;}
.table-col1-40 {width:40%;}
.table-col1-50 {width:50%;}
.table-col1-60 {width:60%;}
.table-col1-70 {width:70%;}
.table-col1-80 {width:80%;}
.table-col1-90 {width:90%;}
.table-col1-100 {width:100%;}
.table-col1-150 {width:150%;}
.table-centered{margin:auto;}
/* */
.full-screen {
width:100%;
height:100%;
}
.bigger{font-size:125%;}
.even-bigger{font-size:150%;}
.smaller{font-size:85%;}
.even-smaller{font-size:60%;}
.deptprods{
border:25px solid white;
padding:5px;
}
table.invisible td.spotlightWrapper{padding:10px;}
#content .more-spaced, td.more-spaced{line-height:1.2;}
#content .double-spaced, td.double-spaced{line-height:2;}
.pricing{
background-image:url(/OpenTo/Public/front_page/display-white90.jpg);
background-size:100% 100%;
}
ul.ob-tt{
list-style-type:none;
display:inline-block;
}
ul.ob-tt .tooltip{
background-color:black;
color:white;
padding: 5%;
width:200px;
}
#content dd.image-caption{
margin:6px;
color:white;
font-weight:600;
font-size:120%;
padding:10px 3px 10px 10px;
width:85% !important;
}
span.struck-out{
position:relative;left:23px;}
span.struck-out:after{content:url(/OpenTo/portal_skins/plone_images/delete_icon.png)url(/OpenTo/portal_skins/plone_images/delete_icon.png)url(/OpenTo/portal_skins/plone_images/delete_icon.png);
position:relative;left:-47px;}
/* */
body.template-login_form #content, body.template-logged_out #content{
background-color:whitesmoke;
}
body.template-login_form #content #login-form{
margin:15px 50px 100px;
float:right;
display:inline;
padding:3%;
background-color:whitesmoke;
border:1px solid black;
}
#login-forgotten-password, #login-new-user{
text-align:left;
padding:50px 100px;
}
#login-forgotten-password, #login-new-user{
font-size:120%;
}
body.template-register #content{background-color:transparent;}
/* */
table.home{
width:100%;
border-collapse:separate;
margin:auto;
}
table.home td{
text-align:center;
vertical-align:middle;
border:10px solid white;
padding:3%;
font-size:100%;
}
table.home h3{
font-size:120%;
}
table.home td.thirds{
width:33.33%;
}
table.home td.quarters{
width:25%;
}
#content table.fivebytwo{
border:3px solid white;
border-collapse:separate;
}
#content table.fivebytwo td{
border:10px solid white;
color:white !important;
background-color:#7882AA;
width:144px;
padding:10px;
}
#content table.fivebytwo tbody tr.images td{border-bottom:0px solid #7882AA;}
#content table.fivebytwo tbody tr.captions td{border-top:0px solid #7882AA;}
#content table.fivebytwo td img{
display:block;
margin:auto;
}
#content table.fivebytwo td a{
color:white !important;
border-bottom:0px solid white;
}
#content table.threebyone, #content div#dept-menu.as-landing{margin-top:40px;}
#content div#dept-menu.as-landing{top:0px;width:100%;}
#content span.HL1 h1.documentFirstHeading{
font: 400% 'Muli',sans-serif;
}
#content span.HL2 .documentDescription{
font: 250% 'Muli',sans-serif;
}
#content p.HL1{font:lighter 300% 'Open Sans',sans-serif;display:block;margin-bottom:0;line-height:55px;}
#content p.HL2{font:lighter 150% 'Open Sans',sans-serif;display:block;}
#content .HL3{font:lighter 200% 'Muli',sans-serif;line-height:120%;margin:2% 0px;}
#content span.HL1 h1.documentFirstHeading, #content span.HL2 .documentDescription, #content .HL3 {
background-color:transparent;
letter-spacing:-1px;
line-height:1.3;
}
ul.aboutlandings{
margin:0px auto 0px -10px;
clear:both;
display:table;
height:50px;
width:960px;
}
ul.aboutlandings li{
border-left:10px solid lightgray;
border-right:10px solid lightgray;
font-variant:small-caps;
background-color:#7882AA;
height:inherit;
display:table-cell;
text-align:center;
}
ul.aboutlandings li a{
color:white !important;
}
.landings-blue{color:white;background-color:#7882AA;}
#content .clicked-aspirations p {background:white;}
input#buy.context:hover, input#try.context:hover, #plomino_form #submit:hover {
cursor:pointer;
transform:rotateX(360deg);
transition:.5s;
-webkit-transform-style:rotateX(360deg);
-webkit-transition:.5s;
-moz-transform-style:rotateX(360deg);
-moz-transition:.5s;
}
body div#content div.np h1,
body div#content div.np h2,
body div#content div.np h3,
body div#content div.np h4
{
font:lighter 150% 'Open Sans',sans-serif;display:block;
letter-spacing:1px;
}
body div#content div.np {padding:10px;}
body div#content div.np p,
body div#content div.np li
{
font:lighter 110% 'Open Sans',sans-serif;display:block;
margin-bottom:2px;
}
div#clickon {
text-align: center;
position: fixed;
top: 140px;
right: 38px;
width: 100px;
z-index: 999;
font:lighter 80% 'Open Sans',sans-serif;display:block;
}
#content ul.horiz{
text-align:center;
list-style-type:none;
}
#content li.dot{
border-radius:50%;
border-width:6px;
display:inline-block;
height:166px;
width:166px;
overflow:hidden;
}
#content li.smiley{
width:220px;
display:inline-block;
}
div.dot{
display:table-cell;
vertical-align:middle;
border-radius:50%;
}
div.normal-dot {
height:166px;
width:166px;
}
div.teeny-dot {
width:30px;
height:30px;
position:relative;
top:68px;
left:68px;
}
div.wee-dot{
width:84px;
height:84px;
position:relative;
top:41px;
left:41px;
}
div.big-dot{
width:424px;
height:424px;
}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.hid{display:none}
.studio{
background: #8888AA url(/OpenTo/Public/Visuals/twistypath);
background-size:cover;
width:972px;
}
form[name="openspace"] .studio {
margin-left:-16px;
}
div.studio td.project {
background:url(Public/Visuals/flipchart/image_mini) no-repeat center center;
height:200px;
color:black;
padding-bottom:60px;
}
#content .studio p.HL1{background-color:white;opacity:.5;border-radius:50%;}
div.backgroundimage {
position: relative;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
opacity:.5;
}
div.backgroundimage img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
table.invisible td.postit {
background:url(OpenTo/Public/Visuals/postit) top right no-repeat;
background-size:20%;
background-color:#ffff99;
padding:10px;
border:5px solid white;
font-family:cursive;
}
table.invisible td.postit.green{background-color:#99ff99;}
table.invisible td.postit.blue{background-color:#9999ff;}
table.invisible td.postit.cyan{background-color:#99ffff;}
table.invisible td.postit.pink{background-color:#ff9999;}
table.invisible td.postit.magenta{background-color:#ffff99;}
div.bigbigdot {
width:400px;
height:400px;
border-radius:50%;
border-width:6px;
text-align:center;
display:table;
overflow:hidden;
}
div.bigbigdot span.mid{
display:table-cell;
vertical-align:middle;
}
div.bigbigdot span.mid div.HL2.incaps{display:block;font-variant:small-caps;font-size:120%;}
div.bigbigdot span.mid div.banner{display:block;}
div.bigbigdot.A {position:absolute;top:  0px;right: 10%;z-index:1;}
div.bigbigdot.B {position:absolute;top:350px;left: -10%;z-index:1;}
div.bigbigdot.C {position:absolute;top:365px;right:-10%;z-index:1;}
div.bigbigdot.D {position:absolute;top:230px;right:calc(50%-200px);z-index:0;}
div.fullheight {height:800px;}
div.bigbigdot.E {position:absolute;top:150px;left:  0%;z-index:1;}
div.bigbigdot.F {position:absolute;top:100px;right: -5%;z-index:1;}
div.bigbigdot.G {position:absolute;top:515px;left:  -5%;z-index:1;}
div.bigbigdot.H {position:absolute;top:465px;right: 0%;z-index:1;}
div.bigbigdot.ED {position:absolute;top:350px;right:calc(50%-200px);z-index:0;}
#content form[name="contactForm"]{margin-top:0px}
#content form[name="teamEnquiry"]{margin-top:-82px}
div#mailings {
font-family: Muli, sans-serif;
font-size: 15px;
line-height: 20px;
height: 100px;
}
div.lefty{float:left;}
div#mailings div.left50 {
width:35%;
}
div#mailings div.right50 {
width:35%;
float:right;
}
body{
background: linear-gradient(to right, lightgray, white, white, white, white, lightgray);
}
div#cover {
position: fixed;
height: 100%;
width: 100%;
top:0;
left: 0;
background: transparent;
z-index:9999999;
}
div#pageTop{
position:absolute;
top:-70vh;
height:0vh;
}
div#portal-top, div#portal-logo, div#portal-header{
position:fixed;
top:0;
left:0;
width: 100%;
height:8vh;
background-color:#003853;
z-index:2000;
margin:0px;
padding:0px;
display:inline-block;
}
#portal-logo img {
position:fixed;
left:13vw;
top:2vh;
margin:0px;
width:auto;
height:5vh;
}
h1.documentFirstHeading{visibility:hidden;}
div#opento-contact, div#opento-contact h1 {
margin-bottom:5vh;
text-align:center;
color:white;
text-shadow:.4px .4px black;
padding:2% 0 2%;
font-size:190%;
font-weight:600;
font-family:Muli, helvetica, sans-serif;
line-height:100%;
}
div#opento-contact {
background-image:url("aurora");
background-repeat:no-repeat;
background-position:50% 50%;
background-attachment:fixed;
background-size:cover;
background-color:transparent;
position:static;
margin-top:-17%;
padding:5% 0 20vh;
line-height:120%;
}
div#aurora-inputs {
height: 5vh;
font-size:95%;
text-align:center;
padding: 9% 0 17%;
}
div#aurora-inputs p span input{
height: 5vh;
font-size:95%;
margin: 1vh 1%;
border-radius:4px;
text-align:center;
line-height:1vh;
}
div#about {
color: black;
text-align: center;
background-color: transparent;
padding:15% 0;
font-size:150%;
}
div#about h1 {
font-size:190%;
padding-bottom:7vh;
}
div.foot{
font-size:70%;
margin-top:30vh;
}
.italic {font-style:italic;}
div#top-login a, div#top-login a:visited, div#top-login a:hover {
color:#EFC050 !important;
font-weight:bold;
font-size:125%;
position: fixed;
top:3%;
right:30%;
z-index:9999;
cursor:pointer;
border-color:#003853;
}
div#about-link a, div#about-link a:visited, div#about-link a:hover {
color:white !important;
font-weight:bold;
font-size:125%;
position: fixed;
top:3%;
right:14%;
z-index:9999;
cursor:pointer;
border-color:#003853;
}
body.section-privacy-statement{
margin-top:-27vh;
width:100vw;
}
div#pb_1.overlay-iframe, div#pb_2.overlay-iframe {
left:7vw;
}
div#pb_1.overlay-iframe iframe, div#pb_2.overlay-iframe iframe{
width:80vw;
}
div#privacy-notice a.link-overlay {
font-size:80%;
color:white;
text-shadow:.4px .4px black;
}
div#socNlike{
}
.context, .input, input.standalone{
-webkit-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0px 0px #FFFFFF inset, -2px 2px 2px rgba(0, 0, 0, 0.6);
display: inline;
font: 600 15px/1.4 'Muli', sans-serif;
padding: 2vh 2vw;
font-weight:bold;
color:white;
background-color: #003853;
border:none;
text-align:center;
cursor:pointer;
border-radius:4px;
}
/* */
}


/* XXX ERROR -- could not find '++resource++collective.collage.megamenu/megamenu-classic.css'*/