/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME: 	Techmania 1.0
	TEMPLATE CODE: 	S-0003
    VERSION:         1.1          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 


/*  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.2em/1.5em 'Lucida Console', 'courier new', monospace;*/
  /* white-space: pre; */
 /* background: #FAFAFA;
  border: 1px solid #EAEAEA;  
  border-left: 5px solid #72A545;
}*/


/* sidebar */
/*#sidebar {
background-color:inherit;
float:right;
margin:0pt 0pt 10px;
padding:0pt;
width:245px;*/
}
/*#sidebar #search {
background:#F2F2F2 none repeat scroll 0%;
margin:0pt 15px;
padding:5px 0pt;
}
#sidebar #search img {
vertical-align:bottom;
}
#sidebar #search .textbox {
background:#FFFFFF url(input.png) no-repeat scroll left top;
border:1px solid #EAEAEA;
font-size:11px;
padding:3px;
width:110px;
}
#sidebar #search input.searchbutton {
background:#CCCCCC url(buttonbg.gif) repeat-x scroll left bottom;
border:1px solid #CCCCCC;
color:#333333;
font-family:Arial,Sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:normal;
margin:0pt;
padding:1px;
width:55px;
}
#sidebar h1 {
background:transparent url(square_arrow.gif) no-repeat scroll 0% 0.7em;
border-bottom:0px none;
clear:none;
color:#339900;
font-family:'Trebuchet MS',Arial,sans-serif;
font-size:1.5em;
font-weight:bold;
margin:0px;
padding:8px 0px 3px 25px;
text-transform:none;
}
#sidebar p {
margin:10px 15px;
}
#sidebar form {
background-color:#FAFAFA;
border:1px solid #EAEAEA;
display:block;
margin:10px 15px;
padding:0pt;
}
#sidebar ul.sidemenu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 15px;
padding:0px;
}
#sidebar ul.sidemenu li {
border:1px solid #F2F2F2;
margin-bottom:1px;
}
#sidebar ul.sidemenu a {
background:#F2F2F2 none repeat scroll 0%;
border-left:5px solid #CCCCCC;
color:#333333;
display:block;
font-weight:bold;
min-height:18px;
padding:2px 5px 2px 10px;
text-decoration:none;
}
* html body #sidebar ul.sidemenu a {
height:18px;
}
#sidebar ul.sidemenu a:hover {
background:#F2F2F2 none repeat scroll 0%;
border-left:5px solid #72A545;
color:#339900;
padding:2px 5px 2px 10px;
}
#sidebar #betasignup {
background:#F2F2F2 none repeat scroll 0%;
}
#sidebar #betasignup .textbox {
background:#FFFFFF url(input.png) no-repeat scroll left top;
border:1px solid #EAEAEA;
font-size:11px;
padding:3px;
width:175px;
}
#sidebar #betasignup input.subscribe {
background:#CCCCCC url(buttonbg.gif) repeat-x scroll left bottom;
border:1px solid #CCCCCC;
color:#333333;
font-family:Arial,Sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:normal;
margin:0pt;
padding:1px;
}
#sidebar #betasignup .processing {
text-align:center;
}
#sidebar #betasignup img {
border:0px none;
margin:2px;
}
#sidebar #betasignup .error img {
float:left;
margin:0px 6px 20px 0px;
}*/

/* alignment classes */
/*.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
*/
/* additional classes */
/*.clear {	clear:both;	} 
.hide  { display: none; }
.gray  { color: #CCC; }

.comments { 
	color: #333; 
	background: #FFF;
	text-align: right; 
	border-top: 1px dashed #EFF0F1;
	border-bottom: 1px dashed #EFF0F1; 
	padding: 5px 0;
	margin-top: 20px;
}
.clear { clear: both; }

textarea {
	margin-left: 16px;
	width: 752px;
	height: 300px;
	border: 1px inset;
}

textarea.readonly {
	background-color: #ededed;
	color: #000;	
}

#pack_status {
	margin-bottom: 20px;
	margin-left: 16px;
}

button {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	width: 75px;
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #999;
	padding: 2px 3px; 
	background: #CCC url(buttonbg.gif) repeat-x left bottom; 
	color: #333;/* color: #339900; */
/*}

ol.code {
	border: 1px solid #aaaaaa;
	background-color: #cccccc;
	color: #666666;
	padding-right: 0px;
	padding-left: 1px;
	margin-left: 15px;
}
ol.code li {
	margin-left: 30px;
	background-color: white;
	margin-right: 0px;
	padding-left: 5px;
	border-left: 1px solid #aaaaaa;
}

ol.code li span {
	white-space: prewrap;
	border: 1px solid white;
}

ol.code li span.highlight {
	background-color: yellow;
}

.breadcrumbs {
	text-align: right;
	margin-right: 20px;
}
.breadcrumbs .crumb {
	text-decoration: underline;
}

.sidebyside {
	margin-left: 4px;
	margin-bottom: 10px;
}

.sidebyside ol.code {
	width: 345px;
}

.sidebyside .default {
	float: left;
	width: 390px;
}

.sidebyside .example {
	float: left;
	width: 390px;
}

.sidebyside .chart {
	margin-left: 15px;
	width: 100px;
	height: 100px;
}

pre {
	margin-left: 10px;
	padding-bottom: 10px;
	font-size: 12px;	
}

hr { width: 750px; margin-left: 20px; height: 4px; border: 1px solid #cccccc; }

.onecolumn {
	margin-left: 4px;
	margin-bottom: 10px;
}

.onecolumn ol.code {
	width: 700px;
}

.onecolumn .default {
	float: left;
	width: 750px;
}

.onecolumn .example {
	float: left;
	width: 750px;
}

.onecolumn .chart {
	margin-left: 15px;
	width: 700px;
	height: 400px;
}*/