/* reset */
.omq div,
.omq h1, .omq h2, .omq p, .omq span, .omq a, .omq label,
.omq img, .omq form, .omq li{
	/* sizes */
    margin:             	0;
	padding:            	0;
	border:             	0;
	outline:            	0;
    
    /* font */
    color:              	#000;
	font-weight:        	normal;
	font-style:         	normal;
	font-size:          	small;
	font-family:        	sans-serif;
	vertical-align:     	baseline;
    
    /* background */
    background:         	none;
    
    text-align:             left;
    box-sizing: 			content-box;
}

/* may always use !important */
/* inline */
/* block */

/* main element */
.omq-ui-widget {
    position:           relative;
}

/* empty box */
.omq .ui-empty-problem {
	background-color: 		#EEEEEE;
    overflow:           	hidden;

	border-color:			#BBBBBB;
	border-width:			1px;
	border-style:			solid;

	padding:				20px;
}

.omq .ui-empty-problem-text {
	color:					#000000;
	font-family:			Arial;
	font-size: 				16px;
	font-weight:			bold;
}

/* problems preview */
.omq .ui-problems-preview {
    overflow:           	hidden;

	border-color:			#BBBBBB;
	border-width:			1px;
	border-style:			solid;
	border-bottom: 			none;

	list-style: 			none;
	padding:				0;
    margin:                 0;
}

.omq .ui-problem-preview {
	padding:				15px 10px;
    
	background-repeat:		repeat-x;
	background-image:		url(../img/button_background.png);
	background-position: 	bottom;
    
	border-bottom-color: 	#BBBBBB; 
	border-bottom-width: 	1px; 
	border-bottom-style: 	solid;

	cursor: 				hand;
	cursor: 				pointer;

	color:					#000000;
}

.omq .ui-problem-preview:hover {
	background-image:		url(../img/button_background_hover.png);	
}

.omq .ui-problem-preview-description {
	color:					#000000;
	font-family:			Arial;
	font-size: 				16px;
	font-weight:			bold;

	margin: 				0px;

    width:                  auto !important;
    float:                  none;
    line-height:            normal;
}

/* problem and solution popup */
.omq .ui-popup-overlay {
	background-color: 		#808080;
	opacity:				0.5;
	-moz-opacity:			0.5;
	filter:					alpha(opacity=50);
	z-index:            	10001;
	
	width:					100%;
	position:				absolute;
	top:					0px;
	left:					0px;
}

.omq .ui-popup {
	opacity:				1;
	-moz-opacity:			1;
	filter:					alpha(opacity=100);
    background:         	#ffffff;
    z-index:            	10002;

	border:					2px solid #000000;
	
	position:				absolute;
	top:					55px;
	overflow:           	auto;
	padding:				20px;
	width:					550px;

}

.omq .ui-popup-title {
	color:					#000000;
	font-family:			Arial;
	font-size: 				16px;
	font-weight:			bold;
	
	margin:					0 0 20px 0;
}

.omq .ui-popup-close {
	position:				absolute;
	top:					24px;
	left:					550px;
	
    background:         	url(../img/x_button.gif);
    width:              	13px;
    height:             	13px;
    
	cursor: 				hand;
	cursor: 				pointer;
}

.omq .ui-popup-problem-description {
	color:					#000000;
	font-family:			Arial;
	font-size: 				12px;
	line-height:			150%;
}

.omq .ui-solution-list {
	list-style: 			none;
	padding:				0;
    margin:                 0;	
}

.omq .ui-popup-solution-title {
	color:					#000000;
	font-family:			Arial;
	font-size: 				16px;
	font-weight:			bold;
}

.omq .ui-popup-solution-description {
	color:					#000000;
	font-family:			Arial;
	font-size: 				12px;
	line-height:			150%;
}
	
.omq .ui-popup-solution-description ol li{	
	list-style: 			decimal outside none;
}

.omq .ui-popup-solution-description ul li{	
	list-style: 			disc outside none;
}

/* error message */
.omq .ui-version {
	margin-top:         	4px;
	min-width: 				200px;
}

.omq .ui-error {
	color: 					#ff0000;
}

.omq .omq-version-text {
	font-family:			Arial;
	font-size:				12px;
	color:					#808080;
}

.omq .ui-popup-problem-description
{
	border-bottom: 20px solid red;
	padding-bottom: 10px;
	width: 590px;
	margin-left: -20px;
	padding-left: 20px;
}

.omq .ui-problem-preview-description, .omq .ui-empty-problem-text
{
	color: #000000;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}

#omq-self-service .ember-view .questions-list .empty-list {
    font-size: 11px;
    padding: 5px;
    font-weight: normal;
}

#omq-self-service .ember-view .questions-list .question-list-item {
    width: 300px;
}

#omq-self-service .ember-view .questions-list .question-list-item .question-body {
    font-size: 11px;
    font-weight: normal;
}