body { 
		
	font: 12px/140% 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	margin:  0 20px 20px;
	color: #333;

}

* { margin-top: 0; }

h1, h2, h3, dt {

	color: #000;
}

h2 {

	border-bottom: 2px solid #96f;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	

}

h4 { margin-bottom: 0; }


dt {

	font-weight: bold;
	margin: 0.5em 0;
	padding-bottom: 0.25em;
	border-bottom: 2px solid #ddd;
}

dt code { font-size: 1.2em; }

dd {

	margin-bottom: 0.5em;

}

.important { border: 1px solid #c00; background-color: #ffc; padding: 1em; color: #c00; }

.example {

	

}


.example .terminal code { white-space: pre; }

.example .terminal,
.example .input,
.example .output {

	background-color:#eee;
	margin-bottom: 1em;
	padding: 0.5em;

}

.input:before,
.output:before { 
	display: block; color: #bbb; font-family: "Lucida Grande", sans-serif; margin-bottom: 0.5em; 
	
}

.input:before { content: "input (.sss)"; }
.output:before { content: "output (.css)"; }

.not_implemented,
.not_implemented a { color: #c00; }


.parameter { font-style: italic; }


*:target { color: #96f; }

#header {

	background: #7950c9 url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/globalNav_bg.jpg) bottom center repeat-x;
	
	margin: 0px -20px 20px -20px;
}


#globalNav {
	padding-top: 65px;
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/globalNav_bg_2.jpg) bottom center no-repeat;
	_height: 1%;

}

#globalNav h1 { display: none; color: #fff; text-align: center; margin-bottom: 20px;}

#globalNav ul {

	padding: 0; 
	margin: 0;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 8px;
	_height: 1%;
	_padding-top: 12px;
	
}

#globalNav ul li {

	display: inline;
	margin-right: 1px;
	padding-left: 12px;
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/default_tab_left.png) top left no-repeat;
	padding-top: 12px;
	padding-bottom: 9px;
	_height: 1%;
	_padding-top: 0;

}

#globalNav ul li a {

	padding-right: 12px;
	background-color: #fff;
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/default_tab_right.png) top right no-repeat;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 9px;
	
	/* _padding-top: 0; */
	
	_height: 1%;

}


#localNav {

	float: left;
	width: 200px;
	

}

#extensionsNav {

	padding: 0;
	margin: 0;
	list-style-type: none;

}

#extensionsNav li {

	display: block;
	margin-bottom: 1px;
}

#extensionsNav li a {

	display: block;
	text-decoration: none;
	padding: 3px;
	background-color: #cacaca;

}

#extensionsNav li a:hover {

	text-decoration: underline;
	background-color: #dadada;

}


#mainContent {

	margin-left: 220px;
	

}


#editor textarea {

	width: 348px;
	height: 250px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;

}

#editor #input,
#editor #output {

	clear: both;
	width: 800px;
	margin: 0 auto;

}

#editor .col {

	width: 370px;	
	float: left;
	margin-bottom: 10px;
	
}

#editor .left {

	padding: 0 10px 0 20px;	
}

#editor .right {

	padding: 0 20px 0 10px;
}


#editor #sss_input,
#editor #sss_output,
#editor #html_input,
#editor #html_output {

	

}

#editor #sss_input,
#editor #sss_output {

	

}


#editor #input {

	background: #96f url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/bg.jpg) top left repeat-x;
	padding-bottom: 10px;
	padding-top: 49px;
	
}



#editor #sss_input,
#editor #html_input {

	margin-top: -49px;
	padding-top: 70px;
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/arrow.jpg) top center no-repeat;
	

}

#editor #sss_input h3,
#editor #html_input h3 {

	color: #fff;
	text-align: center;
	margin-bottom: 0.5em;

}


#editor #html_output_col h3 {

	color: #ccc;
	margin-bottom: 0.5em;

}


#editor #sss_output_col h3 {

	color: #cc0;
	margin-bottom: 0.5em;

}


form { margin: 0; padding: 0; }

#editor #html_output {

	border: 1px dashed #ccc;
	padding: 10px;
}

#editor #sss_output_col {
	
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/pointer.jpg) 100% 20% no-repeat;

}

#editor #sss_output {
	
	background: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/pointer.jpg) top right no-repeat;

}

#editor #sss_output {

	background: #ffc url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/sss_output_bg.jpg) top center repeat-x;
	padding: 10px;
	

}

#editor #actions {

	text-align: right; 
	clear: both;
	margin: 10px 20px;
}


#editor #editor_link,
#home #home_link,
.documentation #documentation_link,
#about #about_link {

	background-image: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/tab_left.png);

}

#editor #editor_link a,
#home #home_link a,
.documentation #documentation_link a,
#about #about_link a {

	background-image: url(/prx/000/https/sourceforge.net/p/switchcss/code/HEAD/tree/docs/imgs/tab_right.png);

}