/*
<!--
sidecontent.css
-->
*/

#thumbs-boxbkg{
		position:fixed;
		border-left:1px solid #292929;
		border-right:1px solid #292929;
		background:none;
		background-color:#383838;
		z-index:-999;
		width:100%;
		height:100%;
	}

#sidecontent-wrapper {
	top:0px;
	left:0px;
	background-image:url(../images/side_bkg2.jpg);
	background-repeat:repeat;
	background-color:#111;
	width:250px;
	height:100%;
	z-index:2;
	position:fixed;
}

#logo {	   
	position:fixed;
	left:5px;
	height:auto;
	top:10px;
	z-index:20;
}
#logo img{	    
	width:100%;
	height: auto;
}

#showmenu, #hidemenu{
	position:fixed;
	background-color:#111;
	border-left:1px solid #292929;
	border-right:1px solid #292929;
	left:242px;
	width:7px;
	top:0px;
	height:100%;
	z-index:7;
	cursor:pointer;
}

#showmenu:hover, #hidemenu:hover{
	background-color:#333;
}

#showmenu {
	background-image:url(../images/showmenuimg.png);
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:-5px;
}

#hidemenu {
	background-image:url(../images/hidemenuimg.png);
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:-2px;
}

#sidecontent, #logo {
	width: 230px;
}




#sidecontent {
	background-color:transparent;
	position:fixed;
	top: 0px;
	left:0px;
	z-index:6;
	height:auto;
	padding-top:100px;
	height:100%;
	width:235px;
}

#labelemail, #labelpassword {
	position:absolute;
	top:2px;
	left:3px;
	z-index:10;
	color:black;
	font-size:12px;
	cursor:text;
}

form {
	padding: 10px 12px 12px 12px;
	margin-left:10px;
	background-color:#282828;
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}

form fieldset {
	border:none;
}

p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 230px;
  font-size:20px;
}

ul#menu {
  margin-top:30px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
	color: #DCDCDC;
	padding: 0.1em;
	padding-left:15px;
	margin-top:15px;
	background-image:url(../images/Menu_border.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

ul#menu li p {
	color: #DCDCDC;
	padding: 0.1em;
	padding-left:15px;
	margin-top:2px;
	cursor:default;
	text-decoration:underline;
	font-size:14px;
}

ul#menu li a:hover {
    color: #777777;
	padding: 0.1em;
	padding-left:15px;
	margin-top:15px;
}

ul#menu li ul li a {
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size:15px;
	text-decoration: none;
	background-image:none;
	margin-top:0px;
}

ul#menu li ul li a:hover {
	color: #777777;
	border-left: 5px #000 solid;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
    margin-top:0px;
}

#signintable {
  width:180px;
  padding-left: 15px;
  padding-top:4px;
  padding-bottom:4px;
  margin-top: 0px;
  background-color:#999;
  font-size:11px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }