#crayon-log-wrapper {
	/*width: 100%;*/
}

#crayon-main-wrap .form-table th {
	width: 100px;
}

#crayon-log {
	display: none;
	max-height: 200px;
	/*width: 100%;
    /*resize: vertical;*/
	border-color: #DFDFDF;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 1px;
	padding: 3px;
	overflow: auto;
	white-space: pre;
	margin-bottom: 5px;
}

.crayon-span,.crayon-span-5,.crayon-span-10,.crayon-span-50,.crayon-span-100,.crayon-span-110 {
	line-height: 24px;
	display: inline-block;
}

.crayon-span-5 {
	min-width: 5px;
}

.crayon-span-10 {
	min-width: 10px;
}

.crayon-span-50 {
	min-width: 50px;
}

.crayon-span-100 {
	min-width: 100px;
}

.crayon-span-110 {
	min-width: 117px;
}

.crayon-span-margin {
	margin-left: 5px;
}

#height_mode, #width_mode {
	min-width: 65px;
}

.crayon-error {
	color: #F00;
}

.crayon-success {
	color: #00F;
}

.crayon-warning {
	color: #FF8000;
}

.crayon-help {
	min-height: 30px;
	padding: 5px 10px;
}

.crayon-help .crayon-help-close,
.crayon-help .crayon-help-close:active,
.crayon-help .crayon-help-close:hover {
	text-decoration: none;
	float: right;
	color: #000;
}

.crayon-help span,
.crayon-help a {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#crayon-log-text {
	font: 11px/13px Monaco, 'MonacoRegular', 'Courier New', monospace;
}

#crayon-log-controls {
	float: left;
	margin-right: 5px;
	/*margin: 5px 0px;*/
}

.crayon-table {
	font-size: 12px;
	border: 1px solid #999;
	padding: 0;
	margin: 0;
	margin-top: 12px;
}

.crayon-table td {
	vertical-align: top;
	border-bottom: 1px solid #AAA;
	padding: 0px 6px;
	margin: 0;
	background: #EEE;
}

.crayon-table-light td {
	background: #F8F8F8;
}

.crayon-table-header td {
	font-weight: bold;
	background: #CCC;
}

.crayon-table-last td,
.crayon-table tr:last-child td {
	border: 0;
}

/*#lang-info {
	display: none;
}*/

#lang-info div {
	padding: 5px 0px;
}

.crayon-table .not-parsed {
	color: #F00;
}

.crayon-table .parsed-with-errors {
	color: #FF9900;
}

.crayon-table .successfully-parsed {
	color: #77A000;
}

#crayon-live-preview,
#crayon-log-wrapper {
	padding: 0px;
	width: 100%;
	float: left;
	clear: both;
}

#crayon-live-preview {
	float: none;
	padding: 0;
}

#crayon-logo {
	text-align: center;
}

#crayon-info,
#crayon-info td {
	border: none;
	padding: 0 5px;
	margin: 0px;
}

.crayon-admin-button {
	display: inline-block;
	text-align: center;
}

#crayon-subsection-langs-info {
	margin-top: 5px;
}

#crayon-theme-editor-admin-buttons {
	display: inline;
}

#crayon-theme-editor-admin-buttons .crayon-admin-button {
	margin-left: 5px;
}

#crayon-theme-info {
    display: table;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}
#crayon-theme-info > div {
    display: table-cell;
    vertical-align: middle;
}
#crayon-theme-info .content * {
    float: left;
}
#crayon-theme-info .field {
	font-weight: bold;
}
#crayon-theme-info .field,
#crayon-theme-info .value {
	margin-left: 5px;
}
#crayon-theme-info .description.value {
    font-style: italic;
    color: #999;
}
#crayon-theme-info .type {
    text-align: center;
    min-width: 120px;
    font-weight: bold;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}
#crayon-theme-info .type.stock {
    color: #666;
}
#crayon-theme-info .type.user {
    color: #5b9a00;
}

#crayon-editor-table td {
	vertical-align: top;
}

.small-icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 5px 5px 0 0;
}

#twitter-icon {
	background: url(../images/twitter.png);
}
#gmail-icon {
	background: url(../images/google.png);
}
#docs-icon {
	background: url(../images/docs.png);
}
#git-icon {
	background: url(../images/github.png);
}
#wp-icon {
	background: url(../images/wordpress-blue.png);
}

#donate-icon {
	background: url(../images/donate.png);
	width: 75px;
}

#crayon-donate,
#crayon-donate input {
	margin: 0;
	display: inline;
	padding: 0;
}

#crayon-theme-editor-info a {
    text-decoration: none !important;
    font-style: italic !important;
    color: #666 !important;
}

#crayon-main-wrap .form-table .note {
    font-style: italic;
    color: #999;
}

#crayon-change-code-text {
    width: 400px;
    height: 300px;
}
