/* BASE LAYOUT */

*,html
{
	padding:		0;

	margin-top:		0px;
	margin-bottom:		0px;

	margin-left:		0px;
	margin-right:		0px;
}

h1, h2, h3, h4, h5, h6, form, label, ul, ol, dl, fieldset, address
{
        margin-left: 		0;
        margin-bottom: 		0;
}

p
{
	margin-top:		0px;
	margin-bottom:		4px;

	margin-left:		0px;
	margin-right:		0px;
}

a
{
	text-decoration:	none;
	color: 			#003366;
}

a:hover
{
	color: 			#000066;
}

li
{
	margin-left:		15px;
	padding:		 0px;
}

body
{
	background-color:	#020A11;

	font-family:		arial, sans-serif;

	font-size:		75%;

	padding:		0:
	margin:			0;

	padding-top:		0px;
}

#wrapper {
	text-align: 		left;

	margin: 		0px auto;

	padding: 		0px;

	border:			0;

	width: 			1246px;
}

#header {
	border: 		1px #BBD solid;
	-moz-border-radius: 	8px;

        background-image: 	url('/site_media/graphics/logo.png');
        background-repeat: 	no-repeat;

        background-color: 	#020A11;

        height: 		100px;

	margin-top:		4px;
	margin-bottom:		4px;
}

#headerb
{
        height: 		20px;

	margin-top: 		40px;
}

#headerc
{
	height:			20px;

	margin-top:		4px;
}

#navigation
{
        position: 		absolute;
        float: 			left;

        font-size: 		90%;

        color: 			#DDCCDD;

        height: 		15px;

        font-weight: 		bold;

	padding-top:		 20px;
	padding-left:		216px;
}

div#searchoptions
{
        float:                  right;

        font-size:              90%;

        color:                  #DDCCDD;

        height:                 15px;

        text-align:             right;
        font-weight:            bold;

        padding-right:          10px;
}

div#searchoptions td.sitemessage
{
	font-size:		22px;

	color:			#DDDDDD;
}

div#useroptions
{
        float:			right;

        font-size:              90%;

        color:                  #DDCCDD;

        height:                 15px;

        text-align:		right;

        font-weight:            bold;

        padding-right:          10px;

        clear: 			both;
}

div#navigation a, div#useroptions a
{
        color:			#ccc;
        font-size:		110%;
}

div#navigation a:hover, div#useroptions a:hover
{
        color:			#fff;
        font-size:		110%;
}

div.super_body *
{
        margin-top:             6px;
        margin-bottom:          6px;
}

div.super_body p
{
	margin-top:		6px;
	margin-bottom:		6px;

	margin-left:		3px;
	margin-right:		3px;
}

div.super_body td.vertical
{
	layout-flow:		vertical-ideographic;
}

div.super_body a
{
    font-size: 105%;
}

div.links ul, div.links li
{
	display:		inline;

        list-style:             none;

        padding:                0px;
	margin:			1px;
}

#side-a
{
        float:                  left;

        width:                  206px;

        background-color:       #FFFFFF;

        border:                 1px #BBD solid;
        -moz-border-radius:     8px;

        font-size:              75%;

        padding:                3px 3px 3px 3px;

	margin-bottom:		4px;
}

#side-b
{
	float: 			right;

	width: 			206px;

	background-color: 	#FFFFFF;
	
	border: 		1px #BBD solid;
	-moz-border-radius: 	8px;

	font-size:		75%;

	padding:		3px 3px 3px 3px;

	margin-bottom:		4px;
}

#side-a *, #side-b *
{
        margin-top:             3px;
        margin-bottom:          3px;
}

div#side-a table, div#side-b table
{
	cellpadding:		0;
	cellspacing:		0;
}

div#side-a ul, div#side-b ul
{
        list-style:             none;

	font-size:		150%;
	font-weight: 		bold;

        padding:                2px;
}

div#side-a ul li, div#side-b ul li
{
	list-style:		none;

        margin-left:            4px;
	margin-right:		0px;

	font-size:		70%;
	font-weight: 		normal;

        padding:                0px;
}

.side_image img
{
        max-width:              195px;
        max-height:              95px;

        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
}

.side_logo img
{
        max-width:              195px;
        max-height:              95px;
}

.member_avatar img
{
        max-width:              120px;
        max-height:             160px;
}

.showtag
{
	text-align:		justify;

	font-size:		175%;
}

div#twitterwidget
{
	margin: 0;
	padding: 0;
}

div#appcontent
{ 
	float: 			left;

	width: 			800px;

/*(
	max-height:		1047px;
    	overflow-y: 		scroll;
*/
	background-color: 	#FFFFFF;

	border: 		1px #BBD solid;
	-moz-border-radius: 	8px;

	margin-bottom:		4px;

	margin-left: 		4px;
	margin-right: 		4px;

	padding: 		4px 4px 4px 4px;
}

div#content
{
	padding-top:		0px;
	padding-bottom:		0px;

	padding-left:		0px;
	padding-right:		0px;

	margin-top:		0px;
	margin-bottom:		0px;
}

#footer {
	clear: 			both;

        background-image:       url('/site_media/graphics/footer.png');
        background-repeat:      no-repeat;

	background-color:	#020A11;

	border: 		1px #BBD solid;
	-moz-border-radius: 	8px;

        height: 		16px;

	color: 			white;
	
	text-align:		right;
	font-weight: 		bold;

	padding-top:		0px;
	padding-right:		10px;

	margin-bottom:		4px;
}

.memberquote, blockquote {
    color: #333;

    font-style: italic;

    border-left: 4px solid #CCC;

    margin-left: 15px;
    margin-right: 30px;

    padding-left: 10px;
}

code {
    background: #E0E0E9;

    max-width: 620px;

    display: block;

    font: 90% courier;
    white-space: -moz-pre-wrap;

    border: 1px dashed #225;

    margin-left: 15px;
    margin-right: 30px;

    padding: 10px;
}

.subject {
    font-weight: bold;
}

.comments {
    padding-top: 4px;
}

.headlines {
    background: #E0E0E9;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    margin-bottom: 15px;

    padding: 10px;
}

.headlines table {
    width: 100%;

    border: 0px;

    margin: 0px;

    cellspacing: 0px;
    cellpadding: 0px;
    padding: 0px;
}

.headline_dates {
    text-align: right;
}

div.article_title {
    background: #ffffff;
    color: #000000;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.article_value {
    background: #99ff99;
    color: #000000;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.statistic_table td {
    color: #000000;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.disable_title {
    background: #DD4444;
    color: #FFFFFF;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.executive_member {
    background: #FFFFFF;
    color: #EEEEEE;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 110%;
    font-weight: bold;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.executive_member a
{
        text-decoration:        none;
        color:                  #003366;
}

div.executive_member a:hover
{
        color:                  #000066;
}

div.company_member {
    background: #FFFFFF;
    color: #EEEEEE;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: bold;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.company_member a
{
        text-decoration:        none;
        color:                  #003366;
}

div.company_member a:hover
{
        color:                  #006699;
}

div.wiki_title {
    background: #666666;
    color: #ffffff;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.wiki_object {
    background: #ffffff;
    color: #000000;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 100%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.article_menu, div.article_menu_sticky {
    background: #ddddff;
    color: #000000;

    -moz-border-radius: 8px;
    border: 1px #BBD solid;

    font-size: 80%;
    font-weight: normal;

    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

div.article_menu .commentlink, div.article_menu_sticky .commentlink {
    background-image: url('/site_media/icons/icon_comment_balloon.png');
    background-repeat: no-repeat;

    padding-left: 10px;
    padding-right: 10px;
}

div.article_menu_sticky {
    background: #DDFFDD;
}

/* Gallery Layout */

#breadcrumbs
{
  color: rgb(220,80,80);
  background-color: transparent;
  margin: 0;
  padding: 0 1px 2px 1px;

  }

#large-image-box
{
  background-color:#eee;
  width:780px;
  min-width: 640px;
  max-height: 640px;

  margin-bottom:0px;
  margin-left:0px;

  margin:0px auto;

  padding-bottom:4px;
  padding-top:4px;

  align: center;
  text-align:center;

  border: 1px solid black;
        -moz-border-radius: 8px;
}

#large-image-box img
{
  max-height: 425px;

  background: black;
  border: 1px solid black;
        -moz-border-radius: 8px;
}

#large-image-box div
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:770px;
  background-color:#ddd;
  padding: 2px;
}

#large-image-box div p
{
  text-align: center;
}

#thumbnail-box
{
  width:100%;
  min-width: 100%;
  float:left;
  font-size: 80%;
}

#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
}

#thumbnails li {
    margin:0;
    padding:0;
    float:left;
}

#imageboxes-break
{
  clear: left;
}

div.thumb-paginator
{
    width: 656px;
    height:160px;
    align: center;
    margin:0px auto;
}

div.small-image-box
{
  background-color: #DDD;

  width:390px;
  max-height: 150px;
  min-height: 150px;

  margin-bottom: 4px;
  margin-left:3px;
  margin-right:3px;

  text-align:left;
  font-size: 100%;

  padding-bottom:2px;
  padding-top:0px;
  overflow: hidden;
  float: left;
  border: 1px solid black;
        -moz-border-radius: 8px;
}

div.small-image-boxr
{
  background-color: #DDD;

  width:170px;
  max-height: 145px;
  min-height: 145px;

  margin-bottom: 4px;
  margin-left:3px;
  margin-right:3px;

  text-align:center;
  font-size: 80%;

  padding-bottom:2px;
  padding-top:0px;
  overflow: hidden;
  border: 1px solid black;
  -moz-border-radius: 8px;
}

div.small-image-box img, div.small-image-boxr img
{
  display:block;
  margin-top: 4px;
  max-height: 120px;
  min-height: 120px;
  max-width: 160px;
  border: 2;
  -moz-border-radius: 8px;
}

div.small-image-box span
{
  height:18px;
  max-height: 18px;
  min-height: 18px;
  min-width: 385px;
  max-width: 385px;
  background-color: #ccc;
  color: black;
  display:block;
  font-size: 14px;
  overflow: visible;
  padding-left: 4px;
  padding-top: 0;
  padding-bottom:0;
  -moz-border-radius: 5px;
}

div.small-image-boxr span
{
  max-height: 13px;
  min-height: 13px;
  min-width: 165px;
  max-width: 165px;
  background-color: #ccc;
  color: black;
  display:block;
  font-size: 10px;
  overflow: visible;
  padding-left: 4px;
  padding-top: 0;
  padding-bottom:0;
  -moz-border-radius: 5px;
}

div.small-image-box td, div.small-image-boxr td
{
        color: black;
}

* ------ COMMENTS CSS -----------*/

div.comment_odd, div.comment_even {
    background-color: #E0E0E9;
    background-repeat: no-repeat;
    background-position: top right;

    border: 1px dashed #AAA;
    border-left: 1px dashed #AAA;
    border-bottom: 1px dashed #AAA;

    margin: 1em;

    padding: 1em;
}

div.comment_even {
    background-image: url('/site_media/graphics/quote_white.png');
}

div.comment_odd {
    background-image: url('/site_media/graphics/quote_blue.png');
}

div.comment_odd div, div.comment_even div {
    margin-left: 4px;
}

.comment {
    background: #DDD;

    width: 40em;

    margin-top: 1em;
}

.comment label {
    float: none;

    font-weight: bold;
}

.comment p {
    margin-left: 1em;

    padding-top: 0em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1.5em;
}

.comment_post_image {
    background-color: #dddddd;

    width: 100%;

    border: none;

    cellspacing: 0px;
    cellpadding: 0px;

    margin: 0px;

    padding: 0px;
}

.comment_post_image td {
    text-align: center;
}

.comment_post_image img {
    max-width: 400px;
}

.comments_post_list {
    width: 95%;

    border-collapse: collapse;

    margin-left: 20px;
}

.comments_post_list td,
.comments_post_list th {
    border: 1px solid gray;

    padding: 4px;
}

.comments_post_list td.comments_post_body {
    background-color: #bbbbbb;

    word-wrap: break-word;
    white-space: -moz-pre-wrap;
}

.comments_post_list td.comments_post_authorinfo {
    background-color: #cccccc;
    width: 90px;
}

.comment_post_title {
    background-color: #cccccc;
    height: 18px;
}

/* ------ COMMUNITY CSS -----------*/

.sphform input[type="text"],
.sphform textarea {
    width: 100%;

    border: 1px solid black;

    padding: 3px;
}

.sph_object_list {
    width: 100%;

    border-collapse: collapse;
}

.sph_object_list th,
.sph_object_list td {
    border: 1px solid black;

    padding: 4px;
}

.breadcrumbs {
    background: black;
    color: #888;

    font-weight: bold;
    font-size: 12pt;

    padding: 0.5em;
    padding-left: 1em;
}

.breadcrumbs a, .breadcrumbs a:visited {
    color: #003366;

    font-size: 11pt;
    font-weight: bold;
}

.breadcrumbs a:hover {
    color: #000066;
}

/* ------ BOARD CSS -----------*/

.sphboard_categories {
/*
        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
*/
    width: 100%;
}

.sphboard_categories td,
.sphboard_categories th {
        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
    padding: 1px;
}

.sphboard_categoryname
{
        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
}

.sphboard_threadcount, .sphboard_postcount {
        width: 5%;
        text-align: center;
}

.sphboard_latestpost {
        width: 30%;
        white-space: nowrap;
}

.sphboard_postform {
        background-color: #ddddee;

    width: 100%;

        border-collapse: collapse;
        border: 1px solid gray;
}

.sphboard_postform th {
        width: 10em;

    padding: 3px;

        vertical-align: top;
    text-align: right;
}

.sphboard_postform td {
    padding: 3px;
}

.sphboard_postform input[type='text'] {
    width: 80%;
}

.sphboard_postform textarea {
    width: 80%;

        overflow-x: hidden;
    overflow-y: scroll;
}

.sphboard_post_image {
    background-color: #dddddd;

    width: 100%;

    cellspacing: 0px;
    cellpadding: 0px;

    margin: 0px;
    padding: 0px;

    border: none;
}

.sphboard_post_image td {
    text-align: center;
}

.sphboard_post_image img {
    max-width: 400px;
}

.sphboard_post_list {
    width: 		100%;
    border:		1px #BBD solid;
    -moz-border-radius:	8px;
}

.sphboard_post_list td,
.sphboard_post_list th {
        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
    padding: 4px;
}

.sphboard_post_list td.sphboard_post_body {
    height: 130px;

    word-wrap: break-word;
    white-space: -moz-pre-wrap;
}

.sphboard_post_title {
    background-color: #cdcdc1;
    height: 18px;
}

.sphboard_post_list td.sphboard_post_authorinfo {
    background-color: #c1cdc1;

    width: 130px;

    max-width: 130px;
}

td.sphboard_post_edit {
    background-color: #c1cdc1;
    width: 16px;
}

td.sphboard_post_authorinfo img {
    max-width: 120px;
    max-height: 120px;
        border:                 1px #BBD solid;
        -moz-border-radius:     8px;
}

.sphboard_thread_list {
    width: 100%;

    border-collapse: collapse;
}

.sphboard_mainhead {
    background-color: #eee;
}

.sphboard_thread_list td,
.sphboard_thread_list th {
    border: 1px solid gray;

    padding: 4px;
}

.sph_captcha input[type='text'] {
    width: 100px;
}

div#announce_title a {
    font-size: 175%;
    font-weight: bold;
}

/* ------ WIKI CSS -----------*/

.sphwiki_body img {
        max-width: 1080px;
}

.sphwiki_body h1 {
    background-color: #e0e0f5;

    font-size: 1.5em;

    padding: 3px;
}

.sphwiki_body ul, ol, li {
        margin-left: 15px;
        margin-right: 30px;
}

a.sph_wikilink {
    font-size: 105%;
}

ul.news li {
    padding-bottom: 20px;
}

ul.news .subject {
    font-weight: bold;
}
ul.news .comments {
    padding-top: 4px;
}

/* ------ WIKI DIFF CSS -----------*/

table.diff {
        width: 100%;

        border: medium;
}

.diff_header {
        background-color: #e0e0e0;
}

td.diff_header {
        text-align: right;
}

.diff_next {
    background-color: #c0c0c0;
}

.diff_add {
    background-color: #aaffaa;
}

.diff_chg {
    background-color: #ffff77;
}

.diff_sub {
    background-color: #ffaaaa;
}


.popthumb{
position: relative;
z-index: 0;
}

.popthumb:hover{
background-color: transparent;
z-index: 50;
}

.popthumb span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space: nowrap;
}

.popthumb span img{ /*CSS for enlarged image*/
	border-width: 	  0;
	padding: 	2px;

        max-width:    195px;
        max-height:    95px;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.popthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 115px; /*position where enlarged image should offset horizontally */
text-align: center;
}

.mpopthumb{
position: relative;
z-index: 0;
}

.mpopthumb:hover{
background-color: transparent;
z-index: 50;
}

.mpopthumb span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space: nowrap;
}

.mpopthumb span img{ /*CSS for enlarged image*/
        border-width:     0;
        padding:        2px;

        max-width:    195px;
        max-height:    95px;
}

.mpopthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 12px;
left: 12px; /*position where enlarged image should offset horizontally */
}