/* OCSL website master CSS document - created on 02/05/07 */



* {

	margin: 0;

	padding: 0;

}



body  {

	font-family: Verdana, sans-serif;

	font-size: small;

	background-color: #FFF;

}



h1 {

	font-size: 160%;

	font-weight: normal;

	color: #666;

	margin: 10px 21px 15px 34px;

}



h2 {

	font-size: 100%;

	font-weight: bold;

	color: #666;

	margin: 10px 21px 15px 34px;

}



p {

	color: #666;

	line-height: 130%;

}



label {

	cursor: pointer;

}



ul {

	color: #666;

	margin: 0 0 0 56px;

	padding: 0 0 0 0px;

}



img {

	border: 0;

}





#leftColumn ul {

	margin: 0 35px 0 56px;

}



li {

	padding: 0 0 5px 0;

}



#container {

	width: 970px;

	margin: 0 auto;

	padding: 1px 0 0 0;

	position: relative;

	z-index: 5;

	/*background: #F09 url(../images/ocsl_logo.gif) no-repeat right 48px;*/

}



img#ocslLogo {

	position: absolute;

	top: 40px;

	right: 0;

}



#navContainer {

	position: relative;

	margin: 75px 0 8px 0;

	background-color: transparent;

	height: 18px;

	z-index: 10;

}



#contentHolder {

	border: 1px solid #999;

	height:100%;

	padding: 0 0 15px 0;

}



#masthead {

	background-color: #999;

	height: 201px;

	position: relative;

}



.mainImg {

	border-right: 4px solid #FFF;

}



.left {

	float:left;

}



.right {

	float:right;

}



#contactDetails {

	width: 190px;

	position: absolute;

	bottom: 10px;

	right: 0;

	color: #FFF;

}



#centrePanel {

	margin: 20px 0 20px 0;

	float: left;

	background: transparent url(../images/bckgd_cline.gif) repeat-y 752px 0;

}



#leftColumn {

	width: 752px;

	float: left;

	/*background: #A00;*/

}



#leftColumn p {

	margin: 15px 34px;

}



#leftColumn ol li, #leftColumn ul li{

	margin: 0 0 0 15px;



}



#leftColumn img.left {

	margin: 20px 20px 0 0;

}



/*#leftColumn blockquote {

	display:list-item;

	list-style:url(../images/quote_left.gif) inside;

	margin:15px 58px;

	text-align:justify;

	background:url(../images/quote_right.gif) no-repeat bottom right;

}



#leftColumn blockquote p {

	display:inline;

	margin:0;

	padding:5px;

}

*/



#leftColumn blockquote {

	margin: 15px 58px 15px 72px;

}



#leftColumn blockquote p {

	font-style: italic;

}



.partnerlogos {

	clear:both;

	margin:20px 19px 40px 24px;

	text-align: center;

}



#partnerflash {

	display:inline;

	margin:0 40px;

	width:119px;

	height:130px;	

}



.partnerlogos img {

	margin:0 40px;

	vertical-align:top;	

}



.partnerlogos img.final {

	margin:0 26px;

}



.partnerlogos img.vertpad {

	margin-top:30px;

}



#leftColumn a:link {color:#666;}

#leftColumn a:visited {color:#666;}

#leftColumn a:hover {color:#006BA2;}

#leftColumn a:active {color:#006BA2;}



#rightColumn {

	width: 190px;

	float: right;

	/*background-color: #EEE;*/

}



#rightColumn .clientsHeading {

	color: #666;

	padding: 0 0 6px 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #666;

}



#footer {

	clear: both;

	margin: 0 0 0 34px;

	padding: 15px 0 0 0;

	border-top: solid 10px #999;

}



#footer img {

	margin: 1em 0 1em 0;

}



#loginHolder {

	width: 190px;

	float: right;

	margin: 0 0 0 0;

}



#loginHolder p {

	font-size: 76%;

	color: #666;

}



#loginHolder .txtLogin {

	margin: 0 0 5px 0;

}



#loginHolder input {

	font: 100% Verdana, sans-serif;

	width: 140px;

	padding: 1px;

	margin: 0 0 3px 0;

	color: #666;

}



#loginHolder .btnSubmit {

	width: 7em;

	font-size: 76%;

	margin: 3px 0 0 0;

}



.copyright {

	clear:both;

	font-size:70%;

	color: #aaa;

	margin: 10px 21px 10px 34px;

}



.copyright a{

	clear:both;

	color: #aaa;

	margin: 10px 0px 10px 34px;

	text-decoration:none;

}



.copyright a:hover {

	color: #0000ff;

}



/* Drop-down menu custom widths */



#sub_nav_2 {

	width: 14.5em;

}



#sub_nav_3 {

	width: 9em;

}



#sub_nav_4 {

	width: 11em; 

}	



#sub_nav_5 {

	width: 11.5em;

}



#sub_nav_6 {

	width: 12em;

}



#sub_nav_7 {

	width: 8.5em;

}



#sub_nav_8 {

	width: 12em;

}



/* End drop-down menu custom widths  */



.clientLogo {

	display: block;

	margin: 15px 0 0 20px;

}



.ppLogo {

	float: right;

	margin:230px 0 10px 28px;

}



.ppLogo.oracle {

	margin-top: 260px;

}



.ppLogo.symantec {

	margin-top: 280px;

}



.ppLogo.vmware {

	margin-top: 280px;

}



.ppLogo.redhat {

	margin-top: 200px;

}



/* Styles for the flashcontent div and the alternate content

 that gets written to the page if no Flash plugin detected.

 We use the excellent SWFobject */

#flashcontent {

	min-width:750px;

	width:750px;

	min-height: 201px !important;

	height: 201px;

	border-right: 4px solid #FFF;

}



/* ============ flash content for the microsites */



#micro_flashcontent img{

	float:left;

}



#micro_flashcontent #banner_title{

	float:left;color:#fff;

	background-color:#016ea6;

	height:60px;

	width:512px;

	font-size:28px;

	font-weight:normal;

	padding:140px 0 0 22px;

}



/* End flashcontent div styles */



.clearer {

	clear: both;

}



.floatBlock {

	float: left;

	width: 245px;

	margin: 0 5px 0 0;

}



#leftColumn .addressBlock p {

	margin-top: 0;

}



.companyRegNo {

	clear: both;

}



img.quoteLeft {

	margin-right: 3px;

	vertical-align: 2px;

}



img.quoteRight {

	margin-left: 4px;

	vertical-align: -5px;

}



#leftColumn .storySeperator {

	padding: 0 0 20px 0;

	margin-bottom: 20px;

	border-bottom: 1px solid #CCC;

}



img.imgMap {

	float: right;

	margin: 12px 22px;

	border: 1px solid #999999;

}



#leftColumn .mapHeaders {

	font-weight: bold;

	clear: both;

	padding-bottom: 10px;

	margin-bottom: 5px;

	border-bottom: 1px solid #999;

}



.largeText {

	font-size: 150%;

	font-weight: bold;

	color: #006BA2;

	line-height: 130%;

}



#leftColumn p.solutionsHeader {

	margin: 0 0 0 34px;

	padding: 0;

	

}



#leftColumn p.solutionsPara {

	margin: -3px 0 25px 34px;

	padding: 0;

}



#leftColumn p.solutionsPara strong {

	font-size: 150%;

	font-weight: bold;

	color: #006BA2;

	line-height: 130%;

}



#rightColumn #floatClear {

	clear: both;

}



div#flashcontent2 {

	margin-left: 10px;

}





/* ======================================================================== Additions for microsite tempalte */



div.file_area ul li {

	list-style: none;

}



div.file_area ul li a {

	padding-left: 30px;

	background: url(../images/micrositeTemplates/filedownload.gif) left top no-repeat;

}



p#contactDetails a {

	text-decoration: none;

	color: #ffffff;

}



p#contactDetails a:hover {

	color: #0000ff;

}



/* ======================================================================== Registration form */



dl#registrationForm {

	margin-left: 35px;

	color: #666;

}



dl#registrationForm dd {

	margin-bottom: 10px;

}



dl#registrationForm dd input.input, dl#registrationForm dd textarea {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	background-color: #ffffff;

	background-image: url(../images/inputShadow.jpg);

	background-repeat: repeat-x;

	background-attachment: scroll;

	background-x-position: center;

	background-y-position: top;

	width: 460px;

	color: #666;

}



dl#registrationForm dd input.input.sf_error_border {

	border-color: red;

	color: red;

}



dl#registrationForm dd button.button {

	width: 124px;

	height: 37px;

	border: none;

	background-color: #fff;

	background-image: url(../images/btn_register.jpg);

	background-position: top left;

	cursor: pointer;

	text-indent: -5000px;

	#font-size: 400px;

	#overflow: hidden;

	#text-indent: 0;

}



dl#registrationForm dd button.button:hover {

	background-position: 0 -37px;

}



dl#registrationForm dt span.sf_error_message {

	color: red;

	font-size: 9px;

}



dl#registrationForm dd.required {

	font-size: 9px;

}



/* ======================================================================== Event button */



div.newsBody p button.button_reg, div.newsBody p button.button_work, button.button_work {

	width: 93px;

	height: 28px;

	background-color: #fff;

	background-image: url('../images/btn_register_sml.jpg');

	background-position: top left;

	cursor: pointer;

	border: none;

	text-indent: -5000px;

	#text-indent: 0;

	#font-size: 8000px;

	#overflow: hidden;

	float: right;

}



div.newsBody p button.button_work, button.button_work {

	background-image: url('../images/button_workshop.jpg');

}



div.newsBody p button.button_reg:hover, div.newsBody p button.button_work:hover, button.button_work.hover {

	background-position: 0 -28px;

}



/* ======================================================================== questionnaire */ 





div#questionnaire_form p {

	margin-right:0;

	margin-left:0;

	clear:both;

}



.blue {

	font-weight: bold;

	color: #006ba2;

}



p.questionnaireKey {

	background: #e8eded;

	border: 1px solid #cccccc;

	padding: 5px 10px;

	font-weight: bold;

}



p.rule {

	border-top: 1px solid #b4b4b4;

}



div#questionnaire_form {

	margin: 15px 34px 15px 34px;

}



div#questionnaire_form h3 {

	color: #006ba2;

	font-weight: bold;

	font-size: 120%;

	padding-bottom: 25px;

	background: url('../images/questionnaire/heading_bg.jpg') bottom left repeat-x;

	margin:20px 0 0 0;

}



div#questionnaire_form table.questionnaire {

	width: 100%;

	text-align: center;

	font-weight: bold;

	color: #666666;

}



div#questionnaire_form table.questionnaire tr.highlight {

	background: #e6ebec;

}



div#questionnaire_form table.questionnaire tr.highlight td {

	border-bottom: 8px solid #fff;

}



div#questionnaire_form table.questionnaire tr td,

div#questionnaire_form table.questionnaire tr th {

	padding: 10px;

}



div#questionnaire_form table.questionnaire tr td.textleft {

	text-align:left;

}





div#questionnaire_form table.questionnaire tr td.col1 {

	width: 387px;

	text-align: left;

}





div#questionnaire_form table.questionnaire tr td.reduce{

	padding-top:0;

	padding-bottom:0;

	padding:0 0 12px 0;

}



div#questionnaire_form input.input {

	border: 1px solid #999;

	padding: 5px 10px;

	width:240px;

	height:13px;

}



div#questionnaire_form form input.input_fullwidth {

	border: 1px solid #999;

	width:660px;

	padding:5px 10px;

	height:13px;

}



div#questionnaire_form label {

	padding:0 15px 0 0;

}





div#questionnaire_form span.questionnaire_error_message {

	color:#FF0000;

}



.questionnaire_next,

.questionnaire_submit {

	background:url("../images/questionnaire/btn_next.jpg") top left no-repeat;

	width:97px;

	height:33px;

	text-indent:-5000px;

	border:0;

	clear:both;

	float:right;

	margin:25px 0 0 0;

}



.questionnaire_submit {

	background:url("../images/questionnaire/btn_submit.jpg") top left no-repeat;

}



div#questionnaire_form table tr.border_bottom td {

	border-bottom:2px solid #B3BABC;

}





/*==== BORER for paragraphs ==================================================================================================*/

div#questionnaire_form p.border_bottom {

	border-bottom:2px solid #B3BABC;

	padding-bottom:15px;

}



div#questionnaire_form p.border_bottom.float_right {

	border-bottom:2px solid #B3BABC;

	padding-bottom:15px;

	text-align:right;

}



div#questionnaire_form p.float_right {

	text-align:right;

}





dl {

	width:745px;

	clear:both;

	padding:0 0 10px 0;

	float:left;

}



dl dt {

	float:left;

	width:100px;

	padding:0 0 15px 0;

	color:#4C4C4C;

}



dl dd {

	float:left;

	width:580px;

	padding:0 0 15px 0;

}



/*========= MEDIUM sizex DL ========================================================================*/

dl.medium {

	width:690px;

	clear:both;

	padding:0 0 10px 0;

	float:left;

}



dl.medium dt {

	float:left;

	width:150px;

	padding:0 0 15px 0;

	color:#4C4C4C;

}



dl.medium dd {

	float:left;

	width:535px;

	padding:0 0 15px 0;

}

a.exampleTip {
	color: #666666;
}

a.exampleTip:hover{
	text-decoration: underline;
}