/********/
/* MJM  */
/********/

/*

Default EGA 16-color palette
(set up to match the standard CGA colors)
0 – black (#000000)	
1 – blue (#0000AA)	
2 – green (#00AA00)
3 – cyan (#00AAAA)
4 – red (#AA0000)
5 – purple (#AA00AA)  WHICH I AM CALLING PURPLE NOT MAGENTA BECAUSE WHO THE HELL SAYS MAGENTA!!
6 – brown (#AA5500)
7 – white / light gray (#AAAAAA)
8 – dark gray / bright black (#555555)
9 – bright blue (#5555FF)
10 – bright green (#55FF55)
11 – bright cyan (#55FFFF)
12 – bright red (#FF5555)
13 – bright purple (#FF55FF) WHICH I AM CALLING PURPLE NOT MAGENTA BECAUSE WHO THE HELL SAYS MAGENTA!!
14 – bright yellow (#FFFF55)
15 – bright white (#FFFFFF)
*/


@font-face {
	  font-family: DOSEGA;
	  src: url("clacon.ttf")
}

body {
  font-family: "DOSEGA";
  -webkit-font-smoothing: none;
  font-size: 16pt;
  line-height: 16pt;
  color:#777;
}

.retro_bg_black   { background: #000000; }          .retro_fg_black { color: #000000; }
.retro_bg_blue    { background: #0000AA; }           .retro_fg_blue { color: #0000AA; }
.retro_bg_green   { background: #00AA00; }          .retro_fg_green { color: #00AA00; }
.retro_bg_cyan    { background: #00AAAA; }           .retro_fg_cyan { color: #00AAAA; }
.retro_bg_red     { background: #AA0000; }            .retro_fg_red { color: #AA0000; }
.retro_bg_purple  { background: #AA00AA; }         .retro_fg_purple { color: #AA00AA; }
.retro_bg_brown   { background: #AA5500; }          .retro_fg_brown { color: #AA5500; }
.retro_bg_white   { background: #AAAAAA; }          .retro_fg_white { color: #AAAAAA; }
.retro_bg_gray    { background: #555555; }           .retro_fg_gray { color: #555555; }

.retro_bg_bright_blue    { background: #5555FF; }    .retro_fg_bright_blue { color: #5555FF; }
.retro_bg_bright_green   { background: #55FF55; }   .retro_fg_bright_green { color: #55FF55; }
.retro_bg_bright_cyan    { background: #55FFFF; }    .retro_fg_bright_cyan { color: #55FFFF; }
.retro_bg_bright_red     { background: #FF5555; }     .retro_fg_bright_red { color: #FF5555; }
.retro_bg_bright_purple  { background: #FF55FF; }  .retro_fg_bright_purple { color: #FF55FF; }
.retro_bg_bright_yellow  { background: #FFFF55; }  .retro_fg_bright_yellow { color: #FFFF55; }
.retro_bg_bright_white   { background: #FFFFFF; }   .retro_fg_bright_white { color: #FFFFFF; }

.retro_more_btn_blue { display:inline-block; color: #5555FF; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_blue:hover { background: #0000AA; color: #5555FF; }
.retro_more_btn_blue:active { background: #FFFFFF; color: #5555FF; }

.retro_more_btn_green { display:inline-block; color: #55FF55; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_green:hover { background: #00AA00; color: #55FF55; }
.retro_more_btn_green:active { background: #FFFFFF; color: #55FF55; }

.retro_more_btn_cyan { display:inline-block; color: #55FFFF; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_cyan:hover { background: #00AAAA; color: #55FFFF; }
.retro_more_btn_cyan:active { background: #FFFFFF; color: #55FFFF; }

.retro_more_btn_red { display:inline-block; color: #FF5555; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_red:hover { background: #AA0000; color: #FF5555; }
.retro_more_btn_red:active { background: #FFFFFF; color: #FF5555; }

.retro_more_btn_purple { display:inline-block; color: #FF55FF; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_purple:hover { background: #AA00AA; color: #FF55FF; }
.retro_more_btn_purple:active { background: #FFFFFF; color: #FF55FF; }

.retro_more_btn_yellow { display:inline-block; color: #FFFF55; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_yellow:hover { background: #AA5500; color: #FFFF55; }
.retro_more_btn_yellow:active { background: #FFFFFF; color: #FFFF55; }

.retro_more_btn_white { display:inline-block; color: #FFFFFF; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.retro_more_btn_white:hover { background: #555555; color: #FFFFFF; }
.retro_more_btn_white:active { background: #FFFFFF; color: #FFFFFF; }

.retro_window
{
	text-align:left;
	border-style: solid;
	border-width: 16px;
	background: transparent;
	color:#FFF;
}

	.retro_window a
	{
		text-decoration:none;
	}
	.retro_window a:hover
	{
	}

.retro_button
{
	background:#7f7f7f;
	text-decoration:none;
	color:#FFFF00;
	padding: 0 8px 2px 8px;

}

.retro_window_caption
{
	position:relative;
	top:-18px;
	left:16px;
	height:18px;
}

.retrolightup_window div
{
		text-align:left;
		border-style: solid;
		border-width: 16px;
		-moz-border-image: url(../../images/retro/box_single_white.png) 16 repeat;
		-webkit-border-image: url(../../images/retro/box_single_white.png) 16 repeat;
		-o-border-image: url(../../images/retro/box_single_white.png) 16 repeat;
		border-image: url(../../images/retro/box_single_white.png) 16 fill repeat;

		background: transparent;
		color:#FFF;
}

	.retrolightup_window a
	{
	}

	.retrolightup_window div:hover
	{
	border-width: 16px;
	-moz-border-image: url(../../images/retro/box_single_blue.png) 16 repeat;
	-webkit-border-image: url(../../images/retro/box_single_blue.png) 16 repeat;
	-o-border-image: url(../../images/retro/box_single_blue.png) 16 repeat;
	border-image: url(../../images/retro/box_single_blue.png) 16 fill repeat;
	background: transparent;
		
	}


.retro_white_on_blue_window
{
	text-align:left;
	border-style: solid;
	border-width: 16px;
	-moz-border-image: url(../../images/retro/windowbg_topbar.png) 16 repeat;
	-webkit-border-image: url(../../images/retro/windowbg_topbar.png) 16 repeat;
	-o-border-image: url(../../images/retro/windowbg_topbar.png) 16 repeat;
	border-image: url(../../images/retro/windowbg_topbar.png) 16 fill repeat;

	background: transparent;
	color:#FFF;
}

    .retro_white_on_blue_window a
    {
        background:#7f7f7f;
        text-decoration:none;
        color:#FFFF00;
        padding: 0 8px 2px 8px;
    }

    .retro_white_on_blue_window a:hover
    {
        background:#000000;
    }

.windowcaption
{
	position:relative;
	top:-18px;
	left:16px;
	background:#7f7f7f;
}
.windowbg
		{
			
			padding: 0.85em 3em 0.85em 3em;
			border-radius: 0.25em;
			cursor: pointer;
			border: 0;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}