@font-face {
	font-family: 'quicksand-bold-webfont';
	src:url('../fonts/website/quicksand-bold-webfont.eot?') format('eot'),
        url('../fonts/website/quicksand-bold-webfont.woff') format('woff'),
        url('../fonts/website/quicksand-bold-webfont.ttf') format('truetype'),
        url('../fonts/website/quicksand-bold-webfont.svg#webfont0L0TsvhT') format('svg');
}
@font-face {
	font-family: 'quicksand-regular-webfont';
	src:url('../fonts/website/quicksand-regular-webfont.eot?') format('eot'),
        url('../fonts/website/quicksand-regular-webfont.woff') format('woff'),
        url('../fonts/website/quicksand-regular-webfont.ttf') format('truetype'),
        url('../fonts/website/quicksand-regular-webfont.svg#webfont0L0TsvhT') format('svg');
}


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

.action {
   border: 1px solid #ccc;
   padding: 20px;
   display:block;
}

html,
body,
.mainmenu {
    background: #404041 url(../img/web/pattern.png);
}


.txt-hosted-graphite {
    font-size:2.5em !important;
    margin:0px auto;

}


.txt-hosted-graphite-header {
	display: inline-block;
	padding: 0;
	margin: 0 0 20px;
    color: #1b1b1b;
    font-size:40px;

}

.hgt {
    text-align: center;
    display: block;
    width:100%;
}

.password {
   height:50px;
   font-size:1.25em;

}

.pw {
   display:inline-block;
  margin-left:50px;
}

.advanced {

   border-top: 1px dashed #ccc;
   margin-top:10px;
   padding-top:10px;
}

.advanced h3 {
   margin-bottom:10px;
}


.splitblock {
   display:inline-block;
   width:30%;
}

.wsplitblock {
   display:inline-block;
   width:40%;
}

label.h3 {
   font-weight: bold;
   font-size:1.5em;
}

h1.sm {
   font-size:3em !important;
   margin-bottom:10px;
}


#successPassword {
   display: none;
}

.blue {
   background-color: #cce9ff;
}

.green {
   background-color: #dcffcc;
}

.greenicon {
  color: #dcffcc !important;
}

.pb {
   margin-bottom:20px;
}

.mt {
   vertical-align: middle;
}

.martop {
   margin-top:20px;

}

.martop2 {
   margin-top:30px!important;
}


.ma {
   color: #33ccff !important;
}

h1.c {
   margin: 0px auto;
   display:inline-block;
   text-align: center;
   width:100%;
   text-shadow:1px 1px #404041;
}

h2.c {
   text-align: center;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size:35px;
    margin-bottom:10px;
}
.c {
    text-align: center;

}


h2.trial {
   /*font:27px/29px 'quicksand-bold-webfont', Arial, Helvetica, sans-serif;*/
   text-align: center;
}

h3.trial {
   /*font:27px/29px 'quicksand-regular-webfont', Arial, Helvetica, sans-serif;*/
   text-align: center;
}

.brd {
   border: 1px solid #ccc;
   vertical-align: middle;
   padding: 7px 0 7px 0;
   background:  #fff;
}

.rounded {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.offers {
   margin-top:40px;

}


.title,
.price,
.savings,
.desc,
.but{
   display:inline-block;
   width:100%;
   padding: 5px;

}

.but {
   text-align: center;
}
.title {
   font: 35px/38px museo_slab500, Arial, Helvetica, sans-serif;
   text-align:center;
   font-weight:bold;
   padding: 10px 0 10px 0;

}

.price {
   background-color: #3d933d;
   color:#fff;
   font-size:3em;
   height:45px;
   vertical-align: middle;
   padding: 25px 0 5px 0;
   text-align: center;
   text-shadow: 1px 1px #666;
}

.savings {
   background-color: #3d933d;
   color:#fff;
   font-size:1.5em;
   padding: 0px 0 10px 0;
   text-align: center;
   text-shadow: 1px 1px #666;
}

.desc {

   font-size:1.25em;
   padding: 15px 15px 15px 15px;
}

.desc ul {
   margin: 0;
}
.desc li {
   list-style: none;
   border-bottom: 1px dashed #ccc;
   padding: 0 5px 7px 5px;
   margin: 0 5px 7px 5px;
    font:16px/18px Arial, Helvetica, sans-serif;
   
}

.aggregationDetails {
    font:18px/20px Arial, Helvetica, sans-serif;
}

.aggregationDetails h2   {
    font: 25px/32px museo_slab500, "Arial Black", Gadget, sans-serif;
    margin-bottom:5px;

}


.shadow {
   -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}


.featured {
   border: 2px solid #666;
   color:#404041;
}


.offercontainer {
   background-color:#eeeeee;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   margin: 20px 20px 0 0;
   padding: 10px 10px 20px 10px;
   background: url("../img/hexellence.png") top left repeat;
}

.mini-hero-unit{
   padding:60px;
   margin-bottom:30px;
   background-color:#eeeeee;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
}
.offercontainer h1{
   margin-bottom:0;
   font-size:60px;
   line-height:1;
   color:inherit;
   letter-spacing:-1px;
}
.offercontainer p{
   font-size:18px;
   font-weight:200;
   line-height:27px;
   color:inherit;
}

.offset0 {
   margin-left:82px !important;
}


.about h2 {
   color: #fff;
}
.about {
   color:#ccc;
}

.bnav {
   border: 1px solid #ccc;
}

.fcontainer {
      background-color: #3d933d;

   
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding: 5px 0 5px 0;
   
}

.fcontainer a {
   color:#fff;
   text-decoration: underline;
}

.tdur {
   font-size:.5em;
}

.formspan {
   background: #fff;
   width:95%;
   padding-top:20px;
   border: 1px solid #ccc;
   margin: 10px;
   
}
.formspan p,
.formspan h2{
   margin: 10px 20px 20px 20px;
}

.formspan .control-label {
   font-weight: bold;
}

.form-horizontal .control-label {
   width:240px;
}

.form-horizontal .controls{
   margin-left:260px;
}

.errorlist li {
   list-style: none;
}

.topmar {
   margin-top:30px;
}

#myinstances {
   margin-top:20px;
   background: #fff;
}

.bblock {
   margin-bottom: 20px;
}

i {
   vertical-align: middle;
   margin-right:7px;
}

i.nopad {
   margin: 0px auto;
}

.errortext {
   color:#b94a48;
}

.successtext {
   color:#468847;
}

.nomar {
   margin: 5px 0 2px 0 ;
}

.accounthome {
   background-color:#ffffff;
   margin-bottom:30px;
}

.homedata {
   margin: 7px 7px 20px 7px;
}

.accounthome h3,
.accounthome p{
   margin-left:10px;
}

.accounthome h4 {
   margin: 10px 0 10px 10px;
}

.accounthome pre {
   width:90%;
   margin-left:20px;
   padding:5px;
}

.marbot {
   margin-bottom:10px;
}

.marbot2 {
   margin-bottom:20px !important;
}

.marbot3 {
   margin-bottom:30px;
}

.marright {
   margin-right:10px;
}

.marleft {
   margin-left:10px;
}

.marbot {
   margin-bottom:-10px;
}



.useremail a {
   cursor:pointer;
   margin-left:20px;
}


.homenav {

}


.nav li a.notice {
   color:#33ccff;
}


h3.docs {
   margin-top:30px;
   font:22px/24px  Arial, Helvetica, sans-serif;
   font-weight:bold;
}

ol li,
ul li {
   margin:0 0 5px 10px;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:15px;
   line-height:18px;
}

.mainmenu {
    height:40px;
    margin-bottom:30px;
    background: #2d2d2e url(../img/web/bg-top-bar.gif) repeat-x;
}

.logo {
	width: 25px;
	height: 30px;
	float: left;
	margin: 6px 0 0 20px!important;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/web/logo.png) no-repeat;
}

article {
   margin:5px;
}

.bnav {
border:none;
}
.bnav li{
   list-style: none;
   display :inline-block;
   margin-right:10px;
   
}

.altop {
   vertical-align: top;
}

.mid {
   vertical-align: middle;
}

.photo {
   width:100px;
   border:1px solid #efefef;
   display:inline-block;
   padding:5px;
   margin-right:20px;
}


.location {
   margin:20px 0 0 10px;
}

.namedata {
   vertical-align: top;
   display:inline-block;
}

.imageicon {
   width:30px;
   height:30px;
}


ul.norm li {
   border: none;
   list-style: none;
   
}

.blocked {
   border: 1px solid #efefef;
   padding:10px;
   background: #fff;
}

.navbar .brand img {
   vertical-align: top;
   margin-top: -5px;

}

div.indexlogo {
   text-align: center;
}

div.indexlogo h1
{
   display: none;
}

#timezoneAlert,
#authAlert{
   display:none;
}

p.copy {
   margin-bottom:0px;
}


h3 i {
    padding-top:10px;
}

.gs {
    padding-top:7px ;
    height:180px;

}

.gs h3 {
    border-bottom:1px dashed #ccc;
    margin-bottom:7px;

}

.infoAction {
    vertical-align: bottom;
    margin-top:50px;

}

.sendmetric {
}

.creategraph {
}


h2.gettingStarted {
    font-size:32px;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom:10px;


}

.infoHeader {
    height:140px;
    display:inline-block;
}
.infoAction i {
    margin-left:10px;
}
.t {
    height:100px;
}

.feat {
    color: #170e4b;
}

.msearch {
    margin-left:7px;
}

.metricFilter {
    margin-right:10px;
    display:inline-block;
}


#foundMetrics td.cb {
    width:20px !important;
    text-align:center;
}

#foundMetrics,
#authedApps,
#listedDashboards{
width:98%;
    margin:0 5px 10px 7px;
}



.deleteButton,
.addApp {
    margin:10px;
}

#metricsSearch {
   width: 400px;
}

.clear {
   clear: both;
}

img#metricFilterActivity {
   margin-left: 10px;
}

label.metricname {
   cursor: pointer;
}


.header {
    margin-top:10px;
}


i.fa,
.oheader i.fa{
    vertical-align: baseline ;

}

i.fa {
    margin-top:-4px;
}

#metricFilterResults {
    margin-top:10px;
    font-weight:bold;
}

a.editAccessKey {
    padding-right:10px;
}

#authedApps td.actions a {
    margin-right:20px;
    max-width:100px;

}

.minialert {
    width:90%!important;
}

#authedApps th {
    text-align: center !important;
}

#authedApps th.actions {
    width:200px;
}

#ssoSuccessDiv {
    display:none;
}

a.help {
    text-decoration: none;
    color: #404041;
    margin-top: -10px;
    padding:0;
}

a.help:hover {
    color:#ccc;
    cursor:pointer;
}

.createSSOToken {
    margin-left:10px;
}

.icon-check {

}
.completed,
.incomplete {
    margin-right:25px;
}
.incomplete {

}
.completed {
    color:limegreen;

}

.actioncomplete {
    text-align: center;
    color:limegreen;
}


.main {
    min-height:450px;
}

.fluff h3 {
    margin-left:20px;
}

.bbtn {
	width: 251px;
	height: 41px;
	float: right;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 20px;
	line-height: 41px;
	text-align: center;
	border-radius: 7px;

    /*background-color:#49afcd;
    	background: #d54b1a;
	text-shadow: 1px -1px 0 rgba(126, 45, 17, 0.75);*/
    background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info{}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}

.bbtn:hover {
    background: #d52420;
}

span#statsd-enabled, span#statsd-disabled, span#statsd-working
{
   margin-top:20px;
   display: none;
}

#statsd-enabled .alert, #statsd-disabled .alert, #statsd-working .alert {
    margin:5px;
}

img#traffic-graph
{
    padding: 10px;
}

div#traffic-buttons button.selected
{
    background: #cccccc;
}

div#traffic-buttons-container div.btn-group
{
   margin-left: 20px;
   border: 1px solid black;
   display: inline;
   width: 200px;
}

div#traffic-graph-container
{
   text-align: center;
   padding: 5px;
   margin-bottom: 5px;
}  

img#traffic-graph
{
   border: 1px solid gray;
   display: none;
   padding: 1px;
}

img#traffic-spinner
{
   display: none;
}

div#access-key-qr-modal div.modal-body
{
    text-align: center;
}


a.marauto {
    margin-right:15%;
}


#inviteResults,
#viewUserInfo,
#addAccessUser,
#revokeAlert {
    display:none;
}

#selectAllButton
{
    margin-left: 20px;
    margin-right:10px;
}

#smallerPlans {
    display:none;
}

/* ----- 'integration' boxes on accounts -> integrations page ---- */
.integration_module {
   background-color: #e6f5fd;
   margin-bottom:30px;
   padding:5px;
}

.integration_module img {
    float: left;
    width: 75px;
    height: 75px;
    padding: 0 5px 0 5px;
}

.integration_module p {
   margin: 7px 7px 20px 7px;
   font-size: 14px;
   line-height: 18px;
}

/* cloudwatch config modal dialog, reduce p text size */
#cloudwatchConfig p {
    font-size: 14px;
    line-height: 18px;
}

/* we need a much wider dialog than the default for the checkbox grids */
#cloudwatchConfig {
    width: 900px;
    margin-left: -460px;
}

/* small icon by header */
#cloudwatchConfig .modal-header img {
    float: left; width: 25px; height: 25px; padding-right: 10px;
}

/* we have wide groups of checkboxes, thieve some of the left hand label space */
#cloudwatchConfig .control-group .control-label { width: 180px; /* was 240px */ }
#cloudwatchConfig .control-group .controls { margin-left: 200px; /* was 260 */ width: 600px; }
#cloudwatchConfig .widecheck { margin-left: 2px; padding-top: 0; }


/* ---- end integration stuff ---*/



a.userDetails:hover {
    color: #e0e0e0;
    text-shadow:1px 1px #333334;
    display:inline-block;
    margin-right:10px;
    border:none;
}

a.userDetails,
.userDetails,
.userDetails:hover{
    color: #e0e0e0;
    text-shadow:1px 1px #333334;
    display:inline-block;
    margin-right:10px;
    background:transparent;
}

.userDetails a {
    margin-left:5px;
}

#team_success_div,
#team_error_div {
    display:none;

}


/* ----- start userlogging stuff ------ */


.log-entries tr.logrow { cursor: pointer; }

/* match up with the bootstrap colours */
.log-entries tr.row_info { color: #3a87ad; background-color: #d9edf7; /* border-color: #bce8f1; */ }
.log-entries tr.row_success { color: #468847; background-color: #dff0d8; /* border-color: #d6e9c6; */ }
.log-entries tr.row_warning { font-weight: 200; color: #c09853; background-color: #fcfcbe; /* border-color: #fbeed5; */ }
.log-entries tr.row_danger { color: #b94a48; background-color: #f2dede; /* border-color: #eed3d7; */ }

/* original colours from barry, little stronger than bootstrap
.log-entries tr.row_info { color: #00529B; background-color: #BDE5F8; }
.log-entries tr.row_success { color: #4F8A10; background-color: #DFF2BF; }
.log-entries tr.row_warn { color: #9F6000; background-color: #FEEFB3; }
.log-entries tr.row_error { color: #D8000C; background-color: #FFBABA; }
*/

.expand_msgtext .logmessage {
    font-size:1.25em;
}

.log-entries td.log_details {
    padding: 5px 10px 5px 10px !important;
    background-color: #eeeeee;
}

.log-entries .expand_text {

    width: 790px;
    padding: 2px;
    margin: 3px;
}

.log-entries .expand_msgtext {
    font-family: monospace;
    word-wrap: break-word;
    font-size: 0.9em;
}

.log-entries .expand_infotext  {
    padding: 3px;
    margin-left:7px;
    font-weight: bold;
}

.log-entries div[id$="_info"] {
    padding: 5px 10px 5px 10px;
}

.log-entries div[id$="_info"] .btn {
    margin-left: 10px;
}

/* loading progress spinner */
.log-entries div[id$="_processing"] {

    height: 40px;
    background-color: #fcf8e3;
    color: #c09853;
    padding: 12px 15px 8px 15px;

    border: 1px solid #fbeed5;
    border-radius: 4px;
    box-shadow: 5px 5px 3px #888888;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    /* since we changed to a static table instead of scrollable, when the user clicks 'load more', the progress
       will probably be long out of view.  Fix it to slightly above the current bottom of the table */
    top: auto; /* unsets default val of 40px */
    bottom: 80px;

}

.log-entries div[id$="_filter"] label input {
    display: inline; /* undo bootstrap display:block causing a newline */
}
/* ----- start userlogging stuff ------ */


.log-entries tr.logrow { cursor: pointer; }

/* match up with the bootstrap colours */
.log-entries tr.row_info { color: #3a87ad; background-color: #d9edf7; /* border-color: #bce8f1; */ }
.log-entries tr.row_success { color: #468847; background-color: #dff0d8; /* border-color: #d6e9c6; */ }
.log-entries tr.row_warning { font-weight: 200; color: #c09853; background-color: #fcf8e3; /* border-color: #fbeed5; */ }
.log-entries tr.row_danger { color: #b94a48; background-color: #f2dede; /* border-color: #eed3d7; */ }

/* original colours from barry, little stronger than bootstrap
.log-entries tr.row_info { color: #00529B; background-color: #BDE5F8; }
.log-entries tr.row_success { color: #4F8A10; background-color: #DFF2BF; }
.log-entries tr.row_warn { color: #9F6000; background-color: #FEEFB3; }
.log-entries tr.row_error { color: #D8000C; background-color: #FFBABA; }
*/

.log-entries td.log_details {
    padding: 5px 10px 5px 10px !important;
    background-color: #eeeeee;
}

.log-entries .expand_text {

    width: 790px;
    padding: 2px;
    margin: 3px;
}

.log-entries .expand_msgtext {
    font-family: monospace;
    word-wrap: break-word;
    font-size: 0.9em;
}

.log-entries .expand_infotext  {
    padding: 3px;
    font-weight: bold;
}

.log-entries div[id$="_info"] {
    padding: 5px 10px 5px 10px;
}

.log-entries div[id$="_info"] .btn {
    margin-left: 10px;
}

/* loading progress spinner */
.log-entries div[id$="_processing"] {

    height: 40px;
    background-color: #fcf8e3;
    color: #c09853;
    padding: 12px 15px 8px 15px;

    border: 1px solid #fbeed5;
    border-radius: 4px;
    box-shadow: 5px 5px 3px #888888;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    /* since we changed to a static table instead of scrollable, when the user clicks 'load more', the progress
       will probably be long out of view.  Fix it to slightly above the current bottom of the table */
    top: auto; /* unsets default val of 40px */
    bottom: 80px;

}

/* ----- end userlogging stuff ------ */
.log-entries div[id$="_filter"] label input {
    display: inline; /* undo bootstrap display:block causing a newline */
}

/* ----- end userlogging stuff ------ */


#stripeError,
#stripeSuccess {
    display:none;
}


body .modal {
    /* new custom width */
    width: 820px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -380px;
}

.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}


.modal {
position: absolute;
}


.td_actions {
    text-align: center;
}

.i-danger {
    color:#da4f49;
    font-size:1.5em;
}

.i-success {
    color:#5bb75b;
    font-size:1.5em;
}

.td_mid {
    text-align: center;

}

#invoiceError,
#addressError,
#addressSuccess {
    display:none;
}


.btn i.fa {
    margin-top:-2px;
}

.pbig {
    margin-top:15px;
    margin-bottom:15px;
    font-size:1.15em;
}

h2.modalH {
    text-align:center;
    font-weight:normal;

}

.modalB {
    text-align:center;
    font-size:1.2em;
}

.modalC {
    text-align:center;
    font-size:1.1em;
}


.svng {
    background-color:#fbf7da;
}

span.metricinfo {
    font-size:.7em;
}

#quick_view {
    display:none;

}

.spinnerHolder {
    text-align:center;
    display:block;
    width:100%;

}