.select_language
{
position: absolute;
margin: 0px -100px;
z-index: 10;
display: block;
left: 50%;
top: 0px;
padding: 10px 30px;
text-align: center;
border-radius: 0% 0% 15% 15%;
background: rgba(0, 0, 0, 0.25);
}
.select_language li
{
display:inline-block;
}
.select_language li img
{
cursor: pointer;
width: 20px;
height: 15px;
margin: 0px 5px;
}
.active_lang
{

}
#userLogo
{
display:inline-block;
}
#userLogo img
{
max-width:110px;
max-height:45px;
}
#username_login
{
display:inline-block;
color: #fff;
padding-left: 10px;
}
.input
{
max-width: 166px;
width: 100%;
padding: 2px 10px;
color: #AAA;
display: block;
margin: 0px 0px 2px 2px;
}
.black td
{
width: 200px;
padding: 0px 10px;
height:18px;
}
.black td:first-child
{
padding-left: 0px;
}
.black td:last-child
{
padding-right: 0px;
}
.black,.black2
{
display:none;
z-index:100;
position:absolute;
top:0px;
left:0px;
background-color:rgba(0,0,0,0.8);
width:100%;
height:100%;
}
.upgrade_message input
{
width: 200px;
padding: 6px 10px;
}
.upgrade_message
{
width: 450px;
position: relative;
top: 300px;
margin: 0px auto;
background-color: #000;
padding: 10px 20px 15px 10px;
color: #FFF;
text-align: left;
border: 1px solid #333;
z-index:200;
line-height:16px;
}
.upgrade_message td{width:150px;}
.upgrade_cancel:hover,.upgrade_ok:hover,.purchase_code:hover,.message_ok:hover {color:#fff;}
.upgrade_cancel,.upgrade_ok,.purchase_code,.message_ok {
cursor: pointer;
line-height: 16px;
color: #999;
}


.purchase_code:hover{background-color: #4BA1D3;}
.purchase_code
{
color: #14F;
cursor: pointer;
line-height: 20px;
text-decoration: underline;
color: #438EB9;
background-color: #5BB1E3;
padding: 10px 15px;
color: #FFF;
border-radius: 10px;
text-decoration: none;
margin: 6px 0px;
text-align: center;
}

.inactive
{
cursor:default;
color:#444;
}
#menudiv
{
height: 35px;
position: absolute;
top: 70px;
width: 1200px;
background-color: #555;
font-family: Arial, Helvetica, sans-serif;
color: white;
z-index: 4;
line-height: 20px;
overflow:hidden;
transition: height 300ms;
-moz-transition: height 300ms; /* Firefox 4 */
-webkit-transition: height 300ms; /* Safari and Chrome */
-o-transition: height 300ms; /* Opera */
-webkit-box-shadow:  0px 6px 3px -1px rgba(0, 0, 0, 0.3);        
box-shadow:  0px 6px 3px -1px rgba(0, 0, 0, 0.3);
}
#menudiv:hover
{
height:160px;

}
#menu
{
background-color: #555;
margin: 0;
padding: 0;
list-style: none;
}
#menu li
{	
padding: 5px 10px 5px 20px;
background-color: #555;
display: inline-block;
width: 365px;
z-index: 500;
margin: 0px;
cursor: pointer;
height:150px;
vertical-align:top;
overflow: hidden;
}

#menu li ul
{
display: block;
width: 390px;
padding:0px;
z-index: 500;
margin: 0px;
vertical-align:top;
transition: color 1200ms ease-in;
-moz-transition: color 1200ms ease-in; /* Firefox 4 */
-webkit-transition: color 1200ms ease-in; /* Safari and Chrome */
-o-transition: color 1200ms ease-in; /* Opera */
}
#menu li ul:not([class="inactive"]):hover
{
color:#aaa;
transition: color 300ms;
-moz-transition: color 300ms; /* Firefox 4 */
-webkit-transition: color 300ms; /* Safari and Chrome */
-o-transition: color 300ms; /* Opera */
}
#menu li ul:not([class="inactive"]):hover
{
color:#aaa;
transition: color 300ms;
-moz-transition: color 300ms; /* Firefox 4 */
-webkit-transition: color 300ms; /* Safari and Chrome */
-o-transition: color 300ms; /* Opera */
}
a#knowledge_base:link {color:#fff;text-decoration:none;}      /* unvisited link */
a#knowledge_base:visited {color:#fff;text-decoration:none;}  /* visited link */
a#knowledge_base:active {color:#fff;text-decoration:none;}  /* selected link */
a#knowledge_base
{
display: block;
width: 390px;
padding:0px;
z-index: 500;
margin: 0px;
vertical-align:top;
transition: color 1200ms ease-in;
-moz-transition: color 1200ms ease-in; /* Firefox 4 */
-webkit-transition: color 1200ms ease-in; /* Safari and Chrome */
-o-transition: color 1200ms ease-in; /* Opera */
}
a#knowledge_base:not([class="inactive"]):hover
{
color:#aaa;
transition: color 300ms;
-moz-transition: color 300ms; /* Firefox 4 */
-webkit-transition: color 300ms; /* Safari and Chrome */
-o-transition: color 300ms; /* Opera */
}
#nav
{
display:none;
margin: 0;
padding: 0;
list-style: none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li
{
float: left;
display: block;
width: 1200px;
background: transparent;
position: relative;
z-index: 500;
margin: 0 0px;
cursor: pointer;
}

/* this is the parent menu */
#nav li span
{
display: block;
text-decoration: none;
width: 1200px;
}

#nav li span:hover
{
color:#000;
transition: color 1s;
-moz-transition: color 1s; 
-webkit-transition: color 1s; 
-o-transition: color 1s;
}


#nav span.selected
{
}


#nav ul
{
position: absolute;
left: 0px;
display: none;
margin: 0 0 0 0px;
padding: 0;
list-style: none;
}

#nav ul li
{
width: 1200px;
float: left;
}

/* display block will make the link fill the whole area of LI */
#nav ul span
{
display: block;
height: 15px;
padding: 0px 0px;
color: #fff;
}

#nav ul span:hover
{
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
#nav ul
{
margin: 0 0 0 -2px;
}

#photoholder
{
visibility: hidden;
}
#thephoto
{
visibility: hidden;
}
.stili1
{
cursor: pointer;
width: 450px;
padding-left: 20px;
height: 20px;
}
.stili2
{
cursor: pointer;
width: 450px;
padding-left: 20px;
height: 20px;
}
.stili3
{
cursor: pointer;
width: 300px;
padding-left: 20px;
height: 20px;
}
input,textarea
{
width: 140px;
line-height: 18px;
height:18px;
}

#center_frame
{
display:none;
opacity:0.97;
}
#oroixrisisframe
{
display: none;
position: absolute;
top: 36px;
width: 1200px;
height: 860px;
z-index: 11;
overflow: auto;
margin: 0px auto;
}
#msgbox2
{
border: 1px solid #555;
padding: 20px;
border-radius: 2px;
background-color: #222;
color: white;
font-family: Arial, Helvetica, sans-serif;
width: 400px;
height: 100px;
z-index: 20;
position: absolute;
overflow: hidden;
top: 250px;
opacity: 0.999;
margin:0px -200px;
display:none;
left:50%;
}
#close_button:hover
{
color: #000;
}
#close_button
{
cursor: pointer;
font-family: arial;
position: absolute;
right: 5px;
top: 5px;
z-index: 100;
color: #ccc;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #FFF;
}
#table_oroi
{
background-color: #fff;
margin: 40px auto;
border: 1px dotted #CCC;
border-right: none;
border-left: none;
padding: 10px 80px 10px 20px;
width: 100%;
color: #000;
font-family: 'Myriad Pro','sans-serif';
top: 0px;
position: relative;
}
#table_oroi *{color:#000;}
#msgbox
{
background-color: rgba(0, 0, 0, 0.85);
color: #000;
top: 0px;
z-index: 10;
position: absolute;
width: 1200px;
height: 860px;
opacity: 0.85;
display: none;
}


.tabs
{
position:relative;
overflow:hidden;
margin: 0px auto;
line-height:20px;
height:20px;
width: 1176px;
color:#C0C0C0;
font-family: arial, Helvetica, sans-serif;
border-top:1px dotted #333;
border-bottom: 1px dotted #333;
}

.tab_include_button
{
position:relative;
overflow:hidden;
height: 20px;
width: 1156px;

}
.tabs .tab_cirlce
{
display: inline-block;
position: relative;
margin-right: 10px;
vertical-align: middle;
height: 12px;
width: 12px;
border-radius:50%;
background:#5BB1E3;
display:inline-table;
margin:4px 10px 4px 0px;
}
.tabs .tab_project,.tabs .tab_system
{
display:inline-block;
vertical-align:top;
width:150px;
color:#51b1e3;
white-space:nowrap;
overflow: hidden;
}
.tabs .tab_system
{
width:100px;	
}
.tabs .tab_backslash
{
border-right: 1px dotted #333;
display: inline-block;
position: absolute;
line-height: 20px;
margin-right: 10px;
vertical-align: top;
height: 20px;
width: 20px;
right:-10px;
top:0px;
z-index:0;
}
.tab_close:hover
{
background-color:#e66;
}
.tab_close
{
text-align: center;
position: absolute;
top: 0px;
right: 5px;
height: 12px;
width: 12px;
color: #444;
line-height: 14px;
border-radius: 50%;
padding: 2px;
margin: 2px 10px 2px 0px;
}
.moving_tab
{
position:absolute;
left:0px;
-moz-transition: left 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out;
-webkit-transition: left 0.3s ease-in-out;
//width: 1840px;
}	

.tab_left_button img,
.tab_right_button img
{
width:20px;
height:20px;
}
.tab_left_button
{
display:none;
background-color: #FFF;
opacity: 1.5;
float: left;
width: 20px;
height: 20px;
vertical-align: middle;
cursor: pointer;
border-radius: 0% 50% 50% 0%;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
position: absolute;
z-index: 10;
}	
.tab_right_button
{
display:none;
background-color: #FFF;
opacity: 0.5;
float: right;
width: 20px;
height: 20px;
vertical-align: middle;
cursor: pointer;
border-radius: 50% 0% 0% 50%;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
position: absolute;
right: 0px;
z-index: 10;
}
.tab_left_button:hover,.tab_right_button:hover
{
opacity:0.8;
}
.tab_button:hover .tab_cirlce,.tab_system_button:hover .tab_cirlce
{
opacity:0.8;
}
.tab_button,.tab_system_button
{
background-color:transparent;
width: 207px;
padding: 0px 10px 0px 20px;
position: relative;
cursor: pointer;
display: inline-block;
float:left;
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none; 
z-index: 1;
transform: skewX(30deg);
-ms-transform: skewX(30deg);
-webkit-transform: skewX(30deg);
left: -5px;
}
.tab_system_button
{
width: 157px;
height:20px;
line-height:20px;
vertical-align:middle;
}

.tab_title,.tab_system_description
{
text-overflow: ellipsis;
height: 20px;
white-space: nowrap;
overflow: hidden;
line-height: 20px;
display:inline-block;
}
.tab_code
{
display:inline-block;
height: 20px;
white-space: nowrap;
overflow: hidden;
line-height: 20px;
}
.tab_close,.tab_project,.tab_cirlce,.tab_system
{
transform: skewX(-30deg);
-ms-transform: skewX(-30deg);
-webkit-transform: skewX(-30deg);
}
.button_pressed .tab_cirlce,.button_pressed_system .tab_cirlce
{
background-color:#333;
}
.button_pressed .tab_project,.button_pressed .tab_system,.button_pressed_system .tab_project,.button_pressed_system .tab_system
{
color:#333;
}
.tab_button.button_pressed,.tab_button.button_pressed_system
{
background:#fff;
}
.tab_include_system_button
{
position:absolute;
}
#bottomtbl
{
text-align:right;
margin: 0px auto;
width: 1200px; 
color: #C0C0C0; 
font-family: arial, Helvetica, sans-serif; 
padding-top: 4px; 
}