html,body {
    width: 100%;
    height: 100%;
    background-color:#fff;
    padding:0;
    margin:0;
}

body {
    font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:normal;
    line-height:19px;
}

p {
    font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:normal;
    line-height:19px;
}

p.message.good,
p.message.success,
.field span.success {
  display:inline-block;
  width:auto;
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #c3e6cb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

p.message.bad {
    display:block;
    width:auto;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.field span.message {
    display:inline-block;
    width:auto;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
    padding-bottom:10px;
}

.modal-body h1,
h1 {
    font-size:28px;
    padding-bottom:20px;
}

.modal-body h2,
.content h2 {
    font-size:15px;
    line-height:20px;
    color:#2ab99d;
}

a, a:link {
    color:#2ab99d;
    text-decoration:underline;
}

a:visited {
    color:#23947e;
}

a:active,
a:hover {
    color:#2edcba;
}

a, a:link {
    color:#2ab99d;
}

.modal-footer a.btn {
    color: #000;
    text-decoration:none;
}

.modal-footer a.btn:active,
.modal-footer a.btn:hover {
    text-decoration:none;
}

span.red {
    color:#2ab99d;
}

.content-container {
    display:table;
    width:100%;
    background-color:#000 !important;
    margin:0;
    padding:0;
    background-color:#000;
    background-position:top center;
    background-repeat:no-repeat;
}

.row {
    margin:0;
    padding:0;
}

.content-container .row.top30,
.content-container .row.top200,
.content-container .row.top250,
.content-container .row {
    display:table-row;
    margin:0;
    padding:0;
}

.topMargin,
.row.top30 {
    width:auto;
    height: 30px;
    margin:0;
    padding:0;
    clear:both;
}

.row.top200 {
    width:auto;
    height: 200px;
    margin:0;
    padding:0;
    clear:both;
}

.row.top250 {
    width:auto;
    height: 250px;
    margin:0;
    padding:0;
    clear:both;
}

.content-container .table-container {
    position:relative;
    bottom:0;
}

.content-container .row .container {
    position:relative;
    display:table;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    width: 980px !important;
    height:100%;
    margin:0 auto;
    padding:0;
    bottom:0;
}

.content-container .row .container .container-row {
    position:relative;
    display:table-row;
    bottom:0px;
    height:100%;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.content-container .row .container .container-row.container-row-top {
    height:auto;
}

.content-container .container .span3 {
    display:table-cell;
    background:transparent url("../img/side-nav-bg.png") repeat;
    height:100%;
    width: 210px;
    vertical-align:top;
    margin:0;
}

.content-container .container .span4 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    margin: 38px 0 0;
    width: 250px;
    vertical-align:top;
}

.content-container .container .span8 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    margin:38px 0 0 0;
    width: 520px;
    vertical-align:top;
}

.content-container .container .span9 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    margin:38px 0 0 0;
    padding:0;
    width: 770px;
    vertical-align:top;
}


.content-container .container .span11 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    margin:38px 0 0 0;
    width: 770px;
    vertical-align:top;
}

.content-container .container .span12 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    margin:38px 0 0 0;
    width: 980px;
    vertical-align:top;
}

.content-container .container .left-column.span6 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    width:387px;
    margin:38px 0 0 0;
    vertical-align:top;
}

.content-container .container .left-column.span9 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    width:597px;
    margin:38px 0 0 0;
    vertical-align:top;
}

.content-container .container .right-column.span6 {
    background-color: #FFFFFF !important;
    display: table-cell;
    height:100%;
    width:386px;
    margin: 38px 0 0;
    vertical-align:top;
}

@media screen and (max-width: 768px){
    .clear{
        display: none;
    }
    .topMargin{
        display: none!important;
    }
    table{
        display: block!important;
    }
    tbody{
        display: block!important;
    }
    .content-container .row{
        display: block;
    }
    .content-container .row .container{
        width: initial!important;
    }
    .content-container .row .container .container-row{
        display: block;
    }
    .content-container .container .span3,
    .content-container .container .span4,
    .content-container .container .span8,
    .content-container .container .span9
    {
        width: 100%;
        display: block;
    }
    .content-container .container .span4{
        margin: 0;
        border-radius: 0!important;
    }
}

.curled {
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
}

.curled-both {
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
}

.content-area {
    float:none;
    position:relative;
    display:block;
    width:auto;
    clear:both;
    padding:30px 40px;
}

.content {
    display:block;
    width:auto;
    clear:both;
}

h1.bottom-dashed {
    padding-bottom:7px;
    margin-bottom:30px;
    background:transparent url("../img/hr-angled-dash.gif") repeat-x bottom left;
}

.content-area {
    float:none;
    position:relative;
    display:block;
    width:auto;
    clear:both;
    padding:30px 40px;
}

.content-area ul {
    list-style: none;
    padding:0;
    margin:0 0 20px 0;
}

.content-area li {
    padding-left: 1em;
    text-indent: -.7em;
}

.content-area li:before {
    content: "• ";
    font-size:18px;
    color: #2ab99d;
    line-height:25px;
}

.content-area hr {
    width:auto;
    color: #fff;
    background-color: #fff;
    height: 2px;
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:thin solid #ebebeb;
    margin:20px 0;
}

.clear {
    width:auto;
    height:0;
    clear:both;
}

.pagination {
    border-left-color: #DDDDDD;
    border-left-image: none;
    border-left-style: solid;
    border-left-width: 1px;
}

.pagination a {
    text-decoration: none !important;
}

.pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}

a.ShowLoginHelpModal {
    cursor:pointer;
}