/*
 * standard.css - Standard Poseidon stylesheet.
 *
 * :tabSize=4:indentSize=4:noTabs=false:
 * :folding=explicit:collapseFolds=1:
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the
 * Free Software Foundation; either version 2 of the License, or (at your
 * option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General
 * Public License for more details.
 *
 *
 * You should have received a copyof the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc.,
 * 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */


/*{{{ Elements*/
a:link      { color: #cccccc; text-decoration: underline; }
a:visited   { color: #cccccc; text-decoration: underline; }
a:hover     { color: #00FF00; text-decoration: underline; }

body        { background: #222222; color: #cccccc; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	line-height: 14px; }

blockquote  { background: #2f2f2f; border: 1px dotted #333300; color: #cccccc; font-size: 11px; line-height: normal; padding: 5px; }
i           { padding: 2px; }
code        { background: #EEEEEE; color: #000000; font-size: 11px; text-align: left; }
input       { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
pre         { font-size: 11px; line-height: normal; }
select      { border: 1px solid #000000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea    { font-size: 11px; }
img         { border: 0; }
iframe      { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; z-index: -10; }
li          { margin-bottom: 3px;  }

/* Visible vertical scrollbar which disables correctly, allows normal horizontal scrollbar behaviour and can be overruled by userContent.css. */
html {
 overflow-y: scroll;
}

#frame {
  margin: 0 auto; /* Centers the page */
  width: 905px;
  /* background: #2f2f2f; */
  height: auto; /* Even though this div is invisible it auto adjusts to any content inside. */
  padding: 0;
}
#header {
  position: relative; /* Relative to the parent div (in this case, frame). Setting an absolute position would disregard parent div and set according to the page */
  top: 0;
  left: 0;
  width: 100%; /* Stretch to the full size of the parent div */
  height: 585px; /* Since this section has static elements, setting it to a set pixel value removes possibility of skewing layout */
  padding: 0;
  margin: 0;
  /* background: #2f2f2f; */
}

#flickr {
  background: url('/images/loading.gif') no-repeat 48% 48%;
  height: 168px;
  margin-left: -7px;
}
#brainyquote {
  background: url('/images/loading.gif') no-repeat 48% 48%;
  height: 90px;
  margin-left: 0px;
}

/*}}}*/
/*{{{ Classes*/
/*{{{ Comment classes*/
.commentTitle	{ background: #2f2f2f; color: #abcdef; font-size: 11px; font-weight: bold; border-top: 1px dashed #000001; padding: 2px; }
	.commentTitle a:link		{ color: #abcdef; text-decoration: none; }
	.commentTitle a:visited		{ color: #abcdef; text-decoration: none; }
	.commentTitle a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
.commentBody	{ margin-top: 10px; margin-bottom: 5px; text-align: justify; }
.commentByline	{ border-bottom: 1px dashed #336699; color: #abcdef; font-size: 9px; }
	.commentByline a:link 		{ color: #abcdef; text-decoration: underline; }
	.commentByline a:visited	{ color: #abcdef; text-decoration: underline; }
	.commentByline a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
.commentReplies	{ font-size: 9px; line-height: normal; margin-bottom: 5px; }
.commentToolbar { color: #abcdef; background: #2d2d2d; border-bottom: 1px dashed #336699; font-size: 9px; margin-bottom: 10px; }
	.commentToolbar a:link		{ color: #abcdef; text-decoration: underline; }
	.commentToolbar a:visited	{ color: #abcdef; text-decoration: underline; }
	.commentToolbar a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
/*}}}*/
/*{{{ Content classes*/
.contentTitle	{ background: #2f2f2f; color: #abcdef; font-size: 16px; font-weight: bold; border-left: 2px solid #000001; border-top: 2px solid #000001; padding: 3px; -moz-border-radius: 13px 0 0 0; }
	.contentTitle a:link		{ color: #abcdef; text-decoration: none; }
	.contentTitle a:visited		{ color: #abcdef; text-decoration: none; }
	.contentTitle a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
.contentBody	{ margin-top: 10px; margin-bottom: 5px; text-align: justify; }
.contentByline	{ color: #abcdef; font-size: 9px; }
	.contentByline a:link		{ color: #abcdef; text-decoration: underline; }
	.contentByline a:visited	{ color: #abcdef; text-decoration: underline; }
	.contentByline a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
.contentToolbar	{ color: #abcdef; background: #2d2d2d; border-bottom: 1px dashed #336699; font-size: 9px; margin-bottom: 10px; }
	.contentToolbar a:link		{ color: #abcdef; text-decoration: underline; }
	.contentToolbar a:visited	{ color: #abcdef; text-decoration: underline; }
	.contentToolbar a:hover		{ color: #00FF00; text-decoration: none; font-weight: bold; }
/*}}}*/
/*{{{ Form classes*/
.button     { background: #313131; color: #abcdef; border: 1px solid #111112; cursor: pointer; }
	.button:hover { background: #212121; color: #D0D000; border: 1px solid #D0D000; }

.checkbox   { margin-bottom: 0px; }

.formHeader { background: #112244; color: #999999; font-weight: bold; padding-right: 3px; text-align: right; }
.formField  { line-height: normal; }
.formSubmit { text-align: right; }
.formTip    { font-size: 10px; line-height: normal; }

.text       { border: 1px solid #336699; }
	.text:hover    { border: 1px solid #000000;	}

.longText   { border: 1px solid #336699; width: 300px; }
	.longText:hover    { border: 1px solid #000000;	}

/*}}}*/
/*{{{ Generic table classes*/
.genericTable       { padding: 0px; width: 100%; }
.genericTableTitle  { border-bottom: 1px solid #000001; font-weight: bold; }
.genericTableHeader { background: #2f2f2f; border-bottom: 2px solid #000001; font-weight: bold;	padding: 2px; }
.genericTableCell   { background: #2f2f2f; padding: 2px;}

/*}}}*/
/*{{{ Miscellaneous classes*/

.flickrimg { border-color: #000000; border-style: solid; border-width: 1px; margin-left: 5px; margin-top: 5px; }

.copyright  { border-top: 2px solid #000001; color: #abcdef; font-size: 9px; line-height: normal; margin-top: 5px; text-align: right; }
	.copyright a:link      { color: #abcdef; text-decoration: underline; }
	.copyright a:visited   { color: #abcdef; text-decoration: underline; }
	.copyright a:hover     { color: #00FF00; }

.rss        { color: #111112; font-size: 9px; line-height: normal; margin-top: 5px; text-align: left; }
		.rss a:link      { color: #111112; text-decoration: underline; }
		.rss a:visited   { color: #111112; text-decoration: underline; }
		.rss a:hover     { color: #00FF00; }

.header     { border-bottom: 1px solid #00FF00; font-weight: bold; margin-top: 25px; width: 250px; }

.headbanner { color: #000000; background: #2d2d2d; font-size: 9px; line-height: 12px; position: absolute;
              border-bottom: 2px solid #000001; border-top: 2px solid #000001; border-right: 2px solid #000001;
              top: -2px; left: 170px; width: 615px; height: 38px; -moz-border-radius: 0 13px 13px 0; }
	.banner_1		{ position: absolute; top: 4px; left: 5px; z-index: 5; border: 0px solid #000001; }
	.banner_2		{ position: absolute; top: 4px; left: 95px; z-index: 5; border: 0px solid #000001; }
	.banner_3		{ position: absolute; top: 4px; left: 185px; z-index: 5; border: 0px solid #000001; }
	.banner_4		{ position: absolute; top: 4px; left: 249px; z-index: 5; border: 0px solid #000001; }
	.banner_5		{ position: absolute; top: 4px; left: 339px; z-index: 5; border: 0px solid #000001; }
	.banner_6		{ position: absolute; top: 4px; left: 430px; z-index: 5; border: 1px solid #000001; }

	.wowbanner             { position: absolute; top: 3px; left: 12px; z-index: 5; border: 1px solid #000001; }
	.vtstatus              { position: absolute; top: -7px; left: 509px; z-index: 5; border: 1px solid #000001; }

.imageLeft  { border: 1px solid #000000; float: left; position: relative; padding: 1px; margin: 5px; margin-left: 1px; }
.imageRight { border: 1px solid #000000; float: right; position: relative; padding: 1px; margin: 5px; margin-right: 1px; }

.infoBox    { background: #ffffff; border: 1px solid #000000; color: #000000; display: none; font-size: 9px; line-height: normal; max-width: 250px; padding: 2px; position: absolute; text-align: justify; z-index: 1; }

.infoLink   { border-bottom: 1px dashed #447744; }

.logo       { position: relative; left: 0px; top: 3px; }
	.logo a            { }
	.logo a:visited    { }
	.logo a:hover      { }

.logoImage  { width: 170px; }

.mainbar    { left: 190px; padding: 3px; position: absolute; width: 595px; top: 60px; }
.mainBody   { }
.pagerLeft  { float: left; position: relative; }
	.pagerLeft a:link	   { color: #cccccc; }
	.pagerLeft a:visited   { color: #cccccc; }
	.pagerLeft a:hover     { color: #00FF00; text-decoration: underline; }
.pagerRight { float: right;	position: relative; }
	.pagerRight a:link     { color: #cccccc; }
	.pagerRight a:visited  { color: #cccccc; }
	.pagerRight a:hover    { color: #00FF00; text-decoration: underline; }
/*}}}*/
/*{{{ Sidebar menu classes*/
.sidebar    { background: #2d2d2d;
               left: 10px; line-height: 14px; position: absolute;
               border-left: 2px solid #000001;  border-right: 2px solid #000001; border-bottom: 2px solid #000001; border-top: 2px solid #000001;
               top: 10px; width: 170px;
               -moz-border-radius: 10px 0 13px 13px; }
	.sidebar a:link	       { color: #cccccc; }
	.sidebar a:visited     { color: #cccccc; }
	.sidebar a:hover       { color: #00FF00; }
.sidebox    { position: relative; left: 5px; }
.sideboxtitle {	color: #abcdef;	font-weight: bold; margin-bottom: 3px; margin-left: 2px; }
/*}}}*/
/*}}}*/

div#a
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#b
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#c
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#d
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#e
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#f
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#g
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#h
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#i
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#j
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#k
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#l
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#m
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#n
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#o
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#p
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#q
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#r
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#s
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#t
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#u
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#v
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#w
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#x
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#y
  {
  margin: 2px 2px 2px 2px;
  display: none;
}

div#z
  {
  margin: 2px 2px 2px 2px;
  display: none;
}