/*
 * File : imc.tel.php
 * This file is a part of the project IMX.TEL
 *
 * Author Daniel Veljjanoski
 * Created on 10/03/2010
 * (c) eTellicom EUROPE, Skopje
 *
 * CSS Document 
 */
 
     
* {
	padding:0px;  
	margin:0px;
}

html,body {
  padding: 0px;
  margin: 0px;
}
a {
text-decoration:none;
color:#000099;
}
a:hover{
text-decoration:underline;
color:#0066CC;
}

body {
    font:normal 13px Helvetica, Arial, sans-serif;
   	min-height: 340px; /* disable Safari header also for small sides */
	min-width:300px;
    background-repeat: repeat-x;
    background-color: #FEFEFE;
	color: #666666;


}
.footer {
	background:#95a6bc;
	height:7px;
}
.middle_body{
	/*background-image:url(../images/middle_box.jpg);*/
	background-repeat:repeat-y;
	background-position:center;
	background-color:#95a6bc;
	height:auto;
	border:1px solid #95a6bc;
	vertical-align:top;
	padding:0px;
	margin:0px;
}
.heder{
	/*border:1px solid #95a6bc;*/
	background:#95a6bc;
	height:7px;
	margin:0px;
	padding:0px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
 	-moz-border-radius-topright:5px;
 	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.top{
	/*border:1px solid #95a6bc;*/
	background:#4A4A4A;
	height:15px;
	margin:0px;
	padding:0px;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
 	-moz-border-radius-bottomright:5px;
 	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.copyright {
	border:1px solid #95a6bc;
	height:25px;
	color:#666666;
	line-height:25px;
	
	font-size:12px;
	padding-bottom:2px;
	/*background-image:url(../images/botom_box.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
 	-moz-border-radius-bottomright:5px;
 	-webkit-border-bottom-right-radius:5px;
	
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	
}
iframe {
padding:0px;
margin:0px;
border-bottom:1px solid #95a6bc;
}
.main_table{
	width:950px; min-height:340px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.capacities_table{
margin-left:15px;
border:1px solid #95a6bc; 
}

.capacities_table td{
border-bottom:1px solid #95a6bc;
border-right:1px solid #95a6bc;
padding-left:10px; line-height:25px;
width:160px
}
.capacities_table tr.class1{
background-color:#E1EBF0;
}
.logo{
 width:180px; height:110px; background-image:url(../images/new_logo_imx.png); background-repeat:no-repeat; background-position:bottom center;
}

img, img:hover, img:visited{
outline:0;
cursor:pointer;
}

.voice_world{
background-image:url(../images/world_84x69.png); background-position:right center; background-repeat:no-repeat;
}
/*>> TAB MENUS */

.modernbricksmenu2{
padding-top:5px;
margin-bottom:0px;
}

.modernbricksmenu2 ul{
margin-left: 17px; /*margin between first menu item and left browser edge*/
list-style: none;
height:40px;
}
.central_table{
height:100%; width:160px; 
border-right:1px solid #95a6bc; 
background-image:url(../images/midder_background.png); 
background-repeat:no-repeat; 
background-position:top right;
padding-left:8px;
position: fixed;
top:0px;
left:0px;

}
.modernbricksmenu2 li{
	position:relative;
	display: inline;
	padding:0px;
}
h1{
	color:#27537a;
	font-size:16px;
	text-shadow:#B8CFDA 5px 5px 5px;
}
.modernbricksmenu2 a{
	float: left;
	display: block;
    padding: 5px 0px 4px 0px;
    background-image:url(../images/btn_black.png);
    background-repeat:no-repeat;
    width:141px;
    top: 1px;
	line-height: 1.7;
    color:#FFFFFF;
    font-weight:800;
	font-size: 14px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */ 
	outline: 0; /* prevent dotted border in Firefox */
	margin: 0px 1px 0px 0px;
}

.modernbricksmenu2 a:hover{
	/*text-shadow:#FFFFFF 5px 5px 5px;*/
	background-image:url(../images/btn_black_hover.png); 
}
.ulyes ul{
	padding-left:35px;
	padding-top:10px;
}
.ulyes ul li{
	padding-top:4px;
	list-style-image:url(../images/yes_icon.gif);
}

a.selectedTab{
	background-image:url(../images/btn_black_selected.png); 
}
a.selectedTab:hover{ /*currently selected tab*/
	background-image:url(../images/btn_black_selected.png);
}

/*<< TAB MENUS */

.contact {
 padding:15px;
 width:530px;
 background-image: url(../images/top.jpg);
 background-repeat: repeat-x; background-color: #FEFEFE;
 border:1px solid #95a6bc;
	
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;	
border-radius:10px;
border-radius:10px;
}
.contact:hover{
background-image: url(../images/top2.jpg);
}
/************** POPUP **********************/
.popUp{
position: relative;
z-index: 0;
outline: 0; /* prevent dotted border in Firefox */
}

.popUp:hover{
background-color: transparent;
z-index: 50;
outline: 0; /* prevent dotted border in Firefox */
}

.popUp span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popUp span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popUp:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
.popUp:active{
outline: 0; /* prevent dotted border in Firefox */
}


#real_time {
float:left;
color:#FFFFFF;
font-size:10px;
padding-left:15px;
}
.visitor {
color:#FFFFFF;
font-size:10px;
float:right;
right:0px;
padding-right:15px;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(../images/background.gif) no-repeat;}
#circularMenu li {display:block; width:95px; height:95px; position:absolute;}
#circularMenu li.mail {left:95px; top:-15px; background:url(../images/menu/mail.png) no-repeat center center;}
#circularMenu li.conference {left:224px; top:56px; background:url(../images/menu/conference.png) no-repeat center center;}
#circularMenu li.visualcontact {left:-30px; top:60px; background:url(../images/visualcontact_95x64.gif) no-repeat center center;}
#circularMenu li.email {left:230px; top:115px; background:url(../images/email.gif) no-repeat center center;}
#circularMenu li.address {left:5px; top:115px; background:url(../images//address.gif) no-repeat center center;}
#circularMenu li.visualattendant {left:225px; top:175px; background:url(../images/visualattendant_90x64.gif) no-repeat center center;}
#circularMenu li.faxprinter {left:-20px; top:172px; background:url(../images/menu/fax.png) no-repeat center center;}
#circularMenu li.efone {left:100px; top:235px; background:url(../images/efone_64x64.gif) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:95px; height:95px; text-align:center;}

#circularMenu li a:hover {background:url(../images/menu/circle.png) no-repeat center center; text-decoration:none; }
#circularMenu li.visualcontact a:hover, #circularMenu li.efone a:hover, #circularMenu li.visualattendant a:hover{ background-image:none;}

#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px;color:#27537a;font-size:16px; text-shadow:#B8CFDA 5px 5px 5px; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.mail a:hover b {left:-2px; top:120px;}
#circularMenu li.conference a:hover b  {left:-122px; top:54px;}
#circularMenu li.visualcontact a:hover b  {left:123px; top:44px;}
#circularMenu li.email a:hover b  {left:-132px; top:-11px;}
#circularMenu li.address a:hover b  {left:93px; top:-11px;}
#circularMenu li.visualattendant a:hover b  {left:-132px; top:-67px;}
#circularMenu li.faxprinter a:hover b  {left:123px; top:-67px;}
#circularMenu li.efone a:hover b  {left:-2px; top:-131px;}


/**** DROP DOWN MENU ***/
.chromestyle{
width: 99%;
font-weight: bold;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #fff; /*THEME CHANGE HERE*/
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
background-color:#e0e2e2;
}


.dropmenudiv a{
width: auto;
display: block;
letter-spacing:0.1px;
border-bottom: 1px solid #fff; /*THEME CHANGE HERE*/
padding: 3px 0;
padding-left:5px;
text-decoration: none;
font-weight: 700;
color: #666666;
font-size:11px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0066cc;
color:#FFFFFF;
}