.hide {
    display: none;
}

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

.ajaxloading {
    background: #fff url( 'images/ajax-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*/
    width: 195px !important;
}

/* this targets webkit and agrd it looks ugly but it works and i love you OmniWeb! -rey */
/*@media all and (min-width:0px) {*/
	/*body:not(:root:root) .datepicker_header { padding-left:11px; } *//* spoofs center alignment */
	/*#datepicker_div { padding-right:21px; }  *//*fixes the width of the container div */
/*}*/







.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%;
    width: 90%;
}
.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: 100%;
}
.datepicker_newRow {
	clear: left;
}

/*table.datepicker thead, table.datepicker tbody { width: 175px; }*/




/* ---------->>> 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.actRemove{height:16px;padding-left:2em;background:url('images/delete.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;}
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.actRemoveFilter{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;
}
 

/**
*   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;
}

.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;

}

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

.ac_odd {
	background-color: #eee;
}

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