/* #################################################################################################
##########                                  GUI - LAYOUT                                   #########
################################################################################################# */

body {
	background-color:#FFFFFF; background-image:url(../images/gui/GUI_bg.jpg); background-attachment: fixed; height:100%; text-align:center; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;
}

#CONTAINER {
	width:1000px; text-align:left;
}

#GUI_STAGE_CAP {
	width:1000px; height:40px; background-image:url(../images/gui/stage_cap.gif); text-align:left; float:left; margin:auto;
}

#GUI_STAGE {
	width:1000px; background-image:url(../images/gui/stage_bg.gif); text-align:left; float:left; margin:auto;
}

#GUI_STAGE_FOOT {
	width:1000px; background-image:url(../images/gui/stage_bg.gif); text-align:left; float:left;
}

#GUI_CONTENT {
	width:500px; padding-left:10px; padding-right:10px; text-align:left; float:left;
}
#GUI_COPYRIGHT {
	width:100%; text-align:center; float:left;
}

/* USER BAR */

.USER_BAR_LEFT {
	width:490px; padding-left:10px; padding-top:7px; text-align:left; float:left;
}

.USER_BAR_RIGHT {
	width:490px; padding-right:10px; padding-top:7px; text-align:right; float:left;
}

/* PAGE FRAME BOXES */

.PAGE_FRAME_CAP {
	width:540px; float:left;
}
.PAGE_FRAME_STAGE_A {
	width:540px; /* 539px set for RONDO TRAILER 540px is full width */ background-image:url(../images/content_boxes/page_frames/a/page_frame_bg.gif); float:left;
}
.PAGE_FRAME_BASE {
	width:520px; float:left;
}
.PAGE_FRAME_STAGE_CONTAINER {
	padding-left:10px; float:left;
}
.PAGE_FRAME_CONTENT_CONTAINER {
	width:510px;
}

/* INSET BOXES */

.INSET_BOX_CAP {
	width:520px; float:left;
}
.INSET_BOX_STAGE_A {
	width:520px; padding-top:5px; padding-bottom:5px; background-image:url(../images/inset_boxes/a/inset_box_bg.gif); float:left;
}
.INSET_BOX_STAGE_B {
	width:520px; padding-top:5px; padding-bottom:5px; background-image:url(../images/inset_boxes/b/inset_box_bg.gif); float:left;
}
.INSET_BOX_BASE {
	width:520px; float:left;
}
.INSET_CONTENT_ROW {
	width:490px; padding-left:15px; padding-top:5px; padding-bottom:5px; float:left;

}
.INSET_CONTENT_ROW_TITLE {
	width:490px; padding-left:15px; float:left;
}
.INSET_CONTENT_ROW_LABEL_BOX {
	width:140px; padding-top:8px; float:left;
}
.INSET_CONTENT_ROW_FIELD_BOX {
	width:330px; padding-top:4px; padding-left:10px; float:left;
}

/* THUMBNAIL BOXES */

.THUMBNAIL_CONTAINER {
	width:158px; float:left;
}
.THUMNAIL_BOX {
	width:158px; float:left;
}
.THUMBNAIL_LABEL {
	width:158px; margin-top:5px; margin-bottom:5px; float:left;
}
.THUMBNAIL_CONTENT_BOX {
	width:300px; margin-bottom:5px; margin-left:5px; float:left;
}

/* DIALOG BOX - SM */

.DIALOG_SM_HEAD {
	width:360px; height:60px; background-image:url(../images/dialog_boxes/sm/dialog_sm_cap.gif);
}
.DIALOG_SM_STAGE {
	width:360px; background-image:url(../images/dialog_boxes/sm/dialog_sm_bg.gif);
}
.DIALOG_SM_FORM_CONTAINER {
	width:250px; margin-left:auto; margin-right:auto;
}
.DIALOG_SM_ROW {
	width:250px; padding:5px; text-align:left; float:none;
}
.DIALOG_SM_LABEL {
	width:90px; padding-left:5px; padding-top:8px; text-align:left; float:left;
}
.DIALOG_SM_FIELD {
	width:140px; padding:5px; text-align:left; float:left;
}
.DIALOG_SM_BASE {
	width:360px; height:39px; background-image:url(../images/dialog_boxes/sm/dialog_sm_base.gif);
}

/* COMMERCE LAYOUT BOXES */

.COMMERCE_LEFT_COLUMN_BOX {
	width:210px; float:left;
}
.COMMERCE_RIGHT_COLUMN_BOX {
	width:220px; margin-left:10px; float:left;
}
.COMMERCE_FULL_COLUMN_BOX {
	width:480px; float:left;
}


/* #################################################################################################
##########                                  GUI - CLASSES                                  #########
################################################################################################# */

.CONTENT_BOX_5_PAD {
	padding:5px; float:left;
}
.CONTENT_BOX_10_PAD {
	padding-left:10px; padding-right:10px; padding-top:1px;
}
.CONTENT_BOX_15_PAD {
	padding-left:15px; padding-right:15px; padding-top:15px;
}
.CONTENT_BOX_20_PAD {
	padding-left:20px; padding-right:20px; padding-top:20px;
}
.CONTENT_BOX_NO_PADDING {
	width:100%;
}
.CONTENT_ROW {
	width:100%; margin-bottom:5px;
}
.CONTENT_ROW_FIXED {
	width:600px; margin-bottom:5px;
}

/* #################################################################################################
##########                                  FORM FORMATING                                 #########
################################################################################################# */

/* FORM LAYOUT CLASSES */

.ALERT_BOX {
	width:500px; background-color:#FFFFCC; border:#FF0000 solid 1px;
}
.ALERT_BOX_FORM {
	width:520px; background-color:#FFFFCC; border:#FF0000 solid 1px; float:left;
}
.GENERAL_FORM_FIELD_TINY {
	width:80px; padding:3px; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366;
}
.GENERAL_FORM_FIELD_SM {
	width:140px; padding:3px; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366;
}
.GENERAL_FORM_FIELD_LRG {
	width:250px; padding:3px; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366;
}