/* CSS Document */
* html,  body{height: 100%; min-height: 100%;
 background: url(http://www.eidos.net.ua/img/bg.gif); padding:0; margin: 0;
  text-align: left;  font-size: 14px;  font-family: 'MyriadPro', sans-serif; text-align: left !important; width: 100%;}
.file{border: 0 !important;}
 #main{width: 994px; margin: 0 auto; height: 90%; min-height: 90% !important; 
 padding-bottom: 100px; min-height:100%; position: relative; width: 990px; }
 #rainbow{  background: url(http://www.eidos.net.ua/img/magic_ball_bg.png); width: 624px; height: 614px; position: absolute; top: 150px; left: 300px;  }
div, p{padding: 0; margin: 0;text-align: justify;}
input, textarea{ border-top: solid 1px #aaadb4; border-right: solid 1px #e3e3eb; border-left: solid 1px #e3e3eb; border-bottom: solid 1px #e3e3eb; padding: 3px;}
img{border: 0;}
#left_menu{width: 220px;}
strong{font-style: normal;line-height:normal;  font-family: 'MyriadProSemibold', sans-serif;}
#menu a:link { text-decoration: none; color: #5a5a5a; font-size: 14px !important; font-family: 'MyriadPro', sans-serif; border: 0px; -moz-outline-style: none; cursor: pointer; font-size: 14px;}
#menu a:active { text-decoration: underline; color : #5a5a5a; border: 0px; -moz-outline-style: none; font-family: 'MyriadPro', sans-serif;cursor: pointer; font-size: 14px;}
#menu a:visited { text-decoration: none; color : #5a5a5a; border: 0px; -moz-outline-style: none;  font-family: 'MyriadPro', sans-serif;cursor: pointer; font-size: 14px;}
#menu a:hover	{ text-decoration: underline; color : #5a5a5a; border: 0px; -moz-outline-style: none;  font-family: 'MyriadPro', sans-serif;cursor: pointer; font-size: 14px;}

a:link { text-decoration: underline; color: #cc3e14; font-size: 12px ;  font-family: 'MyriadProSemiExtended', sans-serif; border: 0px; -moz-outline-style: none; cursor: pointer;}
a:active { text-decoration: none; color : #cc3e14; border: 0px; -moz-outline-style: none;  font-family: 'MyriadProSemiExtended', sans-serif; cursor: pointer; font-size: 12px ;}
a:visited { text-decoration: underline; color : #cc3e14; border: 0px; -moz-outline-style: none;   font-family: 'MyriadProSemiExtended', sans-serif; cursor: pointer; font-size: 12px ;}
a:hover	{ text-decoration: none; color : #cc3e14; border: 0px; -moz-outline-style: none;   font-family: 'MyriadProSemiExtended', sans-serif; cursor: pointer; font-size: 12px ;}
a:focus { outline: none;-moz-outline-style: none; cursor: pointer;}
a:focus { outline: none;-moz-outline-style: none; cursor: pointer;}

h1{font-size: 30px;  font-family: 'MyriadPro', sans-serif; color: #5a5a5a; font-style:normal; font-weight:normal; margin: 0 0 10px 0;}

#header{height: 60px;  }
#logo{float: left; position: relative; top: -25px; left: 80px; clear: both; padding-bottom: 20px}
#menu_div{position: relative;  margin-left: 270px; width: 700px; margin-top: 60px; overflow: hidden; height: 27px; height: 27px;  }
#menu{display: inline; padding: 0; margin: 0; }
#menu li{display: inline; float: left; padding: 0; margin: 0;}
#menu_container{position: absolute; left: 4px;  z-index: 1000;  height: 27px;   background: url(http://www.eidos.net.ua/img/menu_bg.png);}
#menu_btn{float: left; margin-left: -3px; background: url(http://www.eidos.net.ua/img/menu_closed.png); height: 27px; width: 100px; cursor: pointer;}
#menu_btn.open{float: left; margin-left: -3px; background: url(http://www.eidos.net.ua/img/menu_open.png); height: 27px; width: 100px; cursor: pointer;}
#menu  a:link,
#menu  a:visited{ color: #000 !important;  display: block; height: 27px; text-align: center;  padding: 5px 10px 0 10px; margin: 0px; }
#menu  a:hover,
#menu  a.active{ background:url(http://www.eidos.net.ua/img/menu_active.jpg) no-repeat !important; color: #ffffff !important; display: block; height: 27px;  text-align: center; padding: 5px 10px 0 10px; margin: 0px; }

#menu_container{position: relative; left: 610px}
#left_col{width: 300px;  float: left; margin: 0; padding: 0; position: absolute; left: 0;}
#right_col{width: 600px; text-align: left; margin-left: 310px;min-height: 600px}
h2{ font-family: 'MyriadProSemiboldCondensed', sans-serif; font-size: 26px; font-weight: bolder; color: #00baff; margin: 0; text-align: left; padding: 0 0 10px 0;  position:relative; 
  white-space: nowrap;
}
a.plain_txt:link,
a.plain_txt:visited,
a.plain_txt:hover{font-size: inherit !important; font-weight: inherit !important; color: inherit !important; text-decoration: none;}
h4{font-family: "MyriadProRegular", Tahoma, sans-serif; font-size: 14px; font-weight: normal; color: #00baff; margin: 0; text-align: left; padding: 15px 0 5px 0;}
h4:first-letter{}
.vac_form h4{font-size: 20px;}
#pannel2{width: 950px; position: relative; min-height: 350px; position: relative;}
#left_menu dt,
#left_menu li{ list-style-image:none;list-style-type: none; background:  url("http://www.eidos.net.ua/img/bullet.gif") no-repeat left; color: #d25733; padding: 1px 5px 1px 20px; margin: 5px 0; font-size: 14px; font-family: 'MyriadPro', sans-serif; letter-spacing: 0.7px; }
#left_menu dt.active,
#left_menu li.active{ list-style-image:none;list-style-type: none; background: #d25733 url("http://www.eidos.net.ua/img/bullet_active.gif") no-repeat left;  color: #fff !important; padding: 1px 5px 1px 20px;  margin: 5px 0;font-size: 14px !important; font-family: 'MyriadPro', sans-serif; }
#left_menu li.active a{color: #fff !important;}
#left_menu dt a:link,
#left_menu dt a:visited{color: #d25733;  text-decoration: underline; font-size: 14px !important;  font-family: 'MyriadPro', sans-serif; }
#left_menu dt a:hover{color: #d25733; text-decoration: none; font-size: 14px !important; font-family: 'MyriadPro', sans-serif; }

#left_menu dt.active a:link,
#left_menu dt.active a:visited{color: #fff;  text-decoration: underline; font-size: 14px; font-family: 'MyriadPro', sans-serif; text-align: left !important;}
#left_menu dt.active a:hover{color: #fff; text-decoration: none; font-size: 14px; font-family: 'MyriadPro', sans-serif; text-align: left !important;}
#left_menu dd {
text-align: left;
margin-bottom: 8px;

}
#left_menu.services dd{
	display:none;

}
#left_col, 
#left_menu a:link,
#left_menu a:visited,
#left_menu a:hover{text-align: left !important; }

a.arrow:link,
a.arrow:visited,
a.arrow:hover{padding-right: 25px; background: url(http://www.eidos.net.ua/img/arrow.gif) no-repeat right; font-size: 14px;  font-family: 'MyriadPro', sans-serif;}
h2 a.arrow:link,
h2 a.arrow:visited{padding-right: 25px; background: url(http://www.eidos.net.ua/img/arrow.gif) no-repeat right; font-size: 26px; color: #00baff; text-decoration: none;}
h2 a.arrow:hover{padding-right: 27px; background: url(http://www.eidos.net.ua/img/arrow.gif) no-repeat right;   font-size: 26px; color: #00baff; text-decoration: none;}
h2 a:link,
h2 a:visited,
h2 a:hover{font-size: inherit !important; color: inherit !important; font-family: inherit !important;}
div.descr p{margin: 10px 0 10px 20px; }
div.descr a{font-size: 14px !important}
a.anc:link,
a.anc:visited{color: #d25733;  border-bottom: dotted 1px #d25733; text-decoration: none; line-height: 40px;}
a.anc:hover{color: #d25733;  border:0; text-decoration: none; line-height: 40px;}
.hid{display: none;}
#send_btn{ border: solid 1px #cccccc; background: #fff;}
#footer{background: #414141; height: 70px; width: 940px; margin: -70px auto 0 auto; z-index: 1000; position: relative;}
#f_logo{background: url(http://www.eidos.net.ua/img/footer_logo.png) no-repeat left; width: 100px; height: 56px; float: left; width: 270px; margin: 5px 0 0 20px;}
#footer ul {display: inline; }
#b_menu{padding: 20px 0 0 0}
#footer ul li{display: block; height: 30px;  float: left; color: #a0a0a0 !important; background: image: none; list-style: none !important; padding-top: 10px;}
#footer ul li a{color: #a0a0a0 !important; font-family: 'MyriadProSemiExtended', sans-serif; }
li.f_devider{background: url("http://www.eidos.net.ua/img/footer_devider.png") no-repeat;  width: 30px; height: 30px; display: block !important; padding-top: 0;}
.p_descr_left{display: none; position: absolute; top:0; right:155px; background: #fff; height: auto; width: 225px; 
; z-index: 30000;  background: #f4f4f4; padding: 10px;}
.p_descr_cleft{display: none; position: absolute; top:0; left:155px; background: #fff; height:auto;  width: 225px; z-index: 30000; border: solid 1px #f4f4f4; background: #f4f4f4; padding: 10px;}
.p_descr_cright{display: none; position: absolute; top:0; left: 155px; background: #fff; height: auto; width: 225px; z-index: 30000;   border: solid 1px #f4f4f4; background: #f4f4f4; padding: 10px;}
.p_descr_right{display: none; position: absolute; top:0; right:155px; background: #fff; height: auto;  width: 225px; z-index: 30000;  border: solid 1px #f4f4f4; background: #f4f4f4; padding: 10px;}
.p_container, .p_portfolio{position: relative;}
#trr{display: none}
.p_container table td{margin: 0;}
.p_portfolio table{ width: 650px}
.x{position: absolute; top: 0px; right: 5px; font-weight: bolder; width: 14px; height: 14px; background: url(http://www.eidos.net.ua/img/close_x.gif) no-repeat; background-position: 5px 5px; cursor: pointer;}
.logo_c{margin: 10px; background:rgba(0,0,0,.1); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#cc000000,endColorstr=#cc000000);  width: 140px; height: 140px; }
.logo_c img{cursor: pointer; margin:10px;}
.c_td{position: relative !important; }
#news_container{width: 260px; padding: 0px 0 0 20px; text-align: left; clear: both;}

#news_container table td{padding: 10px}
span.cdate{color: #00baff; font-size: 11px; white-space: nowrap;}
#all_news{float: right;}
#banners{width: 650px; height: 70px; position: absolute; top: 0; left: 300px}
#banner1{background: #d1d1d1; width: 169px; height: 67px; float: left; margin: 0 70px 0 0}
#banner2{background: #d1d1d1; width: 169px; height: 67px; float: left; margin: 0 30px 0 0}
#banner3{background: #d1d1d1; width: 169px; height: 67px; float: right; margin: 0 0 0 30px}
#magic_ball_container{margin-left:0px; position: absolute; top: 90px; left: 250px; width: 600px; height: 349px; text-align: left;}
.main_ball1{background: url(http://www.eidos.net.ua/img/main_ball1.png); width: 600px; height: 349px; }
.main_ball2{background: url(http://www.eidos.net.ua/img/main_ball2.png) !important;  width: 600px; height: 349px;}
.main_ball3{background: url(http://www.eidos.net.ua/img/main_ball3.png);  width: 600px; height: 349px;}
.main_ball4{background: url(http://www.eidos.net.ua/img/main_ball4.png)  !important; width: 600px; height: 349px;}
#magic_ball_title{margin-left: 45px;}
#about_container{width: 340px; margin-left: 90px; margin-top: 60px; line-height: normal; font-size: 13px; min-height: 180px;}

#about_txt{margin-left: 0px; text-align: left; width: 200px;}
#about_txt p{text-align: left; font-family: 'MyriadPro', sans-serif !important; letter-spacing: 1px;}
#main_contacts{ position: absolute; top: 150px; right: 40px; width: 200px; text-align: left}
#main_contacts p{font-size: 12px;}
#phone_main{color: #cc3e14; font-size: 18px; line-height: 22px; padding:0; margin:0; }
#code_main{color: #00baff; font-size: 12px; line-height: 22px;}
#skype_main{color: #cc3e14; font-size: 12px; line-height: 22px;}
#main_vacancies{width: 250px; position: absolute;  top:300px; right: 20px; text-align: left;}
#bar{margin: -40px 0 0  100px;}
#main_services{width: 250px; position: absolute;  top:500px; right: 70px;}
#main_services p{text-align: left;}
#services_btn{margin-top: 10px; float: right;}
#partners_main{background: url(http://www.eidos.net.ua/img/partners_main_bg.gif) repeat-x; height: 62px; padding: 0 10px; width: 600px; display: block; margin: 30px 0 0 300px;}
.p_sh_title{ 
		  font-family: 'Arial', sans-serif; 
		  font-size: 12px !important; 
		  text-align: left;
		  color: #8e8e8e; 
		  margin: 10px  !important;
		  padding:0  !important; 
		  display: block;
		  line-height: 12px !important;
  }
.p_sh_descr{ 
		font-family: 'Arial', sans-serif; 
		font-size: 10px !important; 
		padding: 10px !important;
		margin: 0 !important ; 
		text-align: left;
		display: inline ; 
		color: #8e8e8e; 
		line-height: 10px; !important; 
		text-indent:0 !important; 
		
}
.p_sh_descr p{	text-indent:0 !important; padding:0 !important; margin:0 !important; text-align: left;}
a.p_sh_lnk:link,
a.p_sh_lnk:visited{ font-family: 'MyriadPro', sans-serif; font-size: 10px; color: #ff0000; margin: 5px; text-decoration: underline; }
a.p_sh_lnk:hover{ font-family: 'MyriadPro', sans-serif; font-size: 10px; color: #ff0000; margin: 5px; text-decoration: none}
div.g_cont{background: url(http://www.eidos.net.ua/img/portfolio_bg_active.png);  height: 150px; width: 150px; float: left; position: relative; bordeR: solid 1px #fff;}
.g_overlay{background: url(http://www.eidos.net.ua/img/portfolio_bg.png); width: 150px; height: 150px; z-index: 300000; position: absolute; top: 0; left: 0;}
.g_logo{position: relative; z-index: 100;}
.g_td{ height: 150px; width: 150px;  text-align: center;  position: relative;}
.g_img{height: 150px; width: 150px;}
.g_img a{display: block; width: 150px; height: 150px; padding: 15px;}
a.back_lnk:link,
a.back_lnk:visited{color: #d25733 !important; background: url(http://www.eidos.net.ua/img/back_arrow.gif) no-repeat; padding-left: 18px; height: 21px; display: block; line-height: 21px; margin-top: 15px;}
.MyriadProSemiExtIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProSemiExtendedItalic', sans-serif;}
		.MyriadProSemiExt {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProSemiExtended', sans-serif;}
		.MyriadProSemiboldSemiExtIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadProSemiboldSemiExtended', sans-serif;}
		.MyriadProSemiboldSemiExt {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadProSemiboldSemiExtended', sans-serif;}
		.MyriadProLightSemiExtIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProLightSemiExtendedIta', sans-serif;}
		.MyriadProLightSemiExt {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProLightSemiExtended', sans-serif;}
		.MyriadProBoldSemiExtIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadProBoldSemiExtendedItal', sans-serif;}
		.MyriadProBoldSemiExt {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadProBoldSemiExtended', sans-serif;}
		.MyriadProBlackSemiExtIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProBlackSemiExtendedIta', sans-serif;}
		.MyriadProBlackSemiExt {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProBlackSemiExtended', sans-serif;}
		.MyriadProSemiboldCondIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadProSemiboldCondensedIta', sans-serif;}
		.MyriadProSemiboldCond {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadProSemiboldCondensed', sans-serif;}
		.MyriadProLightCondIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProLightCondensedItalic', sans-serif;}
		.MyriadProLightCond {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProLightCondensed', sans-serif;}
		.MyriadProCondIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProCondensedItalic', sans-serif;}
		.MyriadProCond {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProCondensed', sans-serif;}
		.MyriadProBoldCondIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadProBoldCondensedItalic', sans-serif;}
		.MyriadProBoldCond {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadProBoldCondensed', sans-serif;}
		.MyriadProBlackCondIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProBlackCondensedItalic', sans-serif;}
		.MyriadProBlackCond {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProBlackCondensed', sans-serif;}
		.MyriadProSemiboldIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadProSemiboldItalic', sans-serif;}
		.MyriadProSemibold {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadProSemibold', sans-serif;}
		.MyriadProRegular {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadPro', sans-serif;}
		.MyriadProLightIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProLightItalic', sans-serif;}
		.MyriadProLight {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProLight', sans-serif;}
		.MyriadProIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadPro', sans-serif;}
		.MyriadProBoldIt {font-weight: bold; font-style: italic;line-height:normal; font-family: 'MyriadPro', sans-serif;}
		.MyriadProBold {font-weight: bold; font-style: normal;line-height:normal; font-family: 'MyriadPro', sans-serif;}
		.MyriadProBlackIt {font-weight: normal; font-style: italic;line-height:normal; font-family: 'MyriadProBlackItalic', sans-serif;}
		.MyriadProBlack {font-weight: normal; font-style: normal;line-height:normal; font-family: 'MyriadProBlack', sans-serif;}


.hidden{ display: none !important;}	
div.hidden,
div.hidden p,
div.hidden  li{font-size: 10px !important;}
#right_col span{font-size: 12px; display: block ; line-height: 18px; padding: 20px;  }	
/* pager
++++++++++++++++++++++++++++++++++++++++++*/
.cur_page{display: inline !important; width: 16px; padding: 5px !important; 
font-size: 14px !important;color: black;}
.hr{border-bottom: solid 1px #f4f4f4; margin: 30px 0 10px 0;}
#pager{margin-left: 200px;}
#pager a:link, 
#pager a:visited,
#pager a:hover{display: inline !important; width: 16px !important; padding: 5px !important; }
.more{margin-left: 20px;}
.d_news:first-letter{font-weight:normal;}
.news_descr{text-align: left; min-height: 260px;}
#services_main{width: 970px;   text-align: left; margin-left: 30px; margin-top: 20px;  overflow:hidden;}
#services_main div{width:175px; text-align: left; margin: 0 5px 30px 10px; float:left; padding: 0;
padding-bottom:30000px;
margin-bottom:-30000px;
font-size: 12px;
}
h2.services{margin-left: 30px;}
#services_main {position: relative; z-index:50000; }
#services_main ul {margin:0; padding:0; list-style:none}
#services_main ul li{margin:0; padding:0;white-space: normal !important;  list-style:none; font-size: 12px; padding: 3px 0;}
#services_main strong{color: #00baff; font-size: 14px; display: block; margin-bottom: 10px;}
#services_main a:link, 
#services_main a:visited,
#services_main a:hover{font-size: inherit; font-family: inherit; color: inherit; cursor: pointer;}
.service_open{display: block !important;}

/* Easy Slider */
#slider_container{
margin-top: 10px;
margin-left: 20px;
position: relative; top: 0; left:0;
}
#slider{
	position: relative;
	top: 0; left:0;
	min-height: auto;
	height: auto;
	}
#slider span,
#slider a{	background-color: transparent !important;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	height: auto;
text-align: center;

	}
#slider li{ 
		width:580px;
		height: auto;
		display:block;
		position: relative;
		top:0; left:0;
		float: left;
		display: block;
		min-height: 600px;
		text-align: center !important;
	
	}
#slider img{
	display: block !important;
	
	
	}	
#nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:560px;
	top:171px;
	padding:0;
	margin:0;
	}
#prevBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-50px;
	top:171px;
	
	}	
														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background: transparent url(http://www.eidos.net.ua/images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background: transparent url(http://www.eidos.net.ua/images/btn_next.png) no-repeat 0 0;	}
.m_counter{background: transparent url(http://www.eidos.net.ua/images/bullet.png) no-repeat 0 5px; width: 53px; height: 53px; font-size: 18px !important;  padding: 0px 0 5px  10px; color: #000; display: block; float: left; margin-right: 0px; position: relative; top: -15px;  left: 10px; }	
.m_counter2{background: transparent url(http://www.eidos.net.ua/images/bullet.png) no-repeat 25% 25%; width: 53px; height: 53px; font-size: 18px !important;   padding: 0px 0 5px  10px; color: #000; display: block; float: left; margin-right: 0px; position: relative; top: -15px;  left: 10px; text-indent: 5px;}	
.m_counter2 i,
.m_counter i{font-style: normal; }	
.m_counter2 i{margin-left: 0px; line-height: 30px }			
#slider h3{font-size: 16px;}
.menu_left_list{padding:0; margin:0; width: 240px; position: relative; z-index: 90000;}
.menu_left_list ul,
.menu_left_list ul li{
list-style: none; margin: 0; padding: 0; 
}
.mc_item{position: relative; top:0; left: 0;  display: block;  z-index: 1000000; }
.menu_left_item{background: #ffffff; width: 200px; position: absolute; top:0; left: 0; z-index:1000005; height: 160px;
 white-space:normal !important; text-align: left; display: block; overflow:hidden; 
-webkit-box-shadow:0 3px 3px -3px #cccccc inset;-moz-box-shadow:0 3px 3px -3px #cccccc inset;-ms-box-shadow:0 3px 3px -3px #cccccc inset;-o-box-shadow:0 3px 3px -3px #cccccc inset;box-shadow:0 3px 3px -3px #cccccc inset;*border-top:2px solid #ccc;background:#faf9f7; 
 }
a.slider:link,
a.slider:visited,
a.slider:hover{ padding-left:200px;text-align: left; display: block; width: 120px; margin-left: 0px; margin-top: 10px; white-space:normal !important}
.menu_left_pic{ width: 200px; position: relative; top:10px; left: 10px; z-index:1000008;}
.right_pannel{position: relative; top:0; left:0; z-index: 50000;}
/* ball
++++++++++++++++++++++++++++++++++++++++++*/
#ball{position: absolute; top:125px; left:210px; width: 160px; }
.ball_question{width: 140px; font-size:12px; display: block; text-align: center; clear: both; margin-left:10px;}
#left_lnk{width: 60px;  font-size:9px !important; display: inline-block; float: left; margin-left: 3px; text-align: right; white-space:normal;}
#right_lnk{width: 60px;  font-size:9px  !important; display: block; float: right; margin-right: 18px;  text-align: left}
#ball_lnk_services{font-size: 10px; margin-top: 15px; display: block; clear: both;  margin-left: 40px;}
#magic_ball{
  width: 600px; height: 349px; position: relative; text-align: center;

}
.click_click{font-size: 18px !important; color: #373b3a  !important; text-align: center; position: absolute; top: 30px; left: 0px;}


.m_cl_overlay{
 background:rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#cc000000,endColorstr=#cc000000); height:60px; width: 580px; position: absolute; top:0px; z-index: 500000; }
.m_cl_overlay h3{color: #ffffff; padding: 0px 15px 0px 0; text-align: left !important; font-weight: normal}
.services_brief{text-align: left; margin-bottom: 100px;}
.services_brief label{display: block;}
#dtx-highlighting-item{padding:0; margin:0; display: inline;}
span{padding:0; margin:0; display: inline;}
ul.small{margin-left: 10px;}
ul.small li{
font-size: 12px !important; line-height: 20px;
}
.success{color: green; border: solid 1px green;}
.err{color: red; border: solid 1px red; padding: 10px; font-size: 11px;}
.err ul li {color: red;}
