/* GENERAL PROPERTIES */
	html {
		overflow-y: scroll;
	}

	body {
/* 	  padding: 0 auto; */
	  margin: 0 auto;
	  font: 14px Calibri, sans-serif;
	  text-align:justify;
	}

	div {
	  position: relative; 
	}

	iframe {
		width: 100%;
		height: 170px;
		position: absolute;
		z-index: 99999;
		/*-------------------------------NEW-------------------------------*/
		overflow: hidden;
	}

	a {
		color: #BA0707;
		outline: 0;
		text-decoration: none;
	}

	a:hover {
		color: #0085ff;
		text-decoration: underline;
	}

	a:visited {
		color: #951d1d;
		text-decoration: none;
	}
	
	a.bannerLink, a.bannerLink:hover, a.bannerLink:visited {
		color: transparent;
	}

	table tr td {
		vertical-align: top;
	}

	input, textarea, select {
		padding-left: 5px;
		font: 14px Calibri, sans-serif;
	}
	
	.readOnly {
		color: #585858;
		background-color: #D8D8D8;
	}

	input[type=text]:disabled {
		color: #585858;
		background-color: #D8D8D8;
	}

	input[type=email]:disabled {
		color: #585858;
		background-color: #D8D8D8;
	}
	
	textarea:disabled {
		color: #585858;
		background-color: #D8D8D8;
	}

	select:disabled {
		color: #585858;
		background-color: #D8D8D8;
	}

	input[type=button] {
		font: bold 14px Calibri, sans-serif;
		min-Width: 80px;
	}

	input[type=submit] {
		font: bold 14px Calibri, sans-serif;
		min-Width: 80px;
	}

/* ERROR */
	.error_messages {
		color: red;
	}

/* HEADER */
	#bannerContainer {
	  height: 124px;
	  width: auto;
	  margin: 0 auto;
	  background: #959faf;
	  padding-bottom:36px;
	}
	
	#bannerContainerAdmin {
	  height: 88px;
	  width: 100%;
	  background: #959faf;
	  padding-bottom:36px;
	}

	#banner {
	  color: transparent !important;
	  position: relative;
	  left: 0;
	  top: 0;
	  width: 960px;
	  height: 100%;
	  margin: 0 auto;
/* 	  padding: 0 auto !important; */
/* 	  background: url(../resources/images/banner.jpg); */
	}
	
	#logo {
	  	background: url(../resources/images/sccp-logo.png);
		background-size: contain;
		width: 107px;
		height: 109px;
		z-index: 1;
		top: 10px;
		left: 7px;
	}

	#menuWrap {
	  background: #637ca5;
	  width: 100%;
	  height: 38px;
	}
	
	#menuTable{
		left: 0 auto;
		width:960px;
		margin:0 auto;
		padding: 0 auto;
		right: 0 auto;
		border-collapse: collapse;
	}

	.menu {
		height: 100%;
		/*-------------------------------NEW-------------------------------*/
		width: 760px;
		margin: 0 auto;
		cursor:pointer;
	}
	
	.menu tr {
		height: 38px;
	}

	.menu td {
/* 		top: -5px; */
		text-align:center;
/* 		height:31px; */
		vertical-align:middle;
/* 	    border-bottom: 5px solid #2A3A51; */
/* 	    border-top: 2px solid #8D939E; */
	    min-width:60px;
	}

	.menu td a {
		text-transform: uppercase;
		font-size: 13px; 
		text-decoration:none;
		font-weight: bold;
		color: #cccccc;		
	}
	
	.menu .selectedMenu {
	  color: #FFFFFF;
	  font-color:#000;
	  text-color:#000;
/* 	  background: #405372; */
	  cursor: pointer;
	  background: #405372 url(../resources/images/strip2.jpg) repeat;
	}
	
	.menu .selectedMenu > a {
      color: #FFFFFF;
	}
	
	.menu td:hover {
	  color: #FFFFFF;
	  font-color:#000;
	  text-color:#000;
/* 	  background: #405372; */
	  cursor: pointer;
	  background: #405372 url(../resources/images/strip.jpg) repeat;
	}
	
	.menu td:hover > a {
      color: #FFFFFF;
	}

	.sub-menu {
	  text-align: left;
	}

	.dateContainer, .dateContainerAdmin {
		height: 100%;
		/*-------------------------------NEW-------------------------------*/
		width: 200px;
		margin: 0 auto;
	}
		
	.dateContainerAdmin {
		width: 150px;
	}
		
	.dateContainer td, .dateContainerAdmin td{
		top: -5px;
		text-align:center;
		height:38px;
		vertical-align:middle;
		text-transform: uppercase;
		font-size: 13px; 
		text-decoration:none;
		font-weight: bold;
		color: #cccccc;
	  	background: #405372;
	}
		
	.dateContainerAdmin td {
		color: #FFFFFF;
	}
	
	#loginDetailsContainer {
	  font: 14px Calibri,sans-serif;
	  font-weight: 600;
	  text-transform: uppercase;
	  color: #b4bac6;
	  text-align: center;
/* 	  font-size: 14px; */
	  position: relative;
	  float: right;
	  left: 119px;
	  top: -38px;
	  background: #405372;
	  width: 192px;
	  height: 100%;
	  padding-left: 10px;
	  padding-right: 10px;
	}

	#loginDetailsContainer div {
	  position: relative;
	  top: 10px;
/* 	  left: 6px; */
	}

/* CONTENT PROPERTIES */
	/* MAIN CONTENT */
	#middle {
		position: relative;
		width: 965px;
		margin: 0 auto;
		margin-top:10px;		
		min-Height: 454px;
/* 		height:300px; */
	}
	
	#textContainer {
		padding: 10px;
	}

	#content {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0px auto;
/* 		padding: 0px auto; */
		background: transparent;
	}

	#content iframe {
		position: relative;
		margin: 0 auto;
/* 		padding: 0 auto; */
	}

	/* TAB */
	#tab-container {
		width: 945px;
		height: auto;
		padding: 10px;
		padding-left: 9px;
		font: 14px Calibri, sans-serif;
		top:10px; 
	}

	#tab-menu {
		font: bold 14px Calibri, sans-serif;
	    height: 22px !important;
	    margin: 0 auto;
/* 	    padding: 0 auto; */
	}

	#tab-menu ul {
		position: relative;
		left: 0px;
	    height: 8px;
		padding: 0px;
	    margin: 0px;
	    list-style: none;
	}

	#tab-menu li {
	    display: inline;
	    padding: 5px 15px 10px 15px;
	    margin-left: 0px;
		background-color: #b4bac5;
		color: #344156;
	}

	#tab-menu a {
	    color: #FFF;
	    white-space: nowrap;
	}

	#tab-menu a:hover {
		text-decoration: none !important;
	    color: #FFF;
	    white-space: nowrap;
	}

	#tab-menu li:hover {
	    color: #344156;
	    background-color: #8da1c2;
	}

	#tab-menu li.active {
		color: #b9cdee;
	    background-color: #637ca5;
	}

	#tab-contents {
		position: relative;
		top: -2px;
		min-Height: 362px;
		padding: 20px;
		border-top: 8px solid #637ca5;
		/*-------------------------------NEW-------------------------------*/
		border-right: 2px solid #637ca5;
		border-left: 2px solid #637ca5;
		border-bottom: 2px solid #637ca5;
	}

	#tab-content-header {
		font: bold 14px Calibri, sans-serif;
		text-align: center;
		color: #000;
/* 		padding-bottom:10px; */
	}


	/* PARAGRAPH */
	p.MsoNormal, li.MsoNormal, div.MsoNormal {
		text-indent:0pt;
		text-align: justify !important;
		margin: 0px;
		text-align:left;
		line-height: 30px;
		font: 14px Calibri, sans-serif;
		color:black;
	}


	/* TABLES */
	
	#generic-table {
	    font: 14px Calibri, sans-serif;
	 	color:#000;
	}
	
	#home-table {
		position: relative;
		left: -6px;
	}

	#alternate-table {
		position: relative;
		border-collapse: collapse;
		font: 14px Calibri, sans-serif;
		text-align:left;
	}

	#alternate-table th {
		text-transform: uppercase;
		padding: 5px;
	    background: none repeat scroll 0 0 #2e92ef;
		color: white;
	    font: bold 14px Calibri, sans-serif; 
	    text-align:center;
	}

	#alternate-table td {
		border-right: 1px solid #FFF;
		padding: 5px;
	}

	#alternate-table td:last-child {
		border-right: 0px;
	}
	
	/*-------------------------------NEW-------------------------------*/
/* 	.even { */
/* 		background: #c1c1c1; */
/* 	} */

	/*-------------------------------NEW-------------------------------*/
/* 	.odd { */
/* 		background: #e5e5e5; */
/* 	} */

/* 	#alternate-table tr:nth-child(odd) td { */
/* 		background: #c1c1c1; */
/* 	} */

/* 	#alternate-table tr:nth-child(even) td { */
/* 		background: #e5e5e5; */
/* 	} */

	#login-table th {
		text-transform: uppercase;
		padding: 5px;
	    background: none repeat scroll 0 0 #2e92ef !important;
		color: white;
	    font: bold 16px Calibri, sans-serif; 
	    text-align:center;
	}
	
	#login-table {
		border-collapse: collapse;
	    font: 14px Calibri, sans-serif;
	 	color:#000;
	 	text-align:left;
	}
	
	#login-table td {
		border-right: 1px solid #FFF;
		padding: 5px;
	}
	
	#login-table td:last-child {
		border-right: 0px;
	}
	
	#login-table tr:nth-child(odd) td {
/* 		background: #c1c1c1; */
	}
	
	#login-table tr:nth-child(even) td {
/* 		background: #e5e5e5; */
	}

	.memoClass {
		text-align: justify;
	    font: 14px Calibri, sans-serif; 
		padding: 7px;
	    background: none repeat scroll 0 0 #E6E6E6;
		color: #000000;
	}

	.memoClass_1, .memoClass_2 {
	    background: none repeat scroll 0 0 #E6E6E6;
		color: #000000;
	    font: 14px Calibri, sans-serif;
	    padding: 5pt;
	}

	.memoClass:first-child {
		text-align: left;
	}

	.memoClassHeader {
		text-transform: uppercase;
		padding: 5px;
	    background: none repeat scroll 0 0 #637ca5 !important;
		color: white;
	    font: bold 14px Calibri, sans-serif; 
	    text-align:center;
	}

	.services-table {
		position: relative;
		left: -7px;
	}

	.setHeader {
		text-transform: uppercase;
		padding: 9px;
		background: url(../resources/images/stripe.jpg);
	    background-repeat: repeat;
		color: white;
	    font: bold 14px Calibri, sans-serif;
		font-weight: bold; 
	    text-align:left;
	    margin-top: 10px;
	    margin-bottom: 2px;
	}

	#td_paging {
		padding: 3px 0 4px 0;
		position: absolute;
		left: 0px;
		color: #fff;
		width: 100%;
		background: url(../resources/images/stripe.jpg);
	    background-repeat: repeat;
	}

	#first, #prev, #next, #last {
		left: 5px;
		margin: 0px 3px 0 3px; 
		position: relative;
		display: inline-block;
		height: 14px;
		width: 10px;
		cursor: pointer;
		background-size: contain;
	}

	#first {
		background: url(../resources/images/first.png);
	}

	#prev {
		background: url(../resources/images/prev.png);
	}

	#next {
		background: url(../resources/images/next.png);
	}

	#last {
		background: url(../resources/images/last.png);
	}

	#td_paging p {
		position: relative;
		left: 5px;
		top: -1px;
		margin: 0;
		padding: 0px 10px 0px 10px;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
	}

/** CLICKABLE TABLE **/
			
	.clickable:hover td {
 	    background: #405372 !important; 
		color: #ccc;
	    font-weight: bold;
    	cursor: pointer;
	}
	
	.selectedRow td {
	    background:#405372 !important;
	    color: #ccc;
	    font-weight: bold;
	}
	
	.clickableNoResult:hover td {
 	    background: #A0A0A0 !important; 
		color: #000;
    	cursor: default;
	}
	
	.clickablePaging:hover td {
 	    background: #2E92EF !important; 
		color: #fff;
    	cursor: default;
	}
	
/** SELECTABLE TABLE **/
	
	.sortable th {
	    background-color:#2e92ef;
	    color:white;
	    font-weight: bold;
    	cursor: pointer !important;
	}
	
	.sortable th:hover {
	    background-color:#58A8F2 !important;
	    font:bold 14px Calibri, sans-serif;
	    color:#FFFFFF;
	    font-weight: bold;
    	cursor: pointer !important;
	}
	
/** TABLE PAGING **/

	.paging {
/* 		padding: 0px !important; */
		text-transform: uppercase;
		padding: 5px;
	    background: none repeat scroll 0 0 #2e92ef !important;
		color: #fff;
	    font: bold 14px Calibri, sans-serif; 
	    text-align:center;
	}
	
	.paging a {
		color: #D2D2D2 !important;
	    font: bold 14px Calibri, sans-serif; 
		text-decoration: none;
	} 
	
	.paging a[href]{
		color: #F3FF00 !important;
	    font: bold 14px Calibri, sans-serif; 
		text-decoration: none;
	} 
	
	.paging a:hover {
		color: #D2D2D2 !important;
	    font: bold 14px Calibri, sans-serif; 
		text-decoration: none;
	}
	
	.paging a[href]:hover {
		color: #F3FF00 !important;
	    font: bold 14px Calibri, sans-serif; 
		text-decoration: underline;
	}


	/* ABOUT PAGE PROPERTIES */
	#mission div:first-child {
/* 		height: 150px; */
/* 		width: 100%; */
/* 		overflow: hidden; */
	}

	#mission div img {
		position: relative;
		top: -120px;
		height: 300px;
	}

	#bod_container {
		position: absolute;
/* 		padding: 0px auto; */
		margin: 0px auto;
		text-align: center;
	}

	.bod_entry {
		height: 250px;
		width: 145px;
		background: transparent;
		display: inline-table;
	}

	.bod_entry img {
		width: 90%;
		height: 90%;
	}

	.bod_entry p {
		text-align: center;
		font-size: 14px;
	}

/* 	#officers img { */
/* 		 width: 55%; */
/* 		 height: 47%; */
/* 	} */

/** R **/

	.footer-table {
		font: bold 14px Calibri, sans-serif;
		color:white;font-weight:bold;
		background: none repeat scroll 0 0 #637ca5;
	    height: 35.3575pt;
	    padding: 2.88pt;
	    width:965px;
	    margin: 0 auto;
	}

	#footer {
/* 	  height: 124px; */
	  width: 100%;
	  background: #637ca5;
	  margin-top:20px;
	}
	
/** MARKET DATA **/
		
	.upChange {
		color: #009900;
	}
	
	.upChangeImage {
		background:transparent url('images/icons/upChange.png') no-repeat;
		padding: 3px;
	}
	
	.downChange {
		color: #FF0000;
	}
	
	.downChangeImage {
		background:transparent url('images/icons/downChange.png') no-repeat;
		padding: 3px;
	}
	
	.noChange { 
		color: #FFCC00;
	}
	
	.noChangeImage {
		padding: 3px; 
	}