/* andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2
(Nov 28, 2005)

Screen layout: */

body{
margin:0;
padding:30px 0;
font:76% tahoma,verdana,sans-serif;
background:#047 url(../img/bodybg.png) repeat-x fixed;
color:#222;
}
.select
{
    cursor:pointer;margin-bottom:5px; width:199px; text-align:center; font-weight:bolder;
}

fieldset
{
	border-style:solid;
	border-width:1px;
	padding:5px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	border-color:#cccccc;
}	
legend
{
	font-weight:bold;
	color:Navy;
}
		input.inputgri, select.inputgri, textarea.inputgri {
		background: #eeeeee;
		font-size: 12px;
		border: 1px solid #cccccc;
		padding: 1px;
	}
	input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
		background: #ffffff;
		border: 1px solid #686868;
	}
		input.button {
		text-align:center;
		margin: 0;
		padding: 2px;
		border: 3px double #999999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background: url(../img/button.gif) repeat-x left top;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}



.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:White;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:White;
}

#thetop{
margin:0;
}

#container{
width:720px;
margin:0 auto;
padding:20px 20px 0 20px;
background:#fff url(../img/contbg.png) no-repeat;
color:#222;
}

a{
text-decoration:none;
background-color:inherit;
color:#26c;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
}

#main p,#sidebar p{
padding:0 0 0 10px;
}

#logo{
float:left;
width:240px;
margin:0 0px 0 0;
padding:0 0 0px 0;
background:#eee;
border:4px solid #dde;
text-align:center;
color:#555;
overflow:auto;
}

#logo h1{
margin:00px 5px 1px 5px;
letter-spacing:-3px;
}

#logo a{
background-color:inherit;
color:#26a;
text-decoration:none;
}

#logo a:hover{
background-color:inherit;
color:#69e;
}

#tagline{
text-align:center;
font-size:1.2em;
}

#intro p{
line-height:1.5em;
}

#main{
float:left;
width:530px;
margin-right:20px;
padding:0;
}

.headerstyle{
display:block;
margin:30px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(../img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

#sidebar{
width:155px;
float:right;
margin-top:20px;
font-size:1em;
line-height:1.3em;
}

#sidebar p{
font-size:0.9em;
}

.sidelink{
display:block;
text-align:center;
width:140px;
margin:0px 0px 2px 0;
padding:0px 0 5px 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#eee url(../img/gradient1.png) repeat-x;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink:hover,.menuheader{
background:#fff url(../img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#footer{
margin:0 auto 20px auto;
width:760px;
background:#fff url(../img/footerbg.png) bottom left no-repeat;
padding:0 0 5px 0;
font-size:0.9em;
color:#888;
text-align:center;
}

h1,h2,h3,h4{
margin:0 0 10px 0;
font-weight:normal;
}

h1{
font-size:2.8em;
}

h2{
margin:0 0 4px 0;
font-size:1.8em;
}

h3{
margin:20px 0 8px 0;
font-size:1.4em;
}

h4{
margin:10px 0 5px 0;
font-size:1.2em;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#888;
background-color:inherit;
}

.hide{
display:none;
}

.ContentBlock {
	MARGIN: 0px 2px 0px 7px;
}
.BlockHead {
	MARGIN: 0px 2px 0px 7px;
}
#tabArea {
	PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 1px; PADDING-LEFT: 7px; BACKGROUND: #ffffff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid
}
.tab {
	BORDER-RIGHT: #ccc 1px solid; text-decoration:none; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; FONT: bold 12px Arial; BORDER-LEFT: #ccc 1px solid; COLOR: #038; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; TEXT-DECORATION: none
}
.tab:visited {
	COLOR: #038
}
.tab:hover {
	COLOR: #03c; TEXT-DECORATION: underline
}
.activeTab {
	BORDER-RIGHT: #999 1px solid; text-decoration:none; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; FONT: bold 12px Arial; BORDER-LEFT: #999 1px solid; CURSOR: default; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #f00 0px solid; TEXT-DECORATION: none
}
.activeTab:link {
	COLOR: #000
}
.activeTab:visited {
	COLOR: #000
}
.activeTab:hover {
	COLOR: #000
}
.activeTab:active {
	COLOR: #000
}
.noDisp {
	DISPLAY: none
}
.borderbdt
{
    border-bottom:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999; padding-bottom:10px;
}
.hsinfo
{
    font-size:smaller;
    text-align:right;
}
.update
{
	position:absolute;width:350px;left:0px;top:0px;padding:10px;background:#FFFFFF;border:2px solid #2266AA;
}
#plugin { BACKGROUND: #0d0d0d; display:none; top:490px; left:500px; COLOR: #AAA; CURSOR: move; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }
#pos1,#pos2,#pos3,#pos4,#pos5,#pos6, #pos7, #pos8, #pos10, #pos11, #pos12, #pos13, #pos14, #pos15 {background-color:Black; height:0px; width:0px; display:block; position:absolute;}
#pos1 {top:443px; left:570px;}
#pos2 {top:505px; left:575px;}
#pos3 {top:533px; left:355px;}
#pos4 {top:533px; left:585px;}
#pos5 {top:565px; left:355px;}
#pos6 {top:565px; left:585px;}
#pos7 {top:565px; left:605px;}
#pos8 {top:565px; left:355px;}
#pos10 {top:415px; left:545px;}
#pos11 {top:415px; left:610px;}
#pos12 {top:540px; left:375px;}
#pos13 {top:540px; left:415px;}
#pos14 {top:540px; left:610px;}
#pos15 {top:565px; left:355px;}
#plugHEX { FLOAT: left; position: relative; top: -1px; }
#plugCLOSE { FLOAT: right; cursor: pointer; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #FFF; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#plugCUR, #plugCUR2, #plugCUR3, #plugCUR4, #plugCUR5, #plugCUR6, #plugCUR7, #plugCUR8, #plugCUR10, #plugCUR11, #plugCUR12, #plugCUR13, #plugCUR14, #plugCUR15 { color:Red; text-align:center; font-weight:bolder; z-index:20; cursor:pointer; border:solid 1px #cccccc; width: 18px; height: 18px; background: #FFF; margin-right: 3px; }

#SV { background: #FF0000 url('http://www.tickerit.com/img/cpik/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tickerit.com/img/cpik/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('http://www.tickerit.com/img/cpik/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('http://www.tickerit.com/img/cpik/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }


/* Original open source design by Andreas Viklund - http://andreasviklund.com
Released through OSWD.org */
div.r-b {
    position:relative;
    width: 9em;
    background-color: #E6E6E6;
    margin: 3px;
}
 
div.t-l-c, div.b-l-c, div.t-r-c, div.b-r-c
{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;}
 
div.t-l-i, div.b-l-i, div.t-r-i, div.b-r-i {position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;}
 
div.t-l-c { top:0px; left:0px; }
div.b-l-c {bottom:0px; left:0px;}
div.t-r-c {top:0px; right:0px;}
div.b-r-c {bottom: 0px; right:0px;}
 
div.t-l-i {left:-8px;}
div.b-l-i {left:-8px; top:-17px;}
div.t-r-i {left:-25px;}
div.b-r-i {left:-25px; top:-17px;}
 
div.b-c {
	position: relative; padding: 8px; color:#000;
 overflow:hidden;
}




/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}