@import url('reset.css');

html, body {
	font-family:				Verdana;
	font-size:					11px;
}

h1#logo {
	background:					url("../img/logo.png");
	width:						265px;
	height:						63px;
	text-indent:				-7300px;
	position:					relative;
	left:						23px;
	top:						28px;
}

div#navigation_container ul {
	list-style:					none;
}

div#navigation_container ul li {
	float:						left;
	height:						31px;
}

div#navigation_container ul li a {
	background:					url("../img/navigation_item_bg_inactive.png");
	color:						#ffffff;
	display:					block;
	height:						31px;
	width:						137px;
	text-decoration:			none;
	line-height:				28px;
	position:					relative;
	text-align:					center;
}

div#navigation_container ul li a:hover, div#navigation_container ul li a.active {
	background:					url("../img/navigation_item_bg_active.png");
}

div#navigation_container ul li a:hover div, div#navigation_container ul li a.active span {
	background:					#231f20 url("../img/navigation_icon.jpg");
	display:					block;
	left:						5px;
	top:						7px;
	width:						30px;
	height:						14px;
	position:					absolute;
}

div#navigation_container ul li.last a {
	padding-right:				10px;
}

div#navigation_container ul li.right {
	background:					url("../img/navigation_item_bg_inactive.png");
	width:						252px;
	height:						31px;
}

div#navigation_container div#partners {
	background:					url("../img/right_bg.png");
	width:						252px;
	height:						31px;
	color:						#ffffff;
	text-align:					center;
	line-height:				28px;
	right:						0px;
	position:					absolute;
}

div.right_item { 
	width:						206px;
	border-bottom:				2px dotted #231f20;
	padding:					0px 20px 10px 20px;
	float:						left;
	
}

div#right_wrapper label { 
	font-size:					12px;
	font-weight:				bold;
}


div#right_wrapper select { 
	width:						200px;
	margin-bottom:				20px;
}

a#partner_list { 
	background:					#231F20 url('../img/right_arrow.gif') no-repeat 210px center;
	display:					block;
	float:						left;
	margin-top:					-2px;
	width:						226px;	
	height:						30px;
	color:						#ffffff;
	line-height:				30px;
	padding-left:				20px;
	text-decoration:			none;
}

div#login { 
	width:						206px;
	padding:					10px 20px 10px 20px;
	float:						left;
	background:					#e7e7e7;
	margin-top:					8px;
}

div#login h3 { 
	font-weight:				bold;
}

div#login label {
	font-weight:					normal;
	float:							left;
	display:						block;
	width:							75px;
}

div.location_edit div.input {
	float:							left;
	width:							421px;
}

div.location_edit div.input select { 
	width:							150px;
}

div.location_edit div.input label {
	float:							left;
	font-weight:					bold;
	display:						block;
	width:							200px;
}

div.location_edit div.approval {
	float:							left;
	clear:							right;
	width:							30px;
	position:						relative;
}

div.location_edit div.approval img {
	cursor:							pointer;
	margin-top:						4px;
}

div.location_edit div.approval span {
	position:						absolute;
	top:							0px;
	left:							20px;
	display:						none;
	color:							#000000;
	border:							1px dotted #000000;
	background:						#e7e7e7;
	padding:						6px;
	width:							200px;
}


div#login div.submit {
	text-align:						right;
	width:							177px;
	float:							left;
}

div#login div.submit input {
	background:						#231F20;
	color:							#ffffff;
	margin:							8px 0px 0px 117px;
	width:							60px;
	
}


h2 {
	font-size:							13px;
	font-weight:						bold;
	margin-bottom:						15px;
	clear:								both;
}

table	{
	width:								100%;
	border-collapse:					collapse;
}

th {
	background:							#231f20;
	color:								#ffffff;
	padding:							3px 5px 3px 5px;
	font-weight:						bold;
}

td { 
	padding:							2px 5px 2px 5px;
	cursor:								pointer;
}

td a {
	color:								#000000;
	text-decoration:					none;
}

th a {
	color:								#ffffff;
	text-decoration:					none;
	font-weight:						bold;
}

tr.even {
	background:							#e7e7e7;
}

div.right_countries, div.right_location_edit { 
	width:								223px;
	padding:							0px 0px 10px 0px;
	float:								left;
}

div.right_countries ul, div.right_location_edit ul {
	list-style:							none;
	width:								243px;
	height:								100px;
	margin:								0px;
	padding:							0px;
}

div.right_countries ul li, div.right_location_edit ul li {
	background:							#e7e7e7 url('../img/grey_right_arrow.png') no-repeat 220px center;
	border-bottom:						2px dotted #000000;
	float:								left;
	width:								236px;
	padding:							3px 0px 3px 10px;
}

a.country, a.location_edit_link {
	display:							block;
	width:								236px;
	color:								#000000;
	text-decoration:					none;
}

div.right_countries ul li.active a.country, div.right_location_edit ul li.active a.location_edit_link {
	color:								#D91748;
}

div.right_location_edit ul li.logout {
	background:							#231F20 url('../img/right_arrow.gif') no-repeat 220px center;
	border-bottom:						none;
	margin-top:							15px;
}

div.right_location_edit ul li.logout a {
	color:								#ffffff;
}

div.alphabet_container {
	width:								198px;
	float:								left;
	height:								50px;
	
}

div.alphabet a {
	display:							block;
	width:								15px;
	float:								left;
	text-align:							center;
	text-decoration:					none;
	color:								#000000;
}


div.alphabet a.active {
	color:								#D91748;
}

dl {
	padding-bottom:						30px;
	float:								left;
	clear:								both;
}

dt {
	font-weight:						bold;
}

dt, dd { 
	display:							block;
	float:								left;
	width:								250px;
	padding:							3px 0px 3px 0px;
}

dd {
	color:								#D91748;
}

tr.tr_hover { 
	background:							#C2C6CF;
}

div#contacts {
	margin-top:							20px;
	float:								left;
	clear:								both;
}

hr {
	clear:								both;
	border-top:							2px dotted #000000;
	width:								100%;
}



h4.flash {
	color:								#da1b4a;
	font-size:							13px;
	font-weight:						bold;
	width: 								100%;
	text-align:							center;
	padding:							10px 0px 10px 0px;
}

div.form_container {
	float:								left;
	width:								600px;
	clear:								both;
}

div.edit_button_container {
	width:								100%;
	text-align:							right;
}

h2.heading {
	color:								#D11241;
	font-weight:						bold;
}

p.paragraph {
	font-size:							11px;
	color:								#000000;
	font-weight:						normal;
}

a.button, input.button {
	border:								1px solid #231F20;
	border-right:						10px solid #231F20;
	padding:							0px 30px 0px 10px;
	height:								20px;
	line-height:						20px;
	color:								#ffffff;
	margin-top:							40px;
	display:							block;
	float:								left;
	background:							#231F20 url('../img/right_arrow.gif') no-repeat right center;
	text-decoration:					none;
	text-align:							left;
	font-size:							11px;
	font-family:						Verdana;
}

input.button {
	line-height:						16px;
}

div.submit { 
	float:								left;
}

div.input {
	padding:							3px 0px 3px 0px;
	float:								left;
	clear:								both;
	width:								400px;
}

input, textarea {
	border:								1px solid #7f7f7f;
	float:								left;
}

div.error-message {
	color:								red;
	float:								left;
	clear:								right;
	padding:							0px 0px 0px 5px;
}

span.required {
	float:								left;
	color:								red;
	display:							block;
	width:								18px;
	line-height:						22px;
	padding-left:						5px;
}


label { 
	display:							block;
	float:								left;
	width:								150px;
	font-weight:						bold;
}


div#login div.input {
	padding:						15px 0px 15px 0px;
	width:							200px;
}

div#login input {
	border:							1px solid #7f7f7f;
	float:							left;
	width:							100px;
}

div.right_item div.input { 
	width:							200px;
}

div.pagination {
	width:							830px;
	text-align:						center;
	background:						#231F20;
	height:							24px;
	line-height:					24px;
	color:							#ffffff;
	padding-left:					5px;
}

div.pagination div.pagination_button_inactive {
	visibility:						hidden;
	text-decoration:				none;
	float:							left;
}

div.pagination a.pagination_button {
	color:							#ffffff;
	text-decoration:				none;
	float:							left;
}

div.pagination .pagination_counter { 
	width:							720px;
	float:							left;
}

.remarks { 
	width:							760px;
}

div#contacts table {
	width:							580px;
}

div#contacts table, div#contacts td, div#contacts th {
	vertical-align:					top;
}

div#contacts td {
	border-bottom:					1px dotted #000000;
}

div#search_form {
	float:							right;
	margin:							5px 5px 0px 0px;
	position:						relative;
}

div#search_form input {
	margin:							3px 0px 0px 0px;
	position:						absolute;
	left:							180px;
	top:							0px;
}

div#search_form div.input {
	width:							240px;
	top:							0px;
}

div#search_form div.input input {
	margin:							0px;
	top:							4px;
	left:							0px;
}

div.photo_list {
	width: 							100px; 
	margin-right: 					10px; 
	float: 							left; 
	position: 						relative; 
}

div.photo_list img { 
	border:							1px solid #231F20;
	margin-bottom:					10px;
	cursor:							pointer;
}



div.admin_edit div.photo_list {
	width: 							60px; 
	margin-right: 					10px; 
	right:							30px;
	position: 						absolute; 
}

div.admin_edit div.photo_list img {
	cursor:							default;
}

div.admin_edit div.input {
	width:							600px;
	position:						relative;
}

div.admin_edit div.input div.checkbox {
	width:							200px;
	position:						absolute;
	top:							0px;
	left:							420px;
}

div.admin_edit div.photo_list img { 
	border:							1px solid #231F20;
	margin-bottom:					0px;
	margin-top:						10px;
	cursor:							default;
}

div.flash_container { 
	border:							1px solid #B7062E; 
}

div.flash_container div { 
}

div.flash_container div a { 
	border-left:					1px solid #ffffff;
	background:						#B7062E;
	color:							#ffffff;
	text-decoration:				none;
	text-align:						center;
	width:							33%;
	display:						block;
	float:							left;
}

div.location_edit div.select div.checkbox label {
	width:							70px;
}

div.admin_edit div.select div.checkbox {
	float: 							left;
	position:						relative;
	left:							0px;
	width:							100px;
}


div.admin_edit div.select div.checkbox label {
	width:							60px;
}

a.export_link {
	position:						absolute;
	left: 							0px;
	top:							6px;
	background:						#231F20 url(../img/right_arrow.gif) no-repeat scroll 150px center;
	color:							#FFFFFF;
	display:						block;
	height:							30px;
	line-height:					30px;
	padding-left:					20px;
	text-decoration:				none;
	width:							156px;
	z-index:						99999;
}

div.contact_value {
	float:							left;
	width:							160px;
	height:							20px;
}

div.contact_index dd {
	position:						relative;
	width:							200px;
}

div.contact_index div.approval {
	float:							left;
	clear:							none;
	width:							30px;
	position:						absolute;
	top:							0px;
	left:							200px;
}

div.contact_index div.approval img {
	cursor:							pointer;
	margin-top:						4px;
}

div.contact_index div.approval span {
	position:						absolute;
	top:							0px;
	left:							20px;
	display:						none;
	color:							#000000;
	border:							1px dotted #000000;
	background:						#e7e7e7;
	padding:						6px;
	width:							200px;
}



div#right_wrapper div.group {
	margin-top:						10px;
	float:							left; 
}

div#right_wrapper div.filter {
	padding:						0px 10px 20px 10px;
	width:							225px;
	margin-top:						-30px;
}

div#right_wrapper div.filter h3 {
	background:						#000000;
	color:							#ffffff;
	width:							226px;
	text-indent:					8px;
	line-height:					22px;
	height:							22px;
}

div#right_wrapper div.filter div.countries, div#right_wrapper div.filter div.cities, div#right_wrapper div.filter div.services, div#right_wrapper div.filter div.roles, div#right_wrapper div.filter div.headquarter {
	border:							1px solid #000000;
	float:							left;
	width:							224px;
	height:							200px;
	overflow:						auto;
}

div#right_wrapper div.filter div.services {
	height:							50px;
}

div#right_wrapper div.filter div.headquarter {
	height:							25px;
}

div#right_wrapper div.filter div.input {
	padding:						0px !important;
}

div#right_wrapper div.filter div.checkbox {
	float: 							left;
	width:							200px;
	line-height:					24px;
	
}

div#right_wrapper div.filter div.checkbox input {
	float: 							left;
}

div#right_wrapper div.filter div.checkbox label {
	float: 							left;
	width:							175px;
	font-weight:					normal;
	font-size:						11px;
}


div#right_wrapper div.filter h3.open-filter-content {
	background:						#000000 url('../img/right_arrow.gif') no-repeat 212px center;
}

div#right_wrapper div.filter h3.open {
	background:						#000000 url('../img/arrow_down.gif') no-repeat 210px center;
}

div#right_wrapper div.filter-content {
	/*display:						none;*/
}

div#right_wrapper div.filter div.roles {
	height:							120px;	
}


h2.directory-country-header {
	color:							#B7062E;
	height:							22px;
	line-height:					22px;
	font-weight:					bold;
	width:							100%;
	float:							left;
}

h3.directory-location-header {
	color:							blue;
	height:							22px;
	line-height:					22px;
	font-weight:					bold;
	width:							100%;
	float:							left;
}

div.company-data {
	float:							left;
	width:							100%;
	margin-bottom:					20px;			
}

div.company-data div.column1, div.company-data div.column2 {
	width:							33%;
	float:							left;			
}

div.company-data div.column1 {
	width:							66%;
}


div.personal-data {
	float:							left;
	width:							100%;
	margin-bottom:					20px;			
}

div.personal-data div.column1, div.personal-data div.column2, div.personal-data div.column3 {
	width:							33%;
	float:							left;			
}

div.multiple_select {
	float:							left;
	width:							420px;
	margin-right:					20px;
}

div.multiple_select select {
	width:							420px;
}

div.wide_select {
	width:							600px;
}

.multiple_select_add_button {
	margin-left:					35px;
}

.multiple_select_remove_button {
	margin-left:					25px;
}

ul.approval_list {
	margin-left:					20px;
}


/*div.filter h3 {
	font-weight:					bold;
	font-size:						13px;
	background:						#000000;
	width:							627px;
	color:							#ffffff;
	text-indent:					10px;
	float:							left;			
}

div.filter form.filter {
	margin-left:					-25px;
}


div.countries, div.cities, div.services, div.roles {
	border:							1px solid red;
	float:							left;
	width:							625px;
	height:							100px;
	overflow:						auto;
}

div.services {
	border:							none;
	height:							35px;
}

div.filter div.input {
	padding:						0px !important;
}

div.filter div.checkbox {
	float: 							left;
	width:							305px;
	line-height:					24px;
	height:							24px;
	
}

div.filter div.checkbox input {
	float: 							left;
}

div.filter div.checkbox label {
	float: 							left;
	width:							280px;
	font-weight:					normal;
}
*/