====
==== Assign default values for outlines
==== 


	Warning: Defaulting CONTAINER_CONTAINER_CONTROL_BG_COLOR to #9999ccColor of container outlines in the main area

	Warning: Defaulting CONTAINER_CONTROL_BG_COLOR to #ccccffColor of non-container block outlines in the main area

	Warning: Defaulting CONTAINER_CONTAINER_CONTROL_FONT_COLOR from MAIN_FONT_COLOR (#000) Color of text within a block outline. e.g. the block name


	Warning: Defaulting CONTAINER_SIDE_CONTAINER_CONTROL_BG_COLOR to #9999ccSometimes the color that works in the main area is hard to read in the sidebars.
	This sets the color of container outlines in the sidebar

	Warning: Defaulting CONTAINER_SIDE_CONTROL_BG_COLOR to #ccccffColor of non container outlines in the sidebars

	
	Warning: Defaulting CONTAINER_ALLPAGES_CONTROL_BG_COLOR to #669999"All Pages" containers have a different outline color


 

/* container_box is the main wrapper for all containers. It is invoked by itself. e.g.
   <div class="container_box">
   */
div.container_box {	
		padding: 0px;
	                 
		margin-bottom: 0px; /* space between containers, shows the generic section color or background 
	                       do not set margin-left or margin-right or else the container will be indented*/
	                       
    /* Do NOT set background color if you want background images to come through */	                       
	background-color: transparent; /* =CONTAINER_BG_COLOR= */
	
	/* For blockish themes, set a border on the container box 
	   also consider using a color other than =BORDER_COLOR= for the container boarders */
		/* Setting background color in container boxes is like setting it on the generic div
	   -- it turns the color of almost everything (except where there is a background image)
	   */
}


/* ========================================
   ===  Bring in standard block outlining, new 2/2007 standard
   ======================================== */


/* Each Block's Border in Outline View*/
/* container_edit box is shown when the view is structure
					   It appears before and ends before the container.  e.g.
					   
					        When not in structure mode:
							<div class="container_box">
							    content from the embedded blocks
							</div>        
					
							
					        When in structure mode, for top level containers:
							<div class="container_editheader">
							    info icon, up/down links, configure icon
							</div>
							
							When in structure mode, Embedded containers use
							<div class="container_editbox">
									<div class="container_editheader">
							    		info icon, up/down links, configure icon
							    	</div>
							</div>
							<div class="container_box">
							    content from the embedded blocks
							</div>
   */
		div.container_editbox {	/* Standards changed 7/13/06 */
			border: 3px solid #ccccff; /* =CONTAINER_CONTROL_BG_COLOR= */
			margin: 4px;
		}
		div.top_container_editbox {
			margin: 0px 0px 4px 0px; 		}
		
		/* Each Block's Header background color in Structure View*/
		div.container_editheader {	
			padding: 3px;
			background-color: #ccccff; /* =CONTAINER_CONTROL_BG_COLOR= */
		}
		/* container_info is used in a td within the container_editheader
		   with description about the container such as @left_before127 
		   It should use a small and inobstrusive font and shuld show well against the
		   background color of container_editheader 
		   
		   The class is used alone. e.g.
		   	<td valign="top" class="container_info">
		  */
		.container_info {	
			font-size: small;
			font-weight: bold;
						    color: #000; /* =CONTAINER_CONTAINER_CONTROL_FONT_COLOR= */
					}
		
		
		/* Standards changed 11/14/06 to allow containermodule_container_editbox and containermodule_side_container_editbox
		   Delete any container_container stuff */
		/* containermodule_container_editbox, containermodule_container_editheader, and containermodule_container_info
		   apply only to container blocks. The _side variants apply only when the block is not in the main area.
		   Example Usage when on a sidebar:
		      <div class="container_editbox containermodule_container_editbox containermodule_side_container_editbox">
				<div class="container_editheader containermodule_container_editheader containermodule_side_container_editheader">
				   <div style="width: 100%;" id="cont_40">
					<table width="100%" cellpadding="0" cellspacing="3" border="0" class="container_editheader containermodule_container_editheader containermodule_side_container_editheader">
		*/
		
		div.side_container_editbox {border: 3px solid #ccccff;} /* =CONTAINER_SIDE_CONTROL_BG_COLOR= */
		div.side_container_editheader {background-color: #ccccff;} /* =CONTAINER_SIDE_CONTROL_BG_COLOR= */
		
		
		div.containermodule_container_editbox {border: 3px solid #9999cc;} /* =CONTAINER_CONTAINER_CONTROL_BG_COLOR= */
		div.containermodule_container_editheader {padding: 0px;background-color: #9999cc;} /* =CONTAINER_CONTAINER_CONTROL_BG_COLOR= */
		
		div.containermodule_side_container_editbox {border: 3px solid #9999cc;} /* =CONTAINER_SIDE_CONTAINER_CONTROL_BG_COLOR= */
		div.containermodule_side_container_editheader {padding: 0px; background-color: #9999cc;} /* =CONTAINER_SIDE_CONTAINER_CONTROL_BG_COLOR= */
		
		div.allpages_container_editbox {border: 3px solid #669999;} /* =CONTAINER_ALLPAGES_CONTROL_BG_COLOR= */
		div.allpages_container_editheader {background-color: #669999;} /* =CONTAINER_ALLPAGES_CONTROL_BG_COLOR= */
		div.allpages_containermodule_container_editbox {border: 3px solid #669999;} /* =CONTAINER_ALLPAGES_CONTROL_BG_COLOR= */
		div.allpages_container_editheader {background-color: #669999;} /* =$CONTAINER_ALLPAGES_CONTROL_BG_COLOR= */
		div.allpages_containermodule_container_editheader {background-color: #669999;} /* =$CONTAINER_ALLPAGES_CONTROL_BG_COLOR= */
		
		
		
		/* container_selectbox is a style imposed temporarily when they hover over an edit button. 
		   This class is used by itself
		   Example Usage: <div style="width: 100%;" id="cont_684" class="container_selectbox">
		   */
		div.container_selectbox {	/* Added to standard 9/28/06 */
			background-color: #ccccff;  /* =CONTAINER_CONTROL_BG_COLOR= */
		}
		
		/* container_selectbox is a style imposed temporarily when they hover over an edit button. 
		   This class is used by itself
		   Example Usage: <div style="width: 100%;" id="cont_684" class="container_selectbox">
		   */
		div.container_selectbox {	/* Added to standard 9/28/06 */
			background-color: #ccccff; /* = CONTAINER_CONTROL_BG_COLOR= */
		}
/* If the container has a visible outline, we will generally we want the title 
   to streatch from end to end of container, but will
   need the contents to have some offset.  For these, set 
   modulebody and modulecontrol to have padding-left and container to have no padding
   
   The modulebody control is actually applied to a table and not a div.
   This is because if the inner content contains a table and the div has padding
   the table might push outside the div (in mozilla), or expand the div (in IE)
   */
.modulebody {  
	width: 100%; 
	/* Do not set the background color if in a totally non blockish theme */
		font-size: small;
	padding: 0px 0px 0px 0px; 
}
.form_modulebody td {
	font-size: small;				  
}

	
.sidebar .moduletitle { 
	font-size: small;
	font-weight: bold;
	margin-top: 10px;
	padding: 10px 0px 5px 25px !important;
	background-repeat: no-repeat;
	background-position: top left;
	color: #3d2312;
										
		height: 28px;
		width: 240px;
	}

.sidebar .modulebody {  
	font-size: small;
	line-height: 20px;
	padding: 5px 5px 5px 20px;
}



.Compact_modulebody {  
	padding: 0px;
	margin: 0px;
}
.login_modulebody,  .login_modulebody td{ 
	/*padding-left: 10px;*/
	font-size: small; 
}

.login_mngmntlink {
	font-size: small !important; 
}
.login_navlink {
	font-size: small; 
}
div.login_welcome {
	font-size: small;
}

.videolink {
	font-size: medium !important;
	background-color: transparent !important;
    color: white !important;
}

.calendar_title {
	font-size: small !important;
	font-weight: bold;
}









/* ======================================= 
   ======================================= 
   ======================================= 
	Look specific enhancements
   ======================================= 
   ======================================= 
   ======================================= */
   
.mainarea div.Feature_container_box {	
	background-color: #F2F2F2;
	padding: 10px 10px 20px 10px !important;
	/*margin-left: 10px;*/
}
.Feature_moduletitle {
	color: #0F3449;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/stylesP1.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
.Feature_modulebody, .Feature_modulebody .article_summary td {
	color: #333333;
}
.sidebar .Feature_modulebody {
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}
.sidebar .Feature_moduletitle {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/moduletitleP1.gif');
	color: #4D4D4D;
}

.mainarea div.Feature2_container_box {
	border: 1px solid #CCCCCC;
	padding: 10px 10px 20px 10px !important;
	/*margin-left: 10px;*/
}
.Feature2_moduletitle {

}
.Feature2_modulebody {
	color: #000; /* =MAIN_FONT_COLOR= */
}
.sidebar .Feature2_modulebody {
	background-color: WHITE;
	border: 1px solid #CCCCCC;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}

.mainarea div.Feature3_container_box {
	padding: 10px 10px 20px 10px !important;
	/*margin-left: 10px;*/
	background-color: #6b6b6b;
}
.Feature3_moduletitle {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/p3.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #333333;
}
.Feature3_modulebody, .Feature3_modulebody .article_summary td {
	color: #E6E6E6;
}
.sidebar .Feature3_modulebody {
	background-color: #6b6b6b;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}
.sidebar .Feature3_moduletitle {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/moduletitleP3.gif');
}


.mainarea div.Feature4_container_box {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/p4.gif');
	background-repeat: repeat;
	padding: 10px 10px 20px 10px !important;
	/*margin-left: 10px;*/
}
.Feature4_moduletitle {
	color: #333333;
}
.Feature4_modulebody, .Feature4_modulebody .article_summary td {
	color: #333333;
}
.sidebar .Feature4_modulebody {
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/p4.gif');
	background-repeat: repeat;
}


.mainarea div.Minor_container_box {	
	background-color: #F2F2F2;
	background-image: url('http://s6.hotdoodle.com/maesbreath/files/imagegallerymodule/44d3c9fa539f4@random/gallery5/cell_phone.png');
	background-repeat: no-repeat;
	background-position: bottom left;
        border-top: 5px solid #FFF;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	padding: 20px 10px 20px 320px !important;
	/*margin-left: 10px;*/
}
.mainarea .Minor_moduletitle {
	font-size: small;
	color: #0F3449;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bullet.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 13px;
	padding: 0px 0px 0px 10px;
}
.Minor_modulebody, .Minor_modulebody .article_summary td {
	font-size: small;
	color: #333333;
}
.sidebar .Minor_modulebody {
	font-size: small;
	background-color: #F2F2F2;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}
.sidebar .Minor_moduletitle {
	font-size: small;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/moduletitleP1.gif');
	background-repeat: no-repeat;
	color: #4D4D4D;
}

.mainarea div.Minor2_container_box {
	border: 1px solid #CCCCCC;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 20px 10px 20px 10px !important;
	/*margin-left: 10px;*/
}
.mainarea .Minor2_moduletitle {
	font-size: small;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bullet.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 13px;
	padding: 0px 0px 0px 10px;
}
.Minor2_modulebody, .Minor2_modulebody .article_summary td {
	font-size: small;
	color: #000; /* =MAIN_FONT_COLOR= */
}
.sidebar .Minor2_modulebody {
	font-size: small;
	background-color: WHITE;
	border: 1px solid #CCCCCC;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}
.sidebar .Minor2_moduletitle {
	font-size: small;
}
.mainarea div.Minor3_container_box {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 20px 10px 20px 10px !important;
	/*margin-left: 10px;*/
	background-color: #6b6b6b;
}
.mainarea .Minor3_moduletitle {
	font-size: small;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bullet.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 13px;
	padding: 0px 0px 0px 10px;
	color: #E6E6E6;
}
.Minor3_modulebody, .Minor3_modulebody .article_summary td {
	font-size: small;
	color: #E6E6E6;
}
.sidebar .Minor3_modulebody {
	font-size: small;
	background-color: #6b6b6b;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
}
.sidebar .Minor3_moduletitle {
	font-size: small;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/moduletitleP3.gif');
	background-repeat: no-repeat;
}


.mainarea div.Minor4_container_box {
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/p4.gif');
	background-repeat: repeat;
	padding: 10px 10px 20px 10px !important;
	/*margin-left: 10px;*/
}
.mainarea .Minor4_moduletitle {
	font-size: small;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/subtle01_bullet.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 13px;
	padding: 0px 0px 0px 10px;
}
.Minor4_modulebody, .Minor4_modulebody .article_summary td {
	font-size: small;
	color: #333333;
}
.sidebar .Minor4_modulebody {
	font-size: small;
										
		margin-left: auto;
		margin-right: auto;
		width: 240px;
	background-image: url('/hotdoodle_engine/looks/images/imagelib/looks/gallery64/p4.gif');
	background-repeat: repeat;
}
.sidebar .Minor4_moduletitle {
	font-size: small;
}

/* ========================================
   ===  Bring in standard non composite styles, new 2/2007 standard
   ======================================== */
/* =======================================================================
   =======================================================================
   =========== Start _standard_styles.tpl 1/16/2009 ======================
   =======================================================================
   =======================================================================
   Changes here do NOT cause all looks to be recompiled
   
   Used from most looks
   ========================================
   ===  Bring in standard non composite styles, new 2/2007 standard
   ======================================== 
	include file="common/_standard_styles.tpl"
*/


/* ======================================= 
   ======================================= 
   ======================================= 
	Some common, but still adjustable, properties
   ======================================= 
   ======================================= 
   ======================================= */
   
/* make form titles stand out */
div.form_title, .form_title a {
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	/* padding: 5px 0px 5px 0px; */
		background-color: #FFF; /* ==OPTITLE_BG_COLOR== */
	color: #3d2312;	/* ==OPTITLE_FONT_COLOR== */
}



/* ======================================= 
   ======================================= 
   ======================================= 
	Common Singilar styles
   ======================================= 
   ======================================= 
   ======================================= */

div.Box100w_container_box {	
	width: 100px;
}   

div.Box200w_container_box {	
	width: 200px;
}   

div.Box250w_container_box {	
	width: 250px;
}    

div.Box300w_container_box {	
	width: 300px;
} 



div.Box100h_container_box {	
	height: 100px;
}   

div.Box200h_container_box {	
	height: 200px;
}   

div.Box250h_container_box {	
	height: 250px;
}    

div.Box300h_container_box {	
	height: 300px;
} 









div.FrameBold_container_box {
	border: 12px groove WHITE; ; /* =ALT_BG_COLOR= */
	padding: 10px;
}

div.FrameModerate_container_box {
	border: 6px groove #CCCCCC;  /* =BORDER_COLOR= */
	padding: 5px;
}

div.FrameSubtle_container_box {
	border: 2px solid #CCCCCC; /* =BORDER_COLOR= */
	padding: 2px;
}


div.LightGray_container_box {	
	background-color: #DDDDDD;
}
.LightGray_moduletitle {
	background-color: #DDDDDD;}
.LightGray_modulebody {	
	background-color: #DDDDDD;
	color: #000; /* =LIGHT_BG_FONT_COLOR= */
}

div.Aqua_container_box {	
	background-color: #CCFFFF;
}
.Aqua_moduletitle {
	background-color: #CCFFFF;
}
.Aqua_modulebody {	
	background-color: #CCFFFF;
	color: #000; /* =LIGHT_BG_FONT_COLOR= */
}

div.Pink_container_box {	
	background-color: #FFCCFF;
}
.Pink_moduletitle {
	background-color: #FFCCFF;
}
.Pink_modulebody {	
	background-color: #FFCCFF;
	color: #000; /* =LIGHT_BG_FONT_COLOR= */
}

div.Yellow_container_box {	
	background-color: #FFFFCC;
}
.Yellow_moduletitle {
	background-color: #FFFFCC;
}
.Yellow_modulebody {
	background-color: #FFFFCC;
	color: #000; /* =LIGHT_BG_FONT_COLOR= */
}


div.SmallText_container_box {	}
.SmallText_moduletitle {}
.SmallText_modulebody {	
	font-size: medium;
}
	

div.BigText_container_box {	}
.SBigText_moduletitle {}
.BigText_modulebody {	
	font-size: medium;
}
	
div.Wide_container_box {width: 100%;}
.Wide_moduletitle {width: 100%;}
.Wide_modulebody {width: 100%;}


div.Tall_container_box {height: 100%;}
.Tall_moduletitle {height: 100%;}
.Tall_modulebody {height: 100%;}
	

div.Help_container_box { /* Help style is used for site instructions. Added 10/2006 */
	border: 4px solid #CCCCCC; /* =BORDER_COLOR= */
	padding: 4px;
	padding-top: 22px;
	background: #FFFFCC url("/hotdoodle_engine/iconset/doodle_instructions.gif") no-repeat top left;
}
.Help_moduletitle {	background-color: #FFFFCC;} /* =HELP_BG_COLOR= */
.Help_modulebody {	background-color: #FFFFCC;} /* =HELP_BG_COLOR= */


div.Wizard_container_box { 
	border: 4px solid #FFFFCC; /* =BORDER_COLOR= */
	padding: 4px;
	/* 
	   padding-top: 22px;
	   background: url("/hotdoodle_engine/iconset/doodle_wizard.gif") no-repeat top left;
	*/
	background: transparent;
}
.Wizard_moduletitle { background-color: transparent;	} /* =HELP_BG_COLOR= */
.Wizard_modulebody { background-color: transparent;	} /* =HELP_BG_COLOR= */





.shide_moduletitle {
	font-size: xx-small !important;
	color: #E0E0E0 !important; /* ==HIDDEN_FONT_COLOR== */
	background-color: transparent !important;
	background-image: none !important;
}
.shide_modulebody, .shide_modulebody h1, .shide_modulebody h2, .shide_modulebody p, .shide_modulebody a {
	font-size: xx-small !important;
	color: #E0E0E0 !important; /* ==HIDDEN_FONT_COLOR== */
	margin: 0px !important;
	font-weight: 100 !important; 
	background-color: transparent !important;
	background-image: none !important;
}

.shide_container_box {
	font-size: xx-small !important;
	color: #E0E0E0 !important; /* ==HIDDEN_FONT_COLOR== */
	background-color: transparent;
	background-image: none !important;
}

/* .shide2 is used for some generated content that is best seen only by search engines */
.shide2_modulebody, .shide2_modulebody h1, .shide2_modulebody h2, .shide2_modulebody p, .shide2_modulebody a {
	line-height: 6px;
	overflow: hidden;
	height: 10px;
	color: #E0E0E0 !important;
}
.side_modulebody a.doodlelink {
	color: #000a92 !important;
}

/* Special postfooter area, for search engine bait. shide is 'SEO' style */
.divpostfooter .modulebody, 
.divpostfooter .modulebody p, 
.divpostfooter .modulebody span {
 color: #000;  /* ==POSTFOOTER_FONT_COLOR== */
}

.divpostfooter .shide_modulebody,
.divpostfooter .shide_moduletitle, 
.divpostfooter .shide_modulebody h1, 
.divpostfooter .shide_modulebody h2, 
.divpostfooter .shide_modulebody p,  
.divpostfooter .shide_modulebody span, 
.divpostfooter .shide_modulebody a {
 color: #363636  !important;  /* ==HIDDEN_POSTFOOTER_FONT_COLOR== */
}

div.Aqua_container_box {
	background-color: #DFF2FF;
	border: 1px solid #00A8FF;
	padding: 20px;
}
.sidebar div.Aqua_container_box {
	padding: 10px !important;
}
.divtop div.Aqua_container_box {
	padding: 10px 10px 0 10px !important;
}
.Aqua_moduletitle {
	background-color: #DFF2FF;
}
.Aqua_modulebody, .Aqua_modulebody td {	
	background-color: #DFF2FF;
}

div.Pink_container_box {	
	background-color: #FFEBEA;
	border: 1px solid #DD3C10;
	padding: 20px;
}
.sidebar div.Pink_container_box {
	padding: 10px !important;
}
.divtop div.Pink_container_box {
	padding: 10px 10px 0 10px !important;
}
.Pink_moduletitle {
	background-color: #FFEBEA;
}
.Pink_modulebody, .Pink_modulebody td {	
	background-color: #FFEBEA;
}

div.Yellow_container_box {	
	background-color: #FFFFCC;
	border: 1px solid #FCEE21;
	padding: 20px;
}
.sidebar div.Yellow_container_box {
	padding: 10px !important;
}
.divtop div.Yellow_container_box {
	padding: 10px 10px 0 10px !important;
}
.Yellow_moduletitle {	
	background-color: #FFFFCC;
}
.Yellow_modulebody, .Yellow_modulebody td {	
	background-color: #FFFFCC;
}

div.LightGray_container_box {
	background-color: #000;
	border: 1px solid #000;
	padding: 20px;
}
.sidebar div.LightGray_container_box {
	padding: 10px !important;
}
.divtop div.LightGray_container_box {
	padding: 10px 10px 0 10px !important;
}
.LightGray_moduletitle {
	background-color: #000;
}
.LightGray_modulebody, .LightGray_modulebody td {	
	background-color: #000;
}

div.AltSidebar_container_box {
}
.AltSidebar_moduletitle {
	color: #000;
}
.AltSidebar_modulebody {	
	color: #000;
}

a img {
       border:none;
}

.slideshow0_picture_img {
box-shadow: 1px 1px 3px #505050;
}
/* ======================================= 
   ======================================= 
   ======================================= 
	Context Specific Overrides
   ======================================= 
   ======================================= 
   ======================================= */		
	
/* override form title settings */
   
.form_title {	
	background-color: #4D4D4D !important; /* =BASE1_DARK_COLOR= */
}

.productcatelog_modulebody table {
	border: 0px solid #CCCCCC !IMPORTANT;
	border-collapse: collapse !important;
}
.productcatelog_modulebody td {
	text-align: center !important;
}

div.wizard {
	width: 560px !important;			
}

.calendar_modulebody td div {
        background-color: #323232 !important;
}
/* Special Styles*/


div.sidePadding_container_box {
       padding-left:10px;
       padding-right:10px;
       padding-top:10px;
       
             
}
.sidePadding_moduletitle {
       
       
      
}
.sidePadding_modulebody {
      
          
}


div.sidePaddingNoTop_container_box {
       padding-left:10px;
       padding-right:10px;
       
       
             
}
.sidePaddingNoTop_moduletitle {
       
       
      
}
.sidePaddingNoTop_modulebody {
      
          
}


div.greenBG_container_box {
       
       
       
             
}
.greenBG_moduletitle {
       background-color:gray;
       color:#FFF;
      padding: 10px 25px 5px 25px;
      font-size:14pt;
}
.greenBG_modulebody {
      background-color:#00704A;
      color:#FFF;
      padding: 15px 25px 10px 25px;
}


div.weatherBox_container_box {
       background-color:#000;
       padding:10px 0px 10px 116px;
       
             
}
.weatherBox_moduletitle {

}
.weatherBox_modulebody {

}

div.dropShadow_container_box {

}
.dropShadow_moduletitle {
      
       
      
}
.dropShadow_modulebody img {
  box-shadow: 1px 1px 3px #505050;
  
}


div.hover_container_box {
}

.hover_modulebody a img:hover{
opacity:.5;
transition: 1s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition: 1s; /* Opera */
}

.hover_modulebody a img{
opacity:1;
transition: .8s;
-moz-transition: .8s; /* Firefox 4 */
-webkit-transition: .8s; /* Safari and Chrome */
-o-transition: .8s; /* Opera */
}


div.greenBG2_container_box {
       
             background-color:#00704A;
  
}
.greenBG2_moduletitle {
       background-color:#000;
       color:#FFF;
      padding: 10px 25px 5px 25px;
      font-size:14pt;
}
.greenBG2_modulebody {
color:#FFF;
padding: 15px 25px 10px 25px;
       
}


div.whiteText_container_box {
       
         
  
}
.whiteText_moduletitle {
       
}
.whiteText_modulebody td.hdform.hdform_label{
color:#FFF;
       
}



div.dropShadow_container_box {
       
         
  
}
.dropShadow_moduletitle {
       
}
.dropShadow_modulebody img{
       box-shadow: 1px 1px 3px #505050;
}
 
 
 
 
/* Start Color Table 

	<strong><big><b>List of variables assigned in this look</b></big></strong><br />	
	<table border = 1 cellspacing = "0" cellpadding = "0">
	<tbody>
	<tr><td colspan='2' align='middle'><br /><strong>Key Variables</strong></td></tr>
				<tr><td>SITE_ROOT<br />Root of site image references</td>
				    <td >http://searchlightsafetyllc.com</td>
			    </tr>
			    
				<tr><td>BASE_SIZE<br />Core font size, others are computed relative to this.<br />
	When using font size variables (ie. "x-small" IE is usually approx 2px bigger than other browsers, so set IE smaller<br /><nobr><a class='doodlelink' href='.' '
		onclick="showHideGeneral(this,'varsh9','more&hellip;','Hide&hellip;'); return false;">more&hellip;</a></nobr><br />
					<div id='varsh9' style='display: none;'>
					<pre>
      Typical xx-small= 9px
      Typical x-small: 10px
      Typical small: 13px
      Typical medium: 16px
      Typical large: 18px
      Typical x-large: 24px
      Typical xx-large: 32px
</pre></div>
</td>
				    <td style = ' background-color: small'>small</td>
			    </tr>
			    
				<tr><td>LINKDIFFERENTIATION<br />Do links differ by font, size, or color?<br /><nobr><a class='doodlelink' href='.' '
		onclick="showHideGeneral(this,'varsh10','more&hellip;','Hide&hellip;'); return false;">more&hellip;</a></nobr><br />
					<div id='varsh10' style='display: none;'>
					<pre>
	Navigation links are somewhat special
	Make them stand out by color, font, or size

	For blockish themes consider using the same color for
	=MODULE_TITLE_FONT_COLOR=, =MAIN_FONT_COLOR=
	Another style decision is to use this same font for
	=LINK_FONT_COLOR= and maybe even for =NAVLINK_FONT_COLOR= and =MANAGEMENTLINK_FONT_COLOR=
	However, if the links all have the same colors, consider differentiating
	them by other means such as font, boldness, size, or text-decoration.	
	</pre></div>
</td>
				    <td >SIZE</td>
			    </tr>
			    
				<tr><td>MAIN_FONT_FAMILY<br />Font used through most of the site<br /><nobr><a class='doodlelink' href='.' '
		onclick="showHideGeneral(this,'varsh11','more&hellip;','Hide&hellip;'); return false;">more&hellip;</a></nobr><br />
					<div id='varsh11' style='display: none;'>
					<pre>Common choices:
		'verdana, geneva, sans-serif'
		'arial, verdana, "ms sans serif", sans-serif 
		'tahoma, arial, verdana, "ms sans serif", sans-serif
		'Helvetica, Verdana
		'"ms sans serif", sans-serif, verdana, arial'
</pre></div>
</td>
				    <td >arial, helvetica, verdana, tahoma, sans-serif</td>
			    </tr>
			    
				<tr><td>BODY_WIDTH<br />The size of the entire web page.	<br /><nobr><a class='doodlelink' href='.' '
		onclick="showHideGeneral(this,'varsh12','more&hellip;','Hide&hellip;'); return false;">more&hellip;</a></nobr><br />
					<div id='varsh12' style='display: none;'>
					<pre>
	width: 800px;  -- the page will be this size, and if there is any extra
	       the page will center around it. The body background image will
	       appear around the sides. If the content is wide, the page will 
	       widen
	width: auto: -- the page will be as wide as needed to fit the content
			Leaving the width out has the same effect.
	width: 100%; -- the page will fill the browser window side to side
	width: 90%; --  the page will expand to almost fill the browser window 
		side to side but will have some margins into which the body 
		background image is displayed.
	</pre>
	</div>
</td>
				    <td >960px</td>
			    </tr>
			    
				<tr><td>MAIN_SIDEBAR_WIDTH</td>
				    <td >240px</td>
			    </tr>
			    
				<tr><td>SIDEBAR_WIDTH<br />Width of secondary sidebar, if any</td>
				    <td >165px</td>
			    </tr>
			    
				<tr><td>SIDEBAR_HEIGHT<br />Height of the sidebar. Note: setting this an force the body and main area to be a min size</td>
				    <td >400px</td>
			    </tr>
			    
				<tr><td>MAINAREA_HEIGHT</td>
				    <td >400px</td>
			    </tr>
			    
				<tr><td>HEADER_HEIGHT<br />Height fo the header. Works best if set to  match size of background</td>
				    <td >80px</td>
			    </tr>
			    
				<tr><td>FOOTER_HEIGHT</td>
				    <td >40px</td>
			    </tr>
			    
				<tr><td>SIDEBAR_BORDERS<br />sidebars will have separator lines</td>
				    <td >0</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Font Colors</strong></td></tr>
				<tr><td>MAIN_FONT_COLOR</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>MINOR_FONT_COLOR</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>MODULE_TITLE_FONT_COLOR</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>LINK_FONT_COLOR</td>
				    <td style = ' background-color: #000a92'>#000a92</td>
			    </tr>
			    
				<tr><td>NAVLINK_FONT_COLOR<br />colors of links that are to pages in the site</td>
				    <td style = ' background-color: #000a92'>#000a92</td>
			    </tr>
			    
				<tr><td>NAVLINK_BG_COLOR<br />colors of links that are to pages in the site</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Page Area Colors. <a href="http://support.hotdoodle.com/?section=adjust_current_theme#mod_1031" target=_blank>See Chart</a></strong></td></tr>
				<tr><td>BODY_BG_COLOR<br />background color for the entire page, including the outer borders, can be overridden by <i>Change background</i></td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>CONTENT_BG_COLOR</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>HEADER_BG_COLOR<br />background color for the header, can be overridden by <i>Change background</i></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>HEADER_BG_IMAGE<br />background image for the header, can be overridden by <i>Change background</i></td>
				    <td style="background-image: url('http://searchlightsafetyllc.com/files/imagegallerymodule/44d3c9fa539f4@random/gallery5/nav_bar.gif')"><small>http://searchlightsafetyllc.com/files/imagegallerymodule/44d3c9fa539f4@random/gallery5/nav_bar.gif</small></td>
			    </tr>
			    
				<tr><td>SIDEBAR_BG_COLOR<br />background color for the sidebars, can be overridden by <i>Change background</i></td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    
				<tr><td>MAIN_BG_COLOR<br />background color for the main area of the page, can be overridden by <i>Change background</i></td>
				    <td style="background-image: url('transparent')"><small>transparent</small></td>
			    </tr>
			    
				<tr><td>FOOTER_BG_COLOR<br />background color for the footer, can be overridden by <i>Change background</i></td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>FOOTER_BG_IMAGE<br />background for the footer, can be overridden by <i>Change background</i></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>MODULE_BODY_BG_COLOR<br />Is transparent if not in a blockish theme</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>CONTAINER_BG_COLOR<br />Background for all containers, makes the blocks stand out, set this ONLY if you want a blockish look, otherwise leave it transparent</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>MODULE_TITLE_BG_COLOR<br />background for block titles</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>EDITOR_BG_COLOR<br />Background in the text editing window</td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>MENU_BG_IMAGE<br />background for menu buttons - the entire background spec - color, url, repeat, etc, if needed</td>
				    <td style="background-image: url('#FFF')"><small>#FFF</small></td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Link Colors</strong></td></tr>
				<tr><td>MANAGEMENTLINK_FONT_COLOR<br />Links for HotDoodle ops. E.g. Edit Text</td>
				    <td style = ' background-color: #000a92'>#000a92</td>
			    </tr>
			    
				<tr><td>MANAGEMENTLINK_BG_COLOR<br />Links for HotDoodle ops. E.g. Edit Text</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Misc Colors</strong></td></tr>
				<tr><td>BORDER_COLOR<br />Color of most outlines</td>
				    <td style = ' background-color: #CCCCCC'>#CCCCCC</td>
			    </tr>
			    
				<tr><td>ALT_BG_COLOR<br />Used to mark even/od rows, input boxes</td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Menus</strong></td></tr>
				<tr><td>NAVBUTTON_BG_COLOR</td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>NAVBUTTON_HIGHLIGHT_BG_COLOR</td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>HOVER_BG_COLOR</td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_BG_IMAGE<br />Image for individual buttons</td>
				    <td style="background-image: url('#FFF;')"><small>#FFF;</small></td>
			    </tr>
			    
				<tr><td>TOPNAV_FONT_COLOR<br />Warning: Obsolete variable TOP_NAVLINK_FONT_COLOR 
		has been replaced by TOPNAV_FONT_COLOR</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>TOPNAV_FONT_COLOR_CURRENT<br />Warning: Obsolete variable TOP_NAVLINK_FONT_COLOR_CURRENT 
		has been replaced by TOPNAV_FONT_COLOR_CURRENT</td>
				    <td style = ' background-color: #00704a'>#00704a</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Advanced Theme Colors</strong></td></tr>
				<tr><td>BASE1_LIGHTEST_COLOR</td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    
				<tr><td>BASE1_LIGHT_COLOR</td>
				    <td style = ' background-color: #E6E6E6'>#E6E6E6</td>
			    </tr>
			    
				<tr><td>BASE1_COLOR<br />For Headers, borders, hover, navbuttons</td>
				    <td style = ' background-color: #000a92'>#000a92</td>
			    </tr>
			    
				<tr><td>BASE1_DARK_COLOR</td>
				    <td style = ' background-color: #4D4D4D'>#4D4D4D</td>
			    </tr>
			    
				<tr><td>BASE1_DARKEST_COLOR</td>
				    <td style = ' background-color: #000a92'>#000a92</td>
			    </tr>
			    
				<tr><td>BASE2_LIGHTEST_COLOR</td>
				    <td style = ' background-color: #EEE'>#EEE</td>
			    </tr>
			    
				<tr><td>BASE2_LIGHT_COLOR</td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    
				<tr><td>BASE2_COLOR<br />Used in some styles</td>
				    <td style = ' background-color: #767676'>#767676</td>
			    </tr>
			    
				<tr><td>BASE2_DARK_COLOR</td>
				    <td style = ' background-color: #666666'>#666666</td>
			    </tr>
			    
				<tr><td>BASE2_DARKEST_COLOR</td>
				    <td style = ' background-color: #222222'>#222222</td>
			    </tr>
			    
				<tr><td>ACCENT1_COLOR<br />navlink hover</td>
				    <td style = ' background-color: #42210B'>#42210B</td>
			    </tr>
			    
				<tr><td>ACCENT1_DARK_COLOR</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>ACCENT2_COLOR</td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    
				<tr><td>ACCENT3_COLOR</td>
				    <td style = ' background-color: WHITE'>WHITE</td>
			    </tr>
			    
				<tr><td>ACCENT4_COLOR</td>
				    <td style = ' background-color: #FFFFCC'>#FFFFCC</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>These system colors almost never need modification</strong></td></tr>
				<tr><td>OPTITLE_FONT_COLOR<br />Used in form headers in operations (e.g. edit article)</td>
				    <td style = ' background-color: #3d2312'>#3d2312</td>
			    </tr>
			    </table><br />

<strong><big><b>List of variables with inherited values</b></big></strong><br />
<nobr><a class='doodlelink' href='.' '
		onclick="showHideGeneral(this,'tabsh1','Show...','Hide...'); return false;">Show...</a></nobr><br />
<table id='tabsh1' border = 1 cellspacing = '0' cellpadding = '0' style='display:none'>
<tbody>
<tr><td colspan='2' align='middle'><br /><strong>Key Variables</strong></td></tr>
				<tr><td>LINK_FONT_FAMILY <small>&lt;==MAIN_FONT_FAMILY</small><br />Font used for links</td>
				    <td >arial, helvetica, verdana, tahoma, sans-serif</td>
			    </tr>
			    
				<tr><td>NONBLOCKISH <small>&lt;==Default Value</small><br />Let there be one color, and let images shine through</td>
				    <td >1</td>
			    </tr>
			    
				<tr><td>BLOCKISH <small>&lt;==Default Value</small><br />Blocks have borders and are inset from them. Links are shaded</td>
				    <td >0</td>
			    </tr>
			    
				<tr><td>MODERATE <small>&lt;==Default Value</small><br />Some borders</td>
				    <td >0</td>
			    </tr>
			    
				<tr><td>TITLEBARS <small>&lt;==Default Value</small><br />block headers will be shaded or bordered</td>
				    <td style = ' background-color: 0'>0</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Font Colors</strong></td></tr>
				<tr><td>LIGHT_BG_FONT_COLOR <small>&lt;==MAIN_FONT_COLOR</small><br />Used when the background color is light. e.g. Yellow or white.</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>DARK_BG_FONT_COLOR <small>&lt;==MAIN_FONT_COLOR</small><br />Used when the background color is light. e.g. Yellow or white.</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>POSTFOOTER_FONT_COLOR <small>&lt;==MAIN_FONT_COLOR</small><br />Used in the area after the "Created with HotDoodle"</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>HIDDEN_FONT_COLOR <small>&lt;==Default Value</small><br />Used for text best seen only by search engines.</td>
				    <td style = ' background-color: #E0E0E0'>#E0E0E0</td>
			    </tr>
			    
				<tr><td>HIDDEN_POSTFOOTER_FONT_COLOR <small>&lt;==Default Value</small><br />Used for text below the footer best noticed only by search engines.</td>
				    <td style = ' background-color: #363636'>#363636</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Page Area Colors. <a href="http://support.hotdoodle.com/?section=adjust_current_theme#mod_1031" target=_blank>See Chart</a></strong></td></tr>
				<tr><td>BODY_BG_IMAGE <small>&lt;==Default Value</small><br />background image for the entire page, including the outer borders, can be overridden by <i>Change background</i></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>BODY_DECORATIVE1_BG_IMAGE <small>&lt;==Default Value</small><br />Used in body_decorative_1</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>CONTENT_BG_IMAGE <small>&lt;==Default Value</small></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>HEADER_ABOVE_BG_IMAGE <small>&lt;==Default Value</small><br />Used in divtop_above</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>HEADER_BELOW_BG_IMAGE <small>&lt;==Default Value</small><br />Used in divtop_below</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>SIDEBAR_BG_IMAGE <small>&lt;==Default Value</small><br />background image for the sidebars, can be overridden by <i>Change background</i></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>SIDEBAR_TITLE_IMAGE <small>&lt;==Default Value</small><br />background image titles in the sidebars</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>MAIN_BG_IMAGE <small>&lt;==Default Value</small><br />background image for the main area of the page, can be overridden by <i>Change background</i></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>MAIN_TITLE_IMAGE <small>&lt;==Default Value</small><br />background image titles in the main area of the page</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>FOOTER_TITLE_IMAGE <small>&lt;==Default Value</small><br />background image titles in the footer</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>MODULE_BODY_BG_IMAGE <small>&lt;==Default Value</small></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>OVERLAY_MASK_COLOR <small>&lt;==BODY_BG_COLOR</small><br />Pop-overlay mask color (which hides the rest of the site)</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Misc Colors</strong></td></tr>
				<tr><td>OVERLAY_FRAME_COLOR <small>&lt;==BORDER_COLOR</small><br />Pop-overlay frame color</td>
				    <td style = ' background-color: #CCCCCC'>#CCCCCC</td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>Menus</strong></td></tr>
				<tr><td>NAVBUTTON_BG_IMAGE <small>&lt;==Default Value</small></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>NAVBUTTON_CURRENT_BG_IMAGE <small>&lt;==Default Value</small></td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>TOPNAV_WIDTH <small>&lt;==Default Value</small><br />Can be blank, can also be a value such as 800px</td>
				    <td >100%</td>
			    </tr>
			    
				<tr><td>TOPNAV_BG_COLOR <small>&lt;==NAVBUTTON_BG_COLOR</small></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_BG_COLOR_CURRENT <small>&lt;==TOPNAV_BG_COLOR</small></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_TABLE_BG_IMAGE <small>&lt;==Default Value</small><br />Image for the entire nav table</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>TOPNAV_FONT_SIZE <small>&lt;==Default Value</small></td>
				    <td style = ' background-color: medium'>medium</td>
			    </tr>
			    
				<tr><td>TOPNAV_OUTLINE_COLOR <small>&lt;==TOPNAV_BG_COLOR</small></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_OUTLINE_WIDTH <small>&lt;==Default Value</small></td>
				    <td >3px</td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_BG_IMAGE <small>&lt;==MENU_BG_IMAGE</small></td>
				    <td style="background-image: url('#FFF')"><small>#FFF</small></td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_BG_COLOR <small>&lt;==TOPNAV_BG_COLOR</small></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_BG_IMAGE_CURRENT <small>&lt;==MENU_BG_IMAGE</small></td>
				    <td style="background-image: url('#FFF')"><small>#FFF</small></td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_BG_COLOR_CURRENT <small>&lt;==NAVBUTTON_HIGHLIGHT_BG_COLOR</small></td>
				    <td style = ' background-color: transparent'>transparent</td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_OUTLINE_COLOR <small>&lt;==TOPNAV_OUTLINE_COLOR</small></td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_ITEM_OUTLINE_COLOR <small>&lt;==Default Value</small><br />If set, it will become a border</td>
				    <td style = ' background-color: '><i>-empty string-</i></td>
			    </tr>
			    
				<tr><td>TOPNAV_PULLDOWNS_ITEM_OUTLINE_COLOR_CURRENT <small>&lt;==Default Value</small><br />If set, it will become a border</td>
				    <td style = ' background-color: '><i>-empty string-</i></td>
			    </tr>
			    <tr><td colspan='2' align='middle'><br /><strong>These system colors almost never need modification</strong></td></tr>
				<tr><td>HELP_BG_COLOR <small>&lt;==Default Value</small></td>
				    <td style = ' background-color: #FFFFCC'>#FFFFCC</td>
			    </tr>
			    
				<tr><td>HELP_COLOR <small>&lt;==Default Value</small><br />"None" means to not set this color</td>
				    <td style = ' background-color: #333333'>#333333</td>
			    </tr>
			    
				<tr><td>BLOCKEDITING_FONT_COLOR <small>&lt;==Default Value</small><br />Font color form that has basic, advanced, views, permissions, etc</td>
				    <td style = ' background-color: BLACK'>BLACK</td>
			    </tr>
			    
				<tr><td>BLOCKEDITING_BG_COLOR <small>&lt;==Default Value</small><br />Background color within add the per-use section of block properties.  Marks that this is different.</td>
				    <td style = ' background-color: #CCCCCC'>#CCCCCC</td>
			    </tr>
			    
				<tr><td>PERUSEROW_FONT_COLOR <small>&lt;==BLOCKEDITING_FONT_COLOR</small><br />Font color within the per-use section of block properties.  . The default font color can sometimes be too pale.</td>
				    <td style = ' background-color: BLACK'>BLACK</td>
			    </tr>
			    
				<tr><td>PERUSEROW_LINK_FONT_COLOR <small>&lt;==Default Value</small><br />Link Font color within the per-use section of block properties.  . The default font color can sometimes be too pale.</td>
				    <td style = ' background-color: #0071BD'>#0071BD</td>
			    </tr>
			    
				<tr><td>PERUSEROW_BG_COLOR <small>&lt;==Default Value</small><br />Is the background color that highlights "in form" expansions such as advanced fields, views, styles</td>
				    <td style = ' background-color: #F2F2F2'>#F2F2F2</td>
			    </tr>
			    
				<tr><td>PERUSEROW_BG_COLOR2 <small>&lt;==Default Value</small><br />Is the background color that highlights "in form" expansions such as advanced fields, views, styles. This one is the alternative color used in some rows</td>
				    <td style = ' background-color: white'>white</td>
			    </tr>
			    
				<tr><td>OPTITLE_BG_COLOR <small>&lt;==HEADER_BG_COLOR</small><br />Used in form headers in operations (e.g. edit article)</td>
				    <td style = ' background-color: #FFF'>#FFF</td>
			    </tr>
			    
				<tr><td>OPTITLE_BG_IMAGE <small>&lt;==Default Value</small><br />An image to try is  /hotdoodle_engine/iconset/cp2/bg_line1_flipped.gif</td>
				    <td><small><i>-empty string-</i></small></td>
			    </tr>
			    
				<tr><td>CONTAINER_CONTAINER_CONTROL_BG_COLOR <small>&lt;==Default Value</small><br />Color of container outlines in the main area</td>
				    <td style = ' background-color: #9999cc'>#9999cc</td>
			    </tr>
			    
				<tr><td>CONTAINER_CONTROL_BG_COLOR <small>&lt;==Default Value</small><br />Color of non-container block outlines in the main area</td>
				    <td style = ' background-color: #ccccff'>#ccccff</td>
			    </tr>
			    
				<tr><td>CONTAINER_CONTAINER_CONTROL_FONT_COLOR <small>&lt;==MAIN_FONT_COLOR</small><br />Color of text within a block outline. e.g. the block name</td>
				    <td style = ' background-color: #000'>#000</td>
			    </tr>
			    
				<tr><td>CONTAINER_SIDE_CONTAINER_CONTROL_BG_COLOR <small>&lt;==Default Value</small><br />Sometimes the color that works in the main area is hard to read in the sidebars.
	This sets the color of container outlines in the sidebar</td>
				    <td style = ' background-color: #9999cc'>#9999cc</td>
			    </tr>
			    
				<tr><td>CONTAINER_SIDE_CONTROL_BG_COLOR <small>&lt;==Default Value</small><br />Color of non container outlines in the sidebars</td>
				    <td style = ' background-color: #ccccff'>#ccccff</td>
			    </tr>
			    
				<tr><td>CONTAINER_ALLPAGES_CONTROL_BG_COLOR <small>&lt;==Default Value</small><br />"All Pages" containers have a different outline color</td>
				    <td style = ' background-color: #669999'>#669999</td>
			    </tr>
			    </table><br />

End Color Table */