@charset "UTF-8";
/* CSS Document */

/* Web fonts
-------------------------------------------------------*/
@font-face {
    font-family: 'NovecentowideBookBold';
    src: url('/_ui/font/Novecentowide-Bold-webfont.eot');
    src: url('/_ui/font/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/_ui/font/Novecentowide-Bold-webfont.woff') format('woff'),
        url('/_ui/font/Novecentowide-Bold-webfont.ttf') format('truetype'),
        url('/_ui/font/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NovecentowideNormalRegular';
    src: url('/_ui/font/Novecentowide-Normal-webfont.eot');
    src: url('/_ui/font/Novecentowide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
        url('/_ui/font/Novecentowide-Normal-webfont.woff') format('woff'),
        url('/_ui/font/Novecentowide-Normal-webfont.ttf') format('truetype'),
        url('/_ui/font/Novecentowide-Normal-webfont.svg#NovecentowideNormalRegular') format('svg');
        font-weight: normal;
    font-style: normal;
}

/* General bootstrap overrides
-------------------------------------------------------*/
#gliffy-web p, #gliffy-web li {
    color: #666;
}

#gliffy-web h3, #gliffy-web h4, #gliffy-web h5, #gliffy-web strong {
    color: #333;
}

#gliffy-web #products h1,
#gliffy-web #api h1,
#gliffy-web #examples h1,
#gliffy-web #support h1,
#gliffy-web #team h1,
#gliffy-web #jobs h1,
#gliffy-web #signup h1 {
	font-size: 30px;
    line-height: 40px;
}
#gliffy-web #examples h1.taller {
	height: 80px;
}

#gliffy-web h1 .lighter {
    font-weight: normal;
	color:#888;
}

#gliffy-web h2 {
    line-height: 34px;
}

#gliffy-web h3 {
    line-height: 28px;
}

h4 .unbold {
    font-weight: normal;
}

h1 .emphasize,
h2 .emphasize {
    color: #699D40;
}

#gliffy-web .carousel .carousel-caption h4,
#gliffy-web .carousel .carousel-caption p {
    color: #ddd;
}

#gliffy-web .carousel a {
    color: #fff;
}
#gliffy-web .navbar .nav > li > a {
    padding: 20px 15px 20px;
    width: 70px;
    text-align: center;
}
#gliffy-web .subnav a {
    /*color: #000;*/
}
#gliffy-web .subnav a:hover {
    /*color: #2061AD;*/
}

/* General
-------------------------------------------------------*/
.align-right {
	text-align:right;
}

.addspace {
	margin-top:20px;
	margin-bottom:20px;
}

/* Links
-------------------------------------------------------*/
#gliffy-web a {
    color: #2061AD;
}

#gliffy-web a.btn {
    color: #fff;
}

/* Header
-------------------------------------------------------*/
#header {
    background-color: #2E5A92;
    height: 58px;
    margin: 0 0 50px 0;
    padding: 0;
    border-bottom: 2px solid #295183;
}
#gliffy-web.about #header {
    margin: 0;
}
#header .navbar {
    margin-bottom: 0;
}

#header .logo {
    margin-top: 15px;
}
#header .header-btn {
    color: #ffffff;
    font-size: 13px;
    background-color: #eb7f29;
    width: 117px;
    height: 35px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-bottom: 1px solid #9e4507;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#header .header-btn:hover{
    text-decoration: none;
    background-color: #ed8b41;
}
#header .btn-start-drawing {
    margin-top: 13px;
}
#header .btn-start-drawing a {
    float: right;
}

#header .navbar a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.03em;
    font-weight: normal;
}
#header .navbar a:hover {
    color: #fff;
    text-decoration: none;
}
#header .navbar .nav li:hover,
#header .navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #436b9d;
    position: relative;
}
#header .navbar .nav>li.active,
#header .navbar .nav>li.active > a,
#header .navbar .nav>li.dropdown.active > .dropdown-toggle,
#header .navbar .nav>li.dropdown.open.active > .dropdown-toggle {
    background-color: #295183;
    box-shadow: none;
    height: 18px;
}
#header .navbar .nav li.active::before,
#header .navbar .nav li.dropdown.open.active > .dropdown-toggle::before,
#header .navbar .nav li.active::after,
#header .navbar .nav li.dropdown.open.active > .dropdown-toggle::after {
    display:none;
}

#header .dropdown-menu {
    top: 58px;
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
}
#header .navbar .dropdown-menu a {
    color: #2E5A92;
    line-height: 30px;
    padding: 0 20px;
    text-align: left;
}
#header .btn-login-dropdown .nav li.dropdown:hover {
    background-color: transparent !important;
}
#header .btn-login-dropdown a#loginToggle {
    background-color: #254875;
    height: 35px;
    margin-top: 13px;
    border-radius: 5px;
    padding: 0;
    line-height: 34px;
}
#header .btn-login-dropdown a#loginToggle:hover,
#header .btn-login-dropdown li.dropdown.open > a#loginToggle {
    background-color: #274D7C;
}

#header .navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: transparent;
    position: relative;
}
#header .navbar .loginbox {
    left: -207px;
}
#header .navbar .nav .dropdown-menu:before,
#header .navbar .nav .dropdown-menu:after {
    left: 45px;
}
#header .navbar .nav > li > .loginbox:before,
#header .navbar .nav > li > .loginbox:after {
    left: 237px !important;
}
#header .dropdown-menu li > a:hover,
#header .dropdown-menu li > a:focus,
#header .dropdown-submenu:hover > a {
    color: #fff;
    background-color: #7290b6;
    background-image: none;
    filter: none;
}
#header #login-form {
    padding: 15px 26px 0 26px;
}


a.menu:after, .dropdown-toggle:after {
    content: none;
}
#header .dropdown-menu a.forgot {
    padding-top: 0;
    padding-left: 0;
}

#header .dropdown-menu .login {
    float: right;
}

#header #login #email,
#header #login #password,
#header #pass-recover #find_email {
    margin-top: 5px;
}
#header .dropdown-menu #login .oauth2 a {
    display: inline;
    padding: 0;
}

#header .dropdown-menu #login .oauth2 img,
#header .dropdown-menu #login input.login {
    margin-top: 10px;
}

#header .dropdown-menu #login hr {
    margin: 16px 0 12px 0;
}

#header .remember {
    float: left;
    margin-top: 10px;
}

#header .remember input {
    margin-right: 5px;
}

#header .dropdown-menu #pass-recover a.forgottoggle {
    display: inline;
    padding: 0;
}
#header .dropdown-menu #pass-recover #cancel {
    line-height: 40px;
}

#header .toplinks .nav li.dropdown.open > .dropdown-toggle, #header .toplinks .nav li.dropdown.active > .dropdown-toggle,
#header .toplinks .nav li.dropdown.open.active > .dropdown-toggle,
    background-color: #fff;
}

#header li.header-btn {
    margin: 10px 10px 0 0;
    padding: 0;
}

#header li.header-btn a.btn {
    padding: 4px 14px;
}

#header .navbar .nav > li > a {
    text-shadow: none;
    text-transform: uppercase;
    color: rgb(222,222,222);
    color: rgba(255,255,255,0.5);
}

#header .gliffy-profile-icon {
    display: inline-block;
    background-image:url("/_ui/images/icn_profile.png"); background-repeat:repeat-x; background-color:transparent;
    width:23px;
    height:20px;
}

#logged-in-dropdown {
    margin-top: 20px;
    position: relative;
}
#logged-in-dropdown li {
    text-align: left;
}
#logged-in-dropdown #sub-menu-username {
    top: 35px;
    right: 0;
    left: auto;
    border-radius: 6px;
}
#logged-in-dropdown #sub-menu-username:before {
    position: absolute;
    top: -7px;
    right: 17px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}
#logged-in-dropdown .disabled > a,
#logged-in-dropdown .disabled > a:hover {
    color: #999999;
}
#menu-username {
    list-style-type: none;
}
#menu-username > a > .caret {
    border-top-color: rgb(222,222,222);
    border-top-color: rgba(255,255,255,0.5);
}

#gliffy-web.homepage #header .logo {
    text-align: left;
}

/* Main Navbar
-------------------------------------------------------*/
#gliffy-web .mainmenu {
    margin-top: 20px;
}

#gliffy-web .mainmenu .navbar-inner {
    min-height: 30px;
    padding-right: 10px;
    padding-left: 0;
    background-color: #235695;
    background-image: -moz-linear-gradient(top, #547CAD, #235695);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#547CAD), to(#235695));
    background-image: -webkit-linear-gradient(top, #547CAD, #235695);
    background-image: -o-linear-gradient(top, #547CAD, #235695);
    background-image: linear-gradient(to bottom, #547CAD, #235695);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#547CAD', endColorstr = '#235695', GradientType = 0);
    border: 1px solid #235695;
}

#gliffy-web .mainmenu .nav > li > a {
    float: none;
    padding: 5px 15px 5px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px -1px #666;
}

#gliffy-web .mainmenu .nav > li:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(38, 86, 149, 0.65);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#gliffy-web .mainmenu .nav > li.dropdown ul.dropdown-menu li:hover a {
    color: #fff;
    background: #2061AD;
}

#gliffy-web .mainmenu .nav li.dropdown.open > .dropdown-toggle, #gliffy-web .mainmenu .nav li.dropdown.active > .dropdown-toggle, #gliffy-web .mainmenu .nav li.dropdown.open.active > .dropdown-toggle {
    color: #fff;
    text-decoration: none;
    background-color: rgba(38, 86, 149, 0.65);
    background-color: #265594;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#gliffy-web .mainmenu .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: white;
    border-bottom-color: white;
}

#gliffy-web .mainmenu .dropdown-menu a {
    padding: 5px 15px;
}

#gliffy-web .mainmenu .nav > .active > a,
#gliffy-web .mainmenu .nav > .active > a:hover,
#gliffy-web .mainmenu .nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(38, 86, 149, 0.95);
    background-color: #265594;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

/* Subnav
-------------------------------------------------------*/
#gliffy-web .nav-tabs a:hover {
    border: 1px solid #BDDDF2;
    background: #BDDDF2;
}

#gliffy-web .nav-tabs > .active > a,
#gliffy-web .nav-tabs > .active > a:hover {
    background: #fff;
    border: 1px solid #BDDDF2;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: bold;
}

#gliffy-web .nav-tabs {
    border-width: 0 0 1px 0;
    border-color: #BDDDF2;
    margin-bottom: 0
}

#gliffy-web .nav-tabs > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Sections
-------------------------------------------------------*/
#sidebar {
    background: #E8EDF4;
    background: rgba(35, 86, 149, 0.10);

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-height: 800px;
    padding-top: 10px;
}

.um_sidebar {
    min-height: 250px !important;
}

#sidebar li.title {
    text-transform: uppercase;
    color: #333;
    padding-left: 15px;
    font-weight: bold;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar .nav > li {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    border-bottom: 1px solid #fff;
}

#sidebar .nav-list > .active > a,
#sidebar .nav-list > .active > a:hover {
    background: transparent;
    color: #333;
    font-weight: bold;
    text-shadow: none;
}

#sidebar .nav-list > .active {
    /* background: rgba(35, 86, 149, 0.10); */
}

#sidebar .nav-list > li:hover {
    background: rgba(35, 86, 149, 0.10);
}

#sidebar .nav > li > a:hover,
#sidebar .nav-list a:hover,
#sidebar .nav-list > .active > a:hover {
    background: transparent;
    text-shadow: none;
}

#sidebar .nav-list > li > a {
    margin: 0;
}

#sidebar .aside {
    margin: 20px;
}

#sidebar .aside p {
    font-size: 13px;
    line-height: 18px;
}

.page-section {
    padding: 0 0 20px 0;
}

/* Home Page - A
-------------------------------------------------------*/
#gliffy-web #home .hero-unit {
    background: url(/_ui/images/bg_grid.gif) top left repeat;
    border: 1px solid #ddd;
    padding: 20px;
    min-height: 330px;
    margin-bottom: 20px;
}

#gliffy-web #home .hero-unit h1 {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit;
}

#gliffy-web #home .hero-unit h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 28px;
    color: #666;
    margin-bottom: 20px;
}

#gliffy-web #home .hero-unit .main-image {
    float: left;
    margin-right: 20px;
    width: 360px;
    text-align: center;
}

#benefits .icon {
    float: left;
    margin-right: 15px;
    margin-bottom: 30px;
}

#benefits h4 {
    margin: 0 0 4px 0;
    padding: 0;
}

.box-featured {
    width: 220px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 10px;
    text-align: center;
    display: table-cell;
}

.box-featured img {
    margin-top: 15px;
    vertical-align: middle;
}

.box-featured .title {
    background: #2061AD;
    color: #fff;
    font-size: 14px;
    padding: 4px 0;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    vertical-align: bottom;
}

/* Home Page - B, C
-------------------------------------------------------*/
#gliffy-web #home_b .hero-unit{
    background: url(/_ui/images/bg_grid_b.gif) top left repeat;
    padding: 20px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 380px;
    margin-bottom: 10px;
		border-bottom:4px solid #eee;
}

#gliffy-web #home_b .hero-unit h1 {
    font-size: 31px;
    line-height: 1.15;
    letter-spacing: -1px;
		font-weight:700;
		margin-bottom: 0;
		margin-top:40px;
}

#gliffy-web #home_b .hero-unit h2 {
    font-size: 17px;
		line-height: 1.4;
    font-weight: normal;
    color: #888;
		margin-bottom:20px;

}

#gliffy-web #home_b #myCarousel {
	float: left;
  margin-right: 30px;
  width: 490px;
}

#gliffy-web #home_b .carousel-control {
	background: transparent;
	border: none;
}

#gliffy-web #home_b a.carousel-control {
	color:transparent;
}

#gliffy-web #home_b a.carousel-control:hover {
	color:#fff;
	background:#666;
	border:3px solid #fff;
}

#gliffy-web #home_b #apps {
		border-bottom:4px solid #eee;
		height:105px;
		clear:both;
}


#gliffy-web #home_b #apps .featured,
#gliffy-web #home_b #apps .featured-last  {
		border-right:2px solid #eee;
		float:left;
		width:203px;
		padding:10px 15px 10px 15px;
}

#gliffy-web #home_b #apps .featured-last {
		border-right:0px;
}

#gliffy-web #home_b #apps .featured p,
#gliffy-web #home_b #apps .featured-last p {
		margin-bottom:0;
}

#gliffy-web #home_b #apps .logo{
		margin-bottom:10px;
}

#gliffy-web #home_b #news  {
		border-bottom:4px solid #eee;
		margin-top:10px;
}

#gliffy-web #home_b #news .quotes  {
	border-right:2px solid #eee;
	width:448px;
	padding-right:20px;
}

#gliffy-web #home_b #news .quotes .press-rating .logo{
	float:left;
	margin-right:15px;
	height:175px;
}

#gliffy-web #home_b #news .quotes .press-rating {
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}

#gliffy-web #home_b #news .quotes .home-testimonial  {
	margin-bottom:15px;
}

#gliffy-web #home_b #news .blog,
#gliffy-web #home_c #news .blog {
	padding-left:5px;
	height:400px;
}

#gliffy-web #home_b .blog h4{
	margin-bottom:20px;
}

#gliffy-web #home_b .blog h5 {
	font-size:16px;
	margin-bottom:5px;
}

#gliffy-web #home_b .blog p,
#gliffy-web #home_c .blog p  {
	line-height:1.1;
	color:#999;
	padding-top:0;
}

#gliffy-web #home_b .blog-post{
	border-top:1px dashed #ccc;
	padding-bottom:10px;
	padding-top:5px;
}

#gliffy-web #home_b #customers {
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:4px solid #eee;
}

#gliffy-web #home_b #customers p {
	padding-top:25px;
	color:#999;
}

#gliffy-web #home_b #benefits h4 {
	margin-top:20px;
}

#gliffy-web #home_b #benefits .col {
 padding-right:20px;
}

/* Pricing Page
-------------------------------------------------------*/
#pricing table {
    margin: 20px 0;
}

#pricing table td {
    border: 1px solid #eee;
    border-left: 0px;
    padding: 10px;
    width: 213px;
    text-align: center;
}

#pricing th {
    padding: 5px 10px;
    border: 0px;
}

#pricing th.feature, #pricing td.feature {
    font-weight: bold;
    text-align: left;
}

#pricing table th.free {
    background: rgba(204, 204, 102, 1);
}

#pricing table .free {
    background: rgba(204, 204, 102, .3);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table .free-highlight {
    background: rgba(204, 204, 102, .5);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table th.standard {
    background: rgba(153, 204, 0, 0.7);
}

#pricing table td.standard {
    background: rgba(153, 204, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table td.standard-highlight {
    background: rgba(153, 204, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table th.pro {
    background: rgba(190, 221, 241, 1);
}

#pricing table td.pro {
    background: rgba(190, 221, 241, 0.3);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table td.pro-highlight {
    background: rgba(190, 221, 241, 0.5);
    border: 1px solid rgba(255, 255, 255, .3)
}

#pricing table .monthly {
    font-size: 32px;
}

#pricing table td.emphasize {
    background: #e0e0e0;
    border-bottom: 1px solid #fff;
}

#testimonials {
    margin-top: 20px;
}

#plugin-pricing table {
    margin: 20px 0 0 150px;
}

#plugin-pricing  table td {
    border: 1px solid #eee;
    padding: 10px;
    width: 100px;
    text-align: center;
}

#plugin-pricing  th {
    padding: 5px 10px;
    border: 0px;
}

div.donateMsg {
    font-size: 80%;
    margin-left: 150px;
}

#plugin-pricing h4 {
    margin-top: 50px;
}

#plugin-pricing div.buttonUp {
    width: 633px;
    text-align: right;
    padding-top: 10px;
}

/* Product Pages
-------------------------------------------------------*/
#products h1, #products h2 {
    margin-top: 20px;
}

#products h1.nomargin {
	margin-top:0;
}

.online-subnav .nav-tabs > li.title,
.confluence-subnav .nav-tabs > li.title,
.jira-subnav .nav-tabs > li.title {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 3px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.online-subnav .nav-tabs > li.title {
    width: 210px;
    margin-right: 300px;
}

.confluence-subnav .nav-tabs > li.title {
    width: 210px;
    margin-right: 70px;
}

.jira-subnav .nav-tabs > li.title {
    width: 210px;
    margin-right: 205px;
}

#products .main-section {
    margin-top: 20px;
    background: rgba(189, 221, 242, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-top: 10px solid rgba(189, 221, 242, 0.8);
    border-bottom: 10px solid rgba(189, 221, 242, 0.8);
}

#products .main-section .video {
    padding-left: 20px;
}

#products .main-section .main-copy {
    padding-right: 20px;
}

#products .icn {
    font-size: 36px;
    border: 1px solid #ccc;
    width: 64px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 150px;
}

#products .benefit {
    margin-bottom: 30px;
}

#products .extra {
    padding: 15px;
    border: 1px solid #ddd;
    height: 155px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0;
}

#products ul.confluence {
    margin-left: 20px;
}

#products #confluence-faq h3 {
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
    color: #699D40;
    margin-top: 20px;
}

#products .download {
    border: 3px solid #BDDDF2;
    background: rgba(189, 221, 242, .2);
    padding: 10px 20px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 20px 0;
}

#gliffy-web .space {
    margin: 20px 0;

}

#products .icon {
    float: left;
}

#products .benefit h4,
#products .benefit p {
    margin-left: 80px;
}

#products .benefit ul {
    margin-left: 100px;
}

#extras-row {
    margin-left: 30px;
}

/* Gliffy Product Pages
-------------------------------------------------------*/
#products.gliffy-online,
#products.gliffy-confluence,
#products.gliffy-jira {
    margin-top: -50px;
}

#gliffy-web.products .valprop .cta-btn {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    background: #e56208;
    border-radius: 10px;
    border: 2px solid #d9d9d9;
    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    -moz-box-shadow:    inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    box-shadow:         inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    padding: 15px 30px;
    line-height: 4.9em;
}
#gliffy-web.products .valprop .cta-btn:hover {
    text-decoration: none;
}

#products.gliffy-online .main-content h1,
#products.gliffy-confluence .main-content h1,
#products.gliffy-online #api .main-content #sidebar,
#products.gliffy-jira .main-content h1 {
    margin-top: 0;
}

#products.gliffy-online .valprop,
#products.gliffy-confluence .valprop,
#products.gliffy-jira .valprop {
    background: url('/_ui/images/products/valprop-online-overview.jpg') 50% 50% no-repeat transparent;
    background-size: cover;
    padding: 0 !important;
    height: 465px;
    position: relative;
    text-align: center;
}
#products.gliffy-jira .valprop {
    text-align: left;
}
#products.gliffy-confluence .valprop {
    background-image: url('/_ui/images/products/valprop-confluence-overview.jpg');
}

#products.gliffy-online .valprop:after,
#products.gliffy-confluence .valprop:after,
#products.gliffy-jira .valprop:after {
    -webkit-box-shadow: inset 0px -8px 5px 0px rgba(0, 0, 0, 0.025);
    -moz-box-shadow:    inset 0px -8px 5px 0px rgba(0, 0, 0, 0.025);
    box-shadow:         inset 0px -8px 5px 0px rgba(0, 0, 0, 0.025);
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
    content: '';
}
#products.gliffy-online .valprop h1,
#products.gliffy-confluence .valprop h1,
#products.gliffy-jira .valprop h1 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 50px;
}
#products.gliffy-jira .valprop h1,
#products.gliffy-confluence .valprop h1 {
    font-size: 18px !important;
    line-height: 1.4em !important;
    margin-top: 35px;
}
#products.gliffy-confluence .valprop h1,
#products.gliffy-confluence .valprop p {
    text-align: left;
}
#products.gliffy-confluence .valprop .confluence-logo {
    margin-top: 135px;
    background: url('/_ui/images/products/vp-confluence-logo.png') 50% 50% no-repeat transparent;
    height: 46px;
    width: 301px;
}
#products.gliffy-jira .valprop .jira-logo {
    margin-top: 110px;
    background: url('/_ui/images/products/vp-jira-logo.png') 50% 50% no-repeat transparent;
    height: 85px;
    width: 220px;
}

#products.gliffy-online .valprop .screenshot {
    background: url('/_ui/images/products/vp-online-screenshot.jpg') 50% 50% no-repeat transparent;
    padding: 0 !important;
    width: 620px;
    height: 260px;
    position: absolute;
    bottom:0;
}
#products.gliffy-confluence .valprop .screenshot {
    background: url('/_ui/images/products/vp-confluence-screenshot.png') 50% 50% no-repeat transparent;
    padding: 0 !important;
    width: 600px;
    height: 380px;
    position: absolute;
    bottom:0;
}
#products.gliffy-jira .valprop .screenshot {
    background: url('/_ui/images/products/vp-jira-screenshot.png') 50% 50% no-repeat transparent;
    padding: 0 !important;
    width: 600px;
    height: 380px;
    position: absolute;
    bottom:0;
}
#products.gliffy-online .valprop .cta-btn.btn-secondary {
    margin-left: 20px;
    padding-left: 65px;
    padding-right: 65px;
}

/* Subnav */
#products.gliffy-online .nav-tabs,
#products.gliffy-confluence .nav-tabs,
#products.gliffy-jira .nav-tabs {
    border-bottom: 1px solid #dee6ef;
    height: 56px;
    margin-bottom: 45px;
}
#gliffy-web #products.gliffy-online .nav-tabs > .title,
#gliffy-web #products.gliffy-online .nav-tabs > li > a,
#gliffy-web #products.gliffy-confluence .nav-tabs > .title,
#gliffy-web #products.gliffy-confluence .nav-tabs > li > a,
#gliffy-web #products.gliffy-jira .nav-tabs > .title,
#gliffy-web #products.gliffy-jira .nav-tabs > li > a {
    font-size: 16px;
    line-height: 42px;
    font-weight: 200;
    padding: 13px 5px 0 0;
    margin: 0 40px;
}
#gliffy-web #products.gliffy-online .nav-tabs > li > a:last-child,
#gliffy-web #products.gliffy-confluence .nav-tabs > li > a:last-child,
#gliffy-web #products.gliffy-jira .nav-tabs > li > a:last-child {
    margin-right: 0;
}

#gliffy-web #products.gliffy-online .nav-tabs > li:not(.title),
#gliffy-web #products.gliffy-confluence .nav-tabs > li:not(.title),
#gliffy-web #products.gliffy-jira .nav-tabs > li:not(.title) {
    float: right;
}
#gliffy-web #products.gliffy-online .nav-tabs > .active > a,
#gliffy-web #products.gliffy-online .nav-tabs > .active > a:hover,
#gliffy-web #products.gliffy-confluence .nav-tabs > .active > a,
#gliffy-web #products.gliffy-confluence .nav-tabs > .active > a:hover,
#gliffy-web #products.gliffy-jira .nav-tabs > .active > a,
#gliffy-web #products.gliffy-jira .nav-tabs > .active > a:hover {
    border: 0;
    border-bottom: 2px solid #333333;
}
#gliffy-web #products.gliffy-online .nav-tabs a:hover,
#gliffy-web #products.gliffy-confluence .nav-tabs a:hover,
#gliffy-web #products.gliffy-jira .nav-tabs a:hover {
    border: 1px solid transparent;
    background-color: transparent;
}
#gliffy-web #products.gliffy-online .nav-tabs a:not(.title):hover,
#gliffy-web #products.gliffy-confluence .nav-tabs a:not(.title):hover,
#gliffy-web #products.gliffy-jira .nav-tabs a:not(.title):hover {
    border-bottom: 2px solid #235695;
}
#gliffy-web #products.gliffy-online .nav-tabs > .title,
#gliffy-web #products.gliffy-confluence .nav-tabs > .title,
#gliffy-web #products.gliffy-jira .nav-tabs > .title {
    color: #333333;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}

#products.gliffy-online.overview .main-content .row,
#products.gliffy-confluence.overview .main-content .row,
#products.gliffy-jira.overview .main-content .row,
#products.gliffy-gdocs-addon.overview .main-content .row.feature-icons {
    min-height: 125px;
}

#products.gliffy-online.overview .main-content .icon,
#products.gliffy-confluence.overview .main-content .icon,
#products.gliffy-jira.overview .main-content .icon,
#products.gliffy-gdocs-addon.overview .main-content .icon {
    background: none 0 0 no-repeat transparent;
    width: 60px;
    height: 60px;
    margin-top: 1em;
}

#products.gliffy-online.overview .main-content .icon {
    background-image: url('/_ui/images/products/sprite-online.png');
}
#products.gliffy-online.overview .main-content .icon.lightning {
    background-position: 0 0;
}
#products.gliffy-online.overview .main-content .icon.easy {
    background-position: 0 -65px;
}
#products.gliffy-online.overview .main-content .icon.revisions {
    background-position: 0 -130px;
}
#products.gliffy-online.overview .main-content .icon.collaborate {
    background-position: 0 -195px;
}
#products.gliffy-online.overview .main-content .icon.share {
    background-position: -65px 0;
}
#products.gliffy-online.overview .main-content .icon.themes {
    background-position: -65px -65px;
}
#products.gliffy-online.overview .main-content .icon.gdrive {
    background-position: -65px -130px;
}
#products.gliffy-online.overview .main-content .icon.import {
    background-position: -65px -195px;
}

#products.gliffy-confluence.overview .main-content .icon {
    background-image: url('/_ui/images/products/sprite-confluence.png');
}
#products.gliffy-confluence.overview .main-content .icon.easy {
    background-position: 0 0;
}
#products.gliffy-confluence.overview .main-content .icon.shape-library {
    background-position: 0 -65px;
}
#products.gliffy-confluence.overview .main-content .icon.share {
    background-position: 0 -130px;
}
#products.gliffy-confluence.overview .main-content .icon.help {
    background-position: 0 -195px;
}
#products.gliffy-confluence.overview .main-content .icon.add-to-other {
    background-position: -65px 0;
}
#products.gliffy-confluence.overview .main-content .icon.collaborate {
    background-position: -65px -65px;
}
#products.gliffy-confluence.overview .main-content .icon.revisions {
    background-position: -65px -130px;
}

#products.gliffy-jira.overview .main-content .icon {
    background-image: url('/_ui/images/products/sprite-jira.png');
}
#products.gliffy-jira.overview .main-content .icon.save {
    background-position: 0 0;
}
#products.gliffy-jira.overview .main-content .icon.improve {
    background-position: 0 -65px;
}
#products.gliffy-jira.overview .main-content .icon.collaborate {
    background-position: -65px 0;
}
#products.gliffy-jira.overview .main-content .icon.help {
    background-position: -65px -65px;
}

#products.gliffy-online.overview .main-content,
#products.gliffy-confluence.overview .main-content,
#products.gliffy-jira.overview .main-content,
#products.gliffy-gdocs-addon.overview .main-content {
    font-size: 14px;
    font-weight: 400;
}
#products.gliffy-gdocs-addon.overview .main-content {
    font-weight: 300;
}

#products.gliffy-online.overview .main-content h4,
#products.gliffy-confluence.overview .main-content h4,
#products.gliffy-jira.overview .main-content h4,
#products.gliffy-gdocs-addon.overview .main-content h4 {
    font-weight: 500;
}


/* Google Docs Add-On Landing Page
-------------------------------------------------------*/
.hr {
    width: 100%;
    border-bottom: 1px solid #CCC;
    position: relative;
    height: 1px;
    margin: 20px 0 40px;
}
.hr:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 0px;
    background-color: #f9f9f9;
}
.hr:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: -2px;
    background-color: #ecedee;
}
#products.gliffy-gdocs-addon.overview {
    margin-top: -40px;
}
#products.gliffy-gdocs-addon.overview .valprop h1 {
    font-size: 36px !important;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
}
#products.gliffy-gdocs-addon.overview .valprop .subhead {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 60px;
}
#products.gliffy-gdocs-addon.overview .icons {
    background: url('/_ui/images/products/google-docs-add-on/cta-icons.png') 50% 50% no-repeat transparent;
    padding-top: 125px;
    margin-bottom: 60px;
    position: relative;
}
#products.gliffy-gdocs-addon.overview .icons .diagrams,
#products.gliffy-gdocs-addon.overview .icons .docs {
    font-size: 16px;
    color: #666;
    position: absolute;
    top: 135px;
}
#products.gliffy-gdocs-addon.overview .icons .diagrams {
    left: 320px;
}
#products.gliffy-gdocs-addon.overview .icons .docs {
    left: 535px;
}
#products.gliffy-gdocs-addon.overview h2 {
    margin: 40px 0;
    font-weight: 500;
}
#products.gliffy-gdocs-addon.overview .valprop *,
#products.gliffy-gdocs-addon.overview .center {
    text-align: center;
}
#products.gliffy-gdocs-addon.overview .cta-btn {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    background: #e56208;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    -moz-box-shadow:    inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    box-shadow:         inset 0px -1px 1px 0px rgba(0, 0, 0, 0.85);
    padding: 15px 30px;
    line-height: 4.9em;
}
#products.gliffy-gdocs-addon.overview .cta-btn:hover {
    text-decoration: none;
}

#products.gliffy-gdocs-addon.overview .instructions {
    margin-top: 50px;
    margin-bottom: 10px;
}

#products.gliffy-gdocs-addon.overview [class^="screenshot-step"] {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 241px;
    width: 404px;
    border: 2px solid #e2e2e2;
    border-radius: 4px;
    padding: 7px;
}
#products.gliffy-gdocs-addon.overview [class^="step"] {
    font-size: 16px;
    font-weight: 300;
    position: relative;
}

#products.gliffy-gdocs-addon.overview [class^="step"]:before {
    position: absolute;
    left: -20px;
    top: 0;
}
#products.gliffy-gdocs-addon.overview .step1:before {
    content: "1.";
}
#products.gliffy-gdocs-addon.overview .step2:before {
    content: "2.";
}
#products.gliffy-gdocs-addon.overview .step3:before {
    content: "3.";
}
#products.gliffy-gdocs-addon.overview .step4:before {
    content: "4.";
}

#products.gliffy-gdocs-addon.overview .screenshot-step1 {
    background-image: url('/_ui/images/products/google-docs-add-on/install-1.png');
}

#products.gliffy-gdocs-addon.overview .screenshot-step2 {
    background-image: url('/_ui/images/products/google-docs-add-on/install-2.png');
}
#products.gliffy-gdocs-addon.overview .screenshot-step3 {
    background-image: url('/_ui/images/products/google-docs-add-on/install-3.png');
}
#products.gliffy-gdocs-addon.overview .screenshot-step4 {
    background-image: url('/_ui/images/products/google-docs-add-on/install-4.png');
    margin-bottom: 20px;
}


#products.gliffy-gdocs-addon.overview .main-content .icon {
    background-image: url('/_ui/images/products/sprite-gdocs.png');
}
#products.gliffy-gdocs-addon.overview .main-content .icon.how-it-works {
    background-position: 0 0;
}
#products.gliffy-gdocs-addon.overview .main-content .icon.easy {
    background-position: 0 -65px;
}
#products.gliffy-gdocs-addon.overview .main-content .icon.revisions {
    background-position: 0 -130px;
}
#products.gliffy-gdocs-addon.overview .main-content .icon.shape-library {
    background-position: -65px 0;
}
#products.gliffy-gdocs-addon.overview .main-content .icon.collaborate {
    background-position: -65px -65px;
}
#products.gliffy-gdocs-addon.overview .main-content .icon.help {
    background-position: -65px -130px;
    margin-bottom: 30px;
}
#products.gliffy-gdocs-addon.overview .main-content a {
    font-weight: bold;
}

/* Confluence Landing Page
-------------------------------------------------------*/
#products #confluence-landing h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    color: #000000;
    line-height: 1.2em;
    text-shadow: #cccccc 3px 3px 1px;
}
#products #confluence-landing h2 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-top: 0;
}
#products #confluence-landing .row {
    margin-top: 40px;
}

#products #confluence-landing .center {
    text-align: center;
    padding: 20px 0;
}
#products #confluence-landing .center .btn {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Confluence What's New
-------------------------------------------------------*/
#products.gliffy-confluence.whats-new .alert {
    margin-bottom: 0;
}

#products.gliffy-confluence.whats-new .feature {
    padding:30px 0;
}

/* Confluence Pricing
-------------------------------------------------------*/
#plugin-pricing table,
#plugin-pricing table tr,
#plugin-pricing table tr td {
    border: none;
}
#plugin-pricing table.confluence-pricing-table {
    margin:0;
}
#plugin-pricing .confluence-pricing-table .bg-green {
    background-color: #699d40;
    color: #ffffff;
    font-weight: normal;
}
#plugin-pricing .confluence-pricing-table .confluence-pricing-table-td-userqty {
    padding-left: 10px;
    text-align: left;
    width: 230px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
#plugin-pricing .confluence-pricing-table .confluence-pricing-table-td {
    background-color: #f7faf5;
    padding-left: 70px;
    text-align: left;
    color: #000000;
    font-size: 16px;
    border-bottom: 1px solid #ffffff;
}
#plugin-pricing .confluence-pricing-table-tr:nth-of-type(odd) .confluence-pricing-table-td {
    background-color: #f2f5f0;
}
#plugin-pricing .confluence-pricing-table-td-userqty {
    font-size: 16px;
    color: #000000;
}
#plugin-pricing .confluence-pricing-table-td-userqty .qualifier {
    font-size: 12px;
    color: #666666;
}
#plugin-pricing .confluence-pricing-table-tr .price-note {
    color: #666;
    font-size: 14px;
    text-align: right;
}
#products.confluence-subnav h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    margin-top: 30px;
    line-height: 1em;
}


/* Download Archive
-------------------------------------------------------*/
#release-notes table {
    margin: 20px 0;
}

#release-notes table td {
    border: 1px solid #eee;
    padding: 10px;
    width: 200px;
    text-align: center;
}

#release-notes th {
    padding: 5px 10px;
    border: 0px;
}

/* Support
-------------------------------------------------------*/
#support {
    margin-top: -50px;
}
#support h2 {
    font-size: 24px;
    font-weight: 500;
}
#support p {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4em;
}
#support .valprop {
    background: url('/_ui/images/valprop-support.png') 50% 50% no-repeat transparent;
    background-size: cover;
    padding: 0 !important;
    height: 400px;
    position: relative;
    text-align: center;
}
#support_search {
    margin-top: 190px;
}
#support_search .input-append {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#support_search .search-query {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    height: 35px;
}
#support_search button[type="submit"] {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    height: 45px;
}
#support #google-search-results {
    margin-top: 30px;
}
#support .cta-block {
    position: relative;
    margin: 30px 0 50px;
    padding-bottom: 40px;
}
#support .cta-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 160px;
    width: 620px;
    height: 2px;
    background-color: #e8edf4;
}
#support .cta-block p {
    font-size: 14px;
    padding: 0 25px;
}
#support .cta-block h2 {
    text-align: center;
}
#support .cta-block h2 > a:hover {
    text-decoration: none;
}
#support .cta-block h2.user-manual a::after,
#support .cta-block h2.support-desk-and-forums a::after,
#support .cta-block h2.faq a::after {
    content: "";
    background: url('/_ui/images/support/sprite-support-topics.png') transparent 0 -205px no-repeat;
    display: block;
    height: 200px;
    width: 200px;
    margin: 10px auto;
}
#support .cta-block h2.support-desk-and-forums a::after {
    background-position: -205px -205px;
}
#support .cta-block h2.faq a::after {
    background-position: -410px -205px;
}
#support .cta-block h2.user-manual a:hover::after {
    background-position: 0 0;
}
#support .cta-block h2.support-desk-and-forums a:hover::after {
    background-position: -205px 0;
}
#support .cta-block h2.faq a:hover::after {
    background-position: -410px 0;
}

#support .main-content :not(.sidebar-blue) p {
    margin-bottom: 30px;
}
#support .sidebar-blue {
    background-color: #e8edf4;
}
#support .sidebar-blue h2 {
    font-size: 18px;
    line-height: 24px;
}
#support .sidebar-blue p {
    font-size: 14px;
}
#support .sidebar-blue > *:first-child {
    padding-top: 10px;
}
#support .sidebar-blue > *:last-child {
    padding-bottom: 20px;
}
#support .sidebar-blue h2, #support .sidebar-blue p, #support .sidebar-blue ul {
    padding-left: 20px;
    padding-right: 20px;
}
.support-option {
    border: 1px solid #ccc;
    padding: 0 15px;
    height: 230px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.support-option .symbol {
    text-align: center;
}

#support-offering {
    padding-top: 20px;
}

#support .robot {
    padding: 40px 20px 0 20px;
}

/* Team
-------------------------------------------------------*/
#team .banner {
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}

.team-member {
    margin-bottom: 45px;
    text-align: center;
}
.team-member .photo {
    height: 220px;
    width: 220px;
    background: url("/_ui/images/about/team-members.jpg?v=20150722") transparent 0 -10px no-repeat;
}
.team-member.chris .photo {
    background-position: 0px -230px;
}
.team-member.clint .photo {
    background-position: 0px -450px;
}
.team-member.eric .photo {
    background-position: 0px -670px;
}
.team-member.may .photo {
    background-position: 0px -890px;
}
.team-member.harry .photo {
    background-position: 0px -1110px;
}
.team-member.rocco .photo {
    background-position: 0px -1330px;
}
.team-member.jan .photo {
    background-position: 0px -1550px;
}
.team-member.katy .photo {
    background-position: 0px -1770px;
}
.team-member.liza .photo {
    background-position: 0px -1990px;
}
.team-member.jason .photo {
    background-position: 0px -2430px;
}
.team-member.mike .photo {
    background-position: 0px -2870px;
}
.team-member.tyler .photo {
    background-position: 0px -3090px;
}
.team-member.mark .photo {
    background-position: 0px -3310px;
}
.team-member.joshua .photo {
    background-position: 0px -3530px;
}
.team-member.zac .photo {
    background-position: 0px -3750px;
}
.team-member.kat .photo {
    background-position: 0px -3970px;
}
.team-member.teresa .photo {
    background-position: 0px -4190px;
}
.team-member.edmund .photo {
    background-position: 0px -4410px;
}
.team-member.dyami .photo {
    background-position: 0px -4850px;
}
.team-member.nate .photo {
    background-position: 0px -5060px;
}
.team-member.ashim .photo {
    background-position: 0px -5290px;
}
.team-member.gabriel .photo {
    background-position: 0px -5510px;
}
.team-member.paul .photo {
    background-position: 0px -10px;
}
.team-member.you .photo {
    background-position: 0px -5730px;
}

.team-member .overlay .photo {
    position: absolute;
    left: 25px;
    top: 25px;
}


#gliffy-web.about .team-member h2 {
    margin-top: 10px;
    line-height: 1em;
}


/* About section
-------------------------------------------------------*/

#gliffy-web.about p {
    color: #333;
}
#gliffy-web.about #customers p {
    color: #58595B;
}
#gliffy-web.about .valprop {
    background-size: cover;
    padding: 60px 0;
    height: 400px;
}
#gliffy-web.about .valprop .circle {
    background-color: rgb(100, 148, 190);
    background-color: rgba(35, 85, 149, 0.45);
    border-radius: 50%;
    width: 265px;
    height: 265px;
    margin: 0 auto;
    font-weight: 400;
}
#gliffy-web.about .valprop .quote,
#gliffy-web.about .valprop .cite {
    color: #ffffff;
    text-align: center;
}
#gliffy-web.about .valprop .quote {
    padding-top: 42%;
    font-size: 28px;
    margin-bottom: 20px;
}
#gliffy-web.about .valprop .cite {
    font-size: 14px;
}
#gliffy-web.about .left {
    float: left;
}
#gliffy-web.about .right {
    float: right;
}

#gliffy-web.about .subnav {
    margin-bottom: 40px;
    padding-top: 20px;
    text-align: center;
    height: 40px;
    position: relative;
}
#gliffy-web.about .subnav::after {
    content: "";
    border-bottom: 2px solid #dee6ef;
    width: 940px;
    left: 20px;
    bottom: -2px;
    position: absolute;
    z-index: -1;
}
#gliffy-web.about .subnav a {
    font-size: 16px;
    font-weight: 200;
    border-bottom: 2px solid #dee6ef;
    display: block;
    padding-bottom: 20px;
}
#gliffy-web.about .subnav .active a {
    font-weight: 400;
}
#gliffy-web.about .subnav .active a {
    color: #333;
    border-bottom: 2px solid #333;
}
#gliffy-web.about .subnav a:hover {
    text-decoration: none;
}
#gliffy-web.about h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
}
#gliffy-web.about .sidebar {
    background: #E8EDF4;
    background: rgba(35, 86, 149, 0.10);
    padding: 15px 0;
}
#gliffy-web.about #press .sidebar > *:first-child {
    margin-top: 0;
}
#gliffy-web.about .sidebar p {
    margin-bottom: 15px;
}
#gliffy-web.about .sidebar p:last-child {
    margin-bottom: 0;
}
#gliffy-web.about .sidebar>* {
    padding: 0 20px;
}
#gliffy-web.about .press-item {
    color: #333333;
    font-size: 14px;
    font-weight: 200;
    padding: 20px 0 10px;
    border-bottom: 1px solid #ddd;
}
#gliffy-web.about .main-content h3,
#gliffy-web.about .main-content .timestamp {
    color: #333333;
    line-height: 1em;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}
#gliffy-web.about .main-content h3 {
    margin: 0 0 5px 0;
}
#gliffy-web.about .press-item:first-child {
    padding-top: 10px;
}
#gliffy-web.about .press-item:last-child {
    border-bottom: none;
}
ul.customers li {
    list-style: none;
}

ul.customers {
    margin-left: 0;
}

#gliffy-web.about .testimonial {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #CCC;
    margin: 0 20px 20px;
    padding: 0;
}
#gliffy-web.about .testimonial:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#gliffy-web.about .testimonial h3 {
    padding-bottom: 10px;
}

#gliffy-web.about .margin-bottom {
    margin-bottom: 40px;
}

#gliffy-web.about #team h2 {
    font-size: 16px;
    font-weight: 400;
}
#gliffy-web.about #team .team-member img:hover {
    cursor: pointer;
}
#gliffy-web.about #team .team-member p {
    font-size: 16px;
    font-weight: 200;
}
#gliffy-web.about #team .team-member .overlay {
    display:none;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}
#gliffy-web.about #team .team-member .overlay .content {
    position: relative;
    background-color: #FFF;
    border-radius: 5px;
    top: 30%;
    width: 510px;
    margin: 0 auto;
    min-height: 230px;
    padding: 40px 30px 0 270px;
}
#gliffy-web.about #team .overlay img {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 220px;
    height: 220px;
    cursor: default !important;
}
#gliffy-web.about #team .overlay p {
    text-align: left;
    color: #333;
}
#gliffy-web.about #team .overlay .name,
#gliffy-web.about #team .overlay .title {
    font-size: 21px;
}
#gliffy-web.about #team .overlay .title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#gliffy-web.about #team .overlay .title::after {
    border-bottom: 2px solid #333;
    content: '';
    left: 0;
    bottom: 0;
    width: 35px;
    height: 2px;
    position: absolute;
}
#gliffy-web.about #team .overlay .name {
    color: #235695;
    font-weight: 400;
}
#gliffy-web.about #team .overlay .blurb {
    color: #888;
    padding-bottom: 60px;
    line-height: 24px;
}
#gliffy-web.about #team .close-btn {
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
    background-image: url('/_ui/images/about/modal_close.png');
    width: 40px;
    height: 40px;
    content: '';
}

#gliffy-web.about #team .valprop {
    background: url('/_ui/images/about/valprop-team.jpg') 50% 50% no-repeat transparent;
    background-size: cover;
    padding: 0 !important;
}
#gliffy-web.about #team .valprop p {
    color: #ffffff;
    font-size: 17px;
    font-weight: 100;
    line-height: 1.5em;
    padding-top: 60px;
    letter-spacing: .05em;
}
#gliffy-web.about #customers strong {
    font-weight: 400;
}
#gliffy-web.about #customers .valprop {
    background: url('/_ui/images/about/valprop-customer-logos.png') 50% 50% no-repeat transparent;
    background-size: inherit;
    padding: 0;
}
#gliffy-web.about #customers .main-content h3,
#gliffy-web.about #customers .main-content,
#gliffy-web.about #customers .testimonial h3,
#gliffy-web.about #customers .testimonial p {
    font-weight: 200;
}
#gliffy-web.about #customers .main-content .span4>h3:first-child {
    margin-top: 15px;
}
#gliffy-web.about #customers h2,
#gliffy-web.about #customers h3 {
    font-size: 18px;
}
#gliffy-web.about #customers .main-content h3,
#gliffy-web.about #customers .sidebar h2 {
    line-height: 25px;
    font-weight: 500;
    margin-top: 0;
}
#gliffy-web.about #customers .main-content .customers {
    margin-bottom: 30px;
}
#gliffy-web.about #customers .main-content .customers a {
    line-height: 21px;
}
#gliffy-web.about #customers .testimonial h3 {
    font-size: 14px;
    line-height: 1.25em;
}
#gliffy-web.about #customers .testimonial p {
    font-size: 14px;
    line-height: 18px;
}
#gliffy-web.about #press h2 {
    font-size: 18px;
    font-weight: 500;
}
#gliffy-web.about #press .sidebar h2 {
    margin-bottom: 20px;
}
#gliffy-web.about #press .sidebar h3 a {
    line-height: 1.3em;
}
#gliffy-web.about #press .sidebar p {
    font-weight: 200;
}
#gliffy-web.about #press .valprop {
    background: url('/_ui/images/about/valprop-press.jpg') 50% 50% no-repeat transparent;
    background-size: cover;
    padding: 0 !important;
}
#gliffy-web.about #press .valprop>.container {
    padding-top: 60px;
}

/* Jobs
-------------------------------------------------------*/
#jobs .valprop {
    background: url('/_ui/images/about/valprop-careers.jpg?v=201409191554') 50% 50% no-repeat transparent;
    background-size: cover;
    padding: 0 !important;
}
#gliffy-web.about #jobs h1 {
    font-size: 18px;
    font-weight: 500;
}

#job-list {
    margin-bottom: 30px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    display: table;
    padding: 20px 0;
}
#job-list .job-row {
    display: table-row;
}
#job-list .job-item {
    display: table-cell;
    position: relative;
}
#job-list .job-item a {
    font-size: 14px;
    font-weight: 200;
    line-height: 2em;
}
#jobs .main-content img {
    margin: 12px 0 0;
}
#jobs .main-content h2 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}
#jobs .main-content p {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 20px;
}

.btn-green-flat {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    background-color: #A8C63E;
    background-image: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-bottom: 2px solid #349B42;
}
.btn-green-flat:hover {
    background-color: #A6CD38;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#jobs #mc_embed_signup {
    margin-top: 14px;
}
#jobs #mce-EMAIL {
    width: 360px;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    padding: 10px 0 10px 10px;
}
#jobs #mc-embedded-subscribe {
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    border-left: 0;
    width: 100px;
    font-weight: 400;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 14px 8px;
    border-bottom: 3px solid #349b42;
}



.testimonial {
    background: rgba(204, 204, 102, .1);
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0;
}

/* Examples
-------------------------------------------------------*/
#examples h1 {

}
#examples h2,
#examples h3,
#examples h4,
#examples .h2style {
  font-size: 18px;
  line-height: 20px;
}
#examples .h2style {
  color: #333;
  font-weight: bold;
}
#examples .example {
    text-align: center;
    margin: 20px 0;
}

#examples .carousel {
    text-align: center;
    margin: 40px 0;
}

#examples .carousel-activity-diagram {
    height: 680px;
}
#examples .carousel-class-diagram {
    height: 400px;
}
#examples .carousel-component-diagram {
    height: 415px;
}
#examples .carousel-deployment-diagram {
    height: 715px;
}
#examples .carousel-sequence-diagram {
    height: 575px;
}
#examples .carousel-use-case-diagram {
    height: 510px;
}
#examples .carousel-state-machine-diagram {
    height: 465px;
}

#examples .thumbnail {
    border: 2px solid #ddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 170px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 30px;
}

#example-thumbnails {
    margin-bottom: 20px;
}

#examples .templates {
    margin-bottom: 20px;
}

#example-thumbnails h4 {
    margin: 20px 0 5px 0;
    padding: 0;
}

/* For A/B testing on Flowcharts page*/
#examples .btn-content-header {
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    right: 0;
}
#examples .content-wrapper {
    position: relative;
}
#examples .sidebar-alternate-span #sidebar {
    background: none;
    border-left: 1px solid #eeeeee;
}
#examples .sidebar-alternate-span #sidebar .nav > li {
    padding: 0;
}
#examples .sidebar-alternate-span #sidebar .nav > li:hover {
    background: none;
}
#examples .sidebar-alternate-span #sidebar .nav > li > a:hover {
    text-decoration: underline;
}

#examples .btn-220 {
    width:190px;
}

#examples .button-wrapper {
    margin: 20px 0 30px -20px;
}
#examples .middle-bar {
    border-top: 1px solid #eeeeee;
    margin-top: 14px;
}
#examples .thumbnail-row {
    margin-top: 20px;
}
#examples p.icons {
    text-align:center;
    margin: 20px 0 20px;
}

/* API
-------------------------------------------------------*/
#api h5 {
    margin-bottom: 0;
}

#api h4 {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
}

#api #sidebar {
	margin-top:20px;
}

/* Sign Up
-------------------------------------------------------*/
#signup button {
    margin: 20px 0;
}

#signup form {
	margin-top:15px;
}

form.signup {
    border-right: 1px solid #ddd;
}

/* Buttons
-------------------------------------------------- */
a.btn {
    color: #fff;
}

.btn-blue {
    background-color: #235695;
    background-image: -moz-linear-gradient(top, #4882B5, #235695);
    background-image: -ms-linear-gradient(top, #4882B5, #235695);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4882B5), to(#235695));
    background-image: -webkit-linear-gradient(top, #4882B5, #235695);
    background-image: -o-linear-gradient(top, #4882B5, #235695);
    background-image: linear-gradient(top, #4882B5, #235695);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#4882B5', EndColorStr = '#235695');
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    color: #fff;
}

.btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] {
    background-color: #235695 !important;
    background-image: none !important;
    filter: none;
    color: #fff;
}

.btn-blue, .btn-blue:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn-blue.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-orange {
    background-color: #EB6508;
    background-image: -moz-linear-gradient(top, #F59247, #EB6508);
    background-image: -ms-linear-gradient(top, #F59247, #EB6508);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F59247), to(#EB6508));
    background-image: -webkit-linear-gradient(top, #F59247, #EB6508);
    background-image: -o-linear-gradient(top, #F59247, #EB6508);
    background-image: linear-gradient(top, #F59247, #EB6508);
    background-repeat: repeat-x;
    border-color: #EB6508 #EB6508 #EB6508;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#F59247', EndColorStr = '#EB6508');
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    color: #fff;
}

.btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] {
    background-color: #EB6508 !important;
    background-image: none !important;
    filter: none;
    color: #fff;
}

.btn-orange, .btn-orange:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn-orange.active {
    color: rgba(255, 255, 255, 0.75);
}




.btn-gray {
	background-color: #888888;
	background-image: -moz-linear-gradient(top, #aaaaaa, #888888);
	background-image: -ms-linear-gradient(top, #aaaaaa, #888888);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaaaaa), to(#888888));
	background-image: -webkit-linear-gradient(top, #aaaaaa, #888888);
	background-image: -o-linear-gradient(top, #aaaaaa, #888888);
	background-image: linear-gradient(top, #aaaaaa, #888888);
	background-repeat: repeat-x;
	border-color: #888888 #888888 #888888;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#aaaaaa', EndColorStr = '#888888');
 filter: progid:dximagetransform.microsoft.gradient(enabled = false);
	color: #fff;
}
.btn-gray:hover, .btn-gray:active, .btn-gray.active, .btn-gray.disabled, .btn-gray[disabled] {
	background-color: #888888 !important;
	background-image: none !important;
	filter: none;
	color: #fff;
}
.btn-gray, .btn-gray:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
}
.btn-gray.active {
	color: rgba(255, 255, 255, 0.75);
}








.btn-primary {
	background-color: #235695;
	background-image: -moz-linear-gradient(top, #4882B5, #235695);
	background-image: -ms-linear-gradient(top, #4882B5, #235695);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4882B5), to(#235695));
	background-image: -webkit-linear-gradient(top, #4882B5, #235695);
	background-image: -o-linear-gradient(top, #4882B5, #235695);
	background-image: linear-gradient(top, #4882B5, #235695);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#4882B5', EndColorStr = '#235695');
 filter: progid:dximagetransform.microsoft.gradient(enabled = false);
	color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #235695 !important;
	background-image: none !important;
	filter: none;
	color: #fff;
}
.btn-primary, .btn-primary:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
}
.btn-primary.active {
	color: rgba(255, 255, 255, 0.75);
}



.btn-green {
    background-color: #699D40;
    background-image: -moz-linear-gradient(top, #8DC100, #699D40);
    background-image: -ms-linear-gradient(top, #8DC100, #699D40);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8DC100), to(#699D40));
    background-image: -webkit-linear-gradient(top, #8DC100, #699D40);
    background-image: -o-linear-gradient(top, #8DC100, #699D40);
    background-image: linear-gradient(top, #8DC100, #699D40);
    background-repeat: repeat-x;
    border-color: #699D40 #699D40 #699D40;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#8DC100', EndColorStr = '#699D40');
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    color: #fff;
}

.btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] {
    background-color: #699D40 !important;
    background-image: none !important;
    filter: none;
    color: #fff;
}

.btn-green, .btn-green:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn-green.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-main {
    padding: 9px 24px;
    font-size: 28px;
		font-family:Helvetica, Arial, sans-serif;
		font-weight:500;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-medium {
    padding: 6px 12px;
    font-size: 14px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.btn-gray {
    color: #000 !important;
}

/* Homepage specific button styles */
#gliffy-web.homepage #header .header-btn {
    background-color: #ef8651;
    background: -webkit-linear-gradient(#ef8651, #ed793e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ef8651, #ed793e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ef8651, #ed793e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ef8651, #ed793e); /* Standard syntax */
    border:none;
    border-bottom: 1px solid #b45821;
    border-radius: 5px;
}

#gliffy-web.products .valprop .cta-btn,
#gliffy-web.homepage .cta-wrapper .btn,
#gliffy-web.homepage .cta-wrapper a.btn,
#gliffy-web.homepage .cross-browser a.btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* @else { font-size: $padding - rem-calc(2); } */
    font-weight: 700;
    background-color: #ef8651;
    background: -webkit-linear-gradient(#ef8651, #ed793e);
    background: -o-linear-gradient(#ef8651, #ed793e);
    background: -moz-linear-gradient(#ef8651, #ed793e);
    background: linear-gradient(#ef8651, #ed793e);
    border:none;
    border-bottom: 1px solid #b45821;
    border-radius: 5px;
    box-shadow: none;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    margin: 0px;
    -webkit-transition: background-color 0ms;
    -moz-transition: background-color 0ms;
    transition: background-color 0ms;
    /* @else { font-size: $padding - rem-calc(2); } */
}
#gliffy-web.homepage .cross-browser a.btn {
    margin-top: 50px;
}

#gliffy-web.products .valprop .cta-btn:hover,
#gliffy-web.homepage #header .header-btn:hover,
#gliffy-web.homepage #header .header-btn:focus,
#gliffy-web.homepage .cta-wrapper .btn:hover,
#gliffy-web.homepage .cta-wrapper .btn:focus,
#gliffy-web.homepage .cross-browser a.btn:hover,
#gliffy-web.homepage .cross-browser a.btn:focus {
    background: #ed793e;
}

#gliffy-web.products .valprop .cta-btn:active,
#gliffy-web.homepage #header .header-btn:active,
#gliffy-web.homepage .cta-wrapper .btn:active,
#gliffy-web.homepage .cross-browser a.btn:active {
    background: #ef8651;
    border-top: 1px solid #b45821;
    border-bottom: 0px;
}

#gliffy-web.products .valprop .btn-secondary,
#gliffy-web.homepage .cta-wrapper a.btn-secondary {
    background-color: #8dc44a;
    background: -webkit-linear-gradient(#8dc44a, #7bba2c);
    background: -o-linear-gradient(#8dc44a, #7bba2c);
    background: -moz-linear-gradient(#8dc44a, #7bba2c);
    background: linear-gradient(#8dc44a, #7bba2c);
    border-bottom-color: #0b7d46;
}

#gliffy-web.products .valprop .btn-secondary:hover,
#gliffy-web.products .valprop .btn-secondary:focus,
#gliffy-web.homepage .cta-wrapper a.btn-secondary:hover,
#gliffy-web.homepage .cta-wrapper a.btn-secondary:focus {
    background: #7bba2c;
}

#gliffy-web.products .valprop .btn-secondary:active,
#gliffy-web.homepage .cta-wrapper a.btn-secondary:active {
    background: #8dc44a;
    border-top: 1px solid #0b7d46;
}
/* END Homepage specific button styles */



/* Footer
-------------------------------------------------------*/
#footer {
    background: #235695;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 100px;
}

#footer p {
    color: #E8EEF5;
    color: rgba(255, 255, 255, .9);
}

#footer h5 {
    color: #E8EEF5;
    color: rgba(255, 255, 255, .9);
    margin: 0;
    padding: 0;
}

#footer a {
    color: #779BC0;
    color: rgba(255, 255, 255, 0.4);
}

#footer ul {
    margin: 0 0 15px 0;
    padding: 0;
}

#footer ul li {
    list-style: none;
}

#footer .socialmedia {
    margin-top: 30px;
}

#footer .socialmedia img {
    margin-right: 5px;
}

#footer .try-btn {
    margin-top:30px;
}

/* Support Results from Google */
.gs-title.gsc-table-cell-thumbnail.gsc-thumbnail-left {
    display: none;
}

.gsc-url-bottom {
    display: none;
}

.gsc-result {
    padding-bottom: 20px;
}

.gsc-cursor {
    display: block;
}

.gsc-cursor-page {
    width: 20px;
    float: left;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.gcsc-branding {
    display: none;
}

.gsc-cursor-current-page {
    color: black;
    cursor: none;
    text-decoration: none;
    font-weight: bold;
}

#pass-recover {
    display: none;
    padding: 15px 15px 0 15px;
}

#loading-login {
    display: none;
    padding-top: 115px;
    margin: 0 auto;
}
#loading-login p {
    text-align: center;
}
#loading-login .spinner {
    background: url(/_ui/images/spinner_small.gif) 0 0 no-repeat transparent;
    padding-left: 20px;
}

.loginbox {
    height: 268px;
    width: 275px;
}

.innerLogin {
    width: 240px;
    text-align: center;
    padding: 3px;
}

/* USER MANUAL */
div.article {
    clear: both;
    margin-bottom: 20px;
    margin-left: 30px;
}

div.article h2 {
    display: block;
    border-bottom: 1px solid #ccc;
}

/* SEARCH ENGINE */
.gsc-tabHeader, .gsc-above-wrapper-area, .gsc-title, .gsc-resultsHeader, .gsc-url-top, .gs-watermark {
    display: none;
}

#google-search-results {
    min-height: 500px;
}

.gsc-table-cell-thumbnail {
    height: 100px;
    width: 150px;
    padding: 0 10px;
}

.gsc-thumbnail-inside .gs-title {
    font-size: 20px;
    margin-bottom: 3px;
}

.gs-image {
    max-width: 150px;
}

table.gsc-table-result tr td {
    text-align: left;
    vertical-align: top;
}

.gsc-webResult {
    margin-bottom: 10px;
}

.gsc-table-cell-thumbnail {
    display: none;
}

/* HTML5 Landing */

#gliffy-web #product-no-tabs .hero-unit {
    background: url(../images/bg_grid.gif) top left repeat;
    border: 1px solid #ddd;
    padding: 20px;
    min-height: 330px;
    margin-bottom: 20px;
}

#gliffy-web #product-no-tabs .main-copy {
    margin-left: 460px;
}

#gliffy-web #product-no-tabs .hero-unit h1 {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit;
}

#gliffy-web #product-no-tabs .hero-unit h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 28px;
    color: #666;
    margin-bottom: 20px;
}

#gliffy-web #product-no-tabs .hero-unit .main-image {
    float: left;
    margin-right: 20px;
    text-align: center;
}

#products .icon {
    float: left;
}

#products .benefit h4,
#products .benefit p {
    margin-left: 80px;
}

#products .benefit ul {
    margin-left: 100px;
}


/* CONFLUENCE / JIRA PURCHASE PAGES */

.buy {
	background: #E1EBD8;
	text-align: center;
	height: 190px;

}


.buy .title {

	font-size: 18px;
	background-color: #699d40;
	color: white;
	text-align: center;
	padding: 8px
}

.buy .btn, .renew .btn, .upgrade .btn {
	margin-top: 24px;
	margin-bottom: 20px;
	color: white;

}

.renew {
	background: #DDE5F1;
	text-align: center;
	height: 190px;

}


.renew .title {

	font-size: 18px;
	background-color:#235695;
	color: white;
	text-align: center;
	padding: 8px
}

.upgrade {
	background: #F2F2F2;
	text-align: center;
	height: 190px;
}

.upgrade .btn-gray {
    color: #ffffff !important;
}

.buy p, .renew p, .upgrade p {
	padding: 0 8px;
	font-size: 13px;
}

.upgrade .title {

	font-size: 18px;
	background-color:#888888;
	color: white;
	text-align: center;
	padding: 8px
}


.actions {
	margin: 30px 0;
}




/* MISC */
#top_banner {
    margin: -3px 0 10px 0;
}

iframe.video_iframe {
    border: none;
}

.alert-warning {
    color: #EB6508;
    background-color: #FEE8DA;
    border-color: #FCD1B4;
}
.margin-bottom {
    margin-bottom: 20px;
}

/* Emergency Alert site-wide header alert
-------------------------------------------------------*/
#emergencyAlert {
    color: #EB6508;
    background-color: #FEE8DA;
    padding: 6px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .13);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .13);
}
#emergencyAlert .container {
    background: url(/_ui/images/icn-warning-orange.png) 50px 5px no-repeat;
    padding: 5px 0 5px 90px;
}

/* SAAS-1214 - Windows Chrome 45 bug
-------------------------------------------------------*/
#winChrome45Alert {
    display: none;
    color: #EB6508;
    background-color: #FEE8DA;
    padding: 6px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .13);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .13);
}
#winChrome45Alert .container {
    background: url(/_ui/images/icn-warning-orange.png) 50px 5px no-repeat;
    padding: 5px 0 5px 90px;
}

/* jCarousel Styles
-------------------------------------------------------*/
.jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 408px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    margin: 10px 0 20px;
}

.jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 730px;
    text-align: center;
}

/* Mailchimp styles
-------------------------------------------------------*/
.mce_inline_error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 220px;
}
.signup-jobs {
	margin: 20px 0 0;
}

/* Randoms
---------------------------------------------------------*/
.hide {
    display:none;
}

.api-support-status {
    border-radius: 6px;
    background-color: #FFFDDD;
    margin: -25px 0 20px 0;
}
.api-support-status p {
    margin: 20px;