/*
div {
	border:1px dotted #00F;
}
*/
html, body {
/*		
	font-family: 'Titillium Web', sans-serif!important;
	font-family: 'Open Sans Condensed', sans-serif!important;	
	font-family: 'Saira Semi Condensed', sans-serif!important; 
	font-family: 'Montserrat', sans-serif!important; 
	font-family: 'Alegreya Sans', sans-serif!important; 
	font-family: 'Quicksand', sans-serif;
*/
/*	
font-family: 'Saira Semi Condensed', sans-serif!important; 
	font-family: 'Quicksand', sans-serif!important; 
   font-family: 'Saira Semi Condensed', sans-serif!important; 
 */
    margin:0;
    padding:0;	
    font-family: 'Quicksand', sans-serif!important; 
    color:#000!important;
    min-height:100%;
    font-size:20px!important;
    line-height:28px!important;
    color:#333!important;
}
.emoji {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	background:no-repeat center center;
}
.emoji_0 {
	background-image:url(../images/notifications/noti_like.png);
}
/* admin form */
.brdTest {
	border: 1px dashed #00F;
}
.btnAdmWideIcon,
.btnAdmWide,
.btnAdm {
    position:relative;
    display:inline-block;
    margin-left:5px;
    line-height:40px;
  	background:no-repeat center center;	
    float:right;
    cursor:pointer;
    background-color: #8585A3;
	min-height:40px;
	min-width:40px;
}
.btnAdmWideIcon {
    width:120px;
    border-radius:20px;
	text-align:left;
	color:#FFF;
	padding-left:45px;
	background-repeat:no-repeat;
	background-position: center left 10px;
}
.btnAdmWide {
    width:100px;
    border-radius:20px;
	text-align:center;
	color:#FFF;
}
.btnAdmRed {
	background-color:#F00!important;
}
.btnAdm {
    border-radius:50%;
	width:40px;
    margin-top:5px;
}
.btnAdm:hover {
    opacity:0.6;
/*    background-color: #A5A5C3;*/
}
.btnAdmEdit {
    background-image:url(../images/btn_adm/btn_adm_edit.png);
}
.btnAdmSave {
    background-image:url(../images/btn_adm/btn_adm_save.png);    
}
.btnAdmBack {
    background-image:url(../images/btn_adm/btn_adm_cancel.png);    
}
.btnAdmAdd {
    background-image:url(../images/btn_adm/btn_adm_add.png);    
}
.btnAdmCancel {
    background-image:url(../images/btn_adm/btn_adm_cancel.png);    
}
.btnAdmDelete {
    background-image:url(../images/btn_adm/btn_adm_delete.png);    
}
.btnAdmHide {
	background-color:#F50;
    background-image:url(../images/btn_adm/btn_adm_hide.png);    
}
.btnAdmUnhide {
    background-image:url(../images/btn_adm/btn_adm_unhide.png);    
}
.adminCheckList {
	position:relative;
	display:block;
	width:100%;
}
.btnAdmConfirmDelete {
/*    display:none; */
    background-color: #E00;
    font-size:11pt;
    line-height: 40px;
    color:#FFF;
    text-align: right;
    width:100px;
    font-weight: bold;
    border-radius:20px;
    padding-left:30px;
    padding-right:12px;
    background:url(../images/btn_adm/btn_adm_delete.png) left 10px center no-repeat #F00;    
}
#btnToggleNotiPanel {
    position: absolute;
    right:-26px;
    top:14px;
    width:26px;
    height: 30px;
    border-radius:0 5px 5px 0;
    cursor: pointer;
    background:url(../images/btn_submenu/submnu-noti.png) center center no-repeat #304055;    
}
#btnToggleNotiPanel:hover {
    background-color: #405065;
}
#leftNotiPanel {
    position:absolute;
    left:0;
    top:0;
    width:300px; 
    z-index: 1000;
    margin-left:0;
    background-color: #304055;
    border-radius:0 8px 8px 0;
}
.adminFormLabel {
    position:relative;
    display:inline-block;
    width:200px;
    line-height: 50px;
    font-weight: bold;
}
.adminFormInput {
    position:relative;
    display:inline-block;
    font-weight: normal;
    width: 100%;
    max-width:400px;
    font-size:12pt;
}
.adminFormCheckbox {
    position:relative;
    display:inline-block;
}
.adminFormDataBox {
    position:relative;
    display: block;
    width:100%;
	height:50px;
}
.adminFormEditBox {
    position:relative;
    width:100%;
	height:50px;
}
.adminRowArea {
    position:relative;
	display:block;	
	margin-bottom:10px;	
}
.adminRow {
	position:relative;
	display:block;	
	margin-bottom:5px;
}
.adminRowTitleBar {
	position:relative;
	display:block;	
	width:100%;
	text-align:center;
	background-color:#779;
	border-radius:5px;
	line-height:30px;
	height:30px;
	color:#FFF;
	margin-bottom:10px;
	font-weight:bold;
	
}
.adminRowLabel {
	position:relative;
	display:inline-block;
	width:120px;
	font-weight:bold;
	vertical-align:top;
}
.adminRowValue {
	position:relative;
	display:inline-block;
}
.inputAdmin {
    display:inline-block;
    padding:8px 10px 10px 10px!important;
    border-radius:8px;
    border:1px solid #CCE;
    font-size:12pt;
    width:100%;
}
.inputAdminLbl {
    max-width:200px;
}
.newItemSlidingBlock {
	position:relative;
	display:none;
	width:100%;
	border-bottom:1px groove #FFF;
	margin:10px 0 10px 0;
}
.inputAdminBox {
    position:relative;
    display:block;
    border-bottom:2px groove #FFF;
	padding-bottom:5px;
	margin-bottom:5px;
}
.inputAdminBox2 {
    padding-bottom:10px;
	margin-bottom:10px;
}
.inputAdminBoxNoLine{
    position:relative;
    display:block;
	padding-bottom:5px;
	margin-bottom:5px;
}
.adminInp {
    max-width:400px;
}
.admCkb {
    width:160px;
}
.admControls {
    position: relative;
    display:inline-block;
    width:180px;
    float:right;   
	padding-bottom:5px; 
}
.admConfirm {
    position: relative;
    display:inline-block;
    width:180px;
    float:right;    
    display:none;
}
.admFormError {
    position: relative;
    margin:5px 0 5px 0;
    padding-left:30px;
    color:#E00;
    display:none;
    background: url(../images/general/error2.png) left center no-repeat;
}
input[type=checkbox], input[type=radio] {
    margin:auto!important;
}
.admPublicBlock {
	position:relative;
	display:inline-block;
	width:100px;
	margin-left:10px;
	line-height:30px;
}
.admControlItemR {
	position:relative;
	display:inline-block;
	float:right;
}
.admControlItemL {
	position:relative;
	display:inline-block;
	margin-right:10px;
	float:left;
}
.admPublicLable{
	position:relative;
	display:inline-block;
	padding-left:10px;
	font-weight:bold;
}
@media screen and (max-width: 1000px) {
	.admControls {
		display:block;
		margin:0 0 10px 0;
	}
    .inputAdmin {
        margin-bottom:10px;
    }
    .adminFormCheckbox {
        margin-left:0!important;
    }
}
/*----------*/

.admRow2b,
.admRow2 {
	position:relative;
	display:block;
	padding:5px 0 5px 0;
	border-bottom:2px groove #FFF;
}
.admRow2b:hover {
	opacity:0.7;
}
.admRow2column {
	position:relative;
	display:inline-block;
	line-height:40px;
	float:left;
	margin-right:5px;
}
.admRowControls {
	position:relative;
	display:inline-block;
	float:right;
}
.admRowSub {
	font-size:12px;
}
.admRowPic {
	position:relative;
	height:40px;
	width:40px;
	margin-right:10px;
	border-radius:50%;
	float:left;
}
.admRowPic2 {
	position:relative;
	height:40px;
	width:40px;
	margin-right:10px;
	border-radius:50%;
	float:left;
}
.block98 {
	position:relative;
	display:inline-block;
	line-height:40px;
}
.rowItem {
	position:relative;
	display:inline-block;
	width:220px;
}
.block99 {
	position:relative;
	display:inline-block;
}
.iconFriend {
	width:40px;
	height:40px;
	position:relative;
	display:inline-block;
	background: left center no-repeat;
	line-height:40px;
	padding-left:40px;
}
.iconFriend_friend {
	background-image:url(../images/btn_friend_status/friend_friend.png);
}
.iconFriend_pending {
	background-image:url(../images/btn_friend_status/friend_pending.png);
}
.iconFriend_blocked {
	background-image:url(../images/btn_friend_status/friend_blocked.png);
}
.iconFriend_requested {
	background-image:url(../images/btn_friend_status/friend_requested.png);
}
.msgNorReplies {
	position:relative;
	display:inline-block;
	font-size:14px;
	line-height:34px;
	padding-left:5px;
	font-style:italic;
	color:#888;
}
.msgReplyCount {
	position:relative;
	display:inline-block;
	font-size:14px;
	line-height:34px;
	border:1px solid #BBB;
	border-radius:20px;
	padding:0 20px 0 15px;
	width:120px;
	text-align:left;
	cursor:pointer;
	background-position:center right 10px;
	background-repeat: no-repeat;
}
.msgReplyCount:hover {
	background-color:#F5F5F5;
}
.msgReplyCountUp {
	background-image:url(../images/btn21/btn21up2.png);
}
.msgReplyCountDn {
	background-image:url(../images/btn21/btn21dn2.png);
}
.msgReplyInputError {
	position:relative;
	display:inline-block;
	margin-left:10px;
	color:#F00;
	font-weight:bold;
	font-style:italic;
}
.msgReplyBox .emp {
	font-weight:bold!important;
	position:relative;
	display:block;
	padding:4px 0 4px 0;
}
.msgReplyHeader {
	line-height:24px;
	font-size:14px;
	color:#222;
	margin-bottom:10px;
	font-style:italic;
}
.msgReplyInput {
	position:relative;
	display:block;
	padding:10px;
	width:100%;
	border:1px solid #CCC;
	border-radius:5px;
	margin-bottom:5px;
}
.msgReplyBox {
	position:relative;
	display:block;
	margin-bottom:10px;
	width:100%;
	display:none;
}
@media screen and (max-width: 1000px) {
	.iconFriend {
		width:20px;
		height:20px;
		background-size:contain;
		line-height:18px;
		padding-left:22px;
	}
	.admRowControls {
		display:block;
		width:100%;
	}
	.admRowPic {
		height:80px;
		width:80px;
	}
	.admRow2column {
		line-height:24px;
		display:block;
		float:none;
		width:calc(100% - 130px);
	}
	.iconFriend {
		margin-top:10px;
	}
}
/*----------*/
.viewLink {
	position:relative;
	display:inline-block;
	max-width:120px;
	background-color:#88F;
	border-radius:15px;
	color:#FFF;
	padding:2px 8px 2px 8px;
	text-align:center;
	font-size:12px;
}
.viewLink:hover {
	background-color:#AAF;
}
.viewBlock {
	position:relative;
	display:block;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px groove #FFF;
}
.makeTextBody {
	position:relative;
	display:inline-block;
}
.makeTextLabel {
	min-width:200px;
	position:relative;
	display:inline-block;
	font-weight:bold;
}
.editBlock {
	position:relative;
	display:block;
	width:100%;
	margin-bottom:5px;
	border-bottom:2px groove #FFF;
	padding-bottom:5px;
}
.btn18, 
.btn18b {
	background:center center no-repeat #8585A3;
	border-radius:18px;
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	float:right;
	font-size:16px;
	height:36px;
	line-height:26px;
	margin-left:10px;
	position:relative;
	text-align:center;
}
.btn18 {
	width:36px;
}
.btn18b {
	width:70px;
	line-height:34px;
}
.adminMainError {
	position:relative;
	display:block;
	height:30px;
	line-height:30px;
	width:100%;
	color:#E00;
}
.editError {
	position:relative;
	display:block;
	display:none;
	color:#C00;
	font-size:16px;
	margin-top:5px;
	padding-left:25px;
	background:url(../images/general/error2.png) center left no-repeat;	
}
.editControlBlock {
	position:relative;
	display:block;
	margin-bottom:10px;
}
.btn18edit {
	background-image:url(../images/btn18/btn18edit.png);	
}
.btn18cancel {
	background-image:url(../images/btn18/btn18cancel.png);	
}
.btn18save {
	background-image:url(../images/btn18/btn18save.png);	
}
.lblEdit {
	position:relative;
	display:inline-block;
	float:left;
	font-weight:bold;
}
.lblEdit2 {
	position:relative;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}
.editBlock2 {
	position:relative;
	display:block;	
	margin-bottom:10px;
}
.btn18:hover {
	background-color:#A5A5C3;
}
.btnClear {
	position:relative;
	display:inline-block;
	margin-left:10px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#666699;
	color:#FFF;
	text-align:center;
	line-height:24px;
	font-size:12px;
	cursor:pointer;
}
.btnClear:hover {
	background-color:#8888BB;
}
.input4,
.input4x {
    display:inline-block;
    padding:5px 10px 5px 10px!important;
    border-radius:6px;
    border:1px solid #CCE;
    font-size:14px;
	width:100%;
	max-width:400px;
}
.input4x {
	width:200px!important;
}
#chatLine {
	width:calc(100% - 40px);
}
.input5L,
.input5R {
    display:inline-block;
    padding:5px 10px 5px 10px!important;
    border:1px solid #CCE!important;
    font-size:14px;
	border-radius:20px 20px 20px 20px;
	background-color:#F4F4FF;
    min-height: 40px;    
	font-family:'Open Sans', sans-serif;
}
.input5L {
	float:left;    
}
.input5R {
	float:right;
}
.chatBtnClose {
    position: absolute;
    top:-3px;
    right:-3px;
    width:16px;
    height:16px;
    text-align: center;
    background-color: #F00;
    color:#FFF;
    font-size:11px;
    line-height: 16px;
    border-radius:50%;
    font-family:Arial;
    display:none;
}
.chatBtnClose::after {
    content:"x";
}
.chatControls {
    position: relative;
    display:block;    
    margin:10px;    
    padding-top: 10px;
    border-top:1px solid #CCF;
    width:calc(100% - 30px);
}
.chatControl1 {
    position: relative;  
    display:inline-block;
    width:100%;
    max-width: calc(100% - 120px);
    float:left;
    margin-bottom:10px;
    margin-right:10px;
}
.chatControl2 {
    position: relative;  
    display:inline-block;
    text-align: right;
    float:right;
    margin-bottom:10px;
}
.chatBtn {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	cursor:pointer;
}
.chatBtnEmoji {
   	margin-right:5px;
	background:url(../images/chat/btn-emoji.png) center center no-repeat #0099FF;
}
.chatBtnLike {
	background:url(../images/chat/btn-like.png) center center no-repeat #0099FF;
}
.chatBtnImage {
    margin-right:5px;
	background:url(../images/chat/btn-image.png) center center no-repeat #0099FF;
}
.chatBtnDeleteImage {
    margin-right:5px;
	background:url(../images/chat/btn-image.png) center center no-repeat #FF0000;
    display: none;
}
.chatBtnDeleteImage:hover {
    background-color:#F66!important;
}
.chatBtnSend {
   	margin-right:10px;
    float:left;
	background:url(../images/chat/btn-send.png) center center no-repeat #0099FF;
}
.chatBtn:hover {
	background-color:#33AAFF;
} 
.columnBox {
	position:relative;
	display:inline-block;
	width:calc(50% - 4px);
	vertical-align:top;
}
.adminFormCheckbox {
    margin-right:10px;
    line-height: 20px;
    width:24px;
    height:24px;
    vertical-align: middle;
}
.adminAIPhotoThumb {
	width:200px;
	height:150px;
	background-color:#000;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
}
@media screen and (max-width: 1000px) {
	.columnBox {
		display:block;
		width:auto;
		margin-bottom:20px;
	}
    .input4 {
        margin-bottom:10px;
    }
    .adminFormCheckbox {
        margin-left:0!important;
    }
}

.adminLblForm {
    font-weight:bold;
    margin-bottom:5px;
}

.profileImageIndex {
	position:relative;
	display:block;
	margin:10px auto 10px auto;
	text-align:center;
	width:100%;
	font-weight:bold;
}
.messagesDateTime {
	color:#A5A5A5;
}
.messagesPlace {
	color:#FFDDAA;
}
.messagesFrom {
	color:#BBF;
}
.messagesTitle {
	margin-top:5px;
}
.submenuBarLogo {
    position: absolute;
    left:50%;
    width:189px;
    height: 80px;
    margin-left: -87px;
    top:15px;
	background:url(../images/btn_submenu/submenubar-logo.png) no-repeat center center;
}
.submenuBarLogo2 {
    position: absolute;
    left:50%;
    width:130px;
    height: 60px;
    margin-left: -65px;
    top:0;
    z-index:9999;
	background:url(../images/btn_submenu/submenubar-logo2.png) no-repeat center center;
    display: none;
}
.submenuBarLogo3 {
    position: absolute;
    left:50%;
    width:223px;
    height: 74px;
    margin-left: -87px;
    top:-10px;
	background:url(../images/btn_submenu/submenubar-logo3.png) no-repeat center center;
}
.submenuButton {
	position:relative;
	display:inline-block;
	border-radius:10px;
	padding:4px 10px 4px 10px;
	background-color:#335;
	font-size:9pt;
	line-height:normal;
	margin-top:4px;
	cursor:pointer;
	font-weight:bold;
}
.submenuUserName {
    position: relative;
    display: inline-block;
    color:#FF0; 
    margin:10px 5px 10px 10px;
    line-height:34px;
    font-size:14px;
}
.submenuButton:hover {
	background-color:#557;
	color:#FFF;
}
.subMenuLinkR, 
.subMenuLinkL {
    position:relative;
    display:inline-block;
}
.subMenuLinkR {
    float:right;
    margin-left:10px;
}
.subMenuLinkL {
    float:left;
    margin-right:10px;
}
.subMenuLink:hover {
	color:#FFF;
}

.pageInfo {
    position:relative;
    display:block;
    padding:20px 0 20px 0;
    text-align: center;
    font-weight: bold;
    color:#55A;
}
.pageError {
    position:relative;
    display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	color:#D22;
	font-weight:bold;
	margin-top:20px;
}
.aiPhotoLarge {
    position: relative;
    display: block;
    margin:0 auto 0 auto;
    
}
.aiPhotoPopup {
    position: absolute;
    top:-22px;
    left:-35px;
    right:-35px;    
    min-height:600px;
    text-align: center;
    margin:0 auto 0 auto;
    background-color: #000;
    padding:0 0 130px 0;    
    display: none;    
    z-index:99999;
}
.aiPhotoDescription {
    position: relative;
    display: block;
    font-size:11pt;
    font-weight: bold;
    margin-top:10px;
    color:#FFF;
    width:100%;
    text-align: center;
}
.footnote {
    position: relative;
    display: block;
    top:0px;
    width:100%;
    color:#BBB;
    text-align: center;
    font-size:11pt;
    height:30px;
}
.btnC1 {
    position:relative;
    display:block;
    margin:20px auto 0 auto;
    padding:5px 10px 5px 10px;
    width:100px;
    text-align: center;
    color:#FFFFFF;
    background-color:#8585A3;
    cursor:pointer;
}
.btnC1:hover {
    background-color:#A0A0C0;
}
.xprize-logo {
    position:relative;
    display:block;
    margin:20px auto 20px auto;
}
.descriptionInner {
    /*
    position: relative;
    display: block;
    margin-top:60px;
	border-top:1px solid #EEF;
    */
	padding-top:10px;
}
.cur1 {
	cursor:pointer!important;
}
.controlLine, .controlLine2 {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	margin-bottom:5px;
}
.controlLable, .controlLable2 {
	position:relative;
	display:inline-block;
	margin-right:10px;
	font-size:12pt;
	font-weight:bold;
	width:100px;
	float:left;
	line-height:40px;
}
.controlValue, .controlValue2  {
	position:relative;
	display:inline-block;
}
@media screen and (max-width: 800px) {

	.block98 {
		line-height:26px;
	}
	.rowItem {
		display:block;
	}

	.admRowPic2 {
		height:80px;
		width:80px;
	}
}
@media screen and (max-width: 600px) {
	.aiListEventTitle {
		display:block;
		width:100%;
	}
	.arrBack,
	.subMenuLink  {
		font-size:12px!important;
	}
	.input1b {
		font-size:12pt!important;
	}
	.controlLable {
		display:block;
		text-align:center;
		margin-bottom:10px;
	}
	.controlValue {
		display:block;
		text-align:center;
	}
	.controlLine2 {
		width:100%;
		text-align:center;
	}
}
.controlPanel {
	position:relative;
	display:block;
	margin:10px 0 20px 0;
	padding-top:10px;
	width:100%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	display:none;
}
.tblControls {
	font-size:14pt;
}
.tblControls b {
	position:relative;
	display:inline-block;
	padding-bottom:10px;
}
.controlPanel td {
	padding:5px 10px 5px 0;	
}
.arrBack {
	position:relative;
	display:inline-block;
	float:left;
	font-size:10pt;
	font-weight:normal;
	background:url(../images/general/arr-back2.png) no-repeat left center;
	padding-left:20px;
	line-height:32px;
	margin:0 10px 0 0;
}
.arrBack:hover {
    color:#FFF;
}
.btnSubMenuAdmin {
	background-image:url(../images/btn_submenu/submnu-edit.png) ;
}
.btnSubmenuSearch {
    width:34px;
    height: 34px;
    position:relative;
    display:inline-block;
    float:right;
	background:url(../images/btn_submenu/submnu-search.png) no-repeat center center transparent;
}
.btnSubmenuNotis {
	background-image:url(../images/btn_submenu/submnu-noti.png);
}
.btnSubmenuHome {
	background-image:url(../images/btn_submenu/submnu-home.png);
}
.btnSubmenu {
	font-weight:bold;
	background-color:#303055;
	position:relative;
	display:inline-block;
	float:left;
	font-size:14px;
    width:34px;
    height: 34px;
    border-radius:50%;    
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}
.btnSubmenu:hover {
    background-color:#404065;
}
.sideBarMenu {
    position: relative;
    display:inline-block;
    height:30px;
    width:30px;
    border-radius:50%;
    background-color: #229;    
}

/* AI PRIZE */
.aiPrizeVisit {
	position:relative;
	display:inline-block;
	float:right;
	margin-bottom:10px;
	padding:2px 20px 2px 20px;
	background-color:#8585A3;
	color:#FFF;
	font-size:12pt;
	box-shadow:2px 2px 4px #999;
	border-radius:3px;
	line-height:20pt;
}
.aiPrizeCategoryTitle {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	padding:0 0 10px 0;
}
.aiPrizeDesc {
	position:relative;
	display:block;
	padding:20px 0 20px 0;
	clear:both;
}
.aiPrizeAmount {
	position:relative;
	display:inline-block;
	float:left;
	margin-right:30px;
}
.aiPrizeName{
	position:relative;
	display:block;
	font-weight:bold;	
}

/********/

.blobTextMil {
	position:absolute;
	bottom:4px;
	width:100%;
	text-align:center;
	font-size:10pt!important;
}
.quote {
	position:relative;
	display:block;
	font-style:italic;
	margin:5px 10% 30px 10%;
	padding:10px 10px 10px 10px;
	
/*	border:1px solid #FFF;
	background-color:rgba(235,235,225,1);
	border-radius:10px;
*/
}
/*
.quote:before {
	  content:url('../images/general/quote-open.png');
	  float:left;
	  margin-left:-40px;
}
.quote:after{
	  content:url('../images/general/quote-close.png');
	  float:right;
	  margin-right:-40px;
}
*/
.prizeDesc {
	padding-bottom:20px;
	text-align:left;
	display:none;
}
.quoater {
	position:absolute;
	font-size:75%;
	right:20px;
	bottom:10px;
	font-style:normal;
}
.buttonCaption {
	margin-left:10px;
	font-size:9pt;
	font-weight:normal;
}
.imageNavBar {
	position:relative;
	font-size:10pt;
	color:#999;
	text-align:center;
	top:5px;
	line-height:50px;
	width:100%;
	z-index:9999;
	display:none;
	margin-bottom:10px;	
}
#photosList {
	margin:5px 0 15px 0;
}
.barBarBtn {
	position:relative;
	height:50px;
	width:50px;
	background-color:#556;
	color:#FFF;
	border-radius:25px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	line-height:50px;
	text-align:center;
}

.barBarBtn:hover {
	background-color:#889;
}
.barBarBtnL {
	float:left;
	background-image:url(../images/general/arr1l.png);
}
.barBarBtnC {
	margin:0 auto 0 auto;
	background:url(../images/general/arr1c.png) no-repeat #556 center center;
}
.barBarBtnR {
	float:right;
	background-image:url(../images/general/arr1r.png);
}

.htmlEnt {
	font-family:"Courier New", Courier, monospace;
	color:#3333FF;
	padding:2px;
	font-size:14px;
	font-weight:normal;
}
.loginMessage1 {
	position:relative;
	display:block;
	padding:5px 10px 5px 10px;
	line-height:26px;
	color:#FFFFFF!important;
	font-size:11pt;
	margin:0 0 10px 0!important;
	background-color:#A00;	
	border-radius:5px;
	text-align:left;
	cursor:pointer;
}
.btnAlertWrapper {
	position:relative;
	display:inline-block;
	float:right;	
}
.btnLoginAlert {
	position:relative;
	display:inline-block;
	float:right;
	width:100px;
	line-height:24px;
	font-size:14px;
	text-align:center;
	color:#228;
	border-radius:5px;
	margin-top:1px;
	background-color:#FFCC00;
}
.btnLoginAlert:hover {
	background-color:#FFEE88;
}
.invisible {
	visibility:hidden;
}
/*
.pageNavCurrentPage {
	position:relative;
	display:inline-block;
	padding:2px 6px 2px 6px;
	background-color:#888;
	color:#FFF;
	border-radius:10px;
}
*/
.pageNavBar {
	position:relative;
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	margin:20px auto 0 auto;
	text-align:center;
	font-size:14px;
}
.pageNav {
	position:relative;
	display:inline-block;
	height:26px;
	border-radius:12px;
	background:center center no-repeat #8585A3;
	width:50px;
	cursor:pointer;
}
.pageNav:hover {
	background-color:#A5A5C3;
}
.pageNavL {
	float:left;
	background-image:url(../images/btn_page_nav/btn_page_nav_l.png);
}
.pageNavR {
	float:right;
	background-image:url(../images/btn_page_nav/btn_page_nav_r.png);
}
.pageNavNo {
	position:relative;
/*	background-color:#8585A3;
	color:#FFF;
	*/
	color:#444;
	border:1px solid #AAA;
	display:inline-block;
	font-size:12px;
	border-radius:15px;
	height:26px;
	line-height:24px;
	width:120px;
	font-weight:bold;
}
@media screen and (max-width: 500px) {
	.admControlItemR {
		position:relative;
		display:block;
		float:none;
		margin-top:5px;
	}
	.makeTextBody {
		display:block;
	}
	.makeTextLabel {
		min-width:auto;
		display:block;
		margin-right:10px;
	}
	.loginMessage1 {
		text-align:center;
	}
	.btnAlertWrapper {
		margin:5px auto 5px auto;
		float:none;
	}
}
.noHover:hover {
	pointer-events:none!important;
	cursor:default!important; 
}
.HTMLEditorEditBox {
	padding:10px;
	width:100%;
	max-width:800px;
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	margin-bottom:10px;
}
.HTMLEditorPreview {
	position:relative;
	display:block;
	background-color:#F8F8F8;
	padding:10px;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:600px;
	overflow-y:auto;
	border:1px solid #C5C5C5;
	margin:0 auto 0 auto;
}
.HTMLEditorTitle {
	width:100%;
	margin-bottom:10px;
	font-size:14pt;
	color:#225;
	text-align:center;
	font-weight:bold;
    font-family: 'Saira Semi Condensed', sans-serif!important;
}

.btnOverImagePhotoUpload {
	position:absolute;
	top:10px;
	right:10px;
	width:34px;
	height:28px;
	background:url(../images/general/cam1.png) no-repeat center center;
	opacity:0.7;
	cursor:pointer;
	z-index:1000;
}
.btnOverImagePhotoUpload:hover {
	opacity:1;
}
.previewPhoto2 {
	position:relative;
	display:inline-block;
	margin:0 auto 0 auto;
	max-width:300px;
	max-height:300px;
}
.previewPhoto {
	position:relative;
	display:inline-block;
	margin:0 auto 0 auto;
	width:300px;
	height:300px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.previewPhotoBox {
	position:relative;
	display:inline-block;
	clear:right;
	font-size:12px;
	border:1px dashed #999;
	cursor:pointer;
	background:url(../images/general/cam1.png) center center no-repeat ;
	height:302px;
	width:302px;
}
#chatPhotoPreviewBox {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;    
    display: none;
}
.chatImageL,
.chatImageR {
    position:relative;
    display:block;
    width:100%;
    max-width:300px;
    background-size:contain;
}
.chatImageL {
    float:left;    
}
.chatImageR {
    float:right;
}
.chatPreviewPhoto {
	position:relative;
	display:inline-block;
	cursor:pointer;
	height:120px;
	width:120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
}
.chatPreviewPhotoPlaceholder {
	position:relative;
	display:inline-block;
	font-size:12px;
    float:right;
	border:1px solid #CCC;
	cursor:pointer;
	height:122px;
	width:122px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    margin-right:20px;    
}
.captchaInstruction {
	font-size:11pt;
	color:#999;
}	
.btnRed {
	background-color:#AA0000!important;
	color:#FFFFFF!important;
}
.btnRed:hover {
	background-color:#AA5555!important;
	color:#FFFFFF!important;
}
.btnGreen {
	background-color:#44BB44!important;
	color:#EEFFEE!important;
}
.btnGreen:hover {
	background-color:#DDFFDD!important;
	color:#005500!important;
}
.btnWhite {
	background-color:#FFFFFF!important;
	color:#000044!important;
}
.pageNo {
	position:relative;
    display: inline-block;
    float:right;
	right: 6px;
}
.pageNoText {
    position: absolute;
    top:0;
    margin-top:-20px;
    font-size:10px;
    width:100%;
    text-align: center;
    color:#333;
}
.aiGenRead {
	position:absolute;
	right:10px;
	bottom:10px;
	text-align:right;
	color:#6666FF;
	line-height:28px;
	background-color:#9090C0;
	color:#FFF;
	padding:0 15px 0 15px;
	border-radius:14px;
	font-size:14px;
	box-shadow:1px 1px 8px #999;
}
.aiGenDownLoad {
	position:absolute;
	right:10px;
	bottom:10px;
	width:36px; 
	height:36px;
	border-radius:18px;
	box-shadow:1px 1px 8px #666;
	background:url(../images/general/btn_download.png) no-repeat center center #9292C2;
}
.aiGenDownLoad:hover {
	background-color:#B9B9E9;
}
.aiGenRead:hover {
	background-color:#B2B2E2;
}
.aiGenImage {
	position:relative;
	display:inline-block;
	float:left;
	height:60px;
	width:60px;
	margin:0 10px 5px 0;
}
.aiGenYear {
	font-size:12px;
	color:#888;
}
.aiGenName {
	font-size:14px;
	color:#666;
    font-weight:bold;
}
.aiGen {
	font-size:14px;
    font-style: italic;
	color:#222;
}
.aiGenTitle {
	position:relative;
	display:block;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
	color:#222;
	margin-bottom:10px;
}

@media screen and (max-width: 500px) {
	.aiGenImage {
		/*display:none;*/
		height:60px;
		width:60px;
	}
	.aiGenTitle {
		font-size:11pt;
	}
	.aiGenName {
		font-size:11pt;
	}
	.aiGenYear {
		font-size:11pt;
	}
}
.subNote {
	font-size:12px;
	color:#999;
}
.sectionHeader {
	position:relative;
	display:block;
	line-height:36px;
	width:100%;
	margin:5px 0 10px 0;
	color:#FFF;
	font-size:16pt;
	border-radius:4px;
	cursor:pointer;
	box-shadow:2px 2px 10px #666;
	padding-left:30px;
	background-position:left 10px center;	
	background-repeat:no-repeat;
	background-color: #696D96;	
	text-align:center;
    height: 36px;
}
.aiPhotoSection {
	position:relative;
	display:block;
    margin-bottom:10px;
    width:100%;
}
.barTitle, 
.dimTitle {
    position: absolute;
    left:50%;
    width:100px;
    margin-left:-50px;
    text-align: center;
}
.barTitle {
    color:#FFF;
}
.dimTitle {
	color:#B0B0B0;
}
.barCount {
    position: relative;
    float:right;
    width:70px;
    right:0px;    
    margin-right:10px;
    font-size:14px;
    color:#BBD;
    text-align: right;
}
/*
.sectionHeader small {
    font-size:14px;
    color:#BBD;
    padding-right:10px;
    position:relative;
    float:right;
}
*/
.barArrDn {
	background-image: url(../images/general/arrdn.png);	
}
.barArrUp {
	background-image: url(../images/general/arrup.png);	
}
.sectionHeader:hover {
	color:#FF0;
}
.inlineInput {
	padding:2px 4px 2px 4px;
	width:auto;
	cursor:pointer;
	/*
	background: repeating-linear-gradient(
  	45deg,
  	#FFFFFF,
  	#FFFFFF 5px,
  	#F6F6F6 5px,
  	#F6F6F6 10px);
	*/
	border:1px dashed #E00;
}
.inlineInput:hover {
	background: repeating-linear-gradient(
  	45deg,
  	#FFFFFF,
  	#FFFFFF 5px,
  	#EFEFEF 5px,
  	#EFEFEF 10px);
	border:1px dashed #EEE;
}
.tblHelp {
	width:100%;
}
.tblHelp td {
	padding:5px 10px 5px 0;
}
.mrg0 {
	margin:0!important;
}
.popupMenuText {
	margin-left:5px;
	padding:5px 15px 5px 15px;
	border-radius:25px;
}
.popupMenuText:hover {
	background-color:#FC0;
}
.popupInner {
	display:none;
}
.hov:hover {
	opacity:0.65;
}
.popupMenu {
	position:absolute;
	width:320px;
	left:50%;
	top:10px;
	display:none;
	padding:20px;
	box-shadow:3px 3px 10px #333;
	background:#FFFFF5;	
	background:	url(../images/bg/shade3.jpg) repeat;	
	margin-left:-150px;
	z-index:3000;
	border-radius:5px;
	font-size:14px;
	color:#000;
}
.friendPopup {
	position:absolute;
	top:52px;
	border:1px solid #999;
	box-shadow:5px 5px 10px #888;
	background-color:#FFFFEE;
	left:15px;
	border-radius:0 20px 20px 20px;
/*	padding:5px 5px 5px 5px;*/
	padding:0px 10px 10px 0;
	display:none;
	width:auto;
	z-index:2000;
	font-size:14pt;
}
.ownerBG {	
/*	background:url(../images/bg/shade2.jpg) repeat-x #FFFFFF!important;*/
	background-color:#FFCC00!important;
	background-image:none!important;
}

/*TOOLTIP */
.tooltipClose {
	position: absolute;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#990000;
	color:#FFF;
	line-height:20px;
	text-align:center;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
	right:-10px;
	bottom:-10px;
}
.tooltips {
	position:absolute;
	text-align:justify;
	padding:10px 14px 10px 14px;
	box-shadow:5px 5px 10px #666;
	background-color:#FFFFCC;
	font-size:10pt;
	color:#000;
	top:38px;
	left:34px;
	display:none;
	cursor:pointer;
	margin-right:20px;
	line-height:20px;
	z-index:9999;
	border-radius:10px;
	background-repeat: no-repeat;
	background-color:#FFFFCC;
	background-position: right 3px bottom 3px ;
}
/*
.friendPopup {
	position:absolute;
	top:52px;
	border:1px solid #999;
	box-shadow:5px 5px 10px #888;
	background-color:#FFFFEE;
	left:15px;
	border-radius:0 20px 20px 20px;
	padding:5px 5px 5px 15px;
	display:none;
	z-index:2000;
}
*/
.moreComments {
	color:#55D;
	font-size:9pt;
	cursor:pointer;
	padding-top:5px;
}
.moreComments:hover {
	text-decoration:underline;
}
/* INFO */
.infoButton {
	position:relative;
	display:table;
	clear:both;
	line-height:40px;
	padding:0 15px 0 15px;	
	margin:10px auto 0 auto;
	color:#FFF;
	font-size:12pt;
	text-align:center;
	border:1px solid #FF0;
	background-color:#0077FF;
	cursor:pointer;
}
.infoBlock {
	position:relative;
	display:block;
	margin:30px auto 0 auto;
	max-width:360px;
	width:100%;
	padding:30px;
	box-shadow:0 0 10px #99A;
}
.infoTitle {
	position:relative;
	display:block;
	text-align:center;
	line-height:40px;
	font-size:16pt;
}

.infoImage {
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	width:50px;
	height:50px;
	margin-bottom:20px;
}
.infoText {
	position:relative;
	display:block;
	text-align:center;
	line-height:24px;
	font-size:12pt;	
	margin-top:10px;
}
/* RESULT */
.boxResultText {
	color:#000000;
	font-size:12pt;
	margin-top:10px;
	font-weight:normal;
}
.boxResultTitle2 {
	color:#0033DD;
	font-size:14pt;
}
.boxResult {
	width:100%;
	margin:20px auto 20px auto;
	max-width:300px;
	padding:10px 10px 20px 10px;
	border:1px solid #DDF;
	background-color:FFEEDD;
	border-radius:10px;
	text-align:center;
	box-shadow: 0 0 16px #CCE;
}
.btnPopupInfo {
	position:relative;
	display:inline-block;
	text-align:center;
	width:24px;
	height:24px;
	border-radius:12px;
	background-color:#3399FF;
	color:#FFF;
	cursor:pointer;
	margin-left:5px;
	line-height:24px;
	font-size:11pt;
}
.popupInfo {
	position:absolute;
	margin-top:10px;
	left:50px;
	padding:10px;
	border:1px solid #99E;
	box-shadow: 0 0 10px #777;
	display:none;
	color:#000;
	border-radius:10px;	
	min-width:300px;
	font-size:11pt;
	font-weight:normal;
	background-color:#FFFFDD;
	z-index:5000;
	cursor:pointer;
	padding-bottom:20px;
	background:url(../images/general/close.png) no-repeat right 5px bottom 5px #FFFFDD;	
}
.ckbMessage {
	margin:0 10px 0 10px;
	font-size:11pt;
	font-weight:normal;
	border-left:2px solid #BBB;
	padding-left:10px;
}
.menuPageSub {
	position:relative;
	display:block;
	line-height:40px;
	font-size:16pt;
	font-weight:bold;
	clear:both;
	padding-left:5px;
	color:#668;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.btnAmazon {
	position:relative;
	display:inline-block;
	border-radius:5px;
	margin:3px 15px 0 0;
	float:left;
	background:url(../images/general/amazon.png) no-repeat 4px center #FFFF99;	
	border:2px solid #A22;
	height:24px;
	padding:0px 10px 0 30px;
	box-shadow: 0 0 5px #C88;
	font-size:10pt;
	line-height:20px;
}
.btnAmazon:hover {
	background-color:#F0F0F0;
	text-decoration:none!important;
}
/* AI BOOK */
.aiBookBtb2 {
	position:relative;
	display:inline-block;
	padding:0 8px 0 8px;
	background-color: #EEF;
	border-radius:15px;
	font-size:10pt;
	margin:10px 0 0 15px;
	line-height:28px;
	cursor:pointer;
	border:1px solid #AAF;
}
.aiBookBtb2:hover {
	background-color: #CCF;
}
.aiListHeader {
	position:relative;
	display:inline-block;
	font-size:12pt;
	line-height:28px;
	font-weight:bold;
	margin-bottom:5px;
	color:#44F;
}
.aiInfoBlockList {
	position:relative;
	display:block;
	max-height:200px;
	overflow:auto;
	width:100%;
}
.brdNone {
	border:none!important;
}
.aiListItemLink {
	position:absolute;
	right:10px;
	bottom:10px;
	width:24px;
	height:24px;
	border-radius:50%;
	background:url(../images/general/btn_link1.png) no-repeat center center;
}
/*
.aiListItemLink {
	position:relative;
	float:right;
	width:24px;
	height:24px;
	border-radius:50%;
	background:url(../images/general/btn_link1.png) no-repeat center center;
}
*/
.aiListItemTitle {
	position:relative;
	display:block;
	font-weight:bold;	
}
/*
.aiItemRowLogo {
	position:absolute;
	top:-10px;
	left:0px;
	width:40px;
	height:26px;
	border-radius:5px;
	background:no-repeat center center #FFF;
}
*/
.aiItemRowLogo {
	position:absolute;
	top:5px;
	right:5px;
	width:40px;
	height:30px;
	border-radius:5px;
	background:no-repeat center center #FFF;
}
.aiListBlock {
	position:relative;
	padding-bottom:5px;
	background-color:#FFF;
	width:100%;
	max-width:450px;
	padding:15px;
	box-shadow: 2px 2px 5px #AAA;
	border-radius:5px;
	max-width:700px;
	display:block;
	margin:0 auto 10px auto;	
}
/*
.aiListBlock {
	position:relative;
	display:block;
	margin-bottom:5px;	
	padding-bottom:5px;
	border-bottom:2px groove #FFF;
}
*/
.aiListToggleBtn {
	position:relative;
	display:block;
	margin:-7px auto 0 auto;
	text-align:center;
	width:50px;
	height:15px;
	background:no-repeat center center #FFF;
	cursor:pointer;
}
.aiListToggleBtnOpen {
	background-image:url(../images/general/arr2u.png);
}
.aiListToggleBtnClosed {
	background-image:url(../images/general/arr2d.png);
}
.aiListDescription {
	position:relative;
	display:none;
	font-size:14px;
	color:#000;
	margin-top:5px;	
	border-bottom:1px solid  #DDD;
	padding-bottom:10px;
}
.aiListTitle {
	position:relative;
	display:block;	
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
	background-repeat:no-repeat;
	line-height:20px;
}
.aiListTitle2 {
	position:relative;
	display:block;	
	color:#000;
	font-weight:bold;
	padding-left:30px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
	cursor:pointer;
}
.aiListTitle2:hover {
	color:#BBB;
}
.aiListDatetime2 {
	position:relative;
	display:inline-block;
	font-size:14px;
	color:#33F;	
}
.aiListDatetime {
	position:relative;
	display:block;
	font-size:14px;
	color:#33F;	
}
.eventPartipents {
	position:relative;
	display:inline-block;
	height:20px;
	font-size:14px;
	line-height:20px;
	margin-left:5px;
	color:#444;	
}
.aiDocumentListTitle {
	background-image:url(../images/btn5/btn5document.png);
}
.aiBookListTitle {
	background-image:url(../images/btn5/btn5book.png);
}
.aiEventDate {
	position:relative;
	display:inline-block;
	color:#889;
	font-size:11pt;
	float:right;
	line-height:28px;
	margin-bottom:10px;
	vertical-align:bottom;
}
.aiEventBlock2 {
	height:28px;
	position:relative;
	display:block;
}
.aiEventsTitle {
	position:relative;
	display:inline-block;
	font-weight:bold;
	width:100%;
	text-align:left;
	font-size:14pt;
	margin-bottom:10px;
}
.aiEventPersonPhoto {
	height:60px;
	width:60px;
	margin:0 10px 0 0;
	border-radius:30px;
}
.aiEventPersonPhoto40 {
	height:40px;
	width:40px;
	margin:0 10px 0 0;
	border-radius:20px;
}
.aiEventParticipants {
	position:relative;
	display:block;
	font-size:11pt;
	font-style:italic;
	color:#999;
	margin:0 0 5px 0;
	
/*
	padding-left:10px;
	background:url(../images/general/dot2.png) no-repeat left;
*/
}
.aiEventParticipantsBox {
	border-top:0px solid #CCC;
	margin-top:10px;
}
.aiEventSubTitle {
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	font-size:11pt;
	font-weight:bold;
	color:#8888BB;	
}
.aiEventVenue {
	position:relative;
	display:inline-block;
	float:left;
	font-size:12pt;
	padding-left:25px;
	padding-right:25px;
	line-height:30px;
	margin-bottom:5px;
	background:url(../images/btn5/btn5location.png) no-repeat left;
}
.aiEventsBtnBook {
	position:relative;
	display:inline-block;
	padding:0 10px 0 10px;
	border:1px solid #AAF;
	border-radius:15px;
	text-align:center;
	background-color:#FFCC00;
	font-size:14px;
	height:30px;
	line-height:30px;
	color:#00F;
	font-weight:bold;
	float:left;
	margin-right:10px;
	cursor:pointer;
}
.aiEventsBtnBook:hover {
	background-color:#FFDD22;
}
.aiEventDesc {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	padding:10px;
	background-color:#F5F5F5;
}
.aiEventMore {
	position:relative;
	display:none;
	width:100%;
}
.aiEventVenue:hover {
	text-decoration:underline;
}
.aiEventRowDate {
	position:relative;
	display:inline-block;
	width:140px;
	color:#88F;
}
@media screen and (max-width: 800px) {
	.aiEventsBtnBook {
		display:block;
		margin:5px auto 5px auto;
		width:120px;
		float:none;
	}
	.aiEventsTitle {
		display:block;
		float:none;
		text-align:center;
		margin:5px auto 15px auto;
	}
	.aiEventVenue {
		display:block;
		float:none;
		margin:0 auto 0 auto;
		width:auto;
		text-align:center;
		background-image:none;
	}
	.aiEventDate {
		display:block;
		float:none;
		width:100%;
		text-align:center;
	}
	.aiEventRowDate {
		display:block;
	}
	.aiEventRowDate {
		font-size:10pt;
	}
	.aiEventListTitle {
		padding-bottom:4px;

	}
}
/* ZZZ */
.aiListIcon {
	position:absolute;
	top:10px;
	right:15px;
	background: no-repeat right top;
	width:30px;
	height:30px;
}
.aiListIconEvent {
	background-image:url(../images/btn5/btn5event.png);
}
.aiListIconBook {
	background-image:url(../images/btn5/btn5book.png);
}
.aiListIconVideo {
	background-image:url(../images/btn5/btn5video.png);
}
.aiListIconLink {
	background-image:url(../images/btn5/btn5link.png);
}
.aiListIconNews {
	background-image:url(../images/btn5/btn5news.png);
}
.aiListIconDocument {
	background-image:url(../images/btn5/btn5document.png);
}
.aiListIconPaper {
	background-image:url(../images/btn5/btn5paper.png);
}
.aiListIconFriend {
	background-image:url(../images/btn5/btn5friend.png);
}
/* ZZZ */

.aiBookListTitle {
	background:url(../images/btn5/btn5book.png) no-repeat left 0 top 0;
}
.aiEventListTitle {
	background:url(../images/btn5/btn5event.png) no-repeat left 0 top 0;
}
.aiPaperListTitle {
	background:url(../images/btn5/btn5paper.png) no-repeat left 0 top 0;
}
.aiVideoListTitle {
	background:url(../images/btn5/btn5video.png) no-repeat left 0 top 0;
}
.aiLinkListTitle {
	background:url(../images/btn5/btn5link.png) no-repeat left 0 top 0;
}
.btn5menu {
	position:relative;
	display:inline-block;
	margin:5px 10px 0 0;
	font-size:8pt;
	float:left;
	height:20px;
	line-height:12px;
	background-position:left center;
	background-repeat:no-repeat;
	color:#999;
	cursor:pointer;
    /*border:1px solid #00F;*/
}
.aiPhotoMarker {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.65;
	background:url(../images/general/cross.png) no-repeat center center;
}
.aiPhotoEditWrapper {
	position:relative;
	display:inline-block;
	object-fit:contain;
	border:4px solid #FFFFFF;
	cursor:pointer;
	margin:5px 5px 0 0;
	box-shadow:2px 2px 4px #99A;
}

.aiPhotoEdit {
	height:100px;
}
.aiPhotoLarge {
	position:relative;
	display:block!important;
	margin:auto!important;
	width:100%!important;
	max-width:500px!important;
	height:auto!important;
	cursor:pointer;
}
.aiPhotoThumb {
	position:relative;
	display:inline-block;
	margin:0 10px 10px 0;
	height:100px;
    border:2px solid #FFF;
	cursor:pointer;
	box-shadow:2px 2px 4px #888;
}
.aiPhotoThumb:hover {
    opacity:0.75;
    box-shadow: none;
}
.aiInfoBlockListPhotos {
	height:126px!important;
	overflow-x:auto!important;
	overflow-y:hidden!important;
}
.aiPhoto {
	position:relative;
	display:inline-block;
	height:120px;
	width:auto;
}
.popupMessageError {
    position: relative;
    display:block;
    margin-bottom:5px;
    color:#E00;    
    height:20px;
}
.popupMessageInfo {
    text-align: center;
    color:#000;
}
.popupMessageH1 {
    text-align: center;
    width:100%;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color:#557;    
}
.popupMessageImage {
    position: absolute;
    top:0;
    right:0;
    border-radius: 5px;
    width:80px;
}
.popupMessageHeader {
    position: relative;
    width:calc(100% - 80px);
    display: block;
    height:100px;
}
.popupMessageText {
	font-family: 'Playfair Display', serif!important;	
    position: relative;
    display: block;
    color:#333;
}
.popupMessageName {
    font-size: 18px;
}
.popupMessageOccupation {
    font-size: 14px;
}
.popupMessageCompany {
    font-size: 14px;
    color:#999;
    font-style: italic;
}
.popupMessageBar{
    position: relative;
    margin-bottom:10px;
    width:100%;
    display:block;
}
.popupInputGen {
    color:#555;
    width:100%;
    border-radius:5px;
    border:1px solid #CCC;
    color:#000;
    padding:8px;
}
.popupTextArea {
    height:200px;
}
.popupMessage {
    position: absolute;
    top:0px;
    left:50%;
    width:100%;
    max-width:360px;
    margin:20px 0 0 -200px;
    background-color: #FFF;
    box-shadow: 0 0 10px #888;
    z-index: 99100;
    padding: 20px;
    border-radius:10px;
}
.smokescreen2 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	z-index:9000;
    display: none;
}
.btn5menu:hover {
	opacity:0.5;
}
.btn5books{
	width:20px;
    background-image:url(../images/btn5/btn5book3.png);
}
.btn5contact{
	width:22px;
    background-image:url(../images/btn5/btn5contact.png);
}
.btn5videos{
	width:26px;
    background-image:url(../images/btn5/btn5video3.png);
}
.btn5photos{
	width:24px;
    background-image:url(../images/btn5/btn5photo.png);
}
.btn5links{
	width:18px;
    background-image:url(../images/btn5/btn5link3.png);
}
.btn5view {
	width:20px;
	background:url(../images/btn5/btn5view.png) no-repeat left;
}
.btn5about {
	width:20px;
	background:url(../images/btn5/btn5about.png) no-repeat left;
}
.btn5events {
	width:18px;
	background:url(../images/btn5/btn5event3.png) no-repeat left;
}
.btn5home{
	width:25px;
    background-image:url(../images/btn5/btn5home3.png);
}
.btn5papers{
    padding-left:11px!important;
    background-image:url(../images/btn5/btn5paper3.png);
}
.aiInfoBlock {
	position:relative;
	/*display:none; */
	clear:both;
	height:auto;
}
.aiBookThumb {
	position:relative;
	display:inline-block;
	float:left;
	margin:0 10px 10px 0 ;
	cursor:pointer;
	height:140px;
	box-shadow:3px 3px 5px #999;
}
.aiBookThumb:hover {
	opacity:0.7;
}
.aiBookImage {
	position:relative;
	display:inline-block;
	float:right;
	margin:0 0 0 20px;
	width:auto;
	height:120px;
	border:1px solid #DDD;
}
.block11 {
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	width:100%;
}
.aiBookYear {
	font-size:14pt;
	position:relative;
	display:inline-block;
	color:#777;
	font-family: 'Playfair Display', serif;	
	float:left;
}
.aiRating {
	position:relative;
	display:inline-block;
	float:right;
}
.aiInfoTitle3 {
	position:relative;
	display:inline-block;
	font-size:12pt;
	color:#666666;
	font-weight:bold;
}
.infoControl2 {
	border-top:1px dashed #EEE;
	position:relative;
	display:block;
	margin:0px 0 10px 0;
}
.ratingStarsBox {
	position:absolute;
	right:0;
	top:10px;
	display:inline-block;
	float:right;
	width:93px;
	height:16px;
	width:93px;
}
.ratingStars {
	background:url(../images/general/stars-bg.png) no-repeat left center;
	position:absolute;
	width:100%;
	height:16px;
}
.ratingStarsBar {
	background-color:#FFCC33;
	position:absolute;
	height:16px;
}
@media screen and (max-width: 900px) {
	.aiInfoBoxBook {
		width:100%!important;
	}
}
/* AI PEOPLE */
.barButton {
	float:left;
	height:30px;
	margin-right:8px;
	padding:0 4px 0 0px ;
	line-height:30px;
	color:#777;
	font-size:12pt;
}
.ulHover:hover {
	text-decoration:underline!important;
	color:#00F;
}
.moreInfo2, 
.lessInfo2{
	position:absolute;
	bottom:2px;
	left:50%;
	margin-left:-20px;
	cursor:pointer;
	width:40px;
	height:16px;
}
.moreLessInfo, 
.moreInfo, 
.lessInfo,
.closeBlock, 
.lessBtn {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:20px;
	cursor:pointer;
}
.moreInfo, 
.moreInfo2 {
	background:url(../images/btn15/btn15dn.png) no-repeat center;	
}
.btn17:hover {
    text-decoration: underline;
}
.btnFormFieldControl {
    position:relative;
    display:inline-block;
    width:400px;
}

.btn15close, 
.lessInfo, 
.lessInfo2, 
.lessBtn {
	background:url(../images/btn15/btn15up.png) no-repeat center;	
}
.lessInfo, .lessInfo2 {
	display:none;
}
.moreInfo:hover,
.lessInfo:hover {
	opacity:0.5;
}
.aiExtraInfo {
	position:relative;
	display:block;
	width:100%;
	font-size:12pt!important;
	padding:10px 0 0 0;
	clear:both;
	display:none;
}
.aiInfoControl {
	position:relative;
	display:block;
	width:100%;
	min-height:20px;
	font-size:12pt;
	border-top:1px solid #EEE;
    margin-top:10px;
}
.moreHome:hover {
	background-color:#FFF;
}
.aiInfoAbout {
	position:relative;
	display:block;
	width:100%;
	font-size:12pt!important;
	padding:10px 0 0 0;
	clear:both;
	display:none;
}
.aiPeopleImage {
    position:relative;
    display:inline-block;
    float:right;
    margin:0 0 0 20px;
    width:auto;
    height:150px;
    border-radius: 6px;
}
.aiPeopleFont1 {	
	font-size:18pt;
	font-family: 'Playfair Display', serif!important;	
	text-align:left;
    margin-bottom:10px;
	color:#000;
}
.aiPeopleFont2 {
	font-size:14pt;
	font-style:italic;
	padding-bottom:0px;
    margin-bottom:5px;
}
.aiPeopleFont3 {
	font-size:14pt;
}
.aiPeopleFont4 {
	font-size:12pt;
}
.aiTitle {
	text-align:left;
	font-family: 'Playfair Display', serif;	
	color:#222;	
	/*font-size:16pt;*/
}
.aiTitle2 {
	margin-top:16px;
	text-align:left;
	font-family: 'Playfair Display', serif;	
	color:#777;
}
.aiTitle3 {
	font-size:12pt;
	margin-top:5px;
	color:#777;
	font-family:inherit;
}
.aiYearPublished {
	margin:16px 0 10px 0;
	text-align:left;
	font-family: 'Playfair Display', serif!important;	
}
@media screen and (max-width: 760px) {
	.aiBookImage {
            position:relative;
            display:block;
            margin:0px auto 10px auto;
            float:none;
	}
	.aiBookImage {
		width:180px;
		height:auto;
	}

	.membersName {
		font-size:13pt;
	}
	.membersOccupation {
		font-size:12pt;
	}
	.membersCompany {
		font-size:11pt;
	}

	.aiPeopleImage {
		display:block;
		float:none;
		margin:0 auto 20px auto;
		height:auto;
		width:auto;
		height:auto;
	}
	.aiInfoControl {
		margin-top:5px;
	}
	.aiTitle {
		font-size:14pt;
		width:100%;
		text-align:center;
	}
	.aiTitle2, .aiTitle3 {
		width:100%;
		text-align:center;
	}	
}
@media screen and (max-width: 600px) {
	.messageViewMobileMode {
		display:block!important;
	}
	.messageViewMobilePC {
		display:none!important;
	}
	.messageViewHeaderDate {
		display:none!important;
	}
	.messageViewBody {
		font-size:14px!important;
	}
	#mainBg {
		background-image:none;
	}
	.barButton {
		font-size:10pt;
	}
	.aiPeopleImage {
		display:block;
		margin:0 auto 20px auto;
		width:100%;
		height:auto;
		float:none;
		width:100%;
		height:auto;
	}
	.aiPeopleFont1 {	
		font-size:16pt;
	}
	.aiPeopleFont2 {
		font-size:11pt;
		font-style:italic;
		padding-bottom:0px;
	}
	.aiPeopleFont3 {
		font-size:11pt;
	}
	.aiPeopleFont4 {
		font-size:10pt;
	}
}
@media screen and (max-width: 480px) {
	.aiTitle {
		font-size:11pt;
	}
}
/* ---- */
.titleLogo {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-45px;
	width:100%;
	margin:0 auto 0 auto;
	background:url(../images/general/cog3.png) center no-repeat;
}
.menu2barLeft {
	position:relative;
	display:none;
	display:inline-block;
	float:left;
}
.codeBlock {
	font-family:'Courier New', Courier, monospace;
	color:#4F4975;
	margin-bottom:16px;
}
.codeBlock > div{
	margin-left:30px;
}
.codeBlock > div > div {
	margin-left:30px;
}

.link  {
	color:#0066FF!important;
}
.pageHeading {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	font-size:32pt!important;
	font-weight:bold!important;
	padding:10px 0 20px 0!important;
	color:#555!important;;
}
h1 {
	font-size:20pt!important;
	font-weight:bold!important;
	color:#444!important;	
	margin:20px 0 20px 0!important;
}
h2 {
	font-size:18pt!important;
	font-weight:bold!important;
	color:#555!important;
	margin:20px 0 20px 0!important;
}
h3 {
	font-size:16pt!important;
	font-weight:bold!important;
	margin:20px 0 20px 0!important;
	font-style:italic!important;
	color:#555!important;
}
.bookImg {
	position:relative;
	display:inline;
	margin:10px 0 10px 20px;
	float:right;
	text-align:center;
	max-width:400px;
}
.footerMenuTitle {
	color:#9999FF!important;
}
.footerMenuTitle:hover {
	color:#FFF!important;
}
.footerMenuCol {
	width:120px;
	position:relative;
	display:inline-block;
	margin-bottom:20px;
	height:220px;
	font-size:10pt;
	vertical-align:top;
	text-align:left;
}
.footerMenuCol a {
	position:relative;
	display:block;
}
.companiesImage {
	position:relative;
	display:block;
	margin:0 auto 10px auto;	
}
.footerBase {
	width:100%;
	display:block;
	position:relative;
	font-size:11pt;
}
.footerHeader {
	width:100%;
	display:block;
	position:relative;
	margin-bottom:20px;
	font-size:16px;
}
#page-container {
  position: relative;
  min-height: 100vh;
}
#mainBg {
	position:fixed;
	z-index:-8000;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position:center;
	background-image:url(../images/bg/main_bg.jpg);
	background-size:cover;
}
.headerArea {
	position:relative;
	display:block;
	max-width:1000px;
	min-height:60px;
	margin:0 auto 0 auto;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
}
#wrapper{
    padding-bottom:650px; /*change to expand the height*/ 
}
/*
#mainBody {
    position:relative;
    display:block;
    max-width:1000px;
    margin:0 auto 0 auto;
    padding-bottom:0px;
    width:100%;
    z-index:100;
    min-height:100%;
    box-shadow:0 0 20px #000;
    background:url(../images/general/bg4.jpg) repeat-x #FFF;
}
*/
#homeHeader {
    position: relative;
    display: block;
	background-color:#000;
    width:100%;
	background-size:contain;
}
#mainBody {
    position: relative;
    display: inline-block;
    max-width:1000px;
    width:100%;
    text-align: left;
    margin:0 auto 0 auto;
    min-height:100%;
    background:url(../images/general/bg4.jpg) repeat-x #FFF;
}
#mainBodyFull {
    position:relative;
    display:block;
/*    max-width:1500px;*/
    padding-bottom:0px;
    width:100%;
    z-index:100;
    margin:0 auto 0 auto;
    min-height:100%;
    text-align: center;    
/*    box-shadow:0 0 20px #000;*/
}
/*
#footerArea {
    position:relative;
    margin:0 auto 0 auto;
    margin:0;
    clear:both;
    display:block;	
    height:650px; / *change to expand the height* / 
/ *    max-width:1000px;* /
width:100%;
    z-index:110;
}
*/
#footerArea {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:650px; /*change to expand the height*/ 
    z-index:110;
	background: url(../images/bg/footer_bg.jpg) #30465d;		
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    font-family: sans-serif,Arial, Helvetica;
	font-size:14px;
	padding:20px 0 20px 0;
	line-height:26px;
	color:#7777FF;
	text-align:center;
}
#footerMenu {
    margin-bottom:20px;	
    line-height:30px!important;
    width:100%;
}
#footerMenu a {
    color:#FFCC00;
}
#footerMenu a:hover {
    color:#FFFFFF;
}
.footer {
	position:relative;
	margin:0 auto 0 auto;
	height:100%;
    width:100%;
}
.tbl1 {
	border-collapse:collapse;
    font-size:14pt;
}
.tbl1 td {
	text-align:left;
	padding-right:10px;
}
.tbl2 {
	width:100%;
	max-width:500px;
	border-collapse:collapse;
}
.tbl2 td {
	padding:5px 0 5px 0;	
}
.btn:hover {
	opacity:.80;
}
.btn1pic {
	position:relative;
	display:inline-block;
	height:50px;
	width:50px;
	border-radius:50%;
}
.btn1 {
	position:relative;
	display:inline-block;
	height:50px;
	width:50px;
	background-color:#336699;
	color:#FFFFFF;
	margin:5px;
	border-radius:25px;
	background-repeat:no-repeat;
	background-position:center;
    cursor:pointer;	
	box-shadow: 
	inset 0 -3px 0 #1f97c7, 
	inset 0 -3px 3px #1f9acc, 
	inset 0 2px 2px #3344AA, 
	inset 1px 0 2px #22a4d9, 
	inset -1px 0 2px #22a4d9, 
	0 1px 1px rgba(0, 0, 0, 0.1), 
	0 2px 2px rgba(0, 0, 0, 0.06), 
	0 3px 3px rgba(0, 0, 0, 0.17), 
	2px 1px 2px rgba(0, 0, 0, 0.05), 
	-2px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn1:hover {
    background-color:#5588BB;
}
.btn1call {
	background-image:url(../images/btn1/call.png);
}
.smallPic {
	background-image:url(../images/btn1/small_pic.jpg);
}
.btn1email {
	background-image:url(../images/btn1/email.png);
}
.btn1home {
	background-image:url(../images/btn1/home.png);
}
.btn1cv {
	background-image:url(../images/btn1/cv.png);
}
.btn1facebook {
	background-image:url(../images/btn1/facebook.png);
}
.btn1location {
	background-image:url(../images/btn1/location.png);
}
.btn1message {
	background-image:url(../images/btn1/message.png);
}
a:visited, a:link, a:active
{
	text-decoration:none;
	cursor:pointer;
	color:inherit;
}
a:hover {
	color:#CCCCFF;
}

.btn2 {
	position:relative;
	display:inline-block;
	height:50px;
	width:50px;
	font-size:16pt!important;
	line-height:32px!important;
	margin:5px;
	color:#FFFFFF;
	text-align:center;
	border-radius:30px!important;
	background-position:center;
	background-repeat:no-repeat;
}
.btn2:hover {
	background-color:#88E;
}
.btn2page {
	background-color:#CCF;
	position:relative;
	display:inline-block;
	height:50px;
	width:100px;
	background-position:center;
	background-repeat:no-repeat;
	margin:20px;
	border-radius:25px;
}
.btn3Set1 {
	position:relative;
	display:inline-block;
	height:50px;
	width:50px;
	background-position:center;
	background-repeat:no-repeat;
	margin:5px;	
}
.btn3RightArrow {
	background-image:url(../images/btn3/btn3rarrow.png)!important;
}
.btn3LeftArrow {
	background-image:url(../images/btn3/btn3larrow.png)!important;
}
.btn4 {
	position:relative;
	display:inline-block;
	padding:0 10px 0 10px;
	text-align:center;
	font-size:14px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	border-radius:5px;
}
.btn4a {
	min-width:60px;
	float:right;
	margin:5px 0 5px 5px;
	background-color:#6666BB;
	color:#FFF;	
}
.myStatusToFriend {
	border-radius:18px;
	position:absolute;
	top:10px;
	left:10px;
	width:36px;
	height:36px;
	opacity:0.4;
/*	
	box-shadow:0 0 5px #FFF;
	border:1px solid #FFF;
*/
}
.friendStatusNone {
	background:url(../images/btn6/btn6none.png) no-repeat center center #99FF00;	
}
.friendStatusPending {
	background:url(../images/btn6/btn6pending.png) no-repeat center center #55F;	
}
.friendStatusFriend {
	background:url(../images/btn6/btn6friend.png) no-repeat center center #44EE44;	
}
.friendStatusBlocked {
	background:url(../images/btn6/btn6blocked.png) no-repeat center center #CC0000;	
}
.friendStatusRejected {
	background:url(../images/btn6/btn6rejected.png) no-repeat center center #CC0000;	
}
.friend_noti_block {
	position:relative;
	display:block;
	width:100%;
	padding:10px;
}
.friend_noti_image {
	position:relative;
	display:inline-block;
	margin:0 10px 5px 0;
	float:left;
}
.friend_noti_name {
	position:relative;
	display:inline-block;
	marrgin-right:10px;
	float:left;
}
.btn4a:hover {
	background-color:#8888DD;

}

.btn2LeftArrow {
	background-image:url(../images/btn2/btn2larrow.png)!important;
}
.btn2Home {
	background-image:url(../images/btn2/btn2home.png)!important;
}
.btn2Content {
	background-image:url(../images/btn2/btn2content.png)!important;
}
.btn2RightArrow {
	background-image:url(../images/btn2/btn2rarrow.png)!important;	
}

.pageIndexArea {
	position:relative;
	padding:5px;
}
.pageTitleImage {
	position:relative;
    display: inline-block;
    margin:10px 30px 0 0;    
    float:right;
}
.pageTitleBack {
	position:relative;
    display: inline-block;
    margin:10px 20px 0 0;    
    width:40px;
    float:left;
    height:40px;
   border-radius: 50%;
    margin-right:20px;
	background:url(../images/general/arr2l.png) no-repeat center center #FFF;	
}
.pageTitleText {
    position:absolute;
    width:100%;
    margin-left:-40px;
    height: 100%;
	font-size:30px!important;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:3px;
	font-size:28pt;
	text-transform:uppercase;
	text-shadow:0 0 5px #FFF;
}
.pageTitle,
.pageTitleHeading {
    padding-left:40px;
	position:relative;
	display:block;
	height:60px;
    width:100%;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:26px;
	text-align:center;
	line-height:60px;
	text-transform:uppercase;
	background:url(../images/bg/title-bg.jpg) no-repeat left!important;	
}
/* GAP */
.gapR1 {
	margin-right:20px;
}
.gapL2 {
	margin-left:10px!important;
}
.gapR2 {
	margin-right:10px!important;
}
.gapR3 {
	margin-right:5px!important;
}
.gapTop1 {
	margin-top:10px;
}
.tblContent {
	position:relative;
	display:block;
	width:100%;
	font-size:12pt;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #FFF7F7 inset;	
}

.input1  {
	padding:10px 10px 10px 10px;
	border:1px solid #CCF;
	border-radius:5px;
	font-size:12pt;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:30px;
	background-color:#8585A3;
	color:#FFF;
	line-height:40px;
}
.input2 {
	position:relative;
	padding:5px 10px 10px 0;
	border:none;
	border-bottom:1px solid #BBB;
	background-color:inherit!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#000;
	width:100%!important;
}

.widAuto {
	width:auto!important;
}
.input3  {
	padding:10px 10px 10px 10px;
	border:2px solid #99A;
	border-radius:5px;
	font-size:14pt;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF!important;
	background-color:#FFF;
	text-align:left;
	width:200px;
	margin:0 10px 0 10px;
}
.title1 {
	position:relative;
	display:block;
	font-size:12pt;
	margin:40px 0 5px 0;
	font-weight:bold;
	color:#555;
}
.lbl1 {
	font-size:12pt;
	color:#555;
}
.lbl2 {
	font-size:12pt;
	font-weight:bold;
	padding-right:10px;
	color:#555;
}
.inline {
	position:relative;
	display:inline;
}
.block1 {
	position:relative;
	display:block;
	clear:both;
}
.block3 {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
}
.block4 {
	position:relative;
	clear:both;
	margin:20px 0 20xp 0;
	width:100%;
}
.block5 {
	position:relative;
	clear:both;
	margin:0 0 5xp 0;
	width:100%;
}
.gapB {
	margin-bottom:20px;
}
.successTitle {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:18pt;
	color:#6666CC;
	line-height:50px;
}
.successControls {
	margin:10px auto 30px auto;
	text-align:center;
	color:#668;
}
.formBox1 {
	position:relative;
	display:block;
	margin:80px auto 30px auto;
	border:1px solid #CCF;
	max-width:360px;
	width:100%;
	border-radius:5px;
	background-color:#FFF7F7;
	box-shadow:0px 0px 20px #88C;
	z-index:99999!important;
	padding:70px 30px 30px 30px;
	background:url(../images/logos/logo5.png) no-repeat top 20px center #FFF7F7;
}
.formBoxSubscribe {
	background:url(../images/general/subscribe.png) no-repeat top 20px center #FFF7F7!important;
}
.formBoxSubscribe {
	background:url(../images/general/subscribe.png) no-repeat top 20px center #FFF7F7!important;
}
.fomrBoxLogin {
	background:url(../images/general/login.png) no-repeat top 20px center #FFF7F7!important;
}
.formBoxPasswordChange {
	background:url(../images/general/password_change.png) no-repeat top 20px center #FFF7F7!important;
}
.formBoxSecurity {
	background:url(../images/general/security.png) no-repeat top 20px center #FFF7F7!important;
}
.formBox2 {
	position:relative;
	display:block;
	margin:40px auto 0 auto;
	border:1px solid #CCF;
	background-color:#F7F7FF;
	padding:10px 30px 30px 30px;
	max-width:400px;
	width:100%;
	box-shadow:0 3px 8px #C6C6D0;
}
.btn3 {
	position:relative;
	display:inline-block;
	font-size:11pt;
	color:#FFFFFF;
	background-color:#8888FF;
	border-radius:5px;
	padding:10px;	
	margin:5px;
}
.pageErrorMessage {
	background:#F00;
	border-radius:5px;
	color:#FFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0 auto 0 auto;
	max-width:500px;
	padding:20px;
	position:relative;
	text-align:center;
	width:100%;
}
.error1 {
	color:red;
	font-size:11pt;
	font-style:italic;
}
.error2 {
	position:relative;
	display:inline-block;
	color:#CC0000;
	line-height:20px;
	font-size:14pt;
	font-style:italic;
}
.error3,
.error3a,
.error3b {
	position:relative;
	display:inline-block;
	color:#F00;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
}
.error3 {
	display:inline-block;
}
.error3a {
    cursor:pointer;
}
.error3b {
	display:block;
	text-align:left;
}
.pageMainError {
    position: relative;
    display: block;
    height: 20px;
    width:100%;
    color:#900;
    line-height: 20px;
    text-align: left;
    font-size:16px;
    margin-bottom:5px;
}
.info1 {
	color:#6699FF;
	font-size:14px;
	font-style:italic;
}
.info2 {
	color:#6699FF;
	font-size:12pt;
	margin:5px 0 5px 0;
}
.info3 {
	color:#333;
	font-size:9pt;
	margin:5px 0 5px 0;
}
#message {
	position:relative;
	display:block;
	height:20px;
	margin:10px 0 10px 0;
}
.btn {
    cursor:pointer;
}
.btn:hover {
	opacity:0.65;
}
.blockM {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	margin:20px 0 20px 0;
}
.imgParadox {
	position:relative;
	display:inline-block;
	border-radius:200px;
	background-color:#FFF;
	margin:0 auto 0 auto;	
	box-shadow: 0 0 15px #CCF;
	
}
.imgParadoxBox {
	position:relative;
	display:inline-block;
	margin:0 auto 40px auto!important;
	text-align:center;
	padding:10px;
} 
.imgParadoxName {
	position:absolute;
	bottom:-30px;
	width:100%;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	color:#990033;
	left:0;
	text-align:center;
}
.imageBox2 {
	position:relative;
	display:block;
	margin:20px auto 20px auto;
	text-align:center;
	border-radius:200px;
	border:1px solid #DDD;
}
.imageBox3 {
	position:relative;
	text-align:center;
	display:block;
	margin:10px auto 10px auto;
	background-color:#FC0;	
	width:100%;
}
.imgParadoxBox > .headingB1:hover {
	color:#00F;
}
/*
.page, .page1, .page2, .page3, .page4 {
	background:url(../images/general/bg4.jpg) repeat-x #FFF;
}
*/
.page {
    position:relative;
    padding:20px 35px 50px 35px;
}
.page1 {
	position:relative;
	padding:5px 35px 50px 35px;
	min-height:500px;
}
.page2 {
	position:relative;
	/*background-color:#FFF;*/
}
.page3{
	position:relative;
	padding:0 35px 50px 35px;
}
.page4 {
	position:relative;
	display:block;
	min-height:100%!important;
	padding-bottom:20px;
}
.btnBack {
	position:relative;
	display:block;
	margin:20px auto 20px auto;
	background-color:#DDDDDD;
	color:#FFFFFF;
	width:80px;
	height:80px;
	font-size:14pt;
	text-align:center;
	border-radius:40px;
	line-height:80px;
	background:url(../images/general/btn1back.png) no-repeat center;
}
.btnBack:hover {
	cursor:pointer;
	text-decoration:none!important;
	background-color:#EEEEEE!important;
}
.pad1 {
	padding-bottom:20px;
}
.newUpdate {
	position:relative;
	display:inline-block;
	font-size:12pt;
	background:url(../images/general/star.png) no-repeat 10px;
	padding-left:35px;
	color:#6699FF
}
.barPageNoC {
	text-align:center;
	margin-bottom:10px;
}
.barBlockR1 {
	position:relative;
	display:inline-block;
	float:right;
	margin-bottom:0;
}
.controlBlock {
	position:relative;
	display:inline-block;
	text-align:left;
	float:left;
	margin:0 10px 0 0;
}
.barBlockL1 {
	position:relative;
	display:inline-block;
	float:left;
	margin-bottom:0;
	height:55px;
}
.barBlockR {
	position:relative;
	display:inline-block;
	float:right;
	margin-bottom:0;
}

.barBlockL {
	position:relative;
	display:inline-block;
	float:left;
	margin-bottom:5px;
}
.barBlockL3 {
	position:relative;
	display:inline-block;
	margin-bottom:5px;
}
/* VIDEOS */
.btn3dotL {
	position:relative;
	float:left;
	margin-right:20px;
	width:40px;
	height:40px;
	cursor:pointer;
	background:url(../images/general/3dots.png) no-repeat center center;
}
.videoControls {
	font-size:11pt;
}
.videoDate {
	position:relative;
	display:inline-block;
	float:right;
	line-height:40px;
}
.videoLikes {
	position:relative;
	display:inline-block;	
	float:right;
    padding:0 30px 0 6px;
	min-width:70px;
	text-align:left;
	cursor:pointer;
    font-size:12px;
    border-radius:12px;
    color:#FFF;
	background:url(../images/general/like.png) no-repeat right 5px center #AAF;
    margin-top:5px;
	height:24px;
	line-height:24px;
}
.videoLikesOn {
	background-color: #AAF;
}
.videoLikesOff {
	background-color: #BBC;
}
.videoLikes:hover {
	opacity:0.6;
}
.videoButton {
	font-size:11pt;
	position:relative;
	display:inline-block;
	padding:5px 10px 5px 10px;
	margin-right:10px;
	background:#CCD;
	cursor:pointer;
}
.videoDate {
	position:relative;
	display:inline-block;
	margin-right:10px;
}
.videoTitle{
	position:relative;
	display:block;
	margin:0 0 10px 0;
	color:#333;
	font-weight:bold;
}
.videoDescription{
	position:relative;
	display:block;
	margin-top:10px;
	color:#777;
	display:none;
}
.videoInfo{
	position:relative;
	display:block;
	width:100%;
	padding-bottom:0;
	border-bottom:1px solid #DDD;
}
.videoBlockR,
.videoBlockL {
    position: relative;
/*    border:1px dashed #F00;*/
    display:inline-block;
}
.videoBlockR {
    margin-left:10px;
    width:calc(100% - 280px);
    vertical-align: top;
    height: 146px;
    font-size:14px; 
    line-height:20px;
}
.videoBlockL {
    width:260px;
}
.listVideo {
	position:relative;
	display:inline-block;
	margin-left:20px;
	float:right;
	height:140px;
	width:240px;
}
.videoBlock {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a,
a:link,
a:visited {
	text-decoration:none;
	color:inherit;
}
.aiNewLogo {
	position:absolute;
	top:5px;
	right:5px;
	width:30px;
	height:30px;
	background:url(../images/btn_menus2/ai_news.png) no-repeat center center;
}
.aiNewsHealine {
	font-weight:bold;
	margin-bottom:10px;
}
.aiNewsPostedBy {
	margin-top:5px;
	font-size:14px;
	font-style:italic;
	color:#229;
}
.aiNewsBody {
	margin-top:5px;
	font-size:14px;
	color:#333;
	display:none;
}
/* SITEMAP */
.colSiteMap {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin-bottom:20px;
}
.colSiteMap a:hover {
	color:#99F;
}
.sml1 {
	position:relative;
	display:block;
	margin:0 0 5px 0;
	padding-left:10px;
	border-left:5px solid #44C;
	font-weight:bold;
}
.sml1 a:first-child {
	padding-left:10px;
	text-transform:uppercase;
}
.sml2 {
	position:relative;
	display:block;
	padding-left:6px;	
	margin:0 0 5px 14px;
	border-left:5px solid #AAF;
	font-weight:normal;
}
.sml2a {
	position:relative;
	display:block;
	padding-left:10px;	
	margin:0 0 5px 30px;
	border-left:5px solid #AAF;
	font-weight:normal;
}
.sml3 {
	padding-left:10px;	
	margin:0 0 5px 10px;
	border-left:5px solid #C00;
	font-weight:normal;
}
.sml1Lines,
.sml2Lines,
.sml3Lines {
	position:absolute;
	height:30px;
	border:1px dashed #AAF;
	border-width: 0 0 1px 0;
}
.sml2Lines {
	margin:-16px 0 0 -35px;
	width:25px;	
}
.sml3Lines {
	margin:-16px 0 0 -35px;
	width:20px;	
}
/********/
.error5 {
	color:#550000;
	padding:5px;
	margin-bottom:20px;
	color:#FF0;
	background-color:#CC0000;
	text-align:center;
	border-radius:5px;
}
.error6 {
	margin-top:50px;
	color:#999;
	text-align:center;
    font-size:18px;
    width:100%;
    text-align: center;
}
.errorMessage2 {
	color:#550000;
	padding-left:10px;
	border-left:20px solid #FF0000;
}
.errorMessage {
	color:#CC0000;
	margin-top:100px;
	width:100%;
	text-align:center;
}
.errorBar1 {
	position:relative;
	display:inline-block;
	height:40px;
	border:1px solid #F00;
	line-height:40px;
	color:#F00;
	clear:right;
	padding:0 20px 0 40px;
	color:#FFF;
	width:auto;
	font-size:16px;
	border-radius:5px;
	background:url(../images/general/warn1.png) left 5px center no-repeat #DD0000;
}
.blockHideInfo {
	position:realtive;
	display:none;
}
.btnApplyJob {
	position:absolute;
	right:10px;
	top:10px;
	width:60px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background-color:#707A9E;
	font-size:10pt;
	border-radius:5px;
}
.blockHideInfo2 {
	position:realtive;
	display:none;
	padding-bottom:20px;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #EEE;
}
.btnComapniesLinkedIn {
	position:relative;
	display:inline-block;
	float:left;
	margin-right:10px;
	width:30px;
	height:30px;
	background:url(../images/general/linkedin.png) no-repeat center;
}
.btnCompaniesVisit {
	position:relative;
	display:inline-block;
	float:left;
	height:30px;
	background-color:#808090;
	padding:0 10px 0 10px;
	color:#FFF;
	border-radius:5px;
	line-height:30px;
	margin-right:10px;
}
.btnCompaniesVisit:hover {
	background-color:#AAB;
}
.btnClose2 {
	position: absolute;
	bottom:5px;
	right:4px;
	width:30px;
	height:30px;
	border-radius:15px;
	background-color:#FF3300;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:30px;
	cursor:pointer;
}
.btnClose {
	position:relative!important;
	display:block!important;
	margin:10px auto 10px auto!important;
	width:80px;
}
/*
.btnCloseX {
	float:right;
	margin-right:0;
}
*/
.fR {
	float:right;
}
.fL {
	float:left;
}
#popupPage {
	position:absolute;
	top:-700px;
	left:50%;
	width:400px;
	margin:-300px 0 0 -200px;
	z-index:9999999;
}
.popupClose {
	top:-600px;
	-webkit-transition:0.6s;
    -moz-transition:0.6s;
    -ms-transition:0.6s;
    -o-transition:0.6s;
    transition:0.6s;
}
.popupOpen {
	top:300px!important;
	margin-top:0;
	-webkit-transition:0.6s;
    -moz-transition:0.6s;
    -ms-transition:0.6s;
    -o-transition:0.6s;
    transition:0.6s;
}
.btnMenuExt {
	background: #3db2e1;
    background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
	top:16px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;	
	font-size:10pt;
	border-radius:12px;
	height:26px;
	line-height:26px;
	text-align:center;
	z-index:5100;
	cursor:pointer;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFF!important;
}
.btnSubscription {
	right:60px;
	width:90px;
}
.btnMessage {
	
	right:160px;
	width:40px;
}
.btnSubscription:hover {
	background-color: rgba(250, 250, 250,0.65);
}
/*PAY*/
.payForm {
	position:relative;
	margin:10px;
	max-width:360px;
	width:100%;
	float:left;
}
.payFormTable {
	width:100%;
}
.payFormTable td {
	vertical-align:middle;
}
.payFormControl {
	position:relative;
	display:block;
	margin-top:20px;
}
/* FAQ */
.faqAnswerBlock {
	padding:0 10px 10px 10px;
	position:relative;
	display:none;
	font-size:12pt;
}
.faqBaseBar {
	position:relative;
	display:block;
	width:100%;
	paddding:5px 0 0 0;
}
.faqQuestionBlock {
	padding:10px 10px 10px 10px;
	position:relative;
	font-size:12pt;
	display:block;
	padding-bottom:10px;
	padding-left:45px;
	cursor:pointer;
	font-weight:bold;
	color:#669;
	line-height:32px;
	background:url(../images/general/faq-q.png) no-repeat left 10px top 10px;
}
.faqQuestionBlock:hover {
	color:#88F;
}
.faqDelete {
	position:relative;
	display:inline-block;
	float:right;
	margin-left:10px;
	text-align:center;
	font-size:11pt;
	color:#A00;
	cursor:pointer;
}
.faqDelete:hover {
	color:#00F;
}
.faqError {
	height:24px;
	color:#FF0000;
	display:block;
	position:relative;
	margin-bottom:10px;
}

.faqAnswer {
	position:relative;
	display:block;
	color:#555;
}
.faqDate {
	color:#999;
	font-size:9pt;
	position:relative;
	display:inline-block;
}
.faqAskedBy {
	color:#777;
	font-size:9pt;
	position:relative;
	display:inline-block;
	margin-left:20px;
	font-style:italic;
}
.faqBlock {
	position:relative;
	display:block;
	margin-bottom:16px;
	border-bottom:1px solid #CCD;
	border-top:1px solid #FFF;
	box-shadow:0 3px 8px #DDD;
}
.faqInput {
	margin:0 10px 10px 0;
}
.faqQASign {
	width:32px;
	height:32px;
	color:#FFFFFF;
	text-align:center;
	line-height:32px;
	font-size:20px;
	border-radius:16px;
}
.faqQSign {
	background-color:#8E98D8;
}
.faqASign {
	background-color:#BB8888;
}

.buttonBarBottom {
	padding:5px 0 5px 0;
}
.box1, .box1Home {
	margin:5px;
	font-size:0.75em!important;
	line-height:1.5em!important;
	padding:10px 10px 40px 10px!important;
	border:1px solid #DDD;
	background-color:#F6F6F6!important;
	border-radius:0px;
}
.box1Home {
	min-height:250px;
}
/* PAGE MENU*/
.boxMenu, .boxMenuSub{
	position:relative;
	width:100%;
	color:#333;
	cursor:pointer;
	height:60px;
	line-height:60px;
	border-radius:5px;
	border:1px solid #BBBBCC;

/*	box-shadow:0 3px 8px #555;
background: #3db2e1;
    background: -webkit-linear-gradient(top, #FFC 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
*/
}
.boxMenuSub {
    background:url(../images/general/submenu-plus.png) no-repeat right 10px center #FFF;
}

.boxMenu {
    background-repeat:no-repeat;
    background-color:#DDDDEE;
    background-position:right 10px center;
	box-shadow:0 3px 8px #555;
    background: #3db2e1;
    background: -webkit-linear-gradient(top, #FFF 0%, #E4E4EF 25%, #EEEEEF 50%, #EEEEFF  75%, #FFF 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #E4E4EF 25%, #EEEEEF 50%, #EEEEFF  75%, #FFF 100%);
    background: -moz-linear-gradient(top, #FFF  0%, #E4E4EF 25%, #EEEEEF 50%, #EEEEFF  75%, #FFF 100%);
    background: -o-linear-gradient(top, #FFF  0%, #E4E4EF 25%, #EEEEEF 50%, #EEEEFF  75%, #FFF 100%);
    background: linear-gradient(to bottom, #FFF  0%, #E4E4EF 20%, #EEEEEF 60%, #EEEEFF  75%, #FFF 100%);
    /*box-shadow: inset 0 -1px 1px #EEF, inset 0 2px 1px #EEF;*/
    box-shadow: 2px 2px 5px #DDD;
}
.btnMenuImage {
    position:absolute;
    left:10px;
    top:10px;
}
.menuImage {
	position:absolute;
	left:10px;
	top:10px;
}
.boxMenuSub:hover, 
.boxMenu:hover { 
    background-color:#F4F4FF!important;
    box-shadow:none;
    opacity:0.7;

}
.boxMenuWrap {
	position:relative;
	display:inline-block;
	float:left;
	padding:4px;
	margin-right:5px;
	margin-top:5px;
	width:calc(33% - 5px);
}
.titleSub {
	font-size:14px;
	width:calc(100% - 10px);
	color:#555;
	font-weight:bold;
	text-align:center;
}

/*
.titleSub {
	font-size:12pt;
	width:100%;
	text-align:center;
	background: #3db2e1; 
	background: -o-linear-gradient(top, #4D4F53, #5D5F73);
	background: -ms-linear-gradient(top, #4D4F53, #5D5F73);
	background: -webkit-linear-gradient(top, #4D4F53, #5D5F73);
	background: -moz-linear-gradient(top, #4D4F53, #5D5F73);
	background: linear-gradient(to bottom, #4D4F53, #5D5F73);
}
.titleSub:hover {
	background: #8D8FB3; 
	background: -o-linear-gradient(top, #4D4F53, #7D7F93);
	background: -ms-linear-gradient(top, #4D4F53, #7D7F93);
	background: -webkit-linear-gradient(top, #4D4F53, #7D7F93);
	background: -moz-linear-gradient(top, #4D4F53, #7D7F93);
	background: linear-gradient(to bottom, #4D4F53, #7D7F93);
}
*/
/*-----*/
.titleHome {
	font-size:14pt;
	margin:10px 0 10px 0;
	font-weight:bold;
	width:100%;
	text-align:center;
}
.moreHome {
	position:absolute;
	bottom:0px;
	right:5px;
	width:60px;
	height:40px;
	border-radius:20px;
	background:url(../images/general/3dots.png) no-repeat right 10px top 15px;	
}
.moreHome:hover {
	background-color:#FFF;
}
.btnSubscribe {
	position:relative;
	display:inline-block;
	font-size:11pt;
	color:#FFFFFF;
	background-color:#8888FF;
	border-radius:5px;
	padding:10px;	
}

/* RAISED MONEY */
.caption1 {
	position:relative;
	display:block;
	font-size:11pt;
	width:100%;
	text-align:center;
	color:#6666AA;
}
a, a:active, a:visited, a:link{
	text-decoration:none!important;
}
.donateAmount:hover {
	background-color:#99E!important;
	color:#FFF;
}
.title2 {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	font-size:18pt;
	font-weight:bold;
	margin:10px auto 10px auto;
}
.title3 {
	font-weight:bold;
	color:#000;
}
.title4 {
	font-size:14pt;
	color:#333344;
	font-weight:bold;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
.title5 {
	position:relative;
	line-height:50px;
	color:#333;
	text-align:center;
	font-size:14pt;
	width:100%;
	font-weight:bold;
}
.btnArrowDown {
	position:relative;
	float:right;
	right:10px;
	width:26px;
	height:26px;
	background:url(../images/general/btnArrowDown.png) no-repeat center;	
}
.btnGen {
	cursor:pointer;
}
.btnGen:hover {
	opacity:0.65;
}
/* NEWS */
.barOpen {
	background-image:url(../images/general/btnArrowUp.png);
}
.barClosed {
	background-image:url(../images/general/btnArrowDown.png);
}
.newsTitleBar {
	border-radius:5px;
	cursor:pointer;
	padding-right:40px;
	background-repeat:no-repeat;
	background-position:right top;
	color:#000;
}
.boxNews:hover{
	background-color:#FFE;
}
.newsBody {
	padding:5px 0 5px 0; 
	color:#777;
	border-radius:0 0 5px 5px;
}
.newsBox {
	border-top:1px solid #FFF;
	box-shadow:0 3px 8px #CCC;
	position:relative;
	display:block;
	background-color:#FFF;
	margin-bottom:12px;
	padding:2px 10px 10px 10px;
	z-index:100;	
	border-radius:10px 10px 10px 10px;
	width:100%;
}
.boxNews {
	background-color:#F4F4FFF;
}
.newsTitle {
    margin-bottom:5px;
	position:relative;
	display:inline-block;
	width:100%;
	line-height:18px;
	vertical-align:top;
}
.newsDate {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:12px;
	color:#777;
	line-height:12px;
}
.newsControlBar {
	margin-bottom:0px;
}
/* FORUM */
.forumBox {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:1px solid #DDD;
	border-radius:5px;
	min-height:36px;
	width:100%;
	font-size:11pt;
	margin-bottom:12px;
	max-width:500px;
}
.forumHeaderTitle{
	color:#000;
	font-size:9pt;
}
.forumHeaderBox {
	position:relative;
	display:block;
	padding:12px 12px 0 12px;
}
.forumInputControl {
	position:relative;
	display:inline-block;
	float:right;
	width:80px;
}
.forumInputBox {
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	height:36px;
	width:430px;
	}
input {
	outline:none;
}
.forumInput {
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border:none;
	padding:2px 0 0 20px;
	font-size:9pt;
	color:#777;
	width:100%;
	margin-right:120px;
	line-height:18px;
	resize:vertical;
}
.forumHeaderBody {
	position:relative;
	display:block;
	font-size:9pt;
	padding:12px 0 12px 0;
	color:#777;
}
.forumHeaderControl {
	position:relative;
	display:block;
	font-size:10pt;
}
.forumTbl {
	border-radius:5px 5px 0 0 ;
	border-collapse:collapse;
	width:100%;
}
.forumTbl td {
	padding:0;
}
.forumName {
	position:relative;
	display:block;
	font-weight:bold;
	color:#669;
	line-height:20px;
	font-size:10pt;
	width:150px;
}
.forumDate {
	position:relative;
	display:block;
	color:#99A;
	line-height:20px;
	font-size:9pt;
	width:150px;
}
.controlBar {
	position:relative;
	display:block;
/*	padding:10px 30px 0 30px;*/
}
.controlBar2 {
	position:relative;
	display:block;
	margin-bottom:15px;	
	padding-bottom:15px;	
	border-bottom:1px solid #889;
}
.forumUserImage {
	position:relative;
	display:inline-block;
	float:left;
	margin-right:12px;
	width:36px;
	height:36px;	
}
.forumCommentBar {
	position:relative;
	display:block;
	background-color:#DDDDEE;
	padding:8px 5px 0 12px;
}
/* BUTTONS */
.btn30 {
/*	background-color:#8585A3;*/
	background-color:#BBBBFE;
	color:#FFF;
	margin-left:30px;
	position:relative;
	display:inline-block;
	line-height:34px;
	font-weight:bold;
	border-radius:17px;
	padding:0;
	cursor:pointer;
	width:150px;
	text-align:center;
	float:right;
}	
.btn30:hover {
/*	background-color:#A5A6BF;	*/
	background-color:#ABABDE;		
	
}
.btn6,
.btn6-r, 
.btn6-l, 
.input1, 
.input1b  {
	position:relative;
	display:inline-block;
	line-height:44px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	text-align:center;
	margin-bottom:10px;
	border-radius:30px;
	font-size:16px;
	/*
	box-shadow: 
		inset 0 -3px 0 #1f97B6, 	 
	  	inset 0 2px 2px #334499, 
	  	inset 1px 0 2px #22a4c8, 
	  	inset -1px 0 2px #22a4c8, 
	  	0	1px 1px rgba(0, 0, 0, 0.1), 
	  	0 2px 2px rgba(0, 0, 0, 0.06), 
	  	0 3px 3px rgba(0, 0, 0, 0.17), 
	  	2px 1px 2px rgba(0, 0, 0, 0.05), 
	  	-2px 1px 2px rgba(0, 0, 0, 0.05);
	*/
}
.input1b {
	cursor:text!important;
}
.btn6rad {
	height:44px;
	width:44px;
}
.btn6radCaption {
	position:relative;
	display:inline-block;
	margin:0 30px 0 10px;
	line-height:44px;
	height:44px;
}
.listDate {
	font-weight:bold;
	color:#669;
}
.listBlock {
	background-color:#FFF;
	padding:10px 10px 10px 10px;
	border-radius:5px;
	margin:0 0 10px 0;
	cursor:pointer;
}
.listBlockOpen {
	background:url(../images/btn19/btn19open.png) right 10px center no-repeat #FFF;
}
.listBlockClosed {
	background:url(../images/btn19/btn19closed.png) right 10px center no-repeat #FFF;
}

.listBlock:hover {
	background-color:#FFFFE7;
}
.listTitle {
	font-weight:bold;
	color:#000;
}
.listDesc {
	color:#666;
}
.cvBlock {
	position:relative;
	display:block;
	border-bottom:1px solid #AAB;
}
.cvRow {
	position:relative;
	display:block;
	padding:5px 0 5px 0;
}
.cvTitle {
	font-weight:bold;
	color:#000;
}
.cvControlBar {
	text-align:right;
	margin-bottom:5px;
}
.cvDescription {
	color:#000;
}
.cvDate {
	color:#559;
	float:right;
	font-size:14px;
	font-weight:bold;
}
.cvCompany {
	font-weight:bold;
	color:#559;
	float:left;
}
.cvDescription {
}

.btn6back {
	background:url(../images/btn6/btn6back.png) no-repeat center center;
}
.btn6add {
	background:url(../images/btn6/btn6add.png) no-repeat center center;
}
.btn6delete{
	background:url(../images/btn6/btn6delete.png) no-repeat center center;
}
.btn6grid {
	background:url(../images/btn6/btn6grid.png) no-repeat center center;
}
.btn6html2 {
	background:url(../images/btn6/btn6html2.png) no-repeat center center;
}
.btn6profile {
	background:url(../images/btn6/btn6profile.png) no-repeat center center;
}
.btn6html {
	background:url(../images/btn6/btn6html.png) no-repeat center center;
}
.btn6save {
	background:url(../images/btn6/btn6save.png) no-repeat center center;
}
.btn6photo {
	background:url(../images/btn6/btn6photo.png) no-repeat center center;
}
.btn6reset {
	background:url(../images/btn6/btn6reset.png) no-repeat center center;
}
.btn6refresh {
	background:url(../images/btn6/btn6refresh.png) no-repeat center center;
}
.btn6close {
	background:url(../images/btn6/btn6close.png) no-repeat center center #C0C0FF;
}
.btn6save {
	background:url(../images/btn6/btn6save.png) no-repeat center center #C0C0FF;
}
.btn6filter {
	background:url(../images/btn6/btn6filter.png) no-repeat center center #C0C0FF;
}
.btn6video {
	background:url(../images/btn6/btn6video.png) no-repeat center center #5D5F73;
} 
.btn6list {
	background:url(../images/btn6/btn6list.png) no-repeat center center #5D5F73;
}

.blockControl1 {
	position:relative;
	display:inline-block;
	float:left;	
}
.searchInput {
	position:relative;
	display:inline-block;
	width:300px;
}
/*
@media screen and (max-width: 600px) {

	.blockControl1 {
		float:none;
		width:100%;
		text-align:center;
		margin-top:10px;
	}
	.searchInput {
		float:none;
		max-width:500px;
		width:100%;
		margin:0 auto 0 auto;	
	}
}
*/
.templatePageNo {
	position:absolute;
	left:50%;
	width:140px;
	margin-left:-70px;
	text-align:center;
	height:30px;
	line-height:26px;	
	border:1px solid #999;
	border-radius:15px;
	font-size:14px;
	font-weight:bold;
}
.btn6NextPage {
	position:relative;
	display:block;
	width:40px;
	margin:30px auto 0 auto;
	border-radius:30px;
	background:url(../images/btn6/arrow-next.png) no-repeat center center #5D5F73;
}
.btn6menuShow {
	border-radius:22px;
	text-align:center;
	background:url(../images/btn6/btn6search1.png) no-repeat center center;
}
.btn6menuHide {
	border-radius:22px;
	text-align:center;
	background:url(../images/btn6/btn6search2.png) no-repeat center center #F00!important;
}
.bgWhite {
	background-color:#FFF;
	border:1px solid #99A;
}
.btn6ar {
	display:inline-block;
	position:relative;
	border-radius:22px;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFF;
	border:1px solid #99A;
	height:44px;
	width:60px;;
	line-height:44px;
	float:left;
	cursor:pointer;
}

.btn6ar:hover {
	background-color:#E5E5EF;
}
.btn6ardn {
	background-image:url(../images/btn6/btn6dn2.png);
}
.btn6arup {
	background-image:url(../images/btn6/btn6up2.png);
}
.btn6dn2 {
	background-image:url(../images/btn6/btn6dn2.png);
}
.btn6up2 {
	background-image:url(../images/btn6/btn6up2.png);
}
.btn6help {
	border-radius:22px;
	text-align:center;
	background:url(../images/btn6/btn6help.png) no-repeat center center;
}
.btn6favs {
	background:url(../images/btn6/btn6favs.png) no-repeat center center #FF3333!important;
}
.btn6blocked {
	background:url(../images/btn6/btn6blocked.png) no-repeat center center #BB0000!important;
}
.btn6rejected {
	background:url(../images/btn6/btn6rejected.png) no-repeat center center #E0B000!important;
}
.btn6none {
	background:url(../images/btn6/btn6none.png) no-repeat center center #7D7FFF!important;
}
.btn6pending {
	background:url(../images/btn6/btn6pending.png) no-repeat center center #7D7FFF!important;
}
.btn6requested {
	background:url(../images/btn6/btn6request.png) no-repeat center center #7D7FFF!important;
}
.btn6friend {
	background:url(../images/btn6/btn6friend.png) no-repeat center center #44BB44!important;
}
.btn6login {
	background:url(../images/btn6/btn6login.png) no-repeat center center;
}
.btn6logout {
	background:url(../images/btn6/btn6logout.png) no-repeat center center;
}
.btn6ok {
	background:url(../images/btn6/btn6accept.png) no-repeat center center;
}
.btn6send {
	background:url(../images/btn6/btn6send.png) no-repeat center center;
}
.btn6gapR {
	margin-right:5px;
}
.btn6search {
	background:url(../images/btn6/btn6search.png) no-repeat right 8px center #5D5F73;
}
.btn6register {
	background:url(../images/btn6/btn6register.png) no-repeat center center;
}
.btn6resetOn {
	background-color:#FFFF00!important;	
	color:#663399!important;
}
.btn6x1 {
	position:relative;
	display:block;
	float:none!important;
	margin:0px auto 0 auto;
	clear:both;
	width:30px;
	color:#FFFFFF;
	background:url(../images/btn6/btn6x.png) no-repeat center center #AA0000!important;
}
.btn6x1:hover {
	background-color:#EE0000;
}
.btn6x2 {
	color:#FFFFFF;
	background:url(../images/btn6/btn6x.png) no-repeat center center #AA0000!important;
}
.btn6x2:hover {
	background-color:#EE0000;
}
.btn6x3 {
	background:url(../images/btn6/btn6x.png) no-repeat center center;
}
.input1b, .input1b2 {
	border-radius:30px;
	border:1px solid #99A;
	text-align:left;
	background-color:#FFFFFF;
	padding:0 15px 0 15px;
}
.tblContact td {
	padding: 0 10px 10px 0;
}
.btn6a {
	text-align:center;
	color:#FFFFFF;
	background-color:#5D5F73;	
	margin-right:10px;
	border-radius:25px;
}
.btn6a:hover {
	background-color:#5D5F73;
}
.btn6c {
	width:50px;
	height:50px;
	background-color:#8585A3;	
	border-radius:50%;
	background-position:center center;
	background-repeat:no-repeat;
}
.btn6c:hover {
	background-color:#A5A5C3;
}
.btn6e, 
.btn6b {
	background-color:#8585A3;	
	color:#FFF;
    margin:0 5px 0 0;
	border-radius:30px;
	height:44px;
    text-align: center!important;
	line-height:44px!important;
	border:none;
  	font-family:'Saira Semi Condensed', sans-serif!important;
    font-size:18px;
    min-width: 44px;
	padding-right:17px;
	padding-left:17px;
    box-shadow: 2px 2px 4px #777;
}
.btn6-r {
    float:right;
    margin:0 0 0 8px;	
}
.btn6-l {
    float:left;
    margin:0 8px 0 0;	
}
.btn6e {
	position:relative;
	display:inline-block;
	float:left;
	margin-right:5px;
}
.btn6b:hover{
	background-color:#A5A6BF;	
}
.btn6ContentIndex {
	height:50px;
	width:50px;
	font-size:16pt!important;
	line-height:40px!important;
	margin:5px;
	color:#FFF;
	background-color:#5D5F73;
	border-radius:25px!important;
	text-align:center;
}
.btn6ContentIndex:hover {
	background-color:#90C0FF;
}
.btn6facebook {
	background-image:url(../images/btn6/btn6facebook.png);
}
.btn6subscribe {
	background-image:url(../images/btn6/btn6subscribe.png);
}
.btn6funding {
	background-image:url(../images/btn6/btn6funding.png);
}
.btn6call {
	background-image:url(../images/btn6/btn6call.png);
}
.btn6message {
	background-image:url(../images/btn6/btn6message.png);
}
.color1 {
	color:#224;
	background-color:#EFE3BE;	
}

/*
.btn6:hover {
	background-color:#77A;
}

.aiPhotoSmokescreen {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.9);
	z-index:999999;
}
.aiPhotoPreview {
	position:relative;
	display:block;
	margin:auto;
	height:100%;
	width:auto;
}
*/
.tblColumn {
	position:relative;
	display:inline-block;
	margin:0 10px 10px 0;
	float:left;
	line-height:30px;
	vertical-align:top;
}
/******/
.btn14 {
	width:30px;
	height:30px;
	border-radius:15px;
	position:relative;
	display:inline-block;
	float:right;
	margin:3px 10px 0 0 ;
	cursor:pointer;
	background: no-repeat center #112 ;
    opacity: 1!important;
}
.btn14:hover {
	background-color:#336;
}
.btn14edit {
	background-image:url(../images/btn14/btn14edit.png) ;
}
.btn7 {
	position:relative;
	display:inline-block;
	width:36px;
	height:36px;
	cursor:pointer;
	border-radius:18px;
	background-color:#FFFFFF;
	box-shadow: 
	inset 0 -3px 0 #1f97B6, 	 
	inset 0 2px 2px #334499, 
	inset 1px 0 2px #22a4c8, 
	inset -1px 0 2px #22a4c8, 
	0	1px 1px rgba(0, 0, 0, 0.1), 
	0 2px 2px rgba(0, 0, 0, 0.06), 
	0 3px 3px rgba(0, 0, 0, 0.17), 
	2px 1px 2px rgba(0, 0, 0, 0.05), 
	-2px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn7:hover {
	background-color:#DDDDDD;
}
.btn7del {
	background:url(../images/btn7/btn7del2.png) no-repeat center #CC0000;
}
.btn7join {
	background:url(../images/btn7/btn7join.png) no-repeat center #AAFFAA;
}
.btn7leave {
	background:url(../images/btn7/btn7leave.png) no-repeat center #FFCC00;
}
.btn7edit {
	background:url(../images/btn7/btn7edit.png) no-repeat center #EEEEFF;
}

/***/
textarea,.input1,.input2,.btnGen,.btn5,.btn13,.btn12,.btn9:focus, input:focus{
    outline: none;
}
.companyNavBlock {
    position:relative;
    width:auto;
    float:left;
    display:inline-block;
}

.btn13Bar {
    position:relative;
    width:100%;
    height:30px;
    margin-top:10px; 
    text-align: center;
}
.btn13 {
    position:relative;
    height:30px;
    width:80px;
    text-align:center;
    border:1px solid #002;
    color:#556;
    cursor:pointer;
    background-color:#116; 
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0.30;
    border-radius:25px;
}
.btn13right {
    float:right;
    background-image:url(../images/btn13/btn13right.png);
}
.btn13left {
    float:left;
    background-image:url(../images/btn13/btn13left.png);
}
/*
.btn13 {
	position:relative;
	height:80px;
	width:30px;
	text-align:center;
	border:1px solid #002;
	color:#556;
	cursor:pointer;
	background-color:#116; 
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.30;
	box-shadow:0 3px 8px #000;
}
.btn13right {
	border-radius:25px 0 0 25px;
	float:right;
	background-image:url(../images/btn13/btn13right.png);
}
.btn13left {
	border-radius:0 25px 25px 0;
	float:left;
	background-image:url(../images/btn13/btn13left.png);
}

#menuBarLogo {
	position:fixed;
	cursor:pointer;
	top:0;
	left:5px;
	z-index:2000;
	background:url(../images/logos/menu_logo.png) no-repeat center;
	width:60px;
	height:60px;
}
*/
.menuBtnCounter {
	position:absolute;
	top:-5px;
	right:-5px;
	font-weight:bold;
	border-radius:10px;
	background-color:#F00;
	background-color:#77F;
	color:#FF0;
	min-width:20px;
	line-height:16px;
	font-size:12px;
	text-align:center;
	padding:2px 5px 2px 5px;
	z-index:2000;
}
#goTop {
	position:fixed;
	cursor:pointer;
	bottom:5px;
	left:50%;
	margin-left:50px;
	z-index:2000;
	background:url(../images/general/arr2u.png) no-repeat center;
	width:100px;
	height:40px;
	border-radius:15px;
}
#goTop:hover {
	background-color:#EEF;
}
#menuBarLogo {
	position:absolute;
	cursor:pointer;
	top:0;
	left:5px;
	z-index:2000;
	background:url(../images/logos/menu_logo.png) no-repeat center;
	width:60px;
	height:60px;
}
.h1b {
	text-align:center;
	font-weight:bold;
}
.inputError1, .inputError2, .inputError3 { 
	position:relative;
	display:inline-block;
	color:#D00;
	font-size:11pt;
	line-height:32px;
}
.inputError1 {
	padding-left:10px;
}
.formErrorWrapper {
	height:30px;
}
.formError {
	position:relative;
	display:inline-block;
	background-color:#EE0000;
	color:#FF0;
	line-height:22px;
	height:22px;
	padding:0 10px 0 30px;
	border-radius:3px;
	font-size:16px;
	display:none;
	background:url(../images/general/warn2.png) no-repeat left 3px center #EE0000;
}
.inputError2 {
	padding-left:0;
}
.inputError3 {
	padding-left:0;
	min-height:40px;
	font-size:10pt;
	padding-bottom:5px;
	display:block!important;
}
.label3 {
	position:relative;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	color:#444;
}
.form_lable, .form_lable2  {
	position:relative;
	display:inline-block;
	font-weight:normal;	
	color:#444;
	font-weight:bold;
	font-size:12pt;
	line-height:30px;
	font-family:'Saira Semi Condensed', sans-serif!important;
}
.form_lable2 {
	padding:5px 10px 10px 0;
	line-height:26px;
}
.testBorder {
	border:1px solid #F00;
}
.controlBottomBar {
	position:relative;
	display:block;
	margin:20px 0 0 0;
	width:100%;
}

/* TEAM */
.teamBlock {
    position:relative;
    display:inline-block;
    width:calc(100% / 3);		
    /*max-width:330px;*/
    height:800px;
    padding:30px;
    float:left;
    background-color:rgba(255,255,255,0.3);
    border:1px solid #FFF;
}
.teamBlockBio {
    position:relative;
    display:block;
    text-align:justify;
    font-size:16px;
    max-width:600px;
    line-height: 24px;
    margin:10px auto 0 auto!important;
    overflow:hidden;
}
.teamBlockText {
    position:relative;
    display:inline-block;	
    width:100%;
    text-align:center;
}
.teamBlockPic {
    position:relative;
    display:block;	
    margin:0 auto 10px auto!important;
    width:200px;
    border-radius:100px;
    height:200px;
}
.teamBlockTitle1 {
    position:relative;
    display:block;	
    width:100%;
    text-align:center;
    margin:0 auto 0 auto;
    font-size:14pt;
    line-height:40px;
    font-family: 'Playfair Display', serif!important;	
}
.teamBlockTitle2 {
    position:relative;
    display:block;	
    width:100%;
    text-align:center;
    margin:0 auto 0 auto;
    font-size:14pt;
    color:#999;
    line-height:40px;
    font-family: 'Playfair Display', serif!important;	
}
.teamBlockEmail {
	position:relative;
	display:block;	
	clear:both;
	width:100%;
	text-align:center;
	clear:both;
	font-weight:normal;
	font-size:10pt;
}
.teamBlockBody {
	font-weight:normal;
	font-size:11pt;
	margin-top:0;
}
@media screen and (max-width: 1025px) {
    #menuBarLogo {
        display:none;        
    }
    .submenuBarLogo,
    .submenuBarLogo3 {
        display:none;
    }
    .submenuBarLogo2 {
        display:inline-block;
    }
	.teamBlock {
		display:block;
		width:100%;		
		max-width:100%;
		height:auto;
	}
}
@media screen and (max-width: 1000px) {
    .btn13Bar {
        position:fixed;
        left:0;
        right:0;
        width:100%;
        margin-left:0;
    }
}
/* MEMBER */
.memberBlock {
	position:relative;
	display:inline-block;
	float:left;
	width:300px;
/*	height:330px;	*/
	height:280px;	
	padding:10px 10px 20px 10px;
	background-color:#FFFFFF;
	margin:0 5px 10px 5px;
	box-shadow:0 0 5px #DDD;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(../images/bg/shade2.jpg) repeat-x;	
}
.memberInfoAbout {
	margin-top:15px;
	font-size:11pt;
	color:#777;
}
.memberInfoTitle1 {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:14pt;
}
.memberInfoTitle2 {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:12pt;
}
.memberInfoTitle2 {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:13pt;
}
.memberInfoTitle3 {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	font-size:13pt;
}
.memberInfoWrapper {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	z-index:999999!important;
	display:none;
}
.memberInfo {
	position:absolute;
	margin:150px 0 0 -180px;
	left:50%;	
	width:360px;
	background-color:#FFF;
	box-shadow:0 0 5px #CCC;
	min-height:300px;
	padding:10px 10px 25px 10px;
}
.btn3dot {
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:10px;
	cursor:pointer;
	z-index:1000;
	background:url(../images/general/3dots.png) no-repeat center center;
}
.btn3dot:hover {
	opacity:0.6;
}
.memberBlockPic {
	position:relative;
	display:block;
	width:160px;
	height:160px;
	margin:0 auto 10px auto;
	clear:both;
	cursor:pointer;
	border-radius:80px;
	z-index:1000;
}
.memberBlockPic:hover {
	opacity:0.75;
}
.memberBlockHeader {
	position:relative;
	display:inline;
	height:50px;
	background-color:#FF0;
}
.membersName {
	width:100%;
	text-align:center;
	line-height:32px;
	font-size:16pt;
	color:#FFF;
	color:#335;
}
.membersCompany {
	width:100%;
	text-align:center;
	line-height:28px;
	height:28px;
	color:#556;
	font-size:12pt;
}
.membersOccupation {
	width:100%;
	text-align:center;
	line-height:28px;
	height:28px;
	color:#556;
	font-size:14pt;
}
.memberControl {
	position:relative;
	display:none;
	height:34px;
	width:100%;
	padding-top:15px;
}

/* BTN8 */
.btn8, .btn8x {
	display:inline-block;
	float:left;
	width:38px;
	height:38px;
	margin:0 8px 0 0;
	cursor:pointer;
	border-radius:19px;
	background-color: #777;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#FFF;	
	box-shadow:
	inset 0 -3px 0 #1f97c7,  
	inset 0 2px 2px #3344AA, 
	inset 1px 0 2px #22a4d9, 
	inset -1px 0 2px #22a4d9, 
	0 1px 1px rgba(0, 0, 0, 0.1), 
	0 2px 2px rgba(0, 0, 0, 0.06), 
	0 3px 3px rgba(0, 0, 0, 0.17), 
	2px 1px 2px rgba(0, 0, 0, 0.05), 
	-2px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn8memberAction {
	position:relative;
	display:block;
	font-size:10-pt;
	line-height:36px;
	margin:10px 10px 0 10px;
}
.btn8:hover {
	opacity:0.6;
}
.btn8x {
	cursor:none;
}
.btn8friendFriend {
	background:url(../images/btn8/btn8friend_friend.png) no-repeat center center #44EE44;
}
.btn8unfriendMember {
	background:url(../images/btn8/btn8member_unfriend.png) no-repeat center center #FFCC00;
}
.btn8resetMember {
	background:url(../images/btn8/btn8member_reset.png) no-repeat center center #CCFFCC;
}
.btn8blockMember {
	background:url(../images/btn8/btn8member_block.png) no-repeat center center #EE0000;
}
.btn8rejectMember {
	background:url(../images/btn8/btn8member_reject.png) no-repeat center center #FFCC00;
}
.btn8acceptMember {
	background:url(../images/btn8/btn8member_accept.png) no-repeat center center #88FF88;
}
.btn8addMember {
	background:url(../images/btn8/btn8member_add.png) no-repeat center center #6699FF;
}
.btn8close {
	margin-right:0!important;
	margin-left:10px!important;
}
.btn8info {
	background:url(../images/btn8/btn8info.png) no-repeat center center #6666FF;
}
.btn8friendAdd {
	background:url(../images/btn8/btn8friend_add.png) no-repeat center center #DFDFFF;
}
.btn8member {
	background:url(../images/btn8/btn8member.png) no-repeat center center #DFDFFF;
}
.btn6friendPending {
	background:url(../images/btn8/btn8friend_pending.png) no-repeat center center #DFDFFF;
}
.btn8twitter {
	background:url(../images/btn8/btn8twitter.png) no-repeat center center #32cdfd;
}
.btn8facebook {
	background:url(../images/btn8/btn8facebook.png) no-repeat center center #3C589E; 
}
.btn8link {
	background:url(../images/btn8/btn8link1.png) no-repeat center center #F5F5F5;
}
.btn8like {
	background:url(../images/btn8/btn8like1.png) no-repeat center center #99FFFF;
}
.btn8favsOn {
	background:url(../images/btn8/btn8favs1.png) no-repeat center center #FF0000;
}
.btn8favsOff {
	background-color:#D0D0D0!important;
	background:url(../images/btn8/btn8favs2.png) no-repeat center center #444;
}
.btn8favs {
	background:url(../images/btn8/btn8favs.png) no-repeat center center #FF0000;
}
.btn8likeOn {
	background:url(../images/btn8/btn8like1.png) no-repeat center center #FF0;
}
.btn8likeOff {
	background-color:#D0D0D0!important;
	background:url(../images/btn8/btn8like2.png) no-repeat center center #444;
}
.btn8Counter {
	position:relative;
	margin-top:-8px;
	min-width:22px;
	margin-left:24px;
	line-height:12px;
	font-size:10px;
	color:#99B;
	border-radius:6px;
}
/* BTN6 */
.btn6friendRejected {
	background:url(../images/btn8/btn8friend_rejected.png) no-repeat center center #DFDFFF;
}
.btn6friendBlocked {
	background:url(../images/btn8/btn8friend_blocked.png) no-repeat center center #DFDFFF;
}
.likeCounter {
	position:relative;
	display:inline-block;
	margin:0 0 5px 5px;
	font-family:Arial;
	font-size:9pt;
}

@media screen and (max-width:1020px) and (min-width:700px) {
	.memberBlock {
		width:48%;
	}
}
@media screen and (max-width:699px)  {
	.memberBlock {
		width:100%;
		float:none;
		display:block;
	}
}
/******/
.fontBody2 {
	font-size:11pt;
	line-height:20px;
}
.btn5 {
	position:relative;
	display:inline-block;
	float:right;
	background-color:#666699;
	color:#FFF;
	text-align:center;
	padding:4px 10px 4px 10px;
	font-size:9pt;
	line-height:22px;
	cursor:pointer;
	border-radius:3px;
	margin:5px 0 5px 0;
}
.btn5:hover {
	background-color:#8888BB;	
}
.donateButton {
	cursor:pointer;
	position:relative;
	display:block;
	margin:50px auto 20px auto;
	width:180px;
	height:100px;
	background:url(../images/general/donate.png) no-repeat center;
}
.donateButton:hover {
	opacity:0.70;
}
.payAmount {
	position:relative;
	display:block;
	margin:5px auto 10px auto;
	font-size:26pt;
	text-align:center;
	width:200px;
	height:50px;
	border-radius:10px;
	background-color:#FFF;
	line-height:40px!important;
	border:2px solid #556;
}
.keypad {
	width:218px;
	border:1px solid #9999CC;	
	background-color:#AFA3BE;
	border-radius:10px;
	border:4px  outset #556;
	float:left;
	margin:0 10px 10px 0;
}
.keyB1, .keyB2 {
	border:1px solid #446;
	border-radius:5px;
	width:60px;
	height:60px;
	text-align:center;
	position:relative;
	display:inline-block;
	margin:5px;
	line-height:60px;
	cursor:pointer;	
}
.keyB1 {
	font-size:24px;
	background-color:#6F638A;	
	color:#EEF;
}
.keyB1:hover {
	background-color:#AFA3EA;
	color:#FFF;	
}
.keyB2 {
	font-size:18px;
	background-color:#9F93D2;
	color:#FFF;
}
.keyB2:hover {
	background-color:#CFC3FA;
	color:#FFF;	
}
.keypadInput {
	width:80%;
	posiion:relative;
	display:inline-block;
	text-align:right;
}
.al {
	position:relative;
	display:block;
	margin:30px auto 10px auto;
}
.subscribeEmail {
	position:relative;
	display:block;
	margin:0 auto 10px auto;
	max-width:400px;
	width:100%
}
/* INFO BAR */
.btn9 {	
	position:relative;
	display:inline-block;
	float:right;
	cursor:pointer;
}
.btn9:hover {
	opacity:0.7;
}
.btn9friend {
	background:url(../images/btn9/btn9friend.png) no-repeat left;		
}
.btn10 {
    position: relative;
    display:inline-block;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
}
.btn10:hover {
    opacity:0.6;
}
.btn10facebook {
	background-image:url(../images/btn10/btn10facebook.png);		    
}
.btn10twitter {
	background-image:url(../images/btn10/btn10twitter.png);		    
}
.btn10linkedin {
	background-image:url(../images/btn10/btn10linkedin.png);		    
}
.btn10youtube {
	background-image:url(../images/btn10/btn10youtube.png);		    
}
.btn11 {
    position: relative;
    display:inline-block;
    height: 40px;
    min-width: 80px;
	position:relative;
	display:inline-block;    
	background-color:#666699;
	color:#FFF;
	text-align:center;
	padding:4px 10px 4px 10px;
	font-size:16px;
	line-height:30px;
	cursor:pointer;
	border-radius:3px;
	margin:5px 0 5px 0;
}
.tblAdmin1 {
    border-collapse:collapse;
    width:100%;
}
.tdAdmin1 {
    text-align:left;
    padding-left:10px;
}
.tblAdmin1 tr {
/*    border-bottom:2px groove #FFF; */
}
.tblAdmin1 td {
    padding:5px 2px 5px 2px!important;
    text-align:center;
}
.fl-r {
    margin:0 0 0 5px;
	float:right;
}
.fl-l {
    margin:0 5px 0 0;
	float:left;
}
.btn21 {
    border-radius:50%;
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    cursor:pointer;
    background: no-repeat center center #A5A6BF;
}

.btn21read {
    background-image:url(../images/btn21/btn21read.png); 
}
.btn21unread {
    background-image:url(../images/btn21/btn21unread.png); 
}
.btn21del {
    background-image:url(../images/btn21/btn21del.png);    
}
/*
.btn21r{
    background-image:url(../images/btn21/btn21r.png);    
}
*/
.btn21up {
    background-image:url(../images/btn21/btn21up.png);    
}
.btn21dn {
    background-image:url(../images/btn21/btn21dn.png);    
}
.btn21delOn {
	background-color:#FF3300;
    background-image:url(../images/btn21/btn21del.png);    
}
.btn21reply {
    background-image:url(../images/btn21/btn21reply.png);    
}
.btn21cancel {
    background-image:url(../images/btn21/btn21cancel.png);    
}
.btn21send {
    background-image:url(../images/btn21/btn21send.png);   
}
.btn21sendOn {
    background-image:url(../images/btn21/btn21send.png);   
	background-color:#89F; 
}
.btn21flagOff {
    background-image:url(../images/btn_mailbox/flag.png);
}
.btn21flagOn {
	background-color:#F00;
    background-image:url(../images/btn_mailbox/flag.png);
}
/*.btn21cancel {
    background-image:url(../images/btn16/btn16cancel.png);    
}
*/
.btn16 {
    border-radius:50%;
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    cursor:pointer;
    margin:0 auto 0 auto;
    background: no-repeat center center #A5A6BF;
}
.btn16:hover {
    background-color:#B5B6CF;
}
.btn16edit {
    background-image:url(../images/btn16/btn16edit.png);
}
.btn16delete {
    background-image:url(../images/btn16/btn16del.png);    
}
.btn16confirm {
	background-color:#FF3300;
    background-image:url(../images/btn16/btn16del.png);    
}
.btn16cancel {
    background-image:url(../images/btn16/btn16cancel.png);    
}
/*
.btn16delon {
    background-color:#F55;
    background-image:url(../images/btn16/btn16del.png);    
}
.btn16delon:hover {
    background-color:#F88!important;
}
*/
.btn16view {
    background-image:url(../images/btn16/btn16view.png);    
}
.btn16link {
    background-image:url(../images/btn16/btn16link.png);    
}
.controlBar3 {
    position: relative;
    display:block;    
}
.controlBar4 {
    position: relative;
    display:block;   
    margin-top:10px;
    padding-top:10px;;
    border-top:1px solid #CCC;
}
/* MAILBOX */
.mailboxTitle {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size:20px;
    float:right;
    text-align: right;
    line-height: 40px;
}
.mailboxCount {
    color:#66F;
    font-weight:normal;
    margin-left:5px;
    font-family: sans-serif, Arial, Helvetica;
}
.mailboxOpenEmail {
    position: relative;
    display: inline-block;
    width:30px;
    height: 22px;
    text-align: center;
    color:#00F;
}
.mailboxOpenEmailNew {
  	background:url(../images/btn_mailbox/mailbox_read.png) center center no-repeat;    
}
.mailboxOpenEmailRead {
  	background:url(../images/btn_mailbox/mailbox_unread.png) center center no-repeat;    
}
.mailBoxFolderOpen,
.mailBoxFolder {
    padding-left:22px;
  	background:url(../images/btn_mailbox/mailbox_folder.png) left 4px center no-repeat;    
    cursor:pointer;
    padding:2px 5px 2px 28px;
    border-left:5px solid #FFF;
}
.mailBoxFolderOpen {
    border-left:5px solid #00F;
}
.mailBoxFolderMenuOpen,
.mailBoxFolderMenu {
    position: relative;
    float:right;
    width:30px;
    height: 32px;
    margin:-2px -5px 0px 0px;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    font-size:18px;
    visibility: hidden;
}
/*
.mailBoxFolderMenu {
    position: relative;
    float:right;
    width:30px;
    margin:5px -5px 0px 0px;
    border-radius:10px;
    height: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 8px;
    font-size:16px;
    visibility: hidden;
}
*/
.mailBoxFolderMenu:hover {
    color:#FFF;
}
.mailBoxFolderMenuOpen:hover {
    color:#F00!important;
}
.mailBoxFolderOpen:hover .mailBoxFolderMenuOpen {
    visibility: visible;
    color: #666;
}
.mailBoxFolderMenuOpen::before,
.mailBoxFolderMenu::before {
    content:". . .";
}
.mailBoxFolder:hover .mailBoxFolderMenu {
    visibility: visible;
}
.mailBoxFolder:hover {
    background-color: #D6D9E6;
    border-left-color: #D6D9E6;    
}
.mailBoxFolderDivider {
    height:1px;   
    border-bottom: 1px solid #CCC;
}
.mailboxFolderColumn {
    position: relative;
    display:inline-block;
    width:180px;
    vertical-align: top;
    height: 100%;
    background-color: #FFF;
    font-size:14px;
    font-weight: bold;
}
.mailboxList {
    position: relative;
    display:inline-block;
    width:calc(100% - 190px);
    background-color: #FFF;
    height:100%;
}
.mailboxRowMarked {
    background-color: #EEF;
}
.mailbox_flag {
	background-image:url(../images/btn_mailbox/flag.png);
}
.mailboxTable {
    font-size:12px;
    width:100%;
    border-bottom:1px solid #DDD;
}
.mailboxTable tr {
    cursor:pointer;
}
.mailboxTable tr:hover {
    color:#888;
}
.mailboxTable th {
    font-weight: bold;
    color:#FFF;
    background-color: #9098BB;
    line-height: 30px;
    text-align: center;
    border-left:1px solid #CCC;
}
.mailboxTable th:first-child {
    border-left:none;
}
.mailboxTable td {
    border-right:1px solid #DDD;
    padding:2px 5px 2px 5px;
}
.mailboxTable td:last-child {
    border-right:none;
}
.mailboxTable td:first-child {
    padding-left:0px;
}
.mailboxPreview {
    position:relative;
    display:block;
    padding:10px;
    font-size:14px;
}
.mailboxRow {
    padding:5px 10px 5px 10px;
    border-bottom:1px solid #DDD;
    margin-bottom:5px;
    cursor:pointer;
    color:#000;
    font-size:12px;
}
.mailboxRow:hover {
    color: #999!important;
}

.mailboxRow:last-child {
    border-bottom:none;
}
.mailbokFontRead {
    font-weight: normal;    
}
.mailbokFontUnread {
    font-weight: bold;
}
.mailboxFrom {
    width:200px;    
}
.mailboxDate {
    width:140px;
}
.mailboxTitle {
    width:240px;    
}
.mailboxArea {
    font-family: sans-serif, Arial, Helvetica;
    font-size:14px;
}
.btnMailboxAddFolder {
    background-image:url(../images/btn_mailbox/btn_mailbox_add_folder.png);
}
.btnMailboxFolders {
    background-image:url(../images/btn_mailbox/btn_mailbox_folders.png);
}
.btnMailboxDelete {
    background-image:url(../images/btn_mailbox/btn_mailbox_delete.png);
}
.btnMailboxSend {
    background-image:url(../images/btn_mailbox/btn_mailbox_send.png);
}
.btnMailboxForward {
    background-image:url(../images/btn_mailbox/btn_mailbox_forward.png);
}
.btnMailboxReply {
    background-image:url(../images/btn_mailbox/btn_mailbox_reply.png);
}
.btnMailboxNew {
    background-image:url(../images/btn_mailbox/btn_mailbox_new.png);    
}
/* Email Notifications */
.messageViewHeader {
    position: relative;
    display:block;
    border-bottom:1px solid #CCC;
    font-size:12px;    
    padding:10px;
    background-color: #F8F8F8;
}
.messageViewHeaderLable{
    position: relative;
    display:inline-block;
    width:60px;
    font-weight: bold;
}
.messageViewHeaderText{
    position: relative;
    display:inline-block;    
}
.messageViewHeaderDate {
    position: relative;
    display:inline-block;    
    float:right;    
}
.messageViewHeaderRow{
    position: relative;
    display:block;    
    width:100%;
    line-height: 24px;
    color:#000;
	font-family:sans-serif,Arial, Helvetica;	
}
.messageViewMobileMode {
	display:none;
}
.messageViewMobilePC {
	display:inherit;
}
.messageViewBody {
    position: relative;
    display:block;
    background-color: #FFF;
	font-family:sans-serif,Arial, Helvetica;	
    padding:5px 10px 5px 10px;
	color:#000;
	font-size:14px;
	min-height:500px;
}
.messageBoxInputRow {
    position: relative;
    display:block;
    margin-bottom: 10px;
}
.messageBoxInput {
    display:inline-block;
    padding:5px 10px 5px 10px!important;
    border-radius:6px;
    border:1px solid #CCE;
    font-size:14px;
	width:calc(100% - 110px);
	max-width:800px;
}
.messageBoxError {
    display:block;
    font-size:14px;
    color:#D00;
    font-weight: bold;
    margin-left:105px;    
	padding-left:24px;
    line-height: 30px;
	background:url(../images/general/warn3.png) no-repeat left center;
    display:none;
}
.messageBoxTitle1 {
	font-weight:bold;
	font-size:14pt;
	color:#446;
	width:100%;
	text-align:center;
	margin:10px auto 10px auto;
}
.messageBoxText {
	font-weight:normal;
	font-size:12pt;
	color:#333;
}
.messageBoxLable {
    position: relative;
    display: inline-block;
    width:100px;
    font-weight: bold;
    padding-top:5px;
    vertical-align: top;
}
.messageStatusBar {
	position:absolute;
	top:5px;
	right:5px;
	height:26px;
	width:150px;
/*	border:1px solid #F00;*/
}
.messageStatus {
	position:relative;
	display:inline-block;
	float:right;
	width:20px;
	height:20px;
	margin-left:5px;
	background:center center no-repeat #FFF;
}
.messageStatusReplied {
	background-image:url(../images/btn_mailbox/replied.png);
}
.messageStatusUnread {
	background-image:url(../images/btn_mailbox/unread.png);
}
.messageStatusRead {
	background-image:url(../images/btn_mailbox/read.png);
}
.messageStatusFlaggedOn {
	background-image:url(../images/btn_mailbox/flagged.png);
}
.messageStatusNone {
/*	background-image:url(../images/btn_mailbox/flagged_off.png);*/
	width:0px!important;
}
/*--------*/
/*
.notificationCount {
	position:absolute;
	border-radius:8px;
	font-size:10px;
	color:#FF0;
	font-weight:normal;
	padding:0 4px 0 4px;	
	font-family:sans-serif,Arial, Helvetica;	
	text-align:center;
	margin:-12px 0 0 0px;
	width:30px;
	background-color:#A00;
}
*/
.itemInfoBlock {
	padding-left:50px;
}
.notificationCount {
	position:absolute;
	text-align:center;
	margin:-8px 0 0 20px;
	border-radius:8px;
	font-size:10px!important;
	color:#FF0;
    line-height:14px!important;
	font-weight:normal;
	padding:0 4px 0 4px;	
	font-family:sans-serif,Arial, Helvetica;	
	text-align:left;
	background-color:#A00;
}
.mailCount {
	position:absolute;
	border-radius:8px;
	margin:-10px 0 0 18px;
	font-size:8pt;
	color:#FF0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.btnMainControl {	
	position:relative;
	display:inline-block;
	float:right;
	cursor:pointer;
	width:34px;
	height:34px;
	font-size:9pt;
	color:#FF0;
	border-radius:50%;
	margin:8px 12px 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#335;
}
.btn9mail {
	background-image:url(../images/btn9/btn9mail.png);		
}
.btn9forum {
	background-image:url(../images/btn9/btn9forum.png);		
}
.btn9im {
	background-image:url(../images/btn9/btn9im.png);		
}
.btn9notifications {
	background-image:url(../images/btn9/btn9notifications.png);		
}
.btn9logout {
	background:url(../images/btn9/btn9logout.png) no-repeat center;
}
.btn9login {
	background:url(../images/btn9/btn9login.png) no-repeat center;
}
.sign{
	position:relative;
	display:inline-block;
	height:36px; 
	width:36px;
	float:right;
	margin:7px 10px 0 5px;
}
.aiPersonAbout {
	position:relative;
	display:block;
	margin-top:10px;
}
.aiListEventDate {
	position:relative;
	display:inline-block;
	color:#88E;
	padding-right:10px;
	font-size:12px;
}
.aiListEventLocation {
	position:relative;
	display:inline-block;
	color:#555;
	font-size:12px;
	font-style:italic;
}
.aiListEventTitle {
	position:relative;
	display:inline-block;
	color:#222;
	font-size:12px;
}
.headerTotal {
	position:relative;
	float:right;
	font-weight:bold;
	line-height:40px;
}
.mnuDonate2,
.mnuDonate {
	position:relative;
	display:inline-block;
	float:left;
	margin:8px 10px 0 10px;
	width:130px;
	height:34px;
	background:url(../images/general/mnu_donate.png) center center no-repeat #FFE;
	cursor:pointer;
	border-radius:18px;
	box-shadow:0 0 15px #FF5;
}
/*
.mnuDonate2,
.mnuDonate {
	position:relative;
	display:inline-block;
	float:left;
	margin:8px 10px 0 10px;
	width:130px;
	height:34px;
	background:url(../images/general/mnu_donate.png) center center no-repeat #FFE;
	cursor:pointer;
	border-radius:18px;
	box-shadow:0 0 15px #FF5;
}
*/
.mnuDonate:hover {
  	transition: background-color 0.5s;	
  	transition: box-shadow 0.5s;	
	box-shadow:0 0 30px #FF5;
  	background-color:#FF0;
}
.mnuDonateSmall {
	display:none;
	position:relative;
	float:left;
	margin:8px 10px 0 10px;
	cursor:pointer;
	width:34px;
	height:34px;
    float:left;
	background:url(../images/general/mnu_donate_s1.png) center center no-repeat;
}
.mnuDonateSmall:hover {
	background-image:url(../images/general/mnu_donate_s2.png);
}
.infoBarImage {
	position:relative;
	float:left;
	display:inline-block;
	height:34px; 
	width:34px;
	margin:8px 5px 0 10px;
	border-radius:18px;
}
.infoBar {
	position:relative;
	display:block;
	height:54px;
	margin:0 auto 0 auto;
	clear:both;
	padding:2px 0 0 0;
	min-width:100%;
	z-index:500;
    /*
	background-color:#000010;

    */
}
.infoBarArea {
    position:relative;
    display: block;
    width:100%;
    background-color:rgba(0,0,0,0.6);
  
}
.submenuBar {
	position:relative;
	display:block;
	height:50px;
    text-align: left;
/*    background-color:#000010; */
    color:#AAF;
    font-weight:bold;
    border-bottom:1px solid #444;
    padding:5px 10px 0 10px;    
}
.infoBarButton {
	color:#889;
	font-size:11pt;
	cursor:pointer;
	line-height:40px;
    
}
.infoBarR {
	float:right;
	padding:0 20px 0 20px;
}
.borderL {
	border-left:1px solid #889; 
}
.borderR {
	border-left:1px solid #889; 
}
.infoBarL {
	float:left;
	padding:0 20px 0 20px;
}
.men2messageLeft {
	color:#DDD;
	position:relative;
	float:left;
	display:inline-block;
	margin-left:10px;
	font-size:11pt;
	line-height:36px;
}
.usernameBar {
	color:#FFF;
}
.usernameBar:hover{
	text-decoration:underline;
}
.tick1 {
	position:relative;
	display:block;
	margin:15px auto 15px auto;
	width:50px;
	height:50px;
	background:url(../images/general/tick1.png) no-repeat center;
}
.hide {
	display:none!important;
}
.hidden {
	display:none;
}
.aiPersonLable {
	position:relative;
	display:inline-block;
	width:100px;
	min-width:100px!important;
	font-weight:bold;
}
.aiPersonField {
	font-weight:normal;
	position:relative;
	display:inline-block;
	clear:right!important;
}
.listArea {
    margin-bottom:10px;
}


.aiTableRow{
	position:relative;
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	border-bottom:2px groove #FFF;
}
.aiTableRowLogo {
	position:relative;
	display:inline-block;
	padding-right:10px;
}
.aiTableRowLable {
	font-weight:bold;
	position:relative;
	display:inline-block;
	padding-right:10px;
	width:100px;
	border-right:1px groove #FFF; 
}
.aiTableRowValue {
	position:relative;
	display:inline-block;
	padding-right:10px;
}
.aiPersonInfo {
	position:relative;
	display:inline-block;
	float:left;
    width:100%;
/*    border:1px solid #00F;*/
	max-width:calc(100% - 350px);
}
.aiPersonLine {
	position:relative;
	display:block;
	border-bottom:1px solid #CCC;
	padding:5px 0 5px 0;
	line-height:34px;
}
/*
.aiPersonLine:hover {
    opacity:0.5;
}
*/
.aiPersonPhoto {
	position:relative;
	display:inline-block;
	float:right;
	margin:0 0 0 10px;
	width:300px;
	height:auto;
	border:1px solid #AAA;
}
.aiPersonAbout {
	position:relative;
	display:block;
	margin:20px 0 20px 0;
	clear:both;
}
@media screen and (max-width: 500px) {
	.aiPersonField {
		display:block;
	}
}
    .avIFrame {
        width:300px;
        height:200px;
        margin:30px;
        border:none;
    }
@media screen and (max-width: 800px) {
	.listVideo {
		position:relative;
		display:block;
		margin-left:20px;
		float:nont;
		height:auto;
		width:100%;
		margin-bottom:10px;
	}
    .messageBoxInput {
        display: block;
        width:100%;
    }
    .messageBoxError {
        margin-left:0;
    }
    .adminColumn {
        width:100%!important;;
        display:block!important;;
        margin: 20px auto 0 auto!important;;
        float:none!important;
    }
    .adminColumnCenter {
        text-align: center!important;        
    }
    .avIFrame {
        width:360px;
        height:280px;
        margin:0 auto 0 auto;
        border:none;
    }
    .aiPersonInfo {
		display:block;
        width:100%;
        max-width:100%;
		float:none;
	}
	.aiPersonPhoto {
		position:relative;
		display:block;
		float:none;
		margin:20px auto 20px auto!important;
	}
	.aiPersonLable {
		width:auto;
	}
}
.optionalInfoBar {
	position:relative;
	display:block;
	font-size:14pt;
	padding:10px 20px 10px 20px;
	color:#446;
	font-weight:bold;
	margin:10px 0 10px 0;
	border-radius:10px;
	cursor:pointer;
	background:url(../images/general/btnArrowDown.png) no-repeat right 15px top 15px #C8C8EF;	
}
.optionalInfoBar:hover {
	background-color:#D7D7FF;
}
.subscribeBlock {
	position:relative;
	display:block;
	margin:20px auto 10px auto; 
	width:320px;
}
.halfLine {
	position:relative;
	display:block;
	height:5px;
	width:70%;
	border-bottom:1px dashed #CCCCDD;
	margin:5px auto 10px auto;
}
div[contenteditable]{
    border: 1px solid black;
    max-height: 200px;
	min-height:30px;
    overflow: auto;
	line-height:20px;
	border:none;
	outline:none;
}
.btnSub {
	position:relative;
	display:block;
	width:100%;
	height:140px;
	margin-top:10px;
	background-position:center;
	background-repeat:no-repeat;
}
.tblJoin {
	font-size:12pt;
	width:100%;
}
.tblJoin td {
	padding:2px 10px 2px 10px;
}
.tblJobOfferLbl {
	font-weight:bold;
}
#btnApply {
    position:absolute!important;
    right:0px!important;
    top:10px!important;    
}
.btnApply {
	height:32px;
	width:100px;
	font-size:12pt;
	background-color:#4466BB;
	color:#FFFFFF;
	line-height:32px;
	border-radius:3px;
	padding:0 6px 0 6px;
	text-align:center;
	margin-top:10px;
	box-shadow:2px 2px 8px #444;
}
.btnApplyOff {
	font-size:12pt;
	color:#F00;	
}
.btnApply:active {
	box-shadow:none;
}
.btnApply:hover {
	background-color:#6688DD;    
}
.tblJobOffer {
	width:100%;
}
.tblJobOffer td {
	vertical-align:top;
	padding:5px 10px 5px 10px ;
}
.tblJoin th {
	padding:5px 20px 5px 20px;
	background-color:#8888EE;
	color:#FFF;
	text-align:center;
}
.rowOff {
	background-color:#FFF;
}
.rowOn {
	background-color:#F5F5F5;
}
.jobPage {
	display:block;
	position:relative;
	width:100%; 
	background-color:#FFFFFF;
	padding:30px;
	margin:0 auto 0 auto;
}
.messageTitle {
	margin:20px auto 20px auto; 
	width:100%;
	text-align:center;
	font-weight:bold;
}
.messageControls {
	margin:0 auto 0 auto;
	position:relative;
	display:block;
	text-align:center;
	max-width:500px;	
}
.messageName {
	width:100%;
	margin: 0 0 10px 0;
}
.messageTextBox {
	padding:10px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#777;
	width:100%;
	max-width:500px;
	height:120px;
	border:1px solid #AAA;
	position:relative;
	display:block;
	margin:0 auto 20px auto;
}
.contactInfo {
	position:relative;
	display:inline-block;
	vertical-align:top;
	float:left;
}
.map {
	position:relative;
	display:inline-block;
	margin:20px 0 20px 0;
	vertical-align:top;
	float:right;
	max-width:500px;
	width:100%;
	height:400px;
}
.captchaInput {
 	width:130px;
	margin:0 10px 0 10px;
}
#messageSuccess {
 	text-align:center;
}
/* THEORY */
.theoryTblControl {
	display:block;
	position:relative;
	width:100%;
	height:56px;
	padding-top:4px!important;
}
.theoryPageNumber {
	text-align:center;
	font-size:16pt;
}
.theoryPageNo {
	text-transform:none;
	background-color: rgba(255,255,255,0.5);
	padding:5px 10px 5px 10px;
	border-radius:25px;
	text-shadow:none;
	color:#00A;
}
.theoryTitles {
	font-size:11pt;
	font-weight:bold;
	color:#6684EC;
}
.theoryBlock {
	position:relative;
	display:block;
	padding:5px!important ;
	border-bottom:1px solid #CCE; 
	background-color:#C0C0FF;
}
.theoryBlock {
	padding:5px 0 5px 0;
	border-bottom:1px solid #CCE; 
	background-color:#C0C0FF;
}
.theoryMenuText {
	padding:4px 10px 4px 10px;
	border-radius:20px;
}
.theoryMenuText:hover {
	background-color:#FFF;
}
.forumReply {
	color:#3388CC;
	font-size:9pt;
	margin-left:10px;
}
.forumReplyInfo {
	color:#3388CC;
	font-size:9pt;
	margin-left:6px;
}
.forumReplyText {
	color:#3388CC;
	font-size:9pt;
	margin-left:6px;
	cursor:pointer;
}
.forumReplyText:hover {
	color:#77CCFF;
	text-decoration:underline;
}
.replyBox {
	position:relative;
	display:block;
	margin-top:4px;
	padding-top:10px;
	padding-left:10px; 
	border-left:3px solid #9AE;
	border-top:1px solid #F2F2F2;
	background-color:#FFFFFF;
}
.btnLike {
	padding:3px 5px 3px 22px;
	height:24px;
	border-radius:10px;
	font-size:9pt;
	margin-right:6px;
	color:#559;
}
.btnLikeOff {
	background:url(../images/general/thumb2.png) no-repeat top 2px left 5px #E5E5EF;	
}
.btnLikeOn {
	background:url(../images/general/thumb1.png) no-repeat top 2px left 5px #DEDEF6;	
}
.clear {
	clear:both;
}
.checkbox1 {
	width:30px;
	height:30px;
}
.btn12 {
	position:relative;
	display:inline-block;
	float:right;
	margin-right:10px;
	line-height:20px;
	background-color:#BBB;
	color:#FFF;
	border-radius:5px;
	padding:3px 10px 3px 10px;
	cursor:pointer;
}
.btn12:hover {
	background-color:#DDD;
}
.replyInput {
	position:relative;
	display:inline-block;
	border:2px dashed #F88;
	padding:2px 0 0 20px;
	font-size:9pt;
	color:#777;
	width:100%;
	margin-right:120px;
	line-height:18px;
	resize:vertical;
	margin:5px 0 5px 0;
}
.replyEdit {
	padding:5px 0 5px 0;
	position:relative;
	display:block;
	clear:both;
}
.backPage {
	background:url(../images/general/arrow-back.png) no-repeat center bottom;	
}
.morePages {
	position:relative;
	display:block;
	color:#000;
	margin:20px 0 20px 0;
	height:32px;
	text-align:center;
	cursor:pointer;
}
.morePages:hover {
	opacity:0.6;
}
.smallLogo {
	position:relative;
	width:100%;
	background:url(../images/logos/logo3.png) no-repeat center;
	height:138px;
}
.small2 {
	font-size:12pt;
}
.timeLeft {
	width:100%; 
	vertical-align:middle; 
	font-size:28pt;
	line-height:50px; 
	text-align:center;
}
.daysLeftBlock {
	border:1px solid #AAA;
	border-radius:50px;
	position:relative;
	display:block;
	height:100px;
	width:100px;
	background-color:#FFC;
	margin:0 auto 10px auto
}
.daysLeftDays {
	position:relative;
	display:block;
	font-size:32pt;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}
.daysCaption {
	margin-bottom:20px;
	line-height:16px;
	position:relative;
	display:block;
	text-align:center;
	color:#777;
	font-weight:bold;
	font-size:12pt;
}
/* LINKS */
.linksTitle {
	position:relative;
	display:inline-block;
	font-weight:bold;
	color:#6666CC;
	margin-right:10px;
}
.linksBlock:hover{
	background-color:#FFFFE5;
}
/* COMPANIES */
.companiesTitle {
	position:relative;
	display:inline-block;
	font-weight:bold;
	color:#6666CC;
	margin-right:10px;
    margin-bottom: 10px;
}

.boxGen, 
.box1Home, 
.box1, 
.boxNews {
/*
	border-bottom:1px solid #BBB;
	border-top:1px solid #FFF;
	box-shadow:0 3px 8px #CCC;
	position:relative;
	display:block;
	background-color:#FFF;
	margin-bottom:12px;
	padding:10px 10px 5px 10px;
	z-index:100;	
	
	*/
	border-bottom:1px solid #BBB;
	border-top:1px solid #FFF;
	position:relative;
	display:block;
	background-color:#FFF;
	margin-bottom:12px;
	padding:15px 15px 10px 15px;
	z-index:100;	
	border:1px solid #FFCC00;
	border:1px solid #DDDDFF;
	border-radius:5px;
}
/*
.aiPrizeBlock {
	position:relative;
	display:block;
	padding:20px;
	width:100%;
	text-align:left;
	background-color:white;
	box-shadow:2px 2px 8px #BBB;
	margin-bottom:10px;
	font-weight:normal;
}
*/

.dotDivider {
	position:relative;
	display:inline-block;
	width:22px;
	height:12px;
	margin-left:4px;
	background:url(../images/general/dot2.png) no-repeat center center;
}
.dotL {
	padding-left:16px;
	background:url(../images/general/dot2.png) no-repeat left;
}
.companiesControl {
	position:relative;
	display:block;
	width:100%;
	padding-top:10px;
	margin-top:10px;	
	border-top:1px solid #DFDFDF;
}
.companiesControlObject {
	position:relative;
	display:inline-block;
	line-height:25px;
	margin-right:8px;
	font-size:11pt;
	color:#888;
	float:left;
}
.footerMenuBar {
	position:relative;
	display:block;
    z-index:100;
/*	max-width:1000px;*/
    width:100%;
	padding:10px 0 5px 0;
	text-align:center;
	margin:0 auto 0 auto;
	background-color:#F5F5FF;
	border-top:1px solid #E0E0FF;
}
.helpPopup {
	position:absolute;
	top:160px;
	width:100%;
	max-width:500px;
	background-color:#FFFFCC;
	box-shadow:3px 3px 10px #333;
	background:#FFFFF5;	
	background:	url(../images/bg/shade4.jpg) repeat;	
	border-radius:5px;
	border:1px solid #99E;
	box-shadow: 2px 2px 20px #666;
	min-height:100px;
	left:50%;
	padding:20px 20px 20px 20px;
	z-index:999999;
	font-size:11pt;
	margin-left:-250px;	
	color:#222;
	display:none;
	cursor:pointer;
}
.msgReplyBlock {
	border-bottom:1px solid #BBB;
	border-top:1px solid #FFF;
	position:relative;
	display:block;
	background-color:#FFF;
	margin:0 0 12px 20px;
	padding:10px 10px 5px 10px;
	z-index:100;	
	border:1px solid #DDDDFF;
	border-left:5px solid #AAF;
	border-radius:5px;
}
.itemBlock {
	border-bottom:1px solid #BBB;
	border-top:1px solid #FFF;
	position:relative;
	display:block;
	background-color:#FFF;
	margin-bottom:12px;
	z-index:100;	
	border:1px solid #DDDDFF;
	border-radius:5px;
    padding:10px;
}
.itemBlockChat {
	cursor:pointer;
}
.itemBlockChat:hover {
	background-color:#F5F5F5;
}
.chatBlock {
    padding-right:0;
}
.chatBlockInner {
	padding:10px 10px 5px 10px;
 	background:url(../images/general/chat-bg.png) #FFF;
    position: relative;
    display: inline-block;
    height: 100%;
    width:100%;
    padding-right:5px;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.msgReadMarker {
	position:relative;
	display:inline-block;
	width:20px;
	height:22px;
	padding-right:5px;
	float:left;
}
.msgReadMarker2 {
	position:relative;
	display:inline-block;
	width:20px;
	height:16px;
	padding-right:5px;
	float:left;
}
.readMarkerRead {
	background:url(../images/btn_mailbox/read.png) no-repeat left center;
}
.readMarkerUnread {
	background:url(../images/btn_mailbox/unread.png) no-repeat left center;
}
.itemFrom {
	position:relative;
	display:block;
	font-size:14px;
	color:#666;
}
.itemFrom2 {
	position:relative;
	display:inline-block;
	font-size:12px;
	color:#666;
}
.itemTitle {
    position: relative;
    display: inline-block;
    margin-bottom:5px;
	color:#000;
	line-height:24px;
	font-weight:bold;
    font-size:14px;
}
/*
.btnMsgToggle {
    position: absolute;
	left:50%;
    width:50px;
    height: 20px;
	bottom:0;
	margin-left:-25px;
    background: no-repeat center center #FFF;
	border:1px solid #CCC;
    cursor:pointer;
	border-radius:10px;
    z-index:1000;
}
.btnMsgOpen {
    background-image: url(../images/general/arr2d.png);
}
.btnMsgClose {
    background-image: url(../images/general/arr2u.png);
}
.msgOpen {
    position: absolute;
	left:50%;
    bottom:-5px;
    width:40px;
    height: 30px;
    background: url(../images/general/arr2d.png) no-repeat center center;
    cursor:pointer;
    z-index:1000;
	margin-left:20px;
}
*/
.chatRow {
	position:relative;
	display:block;
	margin-bottom:1px;
}
.chatRowFriend {
	text-align:left;
	margin-left:35px;
}
.chatRowMe {
	text-align:right;
	margin-right:15px;
}
.friendSeenMarker {
	position:absolute;
	right:0;
	bottom:10px;
	margin-right:-20px;
	width:16px;
	height:16px;
	border-radius:50%;
	background:url(../images/general/tick4.png) center center no-repeat;	
}
.chatMe {
	position:relative;
	display:inline-block;
    float:right;
	background:#77F;
	padding:5px;
	color:#FFF;
}
.chatUserPic {
	position:absolute;
	margin-left:-35px;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#CCF;
}
.emojiListBox {
    position: absolute;
    right:0;
    top:-280px;
    width:269px;
    height:269px;
    padding:5px;
    border-radius:20px 20px 20px 20px;
    box-shadow:4px 4px 10px #555;
    background-color: #000;
    display:none;
}
.emojiListBoxPointer {
    position: absolute;
    bottom:-10px;
    width:10px;
	left:165px;
	
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;	
}
#contactPanelControl {
    cursor:pointer;
}
#contactPanelControl:hover {
    color:#FFF;
}
.chatInstantColumn {
	position:fixed;
	right:0px;
	width:260px;
	bottom:0px;
	background-color:#000;
	border:1px solid #444;
    border-width:1px 1px 0 1px;
	z-index:999900;
/*	
	overflow-x:hidden;
	overflow-y:scroll;    

border-radius:10px 0 0 0;*/
    border-top:8px solid #304055;
    border-radius:8px 0 0 0;
}
#contactPanelList {   
    border-bottom:1px solid #444;
	overflow-x:hidden;
	overflow-y:auto;   
}
.headerBarCount {
    position: relative;
    display: inline-block;
    margin-left:10px;
    font-size: 12px;
    color:#CCC;
    height:20px; 
    line-height:18px; 
    font-weight:normal;
    background-color: #333;
    border-radius:10px;
    padding:2px 8px 0px 8px;
}
/*
.chatInstantSearchBox {
    position: relative;
    background-color: #000;
    width:100%;
    height: 40px;
	z-index:999901;
    padding:5px;
    margin-bottom:10px;
}
.chatInstantSearch {
    position: relative;
    display: block;
    width:180px;
    margin:5px;
    font-size: 12px;
    color:#FFF;
    padding:4px 10px 4px 10px;
    border-radius:20px;    
    background-color:#222;    
}
*/
.chatInstantItem {
	position:relative;
	display:block;
	width:100%;
	padding:5px 5px 5px 10px;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.chatBlockUserName {
	position:relative;
	display:inline-block;
	margin-left:10px;
	line-height:40px;
	font-weight:bold;
	color:#558;
	font-size:18px;
}
.chatBlockUserInfo {
	position:relative;
	display:block;
	padding:10px;
	border-bottom: 1px solid #CCC;
}
.chatInstantItem:hover {
	background-color:#303036;
}
#chatBoxControls {
	position:relative;
	display:block;
	color:#999;
    /*
    line-height: 36px;
    border-top:1px solid #555;
    */
    width:100%;
    padding:5px 10px 5px 10px;
}
#chatInstantTitle:hover {
	color:#FFF;
}
#chatInstantTitle {
    cursor:pointer;
	position:relative;
    display: inline-block;
    float:left;
	line-height:34px;
	color:#999;
    height:34px;
	font-size:14px;
	font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
}
#contactArrow {
	position:relative;
	display:inline-block;
  	height:24px;
    width:24px;
    margin-right:0px; 
    float:left;
    margin-top:5px; 
    border-radius:50%;
    background: url(../images/general/arr2-up.png) center center no-repeat;
}
.chatInstantPic {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:50%;
}
.chatInstantName {
	position:relative;
	display:inline-block;
	line-height:20px;
	margin-left:10px;
	color:#AAA;
}
.chatInstantTime{
	position:absolute;
	top:26px;
	right:10px;
	text-align:right;
	color:#999;
	font-size:12px
}
.chatInstantOnlineStatus {
	position:absolute;
	top:10px;
	right:10px;
	width:8px;
	height:8px;
	border-radius:50%;
}
.chatInstantOnlineStatusOnline {
	background-color:#FF0;
}
.chatInstantOnlineStatusOffline {
	background-color:#999;
}
.chatBtnMenuConfirmDelete {
    background-image: url(../images/chat/btn_chat_delete.png)!important;
    background-color: #F00!important;
	display: none;
}
.chatBtnMenuDelete::after {
	content:"delete";
	padding-left:25px;
	color:#00F;
}
.chatBtnMenuConfirmDelete::after {
	content:"confirm";
	padding-left:25px;
	color:#FF0;
}
.chatBtnMenuDelete {
    background-image: url(../images/chat/btn_chat_delete.png)!important;
}
.chatBtnMenu {
    position: relative;
    width:100px;
    height:35px;
    border-radius:20px;
    text-align: left;
    padding:5px 10px 5px 10px;
    background: no-repeat left 10px center #CCF;
	line-height:25px;
	font-size:14px;
}
.chatMenuBox {
    display:none; 
    position: relative;
    width:100px;
    height: 35px;
    cursor:pointer;
}
.chatMenuBoxR {
    float:right;
    left:-10px;
    margin:0 0 0 -70px;
}
.chatMenuBoxL {
    float:left;
    right:-10px;
    margin:0 70px 0 0;
}
.chatMenuReact {
    position: relative;
    display: none;
    width:22px;
    height: 22px;
    cursor:pointer;
    background: url(../images/chat/chat_menu_react.png) no-repeat center center; 
    margin-left:5px;
    margin-top:8px;
    background-color: #FFF;
    float:left;
}
.chatReaction {
    position:absolute;
    bottom:0px;
    right:-26px;
}
.chatMenuReactSeletorItem {
    position:relative;
    float:left;
    width:25px;
    height:30px;
    border-radius:50%;
    background-color: #F4F4F4;
    margin-right:5px;
    background: center center no-repeat;
}
.chatMenuReactSeletorItem:hover {
    opacity:0.5;
}
.chatMenuReactSeletor {
    display: none;
    position: absolute;
    padding:2px;
    height: 38px;
    margin-left:10px;
    margin-top:-36px;
    width:218px;
    border:2px solid #99F;
    border-radius:18px 18px 18px 0;    
    background-color:#FFF;
    z-index:1000;
}
.chatMenuReact:hover > .chatMenuReactSeletor {
    display:inline-block;
}
.chatMenu {
    position: relative;
    display: inline-block;
    width:40px;
    height: 30px;
    display:none;
    cursor:pointer;
    background-image: url(../images/general/chat_menu.png); 
    background-repeat: no-repeat;

}
.chatMenuR {
    float:right;
    background-position: left bottom 5px;
}
.chatMenuL {
    float:left;
    background-position: right bottom 5px;
}
.chatMenu:hover {
    opacity:0.5;
}
.chatFriend{
	position:relative;
	display:inline-block;
	color:#000;
	background:#F5F5FF;
    float:left;
	border:1px solid #AAF;
}
.chatEmoji {
	position:relative;
	display:inline-block;
	margin:-2px 2px 0 2px;
}
.chatEmoji2 {
	position:relative;
	display:inline-block;
}
.pickEmoji {
	position:relative;
	display:inline-block;
    width:28px;
    height:28px;
    background: no-repeat center center;
    cursor:pointer;    
}
.pickEmoji:hover {
    border:1px solid #CCF;
}
.chatDate {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	color:#AAA;
	font-weight:bold;
	font-size:12px;
}
.chatItem {
    position: relative;
    display: inline-block;
	border-radius:24px;
	font-size:14px;
    min-height:30px;
	padding:5px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	cursor:default;
    max-width: 280px
}
.chatItemPlain {
    background-color: transparent!important;
}
.chatItemDeleted {
	background:#FFF!important;
	border:1px solid #CCC;
	color:#BBB!important;
	font-style:italic;
}
.chatItemDeleted::after {
	content:"Deleted ...";
}
.msgOpen:hover {
    opacity: 0.5;
}
.itemBlockPersonImage {
	float:left;
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	margin:0 10px 0 0;
    border-radius: 50%;
}
.itemControlBarDate {
	position:relative;
	display:inline-block;
	font-size:12px;
	color:#559;
	padding-top:10px;
}
.itemBody {
    position: relative;
    display: block; 
    border-radius:5px;
    display:none;
}
.itemControl {
	position:relative;
	display:inline-block;
	width:100%;
	padding:10px 0 5px 0;
	border-top:1px solid #CCC;
	margin-top:5px;
}
.itemControl2 {
	position:relative;
	display:inline-block;
	width:100%;
	padding:5px 0 5px 0;
}
.itemDate2 {
    position: relative;
	display:inline-block;
	line-height:18px;
    font-size:12px;
    color:#666;    
	margin-right:20px;
}
.itemDate {
    position: absolute;
	top:0;
	left:50%;
	margin:-10px 0 0 -70px;
	height:20px;
	text-align:center;
	width:140px;
	background:#FFF;
	border-radius:10px;
    font-size:12px;
	border:1px solid #DDD;
    color:#666;    
}
.sidebarBlock {
    font-family: sans-serif;
    position: relative;
    display:block;
    width:calc(100% - 10px);
    /*min-height: 100px;*/
    margin:5px 5px 5px 5px;	   
    background-color: #000; 
    color:#FFF;
    font-size:14px;
    border:1px solid #664444;
    text-align: left;    
}
.sidebarContents {
    display:none;
}
.sidebarBlock .sideBarBlockItem:last-child {
    border-bottom:none;
}
.sideBarBlockItem {
    border-bottom:1px solid #668;
    padding:5px;
    font-size:12px;
	line-height:18px;
}
.sidebarFont1{
    position: relative;
    display: block;
    color:#FFF;
}
.sidebarFont2 {
    position: relative;
    display: block;
    color:#F88;
}
.sidebarFont3 {
    position: relative;
    display: block;
    color:#CCF;
}
.sidebarSectionTitle {
    position:relative;
    display: block;   
    font-size:14px;
    font-weight: bold;
    color:#FFC;
    padding:5px 10px 5px 10px;
    line-height: 30px;
    height: 40px;
    cursor:pointer;
}
.sidebarSectionTitle:hover {
    background-color:#304055;
}
.sidebarPanelUp {
    background: url(../images/general/arr2-up.png) no-repeat center right 10px #304055;    
    border-bottom:1px solid #444;
}
.sidebarPanelDn {
    background: url(../images/general/arr2-dn.png) no-repeat center right 10px #000;    
}
.sidebarBlock p {
    padding:5px;
}
/*
.sidebar {
    position:relative;
    display: inline-block;    
    width:250px;   
}
.sidebar {
    position:absolute;
    left:0;
    top:0;
    width:300px;   
}
.sidebarL {
    float:left;
}
.sidebarR {
    float:right;    
}
*/
.btnProfile,
.btnProfile2 {
	position:relative;
	display:inline-block;
	line-height:40px;
	width:40px;
	height:40px;
	margin:5px 5px 10px 0;
	color:#FFF;
	font-size:9pt;
	border-radius:5px;
	cursor:pointer;
	box-shadow:2px 2px 10px #666;
	padding-:10px;
	text-align:center;
	background:no-repeat center center;
}
.btnProfile {
	background-color: #696D96;
}
.btnProfile2 {
	background-color:#3366EE;
}
.btnProfile2:hover {
	background-color:#5588FF;
}
.profileControlBar {
	position:relative;
	display:block;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
#profileNameBar {
	position:relative;
	display:block;
	margin-bottom:20px;
	width:100%;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#425066
}
.btnProfileProfile {
	background-image:url(../images/btn_menus3/ai_profile.png);
}
.btnProfileAbout {
	background-image:url(../images/btn_menus3/ai_about.png);
}
.btnProfileCV {
	background-image:url(../images/btn_menus3/ai_cv.png);
}
.btnProfileContact {
	background-image:url(../images/btn_menus3/ai_contact.png);
}
.btnProfileFollow {
	background-image:url(../images/btn_menus3/ai_follow.png);
}
.btnProfileUnfollow {
	background-image:url(../images/btn_menus3/ai_unfollow.png);
}
.btnProfileBooks{
	background-image:url(../images/btn_menus3/ai_books.png);
}
.btnProfilePapers{
	background-image:url(../images/btn_menus3/ai_papers.png);
}
.btnProfileVideos {
	background-image:url(../images/btn_menus3/ai_videos.png);
}
.btnProfileLinks {
	background-image:url(../images/btn_menus3/ai_links.png);
}
.btnProfileDocuments {
	background-image:url(../images/btn_menus3/ai_documents.png);
}
.btnProfileNews {
	background-image:url(../images/btn_menus3/ai_news.png);
}
.btnProfilePhotos {
	background-image:url(../images/btn_menus3/ai_photos.png);
}
.btnProfileFriends {
	background-image:url(../images/btn_menus3/ai_friends.png);
}
.btnProfileEvents {
	background-image:url(../images/btn_menus3/ai_events.png);
}
.btnProfileSocialmedia {
	background-image:url(../images/btn_menus3/ai_socialmedia.png);
}
.btnProfileMode {
	background-image:url(../images/btn_menus3/ai_mode.png);
}
.btnProfileEdit {
	background-image:url(../images/btn_menus3/ai_edit.png);
}
.btnProfileList {
	background-image:url(../images/btn_menus3/ai_list.png);
}
.btnProfileGrid {
	background-image:url(../images/btn_menus3/ai_grid.png);
}
.btnProfile:hover {
	background-color: #908DB6;	
}
.btnProfile:active {
	box-shadow:none;
}
.aiListBaseBar {
	margin-top:5px;
}
.aiListIfoLine {
	position:relative;
	display:block;
	padding-top:5px;
	font-size:14px;
	margin-top:5px;
	line-height:20px;
}
.aiListDivider {
	padding:0 10px 0 10px;
	color:#8282AA;
}
/* ADMIN */
.btnAdminControlEdit {
	width:33px;
	height:33px;
	border-radius:50%;
    background:url(../images/btn_adm/btn_adm_edit.png) no-repeat center center #3366EE;
}
.adminControlBar,
.adminControlBar2 {
    position:relative;
    width:100%;
    border-bottom:4px groove #FFF;
    padding-bottom:10px;	
}
.adminControlBar {
    margin-bottom:15px;
}
.adminFormMainError {
    position: relative;
    display:none;
    margin:20px 0 10px 10px;    
    color:#F00;
    font-weight: bold;
}
.adminFormError {
    position: relative;
    display:inlike-block;
    margin:0 0 10px 0;
    color:#E00;
}
.adminColumn {
    position: relative;
    display:inline-block;
    float:left;
    width:calc(50% - 20px);
    margin: 0 20px 20px 0;
}

.adminLblForm {
    font-weight:bold;
    margin-bottom:5px;
}
.adminMenu {
    position: relative;
    display: inline-block;    
    width:100px;
    height: 100px;
    font-size:14px;
    color:#FFF;
    padding:10px;
    margin:5px;
    text-align: center;
    border-radius:10px;
    background: no-repeat center bottom 20px #616882;
    cursor: pointer;
    box-shadow: 2px 2px 8px #000;
	/*
    box-shadow: 2px 2px 8px #224;
	border:2px solid #FFF;
	*/
}
.adminMenu:hover {
    background-color:#7F7F9F;    
}
.adminMenu:active {
    box-shadow:none;
}
.adminMenuCount {
	position:absolute;
	top:-7px;
	right:-7px;
	text-align:left;
	padding:2px 8px 2px 8px;
	color:#FFF;
	font-weight:bold;
	border-radius:15px;
	background-color:#C00;
	line-height:16px;
	font-size:12px;
}
.adminMenuGeneral {
    background-image: url(../images/btn_admin_menu/btn_admin_general.png);
}
.adminMenuPhotos {
    background-image: url(../images/btn_admin_menu/btn_admin_photos.png);
}
.adminMenuContact {
    background-image: url(../images/btn_admin_menu/btn_admin_contact.png);
}
.adminMenuLinks {
    background-image: url(../images/btn_admin_menu/btn_admin_links.png);
}
.adminMenuProfile {
    background-image: url(../images/btn_admin_menu/btn_admin_profile.png);
}
.adminMenuCV {
    background-image: url(../images/btn_admin_menu/btn_admin_cv.png);
}
.adminMenuBooks {
    background-image: url(../images/btn_admin_menu/btn_admin_books.png);
}
.adminMenuPapers {
    background-image: url(../images/btn_admin_menu/btn_admin_papers.png);
}
.adminMenuChats {
    background-image: url(../images/btn_admin_menu/btn_admin_chats.png);
}
.adminMenuEmails {
    background-image: url(../images/btn_admin_menu/btn_admin_emails.png);
}
.adminMenuNotifications {
    background-image: url(../images/btn_admin_menu/btn_admin_notifications.png);
}
.adminMenuSocialmedia {
    background-image: url(../images/btn_admin_menu/btn_admin_socialmedia.png);
}
.adminMenuEvents {
    background-image: url(../images/btn_admin_menu/btn_admin_events.png);
}
.adminMenuNews {
    background-image: url(../images/btn_admin_menu/btn_admin_news.png);
}
.adminMenuVideos {
    background-image: url(../images/btn_admin_menu/btn_admin_videos.png);
}
.adminMenuStats {
    background-image: url(../images/btn_admin_menu/btn_admin_stats.png);
}
.adminMenuFollowers {
    background-image: url(../images/btn_admin_menu/btn_admin_followers.png);
}
.adminMenuFriends {
    background-image: url(../images/btn_admin_menu/btn_admin_friends.png);
}


/* RESPONSIVE */
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

}

@media screen and (max-width: 1650px) {
    #leftNotiPanel {
       margin-left:-300px;;
    }
}
/*
@media screen and (max-width: 1700px) {
    .sidebarL {
        display:none; 
    }
}
*/
@media screen and (max-width: 1500px) {
    #mainBodyFull,
    #mainBody {
		margin:0;
	}
	.mainBodyFullLoggedIn {
		text-align:left!important;
	}
}

@media screen and (max-width: 980px) {
	.box1Home {
		min-height:inherit;
	}
	.imgParadoxBox {
		width:48%;
	} 

}
@media screen and (max-width: 750px) {
	.pageTitle {
		font-size:22px!important;
	}
}
@media screen and (max-width: 580px) {
	.formBox1 {
		margin:60px auto 0 auto;
		padding:60px 30px 30px 30px;
		background:none;
		background-color:#FFF7F7;
	}
	.pageTitle {
		font-size:18px!important;
	}
	.helpPopup {
		max-width:none!important;
		margin-left:0;		
		left:0;
		right:0;
		top:250px;

	}
	.imgParadoxBox {
		width:100%;
	} 
	.page {
		padding:20px 20px 50px 20px;
	}
}
.gague {
	display:none;
}
.raisedMarker {
	display:block;
}
@media screen and (max-width: 580px) {
	.gague {
		display:block;
		height:250px;
	}
	.raisedMarker {
		display:none;
	}
	.companyNavBlock {
		width:100%;
		display:block;
		margin-bottom:10px;
	}
	/*
	.btn13Bar {
		margin-left:0px;;
	}
	*/
	.page3 {
		padding:20px 0 50px 0;
	}
}

.block2 {
	background:none;
	padding:0;
	width:100%;
	position:relative;
	margin:0 auto 0 auto;	
}

@media screen and (max-width: 400px) {
	.pageTitle {
		font-size:14pt;
	}
/*
	.mnuDonate:hover {
		background:url(../images/general/mnu_donate2_s.png) left no-repeat;
	}
	*/
}
@media screen and (max-width: 600px)  {  
    .chatControl1 {
        display:block;
        max-width: 100%;
        margin-bottom: 10px;
        margin-right:0;
    }
    .chatControl2 {
        display:block;
        max-width: 100%;
    }
	.pageErrorMessage {
		font-size:12px;
	}
	.itemControl {
		display:block;
	}
	/*
	.btnMsgToggle {
		left:0;
		margin-left:0;
	}
	*/
    .itemTitle, .itemBody {
        font-size:14px;
    }
	.mnuDonate {		
		display:none;
	}
	.mnuDonateSmall {		
		display:inline-block;
	}
	html, body {
		font-size:20px!important;
        line-height:20px;
	}
}
@media screen and (max-width: 500px) {
	.itemFrom {
		font-size:11px;
	}
	.itemTitle {
		font-size:12px;		
	}
	.itemInfoBlock {
		padding-left:50px;
	}	
	.itemBlockPersonImage {
		width:40px;
		height:40px;
		margin:0 0px 0 0px;    
	}
	.itemControlBarDate {
		font-size:12px;		
	}
	.btn30 {
		position:absolute;
		top:0;
		right:0;
		margin:5px 5px 0 0;
		display:inline-block;
		font-size:12px;
		line-height:24px;
		padding:0;
		width:100px;
	}	

	.adminMenu {
		position: relative;
		display: inline-block;    
		text-align:left;
		width:100%;		
		line-height:50px;
		height:50px;
		padding:0 0 0 20px ;
		font-size:20px;
		background-position:right 20px center;
		margin-bottom:10px;
	}
	.adminMenuCount {
		left:-5px;
		text-align:center;
		bottom:-10px;
		right:auto;
	}

	html, 
    body {
		font-size:14px!important;
	    line-height:20px!important;    
	}
	.barBlockR {
		display:block;
		text-align:center;
		float:none;
	}
	.inputBlock {
		width:100%;
		margin-bottom:5px;
	}
	.barBlockL {
		display:block;
		text-align:center;
		float:none;
		width:100%;
	}
}
@media screen and (min-width: 580px) {
   

    h1 {
		font-size:16pt!important;
	}
	h2 {
		font-size:14pt!important;
	}
	h3 {
		font-size:12pt!important;
		font-style:italic!important;
	}
	
}
@media screen and (max-width: 740px) {
	.btn6e {
		float:none;
	}
	.controlBlock {
		position:relative;
		display:block;
		width:100%;
		text-align:center;
		float:none;
		margin:0 0 10px 0;
	}
	.searchInput {
		float:none;
		max-width:500px;
		width:100%;
		margin:0 auto 0 auto;	
	}
	.inputTooLong {
		font-size:10pt;
	}
	.barBlockR1 {
		display:block;
		text-align:center;
		float:none;
	}
	.barBlockL1 {
		display:block;
		text-align:center;
		text-align:center;
	}
	.barBlockL3 {
		display:block;
		text-align:center;
		float:none;
		width:100%;
		text-align:center;
	}
	.barCent {
		width:340px;
		display:block;
		text-align:center;
		float:none;
		margin:0 auto 0 auto;
	}
	.boxMenuWrap {
		width:calc(50% - 5px);
	}
}
@media screen and (max-width: 500px) {
	.boxMenuWrap {
		width:100%;
		padding:0 0 8px 0 !important;
	}
}
@media screen and (min-width: 700px) {
	.map {
		width:100%;
		height:400px;
		position:relative;
		display:block;
		margin:20px auto 20px auto;
		float:none;
	}
	.videoBlock{
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
	}
}

@media screen and (min-width: 1021px) {
    /*xxx
	html, body {
		font-size:14pt!important;
	}
    */
	.btnSubscription  {
		right:20px;
	}
	.btnMessage  {
		right:140px;
	}
    /*xxx
	.page,p {
		line-height:26px!important;
	}
    */
	h1 {
		font-size:18pt!important;
	}
	h2 {
		font-size:16pt!important;
	}
	h3 {
		font-size:14pt!important;
		font-style:italic!important;
	}
}
@media screen and (max-width: 800px) {
/*xxx*/
    .videoBlockL {
        text-align: center;
        width:100%;
    }
    .videoBlockR {
        margin:10px 0 20px 0;
        border-bottom:1px solid #CCC;
        padding-bottom: 20px;
        width:100%;
        vertical-align: top;
        height: auto;
        font-size:16px; 
        line-height:22px;
        text-align: left;
    }

	.payFormControl {
		text-align:center;
	}
	.bookImg {
		position:relative;
		display:block;
		margin:20px auto 20px auto;
		float:none;
		text-align:center;
	}
	.payForm {
		float:none;
		margin:0 auto 10px auto;
	}
	.keypad {
		float:none;
		margin:0 auto 10px auto;
	}
	.contactInfo {
		position:relative;
		display:block;
		vertical-align:inherit;
		float:none;
		margin:0 auto 20px auto;
		width:280px;
	 }
	.footerLast {
		width:100%;
		float:none;
	}
	.footerMenuCol {
		width:30%;
	}
	#footerArea {		
		height:600px!important;
	}
	.footer {
		background-image: url(../images/bg/footer_bg.jpg);
		min-height:900px!important; /*TEST*/
	}
	.footerMenuCol {
		height:240px;
	}
}
@media screen and (max-width: 579px) {
	.block2 {
		background-color:#FFFFEF;
		padding:20px;
		width:320px;
	}

	h1 {
		font-size:16pt!important;
	}
	h2 {
		font-size:14pt!important;
	}
	h3 {
		font-size:12pt!important;
		font-style:italic!important;
	}

	.newsBox {
		font-size:9pt;
		line-height:28px;
	}
	.forumBox {
		font-size:9pt;
		line-height:28px;
	}
}