/*	Sage UK Alliance CSS file
	Created by Mitch Sporar, Runaware, Inc.
	For sole use by Runaware Inc, inconjuction 
	with Sage UK's Alliance program
*/

/* ################################################################################# */
/* RESETING ALL STYLES ############################################################# */
/* ################################################################################# */

shtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, element.style {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/*a img, :link img, :visited img {
	border: 0;
}*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	/*list-style: none;*/
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/****************************************************
 * * * * * * Main Template and Wrapper(s) * * * * * * 
 ****************************************************/
body { 
	color: black; 
	background-color:#e8e6e6;
	font-family: arial;
	font-size: 12px;
	margin: auto;
	margin-top:0px;
	text-align: center;
}

#wrapper {
	width:950px;
	height:785px;
	#height:805px; /* IE */
	background-color:#ffffff;
	margin: auto;
	text-align: center;
	_position:relative; /*IE 6*/
}

#banner {
	width:950px;
	height:140px;
	float:left;
	background-image:url(../images/banner-top-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	_position:relative; /*IE 6*/
}

#content {
	width: 100%;
	height: 750px;
	*height: 600px;
	margin:auto;
	text-align:center;
	background-color:#ffffff;
	_padding-left:.15%; /*IE 6*/
	/*border:2px solid #cde6a0;*/
}

#footer {
	background-color:#ffffff;
	width:950px;
	height:30px;
	top:760px;
	#top:765px; /* IE */
	left:50%;
	margin:0px 0px 0px -475px;
	padding:15px 0px 0px 0px;
	position:absolute;
	font-family:arial;
	font-size:10px;
	color:#999999;
}
.footerText {
	left:10px;
	width:430px;
	text-align:right;
	float:left;
	font-family:arial;
	font-size:10px;
	color:#000000;
	height: 20px;
	padding-top: 5px;
}
.footerText a, a:visited, a:active {
	color:#008469;	
	text-decoration:none;
}
.footerText a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;	
}
.runaware {
	top:530px;
	left:530px;
	width:120px;
	height:20px;
	float:right;
	text-align:right;
	margin:0px 10px 0px 0px;
	font-family:arial;
	font-size:10px;
	color:#999999;
	padding-top: 5px;
}
.runaware a {
	color:#999999;	
	text-decoration:none;
}
.runaware a:visited {
	color:#999999;	
	text-decoration:none;
}
.runaware a:hover {
	color:#999999;	
	text-decoration:underline;
}
.logoWrap{
	width:200px;
	height:90px;
	margin:5px;
	float: left;
	background:none;
}
.partnerLogo {
	width:275px;
	height:100px;
	background-color:#ffffff;
	overflow:hidden;
	top:4px;
	left:460px;
	_left:456px; /*IE 6*/
	position:relative;
	text-align:right;
}
#contentWrap {
	width:880px;
	height:545px;
	margin:6px auto;
	text-align:center;
	border: #ddd 1px solid;
	_position:relative; /*IE 6*/
}

fieldset {
	background-color:#E6F2CF;
	border:1px solid #008469;
	margin:0px 3px 0px 10px;
	padding:0px 15px 15px;
	width:91%;
	#width:auto; /* IE */
	height:590px;
	#height:575px; /*IE*/ 
	#position: relative; /*IE*/ 
	#margin: 8px 6px 1em 10px; /*IE 7*/
	-margin: 8px 5px 1em 10px; /*IE 6*/
	#padding:15px; /*IE*/
}
legend {
	background-color:#E6F2CF;
	border:1px solid #008469;
	color:#000000;
	font-weight:bold;
	padding:3px 5px;
	font-family:arial;
	#position: absolute; /*IE*/
	#top: -.7em; /*IE*/
	#left: .8em; /*IE*/
}

/*        FORM BUTTONS      */
#form_buttons {
	width:200px;
	position:absolute; 
	left:50%; 
	top:710px; 
	margin:0px 0px 0px 250px; 
	*top:720px; 
	*margin:0px 0px 0px 240px; 
}
.buttons {
	float:right;
	height:25px;
	width:200px !important;
}
#backButton {
	float:right;
	text-align:right;
	background-image:url(../images/button-back.gif);
	background-repeat:no-repeat;
	border:1px solid #008469;
	display:inline;
	height:20px;
	margin-left:5px;
	padding:0pt;
	width:80px !important;
}
input.btn-continue{
	background-image:url(../images/button-continue.gif);
	float:right;
	background-repeat:no-repeat;
	margin-left:5px;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	float:right;
}
input.btn-continue-hover{
	background-image:url(../images/button-continue-hover.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	float:right;
}
input.btn-back{
	background-image:url(../images/button-back.gif);
	background-repeat:no-repeat;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	display:inline;
	padding:0;
	float:right;
	

}
input.btn-back-hover{
	background-image:url(../images/button-back-hover.gif);
	background-repeat:no-repeat;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	display:inline;
	padding:0;
	float:right;
}
input.btn-launch{
	background-image:url(../images/button-launch.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	display:inline;
	padding:0;
	float:right;

}
input.btn-launch-hover{
	background-image:url(../images/button-launch-hover.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	display:inline;
	padding:0;
	float:right;
	position:

}
input.btn-finish2{
	background-image:url(../images/button-finish.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	width:80px !important;
	height:20px;
	border:1px solid #008469;
	float:right;
	padding:0;
}
input.btn-finish2-hover{
	background-image:url(../images/button-finish-hover.gif);
	width:80px !important;
	margin-left:5px;
	height:20px;
	background-repeat:no-repeat;
	border:1px solid #008469;
	float:right;
	
}
/*    CLOSE FORM BUTTONS    */
p {
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	line-height:140%;
	margin:0px 0px 0px 5px;
}
h2 {
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	line-height:140%;
	margin:0px 0px 0px 5px;
}
h3 {
	font-family:arial;
	font-weight:bold;
	font-size:14px;
	line-height:175%;
	margin:0px 0px 0px 5px;
}
h4 {
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	line-height:175%;
	margin:0px 0px 0px 5px;
}

li {
	margin:5px 0px;
}
.bullet {
	background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:7px;
	width:8px;
	margin:1px 3px 0px 0px;
	float:left;
	display:block;
}
.li-Text {
	font-family:arial;
	font-size:10px;
	margin:0px 0px 8px 2px;
	float:left;
}

/*************************************************
 			* * * * CTA BUTTONS * * * * * 
 ************************************************/
#ctaButtons {
	width:940px;
	height:25px;
	margin-top:7px;
	padding:4px 0px 0px 6px;
	float:left;
	_padding:4px 0px 0px 2px; /* IE 6 */
	_position:relative; /*IE 6*/
}
.ctaButton-contact a {
	background-image:url(../images/cta-contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:130px !important;
	height: 20px;
	margin:5px 0px 0px 3px;
	_position:relative; /*IE 6*/
}
.ctaButton-contact a:hover {
	background-image:url(../images/cta-contact-over.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	_position:relative; /*IE 6*/
}
.ctaButton-more a {
	background-image:url(../images/cta-more.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:130px !important;
	float:left;
	margin:5px 0px 0px 2px;
	height: 20px;
	_position:relative; /*IE 6*/
}
.ctaButton-more a:hover {
	background-image:url(../images/cta-more-over.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	_position:relative; /*IE 6*/
}
.ctaButton-reseller a {
	background-image:url(../images/cta-reseller.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:205px !important;
	height: 20px;
	float:left;
	margin:5px 5px 0px 460px;
	#margin:5px 5px 0px 462px; /* IE 7 */
	-margin:5px 5px 0px 358px; /* IE 6 */
	_position:relative; /*IE 6*/
}
.ctaButton-reseller a:hover {
	background-image:url(../images/cta-reseller-over.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	_position:relative; /*IE 6*/
}

/*************************************************
 * * * * Marketing Page (marketing.jsp) * * * * * 
 ************************************************/
#marketing {
	background-color:#FFFFFF;
	border-top:0px;
	border-right:2px solid #deeea5;
	border-bottom:2px solid #deeea5;
	border-left:2px solid #deeea5;
	float:left;
	padding: 10px 0px 0px 2px; 
	margin: 0px 5px 0px 3px;
	-margin-left: 1px; /* IE 6 */
	-padding: 10px 0px 0px 4px; /* IE 6 */
	width: 414px; 
	height: 607px;
	*height: 610px;
}

/*********************************************
 * * Welcome Page (apps.jsp)
 * **********************************************/
.body {
	background-color:#FFFFFF;
}
 
#testdrive {
	border-top:0px;
	border-right:2px solid #deeea5;
	border-bottom:2px solid #deeea5;
	border-left:2px solid #deeea5; 
	*padding:0px 6px 5px 0px; 
	padding:0px 6px 10px 0px; 
	float: left; 
	margin: 0px; 
	width: 510px; 
	height: 607px; 
	*height: 610px; 
	background-color: #ffffff;
}
#apps {

	background-color:#FFFFFF;
	margin:60px 0px 0px 25px; 
	width:420px; 
	height:440px;
}
.fieldset2 {
	display:block;
	background-color:#ffffff;
	border:1px solid #008469;
	padding:15px;
	width:355px; 
	height:130px;
	position:absolute;
	top:510px;
	left:50%;
	margin-left:10px;
	*top:370px;
	*left:50%;
	*margin-left:-200px;
	/*  margin:25px 20px 20px 0px;*/
}
.form {
	display:block;
	height:auto;
	*height:150px;
}
.dialog {
	width:425px;
	height:445px;
	margin:10px 10px 5px 3px;
	_margin:10px 5px 5px 3px;
	float:right;
	border: #ddd 1px solid;
	_position:relative;
}
.radioWrap {
	width:325px;
	float:left;
}
.radio-select {
	background-color:#E6F2CF !important;
	width:20px;
	float:left;
}
.radio-answer {
	margin:1px 0px 0px 5px; 
	float:left; 
	line-height: 140%;
}

/*******************************  FORM STYLES  **********************************/

#contentwrapper {
	height:500px;
}
.left {	
	float:left;
}
.right {
	float:right;
}

.btn:link, .btn:visited {
	background-color:#008469; 
	color:#FFF; 
	border:1px solid #008469;
}
.btn:hover {
	background-color:#cde6a0; 
	color:#000; 
	border:1px solid #008469;
}
input {
	background-color:#ffffff !important;
}
select {
	background-color:#ffffff !important;
}
input.input {
	width:160px;
	float:left;
	text-align:left;
}
select.drop-down {
	float:left;
	width:160px;
	float:left;
	margin:10px 0px 0px -40px;
}
.form_questions {
	width:20%;
	float:left;
	margin:13px 50px 0px 0px;
	text-align:left;
	padding-left:25px;
	margin-right:50px;
}
.form_questions_2 {
	width:39%;
	float:left;
	margin:15px 0px 0px 0px;
	text-align:left;
	padding-left:25px;
	margin-right:50px;
	*padding-left:10px;
}
.form_questions2 {
	width:95%;
	float:left;
	margin:6px 50px 0px 0px;
	text-align:left;
	*padding-left:10px;
}
.validation {
	background-image: url(../images/validation.gif); 
	background-position: 50% 50%; 
	background-repeat: no-repeat; 
	height:10px; 
	padding:0px 5px 0px 5px; 
	margin-top:0px; 
	width:20px; 
}
.thanks{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	line-height:175%;
	text-align:center;
	margin-top:225px;
}
.thankstxt{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
	text-align:center;
}
LABEL {
	padding: 0px 1em 0px 1em; 
	float: left; 
	width: 160px; 
	text-align: right;
}
FIELDSET DIV {
	padding: 0px 0px 0px 0px; 
	display: block; 
	margin-bottom: 0.5em; 
}
FIELDSET DIV INPUT.inputtext {
	border-top: #555 1px solid; 
	border-right: #ccc 1px solid; 
	border-bottom: #ccc 1px solid; 
	border-left: #555 1px solid; 
	padding: 1px 1px 1px 1px; 
	color: #333; 
	float:left; 
	width:180px
}
FIELDSET DIV TEXTAREA {
	border-top: #555 1px solid; 
	border-right: #ccc 1px solid; 
	border-bottom: #ccc 1px solid; 
	border-left: #555 1px solid; 
	padding: 1px;
	color: #333; 
	width:180px
}
FIELDSET DIV SELECT.dropdown {
	border-top: #555 1px solid; 
	border-right: #ccc 1px solid; 
	border-bottom: #ccc 1px solid; 
	border-left: #555 1px solid; 
	padding: 1px; 
	color: #333; 
	float:left; 
	width:180px
}
DIV.fm-multi DIV {
	margin: 5px 0px
}
DIV.fm-multi INPUT {
	width: 1em
}
DIV.fm-multi LABEL {
	display: block; 
	padding-left: 5em; 
	width: 200px; 
	text-align: left
}
#fm-submit {
	clear: both; 
	padding-top: 1em; 
	text-align: center
}
#fm-submit INPUT {
	border-top: #333 1px solid; 
	border-right: #333 1px solid; 
	border-bottom: #333 1px solid;
	border-left: #333 1px solid; 
	padding: 2px 1em; 
	font-size: 100%; 
	background: #555; 
	color: #fff; 
}
INPUT:focus {
	background: #efefef; 
	color: #000;
}
TEXTAREA:focus {
	background: #efefef; 
	color: #000;
}
FIELDSET DIV.fm-req {
	font-weight: bold; 
	display:block; 
	clear:both; 
	padding-bottom:10px
}
FIELDSET DIV.fm-req LABEL:unknown {
	content: "* "
}
/**************************  CLOSE FORM STYLES  **********************************/