/* =Commons */

body, ul, small {
    margin: 0;
    padding: 0;
    }

body {
    background: #fff;
    color: #666;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 15px;
    unicode-bidi: embed;
    }

h1 {
    font-size: 20px;
    line-height: 24px;
    }

h2 {
    font-size: 18px;
    line-height: 22px;
    }

h3 {
    font-size: 12px;
    line-height: 16px;
    }


ul {
    list-style: none;
    }


a img {
    border: 0 none;
    }

table {
    width: 100%;
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    }

textarea {
    resize: none;
    }


blockquote {
    border-left: 2px solid #3c3c3c;
    color: #909090;
    margin: 10px 0;
    padding: 0 0 0 10px;
    }

#Grid .mix{
    opacity: 0;
    display: none;
}

/* Commons= */

/* =Structure */

.verifyBarHolder{
    height: 40px;
    }

.verifyBar {
    background: #fff2cc;
    height: 40px;
    left: 0;
    min-width: 943px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
	-moz-box-shadow: 0 0 5px rgba(3, 3, 3, 0.3);
	box-shadow: 0 0 5px rgba(3, 3, 3, 0.3);
}
.verifyBar .uiButtonText{
	background-color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	-webkit-border-radius: 3px;
}
.verifyBar .uiButtonText:hover{
	background-color: transparent;
	padding: 5px 10px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	text-decoration: none;
}
.verifyBarContent {
    color: #222222;
    margin: 0 auto;
    padding: 10px 5px;
    width: 943px;
    }

.verifyBarContent a:link, .verifyBarContent a:visited {
    color: #4798ed;
    }

.verifyBarContent a:hover {
    text-decoration: underline;
    }

.headerBarHolder {
    height: 40px;
    }

.headerBar {
    background: #4798ed;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);
    height: 40px;
    left: 0;
    min-width: 943px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 300;
    }

.headerBar.afterVerify {
    top: 40px;
    }

.header {
    margin: 0 auto;
/*    width: 943px;*/
    }

.headerBarHolder.userNonExist, .headerBar.userNonExist {
    height: 80px;
    box-shadow: none;
    }

.logo {
    background: url("../images/header/logo.png") no-repeat scroll 0 0 transparent;
    float: left; /* rtl */
    height: 40px;
    width: 150px;
    }

.logo.userNonExist {
    background: url("../images/header/logo-larg.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    margin-top: 25px;
    width: 230px;
    }

.logo a {
    width: 150px;
    height: 40px;
    display: block;
    }

.logo.userNonExist a {
    width: 230px;
    }
    
.logo a span {
    visibility: hidden;
    }

.search {
    float: left; /* rtl */
    height: 32px;
    padding: 8px 0 0 2px; /* rtl */
    width: 298px;
    }

.search.userNonExist {
    margin: 35px 0 0 10px;
    padding: 0;
    }

.search span.glass {
    cursor: pointer;
    display: block;
    padding: 7px 8px 5px;
    position: absolute;
    right: 0; /* rtl */
    }

.search span.glass i {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    width: 14px;
    }

input.searchInput {
    background: #F6F6F6;
    border: 1px solid #3E3E47;
    color: #666;
    padding: 6px 25px 6px 5px; /* rtl */
    width: 266px;
    }

input.searchInput.active {
    background: #fff;
    color: #333;
    }

.signInMenu {
    background: #fff;
    border-radius: 5px 5 5px 5px; /* rtl */
    display: none;
	margin: 9px 0px;
    width: 270px;
    padding: 20px 20px 10px;
    position: absolute;
    right: 0; /* rtl */
    top: 100%;
    z-index: 1;
	box-shadow: 0 3px 7px rgba(5, 5, 5, 0.5);
	-moz-box-shadow: 0 3px 2px rgba(5, 5, 5, 0.5);
	border: 1px solid #dedfde;
}
.signin-header{
	font-size: 20px;
	line-height: 40px;
}
.signin-header >div{
	margin-right: 15px;
}
.signInMenu hr{
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}
.signin-checkbox{
	margin-top: 20px;
}
.signInMenu .form-group label{
	font-size: 16px;
}
.signInMenu .form-group{
	margin-bottom: 5px;
}
.signInMenu .btn-round{
	padding: 5px;
	height: 60px;
	width: 60px;
	margin-right: 20px;
}
a.signInBox{
	padding: 10px;
	border: 1px solid #fff;
	margin-left: 0;
}
a.signInBox.active{
	background: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	margin-top: -11px;
	margin-right: 0;
	margin-bottom: -1px;
	padding: 10px !important;
	/*display: inline-block;*/
	z-index: 10;
	position: relative;
	border: 1px solid #dedfde;
	border-bottom-style: none;
	color: #ff9800 !important;
}
a.signInBox.active i{
	color: #3399ff;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180eg);
	-o-transform: rotate(-180deg);
}
.navigation {
/*    width: 155px;
    height: 32px;
    float: left; /* rtl *!/
    padding: 8px 0 0 5px; /* rtl *!/
    text-align: left; /* rtl *!/*/
    }

.navigation li.item {
    float: left; /* rtl */
    padding-right: 5px; /* rtl */
    }

.navApp {
    padding: 0px;
    cursor: pointer;
    }


.navApp.signoutIcon {
    background-position: -155px -45px;
    }
#notificationsIcon.navApp, #messagesIcon.navApp{
	float: left;
}
#notificationsIcon.navApp:hover, #messagesIcon.navApp:hover{
	width: inherit;
	height: inherit;
	display: inherit;
	background-image: none;
}
#notificationsIcon.navApp:hover .fa-circle{
	color: #ff9800 !important;
}
.navigation .counter {
    background-color: #f5343d;
    padding: 1px 2px;
    position: absolute;
    top: -1px; right: -1px; /* rtl */
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
    z-index: 101;
    border-radius: 2px;
    }

.navMenu {
/*    width: 300px;*/
    }

.navMenu a:hover {
    text-decoration: underline;
    }

.navMenu li {
	width: 100%;
    padding: 6px 8px !important;
    border-top: 1px solid #eeefee;
    }

.navMenu li:first-child {
    border-top: 0 none;
    }

.navMenu li:hover, .navMenu li.active {
    background: #f4f6f9;
    }

/*.navMenu li:first-child:hover {
    background: transparent;
    }*/

a.navDataContainer {
/*    width: 284px;*/
	width: 100%;
    color: #333;
    display: inline-block;
	padding: 5px;
	font-size: 12px;
}

a.navDataContainer:hover {
    text-decoration: none;
    }

.navDataWrapper {
/*    width: 249px;*/
    float: left; /* rtl */
    }

.signOut {
    width: 328px;
    height: 32px;
    float: left; /*rtl */
    padding: 8px 5px 0 0; /*rtl */
    }

.subHeaderWrapper {
    background: #edf0f5;
    width: 100%;
    }

.subHeader {
    background: transparent;
    margin: 0 auto;
    position: relative;
    width: 943px;
    }

.signupBar {
    width: 883px;
    padding: 20px 30px;
    }

    
.content {
    background: transparent;
    margin: 0 auto;
    position: relative;
    }

.pageContent {
	padding-right: 20px;
	padding-left: 20px;
}

.mainContent {
    background: transparent;
/*    width: 943px;*/
    text-align: left;
    }

.leftPanel {
    width: 140px;
    padding: 10px 5px;
    vertical-align:top;
    border-right: 1px solid #cccccc;
    }

.centerPanel {
/*    width: 559px;*/
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
    }
    
.centerPanelAdv {
    background: #edf0f5;
    width: 533px;
    padding: 10px 13px;
    border-bottom: 1px dashed #ccc;
    }

.centerPanelHeader {
    background: transparent;
    width: 533px;
    padding: 10px 13px;
    }
    
.centerPanelContent {
/*    width: 533px;*/
    padding: 0 13px;
    margin-bottom: 20px;
}

.centerPanelContent a:hover {
    text-decoration: underline;
    }

.rightPanel {
    width: 222px;
    padding: 10px 5px;
    vertical-align:top;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    }

.widePanel {
    width: 861px;
    padding: 40px;
    vertical-align:top;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    }

.widePanel .formSteps a:link, .widePanel .formSteps a:visited {
    color: #8a9cc2;
    }

.widePanel .formSteps a:hover {
    text-decoration: underline;
    }

.footerWrapper {
    width: 100%;
    }

.footer {
    width: 923px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #808080;
    line-height: 18px;
    }

.footer.userExist {
    width: 773px;
    padding: 5px 10px 10px 160px; /* rtl */
    }

.footer a:hover {
    text-decoration: underline;
    }

/* Structure= */

/* =Chat */

.onlineBox {
    background: #dcdddc;
    bottom: 0;
    position: fixed;
    right: 20px; /* rtl */
    width: 195px;
    z-index: 1000;
    border-top-left-bottom-style: 5px;
    border-top-right-bottom-style: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    }

.onlineBoxContent {
    background: #fff;
    border-color: #bbc1ce;
    border-style: solid;
    border-width: 1px 1px 0;
    max-height: 320px;
    min-height: 100px;
    overflow: auto;
    padding: 0;
    width: 183px;
    border-top-left-bottom-style: 5px;
    border-top-right-bottom-style: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    }

.onlineBoxHead {
    background: #ebeef4;
    border-color: #bbc1ce;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 0 8px 35px; /* rtl */
    position: relative;
    }

.onlineBoxHead:hover {
    background: #f3f3f3;
    }

.onlineBoxHead .icon {
    left: 10px; /* rtl */
    position: absolute;
    top: 7px;
    width: 16px;
    
    }
.onlineBoxContent img{
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	margin-right: 10px;
}
.onlineBoxContent ul.online-users-list{
	width: 100%;
}
.onlineBoxContent ul.online-users-list li{
	padding: 5px;
}
.onlineBoxContent ul.online-users-list li a{
	width: 100% !important;
	float: none !important;
	clear: none !important;
	display: block !important;
	font-size: 12px;
}
.onlineBoxContent ul.online-users-list li a:hover{
	text-decoration: none;
	color: #ff9800;
}
.onlineBoxContent ul.online-users-list li{
	border-bottom: 1px solid #dddedd;
}
.chatBox {
    background: #fff;
    bottom: 0;
    position: fixed;
    width: 225px;
    z-index: 1000;
    
    }
.chatBoxContent{
	width: 100%;
}
.chatBoxHead {
	background: #4798ed;
    border: 1px solid #2384ea;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    padding: 7px;
    border-top-left-bottom-style: 5px;
    border-top-right-bottom-style: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
	font-style: normal;
	font: 16px Museo-500;
}

.chatBoxHeadNew {
    background: #555555;
    color: #ffffff;
    }

.chatBoxHead:hover {
    text-decoration: underline;
    }

.chatBoxConversation {
    background: #fff;
    border-bottom: 1px solid #c9d0da;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    color: #333;
    height: 200px;
    overflow: auto;
    padding: 5px;
/*    width: 213px;*/
    font-size: 11px;
    line-height: 14px;
	}
.chatBoxConversation img{
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
.chatBoxConversation table {
    width: 100%;
    height: 100%;
    }

.chatBoxConversation td {
    vertical-align: bottom;
    }

.chatBoxConversation li {
    border-top: 1px solid #eee;
    }

.chatBoxInput {
    background: #dddedd;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    padding: 7px;
/*    width: 213px;*/
	}

.chatBoxInput textarea {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    height: 44px;
    line-height: 14px;
    margin: 1px;
    overflow: hidden;
    padding: 7px;
/*    width: 203px;*/
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-color: #aaa;
}

.chatBoxInput textarea:focus {
    border-color: #9F663C;
    }

/* Chat= */

/* =Translation */

.translationBox {
    background: #ebeef4;
    border: 1px solid #bbc1ce;
    bottom: 0;
    padding: 7px 8px 6px;
    position: fixed;
    right: 220px; /* rtl */
    z-index: 1000;
    }

.translationBox:hover {
    background: #f3f3f3;
    cursor: pointer;
    }

/* =Translation */

/* =Tricker */
.tricker-li{
	position: relative;
}
.tricker {
    border: 1px solid #dddedd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
	width: 200px;
	position: absolute;
	top: 40px;
	display: none;
	left: -30px;
}
.tricker.active{
	display: block;
}
.trickerMenu {
/*    width: 222px;*/
    }

.trickerMenu a:hover {
    text-decoration: underline;
    }

.trickerMenu li {
    padding: 5px;
    margin: 1px 0;
    border-top: 1px solid #e9e9e9;
    }
.tricker-li .trickerMenu li {
    padding: 5px !important;
}
.trickerMenu li:first-child {
    border-top: 0 none;
    }

.trickerMenu li:hover {
    background: #eceff5;
    text-decoration: underline;
    }

.trickerMenuTitle {
    padding-bottom: 8px;
    border-bottom: 1px solid #808080;
    }

a.trickerDataContainer {
/*    width: 222px;*/
    color: #666;
    display: inline-block;
    }

a.trickerDataContainer:hover {
    text-decoration: none;
    }
.trickerDataContainer .dataContent{
	float: left;
	width: 140px;
	color: #777;
	line-height: 14px;
	font-size: 12px;
	display: inline-block;
	margin-top: 5px;
}
.trickerDataContainer .dataSideWrapper.medium{
	float: left;
	width: 40px;
}
.trickerDataContainer .dataSideWrapper img{
	width: 40px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border: 1px solid #4697ec;
	
}
.trickerDataWrapper {
/*    width: 187px;*/
    float: left; /* rtl */
    }

/* Tricker= */

/* =Apps Menu */

.appsMenu {
    width: 140px;
    }

.appsMenu .item {
    padding: 1px 0;
    border: 0 none;
    overflow: hidden;
    }

.appsMenu a:link, .appsMenu a:visited {
    color: #666;
    }

    
.appLink .name {
    line-height: 13px;
    text-decoration: none;
    }

.appLink.active, .appLink:hover {
    background-image: url("../images/misc/apps-bg.png"); /* rtl */
    background-position: right center; /* rtl */
    background-repeat: no-repeat;
    background-color: #d8dfea;
    }
    
.appLink.active:hover {
    background-color: #d8dfea;
    }
    
.appLink:hover {
    background-color: #eff2f7;
    }

.app_icon {
/*    background-image: url("../images/buttons/sprite-icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: pointer;*/
    }

.app_all {
    background-position: 0 -29px;
    }

.app_profile {
    background-position: -16px -29px;
    }

.app_news {
    background-position: -32px -29px;
    }

.app_music {
    background-position: -48px -29px;
    }

.app_photos {
    background-position: -64px -29px;
    }

.app_videos {
    background-position: -80px -29px;
    }

.app_discussions {
    background-position: -96px -29px;
    }

.app_questions {
    background-position: -112px -29px;
    }

.app_polls {
    background-position: -128px -29px;
    }

.app_links {
    background-position: -144px -29px;
    }

.app_events {
    background-position: -160px -29px;
    }

.app_people {
    background-position: -176px -29px;
    }

.app_messages {
    background-position: -192px -29px;
    }

.app_flag {
    background-position: -208px -29px;
    }

.app_config {
    background-position: -224px -29px;
    }

.app_linked {
    background-position: -240px -29px;
    }

.app_web {
    background-position: -256px -29px;
    }

.app_info {
    background-position: -272px -29px;
    }

.app_wall {
    background-position: -288px -29px;
    }

.app_pages {
    background-position: -304px -29px;
    }

.app_albums {
    background-position: -320px -29px;
    }

.app_songs {
    background-position: -336px -29px;
    }

.app_places {
    background-position: -352px -29px;
    }

.app_business {
    background-position: -368px -29px;
    }

.app_stars {
    background-position: -384px -29px;
    }

.app_singers {
    background-position: -400px -29px;
    }

.app_public {
    background-position: -416px -29px;
    }

.app_twitter {
    background-position: -432px -29px;
    }

.app_facebook {
    background-position: -448px -29px;
    }

.app_timeline {
    background-position: -464px -29px;
    }

.app_insights {
    background-position: -480px -29px;
    }

.app_forums {
    background-position: -496px -29px;
    }

.app_spam {
    background-position: -512px -29px;
    }

.app_chatOn {
    background-position: -528px -29px;
    }

.app_chatOff {
    background-position: -544px -29px;
    }

.app_radio {
    background-position: -560px -29px;
    }

.app_games {
    background-position: -576px -29px;
    }

.app_terms {
    background-image: url("../images/buttons/sprite-icons-static.png");
    background-position: 0 0;
    }

.app_privacy {
    background-image: url("../images/buttons/sprite-icons-static.png");
    background-position: -16px 0;
    }

.app_feedback {
    background-image: url("../images/buttons/sprite-icons-static.png");
    background-position: -32px 0;
    }

/* Apps Menu= */

/* =App Hedaer */

.appHeaderWrapper {
/*    border-bottom: 1px solid #ccc;*/
	position: relative;
}
.appHeaderWrapper .sort-filters{
	position: absolute;
	right: 10px;
	top: 10px;
}
.appHeaderWrapper input{
	position: relative;
	z-index: 1;
}
.appHeaderWrapper h1{
	color: #3399ff;
	text-align: center;
/*	border-bottom: 1px solid #dddedd;*/
	font: 26px Museo-700;
	position: relative;
	padding-bottom: 20px;
	padding-top: 15px;
	margin-bottom: 0;
	margin-top: 5px;
}
.appHeaderWrapper p {
    line-height: 15px;
    }

.appHeaderWrapper a:hover {
/*    text-decoration: underline;*/
    }
.appHeaderWrapper form{
	width: 200px;
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: inherit!important;
}
/* App Hedaer= */

/* =App Footer */

.appsFooter {
    padding: 10px 0;
	float: left;
	clear: both;
	width: 100%;
}

.appsFooter a:hover {
    text-decoration: underline;
    }

/* App Footer= */

/* =Publisher */

.publisherWrapper {
/*    width: 531px;
    padding: 10px 0;*/
    }


.publisherWrapper li { 
    float:left; /* rtl */
    padding-right: 4px; /* rtl */
    }

.publisherWrapper li:last-child { 
    padding-right: 0;
    }

.publisherWrapper .holder {
    display: inline-block;
    padding: 5px 5px 5px 0; /* rtl */
    color: #808080;
    }

.publisherWrapper .appLink {
/*    padding-left: 20px;  /* rtl *!/
    color: #3399ff;
    cursor: pointer;*/
    }

.publisherWrapper .appLink .icon {
/*    left: 0; /* rtl *!/*/
display: inline-block;
}

.publisherWrapper .appLink i.arrow {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -39px -16px;
    position: absolute;
    top: 25px; left: 2px;
    width: 13px;
    height: 7px;
    z-index: 1;
    }
    
.publisherWrapper .appLink.active, .publisherWrapper .appLink:hover {
    background: none;
    text-decoration: underline;
}

.publisherWrapper .appLink.active {
    color: #000;
    text-decoration: none;
    cursor: auto;
    }

.publisherContent {
	margin-top: 0;
    display: inline-block;
    border: 1px solid #dddedd;
	width: 100%;
	text-align: center;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
}

.publisherContent a:hover {
    text-decoration: underline;
    }

.publisherFooter {
    background: #f2f2f2;
    min-height: 25px;
    padding: 8px;
    color: #808080;
    line-height: 25px;
    border-top: 1px solid #e6e6e6;
    }

.publisherFooter input[type="checkbox"] {
    vertical-align: middle;
    }

.publisherTabsWrapper {
    width: 100%;
    padding: 10px;
    display: inline-block;
	text-align: center;
}

.publisherTab, a.publisherTab {
    background: #ebeef4;
	padding: 10px;
 /* rtl */
    color: #3399ff;
	cursor: pointer;
    border-radius: 5px;
	text-align: center;
	width: 48%;
	display: inline-block;
}

.publisherTab:hover, a.publisherTab:hover {
    text-decoration: underline;
    }

textarea.shareNews {
    width: 519px;
    height: 30px;
    padding: 6px 5px;
    color: #808080;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #b4bbcd;
    }

textarea.shareQuestion {
    }

textarea.saySomeThing {
/*    width: 504px;*/
    padding: 5px 4px;
    font-size: 12px;
    line-height: 16px;
    }
.upload-success-wrapper .text-primary{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.uploaded-image{
	max-width: 200px;
	max-height: 200px;
	margin-top: 10px;
}
input.shareInput {
/*    width: 499px;*/
/*    font-size: 12px;
    line-height: 16px;
	margin-right: auto;
	margin-left: auto;*/
}

input[type=text].attachLink {
    width: 440px;
    direction: ltr;
    }

input[type=submit].attachLink {
    margin-left: -4px;
    }

.pubPollOptions {
    margin-bottom: -8px;
    border-top: 1px solid #ccc;
    }

input.sharePollOption {
    width: 450px;
    }

.pubPollOptions span {
    background: #fff;
    padding: 0 5px;
    position: relative;
    top: -8px; left: 20px; /* rtl */
    }

.linkThumbControl {
    display: inline-block;
    }

.linkThumbBtn {
    background: #282828;
    padding: 5px 10px;
    float: left;
    border: 1px solid #3c3c3c;
    cursor: pointer;
    }
    
.linkThumbBtn.clicked {
    background: #2aa7d5;
    border: 1px solid #151515;
    }

.linkThumbBtn.disactive {
    opacity: 0.4;
    }

.linkThumbBtn i.arrowLeft, .linkThumbBtn i.arrowRight {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: 0 -17px;
    background-repeat: no-repeat;
    width: 6px;
    height: 11px;
    display: block;
    opacity: 0.3;
    }

.linkThumbBtn i.arrowRight {
    background-position: -7px -17px;
    left: 8px;
    }

.linkThumbTxt {
    padding: 5px;
    float: left;
    font-size: 9px;
    }

.iautoCompleteData {
    background: #454545;
    width: 200px;
    position: absolute;
    top: 100%; left: 0;
    color: #bebebe;
    border: 1px solid #101010;
    }

/* Publisher= */

/* =Posts */

.liveFeeds {
    width: 533px;
    }

.liveFeeds li.feedItem {
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
	padding: 5px;
}

.dataContainer {
/*    width: 533px;
    padding: 10px 0;*/
    display: inline-block;
	width: 100%;
}

.dataContainer.whoWhat {
    padding: 5px 0;
    }

.dataContainer.subContainer {
    width: 446px;
    padding: 10px 0 0;
    border-bottom: 0 none;
    border-top: 1px solid #3c3c3c;
    }

.dataContainer.topNews {
    width: 476px;
    }

.dataContainer a:hover {
    text-decoration: underline;
    }

.dataSideWrapper {
    width: 64px;
    min-height: 64px;
    float: left; /* rtl */
    }

.dataSideWrapper.medium {
    width: 30px;
    min-height: 30px;
    }

.dataSideWrapper.small , .newsfeed .dataSideWrapper.small{
    width: 20px;
    min-height: 20px;
    }

.dataContentWrapper, .mediaContentWrapper {
    width: 100%;
/* rtl */
	float: left;
	margin: 0;
}

.dataContentWrapper.medium {
/*    width: 500px;*/
    }

.dataContentWrapper.small {
/*    width: 406px;*/
    }

.dataContentWrapper.vsmall {
    }

.mediaContentWrapper {
	width: 100%;
}

.dataContent {
/*    width: inherit;*/
    word-wrap: break-word;
    }
.feedItem .dataContainer .dataContent.mb10{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.dataAppContent {
/*    width: 434px;*/
    padding: 3px 0 3px 10px; /* rtl */
    border-left: 2px solid #e5e5e5; /* rtl */
    word-wrap: break-word;
	width: 95%;
}

.dataDiscussion ul {
    list-style: square;
    margin: 10px 0 10px 5px; /* rtl */
    padding: 0 0 0 10px; /* rtl */
    }

.dataDiscussion img {
    max-width: 463px;
    }

.dataQuestionContent {
    width: 434px;
    display: inline-block;
    }

.dataQuestionContent-question {
    float: left; /* rtl */
    width: 374px;
    }

.pollOptions {
    width: 100%;
    }

.pollOptions .pollRadioBtn {
    width: 25px;
    position: relative;
    top: 2px;
    vertical-align: top;
    }

.pollOptions .pollResultsBar {
    padding: 2px 0;
    }

.pollOptions .pollWhoVoted {
    width: 160px;
    padding: 5px;
    vertical-align: top;
    }

.pollOption {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 3px 5px 6px;
    position: relative;
    }

.pollOption .shaded {
    background-color: #d8dfea;
    height: 100%;
    position: absolute;
    top: 0; left: 0; /* rtl */
    }

.pollOption .label {
    color: #3399ff;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    top: 1px;
    }

.pollOption .votes {
    background-color: #fff;
    height: 100%;
    padding: 0 5px;
    position: absolute;
    right: 0; /* rtl */
    top: 0;
    visibility: hidden;
    }

.pollOption .votes span {
    color: #808080;
    font-weight: bold;
    position: relative;
    top: 4px;
    }

.pollRadioBtn input[disabled="disabled"], .pollRadioBtn input.disabled {
    opacity: 0.3;
    }

.pollRadioBtn:hover, .pollRadioBtn input, .pollOption:hover {
    cursor: pointer;
    }

.pollRadioBtn:hover + .pollResultsBar div.pollOption, .pollOption:hover  {
    border: 1px solid #788db8;
    }

.pollRadioBtn:hover + .pollResultsBar div.votes, .pollOption:hover .votes {
    visibility: visible;
    }

.dataLinkContent {
    width: 100%;
    display: inline-block;
	text-align: left;
}

.dataLinkContent-thumbnail {
    float: left; /* rtl */
    width: 45%;
	height: auto;
}
.dataLinkContent-thumbnail img{
	width: 100%;
}
.dataLinkContent-body {
    float: left; /* rtl */
    width: 50%;
    }
.dataLinkContent-body .dataContent.mb10{
	width: 100% !important;
}
.dataLinkContent-body a{
	font-size: 20px;
	font-weight: bold;
}
.dataPhotoContent {
    background: #f7f7f7;
    width: inherit;
    text-align: center;
    }

.dataDesContent {
    background: #f7f7f7;
    width: auto;
    padding: 8px;
    border: 1px solid #cccccc;
    }

.uiAlbumThumb {
    cursor: pointer;
	position: relative;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.uiMediaThumb img, .uiAlbumThumbWrap img{
/*	min-width: 100%;
	max-width: 100%;*/
	max-width: 100%;
}

.uiAlbumThumbWrap {
   }
    
.uiAlbumThumbWrap i {
/*    background-color: #000000;*/
    background-position: center 25%;
    background-repeat: no-repeat;
    width: 168px;
    height: 330px;
    min-width: 100%;
    display: block;
    background-size: contain;
    }

.uiMediaThumb {
/*    background: #edeff4;*/
    display: inline-block;
    position: relative;
    margin-top: 5px;
	cursor: pointer;
	width: 100%;
    }
a.uiMediaThumb, a.uiAlbumThumb {
	max-height: 400px;
	overflow: hidden;
}
a.uiMediaThumb:hover, a.uiAlbumThumb:hover {
	max-height: inherit;
}
.uiMediaThumb i {
/*    background-color: #edeff4;
    background-repeat: no-repeat;
    background-position: center 25%;
    width: 173px;
    height: 130px;
    min-width: 100%;
    min-height: 300px;
    display: block;
    background-size: contain;*/
    }

.uiAlbumThumbWrap i.videoThumbnail, .uiMediaThumb i.videoThumbnail {
    background-position: center center;
    background-size: cover;
    }

.uiMediaThumb i.small {
    background-color: #edeff4;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 75px;
    display: block;
    }

.uiMediaThumb i.videoThumbnail.small {
    background-size: 150px auto;
    }

.uiMediaThumb i.plyrBtn, .uiAlbumThumb i.plyrBtn {
    background: url("../images/buttons/vedio-player.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    bottom: 5px; right: 5px;
    width: 37px;
    height: 26px;
    }

.uiAlbumThumb i.plyrBtn {
    bottom: 0;
    }

.uiMediaThumb i.discography {
    background-color: #282828;
    }

.uiMediaThumb i.albumCover {
    background: url("../images/misc/album-cover.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    bottom: 0; right: 0;
    width: 173px;
    height: 130px;
    }

.uiMediaThumb .dataButtons, .uiAlbumThumb .dataButtons {
    background: transparent;
    position: absolute;
    top: 0; right: 0;
    float: none;
    }

.uiAlbumThumb .dataButtons {
    top: 0; right: 0;
    }

.uiMediaInfo {
    background: #edeff4;
    width: 100% !important;
    position: relative;
    padding: 5px 8px;
    margin-top: 0;
    font-weight: bold;
    text-align: left; /* rtl */
display: block;
}

.uiAlbumInfo {
    background: #1d1d1d;
    width: 128px;
    margin-left: 10px; /* rtl */
    border-radius: 3px;
    }

.uiMediaInfo a:hover {
    text-decoration: underline;
    }

.uiMediaInfo i.arrow {
    background-position: 0 -16px;
    position: absolute;
    top: -7px; left: 20px; /* rtl */
    width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid #edeff4;
	display: none;
    }
    
.uiMediaInfo .description {
    font-weight: normal;
    }

.uiMediaInfo .description a:link, .uiMediaInfo .description a:visited {
    color: #808080;
    }

.uiVideoPlayer {
    background: #edeff4;
    width: 430px;
    padding: 5px;
    }

.uiMusicThumb {
    background: #edeff4;
    width: 398px;
    position: relative;
    padding: 8px 8px 8px 48px;
	cursor: pointer;
    }

.uiMusicThumb i.plyrBtn {
    background: url("../images/buttons/vedio-player.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 10px; left: 5px;
    width: 37px;
    height: 26px;
    }

.hoverCardWrapper {
    position: absolute;
    top: 13px; left: 0; /* rtl */
    width: 260px;
    height: 95px;
    line-height: 15px;
    z-index: 10000;
    }

.hoverCardArrow {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -26px -16px;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 3px; left: 15px; /* rtl */
    }

.hoverCard {
    width: 260px;
    position: absolute;
    top: 8px; left: 0; /* rtl */
    border: 1px solid #ccc;
	background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.hoverCard li{
	border: none !important;
}
.hoverCard a:link, .hoverCard a:visited {
    color: #333333;
    text-decoration: none;
    }
    
.hoverCard a:hover {
    text-decoration: underline;
    }

.hoverCardHeader {
/*    background-color: #ffffff;*/
    width: 100%;
    padding: 10px;
    color: #333333;
    display: inline-block;
    }

.hoverCardAvatar {
    width: 40px;
    height: 50px;
    padding-right: 10px;
    float: left;
    
    }
.hoverCardAvatar img{
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	max-width: 45px;
}   
.hoverCardInfo {
/*    width: 185px;
    height: 30px;*/
    float: left;
	margin-left: 10px;
}
    
.hoverCardStat {
    display: inline-block;
}

.hoverCardStat li {
    padding: 0 10px !important;
    float: left;
    border-left: 1px solid #cccccc;
    overflow: hidden;
	text-align: center;
}

.hoverCardStat li:first-child {
    border-left: 0 none;
    padding-left: 0;
    }

.hoverCardCount {
    display: block;
    font-size: 11px;
    font-weight: bold;
    }

.hoverCardCount:hover {
    text-decoration: none !important;
    }
    
.hoverCardCount:hover span.hoverCardCounter {
    text-decoration: underline;
    }

.hoverCardCounter {
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 3px;
    }

.hoverCardCounter:hover {
    text-decoration: underline;
    }

.hoverCardFooter {
    background: #f2f2f2;
    width: 100%;
    padding: 5px 10px;
    color: #333;
    border-top: 1px solid #ccc;
	text-align: center;
	font-size:14px;
	font-family:Museo-300;
}

.shareButtonsWrapper {
    position: absolute;
    top: 13px; left: 0;
    width: 65px;
    height: 50px;
    line-height: 15px;
    z-index: 1;
    }

.shareButtonsArrow {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -26px -16px;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 3px; left: 15px;
    }

.shareButtons {
    background-image: url("../images/buttons/hovercardHeaderBG.png");
    background-repeat: repeat-x;
    background-color: #ffffff;
/*    width: 155px;*/
    padding: 5px;
    position: absolute;
    top: 8px; left: 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    }

.dataTools {
    padding: 3px 0 5px 21px; /* rtl */
    position: relative;
    }

.dataTools a:link, .dataTools a:visited {
    color: #808080;
    }    

.dataTools a:hover {
    text-decoration: underline;
    }
    
.dataTools i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0; left: 0; /* rtl */
    }

.voteBox {
    background: #edf0f5;
    width: 19px;
    height: 19px;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer;
    }

.voteBox:hover, .voteBox.active {
    background: #6f87b2;
    }

.voteBox.active {
/*    cursor: default;*/
    }

.voteBox i.up, .voteBox i.down {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -14px -16px;
    background-repeat: no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 5px; left: 4px;
    }

.voteBox i.down {
    background-position: -14px -23px;
    top: 7px;
    }

.voteBox:hover i.up, .voteBox.active i.up {
    background-position: -1px -16px;
    }
    
.voteBox:hover i.down, .voteBox.active i.down {
    background-position: -1px -23px;
    }
    
.dataButtons {
    float: right; /* rtl */

	right: 50px;
	top: 19px;
}

.dataButtons .right {
    float: right; /* rtl */
    padding-left: 2px; /* rtl */
    position: relative;
    }

.dataButtons .left {
    float: right; /* rtl */
    padding-right: 4px; /* rtl */
    position: relative;
    border-right: 1px solid #e5e5e5; /* rtl */
    }

.dataNullState {
    padding: 60px 120px;
    color: #aaa;
/*    font-weight: bold;*/
    text-align: center;
    }
.timeline .dataButtons{
	position: absolute !important;
}
/* Posts= */

/* =Comments */

.commentContainer, .qCommentContainer {
    display: inline-block;
    }
form.postQComment img{
	width: 30px;
	height: 30px;
	margin-top: 17px;
	margin-left: 5px;
}
.commentContainer {
    width: 446px;
    padding: 10px 0 0;
    display: inline-block;
    border-top: 1px solid #e5e5e5;
    }

.qCommentContainer {
    width: 100%;
    }

.qCommentContentWrapper {
/*    background: #edeff4;*/
/*    width: 440px;*/
    padding: 5px;
    float: left;
	width: 93%;
}
.qCommentContentWrapper a, .qCommentContentWrapper .uiButtonText{
	font-family: Museo-500;
}
.commentContent {
    width: 436px;
    padding-right: 10px;
    }

.commentContent.small {
    width: 351px;
    }

.postCommentWrapper {
    margin: 10px 0;
    }
.postReply{
	padding: 20px;
}
.postReply img{
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
/*textarea.addQComment {
    width: 342px;
/*    height: 18px;*!/
    }*/

textarea.addComment {
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #dddedd;
	padding: 5px;
	height: 100px !important;
}

textarea.addReply {
/*    width: 343px;
    height: 28px;*/
    }
    
/* Comments= */

/* =Right Panel */

.sectionHeader {
    background: #f2f2f2;
    padding: 5px;
    }

.sectionHeader a:hover {
    text-decoration: underline;
    }

.sectionHeader.media {
    background: #f2f2f2;
    }

.sectionHeader.wide {
    }

.sectionContainer {
    width: 222px;
    padding: 5px 0;
    display: inline-block;
    }

.sectionContainer a:hover {
    text-decoration: underline;
    }

.sectionSideWrapper {
    width: 104px;
    float: left;
    }

.sectionSideWrapper.small {
    width: 70px;
    float: left;
    }

.sectionContentWrapper {
    width: 142px;
    float: left;
    }

.sectionContentWrapper.small {
    width: 113px;
    padding-top: 5px;
    font-size: 10px;
    line-height: 16px;
    float: left;
    }

.sectionContent {
    width: inherit;
    }

.sectionDetails, .sectionData {
    width: 212px;
    padding: 0 5px;
    line-height: 18px;
    }

.sectionData {
    line-height: 15px;
    }

.sectionDetails label {
    display: block;
    float: left;
    width: 100px;
    }
    
/* Right Panel= */

/* =Pages */

.pagePicture {
    width: 130px;
    padding: 4px;
    position: relative;
    border: 1px solid #ccc;
    }

.changePagePicture {
    background-color: rgba(19, 19, 19, 0.6);
    padding: 3px 5px;
    position: absolute;
    top: 4px; right: 6px;
    color: #aaa;
    font-size: 10px;
    line-height: 14px;
    }

.changePagePicture a:link, .changePagePicture a:visited {
    color: #aaa;
    }

.changePagePicture:hover , .changePagePicture:hover a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    }

.pageStats {
    width: 130px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }

.pagePictures {
/*    width: 533px;*/
    height: 73px;
    }

.pagePictures li {
    float: left;
    margin-right: 2px;
    }

.pagePictures li:last-child {
    margin-right: 0;
    }

.pagePictures img {
    width: 105px;
    height: 73px;
    }

.pageInfo {
    margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}

.pageInfo td.label {
    color: #aaaaaa;
    font-weight: normal;
    vertical-align: top;
	display: inline-block;
	font-size: 12px;
	font-style: normal;
}

.pageInfo td.data {
    width: 388px;
    }

.pageAlbum {
    width: 533px;
    background: #2e2e2e;
    }

.pageAlbum a:link, .pageAlbum a:visited {
    color: #ebebeb;
    } 

.pageAlbum tr:nth-child(even) {
    background: #2a2a2a;
    }

.pageAlbum td {
    width: 133px;
    padding: 5px 3px;
    }

.pageAlbum td.head {
    background: #444444;
    padding: 6px 3px;
    border-bottom: 1px solid #222222;
    }

.pageAlbum td.track {
    width: 130px;
    padding-left: 7px; /* rtl */
    }

/* Pages= */

/* =Sign Pages */

.signPageContent {
    width: 600px;
    margin: 40px auto 30px;
    }

.signHeaderWrapper {
    width: 560px;
    padding: 20px;
    border-top: 2px solid #ccc;
    color: #000;
    }

.signContentWrapper {
    width: 580px;
    padding: 10px;
    color: #445566;
    border-top: 1px solid #ccc;
    }

.signContentWrapper a:hover {
    text-decoration: underline;
    }

.gettingstartedWrapper {
    background: #edf0f5;
    width: 560px;
    padding: 20px;
    font-size: 11px;
    line-height: 15px;
    }

.gettingstartedFooter {
    width: 560px;
    padding: 10px 0;
    }

.gettingstartedFooter a:hover {
    text-decoration: underline;
    }

.gettingstartedWrapper .title {
    color: #3399ff;
    font-size: 14px;
    line-height: 18px;
    }

.contactsImporter {
    background: #edf0f5;
    width: 360px;
    padding: 15px;
    margin: 20px 100px;
    text-align: center;
    border-radius: 5px;
    }

.oauthButton, a.oauthButton {
    background-image: url("../images/buttons/bg-btn.gif");
    background-color: #dddddd;
    background-position: 0 0;
    padding: 8px 15px;
    display: inline-block;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #bbbbbb #bbbbbb #999999;
    cursor: pointer;
    border-radius: 3px;
    }

.oauthButton:hover, a.oauthButton:hover {
    background-position: 0 -6px;
    border-color: #999999 #999999 #666666;
    text-decoration: none;
    }

.oauthButton .icon {
    background-image: url(../images/buttons/sprite-contact-import-logos.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -1px;
    margin-right: 3px;
    vertical-align: text-top;
    }

.oauthButton .msn {
    background-position: -32px 0;
    }

.oauthButton .yahoo {
    background-position: -16px 0;
    }

.oauthButton .gmail {
    background-position: 0 0;
    }

.systemMessageWrapper, .systemErrorWrapper {
    background: #f7f7f7;
    width: 560px;
    padding: 20px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    }

.systemErrorWrapper {
    background: #eeeeee;
    }

.signInputTable {
    width: 580px;
    }

.signInputTable td.label {
    width: 200px;
    padding: 10px 10px 10px 0;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    text-align: right; /* rtl */
    vertical-align: top;
    }

.signInputTable td.input {
    width: 360px;
    padding: 5px 0 10px 10px;
    color: #808080;
    text-align: left; /* rtl */
    vertical-align: top;
    }

.signInputTable input[type="text"], .signInputTable input[type="password"] {
    font-size: 12px;
    line-height: 16px;
    width: 210px;
    }

.captchaRefresh {
    color: #808080;
    font-size: 9px;
    }

.captchaInput {
    display: inline-block;
    position: relative;
    width: auto;
    }

.gettingStartedTable {
    width: 560px;
    }

.gettingStartedTable td.label {
    width: 120px;
    padding: 10px 10px 10px 0;
    color: #909090;
    font-size: 12px;
    text-align: right;
    vertical-align: top;
    }

.gettingStartedTable td.input {
    width: 420px;
    padding: 5px 0 10px 10px;
    color: #808080;
    text-align: left;
    vertical-align: top;
    }

.gettingStartedTable input[type="text"], .gettingStartedTable textarea {
    width: 335px;
    }

/* =Sign Pages */

/* =Index */

.indexPageBG {
    background: #edf0f5;
    background-size: 100% 100%;
    }

.indexPage {
    padding: 10px 0;
    }

.indexLeftPanel {
    width: 410px;
    padding: 40px 25px;
    float: left; /* trl */
    color: #ffffff;
    font-family: Helvetica Neue,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    }

.indexLeftPanel a:link, .indexLeftPanel a:visited {
    color: #85DEFF;
    }

.indexLeftPanel a:hover {
    color: #85DEFF;
    text-decoration: underline;
    }

.indexLeftPanel h2, .indexLeftPanel h3 {
    color: #000;
    font-size: 30pt;
    line-height: 110%;
    font-weight: bold;
    font-family: "Calibri",arial,sans-serif;
    letter-spacing: -1px;
    }

.indexLeftPanel h3 {
    font-size: 16pt;
    }

.indexLeftPanel p {
    font-weight: normal;
    font-size: 12pt;
    color: #666;
    line-height: 160%;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);*/
    }

.oauthSignup {
    width: 410px;
    height: 35px;
    padding: 10px 0;
    margin-bottom: 40px;
    }

.IndexInsights {
    background-color: rgba(19, 19, 19, 0.6);
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px;
    margin-top: 10px;
    }

.IndexInsights a.hoverCardCount {
    color: #ffffff;
    font-size: 15px;
    }

.IndexInsights .hoverCardCounter {
    color: #85DEFF;
    }

.indexRightPanel {
    width: 423px;
    padding: 40px 30px;
    float: left; /* trl */
    color: #666;
    font-family: Helvetica Neue,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    }

.indexInputTable {
    width: 423px;
    }

.indexInputTable td.label {
    width: 103px;
    padding: 5px;
    text-align: right; /* trl */
    vertical-align: middle;
    }

.indexInputTable td.input {
    width: 300px;
    padding: 5px;
    color: #808080;
    text-align: left; /* trl */
    vertical-align: top;
    }

.indexInputTable input[type="text"], .indexInputTable input[type="password"] {
    font-size: 13px;
    padding: 8px;
    width: 280px;
    border-radius: 2px;
    }

.indexInputTable select {
    font-size: 13px;
    padding: 5px;
    border-radius: 2px;
    }

.indexInputTable input[name="recaptcha_response_field"] {
    width: 150px;
    padding: 5px;
    border-radius: 2px;
    }

/* Index= */

/* =Directory */

.directory {
    width: 861px;
    display: inline-block;
    }

.dirCardWrapper {
    width: 149px;
    height: 149px;
    padding: 3px;
    margin-right: 9px; /*rtl */
    margin-bottom: 9px;
    float: left; /*rtl */
    border: 5px solid #3c3c3c;
    }

.dirCardWrapper.last {
    margin-right: 0;
    }

.dirCard {
    background: #353535;
    width: 149px;
    height: 149px;
    position: absolute;
    }

.dirCard:hover {
    background: #454545;
    }

.bigAppIcon {
    background-image: url("../images/buttons/dirctory.png");
    background-repeat: no-repeat;
    display: block;
    margin: 40px auto 10px;
    height: 48px;
    width: 48px;
    }

.bigApp_people {
    background-position: 0 0;
    }

.bigApp_pages {
    background-position: 0 -48px;
    }

.bigApp_news {
    background-position: 0 -96px;
    }

.bigApp_music {
    background-position: 0 -144px;
    }

.bigApp_photos {
    background-position: 0 -192px;
    }

.bigApp_videos {
    background-position: 0 -240px;
    }

.bigApp_discussions {
    background-position: 0 -288px;
    }

.bigApp_questions {
    background-position: 0 -336px;
    }

.bigApp_polls {
    background-position: 0 -384px;
    }

.bigApp_links {
    background-position: 0 -432px;
    }

.bigApp_albums {
    background-position: 0 -480px;
    }

.bigApp_songs {
    background-position: 0 -528px;
    }

.bigApp_movies {
    background-position: 0 -576px;
    }

.bigApp_places {
    background-position: 0 -624px;
    }

.bigApp_business {
    background-position: 0 -672px;
    }

.bigApp_stars {
    background-position: 0 -720px;
    }

.bigApp_singers {
    background-position: 0 -768px;
    }

.bigApp_public {
    background-position: 0 -816px;
    }

.bigApp_forums {
    background-position: 0 -864px;
    }

.facade_text {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    }

/* Directory */

/* =Search */

.searchPage {
    text-align: center;
    }

.searchPage h1 {
    font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    }

.searchForm {
    background: #1d1d1d;
    padding: 15px;
    margin-top: 30px;
    display: inline-block;
    text-align: left;
    border: 1px solid #3c3c3c;
    border-radius: 5px 5px 5px 5px;
    }

.searchForm input[type="text"] {
    width: 640px;
    padding: 12px 10px;
    border: 1px solid #3c3c3c;
    border-radius: 5px 5px 5px 5px;
    }

/* Search= */

/* profile page */


.profileData input, .profileData a {
    vertical-align: top;
    }

.profilePhotoThumbnail {
    background-color: #edf0f5;
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: 105px auto;
    display: block;
    height: 73px;
    width: 105px;
    }

/* profile page */

/* =Settings */

.changeAvatarImg {
    margin-right: 20px; /* rtl */
    display: block;
    max-width: 80px;
    /*float: left;*/ /* rtl */
    }
 

.changeAvatarActions {
    display: block;
}
    
.changeAvatarUpload {
/*    width: 250px;
    display: inline-block;*/
    }
.changeAvatarUpload.center-block{
	width: 100%;
}
/* Settings= */

/* messages app */

.liveFeeds li:hover span.white, .liveFeeds li:hover .msgButtonDelete  {
    text-decoration: underline;
    visibility: visible;
    }

.liveFeeds li.unread {
    background: #f4f6f9;
    }

a.msgContainer {
/*    width: 533px;*/
    padding: 10px;
    color: #aaaaaa;
    display: inline-block;
	width: 100%;
	text-decoration: none;
}
a.msgContainer:hover{
	text-decoration: none;
	background-color: #efefef;
}
.uiMixedAvatars {
    width: 50px;
    display: block;
    }

.uiMixedAvatars.small {
    width: 30px;
    }

.uiSplitAvatars {
    float: left;
    overflow: hidden;
    width: 24px;
    border-radius: 0 5px 5px 0;
    }

.uiSplitAvatars.leftAvatar {
    margin-right: 1px;
    width: 25px;
    border-radius: 5px 0 0 5px;
    }

.uiSplitAvatars.small {
    width: 14px;
    }

.uiSplitAvatars img {
    display: block;
    margin-left: -13px;
    }

.msgCounter {
    background: #3399ff;
    padding: 2px 6px;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    font-size: 9px;
    }

.msgButtonRead {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -152px 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    }

.msgButtonRead:hover {
    background-position: -167px 0;
    }

.msgButtonUnRead {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -182px 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    }

.msgButtonUnRead:hover {
    background-position: -197px 0;
    }

.msgButtonDelete {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -59px 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    visibility: hidden;
    }

.msgButtonDelete:hover {
    background-position: -74px 0;
    }

.msgButtonSent {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -52px -15px;
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: text-top;
    }

textarea.addMsgReply {
    width: 453px;
    height: 28px;
    }

/* messages app */

/* notifications app */

.panel-default.panel-full-width{
	border: none
	;
}

.panel.last{
	box-shadow: none;
}
.notificationsFeeds .icon {
    background-image: url("../images/buttons/sprite-icons.png");
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    margin-top: -1px;
    vertical-align: text-top;
    width: 9px;
    }

.notificationsFeeds .text {
    vertical-align: text-bottom;
    }

.notificationsFeeds .like {
    background-position: 0 -77px;
    }

.notificationsFeeds .dislike {
    background-position: -9px -77px;
    }

.notificationsFeeds .comments {
    background-position: -18px -77px;
    width: 13px;
    height: 16px;
    }

.notificationsFeeds .follow {
    background-position: -31px -77px;
    width: 12px;
    height: 12px;
    }

.notificationsFeeds .favorite {
    background-position: -44px 0;
    width: 15px;
    height: 15px;
    }

.notificationsFeeds .notification {
    background-position: -208px -30px;
    height: 14px;
    width: 14px;
}

.notificationsFeeds a:hover {
    text-decoration: underline;
    }

/* media apps */

.dataGrid {
    margin: 15px 0;
	width: 100%;
}

.dataGrid.larg {
    margin: 0;
    }

.dataGrid .dataContainer {
    width: inherit;
    padding: 0;
    }

.dataGrid td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
	width: 33%;
}
.dataGrid.equalWidth td {
	width: 33%;
	padding: 0;
}
.dataGrid.equalWidth td .dataContainer{
/*	padding: 0 !important;*/
}
.dataGrid td:last-child {
/*    padding-right: 0;*/
    }
    
.mediaGalleryHeader {
}

.mediaInfo {
    padding: 11px;
    background: #101010;
    }

.mediaGallery {
    background: #edf0f5;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 4px;
	width: 100%;
}

.mediaGallerySide {
    width: 4%;
    min-height: 75px;
    float: left;
    }
    
.mediaGalleryBtn {
/*    width: 20px;*/
    min-height: 95px;
    cursor: pointer;
    opacity: 0.3;
	background-color: #3399ff;
}
.mediaGalleryBtn .relative{
	width: 100%;
	height: 95px;
	display: inline-block;
}
.mediaGalleryBtn i.prev, .mediaGalleryBtn i.next {
    background-image: url("../images/buttons/sprite-icons-media.png");
    background-position: 0 0;
	background-repeat: no-repeat;
	width: 6px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 40%;
	background-color: #3399ff;
	margin-top: -6px;
}

.mediaGalleryBtn i.next {
    background-position: 0 -12px;
	left: 50%;
    }
    
.mediaGalleryThumbnails {
	overflow: hidden;
	width: 92%;
	margin: 0 !important;
	padding: 10px;
	float: left;
}
    
.mediaGalleryThumbnails ul {
    width: 9000px;
    float: left;
    }
    
.mediaThumbnail {
    float: left;
    padding-right: 3px;
    opacity: 0.5;
    }

.mediaThumbnail.selected {
    opacity: 1;
    }

.mediaGalleryThumbnails .photoThumbnail {
    background-color: #000000;
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: 100px auto;
    display: block;
    height: 75px;
    width: 100px;
    }

.mediaContainer {
    margin: 0 0 10px;
    text-align: center;
    position: relative;
	background-color: #efefef;
}

.mediaContainer .getPrev, .mediaContainer .getNext {
/*	background: url("../images/buttons/sprite-icons-media.png") center -52px no-repeat #000 !important;
	width: 16px;
    height: 32px;*/
    position: absolute;
    top: 40%;
    left: 10%;
    cursor: pointer;
    opacity: 0;
	padding: 20px;
	text-align: center;
	border-radius: 200px;
	font-size: 20px;
}

.mediaContainer .getNext {
    background-position: 0 -56px;
    right: 10%;
    left: auto;
    }

.mediaContainer img {
    max-width: 100%;
   
    }
.media-arrows{
}
.media-arrows .fa-inverse{
	color: #fff;
}


.mediaComments {
/*    width: 533px;
    padding: 10px 14px;
    vertical-align: top;*/
    }
    
.mediaSidePanel {
    width: 222px;
    padding: 20px 5px;
    vertical-align: top;
    }

.uploadStatus {
/*    background: #262626;
    width: auto;
    padding: 10px 15px;
    margin-bottom: 10px;
    color: #dddddd;
    border: 1px solid #3c3c3c;*/
    }
.uploadStatus .albumMediaThumbnail{
	position: relative;
	float: left;
} 
.uploadStatus .albumMediaThumbnail img{
	width: 150px;
	height: auto;
	
} 
.uploadStatus input.mr5{
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
.albumMediaContainer {
	width: 100%;
	display: block;
	clear: both;
	float: left;
}

.albumMediaThumbnail {
    }
    
    
.albumMediaThumbnail i{
	display: inline-block;
	width: 100%;
	height: 100%;
}
/* media apps *

/* questions app */

.questionBox {
    background: #6f87b2;
    width: 44px;
    padding: 5px 3px;
    color: #ffffff;
    text-align: center;
    float: left;
    }

.questionBox.answered {
    color: #fffc00;
    }

.questionBoxCounts {
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    }

.answered {
    background: #fcfae6;
    }

.questionNote {
    width: 396px;
    padding: 8px 5px;
    display: inline-block;
    border-top: 1px solid #3c3c3c;
    }

/* questions app */

/* feedback page */

a.feedbackContainer {
    width: 528px;
    padding: 10px 5px 10px 0;
    color: #aaaaaa;
    display: inline-block;
    }

a.feedbackContainer:hover {
    background: #333333;
    text-decoration: none;
    }

.feedbackLevel {
    background: #3696d9;
    width: 3px;
    height: 53px;
    }

.feedbackLevel.medium {
    background: #ffc600;
    }

.feedbackLevel.high {
    background: #ff0000;
    }

.feedbackLevel.closed {
    background: #34ab00;
    }

.feedbackStatus {
    background: transparent;
    padding: 3px;
    cursor: pointer;
    }

.feedbackStatus .closed {
    background-image: url(../images/buttons/sprite-icons.png);
    background-position: -43px -77px;
    width: 9px;
    height: 14px;
    display: inline-block;
    margin-top: -1px;
    margin-right: 3px;
    vertical-align: text-top;
    }

/* feedback page */

/* Popup */
/*.popupWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}
#popupInner{
	background-color: #fff;
	padding: 6px;
	position: absolute;
	z-index: 9999;
	border-radius: 5px;
	border: 3px solid #3399ff;
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}
    
.popupHeader {
    padding: 10px 5px;
    color: #3399ff;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
	font-style: normal;
	font-family: Museo-500 !important;
}
    
.popupContent {
    background: #fff;
    padding: 8px;
/*    border: 1px solid #4b6ea9;*!/
    }*/
.popupHeader{
	margin-bottom: 15px;
}
.popup-follow{
	text-align: left;
	margin-bottom: 10px;
	height: 25px;
}
.popup-follow .btn-small{
	min-width: 80px;
}
.whoWhatWrapper {
    width: 100%;
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 11px;
    line-height: 14px;
	text-align: center;
	padding: 0;
}
.whowhat-list{
	float: left;
	width: 100%;
}
.whoWhatWrapper.larg {
    width: 100%;
    padding-right: 5px;
    }
.whoWhatWrapper ul.whowhat-list li.whowhat-item{
	float: left;
	width: 25%;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   -o-box-sizing: border-box;
	   -ms-box-sizing: border-box;
	   box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 2%;
	min-height: 210px;
	margin: -1px -1px 0 0;
}
.whoWhatWrapper ul.whowhat-list li.whowhat-item:nth-child(4n+4){
	border-right: none;
}
.whoWhatWrapper ul.whowhat-list li.whowhat-item:first-child,.whoWhatWrapper ul.whowhat-list li.whowhat-item:nth-child(5n){
	border-left: none;
}
.whoWhat .dropdown-menu {
	min-width: inherit;
}
.whoWhatWrapper img{
	width: 80px;
	height: 80px;
	background-color: #eee;
	border-style: none !important;
}
.whoWhat .dropdown{
	margin-top: 5px;
}
.whoWhat .dropdown .toggle-icon{
	color: #aaa;
}
.whoWhat .dropdown .toggle-icon:hover,.whoWhat .dropdown.open .toggle-icon{
	color: #3399ff;
}
.whoWhat .dataContent{
	margin-top: 10px;
}
.whoWhat  h4{
	font-size: 16px;
	margin: 10px 0 3px;
}
.whoWhat .followers-count{
	font-size: 14px;
}
/* Popup */

/* flyHint */

.showflyHint {
    position: relative;
    display: inline-block;
    }

.flyHintWrapper {
    background: #6f87b2;
    width: auto;
    position: absolute;
    padding: 4px 8px;
    color: #fff;
    font-size: 9px;
    white-space: nowrap;
    border-radius: 3px;
    z-index: 99999;
    }

.flyHintWrapper i.arrow {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -14px -23px;
    width: 11px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    right: 8px;
    }

/* flyHint */

/* filters tabs */

.filters {
    width: inherit;
    height: 30px;
    border-bottom: 1px solid #3c3c3c;
    }

.filters li {
    padding-right: 5px;
    float: left;
    }

.filters a {
    background: #3c3c3c;
    padding: 8px 15px;
    display: inline-block;
    color: #dddddd;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    }

.filters a:hover {
    background: #2aa7d5;
    color: #ffffff;
    text-decoration: none;
    }

.filters a.active {
    background: #505050;
    color: #ffffff;
    }
.filters.results-table-header{
	height: inherit;
}
.filters.results-table-header a.active{
	background-color: #fefffe;
	color: #ff9800 !important;
}
/* filters tabs */

/* Forms & Buttons & Menus */

.editDiscussion input[type="text"], .editDiscussion textarea {
    width: 523px;
    }

.editDiscussion textarea {
    height: 280px;
    }

.textEditorToolBar {
    background: #353535;
    padding: 4px 3px;
    border: 1px solid #3c3c3c;
    }


.textEditorIFrame {
    background: #222222;
    padding: 3px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #3c3c3c;
    }

.popupTable {
    }

.popupTable td.label {
    width: 130px;
    padding: 8px 10px 5px 0;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    }

.popupTable td.data {
    width: 294px;
    padding-top: 5px;
    padding-bottom: 5px;
    }

.popupTable input[type="text"], .popupTable textarea {
    width: 144px;
    }

.messageTable {
    width: 434px;
    }

.messageTable td.label {
    width: 80px;
    padding: 8px 10px 0 0;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
	color: #111;
}

.messageTable td.data {
    width: 344px;
    padding-top: 5px;
    }

.messageTable input[type="text"], .messageTable textarea {
    width: 344px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #dddedd;
    }
.messageTable textarea{
	height: inherit !important;
	min-height: 50px;
}

.inputTable {
    width: 531px;
    }

.inputTable td.label {
    width: 111px;
    padding: 10px 10px 20px 0;
    color: #909090;
    font-size: 12px;
    text-align: right;
    vertical-align: top;
    }

.inputTable td.input {
    width: 400px;
    padding: 5px 0 20px 10px;
    color: #808080;
    text-align: left;
    vertical-align: top;
    }

.inputTable input[type="text"], .inputTable input[type="password"], .inputTable textarea {
    width: 210px;
    font-size: 12px;
    line-height: 16px;
    }

.subMenu {
    min-width: 110px;
    padding: 3px 0;
    position: absolute;
    right: 0; /* rtl */
    display: none;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-align: left; /* rtl */
    z-index: 1;
    border: 1px solid #dddedd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
}
.subMenu ul li{
	padding: 0;
}

.header-icons .subMenu{
	top: 40px;
	-webkit-border-radius: 5px;
	padding: 15px;
	width: 250px;
}
.header-icons .subMenu ul{
	clear: both;
}
.header-icons .subMenu .navMenuTitle{
	font: 16px Museo-500;
	margin-bottom: 10px;
	padding-bottom: 5px;
/*	border-bottom: 1px solid #eeefee;*/
}
.header-icons .subMenu .navMenuTitle .right a{
	font-size: 12px;
	line-height: 24px;
}
.header-icons .subMenu .dataContent {
    width: 155px;
    word-wrap: break-word;
	margin-left: 5px;
}
.header-icons .subMenu img{
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100px;
	background-color: #eee;
	border-style: none !important;
}
.header-icons .subMenu .dataSideWrapper.medium{
	width: 40px;
	height: 40px;
}
.subMenu.toRight {
    left: 0; right: auto; /* rtl */
}

.subMenu li.moderator {
    margin: 2px 6px;
    border-top: 1px solid #eeefee;
    }

.subMenu .menuItem{
    display: block;
    padding: 7px 15px;
    color: #333333;
    white-space: nowrap;
    }

.subMenu .menuItem:hover {
    background: #3399ff;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    }

.navigation .subMenu {
    background: #fff;
    font-size: 11px;
    line-height: 14px;
    border-top: 0 none;
    }

.button-close {
	background: url("../images/buttons/sprite-icons.png") -59px 0 no-repeat #fff;
    cursor: pointer;
	color: #3399ff;
	background-color: #fff;
	font-size: 12px;
	padding: 5px;
	width: 15px;
	height: 15px;
}
.button-close i{
	display: none !important;
}    
.button-close:hover {
/*    background-position: -74px 0;*/
    color: #fff;
    background-color: #3399ff;
    }
    
.button-close.active, .button-close.active:hover, .button-close.popup:hover {
    background-position: -89px 0;
    }

.button-close.small {
    background-position: -212px 0;
    width: 11px;
    height: 11px;
    display: inline-block;
    }
    
.button-close.small:hover {
    background-position: -223px 0;
    }

.button-edit {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -104px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    }
    
.button-edit:hover {
    background-position: -120px 0;
    }
    
.button-edit.active, .button-edit.active:hover {
    background-position: -136px 0;
    }
    
.button-favorit {
    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -14px 0;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    }
    
.button-favorit:hover {
    background-position: -29px 0;
    }

.button-favorit.active, .button-favorit.active:hover {
    background-position: -44px 0;
    }

.button-fbShare, .button-twShare {
/*    background-image: url("../images/buttons/sprite-icons.png");
    background-position: -234px 0;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;*/
    display: inline-block;
    cursor: pointer;
    color: #3399ff;
    margin: 0 !important;
    float: none!important;
    }
    
.button-fbShare:hover, .button-twShare:hover {
	color: #ff9800;
}


.button-twShare.active, .button-fbShare.active {
    color: #ff9800;
}

.uiButton, a.uiButton, span.uiButton, .uiDoButton {
/*    background: #eeeeed url(../images/buttons/uiButtonkBG.png) repeat-x scroll 0 0;
    width: auto;
    margin: 0;
    padding: 3px 7px;
    display: inline-block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #999;
    cursor: pointer;*/
    }
.uiButton, a.uiButton, span.uiButton, .uiDoButton {
/*    background-image: -webkit-linear-gradient(top, #fd9733 0%, #f67c22 100%);
    background-image: -moz-linear-gradient(top, #fd9733 0%, #f67c22 100%);
    background-image: -ms-linear-gradient(top, #fd9733 0%, #f67c22 100%);
    background-image: linear-gradient(to bottom, #fd9733 0%, #f67c22 100%);
    border: none;
    color: #fff;
    background-color: #fe9800;
    font-family: Museo-500;
    -webkit-border-radius: 5px;*/
}
a.uiButton, span.uiButton {
/*    display: inline;
    padding: 4px 6px;*/
    }

.uiButton:hover, span.uiButton:hover, a.uiButton:hover {
/*    text-decoration: none;
    background-color: #ff7e00;
    color: #fff;*/
    }

.uiButton.bigButton {
    font-size: 12px;
    line-height: 16px;
    }

.uiButton.clicked, .uiDoButton.clicked {
/*    background: #e8561f;*/
    }
    
.uiButton[disabled="disabled"], .uiButton.disabled {
    background: #e8561f;
    }

.uiButton.light-blue, a.uiButton.light-blue {
    background: url(../images/buttons/uiButtonkBG-blue.png) 0 0 repeat-x scroll #3399ff;
    border: 1px solid #29447e;
    color: #fff;
    }

.uiButton.light-blue.clicked {
    background: #3399ff;
    border: 1px solid #29447e;
    }

.uiButton.light-blue[disabled="disabled"], .uiButton.light-blue.disabled {
    background: #3399ff;
    color: #eeeeee;
    border: 1px solid #29447e;
    }

.connect-facebook, .connect-facebook-small, .connect-facebook-vsmall, .connect-twitter, .connect-twitter-small, .connect-twitter-vsmall {
    background: url("../images/buttons/connect-facebook-twitter.png") no-repeat scroll 0 0 transparent;
    width: 118px;
    height: 36px;
    display: inline-block;
    overflow: hidden;
    }

.connect-facebook:hover {
    background-position: 0 -36px;
    }

.connect-facebook.connected {
    background-position: 0 -72px;
    }

.connect-facebook-small {
    background-position: 0 -108px;
    width: 36px;
    }

.connect-facebook-vsmall {
    background-position: -72px -108px;
    width: 24px;
    height: 24px;
    }

.connect-twitter {
    background-position: -118px 0;
    }

.connect-twitter:hover {
    background-position: -118px -36px;
    }

.connect-twitter.connected {
    background-position: -118px -72px;
    }

.connect-twitter-small {
    background-position: -36px -108px;
    width: 36px;
    }

.connect-twitter-vsmall {
    background-position: -96px -108px;
    width: 24px;
    height: 24px;
    }

.uiButtonText {
/*    color: #3399ff;*/
    cursor: pointer;
    }

.uiButtonText.active {
/*    color: #3399ff;*/
    }

.uiButtonText:hover {
    text-decoration: underline;
/*    background-color: #ff7e00;*/
    }

.seeMore_button {
    color: #85DEFF;
    cursor: pointer;
    }

.seeMore_button:hover span {
    text-decoration: underline;
    }
.postChangeEmail .form-control{
	width: 80% !important;
}
.postChangeEmail{
	padding: 15px 60px;
}
.uiInput, .uiTextArea{
/*    background: #fff;
    padding: 4px;
    margin: 0;
    color: #666;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 14px;
    border: 1px solid #bdc7d8;*/
    }

.uiInput.active, .uiTextArea.active {
    color: #333;
    }

.uiInfoBox {
    background: transparent;
    padding: 3px;
    cursor: pointer;
    }

.uiInfoBox:hover, a.uiInfoBox:hover {
    background: #edf0f5;
    text-decoration: none;
    border-radius: 3px
    }

.uiInfoBox .icon {
    background-image: url(../images/buttons/sprite-icons.png);
    width: 9px;
    height: 14px;
    display: inline-block;
    margin-top: -1px;
    margin-right: 3px;
    vertical-align: text-top;
    }

.uiInfoBox .like {
    background-position: 0 -77px;
    }

.uiInfoBox .dislike {
    background-position: -9px -77px;
    }

.uiInfoBox .comments {
    background-position: -18px -77px;
    width: 13px;
    height: 16px;
    }    

.uiInfoBox .text {
    color: #808080;
    line-height: normal;
    vertical-align: text-bottom;
    }

.viewMore {
    background: #edeff4;
    width: auto;
    padding: 10px;
    margin-top: 5px;
    display: block;
    color: #3399ff;
    border-bottom: 0 none;
    cursor: pointer;
    }

.viewMore:hover, .viewMore.disactive  {
    text-decoration: underline;
    }

.viewMore.disactive {
    cursor: default;
    }

.errorContainer, .highlightContianer {
    background: #ffebe8;
    width: auto;
    padding: 10px 15px;
    margin: 10px 0 5px;
    color: #000;
    font-size: 11px;
    line-height: 15px;
    border: 1px solid #dd3c10;
    }

.errorContainer .uiButtonText {
    color: #85DEFF;
    }

.highlightContianer {
    background: #fff9d7;
    color: #000;
    border: 1px solid #e2c822;
    }

.formSteps {
    background: #8a9cc2;
    width: auto;
    margin-bottom: 20px;
    border-radius: 5px;
    }

.formSteps ul {
    display: inline-block;
    }

.formSteps li {
    float: left; /* rtl */
    }

.formSteps li:first-child {
    border-radius: 5px 0 0 5px; /* rtl */
    }

.formSteps li.step {
    background: #8a9cc2;
    padding: 9px 10px 11px 20px; /* rtl */
    color: #dedede;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    }

.formSteps li.step.active {
    background: #5872a7 url(../images/misc/getstart-bg.png) repeat-x scroll 0 0;
    padding: 10px 10px 8px 19px;
    color: #fff;
    border: 1px solid #151515;
    border-width: 1px 0 1px 0;
    border-style: solid;
    }

.formSteps li.step.active:first-child {
    border-width: 1px 0 1px 1px;
    }

.formSteps li.step.actived {
    color: #cacaca;
    }

.formSteps li.sperator {
    background-image: url("../images/misc/getstart.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #3f3f3f;
    width: 14px;
    height: 48px;
    }

.formSteps li.sperator.active {
    background-image: url("../images/misc/getstart-active.png");
    }

.formSteps li.sperator.actived {
    background-image: url("../images/misc/getstart-actived.png");
    }

.formStepsCounter {
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
    }

.autoComplete {
    background: #fff;
    width: 352px;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #bdc7d8;
    cursor: text;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #dddedd;
    }

.uiToken {
    background: #edf0f5;
    display: block;
    float: left;
    color: #3399ff;
    cursor: default;
    margin: 2px;
    padding: 2px 5px;
    position: relative;
    white-space: nowrap;
    border-radius: 3px;
    }

.uiToken .removeToken {
    margin: 2px 0 -2px 1px;
    outline: medium none;
    }

.typeahead {
    /*position: relative;
    cursor: default;
    float: left;*/
    }

.autoComplete .typeaheadInput {
    background-color: transparent;
    width: 100%;
    padding: 4px;
    margin: 0;
    color: #333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 14px;
    border: 0 none;
    outline: 0 none;
    }

.autoCompleteData {
    background: #fff;
    width: 200px;
    position: absolute;
    top: 100%; left: 0;
    color: #bebebe;
    border: 1px solid #c1c1c1;
    }

.autoCompleteData li {
    padding: 5px 0;
    cursor: pointer;
    }

.autoCompleteData li:hover {
    background: #f4f6f9;
    }

.autoCompleteItem {
    width: 100%;
    display: inline-block;
    }

.emoticon {
    background-image: url("../images/misc/emoticons.png");
    width: 16px !important;
    height: 16px !important;
    vertical-align: top;
    }

/* Forms & Buttons & Menus */

/* pagination */
/*
.pagination {
    padding:2px;
    margin: 20px 0;
    }
    
.pagination li {
    display: inline;
    padding: 1px;
    }
    
.pagination .total {
    padding: 2px 4px;
    color: #aaaaaa;
    margin-right: 5px;
    border: 1px solid #3c3c3c;
    }
    
.pagination a:link, .pagination a:visited {
    color: #aaaaaa;
    padding: 2px 4px;
    border: 1px solid #3c3c3c;
    }
    
.pagination a:hover {
    background: #2AA7D5;
    padding: 2px 4px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #3c3c3c;
    }    
    
.pagination li.currentpage {
    background: #2AA7D5;
    padding: 2px 4px;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #3c3c3c;
    }

*//* pagination */

/* padding & margin */
.mt0{
	margin-top: 0 !important;
}
.ml5 {
    margin-left: 5px;
    }

.mr5 {
    margin-right: 5px;
    }

.mb0{
	margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px;
    }
.mb20 {
    margin-bottom: 20px !important;
    }
.mb30 {
    margin-bottom: 30px !important;
    }
.mb40 {
    margin-bottom: 40px !important;
    }

.mr10 {
    margin-right: 10px;
    }

.mr20 {
    margin-right: 20px;
    }

.mb10 {
    margin-bottom: 10px !important;
    }

.mt-20 {
    margin-top: -20px;
    }
.mt-10 {
    margin-top: -10px;
    }
.mt5 {
    margin-top: 5px;
    }
.mt10 {
    margin-top: 10px;
    }
.mt20 {
    margin-top: 20px;
    }
.mt40 {
	margin-top: 40px !important;
}

.ml10{
	margin-left: 10px;
}
.pl5 {
    padding-left: 5px;
    }
.pl20 {
        padding-left: 20px;
        }
.pr20{
	padding-right: 20px;
}
.pr5 {
    padding-right: 5px;
    }

.pb5 {
    padding-bottom: 5px !important;
    }
.pt0{
	padding-top: 0px !important;
}
.pt5 {
    padding-top: 5px;
    }
.p10{
	padding: 10px;
}
.p20{
	padding: 20px;
}
.pl10 {
    padding-left: 10px;
    }

.pr10 {
    padding-right: 10px;
    }

.pb10 {
    padding-bottom: 10px;
    }

.pt10 {
    padding-top: 10px;
    }
.nopadding{
	padding: 0 !important;
}
/* padding & margin */

/* Common Variable */

.left {
    float: left;
    }
    
.right {
    float: right;
    }
    
.tleft {
    text-align: left;
    }
    
.tright {
    text-align: right;
    }

.tcenter {
    text-align: center;
    }

.tjustify {
    text-align: justify;
    }

.fwb {
    font-weight: bold;
    }

.fs12 {
    font-size: 12px;
    line-height: 16px;
    }

.fs11 {
    font-size: 11px;
    line-height: 15px;
    }

.gray {
    color: #808080;
    }

.white {
/*    color: #ebebeb;*/
    }

.blue {
    color: #3399ff;
    }

.black {
    color: #222222;
    }

.relative {
    position: relative;
    }

.inline {
    display: inline-block;
    }

.hidden {
    display: none;
    }

.myhidden {
    display: none;
    }

/* Common Variable */