/* ===== CSS for Offices pages - branch detailed view and branch index page ============ */
	
	/* Detailed view page */
	.innerContent{
		
	}
	
	.brInfo{
		float:left;
		margin: 15px 0 0 25px;
	}
	
	.brPicture{
		display:block;
		float:left;
	}
	
	span.brTitle{
		display:block;
		font-size: 20px;
		color: #2879c8;
		
	}
	
	ul.brContact{
		line-height:25px;
		padding-top:15px;
	}
	
	
	#branchUsers{
		margin-top:20px;
		background-image:url('../images/branch-userlist-shade.png');
		background-repeat: repeat-x;
	}	
	
	#branchUsers #titleBlock{
		padding: 10px 0 20px 20px;
		color:black;
	}
	
	#branchUsers .branchTitle{
		font-size:22px;
		font-weight:bold;
		display:block;
	}
	
	#branchUsers.title{
		font-size:14px;
	}
	
	#branchUsers .userList{
		padding: 0 0 10px 30px;
	}
	
	#branchUsers .userBox{
		border: 1px solid #E0DADA;
		color:#656565;
		float:left;
		height:215px;
		margin:10px 20px 5px 20px;
		padding-top:25px;
		overflow:hidden;
		width:170px;
		text-align:center;
		cursor:pointer;
	}
	
	#branchUsers .userBox:hover{
		border:1px solid #E9E9E9;
		background-color:#e7e7e7;
	}
	
	#branchUsers .imageBox a{
		text-decoration:none;
	}
	
		
	#branchUsers .imageBox{
		height:152px;
	}	
	
	#branchUsers img{
		border:1px solid #CEC6E1;
		padding:5px;
	}
	
	#branchUsers .userDetails{
		margin-top:5px;
	}
	
	.userDetails.name a{
		font-size:14px;
		color:#2879c8;
		text-decoration:none;
		font-weight:bold;
	}	
	
	.userDetails.title{
		font-size:14px;
		color:#656565;
	
	}
	
	.cnt #home {
		background:url("../images/ico-home.png") no-repeat scroll 20px 7px transparent;
	}
	
	.cnt #phone {
		background:url("../images/ico-phone.png") no-repeat scroll 20px 8px transparent;
	}	
	
	.cnt #mobile {
		background:url("../images/ico-mobile.png") no-repeat scroll 20px 8px transparent;
	}
	
	.cnt #fax {
		background:url("../images/ico-fax.png") no-repeat scroll 20px 8px transparent;
	}
	
	.cnt #mail {
		background:url("../images/ico-mail.png") no-repeat scroll 20px 8px transparent;
	}

	.cnt p.wb {
		color:#343539;
		font-weight:bold;
		line-height:1.5em;
		padding-left:41px;
	}
	
	ul.brContact  {
		list-style-type: none;
	}	
	
	/* Branch Index page --------------------------------------*/
	#branches{
		margin-top:20px;
		background-image:url('../images/branch-userlist-shade.png');
		background-repeat: repeat-x;
		padding-bottom:30px;
	}
		
	#branches #titleBlock{	
		padding: 10px 0 20px 20px;
	}
		
	#branches #title{
		font-size:22px;
		color:black;
		font-weight:bold;
		display:block;
	}
	
	#branches #titleComment{
		font-size:12px;
		color:black;
		display:block;
	}
	
	#branches .branchList{
		width:650px;
		margin-left:50px;
	}
	
	#brTable{
		border-collapse:collapse;
		font-family:"Arial",Georgia,Serif;
	}
	
	 #brTable th {
		height:51px;
		color:black;
		font-size:14px;
		font-weight:bold;
		background-image:url('../images/branch-userlist-shade.png');
		
		border:none;
		
	} 	
	
	#brTable tr.odd td {
		
	}	
	
	#brTable tr.even td {
		background-color:#f4f4f4;
	}
	
	#brTable td {
		height:30px;
		padding:0 10px 0 20px;
		border: 1px solid #d6d6d6;
		color: #505050;
		font-size:12px;
	}	
	
	#brTable td .branchCity{
		display:block; 
		float:right;
	}	
	
	#brTable td .branchAddress{
		display:block; 
		float:left;
	}
	
	#brTable a.branchName{
		color: #ff8000;
		font-weight: bold;
		text-decoration:none;
	}
	
	a.brButton {
		color:white;
		text-decoration: none;
		padding: 2px 15px 2px 15px;
		background-image:url('../images/branch-button.png');
		background-repeat: no-repeat;
	}
/*===== End Office pages CSS =======================================*/