/* Style sheet for DASH 3.5+ web site */

body { margin: 0.3in; font-family:Arial,Verdana,Sans-serif; }

div { margin:0px 0px 0px 0px; }

pre { padding-left:1em; }

p { padding-left:10px; }

code { font-weight: bold; }

a:link {color:#1E62C9;}   /* Rich blue */
a:visited {color:#0000CF;}   /* Dark blue */

a.feature:link {color:#86F000;}   /* Rich green */
a.feature:visited {color:#106000;}   /* Dark green */

a.bug:link {color:#FF8000;}   /* Rich orange */
a.bug:visited {color:#705000;}   /* Dark orange */


/* --- DASH palette colours --- */

.brown_light  { color: #ffe0a0; }  /* Light Brown */
.brown        { color: #e09040; }  /*       Brown */
.brown_rich   { color: #b05000; }  /* Rich  Brown */
.brown_dark   { color: #402000; }  /* Dark  Brown */

.orange_light { color: #fff18e; }  /* Light Orange */
.orange       { color: #ffd83f; }  /*       Orange */
.orange_rich  { color: #ffd83f; }  /* Rich  Orange */
.orange_dark  { color: #705000; }  /* Dark  Orange */

.yellow_light { color: #ffffd8; }  /* Light Yellow */
.yellow       { color: #f5f260; }  /*       Yellow */
.yellow_rich  { color: #faf800; }  /* Rich  Yellow */
.yellow_dark  { color: #aa9000; }  /* Dark  Yellow */

.green_light  { color: #f0ffe0; }  /* Light Green */
.green        { color: #a6f068; }  /*       Green */
.green_rich   { color: #86f000; }  /* Rich  Green */
.green_dark   { color: #106000; }  /* Dark  Green */

.blue_light   { color: #c5d2de; }  /* Light Blue */
.blue         { color: #649acf; }  /*       Blue */
.blue_rich    { color: #1e62c9; }  /* Rich  Blue */
.blue_dark    { color: #0000cf; }  /* Dark  Blue */


.grey_dark    { color: #f0f0f0; }  /* Light  Grey */
.grey_dark    { color: #7bb189; }  /* Grey */
.grey_dark    { color: #363a3f; }  /* Dark  Grey */
.grey_dark    { color: #000000; }  /* Black */

.image { margin-left:10em; margin-top:1em; margin-bottom:1em; }

/* --- Titles --- */

.topic_title {
	font-size:x-large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
	/* !!! no margins = no good margin:5px 0px 5px 0px; !!! */
	/*        margin-top: 0.5in;*/
        margin-top: 0.2in;
}

.centered_topic_title {
	font-size:x-large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
        margin-top: 0.2in;
	text-align:center;
}
.centered_section_title {
	font-size:large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
        margin-top: 0.2in;
	text-align:center;
	background-color: #DFEEEB;
}


.section_title {
	font-size:large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
	/* !!! no margins = no good: margin:20px 0px 5px 0px; !!! */
	/*        margin-top: 0.5in;*/
        margin-top: 0.15in;
}

.table_title {
	font-size:large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}

.sub_title {
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
	/* !!! no margins = no good margin:10px 0px 5px 0px; !!! */
	/*        margin-top: 0.25in;*/
        margin-top: 0.1in;

}
.command_title {
	border: 1px #000000 solid;  /* Black */
	font-size:115%;
	color:#B05000;   /* Rich brown */
	margin-top: 1em;
	padding: 10px;
}

/* --- Position --- */

.indent_1 {
    margin-left:1em;
}
.indent_2 {
	margin-left:2em;
}
.indent_3 {
	margin-left:3em;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}

/* --- Lists --- */

ul.index {
	list-style: none;
}

ul.spaced li {
	padding: 0.2em;
}

#index li {
	list-style: none;
	margin: 0;
	padding: 0.3em;
}
#points li {
	list-style: none;
	margin: 0;
	padding-bottom: 0.2em;
}
#items li {
	margin: 0;
	padding-bottom: 0.4em;
}


/* --- Code --- */

/* Section of code that is like a <p>aragraph, but fixed font.
   No bold or <pre> formatting. */
code.p {
    margin-left: 0.5in;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal;
    display: block;
}

/* URI's, files and directories. */
code.file {
    font-weight: bold;
    color: #0000cf;  /* Dark  blue */
}

code.dir {
    font-weight: bold;
    color: #0000cf;  /* Dark  blue */
}

code.uri {
    font-weight: bold;
    color: #1e62c9;  /* Rich  blue */
}

/* Wrap newlines when in the code. */
code.newlines,code.xml {
    margin-left: 0.5in;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal;
    display: block;
    white-space: pre;
    width: 40em;
}



/* --- Tables --- */

table {
    margin-left: 0.5in;
    margin-right: 1in;
    border-style: none none none none;
    border-collapse: collapse;
}
th {
    vertical-align: top;
    text-align: left;
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    border-style: none none none none;
    font-weight:bold;
    color:#1E62C9;   /* Rich blue */
}
td {
    vertical-align: top;
    text-align: left;
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    border-style: none none none none;
}


/* Table with border around all cells */

table.border {
	border-right:2px #C5D2DE solid;   /* Light blue */
	border-bottom:2px #C5D2DE solid;  /* Light blue */
        empty-cells: show;
        border-spacing: 0px;
}
table.border th {
	border-top:2px #C5D2DE solid;    /* Light blue */
	border-left:2px #C5D2DE solid;   /* Light blue */
        border-spacing: 0px;

	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}

table.border td {
	border-top:2px #c5d2de solid;    /* Light blue */
	border-left:2px #c5d2de solid;   /* Light blue */
        border-spacing: 0px;
}


/* table with no borders ???? */

table.index {
	border-style: none none none none;
	border-collapse: collapse;
}
table.index th {
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}
table.index td {
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
}

table.equal td {
	width:50%;
}


table.xml,table.values {
	border-right:2px #C5D2DE solid;   /* Light blue */
	border-bottom:2px #C5D2DE solid;  /* Light blue */
        empty-cells: show;
        border-spacing: 0px;
}

/*
table.border,table.xml,table.values tr {
        border-spacing: 0px;
}
*/

/* The 3 th's should be kept the same.  For some reason
   everything inside the table turns blue when we use
   table.border,table.xml,table.values th { ... }. */


table.xml th {
	border-top:1px #C5D2DE solid;    /* Light blue */
	border-left:1px #C5D2DE solid;   /* Light blue */
        border-spacing: 0px;

	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}
table.values th {
	border-top:1px #C5D2DE solid;    /* Light blue */
	border-left:1px #C5D2DE solid;   /* Light blue */
        border-spacing: 0px;

	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}
/* The 3 th's should be kept the same.  For some reason
   everything inside the table turns blue when we use
   table.xml,table.values td { ... }. */

table.xml td {
	border-top:1px #C5D2DE solid;    /* Light blue */
	border-left:1px #C5D2DE solid;   /* Light blue */
        border-spacing: 0px;
}
table.values td {
	border-top:1px #C5D2DE solid;    /* Light blue */
	border-left:1px #C5D2DE solid;   /* Light blue */
        border-spacing: 0px;
}


/* Table of XML tags and attributes as well as descriptions: */
/* Use tag_1, tag_2, and so on for nested tags. */
table.xml td.tag:before {
    content: "<";
}
table.xml td.tag {
    font-weight: bold;
}
table.xml td.tag:after {
    content: ">";
}

table.xml td.tag_1:before {
    content: "<";
    margin-left: 1em;
}
table.xml td.tag_1 {
    font-weight: bold;
}
table.xml td.tag_1:after {
    content: ">";
}

table.xml td.tag_2:before {
    content: "<";
    margin-left: 2em;
}
table.xml td.tag_2 {
    font-weight: bold;
}
table.xml td.tag_2:after {
    content: ">";
}

table.xml td.tag_3:before {
    content: "<";
    margin-left: 3em;
}
table.xml td.tag_3 {
    font-weight: bold;
}
table.xml td.tag_3:after {
    content: ">";
}


table.xml td.attribute {
}


/* Table of values and their descriptions: */
table.values,table.xml td.value {
    color: #0000cf;  /* Dark  blue */
}




/* Table that looks like a list, except with no bullets,
   and the labels and values/descriptions are lined up nicely
   in columns. */
table.list {
}

table.list td {
    border: none;
}
table.list th {
    border: none;
}
table.xml table.list td {
    border: none;
}
table.xml table.list th {
    border: none;
}

table.list td.label {
    color: #0000cf;  /* Dark  blue */
    border: none;
    display: list-item;
    list-style-type: circle;
}
table.list td.label:after {
    content: " :";
}

table.shaded th {
	background-color:#C5D2DE;   /* Light blue */
}
table.shaded td {
	background-color:#C5D2DE;   /* Light blue */
}


/* --- Styles --- */

.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.highlight {
	color:#0000CF;   /* Dark blue */
	font-weight:bold;
}
.quote {
	margin-left:2em;
	margin-right:1em;
}
.keyword {
    font-weight: bold;
    color: #0000cf;             /* Dark Blue */
}


.example:before {
    content: "Example";
    display: block;
    color: #106000;             /* Dark Green */
    margin-bottom: 0.5em;
    font-style: italic;
}
.example {
    background-color: #f0ffe0;  /* Light Green */
    border: solid #106000 1px;  /* Dark Green */
    padding: 0.5em;
}

.example div {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


.do:before {
    content: "<do> ";
    display: inline-block;
    color: #106000;             /* Dark Green */
    margin-left: 0.25in;
}
.do {
    font-family: monospace;
    white-space: pre;
    color: #363A3F;             /* Dark Grey */
    display: block;
}

.if:before {
    content: "<if> ";
    display: inline-block;
    color: #106000;             /* Dark Green */
    margin-left: 0.25in;
}
.if {
    font-family: monospace;
    white-space: pre;
    color: #363A3F;             /* Dark Grey */
    display: block;
}



/* XML (such as configuration XML, used e.g. by the
   configuration file render templates in
   .../render/text/xml/modules/serverConfig). */
div.xml {
    background-color: #c5d2de;  /* Light Blue */
    border: solid #363a3f 1px;  /* Dark Grey */
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}



/* Advanced section. */
.advanced:before {
    content: "Advanced";
    display: block;
    color: #b05000;             /* Rich Brown */
    margin-bottom: 0.5em;
    font-style: italic;
}
.advanced {
    background-color: #ffffd8;  /* Light Yellow */
    border: solid #b05000 1px;  /* Rich Brown */
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.advanced div {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


/* Images and icons - IE7 doesn't handle this */
.new_icon:after {
    display: inline-block;
    width: 32px;
    height: 12px;
    content: url(new.png);
    margin: 5px;
}



/* Annotation - to be removed in final output by css 'display:none;'
                which leaves it in distribution - better to xsl remove note
 */

.note {
	color:#705000;   /* Dark orange */
}

/* Compatibility with DASH 3.4.4 and web site */

.commandtitle {
	margin-left:15px;
	font-size:130%;
	color:#B05000;   /* Rich brown */
}
.divider {
	width: 1px;
	background-color: #0000CF;   /* Dark blue */
}
#biglogo {
	padding:1em;
	text-align:center;
}
#pics {	
	text-align:center;
	margin:20px;
	padding-top:5px;
}
.pic {
	padding-left:1%;
}
#blurb {
	margin:15px;
}
#web_title {
	text-align:center;
	font-size:large;
	font-weight:bold;
	color:#1E62C9;   /* Rich blue */
}
.news_item { 
	padding-top:0px;
}
.grey_bar {
	background-color:#C5D2DE;   /* Light blue */
	text-align:center;
	padding:3px;
	margin-top:10px;
	margin-bottom:10px;
}
.dash_list {
	padding-left:30%;
	padding-top:1em;
}
.login {
	padding-top:1em;
	text-align:center;
	font-size:large;
}
.table_center { 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.table_cell { 
	padding-right:1em;
	padding-top:1em;
}

.table_cell_bottom { 
    vertical-align: bottom;
}
/* DASH documentation */

#doc_content {
    padding:5px;
}
