td {
    font-family: "lucida grande","lucida sans unicode","lucida sans","helvetica nueue",arial,helvetica,sans-serif;
    font-weight: normal;
}

.ie7 {
	visibility: hidden;
	position: absolute;
	
}

.feature .details p {
    line-height: 1.5em !important;
}

.Header_Navigation {display:none;}

.cloud-highlight {
   background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=cloud_highlight&v=20111207145425') transparent no-repeat;
   height:56px;
}

.cloud-highlight:hover {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
    height:36px;
    margin-bottom:40px;
    cursor:hand
}

	
	.vid-group .vid-placeholder {
		margin-left: 0px;
		margin-top: 20px;
	}
	
	.vid-group {
		float: center;
		margin-top: -20px;
	}
	
	vid-group.four {
		left: -13px;
		margin-right: -10px;
		position: relative;
		width: 1000px;
	}
	
	.Body {
		height: auto !important;
		min-height: 370px;
	}
	
	.strike_soft {
		display: block;
		left: -5%;
		line-height: 38px;
		position: absolute;
		top: 45%;
		width: 110%;
	}
	
	.circle_hl {
		line-height: 38px;
		position: absolute;
		width: 60px;
		margin-left: -4px; 
		top:44%;
	}
	
	.circle circle {
		position: relative;
		text-decoration: none;
		display: inline;
	} 
	
	.strike-under {
	display: block;
    height: 4px;
    left: -5%;
    line-height: 38px;
    position: absolute;
	}
	
	.strike_weeks {
		height: 4px;
		top: 62%;
		width: 50px;
		position: absolute;
	}
	
	.strike_lock {
		top: 76%; 
		width:96px; 
		position: absolute;
		height: 4px;
	}
	
	.strike_customized {
		width:104px;
		top: 65%;
		position: absolute;
		height: 4px;
	}
	
	.strike_ready {
		width:120px;
		top: 76%;
		position: absolute;
		height: 4px;
	}
	

	.check {vertical-align: top; margin-top: 3px;}
	
	
	
	.four_text {
		font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
		color: #444444;
		width:456px;
		text-align:left;
		display:block; 
	}
	
	
	.play-bttn-home {
		/*-moz-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.55);
		-webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.55);
		-o-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.55);
		shadow: -1px 0 5px rgba(0, 0, 0, 0.55);*/
		background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite") no-repeat -407px -60px;
		height: 33px;
		width: 50px;
		bottom: 0;
		right: 0;
		display: block;
		position: absolute;
	}
	
	.more-link {
		color: #1F5BA4;
		text-decoration: none;
	}
	
	.more-link:hover {
		text-decoration: underline;
	} 
	
	.infomercial_img{
		background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=outsystems-overview-video&v=20120206131000') no-repeat scroll 0pt 0pt transparent;
		-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		border: medium none;
	}
	
	.infomercial_img1{
		background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=outsystems-overview-video&v=20120206131000') no-repeat scroll 0pt 0pt transparent;
		-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		border: medium none;
	}
	
	.infomercial_img2{
		background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=agile-platform-overview-slider-1&v=20120430180200') no-repeat scroll 0pt 0pt transparent;
		-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		-o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
		border: medium none;
	}

		
	.fastdev_img{
		background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=agile-platform-fast-development-home.png&v=20111207145425") repeat scroll 0pt 0pt transparent;
	}
	
	.enterprise_img{
		background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=agile-platform-enterprise-grade-home.png&v=20111207145425") repeat scroll 0 0 transparent;
		
	}
	
	.standard_img{
		background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=agile-platform-standard-architecture-home.png&v=20111207145425") repeat scroll 0 0 transparent;
	}
	
	.fit_img{
		background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=agile-platform-fit-your-it-process-home.png&v=20111207145425") repeat scroll 0 0 transparent;
	} 
	
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 970px; /*Width of Carousel Viewer itself*/
height: 40px; /*Height should enough to fit largest content's height*/
margin-left: auto;
margin-right: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 970px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygallery-paginate {
 width: 970px;
 margin-left:auto;
 margin-right: auto;
 text-align:center;
 visibility: visible;
} 



.dropdown ul {
	left: -2px;
	margin-bottom: 0;
	padding-left: 40px;
	position: relative;
	z-index: 600;
	background-color: #069;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 0px;
	margin-top: 4px;
	width: 434px;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-radius: 0 0 5px 5px;
	margin-left: 0px;
}




.dropdown ul li {
    background-color: transparent;
    list-style: none outside none;
    margin-left: -40px;
    text-align: left;
	height: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.dropdown ul li a {
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=bulletDropdown&v=20111207145425") no-repeat scroll 0 center transparent;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.left-box {
    background-color: #006699;
    float: right;
    width: 474px;
    height: 30px;
    margin-right: 45px;
}

.highlight-box {
	border: 1px solid gray;
	border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	margin-bottom: 30px;
	padding-bottom: 12px;
	padding-top: 12px;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
	margin-top: 30px;
	margin-left: 20px;
}

.highlight-box a {
	padding: 12px;
	padding-top:16px;
	padding-bottom: 20px;
	margin-top:-12px;
	font-size: 22px;
	color: white;
	display: block;
    text-decoration: none;
}

.highlight-box a:hover{
	color: white;
}

.inner-div {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	width: 478px;
	margin-top: -1px;
	padding-left: 35px;
	padding-bottom: 6px;
	padding-top: 6px;
	
}

.inner-div a{
	color: white !important;
	
}

.last-div {
    display: block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	width: 478px;
	margin-top: -1px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-top: 6px;
	height: 32px;
}

.last-div a{
	color: 	#FDD017 !important;
}

.inner-div a:hover {
	text-decoration: underline;
}

.sub-heading {
    color: #444444;
    font-family: "lucida grande","lucida sans unicode","lucida sans","helvetica nueue",arial,helvetica,sans-serif;   font-weight:normal;
   font-size:17px;
   letter-spacing:-1;
} 
/*
#############################################
Keynote Box
*/
.image-spot-mobile {
	background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=mobile-sprite&v=20111207145425);
	background-repeat: no-repeat;
        background-position: 0px 0px;
	width: 280px;
	height: 90px;
	display: block;
	text-decoration: none;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
	padding: 25px;
}

.image-spot-mobile:hover {
	background-repeat: no-repeat;
        background-position: 0px -152px;
	text-decoration: underline;
}

.image-spot-mobile:hover > .image-spot-link {
	text-decoration: underline;
}

/*
#############################################
Cloud Box
*/
.image-spot-cloud {
	background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cloud-sprite&v=20111207145425);
	background-repeat: no-repeat;
        background-position: 0px 0px;
	width: 280px;
	height: 90px;
	display: block;
	text-decoration: none;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
	padding: 25px;
}

.image-spot-cloud:hover {
	background-position: 0px -152px;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.image-spot-cloud:hover > .image-spot-link {
	text-decoration: underline;
}

/*
#############################################
Six Box
*/
.image-spot-six {
	background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=six-sprite&v=20111207145425);
	background-repeat: no-repeat;
        background-position: 0px 0px;
	width: 280px;
	height: 90px;
	display: block;
	text-decoration: none;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
	padding: 25px;
}

.image-spot-six:hover {
        background-position: 0px -152px;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.image-spot-six:hover > .image-spot-link {
	text-decoration: underline;
}

/*
#############################################
Apps Box
*/
.image-spot-apps {
	background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=apps-sprite&v=20111207145425);
	background-repeat: no-repeat;
        background-position: 0px 0px;
	width: 280px;
	height: 90px;
	display: block;
	text-decoration: none;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", "helvetica nueue", arial, helvetica, sans-serif;
	padding: 25px;
}

.image-spot-apps:hover {
        background-position: 0px -152px;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.image-spot-apps:hover > .image-spot-link {
	text-decoration: underline;
}
/*
#############################################
Shared
*/

.image-spot-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	display: inline-block;
	color:#333333;
}

.image-spot-desc {
	font-size: 14px;
	display: block;
	color:#444444;
}

.image-spot-link {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	color: #1F5BA4;
    display: inline-block;
}

/* BEGIN Main Slider */
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 340px; /*Height should enough to fit largest content's height*/
margin-left: auto;
margin-right: auto;
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 980px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.main-slider-menu-risk {
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120105180939') no-repeat -2px -7px;
	width: 980px;
	height: 30px;
	margin-top: -18px;
}

.controller {
	display: inline;
	cursor: pointer;
	color: #444;
	font-size: 14px;
	margin-left: 36px;
}

.controller-selected {
	color: #1F5BA4;
	display: inline;
	cursor: pointer;
	font-size: 14px;
	margin-left: 36px;
}

.img-controllers
{
	width: 60px; 
	height: 38px;
	margin-top: 5px;
}

.slider-controllers-div {
	margin-left: 204px;
}

.controller-bullet {
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120105180939') no-repeat -40px -53px;
	width: 12px;
	height: 18px;
	display: inline-block;
	margin-right: 3px;
}

.controller-bullet-selected {
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120105180939') no-repeat -2px -54px;
	width: 12px;
	height: 18px;
	display: inline-block;
	margin-right: 3px;
}
/* END Main Slider */

/* BEGIN Testimonials */
.testi-text {
text-align: center; 
font-size: 12px;
display: block;
}

.testi-role {
text-align: center;
color: #999;
font-size: 12px;
display: block;
}

.testi-image {
	padding-right: 35px;
}

.testi-image  p{
	width: 220px;
}

#testi-image-last {
	width: 218px;
}

#testi-image-last p {
	width: 218px;
}
/* END Testimonials */


/* BEGIN Events, News & Training */
.three-col{
	width: 300px;
	float: left;
	margin-top: 20px;
}

.three-col a {color: #1F5BA4; text-decoration: none; font-weight: bold; font-size: 14px;}
.three-col a:hover {text-decoration: underline;}


.three-col-section{
	margin: 0 auto;
    width: 980px;
}

#three-sections-col1 {margin-right: 40px;}
#three-sections-col2 {margin-right: 40px;}

.three-col-section h1 {
	border-bottom: 1px solid #CCCCCC;
    color: #111111;
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
	margin-top: 10px;
}

.a-desc {color: #333; font-size: 13px; margin-bottom: 15px;}
.news-p {margin-bottom: 15px;}
/* End Events, News & Training */

/* BEGIN Morsel */
.morsel {
	margin: 0 auto;
    width: 640px;
}

.morsel h1 {
	color: #111111;
    font-size: 30px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 50px;
}

.morsel h2 {
	color: #111111;
    font-size: 22px;
}

.morsel-section {margin-bottom: 30px;}

.morsel-section h1 {
	text-align: left;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
}
.morsel-section p {
	font-size: 18px;
	line-height: 24px;
}

.morsel-section a {
	background: url("/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120110185517") no-repeat scroll -479px -60px transparent;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    margin-left: 5px;
    padding-left: 10px;
    text-decoration: none;
    width: 63px;
}

.morsel-section a:hover {
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120110185517') no-repeat -560px -60px;
}
/* END Morsel */


.bt a {
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120105180939') no-repeat -68px -101px;
	width: 140px;
	height: 32px;
	display: block;
	margin: 28px auto 0;
	font-size: 18px;
	color: #fff !important;
	padding-top: 7px;
	text-decoration: none;
	text-align: center;
}

.bt a:hover {
	text-decoration: none;
	background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=home.sprite&v=20120105180939') no-repeat -226px -102px;
}

/* DOORMAT */
.doormat-content {font-size:12px;
font-family: Arial,Helvetica,sans-serif;
}
.doormat-content p{margin-bottom:0.8em;}
.doormat-content h1 {font-size:20px;}
.doormat-content h2 {font-size:16px; margin-top:1.5em;}
.doormat-content h3 {font-size:14px; margin-top:1.5em; margin-bottom:0em;}
.doormat_container a, .doormat_container a:link, .doormat_container a:visited, .doormat_container a:hover {color:#666666}
.doormat-topics {
width: 100%;
font-size:12px;
text-decoration:none;
margin-left:-25px;
padding-top:-10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
.doormat-topics a{
text-decoration:none;
}
.doormat-topics li{
padding-top:5px;
} 

.doormat_inner td {font-family: Arial,Helvetica,sans-serif;}
/* END DOORMAT */