/*******************************************
* REVIEW PAGE STYLES                       *
*******************************************/

.Review
{
  margin-bottom: 6px;
  width: 100%;
  /*word-wrap:break-word;*/
}

.reviewBody
{
    float: left;
    padding: 10px;
    margin-top: 6px;
}
.ReviewScores
{
  float: right;
  border: dotted 0px red;
  padding: 10px;
  margin-top: 6px;
}
.reviewOverallRating
{
    float: left;
    padding: 10px;
    margin-top: 6px;
}
.reviewMediaPanel
{
    float: right;
    padding: 10px;
    margin-top: 6px;
}


.AddAReview
{
  font-size: 1.2em;
  margin-right: 5px;
  float: right;
}

/*******************************************
* HOMEPAGE REVIEW STYLES                   *
*******************************************/

#HomepageReviews 
{
  width: 450px;
  border-right: solid 1px red;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
}

#HomepageReviews ul 
{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#HomepageReviews ul li
{
  margin: 0px 0px 5px 5px;
  padding: 1px;
  height: 45px;
  color: #407AA3; 
  text-align: left;
  overflow: hidden;
}

#HomepageReviews ul li img
{
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 5px;
  float: left;
}

#HomepageReviews ul li .ReviewTitle
{
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  color: Black;
  text-decoration: none;
}

#HomepageReviews ul li .HomePageReviewScore
{
  float: right;
  overflow: hidden;
  width: 106px;
  height: 22px;
  margin-top: 5px;
}

#HomepageReviews ul li .GradeIt
{
  clear: right;
  float: right;
  font-size: 0.85em;
  text-decoration: none;
}

/*********************************************************
* POST A REVIEW                                          *
*********************************************************/

#PostAReview .Description, #PostAReview .Scores
{
  clear: left;
  font-weight: bold;
  width: 130px;
  text-align: right;
  margin-right: 10px;
  float: left;
  height: 40px;
}

#PostAReview .Scores
{
  height: 10px;
  margin-top: 5px;
}

#PostAReview .ScoreOptions input
{
  width: 25px; 
}

#PostAReview .MakeSelect, #PostAReview .ModelSelect, #PostAReview .YearSelect, #PostAReview .EngineSelect
{
  float: left;
  width: 240px;
  margin: 0 5px 8px 0px;
}

#PostAReview .MakeDropDown, #PostAReview .ModelDropDown, #PostAReview .YearDropDown, #PostAReview .EngineDropDown
{
  width: 220px;
}

/*********************************************************
* REVIEW BIKE SEARCH                                     *
*********************************************************/

#ReviewBikeSearchTool
{
  border-color: Gray;
  width: 450px;
  float: left;
}

#SearchReviewHeader
{
  /*Background images stored in different stylesheet*/
  padding: 5px 10px 10px 15px;
  height: 13px;
  font-weight: bold;
  font-size: 1.1em;
  color: White;
  text-transform: capitalize;
}

#AddReviewHeader
{
  /*Background images stored in different stylesheet*/
  padding: 5px 10px 10px 15px;
  height: 13px;
  font-weight: bold;
  font-size: 1.1em;
  color: White;
  text-transform: capitalize;
}

#AddAReviewBox
{
  float: left;
  margin-left: 5px;
  width: 220px;
  border-color: Gray;
}

#AddAReviewBox img
{
    float: left;
}

#AddReviewMessage
{
  padding: 3px;
  font-weight: bold;
  color: Red;
  font-size: 1.2em;
  text-align: center; 
}

#ReviewBikeSearchToolForm
{
  padding: 0 5px 5px 5px;  
  text-align: center;
  border: solid 1px gray;
  border-top: 0;
  border-bottom: 0;
  margin: 2px 1px 0 0;
}

#ReviewBikeSearchTool .BikeSelectForm label
{
  width: 150px; 
}

#ReviewBikeSearchTool fieldset
{
  border: 0;
  padding: 0;
  margin-bottom: 4px;
  text-align: left;
}

.MakeSelect, .ModelSelect, .YearSelect, .EngineSelect
{
  float: left;
  width: 270px;
  margin: 8px 5px 0 15px;
}

.MakeDropDown, .ModelDropDown, .YearDropDown, .EngineDropDown
{
  width: 200px;
}

.ReviewPaging
{
  float: right;
  padding: 5px; 
}