#twist_tools .panel{
font-family: Arial, Helvetica, sans-serif;
display:none;
position: absolute;
top: 0px;
left: 0px;
z-index: 10000;
font-size: 13px;
color: #000;
}

#twist_tools .panel table{
width: 100%;
}

#twist_tools .panel table td{
padding: 3px 0px;
border-bottom: 1px solid #DDD;
}

#twist_tools .panel table tr.no_border td{
border: 0px solid transparent;
}

#twist_tools .panel table tr>td:first-child{
width: 70%;
}

#twist_tools .panel table td span.error{
color: #D00;
font-weight: normal;
}

#twist_tools .panel table td.italic{
font-style: italic;
}

#twist_tools .panel table td.grey{
color: #555;
}

#twist_tools .panel h4{
color: #000;
font-size: 15px;
font-weight: bold;
margin: 1.5em 0px 0.8em 0px;
}

#twist_tools .panel h4.first{
margin-top: 0;
}

#twist_tools .panel#toolbar{
border: 1px solid #999;
background: #FFF;
padding: 0px 10px 0px 0px;
width: 180px;
border-radius: 10px !important;
opacity: 0.4;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#twist_tools .panel .path{
font-size: 12px;
color: #777;
margin: 0px 0px 5px 0px;
font-style: italic;
}

#twist_tools #toolbar #toolbar_handle{
float:left;
width: 20px;
height: 46px;
background: #CCC;
border-right: 1px solid #AAA;
cursor:move;
border-radius: 10px 0px 0px 10px !important;
}

#twist_tools #toolbar .tools_button,
#twist_tools #toolbar .tools_button:hover{
margin: 5px 0px 5px 10px;
float:left;
display:block;
height: 24px;
width: 100px;
background: #F3F3F3 url(/images/tools/performance.png) no-repeat 5px 2px;
color: #444;
font-weight: bold;
padding: 7px 0px 3px 45px;
border-radius: 10px !important;
border: 1px solid #CCC;
text-decoration:none;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#twist_tools .panel.standard{
width: 400px;
min-height: 400px;
background: #FFF;
border-radius: 10px !important;
border: 1px solid #AAA;
}

#twist_tools .panel .panel_header{
height: 20px;
background: #DDD;
border-radius: 10px 10px 0px 0px !important;
border-bottom: 1px solid #AAA;
font-weight: bold;
padding: 5px 0px 0px 10px;
cursor: move;
position:relative;
}

#twist_tools .panel .panel_header .panel_close{
position: absolute;
right: 5px;
top: 5px;
display:block;
width: 16px;
height: 16px;
background: url(/images/tools/close_16.png) no-repeat;
}

#twist_tools .panel .panel_content{
padding: 10px;
}


/*********************** Edit in place stuff **************************/
#twist_ipe_icon{
width: 16px;
height: 16px;
position:absolute;
right: 5px;
top: 5px;
padding: 2px 4px;
background: #AAA url(/images/tools/edit_16.png) no-repeat center center;
border-radius: 5px !important;
border: 1px solid 777;
opacity: 0.5;
}

.twist.button.edit_in_place{
position:absolute;
top: 0px;
left: 0px;
cursor:pointer;
background: url(/images/tools/edit_16.png) no-repeat;
width: 16px;
height: 16px;
}

.twist#in_place_editor{
position:absolute;
top: 0px;
left: 0px;
width: 650px;
height: 300px;
background: #FFF;
border: 1px solid #AAA;
border-radius: 0px 0px 10px 10px !important;
padding: 0px 20px 100px 10px;
}

.twist#in_place_editor #ipe_header{
padding: 5px 0px 6px 0px;
height: 15px;
border-bottom: 1px solid #AAA;
background-color: #EEE;
cursor: move;
width: 100%;
position:absolute;
left: 0px;
}

.twist#in_place_editor #ipe_header span#ipe_title{
padding-left: 10px;
font-weight: bold;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

.twist#in_place_editor #ipe_header #ipe_current_language{
padding: 2px 5px;
position:absolute;
background: #CCC;
border-radius: 5px !important;
right: 40px;
top: 3px;
}

.twist#in_place_editor #ipe_header #ipe_close{
width: 16px;
height: 16px;
float:right;
background: url(/images/tools/close_16.png) no-repeat;
padding-right: 10px;
cursor: pointer;
}

.twist#in_place_editor .clearer{
height: 35px;
}

.twist#in_place_editor #ipe_editor_container{
height: 100%;
padding: 0px 15px 15px 0px;
overflow:hidden;
position:relative;
}

.twist#in_place_editor #ipe_overlay{
width: 100%;
height: 100%;
background: #FFF;
opacity: 0.4;
position:absolute;
top: 0px;
left: 0px;
}


.twist#in_place_editor textarea{
border: 1px solid #AAA;
padding: 5px;
width: 100%;
height: 100%;
resize: none;
}

.twist#in_place_editor input[type='button']{
min-width: 100px;
padding: 0px 10px;
font-size: 14px;
position:absolute;
right: 15px;
bottom: 15px;
}

.twist#in_place_editor #ipe_save_info{
position:absolute;
left: 10px;
bottom: 10px;
padding: 1px 0px 0px 20px;
display:none;
}

.twist#in_place_editor #ipe_save_info.ok{
color: #0A0;
background: url(/images/tools/ok_16.png) no-repeat;
}

.twist#in_place_editor #ipe_save_info.error{
color: #A00;
background: url(/images/tools/error_16.png) no-repeat;
}