
/*generic classes used for all pages*/
body
{
    font-family: verdana,helvetica,sans-serif;
    font-size: 10pt;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color: #FFFFFF;
}
select, textarea, input
{
    font-family: verdana,helvetica,sans-serif;
}
table
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    white-space: normal;
}

table.inlineTable
{
    border-collapse: separate!important;
    width: auto!important;
}

table.centeredTable
{
    margin: auto;
}

td
{
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
}

img
{
    border: 0px;
    behavior: url(images/iepngfix.htc);
}
p
{
    display: inline;
}

a
{
    text-decoration: none;
    cursor: pointer;
    color: #0000ff
}

a.button
{
  font-weight: normal;
}

textarea, select
{
  font-family: verdana,helvetica,sans-serif;
  font-size: 10pt;
}

.headerColors
{
  background-color : #ffffff;
  color : #000000;
}

.button
{
    font-family: verdana,helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

p.bold
{
    font-weight: bold;
}
p.small
{
    font-size: 8pt;
}
.pageWidth
{
    width: 100%;!important;
    /*used for centering the page*/
    margin: 0 auto;
    min-width:1150px;
}
.defaultBG
{
  
  background-color:#ffffff;
}

/*classes used specifically for header*/
.header
{
    border-top: #343434 solid 1px;
    border-bottom: #343434 solid 1px;
    background: #343434 url(../images/tab-sprite-transparent.png) repeat-x 0px 0px;
    behavior: url(images/iepngfix.htc);
}

.header p, .header p a
{
    font-weight: bold;
    color: #FFFFFF;
}

.headerHL
{
  background-color: #E5E5E5;
}

.headerHL p, .headerHL p a
{
  color: #000000;
}

.headerDivider
{
    border-right: #000000 solid 1px;
}

/*table header/footer classes*/
.header1
{
  background-color: #E5E5E5;
}

/*filterBar classes*/
.filterBar
{
  background-color:#0268B3;
  border-top:#025694 solid 1px;
  border-bottom:#025694  solid 1px;
  padding-left: 20px;
  color: #ffffff;
}

/*Button bar classes*/
.buttonBar, .buttonBar a
{
  color: #000000;
  background-color: #E2E2E2;
}

.buttonBarHighlight, .buttonBarHighlight a
{
  color: #000000;
  background-color: #efefef;
}

/*classes used by the drop down menu*/
.dropDown
{
  border: black solid 1px;
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
}

.dropDown a
{
  text-decoration: none;
  background-color: #FFFFFF;
  color: #000000;
  white-space: nowrap;
}

.dropDownSelection
{
  border: black solid 1px;
  background-color: #0000FF;
  padding-left: 20px;
  padding-right: 20px;
}

.dropDownSelection a
{
  text-decoration: none;
  background-color: #0000FF;
  color: #FFFFFF;
  white-space: nowrap;
}

/*classes used for footer*/
.footer
{
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    height: 35px;
    border-top: #000000 solid 1px; 
    border-bottom: #000000 solid 1px;
}
.footer a
{
    text-decoration:none;
    color: #ffffff;
}

/*Breadcrumb classes*/
.breadCrumb
{
   
   background-color:#ffffff;
}

.breadCrumb td
{
    padding-left: 20px;
}

.breadCrumbTitle
{
    font-weight: bold;
    font-size: 20pt;
}

/*Tab classes*/
.myTable
{
  background-color:#F2F2F2;
  width:100%;
}

.myTable TABLE TD
{
border-bottom: #000 solid 1px;
}

.tab
{
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /* */
  background: #ede275 url(../images/tab-sprite-transparent.png) repeat-x 0px -28px;
  overflow:hidden;
  behavior: url(images/iepngfix.htc);
  border: #000 solid 1px;
}
.tab a
{
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  overflow:hidden;
}

.defaultTabBorder
{
  background-color: #ffa500;
}

TABLE TD.selected, 
{
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /*  */
  background: #ffa500 url(../images/tab-sprite-transparent.png) repeat-x 0px 0px;
  behavior: url(images/iepngfix.htc);
  border: #000 solid 1px;
  border-bottom: #ffa500 solid 1px;
}

.selected a
{ 
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
}

.highlighted
{
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /*  */
  background: #ff8c00 url(../images/tab-sprite-transparent.png) repeat-x 0px 0px;
  behavior: url(images/iepngfix.htc);
  border: #000 solid 1px;
}

.highlighted a
{
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
}

.tabTable
{
  
  background-color:#ffffff;
  width:100%;
  font-size:10pt;
}

.tabFooter
{
  
  clear:both;
  background-color:#ffffff;
}

/*Message box classes*/
.messageBoxOuterBorder
{
  border: #CE7118 solid 1px;
}
.messageBoxBorder
{
  color: #000000;/*May not need this*/
  background-color: #ffa500;
  width: auto;
  font-weight: bold;
  font-size: 24pt;
}
.messageBoxBorder input
{
  width: 100px;
  font-weight: bold;
}
.messageBoxContent
{
  color: #000000;
  background-color:#ffffff;
  width: 300px;
  padding: 0px;
  height: 100px;
  font-weight: normal;
  font-size: 10pt;
}

.messageBoxAlertContent
{
  background-color: #ffffff;
  color: #000000;
  width: 286px;
  padding: 7px;
  font-weight: normal;
  font-size: 10pt;
}

/*News classes*/
.newsMainTitle
{
  font-weight: bold;
  font-size: 24pt;
}

.newsTitle
{
  font-weight: bold;
}

.newsDescription
{
}

/* BEACHHEAD TABLE */

table.bh_table {
    margin: auto;
    width: 100%;
    white-space: noWrap;
    overflow: visible;
    table-layout: fixed;
}

table.bh_table a {
    color: #0000ff;
}
table.bh_table tr, table.bh_table tr.on {
    background-color: #E5E5E5;
}

table.bh_table tr.off {
    background-color: #ececec;
}

table.bh_table tr.highlight {
    background-color: #d8f2d8;
}

table.bh_table tr.table_header td{
    background-color: #000000;
    color: #FFFFFF;
}

table.bh_table tr.table_header img {
    border: 0px;
}

table.bh_table tr.table_header a {
    color: #FFFFFF;
	    text-decoration: none;
	white-space: noWrap;
}

table.bh_table td {
    padding: 4px 15px;
    border-bottom: 1px solid #FFFFFF;
	white-space: noWrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-align:left;
    cursor: default;
    color: #000000;
}

/*Table list box selection color.*/
.selectedListBox
{
  color: #FFFFFF;
  
  background-color: #357FB6;
}

tr.selectedListBox td
{
  color: #FFFFFF;

  background-color: #357FB6;
}

/* Style Manager */

table#colorChooserTable {
    width: 385px!important;
}

table#colorChooserTable td {
    padding: 3px;
}


table#hexcolortable {
    width: 216px!important;
    border-collapse: collapse;
    margin-top: 10px;
}

table#hexcolortable td {
    border: 1px solid #EFEFEF;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    cursor: pointer;
}

div#colorpicker_div {
    font-family: Verdana;
    font-size: 12px;
    color: #606060;
}

.colorPreview {
    border: 1px solid #909090;
    width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: hand;
}

/*For the table that contains the content*/
.BHPS_ContentTable
{
  width: 100%;
  height: 100%;
  background-color: white;
} 
 .BHPS_MiddleLeft, .BHPS_UpperLeft, .BHPS_BottomLeft, .BHPS_MiddleRight
 {
   border-left: #EFAE61 solid 1px;
 }
 
 .BHPS_MiddleRight, .BHPS_UpperRight, .BHPS_BottomRight, .BHPS_MiddleLeft
 {
   border-right: #EFAE61 solid 1px;
 }
 
 .BHPS_UpperRight, .BHPS_UpperLeft, .BHPS_BottomMiddle, .BHPS_UpperMiddle
 {
   border-top:  #EFAE61 solid 1px;
 }
 
  .BHPS_BottomRight, .BHPS_BottomLeft, .BHPS_BottomMiddle, .BHPS_UpperMiddle
 {
   border-bottom:  #EFAE61 solid 1px;
 }

.BHPS_UpperLeft, .BHPS_UpperRight, .BHPS_UpperMiddle, .BHPS_BottomLeft, 
.BHPS_BottomRight, .BHPS_BottomMiddle, .BHPS_MiddleRight, .BHPS_MiddleLeft
{
  height: 21px;
  width: 15px;
  background-color: #FEC077;
}

.BHPS_UpperLeft, .BHPS_UpperMiddle, .BHPS_UpperRight
{
  cursor: move;
}

.BHPS_MiddleRight
{
  cursor: e-resize;
}

.BHPS_BottomRight
{
  cursor: se-resize;
}

.BHPS_BottomLeft, td.BHPS_BottomMiddle
{
  cursor: s-resize;
}

.BHPS_MiddleMiddle
{
  width: auto;
  background-color:white;
  border-collapse:collapse;
}



/*
This is the class for the main image which pops up the BHPS
*/
img.BHPS_Img
{
  position:relative;
  top: 15px;
  height: auto;
  width: auto;
}

/*
This is for the track of the scroll bar
*/
.BHPS_ScrollTrack
{
  background-color: #ECECEC;
}

/*
This is the position object for the scroll bar
*/
.BHPS_ScrollPos
{
  background-color: #DFDFDF;
}


/*
This is the div(s) that contains the content and the scroll bar
*/
.BHPS_ContentDiv
{
}


/*
This is the outermost div for the Beachhead Popup Scroller.
*/
.BHPS_MainDiv
{
  background-color: orange;
}


/*
These are the styles for the div's on the DRA tutorial pages (with exception of the menu)
*/
.draPageTitle
{
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
  display: none;
}
.draPageImage
{
  position: absolute;
  left: 137px;
  top: 25px;
  display: none;
}
.draPageContent
{
  position: absolute;
  left: 150px;
  right: 150px;
  top: 305px;
  width: 649;
  display: none;
  text-align: center;
}

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}

/* MooRainbow Color Picker */

#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(images/moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}

.highlightColor
{
  color: #FF0000;
}

.yellowhighlightColor
{
  color: #9B870C;
}



.TierTab
{
  
  color: #FFFFFF;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /* */
  
  background: #FFFFFF; 
  overflow:hidden;
  behavior: url(images/iepngfix.htc);
  border: black solid 1px;
}
.TierTab a
{
  
  color: #357FB6;       
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  overflow:hidden;
}

.TierTable
{
  
  background-color:#FFFFFF;     
  width:100%;
}

.TierTable TABLE TD
{
  border-bottom: black solid 1px;
}

.TierTabBorder
{
  
  background-color: #FFFFFF;        
}

TABLE TD.TierSelected
{
  
  color: #000000;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /*  */
  
  background: #E5E5E5;        
  behavior: url(images/iepngfix.htc);
  border: black solid 1px;
  border-bottom: #E5E5E5 solid 1px;
}

.TierSelected a
{ 
  
  color: #000000;       
  font-weight:bold;
  height: 25px;
  cursor: pointer;
}

.TierHighlighted
{
  
  color: #FFFFFF;
  font-weight:bold;
  height: 25px;
  cursor: pointer;
  /*  */
  
  background: #C5C5C5;   
  behavior: url(images/iepngfix.htc);
  border: black solid 1px;
}

.TierHighlighted a
{
  
  color: #000000;       
  font-weight:bold;
  height: 25px;
  cursor: pointer;
}

.TierTabBorderLine
{
         
  background-color: #00FF00;
}