
body {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	/* background: #ededed; */
	background: #ededed url(/background2.svg);
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
a {
	text-decoration: none;
	color: #005be3;
	padding: 0px 1px 0px 1px;
	border: 1px solid rgba(255,255,255, 0);
	font-size: -1;
}
a:hover {
	color: #008f74;
	background: #ededed;
	/* border: 1px solid #666666; */
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}
a.external { text-decoration: none; color: #3399FF; white-space: nowrap; }
a.external:hover { text-decoration: underline; color: #11CC99; }
a.option { color: #FF9933; white-space: nowrap; }
a.option:hover { color: #FFCC99; }
a.noexist { color: #990033; white-space: nowrap; }
a.noexist:hover { color: #00CC99; }

a.select {
	color: #008600;
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgba(187,255,216, 0.8), rgba(255,255,255,0.1) 0 1px 0;
	white-space: nowrap;
}
a.unselect { color: #878787; white-space: nowrap; }
/*
a.unauthorized { color: #996633; text-decoration: line-through; }
a.unauthorized:hover { color: #FF0000; }
*/

.highlight {
    background-color: yellow;
}

input {
	border: 1px solid #a0a0a0;
	font-size: smaller;
	background: #ccffff;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 0px 3px;
	}
input:focus {
	border: 1px solid #c41a1a;
	background: #ffe9cc;
	-webkit-box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}
textarea {
	border: 1px solid #a0a0a0;
	font-size: x-small;
	background: #CCFFFF;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 0px 3px;
}
textarea:focus {
	border: 1px solid #c41a1a;
	background: #ffe9cc;
	-webkit-box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}
select {
	border: 1px solid #a0a0a0;
	font-size: smaller;
	background: #CCFFFF;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 0px 3px;
}
select:focus {
	border: 1px solid #c41a1a;
	background: #ffe9cc;
	-webkit-box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(236,236,16, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}

div.bullet {
	background: url(dot2.png) no-repeat top left;
	padding-left: 12px;
	margin-left: 5px;
	}
div#ajax_debug_info { color: #555555; font-size: smaller; }

body>div.background { }
body>div.background>div { }
body>div.background>div>div { }

body>div.background>div>div>div.top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100px; */
	border-bottom: 1px solid #1c242a; background-color: #272727;
}
body>div.background>div>div>div.top>div.topbar { height: 24px; border-bottom: 1px solid #333333; background-color: #222222; }
body>div.background>div>div>div.top>div.topbar>div.floatright { float: right; margin: 5px 15px 0 0; color: #ffc973; font-size: 12px; }

body>div.background>div>div>div.topspacer {
	height: 130px;
}

body>div.background>div>div>div.top>div.topright {
	float: right;
	/* position: fixed;
	right: 0px;
	top: 0px; */
	color: #666666;
}

div.tabbar { background: none; padding: 0px 20px 0px 20px; margin: 5px 0 0 0; }
div.wiki div.tabbar { border-bottom: 1px solid #c4c4c4; margin: 10px -5px 10px -5px; padding: 0px 45px 0px 45px; }
div.tabbar>ul { list-style-type: none; text-align: left; margin: 0; padding: 0; }
div.tabbar>ul>li {
	display: none;
	/*float: left; */
	padding: 0;
	margin: 0px 2px 0px 2px;
	height: 30px;
	background: #ffffff;
	margin-bottom: -6px;
	border-radius: 4px 4px 0px 0px;
	}
div.tabbar>ul>li>a {
	text-decoration: none;
	/* display: block;*/
	padding: 0;
	margin: 0;
	/*float: left; */
	display: inline-block;
	height: 23px; line-height: 23px;
	font-size: 12px;
	text-shadow: rgba(0, 0, 0, 0.40) 0px 1px 0px, rgba(255, 255, 255, 0.48) 0px 0px 10px;
	background: -moz-linear-gradient(#f5f5f5, #c4c4c4);
	background: -ms-linear-gradient(#f5f5f5, #c4c4c4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4));
	background: -webkit-linear-gradient(#f5f5f5, #c4c4c4);
	background: -o-linear-gradient(#f5f5f5, #c4c4c4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')";
	background: linear-gradient(#f5f5f5, #c4c4c4);
	margin: 0;
	padding: 0 10px 0 10px;
	border-radius: 4px 4px 0px 0px;
	border: 1px solid rgba(0,0,0,0.4);
}
div.tabbar>ul>li.selected>a {
	height: 24px;
	background: #ffffff;
	border-bottom: none;
}
div.tabbar>ul>li>button.closebutton {
	display: inline-block;
	width: 24px;
	height: 25px;
	margin-left: -5px;
	border-radius: 0px 4px 0px 0px;
	border: 1px solid rgba(0,0,0,0.4);
	margin-top: -7px;
	padding-bottom: 7px;
	/* padding: 5px 3px 5px 0px; */
	background: #c4c4c4 url(icon-x-16x16.png) no-repeat;
	background-position: 3px 5px;
}
/*
div.tabbar { background: none; padding: 0px 20px 0px 20px; margin: 5px 0 0 0; }
div.wiki div.tabbar { border-bottom: 1px solid #c4c4c4; margin: 10px -5px 10px -5px; padding: 0px 45px 0px 45px; }
div.tabbar>ul { list-style-type: none; text-align: left; height: 24px; margin: 0; padding: 0; }
div.tabbar>ul>li {
	display: none;
	float: left;
	padding: 0;
	margin: 0px 2px 0px 2px;
	height: 30px;
	background: #ffffff;
	border-radius: 4px 4px 0px 0px;
	}
div.tabbar>ul>li>a { text-decoration: none; display: block; padding: 0; margin: 0;
	float: left;
	height: 23px; line-height: 23px;
	font-size: 12px;
	text-shadow: rgba(0, 0, 0, 0.40) 0px 1px 0px, rgba(255, 255, 255, 0.48) 0px 0px 10px;
	background: -moz-linear-gradient(#f5f5f5, #c4c4c4);
	background: -ms-linear-gradient(#f5f5f5, #c4c4c4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4));
	background: -webkit-linear-gradient(#f5f5f5, #c4c4c4);
	background: -o-linear-gradient(#f5f5f5, #c4c4c4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')";
	background: linear-gradient(#f5f5f5, #c4c4c4);
	margin: 0;
	padding: 0 10px 0 10px;
	border-radius: 4px 4px 0px 0px;
	border: 1px solid rgba(0,0,0,0.4);
}
div.tabbar>ul>li.selected>a {
	height: 24px;
	background: #ffffff;
	border-bottom: none;
}
div.tabbar>ul>li>button.closebutton {
	width: 24px;
	height: 25px;
	margin-left: -5px;
	border-radius: 0px 4px 0px 0px;
	border: 1px solid rgba(0,0,0,0.4);
	/* padding: 5px 3px 5px 0px; */
	float: left;
	background: #c4c4c4 url(icon-x-16x16.png) no-repeat;
	background-position: 3px 5px;
}
*/

div.tabbar>ul>li.selected>button.closebutton {
	background-color: #ffffff;
	border-bottom: none;
	border-left: none;
	height: 25px;
}
div.tabbar>ul>li>button.closebutton:hover {
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}
div.tabcontent { display: none; }
div.tabcontent:first-child { display: block; }


div.menubar {
	clear: both;
	padding: 10px 0px 0px 0px;
	}
div.menubar>div { height: 30px; background: #0e53a7; border-top: 1px solid #1c242a; }
div.menubar>div>ul { list-style-type: none; text-align: left; height: 30px; margin: 0; padding: 2px 40px; }
div.menubar>div>ul>li { display: block; float: left; margin: 0; padding: 0; border-left: 1px solid rgba(7,7,7,0.355);  }
div.menubar>div>ul>li.right { display: block; float: right; margin: 0; padding: 0; border-left: 1px solid rgba(7,7,7,0.355);  }
div.menubar>div>ul>li:first-child { border-width: 0; }
div.menubar>div>ul>li>a { text-decoration: none; padding: 0; margin: 0; color: #FFF; display: block;
	height: 26px; line-height: 26px; padding: 0 20px;
	font-size: 12px;
	text-shadow: rgba(0, 0, 0, 0.40) 0px 1px 0px, rgba(255, 255, 255, 0.48) 0px 0px 10px;
	border: none;
}
/* div.menubar>div>ul>li>a>span { border-left: 1px solid #666666; padding: 0px 10px 0px 10px; } */
div.menubar>div>ul>li>a:visited { color: #FFFFFF; }
div.menubar>div>ul>li.menulink>a {
	background: #1371E3;
	color: #fff;
	border-width: 0; border-radius: 8px;
}
div.menubar>div>ul>li>a:hover { color: #ff9c00; background: #444; border-width: 0; border-radius: 8px; }
div.menubar>div>ul>li.current>a {
	color: #FF9900;
	}
div.menubar>div>ul>li:first-child>a>span { border-left: none; }
div.menubar>div>ul>li:last-child>a>span { border-right: none; }

ul.sitemenu {
	columns: 5;
	column-fill: balance;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

@media screen and (max-width: 700px) { ul.sitemenu { columns: 1; } }
@media screen and (min-width: 701px) and (max-width: 1000px) { ul.sitemenu { columns: 2; } }
@media screen and (min-width: 1001px) and (max-width: 1300px) { ul.sitemenu { columns: 3; } }
@media screen and (min-width: 1301px) and (max-width: 1600px) { ul.sitemenu { columns: 4; } }
@media screen and (min-width: 1601px) {
	ul.sitemenu {
		columns: 5;
		width: 1600px;
		margin: 0px auto 0px auto;
	}
}

ul.sitemenu li {
	padding: 0px;
	margin: 0px;
}

ul.sitemenu li>div {
	display: inline-block;
	width: 100%;
	background: #cdcdcd;
	color: #002222;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid rgba(0,0,0,0.25);
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

ul.sitemenu li>div>div:first-child {
	color: #333333;
	padding: 0px 0px 3px 0px;
	background: #666666;
	font-weight: bold;
	text-align: center;
	border-radius: 20px 20px 0px 0px;
	border: none;
	text-shadow: #999999 0px 1px 1px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}

ul.sitemenu li div a {
	display: block;
	margin: 0px 5px 0px 5px;
	padding: 1px 10px 1px 10px;
}

body>div.background>div>div>div.middle {
	padding: 0px;
	/* background: #FFFFFF; */
}

body>div.background>div>div>div.middle div.above { margin: 8px 20px 5px 195px; }
body>div.background>div>div>div.middle div.above>div.floatright { float: right; margin-right: 15px; }
body>div.background>div>div>div.middle div.above>div.floatright form { display: inline; }
body>div.background>div>div>div.middle div.above>div.floatright input { font-size: smaller; background: #000033; color: #FF9900; border: 1px solid #000099; }
body>div.background>div>div>div.middle div.above>div.floatright input[type="submit"] { font-size: smaller; background: #222222; color: #0066FF; border: 1px solid #000099; }
body>div.background>div>div>div.middle div.above>div.floatright input[type="submit"]:hover { font-size: smaller; background: #FF9900; color: #000033; border: 1px solid #000099; }
body>div.background>div>div>div.middle div.sidebar { padding-top: 25px; float: left; width: 175px; }
body>div.background>div>div>div.middle div.innercontent { margin: 0px 10px 0px 185px; padding: 0px 0px 0px 0px; }
body>div.background>div>div>div.middle div.innernoside {
	margin: 0px 5px 0px 5px;
}
body>div.background>div>div>div.middle div.maincontentbox { margin-bottom: 160px; }
div.innercontent div.contentright { float: right; width: 49%; }
div.innercontent div.contentleft { width: 49%; padding-right: 1%; border-right: 1px solid rgba(0,0,0,0.6); }
div.innercontent div.contentleft h1 { clear: none !important; }
div.innercontent div.contentrightsmall { float: right; width: 24%; }
div.innercontent div.contentleftbig { width: 75%; padding-right: 1%; border-right: 1px solid rgba(0,0,0,0.6); }
div.innercontent div.contentleftbig h1 { clear: none !important; }

div.innernoside div.contentright { float: right; width: 49%; }
div.innernoside div.contentleft { width: 49%; padding-right: 1%; border-right: 1px solid rgba(0,0,0,0.6); }
div.innernoside div.contentleft h1 { clear: none !important; }
div.innernoside div.contentrightsmall { float: right; width: 24%; }
div.innernoside div.contentleftbig { width: 75%; padding-right: 1%; border-right: 1px solid rgba(0,0,0,0.6); }
div.innernoside div.contentleftbig h1 { clear: none !important; }

body>div.pagefooter { color: #333333; font-size: small; }

div.fixedtopright {
	position: fixed;
	top: 30px;
	right: 0px;
}

div.fixedbottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #272727;
	border-top: 2px solid #1c242a;
	padding: 10px;
	-webkit-box-shadow: 0 0 -5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 -1px 0;
	box-shadow: 0 0 -5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 -1px 0;
}
div.fixedbottom>div.indent { margin-left: 195px; }
div.fixedbottom form { display: inline; }
div.fixedbottom input {
	border: 1px solid rgba(34,34,34,0.251);
	background: #1d1d1d;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff !important;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 14px;
	color: #0066FF;
	padding: 2px 15px 2px 15px;
}
div.fixedbottom input[type="submit"] {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	background: #363636;
}
div.fixedbottom input[type="submit"]:hover { background: #272727; 1px solid rgba(255,255,255,0.25); }
div.fixedbottom a {
	border: 1px solid rgba(34,34,34,0.251);
	background: #363636;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 14px;
	color: #0066FF;
	padding: 2px 15px 2px 15px;
}
div.fixedbottom a.hilight { color: #F7A00A; }
div.fixedbottom a.badlink { color: #61191E; }
div.fixedbottom a:hover { background: #272727; }
div.fixedbottomright {
	position: fixed;
	padding: 10px;
	background-color: #330000;
	color: #ffffff;
	bottom: 0px;
	right: 0px;
	border-left: 3px solid #993333;
	border-top: 3px solid #993333;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	overflow: auto;
	max-width: 50%;
	max-height: 50%;
}


div.fixedtopright>form.bigsearch {
	border: 1px solid rgba(34,34,34,0.251);
	background: #1d1d1d;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	float: right;
	margin-top: 16px;
	margin-right: 40px;
	position: relative;
	width: 300px;
}
div.fixedtopright>form.bigsearch input {
	text-decoration: none;
	font: 16px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px 10px;
	margin: 0;
	background-color: transparent;
	border-style: none;
	color: #ffffff;
	line-height: 1.3;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.76);
	width: 85%;
	box-shadow: none;
}
div.fixedtopright>form.bigsearch input:focus { outline: none; }
div.fixedtopright>form.bigsearch button.icon-search {
	position: absolute;
	right: 10px; top: 3px; bottom: 3px; border-width: 0;
	border-left: 1px solid rgba(7,7,7,0.655);
	color: #ff0000;
	background-color: transparent;
	opacity: 0.3;
	padding: 0 0 0 7px;
}
div.fixedtopright>form.bigsearch input::-webkit-input-placeholder { color: #777; }
div.fixedtopright>form.bigsearch input:-moz-placeholder { color: #777; }
div.fixedtopright>form.bigsearch input::-moz-placeholder { color: #777; }
div.fixedtopright>form.bigsearch input:-ms-input-placeholder { color: #777; }
div.fixedtopright>form.bigsearch input:placeholder { color: #777; }
div.fixedtopright>form.bigsearch input[type="submit"] { font-size: 23px; background: #0066FF; color: #222222; border: 3px solid #002244; }
div.fixedtopright>form.bigsearch input[type="submit"]:hover { font-size: 23px; background: #222222; color: #0066FF; border: 3px solid #002244; }


div.box { background: url(box-m.jpg); color: #000000; }
div.box>div { background: url(box-ml.jpg) left repeat-y; }
div.box>div>div { background: url(box-mr.jpg) right repeat-y; }
div.box>div>div>div { background: url(box-b.jpg) bottom repeat-x; }
div.box>div>div>div>div { background: url(box-bl.jpg) bottom left no-repeat; }
div.box>div>div>div>div>div { background: url(box-br.jpg) bottom right no-repeat; }
div.box>div>div>div>div>div>div { background: url(box-t.jpg) top repeat-x; }
div.box>div>div>div>div>div>div>div { background: url(box-tl.jpg) top left no-repeat; }
div.box>div>div>div>div>div>div>div>div { background: url(box-tr.jpg) top right no-repeat; }
div.box>div>div>div>div>div>div>div>div>div { padding: 5px 5px 10px 5px; }

div.box2 {
	background: #ffffff;
	color: #000000;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; */
	/* box-shadow: inset 0 0 5px rgba(0,0,0, 0.9), rgba(0,0,0,0.3) 2px 2px 4px; */
	border: 1px solid rgba(0,0,0,0.4);
	border-radius: 10px;
	padding: 5px;
	min-height: 400px;
	margin: 0px;
}

div.box3 { background: url(box3-1-1.jpg); color: #FFFFFF; } /* middle */
div.box3>div { background: url(box3-0-1.jpg) left repeat-y; } /* left */
div.box3>div>div { background: url(box3-2-1.jpg) right repeat-y; } /* right */
div.box3>div>div>div { background: url(box3-1-2.jpg) bottom repeat-x; } /* bottom */
div.box3>div>div>div>div { background: url(box3-0-2.jpg) bottom left no-repeat; } /* bottom-left */
div.box3>div>div>div>div>div { background: url(box3-2-2.jpg) bottom right no-repeat; } /* bottom-right */
div.box3>div>div>div>div>div>div { background: url(box3-1-0.jpg) top repeat-x; } /* top */
div.box3>div>div>div>div>div>div>div { background: url(box3-0-0.jpg) top left no-repeat; } /* top-left */
div.box3>div>div>div>div>div>div>div>div { background: url(box3-2-0.jpg) top right no-repeat; } /* top-right */
div.box3>div>div>div>div>div>div>div>div>div { padding: 5px 5px 10px 5px; min-height: 400px; }

div.box4 {
	background: #eeeeee;
	color: #002222;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.25);
	padding: 3px;
	}
div.box4>h2 {
	padding: 0px 20px 0px 20px !important;
	border-bottom: 3px solid #909090 !important;
	-webkit-border-bottom-left-radius: 20px !important;
	-moz-border-radius-bottomleft: 20px !important;
	border-bottom-left-radius: 20px !important;
	text-decoration: none !important;
}
div.box4 tr th {
	background: none !important;
	border: none !important;
	border-bottom: 2px solid #666666 !important;
	color: #d95700 !important;
}

div.box5 {
	background: #cdcdcd;
	color: #002222;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
}
div.box5>div.title {
	color: #333333;
	padding: 0px 0px 3px 0px;
	background: #666666;
	font-weight: bold;
	text-align: center;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	border: none;
	text-shadow: #999999 0px 1px 1px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
div.box5>p {
	padding: 5px;
	margin: 0px;
	border: none;
}


div.minibox { background: url(minibox-m.jpg) top repeat-x; }
div.minibox>div { background: url(minibox-l.jpg) top left no-repeat; }
div.minibox>div>div { background: url(minibox-r.jpg) top right no-repeat; padding: 5px 5px 0 5px; height: 32px; }

div.wiki { }
div.wiki textarea.wikiedit {
	width: 100%;
	background: #ffffff;
	color: #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}
div.wiki h1 {
	clear: right;
	font-size: x-large;
	color: #666666;
	/* border-bottom: 3px solid #0e53a7; */
	border-bottom: 1px solid #666666;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	padding: 0px 10px 0px 10px;
	margin: 0 0 2px 0;
	text-shadow: #000000 0px 1px 1px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}

div.wiki h1 div.hdr { padding: 0px 70px 0px 0px; }
div.wiki h1 div.edit {
	padding-top: 1em;
	font-size: small;
	float: right;
	font-weight: normal;
	text-shadow: none;
}
div.wiki h2 {
	font-size: medium;
	color: #0e53a7;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	text-shadow: rgba(0,0,0, 0.2) 0px 1px 1px;
}
div.wiki h3 { 	font-size: smaller; color: #FFCC99; background-color: #111111; text-align: right; padding: 0px 15px 0px 15px; margin: -5px -5px 0px 0px; float: right;
				border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
div.wiki h4 { font-size: smaller; color: #FF6600; background-color: #000099; padding: 0px 15px 0px 15px; margin: -5px -5px 0px 0px; float: left;
				border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; }
div.wiki div.normal { }
div.wiki div.sh { background: #000000; color: #ffffff; font-family: "Courier New", Courier, monospace; margin: 5px 15px 20px 15px; padding: 5px 5px 5px 5px; border: 1px solid #999999; }
div.wiki div.pre div.bdy { background: #000000; color: #ffffff; font-family: "Courier New", Courier, monospace; margin: 5px 15px 20px 15px; padding: 5px 5px 5px 5px; border: 1px solid #999999; white-space: pre; }
div.wiki div.boxed {
	background: #e0e0e0;
	margin: 5px 15px 20px 15px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
	border-radius: 5px;
}
div.wiki div.normal div.float {
	clear: right;
	float: right;
	background: #cdcdcd;
	margin: 15px 15px 0px 15px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.25);
}
div.wiki div.normal div.float h2 {
	color: #ff9c00;
	padding: 0px 10px 3px 10px;
	background: #aaaaaa;
	font-weight: bold;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	border: none;
	text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 1px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	text-decoration: none !important;
}
div.wiki div.wikiedit { padding: 5px 25px 5px 15px; }
div.wiki div.backlinks { float: right; margin: -15px -15px 10px 10px; padding: 10px; background: #222222; border: 1px solid #CCCCCC; }

div.wiki div.redalert {
	padding: 15px 30px 15px 30px;
	background: #ef0a0a;
	border: 2px solid #9c0707;
	border-radius: 15px;
	color: #eff484;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
}

div.wiki .normalmono {
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	line-height: 90%;
	border-left: 2px solid #009966;
	font-family: "Courier New, Courier, monospace";
	font-weight: bold;
	color: #114422;
}

div.wiki div.contenttopheader {
	text-align: right;
	margin: -15px -5px 0px -5px;
	padding: 0px 10px 0px 0px;
	border-radius: 10px;
	font-size: 36px;
	color: #ffffff;
	text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 1px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	float: right;
}
div.wiki div.contenttopheader2 {
	text-align: right;
	margin: -4px -5px 0px -5px;
	padding: 0px 10px 0px 0px;
	float: right;
}

div.wiki audio { border: 1px solid #bbbbbb; }

div.wiki table { width: 100%; border-collapse: collapse; border-spacing: 0; }
div.wiki table tr th {
	padding: 2px 10px 2px 1px;
	background: #0D0641; color: #978FD8;
	/* border-top: 1px solid #000; */
	text-align: left; }
div.wiki table.extensions thead {
	position: -webkit-sticky; position: sticky; top: 130px;
	}
div.wiki table.extensions thead tr th {
}
div.wiki table tr td { border-bottom: 1px solid #bbbbbb; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; vertical-align: top; }
div.wiki table.extensions tfoot tr td {
	position: -webkit-sticky; position: sticky; bottom: 0px;
	background-color: #80AFD2;
}
div.wiki table tr.noborder td { border-bottom: none; border-top: 1px solid #bbbbbb; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; vertical-align: top; }
div.wiki table tr.subrow td { color: #6680cc; border: none; }	/* Related records to a main row of data */
div.wiki table tr.sums td { background: #cdcdcd; color: #6633FF; }
div.wiki table tr.hilight td { color: #440000; background-color: #ffc973; }
div.wiki table tr.cancel td { color: #ffcccc; }
div.wiki table tr.virtual td { color: #1f96b8; }
div.wiki table tr.cdrinbound td { color: #251800; }
div.wiki table tr.cdroutbound td { color: #004f18; }
div.wiki table tr.selected td { color: #440000; background-color: #ffc973; }
div.wiki table tr.groupinfo td { background-color: #efefef; color: #ff6633; }
div.wiki table tr.offline td { background-color: #eddfdf; }
div.wiki table tr.offline td.extstatus { color: #ed1717; }
div.wiki table tr.online td.extstatus { color: #0f9408; }
div.wiki table tr.lagged td.extstatus { color: #c6782b; }

div.wiki table.hoverrow tr:hover td { background: #cccccc; }
div.wiki table.hoverrow tr.groupinfo:hover td { background-color: #efefef; color: #ff6633; }
div.wiki table.hoverrow tr.selected:hover td { color: #000000; background-color: #cccccc; }
div.wiki table.hoverrow tr.sums:hover td { background: #cdcdcd; color: #6633FF; }
div.wiki table.hoverrow tr.cancel:hover td { background-color: #ffcccc; color: #330000; }
div.wiki table.hoverrow tr.virtual:hover td { background-color: #1f96b8; color: #000000; }
div.wiki table.hoverrow tr.offline:hover td { background-color: #000000; color: #eddfdf; }
div.wiki table.hoverrow tfoot tr:hover td{ background-color: #80AFD2; }

div.wiki table.hovercell tr td:hover { background-color: #cccccc !important; }

div.wiki table.altcolor tr { background: #FFFDFA; }
div.wiki table.altcolor tr:nth-child(odd) { background: #F9FFFE; }
div.wiki table.altcolor tr.inactive { background: #978FD8; color: #5D53AF; }

div.wiki table tr td.hovertext {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 15em;
}

/*
div.wiki table tr td.hovertext:hover::after {
	content: attr(data-hover-text);
	position: absolute;
	left: -6;
	top: -6;
	white-space: nowrap;
	background-color: white;
	z-index: 1;
	border: 1px solid black;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	display: block;
	max-width: none;
	overflow: visible;
	padding: 5px;
} */

div.wiki table tr td.r { text-align: right; }
div.wiki table tr th.r { text-align: right; }

div.wiki table.extensions tr.tablegroup td {
	position: -webkit-sticky; position: sticky; top: calc(128px + 2.0em + 6px);
	background-color: #E0EEFA;
	color: #D18540;
	font-size: 125%;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #578CB4;
	border-bottom: 1px solid #578CB4;
	/* text-shadow: rgba(0, 0, 0, 0.90) 1px 1px 0px, rgba(0,0,0, 0.48) 0px 0px 7px; */
}
div.wiki table tr.tablegroup:hover td { background-color: #E0EEFA; }

div.wiki table tr td a.cancel { color: #ffcccc; }

div.wiki table tr .nosvc800 { color: #79007c; }
div.wiki table tr .nosvc514 { color: #008c38; }
div.wiki table tr .nosvc { color: #355d35; }
div.wiki table tr .flag { color: #840000; }
div.wiki table tr .forward { color: #898400; }
div.wiki table tr .defaultdid { color: #005be3; }

div.wiki table tr td.break {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

div.wiki_op_messages { color: #666666; }
div.wiki li { color: #0066FF; }
div.wiki li>div { color: #000000; }


div.wiki div.fl { float: left; width: 150px; }
div.wiki div.fr { margin: 0px 0px 1px 160px; }
div.wiki div.flb { float: left; width: 200px; }
div.wiki div.frb { margin-left: 210px; }

div.wiki div.c2 { overflow: hidden; }
div.wiki div.c2 div { margin-left: 160px; word-wrap: break-word; }
div.wiki div.c2 div:first-child { width: 150px; margin-left: 0px; float: left; word-wrap: break-word; }

div.wiki div.c2b { border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; }
div.wiki div.c2b div { margin-left: 160px; }
div.wiki div.c2b div:first-child { width: 150px; margin-left: 0px; float: left; }

div.wiki div.c2big { overflow: hidden; }
div.wiki div.c2big div { margin-left: 260px; word-wrap: break-word; }
div.wiki div.c2big div:first-child { width: 250px; margin-left: 0px; float: left; word-wrap: break-word; }

/*
div.wiki div.c2bigger { overflow: hidden; }
div.wiki div.c2bigger div { margin-left: 300px; word-wrap: break-word; }
div.wiki div.c2bigger div:first-child { width: 290px; margin-left: 0px; float: left; word-wrap: break-word; }
*/
div.wiki div.c2bigger {
	display: flex;
	gap: 10px;
	overflow: hidden;
}
div.wiki div.c2bigger div:first-child {
	flex: 0 0 auto;
	min-width: 290px;
	white-space: nowrap;
}
div.wiki div.c2bigger div:last-child {
	flex: 1;
	word-wrap: break-word;
}

div.wiki div.fl2 { display: inline-block; width: 15%; vertical-align: top; }
div.wiki div.fr2 { display: inline-block; width: 84%; vertical-align: top; }
div.wiki div.fsep {
	height: 1px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}


div.wiki table tr td.pAgeOld { color: #666666; }
div.wiki table tr td.pAgeNew { }
div.wiki table tr td.pAgeRecent { color: #B508FF; }

form.col2 label { float: left; display: block; width: 170px; text-align: right; padding-right: 5px; }

div.wiki div.simplebuttonbar {
	padding: 6px 25px 6px 25px;
}

div.wiki .simplebutton {
	border: 1px solid rgba(34,34,34,0.251);
	background: #cdcdcd;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 14px;
	color: #0066FF;
	padding: 2px 15px 2px 15px;
}
div.wiki .simplebutton:hover { background: #272727; }

div.wiki .simplebuttonsm {
	border: 1px solid rgba(34,34,34,0.251);
	background: #cdcdcd;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 8px;
	color: #0066FF;
	padding: 2px 15px 2px 15px;
}
div.wiki .simplebuttonsm:hover { background: #272727; }

div.wiki .simplebutton-on {
	border: 1px solid rgba(34,34,34,0.251);
	background: #0BFF99;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 14px;
	color: #0033CC;
	padding: 2px 15px 2px 15px;
}

div.wiki .simplebutton-off {
	border: 1px solid rgba(34,34,34,0.251);
	background: #FF1500;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.25);
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
	font-size: 14px;
	color: #FFFF33;
	padding: 2px 15px 2px 15px;
}


/* Login window */
div.login { }
div.login br { }
div.login fieldset { background-color: #000033; color: #CC6600; border: 1px solid #0000FF; width: 340px; margin: 100px auto 0 auto; }
div.login fieldset legend { background-color: #0000FF; color: #FFFFCC; border: 1px solid #0000FF; margin: 0 0 0 35px; padding: 0 15px 0 15px; }
div.login label { float: left; display: block; width: 170px; text-align: right; padding-right: 5px; }
div.login fieldset input { background-color: #CC6600; color: #FFFFCC; font-size: smaller; padding-left: 5px; }
div.login fieldset input[type=submit] { padding: 0 0 0 0; display: block; width: 75px; margin: 0 auto 0 auto; }

.popup {
	position: absolute;
	color: #000000;
	background: #cacaca url(/background3.svg);
	visibility: hidden;
	top: 0px;
	left: 0px;
	z-index: 2;
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 10px;
}
.popup div.popupheader { background: #000033; color: #FFFFCC; padding: 4px; }
.popup table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.popup table tr th { background: #000066; color: #FF9933; border-top: 1px solid #3333CC; border-bottom: 1px solid #000033; text-align: left; }
.popup table tr td { border-bottom: 1px solid #FFFFFF; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; vertical-align: top; }
.popup table tr:hover td { background: #DDDDDD; }
.popup table tr td.r { text-align: right; }
.popup div.fl { float:left; width: 150px; }
.popup div.fr { margin-left: 160px; margin-bottom: 1px; }
.popup br.flear { clear: left; }

/* Schedule Editor Popup Styles */
.schedule-editor-popup > .schedule-editor-container {
	background: #f5f5f5;
	border: 2px solid #333;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
	min-width: 500px;
	max-width: 700px;
}

.schedule-editor-header {
	background: #2c3e50;
	color: #ecf0f1;
	padding: 12px 16px;
	border-radius: 6px 6px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.schedule-editor-header h3 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.schedule-editor-close {
	background: none;
	border: none;
	color: #ecf0f1;
	font-size: 20px;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 24px;
	border-radius: 3px;
}

.schedule-editor-close:hover {
	background: rgba(255,255,255,0.2);
}

.schedule-editor-content {
	padding: 16px;
}

.schedule-editor-instructions {
	background: #e8f4fd;
	border: 1px solid #bee5eb;
	border-radius: 4px;
	padding: 8px 12px;
	margin-bottom: 16px;
	font-size: 12px;
	color: #0c5460;
}

.schedule-editor-lines {
	max-height: 300px;
	overflow-y: auto;
}

.schedule-editor-line {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	padding: 8px;
	background: white;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.schedule-editor-line-number {
	font-weight: bold;
	width: 20px;
	color: #666;
	font-size: 12px;
}

.schedule-editor-days {
	display: flex;
	gap: 2px;
	margin: 0 16px;
}

.schedule-editor-day {
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	padding: 4px 6px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	min-width: 20px;
	text-align: center;
	transition: all 0.2s;
}

.schedule-editor-day:hover {
	background: #e9ecef;
	border-color: #adb5bd;
}

.schedule-editor-day.active {
	background: #007bff;
	border-color: #0056b3;
	color: white;
}

.schedule-editor-times {
	display: flex;
	align-items: center;
	gap: 8px;
}

.schedule-editor-time {
	border: 1px solid #a0a0a0;
	background: #ccffff;
	border-radius: 3px;
	padding: 4px 6px;
	font-size: 12px;
	width: 50px;
	text-align: center;
}

.schedule-editor-time:focus {
	border: 1px solid #c41a1a;
	background: #ffe9cc;
	outline: none;
}

.schedule-editor-to {
	font-size: 11px;
	color: #666;
}

.schedule-editor-footer {
	background: #f8f9fa;
	padding: 12px 16px;
	border-radius: 0 0 6px 6px;
	border-top: 1px solid #dee2e6;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.schedule-editor-save,
.schedule-editor-cancel {
	padding: 6px 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: all 0.2s;
}

.schedule-editor-save {
	background: #28a745;
	color: white;
	border-color: #1e7e34;
}

.schedule-editor-save:hover {
	background: #218838;
}

.schedule-editor-cancel {
	background: #6c757d;
	color: white;
	border-color: #545b62;
}

.schedule-editor-cancel:hover {
	background: #5a6268;
}

.jsdropdown {
	padding: 5px 10px 5px 10px;
	position: absolute;
	z-index: 99999;
	display: none;
	background: #f0f9ff;
	background: -moz-radial-gradient(center, ellipse cover, #f0f9ff 0%, #d5dbe0 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f0f9ff), color-stop(100%,#d5dbe0));
	background: -webkit-radial-gradient(center, ellipse cover, #f0f9ff 0%,#d5dbe0 100%);
	background: -o-radial-gradient(center, ellipse cover, #f0f9ff 0%,#d5dbe0 100%);
	background: -ms-radial-gradient(center, ellipse cover, #f0f9ff 0%,#d5dbe0 100%);
	background: radial-gradient(ellipse at center, #f0f9ff 0%,#d5dbe0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#d5dbe0',GradientType=1 );
	border: 1px solid #aaaaaa;
	border-radius: 0px 10px 10px 10px;
}

div.ajaxprogress {
	color: #ffffff;
	display: none;
	position: fixed;
	top: 75px;
	left: 75px;
	margin-left:auto;
	margin-right:auto;
	width: 450px;
	padding: 10px;
	background-color: #330000;
	border-left: 3px solid #993333;
	border-top: 3px solid #993333;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255, 0.8), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(255,255,255, 0.8), rgba(255,255,255,0.1) 0 1px 0;
	border-radius: 20px;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}

/* Modification of the jquery theme */
button.icon-button {
	padding: 1px; margin: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333333;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	}
button.icon-button .ui-icon-custom { background-position: -256px 0px; }
button.icon-check-red { background-color: #d92a2a; }
button.icon-check-red .ui-icon-custom { background-position: -64px -144px !important; }

div.email {
	background: #666666;
	border: 1px solid #000000;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.6), rgba(0,0,0,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.6), rgba(0,0,0,0.1) 0 1px 0;
	margin: 5px 35px 5px 35px;
}
div.email div.header { padding: 10px; }
div.email div.attachment { margin: 5px 15px 5px 15px; }
div.email div.field {
	overflow: hidden;
	margin: 3px;
}
div.email div.field div {
	display: inline-block; word-wrap:
	break-word;
	background: white;
	border: 1px solid black;
	border-left: none;
	border-radius: 0px 10px 10px 0px;
	padding: 1px 15px 1px 15px;
}
div.email div.field div:first-child {
	width: 100px;
	word-wrap: break-word;
	border-radius: 10px 0px 0px 10px;
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid black;
	background: #eeeeee;
}
div.email div.emailbody {
	background: white;
	border: 1px solid black;
	border-radius: 5px;
	margin: 5px 15px 5px 15px;
	padding: 15px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.2), rgba(0,0,0,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.2), rgba(0,0,0,0.1) 0 1px 0;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 450px;
}
div.email div.emailbody table { width: auto; border-collapse: collapse; border-spacing: 0; }
div.email div.emailbody table tr td { border: none; }

div.phone-cti {
	-webkit-box-shadow: 0 0 5px rgba(255,255,255, 0.8), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: 0 0 5px rgba(255,255,255, 0.8), rgba(255,255,255,0.1) 0 1px 0;
	position: fixed;
	top: 16px;
	left: 16px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	background: white url(/phone2.png) no-repeat;
	background-position: 6px 3px;
	height: 64px;
}
div.phone-cti>div.phone-cti-call { border-bottom: 1px solid rgba(0,0,0,0.05); }
div.phone-cti>div.phone-cti-call:hover { background: rgba(0,0,0,0.1); }
div.phone-cti>div.phone-cti-call>span.phone-cti-idle { width: 1em; height: 1em; background: none; margin-left: 76px; display: inline-block; }
div.phone-cti>div.phone-cti-call>span.phone-cti-inbound { width: 1em; height: 1em;
	background: url(/call-in.png) no-repeat; background-position: center;
	margin-left: 76px; display: inline-block; }
div.phone-cti>div.phone-cti-call>span.phone-cti-outbound { width: 1em; height: 1em;
	background: url(/call-out.png) no-repeat; background-position: center;
	margin-left: 76px; display: inline-block; }
div.phone-cti>div.phone-cti-call>a.phone-cti-clid { display: inline-block; width: 17em; overflow: none; }
div.phone-cti>div.phone-cti-call>span.phone-cti-time { }
div.phone-cti>div.phone-cti-call>span.phone-cti-timed {
	display: inline-block;
	width: 5em; text-align: right;
	margin-right: 8px;
	border-left: 1px solid rgba(0,0,0,0.05);
}

div.ivrdisplay {
	background: #07742B;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	color: #ffffff;
	margin-bottom: 2px;
}
div.ivrdisplay div.ivrbutton {
	float: left;
	background: #ffffff;
	border-radius: 10px;
	margin: 5px;
	padding: 1px 5px 1px 5px;
	border: 1px solid rgba(0,0,0,0.5);
	color: #000000;
}
div.ivrdisplay div.ivrcmd {
	margin-left: 60px;
	min-height: 2.5em;
}

@keyframes warninganimation {
	0% {
			background-position: 0px;
	}
	100% {
			background-position: 14142px;
	}
}

div.tabbar>ul>li.warningbackground>a,
.warningbackground {
	background: #FFFF33;
	background: repeating-linear-gradient(45deg,#FFFFC0,#FFFFC0 10px,#FFE6E6 10px,#FFE6E6 20px);
	/*background: repeating-linear-gradient(45deg,#FFFF33,#FFFF33 10px,#FF0000 10px,#FF0000 20px); */
	text-shadow: #fff -1px -1px 1px, #fff 1px 1px 1px;
	animation-name: warninganimation;
	animation-duration: 900s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
div.tabbar>ul>li.warningbackground.selected>a {
	background: repeating-linear-gradient(45deg,#FFFFD5,#FFFFD5 10px,#FFF3F3 10px,#FFF3F3 20px);
}

.warningbackground td { background: none; }

@keyframes hilightanimation {
	0% {
		background-color: #FBFFA4;
	}
	100% {
		background-color: #FFFFFF;
	}
}

.hilightbackground {
	background-color: #FBFFA4;
	animation-name: hilightanimation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

ul.ivrtree {
	list-style-type: none;
}
ul.ivrtree ul {
	list-style-type: none;
}

ul.ivrtree li.spaced {
	margin: 5px 0px 5px 0px;
}

ul.ivrtree span.i_header {
	color: #FFC364;
	background: #150B6C;
	border: 1px solid #685DC5;
	border-radius: 5px;
	padding: 1px 5px 1px 5px;
}

ul.ivrtree span.i_baseheader {
	color: #FFC364;
	background: #9B5F00;
	border: 1px solid #FFC364;
	border-radius: 5px;
	padding: 1px 5px 1px 5px;
}

ul.ivrtree span.i_info {
	color: #2818B1;
	background: none;
	padding: 0px;
}

ul.ivrtree span.i_ivropt {
	color: #4ABD9D;
	background: #00664A;
	border: 1px solid #4ABD9D;
	border-radius: 8px;
	padding: 1px 5px 1px 5px;
}

ul.ivrtree span.i_ivrdesc {
	color: #00664A;
	background: none;
	padding: 0px 5px 0px 5px;
}

ul.ivrtree span.i_ivrdesc span.hilight {
	color: #C67900;
}

ul.ivrtree span.i_ivrdesc span.boxed {
	color: #8f0d0d;
	border: 1px solid #C67900;
	border-radius: 8px;
	padding: 3px 5px 3px 5px;
	font-size: 0.8em;
}

div.help span {
	border: 1px solid #ddd;
	font-family: monospace;
	padding: 0px 2px 0px 2px;
}
