* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    color:#666;
    background:#fff;
    font:12px/15px 'Open Sans',Helvetica,sans-serif;
    height:100%;
    min-width:320px;
    -webkit-font-smoothing: antialiased;
}

/********* Text **************************************************/

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address {
    margin-bottom:15px
}

h1, h2, h3, h4, h5, h6 {
    color:inherit;
    font-family:inherit;
    font-weight:bold;
    text-rendering:optimizelegibility;
}
h1 {
    font-size:25px;
    line-height:30px;
}
h2 {
    font-size:20px;
    line-height:30px;
    margin:0 0 20px;
}
h3 {
    font-size:16px;
    line-height:20px;
    margin:0 0 10px;
}
h4 {
    font-size:13px;
    font-weight:normal;
    line-height:20px;    
}
h5 {
    font-size:12px;
    line-height:15px;
}
h6 {
    font-size:10px;
    line-height:10px;
}
strong {
    font-weight:800;
}
em {
    font-style:italic;
}
ol,
ol > li,
ul,
ul > li {
    list-style:none;
}

/* lists */
ul.list {
    border:1px solid #d9d7cc;
    border-radius:4px;
    box-shadow:rgba(128,126,115,.3) 0 2px 3px;
    clear:both;
    color:#434343;
    list-style:none;
    margin:0 0 20px;
    padding:0;
    position:relative;
}
ul.list > li {
    background:#fbfbfb;
    background:-webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
    background:-moz-linear-gradient(top, #fbfbfb, #f5f5f5);
    background:linear-gradient(top, #fbfbfb, #f5f5f5);
    border-bottom:1px solid #d9d7cc;
    padding:10px 20px 9px;
    position:relative;
}
ul.list > li:first-child,
ul.list.actions > li:first-child a {
    border-radius:4px 4px 0 0;
}
ul.list > li:last-child,
ul.list.actions > li:last-child a {
    border-radius:0 0 4px 4px;
    border-bottom:none;
}
ul.list > li:only-child,
ul.list.actions > li:only-child a {
    border-radius:4px;
}

/* action lists */
ul.list.actions {}
ul.list.actions > li {
    overflow:hidden;
    padding:0;
}
ul.list.actions > li a {
    color:#555;
    display:block;
    font-weight:bold;
    padding:10px 20px;
    text-decoration:none;
}
ul.list.actions > li:first-child a {
    border-radius:4px 4px 0 0;
}
ul.list.actions > li:last-child a {
     border-radius:0 0 4px 4px;
}
ul.list.actions > li:only-child a {
     border-radius:4px;
}
ul.list.actions > li a:hover {
    background:#fbfbfb;
}
ul.list.actions > li a:active {
    background:#f5f5f5;
    box-shadow:rgba(0,0,0,.1) 0 1px 3px inset;
}

/* horizontal list */
ul.horizontal li {
   display:inline-block;
   margin:0 0 0 10px;
}
.form ul.horizontal label {
    display:inline-block;
    margin:0;
}

/* bulleted list */
ul.bullets {
    list-style:none;
    padding:0;
    vertical-align:top;
}
ul.bullets li {
    background:transparent url('../images/bullet.png') no-repeat 0 2px;
    margin:0 0 15px;
    padding:0 0 0 20px;
}
ul.bullets li:last-child,
ul.bullets li:only-child {
    margin:0;
}
.module ul.bullets:last-child {
    margin-bottom:15px;
}

/* definition lists */
dl dt {
    font-weight:bold;
}
dl dd {
    margin:0 0 10px;
}
dl.parallel {
    padding:0 0 0 240px;
}
dl.parallel dt {
    clear:left;
    display:block;
    float:left;
    margin:0 0 10px -240px;
    text-align:right;
    width:220px;
}
dl.parallel dd {
    min-height:20px;
    float:left;
}

/********* Icons Sprite **************************************************/
.sprite {
    background-image:url('../images/sprites.png');
    background-repeat:no-repeat;
    display:inline-block;
    font-size:0;
    vertical-align:middle;
}
.overview-ico {
    background-position:0 0;
}
.messages-ico {
    background-position:0 -25px; 
}
.audience-ico {
    background-position:0 -50px;
}
.reports-ico {
    background-position:0 -75px;
}
.settings-ico {
    background-position:0 -100px;
}
.nav-ico {
    background-position:-50px 0; 
    height:20px;
    width:20px;
}
.down-arrow-ico {
    background-position:-50px -25px; 
    height:20px;
    width:20px;
}
.plus-ico {
    background-position:-50px -75px; 
    height:20px;
    width:20px;
}
.create-ico {
    background-position:-50px -50px; 
    height:20px;
    width:20px;
}
.error-ico {
    background-position:-125px -75px;
    height:20px;
    width:21px;
}
.warning-ico {
    background-position:-125px -100px;
    height:20px;
    width:21px;
}
.view-ico {
    background-position:-50px -100px;
    height:21px;
    width:20px;
}
.gear-ico {
    background-position:-75px -100px;
    height:21px;
    width:20px;
}
.console-ico {
    background-position:-100px -50px;
    height:20px;
    width:20px;
}
.info-ico {
    background-position:-75px -50px;
    height:20px;
    width:20px;
}
.sort-ico {
    background-position:-75px -150px;
    height:20px;
    width:20px;
}
.close-ico {
    background-position:-75px -25px;
    height:20px;
    width:20px;
}
.edit-ico {
    background-position:-100px -100px;
    height:20px;
    width:20px;
}
.account-ico {
    background-position:-25px -175px;
    height:20px;
    width:25px;
}
.team-ico {
    background-position:-50px -175px;
    height:20px;
    width:25px;
}
.security-ico {
    background-position:0 -175px;
    height:20px;
    width:25px;
}
.billing-ico {
    background-position:-75px -175px;
    height:20px;
    width:25px;
}
.apps-sml-ico {;
    background-position:-75px 0;
    height:20px;
    width:20px;
}
.account-sml-ico {;
    background-position:-100px 0;
    height:20px;
    width:20px;
}
.help-sml-ico {
    background-position:-125px 0;
    height:20px;
    width:20px;
}

/********* FORMS **************************************************/
label {
    color:#333;
    display:block;
    font-size:14px;
    font-weight:bold;
    line-height:15px;
    min-height:20px;
    padding:0 1px;
    text-shadow:rgba(255, 255, 255, .4) 0 1px;
}
label span {
    color:#666;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    padding:0 0 0 5px;
}
label span.note {
    display:block;
    margin:5px 0;
    padding:0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    display:inline-block;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color:#fcfcfc;
    border:1px solid #bfbfbf;
    border-color:#bfbfbf; /* redundant but needed for transition */
    border-radius:4px;
    box-shadow:0 1px 0 rgba(255,255,255,.5),
        inset 0 1px 3px 0 rgba(0,0,0,.1);
    font-size:14px;
    height:35px;
    line-height:20px;
    padding:5px 10px;
    vertical-align:middle;
    width:100%;
    /* box model */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /* transitions */
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    transition:all .2s linear;
}
select {
    background-image:url('../images/forms_select_arrow.png');
    background-repeat:no-repeat;
    background-position:99% 50%;
    box-shadow:inset 0 1px 0 #fff,
        0 1px 1px 0 rgba(18,22,26,.1),
        inset 0 10px 15px 0 #fff;
    outline:0;
    padding:5px 5px 5px 10px;
    /*negate some browser defaults  */
    -webkit-appearance:none;
    -moz-appearance:-moz-initial;
    -moz-background-clip:padding;
    -webkit-background-clip:padding;
    background-clip:padding-box;
}
select option {
    border:none;
    padding:5px;
}
textarea {
    display:block;
    min-height:80px;
    padding:10px;
}
input[type="checkbox"],
input[type="radio"] {
    display:inline-block;
    margin:2px 3px 0 0;
    vertical-align:top;
}
input[type="file"] {
    height:30px;
}

/* focus styles */
:focus{outline:0;}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    background-color:#fff;
    border-color:#21a1d9;
    box-shadow:0 0 2px 0 #24b4f2;
}
button:focus {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
        0 0 4px 2px #61bbf2;
}

/* fieldsets */
fieldset {}
fieldset.submit {}
fieldset.submit div {
    vertical-align:middle;
    width:auto;
}
fieldset > div {
    display:block;
    margin:0 0 15px;
    position:relative;
    vertical-align:top;
    width:100%;
}
fieldset .submit {
    vertical-align:middle;
}
/* medium and small sizes */
fieldset .inline {
    float:left;
}
fieldset .inline,
fieldset .width_small,
fieldset .width_med {
    display:inline-block;
}
fieldset .inline + .inline,
fieldset .width_small + .width_small,
fieldset .width_small + .width_med,
fieldset .width_med + .width_med,
fieldset .width_med + .width_small {
    margin-left:1%;
}
fieldset .width_small {
    width:32%;
}
fieldset .width_med {
    width:49%;
}

/* mini forms */
.mini select,
.mini input[type="text"],
.mini input[type="password"],
.mini input[type="datetime"],
.mini input[type="datetime-local"],
.mini input[type="date"],
.mini input[type="month"],
.mini input[type="time"],
.mini input[type="week"],
.mini input[type="number"],
.mini input[type="email"],
.mini input[type="url"],
.mini input[type="search"],
.mini input[type="tel"],
.mini input[type="color"],
select.mini,
input[type="text"].mini,
input[type="password"].mini,
input[type="datetime"].mini,
input[type="datetime-local"].mini,
input[type="date"].mini,
input[type="month"].mini,
input[type="time"].mini,
input[type="week"].mini,
input[type="number"].mini,
input[type="email"].mini,
input[type="url"].mini,
input[type="search"].mini,
input[type="tel"].mini,
input[type="color"].mini {
    font-size:12px;
    height:20px;
    line-height:15px;
    margin:0;
    padding:0 5px;
    vertical-align:top;
    width:auto;
}
.mini select,
select.mini {
    background-position:96% 55%;
    min-width:110px;
    width:auto;
}
.mini fieldset div,
fieldset.mini div {
    margin-bottom:5px;
}

/*target webkit browsers to get the selects looking right*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    .mini select,
    select.mini {
        padding-right:20px;
    }
}

/* miscellaneous form elements */
::-webkit-input-placeholder {
    color:#bfbfbf;
    white-space:normal;
}
:-moz-placeholder,
input:-moz-placeholder {
    color:#bfbfbf;
}
input[disabled="disabled"] {
    border-color:#dfdfdf;
    box-shadow:none;
}
.error input,
input.error,
input.invalid,
.error textarea,
textarea.error {
    border:1px solid #ffd11a;
    box-shadow:0 0 2px 0 #ffd11a;
}
form.collapsed .collapsed {
    display:none;
}

/* Forms as an unordered list */
ul.form {
    margin:0 0 15px;
}
ul.form+ul.form {
    border-top: 1px dotted #ccc;
    padding-top: 14px;
}
ul.form > li {
    border-radius:4px;
    margin:0 0 15px;
}
ul.form > li:last-child,
ul.form > li:only-child {
    margin:0;
}
ul.form > li.submit {
    background:#f7f7f7;
    border-radius:4px;
    margin:0 -20px -15px;
    padding:15px 20px;
    position:relative;
}
ul.form > li.submit > a.delete {
    color:#e92939;
    margin-top:-6px;
    right:20px;
    position:absolute;
    top:50%;
}
.module ul.form > li.submit {
    background:#f7f7f7;
    border-radius: 0 0 4px 4px;
}
ul.form > li.section_header {
    background:#ecede8;
    margin:0 -5px 15px;
    padding:5px;
}
/* deprecated */
ul.form li strong.section_header {
    display:block;
    font-size:15px;
    line-height:15px;
    margin:0 0 15px;
}

/********* BUTTONS **************************************************/
/* Default Action Button */
a.btn,
button,
input[type="submit"],
.badge {
    background:#3b454c;
    background:-webkit-linear-gradient(top, #495761, #242d33);
    background:-moz-linear-gradient(top, #495761, #242d33);
    background:linear-gradient(top, #495761, #242d33);
    border:1px solid #12161a;
    border-radius:4px;
    box-shadow:inset 0 1px 0 #70818c,
        0 1px 3px 0 rgba(18,23,26,.4);
    color:#fff;
    display:inline-block;
    font-size:15px;
    font-weight:600;
    height:auto;
    line-height:20px;
    padding:9px 15px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
    white-space:normal;
    width:auto;
    /* box model */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /* background-color animate */
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    transition:all .2s linear;
}
a.btn {
    padding:8px 15px;
}
a.btn:hover,
button:hover,
input[type="submit"]:hover {
    background-color:#4f5d66;
    background:-webkit-linear-gradient(top, #5c6e7a, #36434d);
    background:-moz-linear-gradient(top, #5c6e7a, #36434d);
    background:linear-gradient(top, #5c6e7a, #36434d);
    cursor:pointer;
    text-decoration:none;
}
a.btn:active,
button:active,
input[type="submit"]:active {
    background-color:#242d33;
    background:-webkit-linear-gradient(top, #242d33, #495761);
    background:-moz-linear-gradient(top, #242d33, #495761);
    background:linear-gradient(top, #242d33, #495761);
    box-shadow:inset 0 1px 0 #525e66,
        0 1px 0 rgba(255,255,255,.1);
}
a.btn.selected,
button.selected,
input[type="submit"].selected {
    background-color:#242d33;
    background:-webkit-linear-gradient(top, #242d33, #495761);
    background:-moz-linear-gradient(top, #242d33, #495761);
    background:linear-gradient(top, #242d33, #495761);
    box-shadow:inset 0 1px 10px 0 rgba(0,0,0,.6),
        inset 0 1px 0 #525e66,
        0 1px 0 rgba(255,255,255,.1);
    cursor:default;
}

/* round badges */
.badge {
    border-radius:35px;
    font:bold 15px/35px 'HelveticaNeue',Helvetica,sans-serif;
    padding:0;
    text-align:center;
    width:35px;
}
/* Primary Action Button */
a.btn.primary,
button.primary,
input[type="submit"].primary,
.badge.primary {
    background:#0072a3;
    background:-webkit-linear-gradient(top, #0072a3, #005980);
    background:-moz-linear-gradient(top, #0072a3, #005980);
    background:linear-gradient(top, #0072a3, #005980);
    border:1px solid #002433;
    box-shadow:inset 0 1px 0 #17a8e5,
        0 1px 3px 0 rgba(18,23,26,.4);
    text-shadow:0 -1px #002433;
}
a.btn.primary:hover,
button.primary:hover,
input[type="submit"].primary:hover {
    background-color:#0084bd;
    background:-webkit-linear-gradient(top, #0084bd, #006b99);
    background:-moz-linear-gradient(top, #0084bd, #006b99);
    background:linear-gradient(top, #0084bd, #006b99);
}
a.btn.primary:active,
button.primary:active,
input[type="submit"].primary:active {
    background-color:#005980;
    background:-webkit-linear-gradient(top, #005980, #0072a3);
    background:-moz-linear-gradient(top, #005980, #0072a3);
    background:linear-gradient(top, #005980, #0072a3);
    box-shadow:inset 0 1px 0 #138cbf,
        0 1px 0 rgba(255,255,255,.1);
}
a.btn.primary.selected,
button.primary.selected,
input[type="submit"].primary.selected {
    background-color:#005980;
    background:-webkit-linear-gradient(top, #005980, #0072a3);
    background:-moz-linear-gradient(top, #005980, #0072a3);
    background:linear-gradient(top, #005980, #0072a3);
    box-shadow:inset 0 1px 10px 0 rgba(0,0,0,.6),
        inset 0 1px 0 #138cbf,
        0 1px 0 rgba(255,255,255,.1);
    cursor:default;
}
/* Secondary Action Button */
a.btn.secondary,
button.secondary,
input[type="submit"].secondary,
.badge.secondary {
    background:#7e878c;
    background:-webkit-linear-gradient(top, #7e878c, #566773);
    background:-moz-linear-gradient(top, #7e878c, #566773);
    background:linear-gradient(top, #7e878c, #566773);
    border:1px solid #393d40;
    box-shadow:inset 0 1px 0 #aaafb2,
        0 1px 3px 0 rgba(18,23,26,.4);
    text-shadow:0 -1px #393d40;
}
a.btn.secondary:hover,
button.secondary:hover,
input[type="submit"].secondary:hover {
    background-color:#959fa6;
    background:-webkit-linear-gradient(top, #959fa6, #607380);
    background:-moz-linear-gradient(top, #959fa6, #607380);
    background:linear-gradient(top, #959fa6, #607380);
}
a.btn.secondary:active,
button.secondary:active,
input[type="submit"].secondary:active {
    background-color:#566773;
    background:-webkit-linear-gradient(top, #566773, #7e878c);
    background:-moz-linear-gradient(top, #566773, #7e878c);
    background:linear-gradient(top, #566773, #7e878c);
    box-shadow:inset 0 1px 0 #85898c,
        0 1px 0 rgba(255,255,255,.1);
}
a.btn.secondary.selected,
button.secondary.selected,
input[type="submit"].secondary.selected {
    background-color:#566773;
    background:-webkit-linear-gradient(top, #566773, #7e878c);
    background:-moz-linear-gradient(top, #566773, #7e878c);
    background:linear-gradient(top, #566773, #7e878c);
    box-shadow:inset 0 1px 10px 0 rgba(0,0,0,.5),
        inset 0 1px 0 #85898c,
        0 1px 0 rgba(255,255,255,.1);
    cursor:default;
}
/* Tertiary Action Button */
a.btn.tertiary,
button.tertiary,
input[type="submit"].tertiary,
.badge.tertiary {
    background:#fafafa;
    background:-webkit-linear-gradient(top, #fafafa, #f2f2f2);
    background:-moz-linear-gradient(top, #fafafa, #f2f2f2);
    background:linear-gradient(top, #fafafa, #f2f2f2);
    border:1px solid #bdbdbd;
    box-shadow:inset 0 1px 0 #fff,
        0 1px 1px 0 rgba(18,23,26,.1);
    color:#333;
    text-shadow:0 1px rgba(255,255,255,.6);
}
a.btn.tertiary:hover,
button.tertiary:hover,
input[type="submit"].tertiary:hover {
    background:#fff;
}
a.btn.tertiary:active,
button.tertiary:active,
input[type="submit"].tertiary:active {
    background:#dfdfdf;
    background:-webkit-linear-gradient(top, #dfdfdf, #fafafa);
    background:-moz-linear-gradient(top, #dfdfdf, #fafafa);
    background:linear-gradient(top, #dfdfdf, #fafafa);
    box-shadow:inset 0 1px 0 #fafafa,
        0 1px 0 rgba(255,255,255,.1);
}
a.btn.tertiary.selected,
button.tertiary.selected,
input[type="submit"].tertiary.selected {
    background:#e9e9e9;
    background:-webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
    background:-moz-linear-gradient(top, #f5f5f5, #e9e9e9);
    background:linear-gradient(top, #f5f5f5, #e9e9e9);
    box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.1),
        0 1px 0 rgba(255,255,255,.1);
    cursor:default;
    color:#000;
}
/* Important Action Button */
a.btn.important,
button.important,
input[type="submit"].important,
.badge.important {
    background:#982440;
    background:-webkit-linear-gradient(top, #b22b4a, #982440);
    background:-moz-linear-gradient(top, #b22b4a, #982440);
    background:linear-gradient(top, #b22b4a, #982440);
    border:1px solid #80263b;
    box-shadow:inset 0 1px 0 #d94c6d,
        0 1px 3px 0 rgba(18,23,26,.4);
    text-shadow:0 -1px #80263b;
}
a.btn.important:hover,
button.important:hover,
input[type="submit"].important:hover {
    background-color:#b22b4a;
    background:-webkit-linear-gradient(top, #cc3155, #b22b4a);
    background:-moz-linear-gradient(top, #cc3155, #b22b4a);
    background:linear-gradient(top, #cc3155, #b22b4a);
}

a.btn.important:active,
button.important:active,
input[type="submit"].important:active {
    background-color:#982440;
    background:-webkit-linear-gradient(top, #982440, #b22b4a);
    background:-moz-linear-gradient(top, #982440, #b22b4a);
    background:linear-gradient(top, #982440, #b22b4a);
    box-shadow:inset 0 1px 0 #bf4360,
        0 1px 0 rgba(255,255,255,.1);
}
a.btn.important.selected,
button.important.selected,
input[type="submit"].important.selected {
    background-color:#982440;
    background:-webkit-linear-gradient(top, #982440, #b22b4a);
    background:-moz-linear-gradient(top, #982440, #b22b4a);
    background:linear-gradient(top, #982440, #b22b4a);
    box-shadow:inset 0 1px 10px 0 rgba(0,0,0,.5),
        inset 0 1px 0 #bf4360,
        0 1px 0 rgba(255,255,255,.1);
    cursor:default;
}
/* Disabled Buttons */
a.btn.disabled,
a:hover.btn.disabled,
button:disabled,
button[disabled="disabled"],
button[disabled=""],
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[disabled="disabled"].disabled {
    background:#e9e9e9;
    border:1px solid #ccc;
    box-shadow:none;
    color:#999;
    cursor:default;
    text-shadow:none;
}
input + div {
    line-height:30px;
}
span.btn.close {
    background:#dfdfdf;
    background:-webkit-linear-gradient(top, #dfdfdf, #fafafa);
    background:-moz-linear-gradient(top, #dfdfdf, #fafafa);
    background:linear-gradient(top, #dfdfdf, #fafafa);
    border-radius:20px;
    box-shadow:inset 0 1px 0 #fff,
        0 2px 3px 0 rgba(0,0,0,.5);
    color:#666;
    cursor:pointer;
    font-size:11px;
    font-weight:bold;
    display:inline-block;
    height:20px;
    line-height:20px;
    text-align:center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.1);
    width:20px;
}
span.btn.close:hover {
    background:#dfdfdf;
    background:-webkit-linear-gradient(top, #dfdfdf, #fafafa);
    background:-moz-linear-gradient(top, #dfdfdf, #fafafa);
    background:linear-gradient(top, #dfdfdf, #fafafa);
    color:#333;
}
.btn-label {
    display:inline-block;
    font-size:13px;
    font-weight:bold;
    height:30px;
    line-height:8px;
    padding:0 10px;
    vertical-align:middle;
}

/* alt button sizes */
.btn.mini,
button.mini,
input[type="submit"].mini,
.mini input[type="submit"] {
    display: inline-block;
    font-size:12px;
    line-height:1;
    padding:3px 5px;
}
.btn.med,
button.med,
input[type="submit"].med,
.med input[type="submit"] {
    display: inline-block;
    font-size:13px;
    padding:3px 10px;
}
button.med {
    height:30px;
    padding:0 10px;
}
.btn.mini .sprite,
.btn.mini .icon {
    margin:-5px 0;
    vertical-align:baseline;
}

/* button bar */
.btn-bar {
    font-size:0;
    white-space:nowrap;
}

.btn-bar a.btn:nth-child(0) {
    border-radius:4px;
}
.btn-bar a.btn {
    border-left-width:0;
    border-radius:0;
}
.btn-bar a.btn:first-child {
    border-left-width:1px;
    border-radius:4px 0 0 4px;
}
.btn-bar a.btn:last-child {
   border-radius:0 4px 4px 0;
}
.btn-bar a.btn:first-child:last-child,
.btn-bar a:only-child {
    border-radius:4px;
}

/* button group */
.btn-group .btn {
    float:left;
    margin-right:10px;
}
.btn-group .btn:last-child {
    margin-right:0;
}

/********* Error List **************************************************/
ul.errorlist {
    margin:0;
    padding:0;
    list-style-type:none;
    color:rgb(255, 40, 40);
}
ul.errorlist li {
    display:inline;
    font-weight:normal;
    font-size:11px;
    margin:0;
    padding:0;
}
ul.errotlist li.error {
    border:none;
    box-shadow:none;
}
ul.errorlist li {background:none;}
ul.errorlist li.error {border:0;box-shadow:none;}

ul.errorlist,
#flash_error {
    background:#fff9e0;
    border:2px solid #ffd11a;
    border-radius:0 0 4px 4px;
    color:#332900;
    margin:-1px 10px 0;
    padding:5px 0;
}
#flash_error {
    border-radius:4px;
    margin:0 0 20px;
    padding:5px 10px;
}
ul.errorlist li {
    background:none;
    display:block;
    font-weight:bold;
    margin:0;
    padding:0 10px;
    position:relative;
}
ul.errorlist~input,
ul.errorlist~input[type="text"],
ul.errorlist~input[type="password"] {
    background:#fff;
    border:1px solid #ffd11a;
}
ul+.errorlist,
label+.errorlist,
.errorlist:only-child {
    border-radius:4px;
}
.errorlist:first-child {
    border-radius:4px;
    margin:0;
}

/********* Layout Modules **************************************************/
.module {
    background:#fff;
    border:1px solid #d9d7cc;
    border-radius:4px;
    box-shadow:rgba(128,126,115,.3) 0 2px 3px;
    clear:both;
    color:#434343;
    margin-bottom:20px;
    padding:15px 20px 0;
    position:relative;
}
.module.loading {
    min-height:40px;
    text-align:center;
}
.module.empty {
    padding:20px;
    text-align:center;
    margin:0;
}
.module.empty p {
    margin:0;
}
.module-header {
    background:#f5f5f5;
    border:none;
    border-bottom:1px solid #d9d7cc;
    border-radius:4px 4px 0 0;
    box-shadow:rgba(255,255,255,.8) 0 1px 0 inset;
    line-height:20px;
    margin:-15px -20px 15px;
    padding:15px 20px;
}
.module-header:first-child + .col {
    margin-left: 0;
}
.module-header:last-child {
    border-radius:4px;
    border:none;
    margin-bottom:0;
}

.module-nav,
ul.list.module-nav {
    position:absolute;
    right:-10px;
    top:20px;
    width:160px;
}

/********* TABLES **************************************************/
table.data {
    background:#fff;
    font-size:12px;
    line-height:20px;
    margin:0 0 20px;
    width:100%;
}
table.data tr th {
    background:#f3f2ed;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
    color:#807e73;
    font-weight:bold;
    padding:5px 10px;
    text-align:left;
    text-shadow:0 1px 0 rgba(255,255,255,1);
}
table.data tr th a {
    color:#807e73;
    cursor: pointer
}
table.data tr {
    border-bottom:1px solid #e6e5da;
}
table.data tr td {
    color:#33322e;
    padding:5px 10px;
}
table.data tr td a {
    font-weight:bold;
    cursor:pointer;
}
table.data tr td em {
    color:#999;
    font-style:normal;
}
.alt tbody > tr:nth-child(even) {
    background:#f5f5f5;
}
.table-actions {
    line-height:27px;
}
.table-actions button {
    font-size:12px;
    height:27px;
    line-height:20px;
    margin:0 10px 0 0;
    padding: 3px 10px;
}

/*********  Table Module **************************************************/
.table-module {
    background:#fff;
    border:1px solid #d9d7cc;
    border-radius:4px;
    box-shadow:rgba(128,126,115,.2) 0 2px 3px;
    color:#434343;
    line-height:20px;
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
    width:100%;
}
.table-module table {
    margin:0;
    border-radius:4px;
}
.table-module table tr:last-child {
    border:none;
}
.table-module table tr th:first-child {
    border-radius:4px 0 0 0;
}
.table-module table tr th:last-child {
    border-radius:0 4px 0 0;
}
.table-module+.table-actions,
.table-module+.pages {
    margin-top:-10px;
}
.module.empty p {
    margin:0;
    text-align:center;
}

/********* Popovers **************************************************/
.popover {
    background:#1f3a4c;
    border:1px solid #132a39;
    border-radius:4px;
    box-shadow:0 0 5px 2px rgba(0,0,0,.45),inset 0 1px 0 #38576b;
    display:none;
    line-height:20px;
    position:absolute;
    white-space:normal;
    z-index:9999;
}
.popover > ul > li > a,
ul.popover > li > a {
    border-bottom:1px solid transparent;
    border-top:1px solid transparent;
    color:#e5e5e5;
    display:block;
    font-size:14px;
    font-weight:bold;
    margin:0 -10px;
    padding:5px 15px 5px 10px;
    position:relative;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
    z-index:100;
}
.popover > ul > li > a:hover,
ul.popover > li > a:hover {
    background:#0062a3;
    border-bottom:1px solid #08314d;
    border-top:1px solid #2682bf;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
}
.popover ul,
.popover li,
ul.popover,
ul.popover li {
    background-image:none;
    list-style-type:none;
    margin:0;
    padding:0;
}
.popover ul,
ul.popover {
    padding:10px;
}
.popover-content {
    border-radius:2px;
    background:#fff;
    background:-webkit-linear-gradient(top, #fff, #f2f2f2);
    background:-moz-linear-gradient(top, #fff, #f2f2f2);
    background:linear-gradient(top, #fff, #f2f2f2);
    color: #666;
    padding:10px;
    margin:4px;
    position: relative;
    z-index: 100;
}
.popover .arrow  {
    background:#1f3a4c;
    border-color: #132a39;
    border-style: solid;
    display:block;
    height:10px;
    position:absolute;
    width:10px;
    z-index:99;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.785398163);
}
.popover .arrow.up {
    border-width:1px 0 0 1px;
    box-shadow:inset 1px 1px 0 #38576b;
    left:50%;
    margin-left: -5px;
    top:-6px;
}
.popover .arrow.right {
    border-width:1px 1px 0 0;
    margin-top: -5px;
    right:-6px;
    top:50%;
}
.popover .arrow.down {
    border-width:0 1px 1px 0;
    bottom:-6px;
    left:50%;
    margin-left: -5px;
}
.popover .arrow.left {
    border-width:0 0 1px 1px;
    left:-6px;
    margin-top:-5px;
    top:50%;
}

/* light colored popovers */
.popover.light {
    background:#f7f7f7;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 0 #fff,
        0 0 7px rgba(0,0,0,.2);
}
.popover.light > ul > li > a,
ul.popover.light > li > a {
    color:#666;
    text-shadow:0 1px 0 #fff;
}
.popover.light > ul > li > a:hover,
ul.popover.light > li > a:hover {
    background:#d1e3ee;
    border-bottom-color:#b8d3e5;
    border-top-color:#dae9f2;
    background:-webkit-linear-gradient(top, #e5f5ff, #d1e3ee);
    background:-moz-linear-gradient(top, #e5f5ff, #d1e3ee);
    background:linear-gradient(top, #e5f5ff, #d1e3ee);
}
.popover.light .popover-content {
    background: none;
}
.popover.light .arrow {
    background:#f7f7f7;
    border-color:#ccc; 
}
.popover.light .arrow.up {
    box-shadow:inset 1px 1px 0 #fff;
}

/* popover tooltips */
.popover.tooltip {
    background:transparent;
    border:none;
    -webkit-transition:opacity 0.2s ease-in-out;
       -moz-transition:opacity 0.2s ease-in-out;
        -ms-transition:opacity 0.2s ease-in-out;
         -o-transition:opacity 0.2s ease-in-out;
            transition:opacity 0.2s ease-in-out;
    pointer-events:none
}
.popover.tooltip > div {
    background:rgba(0,0,0,.75);
    border:1px solid rgba(0,0,0,.75);
    border-radius:4px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
    color:#F8F5F0;
    padding:7px 9px;
}
.popover.tooltip > div > h4 {
    color:#f8f5f0;
}
.popover.tooltip > div > h4 small {
    color:#cccac6;   
}
.popover.tooltip .btn.close {
    position:absolute;
    right:-5px;
    top:-5px;
}
.popover.tooltip:after,
.popover.tooltip:before {
    border:solid transparent;
    bottom:100%;
    content:" ";
    height:0;
    position:absolute;
    width:0;
}
.popover.tooltip:after {
    border-color:rgba(0, 0, 0, 0);
    border-bottom-color:#000000;
    border-width:5px;
    left:50%;
    margin-left:-5px;
}
.popover.tooltip:before {
    border-color: rgba(0,0,0, 0);
    border-bottom-color:#000;
    border-width:6px;
    left: 50%;
    margin-left:-6px;
}

/********* Tabs **************************************************/
.tabbar a {
    background:#f2f2f2;
    background:-webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
    background:-moz-linear-gradient(top, #f5f5f5, #e9e9e9);
    background:linear-gradient(top, #f5f5f5, #e9e9e9);
    border:1px solid #d9d9d9;
    border-bottom:none;
    border-radius:4px 4px 0 0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
    color:#346883;
    display:inline-block;
    float:left;
    font-weight:bold;
    margin-left:5px;
    min-height:20px;
    padding:6px 10px 3px;
    text-decoration:none;
    text-shadow:0px 1px 0 rgba(255,255,255,.8);
    vertical-align:bottom;
    width:auto;
}
.tabbar a.on {
    background:#1d5073;
    background:-webkit-linear-gradient(top, #33739e, #1d5173);
    background:-moz-linear-gradient(top, #33739e, #1d5173);
    background:linear-gradient(top, #33739e, #1d5173);
    border-color:#396380;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
#tab-content fieldset {
    padding:0;
}

/********* Pagination **************************************************/
.pages {}
.pages li {
    float:left;
    line-height:1;
    margin-right:3px;
}
.pages li .btn.tertiary.active {
    background:#999;
    background:-webkit-linear-gradient(top, #999, #aaa);
    background:-moz-linear-gradient(top, #999, #aaa);
    background:linear-gradient(top, #999, #aaa);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
        0 1px 1px 0 rgba(18,22,26,.1);
    border:1px solid #777;
    color:#fff;
    cursor:default;
    font-weight:bold;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.pages li.prev,
.pages li.summary {
    margin-left:10px;
}
.pages li.next,
.pages li.per-page,
.pages li.summary:first-child {
    margin-right:15px;
}
.pages li.prev:first-child{margin-left:0;}
.pages li.next:last-child{margin-right:0;}
.pages li.summary,
.pages li.ellip {
    color:#999;
    font-size:12px;
    line-height:22px;
}

/********* Alerts **************************************************/
/* async alerts via crud.js */
.notification {
    background:rgba(255,255,255,.6);
    display:none;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    z-index:1000;
    -webkit-transition:opacity 0.5s ease-in-out;
}
.notification > div {
    background:#ccc;
    border:5px solid #999;
    border-radius:10px;
    box-shadow:inset 0 1px 0 0 rgba(255,255,255,.6),
        0 0 10px 0 rgba(0,0,0,.3);
    color:#333;
    font-weight:bold;
    right:20px;
    line-height:15px;
    margin:0;
    opacity:0;
    position:fixed;
    text-shadow:0 1px 0 rgba(255,255,255,.6);
    top:55px;
    -webkit-transition:opacity 0.5s ease-in-out;
}
.notification > div h3,
.notification > div ul {
    margin:0;
}
.notification > div ul li {
    margin:0 0 5px;
}
.notification > div ul li:last-child {
    margin:0;
}
.notification > div ul li p {
    font-weight:normal;
    margin:0;
}

.updating .notification,
.deleting .notification,
.reading .notification,
.saving .notification,
.invalid .notification {display:block;opacity:1;}

.reading.success .notification .reading.success,
.reading.failure .notification .reading.failure,
.saving.success .notification .saving.success,
.saving.failure .notification .saving.failure,
.invalid .notification .invalid {opacity:1;}

.notification .success {
    background:#e7f2da;
    border-color:#85e517;
}
.notification .failure,
.notification .invalid {
    background:#fff9e0;
    border-color:#ffd11a;
}
/* flash and static messages */
.flash {
    background:#f5f5f5;
    border:5px solid #ccc;
    border-radius:10px;
    box-shadow:inset 0 1px 0 0 rgba(255,255,255,.6),
        0 0 10px 0 rgba(0,0,0,.3);
    color:#333;
    font-weight:bold;
    margin:0 auto 20px;
    text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.static {
    background:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px;
    color:#333;
    margin-bottom:15px;
    padding:10px;
}
.flash.success,
.static.success,
.module-header.success {
    background:#e7f2da;
    border-color:#85e517;  
}
.flash.error,
.static.error,
.module-header.error {
    background:#fff9e0;
    border-color:#ffd11a;
}
.flash.message,
.static.message,
.module-header.message {
    background:#f2feff;
    border-color:#51c4cc;
}
.notification p,
.flash p,
.static p {
    line-height:15px;
    margin:0;
    padding:10px;
}

/********* CLEAR FLOATS **************************************************/
.row:after,
.tabbar:after,
.btn-bar:after,
.btn-group:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

/********* Mobile **************************************************/

/* Viewport Declarations */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* small screens */
@media only screen and (max-width: 767px) {
    .row,
    .row .col,
    .fixed,
    .fixed .row,
    .fixed .col,
    form,
    form fieldset,
    form fieldset > div,
    form input[type=text],
    form textarea,
    form select,
    .col.offset-1,
    .col.offset-2,
    .col.offset-3,
    .col.offset-4,
    .col.offset-5,
    .col.offset-6,
    .col.offset-7,
    .col.offset-8,
    .col.offset-9,
    .col.offset-10,
    .col.offset-11 {
        clear:both;
        float:none;
        width:100%;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -ms-box-sizing::border-box;
        box-sizing:border-box;
    }
    .row > .col,
    .col.offset-1,
    .col.offset-2,
    .col.offset-3,
    .col.offset-4,
    .col.offset-5,
    .col.offset-6,
    .col.offset-7,
    .col.offset-8,
    .col.offset-9,
    .col.offset-10,
    .col.offset-11 {
        margin-left:0;
    }
    fieldset .inline,
    fieldset .width_small,
    fieldset .width_med,
    fieldset .inline + .inline,
    fieldset .width_small + .width_small,
    fieldset .width_small + .width_med,
    fieldset .width_med + .width_med,
    fieldset .width_med + .width_small {
        display:block;
        margin-left:0;
        width:100%;
    }
}