/* 
    Document   : style
    Created on : 2013-05-17, 16:47:49
    Author     : Robert Bobrowski - r.bobrowski@neteos.pl
*/

root { 
    display: block;
}

.hidden {
	display: none;
}

.bounced{
	color: yellow;
	background-color: red;
	text-align: center;
}
.btn {
	margin-top: 3px;
}
.btn-small-text span{
	font-size: 12px;
}
label {display: inline;}

.icon-graph {
	background-image: url("../img/icon-graph.png");
	background-position: 0px;
}
td.navi {
	 white-space:nowrap;
     text-align: right;
}
tr.yellow-tr td {
	background-color: #d5bc2c !important;
}
footer{
    padding-top: 10px;
}
#logos {
    margin-top: 10px;
    margin-left: -20px;
    background-color: #EBF0F3;
    width: 100%;
}
.co-branding{
	width:100%;
}
#page_prehome{
	margin-top: 320px;
	margin-bottom: 0px;
}
footer{
    /*width: 1036px;*/
	width: 100%;
}
body.login footer{
    margin-top: 50px;
}
/*************************/
.navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1100px;
}
.container {
	width: 1100px;
}
.span12 {
    width: 1100px;
}
.sending-bar {
	text-align: center;
	width: 100px;
	background-image: url('../img/sending.gif');
	background-repeat: repeat-y;
	border: 1px solid #42dc32;
}

.status-sent {
	color: green;
}
.status-rejected {
	color: red;
}
/*******************************/
.stats-column{
	width: 620px;
	margin-bottom: 10px;
	display: block;
}
.stats-box{
	width: 300px;
	float:right;
	height: 36px;
	margin-top : 5px;
	margin-right: 10px;
	background-color: #e2e4d8;
}
.stats-title{
	font-size: 14px;
	margin-left: 44px;
	font-weight: bold;
	background-color: #fefdf2;
	margin-bottom: 0px;
	padding-left: 5px;
}
.stats-number{
	font-size: 16px;
	float: left;
	height: 30px;
	width: 40px;
	padding-left: 4px;
	padding-top: 10px;
	vertical-align: middle;
	font-weight: bold;
}
.stats-box:hover{
	background-color: #b0e5ac;
}
.stats-desc{
	font-size: 10px;
	margin: 0px;
	background-color: #fefdf2;
	margin-left: 44px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.stats-table{
	margin-top: 120px;
}

td.stats-bar{
	background-color: green;
	padding: 0px;
	height: 24px;
	text-align: right;
}
td.stats-bar:hover{
	background-color: red;
}
.stats-label{
	background-color: #FFFFFF;
	height: 20px;
	width: 100%;
	text-align: left;
	padding-left: 5px;
	margin: 0px;
}
p.stats-empty-bar{
	background-color: #FFFFFF;
	line-height: 4px;
	padding: 0px;
	margin: 0px;
	float: right;
	height: 6px;
}
/*******************************/

.hero-unit {
    background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}
#welcome-h1 {
	width: 100%;
	height:150px;
}

td.actions{
	text-align: right;
	white-space: nowrap;
}


/*************************************************/
#backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
#toPopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 800px;
    z-index: 2;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
	height: 500px;
	width: 790px;
}
#popup_content img {
  max-width: none;
}

.custom-table {
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}
.custom-table th, .custom-table td {
    line-height: 18px;
    padding: 8px;
    text-align: left;
}
.custom-table th {
	font-weight: bold;
}
.custom-table td {
	border-top: 1px solid #DDDDDD;
}
.dark {
	background-color: #F9F9F9;
}

th.dark {
	background-color: #F1F1F1;
}
.bright {
	background-color: #FFFFFF;
}
.hover {
	background-color: #F5F5F5;
}

.hero-unit {
    margin-bottom: 30px;
    padding: 10px;
}
#welcome-h1 {
	height: 90px;
}
div.hint {
	width: 390px;
	height: 290px;
	overflow: auto;
}
a.hint-link {
	margin-top: 5px;
	margin-left: 2px;
}
/**** LOGIN ****/

body.login { 
	text-align:center; 
	margin:auto; 
	width: 1100px;
}
.login-container {
    background: url("/assets/img/login-bg.jpg") no-repeat scroll center top #FFFFFF;
    width: 1024px;
	height: 682;
}
.login-form{
	height: auto;
	text-align: left;
    margin-top: 10px;
}
.login-form-container{
    margin-left: 290px;
    background-color: #ffffff;
    padding: 20px;
    width: 400px;
    height: 280px;
    border: 3px solid #385d8a;
    border-radius: 35px;

}
/**** LOGIN ****/
.alert {
    background-color: #fcf8e3;
    border: 1px solid #a73a99;
    border-radius: 4px;
    color: #a73a99;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-danger, .alert-error , input.error, select.error, div.custerror {
    background-color: #f2dede;
    border-color: #c9302c;
    color: #c9302c;
}
.error-row input, .error-row textarea{
	border: 1px solid #c9302c;
	background-color: #f2dede;
}
.error-row label {
	color: #c9302c;
}
span.yes{
    color:#164;
}
span.no{
    color:#c9302c;
}
.top-menu{
	width: 100%;
	background-color: #2c2c2c;
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    min-height: 40px;
	border-radius: 0;
    padding-left: auto;
    padding-right: auto;
	text-align: left;
	left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}
.menu-container{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.brand {
    color: #999999;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin-left: -20px;
    padding: 8px 20px 12px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-10 {
	margin-top: 10px;
}
.right-menu{
	height: 100%;
}
.content{
	margin-top: 20px;
}
.pagination > span {
	margin-left: 5px;
	margin-right: 5px;
}
.rsvp-event-link{
	width: 119px;
	height: 141px;
	background: url(/assets/img/rsvp-icon.png) no-repeat top left;
	display:block;
	text-transform: capitalize;
	color: white;
	border: none;
	padding-top: 115px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.rsvp-event-link:hover{
	text-decoration: underline;
	color: white;
}
.custom-progress {
	margin-bottom: 2px;
	background-color: #cecece;
}
.progress-step{
	color: #999999;
	text-transform: lowercase;
	font-size: 16px;
}
.progress-step-small{
	font-size: 10px;
}
.progress-active{
	font-weight: bold;
}
.progress-bar-gray{
	background-color: #555;
}
.progress-steps{
	margin-bottom: 20px;
}
.progress-step > a {
	padding-top: 28px;
	width: 100%;
}
.progress-step > a > div {
	width: 100%;
	padding-top:28px;
	margin-top: -28px
}
.content-div{
	margin-top: 50px;
	margin-bottom: 0px;
}
.big-link{
	font-size: 18px;
}
.wrap{
	white-space: normal;
}
.template-image-link > img{
	border: 3px solid white;
}
.template-image-link > img:hover {
	border: 3px solid green;
}
.image-border > img{
	border: 3px solid red;
}
.link-pure, .link-pure:hover{
	text-decoration: none;
}

.template-image-link {
	margin-right: 5px;
}
#crop-image{
	width: 538px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
.editable {
	background-color: transparent;
}
.editable:focus, .editable:hover {
	background-color: #B7B7B7;
}
.nowrap {
	white-space: nowrap;
}
tr.metric-opened td{
	background-color: #b0e5ac !important;
}
tr.metric-bounced td{
	background-color: #dca7a7 !important;
        text-decoration: line-through;
}
tr.metric-unsubscribed td{
	background-color: #f8da4e !important;
        text-decoration: line-through;
}
span.bigger{
	font-size: 18px;
}
#register-modal {
    text-align: left;
}
button.reports{
    padding: 10px 40px 10px 40px;
}
span.small-span{
    color:#428bca;
    font-weight: normal;
}
.edit-img-div {
    background-color: transparent;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
}
.edit-img-div-active {
    background-color: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    color: #ffffff;
}
.no-bold{
	font-weight: normal;
}
.small-text {
	font-size: 12px;
	color: gray;
}
@media (max-width:1024px) {
    .login-container {
       width: 1024px;
    }
    body.login {
       width: 100%;
    }
	.login-form-container{
		margin-left: 25%;
	}
}
@media (max-width:768px) {
    .login-container {
       width: 768px;
    }
    body.login {
       width: 100%;
    }
	.login-form-container{
		margin-left: 23%;
	}
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
	padding: 25px;
}
.smaller-text {
    font-size: 11px;
}