﻿body 
{
	
	background-color:black;
	font-size:14px;
	font-family:Veranda;
	margin:0px;
	padding:0px;
	
}

div#bar
{
	position:absolute;
	width:100%;
	height:100px;
	top:220px;
	left:0px;
	background-color:#3399cc;
	z-index:2;
}

div#wrapper
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:768px;
	background-color:transparent;
	left: 0px;
	height: 965px;
	text-align:right;
	
}

div#wrapper2
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:10px;
	width:768px;
	background-color:transparent;
	left: 0px;
	height: 717px;

}

@media print {
  #rcfg_content_box { position: relative; top: 50px }
  span,h1 { display: none }
  #rcfg_breadcrumbs,#rcfg_contact_submitbox { display: none }
}

/*
div#configwrapper
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:768px;
	background-color:transparent;
	left: 0px;
	height: 365px;
	text-align:center;

}
*/
div#innerwrapper
{
	position:relative;
	width:50px;
	margin-left:98%;
	margin-right:2px;
	background:white url(images/grey-shadow-top.gif) 0 0 repeat-y;
	background-color:white;
	height: 450px;
}


h3
{
	margin-top:0px;
	padding-top:0px;
}


h2
{
	margin-top:0px;
	padding-top:0px;
}

div#head
{
	position:absolute;
	width: 768px;
	height:435px;
	top:0px;
	background-color:transparent;
	
}

div#head2 
{
	position:absolute;
	width:768px;
	height:136px;
	top:0px;
	background-color:transparent;	
}

div#spacer
{
	position:relative;
	height:25px;
	width:750px;
	background-color:#59a6bd;
}

div#example
{
	position:relative;
	left:500px;
	width:150px;
	height:440px;
	padding:5px;
	background-color:silver;
	border: 1px solid #BFBAB0;
	z-index:60;
}

div#menu
{
	position:absolute;
	left:0px;
	top:418px;
	width:768px;
	height:52px;
	background-color:white;
	background-image:url('images/ic_056_navpng.png');
	background-repeat:no-repeat;
}


div#columns
{
	position:absolute;
	width:768px;
	top:453px;
	
	background-color:white;
	left: 0px;
	height: 510px;
	
}

div#columns2
{
	position:absolute;
	width:768px;
	top:130px;
	background-color:white;
	left:0px;
	height:569px;	
	

}

div#side1
{
	position:absolute;
	width:172px;
	top:5px;
	left:0px;
	height: 278px;
}

div#content
{
	position:absolute;
	width:595px;
	height:460px;
	top:0px;
	left:172px;
	background-color:White;
}


table#content
{
	position:relative;
	width:595px;
	height:350px;
	background-color:White;
}


div#side2
{
	position:absolute;
	width:150px;
	top:0px;
	left:600px;
}

div#foot
{
	position:absolute;
	background-image: url('images/ic_056_navpng.png');
	background-repeat:repeat;
	text-align:left;
	width:768px;
	height:52px;
	top:910px;
}

div#foot2
{
	position:absolute;
	background-image: url('images/ic_056_navpng.png');
	background-repeat:repeat;

	width:768px;
	height:52px;
	top:642px;
	left: 0px;
}




div#contentHeader
{
	width:595px;
}

div#leftContent
{
	position:absolute;
	width:250px;
	font-family:Trebuchet MS ;
	font-size:12px;
}

div#rightContent
{
	position:relative ;
	width:345px;
	left:250px;
}
a {
	color:white;
	font-size:medium;
}
a:active{
	color:white;
	font-size:medium;
}
a:visited {
	
	color:white;
	font-size:medium;
}

li{
	color:white;
}

label 
{
	color:#000000;
	float: left;
	width: 10em;
	margin-right: 1em;
}

fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background-color:#F2EFE9;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}

fieldset li {
	float:left;
	clear:left;
	width:100%;	
	padding-bottom: 1em;
}

legend {
	margin-left: 1em;
	padding: 0;
	color:#000000;
	font-weight: bold;
}

fieldset.submit 
{
	float: none;
	width: auto;
	border-style: none;
	border: 0 none #FFF;
	padding-left: 12em;
	background-color: transparent;
}

.wireFrame 
{
display: 	none; 
overflow: hidden; 
z-index: 2; 
background-color: #FFFFFF; 
border: solid 1px #D0D0D0;

}


.accordionHeader
{
    border: 1px solid #009900;
    color: white;
    background-color: #990000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align :center;
}

.accordionContent
{
    font-family :Trebuchet MS ;
    font-size :8pt;
    background-color: #FFFFFF;
    border: 1px dashed #009900;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 	background-color: #990000;
    color: white;
}

.sFinder
{
	background-color:#000000;
	font-size:medium;
	color: white;
	text-align: center;
	height: 25px;
}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	background: #3399cc;
	height: 58px;
	width: 470px;
	
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 95px;
	background: #3399cc;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	
     background: #66ccff
     }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #3399cc;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		z-index:29;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #3399cc;
		color: #ffffff;
		font: 14px arial}

	#sddm div a:hover
	{	background: #66ccff;
		color: #FFF}

/*This starts the css for the accordion control*/	

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
text-align:left;
}


.applemenu div.silverheader a:active{
color: white;
}


.applemenu div.silverheader a:visited{
color: white;
}


.applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}


.applemenu div.selected a{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: black;
text-align:left;
padding: 5px;
height: 295px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:350px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:253px;
  padding:10px;
  background-color:#ffffff;
}

#dialog a{
	z-index: 50;
	color:black;
}