/*bbcode*/
#BB_Font,#BB_Buttons,#BB_Helpline
{
		margin-top: 5px;
		margin-left: 111px;
}
#BB_Emoticons
{
	float:left; 
	margin-right: 10px;
	width:100px;
	height:200px;
	border:1px solid #ccc;
	padding:2px auto;
	text-align:center;
}
#BB_Emoticons h3
{
	clear:both;
}
#BB_Emoticons img
{
	cursor:pointer;
	padding:2px;
}

/*********Buttons*********/


.btn { display: block; position: relative; background: #2ae; 
       padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn:hover { background-color: #ff2740  !important; color:#fff;}
.btn:active { background-color: #444 !important; color:#fff;}
.btn[class] { background-image: url(Images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn .blue { border-color: #2ae; }
* html .btn .green { border-color: #9d4; }
* html .btn .pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00 ; }

/*********Rating*********/

        .ratingOff
        {
            background-image: url('Images/rate/staroff.png');
            width: 21px;
            height: 20px;
        }
        .ratingFilled
        {
            background-image: url('Images/rate/stargood.png');
            width: 21px;
            height: 20px;
        }
        .ratingOn
        {
            width: 21px;
            height: 20px;
        }
        .ratingWait
        {
            background-image: url('Images/rate/staron.png');
            width: 21px;
            height: 20px;
        }
        
        
/* @override http://stafftool.com/facebox/facebox.css */

#facebox .b {
  background:url(images/facebox/b.png);
}

#facebox .tl {
  background:url(images/facebox/tl.png);
}

#facebox .tr {
  background:url(images/facebox/tr.png);
}

#facebox .bl {
  background:url(images/facebox/bl.png);
}

#facebox .br {
  background:url(images/facebox/br.png);
}

#facebox {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
	font: .8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/*
http://plugins.jquery.com/node/7929/release
callout
*/
.updnValidatorCallout
{
    background-color: #fcc;
    color: #900;
    padding: 5px;
    margin: -5px 0 0 10px;
    position: absolute;
}
.updnValidatorCalloutPointer
{
    position: absolute;
    left: 0;
    top: 7px;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #fcc;
    border-left: 0;
}
.updnValidationErrorInput
{
    background-color: #fcc;
}
.updnValidationErrorLabel
{
    color: #900;
}

        /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
        div.rating-cancel         
        {
            float: left;
            width: 1px;
            height: 17px;
            text-indent: -999em;
            cursor: pointer;
            display: none;
            background: transparent;
            overflow: hidden;
        }
        
        div.star-rating
        {
            float: left;
            width: 20px;
            height: 19px;
            text-indent: -999em;
            cursor: pointer;
            display: block;
            background: transparent;   
        }
        div.rating-cancel, div.rating-cancel a
        {
            display: none;
            width: 1px;
            background: url(delete.gif) no-repeat 0 -16px;
        }
        div.star-rating, div.star-rating a
        {
            background: url(images/stars.png) no-repeat 0 0px;
        }
        div.rating-cancel a {
            display: none;
            width: 1px;
            height: 100%;
            background-position: 0 0px; 
            border: 0;
        }
        div.star-rating a
        {
            display: block;
            width: 19px;
            height: 100%;
            background-position: 0 0px;
            border: 0;
        }
        div.star-rating-on a
        {
            background-position: 0 -19px !important;
        }
        div.star-rating-hover a
        {
            background-position: 0 -38px;
        }
        /* Read Only CSS */
        div.star-rating-readonly a
        {
            cursor: default !important;
        }
        /* Partial Star CSS */
        div.star-rating
        {
            background: transparent !important;
            overflow: hidden !important;
        }
        /* END jQuery.Rating Plugin CSS */