.hide {
    display: none!important;
}

option.hide {
    /*visibility:hidden;
    height:1px;
    display:inline;      */
}

.show {
    display: block;
}

.ajaxloading {
    background: #fff url( 'images/loader.gif' ) 96% 50% no-repeat;
    height: 100px;
}

#iAttachmentContainer {
}

.AttachmentsList ul li img {
/* need to delete */
    width: 100px;
    height: 100px;
}

.AttachmentsList  ul li a {
    padding-left: 20px;
}

.image_jpeg {
    background: url( 'images/icons/images.png' ) left 50% no-repeat;
}

/**
*   @name   :   datepicker
*   @desc   :   The css for Jquerys' date picker plugin
*   @revi   :   Revision notes
*/

#datepicker_div, .datepicker_inline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #e0e6f1;
    width: 185px;
}

#datepicker_div {
    display: none;
    border: 1px solid #ccc;
    z-index: 9999; /*must have*/
}

/* this targets webkit and agrd it looks ugly but it works and i love you OmniWeb! -rey */
/* not why, but this fix breaks firefox and chrome for me - Rob */
/*@media
all
and

(
min-width:

0
px

)
{
body:

not

(
:root:root

)*/
.datepicker_header {
    padding-left: 11px;
}

/* spoofs center alignment */
#datepicker_div {
    padding-right: 21px;
}


.datepicker_inline {
    float: left;
    display: block;
    border: 0;
}

.datepicker_rtl {
    direction: rtl;
}

.datepicker_dialog {
    padding: 5px !important;
    border: 4px ridge #ddd !important;
}

button.datepicker_trigger {
    width: 25px;
}

img.datepicker_trigger {
    margin: 2px;
    vertical-align: middle;
}

.datepicker_prompt {
    float: left;
    padding: 2px;
    background: #ddd;
    color: #000;
}

* html .datepicker_prompt {
    width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
    clear: both;
    float: left;
    width: 100%;
    color: #fff;
}

.datepicker_control {
    background: #400;
    padding: 2px 0px;
    display: none;

}

.datepicker_links {
    background: #000;
    padding: 2px 0px;
    display: none;
}

.datepicker_control, .datepicker_links {
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}

.datepicker_links label {
/* disabled links */
    padding: 2px 5px;
    color: #888;
}

.datepicker_clear, .datepicker_prev {
    float: left;
    width: 34%;
}

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
    float: right;
    text-align: right;
}

.datepicker_current {
    float: left;
    width: 30%;
    text-align: center;
}

.datepicker_close, .datepicker_next {
    float: right;
    width: 34%;
    text-align: right;
}

.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
    float: left;
    text-align: left;
}

.datepicker_header {
    padding: 5px 0 3px;
    text-align: center;
    height: 1.3em;
    padding-left: 12px;
}

.datepicker_header select {
    color: #000;
    border: 0px;
}

.datepicker {
    background: #ccc;
    text-align: center;
    font-size: 100%;
}

.datepicker a {
    display: block;
    width: 100%;
}

.datepicker_titleRow {
    background: #d4efff;
    color: #000;
}

.datepicker_daysRow {
    background: #eee;
    color: #666;
}

.datepicker_weekCol {
    background: #777;
    color: #fff;
}

.datepicker_daysCell {
    color: #000;
    border: 1px solid #ccc;
}

.datepicker_daysCell a {
    display: block;
}

.datepicker_weekEndCell {
    background: #ddd;
}

.datepicker_daysCellOver {
    background: #ffffcc; /*	border: 1px solid #777;*/

}

.datepicker_unselectable {
    color: #888;
}

.datepicker_today {
    background: #fcc !important;
}

.datepicker_currentDay {
    background: #999 !important;
    color: #000;
}

.datepicker_status {
    background: #ddd;
    width: 100%;
    font-size: 80%;
    text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}

.datepicker_inline .datepicker_links a {
    padding: 0 5px !important;
}

.datepicker_control a, .datepicker_links a {
    padding: 2px 5px !important;
    color: #eee !important;
}

.datepicker_titleRow a {
    color: #000 !important;
    font-size: 90%;
}

.datepicker_control a:hover {
    background: #fdd !important;
    color: #000 !important;
}

.datepicker_links a:hover, .datepicker_titleRow a:hover {
    background: #ddd !important;
    color: #000 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
    border: 1px solid #777;
}

.datepicker_oneMonth {
    float: left;
    width: 185px;
}

.datepicker_newRow {
    clear: left;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left {
    background-image: url( images/arrow_left.gif );
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    left: -12px;
    height: 23px;
    width: 10px;
    top: -3px;
}

#JT_arrow_right {
    background-image: url( images/arrow_right.gif );
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    height: 23px;
    width: 11px;
    top: -2px;
}

#JT {
    position: absolute;
    z-index: 899;
    border: 2px solid #CCCCCC;
    background-color: #fff;
    width: 30em;
    margin-left: -0.325em;
    margin-top: -5.525em;
    top: 0;
    color: #000;

}

#JT_copy {
    padding: 1em;
    color: #333333;

}

.JT_loader {
    background-image: url( images/loader.gif );
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 12px;
}

#JT_close_left {
    background-color: #CCCCCC;
    text-align: left;
    padding: .2125em 1em;
    font-weight: bold;
}

#JT_close_right {
    background-color: #CCCCCC;
    text-align: left;
    padding: .1375em 1em;
    font-weight: bold;
}

#JT_copy p {
    margin: 3px 0;
}

#JT_copy img {
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip {
    cursor: help;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask( ); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*---------- User contacts ------------ */
div.floating_list {
    padding: 2%;
}

div.floating_list div.list_item {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 2%;
}

div.floating_list div.project_list_item {
    width: 95%;
    clear: both;
}

/*----------- Tags -------------------*/
div#iContent div.RightPanel ul.tags_list {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 1em;
}

div#iContent div.RightPanel ul.tags_list li {
    background: transparent url( '/images/iconTag.png' ) no-repeat scroll 0pt 5px;
    float: left;
}

div#iContent div.RightPanel ul.tags_list li a.tag {
    margin-left: 0.5em;
    text-decoration: none;
}

/**
*   Content types for events
*/
span.event-type {
    width: 8em;
    display: block;
    float: left;
    text-align: center; /* padding:.125em; */
    padding: 0.75em;
}

span.created-event {
    background: #5CACC4;
}

span.modified-event {
    background: #A4C5DE;
}

/* final */
span.deleted-event {
    background: #bb0000;
}

/* final */
span.closed-event {
    background: #D86048;
    color: #fff;
}

/* final */
span.re-opened-event {
    background: #FA8ED2;
}

/* final */
span.resolved-event {
    background: #CEE879;
}

/* final */
span.comment-event {
    background: #FFC812;
}

/* final */
span.attachment-event {
    background: #f5f5f5;
}

/* final */
span.time-event {
    background: #ccffff;
}

/* final */

.divider {
    border-bottom: solid 1px #ddd;
}

/**
*   Common Actions
*/

li.actLogout {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/logout.jpg' ) left 50% no-repeat;
}

li.actHelp {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/help.jpg' ) left 50% no-repeat;
}

li.actProfile {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/profile.jpg' ) left 50% no-repeat;
}

a.actEdit {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/edit.png' ) left 50% no-repeat;
}

a.actEmail {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/email.png' ) left 50% no-repeat;
}

a.actAddComment {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/add-comment.jpg' ) left 50% no-repeat;
}

a.actLogTime {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/logTime.png' ) left 50% no-repeat;
}

a.actChangeEstimates {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/changeEstimates.png' ) left 50% no-repeat;
}

a.actResolve {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/resolve.png' ) left 50% no-repeat;
}

a.actUnresolve {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/unresolve.png' ) left 50% no-repeat;
}

a.actMove {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/car.png' ) left 50% no-repeat;
}

a.actClose {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/close.png' ) left 50% no-repeat;
}

a.actReopen {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/reopen.png' ) left 50% no-repeat;
}

a.actReopen {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/reopen.png' ) left 50% no-repeat;
}

a.actAttachFile {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/attach.jpg' ) left 50% no-repeat;
}

a.actReassign {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/re-assign.jpg' ) left 50% no-repeat;
}

a.actWatch {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/eye.jpg' ) left 50% no-repeat;
}

actHistory {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/History.png' ) left 50% no-repeat;
}

a.actUnWatch {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/unwatch.jpg' ) left 50% no-repeat;
}

a.actDownloadZip {
    height: 16px;
    padding-left: 2em;
    background: url( 'images/doanloadzip.png' ) left 50% no-repeat;
}

/*  User Actions */
a.actAddUser {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/user-add.png' ) left 50% no-repeat;
}

/*  Projects */
a.actArchive {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/archive.png' ) left 50% no-repeat;
}

a.actActivate {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/activate.png' ) left 50% no-repeat;
}

a.actCreateIssue {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/createIssue.png' ) left 50% no-repeat;
}

a.actViewRoadmap {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/roadmap.png' ) left 50% no-repeat;
}

a.actAddFilter {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/add.gif' ) left 50% no-repeat;
}

a.acttitle-link {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/remove.gif' ) left 50% no-repeat;
}

li.history span {
    height: 16px;
    padding-left: 20px;
    background: url( 'images/history.png' ) 50% 50% no-repeat;
    text-indent: 4000px;
    width: 16px;
    text-decoration: none;
    padding: 0;
    margin: 0;
    display: block;
}

/* adds cheeky border to the bottom of items */
.borderMe {
    border-bottom: 1em solid #E0E6F1;
    float: left;
    font-size: 1em;
    width: 100%;
}

abbr {
    cursor: help;
    border-bottom: 1px dotted #999;
}

/**
*   Textile markup selectors
*/



/**
*   Tag field component
*/
.TagField {
    position: relative;
}

.TagField .tagbin {
    clear: both;
    width: 38em;
    display: block;
    margin: 2em 1em;
    margin-left: 15.5em;
    padding: .25em;
    position: absolute;
}

.TagField .tagbin span {
    text-decoration: underline;
    text-color: #ddf;
    margin-right: .5em;
}

.TagField .tagMatches {
    clear: both;
    width: 38em;
    display: block;
    margin: 2em 1em;
    margin-left: 15.5em;
    padding: .25em;
    position: absolute;
}

.ac_results {
    padding: 0px;
    border: 1px solid #ddd;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    padding: .25em;
    font-size: 1em;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
     if width will be 100% horizontal scrollbar will apear
     when scroll mode will be used
     */
/*width: 100%;*/

    /*
     it is very important, if line-height not setted or setted
     in relative units scroll will be broken in firefox
     */
    line-height: 16px;
    overflow: hidden;

}


/*li #link-contact-edit{background-image:url('images/edit-contact.jpg');}
li #link-contact-merge{background-image:url('images/merge.jpg');}*/
/*li #link-contact-tag{background-image:url('images/tags-contact.jpg');}*/
/*li #link-contact-delete{background-image:url('images/contact-delete.jpg');}*/
li #add-tag{background-image:url('images/confirm.png');padding-left:20px;}
li #cancel-tag{background-image:url('images/cancel.png');padding-left:20px;}
/*li #link-contact-export{background-image:url('images/contact-export.jpg');}*/
li #new-contact-action{background-image:url('images/new-contact.jpg');padding-left:1.5em;background-color:none;color:#128CFF;}
 #import_contacts_action{background-image:url('images/import-contact.jpg');padding-left:1.5em;background-color:none;color:#128CFF;}
.FindPanel ul li a:hover{background-color:#fff!important;}

li #cancel-export{background-image:url('images/cancel.png');padding-left:20px;}
li #download-as-pdf{background-image:url('images/pdf.png');padding-left:20px;}
li #download-as-csv{background-image:url('images/csv.png');padding-left:20px;}
li #download-as-vcard{background-image:url('images/vcard.png');padding-left:20px;}


li.not-a-tag a{background-repeat:no-repeat;background-position:2px:50%;}
li.not-a-tag a.add-atag-action{background-image:url('images/confirm.png');padding-left:20px;}
li.not-a-tag a.close-tag-action{background-image:url('images/cancel.png');padding-left:20px;}

span #filter_by_tags{background:url('images/filter-by-tags.jpg') left 50% no-repeat;padding-left:22px;margin-left:0px;}

span.Field a.remove_action{
	background:none;
	/*background:url('images/remove.jpg') left 50% no-repeat;padding-left:18px;margin-left:0px;*/
/*float: right;*/
/*    position:absolute;right:0em;top:.5em;*/
    text-indent:0px;
}

a.edit_action{background:url('images/generic-edit.jpg') left 50% no-repeat;padding-left:18px;margin-left:0px;
float: right;
    position:absolute;right:1.5em;top:.5em;
    text-indent:-3000px;
}

.ac_loading {
    background: white url( 'indicator.gif' ) right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}


/*  Loading class */

.Cleared {
    clear: both;
}


.pagebanner {
    float: right;
    clear: both;
    display: none;
}



.Modal {
    width: 50%;
    height: 100%;
    padding: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 998;
    display: block;
    /*filter:alpha(opacity=90);
    opacity: .9;
    -moz-opacity:.9;*/
    top: 0;
    bottom: 0;
}



.Modal .feedback {
    margin: 0em 0;
    border: solid .1px #000;
    padding: .125em;
}




.ScrollPane{
    overflow:auto;
    position:absolute;
    left:0;top:2.5em;right:0;bottom:0;
}



div.AttachmentsList dl dd img {
    width: 98px;
    height: 98px;
    margin: 0 0 0 0; /* :/ */
    border: none;
    padding: 0;
}

div.AttachmentsList dl {
    float: left;
    border: 1px solid #ccc;
    margin: 0pt 0px 9px 10px;
    padding-bottom: 2px;
}

div.AttachmentsList dl dt {
    padding: 3px 0px 8px 3px;
    text-align: center;
    overflow: hidden;
    width: 98px;
    white-space: nowrap;
}

div.AttachmentsList dl dt a {

}

div.AttachmentsList dl dt a:hover {

}

/* image attachment end */

/* document attachment start */

div.Attachments li {
    background: url( images/filetypes/icon_generic.gif ) no-repeat left;
}

div.AttachmentsList div.Attachments {

}

div.AttachmentsList div.Attachments ul li {
    display: inline;
    line-height: 1.5em;
    padding-right: 1em;
}

div.AttachmentsList div.Attachments ul {
    margin: 0 5px 5px 5px;
}

div.Attachments li.application_msword {
    background: url( images/filetypes/icon_doc.gif ) no-repeat left;
}

div.Attachments li.application_excel,
    div.Attachments li.application_x-excel,
    div.Attachments li.application_x-msexcel,
    div.Attachments li.application_excel,
    div.Attachments li.application_vnd,
    div.Attachments li.ms-excel {
    background: url( images/filetypes/icon_xls.gif ) no-repeat left;
}

div.Attachments li.application_mspowerpoint,
    div.Attachments li.application_vnd.ms-powerpoint,
    div.Attachments li.application_vnd.mspowerpoint,
    div.Attachments li.application_powerpoint,
    div.Attachments li.application_x-mspowerpoint {
    background: url( images/filetypes/icon_ppt.gif ) no-repeat left;
}

div.Attachments li.application_x-compress,
    div.Attachments li.application_x-compressed,
    div.Attachments li.application_x-zip-compressed,
    div.Attachments li.application_zip,
    div.Attachments li.multipart_x-zip {
    background: url( images/filetypes/icon_zip.gif ) no-repeat left;
}

div.Attachments li.application_pdf {
    background: url( images/filetypes/icon_pdf.gif ) no-repeat left;
}

div.Attachments li.application_xml,
    div.Attachments li.text_xml {
    background: url( images/filetypes/icon_xml.gif ) no-repeat left;
}

div.Attachments li.text_html {
    background: url( images/filetypes/icon_html.gif ) no-repeat left;
}

div.Attachments li.video_quicktime,
    div.Attachments li.video_x-sgi-movie,
    div.Attachments li.video_mpeg,
    div.Attachments li.video_x-mpeg,
    div.Attachments li.video_x-mpeq2a,
    div.Attachments li.video_mpeg,
    div.Attachments li.video_x-mpeg
div.Attachments li.video_mpeg {
    background: url( images/filetypes/icon_mov.gif ) no-repeat left;
}

div.Attachments li.audio_mpeg,
    div.Attachments li.audio_mpeg,
    div.Attachments li.audio_x-mpeg,
    div.Attachments li.audio_mpeg3,
    div.Attachments li.audio_x-mpeg-3 {
    background: url( images/filetypes/icon_audio.gif ) no-repeat left;
}

.disabled{
	filter:alpha(opacity=70)!important;;
    opacity: .7!important;;
    -moz-opacity:.7!important;;
	color:#666!important;
	cursor:default!important;
}