/* Generalisations */
a:link,a:active,a:visited { text-decoration: none; color: #CCCCCC; cursor: pointer; }
a:hover {  text-decoration: none; color: #888888; cursor: pointer; }

html, body {
	background-color: #000C1A;
	padding: 0px;
	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 11px;
	color: #CCCCCC;

	height: 100%;

    }

input
{
	border: 1px solid #11465F;
	background: #00243D;

	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textfield
{
	border: 1px solid #11465F;
	background: #00243D;

	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }

textarea
{
	border: 1px solid #11465F;
	background: #00243D;

	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    ?>
}

select
{
	border: 1px solid #11465F;
	background: #00243D;

	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }

radio
{
	background: #000000;
	border: 1px solid #000000;
}

label {
    cursor: pointer;
}

/* Fixes up inconsistencies between browsers caused by other CSS in here */
h1 { font-size: 22px; }
h2 { font-size: 17px; }
h3 { font-size: 13px; }
h4 { font-size: 11px; }
h5 { font-size: 9px; }
h6 { font-size: 7px; }


/* Header Stuff */

.header_spacer
{
	width: 772px;
	height:1px;
}

.header_spacer_minwidth
{
	min-width: 772px;
}

/* Up the Very top */
div.header_topmenu
{
	width: 100%;
	position: relative;
	height: 18px;
	background-image:url(http://img.swcombine.com/skins/darkblue/menus/topmenu_bg.jpg);
	background-position: top;
	background-repeat: repeat;
}
div.header_topmenu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 18px;
	top: 0px;
	float: right;
	position: relative;
}
div.header_topmenu ul li
{
	position: relative;
	width: 75px;
	height: 18px;
	border-left: 2px solid #000C1A;
	float: left;
	text-align:center;
	padding-top: 0px;
}

/* Fix for IE: Must have :link:active:visited etc */
div.header_topmenu ul li a:link,div.header_topmenu ul li a:active,div.header_topmenu ul li a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #98B4C5;
	font-variant: small-caps;
	position: relative;
	bottom: 1px;
}
div.header_topmenu ul li a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	font-variant: small-caps;
}

/* With the Nice Images of Planets */
div.header_header
{
	height: 99px;
	background-image: url(http://img.swcombine.com/skins/darkblue/top_bg.gif);
	background-repeat: repeat;
}
div.header_header div#headerleft
{
	background-image: url(http://img.swcombine.com/skins/darkblue/top_logo.jpg);
	float: left;
	width: 282px;
	height: 99px;
}
div.header_header div#headerright
{
	background-image: url(http://img.swcombine.com/skins/darkblue/top_planet.jpg);
	float: left;
	width: 490px;
	height: 99px;
	float: right;
}


/* Below the Header Images, the Bar that holds Events, Clock, logout.. etc */
div.header_alertcontainer
{
	height: 28px;
	width: 100%;
	background-color:#00354E;
	padding: 0px;
	margin: 0px;
	position:relative;
	border-top: 1px solid #11465F;
	border-bottom: 1px solid #11465F;
}

div.header_alertbarevents /* Centre Section of Alert Bar */
{
	padding: 0px;
}

div.header_alertbarevents img{ /* Event Icons */
	border-left: 2px solid #00132C;
	border-right: 2px solid #00132C;
}

div.header_alertbarevents #headerrightbookend{
	border-left: 0px none #00132C;
	border-right: 0px none #00132C;
}

div.header_alertbarevents #headerleftbookend{
	border-left: 0px none #00132C;
	border-right: 0px none #00132C;
	display: none;
}

/* Workaround for lack of header.inc modifications */
div.header_alertbarevents div table tr td{
	background-image: url(http://img.swcombine.com/skins/darkblue/main_status_rightgrad.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	height: 21px;
}

div.header_alertbarcounter /* Left Section of Alert Bar */
{
	width: 285px;
	height: 100%;
	background-color: #00354E;
	float: left;
}

div.header_alertbarcounter #clock{float: right; width: 160px; height: 28px; border-right: 1px solid #11465F}
div.header_alertbarcounter #counter{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #98B4C5; float: right; text-align:left; width: 120px; padding: 2px 3px 3px 0px; margin: 0px 0px 0px 0px; }

/* Clock: 1/ Used for Displaying 'Day','Year','Time' Headers 2/ Used for displaying the DYT Values 3/ Left of the Clock 4/ Right of the Clock */
.header_clock1{font-size: 9px;	color: #FFFFFF;	background-color: #001F33; padding: 0px;}
.header_clock2{font-size: 9px;	color: #98B4C5;	background-color: #001F33;	padding: 0px;}
.header_clock3{background-image: url(http://img.swcombine.com/skins/darkblue/main_status_rightgrad.gif); width: 15px; height: 20px; background-position: right; background-repeat:repeat-y; padding: 3px 0px 0px 0px; }
.header_clock3 img{display:none;} /* Temp Solution until update header.php */
.header_clock4{background-image: url(http://img.swcombine.com/skins/darkblue/main_status_leftgrad.gif); width: 15px; height: 20px; background-position: left; background-repeat:repeat-y;}

div.header_alertbarlogout /* Right Section of Alert Bar */
{
	width: 167px; /* Add 2px to give a bit of 'blue space' */
	height: 27px;
	background-color: #00354E;
	float: right;
	border-left: 1px solid #11465F;
}
div.header_alertbarlogout #alertbartable{ padding:0px;	margin:0px;	}
div.header_alertbarlogout #alertbarloggedin{ font-size: 9px; width: 132px;	color: #FFFFFF; background-color: #031A33; padding: 0px;}
div.header_alertbarlogout #alertbarhandle{	font-size: 9px;	color: #98B4C5; background-color: #000C1A; padding: 0px;}


/* End Header Stuff */
/* Start Generic Font Stuff... */

.title
{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.small
{
   	font-size: 10px;
}

/* Old School Replacements */

.tableborder
{
    font-size: 11px;
    color: #CCCCCC;
}
.tablecell
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    background: #00354E;
    color: #CCCCCC;
}
tr.tablecell td
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    /*background: #00354E;*/
    color: #CCCCCC;
}
.tableheader
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    background: #00243D;
    color: #FFFFFF;
}

tr.tableheader td
{
			border: 1px solid #001F33;
	}

.pagetitle
{
    font-size: 13px;
    color: #FFFFFF;
}

.tablehighlight
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    background: #000C1A;
    color: #FFFFFF;
}
tr.tablehighlight td
{
			border: 1px solid #000C1A;
	
    font-size: 11px;
    /*background: #FFFFCC;*/
    color: #FFFFFF;
}

/* Forum Stuff */
.forumPost a:link, .forumPost a:active, .forumPost a:visited {
    text-decoration: underline; cursor: pointer;
}

.forumSelected
{
    font-weight: bold;
    color: #FFFF00;
    text-decoration: none
}
.threadName
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}
.threadDescription
{
    font-size: 10px;
    color: #CCCCCC;
}
.forumName
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}
.forumDescription
{
    font-size: 10px;
    color: #CCCCCC;
}
.warning {
    font-weight:bold;
    font-size: 11px;
    color: #FF0000;
}

/* Old Menu Stuff [Check still used?] */
.InvHeader
{
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
}
.InvText
{
    font-size: 10px;
    color: #FFFFFF;
}
.MenuHighlight
{
    color: #256887;
}
.lateralmenu
{
			border: 1px solid #11465F;
	    background: #00354E;

    font-weight: bold;
    color: #FFFFFF;
}
.menuheader
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    background: #00243D;
    color: #FFFFFF;
}
.menucell
{
			border: 1px solid #11465F;
	
    font-size: 11px;
    background: #00354E;
    color: #CCCCCC;
}

.highlight {
	font-size: 11px;
	background: transparent;
    color: #CCCCCC;
}
.highlightHover {
	cursor: default;
	font-size: 11px;
	background: #FFFFCC;
    color: #000000;
}
.highlightHoverDark {
	cursor: default;
	font-size: 11px;
	background: #00243D;
}

/* Stuff merged from menu.php */
.rightmenuheader{
    width: 100%;
    height: 30px;
    text-align:center;
    position:relative;
    border: 1px;
    background-repeat:repeat;
    FONT-WEIGHT: bold;
    font-size: 13px;
    color: #ffffff;
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuTopic.gif);
}

.rightmenuitem
{
    width: 100%;
    margin: 0px -2px 0px 0px;
    height: 18px;
    text-align: left;
    position:relative;
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem.gif);
    background-repeat:repeat;
    vertical-align:middle;
    font-size: 10px;
}

.menuspacer
{
    height: 10px;
}

.rightmenuheader span{
    position:absolute;
    left:30px;
    top: 20%;
}

.menutablel
{
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem_low.gif);
    font-size:  10px;
    color: #ffffff;
}

.menutabler
{
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem_lower.gif);
    font-size: 10px;
    color: #ffffff;
}

.InvBackground {
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem_low.gif);
    background-repeat: repeat-x;
}

/* Light Menu Stuff */
ul.menu{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.menu li{
    height: 18px;
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem.gif);
    border-bottom: 1px solid #042807;
    position:relative;
}

ul.menu li span,ul.menu li a{
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bullet_menuItem.gif);
    background-repeat: no-repeat;
    background-position: -2px -1px;
    padding: 0px 0px 0px 9px;
    position:relative;
    left: 6px;
    top:3px;
    font-size:10px;
}
ul.menu li ul{
    position:absolute;
    right: 100%;
    width: 100%;
    top:0px;

    display: none;

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    list-style: none;
    border-right:1px solid #256887;
    border-left:1px solid #256887;
    border-bottom:1px solid #256887;
	z-index:5000;
}

ul.menu li ul li{
    padding: 0px;
    margin: 0px;
    width: 100%;
	z-index:5000;
}

ul.menu li ul li a, ul.menu li ul li span{
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bullet_menuItem.gif);
    background-repeat: no-repeat;
    background-position: -2px -1px;
    padding: 0px 0px 0px 9px;
    position:relative;
    left: 6px;
    top:3px;
    font-size:10px;
	z-index:5000;
}

ul.menu li:hover ul, ul.menu li.over ul{
    display: block;
    cursor: pointer;
	z-index:5000;
}

/* Dark Stuff */
ul.menudark{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.menudark li{
    height: 18px;
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem_low.gif);
    border-bottom: 1px solid #042807;
    position:relative;
}

ul.menudark li span,ul.menudark li a{
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bullet_menuItem.gif);
    background-repeat: no-repeat;
    background-position: -2px -1px;
    padding: 0px 0px 0px 9px;
    position:relative;
    left: 6px;
    top:3px;
    font-size: 10px;
}
ul.menudark li ul{
    padding: 0px;
    margin: 0px;
    width: 100%;
	z-index:5000;
}

ul.menudark li:hover ul, ul.menudark li.over ul{
    display: block;
    cursor: pointer;
	z-index:5000;
}


/* Forum specific CSS */

/* Sourced from defusion.org.uk, slightly modified to suit our needs. All credit and whatnot is entirely theirs */

blockquote {
    margin: 1em 0;
    padding: 0;
    position: relative;
    text-indent: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-left: 25px;
    margin-right: 25px;
    * margin-top: 25px;
}

.bqstart, .bqend { font-size: 300%; }

/* apply IE specific rules first */
.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
	position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

blockquote > .bqstart {
	/* add extra non-ie rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
    padding-top: 10px;
}

.bqend {
	position: absolute;
	margin-top: -0.6em;
	right: 0;
	text-indent: 0;
	margin-right: 25px;
}

blockquote > .bqend {
	margin-top: -0.2em;
}

.quotePerson {
    font-size: smaller;
    font-weight: bold;
    margin: 15px!important;
    padding: 0;
}

/* 'JS Windows' Dialog Styles */

/* DEFAULT STYLE */
.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/top_left.gif) no-repeat 0 0;
}

.dialog_n {
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/top_mid.gif) repeat-x 0 0;
	cursor:move;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/top_right.gif) no-repeat 0 0;
}

.dialog_e {
	width: 2px;
	height: 100%;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/center_right.gif) repeat-y 0 0;
}

.dialog_w {
	width: 2px;
	height: 100%;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/center_left.gif) repeat-y 0 0;
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/bottom_left.gif) no-repeat 0 0;
}

.dialog_s {
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/bottom_mid.gif) repeat-x 0 0;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/bottom_right.gif) no-repeat 0 0;
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/sizer.gif) no-repeat 0 0;
	cursor:se-resize;
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/default/close.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	width:100%;
	color: #000000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-size: 10px;
	background-color:#123;
}

.dailog .top_left {
	top:0px;
	left:0px;
}

.dailog .top_right {
	top:0px;
	right:0px;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
 	font-family: Tahoma, Arial, Sans Serif;
	position: absolute;
	margin: 0px;
	padding:0px;
}

.dialog * {
	margin: 0px;
	padding:0px;
}



/* THEME 1 */
.theme1_nw {
	width: 16px;
	height: 36px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/top_left.gif) no-repeat 0 0;
}

.theme1_n {
	height: 36px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/top_mid.gif) repeat-x 0 0;
	cursor:move;
}

.theme1_ne {
	width: 12px;
	height: 36px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/top_right.gif) no-repeat 0 0;
}

.theme1_e {
	height: 100%;
	width: 4px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/center_right.gif) repeat-y 0 0;
}

.theme1_w {
	height: 100%;
	width: 7px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/center_left.gif) repeat-y 0 0;
}

.theme1_sw {
	width: 16px;
	height: 24px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/bottom_left.gif) no-repeat 0 0;
}

.theme1_s {
	height: 24px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/bottom_mid.gif) repeat-x 0 0;
}

.theme1_se {
	width: 12px;
	height: 24px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/bottom_right.gif) no-repeat 0 0;
}

.theme1_sizer {
	width: 12px;
	height: 24px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/sizer.gif) no-repeat 0 0;
	cursor:se-resize;
}

.theme1_close {
	width: 19px;
	height: 19px;
	background: transparent url(http://img.swcombine.com/skins/jswindows/theme1/close.gif) repeat-x 0 0;
	position:absolute;
	top:10px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

.theme1_title {
	float:left;
	height:14px;
	font-size:16px;
	text-align:center;
	width:100%;
	color:#FFF;
}

.theme1_content {
	overflow:auto;
	color: #DDD;
	font-size: 10px;
	background:#979BA1;
}

/* css editor stuff */
.namer {
	position: absolute;
	top: 300px;
	left: 350px;
	padding: 5px 5px 5px 5px;
	line-height: 175%;
	border: 1px solid #DDDDDD;
	background-color: #000000;
}

/* MISC */
.border1 {
    border: 1px solid #000C1A;
}

.border2 {
    border: 1px solid #11465F;
}

.border3 {
    border: 1px solid #FFFFCC;
}

font.border3
{
    font-weight: bold;
    color: #FFFFCC;
    border: 0px ;
}

.background {
    background-color: #00132C;
}
.background-body {
	background-color: #000C1A;
}
.background-alert {
	background-color: #00354E;
}
.background-clock {
        background-color: #001F33;
}
.background-logout {
        background-color: #031A33;
}
.background-logout-dark {
        background-color: #000C1A;
}
.background-hover {
        background-color: #FFFFCC;
}
.background-menu {
        background-color: #00243D;
}
.background-menu-dark {
        background-color: #00132C;
}
.background-highlight {
	background-color: #11465F;
}
/* Messages stuff */
.messages_sidenav {
	float: left;
	width: 238px;
}
.messages_topnav {
	background-image: url('http://www.swcombine.com/members/messages/selatos/images/top_nav_bg.gif');
	background-repeat: repeat-x;
	background-position: 17px 0px;
	text-align: center;
	font-size: 2em;
	height: 71px;
}

/* Inline Inventory Editing */
.inlineEditing {
    cursor: pointer;
}




/* RULES STYLES */
/* Rules Menu */
.rulesMenu_category {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/bg_menuItem_low.gif);
}

.rulesMenu_section {
    font-size: 10px;
    color: #98B4C5;
    /*font-variant: small-caps;*/
    font-weight: bold;
}

.rulesMenu_subPagesEdge {
    background-image: url(http://img.swcombine.com/skins/darkblue/menus/main_submenu_left.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

.rulesMenu_active {
    color: #FFFFCC;
}

.rulesMenu_page {
    font-size: 10px;
    color: #98B4C5;
    /*font-variant: small-caps;*/
    font-weight: bold;
    padding-left: 20px;
}

a.rules_link {
    text-decoration: underline;
}


/* The Levels (ie: 1/, 1.1/ etc) */
.rules_sectionHeader {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.rules_level1Header {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.rules_level1 {
    padding-bottom: 20px;
    padding-left: 20px;
}

.rules_level2Header {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 30px;
}

.rules_level2 {
    padding-bottom: 20px;
    padding-left: 40px;
}

.rules_level3Header {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 5px;
    padding-left: 50px;
}

.rules_level3 {
    padding-bottom: 20px;
    padding-left: 60px;
}

.rules_level4Header {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 5px;
    padding-left: 70px;
}

.rules_level4 {
    padding-bottom: 20px;
    padding-left: 80px;
}


.rules_tooltip {
    cursor: pointer;
    margin-bottom: 0px;
    text-decoration: underline;
}



/* Table of Contents */
.rules_toc_box {
    width: 300px;
    border: 1px solid #000C1A;
    background-color: #11465F;
    padding: 4px;
    	margin-left: 5px;
	margin-right: 10px;
}

.rules_toc {
    margin-left: -20px;
}

.rules_toc, .rules_toc li ul {
    list-style-type: none;
}

li.rules_toc_item {
    padding-top: 5px;
}

.rules_toc_list {
    padding-bottom: 5px;
}



/* Fancy Boxes */

.rules_box_equations {
    position: relative;
    margin: 10px 20px 10px 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 7px 0px 10px 15px;
    display: table-cell;
}

.rules_box_equations_style {
    border: 1px solid #EAD663;
                background: url(http://img.swcombine.com/semitrans/yellow_50.png);
    
    display: block;
    padding: 5px 10px 5px 10px;
    margin-top: 5px;
}


.rules_box_important {
    position: relative;
    margin: 10px 20px 10px 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 7px 0px 10px 15px;
    display: table-cell;
}

.rules_box_important_style {
    border: 1px solid #FF0000;
                background: url(http://img.swcombine.com/semitrans/red_50.png);
    
    display: block;
    padding: 5px 10px 5px 10px;
    margin-top: 5px;
}


.rules_box_tip {
    position: relative;
    margin: 10px 20px 10px 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 7px 0px 10px 15px;
    display: table-cell;
}

.rules_box_tip_style {
    border: 1px solid #00C000;
                background: url(http://img.swcombine.com/semitrans/green_50.png);
    
    display: block;
    padding: 5px 10px 5px 10px;
    margin-top: 5px;
}


.rules_box_note {
    position: relative;
    margin: 10px 20px 10px 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 7px 0px 10px 15px;
    display: table-cell;
}

.rules_box_note_style {
    border: 1px solid #FFFFFF;
                background: url(http://img.swcombine.com/semitrans/white_50.png);
    
    display: block;
    padding: 5px 10px 5px 10px;
    margin-top: 5px;
}


.rules_box_example {
    position: relative;
    margin: 10px 20px 10px 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 7px 0px 10px 15px;
    display: table-cell;
}

.rules_box_example_style {
    border: 1px solid #0099FF;
                background: url(http://img.swcombine.com/semitrans/lightblue_50.png);
    
    display: block;
    padding: 5px 10px 5px 10px;
    margin-top: 5px;
}


/* CSS for checklists */
.checklist {
	list-style: none;
	overflow: auto;
}
.checklist, .checklist li { margin-left: 0px; margin-top: 1px; margin-bottom: 1px; padding: 0px; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777777; color: #ffffff; }
.checklist .header { background: #000000; color: #ffffff; }
.checklist label span { vertical-align: top; }
.checklist disabled {}


/* Checklist 3 */
.cl {
	color: #a05a04;
}
.cl .alt { background: #f8f6ed; }
.cl label { padding: 0.2em 0.2em 0.2em 25px; }
.cl label:hover, .cl label.hover { background: #EFE9D4; color: #a05a04; }




/* CSS for the Menu Seapper */
.menuswapper {
    padding: 0px;
    margin: 0px;
    font: 9px white;
    list-style-type: none;
    text-align: center;
    border: 0px;
}

.menuswapper li {
    display: inline;
    margin: 0px;
    background: none;
    border: 0px;
}

.menuswapper li a {
    text-decoration: none;
    padding: 0px;
    margin-right: 3px;
    background: none;
    border: 0px;
}

.menucontentarea {
    border: 0px;
    width: 150px;
    margin: 0px;
    padding: 0px;
}

/* CSS for Sim News */
.simnews_body {
    font-size: 10pt;
}

.simnews_body a {
    text-decoration: underline;
}


/* Auto-completer CSS */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color: #CCCCCC;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  color: #888888;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected {
    background-color: #FFFFCC;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  padding-bottom: 4px;
  /*height:32px;*/
  cursor:pointer;
  background-color: #00243D;
}

div.autocomplete span.informal {
    display: block;
    font-size: 75%;
}



/* Button Styles */
input.chunky_button {
    padding: 3px;
}



/* Horizontal Colour Bar Styles */
div.bar_cont {
    background-color: #111111;
    position: relative;
    overflow: hidden;
    border: 1px solid #333333;
}

div.bar_bg {
    position: absolute;
    top: 0px;
    left: 0px;
}

div.bar_fg {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    font-family: "Courier New";
    cursor: default;
}