/*GENERAL CLASSES*/

select.Input{
    border: solid 1px #bcbcbc; 
    font-size:12px; 
    color: #777777; 
    background-color:#ffffff; 
    padding: 3px; 
    width: auto; height:25px;  
    display:inline; 
    }
 select.InputFocused{
    border: solid 1px #BFDFFF;  
    font-size:12px; 
    color: #000000; 
    background-color:#dfffee; 
    padding:3px;
    width: auto; height:25px;
    font-weight:normal; 
    }     
       
 .Input{
    border: solid 1px #bcbcbc; 
    font-family:Verdana;
    font-size:12px; 
    color: #777777; 
    background-color:#ffffff; 
    padding: 3px; 
    width:200px; height:20px;
    display:inline; 
    vertical-align:middle; 
    }
 .InputFocused
{
    border: solid 1px #55aadd;
    font-family:Verdana;
    font-size: 12px;
    color: #000000;
    background-color: #BFDFFF;
    padding: 3px;
    width: 200px; height:20px;
    font-weight:bold; 
    vertical-align:middle;
}     
    
 .InputChk{width:25px; height:25px; color:maroon;}
 .InputChkFocused{width:25px; height:25px; color:maroon; background-color:#BFDFFF; padding:3px;}
 
 .hr, .HR
{
	background:url(cssimg/hr-solid.png) repeat-x;
	border:0px;
	height:1px;
	padding-top:3px; padding-bottom:3px;
	}

.vhr, .VHR{
    background:url(cssimg/vhr-solid.png) repeat-y;
	border:0px;
	height:1px;
	padding-left:3px; padding-right:3px;
	background-position:center
    }

.hrdot, .HRDot, hrDot, HrDot{
    background:url(cssimg/hr-dotted.png) repeat-x;    
	border:0px;
	height:1px;
	padding-top:5px; padding-bottom:5px;
    }
    
.vhrdot, .VHRDot, vhrDot, VhrDot{
    background:url(cssimg/vhr-dotted.png) repeat-y;
	border:0px;
	height:1px;
	padding-left:3px; padding-right:3px;
	background-position:center
    }


h1, .H1
{
    font-family: verdana;
    font-size: 20px;
    color: #00B8FD;
    text-decoration: none;
    font-weight: 500;
}	
	
h2, .H2
{   font-family: tahoma;
	font-size: 20px;
	color: #00B8FD;
	text-decoration: none;
	font-weight: 500;}	
	
h3, .H3{ font-family:tahoma; font-weight:500; font-size: 16px;	color: #00B8FD; }
h4, .H4{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}
h5, .H5{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}
h6, .H6{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}


 a.Heading, .Heading
{ 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; 
}	
 a:hover.Heading
{ 
    font-size:14px;  
    text-decoration:none; 
    font-weight:bold;
}	

.H{vertical-align:middle; height: 35px; font-family: Helvetica, Arial, sans-serif; }
.H a {color:#dedede; height: 35px; vertical-align:middle; font-size:14px; font-size: 14px;	font-weight: bold; padding-right:30px;}
.H a:hover
{
    color: #22C2FF;
    text-decoration: none;
}
.H a.Selected {
    color: #22C2FF;
    text-decoration: none;}
.H a.Special {
    color: #ff9933;
    text-decoration: none;
}

/*
.Header a
{color: #ababab; height:50px; text-decoration:none; padding:10px; padding-top:15px;}

.Header a.Special
{color: #ff9933;height:50px; text-decoration:none; padding:10px; padding-top:15px;}

.Header a:hover
{color:white;height:50px; text-decoration:none; background-color:#22C2FF; padding:10px; padding-top:15px;}

.Header a.Selected
{color:white; height:50px; text-decoration:none; background-color:#22C2FF; padding:10px; padding-top:15px;}
*/

 
 a.White, .White
{color:#ffffff;	text-decoration:none;}	

 a:hover.White
{color:#cccccc;    text-decoration:underline;}		

 a.Orange, .Orange
    {color: #ff9933;	text-decoration: none;}

 a:hover.Orange	
    {color:#ff9933;    text-decoration:underline;}
	
  
 a.Yellow, .Yellow
    {color: #ffff91;	text-decoration: none;}

  a:hover.Yellow
    {color:#ffff91;    text-decoration:underline;}	
	
 
 a.Gray, .Gray
    {color: #9a9a9a;	text-decoration: none;}
    
 a:hover.Gray
    {color:#575757;    text-decoration:underline;}	

 a.Black, .Black
{color:#686868;	text-decoration:none;}	

 a:hover.Black
{color:#686868;    text-decoration:underline;}		

a.Blue, .Blue
{
    color: #008FC6;
    text-decoration: none;
}	

 a:hover.Blue
{color:#686868;    text-decoration:underline;}	

a.LightBlue, .LightBlue{    color: #3399FF;    text-decoration: none;}	
a:hover.LightBlue, .LightBlue a:hover{color:#3377aa;    text-decoration:underline;}	

 a.Green, .Green
    {color:  #99CC00;	text-decoration: none;}
    
 a:hover.Green
    {color:#99CC00;    text-decoration:underline;}	

 a.BigLink{font-size:105%;} a:hover.BigLink{font-size:105%;}
 /*a.Small{font-size: 75%;} a:hover.Small{font-size: 75%;}*/
 a.Bold{font-weight:bold;} a:hover.Bold{font-weight:bold;}
 a.Heading{font-size:130%;} a:hover.Heading{font-size:130%;}
 

.GrayBox{border:solid 2px #dddddd; background-color:#efefef; text-align:left; margin:4px;}

.LeftButtons{ margin:4px; text-align:left;}
.LeftButtons div.Box{border: solid 1px #cdcdcd; background-color:#dddddd;}
.LeftButtons div.NoStyle{border: none; background-color:white;}
.LeftButtons div.NoStyle a.NoStyle{display:block; background-color:white; padding:0px; margin:0px;}

.LeftButtons  a{display:block; background-color: #ffffff; border:none 1px #dddddd; text-align:left;  text-decoration:none; color:#3366aa; display:block; margin-top:2px; padding-left:5px; padding-bottom:3px; padding-top:3px;}

.LeftButtons  a:hover{ display:block;text-decoration:none; color:white; background-color:#83AA1C}

.LeftButtons  a.LeftLinksHeader{display:block;text-decoration:none; color:white; background-color:#575757; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}

.LeftButtons  a.LeftLinksHeaderLight{display:block;text-decoration:none; color:white; background-color:#999999; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}

.LeftButtons  a.LeftLinksHeaderGreen{display:block;text-decoration:none; color:white; background-color:#9CCB21; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}
.LeftButtons a.NoStyle{display: block;}
.LeftButtons a:hover.NoStyle{display: block;}

.AdminLeftLinks a{color:#676767;}
.AdminLeftLinks a:hover{color: black;}

.Bold{font-weight:bold;}
.Small{font-size:smaller;}
.Border1{border: solid 1px #efefef;}
.Border2{border: solid 2px #efefef;}

.FillGray{background-color:#dddddd;}
.FillGreen{background-color:#c6e969;}
.FillBlack{background-color:#575757;}
.FillWhite{background-color:#ffffff;}

.SubPages{font-weight:bold}

.Active{color:Black;}
.Inactive{color:#bcbcbc;} 
table.Active{ background-color:#bdbdbd; color:#575757;}
table.Inactive{ background-color:#dfdfdf; color:#bdbdbd;}

.GreyedOutCss{background-image:url('cssimg/fade.png');}

.Box{border: solid 1px #cdcdcd; padding:3px;}
.Box2{border: solid 2px #cdcdcd; padding:3px;}
.Box3{border: solid 3px #cdcdcd; padding:3px;}
.BoxGrey{border: solid 1px #cdcdcd; padding:3px;}
.BoxDev{border: solid 1px #2A4E97; padding:3px;}
.BoxBuyer{border: solid 1px #C9E886; padding:3px;}

.Highlight{background-color:#efefef; padding:3px;}
.HighlightGrey{border: solid 1px #cdcdcd; padding:3px;  background-color:#efefef;}
.HighlightDev{border: solid 1px #C9E886; padding:3px;  background-color:#C9E886;}
.HighlightBuyer{border: solid 1px #2A4E97; padding:3px;  background-color:#2A4E97;}


/* RATING */
/* CSS for Rating */ 
.ratingStar {
  width: 13px;
  height: 12px;
  text-align: center;
  cursor: pointer;
}

.emptyStar {
  background-image: url(rating/emptystar.gif);
}

.filledStar {
  background-image: url(rating/filledstar.gif);
}

.waitingStar {
  background-image: url(rating/savedstar.gif);
}
.rating {
  margin-left: 2px;
  margin-right: 2px;
}

.rating fieldset {
  border: 0px;  
}

.rating fieldset legend {
  position: relative;
  font-size: .8em;
  left: -10px;
}

.rating fieldset span {
  left: 100px;
  top: -14px;
}
 
 
 .ratingStarBig {
  width: 21px;
  height: 21px;
  text-align: center;
  cursor: pointer;
}

.emptyStarBig {
  background-image: url(rating/emptystar-big.gif);
}

.filledStarBig {
  background-image: url(rating/filledstar-big.gif);
}

.waitingStarBig {
  background-image: url(rating/savedstar-big.gif);
}
.ratingBig {
  margin-left: 2px;
  margin-right: 2px;
}

.ratingBig fieldset {
  border: 0px;  
}

.ratingBig fieldset legend {
  position: relative;
  font-size: .8em;
  left: -10px;
}

.ratingBig fieldset span {
  left: 100px;
  top: -14px;
}
 
 /* LISTS */
 
ul.Circle{ list-style-position:inside}
ul.Circle li{ list-style-image: url('images/circle1.png');}
ul.Circle li b{font-weight:bold; font-size:larger;}

ul.Arrow{list-style-position:inside; padding-left:5px;}
ul.Arrow li{ list-style-image: url('images/arrow-orange.gif'); font-size:small; vertical-align:middle;}
ul.Arrow li b{font-weight:bold; font-size:larger;}

/* LOGICAL */

.Developer{ color: #8CBB00;}
.Buyer{ color: #575757;}


/* VALIDATION */

.Error, .ErrorText { color:#cc0000; }
.Info, .InfoText{color: #336699;}


/* CONTROLS */

#Input /*for table*/
{ background-color: #C9E886;
    }
    
#Input td
{  
     background-color:White; 
    }
    
.Button
{ 
    background-color: black;
    background-image: url('buttons/btn-back.png' );
    color: White;
    border:solid 2px #898989;  
    font-weight: bold; 
    font-size:16px; 
    vertical-align:middle;  
    height:30px;
    padding-right:4px;  
    padding-left:3px;  
    
    
    
}


/* BALOON TIP */

 
#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #FFFFE0;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
 
 
 /* BUTTONS */
 
 .btnFindProducts{
  background: transparent url('buttons/find-products.png') no-repeat bottom right;
  width:31px;
  height:30px;
  border:none;
  text-align:right;
  vertical-align:bottom;  
 }
 
 a.GreenButton{
background: transparent url('btnz/btnzleft.png') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.GreenButton, a:visited.GreenButton,a:active.GreenButton{
color: #7f8c18; /*button text color*/
font-weight: bold;
text-decoration:none;
}


a.GreenButton span{
background: transparent url('btnz/btnzright.png') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.GreenButton{ /* Hover state CSS */
color: #58610f;
}


.ButtonWrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.SearchedText
{
    background-color: #FFFFCC;
    font-weight:bold; 
}

.CommentBox{

background:#f3f3f3 url('cssimg/comment-box.png') repeat-y top left;
color:Black;
padding-left:6px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
margin:2px;
}