/*system.base.css?mzsp0x*/

/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
  zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-position: 100% 2px; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-position: 100% -18px; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
  display: inline-block;
}
.ajax-progress .throbber {
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  padding-left: 20px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}



/*system.menus.css?mzsp0x*/


/**
 * @file
 * Styles for menus and navigation markup.
 */

/**
 * Markup generated by theme_menu_tree().
 */
ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
  list-style-image: url(../../misc/menu-expanded.png);
  list-style-type: circle;
}
ul li.collapsed {
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  list-style-type: disc;
}
ul li.leaf {
  list-style-image: url(../../misc/menu-leaf.png);
  list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

/**
 * Markup generated by theme_links().
 */
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

/**
 * Markup generated by theme_breadcrumb().
 */
.breadcrumb {
  padding-bottom: 0.5em;
}

/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em; /* LTR */
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  border-right: 1px solid #ccc; /* LTR */
  display: inline;
  padding: 0 1em;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}



/*system.messages.css?mzsp0x*/

/**
 * @file
 * Styles for system messages.
 */

div.messages {
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 50px; /* LTR */
}

div.status {
  background-image: url(../../misc/message-24-ok.png);
  border-color: #be7;
}
div.status,
.ok {
  color: #234600;
}
div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  background-image: url(../../misc/message-24-warning.png);
  border-color: #ed5;
}
div.warning,
.warning {
  color: #840;
}
div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  background-image: url(../../misc/message-24-error.png);
  border-color: #ed541d;
}
div.error,
.error {
  color: #8c2e0b;
}
div.error,
table tr.error {
  background-color: #fef5f1;
}
div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}
div.messages ul li {
  list-style-image: none;
}



/*system.theme.css?mzsp0x*/


/**
 * @file
 * Basic styling for common markup.
 */

/**
 * HTML elements.
 */
fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  border: 1px solid gray;
  height: 1px;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR */
  text-align: left; /* LTR */
}
tbody {
  border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/**
 * Markup generated by theme_tablesort_indicator().
 */
th.active img {
  display: inline;
}
td.active {
  background-color: #ddd;
}

/**
 * Markup generated by theme_item_list().
 */
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item .description {
  font-size: 0.85em;
}
label {
  display: block;
  font-weight: bold;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
  vertical-align: middle;
}
.marker,
.form-required {
  color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/**
 * Inline items.
 */
.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Markup generated by theme_more_link().
 */
.more-link {
  text-align: right; /* LTR */
}

/**
 * Markup generated by theme_more_help_link().
 */
.more-help-link {
  text-align: right; /* LTR */
}
.more-help-link a {
  background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
  padding: 1px 0 1px 20px; /* LTR */
}

/**
 * Markup generated by theme_pager().
 */
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
}
.pager-current {
  font-weight: bold;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsible .fieldset-legend {
  background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
  padding-left: 15px; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
  background-image: url(../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
.tabledrag-toggle-weight {
  font-size: 0.9em;
}
body div.tabledrag-changed-warning {
  margin-bottom: 0.5em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/
tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.progress .filled {
  background: #0072b9 url(../../misc/progress.gif);
}




/*overlay-parent.css*/


/**
 * @file
 * Basic styling for the Overlay module.
 */

html.overlay-open,
html.overlay-open body {
  height: 100%;
  overflow: hidden;
}

#overlay-container,
.overlay-modal-background,
.overlay-element {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}

.overlay-modal-background {
  /* Using a transparent png renders faster than using opacity */
  background: transparent url(images/background.png) repeat;
}

.overlay-element {
  background: transparent;
  left: -200%;
  z-index: 501;
}
.overlay-element.overlay-active {
  left: 0;
}

html.overlay-open .displace-top,
html.overlay-open .displace-bottom {
  z-index: 600;
}

/**
 * Within the overlay parent, the message about disabling the overlay is for
 * screen-reader users only. It is always kept invisible with the
 * element-invisible class, and removed from the tab order. Overlay-child.css
 * contains styling for the same message appearing within the overlay, and
 * intended for sighted users.
 */
#overlay-disable-message {
  display: none;
}
html.overlay-open #overlay-disable-message {
  display: block;
}



/*comment.css?mzsp0x*/



#comments {
  margin-top: 15px;
}
.indented {
  margin-left: 25px; /* LTR */
}
.comment-unpublished {
  background-color: #fff4f4;
}
.comment-preview {
  background-color: #ffffea;
}




/*field.css?mzsp0x*/


/* Field display */
.field .field-label {
  font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
  float:left; /*LTR*/
}

/* Form display */
form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table th.field-label {
  padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
  margin: .5em 0 0;
}



/*node.css?mzsp0x*/


.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
td.revision-current {
  background: #ffc;
}



/*search.css?mzsp0x*/

.search-form {
  margin-bottom: 1em;
}
.search-form input {
  margin-top: 0;
  margin-bottom: 0;
}
.search-results {
  list-style: none;
}
.search-results p {
  margin-top: 0;
}
.search-results .title {
  font-size: 1.2em;
}
.search-results li {
  margin-bottom: 1em;
}
.search-results .search-snippet-info {
  padding-left: 1em; /* LTR */
}
.search-results .search-info {
  font-size: 0.85em;
}
.search-advanced .criterion {
  float: left; /* LTR */
  margin-right: 2em; /* LTR */
}
.search-advanced .action {
  float: left; /* LTR */
  clear: left; /* LTR */
}



/*user.css?mzsp0x*/


#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
  white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/**
 * Override default textfield float to put the "Add role" button next to
 * the input textfield.
 */
#user-admin-roles td.edit-name {
  clear: both;
}
#user-admin-roles .form-item-name {
  float: left; /* LTR */
  margin-right: 1em; /* LTR */
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
  margin-top: 1.4em;
}
.password-strength-title {
  display: inline;
}
.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}
.password-indicator {
  background-color: #C4C4C4;
  height: 0.3em;
  width: 100%;
}
.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47C965;
}
input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}
div.password-confirm {
  float: right;  /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}
div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
  margin-bottom: 0;
}
.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .user-picture {
  float: right; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
  border-bottom: 1px solid #ccc;
}
.profile dl {
  margin: 0 0 1.5em 0;
}
.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}



/*views.css*/


.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

.view .progress-disabled {
  float: none;
}



/*ctools.css*/


.ctools-locked {
  color: red;
  border: 1px solid red;
  padding: 1em;
}

.ctools-owns-lock {
  background: #FFFFDD none repeat scroll 0 0;
  border: 1px solid #F0C020;
  padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
  padding-right: 18px !important;
  background: url(../images/status-active.gif) right center no-repeat;
}

div.ctools-ajaxing {
  float: left;
  width: 18px;
  background: url(../images/status-active.gif) center center no-repeat;
}




/*light.css*/

/**
 * @file
 * CSS Stylesheet for the DrupalChat modules 'light' theme.
 * 
 * Author: Fenda
 */

/* IE6 Hack */
*html #drupalchat {
  display: none;
}

#drupalchat-wrapper {
  bottom: 0;
  height: 29px;
  margin: 0 1%;
  position: fixed;
  right: 0;
  z-index: 9999; /*--Keeps the panel on top of all other elements--*/
}
#drupalchat {
  /*background: #e5e5e5;*/
  /*border: 1px solid #b5b5b5;*/
  border-bottom: none;
  float: left;
  font-family: Arial, sans-serif;
}
#drupalchat ul {
  /*border-top: 1px solid #fff;*/ /*--Gives the bevel feel on the panel--*/
  float: right;
  list-style: none;
  margin: 0;
  padding: 0; 
  width: 100%;
}
#drupalchat ul li {
  background: #e5e5e5;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  margin-right: 10px;
  border-top: 1px solid #b5b5b5;
}
#drupalchat ul li.last a {
  border-right: none;
}

#drupalchat ul li a {
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;  
  color: #333;
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 6px;
  position: relative;
  text-decoration: none;
  width: auto;
}
#drupalchat ul li a:hover {
  background-color: #fff;
}
#drupalchat ul li a.active { /*--Active state when sub-panel is open--*/
  background: #fff url(images/subpanel_bar.png) repeat-x center 1px;
  border-top: none; 
  height: 18px;
  margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
  position: relative;
  z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
}

#drupalchat ul li a.active span.subpanel_title_text {
	float: left;
	margin-top: 2px;
}

#drupalchat img.icon {
	float: left;
	margin-right: 6px;
	padding: 0;
}

#drupalchat ul li a.chat {
	width: 188px;
	border-right: 1px solid #b5b5b5;
}
#drupalchat ul li a.chatboxhead {
	width: 213px;
}

#drupalchat ul li div a { /*--Reset link style for sub-panel links--*/
  color: #222;
  float: none;
  height: auto;
  padding: 0;
  position: static;
  width: auto;
}
#drupalchat ul li div a:hover {
  text-decoration: underline;
  /*color: #fff;*/
}
#drupalchat .subpanel {
  border: 1px solid #b5b5b5;  
  bottom: 29px;
  display: none;  /*--Hide by default--*/
  left: 0px;
  overflow: hidden;
  position: absolute;
  width: 150px;
}
#drupalchat #chatpanel .subpanel {
  width: 200px;
}
#drupalchat .chatbox .subpanel {
  width: 239px;
}

/* Subpanel title */
#drupalchat .subpanel_title {
  background: #222;
  color: #fff;
  cursor: pointer;  
  font-weight: bold;
  padding: 3px 4px 3px 8px;
  font-size: 13px;
}
#drupalchat .subpanel_title div.status-1{
  display: block;
  float: left;
  background: url(images/online.png) no-repeat 100% center;
  height: 9px;
  width: 9px;
  overflow: hidden;
  margin-top: 5px;
  margin-right: 6px;  
}
#drupalchat .subpanel_title div.status-0{
  display: block;
  float: left;
  background: url(images/offline.png) no-repeat 100% center;
  height: 9px;
  width: 9px;
  overflow: hidden;
  margin-top: 5px;
  margin-right: 6px;  
}
#drupalchat .subpanel_title span {
  filter: alpha(opacity=100); /* For IE */
  opacity: 1;
  -moz-opacity: 1;
  font-size: 16px;
  font-weight: bold;
  float: right;
  line-height: 0.6em;
  padding: 5px 4px 0 4px;
}
#drupalchat .subpanel_title span.min {
	padding: 2px 4px 0 4px;
}
#drupalchat .subpanel_title:hover span.min {
  filter: alpha(opacity=75); /* For IE */
  opacity: 0.75;
  -moz-opacity: 0.75;
}
#drupalchat .subpanel_title span:hover {
  filter: alpha(opacity=75); /* For IE */
  opacity: 0.75;
  -moz-opacity: 0.75;
}
#drupalchat .subpanel_title span.options {
  background: url(images/options.png) no-repeat 6px center;
  width: 12px;
  height: 12px;
}
#drupalchat .subpanel ul { 
  background: #fff;
  border: none;
  margin: 0;
  overflow: auto;
  width: 100%;
}
#drupalchat .subpanel li {
  background: #fff;
  clear: both;
  display: block;
  float: none; /*--Reset float--*/
  margin: 0;
  overflow: hidden;
  padding: 0; 
  position: static;  /*--Reset relative positioning--*/  
}
#drupalchat .subpanel li:hover {
  background: #EEE;
}
#drupalchat .subpanel li a span {
  float: left;
  margin: 0 8px;
  padding-left: 20px;
}
#drupalchat .subpanel li a {
	border: none;
  display: block;
	font-weight: normal;
  height: 22px;
  line-height: 22px;
  margin: 0;
  padding: 3px 0 3px 8px; 
}
#drupalchat .subpanel li a:hover {
	background: transparent;
	text-decoration: none;
}
#drupalchat .subpanel li.status-1 a {
	background: url(images/online.png) no-repeat 95% center;
}
#drupalchat .subpanel li.status-2 a {
  background: url(images/idle.png) no-repeat 95% center;
}
#drupalchat .subpanel li.link a {
  padding-left: 8px;
}

#drupalchat ul li a.chatboxhead {
  padding: 6px 18px 6px 8px;  
}

/* Chat options */
#drupalchat .subpanel .chat_options {
	background: #F9F9F9;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
	position: relative;
}
#drupalchat .subpanel .item-list {
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}
#drupalchat .subpanel .chat_options a {
	border-left: none;
	border-right: 1px solid #999;
	color: #333;
	float: left;
	padding: 3px 8px 3px 19px;
}
#drupalchat .subpanel .chat_options a.status-1 {
  background: url(images/online_black.png) no-repeat 6px center;
} 
#drupalchat .subpanel .chat_options a.status-2 {
  background: url(images/idle_black.png) no-repeat 6px 49%;
} 
#drupalchat .subpanel .chat_options a.chat_loading {
	background: url(images/loading.gif) no-repeat 4px center;
}
#drupalchat .subpanel .chat_options a.options {
	background: url(images/options.png) no-repeat 6px center;
}

/* Chatbox */ 
.chatbox {
  display: none;
  position: absoloute;
  z-index: 9999;
}
#drupalchat ul li a.chatboxblink {
  background-color: #516ea6;
	color: #fff;
}
.chatboxcontent {
  background-color: #fff;
  color: #fff;
  height: 200px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 7px;
}

.chatboxinput {
  background-color: #fff;
  border-top: 1px solid #b5b5b5;
  padding: 5px;
}
.drupalchat_userOffline {
  background-color: #fff;
  color: #C00;
  font-size: 11px;
  height: 15px;
  width: 239px;
  display: none;
  text-align: center;
  border-top-color: #EEE;
  border-top-style: solid;
  border-top-width: 1px;
}
.chatboxtextarea {
  border: 1px solid #b5b5b5;
  height: 44px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  resize: none;
  width: 226px;
}
.chatboxtextareaselected {
  border: 1px solid #b5b5b5;
  width: 226px;
}
.chatboxusername {
  font-size: 13px;
  margin-top: 3px;
  border-top: 1px solid #EDEDED;
  padding-top: 3px;
  width: 215px;
}
.chatboxusername a {
	border: none !important;
	font-weight: bold; 
}
.chatboxusername a:hover {
	color: #333 !important;
}
.chatboxtime {
  color: #777;
  float: right;
  font-size: 9px;
  font-weight: normal;
}
.chatboxcontent p {
  clear: both;
  color: #222;
  font-size: 13px;
  line-height: 21px;
  margin: 0 4px;
  text-align: left;
  width: 210px;
}
#drupalchat .chatboxcontent p a {
  border: none !important;
  color: #00e; !important;
}
#drupalchat .drupalchatnousers {
  display: block !important;
  font-weight: normal !important;
  height: 22px !important;
  line-height: 22px !important;
  margin: 0 !important;
  padding: 3px 0 3px 8px !important;
  color: #222 !important;
  cursor: pointer;
}
#drupalchat .drupalchatnousers:hover {
  /*color: #FFF !important;*/
}
#drupalchat .drupalchat_popup{
  width: 70px;
  /*height: 100px;*/
  position: absolute;
  display: none;
  z-index: 200;
  background: #FFF;
  border: 1px solid #b5b5b5;
  border-bottom: 2px solid #b5b5b5;
}
#drupalchat .drupalchat_popup ul { 
  background: #fff;
  border: none;
  margin: 0;
  overflow: auto;
  width: 100%;
}
#drupalchat .drupalchat_popup li {
  background: #fff;
  clear: both;
  display: block;
  float: none; /*--Reset float--*/
  margin: 0;
  overflow: hidden;
  padding: 0; 
  position: static;  /*--Reset relative positioning--*/  
}
#drupalchat .drupalchat_popup li:hover {
  background: #516ea6;
}
#drupalchat .drupalchat_popup li a span {
  float: left;
  margin: 0 8px;
  padding-left: 20px;
}
#drupalchat .drupalchat_popup li a {
	border: none;
  display: block;
	font-weight: normal;
  height: 12px;
  line-height: 12px;
  margin: 0;
  padding: 3px 0 3px 8px; 
}
#drupalchat .drupalchat_popup li a:hover {
	background: transparent;
	text-decoration: none;
}



/*lightbox.css*/


/* $Id: lightbox.css,v 1.1.4.28 2010/09/22 10:47:15 snpower Exp $ */
#lightbox {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  min-width: 240px;
  overflow: hidden;
}

#imageContainer, #frameContainer, #modalContainer {
  padding: 10px;
}

#modalContainer {
  line-height: 1em;
  overflow: auto;
}

#loading {
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: 45%;
  /* left: 0%; */
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer>#hoverNav {
  left: 0;
}

#frameHoverNav {
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  position: absolute;
  bottom: 0px;
  height: 45px;
}

#imageData>#frameHoverNav {
  left: 0;
}

#hoverNav a, #frameHoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
}

#prevLink, #framePrevLink {
  left: 0;
  float: left;
}

#nextLink, #frameNextLink {
  right: 0;
  float: right;
}

#prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink {
  background: url(../images/prev.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink {
  background: url(../images/next.gif) right 15% no-repeat;
}

#prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav,
#framePrevLink:hover, #framePrevLink:visited:hover {
  background: url(../images/prev_hover.gif) left 15% no-repeat;
}

#nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav,
#frameNextLink:hover, #frameNextLink:visited:hover {
  background: url(../images/next_hover.gif) right 15% no-repeat;
}

#framePrevLink, #frameNextLink {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  bottom: 0px;
}

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  min-width: 240px;
}

#imageData {
  padding: 0 10px;
}

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}

#imageData #caption {
  font-weight: bold;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}

#imageData #lightbox2-node-link-text {
  display: block;
  padding-bottom: 1.0em;
}

#imageData #bottomNav {
  height: 66px;
}
.lightbox2-alt-layout #imageData #bottomNav,
.lightbox2-alt-layout-data #bottomNav {
  margin-bottom: 60px;
}

#lightbox2-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}

#overlay_default {
  opacity: 0.6;
}

#overlay_macff2 {
  background: transparent url(../images/overlay.png) repeat;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html>body .clearfix {
  display: inline;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}


/* Image location mod */
#bottomNavClose {
  display: block;
  background: url(../images/close.gif) left no-repeat;
  margin-top: 33px;
  float: right;
  padding-top: 0.7em;
  height: 26px;
  width: 26px;
  top:-20%;
  right:41%;
  position:absolute;
}

#bottomNavClose:hover {
  background-position: right;
}

#loadingLink {
  display: block;
  background: url(../images/loading.gif) no-repeat;
  width: 32px;
  height: 32px;
}

#bottomNavZoom {
  display: none;
  background: url(../images/expand.gif) no-repeat;
  width: 34px;
  height: 34px;
  position: relative;
  left: 30px;
  float: right;
}

#bottomNavZoomOut {
  display: none;
  background: url(../images/contract.gif) no-repeat;
  width: 34px;
  height: 34px;
  position: relative;
  left: 30px;
  float: right;
}

#lightshowPlay {
  margin-top: 42px;
  float: right;
  margin-right: 5px;
  margin-bottom: 1px;
  height: 20px;
  width: 20px;
  background: url(../images/play.png) no-repeat;
}

#lightshowPause {
  margin-top: 42px;
  float: right;
  margin-right: 5px;
  margin-bottom: 1px;
  height: 20px;
  width: 20px;
  background: url(../images/pause.png) no-repeat;
}

.lightbox2-alt-layout-data #bottomNavClose,
.lightbox2-alt-layout #bottomNavClose {
  margin-top: 93px;
}
.lightbox2-alt-layout-data #bottomNavZoom,
.lightbox2-alt-layout-data #bottomNavZoomOut,
.lightbox2-alt-layout #bottomNavZoom,
.lightbox2-alt-layout #bottomNavZoomOut {
  margin-top: 93px;
}
.lightbox2-alt-layout-data #lightshowPlay,
.lightbox2-alt-layout-data #lightshowPause,
.lightbox2-alt-layout #lightshowPlay,
.lightbox2-alt-layout #lightshowPause {
  margin-top: 102px;
}

.lightbox_hide_image {
  display: none;
}

#lightboxImage {
  -ms-interpolation-mode: bicubic;
}




/*user_relationships_ui.css*/


/* $id */

.user_relationships_ui_popup_form {
  margin: 5px;
  padding: 5px;
  border: 5px solid black;
  background: #dddddd;
  display: none;
  width: 500px;
  position: absolute;
  z-index: 1000;
}
#user_relationships_popup_form_saving {
  font-weight: bold;
  background: url(images/savingimage.gif) no-repeat 12px 1px;
  display: none;
  padding: 0 1em 0 36px;
  float: left;
}

#user_relationships_popup_form_saving p {
  margin: 0;
}

#user_relationships_popup_form_saving_notice {
  font-size: 0.9em;
  font-style: italic;
  background: #FFC;
}



/*video.css*/


.video_thumbnail {
  min-width: 100px;
  min-height: 100px;
}

.video-width-text {
  width:10px;
}

.video-thumb-selection{

}

.video-thumb-selection .form-item {

}

.video-thumbnails{
  /*  display : block;*/
}
.video-thumbnails .form-item{
  float:left;
  margin-right:10px;
  max-width:30%;
  padding-right:10px;
}

.video-bypass-auto-conversion{

}
.video-default-thumbnail{

}

.video-data{

}

.video_image_teaser {
  float: left;
  padding: 0.5em;
}

br.video_image_clear {
  clear: both;
}

.video_image_view {
  /* inser here rules for node page image */
}

.video-inprogress {
  border: 1px solid red;
  padding: .5em;
}
.video-conversion-failed{
  border: 1px solid red;
  padding: .5em;
}

/* override filefield entry */
.widget-edit{
  max-width:70%;
}

.widget-edit .form-item { white-space: normal !important; }

.admin_flv_player_wrapper { display: none; }

/*
* VIDEO OJBECT FIXES CROSS BROWSER
*/
* html object.video-object {
  display: none;
}

* html object.video-object/**/ {
  display: inline;
}

* html object.video-object {
  display/**/: none;
}

div.video-preview {
  float: left; /* LTR */
  padding: 0 10px 10px 0; /* LTR */
}
div.video-widget-data {
  float: left; /* LTR */
  width: 85%;
}
div.video-widget-data input.text-field {
  width: auto;
}
/**
* Wysiwyg video browser
*/
div#video-browser-page-wrapper div#video-browser-page div.video-item{
  float: left;
  height:128px;
  padding: 5px;
  text-align: center;
  border: 1px #ccc dotted;
}
div#video-browser-page-wrapper div#video-browser-page div.video-item:hover{
  background-color: antiquewhite;
}



/*dlike.css*/


.dlike h2 {
background: #EEE;
font-family: Sans;
padding: 5px;
}

.dlike-user-row {
padding: 25px 0px;
text-align: left;
}

.dlike .view-content a {
color: #666;
text-decoration: none;
}

.dlike-user-row {
padding: 15px 0px;
text-align: left;
}

.dlike-user-row .field-content {
padding: 0px 5px;
}



/*context_reaction_block.css*/

/**
 * Script placeholder markup.
 */
.script-placeholder {
  padding:100px 0px;
  text-align:center;
  }

/**
 * Browser
 */
.context-block-browser {
  width: 600px;
}

.context-block-browser .blocks {
  height:98%;
  overflow: auto;
  float: left;
  width: 320px;
}

.context-block-browser .block-browser-sidebar {
  float: left;
  width: 250px;
  padding: 0 0 0 15px;
}

.context-block-item,
.context-block-browser  .draggable-placeholder,
#admin-toolbar  .context-block-browser  .context-block-item {
  font-size:11px;
  line-height:20px;
  height:20px;

  color:#333;

  padding:3px 3px 3px 3px;
  margin:0px 1px 1px 0px;
  max-width:300px;
  white-space:nowrap;
  overflow:hidden;

  background:#efefef;
  border:1px solid #ddd;
  position:relative;

  border-radius:5px;
  -moz-border-radius:5px;
  -moz-user-select:none;
-  -webkit-user-select:none;
}


  .context-block-addable { cursor: pointer; }

  .context-block-item span.icon {
    background:url(context_reaction_block.png) 0px -80px no-repeat;
    display:block;
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
  }

  .context-block-loading { max-width:none; }

  .context-block-loading span.icon {
    background-position:-20px -80px;
    float:none;
    margin:0px auto;
  }

  .context-block-browser  .draggable-placeholder { padding:2px 1px 1px 2px; }

  #admin-toolbar.horizontal  .context-block-browser  .draggable-placeholder,
  #admin-toolbar.horizontal  .context-block-browser  .context-block-item {
    width:180px;
    margin-right:1px;
    padding-right:9px;
    float:left;
  }


  .context-block-added { display:none !important; }

/**
 * Inline editing elements ============================================
 */
div.context-block-region {display: none;}
a.context-block { display:none !important; }

body.context-editing div.context-block-region {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#666;
  color:#fff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);

  display:block;
  height:40px;
  line-height:24px;

  text-align:center;
  font-size:18px;
  white-space:nowrap;
}

.context-block-region .region-name {
    width:100%;
    text-align:center;
    font-size:18px;
    color:#fff;
    white-space:nowrap;
    padding:;
    display:block;
    -moz-user-select:none;
    -webkit-user-select:none;
  }

body.context-editing .ui-sortable  .block { opacity:.25; }

body.context-editing .ui-sortable  .draggable {
  position:relative;
  opacity:1;
  }

body.context-editing  .draggable-placeholder {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

  background:#fff;
  border:3px dashed #666;
  opacity:.2;
  }

body.context-editing  .draggable:hover a.context-block-remove,
body.context-editing  .draggable:hover a.context-block-handle {
  background:url(context_reaction_block.png) no-repeat;
  cursor:move;
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  right:35px;
  top:-5px;
  z-index:100;
  }

body.context-editing  .draggable:hover a.context-block-remove {
  background-position:-40px 0px;
  cursor:pointer;
  right:-5px;
  }

 .context-block-hidden { display:none !important; }

 .block  .context-block-empty-content {
  text-align:center;
  padding:10px;
  opacity:.5;
  background:#fff;
  color:#666;
  }

/**
 * Block visibility ===================================================
 */
#context-blockform  .context-blockform-selector {
  height:20em;
  overflow:auto;
  }

#context-blockform span.system-blocks { color:#999; }

#context-blockform td.blocks,
#context-blockform td.selector {
  border:1px solid #ddd;
  padding:10px;
  width:50%;
  }

#context-blockform td.blocks  .label,
#context-blockform td.blocks td,
#context-blockform td.blocks th {
  background:#fff;
  padding:5px 5px 4px;
  border:0px;
  border-bottom:1px solid #ddd;
  }

  #context-blockform td.blocks  .label { background:#eee; }
  #context-blockform td.blocks  .label a { float:right; }

#context-ui-items #context-blockform {
  font-size:11px;
  line-height:15px;
  }

#context-ui-items #context-blockform  .form-checkboxes {
  height:auto;
  overflow:visible;
  padding:0px;
  margin:0px;
  border:0px;
  }

#context-ui-items #context-blockform  .form-item { padding:0px; }

#context-ui-items #context-blockform label {
  background:#eee;
  display:block;
  padding:5px;
  line-height:15px;
  }

#context-ui-items #context-blockform label.option {
  background:#fff;
  display:block;
  border:0px;
  }

#context-blockform .tabledrag-toggle-weight-wrapper {
  margin-bottom:0;
  }

a.context-ui-add-link, a:link.context-ui-add-link, a:visited.context-ui-add-link {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#fff;
  cursor: pointer;
  line-height:14px;
}

.editing-context-label {
  position: fixed;
  top:70px;
  background:#fff;
  color:#222;
  padding:10px;
  font-weight:bold;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
  border:1px solid #ddd;
  border-left:0;
  border-radius:0 6px 6px 0;
}

.context-help {
  font-size:12px;
  font-weight:normal;
}

.context-editor-title {
  font-size:24px;
  margin:10px 0px;
  padding:0;
}

.ui-sortable-helper {
  max-width: 300px;
  max-height: 300px;
}



/*alpha-reset.css*/

html, body, div {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit; 
  font-weight: bold;
}

a, p, ul, ol, li, img, span, strong, em {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

table, tbody, tfoot, thead, tr, th, td {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, caption, fieldset, form, label, legend {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

article, aside, figure, footer, header, hgroup, section {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

canvas, details, embed, figcaption, menu, nav, output, ruby, summary, time, mark, audio, video {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

b,
strong {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}




/*alpha-mobile.css*/


/**
 * This will display them grid elements as block rather than inline for mobile browsers 
 * (essentially anything smaller than the narrow grid size, and media query declares. 
 */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

/* Grid panels inside blocks need their margins negated. */
.container-12 .block .omega-grid,
.container-16 .block .omega-grid,
.container-24 .block .omega-grid {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}



/*alpha-alpha.css*/


/* Clearfix fix to prevent padding at bottom of page. FML */
.clearfix:after {
  font-size: 0;
}

/* Skip link styling */
#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}

/* Give pagers and inline LI items simple styling without all the junk from core */
.inline li,
.tabs li,
.breadcrumb li {
  list-style: none;
  display: inline;
  margin-right: 0.5em;
}

.item-list li {
  list-style: none;
}

.pager li {
  display: inline;
  margin-right: 0.25em;
}

img {
  vertical-align: bottom;
}

.field-label-inline .field-label,
.field-label-inline .field-items,
.field-label-inline .field-item {
  display: inline;
}


/*formalize.css*/

/* UI Consistency */
::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px 4px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 0px; /* IE7 */
}

button {
  *padding-top: 1px; /* IE7 */
  *padding-bottom: 1px; /* IE7 */
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  height: 1.8em;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 1px; /* IE7 */
  *height: auto; /* IE7 */
}

/* Separate rule for Firefox. Cannot stack with WebKit's. */
input.placeholder_text,
textarea.placeholder_text,
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

::-webkit-input-placeholder {
  color: #888;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  z-index: 1; /* For Opera */
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(../images/select-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* IE6 */
.ie6-button,
* html button {
  background: #ddd url(../images/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6-input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6-input-disabled,
.ie6-button-disabled {
  color: #888;
}

.ie6-input-disabled {
  background: #eee;
}




/*omega-text.css*/


body {
  font: 13px/1.5 Verdana, Helvetica, Arial, sans-serif;
}

a:link, a:visited {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #202124;
  text-decoration: none;
}

a:active {
  color: #202124;
  text-decoration: none;
  color: #000;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.05em;
  font-family: Georgia, 'Times New Roman', serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

/* Make site titles the same size if it's an H1 (home) or H2 (internal) */
h1.site-name,
h2.site-name {
  font-size: 36px;
}

/* Make it a bit smaller for block headers */
h2.block-title {
  font-size: 18px;
  margin: 0;	
}

h2.node-title {
  font-size: 28px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

ul ul,
ol ol {
  padding-top: 0.5em;
}

.node ol,
.node ul {
  padding-left: 1.2em;
}

.node ul.inline,
.node ol.inline {
  padding-left: 0;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol,
ul, pre, table, address, fieldset {
  margin-bottom: 20px;
}

dt, .admin h3 {
  font-size: 18px;
  margin: 0;
}

dd {
  padding-left: 10px;
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 20px;
}




/*omega-branding.css*/


.logo-img {
  float: left;
  margin-right: 20px;
}

.site-name-slogan {
  float: left;
}

.site-name {
  margin-top: 20px;
}

.site-name a {
  text-decoration: none;
}

.site-name,
.site-slogan {
  margin-bottom: 0;
  line-height: 1em;
}

.site-slogan {
  font-weight: normal;
}



/*omega-menu.css*/

.menu {
  margin: 0;
  padding: 0;
}

.menu li {
  list-style: none;  
}



/*omega-forms.css*/


.form-actions input {
  margin-right: 0.5em;
}

.form-actions input:hover {
  background: #FFFFFF;
}

label {
  font-weight: bold;
}




/*omega-visuals.css*/


/* Pagers Positioning */
.item-list .pager {
  padding:0;
  margin: 0;
}

.item-list .pager li,
.item-list .pager ul li {
  margin: 0;
  padding: 0;
  float: left;
}

.item-list .pager {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-align: left;
}

.pager li a {
  display: inline-block;
}

.pager li.pager-ellipsis,
.pager li.pager-current,
.pager li a {
  padding:4px 8px;
  text-decoration: none;
}

.pager li.pager-current {
  padding:4px 8px;
  font-weight: bold;
}

.pager li.pager-first a,
.pager li.pager-previous a,
.pager li.pager-next a,
.pager li.pager-last a {
  width: 50px;
  text-align:center;
  padding: 4px 0;
}

.pager li.pager-next {
  position: absolute;
  top: 0;
  right: 50px;
}

.pager li.pager-last,
.pager li.pager-next.last {
  position: absolute;
  top: 0;
  right: 0;
  border-right: 0;
}

/* Pagers color */
.pager li.pager-ellipsis,
.pager li.pager-current,
.pager li a {
  color:#1a1a1a;
}

.pager li {
  border-right: 1px solid;
  border-color: #ddd #bbb #999;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
}

.pager li.pager-current {
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(1, #5a5a5a));
  background: -moz-linear-gradient(top center, #1a1a1a 0%, #5a5a5a 100%);
  color: #FFF;
  outline: 0;
}

.pager li.pager-next {
  border-left: 1px solid;
  border-color: #ddd #bbb #999;
}

.pager li a {
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  cursor: pointer;
}

.pager li a:hover {
  background:#FFF;
  color:#454545;
}

/* Add default border radius to list items & links */
.pager {
  background:#ebebeb;
  border:1px solid;
  border-color: #ddd #bbb #999;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.pager li.first,
.pager li.first a,
.pager li.first a:hover {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}

.pager li.pager-last,
.pager li.pager-last a,
.pager li.pager-last a:hover {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

table {
  border: 1px solid #CCC;
  width: 100%;
}

thead th, th {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  color: #333;
}

td, th {
  padding: 4px 8px;
  vertical-align: middle;
}

th a, th a:link, th a:visited {
  text-decoration: none;
}

th a {
  display: block;
}

th a img {
  margin: 0 0 0 5px;
}

th.active {
  background: #DDD;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/* Odd & Even Styles */
tr.even td {
  background: #F1F5FA;
}

tr.odd td {
  background: #fff;
}

td.active {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

tr.even td.active {
  background: #e5e9ed;
}

tr.odd td.active {
  background: #f2f2f2;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #FFFEEE;
}

td ul.links {
  margin-bottom: 0;
}

.node-links ul li a,
.comment-links ul li a {
  text-transform: lowercase;
  display: block;
  float: left;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 4px 10px 3px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

.node-links ul li a:hover,
.comment-links ul li a:hover {
  background: #FFF;
}

.tips,
.description {
  font-size: 10px;
  color: #6a6a6a;
}




/*global.css*/


/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@font-face
{
	font-family: Calibri;
	src: url('Calibri.ttf')}
@font-face
{
	font-family: calibrib;
	src: url('Calibribnew.TTF'), url('CALIBRIB-webfont.eot');;
}
input::-ms-clear {
	display: none;}
input[type=password]::-ms-reveal {
    display: none;}
::-webkit-input-placeholder {
    text-align:center;
}
:-moz-placeholder {
    text-align:center;
}
:-ms-input-placeholder {
    text-align:center;
}
body{
	background-image: url("../images/logo.png");
	font-family:Calibri;
	min-width:960px;}
.zone {
	background:#fff;}
.outer_wrapper{
	float:left;
	width:940px;}
.outer-wrapper{
	width:960px;}
.page-node-73 #zone-menu{
	width:960px;}
.page-user .region-content-inner, .page-messages .region-content-inner{ width:460px;}
.home-page-custom-zone{
	width:960px;
	background:#fff !important;}
.homepage-sidbar{ width:460px; float:left;}
.ad-zone-side-bar{ width:300px;}
.videos-page{ width:620px; float:left !important;}
.front .homepage_header_rightsidebarll{
	width: 741px !important; display:none;}
.login_header .homepage_header_rightsidebar_logos{ display:block !important;}
.homepage_header_rightsidebar_logos{ display:none;}
.homepage_header_rightsidebar{
	width: 840px;
	 overflow: hidden;
	float: left;
	display:block;
	border-right: 1px solid;
	font-family: Myriad Pro;
	background:yellow;}
.homepage_header_rightsidebarlogin{
    background-image: url("../images/dollar_bg.png");
	background-repeat:no-repeat;
	background-size:848px 40px;
    background-position: 0 1px;
    float: left;
    margin-left: 3px;
    text-align: center;
    width: 719px;}
.homepage_header_rightsidebarlogin .homepage_header_sitename{
  background: none repeat scroll 0 0 #00FA71;
    border-left: 1px solid;
    border-right: 1px solid;
    font-family: Calibri;
    font-size: 28px;
    margin-left: 5.3%;
    padding: 0;
    text-decoration: none !important;}
.logged-in .homepage_header_rightsidebarlogin .homepage_header_sitename{margin-left: 253px;    width: 240px;}
.logged-in .homepage_header_rightsidebar1_space{ width:6%;}
.homepage_header_rightsidebar1{
	background:#FFFF00;
	background-image: url("../images/dollar_bg.png");
	background-repeat:repeat-x;
	background-size: 848px 40px;
	background-position:-3px 1px;
    float: left;
    margin-left: -1px;
    text-align: center;
    width: 847px;
	}
.homepage_header_rightsidebar1_space{
	background: none repeat scroll 0 0 #0070C0;
    float:left;
    height: 42px;
    width: 92px;
	display:block;
	position:relative;
	color:#fff;}
.click_on_country_sel{
	height: 42px;
    position: relative;
    width: 88px;
	z-index:1;
	opacity:0;
	font-family:calibri;
	}
.click_on_country{
	position:absolute;
	z-index:0;
	top:0;
	font-size: 14px;
    padding-top: 1px;
	font-size: 16px;
    padding-top: 1px;
    line-height: 21px;
	font-family: Calibri !important;}
.click_on_country span{ text-decoration:underline;}
.homepage_header_sitename{
    background: none repeat scroll 0 0 #00FA71;
    border-left: 1px solid;
    border-right: 1px solid;
    display: block;
    font-family: Calibri;
    font-size: 28px;
    margin: 0 auto 0 341px;
    text-decoration: none !important;
    width: 249px;}
.homepage_header_rightsidebar2{
	font-family: calibri;
	background: none repeat scroll 0 0 #73FBF8;
    border-bottom: 1px solid #56BCBA;
    border-top: 1px solid #56BCBA;
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;}
.homepage_header_rightsidebar3{
	background: none repeat scroll 0 0 #000000;
	font-family: Calibri;
    color: #FFFFFF;
    float: left;
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;}
.homepage_header_rightsidebar3 span{
	font-size: 23px;}
.login_header .homepage_header_logo{
	height:96px;}
.homepage_header_logo_6{padding: 0 13px; float:left;}
.homepage_header_logo_6 img{ width:94px;}
.homepage_header_logo{
	height:98px;
	width: 67px;
	background: #ffffff;
	float: left;
	display:block;
	padding-left: 7px;
	border-top: 1px solid #fff;}
.homepage_header_bottom{
	background: none repeat scroll 0 0 #00FA71;
    border-bottom: 1px solid;
    border-top: 1px solid;
    display: block;
    float: left;
    font-family: Calibri;
    text-align: center;
    width: 100%;}
.homepage_sidbar{
	display:block;}
.homepage_sidbar_first{
	text-align: center;
	font-family: Calibri;
	border-right: 1px solid #000000;}
.homepage_sidbar_first .search_videos_tag{
	background: #73fbf8;
	height: 50px;
	font-size: 36px;
	border-bottom: 1px solid #dcfefd;}
.homepage_sidbar_first .search_videos_name{
	height: 41px;
	background: #fff;}
.input_field .form-item{
	margin: 0;}
.homepage_sidbar_first .search_videos_name input, .search_profile_name input, .input_field input{
	width: 253px;
	border: none;
	font-family: Calibri;
	font-size: 18px;
	text-align: center;
	height: 100%;
	color: #000;}
/* all */
::-webkit-input-placeholder { color:#000;  font-size: 16px;}
::-moz-placeholder { color:#000;  font-size: 16px;} /* firefox 19+ */
:-ms-input-placeholder { color:#000; font-size: 16px; } /* ie */
input:-moz-placeholder { color:#000;  font-size: 16px;}
.homepage_sidbar_first .search_bold{}
.homepage_sidbar_first .search_videos_click{
	height: 44px;
	background: #FF99FF;
	font-size: 24px;
	line-height: 46px;}
.homepage_sidbar_first .views-widget-filter-combine, .homepage_sidbar_first .views-widget-filter-title{
	padding: 0;
    width: 100%;}
.homepage_sidbar_first .views-widget-filter-combine{}
.homepage_sidbar_first .form-type-textfield input{}
.homepage_sidbar_first .form-type-textfield input, .homepage_sidbar_first .views-widget-filter-title input{
    border: medium none;
    font-size: 19px;
    padding: 1% 0;
    text-align: center;
    width: 100%;}
.homepage_sidbar_first .views-widget-filter-tid{
	padding: 0;
    position: absolute;
    right: 0;}
.homepage_sidbar_first .views-submit-button{
	background: none repeat scroll 0 0 #FF99FF;
	position:relative;
    font-size: 24px;
    padding: 1.4% 0;
    width: 100%;}
.homepage_sidbar_first .views-submit-button input{
	opacity:0;
	position:relative;
	z-index:1;
    background: url("../images/click_on_search2.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #000000;
    font-family: Calibri;
    font-size: 24px;
    font-weight: normal;
    margin: 0 !important;
    text-decoration: underline;
    text-shadow: none;
    vertical-align: baseline;
    width: 100%;}	
.click_on_bar{
	font-size:24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;}
.front.logged-in .click_on_bar{
	font-size:56px !important;
	top: 36px;
}

.front.logged-in .click_on_bar{
	display:block;
}
.logged-in .click_on_bar{
	display:none;
}
.click_on_home{
	text-decoration:underline;}
.search_home{
font-family:Calibrib;
    font-weight: bolder;
}
.logged-in .search_home {
    font-family: inherit;
}
	/*.homepage_sidbar_first .views-submit-button input{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: Calibri;
    font-size: 24px;
    font-weight: normal;
    margin: 0 !important;
    text-decoration: underline;
    text-shadow: none;
	vertical-align:baseline;
	color: #000000;}*//*according to mail*/
.homepage_sidbar_first{
	font-family:Calibri;}
.homepage_sidbar_first .views-exposed-widgets{
	margin:0;}
.homepage_sidbar_first .view-content{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    max-height: 175px;
    position: absolute;
    width: 101%;}
.homepage_sidbar_first .post_videos_tag{
	background: #cc0066;
	color: #fff;}
.homepage_sidbar_first .post_videos_tag p, .homepage_sidbar_first .become_member p{
	margin: 0;}
.homepage_sidbar_first .post_videos_tag .search_videos_tag1{
	font-size: 28px;}
.homepage_sidbar_first .post_videos_tag .search_videos_tag2{
	font-size: 26px;}
.homepage_sidbar_first .become_member{
	background: #ffff00;
	padding: 0% 0;}
.homepage_sidbar_second #advance_user_search .views-submit-button input{
    background: url("../images/click_on_search2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    font-size: 22px;
    font-weight: normal;
    opacity: 0;
    padding-left: 0;
    padding-right: 1px;
    position: relative;
    width: 464px;
    z-index: 1;}
.homepage_sidbar_second .view-advance-user-search .views-submit-button b{ display:none;}/*according to mail*/
	/*.homepage_sidbar_second #advance_user_search .views-submit-button input{ 
	 font-weight:normal;
	 padding-right: 1%;
	 padding-left: 0;
	 font-size: 22px;}*//*according to mail*/
.homepage_sidbar_first .become_member .become_member_tag1{
	font-size: 36px;}
.homepage_sidbar_first .become_member .become_member_tag2{
	font-size: 48px;
    line-height: 54px;}
.homepage_sidbar_first .click_signup{
    background:/* url("../images/click_on_signup2.png") no-repeat scroll center center */#FF99FF;
    font-size: 36px;
    height: 65px;
    line-height: 67px;
	position:relative;}
/*.homepage_sidbar_first .click_signup{
	background: #ff99ff;
	height: 63px;
	font-size: 36px;
	line-height: 67px;}*//*according to mail*/
.homepage_sidbar_second{
    border-left: 1px solid #000000;
    margin-left: -6px;
    width: 465px;
	/*border-left: 1px solid #bfbfbf;*/}	
.homepage_sidbar_second, .homepage_sidbar_first{
	 height: 385px;}
.homepage-sidbar-2nd{ float:right !important;}
.search_profile{
	height: 37px;
	background: #ffff00;
	/*background: url("../images/rgb_yellow.png") repeat scroll 0 0 transparent;*/
	text-align: center;
	font-size: 27px;
	font-family: Calibri;	
	/*border-top: 1px solid #4b9daa;*//*according to mail*/}
.search_profile_detail{
	height: 37px;
	background: #fff;}
.search_profile_detail .search_profile_state, .search_profile_detail .search_profile_gendar, .search_profile_detail .search_profile_age{
	background: #0070c0;
	height: 100%;
	width: 10%;
	float:left;}
.click_search_detail{
	background: #eda5de;
	height: 38px;
	font-size: 24px;
	text-align: center;}
.search_profile_name{
	height: 31px;
	background: #fff;}
.click_search_name{
	background: #ff99ff;
	height: 20px;
	font-size: 24px;
	text-align: center;
	visibility: hidden;}
.ie .quick_login{
	height: 157px;}
.webkit .quick_login{
	height: 157px;}
.quick_login .eye_pass{
    background: url("../images/reveal_icon.png") no-repeat scroll center center / 65% auto rgba(0, 0, 0, 0);
    border-radius: 0;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
	}
.quick_login{
	height: 156px;
	background: #00fa71;}
.quick_login .messages-inline{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    color: #FF0000;
    margin: 0;
    padding: 0;
	font-size:14px;
	}
#edit-insertpost-valueIFrame body{ font-family:Calibri;}
.quick_login .form-item{
	height:100%;
	}
.quick_login p{
	margin: 0;
	text-align: center;
	font-size: 28px;
	font-family: Calibri;}
.click_login{
	height: 49px;
	background: #ff99ff;
	text-align: center;
	font-size: 28px;
	font-family: Calibri;
	position:relative;}
.login_feilds{width: 100%;
	float: left;}
.login_feilds .feilds_label{
	width: 45.8%;
	float: left;}
.login_feilds .feilds_label .label1{
	font-size: 22px;
	font-family: Calibrib;
	margin-top: 2px;
	float: left;
	text-align: center;
	width: 100%;}
.login_feilds .feilds_label .label2{
	float: left;
	font-size: 10px;/*according to mail*/
	font-family: Calibri;
	text-align: center;
	width: 100%;}
.login_feilds .input_field{
	position:relative;
	width: 54.2%;
	height: 32px;
	background: #fff;
	float: left;}
.fooet_area{
	border-top: 1px solid;
	background: #73fbf8;
	height: 120px;
	text-align: center;
	float: left;
	width: 940px;
	font-family: Calibri;}
.underline_remove{ text-decoration:none !important;}
.shorten_height{ height:92px !important;}
.footer_content{
	/*background: none repeat scroll 0 0 #74F4FA;*/
	/*background: none repeat scroll 0 0 #73FBF8;*/
    font-size: 14px;
    font-weight: normal;
    height: 70px;
    margin: 17px auto 0;
    width: 429px;
	    
}
.logged-in .footer_content{
	margin: 8px auto 0;
	}
.footer_content p{
	margin: 0;
	text-align:left;
	padding-left:9px;}
.faq{
	padding: 1% 0;}
.faq span{
	color: #0f81c7;}
.click_contact{
	color:#0f81c7;}
.click_login input{
    background: url("../images/click_on_login2.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #000000;
    cursor: pointer;
    font-family: Calibri;
    font-size: 28px;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
    text-shadow: none;
    vertical-align: baseline;
    width: 100%;
	height: 49px;
	opacity:0;
	position:relative;
	z-index:1;}
/*.click_login input{
	background: none;
	border: none;
	font-size: 28px;
	font-weight: normal;
	font-family: Calibri;
	text-decoration: underline;
	color: #000;
	cursor:pointer;
	text-shadow: none;
	padding:0;
	vertical-align:baseline;
	}*//*according to mail*/
.homepage_sidbar_second #advance_user_search  .views-submit-button{
	background: none repeat scroll 0 0 #FF99FF}
.homepage_sidbar_second #advance_user_search .view-content,.homepage_sidbar_second #advance_user_search .view-empty{
	background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    text-align: center;
    width: 101%;
    z-index: 1;}
.homepage_sidbar_second .view-search-users .views-widget-filter-name input{
	width: 100%;
	border: none;
	font-family: Calibri;
	font-size: 18px;
	text-align: center;
	color: #000;
	height: 31px;
	cursor: text;}
.homepage_sidbar_second .view-search-users .views-submit-button input{
    background: url("../images/click_on_search2.png") no-repeat scroll center center transparent;
    border: 0 none;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding-left: 0;
    padding-right: 1%;
    width: 464px;
	position:relative;
	z-index:1;
	opacity:0;
}
/*.homepage_sidbar_second .view-search-users .views-submit-button input{
    background: none repeat scroll 0 0 #FF99FF;
    border: medium none;
    color: #000000;
    cursor: pointer;
    font-family: Calibri;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 0.3%;
    text-decoration: underline;
    text-shadow: none;
	vertical-align:baseline;
	}*//*according to mail*/
.search_profile_name_views .views-submit-button{width: 100%;}
.homepage_sidbar_second .view-search-users{
	opacity: 1;
	position: absolute;
	bottom: 52%;
	width: 101%;
	}
#user_searching_screenname_friend{}
#user_searching_screenname_friend #edit-name-wrapper{ width:100%; padding:0;}
.page-node-73 #advance_user_search .views-exposed-widgets{ margin-bottom:0;}
#user_searching_screenname_friend .views-submit-button{
	background: none repeat scroll 0 0 #FF99FF;
    padding: 0;
    width: 100%;}
#user_searching_screenname_friend #edit-name{height: 28px;width: 100%;border:1px solid #000000 !important;text-align:center;}
#user_searching_screenname_friend #edit-submit{
	margin: 0;
    width: 100%;}
.homepage_sidbar_second .view-search-users	.view-content{
	position: absolute;
	width: 100%;
	background: #fff;}
.homepage_sidbar_second .view-search-users .views-exposed-widget {
	padding: 0;
	margin:0;
	width: 100%;
	position:relative;
	}
.homepage_sidbar_second .view-search-users .views-submit-button{
	padding: 0;
	margin:0;
	width: 465px;
	background: none repeat scroll 0 0 #FF99FF;
	text-align:center;
	font-size:22px;
	font-family: Calibri;
	}
.homepage_sidbar_second .view-search-users .views-exposed-form .views-exposed-widgets{
	margin:0;
	}
.homepage_sidbar_second #advance_user_search .homepage_sidbar_second .ajax-progress .throbber{
	position:absolute;
	right:5%;
	top:20%;
	}
.homepage_sidbar_second .view-search-users .ajax-progress .throbber{
	position:absolute;
	right:5%;
	top:55%;

}
.singup_page2{
	margin-left:0 !important;
	width:100% !important;}
.singup_page2 #agree_not-agree{
	width:100% !important;}
.singup_page2 #agree{
	margin-right: 5% !important;
    width: 44% !important;}
#singup_page{  
	float: left;
    margin-left: -6%;
    margin-top: 7%;
    width: 930px;}
#singup_page .agree2{
	background: none repeat scroll 0 0 #00DA63 !important;
    position: relative;
    top: -146px;
    width: 100% !important;
	z-index:0;}
/*#singup_page{
width: 100%;
float: left;
margin-top: 13%;
	}*/
.page-user .breadcrumb, .page-node-123 .breadcrumb{ }	
#singup_page #user_agreement{
	width: 600px;
	border: 1px solid;
	height: 150px;
	margin: 0 auto;
	background: #ffff00;
	text-align:center;}
#singup_page #user_agreement h4{
	font-size: 54px;
	font-weight: bold;
	font-family: Calibri;
	margin: 0;}
#singup_page #user_agreement span{
	font-size: 48px;
	letter-spacing: 9px;
	}
#singup_page #agree_not-agree{
	padding: 0 3%;
	margin-top: 3%;
	margin-bottom: 3%;
	float: left;
	width: 860px;}
#singup_page #agree_not-agree #agree{
	width: 404px;
	background: #ff0000;
	height: 145px;
	float: left;
	border: 1px solid;
}
#singup_page #agree_not-agree .container h4{
	font-family: calibri;
    font-size: 33px;
    line-height: 51px;
    margin: 1% 0 -1%;
	}
#singup_page #agree_not-agree .container{
	text-align:center;
	}
#singup_page #agree_not-agree .container .agreement_txt{
    display: block;
    font-family: Calibri;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-top: 2%;
	}
#singup_page #agree_not-agree #not-agree{
	width: 48%;
	height: 145px;
	background: #00da63;
	float: right;
	border: 1px solid;}
#singup_page #user_registration{
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
    padding: 0 15%;
    top: -2%;
	}
.login_header_container{
	width: 100%;
/*	//padding-top: 4.4%;*/
	background: #b7ffff;}
.login_header{
	float: left;
	width: 825px;
	}
.login_header_left{
    background: none repeat scroll 0 0 #FF4F4F;
    float: left;
    font-family: Calibri;
    font-size: 13px;
    padding: 10px 0 9px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;	
	}
.login_header_right{
	float: left;
	width: 102px;
	background: #00b0f0;
	text-align: center;
	}
.login_header_right a{
	padding: 2px 0;
	color: #fff;
	text-decoration: none;
	font-size: 13px;}
.login_header .homepage_header_rightsidebar3{
	font-size: 17px !important;
    padding: 5px 0;
	}
.login_header .homepage_header_rightsidebar2{
	font-size:0.9em !important;
	}
.login_header .homepage_header_rightsidebar3 span{font-size:17px !important;}
#welcome_page_container{
	background: #b7ffff;
	width: 940px;
	float: left;
	}
#welcome_page_container p{
	margin: 0;
	font-family: Calibri;
	font-size: 85px;
	text-align: center;
	}
#welcome_page_container #video_section {
	padding: 0 4%;
	float: left;
	width: 865px;
	padding-bottom: 22px;}
#welcome_page_container #video_section .post_search_videos{
	width: 415px;
	float: left;}
#welcome_page_container #video_section .post_search_videos2{
	margin-left: 4%;
}
#welcome_page_container #video_section .post_search_videos2 .header_text{
    background: none repeat scroll 0 0 #FFFF00 !important;
    color: #000000 !important;
    font-size: 46px !important;
    padding: 11px 0;
	}
#welcome_page_container #video_section .post_search_videos .header_text{
	background: #0070c0;
	font-size: 61px;
	font-family: Calibri;
	text-align: center;
	color: #fff;}
.post_browes_cont{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    height: 40px;
    position: relative;
    width: 413px;	}
.post_browes_cont .custom_browse_btn{
    background: none repeat scroll 0 0 #D6D6D6;
    border: 1px solid #999999;
    border-radius: 4px;
    left: 340px;
    line-height: 3;
    padding: 9px 15px;
    position: relative;}
#welcome_page_container #video_section .post_search_videos .header_input{}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form{position:relative;}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-exposed-widget{padding: 0;}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form  .views-widget-filter-title{
	width: 100%;
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form  .views-widget-filter-title input{
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-widget-filter-tid{
	position:absolute;
	right: 0;
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-widget-filter-tid select{
	border:1px solid;
	border-left:none;
	border-bottom:none;
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-widget-filter-tid select:active,#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-widget-filter-tid select:focus{
	box-shadow:none;
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-submit-button{
	width: 100%;
	background: #8f45c7 ;
	color: #fff ;
	font-size: 57px ;
	    height: 89px;
	font-family: Calibri;
	text-align: center;
	}
#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-submit-button input{
	font-size: 55px;
	margin: 0;
	background: url(../images/click_on_search1.png) no-repeat center center;
	background: transparent !important;
	border: none;
	text-shadow: none;
	color: #fff;
	text-decoration: underline;
	padding: 0;
	font-weight: lighter;
	margin-right: 0%;
	margin-left: 1%;
	width: 95%;
	background-size: contain;
	height:71px;}
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active{ box-shadow:none;}
/*#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-submit-button input{
	width:auto;
	font-size: 55px ;
	margin: 0;
	background: none;
	border: none;
	text-shadow: none;
	color: #fff;
	text-decoration: underline;
	padding: 0;
	font-weight: lighter;
	margin-right: 2%;
	margin-left: 1%;
	}*/
#welcome_page_container #video_section .post_search_videos .header_input .ajax-progress .throbber{
	position:absolute;
	left:2%;
	top:8%;}
#welcome_page_container #video_section .post_search_videos .header_input input{
	width: 100%;
	border: 1px solid;
	font-family: Calibri;
	font-size: 18px;
	text-align: center;
	height: 100%;
	color: #000;
	padding: 2.1% 5%;}
#welcome_page_container #video_section .post_search_videos2 .clickon{
	background:#8f45c7 !important;
	color:#fff !important;
	font-size: 57px !important;
	padding: 0.8% 0;}
#welcome_page_container #video_section .post_search_videos2 .clickon a{
	color:#fff !important;}
#welcome_page_container #video_section	#edit-combine-wrapper{ width:100%;}
#welcome_page_container #video_section .post_search_videos .clickon{
	background: #21ff85;
	font-size: 60px;
	text-align: center;
	font-family: Calibri;}
#videos_uloading_note{
	background: #000;
	color: floralwhite;
	float: left;
	margin: 0 3%;
	font-size: 13px;
	font-family: Calibri;
	width: 92%;
	padding: 1%;}
	/*hide default  */
.branding-data .logo-img, #first-time{
	display:none !important;}
#photo_banner{
	background: #0070c0;
	color: #fff;
	font-size: 48px;
	font-family: Calibri;
	font-weight: bold;
	text-align:center;}
#photo_banner span{
	font-size: 100px;
	color: #f078a3;}
#photos_container{
	font-family:Calibri;
	}
#photos_container #post_photo{
	float:left;
	position:relative;
	}
#photos_container #post_photo input{
	border-left:none;
	}
#photos_container #add_profile_photo{
	float:right;
	}
#photos_container #add_profile_photo .photo_input input{
    font-size: 12px;
	height:45px;
	cursor:pointer;
}
.field-name-field-upload-image img{ width:100%; height:100%;}

#photos_container #add_profile_photo .photo_input .form-item{margin: 0;}
#photos_container #add_profile_photo .photo_input .form-type-file{
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 460px;
    z-index: 1;}
#photos_container #add_profile_photo .photo_input .custom_browse{
    border: 1px solid;
    height: 44px;
    position: relative;
    z-index: 0;
	}
#post_photo .custom_browse{
	border: 1px solid;
    height: 44px;
    position: relative;
    z-index: 0;}
#post_photo .custom_browse_btn{
    background: none repeat scroll 0 0 #D6D6D6;
    border: 1px solid #999999;
    border-radius: 4px;
    left: 386px;
    line-height: 3.4;
    padding: 10px 15px;
    position: relative;
	}
#photos_container #add_profile_photo .photo_input .custom_browse_btn{
    background: none repeat scroll 0 0 #D6D6D6;
    border: 1px solid #999999;
    border-radius: 4px;
    left: 386px;
    line-height: 3.4;
    padding: 10px 15px;
    position: relative;
	}
#photos_container #add_profile_photo input{
	border-right:none;
	}
#photos_container .photo_sidebars{
	width: 49%;
	background: #fff;
	}
#photos_container .photo_text{
	font-size: 36px;
	text-align: center;
	font-family: Calibri;}
#photos_container .photo_input{
	}
#photos_container .photo_input input{
	width: 100%;
	font-size: 25px;
	border: 1px solid;}
#photos_container .photo_click {
	font-size: 27px;
	text-align: center;
	background: #00f26d;
	padding: 1px 0;}
#photos_container .photo_click a{
	}
#photos_container .photo_click input{
	background: none;
	border: none;
	text-shadow: none;
	font-size: 25px;
	font-weight: normal;
	text-decoration: underline;
	padding: 1px 10px 4px;
	color:#000;
	}
#friends_wrapper{width: 100%;}
#friends_wrapper #list_frinds{
	float: left;
    text-align: center;
    width:423px;
	}
#friends_wrapper #list_frinds #list_frinds_header{font-size: 24px;
	font-family: Calibri;}
#friends_wrapper #list_frinds ul{list-style: none;}
#friends_wrapper #list_frinds ul li{}
#friends_wrapper #list_frinds ul li a{text-decoration: none; }
#friends_wrapper #add_new_friends{
	 float: left;
    width: 517px;
	}
#friends_wrapper #add_new_friends #add_new_friends_text{
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-family: Calibri;
    font-size: 16px;
    text-align: center;	
	}
#friends_wrapper #add_new_friends #add_new_friends_text p{
	margin:0;
	}
#friends_wrapper #add_new_friends #user_search_details{
	 float: left;
    width: 100%;
	}
#friends_wrapper #add_new_friends #user_search_details #user_search_state{ background: none repeat scroll 0 0 #558ED5;}
#friends_wrapper #add_new_friends #user_search_details #user_search_gender{ background: none repeat scroll 0 0 #FFFF01;color:#000;}
#friends_wrapper #add_new_friends #user_search_details #user_search_gender a{ 
color:#000;}
#friends_wrapper #add_new_friends #user_search_details #user_search_age{ background: none repeat scroll 0 0 #7030A0;}
#friends_wrapper #add_new_friends #user_search_details .user_search_feilds{
	color: #FFFFFF;
    float: left;
    font-family: Calibri;
    font-size: 11px;
    padding: 1% 3%;
    text-align: center;
    width: 13%;
	}
#friends_wrapper #add_new_friends #user_search_details .user_search_feilds a{color: #FFFFFF;}
#friends_wrapper #add_new_friends #click_on_username_search{
    background: none repeat scroll 0 0 #FF0000;
    float: left;
    font-size: 20px;
    padding: 1% 0;
    text-align: center;
    width: 100%;
	font-family: Calibri;	
	}
#friends_wrapper #add_new_friends #add_friends_text{
	background: none repeat scroll 0 0 #21ff85;
    width: 100%;
    float: left;
	margin-top: 2%;
	font-size: 24px;
	padding: 1% 0;
	font-weight:bold;	
	text-align: center;
	font-family: Calibri;
	}
#friends_wrapper #add_new_friends #add_friends_input{
	width: 100%;
    float: left;
	border-left:1px solid;
	height:40px;
	font-family: Calibri;
	text-align:center;
	}
#friends_wrapper #add_new_friends #click_on_send_request{
	width: 100%;
	background: none repeat scroll 0 0 #ff99ff;
    float: left;
	text-align: center;
	font-size: 24px;
	font-weight:bold;	
	font-family: Calibri;
	padding: 1% 0;
	}
#friends_wrapper #add_new_friends #click_on_send_request input{
	background: url("../images/click_on_send_req.png") no-repeat scroll center center transparent;
    border: medium none;
    color: black;
    font-family: Calibri;
    font-size: 25px;
    font-weight: bold;
    padding: 2% 0;
    text-decoration: underline;
    text-shadow: none;
    width: 100%;
	}
#ad_zone_no_3{
	width:300px;
	position:fixed;
	height:250px;
	background:#9bbb59;
	}
#ad_zone_no_4{
	position:fixed;
	width:300px;
	height:250px;
	background:#f79646;
	}
.fixed_ad_1{
	width:214px;
	height:90px;
	float:left;
	}
.fixed_ad_1 #header_ad_other_page{
	position:fixed;}
.videos-page .node-videos .flowplayer{
	margin-top: 0.4%;
	height:407px !important;
    width: 103% !important;}

#header_ad_section{
	width: 940px;
	float:left;
	font-family: Calibri;
}
#header_ad_section #header_ad_zone_1{

	background: #c0504d;

}
#header_ad_section #header_ad_zone_2{
	width: 43.2%;
	padding: 5% 0;
	background: #548dd4;
}
#header_ad_section #header_ad_other_page{
	width: 214px;	
	}
#header_ad_section #header_ad_other_page #click_on_homepage{background: #9cdced;}
#header_ad_section #header_ad_other_page #click_on_postvideo{background: #00F26D;}
#click_on_postvideo2{
	background: none repeat scroll 0 0 #43FF98;
    font-size: 13px;
    padding: 5.5px 0 9.5px;}
#header_ad_section .header_regions{
	float: left;}
#header_ad_section #header_ad_other_page .click_on_otherpage{
	font-size: 18px;
    padding: 1.3px 25% 3px;
    text-align: center;
}
#header_ad_section #header_ad_other_page .click_on_otherpage_non_mem{
	font-size: 21px;
    padding: 14px 0;
}
#footer_for_videos{
	background: #b6dde8;
	font-family: Calibri;
	font-size: 35px;
	width:68%;
	float:right;
	text-align: center;
	padding: 1% 0% 3% 0%;
	}
#footer_for_green{
    background: #00F26D;
    font-family: Calibri;
    font-size: 35px;
    width: 68%;
    float: right;
    text-align: center;
    padding: 1% 0% 3% 0%;
	}
#chat_profile_wrapper{
	width: 639px;
	margin-left: -13px;
	float: left;
	font-family: Calibri;
    max-height: 478px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#chat_profile_wrapper #profile_photo_content{
	width: 100%;
	float: left;}
#chat_profile_wrapper #profile_photo_content #profile_image_section{
	width: 35%;
	float: left;
	}
#chat_profile_wrapper #profile_photo_content #profile_image_section #profile_image{ 
	height: 225px;
	border: 1px solid;}
#chat_profile_wrapper #profile_photo_content #profile_image_section #profile_image .field-content img{
	height: 225px;
	width:100%;
}
#chat_profile_wrapper #profile_photo_content #profile_image_section #profile_image .user-picture img{
	height:100%;
	width:100%;
}
#chat_profile_wrapper #profile_photo_content #profile_image_section #click_pot_photo{
	background: #c00000;
	color: #fff;
	padding-top: 3%;
	}
#chat_profile_wrapper #profile_photo_content #profile_image_section #click_pot_photo a{
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: block;
	}
#chat_profile_wrapper #profile_photo_content #profile_image_section #click_pot_photo span{
	display: block;
	text-align: center;
	font-size: 18px;
	}
#surferbuck_note_notification{
	/*width: 402px;*/
	width: calc(100% - 35%);
	box-sizing:border-box;
	
	float: left;
	border: 1px solid;
	border-bottom:none;
    
}
#surferbuck_note_notification #surferbuck_note_text{
    border-left: 9px solid;
    border-right: 9px solid;
    border-top: 9px solid;
    font-family: Calibri;
    margin-bottom: -13px;
    padding: 2px 0;
    width: 384px;}
#surferbuck_note_notification #surferbuck_note_text p.small_font{
	font-size: 13px;}
#surferbuck_note_notification #surferbuck_note_text p{
	margin: 0;
	font-size: 18px;
	text-align: center;}
#surferbuck_note_notification #surferbuck_note_text p span{
	color: #00a249;
	font-size: 30px;
	font-weight:bold;}
#surferbuck_note_notification #surferbuck_note_text_area{
	border: 9px solid;
	height: 64px;
	border-right: none;}
#surferbuck_note_notification #surferbuck_note_text_click_on{
	background: #00f26d;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;}
#surferbucks_notifications{
	width: 100%;
	float: left;
	margin-top: 2.3%;
	}
#surferbucks_notifications .noti_box{
	width: 105px;
	float: left;
	border-left: 1px solid;
	margin-right: 25px;
	}
#surferbucks_notifications .noti_box:nth-child(2){
	width:85px;
	}
#surferbucks_notifications .noti_box .click_on{
	width: 47px;
	font-size: 11px;
	border-top: 1px solid;
	background: #ffff00;
	text-align: center;
	border-right: 1px solid;
	padding: 1px 0;
	z-index: 1;
	margin-bottom: -1px;
	position: relative;
	text-decoration: none !important;
	}
#surferbucks_notifications .noti_box .noti_box_text{
	background: none repeat scroll 0 0 #FFFF00;
    border-right: 1px solid;
    border-top: 1px solid;
    font-size: 11px;
    letter-spacing: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-top: 4px;
    width: 98px;
    z-index: 0;
	}
#surferbucks_notifications .noti_box .noti_message{
	width: 78px;}
#surferbucks_notifications .noti_box .noti_box_text .noti_counter{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: #FF0000;
    float: right;
    height: 7px;
    line-height: 7px;
    margin-right: 2px;
    padding: 3px 2px;
    text-align: center;
    width: 9px;	}

#click_on_friend_page{
	font-size:12px;
	color:#fff;
	text-align:center;
	width:100%;
	background:#8d42c6;
	float:left;
	padding: 4% 0;
	letter-spacing:1px;}
#click_on_friend_page a{color:#fff;}
#chat_profile_wrapper #inert_view_post_section{
	float: left;
	width: 100%;}
#chat_profile_wrapper #inert_view_post_section #inert_post{
	float: left;
	width: 619px;
	background: #fff;
	border: 1px solid;
	overflow:hidden;}
#chat_profile_wrapper #inert_view_post_section #inert_post .text_area{
    border: medium none;
	border-right:1px solid;
    height: 85px;
    padding: 2% 2% 0 2%;
    width: 620px;}
.resizable-textarea .grippie{ display:none;}
#chat_profile_wrapper #inert_view_post_section #inert_post .post_button{
	margin-left: -13px;
	float: right;
	background: #00f26d;
	color: #fff;
	text-shadow: none;
	font-size: 20px;
	border-radius: 0;
	font-weight: normal;
	padding: 2% 2% 1.5% 2%;
	letter-spacing: 3px;
	border:none;}
#chat_profile_wrapper #inert_view_post_section #inert_post .form-item{ margin:0;}
#chat_profile_wrapper #inert_view_post_section #inert_post .post_button:active{border: none;}
#views_posts_comments{
	width: 100%;
	float: left;}
#views_posts_comments .view_group_post{
	font-family: Calibri;
	font-weight: normal;
	width: 100%;
	float: left;
	padding: 2% 0;}
#views_posts_comments .view_group_post h3{
	margin:0;}
#views_posts_comments .post_number{
	display:none;}
#views_posts_comments .view_group_post .user_picture{
	width: 9%;
	float:left;}
#views_posts_comments .view_group_post .user_picture img{
	width: 100%;}
#views_posts_comments .view_group_post .user_name{
	font-size: 19px;
	margin-left: 2%;
	float: left;
	width: 89%;}
#views_posts_comments .view_group_post .post_date{
	font-size: 13px;
	margin-left: 11%;
	width: 89%;
	float:left;}
#views_posts_comments .view_group_post .post_body{
	width: 89%;
	float: left;
	margin-left: 11%;
}
#views_posts_comments .view_group_post .post_body img{
	height:auto !important;
	max-width:522px;
}
#views_posts_comments .view_group_post .post_body p{
	padding-top: 1%;
	font-size: 16px;
	margin: 0;
	letter-spacing: 0px;}
#views_posts_comments .view_group_post .post_acions .flag-wrapper a.flag{ 
	display:block;
	float:left;
	margin-right:23px;
	text-align:center;}
#views_posts_comments .view_group_post .post_acions .flag-cool a.flag{ width:60px; }
#views_posts_comments .view_group_post .post_acions .flag-wrapper a.flag .change_word {
    color: #000000;
    font-weight: normal;
    letter-spacing: 0;
    margin-right: 5px;
    text-decoration: underline;}
#views_posts_comments .view_group_post .post_acions .flag-very-cool a.flag{
	padding: 25% 2% 1%;
    width: 85px;}
#views_posts_comments .view_group_post .post_acions .flag-very-cool a.flag .change_word {}
#views_posts_comments .view_group_post .post_acions .flag-totally-uncool a.flag{
	margin-right: 0;
    padding: 23% 7% 1% 6% ;
    width: 96px;}
#views_posts_comments .view_group_post .post_acions .flag-totally-uncool a.flag .change_word {}
#views_posts_comments .view_group_post .post_acions{
	width: 100%;
	float: left;
	margin-left:11%;}
#views_posts_comments .view_group_post .post_acions .post_comment_cool, #views_posts_comments .view_group_post .post_acions .post_comment_very_cool, #views_posts_comments .view_group_post .post_acions .post_comment_totally_uncool{position:relative;}
#views_posts_comments .view_group_post .post_acions .showhide{
	/*border: 1px solid;*/
	background-color:rgba(200, 54, 54, 0);
    height: 52px;
    position: absolute;
    top: 0px;
    width: 66px;
	display:none;}
	#views_posts_comments .view_group_post .post_acions .showhide0{left: 0;width: 113px;}
	#views_posts_comments .view_group_post .post_acions .showhide1{left: 0;width: 136px;}
	#views_posts_comments .view_group_post .post_acions .showhide2{left: 0;width: 151px;}
	#views_posts_comments .view_group_post .post_acions .count{
    border-top: medium none;
    bottom: -20px;
    font-size: 12px;
    left: 29px;
    margin: 0;
    padding: 0 2px;
    position: absolute;
	}
#views_posts_comments .person_img{
	background-image: url("../images/person_img2.png");
	background-repeat:no-repeat;
	background-size:12px 12px;
    display: block;
    height: 14px;
    left: 15px;
    position: absolute;
    top: 4px;
    width: 18px;}
.password-suggestions{ font-size:16px; text-transform:uppercase;}
.password-suggestions ul{ list-style:none;}
#views_posts_comments .post_edit_link{ float:left !important; padding: 1% 0 0 !important; display:block; width:46px;}	
#views_posts_comments .post_edit_link .flag-wrapper{
	margin-right: 0 !important;
    width: auto !important;}	
#views_posts_comments .post_edit_link .flag-wrapper a.flag{
  	background: none repeat scroll 0 0 transparent;
    color: #000000 !important;
    margin: 0 !important;
    padding: 48% 2% 1% !important;
    width: 46px !important;}
#views_posts_comments .view_group_post .post_acions .count1{
	left: 34px; 
	}
#views_posts_comments .view_group_post .post_acions .count2{
	left: 45px; 
	}
#views_posts_comments .view_group_post .post_acions span{
	font-size: 14px;
	float:left;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0% 1% 0 0%;
	}
/*.page-node-68 #bottomNavClose{ right: 43.3% !important;
    top: -21.1% !important;}*/
#views_posts_comments .view_group_post .post_acions .post_delete{padding-top: 4.6%;}
#views_posts_comments .view_group_post .post_acions .flag-wrapper{}
#views_posts_comments .view_group_post .post_acions .flag-cool{width: 90px;  margin-right:0 !important;}
#views_posts_comments .view_group_post .post_acions .flag-very-cool{width: 113px;}
#views_posts_comments .view_group_post .post_acions .flag-totally-uncool{width: 120px;} 
#views_posts_comments .views_posts_comments{
	width:100%;
	float:left;}
#views_posts_comments .post_comment_section_group{
	width: 89%;
	float: left;
	padding: 1% 0 0 0;
	margin-left: 11%;}
#views_posts_comments .post_comment_section_group .comment_body{
	width: 100%;
	float: left;
	padding: 1% 0;}

#views_posts_comments .post_comment_section_group .comment_body .comment_picture{width: 5%;}
#views_posts_comments .post_comment_section_group .comment_body .comment_picture img{width: 100%;}
#views_posts_comments .post_comment_section_group .comment_body .comment_content{width: 91%;
	line-height: 14px;}
#views_posts_comments .post_comment_section_group .comment_body .comment_content strong{
	font-weight: bold;
	font-size: 16px;
	margin-right: 1%;}
#views_posts_comments .post_comment_section_group .comment_body .comment_content strong a{text-decoration: none;}
#views_posts_comments .post_comment_section_group .comment_body span{margin-right: 2%;
	float: left;}
#views_posts_comments .post_comment_section_group .comments_input{width: 100%;float: left;}
#views_posts_comments .post_comment_section_group .comments_input input{width: 100%; border:1px solid;}
.comments_input .post_button{display: none;}
#send_surfer_note_to_friends .form-item-recipient, #send_surfer_note_to_friends .form-item-subject, #send_surfer_note_to_friends fieldset, #send_surfer_note_to_friends label, #send_surfer_note_to_friends .form-actions a, #send_surfer_note_to_friends .resizable-textarea .grippie{ display:none;}
#send_surfer_note_to_friends .form-actions {
	background: #00f26d;
	margin: 0;
	padding: 1% 0;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-family: Calibri;
	font-weight: bold;
	position:relative;}
#send_surfer_note_to_friends .form-actions input{
	background: #00F26D;
	font-size: 24px;
	text-transform: uppercase;
	border: none;
	font-family: Calibri;
	text-shadow: none;
	cursor: pointer;
	margin-right:0;
	text-decoration:underline;
	width:100%;
	z-index:1;
	opacity:0;
	position:relative;}
#send_surfer_note_to_friends .click_on_bar{ display:block !important;}
#send_surfer_note_to_friends .form-textarea{
	border: 9px solid;
	height: 111px;
	padding:6px;
	letter-spacing:2px;}
#advance_user_search{font-family: Calibri;}
.front #advance_user_search .views-submit-button{
	width:464px;
	}
#advance_user_search .views-submit-button{
    background: none repeat scroll 0 0 #FF99FF;
    font-size: 20px;
    padding: 0;
    text-align: center;
    width: 100%;
	}
#user_searching_screenname_friend #edit-submit, #advance_user_search .views-submit-button input {
	background: url("../images/click_on_search.png") no-repeat scroll center center transparent;
	width:100%;
	margin: 0;
	text-shadow: none;
	border: none;
	font-family: Calibri;
	text-decoration: underline;
	font-size: 20px;
	color: black;
	vertical-align:baseline;
	box-shadow: none;
	height:45px;
	}
#user_searching_screenname_friend .views-exposed-widgets{
	margin-bottom:0;}
.login_header_logo img{
    height: 77px !important;
    margin-left: -4px;
    width: 72px !important;}	
.homepage_header_logo img{
    height: 99px;
    margin-left: -6px;
    margin-top: 1px;
    width:95px;}
.front #advance_user_search .views-exposed-widgets{ background:#fff;}
.front #advance_user_search .views-widget-filter-province{
	background: none repeat scroll 0 0 #0070C0;
    margin: 0 19px;
    overflow: hidden;
    padding: 0;
    width: 130px;}
.front #advance_user_search .views-widget-filter-province select{border:none;background: none repeat scroll 0 0 transparent; color:#fff;width: 119%;margin: 8% 8% 15% 8%;}
.front #advance_user_search .views-widget-filter-field_gender_value{
	background: none repeat scroll 0 0 #0070C0;
    margin: 0 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 130px;}
.front #advance_user_search .views-widget-filter-field_age_value{
	background: none repeat scroll 0 0 #0070C0;
    overflow: hidden;
    padding: 0;
    width: 130px;}
#advance_user_search .views-widget-filter-province{width: 130px;padding: 0;margin: 0 6% 0 4%;background: #558ED5; overflow:hidden;}
#advance_user_search .views-widget-filter-province select{border:none;background: none repeat scroll 0 0 transparent; color:#fff;width: 119%;margin: 8% 8% 15% 8%;}
#advance_user_search .views-widget-filter-province input{ border:none;width: 84%;margin: 8% 8% 15% 8%;}
#advance_user_search .views-widget-filter-field_gender_value{width: 130px;padding: 0;margin: 0 8% 0 3%;background: #FFFF01; overflow:hidden;}
#advance_user_search .views-widget-filter-field_gender_value select{ border:none;background: none repeat scroll 0 0 transparent; width: 119%;margin: 8% 8% 15% 8%;}

#advance_user_search .views-exposed-widget{    
	font-family: calibri;
    position: relative;}
#advance_user_search .views-exposed-widget .form-type-select {
	position: relative;
    z-index: 1;}
#advance_user_search .views-exposed-widget .form-type-select select {
	height: 42px;
    margin: 0;
    opacity: 0;
	color:#000;
	background:#fff;}
#advance_user_search .views-exposed-widget .profile_gender{ color:#000 ;}
.front #advance_user_search .views-exposed-widget .profile_gender{ color:#fff ;}
#advance_user_search .views-exposed-widget .click_on_profile{
	background:none repeat scroll 0 0 #0070C0;
	color:#fff;
    position: absolute;
    text-align: center;
	font-size: 16px;
    top: 0;
    width:130px;
    z-index: 0;
	height:42px;
	display:table;}
#advance_user_search .views-exposed-widget .click_on_profile span{   
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-top: 3px;
    text-decoration: underline;
}
#advance_user_search .views-widget-filter-field_age_value{width:130px;padding: 0;background: #7030A0;overflow:hidden;}
#advance_user_search .views-widget-filter-field_age_value select{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 8% 8% 15%;
    width: 119%;
	color:#ffffff;}
select::-ms-expand {
    display: none;
}
#profile{width: 100%;}
#profile #user_info {float: left;}
#profile #user_info h3{}
#profile #user_info #user_pic{}
#profile #sending_request{    float: left;
    margin-left: 3%;
    margin-top: 28%;}
.remove_pic{ display:none;}
#user-pass{
    background: none repeat scroll 0 0 #7AD6A2;
    border: 3px solid #CCCCCC;
    margin: 0 auto;
    padding: 6% 0 7%;
    text-align: center;
    width: 47%;
	}
#user-pass .form-type-textfield label{
    font-family: Myrid pro;
    font-size: 22pt;
    margin-bottom: 3%;}
#views_posts_comments .flag-throbber{ display:none;}
.flag-totally-uncool .flag-action, .flag-very-cool .flag-action, .flag-cool .flag-action{
	background:#0088ee;
	padding:2% 17%;
	color:#fff !important;
	text-decoration:none !important;}
.flag-cool .unflag-action{
    background: url("../images/checked3.png") no-repeat scroll -76px 0 #0088EE;
    color: #FFFFFF !important;
    padding: 31% 26% 1% 8% !important;
    text-decoration: none !important;
	}
.post_comment_totally_uncool{  margin-left: -7px;}
.flag-cool .flag-action{
	background:url("../images/un_checked3.png") no-repeat scroll -76px 0 #0088EE;
    color: #FFFFFF !important;
    padding: 31% 26% 1% 8% !important;
    text-decoration: none !important; 
	margin:0 !important;
	}
.flag-very-cool .unflag-action{
    background: url("../images/checked3.png") no-repeat scroll -60px 0 #0088EE;
    color: #FFFFFF !important;
    padding: 24% 18% 1% 1% !important;
    text-decoration: none !important;}
.flag-totally-uncool .unflag-action{
    background: url("../images/uncool_checked3.png") no-repeat scroll -40px 0px #0188EE;
    color: #FFFFFF !important;
    padding: 23% 18% 1% 7% !important;
    text-decoration: none !important;}
.flag-very-cool .flag-action{
	background:url("../images/un_checked3.png") no-repeat scroll -30px 0px #0188EE;
		color:#fff !important;
	text-decoration:none !important;
	border:none !important;
	border-image:none !important;}
.flag-totally-uncool .flag-action{
	background:url("../images/un_checked3.png") no-repeat scroll -13px 0px #0188EE;
		color:#fff !important;
	text-decoration:none !important;}
/*.flag-link-toggle{
	background:#0088ee;
	padding:1% 2%;
	color:#fff !important;
	text-decoration:none !important;
	}*/
#new_signup_page{
	font-family: Calibri;
	}
#new_signup_page #new_signup_page_heading{
	font-family: Calibrib;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
	}	
#new_signup_page #new_signup_page_sub_heading{
	font-size: 21px;
    text-align: center;
    text-decoration: underline;}
#new_signup_page .signup_page_form{
	padding: 3px 63px;}
#new_signup_page .signup_page_form #signup_page_note{font-size: 16px;}
#new_signup_page .signup_page_form .re_enter_header{
	margin: 10px 0;
	font-size: 18px;
    font-weight: bold;
	width:100%;
	float:left;
	 text-align: left;}
#new_signup_page .signup_page_form label{
	font-size: 16px;
    font-weight: normal;
	float: left;
	}
#new_signup_page input{border:	4px solid #00FA71;}
input:focus{ box-shadow:none;}
#new_signup_page .form-required{ display:none;}
#new_signup_page .location-wrapper .fieldset-legend{ display:none;}
#new_signup_page #edit-field-street{width:280px; float:left;}
#new_signup_page #edit-field-apt-box-{width:116px; float:left;margin-top: 1.5%;}
#new_signup_page #edit-field-city-town{ width:155px; float:left;margin-top: 1%;}
#new_signup_page #edit-field-zip-code{ width:83px; float:right;margin-top: 1.5%;}
#new_signup_page .form-item-field-street-und-0-value{ width:280px; float: left;margin-top: 7.5%;}
#new_signup_page .form-item-field-street-und-0-value input, #new_signup_page .form-item-field-street-confirm-und-0-value input, #new_signup_page .form-item-field-apt-box--und-0-value input, #new_signup_page .form-item-field-apt-box-confirm-und-0-value input, #new_signup_page .form-item-field-city-town-confirm-und-0-value input, #new_signup_page .form-item-field-city-town-und-0-value input, #edit-mail, #edit-mail-confirm{ text-align:center;}	
#new_signup_page .location-wrapper { position:relative;}
#new_signup_page .location-wrapper  #location-dropdown-province-wrapper-locations-0{
	opacity: 0;
    position: relative;
    z-index: 1;}
#new_signup_page .form-item-locations-0-province{
    float: left;
    margin-left: 8px;
    margin-top: 8.5%;
    overflow: hidden;
    position: relative;
    top: 6px;
    width: 165px;}
#new_signup_page .form-item-locations-0-province select{
    height: 58px;
    width: 169px;}
#new_signup_page .form-item-locations-0-province select option { width: 123px;}
#new_signup_page .location-wrapper #location-dropdown-province-wrapper-locations-0{}
#new_signup_page .location-wrapper .click_on-locations-0{
    background: none repeat scroll 0 0 #0070C0;
    color: #FFFFFF;
    display: table;
    font-size: 18px;
    height: 40px;
    margin: 1px 0 0 8px;
    position: absolute;
    text-align: center;
    top: 59px;
    width: 164px;
    z-index: 0;
	line-height: 20px;}
#edit-field-zip-code-und-0-value, #edit-field-zip-code-confirm-und-0-value{
    position: relative;
    top: 2px;}
#new_signup_page .location-wrapper .click_on-locations-0 span{ display:block; text-decoration:underline;}
#new_signup_page .form-item-field-apt-box--und-0-value{    
	 float: left;
    margin-left: 15px;
    width: 100px;margin-top: 7.5%;}	

#new_signup_page .form-item-field-city-town-und-0-value{
	float: left;
    margin-left: 15px;
    width: 140px;margin-top: 7.5%;}	
.node-type-videos .node-links, .node-type-videos .comment-wrapper, .node-type-images .node-links, .node-type-images .comment-wrapper{
	display:none;}
#new_signup_page .form-item-field-zip-code-und-0-value{
   float:right;
    width: 83px;margin-top: 7.5%;}	
#new_signup_page #edit-field-location-2{
    float: left;
    margin-left: 8px;
    margin-top: 13.7px;
    overflow: visible;
    width: 165px;}
#new_signup_page #edit-field-location-2{
	margin-top: 15px;
    position: relative;
    width: 140px;}
#new_signup_page #edit-field-location-2 #location-dropdown-province-wrapper-field_location_2-und-0{
	opacity: 0;
    position: relative;
    z-index: 1;}
#new_signup_page #edit-field-location-2 #location-dropdown-province-wrapper-field_location_2-und-0 select{
	height: 52px;
    margin-top: -22px;
	width: 165px;}
#new_signup_page #edit-field-location-2 .click_on-field_location_2-und-0{
    background: #0070C0;
    color: #fff;
    font-size: 18px;
    height: 40px;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 165px;
    z-index: 0;
    display: table;
    line-height: 20px;}
#new_signup_page #edit-field-location-2 .click_on-field_location_2-und-0 span{
	display: block;
    text-decoration: underline;}
#new_signup_page #edit-field-location-2{
    margin-top: 7px;}
#new_signup_page #edit-field-location-2{}
#new_signup_page #edit-field-location-2	span.fieldset-legend{ display:none;}
#new_signup_page #edit-field-location-2	input{ width:100%;}
#new_signup_page .form-item-field-street-confirm-und-0-value{ 
	float: left;
	margin-top: 2.2%;
    width: 280px;}	
#new_signup_page  .form-item-field-apt-box-confirm-und-0-value{ 
	 float: left;
    margin-left: 15px;
    width: 100px;
	 margin-top: 5.2%;}	
#new_signup_page .form-item-field-city-town-confirm-und-0-value{ 
    float: left;
    margin-left: 15px;
    margin-top: 4.2%;
    width: 140px;}	
#new_signup_page .form-item-field-zip-code-confirm-und-0-value{ 
	width: 83px;
	float:right;
	margin-top: 5.2%;}	
#edit-field-first-name, .form-item-field-first-name-confirm-und-0-value{ width:107% !important;}
#new_signup_page .form-item-locations-0-province input{ width:100%;margin-top: 4%;}
#new_signup_page .form-item-field-street-und-0-value input, #new_signup_page .form-item-field-apt-box--und-0-value input, #new_signup_page .form-item-field-city-town-und-0-value input, #new_signup_page .form-item-field-zip-code-und-0-value input, #new_signup_page .form-item-field-street-confirm-und-0-value input, #new_signup_page  .form-item-field-apt-box-confirm-und-0-value input, #new_signup_page .form-item-field-city-town-confirm-und-0-value input, #new_signup_page .form-item-field-zip-code-confirm-und-0-value input{ width:100%; height:40px; text-align:center;}
#new_signup_page .form-item-field-street-und-0-value .description, #new_signup_page .form-item-field-apt-box--und-0-value .description, #new_signup_page .form-item-field-city-town-und-0-value .description, #new_signup_page .form-item-field-zip-code-und-0-value .description, #new_signup_page .form-item-field-street-confirm-und-0-value .description, #new_signup_page  .form-item-field-apt-box-confirm-und-0-value .description, #new_signup_page .form-item-field-city-town-confirm-und-0-value .description, #new_signup_page .form-item-field-zip-code-confirm-und-0-value .description{ text-align:center;font-weight: normal;}
#new_signup_page .form-item-field-first-name-und-0-value, #new_signup_page  .form-item-field-middle-initial-und-0-value, #new_signup_page .form-item-field-last-name-und-0-value, #new_signup_page #field-social-security-number-con-add-more-wrapper{ width:100%; float:left;}
#new_signup_page #edit-field-first-name, #new_signup_page #edit-field-middle-initial, #new_signup_page #edit-field-last-name, #new_signup_page #edit-field-first-name-confirm, #new_signup_page #edit-field-middle-initial-confirm, #new_signup_page #edit-field-last-name-confirm, #new_signup_page #edit-field-social-security-number, #new_signup_page #edit-field-social-security-number-con, #new_signup_page #edit-account, #new_signup_page .form-item-mail, #new_signup_page .form-item-mail-confirm, #new_signup_page .form-item-name, #new_signup_page .form-item-username-confirm, #new_signup_page .form-item-pass, #new_signup_page .form-item-pass-pass1, #new_signup_page .form-item-pass-pass2, #new_signup_page .form-item .description{
	color: black;
    float: left;
    font-size: 16px;
    width: 100%;
	text-align:center;}
#edit-field-last-name-confirm{ margin-bottom:28px;}
#new_signup_page .password-strength, #new_signup_page .password-confirm{ margin-top:0;}
#new_signup_page #edit-pass-pass1, #new_signup_page #edit-pass-pass2{ float:left; margin-left: 3%;height:40px;text-align: center;}
#new_signup_page .location-wrapper, #new_signup_page .password-suggestions{ width:140px; float:left;text-align: left !important;}
#new_signup_page .location-wrapper{ margin-top:-41px;}
#new_signup_page #edit-field-social-security-number-und-0-value, #new_signup_page #edit-field-social-security-number-con-und-0-value {width: 280px;}
#new_signup_page #edit-field-middle-initial-confirm-und-0-value, #new_signup_page #edit-field-middle-initial-und-0-value{ 
	float: left;
    margin-left: 3%;
	margin-top: -0.8%;
    width: 40px;
    text-align: center;
    border: 4px solid #00FA71;
    height: 40px;}
#edit-field-first-name-und-0-value, #new_signup_page #edit-field-first-name-confirm-und-0-value{  
    margin-left: 15px !important;
    margin-top: -9px;
    width: 264px !important;}
#new_signup_page #edit-field-first-name-und-0-value, #new_signup_page #edit-field-last-name-und-0-value, #new_signup_page #edit-field-first-name-confirm-und-0-value, #new_signup_page #edit-field-last-name-confirm-und-0-value{  
    border: 4px solid #00FA71 ;
    float: right;
    height: 40px;
    margin-left: 3%;
    text-align: center;
    width: 320px;}
#new_signup_page #edit-field-social-security-number-und-0-value, #new_signup_page #edit-field-social-security-number-con-und-0-value {	
	float: left;margin-left: 3%; height:40px;}
#new_signup_page #edit-name, #new_signup_page #edit-username-confirm{float: left;margin-left: 11.5%;height:40px;text-align: center;}
#new_signup_page #edit-field-social-security-number-und-0-value{ float:left;}
#new_signup_page #edit-mail,  #new_signup_page #edit-mail-confirm{float:left;margin-left: 3%; text-align:center;height:40px;}
#new_signup_page .state_click{ width:100%; text-align:center;}
#new_signup_page .state_click span{ text-decoration:underline; display:block;height:40px;}
#new_signup_page #edit-actions{
	height: 145px;
    margin: 0 0 0 3%;
    width: 404px;
	float:left;}
#new_signup_page #edit-actions input{
	background: url("../images/i_agree2.png") no-repeat scroll center center/ 408px #00DA63;
    border: 1px solid;
    border-radius: 0 0 0 0;
    height: 100%;
    width: 100%;
	opacity:0;
	position:relative;
	z-index:1;}
#new_signup_page .heading_note{ width:100%; float:left;}
#new_signup_page .signup_error{
	background: url("../images/arrow.png") no-repeat scroll 73% 0 transparent;
    color: #FF0000;
    float: left;
    font-size: 16px;
    padding: 47px 0 0;
    width: 100%;}
#new_signup_page .error_first_last_name{
	background-position: 331px 0;
    margin-top: -33px;}
#new_signup_page .error_first_last_name2{
	background-position: 442px 0;
    margin-top: -5px;}
#new_signup_page .error_first_box1{background-position: 442px 0;}
#new_signup_page .error_first_box{
	margin-top: -21px !important;}
#new_signup_page .text_align{}
#new_signup_page .error_first_box_s{margin-top: -7px !important;}
#new_signup_page .error_first_box_p{margin-top: -10px !important;}
#new_signup_page .error_middel_name{
    background-position: 479px -1px;
    background-size: 159px 51px;
    margin-top: -6px;}
#new_signup_page .error_location{
    background: url("../images/arrow_verticle.png") no-repeat scroll 68px 23px transparent;
    margin-top: -38px;
    text-align: left !important;}
#new_signup_page .error_location_zip{
    background-position: 37px 21px;
    margin-left: -15px;
    padding-left: 0;
    padding-top: 129px !important;
    width: 174%;}
#new_signup_page .error_location_s_num{
    background: url("../images/arrow.png") no-repeat scroll 36px 0 / 165px 52px transparent;
    margin-top: -7px;}
#new_signup_page .form-item-pass-pass2 .password-confirm{ display:none;}
#new_signup_page #edit-pass-pass2{ display:block !important;}
#new_signup_page .error_location_email{
    background: url("../images/arrow.png") no-repeat scroll 11px 0 / 118px 49px transparent;
    margin-top: -21px;}
#new_signup_page .error_location_username{
    background: url("../images/arrow.png") no-repeat scroll 126px 0 / 163px 52px transparent;
    margin-top: -21px;}
#new_signup_page .error_location_loc{
    margin-left: -7px;
    margin-top: -29px;
    padding-top: 128px !important;
    width: 105%;}
#new_signup_page .error_location_pass{
    background: url("../images/arrow.png") no-repeat scroll 35px 0 / 165px 52px transparent;
    margin-top: -26px;}
#new_signup_page .error_location_city{
    background-position: center 23px;
    margin-left: 8px;
    padding-top: 127px !important;
    width: 91%;}
#new_signup_page .error_location_apt{
    background-position: 74px 23px;
    margin-left: -36px;
    padding-top: 128px !important;
    width: 124%;}
#new_signup_page .error_location_street{
    background: url("../images/arrow_verticle.png") no-repeat scroll 118px 22px transparent;
    margin-left: 0;
    margin-top: -39px;
    padding-top: 128px !important;
    width: 82%;}
#new_signup_page .black_border{ 
	border: 4px solid #000000;
    padding: 3px 6px;}
#new_signup_page .error_location_street1, #new_signup_page .error_location_apt1{margin-top: -39px !important;}
#new_signup_page .error_location_loc1{
    background-position: 68px 26px;
    margin-left: 5px;
    width: 103%;}
#new_signup_page .error_location_zip1{}
#new_signup_page #edit-field-zip-code-confirm{width:84px; float:right; margin-top:31px;}
#new_signup_page #edit-field-street-confirm, #new_signup_page #edit-field-apt-box-confirm, #new_signup_page #edit-field-city-town-confirm{float:left; margin-top:31px;}
#new_signup_page #edit-field-street-confirm{width:280px;}
#new_signup_page #edit-field-apt-box-confirm{width:116px;}
#new_signup_page #edit-field-city-town-confirm{width:156px;}
#new_signup_page .heading_note p{font-family: Calibrib;    font-size: 28px;}
#new_signup_page .heading_note p.part2{ margin-top: 50px;}
.dlike-user-row img{ width:40px;}
.page-node-68 #outerImageContainer, .page-node-68 #imageDataContainer{ width:260px !important;}
.images_content{ margin-top:17px;}
#frameHoverNav{ width:15% !important;}
#new_signup_page .form-item-field-first-name-confirm-und-0-value .error,
#new_signup_page .form-item-field-middle-initial-confirm-und-0-value .error,
#new_signup_page .form-item-field-last-name-confirm-und-0-value .error,
#new_signup_page .form-item-field-last-name-confirm-und-0-value .error,
#new_signup_page .form-item-field-street-confirm-und-0-value .error,
#new_signup_page .form-item-field-apt-box-confirm-und-0-value .error,
#new_signup_page .form-item-field-city-town-confirm-und-0-value .error,
#new_signup_page .form-item-field-zip-code-confirm-und-0-value .error,
#new_signup_page .form-item-field-social-security-number-con-und-0-value .error,
#new_signup_page .form-item-mail-confirm .error,
#new_signup_page .form-item-username-confirm .error,
#new_signup_page .form-item-pass-pass2 .error
{border: 2px solid red !important;}
#new_signup_page .form-type-textfield .error{border: 4px solid red !important;}
.fixed_advertisment{
	height: 90px; 
	float: left;
	padding:0;
	width:726px;}
.outerbox_adzone{ width:300px;
height:250px;}
.fixed_advertisment #header_ad_zone_1{
	width:728px;
	height:90px;
	position:fixed;
	background:none repeat scroll 0 0 #C0504D;}
.node-type-videos #section-header, .page-node-68 #section-header{ 
	position: relative;
    z-index: 2;}
.node-type-videos #section-content, .page-node-68 #section-content{ 
	position: relative;
    z-index: 0;}
.green_button{
	background: url("../images/click_again.png") no-repeat scroll center center #00DA63 !important;
	border: 1px solid !important;
	border-radius: 0 0 0 0 !important;
	display: block !important;
	font-family: Calibri !important;
	font-size: 40px !important;
	height: 145px !important;
	margin: 67px auto !important;
	text-align: center !important;
	width: 42% !important;
	}
.page-node-120	.breadcrumb{ display:none;}
.page-node-71 .homepage_header_rightsidebarlogin, .page-node-73 .homepage_header_rightsidebarlogin{ width:628px;}
.page-node-73 .homepage_header_rightsidebarlogin .homepage_header_sitename{margin-left: 192px;}
.page-node-71 .homepage_header_rightsidebarlogin .homepage_header_sitename{ margin-left: 192px;}
.page-node-73 .homepage_header_rightsidebar, .page-node-71 .homepage_header_rightsidebar{width: 632px !important;}
.page-node-71 .homepage_header_rightsidebar{ display:none;}
.page-node-71 .homepage_header_rightsidebar_logos{ display:block !important;}
.page-node-73 .login_header_logo{ display:none !important;}
.homepage_header_rightsidebar_logos{
	width: 723px !important;
	float: left;}
.page-node-73 .login_header, .page-node-71 .login_header {
    float: left;
    width: 723px !important;
	display:block !important;}
.page-node-73 .new_logout, .page-node-71 .new_logout{ display:none !important;}
.page-node-73 .homepage_header_logo, .page-node-71 .homepage_header_logo{padding-left: 5px !important;
    width: 81px !important;}
.page-node-71 .homepage_header_logo{ display:none;}
.page-node-73 .new_logout2, .page-node-71 .new_logout2{ display:block !important;}
.page-node-73 .homepage_header_logo img, .page-node-71 .homepage_header_logo img {
    height: 95px !important;
    margin-left: -4px;
    margin-top: 1px;
    width: 83px !important;
}
.page-user .login_header_right{ display:none;}
.front .region-sidebar-first{
	border-right: 10px solid #00FA71;
    margin-right: 0 !important;}
.front .region-sidebar-second{
    border-left: 10px solid #00FA71;
    float: right !important;
    margin-left: 0 !important;}
.text_area_login ul.panel,
.text_area_login div.wysiwyg-toggle-wrapper,
.text_area_login #edit-insertpost-format{ display:none;}
.text_area_login div.wysiwyg{ border:none; background:#fff;height: 84px;}
@media screen and (max-width: 240px){
	
	}
@media screen and (max-width: 320px){
	
	}
@media screen and (max-width: 480px){
	
	}
@media screen and (max-width: 720px){
	

.homepage_sidbar_first {
    width: 100%;
	margin-bottom:0;}
.homepage_sidbar_second {
    margin-left: 0;
    width: 100%;}
.homepage_sidbar_second .view-search-users {
    width: 100%;}
.homepage_sidbar_first .post_videos_tag .search_videos_tag2 {
    font-size: 26px;}
.medium_rectangle{
	height:250px;}
}
@media screen and (max-width: 1024x){
.homepage_sidbar_second .view-search-users .views-submit-button{ width:460px;}
	
.homepage_sidbar_second {
border-left: 1px solid #000000;
     margin-left: 0;
	 width: 100%;
}
}
@media screen and (max-width: 980px){
.homepage_sidbar_second .view-search-users .views-submit-button{ width:460px;}
.homepage_sidbar_second {
    border-left: 1px solid #000000;
    margin-left: 0;
    width: 100%;
}
.ie .homepage_sidbar_second, .ie .homepage_sidbar_first{
	 height: 384px;}
#header_ad_section #header_ad_other_page .click_on_otherpage {
}
#header_ad_section #header_ad_other_page .click_on_otherpage {
}
#welcome_page_container p{ font-size:70px;}
.homepage_header_bottom{
	width: 100%;
	border-right:1px solid;}
.homepage_sidbar_first{ margin-bottom:-2%;width: 101%;}

.homepage_sidbar_first{ margin-bottom:0;}
.dlike-user-row img{}


.zone-branding, .zone-footer{width:960px !important;}
#ad_zone_no_3, #ad_zone_no_4,  #header_ad_other_page, .fixed_advertisment #header_ad_zone_1, .fixed_ad_1 #header_ad_other_page{ position:absolute !important;}

}
@media screen and (max-width: 768px){
	.homepage_sidbar_second .view-search-users .views-submit-button{ width:460px;}
	.homepage_header_sitename_login{	padding: 1.1% 1.4% 1% ;
	}
	}
@media only screen and (max-width: 320px) {
	#welcome_page_container #video_section .post_search_videos .header_text, #welcome_page_container #video_section .post_search_videos .clickon, #welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-submit-button input{	
	font-size: 36px;}
	#welcome_page_container #video_section .post_search_videos .header_input .views-submit-button{font-size: 33px;}
	#welcome_page_container #video_section .post_search_videos2 .header_text{font-size: 25px !important;}
	#welcome_page_container #video_section .post_search_videos .header_input .views-exposed-form .views-submit-button input{font-size: 35px}
	.fooet_area{ height:auto;}
	.homepage_sidbar_first .click_signup{ background-size: 79% 50%;}
	#surferbucks_notifications .noti_box .noti_box_text .noti_counter{ width:100%; text-align:center;}
	}
@media only screen and (max-width: 480px) {
	
	.homepage_sidbar_second{ margin-left:-0.2%;}
	#surferbuck_note_notification{ width:100%;}
	#surferbucks_notifications .noti_box .noti_box_text{ font-size:10px;}
	}
@media only screen and (max-width: 240px) {
	.homepage_sidbar_first .click_signup{ background-size: 79% 50%;}
	.homepage_sidbar_first .search_videos_tag{ font-size:27px;}
	}
	
option:checked, option:hover {
    color: white;
    background: #26a0da repeat url("data:image/gif;base64,R0lGODlhAQABAIAAAEmPjwAAACH/C1hNUCBEYXRhWE1QPD94cGFjâ€¦cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=");
}
#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; /* Higher than anything else in the document */
   display:none;
 }
.context-videos .fooet_area{
	   width: 100% !important;
}
.context-videos  .footer_content{
	width: 429px !important;
    margin: 17px auto 0 !important;
}
.context-friends .fooet_area{
	position:fixed;
	bottom:0;}
.front.logged-in .new_logout{
	position: relative;
    right: -19px;
}
.page-node-128 video{
	    position: relative;
    left: -20px;
}



/*jquery.fancybox.css?v=2.1.5*/


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
/*    overflow: hidden !important;*/
    overflow: hidden ;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}




/*customstyles.css?ver=1*/


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 1, 2016, 12:50:13 PM
    Author     : asif.ali
*/

.fancybox-lock {
    overflow:auto!important;
}
.fancybox-overlay{
    overflow-y: auto!important;
}
.fancybox-wrap{
    left:0px!important;
    right: 0px!important;
    
    top: 100px!important;
    margin: 0 auto!important;
}
#welcome_page_container #video_section .post_search_videos .header_input input{
        height: 42px;
}

/*//tabs styling*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #bbbbbb;
    background: #ffffff;
    font-weight: normal;
    color: #000;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000000;
    text-decoration: none;
}
.ui-widget-header {
        border: 0px;
    border-bottom: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    font-weight: bold;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    font-size: 11px;
}
.ui-tabs .ui-tabs-nav li{
    
}*/

 
ul.primary li.ui-tabs-active a,
ul.primary li.ui-state-active a{
    background:#fff;
}
.fancybox-wrap.editpopup .fancybox-skin .fancybox-outer .fancybox-inner{
    overflow-y: auto!important;
}
/*style fixations*/
.homepage_header_logo{
/*    float:right;*/
}
.form-item, .form-actions{
    margin-bottom: 0px;
}
.user-info-from-cookie-processed .form-item{
margin-bottom : 1em;
}

/*flag on click fix */
.flag-very-cool .unflag-action {
    background: url(../images/checked3.png) no-repeat scroll -51px 0 #0088EE;
    color: #FFFFFF !important;
/*    padding: 24% 18% 1% 2% !important;*/
    padding: 28px 18px 1px 2px !important;
}
#views_posts_comments .view_group_post .post_acions .flag-very-cool a.flag {
    /*padding: 24% 2% 1%;*/
    padding: 28px 2px 1px 2px;
     width:94px;
}
/*flag on click fix */

#views_posts_comments .view_group_post .post_acions .flag-totally-uncool a.flag {
    margin-right: 0;
        /*padding: 23% 3% 1% 4%;*/
        padding: 23% 4% 1% 4%;
        width: 106px;
        /*width: 97px;*/
}
.flag-totally-uncool .unflag-action {
    background: url(../images/uncool_checked3.png) no-repeat scroll -33px 0px #0188EE;
    color: #FFFFFF !important;
    padding: 23% 18% 1% 4% !important;
    text-decoration: none !important;
}
.flagged.selected{
    /*opacity: 0.5;*/   
}
/*flag on click fix */
/*//validation arrows fix*/

#new_signup_page .error_first_box {
   /* margin-top: -20px !important; */
}
#new_signup_page .error_location_street1,
#new_signup_page .error_location_apt1 {

    margin-top: -39px !important;
}

#new_signup_page .error_location_city {
    
    margin-top: -38px;
}
#new_signup_page .error_location_loc {
    margin-top: -29px;
}
#new_signup_page .error_location_zip {
        margin-top: -38px;
}
#new_signup_page .error_location_email {
        margin-top: -20px;
}
#new_signup_page .error_location_street{
          margin-top: -41px;
}
#new_signup_page .error_location_apt{
      margin-top: -41px;
}
#new_signup_page .error_location_pass {
 
  /*  margin-top: -10px; */
}
#new_signup_page .error_location_username {
       margin-top: -20px;
		background: url(../images/arrow.png) no-repeat scroll 56px 0 / 163px 52px transparent;
}
/*//validation arrows fix*/



.strength_meter div p{
position: absolute;
top: 22px;
right: 0px;
color: #FFF;
font-size:10px;
}
.password-strength {
   /*background: #f5ecec;*/
    height: 30px;
}
.password-strength p {

        font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}
.veryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
/*width:25%!important;*/
height: 100%;
}
.weak{
    height: 100%;
background-color: #FFB78C;
border-color: #FF853C!important;
/*width:50%!important;*/
height: 100%;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
/*width:75%!important;*/
height: 100%;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
/*width:100%!important;*/
height: 100%;
}
.front.logged-in .new_logout {
    /* position: relative; */
    right: 0px;
    text-align: center;
    padding: 0px 0%!important;
}
.profiledp{
    height:150px;
    width:150px;
}
.userdpimage{
    height: 70px;
    width: 70px;
}
.userdpimage img{
    width:100%;
    height:100%;
}
.action.acceptrequest,
.action.rejectrequest,
.action.blockrequest{
    cursor:pointer;
}

#tabs-3.requestwrapper {
    height: 360px;
    overflow-y: auto;
}
#privatemsg-list-form{
    
}
#privatemsg-list-form .conversation {
        height: 450px;
    overflow-y: auto;
    
}
#privatemsg-list-form .conversation .chat .timestamp{
    color: #827c7c;
    font-style: italic;
    padding-left: 30px;
}
#privatemsg-list-form .conversation .chat{
    display:block;
}
#privatemsg-list-form  .conversation .chat.self{
      text-align: left;
    /* width: auto; */
    float: left;
    padding: 10px;
    background: #2ca9e1;
    margin: 2px 0px;
}
#privatemsg-list-form  .conversation .chat.other{
     text-align: right;
    /* width: auto; */
    float: right;
    background: #e0e8e8;
    padding: 10px;
     margin: 2px 0px;
}
.clear{
    clear:both
}
.usersuggestions ul li{
        list-style: none;
}
.usersuggestions{
        position: absolute;
    background: #fff;
    display: block;
    width: 100%;
}

#privatemsg-list-form tr.unread{
    background-color: #989292;
}
.page-user .login_header_right{
    display: block;
}

#views_posts_comments .view_group_post .user_picture img {
    width: 50px;
    height: 50px;
}
#views_posts_comments .view_group_post .post_date {
    
    margin-left: 2%;
   font-family: Calibri!important;
    font-size: 15px!important;
    letter-spacing: 0.0em!important;
    text-transform: none;
}


.addcommentbutton{
    width: 10%;
    float: right;
    border-radius: 0px;
}
.addcommentbutton input{
    border-radius: 0px;
}
#progress-bar {background-color: #12CC1A;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
.btnSubmit{background-color:#09f;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}
#progress-div {padding: 5px 0px;margin:0px 0px;border-radius:4px;text-align:center;}
#targetLayer{width:100%;text-align:center;}

/*chat css*/ 
.chatboxmessage.chat-message-me {
    text-align: right;
    float: right;
    clear: both;
    background: #e0e8e8;
    padding: 10px;
    margin: 2px 0px;
}

.chatboxmessage.chat-message-you{
text-align: left;
    /* width: auto; */
    float: left;
    padding: 10px;
    background: #2ca9e1;
    margin: 2px 0px;
    clear: both;
    }
    
    .searchwrap{
        display: none;
       background: rgba(8, 8, 8, 0.74);
    z-index: 142;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }
    .searchvideopopup#searchvideopopup{
        width:960px;
        height:500px;
        position: fixed;
        margin: auto;
        top: 0;
        bottom: 0;
        right:0;
        left: 0;
        z-index: 10; 
    }
    .searchresults h1{
            font-size: 24px;
    font-family: Calibri;
    }
    .searchresults .videopost , .searchresults .usersearched{
        display: block;
    font-size: 20px;
    font-family: Calibri;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    }
    .searchwrap #cross{
        cursor: pointer;
       position: absolute;
    top: 12px;
    right: 20px;
    color: #000;
    height: 40px;
    width: 40px;
    z-index: 10;
    font-size: 28px;
    background: #ffffff;
    text-align: center;
    border-radius: 36px;
    }
    .notifications img.avatar{
    width:50px;
    height:50px;    
    
    }
  #views_posts_comments .view_group_post .post_acions .count {
    
    font-size: 12px;
    position: absolute;
    top: 12px;
    right: 27px;
    bottom: unset;
    left: unset;
}
#views_posts_comments .view_group_post .post_acions .count1 {
        left: unset;
        right:36px;
}
#views_posts_comments .view_group_post .post_acions .count2 {
    left: unset;
    right: 5px;
}
div.notifications {
     margin: 3px 0px;
}
div.notifications.unread{
    background-color : #e5e5e5;
}
div.notifications.read{
    background-color: #fff; 
}
.view-grouping-content .view_group_post .post_date .editpost{
        float: right;
    margin-right: 44px;
    cursor: pointer;
}

#posteditpopup #cross ,  #searchuserspopup #cross{
        cursor: pointer;
       position: absolute;
    top: 12px;
    right: 20px;
    color: #000;
    height: 40px;
    width: 40px;
    z-index: 10;
    font-size: 28px;
    background: #ffffff;
    text-align: center;
    border-radius: 36px;
}
#posteditpopup ,  #searchuserspopup{
        display:none;
       background: rgba(8, 8, 8, 0.74);
    z-index: 142;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#posteditpopup .popup , #searchuserspopup .popup{
     width:960px;
     height: 540px;
        position: fixed;
        margin: auto;
        top: 0;
        bottom: 0;
        right:0;
        left: 0;
        z-index: 10; 
        background:#c3c3c3;
}
.popup .editform{
    display : none;
   margin:30px;
}

#views_posts_comments .view_group_post .post_body p{
   /* text-transform: capitalize; */
        width: 550px;
    	/* word-break: break-all; */
    	white-space: pre-wrap;
		line-height: 19px;
			word-wrap:break-word;
}


#views_posts_comments .post_comment_section_group .comment_body {
    
    padding: 0% 6px;
    /* min-height:56px; */
}

.activity{
        margin: 5px 0px;
padding: 10px 10px;
}
.activity.post{
    
    background: #73fbf8;
}

.activity.comment{
   
    background: #ffff00;
}
.activity.friend_request{
   
    background: #8affc4;;
}
.activity.unfriend{
    
    background: #2ca9e1;
}
.activity.cool{
    
    background: #00fe7d;
}
.activity.verycool{
  
    background: #00753a;
}
.activity.veryuncool{
    
    background: #ff444f;
}
.activity.postfrom{
    background: #f17c18;
}.activity.accepted{
    
    background: #f0148f;
}
.activity span.delete , .notifications span.delete {
    cursor:pointer;
}
 .sending_request.boxaddfriend{
    background: #2ca9e1;
    padding: 15px;
    text-align: center;
}
#profile_image_section .request.cancel a{
    cursor: pointer;
}
 #profile_image_section .request.cancel{
    background: #9bbb59;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    
}
 .sending_request.boxaddfriend a,
.sending_request .sendmessage a,
#profile_image_section .request.accept a ,
.sending_request .unfriend a{
       text-decoration: none;
}
 #profile_image_section .request.accept{
    background: #9bbb59;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    
}
.sending_request .unfriend{
   background: #9bbb59;
    padding: 15px;
    text-align: center; 
 
}
.sending_request .sendmessage{
   background: #00f26d;;
    padding: 15px;
    text-align: center; 
 
}
.popup #resultsforsearch {
     width : 50%;
     float: left;
     height: 100%;
    overflow: auto;
}
.popup #resultsforsearch .videoresult .videopost{
    text-transform: capitalize;
    cursor: pointer;
}
.popup #resultsforsearch .videoresult{
        padding: 10px;
    background: white;
        margin: 5px;
}
.popup .showvedio video{
        height: 270px;
    padding-top: 105px;
    visibility: hidden;
}
.popup .showvedio {
    width : 50%;
    float: left;
}

.popup #usersearchresult ,
.popup #userdetails {
    width:50%;
    float:left;
    height: 100%;
    overflow: auto;
}
.popup #usersearchresult .userdetail{
    background: white;
    margin: 10px;
    padding: 10px;
}
.popup #usersdetails .userwrapper{
    text-align: center;
    margin-top: 75px;
}
div.col-1{
        display: inline-block;
}
/*styling for comment button*/ 
  /*position: absolute;
   width: auto;
    top: 0px;
    background: #f1f1f1;
    border: 0px solid;
    margin: 1px;
    border-left: 1px solid black;*/
  #privatemsg-list-form .messagebox .Sentstatus{
      height: 10px;
  }
  #privatemsg-list-form .messagebox{
      height:65px;
      position: relative;
  }
  ul.secondary li.active{
       background: #efebeb;;
  }
  
  #views_posts_comments .post_comment_section_group .comments_input input.text_area{
      width: 90%;
  }
  .addcommentbutton input{
          background: #e5e5e5;
   
  }
  .faq-wrap .question{
    font-weight: bold;
      margin: 0px;
    padding: 0px 15px;
  }
  .faq-wrap .answer{
    display: none;
      margin: 0px;
    padding: 0px 15px;
  }
  #header_ad_section #header_ad_zone_1{
      z-index: 9999!important;
  }
  .notifications .timestamp {
    color: #2ca9e1;
    font-style: italic;
    font-size: 11px;
  }
  .activity .heartbeat-time-ago{
      /*color: #2ca9e1;*/
    font-style: italic;
    font-size: 11px;
  }
  #header_ad_section #header_ad_other_page .click_on_otherpage {
   
    padding: 1.3px 25% 6px;
   
}
#click_on_postvideo2 {
   
   
	margin-top: 3px;
}
.view-grouping-content .view_group_post .post_date .approvedstatus.pending{
    background: #c3c3c3;
    color: #fff;
}
.view-grouping-content .view_group_post .post_date .approvedstatus.approved{
    background: #00f26d;
   color: #fff;
}
.view-grouping-content .view_group_post .post_date .approvedstatus{
    float: right;
    margin-right: 44px;
    cursor: pointer;
      padding: 5px 20px;
}
.logged-in .click_on_bar.searchonvideobar{
    font-size: 50px;
    cursor: pointer;
}
.logged-in .homepage_header_rightsidebar1_space{
    display: none;
}
.login_header_left {
 
    padding: 12px 0 9px;
}
#progress-div{
    margin: 0px 0px;
}
.homepage_sidbar .post_videos_tag .postvediolink {
    text-decoration: none;
    color: #fff;
}
#advance_user_search .views-exposed-widget .click_on_profile span.rangespan{
    text-decoration: none;
    margin-top: 4px;
}
#advance_user_search{
    height:87px;
}
.quick_login {
    height: 157px;
}
span.underlinedtext{
    text-decoration: underline;
}
#profile_image_section .request.cancel a.undolink {
    cursor: pointer;
    right: 6px;
    position: absolute;
    top: 5px;
    width: 38px;
    font-size: 9px;
        background: #73fbf8;
}
#profile_image_section .request.undowrap{
    position: relative;
}
#profile_image_section .request.undowrap span.alreadysent{

    margin-top: 20px;
    display: block;
}
#friendslist .cancelrequest.cancel{
    text-decoration: none;
}
#singup_page #agree_not-agree #agree {
    color: #000;
}
a.profilephoto{

text-decoration:none;
}
#views_posts_comments .view_group_post .post_acions .post_delete {
    cursor: pointer;
padding-top:0px;
}
#views_posts_comments .view_group_post .post_acions .flag-very-cool {
    width:124px;
    padding-right: 0px;
}
#header_ad_section #header_ad_other_page .click_on_otherpage.vediolink {
    padding: 5px 9px 6px;
		height: 53px;
}
#header_ad_section #header_ad_other_page .click_on_otherpage.nonloggedin {
   padding: 0px 9px 6px;
       height: 90px;
           background: #9cdced!important;
    padding-top: 2px;
}
.post_acions .hoverspan:hover{
	text-decoration :underline!important;
}
.monthlypopup{
    display: block;
    background: rgba(8, 8, 8, 0.74);
     z-index: 10000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.monthlypopup #videos_uloading_note{
        width: 960px;
    padding-top:30px;
    height: 155px;
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
}
.monthlypopup #videos_uloading_note .closebuttons{
   position: absolute;
    right: 0px;
    cursor: pointer;
    top: 0px;
	padding: 5px;
   
}
.monthlypopup #videos_uloading_note #crossbutton{
  
    cursor: pointer;
    
    color: #000;
    padding: 1px 7px;
    background: #dfeaf0;
    border-radius: 15px;
   display:inline-block;
}
.monthlypopup #videos_uloading_note #close{
    
   display:inline-block;
        border-bottom: 1px solid #fff;
    color: #fff;
       margin-right: 10px;
}
a.button_strength{
    height: auto;
    padding-top: 5px;
    display: inline-block;
    text-transform: uppercase;
}
/*media screen*/
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
/*    box-shadow: inset 0px 0px 0px 0px red;
    -moz-box-shadow: #06f 0 0 0px;
    -webkit-box-shadow: #06f 0 0 0px;
    box-shadow: 0px 0px 0px #06f;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 0px red;*/
}
input#driverlicense::-ms-value{
    box-shadow: inset 0px 0px 0px 0px red;
    -moz-box-shadow: #06f 0 0 0px;
    -webkit-box-shadow: #06f 0 0 0px;
    box-shadow: 0px 0px 0px #06f;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 0px red;
}

#new_signup_page .signup_error_video {
    background: url(../images/arrow-updated.png) no-repeat scroll 73% 0 transparent;
    color: #FF0000;
    float: left;
    font-size: 16px;
    padding: 68px 0 0;
    width: 100%;
    background-position: 586px 2px;
        text-align: left;
    margin-top: -19px;
}
#new_signup_page .signup_error_video_closeup {
    background: url(../images/arrow-updated.png) no-repeat scroll 73% 0 transparent;
    color: #FF0000;
    float: left;
    font-size: 16px;
    padding: 68px 0 0;
    width: 100%;
    background-position: 586px 2px;
        text-align: left;
    margin-top: -40px;
}
.verticlecenter{
        margin-top: 8px;
}

.posttextstyle , .post_comment_section_group{
    font-family: Calibri!important;
    font-size: 15px!important;
    letter-spacing: 0.0em!important;
    text-transform: none;
}


/*fix for iout monstarious  status*/
#views_posts_comments .view_group_post .post_acions .post_comment_cool,
#views_posts_comments .view_group_post .post_acions .post_comment_very_cool,
#views_posts_comments .view_group_post .post_acions .post_comment_totally_uncool{
    clear: both;
    display: inline-block;
    position:relative;
}

  /*styles for password cheker*/
 .form-item-pass-pass2 .confirm_password_button{
    float: left;
    margin-left: 18px;
        padding-top: 5px;
        text-transform:uppercase;
  }
  
  
  #new_signup_page input.strength{
      border: 4px solid #00FA71;
    height: 40px;
    float: left;
    width: 16em;
    box-sizing: border-box;
    margin-left: 3%;
    margin-bottom: 0.4em;
    text-align: center;
      
  }
#new_signup_page #edit-name, #new_signup_page #edit-username-confirm {
    float: left;
    margin-left: 3%;
    height: 40px;
    text-align: center;
}
/*styles for input type file*/
 

  #custominput1 ,  #custominput2 {
    margin: 0em 0em 0em .2em;
    width: 100px;
    display: inline-block;
    border-color: #ddd #ddd #ddd;
    border-radius: 0px;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    float: right;
    background-color: #f9f9f9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#dfdfdf));
}

  #custominput3 ,  #custominput4 {
    margin: 0em 0em 0em .2em;
    width: 100px;
    display: inline-block;
    border-color: #ddd #ddd #ddd;
    border-radius: 0px;
    padding: 5px 10px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    background-color: #f9f9f9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#dfdfdf));
}
.hideMe{
	display: none;
}
  
  /*styles for cool uncool type file*/
  #views_posts_comments .view_group_post .post_acions .flag-wrapper a.flag{
    letter-spacing: 0px;
  }
  
  #send_surfer_note_to_friends .form-textarea{
      letter-spacing: 0px;
  }  
  #views_posts_comments .view_group_post .user_name{
    font-family: Calibri!important;
    font-size: 15px!important;
    letter-spacing: 0.0em!important;
    text-transform: none;
  }
  #surferbucks_notifications .noti_box .noti_box_text {
    /*text-decoration: underline;*/
    }

 #edit-field-phone-con-und-0-value, #edit-field-phone-con-und-0-value_confirm {
    height: 40px;
    text-align: center;
    float: left;
    margin-left: 3%;

}
#new_signup_page #edit-name, #new_signup_page #edit-username-confirm {
    float: left;
    margin-left: 3%;
    height: 40px;
    text-align: center;
}

#new_signup_page .error_phone{
    background: url(../images/arrow.png) no-repeat scroll 7px 0 / 127px 54px transparent;
    margin-top: -5px;
    text-align: left;
}
#views_posts_comments .view_group_post .post_body.video{
    width:100%;
    margin-left:0%;
}
#views_posts_comments .view_group_post .post_body.video .video-js{
    width:100%!important;
    height:auto!important;
}

#surferbucks_notifications .noti_box .noti_box_text .noti_counter{
   /*// width : 20px;*/
	width : 25px;
    }
#surferbucks_notifications .noti_box .noti_box_text{
    /*// width:108px;*/
	    width: 115px;

}
#surferbucks_notifications .noti_box .noti_message {
    /*// width: 86px;*/
	width: 95px;
}
#surferbucks_notifications .noti_box{
    margin-right:18px;

}
.noti_box_text.noti_fr_not{
    /*width:160px!important;*/
    width: 169px!important;
}

.click_on_bar.homepagecentered{
    top: -4px;
}
#surferbuck_note_notification #surferbuck_note_text p span {
    color: #00F26D;
	vertical-align: middle;
    margin-top: -5px; 
    display: inline-block; 

}

#views_posts_comments .post_comment_section_group .comment_body .comment_content {
        width: 65%;
    }
    .comment_body .confirmation{
        display:inline-block;
        width:25%;
    }
    .comment_body .confirmation span.commentactions{
        display:block;
        width:100%;
    }
    
.comment_body .comment_content .commenteditbutton{
		width: 56px;
		height: 25px;
		position: absolute;
		right: -50px;
		border-radius: 0px;
		padding: 0px;
		background: #e5e5e5;
		text-transform: uppercase;
		border: 1px solid #000;
    }
.comment_body .comment_content .editfield{
            width: 360px;
			position: absolute;
			left: -6px;
			right: 0;
			height: 56px;
			overflow-y: auto;
			display: inline-block;
			border: 1px solid #ccc;
			box-sizing: border-box;
    }  

.homepage_sidbar_first .post_videos_tag .search_videos_tag1{
font-size:36px;
}
#surferbuck_note_notification #surferbuck_note_text p.small_font {

    margin-top: -3px;
}
#surferbuck_note_notification #surferbuck_note_text p:first-child{
 	margin-top: 0px;
}
#surferbuck_note_notification #surferbuck_note_text p{
 	margin-top: -3px;
}
#views_posts_comments .post_comment_section_group .comment_body span{
	cursor:pointer;
}

#views_posts_comments .post_comment_section_group .comment_body span.commenttext{
	/*word-break:break-all;*/
	word-break:normal!important;
	white-space:pre-wrap;
	padding-left:15px;
	margin-right:0px;
}

.underlinetext{
    display: inline-block;
    color: #000!important;
}
.underlinetext:after{
     content: '';
    height: 1px;
    background: black; 
    display:block;
    margin-top: -4px;
}
/* text styling */
.underlinetext{
    display: inline-block;
    color: #000!important;
}
.underlinetext:after{
     content: '';
    height: 1px;
    background: black; 
    display:block;
    margin-top: -4px;
}
.underlinetext2{
    display: inline-block;
    color: #000!important;
}
.underlinetext2:after{
     content: '';
    height: 1px;
    background: black; 
    display:block;
    margin-top: -6px;
}
.underlinetext3{
    display: inline-block;
}
.underlinetext3:after{
     content: '';
    height: 1px;
    background: #fff;
    display: block;
    margin-top: -3px;
}

.underlinetext4{
    color: #fff!important;
    margin: 0 auto;
    width: 70px;
}
.underlinetext4:after{
     content: '';
    height: 1px;
    background: #fff;
    display: block;
    margin-top: -4px;
}
.underlinetext5{
    color: #fff!important;
    margin: 0 auto;
    width: 58px;
    display: inline-block;
    
    text-decoration: none!important;
}
.underlinetext5:after{
     content: '';
    height: 1px;
    background: #fff;
    display: block;
    margin-top: -4px;
}

.underlinetext6 {
    color: #fff!important;
    margin: 0 auto;
    width: 62px;
    display: inline-block;
    text-decoration: none!important;
}
.underlinetext6:after {
    content: '';
    height: 1px;
    background: #fff;
    display: block;
    margin-top: 0px;
}
.underlinetext7 {
    color: #fff!important;
    margin: 0 auto;
    width: 69px;
    text-decoration: none!important;
}
.underlinetext7:after {
    content: '';
    height: 1px;
    background: #fff;
    display: block;
    margin-top: 0px;
}

.underlinetext8 {
    color: #000!important;
    margin: 0 auto;
    width: 88px;
    display: inline-block;
    text-decoration: none!important;
}
.underlinetext9 {
    color: #000!important;
    margin: 0 auto;
    width: 74px;
    display: inline-block;
    text-decoration: none!important;
}
.underlinetext8:after {
    content: '';
    height: 1px;
    background: #050505;
    display: block;
    margin-top: -5px;
}
.underlinetext9:after {
    content: '';
    height: 1px;
    background: #050505;
    display: block;
    margin-top: -5px;
}

select{
    cursor :pointer;
}


#chat_profile_wrapper #inert_view_post_section #inert_post {
        float: left;
        width: 620px;
        background: #fff;
        border: 1px solid;
        /* overflow: hidden; */
    }
    #chat_profile_wrapper #inert_view_post_section #inert_post .text_area{

        width: 620px;
        border-right: none;
padding-left:35px;
padding-right:35px;
    }
    
/*For text area to be inline with top purple box*/

@media only screen and (max-width: 1537px) {
    #chat_profile_wrapper #inert_view_post_section #inert_post {
        float: left;
        width: 620px;
        background: #fff;
        border: 1px solid;
        /* overflow: hidden; */
    }
    #chat_profile_wrapper #inert_view_post_section #inert_post .text_area{

        width: 621px;
        border-right: none;
    }
}
@media only screen and (max-width: 1280px) {
    #chat_profile_wrapper #inert_view_post_section #inert_post {
        float: left;
        width: 622px;
        background: #fff;
        border: 1px solid;
        /* overflow: hidden; */
    }
    #chat_profile_wrapper #inert_view_post_section #inert_post .text_area{

        width: 622px;
        border-right: none;
    }
}
@media only screen and (max-width: 1098px) {
    #chat_profile_wrapper #inert_view_post_section #inert_post {
        float: left;
        width: 622.5px;
        background: #fff;
        border: 1px solid;
        /* overflow: hidden; */
    }
    #chat_profile_wrapper #inert_view_post_section #inert_post .text_area{

        width: 622.5px;
        border-right: none;
    }
}
@media only screen and (max-width: 500px) {
    #chat_profile_wrapper #inert_view_post_section #inert_post {
        float: left;
        width: 623.5px;
        background: #fff;
        border: 1px solid;
        /* overflow: hidden; */
    }
    #chat_profile_wrapper #inert_view_post_section #inert_post .text_area{

        width: 623.5px;
        border-right: none;
    }
}
/*For issues of images on welcome page*/
@media only screen and (max-width: 1746px) {
    .homepage_header_logo_6 {
        padding: 0 12px;
        float: left;
    }
    .homepage_header_logo_6 img {
        width: 94.5px;
    }
}
@media only screen and (max-width: 1537px) {
    .homepage_header_logo_6 {
        padding: 0 11px;
        float: left;
    }
    .homepage_header_logo_6 img {
        width: 94.5px;
    }
    .login_header_logo img{
            height: 78px !important;
    }
}
@media only screen and (max-width: 1280px) {
    
    .homepage_header_logo_6 img {
        width: 95.5px;
    }
    .login_header_logo img{
            height: 78.3px !important;
    }
}
@media only screen and (max-width: 1098px) {
    
    .homepage_header_logo_6 img {
        width: 95.8px;
    }
    .login_header_logo img{
            height: 78.3px !important;
    }
}
@media only screen and (max-width: 961px) {
    
    .homepage_header_logo_6 img {
        width: 96px;
    }
    .login_header_logo img{
            height: 78.3px !important;
    }
}
@media only screen and (max-width: 768px) {
    
    .homepage_header_logo_6 img {
        width: 95px;
    }
/*    .login_header_logo img{
            height: 78.3px !important;
    }    */
}
@media only screen and (max-width: 640px) {
    
    .homepage_header_logo_6 img {
        width: 95.5px;
    }
/*    .login_header_logo img{
            height: 78.3px !important;
    }    */
}
@media only screen and (max-width: 480px) {
    
    #views_posts_comments .post_comment_section_group .comment_body .comment_content {
        width: 65%;
        margin-right:0px;
    }
    .homepage_header_logo_6 img {
           width: 96.1px;
    }
/*    .login_header_logo img{
            height: 78.3px !important;
    }    */
}
@media only screen and (max-width: 384px) {
    
    .homepage_header_logo_6 img {
        width: 95.8px;
    }
/*    .login_header_logo img{
            height: 78.3px !important;
    }    */
}
#singup_page #user_agreement{
    width:404px;
}
#singup_page #user_agreement h4{
    margin-top:26px;
}
#singup_page #user_agreement span{
    font-size: 32px;
}
#chat_profile_wrapper #profile_photo_content #profile_image_section #click_pot_photo{
    padding-top:0px;
}





/*surferbucks2-alpha-default.css*/

/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */


/*surferbucks2-alpha-default-normal.css*/

/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */


 /*alpha-default-normal-12.css*/

 /*
 * ==========================================================
 * Grid
 * ==========================================================
 */

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, 
.grid-11, .grid-12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
  position: relative;
}

/*
 * ==========================================================
 * Alpha - Omega
 * ==========================================================
 */

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/*
 * ==========================================================
 * Container
 * ==========================================================
 */

body {
  min-width: 960px;
}

.container-12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/*
 * ==========================================================
 * Columns
 * ==========================================================
 */

.container-12 .grid-1 {
  width: 60px;
}

.container-12 .grid-2 {
  width: 140px;
}

.container-12 .grid-3 {
  width: 220px;
}

.container-12 .grid-4 {
  width: 300px;
}

.container-12 .grid-5 {
  width: 380px;
}

.container-12 .grid-6 {
  width: 460px;
}

.container-12 .grid-7 {
  width: 540px;
}

.container-12 .grid-8 {
  width: 620px;
}

.container-12 .grid-9 {
  width: 700px;
}

.container-12 .grid-10 {
  width: 780px;
}

.container-12 .grid-11 {
  width: 860px;
}

.container-12 .grid-12 {
  width: 940px;
}

/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */

.container-12 .prefix-1 {
  padding-left: 80px;
}

.container-12 .prefix-2 {
  padding-left: 160px;
}

.container-12 .prefix-3 {
  padding-left: 240px;
}

.container-12 .prefix-4 {
  padding-left: 320px;
}

.container-12 .prefix-5 {
  padding-left: 400px;
}

.container-12 .prefix-6 {
  padding-left: 480px;
}

.container-12 .prefix-7 {
  padding-left: 560px;
}

.container-12 .prefix-8 {
  padding-left: 640px;
}

.container-12 .prefix-9 {
  padding-left: 720px;
}

.container-12 .prefix-10 {
  padding-left: 800px;
}

.container-12 .prefix-11 {
  padding-left: 880px;
}

/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */

.container-12 .suffix-1 {
  padding-right: 80px;
}

.container-12 .suffix-2 {
  padding-right: 160px;
}

.container-12 .suffix-3 {
  padding-right: 240px;
}

.container-12 .suffix-4 {
  padding-right: 320px;
}

.container-12 .suffix-5 {
  padding-right: 400px;
}

.container-12 .suffix-6 {
  padding-right: 480px;
}

.container-12 .suffix-7 {
  padding-right: 560px;
}

.container-12 .suffix-8 {
  padding-right: 640px;
}

.container-12 .suffix-9 {
  padding-right: 720px;
}

.container-12 .suffix-10 {
  padding-right: 800px;
}

.container-12 .suffix-11 {
  padding-right: 880px;
}

/*
 * ==========================================================
 * Push
 * ==========================================================
 */

.container-12 .push-1 {
  left: 80px;
}

.container-12 .push-2 {
  left: 160px;
}

.container-12 .push-3 {
  left: 240px;
}

.container-12 .push-4 {
  left: 320px;
}

.container-12 .push-5 {
  left: 400px;
}

.container-12 .push-6 {
  left: 480px;
}

.container-12 .push-7 {
  left: 560px;
}

.container-12 .push-8 {
  left: 640px;
}

.container-12 .push-9 {
  left: 720px;
}

.container-12 .push-10 {
  left: 800px;
}

.container-12 .push-11 {
  left: 880px;
}

/*
 * ==========================================================
 * Pull
 * ==========================================================
 */

.container-12 .pull-1 {
  left: -80px;
}

.container-12 .pull-2 {
  left: -160px;
}

.container-12 .pull-3 {
  left: -240px;
}

.container-12 .pull-4 {
  left: -320px;
}

.container-12 .pull-5 {
  left: -400px;
}

.container-12 .pull-6 {
  left: -480px;
}

.container-12 .pull-7 {
  left: -560px;
}

.container-12 .pull-8 {
  left: -640px;
}

.container-12 .pull-9 {
  left: -720px;
}

.container-12 .pull-10 {
  left: -800px;
}

.container-12 .pull-11 {
  left: -880px;
}




/*mobilecss.css?XCV*/


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 11, 2020, 9:35:52 AM
    Author     : SyedAsifAli
    Email      : asifali708719@gmail.com
*/

/*Generic style*/

.mobilehome{
    display:none;
}

  




@media only screen and (max-width: 600px) {
    
    
    /*Home page style*/
    body{
        min-width: 100%;
        background:#fff;
    }
     #section-header {
         display:none!important; 
    }
    
    .fooet_area {
        width:100%!important;
    }
    #drupalchat ul li{
        display:none;
    }
/*    .mobilehome{*/
/*        display:block;*/
/*    }*/
/*    .mobilehome .part{*/
/*        height:20vh;*/
/*    }*/
    
/*    .mobilehome .part.logolink{*/
/*        background:green;*/
/*       text-align:center;*/
/*    }*/
/*    .mobilehome .part a{*/
/*        text-transform:uppercase;*/
/*        color:#fff;*/
        
/*         position: relative;*/
/*        top: 50%;*/
/*        transform: translateY(-50%);*/
        
        
        
/*            font-size: 30px;*/
/*    line-height: 0px;*/
/*    text-decoration: none;*/
/*    }*/
/*    .mobilehome .part.logolink a{*/
        
        
/*        font-size: 30px;*/
/*        line-height: 0px;*/
/*    }*/
/*    .mobilehome .part.freemembership{*/
/*        background:#0070C0;*/
/*       text-align:center;*/
/*    }*/
    
/*    .mobilehome .part.freemembership a{*/
/*        font-size: 30px;*/
/*        line-height: 0px;*/
/*    }*/
    
/*     .mobilehome .part.signin a{*/
/*        font-size: 60px;*/
/*        line-height: 0px;*/
/*        color: #0070c0;*/
/*    }*/
    
/*    .mobilehome .part.signin{*/
/*        background:#ffff00;*/
/*       text-align:center;*/
      
/*    }*/
/*    .mobilehome  .searchforvedios{*/
/*        background:#8d42c6;*/
/*        text-align:center;*/
/*    }*/
/*    .mobilehome  .searchforvedios{*/
/*        background:#8d42c6;*/
/*        text-align:center;*/
/*    }*/
    
/*    .mobilehome  .searchformembers{*/
/*        background:#008000;*/
/*        text-align:center;*/
/*    }*/
/*    .mobilehome .smalltm{*/
/*            position: absolute;*/
/*            top: 0px;*/
/*            font-size: 10px;*/
/*    }*/
    
/*    .mobilehome .logoleft{*/
      
/*        float: left;*/
/*        width: 60px;*/
/*        position: relative;*/
/*        top: 50%;*/
/*        transform: translateY(-50%);*/
/*        margin-left: 40px;*/
/*    }*/
/*    .mobilehome .logoright{*/
       
/*        float: right;*/
/*        width: 60px;*/
/*        position: relative;*/
/*        top: 50%;*/
/*        transform: translateY(-50%);*/
/*        margin-right: 40px;*/
/*    }*/
/*    #section-footer{*/
        
/*    }*/
}






/*chat.css*/


.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color: #00a0de;
	padding:7px;
	color: #ffffff;

	border-right:1px solid #00a0de;
	border-left:1px solid #00a0de;
}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
	float: left;
}

.chatboxmessage{
}
.chatboxmessage.chat-message-me {
    text-align: right;
}
.chatboxmessage .chatboxmessagecontent {

}
.chatboxmessage.chat-message-you .chatboxmessagecontent {
}
.chatboxmessage.chat-message-me .chatboxmessagecontent {
}




/*screen.css*/


@charset "utf-8";
/*
 * CSS Document
 * Written by Ryan Yonzon
 * http://ryan.rawswift.com/
 */
 
html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	

}

#main_container {
	width:100%;
	background-color:#ffffff; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	overflow-x: hidden;
	overflow-y: scroll;
	height:100%;	/* this will make sure that the height will extend at the bottom */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}

