@import url(theme.css);  /* colour file */ 

body{

  margin:0;

  padding:0;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px; 

  line-height:137%;

  background-color: #f8f8f8;

  color: #ffffff;

}

body.contentpane {
	background-color: #415369;
}

html, body {height:100%}

.center {

	text-align: center;

	}
.custom_table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0px auto;
	}
.custom_table th {
	background: #5b6b81;
	border-bottom: 2px solid #cccccc;

	border-right: 1px solid #cccccc;
	width: 250px;
}

.custom_table td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}
#container {

	width:100%;

	margin: 0 auto;

	border-left: 3px solid #dddddd;

	border-right: 3px solid #dddddd;

	padding: 0;

	background-color: #415369;

	}

#header {

	background-image:url(../images/logobg.png);

	background-repeat: repeat-x;

	height: 106px;

	margin: 0;

	padding: 0;

	}

#logo {

	padding: 0px 0px 0px 15px;

	}

#footer {

	background-color: #790000;

	border-top: 3px solid #dddddd;

	padding: 10px;

	color: #ffffff;

	background-image:url(../images/bodybg.png);

	background-repeat: repeat-x;

	font-size:9px;

	}

.header2 {

	background-color: #ffffff;

	width: 100%;

	border-bottom: 3px solid #dddddd;

	}

#login2 {

	color: #000000;

	padding: 2px;

	}

.search {

	padding: 2px 2px 0px 0px;

	}

/*---------------------------------- Module Box Styles ----------------------------------*/

#left {

	padding-right: 5px;
        width: 300px;
        


	}

#right {



	padding-left: 5px;
        width: 190px;
       
	}

/* default */

#modulebox div.module, #modulebox div.modulesidebar, #modulebox div.modulestore{

	
        margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;
       
        background-image:url(http://cncteknix.com/portal/images/bg.png);

	background-color: transparent;

	border-top: 1px solid #6a798b;

	border-bottom: 1px solid #6a798b;


	}

#modulebox div.module div, #modulebox div.modulesidebar div, #modulebox div.modulestore div  {

	

	}

#modulebox div.module div div, #modulebox div.modulesidebar div div, #modulebox div.modulestore div div {

	

	}

#modulebox div.module div div div, #modulebox div.modulesidebar div div div, #modulebox div.modulestore div div div {

	

	padding-left: 2px;

	padding-right: 2px;

	padding-top: 0px;

	padding-bottom: 0px;

	color: #ffffff;

	font-size: 10px;

	}

#modulebox div.module div div div h3, #modulebox div.modulesidebar div div div h3,#modulebox div.modulestore div div div h3 {

	display:block;

	margin: 0px;

	text-align: center;

	color: #818fa1;

	text-transform: uppercase;

	border-bottom: 1px solid #415369;

	}

#modulebox div.module div div div div, #modulebox div.modulesidebar div div div div, #modulebox div.modulestore div div div div{

	padding: 3px 0px 0px 0px;

	font-size: 10px;

	}

/*----------------- headerstyles -----------------*/

table.searchlogin {

	border-collapse: collapse;

	width: 99%;

	margin: 0px 0px 0px 2px;

	}	

#menu2 {

	padding: 0px;

	background-color: #273648;

	border-top: 3px solid #dddddd;

	border-bottom: 3px solid #dddddd;

	}

#menubar {

	text-align: left;

	font-size: 11px;

	text-transform:uppercase;

	background-color: #273648;

	height: 24px;

	padding: 0 0 1px 0;

	margin: 1px 0px 0px 0px;

	}



.moduletableusernav {

	text-align: right;

	width: 100%;

	}

.mainlevelusernav {

	color: #999999;

	}

/*---------------------------------- Sidebar newsfeeds ----------------------------------*/

ul.newsfeed {

	list-style-type: none;

	list-style-image: none;

	margin: 0;

	padding: 0;

	}

.newsfeed li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #415369;

	font-weight: normal;

	font-size: 9px;

	line-height: 11px;

	}

ul.latestnews {

	list-style-type: none;

	list-style-image: none;

	margin: 0;

	padding: 0;

	}

.latestnews li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #415369;

	font-weight: normal;

	font-size: 9px;

	line-height: 11px;

	}

/*---------------------------------- Sidebar Menu ----------------------------------*/	



#menu a.mainlevel:link, #menu a.mainlevel:visited {

	display: block;

	font-size: 9px;

	font-weight: bold;

	color: #ffffff;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	text-transform:uppercase;

	border-bottom: 1px solid #415369;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

#menu a.mainlevel:hover {

	background-color: #415369;

	text-decoration: none;

	font-weight: bold;

	color: #ffffff;

	text-transform:uppercase;

	}

#menu .mainlevel {

	display: block;

	font-size: 9px;

	font-weight: bold;

	color: #ffffff;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	text-transform:uppercase;

	}

#menu a.sublevel:link, #menu a.sublevel:visited {

	display: block;

	font-size: 9px;

	font-weight: bold;

	color: #ffffff;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	border-bottom: 1px solid #415369;

	text-transform:uppercase;

	}

#menu a.sublevel:hover {

	background-color: #415369;

	text-decoration: none;

	font-weight: bold;

	color: #ffffff;

	text-transform:uppercase;

	}

#menu table.moduletable td {

	padding: 0px;

	}



/*---------------------------------- forms ----------------------------------*/

.login_form {

	color: #818fa1;

	font-size: 9px;

	}

.breadcrumbs {

	color: #333333;

	font-size: 9px;

	padding-left: 3px;

	}

.inputbox {

	font-size: 9px; 

	color: #ffffff; 

	text-decoration: none; 

	background-color: #536376 !important; 	

	border: 1px solid #6a798b;

	padding: 1px;

	margin: 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

.inputboxsearch {

	font-size: 9px; 

	color: #ffffff; 

	text-decoration: none; 

	background-color: #536376; 	

	border: 1px solid #6a798b;

	padding: 1px;

	margin: 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

.button {

	color: #ffffff;

	text-align: center;

	font-size: 9px;

	font-weight: normal;

	width: auto;

	padding: 0px 5px;

	margin: 1px;

	background-color: #536376; 	

	border: 1px solid #6a798b;

	}



/*---------------------------------- Module Box Styles ----------------------------------*/







table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}



/* box text styling*/

.box1 {

	text-align: center;

	padding: 0px 10px;

	margin: 0px 5px;

	}

.box2 {

	text-align: left;

	}

.boxtext {

	font-size: 0.9em;

	text-align: center;

	padding: 2px 6px;

	}

.go {

	margin: 0 0 0 0;

	padding: 0.1em 0.3em 0.2em 0.5em;

	background-color: #373f4c; 	

	border: 1px solid #6a798b;

	color:#ffffff;

	font-size: 9px;

	text-align: right;

	font-family: Verdana, arial, Helvetica, sans-serif;

	}

.gobar {

	text-align:right;

	margin: 0;

	padding: 0;

	}

.arrow {

	background-image:url(../images/arrowwhite.png);

	background-repeat: no-repeat;

	margin: 0 0 0 3px;

	padding: 0 5px 0 0;

	}

	

/*---------------------------------- tables ----------------------------------*/



table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

        font-size: 12px;

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

        color: #FFFFFF;

	}	

tr.sectiontableentry1 td, .sectiontableentry1, td.sectiontableentry1 {

        font-size: 10px;

	background-color: #1e2c3c;

	padding: 1px 5px;

        color: #FFFFFF;

	} 

tr.sectiontableentry2 td, .sectiontableentry2, td.sectiontableentry2 {

        font-size: 10px;

        background-color: #273648;

	padding: 1px 5px;

        color: #FFFFFF;

	} 

.sectiontableheader, tr.sectiontableheader {

	font-size: 10px;

	font-weight: bold;

	background-color: #550000;

	padding: 0 0 0 5px;

	color: #FFFFFF;

	margin: 0;

	}

/*---------------------------------- typography ----------------------------------*/

a, a:link, a:visited, a:hover, a:focus, a:active { border:none; }

a img,:link img,:visited img { border:none; }

a.pathway, a {font-weight:bold;}

#right a:link, #left a:link, a:link, #mainbody A.pathway:link {color: #c6d7fd; text-decoration: none;}

#right A:visited, #left A:visited, A:visited, #mainbody A.pathway:visited  {color: #9db3e4; text-decoration: none;}

#right A:active, #left A:active, A:active, #mainbody A.pathway:active {color: #000000; text-decoration: underline;}

#right A:hover, #left A:hover, A:hover, #mainbody A.pathway:hover{color:#ffff00; text-decoration: underline;}



A.pathway:link {color: #16347a; text-decoration: none;}

A.pathway:visited{color: #3d589e; text-decoration: none;}

A.pathway:active {color: #790000; text-decoration: underline;}

A.pathway:hover{color:#ffff00; text-decoration: underline;}







h1,.componentheading,a.contentpagetitle:link,a.contentpagetitle:visited,   {

	font-size: 1.5em;

	font-weight: normal;

	line-height: normal;

	margin-top: 0em;

	margin-bottom: 0em;/* to deal with compound ie pc problems*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

td.contentdescription {

	padding-bottom: 10px;

	}

.contentdescription {

	font-size: 1.0em;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
 
h2, table.contentpane td.contentheading {

	font-size: 1.4em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

h3, .contentpagetitle{

	font-size: 1.3em;

	font-weight: bold;

	padding-top: 0.6em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

h4 .contentheading,a.contentheading:link,a.contentheading:visited, tr.contentheading{

	font-size: 1.1em;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

h5 {

	font-size: 1.0em;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

h6 {

	font-size: 0.8em;

	font-weight: bold;

	margin: 1.2em 0em 1.2em 0em;

	}

.images {

	background-color: #333333;

	padding:2px;

	}

img {

	border: 0;

	}

ol, ul, li {/*

	list-style: none;*/

	font-size: 1.0em;

	margin-top: 0.2em;

	margin-bottom: 0.1em; 

	}

ul { 

	margin-bottom: 1.0em;

	}

p, td, tr, div {

	font-size: 1.0em;

	}

.text {

	font-size: 11px;

	}

li > p {

	margin-top: 0.2em;

	}

pre {

	font-family: monospace;

	font-size: 1.0em;

	}

strong, b {

	font-weight: bold;

	}

.small {

	font-size: 9px;

	}

small {

	font-size: 9px;

	}



/*----------------- mainbody styles -----------------*/

#main, .mceContentBody{
        
        width: 100%;
	margin: 0px;

	background-color: #415369;

	background-image:url(../images/bodybg.gif);

	background-repeat:repeat-x; 

	padding: 5px;

	margin: 0px 0px 30px 0px;

	}

#mainbody {

	padding: 20px 5px;

	margin: 0px 5px 30px 5px;

	}

table.blog {

	width: 100%;

	margin: 0;

	padding: 0;

	}

#overDiv  {

	font-size: 8px;

	font-style:normal;

	top: 0;

	left: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

#introtext {

	font-size: 10px;

	}

table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	border: none;

	}

table.contentpane {

	padding: 0px;

	margin: 0;

	}

table.contentpane tr td table tr td table tr td {

	font-size: 9px;



	padding: 0px;

	margin: 0px;

	}

table.contentpane tr td table tr td table tr td .inputbox {

	font-size: 9px; 

	}

#tabcontainer {

	overflow-y:scroll;

	overflow-x: hidden;

	height: 260px;

	width: 120px;

	}

div.row span.left {

  float: left;

  text-align: left;

  font-weight: bold;

  color: #cccccc;

  width: 49%;

  }

div.row span.right {

  float: right;

  text-align: right;

  color: #fff;

  width: 49%;

  }

body.contentpaneopen

{

	margin: 0px;

	background-color: #415369;

	background-image:url(../images/bodybg.gif);

	background-repeat:repeat-x; 

	padding: 5px;

	margin: 0px 0px 30px 0px;

	}

/*----------------- clear fix -----------------*/  

.clear {

	clear:both;

	margin-bottom: -1px; /* for Gecko-based browsers */

	overflow:hidden;

	padding-bottom: 1px; /* for Gecko-based browsers */

	}

.clearfix:after {

	clear: both; 

	content: "."; 

	display: block; 

	height: 0; 

	visibility: hidden;

	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */