/*****************************/
/*** Core html setup stuff ***/
/*****************************/

a{ /* End of dotted */
	outline:none;
}

html, body{ margin:0; padding:0; font-size:13px; font-family:Arial; color:#a2a2a2; background:#181818;}

#industry, #country{background:#181818; color:#FFFFFF; font-size:13px; font-family:Arial; border:1px solid #424242;}

.validation-advice{color:#0099CC}

ul#mainlevel_top li{ float:left}

a[href="http://www.chronoengine.com"]{display:none}

table.blog tbody tr td, table.blog td{text-align:justified}
/*table.blog tbody tr td br{display:none}*/
table.blog tbody tr tr br{display:inline}
table.blog tbody tr td div div div br{display:inline}

div.moduletable_openings a{ display:block;}
table.pagenav a{ font-weight:normal}

.email {
  width:600px;
}


div.slideshow{
position:relative;
overflow:hidden;
height:200px;
width:413px;
margin-bottom:10px;
}


div#gallery{ clear:both; padding-top:20px}
div#gallery div.yoo-gallery div.thumbnails{ display:block;} 
div#gallery div.yoo-gallery div.thumbnails img{ padding:0;}
div#gallery div.yoo-gallery div.thumbnails div.thumbnail-bg{ background:none; padding:0px; border:1px solid #181818}
div#gallery div.yoo-gallery div.thumbnails div.thumbnail{ padding:0 2px 2px 0;}
div.yoo-gallery div.thumbnails
{
display:none;
} 




#middelPanel{background:url(../images/middelPanelBG.jpg) repeat-y left;}
#middelPanel div.middelPanelHead{background:url(../images/middelPanelHead.jpg) top left no-repeat;}
#middelPanel div.middelPanelFoot{ background:url(../images/middelPanelFoot.jpg) bottom left no-repeat; padding:10px}



.contentpaneopen img{ padding-right:10px}



div.flashImages{ margin-bottom:16px;
margin-left:3px;}

.email tr td {
  width:150px;
  border: 1px solid #cccccc;
}

/*_______________________________________________topMenu____________________________*/

.topmenu{clear:both; float:right; padding-top:25px;}


/*_______________________________________________end topMenu____________________________*/




/*_______________________________________________Modules____________________________*/

#caepModule{background:url(../images/moduleBG.jpg) repeat-y; width:232px;}
#caepModule div.caepModuleHead{background:url(../images/moduleHead.jpg) top no-repeat;}
#caepModule div.caepModuleFoot{ background:url(../images/moduleFoot.jpg) bottom no-repeat; padding:10px 10px 20px 10px;}

#caepModule li{ padding:5px 0}

#caepModule.trainee img{ padding-right:10px; width:75px; height:auto}


/*_______________________________________________end Modules____________________________*/





/*__________________________________________________________converter__________________*/

.convertHead{ background:url(../images/coverterHead.jpg) no-repeat top center; height:44px; margin-right:2px}
.convertMiddel{ background:url(../images/coverterBG.jpg) repeat-y;}
.convert{ width:229px; text-align:left}

input[type="button"],input[type="submit"],.form_checkbox input[type="submit"], button{background:transparent none repeat scroll 0 0; font-size:12px; text-transform:uppercase; border:1px solid #666666;color:#0099cc; margin:2px;}
.convert input,.convert select{border:1px solid #666666; margin:5px 0px}


/*__________________________________________________________ end converter__________________*/



/*__________________________________________________________form__________________*/
form{ margin:0; padding:0}
.form_text{
  width:580px;
}
.form_text input{
margin:2px;
color:#A2A2A2;
background:none;
border: 1px solid #666666;
}

input[type="radio"], input[type="checkbox"]{ border:none; width:auto; height:auto}

.form_text td, .form_text th{
    text-align:right;
    border:1px solid #252525;
    width:50%;
    padding:3px;
}

.form_text th{ text-align:left; font-weight:normal; color:#ed9e03; background:#292929}


.form_text td td{
  border: none;
  width:auto;
}





form{ margin:0; padding:0}
.form_checkbox{
  width:580px;
}

.form_checkbox input{
margin:2px;
color:#A2A2A2;
background:none;
border: 1px solid #666666;
width:auto;
}

.form_checkbox td, .form_checkbox th{
    border:1px solid #252525;
    width:33%;
    padding:3px;
}



.form_checkbox th{ text-align:left; font-weight:normal; color:#ed9e03; background:#292929}


.form_checkbox td td{
  border: none;
  width:auto;
}


/*_______________________________________________end form___________________________*/


/*======================================articles=======================*/

.aboutmiddel{ background:url(../images/about/aboutBG.jpg) repeat-y; width:544px}

a{color:#0099cc}
a:hover{ color:#ED9E03}
.artcleMCmiddel img.requirments, .artcleMCmiddel img.information{padding:0}

.artcleMC ul, artcleMC ul li, .artcleRC ul, .artcleRC ul li, .aboutmiddel ul, .aboutmiddel ul li{
	margin:0;
	padding:0;
	list-style:none
}



.artcleMCmiddel img{padding:0 0 10px 10px}


.artcleMC ul li, .artcleRC ul li, .aboutmiddel ul li, .contentpaneopen li{
	list-style-image:url(../images/articles/raque.gif);
	padding:2px 1px;
	margin-left:18px;
}

h6, h4{
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	color:#ed9e03;
	margin:0
}

div#caepModule h3{
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	color:#FFFFFF;
	padding-bottom:10px;	
}

td.contentheading{
text-transform:uppercase;
font-size:15px;
	font-weight:normal;
	margin:0;
	color:#FFFFFF;
	padding-bottom:10px;
}


h5{font-size:13px;
	font-weight:normal;
	color:#ffffff;
	margin:0
}

.devider2 {
	padding:15px 0px 10px;
}
.artcleLC {
	float:left;
	width:434px
}
.artcleMC {
	margin:0px;
	text-align:justify;
	padding:5px;
	
}
.artcleMCimg {
	padding:0 0 10px 10px
}
.artcleMCmiddel {
	background:url(../images/articles/articleMC_bg.jpg) repeat-y;
	padding:10px 20px
}
.artcleRC {
display:none;
left:50%;
margin-left:240px;
position:absolute;
top:163px;
width:202px;
}
.artcleRChead {
	background:url(../images/articles/rcHead.jpg) no-repeat top;
	height:38px;
}
.artcleRCmiddel {
	background:url(../images/articles/rcBG.jpg) repeat-y;
}



/*===================end articles====================*/

.wrapper{margin-top:10px; width:932px;}


.logo{ padding-top:10px}
.waxLogo{ float:left}
.caepLogo{ float:right;position:relative;
right:12px;
top:65px;}



.content{ padding-top:40px; 
text-align:left}
div.height5px{ height:5px;}

.convert{
width:232px;
padding-top:5px

}

.search{ 
clear:both;
margin-top:10px;
background:url(../images/searchBG.png) no-repeat;
height:28px;
}

.inputbox_leftcol{ background:none; border:none; color:#0099CC; width:220px; padding:5px}

img{ border:0}

table.contentpaneopen{ border-collapse:collapse; text-align:justify}

table.contentpaneopen div, table.contentpaneopen p, table.contentpaneopen td{ text-align:justify}


.leftColumn{ float:left; width:232px}
.middelColumn{ float:left; padding:0 10px; width:436px}

.middelColumn table{ border-collapse:collapse;}

.middelColumn td{ text-align:left}
.rightColumn{float:left; width:232px;}

.clear{ clear:both}

.footer{ 
clear:both;
background:url(../images/devider.jpg) no-repeat top center; 
margin-top:13px; 
padding-top:10px;
text-align:center
}


/*______________________________________________________left-Navigation____________________________*/

li.item113{ display:none}
ul.menu li#current a[href="http://www.caepsa.co.za/"]{background:url(../images/butBghover.jpg) no-repeat; color:#ED9E03}
ul.menu li ul li#current a{ background:url(../images/current3.png) no-repeat 95%; color:#ED9E03;}
ul.menu li ul li ul li#current a{ background:url(../images/current2.png) no-repeat 95%; color:#ED9E03;}
ul.menu li#current a, ul.menu li.active a{background:url(../images/butBgCurrent.jpg) no-repeat; color:#ED9E03}
ul.menu li#current ul li a{color:#ED9E03; background:none}
ul.menu li#current ul li a:hover{color:#ED9E03; background:url(../images/current.png) no-repeat 95%}
ul.menu li ul li#current ul li a:hover{color:#ED9E03; background:url(../images/current2.png) no-repeat 95%}
ul.menu li.active ul li a{color:#ED9E03; background:none}
ul.menu li.active ul li a:hover{color:#ED9E03; background:url(../images/current.png) no-repeat 95%}



.menu li ul li a{background:none; color:#ffffff; height:25px; cursor:pointer; text-transform:none; font-size:13px;}
.menu li ul li a span{top:5px; left:15px}
.menu li ul li a:hover{ background:none; color:#ED9E03}
.menu li ul{background:url(../images/sub_but.jpg) repeat-y; padding:14px 0px;}
ul{margin:0; padding:0; list-style:none}


.menu li a{
display:block;
font-size:12px;

color:#FFFFFF;
text-decoration:none;

text-transform:uppercase;
background:url(../images/butBg.jpg) no-repeat;
height:59px
}

.menu li a:hover{ background:url(../images/butBghover.jpg) no-repeat; color:#fda702}

.menu li a span{
position:relative;
top:23px;
left:55px;
}

.leftNav{ width:232px; text-align:left;}
.leftNavBottom{ position:relative; bottom:10px}
.leftNavTop{ position:relative; top:10px}

.menu li ul{
	padding-top:0;
}

.menu li ul li a{
	height:30px;
	padding-top:2px;
}

.menu li ul li{
	border-bottom:solid 1px #282828;
}

.menu li ul li ul li{
	border-bottom:none;
}

.menu li ul li ul{
	border-top:1px solid #282828;
	padding-bottom:5px;
}

.menu li ul li ul li a{
	height:25px;
	padding-top:0px;
}

.opening{
	font-size:11px;
	margin:0;
	margin-bottom:5px;
	letter-spacing:0.3px;
}

/*______________________________________________________end-Navigation____________________________*/