iframe, iframe * { 
    margin: 0px; 
    padding: 0px; 
}

.edit_frame {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 665px; 
	height: 200px; 
	border:1px inset grey;
	margin-top: 5px;
    background-color: #FFF;
}

#create_comment_frame {
    width: 600px;
}

div#editable
{
    background-color: #ddd;
    padding: 1em 0;
}

div.toolbar
{
    padding: 3px 5px;
    height: 33px;
    background-color: #FFF;
}
div.toolbar span.button
{
    margin-top: 3px;
	margin-right: 1px;
    float: left;
    width: 30px;
    height: 30px;
	background-image: url(/images/toolbar/main_tools.gif);
	background-position: top left no-repeat;
}


div.toolbar span.b:hover
{
    background-position: 0 -30px;
}
div.toolbar span.b.active
{
    background-position: 0 -30px;
}

div.toolbar span.it
{
    background-position: -30px 0;
}
div.toolbar span.it:hover
{
    background-position: -30px -30px;
}
div.toolbar span.it.active {
	background-position: -30px -30px;
}

div.toolbar span.ul
{
    background-position: -60px 0;
}
div.toolbar span.ul:hover
{
    background-position: -60px -30px;
}
div.toolbar span.ul.active
{
    background-position: -60px -30px;
}


div.toolbar span.iul
{
    background-position: -90px 0;
}
div.toolbar span.iul:hover
{
    background-position: -90px -30px;
}
div.toolbar span.iul.active
{
    background-position: -90px -30px;
}

div.toolbar span.iol
{
    background-position: -120px 0;
}
div.toolbar span.iol:hover
{
    background-position: -120px -30px;
}
div.toolbar span.iol.active
{
    background-position: -120px -30px;
}


div.toolbar span.ind
{
    background-position: -150px 0;
}
div.toolbar span.ind:hover
{
    background-position: -150px -30px;
}
div.toolbar span.ind.active
{
    background-position: -150px -30px;
}

div.toolbar span.od
{
    background-position: -180px 0;
}
div.toolbar span.od:hover
{
    background-position: -180px -30px;
}
div.toolbar span.od.active
{
    background-position: -180px -30px;
}


div.toolbar span.l
{
    background-position: -210px 0;
}
div.toolbar span.l:hover
{
    background-position: -210px -30px;
}
div.toolbar span.l.active
{
    background-position: -210px -30px;
}

div.toolbar span.rl
{
    background-position: -240px 0;
}
div.toolbar span.rl:hover
{
    background-position: -240px -30px;
}
div.toolbar span.rl.active
{
    background-position: -240px -30px;
}

div.toolbar span.youtube
{
    background-position: -270px 0;
}
div.toolbar span.youtube:hover
{
    background-position: -270px -30px;
}
div.toolbar span.youtube.active
{
    background-position: -270px -30px;
}

div.toolbar span.flickr
{
    background-position: -300px 0;
}
div.toolbar span.flickr:hover
{
    background-position: -300px -30px;
}
div.toolbar span.flickr.active
{
    background-position: -300px -30px;
}

div.toolbar span.button:hover {
	cursor:pointer;
}


.clearing
{
    clear: both;
    float: none;
    height: 0px;
}

iframe#font_color {
	visibility:hidden;
	display:none;
	position:absolute;
	left:317px;top:158px;
}

.not-selected {
	background-color: none;
	border: none;
}

#compose, #source {
	font-size: 90%;
}


/* editor tabs */

#editor_tabs {
    float:right;
    text-align:right;
    background: url(/images/line_CCC.gif) bottom repeat-x;
    padding: 0 10px;
	position:relative;
	/*height:25px;*/
	top:10px;
}

#editor_tabs img {
	position: relative;
	top:2px;
}

#editor_tabs div {
    float:left;
    background-color: #F6F6F6;
    margin-left: 8px;
    padding: .2em .5em;
    border: 1px solid #CCC;
}

#editor_tabs div a {
    color: #999;
}

#editor_tabs div.tab_selected {
    border-bottom: 1px solid #FFF;
    background-color: #FFF;
}

#editor_tabs div.tab_selected a, #editor_tabs div.tab_selected a:hover {
    font-weight: bold;
    text-decoration:none;
    background-color: #FFF;
    color: #000;
}