::-moz-selection{
background:#6b6b6b;color:#ccc;
}
::selection{
background:#6b6b6b;color:#ccc;
}
@font-face { font-family: CG; src: url('FONT/GOTHIC.TTF'); } 
body {
	width:100%;
	background: #3d3d3d; 
	font-family:CG;
	text-shadow: 0 2px #FFF;
	-webkit-font-smoothing: subpixel-antialiased;
}
#DfBox {
	-moz-transition:height .2s ease-in,width  .2s ease-in;
	-o-transition:height .2s ease-in,width  .2s ease-in;
	-webkit-transition:height  .2s ease-in,width  .2s ease-in;
	transition:height  .2s ease-in,width  .2s ease-in; 
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;	
	background: url('/img/Ebg.png');
	border: 2px solid #ffffff;
	border-radius:20px;
	width:80%;
	height:95%;
	min-width:800px;
	min-height:600px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
}
#list {
	
	-moz-transition:height .2s ease-in,margin-top .1s ease-in;
	-o-transition:height .2s ease-in,margin-top .1s ease-in;
	-webkit-transition:height  .2s ease-in,margin-top .1s ease-in;
	-webkit-transition:height  .2s ease-in,margin-top .1s ease-in;
	top:0; bottom:0; right:0; left:0;
	margin-top:100px;
	overflow:scroll;
	text-align:start;
}	
#nsbar {
	position:fixed;
	border-radius:10px;
	background-color:rgba(0,0,0,0.5);
	width:300px;
	height:100px;
	left:5px;
	bottom:-105px;
}
#Content {
	position:absolute;
	margin-right:auto;
	margin-left:auto;
	width:95%;
	height:100%;
	top:0;
	right:0;
	left:0;
}
#stylizebar {
	top:0; bottom:0; right:0; left:0;
	text-align:start;
	transition-property:margin-left,top;
	transition-duration:0.5s;
	-moz-transition-property:margin-left,top;
	-moz-transition-duration:0.5s;
	-webkit-transition-property:margin-left,top;
	-webkit-transition-duration:0.5s;
	-o-transition-property:margin-left,top;
	-o-transition-duration:1s;	
	margin-top:130px;
	margin-left:7%;
	width:75px;
	background: #e9eaee;
	border: 1px solid #ffffff;
	border-radius:10px;
}
#stylizebar:hover {
	margin-left:4.0%;	
}
#stylizebar:active {
	margin-left:4.0%;	
}
a {
	-moz-transition:text-shadow .1s ease-in;
	-o-transition:text-shadow .1s ease-in;
	-webkit-transition:text-shadow  .1s ease-in;
	-webkit-transition:text-shadow  .1s ease-in; 
	color:#666;
}
a:hover {
	text-shadow: 0px 1px 0px #CCC;
}
hr {
	width:100px;
}
h1 {
	margin-left:10px;
	text-align:justify;
	letter-spacing:5px;
	font-weight:bold;
	font-family:CG;
	font-size:32px;
	color:#ccc;
	/*-webkit-text-stroke: 2px #999;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);*/
}
h2 {
	font-family:CG;
	font-size:24px;
}
p {
	font-family: CG;
	font-size:18px;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	height:100px;
}
li {
	width:150px;
	float:left;
}

.popup {
	outline: none;
	text-decoration: none;
	position: relative;
}
.popup span {
	-webkit-transition: all .5s 0.1s;
    -moz-transition: all .5s 0.1s;
    -o-transition: all .5s 0.1s;
    transition: all .5s 0.1s;
	text-shadow:rgba(102,102,102,0) 0px 1px 0px;
	background: rgba(0,0,0,0);
	color: rgba(255,255,255,0);
	font-size: 12px;
 	position: absolute;
	width:180px;
	top:-100%;
}

.popup:hover span {
	background: rgba(0,0,0,0.5);
	color: rgba(255,255,255,1);
	text-shadow:rgba(102,102,102,1) 0px 1px 0px;
	position: absolute;
	z-index: 99;
	margin-left: 30px;
}
.popup:hover em {
	font-weight: bold;
	display: block;
}
.info {  border-radius:10px; padding: 10px; }



#b {
	-moz-transition:background .1s ease-in;
	-o-transition:background .1s ease-in;
	-webkit-transition:background  .1s ease-in;
	transition:background  .1s ease-in; 
	
	vertical-align:middle;
    display:table-cell;
    line-height:30px;
    text-decoration:none;
	background-image: url('/img/b.png');
	color:#888;
	font-size:20px;
	text-align:center;
	width:150px;
	height:100px;
}
#b:hover {
	background-image: url('/img/bp.png');
	text-shadow: 0px 1px 0px #666;
}
/*.cborder {
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none; 
	position:static;
	top:0;
	bottom:0;
	right:0;
	left:0;
	border: 2px solid #ffffff;
	border-radius:20px;
	width: 800px;
	min-height: 500px;
	height:95%;
	margin-top:2.5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2.5%;	
	}*/
.stbar {
	margin-left:5px;
	height:100%;
	width:35px;
}
.stbutton {
	-moz-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	-webkit-transition: background  .1s ease-in;
	width: 50px;
	height: 35px;
	background-image: url('/img/stbutton.png');
	border: solid 0px;
	font-size: 10px;
	/* [disabled]color:#999; */
	resize: horizontal;
	margin-top: 15px;
}
.stbutton:hover {
	background-image:url('/img/stbuttonp.png');	
}
#head {
	
	-webkit-transition: top .1s ease-in;
    -moz-transition: top  .1s ease-in;
    -o-transition: top .1s ease-in;
	transition: top .1s ease-in;
	z-index:10;
	position:absolute;
	top:0px;	
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);	
	width:100%;
	height:100px;
	padding:0;
	margin:0;	
	background: url('img/gradient.png');
	resize: none;
	outline: none;
	color: #d4d4d4;
	font-family:CG;
	font-size:50px;
}
.headlogo {
	width:380px;
	height:25px;
	margin-top:37px;
	margin-left:30px;
	float:left;
	background-image:url('img/logo.png');
}
.headnav {
	width:300px;
	height:100%;
	float:right;
	margin-right:25px;
}
#foot {
	
	-webkit-transition: bottom  .1s ease-in;
    -moz-transition: bottom  .1s ease-in;
    -o-transition: bottom  .1s ease-in;
	transition: bottom .1s ease-in;
	
	z-index:10;
	position:absolute;
	bottom:0px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	box-shadow: 1px -2px 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 1px -2px 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px -2px 6px rgba(0,0,0, 0.5);	
	width:100%;
	padding:0;
	margin-top:0;	
	height:100px;
	background: url('/img/gradient.png');
	resize: none;
	outline: none;
	line-height: 20px;
	color: #2f2f2f;
}
#foot p {
	position:absolute;
	bottom:0;
	right:25px;
	font-size:10px;
	color: #999;
	text-align:end;
}
.font90 {
	transform:rotateZ(-90deg);
	-ms-transform:rotateZ(-90deg); /* IE 9 */
	-moz-transform:rotateZ(-90deg); /* Firefox */
	-webkit-transform:rotateZ(-90deg); /* Sfri nd Chrome */
	-o-transform:rotateZ(-90deg); /* Oper */
}
table { 
	box-shadow:3px 3px 10px #CCC;
	width:100%;
	border:0;
}
table tr {
	padding:5px; 
	border-left:1px solid #ccc; 
	border-top:1px solid #ccc;
}
table td { 
	padding:5px;
	color:#888;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
i {
	font-style:normal;
}
em {
	font-size:12px;
	font-style:normal;
	color:rgba(0,0,0,0.4);
	text-shadow:0px 1px 5px rgba(0,0,0,0.2);
	}
.srtgs {
	/*position:relative;*/
	margin:0;
	width:170px;
	text-align:left;
	padding:1px 1px 2px 2px;

}

.srtgs .stars, .srtgs .d_rtg, .srtgs .totalrate { width:110px; }

.star_n { transition: background-image 0.3s ease-in; -webkit-transition: background-image 0.3s ease-in; }

.srtgs .stars {
	height:20px;
	margin:0;
	background: url('ratingfiles/star0.png') repeat-x top left;
}

.d_rtg {
	position:absolute;
	height:20px;
	overflow:hidden;
}

.srtgs .stars_n {
	position:absolute;
	top:0; left:0;
	margin:0;
	height:20px;
	border:1px solid #ededfe;
}
.srtgs .totalrate {
	/*position:relative;*/
	ext-align:center;
	color:#999;
}
.totalrate i {
	padding-right:8px;
	color:#888;
}
.totalrate span{
	color:#666;
}

.d_rtg span {
	display:block;
	width:11px;
	float:left;
	cursor:pointer;
}


.srtgs .star_n {
	position:absolute;
	height:20px;
	margin:0;
}
.srtgs em {
	/*position:absolute; */
	bottom:1px;
	left:125px;
	font-size:13px;
	text-align:center;
}
.rbdiv {
	margin-top:5px;
	margin-left:5px;
}
.resizebutton {
	border:0;
	padding:0;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom-left-radius:5px;	
	border-top-left-radius:5px;
	background-color:#999;
	color:#FFF;
	text-shadow:0px 1px 0px #666666;
	width:100px;
	height:40px;
	text-align:left;
	text-decoration:none;
	padding-left:10px;
	font-family:CG;
}
.resizebutton:hover {
	text-shadow:0px 1px 0px rgba(100,100,100,1);
}
.text {
	color:#888;
	margin-left:10px;	
}

.container {
  margin: 80px auto;
  width: 640px;
  text-align: center;
}
.container .progress {
  margin: 0 auto;
  width: 400px;
}

.progress {
  padding: 4px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  position: relative;
  height: 16px;
  border-radius: 4px;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:fter {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.progress-bar:before {
  bottom: 0;
  background: url("../img/stripes.png") 0 0 repet;
  border-radius: 4px 4px 0 0;
}
.progress-bar:fter {
  z-index: 2;
  bottom: 45%;
  border-radius: 4px;
  background-image: -webkit-linear-grdient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-grdient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-grdient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-grdient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}

/*
 * Note: using djcent or generl sibling selectors combined with
 *       pseudo clsses doesn't work in Sfri 5.0 nd Chrome 12.
 *       See this rticle for more info nd  potentil fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
#five:checked ~ .progress > .progress-br {
  width: 5%;
  background-color: #f630f;
}

#twentyfive:checked ~ .progress > .progress-br {
  width: 25%;
  background-color: #f27011;
}

#fifty:checked ~ .progress > .progress-br {
  width: 50%;
  background-color: #f2b01e;
}

#seventyfive:checked ~ .progress > .progress-br {
  width: 75%;
  background-color: #f2d31b;
}

#onehundred:checked ~ .progress > .progress-br {
  width: 100%;
  background-color: #86e01e;
}

.radio {
  display: none;
}

.label {
  display: inline-block;
  margin: 0 5px 20px;
  padding: 3px 8px;
  color: #aaa;
  text-shadow: 0 1px #000;
  border-radius: 3px;
  cursor: pointer;
}
.radio:checked + .label {
  color: white;
  background: rgba(0, 0, 0, 0.25);
}



.ps-container .ps-scrollbar-x {
	position: absolute;
	bottom: 3px;
	height: 8px;
	background-color: #;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: opacity.2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.ps-continer .ps-scrollbr-y {
	z-index:1000;
	position: absolute;
	right: 3px;
	width: 8px;
	margin-top:105px;
	background-color: #;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	opacity: 0.2;
	filter: alpha(opacity = 0.2);
	-webkit-transition: opacity.2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.ps-continer .ps-scrollbr-y:hover {
opacity: 0.9;
filter: alpha(opacity = 90);
cursor: default;
}

.ps-continer:hover .ps-scrollbr-y {
opacity: 0.6;
filter: alpha(opacity = 60);
}

.ps-continer .ps-scrollbr-x:hover {
opacity: 0.9;
filter: alpha(opacity = 90);
cursor: default;
}






.wrapper{
	padding: 0;
	width:auto;
	height:auto;
}
.wrapper li{
	float: left;
	width:100%;
}
.wrapper li {
	height: auto;
	margin: 0 2px;
	position: relative;
}
.wrapper li .button{
    background-position: 0px 0px;
}
.wrapper li  span{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	z-index:9999;
	width: auto;
	height: auto;
	line-height: 20px;
	padding: 2px;
	font-weight: 400;
	font-size: 14px;
	color: #888;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,1);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: -5px;
	margin-left:15px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.wrapper li  span:before,
.wrapper li  span:after{

}
.wrapper li  span:after{

}
.wrapper li :hover span{
	opacity: 0.9;
	margin-left:30px;
}

.cntlBtnUp {
	
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	
	background-image: url('img/upb.png');
	display: block;
	width: 50px;
	height: 50px;
	text-decoration:none;
	outline: none;
}

.cntlBtnDown {
	
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	
	background-image: url('/img/downb.png');
	display: block;
	width: 50px;
	height: 50px;
	text-decoration:none;
	outline: none;
}

.cntlBtnUp:hover { background-image:url('/img/upBh.png'); }

.cntlBtnDown:hover { background-image:url('/img/downBh.png'); }

.cntlFS {
	
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	
	background-image: url('/img/fScreen.png');
	display: block;
	width: 50px;
	height: 50px;
	text-decoration:none;
	outline: none;

}

.cntlFS:hover { background-image:url('/img/fScreenh.png'); }

.cntlSize {
	cursor:pointer;
	margin:5px;
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	text-align:center;
	color:white;
	font-family:CG;
	border:0;
	border-radius:10px;
	background:url('/img/size.png');
	display: block;
	width: 50px;
	height: 48px;
	text-decoration:none;
	outline: none;
}

.cntlLink {
	cursor:pointer;
	margin:5px;
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	text-align:center;
	color:white;
	font-family:CG;
	border:0;
	border-radius:10px;
	background:url('/img/linkB.png');
	display: block;
	width: 50px;
	height: 48px;
	text-decoration:none;
	outline: none;
}

.cntlLink:hover {
	background:url('/img/linkBh.png');
}

.cntlSize:hover {
	background:url('/img/sizeh.png');
}

.cntlCross {
	-webkit-transition: background-image 0.3s;
	-moz-transition: background-image 0.3s;
	-o-transition: background-image 0d.3s;
	-ms-transition: background-image 0.3s;
	transition: background-image 0.3s;
	margin:5px;
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	text-align:center;
	color:white;
	font-family:CG;
	border-radius:10px;
	background:url('/img/cross.png');
	display: block;
	width: 50px;
	height: 48px;
	text-decoration:none;
	outline: none;
	cursor:pointer;
}

.cntlCross:hover {
	background:url('/img/crossh.png');
}

#iFrame_url {
    -webkit-transition: height .1s ease-in;
    -moz-transition: height .1s ease-in;
    -o-transition: height  .1s ease-in;
	transition: height .1s ease-in;
	z-index:1;
	display:none;
	position:absolute;
	visibility:visible;
	background-color:rgba(255,255,255,0.1);
	margin-top:36px;
	height:76%;
}

#urlarea {
	position:absolute;
	z-index:1;
	width:1000px;
	height:1000px;
}

#WBTitles {
	-webkit-transition: margin 0.5s,opacity 0.3s;
	transition: margin 0.5s,opacity 0.3s;
	z-index:4;
	position:absolute;
	top:-36px; bottom:0; right:0; left:0;
	margin-top:36px;
	text-align: center;
	width:100%;
	height:36px;
	background: center url('/img/footbgINV.png'); 
	display:inline-table; 
}
#WBTitles a{
	display:inline-block;
}
#urlTextarea {
	z-index:1;
	width:100%;
	position:absolute;
	height:36px;	
	transition:opacity 0.3s;
	-webkit-transition: opacity 0.3s; 
	background: center url('/img/footbgINV.png'); 
	display:block; 
	opacity:100;
}
img {
	margin:0;
	padding:0;
}
#urlTextarea input {
	color:Grey;
	font-family:CG;
	width:100%;
	height:30px;
	margin-top:1px;
	margin-left:2px;
	margin-bottom:1px;
	margin-right:2px;
	background: url('/img/trb.png');
	border:0;
}
#listtable {
	z-index:4;
	position:absolute;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	
	margin-top:0px;
	display:inline-table;
}
#WBTitles td{
	background-color:rgba(0,0,0,0.05);
	width:33.33%;
}

.desb {
	cursor:pointer;
	position:absolute;
	width:21px;
	height:21px;
	bottom:10px;
	/*-webkit-transform:rotate(180deg);
	transform:rotate(180deg);*/	
}

#tableCover {
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	-moz-transition: margin 0.5s;
	-o-transition: margin 0.5s;
	z-index:3;
	position:absolute; top:136px; bottom:0; right:0; left:0;
	background: url('/img/Ebg.png');
	width:100%;
	overflow:hidden;	
}

#tablelist {
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	position:relative;
	background-color:rgba(255,255,255,1);
	width:100%;
	/*display:inline-table; */
}
#tablelist td{
	height:77px;
	width:33.33%;
	background-color:rgba(0,0,0,0.05); 
}
#wBackG {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	display:none;
	opacity:0;
	top:0;
	left:0;
	position:absolute;
	background-color: rgba(0,0,0,0.5);
	z-index:999;	
	width:100%;
	height:100%;
}
#wApply {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	
	display:none;
	opacity:0;
	z-index:1000;
	border-radius:20px;
	background-color: rgba(102,102,102,0.5);
	position:absolute; top:0; bottom:0; right:0; left:0;
	margin:auto;
	color: #eee;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	padding:25px;
	width:200px;
	height:350px;
}
#wApply input {
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	border-radius:20px;
	border:0;
	width:100%;
}
#wApply p{
	margin:0;
	padding:0;
}
#wApply input:hover{
	background-color: #CCC;
}

div.upload {
	-webkit-transition:background 0.3s;
	transition:background 0.3s;
	height:36px;
	width:100%;
    background: url('/img/Ub.png');
    overflow: hidden;
}

div.upload input {
	cursor:pointer;
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
div.upload:hover {
	background-image:url('/img/uBh.png');
}
.hideB {
	float:right;
	cursor:pointer;
	-webkit-transition: background 0.3s;
	-moz-transition:background 0.3s;
	transition: background 0.3s;
	
	text-align:center;
	line-height:100%;
	border-radius:10px;
	width:20px;
	height:20px;
	background-color: rgba(0,0,0,0.2);
}
.hideB:hover {
	background-color: rgba(0,0,0,0.4);
}

.whiteborder {
	margin-top:5px;
	margin-left:5px;
	padding-top:1px;
	padding-bottom:2px;
	padding-right:2px;
	width:58px;
	background-color: rgba(255,255,255,0.4);
	border-radius:10px;	
}

#tableOF {
	overflow:hidden;
	
	-webkit-transition: height .1s ease-in;
    -moz-transition: height  .1s ease-in;
    -o-transition: height .1s ease-in;
	transition: height .1s ease-in;
}

#searchBox {
	height:20px;	
}
#searchField {
	/*pointer-events:none;*/
	width: 133px;
	height: 20px;
	-webkit-transition:width .3s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	border: 1px solid #bbb;
	line-height: 25px;
	color: #bbb;
	font-family:CG;
}
#searchField:focus {
	color: #3b3b3b;
	border: 1px solid #666;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
#searchB {	
	-webkit-transition: background,opacity 0.3s;
	-moz-transition:background,opacity 0.3s;
	transition: background,opacity 0.3s;
	-webkit-user-select: none;         
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width:20px;
	height:20px;
	cursor:pointer;
	background-image:url('/img/searchB.png');
	position:absolute;
	right:10px;
	
}
#searchB:hover {
	background-image:url('/img/searchBh.png');
}
.hashref {
	cursor:pointer; text-decoration:underline;
}
#errorbox {
	display:inline-block;
	-webkit-transition:top 0.5s ease-out;
	transition:top 1s ease-out;
	z-index:9999;
	position:absolute;
	width:400px;
	height:100px;
	border-radius:10px;	
	right:0;
	left:0;
	margin-right:auto;
	margin-left:auto;
}
#fonterror {
	right:0;
	left:0;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:10px;
	position:absolute;
	bottom:0;
	color:white;
	text-shadow:1px 1px 5px rgba(0,0,0,1);
}
.rbar {
	position:relative;
	width: 200px;
	height: 14px;
}
ul{
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.hoverframe {
	width:200px;
	height:100%;
	position:absolute;
    z-index:1;
	cursor:pointer;
}
.d_1 {
	float:left;
	width: 10%;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}
.d_2, .d_3, .d_4, .d_5, .d_6, .d_7, .d_8, .d_9 {
	float:left;
	width: 10%;
	height: 100%;
}
.d_10 {
	float:left;
	width: 10%;
	height: 100%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.barline {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	vertial-align:middle;
	background-color:#CCC;
	border-radius:20px;
	width:100%;
	height:100%;
}
#barlineframe {
	position:absolute;
	width:195px;
	height:10px;
	margin-top:2px;
	margin-left:2px;
}
#barground {
	background-color:#666;
	border-radius:10px;	
	width: 100%;
	height: 100%;
}
#searchBox {
	height:22px;
	float:right;
}

#ds1, #ds2, #ds3 {
	display:none;	
}
#loading_frame {
	width:100px;
	height:150px;
	z-index:10000;
	display:block;
	position:absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
#loading_frame p{
	margin-top:10px;
	text-align:center;
	color:#5B5B5B;
	font-size:20px;
}
#loading_aperture {
	transition:transform 1s;
	-webkit-transition:transform 1s;
	-moz-transition:transform 1s;
	background-image:url('img/aperture.png');
	width:100px;
	height:100px;
	
	-webkit-transition-property: -webkit-transform 2s;

    -moz-transition-property: -moz-transform 2s;
	
	transition-property: -webkit-transform 2s;

	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-ms-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
#loading_cursor {
	background-image:url('/img/aperturesmall.png');
	position:absolute;
	z-index:10011;
	width:15px;
	height:15px;
	display:none;
	-webkit-transition-property: -webkit-transform 2s;

    -moz-transition-property: -moz-transform 2s;
	
	transition-property: -webkit-transform 2s;

	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-ms-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
  from {
		-moz-transform: rotate(0deg);
    }
    to { 
		-moz-transform: rotate(0deg);
    }
}
@keyframes rotate {
  from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}