/*----------------------------------------------------------------------
 * Nasuni - Base Stylesheet
 * Author:   Marco Louro
 * Version:  2009.12
 *
 * Table of Contents
 *   +Global
 *   +Common
 *   +Forms
 *   +Structure
 *   +Header
 *   +Navmenu
 *   +Content
 *   +Footer
 *   +Homepage
 *   +Sidebar
 *   +Page Title
 *   +CMS
 *   +Blog
 *   +Tables and Charts
 *   +Video
 *   +Overrides for Disqus
 *   +Cloud Storage Challenge
 *   +Salesforce
 *   +Debugging
 *------------------------------------------------------------------ */
@import url("http://www.nasuni.com/static/theme/css/reset.css");

/* ------------------------------------------------------------
+Global
------------------------------------------------------------ */
body { text-align: center; background-color: #EEE; }
body#tinymce { text-align: left !important; }

pre { padding: 10px; font-size: 12px; border: 1px solid #A7BEC4 }

a { color: #F37421; text-decoration: none; }
a:hover { text-decoration: underline; }

form { position: relative; }
legend { font-size: 20px; font-weight: bold; color: #333; }
label { font-size: 14px; font-weight: bold; line-height: 22px; }
button { background: none; border: none; padding: 0; margin: 0; cursor: pointer; }

p { padding: 0 0 20px; font-size: 14px; line-height: 20px; }
p strong { font-weight: bold; color: #444; }

input[type=text],
input[type=password],
textarea { width: 320px; padding: 7px 10px 6px; border: 1px solid #ABABAB; vertical-align: middle;
    border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
input[type=text],
input[type=password] { background: #FFF url(../images/common/input-bg.png) repeat-x; }

div.split { float: left; width: 48%;}

.loading { background-image: url(/static/dashboard/img/ajax-loader.gif);
    background-position: center center; background-repeat: no-repeat; }
.sup {display:inline; vertical-align:super; font-size: 70%}

/* ------------------------------------------------------------
+Common
------------------------------------------------------------ */
.hidden { display: none; }

.count { color: #888; font-size: 12px; } /* Entry counter in lists */

.alrt { text-align: right; }
.alct { text-align: center; }
.allt { text-align: left; }

.fllt { float: left; }
.flrt { float: right; }

.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }


.sep { margin: 0 4px; }
.hr { border-bottom: 1px solid #CCC; }
.hr.hr1 { margin: 50px 0 20px; }
.hr.hr2 { margin: 10px 0 30px; }

.border { border: 1px solid #DDDDDD; }
.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.rounded-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.rounded-bottom {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.cms .content ul li,
.cms .content ul.blist li,
ul.blist li,
ul.clist li { width: auto; overflow: hidden; padding-left: 14px; font-size: 14px;
     color: #f37421; background: url(../images/common/list-arrow.gif) no-repeat left center; }

.cms .content ul li a,
ul.clist li a,
ul.blist li a { color: #f37421; }

.cms .content ul li a:hover,
ul.clist li a:hover,
ul.blist li a:hover { color: #f37421; }

.cms .content ul,
ul.clist { padding: 3px 0 20px 30px;}
.cms .content ul li,
ul.clist li { clear: both; padding-bottom: 5px; color: #666; font-size: 16px; background-image: url(../images/common/list-circle.png);
    background-position: left 6px; }

.cms .content ul.blist li { padding: 8px 0 8px 14px; }

.button-nas { display: inline-block; position: relative; height: 45px; padding: 0; margin-left: 20px; background: url(../images/common/button-sprite.png) no-repeat right -224px; text-decoration: none; }
.button-nas button,
.button-nas span { display: block; height: 34px; padding: 11px 50px 0 27px; margin-left: -20px; background: url(../images/common/button-sprite.png) no-repeat left -151px;
    font-size: 18px; text-transform: uppercase; font-weight: bold; color: #FFF; cursor: pointer; text-shadow: 0 0 2px #FFDD0B; }
.button-nas button { height: 42px; padding-top: 0; }
.button-nas-green { background-position: right -72px; }
.button-nas-green button,
.button-nas-green span { background-position: left top; text-shadow: 0 0 2px #58FF93; }

.button-func { height: 32px; background-position: right -715px; vertical-align: middle; }
.button-func button,
.button-func span { height: 24px; padding-top: 8px; padding-right: 30px; padding-bottom: 25px;
    font-size: 14px; background-position: left -784px; text-shadow: 0px 0px 2px #8EC2F4; }

.button-func-small { background-position: right -1132px!important; }
.button-func-small span,
.button-func-small button { background-position: left -1044px!important; text-shadow: 0 0 2px #FFDD0B!important; }

/* new 2-5-10 */
.button-func { background-position: right -715px; height: 32px; }
.button-func button, .button-func span { background-position: left -784px; text-shadow: 2px 2px 2px #237cee; height: 32px; font-size: 14px; }

.button-func-cancel { background-position: right -1437px!important; }
.button-func-cancel span,
.button-func-cancel button { background-position: left -1379px!important; text-shadow: 0 0 2px #BBB; }

.button-func-small button { float: left; }

.image-frame { padding: 13px; border: 1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background-color: #F7F7F7; }
.image-frame img { float: left; border: 1px solid #CCC; }


.button-nas:hover { text-decoration:none; background-position: right -350px; }
.button-nas:hover button,
.button-nas:hover span { background-position: left -290px; }

.button-nas-green:hover { background-position: right -483px; }
.button-nas-green:hover button,
.button-nas-green:hover span { background-position: left -408px; }

.button-func:hover { background-position: right -1270px; }
.button-func:hover button,
.button-func:hover span { background-position: left -1212px; }

.button-func-small:hover { background-position: right -1132px; }
.button-func-small:hover button,
.button-func-small:hover span { background-position: left -1044px; }

#printer-friendly-logo { display: none; }

/* ------------------------------------------------------------
+Forms
------------------------------------------------------------ */

form .row { margin-bottom: 20px; }
form p.row { margin: 0; }

fieldset { position: relative; padding: 30px 20px 10px 20px; margin: 10px 0 20px; border: 1px solid #ddd;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
html fieldset .legend { position: absolute; margin-top: -43px; padding: 0 8px; font-size: 20px;
    background-color: #FFF; color: #000; }

fieldset fieldset { border: 0; margin: 0; padding: 0; }

fieldset .fields { padding: 15px 0;}
fieldset .field { padding: 5px 0;}

fieldset.split { width: 44%; }
fieldset.special { background: #f9f9f9;}

fieldset .group-messages { float: right; margin-right: -20px; margin-left: 20px; width: 246px; line-height: 12px; }
fieldset .group-messages h4 { margin: 0 0 8px 0; line-height: 20px; }
fieldset .group { margin: 0 0 20px 0; padding: 10px 20px 10px 20px; background:#eee; border: 1px solid #CCC; border-right: none;
    -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 6px 0 0 6px; }

/* right-text */
div.right-text fieldset { margin-top: 0px; }
div.right-text input[type=text] { width: 250px; }

/* form input */
form .input[type=text],
form .input[type=password],
form .status { display: inline-block; }
form label.checkfield { font-size: 13px; }
form .error label.checkfield { color: #666; }

form .help,
form .error .status,
form .success .status { display:inline-block; height: 25px; width: 18px; text-indent: -999em; line-height: 24px;
    background: url(../images/common/form-icons.png) no-repeat 4px 7px; }

/* field labels */
.instructions { font-size: 14px; }
.instructions .req,
form .label .req { font-size: 20px; line-height: 12px; vertical-align: middle; color: #37994A; }
form .label .req span { position: absolute; top: -999px; left: -999px; }
form .label .help { margin-left: 5px; background-position: 0 -58px; cursor: help; }
form .label p { padding: 0 0 7px; margin: 0; font-size: 12px; }
/* end of field labels */

/* field error state */
form .error label { color: #C41230; }
form .error input[type=text],
form .error input[type=password],
form .error textarea { border-color: #C41230; background-color: #fef4f5; }
form .error input[type=text],
form .error input[type=password] { background-image: url(../images/common/input-error-bg.png); }
.account .errorlist,
.cms .content ul.errorlist,
form .errorlist { padding: 6px 0 6px 0; font-size: 13px; color: #c41230; font-weight: bold; }
.account .errorlist li,
.cms .content ul.errorlist li,
form .errorlist li { padding: 2px 0; font-size: 13px; color: #c41230; font-weight: bold; background: none; }
/* end of field labels */

/* Status Messages */
form .success .status { background-position: 4px -25px; }
form .success input[type=text],
form .success input[type=password],
form .success textarea { border-color: green; }

.account .status-messages,
.cms .page-content .status-messages,
form .status-messages { position: relative; background: #FFF4BF; border: 2px solid #EFD695; margin: 0 0 25px 0; padding: 2px 0 6px;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.account .status-messages p,
.cms .page-content .status-messages p,
form .status-messages p { font-size: 14px; padding: 14px 45px 16px 74px; font-weight: bold;
    background: url(../images/common/icon-sprite.png) no-repeat 16px 12px; }
.account .status-messages .warning,
.cms .page-content .status-messages .warning,
form .status-messages .warning { background-position: 16px -125px}
.account .status-messages .info,
.cms .page-content .status-messages .info,
form .status-messages .info { background-position: 16px -291px}
.account .status-messages .error,
.cms .page-content .status-messages .error,
form .status-messages .error { color: #c41230;  background-position: 16px -449px}
.account .status-messages .debug,
.cms .page-content .status-messages .debug,
form .status-messages .debug { background-position: 16px -628px}
.cms .page-content .status-messages .error .extra { font-size: 12px; font-weight: normal; }
.status-messages .debug{ font-family: Monospace !important; font-size: 12px !important; font-weight: normal !important; }

/* end of status messages */
form .status-messages .errorlist { padding: 0 80px; }
form .status-messages .errorlist li { list-style: circle; list-style-position: inside; }

.status-messages { background: #FFF4BF; border:2px solid #EFD695; margin: 20px 0 20px 0; padding: 2px 0;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.status-messages p {  background: url(../images/common/status-icons.gif) no-repeat 16px 6px; }
.status-messages .error { color: #c41230;  background-position: 16px -68px}

.status-messages-left { background: #FFF4BF; border:2px solid #EFD695; padding: 2px 0;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; float: left; width: 75px; height: 85px; margin: 0 20px 10px 0; }
.status-messages-left p {  background: url(../images/common/status-icons.gif) no-repeat 16px 6px; height: 30px; margin-top: 5px; }
.status-messages-left .error { color: #c41230;  background-position: 16px -68px}
.status-messages-left .text { text-align: center; background: transparent; color: #F19123; font-size: 18px!important; font-weight: bold; }
.status-messages-right-text { margin-left: 100px }

.account .status-messages .error { color: #c41230; }
.account .status-messages .description { font-size: 14px; padding: 0 45px 14px 74px; }
.status-messages .status-close { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px;
    background: url(../images/common/status-close.png) no-repeat top center; }

form div p { font-size: 12px; }

form .inline-checkfield li { display: inline; margin-right: 15px; }

form .checkbox { padding: 0  0 10px 0; }
form .checkbox p { padding: 0 0 0 25px; }

form .multi-label-radio li { padding-bottom: 15px; }
form .multi-label-radio input { float: left; width: 25px; }
form .multi-label-radio .label { float: left; }
form .multi-label-radio .help_text { display: block; clear: left; margin-left: 25px; font-weight: normal; font-size: 13px; }

form .change-field:hover { cursor: pointer; }

/* ------------------------------------------------------------
+Structure
------------------------------------------------------------ */
#header { min-width: 960px; height: 134px; background: url(../images/common/header-bg.png) repeat-x bottom center; }
#content { position: static; }
#footer { min-width: 960px; height: 225px; padding-top: 20px; background: url(../images/common/footer-bg.png) repeat-x; }
.container { position: relative; overflow: hidden;  width: 960px; margin: 0 auto; text-align: left; }


/* ------------------------------------------------------------
+Header
------------------------------------------------------------ */
#nasuni-logo { position: absolute; z-index: 2; width: 323px; height: 82px; top: 24px; left: 50%; margin-left: -480px;
    background: url(../images/common/nasuni-logo.gif) no-repeat; text-indent: -3000px; }

#header .search { position: absolute; right: 0; top: 20px; }
#header .search .textbox { float: left; width: 159px; height: 21px; padding: 6px 5px 0 10px;
    border: none; background: url(../images/common/search-bg.gif) no-repeat; }
#header .search .submit { float: left; }

#header .account { position: absolute; right: 0px; /* with search 270px; */ top: 27px; }
#header .account a { color: #f37421; }

#header .container { height: 69px; }



/* ------------------------------------------------------------
+Navmenu
------------------------------------------------------------ */
#nav-menu { margin: 0 0 0 auto; width: 55%; min-width: 600px; height: 50px; padding: 15px 0 0 60px;
    background: url(../images/common/nav-bg.gif) no-repeat; }
#nav-menu ul { z-index: 4; }
#nav-menu > li { position: relative; float: left; padding: 2px 4px 4px 6px; cursor: pointer; }
#nav-menu > li div { float: left; width: 100%; }
#nav-menu li a { cursor: pointer; }
#nav-menu > li a.level0 { display: inline-block; text-decoration: none; color: #656565; text-shadow: 0 1px 0 white; }
#nav-menu > li a.level0 span { display: inline-block; padding: 10px 12px; cursor: pointer; }
#nav-menu > li a.level0.active { background: url(../images/common/nav-sprite.png) no-repeat right -91px; }
#nav-menu > li a.level0.active span { background: url(../images/common/nav-sprite.png) no-repeat 0 -13px; }

#nav-menu > li.hover > a { visibility: hidden; }
#nav-menu > li.hover ul.subnav { left: 0; }
#nav-menu > li.hover > .overlay { position: absolute; z-index: 5; left: 0; top: 0; height: 40px;
    background: url(../images/common/nav-sprite.png) no-repeat right -346px; }
#nav-menu > li.hover > .overlay a.level0 { padding: 2px 4px 4px 6px;
    background: url(../images/common/nav-sprite.png) no-repeat left -286px; }
#nav-menu > li.hover a.level0 { background: none; }
#nav-menu > li.hover a.level0 span { background: none; }
#nav-menu > li.hover > a { visibility: hidden; }

#nav-menu > li.single.hover > .overlay { background-position: right -218px; }
#nav-menu > li.single.hover > .overlay a { background-position: left -163px; }


#nav-menu .subnav { position: absolute; float: left; left: -3000px; top: 36px; padding: 0 0 11px 0; margin: 0;
    width: 181px; overflow: hidden; background: url(../images/common/flyout-bottom-bg.png) no-repeat center bottom; }
#nav-menu .subnav > li { padding: 0 5px; background: url(../images/common/flyout-bg.png) repeat-y left top; }
#nav-menu .subnav > li > a { display: block; padding: 6px 0 6px 20px; text-align: left; text-decoration: none; color: #333;
     border-bottom: 1px solid #E0E0E0; }
#nav-menu .subnav a { color: #333; }
#nav-menu .subnav > li:first-child { background: url(../images/common/flyout-first-bg.png) no-repeat left top; }
#nav-menu li.right .subnav > li:first-child { background: url(../images/common/flyout-first-right-bg.png) no-repeat right top; }
#nav-menu .subnav > li:first-child a { padding-top: 11px; }
#nav-menu .subnav > li:hover { background: url(../images/common/flyout-bg.png) repeat-y right top; }
#nav-menu .subnav > li:first-child:hover { background: url(../images/common/flyout-first-bg.png) no-repeat right top; }
#nav-menu li.right .subnav > li:first-child:hover { background: url(../images/common/flyout-first-right-bg.png) no-repeat left top; }

#nav-menu .subnav .subsubnav { padding: 6px 0 6px 6px; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #EEE; background: #FFF; }
#nav-menu .subnav .subsubnav li { display: block; }
#nav-menu .subnav .subsubnav li a { display: block; padding: 3px 0 3px 22px; font-size: 11px; text-align: left; }
#nav-menu .subnav .subsubnav li a:hover { color: #44a964; text-decoration: none; }

/* ------------------------------------------------------------
+Content
------------------------------------------------------------ */
#content-outer { min-width: 960px; padding: 20px; background-color: #FFF; text-align: left; }


/* ------------------------------------------------------------
+Footer
------------------------------------------------------------ */
#footer,
#footer a { color: #666666 }

#footer .links { float: left; }
#footer .links a { text-transform: uppercase; text-decoration: none; }
#footer .copyright { float: right; }


/* ------------------------------------------------------------
+Homepage
------------------------------------------------------------ */
.homepage #content-outer { padding: 0; background: #FFF url(../images/home/headline-bg.jpg) repeat-x center -20px; }

.homepage .headline { background: url(../images/home/headline-clouds-bg.jpg) no-repeat center -20px; }
.homepage .headline .container { position: static; padding: 0 30px; width: 900px; height: 180px;
    background: url(../images/home/headline-clouds-bg.jpg) no-repeat center -20px; }
.homepage .headline h1 { padding-top: 30px; font-size: 36px; font-weight: normal; color: #363838; }
.homepage .headline h3 { padding-top: 0px; font-size: 18px; font-weight: normal; color: #363838; }
.homepage .headline h4 { padding-top: 30px; font-size: 16px; font-weight: normal; color: #363838; }
.homepage .headline ul { padding-top: 35px; font-size: 22px; font-weight: normal; color: #363838; }

#home-download-trial { float: right; margin-top: 0px; width: 306px; height: 43px;
    text-indent: -3000px; background: url(../images/home/download-btn.gif) no-repeat; }

.homepage .content { background: url(../images/home/content-bg.png) repeat-x; }
.homepage .content .container { position: static; padding: 20px 0; }

.homepage .introduction { float: left; width: 680px; }
.homepage .intro-box { background: url(../images/home/intro-box-bg.png) no-repeat top center; }
.homepage .intro-box h2 { padding: 15px 30px 0 30px; font-size: 26px; color: #555; }
.homepage .intro-box p { padding: 10px 30px 15px 30px; font-size: 14px; color: #666; line-height: 20px;
    background: url(../images/home/intro-box-footer-bg.png) no-repeat bottom center; }

.homepage .spotlight { float: right; width: 230px; overflow: hidden; }
.homepage .spotlight h2 { padding-bottom: 10px; font-size: 24px; color: #464646; font-weight: normal;
    border-bottom: 1px solid #CCC; text-align: right; }
.homepage .spotlight .follow { clear: both; padding: 20px 0; }
.homepage .spotlight .follow span { float: right; padding: 8px 4px; }
.homepage .spotlight .follow a { float: right; margin: 0 3px; width: 32px; height: 32px; }
.homepage .spotlight .follow a.facebook { background: url(../images/home/facebook-icon.png) no-repeat; }
.homepage .spotlight .follow a.twitter { background: url(../images/home/twitter-icon.png) no-repeat; }
.homepage .spotlight dt { padding: 12px 0 5px; }
.homepage .spotlight dt a { font-size: 17px; text-decoration: none; font-weight: bold; color: #666; }
.homepage .spotlight dd,
.homepage .spotlight dd p { font-size: 14px; color: #999; }
.homepage .spotlight dd { padding: 7px 0; border-bottom: 1px solid #CCC; line-height: 20px; }
.homepage .spotlight dd a { color: #666; }

.homepage .features { position: relative; }
.homepage .features .interactive { position: absolute; top: 5px; right: 0; text-align: right; }
.homepage .features .interactive img { float: left; border: 1px solid #CCC; }

.homepage .features li { padding: 6px 30px; padding-bottom: 16px; font-size: 22px;
    background: url(../images/home/feature-arrow.gif) no-repeat left 13px;  }
.homepage #content-outer .links { width: auto; overflow: hidden; padding: 20px 0;
    border: 1px solid #CCC; border-left: none; border-right: none; }
.homepage #content-outer .links li { display: inline; margin: 0 45px; }

.homepage .why { padding: 30px 0 0 30px; font-size: 43px; font-weight: normal; color: #444; }

.homepage .win-ipad { display: block; width: 350px; height: 64px;
                      background-image: url(/static/theme/images/common/win-ipad-button.png);
                      background-repeat: no-repeat; }
.homepage .win-ipad:hover { background-position: 0px -74px; }


/* ------------------------------------------------------------
+Sidebar
------------------------------------------------------------ */

.sidebar-nav { float: left; width: 236px; overflow: hidden; padding-bottom: 7px;
    background: url(../images/cms/sidebar-bottom-bg.png) no-repeat bottom center; }
.sidebar-nav .sidebar-container { padding: 20px 30px; background: url(../images/cms/sidebar-bg.png) no-repeat top center; }

/* sidebar */
.sidebar-nav h2 { padding-bottom: 15px; font-size: 32px; font-weight: normal; color: #373737; }
.sidebar-nav h3 { padding-left: 12px; font-size: 16px; font-weight: normal; color: #464646;
    background: transparent url(../images/common/list-arrow.gif) no-repeat scroll left center; zoom: 1; }
.sidebar-nav h3 a { color: #464646; text-decoration: none; }
.sidebar-nav h3.active,
.sidebar-nav h3.active a,
.sidebar-nav .subnav li li.active a { text-decoration: none; color: #4fae6d; }
.sidebar-nav .subnav { border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.sidebar-nav .subnav li { padding: 13px 5px; border-top: 1px solid #CCC; }
.sidebar-nav .subnav li.first_on_sub{ border-top-color: White; }
.sidebar-nav .subnav li.last { border-bottom: 1px solid #CCC; }
.sidebar-nav .subnav li ul { padding-bottom: 5px; }
.sidebar-nav .subnav li li { padding: 12px 0 0 20px; border: none; }
.sidebar-nav .subnav li li a { color: #666; text-decoration: none; }
.sidebar-nav .subnav li li a:hover { color: #4FAE6D; }

.sidebar-nav ul.buttons-list { padding: 10px 0 20px; margin-left: -10px; }
.sidebar-nav ul.buttons-list li { padding: 20px 0 0; }
.sidebar-nav ul.buttons-list a { display: block; height: 45px; text-indent: -3000px; }
.sidebar-nav #cms-view-demo { display: block; background: url(../images/cms/view-demo-btn.png) no-repeat; }
.sidebar-nav #cms-faqs { display: block; background: url(../images/cms/faqs-btn.png) no-repeat; }




/* ------------------------------------------------------------
+Page Title
------------------------------------------------------------ */
.page-title { width: auto; overflow: hidden; display: block; border-bottom: 1px solid #CCC; margin: 0 0 25px 0; }
.page-title h1, .blog-news .page-title h3 { float: left; padding: 10px 0 20px 20px; font-size: 26px; min-width: 350px;
    font-weight: normal; color: #478ee9; }

.myaccount .page-title h1 { padding-left:0px; }

/* ours
.cms .page-title .title-button { float: right; }
*/
.page-title .title-button { position: absolute; right: 0;  }

/* ------------------------------------------------------------
+CMS
------------------------------------------------------------ */
.cms { padding: 5px 0 80px; }
.cms a { color: #F37421; }

.account .content,
.cms .content { position: relative; float: right; width: 700px; overflow: hidden; color: #666666; }
.cms strong { font-weight: bold; }
.cms em { font-style: italic; }

.cms .intro-text { padding: 0 0 10px 20px; margin-left: -20px; font-size: 16px; line-height: 24px; border-bottom: 1px solid #CCC; }
.cms .intro-text p { font-size: 16px; }

/* page-content was 10px at top - RSM removed 2-2-10 */
.cms .page-content { padding: 0px 0 10px 20px; }
.cms .page-content p { padding: 0 0 20px; font-size: 14px; line-height: 20px; }
.cms .page-content p.submit { padding: 0; }
/* orig
.cms .page-content p strong { font-weight: normal; color: #444; }
*/
.cms .page-content p strong { font-weight: bold; color: #444; }
.cms .page-content .text a { color: #f19123; }
.cms .page-content ol { padding: 10px 0; list-style: decimal; list-style-position: inside; }
.cms .page-content ol li { padding: 3px 0; font-size: 14px; line-height: 20px; }

.page-content h2,
.page-content h3,
.page-content h4 { position: relative; padding-top: 10px; font-size: 22px; font-weight: normal; color: #343434; }
.page-content h3 { font-size: 18px; }
.page-content h4 { font-size: 16px; }
.page-content .req  { font-size: 20px; vertical-align: middle; color: #37994A; }

h1.gradient,
h2.gradient,
h3.gradient,
h4.gradient,
h5.gradient { position: relative; }
h1.gradient span,
h2.gradient span,
h3.gradient span,
h4.gradient span,
h5.gradient span,
h3.legend span,
.cms .page-content h2 span,
.cms .page-content h3 span,
.cms .page-content h4 span { position: absolute; width: 100%; height: 31px;
    background: url(../images/common/header-gradient-white.png) repeat-x; }

/* providers */
.cms dl.providers { width: auto; overflow: hidden; padding-top: 20px; }
.cms dl.providers dt { clear: both; float: left; width: 160px; height: 70px;
    text-indent: -3000px; background-repeat: no-repeat; background-position: left center; }
.cms dl.providers dt#amazon { background-image: url(../images/temp/amazon.png); }
.cms dl.providers dt#iron-mountain { background-image: url(../images/temp/amazon.png); }
.cms dl.providers dt#nirvanix { background-image: url(../images/temp/amazon.png); }
.cms dl.providers dt#rackspace { background-image: url(../images/temp/amazon.png); }
.cms dl.providers dd { float: left; width: 520px; height: 70px; border-top: 1px solid #CCC; }
.cms dl.providers dd p { padding-top: 25px; font-size: 16px; }
.cms dl.providers dd.last { border-bottom: 1px solid #CCC; }
/* end of providers */

.cms .blist li { padding-top: 10px; padding-bottom: 5px; }

ul#providers-links { float: right; width: 250px; padding: 30px 60px 40px 20px; border-bottom: 1px solid #CCC; }
ul#providers-links li { padding-top: 10px; padding-bottom: 10px; }

.pricing-table { clear: both; margin-top: 20px; width: 100%;}
.pricing-table td { padding: 4px; }
.pricing-table td img { vertical-align: middle; }
.pricing-table thead td { font-size: 22px; }
.pricing-table thead td.icon { width: 20%; }
.pricing-table thead td small,
.pricing-table thead td.hlabel,
.pricing-table thead td.label { font-size: 16px; }
.pricing-table thead td.hlabel { color: #333; }
.pricing-table tbody td { height: 60px; font-size: 14px; vertical-align: middle; }
.pricing-table tbody td.label { width: 35%; }
.pricing-table tbody td.price { font-size: 16px; font-weight: bold; }
.pricing-table td.price,
.pricing-table td.promo,
.pricing-table td.hlabel,
.pricing-table td.label { border-bottom: 1px solid #CCC; }

.data-table thead td { padding: 20px 4px; }
.data-table thead td.label,
.data-table td.price { text-align: center; }
.data-table tbody td.label { width: 30%; }
.data-table tbody td.price { width: 100px; padding-left: 12px; }

col.odd { background: #DFDFDF;}
col.even { background: #f0f0f0; }

.data-table thead td, .data-table thead th, .data-table thead tr { background: #fff; }

.provider-table { margin: 20px auto; width: 85%; }
.provider-table .icon { width: 150px; }
.provider-table tbody td.label { width: auto; }
.provider-table tr.first td.label { border-top: 1px solid #CCC; }

.pricing-links { margin-top: 60px; height: 442px; background: url(../images/cms/pricing-bg.png) no-repeat right top; }

.text-image-block { padding: 15px 0 0 20px; }
.text-image-block .text { float: left; width: 300px; font-size: 14px; line-height: 20px; }
.text-image-block h2 { padding-bottom: 10px; }
.text-image-block .image { float: right; }

.text-text-block{ padding: 15px 0;  }
.text-text-block .left-text{ float: left; width: 47%; /* Default width values, may be overwritten by the template. */}
.text-text-block .right-text{ float: right; width: 47%; /* Default width values, may be overwritten by the template. */}

.linkbox { background: url(../images/common/linkbox-content-bg-right.png) no-repeat right bottom; }
.linkbox .headline { background: url(../images/common/linkbox-header-bg-right.png) no-repeat right top; }
.linkbox .headline h2 { padding: 10px 20px; background: url(../images/common/linkbox-header-bg-left.png) no-repeat left top;
    border-bottom: 1px solid #CCC; }
.linkbox .links { padding: 12px 10px; background: url(../images/common/linkbox-content-bg-left.png) no-repeat left bottom; }
.linkbox .links h4 { padding: 20px 20px; padding-bottom: 42px;}
.linkbox .links .blist li { padding: 8px 0 8px 14px; }

.linkbox.none { float: none; width: 100%;}
.linkbox.left { float: left; width: 47%; }
.linkbox.right { float: right; width: 47%;}

.horizontal-links { padding: 20px 0; }
.horizontal-links a { display: inline-block; padding: 0 20px 0 14px; font-size: 14px;
    background: url(../images/common/list-arrow.gif) no-repeat left center; }

/* ------------------------------------------------------------
+Blog
------------------------------------------------------------ */
.blog-content { float: left; width: 430px; }

.blog-sidebar { float: right; width: 220px; }
.blog-sidebar .linkbox { margin-bottom: 30px; }

/* RSM add some padd to blist for blog 2-2-10 */
.cms .content .blog-sidebar ul.blist { padding: 0 10px; }

.cms .blog-headline { width: 100%; overflow: hidden; position: relative; padding: 10px 0; border-bottom: 1px solid #CCC; }
.cms .blog-headline h2 { padding: 0; font-size: 18px; color: #478ee9; }
.cms .blog-headline .feed { position: absolute; right: 10px; top: 13px; }
.cms .blog-headline .feed a { padding: 2px 22px 2px 0; color: #f19123; font-weight: bold; background: url(../images/common/rss-icon.gif) no-repeat right center; }

.blog h3, .blog-news h1 { padding: 20px 0 5px 0; }
.blog h3 a, .blog-news h1 a { font-size: 22px; color: #191919; text-decoration: none; font-weight: normal; }
.blog .meta { padding: 0 0 20px 0; }
.blog .meta span { font-size: 14px; }
.blog .meta .date { float: right; }
.blog .body { padding: 0 0 20px; }
.blog .body,
.blog .body p { font-size: 14px; line-height: 20px; }

/*--- Blog Footer ---*!/
.blog .info { position: relative; height: 40px; margin-bottom: 30px;
    background: url(../images/cms/blog-info-bg.png) no-repeat center top; font-size: 14px; }
.blog .info a { color: #F19123; font-size: 14px; }
.blog .info a.comments { float: left; width: 128px; padding: 12px 0 0 6px; text-decoration: none; text-align: center; }
.blog .info .filed { position: absolute; top: 12px; right: 15px; color: #444; }
*/
.blog .info { margin-bottom: 30px; font-size: 14px; border: 1px solid #ccc;
    background: url(../images/account/payment-th-bg.png) repeat-x center bottom;
   -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }
.blog .info a { color: #F19123; font-size: 14px; }
.blog .info a.comments { float: left; width: 128px; padding: 12px 0px 12px 15px; text-decoration: none; }
.blog .info .filed { display: block; padding: 12px 15px; color: #444; }



.blog .post .blist { padding: 20px 0 20px 0; }
.blog .archive p.date { padding-top: 20px; font-size: 14px; color: #222; }
.blog .archive h4 a { font-size: 16px; color: #f19123; text-decoration: none; font-weight: normal; }

#dsq-authenticate ul li { clear: none; margin: 0 0 4px 0; }
#dsq-authenticate .dsq-login-button-openid { clear: both; }
#dsq-content .dsq-subscribe-label { font-size: 11px; font-weight: normal; padding: 4px; }

/* ------------------------------------------------------------
+Tables and Charts
------------------------------------------------------------ */
div.cchart { height: 170px; }
div.cbody  { height: 170px; overflow: auto; }
div.clist  { height: 184px; overflow: auto; }
.cchart .error { text-align: center; font-size: 14px; color: #bbb; padding: 70px 20px 0px 20px; }

h3.cheader { display: none; }

table.sorted th { background-position: 0px -10px; }
table.sorted th span { padding: 6px 10px 10px 10px; }
table.sorted td { padding: 3px 10px; border-bottom: 1px dotted #eee; }

table.sorted th.headerSortUp a { background: url(../images/account/payment-sort.png) no-repeat right 2px; }
table.sorted th.headerSortDown a { background: url(../images/account/payment-sort.png) no-repeat right -43px; }

/*--- Special Cases ---*/
#extensionsList th.count { padding-right: 10px; }
#extensionsList td.count { padding-right: 40px; }

#fileRangesList th.range { padding-right: 40px; text-align: right; }
#fileRangesList td.range { padding-right: 70px; text-align: right; }
#fileRangesList td.range span { display: block; float: right; width: 25px; }
#fileRangesList th.count { padding-right: 40px; }
#fileRangesList td.count { padding-right: 70px; }

/* ------------------------------------------------------------
+Video
------------------------------------------------------------ */
.video { text-align: center; }
#video-player { display: inline-block; width: 480px; height: 384px; }


/* ------------------------------------------------------------
+Overrides for Disqus
------------------------------------------------------------ */
#disqus_thread h3 span{ display: inline !important; position: static !important; }
div.dsq-options, div.dsq-options select{ font-size: 12px; }


/* ------------------------------------------------------------
+Cloud Storage Challenge
------------------------------------------------------------ */
#cloud-storage-challenge-security div.content {
    background-image: url(/static/theme/images/diver/diver2.png);
    background-repeat: repeat-y;
    background-position: left 20px;
}
#cloud-storage-challenge-security div.page-title {
    padding-top: 220px;
    margin-bottom: 0px;
    background-image: url(/static/theme/images/diver/diver1.png);
    background-repeat: no-repeat;
    border-bottom: 0px solid #fff;
}
#cloud-storage-challenge-security div.page-content {
    padding-left: 0px;
    padding-bottom: 80px;
    background-image: url(/static/theme/images/diver/diver3.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#cloud-storage-challenge-security div.page-title h1,
#cloud-storage-challenge-security div.page-content h2,
#cloud-storage-challenge-security div.page-content p {
    padding-left: 80px;
}


/* ------------------------------------------------------------
+Salesforce
------------------------------------------------------------ */
td.pageHeaderContainer, td.pageBodyContainer { background-color: #fff; }
td.pageHeaderContainer div.page-title { margin: 10px 0px 0px 0px; border: 0px solid #f00; }
td.pageHeaderContainer div.page-title h1 { padding-bottom: 0px; padding-left: 0px; }
td.pageBodyContainer table { margin: 0 auto; xborder: 1px dotted #f99; width: 750px; }

/*--- Hide shit I don't need ---*/
td.pageBodyContainer .titleHeaderLineTop,
td.pageBodyContainer .pageTitle {
    display: none;   
}

/*--- Menu Bar Frame ---*/
td.menuBarFrame {
    padding-top: 2px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    border-bottom: 1px solid #cccccc;
    color: #fff;
}
td.menuBarFrame a {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin-right: 10px;
    color: #aaa;
    background-color: #eee;
    padding: 8px 10px 8px 10px;
    background-image: url(../images/common/tab-bg.png);
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
td.menuBarFrame a.tabOn {
    color: #444;
    background-image: url(../images/common/tab-on.png);
    border-bottom: 1px solid #fff;
}

td.pageBodyContainer .categoryHeader,
td.pageBodyContainer .listTitle {
    color: #343434;
    font-size: 22px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 8px;
}
td.pageBodyContainer .listHeading {
    font-size: 14px;
    line-height: 25px;
    background-color: #f5f5f5;
    color: #888;
    border-bottom: 1px solid #ddd;
    background-image: url(../images/common/th-bg.png);
    background-position: left -5px;
    background-repeat: repeat-x;
}
td.pageBodyContainer td.listEntryOdd,
td.pageBodyContainer td.listEntryEven {
    line-height: 30px;
    border-bottom: 1px dotted #ddd;
}

/*--- Forms ---*/
td.pageBodyContainer .editLabel {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}
td.pageBodyContainer select { margin: 0px 5px; }
td.pageBodyContainer input[type=text] { width: 500px; }
td.pageBodyContainer textarea { width: 500px; height: 200px; }
#srch_Input { width: 300px; margin: 0px 5px; }

/*--- Search ---*/
.pbSearch {
    padding: 10px;
    background-color: #eee;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pbSearch input {
    font-size: 12px;
}

/* ------------------------------------------------------------
+Debugging
------------------------------------------------------------ */
table.debug_table{ border-collapse: collapse; border: 1px solid #ccc; width: 100%; margin: 2em 0; }
table.debug_table th, table.debug_table td{ border: 1px solid #ccc; padding: 2px 4px;  font-size: 11px;}
table.debug_table th{ color: #333 }
table.debug_table caption{ text-align: left; color: #c00; font-weight: bold; font-size: 10px; }