/*!
 * phpVibe v3.2
 *
 * Copyright Media Vibe Solutions
 * http://www.phpRevolution.com
 * phpVibe IS NOT FREE SOFTWARE
 * If you have downloaded this CMS from a website other
 * than www.phpvibe.com or www.phpRevolution.com or if you have received
 * this CMS from someone who is not a representative of phpVibe, you are involved in an illegal activity.
 * The phpVibe team takes actions against all unlincensed websites using Google, local authorities and 3rd party agencies.
 * Designed and built exclusively for sale @ phpVibe.com & phpRevolution.com.
 */

/* Body and structure
-------------------------------------------------- */
body {
background-color: #ffffff;
  position: relative;
  padding: 0;
  height: 100%;
}
::-moz-selection { background: #59b3e7; color: #fff; text-shadow: none; }
::selection { background: #59b3e7; color: #fff; text-shadow: none; }
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
legend { border: 0; *margin-left: -7px; padding: 0; }	
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


.msg-content,.msg-note,.msg-info,.msg-warning,.msg-hint,.msg-win{margin:15px 0;padding:10px}
.msg-content{padding:20px}.msg-info,.msg-warning,.msg-hint,.msg-win{padding-left:40px}
.msg-note,.msg-info,.msg-warning,.msg-hint,.msg-win{background:#fff;border:1px solid #ddd;border-radius:4px}
.msg-info{background:#ebf5fa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAADOklEQVRYhe2XO2zTUBSG/9jXN7ETG7tJiUEUqpZKRaACA1KHAmJgRIKpsCDBwI4YeA0VQ3kMsMNQxrYToEyICdqhggUiUBGoiIeE0hcJiRsnfiQMNFJaEucmbkWHfFN878k5n3197OtAuVzGVob73wKNaAv6pS3ol7agX7a8IPHz54mp5LDluKO26+5x3NKaXITnHIHnv1HC3zx7dGCy1RqBVt4kk9PJIdOyE0XbVUOUIBykoIRfE2M5LlaKFgqWg6DAZ0QqnBoeGpjedMHxV+/uGAXrqkhJICpLILz3XeK4JSzn8jAtpxwJ0Xvnjh28vmmCq3LXorIEWaTN1EHOtLCcyyMSonebkWQWnJxODhkF66WuRrj1ywkA29XIl92d6hsA+L6YObKQMXrWx1iOi1TGKEVC9DjrcjM3iWnZCS0s1pQDgF3Rbc+0sPgIAEql8qWFjHF5fQwlPLSwyGXNQgKAxlKX6TEzMZUcJhynei3r++/znwB8BPBx9XdNZJGCcJw6MZUcZqnNdAUtxx3tVCTPmLnUrwc/l7N7SuXyStFxb3RFlbqxUVnCYjY/CqDh44dJkOcC8UbdKlEi/s4XrwFo2ECE58BzgThLbSbBoEAiXvMnD/XdWj/24u3nET85KzAJ1muMCg+fvx4RqTB3/sThvVXDnoKNclZgahKJep/HDk0GF0AvU0XGnBWYokJUgGnZdedFSiDw3k1UKycLTFcwJJBUo5hGTdRKToBRMCIGZ5uqvoE5mQRjipRo9gp5QXgOMUVKsMQyCobHdU32PONePep5XI2uybMxJTy+YYIAUl0xdUwRg0a9gB69I+B1XEERg0ZXTB0DwHQPNrPdUpeyK/c//Ji/aNnuP5Nf5tP/jPXE1+4HqMBjf1d8LKaErwDIbLQgAPT/yuVvfP65dCZrFpneBBUUMWj07Yw96ZCl2/i7qWCilS1/v2nZF74upE+l0rl9jlvyDCY8B12TZ7u3awmRCo+bkWtVEABUAKdXCtZgKp07kDbM3oLt6NUBIYGktIg4p2vy+3CIzgB4CsZl3QjBCjqAQQDdq9LVZAB8BTADxoaohV/BTWfLf7i3Bf3SFvRLW9AvfwCiSRRDTBu1YgAAAABJRU5ErkJggg==) 0 0 no-repeat;border-color:#d2dce1;color:#94afbd}
.msg-warning{background:#fff0eb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAADPElEQVRYhe2XS0/UUBiG394OvcykLcNIVQIqsIKFiYbVKL9A3aj8Ad0aQ2L8BUiMG1cCwySGxHCZMVFj3JiYGHVj4sJoXJioUXEaFBGQubRT2uOCARSGabHcFvOuvpzv6/c+OT0955ShlGIvi91tAD/VAMOqBhhWNcCwqgGG1Z4H5LeiiZlO9rjFwm3qOBIAsKRujhWlUwfOX3wRtveWALr5/B1OVnhOlwEAiwu/NbeYfwxADts79CvOjt56ykWivKDHwIoSWFECiTeCE2UpO3rr6a4CmunhBHWcBB9V1+V4VQd1nISZHk6E8QgF6FnFh7ymcwy7vg3DsuA1nfNsKxPG478BzfGhfobjNU5SAAAkbnzUuroHtK7uARI3PgJAOWeY40P9OwpoZlItrm31CnpsZUw0mh8JWkO/oDX0i0bzo+VxEtsH17Z6zUyqZccAqVMa4WSFMPzqJpB7/+YdgEkAk+UYAMDwPDhZIdQpjewIoJlO9nglu1tQ9X/G7R/ZzuXYmprs+jsnqDq8kt1tppM92w7oWdYgqY+vG6euuwpFaefaPKmPw7OswW0FzI4PphiBaKworU8yTGvFeNlIlMAIRMuOD6Y248kE/aszM6kWN7/wqc5oYittK878LEDpiTLg87VLAACo58Ge+uZxSvTIgXMXvgTxDXzU0ZJ9n4+qFeGApS3Fmf2ZAQBBb6hYw7As+KjKusXCEwBtQXwDvWJzInmZuotHK50YK40IAQADgFGOK4qPqgClreZE8nIQ70Az6FqFayTWWL1RRM2pxxJ3ASD//u3Zxdx8ZKNaQW9Aaeb7NQA3/bx9ZzA7NnCPE2Wp2qwAgNLeMUZijX0k1tintHeMVTUlJPBlwhfQs63TfIUFv1bzr19OAvgA4EM5rqrly4RfXdWv+GvqhlYXN2ZZyf9aZ337TDk5ch0A3ELuqth0iPF7xisWYE9P6c0Xrsz9FyCAurlXzz47v6YNPzM3v4DSzDQAgMTi4JSo3yMQ6uNT2vGT+6vV+H0ktnTwcNqzipfcQq5qIadEIQWAWqmXI5AOHk771QXZqNsAnAnsvDk9wNK63VCBT5Ld0p7/7awBhlUNMKxqgGH1B6/AEHEvRd5dAAAAAElFTkSuQmCC) 0 0 no-repeat;border-color:#ffd7cd;color:#c88877}
.msg-hint{background:#fffae6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAAB1UlEQVRYhe2Wq04DQRSG/5m9tinXZBMEGxJKSGVRCJA8AK4WXVUNTaAJRaPQVPIOCAQVVUUigFCNgF4CLdvZQVAIEC6dOQVW7C838535Zmd25zApJaIc/t8CPyUWpCYWpCYWpCbygia1QLtWyoVBrywfu/MyDBkAMM4ls90rbjlbY8vbR5T6jHKTtKrFunjoZI1ECoabAjOf1yv7fYhuB+KhAyOROhtf2V36c8Hm6eYFhEhbkx64k/x0TNi7R3B3AxjG5cTq3oLOPFpnsFUt1iFE2vb8L+UAgDtJ2J4PCJFuVYv1PxFs10o52Q+ytueD8Z9xxjlsz4fsB9l2rZT7dcEw6JWt6Zmh5F7COIc1PYMw6JVV51MWZNz0ueWoYuCWA8ZNX5lTBQwnaasyFFZZkDsJVYTEqm+xaTWUZyGwOr+ZEw1Gm9UR3AHQ1OCaA1YpyoJuJn8NoKDKASgMWKVo3SRuJn8IoKKAVAaMcrTbLTeT38BwkpXBWK1Q+8FhtlrnOLyG1G4BQPf84NsCbibPKPUj31GT3+Bvh9zyA8DtceHTVU6t7ZO2FxiRYGJ2sQFg7sNj7SvxbUZ1BjfwXqgBYH0UhSN/BiP/FceC1MSC1MSC1ERe8AlBoH2J9gPywwAAAABJRU5ErkJggg==) 0 0 no-repeat;border-color:#fae6be;color:#d0a35f}
.msg-win {background: #faffe6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDpDNkE2RUZDNEVBNTNEQTExOTdDNkJDREMzMDFDQkY2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MUVBRDcxQkI4NUUxMURGQkI0REM5NkNDQUEwNzY1MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MUVBRDcxQUI4NUUxMURGQkI0REM5NkNDQUEwNzY1MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4OUExMEQzMDgyMDY4MTE5NDU3ODU4NDBCQ0ZDRTIxIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkM2QTZFRkM0RUE1M0RBMTE5N0M2QkNEQzMwMUNCRjZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1271rwAAANlJREFUeNpi9J3JQCzgBOJSII4FYjYgzmUhUqMiEG8BYi0ksS5iNKsD8V4glkYTf8REQKMBEB/AovEmECcyEWGjBJr4JiA2AeKnIM2ZQLwRiJ2QFPBD/SiEpnEZEAcB8RcQB6S5C4j9gHgXENtAFc0HYhUsGuOA+C9MAKR5H5TNDMSrgbgIiAPRNK5H1wjTXIkkCPJfL5rG+6DAQdcI03wNajIukALEH7FJwEK7D4fGNUjewqn5OBQjg79QLzEQ0gwCTWhys4D4DrGad0ANeAdNCJWE0i1AgAEASsMpK6kp90cAAAAASUVORK5CYII=) 10px 15px no-repeat; border-color: #dce6be; color: #afbf7d;}

/* TOOLTIP */
.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background: #7aa745; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #7aa745; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #7aa745 }
  .tipsy-arrow-s { border-top-color: #7aa745; }
  .tipsy-arrow-e { border-left-color: #7aa745; }
  .tipsy-arrow-w { border-right-color: #7aa745; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* TOP bar */

/*===== Top =====*/

#top { height: 48px; display: block; font-family: Arial, Helvetica, sans-serif;}
.fixed { position: fixed; color: #666; left:0; right:0; top:0; height: 48px; width: 100%; z-index: 1039; background-color: #fff; border-bottom: 1px solid #f1f2f7; padding: 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#top:after { content: ""; display: block; clear: both; }
.logo { display: block;  float: left; padding: 0 25px 0 0; }
.logo > span {font-size:20px; color:#666;;text-align:center; margin: 0 auto; width:auto;}
.logo-wrapper{text-align:center;}

.top-menu { float: left; margin-right: 5px; margin:0!important; height: 48px; }
.top-menu > li { list-style: none; float: left; position: relative; height: 48px; display: block; padding: 0 0 0 10px;}

.top-menu > li > a { cursor: pointer; display: block; 
  -webkit-transition: all 0.2s ease-in-out; 
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

}

.top-menu .mli{display:block; position: relative; padding: 14px; line-height:16px;}
.user-menu { padding: 12px 14px; height: 20px; width:22px;}
.user-menu > img { display: inline-block; float: left; margin-right: 10px; margin-top: -1px; }
.user-menu > span { font-size: 13px; margin-left: 32px; display: block; color: white; white-space: nowrap; }
.new-message { width: 8px; height: 8px; position: absolute; top: 8px; right: 8px; background: url(../images/elements/interface/new_message.png) no-repeat; }

.topicon { font-size:18px; padding: 11px 12px; color: #666;}
.topicon :hover {color: #000;}
.topimg {padding: 11px 10px; height: 22px;
width: 22px;}


.new-message {
width: 8px;
height: 8px;
position: absolute;
top: 8px;
right: 8px;
background: url(../images/new_message.png) no-repeat;
}

.right-side{
height:100%;
margin:0!important;
overflow:hidden;
padding-left:10px;
}


/*Boxes */

.wbox {display:block; position:relative; margin: 15px 0;}
.wbox-body {
display: block;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #eee;
background-color: #fafafa;
}
.wbox-head{
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #ededed;
background-color: #f3f3f3;
padding: 5px 10px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
font-weight:bold;
}
.wbox-head i {
margin-right:5px;
font-weight:normal;
font-size: 16px;
}

.img-circle:hover{border:2px solid #c24f62;}
.fb-comments,.fb-comments span, .fb-comments span[style], .fb-comments iframe, .fb-comments iframe[style] {width: 100% !important; }
.fb-comments {margin-top:20px; }

.main-holder {margin:0!important; border-left:1px solid #ededed;border-right:1px solid #ededed; border-bottom:1px solid #ededed; overflow: hidden; padding-bottom:30px;}
.pad-holder { padding-left:10px!important;}
.vibe-upload{padding:0 4%!important;}
#video-content {margin:0!important; padding:0!important; overflow:hidden; }
#video-wrapper {display:block; position:relative;}
.media-href {display:block; position:relative; border:1px solid #ededed; padding:5px;}
.media-img { display:block; position:relative; margin:0 auto!important;}
.loop-heading {
margin-bottom: 20px; 
margin-top: 0; 
font-size: 18px;
letter-spacing: 0.5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #ededed;
text-rendering: optimizelegibility;
line-height: 34px;
font-weight: normal;
margin-left: -15px;
}
.loop-heading span {
position: relative;
display: inline-block;
border-color: #f08c56;
padding-left:20px;
}

.loop-heading span:after {
position: absolute;
content: '';
height: 3px;
bottom: -2px;
left: 20px;
right: 0;
background-color: #f08c56;
}
.video-header{
height: 34px;
line-height: 33px;
font-size: 18px;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.hcontainer {padding: 4px 6px; margin:6px 0 10px;}
.hcontainer img.pic {
margin-right: 10px;
float: left;
height: 60px;
width: 60px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
vertical-align: middle;
}
.hcontainer .hmeta {
display: block;
padding: 0 10px;
position: relative;
text-align: left;
border-left: 2px solid #f08c56;
margin-left: 80px;
}
.hcontainer .hmeta .arrow {
display: block;
position: absolute;
top: 7px;
left: -8px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #f08c56;
}
.hcontainer .hmeta .body {
display: block;
color: #333;
padding: 4px 0 10px;
}
.hcontainer .hmeta .body h1 {
color:#f08c56;
font-size: 18px;
margin:0;
display:block

}
.video-holder {position:relative; display:block;}
.left-header i{ margin-left:3px; font-size: 20px!important;}
.list-header{
color: #999;
background: #1b1b1b;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
}
.video-header .tt {padding-left: 15px;}
.video-header  a, .likes-holder a{display:inline-block; color: #7d7d7d; padding: 2px 5px;}
.likes-holder  i, .video-header i{ font-size: 22px; margin-top:2px;}
.video-header i{ color: #fff;}
.likes-holder {padding-top: 14px; line-height: 28px; font-size: 18px; margin-left: 5%; display:inline-block; position:relative; vertical-align: middle; }
#i-like-it i:hover , #i-like-it a:hover {color:#7aa745;}
.done-like i { font-size: 35px!important; color:#7aa745!important;}
#i-dislike-it i:hover, #i-dislike-it a:hover  {color:#c95454;} .likes-holder i{ font-size: 28px; margin-right:3px; vertical-align:middle;}
.done-dislike i { font-size: 35px!important; color:#c95454!important;}
#video-wrapper{}
.video-player{position:relative; margin-left:0!important; width:100%;  clear:both;}
.video-under h1 {font-size: 17px; color: #7d7d7d; display:block; width:100%; margin: 0 0 8px;}
.video-under {margin:-5px 0 10px!important; padding:10px 8px 15px;  border-left:1px solid #ededed;; border-right:1px solid #ededed;  border-bottom:1px solid #ededed;;}
.video-under-right { display:inline-block; margin:0;  margin-right:0!important;} 
.video-player-sidebar { display:block; position:relative; width:100% ; border-left-color: #2b2b2b; -webkit-box-shadow: inset 0 0 1px #000;}
.video-player-sidebar img, .video-player-sidebar .thumb {width:100px; height:56px; float:left; position:relative;}
.video-player-sidebar ul {display:block; position:relative; list-style:none;}
.video-player-sidebar li {
position:relative;
width: 100%;
overflow: hidden;
margin:0;
padding:0;
border-left-color: #2b2b2b;
background: #1b1b1b;
font-size: 13px; color: #6e6e6e; text-shadow: 0 1px 0 #000;
border-top: 1px solid #222121;
border-bottom: 1px solid #1d1d1d;
}
.video-player-sidebar li:hover{background:#353535;}
.video-player-sidebar .data .title  a{display: block;line-height: 1.2; color:#fff; }
.video-player-sidebar .data{margin-left:110px;}
.data .title { height:28px; overflow: hidden; font-size: 11px; font-weight: bold; margin: 0; padding: 0; clear:right; cursor: pointer;}
.data .title a{display:block; font-size: 12px; font-weight: bold;line-height: 1.2;}
.data .usermeta{display:block; line-height: 15px; width: 100%; margin: 0; }
.video-related .data .usermeta {padding-top: 6px;}
.video-player-sidebar  .inner {
position: relative;
padding: 1px 0 1px 8px;
height: 58px;
}
.thumb .overlay, .video-thumb .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
background-image: url(../images/icon-play-24.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
visibility: hidden;
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
.thumb:hover .overlay, .video-thumb:hover .overlay{cursor:pointer;visibility:visible;opacity:1}
.thumb .timer {
   position: absolute; bottom: 4px; right: 3px;	
	max-width: 50px; height: 15px; line-height: 15px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	background: #000;
	color: #f2f3f6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.timer i {margin: 3px 4px;}
.video-related { width:100%; position:relative; display:block; margin: 0; padding: 0 0 10px ;}

.video-related img, .video-related .thumb {width:100px; height:64px; float:left; position:relative;}
.video-related ul {display:block; position:relative; list-style:none; max-width:99%;}
.video-related li {
position:relative;
width: 100%;
margin-left: 4px;
background: #fff;
overflow: hidden;
border-right:2px solid #fff;
padding: 3px 0;
}
.video-related > ul > li:first-child , .video-player-sidebar li:first-child .inner ,.video-player-sidebar li:first-child{
border-top-color:transparent;
padding-top:0px!important;
}
.player-in-list {
background: #1b1b1b;
z-index:5;
}
.video-holder { padding-left:1%!important;}
.video-related li:hover {background-color: #f5f5f5; border-right:2px solid #239ed7;}
.video-related li a { color: #7d7d7d;}
.video-related .data{margin-left:110px;}
.user-box {width: auto; display:inline-block; vertical-align: middle; white-space: nowrap;}
.user-box img , .user-box .userav{ width: 50px; height:50px; float:left; display:inline-block; margin-right: 10px; -webkit-border-radius: 500px;
-moz-border-radius: 500px; border-radius: 500px;}
.count-subscribers  {
display:inline-block;
padding: 0 6px;
height: 32px;
border: 1px solid #ccc;
color: #777;
font-size: 12px;
text-align: center;
line-height: 12px;
position: relative;
margin-left: 6px;
background-color: #ffff;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.count-subscribers::after {
content: '';
position: absolute;
top: 9px;
left: -5px;
border-width: 5px 5px 5px 0;
border-style: solid;
border-color: transparent #ccc;
margin-top: 2px;

}
.count-subscribers .nr{
display:block;
position:relative;
font-size:17px;
padding: 12px 4px 0;
}
.user-box h3{ display:block; margin:0 4px 4px; line-height:normal; color:#7d7d7d;}
.user-box a{#7d7d7d;}

.like-box {display:inline-block; position:relative; width:140px; text-align: left;}
.like-box .like-show , .like-box .like-views{display:block; padding:3px; width:100%;}
.like-box .like-views {text-align: right; font-size: 18px; font-weight: 600; display: block; margin-top: 4px;}
.like-box .like-show {text-align: center; font-weight:bold;}
.like-box .like-show  i {margin-left: 15px;}
.like-box .progress {display:block;width:100%; }
/* Item/Video style list*/


/* Videos list */
.loop-content {padding-left:5px;}
.video {position:relative;width: 180px; float: left; margin: 0 8px 12px 0;}
.video3{max-width: 30.5%;}
.video2{max-width: 48.5%;}
.video1{max-width: 100%;}
.video h4{line-height: 15px;
height: 30px;
overflow: hidden;
font-size: 12px;
font-weight: bold;
margin-top:5px!important; 
margin:0;
padding:0;
}
.video-thumb {position:relative; display:block;
width: 100%;
overflow: hidden;
background: #f1f1f1;
font-size: 0;
vertical-align: middle;
height:98px;
}
.video-thumb .timer {
position: absolute;
top: 4px;
right: 3px;
width: 30px;
height: 15px;
line-height: 15px;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: Arial, Tahoma, Geneva, sans-serif;
background: #000;
color: #f2f3f6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.video .stats  {font-size: 11px; color: #555;}
.video .video-data {overflow:hidden;
}

/* 2.a Message Box ***************************/

.triangle {
background: url("../images/arrow-up.png") no-repeat;
width: 20px;
height: 11px;
position: absolute;
left: 10px;
top: -10px;
}
.user-quick {
position:relative;
margin-right:5%;
margin-top: 4px;
height:26px;
color: #666666;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #f0f0f8 !important;
padding: 4px;
background: none;
margin-right: 0;
}
.user-quick img {
vertical-align: middle;
width:25px;
height:25px;
float:left; 
margin-right: 8px;
border: 1px solid #666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.user-quick  .username {
font-size: 13px;
color: #555555;
float:left;
}
.user-quick .caret {
position:absolute;
top:40%;
right:8px;
border-bottom-color: #A4AABA;
border-top-color: #A4AABA;
}
.dropdown-menu.enhanced {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
z-index: 99999;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dropdown-menu.enhanced  {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    };
}

.dropdown-menu.enhanced li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.dropdown-menu.enhanced li p.green {
    background-color: #a9d86e;
    color: #fff;
}

.dropdown-menu.enhanced li p.red {
    background-color: #ff6c60;
    color: #fff;
}

.dropdown-menu.enhanced li p.yellow {
    background-color: #fcb322;
    color: #fff;
}

.dropdown-menu.enhanced li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}

.dropdown-menu.enhanced li a {
    padding: 15px 10px !important;
    display: inline-block;
}
.dropdown-menu.enhanced li a span, .dropdown-menu.enhanced li span:hover{
    padding: 5px!important;
    width: 100%;
    display: block;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}

.dropdown-menu.enhanced .progress {
    margin-bottom: 0 !important;
    height: 10px;
}

.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}
.dropdown-menu.enhanced.userx > li {
float: left;
text-align: center;
width: 32.5%;
}
.dropdown-menu.enhanced.userx > li > a:hover {
background:#fff;
color: #FF6C60;
}
.dropdown-menu.enhanced.userx > li > a > i , .dropdown-menu.enhanced.userx > li > a > i:hover {
display: block;
}
.dropdown-menu.enhanced.userx > li > a i {
font-size: 20px;
}
.dropdown-menu.enhanced.userx > li > a {
color: #a4abbb;
border-bottom: none !important;
}
.dropdown-menu.enhanced.userx > li:last-child {
float: left;
text-align: center;
width: 100%;
background: #f08c56;
border-radius: 0 0 5px 5px;
}
.dropdown-menu.enhanced.userx > li:last-child > a, .dropdown-menu.enhanced.userx > li:last-child > a:hover {
color: #fff;
border-bottom: none !important;
text-transform: uppercase;
background: #f08c56;
}
.user-quick ul > li > a:hover .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}
.notice-title {
font-weight:bold;
border-bottom: 1px solid #E7E7E7;
padding: 5px 20px;
text-align:center;
}


/* GLOBAL ELEMENTS */ 

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

.i-box {
position:relative;
display:block;
float:left;
text-align:left;
border-bottom: 1px solid #ededed;
padding-bottom:3px;
}
.widget-head{
padding: 5px 0 5px;
font-weight: bold;
text-transform:uppercase;
}
.widget-head i {
margin-right: 5px;
font-weight: normal;
}
.widget-body ul {
list-style: none;
padding: 5px 0 5px 0;
}
.widget-body li {
display: block;
padding: 3px 0 5px 5px;
float:left;
text-align:left;
width:100%;
vertical-align:middle;
}

.widget-body >ul>li>a:hover, .widget-body li:hover, .widget-body li:hover a  {
background: #f7f7f7;
}
.inlist , .inlist i {cursor: pointer; float:left; margin-right:8px; line-height:20px; font-size:18px; padding: 3px 0 0;  vertical-align:middle;}
.i-box .tiny {width: 23px; height: 23px; float:left; margin-right:8px;
border: 1px solid #666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
}

/* BUTTONS */
 .button {
    margin:5px;
    padding:7px 15px;
    color:#777;
    background-color:#F5F5F5;   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration:none;
    color:#444;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    border:1px solid #ededed;
    border-bottom:1px solid #D7D7D7;
    color:#777;
}
.button i{margin-right:4px;}
.small-button {padding:3px 6px!important;}
.button:hover {
    color:#555;
    background-color:#F9F9F9;   
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
}


/* Statics*/

.statistics { width: 100%; text-align: center; padding: 14px 2px; font-size: 0; line-height: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.statistics > li { width:90%; margin: 8px 2px; position: relative; display: inline-block; text-align: left; }
.statistics > li > span { font-size: 11px; margin-top: 5px; display: block; color: #555; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.vids {padding-top:0!important; width:auto; display:inline-block;}
.vids > li { width:110px!important; float:right;}
.top-info { margin-bottom: 12px; }
.top-info i{font-size: 15px;}
.top-info > a { display: inline-block; float: left; margin-right: 8px; margin-top: 1px; }
.top-info > a > i { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); padding: 6px 5px; margin: 0; }
.top-info > strong { font-size: 24px; font-weight: 600; display: block; float: left; margin-top: 4px; text-shadow: 0 1px 0 #ffffff; }
.top-info:after { content: ""; display: block; clear: both; }
.blue-square { background: #59b3e7; }
.red-square { background: #ef705b; }
.green-square { background: #56BB4D; }
.purple-square { background: #e16588; }
.orange-square { background: #e9854f; }
.dark-blue-square { background: #487cb5; }
.sea-square { background: #34A097 }
/*===== Progress bars =====*/

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 20px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  overflow: hidden;
  box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  -webkit-box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  -moz-box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  background-color: #f5f5f5;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.progress.progress-slim { height: 6px; }
.progress.progress-micro { height: 2px; }

.progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center;

  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 20px 20px;
     -moz-background-size: 20px 20px;
       -o-background-size: 20px 20px;
          background-size: 20px 20px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
     -moz-animation: progress-bar-stripes 1s linear infinite;
      -ms-animation: progress-bar-stripes 1s linear infinite;
       -o-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.video-description {display:block; padding: 10px; display:none; clear:both;}
.video-tags {list-style:none;}
.video-tags li {list-style:none; float:left; margin-right:4px;}

.nomargin {margin:0!important;}
#sidebar {width:100%; display:block; position:relative; padding-right:5px; text-align:left; float:right; margin:0;}
.right-side .i-box , #sidebar .i-box {width:100%;}
.left-sidebar {  position:relative; text-align:left;}
#profile-content .nav {margin-left:-10px; padding-left:10px;}
.top10{padding-top:10px!important;}
.top20{padding-top:20px!important;}
.bottom10{padding-bottom:10px!important;}
.bottom20{padding-bottom:20px!important;}
.full {display:block; width:100%; }
/* User list*/
.phpvibe-user-list{margin-left:-20px;}
.user {display:block; float:left; margin-left:20px; margin-bottom:15px; width:101px;}
.user .clip {display: inline-block; vertical-align: middle;}
.user a{color: #000; font-weight:bold;}
.user img{width:101px; height:101px;}
.user .user-title {height:23px; line-height:23px; overflow:hidden;}

.module {
width:auto;
position: relative;
margin-right: 5px;
margin-bottom: 15px;
padding: 0 5px 5px;
background: #fff;
border: 1px solid #e2e2e2;
filter: alpha(opacity=100);
opacity: 1;
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.module-title {
color: #333;
font-size: 14px;
line-height:16px;
text-align:center;
}
.module h2 {margin: 4px 0;}
.module ul {
list-style: none;
}
.module li {
border: 1px solid #fff;
border-top: 1px solid #ddd;
padding: 4px 0;
}
.module li i {margin-right:6px;}

/*===== Forms =====*/

.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append 
{ display: inline-block; *display: inline; margin-bottom: 0; vertical-align: baseline; *zoom: 1; }


/* Form inline */

.form-inline input, .form-inline .selector, .form-inline .checkbox, .form-inline .radio, .form-inline textarea, .form-inline .help-inline { margin-right: 6px; }
.form-inline .checkbox, .form-inline .radio { margin-top: 2px; }
.form-inline .help-inline { padding-left: 0; }
.form-inline .hide, .form-horizontal .hide { display: none; }
.form-inline label, .form-inline .btn-group { display: inline-block; }
.form-inline .input-append, .form-inline .input-prepend { margin-bottom: 0; }
.form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; }


/* Form horizontal */

.control-group { border-top: 1px solid #eee; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; padding: 18px 16px; }
.control-group:first-child { border-top: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.form-condensed .control-group { border-top: none; padding: 16px; }
.form-horizontal .control-group { *zoom: 1; }
.form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; }
.form-horizontal .control-group:after { clear: both; }
.form-horizontal .control-label { float: left; width: 18%; padding-top: 5px; }
.control-label > i { margin-top: 3px; margin-right: 6px; }
.form-horizontal .controls { *display: inline-block; *padding-left: 20px; position: relative; margin-left: 20%; *margin-left: 0; }
.form-horizontal .controls:first-child { *padding-left: 180px; }
.form-horizontal .help-block { margin-bottom: 0; }
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block
{ margin-top: 6px; }
.form-name {
text-shadow: 0 1px 1px #fff;
margin: 0;
font-size: 14px;
color: #303030;
background: url(../images/forms/dots.png) repeat-x bottom;
padding-bottom: 10px;
margin: 2px 0 16px 0;
vertical-align:middle;
}
.form-name > i {
margin-right: 8px;
font-size: 14px;
float: left;
margin-top: 3px;
color: #555;
}
.input-prepend .add-on, .input-prepend .btn {
margin-right: -1px;
margin-top: 0;
margin-bottom: 0;
}
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
}
.input-append .add-on, .input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #fafafa;
border: 1px solid #d5d5d5;
color: #777;
}
.input-append, .input-prepend {
font-size: 0;
white-space: nowrap;
}
.help-block {
display: block;
font-size: 11px;
}
.help-block, .help-inline {
color: #999;
}

/*===== Tables styles =====*/

table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; border: 1px solid #d5d5d5; }
.table th, .table td { padding: 8px 12px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; }
.table td { background: #fff; }
.table th { font-weight: bold; text-align: left; }
.table thead th { background-color: #f8f8f8; }

.table .checker { margin: 0; }
.table-checks tr td:first-child { width: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.table-checks .row-checked td { background: #fffff7; }
.table-actions { display: block; float: left; }
.table-actions .selector { height: 26px; line-height: 26px; min-width: 0; } 
.table-actions .selector span { padding: 7px 31px 6px 0px; background: url(../img/elements/forms/select_arrows.png) no-repeat 100% -1px; }
.table-actions .selector input { height: 26px; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #dddddd; }
.table-bordered { border-collapse: collapse; border-left: 0; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table .rowspan { border-left: 1px solid #e2e2e2!important; }
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; }


/* Color highlighting */

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }

.table-striped tbody > tr { background: #f9f9f9; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #fff; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; }
.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }

#bookit, #report-it{display:none; margin-bottom:20px;}

/* Continous Nav */

.CNav {
    display:block;
	position: relative;
	clear:both;
}

.CNav .CNav-body {
	width: 100%; 
	padding-bottom:20px;
	display:block;
	position: relative;
}
.CNav ul {
	top:0;
	left:0;
	position:absolute;
	display: block;
	width: 100%; 
	text-align: left;
	margin: 15px 0px;
	list-style: none;
	list-style-position: inside;
}
.CNav .CNav-wrapper {
	position: relative;
	width: 100%; 
	overflow:hidden;
	margin:0;
	padding-bottom: 10px;
}
.CNav ul  li {
	display: block;
	margin: 0;
	padding: 5px 0px 0px;
	overflow:hidden;
}
.CNav ul  img {
margin-right: 5px;
border: 1px solid #666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.CNav ul  li i{float:right; margin-right:4px; margin-top:4px;}

.CNav ul  li:last-child {
	border-bottom: 0px;
}
.CNav ul  li a {
	text-decoration: none;
	text-transform:capitalize;
	display:block;
}

.CNav .CNav-back{
	position:absolute;
	top:16px;
	left: -14px;
	z-index:-1;
	color:#555;
}
.CNav-back a, .CNav .CNav-back i  {font-size:24px; color:#555;}
/* hide elements */
.CNav ul ul {
	width: 100%; 
	display:block;
	top:0;
	left: 200px;
	position:absolute;
	margin-top: 0px;
}

 /**** Infinite Scroll CSS ****/
#infscr-loading { 
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 45%;
    bottom: 40px;
    width: 230px;
    padding: 10px;
    background: #000; 
    opacity: 0.8;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* More button */

				
.more_desc {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
}
.more_desc .btn{padding: 3px 7px;}
 .more_desc span.more {
height: auto;
margin-bottom: 20px;
}
span.more {
display: inline-block;
padding: 0;
white-space: nowrap;
font-size: 12px;
cursor: pointer;
position: relative;
}

.more_desc:before {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(71%,rgba(0,0,0,0.14)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=1 );
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.more_desc:after {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.14) 29%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(29%,rgba(0,0,0,0.14)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 );
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
/* === Sticky notes styles === */

div.sticky-queue{position:fixed;background:#fff;background:rgba(255,255,255,.9);border-width:0 3px 3px;border-style:solid;border-color:#ccc;border-color:rgba(0,0,0,.6);width:280px;z-index:989}
div.sticky-queue.bottom-right,div.sticky-queue.bottom-left {border-width:3px 3px 0;border-style:solid;border-color:#ccc;border-color:rgba(0,0,0,.6)}
div.sticky-note{padding-right:20px;padding-left:14px;font-weight:700}
div.sticky{font-size:12px;color:#555;display:none;position:relative;padding:10px}
div.sticky p {margin-bottom:0}
.st-close{position:absolute;top:4px;right:6px}
.top-right,.top-left,.top-center{top:38px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px}
.bottom-right,.bottom-left{bottom:-2px;border-top-right-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:6px}
.border-top-right,.border-top-left,.border-top-center{border-top:1px solid #eee;border-top:1px solid rgba(0,0,0,.1)}
.border-bottom-right,.border-bottom-left{border-bottom:1px solid #eee;border-bottom:1px solid rgba(0,0,0,.1)}
.sticky.st-error{color:#C62626}
.sticky.st-success{color:#7fae00}
.sticky.st-info{color:#00a6fc}
.top-right,.bottom-right{right:20px}
.top-left,.bottom-left{left:20px}
.top-center{left:50%;margin-left:-140px}
div.sticky-queue.top-right .sticky:last-child,div.sticky-queue.top-left .sticky:last-child,div.sticky-queue.top-center .sticky:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px}
div.sticky-queue.bottom-right .sticky:first-child,div.sticky-queue.bottom-left .sticky:first-child {border-top-right-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px}

/* Comments */

.chat {
margin:0;
padding:0;
list-style:none;
}

.chat li {
padding:10px 5px;
clear:both;
}

.chat li img.avatar {
height:45px;
width:45px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
border: 1px solid #eee;
padding: 2px;
}

.chat li.left img.avatar , .chat li.right img.avatar ,.chat li.addcm img.avatar  {
margin-right:10px;
margin-left:5px;
float:left;
}

.chat li .name {
color:#f08c56;
font-size:13px;
font-weight:400;
}

.chat li .date-time {
color:#1a1a1a;
font-size:11px;
font-weight:400;
}



.chat li .message {
display:block;
position:relative;
padding:5px 10px;
border: 1px solid #e3e6ed;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


.chat li.left .message {
text-align:left;
border-left:2px solid #f08c56;
margin-left:65px;
}


.chat li.left .message .arrow {
display:block;
position:absolute;
top:7px;
left:-8px;
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-right:6px solid #f08c56;
}


.chat li.right .message  {
text-align:left;
border-left:2px solid #40acd6;
margin-left:65px;
}
.chat li.right .message .arrow {
display:block;
position:absolute;
top:7px;
left:-8px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-right:6px solid #40acd6;
}
.chat li.addcm .message  {
text-align:left;
border-left:2px solid #aec785;
margin-left:65px;
}
.chat li.addcm .message .arrow {
display:block;
position:absolute;
top:7px;
left:-8px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-right:6px solid #aec785;
}

.chat li.right .name,.chat li.right .date-time {
text-align:left;
}
.chat li.right a {
color:#40acd6;
}
.chat li.addcm a {
color:#aec785;
}
.chat li .message .body {
display:block;
color:#333;
padding-top:10px;
word-wrap: break-word;

}
.chat li  .like-com {
display: inline-block;
margin-right: 8px;
float:right;
font-size: 11px;
}
.chat li.right .like-com i{
color:#40acd6;
}

.chat li  .like-com i{
color: #f08c56;
}

.addEmComment {
width: 100%;
margin-bottom: 6px;
padding: 15px;
font-size: 14px;
vertical-align: middle;
line-height: 36px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #eaeaea;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

.buttonS {
display: block;
position: absolute;
bottom: 2px;
right: 2px;
padding: 10px 16px;
font-size: 11px;
color: #fff;
background: #aec785!important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: 0;
border: 0;
}
.buttonS  i {
font-size: 20px;
}


/* Login styling */
.form-signin{position:relative;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}.form-signin .inner{padding:20px;}
.form-signin form{margin:0;}
.form-signin p{margin:5px 0;}.form-signin p:first-child{margin:0 0 10px;}
.form-signin p:last-child{margin:10px 0 0;}
.form-signin h3{background-color: #4a8bc2; border-bottom: 1px solid #f7f7f7;color:#fff;margin:0;padding:0 15px;height:47px;line-height:47px;text-shadow:none;font-size:16pt;font-weight:400;}
.form-signin h3 a{color:#fff;}
.form-signin label{font-size:14px;color:#544f49;}
.form-signin .checkbox{margin-bottom:10px;}
.form-signin .password{float:right;font-size:13px;font-weight:400;}
.form-signin .password {color:red;}
.form-signin input[type="text"],.form-signin input[type="password"]{margin-bottom:10px;}
.text-error { color: #b94a48; }

.MaxUpload_Box {
	position:relative;
	margin:5px auto;
	width:100%;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	font-family:sans-serif;
	float:left;
	display:block;
}
.MaxUpload_Box .prdone {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.MaxUpload_Box .xx {
	margin-left:-6px;
}
.MaxUpload_Box .info {
	font-size:10px;
	padding:10px 10px;
	min-width:80%;
	background: url(../images/drag.png) no-repeat 50% 85%;
text-align: center;
vertical-align: middle;
min-height:180px;
}
.MaxUpload_Box .button {
color: #686868!important;
text-shadow: none!important;
background: #F8F8F8!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E8E8E8))!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 )!important;
font-size: 11px;
font-weight: bold;
text-shadow: 0 -1px #6F6F6F;
display: inline-block;
line-height: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
width:100%!important;
margin:0!important;
	
}

.disabled {
display:none;
}


.MaxUpload_Box .file {
	font-size:14px;
	height:32px;
	width: 60%;
	float:right;
	display:inline-block;
	
	}
	
.MaxUpload_Box .real {
	display:inline-block;
	zoom:1;
	position:relative;
	width:100%;

}
.MaxUpload_Box .fileList {
background-color: #ffffff;
border: 1px solid #d5d5d5;
outline: none;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
	display:block;
	margin:20px 0 20px;
	width:100%;
}
.MaxUpload_Box .fileItem {
	margin:8px 10px;
	font-size:12px;
	display:block;
	position:relative;
	background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dadada;
box-shadow: 0 0 0 2px #f8f8f8;
-webkit-box-shadow: 0 0 0 2px #f8f8f8;
-moz-box-shadow: 0 0 0 2px #f8f8f8;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.MaxUpload_Box .fileItem span{
	padding:5px;
	display:inline-block;
	font-weight:400;
}
.MaxUpload_Box .fileItem b {
	padding:5px;
	display:inline-block;
}

.MaxUpload_Box .delete {
float:right;
color:#DB6969;
font-size:26px;
position:absolute;
right:3px;
top:3px;
padding:0!important;
}



.MaxUpload_Box .progress {
	position:absolute;
	width:100%;
	height:100%;
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.MaxUpload_Box .upInfo {
padding: 4px 5px;
border-bottom: 1px solid #e1e1e1;
background: #fcfcfc;
position:relative;
}
.MaxUpload_Box .filePro {
	float:left;
}
.MaxUpload_Box #prImg {
	margin:3px 3px 0;
	float:right;
}

.MaxUpload_Box .totalPro {
	clear:both;
}

.MaxUpload_Box .result {
	padding:10px 0 10px 0;
	text-align:center;
	
}
.MaxUpload_Box .result b {
	font-size:10px;
}
.MaxUpload_Box .upInfo div {
	font-size:x-small;
	padding: 3px;
}
.MaxUpload_Box .Maxuploader {display:block; position:relative; height:26px;}
.Maxfilename{
position:relative!important;
background-color: #fff!important;
cursor: pointer;
width: 100%;
font-size: 11px;
line-height: 24px;
float: left;
display: block!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.MaxUpload_Box .Maxuploader input[type=file]{
position:absolute;
right:2px;
top:2px;
width: 24px;
background: url(../images/forms/add_files.png) no-repeat 0 0;
height: 24px;
cursor: pointer;
float: right;
text-indent: -9999px;
display: inline;
overflow: hidden;
z-index:999;
}
.MUbutton {
width:1px!important;
height:1px!important;
}
/* Populars */
.populars {width:100%; clear:both; height:auto; border-bottom: 1px solid #ededed; padding-top:7px; padding-bottom:7px;}
.populars img{width:42px; height:44px; margin-left:4px;}
.populars .pop-title {float:left; margin-left:8px; clear:right; display:inline-block; }
.populars .pop-title a {font-weight:bold;}
.populars .pop-subs {float:left; margin-left:8px; clear:right; display:inline-block;}
.popular-channels {border-right: 1px solid #ededed;}
.popular-channels h3 {border-bottom: 1px solid #ededed; display:block; margin:0; padding: 10px 5px; margin-top:7px;}
/* Activity */
ul#activity .circleAvatar {
background-color: white;
border: 3px solid white;
border-radius: 30px;
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
float: left;
height: 50px;
margin-right: -10px;
overflow: hidden;
position: relative;
top: -20px;
left: -15px;
width: 50px;
}
#activity li p.headLine {
color: #a8a8a8;
margin: 5px 5px 10px;
}
#activity li p.headLine span.author {
color: #616161;
font-weight: bold;
}
#activity li p {
line-height: 15px;
margin-left: 50px;
padding: 0 5px;
}
#activity li .coms {
display:block;
line-height: 15px;
padding: 5px;
margin:3px 3px 0;
color: #666;
background-color: #fcfcff;
border: 1px solid #ddd;
border-bottom-color: #5e95cc;
cursor: default;
-webkit-box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
}
#activity li {
border: 1px solid #ededed;
list-style-type: none;
margin-bottom: 15px;
position: relative;
}
#activity{
padding: 5px 10px;
list-style: none;
}
.error-info {
text-align: center;
}
.error-info h3 {
font-weight: 800;
font-size: 200px;
color: #e6e6e6;
margin-bottom: 0px;
}
.error-info h4 {
font-weight: 800;
font-size: 60px;
color: #4d4d4d;
text-transform: uppercase;
margin-bottom: 40px;
}
.searchWidget {
margin-left:15px;
float:right;
width:auto;
padding:4px 0 0;
}
#suggest-videos {
width:100%;
margin: 0;
padding:0 5px 0 35px;
font-size: 14px;
vertical-align: middle;
background: #fff url(../images/search-icon.jpg) no-repeat 10px 8px;
height: 36px;
line-height: 36px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #eaeaea;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
#suggest-videos:focus { 
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
min-width:300px;
max-width:550px;
}
.video-player iframe,
.video-player object,
.video-player embed ,
.video-player video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
	clear:both;
}
#footer {border-top: 1px solid #ededed; margin-top:10px;}
.footer-content {padding:20px;}
.footer-logo {padding:20px 0;}
#mobi-hide-right-sidebar, #mobi-hide-sidebar {color:#fff; position:relative; padding: 5px;}
.close-me {position:absolute; top:0; right:0; background: #EF705B; display:block; z-index: 999999; overflow:visible;}

.backtotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    display: block;
    background: url(../images/top.png) 0 0 no-repeat;
    z-index: 99999999;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.backtotop:hover {
    background: url("../images/top-hov.png") 0 0 no-repeat;
}
.backtotop.hidden {
    bottom: -100px
}
