/* SONIM Stylesheet */


body
{
	margin: 0;
	padding: 0; 
	min-width: 950px;

/*	background-image: url(/images/XYZ.jpg); 
	background-repeat: repeat-x;
	background-position: top; */
	font: 11px Arial, Verdana, sans-serif; 
	color: #333333;
}
.hidden {
	display:none;
}
a {
	outline:none;
	cursor:pointer;
}
#container {
		width: 1050px;
		max-width: 1050px;
		margin: 0 auto;
		background-image: url(/images/bkdg.jpg);
		background-repeat: repeat-y;
}


#masthead {
	background-image: url(/images/tmpl/masthead_bkgd.jpg);
	background-repeat: repeat-x;
}



#st_header {
	width:950px;
	height:121px;
	position:relative;
	padding:0;
	margin:0 auto;
}

#st_header_logo {
	height:91px;
	margin:0;
	padding:0;
}



#st_header_logo {
	width:900px;
	height:85px;
	margin:0 0 0 46px;
	padding:0;
	background:url(/images/st_header_logo.png) top left no-repeat;
}


#st_header_right {
	width:171px;
	height:20px;
	margin:0 0 0 0px;
	padding:0;
} 

 
#st_mainMenu {
	height:30px;
	margin:0;
	padding:0 0 0 82px;
	background:url(/images/st_mainMenu.png) top left repeat-x;
}
#st_mainMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
}
#st_mainMenu ul li {
	height:30px;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	list-style-image:none;
}
#st_mainMenu li a {
	display:block;
	height:30px;
}

#st_mainMenu ul li#st_mainMenu_products,
#st_mainMenu ul li#st_mainMenu_products-active  {
	width:67px;
}
#st_mainMenu ul li#st_mainMenu_products a {
	width:67px;
	background:url(/images/st_mainMenu_products.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_products a:hover {
	background:url(/images/st_mainMenu_products-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_products-active a {
	width:67px;
	background:url(/images/st_mainMenu_products-active.png) top left no-repeat;
}


#st_mainMenu ul li#st_mainMenu_operators,
#st_mainMenu ul li#st_mainMenu_operators-active  {
	width:78px;
}
#st_mainMenu ul li#st_mainMenu_operators a {
	width:78px;
	background:url(/images/st_mainMenu_operators.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_operators a:hover {
	background:url(/images/st_mainMenu_operators-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_operators-active a {
	width:78px;
	background:url(/images/st_mainMenu_operators-active.png) top left no-repeat;
}

#st_mainMenu ul li#st_mainMenu_industries,
#st_mainMenu ul li#st_mainMenu_industries-active  {
	width:77px;
}
#st_mainMenu ul li#st_mainMenu_industries a {
	width:77px;
	background:url(/images/st_mainMenu_industries.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_industries a:hover {
	background:url(/images/st_mainMenu_industries-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_industries-active a {
	width:77px;
	background:url(/images/st_mainMenu_industries-active.png) top left no-repeat;
}

#st_mainMenu ul li#st_mainMenu_developers,
#st_mainMenu ul li#st_mainMenu_developers-active  {
	width:84px;
}
#st_mainMenu ul li#st_mainMenu_developers a {
	width:84px;
	background:url(/images/st_mainMenu_developers.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_developers a:hover {
	background:url(/images/st_mainMenu_developers-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_developers-active a {
	width:84px;
	background:url(/images/st_mainMenu_developers-active.png) top left no-repeat;
}

#st_mainMenu ul li#st_mainMenu_company,
#st_mainMenu ul li#st_mainMenu_company-active  {
	width:68px;
}
#st_mainMenu ul li#st_mainMenu_company a {
	width:68px;
	background:url(/images/st_mainMenu_company.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_company a:hover {
	background:url(/images/st_mainMenu_company-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_company-active a {
	width:68px;
	background:url(/images/st_mainMenu_company-active.png) top left no-repeat;
}

#st_mainMenu ul li#st_mainMenu_extranet,
#st_mainMenu ul li#st_mainMenu_extranet-active  {
	width:65px;
}
#st_mainMenu ul li#st_mainMenu_extranet a {
	width:65px;
	background:url(/images/st_mainMenu_extranet.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_extranet a:hover {
	background:url(/images/st_mainMenu_extranet-active.png) top left no-repeat;
}
#st_mainMenu ul li#st_mainMenu_extranet-active a {
	width:65px;
	background:url(/images/st_mainMenu_extranet-active.png) top left no-repeat;
}



#st_homeFlash {
	margin-top:19px; 
	margin-bottom:10px;
	border-right:1px solid #999; 
}
#st_sidebarHome {
	position:relative; left:0px; 
	padding-left:10px; 
	padding-right:5px; 
	margin-top:19px; 
	width:235;
}

#st_sidebarHome h2.titleheader {
	height:14px;
	background:url(/images/st_titleHeader_whatsNew.png) top left no-repeat;
	margin-top:0;
	padding:0;
}



div#preload { display: none; }



#mainbody, #homebody {
	background-image: url(/images/mainbody_watermark.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#mainbody {
	padding: 10px 12px 9px 85px;
}
#homebody {
	padding-left: 0;
}

#homepage_middlecol {
	width:270px;
	padding-left: 2px;
}

ul {
	padding-top: 5px;
	line-height: 18px;
}

li {
	margin-left: -10px;
	padding-right: 18px;
	text-indent: 0px;
	list-style-image: url(/images/tmpl/list_bullet.gif);
}

/* order: Link Visted Hover Active  */





/* bottom nav */
a.bottomnavgrey {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight:bold; text-decoration:none;}
a.bottomnavgrey:active {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight:bold; text-decoration:none;}
a.bottomnavgrey:visited {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight:bold; text-decoration:none;}
a.bottomnavgrey:hover {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:bold; text-decoration:underline;}


/* bottom nav */
a.bottomnavwhite {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #cccccc; font-weight:bold; text-decoration:none;}
a.bottomnavwhite:active {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #cccccc; font-weight:bold; text-decoration:none;}
a.bottomnavwhite:visited {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #cccccc; font-weight:bold; text-decoration:none;}
a.bottomnavwhite:hover {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight:bold; text-decoration:underline;}

/* privacy */
a.privacy {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight:bold; text-decoration:none;}


/* privacy white*/
a.privacywhite {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #cccccc; font-weight:bold; text-decoration:none;}





.topbarlink {FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; color: #666; font-weight:bold;}


.about_text {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
}


.about_text_black {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

.boiler {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
}

.boilerwhite {
	font: 10px Arial, Helvetica, sans-serif;
	color: #cccccc;
}



.section_title, .section_title_wide {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-image:url(/images/tmpl/section_title_bkgd.gif);
	background-repeat: no-repeat;
	width: 280px;
	height:28px;
	padding: 0;
	background-position: left;
}

.section_title_wide {
	background-image:url(/images/tmpl/section_title_wide_bkgd.gif);
	width:370px;
}

.section_featuretitle {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #5C9F46;
}

.section_block {
	height: 28px;
	width: 482px;
	background-image: url(/images/tmpl/section_block.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 7px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	color: #5C9F46;
}

.section_block_small {
	height: 28px;
	width: 160px;
	background-image: url(/images/tmpl/section_block_small.gif);
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 7px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #5C9F46;
}

.footer {
	height: 20px;
	width: 966px;
	background-color: #7c7c7e;
	text-align: center;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	color: #FFF;
	vertical-align: middle;
}

#copyright {
	height: 100px;
	background-image: url(/images/bottom_gradient.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	margin: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

td.masthead_top {
	vertical-align: top;
	background-repeat: no-repeat;
	height: 36px;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-right: 12px;
	text-align: right;
	color: #666666;
}

/* category buttons */

.categorymenu {
	height: 14px;
	width: 966px;
}

.cssnav	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(/images/tmpl/category_nav_tab2.gif) no-repeat;
	width: 111px;
	height: 14px;
    overflow:hidden;/* for ie to hide extra height*/	
}

.cssnav a {
	display: block;
	color: #FFF;
	font-size: 10px;
	width: 111px;
	height: 14px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}

.cssnav a:visited {
	color: #FFF;
	text-decoration: none;
}

.cssnav a:hover {
	color: #FFC973;
	text-decoration: none;
}

.cssnav img {
	width: 111px; 
	height: 14px; 
	border: 0; 
}

.cssnav span {
    position: absolute;
    left: 0px;
	top: 0px;
    text-align: center;
    width: 111px;
    cursor: pointer;   
}

.cssnav_green	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(/images/tmpl/category_nav_tab_green.gif) no-repeat;
	width: 149px;
	height: 14px;
    overflow:hidden;/* for ie to hide extra height*/	
}

.cssnav_green a {
	display: block;
	color: #FFF;
	font-size: 10px;
	width: 149px;
	height: 14px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_green a:visited {
	color: #FFF;
	text-decoration: none;
}

.cssnav_green a:hover {
 	color: #CBEEFE;
	text-decoration: none;
}

.cssnav_green img {
	width: 149px; 
	height: 14px; 
	border: 0; 
}


.cssnav_green span {
    position: absolute;
    left: 0px;
	top: 0px;
    text-align: center;
    width: 149px;
    cursor: pointer;   
}

* html a:hover {
	visibility:visible
}

.cssnav a:hover img {
	visibility:hidden
}


BLOCKQUOTE {FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif}

H1 {FONT-SIZE: 18px; COLOR: #a7a7a7; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase;}
.header {FONT-SIZE: 18px; COLOR: #a7a7a7; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase;}

H2  {FONT-SIZE: 14px; COLOR: #799fb5; FONT-FAMILY: Arial, Helvetica, sans-serif;	font-weight: bold; LINE-HEIGHT: 14px; padding-right: 4px;}
.subheader {FONT-SIZE: 14px; COLOR: #799fb5; FONT-FAMILY: Arial, Helvetica, sans-serif;	font-weight: bold; LINE-HEIGHT: 14px}

H6 {FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.byline {FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-style: italic; LINE-HEIGHT: 18px}

.titleheader {FONT-SIZE: 16px; COLOR: #a7a7a7; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase;}
.titleheader2 {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	background-image:url(/images/tmpl/hr_full_line.jpg);
	background-repeat: no-repeat;
	width: 600px;
	height:15px;
	padding: 0;
	background-position: bottom;
}

.titleheader3 {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	background-image:url(/images/tmpl/hr_half_line.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height:15px;
	padding: 0;
	background-position: bottom;
}

.deadline  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; COLOR: #E61919; line-height: 11px; font-weight: bold; }
.leftnav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 11px; font-weight: normal; }
.linklist { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 11px; font-weight: normal; }
.readmore {FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-right: 18px;}
.jobs {FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.graybold {FONT-SIZE: 11px; COLOR: #767676; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.graysmall {FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.small {FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.redlink {FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; line-height: 11px;}

.anchornav {FONT-SIZE: 11px; COLOR: #003399; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.anchornav A {COLOR: #0066AB; TEXT-DECORATION: underline; visible: false}
.anchornav A:hover {TEXT-DECORATION: underline; visible: false}







.inputform {BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; BACKGROUND-COLOR: #FFFFFF; font-size: 12px; color: #799fb5;}
.searchform {width: 122px; BORDER-RIGHT: #CCC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #CCC 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #CCC 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #CCC 1px solid; BACKGROUND-COLOR: #F5F5F5; font-size: 12px; color: #0048CC; vertical-align: middle;}
.signupform {width: 90px; BORDER-RIGHT: #D4D4D4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #AAAAAA 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #D4D4D4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #D4D4D4 1px solid; BACKGROUND-COLOR: #FFFFFF; font-size: 12px; color: #003366; position:relative; left:0px; top:-3px; z-index:12}

a:link img { border: 0px solid; }
a:visited img { border: 0px solid; }
a:hover img { border: 0px solid; }
a:active img { border: 0px solid; }



.right {
	font-size: 1.0em;
	padding-right: 100px;
	text-align: right;
}

#info {
	border: 0px solid #C2C7BE;
	margin-left: 0px;
	margin-right: 80px;
	margin-top: 10px;
	padding: 0px 15px 0px 15px;
	position: relative;
}

#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#pic {
	background-color: none;
	border: 0px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 135px;
	height: 36px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 0px;
	left: -1px;
	position: absolute;
	top: -100px;
	width: 135px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background-color: none;
	border: 0px solid #000000;
	display: block;
	height: 36px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {
	
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 0px solid #000000;
	display: block;
	height: 140px;
	left: -140px;
	position: absolute;
	top: -60px;
	width: 500px;
}

#top {
	margin-left: 80px;
}

#popupDiv {
	position: fixed;
	z-index: 10000;
	left: o;
	top: 400px;
	left: 40%;
	background: url(../images/popup.png) no-repeat;
	width: 300px;
	height: 200px;
	display: none;
}

#popupDiv .innerBox {
	padding: 40px 20px 30px 20px;
	text-align: center;
}

#popupDiv .closePopup {
	width: 50px;
	height: 15px;
	position: relative;
	top: 170px;
	left: 235px;
	cursor: pointer;
}

#popupDiv #popupNum {
	background-color: #222222;
	padding: 2px;
}

#popupDiv a {
	color: white;
}

#ifrm {
	position: relative;
	top: -430px;
	left: 60px;
}

#ifrm iframe {
	height: 50px;
}