@import url("css/menu.css");

/* CSS Document */
body {font:  normal 11px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,dl,dt,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#2E3D47; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
/*  h3, h4{font-size:12px;margin:8px 0;} */
h5, h6{font-size:10px;margin:6px 0;}


/*----------Utility----------------------*/
.clearBoth {
	clear:both;	
}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:underline; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:970px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:50px;padding:0;margin:0; *height: 200px}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/*----- DSI Online classes -----*/


/* Sticky footer code */

html, body, form#Form{
	height: 100%;
	}

.wrapper {
	min-height: 99%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px !important;
}

body > .wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 61px;}  /* must be same height as the footer */




.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {
	display: inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
	}
	
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* End sticky footer code */

	
div.multilanguage {
	background: url(/Portals/0/images/dsi-top-bg.png) center top no-repeat;
	height: 20px;
	}	

div.headerPart {
	height: 82px;
	background: url(/Portals/0/images/dsi-header-bg.png) no-repeat center top;
	}
	
div.identity {
	float: left;
	}
	
div.loginArea {
	float: right;
	margin-right: 50px;
	margin-top: 31px;
	*margin-top: 20px;
	*padding: 8px 48px;

	}
	
div.loginArea ul.vLogin, ul.vLogin{	
	margin: 0;
	padding: 0;
	
}

div.loginArea ul.vLogin li, ul.vLogin li {	
	list-style: none;
	float: left;
	margin-right: 8px;

}

div.loginArea ul.vLogin li a, ul.vLogin li a {	
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	width: 118px;
	height: 23px;
	display: block;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	padding: 7px 0 0;
}
div.loginArea ul.vLogin li.searchCell a {
	background: none;
	width: 0;

	}

div.loginArea ul.vLogin li.searchCell img {
	margin: 0;
	}
	
div.loginArea ul.vLogin li.searchCell a.ServerSkinWidget img {
	margin: 0;
	padding: 0;
	margin-top: -5px;
	}	
	
div.loginArea ul.vLogin li.searchCell a.ServerSkinWidget {	
	padding-bottom: 15px;	
	height: 5px;
	}
	
div.loginArea ul.vLogin li.searchCell div.SearchBorder {
	background: url(/Portals/0/images/dsi-searchbar.png) no-repeat;
	height: 22px;
	width: 152px;
	border: none;
	background-color: #f0efef;
	}	
div.loginArea ul.vLogin li.searchCell input.SearchTextBox {
	background: #ccc;
	width: 135px;
	height: 16px;
	margin-top: 3px;
	margin-left: 15px;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

div.loginArea ul.vLogin li.searchCell div.SearchIcon {
	display: none;
	}


div.headerPart img {
	float: left;
	margin: 17px 0 0 22px; 
	}
	
div.navPart {
	height: 42px;
	background: url(/Portals/0/images/dsi-nav-bg.png) no-repeat center top;
	padding-left: 15px;

	}	

div.wrapper {
	width: 980px;
	background: transparent;
	margin: 0 auto;
	}
	
div.flasharea {
	clear: both;
	}
	
div.flasharea img{	
	margin-top: 0px !important;
	margin-left: 9px;
}
	
div.lowerhalf {
	width: 980px;
	padding: 0;
	background: url(/Portals/0/images/dsi-pageedges-bg.png)  center top repeat-y;
	}
	
div.leftSide {
	width: 278px;
	float: left;
	padding: 20px 19px 20px 30px;
	background: url(/Portals/0/images/dsi-right-divider.png) top right repeat-y;
	height: 340px;
	position:relative;
	}
	
div.middle {
	width: 286px;
	float: left;
	padding: 20px;
	height: 340px;
	position:relative;	
	}	

div.rightSide {
	width: 277px;
	float: left;
	padding: 20px;
	background: url(/Portals/0/images/dsi-left-divider.png) top left repeat-y;
	height: 340px;
	position:relative;	
	}
	
div.edge {
	clear: both;
	width: 980px;
	background: url(/Portals/0/images/dsi-footer-bg.png) center top no-repeat;
	height: 17px;
	}	
	
div.bodyContent h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 20px;
	padding: 0;
	}
	
div.bodyContent p.intro {
	font: normal 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	}
	
div.bodyContent p.content, div.bodyContent li.content {
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	}
p.spacer {
	padding-top: 20px;
	*padding-top: 10px;
	}
p.enlarge {
	text-align: center;
	text-indent: 40px;
}

p.enlarge a span {
	text-decoration: underline;
	color: #A2A2A2;
	font-size: 11px;
	padding-top: 10px;
	}	
	
	
p a.readmore {
	color: #000;
	text-transform: lowercase;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(/Portals/0/images/dsi-readmore-btn.png) top left no-repeat;
	padding:8px 36px 10px;
	text-decoration: none;
}	

p a.readmoreHome, p a.readmoreHome:hover {
	color: #000 !important;
	text-transform: lowercase;
	font: normal 10px Arial, Helvetica, sans-serif !important;
	text-align: center;
	background: url(/Portals/0/images/dsi-readmore-btn.png) top left no-repeat;
	padding: 8px 36px 10px;
	text-decoration: none;
	position: absolute;
	bottom:0px;
}	
	
div.footerPane {
	width: 780px;
	height: 31px;
	margin-top: 0;
	margin-bottom: 15px;
	/* background: url(/Portals/0/images/dsi-footerbox-bg.png) center top no-repeat;*/
	clear: both;
	float: left;
	}

div.footerPane a, div.footerPaneShort a {
	text-decoration: underline;
	}
	
div.footerPane ul, div.footerPaneShort ul {
	margin: 0;
	padding: 8px 0 0 60px;
	}
	
div.footerPane li, div.footerPaneShort li {
	list-style-type: none;
	float: left;
	color: #000;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
div.footerPane li.copyright, div.footerPaneShort li.copyright{
	padding-top: 2px;
	}	

div.footerPane li a,div.footerPane li a:hover, div.footerPaneShort li a, div.footerPaneShort li a:hover {
	color: #000 !important;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	_text-decoration: underline !important;
	}
	
div.footerPaneShort {	
	width: 664px;
	height: 31px;
	margin-top: 15px;
	margin-bottom: 5px;
	background: url(/Portals/0/images/dsi-footer-short-bg.png) center top no-repeat;
	float: left;
}

/*div.emsLogo {
	float: left;
	background: url(/Portals/0/images/dsi-ems-logo.png) left top no-repeat;
	width: 235px;
	height: 51px;
	margin:5px 0 0 10px;
	}*/
	
div.loginArea a.user{	
	font: normal 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	text-transform:capitalize;
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat top left;
	padding: 6px 48px 10px;
	text-align: center;
	text-decoration: none;
	}
	
div.halftop {
	height: 337px;
	}
	
div.lowerhalf {
	min-height:250px;
	}	
	
div.crumbs {
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	margin-bottom: 10px;
	padding-top: 5px;
	}
	
div.crumbs a{	
	text-decoration: underline;
}
	
div.crumbs a.Breadcrumb, div.crumbs a.Breadcrumb:hover	{
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000 !important;
	text-decoration: underline;
	}

div.crumbs span.homepage a {
	color: #f00;
	}
	
div.texttopic {
	width: 297px;
	float: left;
	padding: 20px
	}
	
div.texttopic h1{	
	font: normal 30px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.2;
	margin: 80px 0 15px;
	padding: 0;
}

div.texttopic p{	
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
	
div.illustration {
	width: 643px;
	float: left;
	}
	



	
/* ----- Tabs classes ----- */	

.fiveList {
	background: url(/Portals/0/images/5set-list.jpg) no-repeat top left;
	height: 256px;
	}

#container {
	padding: 12px 15px 0px;
	margin-top: 5px;
	}
	
div.tabcontent2 {
	*padding-top: 0 !important;
	}
	

div.fiveList ul#tabnav {
	width: 240px;
	float: left;
	margin-top: 18px;
	}

#container ul#tabnav li {
	list-style: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin-bottom: 12px;
	}
	
div.fiveList ul#tabnav li a {
	color: #000;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding-left: 20px;
	text-decoration: none;
	outline: none;	
}

div.fiveList ul#tabnav li a.selected { 
	color: #e12545;
	background: url(/Portals/0/images/arrowSelector.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 4px;
	outline: none;
}

div.fiveList div.panel{
	float: left;
	margin: 0 0 0 20px;
	padding: 10px 20px 20px;
	width: 500px;
	}
	
div.fiveList div.panel p{	
	color: #000;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
}

div.fiveList div.panel h1{
	font: bold 16px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	}

#container div.panel li{	
	color: #000;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
}

/* --------- Sample Horizontal: About Us ---------------- 

div.horz ul#tabnav {
	width: 500px;
	float: left;
	margin-top: 18px;
	height: 23px;
	*z-index: 1000;
	}

div.horz ul#tabnav {
	margin: 0 0 -2px;
	padding: 0;
	}

div.horz ul#tabnav li{
	float: left;
	text-align: center;
	margin-right: 5px;
	height: 23px;
	background: #eeefef url(/Portals/0/images/dsi-left-side-tab.png) no-repeat top left;
	padding-right:0;
	}



div.horz ul#tabnav li.selected{
	height: 23px;
	display: block;
	outline: none;
	z-index: 7;
	position: relative;	
	}
	
div.horz ul#tabnav li a {
	background: url(/Portals/0/images/dsi-right-side-tab.png) no-repeat top right;
	padding: 3px 10px 0 4px;
	height: 20px;
	display: block;
	outline: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7e7e7e;	
	padding-top: 3px;
	margin-left:6px;
	z-index: 4;
	position: relative;
	}	
		

div.horz div.panel {
	clear: both;
	background: url(/Portals/0/images/dsi-bar-top.png) no-repeat 0 0;
	*margin-top: -12px;
	z-index: 5;
	position: relative;
	}
	
div.horz div.content {
	padding: 20px;
	}
	
div.horz div.content h1{
	font: bold 16px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	}

div.horz div.content h2{
	font: normal 14px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.6;
	}
div.horz div.content h3{	
	font: bold 13px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.3;
	text-decoration: underline;
	
}

	
div.horz div.panel p{	
	color: #666;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
}	



div.events ul#tabnav {
	width: 500px;
	float: left;
	margin-top: 18px;
	height: 23px;
	*z-index: 1000;
	}

div.events ul#tabnav {
	margin: 0 0 -2px;
	padding: 0;
	}

div.events ul#tabnav li{
	float: left;
	text-align: center;
	margin-right: 5px;
	height: 23px;
	background: #eeefef url(/Portals/0/images/dsi-left-side-tab.png) no-repeat top left;
	padding-right:0;
	list-style: none;
	}



div.events ul#tabnav li.selected{
	height: 23px;
	display: block;
	outline: none;
	z-index: 7;
	position: relative;	
	}
	
div.events ul#tabnav li a {
	background: url(/Portals/0/images/dsi-right-side-tab.png) no-repeat top right;
	padding: 3px 10px 0 4px;
	height: 20px;
	display: block;
	outline: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7e7e7e;	
	padding-top: 3px;
	margin-left:6px;
	z-index: 4;
	position: relative;
	}	
		

div.events div.panel {
	clear: both;
	background: url(/Portals/0/images/dsi-bar-top.png) no-repeat 0 0;
	*margin-top: -12px;
	z-index: 5;
	position: relative;
	}
	
div.events div.panel ul{
	margin: 0;
	padding: 0;
	}	
	
div.events div.panel li{
	list-style: none;
	margin-bottom: 10px;
	}
	
div.events div.panel li img{
	float: left;
	margin: 5px;
	}	
	
div.events div.content {
	padding: 20px;
	}
	
div.events div.content h1{
	font: bold 16px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	}
	
div.events div.content h2{
	font: normal 14px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.6;
	}

div.events div.content h3{
	font: bold 13px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.3;
	text-decoration: underline;	
	}
	
div.events div.panel p{	
	color: #666;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
}	



div.dclink ul#tabnav {
	width: 600px;
	float: left;
	margin-top: 18px;
	height: 23px;
	*z-index: 1000;
	}

div.dclink ul#tabnav {
	margin: 0 0 -2px;
	padding: 0;
	}

div.dclink ul#tabnav li{
	float: left;
	text-align: center;
	margin-right: 5px;
	height: 23px;
	background: #eeefef url(/Portals/0/images/dsi-left-side-tab.png) no-repeat top left;
	padding-right:0;
	
	}



div.dclink ul#tabnav li.selected{
	height: 23px;
	display: block;
	outline: none;
	z-index: 7;
	position: relative;	
	}
	
div.dclink ul#tabnav li a {
	background: url(/Portals/0/images/dsi-right-side-tab.png) no-repeat top right;
	padding: 3px 10px 0 4px;
	height: 20px;
	display: block;
	outline: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7e7e7e;	
	padding-top: 3px;
	margin-left:6px;
	z-index: 4;
	position: relative;
	}	
		

div.dclink div.panel {
	clear: both;
	background: url(/Portals/0/images/dsi-bar-top.png) no-repeat 0 0;
	*margin-top: -12px;
	z-index: 5;
	position: relative;
	}
div.dclink div.panel ul{
	margin: 0 0 0 40px;
	padding: 0;
	}	
	
div.dclink div.panel li{
	margin-bottom: 10px;
	}
	
div.dclink div.panel li img{
	float: left;
	margin: 5px;
	}	
	
div.dclink div.content {
	padding: 20px;
	}
	
div.dclink div.content h1 {
	font: bold 16px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	display:none;
	}
	
div.dclink div.content h2 {
	font: normal 18px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.5;
	margin-bottom: 25px;
}
	
div.dclink div.content h3 {
	font: bold 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #777;
	border-bottom: #ccc 1px dotted;
	padding: 0;
	line-height: 1.3;
	margin: 20px 0 10px;
}	

div.dclink div.panel p {	
	color: #666;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	margin: 0 0 10px;
}	
*/
/* ------------------------------------------ */

/* --------- Tabbed content  ---------------- */



div.tabcontent ul#tabnav, 
div.tabcontent2 ul#tabnav {
	width: 600px;
	float: left;
	margin-top: 18px;
	height: 23px;

	*z-index: 1000;

	}

div.tabcontent ul#tabnav,
div.tabcontent2 ul#tabnav{
	margin: 0 0 -2px;
	padding: 0;
	}

div.tabcontent ul#tabnav li,
div.tabcontent2 ul#tabnav li{
	float: left;
	text-align: center;
	margin-right: 5px;
	height: 23px;
	background: #eeefef url(/Portals/0/images/dsi-left-side-tab-unsl.png) no-repeat top left;
	padding-right:0;
	}

div.tabcontent ul#tabnav li.selected, 
div.tabcontent2 ul#tabnav li.selected {
	height: 23px;
	display: block;
	outline: none;
	z-index: 7;
	position: relative;
	background: #eeefef url(/Portals/0/images/dsi-left-side-tab.png) no-repeat top left;

	}
	
	
div.tabcontent ul#tabnav li.selected a,
div.tabcontent2 ul#tabnav li.selected a {
	background: url(/Portals/0/images/dsi-right-side-tab.png) no-repeat top right;
	padding: 3px 10px 0 4px;
	height: 20px;
	outline: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000 !important;	
	padding-top: 3px;
	margin-left:6px;
	z-index: 4;
	position: relative;
	_width: 100px;
	_white-space: nowrap;
	}	

div.tabcontent ul#tabnav li.selected a:hover,
div.tabcontent2 ul#tabnav li.selected a:hover {

	}

div.tabcontent ul#tabnav li a,
div.tabcontent2 ul#tabnav li a {
	background: url(/Portals/0/images/dsi-right-side-tab-uns.png) no-repeat top right;
	padding: 3px 10px 0 4px;
	height: 20px;
	display: block;
	outline: none;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;	
	padding-top: 3px;
	margin-left:6px;
	z-index: 4;
	position: relative;
	_width: 100px;
	_margin-bottom: 0;
	_white-space: nowrap;
	text-decoration:none;
	}	
		

div.tabcontent div.panel,
div.tabcontent2 div.panel {
	clear: both;
	background: url(/Portals/0/images/dsi-bar-top.png) no-repeat 0 0;
	_background: url(/Portals/0/images/dsi-bar-top.png) no-repeat -100px 0;
	*margin-top: -12px;
	z-index: 5;
	position: relative;
	}
	
div.tabcontent div.panel ul,
div.tabcontent2 div.panel ul {
	margin: 0 0 0 20px;
	padding: 0;
	}	
	
div.tabcontent div.panel li,
div.tabcontent2 div.panel li {
	margin-bottom: 10px;
	}
	
div.tabcontent div.panel li img,
div.tabcontent2 div.panel li img {
	float: left;
	margin: 5px;
	}	
	
div.tabcontent li,
div.tabcontent2 li {
	color:#000;
	font-family:"Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0 0 10px 0;
}
	
div.tabcontent div.content,
div.tabcontent2 div.content {
	padding: 30px 30px 5px 10px;

	}
	

	
div.tabcontent h2,  
div.tabcontent2 h2,
div.textcolumn h2
{
	font: normal 18px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #e12545;
	line-height: 1.5;
	margin-bottom: 25px;
}
	
div.tabcontent h3,
div.tabcontent2 h3,
div.textcolumn h3,
div.jsArea h3,
div.jsArea h3 a
{
	font: bold 12px "Lucida Grande", Arial, Helvetica, sans-serif !important;
	color: #000 !important;
	border-bottom: #ccc 1px dotted;
	padding: 0;
	line-height: 1.3;
	margin: 20px 0 10px;
}	
div.jsArea h3 a:hover {
	text-decoration: none;
}
/*
div.tabcontent div.panel p {	
	color: #666;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	margin: 0 0 10px;
}*/	
div.tabcontent p,
div.tabcontent2 p,
div.textcolumn p,
div.illuscolumn p,
div.textcolumn li,
div.lowerads p a
{	
	color: #000;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	margin: 0 0 10px;
}	

div.textcolumn a, div.textcolumn a:hover
{	
	color: #000 !important;
	font: normal 12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif !important; 
	line-height: 1.5;
	margin: 0 0 10px;
	
}	

.invi {
	display: none;
	}
	
table.tableDesign {
	margin: 0 0 0 40px;
	width: 500px;
	}
	
.SubHead {
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #333;
	}
	
table.tableDesign h1{	
	padding: 0;
	margin: 0;
}

table.tableDesign p{
	padding: 0;
	margin: 3px 3px 3px 0;
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666;
	}
	
table.tableDesign a{
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666;
	text-decoration: underline;
	}	

div.pdfdownload {
	margin: 10px 20px;
	}
	
div.pdfdownload h3 {
	color: #fff;
	font: bold 16px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 8px;
	}
	
div.pdfdownload ul {
	margin: 10px 0 0;
	padding:0;
	}	
	
div.pdfdownload li {
	float: left;
	list-style: none;
	text-align: center;
	width: 85px;
	font: normal 10px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin-right: 5px;
	line-height: 1;
	}
	
div.pdfdownload li a, div.pdfdownload li a:hover,
div.pdfdownload li a, div.pdfdownload li a:visited {
	font: normal 10px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #fff !important;
	line-height: 1.2;
	text-decoration:none;
	}
	
div.pdfdownload img {
	border: none;
	}	
	
div.content ul.partners li{
	float: left;
	margin: 10px 5px;
	padding: 10px 0;
	width: 155px;
	height: 60px;	
	text-align: center;
	list-style-type:none;
	}
	
div.content ul.partners li a{
	margin: 0 auto;
	}	
	
div.content ul.partners li a:hover{
	_margin: 0 auto;
	}		
	
div.content ul.partners li img{
	border: none;
	outline: none;
	}	

div.tabcontent div.panel ul.multiple,
div.tabcontent2 div.panel ul.multiple {
	margin: 0;
	}

div.tabcontent div.panel ul.multiple li,
div.tabcontent2 div.panel ul.multiple li {
	width: 75px;
	list-style: none;
	margin: 0;
	float: left;
	margin-right: 5px;
	}
	
div.tabcontent div.panel ul.multiple li img,
div.tabcontent2 div.panel ul.multiple li img {
	
	margin: 0;
	}
	
div.content p a, div.content p a:hover {
	color: #000 !important;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	/*text-decoration: none !important;*/
	}	


div.panel h3 a {
	border-bottom:1px dotted #CCCCCC;
	color:#777777;
	font: bold 12px "Lucida Grande",Arial,Helvetica,sans-serif;
	}
	
/* ------------------------------------------ */
/* ------------- Map Classes ------------- */

div.div-map-partner-container {
	margin: 10px;
	}
	
div.div-map-partner-container p {	
	margin: 0;
}

div.div-map-partner-container p a {	
	margin-bottom: 15px;
	color: #666;
}

/* ---- Lightbox ------------ */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	/**height: 5100px;*/
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}





#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	/*[bt#258]*/
	/*background: transparent url(../images/blank.gif to lightbox/images/blank.gif) no-repeat;*/ /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Portals/0/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { 

	background: url(/Portals/0/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color: #fff; font: bold 12px  "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif 	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	*min-height: 1400px;
	_height: 2050px;
	_bottom: -100px;
	_margin-bottom: -100px;
	_display: block;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;
_display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
/* End Lightbox classes */	

div.panel img {
	border: none;
	}
	
/* ------ news and events classes ------ */

table.DNN_ANN_DesignTable {
	margin-left: 35px;
	width: 550px;
	}

table.DNN_ANN_DesignTable td{
	vertical-align: top
	}

table.DNN_ANN_DesignTable span.SubHead {
	font: bold 12px  "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	}

table.DNN_ANN_DesignTable p{
	font: normal 11px  "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	}
	
table.DNN_ANN_DesignTable a{
	font: bold 11px  "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
	float: right;
	margin-right: 15px;
	}	


/* ---------- */

div.illuscolumn img {
	border: none;
	}

div.dclink div.panel ul.partners {
	margin: 0;
	}

div.dclink div.panel ul.partners li {
	list-style: none;
	}

/* ------------ Tool tip (Open tip) Classes ---------------- */

/**
 ** http://www.opentip.org
 ** See opentip.js for the license.
 **/
.opentipContainer {
	position: absolute;
	max-width: 300px;
	z-index: 100;
}
.opentip {
	position: relative;
	line-height: 120%;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.opentip .title   { font-weight: bold; }
.opentip .content { 
	width: auto !important;
	font: bold 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif
}


.opentip .loadingIndication {
	display: none;
	padding: 10px 15px;
	background: url("/Portals/0/images/tooltip/loading.gif") center center no-repeat;
}
.opentip .loadingIndication span { display: none; }
.loading .opentip .loadingIndication { display: block; }


.opentipButtons {
	position: absolute;
	right: 0;
	top: 0;
}

.opentipButtons .close {
	display: block;
	text-decoration:none;
	width: 15px;
	height: 15px;
	background: url("/Portals/0/images/tooltip/button.close.small.ffffff.png") center center no-repeat;
}
.opentipButtons .close span {
	display: none;
}

.opentipContainer .stemContainer {
	position: absolute;
	width: 0;
	height: 0;
}
.opentipContainer .stem {
	position: absolute;
	overflow: hidden;
}
.opentipContainer .stem div {
	background: no-repeat url("/Portals/0/images/tooltip//stems.cccccc.png");
	position: absolute;
	width: 320px;
	height: 160px;
}


.opentipContainer .left { left: 0; }
.opentipContainer .center { left: 50%; }
.opentipContainer .right { right: 0; }
.opentipContainer .top { top: 0; }
.opentipContainer .middle { top: 50%; }
.opentipContainer .bottom { bottom: 0; }



/**  Styles  **/

.style-standard .opentip {
	border: 1px solid #f2e37b;
	background-color: #e1e1e1;
	color: black;
	padding: 15px;
	-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
}
.style-standard .opentip .title {
	margin-bottom: 1px;
}
.style-standard .stem div {
	background-image: url("/Portals/0/images/tooltip/stems.e3ca1b.png");
}
.style-standard .opentipButtons {
	top: 9px;
	right: 10px;
}
.style-standard .opentipButtons .close {
	background-color: rgba(0,0,0,0.2);
	width: 21px;
	height: 21px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}




.style-rounded .opentip {
	border: 7px solid #81b4da;
	background-color: #f9fbfc;
	color: #3f5d73;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.style-rounded .opentip .title {
	background: #81b4da;
	color: #f7fafd;
	padding: 0px 10px 4px 10px;
}
.style-rounded .opentip .content {
	padding: 6px 10px;
}
.style-rounded .stem div {
	background-image: url("");
}
.style-rounded .opentipButtons {
	top: -13px;
	right: -12px;
}
.style-rounded .opentipButtons .close {
	background-color: #81B4DA;
	width: 21px;
	height: 21px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.style-slick .opentip {
	border: 1px solid #eeeeee;
	background: #f7f7f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.style-slick .opentip .title {
	color: #49677e;
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #eeeeee;
}
.style-slick .opentip .content {
	padding: 6px 10px;
	border-top: 1px solid #fefefe;
}
.style-slick .stem div {
	background-image: url("");
}
.style-slick .opentipButtons {
	right: -11px;
	top: -11px;
}
.style-slick .opentipButtons .close {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #cccccc;
	height: 19px;
	width: 19px;

}

.style-glass .opentip {
	background: #e9f6ff;
	border: 1px solid #deebf4;
	background: rgba(255, 255, 255, 0.9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5);
	-webkit-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5);
	padding: 20px 30px; 
}
.style-glass .opentip .title {
	color: #316F89;
	font-family: serif;
	font-style: italic;
	margin: 0 0 20px 0;
	font-size: 16px;
}
.style-glass .opentip .content {
	color: #333333;
}
.style-glass .stem {
	background-image: url("/Portals/0/images/tooltip/dsi-style.png");
}
.style-glass .opentipButtons .close {
	background-image: url("/Portals/0/images/tooltip/dsi-close.png");
	-moz-border-radius: 0 5px 0 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-color: none;
	width: 25px;
	height: 25px;
}


/** IE 6 HACKS **/
/*\*/
.opentipButtons {
	z-index: 110;
}
.opentip {
	z-index: 110;
}
.opentipIFrame {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	display:none;
 	/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/
 	z-index:-1;/*must have*/
 	filter:mask();/*must have*/
}
.opentipContainer .stem div {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}
.style-glass .opentip {
	border: 1px solid #d5e2eb;
	background: #e9f6ff;
}
/**/

div.article {
	width: 610px; 
	float: left; 
	margin-right: 20px;
	_width: 510px;
	
	}
	
div.imageCol {
	float: right; 
	width: 250px; 
	margin-top: 0;
	}
	
div.imageCol img {
	/*width: 75px;*/
	border: none;
	}
	
div.imageCol p {
	text-align: center;
	color: #666;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	

div.imageCol li {
	list-style-type: none;
	display: inline;
	margin-right: 5px;
	line-height: 2;

}

div.imageCol li  a {
	*margin-top: 5px;
	*display: inline-block;
}

/* ------------------- */

div.world-map {
	height: 367px;
	width: 900px;
	background: url(/Portals/0/images/world-map.jpg) no-repeat top left;
	font: bold 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif 
	}
	
div.location-btn {
	height: 30px;
	width: 30px;
	background: url(/Portals/0/images/location-btn.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9000px;
	}	

.dsi-us {
	position: relative;
	top: 125px;
	left:190px;
	}

.dsi-ca {
	position: relative;
	top: 70px;
	left:235px;
	}
	
.dsi-ch {
	position: relative;
	top: 55px;
	left:690px;
	}
	
.dsi-sg {
	position: relative;
	top: 90px;
	left:655px;
	}
	
.dsi-emea {
	position: relative;
	top: -60px;
	left:405px;
	}	
	
.dsi-aus {
	position: relative;
	top: 225px;
	left:740px;
	}
	
a.big-btn {
	background: url(/Portals/0/images/big-button.png) no-repeat top left;
	border: none;
	width: 235px;
	height: 46px;
	display: block;
	cursor: pointer;
	font: normal 16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.2;
	outline: none;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 20px;
	}

div.textcolumn a.big-btn-dbl, a.big-btn-dbl {
	background: url(/Portals/0/images/big-button.png) no-repeat top left;
	border: none;
	width: 235px;
	height: 51px;
	display: block;
	cursor: pointer;
	font:  normal 16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.2;
	outline: none;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 15px;
	}	

div.textcolumn a.big-btn-dbl, a.big-btn-dbl:hover {
	background: url(/Portals/0/images/big-button.png) no-repeat top left;
	border: none;
	display: block;
	cursor: pointer;
	font:  normal 16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	outline: none;
	text-align: center;
	padding-top: 15px;
	margin: 0;
	}		



a.big-btn:hover {	
	color: #333;
	font:  normal 16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;	
	line-height: 1.2;	
}

.textcolumnA a.big-btn {
	padding-top: 12px;
	height: 54px;
	}

.ct {
	text-align: center;
	}
	
ul.btnHorz li{
	list-style: none;
	float: left;
	}	
	
/*--- This activates the desktop tabs and deactivates the mobile tabs --------- */

.mobile {
	display: none;
	}
	
/* --- Used for Careers tab ------- */

table.Normal {
	}
	
table.Normal td,
table.Normal td span{
	/*padding: 5px;*/
	}	
	
table.Normal a {
	color: #333;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	

#dnn_ctr568_ViewPositionsAvailable_pnlModule table td {
	color: #000;
	font:  normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	}

#dnn_ctr568_ViewPositionsAvailable_pnlModule table td span.Head,
#dnn_ctr568_ViewPositionsAvailable_pnlModule table td span.SubHead {
	color: #000;
	font:  bold 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;	
	}
	
#dnn_ctr568_ViewPositionsAvailable_pnlModule table td input[type="submit"] {
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat top left;
	border: none;
	width: 118px !important;
	height: 30px;
	color: #000;
	font:  normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: pointer;
	outline: none;
	text-align: center;
	}

#dnn_ctr568_ViewPositionsAvailable_pnlModule table td .NormalTextBox {
	color: #666;
	font:  normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ------ */
/* --- Used for Contact Us tab ------- */
table.career {
	margin: 10px 40px ;
	}

table.career td{
	font:  normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
table.career td.itemname {
	width: 150px;
	}

table.career td.item {
	padding-left: 10px;
	}
	
table.career .NormalTextBox {
	font:  normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
td.normal span {
	font:  normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}	

/* -------- */

div.support {
	background: #eaeaea;
	padding: 10px;
	border: 1px solid #ebebeb;
	}
	
div.support a {
	font:  12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;	
	}
	
div.support h2 {
	font:  bold 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cb0c2e;
	margin: 0;
	padding: 0;
	}
	
div.support p,
div.lowerads p {
	margin-bottom: 2px;
	}	
	
div.support label {	
	width: 120px;
	float: left;
}

div.lowerads {
	padding: 10px;
	border-bottom: 1px solid #ebebeb;
	}
	
div.lowerads h2 {
	font:  bold 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cb0c2e;
	margin: 0;
	padding: 0;
	font-style: italic;
	}
	
div.lowerads p {
	line-height:10px;
	}

	
.contentheader {
	font:  bold 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	}
.pager td {
	font:  normal 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}

.pager td span {
	padding: 0; 
	margin: 0;
	display: none;
	}	
	
/* -- Training classes -- */
div.skedtitle {
	font:  bold 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 5px;
	}

div.skeddesc {
	font:  normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 10px;
	}
	
div.skeddesc p {
	padding: 20px;
	}

table.tableSked {
	border: 1px solid #000;
	}

table.mainTable {
	margin-bottom: 15px;
	
	}

table.tableSked th {
	background: #ca082b;
	color: #fff;
	font:  bold 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 8px;
	border: none;
	border-collapse: collapse;
	
	}
	
table.tableSked td {
	color: #000;
	font:  normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	white-space: nowrap;
	padding: 5px 8px;
	border: none;
	border-collapse: collapse;
	
	}	
	
/* ---- */

/* --- News and Events classes --- */

table.newstable {
	width: 500px;
	margin-left: 40px;
	}
	
table td.newsdesc {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	
	
table td.newsdesc a, table td.newsdesc a:hover {
	color: #c81a31 !important;
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline !important;
	}
	
table.eventstable {
	width: 500px;
	margin: 64px 0 0 22px;
	}
	
table td.eventsdesc {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	
	
table td.eventsdesc a {
	color: #c81a31;
	}

/* ----- */

/* --- Client Quote Styles ---- */
.bigQuote {
	margin: 30px 0 0 0 !important;
	font-size: 20px !important;
	font-style: italic !important;
	color: #666 !important;;
}

.quoteAttribute {
	font-size: 14px !important;
	font-style: italic !important;
	color: #666 !important;;
}

div.textcolumn table div {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000
	}

div.textcolumn table td {
	vertical-align: middle;
}

div.textcolumn table fieldset {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 20px;
	border: 1px solid #e2e2e2;
	padding: 10px;
}	

div.textcolumn table fieldset table td {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px;
}

div.textcolumn table fieldset select, div.textcolumn table fieldset option  {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;	
	}

.sideClassInfo {
	background:#efefef;
	border:1px solid #e5e5e5;
	padding: 15px;
	width: 300px;
	margin-top: 20px;
}

div#res td.j {
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color: #666 !important;		
	}
	
div#res {}	

/* --- Sitemap --- */
.siteshell {
	width: 900px;
	}
	
.headcell {
	width: 280px;
	float: left;
	height: 165px;
	padding: 10px
	}	

.headcell li, .headcell li a, .headcell li a:hover {
	list-style: none;
	font: normal 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color: #000 !important;		
	}
	
.headcell li a	
/* --- */

img.closer {
	margin-bottom: -15px;
	}

div.content p.hotel-title a { 
	font-size: 13px; 
	font-weight: normal; 
	line-height: 1; 
	} 
.hotel-pic { 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 30px; 
}
#bALlO0nBdY a {
	font-family: Lucida Grande,Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size: 8pt;
}

.mobile {
	display: none;
	}
	
/* table#fc {
	*display: block;
	*width: 100%;
	}
	*/
	
div.leftart, div.rightart {
	float: left;
	padding: 8px;
	}
	
div.history {
	padding: 25px 0 25px 40px;
	*padding: 0;
	*margin:  25px 0 25px 40px;

	}	
	
div.history a{
	cursor: pointer;
	text-decoration: none;
	font-size: 16px !important;
	margin-right: 15px;
	width: 80px;
	display: block;
	float: left;
}

div.history a:hover{
	text-decoration: underline;
	font-size: 16px !important;	
	margin-right: 15px;
	width: 80px;
	display: block;
	float: left;
}

ul.history-text {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 11px;
	color: #666;
	}
	
p.history-text2 {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 11px;
	color: #666;
	lineheight: 1.3;	
	}	

ul.history-text li {
	margin-bottom: 15px;
	}


/* related to stick footer */
#footercont {
	bottom:0;
	clear:both;
	height:61px;
	margin:15px auto;
	position:relative;
	width:980px;
	background: url(/Portals/0/images/dsi-footerbox-bg.png) no-repeat 25px top ;
}

div.tabcontent a.remover,
div.tabcontent2 a.remover {
	*height: 1px;
	*height: 0;
	*width: 1px;
	*display:block;
	*margin: 0;
	*margin-top: 12px;
	*padding: 0;
	*float: left;
	*position: relative;
	*top: 0;
	}


.content label{
	float: left;
	width: 100px;
	font-weight: bold;
	}
	
.emslogo {
	background: url(/Portals/0/images/emslogo.png) no-repeat center center; 
	height: 51px;
	width: 100%;
	clear: both;
	float: left;
	margin-top: -50px;
	}	
	
/* videobox classes */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*-------------- Collaterals ---------------*/

.lnkEmailCollaterals {
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: block;
	margin: 10px auto;
	padding-top: 5px;
	}

a.lnkEmailCollaterals, a.lnkEditSaveCollateral,
a.lnkEditCancelCollateral, a.lnkEditDeleteCollateral, a.lnkEditPreviewCollateral{
	color: #000;
	}

.lnkEditDeleteCollateral {
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: inline-block;
	padding-top: 5px;
	text-align: center;
	margin-left: 10px;
}

.lnkEditPreviewCollateral{
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: inline-block;
	padding-top: 5px;
	text-align: center;
	margin-left: 10px;
}
	
.lnkEditSaveCollateral	{
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: inline-block;
	padding-top: 5px;
	text-align: center;
	margin-left: 10px;
}

.lnkEditCancelCollateral{
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: inline-block;
	padding-top: 5px;
	text-align: center;
}

.viewCollateralButton {
	background: url(/Portals/0/images/dsi-log-btn.png) no-repeat;
	font: 11px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 118px;
	height: 25px;
	display: block;
	padding-top: 5px;
	text-align: center;	
	}

#dnn_ctr829_EditCollaterals_ctl03 table {
	margin: 15px 10px;
	}

#dnn_ctr829_EditCollaterals_ctl03 table td {
	padding: 5px 0;
	}

div.searchResultPanel {
	width: 911px;
	margin: 0 auto;
	}

.searchControlPanel table{
	
	}
	
div.searchControlPanel {
	width: 791px;
	background: url(/Portals/0/images/collateral-search-bg.png) no-repeat;
	padding: 40px 60px;
	}

a.searchButton{
	color: #000;
	margin: 5px;
	padding: 6px 42px 8px;	
	}
	
select.searchField {
	margin:5px 60px 5px 3px;
	width:150px;
	width: 200px;
}

table.searchResultTable {
	background: #fff;
	width: 831px;
	margin: 0 auto;
	border: 1px solid; /* wierd syntax, but this was done to even out the border color in IE table */
	}
	
table.searchResultTable td{
	border: none;
	text-align: left;
	}
	

table.searchResultTable tr{
	border-bottom: 1px solid #000;
	}	
	
a#lnkCollateral {
	/*padding: 3px 36px 3px 99px;*/
	margin: 5px 35px 0 0;
	font-size: 10px;
	text-align: center;
	height: 20px;
	width: 133px;
}	

a.collateral {
	background: url(/Portals/0/images/dsi-collateral-btn.png) no-repeat top left;
	width: 137px;
	height: 23px;
	display: block;
	margin-top: 4px;
	margin-left: 20px;
	text-indent: -9000px;
	outline: none;

	}

/* #dnn_ctr831_DD {
	margin-top: -78px;
	} */

tr.searchResultTableHeader {
	border-style: none;
	background: url(/Portals/0/images/collateral-table-header.jpg) repeat-x;
	width: 835px;
	height: 38px;
	}
	
tr.searchResultTableHeader th {	
	border: 1px solid #920000;
	border-bottom: 1px solid #f9f6f7;
	height: 27px;
	padding-top:8px;
}
th.fieldItemHeader {
	color: #fff;
		}
		
div.collatLink {
	width: 200px;
	height: 31px;
	float: left;

	}