/* Main CSS file for Four
Start by defining the page body */

body { 
        margin                          : 0; 
        padding                         : 0;
        text-align                      : center;
        font-family                     : Verdana;
        font-size                       : 9pt;
        color                           : black;
        background                      : #D9E6F2;
}

/* Re-define a few common elements */

table {
		margin							: 0px;
		padding							: 0px;
}
td {
		margin							: 0px;
		padding							: 0px;
        font-size                       : 9pt;
}
p {
		margin							: 0px 0px 10px 0px;
		padding							: 0px;
}
form {
		margin							: 0px;
		padding							: 0px;
}
h1 {
		margin							: 0px;
		padding							: 0px;
		font-size						: 1.1em;
}
img {
        border                          : 0px;
        vertical-align          		: middle;
}
h1 {
        font-weight                     : bold;
        font-size                       : 1em;
}
th {
		text-align						: left;
        font-weight                     : bold;
        font-size                       : 9pt;
}
input, select {
		vertical-align					: middle;
		margin							: 1px 0px;
}

.red {
		color							: red;
}

/* links */

a {
        color                           : #000066;
        text-decoration         		: none;
}
a:visited {
        color                           : #000066;
        text-decoration         		: none;
}
a:hover {
        color                           : #CC0000;
        text-decoration         		: underline;
}

/* div id's and structural classes */

#template {
        width                           : 780px;
        text-align                      : left;
        margin                          : auto;
        background                      : white url(/images/bg.png) top left repeat-y;
		margin-bottom					: 25px;
}
#header {
        width                           : 748px;
		border-top						: 1px solid #000066;
		border-bottom					: 2px solid #000066;
		margin-left						: 11px;
		padding							: 0px 5px;
		height							: 64px;
}
#menu {
		margin							: 15px 0px 0px 6px;
		float							: left;
}
html>body #menu {
		margin							: 15px 0px 0px 10px;
}
.top_tab {
        width                           : 733px;
		border-bottom					: 2px solid #000066;
		background						: url(/images/tab_bg_top.png) top left repeat-x;
		padding							: 2px 25px 0px 0px;
		height							: 16px;
		font-size						: 0.9em;
		margin-left						: 11px;
		margin-top						: -1px;
		text-align						: right;
}
.tab {
		border-left						: 1px solid #0000cc;
		background						: url(/images/tab_bg.png) top right no-repeat;
		padding							: 2px 25px 0px 5px;
		height							: 16px;
		font-size						: 0.9em;
		margin-top						: 4px;
}
.menu_box {
		width							: 165px;
		background						: #D9E6F2;
		border							: 1px solid #000066;
		padding							: 10px 5px;
		font-size						: 0.9em;
}
#bodytext {
        width                           : 540px;
		margin-left						: 205px;
		margin-top						: 20px;
}
#phorum_bodytext {
        width                           : 700px;
		margin-left						: 35px;
		margin-top						: 20px;
}
.tab a {
		color							: white;
		text-decoration					: none;
}
.tab a:visited {
		color							: white;
		text-decoration					: none;
}
.tab a:hover {
		color							: blue;
		text-decoration					: none;
}
.top_tab a {
		color							: white;
		text-decoration					: none;
}
.top_tab a:visited {
		color							: white;
		text-decoration					: none;
}
.top_tab a:hover {
		color							: blue;
		text-decoration					: none;
}
#footer {
        text-align                      : center;
		padding							: 20px 0px 10px 0px;
        width                           : 760px;
		margin-left						: 10px;
		border-bottom					: 1px solid #000066;
}
.cleaner {
        clear                           : both;
        height                          : 1px;
        font-size                       : 1px;
        border                          : none;
        margin                          : 0; 
        padding                         : 0;
        background                      : transparent;
}

/* layout classes */

.formDiv {
		padding							: 4px 0px;
}
.help {
		border							: 1px solid #000066;
		background						: yellow;
		padding							: 0px 8px 8px 8px;
		overflow						: visible;
		margin							: auto;
		display							: none;
		visibility						: hidden;
		z-index							: 3;
		text-align						: justify;
}
/* main styles */

.form {
        border                          : 1px solid #cccccc;
        font-size                       : 0.9em;
        vertical-align          		: middle;
}
.formStrong {
        border                          : 1px solid #cccccc;
        font-weight						: bold;
		font-size                       : 0.9em;
        vertical-align          		: middle;
}
.contentViewer {
        width                           : 650px;
        height                          : 100px;
        margin                          : auto;
        border                          : 2px inset #eeeeee;
        padding                         : 5px;
        overflow                        : visible;
}
.hr {
        height                          : 1px;
        font-size                       : 1px;
        border                          : none;
        margin                          : auto; 
        padding                         : 0;
        background                      : #000066;
}
.editmenu_0 {
		font-size						: 0.9em;
		color							: #000066;
}
.editmenu_1 {
		font-size						: 0.9em;
		color							: #CC0000;
}
.loginForm {
		border							: 2px inset #CCCCCC;
		width							: 80%;
		padding							: 10px;
		margin-top						: 25px;
}
/* Styles used by tinyMCE content editor */

.heading {
        font-weight                     : bold;
        font-size                       : 1.1em;
}
.highlight {
        color                           : red;
}
.smallprint {
        font-size                       : 0.9em;
}
.bigtext {
        font-size                       : 1.3em;
        font-weight                     : bold;
}
.alignImageRight {
        float                           : right;
        padding                         : 5px 0px 5px 10px;
}
.alignImageLeft {
        float                           : left;
        padding                         : 5px 10px 5px 0px;
}