/* page.css */
input.large {
	width				: 240px;
}
.htmlarea {
	border				: 2px inset white;
	margin-left			: 0px;
	margin-right		: 0px;
	min-height			: 140px;
}
* html .htmlarea {
	height				: 140px;
}
iframe.htmlarea {
	width				: 100%;
	min-height			: 250px;
}

.source {
	background-color	: #F3F3FF;
	color				: #303030;
	font-family			: monospace;
	font-size			: 9pt;
	/* white-space			: pre;*/
	/* height				: 450px; */
	width: 500px;
	overflow			: auto;
}

.swapimage_show {
	display				: inline;
}
.swapimage_hide {
	display				: none;
}

.toolbardiv {
	text-align			: right;
	vertical-align		: middle;
	z-index				: 30;
	position			: absolute;
	right				: 0px;
	top					: 0px;
	width				: 1px;
	opacity				: 0.93;
}
* html .toolbardiv {
	filter				: alpha(opacity=93);
}
.tbar {
	white-space			: nowrap;
	float				: right;
	vertical-align		: middle;
	color				: #303030;
	margin				: 1px;
	margin-top			: 0;
}

.tbar img {
	margin-top			: 1px;
	margin-bottom		: 1px;
	width				: 16px;
	height				: 16px;
	background-color	: transparent;
	vertical-align		: middle;
}

.htmlarea td, .htmlarea_body td {
	border				: dashed #C0C0C0 1px;
}


.htmlarea input.hidden, .htmlarea_body input.hidden,
.htmlarea .hidden_validation, .htmlarea_body .hidden_validation,
.htmlarea .hiddencheckbox {
	visibility			: visible;
	display				: inline;
	background-repeat	: no-repeat;
	background-position : 3px 0px;
	color				: #303030;
	font-family			: monospace;
	padding-left		: 21px;
	width				: 100px;
}

.htmlarea input.hidden, .htmlarea_body input.hidden {
	background-image	: url(/image/shared/default/icons/input_hidden.gif);
	border				: 1px dashed #303030 ;
	background-color	: #FDADAD;
}

.htmlarea .hidden_validation, .htmlarea_body .hidden_validation {
	background-image	: url(/image/shared/default/icons/ok.gif);
	border				: 1px solid #303030;
	background-color	: #FFFFCC;
}

.htmlarea .hiddencheckbox {
	width				: 22px;
	background-image	: url(/image/shared/default/icons/input_hidden.gif);
	border				: 1px dashed #303030 ;
	background-color	: #FFFFCC;
}
.htmlarea_body input.mandatory,
.htmlarea input.mandatory {
	background			: #ffefef url('/image/shared/default/icons/input_false.gif') no-repeat right !important;
	padding-right		: 20px !important;
}

.htmlarea input.button {
}

.htmlarea input, .htmlarea_body input {
	color				: #303030;
}

.htmlarea form, .htmlarea_body form {
	border				: #CC0000 1px dashed;
	display				: block;
	width				: auto;
}

.htmlarea input.hidden, .htmlarea_body input.hidden {
	border				: dashed black 1px ;
}

body.htmlarea, body.htmlarea.body {

	margin				: 0px 0px 0px 0px;
}

.pc_paragraph {
	width		: 100%;
	position	: relative;
}

/* give a minimum height to an empty paragraph */
.paragraph_content {
	min-height			: 16px;
	height				: 16px;
}

/* This fixes height for IE */
body[class] .paragraph_content {
   height				: auto;
}

.bordertable td {
	vertical-align		: middle;
}

.htmlarea .required, .htmlarea_body .required {
/*	display		: none;
	visibility	: hidden;
	position	: absolute;
	font-size	: 0;
	line-height	: 0;*/
}

.combobox {
	display		: inline;
	position	: relative;
	border		: 1px solid black;
	background	: #FFFFFF;
	padding-left	: 2px;
	height		: 16px;
}

.comboboxoptions {
	display		: none;
	position	: absolute;
	top			: 16px;
	left		: 0px;
	border		: 1px solid black;
	background	: #FFFFFF;
	padding		: 2px 2px 1px 2px;
}

.gm_big
.comboboxoption {
	border			: 1px solid black;
	margin-bottom	: 1px;
	width			: 150px;
	padding-left	: 2px;
}

.flashmovie-placeholder {
	display			: block;
	background		: #CCCCCC;
	border-bottom	: 20px solid #CCCCCC;
	clear			: both;
}

#addparagraphtoolbar {
	margin-top		: 8px;
}

.hostname {
	vertical-align	: bottom;
	padding-bottom	: 4px;
	white-space		: nowrap;
}
.reaction_form {
	display			: none;
	position		: absolute;
	background-color: #fff;
	z-index			: 200;
	margin-top		: -200px;
	padding			: 10px;
	border			: 1px dotted #999999;
	width			: 370px;
}

/* should this be here or some where else? */
.gm_normal,
.gm_big {
	padding				: 3px;
	width 				: 100%;
	height 				: 400px;
}
.gm_normal {
	width 				: 320px;
	height 				: 250px;
}
.gm_input,
.gm_small {
	width 				: 220px;
	height 				: 120px;
}
.gm_small span {
	display				: none;
}
.gm_big * {
	box-sizing : content-box;
	-moz-box-sizing : content-box;
}
.gm_input {
	width : 50%;
	display: inline;
}

.reader { 
	float: right;
}

.paragraph-form {
	position	: relative;
}

.ui-dialog * {
	font-size: 10px;
}