body
{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	font-size: 12px;
	background-color: #454545;
	color: white;
	margin: 0px;
}

p { margin-bottom: 1.7em; }

a:link		{ color: #e24628 }
a:visited	{ color: #e24628 }
a:hover		{ color: #4e4e4e }
          

/* inline colored styles */

em      { font-weight: bold;   font-style: normal; color: #e24628; }
strong  { font-weight: normal; font-style: normal; color: #161616; }
cite    { font-weight: bold;   font-style: normal; color: #067e2a; }                        
var     { font-weight: bold;   font-style: normal; color: #0a4aa7; }                        
.entity { font-weight: bold;   font-style: normal; color: #126572; }


/* headers */

h3
{
	color:              #e24628;
	font-size:          1em;
}

h4
{
    font-size:          1.3em;
    font-family:        Helvetica;
    text-shadow:        3px 3px 2px #dbdbdb;
    color:              #3d3d3d;
    margin-top:         3em;

}


/* shadowed bullets */

.smartnumber
{
    display:            inline;
    background-color:   #c8c8c8;
    border:             1px solid #c8c8c8;
    padding:            0px 1px 4px 0px;
    margin-right:       5px;
}

.smartvalue
{
    display:            inline;
    color:              white;
    font-weight:        bold;
    background-color:   #e54f15;
    margin-left:        -3px;
    width:              20px;
    border:             2px solid white;
    padding:            1px 5px 1px 5px;
}

.descriptivestep
{
    background-color:   #e9e9e9;
    color:              #4e4e4e;
}
       



/* layout sections */

.cover
{
	background-color:   #f8f8f8;	
	color:              #3d3d3d;
	width:              680px;
	margin-top:         20px;
	margin-left:        auto;
	margin-right:       auto;
	line-height:        24px;
}

.taskheader
{
    background-color:   white;
    border-bottom:      1px solid #c4c4c4;
    color:              #3d3d3d;
	width:              680px;
	margin-left:        auto;
	margin-right:       auto;
    line-height:        24px;
    
     

}

.subtaskheader
{
    background-color:   #f8f8f8;
    color:              #3d3d3d;
	width:              680px;
	margin-left:        auto;
	margin-right:       auto;
    line-height:        24px; 

}

.tasktitle
{
    font-weight:        bold;
    font-size:          2em;
    float:              left;
    font-family:        'Helvetica';
    text-shadow:        3px 3px 2px #d7d7d7;
    padding:            20px;
}

.tasksubtitle
{

    color:              #595959;
    font-size:          12px;
}

.subtaskheader .tasktitle
{
    font-size:          1.75em;
    padding:            20px 20px 0px 50px;
}

.subtaskheader .tasksubtitle
{
    padding:            5px 20px 0px 50px;
    font-style:         italic;
}


.content
{
    background-image:   url("/images/global/titleshadow.gif");
    background-repeat:  repeat-x;    
	background-color:   #f8f8f8;
	color:              #3d3d3d;
	width:              580px;
	padding:            10px 50px 10px 50px;
	margin-bottom:      20px;
	margin-left:        auto;
	margin-right:       auto;
	line-height:        23px;
}

.nobackground
{
    background-image: none;
}


.docheader
{
	width:              650px;
	padding:            15px;
	margin-left:        auto;
	margin-right:       auto;	
	background-color:   #373737;
	font-family:        "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	font-size:          13px;
	text-align:         left;
}

.docheader	a:link		{ color: white; text-decoration: none; }
.docheader	a:visited	{ color: white; text-decoration: none; }
.docheader	a:hover		{ color: white; text-decoration: none; border-bottom: 1px dotted white; }


.example
{
	display: block;
	background-color: #fcfcfc;
    color: #363636;
	padding: 5px 10px;
	line-height: 22px;
	margin-left: 22px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #c0c0c0;
	font-family: Monaco, monospace;
	font-size: 11px;
	white-space: pre;
}

.example:hover
{
    /* color: black; */
}

.example em     { font-weight: normal; }
.example cite   { font-weight: normal; }
.example var    { font-weight: normal; }
.example .entity    { font-weight: normal; }
/* .example:hover .entity    { font-weight: normal; background-color: #fcfc8d; color: #383838; } */




.filename
{
	display: block;
	background-color: #e8e8e8;
	padding: 5px 10px;
	line-height: 12px;
	margin-left: 22px;
	border-top:     1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid gray;
	border-bottom: 1px solid #a6a6a6;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	font-size: 12px;
	color: #383838;
}

.unixbox
{
	width: 400px;
	height: 122px;
	padding: 40px 39px 30px 25px;
	background-image: url("/images/global/terminal-bg.png");
	background-repeat: no-repeat;
	font-family: Monaco, monospace;
	font-size: 10px;
	color: black;
	line-height: 14px;
	white-space: pre;
	
	margin-left: auto;
	margin-right: auto;
}


/* listboxes */

.listbox
{
	line-height:        20px;
	margin-bottom:      20px;
}

.listbox .title
{
    background-color:   white;
	border:             01px solid gray;
	text-align:         center;
	font-weight:        bold;
	padding:            0px 10px;
	font-size:          12px;
}

.listbox .body
{
	font-size:          11px;
	border-top:         3px solid #e3e3e3;
	background-color:   #f0f0f0;
	padding:            5px 10px;
	line-height:        16px;
}

.listleft
{
	margin-right: 30px;
	float: left;
}

.listright
{
	margin-left: 30px;
	float: right;
}

.listbox em { font-weight: normal; }



/* further reading */

.furtherreading
{
	font-family:		"Lucida Grande", Helvetica, sans-serif;
	line-height:		15px;
	font-size:			11px;
}

.furtherreading td.icon
{
	width: 15px;
}

.furtherreading a:link		{color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted gray;}
.furtherreading a:visited	{color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted gray;}
.furtherreading a:hover		{color: #4e4e4e; color: #e24628}



/* tables */

tr.icon			{ background-color: #e9e9e9; }
tr.icon th		{ font-weight: normal;}
td.cell1		{ background-color: #f0f0f0; }
.listbox table { width: 100% }
.listbox a { text-decoration: none; color: inherit; }
.listbox a:hover { background-color: white; inherit; }
.listbox td.cell3 { padding-left: 2.5em; }
td.cell2		{ background-color: #e6e6e6; }
.codecell		{ font-family: Monaco, monospace; font-size: 11px; line-height: 20px;}
.codecell cite	{ font-weight: normal; }

td.activecell { background-color: #e54f15; color: white; font-weight: bold; text-align: center; }
td.activecellalt { background-color: #ece8d8; color: white; font-weight: bold; }

th.head
{
	border: 1px solid gray;
	text-align: center;
	font-weight: bold;
	padding: 0px 10px;
	font-size: 12px;
}



/* misc */

.footer
{
	background-color: #f7f7f7;
	border-top: 1px dashed gray;
	margin-top: 65px;
	margin-bottom: 0px;
}

.extranote
{
	font-style: italic;
	font-size: 12px;
	margin-top: 25px;
	margin-left: 22px;
}

.pagenumber
{
	font-style: italic;
	text-align: right;
	font-size: 12px;
	float: right;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 0px;
	margin-top: 0px;

}


.clearfloat { clear: both; }