/*

	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;
	text-align: center;
	background-color: #EBEBEB;
}
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;background: url(/upload/Temporary_files/head_bg.gif) top left no-repeat;}
#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 #headright	{ float: right; margin: 0px 0px 0px 10px; color: #fff; text-transform: uppercase; font-weight: bold; text-align:right;}
#head #logo	{ float: left;}
#head div a.sitesworldwide	{
	padding:0px 9px 0px 0px;
	background-image: url(/images/RightArrowWhite.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}

#head div div	{display:block;margin-top:5px;}
#head div input.search	{margin: 0; width: 100px;}
#head div select	{margin-left: 5px; color: #333; text-transform: none; font-weight: normal;}
#head a{color:#FFF;}


/* 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: 0 0 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;}

/* websitesworldwide
--------------------------------------------------*/
/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .20;
	z-index: 9999;
}
#websitesworldwide{
	display: none;
	width:900px;
	background: #fff;
	text-align: left;
	padding: 20px; 	
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 80px; left: 50%;
	z-index: 99999;
/*	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}


#websitesworldwide div.column	{float: left;width:270px;padding-right: 10px;}
#websitesworldwide div.column a	{color:#666;font-size: 12px;}
#websitesworldwide img.btn_close {
	float: right; 
	margin: -20px -20px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html #websitesworldwide {
	position: absolute;
}

/* FileDownload
--------------------------------------------------*/
/*------------------POPUPS------------------------*/

#fade1 {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .20;
	z-index: 9999;
}

#productfiledownload{
	display: none;
	width:900px;
	background: #fff;
	text-align: left;
	padding: 20px; 	
	border: 10px solid #ddd;
	/*float: left;*/
	font-size: 1.2em;
	position: absolute;
	/*top: 80px; left: 50%;*/
	z-index: 99999;
/*	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
#productfiledownload .filediv img{
    cursor: pointer;
}

#productfiledownload div.column	{float: left;width:270px;padding-right: 10px;}
#productfiledownload div.column a	{color:#666;font-size: 12px;}
#productfiledownload img.btn_close1 {
	float: right; 
	margin: -20px -20px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #productfiledownload {
	position: absolute;
}

#contactDiv{
    display:none;        
}
/* pdfdownload
--------------------------------------------------*/
.pdfdownload {
	padding:0;
	width:223px;
	margin-right:2px;
	margin-top:10px;
	float:left;
	background:#dee5ed;
}
.pdfdownload h3{
	font-size:11px;
	margin:0;
	padding:3px 5px 3px 5px;
	background:#b2c3d6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color:#000;
}
#mainregion .pdfdownload  p{
	margin: 0 0 0px 0;
	padding:0px;
}
.pdfdownload div.pdfThumbnail{
	margin:0;
	float:left;
	width:140px;
	height:190px;
}
.pdfdownload div.pdfThumbnail img{
	width:140px;
	height:190px;	
}

.pdfdownload div.pdfLinks{
	margin:0;
	padding:2px;
	float:left;
	width:79px;
}
.pdfdownload div.pdfLinks a{
	text-decoration: none;
	margin:0;
	display:block;
	padding:0px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background:#dee5ed;
}
.pdfdownload div.pdfLinks a:hover{
	background-color: #D1DBE7;
}
.pdfdownload div.pdfLinks br{
	display:none;
}
/* Other
--------------------------------------------------*/
.hide{
	visibility:hidden;
	width:0;
	height:0;
}
.smalltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
table.tableLayout1{
	padding: 2px;
}
.formHeading,fieldset legend{
	font-weight:bold;
}

div.clear	{clear: both; height: 0; overflow: hidden;}
.hidden {display: none;}
.sitemap {
	background-color: #FFFFFF;
	width: 100%;
}
.whitebg {
	background-color: #FFFFFF;
	width: 100%;
}

/* Video Audio  */
			video,
			audio {
				display: block;
			}
			audio {
				width: 328px;
				height: 28px;
			}
			video {
				width: 450px;
				height: 250px;
			}
			
			/* additional style */
			video {
				float: left;
				margin: 0 10px 5px 0;
				background: #000;
			}