﻿

input, textarea, label, select {


    margin: 4px;


    padding: 2px;


    line-height: 1.1em;


}





label {


    vertical-align: top;


}


ul.ui-autocomplete .red {
	
	color: #333;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	
}
#errors {


    color: red;


    padding: 8px;


    font-weight: bold;


}





#message1, #message2 {
    color: rgb (39, 228, 47);
    padding: 8px;
    font-weight: bold;
}





.ui-autocomplete


{


    font-family: Verdana;


    border: solid 1px #888;


    width: 400px;


    color: #008;


    font-size: 12px;


    font-weight: normal;


    background: #FFFFFF;


    max-width: 400em;


    overflow: auto;


    margin: -1px;


    padding: 2px;


}


.ui-autocomplete a


{


    width: 100%;


    overflow: auto;


}


.ui-autocomplete strong


{


    font-weight: bold;


    color: #f00;


}

.ui-state-hover


{


    background: #CCFFFF;


}

#feedback_header {
			width:680px;
			height:70px;
			padding:10px;
			background: #d1f0ff; /* Old browsers */
			background: -moz-linear-gradient(top, #d1f0ff 0%, #d1f0ff 21%, #ffffff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1f0ff), color-stop(21%,#d1f0ff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #d1f0ff 0%,#d1f0ff 21%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #d1f0ff 0%,#d1f0ff 21%,#ffffff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #d1f0ff 0%,#d1f0ff 21%,#ffffff 100%); /* IE10+ */
			background: linear-gradient(to bottom, #d1f0ff 0%,#d1f0ff 21%,#ffffff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f0ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
		p.sidemenu-lg-blu {
			font-size: 32px;
			color: #206f95;
			font-weight: bold;
			margin: 10px 0 0 8px;
			padding: 0;
		}
		
		p.sidemenu-small-feed {
			font-size: 16px;
			color: #666;
			margin: 10px 0 0 10px;
			padding: 0;
			line-height:20px;
		}
		div.feedback_prev_content > h4 {
			color: #666;
			font-size: 18px;
			margin:10px;
			text-align:left !important;
		}
		.clearfix {
			clear:both;
			height:1px;
		}

		
		/* -----------
					FORM CONTENT STYLES -----------*/
		.feedback_top {
			background: url(/img/feedback_border_top.png) no-repeat;
			width:700px;
			height:12px;
		}
		.feedback_content {
			background: #ECECEC;
			padding: 10px 22px 10px 27px;
			padding: 10px 22px 10px 22px \9 !important;
			width: 651px;
			width: 655px \9 !important;
		}
		.feedback_bot {
			background: url(/img/feedback_border_bot.png) no-repeat;
			width:700px;
			height:20px;
		}
		
		input.button_add {
			background-color: transparent;
			background: url(/img/btn_feedback_submit.png) no-repeat;
			border: none;
			margin:10px 10px 0 0;
			cursor: pointer;
			position:relative;
			vertical-align: middle;
			text-align:center;
			width:156px;
			height:29px;
			float:right;
		}
		
		.msb {
			width:309px;
			height:26px;
			background: url(/img/feedback_field1.jpg) #fff no-repeat !important;
			border:0;
			font-size: 14px;
			color: #666;
			padding-left:5px;
			padding-right:2px;
			padding-top:3px;
			vertical-align:middle;
			margin-top:10px;
		}
		.msb-signup {
			width:190px;
			height:30px;
			background: url(/img/feedback_field4.jpg) #fff no-repeat !important;
			border:0;
			font-size: 14px;
			color: #666;
			padding:0px 2px 0 5px;
			vertical-align:middle;
			margin-top:2px;
		}
		.msb-signup2 {
			width:85px;
			height:30px;
			background: url(/img/feedback_field3.jpg)  #fff no-repeat !important;
			border:0;
			font-size: 14px;
			color: #666;
			padding:0px 2px 0 5px;
			vertical-align:middle;
			margin-top:2px;
		}
		.ie7 .msb-signup { padding:8px 2px 0 5px; height:22px; }
		.ie7 .msb-signup2 { padding:8px 2px 0 5px; height:22px; }
		.ie8 .msb-signup { padding:8px 2px 0 5px; height:22px; }
		.ie8 .msb-signup2 { padding:8px 2px 0 5px; height:22px; }
		.msb2 {
			width: 631px;
			height: 93px;
			background: url(/img/feedback_field2.jpg) #fff no-repeat !important;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			border:0;
			font-size: 14px;
			color: #666;
			padding:6px 2px 0 5px;
			vertical-align:middle;
			margin-top:10px;
		}
		select {
			margin-top:10px;
		}
		
		/*-----------
					BOTTOM CONTENT STYLES ------------*/
		.prev_content {
			width: 655px;
			margin: 0 20px 0 20px;

		}
		.feedback_left {
			width: 53px;
			height: 43px;
			float: left;
			position: relative;
			background: url(/img/feedback_date_bg.jpg) no-repeat;
			font-size: 16px;
			color: #666;
			padding: 8px 4px 5px 18px;
			text-align: left;
		}
		.feedback_right, .feedback_right_wht {
			width: 543px;
			min-height:55px;
			background: #F1F1F1;
			float: left;
			display: inline;
			position: relative;
			margin: 0 0 0 10px;
			padding:10px;
			color:#666;
			line-height:18px;
		}
		.feedback_right_wht {
			background:#fff !important;
		}
		span.feedback_blue {
			color:#206F95;
			font-weight:bold !important;
		}
		span.feedback_grey {
			display: block;
			text-align: center;
			width: 19px;
			margin: 0 0 0 3px;
		}
		button.button_send, .button_review {
			background-color: transparent;
			background: url(/img/btn_feedback_send.png) no-repeat;
			border: none;
			margin:0 10px 20px 0;
			cursor: pointer;
			position:relative;
			vertical-align: middle;
			text-align:right;
			width:201px;
			height:29px;
			float:right;
			right:21px;
		}
		button.button_review {
			background: url(/img/btn_feedback_review.png) no-repeat !important;
			width:200px !important;
		}
		.btn_container {
			height:65px;
		}
		input.btn_groups_sub, .green {
			-webkit-box-shadow: rgba(255, 255, 255, 0.199219) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
			background: #006DCC;
			background-image: -webkit-linear-gradient(top, #08C, #04C);
			background-repeat: repeat-x;
			border-radius: 5px;
			border: solid 1px rgba(0, 0, 0, 0.0976562);
			box-shadow: rgba(255, 255, 255, 0.199219) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
			color: white;
			cursor: pointer;
			display: inline-block;
			filter: none;
			font-size: 16px;
			font-weight: 700;
			height: 40px;
			line-height: normal;
			margin: 10px 8px 0 0;
			padding:9px 14px 9px 14px;
			text-align: center;
			text-decoration: none;
			text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px;
			vertical-align: middle;
			width:155px;
		}
		.green {
			-webkit-box-shadow: rgba(255, 255, 255, 0.199219) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
			background: #31af3d !important;
			background-image: -webkit-linear-gradient(top, #71f575, #31af3d) !important;		
			padding:4px 14px 4px 14px !important;
			height:30px !important;
			width:110px !important;
			position:relative;
			left:50px;
			margin-bottom:10px !important;
		}
		input.btn_groups_sub:hover {
			background: #134bb0;
		}
		.green:hover {
			background:#31af3d !important;	
		}
		.riu-logo { position:relative; top:16px; right:8px; }

