img { behavior: url('/ssw/include/iepngfix.htc'); }
body {
	background-image: url('/ssw/images/background_dna.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #555555;
	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
}

body > form 
{	
}
#mainPane a, #mainPane a:link, #mainPane a:visited, #subPane a, #subPane a:link, #subPane a:visited, #subpage a, #subpage a:link, #subpage a:visited {
	color: #3A66CC;
	border-bottom: 1px dotted #3A66CC;
}

#mainPane dl.image dt a, #mainPane dl.image dt a:link, #mainPane dl.image dt a:visited, #subPane dl.image dt a, #subPane dl.image dt a:link, #subPane dl.image dt a:visited, #subpage dl.image dt a, #subpage dl.image dt a:link, #subpage dl.image dt a:visited {
	border:none;
}

#mainPane a:hover, #subPane a:hover, #subpage a:hover
{
	color: red;
	border-bottom: 1px red solid;
}

.right 
{
    float:right;}
    
.left 
{
    float:left;}

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

* html .clearfix  {
    height: 1%;
    }
    
.clearfix, .block {
    display: block;
    }

.thumbnail {
	border: 1px solid #C0C0C0;
	float: left;
	margin: 3px 10px 0px 0px;
}
#train {
     padding-left: 10px;}

#train img 
{
    background: #e1e1e1;
    margin: 2px;
    padding:2px;}

#train a, #train a:link, #train a:visited, #train a:active, #train a:hover 
{
    border-bottom: none;}
* html .thumbnail {
	width: 67px;
}
.thumbnail img {
	border: 1px solid #c0c0c0;
	margin: 1px;
}
.section {
	margin-bottom: 25px;
}
.section h2.map
{
	margin:5px 0;
}
.section .content {
	border: 1px #d2d2d2 solid;
}
#mainPane {
	width: 529px;
	float: left;
	background: #fff /*Address text highlight issue in firefox */
}
#subPane {
	width: 256px;
	float: left;
	padding: 0 0 0 9px;
}
* html #subPane 
{
	padding: 0 0 0 5px;
}
#wrapper {
	background-image: url(/ssw/images/background.png);
	background-repeat: repeat-y;
	background-position: top center;
	min-width: 800px;
}
* html div#wrapper {
	background-image: url(/ssw/images/backgroundIE6.gif);
	padding-left: 1px;
}
#container {
	width: 799px;
	margin: 0 auto;
	border-bottom: 1px #aaaaaa solid;
	position:relative;
    background-color: #fff;
}
.clear {
	clear: both;
}
#subPane .section h1 {
	background-image: url('/ssw/images/box_header.gif');
	background-repeat: no-repeat;
	display: block;
	padding: 0 0 0 20px;
	color: #ffffff;
	height: 24px;
	font-size: 0.9em;
}
#mainPane .section {
	padding: 20px 50px 0 25px;
}
.expertise ul 
{
  float: left;
  margin: 0 0 0 0 ;
  width: 500px;
  padding: 5px;
}

* html .expertise ul
{
	width: 449px;
}
.expertise li {
  float: left;
  width: 240px;
  margin: 0;
  padding: 0 0 0 10px;
  font-size :0.85em;
  background-image: url('/ssw/images/bullet_square.gif');
  background-position: 0 9px;
  background-repeat: no-repeat;
  color: #333;
}
* html .expertise li
{
	width: 213px;
}
.expertise p
{
	font-size: 10px;
	color: #666;
	line-height: 1.3em;
	border: 1px dashed #ddd;
	background-color: #efefef;
	padding: 3px;
	margin-top: 10px;
}
.section .content {
	background: url(/ssw/images/bg_section.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	background-position: 0 -1px;
	padding: 5px;
	margin-right:4px;
}
#featurewall {
	border-bottom: 3px #c0c0c0 solid;
	text-align: center;
	line-height: normal;
	height:186px;
}
* html #featurewall 
{
	border: none;
}
* html #featurewall a
{	
	border-bottom: 3px #c0c0c0 solid;
	text-align: center;
	line-height: normal;
	height:186px;
}
#mainPane div.ad {
	text-align: center;
	clear: both;
	display: block;
}
#mainPane .section h1, #mainPane .section h1 a:link, #mainPane .section h1 a:visited {
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	color: #fd1912;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 5px;
	text-decoration: none;
	border:none;
}
#mainPane .section h1 a:hover
{
	text-decoration: underline;
}
#mainPane .section h1.first {
	padding-top: 30px;
	padding-bottom: 5px;
}
#mainPane .section h2 
{	
	font-weight: normal;
	color: #888888;
	margin-top: -5px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
#subPane #search {
	margin: 15px auto 20px auto;
}
#search .go {
	vertical-align: middle;
	border: 1px solid #a2a2a2;
}
#search input.q, input.n {
	font-size: 90%;
	color: #808080;
}
input.q
{
	padding: 2px 2px 0 2px;
	height: 18px;
	vertical-align: middle;
	border: solid #a2a2a2;
	border-width: 1px 0 1px 1px;
	width: 221px;
}
#search input.q:focus, #search input.q:active 
{
	border-top: 1px #AD3D43 solid;
	border-left: 1px #EDB7BE solid;
	border-bottom: 1px #EDB7BE solid;
	font-style: normal;
	color: #333333;
}
/*#subPane .testimonial blockquote {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-size: 1.2em;
	background-image: url(/ssw/images/quote_open_home.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
*/
#subPane .testimonial blockquote p {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-size: 1.2em;
	background-image: url(/ssw/images/quote_open_home.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
/* 

Removed this as it was causing linebreak issues

#subPane .testimonial blockquote:after {
	content: '"';
} 
*/
#subPane .testimonial p {
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	line-height: normal;
}
#subPane .testimonial blockquote p {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-weight:normal;
	font-size: 1.2em;
	background-image: url(/ssw/images/quote_open_home.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.popular {
	width: 49%;
	float: left;
}
.popular li {
	background: url(/ssw/images/bullet_square.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 9px;
	font-size:0.85em;
}
.testimonial {
	background: #e0e0e0;
}
.rbtop div {
	background: url(/ssw/images/tl.gif) no-repeat top left;
}
.rbtop {
	background: url(/ssw/images/tr.gif) no-repeat top right;
}
.rbbot div {
	background: url(/ssw/images/bl.gif) no-repeat bottom left;
}
.rbbot {
	background: url(/ssw/images/br.gif) no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent {
	padding: 0 15px 7px 15px;
}
.testimonial {
	width: auto;
	text-align: right;
	margin-bottom: 25px;
	margin-right:4px;
}
p.daystogo {
	color: #a2a2a2;
	right: 0px;
	top: 0px;
	font-weight: bold;
}
p.daystogo span {
	font-size: 1.2em;
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	color: #EA8D1E;
}
p.datetime {
	line-height: 1.2em;
	color: #333333;
	font-size: 90%;
	margin-bottom: 5px;
}
p.presenter {
	color: orange;
}
.datetime span.date {
	font-weight: normal;
}
.showmore {
	font-size: 80%;
	position: absolute;
	right: 15px;
}
#subPane .event {
	padding-bottom: 20px;
	padding-top: 20px;
}
#nav {
	background-image: url('/ssw/images/bg_nav.gif');
	background-repeat:repeat-x;
	height: 117px;
}
#msgoldpartner {
	position:absolute;
	top: 10px;
	left: 715px;
}
#sswlogo {
	position: absolute;
	top: 10px;
	left: 10px;
}
#nav h1 {
	font-size: 20px;
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	font-weight: normal;
	color:#444444;
	position:absolute;
	top: 50px;
	left: 155px;
	width: 520px;
	height: 30px;
	overflow:hidden;
	line-height: 150%;
}

div#headerMenu
{
	padding: 5px 0 0 155px;
	background-repeat: repeat-x;
	/*background-image: url(../Images/HeaderMenuBarBack.gif);*/
	height: 30px;
	font-size: 80%;
	top: 81px;
	position:absolute;
	left: -6px;
	z-index:10;
}
.dayleft {
	font-family: "trebuchet ms", arial, tahoma, verdana, sans-serif;
	font-size: 1.8em;
	color: #EA8D1E;
}
#subpage {
    background-color: #fff;
}
#subpage #title, #titleSales {
	width: 500px;
	position: absolute;
	top: 185px;
	left: 20px;
}
#titleCase {
	width:300px;
	position:absolute;
	top:145px;
	left:30px;
}

#subpage #title h1, #titleSales h1, #titleCase h1, #subpage #titleUX h1, #titleUX h3{
	font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	color: #fff;
	z-index:-1;
}
#subpage #titleUX h1, #titleUX h3
{
	color:#fd1912;
}
#subpage #titleCase h1{
	line-height:30pt;	
}
#subpage #title h2, #titleSales h2, #subpage #titleUX h2{
    font-weight: normal;
    color: #fff;
    z-index:-1;
}
#titleUX h3
{
	/*font-size:1.4em;*/
	margin-top:1em;
}
#subpage #titleUX h2
{
	color:#888;
	margin:2px 0 8px;
}
/*add css for user experience page*/
#subpage #titleUX, #subpage #showcase 
{
	color:#555;
	margin:0;	
}
#subpage .WebsiteDesign
{
	background:url('/ssw/company/images/header_ux.jpg') no-repeat;
}

#subpage .ConsultingOptions 
{	background:url('/ssw/images/header_scrum_temp.png') no-repeat;
    height: 209px;
    padding: 35px 20px 40px 475px;
    margin: 0;
    }

#subpage #titleUX .ConsultingOptions ul 
{	padding: 15px 0px 20px 0px;
    }

#subpage #titleUX .ConsultingOptions ul li
{	
background: transparent url(/ssw/images/tick.gif) no-repeat left center;
font-size: 14px;
padding: 3px 5px 3px 40px;
margin-bottom: 10px
    }

#titleUX .UXcontent
{
	width:550px;
	padding:50px 0 0 45px;
}
#titleUX .UXcontent h1
{
	margin-top:20px;
}
#subpage #titleUX ul
{
	padding:0;
}
#subpage #titleUX ul li
{
  background-image: url('/ssw/images/bullet_square.gif');
  background-position: 0 9px;
  background-repeat: no-repeat;
  padding-left:15px;
}
#subpage #showcase
{
	margin-left:45px;	
	width:719px;	
}
#showcase .case
{
	border-top:1px dashed #DDDDDD;
	padding:15px 0;
	margin-top:20px;
}
#showcase .details
{
	width:380px;
}
#showcase .details span.client
{
	font-weight:bold;
}
#showcase ul.tech 
{
	color:#ea8d1e;
}
#showcase ul.tech li
{
	background-image:none;
}
#showcase span.more
{
	background:url(/ssw/Images/icon_link.gif) no-repeat 100% 80%;
	padding-right:15px;
}
#showcase .details a.more
{
	font-size:11px;	
}

/*jQuery light box*/
#showcase .popeye
{
	float:right;
	background:url(/ssw/company/Images/showcases/thum_template.jpg) no-repeat;
	/*overflow:auto;    fallback popeye is scrolling! */
    height:235px;  /* set to max height of fallback popeye */
}
.popeye-stagewrap
{	
	background-color:#333333;
	width:292px;
	height:192px;
	margin:5px 5px 13px 5px;
}
.popeye ul,.popeye li 
{              
    list-style:none; 
    margin:0;
    padding:0;
}
.popeye ul li.notshow
{
	display:none;
}
#showcase .popeye a
{
	color:#5c5c5c;
	border-bottom: 1px #5c5c5c dotted;
	font-size:11px;
}
 .popeye-tools 
{
   position: relative;
   height: 25px;
}
.popeye-tools .popeye-enlarge 
{
  display:none;
}
.popeye-tools .popeye-prev 
{
 position: absolute;
 right: 50px;
}
.popeye-tools .popeye-next
{
 position: absolute;
 right: 0px;
}
.popeye-tools .popeye-count
{
 position: absolute;
 right: 120px;
 font-size:11px;
}
/*end jQuery light box*/
/*end user experience page*/
#subpage #titleSales h1{
	color: #fd0;
}
#subpage #index {
    position: absolute;
    top:145px;
    right:30px;
    width: 200px;
    z-index: 5;
}
#subpage #index li {
    background-image:url(/ssw/images/bullet_square.gif);
    background-position:0pt 9px;
    background-repeat:no-repeat;
    padding-left: 15px;
}
#maincontent p + ul li, #maincontentFull p + ul li, #maincontentCase p + ul li,#maincontent ul li, #maincontentFull ul li, #maincontent ul li ul li{
    background-image:url(/ssw/images/bullet_square.gif);
    background-position:0pt 9px;
    background-repeat:no-repeat;
    padding-left: 15px;
    margin-left: 1.5em;
}
#maincontent ul, #maincontent ol
{
    padding-bottom: 1em;
}
#maincontent td ul 
{
    padding-bottom: 0;
}
p + ul {
	padding: 0 0 1em 0;
}

#subpage #index ul {
    padding-top: 3px;
}
#subpage #index li:hover {
    background-image: url(/ssw/images/arrow_tiny.gif);
}

#maincontentCase {
    width: 720px;
    padding: 10px 10px 0 30px;
    display: block;
    float:left;
}
#maincontent ul li ul li
{
	background-image:url(/ssw/images/bullet_square_grey.gif);	
}
#subpage #maincontent {
    width: 515px;
    padding: 10px 0px 0 30px;
    display: block;
    float:left;
}
#subpage #maincontentFull {
    width: 745px;
    padding-left: 30px;
    display: block;
    float:left;
    margin-bottom:20px;
}
#subpage #maincontent #maincontentFull /*Remove margin in case the full content is placed under #maincontent*/
{
    padding: 0;
    float:none;
    width: 750px;
}
#subpage p
{
margin-bottom: 1em;
}
#subpage #sidebar {
    display: block;
    width: 205px;
    float: left;
    margin: 20px 0 0 20px;
}
#maincontent table 
{
    border-collapse: collapse;
    border-spacing: 0;
}
#maincontent table th
{
    text-align: left;
    font-weight: bold;
    color: #333;
}
#maincontent table tr
{
}
table.outline
{
    margin: 1em 0 3em 0;
    font-size: 12px;
    border-collapse: collapse;
}
table.outline caption
{
    text-align: left;
    padding-left: 1em;
    font-weight: bold;
}
table.outline td,
table.outline th
{
    padding: 0.5em 1em;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align:left;
}
table.outline th[scope=row]
{
    background-color: #f0f0f0;
    color: #575757;
    width: 33%;
}
table.outline th.topic 
{
    width: 30%;
}
span.small 
{
    font-size:9px; line-height:normal; font-weight:normal;
}
#maincontent table.beautyTable
{
	border:1px solid #ddd;
	margin-top:5px;	
	width:100%;
}
#maincontent table.beautyTable tr td
{
	padding:5px 10px;
}
#maincontent table.beautyTable tr.odd
{
	background-color:#f0f0f0;
}
#sidebar {
    font-size: 11px;
    line-height: 16px;
}
#subpage #maincontent h1, #maincontentCase h1, #maincontentFull h1 {
    font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: normal;
    color: #fd1912;
    margin-bottom: 0.5em;
    padding-top: 10px;
    clear:both;
}

#subpage #maincontent ul.benefits li, #maincontentFull ul.benefits li{
    background-image: url(/ssw/images/bullet_check.gif);
    background-repeat: no-repeat;
    background-position: 8px 9px;
    padding: 6px 0 0 30px;
    margin:0;
}
#subpage #maincontentCase .sectionLeft {
	/*width:350px;*/
	margin-bottom:30px;
}

/*This is for ssw/company/casestudy.aspx*/
.sectionRight, .sectionRightpic {
    display: block;
    float: right;
    margin: 20px 0px 0 20px;
}
.sectionRight
{
	width: 320px;
}
.sectionScreen {
	float:right;
	margin:-85px -10px 0px 0px;
	width:340px;
}

#sidebar .section {
    border-color:#BDC2C6;
    border-style:solid;
    border-width:0 1px 1px 1px;
    background-color:#f0f0f0;
    display:block;
    margin:0px;
    padding:10px 10px 20px 15px;
}
#sidebar .section  {
	color: #666;
}
#sidebar .section h3, .rounded h3 {
    font-size: 1.2em;
    color: #333;
    padding-top: 7px;
    margin-bottom: 0.5em;
}
#sidebar .section h4 {
    padding: 0;
    color: #444;
}
#sidebar .rounded + .section {
}
#sidebar .rounded {
    background-image: url(/ssw/images/bg_rounded.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 27px;
    padding: 0 15px;
}
* html #sidebar h3.rounded {
	border: 1px red solid;
}
div#sidebar .first {
    border-top: 1px #ccc solid;
}
#sidebar .section table
{
	width:180px;
	border:none;
}
#sidebar div.offer > div
{
    padding: 0 0 0 42px;
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 20px;
}
#sidebar div.offer .onsite
{
    background-image: url(/ssw/images/offer_onsite.png);
}
#sidebar div.offer .customworkshop
{
    background-image: url(/ssw/images/offer_custom.png);
}
#sidebar div.offer .trainday
{
    background-image: url(/ssw/images/training_sun.png);
}
#sidebar div.offer .trainnight
{
    background-image: url(/ssw/images/training_moon.png);
}
#sidebar div.offer .selfpaced
{
    background-image: url(/ssw/images/offer_selfpaced.png);
}
#sidebar .offer h4 
{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 1px;
    color: #444;
}
#sidebar .offer dl 
{
    margin: 0 0 1em;
    overflow: hidden;
    background: transparent url(/ssw/images/dot.gif) repeat-x 0 1em;
}
#sidebar .offer dt
{
    float:left;
    background: #F0F0F0;
}
#sidebar .offer dd
{
    float: right;
    background: #F0F0F0;
}
/*testimonial for sidebar*/
#sidebar .sidebarTestimonial
{
	display: block;
	margin: 0px;
	padding-top:25px;
}

#sidebar .testimonial blockquote p
{
	font-family: Georgia, "Times New Roman" ,Times,serif;
	font-style: italic;
	font-size: 1.2em;
	background-image: url(/ssw/images/quote_open_home.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#sidebar .testimonial p
{
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	line-height: normal;
}
#sidebar .testimonial blockquote p
{
	font-family: Georgia, "Times New Roman" ,Times,serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1em;
	background-image: url(/ssw/images/quote_open_home.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#sidebar .rbtop div
{
	background: url(/ssw/images/tlw.gif) no-repeat top left;
}
#sidebar .rbtop
{
	background: url(/ssw/images/trw.gif) no-repeat top right;
}


#sidebar .rbbot div
{
	background: url(/ssw/images/blw.gif) no-repeat bottom left;
}
#sidebar .rbbot
{
	background: url(/ssw/images/brw.gif) no-repeat bottom right;
}

/*end sidebar testimonial*/
#maincontent .accordionHeader {
    padding: 5px 5px 7px 30px;
    margin: 1em 0;
    background-image: url(/ssw/company/images/accordion_headers.gif);
    background-repeat: no-repeat;
}
#maincontent .accordionHeaderSelected {
    padding: 5px 5px 7px 30px;
    margin-top: 5px;
    background-image: url(/ssw/company/images/accordion_headers_selected.gif);
    background-repeat: no-repeat;
}
#maincontentCase .accordionHeader {
    padding: 5px 5px 7px 30px;
    margin-top: 5px;
    background-image: url(/ssw/company/images/accordion_headers350.gif);
    background-repeat: no-repeat;
}

#maincontent .accordionHeader a, #maincontent .accordionHeader a:link, #maincontent .accordionHeader a:visited {
    color: #444;
    text-decoration: none;
    border-width: 0px;
}
#maincontentCase .accordionHeader a, #maincontentCase .accordionHeader a:link {
    color: #444;
    text-decoration: none;
}

#maincontent .accordionContent {
    padding: 0 20px 30px 30px;
}
#maincontentCase .accordionContent {
    padding: 0 20px 30px 30px;
}

#maincontentFull .accordionHeader {
    padding: 5px 5px 7px 30px;
    margin-top: 5px;
    background-image: url(/ssw/company/images/accordion_headers_full.gif);
    background-repeat: no-repeat;
}    
#maincontentFull h2
{
	margin-bottom:0.5em;
}

/*testimonial for services pages*/
#sidebar .servicesTestimonial
{
	display: block;
	margin: 0px;
	padding:10px;
	text-align:right;
}
#sidebar .servicesTestimonial blockquote p
{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-weight:normal;
	font-size: 1.2em;
	background:url(/ssw/images/quote_open_services.png) no-repeat;
	padding-top:5px;
}
#sidebar .servicesTestimonial p
{
    font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	line-height: normal;
}

/* ******************** */
/* *  Link Css        * */
/* ******************** */

/* Removing this method and reverting to jquery. Does not suit the complexity of our website

a[target^="_blank"]:after 
{
    padding-left:4px;
    content: url(/ssw/images/external.gif);
    }

*/

/* Cheat way to remove inline images */

img[src$="LeaveSite.gif"], img[src$="leavesite.gif"], img[src$="NewWindow.gif"], img[src$="IconPdf.gif"], img[src$="NewWindow.gif"], img[src$="IconDoc.gif"], img[src$="iconwmv.gif"], img[src$="iconAudio.gif"], img[src$="IconPPT.gif"] {
    display:none;
    }

/* ******************** */
/* *  Image  Caption  * */
/* ******************** */
dl.imagemap{
	border : none;
	text-align : left;
	margin:0 0 15px 0;
	padding:0;
}
dl.imagemap dt{
  margin : 0 ;
  border : none ;
  padding : 0 ;
}
dl.imagemap dt img{
	margin : 0 auto;
	border : 1px solid #cccccc;
	padding : 15px;
	color : #cccccc;
	background : #eee;
}
dl.imagemap dd{
  margin : 0 ;
  border : none ;
  padding : 0px ;
  font-size : 90% ;
  font-weight :normal ;
  color : #000000 ;
}
dl.imagemap dd a
{
	border-bottom:1px dotted #007cc3;
}
/* ******************** */
/* * right Image  Caption  * */
/* ******************** */
dl.imgRight
{
	border : none;
	text-align : left;
	margin:13px 0 3px 10px;
	padding:0;
	float:right;
	clear: right;
}
dl.imgRight dt
{
  margin : 0 ;
  border : none ;
  padding : 0 ;
}
dl.imgRight dd
{
margin : 0 ;
  border : none ;
  padding : 0px ;
  font-size : 90% ;
  font-weight :normal ;
  color : #000000 ;
}
/* ******************** */
/* *  EL 23/11/2007   * */
/* *  CustomError 404 * */
/* ******************** */

#frmSearch {
	background-image: url(/ssw/Images/404page1.jpg);
	display: block;
	background-repeat: no-repeat;
	height: 400px;
	width: 800px;
	position: relative;
}
#frmSearch  .content{
	padding-top: 100px;
	padding-left: 200px;
}
#frmSearch .content #txtSearchFor {
	height: 30px;
	width: 400px;
	margin:0;
	font-size: 1.5em;
	vertical-align: middle;
	padding: 5px 0 0 5px;
	border: 1px solid #A6A6A6;
	color:#333333;
}
#frmSearch .content #btnSearch {
	position: relative;
	vertical-align:middle;
}
#frmSearch .links {
	background-position: right;
	position: absolute;
	top: 30px;
	right: 40px;
}
#frmSearch .content p {
	width: 500px;
	display: block;
	line-height: 1.5em;
	padding-bottom: 20px;
	color: #696969;
}
/* *************************** */
/* *  Blockquote wrap right  * */
/* *************************** */
Div.quoteRightWrap, Div.quote
{
	display: block;
	background: #EEE;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCC;
	background-image: url(/ssw/images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding: 10px;
	margin: 10px 15px;
}
Div.quoteRightWrap blockquote, Div.quote blockquote
{
	text-align: left;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 120%;
	margin: 0px 0px 0px 15px;
	font-style: italic;
}
Div.quoteRightWrap blockquote p{
	text-align: left;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 120%;
	margin: 0px 0px 0px 15px;
	font-style: italic;
	font-weight:normal;
}
Div.quoteRightWrap p, Div.quote p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	padding-bottom:0px;
}
Div.quoteRightWrap p img, Div.quote p img 
{
	vertical-align:bottom;
	float:right;
}
/*used by the sitemap in FinalNew.Master*/
#breadcrumb
{
	 padding-left:20px;
	 padding-top: 10px;
}
/*the whole pane below breadcrumb*/
#contentPane
{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:15px;
	min-height:360px;	
}
table.clsSSWTable
{
	border: 2px solid #999999;
	padding: 0px;
	margin: 4px;
	background-color: #f5f5f5;
}

table.clsSSWTable th
{
	font-weight: bold;
	color: Black; /*border-bottom: #ef0000; 	/*color: white;*/
	background-color: #DDDDDD;
	border-bottom: 1px solid #FD1912;
	text-align: left;
}

table.clsSSWTable tr
{
	background-color: #f5f5f5;
}

table.data
{
	font-size: x-small;
	border-color: #999;
	border-collapse:collapse; /* Cellspacing in IE */
}
table.data tr:nth-child(2n) 
{
    background-color: white;
    }
#contentPane h2, #contentPane.h2
{
	font-weight: bold;
	font-size: small;
	border-bottom: 2px solid red;
	background-color: #eeeeee;
	font-size: 12px;
	padding: 3px;
	margin: 20px 0 10px 0;
}
TABLE.SSWTableShop
{
	border: 1px solid #efefef;
	padding: 0px;
	margin: 0px;
	background-color: #f5f5f5;
	width: 100%;
}
TABLE.SSWTableShop td
{
	padding-bottom: 5px;
}
TABLE.SSWTableShop td.fieldnamecol
{
	width: 180px;
}
table.SSWTableShop input
{
	border: 1px solid #808080;
	color: #4D4D4D;
	font-size: 14px;
	padding: 4px 2px;
}
table.SSWTableShop textarea
{
	border: 1px solid #808080;
	color: #4D4D4D;
	font-size: 14px;
	padding: 4px 2px;
}
table.SSWTableShop cellspacing
{
	border-spacing: 3px;
}
div.TableOfContents
{
	border: #999 1px solid;
	background-color: #eee;
	padding: 10px 10px 20px 10px;
	margin: 2em 1em;
}

#contentPane ol, #maincontentFull ol, #maincontent ol
{
	list-style-type: decimal;	
	padding-left: 6px;
}
#maincontent ol
{
	padding-top:10px;
}
#contentPane ol li, #maincontentFull ol li, #maincontent ol li
{
    padding-left: 10px;
    margin-left: 1.5em;
}
#maincontent ol li ul.alpha
{
	list-style-type:lower-alpha;
	list-style-position:inside;
	padding:5px 0;
}
#maincontent ol li ul.alpha li
{
	margin-left:0;
}
dl.image, dl.goodImage, dl.badImage
{
	border: none;
	text-align: left;
	margin: 1.2em 0 1.2em 1.2em;
	padding: 0 1.2em 0 1.2em;
}
dl.image dt, dl.goodImage dt, dl.badImage dt
{
	margin: 0;
	border: none;
	padding: 0;
}
dl.image dt img, dl.badImage dt img, dl.goodImage dt img
{
	margin: 0 auto;
	border: 1px solid #cccccc;
	padding: 15px;
	color: #cccccc;
	background: #eee;
}
dl.image dd, dl.goodImage dd, dl.badImage dd
{
	margin: 0;
	border: none;
	padding: 0px;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
}
dl.goodImage dd
{
	background-image: url(/ssw/Standards/Rules/images/Good.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0 0 0 20px;
}
dl.goodImage dd:before
{
	content: "<img src=" /ssw/Standards/Rules/images/Good.gif ">";
}
dl.badImage dd
{
	background-image: url(/ssw/Standards/Rules/images/Bad.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0 0 0 20px;
}
dl.badImage dd:before
{
	content: "<img src=" /ssw/Standards/Rules/images/Bad.gif ">";
}
#contentPane a
{
 text-decoration:underline;	
}
.greyBox
{
	border: 1px solid #999999;
	background: #F5F5F5;
	padding: 5px 10px;
	margin: 5px 10px;
}
/*Login Progress Bar*/
.loginProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.loginProgressContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.loginProgressHeader
{
    background: url(/ssw/images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.loginProgressBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

/* ******************* */
/* *   Link Styles   * */
/* ******************* */
/* a.external, a.external:link
{
	background-image: url(/ssw/Images/LeaveSite.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 4px;
}
a.newWindow, a.newWindow:link
{
	background-image: url(/ssw/Images/NewWindow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 4px;
} 
a.pdf, a.pdf:link
{
	background-image: url(/ssw/Images/IconPdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 4px 3px 20px;
}
a.audio, a.audio:link
{
	background-image: url(/ssw/Images/IconAudio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 4px 3px 20px;
}
a.video, a.video:link
{
	background-image: url(/ssw/Images/iconVideo.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 4px 3px 20px;
}
a.wmv, a.wmv:link
{
	background-image: url(/ssw/Images/iconwmv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 4px 3px 20px;
}
a.eps, a.eps:link
{
	background-image: url(/ssw/Images/IconEps.gif);
	background-repeat: no-repeat;
	background-position: -4px top;
	padding: 3px 4px 3px 20px;
}
a.gif, a.gif:link
{
	background-image: url(/ssw/Images/iconGif.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 4px 3px 20px;
}
*/
/* ******************* */
/* *  Rules Styles   * */
/* ******************* */
#maincontentFull .code, dl.goodCode dt, dl.badCode dt 
{
    background:#E7E6F4 none repeat scroll 0 0;
    border-color:#999999;
    border-style:solid;
    border-width:1px 1px 1px 10px;
    margin:5px 10px;
    padding:5px 10px;
    font-size: 10px;
}

#maincontentFull dl.goodCode dd 
{
    background-color:transparent;
    background-image:url(/ssw/Standards/Rules/images/Good.gif);
    background-repeat:no-repeat;
}

#maincontentFull dl.badCode dd
{
    background-color:transparent;
    background-image:url(/ssw/Standards/Rules/images/Bad.gif);
    background-repeat:no-repeat;
}

#maincontentFull dl.code dd, #maincontentFull dl.goodCode dd, #maincontentFull dl.badCode dd
{
    padding:0 0 0 20px;
    margin-left:10px;
}

#maincontentFull dl.code dd, dl.goodCode dd, dl.badCode dd
{
    border:medium none;
    color:#000000;
    font-size:11px;
    font-weight:bold;
}

#maincontentFull .highlight 
{
    background-color:#FFFF00;
}

#maincontentFull .strike, a.strike 
{
    text-decoration:line-through;
}

#maincontentFull .flyoutBox 
{
    border-color:#999999;
    border-style:solid;
    border-width:1px 0 1px 10px;
    margin:5px 10px;
    padding:5px 10px;
}

#maincontentFull .multimediaBox
{
    background:#FFFFCC url(/ssw/Standards/Rules/Images/icon-multimedia.jpg) no-repeat scroll 5px 5px;
    border:1px dashed #999999;
    margin:5px 10px;
    padding:10px 5px 15px 100px;
}

#maincontentFull .infoBox 
{
    background-color:#EEEEEE;
    background-image:url(/ssw/Images/icon_info.gif);
    background-repeat: no-repeat;
	background-position: 5px 5px;
    border:1px dashed #999999;
    margin:8px;
    padding:10px 5px 15px 60px;
}

#maincontentFull .productBox 
{
    background-color:#F5F5F5;
    border:2px solid #FFCC00;
    margin:4px;
    padding:5px;
}

#maincontentFull .download, #maincontent .download 
{
   /*background-color:#F4F3D5;
    border:1px solid #FFC68F;*/
    margin:8px 8px 8px 0;
    padding:8px 0;
    text-align:center;
}

.interInfoBoxSide
{
	background-color: #EEEEEE;
	background-image: url(/ssw/Images/Icon_attention.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px dashed #999999;
	padding: 10px;
	float: none;
	margin: 8px;
	font-size: 11px;
	line-height: 120%;
	padding:10px 5px 15px 60px;
}
#subPane div.interInfoBoxSide h1
{
	font-size: 14px;
	font-weight: normal;
	line-height:18px;
	background:none;
	padding-left:0;
	padding-top:5px;
	color:#FD1912;
	font-family:"trebuchet ms",tahoma,arial,verdana,sans-serif;
}
#maincontentFull div.quoteRightWrap, div.quoteRightWrapImg 
{
    float:right;
    width:350px;
}

#maincontentFull .techBreakfastIcon
{
    float:left;
    margin-right: 10px;
}

#maincontentFull .techBreakfastDescription
{
    margin-left: 106px;
}

#maincontentFull .download, #maincontent div.download
{
    width:300px;
    height:110px;
}
#maincontent div.narrowDownload, #maincontentFull div.narrowDownload
{
	margin:50px auto;
	padding:0;
	color:#555;
}

.NETUGdownload input[type=text] 
{
    width: 200px;
    padding: 5px;
    }

.NETUGdownload 
{
    text-align: center;
    color:#555555;
margin:30px auto 50px;
padding:0;
    }

.NETUGdownload a#newsletterSignUpButton
{
    display: inline-block;
    *zoom: 1;
    background: transparent url(/ssw/NETUG/Images/NEWbutton.jpg) no-repeat top left;
    width: 140px;
    height: 50px;
    border-bottom: 0px;
    }

#oversizeMaincontent
{
	width:740px;
}
/* ******************* */
/* *   OurClients    * */
/* ******************* */
#maincontentFull .logoClient
{
    float:left;
    border-right:1px #eee solid;
    padding:5px 15px 0 0;
    margin:15px 15px 5px 0;
}

#maincontentFull .logoClient a img
{
    border:none;
}

#maincontentFull .testimonialsOurClients
{
	display: block;
	background: #EEE;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCC;
	background-image: url(/ssw/images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding: 10px;
	margin: 10px 15px;
}

#maincontentFull .testimonialsOurClients blockquote
{ 
	text-align: left;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 120%;
	font-style: italic;
}

#maincontentFull .testimonialsOurClients p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	padding-bottom:0px;
	vertical-align:bottom;
}

#maincontentFull div.caseStudy
{
margin-left:15px;
}


/**** display none to hide the unwanted content place holder form sub-master page****/

.notshow
{
	display:none;
}
img.regist_grey
{
	width:131px;
	height:48px;
	margin-left:22px;
}
/*****style for right float hover image of video***/
.joeVid {
	clear : left;
	width : 202px;
	float : right;
	text-align : left;
	font-size : 11px;
	line-height : 130%;
	margin-top : 0px;
}

.joeVid p { margin : 0 0 0 10px ; padding : 0 !important; margin-top : 3px; color : #444; }
/*seperate css from imgRight by using presenter's name to switch between class*/
.joe
{
	background:transparent url('/ssw/Events/Images/hover_joe.jpg') no-repeat 0 0;
}
.adam
{
	background:transparent url('/ssw/Company/Images/video_Adam.jpg') no-repeat 0 0;
}

#subpage a.imgRight
{
	width:182px;
	height:182px;
	color:#000;
	clear : right;
	display : block;
	border : none;
	margin:0 0 0 10px ;
	padding:0;
	border-bottom:none;
	cursor:pointer;
}
#subpage a.imgRight:hover
{
	background-position:0 -182px;
	border-bottom:none;
}


/* start video player styles */
#wrap
{
	height : 100%;
	width : 100%;
	position : absolute;
	left : 0;
	top : 0;
	z-index : 1;
	background : black;
}

#homeVidWrapper
{
	width : 522px;
	height : 298px;
	padding-top : 19px;
	padding-bottom : 19px;
	position : absolute;
	left : 50%;
	margin-left : -256px;
	top : 160px;
	display : none;
	z-index : 100;
}

#silverlightControlHost
{
    background : black url(/ssw/Video/loading.gif) scroll no-repeat center center;
	width : 512px;
	height : 288px;
	border : 5px solid #333;
}

#homeVidWrapper .closebutton, #homeVidWrapper .popup
{
	border : 1px solid #333;
	position : absolute;
	background : #FD1912;
	text-align : center;
	color : white;
	font-size : 9px;
	line-height : 13px;
	font-weight : bold;
}

#homeVidWrapper a
{
	color : white;
}

#homeVidWrapper .closebutton a
{
    padding : 0 15px;
}

#homeVidWrapper .closebutton, #homeVidWrapper .closebutton a
{
	top : 0px;
	right : 0px;
	width : 40px;
	height : 15px;
}

#homeVidWrapper .popup
{
	bottom : 0px;
	left : 0px;
	width : 135px;
	height : 15px;
}

/* Event styles */
#eventsummary
{
    font-family: Arial, Helvetica, Sans-Serif;
/*    float: left;  */
    margin-bottom: 24px;
    display: block;
    position: relative;
    /*width: 100%;*/
}
#maincontent #eventsummary .thumbnail
{
    margin-top: 6px;
    margin-right: 15px;
}
#maincontent #eventsummary h1 
{
    color: #000;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    border-bottom: 4px solid #b6b6b6;
    padding-bottom: 23px;
    margin-bottom: 0;
    min-height: 65px; /*this is the same height as the image thumbnail*/
}
#eventsummary ul li,
#eventsummary ul li ul li
{
    background: none;
    margin: 0;
    padding: 0;
}
#eventsummary ul.schedule {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding:0;
	margin-bottom: 20px; 
}
#eventsummary ul.schedule > li {
	height: 40px;
	border-top: 1px solid #ccc;
	padding: 1px 0;
}
#eventsummary ul.schedule ul {
}
#eventsummary ul.schedule a {
	color: #333;
	text-decoration: none;
	border: none;
}
#eventsummary ul.schedule li li a:hover {
	color: #666;
	text-decoration: underline;
	cursor: pointer; /*this is to force pointer in IE*/
}
#eventsummary ul.schedule li li {
	border-left:1px solid #CCCCCC;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:27px;
	vertical-align: middle;
	margin-top:4px;
	color: #bbb;
	text-align:center;
	width:87px;
	line-height: 13px;
	padding-top: 2px;
}

#eventsummary ul.conference li li {
	height:40px;
	margin-left:1px;
	margin-top: 0px;
	padding-top: 0px;
}

#eventsummary ul.conference li li.conferencelocation
{
    background: none;
	width: 115px;
	line-height:18px;
}

#eventsummary ul.conference li li.conferencelocation:hover
{
    background: none;
}

#eventsummary ul.schedule li li span {
	display: block;
	font-weight: bold;
	font-size: 10px;
	color: #bbb;
}
#eventsummary ul.schedule li li a span {
	color: #fff;
	background: transparent url(/ssw/images/button_mini.png) no-repeat top center;
	height: 16px;
	margin-top: 2px;
}
#eventsummary ul.schedule li li a:hover span:hover
{
    text-decoration: none;
    color: #f4d5d4;
}
#eventsummary ul.schedule li li span.sold {
	color: #fd1912;
}
#eventsummary ul.schedule li li span.few {
	color: #e66c00;
}
#eventsummary ul.schedule li li:first-child{
	border: none;
}
#eventsummary ul.schedule > li strong {
	background: #e5e5e5 url(/ssw/images/schedulebg.png) no-repeat right center;
	display: block;
	float:left;
	height:40px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	width: 120px;
	padding: 0 0 0 12px;
}

#eventsummary ul.conference > li strong {
	line-height: normal;
	height:auto;
	padding: 5px 0 8px 12px;
}

#eventsummary ul.conference > li.flag {
	height: 50px;
	line-height: 50px;
}

#eventsummary ul.conference > li.flag strong {
	padding: 10px 0 8px 12px;
	width: 150px;
}

#eventsummary ul.conference li.flag li 
{
    line-height: 50px;
    height: 50px;
    margin-top:0px;
    }

#eventsummary ul.conference li.flag li a span 
{
    margin-top: 16px;
    }

#eventsummary ul.conference li.discount{
border-left:none;
color:Red;
line-height: 50px;
width: 50px;
}

#eventsummary ul.conference li.discount:hover{
background:white;
color:Red;
}

#eventsummary ul.conference > li {
	height: 40px;
}

#eventsummary ul.conference > li strong span {
text-transform:uppercase;
color:#888;
font-size:9px;
padding: 0 0;
}

#eventsummary ul.conferenceprice li:first-child {
	width: 95px;
}

#eventsummary ul.conferenceprice li {
	width: 54px;
}

#maincontent ul.conference li li:hover {
    background: #f5f5f5;
    color: #666;
}

#eventsummary ul.conference li li a span 
{
    line-height:15px;
    margin-top: 12px;}

#eventsummary ul.conference a {
border-bottom:1px dotted #3A66CC;
color:#3A66CC;
text-decoration:none;
}

#eventsummary ul.conference li li a:hover {
color:red;
text-decoration:underline;
border: none;
}

#eventsummary ul.vitals {
	float:left;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
	width: 100%;
	padding-bottom: 4px;
	background: #f5f5f5;
}
#eventsummary ul.vitalsBorder
{
	border-bottom-color:#b6b6b6;
	border-top-color:#b6b6b6;
	/*width:490px;*/
}
#eventsummary ul.vitals li {
	display: block;
	float:left;
	text-transform: uppercase;
	border-left: 1px solid #dcdcdc;
	padding: 7px 20px 5px 15px;
	margin: 7px 0 0 0;
	font-size: 9px; 
	color:#aaa;
	letter-spacing:1px;
}
#eventsummary ul.vitals li:first-child {
	border: none;
}
#eventsummary ul.vitals li li {
	text-transform: none;
	border: none;
	padding: 0;
	font-size: 18px;
	color: #444;
	margin: -1px 0 0 0;
}
.eventsummaryShort
{
	width:490px;
}
#eventsummary ul.detail {
	float: left;
	width: auto;
	border-bottom: 1px solid #ccc;
	padding:0;
	background-color:#e5e5e5;
	color:#aaa;
	font-family:verdana;
	font-size:10px;
	line-height:14px;
	margin-bottom:10px;
}
#eventsummary ul.detail li
{
	padding:7px 43px 5px 15px;
	float:left;
}
#eventsummary ul.detail li li
{
	float:none;
	padding:0;
}
#maincontent ul.events 
{
    color: #888;
}
#maincontent ul.events li 
{
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 110px 10px 80px;
    background: none;
    position: relative;
    font-size: 11px;
    line-height: 16px;
    cursor: pointer;
}
#maincontent ul.events li:hover
{
    background: #f5f5f5;
    color: #666;
}

#maincontent ul.events a.title 
{
    font-size: 15px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    color: #333;
    line-height: 20px;
    border: none;
}
#maincontent ul.events a.title:hover,
#maincontent ul.events li:hover a.title
{
    color: #fd1912;
    text-decoration: underline;
}
#maincontent ul.events .thumbnail 
{
    position: absolute;
    left: 0;
    top:12px;
    
}
#maincontent ul.events a.more 
{
    position: absolute;
    right: 0;
    top: 15px;
    display: block;
    height: 25px;
    width: 96px;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    border: none;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background: transparent url(/ssw/images/button_bg.png) no-repeat scroll 0 0;
}
#maincontent ul.events a.more:hover
{
    background-position: 0 -30px;
    color: #f7dbda;
}
#maincontent ul.events a.more:active
{
    background-position: 0 -60px;
}
img.floatleft 
{
    float:left;
    margin: 0 20px 2.2em 0;
}

img.left 
{
        padding-top: 5px;
    float: left;
    padding-right: 10px;}

img.right 
{
    float: right;
    padding-left: 10px;}

h1 img.floatleft 
{
    margin-top: 10px;
}
img.floatright
{
    float:right;
    margin: 0 0 2.2em 20px;
}
img.edgeleft
{
    margin-left: -30px;
}
img.edgeright
{
    margin-right: -29px;
}
.breadcrumblight 
{
    font-size: 11px;
}
.breadcrumblight .current 
{
    display: none;
}

.calendarPresenter 
{
    font-size: 10px;
    color: #999;
    line-height: 12px;
    text-transform: uppercase;}
    
/* Vertical Tabs  ----------------------------------*/
  .ui-tabs-vertical
        {
            width: 754px;
        }
        .ui-tabs-vertical .ui-tabs-nav
        {
            padding:0;
            float: left;
            width: 12em;
        }
        .ui-tabs-vertical .ui-tabs-nav li
        {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-left-width: 0 !important;
            margin: 0;
        }
        .ui-tabs-vertical .ui-tabs-nav li a
        {
            display: block;
            outline: none; /* hides dotted line in Firefox */
        }
        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected
        {
            padding-bottom: 0;
            padding-left: .1em;
            border-right-width: 1px;
            margin-left: -2px;
        }
        .ui-tabs-vertical .ui-tabs-panel
        {
            padding: 1em;
            float: left;
            width: 40em;
        }
/* vertical Tabs on Software Audit page*/
        .ui-tabs
        {
            padding:0;
            zoom: 1;
        }
        .ui-tabs .ui-tabs-nav
        {
            list-style: none;
            position: relative;
            padding: 0;
            width:260px;
        }
        .ui-tabs .ui-tabs-nav li
        {
            position: relative;
            float: left;
            border-bottom-width: 0 !important;
            margin:0;
            padding: 0;
        }
        .ui-tabs .ui-tabs-nav li.ui-tabs-selected
        {
            padding-bottom: 1px;
            border-bottom-width: 0;
        }
        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
        {
            cursor: text;
        }
        .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
        {
            cursor: pointer;
        }
        /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
        .ui-tabs .ui-tabs-panel
        {
            padding:0;
            display: block;
            border-width: 0;
            background:transparent url('/ssw/Company/Images/panel_bg.jpg') repeat-x;
            width:464px;
            padding:15px 0 0 20px;  
            height: 500px;          
        }
        .ui-tabs .ui-tabs-hide
        {
            display: none !important;
        }
#maincontentFull #tabs ul.ui-tabs-nav
{
	border-left:1px solid #e5e5e5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	padding-bottom:0;
}
#maincontentFull #tabs ul.ui-tabs-nav li
{
	margin-left:0;
	padding:0;
	background:#fff url('/SSW/Company/Images/list_bg.jpg') no-repeat;
	border-top:1px solid #e5e5e5;
}

#maincontentFull #tabs ul li img
{
	float:left;
	margin:9px 10px 0;
}
#maincontentFull #tabs ul.ui-tabs-nav li a
{
	border:none;
	padding-right:10px;
	height:62px;
}
#maincontentFull #tabs ul.ui-tabs-nav li a:hover
{
	color:#3a66cc;
}
#maincontentFull #tabs ul.ui-tabs-nav li.ui-state-active
{
	background:transparent url('/SSW/Company/Images/tab_active.png') no-repeat;
	width:276px;
	display:block;
	border-top:1px dotted transparent;
}
#maincontentFull #tabs ul.ui-tabs-nav li.ui-state-active a:hover
{
	color:#555;
}
#maincontentFull #tabs ul.ui-tabs-nav li a span
{
	color:#555555;
	font-size:15px;
	line-height:15px;
	display:block;
	padding-top:20px;
}
#maincontentFull #tabs ul.ui-tabs-nav li a span.detail
{
	font-size:10px;
	color:#aaaaaa;
	padding-top:0;
}
#subpage div.joeVid a
{
	border:none;
}

#maincontentFull .banner
{
	margin:50px 0;
}

/* end vertical Tabs on Software Audit page*/

/* unique sections */

.challengeSection
{
    background-color:#eee;
    border-left:2px solid #FD1912;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-radius-bottomright:5px;
    -webkit-border-radius-topright:5px;
    padding:5px 0;
}
    .challengeSection h2
    {
        margin-bottom:5px;
        padding:10px 10px 5px 20px;
    }
    .challengeSection p
    {
        margin:0;
        padding:0 10px 5px 20px;
    }

/* end unique sections */

/* Top Level Index */

div#maincontentFull ul.topLevelIndex 
{
    padding:0;
    margin:0;
}

#maincontentFull ul.topLevelIndex li.section 
{
    width:45%;
    float:left;
    overflow:auto;
    min-height:100px;
    list-style:none;
    background:none;
    margin:0;
    padding:0;
    padding-right:5%;
}

#maincontentFull ul.topLevelIndex li.clear
{
    clear:both;
}

#maincontentFull h1.indexHeading 
{
    border-bottom:1px dotted #DDDDDD;
    color:#444;
    font-size:30px !important;
    padding-bottom:10px;
}
    #maincontentFull h1.indexHeading span
    {
        font-weight:bold;
        color:#FD1912;
    }
    #maincontentFull ul.topLevelIndex li.section h1 a
    {
        text-decoration:none;
        border:none;
        color:#FD1912;
    }
    #maincontentFull ul.topLevelIndex li.section h1 a:hover
    {
        text-decoration:underline;
    }

/* 

Lightbox Hover effect seen on events/HireConferenceHall.aspx. This can be reused by adding a class "lightbox-hover" to the <a> of image links. See lightboxhover.js for mechanics.

*/
    .overlay {
        height: 100%;
        width: 100%;
        background:black;
        position:absolute;
        top:0px;
        left:0px;
        text-align: left;}

    a.lightbox-hover {
        position:relative;
        display: inline-block;
        background: white;
        margin: 5px 5px 0px 0px;
        padding: 5px;}

#mainPane a.lightbox-hover, #mainPane a.lightbox-hover:link, #mainPane a.lightbox-hover:visited, #subPane a.lightbox-hover, #subPane a.lightbox-hover:link, #subPane a.lightbox-hover:visited, #subpage a.lightbox-hover, #subpage a.lightbox-hover:link, #subpage a.lightbox-hover:visited {border: none;}

/* Product Highlights list as in Code Auditor page */

#productHighlights ul li {
background-image:none;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
line-height:150%;
list-style-image:url(/ssw/images/tick.gif);
list-style-position:inside;
margin:0 0 10px;
padding-left:0;
}

/* Courses Schedule */


#coursesSchedule tr td img
{
    display: none;
    }

#coursesSchedule tr.coursesInfo td 
{
    background-color:#EEE;
    border-top:4px solid #CCC;
    font-size:11px;
    font-weight:bold;
    padding:6px;
    color:#aaa;
    }
#coursesSchedule tr.coursesInfo th
{
    color:#333; 
    text-transform:uppercase; 
    font-size:12px; 
    text-align:left; 
    background-color:#EEE;
    border-top:4px solid #CCC;
    }
    
#coursesSchedule tr:hover 
{
    background-color:#f6f6f6;
}

#coursesSchedule tr.coursesInfo:hover
{
    background-color:#EEE; 
    }

#coursesSchedule td, #coursesSchedule th 
{
    border-bottom:1px solid #eee; 
    font-size:11px; padding:6px; 
    text-align:left;
    }
#coursesSchedule td a span 
{
	color: #fff;
	background: transparent url(/ssw/images/button_mini.png) no-repeat top center;
	height: 16px;
	display:block;
    font-size:9px;
    text-align:center;
    font-weight:bold;
    width:61px;
    line-height:16px;
}

#coursesSchedule td a span:hover
{
    text-decoration: none;
    color: #f4d5d4;
}
  
#coursesSchedule td.CoursesTitles 
{
    width:20%;
}
   
/* Hovering tooltip as seen in events/Scrum-Training-Courses.aspx - see includes/tooltip.js */
   
.tooltip {
    padding:5px 0;
    }   

.tooltip > .hover {
    display:none;
    width:370px;
    position: absolute;
    left: 220px;
    overflow:hidden;
    }
    
.hovergroup {    
    background: url(/ssw/images/tooltipbg.png) no-repeat top left transparent;
    padding: 0px 30px 25px 15px;
    }

.hoverend {
    background: url(/ssw/images/tooltipend.png) no-repeat top left transparent;
    height:15px;
    width:100%;
    }

.hover h3{
    line-height: 16px;
    padding-bottom: 15px;
    }

.tooltip:hover {
    background-color:#e9e9e9;
    }     
    
/* z-index : I am not sure if this is still needed but it is good to have proper z-indexes on the right elements... leaving it here */
    
    #wrapper {z-index: 0;}
    #container {z-index: 0;}
    #nav {z-index: 10;}
    #subpage {z-index: 0;}
    #maincontent {z-index: 0;}
    #sidebar {z-index: 10;}
    #video {z-index: 0; margin-bottom:10px;}
    
    
/* Temp Video Indexing */

tr.parent + tr.child
{
    display:none;
    background-color: #f6f6f6;}

.activetr {background-color: #f6f6f6;}

.VideoSection {
    color:#AAAAAA;
    font-size:11px;
    font-weight:bold;
    padding:6px;
    }


.VideoSection:hover {
    background:white;
    }

ul.homepage-special-list li {
    list-style: none;
    margin-left: 10px;
    padding-left: 25px;
    background-position: left center;
    background-color: transparent;
    background-repeat: no-repeat;
    padding-top: 4px;
    padding-bottom: 4px;
    }
    
ul.homepage-special-list {
    padding-bottom: 10px;
    }
    
.homepage-buttons
{
    padding: 20px 20px 10px 20px;
    }

.homepage-buttons a
{
    background: transparent url(/ssw/images/homepage_buttons3.jpg) no-repeat bottom;
    width: 158px;
    height: 158px;
    display:inline-block;
    outline: none;
    }
#mainPane div#no-underline a {border-bottom:none;
                 padding: none;
                 text-decoration:none;}

a#homepage-consulting { background-position: bottom left;} a#homepage-training { background-position: bottom right; } a#homepage-products { background-position: bottom center; }
  
.homepage-buttons a#homepage-consulting:hover { background-position: center left; } .homepage-buttons a#homepage-training:hover { background-position: center right; } .homepage-buttons a#homepage-products:hover { background-position: center center; }
    
.homepage-buttons a#homepage-consulting:active { background-position: top left; } .homepage-buttons a#homepage-training:active { background-position: top right; } .homepage-buttons a#homepage-products:active { background-position: top center; }

.ConsultingOptionsButtons 
{
    background:transparent url(/ssw/images/buttons-bg.jpg) repeat-x top left;
    height: 400px;
    padding: 32px 18px 30px 15px;
    margin-bottom: -230px; /*seems kind of a cheap work around*/
    }
    
#subpage .ConsultingOptionsButtons a
{
    height: 173px;
    width: 327px;
    padding: 50px 35px 10px 20px;
    display:inline-block;
    color: #666;
    font-family: Arial;
    font-size: 16pt;
    border-bottom:none;
    text-align:right;
    outline: none;
    }

#subpage .ConsultingOptionsButtons a:hover
{
    color: Red;
    cursor:pointer;
    }

.ConsultingOptionsButtons a.expert {
    background: transparent url(/ssw/images/consulting-buttons-experts.png) no-repeat top center;
    float:left;
    visibility:hidden;
    }
  
   
.ConsultingOptionsButtons a.team 
{

    background: transparent url(/ssw/images/consulting-buttons-team.png) no-repeat top center;
    }
  
    
.consulting-image {
        background:transparent url(/ssw/company/Images/showcases/thum_template.jpg) no-repeat;
        padding: 5px 10px 20px 5px;
        float: right;
        width: auto;
    }
    
#subpage #titleUX ul.arrow li
{
        background-image: url(/ssw/images/arrow_tiny.gif);}
        
.image-caption 
{
    color: #aaa;
    padding: 20px 5px;
    width: 290px;
    font-size: 11px;
    }
  
.expert 
{
    background: url(/ssw/images/selected.jpg) no-repeat 25px top;
    padding-top: 40px;
    *padding-top: 60px;
    }
    
.team 
{
    background: url(/ssw/images/selected.jpg) no-repeat 400px top;
    padding-top: 40px;
    *padding-top: 60px;
    }

#maincontent .eventpast ul li
{
height: 49px;
display:block;
    background-image: none;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
    padding: 1px 0 1px 0;
    }

#maincontent .eventpast > ul 
{
    border-top: solid 1px #ccc;}

#maincontent .eventpast ul > li strong 
{
    float:left;
    background:url("/ssw/images/schedulebg.png") no-repeat scroll right center #E5E5E5;
    padding: 5px 15px;
    width: 120px;
    font-size: 12px;
    }
 
   
#maincontent .eventpast ul li li 
{
    float:left;
    background-image: none;
    display:block;
    border-bottom: none;
    padding: 0px  20px;
    }
    
#maincontent .eventpast ul li li span
{
color:#777;
display:block;
font-size:10px;
font-weight:bold;
line-height:50px;
    }
    
#maincontent .eventpast ul > li strong span {
color:#777;
font-size:9px;
padding:0;
text-transform:uppercase;
}

.video 
{
/*    background: white url(/ssw/images/videobg.jpg) no-repeat top left; */
    padding: 30px 0px;
    text-align: center;
    }
    
/* CONTACT US PAGE */

p.contactActionEmail, p.contactActionPhone 
{
    font-size:18px;
    float:left;
    padding:5px 0 0 44px;
    background: url(/ssw/company/Images/contactIcons.png) no-repeat 0 0;
    height:26px;
    color:#575757;
    margin-top:10px;
}

    p.contactActionEmail
    {
        background-position: 0 0;
    }
    
    p.contactActionPhone
    {
        background-position: 0 -30px;
        margin-left:30px;
    }

h2.offices, h3.offices
{
    background: url(/ssw/company/Images/officesHeading_bg.png) repeat-x 0 0;
    height:20px;
    width:100%;
    font-weight:bold; 
    margin-bottom:30px;
    font-size:14px;
    clear:both;
}

    h3.offices
    {
        background:none; margin-bottom:10px;
    }
        
    h2.offices a, h3.offices a
        {
            font-weight:normal;
            margin-left:10px;
            font-size:0.9em;  
        }
        
    h2.offices div.aus, h2.offices div.chi, h2.offices div.uk, h2.offices div.mal, h2.offices div.bra 
    {
        background: url(/ssw/company/Images/flags.png) no-repeat 0 0;
        width:32px;
        height:24px;
        display:block;
        float:left;
        margin-right:10px;
    }
    
        h2.offices div.uk
        {
            background-position: 0 0;
        }
        
        h2.offices div.bra
        {
            background-position: -32px 0;
        }
        
        h2.offices div.mal
        {
            background-position: -64px 0;
        }
        
        h2.offices div.chi
        {
            background-position: -96px 0;
        }
        
        h2.offices div.aus
        {
            background-position: -128px 0;
        }
    
    /*contact form */
    
    .contactForm 
    {
        background:#f0f0f0;
        padding:16px;
        color:#777;
    }
    
    .contactForm a.button {
        background:url("/ssw/shop/images/button.png") no-repeat scroll right top transparent;
        border:0 none !important;
        color:white;
        cursor:pointer;
        display:inline-block;
        font-family:Arial;
        font-size:13px;
        font-weight:bold;
        margin:10px 10px 10px 5px;
        overflow:visible;
        padding:0 2px 0 0;
        position:relative;
        text-decoration:none !important;
        }
        
        .contactForm a.button span {
            background:url("/ssw/shop/images/button.png") no-repeat scroll left top transparent;
            display:inline-block;
            height:30px;
            line-height:29px;
            margin:0 0 0 -5px;
            padding:0 15px 0 16px;
            white-space:nowrap;
            color:#FFF;
            }
            
            .contactForm a#btnSend {border:none;}
            
            
        .contactForm input.long  {
            width:270px;
            }
        
        .contactForm textarea.long 
        {
            width:410px;
            padding:3px;
            font-size:14px;
        }
            
        .contactForm input[type="text"], input[type="password"] {
            font-size:14px;
            margin:0 0 10px;
            padding:3px;
            }
        
        .contactForm label 
        {
            font-weight:bold;
        }
        
        .contactForm span.validation 
        {
            color:Red;
        }
            
.creditcard {
background:url("/ssw/company/Images/creditcards.png") no-repeat scroll right center transparent;
color:#666666;
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:23px;
margin-top:10px;
padding-right:165px;
text-align:right;
}

#maincontent ul.greenTicks li
{
background:url("/ssw/images/tick_small.png") no-repeat scroll left center transparent;
padding:3px 5px 3px 30px;
    }
    
/* HOSTING TABLE */

#hostingPlansTable 
{
    border:1px solid #ccc;
    margin:20px 0;
    text-align:center;
    background:#fff;
}
    #hostingPlansTable thead.hostingOptions
    {
        color:#666666;
        font-size:16px;
        font-weight:bold;
        letter-spacing:1px;
    }
    
        #hostingPlansTable thead.hostingOptions tr td
        {
            border-bottom:1px dotted #ccc;
            padding:10px 0;
        }
    
    #hostingPlansTable th
    {
        text-align:left;
        font-weight:normal;
        width:25%;
    }
    
    #hostingPlansTable td,#hostingPlansTable th
    {
        padding:5px;
    }
    
    #mainContent #hostingPlansTable a.btn
    {
        border:none;
        text-decoration:none;
    }

    #hostingPlansTable .lighter {background:none repeat scroll 0 0 #fff;}
    #hostingPlansTable .darker {background:none repeat scroll 0 0 #f0f0f0;}     
    #hostingPlansTable .section 
    {
        background:none repeat scroll 0 0 #CCCCCC;
        color:#FFFFFF;
        font-size:14px;
        font-weight:bold;
        padding:5px;} 

div.note 
{
    background: #f0f0f0;
    padding:10px;
    margin:10px 0;
}

div.exception 
{
    font-size:11px;
    font-style:italic;
    margin-bottom:15px;
}

th span.usServerMini, th span.auServerMini
{
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:11px;
    padding-left:20px;
}

    th span.usServerMini
    {
        background-image:url("images/smallflag_us.png");
    }

    th span.auServerMini
    {
        background-image:url("images/smallflag_au.png");
    }


th span.usServer, th span.auServer
{
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:14px;
    font-weight:bold;
    padding-left:30px;
}

    th span.usServer
    {
        background-image:url("images/flag_us.png");
    }

    th span.auServer
    {
        background-image:url("images/flag_au.png");
    }

.VS2008 
{
    background:url("images/VS2008Icon.png") no-repeat scroll 0 3px transparent;
margin-left:4px;
padding-left:24px;
}

.VS2010 
{
    background:url("images/VS2008Icon.png") no-repeat scroll 0 3px transparent;
    padding-left:24px;
    margin-left:4px;
}

.mainTestimonial 
{
    background:url("images/mainTestimonial_bg.png") no-repeat scroll 5px 20px #F8F8F8;
    font-size:14px;
    line-height:20px;
    margin-top:-15px;
    padding:25px 20px 20px 60px;
}

.mainTestimonialAuthor
{
    
}

    .mainTestimonialAuthor img
    {
        background-color:#FFFFFF;
        border:1px solid #CCCCCC;
        float:left;
        padding:2px;
        margin-right:12px;
    }
    
    .mainTestimonialAuthor p
    {
        padding:5px 0;
    }
    
    .mainTestimonialAuthor p span
    {
        text-transform:uppercase;
        font-size:11px;
    }
    
/* PRODUCT SUMMARY */

#productSummaryContainer
{
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
#productSummaryContainer td
{
	vertical-align: top;
}

#productSummaryContainer h3
{
	border-bottom: none;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px;
	line-height: normal;
	height: auto;
}

#productSummaryContainer h4
{
	display: inline;
	font-weight: normal;
	padding: 0px 0px;
	margin: 0px 0px;
	line-height: normal;
	font-size: 90%;
}

#productSummaryContainer a
{
	font-size: 90%;
}

#productSummaryContainer p
{
	padding: 5px 0;
	margin: 0;
	line-height: 18px;
}

.productSummaryColumn
{
	display: block;
	float: left;
	width: 50%;
	margin: none;
	padding: none;
}

.productSummaryCategory, .productSummaryImportantCategory
{
	border:1px solid #CCC;
    margin:15px 5px 20px;
    padding:0 0 10px;
}

.productSummaryCategory h2, .productSummaryImportantCategory h2
{
	/*display: inline-block;*/
	
	font-size: 125%;
	border-bottom: solid 2px red;
	background-color: #f0f0f0;
	padding: 5px;
	margin: none;
}

.productSummaryImportantCategory img
{
	margin-top: 5px;
	margin-right: 5px;
}

.productSummaryCategory h2
{
	color: #000;
}
.productSummaryImportantCategory h2
{
	color: #FD1912;
}

.productSummaryEntry
{
	padding: 0px 10px;
	margin-top: 20px;
}

/* END OF PRODUCT SUMMARY */

.testimonials 
{
   width:468px;
   margin: 20px auto;
   padding: 10px 0;
   clear:both;
    background: transparent url('/ssw/Testimonials/images/testimonial_top.png') no-repeat top left;
    
    }

.testimonials-bg 
{
    background: transparent url('/ssw/Testimonials/images/testimonial_repeat.png') repeat-y top left;
    font-size: 12px;
    font-style:italic;
    padding-left: 10px;
    }

.testimonials-content 
{
    background: transparent url('/ssw/Testimonials/images/testimonial_quote.png') no-repeat top left;
    padding: 10px 20px 0px 50px;    }

.testimonials-content-bottom 
{
    background: transparent url('/ssw/Testimonials/images/testimonial_bottom.png') no-repeat top left;
    height: 25px;
    }

.testimonials-source 
{
    width: 300px;
    float: right;
    text-align: right;
    padding: 5px 5px 0px 0px;
    }

.testimonials-source-name 
{
 display:block;
 font-size:14px;
 font-family:Trebuchet MS, Arial, Sans-Serif;
 color:#ea8d1e;    
    }
    
.testimonials-source-link 
{
    font-size: 10px;
    }
    
.testimonials-edit  
{
    float: left;
    padding-left: 8px;}

.testimonials-edit a, .testimonial-new a
{
    width: 20px;
    background: #ccc;
    border: #999 1px dotted;
    padding: 2px 5px;}
    
.testimonials-edit a:hover, .testimonial-new a:hover 
{
    border: red 1px solid;
    }
    
.testimonials-logo 
{
background: url('/ssw/Testimonials/images/testimonial_logo.png') no-repeat right top;    
width: 67px;
height: 57px;
float:right;
}
    
    .testimonials-logo img
{
    width: 50px;
    }