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


body {
	background-color: #DADEE0;
	font-family: "ff-dagny-web-pro",'proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
}
textarea {
	font-family: 'proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	color:black;
}
.tooltip {
	color:black !important;
}


.tooltip-inner {}


.fontsmooth {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#pinnedContent {

	background: rgb(247,247,247);

	-webkit-box-shadow: 0 0 5px rgba(51,51,51,0.4);
	-moz-box-shadow: 0 0 5px rgba(51,51,51,0.4);
	box-shadow: 0 0 5px rgba(51,51,51,0.4);
	-webkit-transition: right 200ms ease-out;
	-moz-transition: right 200ms ease-out;
	-o-transition: right 200ms ease-out;
	transition: right 200ms ease-out;
/* 	background: #fff url('../assets/bg-squares.png'); */

}

.mediaGalleryBlueBackground::-webkit-scrollbar-track-piece {
    bbbbackground: white;
}
.mediaGalleryBlueBackground::-webkit-scrollbar-thumb {
    background: rgb(63, 100, 109);
}


.mediaActionsToolbar .popover-content {

}


/* START STATE CHANGE SPINNER STYLING */



#stateChangeSpinner{

}
.masterSpinner {
	background-color: red;

	border: none;
	background: url(../assets/green_spinner.gif);
	background-size: 42px 42px;
}



/* START SCROLLBAR STYLING */



::-webkit-scrollbar {
	-webkit-appearance: none;
}
::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: rgba(46,46,46,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}



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



#sideNavigation{
	background: #3c3b3b url('../assets/bg.png') top left repeat-y;

}
.logoIcon{
	text-align: center;

}
	#MTLogoIcon{
		background: url('../assets/mt_2a.png');
		background-repeat: no-repeat;

		background-size: 100%;
		display: block;

	}
		#MTLogoIcon:hover {
			background-position: left bottom;
			opacity:1.0;
		}
/*
.sbnavcontainer {
	border-top: 1px solid #262626;
}
*/



/* START LEFTNAV MENU ITEM STYLING */



.sideIcon{
	text-align:left;
	border-bottom: 1px solid #262626;
	border-top: 1px solid #535353;
	font-family: Helvetica, Arial, sans-serif;
	transition: background-color 0.1s;
	-moz-transition: background-color 0.1s;
	-webkit-transition: background-color 0.1s;
	-o-transition: background-color 0.1s;
	color: #bfbfbf;
}
.activeLeftNavBar{
	background: #6c6c6c;
	background: -moz-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #505050));
	background: -webkit-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -o-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -ms-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: linear-gradient(top, #6c6c6c 0%, #505050 100%);
	color:white;
}
.mainMenuItem {
}
	.mainMenuItem:hover {
		background-color: #4f4f4f;
		color:#f1f1f2;
	}
.sideBarIcon {
}
.iconLabel {
	font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial;
	font-size:15px;
	font-weight: 400;
    text-shadow: 0 1px 0 #000;
/*     color: white; */
}
#photos {
	ddddisplay: none;
}
/*

.viewSwitcher {
	position: relative;
	width: 100%;
	height: 56px;
}
#classicView,
#gridView {
	width: 56px;
	background: #444;
	margin: 0;
	border-left: 1px solid #535353;
	border-right: 1px solid #262626;
	height: 30px;
	float: left;
	border-bottom: 1px solid #262626;
	border-top: 1px solid #535353;
}
#classicView.activeLeftNavBar,
#gridView.activeLeftNavBar {
	background: #6c6c6c;
	background: -moz-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #505050));
	background: -webkit-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -o-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -ms-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: linear-gradient(top, #6c6c6c 0%, #505050 100%);
	color:white;
}
*/

/*
#classicView { margin-top: 20px; }
#gridView 		{ margin-bottom: 20px; }
*/
/*

#classicView .iconLabel,
#gridView .iconLabel {
	font-size: 14px !important;
	margin-top: 31px;
	line-height: 1em;
	text-align: center;
	display: none;
}
#classicViewIcon,
#gridViewIcon {
	margin-top: -5px;
	margin-left: 13px;
}
#classicView:hover,
#gridView:hover {
	background: #4f4f4f;
}
*/

#newSmsIcon,
#classicViewIcon,
#gridViewIcon,
#favoritesIcon,
#contactsIcon,
#eventsIcon,
#settingsIcon,
#helpIcon,
#photosIcon,
#signOutIcon {
	height:30px;
	width:30px;
	background-position: left top;
}
#newSmsIcon			{ background-image: url('../assets/3x_newmessage.png'); }
#classicViewIcon 	{ background-image: url('../assets/3x_classicview.png'); }
#gridViewIcon 		{ background-image: url('../assets/3x_powerview.png'); }
#favoritesIcon 		{ background-image: url('../assets/3x_favorites.png'); }
#contactsIcon 		{ background-image: url('../assets/3x_contact_teal.png'); }
#settingsIcon 		{ background-image: url('../assets/3x_setting.png'); }
#helpIcon 			{ background-image: url('../assets/3x_help.png'); }
#photosIcon 		{ background-image: url('../assets/3x_photovid7.png'); }
#signOutIcon 		{ background-image: url('../assets/3x_signout.png'); }
#eventsIcon 		{ background-image: url('../assets/icon-scheduled.png');}
#newSmsIcon {
	width: 33px;
	margin-right: 5px;
}
	#newSms:hover #newSmsIcon,
	#classicView:hover #classicViewIcon,
	#gridView:hover #gridViewIcon,
	#favorites:hover #favoritesIcon,
	#contacts:hover #contactsIcon,
	#settings:hover #settingsIcon,
	#events:hover #eventsIcon,
	#help:hover #helpIcon,
	#photos:hover #photosIcon,
	#signOut:hover #signOutIcon { background-position: left bottom; }

	#newSms:active #newSmsIcon,
	#classicView:active #classicViewIcon,
	#gridView:active #gridViewIcon,
	#favorites:active #favoritesIcon,
	#contacts:active #contactsIcon,
	#events:active #eventsIcon,
	#settings:active #settingsIcon,
	#help:active #helpIcon,
	#photos:active #photosIcon,
	#signOut:active #signOutIcon { background-position: left center; }

	#newSms.activeLeftNavBar #newSmsIcon,
	#classicView.activeLeftNavBar #classicViewIcon,
	#gridView.activeLeftNavBar #gridViewIcon,
	#favorites.activeLeftNavBar #favoritesIcon,
	#contacts.activeLeftNavBar #contactsIcon,
	#events.activeLeftNavBar #eventsIcon,
	#settings.activeLeftNavBar #settingsIcon,
	#help.activeLeftNavBar #helpIcon,
	#photos.activeLeftNavBar #photosIcon,
	#signOut.activeLeftNavBar #signOutIcon { background-position: left bottom; }






.moreOptions {
	position: relative;
	width: 100%;
	height: 56px;
}
#settings,
#help,
#signOut {
	width: 32px;
/* 	background: #444; */
	margin: 0;
	border-left: 1px solid #535353;
	border-right: 1px solid #262626;
	height: 30px;
	float: left;
	border-bottom: 1px solid #262626;
	border-top: 1px solid #535353;
}
#settings { float: left; }
#help { width: 34px; }
#signOut { float: right; }
#settings .iconLabel,
#help .iconLabel,
#signOut .iconLabel {
	font-size: 14px !important;
	margin-top: 31px;
	line-height: 1em;
	text-align: center;
	display: none;
}

#settingsIcon,
#helpIcon,
#signOutIcon {
	margin-top: -5px;
	margin-left: 3px;
}
#settingsIcon {
	margin-left: 1px;
}
#settings:hover
#help:hover
#signOut:hover {
	background: #4f4f4f;
}
#settings.activeLeftNavBar,
#help.activeLeftNavBar,
#signOut.activeLeftNavBar {
	background: #6c6c6c;
	background: -moz-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #505050));
	background: -webkit-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -o-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: -ms-linear-gradient(top, #6c6c6c 0%, #505050 100%);
	background: linear-gradient(top, #6c6c6c 0%, #505050 100%);
	color:white;
}












/* START BATTERY STYLING */

/*
#battery-status{
	height:60px;
	padding-top:8px;
	padding-bottom:8px;
}
.lastIcon{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
*/
.newbatterywrap {
	color: #cacaca; /*MA changed*/

	display: none;

}
	.baticon {
		/*opacity: 0.5; */  /*MA changed */
		font-family: 'ff-dagny-web-pro', 'franklin-gothic-urw','Helvetica Neue',arial; /* MA changed -- to match fonts of other leftnav labels */
		/*color: white; */ /*MA changed*/

		text-align: center;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	.batwrap {
	}
		.batshell {
			border-radius: 3px;
			background: #777;
			-moz-transition: all 0.2s;
			-o-transition: all 0.2s;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
		}
			.batbar {
				background-color: none;
				-moz-transition: all 0.2s;
				-o-transition: all 0.2s;
				-webkit-transition: all 0.2s;
				transition: all 0.2s;
				border-radius: 5px 0 0 5px;
			}
		.batnub {
			background-color: #777;

			-moz-transition: all 0.2s;
			-o-transition: all 0.2s;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
		}
	.batpercent {
		color: black;  /*MA changed*/
		display: block;

		font-size: 1.1em;
		font-weight: 500;
		/* opacity: 0.7; */ /*MA changed - no need for opacity reduction here -- CPU */
		line-height: 1.4em;
		 /*MA - centered battery percent text */

		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	.battimestamp {
		font-family: 'ff-dagny-web-pro', 'franklin-gothic-urw','Helvetica Neue',arial;
		display: block;

		/*color: white;*/ /*MA changed*/
		text-align: center;

		font-size: 0.8em; /*MA changed - increased size a bit */
		/*text-transform: uppercase; */  /*MA changed - made it mixed case again */

		/*opacity: 0.7;*/  /*MA changed*/
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}

/* MA removed

.newbatterywrap:hover .baticon,
.newbatterywrap:hover .batpercent {
	opacity: 1;
}
.newbatterywrap:hover .battimestamp {
	opacity: 0.6;
}
*/


#chargingIcon {
	background: url(../assets/icon-charging-blue.png);

	background-size: 100% 100%;

}



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



/*
#threadListHolder {
	height:100%;
	max-width:330px;
	background-color: rgb(245,245,245);
	float:left;
	overflow-y: scroll;
}
*/
#threadListHolder {
background-color: rgb(245,245,245);
overflow-y: scroll;

}
	#navBarTabs {
		background-color: rgb(245,245,245);

		border-bottom: 0;

		list-style: none;
		border-right: 1px solid #ccc;
	}
	#navBarTabs > li {
	}
/*
#navBarTabs li {
	height: 60px;
	line-height: 0;
}
*/
/*
#navBarTabs li a {
	height: 100%;
	border-bottom: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
	#navBarTabs li.active a {
		background: #419ab1;
		text-decoration: none;
	}
*/
	#navBarTabs .thread-tab {
		border-left:none;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 18px;
		font-weight: 400;
		font-family: "ff-dagny-web-pro", "franklin-gothic-urw-cond","proxima-nova-condensed",'Helvetica Neue', Helvetica, Arial, sans-serif;
		color: rgb(77, 77, 77);

		cursor: pointer;
		display: block;
		border-bottom: 1px solid #ccc;
	}
		#navBarTabs .thread-tab:hover {
			background-color: rgb(210, 210, 210);
			border-left:none;
			text-decoration: none;
		}
		#navBarTabs > .active > a,
		#navBarTabs > .active > a:hover {
			background-color:#419ab1;
			color: rgb(240,240,240);
		}

.thread-tab img {
	border-radius: 28px;
}
.threadNameOrNumber{
	display: inline-block;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 22px;
	margin-bottom: -7px;
}
	#navBarTabs li.active a .threadNameOrNumber {
		color: white;
	}
	.thread-tab:hover .threadNameOrNumber {
		text-decoration: none;
		color: #595959;
	}
.msgCountAndTimeStampInTab {
	text-align: right;

	font-size:11px;
	color:#646465;
	opacity: 0.8;
	font-family: 'proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif;
}
	.active .msgCountAndTimeStampInTab {
		color:white;
	}
		.msgCounter {
			font-size:11px;
		}
		.msgCounter:after {
			content: "\a";
			white-space: pre;
		}
/*
	#navBarTabs li.active a .msgCounter {
		color: #595959;
		opacity: 0.5;
	}
	.thread-tab:hover .msgCounter {
		text-decoration: none;
		color: #595959;
		opacity: 0.5;
	}
.timestamp-last-msg {
	position: absolute;
	right: 12px;
	top: 42px;
	color: #bbb;
}
	#navBarTabs li.active a .timestamp-last-msg {
		color: white;
		opacity: 0.5;
	}
	.thread-tab:hover .timestamp-last-msg {
		text-decoration: none;
		color: white;
		opacity: 0.5;
	}
*/



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



#singleMessageContainer {

	z-index: 2;
}
.messageThread{
	background-color: #FAFAFA;

	box-shadow: 0 1px 2px rgba(35,25,25,0.5);
	-moz-box-shadow: 0 1px 2px rgba(35,25,25,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(35,25,25,0.5);

}
	#singleMessageContainer .messageThread{
		background-color: #FAFAFA;

		border-left: 1px solid #a0a6b3;

		-webkit-box-shadow: 0 0 5px rgba(51,51,51,0.4);
		-moz-box-shadow: 0 0 5px rgba(51,51,51,0.4);
		box-shadow: 0 0 5px rgba(51,51,51,0.4);
	}



/* START MESSAGE PANEL HEADER STYLING */



.contentPanelHeader{
	overflow-x: hidden;
	background-color:#419ab1;
	overflow-y: auto;

}
	#singleMessageContainer .contentPanelHeader {
		overflow-x: hidden;
		background-color:#419ab1;
	}
.contactPhoto {
}
	#singleMessageContainer .contentPanelHeader .contactPhoto {
	}
.contentPanelHeaderText {
	font-family: "ff-dagny-web-pro", 'proxima-nova-condensed','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	font-weight: 500;

	color:white;
	font-size: 18px;
	line-height: 22px;

	oooverflow: hidden;
	wwwhite-space: nowrap;
	tttext-overflow: ellipsis;
	background: #419ab1;

	opacity: 1;
	-moz-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
	
	position: relative;
}
	.contentPanelHeaderTextNonGroup:hover {
		opacity: 0;
	}
	#singleMessageContainer .contentPanelHeaderText {

		cccolor:white;
		font-size: 22px;

		oooverflow: hidden;
		wwwhite-space: nowrap;
		ttttext-overflow: ellipsis;

		line-height:32px;


	}
.contentPanelHeaderNum {
	font-family: "ff-dagny-web-pro", 'proxima-nova-condensed','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	font-weight: 500;

	color:white;
	font-size: 18px;
	line-height: 22px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
	#singleMessageContainer .contentPanelHeaderNum {

		color:white;
		font-size: 23px;

		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

		line-height:32px;

	}
.conversationTools{

}
	#singleMessageContainer .conversationTools{

	}
.conversationToolsIndividual {
	opacity:0.8;

	border-radius:3px;
}
	.conversationToolsIndividual:hover{
		background-color:rgb(28, 88, 94);

		opacity:1.0;
	}
	#singleMessageContainer .conversationToolsIndividual {
		border-radius:5px;
	}



/* START MESSAGE HOLDER STYLING */



.threadConversationHolder {
	overflow: hidden;
	overflow-y: auto;
}
	#singleMessageContainer .threadConversationHolder{
/*
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px;
*/
	}
.loadingMessages {
}

.loadMoreMessages{
	background-color: #E9E9E9;
	text-align: center;
	font-weight: bold;


}
	.loadMoreMessages:hover {

		background-color:#419AB1;
		color:white;
	}
.loadingMoreMessages {
	text-align: center;

}
	loadingMoreMessages span {

		display: block;

	}
.loadMoreImgWrap {

}
	.loadMoreImg {

		background: url(../assets/loading.gif);
	}
#seeMoreMessagesButtonHolder {
	text-align:center;
	clear:both;
}
#seeMoreMessages {
	background-color: #419ab1;
	background-image: linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -webkit-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	text-shadow:none;
	color:white;
}
	#seeMoreMessages:hover {
		background-position: 0;
	}



/* START MESSAGE CALL ITEM STYLING */



.receievedCallIcon {

}
.sentCallIcon {

}



/* START MESSAGE TEXT ITEM STYLING */



/*
.threadItem{
	padding:10px 5px;
	max-width: 240px;
	border-radius: 5px;
	font-size: 10pt;
	line-height: 13pt;
	box-shadow: inset 0px 1px white;
	-moz-box-shadow: inset 0px 1px white;
	-webkit-box-shadow: inset 0px 1px white;
	margin:10px 0 5px;
	clear:both;
	color:black;
}
	#singleMessageContainer .threadItem{
		padding-top:5px;
		font-weight:400;
		font-size: 14px;
		line-height: 17px;
	}
*/
.threadItem {
	clear: both;
	box-shadow: inset 0 1px rgba(255,255,255,0.6);
	border-radius: 5px;
	font-family: "proxima-nova";
	font-size: 13px;
	line-height: 15px;
}
	#singleMessageContainer .threadItem{
		font-weight:400;
		font-size: 14px;
		line-height: 17px;
	}

.receivedText {
	background: #e8e8e8;
	border: 1px solid #bfbfbf;

	text-align: left;

}
.receivedText:after, .receivedText:before {
	border: solid transparent;
	content: " ";

	pointer-events: none;
}

.receivedText:after {
	border-color: rgba(232, 232, 232, 0);
	border-right-color: #e8e8e8;
	border-width: 10px;
}
.receivedText:before {
	border-color: rgba(191, 191, 191, 0);
	border-right-color: #bfbfbf;
	border-width: 11px;
}









.sentText {
	background: #cbd9dd;
	border: 1px solid #9bb4bb;
	text-align: right;
	box-shadow: inset 0 1px rgba(255,255,255,0.6);
}
.sentText:after, .sentText:before {
	border: solid transparent;
	content: " ";

	pointer-events: none;
}

.sentText:after {
	border-color: rgba(203, 217, 221, 0);
	border-left-color: #cbd9dd;
	border-width: 10px;

}
.sentText:before {
	border-color: rgba(155, 180, 187, 0);
	border-left-color: #9bb4bb;
	border-width: 11px;

}


/* CRV HAD TO ADD THESE CLASSES TO ADJUST THE RIGHT SIDE ARROW FOR OUTGOING, SCHEDULED MESSAGES IN THE WEBAPP */
.scheduledMessageSENT:after{
	border-left-color: #AEDAAF;
}

.scheduledMessage:after{
	border-left-color:rgb(226, 239, 243);
}
.scheduledMessageCancelled:after{
	border-left-color:rgb(236, 170, 173);
}



.scheduledMessageFailed:after{
	border-left-color: rgb(236, 170, 173);
}

.pendingScheduledMessage:after{
	border-left-color: #fcf8e3 !important;
}


.shareThisContent {
	visibility: hidden;
}
.shareContentCheckBoxRecieved	{ }
.shareContentCheckBoxSent		{ }
.sentMessageStatus {
}


/* START MESSAGE MMS ITEM STYLING */



/*
.threadItem .mmsImgWrap {
	max-width: 80px;
}
	#singleMessageContainer .threadItem .mmsImgWrap {
		max-width: 150px;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
	}
.receivedText .mmsImgWrap {
	position: relative;
	background: #E8E8E8;
	text-align:left;
	float: left;
}
	.receivedText .mmsImgWrap:after {
		right: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.receivedText .mmsImgWrap:after {
		border-color: rgba(232, 232, 232, 0);
		border-right-color: #E8E8E8;
		border-width: 10px;
		top: 50%;
		margin-top: -10px;
	}
	#singleMessageContainer .receivedText .mmsImgWrap {}

.sentText .mmsImgWrap {
	position: relative;
	background: #CBD9DD;
	text-align: right;
	float: right;
}
	.sentText .mmsImgWrap:after {
		left: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.sentText .mmsImgWrap:after {
		border-color: rgba(203, 217, 221, 0);
		border-left-color: #CBD9DD;
		border-width: 10px;
		top: 50%;
		margin-top: -10px;
	}
	#singleMessageContainer .sentText .mmsImgWrap {}

.threadItem .mmsImgWhole {
	border: 5px solid white;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*/

#mmsImgWrap {
}
	.mmsImgWhole {
		vertical-align: middle;
	}


/* START ITEM ACTIONS STYLING */


/*
#singleMessageContainer .itemActions {
	margin: 15px 0;
	width: auto;
}
.threadItem .itemActions {
	margin: 0 0 5px;
	width: 100%;
}
	.receivedText .itemActions 	{ float: left; }
	.sentText .itemActions 		{ float: right; }
*/

	.messageAction {
		margin-left:5px;
	}
	.messageAction:hover {
		cursor: pointer;
	}
		.unstarred {
			visibility:hidden;
			background: url(../assets/unstarred.png);
			background-size: 100% 100%;
			display: block;
		}
/*
			.unstarredicon {
				float: left;
				background: url(../assets/unstarred.png);
				width: 14px; height: 14px;
				background-size: 100% 100%;
				margin: 0 1px;
			}
*/
		.starred {
			visibility: visible;
			background: url(../assets/starred.png);
			background-size: 100% 100%;
			display: block;
		}
/*
			.starredicon {
				float: left;
				background: url(../assets/starred.png);
				width: 14px; height: 14px;
				background-size: 100% 100%;
				margin: 0 1px;
			}
*/
		.deleteOneMessage {
		visibility:hidden;
		}
			.deleteOneMessageIcon {
				background: url(../assets/trashcan.png);

				background-size: 100% 100%;

			}
		.forwardMessage{
			visibility:hidden;
		}
			.forwardMessageIcon {
				background: url(../assets/icon-forward-1.png);

				background-size: 100% 100%;

			}
		#tweet-this-message{
			visibility:hidden;
		}

	.timestamp-msg {
		font-size:10px;
		color:rgb(155,155,155);
	}
	.itemActions .timestamp-msg:after,
	.itemActions .timestamp-msg:before {
		border: none;
	}
/*
		#singleMessageContainer .itemActions .timestamp-msg {
			padding: 0;
			margin: 3px 12px 0;
			background: none;
		}
*/



/* START RESPONSE AREA STYLING */



.responseArea{
}


#singleMessageContainer .responseArea{
	}


.textResponse{
	font-family: "proxima-nova";	
	font-size:13px;
	line-height:14px;
	border-radius: 0;
	overflow-y: scroll;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;

}
.textResponse:focus{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted 9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
	#singleMessageContainer .textResponse{
		font-size:14px;
		line-height:16px;
	}
.charsLeft {
	font-size: 12px;
	float:right;
	color: #419ab1;
	font-weight:bold;
	ppposition: absolute;
	mmmargin-top: 6px;
	margin-left: 7px;

}
	#singleMessageContainer .charsLeft {
		font-size:14px;
	}
#newSMSCharsLeft {
	color: #419ab1;
	font-size: 14px;
}


/* START BUTTON STYLING */



.responseButtonsHolder {
float:right;
width:103px;
margin-top:2px;
margin-right:7px;
}
	#singleMessageContainer .responseButtonsHolder {
	}
.mightyButton {
	background-color: #419ab1;
	background-image: -webkit-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
}
.mightyButton:hover {
	background-color: #419ab1;
	background-image: -webkit-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
}
.sendButton {
	text-align: center;
	border-radius:3px;

}
	#singleMessageContainer .sendButton {
	}
.MMSCanvasArea {
margin-top: 3px;
}
	#upload-image-mms{
		line-height: 0px;

		font-size:11px
	}

	/* This is Firefox specific css CRV */
		@-moz-document url-prefix() {
			#upload-image-mms{
				line-height: 0px;
			}
		}
		#attach-mms-image {
		}
		@-moz-document url-prefix() {
		    #attach-mms-image {

		    }
		}
			#singleMessageContainer	#attach-mms-image {
			}
	#holder-mms-image-preview {
		oooverflow: hidden;
		border: 1px dashed lightgray;
		position: relative;
	}
		#singleMessageContainer #holder-mms-image-preview {
		}
		#mms-image-preview {
			vertical-align: middle;
		}
		#mms-scale-down {
		}
.dcsendicon {
	background-image: url(../assets/ic_action_send.png);
	background-size: 100% 100%;
}
	@-moz-document url-prefix() {
		.dcsendicon {
			background-image: url(../assets/ic_action_send.png);
			background-size: 100% 100%;
		}
	}
.dcattachicon {
	background-image: url(../assets/10_device_access_camera.png);
	background-size: 100% 100%;
}

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



#mms-upload-dialog {
	text-align: left;
}



/* START MODAL HEADER STYLING */



.modal-header {

}
	.modal-header .close {

	}
	.modal-header .closeNewMessage {

	}
	#myModalLabel {

	}



/* START MODAL UPLOAD STYLING */



#frmUpload {
	font-size: 20px;
}
	#mms-file-attach {
		font-size: 15px;
	}
	#btnSubmit {

	}
#file-upload-progress-indicator {
}
#mms-upload-image-preview-pane {
	display:inline-block;
}
	#file-just-uploaded {
		vertical-align:middle;
	}
	#file-uploaded-temp-blobid-holder-in-dialog {

	}



/* START MODAL FOOTER STYLING */



.modal-footer {

}
	.btn {

	}
	#mms-dialog-button-ok {
		text-shadow: none !important;
	}
	.uploadfootbtn {

	}



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


#sms-container {
	overflow-x: scroll;
	overflow-y: scroll;
}
#composeMessageHolder {
	background-color:white;
}
	.composeNewMessageWrapper {
		background-color:white;
		border: 1px solid rgba(0, 0, 0, 0.25);
	}


/* START COMPOSE NEW PANEL HEADER STYLING */



#composeNewContentPanelHeader {
	background-color:#419ab1;
}
	.contentPanelHeaderTextComposeNew {
		font-family: "ff-dagny-web-pro", 'proxima-nova-condensed','proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
		font-weight: 500;
		color:white;
	}
	.closeNewMessage {
	}



/* START COMPOSE NEW RESPONSEAREA STYLING */



#newMessageContentToHide {
}
	#sendTo {
		border:1px solid #cccccc;
		background-color:white;
	}
		#sendToTheseContacts {
		}
			#sendToTheseContacts span {
				color:gray;
			}
			.sendNewMessageToThisContact {
				font-size: 15px;
				border-radius: 3px;
				background-color:#419AB1;
				color:white;
				text-align: center;
			}
			.removeContact {
				zoom: 80%;
			}
/*
		.dropdown-menu {
			padding: 0; margin: 0;
			background: #f5f5f5;
			overflow: hidden;
		}
			.dropdown-menu .active > a,
			.dropdown-menu .active > a:hover {
			  color: #ffffff;
			  text-decoration: none;
			  background-color: #419ab1;
			  background-image: none;
			}
*/
			.dropdown-menu li > a:hover,
			.dropdown-menu li > a:focus,
			.dropdown-submenu:hover > a {
			  color: #ffffff;
			  text-decoration: none;
			  background-color: #419ab1;
			  background-image:none;
			}
			.dropdown-menu .active > a,
			.dropdown-menu .active > a:hover {
			  color: #ffffff;
			  text-decoration: none;
			  background-color: #419ab1;
			  background-image:none;
			}
		#selectContactForSingleCompose {
			outline: none;
			border:none;

		}
	.composeNewMessageWrapper .responseArea {
	}
		#composeMessageHolder .textResponse{
			resize:none;
			font-size:14px;
			line-height:18px;

		}
		.composeNewMessageWrapper .charsLeft {
		}
	#composeMessageHolder #attach-mms-image {
	}

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



.blurPinnedContent {
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
    background: rgba(0, 0, 0, .7) !important;
}
#navBarThreadBarBlur {
	background-color: black;

}
.transparent_class {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#rightPaneBlur {
	background: black;
}
.doNotShow {
	visibility: hidden !important;
}
	#shareContentPopUp {
		border-radius: 4px;
		background-color: #f5f5f5;
		border: 1px solid #222;
		box-shadow: 0 3px 10px 0px #222;
		-moz-box-shadow: 0 3px 10px 0px #222;
		-webkit-box-shadow: 0 3px 10px 0px #222;
	}



/* START SHARE MODAL HEADER STYLING */


#shareHeader{
	background-color: #419ab1;
	color: white;
	box-shadow: inset 0 1px 1px #95d4e4;
	border-bottom: 1px solid #285f6d;
	border-radius: 3px 3px 0 0;
}
	#shareHeaderText{
		text-shadow: 0 1px 1px #285f6d;
		font-size: 1.2em;
	}
	#closeShare{
		font-size: 1.2em;
	}



/* START SHARE MODAL CONTENT STYLING */



#shareContentName, #shareContentDesc {
	background: white;
	border-radius: 3px;
	color: #444;
}
#shareContentDesc {

}
	#shareContentName::-webkit-input-placeholder,
	#shareContentDesc::-webkit-input-placeholder {
		color:#c0c0c0;
	}
	#shareContentName:-moz-placeholder,
	#shareContentDesc:-moz-placeholder {
		color:#c0c0c0;
	}
	#shareContentName::-moz-placeholder,
	#shareContentDesc::-moz-placeholder {
		color:#c0c0c0;
	}
	#shareContentName:-ms-input-placeholder,
	#shareContentDesc:-ms-input-placeholder {
		color:#c0c0c0;
	}

#shareContactNameAndPhotoOption {

}
#shareContactNameAndPhotoDesc {
	color: #444;
	font-size: 0.7em;

	line-height: 1.5em;

}
.shareCollectionButton{
	color: white;
	background-color: #3a9ab3;
	border-radius: 3px;
	border: 1px solid #134351;
	box-shadow: inset 0 1px 0px #6bb3c6;
	-moz-box-shadow: inset 0 1px 0px #6bb3c6;
	-webkit-box-shadow: inset 0 1px 0px #6bb3c6;
	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}
	.shareCollectionButton:hover {
		background-color: #419ab1;
		border: 1px solid #285f6d;
	}
#cancelShareBeforeMade {
	font-size: 0.8em;
	color: #999;

	display: block;

	text-decoration: underline;

	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}
	#cancelShareBeforeMade:hover {
		color: #aaa;
		text-decoration: underline;
	}



/* START SHARE MODAL ARROW STYLING */



#sharePopUpArrow {
	background: #f5f5f5;
}
	#sharePopUpArrow:after, #sharePopUpArrow:before {
		right: 100%;
		border: solid transparent;
		content: " ";

		pointer-events: none;
	}

	#sharePopUpArrow:after {
		border-color: rgba(245, 245, 245, 0);
		border-right-color: #f5f5f5;
		border-width: 10px;

	}
	#sharePopUpArrow:before {
		border-color: rgba(34, 34, 34, 0);
		border-right-color: #222;
		border-width: 11px;

	}



/* START SHARE MODAL LINK PAGE STYLING */



#shareURLHolder{
	color: #444;
	font-size: 1.5em;
	font-weight: bold;

	border-radius: 10px;
	border: 10px solid #419ab1;
}
	#shareURLHolder:focus{
		outline: none;
	}
#shareDisclaimer{
	color: #666;
	text-align: center;
	text-shadow: 0 1px white;
}
#shareTools{
}
	#shareTools:hover{
	}
	.shareToolsIndividual{
		border: 3px solid #419ab1;
		border-radius: 60px;
	}
	#shareOnFB{
		background: url('../assets/icon-fb.png');
		background-size: 30px 30px;
	}
	#shareOnTwitter{
		background: url('../assets/icon-twitter.png');
		background-size: 30px 30px;
	}
	#shareOnEmail{
		background: url('../assets/icon-email.png');
		background-size: 30px 30px;
	}
	#shareOnMT{
		background:	url('../assets/icon-mt.png');
		background-size: 30px 30px;
	}
	#cancelShare{
		color: white;
		clear: both;

		text-decoration: underline;
		font-size: 0.8em;
		line-height: 3em;
	}
		#cancelShare:hover{
			cursor: pointer;
		}



	#messagesEmptyInfo {
		font-family: "Proxima-Nova-Condensed";
		font-size: 35px;
		line-height: 40px;
		border: 1px solid gainsboro;
		border-radius: 10px;
	}




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



#favoritesContainer {
}


	#favoritesEmptyInfo {
		font-family: "Proxima-Nova-Condensed";
		font-size: 35px;
		line-height: 40px;

		border: 1px solid gainsboro;
		border-radius: 10px;
	}
	#favoritesContainer .threadItem{
		font-size: 17px;
		line-height: 21px;
		font-family:'Roboto', "adelle",Georgia,sans-serif;

		font-weight:300;

		/*
padding-top:15px;
		padding-bottom:13px;
		font-size: 18px;
		line-height: 22px;
		font-family:"adelle",Georgia,sans-serif;
		max-width: 380px;
		font-weight:300;
		z-index: 10;
*/
	}
	.contactBlockFavoriteMessage {

	}
		.contactBlockFavoriteMessage img {
			/* width: 45px; height: 45px; */
		}
		.contactBlockFavoriteMessage div {
			font-weight: normal;
		}
	.regularTextContentFavorite{
	}
	#favoritesContainer .itemActions {

	}
		#favoritesContainer .timestamp-msg {
			font-size:14px;
		}



/* START RECEIVED SPECIFIC FAVORITE STYLING */



	#favoritesContainer .receivedText .contactBlockFavoriteMessage {

	}
		#favoritesContainer .receivedText .contactBlockFavoriteMessage img {

		}
		#favoritesContainer .receivedText .contactBlockFavoriteMessage div {

		}
	#favoritesContainer .receivedText .regularTextContentFavorite {
	}
	#favoritesContainer .receivedText .itemActions {
		/* float: right; */
	}
		#favoritesContainer .receivedText .itemActions .timestamp-msg {

		}



/* START SENT SPECIFIC FAVORITE STYLING */



	#favoritesContainer .sentText .contactBlockFavoriteMessage {
		/* float: right !important; */
	}
		#favoritesContainer .sentText .contactBlockFavoriteMessage img {

		}
		#favoritesContainer .sentText .contactBlockFavoriteMessage div {

		}
	#favoritesContainer .sentText .regularTextContentFavorite {
		/* margin-right:125px; */
	}
	#favoritesContainer .sentText .itemActions {
		float: right;
	}
		#favoritesContainer .sentText .itemActions .timestamp-msg {

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



/* START SPLASH INTRO SCREEN STYLING */


#mediaInfoIframe {
	border: none;

	overflow: hidden;
}
/*
.picsharepicshareimg {
	background: url(../assets/img-picshare.jpg);
	width: 515px; height: 565px;
	background-size: 515px 565px;
	float: left;
	position: absolute;
	bottom: 80px;
}
.picsharetaglinewrap {
	text-align: center;
	width: 605px;
	position: absolute;
	left: 360px;
	bottom: 280px;
}
.picsharetagline {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 3.7em;
	line-height: 1.2em;
	color: #777;
	margin-bottom: 30px;
}
.picsharetaglinebtn {
	text-decoration: none;
	color: white;
	width:180px;
	font-size: 20pt;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	border: 1px solid #337382;
	box-shadow: inset 0 1px #69b0be;
	-moz-box-shadow: inset 0 1px #69b0be;
	-webkit-box-shadow: inset 0 1px #69b0be;
	background: #419ab1;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	margin: 0 auto;
}
	.picsharetaglinebtn:hover {
		background: #69b0be;
		border: 1px solid #497b85;
		box-shadow: inset 0 1px #abd3db;
		-moz-box-shadow: inset 0 1px #abd3db;
		-webkit-box-shadow: inset 0 1px #abd3db;
		text-decoration: none;
		color:white;
	}
.picsharedisclaimer {
	margin-top: 8px;
	color: #ccc;
	font-size: 0.7em;
}
.syncInfoHolder{
	height:100%;
	width:100%;
	background:#f5f5f5;
	position:absolute;
	top:0px;
	left:0px;
}
*/



/* START ACTUAL MEDIA SYNC PAGE STYLING */


#testGetFromPhone {
	color:red;
}
.mediaGalleryBlueBackground {
	bbbackground: url(../assets/navy_blue.png) !important;
	bbbackground: url(../assets/noise.png) !important;
	background: url(../assets/mediaBG.png) !important;
}
	#galleryWrapper {

		overflow: hidden;
		overflow-y: auto;

	}

.mediaItemPlaceholder {
	border: 1px white dashed;

	overflow: hidden;
}

.mediaItemPlaceholderPhoto{
	display:block;
}

.videoBackground {
	background-color: black;
}
.mediaItem {
	border: 3px transparent solid;
	overflow: hidden;
}

.mediaItem:hover{
	border-color: #419ab1;
	
}

.fancyimagepopup {

}

.photohover {

}
.galleryItem{

}
@-moz-document url-prefix() {
    .galleryItem{
    }
}
.mediaActionsToolbar{
	bbbackground: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	bbbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	bbbackground: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	bbbackground: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	bbbackground: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	bbbackground: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 33%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
	visibility: hidden;

}

.mediaActionsToolbarLower{
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
	vvvisibility: hidden;

}

.toolbarTop{

}
.toolbarBottom{

}
.mediaActionItem {
	background-color: rgba(0, 0, 0, 0.36);
	text-align: center;
	border-radius: 4px;

	clear:both;

}

.mediaActionItem:hover{
	background-color:#419ab1;
	text-decoration: none;
}

.mediaActionItem img {
	width: 18px !important;   /* MA Changed */
	height: 18px !important;   /* MA Changed */
	fffloat:left;
}


	.sendPicAsMMS {}
	.downloadPhoto {}
	.deletePhoto {}


.timeStampSpanForMedia {
	color: #dddddd;   /* MA Changed */
	font-size:13px;   /* MA Changed */
	background-color: rgba(0, 0, 0, 0.74);
	border-top-right-radius: 5px;
	visibility: hidden;
}

	#mediaSyncInfo{
		background: #419ab1;
		border: none;

		display: block;

		color: white;
		text-shadow: none;
		font-size: 16px;
		line-height: 22px;
		font-family: "Roboto";
		font-weight:300;
	}
	#mediaSyncInfo button{
	}
	.photosLabel {
		font-size: 14px !important;
	}
	#photosNewBadge {
		color: #ffffff;
		text-align: center;

		background:#f89406;
		text-shadow: none;

		border-radius: 50px;
	}



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



#collections {
	display:none;
}
.sharedMessageContent{

}
.sharedMessageThread{
	display: block;
	overflow: hidden;
}
.sharedMessageContent .receivedText{
	background-color: #E8E8E8;
	text-align:left;
	border: 1px solid #BFBFBF;
	float:left;
}
.sharedMessageContent .threadItem{
	border-radius: 5px;
	text-shadow: 0px 1px white;
	font-size: 10pt;
	line-height: 13pt;
	box-shadow: inset 0px 1px white;
	-moz-box-shadow: inset 0px 1px white;
	-webkit-box-shadow: inset 0px 1px white;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	clear:both;
}
.sharedMessageContent .sentText{
	background-color: #CBD9DD;
	text-align: right;
	border:1px solid #9BB4BB;

}
.sharedContentPanelHeader{

	border: 1px solid #337382;
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0 1px #69B0BE;
	-moz-box-shadow: inset 0 1px #69B0BE;
	-webkit-box-shadow: inset 0 1px #69B0BE;
	background-color: #419AB1;
}
.sharedContentPanelHeaderText{
	font-family: 'proxima-nova-condensed','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	font-weight: 500;

	color:white;
	font-size: 18pt;
	letter-spacing: 1px;
	line-height: 35px;
	text-shadow: 0px -1px 1px #2b5c69;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sharedContactPhoto{
	display: block;

	overflow:hidden;
	border: 6px solid white;
	border-radius: 50px;
	box-shadow: 0px 0px 3px #3b7188, inset 0px 0px 2px #ccc;
	-moz-box-shadow: 0px 0px 3px #3b7188, inset 0px 0px 2px #ccc;
	-webkit-box-shadow: 0px 0px 3px #3b7188, inset 0px 0px 2px #ccc;

}
.msginfoholder {
	display: block;
}
	.msginfoholder h1 {
		font-size: 1.8em;
		line-height: 1.2em;
		color: #419ab1;

		text-shadow: 0 1px 1px white;

		overflow-y: scroll;
	}
	.msginfoholder p {
		font-size: 0.9em;
		line-height: 1.4em;
		text-shadow: 0 1px 1px white;

	}
	.msginfoholder p span {
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1.7em;
		text-shadow: 0 1px 1px white;
	}
	.msginfoholder em {
		line-height: 20px;
	}
.sharedMessageContent #shareTools{

}
.sharecontainer {
	display: block;
}
.sharetoolsindividualLightColor {

	background-repeat: no-repeat;
	background-position: left top;
}
	.sharetoolsindividualLightColor:hover {
		background-position: right top;
	}
	#shareOnFBLightColor 		{ background-image:url('../assets/shicon-fb.png'); }
	#shareOnTwitterLightColor 	{ background-image:url('../assets/shicon-twitter.png'); }
	#shareOnEmailLightColor 	{ background-image:url('../assets/shicon-email.png'); }
	#shareOnMTLightColor 		{ background-image:url('../assets/shicon-text.png'); }

.link-field{
	border-radius: 10px;
	border: 10px solid #f0f0f0;
	box-shadow: inset 0px 1px 1px #e1e1e1;
	font-size: 13pt;
	font-weight: bold;
	color: #808080;
	overflow: hidden;
	white-space: nowrap;

}
.sharedThreadConversationHolder{

	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0 0 5px 5px;
	border-top: none;
	background-color: #f5f5f5;
	overflow-y: auto;

}
#conversationShadow{
	background: url('../assets/thread-shadow.png') center center no-repeat;
	display: block;

}
#shareDelete {
	border-radius: 5px 0 0 5px;
	background: #eb3e3e;

	box-shadow: inset 0px 1px 1px #ea7575;
	-moz-box-shadow: inset 0px 1px 1px #ea7575;
	-webkit-box-shadow: inset 0px 1px 1px #ea7575;
	text-shadow: 0 1px #ea7575;
	border: 1px solid #ab3838;

}
.bigIcon {
	color: rgba(0,0,0,0.5);
	font-weight: bold;
	display: block;

	text-decoration: none;
	text-shadow: 0 1px white;
	background: red;

	text-align: center;
	font-size: 1em;
	color: white;

	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
}
	.bigIcon:hover {
		text-decoration: none;
		color: white;
	}
#shareEdit {
	border-radius: 0 5px 5px 0;
	background: #cbd9dd;

	display: block;
	text-shadow: 0 1px white;
	color: #82a1aa;
	border: 1px solid #9bb4bb;
	box-shadow: inset 0px 1px 1px #fff;
	-moz-box-shadow: inset 0px 1px 1px #fff;
	-webkit-box-shadow: inset 0px 1px 1px #fff;

}
	#shareDelete:hover {
		text-shadow: 0 -1px #8a2a2a;
		background: #e62e2e;
		border: 1px solid #962a2a;
		box-shadow: inset 0 1px #ee7c7c;
	}
	#shareEdit:hover {
		background: #becfd4;
		border: 1px solid #82a1aa;

	}



/* START EMPTY COLLECTION PAGE STYLING */



.maincontent {
	display: block;

}
.contentwrap {
	display: block;
	text-align: center;
}
	.contentwrap h1 {
		font-size: 2.0em;
		line-height: 1.4em;
		color: #419ab1;
		text-shadow: 0 1px 1px white;
	}
	.contentwrap img {
		display: block;
	}
	h2.blah {
		display: block;
		color: #808080;
	    font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif;
	    text-align: center;

	}



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



#contactsContainer {

}
	#contactsPane {

	}



/* START CONTACT PANEL HEADER STYLING */



#contactPanelHeader {
}
	.contactPanelHeaderText {
		font-weight: bold;
		font-size: 31.5px;
		display: block;
		line-height: 2em;

	}
	#contactPanelHeader .conversationTools {

	}
		#contactPanelHeader a {
			display: block;
			background: #eee;

			border: 1px solid #999;
			-moz-box-shadow: inset 0px 4px 3px white;
			-o-box-shadow: inset 0px 4px 3px white;
			-webkit-box-shadow: inset 0px 4px 3px white;
			box-shadow: inset 0px 4px 3px white;
			color: black;
		}
			#contactPanelHeader a:hover {
				text-decoration: none;
			}
			/*
#contactPanelHeader a:before {
				content: "Refresh Contact Names From Phone";
			}
*/
			#contactPanelHeader a img {
				display: none;

				opacity: 0.8;

				border-radius: 3px;
				background: #419ab1;
			}
			.contactRefreshIcon {
				background: url(../assets/ic_action_refresh.png);
				display: none;
			}



/* START CONTACT ITEM STYLING */



.contactRow {
	border-bottom:1px solid gainsboro;
}

	.contactRow:hover {
		background-color:rgb(248,248,248);
	}
	.contactName {
		color:rgb(62, 78, 82);
		display:inline-block;
		font-size:20px;
		font-family:'proxima-nova-condensed', Helvetica, Arial, sans-serif;
		font-weight:600;
	}
	.contactPhoneNum {
		display: inline-block;
	}
	.contactActions {

	}
		.contactActions a {
		}
			.contactActions img {

				border-radius:5px;
			}
				.contactActions img:hover{
					background-color:rgba(63, 163, 189, 0.39);
				}



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



.sharemediabutton {
	display: block;
	color: white;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.36);;
	text-align: center;
	border-radius: 4px;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
	font-weight: 500;
	font-size: 12px;
}
.sharemediabutton:hover {
	text-decoration: none;
	background-color:#419ab1;
	color:white;
}
.mediaActionsToolbar .sharemediabutton .btnicon {
	background-image: url(../assets/icon-share-white.png);
	background-size: 100% 100%;
	float: left;
}
.mediaActionsToolbar .shared {
	color: #999999;
	background: #ccc;
}
.mediaActionsToolbar .shared:hover {
	text-decoration: none;
	background: #ccc;
	color: #999999;
}
.mediaActionsToolbar .shared .btnicon {
  background-color: #ccc;
  background-image: url(../assets/icon-check-sgray.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.shared .btnicon:hover {
  background-image: url(../assets/icon-close.png);
  background-color: #419ab1;
}
.mediaActionsToolbar .creatingShare .btnicon {
  background-image: url(../assets/green_spinner.gif);
}



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



#settingsContainer {

}
	#settingsPane {
		color: #333;

		text-align: left;
		ffffont-family: 'proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	}



/* START SETTING PANEL HEADER STYLING */



#settingsPanelHeader {
}
	.settingsPanelHeaderText {
		font-weight: bold;
		font-size: 31.5px;
		display: block;
		line-height: 2em;
	}



/* START SETTINGS ITEM STYLING */



.options-section{
	font-size: 15px;

	border-top: 1px solid rgba(0, 0, 0, .1);
	font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial !important;
}
	.settingTitle {
		font-weight: bold;
	}
	.settingText {

	}
	.settingSubText {

	}
	.settingDropdown {
		font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial !important;
	}
	#settingsPane input[type="radio"] {
	}
	.settingRadioText {

	}
	.styleBtn {

	}
	.settingBtn,
	#settingsPane button {
		font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial !important;
		font-size: 0.9em;
		display: inline-block;

		color: #3C3C3D;
		text-shadow: 1px 1px 0 white;
	}
	#msg{
		text-align: center;

	}
	input, button, select, textarea {
		font-family: 'proxima-nova','tttTrade Gothic Next W01','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
	}

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



.konamiFunc {
	background: rgba(255,255,255,0.9);

	display: none;
}
#capi-indicator{
	display: none;
}
#diagnostic-info{
	display: none;
	overflow-y:auto;
	border:1px solid brown;
	background:lightgrey;
	font-size:12px;
	font-family:courier;
}
	#last-capi-time {

	}
	#last-gcm-roundtrip-complete {

	}
	#ccccapi-indicator {

	}

	#alert-bottom-right-corner-OLD{

		display:none;


background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#ececec));
background-image: -webkit-linear-gradient(top,#f8f8f8,#ececec);
background-image: -moz-linear-gradient(top,#f8f8f8,#ececec);
background-image: -ms-linear-gradient(top,#f8f8f8,#ececec);
background-image: -o-linear-gradient(top,#f8f8f8,#ececec);
background-image: linear-gradient(top,#f8f8f8,#ececec);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#ececec');
border: 1px solid #c6c6c6;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

border-bottom: none;
border-right: none;

	}

/*
#share-button-main{
	position:fixed;
	top:10px;
	right:89px;
	padding-left:10px;
	z-index: 1;
}
*/
	#custom-tweet-button {
		border: 1px solid #ccc;
		font-family:Arial;
		font-size: 14px;
		display: inline;

		border: #ccc solid 1px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
		-webkit-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;

		overflow: hidden;
		background: #f8f8f8 url('https://twitter.com/favicons/favicon.ico') 3px center no-repeat;
	 }
		#custom-tweet-button:hover {
			text-decoration: none;
		}
/*
#follow-button-main{
	position:fixed;
	top:10px;
	right:5px;
}
*/
	.popover-title {
		font-weight: bold;
		font-family: "ff-dagny-web-pro";
		font-size: 16px;

	}
	.popover-inner{
		background-color: rgb(228, 228, 228);
	}
	.popover.left {

	}
#setPhotosOn{
	background: green;
	color:white;
}
#setPhotosOff{
	background: red;
	color:white;
}

.closePopover{
	color:#419ab1;
}
.closePopover:hover{
}

.mediaShareURLHolder{

font-size:15px !important;

}

.mediaShareURLHolder:hover{
	cursor: default !important;
}

#loadMoreMediaHolder{
	text-align: center;
}

#loadMoreMediaButton{
	background-color: #419ab1;
	background-image: linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -webkit-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	text-shadow: none;
	color: white;
	border:none;
}


#galleryInfoLinks{
font-size:15px;

}

#custom-tweet-button-share-media{
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 13px;
	display: inline;

	border: #ccc solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	overflow: hidden;
	background: #f8f8f8 url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
	background-size: 22px;
}

#syncLatest{

	background-color: #419ab1;
	background-image: linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	background-image: -webkit-linear-gradient(top, rgb(47, 111, 128), rgb(65, 154, 177));
	text-shadow: none;
	color: white;
	border: none;
}

.shareSocialActions{

}

.sharedFlag{
	background-image: url(../assets/csg-04.png);
	background-size: 35px 35px;

}

.mmsFlag{

	background-image: url(../assets/cfg-mms-bare.png);
	background-size: 35px 35px;

}
.mmsFlagSolo{


}
.mmsFlagStacked{

}


/* CRV THIS IS IMPORTANT OVER-RIDING BOOTSTRAP  */
.sharedFlagTT{
	margin-right:10px !important;
}

.threadItem > span {
word-break: break-word;
}
.customClose{
	text-decoration: none;
	font-size: 20px;
	color:#69aec0;

}
.customClose:hover{
	text-decoration: none;
	color:white;
	background-color:#419AB1; 
}
.highlightedAlert{
	background-color: rgb(186, 218, 235);
	cursor: pointer;
}


.shfobtn2 {

	color: white;
	text-decoration: none;

	line-height: 36px;

	font-size: 1.0em;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial;
	font-weight: 300;
}
	.shfobtn2:hover{
		color:white;
		text-decoration: none;
	}

#share-button-main {
	background: #b65e54 url(../assets/icon-corner-share.png) no-repeat left center;
	-moz-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	background-size: 30px 30px;
}
	#share-button-main:hover {
		background-color: rgb(179,69,56);
	}
#follow-button-main {
	background: #517daa url(../assets/icon-corner-follow.png) no-repeat left center;
	-moz-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	background-size: 30px 30px;
}
	#follow-button-main:hover {
		background-color: #2980b9;
	}

.itemActions{
}

.contactPhotoContactsPage{
	border-radius: 3px;
}

/*
#LargeUploadTestHolder{
	position: absolute;
	right:5px;
	top:400px;
}
*/


input, button, select, textarea {
font-family: 'proxima-nova','tttTrade Gothic Next W01','Helvetica Neue', Helvetica, Arial, sans-serif,"franklin-gothic-urw-cond";
}

.editPhoto{
	background-color: rgba(0, 0, 0, 0.36);
	text-align: center;
	border-radius: 4px;
}
.editPhoto:hover{
	background-color:#419ab1;
}

.msgCountAndTimeStampInTab {
	text-align: right;
	font-size: 11px;
	color: #646465;
	font-family: 'proxima-nova','Helvetica Neue', Helvetica, Arial, sans-serif;
}

#replaceHolder{

}
.replaceLabel{
	font-size: 10px;
	color: gray;
}

.replaceGIFStyle{
}


.emoticonSelector{
}
#singleMessageContainer .emoticonSelector{

}
#composeMessageHolder .emoticonSelector{

}
.emojiHolder{

}
.emojiHolder:hover{
	background-color: rgb(233, 227, 227);
}

/* CRV THIS OVERWRITES TEH DEFAULT POPOVER CSS FOR THE EMOJI SELECTOR POPOVER */
.responseArea .popover.right{

}
.popover.right .arrow{

}

.responseArea .popover.top{

}
.responseArea .popover.top .arrow{

}

.titleHolder{

	background-color: #f7f7f7;
	color:#333333;
	display: inline-block;

}


.eeselectoritem{

}

.modal-body .eeselectoritem{

}

.responseAreaEEModal{
	text-align: left;

	font-size: 24px;

	line-height: 33px;
}
.responseButtonsHolderEEModal{
	text-align: left;
	width:122px;
	margin-top: 20px;
	margin-right: 17px;
}

.MMSCanvasAreaEEModal{
	ccclear:both;
}
/*

#fancyBoxMediaToolbar{
	height: 50px;
	width:100%;
	background-color: red;
}
*/
.mediaActionsToolbar .popover.top{

}
.mediaActionsToolbar .popover.left{

}


.mediaActionsToolbar .popover.left .arrow{

}


.shareButtonFancyBox{

}

.downloadMMS{
	visibility: hidden;

}

.mmsBody{
	background-color: rgba(0, 0, 0, 0.7);

	color: #B4B4B4;

	text-align: center;

	overflow: hidden;
	font-family: "Roboto";
}
.mmsBody:hover{
}
.mmsBodyFancyBox{
	background-color: rgba(0, 0, 0, 0.7);

	color: #B4B4B4;

	text-align: center;

	font-size: 18px;
	font-family: "Roboto";

}
#fancybox-outer .mediaActionsToolbar{
}

#fancybox-outer .mediaActionItem{
	zzzoom: 1.5;
}

.emoticon{
	margin:4px;
}
.emoji{
	margin:4px;
}

body #EEModal {
  background-color: white;
}
body #EEModal.fade.in {
  top: auto; /* fade in to correct spot */
}


.mediaActionItemLabel{
	fffloat:left;
	clear:both;
	text-decoration:none;
	color:white;
	font-size: 12px;

}
.mmsBodyText{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}
#EEModal .sendButton{
}
#EEModal .charsLeft{
	font-size: 18px;

}

#EEModal .dcattachicon{

}
.EESelectorContactName{
display: inline-block;

}
.closeEEModal{

}

#settingsPanelHeader .contactPanelHeaderText{
	font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial;
}

#emojiEmoticonModalHolder{
	font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial;
	display: none;
}

#blockedNumbersModalHolder{
	font-family: "ff-dagny-web-pro", 'franklin-gothic-urw','Helvetica Neue',arial;
	dddisplay: none;
}


#fancybox-outer{
}

.fancyboxTimeStamp{
	visibility: visible !important;
}


/*
==================================================================================================================================
==================================================== NEW CHANGES MADE BY CRV AS OF 7/17/2013 =====================================
==================================================================================================================================
*/

#fancybox-outer{
	background: black !important;
}

#fancybox-content{
	border-color: black !important;
}

.refreshPhoneContacts{
	padding:7px;
}





/* DC // START FIX FOR NOTIFICATION UI // OVERRIDING BOOTSTRAP */
.alert {
	padding: 10px 15px;
	margin-bottom: 20px;
	text-shadow: none;
	background-color: #1abc9c;
/* 	border: 1px solid #fbeed5; */
	bbborder: none !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.alert,
.alert h4 {
  color: #fff;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
	color: #243f2f;
	background-color: #2ecc71;
	/* border-color: #d6e9c6; */
	border: none;
}

.alert-success h4 {
  color: #468847;
}


.alert-danger h4,
.alert-error h4 {
  color: #fff;
}

.alert-info {
	color: #287488;
	background-color: #C4DBE2;
	bbbackground-color: #419ab1;
	border: 1px solid #419AB1 !important;
}

.alert-info:hover{
	background-color: #A4C4CE;
}
















.alert-danger,
.alert-error {
  cccolor: #fff;
  bbbackground-color: #b65e54;
  
  background-color: #F1F664;
	color:black;
/*   border-color: #eed3d7; */
  border: none !important;
}


.alert-error > .customClose{
	color:black;

}



.alert-error > .customClose:hover{

	background-color:white; 
}


.alert-error > #generic-alert-id > a{
	text-decoration: underline;
	color:rgb(44, 44, 44);
}








.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

@-moz-document url-prefix() {

    .emoticonSelector{
        height: auto !important;
    }

}
/* END FIX */
