/* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */

/**
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */
 

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 14, 2011 */

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('font/cartogothicstd-bold_0-webfont.eot');
    src: url('font/cartogothicstd-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
	 url('font/cartogothicstd-bold_0-webfont.woff') format('woff'),
	 url('font/cartogothicstd-bold_0-webfont.ttf') format('truetype'),
	 url('font/cartogothicstd-bold_0-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.node {
    margin-top: 0;
    padding-bottom: 1em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1em;
} 
body {
    margin: 0;
    padding: 0;
    background: #fff;
    background-position:center; 
    color: #494949;
    font: .8em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
input {
    font-size: 12px/100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #494949;
}
textarea, select {
    font: 12px/160%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #494949;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

h1, h2, h3, h4 { color: #06263d; }

h1 {
    font-size: 170%;
}
h2 {
    font-size: 160%;
    line-height: 130%;
    margin:0 0 4px;
}
h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    margin: 20px 0 10px 0;
    line-height: 120%;
}
h4 {
    font-size: 130%;
}
h5 {
    font-size: 120%;
}
h6 {
    font-size: 110%;
}
ul, quote, code, fieldset {
    margin: .5em 0;
}
a:link, a:visited {
    color: #06263d;
    text-decoration: none;
    font-weight:bold;
}
a:hover {
    color: #e5a82e;
    text-decoration: underline;
}
a:active, a.active {
    color: #5895be;
}
hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #5294c1;
}
ul {
    margin: 0.5em 0 1em;
    padding: 0;
}
ol {
    margin: 0.75em 0 1.25em;
    padding: 0;
}
ol li, ul li {
    margin: 0.4em 0 0.4em .5em; /* LTR */
}
ul.menu, .item-list ul {
    margin: 0.35em 0 0 -0.5em; /* LTR */
    padding: 0;
    line-height: 1.3em;
}
ul.menu ul, .item-list ul ul {
    margin-left: 0em; /* LTR */
}
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
    margin: 0.15em 0 0.15em .5em; /* LTR */
}
ul li, ul.menu li, .item-list ul li, li.leaf {
    padding: 0 0 .2em 1.5em;
    list-style-type: none;
    list-style-image: none;
    /*background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
}
ol li {
    padding: 0 0 .3em;
    margin-left: 2em; /* LTR */
}
ul li.expanded {
    background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
}
ul li.collapsed {
    /* background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;*/  /* LTR */
     padding-left: 0;
}
ul li.collapsed a{
    background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
    padding-left: 1.2em;
}
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
    display: block;
}
ul.inline li {
    background: none;
    margin: 0;
    padding: 0 1em 0 0; /* LTR */
}
ol.task-list {
    margin-left: 0; /* LTR */
    list-style-type: none;
    list-style-image: none;
}
ol.task-list li {
    padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
    background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
    color: #393;
    background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
    margin-right: 1em; /* LTR */
}
fieldset ul.clear-block li {
    margin: 0;
    padding: 0;
    background-image: none;
}
dl {
    margin: 0.5em 0 1em 1.5em; /* LTR */
}
dl dt {
}
dl dd {
    margin: 0 0 .5em 1.5em; /* LTR */
}
img, a img {
    border: none;
}
table {
    width: 100%;
}
thead th {
    border-bottom: 2px solid #d3e7f4;
    color: #494949;
    font-weight: bold;
}
th a:link, th a:visited {
    color: #6f9dbd;
}
.spotlight td, .spotlight  th {
    padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
    border: solid #d3e7f4;
    border-width: 1px 0;
}
tr.odd, tr.info {
    background-color: #edf5fa;
}
tr.even {
    background-color: #fff;
}
tr.drag {
    background-color: #fffff0;
}
tr.drag-previous {
    background-color: #ffd;
}
tr.odd td.active {
    background-color: #ddecf5;
}
tr.even td.active {
    background-color: #e6f1f7;
}
td.region, td.module, td.container, td.category {
    border-top: 1.5em solid #fff;
    border-bottom: 1px solid #b4d7f0;
    background-color: #d4e7f3;
    color: #455067;
    font-weight: bold;
}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
    border-top-width: 0;
}
span.form-required {
    color: #ffae00;
}
span.submitted, .description {
    font-size: 0.92em;
    color: #898989;
}
.description {
    line-height: 150%;
    margin-bottom: 0.75em;
    color: #898989;
}
.messages, .preview {
    margin: .75em 0 .75em;
    padding: .5em 1em;
}
.messages ul {
    margin: 0;
}
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
    margin: 0.25em 0;
}
#center form {
    margin-bottom: 2em;
}
.form-button, .form-submit {
    margin: 2em 0.5em 1em 0; /* LTR */
}
#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
    margin: 0;
}
.box {
    margin-bottom: 2.5em;
}

/*** Layout*/

#header-region {
    min-height: 0em;
    background: #d2e6f3 url(images/bg-top-bar.png) repeat-x 50% 100%;
    display: none;
}
#header-region .block {
    display: block;
    margin: 0 1em;
}
#header-region .block-region {
    display: block;
    margin: 0 0.5em 1em;
    padding: 0.5em;
    position: relative;
    top: 0.5em;
}
#header-region * {
    display: inline;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
    display: none;
}
#header-region p, #header-region img {
    margin-top: 0.5em;
}
#header-region h2 {
    margin: 0 1em 0 0; /* LTR */
}
#header-region h3, #header-region label, #header-region li {
    margin: 0 1em;
    padding: 0;
    background: none;
}
#wrapper {
    margin: 0 auto;
}
#wrappper_inner{
    background: url("/images/header/header-title-bg-blue.png") repeat-x scroll 0 101px;    
}
#wrapper #container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 984px;

}
#wrapper #container #header {
    float: left;
    margin: 0 auto;
    width: 100%;
}

#wrapper #container #header-partner {
    background: transparent url(images/bg-top.png) no-repeat 0 -25px;
    height: 75px;
}
#wrapper #creately_logo{
    float: left;
    margin: 40px 0 0 0;
}
#wrapper #container #header #clouds-floater,#wrapper #container #header-partner #clouds-floater  {
    float: right;
    margin-top: 20px;
    margin-right:10px;
    margin-left:12px;
}
#wrapper #container #header #background-floater,#wrapper #container #header-partner #background-floater {
    position:absolute;
    padding-left:210px;
    padding-top:19px;
    
}
#wrapper #container #header-partner h1, #wrapper #container #header-partner h1 a:link, #wrapper #container #header-partner h1 a:visited {
    line-height: 120px;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
#wrapper #container #header h1 span,#wrapper #container #header-partner h1 span {
    font-weight: bold;
}
#wrapper #container #header h1 img,#wrapper #container #header-partner h1 img {
    padding-top: 6px;
    padding-right: 20px; /* LTR */
    float: left; /* LTR */
}
#wrapper #container #header #menu-wrapper,#wrapper #container #header-partner #menu-wrapper  {
    float:right;
    padding-top: 40px;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
    min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
    min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
    /*   float: left; */
    width: 100%;
    /*background: transparent url("images/bg-top-bar-bottom.png") no-repeat 0 0;*/
    margin: 16px auto 10px;
    margin-bottom: 0px;
    float: left;
    /*background:#eee;*/
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
    margin-left: -210px;
}
body.sidebar-right #center {
    margin-right: -210px;
}
body.sidebars #center {
    margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
/*body.sidebar-left #squeeze {
    margin-left: 210px;
}*/
body.sidebar-right #squeeze {
    margin-right: 210px;
}
body.sidebars #squeeze {
    padding: 5px;
}
/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
    margin: 60px 0 5em;
    width: 210px;
    float: left;
    z-index: 2;
    position: relative;
}
#wrapper #container .sidebar .block {
    margin: 0 0 1.5em 0;
}
#sidebar-left .block {
    padding: 0 15px 0 0px;
}
#sidebar-right .block {
    padding: 0 0px 0 15px;
}
.block .content {
    margin: 0em 0; 
}
#sidebar-left .block-region {
    margin: 0 15px 0 0px; /* LTR */
}
#sidebar-right .block-region {
    margin: 0 0px 0 15px; /* LTR */
}
.block-region {
    padding: 1em;
    background: transparent;
    border: 2px dashed #b4d7f0;
    text-align: center;
    font-size: 1.3em;
}
/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
    position: relative;
    /*padding: 0px 10px 10px;*/
    margin-top:0;
    border-radius:10px;
    -moz-border-radius:10px;
}
#wrapper #container #center .right-corner {
    background: transparent url(images/bg-content-right2.png) no-repeat 100% 0;
    position: relative;
    left: 10px;
}
#wrapper #container #center .right-corner .left-corner {
    padding: 60px 25px 5em 35px;
    background: transparent url(images/bg-content-left2.png) no-repeat 0 0;
    margin-left: -10px;
    position: relative;
    left: -10px;
    min-height: 400px;
}
#wrapper #container #footer {
    float: none;
    clear: both;
    text-align: center;
    color: #898989;
}
#wrapper #container .breadcrumb {
    /*position: absolute;*/
    top: 15px;
    left: 35px; /* LTR */
    z-index: 3;
}
body.sidebar-left #footer {
    margin-left: -210px;
}
body.sidebar-right #footer {
    margin-right: -210px;
}
body.sidebars #footer {
    margin: 5px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
    color: #fff;
    font-weight: normal;
    text-shadow: #1659ac 0px 1px 3px;
    font-size: 1.5em;
}
#wrapper #container #header h1 a:hover {
    text-decoration: none;
}
#wrapper #container .breadcrumb {
    font-size: 0.92em;
}
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
    color: #529ad6;
}
#mission {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #e0e5fb;
    margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links {
    margin: 0;
    padding:0;
    float: right;
  }
ul.primary-links li {
    margin: 0;
    padding: 0;
    float: left; /* LTR */
    background-image: none;
}
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
    display: block;
    margin: 0 1em;
    /* padding: .75em 0 0;*/
    padding-top:0.75em;
    padding-left:0.5em; /*CJ: Hack 6/4/2010 - for team plans original was 1em */
    color:#fff;
    font-size:10pt; 
    font-weight: bold;
}
ul.primary-links li a:hover, ul.primary-links li a.active {
    color:#000;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
    margin: 0;
    padding: 18px 0 0;
    float: right; /* LTR */
    clear: right; /* LTR */
    position: relative;
    z-index: 4;
}
ul.secondary-links li {
    margin: 0;
    padding: 0;
    float: left; /* LTR */
    background-image: none;
}
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
    display: block;
    margin: 0 1em;
    padding: .75em 0 0;
    color: #cde3f1;
    background: transparent;
}
ul.secondary-links li a:hover, ul.secondary-links li a.active {
    color: #cde3f1;
    background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
}
#tabs-wrapper {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #e9eff3;
    position: relative;
}
ul.primary {
    padding: 10px 0 10px;
  }
ul.secondary {
    clear: both;
    text-align: left; /* LTR */
    border-bottom: 1px solid #e9eff3;
    margin: 0.2em 0px 1em;
    padding: 0.6em 0px 0.6em;
}
h2.with-tabs {
    margin: 0; /* LTR */
    padding: 0;
}
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
    border: 0;
    background: transparent;
    padding: 4px 1em;
    margin: 0 0 0 1px; /* LTR */
    height: auto;
    text-decoration: none;
    top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
    background: url(images/bg-tab.png) repeat-x 0 50%;
    color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
    font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
    padding: 1em 0;
}
ul.links li, ul.inline li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0; /* LTR */
    padding-right: 0em; /* LTR */
    background-image: none;
}
.node .links, .comment .links {
    text-align: left; /* LTR */
}
.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 1em;
}
.picture, .comment .submitted {
    float: right; /* LTR */
    clear: right; /* LTR */
    padding-left: 1em; /* LTR */
}
.new {
    color: #ffae00;
    font-size: 0.92em;
    font-weight: bold;
    float: right; /* LTR */
}
.terms {
    float: right; /* LTR */
}
.preview .node, .preview .comment, .sticky {
    margin: 0;
    padding: 0.5em 0;
    border: 0;
    background: 0;
}
.sticky {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #e0e5fb;
    margin-bottom: 2em;
}
#comments {
    position: relative;
    top: -1px;
    border-bottom: 1px solid #e9eff3;
    #margin: -1.5em -25px 0;
    padding: 0 25px;
}
#comments h2.comments {
    margin: 0 -25px;
    padding: .5em 25px;
    background: #fff url("images/gradient-inner.png") repeat-x 0 0;
    font-size:20px;
}
.comment {
    margin: 0 -25px;
    padding: 1.5em 25px 1.5em;
    border-top: 1px solid #e9eff3;
}
.indented {
    margin-left: 25px; /* LTR */
}
.comment h3 a.active {
    color: #494949;
}
.node .content, .comment .content {
    margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
    margin-top: 1em;
}
#aggregator .feed-item-title {
    font-size: 160%;
    line-height: 130%;
}
#aggregator .feed-item {
    border-bottom: 1px solid #e9eff3;
    margin: -1.5em -31px 1.75em;
    padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
    font-size: 0.92em;
}
#aggregator .feed-item-meta {
    font-size: 0.92em;
    color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
    border: 1px solid #fff;
}
#palette .item-selected {
    background: #fff url("images/gradient-inner.png") repeat-x 0 0;
    border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
    opacity: 0.5;
}
tr.odd td.menu-disabled {
    background-color: #edf5fa;
}
tr.even td.menu-disabled {
    background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
    background: #fff url("images/bg-bar-white.png") repeat-x 0 0;
    border: solid #f0f0f0;
    border-width: 0 1px 1px;
}
.poll .bar .foreground {
    background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}
.poll .percent {
    font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
    cursor: default;
    padding: 2px;
    margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #d9eaf5;
    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}
/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
    padding: 0 1em 1em;
    background-position: 0 .75em;
    background-color: transparent;
}
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
    padding-top: 1em;
}
fieldset legend {
  /* Fix disappearing legend in FFox */
    display: block;
}
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
    display: inline;
}
html.js fieldset.collapsed {
    background: transparent;
    padding-top: 0;
    padding-bottom: .6em;
}
html.js fieldset.collapsible legend a {
    padding-left: 2em; /* LTR */
    background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}
html.js fieldset.collapsed legend a {
    background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
    float: left; /* LTR */
    padding-right: 20px; /* LTR */
}
#block-node-0 img, .feed-icon {
    float: right; /* LTR */
    padding-top: 4px;
}
#block-node-0 .content {
    clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
    text-align: center;
}
#user-login-form ul {
    text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
    margin-top: 1.5em;
}
.profile h3 {
    border-bottom: 0;
    margin-bottom: 1em;
}
.profile dl {
    margin: 0;
}
.profile dt {
    font-weight: normal;
    color: #898989;
    font-size: 0.92em;
    line-height: 1.3em;
    margin-top: 1.4em;
    margin-bottom: 0.45em;
}
.profile dd {
    margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
    margin: 0;
    padding: 0;
}
div.admin .left {
    float: left; /* LTR */
    width: 48%;
}
div.admin .right {
    float: right; /* LTR */
    width: 48%;
}
div.admin-panel {
    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
    padding: 1em 1em 1.5em;
}
div.admin-panel .description {
    margin-bottom: 1.5em;
}
div.admin-panel dl {
    margin: 0;
}
div.admin-panel dd {
    color: #898989;
    font-size: 0.92em;
    line-height: 1.3em;
    margin-top: -.2em;
    margin-bottom: .65em;
}
table.system-status-report th {
    border-color: #d3e7f4;
}
#autocomplete li.selected, tr.selected td, tr.selected td.active {
    background: #06263d;
    color: #fff;
}
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
    color: #d3e7f4;
}
tr.taxonomy-term-preview {
    opacity: 0.5;
}
tr.taxonomy-term-divider-top {
    border-bottom: none;
}
tr.taxonomy-term-divider-bottom {
    border-top: 1px dotted #CCC;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
    background-color: #fff;
    border: 1px solid #b8d3e5;
}
.preview {
    background-color: #fcfce8;
    border: 1px solid #e5e58f;
}
div.status {
    color: #33a333;
    border-color: #c7f2c8;
}
#wrapper-front #squeeze .messages {
    box-shadow: 0 1px 2px 1px #000000;
    opacity: 0.85;
    position: absolute;
    width: 947px;
    z-index: 8;
}  /* this is only for front error msg */
div.error, tr.error {
    color: #a30000;
    background-color: #FFCCCC;
    max-width:842px;
}
.error-msg-center-big-650, .error-msg-center-big-650 .error {
    max-width:650px;
    text-align: center;
}
div.password-description{
    max-width:540px;
}
.form-item input.error, .form-item textarea.error {
    border: 1px solid #c52020;
    color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
    background-color: #fcf9e5;
}
tr.dblog-user td.active {
    background-color: #fbf5cf;
}
tr.dblog-content {
    background-color: #fefefe;
}
tr.dblog-content td.active {
    background-color: #f5f5f5;
}
tr.dblog-warning {
    background-color: #fdf5e6;
}
tr.dblog-warning td.active {
    background-color: #fdf2de;
}
tr.dblog-error {
    background-color: #fbe4e4;
}
tr.dblog-error td.active {
    background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
    background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
    background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
    background-color: #fcc;
    border-color: #ebb;
    color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
    background-color: #ffd;
    border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
    background-color: #dfd;
    border-color: #beb;
}

/**
 * Charan Updates for SWOT page
 */

div.spotlight {
    background-color:#E3F1F6;
    clear:both;
    margin:0;
    padding:10px;
}
div.spotlight table {
    margin:0 auto;
    width:100%;
}
div.spotlight h3 {
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin:0 0 2px;
    font-weight: bold;
}
p {
    padding: 0;
    font-size: 10pt;
    line-height: 1.4em;
    font-family: Verdana, Helvetica, sans-serif;
    margin: 0 0 20px 0;
    font-weight: normal;
    word-wrap:break-word;
}
ul {
    margin: 10px 0;
    padding: 0 0 0 25px;
}
li {
    margin: 0;
}
h1#pageheader {
    font-size: 36px;
    margin: 0 0 4px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.container {
    margin: 0 auto;
    width:800px;
}
span#highlight {
    background-color: #ffc;
}
span#highlight_bright {
    background-color: #f8ec11;
    padding: 0 3px;
}
div img.features-image {
    display: block;
    border-width: 1px;
    border-color: #06F;
    border-style: solid;
    margin-left: auto;
    margin-right: auto;
}
div img.examples-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div img.landing-header-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    margin-top: 10px;
}
div img.cta-button-image {
    display: run-in;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}
div img.features-2image {
    border-width: 1px;
    border-color: #06F;
    border-style: solid;
    margin-left: 10px;
    margin-right: 10px;
}
/*-------------------------------------------------
messagebox
-------------------------------------------------*/

div.messagebox {
    align: center;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: 10px;
}
div.messagebox h2 {
    text-align: center;
}
div.messagebox a {
    font-weight: bold;
    white-space: nowrap;
}
div.messagebox p {
    background-color: #ffc;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4;
}
/*-------------------------------------------------
belt
-------------------------------------------------*/

div.belt {
    align: center;
    padding: 10px 0;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: 10px;
}
div.belt h2 {
    text-align: center;
}
div.belt a {
    font-weight: bold;
    white-space: nowrap;
}
div.belt p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4;
}
/*-------------------------------------------------
content
-------------------------------------------------*/

div.content {
    margin: 20px auto;
}
div.wide {
    width: 750px;
}
div.wide div.left, div.wide div.right div.across {
    width: 350px;
}
body.home div.content p, div.letter p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 10px 0 10px 0;
}
div.left, div.right {
    width: 375px;
    margin-bottom: 10px;
}
div.left {
    float: left;
}
div.right {
    float: right;
}
div.across {
    clear: both;
    margin: 0 auto;
    width: 800px;
    margin-bottom: 20px;
}
div.center {
    border-top: 1px solid #dbc0ae;
    border-bottom: 1px solid #dbc0ae;
    padding: 20px 20px 0 20px;
    clear: both;
    margin: 0 auto;
    width: 425px;
}
.left h2, .right h2, .across h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 200%;
    line-height: 130%;
}
#squeeze {
    /*background:#fff;
    position: relative;
    top: 10px;
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:20px;*/
}
.squeeze-footer {
    background:#fff;
    padding: 5px 10px 15px;
    position: relative;
    /*margin-top: 20px;
    margin-bottom: -15px;*/
    margin-top:-20px; 
}
#first-footer{
    background: url('/images/footer/footer-bg.png') #212224 repeat-x bottom;
    width: 100%;
    padding: 60px 0 19px 0;
    margin: 40px 0 0 0;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 16px;
    color: #8f8f8f;
}
.mid-contents{
    width:984px;
    margin:0 auto;
    padding:0;
}
.mid-contents h3,
.mid-contents .footer-header{
    color: #f2f2f2;
    line-height: 20px;
    margin: 0 0 10px;
}
.mid-contents .footer_box{
    float: left;
}
.mid-contents .leaf{
    padding-right: 82px;
}
.mid-contents ul{
    padding: 0;
    margin: 0;
}
.mid-contents ul li{
    padding: 0;
    margin: 0;
}
.mid-contents ul li a{
    color: #8f8f8f;
    font-size: 15px;
    line-height: 1.7em;
    font-weight: normal;
}
.mid-contents ul li a:hover,
.mid-contents ul li a:focus{
    color:#bbb; 
    text-decoration:none;
}
.mid-contents .footer-menu{
    margin-bottom: 80px;
}
.mid-contents .footer-about{
    margin-bottom: 28px;
}
.mid-contents .footer-about p {
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
}
.mid-contents .footer-about .span8{
    width: 620px;
}
.mid-contents .footer-about .span4{
    width: 300px;
}
.mid-contents .footer-box1{
    width: 140px;
}
.mid-contents .footer-box2{
    width: 300px;
    padding-left: 29px;
}
.mid-contents .footer-box3{
    width: 230px;
    padding-right: 52px;
}
.mid-contents .footer-box4{
    width: 230px;
}
.mid-contents .social-icons{
    margin-top: 30px;
    float: right;
}
.mid-contents .social-icons li {
    display: inline-block;
    margin-left: 16px;
}
.mid-contents .social-icons li a {
    background: url('/images/footer/social-icons-sprite.png') no-repeat top left;
    background-size: 17px 260px;
    width: 32px;
    height: 32px;
    text-indent: -99999px;
    display: block;
    cursor: pointer;
}
.mid-contents .social-icons li:first-child{
    margin-left: 0;
}
.mid-contents .social-icons li a.facebook {
    background-position: 7px 7px;
}
.mid-contents .social-icons li a.twitter {
    background-position: 7px -20px;
}
.mid-contents .social-icons li a.linkedin {
    background-position: 7px -47px;
}
.mid-contents .social-icons li a.pinterest {
    background-position: 7px -74px;
}
.mid-contents .social-icons li a.googleplus {
    background-position: 7px -100px;
}
.mid-contents .social-icons li a.facebook:hover {
    background-position: 7px -128px;
}
.mid-contents .social-icons li a.twitter:hover {
    background-position: 7px -155px;
}
.mid-contents .social-icons li a.linkedin:hover {
    background-position: 7px -182px;
}
.mid-contents .social-icons li a.pinterest:hover {
    background-position: 7px -209px;
}
.mid-contents .social-icons li a.googleplus:hover {
    background-position: 7px -235px;
}
#block-block-24{
    min-height: 260px;
    border-bottom: 1px solid #EBEBEB;
}
.footer-mobile-app{
    float: right;
    width: 236px;
}
.footer-mobile-app a{
    margin-right: 5px;
    text-decoration: none;
}

.copy-write{
    text-align: center;
    font-size: 12px;
    padding: 19px 0 1px;
    color: #4d4d4d;
    line-height: 20px;
}

.copy-wright-links{
    float: right;
    margin-top:12px;
}

.copy-wright-links a:link,
.copy-wright-links a:visited{
    color: #494949;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

.copy-wright-links a:hover{
    color: #0088CC;
    text-decoration: none;
}

#squeeze h1.first {
    color: #FFFFFF;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 75px;
    margin: 0;
    padding: 0;
}
    
}
ol.tos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
li #tos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/*
Beta form CSS
*/
input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.betaform {width:100%;padding: .5em 0;border-top: 1px solid #d7d7d7;position:relative}
form.betaform fieldset {width:auto;margin: 0 1em}
form.betaform h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
form.betaform label {clear:left;float:left;width:100%;border-top: 1px solid #fff}

/* hide from IE mac \*/
form.betaform label {float:none}
/* end hiding from IE5 mac */

form.betaform label input, form.betaform label textarea, form.betaform label select {width:30em;float:left;margin-left:10px;clear:left;}

form.betaform label b {float:left;width:25em;line-height: 1.7;display:block;position:relative;clear:left;}
form.betaform label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.betaform div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:1.4em;right:2.4em;left:auto;width:20em;text-align:right}
form.betaform div.req b {color:#c00;font-size:140%}
form.betaform label select {width: 15.5em}
form.betaform label textarea.f-comments {width: 20em}
form.betaform div.f-submit-wrap {padding: 5px 0 5px 8em;clear:left;}
form.betaform input.f-submit {margin: 0 0 0 10px}

form.betaform fieldset.f-checkbox-wrap, form.betaform fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.betaform fieldset.f-checkbox-wrap b, form.betaform fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.betaform fieldset.f-checkbox-wrap fieldset, form.betaform fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.betaform fieldset.f-checkbox-wrap label, form.betaform fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.betaform label input.f-checkbox, form.betaform label input.f-radio {width:auto;float:none;margin:0;padding:0}

/*New table form format*/
table#tableform {width:350px; padding:0px; margin:0px; border:0px;border-collapse:separate;}
#tableform td {padding:0px; margin:0px;}
#tableform td.firstsectiontitle {padding:0px; margin:0px; border-bottom: solid #000 2px; font-size: 120%;}
#tableform td.othersectiontitle {padding:20px 0 0 0; margin:0px; border-bottom: solid #000 2px; border-top: dashed #999 1px; font-size: 120%;}
.sectiontable {width:100%;padding:0px;margin:0px;border:0px;border-collapse:separate;}
#tableform td.inputrow {padding:0 7px 0 10px; margin:0px; border:0px;}
.inputtable {width:100%; padding:10px 0 0 0; margin:0px; border:0px; line-height: 13px;border-collapse:separate;}
.bold {font-weight: bold;}
.rightmesstop {text-align: right; font-size: 80%; color: #999999;}
.rightmessbottom {font-size: 80%; text-align: right; color: #666666;}
.textentry {width:20em; padding: 3px; font-size: 130%;}
.chkentry {padding: 3px; font-size: 130%;}
#tableform td.buttonrow {padding:20px 0 0 0; margin:0px; border-top: dashed #999 1px; text-align: right;}

#errorbox{border:2px solid #F00;padding:15px 0px 0px 15px;}
#errorbox p {line-height:0em;}

#successbox{border:2px solid #0D0;padding:15px 0px 0px 15px;}
#successbox p {line-height:0em;}

table#loginchecktable {width:300px; padding:0px; margin:0px; border:0px;border-collapse:separate;}

.clear { clear: both; }

.more-link a:link,
.more-link a:visited{
    color: #6C6C6C;
    font-size: 12px;
    font-weight: 700;
}
.more-link a:hover{
    text-decoration: none;
    color: #0088CC;
}
.sIFR-replaced .sIFR-alternate {
  display    : none !important;
  height     : 0;
  width      : 0;
  position   : absolute;
  overflow   : hidden;
}

/******* HEADER *********

.graphical-h1{
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:20px 20px;
	background-attachment:scroll;
	background-color:transparent;	
	background-repeat:no-repeat;	
	text-indent: -9000px;
}
*/
/******************/
/** feature page **/
/******************/

.feature-detail-box-left{
    width:330px;
    margin-right:30px;
    margin-bottom:30px;
    float: left;
}
.feature-detail-box-right{
    width:330px;
    margin-right:0px;
    margin-bottom:30px;
    float: left;
}
#feature-page h3{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:20pt;
    font-style:normal;
    font-weight:normal;
    color:#21508a;
    margin-bottom:-5px;
}
#feature-page h4{
    font-size:11pt;
    font-style:normal;
    font-weight:bold;
    color:#3874be;
    margin-top:10px;
    line-height: 1.5em;
}
#feature-page img{
    border-style:solid;
    border-width:4px;
    border-color:#d0d9e8;
}
#feature-page p{
    margin-bottom:5px;	
}
.feat-sidebar{
    width:200px; 
    margin-left:20px;
    margin-right: 10px; 
    margin-top:0px; 
    border-color:#3b78c4; 
    border-style:solid; 
    border-width:1px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11pt;
    font-style:italic;
    line-height: 150%;
}
.feat-sidebar-ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-right:10px;
}
.feat-sidebar-li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: none;
    margin:0 0 14px -20px;
    padding-left:16px;	
}

/**
Creately Buzz Styling

div.tweet {
	width: 425px;
	margin-bottom: 20px;
	margin-top: 10px;
	float: right;
}
**/
.tweet_list {
    font-family:verdana,arial;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:-25px 0 0 -40px;
    padding:0;
}
.tweet_list li{
    background:transparent none repeat scroll 0 0;
    color:#444444;
    font-size:13px;
    margin-bottom:5px;
    padding-left:0;
}
tweet_list li em {
    color:#000000;
    font-style:italic;
    font-weight:bold;
}
.tweet ul{
    padding-left:0;
}

/** Styling for user quotes **/

.external-quote {
    font-size: 10pt;
    text-align: right;
    float:right !important;
    margin-bottom: 10px;
}
.external-quote a {
    font-size: 11px;
    text-align: right;
    float:right !important;
    margin-bottom: 10px;
    margin-top:10px;
    font-weight: normal;
}
#bgimage{
    font: 1.4em/1.5em Georgia, "Times New Roman", Times, serif;
    width: 400px;
    background: url(images/close-quote.gif) no-repeat right bottom;
    padding-left: 18px;
    text-indent: -18px;
    margin-top: 30px;
    font-style:italic;
}
#bgimage:first-letter {
    background: url(images/open-quote.gif) no-repeat left top;
    padding-left: 18px;
    font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
.quoteSmall{
    font: 13px Georgia, "Times New Roman", Times, serif;
    background: url(images/close-quote.gif) no-repeat right bottom;
    padding-left: 28px;
    text-indent: -25px;
    margin-top: 30px;
    margin-bottom: 0px;
    font-style:italic;
    line-height:150%;
}
.quoteSmall:first-letter {
    background: url(images/open-quote.gif) no-repeat left top;
    padding-left: 18px;
    font: italic 16px Georgia, "Times New Roman", Times, serif;
}
.message {
    border:1px solid #3B78C4;
}
.examples-menu ul li{
    padding: 0 0 .3em 0;
    list-style-type: none;
    list-style-image: none;
    background: none; /* LTR */
    margin:0 0 0 0;
    font-size: 10pt;
    line-height:1.1em;
    font-family:Georgia, "Times New Roman", Times, serif;
}
.examples-menu ul{
    padding: 0 0 0 0;
    margin:5px 12px 10px 15px;
}
.examples-menu{
    border: thin solid #5294C1;
    width:160px;
    padding-bottom:20px;
    padding-top:10px;
    display:inline-block;
    float:right;
    margin-top:-30px;
}
.diagram-examples{
    float:right;
    padding-right:20px;
    display:block;
}
.diagram-examples-page{
    display:block;
}
.diagram-examples-page h3{
    color:#21508A;
    margin-top:0px;
    font-size: 13pt;
    font-weight:bold;
    margin-bottom:20px;
}
.examples-menu a:visited, .examples-menu a{
    font-weight: normal;	
}
.examples-menu p{
    font-size: 10pt;
    font-weight:bold;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:0px;
    line-height:1.1em;
}
.required-indicator {
    color:#FFAA00;
    font-size: 15px;
}
.buttons {
    float:right;
    display:block;	
}
.header-block .buttons {
    padding:5px 40px 5px 5px;
}
.header-block-text{
    width:600px;
}
.case-study {
    background-color:#E4EBF3;
    background-image:url(images/test-texture.png);
    color:#666666;
    height:100px;
    margin:24px 20px 5px 15px;
    width:298px;
    border:2px solid #D0D9E8;
}
.right-col .case-study {
    margin: 0px 0px 25px;
}
.case-study h4 {
    padding: 10px 5px 5px 7px;
}
.case-study img {
    padding: 15px 10px 5px 5px;
    float:left;
}
.case-study a {
    float: left;
    height: 33px;
    text-align: center;
    width: 298px;
}

#modelwindow { margin: 10px;}
#modelwindow h3 { font-size: 18px; font-weight: bold; color: #06263d; border-bottom:1px solid #06263d; padding-bottom:10px; }
#modelwindow input[type="text"], #modelwindow input[type="password"] { height: 27px; border: 1px solid #777777; padding: 5px; font-size: 1em; margin: 5px 0 2px; padding: 3px; /*width: 250px;*/ line-height: 27px; }

#edit-submit { margin-top: -10px; }

/* PRIVACY PAGE */
.privacy p,
.privacy h3,
.privacy h4,
.privacy h5 {
    font-family: Arial, Helvetica, sans-serif;
}
.privacy h3,
.privacy h4,
.privacy h5 {
    font-weight: bold;
    color: #06263d;
}
.privacy h3 {
    font-size: 1.8em;
    margin-top: 35px;
    margin-bottom: 5px;
}
.privacy h4 {
    font-size: 1.4em;
    margin-top: 30px;
    margin-bottom: 5px;
}
.privacy h5 {
    font-size: 1.1em;
    margin-top: 20px;
}
.privacy p {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 15px;
}
.privacy a {
    font-weight: normal;
}
.privacy ul li {
    list-style: disc; padding: 0;
}

/*Nick's edits*/
.shownrow {border-top:1px dashed #000; cursor:pointer;}
table.discount_table{border-collapse:collapse;}
/*#spec-request { background: none repeat scroll 0 0 #FFF9B3;border-bottom: 2px solid #FED4A9;display: block;height: 18px;padding-bottom: 4px;padding-top: 2px;position: inherit;top: 0;width: auto;z-index: 500; text-align:center;}
}position: inherit;width:auto;height: 18px;top:0px;z-index:500;}
#spec-text-container{text-align: center; font-weight:bold; font-size:12px;}
.spec-text{font-size:12px;}
#spec-close{width: 10px; float: right; position: relative; left: -10px; padding: 0px 2px; top: -22px;}
a.spec-close-link:link{font-size:20px;color:#9c9c9c}
a.spec-close-link:visited{font-size:20px;color:#9c9c9c}
a.spec-close-link:hover{text-decoration:none;color:#646464}
*/

/* Gadget embed page */

.large-input{
    border:1px solid #777777;
    font-size:16px;
    height:24px;
    margin-left:5px;
    margin-bottom:5px;
    padding:3px;
}
#gadget-intro ol li {
    margin-bottom:40px
}
.gadget-desc-img {
    border: 1px solid #CCCCCC;
}
.loged-in-user-bg{
    color:#ccc;
    display:block;
    font-family: verdana;
    font-size: 11px;
    text-align: right;
    padding-right:11px;	
}

/***** Release pages list *******/

.release-notes ul li{
    padding: 0 0 .2em 1.5em;
    list-style-type: none;
    list-style-image: none;
    background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

/* Styles for the pages containing lists */

#creatly-tos{font-family:verdana,arial; font-size:12px; line-height:1.4;}

.bullet-points{font-weight:bold;float:left;margin-top:2px;}
.bullet-para{margin-left:50px;text-algin:justify;font-family:verdana,arial; font-size:14px; line-height:1.4; text-align:justify;}
.bullet-para-sub{margin-left:65px;text-algin:justify;font-family:verdana,arial; font-size:14px; line-height:1.4; text-align:justify;}

/*---page-not-found---*/

.page-not-found #header-landing h2
{
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 0 auto;
    text-align: center;
    width: 650px;
}  
.page-not-found #page-not-found {
    height: 890px;
    margin: 0 auto;
    width: 550px;
}
.page-not-found #page-not-found #diagram_left{
    width:247px;
    height:860px;
    float:left;
    background:white url('images/page-not-found-left-image.png') no-repeat scroll 0 0;
}
.page-not-found #diagram_left ul{
    margin:0;
    padding:0;
}
.page-not-found #diagram_left ul li{
    overflow: hidden;
    text-indent: -999em;
}
.page-not-found #diagram_left ul li.start{
    height: 66px;
    margin-top: 10px;
    padding-bottom: 65px;
    padding-left: 51px;
    padding-right: 40px;
}
.page-not-found #diagram_left ul li.diamond a{
    float: left;
    height: 122px;
    width: 240px;
}
.page-not-found #diagram_left ul li.diamond{
    height: 122px;
    margin: 0;
    padding-bottom: 73px;
    padding-left: 0;
    width: 240px;
}
.page-not-found #diagram_left ul li a {
    float: left;
    height: 105px;
    margin-left: 5px;
    margin-top: 7px;
    width: 228px;
}
.page-not-found #diagram_left ul li.home{
    height:125px;
}
.page-not-found #page-not-found #diagram_right{
    width:303px;
    height:860px;
    float:left;
    background:white url('images/page-not-found-right-image.png') no-repeat scroll 0 0;
}
.page-not-found #diagram_right ul li{
    height:102px;
    width:303px;
}
.page-not-found #diagram_right ul li.browse{
    padding-top: 145px;
}
.page-not-found #diagram_right ul li.blog,
.page-not-found #diagram_right ul li.contact
{
    padding-top:90px;
}
.page-not-found #diagram_right ul li a{
    float: left;
    height: 102px;
    margin-left:52px;
    width: 225px;	
    text-indent:-999em;
    overflow:hidden;
}

/*---color palette help page---*/

.colors tr
{
    height: 30px;
    width: 112px;
} 

/*---Confluence thank page---*/

.row:after {
    clear: both;
}
#confluence_thanks_page .row:before, .row:after {
    content: "";
    display: table;
}
#confluence_thanks_page .row{
    padding-left:0px;
}
#confluence_thanks_page .span {
    display: inline;
    float: left;
    margin-right:20px;
}
#confluence_thanks_page .span-two-thirds {
    width: 718px;
}
#confluence_thanks_page .span-one-third{
    width:220px;
}
#confluence_thanks_page [class*="span"] {
    float: left;
    margin-right:0px;
}
#confluence_thanks_page .span5{
    width:340px;
    margin-right:8px;
}
#confluence_thanks_page h1{
    font-weight:bold;
    margin-bottom:10px;
    margin-top:47px;
}
#confluence_thanks_page h2{
    font-size:1.6em;
    margin:0 0 10px;	
    word-wrap: break-word;
}
#confluence_thanks_page h3{
    margin-top:0;
}
#confluence_thanks_page h4{
    padding-top:5px;
}
#confluence_thanks_page .span-one-third h2{
    font-size: 1.4em;
}
#confluence_thanks_page p{
    padding: 10px 5px 0;
}
#confluence_thanks_page ul{
    padding-left:0;
}
#confluence_thanks_page .span-two-mid-thirds .span4{
    margin-right: 0;
    width: 340px;
}
#confluence_thanks_page .span-two-mid-thirds ul{
    float: left;
    margin-left: 10px;
    width: 165px;
}
#confluence_thanks_page .span-two-mid-thirds ul li{
    list-style:disc;
}
#confluence_thanks_page ul li{
    line-height: 1.4em;
    padding-bottom: 5px;
    padding-left: 0;
}
#confluence_thanks_page ul li a{
    font-weight:normal;
}
#confluence_thanks_page .con_img {
    float: left;
    margin: 7px 10px 0px 0;
}
#confluence_thanks_page ul li span{
    float: left;
    height: 40px;
    padding-left: 0;
    width: 20px;
}
#confluence_thanks_page img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}
#confluence_thanks_page.span-two-mid-thirds .span4{
    width:345px;
    margin-right:0;
}
#confluence_thanks_page .span-two-mid-thirds a{
    color:#06263d;
    font-weight:normal;
}
#confluence_thanks_page.span-two-mid-thirds {
    width: 715px;
    margin-right:0;
}
#confluence_thanks_page .span-one-mid-third{
    width:200px;
    margin-right:0;
    margin-left:10px;
}
#confluence_thanks_page .span-one-mid-third .span4{
    margin-left: 0px;
    margin-right: 0;
    width: 228px;
}
#confluence_thanks_page .span2{
    width:160px;
    margin-right:15px;
}
#confluence_thanks_page .span12{
    width:944px;
}
#confluence_thanks_page .row{
    margin-bottom:20px;
}

/*----confluence page---*/

#wrapper-free_user #clouds-floater,
#wrapper-paid_user #clouds-floater,
#wrapper-paid_user #block-block-7,
.palns_inapp #creately-login{
    display:none;
}

/*---new Renewals pages ---*/

.light-bg {
    background: none repeat scroll 0 0 #EEF2FB;
    padding:24px 37px 30px 32px;
    width: 836px;
    border:1px solid #c7ccd7;
    margin-bottom:90px;
    float:left;
}
.light-bg h3{
    margin: 0;
    padding-bottom: 20px;
    padding-top: 0;
    padding-left:6px;
    color:#113f61;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
}
.light-bg .inner-white-box{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C7CCD7;
    padding: 32px 20px 20px 38px;
    float:left;
    width:780px;
}
.light-bg .inner-white-box h2{
    color:#f77e1d;
    font-size:26px;
    padding-left:40px;
    padding-bottom:30px;
    font-family:Arial, Helvetica, sans-serif;
}
.renew_subscription .inner-white-box h2{
    background:url('../../images/renew_subscription.png') no-repeat scroll 0 0;
}
.subscription_suspended .inner-white-box h2{
    background:url('../../images/subscription_suspended.png') no-repeat scroll 0 0;
}
.downgrading_account .inner-white-box h2{
    background:url('../../images/downgrading_account.png') no-repeat scroll 0 0;
}
.renew_btt{
    float:left;
    margin-left:60px;
    margin-top:35px;
    margin-bottom:30px;
}
.light-bg .renew_btt a{
    width:200px;
    height:40px;
    display:block;
    text-indent:-999em;
    overflow:hidden;
    float:left;
    margin-left:80px;
}
.renew_subscription .renew_btt #renew_subscription_btt{
    background:url('../../images/renew_subscription_btt.png') no-repeat scroll 0 0;
}
.renew_subscription .renew_btt #downgrade_btt{
    background:url('../../images/downgrade_btt.png') no-repeat scroll 0 0;
}
.downgrading_account .renew_btt #downgrade_cancel-btt{
    background:url('../../images/downgrade_cancel.png') no-repeat scroll 0 0;
    width:140px;
}
.downgrading_account .renew_btt #downgrade_ok-btt{
    background:url('../../images/downgrade_ok.png') no-repeat scroll 0 0;
    width:258px;
    margin-left:95px;
}
.light-bg .inner-white-box p{
    color:#666565;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.8em;
}
.light-bg .inner-white-box p a{
    color:#0b62ab;
}
.downgrading_account .inner-white-box ul{
    margin:0 0 0 20px;
    padding:0;
}
.downgrading_account .inner-white-box ul li{
    background: url("../../images/downgrading_account-points.png") no-repeat scroll 0 7px transparent;
    line-height: 2em;
    margin: 0;
    padding: 0 0 0 30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
.downgrading_account .inner-white-box a{
    font-weight:normal;
}

/*-----new main menu----*/

#block-block-20,
#block-block-18{
    float: right;
    width: 700px;
}
.clouds-floater{
    float: right;
}
.clouds-floater-inner{
    float: left;
}
.clouds-floater-inner .logged-user{
    margin-top: 3px;
}
.clouds-floater-inner .logged-user span{
    color: #64707D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-right: 8px;
}
.clouds-floater-inner .logged-user .user-name{
    color: #0e56a2;
    padding-right: 10px;
}
.clouds-floater-inner .go-to-app-btt{
    float: left;
    width: 147px;
    padding-right: 1px;
}
.clouds-floater-inner .go-to-app-btt .go-to-app{
    background: url("../../images/old-site-header/go_to_app.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 28px;
    width: 107px;
    text-indent: -999em;
    float: left;
}
.clouds-floater-inner .go-to-app-btt .go-to-app:hover{
    background-position: 0 -29px;
}
.go-to-app-btt ul.dropdown li.top-nav-dropdown a{
    background: url("../../images/old-site-header/dropdown_icon.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    margin: 0;
    padding: 0;
    text-indent: -999em;
    width: 40px;
    border: none;
}
ul.dropdown li.top-nav-dropdown .selected:hover{
    background-position: 0 -29px;
}
ul#creately-top-nav-two ul{
    margin-left: -107px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 2000;
}
ul#creately-top-nav-two li{
    padding: 0;  
}
ul#creately-top-nav-two li.top-nav-dropdown li a {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    float: left;
    font-size: 12px;
    line-height: 2.4em;
    padding: 0 4px;
    text-align: right;
    width: 127px;
}
ul#creately-top-nav-two ul li:hover a:hover{
    color: #2398C9 !important;
    background: #F7F6F6;
    padding-right: 14px;
}

/*-navigation bar-*/

#main-navigation{
    margin-top: 47px;
    margin-right: 17px;
}
ul.dropdown{
    position: relative;
    float: right;
    line-height: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
ul.dropdown li{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 3px;
    padding:0px;
    position: relative;
}

ul li.single-menu a:hover{
    background: #ffffff; 
    color:#e5a82e;
}
ul.dropdown a:active {
    color: #e5a82e;
}
ul.dropdown li a{
    color: #06263d;
    display: block;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 12px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    float: left;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    color: black;
    position: relative;
}
ul.dropdown li a:hover{
    color: #e5a82e;
}
ul.dropdown li.hover a{
    z-index: 1000;
}
ul.dropdown li.top-nav-dropdown li a,
ul.dropdown li.top-nav-dropdown li a:hover {
    background:none;
    margin: 0;
    width: 130px;
    display: inline-block;
}
ul.dropdown ul{
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    padding: 0;
    border: 1px solid #f3f3f3;
    z-index:90;
    top: 100%;
    margin: 2px 0 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
ul.dropdown ul li{
    margin: 0;
    padding:0;
    border:none;
    font-family: Arial,Helvetica,sans-serif;
}
ul.dropdown ul li:hover{
    background: #e8f1ff;   
}
ul.dropdown ul li:hover a:hover{
    color: #1f3f70;
    box-shadow: none;
}
ul.dropdown li.hover li a,
ul.dropdown ul li a:hover{
    border: none;
    box-shadow: none;
}
ul.dropdown li.top-nav-dropdown li a{
    color: #415a71;
    line-height: 20px;
    padding: 8px 50px 8px 20px;
}
ul.dropdown li.top-nav-dropdown li a:hover{
    background: #f7f7f7;
    color: #e5a82e;
}
ul.dropdown ul li a{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #6A6A6A;
    border: none;
    font-size: 16px;
} 
ul.dropdown ul ul{
    left: 100%;
    top: 0;
}

/* Login Area */

ul.creately-login-new {
    display: block;
    margin: 3px 0 6px 0;
    padding: 0;
}
ul.creately-login-new li {
    display: inline-block;
    line-height: 13px;
    list-style: none outside none;
    padding: 0px 0 0 13px;
    margin: 0;
}
ul.creately-login-new li:first-child {
    border-right: 1px solid #0060AF;
    padding-right: 20px;
}
ul.creately-login-new li a{
    color: #0e56a2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
}
ul.creately-login-new li a:hover{
    color: #005580;
}
.user-settings-wrap ul {
    margin: 0;
    padding: 0;
    position: relative;
}
.gotoappie {
    margin: 0;
    padding: 0;
}
.go-to-app,
.go-to-app:hover,
.tools,
.tools:hover,
.arrow-d,
.arrow-d:hover{
    background: url('/themes/creately/images/new/blocks-sprite.png') no-repeat top left;
    background-size: 170px 59px;
    text-indent: -99999px;
}
.go-to-app{
    background-position: 0 0;
    width: 107px;
    height: 27px;
    display:block;
    text-indent:-99999px;
    float:left;
    position:relative;
    z-index:1000;
}
.go-to-app:hover{
    background-position: 0 -32px;
}
.tools{
    background-position: -113px 0px;
    width: 40px;
    height: 27px;
    float:left;
    cursor:pointer;
    position:relative;
}
.tools:hover{
    background-position: -113px -32px;
}
.user-settings-wrap .dropdown-menu {
    position: absolute;
	font-size:12px;
	min-width: 145px;
	padding: 0;
	margin: 27px 0 0 0; 
	left:0px;
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
    z-index: 1010;
    visibility: hidden;
}
.user-settings-wrap .dropdown-menu > li {
    padding: 0;
    margin: 0;
}
.user-settings-wrap .dropdown-menu > li > a {
	padding:5px 15px;
	margin:0;
	text-align:left;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}
.user-settings-wrap .dropdown-menu > li > a:hover {
	color:#e5a82e;
	background:#f7f7f7;
    text-decoration: none;
}

/*---IE 7 ---*/

@media screen, projection
{
    ul.dropdown-two,
    ul.dropdown {
	*z-index:10;
    }
    
    #block-block-22 {
    *border-top: 1px solid #EBEBEB;

}

    #block-block-24{
		*border-bottom: none;
}
}




/*-----strat header responsive--------

@media only screen and (min-width: 768px) and (max-width: 959px) {
================= Logo and Main menu ================= 
	.creately_logo {
	display: block;
	float: none;
	width:100%;
}



}


 ================= Mobile (Portrait) < 767px ================= 
@media only screen and (max-width: 341px) {
  ================= Logo and Main menu =================

	.creately_logo {
	display: block;
	float: none;
	width:100%;}

.clouds-floater,
.clouds-floater-inner,
.clouds-floater-inner .logged-user span{
    margin: 0;
    float:left;
    width: 100%;
}

ul.dropdown {
	margin:0 0 30px 0;
	float:left;
	width:100%;
}
ul.dropdown ul {
	position:static !important;
	padding:0 !important;
}
ul.dropdown li {
	box-shadow:none !important;
	border:0 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
ul.dropdown li a,
ul.dropdown li a:hover{
	padding:0 16px;
	line-height:33px;
	cursor:pointer;
}

ul.dropdown li ul {
	display:none !important;
}
ul.dropdown li:hover ul {
	display:block !important;
}
}

------end header responsive----*/

/*-- Remove payment invoice page unwanted border --*/
tbody{
    border: none;
}

#block-block-19{
    float: right;
}
#block-block-20{
    width: 500px;
}
ul.header-login-area{
    margin: 47px 0 0 0;
    padding: 0;
    font-family: 'Lato', Helvetica, sans-serif;
}
.header-login-area>li{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
    margin: 0;
    padding: 0;
    position: relative;
}
.header-login-area .btn-signin,
.header-login-area .btn-signup,
.header-login-area .btn-goto-app {
    display: block;
    font-weight: 500;
    line-height: 2em;
    padding: 0 20px;
    cursor: pointer;
    border: 1px solid #06263d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
}
.header-login-area a:hover,
.header-login-area a:focus{
    text-decoration: none;
}
.header-login-area .btn-signin{
    color: #06263d;
    margin-left: 5px;
}
.header-login-area .btn-signup,
.header-login-area .btn-goto-app{
    background-color: #06263d;
    color: #fff;
}
.header-login-area .btn-goto-app{
    padding: 0 10px 0 15px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.header-login-area .btn-signup:hover,
.header-login-area .btn-goto-app:hover{
    background-color: #e5a82e;
    border-color: #e5a82e;
}
.header-login-area .btn-signin:hover{
    border-color: #e5a82e;
    color: #e5a82e;
}
.header-login-area .user {
	display: block;
	height: 34px;
}
.header-login-area .btn-choose-app .btn-goto-app {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	margin-left: -4px;
	padding: 0 10px;
}
.header-login-area .btn-choose-app .caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 14px;
    margin-left: 0;
}
.header-login-area .user-image{
    position: relative;
    width: 33px;
    height: 33px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 0 20px;
    background-repeat: no-repeat;
}
.header-login-area .user-image.default{
    background-size: 33px 119px;
}
.header-login-area .dropdown-toggle:hover .user-image.default{
    background-position: 0px -43px;
}
.header-login-area .user-image.custom{
    background-position: center;
    background-size: cover;
}

.header-login-area .dropdown-menu{
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    margin: 2px 0 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    left: auto;
    width: 162px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header-login-area .dropdown-menu > li > a {
    padding: 8px 50px 8px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #415a71;
}
.header-login-area .dropdown-menu li{
    margin: 0;
    padding: 0;
    line-height: 36px;
}
.arrow-d, .arrow-d:hover {
    background: url('/images/header/menu-arrow.png') no-repeat top left;
    background-size: 10px 21px;
}
.arrow-d{
    background-position: 0 2px;
    width: 10px;
    height: 8px;
    margin: 0 0 0 3px;
    cursor: pointer;
    display: inline-block;
}
.header-login-area .arrow-d {
    position: relative;
    top: -12px;
}
ul.dropdown li a:hover .arrow-d,
.header-login-area .dropdown-toggle:hover .arrow-d{
    background-position: 0px -14px;
}
.header-dropdown-fade > ul{
	display: block;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
}
.header-dropdown-fade.hover > ul {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}