@charset "UTF-8";
/* CSS Document */



/* SKILLS : BEGIN */

#demoflex1, #demoflex2, #demoflex3, #democss11, #democss12, #demojq21, #demoappli1, #demoprshp1, #demodrpl1 {
	float:left;
	width:600px;
	//height:500px;
	background-color:#FAFAFA;
	opacity:0.90 !important;
	filter:alpha(opacity=90) !important; /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	-moz-opacity: 0.9 !important;
	-webkit-opacity: 0.9 !important;
	z-index:1000;
	position:absolute;
	top:130px;
	left:20px;
	display:none;
	box-shadow: 2px 2px 1px #aaa;
	-moz-box-shadow: 2px 2px 1px #aaa;
	-webkit-box-shadow: 2px 2px 1px #aaa;			
}

#demoflex2{top:150px;left:40px;}
#demoflex3{top:170px;left:60px;}
#democss11{top:190px;left:80px;}
#democss12{top:210px;left:100px;}
#demojq21{top:220px;left:110px;}
#demoappli1{top:170px;left:40px;}
#demoprshp1{top:190px;left:80px;}
#demodrpl1{top:210px;left:100px;}

#handlebar{
	float:left;
	width:100%;
	height:20px;
	opacity:0.8 !important;
	filter:alpha(opacity=80) !important; /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	-moz-opacity: 0.8 !important;
	-webkit-opacity: 0.8 !important;
	background-color:#CCCCCC;
	background-image: linear-gradient(bottom, rgb(117,117,117) 11%, rgb(212,212,212) 74%);
	background-image: -o-linear-gradient(bottom, rgb(117,117,117) 11%, rgb(212,212,212) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 11%, rgb(212,212,212) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 11%, rgb(212,212,212) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 11%, rgb(212,212,212) 74%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, rgb(117,117,117)),
		color-stop(0.74, rgb(212,212,212))
	);
					
}

#hdnlbrreduce{background-color: #E79E58;} 
#hdnlbropen{background-color: #619C48;}
#hdnlbrclose{background-color: #DE3533;}

.handlebar_btn{
	float:right;
	width:10px;
	height:10px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border:solid 1px #FFF;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	font-family:Verdana;
	font-size:9px;
	font-weight: bold;
	color:#FFF;
	text-align:center;
	line-height:8px;
	margin:3px 5px;	
}

.bullinfo{
	float:left;
	width:97%;
	/*height:480px;*/
	padding:10px;
	font-family:Verdana;
	font-size:11px;
}
/*.bullinfo img {margin-left:5px;}*/
.bullinfobar_title{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	line-height:20px;
}

ul#skillslist >li {
	list-style-type:square;
	font-size:14px;
	text-align:justify;
}

ol {list-style-type:lower-roman;}
ol.demoslist >li {text-decoration:underline;} 


/* SKILLS : END */