/*===============================================================================

GENERIC PAGE STRUCTURE ELEMENTS

===============================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td {
margin:0;
padding:0;
} 

html, body {
margin:0px;
padding:0px;
width:100%;
}

body {
background-color:#ffffff;
background-image:url(/img/page-top-bkg.png);
background-position:0px 0px;
background-repeat:repeat-x;
color:#535b67;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}

div.pageWrapper {
width:940px;
margin:0px auto;
text-align:left;
}

div.mainHeading,
div.spotlight {
height:230px;
background-image:url(/img/main-heading.jpg);
background-position:0px 40px;
background-repeat:no-repeat;
}

div.mainHeading {
margin-bottom:20px;
}

div.spotlight {
/*height:200px;
padding-top:75px;*/
background-image:none;
background:transparent url(/img/spotlight-home.jpg) no-repeat scroll right 40px;
position:relative;
top:0px;
left:0px;
}

div.mainContent {
margin-bottom:20px;
}

div.mainColumn {
width:680px;
min-height:420px;
padding-right:40px;
background-image:url(/img/column-shadow.png);
background-position:right top;
background-repeat:no-repeat;
float:left;
}

div.mainColumnFull {
width:910px;
min-height:420px;
padding-right:40px;
background-position:right top;
background-repeat:no-left;
float:left;
}

div.sideColumn {
width:220px;
float:left;
text-align:left;
font-size:10px;
line-height:10px;
}

div.mainFooter {
border-top:solid 5px #335f9b;
padding-top:15px;
margin-top:40px;
text-align:center;
}

.clear {
clear:both;
}

div.clear {
height:0px;
overflow:hidden;
clear:both;
}

hr {
height:0px;
overflow:hidden;
background-color:#ffffff;
border:none;
border-top:solid 1px #cccccc;
margin:39px 0px 40px;
}

/*===============================================================================

MAIN TEXT ELEMENTS

===============================================================================*/

h1, h2, h3, h4 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#939c33;
font-weight:bold;
}

h1 {
font-size:24px;
line-height:24px;
margin-bottom:16px;
}

h2 {
font-size:20px;
margin-bottom:20px;
}

h3 {
font-size:16px;
margin-bottom:20px;
}

h4 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
margin-bottom:14px;
line-height:14px;
}

	h4 small {
	font-weight:normal;
	color:#535b67;
	font-size:10px;
	display:block;
	}

p {
margin-bottom:20px;
}

a {
color:#335f9b;
text-decoration:underline;
}

a:hover {
color:#939c33;
text-decoration:underline;
}

a:focus {
outline:none;
}


a img {
border:none;
}

ul {
list-style-type:none;
margin-bottom:20px;
}

	ul li {
	padding-left:20px;
	background-image:url(/img/list-marker.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	}

.alignLeft {
text-align:left;
}

.alignCenter {
text-align:center;
}

.alignRight {
text-align:right;
}

.floatRight {
float:right;
margin:0px 0px 20px 20px;
}

.stealthed {
display:none;
}
	
/*===============================================================================

HEADER ELEMENTS

===============================================================================*/

a.logoLink {
display:block;
width:172px;
height:40px;
position:absolute;
top:0px;
left:0px;
background-image:url(/img/logo.png);
}

a.logoLink span {
display:none;
}

div.spotlight p.slogan {
color:#535353;
position:absolute;
top:160px;
left:0px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:24px;
font-weight:bold;
}


/*================================================
SECONDARY MENU STYLES
================================================*/

ul.secondNav {
position:absolute;
top:201px;
left:20px;
height:29px;
border-left:solid 1px #bccfe0;
}

	ul.secondNav li{
	float:left;
	background-image:none;
	padding:0px;
	}
	
		ul.secondNav li a{
		display:block;
		line-height:20px;
		padding:4px 10px 5px;
		border-right:solid 1px #bccfe0;
		text-decoration:none;
		color:#535b67;
		}
		

		
		ul.secondNav li a:hover,
		ul.secondNav li.currentTab a,
		ul li.currentTab a:hover {
		background-color:#a5c1da;
		}


/*================================================
EMPLOYEES PAGE STYLES
================================================*/

div.idCard {
width:410px;
margin: 0px 10px 20px;
padding:20px;
background-color:#e3e3e3;
float:left;
}

	div.idCard div.pictureHolder {
	width:100px;
	margin-right:10px;
	float:left;
	}
	
		div.idCard div.pictureHolder {
		margin-bottom:10px;
		}
	
	div.idCard div.dataHolder {
	width:300px;
	float:left;
	}
	
		div.idCard div.dataHolder div.formRow{
		clear:both;
		margin-bottom:5px;
		}
		
			div.idCard div.dataHolder div.formRow label{
			display:block;
			width:95px;
			margin-right:5px;
			text-align:right;
			float:left;
			}
			
			div.idCard div.dataHolder div.formRow input.mediumText{
			width:194px;
			border:solid 1px #A5ACB2;
			padding:2px;
			}
			
	div.idCard input.fileInput {
	float:left;
	}
	
	
/*==============================
new edit tools page
==============================*/

div.toolListItem {
margin-bottom:20px;
padding-bottom:19px;
border-bottom:solid 1px #cccccc;
}

	div.toolListItem .iconHolder {
	width:100px;
	margin:0px 20px 0px 0px;
	float:left;
	}
	
	div.toolListItem .toolListContent {
	width:820px;
	margin:0px;
	float:left;
	}
	
	div.toolListItem h2 {
	line-height:25px;
	margin-bottom:15px;
	}
	
	div.toolListItem h2 input.button{
	float:right;
	margin:0px 0px 0px 20px;
	}
	
	div.toolListItem ul.firstCol {
	width:320px;
	float:left;
	margin:0px 20px 0px 0px;
	}
	
	div.toolListItem ul.secondCol {
	width:480px;
	float:left;
	margin:0px;
	}
	
div.editToolPopup {
text-align:left;
}

	div.editToolPopup div.formRow {
	padding:0px;
	clear:both;
	margin-top:10px;
	}
	
	div.editToolPopup div.formRow input.formText1{
	float:none;
	}
	
	div.editToolPopup div.formRow input.fileUpload{
	float:none;
	padding:0px 0px 0px 50px;
	}
	
	div.editToolPopup div.formRow label {
	font-weight:bold;
	width:210px;
	}
	
	div.editToolPopup div.formRow textarea {
	height:98px;
	width:318px;
	padding:0px;
	border:solid 1px #cccccc;
	}
	
	div.editToolPopup p.textRight input {
	margin:20px 7px 0px 0px;
	}
	
	
	h1.businessTools {
height:40px;
margin:0px 0px 20px 0px;
background-position:0px 0px;
background-repeat:no-repeat;
}

div.addTool {
width:100px;
height:25px;
float:right;
margin:8px 10px 0px 0px;
}


table.fullSize {
width:100%;
}

	table.fullSize tr td{
	border-bottom:solid 1px #cccccc;
	padding:5px 3px;
	border-collapse:collapse;
	}
	
	table.fullSize tr th{
	padding:5px;
	background-color:#dedede;
	border-right:solid 1px #ffffff;
	text-align:center;
	font-weight:bold;
	}
	
	table.fullSize tr.sampleRow td {
	padding:15px 3px;
	border-bottom:solid 2px #cccccc;
	}

	table.fullSize input {
	vertical-align:middle;
	}

input.formText2,
input.formText3 {
width:200px;
height:20px;
padding:3px 0px 0px 0px;
border:solid 1px #cccccc;
}

input.formText3 {
width:150px;
}

table.alignTop td {
vertical-align:top;
}

textarea.textArea1 {
margin:0px;
width:512px;
height:80px;
padding:2px 0px 0px 0px;
border:solid 1px #cccccc;
}

div.toolListItem {
background-color:#E2E6EB;
margin-bottom:20px;
padding:20px;
}

div.toolListItem .toolListContent {
float:left;
margin:0;
width:780px;
}

div.toolListItem ul.secondCol {
float:left;
margin:0;
width:440px;
}

/*-----------------------------------------
switching tab system
-----------------------------------------*/


div.tabSystemHeader {
width:660px;
height:29px;
padding:1px 0px 0px 20px;
margin-bottom:20px;
background-image:url(/img/tab-bkg.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.tabSystemHeader ul {
height:29px;
border-left:solid 1px #ffffff;
}

	div.tabSystemHeader ul li{
	float:left;
	background-image:none;
	padding:0px;
	cursor:pointer;
	}
	
		div.tabSystemHeader ul li span{
		display:block;
		line-height:20px;
		padding:4px 10px 5px;
		border-right:solid 1px #ffffff;
		text-decoration:none;
		color:#335f9b;
		}
		
		div.tabSystemHeader ul li span:hover,
		div.tabSystemHeader ul li.currentTab span,
		div.tabSystemHeader ul li.currentTab span:hover {
		color:#939c33;
		background-color:#ffffff;
		}
		
		
		
.contact-us-phone {
background-color:#ffffff;
background-image:url(/img/contact-cell.gif);
background-position:0px 0px;
background-repeat:repeat-x;
color:#535b67;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
height:420px;
width:218px;
}


	.contact-us-phone input,textarea,select{
	float:left;
	margin-left:30px;
	margin-top:6px;
	width:150px;
	}

	.contact-us-phone #message{
	float:left;
	margin-left:30px;
	margin-top:150px;
	width:150px;
	}
	.contact-us-phone #message p{
	text-align:center;
	}


.expandbox {
	cursor:pointer;
	margin:0px;
	padding:5px;
	border:1px dashed #e3e3e3;
	background-color:#E2E6EB
}

.expandbox h2 {
	color:#939C33;
	margin-bottom:0px;
}

.expander {
	display:none;
	margin-top:20px
}


.mainColumn hr {
margin:20px 0px 20px;
}

/*=============================================*/

ul.switcherList {

}

	ul.switcherList li{
	width:185px;
	height:20px;
	margin:0px 10px 20px;
	padding:15px 10px;
	background-color:#E2E6EB;
	background-image:none;
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	}
	
		ul.switcherList li.iphone {
		background-image:url(/img/logos/logo-iphone.gif);
		}
		
		ul.switcherList li.android {
		background-image:url(/img/logos/logo-android.gif);
		}
		
		ul.switcherList li.symbian {
		background-image:url(/img/logos/logo-symbian.gif);
		}
		
		ul.switcherList li.j2me {
		background-image:url(/img/logos/logo-j2me.gif);
		}
		
		ul.switcherList li.blackberry {
		background-image:url(/img/logos/logo-blackberry.gif);
		}
		
		ul.switcherList li.cplusplus {
		background-image:url(/img/logos/logo-cplusplus.gif);
		}
		
		ul.switcherList li.eclipse {
		background-image:url(/img/logos/logo-eclipse.gif);
		}
		
		ul.switcherList li.winmobile {
		background-image:url(/img/logos/logo-winmobile.gif);
		}
		
		/*-------*/
		
		ul.switcherList li.qt {
		background-image:url(/img/logos/logo-qt.gif);
		}
		
		ul.switcherList li.gsm {
		background-image:url(/img/logos/logo-gsm.gif);
		}
		
		ul.switcherList li.isup {
		background-image:url(/img/logos/logo-isup.gif);
		}
		
		ul.switcherList li.h248 {
		background-image:url(/img/logos/logo-h248.gif);
		}
		
		ul.switcherList li.ttcn {
		background-image:url(/img/logos/logo-ttcn.gif);
		}
		
		ul.switcherList li.threegpp {
		background-image:url(/img/logos/logo-3gpp.gif);
		}
		
		ul.switcherList li.sip {
		background-image:url(/img/logos/logo-sip.gif);
		}
		
		ul.switcherList li.softswitch {
		background-image:url(/img/logos/logo-softswitch.gif);
		}
		
		ul.switcherList li.voip {
		background-image:url(/img/logos/logo-voip.gif);
		}
		
		ul.switcherList li.ngn {
		background-image:url(/img/logos/logo-ngn.gif);
		}
		
		/*-------*/
		
		ul.switcherList li.aspnet {
		background-image:url(/img/logos/logo-aspnet.gif);
		}
		
		ul.switcherList li.java {
		background-image:url(/img/logos/logo-java.gif);
		}
		
		ul.switcherList li.netbeans {
		background-image:url(/img/logos/logo-netbeans.gif);
		}
		
		ul.switcherList li.qtp {
		background-image:url(/img/logos/logo-qtp.gif);
		}
		
		ul.switcherList li.sql {
		background-image:url(/img/logos/logo-sql.gif);
		}
		
		ul.switcherList li.visualstudio {
		background-image:url(/img/logos/logo-visualstudio.gif);
		}
		
		ul.switcherList li.xml {
		background-image:url(/img/logos/logo-xml.gif);
		}
		
		ul.switcherList li.php {
		background-image:url(/img/logos/logo-php.gif);
		}

/*=================================*/

div.searchForm {
width:240px;
height:30px;
position:absolute;
top:160px;
left:500px;
}

	div.searchForm input.searchField {
	width:150px;
	}
	
	div.searchForm input.searchButton {
	width:70px;
	}
/*=================================*/

div.documentLink {
margin-bottom:20px;
text-align:right;
}

	div.documentLink a.pdfFile,
	div.documentLink a.docFile {
	padding:1px 0px 4px 20px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-size:11px;
	}

	div.documentLink a.pdfFile {
	background-image:url(/img/icon-pdf.png);
	}
	
	div.documentLink a.docFile {
	background-image:url(/img/icon-doc.png);
	}