/* CSS Document */

/* Main stylesheet for soa247 Website */

* {
	margin: 0;
	padding: 0;
}


html {
	width:100%;
}


body {
	background: #ffffff;
	width:100%;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	text-align:left;
}


img {
	border: 0;
}


p {
	line-height: 1.4em;
	font-size: 1.0em;
}


ul {
	list-style-position:outside;
	list-style-type:none;
}


.clearer {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
}


#accessible {
	left:-3000px;
	position:absolute;
}



/* header */

#header {
	background: url(../images/man.jpg) top right no-repeat;
	margin: 0;
	padding: 0 0 85px 0;
}

#header h1 {
	margin: 0;
	padding: 15px 0 0 0;
}

/* main */

#main {
	background: #c9c5c4 url(../images/background.jpg) top left repeat-x;
}


#wrapper {
	width: 760px;
	margin: 0 auto 15px auto;
	
}


/* navigation */

#nav {
	float: left;
	width: 160px;
	margin: 40px 0 30px 0;
	padding: 0;
}


#nav ul {
	margin: 0 0 20px 0;
	padding: 0;
}


#nav ul li {
	padding: 10px 0 10px 0;
	margin: 0 15px 0 0;
}


#nav ul li.home {
	border-bottom: 1px solid #706762;
}


#nav ul li.about {
	border-bottom: 1px solid #766e68;
}


#nav ul li.survey {
	border-bottom: 1px solid #7d7570;
}


#nav ul li.resources {
	border-bottom: 1px solid #857d78;
}


#nav ul li.events {
	border-bottom: 1px solid #817974;
}

sup {
	font-size: 0.6em;

}

#nav ul li.newsletter {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A837D;
}


#nav ul li a {
	text-decoration:none;
	display:block;
}


#nav ul li a:link {
	color: #ffffff;
}


#nav ul li a:visited {
	color: #ffffff;
}


#nav ul li a:hover {
	color: #ffffff;
	font-weight: bold;
}


#nav ul li a:active {
	color: #ffffff;
}


#nav ul li a.current {
	font-weight: bold;
}


/* content */

#content {
	float: left;
	width: 600px;
	margin: 40px 0 0 0; 
}

/* home page main box*/

#content div.boxMain {
	background: #ffffff url(../images/box-1-bot.gif) bottom left no-repeat;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}


#content div.boxMain h2 {
	background: url(../images/box-1-top.gif) top left no-repeat;
	color: #2a5474;
	font-size: 1.4em;
	font-weight: normal;
	padding: 15px 0 6px 15px;
	margin: 0;
}


#content div.boxMain div {
	background: #f2f1f0 url(../images/free-report.gif) top left no-repeat;
	padding: 25px 13px 6px 190px;
	margin: 13px 13px 0 13px;
}

#content div.boxMain div p {
	color: #554a43;
	font-size: 0.95em;
	padding: 0 0 10px 0;
}

#content div.boxMain div p.end a.more {
	padding: 0 2px 0 0;
}
/*
#content div.boxMain div p.end a.more {
	color: #2a5474;
	text-decoration:none;
	padding: 0 0 0 15px;
	top: -3px;
	position: relative;
}

#content div.boxMain div p.end a.more:hover {
	text-decoration:underline;
}*/


#content div.boxMain div p.end a img {
	padding: 6px 0 0 0;
}


/* standard content box */

#content div.boxFull {
	background: #ffffff url(../images/box-full-bot.gif) bottom left no-repeat;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}


#content div.boxFull p {
	padding: 15px 17px 0 17px;
	color: #554a43;
	font-size: 0.95em;
}


#content div.boxFull p.intro {
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0 15px 0;
	margin: 0 17px 0 17px;
}


#content div.boxFull div.quote {	
	margin: 20px 70px 10px 70px;
	color: #958275;
	text-align:right;
}


#content div.boxFull div.quote p {	
	margin: 0;
	padding: 0;
	color: #2a5474;
	font-style:italic;
	text-align:left;
	font-weight:bold;
}


#content div.boxFull p.clear {
	clear: both;
}


#content div.boxFull p.quiet {
	color: #9e9894;
	font-size: 0.9em;
	padding: 15px 0 15px 0;
	margin: 15px 15px 0 15px;
	border-top: 1px solid #ebebeb;
	clear: both;
}


#content div.boxFull p a {
	color: #2a5474;
}

#content div.boxFull p a:link {
	
	text-decoration: underline;
}

#content div.boxFull p a:hover {
	text-decoration: none;
}


#content div.boxFull dl {
	margin: 15px 0 0 25px;
	color: #554a43;
	font-size: 0.95em;
	width: 405px;
	clear:right;
	
}

#content div.boxFull dt {
	float: left;
	width: 200px;
	padding: 0 0 4px 0;
}


#content div.boxFull dd {
	float: left;
	width: 180px;
	font-weight:bold;
	padding: 0 0 4px 0;
}


#nav ul li a:visited {
	text-decoration: none;
}


#content div.boxFull h2 {
	background: url(../images/box-1-top.gif) top left no-repeat;
	color: #2a5474;
	font-size: 1.4em;
	font-weight: normal;
	padding: 15px 0 6px 15px;
	margin: 0;
}


#content div.boxFull h3 {
	border-top: 1px solid #ebebeb;
	color: #2a5474;
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px 0 6px 0;
	margin: 10px 15px 0 15px;
}


#content div.boxFull ul.resources {
	margin: 0 15px 0 15px;
	padding: 0 0 5px 0;
	color: #554a43;	
}


#content div.boxFull ul.webinar {
	margin-top: 20px;
	clear:left;
}

#content div.boxFull .realityDesc {
	margin: 10px 0 0 15px;
	width: 558px;
	clear: both;
}

#content div.boxFull .realityDesc img {
	float: left;
	width: 258px;
}

#content div.boxFull .realityDesc p {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 0 15px 15px;
}

#content div.boxFull ul.resources li {
	margin: 0 10px 12px 0;
	padding: 5px 17px 5px 5px;
	background: #f2f1f0;
	margin: 0 0 15px 0;
	line-height: 1.6em;
}


#content div.boxFull ul.resources li.pdf {
	background: #f2f1f0 url(../images/pdf.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.doc {
	background: #f2f1f0 url(../images/pdf.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.ppt {
	background: #f2f1f0 url(../images/ppt.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.web {
	background: #f2f1f0 url(../images/web.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.external {
	background: #f2f1f0 url(../images/external.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.event {
	background: #f2f1f0 url(../images/event.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.vcard {
	background: #f2f1f0 url(../images/vcard.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.butler {
	background: #f2f1f0 url(../images/butler.gif) top right no-repeat;
}

#content div.boxFull ul.resources li.gw {
	background: #f2f1f0 url(../images/gw.gif) top right no-repeat;
}



#content div.boxFull ul.resources li.oracleGW {
	background: #f2f1f0 url(../images/oracleGW.gif) top right no-repeat;
}


#content div.boxFull ul.resources li.butlerGW {
	background: #f2f1f0 url(../images/butlerGW.gif) top right no-repeat;
}


#content div.boxFull ul.resources li a {
	color: #2a5474;
	display:block;
}

#content div.boxFull ul.resources li a.vcard {
	display:inline;
}


#content div.boxFull ul.resources li a.sublink {
	display: inline;
}


#content div.boxFull ul.resources li a:link {
	text-decoration: none;
}


#content div.boxFull ul.resources li a:visited {
	text-decoration: none;
}


#content div.boxFull ul.resources li a:hover {
	text-decoration: underline;
}


#content div.boxFull .logoHold {
	float: left;
	width: 150px;
	margin: 15px 0 0 0;
}


#content div.boxFull .textHold {
	float: left;
	width: 420px;
	border-left: 1px solid #d4d0c8;
	margin: 15px 0 0 0;
}


#content div.boxFull .textHold p {
	padding: 0 20px 30px 20px;
}


/* vcard */
#content div.boxFull div.vcard {
	padding: 15px 15px 25px 20px;
	color: #554a43;
	font-size: 0.95em;
	line-height: 1.6em;
}


#content div.boxFull div.vcard a {
	color: #2a5474;
	display:block;
}


#content div.boxFull div.vcard a:link {
	text-decoration: underline;
}


#content div.boxFull div.vcard a:visited {
	text-decoration: underline;
}


#content div.boxFull div.vcard a:hover {
	text-decoration: none;
}


#content div.boxFull div.vcard span.postal-code {
	display: block;
}


#content div.boxFull div.vcard div.org {
	font-weight: bold;
	font-size: 1.2em;
}


#content div.boxFull div.vcard div.adr {
	padding: 8px 0 8px 0;
}


#content div.boxFull div.vcard span.value {
	font-weight: bold;
}


/* sub boxes */

#content div.boxSub {
	margin: 0 0 30px 0;
	background: url(../images/boxSub-bot.gif) bottom left no-repeat;
}


#content div.boxSub div {
	width: 284px;
	margin: 0 0 0 0;
	float: left;
	text-align:right;
	font-size: 0.9em;
	background: #ffffff ;
}


#content div.boxSub h2.sub {
	background: url(../images/boxSub-top.gif) top left no-repeat;
	color: #2a5474;
	font-weight:normal;
	font-size: 1.4em;
	padding: 15px 0 6px 15px;
	margin: 0;
	text-align:left;
}


#content div.boxSub div a {
	padding: 0 13px 0 0;
	color: #2a5474;
}


#content div.boxSub div a:link {
	text-decoration:underline;
}


#content div.boxSub div a:visited {
	text-decoration:underline;
}


#content div.boxSub div a:hover {
	text-decoration:none;
}


#content div.boxSub div p {
	margin: 0 14px 8px 14px;
	padding: 0 6px 6px 0;
	text-align:left;
	color: #554a43;
}


#content div.boxSub div p a {
	color: #352e2a;
	display: block;
}


#content div.boxSub div p a:link {
	text-decoration:none;
}


#content div.boxSub div p a:visited {
	text-decoration:none;
}


#content div.boxSub div p a:hover {
	text-decoration:underline;
}


#content div.boxSub div.webinars {
	margin: 0 32px 0 0;
}


#content div.boxSub div.webinars p {
background: #f2f1f0 url(../images/webinar.gif) 232px 6px no-repeat;
}


#content div.boxSub div.webinars img {
	padding: 0 13px 0 0;
}



#content div.boxSub div ul {
	text-align:left;
	margin: 4px 3px 0 13px;
}


#content div.boxSub div ul li {
	margin: 0 10px 6px 0;
	padding: 5px;
	background: #f2f1f0;
}


#content div.boxSub div.webinars ul li.pdf {
	background: #f2f1f0 url(../images/pdf.gif) top right no-repeat;
}


#content div.boxSub div.webinars ul li.web {
	background: #f2f1f0 url(../images/web.gif) top right no-repeat;
}

#content div.boxSub div.webinars ul li.external {
	background: #f2f1f0 url(../images/external.gif) top right no-repeat;
}


#content div.boxSub div.events ul li {
	background: #f2f1f0 url(../images/event.gif) top right no-repeat;
	padding: 6px 15px 6px 6px;
	line-height: 1.3em;
}

#content div.boxSub div.events ul li.external {
	background: #f2f1f0 url(../images/external.gif) top right no-repeat;

}



#content div.boxSub div.events ul li strong {
	color: #554a43;
}



#content div.boxSub div ul li a {
	color: #2a5474;
	display: block;
}


#content div.boxSub div ul li a:link {
	text-decoration: none;
}



#content div.boxSub div ul li a:visited {
	text-decoration: none;
}



#content div.boxSub div ul li a:hover {
	text-decoration: underline;
}


#content div.boxSub div.clearer {
	background: none;
	margin: 0;
	padding: 0;
	height: 15px;
	float: none;
	width: auto;
}




/* footer */

#footer {
	background: #ffffff;
	border-top: 1px solid #aca7a4;
	clear: left;
}


#footer ul {
	margin: 0 auto;
	width: 760px;
	padding: 25px 0 15px 0;
}


#footer ul li {
	display: inline;
	color: #dbd9d8;
	padding-right: 5px;
}

/*
#footer ul li.griffithWaite {
	background: url(../images/gw-small.gif) top left no-repeat;
	padding-left: 35px;
}
*/


#footer ul li.oracle {
 	text-align: right;
	display: block;
	padding: 0;
	margin: -22px 0 0 0;
}


#footer ul li a {
	color: #2a5474;
	text-decoration:none;
}


#footer ul li a:link {
	color: #2a5474;
	text-decoration:none;
}


#footer ul li a:visited {
	color: #2a5474;
	text-decoration:none;
}


#footer ul li a:hover {
	color: #2a5474;
	text-decoration:underline;
}


#footer ul li a:active {
	color: #2a5474;
	text-decoration:none;
}

/* Form styling */

/* form */
fieldset {
	width:575px;
	border: none;
	margin: 0 0 10px 0;
}


legend {
	padding: 23px 13px 13px 13px;
	color: #2a5474;
	font-weight:normal;
	font-size: 1.1em;
}


fieldset div {
	margin: 5px 0 10px 20px;
}


fieldset label {
	width: 150px;
	display: block;
	color: #554a43;
	float: left;
}


fieldset .text input {
	width: 350px;
	border: 1px solid #c9c5c4;
	padding: 2px;
	color: #554a43;	
}


.checkbox {
	margin-left: 170px;
	padding-left: 0;
}


fieldset .checkbox label {
	width: 250px;
	margin-bottom: 8px;
}


.textarea {
	clear: left;
	color: #554a43;
}


.textarea-container textarea {
	width: 350px;
	border: 1px solid #c9c5c4;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
	color: #554a43;
}


.radio label.inlineLabel {
	padding-top: 8px;
}


.radio label.inlineLabel input {
	margin-right:8px;
	position: relative;
	top: 2px;
}


fieldset .checkbox label input {
	margin-right: 8px;
	margin-left: 3px;
}

#content div.boxFull fieldset p {
	margin-left: 0;
	margin-bottom: 15px;
	padding-top: 0;
	margin-top: 0;
	font-size: 1.1em;
	color: #554a43;
}



div.checkbox input , div.checkbox label {
	float:left;
	width:auto;
}
	
	
div.checkbox label {
	margin-left:10px;
}


.radio {
	clear: left;
}


#content div.boxFull fieldset .radio p.label {
	font-size: 1em;	
	color: #554a43;
	padding: 0;
	margin: 0;
}


.buttonHolder {
	text-align:right;
	margin: 10px 75px 0 0;
}


.submitButton {
	background: url(../images/submit.gif) top right no-repeat;
	border: none;
	font-size: 1.1em;
	color: #ffffff;
	text-align:center;
	width: 66px;
	padding: 0 0 2px 0;
	margin: 0 0 8px 0;
	font-weight:bold;
	cursor: pointer;
}


button:hover {
	color: #ffffff;
	background: url(../images/submit-over.gif) top right no-repeat;
}


.error {
	color: red;
	font-weight:bold;
}

#content div.boxFull ul.resources li ul.sublist {
	padding: 0; margin: 10px 0 10px 0;
}

#content div.boxFull ul.resources li ul.sublist li {
	padding: 0; margin: 0 0 0 25px; list-style-type:disc;
}

#content div.boxFull a.outertitle	{text-decoration: underline; border-top: 1px solid #cbc7c5; margin-top: 6px; padding-top: 6px;}