/*==================================================*/
/*=======START NORMALIZE.CSS LINK STYLING===========*/
/*==================================================*/
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*==================================================*/
/*=============START GENERAL STYLING================*/
/*==================================================*/



.tooltip {
	z-index: 10000;
}
.tooltip-inner {
	padding: 5px;
}
#pinnedContent {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 140px;
	min-width: 800px;
	right: 0;
	bottom: 0;
}
.mediaActionsToolbar .popover-content {
	padding: 4px 7px;
}



/* START STATE CHANGE SPINNER STYLING */



#stateChangeSpinner {
	margin: 30% auto;
	height:42px;
	width:42px;
}
.masterSpinner {
	max-width: 100%;
	height: 42px; width: 42px;
}



/* START SCROLLBAR STYLING */



::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}



/*==================================================*/
/*=============START SIDEBAR STYLING================*/
/*==================================================*/



#sideNavigation {
	min-height: 700px;
	height:100%;
	width:140px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}
.logoIcon {
	margin-bottom: 15px;
	width: 70px;
	height: 70px;
	margin: 10px auto;
}
	#MTLogoIcon {
		height: 100%;
		width: 100%;
		margin: 0 auto;
		cursor:pointer;
	}



/* START LEFTNAV MENU ITEM STYLING */



.sideIcon {
	padding:6px;
	padding-top: 16px;
	padding-bottom:8px;
}
.mainMenuItem {
	height:40px;
	cursor: pointer;
}
.sideBarIcon {
	float:left;
	margin-right: 9px;
}
.iconLabel {
	position:relative;
	margin-top:5px;
}



/* START BATTERY STYLING */



.newbatterywrap {
	width: 105px;
	height: 55px;
	margin: 10px 20px 0;
	position: relative;
}
	.baticon {
		float: left;
		margin-right: 6px;
		width: 100%;
		margin-top: 3px;
		margin-bottom: 5px;
	}
	.batwrap {
		position: relative;
		width: 100px;
		float: left;
	}
		.batshell {
			width: 100%;
			height: 25px;
			position: absolute;

		}
			.batbar {
				max-width: 100%;
				height: 100%;
			}
		.batnub {
			width: 4px; height: 10px;
			right: -4px;
			top: 7px;
			position: absolute;
		}
	.batpercent {
		margin: 2px 33px 0 0;
		position: relative;
		z-index: 10;
		float: right;
	}
	.battimestamp {
		float: left;
		margin-top: 6px;
		width: 100%;
	}
#chargingIcon {
	width: 10px;
	height: 20px;
	position: absolute;
	top: 30px;
	left: -16px;
}



/*==================================================*/
/*============START THREADLIST STYLING==============*/
/*==================================================*/



#threadListHolder {
	height: 100%;
	max-width: 330px;
	float: left;
	position: relative;
	z-index: 5;
}
	#navBarTabs {
		margin-bottom: 5px;
		margin-left: 0;
	}
	#navBarTabs > li {
		float: none;
	}
	#navBarTabs .thread-tab {
		padding:5px !important;
		padding-right:10px !important;
	}
.thread-tab img {
	width: 45px;
	height: 45px;
}
.threadNameOrNumber {
	margin-left:5px;
	width:130px;
}

@-moz-document url-prefix() {
		.threadNameOrNumber{
			margin-bottom: -6px;
		}
}
.msgCountAndTimeStampInTab {
	float:right;
	margin-top:6px;
}



/*==================================================*/
/*=============START MESSAGE STYLING================*/
/*==================================================*/



#singleMessageContainer {
	height:100%;
	width:500px;
	float:left;
	position:relative;
}
.messageThread {
	height:350px;
	width:300px;
	margin-top:15px;
	margin-left:35px;
	margin-bottom: 10px;
	float:left;
}
	#singleMessageContainer .messageThread {
		position:relative;
		height:100%;
		width:500px;
		margin-top:0px;
		margin-left:0px;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}



/* START MESSAGE PANEL HEADER STYLING */



.contentPanelHeader {
	width:100%;
	position: relative;
	z-index: 4;
}
	#singleMessageContainer .contentPanelHeader {
		width:100%;
	}
.contactPhoto {
	height:36px;
	float:left;
}
	#singleMessageContainer .contentPanelHeader .contactPhoto {
		height:55px;
		float:left;
	}
.contentPanelHeaderText {
	float:left;
	margin-left: 10px;
	margin-top: 7px;
	width: 155px;
	max-width: 165px;
	position: relative;
	left: 0px;
	z-index: 5;
}
	#singleMessageContainer .contentPanelHeaderText {
		float:left;
		margin-left: 10px;
		margin-top: 10px;
		width: 303px;
		max-width: 303px;
		height:auto;
		left: 0px;
	}
.contentPanelHeaderNum {
	float:left;
	margin-left: 10px;
	margin-top: 7px;
	width: 155px;
	max-width: 165px;
	position: absolute;
	left: 35px;
}
	#singleMessageContainer .contentPanelHeaderNum {
		float:left;
		margin-left: 10px;
		margin-top: 10px;
		width: 303px;
		max-width: 303px;
		height:auto;
		left: 55px;
	}
.conversationTools{
	height: 14px;
	float: right;
	margin-top: 3px;
}
	#singleMessageContainer .conversationTools{
		float: right;
		margin-top: 8px;
	}
.conversationToolsIndividual {
	padding:5px;
	height:18px;
	margin-right:2px;
	margin-bottom:3px;
	cursor: pointer;
}
	#singleMessageContainer .conversationToolsIndividual {
		padding:5px;
		height:25px;
		margin-right:5px;
		margin-bottom:3px;
	}



/* START MESSAGE HOLDER STYLING */

.quickResponse .threadConversationHolder{
	tttop:55px;
}


.threadConversationHolder {
	width:100%;
	height:220px;
}
	#singleMessageContainer .threadConversationHolder{
		width:inherit;
		height:auto;
		position: absolute;
		bottom: 150px;
		padding-bottom: 23px;
	}
.loadingMessages {
	margin: 30% auto;
}
.loadMoreMessages {
	width:95%;
	margin-top:4%;
	margin-left:2%;
	padding-top:2%;
	padding-bottom:2%;
	margin-bottom: 3%;
	cursor: pointer;
}
.loadingMoreMessages {
	padding: 10px;
}
	loadingMoreMessages span {
		margin: 0 auto;
		width: 100%;
	}
.loadMoreImgWrap {
	width: 16px;
	height: 11px;
	margin: 0 auto;
}
	.loadMoreImg {
		width: 16px;
		height: 11px;
	}
#seeMoreMessagesButtonHolder {
	width:100%;
	margin-bottom: 20px;
}



/* START MESSAGE CALL ITEM STYLING */



.receievedCallIcon {
	float:left;
	margin-right:5px;
}
.sentCallIcon {
	float:right;
	margin-left: 5px;
}



/* START MESSAGE TEXT ITEM STYLING */



.threadItem {
	margin: 10px 0 5px;
	padding: 4px 15px;
	max-width: 150px;
}
	#singleMessageContainer .threadItem {
		padding-top:5px;
		max-width: 240px;
	}
.receivedText {
	position: relative;
	float: left;
	margin-left: 20px;
}
	.receivedText:after, .receivedText:before {
		right: 100%;
		height: 0;
		width: 0;
		position: absolute;
	}
	.receivedText:after {
		top: 50%;
		margin-top: -10px;
	}
	.receivedText:before {
		top: 50%;
		margin-top: -11px;
	}
.sentText {
	position: relative;
	float: right;
	margin-right: 20px;
}
	.sentText:after, .sentText:before {
		left: 100%;
		height: 0;
		width: 0;
		position: absolute;
	}
	.sentText:after {
		top: 50%;
		margin-top: -10px;
	}
	.sentText:before {
		top: 50%;
		margin-top: -11px;
	}
.shareThisContent {
	margin-top:-3px !important;
	margin-left: -13px !important;
}
.shareContentCheckBoxRecieved	{ float:left; }
.shareContentCheckBoxSent		{ float:left; }
.sentMessageStatus {
	float:left;
	margin-right:10px;
}



/* START MESSAGE MMS ITEM STYLING */



#mmsImgWrap {
	margin-left: 25px;
}
	.mmsImgWhole {
		height: 100%;
	}



/* START ITEM ACTIONS STYLING */



.messageAction {
	margin-left:5px;
}
.messageAction:hover {
	cursor: pointer;
}
	.unstarred {
		float: left;
		width: 14px;
		height: 14px;
		margin: 0 3px;
	}
	.starred {
		float: left;
		width: 14px;
		height: 14px;
		margin: 0 3px;
	}
	.deleteOneMessage {
		margin-left: 3px;
	}
		.deleteOneMessageIcon {
			float: left;
			width: 9px;
			height: 10px;
			margin: 2px 3px 0;
		}
	.forwardMessage {
		margin-left: 3px;
	}
		.forwardMessageIcon {
			width: 16px;
			height: 12px;
			float: left;
			margin: 1px 3px 0;
		}
.timestamp-msg {
	margin-right:5px;
	margin-left:5px;
}



/* START RESPONSE AREA STYLING */



.responseArea {
	height:46px;
	width:100%;
	padding: 6px;
	position: relative;
}
	#singleMessageContainer .responseArea{
		height:140px;
		width:100%;
		position: absolute;
		bottom:0;
		padding: 0;
	}
.textResponse {
	height: 42px;
	width: 278px;
	padding:4px;
	position:relative;
	float:left;
	resize:none;
}
	#singleMessageContainer .textResponse{
		height:60px;
		width: 467px;
		position:relative;
		padding:5px;
		top:5px;
		left:10px;
		float:left;
		resize:none;
	}
.charsLeft {
	margin-right: 10px;
	margin-top: -4px;
	bbbottom: -4px;
	mmmargin-left: 2px;
}
	#singleMessageContainer .charsLeft {
		position: static;
		margin-top: 2px;
	}
	
	#composeMessageHolder .charsLeft {
		margin-top: 3px;
}



/* START BUTTON STYLING */


#composeMessageHolder .responseButtonsHolder{
	hhheight:115px;
	float:right;
	width:95px;
	margin-top: 20px;
	margin-right:0px;
}
.responseButtonsHolder {
	float:left;
	mmmargin-left:10px;
}
	#singleMessageContainer .responseButtonsHolder {
		mmmargin-left:20px;
		width:113px;
		margin-top: 20px;
		margin-right: 6px;
	}
.sendButton {
	height: 30px;
	width: 30px;
	margin-right:5px;
	mmmargin-top: 5px;
	margin-bottom:3px;
	padding:1px;
	cursor: pointer;
	float:right
}
	#singleMessageContainer .sendButton {
		height: 36px;
		width: 36px;
		margin-bottom: 10px;
		padding:4px;
		mmmargin-top: 5px;
	}
	
	#composeMessageHolder .sendButton {
		height:40px;
		width: 40px;
		margin-right: 0px;
	}
.MMSCanvasArea {
	float:left;
	ppadding-right: 8px;
	mmmargin-top: 6px;
}

#composeMessageHolder .MMSCanvasArea{
	margin-top: 20px;
}

#singleMessageContainer .MMSCanvasArea{
	margin-top: 20px;
	margin-left: 10px;
}
	#upload-image-mms {
		padding:2px !important;
		float:left;
	}
	/* This is Firefox specific css CRV */
	@-moz-document url-prefix() {
		#upload-image-mms{
			padding:1px !important;
			width: 32px;
		}
	}
	#attach-mms-image {
		height:19px;
		width:19px;
	}
	@-moz-document url-prefix() {
	    #attach-mms-image {
	        height:13px;
	        width:13px;
	    }
	}
	#singleMessageContainer	#attach-mms-image {
		height:20px;
		width:20px;
	}
#holder-mms-image-preview {
	wwwidth: 55px;
	max-height: 60px;
	max-width: 115px;

}
	#singleMessageContainer #holder-mms-image-preview {
		max-height: 150px;
		max-width: 270px;
	}
	#mms-image-preview {
		max-height: 100%;
		max-width: 100%;
		vertical-align: middle;
		float: left;
	}
	#mms-scale-down {
		height : 100px;
		margin-bottom: 15px;
	}
.dcsendicon {
	width: 100%;
	height: 100%;
}
	@-moz-document url-prefix() {
		.dcsendicon {
			width: 20px;
			height: 20px;
			margin: 2px 0 0 3px;
		}
		#EEModalFooter .dcsendicon {
			width: 40px;
			height: 40px;
			margin: 2px 0 0 3px;
		}
		#EEModalFooter #upload-image-mms{
			width: 44px;
		}
		
		.responseButtonsHolder{
			margin-left: 4px;
		}
	}
#singleMessageContainer .dcattachicon {
	width: 30px;
	height: 30px;
}

.dcattachicon {
	width: 23px;
	height: 23px;
}

#composeMessageHolder .dcattachicon {
	width: 35px;
	height: 35px;
}


/*==================================================*/
/*=========START ATTACH IMAGE MODAL STYLING=========*/
/*==================================================*/



#mms-upload-dialog {
	z-index: 5000;
}



/* START MODAL UPLOAD STYLING */



#mms-file-attach {
	margin-left: 20px;
	margin-top: 10px;
	padding-top:0px;
}
#file-upload-progress-indicator {
	margin-left: 35px;
	margin-bottom: 20px;
}
#mms-upload-image-preview-pane {
	max-height:200px;
	padding:20px;
}
	#file-just-uploaded {
		float:left;
		margin-top:10px;
		max-height:inherit;
	}



/*==================================================*/
/*=========START COMPOSE NEW BOX STYLING============*/
/*==================================================*/



#sms-container {
	position:fixed;
	top:0px;
	right:0px;
	height:100%;
	width:250px;
}
#composeMessageHolder {
	z-index:890;
	position:fixed;
	right:35px;
	bottom:0px;
	width: 500px;
}
	.composeNewMessageWrapper {
		z-index: 90001;
		overflow-y: auto;
	}



/* START COMPOSE NEW PANEL HEADER STYLING */



#composeNewContentPanelHeader {
	padding:10px;
}
.contentPanelHeaderTextComposeNew {
	font-size: 18px;
	margin-left: 10px;
}
	.closeNewMessage {
		float:right;
		margin-top: -18px;
		cursor: pointer;
	}



/* START COMPOSE NEW RESPONSEAREA STYLING */



#newMessageContentToHide {
	padding:15px;
	overflow-y: auto;
}
	#sendTo {
		min-height: 45px;
		padding: 5px;
	}
		#sendToTheseContacts {
			width:455px;
			margin-left:10px;
		}
		#sendToTheseContacts span {
			float:left;
			margin-top:10px;
		}
		.sendNewMessageToThisContact {
			padding:4px;
			padding-left: 6px;
			float:left;
			margin: 5px;
		}
		.removeContact {
			margin-left:4px;
		}
		.removeContact:hover{
			cursor: pointer;
		}
		#selectContactForSingleCompose {
			height:30px;
			padding-left:10px;
			margin-top:3px;
		}
	.composeNewMessageWrapper .responseArea {
		height:125px;
		width:100%;
		margin-top:15px;
		padding: 10px 6px 0px 0px;
		position: static;
	}
		#composeMessageHolder .textResponse {
			height: 100px;
			width: 446px;
			position:relative;
			float:left;
			padding:10px;
		}
		.composeNewMessageWrapper .charsLeft {
			position: static;
		}
	#composeMessageHolder #attach-mms-image {
		height:20px;
		width:20px;
	}



/*==================================================*/
/*==========START SHARE CONTENT STYLING=============*/
/*==================================================*/



#navBarThreadBarBlur {
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 9001;
}
#rightPaneBlur {
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
	#shareContentPopUp {
		position: absolute;
		left: 815px;
		top: 150px;
		width: 300px;
		height: 240px;
	}



/* START SHARE MODAL HEADER STYLING */



#shareHeader {
	height: 40px;
	width: 100%;
}
	#shareHeaderText{
		float: left;
		margin: 10px 15px;
	}
	#closeShare{
		float: right;
		margin: 10px 15px;
		cursor: pointer;
	}



/* START SHARE MODAL CONTENT STYLING */



#shareContentName, #shareContentDesc {
	margin: 15px 14px 0;
	width: 250px;
	padding: 10px;
}
#shareContentDesc {
	margin: 15px 14px 15px;
	resize: none;
}
#shareContactNameAndPhotoOption {
	float: left;
	margin: 15px 5px 0 15px;
}
#shareContactNameAndPhotoDesc {
	width: 170px;
	margin-left: 10px;
	margin-top: 9px;
	float: left;
}
.shareCollectionButton {
	padding: 5px 10px;
	float: right;
	margin: 5px 15px 0 0;
}
#cancelShareBeforeMade {
	margin: 20px;
	float: right;
	cursor: pointer;
}



/* START SHARE MODAL ARROW STYLING */



#sharePopUpArrow {
	position: relative;
}
	#sharePopUpArrow:after, #sharePopUpArrow:before {
		right: 100%;
		height: 0;
		width: 0;
		position: absolute;
	}
	#sharePopUpArrow:after {
		top: 50%;
		margin-top: -10px;
	}
	#sharePopUpArrow:before {
		top: 50%;
		margin-top: -11px;
	}



/* START SHARE MODAL LINK PAGE STYLING */



#shareURLHolder {
	margin-top: 15px;
	margin-left: 15px;
	padding: 10px;
	width: 230px;
}
#shareDisclaimer {
	padding: 16px 10px;
}
#shareTools {
	margin: 0 auto;
	width: 170px;
	cursor: pointer;
}
	.shareToolsIndividual {
		height: 30px;
		width: 30px;
		float: left;
		margin-left: 5px;
	}
#cancelShare {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}
#messagesEmptyInfo {
	padding:40px;
	padding-top:85px;
	width:60%;
}



/*==================================================*/
/*==========START FAVORITES PAGE STYLING============*/
/*==================================================*/



#favoritesContainer {
	margin-top:70px;
	padding-left: 140px;
	padding-right: 140px;
}
	#favoritesEmptyInfo {
		padding:40px;
		padding-top:85px;
		width:60%;
	}
	#favoritesContainer .threadItem {
		padding-bottom:13px;
		max-width: 380px;
		z-index: 10;
		min-width: 250px;
	}
	.regularTextContentFavorite {
		margin-left: 125px;
	}



/* START RECEIVED SPECIFIC FAVORITE STYLING */



#favoritesContainer .receivedText .regularTextContentFavorite {
	margin-left:125px;
}



/* START SENT SPECIFIC FAVORITE STYLING */



#favoritesContainer .sentText .itemActions {
	float: right;
}



/*==================================================*/
/*========START INSTANT PHOTO/VID STYLING===========*/
/*==================================================*/



/* START SPLASH INTRO SCREEN STYLING */



#mediaInfoIframe {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}



/* START ACTUAL MEDIA SYNC PAGE STYLING */



#testGetFromPhone {
	position:fixed;
	bottom:10px;
	right:10px;
}
	#galleryWrapper {
		width:1030px;
		margin:auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:20px;
	}
.mediaItemPlaceholder {
	float: left;
	height:290px;
	width:290px;
	margin:15px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mediaItemPlaceholderPhoto{
	margin:0 auto;
	padding-top: 30%;
}
.mediaItem {
	float: left;
	height: 300px;
	width:300px;
	margin:10px;
	bbborder: 2px solid white;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	
	/*border-radius:3px; */

}
.galleryItem {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
}
	@-moz-document url-prefix() {
	    .galleryItem {
	    width: 150%
	    }
	}

.mediaActionsToolbar {
	position: absolute;
	right: 4px;
}
.fancyBoxToolbar .mediaActionsToolbar {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 0px;
	padding: 7px 7px 0;
}

.mediaActionsToolbarLower {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 40px;
	padding: 7px 7px 0;
}

.toolbarTop {
	top: 2px;
}


.fancyBoxToolbar .toolbarTop {
	top: 0px;
}
.toolbarBottom {
	bottom:0px;
}

.mediaActionItem {
	float:right;
	cursor: pointer;
	padding: 0px 5px;
	margin-bottom: 3px;
	width: 32px;
}

.fancyBoxToolbar .mediaActionItem {
	float:right;
	cursor: pointer;
	padding: 1px 5px;
	margin-bottom: 5px;
	width: 35px;
}
	.mediaActionItem img {
		width: 14px !important;
		height: 14px !important;
	}
	
.fancyBoxToolbar .mediaActionItem img {
		width: 18px !important;
		height: 18px !important;
	}
	
.timeStampSpanForMedia {
	position:absolute;
	bottom:0px;
	left:0px;
	rrright:0px;
	hhheight:20px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 2;
}
#mediaSyncInfo {
	width: 90%;
	margin: 0px auto;
	margin-top: 45px;
}
	#mediaSyncInfo button {
		top: -7px;
		right: -7px;
	}
	#photosNewBadge {
		margin-left: -32px;
		margin-top: -13px;
		padding: 9px 1px 3px;
		position: absolute;
		width: 44px;
		height: 5px;
	}



/*==================================================*/
/*=========START COLLECTIONS PAGE STYLING===========*/
/*==================================================*/



.sharedMessageContent {
	height: 360px;
	padding: 20px;
}
.sharedMessageThread {
	width: 502px;
	height: 361px;
	float: left;
}
.sharedMessageContent .receivedText {
	float: left;
}
.sharedMessageContent .threadItem {
	padding:10px 15px;
	max-width:340px;
	margin:10px 15px 5px;
}
.sharedMessageContent .sentText {
	float:right;
}
.sharedContentPanelHeader {
	width: 500px;
	height: 68px;
}
.sharedContentPanelHeaderText {
	float:left;
	margin-left: 8px;
	margin-top: 18px;
	max-width: 400px;
}
.sharedContactPhoto {
	height:40px;
	float:left;
	margin: 9px 12px 0px 10px;
}
.msginfoholder {
	float: left;
	margin-left: 20px;
	width:250px;
	height: 360px;
	position: relative;
}
	.msginfoholder h1 {
		max-height: 60px;
		margin: 0;
	}
	.msginfoholder p {
		margin-top: 8px;
	}
.sharedMessageContent #shareTools{
	margin:0px;
	width:210px;
}
.sharecontainer {
	display: block; float: left;
	width: 380px;
	height: 40px;
}
.sharetoolsindividualLightColor {
	float: left;
	margin-right: 10px;
	width: 42px;
	height: 44px;
}
.link-field {
	width: 230px;
	resize: none;
	padding: 10px;
	margin-left: -10px;
	margin-bottom: 0px !important;
}
.sharedThreadConversationHolder {
	width: 500px;
	height: 280px;
	padding-bottom: 10px;
}
#conversationShadow {
	float: left;
	width: 100%;
	height: 100px;
}
#shareDelete {
	float: left;
	position:absolute;
	bottom:0px;
	left:0px;
}
.bigIcon {
	float: left;
	cursor: pointer;
	width: 123px;
	padding: 10px 0;
	margin-top: 85px;
}
#shareEdit {
	float: left;
	position:absolute;
	bottom:0px;
	right:0px;
}



/* START EMPTY COLLECTION PAGE STYLING */



.maincontent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.contentwrap {
	width: 850px;
	height: 500px;
	margin: 0 auto;
}
	.contentwrap h1 {
		margin: 0;
		margin-top: 20px;
	}
	.contentwrap img {
		margin-bottom: 500px;
		margin: 0 auto;
	}
	h2.blah {
		width: 550px;
		margin: 100px auto;
	}



/*==================================================*/
/*==========START CONTACTS PAGE STYLING=============*/
/*==================================================*/



#contactsPane {
	margin-left:10%;
	width:80%;
}



/* START CONTACT PANEL HEADER STYLING */



#contactPanelHeader {
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom:20px;
}
	.contactPanelHeaderText {
		float: left;
	}
	#contactPanelHeader .conversationTools {
		float: right;
		margin-top: 20px;
		margin-left: 20px;
		position: relative;
		z-index: 0;
	}
		#contactPanelHeader a {
			padding: 5px;
			cursor: pointer;
		}
			#contactPanelHeader a img {
				padding: 5px;
				height: 30px; width: 30px;
				margin-right: 2px;
				margin-bottom: 3px;
			}



/* START CONTACT ITEM STYLING */



.contactRow {
	border-bottom:1px solid gainsboro;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
}
	.contactName {
		width: 30%;
	}
	.contactPhoneNum {
		width: 20%;
	}
	.contactActions a {
		margin: 15px;
	}
	.contactActions img {
		height:35px;
		padding:2px;
	}



/*==================================================*/
/*===========START SOCIAL SHARE STYLING=============*/
/*==================================================*/



.sharemediabutton {
	margin: 0px;
	margin-bottom: 5px;
	width: 35px;
	height: 39px;
	float: right;
	pppposition:relative;
	padding: 1px 3px 1px 4px;
	margin-left: 3px;
}
.btnicon{
	ppposition: absolute;
	llleft: 14px;
	tttop: 6px;
}
.sharemediabutton:before {
  cccontent: "Share";
  ppposition: absolute;
  llleft: 9px;
  tttop: 20px;
}
.mediaActionsToolbar .sharemediabutton .btnicon {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-left: 9px;
}
.mediaActionsToolbar .shared {
  float: right;
}
.mediaActionsToolbar .shared:hover:before {
  cccontent: "Shared";
}
.mediaActionsToolbar .shared:before {
  cccontent: "Shared";
  left:6px;
}
.mediaActionsToolbar .shared .btnicon {
  width: 10px;
  height: 10px;
  float: left;
  padding: 3px;
}



/*==================================================*/
/*==========START SETTINGS PAGE STYLING=============*/
/*==================================================*/



#settingsPane {
	margin-left:100px;
	padding-top:10px;
}



/* START SETTING PANEL HEADER STYLING */



#settingsPanelHeader {
	width: 100%;
	float: left;
}
	.settingsPanelHeaderText {
		float: left;
	}



/* START SETTINGS ITEM STYLING */



.options-section {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
}
	#settingsPane input[type="radio"] {
		margin-top: -3px;
		margin-right: 0.5em;
	}
	.settingBtn,
	#settingsPane button {
		margin-right:15px;
		margin-bottom:5px;
		padding: 5px;
	}
	#msg {
		width: 100%;
		margin-top: 10px;
	}



/*==================================================*/
/*============START MISC/EXTRA STYLING==============*/
/*==================================================*/



.konamiFunc {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: 9999;
}
#capi-indicator {
	display: none;
	position:fixed;
	bottom:1px;
	right:1px;
}
#diagnostic-info {
	display: none;
	position:fixed;
	top:2px;
	right:1px;
	height:70%;
	width:30%;
}
#alert-bottom-right-corner {
	position:fixed;
	bottom:0px;
	right:0px;
	max-width:250px;
	padding: 6px 10px 4px 7px;
	z-index: 0;
}
	#custom-tweet-button {
		padding: 5px 8px 7px 24px;
		position: relative;
		cursor: pointer;
		height: 18px;
		max-width: 98%;
	}
	.popover-title {
		padding: 13px 9px;
	}
	.popover.left {
		margin-top: 25px;
	}
#setPhotosOn {
	position:absolute;
	bottom:60px;
	right:10px;
}
#setPhotosOff {
	position: absolute;
	bottom:30px;
	right:10px;
}
.closePopover {
	float:right;
	cursor: pointer;
	margin-top:10px;
}
.mediaShareURLHolder {
	width:180px !important;
	margin-bottom: 0px !important;
	cursor: default !important;
}
#loadMoreMediaHolder {
	padding: 15px;
}
#galleryInfoLinks {
	position: absolute;
	top:5px;
	right:25px;
}
#custom-tweet-button-share-media {
	padding: 4px 19px 5px 6px;
	position: relative;
	cursor: pointer;
	margin-left:4px;
}
#syncLatest {
	position:fixed;
	bottom:15px;
	right:25px;
}
.shareSocialActions {
	margin-top:10px;
	padding-bottom: 5px;
}
.sharedFlag {
	position:absolute;
	bottom: 0px;
	right:0px;
	height:35px;
	width:35px;
	z-index: 849;
}
.mmsFlag {
	position:absolute;
	height:35px;
	width:35px;
	z-index: 850;
}
.mmsFlagSolo{
	bottom: -4px;
	right:-4px;
}
.mmsFlagStacked{
	bottom: -4px;
	right:35px;
}



/* CRV THIS IS IMPORTANT OVER-RIDING BOOTSTRAP  */



.sharedFlagTT {
	margin-right:10px !important;
}
.customClose{
	position: absolute;
	right: 4px;
	cursor: pointer;
	top: 4px;
	padding:2px;
	line-height: 16px;
}
.highlightedAlert {
	cursor: pointer;
}
.shfobtn2 {
	position: fixed;
	top: 10px;
	z-index: 1;
	padding: 0 7px 0 30px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#share-button-main {
	right: 83px;
}
#follow-button-main {
	right: 10px;
}
.itemActions{
	margin-top:3px;
}
.contactPhotoContactsPage{
	margin-right: 10px;
	margin-top: -2px;
	height:50px;
}
.editPhoto {
	float:right;
	margin-top: -5px;
	padding: 1px 5px;
	cursor: pointer;
}
#replaceHolder {
	position: absolute;
	bottom: 12px;
	left: 10px;
}
.replaceLabel {
	margin-left: 3px;
}
.replaceGIFStyle {
	height: 242px !important;
	width:  242px !important;
}
.emoticonSelector {
	padding:2px;
	float: left;
	margin-left: 8px;
	margin-top: 3px;
}
#singleMessageContainer .emoticonSelector {
	padding:2px 3px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
#composeMessageHolder .emoticonSelector {
	padding:2px;
	float: left;
	mmmargin-right: 8px;
	mmmargin-top: 9px;
}
.emojiHolder {
	padding:3px;
	float:left;
	cursor: pointer;
}



/* CRV THIS OVERWRITES TEH DEFAULT POPOVER CSS FOR THE EMOJI SELECTOR POPOVER */







.responseArea .popover.right {
	width: 400px !important;
	top: -140px !important;
}
.popover.right .arrow{
	top: 89% !important;
}

.responseArea .popover.top {
	width: 400px !important;
	top: -97px !important;
	left: 170px !important;
}
.responseArea .popover.top .arrow {
	left: 84% !important;
}

.titleHolder {
	width:99%;
	padding:5px;
	margin-top:5px;
	margin-bottom: 5px;
}

.eeselectoritem {
	height: 25px;
	width: 25px;
	margin-top: 0px !important;
	zzzoom:0.5;
	----moz-transform: scale(0.5);  /* Firefox */
}

.modal-body .eeselectoritem {
	hhheight: 35px;
	wwwidth: 35px;
	
}
.responseAreaEEModal {
	padding:6px;
	width:97%;
	height:135px;
}

.responseAreaEEModal .emoji {
	margin-left:10px;
	margin-right:10px; /* margin here is useful for when user tries to add text between two emojis via clicking in the space in between */
	padding-right:3px;
	}


.responseButtonsHolderEEModal {
	float:right;
}


.MMSCanvasAreaEEModal {
	margin-top: 20px;
	margin-right: 10px;
}
.mediaActionsToolbar .popover.top {
	z-index: 9999;
}
.mediaActionsToolbar .popover.left {
	top:0px !important;
	margin-top:5px !important;
	left:auto !important;
	right:52px !important;
	width: 223px !important;
}
.mediaActionsToolbar .popover.left .arrow {
	top:15% !important;
}
.shareButtonFancyBox {
	margin-left:30% !important;
}
.downloadMMS {
	position: relative;
	top: -2px;
	float:left;
}
.mmsBody {
	width: 100%;
	padding: 3px;
	bottom: 0px;
	position: absolute;
	max-height: 100px;
	cursor: pointer;
	padding-bottom: 20px;
}
.mmsBodyFancyBox {
	width: 100%;
	padding: 3px;
	bottom: 0px;
	position: absolute;
	padding-bottom: 20px;
	mmmmargin-bottom: 17px;	
}
#fancybox-outer .mediaActionsToolbar {
	z-index: 9998;
	top: 10px;
	right: -46px;
}
.emoticon{
	margin:4px;
}
.emoji{
	margin:4px;
}

body #EEModal {
	height:60%;
  wwwidth: 80%;
  lleft: 10%;
  mmmargin-left:auto;
  mmmargin-right:auto;
}
body #EEModal.fade.in {
  top: auto;
}
.mediaActionItemLabel {
	margin: 0px auto;
	width: 25px;
}
.mmsBodyText {
	width:100%;
}
#EEModal .sendButton {
	height:50px;
	width:50px;
}
#EEModal .charsLeft {
	margin-left:9px;
	margin-top:13px;
}
#EEModal .dcattachicon {
	width:35px;
	height:35px;
}
.EESelectorContactName {

	margin-left: 10px;
	position: relative;
	top: 8px;
	font-weight: bold;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 81%;
}
.closeEEModal {
	position: absolute;
	right: 10px;
	top: 5px;
}
#fancybox-outer {
	min-height: 300px;
	min-width: 100px;
}
.fancyboxTimeStamp {
	z-index: 1200;
	tttop:10px;
	llleft:10px;
}


































































/* ========== BASECAMP - Stylings PENDING launch into the Mighty Clouds ==================== */
/* ========== 16 July 2013 - EPOCH LAUNCH	================================================== */



#EEModal #sendTo{
	width: 85%;
	border-width: 2px;
	margin-top: 44px;
	margin-bottom: 22px;
}
#EEModal #sendToTheseContacts{
	width:auto;
}


#EEModal #composeNewContentPanelHeader{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

#EEModal .closeNewMessage{
	display: none;
}

.closeEEModalNewSMS{	
	color: white;
	z-index: 1082;
	opacity: 1;
}






#FBTest #mms-upload-dialog{
	top:45%;
}

.MMSAddedResponseArea
	{
		wwwidth: 144px;
	}

#singleMessageContainer .MMSAddedResponseArea
	{
		wwwwidth: 280px;
	}
#EEModal .MMSAddedResponseArea
	{
		wwwidth: 90%;
	}

.modal-header{
	padding: 1px 15px;
}



.modal-body{
	max-height: 223px;
}


.galleryItemButton{
	bbbackground-position: left top !important;
	opacity: 1.0 !important;
}


.fancyBoxToolbar{
	visibility: visible !important;
}



.shared .mediaActionItemLabel{
	color:#999999;
}


@-moz-document url-prefix() {

.emoticonSelector{
	height: 26px !important;
}

}

#newSMS_Emoji{
	margin-top: 20px !important;
	margin-left: 10px;
}


#emojiNeedsRecentAppNotif{
	color:rgb(240,73,73);
	font-size: 12pt;
	position: absolute;
	top:10px;
	right: 10px;
	z-index: 9;
}

.newSMSAppVersionWarning{
	color:white !important;
}


.quickResponse .modal{
	width:500px;
	width: 380px;
	left: 60px;
	margin-left: 0px;
}

.quickResponse .modal-body{
	max-height: 182px;
}


.quickResponse .responseAreaEEModal{
	width: 92%;
	height: 90px;
	font-size: 18px;
	line-height: 23px;
}
.quickResponse .MMSAddedResponseArea{
	wwwwidth: 75% !important;
}

#ringPhoneIcon{
height: 30px;
width: 30px;
	background-image: url(../assets/emoticonsandemojis/1f4de.png);
	background-size: 30px 30px;
}

.conversationTools .tooltip{
	ppposition: absolute;
}


#singleMessageContainer .scheduleSelector{
	margin-top:20px;
	margin-left: 10px;
}


#EEModalFooter .MMSCanvasArea{
	margin-top:20px;
}

#EEModalFooter .scheduleSelector{
	margin-top:20px;
	margin-left:10px;
}
.scheduleSelector{
	float: left;
	margin-top:3px;
	margin-left: 8px;
	padding: 2px 4px;
}

#composeMessageHolder .scheduleSelector{
	margin-top: 20px;
	margin-left:10px;
}


.scheduledMessage{
	background-color: rgb(226, 239, 243) !important;
}

.pendingScheduledMessage{
	background-color: #fcf8e3 !important;
	color:#c09853;
}

#eventTableHolder{
	width: 900px;
	background: white;
	margin: auto;
	margin-top: 15px;
	border: 1px solid gray;

}

.cancelEventButton{
	float: right;
	display: inline-block;
	margin-right: 10px;
}
.cancelEventButton:hover{
	cursor: pointer;
}

.moreInfoStatus{
	float:right;
}
.moreInfoStatus:hover{
	cursor: pointer;
}


.successEventButton{
	color:green;
}

.eventNoDisplay{
	display: none;
}

#eventSelectorContainer{
	text-align: center;
	margin-top: 30px;
}

#schedulerModalIDHolder{
	display: none;	
}
.scheduledLabel {
	padding: 3px 5px !important;
	position: relative;
	display: inline-block;
	float: left;
	font-size: 14px;
	background-color: rgb(225,112,0);
	color: rgb(250,229,214);
	border-radius:5px;
	margin-top: 6px;
	margin-left: 5px;
	font-size: 9px;
}


#singleMessageContainer .scheduledLabel {
	margin-top: 30px;
	margin-left: 10px;
	font-size: 14px;
	background-color: rgb(225,112,0);
	color: rgb(250,229,214);
	border-radius:5px;
}

#composeMessageHolder .scheduledLabel {
	margin-top: 35px;
	margin-left: 10px;
	font-size: 14px;
	background-color: rgb(225,112,0);
	color: rgb(250,229,214);
	border-radius:5px;
}

#EEModalFooter .scheduledLabel {
	margin-top: 35px;
	margin-left: 10px;
	font-size: 14px;
	background-color: rgb(225,112,0);
	color: rgb(250,229,214);
	border-radius:5px;
}

#schedulerModal{
	z-index: 1105;
}
.closeSchedulerLabel{
	display: none;
	float:right;
	margin-left:5px;
	color: rgb(250,229,214);
}
.closeSchedulerLabel:hover{
	cursor: pointer;
	color:white;
}
#singleMessageContainer .closeSchedulerLabel{
	margin-left: 10px;
}

#composeMessageHolder .closeSchedulerLabel{
	margin-left: 10px;
}

#timepickerModal{
	float:right;
}

.modal-backdrop{
	z-index: 899 !important;
}

.scheduledTime:hover{
	cursor: pointer;
}

.nav-tabs{
	position: fixed;
	width:89%;
}
.tab-content{
	width: 98%;
	height: 250px;
	margin-top: 39px;

}


.mediaItemVideo{
	width:100%; 
	height:280px;
}

.mediaItemVideoFancyBox{
	height:100%;
	width:100%;
}

.editTimeIcon{
	margin-left:5px;
}
.editTimeIcon:hover{
	cursor: pointer;
}

.scheduledMessageSENT{
	background: #AEDAAF !important;
}

.scheduledMessageCancelled{
	background-color: rgb(236, 170, 173) !important;
}

.scheduledMessageFailed{
	background-color: rgb(236, 170, 173) !important;
}

.event_message{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 200px;
}
.cancelEventInMessage{
	display: inline-block;
	float:left;
	margin-top: 2px;
}

.cancelEventInMessage:hover{
	cursor: pointer;
}

#eventsUpdatedAlert{
	background: #419ab1;
	border: none;
	display: block;
	color: white;
	text-shadow: none;
	font-size: 16px;
	line-height: 22px;
	font-family: "Roboto";
	font-weight: 300;
	width: 460px;
	margin: 0px auto;
	margin-top: 25px;
}
#closeEventUpdate{
	top:0px;
	right:0px;
}

#eventsContainer{
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}

.hiddenTableBody{
	display: none !important;
}

.selectedTheme{
	font-weight: bold;
}

.eventHistoryIconInThread{
	float:left;
	display: none;
}

.createNewGroup{
	mmmargin:25px;
}

.contactGroup{
	background-color: white;
	hhheight: 400px;
	float: left;
	width: 400px;
	pppadding: 10px;
	margin: 30px;
	margin-left:0px;
	border: 1px solid black;
	border-radius: 5px;
	position: relative;
}
.contactGroupHeader{
	width:96%;
	border-bottom: 1px solid gray;
	background: #419ab1;
	padding: 2%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	font-size: 20px;
	
}
.contactGroupName{
	color: white;
	display: inline-block;
	margin:6px;
	border-bottom: 1px dashed transparent;
}
.contactGroupName:hover{
	border-bottom: 1px dashed white;
}
.groupContactSelector{
	width: 91%;
	margin: 3%;
	margin-top: 15px;
	padding: 1%;
	font-size: 16px;
}
.contactsGroupContactsHolder{
	width: 90%;
	margin: 5%;
	border: 1px solid gray;
	margin-top: 15px;
	height: 278px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow-y: scroll;
}
.contactInGroup{
	color: #222;
padding: 4px;
margin: 5px;
border-radius: 4px;
background-color: #f5f5f5;
border: 1px solid #d9d9d9;
margin-top: 7px;
margin-bottom: 3px;
position: relative;
}

.contactInGroup:hover{
	border-color: #b9b9b9;
}
.contactsGroupActions{
	float:right;
	width:66px;
	display: inline-block;
	margin-top: -3px;
}
.removeContactFromGroup{
	float:right;
	margin-top: 10px; 
	height:20px;
	display: none;
}
.removeContactFromGroup:hover{
	cursor: pointer;
}

.contactGroupNameEditable{
font-weight: bold;
font-size: 20px;
text-align: left;
width: 217px;
border-bottom: 1px solid gray;
resize: none;
height: 22px;

}
.saveContactGroupName{
	float:right;
}

.deleteContactGroup{
display: inline-block;
}
.deleteContactGroup:hover{
	cursor: pointer;
}
.messageContactGroup{
	opacity: 0.6;
	width: 30px;
	height:30px;
	display: inline-block;
	margin-top: 3px;
	border-radius: 3px;
	margin-left:3px;
}

.messageContactGroup:hover{
	background-color:rgb(28, 88, 94);
	opacity:1.0;
}

.deleteContactGroup{
	height:30px;
	width:30px;
	margin-left:3px;
	border-radius: 3px;
	margin-top: 3px;
	opacity: 0.6;
}
.deleteContactGroup:hover{
	background-color:rgb(28, 88, 94);
	opacity:1.0;
}

.contactGroupContactPhoto{
	height:35px;
}

.groupContactName{
	
	font-size: 20px;
	position: absolute;
	top:4px;
	left:45px;
}
.groupContactNumber{
	position: absolute;
	top:24px;
	left:45px;
}

#pasteSanitizationTextArea{
	position: absolute;
	right:50px;
	top:200px;
}

.whiteTextDuringPasteSanitization{
	color:white;
}

.groupThread .threadNameOrNumber{
	font-size: 14px;
	line-height: 16px;
	white-space: pre-line;
}


.mmsPreviewResponseAreaHeightAdjust{
	height: 122px !important;
}
#singleMessageContainer .mmsPreviewResponseAreaHeightAdjust{
	height: 260px !important;
}


.mmsPreviewThreadConversationHeightAdjust{
	height: 180px !important;
}
#singleMessageContainer .mmsPreviewThreadConversationHeightAdjust{
	bottom: 270px !important;
	height: auto !important;
}



#mmsPreviewClose{
position: absolute;
right: -9px;
top: -10px;
}

#mmsPreviewClose:hover{
	cursor: pointer;
}

#singleMessageContainer .schedulerButtonImage{
	height:30px;
	width:30px;
}

.schedulerButtonImage{
	height:23px;
	width:23px;
}

#EEModalFooter .schedulerButtonImage{
	height:35px;
	width:35px;
}

#composeMessageHolder .schedulerButtonImage{
	height:35px;
	width:35px;
}

#singleMessageContainer .emojiSelectorButtonImage{
	height:30px;
	width:30px;
}

.emojiSelectorButtonImage{
	height:23px;
	width:23px;
}
#composeMessageHolder .emojiSelectorButtonImage{
	height:35px;
	width:35px;
}


.groupSendContainer{
	float: right;
	mmmargin-right: 44px;
	margin-top: 12px;
	margin-bottom: 30px;
	font-size: 14px;
	display: none;
}
#sendAsGroupCheckbox{
	margin-left:5px;
}


.selectedSendOption{
	border-bottom: 3px solid rgb(202,120,120);
	color:black !important;
}

.groupSendOptionGeneric{
	margin-left:10px;
	color:gray;
}
.groupSendOptionGeneric:hover{
	cursor: pointer;
}
.toSelectorLabel{
	margin-right:5px;
}

.apkWarningLabel{
	display: block;
	color: red;
	margin-left: 80px;	
	margin-top:7px;
	font-size: 12px;
}

.groupContentAuthor{
	color: #419ab1;
}

.mmsNotifPreview{
	max-height: 200px;
	max-width: 200px;
}

#singleMessageContainer .contentPanelHeaderTextGroup{
	font-size: 16px !important;
	line-height: 19px !important;
	overflow: auto;
	white-space: normal;
}

.contentPanelHeaderTextGroup{
	font-size: 14px !important;
	line-height: 19px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#sendToMultipleOption{
	color: black !important;
	border: 1px solid transparent;
	padding: 4px;
	border-radius: 6px;
}
#sendToMultipleOption:hover{
	cursor: pointer;
	border-color: rgb(218, 218, 218);
	background-color: rgb(241, 241, 241);
	text-decoration: none !important;
}

.sendGroupOrIndividualIcon{
	height:20px;
	width:20px;
	margin-right: 10px;
}

#EEModal .groupSendContainer{
	position: absolute;
	top: 70px;
	right: 22px;
}

.houseAddClose{
	top: -7px !important;
	right: -10px !important;
}


.contactBlockFavoriteMessage {
	width:45px;
}

#blockedNumbersList{
	min-height: 100px; 
	height:auto;
	width:90%;
	border: 1px solid gray;
	margin-top:10px;
	overflow-y: scroll;
}

.blockedContact{
	padding: 2%;
width: 92%;
background-color: black;
color: white;
clear: both;
display: block;
margin: 2%;
height:18px;
}

.removeBlockedContact{
	float:right;
}
.removeBlockedContact:hover{
	cursor: pointer;
}

.blockedContactName{
	float:left;
}

.singleLineContactGroupName{
	top:13px;
}


.eventsTableMessageTypeLabel{
	font-size: 12px;
	color: rgb(94, 94, 94);
}



.scheduledMessage .deleteMessageLinkTag{
	display: none;
}

#noPendingEventsWarning{
	margin:auto;
	margin-top: 10px;
	padding: 3px;
	color:white;
	background: #419ab1;
	color: white;
	text-shadow: none;
	font-size: 16px;
	line-height: 22px;
	font-family: "Roboto";
	font-weight: 300;
	width: 224px;
}

#settingsPaneTabs{
	position: relative;
}
#settingsPaneContent{
	height: auto;
	padding-left: 3px;
}

#EEModalFooter .modal.fade.in{
	top:25%;
}

.inAppNotifAtTopOfDisplay{
	background-color: rgb(255, 255, 134);
	color: black;
	position: fixed;
	top: 0px;
	left: 45%;
	z-index: 9999;
	padding: 4px;
	font-family: roboto;
}
#getOlderMessagesContainer{
	margin-bottom: 40px;
}
#syncOlderButton{
	margin-left:25px;
}


/* CRV THIS CSS IS FOR THE NAV OF TABBED SETTINGS PAGE */

#settingsPane .nav-pills > li{
	margin-right: 70px;
	font-size: 18px;
	wwwidth:144px;
	ttext-align: center;
}
#settingsPane .nav-pills > li > a{
	color: gray;	
	padding-left: 0px;
	padding-right: 0px;
}
#settingsPane .nav-pills > li > a:hover{
	color:black;
	background-color: transparent;
	padding-bottom: 5px;
	border-bottom: 3px solid #419ab1;
	border-radius: 0px;
}

#settingsPane .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
	background-color: transparent;
	padding-bottom: 5px;
	color: #419ab1;
	border-bottom: 3px solid #419ab1;
	border-radius: 0px;
	font-weight: bold;
}

#settingsPane .tab-content > .active, .pill-content > .active {
	margin-right:75px;
}

#settingsPane .nav-pills > .active > a:hover{
	color:#419ab1;
}


/* THIS CSS IS FOR THE NAV OF CONTACTS PANE */



#tabbedContactsInterfaceHolder .nav-pills > li{
	margin-right: 70px;
	font-size: 18px;
	wwwidth:144px;
	ttext-align: center;
}
#tabbedContactsInterfaceHolder .nav-pills > li > a{
	color: gray;	
	padding-left: 0px;
	padding-right: 0px;
}
#tabbedContactsInterfaceHolder .nav-pills > li > a:hover{
	color:black;
	background-color: transparent;
	padding-bottom: 5px;
	border-bottom: 3px solid #419ab1;
	border-radius: 0px;
}

#tabbedContactsInterfaceHolder .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
	background-color: transparent;
	padding-bottom: 5px;
	color: #419ab1;
	border-bottom: 3px solid #419ab1;
	border-radius: 0px;
	font-weight: bold;
}

#tabbedContactsInterfaceHolder .tab-content > .active, .pill-content > .active {
	margin-right:75px;
}

#tabbedContactsInterfaceHolder .nav-pills > .active > a:hover{
	color:#419ab1;
}



.scheduledMessage .timestamp-msg{
	color: #419ab1;
	font-weight: bold;
}

.scheduledMessageFailed .timestamp-msg{
	color: rgb(185, 22, 22);
	font-weight: bold;
}

.scheduledMessageCancelled .timestamp-msg{
	color: rgb(185, 22, 22);
	font-weight: bold;
}

#scheduledMessagesHeader{
	margin-left: 40px;
	margin-top: 40px;
}

.eventsTableGroupIcon{
	height: 19px;
	margin-right: 10px;
}


.scheduledEventWarningIcon{
	float: left;
	margin-right: 10px;
}

.syncingOlderMessagesNotif{
	color:#F38630;
}

.dcsendiconScheduled{
	background-image: url(../assets/1382502427_time_clock_snack_alarm_wait.png) !important;
	height:56%;
	width:36%;
	margin-left: 15px;
	margin-top: 1px;
}

#singleMessageContainer .dcsendiconScheduled{
	margin-top: 1px;
	height:59%;
	width: 37%;
}

#composeMessageHolder .dcsendiconScheduled{
	height:50%;
	width:41%;
	margin-left: 12px;
	margin-top: 3px;
}

.scheduledTableStatusIcon{
	margin-right: 10px;
	float:left;
}
.scheduledEventFailed{
	float:left;
}

.eventTableMMSPreview{
	max-height: 100px;
}

#existingTemplatesHolder{
	width:90%;
	min-height: 100px;
	border:1px solid black;
	margin-bottom:30px;
}

#templatesComposer{
	width:90%;
	height:200px;
	margin-bottom:15px;
}

.template{
	background-color: white;
	padding:1%;
	margin:1%;
	border-radius: 5px;
	border: 1px solid black;
	display: inline-block;
	width:96%;
}
.templateName{
	display: inline-block;
	float: left;
	border-right: 5px solid;
	padding-right: 5px;
	width:177px;
	border: 1px transparent dashed !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	
}

.templateName:hover{
	 bborder-bottom: 1px dashed;
	 cursor: text; 
	 border: 1px gray dashed !important;
}

.templateResponseArea{
	border: 1px transparent dashed !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.templateResponseArea:hover{
	cursor: text; 
	 border: 1px gray dashed !important;
}

.templateBody{
	display: inline-block;
	float: left;
	bbborder-right: 5px solid;
	padding-right: 5px;
	padding-left:5px;
}

.templateBody:hover{
	 bbborder-bottom: 1px dashed;
	 cursor: text; 
}

.templateContentHolder{
	float: left;
}

.templateActionsHolder{
	float:right;
	margin-top: 8px;
}
#updateTemplate{
	display: none;
}


#contactsPanelHeaderText {
	width: 100%;
	float: left;
}
#tabbedContactsInterfaceHolder{
	margin-left:75px;
}

#tabbedContactsInterfaceHolder .tab-content{
	height: auto;
}

#singleMessageContainer .addTemplateIcon{
	top: 59px;
	right: 13px;
	
}
.addTemplateIcon{
	opacity: 0.3;
	opacity: 0.3;
	position: absolute;
	top: 35px;
	right: 14px;
}
.addTemplateIcon:hover{
	opacity: 1.0;
	cursor: pointer;
	
}


#EEModalFooter .addTemplateIcon{
	top: 131px;
	right: 27px;
}


.scheduleButtonLabel{
	color: white;
	font-size: 9px;
}

#singleMessageContainer .scheduleButtonLabel{	
	font-size: 10px;
	margin-top: 2px;
}

.expandedSendIcon{
	width: 48px;
}

#singleMessageContainer .expandedSendIcon{
	width: 53px;
}

#composeMessageHolder .expandedSendIcon{
	width:48px;
}
#EEModalFooter .expandedSendIcon{
	width:58px;
}
#EEModalFooter .dcsendiconScheduled{
	margin-left: 16px;
}

.editTemplate{
	display: inline-block;
}
.deleteTemplate{
	display: inline-block;
	margin-left: 10px;
}

.deleteTemplate:hover{
	cursor: pointer;
}
.editTemplate:hover{
	cursor: pointer;
}

#addNewButtonContainer{
	border: 7px dashed #cdd4db;
	border-radius: 4px;
	width: 386px;
	float:left;
	height: 411px;
	margin:30px;
	margin-left:0px;
	position: relative;
	color: #cdd4db;
}

#addNewButtonContainer:hover{
	cursor: pointer;
	color:#A7ACB1;
}

#addNewGroupIcon:before{
	content: "+";
	font-size: 60px;
	font-weight: 700;
	font-family: proxima-nova,sans-serif;
	line-height: 69px;
	text-align: center;
	color: #e5e8eb;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 35px;
	background: #cdd4db;
	box-shadow: 0 1px rgba(255,255,255,.75),inset 0 1px 3px rgba(0,0,0,.3);
	position: absolute;
	left: 162px;
top: 135px;
}

.createNewGroupLabel{
	position: absolute;
	top: 200px;
	left: 107px;
}

#addedContent{
	display: block;
	padding-top:10px;
	border-top: 1px solid rgb(218, 215, 215);
}

.timeSelector{
	width: 52px !important;
	margin-right: 3px !important;
}

#setDateAndTimeButton{
	margin-left: 5px;
}


.templateEditorContainer{
	clear:both;
}


.valueBeingEdited{
	color:gray;
}

.templateEditorContainer .scheduleSelector{
	display: none !important;
}

.templateEditorContainer .templateDropUpIcon{
	display: none;
}

.templateEditorContainer .MMSCanvasArea{
	display: none;
}

.templateEditorContainer .sendButton{
	display: none !important;
}

.templateEditorContainer .textResponse{
	width:415px;
}
.templateEditorContainer .responseArea{
	padding: 0px;
}

.templateEditorContainer .dcsendicon{
	background-image: url(../assets/5_content_save.png);
}

.templateEditorContainer .emoticonSelector{
	display: none !important;
}

#signatureEditor .scheduleSelector{
	display: none !important;
}

#signatureEditor .templateDropUpIcon{
	display: none;
}

#signatureEditor .MMSCanvasArea{
	display: none;
}

.doNotShow{
	display: none;
}

#signatureEditor .sendButton{
	display: none !important;
}
#signatureEditor .templateResponseArea{
	width:90%;
}
#signatureEditor .emoticonSelector{
	display: none !important;
}


#templatesHolderHeaders{
	width: 100%;
	background-color: gray;
	color: white;
}
#templateNameLabel{
	display: inline;
	margin-left:30px;
	margin-right:150px;
}
#templateBodyLabel{
	display: inline;
}
#templateCharCountLabel{
	display: inline;
	margin-left:429px;
}

#templateDeleteLabel{
	display: inline;
	float: right;
	margin-right: 20px;
}

#existingTemplates{
	max-height: 310px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#settingsContainer{
	bbbackground: url(../assets/noise.png);
}

#tellUsMoreSpan:hover{
	cursor: pointer;
}


.themeSwitchWrapper{
    text-align:center;
    margin: 10px 0px;
}
    #themeSwitch{
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
    }
    #themeSwitch[name=holiday]{
        opacity: 0.6;
    }
        #themeSwitch[name=holiday]:hover{
            opacity: 1;
        }
    #themeSwitch[name=default]{
        opacity: 1;
    }
        #themeSwitch[name=default]:hover{
            opacity: 0.6;
        }
#snowFall{
    z-index: 9999;
    display: none;
    background-image: url(../assets/xmas/snowfall.gif);
    background-color: rgba(255,255,255,0.45);
    position:absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}