html, body, img, hr, p, ul, ol, li, li, dd, dt, dl, form
{
    margin: 0;
    padding: 0;
}
a:link{ border: none;}

html
{
    height: 100%;
}

.hermesHolder body
{
    font-family:Segoe UI, Verdana, Geneva, sans-serif;
    background: White;
    color: #333333;
}


h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    color: black;
    font-weight: normal;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 180%;
    color: #666;
    font-weight: normal;
}
h2
{
    font-size: 140%;
    color: #666;
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3
{
    font-size: 120%;
    color: #000;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px;
}
h4
{
    font-size: 120%;
    color: #747474;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
h5
{
    font-size: 110%;
}
h6
{
    font-size: 100%;
}

h1.page-title
{
    padding: 0;
    margin: 0.5em 0 0.5em 0;
    font-family: Segoe UI  !important;    
    font-size: 220%;    
    color: #777;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
h1 span
{
    color: #999;
}
select, input
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
label
{
    cursor: pointer;
}
img, a img
{
    border: 0;
}

/* blue/white theme for RadGrid headers */

.RadGrid .rgHeader
{
    background-color: #00A2DD;
     color: #FFFFFF !important;
}

.RadGrid .rgHeader a
{
    color: #FFFFFF !important;
}

.RadGrid th.rgSorted a
{
    color: #000000 !important;
}

.hermesHolder .RadGrid .rgHeader a, .hermesHolder .RadGrid .rgHeader a:link
{
    color: #FFFFFF !important;
}

.hermesHolder .RadGrid th.rgSorted a, .hermesHolder .RadGrid th.rgSorted a:link
{
    color: #000000 !important;
}

/* END blue/white theme for RadGrid headers */

/*************** simple metro tiles ***************/
.MetroTile_Blue
{
    background-color:#0099CC;
    color: #FFFFFF;
}
.MetroTile_Green
{
    background-color:#6FBD46;
    color: #FFFFFF;
}
.MetroTile_Brown
{
    background-color:#F57621;
    color: #FFFFFF;
}
.MetroTile_Gray
{
    background-color:#A0A0A0;
    color: #FFFFFF;
}

/*************** metro hovered menu ***************/
/* -------------------Blue tiles----------------- */
.MetroHoveredMenu .MetroTile
{
    background-color:#0099CC;
    color: #FFFFFF;
}
.MetroHoveredMenu .MetroTileActive
{
    background-color:#517B93;
    color: #FFFFFF;
}
.MetroHoveredMenu .MetroTile:hover
{
    background-color:#F7941D;
}
.MetroHoveredMenu .MetroTileActive:hover
{
    background-color: #C67517;
}
/* ------------------Green tiles----------------- */
.MetroHoveredMenu .MetroTileGreen
{
    background-color:#669900;
    color: #FFFFFF;
}
.MetroHoveredMenu .MetroTileGreenActive
{
    background-color:#426300;
    color: #FFFFFF;
}
.MetroHoveredMenu .MetroTileGreen:hover
{
    background-color:#F7941D;
}
.MetroHoveredMenu .MetroTileGreenActive:hover
{
    background-color: #C67517;
}

/* metro style grid nested view */

.MetroGridNestedPanel
{
    background-color: #00A2DD;
    padding: 5px;
}

.MetroGridNestedPanelInnerDiv
{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 15px 15px;
}

/* END metro style grid nested view */

/* lite project menu */

.ProjectSettings_UCWrapper
{
    vertical-align: top;
    width: 700px;
    padding:10px;
}

.ProjectSettings_UCContent
{
    margin-bottom: 10px;
    min-width: 600px;
}

.ProjectSettings_UCContent h2 {
font-size: 170%;
color: #09C;
margin-top: -10px;
margin-bottom: 10px;
border-bottom: 0px none;
}

.ProjectSettings_MenuWrapper
{
    padding-right: 30px;
}

/* END lite project menu */

.hermesHolder
{
    font-size: 12px;
    font-family: Segoe UI;
}

.hermesHolder a,.hermesHolder a:link
{
    color: #000000 !important; /*font-size: 11px;*/
    background-color: transparent;
    text-decoration: none;	
}
.hermesHolder a:active,.hermesHolder  a:hover
{
    color: #000000 !important;
    text-decoration: none;
}
hr.hide
{
    display: none;
}
hr
{
    background: #CCCCCC none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.clear {
    display: block;
    visibility: hidden;
	overflow: hidden;
    clear: both;
    height: 0;
}

hr.clearer
{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
.standardText
{
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Geneva, sans-serif;
    font-size: 1em;
    color: #000000;
}
.icon
{
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

/* layout */
#left
{
    position: relative;
    float: left;
    left: 0px;
    width: 270px;
    max-width: 270px;
    margin: 0;
    padding: 0 0 0 10px;
    z-index: 2000;
}

#content
{
    position: relative;
    /*margin: 0em 30px 0px 0px;*/
    padding: 0 0 5em; /* bottom padding for footer */
}

#right
{
    position: absolute;
    right: 0px;
    width: 190px;
    margin: 0px;
    padding: 0px;
}
/*  4 column positioning-layers static and absolute */

#pagetitle
{
    top: 115px;
    background: #fff;
}

#leftcontent
{
    position: relative;
    float: left;
    left: 10px;
    width: 23%;
    padding: 0 0 5em;
}

#centerleftcontent
{
    position: relative;
    float: left;
    left: 30px;
    width: 23%;
    padding: 0 0 5em;
}

#centerrightcontent
{
    position: relative;
    float: left;
    left: 50px;
    width: 25%;
    padding: 0 0 5em;
}

#rightcontent
{
    position: relative;
    float: right;
    right: 1%;
    width: 23%;
    padding: 0 0 5em;
}

/*  2 column positioning-layers static and absolute */
#menu
{
    position: absolute;
    left: 0px;
    width: 150px;
    margin: 0px;
    padding: 0px 0 0 7px;
}
#contentcolumn
{
    margin: 0px 0px 0px 250px;
    padding: 0 0 5em; /* bottom padding for footer */
}

/* full width */
#fullcontentcolumn
{
    padding: 0 0 5em; /* bottom padding for footer */
    margin: 0 1px 0 1px;
    float: left;
    width: 100%;
}


div#container
{
    position: relative;
    float: left;
    left: 0px;
    width: 100%;
    margin-top: -15px;
}


#footer
{
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    margin: 25px 0 0 0;
}

div#footer p
{
    color: #999;
    font-size: 9px;
    padding: 7px;
}
div#footer p a
{
    font-size: 9px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ccc;
}

/* Form Styles */
div.issue-detail, div.fieldsPanel
{
    margin-top:10px;   
    padding: 5px;
    position:relative;
}

.detail-ID {
    font-size: 18px;
float: left;
color: white;
margin: -32px 15px 0px 0px;
text-shadow: 1px 1px 1px black;
FILTER: Shadow(Color=#000, Direction=135);
position: absolute;
background-color: gray;
padding: 5px;
}

div.issue-detail .item, div.fieldsPanel .item
{

    width:100%;
    padding-bottom:5px;
    margin-bottom:2px;
    /*height:25px;*/
    vertical-align:middle;

}

.DescriptionLabel {
    color: #669900 !important;
    font-size: 20px !important;

}

.IssueDetail-MainContent
{
	float:left;
	padding-top:5px;
	width:100%;
    background-color: white;
}

td.rightColContent {
   /*
    background: url('./Images/rightContectbg.jpg');
*/
    text-align: left;
    min-width: 250px;
    padding-left: 15px;
    /*
    background-color: #F9F9F9;
*/
}

div.itemLabel input[type=image] {
    width: 24px;height: 24px;
}

div.issue-detail div.item div.itemLabel, div.fieldsPanel div.item div.itemLabel
{
    vertical-align: baseline;
    display:inline-block;
    width:90%;
}

div.issue-detail div.item *, div.fieldsPanel div.item *
{	
    font-family: Segoe UI;
	font-size: 14px;
}
div.fieldsPanel div.item label, .titlelabel, .itemLabel, .itemLabel span {
    color: #00a2dd !important;
    font-size: 17px !important;
    font-weight: normal;
    
}

div.issue-detail div.item *, div.fieldsPanel div.item p
{
	display:block;
	vertical-align:baseline;
}


div.issue-detail div.item div.editor script, div.fieldsPanel div.item div.editor script
{
	display : none;
}

div.issue-detail div.item div.itemLabel label
{
    cursor:default;
}

div.issue-detail div.item[disabled="disabled"]
{
    color:Gray;
}

div.issue-detail .item .editor, div.fieldsPanel .item .editor
{

    display:inline-block;
    vertical-align:middle;
    width: 99%;
}

#EditorHolder{ width: 100%;}

div.issue-detail .item .editor div, div.fieldsPanel .item .editor div
{
	display:inline-block;
	vertical-align:middle;
}


div.issue-detail .editor .RadComboBox .rcbEmptyMessage
{
    width: 140px !important;
}

div.issue-detail .editor .RadComboBox input[type=text]
{
    width:auto;
}

div.issue-detail .editor .RadComboBox table
{
    width: 140px;
}


table.issue-detail td
{
    vertical-align: top;
}
table.form td.input-group input
{
    width: auto; /* but not for radios or checks */
}

table.form td
{
    padding-right: 10px;
}
.hermesHolder fieldset
{
    width: 650px;
    margin: 5px 0 5px;
    padding: 5px; /*background-color:#FAFAFA;*/
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border: 1px solid #ccc;
}
.hermesHolder legend
{
    padding: 2px 5px;
    color: #696;
    background-color: #fff;
    font-weight: bold;
    display: inline;
}
.req
{
    color: Red;
    vertical-align: top;
}

/* Header Styles */
#dashboard
{
    height: 22px;
    line-height: 20px;
    font-size: 80%;
    margin-top: 0px;
    background-image: url(../../images/widget.png) !important;
    background-position: 0% 100% !important;
    background-repeat: repeat-x !important;
    border: 1px solid #11A1EF !important;
    display: block;
    background-color: #11A1EF;
}
#dashboard a
{
    font-size: 10px;
}
#search
{
    line-height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 0 0 18px;
    margin: 0; /*background: url(../images/magnifier.gif) no-repeat 0 4px;*/
    z-index: 1001;
    color: Black;
}
#helpXpera
{
    line-height: 20px;
    position: absolute;
    top: 0px;
    right: 10px;
    padding: 0 0 0 18px;
    margin: 0;
    background: url(../../images/help.gif) no-repeat 0 3px;
    z-index: 1001;
}

.notifyicon
{
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1111;
    float: right;
    margin-top: -20px;
    margin-left: 22px;

}

#search-menu
{
    width: 150px;
    padding: 3px;
    height: 25px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    position: absolute;
    z-index: 1003;
    background-color: #ffffff;
    background:url('../../images/sBg.gif') no-repeat-x #fff ;
    top: 32px;
    right: 30px;
}
#search-menu input
{
    text-align: right;
}
.header-nav
{
    float: right;
    position: absolute;
    margin-right: 5px;
    top: 87px;
    right: 0;
    left: auto;
    text-align: left;
    display: block;
    white-space: nowrap;
    z-index: 1010;
}
.header-nav-ddl
{
    height: 18px;
    font-size: 85%;
}
#header
{
   /* height: 79px;
    border-bottom: 0px solid #eeeeee; */
}
#header h1.title
{
    margin-top: 4px;
    margin-bottom: 5px;
}

#header h1.title a
{
    line-height: 25px;
    color: #666;
    font-size: 120%;
    font-weight: bold;
}
.logo
{
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 10px;
}
.breadcrumb
{
    border-bottom: 1px solid #ddd;
    padding: 3px;
    color: #555555;
    background-color: #F5F5F5;
    vertical-align: top;
    padding-left: 15px;
    margin-bottom: 20px;
    line-height: 1.7em;
    font-size: 0.9em;
}
.breadcrumb a
{
    line-height: 1.5em;
    color: #0040B6;
    font-size: 0.9em;
    border-bottom: 1px dotted #0040B6;
}

/* Header & Menu Tabs */

.xps_header {	
    margin-left: 140px;
}
.xps_header .xps_tabs { height: 43px; position: relative;margin-top: -8px;}
.xps_header .xps_quick-nav { float: right; margin: 13px 0 0 0;width: 306px; }
/*
.xps_header .xps_header-shadow {
	background: url(images/header_bottom-shadow.gif) 50% 0 no-repeat;
	height: 23px;
}
*/
.xps_actions-panel {
	/*
	border-top: 1px solid #b5b5b5;
    height: 40px;
	background: #e2e2e2;
	padding: 10px 10px 10px 153px;
	color: #000;
	position: relative;
*/
}
.xps_actions-panel .xps_breadcrumbs { height: 40px;}
.xps_actions-panel .xps_breadcrumbs #xps_bc_content { display: none;}
.xps_actions-panel .xps_breadcrumbs a { color: #1f5da9; }
.xps_actions-panel .xps_breadcrumbs a:hover { text-decoration: none; color: #606060; }

.xps_actions-panel .xps_logo-part2 {
	background: url(images/logo_part2.png) 0 0 no-repeat;
	width: 74px; height: 68px;
	position: absolute; top: 0; left: 0;
}

.ms-WPBody .xps_top-menu
{
font-size: 16px; float: right; 
/*margin: -10px 0 -10px -10px;     */
height: 42px;
}
.ms-WPBody .xps_top-menu ul {
	list-style: none;
	/*
	margin: 0 0 0 10px;
*/
	 padding: 0;
	font-size: 1.20em;
    font-family: Segoe UI;
    font-weight: normal;
	/*font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	background: url(images/top-menu_right-corner.png) 100% 0 no-repeat;
text-shadow: -1px -1px 0 #234c73;
*/
	display: table;
	
}
.ms-WPBody .xps_top-menu li { float: left; padding: 7px 0; }
.ms-WPBody .xps_top-menu li img {display: none; padding: 0 8px 2px 0; vertical-align: middle;}
.ms-WPBody .xps_top-menu li a {
	color: #999 !important;
	display: block;
	padding: 8px 10px 5px 10px !important;
	text-transform: uppercase;
    font-size: 90%;
	/*
	background: url(images/top-menu_separator.gif) 100% 0 repeat-y;
*/
}
.ms-WPBody .xps_top-menu li a:hover { color: #263D51 !important; text-shadow: none;}
/*.ms-WPBody .xps_top-menu ul li:last-child a { background: none;}*/
.ms-WPBody .xps_top-menu ul li:first-child a { padding-left: 5px; }
.ms-WPBody .xps_top-menu li a.selected {
     color: #0099CC !important;font-weight: bold;
}

/*** OLD ***
.tabsB {
    position: absolute; bottom: 0; left: 153px;
    font-size: 1.25em;
    line-height: normal;
    display:inline-block;
}
*/
.tabsB a.AddIssue {
}

.tabsB a.AddIssue span {
    color: #690 !important;
}

.CommonMenuEnd {
    margin-right: 10px !important;
}

.tabsB {
   font-size: 1.25em;line-height: normal;display: inline-block;float: right;padding: 0 0 10px;height: 30px;
}


.tabsB ul {
    margin: 0; 
    list-style: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.tabsB li {
    display: inline;
    margin: 0; padding: 0;
}
.tabsB a {
    float: left;
    
    /*
    background: url(images/tableftB.png) no-repeat left top;
    margin: 0; padding: 0 0 0 4px;
    text-decoration: none;
    background-position: 0% -80px;
	text-shadow: -1px -1px 0 #727272;
    line-height: 13px;
*/    
}
.tabsB a img {
    /*
    display: none;
*/
    margin-right: 2px;
}
.tabsB a span {
    float: left;
    display: block;
    font-family: Segoe UI;
    font-weight: normal;
    font-size: 18px;
    /*
    background: url(images/tabrightB.png) no-repeat right top;
    background-position: 100% -80px;
*/
    padding: 7px;	
    color: #666 !important;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsB a span { float: none; }
/* End IE5-Mac hack */

.tabsB a:hover span { color: #000; }
.tabsB a:hover { background-position: 0% 0px; }
.tabsB a:hover span {color: #21374c  }
.tabsB a.selected { background-position: 0% 0px; }
.tabsB a.selected span { color: #0099CC !important;font-weight: bold; }
.tabsB a span img { vertical-align: middle; padding: 0 0px 3px 0;display: none;}

.middleDescText {
    width: 60%;
   /* background-color: #f2f2f2; */
    padding-top: 5px;
}

.admineditproject {
    display: none;
    line-height: 20px;
    position: absolute;
    top: 92px;
    left: 722px;
    margin: 0;
    padding: 3px;
    vertical-align: top;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 0.9em;
}

.admineditproject a:hover { text-decoration: underline; }

.adminTabActive {
    font-family: Segoe UI;    
    color: #00A2DD;
    font-size: 14px;
    background-color: #E5E5E5;
    text-align: center;
    padding: 10px 0;    
}
.adminTabInactive {
    
    background-color: #F3F3F3;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    border-left: 2px white solid;
}
.adminTabInactive a:link {
    font-family: Segoe UI;    
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}
.adminTabInactive a:visited {
    font-family: Segoe UI;    
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
.adminTabInactive a:active {
    font-family: Segoe UI;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}
.adminTabInactive a:hover {
    font-family: Segoe UI;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
.adminTabActive a:link, .adminTabActive a:visited {
    font-family: Segoe UI;    
      color: #00A2DD !important;
    text-decoration: none;
}
.tabContentHolder {
    border: 6px solid #E5E5E5;    
    padding: 15px;
    
}

.contentTableShort {
    width: 100%;
    border: 1px solid #2c7da9;
    background-color: White;
}
.contentCell {
    vertical-align: top;
    padding-top: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

/*Hower popup menu based on Telerik RadMenu*/

.popupRadMenuLink
{
    float: right;
    font: 12px "Segoe UI",Arial,sans-serif !important;
}

.popupRadMenuLink .rmGroup
{
    background: none no-repeat fixed 0 0 #1080DD !important;
    border: none;
}

.popupRadMenuLink .rmRootGroup
{
    background-image:none !important;
    border:none !important;
    background-color: transparent !important;
}

.popupRadMenu .rmText
{
    padding: 0px !important;
    margin-right: 10px !important;
    border: none;
}

.popupRadMenu a:hover
{
    text-decoration: underline;
}

.popupRadMenu ul
{
    margin-left: 6px;
    margin-top: 6px; 
    margin-right: 12px;   
}
.popupRadMenu ul li img {
    display: none !important;
}

.menuGroup span {
    font-size: 14px;
    text-transform: uppercase;
    color: #669900 !important;
    font-weight: bold;
}

.popupRadMenu ul li
{
    margin: 0px 0px 2px 0px;
    white-space: nowrap;
    list-style: none;
    font-size: 11px;    
    text-transform: uppercase;
}

/* default page - 'quick links' link */

a.quickLink
{
    text-decoration: none;
    cursor: default;
}

a.quickLink:hover
{
    text-decoration: underline;
}

/* Home Page Styles */
.projectImageGroup {

margin-left: -82px;
margin-right: 10px;
padding-bottom: 10px;
padding-top: 0px;
padding-bottom: 10px;
    min-height: 60px;
    min-width: 60px;
    max-height: 60px;
    max-width: 60px;
    position:absolute;
}
.project {
width: 89%;
float: left;
position: static;
margin-left: 1%;
margin-top: 10px;
padding-top: 10px;
color: #424251;
border-top: 1px solid #EFEFEF;
min-height: 72px;
}

#content h1 .ProjectListTitle
{
    margin-left: 1%;
    color: #333333;
    font-size: 36px;
    font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
 Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}

.project a {
    color: #424251 !important;
background-color: transparent;
text-decoration: none;
}

.project .thumb {
    border: 0px;
    
}

.projectDetails h1 a:link, .projectDetails h1 span, a.projectDetails, .project H1 a:link, .project li  a:link.NavLink {
    color: #424251 !important;
}

.projectDetails h1 {
    line-height: 25px;
    margin: 0 0 5px 0;
    padding: 0;
    word-wrap: break-word;
    color: #424251;
    width: 90%;
    border: none;
}
.projectDetails {
    display: block;
    padding-left: 10px;
    min-height: 60px;
    max-width: 80%;
}
.project h1 a {
    font-size: 90%;
    font-weight: bold;
    color: white !important;
    margin: 0;
}
.project h1 a span { font-weight: normal;font-size: 120%;text-transform: uppercase;}

.project div.quickLinks {
    float: right;margin-right: -20px; margin-top: 20px;
}
.project div.quickLinks > a, .project div.quickLinks > div.RadMenu {
    float:left;
    margin-left: 4px;
}

.actions 
{    
    margin-left: 10px;
    height: 13px;
    list-style: none;
    font-size: 14px;
    margin-top: 145px;
    position: absolute;
}

.actions li {
    color: white;    
    line-height: 20px;
    margin-right: 10px;
}

.nextMilestone 
{
    padding: 2px;
}

.issues
{
    color: white !important;
    padding: 2px;
    text-transform: uppercase;
}

.progressBar 
{    
    padding-left: 2px;
    position: absolute;
    margin-top: -25px;
    margin-left: 300px;
    font-size: 30px;
}
.projectImage {
    max-width: 60px;
    max-height: 60px;
    
    padding: 2px;
}
.thumb {
    border: 1px solid #efefef;
    display: block;
    overflow: hidden;
}
.popupTitle {
    padding-bottom: 4px;
    font-weight: bold;
}
div.welcomemessage {
    padding: 1em;
    width: 230px; /*white-space:nowrap;*/
    background-color: #11A1EF;
    border: 1px solid  #11A1EF;
    border-radius: 0.5em 0.5em;
    box-shadow: 1px 1px 1px #ccc;
    -moz-border-radius: 0.5em 0.5em;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
}
div.welcomemessage h2.title {
    margin: 0;
    padding: 0em 1em 0em 0em;
    font-size: 1.3em;
    font-weight: bold;
    color: White;
    border: none;
}
div.welcomemessage ul {  margin-left: 15px; }

/* Project Calendar Styles */
.calDayStyle a { font-size: 1.1em; }
.calDayStyle { height: 100px; }
.calIssuePastDue a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    color: #fff;
}
.calIssuePastDue {
    margin: 3px;
    background-color: #FF7777;
    border-radius: 0.25em 0.25em;
    -moz-border-radius: 0.25em 0.25em;
    color: #fff;
    padding: 3px;
}
.calIssue {
    border-radius: 0.25em 0.25em;
    -moz-border-radius: 0.25em 0.25em;
    background-color: #8888BB;
    margin: 3px;
    color: #fff;
    padding: 3px;
}
.calIssue a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.85em; /*   color:#555557;*/
    color: #fff;
}

/* Grid Styles */
.grid {
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    border: none;
    border-top: none;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}
.gridHeader
{
    text-align: left;
    background-color: #00a2dd;
    color: white;
    font-weight: bold;
    height: 20px;
}
.gridHeader a
{
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
    color: #333333;
}
.gridAltRow
{
    background-color: #fafafa;
}
.gridPager
{
    vertical-align: middle;
    height: 30px;
    background-color: #F1F2EC;
    text-align: right;
}
.gridFooter
{
    background-color: #eeeeee;
    font-size: 0.8em;
}
.gridSelectedRow
{
    background-color: #B2C3E1;
    font-weight: bold;
    font-size: 0.8em;
}

.gridMyFooter
{
    background-color:#F1F2EC;
    color: #333333;
    font-size: 11px;
    font-weight:bold;
    height:20px;
    width:100%;
}

.gridMyFooterIn
{
    float:right;
    height:20px;
    line-height:20px;
    padding-right:5px;
    vertical-align:middle;
}

/* Roadmap */
.roadMapGroupHeader td
{
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px;
    background-color: #eee;
    height: 25px;
}
.roadMapSummary
{
    padding: 0;
    width: 175px;
    font-weight: bold;
    background-color: #eee;
}

/* Changed Log */
.milestoneGroupHeader
{
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px;
    padding-left: 50px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 5px;
    background: url(../../images/package.gif) no-repeat 24px 7px;
    height: 50px;
}
.milestoneProgress
{
    float: right;
    font-weight: normal;
    font-size: 0.9em;
}
.milestoneDescription
{
    float:left;
}
.milestoneContent
{
    padding-left: 50px;
    background-color: white;
    margin-bottom: 15px;
}
.milestoneNotes
{
    font-size: 1.0em;
    font-weight: normal;
}
.milestoneReleaseDate
{
    font-size: 0.9em;
    min-width: 15%;
    float: left;
    padding-right: 5px;
    font-style: italic;
    font-weight: normal;
}

.milestoneList li:hover
{
    background-color: #eee;
}
.milestoneName
{
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    min-width: 15%;
    white-space: nowrap;
    line-height: 20px;
}
.milestoneList
{
    list-style-type: none;
    margin: 0.5em 0px 0px;
    padding: 0px;
}
.milestoneList li.active
{
    background-color: #F0F0F0;
    background-image: url(../../images/bullet_arrow_down.gif);
    border-top: 1px solid #ddd;
}
.milestoneList li
{
    background-image: url(../../images/bullet_arrow_left.png);
    background-position: 3px 12px;
    background-repeat: no-repeat;
    border-top: 1px solid white;
    display: block;
    list-style-type: none;
    margin: 0px 0px 0.25em;
    padding: 0px;
}
.milestoneList li .issueCount
{
    float: right;
    padding-right: 13px;
    padding-top: 13px;
    display: block;
    font-weight: normal;
}

/* Summary Page Styles */
table.summary
{
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
    margin-bottom: 35px;
}

td.count-column
{
    width: 15px;
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
}
td.item-column
{
    padding-left: 5px;
    text-align: left;
    width: 90%;
}
td.image-column
{
    padding-left: 5px;
    width: 15px;
}

td.id-column
{
    padding-left: 5px;
    min-width: 62px;
}

.tree td div
{
    height: 20px !important;
}

.tree td img
{
    vertical-align: bottom;
}

/* Issue List Legend Styles */
table.issueListLegend
{
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
    margin-bottom: 15px;
}

/* Messages */
.info, .success, .warn, .error
{
    border: 1px solid;
    margin: 10px 0;
    padding: 7px 10px 7px 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../images/accept.gif');
}
.info
{
    border: 1px solid #c3ced2;
    background-color: #e5f3ff;
    background-image: url('../../images/information.gif');
}
.warn
{
    border: 1px solid #f0c000;
    background-color: #ffffce;
    background-image: url('../../images/error.gif');
}
.error
{
    border: 1px solid #cc0000;
    background-color: #ffdddc;
    background-image: url('../../images/exclamation.gif');
}


/* Queries */
.queryList
{
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.queryList td
{
    border: 1px none #ccc;
    padding: 5px;
}

div.issueHeader
{
    position:relative;    
}

div.pnlBugNavigation 
{
    height: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #BBBBBB !important;
    margin-bottom: 7px;
}

td#leftPanelContent
{
    min-width: 250px;
    vertical-align: top;
    padding-left: 5px;
    /*
    background: url('./Images/midleLeftColContectbg.png') repeat-y;
*/
    min-height: 500px; height: 600px;margin:0;
}

div.issueHeader .title
{
    display:inline-block;
    width:100%;
    vertical-align:top;
    
   /*
    background: url('./Images/IssueTitlebg.jpg') no-repeat;
*/
}

.issueNumber 
{
    
    
    color: #333 !important;
font-family: Segoe UI !important;
font-size: 24px !important;
font-weight: normal !important;
    
}

/* pager settings */
div.pager
{
    padding: 4px;
    background-color: #F1F2EC;
    height: 20px;
}
div.pager input
{
    vertical-align: middle;
}
span.results1
{
    float: left;
}
span.results2
{
    float: right;
}

/*  Issue List */
.issueListOptionsContainer
{
    height: auto;
    padding-top: 5px;
}

#SetProperties
{
    clear: both;
    display: none;
    width: 100%;
    background-color: #FFFAF6;
    margin-bottom: 10px;
}
#SetProperties select
{
    width: 184px;
}

.rightButtonContainer
{
    float: right;
	padding-right: 3px;
    padding-bottom: 5px;
    width: auto;
}

.rightButtonContainer .rightButtonItem
{
    display:inline;
	margin-left:10px;
}


.rightButtonContainer a img
{
	vertical-align:text-bottom;
	margin-right:2px;
}

.leftButtonContainerPanel
{
    float: left;
    padding-bottom: 5px;
    width: 400px;
}

#EditIssueProperties
{
    line-height: 20px;
    padding: 0 0 2px 20px;
    margin: 0;
    background: url(../../images/table_edit.gif) no-repeat 0 -1px;
    z-index: 1001;
}

/* Comments */
.AddComment .Default.RadEditor
{
    width: 99% !important;
}

.AddComment
{
	margin-bottom:20px;
	clear:both;
	margin-top: 10px;
}

.commentContainer
{
	/*margin-bottom: 1.5em;*/
    padding: 10px;
    border: 1px solid #ededed; /*background-color:#FAFAFA;*/
    display: block;
    min-height: 70px;
}
.commentContainer div, .commentContainerAlt div, .commentContainerOwner div
{
    margin-top: 0em;
}
.commentContainerAlt
{
    /*margin-bottom: 1.5em;*/
    padding: 10px;
    border: 1px solid #ededed;
    display: block;
    min-height: 70px;
}
.commentContainerOwner
{
    /*margin-bottom: 1.5em;*/
    padding: 10px;
    background-color: #FAFAFA; /*background-color:#F0FFDF;*/ /*background-color:rgb(241, 242, 236);*/
    border: 1px solid #ededed;
    display: block;
    min-height: 70px;
}
.commentTitle
{
    font-weight: normal;
    font-size: 0.9em;
}
.commentAuthor
{
    font-size: 1.2em;
    font-weight: bold;
    color: #696969;
}

/* Side Menu */
ul.sideMenu
{
    margin: 0;
    padding: 0;
    width: 225px;
}
ul.sideMenu li
{
    text-align: right;
    font-family: Segoe UI !important;
    text-transform: lowercase;
    font-size: 170%;
    list-style: none !important;
    
    /*padding-left: 23px; 
    
    background: #E2E2E2;
    background-repeat: no-repeat;
    background-position: 5px 4px;
    border-bottom: 1px solid #ffffff;
*//* background: #BFF38F;*/
}
ul.sideMenu li span
{
    list-style: none;
    display: list-item;
    padding: 4px 10px 4px 15px;
    text-decoration: none;
    color: white !important; /*background: #BFF38F;*/
    background: #E2E2E2;
}
ul.sideMenu li a
{
    list-style: none;
    display: list-item;
    padding: 4px 25px 4px 7px;
    text-decoration: none;
    color: white !important; /* background: #BFF38F;*/
    background: #E2E2E2;
}
ul.sideMenu li span
{
    /*background: #BFF38F;*/
    background: #E2E2E2;
}
ul.sideMenu li a:hover
{
    background: #E2E2E2;
}
ul.sideMenu li span
{
    font-weight: bold;
}
ul.sideMenu li.on a
{
    background-image: url(../../images/on.gif) !important;
    background-position: right  !important;
    background-repeat: no-repeat !important;
    background: #E2E2E2;
}
ul.sideMenu li.off a
{
    background-image: url(../../images/off.gif);
    background-position: right;
    background-repeat: no-repeat;
}
ul.sideMenu li a:hover
{
    background-image: url(../../images/on.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.tree {
    margin-top: -20px;
}

.roundedBox {
    line-height: 24px;
    margin-bottom: 0.7em;
    text-align: left;
    font-size: 140%;
    font-family: Segoe UI;
    font-weight: normal;
    text-transform: uppercase;
}

ul.permissions
{
    list-style: none;
    float: left;
    width: 600px;
}
ul.permissions li
{
    display: inline;
    float: left;
    width: 300px;
}

ul.permissions2
{
    list-style: none;
    float: left;
    width: 600px;
}
ul.permissions2 li
{
    display: inline;
    float: left;
    width: 200px;
    white-space: nowrap;
}

.roadMapProgress
{
    background: transparent url(../../images/fade.png) repeat-x 0% -3px;
    display: block;
    height: 10px;
}
.modalBackground
{
    background-color: gray;
    opacity: 0.7;
}
.ModalPopup
{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 12px;
    background-color: #efefef;
    border: 7px solid #C5C5C5;
    padding: 10px;
}

.ModalPopup .FieldLabel
{
    font-size: 12px;
}

.ModalPopupContent
{
    padding:7px;
}

.ModalPopupOption
{
    background-color:#C5C5C5;
    margin-top:14px;
}

.ModalPopupButtons
{
    text-align: center;
    margin-top:14px;
}

.IssueDetailTitle {
    color: #690 !important;
    font-family: Segoe UI !important;
    font-size: 24px !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
}

.IssueDetailTitle input
{
    color: #690 !important;
    font-size: 24px !important;
    border: 1px solid #690  !important;
    height: 36px !important;
}

.issueTitle
{
    color: #606060 !important;
    float: left;
    font-size: 16px !important;
    font-weight: bold !important;
    width: 99% !important;    
    padding: 2px 0 0 2px;
}
.issueTitleWatermarked
{
    color: #999 !important;
    font-size: 16px !important;
    width: 99% !important;    
    font-weight: bold !important;
    padding: 2px 0 0 2px;
}
/* form styles */
.fieldgroup
{
    /*width: 71%;
*/
    float: left;
}
#content h2
{
    border-bottom: 0px white solid !important;
    margin-top: -40px;
    margin-left: 10px;
    color: white;
    font-size: 170%;
    display: table;
}
.fieldgroup h3
{
    margin-top: 0.5em;
}
.fieldgroup ol
{
    padding: 0em 1em 0 1em;
    list-style: none;
    display:table;
}

.fieldgroup .listWrapper ol li
{
	text-align: left;
    float: left;
    list-style: none;
    height: 30px;
    width: 300px;

}

.fieldgroup li
{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    white-space: normal;
    vertical-align: top;
}
.fieldgroup li span.cke_skin_kama
{
    display: inline-block;
}
.fieldgroup label, .fieldgroup span.label
{
    display: inline-block;
    
    padding: 3px 10px 0px 0px;
    vertical-align:top;
}

.labelgrouplist label
{
    float: right;
}

div.labelgroup
{
    max-width: 575px;
    display: inline-block;
}
div.labelgroup label
{
    float: right;
    width: auto;
}

div.submit
{
    float: right;
    border-style: none;
    left: 20px;
    background-color: transparent;
}

div.submit input[type="submit"]
{
    background-color: #669900 !important;
    color: white;
    border: 0px;
    font-size: 11px;
    font-family: Segoe UI;
    padding: 6px;
    cursor: pointer;   
}

.TileButton {
   background-color: #669900 !important;
    color: white;
    border: 0px;
    font-size: 11px;
    font-family: Segoe UI;
    padding: 6px;
    cursor: pointer;
    height: 85px;
    width: 85px; 
}

div.submit input[type="submit"]:disabled{
    cursor: default;
}

.progress {
    float: right;
}
.issueDescription{
    padding-left:5px;
    width:100%;
    padding-right:0;        
    margin-bottom: 25px;    
}
.issueDescription, .issueDescription p, .issueDescription div, .issueDescription span {
    font-size: 16px !important;
}
.issueDescription .Default.RadEditor {
    /*padding-left:5px;*/
    width: 95% !important;
}

.projectDesc {

float: left;
position: absolute;
width: 50% !important;

}
.projectDesc ul,.projectDesc div, .issueDescription ul, .issueDescription ol, .commentContainer ul, .commentContainer ol, .commentContainerAlt ul, .commentContainerAlt ol
{
    margin: 15px 0 15px 25px;
    padding-left: 20px;
    max-width: 90%;
}
.closeImage
{
    cursor: pointer;
    background-image: url("../../images/cross.gif");
    height: 16px;
    width: 16px;
    border: none !important;
}

table.grid .istDraft
{
    background-color: #ffffff;   /*white*/
}

table.grid .istNew
{
    background-color: #91cedc;  /*blue*/
}

table.grid .istInProgress
{
    background-color: #f9b277; /*orange*/
}

table.grid .istAssigned
{
    background-color: #ffea93;  /*yellow*/
}

table.grid .istCompleted
{
    background-color: #ff7f75;  /*red*/
}

table.grid .istClosed
{
    background-color: #c5c5c5;  /*grey*/
}

table.grid .istStopped
{
    background-color: #cc99ff;  /*violet*/
}

table.grid .accepted
{
    background-color: #92d050;  /*green*/
}

/*
table.grid .irResolved
{
    background-color: green;
}
*/

/* styl pro hromadni upravu vlastnosti vybranych pripadu */
div.updateIssuesProperty
{
    display: inline-block;
    width:45%;
    height:25px;
    padding-bottom:5px;
}
div.updateIssuesProperty div.propertyName
{
    vertical-align:top;
    display:inline-block;
    width:25%;
}
div.updateIssuesProperty div.propertyValue
{
    display:inline-block;
}
div#SetProperties div.issue-detail .item
{
    display: inline-block;
    width:436px;
}

/* styly pro advanced search */
div.searchOptions
{
    vertical-align: top;
    display: inline-block;
    border: 1px solid #c0c0c0;
    padding: 5px 20px 5px 5px;
    margin-left: 20px;
    width: auto;
}
div.searchOptions ul
{
    list-style-type: none;
}
.searchInputArea
{
    width: 200px;
}
div.searchLegend
{
    padding: 2px 5px;
    color: #696;
    font-weight: bold;
    display: inline;
}

/* styles for user profile - issue notification settings */

div.IssueNotificationSettings
{
	background-color: #E5E5E5;	
	margin: 5px 0;
	padding: 5px;
}

div.IssueNotificationSettings table
{
	width: 600px!important;
}

.IssueNotificationSettings td
{
    width: 200px;
}

/*searchBanner properties*/

#searchBanner
{
	float:right;
	width:350px;
}

#searchBanner .searchComboBox
{
	display:inline-block;
	vertical-align : middle;
}

#searchBanner a
{
	background-image:none;
}

.searchButton
{
	margin-left:5px;
}

#searchIssuesCombo
{
    display:inline-block;
}

#searchIssuesCombo label
{
	width:150px;
	float:right;
}



#totalWorkTimeDiv
{
	float:right;
	line-height: 25px;
}

#totalWorkTimeDiv span
{
	display : inline-block;
}

.editor .RadComboBox
{
vertical-align:baseline;
}


.issueToolTip .tipHeader
{
	font-weight:bold;
	width:100px;
}

.issueToolTip .tipItem
{
	width:100px;
}

.issueToolTip .toolTipImg
{
	width:16px;
	height:16px;
	display: inline-block;
}

/* Project Settings - Workflow styles */

.workflowDiv
{
    /*
    margin-left:280px;
*/
    overflow: auto;
    
}

.workflowGroup
{
    border-bottom:1px solid grey !important;
    padding-top:10px;
    padding-bottom:10px;
}

.workflowGroupTop
{
    border-bottom:1px solid grey !important;
    color: #666666;
    font-size: 140%;
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
}

.workflowGroupBottom
{
    padding-top:10px;
    padding-bottom:10px;
}

.workflowGroupBottom2
{
    border-bottom:1px solid grey !important;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px;
}

.workflowLabel
{
    font-weight: bold;
}

.WorkflowDetail
{
    border:1px solid grey !important;
    padding: 0px 10px 10px 10px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:210px;
}

.workflowStatusList
{
    width:190px;
    border:1px solid grey !important;
    padding: 10px 0px 10px 10px;
    margin-right:10px;
    float:left;
}

.workflowStatusListInner
{
    width: 180px;
    margin-top:5px;
}

.workflowStatusListInner .rlbGroup
{
    border: none !important;
}

.workflowPreviewRole
{
    float:right;
    display:inline-block;
}

.workflowPreviewRoleLabel
{
    vertical-align:middle;
}

.workflowPreviewListItem
{
    list-style:none;
    margin-bottom:5px;
}

.centerImg
{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.solutionComment
{
	border:2px solid #669900;
	margin-bottom: 1.5em;
}

div.RadEditor.Metro.reWrapper, div.RadEditor.Default.reWrapper.expanding
{
    min-width: 600px !important;
    width: 100% !important;
}

#logTimeCommentHolder div.RadEditor.Default.reWrapper.expanding
{
    min-width: 94% !important;
    width: 100% !important;
}

.normalComment
{
	margin-bottom: 1.5em;
}

.deletedIssue
{
	text-decoration: line-through;

}

.rbtItem label
{
	display:inline-block;
	float:none;
	width:100px;
}

/* END: Project Settings - Workflow styles */

.categoriesPane
{
    border-style:solid;
    border-color:#999999;
    border-width:thin;
    background-color:#FFFFFF;
}

/* ---------------- ErrorUC.ascx ---------------- */
#ErrorPageContent
{
    margin-left:20px;
}

#ErrorPageContent a
{
    color: #0E5BC2!important;
}

/* ---------- CreateProjectliteUC.ascx ---------- */
#NewUserDescription ul
{
    list-style-type:circle;
    padding-left: 40px;
}

#NewUserDescription h4
{
    color: #747474;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 0px;
}

#NewUserDescription p
{
    margin-top: 10px;
}

/* --------------------------------------------- RadTreeViewCustomization ---------------------------------------------
*
* 'Metro' skin pre RadTreeView je nevyrazny - preto je pouzity skin 'Office2010Silver' (zaregistrovany v RadSkinManager)
* a zaroven su prepisane niektore styly, aby RadTreeView zapadol do kontextu 'Metro' skinu
* --------------------------------------------------------------------------------------------------------------------*/
.RadTreeView_Office2010Silver .rtSelected .rtIn {
	background-color: #249FD9 !important;
	background-image: none !important;
	border-color: #249FD9 !important;
	color: #FFFFFF !important;
}
.RadTreeView_Office2010Silver .rtHover .rtIn {
	background-color: #E5E5E5 !important;
	background-image: none !important;
	border-color: #E5E5E5 !important;
	color: #767676 !important;
}
.RadTreeView_Office2010Silver, .RadTreeView_Office2010Silver a.rtIn, .RadTreeView_Office2010Silver .rtEdit .rtIn input {
	color: #767676 !important;
	font: 12px/18px "Segoe UI",Arial,sans-serif !important;
}

/* ------------------- IssueList user control - columns selector ------------------- */
.ChangeColumnsPanel
{
	width: 100%;
	background-color: #E5E5E5;
	margin-bottom: 10px;
}

.ChangeColumnsPanelInner
{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top:10px;
}

.columnTitleLabel 
{
    margin-left: 6px;
    margin-top: 4px;
    color: #000000;
    font-weight: bold;
}

.ChangeColumnsButton
{
	background-color: #FFFFFF!important;
	margin-left: 6px;
    margin-top: 6px;
}

.ChangeColumnsButton:hover
{
	background-color: #00A2DD!important;
	color: #FFFFFF!important;
}

.ChangeColumnsButton .rbText:hover {color: #FFFFFF!important;}

.title .RadInput,.title .RadInputMgr {width: 100% !important;}

/* ------------------------- Issues transfers (copy / move) ------------------------- */
.TransferResultsTable
{
    overflow:auto;
    display:block;
    max-width:1000px;
}

.TransferResultsTable td
{
    border-style: none none solid none;
    border-width: 4px;
    border-color: white;
    padding-left:5px;
    padding-right:5px;
}

td.transferIssuesColIssueId
{
    width: 1px;
    white-space:nowrap;
    padding-right:20px!important;
    
}

.TransferResultsTable tr.Success
{
    background-color: #1BA1E2; /*cyan*/
    color: #ffffff;
}

.TransferResultsTable tr.Warning
{
    background-color: #E3C800; /*yellow*/
    color: #ffffff;
}

.TransferResultsTable tr.Failure
{
    background-color: #E51400; /*red*/
    color: #ffffff;
}

.TransferResultsTable tr.Unknown
{
    /* clear */
}

/* ------------------------- Close Issue(s) result ------------------------- */
.CloseIssueResultsTable
{
    overflow:auto;
    display:block;
    max-width:1000px;
}

.CloseIssueResultsTable td
{
    border-style: none none solid none;
    border-width: 4px;
    border-color: white;
    padding-left:5px;
    padding-right:5px;
}

td.CloseIssueColIssueId
{
    width: 1px;
    white-space:nowrap;
    padding-right:20px!important;
    
}

.CloseIssueResultsTable tr.Success
{
    background-color: #1BA1E2; /*cyan*/
    color: #ffffff;
}

.CloseIssueResultsTable tr.Warning
{
    background-color: #E3C800; /*yellow*/
    color: #ffffff;
}

.CloseIssueResultsTable tr.Failure
{
    background-color: #E51400; /*red*/
    color: #ffffff;
}

.TransferResultsTable tr.Unknown
{
    /* clear */
}


/* ------------------------- Project switch ------------------------- */

.projectSwitchList
{
    /*centered div*/
    width:1120px;
    margin:0 auto;
}

/* SS: correction for Telerik RadButtons of type 'ToggleButton' (CheckBox, RadioButton) */
/* buttons on click (on toggle of state) are focused by default and within metro theme are highlighted and it looks pretty weird */
/* styles below are used to disable mentioned highlighting */

.RadButton.RadButton_Metro.rbToggleButton:focus, .RadButton.RadButton_Metro.rbToggleButton:active
{
      border: 0 none !important;
      color: #000000 !important;
      background-color:inherit !important;
      outline: none !important;
}

/* ------------------------- Project reports ------------------------- */

.ReportDetailPanel {
   background-color: rgb(241, 241, 241);
   padding:10px; 
}

.ReportItemsPanel {
    margin-top: 10px;
}

.ProjectReportLabel {
    font-size: 16px !important;
    color: #00a2dd !important;
    font-family: Segoe UI !important;
}

.ProjectReportTitle {
    color: #690 !important;
    font-family: Segoe UI !important;
    font-size: 24px !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
}

.ProjectReportDescription {
    font-size: 14px !important;
}

.ProjectReportText {
    font-size: 14px !important;
}

.ReportItemsListTotal {
    font-weight:bold;
    font-size:14px;
}

/* ------------------------- Email viewer ------------------------- */

TABLE.mailMessage
{
    border-spacing: 0px;
    border-width: 2px 2px 1px 2px;
    border-color: #777;
    border-style: solid;
}

TABLE.mailMessage TD
{
    padding: 3px;
}

TABLE.mailMessage TD.body   
{
    border-width: 2px 0px 1px 0px;
    border-color: #777;
    border-style: solid;
}

TABLE.mailMessage TD.attachments, TABLE.mailMessage TD.attachmentLabel
{
    border-width: 1px 0px;
    border-color: #777;
    border-style: solid;
    vertical-align: top;
}

TABLE.mailMessage TD.attachments a
{
    color: #0e5bc2!important;
}

TABLE.mailMessage TD.attachments TD
{
    padding: 1px;
}

TABLE.mailMessage TD.fieldLabel, TABLE.mailMessage TD.attachmentLabel
{
    font-weight:bold;
	vertical-align:top;
	/* automaticka sirka sloupce podle obsahu  */
	width: 1px;
	white-space:nowrap;
	padding-right:30px;
}

div.divStripped
{
    margin-bottom: 5px;
}

div.divStripped span
{
    background: #FF4644;
    color: #FFFFFF;
    padding: 2px 5px;
}

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

.title .RadInput,.title .RadInputMgr {width: 85% !important;}


.projectTitle {
    font-size: 36px;
    font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
 Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
    margin-left: 8px;margin-bottom: 16px;
}

.pageTitleLabel 
{
    font-family: Segoe UI  !important; 
    font-size: 34px; 
    color: #777;
    text-transform: uppercase;
    margin-left: 10px;
}

.pageSubTitleLabel 
{
    font-family: Segoe UI  !important;
    font-size: 25px; 
    color: #777;
    text-transform: uppercase;
}

.pageSubSubTitleLabel 
{
    font-family: Segoe UI  !important;
    font-size: 18px; 
    color: #777;
    text-transform: uppercase;
}

.colourBoxLeft {
    background-color: #00B2E2;
position: absolute;
width: 25px;
height: 80px;
    margin-left: -147px;    
}



.colourBoxLeft #appLogo {
    width: 100px;
    height: 54px;
margin: 13px 30px 0 30px;
background-image: url(../../images/xpera-logo-100x54.jpg)
}

.RadEditor Metro reWrapper {
    width: 100% !important;
}
.RadGrid .rgMasterTable {
    width: 100% !important;
}

.RadScheduler_Metro .rsApt .rsAptContent {
background-color: #EEEEEE !important;
background-image: none;
color: black;
}



.IssueListTopMenuHolder {
    position: absolute;
}

.RadToolBar_Metro .rtbOuter {
    border: none !important;
}

.AddHoursButton {
    background-color: #0e5bc2 !important;
    color: white !important;
    width: 120px !important;
    height: 24px;
}

.MainMessage {
    margin: 30px;
    top: 30px;
    position: relative;
}

/* #region ProjectStartPage IssueRepeaters */
/* #region containers - dimension of containers for page*/
.issueRepeaters .rep-cont {
    display: block;
    width: 100%;    
    /*background: #eeeeee;*/    
    clear: both;
}

.issueRepeaters .rep-cont .top-half {
    display: block;
    width: 100%;
    /*height: 600px;*/
    /*overflow: hidden;*/
    /*background: red;*/    
    clear: both;    
}
.issueRepeaters .rep-cont .top-half .left-cont{
    /* Zde je Posledni zmeny v projektu */
    display: block;
    width: 50%;
    height: 100%;
    min-height: 600px;
    /*background: #32cd32;*/
    float: left;    
}
.issueRepeaters .rep-cont .top-half .right-cont{
    display: block;
    width: 50%;
    /*background: #008c00;*/
    float: right;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.issueRepeaters .rep-cont .top-half .right-cont .top-small{
    display: block;
    width: 100%;
    /*background: #008b8b;*/    
    height: 50%;
    min-height: 300px;
    max-height: 50%;
    overflow: hidden;
}
.issueRepeaters .rep-cont .top-half .right-cont .bottom-small{
    display: block;
    width: 100%;
    /*background: #11a1ef;*/    
    height: 50%;
    min-height: 300px;
    max-height: 50%; 
    overflow: hidden;
}

.issueRepeaters .rep-cont .bottom-half{
    display: block;
    width: 100%;    
    /*background: #cc99ff;*/    
    clear: both;   
}
.issueRepeaters .rep-cont .bottom-half .left-cont {    
    display: block;
    width: 50%;
    /*background: #f9b277;*/
    height: 100%;
    float: left;
}
.issueRepeaters .rep-cont .bottom-half .right-cont {    
    display: block;
    width: 50%;
    /*background: #00ced1;*/
    height: 100%;
    float: right;
}
/* #endregion containers*/

/* #region Repeaters - Head and Title, time (common)*/
.issueRepeaters .rpt {
    display: inline-table;    
    float: left;    
    overflow: auto;    
    min-width: 90%;
    padding: 10px;
}

.issueRepeaters .rpt-title {
    margin-bottom: 20px;
}

.issueRepeaters .rpt-title .title,
.issueRepeaters .rpt-title .title a {    
    font-size: 17pt;
    font-weight: normal;
    font-family: segoe-wp, Arial, sans-serif;
    text-transform: uppercase;
    color: #777777 !important;   
}

.issueRepeaters .rpt-title .small {
    text-transform: none;
    font-weight: normal;
    font-size: 12pt;
    font-family: segoe-wp, Arial, sans-serif; 
}

.issueRepeaters .rpt .time {
    display: block;
    font-weight: bold;   
    text-align: right;
    min-width: 100px;
}

/* #endregion all repeaters / common feature*/

/*#region no-items, show-all */
.issueRepeaters .no-items {
    background: #FAFAFA;
    padding: 50px 0;    
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
.issueRepeaters .show-all {
    position: relative;
    text-align: right;
    color: #008c00;
}
.issueRepeaters .show-all.move-down {
        margin-top: 20px;
    }
/*#endregion */

/* #region TABLE-Repeaters (head and rows) */
.issueRepeaters table{
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
}

.issueRepeaters .rgHeader th {
    font-weight: normal;
    font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif;
    line-height: 16px;
    color: #FFFFFF;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: center;
    background-color: #00A2DD; 
}

.issueRepeaters .rgRow {
    background-color: transparent;    
}

.issueRepeaters .rgAltRow {
    background-color: #ededed;    
}

.issueRepeaters .id-column {
    min-width: 62px;    
}

.issueRepeaters .name-column {
    /*min-width: 100px;*/    
}

.issueRepeaters .time-column {
    min-width: 100px;
    text-align: center;
}

.issueRepeaters table td{
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 0 0 1px 1px;

    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 3px;
}
/* #endregion TABLE-Repeaters (head and rows) */

/* #region Text-Repeaters: row, who, time, user-action, issue-id, issue-title */
.issueRepeaters .rpt.txt{
    font-size: 11px;
    position: relative;
}

.issueRepeaters .rpt.txt .row{
    margin-bottom: 10px;
    font-size: 11pt;    
    font-family: segoe-wp;
}
.issueRepeaters .rpt.txt .who{
    font-weight: bold;
    color: #2757A1;
}

.issueRepeaters .rpt.txt .user-action{
    font-weight: normal;    
}
.issueRepeaters .rpt.txt .issue-id,
.issueRepeaters .rpt.txt .issue-title{
    font-weight: bold;    
}
/* #endregion */

/* #region Text-Repeaters colors: all, after-term, active, completed*/
.issueRepeaters .all,
.issueRepeaters .all a {
    color: #777777 !important; 
}

.issueRepeaters .rpt-title .all:before,
.issueRepeaters .rpt-title .after-term:before,
.issueRepeaters .rpt-title .active:before,
.issueRepeaters .rpt-title .completed:before {
    content: " - ";
}


.issueRepeaters .after-term,
.issueRepeaters .after-term a {
    color: #A20025 !important; 
}

.issueRepeaters .active,
.issueRepeaters .active a  {
    color: #2757A1 !important; 
}

.issueRepeaters .completed,
.issueRepeaters .completed a {
    color: #008C00 !important; 
}

/* #endregion assigned-to-me-issue repeater*/

/* #region project-changes repeater*/
.issueRepeaters .rpt.project-changes {
    display: block;    
    min-width: 90%; /*50%*/    
    overflow: hidden;
}

.issueRepeaters .project-changes .additional-data {
    display: block;
}
.issueRepeaters .project-changes .issue-description-text{
    font-style: italic;    
}
.issueRepeaters .project-changes .comment-text{
    font-style: italic;    
}
.issueRepeaters .project-changes .attachment{    
    font-weight: bold;         
    padding-left: 30px;
    line-height: 150%;
    margin-bottom: 30px;
    background: transparent url(../../images/Start/Images.png) no-repeat -6px center;
}

.issueRepeaters .project-changes .update-time{
    display: block;
    font-weight: bold;    
    padding-left: 30px;
    line-height: 150%;    
    background: transparent url(../../images/Start/Clock01.png) no-repeat -6px center;
}
.issueRepeaters .project-changes .update-time .in24h {
    color: #008C00;     
}
.issueRepeaters .project-changes .update-time .in48h {
    color: #2757A1; 
}
.issueRepeaters .project-changes .update-time .after48h {
    color: #A20025; 
}
/* #endregion project-changes repeater*/

/* #region Podtrzeni linku*/
.issueRepeaters a:hover {
    text-decoration: underline;
}    
/* #endregion*/

/* #endregion start-issue-repeaters */

/*** ADMINISTRATION STYLES**/
.adminProjLabel {
    width: 150px;
    font-family:Segoe UI, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    
}

.adminProjLabelReq {
    width: 150px;
    font-weight: bold;
    font-family:Segoe UI, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
}

.adminProjTextBox {
    width: 250px;
}
.adminProjRemoveLink a {
    color: blue !important;
}

.adminProjMultiline {
    width: 410px;
}