@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src:url(../fonts/DroidKufi-Regular.eot);
  src:url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidKufi-Regular.ttf) format('truetype') ;
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src:url(../fonts/DroidKufi-Bold.eot);
  src:url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidKufi-Bold.ttf) format('truetype') ;
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src:url(../fonts/OpenSans-CondLight.eot);
  src:url(../fonts/OpenSans-CondLight.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-CondLight.ttf) format('truetype') ;
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700; 
  src:url(../fonts/OpenSans-CondBold.eot);
  src:url(../fonts/OpenSans-CondBold.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-CondBold.ttf) format('truetype') ;
}


body {font-family: 'Open Sans Condensed', sans-serif;font-size: 16px;}
.input-group-addon{ min-width:162px;text-align:left;}

/*
.container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
}*/

.progress {
    margin-bottom:0;
    margin-top:6px;
    margin-left:10px;
}

	/* layout.css Style */
.upload-drop-zone {
  height: 160px;
  border-width: 2px;
  font-size: 1.2em;
  background-color: #FFF;
  /*border-radius: 10px;  */
  text-align: center;
  border: 4px dashed #777;
  padding:25px;
  min-height: 1px;
  margin-bottom:15px;
  margin-top:20px;
  z-index: 1; 
  position: relative;
}

.upload-drop-zone.drop {
  color: #222;
}

.progress{margin-left: 0px;}

.footer {
    bottom: 0;
    height: 70px;
	color:#fff;	
	border-radius: 5px;
}

.panel {
	border-radius: 5px;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

 /*if(admin){*/

 /*}else{*/
#total_stats,#navbar,#container,#menu,#myFooter,#logo{visibility:hidden;}
  /*}*/
  
#main ,#total_stats,#upresult,#poster,#logo,.main{
	position: relative; 
    transition: margin-left .5s;
    padding: 16px;
	background-color: #fff;
	border:1px solid #ccc;
	border-radius: 1px;
	padding-left: 20px;
	padding-right: 20px;
}

#MainTitle{text-transform: uppercase;}
#uploadIcon{font-size: 45px;margin-bottom:15px;white-space: nowrap;}
#uploadLabel{}
#logo{margin-bottom:-35px;}
#poster{margin-bottom:15px;border-radius: 7px;}

#alert{margin-top:15px;position: relative; }
#upresult
{
	padding-bottom: 0px;
	/*  background-color: #F2F2F2; background-color: #f9f9f9; background-color: #ebebec;*/
}

#container ,#menu{ margin-top:70px;}
#myFooter{ margin-top:35px;}
.footer .container .text-muted {
    margin: 17px 0;
}


html {
  position: relative;
  min-height: 100%;
}



/*background-color: #3b5998;
border-bottom: 1px solid #29487d;*/

body {
  /* Margin bottom by footer height */
   margin-bottom: 50px;
   background-color:#fafafa;  
   color: #111;
   line-height: 20px;
   /*
   background-color: #e9ebee;
color: #1d2129;*/
}


/*td,th{font-size: 11px;}*/

.list-group-item-success ,.alert-info,.alert-success{
    background-color: #eceff6;
    border-color: #eceff6 #eceff6 #b8c3dd;
    border-color: #d4dae8;
}

.list-group-item-danger,.alert-danger {
    background-color: #ffebe8;
   /* border-color: #ffa89b;*/
	background-color: #ffebe8;
}

.alert-success {
    background-color: #eceff6;
	color: #23527c;
}

.alert-danger{background-color: #ffebe8;}

code {
    color: #3b6e22;
    padding: 1px 3px;
	background-color: #f7f7f7;
}

.pagination {
    margin: 0;
}

.close {
    color: #fff;
}


.label.warning {
    background-color: #e2c822;
}
.label.success {
    background-color: #3b6e22;
}
.label.important {
    background-color: #dd3c10;
}
.label.notice {
    background-color: #b6c1d9;
}



.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.next_previous
{
left: 0px;
width: 35px;
height: 35px;
border-radius: 1px;
position: absolute;
top: 50%;
}

.espace {
    padding-left: 38px;
    padding-right: 38px;	
}

.next_previous.right {
    right: 0px;
    left: auto;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.next_previous.left {
    left: 0px;
    right: auto;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}



.ds-btn{padding:5px;}
.ds-btn li{ list-style:none; float:left; padding:10px; display:inline-block;}
.ds-btn li a span{padding-left:15px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;}

.upload-drop-zone{
    border-radius: 3px;
    text-transform: uppercase;
	
  /*  z-index: 1;font-weight: bold;*/	
}

.progress{
   /* border-radius: 9px;*/
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);	
}
    
.table{background-color: white;text-transform: none;}


.bootstrap-tagsinput {
  width: 100% !important;
}



/*--------------------------------------------------------------*/

.modal-header,.footer .text-muted {
    color: #fff;
}

.pagination li.active a ,.pagination li.active a:hover,.pagination li.active a:focus,.footer,.label-info,.btn-primary:hover,.modal-header,.progress-bar-success,.sidenav,.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{
   background-color: #3b5998;
   border-color: #3b5998;
}

.upload-drop-zone.drop {
  border: 4px solid #3b5998;
}


a ,.pagination li a{
    color: #3b5998;
}

.tab-panel{background-color: #fff;}
div.editable{width: 100%;height: 100%;overflow:scroll;border: 1px solid #ccc;padding: 5px;background-color: #fff;border-radius: 4px ;}
div.background{ border: 1px solid #ccc;padding: 20px; border-radius: 7px;}
.well {-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05); border-top:0px;}
.input-group{margin-top: 1px;margin-bottom: 15px;}
/*.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
background-color: #303030;*/


/*
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/preloader.gif) center no-repeat #fff;
	display: inline;
}
*/

.se-pre-con ,.modal-loader{
	position:fixed;
	display:inline-block;
	font-family:'fontello';
	font-style:normal;
	font-weight:400;
	font-size: 46px;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
    
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
    transform: translate(-50%, -50%);
	margin-top: -23px; /* Half the height */
	margin-left: -23px; /* Half the width */
	
    z-index: 9999;

	 -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
	
.se-pre-con:before,.modal-loader:before {
	content:"\e839"
	/*
.icon-spin1:before { content: '\e830'; } 
.icon-spin2:before { content: '\e831'; } 
.icon-spin3:before { content: '\e832'; } 
.icon-spin4:before { content: '\e834'; } 
.icon-spin5:before { content: '\e838'; } 
.icon-spin6:before { content: '\e839'; } 
	*/
	/* glyphicon-repeat : "e030" ; glyphicon-cog : "e019" ; glyphicon-record : "e165" ;
       glyphicon-cd : "e201" ; glyphicon-hourglass : "231b" ; glyphicon-globe : "e135" ; 
	   glyphicon-refresh : "e031" ; glyphicon-star : "e006"
}	*/
}

/*
   Animation example, for spinners
*/

.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ribbon {
    position: absolute;
    padding: 15px;
}

.ribbon.base {
    background: #3498db;
    color: #fff;
}
.ribbon.light {
    background: #ecf0f1;
    color: #2c3e50;
}
.ribbon.dark {
    background: #131313;
    color: #fff;
}
.ribbon.base-alt {
    background: #9cd70e;
    color: #fff;
}
.ribbon.red {
    background: #e91b23;
    color: #fff;
}
.ribbon.orange {
    background: #ff8a3c;
    color: #fff;
}
.ribbon.yellow {
    background: #ffd800;
    color: #fff;
}
.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
}

.ribbon:before {
    top: 0;
}
.ribbon:after {
    bottom: 0;
}
.ribbon.base:before {
    border-top: 27px solid #3498db;
}
.ribbon.base:after {
    border-bottom: 27px solid #3498db;
}
.ribbon.light:before {
    border-top: 27px solid #ecf0f1;
}
.ribbon.light:after {
    border-bottom: 27px solid #ecf0f1;
}
.ribbon.dark:before {
    border-top: 27px solid #131313;
}
.ribbon.dark:after {
    border-bottom: 27px solid #131313;
}
.ribbon.base-alt:before {
    border-top: 27px solid #9cd70e;
}
.ribbon.base-alt:after {
    border-bottom: 27px solid #9cd70e;
}
.ribbon.red:before {
    border-top: 27px solid #e91b23;
}
.ribbon.red:after {
    border-bottom: 27px solid #e91b23;
}
.ribbon.orange:before {
    border-top: 27px solid #df5155;
}
.ribbon.orange:after {
    border-bottom: 27px solid #df5155;
}
.ribbon.yellow:before {
    border-top: 27px solid #ffd800;
}
.ribbon.yellow:after {
    border-bottom: 27px solid #ffd800;
}
.ribbon span {
    /*display: block;
    font-size: 16px;
    font-weight: 600;*/
}
.ribbon a {
  color:#fff;
}
.modal{overflow-y: auto;}
#fillpass{padding:15px;background-color: #f9f9f9; position: relative;}
#th_pass{padding-top: 0;padding-bottom: 0;border: 0;background-color: #f9f9f9;}
.list-group-item,.alert,.modal-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media(max-width:350px){}
@media(max-width:450px){.navbar-brand {font-size: 14px;} h2 {font-size: 18px;} .upload-drop-zone{text-transform: none;font-weight: normal;}.table.links td{padding: 8px;}}
@media(max-width:600px){.btn-circle.btn-lg{width: 30px;height: 30px;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;}}
@media(max-width:768px){.footer {height: 77px;margin-top:10px;}#logo{margin-bottom:0px;}#container ,#menu{ margin-top:7px;}#myFooter{ margin-top:10px;}}
@media(max-width:450px){.hidden-sml {display: none !important;}.input-group {width: 100% !important;}}

@media(min-width:450px){.display-sml {display: none !important;}}
@media(min-width:768px){.visible-sml{display:none!important}.modal-md {width: 400px;}#fillpass{border: 1px solid #ccc; }#th_pass{background-color: transparent;}}

/*#TDFileNum{border-bottom: 1px solid #ddd;}*/
#statsTable{border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.ribbon {
    left: -5px; /*right: -5px;*/
}


.ribbon.light {
    background: #ecf0f1;
    color: #2c3e50;
    border-left: 5px solid #dde4e6;/*border-right: 5px solid #dde4e6;*/
}


.ribbon.orange {
    background: #df5155;
    color: #fff;
    border-left: 5px solid #eb9294;/*border-right: 5px solid #eb9294;*/
}

.ribbon:before, .ribbon:after {
    right: -9px; /*left: -9px;*/
    border-right: 10px solid transparent;/*border-left: 10px solid transparent;*/
}

.authorized-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.table.links{margin-top: 20px;}/*border: 1px solid #ddd;border-radius: 6px;*/
/*.table.links td{padding-left: 15px;	padding-right: 15px;}*/
.singleline
{
	clear: both;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
.top70{margin-top:70px;}
.top60{margin-top:60px;}
.top30{margin-top:30px;}
.top20{margin-top:20px;}
.top10{margin-top:10px;}

.navbar-default{
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-top: 0px ;
}

/* facebook */
.btn-facebook:hover{
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

/* Google */
.btn-gplus:hover {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

/* Twitter */
.btn-twitter:hover {
	color: #fff;
    background-color: #00acee;
    border-color: #00acee;
}
.btn-colorselector {
    border-radius: 12px !important;
    border: 2px solid #777;
}

.bootstrap-checkbox > button.btn {
    padding: 0px !important;
    width: 14px !important;
	margin: 0px !important;
}

#sideNavbar.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}



/*admin */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	line-height: 30px;

	/*background-color: #464545;*/
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 23px;
    color:#fff;
    display: block;
    transition: 0.3s
}


.sidenav .closebtn {
    position: absolute;
    top: 0;
	left:auto;
	margin-left: auto;	
    right: 10px;
	margin-right: 0px;	
    font-size: 36px;
}

.sidenav .active , .sidenav a:hover,.sidenav a:active , .offcanvas a:focus{
    color: #333;
}
.sidenav a:focus
{
 /*color: #333;*/
}

.sidenav .closebtn:active {
  color:white;
}

/*
*{
	border-radius: 0px !important;
}

.files li {
    background: none repeat scroll 0 0 #FCFCFC;
    display: inline-block;
    margin: 0px 7px 7px 0;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    z-index: 100;
    width: 145px;
    height: 160px;
    position: relative;
}
audio, video {
    width: 100%;
}
*/
 .files.prev,
 .files.next {
  position: absolute;
  top: 92%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  cursor: pointer;

}

.modal-form
{
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;	
	
}
 .files.next {
  left: auto;
  right: 15px;
}
 .files.close,
 .files.title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
}

 .files.prev:hover,
 .files.next:hover,
 .files.close:hover,
 .files.title:hover,
 .files.play-pause:hover {
  color: #fff;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

 .files.prev,
 .files.next,
 {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.files.not-active {
   pointer-events: none;
   cursor: default;
}
 .input-placeholder {
    display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
margin-bottom: 10px;	
}
.input-placeholder.disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}


/************************* the-price ****************************/

#plans .panel.panel-default{
        border: 1px solid #ddd;
}
#plans h3.panel-title {
	text-align: center;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon > .info > h3.title {color: #222; }
.box > .icon > .info > p { color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon > .info > .more a { color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }

/* CSS-only ribbon styles    */
.corneRribbon
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.corneRribbon-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
	z-index: -1;
	 /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-size: 4px,auto, auto,auto;
    background-color: #ff8a3c;
}
.corneRribbon-inner:before, .corneRribbon-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
	border-style: solid;
	border-width: 8px;	
}
.corneRribbon-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.corneRribbon-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.corneRribbon-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}
.loading-spin {-moz-animation: spin 0.7s infinite linear;-o-animation: spin 0.7s infinite linear;-webkit-animation: spin 0.7s infinite linear;animation: spin 0.7s infinite linear;display: inline-block;}
.size {
    display: inline-block;
}
.abort
{
}
.prog
{
	margin-top:7px;
}
.comment
{
	word-wrap: break-word;
	white-space: normal;
}