html {  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block;   vertical-align: baseline; }
a {  background: transparent;}
a:active,a:hover {  outline: 0;}
b,strong {  font-weight: bold;}
.small,small {  font-size: 80%;}
.tiny {  font-size: 70% !important;}
sub,sup {  font-size: 60%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}



body { padding:0px;  font-family: Open Sans,Source Sans Pro,Verdana,sans-serif; background:#fff; }
a { color:#46a; }
a:visited { color:#46a; }

#all {}


#head { position:absolute; top:0; left:0; right:0px;  height:50px; background-color:#46a;
  transition:.5s right; z-index:3;
}
#page.sidebar #head { right:270px; }
#logo { 
  display:block; position:absolute; top:5px; left:10px; height:40px; right:40px;
  background:url(/img/logo_black.png) no-repeat; background-size:auto 100%;

}

#content_container {
  position:absolute; top:50px;  left:0px; right:0px; bottom:0px; overflow:auto;
  transition:.5s right,.5s bottom;
}
#page.sidebar #content_container { right:270px; }

#content {
  position:relative;
  padding:0px 25px 0 20px;
  transition:.5s padding-right;
}

h2 { margin:2em 0 .25em 0px; color:#660; }
h3 {  margin:2em 0 .25em 0px;  color:#333;  clear:left; }

.floatr h2, .foatl h2 { margin:0; }
#contenthead { }
#home #crumbs { display:none; }


#sidebar {
  position:absolute; top:1px; width:270px; ;
  z-index:210;
  transition:.5s right;
  background:#fff;
  border-left:1px solid #333;

position:fixed;
top:0px; bottom:0px;
  right:20px; 
  right:-270px; box-shadow:0px 0px 15px 0px #666; 
}
#page.sidebar #sidebar { right:0px; box-shadow:none; }


#sidebar_contents { 
  background:#f3f3e1;  
  position:absolute;
  top:50px; bottom:0; left:0; right:0;
  overflow:auto;
}

#sidebar h3 { text-align:right; padding-right:1em;}
#sidebar h2 {
  background:#4a4;
  padding:.2em .5em;
  color:#fff;
  font-size:100%;
  margin:2em 0 0 0;
text-align:right;
  text-shadow:1px 0px 1px #222;
}
#sidebar >h2 { font-size:120%; margin-top:0; padding:0 .5em; line-height:50px; white-space:nowrap; }
#sidebar >h2 i { font-size:120%; margin:0 .2em 0 .4em; }
#sidebar a.more { padding:.5em; display:block; text-align:right;}
#sidebar a.more:hover { color:#00f;}

a.block {display:block;}
span.icon {
float:right;
width:1em; height:1em;
background-size:contain;
margin:.1em;
}
ul.nopad { margin-left:-1em; margin-top:0; }
ul.icons li a,
a.iconlink  {
  overflow:hidden;
  display:block;
  text-decoration:none;
  color:#333; font-size:105%;
  background-size: 1.8em 1.8em; background-repeat:no-repeat; background-position:0.5em 0.2em;
  padding:.5em 0em .5em 2.75em;
}

.thumb {
  display:block;
  height:100%; height:calc(100% - .5em);
  margin:.25em;
  overflow:hidden;
  background-size:contain; background-repeat:no-repeat; background-position:center center;
}
#sidebar a.iconlink {
  border-bottom:1px solid #ccc;
}
#sidebar a.iconlink:hover { background-color:#ccc; background-color:rgba(255,255,255,.7); }
#sidebar .text { padding:.5em; }


#ads a.cardlink { display:block; cursor:pointer; margin:0 0 1.5em 0; color:#fff; border-radius:8px; text-align:center;  font-size:120%; padding:.75em 1em; border:1px solid #666; text-decoration:none; overflow:hidden; background-size:100% 100%; background-repeat:no-repeat;}
#ads a.cardlink:hover { box-shadow:0px 0px 1px 2px black; border:1px solid white; }

#ads #ad_ref { color:#fff; text-align:left; font-size:120%; position:relative; background-image:url(/img/dollars.jpg);}

#ads #ad_cards { background-color:#006; background-image:url(/img/cards.png),url(/img/deckbg.jpg); background-position:bottom left; background-size:45% auto, 100% 100%; text-align:right; }

#ads #ad_bulk { background:#ffc; background-image:url(/img/giftcard.png); text-align:center; color:#900; text-align:right; }

#ocontent_container #sidebar { right:-270px; box-shadow:0px 0px 15px 0px #666; }
#opage.sidebar #content_container #sidebar { right:0px; box-shadow:none; }
#ocontent_container #content { padding-right:25px; }

#title { display:none; }

#sidebar_handle {
  transition:.5s right;
  cursor:pointer;
  position:absolute;
  right:0px; top:0px; padding:17px 10px 12px;
  background-color:#46a;
  z-index:101;
}




#foot {}

#contentfoot { margin:140px 5px 0px; padding:50px 0px 20px 0px;  text-align:center; clear:both;}
#copyright { line-height:150%; color:#666; }
#copyright a {  color:#666; text-decoration:none;}
#copyright a:hover { text-decoration:underline;}



#head div.tabs { position:absolute;  bottom:0px;  text-align:right;  right:18%; z-index:5;}
ul.tabs { margin:0px; width:100%; padding:0px;}

ul.tabs li {
  display:inline-block; height:1.8em; line-height:1.8em; font-size:120%;
  list-style-type:none; margin:0px 2px;background:#ddf; border-radius:8px 8px 0px 0px;
  padding:0px 1px; vertical-align:bottom;
  box-shadow:0px -4px 3px -3px rgba(0,0,0,.5) inset;  position:relative;
}
ul.tabs li:last-child { margin-right:20px; }
ul.tabs li:first-child { margin-left:20px; }
ul.tabs li.selected {
  background:#fff;  top:1px;
  color:#000;height:2.1em;
  line-height:2.1em;
  box-shadow: none;
  padding:0px;
  box-shadow:-3px -1px 5px -4px black, 3px -1px 5px -4px black, 0px -3px 5px -3px;
}
ul.tabs li a { text-decoration:none; padding:0px 10px; color:#000; display:block; background-image:none;}
ul.tabs li:hover { background: #fff; }
ul.tabs li:hover a {  color:#000;  }
ul.tabs li.selected:hover { background:#fff; }
ul.tabs li.selected a { color:#000; font-weight:bold; }

.prompt {  margin:1em 0px 1em 0px; position:relative; }
.err    { max-width:40em;  background:#c00; padding:10px 10px 10px 40px; color:#fff;  border-radius:5px; text-align:left; position:relative; }
  .alert ul,
  .err ul { margin:5px;  padding-left:0px; list-style-type:none; text-indent:0; }
  .err a:link,.err a:visited { color:#fff; }
.err::before {  content: "\e61a"; font-family: 'sdicons'; font-size:140%; position:absolute; top:14px; left:14px; }
.alert    { max-width:40em; background:#ffb !important; padding:10px; color:#000 !important;  border-radius:5px; border:1px solid #999;  text-align:left;  line-height:1.2em !important;}
.notice    { max-width:40em; background:#f0f0f0; padding:10px; color:#000;  border-radius:5px; border:1px solid #999;  text-align:center;  line-height:1.2em !important;}


.contain { overflow:auto;}
.inline { display:inline-block; vertical-align:middle;  }
.nowrap { white-space:nowrap; }
.alignl { text-align:left !important; }
.alignr { text-align:right !important; }
.alignc { text-align:center !important; }
.floatr { float:right; }
.floatl { float:left; }
.nofloat { float:none !important; }
.clear { clear:both; }
.nofloat { float:none; }
.margin { margin:1em !important; }
.margin2 { margin:2em; }
.padding { padding:1em; }
.big { font-size:120%; }
.huge { font-size:140%; }
.b { font-weight:bold; }
.nob { font-weight:normal !important; }
.symbol { font-size:300%; line-height:.7; font-weight:bold; color:#ccc; }
.question { font-size:120%; font-weight:bold; }
.invisible { height:0px; overflow:hidden;}
.textshadow { text-shadow:.5px .5px 1px black; }
.bdb { border-bottom:1px solid #666; }
.bdt { border-top:1px solid #666; }

.ominthird {  width:28%; display:inline-block; vertical-align:top; min-width:180px; max-width:210px; text-align:left;}
.minthird {  width:201px; display:inline-block; vertical-align:top; text-align:left; margin:0 30px 2em 0;}
.minthird:last-child {  margin-right:0;}
.minhalf {  display:inline-block; width:48%; vertical-align:top; padding:1em 0em; box-sizing:border-box; }

#products_container { text-align:center; position:relative;  font-size:110%;   margin:3em 0 1em; }
#ads { float:right; width:33%; min-width:240px;  margin:0 auto;}
#home #content  { max-width:50em; margin:0 auto;}
#news { float:left; width:55%; max-width:30em;   margin:0 auto;}
#posts {  background:#ececff; border-radius:6px; overflow:hidden;}
#news h2 { background:#008; font-size:150%; color:#fff;  text-align:center; margin:0; font-weight:normal;}

#social { text-align:center; margin:.5em 0 2.75em 0; }

#home .minthird .tblock { margin: 0 0 1em 0;}
#home .minthird .tblock .crumb { margin-right:20px; font-size:100%; width:45px; height:45px; }
#home .minthird .tblock div { display:inline-block; vertical-align:middle; text-align:center; }
#home .minthird .tblock div:last-child { width:115px;}
#home .minthird ul { position:relative; left:15px; }

#ohome .minthird .tblock { text-align:center; margin:1em 0; }
#ohome .minthird .tblock img { display:block; margin:0 auto 10px; }

#home .minthird ul.icons a { padding-top:.3em; padding-bottom:.3em; background-position:.5em 0;}
#sidebar ::-webkit-scrollbar { -webkit-appearance:none; width:14px; background-color:transparent;}
#sidebar ::-webkit-scrollbar-thumb {
border-radius:12px; border:4px solid rgba(255,255,255,0);
background-clip:content-box;background-color:rgba(0,0,0,.15); }
#sidebar ::-webkit-scrollbar-corner { background-color:#e6e6e6;}


ul.notch li.category { font-size:18px; font-weight:bold; color:#46a; padding:20px 10px 2px;  }
.subcat { font-weight:bold; color:#aaa; padding:10px 0px 0px 10px; }
ul.notch { position:relative;  padding:5px 0px 0px 0px; margin:0px;
overflow-x:visible; overflow-y:auto;}
ul.notch.relative { position:relative; top:0px; }
#oldsidebar:hover ul.notch { overflow-y:auto; }

ul.notch .showone > li ,
ul.notch > li { display:block; font-size:16px; line-height:21px; }
ul.notch > li.child { padding:0 0 0 2em;}
ul.notch > li.child + li:not(.child) { margin-top:.5em;}
ul.notch > li.parent { font-weight:bold; }
#oldsidebar:hover ul.notch > li  { width:240px; padding-right:0px;}

ul.notch > li > a,
ul.notch .showone > li,
ul.notch > li > div { color:#000; display:block; text-decoration:none; padding:1px 0px 1px 40px; text-indent:-20px; cursor:pointer;}
ul.notch .showone > li:hover,
ul.notch > li > a:hover { display:block; background:#fff; }
ul.notch > li:not(.category):hover { display:block; background:#fff; }

ul.notch li.selected { border-top:1px solid #666; border-bottom:1px solid #666; background-color:#fff;}
ul.notch li.selected::before {
        display:block;
        width:16.5px;     height:16.5px; margin:3px;
        border-left:1px solid #666;
        border-bottom:1px solid #666;
        transform:rotate(45deg);
 content:" ";  background-color:#eed; position:absolute;left:-12px;
y}



kbd, .key {
	display: inline-block;
	min-width: 1em;
	padding: .15em.3em;
        margin:0 .1em;
	font: normal .75em "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	border-radius: .3em;
	border: none;
	cursor: default;
	background: rgb(250, 250, 250);
	background: linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
	color:  rgb(50, 50, 50);
	text-shadow: 0 0 2px rgb(255, 255, 255);
	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 0em .11em rgba(0, 0, 0, .9);
  vertical-align:middle;
}


.refdetail { background:#e6e6e6; border-radius:8px; padding:2em; position:relative; display:none; color:#000; }
.refdetail:before { content:'';	position:absolute; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #e6e6e6; top:-25px;}
#ref_credit:before { left:22%; right:auto; }
#ref_apply:before { left:auto; right:22%; }


#media_content { margin-top:20px; }
#media_title { color:#060; font-size:28px; font-weight:bold;  margin:20px 0px 0px; }
#media_subtitle { text-transform:uppercase; color:#999; font-size:20px; margin:0px 0px 10px 0px; }
#media_image img { width:100%}
#media_card { text-align:center;}
#media_card img { width:100%; max-width:750px; border:1px solid black; border-radius:2vw; box-shadow:0px 0px 5px 0px black;}
#media_video { border:1px solid black; box-shadow:2px 2px 10px 0px black; margin-bottom:20px; }

#dialog #media_content { margin:-16px -24px -12px;}
#dialog #media_video { margin:0; box-shadow:none;}


.crumb { position:relative; display:inline-block; background-size:contain; width:67px; height:67px; margin:16px; background-repeat:no-repeat;}
.crumb.learn { background-image:url(/img/crumb_brain.png); }
.crumb.create { background-image:url(/img/crumb_edit.png); }
.crumb.share { background-image:url(/img/crumb_share.png); }
.crumb.cards { background-image:url(/img/crumb_cards.png); }
.shop,.crumb.resources { background-image:url(/img/crumb_box.png); }
.crumb.network { background-image:url(/img/crumb_network.png); }

.evaluation,.eval { background-image:url(/img/icon_eval.png); }
.create { background-image:url(/img/icon_app.png); }
.demo,.apps { background-image:url(/img/icon_app.png); }
.checklists { background-image:url(/img/icon_app.png); }
.share { background-image:url(/img/icon_share.png); }
.audience { background-image:url(/img/icon_share.png); }
.network { background-image:url(/img/icon_share.png); }
.coaching { background-image:url(/img/icon_coaching.png); }
.buynow,.resource,.resources { background-image:url(/img/icon_box.png); }
.course,.presentation,.presentations { background-image:url(/img/icon_presentation.png); }
.card,.cards { background-image:url(/img/icon_deck.png); }
.video { background-image:url(/img/icon_video.png); }
.classes { background-image:url(/img/icon_event.png); }
.cart { background-image:url(/img/icon_cart.png); }
.support { background-image:url(/img/icon_help.png); }
.content { background-image:url(/img/icon_content.png); }

ul.icons { margin:0px; width:100%; padding:0px;}
ul.icons li {  display:block;  list-style-type:none; margin:0px;}
ul.icons a { border:1px solid white; border-radius:.0em; }
ul.icons a:hover { border:1px solid #999;}



.accordian {
  width:100%;
  margin:0; 
}
label.accordian {
  cursor:pointer;
  display:block;
}
.accordian input:checked + label {

}
label.accordian:after {
  content:'v';
}
input.accordian { display:none; }
ul.accordian {
  overflow:hidden;
  height:0px;
  position:relative;
  transition: height 1.3s;
}
input.accordian:checked ~ ul.accordian {
  transition: height 1.5s;
}
input.accordian:checked + label + ul.accordian { 
  height:auto; max-height:calc(100% - 28px * 11);
  overflow:auto;
}

input, select { margin:0px; padding:.2em .4em; outline:0px; border:1px solid #ccc;  }

#xref { position:absolute; right:50px; top:13px; color:#fff;}
#xref input { font-size:60%; padding:.5em .5em; border:1px solid #333;}
#xref input[type=text] {   border-radius:.6em 0 0 .6em; border-right:0px;}
#xref input[type=submit] { background:#555;  border-radius:0 .6em .6em 0; color:#fff; border:1px solid #333; border-left:0px; }
#xref input[type=submit]:hover { background:#666;  }

span.card {  text-indent:0px;  border-radius:.4em; font-size:80%; 
 color:white; background:#aaa;  display:inline-block; vertical-align:top;
 padding:.2em .4em; line-height:1; margin:.2em .2em 0; 
min-width:0.8em; text-align:center;
font-family:open sans,source sans pro, sans-serif; font-style:normal; 
position:relative; z-index:1;
box-shadow:1px 1px .5px #666;
}
#sidebar span.card { float:right; min-width:1.45em; }
#sidebar p>span.card { float:none; }
.text_W { color:#fff;}
.bg_A { background-color:rgb(222,24,22) !important; }
.bg_R { background-color:rgb(255,140,0) !important; }
.bg_M { background-color:rgb(220,220,0) !important; }
.bg_P { background-color:rgb(6,165,85) !important; }
.bg_I { background-color:rgb(125,209,241) !important; }
.bg_T { background-color:rgb(0,105,179) !important; }
.bg_S { background-color:rgb(188,97,160) !important; }
.bg_C { background-color:#000 !important; }

img.card { border-radius:.5em; background-image:none; }

h1 { }
.minthird .tblock { margin:.5em 0 .2em 0;   }
.minthird .tblock span:first-child {  display:block; text-align:center; font-size:180%; text-transform:uppercase; font-weight:normal; color:#009;  }
.oicon { display:inline-block;  position:relative; vertical-align:bottom; margin:0 0.5em;}
oh1 .icon {  width:70px; height:70px; background-size:contain;}
oh1 .circle:before { content:''; position:absolute; top:-25%; left:-25%; width:150%; height:150%;    background:url(/img/bluecircle.png) no-repeat; background-size:contain; z-index:-1;}

#crumbs { font-size:80%; color:#000; padding:0.7em 0 1em 6em; position:relative; margin-top:1em;}
#crumbs > span > span  { display:none; }
#crumbs a { color:#000; text-decoration:none; font-size:120%; }
#crumbs a:hover {text-decoration:underline; }
#crumbs span:last-child { display:block; margin-top:-.2em;}
#crumbs span:last-child a {   color:#46a; font-weight:bold; font-size:220%;  text-transform:uppercase; }
#crumbs span:last-child a:hover { text-decoration:none; }
#crumbs span:last-child > span { position:absolute; display:block; top:1.6em; left:.7em; height:3.5em; width:3.5em;  background-size:contain; margin:0;}
.tblock .crumb::before,
#crumbs span:last-child > span::before {  content:''; position:absolute; top:-25%; left:-25%; width:150%; height:150%; 
background:url(/img/bluecircle.svg);background-repeat:no-repeat; background-size:contain; z-index:-1; }

#subtabs { position:relative; top:-5px; float:right; text-align:right; margin-bottom:-.5em; z-index:9;}
ul.hlist { margin:0px;  font-size:14px;}
ul.hlist li {
display:inline-block;
list-style-type:none;
margin:0px 0px;
border-right:1px solid #aaa;
}
ul.hlist li:last-child { border:0px; }
ul.hlist li.selected a { text-decoration:none;  background:#eee; color:#000; }
ul.hlist li a { display:inline-block; color:#00a;
padding:5px 10px; background-image:none;
}
ul.hlist li a:hover { background:#eee;}


.products_slider { 
  position:relative; 
  overflow:hidden;
  margin-bottom:4em;
}

.inactive { opacity:.5; }

.products_slider .product {
position:relative;
display:inline-block;
vertical-align:top;
height:11em;
width:11em;
text-align:center;
margin:0 .5em;
text-decoration:none; 
}
.products_slider a.product:hover { background-color:#eed; }


.products_slider .product_image { height:70%; }
.products_slider .product_image img { height:90%; margin-top:5%; }
.product_title { font-weight:bold; font-size:120%;}
.product_price { font-size:120%;  }

#products_list { padding:1em 0 0 0; }
#products_list .product {
clear:left; 
display:block;
max-width:40em;
text-decoration:none;
overflow:auto;
  border:1px solid #fff;
 position:relative;
}
#products_list .product:hover { border-color:#999; }

#products_list .product_title { margin:1em 0 0 6em; }
#products_list .product_description {  color:#880; padding:.2em 6em 1em 8.1em; font-size:90%; }
#products_list .product_image { width:5em; height:5em; position:absolute; top:1.25em;}
#products_list .product_image  .thumb {background-position:top left; }

#products_list .product_image img { width:100%; }
#products_list .product_price { float:right; margin:1em; }


.description { margin-bottom:.5em; color:#880; line-height:1.3;}
.color { color:#46a; }

#product_image {
float:right;
margin:0 0 1em 3em;
width:400px; max-width:50%; 
}
#product_image img { width:100%; }
#product_price { float:right; font-size:140%; padding:.25em 0em; color:#46a; font-weight:bold; margin:0 0em 1em 2em;  }
#product_description {
padding-top:2em; padding-left:2em; max-width:40em;
}
#product_buy { font-size:140%; float:right; clear:right; margin:0 0em 1em 1em;}
#paynow_but { font-size:140%; }

#oproduct_value { padding:1em;  font-size:110%; position:relative; overflow:auto;}
#product_value { padding:1em; font-size:110%;  }
#product_value .row  { overflow:visible;  min-height:1em; line-height:1.2em; padding:.25em 0;}
#product_value .row div {  }
#product_value .value { color:#46a; text-align:right;  float:right; margin-left:1em;}
#product_value .total { font-weight:bold; text-align:right; border-top:1px solid #46a; }
#product_value .header { color:#46a; font-weight:bold;  border-bottom:1px solid #46a;}

#product_options {  float:right; clear:right; width:400px;  max-width:50%; margin:0 0 1em 3em;  }
#product_options .row {}
#product_options .title { position:relative; border:1px solid #fff;}
#product_options .title:hover { border:1px solid #666; }
#product_options .price { float:right; color:#46a; margin-left:1em; position:relative; left:-.5em;}

#checkout #product_options { float:none; margin-left:0em; max-width:360px; width:auto; }
#checkout #product_options div.bubble { right:auto; left:108%; }
#checkout div.bubble:after { transform:rotate(225deg); left:-1.02em; } 
#checkout .mobile  #product_options { float:none; margin-left:0em; max-width:none; width:auto; }

.button {
  cursor:pointer;display:inline-block;  border-radius:.35em; vertical-align:middle;
  position:relative;text-decoration:none;margin:2px 1px;
  background:#090;
  background-image: linear-gradient(#6c6, #060);
  line-height:1.2em;
  font-size:90%;
  border:1px solid #777;
  color:#fff;
  padding:.25em .6em;
  white-space:nowrap;
  overflow:hidden;
  outline:0;
  text-shadow:0.5px 0px 1.5px #222;
}
div.button { text-shadow:none; }
.button:visited { color:#fff; }
.obutton:hover  {
        background:#0a0;
        background-image: linear-gradient(#6c6, #080);
}
.button:hover { box-shadow:0px 0px .15em black inset; border-color:#555;}
button.active,.button:active,.button.active {
        background-image: linear-gradient(#060, #6c6);
  box-shadow:1px 1px 1px rgba(0, 0, 0, .4) inset,-1px -1px 1px rgba(255, 255, 255, .4) inset;
  padding:.245em .55em .255em .65em;
}

.button.iconleft { padding: .25em .6em .25em 2.25em; }
.button.iconleft:active { padding: .245em .55em .255em 2.3em; }
.button .icon {
  display:block;height:100%;width:1.68em;
  position:absolute;top:0; left:.0em;
  background-position:center 0em;background-size:contain;background-repeat:no-repeat;
  margin:0;
  border-right:1px solid rgba(0,0,0,.5);
  box-shadow:1px 0px 0px 0px rgba(255,255,255,.5);
}
.button.iconleft:active .icon {  left:.05em; }

#cart {  line-height:1.5em; position:relative; font-size:90%;}
#cart > div {line-height:2em; }

#cart > div.cart_item { padding:1em .5em; line-height:1.2em; }
.cart_increase { overflow:hidden;}
.cart_quantity { float:left; width:7%; }
.cart_quantity input { padding:0 .2em 0 0; width:95%; text-align:right;}
.cart_title { float:left; width:65%; margin:0 0 0 .8em; text-align:right; }
.cart_item .cart_title { }
.cart_increase .cart_title {text-align:left; }
.cart_each { color:#999; font-size:90%; font-weight:normal; }
.cart_value { position:absolute; right:0.8em; width:70%; color:#46a; text-align:right; font-weight:bold; color#46a; }

.cart_decrease { overflow:hidden;}
.cart_decrease .cart_title { text-align:right; color:#a00;  }
.cart_decrease .cart_value { color:#a00; }

.cart_subtotal { overflow:auto; margin-top:1em; }
.cart_subtotal .cart_title { padding-top:1px; font-weight:bold; }
.cart_subtotal .cart_value { overflow:auto; border-top:1px solid #000; }
.cart_subtotal button { float:left; padding:0 2px; }

.cart_tax .cart_title{ font-weight:normal; }
.cart_tax { display:none; }
.cart_shipping .cart_title { font-weight:normal; }

.cart_discount { overflow:auto; background:#ffa; }
.cart_total { overflow:auto; }
.cart_total .cart_title { padding-top:1px; font-weight:bold; }
.cart_total .cart_value { overflow:auto; border-top:1px solid #000; }

.cart_tax { overflow:auto; }
.cart_shipping { overflow:auto; }
.cart_grandtotal { overflow:auto; }
.cart_grandtotal .cart_title { padding-top:3px; font-weight:bold; }
.cart_grandtotal .cart_value { overflow:auto; border-top:3px double #000; }

.cart_checkout { margin:.5em; text-align:right; }

.strike { position:relative; }
.strike::before {
  position: absolute;
  content: "";
  left: -10%;
  top: 50%;
  right: -10%;
  border-top: .25em solid #f00;
  opacity:.7;
  transform:rotate(-5deg);
}
.encircle { position:relative; }
.encircle::after {
  position: absolute;
  content: "";
  left: -30%;  top:-30%; bottom:-30%;  right: -30%;
  background: transparent url(/img/encircle.png) no-repeat;
  background-size:100% 100%;
  opacity:.7;
}


input[type=checkbox]:not(.old),
input[type=radio   ]:not(.old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  opacity:0;;
  position:absolute;
  font-size:1em;
  text-align:left;
}
input[type=checkbox]:not(.old) + label,
input[type=radio   ]:not(.old) + label{
  display      : inline-block;
  line-height  : 1.5em;
  padding:0 0 0 2em;
  width:80%; width:calc(100% - 2em);
  position:relative;
  text-indent:0;
}

input[type=checkbox]:not(.old) + label::before,
input[type=radio   ]:not(.old) + label::before {
  content: '';
  display          : block;
  width            : 1em;
  height           : 1em;
  margin           : 0.1875em .4375em;
  border           : 1px solid #aaa;
  border-radius    : 1em;
  background       : rgb(224,224,224);
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  position:absolute; top:0; left:0;
}
input[type=checkbox]:not(.old) + label::before {
border-radius:.25em;
}

.shadow {
box-shadow:0 0 0.7em rgba(0,0,0,.8) inset,-.05em -.05em 0.03em .05em rgba(0,0,0,.5),0.05em .05em 0.03em 0.05em rgba(255,255,255,0.5) ,.05em -.05em 0.03em 0.05em rgba(0,0,0,.2) ,-.05em 0.05em 0.03em 0.05em rgba(0,0,0,.2);
}
input[type=checkbox]:not(.old) + label::before,
input[type=radio   ]:not(.old) + label::before {
background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(.old):checked + label:after{
  content     : '\2714';
  display     : block;
  width       : 1em;
  color       : #282;
  font-size   : 0.8em;
  line-height : 1em;
  text-align  : center;
  otext-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
  position:absolute; top:0; left:0;
   margin           : 0.475em .78em;
}

input[type=radio]:not(.old):checked + label:after {
  content: '';
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.44em .69em;
  border-radius    : 1em;
 position:absolute; top:0; left:0;

  border           : 1px solid rgb(115,153,77);
  background       : rgb(153,204,102);
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(#6c6, #060);


}

.indent { padding-left:2em; }
form { }
form fieldset { margin:2em 0 0 0;  padding:1em 0 1em 0; position:relative; max-width:40em; border:none;}
form fieldset legend { position:absolute; color:#46a;  font-size:120%; font-weight:bold; top:-1em;  }

.fieldrow { display:block; box-sizing:border-box;}
.fieldgroup { display:inline-block;  vertical-align:top; width:100%; box-sizing:border-box; min-width:10em; max-width:450px;  line-height:1.2;
}
.label { float:left; width:150px; text-align:right; box-sizing:border-box; line-height:1.5; padding:.2em .65em 0 0;}

.label + .fieldgroup {  width:calc(100% - 150px); }

.fieldgroup input,
.fieldgroup select,
.fieldgroup textarea {
  width:100%; box-sizing:border-box; background:#f6f6ff; border-radius:4px;  font-size:16px;
  line-height:1.5; font-family:Open sans,verdana,arial,sans-serif;
  border:1px solid #ccc; outline:0px; position:relative; padding:.19em .4em; 
}

.fieldgroup input:focus,
.fieldgroup select:focus,
.fieldgroup textarea:focus { box-shadow:0px 0px 3px 0px #00f;  z-index: 10; border-color:transparent; }


.fieldgroup textarea { line-height:1.3; padding:.19em .4em }
.fieldgroup.inline { width:auto; }
.fieldgroup .inline { width:auto !important; }
.fieldgroup.indent { padding-left:1em;}

@media only screen and (max-width : 500px)  {

  .label + .fieldgroup {  width:100%; }

}

.fieldgroup .w50 { width:50%; }
.fieldgroup .w33 { width:33.3%; }
.fieldgroup .w66 { width:66.7%; }

.fieldgroup textarea.tl, .fieldgroup select.tl, .fieldgroup input.tl { border-radius:5px 0 0 0;  border-right:0px; }
.fieldgroup textarea.tr, .fieldgroup select.tr,.fieldgroup input.tr { border-radius:0 5px 0 0;  }
.fieldgroup textarea.bl, .fieldgroup select.bl,.fieldgroup input.bl { border-radius:0 0 0 5px; border-top:0px;  }
.fieldgroup textarea.br, .fieldgroup select.br,.fieldgroup input.br { border-radius:0 0 5px 0;  border-top:0px; }
.fieldgroup textarea.bot, .fieldgroup select.bot,.fieldgroup input.bot { border-radius:0 0 5px 5px; border-top:0px; }
.fieldgroup textarea.top, .fieldgroup select.top,.fieldgroup input.top { border-radius:5px 5px 0 0;  }
.fieldgroup textarea.lr, .fieldgroup select.lr,.fieldgroup input.lr { border-radius:0 0 0 0;  border-top:0px; }
.fieldgroup textarea.tb, .fieldgroup select.tb,.fieldgroup input.tb { border-radius:0 0 0 0;  border-top:0px;  border-left:0px; border-right:0px; }
.fieldgroup textarea.left, .fieldgroup select.left,.fieldgroup input.left { border-radius:5px 0 0 5px; border-right:0px; }
.fieldgroup textarea.right, .fieldgroup select.right,.fieldgroup input.right { border-radius:0 5px 5px 0;  }

.notice input { background:#fff !important; }
#sidebar_contents form input {  background-color:#fff; }


/*
 .fieldrow { margin:.25em; position:relative; }
 .fieldrow input[type=checkbox] + label { }
 .fieldrow label { display:inline-block;  margin:.35em 1em; vertical-align:top;}
 .labelrow label { width:150px;  text-align:right;}


form .fieldrow textarea,
form .fieldrow input:not([type=checkbox]),
form .fieldrow select {
  display:inline-block; width:100%; box-sizing:border-box; 
  background-color:#f0f0ff;
  vertical-align:top; font-size:inherit;
  height:2em; line-height:2em;
  border-radius:4px;
}
form .fieldrow textarea { height:auto; }

.notice input { background:#fff !important; }
#sidebar_contents form input {  background-color:#fff; }
#osidebar_contents h2+div { padding-bottom:2em; }

form .fieldrow textarea:focus,
form .fieldrow input:focus { border-color:#666; outline:0px; }
form .fieldrow .fieldgroup { display:inline-block; width:100%; vertical-align:top;}
oform .labelrow textarea,
oform .labelrow input:not([type=checkbox]) { width:auto; }

 .fieldrow .fieldgroup label { width:auto !important; margin-right:0;}
 .fieldrow .fieldgroup textarea,
 .fieldrow .fieldgroup input,
 .fieldrow .fieldgroup select { width:auto; }

*/


.w40 { max-width:40em !important; }
.w30 { max-width:30em !important; }
.w25 { max-width:25em !important; }
.w20 { max-width:20em !important; }
.w15 { max-width:15em !important; }
.w10 { max-width:10em !important; }
.w5 { width:5em !important; }
.w100,.w100p { width:100% !important; display:block; box-sizing:border-box;}
.w50p { width:50%; display:block; box-sizing:border-box;}




div.bubble {
    z-index:10;display:none; padding:14px 20px;
    width:240px; line-height:16px;
    position:absolute;  color:#111; 
  background:#f3f3e1;
border-radius:.7em; top:-4.5em;
right:110%;
box-shadow: 0 0 1em rgba(0,0,0,.5);
border:1px solid #999;
  min-height:6em;
}
.bubbleparent { position:relative; }
.bubbleparent:hover div.bubble {
    display:block;
}
div.bubble:after {
  content:'';
  position: absolute;
      width: 2em;      height: 2em;      top: 4.2em;
  left:94%; left:calc(100% - 1em);
  background:inherit;
 transform:rotate(45deg); 
  z-index:-1;
border-right:1px solid #999;
border-top:1px solid #999;
box-shadow:0.3em -.3em 1em -.4em rgba(0,0,0,.5);
}
    

hr { margin:2em 0; }

#products_tabs {text-align:right;  margin-top:-1em;}
ul.htabs { margin:0px; width:100%; padding:0px; border-bottom:1px solid #666; text-align:right; }

ul.htabs li {
  display:inline-block; height:1.8em; line-height:1.8em; font-size:90%;
  list-style-type:none; margin:0px 2px;background:#eed;
  border-radius:8px 8px 0px 0px; border:1px solid #ddd;
  vertical-align:bottom;
  position:relative; top:0px;
  border-bottom:none;

}
ul.htabs li:last-child { margin-right:20px; }
ul.htabs li:first-child { margin-left:20px; }
ul.htabs li.selected {
  background:#fff;  
  color:#000;height:2.1em;
  line-height:2.1em;
  box-shadow: none;
  border-color:#666;
  padding:0px;
  top:1px;
}
ul.htabs li a { text-decoration:none; padding:0px 10px; color:#000; display:block; background-image:none;}
ul.htabs li:hover { background: #ffe; }
ul.htabs li:hover a {  color:#000;  }
ul.htabs li.selected:hover { background:#fff; }
ul.htabs li.selected a { color:#000; font-weight:bold; }


#login { max-width:420px; }
#slogin input { width:100%; box-sizing: border-box;}
#slogin input:first-child { border-radius:.6em .6em 0 0; }
#slogin input[type=submit] {  background:#555; color:#fff; border-radius:0 0 .6em .6em; }
#slogin input[type=submit]:hover {  background:#666; }



#popup { position:fixed; top:0px; left:0px; right:0px; bottom:0px;background:rgba(0,0,0,.4);
z-index:20;display:none;}

#popup > div {
position:fixed;
top:30%;
left:50%;
width:420px;
margin:-146px -240px;
background:#fff;
padding:20px 40px;
border-radius:6px;
box-shadow:0px 0px 0px 8px rgba(55,65,95,.6);
}
#popup label { margin:5px 20px; display:block;}

.dialog {
margin:3em;
min-width:420px;
max-width:60%;
background:#fff;
padding:20px 40px;
border-radius:6px;

}


ol.labels {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 1em 0 0 0;
    margin-left: 1em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.labels > li{
    position: relative;
    margin-bottom: 1.5em;
    padding: 0em 1.5em 0em 2.4em;
}
ol.labels > li:before {
    position: absolute;
    top: -0.4em;    left: -0.6em;
    width: 1.1em;    height: 1.1em;
     
    border-radius:1em;
    padding:.15em;
    font-size: 2em;    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #3fa53f;
     
    border:1px solid #666;
    z-index: 99;
    overflow: hidden;
     
    content: counter(li-counter);
    counter-increment: li-counter;
}


.youtube { position: relative;	width:55%; border:1px solid #fff; box-shadow:0px 0px 5px black; margin:0 0 2em 2em; }
.youtube:before { content:''; display:block; padding-bottom: 56.25%;  }
.youtube iframe { position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.image_right { float:right; margin:1em 0 1em 2em; border:1px solid #666; background-color:#e0e0ff; max-width:45%;min-width:160px;}
.image_left { float:left; margin:1em 2em 1em 0; border:1px solid #666; background-color:#e0e0ff; max-width:45%;min-width:160px;}
.image_left img, .image_right img { max-width:100%; }

.media_controls {
z-index:202;
text-align:center;
}

#media_tabs {
float:right;
margin:1.1em 0 1em 1em;
z-index:202;

overflow:hidden;
position:relative;
padding:0 0 0.25em 0;

background-color:#cfc;
border-radius:.6em;
}
#media_tabs h2 {
background:#6c6; background-color:rgba(0,0,0.5); padding:.25em 1em; text-align:center;
margin:0; font-size:100%; color:#000; color:rgba(0,0,0,.5);}

#media_tabs li { position:relative; }
#media_tabs li a {
padding:.4em 1.5em .4em 3.5em;
border:0px;
background-position:1em .2em;
}

#media_tabs li:last-child a { }
#media_tabs li a:hover {}

#media_tabs li.selected::after,
#media_tabs li:hover::after {
content:'';position:absolute;width:0; height:0;
border-top:1em solid transparent;
border-right:1em solid rgba(0,0,0,.1);
border-bottom:1em solid transparent;
right:-.2em; top:0.1em;
}

#media_tabs li.selected::after { border-right-color:rgba(0,0,0,.5); }

#image_html,
#presentation_html,
#demo_html,
#html_html,
#card_html,
#video_html {
max-width:40em; padding:1em 3em 3em; font-size:100%; color:#666;
line-height:1.5;
}

span.speechdeck {
color:#00f; font-weight:bold;
}

.lead {
font-size:120%;
color:#880;
font-family:georgia,serif;
margin:1em;
line-height:1.6;
}


.next,
.prev {
 cursor:pointer; position:relative; display:inline-block;
 background-color:#333; background-color:rgba(0,0,0,.7);
border:0.05em solid black;
z-index:102;
background-repeat:no-repeat;
background-size:auto 75%;
vertical-align:middle;
text-decoration:none;
color:#fff !important;;
}

.next { background-image:url(/img/next.png); background-position:right .5em  center; padding:.2em 2em .2em .5em; border-radius:0 2em 2em 0;}
.prev { background-image:url(/img/prev.png); background-position: .5em  center; padding:.2em .5em .2em 2em; border-radius:2em 0 0 2em; margin-right:1px;}

.prev:hover,
.next:hover {
background-color:#444; background-color:rgba(0,0,0,.8);
}

.prev.disabled,
.next.disabled { color: transparent !important; background-image:none;}

blockquote {
margin:1.5em 0 1.5em 2em;
padding:1em 1em 1em 2em;
font-family:georgia, serif;
color:#46a;
font-style:italic;
background:#eed;
border-left:1px solid #666;
}

ul.custom {
  padding:0 0 0 1.3em;
  margin:0 0 0 .8em;
}
ul.custom ul.custom { margin-top:.5em; margin-bottom:1em;}

ul.custom li {
  list-style-type:none;
  text-indent:-2.3em;
  position:relative;
}
ul.custom ul::before {
  content:"";
  display:block; position:absolute;
  width:0; top:.2em; bottom:0; left:-1.35em;
  border-left:1px solid #ccc;
  z-index:0;
}
ul.custom ul li:before {
  content:"";
  display:block; position:absolute;
  width:1.4em; height:0;
  border-top:1px solid #ccc;
  top:.75em; left:-3.4em;
}
ul.custom ul li:last-child:before {
background:#eed; height:auto;  bottom:0;left:-3.45em;
}

.xref { color:#00c; font-style:italic; font-family:sans-serif; }
.noborder { border:none !important; }
.nobg { background-color:transparent !important; }



.tabs,.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#project_start { position:absolute; top:0; right:0;}
#project_start a { position:relative; margin:0 1em 0 0; font-size:200%; color:#fff !important; text-decoration:none;float:right; font-weight:bold;width:2em; height:2em; line-height:2em;background:#4a4; color:#fff;text-align:center;border-radius:2em;border:2px solid white;}
#project_start a:after { content:attr(title); position:absolute; left:-2em; right:-2em; text-align:center; font-size:14px;color:#4a4;top:108%; line-height:16px;}
#project_start a:hover { box-shadow:0px 0px 10px black;}

#projects { margin:1em -1.5em 2em -1.3em; background:#e6e6e6; padding:2em 1em;}
#projects .project { position:relative; text-decoration:none;display:block;  height:50px; max-width:40em; margin:0 auto -1px; font-size:15px;box-sizing:border-box;}
#projects > .project { border:1px solid #666; width:100%;  color:#666; background:#fff;}
.project>div {  }
.project_title { line-height:48px; color:#00f; font-size:100%; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; top:1px; left:30px; right:255px;}
.project_type { position:absolute; top:0; right:85px; width:90px; text-align:center; padding-top:6px;}
.project_type .subcat { font-size:75%; text-transform:uppercase; padding:0; color:inherit; font-weight:normal; }
.project_tm { position:absolute; top:-8px; right:0;  width:85px; text-align:center; font-size:90%; line-height:50px;}
.project_stars {  position:absolute; top:0; right:175px; width:80px; text-align:center; line-height:31px; color:#ff0; font-size:125%; text-shadow:1px 1px 3px black;}
.project_status {  position:absolute; top:0; right:175px; width:80px; text-align:center; font-size:9px; text-transform:uppercase;padding-top:28px;}
.project_cmd { display:none;}

#projects > .project:hover {background:#f0f0ff; }

.fieldset {  padding:.5em; margin:0 ; }
.fieldset header { position:relative; display:inline-block; top:-1.3em; background:#e6e6e6; padding:0 0.5em; font-weight:bold;}
#project_filter { display:inline-block; height:50px; width:80%; width:calc(100% - 85px); box-sizing:border-box; }
#project_order {display:inline-block; height:50px; width:20%; width: calc(85px - 0px); box-sizing:border-box;}
#project_filter input,
#project_filter select,
#project_order select { height:30px; width:100%; box-sizing:border-box;}

select#filter_order { width:90%; position:relative; top:8px; }
#project_filter #filter_tags { }
#project_filter select#filter_status { }
#project_filter select#filter_type { margin-right:5px; width:calc(100% - 5px)}

#project_filter .project_status { padding-top:calc(.5em + 6px); }
#project_filter .project_type { padding-top:calc(.5em + 3px); }
#projects h3 { text-align:center; margin-top:0;}
#projects h3 .project { padding-top:25px;}

#project_filter .project_title { left:0px !important; }

@media only print {
 #media_card { display:none !important; }
}

@media only screen and (min-width : 801px)  {
 #sidebar:hover { right:0px; }
}

@media only screen and (max-width : 800px)  {
  obody {overflow:auto; }
  #home #logo { width:auto; }
  #head div.tabs { display:none; }
  #content {  }
  #contenthead { top:0px; left:50px; }
  #ocrumbs { color:#fff; }
  #ocrumbs a { color:#fff !important; } 
  #ocrumbs span { display:none; }
  #ocrumbs span:last-child { display:inline; }
  #ocrumbs { display:none; }
  #subtabs { display:none; }
  #otitle { display:block; color:#fff; position:absolute; font-size:160%; margin:0 1.5em 0 2.5em; line-height:50px; white-space:nowrap; overflow:hidden; left:0; right:85px; text-overflow:ellipsis;}
  #ologo {     width:50px;     background:url(/img/logo_back.png) no-repeat;  }
  #head { padding-right:260px; right:0px !important;}
  #ocontent_container { overflow:visible; right:10px !important;}
  #ocontent_container #sidebar { right:-270px !important; box-shadow:none; }
  #ocontent_container #content { padding-right:25px !important; }
  #osidebar { position:absolute; top:-50px; min-height:110%; min-height:calc(100% + 50px); border-bottom:1px solid #333;}
  #osidebar_contents { min-height:100%; position:absolute; }
  #osidebar_handle { right:0px; }
#page.sidebar #content_container { right:0px !important; }
#page.sidebar  #sidebar { right:0px; box-shadow:0px 0px 15px 0px #666; }
#page.sidebar #sidebar_handle { right:270px; }

  #image_html,#presentation_html,#html_html,#card_html,#video_html {padding:1em 0 1em 0em;margin-right:-1em;  }

  blockquote {margin:1.5em 0 1.5em 0em;padding:1em 1em 1em 1em;  }

  #news { max-width:none;  width:100%;}
  #news,#ads { float:none;}
  .image_right {margin:1em 0 1em 1em;}
  .image_left { margin:1em 1em 1em 0;}

  .project[data-id] .project_title { line-height:34px;  right:10px; }
  .project[data-id] .project_stars { font-size:100%; top:19px; left:30px; right:auto; text-align:left;}
  .project[data-id] .project_type  { top:2px; }
  .project[data-id] .project_status  { top:2px; }
  .project[data-id] .project_type .cat { visibility:hidden; }
  .project[data-id] .project_tm { font-size:10px; top:10px; }
  .project[data-id] .project_cmd { position:absolute; bottom:2px; left:0; display:block; text-align:center; width:2em;}

  #page.narrowui .narrowui { display: block !important; }
}
@media only screen and (max-width : 450px)  {

  #media_tabs,.floatr, .floatl { float:none; } 
  ol.labels { margin:1em -1em 0 -1em; }
}

.mobile #sidebar_handle { position:fixed; }
.mobile #head { position:fixed; z-index:3; }
.mobile #content_container { position:relative; }
#page .narrowui { display:none; }

.ui-dialog {

font-size:14px;
width: 20em;
padding: 0px !important;
background: #fff !important;
border-radius: 10px !important;
padding:1em;
obox-shadow:0px 0px 0px 7px #46a;
border: 0px !important;
}
.ui-dialog-content { padding:1em 1.5em !important; }
.ui-dialog-titlebar { border-radius:0 !important; padding:.6em 1.5em !important; }

.ui-widget { font-family:Open Sans,arial,sans-serif !important; font-size:100% !important; }
.ui-widget-overlay { opacity:.7 !important; background:#000 !important; }
.ui-front { z-index:1004 !important; }
.no-close .ui-dialog-titlebar-close {  display: none;}

#dialog_after { padding:1em; border-top:1px solid #a6c9e2; }


div.close { position:absolute; width:1em; height:1em; top:10px; right:10px; font-size:14px; color:#aaa; }
div.close:hover {color:#000; }


table.green { width:100%; margin:0 auto;  border:none; border-spacing:0px;}
table.green tr { }
table.green td,table.green th { background:#dfd; min-width:5em; border-right:4px solid white; border-bottom:1px solid white; text-align:center; padding:.25em .5em; }
table.green td.gap { border-bottom:4px solid white; }
table.green td.nogap { border-bottom:0px; }
table.green th  {vertical-align:bottom; padding:0; background:transparent;}
table.green th div {  background:#060; border-radius:.5em .5em 0 0; text-transform:uppercase; font-size:85%; color:#fff; padding:.15em 0; text-shadow:.5px .5px 1px black; }
table.green td.th {  background:#060;}
table.green td h2 { font-size:160%; color:#009; text-indent:0; margin-left:0em; font-weight:bold; }
table.green h3 { padding:0; text-transform:uppercase; text-indent:0; text-align:left; padding-left:.8em;}
table.green tr td:first-child { background:transparent; text-align:left; text-indent:-1em; padding-left:2em; text-align:left;}
table.green tr:nth-child(even) td { background:#9f9; }
table.green tr:nth-child(even) td:first-child { background:#e6e6e6; }
table.green tr:nth-child(odd) td:first-child { background:#f6f6f6; }
table.green td:empty, table.green th:empty, table td.empty, table th.empty { background:transparent !important; min-width:auto; padding:0 !important;}
otable tr.details { display:none; }

.stars { color:#ff0; text-shadow:0px 0px 2px black, 1px 1px 1px black;  text-align:center; margin:.35em 0 0 0;}
td.even { background-color:#9f9 !important; }
td.odd { background-color:#dfd !important; }
table td .price { font-size:200%; color:#fff; text-shadow:0px 0px 1px black, 1px 1px 2px black; font-weight:bold; text-align:center; line-height:1; }
table td div.price {padding-top:.5em;}
table td .price sup { font-weight:normal; }
table .icon-cancel { color:#ccc; color:rgba(0,0,0,.1)}
table .icon-ok { color:#060;}


#loading { display:none; box-shadow:0px 0px 5px 1px black; font-size:120%; text-align:center; font-weight:bold; border-radius:8px; background:url(/css/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png); color:#fff; position:fixed; background-size:100% 100%; width:200px; height:60px; left:45%; top:45%; left:calc(50% - 100px); top:calc(50% - 130px); padding:25px 0;}
#oloading img { display:block; margin:5px auto; }


ul.progress { overflow:hidden; padding:0 15px 0 0; white-space:nowrap; }
ul.progress li { list-style-type:none; display:inline-block;  }
ul.progress li a { display:inline-block; color:#000; text-decoration:none; padding:0 20px 0 30px; background:#afa;  white-space:nowrap; line-height:46px; font-size:14px; position:relative; border-bottom:1px solid #000; font-weight:bold;}
ul.progress li.preselect { } 
ul.progress li.selected  {  } 
ul.progress li.preselect a {  color:#fff;  background:#090; } 
ul.progress li.selected a { font-weight:bold; background:#6c6; } 

ul.progress li a:after { content:''; width:32.5px; height:32.5px; position:absolute; top:-1px; right:0px; border-bottom:2px solid #000;border-right:2px solid #000;transform-origin:top right; transform:scaleX(.5) rotate(-45deg); background:#afa;}
ul.progress li.preselect a:after { background:#090; }
ul.progress li.selected a:after { background:#6c6; }

ul.progress li a:hover,ul.progress li a:hover:after { background:#cfc; } 
ul.progress li.preselect a:hover,ul.progress li.preselect a:hover:after { background:#292; } 
ul.progress li.selected a:hover,ul.progress li.selected a:hover:after { background:#8c8; } 

ul.commands { margin:0; padding:0;   font-size:95%; }
*:not(h2) + ul.commands { margin-top:4em; border-top:2px solid #666; }
ul.commands >li { list-style-type:none; display:block; width:100%; box-sizing:border-box; }
ul.commands >li >a,
ul.commands >li header { display:block; text-decoration:none; color:#000;  padding:0 1em 0 1.4em; line-height:46px; cursor:pointer;  border-bottom:1px solid #ccb; white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
ul.commands >li header.active { background:#fff; }
ul.commands >li a:hover,
ul.commands >li header:hover { background:#fff; }
ul.commands >li >div >div { border-bottom:1px solid #666; padding-bottom:1em; display:none; }
oul.commands .notch { padding-left:1.5em; }
ul.commands >li i { font-size:32px; color:#46a; display:inline-block; position:relative; top:5px; margin-right:.5em; }


.subcommands { text-align:right; margin:.5em 1em; font-size:80%;}
.subcommands a { text-decoration:none;  color:#555;}
.subcommands a:hover { text-decoration:none; color:#46a; }

.social { font-size:200%; border-radius:.2em; margin:.15em 0em; background:#ccc; width:1.3em; height:1.3em; display:inline-block; text-align:center; padding:.25em; color:#fff !important; vertical-align:middle; border:1px solid #fff; text-decoration:none; }
.social:hover { box-shadow:0px 0px 5px black; }

i.cmd,
#compare_subscriptions i.icon-video { cursor:help; padding:0 .5em; color:#46a; }
#compare_subscriptions i.icon-video {float:right;}
#buynow { margin-bottom:3em; }










@font-face {
	font-family: 'sdicons';
	src:url('fonts/sdicons.eot?arae2q');
	src:url('fonts/sdicons.eot?arae2q#iefix') format('embedded-opentype'),
		url('fonts/sdicons.ttf?arae2q') format('truetype'),
		url('fonts/sdicons.woff?arae2q') format('woff'),
		url('fonts/sdicons.svg?arae2q#sdicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'sdicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-fullscreen:before {
	content: "\e621";
}
.icon-list:before {
	content: "\f0ca";
}
.icon-interview:before {
	content: "\f27a";
}
.icon-copy:before {
	content: "\e607";
}
.icon-open:before {
	content: "\e626";
}
.icon-tag:before {
	content: "\e622";
}
.icon-cards:before {
	content: "\e62a";
}
.icon-quote:before {
	content: "\e620";
}
.icon-wait:before {
	content: "\e900";
}
.icon-equalizer:before {
	content: "\e623";
}
.icon-menu:before {
	content: "\e61f";
}
.icon-download:before {
	content: "\e604";
}
.icon-flag:before {
	content: "\e624";
}
.icon-eye:before {
	content: "\e61e";
}
.icon-star-empty:before {
	content: "\e628";
}
.icon-star-half:before {
	content: "\e629";
}
.icon-star:before {
	content: "\e625";
}
.icon-point:before {
	content: "\e61c";
}
.icon-alert:before {
	content: "\e61a";
}
.icon-cut:before {
	content: "\e608";
}
.icon-insert:before {
	content: "\e627";
}
.icon-gplus:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\e902";
}
.icon-twitter:before {
	content: "\e903";
}
.icon-linkedin:before {
	content: "\e904";
}
.icon-pres:before {
	content: "\e61d";
}
.icon-info:before {
	content: "\e616";
}
.icon-help:before {
	content: "\e605";
}
.icon-text:before {
	content: "\e606";
}
.icon-heart:before {
	content: "\f004";
}
.icon-settings:before {
	content: "\f013";
}
.icon-home:before {
	content: "\f015";
}
.icon-print:before {
	content: "\f02f";
}
.icon-video:before {
	content: "\f03d";
}
.icon-edit:before {
	content: "\f040";
}
.icon-options:before {
	content: "\f046";
}
.icon-prev:before {
	content: "\f049";
}
.icon-next:before {
	content: "\f050";
}
.icon-cart:before {
	content: "\f07a";
}
.icon-chart:before {
	content: "\f080";
}
.icon-external:before {
	content: "\f08e";
}
.icon-credit:before {
	content: "\f09d";
}
.icon-tools:before {
	content: "\f0ad";
}
.icon-link:before {
	content: "\f0c1";
}
.icon-dropdown:before {
	content: "\f0dd";
}
.icon-mail:before {
	content: "\f0e0";
}
.icon-app:before {
	content: "\f108";
}
.icon-smile:before {
	content: "\f118";
}
.icon-terminal:before {
	content: "\f120";
}
.icon-ellipsis-v:before {
	content: "\f142";
}
.icon-ticket:before {
	content: "\f145";
}
.icon-thumb:before {
	content: "\f164";
}
.icon-female:before {
	content: "\f182";
}
.icon-male:before {
	content: "\f183";
}
.icon-recycle:before {
	content: "\f1b8";
}
.icon-share:before {
	content: "\f1e0";
}
.icon-pointer:before {
	content: "\f245";
}
.icon-camera:before {
	content: "\e609";
}
.icon-collapse:before {
	content: "\e618";
}
.icon-import:before {
	content: "\e617";
}
.icon-export:before {
	content: "\e619";
}
.icon-user:before {
	content: "\e60a";
}
.icon-trash:before {
	content: "\e60c";
}
.icon-plus:before {
	content: "\e600";
}
.icon-minus:before {
	content: "\e601";
}
.icon-cancel:before {
	content: "\e602";
}
.icon-ok:before {
	content: "\e603";
}
.icon-login:before {
	content: "\e61b";
}
.icon-logout:before {
	content: "\e60d";
}
.icon-up:before {
	content: "\e60e";
}
.icon-right:before {
	content: "\e60f";
}
.icon-down:before {
	content: "\e610";
}
.icon-left:before {
	content: "\e611";
}