/* 
CSS FOR funtionalities includes customisable css for jquery modal dialogs.

jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
    color: #696866;
    border: 1px solid #a69686;
    padding: 12px;
    min-width: 120px;
	max-width: 760px;
}

#dialog .content {
	background-color: #fff;
	padding: 15px 15px 0px 15px;
	}
.jqmOverlay { background-color: #000; }

.actions {
	font-size:1.1em;
	padding: 8px 0 8px 180px;
	width: 350px;
}

.feedback-action {padding-left: 370px;position:relative;top:-20px;}
.highlight {
	color: red;
}

.CancelSend,.CancelNote,.CancelExit{
display: none;
}

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

#dialog h2, #dialog h3 {
	font-size:3em;
	font-weight:bold;
	text-transform:none;
	color: #FA821E;
	margin: 0 0 10px;
	border-bottom: none!important;
}


#dialog p {
	font-size:1.6em;
	margin:0 0 13px;
	color: #999;
}

#dialog p.instructions {
	font-weight: normal;
	color:#999;
	font-size: 1.6em;
	}
	
#dialog p.privacy {
	font-size: 1.1em;
	padding: 8px 10px 0px 0;
	}
	
#dialog a{
	color:#6d6d6d;
	text-decoration: underline;
}
#dialog a:hover{
	text-decoration: none;
}

#dialog a.close{
	color:#006667;
	width: 10px;
	height: 10px;
	display: block;
	text-decoration: none;
	background: #fff url(../images/tools/close-btn-green.gif) no-repeat top left;
}

#dialog a.close span{
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.our-business #dialog a.close {background: #fff url(../images/tools/close-btn-purple.gif) no-repeat top left;}
.crucells-commitment-to-csr #dialog a.close{background: #fff url(../images/tools/close-btn-orange.gif) no-repeat top left;}
.management-report #dialog a.close{background: #fff url(../images/tools/close-btn-lime-green.gif) no-repeat top left;}
.financial-statements #dialog a.close{background: #fff url(../images/tools/close-btn-lime-green.gif) no-repeat top left;}
.other-information #dialog a.close{background: #fff url(../images/tools/close-btn-lime-green.gif) no-repeat top left;}




#dialog {
 z-index: 999;
}
a.CancelSend span, a.CancelNote span, a.ActionSend span, a.ActionNote span, a.SaveNote span, a.EnterLink span {display:none;}

#dialog input.submit, a.submit{
	border: solid 0px;
	padding: 5px;
	background-color: #006667;
	color: white;
	font-weight: bold;
	margin-right: 5px;
	cursor: pointer;
}

.our-business #dialog input.submit, .our-business a.submit{background-color: #7977B2;}
.crucells-commitment-to-csr #dialog input.submit, .crucells-commitment-to-csr a.submit{background-color: #F29400;}
.management-report #dialog input.submit, .management-report a.submit{background-color: #D0D500;}
.financial-statements #dialog input.submit, .financial-statements a.submit{background-color: #D0D500;}
.other-information #dialog input.submit, .other-information a.submit{background-color: #D0D500;}


h2.noline {border-bottom: none;}
table#notelist  {border-bottom: none;}
table#notelist thead tr td{background-color:#fff;}



table#notelist td{padding: 5px 0 5px 0;text-align:left;vertical-align:text-top;}
table#notelist td.check {text-align:left;}
table#notelist td label {width: 100px; color: #006667; font-weight: bold;}
table#notelist h3{margin:0 0 0 0;font-weight:bold;color:#666;font-size:1em;}
table#notelist a{color: #666;}
#dialog label {float:left; clear:left; width:180px; padding-top:2px; font-size:1.2em; color:#666; font-weight: bold; }

#dialog .frmFeedback {width:714px!important;}
.clearFloat {clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; visibility:hidden;}
#dialog .radio {border:none!important; float: left;}
#dialog .radioRow {clear:both;	margin-left:12px;}
#dialog .radioRow input {margin-top:1px;}
#dialog .formrow {float:left; padding-top:5px;}
#dialog .formrow label {float:left; margin-left:0!important; width:auto; margin-right:5px; clear:none!important;}
#dialog .formrow .labelFloat input {float:left!important; margin-right:5px; clear:none!important;}
#dialog .formrow .labelFloat label {float:left;}
#dialog .formrow textarea {margin:10px 0 0 11px;}
#dialog .formrowEmail {clear:both;margin-bottom:10px;}
#dialog .formrowEmail input{border: 1px solid #ccc;padding: 7px 2px;width:250px;}
#dialog .formrowEmail input#frmCode, input#frmCode{border: 1px solid #ccc;padding: 7px 2px;width:110px;position:relative;top:-11px;}
#dialog .frmColRight .highlight {margin-left:5px;}
#dialog .questionLabel {width:320px!important;}
#dialog .frmColLeft {float:left; width:370px;}
#dialog .frmColLeft span, .frmColRight span {float:left; margin:2px 3px 0 0;}
#dialog .frmColLeft label {margin-top:1px;}
#dialog .frmColRight {float:left; width:340px;}
#dialog .frmColLeft .formrow, .frmColRight .formrow {margin-bottom:15px;*margin-bottom:5px;}
#dialog textarea {float:left; width:250px; height: 100px; background:#fff; margin-bottom:10px; border:1px solid #ccc;padding: 4px 2px;}
img.captcha {margin: 0 0 0 10px;}
#dialog .close {position: absolute; right: 13px;}

input.submit, a.submit
{
	border: solid 1px;
	padding: 5px;
	background-color: #006667;
	color: White;
	font-weight: bold;
	
	
}