/*Expires: Thu, 31 Dec 2020 20:00:00 GMT*/

/*main styles*/ 
.sitemapbullets {padding-left:5px;}
ul.sitemap {font-family: Arial; font-size: 11px; font-style: normal; line-height: 2em; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; text-indent: 3px; list-style-position: outside; list-style-image: url(/images/sitemaparrow.gif);
list-style-type: square; padding: 2px; margin: 10px; }
.becomeapartner{padding:5px; border:1px dotted #999; background-color:#C3d603; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none;}
.sitemaplinks { font-family: Arial; font-size: 11px; color:#6a6a6a; line-height: 17px; text-decoration:none;}
.smalltext { font-family: Arial; font-size: 9px; color:#0b4791; line-height: 10px; text-decoration:none; font-style:italic;}
.sitemaptitles{ font-family: Arial; font-size: 16px; color:#3b3b3b; line-height: 17px; text-decoration:none; font-weight:normal}
a.sitemaptitles:hover { font-family: Arial; font-size: 16px; color:#FF6600; line-height: 17px; text-decoration:none;}
a.sitemap:hover {font-family: Arial; font-size: 11px; font-style: normal; line-height: 2em; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; text-indent: 5px; list-style-position: outside; list-style-image: url(/images/sitemaparrow.gif);
list-style-type: square; padding: 6px; margin: 2px; }
.titlesgrey {font-family: Arial; font-size: 19px; line-height: 23px;color: #333333; text-decoration:none;}
.runtexthighlight {font-family: Arial; font-size: 13px; color:#FF6600; line-height: 16px; text-decoration:none; }
a.runtexthighlight:hover {font-family: Arial; font-size: 13px; color:#666666; line-height: 16px; text-decoration:none; }
.webinar {font-family: Arial; font-size: 12px; color:#343434; line-height: 16px; text-decoration:none; }
.enterprises {font-family: Arial; font-size: 14px; color: #dd3303; line-height: 15px; font-weight: bold; text-decoration: none}
a.enterprises:hover {font-family: Arial; font-size: 14px; color: #ff8a00; line-height: 15px; font-weight: bold; text-decoration: none}
.business-user {font-family: Arial; font-size: 14px; color: #333333; line-height: 15px; font-weight: bold; text-decoration: none}
.title2 {font-family: Arial; font-size: 13px; color: #333333; line-height: 15px; font-weight: bold; text-decoration: none}
a.title2:hover {font-family: Arial; font-size: 13px; color: #39aa95; line-height: 15px; font-weight: bold; text-decoration: none}
a.business-user:hover {font-family: Arial; font-size: 14px;  color: #39aa95; line-height: 15px; font-weight: bold; text-decoration: none}
.OEM-user {font-family: Arial; font-size: 14px; color: #77c035; line-height: 15px; font-weight: bold; text-decoration: none}
.partners {font-family: Arial; font-size: 14px; color: #00847d; line-height: 15px; font-weight: bold; text-decoration: none}
a.OEM-user:hover {font-family: Arial; font-size: 14px; color: #4f7c26; line-height: 15px; font-weight: bold; text-decoration: none}
.developers {font-family: Arial; font-size: 14px; color: #34bcb1; line-height: 15px; font-weight: bold; text-decoration: none}
a.developers:hover {font-family: Arial; font-size: 14px; color: #e75700; line-height: 15px; font-weight: bold; text-decoration: none}
.topic {font-family: Arial; font-size: 13px; color: #004a42; line-height: 15px; font-weight: bold; text-decoration: none}
.homepagelink {font-family: Arial; font-size: 12px; color:#356fda; text-decoration: none;  height: 16px;}
select {font-family: Arial; font-size: 12px; color: #000000; border: 1px solid #878787; background-color: #FFFFFF}
textarea {font-family: Arial; font-size: 12px; color: #000000; border: 1px solid #878787; background-color: #FFFFFF}
.input-text {font-family: Arial; font-size: 12px; color: #000000; border: 1px solid #878787; background-color: #FFFFFF}
.input-boxspace {font-family: Arial; font-size: 11px; color: #000000; border: 1px solid #878787; background-color: #FFFFFF;	padding-right:2px; height:25px;	margin-top: 2px;	margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 2px; padding-bottom: 2px;	padding-left: 2px;}
.input-code {font-family: Arial; font-size: 12px; color: #000000; border: 0px solid #878787; background-color: #f1f1f1; text-align:right}
.link1 {font-family: Arial; font-size: 12px; font-weight: bold; color:#CCCCCC; text-decoration: none; line-height: 15px}
.link2 {font-family: Arial; font-size: 11px; color:#3b3b3b; text-decoration: none;}
a.link2:hover {font-family: Arial; font-size: 11px; color:#ff6600; text-decoration: none;}
.link3 {font-family: Arial; font-size: 11px; color: #e65906; text-decoration: none;}
a.link3:hover {font-family: Arial; font-size: 11px; color: #ff6600; text-decoration: none;}
.link4 {font-family: Arial; font-size: 11px; color: #000000; text-decoration: none;}
a.link4:hover {font-family: Arial; font-size: 11px; color: #ff6600; text-decoration: none;}
.link5 {font-family: Arial; font-size: 12px; color: #D71920; text-decoration: none}
.link6 {font-family: Arial; font-size: 11px; color: #D71920; text-decoration: none}
a.link6:hover {font-family: Arial; font-size: 11px; color: #ff6600; text-decoration: none;}
a.link5:hover {font-family: Arial; font-size: 12px; color: #e65906; text-decoration: none}
.link7 {font-family: Arial; font-size: 11px; color: #356fda; text-decoration: none;}
a.link7:hover {font-family: Arial; font-size: 11px; color: #ff6600; text-decoration: none;}
.link9 {font-family: Arial; font-size: 12px; color: #0000FF; text-decoration: none;}
a.link9:hover {font-family: Arial; font-size: 12px; color: #FF0000; text-decoration: none;}
.link10 {font-family: Arial; font-size: 13px; color: #333333; text-decoration: none;}
a.link10:hover {font-family: Arial; font-size: 13px; color: #FF6600; text-decoration: none;}
.link11 {font-family: Arial; font-size: 15px; color: #4b4742; text-decoration: none;}
a.link11:hover {font-family: Arial; font-size: 15px; color: #0489b7; text-decoration: none;}
.linkids {font-family: Arial; font-size: 11px; color: #D71920; text-decoration: underline}
.linkids:hover {  font-family: Arial; font-size: 11px; color: #D71920; text-decoration: underline}
.heading1 { font-family: Arial; font-size: 11px; color:#3b3b3b; text-decoration: none ; font-weight: bold; line-height: 16px}
.runtext1 {
	font-family: Arial;
	font-size: 13px;
	color:#0f0f0f;
	line-height: 16px;
	text-decoration:none;
	text-align: justify;
}
a.runtext1:hover {font-family: Arial; font-size: 13px; color:#FF6600; line-height: 16px; text-decoration:none; }
.runtext2 { font-family: Arial; font-size: 11px; color:#3b3b3b; line-height: 14px; text-decoration:none;}
.runtext22 { font-family: Arial; font-size: 12px; color:#10477e; line-height: 17px; text-decoration:none; padding-left:26px;}
.runtext23 { font-family: Arial; font-size: 12px; color:#10477e; line-height: 17px; text-decoration:none; padding-left:5px;}
.runtext3 { font-family: Arial; font-size: 12px; color: #000000; line-height: 16px}
.runtext4 { font-family: Arial; font-size: 12px; color: #D71920; line-height: 16px }
a.runtext4:hover { font-family: Arial; font-size: 12px; color: #D71920; line-height: 16px; }
.runtext5 { font-family: Arial; font-size: 12px; line-height: normal; text-decoration: none; color: #336633;}
.runtext5 { font-family: Arial; font-size: 11px; color: #4D4D4D; line-height: 16px; text-decoration: none}
.runtext6 {font-family: Arial; font-size: 13px; color:#0f0f0f; line-height: 16px; text-decoration:none;}
a.runtext6:hover{font-family: Arial; font-size: 13px; color:#ff66700; line-height: 16px; text-decoration:none;}
.runtext7 { font-family: Arial; font-size: 10px; color:#3b3b3b; line-height: 14px; text-decoration:none;}
.refresh { font-family: Arial; font-size: 10px; color:#3b3b3b; line-height: 12px; text-decoration:none; font-style:italic;}
.refreshb {	font-family: Arial; font-size: 11px; color:#3b3b3b; text-decoration:none; font-weight: bold; text-align:right;}
.runtext11 { font-family: Arial; font-size: 13px; color:#0f0f0f; line-height: 16px}
.runtext12 { font-size: 12px; color: #4d4d4d; line-height: 16px; font-family: Arial; text-align: center}
.runtextnew { font-family: Arial; font-size: 11px; color: #3b3b3b; line-height: 16px; text-decoration: none;}
select {  font-family: Arial; font-size: 10px; background-color: #F3F3F3}
.heading2 { font-family: Arial; font-size: 15px; color: #FF0000; line-height: 22px; font-weight: bold}
.heading3 { font-family: Arial; font-size: 15px; color: #FFFFFF; line-height: 22px; font-weight: bold }
.code { font-family: Arial, Helvetica, sans-serif , Verdana, mono; font-size: 12px; color: #000000; line-height: normal; background-color: #CCCCCC}
.ErrMsg { font-family: Arial; font-size: 12px; color: red; line-height: 16px; TEXT-ALIGN: left}
.logErrMsg { font-family: Arial; font-size: 12px; color: red; line-height: 16px}
.confMsg { font-family: Arial; font-size: 12px; color: blue; line-height: 16px; TEXT-ALIGN: center}
.checkbox {	font-family: Arial; font-size: 12px; border: thick solid}
.noscrpit { font-family: Arial; font-size: 12px; font-style: normal; color: #000000}
a:hover { font-family: Arial; font-size: 11px; color: #FF6600; text-decoration:none;}
.textarea { font-family: Arial; font-size: 12px; color: #333333}
.paragraph { padding: 4px}
.linknew { font-family: Arial; font-size: 12px; color: #666666; text-decoration: none}
.pagination { font-family: Arial; font-size: 9px; color: #888888; text-decoration: none}
a.pagination:hover {  font-family: Arial; font-size: 9px; font-weight: normal; color: #515151; text-decoration: none}
a.pageheader1:hover{ font-family: Arial; font-size: 15px; color: #000000;	font-weight: bold}
.pageheader1 { font-family: Arial; font-size: 15px; color: #FF6600;	font-weight: bold; text-decoration: none}
.pageheader { font-family: Arial; font-size: 15px; color: #FF6600;	font-weight: bold}
.i { font-style: italic}
.tab-text { font-family: Arial; font-size: 20px; color: #363636; line-height: 23px;}
.tab-text-small { font-family: Arial; font-size: 15px; color: #363636; line-height: 22px;}
.visitedlink { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none }
a:visited.visitedlink { font-family: Arial; font-size: 12px; color: #DDDDDD; text-decoration: none }
a.visitedlink:hover { font-family: Arial; font-size: 12px; color: #FF6600}
a.visitedlink:visited { font-family: Arial; font-size: 12px; color: #CCCCCC}
.homepage-header { font-family: Arial; font-size: 17px; color: #7f7f7f; line-height: 23px;}
.webinar-titles { font-family: Arial; font-size: 15px; color:#666;  text-decoration: none;  }
a.webinar-titles:hover {font-family: Arial; font-size: 15px; color: #c3d603;  text-decoration: none;}

.rightnav { font-family: Arial; font-size: 14px; color: #117068; line-height: 23px;}
.subpage-titles-small { font-family: Arial; font-size: 15px; color: #44628b; line-height: 23px;}
.subpage-titles { font-family: Arial; font-size: 17px; color: #1d7b16; line-height: 23px;}
.homepright-nav-link { font-family: Arial; font-size: 11px; color:#4a4b4b; text-decoration: none;  height: 16px;  padding-left:3px; padding-bottom:8px; }
h1 { font-family: Arial; font-size: 12px; color: #3b3b3b; line-height: 15px; text-decoration: none; font-weight:bold;}
.homehdr {  font-family: Arial; font-size: 17px; color: #0c7469; line-height: 23px; text-decoration: none; font-weight:bold; padding-left:20px;}
.mgmtnames { font-family: Arial; font-size: 12px; color:#0f0f0f; font-weight:bold;}
.backarrow { font-family: Arial; font-size: 12px; color: #D71920; text-decoration: none; }
.trademark {  font-family: Arial; font-size: 12px; color: #000000;}
.tdtitles { background-image:url(/images/2008/titles/tdtitles.gif); height:25px; font-family: Arial; font-size:13px; color:#FFFFFF; padding-left:10px; }
.leftnavheaders { background-image:url(/images/2008/titles/leftnavheaderbg.gif); height:33px; font-family: Arial; font-size:16px; color:#414141;  font-weight:normal; width:219px; padding-left:13px; }
.screenshotgallery {background-image:url(/images/2008/titles/tdtitles.gif); height:25px; font-family: Arial; font-size:13px; color:#FFFFFF; padding-left:10px; }
.testimonials { font-family: Arial; font-size:13px; color:#333;  font-weight:normal; }

.view-dwnld-table{ border:1px dotted #999;  margin-left:18px; background:#f1f1f1; font-family: Arial; font-size: 13px; color:#0f0f0f;}

/*callme-popup*/

#CallMeLayer{position:absolute; left:590px; top:261px; width:240px;	height:230px; z-index:1; visibility: hidden;}
.CallMeStyle {color: #990000}
#CallMeLayer2	{position:absolute;	left:590px;	top:275px;	width:180px; height:230px; z-index:1; visibility: hidden;}

/*TryNow-popup*/

#TryNowLayer{position:absolute; left:390px; top:261px; width:420px;	height:230px; z-index:1; visibility: hidden;}
#TrySkeltaStyle2{position:absolute; left:390px; top:261px; width:390px; height:230px; z-index:1; visibility: hidden;}
			
	
/* Exploding Menu on the homepage with collapsable menu */

.glossymenu{margin: 1px 0; padding:0; width:780px;  /*width of menu*/ background-color:#FFFFFF; }
.runtext{font-family: Arial; font-size:12px; color:#003366; background-color:#FFFFFF; }		
.glossymenu a.menuitem{font: Normal 14px "Arial, Helvetica, sans-serif , Verdana;"; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 10px 0; padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}		
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position:absolute; top: 1px; margin-top:10px; margin-left:5px; 		border: none; }		
.glossymenu a.menuitem:hover{background-image: url(glossyback2.gif); text-decoration:none; }
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; }
.glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li{border-bottom: 0px ; }
.glossymenu div.submenu ul li a{display: block; font: normal 19px "Arial, Helvetica, sans-serif , Verdana;"; color: black; text-decoration: none; padding: 5px 0; padding-left: 10px; }
.glossymenu div.submenu ul li a:hover{background: #DFDCCB; color: white; }
.style1 { color: #000000; font-size: 17px; font-family: "Arial, Helvetica, sans-serif , Verdana;"; line-height:23px; }
a:hover {font-family: Arial; font-size:11px; color:#000000; }
.runtextlinks {font-family: Arial; font-size:11px; color:#0489b7; text-decoration:none; }
.Requiredfield {font-family: Arial; font-size:15px; color:#0b4791; text-decoration:none;}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
opacity: 0.8;
}

.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #FFFFFF;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
background-color:#000000;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid Black;
background-color: white;
color: black;
height: 150px;
padding: 0px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 0px; /*width of resize image*/
height: 0px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.careers1 {background-image:url(/images/2009/careers-row-bg.gif); font-family: Arial; font-size: 11px; color:#0f0f0f; line-height: 16px; text-decoration:none; }
.careers {background-image:url(/images/2009/careers-row-bg.gif); font-family: Arial; font-size: 11px; color:#0f0f0f; line-height: 16px; text-decoration:none; }
a.careers:hover {font-family: Arial; font-size: 151px; color:#FF6600; line-height: 16px; text-decoration:none; }


#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
width:100%;
height:100%;
left: 0;
top: 0;
z-index: 60;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=65);
opacity: 0.8;
}

.dhtmlwindow{
position: absolute;
visibility: hidden;
background-color: black;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 0px;
height:29px;
background-color: #000000;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 0px;
background-color:#000000;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: #000000;
height: 150px;
padding: 0px;
overflow: auto;
border: none;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*SCREEN SHOT GALLERY JQUERY */

.tabbed_content{width: 778px; background-image:url(http://www.skelta.com/images/2010/screenshotgallery-tabbg.gif); border:1px dotted #333; background-repeat:repeat-y;  } 
.tabs{height: 40px;	position: relative;	width: 780px;}
.tabs .moving_bg {padding: 5px;  background-image:url(http://www.skelta.com/images/2010/arrow_down_green.gif); position: absolute; width: 200px; z-index: 190; left: 0; padding-bottom: 17px;background-position: bottom left;	background-repeat: no-repeat;}
.tabs .tab_item {font-family:Arial, Helvetica, sans-serif; font-size:17px; display: block; float: left; padding: 5px; width: 200px; color: #666; text-align: center; z-index: 200; position: relative; cursor: pointer;}
.tabbed_content .slide_content {overflow: hidden; padding: 5px 5px 0 2px; position: relative; width: 771px; background-image:url(http://www.skelta.com/images/2010/screenshotgallery-tabbg2.gif); background-repeat:repeat-y;  }
.tabslider {width: 2500px;}
.tabslider ul {font-family:Arial, Helvetica, sans-serif; float: left; width: 780px; margin: 0px; padding: 0px;}
.tabslider ul a { color: #3293af; text-decoration: none;}
.tabslider ul a:hover {color: #aaaaaa;}
.tabslider ul li {padding-bottom: 7px; color:#f1f1f1;}
/*SCREEN SHORT GALLERY JQUERY8 ENDS HERE*/


/*SCREENSHOT GALLERY TOOLTIP*/
p#vtip { width:250px; font-family:Arial, Helvetica, sans-serif; color:#999; display: none; position: absolute; padding: 10px; left: 5px; font-size:0.9em; background-color: white; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
/*SCREENSHOT GALLERY TOOLTIP ENDS HERE*/



/* Homepage Top navigation styles */
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
				  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:50; background-color:transparent; layer-background-color:transparent; visibility:hidden}

/*Styles for level 0*/
.clLevel0HL{position:absolute; padding:2px; font-family:Trebuchet MS, Verdana; font-size:11px; font-weight:normal;}
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:Trebuchet MS, Verdana; font-size:11px; font-weight:normal}
.clLevel0{background-color:transparent; layer-background-color:transparent; color:#cd4201;}
.clLevel0over{background-color:transparent; layer-background-color:transparent; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent}

/*Styles for level 1*/
.clLevel1HL{background-color:transparent;color:#ffffff;}
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:Trebuchet MS, Verdana; font-size:11px; color:#000000; font-weight:normal}
.clLevel1{background-color:#cccccc; layer-background-color:#929292; color:#000000;}
.clLevel1over{background-color:#c1460b; layer-background-color:#c1460b; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#c7c7c7; layer-background-color:#c1460b}

/*Styles for level 2*/
.clLevel2HL{background-color:transparent;color:#ffffff;}
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:Trebuchet MS, Verdana; font-size:11px; font-weight:normal}
.clLevel2{background-color:#cccccc; layer-background-color:#929292; color:#000000;}
.clLevel2over{background-color:#c1460b; layer-background-color:#c1460b; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#c7c7c7; layer-background-color:#c1460b}

body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}


/*new top navmenu styles (ADDED ON 23 JUNE 2011)-- RAVI*/
/*TOP Navigation Styles*/
.ddsmoothmenu{
font: normal 11px Arial, Helvetica, sans-serif; background-color:#505152;/* */background:url('../images/2011/menucurve.gif') 0 0; background-repeat:no-repeat;  /*background of menu bar (default state)*/	width: auto; z-index: -100; width:100%; float:right; margin-bottom:0px; }
.ddsmoothmenu ul{z-index:100; margin: 0; padding:0; list-style-type: none; float:right;  }
/*Top level list items*/
.ddsmoothmenu ul li{position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block; background: #505152; /*background of menu items (default state)*/ color: white; padding: 5px 4px; margin-top:1px; margin-bottom:1px;  border-right: 1px dotted #333; color: #fff; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color:#fff;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: 333333; color: #ff6600;}
.ddsmoothmenu ul li a:hover{background: #333;/* background of menu items during onmouseover (hover state)*/ color: #7adeff;}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item; float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{font: normal 11px Arial, Helvetica, sans-serif; width: 200px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0;border-bottom: 1px solid #333;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute; top: 8px;right: 5px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: #c6d602; }
.toplevelshadow{ shadow opacity. /*Doesn't work in IEopacity*/ : 0.1;}

/*TOP NAVIGATION STYLES ENDS HERE*/