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: 46px;
	text-align: center;
    color: #949494;
    font-size: 12px;
    padding: 3px;	
}

.blockCo {
    border: 1px solid;
    display: inline-block;
    height: 13px;
    padding: 0;
    vertical-align: -2px;
    width: 13px;
    margin-right: 7px;
}

.blockCo.grey{
	background-color: #585858;
    border-color: #323232;
}

.blockCo.purple {
    background-color: #fc00ff;
    border-color: #97009a;
}


.blockCo.orange {
    background-color: #FF9933;
    border-color: #CC6600;
}


.blockCo.lime {
    background-color: #C9FF23;
    border-color: #8EBC00;
   
}

.blockCo.fuschia {
    background-color: #FF0179;
    border-color: #9A0049;
    
}

.blockCo.white {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}

.blockCo.blue_grey{
	background-color: #7492b4;
    border-color: #4d6c8f;
}

.blockCo.black{
	background-color: #050505;
    border-color: #515151;
}

.blockCo.light_grey{
	background-color: #aeaeb8;
    border-color: #858594;
}

.blockCo.brown_orange{
	background-color: #ebc8a3;
    border-color: #FF9933;
}

.blockCo.pastel_green{
	background-color: #daf4af;
    border-color: #a1d600;
}

.blockCo.pastel_fushia{
	background-color: #da7ba7;
    border-color: #a72f66;
}

.blockCo.dark_lime{
	background-color: #a1d600;
    border-color: #678a00;
}

#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;
}

.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;
}

