/*
 * SimpleModal Confirm Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#modal_feedback {
	display:none; 
}

/* Overlay */
#modal_feedback-overlay {
	background-color:#333333;
	opacity: .7;
}

/* Container */
#modal_feedback-container {	
	height: 370px; 
	width: 500px; 
	font-family: 'Open Sans Condensed', cursive; 
	font-size: 16px;  
	text-align: left; 
	background: #fff; 
	border: 2px solid #0D4906;	 
}
#modal_feedback-container .header {
	height: 30px; 
	line-height: 30px; 
	width: 100%;
	color: #fff; 
	font-weight: bold;
	background-color: #1E5A17;	
}

.modal_feedback-header {
	padding-left: 20px;
}

#modal_feedback-container .header span {	padding-left: 8px;	}
#modal_feedback-container .message {	color: #000; margin: 0; 	padding: 12px 4px 12px 8px;	}
#modal_feedback-container .messageSpan {	color: #1E5A17; font-size:14px; margin:0; 	padding:12px 4px 12px 8px;	font-weight:bold;}
#modal_feedback-container .buttons {line-height: 26px; width: auto; float: right; padding: 10px 8px 0;} 
#modal_feedback-container .buttons div {
	float: right; 
	margin-left: 4px; 
	width: auto; 
	height: 26px; 
	color: #FFF; 	
	border-radius: 2px;
	font-family: 'Lobster', cursive;
	text-align: center; 
	cursor: pointer;
} 

#modal_feedback-container .buttons .yes{
	background-color: #1E5A17;
	border: 2px solid #0D4906;
}

#modal_feedback-container .buttons .no{
	border: 2px solid #EE0606;
	background: #FF1717;
}

#modal_feedback-container .buttons div:hover{
	opacity: .7; 
	filter: Alpha(Opacity=70);
}

#modal_feedback-container a.modal-close,
#modal_feedback-container a.modal-close:link,
#modal_feedback-container a.modal-close:active,
#modal_feedback-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#modal_feedback-container a.modal-close:hover {color:#ccc;}

#modal_feedback-container table {
	margin-bottom: 30px;
}

#browser-pic {
	
	margin-top: 10px;
	height: 48px;
}

#os-pic {
	
	margin-top: 10px;
	height: 48px;
}


#feedback-text {
	font-family: 'Open Sans Condensed', cursive; 
	font-size: 14px;  
	resize: none;
}

#radio_feedback .ui-button-text {
	font-family: 'Open Sans Condensed', cursive; 	
	font-size: 14px;  
}


.feedback_picture {
	width: 20%;
	text-align: center;
	vertical-align: top;
}

.feedback_placeholder {
	text-align: center;
	vertical-align: top;
}


.feedback_version {
	width: 20%;
	color: #ccc;
	text-align: center;
	vertical-align: top;
}


.feedback_name {
	text-align: left;
	font-weight: bold;
	color: #1E5A17;
	font-size: 16px;
}
.feedback_email {
	text-align: left;
	color: #bbbbbb;
	font-size: 14px;
	padding-bottom: 15px;
}
.feedback_bilder {
	text-align: left;
	font-size: 14px;
}
.feedback_logout {
	text-align: left;
}
.feedback_progress {
	text-align: left;
	font-size: 14px;
}
.feedback_volume {
	text-align: left;
	color: #bbbbbb;
	font-size: 14px;
	
}

.progressbar_container{
    width: 200px;
    border: 1px solid #4D77D1;
    border-radius: 3px; 
    background: #999;
	overflow: hidden;
    display:inline-block;
    /*margin:0px 10px 5px 5px;*/
    vertical-align:top;
}

.progressbar {
    color: #fff;
    text-align: right;
    height: 10px;
    width: 0;
    background-color: #4D77D1; 
    border-radius: 3px; 
}

#logout {
	font-weight: bold;
	color: #1E5A17;
	font-size: 16px;
	cursor: pointer;
}

#logout:hover{
	color: #eee;
	background-color:#37A82A;    
    /*border-radius:2px;  */  	    
}