/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

* {
  cursor: default;
}

html,
body {
  overflow: hidden;
  direction:rtl;
}

body {
  background: #222;
  font: 12px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

/* `Misc
----------------------------------------------------------------------------------------------------*/

.abs {
  position: absolute !important;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
  direction:rtl;
}

.float_left {
  float: left;
  direction:ltr;
}

.float_right {
  float: right;
}

.FloatLeft {
    float :left !important ;
    padding-left :10px;
}

.FloatRight {
    float :right !important ;
    padding-right :10px;
}


/* `Icons
----------------------------------------------------------------------------------------------------*/

.icon {
  background: url(../images/gui/trans_white.png) no-repeat -99999px -99999px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  color: #066377;
  font-family :Tahoma ,Arial ;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 6px 1px 6px;
  text-align: center;
  text-shadow: #fff 0 1px 2px;
  width: 80px;
  right:0px;
  top:0px;
  cursor:pointer;
}

.icon.active {
  background: url(../images/gui/trans_black.png);
}

.icon img {
  background: url(../images/gui/trans_black.png) no-repeat -99999px -99999px;
  display: block;
  margin: 0 auto 5px;
  width: 32px;
  height: 32px;
}

.icon:hover,
.icon.ui-draggable-dragging {
  background-position: 0 0;
  background-repeat: repeat;
  border: 1px solid #fff;
  padding: 5px 0 5px;
}

.icon.ui-draggable-dragging {
  z-index: 20;
}


.toolicon {
  background: url(../images/gui/trans_white.png) no-repeat -99999px -99999px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  color: #066377;
  font-family :Tahoma ,Arial ;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 0px 1px 0px 1px;
  text-align: center;
  text-shadow: #fff 0 1px 2px;
  width: 24px;
  height: 24px;
  display: block;
 z-index: 999;
}

.toolicon:hover,
.toolicon.ui-draggable-dragging {
  background-position: 0 0;
  background-repeat: repeat;
  border: 1px solid #fff;
  /*padding: 5px 0 5px;*/
  cursor :pointer ;
}

/* `Bar >> Top + Bottom
----------------------------------------------------------------------------------------------------*/

#bar_top,
#bar_bottom {
  font-weight: bold;
  padding: 0 2px;
  left: 0;
  right: 0;
}

#bar_top {
  background: #fff url(../images/gui/bar_top.png) repeat-x left bottom;
  border-bottom: 1px solid #ddd;
  color: #999;
  line-height: 25px;
  padding-right: 20px;
  text-shadow: #fff 0 1px 1px;
  height: 25px;
  top: 0;
}

#bar_bottom {
  background: #99CCCC  url(../images/gui/bar_bottom.png) repeat-x;
  border-top: 1px solid #eee;
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  opacity: 0.8;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  text-shadow: #000 0 1px 1px;
  height: 30px;
  bottom: 0;
 }

 /* `Bar >> Links
----------------------------------------------------------------------------------------------------*/

#bar_bottom #show_desktop {
  /*border-left :1px solid #bbb;*/
  padding: 0 0 0 2px;
  cursor :pointer ;
}

#bar_bottom #show_desktop img{
  cursor :pointer ;
}

#bar_top li,
#bar_bottom li {
  float: left;
}

#bar_top li a,
#bar_bottom li a {
  display: block;
  padding: 0 10px;
}

#bar_top li a {
  color: #066377;
  overflow: hidden;
  height: 25px;
  min-height: 1px;
}

#bar_top a.active {
  background-color: #e5f8fb;
  color: #066377;
  border-left :solid 1px #aaa;
  border-right  :solid 1px #aaa;
  border-top :solid 1px #aaa;
  border-bottom  :solid 0px #aaa;
  text-shadow: none;
}

#bar_top .menu_Bar {
    margin:0;
    padding:0;
}

#bar_top ul.menu {
  background: #eee;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  display: none;
  font-weight: normal;
  margin: 0px 0 0 0px;
  padding: 0px 0px 0;
  position: absolute;
  min-width: 200px;
  z-index: 3000;
}

#bar_top ul.submenu 
{
    border-top:1px solid #aaa;
}
#bar_top a.submenu_trigger ,#bar_top a.submenu_trigger:hover
{
    
    background-repeat :no-repeat ;
    background-position: left ;
}

#bar_top .menu_trigger
{
    font-family : Tahoma ,arial;
    font-size : 11px;
    color:#066377 ;
    text-shadow: #fff 0 1px 2px;
}

#bar_top .menu_trigger:hover
{
  background: #e5f8fb ;
  color: #066377;
    border-left :solid 1px #aaa;
  border-right  :solid 1px #aaa;
  text-shadow: none;
}

#bar_top ul.menu li {
  float: none;
  
}

#bar_top ul.menu a 
{
    font-family : Tahoma ,arial;
    font-size : 12px;
    background-color : #e5f8fb;
    border-bottom: 1px solid #eee;
    min-width: 150px;
    padding: 0 5px;
}

#bar_top ul.menu li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
}

#bar_top ul.menu a:hover {
  background: #06c url(../images/gui/bar_top_link.png) repeat-x;

  color: #066377;
  text-shadow: none;
}

#bar_top li a img {
  float: right;
  padding :3px 0 0 3px;
}
#bar_top li a img.menuarrow
{
  float: left;
  margin: 4px 0 0 -5px ;
}
#bar_bottom li {
  display: none;
  margin: 0 0 10px 5px;
  min-width: 150px;
}

#bar_bottom li a {
  background: #333;
}

#bar_bottom a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  color: #fff;
  overflow: hidden;
  padding: 0 10px;
  height: 30px;
}

#bar_bottom a:hover {
  background: #000;
}

#bar_bottom a:active {
  background: #c60;
  border: 1px solid #fff;
  padding: 0 9px;
}

#bar_bottom li a img {
  float: left;
  margin: 4px 5px 0 -5px;
}

#bar_bottom .float_left img,
#bar_bottom .float_right img {
  display: block;
  padding: 4px 0 0;
}

#show_desktop{ background : no-repeat center url(../images/gui/icon_22_desktop.png);width:22px;}

.tool_Bar
{
    /*width:125px;*/
}
.app_Info {
    font-family : Tahoma ,arial;
    font-size : 11px;
    color:#066377 ;
    margin :0 10px;
}
/* `Wrapper + Wallpaper + Desktop
----------------------------------------------------------------------------------------------------*/

#wallpaper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#desktop {
  overflow:visible ;
  top: 26px;
  left: 0;
  right: 0;
  bottom: 0px;  /*The value was 41px changed in order to fix the minimize bug when adding nice scroll 2015-05-12*/
  background: #c2e0ec no-repeat center;
}

#wrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*--------------------------------------------------------------------------------*/