/*
@@@@@@@@@@@@@@@@@@@@@@
BOX
@@@@@@@@@@@@@@@@@@@@@@

	about				boxes of all kinds

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	box
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		[class^="box"]{position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		[class^="box"]:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	members
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ box
		..........................................................................*/
.firstmessage { float: left;}
			.box{border-radius: 0px; padding:5px 10px; margin:0px 0px 10px 0px;  background:none repeat scroll 0 0 #FFF;border: 1px solid #e3e3e3;  }
			
			
		/*+ boxNavigation
		..........................................................................*/

			.boxNavigation{margin-bottom:30px;}
			
			.boxNavigation .heading{margin-bottom:10px;  }

			.boxNavigation .btn{ }
			.boxNavigation .btn-success{margin-bottom:3px;}
.boxNavigation .ghostButton{display:none; }
		/*+ boxThumb
		..........................................................................*/

			.boxThumb{
                              background: none repeat scroll 0 0 padding-box #FFF;
                            border: 1px solid #e3e3e3;
                            font-size:12px; padding:3px 3px; display:block; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
			
			
			.boxThumb .content{padding:10px 5px 5px 5px;}
			.boxThumb .content p{margin:0px 0px 0px 0px;}
			.boxThumb .content p:last-child{margin:0px 0px 0px 0px; }
                        .boxThumb .content p { color: #06365F; font-weight: bold;}
			
			.boxThumb ul{margin-bottom:1px;}
			.boxThumb ul li{margin-left:3px;}
			.boxThumb ul i{margin-right:5px;}
			
			.boxThumb.portrait{width:98px; }
			
			.boxThumb.landscape{width:100%; }
			.boxThumb.landscape figure{float:left; width:45%;}
			.boxThumb.landscape .content{padding:3px 10px; float:left; width:55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			
		/*+ boxChat
		..........................................................................*/

			.boxChat{padding-bottom:25px;}
			.boxChat:last-child{padding:0px 0px 0px 0px; }
			
			.boxChat .chatItem{float:left; width:15%;}
			.boxChat .chatBox{float:right; width:80%; padding:10px 15px; background-color:#FCFCFC; border:1px solid #C3CFD9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			
                        .boxChat.from .chatItem{float:right; }
                        .boxChat.from .chatBox{float:left; background-color:#F1F2F4; border:1px solid #C3CFD9; }
			/*
   .boxChat:nth-child(even):before{content:""; width:14px; height:15px; position:absolute; top:10px; left:auto; right:72px; background: url(/img/icoChatRight.png) no-repeat top left; }
			.boxChat:nth-child(even) .chatItem{float:right; }
			.boxChat:nth-child(even) .chatBox{float:left; background-color:#e8e7e7; -moz-box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); border:1px solid #bfbebd; }
			
   */
			.boxChatContainer{margin:0px 0px 10px 0px; }
			
		/*+ boxFigureThumb
		..........................................................................*/

			.boxFigureThumb{padding:2px 2px; background-color:#fff;  display:inline-block; border:1px solid #f2f2f2; }
			.boxFigureThumb img{width:auto;  }
			
		/*+ boxBeelden
		..........................................................................*/

			.boxBeelden{}
			
			.boxBeelden .primary{float:left; width:40%;}
			.boxBeelden .images{float:right; width:55%;}
			
			.boxBeelden .images ul{overflow:hidden; margin:0px 0px 10px 0px; }
			.boxBeelden .images ul li{width:48%; float:left; margin-right:2%; margin-bottom:10px;}
			.boxBeelden .images ul li:nth-child(even){margin-left:2%; margin-right:0;}
			
			.boxBeelden a{color:white; }
			
			.boxBeelden .boxFigureThumb{border:1px solid #e3e3e3; }
			.boxBeelden .boxFigureThumb img{width:100% !important;}
		/*+ boxInlineButtons
		..........................................................................*/

			.boxInlineButtons{margin:0px 0px 30px 0px;}
			
		/*+ boxMainSearch
		..........................................................................*/

			.boxMainSearch{height:318px; }
			
		/*+ boxBigIntro
		..........................................................................*/

			.boxBigIntro{position:relative; }
			
			.boxBigIntro .btn{position:absolute; bottom:30px; left:30px; font-size:20px; padding:25px 25px;}

                        
		/*+ upload_fotos
		..........................................................................*/
                form#upload_fotos span.delete {
                        background: url( 'https://d1o1tw4jx4uh52.cloudfront.net/img/error.png' );
                         cursor: pointer;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
                        }
                        form#upload_fotos .upload_container { float:left; position:relative; height:136px; width:105px; margin-bottom: 10px; margin-left: 15px;  margin-right: 15px;}
                        .foto { width: 105px; height: 105px;background-size: 100%!important; }
                        
                        /* Have ideas for improving this CSS for the general community? Submit your changes at: https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
	position: relative;
	width: 100%;
}
.qq-upload-button {
	display: block;
	/*or inline-block*/
	width: 105px;
	padding: 7px 0;
	text-align: center;
	background: #DD2858;
	border-bottom: 1px solid #DDD;
	color: #FFF;
}
.qq-upload-button-hover {
	background: #B5071B;
}
.qq-upload-button-focus {
	outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 30px;
	z-index: 2;
	background: #FF9797;
	text-align: center;
}
.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}
.qq-upload-extra-drop-area {
	position: relative;
	margin-top: 50px;
	font-size: 16px;
	padding-top: 30px;
	height: 20px;
	min-height: 40px;
}
.qq-upload-drop-area-active {
	background: #FF7171;
}
.qq-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
        position: absolute;
   top: -33px;
    width: 105px;
}
.qq-upload-list li {
	margin: 0;
	padding: 9px;
	line-height: 15px;
	font-size: 16px;
	background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
	display: inline-block;
	background: url("/img/loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
	font-size: 12px;
	font-weight: normal;
}
.qq-upload-failed-text {
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}
.qq-upload-list li.qq-upload-success {
	background-color: #5DA30C;
	color: #FFFFFF;
        
}
.qq-upload-list li.qq-upload-fail {
	background-color: #D60000;
	color: #FFFFFF;
}

.qq-upload-success {
    font-size:12px!important;
}
.qq-upload-file, .qq-upload-size, .qq-upload-cancel {display:none;}


p.send_image {
    font-size: 14px;
background: #e22055;
color: white;
max-width: 355px;
margin: 0;
margin-bottom: 5px;
padding: 5px;
}
p.send_image a {
    color:white;
    text-decoration: underline;
}

input[type="file"] { font-size:12px; }

#pay_now {
    font-size: 16px;
    line-height: 30px;
}


.box.credit .inner { padding:8px;  }
.box.credit .inner h3 { font-size:17px;  }
.box.credit .inner #packets { float:left; padding-bottom:13px; margin-left: 5px; }
.box.credit .inner #packets .item, .box.credit .inner #step-2 ul li, .box.credit .inner #paymethod ul li {  padding:7px 0 7px 7px; cursor:pointer; 
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    vertical-align: middle;
    color: #333;
}
.box.credit .inner #packets .item span.minutes { font-size:16px;  font-family:"trebuchet ms"; width:182px; } 

.box.credit .inner #packets .item span.price {   width:139px; }
.box.credit .inner #packets .item span.price em { font-weight:bold; font-style:italic; color: #3b5999; }
.box.credit .inner #packets .item span.order { font-weight:bold; padding-top:4px; }
.box.credit .inner #packets .item span.chosen { display:none; }
.box.credit .inner #packets .item.selected { 
    background-color: #FBEED5;
}
.box.credit .inner #packets .item.selected span.price span.from { color:#fcc666; }
.box.credit .inner #packets .item.selected span.price span.for { color:white; }
.box.credit .inner #packets .item.selected span.order { display:none; }
.box.credit .inner #packets .item.selected span.chosen { display:block; font-size:16px; font-weight:bold; font-family:"trebuchet ms"; }
.box.credit .inner #packets .item span.minutes { width: 95px;
font-size: 14px;
line-height: 21px; }
.box.credit .inner #packets .item span.minutes em { font-size: 9px; display: block; } 
.box.credit .inner #packets .item span.price {width:50px; float: right; }
.box.credit .inner #packets .item span.pric span { font-size:16px; color:#630008; padding-right:5px; } 
.box.credit .inner #packets .item span.price span.from { color:#df9518; }
.paysafe { display:none}
span.paysafe { font-size:15px;}

.box.credit .inner form#stop .button { float:left; margin-top:10px; }

.box.credit .inner #step-2 { float:right; width:219px; margin-right:23px; }
.box.credit .inner #step-2 h3 { padding-bottom:9px; text-indent:3px; }

.box.credit .inner #step-2 ul li.selected, .box.credit .inner #paymethod ul li.selected { 
    background-color: #FBEED5;
background-image: #FCF8E3;
background-image: -moz-linear-gradient(top, #FCF8E3 0%, #FBEED5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCF8E4), color-stop(100%,#FBEED5));
background-image: -webkit-linear-gradient(top, #FCF8E3 0%,#FBEED5 100%);
background-image: -o-linear-gradient(top, #FCF8E3 0%,#FBEED5 100%);
background-image: -ms-linear-gradient(top, #FCF8E3 0%,#FBEED5 100%);
background-image: linear-gradient(to bottom, #FCF8E3 0%,#FBEED5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCF8E3', endColorstr='#FBEED5',GradientType=0 );     
}
.box.credit .inner #step-2 { float:left; }
.box.credit .inner #step-2 { float:left; }

.box.credit .inner #paymethod { float:right; width:219px; }
.box.credit .inner #paymethod h3 {  text-indent:3px; margn:0px!important;}
.box.credit .inner #paymethod ul li { width:219px; height:42px; padding:0; }
.box.credit .inner #paymethod ul li span { float:left; width:157px; height:30px; font-size:16px;  padding:12px 0 0 62px; cursor:pointer; }
.box.credit .inner #paymethod ul li span { float:left; width:157px; height:30px; font-size:16px;  padding:12px 0 0 62px; cursor:pointer; }
.box.credit .inner #paymethod ul li span#ideal { background:url(/img/ideal.png) no-repeat 8px 7px; }
.box.credit .inner #paymethod ul li span#mrcash { background:url(/img/mistercash.png) no-repeat 8px 7px; }
.box.credit .inner #paymethod ul li span#directebanking { background:url(/img/directebanking.png) no-repeat 8px 7px; }
.box.credit .inner #paymethod ul li span#paysafe { background:url(/img/paysafecard.png) no-repeat 8px 7px; margin-left:5px; }

.box.credit .inner form { float:right; padding:5px 0 0 0; width: 219px;
margin-left: 20px; }
.box.credit .inner form p { float:left; padding-top:5px; padding-left:3px; font-weight:bold; }
.box.credit .inner form .button {  
margin-right: 20px;
clear: both;
margin-bottom: 10px;    
}



ul.messages {
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
ul.messages li  {
    border-top: 1px solid #ddd;
    color: #666;
    padding: 10px;
    margin-left: 0px;
    background-color: #fff;
    min-height: 60px;
    cursor: pointer;
    background-color: #FAF3D2;
    position: relative;
}
ul.messages li:hover {
    background-color: #F8EFC2 ;
}
ul.messages li.read {
    background-color:#FFF 
}
ul.messages li.read:hover {
    background-color: #F9F9F9;
}
ul.messages li h3 {
    color: rgb(6, 54, 95);
}
ul.messages li h3 span {
    color: #333;
    font-size: 13px;
    margin-left: 5px;
}

ul.messages li .msg_img 
{
   float:left;
   width: 70px;
}
ul.messages li .msg_text 
{
   margin-left: 70px
}
ul.messages li .smallmobile {
    font-size: 11px;
}
ul.messages li .msg_del {
    height:16px;
}
ul.messages li .msg_del a {
    float:right;
}
.pagination {
    margin-top: 10px;
}