@import url("jquery.tabs.css");
@import url("jquery.cluetip.css");
@import url("jquery.panels.css");


#loading {
left:50%;
margin-left:-26px;
position:fixed;
top:0;
z-index:10000;
display:none;
background: #fff4c1;
height:20px;
padding-left:10px;
padding-right:10px;
}


/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, big, p, 
blockquote, pre, a, abbr, address, cite, code, dfn, em, img, kbd, q, samp, 
small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; color: inherit; background-color: inherit;}
:focus { outline: 0; }
ul, li { list-style-type : none; list-style-image: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body{ color: #465366; font-family : Arial, Helvetica, sans-serif; font-size: 12px; text-align:center}
h1, h2, h3, h4, h5, h6{ font-family : Arial, Helvetica, sans-serif; }
h1{ font-size: 24px;}
h2{ font-size: 20px;}
h3{ font-size: 18px;}
h4{ font-size: 14px;}
h5{ font-size: 12px;}
h6{ font-size: 11px;}
a{ color: #3399cc; text-decoration : underline; background-color: inherit;}
a:hover{ color: #465366; background-color: inherit; text-decoration : underline !important ;  }
img{ border: 0; display:block; }

textarea {width:600px;height:200px;}
input.long {width:600px;}
.container{text-align:left; margin: 0 auto; min-width:780px; max-width:1260px; width: 94%; $width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?
(document.documentElement.clientWidth < 800?"780px":(document.documentElement.clientWidth > 1280?"1260px":"94%")):
(document.body.clientWidth < 800?"780px":(document.body.clientWidth > 1280?"1260px":"94%")));}

/* layot - top */
#top{ border-top: 5px solid #dad9d9; background: url(../i/top_bg.gif) repeat-x 0 0; min-height: 70px; _height:70px; font-size: 11px; }
#top .container{ background: url(../i/top_bg.gif) repeat-x 0 0; }
#top a{ color: #465366; text-decoration: none;}
.logo{ position: relative; height: 70px; display:block; }
.logo .favorite{display:block; width: 136px; height: 25px; line-height: 20px; background: url(../i/favorite_bg.gif) no-repeat 50% 0; position: absolute; top: -5px; left: 200px; text-align: center}
.logo img{ position: absolute; left: 0; top: 10px; height:42px;}
.usermenu table{ float: right; color: #669999;  }
.usermenu .nav a{ margin-left: 15px; text-decoration: underline!important ; }

/* alert box */
.usermenu .box { border:1px solid #b9d1d5; position:relative; }
.usermenu .box .inner{ padding: 0 20px; height: 30px; padding-top: 3px}
.usermenu .box .inner img{ vertical-align: bottom; margin: 0 10px; margin-bottom: -3px; display:inline}
.usermenu .box .tl{ background: url(../i/alert_tl.gif) no-repeat; left:-1px; top: -1px}
.usermenu .box .tr{ background: url(../i/alert_tr.gif) no-repeat;  right: -1px; top: -1px}
.usermenu .box .br{ background: url(../i/alert_br.gif) no-repeat; right: -1px; bottom:-1px  }
.usermenu .box .bl{ background: url(../i/alert_bl.gif) no-repeat; left:-1px; bottom:-1px }
.usermenu .uho{width: 100%; position:relative; }
.usermenu .uho div { width: 5px; height: 5px; font-size: 0; position:absolute;  }
.usermenu .alerts { padding-left: 15px; }
.usermenu .alerts a, .usermenu .alerts a:hover{ text-decoration: none!important; }
.usermenu .alerts a b{ text-decoration: underline!important ; font-weight: normal; }
.usermenu .alerts a i{ color: #999; font-size: 18px; font-style: normal; position: relative; bottom: -3px;  right: 5px; _right: -10px}

/* layot - menu */
#menu{background: #e7f1f5; border-bottom: 1px solid #cbdadf; min-height: 38px; _height:38px; }
#menu .left{text-align: left; white-space:nowrap; }
#menu .right{ text-align: right; white-space:nowrap; }

/* menu - tabs */
#menu .nav a, #menu .nav a span{ float: left; text-decoration: none!important ; min-height: 38px; _height:38px; color: #7f9ca2  }
#menu .nav a span { padding: 0 20px; line-height: 38px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer ;  }
#menu .nav a:hover, #menu .nav a:hover span{background: #d4ecf6; color: #465366; }
#menu .nav b a, #menu .nav b a:hover{ background: #fff url(../i/menutav_tl.gif) no-repeat 0 0; padding-left: 5px; color: #465366}
#menu .nav b a span, #menu .nav b a:hover span{  line-height: 35px; background: transparent url(../i/menutab_tr.gif) no-repeat 100% 0; padding: 0 20px 0 15px; color: #465366; padding-top: 1px;   }
#menu .nav b a{ position: relative; bottom: -1px; text-align: center }
#menu .nav a.button{ background: url(../i/menubutton_bg.gif) no-repeat 0 0; padding: 0; height: 31px; width: 31px; }
#menu .nav a.button{ margin: 5px 10px 0 0; min-height: 31px; _height:31px; }

/* search */
#menu .search { border-bottom: 1px solid #fff;  }
#menu .search table{ width: 100%; }
#menu .search td{ border: 1px solid #d2d4d4; padding: 1px; background: #fff; }
#menu .search td.input{ width: 100%; border-right: 1px solid #fff; padding-left: 3px}
#menu .search td.input input{ font-size: 11px ; color: #9c9c9b; border: 1px solid #fff; width: 100% }
#menu .search a{ font-size: 10px; color: #465366;  }
#menu .search .button img{ height: 21px; width: 26px;  }
#menu .search .extra img{ height: 21px; width: 14px; }

/* layot - headline */
#headline .left{ text-align: left; white-space:nowrap;   }
#headline .right{ text-align: right;  }
#headline td{ height: 30px }
#headline h4{ float: left; margin-right: 20px; line-height: 34px} 
#headline .nav{ float: left;  }

/* headline - sub menu */
#headline .nav a, #headline .nav a span, #headline .nav b{ float: left; text-decoration: none ; min-height: 34px; _height:34px; color: #465366 ;  }
#headline .nav a:hover, #headline .nav a:hover span{color: #465366; text-decoration: underline!important  }
#headline .nav a span {  line-height: 34px; font-weight: bold; font-size: 14px;  cursor: pointer ;  }
#headline .nav b a, #headline .nav b a:hover{bottom: 0; background: #fff4c1 url(../i/activetab_tr.gif) no-repeat 100% 0; padding-right: 5px; color: #465366}
#headline .nav b a span, #headline .nav b a:hover span{background: transparent url(../i/activetab_tl.gif) no-repeat 0 0; padding: 0 25px 0 30px; }
#headline .nav b { padding-bottom: 12px; background: url(../i/activetab_bt.gif) no-repeat 45% 100%;  }
#headline .nav b, #headline .nav a { position: relative; bottom: -10px; text-align: center; }
#headline .nav b a, #headline .nav a{ margin-right: 20px;   }

/* ticket - deadline */
#headline .info{ color: #8f9398; padding-top: 15px;  margin-left: -5px; float:left }
html:first-child #headline .info{width: 320px;   }
#headline .flag { float: left; margin-right: 10px; margin-top: 3px; }
#headline .deadline{ float: left; margin-right: 7px; height: 21x; line-height: 21px;  }
#headline .remain { float: left; padding: 3px 10px; _width: 1%;  }

/* ticket - action buttons */
#headline .actions { float: right; }
#headline .actions td{ text-align: center; font-size: 11px; white-space:nowrap; text-align: center}
#headline .actions a{ display:block; color: #9c9c9b; text-decoration: none; background: url(../i/ico_bg.gif) no-repeat 50% 16px;   border: 1px solid #fff;  padding: 5px 7px 3px;  }
#headline .actions a img{display:inline; }
#headline .actions a span{ color: #9c9c9b; text-decoration: none; background-position: 50% 10px;  display:block; }
#headline .actions a:hover, .actions a:hover span { text-decoration: none!important ;   }
#headline .actions a:hover{ border: 1px dashed #CBDADF;  }

div.tollbar .actions td{ text-align: center; font-size: 11px; white-space:nowrap; text-align: center}
div.tollbar .actions a{ display:block; color: #9c9c9b; text-decoration: none; background: url(../i/ico_bg.gif) no-repeat 50% 16px;   border: 1px solid #fff;  padding: 5px 7px 3px;  }
div.tollbar .actions a img{display:inline; }
div.tollbar .actions a span{ color: #9c9c9b; text-decoration: none; background-position: 50% 10px;  display:block; }
div.tollbar .actions a:hover, .actions a:hover span { text-decoration: none!important ;   }
div.tollbar .actions a:hover{ border: 1px dashed #CBDADF;  }

/* layot - content */
#content { background: url(../i/content_bg.gif) repeat-x 0 0; min-height: 100px; _height: 100px; }
#content .container{ background: url(../i/content_bg.gif) repeat-x 0 0; }
#content .leftcol{ padding-right: 15px; vertical-align: top; padding: 30px 0}
#content .rightcol{ width: 50%; padding-left: 15px; vertical-align: top; padding: 30px 0 30px 30px}

/* layot - bottom */
#bottom{ font-size: 11px; background: url(../i/bottom_bg.gif) repeat-x 0 0; padding: 30px 0; }
#bottom td{ vertical-align: top; }
#bottom .right{ text-align: right; padding-left: 20px}
#bottom a{ color: #7f9ca2; }
#bottom a:hover{ color: #465366; }
#bottom .nav{ float: right}
#bottom .nav a{float: left; margin-left: 10px }

/* block */
.block .title { background: url(../i/block_t.gif) repeat-x 0 0; }
.block .title .right{ background: url(../i/block_tr.gif) no-repeat 100% 0;  }
.block .title .left{ background: url(../i/block_tl.gif) no-repeat 0 0; padding-left: 20px;   }
.block .title table{ width: 100%;   }
.block .title table td{ font-size: 12px; border-bottom: 1px solid #ccc; height: 27px;}
.block .title h3{  position: relative; bottom: -11px;  background: url(../i/block_bt.gif) no-repeat 0 100%; padding-bottom: 15px; margin-top: -5px }
.block .title h3, .block .title h3 a{ font-size: 12px; color: #7f9ca2; text-decoration: none;}
.block .title .right{ color: #7f9ca2; text-align: right; padding-right: 10px}
.block .title .nav{ float: right; font-size: 11px; }
.block .title .nav a{ float:left; color: #465366;  padding-right: 25px; background: url(../i/title_a.gif) no-repeat 100% 0; margin-left: 10px; height: 16px }
.block .inner{ border: 1px solid #cdcdcd; border-top: 0; background: url(../i/block_bg.gif) repeat-x 0 0; color: #7f9ca2}
.block .inner div{ background: url(../i/block_bl.gif) no-repeat 0 100%; position: relative; left: -1px; bottom: -1px; $bottom: 0;}
.block .inner div div{ background: url(../i/block_br.gif) no-repeat 100% 100%; position: relative;  left: 2px; bottom:0; $bottom: -1px; padding: 20px}
.block .inner div div div{ position: static; background: none; left: 0; padding: 0; bottom:0; }
.block .bottom{background: url(../i/sh_bg.gif) repeat-x 0 0; margin-bottom: 10px}
.block .bottom div{background: url(../i/sh_l.gif) no-repeat 0 0;}
.block .bottom div div{background: url(../i/sh_r.gif) no-repeat 100% 0; height: 20px}

/* block - basic table */
table.basic { width: 100%; }
table.basic td{ border-bottom: 1px solid #d9dee4; padding: 2px 0; }
table.basic td img{ display:inline; margin: 0 5px; vertical-align: bottom;  }

/* block - ticket content */
.block .msg{color: #7f9ca2; }
.block .msg h4{color: #465366; margin-bottom: 5px; font-size: 14px}
.msg ul{ padding: 10px 0 5px; }
.msg li{ background: url(../i/li.gif) no-repeat 0 7px; margin-bottom: 5px; padding-left: 17px;  }

/* block - add comment */
textarea#comment {  width: 98%; border: 1px solid #ccc; overflow: hidden  }
#addcomment button{ float: left; width: auto; padding: 0;  }
#addcomment textarea{ margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
#addcomment .button{ float: right; border: 1px dashed #fff; padding-left: 10px;
background: url(../i/ico_bg.gif) no-repeat 5px 1.5em; font-size: 11px; color: #7089ad; }
#scanfile{ float: left; border: 1px dashed #fff; padding-left: 10px;
background: url(../i/ico_bg.gif) no-repeat 5px 1.5em; font-size: 11px; color: #7089ad; }
#flashdown .button{ float: left; border: 1px dashed #fff; padding-left: 10px;
background: url(../i/ico_bg.gif) no-repeat 5px 1.5em; font-size: 11px; color: #7089ad; }
#addcomment .button:hover,#flashdown .button:hover,#scanfile:hover{ border: 1px dashed #CBDADF; }
#addcomment .button span,#flashdown .button span,#scanfile span{ display:block; padding: 0 5px 0 25px; cursor:pointer; line-height: 28px }
#addfile span { background: url(../i/addfile.gif) no-repeat 0 5px; cursor:pointer;}
#scanfile span { background: url(../i/scanner.png) no-repeat 0 5px; cursor:pointer;}

/* block - list comments */
.comments dt{ position: relative; padding: 5px 0; border-top: 3px solid #c7c8c8; color: #7f9ca2; font-size: 11px; overflow: hidden; _overflow:visible; _height:0; zoom:1 }
.comments dt b{float: left; font-weight: normal;width: 60%;  }
.comments dt small{float: right; position: relative; }
.comments dt small i{float: left; font-style: normal; }
.comments dd{ background: url(../i/block_bg.gif) repeat-x 0 0; padding: 15px; color: #6A6F76; }
.comments dd i{ color: #7f9ca2!important ; }
.cite{  float:left;  width: 16px; height: 16px; overflow: hidden; position: relative; text-decoration: none; margin-left: 5px}
.cite span{ display:block; width: 16px; height: 16px; position: absolute; top: 0; left: 0; background: url(../i/cite.gif) no-repeat 0 0; cursor:pointer}

/* block - collapse nav*/
.collapse{ float:right; text-align: right;  clear:both; top: -17px; margin-bottom: -30px; position: relative; }
.block .title .collapse{ margin: 0; margin-right: 10px; top: 0}
.collapse a{ color: #7089ad!important ; padding-left: 12px; font-size: 11px; float:left;margin-left: 10px; white-space:nowrap; }
.collapse .down{ background: url(../i/down.gif) no-repeat 0 50%; }
.collapse .up{ background: url(../i/up.gif) no-repeat 0 50%; }

/* block - slides */
.slides{ position: relative; clear:both; margin-top: -10px; }
.slides fieldset {margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #ddd;  background: url(../i/legend_bg.gif) repeat-x 0 0; $position:relative;}
.slides legend { font-weight: bold; $position: relative; $top: -17px; $margin-bottom: -7px; $margin-left: -7px}
.slides legend span{ padding: 5px 10px 5px 0; background: #fff; color: #465366; }

/* block - files table */
.files{ margin-bottom: 50px}
.files td{ width: 100%;  }
.files a{ color: #6A6F76; text-decoration: none }
.files img{ display:inline; margin: 0 5px; vertical-align: bottom}
.files .size{ white-space: nowrap; font-size: 11px; text-align: right}

.files tr td.name { padding-left: 16px; background: url(../images/ui-checkbox-disable.png) no-repeat 0 0; background-position: left center; cursor:cross; }
.files tr.downable td.name { background: url(../images/ui-check-box-uncheck.png) no-repeat 0 0; background-position: left center; cursor:pointer; }
.files tr.downable.ui-selected td.name  { background: url(../images/ui-check-box.png) no-repeat 0 0; background-position: left center; cursor:pointer; }

/*a[title$='.pdf'] {
display:inline-block;
padding-left:20px;
background:transparent url(../i/addfile.gif) no-repeat 0 0;
}*/

/* block - agreement table*/
.agreement td{ width: 100%; }
.agreement .status { white-space: nowrap; text-align: right}
.agreement .actions { text-align: right; padding-right: 10px; white-space:nowrap; }
.agreement .actions div{ text-align: left; }
.agreement .submit{margin: 3px 0;  width: 100px; }
.agreement form{ margin: 5px 0; }

/* status legend */
.legend{ overflow: hidden; _overflow: visible; _height: 0; zoom: 1;  font-size: 11px}
#headline .legend { margin: 7px 0; }
.legend small{ float: left; margin-right: 10px; }
.legend img{ display: inline; margin-right: 10px}


/* table listing */
.listing{ width: 100%;  border-top: 5px solid #bfd2d6; border-bottom: 5px solid #bfd2d6; margin-bottom:10px; clear:both}
.listing td{ color: #465366;  padding: 10px; border-bottom: 1px solid #bfd2d6;  }
.listing th{ color: #7f9ca2; font-size: 11px; border-right: 1px solid #bfd2d6; border-bottom: 1px solid #bfd2d6;
border-left: 1px solid #fff; padding: 7px 5px; background: #fff url(../i/th_bg.gif) repeat-x 0 100%; text-align: center }
html:first-child .listing th{ border-left: 0; }
.listing th.last{ border-right: 0!important ; }
.listing tr.odd { background: #f2fdff; }
.listing a{ color: #798ca8; }
/* main page - table listing */
.block .listing{ border-bottom: 0; }/* reset table borders */
.block .listing td{ font-size: 11px; padding: 5px; vertical-align: top }
.block .part{ border-top: 0; }/* reset table borders */
.block .part tr.odd { background: transparent; }/* reset color at main page */
.block .part td, .block .part td a{ font-size: 12px; color:#6A6F76;  text-decoration: none!important ; }

.block .part td small, .block .part td small a{ font-size: 11px; color: #798ca8;   }

/* table timeline */
.timeline{ width: 100%;  border-top: 5px solid #bfd2d6; border-bottom: 5px solid #bfd2d6; margin-bottom:10px; clear:both}
.timeline td{ color: #465366;  border-top: 5px solid #bfd2d6; padding: 10px 0;   }
.timeline table{ width: 100%; border:0; border-bottom: 1px solid #bfd2d6;}
.timeline table td{ border-top: 1px solid #bfd2d6; padding: 3px;}
.timeline table td a{ color: #798ca8; }
.timeline .w100{ width: 100%; }
.timeline .period{  width: 240px; margin-right: 20px; border: 0}
.timeline .date{ margin-right: 20px; width: 160px}
.timeline .period td{ border: 0; padding: 0; margin: 0; }
.timeline .period .right, .timeline .period tr:hover .right{ background: url(../i/arr0.gif) no-repeat 0 50%!important ; padding-left: 14px}
.timeline .boxed{  height: 30px; font-size: 11px; padding: 5px 10px; background: #e8f1f6; overflow:hidden}
.timeline .boxed b{ float: left; font-size: 24px; margin-right: 5px;   }
.timeline .boxed span{ float:left; height: 30px; line-height: 11px!important ; margin-top: 4px }
.timeline .boxed small{ float: left; height: 30px; line-height: 25px; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; padding-top: 8px; margin-top: -4px}

/* project's select */
.projects{color: #8d9398 }
.projects select{ margin-left: 5px; }
/* ticket options */
.options{ color: #8f9398; margin-bottom: 20px}
.block .options{ margin-bottom: 10px; }
.options b{ padding-right: 10px; float:left; padding-top: 3px}
.options td b{ padding-right: 10px; float:left; padding-top: 3px}
.options td.right{ padding-left: 20px; }
.edit{ display:block; float:left; white-space:nowrap; color: #6a6f76; padding: 2px 0 2px 7px; border: 1px dotted #9C9C9B; background: #fff url(../i/editel_bg.gif) repeat-y 100% 0;  }
.editel{ display:block-inline; background: transparent url(../i/editel.gif) no-repeat 100% 0; height: 16px; padding-right: 25px }
/* filter */
.filter{ margin-bottom: 5px; white-space:nowrap;  color: #8f9398; }
.filter select { margin-right: 10px;  }
.filter .search{  color: #465366; font-size: 11px; float: right; margin-top: -30px}
html:first-child .filter .search{ margin-top: 0; }
.filter button{ margin-bottom: 3px; $margin-bottom: 0}
.filter button span span{ width: 100px; }
.filter select{ $margin-bottom: 12px; }
#headline .filter{ margin: 5px 0 0; }
#content .filter{ margin-top: -15px; }

/* common elements*/

#btnCancel span { background: url(../i/cross0.gif) no-repeat 0 5px; }
.timeout td{ background: #ffe5cc}
td.extmail,p.extmail {
  background:#FF6A6A;
}
td.speccontrol,p.speccontrol {
  background:#FFAFAF;
}
.more, .more:hover{font-size: 11px; background: #e7f1f5; color: #7F9CA2; padding: 0 3px; text-decoration: none!important ; }
.more:hover{ color: #465366; background: #FFF4C1; }
.ctip{ width: 15px; height: 15px; position: relative; overflow:hidden; text-decoration: none }
.ctip span{ width: 15px; height: 15px; position: absolute; top:0; left:0; background: url(../i/ctip.gif) no-repeat 0 0;}
button{ border: 0; background: transparent; cursor:hand; cursor:pointer; }
button span{ display: block; color: #73777c; font-size: 11px; padding-left: 10px; background: url(../i/button_l.gif) no-repeat 0 0; white-space:nowrap;text-align: center;}
button span span{ background: url(../i/button_r.gif) no-repeat 100% 0; padding: 5px 23px 0 10px; height: 30px;  $margin-left: -30px }
.hl{  background: #FFF4C1!important ;}
.forma{ overflow: hidden; _overflow:visible; _height:0; zoom:1 }
select, input, textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { font-size: 12px; }
input.submit{ border: 1px solid #b2c5c9; padding: 3px 10px; background: #fff url(../i/submit_bg.gif) repeat-x 0 50%; font-size: 11px; }
.slider{ clear: both; background: #e8f1f6; height: 25px; font-size: 11px; color: #6a6f76; 
text-align: center ; position: relative; margin-bottom: 10px; line-height: 25px; padding: 0 10px}
.slider a{ width: 24px; height: 24px; overflow: hidden; position: absolute;  display:block; top: 0} 
.slider a span{ position: absolute; left: 0; top: 0; width: 24px; height: 24px; display:block; cursor: pointer }
.slider a.end{ right: 10px; }
.slider a.next{ right: 41px; }
.slider a.begin{ left: 10px; }
.slider a.prev{ left: 41px; }
.slider a.begin span{ background: url(../i/left2.gif) no-repeat 0 0;}
.slider a.prev span{ background: url(../i/left1.gif) no-repeat 0 0; }
.slider a.end span{ background: url(../i/right2.gif) no-repeat 0 0; }
.slider a.next span{ background: url(../i/right1.gif) no-repeat 0 0; }
.nobrd, .nobrd td{ border: 0; }
.listing tr:hover td, .timeline tr tr:hover td, .basic tr:hover td{ background-color: #FFF4C1!important ; }
.listing tr:hover td.extmail a,.listing tr:hover td.extmail a small {color:black}


#listbook {position:absolute;left:0px;top:0; width:auto;z-index:10;display:none}
#listbook .container{text-align:left; margin: 0 auto; min-width:580px; max-width:1060px; width: 80%; $width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?
(document.documentElement.clientWidth < 600?"580px":(document.documentElement.clientWidth > 1080?"1060px":"80%")):
(document.body.clientWidth < 600?"580px":(document.body.clientWidth > 1080?"1060px":"80%"))); }
#listbook .container .inner{ border: 1px solid #DAD9D9; border-width: 0 1px 5px; background: #fff url(../i/block_bg.gif) repeat-x 0 0; padding: 10px 20px 20px;z-index:99998;}
#listbook .listing{ border-bottom: 1px solid #bfd2d6!important ; margin-bottom: 0}
#listbook .close{ float: right; font-size: 11px; padding-right: 25px; background: url(../i/close.gif) no-repeat 100% 0; margin-bottom: 10px; height: 17px; cursor:hand; cursor:pointer}
#listbook .legend{ float: left; margin-bottom: 10px; background:  transparent}
#listbook .listing th{ padding: 3px; border-left: 1px solid #bfd2d6; }
#listbook .listing td{ font-size: 11px; padding: 3px; vertical-align: top }
#listbook .legend{ margin-bottom: 10px; background: transparent; }

.gray {color: rgb(204, 204, 204);}

#print_d {
position:absolute;
left:80%;
width:auto;z-index:10;display:none;
border: 1px solid #DAD9D9; border-width: 0 1px 5px; background: #fff url(../i/block_bg.gif) repeat-x 0 0; padding: 10px 20px 20px
}
#btnPrint_d span { background: url(../i/print.gif) no-repeat 0 5px; }
#print_d .button{ float: right; border: 1px dashed #fff; padding-left: 10px;
background: url(../i/ico_bg.gif) no-repeat 5px 1.5em; font-size: 11px; color: #7089ad; }
#print_d .button:hover{ border: 1px dashed #CBDADF; }
#print_d .button span{ display:block; padding: 0 5px 0 25px; cursor:pointer; line-height: 28px }

.obsearch {
  border:1px dotted #d4ecf6;
  background: url(../i/search.gif) no-repeat right;
  padding:0;
}
.autocomplete {
  display:block;
}
.mini-dia {
  width:250px;height:35px;border:1px dotted #d4ecf6;overflow:hidden;cursor:point;
}
.closedia {
  display:block;
  background:url('../i/close1.gif');
  cursor:pointer;
  font-size: 1px;
  width:7px;
  height:7px;
  text-decoration:none;
  margin-top:12px;
}
.closedia:hover {
	background-position:7px;
}

#drag_container
{
	background:#ffffff;
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	border: 1px dashed #767676;
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	line-height:18px;
	white-space: nowrap;
	padding:1px 1px 0px 16px;
	margin:0;
}
#drag_container li span
{
	padding:0;
}

#drag_container li.leaf, #drag_container li.leaf-last
{
	background: url(images/leaf.gif) no-repeat -17px 0 #ffffff;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: url('images/expandable.gif') no-repeat -17px 0 #ffffff;
}

#drag_container .folder-open, #drag_container .folder-open-last
{
	background: url('images/collapsable.gif') no-repeat -17px 0 #ffffff;
}

.error {border:1px dotted black;color:red;display:none;}

div.cmDiv
{
	background-color:transparent;
	
}
.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: default;
	
}
.clickMenu, .clickMenu ul
{
	list-style: none;
}
.clickMenu ul
{
	margin: 0;
	padding: 2px;
  border: 1px solid #DAD9D9; border-width: 0 1px 5px; background: #fff url(../i/block_bg.gif) repeat-x 0 0;
	min-width: 100px; /* ie doesnt know this :/ */
}
.clickMenu div.outerbox
{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	//top: 20px; /* for ie */
	left: 0;
	margin: 0;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}
.clickMenu li
{
	position: relative;
	padding: 0 20px 0 2px;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main
{
	float: left;
	padding: 0 10px;
	//height: 20px; /* for ie */
}
.clickMenu li.main li
{
	z-index: 2;
	min-width: 78px;
}
.clickMenu li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #FFF4C1!important;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{
	text-decoration: none;
	color: black;
	cursor: default;
}
/* thats for the shadowbox */
html>body div.outerbox
{
	//padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 0px;
	height: 0%;
//	background: transparent url(../i/sh_bg.gif) repeat-y right top;
}
html>body div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 0px;
	width: 0%;
//	background: transparent url(../i/sh_bg.gif) left bottom;
}
html>body div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 0px;
	width: 0px;
//	background: transparent url(../i/sh_r.gif) no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}

#clmenu {width:10px;padding:0px;}

li.advon
{
	background: url(../i/ok.gif) 0 50%;
}
li.advoff
{
	background: url(../i/cross.gif) 0 50%;
}

#listtable li
{
	background-repeat: no-repeat;
	padding-left: 20px;
}

.aedit{ display:block; float:left; white-space:nowrap; color: #6a6f76; padding: 4px 0 5px 7px; border: 1px dotted #9C9C9B; background: #fff url(../i/editel_bg.gif) repeat-y 100% 0;min-width:300px;  }
.aeditel{ display:block-inline; background: transparent url(../i/editel.gif) no-repeat 100% 0; height: 16px; padding-right: 25px }

.strike {
  text-decoration:line-through;
}
td.extmail a {color:#ffffff}
td.extmail a small {color:#ffffff}
.block .part td.extmail, .block .part td.extmail a {color:#ffffff}
.block .part td.extmail a small {color:#ffffff}

#barUpload {
  border: 1px solid #465366;
  clear:both;
  width:98%;
  height:15px;
  display:none;
}
#nameUpload {
  background-color:transparent;
}
#progresUpload {
  margin-top:-14px;
  background-color:#BFEFFF;
  height:13px;
  width:0%;
}

.yesEvent {
  background-color:lime;
}

.strike {
  text-decoration:line-through;
}

.profileNotify
{
	background-color: red;
}

.important
{
	background-color: #FD6805;
  color: white;
}
.important a
{
  color: white!important;
}

.important a:hover
{
  color: #6A6F76!important;
}