@charset "UTF-8"; 

/****************************** BASIC ******************************/
body {
	/**font-size: 62.5%; **/
  font-size: 75%;
	font-family: "Lucida Sans Unicode",Arial, Helvetica, sans-serif;
  margin: 20px;
  margin-top: 5px;
}

h1, h2, h3, p, ul {
	padding: 0;
	margin: 0;
}

ul {
  list-style: none;
}

a, a:link, a:active, a:visited, a:hover { 
  color: black;
}

/* WRAPPER: wraps entire contents of page */
#wrapper {
	/*border: solid 1px black;*/
	width: 960px;
	margin: 0 auto;
}


/****************************** BANNER ******************************/
#banner {
  background: url(images/banner_bg.png) no-repeat left top;
	position: relative;
  height: 60px;
  width: 962px;
  margin: 0px;
  padding: 0px;
}

/* fix IE 6: improperly positioning 
'subscribe' and 'about us' links in banner */
* html #banner {
	height: 1px;
}
#banner #rhs {
  position: absolute;
  right: 0;
  top: 0
}

#banner #olp {
	position: absolute;
	left: 15px;
	top: 10px;
  display: block;
  width: 80px;
  height: 40px;
  text-decoration: none;
  background: url(images/OLP-logo-100x50.png) no-repeat left top;
  background-size: 80px 40px;
  /* -moz-background-size:175px 35px; /* Firefox 3.6 */
  -webkit-background-size:80px 40px;
}
#banner #program {
	position: absolute;
	left: 125px;
	top: 13px;
  display: block;
  font: bold 2.5em "Liberation Serif", Times, serif;
  color: #050579;
  width: 500px;
  height: 35px;
  text-decoration: none;
}
#banner #tagline {
	position: absolute;
	left: 350px;
	top: 20px;
  display: block;
  font: bold 1.5em "Liberation Sans"; 
  color: #FFF;
  width: 450px;
  height: 35px;
  text-decoration: none;
}

#banner .bannerNav {
  position: absolute;
  left: 10px;
  top: 40px;
  width: 630px;
  height: 42px;
  margin-left: 0;
  padding: 0;
  /* border: 1px dotted #EEE; */
  list-style-type: none;
}
#banner .bannerNav  li ,
#banner .bannerNav  li .selected {
  float: left;
  margin: 0 10px 0 0;
}
#banner .bannerNav li a {
  display: block;
  width: 94px;
  height: 40px;
  text-decoration: none;
  outline: none;
  outline-style: none;
}

#banner h1 {
  position: absolute;
  left: 20px;
  top: 5px;
  width: 400px;
  font: bold 1.8em Georgia, "Times New Roman", Times, serif;
  color: #FFF;
  letter-spacing: 5px;
  text-align: left;
}

#banner .date {
  position: absolute;
  /* left: 770px; */
  right: 10px;
  bottom: 5px;
  list-style: none;
  color: #000;
  font: 0.9em Arial;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: right;
}

#banner .ocid {
  position: absolute;
  left: 650px;
  bottom: 5px;
  list-style: none;
  color: #DDD;
  font: 0.9em Arial;
  font-weight: bold;
  letter-spacing: 1.2px;
}

#banner .name {
  position: absolute;
  /* left: 630px; */
  right: 10px;
  bottom: 27px;
  list-style: none;
  color: #DDD;
  font: 0.9em Arial;
  font-weight: bold;
  letter-spacing: 1.2px;
}

.separator {
	border-right: 1px solid #888;
	padding-right:10px;
}


/****************************** NAV BAR ******************************/
#mainNav {
	margin: 0;
	padding: 0;
}
#mainNav ul {
	background: url(images/bg_nav_h.png) repeat-x left top;
	float: left;
	width: 962px;
}

#mainNav li {
  color: #888;
	float: left;
}

#mainNav .right {
  float: right;
}

#mainNav li a, #mainNav li a:link {
	color: #DDD;
	text-decoration: none;
	padding: .5em 1em;
	border-right: 1px solid #000;
	display: block;
	font: 1.0em Arial;
  font-weight: bold;
}

/*---- mainNav button highlight needs these settings ----*/
.home #homeLink, 
.office #officeLink,
.start #startLink,
.download #downloadLink,
.help #helpLink,
.licence #licenceLink,
.feedback #feedbackLink  {
  background: url(images/bg_nav.png) repeat-x left -2px;
  color: #FFF;
  border-bottom: 1px solid #AAA;
}

#mainNav li a:hover {
  background: url(images/bg_nav.png);
  color: #888;
}

/* IE 6 hack to make entire button clickable */
/*  html #mainNav a { width: 1px; }  */

/****************************** SUB NAV ******************************/

#subNav {
	margin-left: 0;
	margin-right: 135px;
	padding: 2px 15px 5px 5px;
	border: none;
	border-right: 1px solid #666666;
  background: #FFF;
}

#subNav a:link , #subNav a:visited , #subNav a:active { color: #999; }
#subNav a:hover { color: #000; text-decoration: underline; }

#subNav ul {
	padding: 0 0 10px 0;
  background: #FFF;
}
#subNav li {
	display: inline;
	margin-left: 2px;
}
#subNav a {
  text-decoration: none;
  font-style: normal;
  font: 0.9em Arial;
  color: #AAA;
}
#subNav .separator {
	border-right: 1px solid #CCF;
	padding-right:5px;
  margin-right: 0;
}

/*---- subNav button highlight needs these settings ----*/

.help01 #subNav #help01Link,
.help02 #subNav #help02Link,
.help03 #subNav #help03Link,
.help04 #subNav #help04Link,
.help05 #subNav #help05Link,
.help06 #subNav #help06Link,
.help07 #subNav #help07Link,
.licence01 #subNav #licence01Link,
.licence02 #subNav #licence02Link,
.licence03 #subNav #licence03Link,
.web #subNav #webLink {
  font-weight: bold;
  color: #000;
}


/****************************** MAIN CONTENT WRAPPER ******************************/

#contentWrapper {
	clear: both;
	position: relative;
	width: 100%;
  border: solid 1px black;
}

/****************************** MAIN CONTENT ******************************/

#main {
	margin-left: 0;
	margin-right: 135px;
	padding: 0 5px 5px 5px;
	border: none;
	border-right: 1px solid #666666;
  background: #FFF;
  min-height: 480px;
  font-family: "Lucida Sans Unicode";
}
#main h1 {
  color: #663900;
	padding-top: 5px;
	margin-bottom: 5px;
	font: bold 2.0em Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#main h1 .enlargeInitial {
  font-size: 1.2em;
}
#main h2 {
  font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #106A9B;
	margin-bottom: 5px;
  padding: 3px 0 2px 0;
	color: #663900;
  clear: left;
}
#main h3 {
  font-size: 1.1em;
	font-weight: bold;
  font-variant: small-caps;  
	color: #663900;
  clear: both;
	padding: 5px 5px 0 0;
}
#main h4 {
  font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	color: #663900;
  clear: left;
}
#main h5 {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 0px;
  padding: 0px;
  color: #663900;
  clear: left;
}
#main h6{
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 0px;
  padding: 0px;
  color: #663900;
  clear: left;
}

.center_justify {
  text-align: center;
}
.space_above {
  margin-top: 20px;
}
.place_on_right {
  margin-left: 700px;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#main p {
	font-size: 1em;
  line-height: 1.2em;
	margin-bottom: 15px;
  text-align: justify;
  clear: left;
}

#main ul {
	margin: 5px 0 0 0;
  display: inline;
}
#main .olp_ul {
  margin: 3px 0 3px 10px;
  list-style-type: circle;
  line-height: 20px;
  display: block;
}
#main .olp_ul li  {
  padding-left: 14px;
  margin-left: 30px;
  font-family: "Lucida Sans Unicode";
  font-size: 1em;
}

#main a {
  text-decoration: none;
  background-color: #A7CEE6;
}

#main a:hover {
  text-decoration: underline;
  background-color: transparent;
}

.red-bullet-list {
  background-image: url(images/rbtn.png);
  background-repeat: no-repeat;
  background-position: 50px 5px;
  padding-left: 80px;  
  line-height: 30px;
}
#main .dbox li {
  padding: 0px 0 0 100px;
}
#centerdate {
	font-weight: bold;
  /**margin-left: 220px; **/
  margin: 0 auto;
  text-align: center;
}

#radiocoloursyes {
  font-weight: bold;
  margin: 5px 0px 5px 300px;
}
#radiocoloursno {
  font-weight: bold;
  margin: 5px 0px 5px 50px;
}
#dateSelector {
  margin-bottom: 10px;
}

/************************* used by .....  ****************************/
.inputLabel {
  width: 150px;
  text-align: right;
  margin-right: 15px;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding: 0 10px 0 0;
}
.inputLabelDisabled {
  width: 150px;
  text-align: right;
  margin-right: 15px;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #666;
  padding: 0 10px 0 0;
}
.inputLabelFloat {
  float: left;
  width: 150px;
  text-align: right;
  margin-right: 15px;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding: 0 10px 0 0;
}
.captcha {
  float: left;
  position: relative;
  top: -10px;
  width: 100px;
  margin-right: 15px;
  padding: 0 10px 0 0;
}
.inputCaptcha {
  position: relative;
  top: 2px;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  padding-left: 4px;
  margin: 0 50px 0 30px;
  border: 1px solid #AAA;
}
.inputHelp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding-left: 4px;
}
.inputField {
  width: 394px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding-left: 4px;
  border: 1px solid #AAA;
  background-color: #FE9;
}
.inputFieldDisabled {
  width: 394px;
  font-size: 1.1em;
  padding-left: 4px;
  border: 1px solid #AAA;
  background-color: #FFF;
}
.inputLink {
  display: block;
  width: 395px;
  font-size: 1.1em;
  padding-left: 4px;
  border: 1px dotted #AAA;
}
.inputFieldShort {
  width: 194px;
  font-size: 1.1em;
  padding-left: 4px;
  border: 1px solid #AAA;
}
.inputDate {
  width: 80px;
  font-size: 1.1em;
  border: 1px solid #AAA;
}
.inputSelect {
  width: 401px;
  font-size: 1.1em;
  padding-left: 1px;
  border: 1px solid #AAA;
  background-color: #FE9;
}
.inputSelectDisabled {
  width: 401px;
  font-size: 1.1em;
  padding-left: 1px;
  border: 1px solid #AAA;
  background-color: #FFF;
}
.inputSelectShort {
  width: 200px;
  font-size: 1.1em;
  border: 1px solid #AAA;
}
.inputNote {
  float: right;
  font-weight: normal;
  font-style: italic;
  font-size: 0.8em;
  border: 1px solid #AAA;
}
.textField {
  width: 390px;
  font-size: 1.1em;
  padding-left: 4px;
  border: 1px solid #AAA;
}
.checkboxlabel {
  position: relative;
  top: -2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
.checkbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding: 0 12px 0 0;  
}
.formitem {
  font-family: "Liberation Sans";
  font-size: 1.1em;
  margin: 20px 0 0 0;
}

#btnLink {
  width: 115px;
  position: absolute;
  left: 355px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding: 2px 0 2px 0;
  margin: 5px 0 5px 0;
}


.black {
  background-color: #000;
}
.white {
  background-color: #FFF;
}
.red {
  background-color: #F12727;
  color: #FFF; 
}
.red a, 
.red a:link, 
.red a:active, 
.red a:visited, 
.red a:hover { 
  color: #FFF; 
}
 
.amber {
  background-color: #FFA500 ;
}
.green {
  background-color: #88FF88;
}
.silver {
  background-color: #CCCCCC;
}


.no-bottom-margin {
  margin-bottom: 0px;
}
.skinny-line {
	line-height: 0.5em;
}
.bold {
	font-weight: bold;
}
.enlargeInitial {
  font-size: 1.2em;
}
.strikethrough {
  text-decoration: line-through;
}

.figure {
	float: right;
	width: 173px;
	padding: 2px 2px 2px 2px;
	border: 0 solid #888;	
  margin-bottom: 2px;
	margin-left: 10px;
	position: relative;
}

.figure #ross {
  float: right;
	width: 163px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #888;	
}

#tzwh {
  margin-left: 350px;
}


.figure p {
	float: right;
	padding: 2px 2px 2px 2px;
	border: 0 solid #888;	
  width: 165px;
	background-color: #333;
	font-size: 13px;
  color: #FFF;
	font-weight: bold;
	text-align: center;
}

.figure img {
	display: block;
}

#Section4 ul {
  list-style: circle;
}

.gbutton {
  float: left;
  background-image: url(images/gbutton_100x15.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100px;
  height: 18px;
  text-align: center;
  line-height: 14px;
  cursor: pointer;
  padding: 0 2px 2px 0;
  margin-top: 10px;
}
.center {
  margin-left: 367px;
}
.invisible {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.email_done {
  float: left;
  background-image: url(images/tick_200x200.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width:120px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0 2px 2px 0;
  margin-top: 10px;
}

/****************************** SIDEBAR ******************************/
#sidebar {
	background: url(images/170x10-001.png) repeat-y left top;
  position: absolute;
	top: 56px;
	left: 0;
	width: 170px;
  height: 470px;
  padding: 10px 0 0 3px;
}

#sidebar h2 {
	font-size: 1.3em;
	color: #FFFFFF;
	padding: 5px 8px 2px 8px;
	margin-bottom: 5px;
	border-top: 1px solid #888;
	background: url(images/170x10-002.png) repeat-y left top;
}

#sidebar p {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #666666;
}

#sidebar h3 {
	font-size: 1.1em;
	margin-right: 5px;
	margin-left: 5px;
	color: #663900;
	margin-bottom: 3px;
}

#sidebar h3 a {
	color: #663900;
}

#sidebar a:hover {
	color: #CA1D07;
}
#sidebar .inputLabel {
  font-size: 1.1em;
  text-align: left;
  height: 1.3em;
  margin: 5px 0 0 0;
}

#sidebar .inputSelect {
  font-size: 1.0em;
  position: absolute;
  left: 100px;
  width: 50px;
  margin: 0 0 5px 0;
  height: 1.5em;
}

#sidebar .inputSelectWide {
  font-size: 1.0em;
  position: absolute;
  left: 100px;
  width: 250px;
  margin: 0 0 5px 0;
  height: 1.5em;
}
#sidebar .inputField {
  background: #E8E880;
}

#ackgenie {
  margin-top: 220px;
}
/****************************** ADVERTISING ******************************/
#adverts {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 125px;
}

#adverts p {
	margin-bottom: 5px;
	text-align: center;
}

#adverts .tight {
	margin-bottom: 3px;
  text-align: center;
}


/****************************** COPYRIGHT INFO ******************************/

#copyright {
  clear: both;
  position: absolute;
  margin-left: -1px;
  width: 962px;
}

#copyright .enlargeInitial {
  font-size: 1.2em;
}

#copyright ul {
	padding: 4px 0 2px 0;
	margin-left: 0;
	border-top: 1px solid #000;
  background: url(images/bg_copyright.png) repeat-x left top;
  font: 0.9em Arial;
	font-weight: normal;
	color: #000;
  height: 18px;
}

#copyright li {
  display: inline;
}

#copyright ul .copyrightMessage {
  margin-left: 5px;
  font-weight: bold;
  color: #000;
}

#copyright ul .copyrightMessage:before {
  content: '\00A9  Copyright ';
}

#copyright ul .contact {
  margin-left: 35px;
}
#copyright .contact a  ,
#copyright .contact a:link  ,
#copyright .contact a:active  ,
#copyright .contact a:visited  {
  font-weight: normal;
  color: #111;
  text-decoration: none;
}
#copyright .contact a:hover  {
  font-weight: normal;
  color: #000;
  text-decoration: none;
}
#copyright ul .about {
  margin-left: 2px;
}
#copyright .about a  ,
#copyright .about a:link  ,
#copyright .about a:active  ,
#copyright .about a:visited  {
  font-weight: normal;
  color: #111;
  text-decoration: none;
}
#copyright .about a:hover  {
  font-weight: normal;
  color: #000;
  text-decoration: none;
}

#copyright ul .websiteBy {
  margin-left: 120px;
  font-weight: normal;
  color: #111;
}

#copyright ul .lastUpdate {
  margin-left: 140px;
  font-weight: normal;
  color: #111;
}

#copyright ul .lastUpdate:after {
  content: "15 FEBRUARY 2014";
}

/******************************************************************/
/****************************** OCDB ******************************/
/******************************************************************/

/* ocdb_contact_list.php */

#contactListForm #collActionMenu,
#contactDetailForm #collActionMenu {
  position: absolute;
  top: 28px;
  left: 618px;
  width: 200px;
}
#contactSelCountLabel {
  position: absolute;
  top: 50px;
  left: 10px;
}
#contacttargetCollLabel  {
  position: absolute;
  top: 68px;
  left: 10px;
}
#contactClrSel {
  background: #FFF;
  border: 1px solid #88F;
  border-bottom: 2px solid #44F;
  border-right: 2px solid #44F;
  padding: 0px 2px 0px 2px;
  font-variant: normal;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
#contactClrSel:hover {
  background: #DDF;
}

.obbInput,
.obbSelect,
.obbSubmit {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  font-variant: normal;
  font-family: Arial, Helvetica, sans-serif;  
  width: 200px;
}

.showtext {
  font-size: 1.1em;
  line-height: 25px;
  font-weight: bold;
  font-variant: small-caps;
  color: #663900;
}

.show {
  background-image: url(images/blueminusbtn.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  cursor:  pointer;
  padding: 1px 0 2px 22px;
  margin-top: 90px;
  min-height: 500px;  
  font-size: 1.1em;
  line-height: 25px;
  font-weight: bold;
  font-variant: small-caps;  
  color: #663900;  
  position: static;
}

.hide {
  background-image: url(images/blueplusbtn.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  cursor:  pointer;
  padding: 1px 0 2px 22px;
  font-size: 1.1em;
  line-height: 25px;
  font-weight: bold;
  font-variant: small-caps;  
  color: #663900; 
  position: static;
}


#divAssemblyNew,
#divContactNew {
  margin-bottom: 0px;
}

#divPossibleAssembliesList,
#divPossibleContactsList {
  clear: both;
  height: 100px;
  overflow: scroll;
  padding: 0 5px 2px 2px;
}
#tablePossibleAssembliesList,
#tablePossibleContactList {
  border-collapse: collapse;
  padding: 2px 0 10px 0;
  margin: 2px 0 10px 0;
}
#tablePossibleAssembliesList .headerName,
#tablePossibleAssembliesList .cellName {
  width: 400px;
  text-align: left;
}
#tablePossibleAssembliesList .headerAbbrev,
#tablePossibleAssembliesList .cellAbbrev {
  width: 200px;
  text-align: left;
}
#tablePossibleAssembliesList .headerType,
#tablePossibleAssembliesList .cellType {
  width: 200px;
  text-align: left;
}

#tablePossibleContactsList .headerName,
#tablePossibleContactsList .cellName {
  width: 200px;
  text-align: left;
}
#tablePossibleContactsList .headerRole,
#tablePossibleContactsList .cellRole {
  width: 300px;
  text-align: left;
}
#tablePossibleContactsList .headerAssy,
#tablePossibleContactsList .cellAssy {
  width: 300px;
  text-align: left;
}




/************************* used by Timesheet Tabular  ****************************/




#tableImportContact .headerField,
#tableImportContact .cellField {
  width: 100px;
}
#tableImportContact .headerMap,
#tableImportContact .cellMap {
  width: 27px;
  text-align: center;
}
#tableImportContact .headerContent,
#tableImportContact .cellContent {
  width: 220px;
}

#tableSource .headerIndex,
#tableSource .cellIndex {
  width: 35px;
  text-align: center;  
}
#tableSource .headerHeading,
#tableSource .cellHeading {
  width: 100px;
}
#tableSource .headerIgnore,
#tableSource .cellIgnore {
  width: 40px;
  text-align: center;
}
#tableSource .headerEntry,
#tableSource .cellEntry {
  width: 200px;
}

/*** OVER-RIDE CLASSES ***/
.whitetext,
#tableTimesheetSummary .whitetext {
  color: white;
}
.nobackground  {
  background: url(images/10x500-white.png) repeat-x left top !important;  
}
.padded-below {
  font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #106A9B;
	margin-bottom: 5px;
  padding: 0 0 20px 0;
  margin-top: 3px;
	color: #663900;
  clear: left;
}
.center-text {
	text-align: center;
}
.not-bold {
	font-weight: normal;
}
.no-border-below {
	border-bottom: none;
}
.date {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight: bold;
}
.invisible {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.border-below {
  border-bottom: 1px solid #AAF;
  margin-bottom: 25px;
}
.border-below-small-margin {
  border-bottom: 1px solid #AAF;
  margin-bottom: 5px;
}
.border-below-large-margin {
  border-bottom: 1px solid #AAF;
  margin-bottom: 80px;
}
.space-for-AZ-above,
.space-above {
  margin-top: 30px; 
}
.more-space-above {
  margin-top: 50px; 
}
.less-space-above {
  margin-top: 15px; 
}
.move-up {
  position: relative;
  top: -10px;
}
.usernameInput {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1em;
  width: 195px;
  margin: 0;
  padding: 0;
}
.dateInput {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1em;
  width: 80px;
  margin: 0;
  padding: 0;
}
.dataInput {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1em;
  width: 70px;
  margin: 0;
  padding: 0;
}
.nobottommargin {
  margin-bottom: 0px;
}
.red {
  background-color: #F12727;
  color: #FFF; 
}

/****************************************************************************************
***************************************** OSDB ******************************************
****************************************************************************************/

/* FOLLOWING ARE FOR DELETE CONFIRMATION */
.divConfirmDelete {
  position: absolute;
  padding: 2px 2px 2px 2px;
  border: 1px solid #000;
  background: #F44;
  width: 120px;
  height: 60px;
  display: none;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  /*outline: 1000px solid rgba(0,0,0,0.5); */
}
/***
 * .divConfirmPlanDelete ,
.divConfirmReportDelete ,
.divConfirmQuotationDelete ,
.divConfirmGroupDelete ,
.divConfirmTeamDelete ,
.divConfirmGradeDelete ,
.divConfirmStaffDelete ,
.divConfirmProductDelete ,
.divConfirmActivityDelete ,
.divConfirmCategoryDelete ,
.divConfirmStageDelete ,
.divConfirmNoteDelete ,
.divConfirmStatusDelete ,
.divConfirmContactDelete ,
.divConfirmQuotationDelete ,
.divConfirmCollectionDelete ,
.divConfirmIndividualDelete ,
.divConfirmAssemblyDelete ,
.divConfirmTimeDelete,
.divConfirmEmailDelete
{
***/

.divConfirmDelete p {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}
/***
 * #main .divConfirmPlanDelete p ,
#main .divConfirmReportDelete p ,
#main .divConfirmQuotationDelete p ,
#main .divConfirmGroupDelete p ,
#main .divConfirmTeamDelete p ,
#main .divConfirmGradeDelete p ,
#main .divConfirmStaffDelete p ,
#main .divConfirmProductDelete p ,
#main .divConfirmActivityDelete p ,
#main .divConfirmCategoryDelete p ,
#main .divConfirmStageDelete p ,
#main .divConfirmNoteDelete p ,
#main .divConfirmStatusDelete p ,
#main .divConfirmContactDelete p ,
#main .divConfirmQuotationDelete p ,
#main .divConfirmCollectionDelete p ,
#main .divConfirmIndividualDelete p ,
#main .divConfirmAssemblyDelete p ,
#main .divConfirmTimeDelete p ,
.divConfirmEmailDelete p {
***/

.confirmDelete {
  float: left;
  margin-left: 10px;
  padding: 0 2px 2px 0;
  font-variant: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  height: 2.0em;
  width: 40px;
}
.cancelDelete {
  float: right;
  margin-right: 10px;
  padding: 0 2px 2px 0;
  font-variant: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  height: 2.0em;
  width: 40px;
}
#divMessageAlert  {
  position: fixed;
  top: 50%; 
  left: 50%; 
  margin-top: -45px; 
  margin-left: -200px;
  padding: 2px 2px 2px 2px;
  border: 2px solid #000;
  background: #F44;
  width: 400px;
  height: 90px;
  display: none;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
}
#divMessageAlert p {
  text-align: center;
  color: #FFF;
  padding: 0 0 0 0;
  margin: 2px 0 8px 0;
}
#divMessageAlert .confirmOK {
  float: left;
  margin-left: 180px;
  padding: 0 2px 2px 0;
  font-variant: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  height: 2.0em;
  width: 40px;
}

#profileDetailForm  .note {
  float: left;
  font-weight: normal;
  font-style: italic;
  font-size: 1.0em;
}

#divCollectionDetail {
  clear: both;
  padding: 0 5px 2px 2px;
}

#registrationMessage {
  margin-top: 30px; 
}

.securitycode {
  margin-top: 25px;
}

#divCollectionMembers {
  position: relative;
}

#divPopup {
  position: absolute;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
}
#tablePopup {
  background-color: #FE9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding: 2px 0 2px 0;
  margin: 0px 0 2px 0;
  border: 1px solid #888;
  table-layout: fixed;
  width: 250px;
}
#tablePopup .key {
  width: 20px;
  display: none;
}
#tablePopup .value {
  width: 260px;
  color: #444;
}
#tablePopup .value:hover {
  background-color: #FFC;
  color: #000;
}