/***********************************
 * HTML tags
 ***********************************/
html {
    color: #494949;
    background-color: #afafaf;
    word-spacing: 0.05em;
    letter-spacing: 0px;
}

body {
    color: #333333;
    font-family:  Tahoma, Arial, Helvetica, sans-serif;
    background-color: #afafaf;
    padding-top: 10px;
}

a {
    color: #4c78b2;
/*    text-decoration: none; */
	font-weight: normal;
}

    a:visited {
        color: #6692cc;
/*        text-decoration: none; */
    }
    
    a:hover {
        color: #385f93;
        text-decoration: underline;
    }

    span a{
    }

    #headingStatus a, #headingStatus a:visited {
        color: #e7dd95;
        padding-left: .2em;
        padding-right: .2em;
        text-decoration: none;
    }    
    
    #headingStatus a:hover {
        color: #e7dd95;
        text-decoration: underline;
    }
    
img {
    border: 0 solid #ffffff;
}



h1 {
    font-size: 2em;
    font-weight: bold;
    color: #c24322;
    padding-bottom: 8px;
	overflow: hidden;
}

h2 {
    font-size: 2em;
    color: #444466;
	border-bottom: 1px solid #dddddd;
	padding-bottom: .5em;
    margin-bottom: .3em;
    line-height: 1.1em;
}

h3, h3 a {
    color: #4d6581;
    font-size: 1.3em;
    margin-bottom: 6px;
    padding-bottom: .1em;
    font-weight: bold;
    border-bottom: 0px solid #cccccc;
}

h4, h4 a {
    color: #c24322;
    font-size: 1.1em;
    margin-bottom: 6px;
	text-decoration: none;
}

h5 {
	color: #444444;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: .5em;
    margin-bottom: 6px;
}

h6 {
	color: #3b3b3b;
	font-size: 1em;
	font-weight: bold;
    margin-top: .5em;
    margin-bottom: 6px;
}

label {
/*
    font-size: .88em;
    color: #777777;
*/
    line-height: 1.5em;
    margin-top: 4px;
	margin-bottom: .5em;
}


	label.bold {
		font-weight: bold;
	}

	label.block {
		display: block;
		margin: 0;
		padding: 6px 0 4px 0;
	}

	label.choice {
		color: #222222;
		display: block;
		font-size: 100%;
		line-height: 1.2em;
		margin: -1.65em 0 0 25px;
		padding: 0.25em 0 0.5em;
		width: 88%;
	}
				
		label.choice.horiz {
			display: inline;
			line-height: 1.2em;
			margin: 0 8px 0 2px;
			padding: 0 0 0 0;
		}


input {
    font-size: 1em;
    margin-bottom: .6em;
	word-spacing: 0;
}

	input.text, textarea, select {
		border-top:	2px solid #7C7C7C;
		border-right: 2px solid #C3C3C3;
		border-bottom: 2px solid #DDDDDD;
		border-left: 2px solid #C3C3C3;
		padding: .2em .4em .2em .4em;
	}
	
	input.button {
		font-size: .9em;
	}

	input.checkbox, input.radio {
		display: block;
		height: 13px;
		line-height: 1.5em;
		margin: 0.6em 0 0 3px;
		width: 13px;
	}

button {
    font-size: .9em;
    font-weight: 500;
    padding: .1em 0 .3em 0;
}

ul.list {
    padding: 0;
    margin: 0;
}

    ul.list li {
        padding-top: .5em;
        font-size: .9em;
    }

	ul.insideDot li {
	    list-style: disc inside;
	}

	ul.outsideDot li {
	    list-style: disc outside;
		margin-bottom: .4em;
	}

table{
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
    
    table th {
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        padding-bottom: .4em;
    }
    
    table a, table a:visited, table a:hover {
    	text-decoration: none;
    }
    
    table th a, table th a:visited, table th a:hover {
    	color: #333333;
    }
    
    table .left {
        text-align: left;
    }

    table .right {
        text-align: right;
    }

    table tr.link {
    	cursor: pointer;
    }

/***********************************
 * ID's
 ***********************************/
#hd, #bd {margin-bottom:0em; clear: both; }

#bd {
    background-color: #ffffff;
	padding-left: 18px;
	padding-right: 13px;
}

#hd {
	position: relative;
    height: 60px;
    line-height: 0em;
    background-image: url("../images/template/heading-blue-slice.gif");
    background-repeat: repeat-x;
}

#doc {
    margin:auto;text-align:left; /* leave unchanged */ 
    width: 76.92em;/* non-IE */ 
    *width: 75.09em;/* IE */ 
    min-width: 600px;/* optional but recommended */ 
}

    #doc div, #doc p {
        line-height: 1.5em;
	}

	#doc p {
		margin-bottom: .8em;
    }

#ft {
 	font-size: .85em;
	font-family: verdana;
	background-color: #adadad;
    color: #ffffff;
    padding-bottom: 1em;
    background-image: url("../images/template/bottom-corner-right.gif");
    background-repeat: no-repeat;
    background-position: top right;
}

    #ft .bottomCorner {
        background-color: #ffffff;
        width: 99%;
        height: 10px;
        margin: 0;
        margin-right: 10px;
        background-image: url("../images/template/bottom-corner-left.gif");
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    #ft a {
        color: #ffffff;
    }

    #ft a:hover {
        color: #c24322;
        text-decoration: underline;
    }

    #ft ul, ul.hMenu {
        padding: 1.4em 0 0 1em;
    }

    ul.hMenu {
        padding-top: 0;
    }
    #ft div ul li, ul.hMenu li {
        display: inline;
        padding-right: 1em;
    }

*html #hd {
    margin-bottom: -3px;
}

#headingLogo {
    line-height: 0em;
    float: left;
    width: 230px;
    padding: 20px 0 0 12px;
    margin: 0;
    background-image: url("../images/template/heading-corner-left.gif");
    background-position: top left;
    background-repeat: no-repeat;
}

#headingMenu, #headingStatus {
    font-size: 11px;
    font-weight: normal;
}

#headingStatus {
	position: absolute;
	top: 0px;
	right: 10px;
	text-align:right;
    width: 70%;
    padding-top: .8em;
    padding-right: .5em;
    color: #ffffff;
}

#topRightCorner {
    float: right;
    width: 12px;
    background-image: url("../images/template/heading-corner-right.gif");
    background-position: top right;
    background-repeat: no-repeat;
}

#doc #headingMenu {
	position: absolute;
	top: 26px;
	* top: 22px;
	right: 6px;
    width: 75%;
    text-align: right;
    margin-top: .7em;
    * margin-top: .6em;
    margin-right: .2em;
}

	#headingMenu ul li {
        * margin-top: 3px;
        * padding-bottom: 3px;
        float: right;
        display: block;
		padding-right: 1em;
		padding-left: 1em;
        text-align: center;
    }

    #headingMenu ul li.selected {
/*
    	margin-right: .2em;
        margin-left: .2em;
        background-image: url("../images/template/selected-tab-80.gif");
        background-position: top left;
        background-repeat: no-repeat;
*/
    }

    #headingMenu a, #headingMenu a:visited {
        display: block;
        color: #c1dcff;
        line-height: 25px;
        * line-height: 25px;
        font-weight: bold;
		text-decoration: none;
    }

    #headingMenu a:hover {
        color: #ffffff;
        text-decoration: none;
    }

    #headingMenu ul li.selected,
    #headingMenu ul li.selected a,
    #headingMenu ul li.selected a:hover ,
    #headingMenu ul li.selected a:visited {
        color: #ffffff;
        font-weight: bold;
    }

#ajaxStatus {
	color: #cc4444;
 	padding-right: 4px;
 	font-size: 1em;
 	font-weight: bold;
 	text-align: right;
 	white-space: nowrap;	
}

/***********************************
 * Classes
 ***********************************/
.clr {
     clear: both;
}

/***********************************
 * Structure
 ***********************************/
.pageTitle {
    padding: 0 0 0 0;
}

    .pageTitle h1 {
        float: left;
        width: 70%;
        padding-bottom: .6em;
		padding-top: .6em;
		line-height: 1.3;
    }

    .pageTitle #opStatus {
        float: right;
        width: 29%;
        color: green;
    }

.content {
    padding: 0em 0em 1.5em 0em;
}

    .content ul li{
        padding-bottom: 6px;
    }

.block {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.section {
	display: block;
	height: 1%;
	padding: 0em 0em 1.6em 0em;
}
	

/***********************************
 * Styles
 ***********************************/
.error, .red {
	color: #cc0000;
}

.message {
	font-size: .9em;
	font-style: italic;
	color: #888888;
	padding: 1em;
}

.strikeThrough { 
	text-decoration: line-through; 
}

.evenColor {
    background-color: transparent;
}

.oddColor {
    background-color: #f8f8f8;
}

.ruled { 
	background:#e8f2fc;
}

	.yui-b.last .ruled { 
		background:#bbd5f0;
		color: #000000;
	}
	
#headingStatus .userName {
    font-weight: bold;
}

.title {
    font-weight: bold;
}

.description {
    	color: #7e7e7e;
    	font-size: .91em;
	}

#describeProject {
		width: 80%;
		margin-bottom: 1em;
	}
	
	#describeProject .icon {
		float: left;
		padding-right: .9em;
	}
	
	#describeProject div.description.short {
		font-size: 1.2em;
		color: #494949;
		padding-top: 1.4em;
		padding-bottom: .6em;
	}

	#describeProject div.description.long {
		margin-bottom: 1em;
	}

.label {
    font-weight: bold;
    font-size: 1em;
    padding-right: .4em;
}

.yui-b.last {
    font-size: .9em;
  	overflow: hidden;
}

    .yui-b.last .content .block {
        background-color: #f3f3f3;
        border: 1px solid #dddddd;
    }

    .yui-b.last .content .block .heading{
        background-color: #d6d6d6;
        height: 2em;
    }

    .yui-b.last .content .block .content{
        padding: 1em;
    }

    .yui-b.last .content div.block div.content h3 {
		padding-bottom: .3em;
		border-bottom: 1px solid #cccccc;
	}

.newsItem {
	padding-top: .8em;
	padding-bottom: .5em;
	border-bottom: 1px solid #f0f0f0;
}

	.newsItem ul {
	    list-style: disc outside;
	    padding-left: 1em;
	    margin-left: 1em;
	    margin-top: .5em;
	}

	.newsItem ul li {
	    list-style: disc outside;
	}
	
    .newsItem .title {
        font-size: 1.15em;
        font-weight: bold;
        color: #4e4e4e;
        padding-right: 1em;
    }

    .newsItem .subTitle {
        font-weight: bold;
        color: #C6401A;
        padding-top: .5em;
    }

    .newsItem .info {
        font-size: .8em;
        color: #4e4e4e;
        padding-bottom: .5em;
    }

	.newsItem .date {
        font-size: 1em;
        color: #4e4e4e;
        padding-bottom: .5em;
	}
	
    .newsItem .text {
    }
        .newsItem .text p {
            padding-top: .2em;
            padding-bottom: .5em;
        }

/*
 * Style for Atom news feed
 */
div#newsFeed {}

	div.newsFeed h2 {
		color:#444466;
		border-bottom: none;
		padding-bottom: 0;
	}
	div.newsFeed h2 a.title {
		color:#444466;
		font-size: 1em;
		font-weight: normal;
		text-decoration: none;
	}
	
	div.newsFeed div.subtitle {
		color:#7E7E7E;
		margin-bottom: .8em;
		border-bottom: 1px solid #dddddd;
		padding-bottom: .2em;
	}
	
	div.newsFeed h3, div.newsFeed h3 a {
		color:#555555;
		font-size: 1.3em;
		margin-bottom: 0.3em;
		padding-bottom: 0;
		font-weight: normal;	
		text-decoration: none;
	} 
	
		div.newsFeed h2 a:hover, div.newsFeed h3 a:hover {
			text-decoration: underline;;
		}
		
	
	div.newsFeed h4 {
		color: #222222;	
		font-size: 1.3em;
		margin-bottom:0.3em;
		padding-top:0.5em;
		font-weight: normal;	
	}

div.newsFeed ul li {
	margin-bottom: 1.5em;
	list-style: none;
}

	div.newsFeed ul li div.description {
		color:#7E7E7E;
		font-size:0.91em;	
	}

div.newsFeed ul li ul li {
	margin-bottom: 0;
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: disc;
}

/* table format for pages with forms to modify settings */ 
table.form {
	}

table.edit td {
	padding-top: .6em;
	text-align: left;
	vertical-align: top;
}

	table.edit td.label {
		text-align: right;
		padding-right: .8em;
	}
	
	table.edit td input, input {
		margin: 0;
	}

	div.edit, div#projectEdit, div.section.iframe {
		background-color: #ffffff;
		margin: 0em;
	}
	
		div.edit label {
			display: block;
			font-weight: bold;
			color: #000000;
			font-size: 1em;
		}
		
		div.edit div.line {
			padding-top:0.5em;
		}
		
		div.edit div.note {
			text-algin: right;
			font-size: .9em;
			margin: 0;
			padding: 4px;
		}

/* basic table format for a list of items */
table.list {
	margin-top: .5em;
	font-size: .9em;
}

	table.list.small {
		font-size: 90%;
	}

	table.list.left, table.list .left {
		text-align: left;
	}
	
	table.list.right, table.list .right {
		text-align: right;
	}

	table.list.center, table.list .center {
		text-align: center;
	}

	table.list thead {
		border-bottom: 1px solid #dddddd;
	}

	table.list thead.dark {
		background-color: #888888;
	}

		table.list thead th {
			text-align: left;
			padding-left: 6px;
		}

			table.list thead.dark th, table.list thead.dark th a {
				color: #ffffff;
				font-weight: normal;
			}
						
			table.list thead.center tr th {
				text-align: center;			
			}
	
	table.list tfoot {
		background-color: #dddddd;
	}
	
		table.list tfoot tr td {
			font-weight: bold;
		}
	
	table.list td {
			line-height: 2.2em;
			border-bottom: 1px solid #e3e3e3;
			padding-left: .4em;
			padding-right: .4em;
		}
	
	
table.blockProjectList {
	margin-top: 4px;
	font-size: 1.1em;
}

	table.blockProjectList td.name {
		overflow: hidden;
		position: relative;
		text-overflow: ellipsis;
		white-space: nowrap;
/*		* white-space: wrap; */
		display: block;
		padding-left: .2em;
		width: 200px;
		height: 20px;
	}
	
	table.blockProjectList td.name div {
		overflow: hidden;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 200px;
	}
	
	table.blockProjectList td.count {
		width: 40px;
		text-align: right;
	}

	table.blockProjectList td a,
	table.blockProjectList td a:visited {
		color: #666666;
		text-decoration: none;
	}

/* table format used in Project Manager and Library project listing pages */
table.projectListing {
	font-size: .9em;
}

	table.projectListing tbody {
	}
	
	table.projectListing tfoot td {
		margin-top: 1em;
		border-top: 1px solid #dddddd;
	}
	
	table.projectListing a {
			text-decoration: none;
			}

	table.projectListing th {
		border-left: 1px solid #dddddd;	
		border-right: 1px solid #dddddd;	
		border: 1px solid #dddddd;	
		background-color: #ffffff;
		padding: 0;
		padding-left: .4em;
		line-height: 2em;
		background-image: url(../../images/list-heading-background.gif);
		background-repeat: repeat-x;
		height: 23px;
	}
	
	table.projectListing th, #library th a {
		color: #333333;
		font-size: 1em;
	}
	 	
 	table.projectListing td {
	    padding-left: 4px;
	    padding-top: 4px;
	    padding-bottom: 6px;
	    vertical-align: top;
	}

	table.projectListing td.left {
		padding-left: 4px;
	}
	
	table.projectListing td.info {
	}

		table.projectListing td.info a {
			text-decoration: none;
		}
	
		table.projectListing td.info.construction {
			background-position: right 20%;
			background-repeat: no-repeat;
			background-image:  url("/images/construction-small.gif");
		}
		
		table.projectListing td.info.vetted {
	/*
			background-position: right 20%;
			background-repeat: no-repeat;
			background-image:  url("/images/construction-small.gif");
	*/		
		}
		
			table.projectListing td.info span.title a {
			    line-height: 1.6em;
			}
		
			table.projectListing td.info span.description {
				font-size: 1em;
				color: #333333;
			}
	
	table.projectListing td.rating {
	    text-align: left;
		}

.note {
	text-align: justify;
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    padding: 6px;
    margin: 1em 0em;
}

	.note:before {
	    content:"Note: ";
	    font-weight: bold;
	}

.smallIcon {
	padding-top: 0;
	padding-right: .1em;
}

.editActions {
	padding-top: 1em;;
	padding-left: 1em;
}
	.editActions form {
		display: inline;
	}
	
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
	background-color: inherit;
}

/* via css class selector */
#treeDiv a.ygtvlabel { 
	display: block;
}

	div.block #treeDiv a.ygtvlabel { 
		background-color: #f3f3f3;
	}

	div.block #treeDiv a.ygtvlabel:hover { 
		background-color: #ddddff;
	}

#treeDiv table {
	text-align: left;
}

div.treemenu a.projectName {
	font-weight: normal;
	color: #666666;
}

	div.treemenu a.projectName:hover {
		color: #000000;
	}

/*****************************
 * popup dialogs
 *****************************/
.popup {
	display: none;
	visibility: hidden;
	position: absolute;
	width: 220px;
	padding: 10px;
	background-color: #f8f8f8;
	border: 2px solid #888888;
	z-index: 999;
	text-align: center;
}
        
	.popup .title {
		font-size: 1.2em;
		color: #c24322;
		font-weight: bold;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 3px;
		margin-bottom: 6px;
	}
	
	.popup input, .popup button {
		margin-right: 16px;
	}

.overlay {
	display: none;
	visibility: hidden;
}

div.controls {
    float: right;
    text-align: right;
    padding-right: 8px;
	padding-top: 3px;
	width: 93%;
}

	div.hide {
		display: none;
	}
	
	div.controls form, .controls form {
	    display: inline;
		padding: 0;
		margin: 0;
	    margin-right: 5px;
		font-size: 0px;
	}
	
	div.controls a {
		margin: 0;
	    margin-right: 5px;
		font-size: 0px;
	}
	
		div.controls a.textControl {
			font-size: .9em;
		}	

.status {
	font-size: .85em;
	color: #666666;
}

div.collapsible {
	
}

	div.collapsible div.sectionContent {
	}
	
	div.collapsible div.sectionContent.closed {
		display: none;
	}

	div.collapsible .arrowDown {
	    background-position: 0% 50%;
	    background-repeat: no-repeat;
	    background-image: url("../images/gray-arrow-down.gif");
	}
	
	div.collapsible .arrowRight {
	    background-position: 0% 50%;
	    background-repeat: no-repeat;
	    background-image: url("../images/gray-arrow-right.gif");
	}
	
div.links {
	color: #aaaaaa;
}

div.links a {
	margin-right: .6em;
	margin-left: .6em;
}


.mask { 
	background-color:#000000;
	opacity: 0.75; 

}

/* Panel Skin CSS */
.panel-container.shadow .underlay { background-color:#777; }

/* Apply the border to the right side */
.panel { border:0px solid #ffffff; overflow:visible; background:transparent; }

/* Style the close icon */
.panel .close { top:8px; right:10px; height:12px; width:12px; }

/* Style the header with its associated corners */
.panel .hd { padding:0; border:none; background: url("../images/template/panel-blue-background.gif"); color:#FFF; height:30px; margin-left:8px; margin-right:8px; text-align:left; vertical-align:middle; overflow:visible; }
.panel .hd span { line-height:30px; vertical-align:middle; }
.panel .hd .tl { width:10px;height:30px; top:0px;left:0; background:transparent url("../images/template/panel-blue-left-corner.gif"); position:absolute; }
.panel .hd .tr { width:10px;height:30px; top:0px;right:0; background:transparent url("../images/template/panel-blue-right-corner.gif"); position:absolute; }

/* Style the body with the left border */
.panel .bd { overflow:hidden; padding:10px; border:none; background:#ffffff; margin:0 0px 0 0; }

/* Style the footer with the bottom corner images */
.panel .ft { background:#f3f3f3; font-size:11px; height:12px; padding:0px 10px; }
.panel .ft span { line-height:22px; vertical-align:middle; }
.panel .ft .bl { width:8px;height:12px; bottom:0;left:0; background:#f3f3f3; position:absolute; }
.panel .ft .br { width:8px;height:12px; bottom:0;right:0; background:#f3f3f3; position:absolute; }


div.levelLink {
	padding-top: 2em;
	text-align: center;
}
	
	div.levelLink a {
		text-decoration: none;
		color: #666666;
	}
	
	div.levelLink a span {
		display: block;
		text-align: right;
		padding-right: 1.6em;
		
	}
	
/*
 * CSS for dealing with print output
 */
.noprint {
}

@media print {
	.noprint {display: none}
}

/*
 * Component styles
 */
table.component {
	border-collapse: collapse;
	font-size: 1em;
}
	table.component.outline {
		border: 1px solid #cccccc;				
	}
	
	table.component thead {
		background-color: #888888;
		color: #eeeeee;
	}

		table.component thead th {
			padding: .2em 1em;
		}

		table.component.outline thead th {
			border: 1px solid #cccccc;
		}

	table.component td{
		padding-left: 1em;
		padding-right: 1em;
	}

		table.component.outline tbody td{
			border: 1px solid #dddddd;
		}
		
		table.component tbody tr.odd{
			background-color: #f8f8f8;
		}

		table.component tbody tr.even{
			background-color: #ffffff;
		}

		table.component tbody tr:hover {
			background-color: #e8e8e8;
		}

/* Basic Bar Graph from Apples to Oranges
 *
 * classes:
 * 		graph: output a bar graph
 *		outline: show the table outline
 *		small, medium, large: set the width of the bar graph (default = medium)
 *		color1 - color16: set the color of the bar graph
 *		
 *		Example of the HTML markup:
 * 			<div class="graph color1">
 *				<strong class="bar" style="width: 100%;"><span>100%</span></strong>
 *			</div>
 */
.graph { 
	position: relative; /* IE is dumb */
	width: 200px; 
	border: 1px solid #aaaaaa;
	padding: 2px; 
	margin-bottom: .2em;					
	margin-top: .2em;					
}

	.graph.small {
		width: 100px;
	}
	
	.graph.medium {
		width: 200px;
	}
	
	.graph.large {
		width: 300px;
	}
	
	.graph .bar { 
		display: block;	
		position: relative;
		text-align: center; 
		background: #aaaaaa; 					
		color: #333; 
		font-size: .9em;
		height: 1.3em; 
		line-height: 1.4em;									
	}

	.graph.color1 { border-color: #B1D632; }
		.graph.color1 .bar { background: #B1D632; }

	.graph.color2 { border-color: #56a8e2; }
		.graph.color2 .bar { background: #56a8e2; }

	.graph.color3 { border-color:#ff8888; }
		.graph.color3 .bar { background: #ff8888; }

	.graph.color4 { border-color: #ffcc33; }
		.graph.color4 .bar { background: #ffcc33; }

	.graph.color5 { border-color: #FFFF88; }
		.graph.color5 .bar { background: #FFFF88; }

	.graph.color6 { border-color: #CDEB8B; }
		.graph.color6 .bar { background: #CDEB8B; }

	.graph.color7 { border-color: #C3D9FF; }
		.graph.color7 .bar { background: #C3D9FF; }

	.graph.color8 { border-color: #FF1A00; }
		.graph.color8 .bar { background: #FF1A00; }

	.graph.color9 { border-color: #FF7400; }
		.graph.color9 .bar { background: #FF7400; }

	.graph.color10 { border-color: #008C00; }
		.graph.color10 .bar { background: #008C00; }

	.graph.color11 { border-color: #4096EE; }
		.graph.color11 .bar { background: #4096EE; }

	.graph.color12 { border-color: #FF0084; }
		.graph.color12 .bar { background: #FF0084; }

	.graph.color13 { border-color: #6BBA70 }
		.graph.color13 .bar { background: #6BBA70; }

	.graph.color14 { border-color: #D15600; }
		.graph.color14 .bar { background: #D15600; }

	.graph.color15 { border-color: #C79810; }
		.graph.color15 .bar { background: #C79810; }

	.graph.color16 { border-color: #73880A; }
		.graph.color16 .bar { background: #73880A; }

	.graph .bar span { position: absolute; left: 1em; }
	/* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

/*
 * Rounded Buttons
 * from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
 */
a.roundButton {
	background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

	a.roundButton span {
		background: transparent url('/images/bg_button_span.gif') no-repeat;
		display: block;
		line-height: 14px;
		padding: 5px 0 5px 18px;
	}

	a.roundButton:active {
		background-position: bottom right;
		color: #000000;
		outline: none; /* hide dotted outline in Firefox */
	}

	a.roundButton:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	}
		
	a.roundButton:hover, a.roundButton:visited {
		text-decoration: none;
		color: #000000;
	}
	

	/* BUTTONS 
	 * from Particle Tree article "Rediscovering the Button Element"
	 * http://particletree.com/features/rediscovering-the-button-element/
	 */
	div.buttons {
		height: 24px;
	}
	
	.buttons a, .buttons a:visited, .buttons button, .buttons button:visited{
	    display:block;
	    float:left;
	    margin:0 7px 0 0;
	    background-color:#f0f0f0;
	    border:1px solid #aaaaaa;
	    border-top:1px solid #cccccc;
	    border-left:1px solid #cccccc;

	    font-family: Tahoma, Arial, Verdana, sans-serif;		
		font-size:10px;
		
	    line-height: 120%;
	    text-decoration: none;
	    font-weight: bold;
	    color: #555555;
	    cursor:pointer;
	    padding: 4px 10px 5px 7px; /* Links */

		-webkit-border-radius: 8px; /* Safari prototype */
		-moz-border-radius: 8px; /* Gecko browsers */
		border-radius: 8px; /* Everything else - limited support at the moment */
	}

	.buttons img.spacer {
		float: left;
		margin-right: 8px;
	}
	
	.buttons.right a, .buttons.right button, .buttons.right img.spacer{
		float: right;
	}
	
	.buttons button{
	    width:auto;
	    overflow:visible;
	    padding: 3px 10px 2px 7px; /* IE6 */
	}

	.buttons button[type]{
/*	    padding: 4px 10px 4px 7px; /* Firefox */
	    line-height: 15px; /* Safari */
	}

	*:first-child+html button[type]{
	    padding: 4px 10px 3px 7px; /* IE7 */
	}

	.buttons button img, .buttons a img{
	    margin: 0 3px -3px 0 !important;
	    padding: 0;
	    border: none;
	    width: 16px;
	    height: 16px;
	}

	/* STANDARD */
	button:hover, .buttons a:hover{
	    background-color: #e0e0e0; /* #dff4ff; */
	    border:1px solid #aeaeae;
	    color:#222222;
	}
	.buttons a:active, button:active {
	    background-color: #eeeeee; /* #6299c5; */
	    border: 1px solid #dedede;
	    color: #888888;
	    border: 1px solid #cccccc;
	    border-top: 1px solid #aaaaaa;
	    border-left: 1px solid #aaaaaa;
	}
	
	/* Dark */
	button.dark, .buttons a.dark {
	    color:#ffffff;
	    background-color: #888888; /* #E6EFC2; */
	    border: 1px solid #444444;
	    border-top: 1px solid #666666;
	    border-left: 1px solid #666666;
	}
	
	.buttons a.dark:hover, button.dark:hover{
	    background-color: #aaaaaa; /* #E6EFC2; */
	    color:#ffffff;
	}
	.buttons a.dark:active{
	    background-color: #cccccc; /* #529214; */
	    border: 1px solid #aaaaaa;
	    border-top: 1px solid #999999;
	    border-left: 1px solid #999999;
	}

blockquote {
	background-attachment:scroll;
	background-image:url(../../images/quoteOpen.png);
	background-position:0pt 2px;
	background-repeat:no-repeat;
	margin:0pt 1em 2em;
}

	blockquote > p:first-child {
		color:#7E7665;
		font-size:1.1em;
		font-weight:lighter;
		line-height:1.4em;
		margin-bottom:0.5em;
		text-indent:27px;
	}

	blockquote .close-q {
		background-attachment:scroll;
		background-image:url(../../images/quoteClose.png);
		background-position:right top;
		background-repeat:no-repeat;
		padding:0pt 27px 0pt 0pt;
	}	

	blockquote cite {
		font-size:0.8em;
		font-style:italic;
		font-weight:lighter;
		line-height:0.8em;
		text-align:right;
	}

ul.menuList {
	border-bottom: 0px solid #cccccc;
	padding-top: .3em;
	padding-bottom: .3em;
}
	ul.menuList li {
		padding: 0;
		margin: 0;
		font-size: 105%;
		height: 20px;
	}
	
	ul.menuList li a {
		display: block;
		color: #666666;
		padding: 2px 12px 2px 6px;
		text-decoration: none;
	}
		ul.menuList li a:hover {
			background-color: #ddddff;		
		}

		ul.menuList li a.selected {
			background-color: #5793dB;
			color: #ffffff;
		}

div.urgent-message {
	clear: both;
	margin: 10px 0;
	font-size: 115%;
	border: 1px dashed #C24322;	
	background: #ffffff url(/images/icons/warning.png) no-repeat 10px center;
	text-align: left;
	padding: 10px 0 10px 52px;
	margin-left: 0;
	margin-right: 0;
	color: #cc0000;
}
		
	div.urgent-message.info {
		background-image: url(/images/icons/info.png);
		border-color: #43C222;
		color: #448844;		
	}