/*
	CSS For CCP Website www.callcentre.co.nz

	Developed by Brendon Hogan 06-April-2009

*/
h1
{
	color:#de0d16;	
	margin-top:0px;
	font-size:large;
}
 
h2
{
	margin-top:0px;
	color:#666666;
	font-size:medium;
}

h3
{
		font-size:small;
}

a
{
 color:#474747;
}

a:visited
{
	color:#828282;
}



html
{
    margin:0pt;
    padding:0pt;
	background-color :#de0d16;
	background-image:url(./images/CCPFade.jpeg);
	background-repeat:repeat-x;
	color:#666666;
}

form 
{
    margin:0pt;
    padding:0pt;
     
}

body 
{
    margin:0pt;
    padding:0pt;    
	font-family: Tahoma, Arial, helvetica, Sans-Serif;
	font-size:small;
}

.PageBackground
{
	background-image:url(./images/CCPFade.jpeg);
	background-repeat:repeat-x;
}

.maincol 
{	
	margin:auto;
}


.outercontainer
{
	width:960px;
	margin:auto;
	margin-top:100px;
	background:#ffffff;
	height:100%	
		
		
}

.Bannercontainer
{
	width:920px;
	margin:auto;

	/*
	height:185px;
	*/

	
	
}
.container
{
	width:920px;
	margin:auto;
	background:#f6f6f6;	
	border-top:solid 1px #ADADAD;
	border-left:solid 1px #ADADAD;
	border-right:solid 1px #ADADAD;
	border-bottom:solid 1px #ADADAD;
}

.footer
{
	width:920px;
	margin:auto;
}

.col
{
	margin:auto;
	
}

.tagline
{
	float:right;
	vertical-align:top;
	
}

.header
{
	margin:auto;
	height:141px;

}

/*
.header_l 
{
   	margin-left:20px;
   	float:left;
    text-align:left;
	width:245px;
	top:0px;


}

.header_r
{
 	margin-left:285px;
	margin-top:0px;
	width:675px;
	text-align:left;
	
	
}
*/
.header_l 
{
  
   	float:left;
    text-align:left;
	width:285px;
	top:0px;
margin-left:20px;

}

.header_r
{
 	margin-top:0px;
	text-align:left;


	
	
}

.splitContainer
{


}


.left_half_split_Clear
{
	clear: both;

}

.left_half_split
{
	float:left;
	padding-top:0px;
	margin-top:0px;
	width:50%;
	margin-left:0px;
	height:100%;
}


/*
.right_half_split
{
	float:right;
	padding-top:0px;
	margin-top:0px;
	width:50%;
	margin-left:0px;
	height:100%;
}
*/
.right_half_split
{
	float:right;
	padding-top:0px;
	margin-top:0px;
	width:50%;
	margin-left:0px;
	height:100%;
}

#job_Search_container
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;

}

.jobsearch_left_half_split
{
	float:left;
	padding-top:0px;
	margin-top:0px;
	width:350px;
	margin-left:0px;
	height:100%;
}

.jobsearch_right_half_split
{
	float:Left;
	padding-top:0px;
	margin-top:0px;
	margin-left:50px;
	width:500px;
	height:100%;
}

#logo
{
	padding-top:30px;
	padding-bottom:20px;
}

#disclaimer 
{
	margin-top:0px;
	padding-top:0px;
	text-align:center;
}

#footermenu
{
	margin:auto;
}

#bottomnav
{
	padding-top :5px;
	height:25px;
	padding-left:0px;
	padding-right:0px;
	margin-left:199px;	
	text-align:center;
}

#bottomnav li
{
    list-style-type:none;
    float:left;
	padding-left:10px;
}

#bottomnav li  a
{
    /*color:#fff;*/
    
    font-size:1em;
    text-align:center;
    text-decoration:none;
}

#bottomnav li  a:hover
{
    color:#002d70;
    font-size:1em;
    text-align:center;
    text-decoration:none;
}

#bottomnav li  a:visited
{
    color:#666666;
    font-size:1em;
    text-align:center;
    text-decoration:none;
}


#welcome
{
	padding-top:20px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
}

#welcomeHeading
{
	font-size:smaller;
	

	
}

#searchandtraining
{
	background:url(./images/JSbackground.png);
	background-repeat:repeat-y;
		
}

.TrainingSearchHeader
{
	background-color:#58585a;
	color:White;
	font-size:medium;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.Training
{
	min-height:328px;
}

#trainingsearchInput
{
	/*
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	*/
	margin-left:35px;

	
}

.cboProgram
{
	margin:auto;
	margin-top:25px;
	margin-left:35px;

}

#searchTraining
{
	margin-top:25px;
	margin-left:125px;


}


.JobSearchHeader
{
	background-color:#de0d16;
	color:White;
	font-size:medium;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}

.JobSearch
{
	min-height:328px;
}

.JobSearchContent
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
}
.maincol 
{
	margin:auto;
}


/*
.roundinput 
{
		background:url(./images/round_input_left.png) no-repeat;
		padding:0 0 0 4px;
		float:left;
		margin:1px;
		float:left;
}

.roundinput span
{
		background:url(./images/round_input_right.png) no-repeat right top;
		padding:2px 3px 3px 0;
		float:left;
}

.roundinput span input
{
		background:#ffffff;
		border:0;
}
*/

#trainingsearchInput
{
	width:160px;
}

.txtSearch
{
 border:solid;
 

}

.roundinput 
{
		background: transparent url(./images/round_input_right.png ) no-repeat scroll right top;
		clear: left;
		font-size: 0.8em;
		border: 0 none;
		cursor: pointer;
		font-weight: bold;
		padding: 0 5px 0 0;
		text-align: center;
		height: 24px;
		
}

.roundinput span
{
	
		background: transparent url(./images/round_input_left.png ) no-repeat scroll left top;
		color: #FFFFFF;
		display: block;
		padding: 0 0 0 5px;
		position: relative;
		white-space: nowrap;
		height: 24px;
}

.roundinput span input
{
	
		margin-top:2px;
		border:0;
}
.btnSearch
{
	color:White;
	font-weight:bold;
	background-color:Transparent;

}


.redroundinput 
{
	background: transparent url(./images/btn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 0.8em;
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 5px 0 0;
	text-align: center;
	height: 20px;
	width: 65px;
}

.redroundinput span
{
	background: transparent url(./images/btn_left.png ) no-repeat scroll left top;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 5px;
	position: relative;
	white-space: nowrap;
	height: 20px;
}

.redroundinput span input
{
	border:0;		
}
.Watermark
{
 	color: #696969;
	font-family: 'Century Gothic' , Sans-Serif;
	font-size: x-small;
}

.seemore
{
	margin-left:110px;
}

.seemoreblogs
{
	margin-left:150px;
}

#blogs
{
	margin-bottom:10px;
}

.joblink
{
	color:#de0d16;
	font-weight:bold;
}

.joblink:visited
{
	color:#de0d16;
	font-weight:bold;
}

.TrainingProgramSearchResults
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
	padding-top:25px;

}



.BlogResults
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:0px;
	padding-top:0px;

}

#contact-details
{

	padding-top:50px;

}


button.rounded {
	background: transparent url(./images/btn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 0.8em;
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 5px 0 0;
	text-align: center;
	height: 20px;
	line-height: 15px;
	width: auto;
}

button.rounded span {
	background: transparent url(./images/btn_left.png ) no-repeat scroll left top;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 5px;
	position: relative;
	white-space: nowrap;
	height: 20px;
	line-height: 15px;
}

button.rounded:hover {
	background-position: 100% -20px;
}

button.rounded:hover span {
	background-position: 0% -20px;
}

button::-moz-focus-inner {
	border: none;
}

#cboCategory
{
	margin:auto;
	margin-top:25px;
	margin-left:35px;

}

#jobsearchInput
{
	width:230px;
	margin-bottom:10px;
}

#job_Search
{
	margin-left:5px;
}


#searchJobs
{
	
	margin-top:15px;
	margin-left:165px;


}

#dJSResults
{
	width:350px;
}
.JobDisplay
{
	width:450px;
}
.JobLine
{

	margin-bottom:10px;
}
.JobTitle
{
	color:#de0d16;
	font-weight:bold;
}

.JobCategory
{
	font-size:small;
	font-weight:bold;
	float:left;

}
.JobDateAdded
{
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
	float:right;
}

.JobDescription
{
}


.djTitle
{
	color:#de0d16;
	font-weight:bold;
	font-size:medium;
	
}

.JobDetailLine
{
	margin-top:10px;
	margin-bottom:10px;
}


.btnApply
{
	color:White;
	font-weight:bold;
	background-color:Transparent;
}

#dApplyButton
{
	margin-left:400px;
}

.job
{
	
}

.job_Selected
{
	background-color:#EDEDED;
}

#menu
{	
	height:24px;
}



.ContentHeaderInvisible
{
	font-size:medium;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	visibility:hidden;
	height:0px;
	
}

.ManagementName
{
	font-size:small;
	color:#de0d16;
}

.OnePanelContent
{	
	padding-top:20px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
}


.supplier
{
	margin:auto;
	width:400px;
	height:310px;
	margin-bottom:25px;
	vertical-align:bottom;
}

.supplier-logo
{
	height:130px;
	display:block;
	line-height:130px;
	text-align:center;
		
}

.supplier-logo a
{
	border:0px;
	
}
/*
.supplier-logo span
{
	display:block;
	height:130px;
}

.supplier-logo span img
{
	vertical-align:middle;
}
*/


.supplier-brief
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:25px;
}

.supplier-contact
{
	text-align:center;
	
}

.online-courses
{
	
}
.online-courses-header
{
	background-color:#58585a;
	color:White;
	font-size:medium;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

#onlinetrainingsearchinput
{
	/*
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	*/
	margin-left:35px;
	width:160px;
	
}

.OnlineTrainingProgramSearchResults
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
	padding-top:25px;

}

.elearning_left_half_split
{
	float:left;
	padding-top:0px;
	margin-top:0px;
	width:600px;
	margin-left:0px;
	height:100%;
}

.elearning_right_half_split
{
	float:right;
	padding-top:0px;
	margin-top:0px;
	width:320px;
	margin-left:0px;
	height:100%;
	background-color:#eceded;
}

.dlOnlineCourses
{
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	width:320px;

}

.dtTitle
{
	color:#de0d16;
	font-weight:bold;
	font-size:small;
	border:0;
	padding:0;
width:300px;
	margin:0;
	margin-left:0px;
	padding-left:0px;
	text-decoration:underline;
	text-align:left;
	background-color:Transparent;
}

.dtDescription
{
	width:320px;
	margin-right:10px;
}

.elearning
{
	background-image:url(./images/elearning-background.png);
	background-repeat:repeat-y;
}

.elearning-left-content-header-title
{
	color:#ffffff;
	
}
.elearning-left-content-header
{
	background-color:#828282;
	color:#ffffff;
	margin-top:5px;
	padding:10px;
}

.elearning-left-content
{
	margin:10px;
}

.elearning-right-half-content
{
	
}

.start-training-button
{
	width:100px;
	margin:auto;	
}

.start-training-button-LinkButton 
{
	color:#ffffff;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	width:20px;
	text-decoration:none;
}

.map
{
	margin-bottom:5px;
	height:450px;
	width:450px;
	float:left;
}


.contactdetails
{
	float:right;
}

.smallredheading
{
	font-size:small;
	color:#de0d16;	
	margin-bottom:0px;
}

.seeklogo
{
	margin-left:107px;
	margin-top:50px;
	
}