/*
 *= require codemirror
 *
 *= require imagine_controls
*/

/* From Eric Meyer, Web coding guru, at http://meyerweb.com/eric/tools/css/reset/ */
/*
	Any style rule denoted with [+] has been added.
	Any rule with [*] has been modified.
*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-align: left;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal; /* [+] */
}
strong { font-weight: bold; }
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Body, Text, Images */

html { background-color: #ededed; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px;
       color: #000000; background-image: none; margin: 0; }

p { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 12px 0px; }

table { padding: 0; margin: 0; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; }

h1 { margin: 0px 0px 10px 0px; color: #000000;
    font-size: 20px; line-height: 25px; font-weight: bold; position: relative; }
h1 a { position: absolute; left: 242px; bottom: -2px; font-size: .6em; }
    
h2 { margin: 0px 0px 8px 0px; color: #506D91;
     font-size: 16px; line-height: 18px; font-weight: bold; }

h3 { margin: 0px 0px 8px 0px; color: #666666;
     font-size: 14px; line-height: 16px; font-weight: normal; }

.alert { font-size: 12px; line-height: 14px; margin-bottom: 20px; }
.error { color: #E10E12; }
.notice { color: #3131FF; }

a         { font-weight: bold; }
a:link    { text-decoration: underline; color: #506D91; }
a:active  { text-decoration: underline; color: #506D91; }
a:visited { text-decoration: underline; color: #506D91; }
a:hover   { text-decoration: underline; color: #000000; }

img { display: inline; border: none; margin: 0; padding: 0; }

.clearer { clear: both; line-height: 0; height: 0; }


.form {
    font-size: 12px; line-height: 14px;
    color: #000;
    text-decoration: none;
    text-indent: 0;
    background-color: #ffffff;
    margin: 0px;
    padding: 3px 2px 3px 3px;
    border: solid 1px #A4A4A4;
}
select.form {
    padding: 3px 3px 3px 3px;
}
.form_button {
    margin: 0;
    font-size: 12px; line-height: 14px;
    color: #ffffff;
    text-decoration: none;
    text-indent: 0;
    background-color: #333;
}

#management-content ul { list-style-type: disc; list-style-position: outside; margin: 0 0 15px 20px; }
#management-content ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 15px 20px; }

table.imagine-management tr:hover { background-color: #fff8c6; }
table.imagine-management th { background-color: #dedede; text-transform: uppercase; }


.CodeMirror { border: 1px solid #ccc; font-size: 1em; width: 100%; height: 100%; }
.codemirror-html-container { height: 520px; padding: 2px 10px 5px 0; }
#preview_frame { width: 100%; height: 600px; border: 1px solid #ccc; display: none; }