@font-face {
  font-family: Vazir;
  src: url('font/Vazir.eot');
  src: url('font/Vazir.eot?#iefix') format('embedded-opentype'),
       url('font/Vazir.woff') format('woff'),
       url('font/Vazir.ttf') format('truetype');
  font-weight: normal;
}
      
@font-face {
  font-family: Vazir;
  src: url('font/Vazir-Bold.eot');
  src: url('font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
       url('font/Vazir-Bold.woff') format('woff'),
       url('font/Vazir-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Vazir;
  src: url('font/Vazir-Light.eot');
  src: url('font/Vazir-Light.eot?#iefix') format('embedded-opentype'),
       url('font/Vazir-Light.woff') format('woff'),
       url('font/Vazir-Light.ttf') format('truetype');
  font-weight: 300;
}


body,input,select,textarea{font-family:'vazir';font-size:11pt;font-weight:300}

html,body{height:100%;}
body
{
margin:0;
overflow:auto;
background:#ffffff;
line-height:200%;
}
table{
	border-collapse:collapse;
}

form{
	margin:0;
}

h1{
	font-size:15pt;
	color:#000000;
	font-weight:bold;
}

h1 a{
	color:#444444;
	font-weight:bold;
	font-size:14pt;
}

h2 {
margin:0;
font-weight:bold;
font-size:12pt;
}

h2 a{font-size:11pt;}


input:active,textarea:active,input:focus,textarea:focus{
	outline:0
}

.rightSection{
	box-sizing:border-box;
	width:100%;	
}

.rightSection *{max-width:100%;height:auto}
.rightSection .fixedSize,.rightSection .fixedSize *{max-width:none !important; }

.rightSection iframe *{
	height:none;
}

#leftSection{
	box-sizing:border-box;
	width:150px;
	float:right;
	border-right:1px dashed #dddddd;
}


@media all and (max-width: 750px) {
	#leftSection{
		display:none;
	}
	
	#rightSection{
		width:100%;
	}
}

	
@media print {}


#thesistable td{
	border-bottom:1px dotted #eeeeee;height:35px;
}

a{
color:#cc003a;
text-decoration:none;
outline:0;
border:0;
}

a:hover{
color:#fb0048;
text-decoration:none;
}

a.bottomlink{
	color:#bbbbbb;display:inline-block;margin:10px;margin-bottom:0;margin-top:0;font-size:9pt;
}

a.bottomlink:hover{
color:#eeeeee;
}
.bNav{
	width:14px;height:14px;border-radius:7px;box-sizing:border-box;
	background:#ffffff;
	border:1px solid #808080;
	cursor:pointer;
	font-size:1pt;
	display:inline-block;
}

.bNavActive{
	width:14px;height:14px;border-radius:7px;box-sizing:border-box;
	background:#FF9900;
	border:1px solid #808080;
	cursor:pointer;	
	font-size:1pt;
	display:inline-block;
}


.box{
	box-sizing:border-box;
	width:100%;
	background:#ffffff;
	direction:rtl;
	border:1px solid #cccccc;
	padding:10px;
	box-sizing:border-box;
}

.titles{
	color:#000000;
	font-weight:bold;
}

.paging{
	display:inline-block;
	text-align:center;
	margin:2px;
	height:30px;
	width:30px;
	background:#dddddd;
	color:#000000;
	line-height:33px;
	border-radius:15px;
	box-sizing:border-box;
	border:1px solid #888888;
	font-size:9pt;
	}
.paging:hover{background:#b40839;color:#ffffff;}

.activepaging{display:inline-block;height:30px;width:30px;background:#b40839;color:#ffffff;line-height:33px;border-radius:15px;box-sizing:border-box;}
.activepaging:hover{color:#ffffff;}

.overlay{text-align:center;width:100%;height:2000px;position:absolute;top:0px;left:0px;z-index:5;display:none;background:url(template/transparent.png)}
.empty{width:10px;height:75px;}



.tail {
color:#0000ff;
font-size:8pt;
text-decoration:none;
}

.tail:hover{
color:#ff9900;
}

.news{
padding-top:3px;
padding-bottom:3px;
text-decoration:none;
display:block;
background:#ffffff;
color:#444444;
}

.news:hover{
background:#eeeeee;
color:#000000;
}

.listtitle{width:100%;text-align:right;padding-right:20px;}


.topholder{
color:#000099;
text-align:justify;
width:95%;
}


.lastdate{
color:#888888;
direction:rtl;
display:inline-block;
direction:ltr;
font-size:8pt;
height:20px;
text-align:left;
}

.brief{
color:#666666;
line-height:150%;
text-align:center;
width:100%;
cursor:pointer;
}

.paperheader *{
	font-size:9pt;
}
.paperheader div{
	font-size:9pt;margin-left:15px;display:inline-block;
}

.related-views{font-size:8pt;color:#444444;}
.brief-sender{color:#888888;font-size:8pt;}
.brief-sender:hover{font-size:8pt;}

.lasttitle{
color:#333333;
text-decoration:none;
}

.lasttitle:hover{
color:#000000;
}

.holder{
text-align:justify;
}


.second-hand{color:#ff5555;font-size:7pt;}


.chatpaging{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #888888;}
.chatpaging:hover{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #888888;color:#ff8800}
.chatpaging:visited{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #888888;}
.chatpaging:visited:hover{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #888888;color:#ff8800}


.likebox{border:0px;height:5px;text-align:left;direction:ltr;font-family:tahoma;font-size:8pt;color:#666666;border-collapse: collapse;}
.likers{position:absolute;z-index:10;width:150px;display:none;background-color:#ffffff;direction:rtl;text-align:right;border:#000000 1px solid;}
.chatpost{border-collapse:collapse; background:#F1F1F0;border:#cccccc 1px solid;width:700px;direction:rtl;}
.chatcode{font-family:tahoma;font-size:7pt;color:#bbbbbb;}
.chatsenderdetails{text-decoration:none;font-size:8pt;color:#444444;}
.chatsenderdetails:hover{text-decoration:none;font-size:8pt;color:#444444;}
.chatreplybox{width:532px;background:url('template/replybg.gif');text-align:center}
.chatreplyholder{width:510px;overflow:auto;text-align:justify; line-height:150%;}

	/* CSS for the scrollers */
	div.vertical_scroller{
		position:relative;
		display:block;
		width:100%;
		height:290px;
		overflow:hidden;
	}
	div.scrollingtext{
		position:absolute;
	}

.linkspage{
	border:1px solid #aaaaaa;
	position:relative;top:0;left:0;
	font-size:9pt;
	box-shadow: 0px 0px 5px #cccccc;
	padding:5px;
	color:#000000;
	display:block;
	width:100%;
	min-height:180px;
	background:#eeeeee;
}

.yekan{font-family:'B Yekan';}
.yekan18{font-family:'B Yekan';font-size:18pt;}


.adminchatbubble{
	padding:4px;
	display:inline-block;
	height:14px;
	position:relative;
	top:9px;
	border:1px solid #999999;
	background:#eeeeee;
	border-radius:4px;
	font-size:8pt;color:#666666
}

.adminchatbubble:hover{
	padding:4px;
	display:inline-block;
	height:14px;
	position:relative;
	top:9px;
	border:1px solid #999999;
	background:#eeeeee;
	border-radius:4px;
	font-size:8pt;color:#666666
}

.section{
	border:1px solid #666666;
	border-radius:6px;
	padding-top:20px;
	padding-bottom:20px;
	display:none;
}



.tab{
	text-align:center;
	width:130px;
	background:#eeeeee;
	display:inline-block;
	border:1px solid #444444;
	border-bottom:0;
	position:relative;
	top:0;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding-right:5px;
	padding-left:5px;
	height:25px;
	line-height:25px;
	font-size:9pt;color:#666666;cursor:pointer;
}

.tab_active{
	text-align:center;
	width:130px;
	display:inline-block;
	border:1px solid #444444;
	border-bottom:0;
	position:relative;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding-right:5px;
	padding-left:5px;
	line-height:25px;
	font-size:9pt;color:#666666;cursor:pointer;
	top:0;
	height:26px;
	background:#ffffff;
	margin-bottom:-1px;
}


.commentbox{
	width:98%;
	text-align:justify;
	word-wrap:break-word;
	overflow:hidden;
	color:#444444;
	margin-right:1%;
	margin-left:1%;
	text-align:justify;
}

.posts_list{
	display:block;width:100%;height:20px;padding-top:5px;padding-bottom:5px;color:#666666;
}
.posts_list:hover{
	color:#000000;
}


.thesisTable{
	min-height:60px;border:1px solid #aaaaaa;background:#eeeeee;font-size:9pt;width:100%;border-color:#999999;
}



.icon-delete{
	display:inline-block;
	cursor:pointer;
	width:24px;
	height:24px;
	background:url('template/icon-delete.png') no-repeat center;
	background-size:cover;
}

.icon-edit{
	display:inline-block;
	cursor:pointer;
	width:24px;
	height:24px;
	background:url('template/icon-edit.png') no-repeat center;
	background-size:cover;
}

.icon-comments{
	display:inline-block;
	cursor:pointer;
	width:24px;
	height:24px;
	background:url('template/icon-comments.png') no-repeat center;
	background-size:cover;
}



.clear {
	display:block;
	clear:both
}


.album-comment{
	width:60px;
	height:80px;
	background:url('template/album-comment.jpg') no-repeat;
	background-size:cover;
	display:inline-block;
	cursor:pointer;
}


.album-delete{
	background:url('template/album-delete.jpg') no-repeat;
}

.album-keywords{
	background:url('template/album-keywords.jpg') no-repeat;
}

.album-move{
	background:url('template/album-move.jpg') no-repeat;
}

.album-edit{
	background:url('template/album-edit.jpg') no-repeat;
}

.album-nest{
	background:url('template/album-nest.jpg') no-repeat;
}

.album-icon{
	width:60px;
	height:80px;
	background-size:cover;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
}

.album-commentCounterSide{
	background:url('template/album-designquote.png') no-repeat;
	width:16px;
	height:34px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;top:0;left:-16px;
	z-index:2;
}

.album-commentCounter{
	padding-right:10px;
	padding-left:10px;
	white-space:nowrap;
	text-align:center;
	border:1px solid #666666;
	border-radius:5px;
	position:relative;right:10px;top:-20px;
	display:inline-block;
	height:32px;
	line-height:32px;
	min-width:40px;
	vertical-align:middle;
	background:#ffffff;
	z-index:1
}

.replytop{
	width:534px;
	height:37px;
	box-sizing:border-box;
	background:url('template/replytop.png');
}

.replybottom{
	width:534px;
	height:14px;
	box-sizing:border-box;
	background:url('template/replybottom.png');
}

.hash{
	height:1px;border-bottom:1px dotted #888888;
}

#header{
	position:fixed;top:0;left:0;width:100%;z-index:1000;
	display:block;
	box-sizing:border-box;
	background:#f2f2f2;
	margin-bottom:0px;
	border-bottom:1px solid #c2c2c2;
	box-shadow:0 0 5px 5px rgba(0,0,0,0.3);
}

#logo{
	position:absolute;
	bottom:3px;
	left:30px;
	z-index:4;
	vertical-align:top;
	display:inline-block;
	padding:0;margin:0;
	display:inline-block;
	height:80px;
}

#logoMobile{
	width:100px;height:100px;vertical-align:top;
}

.icon-top{
	display:inline-block;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	cursor:pointer;
	box-sizing:border-box;
	vertical-align:top;
	cursor:pointer;

}
.icon-top:hover{
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	background-color:#ffffff;
}

#icon-home{background-image:url('template/icon-home.png');}
#icon-members{background-image:url('template/icon-members.png');}
#icon-search{background-image:url('template/icon-search.png');}


.inlinebox{
	display:inline-block;
	margin-top:20px;
	text-align:right;
}

.specialcenter{
	text-align:center;
	width:150px;
}

.alignLeft{
	text-align:left;
}

@media all and (max-width: 650px) {
.inlinebox{
	display:block;
}

.specialcenter{
	text-align:right;
}

}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                not supported by any browser */
}


.grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	gap: 5px;
  }
  

.flexitem{
	flex: 0 0 calc((100% - 25px) / 6);
	box-sizing: border-box; 
}

@media all and (max-width: 780px) {
	.flexitem{
		flex: 0 0 calc((100% - 10px) / 3);
		box-sizing: border-box; 
	}
}

@media all and (max-width: 500px) {
	.flexitem{
		flex: 0 0 calc((100% - 5px) / 2);
		box-sizing: border-box; 
	}
}

@media all and (max-width: 350px) {
	.flexitem{
		flex: 0 0 100%;
		box-sizing: border-box; 
	}
}



.col100 {
	flex: 0 0 100%;
	box-sizing: border-box;
}
.col6 {
	flex: 0 0 calc((100% - 30px)/6);
	box-sizing: border-box;
}

.col25 {
	flex: 0 0 calc((100% - 15px)/4);
	box-sizing: border-box;
}
.col33 {
	flex: 0 0 calc((100% - 10px)/3);
	box-sizing: border-box;
}

.col50 {
	flex: 0 0 calc((100% - 5px)/2);
	box-sizing: border-box;
}

@media all and (max-width: 780px) {
	.col50 {
		flex: 0 0 100%;
		box-sizing: border-box;
	}

	.col25 {
		flex: 0 0 calc((100% - 5px)/2);
		box-sizing: border-box;
	}

}


.flexmenuitem{
	flex:1;
	margin: 5px;
	line-height:200%;
	text-align:right;
	min-width:200px;
}

.graybox{
	border:1px solid #dddddd;
	padding:10px;
	box-sizing:border-box;
	text-align:right;
	display:block;
}

.graybox:hover{
	box-shadow:0px 0px 5px #aaaaaa;
}


/*styling for menu */
#menubutton{
	cursor:pointer;
	width:50px;
	background:#222222;
	height:100vh;
	position:fixed;
	top:0;right:0;
	box-sizing:border-box;
	z-index:4;
	overflow-x:hidden;
}


#menubutton > a > span{
	    -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}
.rotate90{
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
-ms-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

#menubutton > a{
	width:50px;height:50px;display:inline-block;padding:18px;box-sizing:border-box;
}

#menubutton > a > span{
	width:100%;height:100%;display:inline-block;background:url('template/menu.svg');background-size:100% 100%;
}

#menu{
	direction:rtl;
	z-index:3;
	position:fixed;
	top:0;
	right:-250px;
	width:250px;
	height:100vh;
	overflow-y:auto;
	background:#2b2b2b;
}

.bgplus{
	background-image:url('template/menu-plus.png');
	background-position: center left;
	background-repeat: no-repeat;

}

.bgminus{
	background-image:url('template/menu-minus.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-color:#2b2b2b;
}
.menu-p:hover{
	background-color:#363636;
}

#menu ul{
	list-style:none;margin:0;padding:0;
}

#menu ul li {cursor:pointer;}


#menu ul li a {
	height:45px;line-height:45px;
	display:block;width:100%;color:#ccc;
	padding-right:15px;
	box-sizing:border-box;
}

#menu ul ul li{
	background:#363636;
	padding-right:10px;
}
#menu ul ul li a:before{
	content:"• ";
	padding-left:8px;
	font-family:Arial;
}

#menu ul ul li:hover{
	background:#484848;
}



/* style for billboard */

#billboard{
	width:100%;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	height:200px;
	border-bottom:1px solid #aaaaaa;
	
}

#billboard a{
	display:none;
	width:100%;
	position:absolute;top:0;left:0;
	height:40px;
}

#billboard a:first-of-type{
	display:block;
	}

.boxheader{
	padding:10px;
	color:#ffffff;
	background:#d62256;
	font-size:14pt;
}

.boxheader * a {
	color:#ffffff;
}
.boxheader * a:hover {
	color:gold;
}

.highlight:hover{
	background-color:#eeeeee;
}

.glink{
	cursor:pointer;width:100%;height:100%;text-align:center
}

.loadmore{
	height:40px;background:#eeeeee;border:1px solid #888888;line-height:40px;text-align:center;
}

.loadmore a{
	cursor:pointer;width:100%;height:100%;display:block;
}

.wait{
	height:40px;text-align:center;
}

.graytext{
	color:#444444;
}

.size12{
	font-size:12pt;
}

.size10{
	font-size:10pt;
}


.addButton{
	line-height:50px;
	min-width:120px;
	border-radius:10px;
	color:#00965c;
	display:inline-block;
	background:#ffffff;
	border:2px solid #00965c;
	box-sizing:	border-box;
	text-align:center;
}
.addButton:hover{
	background:#c2f0de;
	color:#00965c;
}

.deleteDesignComment{
	cursor:pointer;display:inline-block;margin-right:20px;margin-bottom:20px;float:left;font-size:8pt;
}

.bold{
	font-weight:bold;
}

strong, strong *{
	font-weight:600;
}
.size9, .size9 *{font-size:9pt;}

.jabeh_iframe{position:relative;}
.jabeh_iframe iframe {border:0;position:absolute;top:0;left:0;width:100%; height:100%;}

#adv img {
	vertical-align:top;border:1px solid #666666;box-sizing:border-box;height:140px;width:300px;
}


.relatedDiv{
column-count:2;
}

@media all and (max-width: 800px) {
	.relatedDiv{
	column-count:1;	
	}
	.relatedDiv ul{
	padding-right:0;
	}
}

.mobileHeader{display:none}
#mobileMenuBar{text-align:center;direction:rtl;box-sizing:border-box;position:fixed;top:0;;left:0;background:#222222;width:100%;min-height:50px;padding-right:13px;padding-left:13px;z-index:998}
.mobileMenuTitle{line-height:50px;display:inline-block;white-space:nowrap;color:#ffffff;font-size:9pt;}
#mobilemenu{position:fixed;top:0;right:0;height:100%;overflow-y:auto;overflow-x:hidden;width:280px;margin-right:-280px;background:#222222;direction:ltr;padding-top:50px;box-sizing:border-box;;z-index:2000}
#mobilemenu ul{
	list-style:none;padding:0;margin:0;
}

#mobilemenu ul li a{
	display:block;width:100%;line-height:40px;
	padding-right:10px;
	box-sizing:border-box;
	border-top:1px solid #666666;
	color:#eeeeee;
	cursor:pointer;
}

#mobilemenu h1{
	text-align:center;color:#ffffff;height:50px;line-height:50px;font-size:11pt;font-weight:bold;margin-top:0;
	padding-top:0;box-sizing:border-box;
}

#mobilemenu ul li ul li a{
	background:#555555;
	display:block;width:100%;line-height:40px;
	padding-right:10px;
	box-sizing:border-box;
	border-bottom:1px solid #666666;
	color:#eeeeee;
	cursor:pointer;
	font-size:10pt;
}

#mobilemenu ul li ul li a:hover{
	background:#666666;
}
#mobilemenu ul li ul li a:before{
	display:inline-block;
	content:'•';
	vertical-align:top;
	margin-left:10px;
}

#mobileMenuMask{
	position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100vw!important;
    height: 100vh!important;
    opacity: 0.7;
    background-image: none!important;
    background-color: #000;
    z-index: 1999;
    display:none;
}

#backButton{width:60px;height:50px;position:fixed;top:0;left:15px;z-index:2000;;box-sizing:border-box;background:url('template/back.png') no-repeat left center;background-size:8px 12px}
#humburger{width:48px;height:48px;position:fixed;top:0;right:15px;z-index:2002;;box-sizing:border-box}
.c-hamburger {display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 48px;height: 48px;
  font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;
  transition: background 0.3s;background:transparent;
}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;top: 22px;left: 9px;right: 9px;height: 4px;background:#757575;border-radius:2px;}
.c-hamburger span::before,.c-hamburger span::after { position: absolute;display: block;left: 0;width: 100%;border-radius:2px;  height: 4px;  background-color:#757575;  content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--htx {}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: transparent;}
.c-hamburger--htx.is-active span {background:none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);background:#ffffff}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);background:#ffffff}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}
@media all and (max-width:950px){
	.mobileHeader{display:block;}
	.desktopHeader{display:none;}
}

.bullet{
	vertical-align:middle;
	width:10px;
	height:10px;
	display:inline-block;
	background:url('template/bullet.png') no-repeat center center;
}

.membersBox{
	display:inline-block;margin:5px;border:1px solid #aaaaaa;padding:5px;
	width:calc((100% / 6) - 10px);box-sizing:border-box;float:right;
}
@media all and (max-width:950px){.membersBox{width:calc((100% / 4) - 10px);}}
@media all and (max-width:750px){.membersBox{width:calc((100% / 3) - 10px);}}
@media all and (max-width:550px){.membersBox{width:calc((100% / 2) - 10px);}}


.profileImage{flex:0 0 20%;}
.profileData{flex:0 0 80%;padding:20px;box-sizing:border-box}

@media all and (max-width:950px){
	.profileImage{flex:0 0 100%;text-align:center}
	.profileData{flex:0 0 100%;}
}

.full{
	width:1000px;
	margin:auto;
	max-width:100%;
}

.inner{
	width:calc(100% - 10px);margin:auto;
}

/*Switching topTableDetails */

.topTableLogoTd{
	width:120px;vertical-align:bottom
}

.topTableMenuTd{
	width:calc(100% - 240px);text-align:center;vertical-align:top;padding-top:3px;
}

.topTableMembersTd{
	width:120px;vertical-align:bottom;text-align:left;padding-left:5px;
}

@media all and (max-width:950px){
	.topTableMembersTd{
		width:100%;
	}
}


.adv-link{
	width:100%;
	text-align:right;
	border:1px solid #aaaaaa;
	display:inline-block;
	cursor:pointer;
	color:#444444;
	margin:5px;
	background:#eeeeee;
	padding:10px;

}
.adv-link:hover{
	color:#000000;
}

.homeIcon{
	background-image:url('template/homeIcon.svg');
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	background-position:center center;
}

.homeIcon:hover{
	background-color:#cc003a;
	background-image:url('template/homeIcon-red.svg');
}

ul.drop{margin:0;list-style:none;margin:auto;padding:0;z-index:597;direction:rtl;display:inline-block;text-align:center;}
ul.drop>li{background-color:#ffffff;display:inline-block;vertical-align:middle;text-align:center;min-width:100px;box-sizing:border-box;position:relative;top:0;right:0}
ul.drop>li>a{text-align:center;line-height:40px;display:block;border:1px solid #aaaaaa;height:45px;box-sizing:border-box;display:inline-block;width:100%;text-decoration:none;color:#000000;font-size:10pt;padding-right:10px;padding-left:10px;}
ul.drop li a:hover{color:#000000}
ul.drop > li.hover, ul.drop > li:hover{cursor:default;background-color:#cc003a;}
ul.drop > li.hover, ul.drop > li:hover > a {color:#ffffff}
ul.drop div{line-height:200%;direction:rtl;text-align:right;padding:10px;padding-left:30px;visibility:hidden;position:absolute;top:100%;right:0;z-index:0;background:#eeeeee;border-bottom:1px solid #aaaaaa;padding-top:10px;padding-bottom:10px;}
ul.drop div ul li{white-space:nowrap;}
ul.drop div ul li a{color:#000000;display:inline-block;width:100%;text-align:right;box-sizing:border-box;padding-left:10px;}
ul.drop ul li a:hover{color:#b40839;}
ul.drop li:hover > div{visibility:visible;}

ul.drop li ul{
	margin:0;padding:0;list-style-position: inside;
}

ul.drop li ul li{
   list-style: none;
}
ul.drop li ul li:before{
   content: '';
   display: inline-block;
   height: 8px;
   width: 8px;
   background-image:  url('template/bullet.png');
   background-repeat:no-repeat;
   background-position:center center;
   margin-left:10px;
}


.chatBody{
	width:100%;max-width:600px;margin:auto;border:1px solid #aaaaaa;
	padding:10px;
	box-sizing: border-box;
}

.chatReplies{border-radius:4px;margin:auto;margin-bottom:5px;width:86%;border:1px solid #999999;background:#eeeeee;padding:10px;font-size:9pt;}

#topAdv{height:120px;overflow-y:hidden;}
#topAdv a{
display:inline-block;
margin-right:3px;
margin-left:3px;
width:240px;
height:120px;
box-sizing:border-box;
text-align:center;
vertical-align:top;
}
#topAdv img{vertical-align:top;width:240px;height:120px;}

#topAdv .advEmpty{
border:1px solid #cccccc;
font-size:8pt;
color:#aaaaaa;
line-height:120px;
background:#eeeeee;
}

.control{
	display:inline-block;
	width:22px;
	height:22px;
	background:url('template/control.svg');
	background-size:contain;
	cursor:pointer;
}

.tree{border:1px dotted #aaaaaa;box-sizing:border-box;padding:10px;color:#444444;font-size:9pt;}
.tree * {font-size:9pt;}
.commentCounter{
	display:inline-block;
	width:25px;
	height:25px;
	background:url('template/comment.svg');
	background-size:contain;
	cursor:pointer;
	color:#555555;
	font-size:9pt;
	line-height:12px;
}
.alignCenter{
	text-align:center
}

.printer{
	display:inline-block;
	width:25px;height:25px;
	background:url('template/printer.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
}


#progressBarContainer {
	position: relative;
	top:0;
	left:0;
	width: 100%;
	border: 1px solid #dddddd;
	padding: 1px;
	border-radius: 3px;
	margin: auto;
	height:20px;
}
#progressBar {
	background-color: #B4F5B4;
	width: 0%;
	height: 20px;
	border-radius: 3px;
	position: absolute;
	top:0;left:0;
	direction:ltr;
	z-index:1;
}
#progressPercentage {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 48%;
	z-index:2;
	color:#aaaaaa;
}