/*Basic*/
.irise-contactslist-iphone {	
	font: 75%/160% Helvetica, sans-serif;
	color: #333;
	position:relative;
	border: solid 1px #DDD;
}
.irise-contactslist-iphone.vertical {
	width:320px;
}
.irise-contactslist-iphone.horizontal {
	width:480px;
	padding:34px 142px;	
}
.irise-contactslist-iphone .phone {
	position:relative;
	display:block;
	overflow:hidden;
}

.irise-contactslist-iphone.vertical   .phone { width:100%;height:480px;}
.irise-contactslist-iphone.horizontal .phone { width:100%;height:320px;min-height:320px }

/*/Basic*/
.irise-contactslist-iphone .display {
	position:relative;
    display:block;
}

.irise-contactslist-iphone .screen{
    font-size:1.4em;
    font-weight:600;
    display:block;
    position:relative;
    width:100%;
    height:100%;	
    background:#bbb;    
	background-image:url('../images/grey_bg.png');
}

.irise-contactslist-iphone .screen_empty_list{
    font-size:1.4em;
    font-weight:600;
    display:block;
    position:relative;
    width:100%;
    height:100%;	
    background:#bbb;
    background-image:url('../images/empty_list_message.png');
}
.irise-contactslist-iphone .scroll{
    width:100%;
    height:100%;
}
.irise-contactslist-iphone.vertical .topbar + .screen,
.irise-contactslist-iphone.vertical .topbar + .screen      .scroll { height:460px }

.irise-contactslist-iphone.vertical .topbar + .screen.tabs,
.irise-contactslist-iphone.vertical .topbar + .screen.tabs .scroll { height:412px }

.irise-contactslist-iphone.vertical .topbar + .screen      .titlebar + .scroll { height:415px }
.irise-contactslist-iphone.vertical .topbar + .screen.tabs .titlebar + .scroll { height:367px }

.irise-contactslist-iphone.vertical .screen.tabs .titlebar + .scroll { height:387px }

.irise-contactslist-iphone.horizontal .topbar + .screen,
.irise-contactslist-iphone.horizontal .topbar + .screen      .scroll { height:300px }

.irise-contactslist-iphone.horizontal .topbar + .screen.tabs,
.irise-contactslist-iphone.horizontal .topbar + .screen.tabs .scroll { height:252px }

.irise-contactslist-iphone.horizontal .topbar + .screen      .titlebar + .scroll { height:255px }
.irise-contactslist-iphone.horizontal .topbar + .screen.tabs .titlebar + .scroll { height:207px }

.irise-contactslist-iphone.horizontal .screen      .titlebar + .scroll { height:275px }
.irise-contactslist-iphone.horizontal .screen.tabs .titlebar + .scroll { height:227px }

.irise-contactslist-iphone .display.home .screen{
    background:#000;
}
 
/*List*/
.irise-contactslist-iphone .list {

}
.irise-contactslist-iphone .list h1,
.irise-contactslist-iphone .list h2,
.irise-contactslist-iphone .list h3 {
	color: #fff;
    text-indent: 12px;
    text-shadow: #333 0 0 2px;
    background: url(../images/list-header.png) left top repeat-x;
}
.irise-contactslist-iphone .list h2 {
    padding:0;
    margin:0;
    font-size:1.2em;
    font-weight: 900;
    height: 32px;
    line-height: 32px;
}
.irise-contactslist-iphone .list h3 {
	background-position: 0 -32px;
    padding:0;
    margin:0;
    font-size:1em;
    font-weight: 900;
    text-shadow: #555 0 0 1px;
    height: 24px;
    line-height: 24px;
}

.irise-contactslist-iphone .list h1 a,
.irise-contactslist-iphone .list h2 a,
.irise-contactslist-iphone .list h3 a{
	float:right;
	font-size:0.8em;
	height:24px;
	line-height:24px;
	text-shadow: #555 0 0 0;
}

.irise-contactslist-iphone .list ul.inlist li {
    background: #efefef;
    border-top: solid 1px #ddd;
    text-indent: 12px;
    height: 40px;
    line-height: 40px;
}

.irise-contactslist-iphone .list p {
    background: #f5f5f5;
    border-top: solid 1px #ddd;
    text-indent: 12px;
    line-height: 16px;
	padding:12px 0;
}
/* List*/
.irise-contactslist-inlist li .arrow { background:url(../images/arrows.png) 100% 14px no-repeat }
.irise-contactslist-inlist li.active .arrow { background:url(../images/arrows.png) 100% -57px no-repeat }
.irise-contactslist-inlist li a{
    display:block;
    text-indent:16px;
	text-decoration:none;
    font-size:1em;
    font-weight:900;
    color: #333;
    height:44px;
    line-height:44px;
    text-shadow: #ccc 0px 0px 1px;
}

.irise-contactslist-inlist li.active a {
    color:#eee !important;
    text-shadow: #eee 0px 0px 1px;
}
.irise-contactslist-inlist li a span{
    position:absolute;
    display:block;
    height:44px;
    right:32px;
    top:0;    
    color:#777;
}
.irise-contactslist-inlist li.active a span{
    color:#eee;
    text-shadow: #eee 0px 0px 2px;
}
.irise-contactslist-inlist li.active{
    background:#2472d4 !important;
}
/*/List*/

/*Scroll*/
.irise-contactslist-iscrollui{
    position:relative;
    overflow: hidden;
}

.irise-contactslist-istyle_0 {    
    background-image: url("../images/blue_bg.png");    
	position: relative;
	height: 40px;
	vertical-align:middle;
}
/* styles for the search div holding the search text input and search icon images*/
.irise-contactslist-istyle_1 {
    border-radius: 25px 25px 25px 25px;
	-moz-border-radius-bottomleft:25px;
	-moz-border-radius-bottomright:25px;
	-moz-border-radius-topleft:25px;
	-moz-border-radius-topright:25px;
	background-color: #FFFFFF;
    background-image: url("../images/Search_input_background.png") no-repeat;
    background-position: left top;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    height: 31px;
    left: 4px;
    overflow: visible;    
    top: 4px;
    width: 240px;
	position: relative;
}

/* style for cancel button*/
.irise-contactslist-istyle_2 {
    border-radius: 4px 4px 4px 4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color: #476999;
    background-image: url("../images/Gradient+overlay_Nav_buttons_30.png") no-repeat;
    background-position: left top;
    border-color: #375073;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF !important;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    left: 253px;
    position: relative;
    text-align: center;
    top: -26px;
}

/* style for search icon image*/
.irise-contactslist-istyle_3{
    height: 15px;
    left: 9px;
    position: absolute;
    top: 7px;
    width: 14px;	
}

/* style for search input box*/
.irise-contactslist-istyle_4{
	border-color: #FFFFFF;
    border-style: solid;    
    font-family: Arial;
    font-size: 12px;
    left: 31px;
    position: relative;
    text-align: left;
    top: 6px;
    vertical-align: middle;
    width: 190px;
}

/* style for cancel button*/
.irise-contactslist-istyle_5{
    height: 18px;
    left: 214px;
    position: absolute;
    top: 6px;
    width: 18px;	
}

/* style for cancel image button*/
.irise-contactslist-istyle_6 {    
    background-position: left top;
    height: 30px;
    left: 253px;
    position: relative;    
    top: -26px;
}
.irise-contactslist-search {
	display:block;
	opacity: 0.55;
	position:absolute;
	margin:0 0 0 305px;
	z-index:99;
	font: 90%/178% Helvetica, sans-serif;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);

}