/* Core classes governing the look and feel of the editor */
table.symboleditor {
    border: 1px solid ThreeDLightShadow;
    border-right-color: ThreeDDarkShadow;
    border-bottom-color: ThreeDDarkShadow;
    font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 100%;
	color: black;
    border-collapse: separate;
	width: auto !important;
	line-height: normal;
}

table.symboleditor td, table.symboleditor th {
	padding: 0 !important;
}

/* Global editor classes */
table.symboleditor div.spacer {
	font-size: 2px;
	height: 10px;
}

table.symboleditor *.clickable {
	cursor: pointer !important;
	cursor: hand !important;
}

table.symboleditor *.unclickable {
	cursor: default;
}

table.symboleditor *.visible {
	display: block;
}

table.symboleditor *.hidden {
	display: none;
}

table.symboleditor *.flat {
	border: solid ThreeDFace 1px;
}

table.symboleditor *.bevelout {
	border-width: 1px;
	border-style: solid;
	border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
}

table.symboleditor *.bevelin {
	border-width: 1px;
	border-style: solid;
	border-color: ThreeDDarkShadow ThreeDHighlight ThreeDHighlight ThreeDDarkShadow;
}

table.symboleditor, table.symboleditor *.inactive {
	background-color: ThreeDFace;
	color: ButtonText;
}

table.symboleditor *.active {
	background-color: ThreeDHighlight;
	color: ThreeDHighlightText;
}

table.symboleditor *.unpressedbutton {
	padding: 3px 2px 2px 3px;
}

table.symboleditor *.pressedbutton {
	padding: 2px 3px 3px 2px;
}

table.symboleditor ul.nobullets {
	list-style: none;
	margin: 0;
}

table.symboleditor *.clear {
	clear: both;
}

/* Toolbar classes */
table.symboleditor div.symboleditor_toolbar {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

table.symboleditor div.symboleditor_toolbar *.toolbarcontrol {
	padding: 0 5px;
	white-space: nowrap;
	display: inline;
	font-weight: normal;
}

table.symboleditor div.symboleditor_toolbar select {
	font-size: 100%;
}

table.symboleditor div.symboleditor_toolbar div.button {
	float: left;
}

table.symboleditor div.symboleditor_toolbar div.buttontext {
	color: ButtonText;
	/*
	The next line is a workaround to make filters apply to text buttons in IE. The reason
	is because elements in IE do not have "layout" unless their dimensions are set
	and filters (specifically the alpha filter used to grey out the toolbar buttons)
	do not work on elements without "layout".

	See

	http://msdn.microsoft.com/workshop/author/css/overview/measurementandlocation.asp#intro

	for more details but don't trust it too much since it claims block level elements always
	have "layout" which my testing has shown not to be the case.
	*/
	width: 100%;
}

table.symboleditor div.symboleditor_toolbar *.disabled img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

table.symboleditor div.symboleditor_toolbar div.separator {
	border-left: solid ThreeDDarkShadow 1px;
	border-right: solid ThreeDHighlight 1px;
	width: 0;
	height: 16px;
	padding: 0;
	margin: 3px;
}

/* Textarea classes */
table.symboleditor td.textareacontainer textarea {
	width: 100%;
	border-width: 0;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 13px;
}

table.symboleditor div.infomessage {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffe1;
	text-align: left;
	border: solid black 1px;
	padding: 5px;
}

/* Edit window classes */
table.symboleditor *.editwindowcontainer, table.symboleditor td.chooserpanecontainer {
	background-color: white;
}

table.symboleditor *.editwindowcontainer {
	position: relative;
	font-size: 11px;
}

table.symboleditor *.editwindowcontainer div.usermessage {
	position: absolute;
	padding: 3px;
}

table.symboleditor *.editwindowcontainer div.loading {
	background-color: brown;
	color: white;
}

table.symboleditor *.editwindowcontainer div.saving {
	background-color: brown;
	color: white;
}

table.symboleditor *.editwindowcontainer div.error {
	background-color: red;
	color: white;
	font-weight: bold;
}

table.symboleditor div.chooserpane {
	background-color: white;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

table.symboleditor div.chooserpane div.altlist {
	float: left;
	width: 100%;
}

table.symboleditor div.chooserpane div.hover {
	border-style: dashed !important;
	border-color: green !important;
}

table.symboleditor div.chooserpane div.choosable {
	float: left;
	border-width: 1px;
	border-style: solid;
	font-size: 8px;
	cursor: hand;
	cursor: pointer;
}

table.symboleditor div.chooserpane div.choosersymbols {
	padding: 4px;
}

table.symboleditor div.chooserpane div.altlist1 {
	background-color: white;
}

table.symboleditor div.chooserpane div.altlist1 div.choosable {
	border-color: white;
}

table.symboleditor div.chooserpane div.altlist2 {
	background-color: #eeeeee;
}

table.symboleditor div.chooserpane div.altlist2 div.choosable {
	border-color: #eeeeee;
}

table.symboleditor div.chooserpane div.altlist3 {
	background-color: #cccccc;
}

table.symboleditor div.chooserpane div.altlist3 div.choosable {
	border-color: #cccccc;
}

table.symboleditor div.chooserpane table {
	margin: 0;
}

table.symboleditor tbody {
	border-width: 0;
}

table.symboleditor div.chooserpane td {
	text-align: center;
}

table.symboleditor div.chooserpane td.makedefault {
	font-size: 9px;
	text-align: right;
}

table.symboleditor div.chooserpane td.makedefault div {
	color: blue;
}

table.symboleditor div.chooserpane td.makedefault div.defaulthover {
	text-decoration: underline;
}

table.symboleditor div.chooserpane div.chosen {
	border: solid green 1px !important;
	cursor: default;
}

table.symboleditor div.chooserpane div.cmap {
}

table.symboleditor *.editwindow {
	width: 100%;
}

table.symboleditor div.empty {
	position: absolute;
	background-color: transparent;
	z-index: 100;
	cursor: se-resize;
}

/* Modal div-based dialog */

div.insiteModalUiBlocker, div.insiteModalUiBlocker *.modalBackground {
    position: absolute !important;
    padding: 0 !important;
    border-width: 0 !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

div.insiteModalUiBlocker *.modalBackground {
    width: 100% !important;
    height: 100% !important;
    background-color: #000 !important;
}

div.insiteModalUiBlocker div.modalBackground {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.5 !important;
    -khtml-opacity: 0.5 !important;
    opacity: 0.5 !important;
    z-index: 1001 !important;
}

div.insiteModalUiBlocker iframe.modalBackground {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
    z-index: 1000 !important;
}

div.insiteModalUiBlocker div.dialogContainer {
    position: absolute !important;
    width: 300px !important;
    z-index: 1002 !important;
}

div.insiteModalUiBlocker div.dialog {
    padding: 5px !important;
    border: solid darkblue 2px !important;
    background-color: #fff !important;
    font-size: 11px !important;
    text-align: left !important;
    z-index: 1002 !important;
}

div.insiteModalUiBlocker div.dialog h1.dialogTitle {
    font-size: 120% !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 5px 0 !important;
}

div.insiteModalUiBlocker div.dialog div.buttonContainer {
    text-align: right !important;
}

div.insiteModalUiBlocker div.dialog *.button {
    border: solid gray 1px !important;
    font-weight: bold !important;
    cursor: default !important;
}