/* Primary CSS includes declaration used across multiple positioning / layouts */

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #333; 
	background-color: #828282;
	margin: 0;
	height: 100%;
	}


form {
	margin: 0;
	padding: 0;
	}



img {
	border:none;
	}

div#container {
	position: relative;
	margin: 0px auto;
	width: 976px;
	height: auto;
	z-index: 0;
	clear:both;
	}

div#wrapper {
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 16px 0px;
	width: 976px;
	height: auto;
	background: #e3e3e3 url(/global/images/sap/shadow_right.jpg) right repeat-y;
	z-index: 0;	
	overflow:auto;
	}


/* main navigation area */	


div#mainnavigation  {
	position: relative;
	float: left;
	width: 940px;
	height: auto !important;
	min-height:66px !important;
	height: 66px;
	padding: 16px 16px 8px 16px;
	margin: 0px 0px 0px 0px;
	z-index: 0;
	}

div#navwrapper {
	position: relative;
	width: 940px;
	float: left;
	height: auto !important;
	min-height:66px !important;
	height: 66px;
	background: #fff url(/global/images/sap/ProductSiteMastheadBkgd.gif) bottom right no-repeat;
	margin:0;	
	padding: 0;
	z-index: 0;
	}


div#logobox {
	position: relative;
	float: left;
	width: 226px;
	height: 66px;
	margin:0;
	padding:0;
	}

div#logobox img {
	margin: 10px 10px 10px 15px;
	padding: 0;
	}

div#titlebox {
	position: relative;
	float: left;
	width:375px;
	height:auto;
	margin: 0px !important;
	padding: 15px 0px;	
	}


div#control_chunk {
	position: relative;
	float: right;
	width: 300px;
	height: 66px;
	margin:0;
	padding:0;
	}


div#contactbox {
	position:relative;
	float:right;
	width: 330px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 0;	
	}

div#control_chunk img {
	position:absolute;
	right:0px;
	bottom:0px;
	}

div#leftcolumn {
	position: relative;
	float: left;
	width: 208px;
	height: auto;
	padding: 0px 0px 0px 16px;
	margin: 0;
	}

/* center main content area */	
div#mainbody {
	position: relative;
	float: left;
	min-height:500px;
	height: auto !important;
	height:500px;
	width: 484px;
	margin: 0;
	padding: 0px 20px 16px 20px;
	background-color:#fff;
	z-index: 100;
	}

div#mainbody2 {
	position: relative;
	float: left;
	min-height:500px;
	height: auto !important;
	height:500px;
	width: 692px;
	margin: 0;
	padding: 0px 20px 16px 20px;
	background-color:#fff;
	z-index: 100;
	}

div#mainbody3 {
	position: relative;
	float: left;
	min-height:543px;
	height: auto !important;
	height:543px;
	width: 900px;
	margin: 0;
	padding: 0px 20px;
	background-color:#fff;
	z-index: 100;
	}

#bodywrapper {
	padding:0px 0px 0px 16px;
	margin:0;
	position: relative;
	float: left;
	min-height:500px;
	height: auto !important;
	height:500px;
	width: 732px;
	z-index: 100;
	}

#bodywrapper3{
	padding:0px 16px;
	margin:0;
	position: relative;
	float: left;
	min-height:543px;
	height: auto !important;
	height:543px;
	width: 940px;
	z-index: 100;
	}


.generictwocol {
 	margin: 20px 0px 0px 0px;
	}

.generictwocol input, .generictwocol textarea, #rightcolumn input, .loginmodule input {
	border: 1px solid #666;
	height: auto;
	min-height: 17px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

	
.generictwocol select {
	border: 1px solid #666;
	height: auto;
	min-height: 15px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}



.twocol {
	position: relative;
	float:left;
	width: 220px;
	margin:20px 0px 20px 0px;
	padding:0px 10px 0px 10px;
	border-left: 1px solid #bfbfbf;
	}

.threecol {
	position: relative;
	float:left;
	width: 230px;
	margin:0;
	padding:0;
	}

.clear {
	clear: both;
}


.spacer {
	height:200px;
	}

/* right hand column */
div#rightcolumn {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	padding: 0px 0px 6px 0px;
	margin:0px 0px 0px 8px;
	}


div#rightbox{
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	background-color:#fff;
	margin: 0px 0px 8px 0px;
	padding: 0;
	}


div#rightbox img {
	margin: 13px;
	padding: 0;
	}

div#rightbox img.btn {
	margin: 0;
	padding: 0;
	}

div#rightbox table {
	margin: 0px 15px 15px 15px;
	padding: 0;
	}


/* footer  */
div#footer {
	position:relative;
	clear:both;
	width: 972px;
	height:66px;
	margin: 0;
	padding: 20px 0px 0px 0px;
	color:#e3e3e3;
	background: #828282 url(/global/images/sap/shadow_bottom.jpg) top repeat-x;
	}

div#footerleft {
	width:600px;
	float:left;
	}

div#footerright {
	width:300px;
	float:right;
	}

/*Extranet Login*/



#login {
	height:auto;
	width:592px;
	margin: 20px auto;
	}


.loginmodule {
	position:relative;
	float:left;
	width:346px;
	height: 186px;
	margin: 0px 3px 5px 3px;
	padding: 0;
	background: #e3e9ec url(/global/images/sap/footer_module.jpg) repeat-x bottom;
	border-top:5px solid #fff;
	text-align:left;
	}

.regmodule {
	position:relative;
	float:left;
	width:230px;
	height: 186px;
	margin: 0px 3px 5px 3px;
	padding: 0;
	background: #e3e9ec url(/global/images/sap/footer_module.jpg) repeat-x bottom;
	border-top:5px solid #fff;
	text-align:left;	
	}

.loginmodule input {
	width:245px;
	}

	
/*For the CRM forms*/

.module {
	width:484px;
	height: auto;
	margin:0 auto;
	padding: 0;
	clear:both;
	background-color: #e3e9ec;
	border-top:5px solid #fff;
	overflow:auto;
	}


.formitem {
	position:relative;
	float:left;
	width: 484px;
	height: auto;
	margin: 0;
	padding: 6px 0px;
	background-color: #e3e9ec;
	}


.formleft {
	position: relative;
	float: left;
	width: 165px;
	height: auto;
	margin: 0;
	padding: 0px 0px 3px 20px;
	}

.formright {
	position: relative;
	float: left;
	width: 275px;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 5px;
	}

.formright input {
	max-width: 250px;
	}
	
.formright textarea {
	width: 275px;
	}

.formauto {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 10px;
	}


input.noborder {
	border: none !important;
	background-color:transparent !important;
	}
	
.module table {
	padding: 5px;
	margin: 0;
	}


.moduleEven {
	background-color: #e3e9ec;
	padding: 10px 0px;
	border-bottom:1px solid #fff;
	}

.moduleOdd {
	background-color: #d9e1e4;
	padding: 10px 0px;
	border-bottom:1px solid #fff;
	}

	
/* Editor */
	
div#editor {
	position: relative;
	float:left;
	clear: both;
	width: 750px;
	padding: 5px 0px 0px 0px;
	}

div#editor p {
	border-left: 5px solid red;
	font-size: 10px;
	text-indent: 10px;
	}

div#editor a:link {
	color: #325087;
	text-decoration: none;
	}

div#editor a:hover {
	text-decoration: underline;
	}

/*SAP ButtonDove */

td.ButtonDove {
	font: Bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background: #44697D url(/global/images/sap/ButtonBgRepeatDove.jpg) repeat-x;
	}

td.ButtonDove a {
	text-decoration: none;
	color: #fff;
	}
td.ButtonDove a:visited {
	text-decoration: none;
	color: #fff;
	}
td.ButtonDove a:hover { 
	text-decoration: none;
	color: #C7D2D8;
	}