/* VisionProject CSS */

body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
    height:100%;
}


a, A:link, a:visited, a:active {color: #0000aa; text-decoration: none; font-size: 8pt}
A:hover {color:#FF0000; text-decoration: underline; font-size: 8pt;}
p, tr, td {color: #000000; font-size: 8pt;}
h1 {color: #ffffff; font-weight: bold; font-size: 14pt; margin: 0px; padding: 2px;}
h2 {color: #000000; font-weight: bold; font-size: 12pt;}
h3 {color: #000000; font-weight: bold; font-size: 10pt;}
h4 {color: #000000; font-weight: bold; font-size: 8pt;}
form {margin: 0px;}
ul {margin-top: 0; margin-bottom: 0;}

.head1 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 12pt; font-weight: bold; color: #000099;}
.head2 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10pt; font-weight: bold; color: #000000; padding-left: 2px;}
.head3 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 8pt; font-weight: bold; color: #000000;}

.header2 {border-bottom: 1px  #cccccc solid;  padding: 2px; font-weight: bold; font-size: 110%;}


/* Table styles */
.boxbottom {background-color: #FFFFFF; padding: 0px; border-color: #777777; border-style: solid; border-width: 0px 0px 1px 0px;}
.boxoutside {background-color: #FFFFFF; padding: 0px; border-color: #777777; border-style: solid; border-width: 0px 1px 1px 1px;}
.boxtop {background-color: #455372; padding-top: 1px; border-color: #000000; border-style: solid; border-width: 1px 1px 1px 1px;}

.headerboxbottom {background-color: #FFFFFF; padding: 0; border-color: #FFFFFF; border-style: solid; border-width: 0px 1px 1px 1px;}


.tableHeaderLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #15428B; text-decoration: none;}


TR.H {background-color: #C3D6E6; padding: 0; border-color: #FFFFFF; border-style: solid; border-width: 0px 1px 1px 1px;}
TR.HNOCOMPLETE {background-color: #eeeeee; padding: 0; border-color: #FFFFFF; border-style: solid; border-width: 0px 1px 1px 1px;}


/* Form elements */
/*.editInputBox {background-color: #FFFFFF; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; width: 250px;}
.inputBox {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 8pt;}*/
/*.selectBox {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 8pt; width: 250px;}*/
/*.textAreaBox {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 8pt;}*/
/*.selectBoxIssues {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 7pt;}*/

.inputBox,.editInputBox,.selectBox,.selectBoxIssues,.textAreaBox {margin:0; font:normal 11px verdana, arial, tahoma,helvetica,sans-serif;padding:2px 1px 2px 1px; background:#fff url(js/ext-2.2.1/resources/images/default/form/text-bg.gif) repeat-x 0 0; border:1px solid #B5B8C8;width: 250px;}
/*.inputBox,.editInputBox,.selectBox,.selectBoxIssues {line-height:18px; vertical-align:middle;width: 250px;}*/
.inputBox,.editInputBox {height:20px;}

/* Change border when focus */
.inputBox:focus,.editInputBox:focus,.selectBox:focus,.textAreaBox:focus
{
    background-image: none;        
    border:1px solid #7eadd9;
}


.radioButton {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 8pt;}
.checkBox {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 8pt;}
.button {border-style: outset; border-color: #9999CC; border-width: 2px; background-color: #dddddd; padding-right: 5px; padding-left: 5px;}

.tableheadtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: black; padding-left: 4px;}
.clsTabSelected {FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; TEXT-ALIGN: center}

.leftAlignedCheckBox{ margin-bottom:0px; margin-left: 0px; margin-right: 8px;font-family: Verdana, Arial, Helvetica, sans-serif }

/* Forum CSS */
/* styles for messages, replies */
.messageHeader {font-family : verdana,arial,helvetica,sans-serif; font-size : 10pt; font-weight : bold;}
.messageAuthor {font-style : italic;}




.errorheader {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 1px 1px 1px 1px; background-color: #660000; height:20px;}
.errorcontent {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 8pt; font-weight: bold; text-decoration: none; color: #000000; padding: 1px 0px 1px 1px; background-color: #FEFEFE; }

.headerStyleRight A {color: #15428B; }
.headerStyle A {color: #15428B; }



/************* Header divs *****************/

#wrap {
    width: 100%;
}


#header {
    width: 100%;
/* Skin */
    background: url(images/new/top_back.gif) repeat-x top left;
    height:50px;
}


#logo {
    width: 100%;
/* Skin */
    background: #fc6 url(images/new/top_back.gif) repeat-x top left;
    height: 50px;
    padding: 0;
    margin: 0;
}
#logo a  {
    border-style: none;
    display: block;
    width: 118px;
}
#logo img  {
    padding-left: 10px;
    display: block;
    width: 0;
}
#logo span {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 400px;
    height: 50px;
}

#loadingImg {
    clear: both;
    background: #A0BFF5 url('images/rotation.gif') repeat-x 0px;
    vertical-align: middle;
    background-image:url('images/rotation.gif');
    background-position: center;
    height:24px;
    width: 16px;
    background-position:3px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
    cursor: pointer;
}



#crumbs {
    clear: both;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -12px;
/*background: #e3eaf9;*/
    height: 13px;
}


/************* Project tabs div *****************/

#projectTabs {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding-top: 4px;
    padding-left: 3px;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -10px;
}

#companyInfoTabs {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding-top: 7px;
    padding-left: 3px;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -10px;
}

.companyContentDiv {
    margin: 0px 0px 0px 0px;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
}

#container {
    background: #ffffff;
}

#maintabnav {
    position: relative;
    height: 20px;
    margin: 3px 0px 0px 0px;
    padding-left: 10px;
    background: url(images/tab_bottom.gif) repeat-x bottom;
    margin-right: 5px;
}

#maintabnav li {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}

#maintabnav a:link, #maintabnav a:visited {
    float: left;
    background: #b4bfd2;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #777;
    text-decoration: none;
    color: #000;
}

#maintabnav a:link.active, #maintabnav a:visited.active {
    border-bottom: 1px solid #f3f3f3;
    background: #fff;
    color: #000;
    position:relative;
    /*z-index:102;*/
}

#maintabnav a:hover {
    background: #f3f3f3;
}



/*subnav*/

#maintabnav UL {
    position:absolute;
    left:1px;
    top:20px;
    float:left;
    background:#f3f3f3;
    width:100%;
    margin:0px;
    padding:0.25em 0em 0.25em 0em;
    list-style:none;
    border-bottom: 1px solid #666;
}

#maintabnav UL LI {
    float:left;
    display:block;
    margin-top:1px;
    margin-right: 0px;
    margin-left: 0px;
    background:#f3f3f3;
}

#maintabnav UL A:link, #maintabnav UL A:visited {
    background:#f3f3f3;
    color:#777;
    display:inline;
    margin-left:0px;
    padding:0 1em 0em 1em;
    border:0;
}

#maintabnav UL A:hover,
    #maintabnav UL A:link.active,
    #maintabnav UL A.visited.active {
    background: #fff;
    color:#000;
}


#tabnav UL LI a:link{
    color: #000;
}

#tabnav LI UL {
    padding: 0px;
    position: absolute;
    background: #f2f5fc;
    width: 10em;
    display: none;
    border: 1px #777 solid;
    left:1px;
}

#tabnav LI UL LI, #tabnav LI UL LI a:link, #tabnav LI UL LI a:visited{
    background: #f2f5fc;
}

#tabnav LI:hover ul, #maintabnav LI.sfhover ul { /* lists nested under hovered list items */
    display: block;
}


/************* Content div *****************/

#contentDiv {
    margin: 0px 0px 0px 0px;
    padding-left:5px;
    padding-top: 15px;
    clear: both;
}

/************* Note div *****************/

.note {
    background-color: #f2f5fc;
    padding-bottom: 1em;
    border: 1px #cce solid;
    margin-top: 1em;
}

.note h3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    border-bottom: 2px white solid;
    margin-top: 0;
    font-size: 12px;
}

.note p {
    padding: 0 1em;
}

.note pre {
    margin: 1em 1em 0 1em;
}


.note ul, .note ol {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.note ol, .note ul {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.note ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
.note ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}



/********/
/* Skin */
/********/
.boxhead, table.sortable a.sortheader notsortable{
    margin: 0px;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    padding: 0px 0px 0px 0px;
    background-color: #e3eaf9;
    background-image:url(js/ext-2.2.1/resources/images/default/panel/top-bottom.gif); /*images/banners/ext-top-bottom-18px.gif);*/
    background-repeat: repeat-x;
    background-position: top;
    height:18px;
}

.boxhead {
    padding-left: 3px;
}
/*.issuesTableTR{
    border-right: 1px  #000000 solid;
    border-left: 1px  #000000 solid;    
} */

table.sortable a.sortheader{
    margin: 0px;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    padding: 1px 0px 1px 1px;
    background-position: top;
    height:18px;
}

table.sortable span.sortarrow {text-decoration: none;}

.clsEvenRowBackground {FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; BACKGROUND-COLOR: #edf3fe; border-bottom: 1px #d3d3d3 solid; padding: 2px 2px; height: 20px;}
.clsOddRowBackground {FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; border-bottom: 1px #d3d3d3 solid;  padding: 2px 2px; height: 20px;}

TR.clsErrorRowBackground {FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; color: #FFFFFF; BACKGROUND-COLOR: #ee0000; padding: 2px 5px 2px 5px; height: 20px;}

.headerStyle {color: #15428B; font-size: 105%; font-weight: bold; border-left: 1px #99BBE8 solid;border-right: 1px #99BBE8 solid; border-bottom: 1px #99BBE8 solid; background-color:#01349A;background-image:url(js/ext-2.2.1/resources/images/default/panel/top-bottom.gif); background-repeat:repeat-x; padding-left: 4px;}
.headerStyleNoBorder {color: #15428B; font-size: 105%; font-weight: bold; background-color:#01349A;background-image:url(js/ext-2.2.1/resources/images/default/panel/top-bottom.gif); background-repeat:repeat-x; padding-left: 4px;}
.headerStyleL {color: #15428B; font-size: 105%; font-weight: bold; border-left: 1px #99BBE8 solid; border-bottom: 1px #99BBE8 solid; background-color:#01349A;background-image:url(js/ext-2.2.1/resources/images/default/panel/top-bottom.gif); background-repeat:repeat-x; padding-left: 4px;}
.headerStyleR {color: #15428B; font-size: 105%; font-weight: bold; border-right: 1px #99BBE8 solid; border-bottom: 1px #99BBE8 solid; background-color:#01349A;background-image:url(js/ext-2.2.1/resources/images/default/panel/top-bottom.gif); background-repeat:repeat-x; padding-left: 4px;}

/* Border on all sides except on the right side */
.headerStyleLeft {border-bottom: 1px  #000000 solid; border-top: 1px  #000000 solid; border-left: 1px  #000000 solid; border-color: #314362; background-color:#01349A;background-image:url(images/banners/ext-top-bottom-28px.gif); background-repeat:repeat-x;  color: #15428B; padding-left: 4px;}

/* Border on all sides except on the left side  */
.headerStyleRight {border-bottom: 1px  #000000 solid; border-top: 1px  #000000 solid; border-right: 1px  #000000 solid; border-color: #314362; background-color:#01349A;background-image:url(images/banners/ext-top-bottom-28px.gif); background-repeat:repeat-x;  color: #15428B; padding-right: 4px;}

/* Style for all form labels in VisionProject */
.frmLabel {font-weight:bold; color: #000000; background-color: #f2f5fc; width: 130; padding: 4px;}
.frmLabelBgColor {background-color: #f2f5fc;}




/*********/
/* Forum */
/*********/

SMALL {font-size : 12px;}
.date {color : #000;}
a.forum {font-size: 12px; font-weight: bold;}
.forumTD {background: #f2f5fc; border: 1px #cecece solid; padding: 5px 2px 5px 2px; font-size: 10px;}
.forumTD a{font-size: 12px;font-weight: bold;color: #005FAC;}
.forumTD a:hover{font-size: 12px; font-weight: bold; color: #005FAC;}
.columnStyle {border-color: #ccc; border-style: solid; border-width: 1px 1px 1px 1px; }
.forumCategoryTD {background: #e3eaf9; border: 1px #cecece solid; padding:5px 2px 5px 4px; font-size: 12px;}
.forumCategoryRowTD {color: #006699; font-size: 12px; font-weight:bold; background: #e3eaf9; border-width: 1px 0px 1px 0px; border-color: #cecece; border-style: solid; padding:5px 2px 5px 4px; }



.forumHeader {
    font-size: 12pt;
    font-weight: bold;
    width: 99%;
    border-bottom: 1px #cccccc solid;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#searchForumForm{
    padding: 10px 2px 7px 0px;
    text-align: left;
}

#searchForumForm #searchText{
    font-size: 8pt;
    color: #222;
    font-weight: bold;
}




#forumLeft
{
    display: inline;
    float: left;
    width: 550px;
}
#forumLeft a {
    font-size: 12px;
    font-weight: bold;
}
#userInfo
{
    position: absolute;
    right: 10px;
    top: 2px;
    width: 300px;
    text-align: right;
    z-index: 100;
    font-size: 10px;
    font-weight: bold;
        
}
#userInfo a {
    font-weight: normal;
}


/******************/
/* Knowledge Base */
/******************/

#knowledgeBase {
    background: #ffffff;
    padding: 0px 5px 0px 0px;
    font-family: verdana, arial, serif;
}

#knowledgeBase a{
    font-weight: bold;
    color: #005FAC;
}

#knowledgeBase .kb-header{
    font-size: 10pt;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px #cccccc solid;
    margin: 0px;
    padding: 2px 2px;
}

#knowledgeBase .kb-description{
    font-size: 8pt;
    color: #777;
}

#knowledgeBase h2 {
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    padding: 2px 0px;
}

#knowledgeBase #categoriesTable {
    width: 80%;
}

#knowledgeBase .categorySummary {
    background: url(images/new/16_16/address_book.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    color: #777;
}

#knowledgeBase .excludedCategorySummary {
    background: url(images/new/16_16/address_book_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    color: #777;
}


#knowledgeBase .nobreak {
    white-space: nowrap;
}


#knowledgeBase .articleRowOdd {
    background: url(images/new/16_16/document.gif) no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEven {
    background: #edf3fe url(images/new/16_16/document.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowOddExcluded {
    background: url(images/new/16_16/document_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEvenExcluded {
    background: #edf3fe url(images/new/16_16/document_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowOddOutdated {
    background: url(images/icons/16x16/warning.gif) no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEvenOutdated {
    background: #edf3fe url(images/icons/16x16/warning.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase #articleHeader {
    background: url(images/new/16_16/document.gif) no-repeat 0 2px;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    padding: 2px 2px 2px 20px;
    width: 97%;
}

#knowledgeBase #articleHeaderExcluded {
    background: url(images/new/16_16/document_stop.gif) no-repeat 0 2px;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    padding: 2px 2px 2px 20px;
    width: 97%;
}

#knowledgeBase .articleInfoNote {
    background-color: #f2f5fc;
    padding: 3px 3px 3px 10px;
    border: 1px #cce solid;
    margin-top: 1em;
}

#knowledgeBase .articleContentNote {
    background-color: #f2f5fc;
    padding-bottom: 0;
    border: 1px #cce solid;
    margin: 1em 0;
}

#knowledgeBase .articleContentNote .articleH3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

#knowledgeBase #articleContent {
    background-color: #ffffff;
    border: 1px #ddd solid;
    padding: 0.5em;
    margin: 0px 0px 0px 0px;
}

#knowledgeBase .commentRowOdd {
    background: no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .commentRowEven {
    background: #edf3fe no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase #searchForm{

    padding: 10px 2px 7px 2px;
    text-align: left;
}

#knowledgeBase #searchForm #searchText{
    font-size: 8pt;
    color: #222;
    font-weight: bold;
}



#knowledgeBase .note {
    background-color: #f2f5fc;
    padding-bottom: 1em;
    border: 1px #cce solid;
    margin-top: 1em;
}

#knowledgeBase .note h3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    border-bottom: 2px white solid;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

#knowledgeBase .note p {
    padding: 0 1em;
}

#knowledgeBase .commentContent {
    background-color: #ffffff;
    padding: 0.5em;
    border: 1px #cce solid;
    margin-top: 1em;
}


.sectionTable {border: 1px #cce solid;}
.sectionHeader {border-bottom: 1px #fff solid; background: #e3eaf9; padding: 0.25em 0.25em; font-weight: bold; font-size: 110%; color: #339;}
.sectionLabel {padding: 5px; background: #f2f5fc;}
.sectionContent {background: #f2f5fc;}



/***************/
/* ProjectIssue /
/***************/

.issueWrapper {
    width: 805px;
    margin: 0px 20px 10px 5px;
    padding: 0px;    
}

* html .issueWrapper
{
    width: 805px;
}

.titleHeader {margin: 0px 0px 0px 5px; padding: 5px;}
.titleSummary {border-bottom: 1px #cccccc solid; background: #f2f5fc; margin: 10px 5px 10px 5px; font-size: 11px; padding-bottom: 5px;}

.issueSummary {border: 1px #cccccc solid; background: #f2f5fc; font-size: 8pt; margin-left: 5px;}
.issueSummary th {padding: 2px 1px 2px 2px; width: 120px; text-align: left; border-bottom: 1px #efefef solid; font-size: 8pt; font-weight: bold;}
.issueSummary td {padding: 2px 0px 2px 0px; text-align: left; border-bottom: 1px #eee solid;}

#editIssueSummary {border: 1px #cccccc solid; background: #f2f5fc; padding-top: 0px; font-size: 8pt; margin-left: 5px;}
#editIssueSummary th {padding: 2px 1px 2px 7px; width: 130px; text-align: left; border-bottom: 1px #efefef solid; font-size: 8pt; font-weight: bold;}
#editIssueSummary td {padding: 2px 1px 2px 1px; text-align: left; border-bottom: 1px #eee solid;}

.descriptionDiv {padding: 0px 0px 10px 3px; background: #f2f5fc; font-size: 8pt; word-break: break-all;}
.descriptionDiv h2 {font-weight: bold; font-size: 8pt; background: #f2f5fc; border-bottom: 1px #cccccc solid; margin-bottom: 5px; }
.descText {width: 99%; font-weight: normal;}
.descriptionDiv h3 {width: 99%; font-weight: normal;}
.descriptionDiv h4 {width: 99%; font-weight: normal;}

.subHeader {width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; font-weight: bold; font-size: 8pt; background-image:url(images/banners/ext-top-bottom-18px.gif); background-repeat:repeat-x; color: #15428B}

.subSectionHeader {background: #ffffff; margin: 20px 0px 0px 5px; padding: 2px ; font-weight: bold; font-size: 8pt; background-image:url(images/banners/ext-top-bottom-18px.gif); background-repeat:repeat-x; color: #15428B}

.issueHistoryDiv {border: 0px #cccccc solid; padding: 0px 0px 10px 2px; font-size: 8pt; margin: 20px 0px 0px 5px;}
.issueHistoryDiv h1 {font-weight: bold; font-size: 10pt; background: #f2f5fc; border-bottom: 1px #cccccc solid; color: #000; margin-right: 2px; }
.issueHistoryDiv h2 {font-weight: bold; font-size: 8pt; background: #f2f5fc; margin: 10px 0px 5px 5px;}


.tdCell {
    padding: 0px 5px 0px 5px;
}

#groupByDiv {
    margin-bottom: 15px;
    padding: 4px;
    width: 100%;
    font-family: verdana; font-size: 8pt;
    border-color: #000000; border-style: solid; border-width: 1px 1px 1px 1px;
    color: #222;
    background-color: #e3eaf9;
}


/***************/
/* Config CSS  */
/***************/

.configSubHeader {
    clear: both;
    height: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: #cce;
    border-style: solid;
    padding: 5px 2px 0px 2px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    background: #e3eaf9;
}
.configSubHeader h1 a {
    background: #e3eaf9 url(images/new/expand.gif) no-repeat 5px 2px;
    padding: 0px 0px 0px 20px;
}

.configSubHeader h1 {
    /*width: 140px;*/
    float: left;
    padding: 0px;
    margin: 0px;
}
.configSubHeader p {
    float: left;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}
.configDiv {
    padding: 4px 4px 20px 4px;
    background: #f2f5fc;
    padding-top: 0px;
    margin-top: 0px;
}
.configInfoText {
    margin: 0px 3px 10px 3px;
    padding: 4px;
}


.projectIssuesGroupByBox {
    font-size: 10pt;
    width: 100%;
    text-align: left;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 4px;
    margin: 30px 0px 10px 0px;
    color: #222;
    background-color: #e3eaf9;
    font-weight: bold;
}



/********** HTML Goodies menu *************/


#dhtmlgoodies_leftPanel UL {
    PADDING-LEFT: 20px; MARGIN-LEFT: 0px
}
#dhtmlgoodies_leftPanel DIV {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
#mainContent {
    BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 460px; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #7190e0
}
#dhtmlgoodies_leftPanel {
    DISPLAY: none; Z-INDEX: 10; LEFT: 0px; OVERFLOW: hidden; COLOR: #fff; POSITION: absolute; HEIGHT: 100%; BACKGROUND-COLOR: #3c94c8
}
#dhtmlgoodies_leftPanel #leftPanelContent {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#dhtmlgoodies_leftPanel .closeLink {
    BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; LEFT: 115px; BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 2px; BACKGROUND-COLOR: #fff
}
#dhtmlgoodies_leftPanel .closeLink:hover {
    COLOR: #fff; BACKGROUND-COLOR: #000
}

#theClickBanner {
    float:left;cursor:pointer;background-image: url('images/new/dark_gray_back_vertical3.gif');z-index:5;
    border:0px; width:8px; POSITION: absolute; HEIGHT: 100%; margin-left:0px; PADDING-RIGHT: 0px; PADDING-LEFT: -5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

#dhg_xpPane{
    background-color:#7190e0;
    float:left;
    height:1200px;
    width:180px;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size:10pt;
}
#dhg_xpPane .dhg_panel{
    margin-left:3px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:0px;
    color:black;
}

#dhg_xpPane .panelContent{
    font-size:0.7em;
    background-image:url('images/bg_pane_right.gif');
    background-position: right top;
    background-repeat:repeat-y;
    border-left:1px solid #FFF;
    border-bottom:1px solid #FFF;
    padding-left:2px;
    padding-right:2px;
    padding-top:0px;
    overflow:hidden;
    position:relative;
    clear:both;
}
#dhg_xpPane .panelContent div{
    position:relative;
    padding-top:0px;
    margin-top:0px;
}
#dhg_xpPane .dhg_panel .topBar{
    background-image:url('images/bg_panel_top_right.gif');
    background-repeat:no-repeat;
    background-position:top right;
    height:25px;
    padding-right:5px;
    padding-top:0px;
    margin-top:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    cursor:pointer;
    overflow:hidden;

}
#dhg_xpPane .dhg_panel .topBar span{
    line-height:25px;
    vertical-align:middle;
    font-size:0.7em;
    color:#215DC6;
    font-weight:bold;
    float:left;
    padding-left:5px;
}

#dhg_xpPane .dhg_panel .topBar img{
    float:right;
    cursor:pointer;
    padding-top:0px;
    margin-top:0px;
}

#dhg_xpPane .dhg_panel .topBar .panelImage{
    float:left;
    cursor:pointer;
    padding-top:0px;
    margin-top:0px;
}

#otherContent{	/* Normal text content */
    float:left;	/* Firefox - to avoid blank white space above panel */
    padding-left:10px;	/* A little space at the left */
}

/**********  HTML Goodies end *************/

/********** POPUP style **************/
.xxfl {
   width:300px; height:150px; border:1px none #333399; padding:6px;
   overflow:auto;
}
.xxbg {background-color:#333399;}     /* the border */
.xxcg {background-color:#3666BE; text-align:left;}
.xxfg {background-color:#FFFFFF; text-align:left;} /* bg color */
.xxcap {font-family:Arial; font-size:12px; font-weight:bold}
a.xxclo {font-family:Verdana; font-size:10px; font-weight:bold; color:#ddddff;}
a.xxclo:hover {color:#ffffff;}
.xxtxt {font-family:Arial; font-size:16px}
.xxcg {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 8pt; font-weight: bold; text-decoration: none; color: #15428B; padding: 1px 0px 1px 1px; background-color: #01349A; background-image:url(images/banners/ext-top-bottom-18px.gif);  background-repeat: repeat-x; background-position-y: top; height:18px;}

.clsMarkedRow {cursor: pointer; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; color: #ffffff; BACKGROUND-COLOR: #5886D5; height: 20px;}

 .yyfl {
   border:0px none #333399; padding:0px;
   overflow:auto;
}
.yybg {background-color:#333399;}
.yycg {background-color:#3666BE; text-align:left;}
.yyfg {background-color:#FFFFD7; text-align:left;}
.yycap {font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff;}
a.yyclo {font-family:Verdana; text-decoration:underline;font-size:10px; font-weight:bold; color:#ddddff;}
a.yyclo:hover {color:#ffffff;}
.yytxt {font-family:Arial; font-size:16px; color:#000000;}
.yycg {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 8pt; font-weight: bold; text-decoration: none; color: #15428B; background-color: #01349A; background-image:url('images/banners/ext-top-bottom-18px.gif');  background-repeat: repeat-x; height:18px}

.clsMarkedRow {cursor: pointer; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica; color: #ffffff; BACKGROUND-COLOR: #5886D5; height: 20px;}


/********** POPUP style end **************/

.formInput {background: #f2f5fc; padding: 2px 1px 2px 1px; text-align: left; border-bottom: 1px #eee solid;}


/********** Menu (ADDED 2007-05-23) **************/

#menu {
    height: 28px;
	width: 100%;
	background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
	white-space: nowrap;
	z-index: 99;
}



#nav {
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
	white-space: nowrap;
    z-index: 99;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #ccc;
	vertical-align: middle;
	height: 26px;
	white-space: nowrap;
}

#nav a {
	float: left;
	padding: 6px 10px 6px 40px;
	text-decoration: none;
	color: #fff;
	background: url(images/new/businessmen.gif) no-repeat 10px 55%;
    vertical-align: middle;
}

#nav #menuhome a {background-image: url(images/new/home.gif);}
#nav #menusearch a {background-image: url(images/new/find.gif);}
#nav #menucompanysettings a {background-image: url(images/new/environment_preferences.gif);}
#nav #menuusers a {background-image: url(images/new/businessmen.gif);}
#nav #nav a:hover, #nav a.active {border-bottom: #FACC2C 3px solid;}
#nav #nav a.active {font-weight: bold;border-bottom: #FACC2C 3px solid;}


#leftMenu {
    float:left;
    z-index: 99;
}

/* Right menu for IE... */
#rightMenu {
    position: absolute;
    _height: 28px; /* underscore because we only want to show this to IE!!! */
    right: 7px;
    padding: 1px 5px 6px 0px;
    z-index: 100;
    white-space: nowrap;
    background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
    text-align: right;
}

/********** END Menu (ADDED 2007-05-23) **************/


/********** PAGING (ADDED 2007-05-25) **************/

 .tborder
 {
     background: #D1D1E1;
     color: #000000;
     border: 1px solid #0B198C;
 }

 .vbmenu_control
 {
     background: #4978CC;
     color: #FFFFFF;
     font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
     padding: 3px 6px 3px 6px;
     white-space: nowrap;
 }
 .alt1, .alt1Active
 {
     background: #F5F5FF;
     color: #000000;
     padding: 0 3px;
 }

 .alt2, .alt2Active
 {
     background: #E1E4F2;
     color: #000000;
     padding: 0 3px;
 }

A:hover {text-decoration: none;}

/********** END PAGING (ADDED 2007-05-25) **************/

.issueListExpander {
    width: 16px;
    /*background-position:3px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image: url('images/new/expand.gif');*/
    cursor: pointer;
}


.subissueListExpander {
    width: 16px;
    /*background-position:3px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image: url('images/new/expand.gif');*/
    cursor: pointer;
}


#menuquicksearch a {background-image: url(images/icons/24x24/view_next_blue_bg.gif);}
#menunewissue2 a {background-image: url(images/icons/24x24/clipboard_add_blue_bg.gif);}


/* VP 4.0 */
.projectTable {border: 1px #ddd solid; width: 98%;margin: 10px;}
.projectTable td {
    text-align: left;
    width: 33%;
    padding: 5px 5px 5px 10px;
    background-color: #f2f5fc;
    vertical-align: top;
}
.projectTable td.project, td.issues {border-right: 1px solid #ddd; width: 30%;}
.projectTable td.project span.projectInfo{border-bottom: 1px solid #ddd; margin-bottom: 5px; width: 98%;}
.projectTable td.project span.projectName a{font-weight:bold; font-size: 110%;}
.projectTable td.issues {width: 20%; background-color: #fff; font-size: 110%;font-weight:bold;}

div.progress { border: 1px solid #d7d7d7; height: 13px; }
div.progress .closed { background: #009900; height: 99%; }





.cells {
    padding: 0px 4px 0px 4px;
}

.cell_divs {
    width: 100%;
    overflow: hidden;
}


.popupclass {
    border: 1px #777 solid;
    padding: 2px;
}



/* DATE MENU */
.minutecss{
    padding:4px;
	height:100%;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(../../resources//images/default/shared/glass-bg.gif) repeat-x left top;
}
.y-hour-middle,.y-hour-left,.y-hour-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-hour-right, .y-hour-left {
	width:18px;
}
.y-hour-right{
	text-align:right;
}
.y-hour-middle {
	padding-top:2px;
	padding-bottom:2px;
	color:#0000ff;
}
.y-hour-right a, .y-hour-left a{
	display:block;
	width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.y-hour-right a {
	background-image: url(images/arrowRight.gif);
	margin-right:2px;
}
.y-hour-left a{
	background-image: url(images/arrowLeft.gif);
	margin-left:2px;
}
.y-minute-middle,.y-minute-left,.y-minute-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-minute-right, .y-minute-left {
	width:18px;
}
.y-minute-right{
	text-align:right;
}
.y-minute-middle {
	padding-top:2px;
	padding-bottom:2px;
	color:#0000ff;
}
.y-minute-right a, .y-minute-left a{
	display:block;
	width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.y-minute-right a {
	background-image: url(images/arrowRight.gif);
	margin-right:2px;
}
.y-minute-left a{
	background-image: url(images/arrowLeft.gif);
	margin-left:2px;
}

/***********************************************************************/
/**                        Ext Extensions                              */
/***********************************************************************/

/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.grid.RowActions.css
 *
 * Style sheets for Grid RowActions Plugin
 *
 * @author   Ing. Jozef Sak�lo�
 * @date     27. March 2008
 * @verson   $Id$
 *
 * @license Ext.ux.grid.RowActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 *
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/* styles for rows */
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 5px 0 0;
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

/************************************* Ext.ux.grid.RowActions end *****************************************/

/************************************* Ext.ux.Portal *****************************************/

.x-portal .x-panel-dd-spacer {
    margin-bottom:10px;
}

.x-portal-column
{
	margin: 5px 5px;
}

.x-portlet {
    margin-bottom:10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-bwrap
{
	border-color: inherit;
}

.x-portlet .x-panel-ml {
    padding-left:2px;
    border-color:inherit;
}
.x-portlet .x-panel-mr {
    padding-right:2px;
    border-color:inherit;
}
.x-portlet .x-panel-bl {
    padding-left:2px;
}

.x-portlet .x-panel-br {
    padding-right:2px;
}
.x-portlet .x-panel-body {
    background:white;
    border: 1px solid;
    border-color:inherit;
}
.x-portlet .x-panel-mc {
    padding-top:2px;
    border-color:inherit;
}

/* leave room for resize bar on bottom only */
.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom:8px;
}
.x-portlet .x-panel-nofooter .x-panel-bc {
    height:8px;
}
.x-portlet .x-resizable-handle-south
{
	bottom: 1px;
	left:1px;
	width:99%;
}


/************************************* Ext.ux.Portal END *****************************************/


/************************************* Undoreset *************************************************/
/* Strong and em */
.undoreset strong, .undoreset th { font-weight: bold; }
.undoreset em, .undoreset address, .undoreset caption, .undoreset cite { font-style: italic; }
/* Table */
.undoreset table { display: table; border-spacing: 2px; border-collapse: separate; }
.undoreset tr { display: table-row; vertical-align: inherit; }
.undoreset td { display: table-cell; border-spacing: 2px; padding: 2px; vertical-align: inherit; text-align: inherit; padding: 1px; border-collapse: none; }
.undoreset th { display: table-cell; vertical-align: inherit; font-weight: bold; padding: 1px; border-collapse: none; }
/* Block Items */
.undoreset p { display: block; margin: 1em 0; }
.undoreset blockquote { display: block; margin: 1em 40px; }
.undoreset address { display: block; font-style: italic; }
.undoreset center { display: block; text-align: center; }
/* Headers */
.undoreset h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; }
.undoreset h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .83em 0; }
.undoreset h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
.undoreset h4 { display: block; font-weight: bold; margin: 1.33em 0; }
.undoreset h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
.undoreset h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
/* Lists */
.undoreset ul { display: block; list-style-type: disc; margin: 1em 0; padding-left: 40px; }
.undoreset ol { display: block; list-style-type: decimal; margin: 1em 0; padding-left: 40px; }
.undoreset li { display: list-item; }
/* Pre */
.undoreset pre, .undoreset code { display: block; font-family: Courier New; white-space: pre; margin: 1em 0; }

/************************************* Undoreset END *****************************************/

.summaryCell {background: #efefef; height: 22px; text-align: right; font-weight: bold;}


/* Fix for Firefox 3 */
.x-date-middle {
    width: 160px;
}
.x-date-left,
.x-date-right {
    width:20px !important;
}


/* Bugfix for menu alignment in IE7 */
.ext-ie .x-menu-item-icon {left: -24px;}
.ext-strict .x-menu-item-icon {left: 3px;}