bgneal@312: /* Hide the advanced tab */
bgneal@312: #advanced_tab {
bgneal@312: 	display: none;
bgneal@312: }
bgneal@312: 
bgneal@312: #metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright {
bgneal@312: 	width: 280px;
bgneal@312: }
bgneal@312: 
bgneal@312: #doctype, #docencoding {
bgneal@312: 	width: 200px;
bgneal@312: }
bgneal@312: 
bgneal@312: #langcode {
bgneal@312: 	width: 30px;
bgneal@312: }
bgneal@312: 
bgneal@312: #bgimage {
bgneal@312: 	width: 220px;	
bgneal@312: }
bgneal@312: 
bgneal@312: #fontface {
bgneal@312: 	width: 240px;
bgneal@312: }
bgneal@312: 
bgneal@312: #leftmargin, #rightmargin, #topmargin, #bottommargin {
bgneal@312: 	width: 50px;
bgneal@312: }
bgneal@312: 
bgneal@312: .panel_wrapper div.current {
bgneal@312: 	height: 400px;
bgneal@312: }
bgneal@312: 
bgneal@312: #stylesheet, #style {
bgneal@312: 	width: 240px;
bgneal@312: }
bgneal@312: 
bgneal@312: /* Head list classes */
bgneal@312: 
bgneal@312: .headlistwrapper {
bgneal@312: 	width: 100%;
bgneal@312: }
bgneal@312: 
bgneal@312: .addbutton, .removebutton, .moveupbutton, .movedownbutton {
bgneal@312: 	border-top: 1px solid;
bgneal@312: 	border-left: 1px solid;
bgneal@312: 	border-bottom: 1px solid;
bgneal@312: 	border-right: 1px solid;
bgneal@312: 	border-color: #F0F0EE;
bgneal@312: 	cursor: default;
bgneal@312: 	display: block;
bgneal@312: 	width: 20px;
bgneal@312: 	height: 20px;
bgneal@312: }
bgneal@312: 
bgneal@312: #doctypes {
bgneal@312: 	width: 200px;
bgneal@312: }
bgneal@312: 
bgneal@312: .addbutton:hover, .removebutton:hover, .moveupbutton:hover, .movedownbutton:hover {
bgneal@312: 	border: 1px solid #0A246A;
bgneal@312: 	background-color: #B6BDD2;
bgneal@312: }
bgneal@312: 
bgneal@312: .addbutton {
bgneal@312: 	background-image: url('../images/add.gif');
bgneal@312: 	float: left;
bgneal@312: 	margin-right: 3px;
bgneal@312: }
bgneal@312: 
bgneal@312: .removebutton {
bgneal@312: 	background-image: url('../images/remove.gif');
bgneal@312: 	float: left;
bgneal@312: }
bgneal@312: 
bgneal@312: .moveupbutton {
bgneal@312: 	background-image: url('../images/move_up.gif');
bgneal@312: 	float: left;
bgneal@312: 	margin-right: 3px;
bgneal@312: }
bgneal@312: 
bgneal@312: .movedownbutton {
bgneal@312: 	background-image: url('../images/move_down.gif');
bgneal@312: 	float: left;
bgneal@312: }
bgneal@312: 
bgneal@312: .selected {
bgneal@312: 	border: 1px solid #0A246A;
bgneal@312: 	background-color: #B6BDD2;
bgneal@312: }
bgneal@312: 
bgneal@312: .toolbar {
bgneal@312: 	width: 100%;
bgneal@312: }
bgneal@312: 
bgneal@312: #headlist {
bgneal@312: 	width: 100%;
bgneal@312: 	margin-top: 3px;
bgneal@312: 	font-size: 11px;
bgneal@312: }
bgneal@312: 
bgneal@312: #info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element {
bgneal@312: 	display: none;
bgneal@312: }
bgneal@312: 
bgneal@312: #addmenu {
bgneal@312: 	position: absolute;
bgneal@312: 	border: 1px solid gray;
bgneal@312: 	display: none;
bgneal@312: 	z-index: 100;
bgneal@312: 	background-color: white;
bgneal@312: }
bgneal@312: 
bgneal@312: #addmenu a {
bgneal@312: 	display: block;
bgneal@312: 	width: 100%;
bgneal@312: 	line-height: 20px;
bgneal@312: 	text-decoration: none;
bgneal@312: 	background-color: white;
bgneal@312: }
bgneal@312: 
bgneal@312: #addmenu a:hover {
bgneal@312: 	background-color: #B6BDD2;
bgneal@312: 	color: black;
bgneal@312: }
bgneal@312: 
bgneal@312: #addmenu span {
bgneal@312: 	padding-left: 10px;
bgneal@312: 	padding-right: 10px;
bgneal@312: }
bgneal@312: 
bgneal@312: #updateElementPanel {
bgneal@312: 	display: none;
bgneal@312: }
bgneal@312: 
bgneal@312: #script_element .panel_wrapper div.current {
bgneal@312: 	height: 108px;
bgneal@312: }
bgneal@312: 
bgneal@312: #style_element .panel_wrapper div.current {
bgneal@312: 	height: 108px;
bgneal@312: }
bgneal@312: 
bgneal@312: #link_element  .panel_wrapper div.current {
bgneal@312: 	height: 140px;
bgneal@312: }
bgneal@312: 
bgneal@312: #element_script_value {
bgneal@312: 	width: 100%;
bgneal@312: 	height: 100px;
bgneal@312: }
bgneal@312: 
bgneal@312: #element_comment_value {
bgneal@312: 	width: 100%;
bgneal@312: 	height: 120px;
bgneal@312: }
bgneal@312: 
bgneal@312: #element_style_value {
bgneal@312: 	width: 100%;
bgneal@312: 	height: 100px;
bgneal@312: }
bgneal@312: 
bgneal@312: #element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title {
bgneal@312: 	width: 250px;
bgneal@312: }
bgneal@312: 
bgneal@312: .updateElementButton {
bgneal@312: 	margin-top: 3px;
bgneal@312: }
bgneal@312: 
bgneal@312: /* MSIE specific styles */
bgneal@312: 
bgneal@312: * html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton {
bgneal@312: 	width: 22px;
bgneal@312: 	height: 22px;
bgneal@312: }
bgneal@312: 
bgneal@312: textarea {
bgneal@312: 	height: 55px;
bgneal@312: }
bgneal@312: 
bgneal@312: .panel_wrapper div.current {height:420px;}