div.project_views {
   padding: 0px;
   margin:  1em 0px;
   width:   80px;
}

div.project_views img {
   padding: 0px;
   margin:  0px;
   width:   20px;
   height:  20px;
   border:  none;
}

div.project_views a {
   padding: 0px;
   margin:  0px;
}

table.project_list {
   border:          1px solid white;
   padding:         0px;
   margin:          1px;
   border-collapse: collapse;
   width:           100%;
}

table.project_list th {
   border-left:   none;
   border-right:  none;
   border-top:    1px solid white;
   border-bottom: 1px solid white;
   padding:       2px 0.5em;
   font-weight:   bold;
   text-align:    left;
}

table.project_list td {
   border-left:   none;
   border-right:  none;
   border-top:    1px solid white;
   border-bottom: 1px solid white;
   padding:       2px 0.5em;
}

table.project_list td.project_list_owner {
   width: 100%;
}

table.project_list a {
   text-decoration: none;
   color:           #222266;
   font-weight:     normal;
}

table.project_list a:hover {
   text-decoration: underline;
}

table.project_list img {
   width:  16px;
   height: 16px;
   border: none;
}

table.project_list .project_list_duration {
   text-align: right;
}

div.project_iconview {
   float:      left;
   text-align: center;
   margin:     1em 0px;
   height:     130px;
   width:      20%;
}

div.project_iconview a.project_iconlink {
   display:  block;
   width:    64px;
   height:   64px;
   margin:   0 auto;
   position: relative;
}

div.project_iconview img {
   display: block;
   width:   64px;
   height:  64px;
   border:  none;
   margin:  0 auto;
}

#ajax_loading img{
	display: block;
	width:   30px;
	height:  30px;
	border:  none;
	margin:  0 auto;
}

div.project_iconview img.project_iconlock {
   width:    16px;
   height:   16px;
   border:   none;
   position: absolute;
   right:    0px;
   bottom:   0px;
}

div.project_navi {
   clear:      both;
   height:     3em;
   text-align: center;
}

div.project_navi>img {
	cursor: pointer;
}

div.project_navi img{
   margin: 0px 2px;
   height: 16px;
   width:  16px;
   border: none;
}

div.project_navi span{
   margin: 0px 2px;
}

div.project_navi input{
   width: 3em;
}

div#story_name {
	width:100%;
	background-color:#555555;
	color: #FFFFFF;
	height: 24px;
	text-align: center;
	padding-top: 8px;
	font-weight: bold;
	background-image: url('/osr/icons/kde/storyboard/custom/top_gradient.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
}
.correct-png { 
	behavior: url(/osr/iepngfix/iepngfix.htc) 
}

#searchfield{
	width:150px;
	color:#000000;
	background-color:#FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#apps-holder{
	position:relative;
	border:1px solid black;
	margin: 10px 0;
	min-height: 50px;
}

#loading_pic{
	left:50%;
	top:50%;
	position:absolute;
	margin-left:-16px;
	margin-top:-16px;
}
.specialfiltertable {
	padding-top: 5px;
}
.specialfiltertable td.specialfilter {
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid black 1px;
}
.specialfiltertable td.specialfilter a, table.apps-list th.ordertitle a {
	color:#000000;
}
table.apps-list th.ordertitle a img {
	border: 0px;
}
.specialfiltertable td.specialfiltersel a, table.apps-list th.ordertitlesel a {
	text-decoration: underline;
}
.specialfiltertable td.specialfilter a:hover, table.apps-list th.ordertitle a:hover {
	text-decoration: underline;
}
.specialfiltertable td.search {
	border-left: solid black 1px;
	padding-left: 10px;
	padding-right: 10px;
}
div.Project_legend {
	clear: both;
	min-height:55px;
}

.hidden_special{
	color:	#CCCCCC;
	border-left: solid #CCCCCC 1px;
	padding-left: 10px;
	padding-right: 10px;
}

#addnew{
	margin:0 auto;
	width:100%;
	height:55px;
	clear: both;
}

.addnew{
	float:left;
	width:25%;
	position:relative;
	text-align:center;
}





/*** ESSENTIAL STYLES ***/

ul.sf-olefatoolbar li td.arrows {
	text-align:	right;
	width:			20px;
	min-height:	20px;
	vertical-align: center;
}

ul.sf-olefatoolbar li tr {
	min-height:	20px;
}
ul.sf-olefatoolbar li table {
	vertical-align:	middle;
}

.sf-olefatoolbar, .sf-olefatoolbar * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-olefatoolbar {
	line-height:	1.0;
	border:	1px solid #999999;

}
.sf-olefatoolbar ul {
	position:		absolute;
	top:			-999em;
	width:			172px; /* left offset of submenus need to match (see below) */
	z-index:999999;
	border:	1px solid #000000;
	margin-bottom:	0;
}
.sf-olefatoolbar ul li {
	width:			100%;
}
.sf-olefatoolbar li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-olefatoolbar li {
	float:			left;
	position:		relative;
}
.sf-olefatoolbar a {
	display:		block;
	position:		relative;
}
.sf-olefatoolbar li:hover ul,
.sf-olefatoolbar li.sfHover ul {
	left:			0;
	top:			22px; /* match top ul list item height */
}
ul.sf-olefatoolbar li:hover li ul,
ul.sf-olefatoolbar li.sfHover li ul {
	top:			-999em;
}
ul.sf-olefatoolbar li li:hover ul,
ul.sf-olefatoolbar li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
	margin-top:	5px;
}
ul.sf-olefatoolbar li li:hover li ul,
ul.sf-olefatoolbar li li.sfHover li ul {
	top:			-999em;
}
ul.sf-olefatoolbar li li li:hover ul,
ul.sf-olefatoolbar li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}

ul.sf-olefatoolbar ul ul ul {
	margin-left:	20px;
}


/*** DEMO SKIN ***/
.sf-olefatoolbar {
	background:	url(/osr/olefa111/toolbar/menu_gradient.png);
	left: 0px;
	width: 100%;
	min-width: 980px;
	height: 22px;
	z-index: 100;
/*	margin-bottom:	1em;*/
}
.sf-olefatoolbar li {
	z-index:100;
}
.sf-olefatoolbar li span {
	display:		inline-block;
	padding-left:	5px;
	padding-right:	5px;
	height:			20px;
	line-height:	20px;
	vertical-align:	top;
}
.sf-olefatoolbar a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;*/
	text-decoration:none;
}
.sf-olefatoolbar a, .sf-olefatoolbar a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}
.sf-olefatoolbar li {
	height:					22px;
	cursor:					pointer;
	padding-right:	10px;
	padding-left:		10px;
}
.sf-olefatoolbar li li {
	height:					100%;
	padding-right:	2px;
	padding-left:		5px;
}
.sf-olefatoolbar li ul {
	background:		url(/osr/icons/project/submenu_gradient.png) repeat-y #FFFFFF;
}
.sf-olefatoolbar li, .sf-olefatoolbar li li {
	background:		none;
	font-weight:	normal;
}
.sf-olefatoolbar li li li {
	background:		url(/osr/icons/project/submenu_gradient.png) repeat-y #FFFFFF;
	font-weight:	normal;
}
.sf-olefatoolbar li:hover, .sf-olefatoolbar li.sfHover,
.sf-olefatoolbar a:focus, .sf-olefatoolbar a:hover, .sf-olefatoolbar a:active {
	background:		url(/osr/icons/project/gradient-highlight.jpg);
	outline:		0;
}

.sf-olefatoolbar li li:hover, .sf-olefatoolbar li li.sfHover,
.sf-olefatoolbar li li a:focus, .sf-olefatoolbar li li a:hover, .sf-olefatoolbar li li a:active {
	background:		none;
	font-weight:	bold;
}

/*** arrows **/
.sf-olefatoolbar a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-olefatoolbar ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-olefatoolbar ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-olefatoolbar ul a:focus > .sf-sub-indicator,
.sf-olefatoolbar ul a:hover > .sf-sub-indicator,
.sf-olefatoolbar ul a:active > .sf-sub-indicator,
.sf-olefatoolbar ul li:hover > a > .sf-sub-indicator,
.sf-olefatoolbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

ul.sf-olefatoolbar li.login, .sf-olefatoolbar li.logout, .sf-olefatoolbar li.user {
	float: right;
}

.sf-olefatoolbar li.login ul {
	margin-left: -149px;
	width: 260px;
}

.sf-olefatoolbar li.login ul li, .sf-olefatoolbar li.login ul li:hover{
	background:		none;
	height:				100%;
	font-weight:	normal;
}

.sf-olefatoolbar li.logout:hover, .sf-olefatoolbar li.user:hover {
	background:		none;
	font-weight:	normal;
}
.sf-olefatoolbar li.logout a:hover {
	background: none;
	font-weight:	normal;
}

.sf-olefatoolbar li.login {
	width: 100px;
}

ul.sf-olefatoolbar li td.arrows {
	text-align: right;
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('../images/shadow.png') no-repeat bottom right;*/
	padding: 0 8px 9px 0;
/*	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.apps-to-select {
	cursor: pointer;
}

.view-mode {
	cursor: pointer;
}

div#tools_div_app_holder > label{
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
}

label#tools_label_app_tiparlo {background-image: url('/osr/icons/project/tiparlo-unchecked.png') !important;}
label#tools_label_app_tiparlo.ui-state-active {background-image: url('/osr/icons/project/tiparlo-checked.png') !important;}
label#tools_label_app_storyboard {background-image: url('/osr/icons/project/storyboard-unchecked.png') !important;}
label#tools_label_app_storyboard.ui-state-active {background-image: url('/osr/icons/project/storyboard-checked.png') !important;}
label#tools_label_app_webbook {background-image: url('/osr/icons/project/webbook-unchecked.png') !important;}
label#tools_label_app_webbook.ui-state-active {background-image: url('/osr/icons/project/webbook-checked.png') !important;}
label#tools_label_app_wiki {background-image: url('/osr/icons/project/wiki-unchecked.png') !important;}
label#tools_label_app_wiki.ui-state-active {background-image: url('/osr/icons/project/wiki-checked.png') !important;}

div#tools_div_viewmode_holder > label {
	background: none no-repeat center center;
	border: none;
	height: 22px;
	width: 27px;
}

div#tools_div_viewmode_holder > label > span {
	padding: 0;
}

label#tools_label_view_mode_icon {background-image: url('/osr/icons/project/view.png') !important;}
label#tools_label_view_mode_icon.ui-state-active {background-image: url('/osr/icons/project/view_s.png') !important;}
label#tools_label_view_mode_list {background-image: url('/osr/icons/project/list.png') !important;}
label#tools_label_view_mode_list.ui-state-active {background-image: url('/osr/icons/project/list_s.png') !important;}

span.result-relevance {
	display: none;
}

.hidden {
	display: none;
}

div#olefa_template_holder {
      position: relative;
      font-size: 11px;
}