/* CSS Document */

body {
	background-color: #182930;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.medtext{
	color: Black;
	font-family: "Trebuchet MS";
	font-size: 13px;
}
.newsbg{
	background-color: #2B3E46;
  }
.header1 {
color: #46C2FF;
font-family: "Trebuchet MS";
font-size: 24px;
}
.header2 {
color: #FFCC00;
font-family: "Trebuchet MS";
font-size: 24px;
}
.header1big {
color: #46C2FF;
font-family: "Trebuchet MS";
font-size: 36px;
}
.header2big {
color: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 36px;
}
.header3 {
color: #FFCC00;
font-family: "Trebuchet MS";
font-size: 24px;
}
.header4 {
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 24px;
}
.header5 {
	color: #182930;
	font-family: "Trebuchet MS";
	font-size: 24px;
}
.biggercontent {
	font-family: "Trebuchet MS";
	color: #CC9933;
	font-size: 12px;
}
.smallercontent {
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
}


/*This is for a dark grey box*/
.darkgrey{
display:block
}
.darkgrey *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#1e2427
  }
.darkgreydwei *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff
  }
.darkgrey1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #0c0f10;
  border-right:1px solid #0c0f10;
  background:#161b1d;
  }
.darkgrey2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #030303;
  border-right:1px solid #030303;
  background:#181d1f;
  }
.darkgrey3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #181d1f;
  border-right:1px solid #181d1f;
  }
.darkgrey4{
  border-left:1px solid #0c0f10;
  border-right:1px solid #0c0f10;
  }
.darkgrey5{
  border-left:1px solid #161b1d;
  border-right:1px solid #161b1d;
  }
.darkgreyfg{
  background:#1e2427;
  }
.darkgreyfgdwei{
  background:#ffffff;
  }
  
  
/*This is for an almost white box*/
.nearwhite{
display:block
}
.nearwhite *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background-color: #1D7394;
  }
.nearwhite1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #61D7394;
  border-right:1px solid #1D7394;
  background:#1D7394;
  }
.nearwhite2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1D7394;
  border-right:1px solid #1D7394;
  background:#1D7394;
  }
.nearwhite3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #1D7394;
  border-right:1px solid #1D7394;
  }
.nearwhite4{
  border-left:1px solid #1D7394;
  border-right:1px solid #1D7394;
  }
.nearwhite5{
  border-left:1px solid #1D7394;
  border-right:1px solid #1D7394;
  }
.nearwhitefg{
	background-color: #1D7394;
  }
.thumbnails {
	border: 3px solid #FFFFFF;
  }  
  
  /*This is for a mid grey box*/
.midgrey{
display:block
}
.midgrey *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background-color: #2E424B;
  }
.midgrey1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #2E424B;
  border-right:1px solid #2E424B;
  background:#2E424B;
  }
.midgrey2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #2E424B;
  border-right:1px solid #2E424B;
  background:#2E424B;
  }
.midgrey3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2E424B;
  border-right:1px solid #2E424B;
  }
.midgrey4{
  border-left:1px solid #2E424B;
  border-right:1px solid #2E424B;
  }
.midgrey5{
  border-left:1px solid #2E424B;
  border-right:1px solid #2E424B;
  }
.midgreyfg{
	background-color: #2E424B;
  }

/*-------------------------
Color Picker CSS (for consultation form)
-------------------------*/
#pickerPanel { width: 360px; height: 240px; font: normal 11px verdana, sans-serif; line-height: 19px; margin: 0; }

/* slider */

.dragPanel { 
    position: relative;
    border:solid;
    margin: 4px;
    width: 260px;
    height: 180px;
}

.dragPanel h4 { 
    
    height: 10px;
    margin: 0px;
    cursor: move;
}


input { font-size: .85em }
.thumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

.bg {
    position:absolute; 
    left:10px; 
    height:18px; 
    width:146px; 
    border: 0px solid #aaaaaa;
}

.bg span, .bg p {
    cursor:default;
    position: relative;
    font-size: 2px;
    overflow: hidden;
    color: #aaaaaa;
    top: 4px;
    height: 10px;
    width: 4px;
    display: block;
    float:left;
}

.bg span {
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.bg .lb {
    border-left:1px solid #cccccc;
}

.bg .rb {
    border-right:1px solid #cccccc;
}
#valdiv { position:absolute; top: 100px; left:10px; } 

#rBG {top:30px}
#gBG {top:50px}
#bBG {top:70px}

#rgbSwatch {
    position:absolute; 
    left:160px; 
    top:34px;
    height:50px; 
    width:50px; 
    border:1px solid #aaaaaa;
}

#rgbPanel {
/*
top: 400px;
left: 20px;
*/
width: 360px;
height: 240px;
}

/* picker */

#hueThumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
 
}

#hueBg {
    position:absolute; 
    left:216px; 
    height:198px; 
    width:18px; 
    background:url(../img/hue.png) no-repeat;
    top:18px;
}

#pickerDiv {
    position:absolute; 
    left:10px; 
    height:187px; 
    width:188px; 
    /*
    background:url(../img/pickerbg.png) no-repeat;
    */
    top:20px;
}

#pickerbg { 
    position:absolute; 
    z-index: 1;
    top:0px;
    left:0px;
}
#selector { 
    cursor:default;
    width:11px; 
    height:11px; 
    z-index: 9;
    position:absolute; 
    top:0px;
    left:0px;
}

#pickerSwatch {
    position:absolute; 
    left:260px; 
    top:30px;
    height:60px; 
    width:60px; 
    border:2px solid #aaaaaa;
}

#pickervaldiv { text-align:right; position:absolute; top: 86px; left:246px; }

.colorbox{
width: 25px;
height: 14px;
border: 1px solid black;
border-bottom-width: 0;
}