body {
	font-size: 12px;
	
}

.page-header {
	margin: 0px 0 20px;
	border-bottom: 1px solid #eeeeee;
}

.breaker {
	clear: both;	
}

.channel-image {
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 5px;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #dddddd;
}



.channel-small-image {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 5px;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #dddddd;
}

.low_amount {
	background-color: #fcf8e3;
}

.payments_suspended, .negative_amount, .negative_balance, .iban_error, .high_vs_balance {
	background-color: #f2dede;
}

/****** NavBar ********/

.navbar-inverse .navbar-inner {
	background-color: #303646;
	background-image:-moz-linear-gradient(top, #182444, #303646);
	background-image:-ms-linear-gradient(top, #182444, #303646);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#182444), to(#303646));
	background-image:-webkit-linear-gradient(top, #182444, #303646);
	background-image:-o-linear-gradient(top, #182444, #303646);
	background-image:linear-gradient(top, #182444, #303646);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#182444', endColorstr='#303646', GradientType=0);
}


.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar-inverse .nav li.active > a, .navbar-inverse .nav li.active > a:hover {
	background: darkgray;
}
	
.navbar .brand {
    padding: 2px 20px 6px;
}

.navbar .divider-vertical {
	margin: 0 2px;	
}

/**** Pagination *****/
.pagination ul > li.current {
    float: left;
    padding: 1px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: darkred;
    cursor: default;
    background-color: transparent;
	font-weight: 800;
}

.pagination ul > li.myclass {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li.myclass:first-child {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > li.myclass:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

/***** Tableaux *****/

.table {
	margin-bottom: 5px;
}


.table th, .table td {
	line-height: 18px
}

.table th {
	background-color: #303646;
	background-image:-moz-linear-gradient(top, #182444, #303646);
	background-image:-ms-linear-gradient(top, #182444, #303646);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#182444), to(#303646));
	background-image:-webkit-linear-gradient(top, #182444, #303646);
	background-image:-o-linear-gradient(top, #182444, #303646);
	background-image:linear-gradient(top, #182444, #303646);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#182444', endColorstr='#303646', GradientType=0);
	color: #ffffff;
}

.table th .sorting {
	margin-top: 2px;
	float: right;
}

th.number, td.number {
	text-align: right;
}

th.centered, td.centered {
	text-align: center;
}


tr.table-main-header, tr.table-main-footer
{
	background-color: #BBBBBB;
}

tr.table-header
{
	background-color: #555555;
	background-image: -moz-linear-gradient(center top , #AAAAAA, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #AAAAAA, #FFFFFF);
}

tr.table-footer
{
	background-color: #999999;
	background-image: -moz-linear-gradient(center top , #FFFFFF, #AAAAAA);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #AAAAAA);
}

tr.odd {
	background-color: #eee;
}


div.jGrowl {
	right:				10px;
	top:					50px;
}

div.jGrowl div.jGrowl-notification {
	padding-left: 35px !important;
}

div.jGrowl .jGrowl-header {
	font-size: 1em !important;	
}

div.jGrowl .error
{
	border: 1px solid #ff0000 !important;
	background: #ffdddd url( '/img/flash/error.png' ) 4px 8px no-repeat !important;
}

div.jGrowl .error .jGrowl-header, div.jGrowl .error .jGrowl-message, div.jGrowl .error .jGrowl-close
{
	color: #ff0000;
}

div.jGrowl .info
{
	border: 1px solid #008800 !important;
	background: #ddffdd url( '/img/flash/ok.png' ) 4px 10px no-repeat !important;
}

div.jGrowl .info .jGrowl-header, div.jGrowl .info .jGrowl-message, div.jGrowl .info .jGrowl-close
{
	color: #008800;
}

small
{
	font-size: 80%;
}

input
{
	margin-bottom: 0px;	
}

textarea
{
	width: 700px;
}


/**********/
/* JGrowl */
/**********/
div.jGrowl {
	right:				10px;
	top:				35px;
}

div.jGrowl div.jGrowl-notification {
	padding-left: 35px !important;
}

div.jGrowl .jGrowl-header {
	font-size: 1em !important;	
}

div.jGrowl .error
{
	border: 1px solid #ff0000 !important;
	background: #ffdddd url( '/img/flash/error.png' ) 4px 8px no-repeat !important;
}

div.jGrowl .error .jGrowl-header, div.jGrowl .error .jGrowl-message, div.jGrowl .error .jGrowl-close
{
	color: #ff0000;
}

div.jGrowl .info
{
	border: 1px solid #008800 !important;
	background: #ddffdd url( '/img/flash/ok.png' ) 4px 10px no-repeat !important;
}

div.jGrowl .info .jGrowl-header, div.jGrowl .info .jGrowl-message, div.jGrowl .info .jGrowl-close
{
	color: #008800;
}

/****** Generic Class Reference ********/
.m-5
{
	margin: 5px;
}

.m-10
{
	margin: 10px;
}

.m-15
{
	margin: 15px;
}

.m-20
{
	margin: 20px;
}

.m-25
{
	margin: 25px;
}

.m-r-10
{
	margin-right: 10px;
}

.m-r-15
{
	margin-right: 15px;
}

.m-r-20
{
	margin-right: 20px;
}

.m-r-25
{
	margin-right: 25px;
}

.m-l-10
{
	margin-left: 10px;
}

.m-l-15
{
	margin-left: 15px;
}

.m-l-20
{
	margin-left: 20px;
}

.m-l-25
{
	margin-left: 25px;
}

.required label:after {
	color: #d00;
	content: " *"
}

.bolded-data {
	font-weight: bold !important;
}