a.headerLink {
    color: white !important;
    text-decoration: none; 
    cursor: pointer;
}

.suppress {
	display: none ;
}

.dateSel {
    background-color: #ff8;
    cursor: default;
}

.dateSel:hover {
    background-color: #ff0;
}

.cbutton
{ 
    color: #c9e20b;
    background-color: #3d3f3d;
    font-weight: normal;
    text-decoration: none; 
    border: 1px solid #3d3f3d;
} 

a.bbutton {
    padding-left: 4px;
    padding-right: 4px;
}

.bbutton {
    font-size: 75%;
    /* color: #c9e20b; */
    color: white;
    background-color: #3d3f3d;
    font-weight: normal;
    text-decoration: none; 
    border: 1px solid #3d3f3d;
} 

.invert {
    color: black;
    background-color: white;
}

.selection2 {
    /* color: #c9e20b; */
    color: black;
    background-color: white;
    font-weight: normal;
    text-decoration: none; 
} 

.folder, .testCase {
    font-size: 90%;
    text-decoration: none;
    color: black;
}
.folder:hover, .testCase:hover {
    color: white; background-color: #3d3f3d;
}

.x-bbutton {
    font-size: 75%; 
    color: gray;
    font-weight: normal;
    text-decoration: none; 
    border: 1px solid gray;
} 

.button {
    color: white;
    background-color: #3d3f3d;
    font-weight: normal;
    text-decoration: none; 
    border: 1px solid #3d3f3d;
    font-size: 100%;
} 

.disabled {
    color: gray;
}

.x-button {
    color: gray;
    font-weight: normal;
    text-decoration: none; 
    border: 1px solid gray;
    font-size: 100%;
} 

ul.menu { list-style: none; }
div.menu {
	margin-left: 2em;
}

div.filelist {
    margin-left: 16px;
}

.navBarLeft {
	text-align: left;
}
.navBarRight {
	text-align: right;
}

.suiteLabel {
    color: white;
}
#suiteBar a:link, #suiteBar a:visited
{
color: white;
background-color: #3d3f3d;
text-decoration: none;
}

#suiteBar a:hover
{
color: #c9e20b;
background-color: #3d3f3d;
text-decoration: none;
}

.suiteRole {
    color: white;
}

.selection {
	font-size: 100%;
}

.menuTag, .logo {
	vertical-align: middle;
}

.topalign {
	vertical-align: text-top;
}

.titleLead {
	color: black;
	font-size: 150%;
	margin-top: 0.5em;
	margin-bottom: 0em;
}
.tight {
	margin-top: 0.5em;
    margin-bottom: 0.5em;
	color: black;
	font-size: 75%;
}
.breadCrumb {
    margin-top: 0em;
    color: white;
}

.ctitle {
	color: black;
	font-size: 150%;
	margin-top: 0em;
	margin-bottom: 0.2em;
	text-align: center;
}
.tallinst {
	color: black;
	font-size: 125%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.inst {
	color: black;
	font-size: 125%;
	margin-top: 0.5em;
	margin-bottom: 0.125em;
}
p.controlStrip {
    margin-top: 0em;
    margin-bottom: 0em;
    color: black;
}

p.controlStrip a {
    font-size: 0.8em;
    text-decoration: none;
}

.menuTitle, .title {
	color: black;
	font-size: 150%; 
	margin-top: 0em;
    padding-top: 0.5em;
	margin-bottom: 0.2em;
}

a.menuItem {font-size: 125%; color: black; padding: 2px; margin-left: 0; margin-top: 0.5em;}
a.menuItem:hover { color: black; background-color: #c9e24d; }

span.menuItem {
    text-decoration: none;
	font-weight: normal;
	color: black;
 	font-size: 125%; 
    padding: 2px;
    margin-left: 0;
    margin-top: 0.5em;
}
.menuDesc {
	font-weight: normal;
	color: black;
	font-size: 100%;
}
/*
tr.header, th.header td.header{
	background-color: #add8e6;
}
tr.hilite, th.hilite {
	background-color: #eef3fb;
}
*/

tr.hilite {
    background-color: #e5e5e5 !important;
}

/* Table of contents styles */
ul.toc { list-style: none }
div.toc, div.subtoc {
	background-color: #ccccff;
	border: none;
	margin-right: 5%;
}

div.text {
	border: none;
}
div.indent, p.indent {
	margin-top:  0.2em;
	margin-left: 5%;
}

span.number {
    text-align: right;
}

div.plain, div.code {
	border: none;
	font-family: monospace;
}

p.noteHeader, p.formatted {
	margin-top: 0em;
	margin-bottom: 0em;
}

.sessionVar {
    color: black;
}

.deltaEarly {
    color: green ;
}

.deltaLate {
    color: red ;
}

p.notes {
	color : black;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
}

div.error {
  background-color: #add8e6;
}

a.running:link {
	color: red;
}

.readonly {
	color  : red;
    font-size: 75%;
}

.mandatory {
	color  : red;
}

.namepart {
	color  : green;
}

.textareaStyle {
    font-size: smaller;
    font-style: italic;
    font-weight: normal;
}

.warnings {
	color  : red;
	margin-left: 5%;
	margin-bottom: 0.2em;
}

.formwarning {
    color: red;
}

div.copyright {
	padding-top: 0.2em;
}

a:link { color: black; }
a:visited { color: black; }
a:active { color: black; }

th.sortheader { vertical-align: bottom !important; }
a.sortheader { text-decoration: none; }
a.sortarrow { text-decoration: none; }
a.sortheader:hover { background-color: #3d3f3d; color: #C9E20B !important; }
a.sortheader:link { color: white; }
a.sortheader:visited { color: white; }
a.sortheader:active { color: white; }
a.sortarrow:link { color: white; }
a.sortarrow:visited { color: white; }
a.sortarrow:active { color: white; }

a.report:link { color: black; }
a.report:visited { color: black; }
a.report:active { color: black; }

a.norm:link { text-decoration: none; width: 100%;
    height: 100% }
a.norm:visited { text-decoration: none;width: 100%;
    height: 100% }
a.norm:active { text-decoration: none;width: 100%;
    height: 100% }

.control { font-size: 70%; }

a.dir:link { color: blue; }
a.dir:visited { color: blue; }
a.dir:active { color: blue; }

a.nav:link { font-weight: bold; color: #CC0000; text-decoration: none; }
a.nav:visited { font-weight: bold; color: #CC0000; text-decoration: none; }
a.nav:active { font-weight: bold; color: #CC0000; text-decoration: none; }

span.highlight {
  background-color: yellow;
}

table.navIcons {
	border: 0px;
    padding: 0 ;
    border-spacing: 0 ;
}

table.folderTree {
    width: 100%;
    font-size: 75% ;
}

table.folderTree, table.folderTree td {
    border: 0px;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

table.noborders, table.noborders td, table.noborders tr {
    border: 0px !important;
    border-spacing: 0;
    font-size: 1em;
    border-collapse: collapse;
}

td.navIcons {
	vertical-align: middle;
    text-align: center;
	font-weight: normal;
	color: #000000;
	font-size: 0.6em;
}


.insetVars {
	border-top: solid;
	border-right: solid;
}
table.editView {
	page-break-before: auto;
    border-collapse: collapse;
	border: 1px solid blue;
	font-size: 75%;
}
table.editView tr {
	border: 1px solid blue;
}
table.editView td {
	border: 1px solid blue;
	background-color: #eef3fb;
        border-spacing: 2px;
        padding: 2px;
}
table.editView th {
	border: 1px solid blue;
	background-color: #add8e6;
        border-spacing: 2px;
        padding: 5px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-20em; width:25em;
    border:1px solid #0cf;
    background-color:#add8e6; color:#000;
    text-align: left
}

.fieldLabel {
	font-weight: bold;
    vertical-align: top;
}

.np {
    position: relative;
    margin: 2px;
    padding: 0;
    line-height: 1px;
    height: 1em;
    width: 7em;
}

.np0 {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #000000;
    height: 1.25em;
    width: 86%;
    top: -.2em;
    left: 3px;
}

.np1 {
	position: relative;
    margin: 0;
    padding: 0;
	top: -.9em;
	left: .5em;
}

.progressBar0  { margin: 0; padding: 0; background: #cccccc; }
.progressBar1  { margin: 0; padding: 0; background: #c6ecfb; }
.progressBar2  { margin: 0; padding: 0; background: #c6ecfb; }
.progressBar3  { margin: 0; padding: 0; background: #8dd9f8; }
.progressBar4  { margin: 0; padding: 0; background: #8dd9f8; }
.progressBar5  { margin: 0; padding: 0; background: #54c6f4; }
.progressBar6  { margin: 0; padding: 0; background: #54c6f4; }
.progressBar7  { margin: 0; padding: 0; background: #1ab2f0; }
.progressBar8  { margin: 0; padding: 0; background: #1ab2f0; }
.progressBar9  { margin: 0; padding: 0; background: #1486b4; }
.progressBar10 { margin: 0; padding: 0; background: #64bd1b; }

#pkrPickerForm {
	background: #eeeeee;
	position: absolute;
	width: 210px;
	padding: 3px 5px 15px 3px;
	border: 1px solid #000000;
}

#pkrStick {
	margin: 5px 0px 0px 3px;
}

#pkrColorBoxes {
	position: relative;
	margin-top: 8px;
	height: 18px;
}

#pkrPatch-current {
	width: 30px;
	height: 18px;
	background: #000000;
	position: absolute;
	left: 5px;
	border-top:    1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left:   1px solid #000000;
}

#pkrPatch-sample {
	width: 30px;
	height: 18px;
	background: #000000;
	position: absolute;
	left: 35px;
	border-top:    1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right:  1px solid #000000;
}

#pkrFixedColors {
	font-size: 12px;
	margin: 4px 0px 0px 5px;
}

#pkrColorVals {
	font-size: 11px;
	margin: 8px 0px 0px 5px;
}

a.pkrButton {
	color: #000000;
	background: #eeeeee;
	border: 1px solid #000000;
	text-decoration: none;
	font-size: 9px;
	padding: 0px 2px;
}

a.pkrButton:visited {
	color: #000000;
}

a.pkrButton:hover {
	color: #eeeeee;
	background: #000000;
	border: 1px solid #000000;
	text-decoration: none;
	font-size: 9px;
	padding: 0px 2px;
}

a.pkrButtonSelected {
	color: #eeeeee;
	background: #000000;
}

a.pkrButtonSelected:visited {
	color: #eeeeee;
	background: #000000;
}

table.editFileList {
    border-collapse: collapse;
	border-spacing: 1px;
	font-size: 75%;
}
table.editFileList tr {
	border-spacing: 1px;
}
table.editFileList td {
        border-spacing: 3px;
        padding-left: 4px;
}
table.editFileList th {
    padding: 2px;
    border-spacing: 3px;
}

#pkrPickerForm td {
	border: 0px;
}

#pageTitle {
    display: inline;
    float: left;
    margin-left: 0.25em;
    margin-top: 0.7em;
    font-size: 1.5em;
    color: white;
}

#pageHeader {
    margin: 0 0 0 0;
    background-color: #3d3f3d;
    width: 100%;
    height: 54px;
}

#atmBody {
    margin: 0 0 0 0;
/*    min-height: 100%;  */
}

.nohover {
    background-color: transparent !important;
}

#atmLogo {
    border: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    vertical-align: middle;
}

#helpPanel {
    position: absolute;
    right: 5px;
    width: 200px;
    margin-right: 0;
    margin-left: 9px;
    padding-left: 4px;
    border-left: thin dotted;
}

#helpArea {
    overflow: auto;
    width: 100% ;
	font-family: Verdana, sans-serif;
    font-size: 0.6em;
}

#mainContent {
    padding-top: 0em;
    padding-left: 2px;
    padding-right: 2px;
/*    min-height: 100%; */
    position: relative;
}

#pageFooter {
    width: 100%;
    height: 2em;
}

div#helpArea h1 {
    font-size: 1em;
    background-color:#add8e6;
    width: 100%;
}

div#helpArea ul { 
    padding: 0;
    margin-top: 0.5em;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0.5em;
}
div#helpArea ul li {
    background-image: url("images/fixed/ball.red.small.gif");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 1.4em;
    margin-bottom: 1em;
}

div#helpArea ul li p {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}

div#helpArea p {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}
    
#oneEmHigh {
    margin: 0;
    padding: 0;
    font-size: 1em;
}


div#pageLogo {
    display: inline;
    float: right;
}

div#suiteBar, div#atmBreadCrumb {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.75em;
    display: block;
    background-color: #3d3f3d;
    color: white;
    width: 100%;
    height: 1.5em;
    border-top: 1px solid #c9e20b;
}
#atmBreadCrumb a:link, #atmBreadCrumb a:visited
{
color: white;
background-color: #3d3f3d;
text-decoration: none;
}

#atmBreadCrumb a:hover
{
color: #c9e20b;
background-color: #3d3f3d;
text-decoration: none;
}

span.breadcrumb {
    padding-left: 0.5em;
}

div#atmUserData {
    margin-left: 0.5em;
    float: left;
    display: inline;
}

div#atmSuiteData {
    float: right;
    margin-right: 0.5em;
    display: inline;
}

div#atmUserBanner p {
    margin-top: 0;          
    margin-bottom: 0; 
}                       
div#atmUserBanner a:link, #atmUserBanner a:visited {                       
color: white;           
background-color: #3d3f3d;
}                       
div#atmUserBanner a:hover {      
color: #c9e20b;          
background-color: #3d3f3d;
}
div#atmUserBanner {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0.5em;
    font-size: 0.75em;
    display: block;
    background-color: #3d3f3d;
    color: white;
    width: 100%;
    border-top: 1px solid #c9e20b;
}

div#mainnav {
    display: inline;
    float: left;
}

div#navcont {
    float: right;
    display: inline;
    font-size: 60%;
    margin-right: 2px;
}

#navcont ul
{
display: inline;
vertical-align: middle;
padding-top: 0;
padding-left: 0;
margin-left: 0;
margin-right: 0;
background-color: #3d3f3d;
color: white;
}

/* #navcont ul li.text { margin-top: 0.5em; }  */
#navcont ul li { display: inline}

#navcont ul li a, #mainnav ul li span
{
background-color: #3d3f3d;
color: White;
text-decoration: none;
border-right: 1px dashed #fff;
padding-left: 0.5em;
padding-right: 0.75em;
}
.nonav {
    color: gray !important;
}
#nonav {
    background-color: #3d3f3d;
    color: #ccc;
    text-decoration: none;
    border-right: 1px dashed #fff;
}

#navcont ul li a:hover
{
background-color: #3d3f3d;
color: #c9e20b;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: -0.3em;
background-color: #369;
color: white;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #369;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

#navcontainer2 {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 75%;
    padding-top: 2px;
}

ul#navlist2
{
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}

#navlist2 li
{
display: inline;
list-style-type: none;
}

#navlist2 a { padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }

#navlist2 a:link, #navlist2 a:visited
{
    /* color: #c9e20b; */
	color: white;
    background-color: #3d3f3d;
    font-weight: normal;
    text-decoration: none; 
}

#navlist2 a:hover
{
    color: #c9e20b;
    background-color: #3d3f3d;
    font-weight: normal;
    text-decoration: none; 
}

.fileBrowserLink {
    display: none;
}

table.dynamic {
	page-break-before: auto;
    border-collapse: collapse;
	border: 1px solid blue;
	font-size: 0.75em;
}
table.dynamic tr {
	border: 1px solid blue;
}
table.dynamic td {
	border: 1px solid blue;
        padding: 0.2em;
        border-spacing: 0.2em;
}
table.dynamic th {
	border: 1px solid blue;
	background-color: #add8e6;
        padding: 0.2em;
        border-spacing: 0.2em;
}
.fileBrowserLink {
    display: inline;
}

.pickme {
    font-size: 75% ;
}
.picked {
    font-size: 75% ;
	background-color: #add8e6;
}
.reqsPicker {
    overflow: auto;
}

.mceToolbar td {
    border: none !important;
}

.mceStatusbar {
    border-top: none !important;
    height:11px !important;
}
.mceStatusbar div {
    display: none;
}

.mceResize {
    height: 11px !important;
    background-position: -800px -9px !important;
}

#folderDescription {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#folderControls {
    padding-bottom: 0.5em;
}

a img {
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

.inactive {
    color: gray !important;
}

@font-face { 
    font-family: 'Gotham Condensed'; 
    src: url('fonts/GothamCondensed-Bold.eot'); 
    src: local('?'), url('fonts/GothamCondensed-Bold.otf') format('opentype'); 
    font-weight: bold;  
    font-style: bold;  
}

@font-face { 
    font-family: 'Gotham Condensed'; 
    src: url('fonts/GothamCondensed-Medium.eot');
    src: local('?'), url('fonts/GothamCondensed-Medium.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;    
}