/* --- Layout --- */
.col-1, .col-2, .col-3, .col-4 {float:left}
/*======= width =======*/
.main {background:url(../images/myWorkCentral_logo.gif) no-repeat top left; background-position:1% 10px; margin:0 auto; text-align:left; width:977px; padding-top:0px;}

/*=======Top Menu ======*/
#topmenu  {margin-left:6px}

/*======= header =======*/
#header  {margin:5px 0 5px 0;}

/*======= index.html =======*/
#page1 #content .col-1 {width:221px; margin-right:0;}
#page1 #content .col-2 {width:756px}
#page1 #content .col-3 {width:27px; margin-right:0}
#page1 #content .col-4 {width:243px}

/*======= footer =======*/
#footer  {height:80px;}
/* -----END------- */


/* Top Menu Styles */
.ddsmoothmenu{
font: bold 10px Verdana;
background:url(../images/nav_bg.gif) repeat-x top;
width: 964px;
border:1px #000 solid;
padding-bottom:28px;
display:none;  /* -- */
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*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:none; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right:1px #333 solid;
color: #FFF;
text-decoration: none;
}

* 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:url(../images/nav_selected.gif) repeat-x top; color: white;}

.ddsmoothmenu ul li a:hover{
background:url(../images/nav_hover.gif) repeat-x top; /*background of menu items during onmouseover (hover state)*/
color: white;}
	
/*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 9pt arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-right:0px;
/*border-left:1px #990000 solid; border-right:1px #990000 solid;border-bottom:1px #990000 solid;*/
}

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

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: none;
}

.toplevelshadow{opacity: 0.8;}

LI.search {margin:1px 0 1px 84px; display:none}

.textfield {width:231px; height:16px; font-size:9pt; border:none; margin-left:1px; margin-bottom:1px; display:none}
.submit {width:57px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:5px 1px 0 1px; cursor:pointer; cursor:hand; display:none}

ul.submenu {}
ul.submenu li A {background:#990000; color:#fff !important;}
ul.submenu li A:hover {background:url(../images/nav_sub_hover.gif) repeat-x top #282828 !important; color:#fff !important;}

/* -----END------- */


/* Website Style */
* {margin:0; padding:0;}
html, body {height:100%;}
body {font-size:100%; line-height:1.125em; background:url(../images/bg.gif) repeat-x top;}
html, input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; /*font-family: Georgia, "Times New Roman", Times, serif; color:#9c9c9c;*/ color:#232323;}	


.main {display:table;}
.alignMiddle{vertical-align:middle}
.alignCenter{text-align: center}
.container1{width:100%;}
object {vertical-align:top; outline:none}
.clear {clear:both;}
.fleft{float:left}
.fright{float:right}
div.container {overflow:hidden; width: 100%;}
a img{border:0}
img{vertical-align:top;}
.screenshots H2 {font-size:16px !important; color:#03C !important; font-weight:bold !important; border-bottom:1px #CCC solid;}

.feature-hd {font-weight:bold; color:#4F89CA;}

a{color:#999; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#9c9c9c;}

#container .homepage {margin-right:40xp;}
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 10px; margin:0; padding:4px 0 4px 28px; line-height:1.6em; }
#content ul li a{color:#9b9b9b; text-decoration: underline; line-height:2.5em} 
#content ul li a:hover {text-decoration:none;}

#content .ul li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:28px;}
#content .ul li a{color:#3c4023; text-decoration: underline; line-height:2.5em} 
#content .ul li a:hover {text-decoration:none;}

.link-1 {display:block; float:left; background:#e6e6e6; color:#252525; text-decoration:none;}
.link-1 em {display:block; background:url(../images/link_left.gif) no-repeat left top; text-transform:uppercase; font-size:1.5em}
.link-1  b {display:block; background:url(../images/link_right.gif) no-repeat right top; padding:7px 15px 4px 15px; font-weight:normal; font-style:normal;}
.link-1:hover{text-decoration:none; color:#000000}

.link-2 {display:block; float:left; background:url(../images/link_bg1.gif) left top repeat-x; color:#abc515; text-decoration:none;}
.link-2 em {display:block; background:url(../images/link_left1.gif) no-repeat left top; text-transform:uppercase; font-size:1.5em}
.link-2  b {display:block; background:url(../images/link_right1.gif) no-repeat right top; padding:7px 15px 7px 15px; font-weight:normal; font-style:normal;}
.link-2:hover{text-decoration:none; color:#000000}

/*header*/
#header .flash{margin:0 0 0 -2px; position:relative; display:none;}

#header_new {}
#header_new Div {display:inline; float:left; margin:0px auto;}

#header_new .col_1 {background:url(../images/right-menu-bg.gif) repeat-y left top; width:210px; height:215px; overflow:hidden;}
#header_new .col_2 {}

#header_new .col_1 ul {margin:0px; padding:0px; font-size:12px}
#header_new .col_1 LI {padding:6px 0px; border-bottom:1px #D8D8D8 solid; width:190px;}
#header_new .col_1 LI:hover, LI.active {background:url(../images/right-menu-hover.gif) no-repeat left top; width:auto !important; border-bottom:1px transparent solid !important;}

#header_new .col_1 A {background-repeat:no-repeat !important; background-position:5px 2px !important; color:#292929; text-decoration:none;  padding:2px 0 2px 35px; display:block; }

#header_new .col_1 A.btn_home {background:url(../images/prd_home.png);}
#header_new .col_1 A.btn_features {background:url(../images/ico-EV-features.png);}
#header_new .col_1 A.btn_benefits {background:url(../images/ico-EV-Benefits.png);}
#header_new .col_1 A.btn_screenshots {background:url(../images/ico-EV-screenshots.png);}
#header_new .col_1 A.btn_quicktour {background:url(../images/ico_quicktour.png);}
#header_new .col_1 A.btn_login {background:url(../images/ico_login.gif);}


#login {background:url(../images/partners.gif) no-repeat right top; padding:35px 0 9px 592px; display:none} /* -- */
#login Input {background:#FFF; font-size:8pt; color:#333; width:140px; height:15px; border:1px #CCCCCC solid; margin-right:5px;}
#login .btn_login {background:url(../images/btn_login.gif) no-repeat center; color:#464646; font-weight:bold; width:55px; height:24px; border:none; padding-right:7px;}
/*content*/
#content{font-size:0.75em; width:100%; text-align:left;}
/*#content A {color:#739B15; text-decoration:underline;}
#content A:hover {color:#739B15; text-decoration:none;}*/
#content .indent-col1{padding:20px 0 0 19px}
#content .indent-col2{padding:5px 0 30px 5px}
#content .indent-col{padding:27px 0 30px 0}
#content .title{margin-bottom:16px}
#content .img-left{float:left; margin:0 20px 0 0}
#content .img-indent{margin:0 0 5px 0}
#content .img-indent1{margin:0 0 21px 0}
#content p{margin:0 0 17px 0}
#content .p{margin:0}
#content .p1{margin:0 0 17px 0}
#content ul.p1 li{background:url(../images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:28px;}
#content .p2{margin:0 0 37px 0}
#content .p3{margin:0 0 27px 0}
#content h2{color:#4d4d4d; font-size:1em; margin-bottom:13px; text-transform:uppercase; font-weight:normal; font-size:1.83em; line-height:1.2em; border-bottom:1px #B1C9E4 solid;}
#content h3{color:#414141; font-size:1em; margin-bottom:11px; text-transform:uppercase; font-size:1.83em; line-height:1.2em;}
#content h4{color:#c6dd43; font-size:1em; margin-bottom:17px;}
#content .tail{background:url(../images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt{font-weight:bold; display:block; margin-bottom:19px; float:right}
.txt1{font-weight:bold; color:#c6dd43}
.txt2{color:#c6dd43}

#content .indent{padding:30px 0 0 0}
#content .indent1{padding:0 0 0 260px}
#content .indent2{padding:0 40px 20px 0}
#content .indent-1{padding:0 0 0 59px}
#content .indent-3{padding:0 0 0 125px}

#sc-container{
	width:103%;
	margin:20px auto 0;
	overflow:hidden; font-size:9px !important; 
	}
	#sc-container div{
		float:left;
		}
		#sc-container #sc-img{
			text-align:center;
			margin:0 13px;
			}
			#sc-container #sc-img img{
				}
			#sc-container #sc-img img a{
				border:1px solid #999999;
				}
					#sc-container #sc-img h3{
						padding:5px 0 0 0;
						margin:0;
						font-size:8pt;
						color:#333333;
						}

/*box*/
.box{background:#c6dd43; width:100%; color:#3c4023}
.box .border-left {background:url(../images/border_left.gif) repeat-y left;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) no-repeat right top;}
.box .corner-top-right1 {background:url(../images/corner_top_right1.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) no-repeat right bottom; width:100%;}
.box .indent-box{padding:24px 24px 40px 24px; text-align:center}


/* Footer */
#footer {width:100%;color:#F3F3F3; font:8pt Verdana, Arial, Helvetica, sans-serif; text-align:center; margin-top:25px; padding-top:10px; background:#202020; border-top:3px #CCC solid; position:static; bottom:0px;}

.jamp{width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{position:relative; padding-right:20px; float:left}
.h{height:42px; background:url(../images/bg_input1.gif) no-repeat top left; width:350px}
.h1{height:27px; background:url(../images/bg_input.gif) no-repeat top left}
.h2{height:182px; background:url(../images/bg_input2.gif) no-repeat top left; width:350px}
.block-contact span{float:right; margin-right:10px}
.input{border:none; 
	background:none;
	width:170px; height:21px;
	font-size:1em;
	color:#000;
	vertical-align:middle;
	margin-right:12px;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:3px;}input{border:none; 
	background:none;
	width:340px; height:21px;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;}
textarea{border:none; 
	background:none;
	width:340px; height:145px;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:11px;
	overflow:auto}
	
/* More styles */
.h3 {font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:bold; color:#CC0000;}
.h4 {font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#CCC; margin:6px 0 20px 0;}
.num {color:#FF6600; font-weight:bold; padding-right:5px;}
.sub_hd {font-weight:bold; color:#06c;}

UL#borchures {font-size:9pt; font-weight:bold;}
UL#borchures LI {background:url(../images/ico_sml_pdf.jpg) no-repeat left; padding:5px 0 5px 30px; border-bottom:1px #C1DBF7 solid; display:block}
UL#borchures LI:hover {background:url(../images/ico_sml_pdf.jpg) no-repeat left #E6EFF9; padding:5px 0 5px 30px; border-bottom:1px #C1DBF7 solid; display:block}
UL#borchures LI A {color:#666; text-decoration:none}
UL#borchures LI A:hover {color:#333; text-decoration:none;}

#more {font:bold 7.5pt Arial, Helvetica, sans-serif; text-align:right; padding:3px; border-top:1px #C1DBF7 solid; margin-bottom:10px}
#more A {color:#252525; text-decoration:none;}
#more A:hover {color:#03C; text-decoration:underline;}

.phonenum {font-weight:bold; color:#9C0;}

#content ul.links li{background:url(../images/green_bullet.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:28px; font-weight:bold;}
#content ul.links li A {text-decoration:none}
#content ul.links li A:hover {text-decoration:underline; color:#06C}

#news {background:url(../images/news.gif) no-repeat center; padding:39px 10px 20px 13px; text-align:left}
#marqueecontainer{
font:bold 8pt Arial, Helvetica, sans-serif;
position: relative;
width: 171px; /*marquee width */
height: 140px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

#vmarquee Div {color:#272727; padding:8px 5px 8px 3px; border-bottom:1px #DCDDDE dotted;}
#vmarquee Div:hover {background:#333; color:#fff; padding:8px 5px 8px 3px; border-bottom:1px #DCDDDE dotted;}

ul.sub_rhtMnu {padding-left:2px;}
ul.sub_rhtMnu A {font-size:7pt;}
ul.sub_rhtMnu A:hover {font-size:7.5pt;}

#contactCard {background:url(../images/corner_top_right1.gif) no-repeat right top #ccc9c9; color:#333; width:190px; text-align:left;}
#contactCard Div {background:url(../images/corner_bottom_right.gif) no-repeat right bottom;}
#contactCard Div Div {background:url(../images/corner_bottom_left2.gif) no-repeat left bottom;}
#contactCard Div Div Div {padding:10px;}

#contactCard .heading {font:17px Arial, Helvetica, sans-serif;}
#contactCard .sub_heading {font:bold 9pt Arial, Helvetica, sans-serif;}

/*===Benefits Content */
#benefits {}
#benefits IMG {padding-top:3px;}

.benefits-text {background:url(../images/benefits-text-box-bg.gif) repeat-x bottom; width:auto; font-family:Arial, Helvetica, sans-serif; color:#333; border:1px #AABFDF solid; padding:5px; margin:0 6px 6px 0;}
.benefits-items-heading {color:#454545; font:bold 10pt Arial, Helvetica, sans-serif; margin-bottom:5px; cursor:hand; cursor:pointer}

/*===jobs Content */
#jobs {}
#jobs IMG {padding-top:3px;}

#jobs .benefits-text {background:#FBFBFB; width:auto; font-family:Arial, Helvetica, sans-serif; color:#333; border:1px #DCDDDE solid; padding:5px; margin:0 6px 6px 0;}
#jobs .benefits-items-heading {color:#454545; font:bold 10pt Arial, Helvetica, sans-serif; margin-bottom:5px; cursor:hand; cursor:pointer}

/* -----END------- */