/************* DATEPICKER ***********/
.datepicker {position:absolute;border:1px solid #999;font-size:11px;width:200px;padding:10px;height:245px;background:#fff;line-height:normal;}

/************* header***********/
.datepicker .header {position:relative;background:#f6ad36;height:26px;padding-top:4px;margin-bottom:3px;}
.datepicker .header .title {text-align: center;padding-top:4px;margin:0 42px 0 20px;}
.datepicker .header .titleText {color:#fff;font-weight:bold;}
.datepicker .header .titleText:hover {color:#333;font-weight:bold;cursor:pointer;}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {position:absolute;width:20px;height:17px;background:#fdf7d7;text-align:center;color:#666;top:5px;cursor:pointer;font-weight:600;color:#f6ad36;padding:3px 0 0 0;}
.datepicker .header .next:hover,
.datepicker .header .previous:hover,
.datepicker .header .closeButton:hover {pointer:cursor;background:#fff0a5;}
.datepicker .header .previous {left:5px;}
.datepicker .header .next {right:28px;}
.datepicker .header .closeButton {right:5px;}

/************* body ***********/
.datepicker .body {position:relative;top:0px;left:0px;width:204px;height:212px;overflow:hidden;}

/************* days grid ***********/
.datepicker .days .day {float:left;background:#fef6dc;cursor:pointer;color:#666;text-align:center;padding-top:6px;width:24px;overflow: hidden;height:20px;margin:0 3px 3px 0;border:1px solid #e5e5e5;}
.datepicker .days .day0 {margin-right:0;}
.datepicker .days .week5 .day {margin-bottom:0;}

/************* days colour ***********/
.datepicker .days .title {font-weight:bold;color:#333;background:#fff;cursor:default;border:none;margin-right:5px;}
.datepicker .days .otherMonth {background:#eee;color:#aaa;}

/************* months ***********/
.datepicker .months .month {float:left;background:#eee;cursor:pointer;text-align:center;overflow:hidden;width:61px;height:31px;padding-top:17px;margin:0 4px 4px 0;border:1px solid #e5e5e5;}
.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {margin-right:0;width: 64px;}
.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {margin-bottom:0;}

/************* years ***********/
.datepicker .years .year {float:left;background:#eee;cursor:pointer;text-align:center;padding-top:12px;width:45px;overflow:hidden;height:26px;margin:0 3px 3px 0;border:1px solid #e5e5e5;}
.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {margin-right:0;width:47px;}
.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {margin-bottom: 0;height: 26px;}

/************* global ***********/
.datepicker .selected {background:#f6ad36 !important;color:#fff !important;font-weight:600;}
.datepicker .unavailable {background:#f8f8f8 !important;color:#e5e5e5 !important;cursor:default !important;	}
.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {background:#fff0a5 !important;color:#f6ad36 !important;font-weight:600;border:1px solid #f6ad36;}

/************* RATINGS ***********/
.rating{width:81px;position:relative;height:16px;margin:0;padding:0;list-style:none;background: url(/shared/gfx/ratings.gif) no-repeat 0 0;overflow:hidden;}

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li {cursor: pointer;float:left;text-indent:-999em;}
ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index:200;outline:none;overflow:hidden;}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover {z-index:2;width:81px;height:16px;overflow:hidden;left:0;background: url(/shared/gfx/ratings.gif) no-repeat 0 0}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}

/****************   MAIN REVIEW FORM STYLES   ******************/
.ratings-review-form {padding:20px 5px 20px 0;background:#FEF6DC;border:1px solid #FFBC3F;width:500px;margin:0 0 20px 0;color:#004969}
.title-text {float:left;display:inline;width:125px;padding:10px 3px 8px 0;text-align:right;}
.title-text span {color:#F6AD36;font-weight:600;}
.form-icon{float:left;width:20px;padding:25px 25px 8px 30px;display:inline;}
.form-field {width:500px;margin:0;padding:0 0 12px;}
.form-field p{margin:0 0 20px 45px;font-size:12px;}
.form-input {float:left;display:inline;width:360px;padding:8px 0 0 8px;}
.form-input p{margin:0 0 20px 0;font-size:12px;color:#004969;}
.form-button {display:block;margin:15px;padding:0 0 0 115px;}
p.review-helptext{color:#666;font-size:11px;display:block;margin:12px 35px 0 135px;padding:0;}
.ratings-review-form hr {border:0;color:#cccccc;background-color:#e7e7e7;height:1px;margin:12px;padding:0;}

/****************   Review Form Text Input Styles   ******************/
.review-textinput{background:#fff;border-bottom:1px solid #dadada;border-right:1px solid #dadada;color:#333;padding:3px;width:340px;}
.review-textinput-small{background:#fff;border-bottom:1px solid #dadada;border-right:1px solid #dadada;color:#333;padding:3px;width:80px; margin-right:8px;}
.review-textinput-medium{background:#fff;border-bottom:1px solid #dadada;border-right:1px solid #dadada;color:#333;padding:3px;width:220px;outline:none}
.review-checkbox{cursor:pointer;}

/****************   Review Form Ratings Layout   ******************/
.main-review-ratings{padding:0;width:500px;margin:0;}
.main-ratings {float:left;width:90px;padding:3px 8px 0px 8px;}
.sub-ratings {padding:0;width:500px;margin:0;}
.ratings-title-text{float:left;display:inline;width:130px;padding:3px 8px 3px 4px;text-align:right;}
.ratings-title-text span {color:#F6AD36;font-weight:600;}
.secondary-ratings-area {float:left;width:90px;padding:3px 8px 0px 8px;}
