.default-message {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
}
#ratings_load_messages {
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 300px;
    min-height: 200px;
    background: #fff;
}
#ratings_widget_area_admin{
    float:left;width: 100%;background: #eee;padding: 5px 15px;margin: 0 0 0 -15px;
}
.ratings_widget_area_block{
    float: left;width: 100%;border-bottom: 2px solid #666;margin-bottom: 5px;
}
.ratings_widget_area_block h4{
    font-size: 15px;text-align: center;margin: 0;
}
.ratings_widget_area_block_line{
    float: left;width: 100%;padding: 2px 0;
}
.ratings_widget_area_block_line label{
    float:left;font-weight: bold;font-size: 14px;line-height: 28px;padding-left: 5px;
}
.ratings_widget_area_block_line input{
    float:left;border: 1px solid #666;width: 98% !important;margin-left: 1%;background: #FFF;
}
.ratings_widget_area_block_line input[type="number"]{
    width: 42px !important;margin-left: 10px;
}
.ratings_widget_area_block_line input::-webkit-input-placeholder       {opacity: 0.5; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input::-moz-placeholder                {opacity: 0.5; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:-moz-placeholder                 {opacity: 0.5; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:-moz-placeholder                 {opacity: 0.5; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.ratings_widget_area_block_line input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.ratings_widget_area_label_divider{
float:left;width: 30px;line-height: 28px;
}
.ratings_widget_area_block_line .ratings_widget_area_upload_image_button{
float:left;width: 100px !important;margin-left: 5px;
}
.ratings_widget_area_block_line .ratings_widget_area_clear_image_button{
float:left;width: 100px !important;margin-left: 5px;display: none;
}
.ratings_widget_area_img_preview{
float: left;height: 26px;width:26px;margin: 1px 0 0 5px;
}
.ratings_widget_area_block_line.with_image .ratings_widget_area_upload_image_button{
display: none;
}
.ratings_widget_area_block_line.with_image .ratings_widget_area_clear_image_button{
display: block;
}

#vot_result_page{
float:left;width: 100%;padding: 5px 0;
}
.rate_val{
font-weight: bold;font-size: 20px;
}
.ratings_widget_area_block_line .default_rates{
float: left;width: auto;margin: 0px 0 0 20px;padding: 0;list-style: none;
}
.ratings_widget_area_block_line .default_rates li{
float: left;margin: 0 2px 0 0;padding: 0;border:2px solid #ccc;height: 24px;width: 24px;cursor: pointer;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}
.ratings_widget_area_block_line .default_rates li:hover{
border-color: #999;
}
.ratings_widget_area_block_line .default_rates li.active{
border-color: #00A0D2;background-color: #FFF;
}
.ratings_widget_area_block_line .default_rates li.rate_1{background-image: url(vote_faces.png);background-position: right 0;background-repeat: no-repeat;}
.ratings_widget_area_block_line .default_rates li.rate_2{background-image: url(vote_faces.png);background-position: right -24px;background-repeat: no-repeat;}
.ratings_widget_area_block_line .default_rates li.rate_3{background-image: url(vote_faces.png);background-position: right -48px;background-repeat: no-repeat;}
.ratings_widget_area_block_line .default_rates li.rate_4{background-image: url(vote_faces.png);background-position: right -72px;background-repeat: no-repeat;}
.ratings_widget_area_block_line .default_rates li.rate_5{background-image: url(vote_faces.png);background-position: right -96px;background-repeat: no-repeat;}

.table_box{
float:left;width: 45%;margin: 0 2% 10px;
}
.table_box h3{
float:left;margin-top:0;
}
.percent{
float: left;width: 100%;position: relative;border: 1px solid #ccc;
}
.percent .percent_progress{
position: absolute;left: 0;top:0;height: 100%;background: #d9fff7;z-index: 0;border-right: 1px solid #ccc;
}
.percent a{
position: relative;z-index: 1;font-weight: bold;left: 5px;
}
/*default style */
.form-saved-settings {
    float:left;
    padding: 10px;
}
.form-saved-settings .block-info1 {
    margin-left: 12px;
    margin-bottom:17px;
    width:80%;
}

@media only screen and (max-width: 1124px) {
.form-saved-settings {
    margin-left:15px;
    margin-top: 6px;
    padding: 8px;
}
.form-saved-settings .block-info1 {
    float:left;
    margin-left: 10px;
    margin-top:9px;
    padding-top:20px;
    margin-bottom:15px;
    width:63%;
}
}

@media only screen and (max-width: 960px) {
/*
tablet computer
*/
.form-saved-settings {
    margin-left:10px;
    margin-top: 5px;
    padding: 6px;
}
.form-saved-settings .block-info1 {
    float:left;
    margin-left: 9px;
    margin-top:7px;
    padding-top:14px;
    margin-bottom:15px;
    width:55%;
}
}

@media only screen and (max-width: 758px) {
/*
vertical tablet computer
*/
.form-saved-settings {
    margin-left:8px;
    margin-top: 4px;
    padding: 4px;
}
.form-saved-settings .block-info1 {
    float:left;
    margin-left: 7px;
    margin-top:7px;
    padding-top:9px;
    margin-bottom:11px;
    width:50%;
}
}
@media only screen and (max-width: 524px) {
/*phone*/
.form-saved-settings {
    margin-left:6px;
    margin-top: 3px;
    padding: 2px;
}
.form-saved-settings .block-info1 {
    float:left;
    margin-left: 5px;
    margin-top:5px;
    padding-top:3px;
    margin-bottom:5px;
    width:40%;
}
}