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

.arc-icons {
	color: var(--arcanumcolor);
	font-size: 18px;
	margin-right: 5px;
}

.arc-icons:hover {
	text-decoration: none;
	cursor: default;
	
}


#debug {
	margin-top: 75px;
}
/*
#homepage #nav { width: 550px; }
*/
#nav {
    position: absolute;
    color: white;
    width: 750px;
    left: 20px;
    bottom: 25px;
    margin: 0;
    padding: 0;
}


#nav ul{list-style:none;}
#nav ul li{float:left; margin:0 10px;}
#nav ul li:first-of-type{margin-left:0;}
#nav a{color:#fff;text-decoration:none;}
#nav a:hover {text-decoration:underline;}
#nav .active a {text-decoration:underline;}

#actionpanel input[type=text] {color: white;}

#subnav {
    margin-top: -60px;
    margin-bottom: 35px;
    color: white;
    width: 750px;
    padding: 0;
}
#subnav ul{list-style:none;}
#subnav ul li{float:left; margin:0 10px;}
#subnav ul li:first-of-type{margin-left:0;}
#subnav a{color:#fff;text-decoration:none;}
#subnav a:hover {text-decoration:underline;}
#subnav .active a {text-decoration:underline;}

#timerinfo, #timer{
	
	float: left;
	color: gray;	
}

#timerinfo {
	margin-left: 10px;
}

#actionpanel {
	bottom: 0px;
    color: white;
    right: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 152px;
}

#msg {padding: 40px 25px 20px 20px; color: black; font: 15px 'Ubuntu',arial,sans-Serif;}

#langnav { text-decoration:none; margin-left: 10px; color:#CDCDCD;}
#langnav .active {text-decoration:underline;} 
#langnav .lang { float: left; margin:0 5px;}


/*
 * OLD STUFF:
 */

#categories .show { margin-right: 60px; }


#categories .categorieItemTop{}
#categories .categorieItemTopItem{float:left; margin:0 5px;}
#categories .categorieItemTopItem input {margin-top:0px; color: white;}

#categories .show{width:15px; margin:0 30px 0 0;}
#categories .show img {	margin: 5px 0px; }

#categories .categoryholder {padding: 20px 25px;}
#categories .portalsholder {float: left; width: 700px; }

#categories .portalsholder textarea {
	height: 28px; 
	width: 435px;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid var(--arcanumcolor);
	/*
    border-radius: 5px 5px 5px 5px;
    */
	padding: 0 4px;
}
#categories .portalsholder textarea[readonly="readonly"] {
	background-color: transparent;
    border: 1px solid transparent;
    color: white;
}

#categories .portalsholderaction {float: right; margin-top: 8px;}
#categories .portalsholderchangeaction {float: right; margin-top: 8px;}

#content #add_category { display: none; }
#content .category { padding:17px 10px;margin-top: 10px;}

#content .categorylist {border-top: 1px dashed var(--arcanumcolor);} 
/*
#content .memolist {background: url("../img/category_top.png") no-repeat 0% 100%; }
*/
#content .memolist { border-bottom: 1px dashed var(--arcanumcolor); }

#content #memoalphabet {border-bottom: 1px dashed var(--arcanumcolor); padding: 0px 0px 25px 20px; margin: 5px 0px 20px 250px;}
#content #memoalphabet .letter {margin-left:8px; float:left; font-weight: bold; width: 14px;}
#content #memoalphabet .letteravail { color: var(--arcanumcolor); cursor: pointer;}

#content .category .add { margin-left: 10px; }
#content .category .change {/* margin-left: 30px; */}
#content .category .savecat { padding-top: 10px; }
#content .category .deletecat { padding-top: 10px;}

#content input[readonly='readonly'] { border:1px solid transparent; background-color: transparent; color: white; width:210px; padding:0;}

.buttonicon img{margin:2px 0 0 4px; position:absolute; z-index:999;}

.add_portal{
	display:block;

    position:absolute;

    width:830px;
    min-height:220px;
    text-align:center;

    background:#000;
    z-index: 200;
    color: white;
    opacity:.90;
    padding: 30px;

	margin-top: -85px;
	margin-left: -10px;

        border: 1px solid rgb(82,82,82);
		/*
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
	*/
    -moz-box-shadow: 0 0 5px 5px rgb(66,66,66);
    -webkit-box-shadow: 0 0 5px 5px rgb(66,66,66);
    box-shadow: 0 0 5px 5px rgb(66,66,66);
	
}

.add_portal textarea{
	height: 28px;
    padding: 0 4px;
    width: 80%;
   	background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid #BDBDBD;
   /* border-radius: 5px 5px 5px 5px; */
}

#categories .add_portal .add_portal_link .linktext {float: left;margin-top: 5px;}
#categories .add_portal .add_portal_link .linkinput {float: left; margin: 5px 0px 20px 35px; }

.file-category{margin:20px 0 0 0;}

/*
.change,.arcanum_decrypt,.common_used_no,.common_used_yes,.pluscat,.saveportal,.deleteportal {cursor:pointer;}
*/

.error { color: #990000; }
.info { color: #FFF; font-weight: bold; }

/*
.common_used_no { width: 15px; height: 15px; background-image: url("../img/icons/heart_fill_12x11.png"); background-repeat: no-repeat;}
.common_used_yes { width: 15px; height: 15px; background-image: url("../img/icons/heart_stroke_12x11.png"); background-repeat: no-repeat;}


.arcanum_decrypt { width: 15px; height: 15px; background-image: url("../img/icons/key_stroke_12x12.png"); background-repeat: no-repeat;}
.loading_small { width: 15px; height: 15px; background-image: url("../img/ajax-loader_small.gif"); background-repeat: no-repeat;}
*/

#content .portals { margin:15px 0 0 15px;}
#content .files { margin-left: 30px; margin-top: 5px;}
#content .arcanums { margin-left: 30px; }
#content .arcanums input[readonly='readonly'] {color: var(--arcanumcolor);}
/*
#content .arcanums_history {
	 
		display:block;

    position:absolute;
    top:35px;
    left:180px;
    width:860px;
    min-height:220px;
    margin: 30px auto;
    text-align:center;

    background:#000;
    z-index: 200;
    color: white;
    opacity:.90;
    padding: 30px;

        border: 1px solid rgb(82,82,82);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 0 0 5px 5px rgb(66,66,66);
    -webkit-box-shadow: 0 0 5px 5px rgb(66,66,66);
    box-shadow: 0 0 5px 5px rgb(66,66,66);

}
*/
#content .arcanums_history input { color:gray; }

.arc {
	display:none;

    position:absolute;
    left:180px;
    width:860px;
    min-height:100px;
    margin: 30px auto;
    text-align:center;

    background:#000;
    z-index: 200;
    color: white;
    opacity:.95;
    padding: 30px;
	/*
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
	*/
    -moz-box-shadow: 0 0 5px 5px rgb(66,66,66);
    -webkit-box-shadow: 0 0 5px 5px rgb(66,66,66);
    box-shadow: 0 0 5px 5px rgb(66,66,66);
}
#categories .arc .button {margin-top: 30px;}
#categories .arc .arcanum .timewarp {float: left;}
#categories .arc .arcanum .save {float: right;}
#categories .arc .arcanum .change {float: right;}
#categories .arc .inactive {display: none;}
#categories .arc .inactive input {color: gray;}

#categories .arc .show {float: left; margin-top:25px; margin-right: 40px;}
#categories .arc table  {float: left;}


#content #logs .time { float: left; }
#content #logs .logtext { float: left; width: 755px;}

#content .sliderblock { margin: 0 auto; width: 100px; height: 100px;}

#content #colour_change #picker { float: left; }
#content #colour_change #colour_form { float: left; margin: 10px 0px 0px 25px;}

#content #login_stat {margin-bottom: 35px;}
#homepage #content #login_stat {display:none;}

#file_used_bar_outer {
	background-color: white; 
	height: 10px; 
	padding:1px;
	/*
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
	*/
}
#file_used_bar {
	height:100%; 
	/*
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
	*/
    background-color: var(--arcanumcolor);
    /* background: url("../img/button.png") repeat-x scroll 0 0 transparent; */
}

#content table{border-collapse:collapse; text-align: left;}
#content table tr{}
#content table tr td{padding:5px 15px;}
#content table tr th{padding:5px 15px; }
#content table tr th.first {border-bottom: 1px dashed var(--arcanumcolor);}
#content table tr td.first, table tr th.first{padding:2px 10px 2px 0; }
#content table tr td.table-center{text-align:center;}


#content .styled-select {
   width: 240px;
   height: 25px;
   overflow: hidden;
  /*  background-image: url("../img/icons/arrow_down_16x16.png"); */
   background-repeat:no-repeat;
  /*  background-color: var(--arcanumcolor); */
   /* background-position:80% 50%; */
	border: 1px solid white;
}
#content .styled-select select {
   background: transparent;
   color: #000;
   width: 268px;
   padding: 2px;
   border: 0px;
   height: 25px;
}

#content #passwd_change #check_toggle {
	float: left;
}
#time, #time_descr, #time_descr2 {
	float: left;
}
#time {
	margin: 0px 5px;
}


#log_info {
	margin: 50px 0px 30px 0px;
}

#inv_mail_change textarea{
	height: 100px;
    padding: 0 4px;
    width: 770px;
   	background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid var(--arcanumcolor);
	/*
    border-radius: 5px 5px 5px 5px;
	*/
}

#open_inv_change table {
	margin-top: 30px;
}

#register .button {width: 150px;}
#register table {float: left;}
#register #colour_choose {padding: 5px; margin-left: 90px; float: left;}

/*
#captcha img {border-radius: 15px 15px 15px 15px; padding: 0 8px;}
*/
#content .autologinbutton {
	border: 0px; 
	width: 12px; 
	height: 12px; 
	background-color: transparent; 
	padding: 0px;
}

#content .memonote textarea {width: 715px; }
#content .newmemonote {width: 715px;}
#content .arc_textarea {				
	vertical-align: top; 
	transition: height 0.2s;
	-webkit-transition: height 0.2s; 
	-moz-transition: height 0.2s; 
}
#deleteaccount {float: right; margin-top: 0px;}

.tooltip {
    display:none;
    background:transparent url(../img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }
.tooltip_big {
    display:none;
    background:url(../img/tooltip/black_arrow_big.png);
    height:163px;
    padding:25px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
  }

#content .look { padding: 10px;  }
/*
.slider,.handle,.range { border-radius: 1px; }
*/
.ul_live_user {
    opacity: .85;
    padding: 5px;
    z-index: 100;
    position: absolute;
    list-style-type: none;
    background-color: black;
}
.li_live_user:hover { background-color: rgb(102,102,102); } 
.li_live_user {
    cursor: pointer; 
    margin-top: 5px;
}