/* Pure CSS layout for basic SPC web pages */

body {
	text-align: center;
	min-width: 700px;
	padding: 0;
	margin: 0;
	background-color: #ddd;
	color: #7d7d7d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#wrapper {
	text-align: left;
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 4px solid #ccc;
	border-top-width: 0;
	background-color: #fff;
	padding-top: 5px;
}

/* */
/* HEADER related definitions */
/* */

#header {
    position: relative;
	margin: 0 1.7em 0.75em 1.7em;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size-adjust: .5;
/*	border: 4px solid #ccc; */
}

/* Rules for the top corners and border */
.bt {
	background: url(/ladder/images/boxTop.gif) no-repeat 100% 0;
	margin: 0 0 0 6px;
	height: 6px;
}
.bt div {
	height: 6px;
	width: 6px;
	position: relative;
	left: -6px;
	background: url(/ladder/images/boxTop.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background: url(/ladder/images/boxTop.gif) no-repeat 100% 100%;
	margin: 0 0 0 6px;
	padding: 0;
	height: 6px;
}
.bb div {
	height: 6px;
	width: 6px;
	position: relative;
	left: -6px;
	background:url(/ladder/images/boxTop.gif) no-repeat 0 100%;
}

/* Insert the left border */
* html .i1 {
	height: 1%;
}
.i1 {
	margin: 0 0 -4px 0;
	padding: 0 0 0 4px;
	background: url(/ladder/images/borders1.gif) repeat-y 0 0;
}

/* Insert the right border */
* html .i2 {
	height: 1%;
}
.i2 {
	margin: 0;
	padding: 0 4px 4px 0;
	background: url(/ladder/images/borders1.gif) repeat-y 100% 0;
}

#branding {
	margin: 0;
	padding: .6em 0 0 .5em;
	float: left;
	font-size: 2em;
}

#branding p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#hdr1 {
	float: left;
	margin: 0;
	padding: .5em 0 0 1em;
	font-size: 2.5em;
}
* html #hdr1 {
	height: 1%;
}

#hdr1 p {
	margin: 0;
	padding: 0;
	font-family: serif;
}

#branding ul {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	list-style: none;
	font-size: .65em;
}

#branding ul li {
	float: left;
	text-align: left;
	padding: 0 5px 0 0;
}

#branding ul li a {
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	color: #7d7d7d;
	display: block;
	background-color: #fff;
}

#branding ul li a:hover {
	text-decoration: none;
	color: #bf2809;
}

.clrboth {
	background-color: #f00;
	clear: both;
	line-height: 0px;
}

/* */
/* BREADCRUMB related definitions */
/* */

#breadcrumb {
	height: 1.5em;
/*	background-image: url(/ladder/images/pankuzu_back.gif); */
	background-color: #eee;
	color: #666666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: .9em;
	margin: 0 2em 1.5em 2em;
	padding: .4em 1.5em 0 1.5em;
	text-align: left;
}

#bclft {
	float: left;
	width: 75%;
	text-align: left;
}

#bcrgt {
	float: right;
	width: 25%;
	text-align: right;
}

#breadcrumb a {
	color:#666666;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#990000;
}


/* */
/* SIDE BAR related definitions */
/* */

#side {
	float: left;
	width: 14em;
	margin: 0 0 1em .8em;
}

#wrapper > #side {
	width: 25%;
	max-width: 14em;
	margin: 0 0 0 1.75em;
}

#side .inner {
	padding-top: 1px;
	margin: 0 10px 10px 10px;
}

#lmenu {
	margin: 0;
	padding: 0;
/*	border: 4px solid #ccc; */
}
* html #lmenu {
	height: 1%;
}

.mtop {
	background: url("/ladder/images/submn_top_sls.gif") no-repeat 100% 0;
	margin: 0 0 0 12px;
	height: 12px;
}
.mtop div {
	height: 12px;
	width: 12px;
	position: relative;
	left: -12px;
	background: url("/ladder/images/submn_top_sls.gif") no-repeat 0 0;
}

.mbtm {
	background: url("/ladder/images/submn_bt_sls.gif") no-repeat 100% 100%;
	margin: 0 0 0 12px;
	padding: 0;
	height: 12px;
}
.mbtm div {
	height: 12px;
	width: 12px;
	position: relative;
	left: -12px;
	background: url("/ladder/images/submn_bt_sls.gif") no-repeat 0 100%;
}

#mbody {
	background-color: #ccc;
	margin: 0;
	padding: 0 .5em 0 0;
	font-weight: bold;
	border: none;
	position: relative;
}
* html #mbody {
	margin: -.6em 0 -.6em 0;
	height: 1%;
}

#mbody ul {
	margin: 0px;
	padding:  0px 0px 5px 17px;
	list-style: disc;
}

#mbody li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	line-height: 1.5em;
	color: #fff;
}

#mbody a {
	color: #7d7d7d;
	text-decoration: none;
}

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

#mbody a:visited a:active {
	color: #7d7d7d;
}

.leftbox {margin-top:1em; margin-left:1em; line-height:normal;}
.leftbox p{margin:0 0 .5em 0;}
.leftbox a{color:#990000; text-decoration:none;}
.leftimage {margin:1em 0 0 1em;}

#mbody li .noLink {
	color: #aaa;
}

#side .hiLite {
	font-weight: bold;
	font-size: 115%;
}

#side hr {
	text-align: center;
	margin-top: 1em;
}

a.grey {
	color: #7d7d7d;
}

a:hover.grey {
	color: #bf2809;
}


/* */
/* CONTENT related definitions */
/* */

#content {
	float: right;
	width: 73%;
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#content .inner {
	padding-top: .1em;
	margin: 0 1em 1em 1em;
}

.lft {
	float: left;
	margin: 2px 20px 0 -70px;
}

.rgt {
	float: right;
	margin: 2px 20px 0 20px;
}

#content > .inner > .lft {
	margin: 2px 20px 20px 0;
}

#content > .inner > .rgt {
	margin: 2px 20px 20px 20px;
}

.secthd {
	color: #7d7d7d;
	font-weight: 600;
	font-size: 175%;
}

.indent1 {
padding-left: 1.25em;
}

.hiLite {
	font-weight: bold;
	font-size: 115%;
}

.hiLiteR {
	color: #bf2809;
}

.hiLiteG {
	color: #28bf09;
}

.sthru {
text-decoration: line-through;
}

#content a {
	color:#7d7d7d;
	font-weight:bold;
	text-decoration:none;
}

#content a:hover {
	color:#bf2809;
	text-decoration:underline;
}

p.quoteB4:before {
 font-size:300%;
 margin-right:4px;
 line-height:0;
 vertical-align:bottom;
 content:"\201C";
 content:open-quote;
 color:#fc6;
 }

p.quoteAft:after {
 font-size:300%;
 margin-left:4px;
 line-height:0;
 vertical-align:bottom;
 content:"\201D";
 content:close-quote;
 color:#fc6;
 }


/* Basic Tables */
table {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

td, th {
  border: 1px solid #ddd;
  margin: 0;
  padding: 3px;
}

.ladder {
	border: 1px solid #7f7f7f;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

.ladder caption {
	font-weight: bold;
	margin-bottom: .5em;
}

.ladder th {
	border: 1px solid #7f7f7f;
	margin: 0;
	padding: 3px;
	text-align: center;
	background-color: #ddd;
}

.ladder tr {
	text-align: right;
}

.selrow {
	background-color: #eee;
}

.ladder td {
	border: 1px solid #7f7f7f;
	margin: 0;
	padding: 3px;
}

.ladder .ttext {
	text-align: left;
}

.review {
  white-space: normal;
  font-style: italic;
  margin: 0;
  padding: 0;
  border-top: 2px dashed #7f7f7f;
}
.posted {
  text-align: right;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#ddd;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.colour2 {
	background-color: #eee;
}

.warn {
	color: #bf2809;
}

.ques p {
	font-weight: bold;
	font-style: italic;
}

/* */
/* FORM related definitions */
/* */

fieldset {
	border-color: #7d7d7d;
	margin-bottom: 1.5em;
}

legend {
	color: #7d7d7d;
	font-weight: bold;
}

#ihdreg fieldset {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 padding: 0;
}

#ihdreg legend {
 margin: 0;
 padding: 0;
}


/* */
/* Page navigation related definitions */
/* */

.lnkNews, .lnkOp, .lnkQry, .lnkSafe, .lnkPC {
background-color: #fff;
font-size: 65%;
font-weight: bold;
border-width: thin;
border-style: solid;
padding: 0px 2px;
}

.lnkNews:link, .lnkOp:link, .lnkQry:link, .lnkSafe:link, .lnkPC:link
{ color: #000; text-decoration: none; }
.lnkNews:visited, .lnkOp:visited, .lnkQry:visited, .lnkSafe:visited, .lnkPC:visited
{ color: #000; }
.lnkNews:hover, .lnkOp:hover, .lnkQry:hover, .lnkSafe:hover, .lnkPC:hover
{ color: #aaa; text-decoration: none; }
.lnkNews:active, .lnkOp:active, .lnkQry:active, .lnkSafe:active, .lnkPC:active
{ color: #aaa; }

.lnkNews {
border-color: #f00;
}
.lnkOp {
border-color: #0b2577;
}
.lnkQry {
border-color: #f0f;
}
.lnkSafe {
border-color: #0f0;
}
.lnkPC {
border-color: #0ff;
}

.noteb {
border-width: normal;
border-style: solid;
padding: 0px 2px;
border-color: #aaa;
}

/* */
/* FOOTER related definitions */
/* */

#footer {
	clear: both;
	margin-top: 1em;
}

#footer br {
	clear: both;
	line-height: 1;
}

#footer hr {
	text-align: center;
	width: 85%
}

#footer .inner {
	margin: 0;
	padding: 0 0 0 5px;
}

#bottommenu {
	margin: 2em 0 2em 0;
	text-align: center;
	font-size:12px;
	color:#7d7d7d;
	font-weight:bold;
}

#footer a, #bottommenu a {
	color:#7d7d7d;
	font-weight:normal;
	text-decoration:none;
}

#footer a:hover, #bottommenu a:hover {
	color:#990000;
	font-weight:normal;
	text-decoration:none;
}

/* */
/* Stat info pop-up CSS definitions */
/* */

.popup {
	position: absolute;
	left: -150px;
	top: -150px;
	margin: 0;
	padding: 5px;
	border: 2px solid #7d7d7d;
	background: #fff;
	width: 425px;
	visibility: hidden;
}

.popup2 {
	position: absolute;
	left: -150px;
	top: -150px;
	margin: 0;
	padding: 5px;
	border: 2px solid #7d7d7d;
	background: #fff;
	width: 375px;
	visibility: hidden;
}


/* */
/* OTHER CSS definitions */
/* */

#copy {
	margin: 2em 0 0 0;
	color:#787878;
}

#copy a {
	color:#7d7d7d;
	font-weight:bold;
	text-decoration:none;
}

#copy a:hover {
	color:#bf2809;
}