/*

	CEJN.com
	
	CSS styles and design for framework and 
	common design elements.

*/



/* General and universal reset of margins and paddings
--------------------------------------------------*/

*	{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333;}
div, span, table, tr, th, td, h1, h2, h3, h4, h5, h6, p, fieldset, legend, img	{margin: 0; padding: 0;}
body	{margin: 10px; background: #e1e1e1; text-align: center;}
a	{text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border: 0;}
.ClearRowDelimiter td{ border-bottom: 5; border-bottom-color:Fuchsia; }



/* Structure elements
--------------------------------------------------*/

#container	{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	border: 10px solid #fff;
}
#head	{padding: 9px; height: 41px; background: #4e649c;}
#menu	{height: 22px; background: #fff;}
#breadcrumb	{padding: 3px 10px; height: 14px; background: #4e649c; border-bottom: 4px solid #fff; color: #fff; font-weight: bold;}
#content	{min-height: 450px; border-bottom: 4px solid #fff;}
#pagefoot	{padding: 3px 0; height: 14px; background: #4e649c;}

#leftregion	{float: left; width: 200px;}
#mainandrightregion	{float: left; margin-left: 4px; width: 696px;}
#mainregion	{float: left; padding: 17px 20px; width: 450px;}
#rightregion	{float: left; margin-left: 4px; width: 200px;}



/* Design / Head
--------------------------------------------------*/

#head div	{float: right; margin: 10px 1px 0 0; color: #fff; text-transform: uppercase; font-weight: bold;}
#head div select	{margin-left: 5px; color: #333; text-transform: none; font-weight: normal;}



/* Design / Menu
--------------------------------------------------*/

#menu div	{float: right; padding: 1px 0;}
#menu div input.search	{margin: 0; width: 100px;}
#menu ul	{list-style-type: none; margin: 0; padding: 0;}
#menu li	{float: left; margin: 0; padding: 0;}
#menu li.current a	{color: #4e649c;}
#menu a	{display: block; padding: 4px 10px; font-weight: bold; text-transform: uppercase;}
#menu a:hover	{color: #4e649c; text-decoration: none;}



/* Design / Breadcrumb
--------------------------------------------------*/

#breadcrumb span    {color: #fff;}
#breadcrumb a	{color: #fff; font-weight: bold; text-transform: uppercase;}
#breadcrumb a.current   {color: #b1cff4;}
#breadcrumb span.current    {color: #b1cff4;}



/* Design / Left menu
--------------------------------------------------*/

#leftregion #leftmenu div.level1	{padding: 3px 3px 3px 22px; background: #8CA5C1 url(../images/leftmenu_level1_closed.gif) 8px 6px no-repeat; border-bottom: 4px solid #fff;}
#leftregion #leftmenu div.level1_open	{padding: 3px 3px 3px 22px; background: #8CA5C1 url(../images/leftmenu_level1_open.gif) 8px 6px no-repeat; border-bottom: 4px solid #fff;}
#leftregion #leftmenu div.level1 a	{color: #fff; font-weight: bold;}
#leftregion #leftmenu div.level1_open a	{color: #fff; font-weight: bold;}
#leftregion #leftmenu div.level1 a:hover, 
#leftregion #leftmenu div.level1_open a:hover	{color: #b1cff4;}

#leftregion #leftmenu div.level2	{padding: 1px 3px 1px 22px; background: #dee5ed; border-bottom: 1px solid #fff;}
#leftregion #leftmenu div.level2_open	{padding: 1px 3px 1px 22px; background: #C7D4E2; border-bottom: 1px solid #fff;}
#leftregion #leftmenu div.level2 a, 
#leftregion #leftmenu div.level2_open a	{color: #333;}
#leftregion #leftmenu div.level2 a:hover, 
#leftregion #leftmenu div.level2_open a:hover 	{color: #6492CA;}

#leftregion #leftmenu div.level3	{padding: 1px 3px 1px 22px; background: #fff; border-bottom: 1px solid #dee5ed;}
#leftregion #leftmenu div.level3_open	{padding: 1px 3px 1px 22px; background: #fff; border-bottom: 1px solid #dee5ed;}
#leftregion #leftmenu div.level3 a	{color: #333;}
#leftregion #leftmenu div.level3_open a	{color: #6492CA;}
#leftregion #leftmenu div.level3 a:hover, 
#leftregion #leftmenu div.level3_open a:hover 	{color: #6492CA;}

#leftregion #leftmenu div.level4	{padding: 1px 3px 1px 38px; background: #fff; border-bottom: 1px solid #dee5ed;}
#leftregion #leftmenu div.level4_open	{padding: 1px 3px 1px 38px; background: #fff; border-bottom: 1px solid #dee5ed;}
#leftregion #leftmenu div.level4 a	{color: #333;}
#leftregion #leftmenu div.level4_open a	{color: #6492CA;}
#leftregion #leftmenu div.level4 a:hover, 
#leftregion #leftmenu div.level4_open a:hover 	{color: #6492CA;}



/* Design / Mainregion
--------------------------------------------------*/

#mainregion p	{margin: 15px 0;}



/* Design / Rightregion
--------------------------------------------------*/

#rightregion p	{margin-top: 10px;}



/* Design / Pagefoot
--------------------------------------------------*/

#pagefoot, #pagefoot *	{color: #fff;}
#pagefoot span	{float: right; padding: 0 10px;}
#pagefoot ul	{list-style-type: none; margin: 0; padding: 0;}
#pagefoot li	{float: left; padding: 0 10px; border-right: 1px solid #fff;}
#pagefoot li.last	{border-right: 0;}


/* formsection
--------------------------------------------------*/
div.formsection	{margin: 5px 0 20px 0; padding: 0; border: 1px solid #8CA5C1; background: #dee5ed;}
div.formsection p	{margin: 0; padding: 4px 10px; border-bottom: 1px solid #fff;}
div.formsection label	{float: left; display: block; width: 140px;}
div.formsection .field   {width: 220px;}
div.formsection .validator-field {margin-left: 140px;}


/* Other
--------------------------------------------------*/
.smalltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
table.tableLayout1{
	padding: 2px;
}
div.clear	{clear: both; height: 0; overflow: hidden;}
.hidden {display: none;}
.sitemap {
	background-color: #FFFFFF;
	width: 100%;
}
.whitebg {
	background-color: #FFFFFF;
	width: 100%;
}