/*** PADDING ***/
.no-pad {padding:0px; margin:0px;}
.pad {padding-top        :10px;}
.pad-large {padding-top  :20px;}
.pad-xlarge {padding-top :30px;}
.pad-xxlarge {padding-top:40px;}

.right5 {margin-right:5px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}

/*** Floats ***/
.right {float:right;}
.left {float:left;}
.hasFloat {overflow: auto;}

/*** Color ***/
.grey {color:#BCBCBC;}
body a.btn-dark-color, .btn.btn-dark-color {
    background-color: #021CA4;
    color: #FFFFFF;
    background-image: none;
    border: 1px solid #021CA4;
}
/*** FROM STYLES ***/
ul.form {
    margin-left :0;
    padding-left:0;
}
ul.form li {
    clear        :both;
    display      :block;
    margin-bottom:18px;
}
ul.form li label {
    color      : #404040;
    float      : left;
    font-size  : 13px;
    line-height: 18px;
    padding-top: 6px;
    text-align : right;
    width      : 130px;
}
ul.form li .input, ul.form li input {
	margin-left:18px;
}
ul.form.stacked li label {
    display   :block !important;
    width     :auto;
    float     :none;
    text-align:left;
}
ul.form.stacked li .input, ul.form.stacked li input {
	margin-left:0;
}

/*** MAIN BAR STYLES ***/
.topbar .container .brand {
    font-family: "proxima-nova",Helvetica,Arial,sans-serif;
    font-weight:100;
}
.main_logo {
    float       :left;
    position    :absolute;
    background: #ffffff;
    height      :55px; 
    width       :49px; 
    padding-left:1px;
}

/*** HELP TEXT HOVERS ***/
.help_text_hover {
	display:none;
}
.help_trigger:hover img {
    left    : 45%;
    position: absolute;
    top     : -7px;
}
.help_trigger {
    position:relative;
    display :block;
    cursor  :help;
}
.help_trigger:hover .help_text_hover {
    background    : none repeat scroll 0 0 rgba(24, 24, 24, 0.85);
    border-radius : 5px 5px 5px 5px;
    color         : #FFFFFF;
    cursor        : help;
    display       : block;
    font-size     : 12px;
    margin        : 5px 0 0;
    padding       : 10px;
    position      : absolute;
    width         : 100%;
    z-index       : 100;
    text-shadow   :0 -1px 1px black;
    text-transform:none;
    left          :-10px;
}
.help_trigger:hover .help_text_hover.width-250 {
	width: 250px;
}

/* TABLE STYLES */
table.color_bottom tbody tr:last-child {
    background-color:#EEEEEE;
    color           :black;
}
table thead tr {
    background-color:#EEEEEE;
    color           :black;
}
table.plain thead tr {
    background-color:transparent;
    color           :black;
    border-bottom   :1px solid #DDDDDD;
}
table tr.highlight {
	background-color:#EEEEEE;
}
table tr.highlight.warning {
    background-color : #EEDC94;
    background-image : -moz-linear-gradient(center top , #FCEEC1, #EEDC94);
    background-image : -webkit-linear-gradient(top, #fceec1, #eedc94);
    background-image : linear-gradient(top, #fceec1, #eedc94);
    background-repeat: repeat-x;
    border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius    : 4px 4px 4px 4px;
    border-style     : solid;
    border-width     : 1px;
    box-shadow       : 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color            : #404040;
    margin-bottom    : 18px;
    padding          : 7px 15px;
    position         : relative;
    text-shadow      : 0 1px 0 rgba(255, 255, 255, 0.5);
}
table tfoot {
    background-color:#EEEEEE;
    border-top      : 1px solid #DDDDDD;
}
table .number {text-align:right;}
table .text {text-align:left;}
table.hover-rows tbody tr:hover {background-color:#E8F6FC;}
table tr td select {width:100px;}

/*** MAIN SECTION FOR AD HOC IDs ***/
#cd_trigger {font-weight:300;}
#homepage_hero {
    background: #EEEEEE;
    overflow  :auto;
}

/*** POSITION ***/
.relative {position:relative;}

/*** TITLE ***/
.title {display:block; overflow:auto;}
.title form {margin-bottom:0px;}

/*** HERO ***/
#current_reading form {margin:0; padding:0;}
#current_reading .split {overflow:auto;}
#current_reading .left {margin-right:5px;}

/*** BREADCRUMBS ***/
#admin_breadcrumb {margin-top:-21px;}
#admin_breadcrumb .breadcrumb {border-radius: 0px 0px 10px 10px; background-color:#F5F5F5; border-top:1px solid #F5F5F5; background-image:none;}

/*** CIRCLES / WELLS / HEROS ***/
.circle-note {float:left; height:70px; width:70px; border-radius:70px; background-color:#021CA4; color:white; margin-right:10px; text-align:center; vertical-align:middle; line-height:70px; font-size:1.7em;}
.circle-note.small {height:35px; width:35px; border-radius:35px; line-height:35px; font-size:1.7em;}
.circle-note.large {height:105px; width:105px; border-radius:105px; line-height:105px; font-size:1.7em;}

/*** BOXES ***/
.box {border:3px solid #EEEEEE; border-radius: 6px 6px 6px 6px; margin-bottom: 18px;}
.box .title {background-color:#EEEEEE; padding:10px;}
.box .body {padding:10px; min-height: 150px;}

.box.green {border:3px solid #EEEEEE;}
.box.green .title {background-color:#EEEEEE; padding:10px;}
.box.green .circle-note {background-color:#021CA4;}

.indent {
	margin-left: 20px;
}


.innertable {
	margin-bottom:5px;
}

.innertable td {
	padding: 5px;
}

/* Fix DataTables layout due to Bootstrap overriding it. */
.dt-length > label {
    width: auto !important;
    margin-bottom: 5px;
}
.dt-length > label > select {
    width: auto !important;
}

.dt-info {
    padding-top: 0.755em;
}

.dt-paging {
    text-align: right;
    padding-top: 0.25em;
}