.ui-widget-content { position:relative; overflow:hidden;}
.ui-dialog-title { padding-right:20px;}
.ui-dialog-titlebar { /*color:#d2e5ff;*/ }
.loadingTemplate { position:absolute; top:45%; left:47%; width: 50px; height: 50px; background:url(images/loading.gif) no-repeat;}

#dialog #form1 div {background-color:#f9f9f9;}
#ratingDetails #form1 div {background-color:#f9f9f9;}

/*styles for list of ratings*/
.ratingsList { width:100%; font-size:11px!important; font-family:Verdana!important;  }
.ratingContainer { background: url(images/separator.gif) repeat-x 0px 99%; overflow:hidden; }

.ratingTable { margin:0 0 10px 0; width:100%; padding:0;}
/*.ratingTable td { border:solid 1px green;}*/
.ratingTable a {color: #0079e0; cursor:pointer; text-decoration:underline; font-weight:bold; font-size:12px;}
.ratingTable .averageRating { font-weight:bold; font-size:13px; text-align:right;}
.ratingTable .averageRating .averageLabel { font-weight:normal; font-size:11px!important; float:right; margin-right:10px; /*color:#DB0405; */ }
.ratingTable .averageRating img { float:right;}
.ratingTable .customer { font-weight:bold;}
.ratingTable .col2 { width:135px; }
.ratingTable .col1 { width:135px; }
.ratingTable .col3 { vertical-align:top!important; }
.ratingTable .col3 img { float:right; margin-top:4px;}
.ratingTable .col3 .ratingValue { float:right; margin-right:7px; margin-top:10px; }

/*.ratingTable .col3{ text-align: right; padding-right:5px; }
.ratingTable .col4 { font-weight:bold; width:36px;}
.ratingTable .col5 { width:66px; text-align:right; }*/

/*styles for rating details control*/

.RatingDetails { font-size:11px; }
.RatingDetails a { font-weight:normal!important;}
.clientDetails { width:300px; float:left; }
.clientDetails .col1 { font-weight:bold; color:#DB0405;}

.charterOverall { float:right; clear:right; text-align:right; }
.charterOverall .title { font-weight:bold; color: #DB0405; margin-bottom:7px;}
.charterOverall .value { float:right; padding-top:4px; }
.charterOverall .value .type { font-weight:bold;}
.charterOverall img { margin-left:10px; float:right;}

.ratingTabs { clear: both;}

.clientType { padding-top:8px;}
.averageLabel, .averageValue {text-align:right;}
.averageValue { font-weight:bold;}
.averageImage {width:65px; margin:0;padding:0;}
.clientName { font-weight:bold; font-size:13px;}

.leftDetails { float:left; max-width:270px;}
.rightDetails { float:left; width:225px;}

.ratingValues { max-width:270px; margin-bottom:10px;}
.ratingValues td{ padding:1px 15px 2px 0; margin:0; vertical-align:middle;}
.ratingValues tr.average{ font-weight:bold; }

.annotationPositive, .annotationNegative { margin-left:10px; overflow:hidden;}
.annotationPositive { border: solid 1px #ccc; padding:5px 10px 10px 10px; margin-bottom:10px; background:url(images/positive20.gif) no-repeat 5px 5px; }
.annotationNegative { border: solid 1px #ccc; padding:5px 10px 10px 10px; background:url(images/negative20.gif) no-repeat 5px 5px; }
.annotationStatement { border: solid 1px #ccc; padding:5px 10px 10px 10px; background:url(images/neutral20.gif) no-repeat 5px 5px;}
.annotationPositive .annotationTitle, .annotationNegative .annotationTitle, .annotationStatement .annotationTitle { background-color:Transparent!important; font-weight:bold; margin: 3px 0 7px 20px;}
.ratingsTitle { width:100%; font-weight:bold; margin:5px 0 7px 0;}

/*styles for the pager control*/
.PagerControl { margin: 7px 0 7px 0; width:100%; }
.PagerControl .message {}
.PagerControl .pages { text-align:right; }
.PagerControl a { padding:0 5px 0 5px; color: #0079e0; text-decoration:none; font-weight:bold; cursor:pointer; }
.PagerControl a.selectedPage { color: #DB0405!important; text-decoration:underline!important;}
.PagerControl a.unavailable { color: Gray!important; text-decoration:none!important;}

.RatingsHeader { position:relative; overflow:hidden; margin-bottom:10px; }
.RatingsHeader .headerTitle1 { margin-bottom:4px; }
.RatingsHeader .headerTitle2 { font-size:14px; font-weight: bold; margin-bottom:6px; color:#DB0405; }
.RatingsHeader .headerDetails { list-style-type: none; padding:0; margin:0 0 14px 0; } 
.RatingsHeader .yachtImage { width:90px; height:75px; position: absolute; top:5px; right:3px; padding-left:5px; padding-top:5px; background-image: url(../../../../App_Themes/YB3/images/model-image-bg.gif); background-repeat:no-repeat; }

.Good { color:#90EE90; }
.Insufficient {color:Red;}
.Sufficient { color:Orange;}
.Satisfying { color:Yellow;}
.VeryGood {color:Green;}

.Group {/* border:solid 1px #edebeb;*/ margin-bottom:5px; padding-top:5px;}
.Group .title { font-weight:bold; color:#DB0405; width:100%; padding-bottom:5px; }
.annotationTranslation { margin-top:10px;}
.googleBtn { float:left; display:block; background:url(images/googleBtnRight.png) no-repeat right top; height:22px; text-decoration:none; }
.googleBtn span {display:block; background:url(images/googleBtnLeft.png) no-repeat left top; height:22px; line-height:22px; padding-left:60px; margin-right:8px;}
.translation { background-color:#f9ff96; border:dotted 1px #646464; padding:3px; font-style:italic; margin-top:10px;}
.googleLabel { text-align:right; padding-right: 52px; background:url(images/gLogo.png) no-repeat right bottom; height:16px; color: #818181; margin-top:5px; }