body{margin:0;color:#000000;font-family:Verdana;font-size:1em;}
td{font-family:Verdana,Arial;font-size:70%;}
table{border-collapse:collapse;border-width:0;}
img{border:0;}
a{text-decoration:none;color:#003399;}
a:hover{text-decoration:underline;color:#F60}

#NavTd{background-color:#e5eef9;}
#Nav {padding:2px 0 10px 0;font:1em Verdana,Arial;}
#Nav .line{border-top:solid 1px #999999;margin:5px 0 5px 0;}
#Nav > .line{margin:6px 0 4px 0;}
#Nav h4{margin:9px 0 5px 5px;font-size:95%;}
#Nav > h4{margin:4px 0 4px 5px;}
#Nav ul{list-style:none;margin:0;padding:0;}
#Nav li{padding:0;margin:-4px 2px;width:200px;}
#Nav > ul > li{margin:-3px 2px;}
#Nav a{cursor:pointer;display:block;color:#000000;padding:2px 4px 4px 8px;margin:1px 0;}
#Nav > ul > li > a{border:1px solid transparent;padding:2px 4px 4px 7px;}
#Nav a:visited{color:#000000;}
#Nav a:hover{border:1px solid #cccccc;margin:0;padding:2px 4px 4px 7px;background-color:#f1f1f1;text-decoration:none;}
#Nav > ul > li > a:hover{margin:1px 0;}

.fieldDescription
{
    display: block;
    font-size: 80%;
}

.formErrors
{
    background-color: #ffcccc !important;
}

.formErrors h5
{
    color: #cc0000;
}

.formErrors ul
{
    margin: 0;
    list-style: inside;
}

.centred
{
    margin-left: auto;
    margin-right: auto;
}

.rowClear { background-color: #ffffff; } 

/* table styles */
.tableBorder { background-color: #bbbbbb; }

/* table row styles */
.rowHover { background-color: #f0f0f0; cursor: pointer; }
.cellHover { background-color: #fffff0; cursor: pointer; }

.rowHeaderDark { background-color: #bbbbbb; }
.rowHeader { background-color: #f0f0f0; }
.rowNormal { background-color: #ffffff; } /* normal (white) background */
.rowAlternate { background-color: #fffff0; } /* alternate (pale yellow) background */
.rowAlternateDark { background-color: #ffffde; } /* alternate (pale yellow) background */
.rowAlternateHighlighted { background-color: #eeeebb; } /* alternate (pale yellow) background */

TH {	font-family: Verdana, Arial, Helvetica;	font-size: 10px; text-align: left;}
TH a { text-decoration: none; }

/* titles and headings */
.pagetitle { font-size: 24px; font-weight: bold; font-family: Verdana, Arial, sans-serif; margin: 0 0 0 0; }
.formtitle { font-size: 17px; font-weight: bold; font-family: Verdana, Arial, sans-serif; margin: 0 0 2px 0; color: #003366; }
.bluetext { color: #003366; }

.formLabel
{
    background-color: #fffff0;
}

.fieldLabelArea, .fieldLabelAreaTop
{
    background-color: #fffff0;
    font-size: 10px;
    vertical-align: top;
    text-align: right;
}
.fieldLabelAreaReq
{
    background-color: #fffff0;
    font-size: 10px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
}

.fieldValueArea
{
    vertical-align: top;
    font-size: 11px;
}

.fieldValueAreaSmall
{
    vertical-align: middle;
    font-size: 9px;
}

.fieldLabelAreaTop
{
    text-align: left;
    font-size: 11px;
}

.required
{
    font-style: italic;
}


/* WebWork Stles */
.label { }
.errLabel { color: red; }
.errMsg { color: #cc0000; font-weight: bold; text-align: center}
.errLabel { color: #cc0000; font-weight: bold; text-align: right}
.errorBox { border: 1px solid #c00; padding: 4px; width: 90%; background: #fcc; }
.errorBox2
{
    border: 1px solid #c00;
    background: #fcc;
}
.checkboxLabel {}
.checkboxErrLabel { color: red }

/* For debugging i18n */
.replaced { background-color: #33CC66; }


/* font styles */
BODY { margin: 0px; font-family: Verdana, Arial, Sans-Serif, sans-serif; color:black; }
BLOCKQUOTE { font-size: 11px; font-family: Verdana, Arial, Sans-Serif, sans-serif; color:black; }
.small { font-size: 9px; }
.smallfooter {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.smallgrey { font-size: 9px; color: #666; }
.smallgreyfooter { font-size: 9px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; }
.grey { color: #666; }
.lightgrey { color: #aaa; }
.warning { color: #900; font-weight:bold }
.red-highlight, .red-highlight td {color: #FF0000; font-weight:bold }
.green-highlight {color: #006400; font-weight:bold }
.bright-green-highlight {color: #33CC00; font-weight:bold }
.red-highlight-small {color: #8B0000; font-weight:bold; font-size: 9px}
.green-highlight-small {color: #006400; font-weight:bold; font-size: 9px }
.blue-highlight {color: #6600FF; font-weight:bold}

STRONG {font-weight: bold;}
B {font-weight: bold;}

/* styles for field editing page */
.hiddenField { color: #999; }
.hidden
{
    display: none;
    border: none;
    padding: 0px;
}

.basicHide
{
    display: none;
}

.fullyCentered
{
    vertical-align: middle;
    text-align: center;
    margin: auto;
}



H1 { font-weight: bold; font-size: 24px; font-family: Verdana, Arial, Sans-Serif; margin-bottom: 0px; }
H2 { font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Sans-Serif; margin-top: 10px; margin-bottom: 0px; }
H3 { font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Sans-Serif; margin-top: 10px; margin-bottom: 0px; }
H4 { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; margin-top: 10px; margin-bottom: 0px; }
H5 { font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Sans-serif; margin-bottom: 0px; }
H6 { font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Sans-Serif; margin-bottom: 0px; }

.trackback { padding: 2px; margin: 0 0 5px 0; }
.trackbackblogname { font-size: 10px; color: #999; }
.trackbacklink { }
.trackbackexcerpt { font-size: 10px; color: #999 }

.grid
{
    margin-top: 5px;
    margin-bottom: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.grid th, .grid td
{
    border: 1px solid #cccccc;
    padding: 4px;
    vertical-align: top;
}

.grid th
{
    background-color: #f0f0f0;
}

.defaultWidth
{
    width: 95%;
}

.maxWidth
{
    width: 99%;
}

.minWidth
{
    width: 1%;
}

.minNoWrap
{
    width: 1%;
    white-space: nowrap;
}

.noWrap
{
    white-space: nowrap;
}

.emailHeader {
    font-weight:bold;
}

.date {
    color:#336699;
}

.borderedBox {
    border: 1px solid #bbbbbb;
    padding: 2px;
}


.borderedBoxBlack {
    border: 1px solid #000000;
}


.borderedTabBox {
    border: 1px solid #bbbbbb;
    width: 100%;
}

.borderedTabBoxHidden {
    border: 1px solid #bbbbbb;
    display: none;
    width: 100%;
}


.gridTabBox {
    border: 0px;
    padding: 0px;
    background-color:#bbbbbb;
}

.gridTabBoxHidden {
    border: 0px;
    padding: 0px;
    background-color:#bbbbbb;
    display: none;
}

.selectedTabCell {
    background-color: #bbbbbb;
}

.unselectedTabCell {
    background-color: #ffffff;
}

.errorTabCell {
    background-color: #ffcccc;
}

.selectedTabFont {
    color: #ffffff;
    font-weight: bold;
}

.unselectedTabFont {
    font-weight: bold;
}



.gridBox {
    border: 0px;
    padding: 0px;
    background-color:#bbbbbb;
}

/* Email/Comment action styles */

.issuePanelContainer
{
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
    width: 100%;
}

.action-box {
    border: thin solid #bbbbbb;
    border-collapse: collapse;
    margin: 2px 2px 2px 2px;
}

.action-container
{
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
}

.actionHeader
{
    border-top: 1px solid #bbbbbb;
    padding: 2px;
    background-color: #f0f0f0;
    border-collapse: collapse;
}

.actionLinks 
{   
    text-align: right;
    padding: 2px;
    float: right;
    vertical-align: middle;
}

.changeHistory td
{
    border: thin solid #ffffff;
}

.action-details 
{
    float: left;
	padding: 2px;
    background-color: #f0f0f0;
    text-align: left;
}

.action-links {
    text-align: right;
    padding: 2px;
    background-color: #f0f0f0
}

.action-body {
	background-color: #ffffff;
    padding: 2px;
}

.action-spacer {
	clear: both;
}

.alertHeader {
    border: 2px solid #990000;
    margin: 4px;
    font-weight: bold
}


 /* new styles */
HR { color: #3c78b5; height: 1px; }

/* top nav bar */
.navItemOver { font-family: Verdana, Sans-Serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #003366; cursor: hand; cursor: pointer;}
.navItemOver a { color: #ffffff; text-decoration: none; }
.navItem { font-size: 10px; font-family: Verdana, Sans-Serif; font-weight: bold; color: #ffffff; }
.navItem a { color: #ffffff; text-decoration: none; }


/* Projects grouped by category on the dashboard */
.projectCategoryGroup { border-width: 0 1px 1px 1px; padding: 7px; border-style: dashed; border-color: #bbbbbb; }
span.switch { cursor: pointer; text-decoration: underline; color: #003366; }

/* Column header styles */
TD.colHeaderLink  {	font-family: Verdana, Arial, Helvetica;	font-size: 12px; }
.colHeaderLink a { text-decoration: none; }
.colHeaderOver { background-color: #bbbbbb;	font-family: Verdana, Arial, Helvetica;	font-size: 12px; cursor: hand; cursor: pointer;}
.colHeaderOver a { text-decoration: none; }
.colHeaderHighlight { background-color: #bbbbbb;	font-family: Verdana, Arial, Helvetica;	font-size: 12px;}
.colHeaderHighlight a { text-decoration: none; }

P, UL, OL, DL, LI, TD, TEXTAREA, INPUT, SELECT, BUTTON 
{ 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size: 12px; 
    color:black; 
}

TEXTAREA, .textfield
{
    width: 90%;
}

.footer { text-align: center; }

optgroup
{
    background-color: #fffff0;
    border-top: 1px solid #cccccc;
    padding: 0px 2px;
    font-weight: normal;
    font-style: normal;
}

optgroup option
{
    background-color: #ffffff;
}

/** Currently only works with FireFox. Degrades well in other browsers **/
option.imagebacked, option.selectall
{
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}
option.selectall
{
    background-image: url(../images/icons/table_sql_select_16.png);
    border-bottom: 1px #0085eb dotted;
}


ul.square, ul.square_blue, ul.config
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.square_blue li
{
    padding-left: 13px;
    background-image: url(../images/icons/bullet_blue.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.4em;
}


ul.square li
{
    padding-left: 13px;
    background-image: url(../images/icons/bullet_creme.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.4em;
}

ul.square li a
{
    font-weight: bold;
}


ul.config li a, a.config
{
    padding: 3px 0 3px 20px;
    background-image: url(../images/icons/confg_16.gif);
    background-repeat: no-repeat;
    background-position: 0em 2px;
}

a.sort
{
    padding: 3px 0 3px 20px;
    background-image: url(../images/icons/sort_az_descending.png);
    background-repeat: no-repeat;
    background-position: 0em 2px;
}

.wizardFooter
{
    vertical-align: top;
    background-color: #f0f0f0;
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.darkFooter
{
    vertical-align: top;
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.wizardFooter #cancelButton
{
    margin-left: 1em;
}

.wizardFooter .wizardInfo
{
    float: left;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: left;
}

.codearea
{
    border-width: 1px;
    border-style: dashed;
    border-color: #bbbbbb;
    background-color: #F6F6F6;
    width: 80%;
    margin: 10px auto;
    padding: 0em 1em;
    -moz-border-radius: 10px;
}


pre.codearea h4
{
    border-bottom: 1px #bbbbbb solid;
}

pre.codearea textarea
{
    border: none;
    width: 100%;
    height: 300px;
    background-color: #F6F6F6;
    font-size: 100%;
    margin-bottom: 1em;
}

textarea.code, pre.codearea textarea
{
    font-family: monospace;
}

.subText
{
    font-size: 80%;
}

.selectDescription
{
    font-size:10px;
    text-align:top;
}

img
{
    border: 0px;
}

.informationBox
{
    border: 1px solid #F0C000;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #FFFFCE;
    padding: 10px;
}

.informationBox .error
{
    color: #FF0000;
    font-weight:bold;
    font-size: 120%;
}

.informationBox .success
{
    color: #006400;
    font-weight:bold;
    font-size: 120%;
}

.informationBox .info
{
    color: #6600FF;
    font-weight: bold;
    font-size: 120%;
}

table.blank
{
    margin: 0px;
    padding: 0px;
    border: none !important;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.blank td
{
    margin: 0;
    padding: 0 5px 5px 0;
    border: none !important;
    vertical-align: top;
}

table.noPadding, table.noPadding tr, .noPadding
{
    margin: 0px;
    padding: 0px;
    border: none;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}


table.minColumns td, table.minColumns th
{
    width: 1%;
}

td.normal, th.normal
{
    width: auto !important;
}


.nowrap
{
    white-space: nowrap;
}

ul.optionslist
{
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    list-style: none;
}

ul.optionslist  li
{
    padding-left: 13px;
    background-image: url(../images/icons/bullet_creme.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.25em;
}

ul.optionslist ul
{
    margin: 0px;
    margin-bottom: 0.5em;
    padding-left: 13px;
}

ul.optionslist ul li
{
    display: inline;
    padding-left: 13px;
    background-image: url(../images/icons/navigate_right_16.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.25em;
    font-size: 80%;
    padding-right: 1em;
    white-space: nowrap;
}

.percentagegraphtable, .percentagegraphtable td
{
    padding: 0px;
}

#reloadImage
{
    position: relative;
    top: 3px;
    margin: 0px 0 0 5px;
}


/* Issue Navigator width controls */

td.navigator
{
    font-size: 10px;
    white-space: nowrap;
    vertical-align: top;
}

/* Need this style to fix an IE rendering problem */
td.navigator img
{
    vertical-align: top; 
}


td.summary
{
    font-size: 12px;
    width: 20% ;
    white-space: normal;
}

td.description
{
    font-size: 12px;
    width: 30%;
    white-space: normal;
}


.redText
{
    color: #990000;
}

.spaced
{
    margin-left: 2px;
    margin-right: 2px;
}

/* project Panel styles */

.projectPanel
{
    margin: 0px;
    padding: 0px;
    border: none !important;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top;
}


.projectPanel .header
{
    padding: 4px;
    background-color: #f0f0f0;
}

.projectPanel .versionBanner
{
    background-color: #fffff0;
    padding: 4px;
    width: 100%;
}

.localHelp
{
    position: relative;
    left: 5px;
    top: 3px;
}

/** Use these styles for when you need two "columns" **/

div.container 
{
	overflow: hidden;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}


.leftColumn
{
	width: 49%;
    float: left;
}

.rightColumn
{
	width: 49%;
	float: right;
}

/** Admin menu styles **/

#adminMenu
{
    width: 170px;
    vertical-align: top;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

#adminMenu .section
{
}

#adminMenu .headerOpen, #adminMenu .headerClosed
{
    display: block;
    width: 152px;
    font-weight: bold;
    color: #003366;
    background-color: #dddddd;
    border-bottom: solid 1px #3678B5;
    padding: 3px 3px 3px 15px;
    background-repeat: no-repeat;
    background-position: 2px 6px;
    text-decoration: none;
}

#adminMenu .headerOpen
{
    background-image: url(../images/icons/navigate_down_10.gif);
}

#adminMenu .headerClosed
{
    background-image: url(../images/icons/navigate_right_10.gif);
}

#adminMenu ul
{
    margin: 0;
    padding: 5px 3px 15px 3px;
    list-style: none;
}

#adminMenu li
{
    padding-left: 13px;
    background-image: url(../images/icons/bullet_creme.gif);
    background-repeat: no-repeat;
    background-position: 0.15em 0.3em;
}


/** Some useful styles from Confluence **/
.noteBox, .warningBox, .infoBox, .tipBox 
{
    padding: 5px;
}


.noteBox 
{ 
    border: solid 1px #F0C000; 
    background-color: #FFFFCE; 
}
.warningBox 
{ 
    border: solid 1px #c00; 
    background-color: #fcc; 
}
.infoBox 
{ 
    border: solid 1px #3c78b5; 
    background-color: #D8E4F1; 
}
.tipBox 
{
    border: solid 1px #090; 
    background-color: #dfd; 
}

#navlist {
	width: 400px;
}

#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 20px;
}

#navlist li {
	margin: 0;
}

#navlist a {
	display: block;
	padding: 8px 8px 8px 24px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#navlist a:link {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#navlist a:visited {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#navlist a:hover {
	background-color: #9F6F9F;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

#navlist2 {
	width: 400px;
}

#navlist2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 20px;
}

#navlist2 li {
	margin: 0;
}

#navlist2 a {
	display: block;
	padding: 8px 8px 8px 24px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#navlist2 a:link {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#navlist2 a:visited {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#navlist2 a:hover {
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #0000dd;
}

#topnavlist {
	width: 60px;
}

#topnavlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
}

#topnavlist li {
	margin: 0;
	font-size: 12px;
}

#topnavlist a {
	display: block;
	align: center;
	padding: 2px 5px 5px 2px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-size: 12px;
}

#topnavlist a:link {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#topnavlist a:visited {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#topnavlist a:hover {
	background-color: #9F6F9F;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

#userlist {
	width: 200px;
}

#userlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 20px;
}

#userlist li {
	margin: 0;
}

#userlist a {
	display: block;
	padding: 2px 4px 4px 2px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#userlist a:link {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#userlist a:visited {
	background-color: #cccccc;
	color: #0000dd;
	text-decoration: none;
}

#userlist a:hover {
	background-color: #9F6F9F;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

#topnav {
  float:left;
  width:80%;
  font-size:120%;
  line-height:normal;
  }
#topnav ul {
  margin:0;
  padding:0px 10px 0;
  list-style:none;
  }
#topnav li {
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#topnav a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {
  color:#333;
  }
#topnav #current {
  background-image:url("../images/left_on.gif");
  }
#topnav #current a {
  background-image:url("../images/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }