/* This is the standard style sheet for Side 7 v2.6.0 */

/* Overall body style */
body {  background-color: rgb(14,15,36);
        color: rgb(230,230,246);
        font-family: "Trebuchet MS",Verdana, sans-serif;
        font-size: 10pt;
        margin: 0;
        padding: 0;
        scrollbar-face-color: rgb(50,50,70);
        scrollbar-highlight-color: rgb(114,115,144);
        scrollbar-shadow-color: rgb(30,30,50);
        scrollbar-3dlight-color: rgb(30,30,50);
        scrollbar-arrow-color: rgb(229,223,172);
        scrollbar-track-color: rgb(46,50,78);
        scrollbar-darkshadow-color: rgb(14,15,36);

}

/* Definitions for the major site sections */

#header { /* This will define the header layout at the top of the page */
	position: absolute;
	top: 0;
	left: 0;
        padding: 0;
        margin: 0;
	width: 100%;
        height: 80px;
        background: rgb(46,50,78);
        text-align: right;
        font-family: "Trebuchet MS",Verdana, sans-serif;
}

#smallheader { /* This will define the header layout for the small page */
	position: absolute;
	top: 0;
	left: 0;
        padding: 0;
        margin: 0;
	width: 100%;
        height: 46px;
        background: rgb(46,50,78);
        background-image: url(/pics/site/small-header-bg.gif);
        text-align: right;
        font-family: "Trebuchet MS",Verdana, sans-serif;
}

#mainmenu { /* This is the main-menu under the header */
	position: absolute;
	width: 100%;
        top: 80px;
	left: 0;
        padding: 2px 0 0 0;
        margin: 0;
        height: 21px;
        background-image: url(/pics/site/submenu-bg.gif);
	text-align: left;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
	white-space: pre;
	vertical-align: middle;
}

#sidebar { /* This is where the contextual menu boxes live */
	position: absolute;
	top: 101px;
	left: 0;
        padding: 5px 5px 0 5px;
        margin: 0;
        width: 150px;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	line-height: .50em;
}

#content { /* This is where the page content lives */
        position: absolute;
        top: 101px;
        left: 151px;
	right: 0px;
        padding: 5px 5px 5px 5px;
        margin: 0px;
        font-family: "Trebuchet MS",Verdana, sans-serif;
}

#smallcontent { /* This is where the page content lives on the small page */
        position: absolute;
        top: 47;
	width: 100%;
        padding: 5px 5px 5px 5px;
        margin: 0px;
        font-family: "Trebuchet MS",Verdana, sans-serif;
}

#footer { /* This is the single footer at the bottom of the page */
	border: 1px solid rgb(114,115,144);
	padding: 5px 5px 5px 5px;
        margin: 0;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
}

/* Specialised section styles */

.footer { /* This is the single footer at the bottom of the page */
	border: 1px solid rgb(114,115,144);
	padding: 5px 5px 5px 5px;
        margin: 0;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
}

.headertext { /* Text within the header */
        background: url(/pics/site/header-scanlines.gif);
        text-align: right;
        text-transform: capitalize;
	color: rgb(230,230,246);
        padding: 0 5px 0 0;
}

.subheader {
        font-size: 12pt;
        font-weight: bold;
}

.sidemenutext { /* Text within the side menus */
        background: rgb(114,115,144);
        text-transform: capitalize;
	line-height: 1.2em;
        font-size: 8pt;
        padding: 2px;
}

.sidemenuheader { /* Text within the side menus */
        background: rgb(114,115,144);
        text-transform: capitalize;
	line-height: 1.2em;
        font-size: 8pt;
	font-weight: bolder;
	color: rgb(14,15,36);
        padding: 2px;
}

a.sidemenu, a.sidemenu:visited {
        width: 110px;
        border: none;
        border: solid 1px rgb(114,115,144);
	padding: 0 3px 0 3px;
        text-decoration: none;
        color: rgb(230,230,246);
}

a.sidemenu:hover {
        border: solid 1px rgb(14,15,36);
        background: rgb(100,100,140);
	padding: 0 3px 0 3px;
        width: 110px;
        text-decoration: none;
        color: rgb(230,230,246);
}

a.mainmenu, a.mainmenu:visited {
	width: 50pt;
	padding: 0 3px 0 3px;
	text-align: center;
        text-decoration: none;
        color: rgb(230,230,246);
}

a.mainmenu:hover {
	width: 50pt;
        background: rgb(100,100,140);
	padding: 0 3px 0 3px;
        text-decoration: none;
        color: rgb(230,230,246);
}

.menuright {
	margin: 0;
	padding: 0;
	text-align: center;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
}

.menuleft {
	margin: 0;
	padding: 0;
	text-align: left;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
	white-space: pre;
	vertical-align: middle;
}

.loggedinas { /* The logged in as box */
	color: rgb(240,227,116);
	background-color: rgb(14,15,36);
	font-weight: bolder;
}

.footerleft {
	padding: 5px;
	text-align: left;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
}

.footerright {
	padding: 5px;
	text-align: right;
        font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 8pt;
}

.GalleryDiv {
	position: relative;
	text-align: center;
	width: auto;
	border: double 3px rgb(114,115,144);
	padding: 5px;
}

/* Misc styles */

h1 {
	font-size: 18pt;
        text-transform: capitalize;
}

h2 {
	color: rgb(240,227,116);
	font-size: 16pt;
}

.maintitle {
	font-weight: bold; 
	font-size: 22px; 
	font-family: Verdana, "Trebuchet MS", sans-serif;
}

.mainsubtitle { 
	color: rgb(230,230,246);
	font-size: 16px;
	font-weight: bold;
}

h3 {
	color: rgb(220,220,180);
	font-size: 12pt;
}

h3.ImageTitle { text-align: center; }

h4 {
	color: rgb(193,187,135);
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline solid 1px;
}

p, td, dt, dd {
	font-size: 10pt;
}

p, dt, dd {
	text-align: left;
}

li { font-size: 10pt; }

th {
	font-size: 12pt;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	background: rgb(114,115,144);
	color: rgb(230,230,246);
}

input, select, textarea {
	font-size: 8pt;
	background-color: rgb(114,115,144);
	color: rgb(230,230,246);
	border: solid 1px rgb(30,30,46);
	margin: 0;
}

textarea {
	font-family: Verdana, "Trebuchet MS", sans-serif;
}

input.dark, select.dark, textarea.dark {
	font-size: 8pt;
	background-color: rgb(50,50,70);
	color: rgb(230,230,246);
	border: solid 1px rgb(114,115,144);
	margin: 0;
}

a {
	color: rgb(229,223,172);
	text-decoration: none;
}

a:hover {
	color: rgb(255,228,0);
	text-decoration: underline;
}

a:visited {
	color: rgb(239,227,126);
}

a:active {
	color: rgb(230,230,246);
	text-decoration: underline;
}

.icon {
	position: absolute;
	right: 10px;
	text-align: right;
	vertical-align: middle;
}

.community {
	text-align: left;
}

.DisplayText { display: block; cursor: pointer; cursor: hand; }
.HideText { display: none; cursor: pointer; cursor: hand; }

.Term { font-weight: bold; }
.highlight { color: rgb(255,255,128); }
.warning { 
	color: rgb(241,61,61); 
	font-weight: bolder;
	font-style: italic;
}
.searchhighlight { 
	color: rgb(220,255,50);
	font-weight: bolder;
	font-style: italic;
}
.footnote { font-size: 8pt; }

.ratedE { color: rgb(30,200,30); }
.ratedT { color: rgb(200,200,0); }
.ratedM { color: rgb(200,30,30); }

.menuitem {
	line-height: 1em;
}

.square {
	background-color: rgb(50,50,70);
	border: solid 1px rgb(114,115,144);
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.squarehighlight {
	background-color: rgb(70,70,90);
	border: solid 1px rgb(114,115,144);
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.replysquare {
	background-color: rgb(40,40,60);
	border: solid 1px rgb(114,115,144);
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.calendarhead {
	background-color: rgb(75,75,100);
	border: solid 1px rgb(114,115,144);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.calendarblank {
	background-color: rgb(30,30,50);
	border: solid 1px rgb(114,115,144);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.CalHeadText {
	font-weight: bold;
	font-size: 12pt;
}

.greyedtext {
	color: rgb(50,50,50);
}

.EvenRow {
	background-color: rgb(50,50,70);
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.OddRow {
	background-color: rgb(30,30,50);
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.TableHeader {
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	padding: 0 5px 0 5px;
	background: rgb(114,115,144);
	color: rgb(230,230,246);
}

.NavHeader {
	font-size: 12pt;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

.MainQuickies {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

.SelectHeader {
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
        background: rgb(46,50,78);
	color: rgb(230,230,246);
	border: solid 2px rgb(114,115,144);
}

/* Display Boxes */

.boxtitleleft {
	background-color: rgb(114,115,144);
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: rgb(14,15,36);
	vertical-align: middle;
}

.boxtitleright {
	background-color: rgb(114,115,144);
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
	color: rgb(14,15,36);
	vertical-align: middle;
}

.boxcontent {
	margin: 0;
	padding: 5px;
	font-size: 10pt;
	border: solid 1px rgb(114,115,144);
	vertical-align: top;
}

.boxdetails {
	margin: 0;
	padding: 5px;
	font-size: 8pt;
	background-color: rgb(50,50,70);
	border: solid 1px rgb(114,115,144);
	border-right: 0;
	vertical-align: top;
	text-align: left;
}

.boxthumb {
	margin: 0;
	padding: 5px;
	font-size: 8pt;
	background-color: rgb(70,70,90);
	border: solid 1px rgb(114,115,144);
	border-right: 0;
	vertical-align: middle;
	text-align: center;
}

.mailheaderleft {
	margin: 0;
	padding: 5px;
	background-color: rgb(50,50,70);
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: solid rgb(114,115,144);
	border-width: 1px 0 0 1px;
}

.mailheaderright {
	margin: 0;
	padding: 5px;
	background-color: rgb(50,50,70);
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: solid rgb(114,115,144);
	border-width: 1px 1px 0 0;
}

.mailbuttons {
	background-color: rgb(114,115,144);
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}