/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

.cke_skin_triptops .cke_panel
{
    border: 1px solid #b0b0b0;
	background-color: #fff;

	width: 120px;
	height: 100px;

	overflow:hidden;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Ideally we would use "inherit here"... but you know... IE :( */
.cke_skin_triptops .cke_panel iframe
{
	width: 100%;
	height: 100%;
}

cke_skin_triptops .cke_panel_frame .cke_label
{
	display: none;
}

/*
 * All the following styles are to be used inside the iframe that holds panel
 * contents. We don't use the cke_skin_default there to avoid the reset to be
 * active.
 * This is not an issue as we'll never have two skins running inside the same
 * panel iframe.
 */

html.cke_skin_triptops_container
{
	overflow: auto;
	overflow-x: hidden;
}

body.cke_panel_frame
{
	overflow: auto;
}

ul.cke_panel_list
{
	list-style-type: none;
	margin: 3px;
	padding: 0px;
   white-space: nowrap;
}

li.cke_panel_listItem
{
	margin: 0px;
}

.cke_panel_listItem a
{
	padding: 2px;
	display: block;
	border: 1px solid #fff;
	color: inherit !important;
	text-decoration: none;
	overflow: hidden;
   text-overflow: ellipsis;
}

/* IE6 */
* html .cke_panel_listItem a
{
	width : 100%;

	/* IE is not able to inherit the color, so we must force it to black */
	color: #000;
}

/* IE7 */
*:first-child+html .cke_panel_listItem a
{
	/* IE is not able to inherit the color, so we must force it to black */
	color: #000;
}

.cke_panel_listItem.cke_selected a
{
	border: 1px solid #ccc;
	background-color: #e9f5ff;
}

.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active
{
	border-color: #316ac5;
	background-color: #dff1ff;
}

.cke_hc .cke_panel_listItem.cke_selected a,
.cke_hc .cke_panel_listItem a:hover,
.cke_hc .cke_panel_listItem a:focus,
.cke_hc .cke_panel_listItem a:active
{
	border-width: 3px;
	padding: 0px;
}

.cke_panel_grouptitle
{
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
    white-space: nowrap;
	background-color: #e9e9e9;
	color: #353535;
	margin:0px;
	padding:3px;
}

.cke_panel_listItem p,
.cke_panel_listItem h1,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4,
.cke_panel_listItem h5,
.cke_panel_listItem h6,
.cke_panel_listItem pre
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.cke_skin_triptops .cke_button_textcolor_panel,
.cke_skin_triptops .cke_button_bgcolor_panel
{
	width: 150px;
	height: 135px;
}

.cke_colorblock
{
   padding: 3px;
   font-size: 11px;
   font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

.cke_colorblock,
.cke_colorblock a
{
	text-decoration: none;
	color: #000;
}

span.cke_colorbox
{
	width: 10px;
	height: 10px;
    border: #909090 1px solid;
	float: left;
}

.cke_rtl span.cke_colorbox
{
	float: right;
}

a.cke_colorbox
{
	outline:none;
	border: #fff 1px solid;
	padding: 2px;
	float: left;
}

.cke_rtl a.cke_colorbox
{
	float: right;
}

a:hover.cke_colorbox,
a:focus.cke_colorbox,
a:active.cke_colorbox
{
	border: #7dbad9 1px solid;
	background-color: #e5f6ff;
}

a.cke_colormore,
a.cke_colorauto
{
	outline:none;
	border: #fff 1px solid;
	padding: 2px;
	display: block;
	cursor: pointer;
	padding-right:20px;
}

a:hover.cke_colorauto,
a:hover.cke_colormore,
a:focus.cke_colorauto,
a:focus.cke_colormore,
a:active.cke_colorauto,
a:active.cke_colormore
{
	border: #7dbad9 1px solid;
	background-color: #e5f6ff;
}

.cke_smilietable {
	width:180px;
	padding:4px 0px 4px 4px;
	
}

.cke_smilietable td {
	height:30px;
	text-align:center;
	vertical-align:middle;
	border: #fff 1px solid;
	cursor: pointer;
	
}
.cke_smilietable td:hover,
.cke_smilietable td:focus,
.cke_smilietable td:active
{
	border: #7dbad9 1px solid;
	background-color: #e5f6ff;
}

.cke_charactertable {
	padding:4px 0px 4px 4px;
	
}

.cke_charactertable td {
	vertical-align:middle;
	
}

.cke_charactertable div {
	height:17px;
	width:17px;
	padding:2px 2px 1px;
	border: #fff 1px solid;
	cursor: pointer;
	text-align:center;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#353535;
	
}
.cke_charactertable div:hover,
.cke_charactertable div:focus,
.cke_charactertable div:active
{
	border: #7dbad9 1px solid;
	background-color: #e5f6ff;
}