html, body { padding: 0px; margin: 0px; border: 0px transparent none; }
body { background: url('../images/bg.jpg') repeat-x; text-align: center; min-height: 100%; font-size:11px; overflow: -moz-scrollbars-vertical; }
body { font-family: Arial, Helvetica, sans-serif; color: #666; background-color:#F6F6F6; font-size: small !important }

/* links */
a, a:visited, a:link { color: #00446e; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline }
a:active { outline: none }

h1 { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h1 { font-size: 100%; font-weight: normal;  }

h2 { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h2 { font-size: 100%; font-weight: normal;  }

h3 { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
h3 { font-size: 100%; font-weight: normal;  }

input, textarea { border-bottom: #999 1px solid; border-left: #999 1px solid; border-top: #999 1px solid; border-right: #999 1px solid }

h1 { padding-bottom: 9px; padding-left: 0px; height: 29px; color: #49166d; font-size: 29px; }
h2 { padding-bottom: 0px; height: 29px; color: #494848; font-size: 20px; }
h3 { margin-bottom: 3px; color: #494848; font-size: 17px }

h1#pageTitle { padding-bottom:9px; padding-left:18px; padding-right:18px; height:29px; font-size:29px; padding-bottom:20px; }

hr { border-bottom: #eee 1px solid; width:80%; border-left: 0px; padding-bottom: 3px; margin:  20px 0px 20px 0px; padding-left: 0px; padding-right: 0px; display: block; height: 1px; COLOR: #dedede; border-top: 0px; border-right: 0px; padding-top: 0px }

p { line-height:1.2; margin-bottom:10px;  }

.indent {  padding-left:26px; }
.grdspan1,.grdspan2,.grdspan3,.grdspan4,.grdspan5,.grdspan6,.grdspan7,.grdspan8,.grdspan9,.grdspan10,.grdspan11,.grdspan12 {float:left; margin:0;}
.grdspan1 {width:10px;}
.grdspan2 {width:260px;}
.grdspan3 {width:332px;}
.grdspan4 {width:388px;}
.grdspan5 {width:626px;}
.grdspan6 {width:98%;}

#layout{ margin:0 auto 0 auto; width:1010px; overflow:hidden; margin-bottom:5px; text-align: left; }
#content-layout { width: 1010px; min-height: 341px;  background:url(../images/content_bg_2.png) 0 0 repeat-y; text-align: left; overflow: hidden; }
#content-wrapper { margin-top: 0px; }
#stage { position:relative; float: left; width: 1010px; padding-left: 5px; margin-top:1px; }
#content { position:relative; float: left; width: 1010px; padding-left: 14px; margin-top:10px; margin-bottom:30px; }
#b_bottom { position:relative; float: left; width:100%; height:7px; background:url(../images/bottom_bg_2.png) no-repeat; }

/** start of header **/
#masthead { width:1010px; height:62px; background:url(../images/content_bg_2.png) 0 0 repeat-y; }
#company_logo { background: url(../images/versult_logo.png) no-repeat; width: 189px; height: 47px; float:left; margin-left:14px; margin-top:7px; }
#topnav { width: 235px; height:37px; position:relative; float:right; margin-top:0px; margin-right:5px; }
#topnav UL { POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0pt 10px 0pt 0pt; PADDING-LEFT: 0px; WIDTH: 235px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/topnav_bg.jpg) no-repeat; FLOAT: left; HEIGHT: 46px; PADDING-TOP: 0px; font-size: 11px; }
UL { LIST-STYLE: square none outside; PADDING-BOTTOM: 0pt; MARGIN: 0pt 0pt 14px 20px; PADDING-LEFT: 0pt; PADDING-RIGHT: 0pt; PADDING-TOP: 0pt }
#topnav UL LI { LIST-STYLE: none none outside; POSITION: relative; PADDING-BOTTOM: 0pt; MARGIN: 11px 0pt 0pt; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; BORDER-RIGHT: #dedede 1px solid; PADDING-TOP: 0pt }
#topnav UL LI.last { LIST-STYLE: none none outside; POSITION: relative; PADDING-BOTTOM: 0pt; MARGIN: 11px 0pt 0pt; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; BORDER-RIGHT:0px; PADDING-TOP: 0pt }

/** start of primary menu **/
#primary_navigation { position:relative; float: left; width:1000px; height:41px; background:url(../images/navbar_bg.gif) repeat-x; margin-top: 0px; margin-left: 5px; margin-top:7px; }
#primary_navigation ul { position:absolute; margin-top:12px; margin-left:70px;width:80%; background-color:Transparent; }
#primary_navigation ul li { list-style:none none outside; display:inline; font-size:11px; letter-spacing:0; font-weight:bold; padding-right:30px; }
#primary_navigation ul li a { color:#000; text-transform:uppercase;	text-decoration:none;	}
#primary_navigation ul li a:hover { color:#919191; text-decoration:none; cursor:hand; }

/** start of stage **/
.splash { background:url(../images/splash.jpg) no-repeat; width:1000px; height:266px; }
.splashHeadlines { float:left; width: 512px; margin-top:227px; background:url(../images/nbaT1PngBg.png); height: 39px; z-index:50 }
.splashHeadlines h1 { color: #fff; font-size: 23px; font-weight:bold; padding-top:15px; }
#sliderControl { width:1000px; float:left; height:25px; background-color:#9C9C9C; margin-left:5px; margin-top:0px;   }

#news { margin-top: -15px; margin-left: -15px; }
#news ul { padding:0;margin:0;list-style-type:none; background-color:Transparent; }
#news ul li { padding:0 16px; }
#news ul li a { display:block;line-height:16px; text-decoration:none; }
#news ul li a span.date { color:#999; }
#news ul li a span.txt { color:#666; }

#news ul li a span.txt strong { color:#dd3409;text-decoration:none; }
#news ul li a span.txt strong.raquo { line-height:8px;font-size:12px;font-weight:bold;padding:0 2px 0 5px; }

#news ul li a:hover { text-decoration:none; }
#news ul li a:hover span.date { color:#666; }
#news ul li a:hover span.txt { color:#000; }
#news ul li a:hover span.txt strong.txt { text-decoration:underline; }

#news ul li.first { padding-top:16px; }
#news img.hr-sidebar { margin:0 0 0 26px; }
#news span.hr { display:block;width:90%;height:1px;overflow:hidden;background:#fff;border-top:1px solid #ddd;margin:7px auto; }
#news div.more { margin-top: 10px; margin-left:85px; }

/** start of footer **/
#footer { width: 1000px; text-align: left; margin: 0 auto; position: relative; margin-left:5px; }
#footer ul { float: left; width: 40%; text-align: left; padding:0px; margin-top:0px; margin-left:10px; }
#footer ul li{ display: inline;	padding:0 7px; list-style-type:none; background:url(../images/fnav_separator.gif) 0 3px no-repeat; letter-spacing: 0; font-size: 11px; }
#footer ul li.first{ padding-left:0; background:transparent; }
#footer ul li a { color:#000; text-transform:uppercase;	text-decoration:none;	}
#footer ul li a:hover { color:#000; text-decoration:underline; cursor:hand; }
#footer .copyright { float: right; width: 40%; text-align: right; color:#000; }

/* start of login **/
#loginTable { width:100%; height:100%; border:0px; color:#818181; background-color:#fff; color:Black; text-align:left; }
#loginTable span { font-size:12px; color:#818181; font-weight:bold; }
#loginTable h3 { font-size:19px; color:#818181; }

.button { width:121px; height:27px; border:0px; }
.error { color:Red; font-weight:bold; padding-bottom: 10px; text-align:center}

* html .tab { HEIGHT: 1% }
.tab { display: block; width:93% }
.tab { display: inline-block }
.tab { margin:0px 0px 25px 18px;  display:block; background:url(../images/tabBg.gif) #f8f8f8 repeat-x left bottom; }
.tab ul { margin:0px; }
.tab ul li { border-bottom:#fff 1px solid; list-style-type:none; margin-top:0px; float:left; list-style-image:none; }
.tab LI.last a { background: none transparent scroll repeat 0% 0% }
.tab li.active { background: url(../images/tabRightOn.gif) no-repeat right top } 
.tab li.active a { position: relative; padding-left: 18px; padding-right: 18px; background: url(../images/tabLeftOn.gif) no-repeat left top; color: #49166d; cursor: default }
.tab li a {	padding-bottom: 12px; padding-left: 16px; padding-right: 16px; display: block; background: url(../images/tabDivider.gif) no-repeat right 6px; color: #666; text-decoration: none; padding-top: 13px }
.tab:after { display: block; height: 0px; visibility: hidden; clear: both; content: "." }
.tab li a.nosep { background: none transparent scroll repeat 0% 0% }

.oneColumn { padding:0 20px; }
.twoColumn { display:block; }
.twoColumn { padding: 20px 0px 0px 0px }

.twoColumn .column1 { padding-left: 25px; width: 637px; float: left; }
.twoColumn .column2 { width: 275px; margin-left: 677px; }
.twoColumn .column3 { padding-left: 25px; width: 930px; float: left; }


.twoColumn .homeColumn1 { padding-left: 25px; width: 540px; float: left; clear: both; }
.twoColumn .homeColumn2 { width: 400px; margin-left: 580px; }

#versobileSplash { background:url(../images/versobile_bg.jpg) top left repeat-x; width:1000px; height:476px; background-color:#232323 }
#versobileSplash img { border:0px; }

.grey-box { background-color:#F7F7F7; padding:20px; margin-bottom:10px; }

.graybox_top { width: 220px; background-repeat: no-repeat; height: 20px; }
.graybox_middle { width: 220px; background-repeat: repeat-y }
.graybox_middle_inside1 { width: 220px; background-repeat: no-repeat; background-position: 50% bottom }
.graybox_middle_inside2 { width: 220px; background-repeat: no-repeat; background-position: left bottom }
.graybox_header H3 { margin: 0px; width: 120px; float: left }
.graybox_header H3.full { margin: 0px; width: 185px; float: left }
.graybox_header { padding-bottom: 0px; padding-left: 0px; width: 185px; padding-right: 0px; margin-left: 20px; padding-top: 0px }
.graybox_content { padding-bottom: 0px; margin: 0px 0px 40px 20px; padding-left: 0px; width: 185px; padding-right: 0px; float: left; padding-top: 0px }
.graybox_icon {	float: left; margin-right: 10px }
.graybox_content P {}
.graybox_content H5 { line-height: 18px; font-style: normal; font-family: Segoe UI, Arial, Verdana, Sans-Serif; margin-bottom: 0px; color: #666666; font-size: 12px; font-weight: bold }
.graybox_content A {}
.graybox_content .btn_ctnr { margin-top: 0px; margin-left: -5px }
.graybox_content A.linkInParagraph { margin: 0px }
.graybox_content .arrowlink .arrowlink_link { width: 170px; padding-right: 0px; margin-right: 0px }
.graybox_content .arrowlink .arrowlink_link A {	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }

#rtColumn .rtColumn { background: url(../images/box3.gif) }
#rtColumn .rtColumnTop { background: url(../images/box3.gif) }
#rtColumn .rtColumnBody { background: url(../images/box3.gif) }
#rtColumn .rtColumnBot { background: url(../images/box3.gif) }
#rtColumn .rtColumnBot DIV { background: url(../images/box2.gif) }
#rtColumn { width: 275px; background-position: left top }
#rtColumn .rtColumnTop { position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-position: right top; padding-top: 12px }
#rtColumn .rtColumnBody { position: relative; padding-bottom: 8px; margin: 0px; padding-left: 15px; padding-right: 10px; background-position: 100% -10px; padding-top: 1px }
#rtColumn .rtColumnBot { position: relative; background-position: left bottom }
#rtColumn .rtColumnBot DIV { position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-position: right bottom; padding-top: 12px }

div.box { background: url(../images/box3.gif) }
div.box { position:relative; width:100%; background-position:left top; }
div.box .boxtop { background: url(../images/box3.gif) #f8f8f8 }
div.box .boxtop { position:relative; padding:12px 0px 0px 0px; background-color:#f8f8f8; background-position:right top; right:-2px }
div.box .boxbody { background: url(../images/box3.gif) #f8f8f8 }
div.box .boxbody { position:relative; padding:1px 14px 2px 15px; background-color:#f8f8f8; background-position:100% -10px; right:-2px }
div.box .boxbottom { background: url(../images/box3.gif) #f8f8f8 }
div.box .boxbottom { position:relative; background-color:#f8f8f8; height:10px; margin-left:2px; background-position:left bottom; }

#careerOpenings { padding-top: 10px; }
#careerOpenings li { list-style-type:none; list-style-image:none; padding-left:0px; margin-bottom:10px; }
#careerOpenings li a { font-weight:bold; font-size:1.1em }
#careerOpenings li div { padding:2px 3px; margin-top:5px; display:none }
#careerOpenings li ul { margin-top: 10px; }
#careerOpenings li ul li { list-style-type:disc; }

li .indent { margin-left:20px; font-weight:bold; }
.list { padding-top:10px }
.list li { padding-bottom:0px; list-style-type:none; margin:2px 0px;  padding-left:10px; padding-right:0px; padding-top:0px; margin-bottom:10px; background:url(../images/arrow_gray.gif) no-repeat 0px 0.4em }

#headlines li { list-style-type:none; list-style-image:none; padding-left:0px; margin-bottom:10px; }
#headlines li p { padding-top:20px; }
#headlines li div { width:98%; text-align:right; margin-right:15px; margin-bottom: 10px; }

.locationInfo { width:100%; padding:10px; color:#fff; background-color:#757575 }

.landingMain { margin-bottom: 30px; }
.landingMain h2 { text-align: left }
.landingMain div.mainBox { width:208px; float:left; border-right:1px solid #dedede; margin:3px 0 5px; padding:20px 15px 0; }
.landingMain div.last { border:0px; }

#platformBox { margin-left:-20px; width:671px; height:521px; background: url(../images/platform_bg.png) no-repeat; }
#platform { margin-left:72px; margin-top:18px; }
.corporateConnectivity { background: url(../images/platform/corporate_connect.gif); width:260px; height:40px; }
.corporateConnectivityOver { background: url(../images/platform/corporate_connect_over.gif); width:260px; height:40px; }
.nonCorporateConnectivity { background: url(../images/platform/non_corporate_connect.gif); width:261px; height:40px; }
.nonCorporateConnectivityOver { background: url(../images/platform/non_corporate_connect_over.gif); width:261px; height:40px; }
.managementConsole { background: url(../images/platform/management_console.gif); width:524px; height:40px; }
.managementConsoleOver { background: url(../images/platform/management_console_over.gif); width:524px; height:40px; }
.versobileServer { background: url(../images/platform/versobile_server.gif); width:523px; height:82px; }
.versobileServerOver { background: url(../images/platform/versobile_server_over.gif); width:523px; height:82px; }
.adaptors { background: url(../images/platform/adaptors.gif); width:523px; height:74px; }
.adaptorsOver { background: url(../images/platform/adaptors_over.gif); width:523px; height:74px; }

#categories { float:left; width:203px; border-top:solid 1px #D8D8D8; border-left:solid 1px #D8D8D8; margin-left:0px; margin-top:30px; }
#categories li { background: url(../images/feature_cat_bg.gif) repeat-x; color:#606060; border-bottom:solid 1px #D8D8D8; height:33px; padding-left:16px; padding-top: 18px; list-style-type:none; list-style-image:none; font-weight:bold; padding-right:35px;}
#categories li a, a:hover { color:#606060; text-decoration:none; }
#categories li:hover { background: url(../images/feature_cat_bg_over.gif) repeat-x; cursor:hand; }
#categories li div.active { position:relative; margin-left:141px; top:-21px; width:13px; height:27px; background: url(../images/features_left_arrow.png) no-repeat; z-index:10; }

#features.box { background: url(../images/features_box.png); margin-left:170px; margin-top:0px; }
#features.box { position:relative; width:473px; background-position:left top; }
#features.box .boxtop { background: url(../images/features_box.png) #fff }
#features.box .boxtop { position:relative; padding:17px 0px 0px 0px; background-position:right top; right:0px }
#features.box .boxbody { background: url(../images/features_box.png) #fff }
#features.box .boxbody { position:relative; padding:1px 8px 2px 8px; background-position:100% -17px; right:0px; }
#features.box .boxbottom { background: url(../images/features_box.png) #fff}
#features.box .boxbottom { position:relative; height:17px; margin-left:0px; background-position:left bottom; }

.featureLayout { border-spacing:0; border-collapse:collapse; width:400px; margin-top:20px; margin-bottom:15px; font-size:12px; }
.featureLayout td { border:solid 1px #DDD; }
.feature { width:142px; padding-left:15px; padding-top:20px; color:#CD0F2C; border-right:solid 1px #DDD; background-color:#fff;  }
.featureDescription { width:264px; padding-left:17px; padding-right:10px; padding-top:20px; background-color:#F9F9F9;color:#666; }
.hide { display:none; }
.show { display:block; } 

.versobileSplash { background: url(../images/versobile_splash_2.gif) #fff; height:197px; width:1000px; margin-left:-9px; margin-top:-9px; margin-bottom:-20px; }
.versobileSplashHeadlines { float:left; width: 512px; margin-top:55px; margin-left:90px; height: 23px; z-index:50 }
.versobileSplashHeadlines h1 { color: #000; font-size:22px; font-weight:bold; padding-top:13px; }