/* #######################  GENERAL SETTINGS ############################ */

body {
    font-family: "Lucida Grande","Lucida Sans Unicode", Verdana,Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #505050;
		margin: 0px;
		padding:0px;
		background-color: #F2F2F2;
		width:100%;
		line-height: 1.5em;
		behavior: url("css/csshover3.htc"); 
}

strong, em, b, i {
    font-family: "Lucida Grande",
	    "Lucida Sans",
	    "Lucida Sans Unicode",
	    "DejaVu Sans",
	    "Bitstream Vera Sans",
	    "Liberation Sans",
	    Verdana,
	    "Verdana Ref", 
		Arial, 
		Helvetica, 
		sans-serif;
}

h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Grande", 
		"Lucida Sans", 
		"Lucida Sans Unicode", 
		"DejaVu Sans",
	    "Bitstream Vera Sans",
	    "Liberation Sans",
		Verdana, 
	    "Verdana Ref", 
		Arial, 
		Helvetica, 
		sans-serif;
}

html.body{
	/*
	font-family:"Lucida Grande",
	    "Lucida Sans Unicode",
	    "Lucida Sans",
	    "DejaVu Sans",
	    "Bitstream Vera Sans",
	    "Liberation Sans",
	    Verdana,
	    "Verdana Ref", "Arial", "Helvetica"
	    sans serif;*
	*/
	color: #505050;
	margin-top: 0px;
	background-color: #CCCCFF;
	line-height: 1.5em;
}

.title {
	font-size: 12pt; 
	line-height: 200%; 
	font-weight:bold;
}

/**
.15em {
	line-height: 1.5em; 
}
**/

.indent15 {
margin-left: 15px;
}
/*  Global Formatting  400=normal*/
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 800;}
h3 {font-size:14px;line-height: 1em;font-weight: 700;}
h4 {font-size:13px;line-height: 1em;font-weight: 600;}
h5 {font-size:12px;line-height: 1em;font-weight: normal;}
h6 {font-size:11px;line-height: 1em;font-weight: normal;}
/**
td{font-size: 12px;}
th{font-size: 12px;}
**/
a {
		text-decoration:none;
		color: #FF6600; /*005293; /*#000066;*/
}

a:hover {/*color: orange;*/}

a:visited {color: #FF6600; /*#CC3300;*/}
a.image, a.image:hover  {border:0;}

.contentpaneopen {
	text-balign: left;
}

#mooqueecarousel {width:500px;height:400px;background-image:url(../images9/article_bg.gif);  }
#mooqueeHolder {position:relative;width:490px;height:400px; }
.mooquee_item {width:430px; height: 400px; }
.mooqueeTable {width:390px; border: 1px solid; margin-top:20px;}
.prev_mooquee{/* top:55px; position:absolute;*/ background-image: url(../images9/Carousel/cr-nav-left.png);}
#mooquee_controls {background-image: url(../images9/Carousel/cr-nav-bg.png); width: 500px; height: 42px; padding-top:10px;text-align:center;}
.mooquee_control {/*background-image: url(../images9/Carousel/cr-nav-arrow.png);*/ width: 91px; height: 28px;}

#banner {
	background-image: url(../images9/Homepage/home-graphic.jpg);
	width: 966px;
	height: 229px;
	/*z-index:1; only if position is not static */
	margin-left:-90px; /* implies position of #newrelease padding-left */
}

#newrelease {
	padding-left:609px;
	margin-top:151px;
	padding-top: 0;
	position: relative;
	z-index: 200;
}
#bg #mainwrap #contentwrap #bottom_area #left_module #component a{
text-decoration:underline;

}
.MsoNormal a:hover{
color: #ffffff;
}
.MsoNormal a:visited{
color: blue;
}
/* Clears Divs */

.clear{clear: both;}

img{
border:none;
}
a {outline: none;outline-width:0;}

.small{
display:none;
}

.createdate{
display:none;
}

.buttonheading{
display:none;
}

.componentheading{
display:none;
}

.modifydate{
display:none;
}

.contentheading{
color:#000000!important;
font-size:18px;
font-weight:bold;
}

.contentheading1{
color:#000000!important;
font-weight:bold;
}
.contentheading2{
color:#000000!important;
font-size:13px;
font-weight:bold;
}
.contentheading3{
color:#000000!important;
font-size:14px;
font-weight:bold;
}
/* #######################  END GENERAL SETTINGS ############################ */

#bg {
	width: 100%;
	background-color:#F2F2F2;
	background-image: url(../images9/background_image.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}



#bg #mainwrap {
	background-image: url(../images9/background/bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 100%;
/*	background-position:120px 0;*/
	overflow:visible;
}

#bg #mainwrap #contentwrap {
	background-image:  url(../images9/Background/tiles.jpg); /*url(../images9/background_image.jpg)*/
	background-repeat:no-repeat;

	z-index: 1000;
	width: 790px; /* play with this to arrange the main content screen width */
	margin-right: auto;
	margin-left: auto;

	overflow:visible;
    padding-bottom:20px;
}

/*#bg #mainwrap #contentwrap #header {
	width: 790px;
	height:82px;
	overflow:hidden;
}*/
#header {
height:83px;
margin-left:auto;
margin-right:auto;

}

#bg #mainwrap #contentwrap #header #logo {
	float: left;
	/* css validator requires width */
}


/* #######################  top menu ############################ */
#top_menu {
margin-left:auto;
margin-right:auto;
overflow:hidden;
/*padding-top:5px;*/
width:862px;
padding-left:50px;
/*background-image:url(../images9/background/bg.jpg);*/
}


#bg #mainwrap #contentwrap #wrapper{
float:left;
width: 550px;
overflow:hidden;
}

#bg #mainwrap #contentwrap  #wrapper #banner {
	float: left;
	width: 550px;
	overflow:hidden;
}

.moduletable-user2{
padding-left:77px;
padding-top:18px;
}

/* #######################  left module ############################ */

#bg #mainwrap #contentwrap  #wrapper #left_module {
	float: left;
	/*width: 548px;*/
	border-right-width: 1px;
	border-bottom-width: 2px;
/*	border-left-width: 1px;*/
	border-right-style: solid;
	border-bottom-style: solid;
/*	border-left-style: solid; */
	border-right-color: #Cdcdcd;
	border-bottom-color: #Cdcdcd;
	border-left-color: #Cdcdcd;
	/*background-color:#F9F9F9;*/
	overflow:hidden;
}

/**
#bg #mainwrap #contentwrap #right_module {
	float: left;
	width:223px;
	padding-left:15px;
	overflow:hidden;
}
**/

#bg #mainwrap #contentwrap #border_top {
	background-image: url(../images9/content_top_border.jpg);
	background-repeat: repeat-x;
	height: 16px;
	width: 550px;
}



/* #######################  right module ############################ */

#more_power{
	/*height:36px;*/
}
.moduletable-right1{
	width:220px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	/*border-left-width: 1px;*/
	border-right-style: solid;
	border-bottom-style: solid;
	/*border-left-style: solid;*/
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
/*margin-top: 32px;*/
	margin-bottom:10px;
	background:#f9f9f9;
	/*background-image: url(../../images9/componentbg.jpg);*/

}

.moduletable-right1 img{
/*padding-top:5px;*/

}

.moduletable-right1 h3{
	background-image:url(../images9/right_h3_bg.gif);
	background-repeat:repeat-x;
	/*color:#49484E;*/
	padding-top:10px;
	margin:0;
    text-align:center;
	width:220px;
	/*padding-bottom:10px;*/
	height: 26px;
}


.moduletable-right2 img{
padding-top:10px;
}

.moduletable-right2 h3{
	background-image:url(../images9/right_h3_bg.gif);
	background-repeat:repeat-x;
	color:#49484E;
	height:26px;
	margin-top:-1px;
	padding-top:10px;
	text-align:center;
	width:220px;
	/*padding-bottom:10px;*/
}


.moduletable-right3{
	width:220px;
	background-color:#fff;
	margin-bottom:10px;
}

.moduletable-right3 img{
padding-bottom:10px;
padding-left:30px;
padding-top:55px;
}

.moduletable-right3 h3{
	background-image:url(../images9/right_h3_bg.gif);
	background-repeat:repeat-x;
	color:#49484E;
	height:26px;
	margin:0;
	padding-top:10px;
	text-align:center;
	width:220px;
	padding-bottom:10px;
}

#bg #mainwrap #contentwrap #left_module #component {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:20px;
	width:495px;
}

/*right module  css*/


.moduletable-right1 li{

	background-image:url(../images9/arrow.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
	padding-bottom:5px;
	padding-left:20px;
	margin-right:10px;
	padding-top:3px;

}

.accordion_element li{

	background-image:url(../images9/arrow.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:3px;
}

.moduletable-right1 li:img{
padding-top:8px;
}


.moduletable-right1 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}

.moduletable-right2 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}

.moduletable-right3{
	width:220px;
	background-color:#fff;
	margin-bottom:10px;
}

.moduletable-right11 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}


.moduletable-right11{
	width:220px;
	/*background-color:#fff;*/
	/*background-image: url(../../images9/componentbg.jpg);*/
	margin-bottom:10px;
}


.moduletable-right2 p{

color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}
.nomargin_p{
padding:0px;
margin:0px;
}
.model{
text-decoration:none;
}


/* #######################  right module ############################ */

#bg #mainwrap #contentwrap #right_module {
	float: left;
	width:223px;
	padding-left:15px;
	/*padding-top:153px;*/
	overflow:hidden;
}
#bg #mainwrap #contentwrap #right_module2 {
	float: left;
	width:223px;
	padding-left:15px;
	padding-top:32px;
	overflow:hidden;
	position: relative;
}




.moduletable-right1 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}

.moduletable-right2{
	width:220px;
	background-color:#fff;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;

	background-color:#f9f9f9;

}

.moduletable-right2 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}



.moduletable-right3{
	width:220px;
	background-color:#fff;
	margin-bottom:10px;
}
.moduletable-right3 h3{
	background-image:url(../images9/upgrade.gif); /* did not appear */
	background-repeat:no-repeat;
	color:#49484E;
	height:26px;
	margin:0;
	padding-top:10px;
	text-align:center;
	width:220px;
	padding-bottom:10px;
}

.moduletable-right11 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}


.moduletable-right11{
	width:220px;
	background-color:#f9f9f9;
	margin-bottom:10px;
}
.moduletable-right11 h3{
	background-image:url(../images9/right_h3_bg.gif);
	background-repeat:repeat-x;
	color:#49484E;
	height:26px;
	margin:0;
	padding-top:10px;
	text-align:center;
	width:220px;
}

.moduletable-right2 p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}

.moduletable-rightsystemi p{
color:#3C3436!important;
font-size:12px;
font-weight:normal;
padding:10px;
}


.moduletable-rightsystemi{
	width:220px;
	background-color:#F9F9F9;
	margin-bottom:10px;
}
.moduletable-rightsystemi h3{
	background-image:url(../images9/right_h3_bg.gif);
	background-repeat:repeat-x;
	color:#49484E;
	height:26px;
	margin:0;
	padding-top:10px;
	text-align:center;
	width:220px;
	padding-bottom:10px;
}


.rtop {
padding:0;
}

#nomargin_p1{
border-right:2px solid #F2F2F2;
height:145px;
margin:0;
padding-left:11px;
padding-right:4px;
padding-top:5px;
width:145px;

}
#nomargin_p2{
border-right:2px solid #F2F2F2;
height:145px;
margin:0;
padding-left:10px;
padding-right:4px;
padding-top:8px;
width:145px;

}
#nomargin_p3{

height:170px;
margin:0;
padding-left:10px;
padding-right:5px;
width:145px;
padding-top:8px;
}
p{
margin:0px;
padding:0px;
}
.blog a:hover{

}
.ucd-right11{
padding-left:10px;
padding-right:10px;
text-align:left;
width:200px

}

/* background-color:#FFFFFF;*/
.more{
width:219px;
padding-top:10px;
/*padding-bottom:10px;*/
border-left: 1px solid #CCCCCC;
/*background-image: url(../../images9/componentbg.jpg);*/
}


 /* =======================================
    Top Menu aka Main Menu
    ======================================= */
.moduletable_topmenu{
      height:31px;
      margin: 0;
      width: 862px;
      font-size: 90%;
      padding:0px;
      margin:0px;
      overflow:hidden;
}

.menu_topmenu ul{ list-style: none;margin: 0;padding: 0;}
.menu_topmenu { overflow:hidden;padding:0;margin:0;}

/* menu item or submenu */
.menu_topmenu li{
       /* margin: 0px 15px 0px 0px;*/
	    float:left;
	    display:block;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding-bottom:6px;		
		padding-top:8px;
		width: 155px;
		text-align: center;
    }
/* submenu */
.menu_topmenu li ul {
       position: absolute;
       width:145px;
       left: -999em;
	   margin-left:1px; /* submenu dx */
       margin-top:0px;
       padding-top:8px;
    }
/* submenu item */
.menu_topmenu li ul li {
       background-color:#FFFFFF;
background-image:none;
border-bottom:1px solid #474748;
border-left:1px solid #474748;
border-right:1px solid #474748;
height:25px;
padding-bottom:0;
padding-top:0;
width:145px; 
    }

.menu_topmenu li ul li:hover, .menu_topmenu li ul li:focus:hover{
			background-image: url(../images9/Tabs/tab-rollover.jpg);
			background-position:center center;
			background-repeat: no-repeat;
		    width:145px;
}


/* link to menubar item */
.menu_topmenu li a{
		color:#061F47 !important;
		font-size:12px !important;
		padding-bottom:8px;
		/*padding-left:42px;*/
		padding-top:7px;
		text-decoration:none;
    }
/* text of menubar item */
.menu_topmenu li a span{
	padding-bottom:8px;
	/*padding-right:42px;*/
	padding-top:7px;
}

html>body .menu_topmenu li a {}

/* link in submenu */
.menu_topmenu li ul li a {
    background-image:none !important;
	color:#000000;
	display:block;
	padding-bottom:2px;
	padding-left:3px;
}
/* the submenu text item 
.menu_topmenu li ul li a span{
		background-image:none!important;
        padding-right:0px;
	}
	*/
/**
.menu_topmenu li a:hover, a#active_menu:link, a#active_menu:visited{
       color: #e22f00;
       text-decoration: none;
	   	background-image:none;
    }
**/
.menu_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul { left: auto; }
.menu_topmenu ul li.active a {
       color: #038fd9;
       text-decoration: none;
	   	background-image:none; }
.menu_topmenu li.parent.active a {
       color: #038fd9;
       text-decoration: none;
       	background-image:none;
    }
.menu_topmenu li.parent.active a:hover {
       color: #e22f00;  
       	background-image:none;
    }

.menu_topmenu li.parent.active ul li a {
       color: #a9a9a9;
       text-decoration: none;
       	background-image:none;
}
.menu_topmenu li.parent.active ul li a:hover {
       color: #a9a9a9;
       text-decoration: none;
       	background-image:none;
}

.menu_topmenu li:hover ul{
       left: auto;
        background-image: url(../images9/Tabs/tab-rollover.jpg);
	    background-position:center center;
	    background-repeat: no-repeat;
        width:142px;
    } 
.menu_topmenu li a:hover, .menu_topmenu li a:focus:hover{
		background-image: url(../images9/Tabs/tab-rollover.jpg);
		background-position:center center;
		background-repeat: no-repeat;
	    width:142px;
}
	/*  - add 
	.menu_topmenu li a:active , .menu_topmenu li a:focus {
		background-image: url(../../images9/Tabs/tab-selected.jpg); 
		
		background-position:center center;
		background-repeat: no-repeat;
	    width:142px;
	color:red;
	}*/

/* the text link of submenu items
	.menu_topmenu li a:active span , .menu_topmenu li a:focus span {
	width:142px;
	background:#fafafa;
	background-position:center center;
	background-repeat: no-repeat;
	}
*/
/**
	.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
	}
**/
	/* Hides from IE Mac 
	* html .cfix {height: 1%;}
	.cfix{display:block;}
	 End Hack */
	

.menu_topmenu #current a{
background-image:url(../images9/left_white.jpg); /* did not appear before */
background-position:left center;
background-repeat:no-repeat;
}

.menu_topmenu #current a span{
background-image:url(../images9/right_white.jpg);
background-position:right center;
background-repeat:no-repeat;
}

/******************* menubar suckerfish **********/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	font-size:1.1em;
}

#nav a {
	display: block;
	width: 159px;
	height:31px;
	/*padding: 0.25em 2em;*/
	text-align: center;
	line-height: 2.3em; /* to change */
	color: #00004d;/*#000066;*/
font-size: 1.2em;
}

.tabselected {
	background-image: url(../images9/Tabs/tab-selected.jpg);
}
#nav li > ul {
	/*margin-top: -5px;*/
	margin-left: 7px;
	font-weight: normal;
}

/* rolover images are 159x31 with 14 pixels left/right border */
#nav li {
	float: left;
	width: 159px;
	height:31px;
		
}


#nav li ul {
	position: absolute;
	width: 145px;
	left: -999em;
}

#nav li ul a {
	width: 143px;
	border-top:#A9A9A9 solid 1px;
	font-size:0.9em;
	font-weight: bold;
}



#nav li ul li {
	background-image: none;
	background:#fff;
	width: 145px;
	filter:alpha(opacity=98);
	opacity:.98;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)"; /*--IE 8 Transparency--*/
	
}

#nav li:hover, #nav li.hover, #nav li.sfhover {
	background-image: url(../images9/Tabs/tab-rollover.jpg);
	position: static; 
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background-image: url(../images9/Tabs/tab-selected.jpg);
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/************** tooltips ************/
.tip {
	color: #fff;
	width: 180px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images9/bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images9/bubble.png) bottom right;
}

.tryxcase { text-align: left; padding-left:20px; padding-right: 20px; }