.WebBloxHeadline1 {
	font-family: "Lucida Grande";
	font-size: 16px;
	font-weight: bold;
}
.WebBloxBody1 {
	font-family: "Lucida Grande";
	font-size: 11px;
}

body.normal {
	background-image: url(images/blueprintgrid.gif);
}
body.dark {
	background-image: url(images/bldgblox_bggrid.gif);
}

body {
	margin: 0px 0px 0px 0px;
}


a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}

.PaletteBody1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.paletteButton {
	cursor: pointer;
}

.ImagePaletteBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


div.modal340
{
    width:388px;
    margin-left: auto;
    margin-right: auto;
}

div.modal340 div.modalTop
{
    width: 388px;
    background-image: url(images/panel_340_top.png);
    height: 40px;
}
div.modal340 div.modalMiddle
{
    width:288px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url(images/panel_340_middle.png);
}
div.modal340 div.modalBottom
{
    width:388px;
    height:48px;
    background-image: url(images/panel_340_bottom.png);
}


div.modal440 
{
    width:488px;
    margin-left: auto;
    margin-right: auto;
}

div.modal440 div.modalTop
{
    width: 488px;
    background-image: url(images/panel_440_top.png);
    height: 40px;
}
div.modal440 div.modalMiddle
{
    width:388px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url(images/panel_440_middle.png);
}
div.modal440 div.modalBottom
{
    width:488px;
    height:48px;
    background-image: url(images/panel_440_bottom.png);
}


div.modal540 
{
    width:588px;
    margin-left: auto;
    margin-right: auto;
}

div.modal540 div.modalTop
{
    width: 588px;
    background-image: url(images/panel_540_top.png);
    height: 40px;
}
div.modal540 div.modalMiddle
{
    width:488px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url(images/panel_540_middle.png);
}
div.modal540 div.modalBottom
{
    width:588px;
    height:48px;
    background-image: url(images/panel_540_bottom.png);
}



div.modal640 
{
    width:688px;
    margin-left: auto;
    margin-right: auto;
}

div.modal640 div.modalTop
{
    width: 688px;
    background-image: url(images/panel_640_top.png);
    height: 40px;
}
div.modal640 div.modalMiddle
{
    width:588px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url(images/panel_640_middle.png);
}
div.modal640 div.modalBottom
{
    width:688px;
    height:48px;
    background-image: url(images/panel_640_bottom.png);
}




div.modalMiddle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}
div.modalMiddle h1
{
	font-size: 18px;
	font-weight: bold;
}

   


/*margins do funny things in safari, and move the button down as well */
* {margin:0px 0px 0px 0px;}
td {vertical-align: top;}
td.center { vertical-align:middle; text-align:center;}

/*
html
{ height:100%;}
body
{ height:100%;}
*/

.popupButton
{
	cursor: pointer;
	position:absolute; 
	top:0px; 
	width:20px; 
	height:20px;
	background-image: url(images/edit_down.png);
}

.popupButton:hover, .popupButtonOn
{
	position:absolute; 
	top:0px; 
	width:20px; 
	height:20px;
	background-image: url(images/edit_up.png);
}

.divCancelButton
{
	cursor: pointer;
	width:79px;
	height:21px;
	background-image: url(images/button_cancel_off.png);
}
.divCancelButton:hover
{
	background-image: url(images/button_cancel_on.png);
}
.divSaveButton
{
	cursor: pointer;
	width:79px;
	height:21px;
	background-image: url(images/button_save_off.png);
}
.divSaveButton:hover
{
	background-image: url(images/button_save_on.png);
}
.divPreviewButton
{
	cursor: pointer;
	width:99px;
	height:21px;
	background-image: url(images/button_preview_off.gif);
}
.divPreviewButton:hover
{
	background-image: url(images/button_preview_on.gif);
}

.divInsertImagesButton
{
	cursor: pointer;
	width:119px;
	height:21px;
	background-image: url(images/palettebutton_insertimages_off.gif);
}
.divInsertImagesButton:hover
{
	background-image: url(images/palettebutton_insertimages_on.gif);
}
.divInsertFormsButton
{
	cursor: pointer;
	width:119px;
	height:21px;
	background-image: url(images/eform_insertform_off.png);
}
.divInsertFormsButton:hover
{
	background-image: url(images/eform_insertform_on.png);
}


.divAddImagesButton
{
	cursor: pointer;
	width:99px;
	height:21px;
	background-image: url(images/button_addimages_off.png);
}
.divAddImagesButton:hover
{
	background-image: url(images/button_addimages_on.png);
}
.divDoneButton
{
	cursor: pointer;
	width:79px;
	height:21px;
	background-image: url(images/button_done_off.png);
}
.divDoneButton:hover
{
	background-image: url(images/button_done_on.png);
}

.divFormAddButton
{
	cursor: pointer;
	width:129px;
	height:21px;
	background-image: url(images/eform_createnewform_off.png);
}
.divFormAddButton:hover
{
	background-image: url(images/eform_createnewform_on.png);
}

.divFormEditButton
{
	cursor: pointer;
	width:129px;
	height:21px;
	background-image: url(images/eform_editform_off.png);
}
.divFormEditButton:hover
{
	background-image: url(images/eform_editform_on.png);
}

.divFormDeleteButton
{
	cursor: pointer;
	width:129px;
	height:21px;
	background-image: url(images/eform_deleteform_off.png);
}
.divFormDeleteButton:hover
{
	background-image: url(images/eform_deleteform_on.png);
}


.divDocDeleteButton
{
	cursor: pointer;
	width:129px;
	height:21px;
	background-image: url(images/eform_deleteform_off.png);
}
.divDocDeleteButton:hover
{
	background-image: url(images/eform_deleteform_on.png);
}




.divEformListButton
{
	cursor: pointer;
	width:26px;
	height:20px;
	background-image: url(images/eform_listbutton.png);
}
.divEformListButton:hover
{
	background-image: url(images/eform_listbutton.png);
}

div.popupMenuHeader {
	width: 175px; 
	height:6px; 
	background-image: url(images/contextmenu_topedge.png);
}

div.popupMenuFooter {
	width: 175px; 
	height:13px; 
	background-image: url(images/contextmenu_bottomedge.png);
}

div.popupMenuMiddle {
	width: 175px; 
	background-image: url(images/contextmenu_middlebg.png);
	color: white;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
}

div.popupMenuMiddle div {
	width: 165px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


div.popupMenuMiddle div:hover {
	background-color: #734d98;
}

	

div.popupMenu
{
	position:absolute;
	display:none; 
	z-index:30; 
	white-space:nowrap;
}

div.popupMenu a {
	color: White;
	text-decoration: none;
}




.colorButton
{
	width:41px;
	height:20px;
	border: solid 1px #888888;
	text-align:center;
	overflow:hidden;
}
.colorButtonOn, .colorButton:hover
{
	width:37px;
	height:16px;
	border: solid 3px #888888;
	text-align:center;
	overflow:hidden;
}

.menuOff a, .menuOn a {
	display: block;
}

div.bb_menu, div.bb_menu_green {
	width:141px;
	position: absolute;
	z-index: 60;
}

div.bb_item, div.bb_item_on, div.bb_item_green, div.bb_item_green_on {
	width: 141px;
	height: 41px;
	text-align: center;
	padding: 30px 0px 0px 0px;
	color: White;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
}
div.bb_item {
	background-image: url(images/bb_menu_blank_off.png);
	float: left;
}
div.bb_item_on {
	background-image: url(images/bb_menu_blank_on.png);
}

div.bb_item_green {
	background-image: url(images/bb_menu_green_off.png);
	float: left;
}
div.bb_item_green_on {
	background-image: url(images/bb_menu_green_on.png);
}

div.bb_popup, div.bb_popup_green {
	width:141px; 
	height:20px; 
	background-repeat:repeat-y;
	color: White;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
}

div.bb_popup i 
{
	font-style: normal;
	color: #999999;
}

div.bb_popup a, div.bb_popup_green a {
	text-decoration: none;
	color: White;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
}

div.bb_popup {
	background-image: url(images/bb_menumiddle_off.png); 
}
div.bb_popup:hover {
	background-image: url(images/bb_menumiddle_on.png); 
}
div.bb_popup_green {
	background-image: url(images/bb_menumiddle_green_off.png); 
}
div.bb_popup_green:hover {
	background-image: url(images/bb_menumiddle_green_on.png); 
}

div.bb_popuptop {
	width:141px; 
	height:10px; 
	background-image: url(images/bb_menutop.png);	
}

div.bb_popuptop_green {
	width:141px; 
	height:10px; 
	background-image: url(images/bb_menutop_green.png);	
}

div.bb_editPageIcon 
{
	width: 45px;
	height: 71px;
	background-image: url(images/edit_icon_OFF.png);
}
div.bb_editPageIcon:hover 
{
	background-image: url(images/edit_icon_OVER.png);
}



div.fup 
{
	background-image:url(images/button_selectimage.gif);
}	

div.fupd 
{
	background-image:url(images/button_selectdoc.gif);
}	

div.fup, div.fupd {
	position:absolute; 
	top:0px; 
	left:0px; 
	overflow:hidden; 
	width:129px; 
	height:21px; 
}

div.fup input, div.fupd input {
	position:absolute; 
	top: 0px; 
	right:0px; 
	font-size:100px; 
	z-index: 2; 
	filter:alpha(opacity=0); 
	opacity:0;
}

td.tdPosOff {
	width: 32px;
	height: 32px;
	background-image: url(images/tilesquare_up.gif);
}
td.tdPosOff:hover {
	background-image: url(images/tilesquare_down.gif);
}
td.tdPosOn {
	width: 32px;
	height: 32px;
	background-image: url(images/tilesquare_down.gif);
}






div.pbar_bg 
{
	height: 20px; 
	background-image: url(images/progressbar_bg.gif);
	background-repeat: repeat-x;
	text-align: left;
}
div.pbar_bar
{
	height: 16px;
	background-image: url(images/progressbar_blue.gif);
	background-repeat: repeat-x;
	top: 2px;
	left: 3px;
	position: relative;
}
	
span.quotaText
{
	color: White;
	font-weight: bold;
}

div.passwordBox
{
	width: 400px;
	background-color: White;
	border: 1px solid #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px 20px 20px 20px;
}






