Cyber Anakins Lightsaber - A Minishell-based backdoor

Current Path : /home/bjb2293782/xn--80abaeoqbbrbgf8aea5a2a2z.xn--p1ai/docs/
Upload File :
Current File : /home/bjb2293782/xn--80abaeoqbbrbgf8aea5a2a2z.xn--p1ai/docs/stylesyb.css

body { padding: 0 0 0 0; margin: 0 0 0 0; background-color:#000099; color:yellow }
body, td, th { font-family:Tahoma; font-size:14px; }

.img16x16 { position:relative;top:2; margin-right:4px; }

textarea
{
	text-align:justify;
	font-weight:normal;
	font-size:16px;
	background-color:#0000bb;
	color:yellow;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
select
{
	font-size:16px;
	background-color:#0000bb;
	color:yellow;
}	


.headerInfo
{
	line-height:100%;
}	


p li
{
	text-indent:0;
}	


h1 {
	font-family:Arial;
	font-weight:bold;
	font-size:24px;
	color:yellow;
}

a {
	color:yellow;
	text-decoration:none;
}

a:hover {
	position:relative;
	text-decoration:underline;
}

p {
	margin:0 0 0 0;
	text-align:justify;
	text-indent:30px;
}

ul { margin-top:0; margin-left:30 }

form { margin: 0 0 0 0; }

.mainHeaderCell
{
	background-color:#000099;
	padding-top:116;
}

.robot
{
	border:1px solid yellow;
	border-radius:10px;
}

.robot td
{
	font-size:16px;
	text-align:justify;
}	

.hoverImg
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;

	transition-property: filter;
    transition-duration: 500ms;
}

.hoverImg:hover
{
	filter: opacity(0.75);
}

.menuBtn
{
	filter: sepia(75%);
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
	z-index:3;

	transition-property: transform;
    transition-duration: 500ms;
}

.menuBtn:hover
{
	transform:scale(1.05)
}

.menuBtn:active
{
	transition-duration: 0ms;
	transform:scale(0.95)
}




.menuLine
{
	background-color:#000099;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:100px;

	border-top:2px solid white;
	border-bottom:2px solid white;


	background-color:black;
}

.menuItem, .menuItemSel
{
	padding-left:10;
	padding-right:10;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
	text-align:center;
}

.menuItem a, .menuItemSel a
{
	font-size:18px;

	color:yellow;
	transition-duration: 500ms;
	text-decoration:none;
}

.menuItem div, .menuItemSel div
{
	background-color:yellow;
	transform:translate(-50%,0) scale(0,1);
	height:2px;
	
}

.plus
{
	filter:invert(100%);
}	


.menuItemSel a
{
	font-weight:bold;
}

.menuItem:hover a, .menuItemSel:hover a
{
}

.menuItem:hover div, .menuItemSel:hover div
{
	background-color:yellow;
	transform:translate(0,0) scale(1,1);
	transition-property: background-color, transform;
	transition-duration: 500ms;
}


.menuPanel, .invisibleMenuPanel
{
	border-left:1px solid rgba(255,255,255,0.4);
	border-top:1px solid rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(0,0,0,0.4);
	border-right:1px solid rgba(0,0,0,0.4);
	border-radius:40px 8px 8px 8px;
	background-color:rgba(192,192,192,0.6);
	box-shadow:4px 4px 16px rgba(0,0,0,0.4);
	z-index:2;

	transition-property: transform;
	transition-duration: 500ms;
}

table.menuPanel
{
	transform:translate(0%,0%) scale(1,1);
}

table.invisibleMenuPanel
{
	transform:translate(-40%,-40%) scale(0,0);
}

td.menuPanel
{
	padding-left:90px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}


.menuColumn
{
	border-left:1px dotted #cccccc;
}

.menuPanelTable
{
	background-color:#000099;
}	

.firstPanelMenuItem, .panelMenuItem
{
	padding-left:16;
	padding-right:16px;

	padding-top:10px;
	padding-bottom:10px;
	
	background-color:black;
	transition-property: background-color;
	transition-duration: 500ms;
	cursor:pointer;
}

.firstPanelMenuItem:hover, .panelMenuItem:hover
{
	background-color:#6666CC;
}


.firstPanelMenuItem a, .panelMenuItem a
{
	text-decoration:none;
	font-size:18px;
	color:white;
}

.panelMenuItem
{
	border-top:1px dotted #999999;
}



.footer
{
	padding-top:10;
	padding-bottom:10;
	color:white;
	background-color: #000099;
	border-top:2px solid white;
}

.firstFooterCell, .footerCell
{
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	color:#FFcc00;
}

.footerCell
{
	border-left:1px solid yellow;
	
}

span.footerValue
{
	color:yellow;
}

a.footerValue, .enterLink
{
	text-decoration:none;
	color:yellow;
}
a.footerValue:hover, .enterLink:hover
{
	text-decoration:underline;
}

.enterLink
{
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



table.search
{
	border:2px solid yellow;
	border-radius:13px;
	background-color:#000099;
	height:26px;

	transition-property: border-color;
	transition-duration: 500ms;
}

td.search
{
	padding-left:10px;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:2px;
}

td.search input
{
	border:none;
	outline:none;
	background-color:#000099;
	color:yellow;
}

table.search input:focus
{
	border:none;
	outline:none;
}

.searchBtn
{
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color:#6666CC;
    padding-left:5px;
    padding-right:5px;
    border-radius:0px 10px 10px 0px;
    text-align:center;

    transition-property: background-color;
	transition-duration: 500ms;
}

.searchBtn:hover
{
	background-color:#9999CC;
}

.searchBtn:active
{
	background-color:#cc3300;
	transition-duration: 0ms
}


::-webkit-input-placeholder {color:#c4cfde;}
::-moz-placeholder          {color:#c4cfde;}/* Firefox 19+ */
:-moz-placeholder           {color:#c4cfde;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c4cfde;}


/**************** columns ********************/	
.leftColumn
{
	vertical-align:top;
	width:1%;
	padding:10px 20px 0px 0px;
	border-right:1px solid #ccddee;
}

.mainColumn
{
	vertical-align:top;
	width:99%;
	padding:10px 20px 10px 20px;
}

.middleColumn
{
	border-top:1px dash #ccddee;
	padding-top:10px;
	text-align:center;
	align-content: center;
}

.rightColumn
{
	vertical-align:top;
	width:1%;
	padding:10px 10px 10px 10px;
	border-left:1px dash #ccddee;	
}


/******** channels ****************/
.channelBlock
{
	width:170px;
	border-bottom:1px dotted #cccccc;
	
}

.channelBlockH
{
	width:170px;
	float:left;
	border:1px solid #cccccc;
	height:160px;
	margin-left:6px;
	margin-top:6px;
}

.channelBlock, .channelBlockH
{
	font-size:12px;
	align-content: center;
	text-align:center;
	padding-top:10;
	padding-bottom:10;
	filter:grayscale(0.5);
	cursor:pointer;
	transition-property: filter;
	transition-duration: 500ms;
}

.channelBlock:hover, .channelBlockH:hover
{
	filter:grayscale(0.0);
}

.channelDesc
{
	text-align:center;
	padding-top:10px;
}	

.channelName
{
	font-weight:bold;
	font-size:16px;
}


/******** ellipse *******/
.ellipseBlock
{
	padding-bottom:10;
}

.ellipseControl
{
	background-color:black;
	background: linear-gradient(180deg, rgba(0,0,153,0) 0%, rgba(0,0,153,1) 50%, rgba(0,0,153,1) 100%);
	
	position:absolute;
	text-align:right;
	color:yellow;
	font-weight:bold;
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding-top:32px;
    padding-bottom:8px;
}

.ellipseControl:hover
{
	color:white;
	text-decoration:underline;
}



/******* events ********/
table.event, table.news
{
	border-bottom:1px solid #cccccc;
	margin-top:16px;
	position:relative;
	width:100%;
	padding-bottom:5px;
}

table.event h2
{
	text-align:center;
	margin-top:0;
	margin-bottom:8px;
}	

.eventCategory
{
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
	font-weight:bold;
}	

.eventImg
{
	height:280px;
	margin-right:20px;
	cursor:pointer;
}

.newsImg
{
	height:250px;
	margin: 10 10 10 10;
	cursor:pointer;
}


.eventDate
{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:yellow;
}	

.eventDate span
{
	color:yellow;
	font-size:14px;
	font-weight:normal;
}

.eventPlace
{
	font-weight:bold;
	margin-bottom:8px;
	text-align:center;
}

.more
{
	font-weight:bold;
	margin-bottom:8px;
	text-align:center;
}


.monthBar
{
	margin-top:8px;
	padding:6 6 6 6;
	font-weight:bold;
	font-size:18px;

	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border:1px solid yellow;
    background-color:#3333CC;
    border-radius:10px;

    transition-property: background-color;
	transition-duration: 500ms;
}

.plus22
{
	filter:invert(100%);
}	

.monthBar:hover
{
	background-color:#9999FF;
}


.editBtn
{
	margin-left:10px;
	position:relative;
	top:8;

	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editBtn:hover
{
	top:7;
	left:-1;
}

.editBtn2
{
	margin-left:5px;
	position:relative;
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editBtn2:hover
{
	top:-1;
	left:-1;
}


div.news h2
{
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
}

.newsDate
{
	font-weight:normal;
	color:yellow;
	padding-right:10px;
	font-size:16px;
}

.impotantNews
{
	font-size:26px;
	border-top:2px solid yellow;
	border-bottom:2px solid yellow;
	background: linear-gradient(90deg, #000099 0%, #0000CC 100%);
}

.newsTitle
{
	font-size:26px;
	font-weight:bold;
}	


.actualLinks
{
	width:180px;
	cursor:pointer;
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

.actualLinks td, .actualLinksH td
{
	font-size:14px;
}

.actualLinks a, .actualLinksH a
{
	text-decoration:none;
}

.actualLinks a:hover, .actualLinksH a:hover
{
	text-decoration:none;

}

	
.actualLinks td:hover, .actualLinksH td:hover
{
	text-decoration:underline;
}

.actualLinks img, .actualLinksH img
{
	transition-property: filter;
	transition-duration: 500ms;
	filter:grayscale(0.5);
}

.actualLinks img:hover, .actualLinksH img:hover
{
	filter:grayscale(0.0);
}

.actualLinksH
{
	width:180px;
	cursor:pointer;
	border-right:1px dotted #cccccc;
	margin-left:10px;
	margin-right:10px;
	float:left;
	height:100px;
}



div.faq
{
	margin-top:20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:white;
}

ul.faq
{
	text-align:left;
	margin-left:0px;
}	

ul.faq a
{
	font-size:14px;
}

ul.faq li
{
	margin-bottom:10px;
	margin-left:0px;
}
	

/******************** btn22 **************************/
.btn22
{
	width:220;
	height:80;
	transition-property: background, border-color;
    transition-duration: 500ms;
    float:left;
    margin-left:10;
    margin-bottom:10;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
	border:1px solid #999999;
	border-radius:8px;
}

.btn22 table { height:80; }

.btn22 td
{
	font-size:18px;
	color:yellow;
}

.btn22 img { width:64px; height:64px; }

.btn22:hover
{
	background-color:#6666666;
	border-color:white;
}


/******************** ticket ***********************/
.ticketTable
{
	background-color:#666666;
	border-radius:16px;
	padding:20 20 20 20;
}
.ticketTable td
{
	color:yellow;
}

.ticketTable input[type="submit"]
{
	background-color:#666666;
	color:white;
	border:2px solid white;
	padding:8 8 8 8;

	font-size:16px;
	outline:none;

	transition-property:background-color;
	transition-duration:0.5s;
	cursor:pointer;
	border-radius:6px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}

.ticketTable input[type="submit"]:hover,
.ticketTable input[type="submit"]:focus
{
	background-color:#9999CC;
}

.ticketTable input[type="submit"]:active
{
	transition-duration:0.0s;
	background-color:#ff9933;
	padding:10 6 6 10;

	border:2px solid #ff9999;
	border-left:2px solid #990000;
	border-top:2px solid #990000;
}

.ticketTable input[type="submit"]:hover:disabled,
.ticketTable input[type="submit"]:focus:disabled,
.ticketTable input[type="submit"]:active:disabled,
.ticketTable input[type="submit"]:disabled
{
	background-color:#cccccc;
	color:#999999;
}

.bookLine
{
	transition-property:background-color;
	transition-duration:0.5s;
	cursor:pointer;
	background-color:#000099;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bookLine:hover
{
	background-color:#666699;
}


/********************* redsearch ************************/
	.redSearch
	{
		background-color:#333366;
		border-radius:24px;
		border:2px solid yellow;
	}

	.redSearchA
	{
		padding:8 0 8 16;
		color:yellow;
	}

	.redSearchB
	{
		padding:8 8 8 8;
	}

	.redSearchB table
	{
		border-radius:14px;
		border:1px solid yellow;
	}

	.redSearchCell1
	{
		padding-left:10px;
		background-color:#000099;
		border-radius:13px 0px 0px 13px;
		border-right:1px solid yellow;
	}

	.redSearchCell1 input
	{
		outline:none;
		border:none;
		font-size:18px;
		width:100%;
		color:yellow;
		background-color:black;
	}

	.redSearchCell2
	{
	}

	.redSearchBtn
	{
		width:24px;
		height:24px;
		padding:6 12 6 12;
		background-color:black;
		border-radius:0px 10px 10px 0px;

		-webkit-touch-callout: none;
	    -webkit-user-select: none;
    	-khtml-user-select: none;
	    -moz-user-select: none;
    	-ms-user-select: none;
	    user-select: none;
		cursor:pointer;
		transition-property: background;
    	transition-duration: 500ms;
	}

	.redSearchBtn:hover
	{
		background-color:#333366;
	}	




/************* toastr ****************/
.toastr,.toastr2
{
	background-color:#ffffcc;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:black;
	box-shadow: 0 0 12px rgba(0,0,0,0.3);
	top:150px;
	opacity: 1.0;
	width:200px;
	padding: 10 10 10 10;
	z-index:3000;
}

.toastr2
{
	top:0px;
	opacity: 0;
	transition-property: all;
    transition-duration: 3000ms;
}



/*********** dialogs *************/
.dialogShadow
{
	position:fixed;
	background-color:rgba(0,0,0,0.3);
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:304;
}

@keyframes dialogBoxAnim {
  from {
    opacity:0;
  }

  to {
  	opacity:1;
  }
}

.dialogBox
{
	position:fixed;
	background-color:#000099;
	box-shadow:4px 4px 15px rgba(0,0,0,0.5);
	border:1px solid #cccccc;
	color:yellow;
	z-index:304;
	min-width:300px;
	max-width:95%;

	animation-duration: 0.5s;
  	animation-name: dialogBoxAnim;
}

.windowTitle
{
	color:yellow;
	font-size:20px;
	font-weight:300;
	border-bottom:2px solid #cccccc;
	height:32px;
	text-align:center;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.dlgBtn,.dialogBox input[type="button"], .dialogBox input[type="submit"], .dialogBox button
{
	color:yellow;
	outline:none;
	background-color:#333333;
	border:2px solid #cccccc;
	height:36px;
	border-radius:12px;
	cursor:pointer;
	margin-left:4px;
	margin-right:4px;
	min-width:100;

	transition-property: background-color;
    transition-duration: 500ms;
}

.dlgBtn:active,.dialogBox input[type="button"]:active, .dialogBox input[type="submit"]:active, .dialogBox button:active
{
	position:relative; left:1px; top:1px;
	transition-duration: 400ms;
}

.dlgBtn:disabled,.dialogBox input[type="button"]:disabled, .dialogBox input[type="submit"]:disabled, .dialogBox button:disabled,
.dlgBtn:hover:disabled,.dialogBox input[type="button"]:hover:disabled, .dialogBox input[type="submit"]:hover:disabled, .dialogBox button:hover:disabled
{
	color:#999999;
}

.dlgBtn:hover,.dialogBox input[type="button"]:hover, .dialogBox input[type="button"]:focus, .dialogBox input[type="submit"]:hover, input[type="submit"]:focus, .dialogBox button:hover, .dialogBox button:focus
{
	background-color:#666666;
}



/****** tabcontrol ********/
.tabControl
{
}

.tabControlLine
{
	border-bottom:1px solid #e0e0e0;
}

.tabControlLabel, .tabControlLabelSel
{
	padding-left:10;
	padding-right:10;

	font-size:18px;
	cursor:pointer;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: background;
    transition-duration: 500ms;
}

.tabControlLabel:hover, .tabControlLabelSel:hover
{
	background-color:#e0e0e0;	
}

.tabControlLabel
{
	border-bottom:1px solid black;
}

.tabControlLabelSel
{
	border-bottom:4px solid #FF9933;
	font-weight:bold;
}

.tabControlPage
{
	vertical-align:top;
	padding:10 10 10 10;
}



/****************** property ********************/
.propTitle
{
	text-align:right;
	padding:6 4 4 4;
	white-space:nowrap;
	width:1%;
}

.propValue
{
	font-weight:bold;
	padding:4 4 4 4;
	width:99%;
}

.propLink
{
	border-bottom:1px dotted #0099FF;
	cursor:pointer;
	color:#006699;
	transition-property: background;
    transition-duration: 500ms;
}

.propLink:hover
{
	color:#3399FF;
}	
	

/***************** page ***************/
.page, .selpage
{
	padding-left:12;
	padding-right:12;
	

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    

    border:2px solid #cccccc;
    border-radius:10px;
    padding-top:4;
    padding-bottom:4;
}

.page
{
	cursor:pointer;
	font-size:16px;
	background-color:black;
	transition-property: background;
    transition-duration: 500ms;
	text-decoration:none;
}

.page:hover
{
	text-decoration:none;
	background-color:#666666;
}	

.selpage
{
	font-size:18px;
	font-weight:bold;
	background-color:black;
	outline:3px solid white;
}


.pages
{
	line-height:40px;
}



/************* path *************/
.path
{
	font-size:14px;
}

.path img
{
	width:11px;
	height:11px;
	margin-left:10;
	filter:invert(100%);
}





/************************ program ************************************/
	.card
	{
		width:320;
		height:470;
		border:1px solid yellow;
		border-radius:8px;
		padding:8 8 8 8;
		margin:4 4 4 4;
		float:left;
	}
	.cardWeekDay
	{
		text-align:center;
		font-size:18px;
		color:white;
		font-family:Arial;
		font-weight:bold;
		padding-bottom:8px;
	}

	.timeCol
	{
		vertical-align:top;
		padding-top:2px;
	}
	.timeSinceTo
	{
		font-size:12px;
		color:yellow;
		text-align:right;
	}
	.timeValue
	{
		font-size:14px;
		color:yellow;
		font-weight:bold;
	}
	.progCol
	{
		vertical-align:top;
	}
	.prog
	{
		font-size:16px;
		font-weight:bold;
	}
	.subprog
	{
		font-size:14px;
	}
	.subinfo
	{
		font-size:12px;
		color:yellow;
		font-weight:bold;
	}

	.timeCol, .progCol
	{
		border-bottom:1px solid yellow;
	}


.card2
{
	width:200px;
	height:160px;
	border:1px solid yellow;
	border-radius:10px;
	font-size:18px;
	color:yellow;
	transition-property: background-color;
	transition-duration: 500ms;
	text-align:center;
	float:left;
	padding:10 10 10 10;
	margin:10 10 10 10;
	cursor:pointer;
}

.card2 a
{
	text-decoration:none;
	color:color;
}
.card2 a:hover
{
	text-decoration:none;
	color:color;
}	

.card2:hover
{
	background-color:#6666CC;
}






/******************** quick filial buttons ***********************/
.quick
{
	font-size:18px;
	margin-right:30px;
	white-space:nowrap;
}

.quick a
{
	color:yellow;
}	

.quick img
{
	position:relative;
	width:24;
	height:24;
	top:4;
	margin-right:8px;
	filter:invert(100%);
}

.greenday { color:yellow; }
.redday { color:yellow; }



/************************* forum ****************************/
.messageBlock
{
	margin-top:10;
	border-top:1px dashed yellow;
	padding-top:4px;
}

.submessages
{
	padding-left:16px;
	border-left:3px solid #999999;
}	

.message
{
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}

.messageInfo
{
	font-size:14px;
	padding-left:18px;
}

.messageInfo span
{
	color:white;
	font-size:12px;
	font-weight:bold;
}

.messageInner
{
	margin-top:8px;
	padding-left:16px;
}	

.messageText
{
	padding:8 8 8 8;
	border:1px solid #9999FF;
	border-radius:4px;
}

.answerBlock
{
	margin-top:10;
	padding:10 10 10 10;
	border:2px solid #9999FF;

	background-color:#333366;
	border-radius:8px;
}


.answerBlock h2
{
	text-align:center;
	font-size:20px;
	font-family:Arial;
}	

.btn, .answerBlock input[type=button]
{
	padding:6 6 6 6;

}

.messageImage
{
	border:1px solid #cccccc;
	margin:5 5 5 5;
}

.msgplus
{
	padding:1 1 1 1;
	width:10;
	height:10;
	position:relative; top:1;
	margin-right:2;
	border:1px solid black;
	border-radius:3px;
	filter:invert(100%);
}



/****************** quiz *********************/
.quizBlock
{
	margin-bottom:10;
	padding-bottom:8;
	border-bottom:1px dotted #cccccc;
}

.quizName
{
	font-size:18px;
	font-weight:bold;
	color:yellow;
}

.quizDate
{
	font-size:12px;
}	

.quizDesc
{
	padding-left:10;
	vertical-align:top;
}	



/*************** book ******************/
.book
{
	transition-property:background-color;
	transition-duration:0.8s;
	cursor:pointer;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book td
{
	padding-top:4px;
	padding-bottom:4px;
}	

.book:hover
{
	background-color:#666666;
}

.bookIcon
{
	max-width:100;
	max-height:120;
	object-fit: scale-down;
}

.bookCell
{
	padding-left:8px;
	vertical-align:top;
	color:#000099;
}

.bookRecord
{
	color:yellow;
}


.bookName
{
	font-size:18px;
	font-weight:bold;
	color:yellow;
}

.bookAuthor
{
	font-size:12px;
	color:yellow;
}

.bookDlgField
{
	text-align:right;
	vertical-align:top;
	white-space:noWrap;
}

.bookDlgValue
{
	vertical-align:top;
}	


/************************ video ************************************/
.add
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align:center;
    user-select: none;
	color:#bb0000;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	margin-top:10;
	margin-bottom:10;

	transition-property:color;
	transition-duration:0.5s;

}

.add:hover
{
	color:#ff3333;
}


.month
{
	border:1px solid yellow;
	border-right-color:#999999; border-bottom-color:#999999;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	background-color:#e0e0e0;
	color:#727f9e;
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
}

.month:hover
{
	background-color:#c0c0FF;
}

.month:active
{
	background-color:#ffcc33;
	border-left-color:#999999; border-top-color:#999999;
	border-right-color:yellow; border-bottom-color:yellow;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

.month img
{
	position:relative;
	top:2px;
}

.vvv
{
	font-size:12px;
	color:black;
}	


.archive
{
	border-top:2px solid yellow;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:8px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}


.videoBlock
{
	border-bottom:1px dotted yellow;
	padding-bottom:24px;
	margin-bottom:16px;
}

.videoName
{
	color:yellow;
	font-size:24px;
	font-weight:bold;
}

.videoDesc
{
	font-size:14px;
	text-align:justify;
}

.videoFilial
{
	font-weight:bold;
}	

.videoDate
{
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
	color:yellow;
}

.videoArchDate
{
	margin-top:10px;
	font-size:12px;
	color:yellow;
}

.verySmall { font-size:10px; }


.pushkin
{
	padding-top:10;
	padding-bottom:10;
	border-top:1px solid yellow;
}

.banner22
{
	transition-property:outline;
	transition-duration:0.8s;
}

.banner22:hover
{
	outline:2px solid yellow;
}	

.selectingImage
{
	transition-property:background;
	transition-duration:0.8s;
}

.selectingImage:hover
{
	background-color:#99ccff;
}

.htmlEditorClass img
{
	cursor:pointer;
	transition-property:box-shadow;
	transition-duration:0.8s;
}	

.htmlEditorClass img:hover
{
	box-shadow:0px 0px 20px rgba(0,0,0,0.6);
}

May the force be with you, always.