/* Coverflow Styles */

.coverflowContainer {width:800px;height:500px;}
.coverflowContainer .cardDiv1 {margin-bottom: 200px;margin-left:10px;margin-right:15px;width:80px;height:60px;}
.coverflowContainer .cardDiv2 {margin-bottom: 200px;width:80px;height:60px;}
.coverflowContainer .centerCardDiv {width:275px;height:350px;margin-left:20px;margin-right:20px;}

.dj_ie .coverflowContainer .cardDiv1,
.dj_ie .coverflowContainer .cardDiv2{
	margin-bottom: 200px;
}
.cfDimensions { width:800px;height:500px;}

.coverflowScrollBox {
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 0px;
	margin-top:0px;
	margin-left:120px;
}

.coverflowScrollFake {
	width: 0px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

#left-first-container {
	-moz-border-radius-bottomleft:2pt;
	-moz-border-radius-bottomright:2pt;
	-moz-border-radius-topleft:2pt;
	-moz-border-radius-topright:2pt;
	width:85px;
	height:160px;
	margin-left:110px;
	margin-right:10px;
	border:0px solid #CCCCCC;
	float:left;
	margin-top:50px;
	position:absolute! important;
	cursor: pointer;
}
.dj_ie #left-first-container,
.dj_ie #left-second-container{
	margin-top:80px;
}
#left-second-container {
	-moz-border-radius-bottomleft:2pt;
	-moz-border-radius-bottomright:2pt;
	-moz-border-radius-topleft:2pt;
	-moz-border-radius-topright:2pt;
	width:85px;
	height:160px;
	margin-left:12px;
	margin-right:12px;
	border:0px solid #CCCCCC;
	float:left;
	margin-top:50px;
	position:absolute! important;
	cursor: pointer;
}
#right-first-container {

	-moz-border-radius-bottomleft:2pt;
	-moz-border-radius-bottomright:2pt;
	-moz-border-radius-topleft:2pt;
	-moz-border-radius-topright:2pt;
	
	top:0;
	left:0;
	right:0;
	margin-left:550px;
	margin-right:10px;
	width:85px;
	height:160px;
	border:0px solid #CCCCCC;
	margin-right:95px;
	float:right;
	margin-top:80px;
	position:absolute! important;
	cursor: pointer;

}

#right-first-container1 {
	-moz-border-radius-bottomleft:2pt;
	-moz-border-radius-bottomright:2pt;
	-moz-border-radius-topleft:2pt;
	-moz-border-radius-topright:2pt;
	width:85px;
	height:91px;
	border:1px solid #CCCCCC;
}

#right-second-container {
	-moz-border-radius: 2pt;
	top:0;
	left:250;
	right:0;
	margin-left:auto;
	width:85px;
	height:85px;
	margin-right:30px;
	border:0px solid #CCCCCC;
	float:right;
	margin-top:80px;
	position:absolute! important;
	cursor: pointer;
}
/*.dj_ie #right-first-container,
.dj_ie #right-second-container{
	margin-top:80px;
}*/

.coverFlowcontainer {
	width: 97%;
	height:633px;
	margin-left: 20px;
}

.pagerItem .sideName {
	line-height:15px;
	font-weight: bold;
	font-size:11px;
	color:#727171;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	text-align: center;
    width: 70px;
}

.pagerItem .lineNode {
	border-bottom: 1px solid #C1BCBC;
	width:70px;
	margin-top:5px;
}

.dj_ie .pagerItem .lineNode {
	margin-top:0px;
}

.PagerContainer_Main {
	height: 480px;
	width: 366px;
}
.pagerContainer_coverflow {
	position: relative;
	height: 360px;
	width: 300px;
	overflow: hidden;
	border:1px solid #ccc;
	margin-left:212px;
	margin-top:30px;
	-moz-border-radius:6pt;
	-webkit-border-radius:7pt;
	cursor: pointer;
}

.pagerSideContainer_coverflow {
	position: relative;
	width:75px;
	height:160px;
	overflow: hidden;
	margin-left:0px;
	margin-top:0px;
}

.PagerSideContainer_Main {
	width:75px;
	height:160px;
	margin-top:5px;
	margin-left:4px;
	border: 0px solid red;
}

.horizontalPagerStatus {
	position: absolute;
	height: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.horizontalSidePagerView_coverflow {
	position: absolute;
	height: 80px;
	width: 75px;
	overflow: hidden;
}
.horizontalPagerView_coverflow {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.pagerIconContainer {
	position: absolute;	
}

.pagerItems_coverflow {
	list-style: none;
	padding: 0;
	margin: 0;	
}	
.pagerItem {
	overflow: hidden;
	padding: 0;
	margin: 0;

}

.cardView {
	width:100%
}

.CFRow .imgDiv {
  text-align:center;
  border:0px solid blue;
  margin-bottom:2px;
  margin-top:6px;
  margin-left:2px;
  margin-right:20px;
  float:right;
  WIDTH: 75px
}
.CFRow .dataDiv {
  border:0px solid red;
  margin-bottom:2px;
  margin-top:5px;
  margin-left:1px;
  float:left;
  width: 180px;
  height:110px;
}

.cardView .cardContent{
height:350px; padding-bottom:5px !important;
}

.cardView img{
	float:right; height:75px; width:75px;
}

.cardView .contactName{
	display: block; 
	font-weight:bold;
	font-size:16px;
	margin:5px 0 8px 5px;
}

.cardView .companyBold{
	display: block; font-weight:bold; font-size:15px;margin:5px 0 8px 0; width:150px;white-space:nowrap;
}

.cardView .companyOrTitle{
	display: block; 
	color:gray;
	font-size:13px;
	margin:0 0 8px 5px !important; 
	width:150px;
}

.cardView .newContactText{
color:#999999;padding-top:150px;text-align:center;
}

.cardView .greyText{
	color:#666666;font-size:10px;
}

.cardView .shortRows{
	display:block;width:150px;margin:6px 0px;font-size:11px;
}

.cardView .longRows{
	display:block;width:210px;margin:8px 0 8px 0;font-size:11px;
}

.cardView .updatedDate{
	float:right;display:block;font-size:11px;
	color:#C1BCBC;
	margin:5px 0 5px 0;
	font-weight:bold;
}

.dj_ie .cardView .updatedDate{
	margin-right: -100px; 
}

.cardView .sourceInfo{
	float:left;display:block;font-size:11px;color:#999999;margin:5px 0 5px 0;
}

.cardView .cardIconLabel {display:block;font-size:11px;margin:5px 0 5px 0; }

.cardView .homePhone, .cardView .homeAddress{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
    margin-right:5px;
    float:left;
    background-position: 0px;
}
.cardView .mobilePhone{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
    margin-right:5px;
    float:left;
    background-position: -18px;
}

.cardView .personalAddress, .cardView .personalEmail{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
    margin-right:5px;
    float:left;
	background-position: -72px;
}
.cardView .businessPhone, .cardView .businessAddress, .cardView .businessEmail{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
	float:left;
    margin-right:5px;
	background-position: -36px;
}

.cardView .otherPhone, .cardView .otherEmail, .cardView .otherAddress, .cardView .otherAddress{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
	float:left;
    margin-right:5px;
}
.cardView .imIcon{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
	float:left;
    margin-right:5px;
	background-position: -90px;
}

.cardView .websiteIcon{
	background: transparent url('../../../images/ics/nab/form/formSmSprite.png') no-repeat;
	width: 18px;
	height: 15px;
	float:left;
    margin-right:5px;
	background-position: -108px;
}

.cardView .mobileGroup {
    background: url("../../../images/ics/nab/form/groupIcon_small.png") no-repeat scroll 0 0 transparent;
   	width:18px;height:15px;
    float:left;
    margin-right:5px;
}

.dj_ie7 .cardView .mobileGroup {
    margin-top: 4px;    
}

.cardView .starIcon{
	height:15px;
	width:15px;
	background:url(../../../images/ics/nab/form/formSmSprite.png);
    background-position: -226px;
    background-repeat: no-repeat;

}

.cardView .vzwIcon{
	height:15px;
	width:20px;
	background:url(../../../images/ics/nab/form/formSmSprite.png);
    background-position: -185px;
    background-repeat: no-repeat;
}

.cardView .iceIcon{
	background:url("../../../images/ics/nab/icons/ice.png") no-repeat;
	height: 20px;
    width: 20px;
}

.cardView .mbSyncIcon{
	height:15px;
	width:20px;
	background:url(../../../images/ics/nab/form/formSmSprite.png);
    background-position: -240px;
    background-repeat: no-repeat;
}

.cardView .statusConnectedIcon {
	height:15px;
	width:40px;
	background:url(../../../images/ics/nab/form/formSmSprite.png);
	background-repeat:no-repeat;
    background-position: -185px;
}

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

.cardView .divider {height:10px;border-bottom: 1px dashed #C8C8C8;width:280px;}

.cardView .filler {
	overflow: hidden;
    white-space: nowrap;
    display: block;
    height: 13px;
    margin: 0 0 3px 1px !important;
    width: 150px;
}
.buttonRowNode{
	padding:0px; 
	border:none !important;
	margin-top:25px !important;
	font-size:11px;
	height:30px;
	overflow: hidden;
}
.dataDiv .emailLink{
	color:#0066CC;cursor:pointer;text-decoration:underline;
}
.buttonRowNode .toolbarView{
	margin:0px !important
}
.buttonRowNode .buttonRow{
	background: none repeat scroll 0 0 #ffffff;
}

.dj_ie .buttonRowNode .toolbarView{
	margin:2px !important;
}
.dj_ie .buttonRowNode .messagesButton,
.dj_ie .buttonRowNode .groupsButton{
	margin-bottom:-4px !important;
	padding-top:4px;
	margin-right:-3px !important;
}

.coverFlowcontainer .previousArrow{
	background: transparent url('../../../images/ics/InboxSprites.png') no-repeat;
	width:31px;
	height:76px;
	background-position: -808px -119px;
	left:177px;
	margin-top:220px;
	margin-left: 20px;
}
.dj_ie .coverFlowcontainer .previousArrow{
	margin-top:240px;
}
.coverFlowcontainer .nextArrow{
	background: transparent url('../../../images/ics/InboxSprites.png') no-repeat;
	width:31px;
	height:76px;
	background-position: -841px -119px;
	left:520px;margin-top:220px;
	margin-left: 20px;
}
.dj_ie .coverFlowcontainer .nextArrow{
	margin-top:240px;
}
.coverFlowcontainer .disableArrow{
	opacity: 0.3;
	cursor:default;
}
.dj_ie .coverFlowcontainer .disableArrow.nextArrow{
	background-position: -908px -119px;
}
.dj_ie .coverFlowcontainer .disableArrow.previousArrow{
	background-position: -875px -119px;
}
.coverFlowcontainer .enableArrow{
	opacity: 1;
	filter: 0;
	cursor:pointer;
}



/* CardView Rollover CSS */

.buttonRowNode .icsROButton{
	display: inline-block;
	text-decoration: none;
	height: 29px;
	width: 35px;
	color: white;
	background: transparent url('../../../images/ics/BUAPSprites.png') top left no-repeat;
	margin: 0 1px;
}

.buttonRowNode .icsROButton.edit {
	background-position: -428px -237px;
}
.buttonRowNode .icsROButton.edit:hover {
	cursor:pointer;
}
.buttonRowNode .icsROButton.mobileGroups {
	background-position: -350px -263px;
}
.buttonRowNode .icsROButton.print {
	background-position: -487px -237px;
}
.buttonRowNode .icsROButton.print:hover {
	cursor:pointer;
}
.buttonRowNode .icsROButton.new {
	background-position: -516px -237px;
}
.buttonRowNode .icsROButton.trash {
	background-position: -348px -237px;
}
.buttonRowNode .icsROButton.trash:hover {
	cursor:pointer;
}
.buttonRowNode .icsROButton.actions {
	background-position: -380px -237px;
}

.buttonRowNode .dijitDropDownButtonFocused .detailsButton.actions,
.buttonRowNode .detailsButton.actionsOn  {
	/*background-position: -175px;*/
	background-position: -593px -431px;
}

.buttonRowNode .buttonRow .groupsButton .dijitDropDownSelectOpened,
.buttonRowNode .buttonRow .groupsButton .dijitDropDownSelectOpened:hover,
.buttonRowNode .detailsButton.mobileGroupsOn   {
	background-position: -628px -431px;/*-210px;*/
}

.buttonRowNode .buttonRow .messagesButton .dijitDropDownSelectOpened,
.buttonRowNode .buttonRow .messagesButton .dijitDropDownSelectOpened:hover,
.buttonRowNode .detailsButton.newOn {
	background-position: -698px -431px;/*-280px;*/
}



.buttonRowNode .buttonRow .dijitButton,
.buttonRowNode .buttonRow .dijitDropDownButton,
.buttonRowNode .buttonRow .dijitButtonNode,
.buttonRowNode .buttonRow .dijitButtonText {
	margin:0;
	padding:0;
}
.buttonRowNode .buttonRow .dijitButtonNode {
	background: none;
	border:none;
}

.tundra .buttonRowNode .buttonRow .dijitArrowButtonInner {
	display: none;
}

.buttonRowNode .buttonRow .icsROButton:hover {
	border:none;
}

.dj_ie7 .buttonRowNode .buttonRow .icsROButton{
	height:39px;
}