pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}


input
{
	background: #ededed;
}
.embed_checkbox{
	text-indent:25px;
	
}
.code_button
{
	background-color: #656565;
	color: white;
	width: auto;
	font-weight: bold;
	padding: 5px 10px;
}

.codeColor_text{
	width: 50px;
	text-align: center;
    color: #949494;
    font-size: 12px;
    padding: 3px;	
}

.number_area{
	width: 30px;
	text-align: center;
	padding: 3px;
	font-size: 12px;
	color: #7B8084;
	border: 3px solid lightGrey;
}

.tags_area{
	padding: 3px;
	font-size: 12px;
	color: #7B8084;
	border: 3px solid lightGrey;
}
.refresh_button{
	background-color:#fcfcfc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	padding:6px 6px;
}
.refresh_button:hover {
	background-color:#fffaff;
}

.refresh_button:active {
	position:relative;
	top:1px;
}
#button_row input {
	margin: 10px; 
}

#display_select {
	float: left;
}

#copy_div {
	float: right;
}

#ldt_id {
	color: #949494;
	font-family: Arial, Helvetica, sans serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 14px;
	text-align: left;
	
}

#ldt_id_row {
	height: 20px;
	vertical-align: middle;
	font-size: 1.5em;
	font-style: normal;
	text-align: left;
	
}

#ldt_id_id {
	float: left;
}

#clipboard_button {
	height: 20px;
	width: 20px;
	float: left;
	background-image:url('../img/clipboard.png');
	background-repeat:no-repeat;
	background-position:center;
	cursor: pointer;
	margin-right: 10px;
	padding: 2px;
}
#project_id_select {
    font-size: 0.7em;
    cursor: pointer;
}
#project_id_select:hover {
    text-decoration: underline;
}
#project_id_input {
    width: 260px;
    height: 18px;
    border: 1px solid #CCC;
    padding: 4px;
    margin-bottom: 5px;
}

.configuration {
	color: #949494;
	font-family: Arial, Helvetica, sans serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 12px;
	text-align: left;
}

#embed_options .title {
    font-weight: bold;
    margin-right: 9px;
}

.OptionsEmbedDisplay {
	color: #949494;
	font-family: Arial, Helvetica, sans serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
    font-weight: bold;
    margin-right: 9px;
    text-decoration: none;
    line-height: 12px;
    top: 10px;
	vertical-align: top;
    
}

.AdvancedOptionsDisplay{
	color: #949494;
	font-family: Arial, Helvetica, sans serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
    margin-right: 9px;
    text-decoration: none;
    line-height: 12px;
    top: 10px;
	vertical-align: top;
}
.embedPersonnalisation{
	margin-left: 21px;
}

.embedPersonnalisationSecondLevel{
	margin-left: 22px; 
}

.expArrow {
	width:0px; 
	height:0px; 
	border-bottom:6px solid transparent;  /* left arrow slant */
	border-top:6px solid transparent; /* right arrow slant */
	border-left:6px solid #949494; /* bottom, add background color here */
	font-size:0px;
	line-height:12px;
	margin-right: 8px;
	position: relative;
	top: 0px;
	vertical-align: top;
	display: inline-block;

}

.collArrow {
	width:0px; 
	height:0px; 
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #949494;
	font-size:0px;
	line-height:12px;
	margin-right: 8px;
	position: relative;	
	top: 5px;
	vertical-align: top;
	display: inline-block;
}

