body { width:100%; padding:0; margin:0; font-family:Trebuchet MS, Tahoma, sans serif; font-size:12px; }


#twosteptoolbar { position:fixed; top:20px; left:20px; margin:0; padding-top:35px; line-height:0;  background:url(../img/toolbarhead.gif) no-repeat top left;}
#twosteptools { padding:4px 4px 4px 4px; width:32px; background:url(../img/toolbar.gif) no-repeat bottom left; }
#twosteptools a { display:block; margin:0; padding:0; }
#twosteptools img { display:block; border:0px none white; margin:4px 0 0 0; padding:0; }
#twosteptools div { position:relative; }


#twostep_nicpanel { position:fixed; top:20px; left:65px; width:318px; }
.nicEdit-pane { position:fixed !important; }

#twostep_langpanel { position:absolute !important; top:5px; left:40px; width:300px; }
#twostep_langpanel img { display:inline; margin-right:2px; }
#twostep_langpanel img.clickable { cursor:pointer; border:2px solid transparent; }
#twostep_langpanel img.active { border:2px solid #cccccc; }

.twostep-list .twostep-add a,
.twostep-navigation .twostep-add a { display:block; border:2px solid #888888; text-align:center; padding:0; margin:0 0 4px 0; text-decoration:none !important; background-color:white; color:black !important; font-weight:normal; }
.twostep-list .twostep-add a:hover,
.twostep-navigation .twostep-add a:hover { background-color:#888888; text-decoration:none !important; color:white !important; }


.twostep-component,
.twostep-markup,
.twostep-navigation li a { padding:1px !important; min-height:1px; }


.twostep-editable { }
.twostep-sortable { cursor:move; }
.twostep-removable { }

div.twostep-editable:hover,
li.twostep-editable a:hover,
div.twostep-sortable:hover,
li.twostep-sortable a:hover { padding:0 !important; border:1px dashed green !important; }

div.twostep-removable:hover,
li.twostep-removable a:hover { padding:0 !important; border:1px dashed red; cursor:crosshair !important; } 


.twostep-form td,
.twostep-form th { font-size:100%; font-weight:normal; color:black; padding:0 20px 5px 0; }

.twostep-form input,
.twostep-form button { border:1px solid #cccccc; margin:0 10px 0 0; }
.twostep-form .button { height:20px; }

.twostep-form img { vertical-align:bottom; margin:0 0 2px 0; border:none; }


#twostep_browser_container { margin:0; padding:0; }

#twostep_browser { margin:15px 0 5px 0; padding:5px 0 7px 0; border:1px solid #999999; border-style:solid none solid none; }
.twostep-browser-head { padding:0; margin:0; }
.twostep-browser-info { padding:0 0 5px 0; margin:5px 0 5px 0; font-size:10px; color:#888888; }
.twostep-browser-info a,
.twostep-browser-info a:hover,
.twostep-browser-info a:visited { color:#444444; }

#twostep_media_list { overflow-x:scroll; width:580px; background-color:#fafafa; position:relative; }

.twostep-media-form th,
.twostep-media-form td { font-size:11px; text-align:left; font-weight:normal; padding:0 20px 0 0; }

.twostep-media-item { margin:0 20px 0 0; width:102px; height:102px; font-size:10px; vertical-align:top; }
.twostep-media-item img { max-width:100px; max-height:80px; border:1px solid #777777; }
.twostep-media-droppable img { border:1px solid #fafafa; }
.twostep-media-dropping img { border:1px dashed green; }
.twostep-media-item a,
.twostep-media-item a:visited { text-decoration:none; color:#444444; }
.twostep-media-item a:hover { text-decoration:underline; }

.twostep-media-preview img { position:absolute; }
.twostep-media-item .active img { border:1px solid red; }

.twostep-media-edit-icon { display:none; cursor:pointer; border:0 none white !important; margin:2px; }
.twostep-media-preview:hover .twostep-media-edit-icon,
.twostep-media-item .active .twostep-media-edit-icon { display:block; }

#twostep_media_edit { margin:0; padding:0; }


.twostep-warning { border:1px solid red; background-color:#ffeeee; }
div.twostep-warning { margin:0 0 15px 0; padding:5px 10px; }

.twostep-button { height:20px; background-color:#D4D0C8; border:1px solid #cccccc; padding:1px 20px; text-decoration:none; }