body { 
	background: url(res/main/background_a.jpg) no-repeat center center fixed #D3D2CD; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	color: #333; font-family: Arial; font-size: 12px; margin: 0; padding: 0; letter-spacing: 0em;
}

a:link { color: #555; text-decoration: none }
a:active { outline: none }
a:focus { outline: none }
a:visited { color: #555; text-decoration: none }
a:hover{ color: #864C4C; text-decoration: none}
a.inline { margin:0 3px 2px 0; padding:0 }

.typo_l { font-size: 16px }
.typo_m { font-size: 10px }
.typo_s { font-size: 9px }

.t_l	{ text-align: left }
.t_c	{ text-align: center }
.t_r	{ text-align: right }

.va_b { vertical-align: bottom }
.va_m { vertical-align: middle }
.va_t { vertical-align: top }

.f_l { float: left }
.f_r { float: right }
.f_c { float: clear }

.r_b{
	border-top-left-radius: 22px;
	border-bottom-right-radius: 22px;
	-webkit-border-top-left-radius: 22px;
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-topleft: 22px;
	-khtml-border-radius-topleft: 22px;
	-moz-border-radius-bottomright: 22px;
	-khtml-border-radius-bottomright: 22px
	}

.r_m{
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-khtml-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-khtml-border-radius-bottomright: 12px
	}

.r_s{
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-khtml-border-radius-topleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px
	}

.r_rb_s{
	border-bottom-right-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px
	}
	
.r_tl_s{
	border-top-left-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-khtml-border-radius-topleft: 9px
	}

.brd {
	position: relative;
	width: 1185px;
	margin: 30px auto;
	padding: 10px;
	background: url(res/main/dimmer.png)
	}


#brdhead {
	width: 1185px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(res/main/banner5.png);
	/*font-style: italic;*/
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	color: #333;	
	}

.brdtitle {
	float: left;
	width: 300px;
	font-size: 24px;
	font-family: OldNewspaperTypes;
	font-weight: bold;
	margin: 20px 0 0 20px;
	padding: 0 0 0 60px;
	opacity: 0.9;
	text-shadow: 3px 3px 4px #888;
	color: rgb(148, 85, 85)
	}

.brdsubtitle {
	opacity: 0.5;
    /*color: darkred;*/
	/*font-family: GoodFoot;*/
	font-weight: bold;
	float: left;
	width: 10px;
	position: static;
	font-size: 20px;
	margin: 25px 0 0 0;
	padding: 0
	}

.brdlogin {
	float: right;
	clear: right;
	width: 350px;
	height: 15px;
	font-size: 12px;
	margin: 35px 70px 0 0;
	padding: 0
	}

.brdlogin p {
	margin: 0;
	padding: 0
	}

.brdlogstat {
	float: right;
	clear: right;
	/*width: 250px;*/
	height: 45px;
	font-size: 12px;
	text-align: right;
	margin: 8px 90px 0 0;
	padding: 0
	}

.brdlogstat .user { 
	padding: 0;
	margin: 0 10px 0 5px;
	font-size: 12px;
	font-weight: bold
	}

input.type{
	font-size: 10px;
	height: 14px;
	width: 80px;
	border: 1px dotted #888;
	background: transparent;
	margin: 0 6px;
	padding: 0
	}

input.ok{
	width: 35px;
	height: 14px;
	border: none;
	padding: 0;
	margin: 0 0 -2px 0
	}

.badge {
	position: absolute;
	top: -65px;
	right: -28px;
	height: 175px;
	width: 120px;
	z-index: 5;
	background: url(res/main/badge.png)
	}

/* ------------------------------ board navigation ---------------------*/

ul#brdnav {
	width: 125px;
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0; 
	padding: 0;
	z-index: 0
	}


ul#brdnav li {
	margin: 0; 
	padding: 0; 
	width: 112px
	}

ul#brdnav li.spacer { height: 10px }


ul#brdnav a {
	display: block;
	text-align: left;
	font-style: italic;
	width: 105px;	
	margin: 0; 
	padding: 1px 0 1px 15px;
	background: url(res/main/paper.png);
	border-top-right-radius:12px;
	border-bottom-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-topright:12px;
	-khtml-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-khtml-border-radius-bottomleft:12px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}
/* ------------------------------ main/sub container ---------------------*/

.high:hover { background: rgba(255,255,255,0.25); /* border-width: 1px 0; border-style: solid; border-color: #888 */}

.leftcont {
	width: 125px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: right
	}

.cont {
	background: url(res/main/paper.png);
	background-position: center top 200px;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}

.board {
	padding: 6px 7px 7px 7px;
	margin: 10px 0 0 130px;
	min-height: 300px;
	}

.sub_board {
	/*min-height: 300px;*/
	font-family: Arial;
	padding: 7px;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	/*background: rgba(255,255,255,0.2);*/
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15)
	}

.sub_board_ntb {
	/*min-height: 300px;*/
	padding: 7px;
	margin: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #999;
	/*background: rgba(255,255,255,0.2);*/
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15)
	}

.sub_board_bm {
	/*min-height: 300px;*/
	padding: 7px;
	margin: 0 0 7px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	/*background: rgba(255,255,255,0.2);*/
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15)
	}

.sub_board_head {
		padding: 7px;
		margin: 0;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #999;
		background: rgba(255,255,255,0.2);
		box-shadow: 0 0 4px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
	}

.sub_board_head_text {
		width: 600px; 
		margin: 0px auto 0px auto; 
		border-collapse: collapse; 		
		line-height: 18px; 
	}

.block {
	width: 800px; 
	margin: 7px auto 7px auto; 
	background: rgba(255,255,255,0.4);
	/*background: url(res/main/paper_intro.png) center top, url(res/main/dimmer.png)*/;
	}

.block_text {
	width: 600px; 
	margin: 14px auto 14px auto; 
	border-collapse: collapse; 
	/*font-family: Courier New; */
	line-height: 18px; 
	/*list-style-type: lower-latin;*/
	}

.block_caption {
	font-family: Arial; 
	font-size: 12px; 
	line-height: 18px; 
	text-align: center;
	}

.block_table tr {
	margin: -3px 0 0 0;
	vertical-align: top;	
}

.paper {
	width: 800px; 
	margin: 7px auto 7px auto; 
	background: url(res/main/show_f_bg.png) center top;
	}

.paper_text {
	width: 600px; 
	margin: 14px auto 14px auto; 
	border-collapse: collapse; 
	font-family: OldNewspaperTypes; 
	line-height: 18px; 
	list-style-type: lower-alpha;
	}

	
.paper_source {
	font-family: Arial; 
	font-size: 10px; 
	line-height: 18px; 
	text-align: right;
	}
	
.paper dl { width: 600px; }
.paper dl:after { 
	content: "";
	clear: both;
	display: table; 
}
.paper dt { float: left; width: 280px; overflow: hidden; white-space: nowrap }
.paper dd { float: left; width: 320px; overflow: hidden; margin-inline-start: 0px; }
.paper dt span:after { content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " }

.footer {
	background-position: 150px 250px;
	padding: 0 10px;
	margin: 10px 0 0 130px;
	}

table.foot {
	padding: 0;
	margin: 0;
	width: 100%
	}

.sub_board ol { padding: 4px 8px 4px 8px; margin: 0 }

.sub_board ol li {
	margin: 0 0 0 20px;
	list-style-type: lower-alpha;
	font-size: 12px;
	line-height: 18px
	}

.sub_board ul { padding: 4px 8px 4px 8px; margin: 0 }

.sub_board ul li {
		margin: 0 0 0 20px;
		list-style-type: ' - ';
		font-size: 12px;
		line-height: 18px;

		/*margin: 0;
		padding: 10px 0 10px 20px;
		list-style: none;
		background-image: url(res/main/t_o.png);
		background-repeat: no-repeat;
		background-position: left center;
		/*background-size: 10px;*/
	}

p.list_head {
	font-size: 14px;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	padding: 0 0 3px 3px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #888
	}


/* ------------------------------ scoreboard ---------------------*/

.score_bg {
	background: url(res/main/scoreboard.png) repeat;
	border: 1px solid #bbb
	}

.scoreboard {
	border-collapse: collapse;
	width: 122px;
	color: #ddd;
	font-family: Trebuchet MS;
	font-style: italic;
	margin: 0 0 0 -2px
	}

.scoreboard th {
	border-bottom: 2px solid #ddd;
	font-weight: normal;
 	line-height: 10px;
	padding: 2px 0 3px 0;
	margin: 0
	}

.scoreboard td { 
	padding: 0;
	border-top: 1px solid #bbb;
	text-align: center
	}

.scoreboard td.cat { 
	width: 50px;
	font-size: 13px;
	border-right: 1px solid #ddd
	}

.score_ovl {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url(res/main/scoreboard_ovl.png) repeat;
	z-index: 5 }




/* ------------------------------ blackboard ---------------------*/

.blackboard_high { opacity: 0.5; }

.blackboard_high:hover { opacity: unset; background: rgba(255,255,255,0.25); /* border-width: 1px 0; border-style: solid; border-color: #888 */}

.blackboard_bg {
	width: 800px; 
	/*height: 600px; */
	margin: 7px auto 7px auto;
	background: url(res/main/scoreboard.png) repeat center center, rgba(9, 9, 9, 0.5);
	border: 1px solid #bbb
	}

.blackboard {
	border-collapse: collapse;	
	color: #ddd;	
	font-family: Blackboard;	
	/*font-style: italic;*/
	margin: 0 0 0 -2px
}

.blackboard table {
	/*table-layout: fixed;*/
	border-collapse: collapse;	
	color: #ddd;	
	font-family: Blackboard;
	/*font-style: italic;*/
	margin: 0 0 0 -2px
	}

.blackboard_on {
	font-weight: unset;
	/*text-decoration: underline;*/
}

.blackboard th {
    font-weight: normal;
 	/*line-height: 10px;*/
	padding: 2px 0 3px 0;
	margin: 0
	}


.blackboard h1 {
	font-size: 24px;
	font-family: Trebuchet MS;
}

.blackboard h2 {
	font-size: 18px;
	font-family: Trebuchet MS;
	padding: 2px 0 3px 0;
	margin: 0
}

.blackboard h3 {
	font-size: 16px;
	font-family: Trebuchet MS;
	padding: 2px 0 3px 0;
	margin: 0
}

.blackboard td { 
	vertical-align: top;
	padding: 0 0 0 4px;
	/*line-height: 10px;*/
	font-size: 18px;
	}

.blackboard td.filled { 
	/*background-image: url(res/main/dimmer.png);*/
	opacity: unset; background: rgba(255,255,255,0.25);
}

.blackboard td.center { 
	text-align: center
	}

.blackboard	td:empty::after{
	content: "\00a0";
	}

.blackboard td.cat { 
	width: 50px;
	font-size: 13px;
	border-right: 1px solid #ddd
	}

.blackboard_ovl {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url(res/main/scoreboard_ovl.png) repeat;
	z-index: 5;
	pointer-events: none;
	opacity: 0.5;
}

button.blackboard_detail {
	background-color: Transparent;	
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
	outline:none;
	font-size: 18px;
	color: #ddd;
	font-family: Blackboard;	
	margin: 0 0 0 -2px;
	font-weight: bold;
	text-align: center;	
}

button.blackboard_submit {
	background-color: Transparent;	
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
	outline:none;
	font-size: 18px;
	color: #ddd;
	font-family: Blackboard;	
	margin: 0 0 0 -2px;
	font-weight: bold;
	text-align: center;	
	height: 25px;
}

input.blackboard_submit {
	background-color: Transparent;	
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
	outline:none;
	font-size: 18px;
	color: #ddd;
	font-family: Blackboard;	
	margin: 0 0 0 -2px;
	font-weight: bold;
	width: 100%;
	text-align: center;	
	height: 18px;
}

.border_left {
	border-left: 2px solid #ddd;
}

.border_right {
	border-right: 2px solid #ddd;
}

.border_top {
	border-top: 2px solid #ddd;
}

.border_bottom {
	border-bottom: 2px solid #ddd;
}

.thin_border_left {
	border-left: 1px solid #ddd;
}


.thin_border_top {	
	border-top: 1px solid #ddd;
}

.thin_border_bottom {
	border-bottom: 1px solid #ddd;
}
.thin_border_right {
	border-right: 1px solid #ddd;
}

a.as_prev_w {
	height: 15px;
	width: 25px;
	display: block;
	float: left;
	background-image: url(res/main/as_left_off_w.png);
	}

a.as_prev_w:hover {
	background-image: url(res/main/as_left.png);
	}

a.as_next_w {
	height: 15px;
	width: 25px;
	display: block;
	float: right;
	background-image: url(res/main/as_right_off_w.png);
	}

a.as_next_w:hover {
	background-image: url(res/main/as_right.png);
	}

/*------------------------------------ R/T ----------------------------*/

.rt_cont {
	font-size: 10px;
	display: block;
	text-align: left;
	font-style: italic;
	color: #444;
	width: 110px;
	min-height: 100px;
	max-height: 360px;
	margin-top: 10px; 
	padding: 4px 0 4px 9px;
	background: url(res/main/rt_bg.png) center no-repeat;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-khtml-border-radius-bottomleft: 12px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)
	}

.rt_head {
	border-bottom: 1px solid #777;
	width: 100px;
	font-size: 12px;
	padding: 0 0 2px 0;
	margin: 0 0 2px 0
	}

/*------------------------------------ Roster ----------------------------*/

table.roster a { margin: 0 15px 0 0 }




/*----------------------------- Collapse ----------------------------*/


/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 400; /* Sit on top */
	padding-top: 150px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  

  /* Modal Content */
  .modal-content {
	position: relative;
	/*background: url(res/main/paper.png);	*/
	margin: auto;
	padding: 0;
	/*border: 1px solid #888;
	width: 600px;*/

	width: 520px;
	/*height: 469px;*/
	border: 1px solid #888;
	background: url(res/main/show_f_bg.png) center top, white;
	/*z-index: 10;*/
	border-top-right-radius:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topright:9px;
	-khtml-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-khtml-border-radius-topleft:9px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);

	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
  }
  

  /* Modal Content */
  .modal-message-content {
	position: relative;
	/*background: url(res/main/paper.png);	*/
	margin: auto;
	padding: 0;
	/*border: 1px solid #888;
	width: 600px;*/

	width: 683px;
	height: 469px;
	border: 1px solid #888;
	background: url(res/main/message_form_small.png) center top, url(res/main/show_f_bg.png) center top, white;
	/*z-index: 10;*/
	border-top-right-radius:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topright:9px;
	-khtml-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-khtml-border-radius-topleft:9px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);

	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
  }
  
  @keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
  }
  
  /* The Close Button */
  .close {
	/*color: white;*/
	margin-right: 15px;
	float: right;
	font-size: 20px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  
  .close_readiness {
	/*color: white;*/
	margin-right: 15px;
	float: right;
	font-size: 20px;
	font-weight: bold;
  }
  
  .close_readiness:hover,
  .close_readiness:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  

/* tooltip */

  .has-tooltip {
	position: relative;
  }
  .has-tooltip .tooltip {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s ease 0.5s,opacity .3s ease-in;
	-moz-transition: visibility 0s ease 0.5s,opacity .3s ease-in;
	-o-transition: visibility 0s ease 0.5s,opacity .3s ease-in;
	transition: visibility 0s ease 0.5s,opacity .3s ease-in;
  }
  .has-tooltip:hover .tooltip {
	opacity: 1;
	visibility: visible;
  }
  
  /* Tooltip Body */
  .tooltip {
	background-color: #777;
	opacity: 0.9;
	bottom: 130%;
	color: #fff;
	font-size: 12px;
	left: 50%;
	margin-left: -56px;
	padding: 6px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	width: 100px;
	z-index: 4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
  }
  
  /* Tooltip Caret */
  .tooltip:after {
	border-top: 5px solid #777;
	opacity: 0.9;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	bottom: -5px;
	content: " ";
	font-size: 0px;
	left: 50%;
	line-height: 0%;
	margin-left: -4px;
	position: absolute;
	width: 0px;
	z-index: 1;
  }