@CHARSET "UTF-8";

/* Some styles based upon work from h5bp.com/css (v3.0), and blueprintcss.org (v1.0) and Twitter's Bootstrap (v2.0.2) */

/* Reset */
html {
	margin: 0;
	padding: 0;
	border: 0;
}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,code,em,img,ul,li,fieldset,form,label,legend,table,tbody,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	word-wrap: break-word;
}
/* Chrome 22.0.1229.79 has a bug with select elements that have word-wrap: break-word and specific width and height. The position for the
next element may change depending on whether you've selected an item with lots of or not much text from the drop down list. */
select {
	word-wrap: normal;
}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section
	{
	display: block;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
th,td {
	text-align: left;
	font-weight: normal;
	float: none !important;
}
table,th,td {
	vertical-align: middle;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
}
blockquote,q {
	quotes: "" "";
}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

.clear {clear: both;}

/* TYPOGRAPHY */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.5;
	color: #444444;
	background-color: #FFFFFF;
}

h1, h2, h3, h4 {
	font-weight:normal;
}
h1 {
	font-size: 16px;
	line-height:1;
	padding: 10px;
	margin-bottom: 16px;
}
h2 {
	font-size:2em;
	margin-bottom:0.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}

p {
	margin:0 0 8px;
}
.primary {
	color: #8b13b6;
}
h2.primary {
	font-size: 20px;
	margin-bottom: 8px;
}
.hint-text {
	 font-style: italic;
	 color: #999;
}
.left {
	float: left !important;
}
p .left {
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
.right {
	float: right !important;
}
.clear {
	clear: both !important;
}
p .right {
	margin: 1.5em 0 1.5em 1.5em;
	padding: 0;
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Links */
a {
	color: #8B13B6;
}
/* a:visited { */
/* 	color: #FF0000; */
/* } */
/* a:hover { */
/* 	color: #06e; */
/* 	text-decoration: underline; */
/* } */
a:hover, a:focus, a:active {
	outline: 0;
}

code {
	color: #FF0000;
}

/* Layout */
.span-9 {width:350px;}
.span-10 {width:390px;}

/* LISTS */
li ul {
	margin:0;
}
ul {
	margin:0 1.5em 1.5em 0;
	padding-left:1.5em;
}
ul {
	list-style-type: none;
}

/* TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	width:100%;
}
th {
	font-weight:bold;
}
thead th {
	background:#E0E0E0;
}
th, td {
	padding:4px 10px 4px 5px;
}
td {
	vertical-align: top;
}
tbody tr:nth-child(even), tbody tr.even td {
	background:#F0F0F0;
}

/* FORMS */
form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,input {
	line-height: normal;
}
button, html input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}
::-ms-clear {  /* Remove IE clear input button */
	width: 0;
	height: 0;
}
button[disabled],input[disabled] {
	cursor: default;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button
	{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

.ellipsis {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: normal;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.js #jsnotice { display: none; text-align: center; }
.no-js #jsnotice { display: block; padding: 10px; background-color: #FDFFB4; border-bottom: #EBF09E solid 1px; text-align: center; margin:0;}

.invisible {
	display: none;
}


/* KB UI set Buttons */

.btn {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -1px;
	border-color: #CCCCCC #CCCCCC #B3B3B3;
	border-radius: 6px 6px 6px 6px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;
	padding: 4px 10px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .btn.btn-dark.disabled, .btn.btn-purple.disabled {
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -31px;
}
.btn:active {
	position: relative;
	top: 1px;
}
.btn:hover {
/*     color: #f2adff; */
}
.btn.disabled, .btn.btn-dark.disabled, .btn.btn-purple.disabled {
	color: #666666;
	border-color: #CCCCCC #CCCCCC #B3B3B3;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	cursor: default;
}

.btn-dark {
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -61px;
	border-color: #666666 #666666 #444444;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.btn-dark:hover, .btn-dark:active {
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -91px;
}
.btn-purple {
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -121px;
	border-color: #9202AC #9202AC #B61ED1;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.btn-purple:hover, .btn-purple:active, .btn-purple[disabled]  {
	background: url('/resources/images/btn-bg-gradients.png') repeat-x 0px -151px;
}
.text-purple {	
}
.text-purple:hover {
	color: #DD00D0;
}
.text-purple.disabled:hover {
	color: #666666;
}
.btn-small {
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 6px;
}


/* forms (bootstrap) */


.form-marginbottom {
	margin: 0 0 18px;
}
fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
legend {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #EEEEEE;
	border-style: none none solid;
	border-width: 0 0 1px;
	color: #333333;
	display: block;
	font-size: 19.5px;
	line-height: 36px;
	margin-bottom: 27px;
	padding: 0;
	width: 100%;
}
legend small {
	color: #999999;
	font-size: 13.5px;
}
label, input, button, select, textarea {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}
input, button, select, textarea {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#loginForm label {
	display: inline-block;
}
label {
	color: #333333;
	display: block;
	margin-bottom: 5px;
}
input[type="text"], input[type="password"], textarea, select, .uneditable-input {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #555555;
	display: inline-block;
	font-size: 13px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 9px;
	padding: 4px;
	width: 210px;
}
.uneditable-textarea {
	height: auto;
	width: auto;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
	cursor: pointer;
	height: auto;
	line-height: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0;
	width: auto;
}
input[type="radio"] {
	border: 0;
}

input[type="image"] {
	border: 0 none;
}
input[type="file"] {
	background-color: #FFFFFF;
	box-shadow: none;
	width: auto;
}
html input[type="button"], input[type="reset"], input[type="submit"] {
	height: auto;
	width: auto;
}
select, input[type="file"] {
	height: 28px;
	line-height: 28px;
}
input[type="file"] {
}
select {
	background-color: #FFFFFF;
	width: 220px;
}
select[multiple], select[size] {
	height: auto;
}
input[type="image"] {
	box-shadow: none;
}
textarea {
	height: auto;
}
input[type="hidden"] {
	display: none;
}
input[type="text"], textarea {
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input[type="radio"] {
	box-shadow: none;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	/* #B61ED1 */
	border-color: rgba(182, 30, 209, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(182, 30, 209, 0.6);
	outline: 0 none;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
	box-shadow: none;
	outline: thin dotted #333333;
	outline-offset: -2px;
}
.input-mini {
	width: 60px;
}
.input-small {
	width: 90px;
}
.input-medium {
	width: 150px;
}
.input-large {
	width: 210px;
}
.input-xlarge {
	width: 270px;
}
.input-xxlarge {
	width: 530px;
}
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
	float: none;
	margin-left: 0;
}
input, textarea, .uneditable-input {
	margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
	width: 930px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
	width: 850px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
	width: 770px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
	width: 690px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
	width: 610px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
	width: 530px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
	width: 450px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
	width: 370px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
	width: 290px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
	width: 210px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
	width: 130px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
	width: 50px;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	background-color: #EEEEEE;
	border-color: #DDDDDD;
	cursor: not-allowed;
}
.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
	color: #C09853;
}
.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
	border-color: #C09853;
	color: #C09853;
}
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
	border-color: #A47E3C;
	box-shadow: 0 0 6px #DBC59E;
}
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
	background-color: #FCF8E3;
	border-color: #C09853;
	color: #C09853;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
	color: #B94A48;
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
	border-color: #B94A48;
	color: #B94A48;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
	border-color: #953B39;
	box-shadow: 0 0 6px #D59392;
}
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
	background-color: #F2DEDE;
	border-color: #B94A48;
	color: #B94A48;
}
.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
	color: #468847;
}
.control-group.success input, .control-group.success select, .control-group.success textarea {
	border-color: #468847;
	color: #468847;
}
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
	border-color: #356635;
	box-shadow: 0 0 6px #7ABA7B;
}
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
	background-color: #DFF0D8;
	border-color: #468847;
	color: #468847;
}
.control-group-main-option {
	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 6px !important;
}
.form-actions {
	margin-bottom: 18px;
	margin-top: 18px;
	padding: 17px 20px 18px;
}
.form-actions:before, .form-actions:after {
	content: "";
	display: table;
}
.form-actions:after {
	clear: both;
}
.uneditable-input {
	background-color: #FFFFFF;
	border-color: #EEEEEE;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.024) inset;
	cursor: not-allowed;
	display: block;
}
:-moz-placeholder {
	color: #999999;
}
.help-block, .help-inline {
	color: #555555;
}
.help-block {
	display: block;
	margin-bottom: 9px;
}
.help-inline {
	display: inline-block;
	padding-left: 5px;
	vertical-align: middle;
}
.input-prepend, .input-append {
	margin-bottom: 5px;
}
.input-prepend input, .input-append input, .input-prepend select, .input-append select, .input-prepend .uneditable-input, .input-append .uneditable-input {
	border-radius: 0 3px 3px 0;
}
.input-prepend input:focus, .input-append input:focus, .input-prepend select:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-append .uneditable-input:focus {
	position: relative;
	z-index: 2;
}
.input-prepend .uneditable-input, .input-append .uneditable-input {
	border-left-color: #CCCCCC;
}
.input-prepend .add-on, .input-append .add-on {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	display: inline-block;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	min-width: 16px;
	padding: 4px 5px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	vertical-align: middle;
	width: auto;
}
.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn {
	border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
	background-color: #A9DBA9;
	border-color: #46A546;
}
.input-prepend .add-on, .input-prepend .btn {
	margin-right: -1px;
}
.input-append input, .input-append select .uneditable-input {
	border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
	border-left-color: #EEEEEE;
	border-right-color: #CCCCCC;
}
.input-append .add-on, .input-append .btn {
	border-radius: 0 3px 3px 0;
	margin-left: -1px;
}
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
	border-radius: 0 0 0 0;
}
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
	border-radius: 3px 0 0 3px;
	margin-right: -1px;
}
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
	border-radius: 0 3px 3px 0;
	margin-left: -1px;
}
.search-query {
	border-radius: 14px 14px 14px 14px;
	margin-bottom: 0;
	padding-left: 14px;
	padding-right: 14px;
}
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
	display: inline-block;
	margin-bottom: 0;
}
.form-search .hide, .form-inline .hide, .form-horizontal .hide {
	display: none;
}
.form-search label, .form-inline label {
	display: inline-block;
}
.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
	margin-bottom: 0;
}
.control-group {
	margin-bottom: 9px;
}
legend + .control-group {
	margin-top: 18px;
}
.form-horizontal .control-group {
	margin-bottom: 18px;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
	content: "";
	display: table;
}
.form-horizontal .control-group:after {
	clear: both;
}
.form-horizontal .control-label {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 140px;
}
.form-horizontal .controls {
	margin-left: 160px;
}
.form-horizontal .help-block {
	margin-bottom: 0;
	margin-top: 9px;
}
.form-horizontal .form-actions {
	padding-left: 160px;
}


.control-bigger {
	font-size: 18px;
}

.controls-custom {
	margin-bottom: 8px;
	min-height: 42px;	
}
.control-label-custom {
	margin-left: 30px;
}

.inputfield-text {
	display: inline-block;
	padding-top: 5px;
	font-size: 14px;
	line-height: 18px;
}


.custom-fieldset-header {
	font-size: 20px;
	font-weight: normal;
	margin-left: 10px;
}
.custom-fieldset {
	background-color: #E0E0E0;
	padding: 20px 10px;
	border: 1px solid #D0D0D0;
}
.custom-fieldset .control-group {
	margin-bottom: 0;
}
.custom-fieldset label {
	font-size: 14px;
}
.custom-fieldset-option {
	margin-left: 20px;
	margin-top: 14px;
}
.custom-fieldset-optiondetails {
	margin-left: 100px;
}
input.custom-fieldset-option-details-input {
	
	/*margin-left: 100px;*/
}

.video-source {
	/* Used in generating the url for getting info about video progress. Meant to be always invisible. */
	display: none;
}

.header-with-line {
	font-weight: bolder;
	color: #444;
	font-size: 11px;
	border-bottom: thin solid black;
	margin: 25px 0 10px 0;
}


.popup-submit {
	float: right;
	margin: 0 1em 1em 0;
}

.popup-submit-textarea {
	height: 130px;
	width: 450px;
}

.popup-anon-sendform .popup-submit-textarea {
	height: 85px;
}

.sendto {
	width: 100%;
}
#sendmenu .popup-content, #addmultivideoselection .popup-content {
	height: 420px;
}
#sendmenu .popup-submit-textarea, #addmultivideoselection .popup-submit-textarea {
	width: 98%;
}

.eye {
	width: 16px;
	height: 16px;
	margin-top: 6px;
	margin-left: 8px;
	position: absolute;
	cursor: pointer;
}

.icon-eye-open {
	background: url('/resources/images/hide-unhide.png') 0 -16px no-repeat;
}

.icon-eye-close {
	background: url('/resources/images/hide-unhide.png') 0 0 no-repeat;
}

.invalid-password {
	display: none;
	margin-left: 130px;
	width: 235px;
}

.invalid-password p {
	margin: 2px 0;
	font-size: 12px;
}

.invalid-password h3 {
	font-size: 15px;
	margin-top: 0;
}

.invalid-password .password-invalid {
	color: #c00000;
}

.invalid-password .password-invalid .read-more {
	text-decoration: underline;
}

.invalid-password .char-class {
	margin: 10px 0 0 0;
}

.invalid-password:hover .password-invalid + div .password-rules-popup, .invalid-password.hover-effect .password-invalid + div .password-rules-popup {
	display: block;
} 

.password-rules-popup {
	display: none;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(50, 50, 50, 0.78);
	-moz-box-shadow:    0px 0px 21px 0px rgba(50, 50, 50, 0.78);
	box-shadow:         0px 0px 21px 0px rgba(50, 50, 50, 0.78);
	position: relative;
	background-color: white;
	border-radius: 3px;
	padding: 20px;
	width: 268px;
	z-index: 1;
	left: 220px;
	bottom: 200px;
}

.char-class .class-example {
	background-color: #d9d9d9;
	padding: 4px 10px;
	border-radius: 3px;
	letter-spacing: 1px;
	width: 231;
	margin: 5px 13px;
}