/* ---- BEGIN STANDARD LAY-OUT -------------------------------------------------*/



	/* Background Colors /*
	
	Default:			#c5c7cc; 
	Corporate Services:	#bad3be;
	Fund Services:		#d7d6ac;
	Capital Markets:	#afc3d3;
	Private Clients:	#cfbfc2
	
	*/



*{ 
	margin:0;
	padding:0;
}

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#191919;
	/* + 100% height hack + */
	height: 100%;
	/* - 100% height hack - */

}

html{
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
}

a:link {	
color:#217B74;
	
	text-decoration:underline;
}

a:visited {
	color:#217B74;
	text-decoration:underline;
}
a:active {
	color:#217b74;
	text-decoration:underline;
	border:none;
}
a:hover {
color:#217b74;
	text-decoration:none;
}
h1, h2, h3{
	margin:0 0 10px 0;
font-weight:normal;
}
h1 { 
	font-size:28px;
	color:#217b74;
}
h2 {
	font-size:18px;
	color:#217b74;
margin:30px 0 20px 0; 

}
h3{
	font-size:14px;
color:#626569;font-weight:bold;
}


h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
color:#217b74;
text-decoration:none
}

.bold{
font-weight: bold;
}


p{
	margin:0px 0px 10px 0px
}
.cleaner{
	clear:both;
}
.spacer{
	display:block;
	height:16px;
	background-color:#FFFFFF;
	width:auto;
}
/* ---- END STANDARD LAY-OUT -------------------------------------------------*/




/* ---- BEGIN WEB LAY-OUT -------------------------------------------------*/
.container{
	margin:auto;
	width:960px;
	text-align:left;
	border-left:1px solid #626569;
	border-right:1px solid #626569;
	/* + 100% height hack + */
	position: relative;
	min-height: 100%;
	height:auto !important; /* for modern browser */
	height:100%; /* for IE */
	/* - 100% height hack - */

}
.twoColumn{
	background:  #FFFFFF url(../images/containerTwo.gif) top left repeat-y;
}
.threeColumn{
	background:  #FFFFFF url(../images/containerThree.gif) top left repeat-y;
}

#header{
	width:928px;
	height:83px;
	padding:16px;
	background-color: #626569;
	background-image: url(../images/headerTxt.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#header #logo {
	display: block;
	width: 83px;
	line-height: 83px;
	background: url(../images/logo.gif) top left no-repeat;
	margin-left:8px;
	float:left;
}

.left{
	float:left;
	display:block;
	width:208px;
	padding:0 16px;
	margin-bottom:60px;
}

.middle{
	float:left;
	display:block;
	width:480px;
	height:100%; /* works only if parent container is assigned a height value */
	overflow:hidden;
  	padding: 0 0em 40px 0em;

}
.big{
	width:620px;
}
.right{
	float:left;
	display:block;
	width:208px;
	padding:0 16px 16px 16px;
margin-bottom:30px;
}
.content{
	padding:0 16px 0 16px;
	margin:0px 0 16px 0;
}
.content ul{
	margin: 20px 0 20px 15px;

}
.content ul li{
	list-style-image:url(../images/list.gif);
}

.content ol li{

	margin-left:20px;
	list-style-image:none

}

.readmore{
	font-size:14px;
	font-weight:normal;
}
.readmore a{
color:#217B74;
}
/*
.content #body img{
	width:445px;
}
.big #body img{
	width:620px;
}
*/
.noborder{
	border-right:none;
}
#breadcrumbs{
	margin: 0 0 10px 0;
	font-size:12px;
color:#626569;
}

#breadcrumbs a{
	color:#217b74;

}
#breadcrumbs span{
	color:#217b74;
}


#description{
	color:#626569;
	font-size:20px;
	margin:10px 0 10px 0;
	line-height:24px;

}
#body{
	margin:0 0 10px 0;
line-height:20px;
}
.imageBox{
	text-align:center;
}
#footer{
	/* + 100% height hack + */
	position: absolute;
	left:0;
	bottom: 0;
	/* - 100% height hack - */	
	color:#626569;
	width:960px;

}

#footer a{
	color:#626569;
}
#footer a:hover{
	color:#217b74;
}	

#footer ul{
	text-align:left;
	margin-left:16px;
	font-size:10px;

}

#footer li{
	list-style:none;
	margin:0 3px 0 0;
	display:block;
	float:left;
	height:20px;
	padding-top:30px;

}
#footer ul #slogan{
	height:auto;
	padding-top:0px;
}

#footer li img{
	margin-right:32px;
	display:block;


}

#officeImage p {
text-align:left;
margin:4px 0 16px 0;
font-size:12px;
color:#626569;

}
#officeImage strong{

font-size:14px;

}



#edit{
	text-align:right;
}
#edit img{
	margin: 0 0 0 10px;

}

.content #body .contactBox{
	border:1px solid #C5C7CC;
	margin-bottom:20px;
	display:block;
	overflow:hidden;

}

.content #body .contactBox .officeTitle{
color:black;
background-color:#C5C7CC;
display:block;
height:19px;
float:none;


}


.content #body .contactBox div {
	font-size:12px;
	color:#000000;
	margin:0 0 0 0;
	border-bottom:1px solid #C5C7CC;
	border-left:1px solid #C5C7CC;
	border-right:1px solid #C5C7CC;
padding-left:10px;

}
.content #body .contactBox div strong{
	float:left;
	width:30%;
}


.content #body .contactBox div span{
float:left;
font-weight:normal;

}

.table-top{
font-size:16px;
font-weight:bold;
background:#626569;
color:white;
}
#body table{
border-left:1px solid #C5C7CC;
border-top:1px solid #C5C7CC;
}
#body table td{
border-bottom:1px solid #C5C7CC;
border-right:1px solid #C5C7CC;


padding:2px 10px 0 4px;
}



/* ---- END WEB LAY-OUT -------------------------------------------------*/



/* ---- BEGIN GOOGLE MAPS STYLE  -------------------------------------------------*/


#map{
	width:445px;
	height:210px;
	display:block;
}


/* ---- END GOOGLE MAPS STYLE  -------------------------------------------------*/


/* ---- BEGIN MEMBERBOX -------------------------------------------------*/

.left #membersBox{
	margin: 20px 0 0 0;
	background-color:#c5c7cc;
}


.left #membersBox h2{
	background-color:#626569;
	color:#FFFFFF;
	font-size:14px;
	height:19px;
	padding:4px 2px 1px 4px;
	margin:0;
}
.memberTitle{
	background-color:#626569;
	color:#FFFFFF;
	font-size:14px;
	height:19px;
	padding:4px 2px 1px 4px;
	margin:0;
}
#membersBox{
	display: block;
	width:208px;
}
#membersBox form{
	padding:0 16px 0 16px;		

	padding-left:12px;
	margin-top:10px;
	

}
#membersBox form label{
	width:40%;
	text-align:left;
	float:left;
	font-size:10px;
	

}
#membersBox form input{
	border:1px solid #626569;
	color: #666666;
	padding:2px;
	width:170px;
	margin:0 0 10px 0;

}





#membersBox p{

	margin: 10px 0 0px 15px;
	padding:0 0 10px 0;
	
}
#membersBox a{
font-size:10px;
float:left;
margin-top:-40px;
margin-left:70px;
}


#membersBox form #send{
	width: 102px;
	border:0;
	height: 21px;
} 
#membersBox form #membersend{
	width: 64px;
	border:0;
	height: 21px;
} 
#membersBox .radioGroup {
	padding-left:0;
}

#membersBox form .mediumSelect input{
	width:auto;
	border:none;
	margin-bottom:0;

}



/* ---- END MEMBERBOX -------------------------------------------------*/

/* ---- BEGIN SEARCHBOX-------------------------------------------------*/


#headerBox form{
	padding:0 0px 0 0px;
	float:right;
}
#headerBox form input{
	border:1px solid #626569;
	color: #666666;
	padding:2px;
	width:170px;

	margin:0 0 10px 0;
	vertical-align:middle;

}
#headerBox form #send{
		width:30px;
	height:21px;


} 


/* ---- END SEARCHBOX-------------------------------------------------*/




/* ---- BEGIN STANDARD FORM STYLES -----------------------------------*/
.standardForm {
	width:460px;
	margin-bottom:10px;
}
.standardForm .element{
	width:460px;
}
.standardForm .error{
	float:left;
	background: url(../icons/false.gif) no-repeat;
	padding-left:20px;
}
.standardForm th{
	width:300px;
	color:#626569;
	vertical-align: top;
}
.standardForm td, .standardForm th {
	padding-right:10px;
	padding-bottom:6px;
}
.standardForm  .error {
	color:#FF0033;
	font-size:10px;
	margin-left:10px;
}
.standardForm .field {

}
.standardForm .label {

} 
.standardForm .element input {
	padding:2px;
	float:left;
}
.standardForm .buttons {
	text-align:left;

}
.standardForm .buttons input {
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#217B74;
	clear:both;
	width:64px;








	font-size:10px;
	line-height:21px;
	

}
.standardForm .radioGroup label {

	display: inline;
	margin-right:5px;
}



.standardForm .radioGroup label input {
	border:none;
}
.standardForm .mediumInput {

	width: 230px;
}
.standardForm .smallInput {
	width: 70px;
}
.standardForm .largeInput {
	width:350px;
}
.standardForm .mediumArea {
	width: 320px;
	height: 200px;
}
.standardForm .captchaFormRow td *{
	float:left;
}
#commentRequired h3{
	font-size:10px;
	color:#626569;
}
/* ---- END STANDARD FORM STYLES -----------------------------------*/

.vacanciesForm th{
width:160px;
text-align:left;
font-size:14px;
display:block;
}
.vacanciesForm #knowUs2{
width:230px;
margin:4px 0 0 0;
}
.vacanciesForm .mediumSelect{
width:240px;
}



/* ---- BEGIN NOTIFICATION & INFO STYLES --------------------------------*/
#notificationDiv {
	clear:both;
	background-color:#F2F4F4;
	padding: 10px;
	margin:20px 0 20px 0;
	border:1px solid #C5C7CC;
	
}
#notificationDiv ul {
	margin:0px;
	list-style:none;
}
#notificationDiv li {
	list-style:none;
}
#notificationDiv .messageDone, .messageFail {
	line-height:16px;
	padding-left:20px;
	margin:0px;
	margin-bottom:2px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#notificationDiv .messageDone {
	background-image: url(../icons/accept.png);
}
#notificationDiv .messageFail {
	background-image: url(../icons/exclamation.gif);
}
#notificationDiv .messageInfo {
	background-image: url(../icons/information.png);
}
#controlsDiv {
	clear: both;
	height:20px;
	margin-bottom: 10px;
}
#controlsDiv a {
	margin-right: 10px;
}
/* ---- END NOTIFICATION & INFO STYLES --------------------------------*/





#blackorange a, #blackorange a:link, #blackorange a:visited{
	color: #626569;
	text-decoration: none;
	padding-left:20px;
	vertical-align:middle;
	background-image: url(../images/blackorange.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;

	

}

#blackorange a:hover{
	text-decoration:underline;
}


/*STANDARD GRID STYLES --------------------------------------------------------------------------------------------*/
.gridNavigation {
	clear:both;
	line-height:20px;
	height:20px;
	padding-right:10px;
	background-color: #F2F4F4;
	text-align:right;
		font-size: 14px;
margin-bottom:10px;

}
.gridNavigation a {

}
.gridNavigation a:hover {

}
.gridNavigation .highlight {
	color:#555555;
	font-weight:bold;
}
.gridTable {
	width:100%;

}
.gridTable th, .gridTable td {
	padding-left:10px;
	padding-right:5px;
}
.gridTable td {
	padding-top: 2px;
	padding-bottom:2px;
}
.gridTable th {
	height:24px;
	line-height:24px;
	padding-right: 20px;
	background-color: #CCCCCC;
	background-image: url(../images/barLight-25px.png);
	background-repeat: no-repeat;
	background-position: right;
}
.gridTable td img {
	vertical-align:middle;
	border: 0;
}
.gridTable th a {
	padding-right: 20px;
	color:#231F20;
}
.gridTable th a:hover {
	color:#231F20;
	text-decoration: underline;
}
.gridTable th .sorted {
	background-image: url(../icons/bullet_arrow_down.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.gridTable th .sortedDesc {
	background-image: url(../icons/bullet_arrow_up.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.gridTable .evenRow {
	background-color: #F2F4F4;
}
.gridTable .highlight {
	background-color: #D3ECF5;
}
.gridNavigation {
	clear:both;
}
.searchInput {
	display: block;
	height: 14px;
	margin-top:6px;
	margin-right: 5px;
	font-size:12px;
	float:right;
	color:#231F20;
	border: 1px inset #231F20;
}
.searchButton {
	display: block;
	margin-top: 7px;
	margin-left: 4px;
	cursor: pointer;
	float:right;
}
.navLevel2{
	margin-bottom: 16px;
}





#CMnewsBlock {
	margin:10px 0 10px 0;
padding-top:50px;
}
#CMnewsBlock h3 {
	font-size:20px;
	margin-top:16px;
}
#CMnewsBlock .news{

padding-bottom:16px;
}
#CMnewsBlock .even{

	border-bottom:1px solid #C5C7CC;
}



#membersBox .radioGroup #gender1, #membersBox .radioGroup #gender2 {
float:left;
height:10px;
width:30px;
display:block;
border:none;
}






.titleSpace{
Width:290px;
display:inline-block;
height:20px;
}

.transTop{
padding: 0 0 6px 4px;
color:white;
background-color:#217B74;
font-weight:bold;
}


#transList { 
	list-style-type:none;
	list-style:none;
	padding: 0;
	margin: 0 0 30px -20px; 
padding-bottom:20px;
list-style-image:none;
	

}
#transList li{
		list-style-type:none;
	list-style:none;list-style-image:none;
}
#transList ul { 
	padding: 0; 
	margin: 0; 
	display: block; 
	width: 100%;list-style-image:none;

 
}
#transList li a { 
	background:white;
	cursor: pointer; 
	list-style-type: none; 
	padding: 0px 0 0px 0; 
	margin: 0px 0 0px 20px; 
	display: block; 
	border-bottom:1px solid #217B74;
	width: 450px;
	line-height: 26px;
	 background: url(/atc/main/images/arrow_right.gif) 380px no-repeat;
}
	
#transList li.active>a { 
 background: url(/atc/main/images/arrow_right_open.gif) 380px no-repeat;
	padding-left:0px;
        color:#217B74;
font-weight:bold;
}
#transList li div { 
	padding: 20px; 

	display: block; 
	clear: both; 
	width: 340px;
}
	
#transList a { 
	text-decoration: none; 
	color: black; 
	display: block; 
	cursor: pointer; 
	/*background: 
	('../images/open.gif') no-repeat;*/
	padding-left:20px;
}
#transList a:hover{
	color:#217b74;
 background: #c7d9e7 url(/atc/main/images/arrow_right.gif) 380px no-repeat;

} 
#transList .download a{
	background: url('/atc/main/images/pdf.gif') 380px no-repeat;
	width:200px;
}

#transList .download a:hover{
background-image: url('/atc/main/icons/download.gif') 380px no-repeat;
background-color:#c7d9e7;
}

	/* Level 2 */
#transList li ul li a{ 
	padding-left:20px; 
	width: 430px;
	font-weight: bold;
}

	/* Level 2 */
#transList li ul li.active a{ 
	padding-left:20px; 
	width: 430px;

}
#translist li ul{
margin-bottom: 7px;
}
#transList li ul li.active li a{ 
	padding-left:40px; 
	width: 410px;
	font-weight: normal;
}

#subscribeForm{
	margin-top:50px;
	border-top:1px solid #C5C7CC;
	padding-top:10px;
	width:450px;
}
#subscribeForm table th{
	width:400px;
}
#subscribeForm table .send{
	text-align:left;
	width:150px;
	margin:0;
	margin-top:10px;
}
#searchBox{
	float:right;
}
form .send{
	color:#FFFFFF;
	background-color:#217b74;
	padding:0 0 2px 0;
	width:30px;
	height:21px;
	font-size:10px;
	color:white;
	font-weight:bold;
	text-transform: uppercase;
	border:1px solid white;
}



#collection{
	padding:10px;
	margin:30px 0 0 0;
	padding:0;
}
#collection div{
	float:left;
	display:block;
	margin:6px 12px 6px 0;
	height:175px;
	padding:0;
}
#collection .big{
	width:373px;
}
#collection .big flow{

}
#collection .middle{
	width:180px;
}
#collection .small{
	width:85px;
}
#collection .brown{
	background:#d7d6ac;
}
#collection .blue{
	background:#afc3d3;
}
#collection .green{
	background:#bad3be;
}
#collection .purple{
	background:#cfbfc2;
}
#collection .big.flow{
margin-left: 101px;
overflow: hidden;
margin-top:-181px;
width:348px;
}

p.download a{
	background: url('/atc/main/icons/download.gif') no-repeat;
	padding-left: 20px;
}


#pubList{
	margin:40px 0 0 0; 
	padding:6px 0 0 0;
	background: url(/atc/main/images/dottedLine.gif) repeat-x bottom;
}
#pubList li{
	background-image: url(/atc/main/images/dottedLine.gif);
	background-repeat: repeat-x;
	padding:10px;
	
	list-style:none;
	list-style-image:none;
display:block;
}
#pubList li a{
	background: url(/atc/main/icons/download.gif) no-repeat;
	padding-left:40px;
}


.blockImgiconImg90x80{
float:right;
padding-top:30px;
padding-right:125px;

}
.match{
font-weight:bold;
}

.searchItem{

background: url(/atc/main/images/dottedLine.gif) repeat-x;
padding:10px 0 10px 0;

}

#ocGridTable th{
color:white;
background-color: #217B74;
}

#ocGridTable th a{
color:white;
background-color: #217B74;
}

#ocGridTable td{
border-bottom: 1px solid #217B74;
}

#ocNavigationDiv {
background-color: white;
}

#ocGridTable .highlight{
color:#217B74;
}
#ocGridTable img{
margin-left: 30px;
}

#ocGridTable .evenRow{
	background-color: white;
}

#headerBox #home{
border-left: none;

border-right: 1px solid white;
}



#flashcontent{

width:550px;
height:480px;


}

#languagesType{
float:right;
}

#languagesType ul{
margin:0;
float:left;
}

#languagesType span{
color:#626569;
float:left;
line-height:12px;
}

#languagesType li{

display:block;
float:left;
width:20px;

line-height:12px;
}