a
{
  color:#ff0000;
}

html,body
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 11px;
  vertical-align: baseline;
  font-family:Arial;
  color : #333333;
}

body {
width:992px;
}

h2 {
	font-size : 13px;
    font-family:Arial;
	font-weight: bold;
	margin-bottom : 3px;
	margin-top : 3px;
}
.hidecol a {
 	color:#333333;
	font-weight : normal;
}

.certDetTitle {
	font-size : 13px;
	color : #333333;
	font-weight: bold;
}

.certDetLabel {
	font-size : 11px;
	color : #666666;
	font-weight: normal;
}

td
{
  font-size: 11px;
  font-family:Arial;
  color : #333;
}

th
{
  font-size: 12px;
  font-family:Arial;
  color : #fff;
}

.tblHead1 {
  background: transparent url(/assets/images/button_middle.gif) 0 0;
  height : 20px;
  color:#fff;
  font-weight: bold;
  font-family : Arial;
  font-size : 11px;
  padding-left : 5px;
  padding-right : 10px;
  text-shadow: #cccccc;
}

.tblSubHead1{
  background: #cccccc;
  height : 20px;
  color:#333333;
  font-weight: bold;
  font-family : Arial;
  font-size : 11px;
  padding-left : 5px;
}

.tblHead2 {
  font-size : 13px;
  background: #ffffff;
  height : 20px;
  color:#333333;
  font-weight: bold;
  font-family : Arial;
  padding-left : 5px;
  padding-right : 10px;
  border-bottom : 1px solid #B7BABC;
}

.tblSubHead2{
  background: #fff;
  height : 20px;
  color:#333333;
  font-weight: bold;
  font-family : Arial;
  font-size : 13px;
  padding-left : 5px;
}

#top{
  display: table;
  width:992px;
  height:97px;
  #position: relative;
  overflow: hidden;
  background: url(/assets/images/header.jpg) no-repeat;
}

#toptxt{
  padding-left : 55px;
  padding-top : 20px;
   #position: relative;
  #top: -60%;
  font-size:100%;
  font-weight:normal;
  color:#000;
  width:992px;
}

#topnav{
  border : 1px solid red !important;
  border : 0px solid red;
  background: url(/assets/images/navbar_off.gif) repeat-x;
  width:990px !important;
  width:992px;
  height:35px;
  font-size:100%;
  font-weight:normal;
  color:#000;
  margin-bottom:10px;
}

.topnavleft {
  float : left;
}

.topnavright {
  float : right;
}

.submenu{
  width:100%;
  height:20px;
}
.submenu li{
  font-size:60%;
  font-weight:bold;
  float:left;
  display:block;
  margin-left:8px;
  color:#000;
}
.submenu li A{
  color:#000;
}

#main{
width:992px;
padding-left:5px;
padding-right:0px;
}

html>body #main{
width:990px;
padding-left:2px;
padding-right:0px;
}

.optiontable{
  font-size:80%;
}

.thin-lined-box{
  border: solid 1px #cccccc;

  width:450px;

}
.loginbox h2{
  color:#ff0000;
  font-weight:normal;
  font-size:140%;
  margin:5px 0 5px 0;
}

.inputlabel{
  font-size:100%;
  display:block;
  float:left;
  width:150px;
  text-align:right;
  padding-right:8px;
}

.button {
  border:none;
  width : 150px;
  height : 27px;
  background: transparent url(/assets/images/button_sprite.gif) 0 0 no-repeat;
  color:#fff;
  font-size : 11px;
  margin-top:10px;
}

TABLE.parentTABLE {
	width : 980px;
	padding : 10px;
	background : #fff;
	border : 1px solid #cccccc;
}

TABLE.portalBORDER {
	border : 1px solid #cccccc;
}

table.portalBORDER td {border: solid 1px #cccccc}


.ValidationError{
  font-size:100%;
  color:red;
  display:block;
}

.hTitle {
  font-size: 13px;
  font-weight:bold;
  font-family:Arial;
  background-color : #fff;
}

.dgrey {
  color : #333333;
}

.mgrey {
  color : #666666;
}

.lgrey {
  color : #cccccc;
}

.red {
  color : red;
}

.green {
  color : green;
}

.blue {
  color : blue;
}

.white {
  color : white;
}

.optiontable {
  font-size:90%;
  }

.wider {
	width : 400px;
}
input, select {
  width:200px;
  height : 20px;
  color : #333333;
  font-family : Arial;
  font-size : 11px;
}

textarea {
  color : #333333;
  font-family : Arial;
  font-size : 11px;
}

input.checkbox {
   width: 1em;
}

input.radio {
  width: 1em;
}

input[type="radio"], input[type="checkbox"] {
   width: 1em;
}


.headerlink{
  float:left;
  margin-right:8px;
  color:#333333;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
}

.headerlink a{
  color:#333333;
}

#main .x-tabs-body table{
  width:100%
}

#main .x-tabs-body table tr{
  margin-bottom:10px;
}

#main .x-tabs-body table td{
  font-size:70%;
  vertical-align:top;
  text-align:left;
}

#main .x-tabs-body table th{
  font-size:80%;
  font-weight:bold;
  padding:5px;
  border-bottom: 1px solid #cccccc;
  line-height:20px;
}

.smbutton{
  width:auto;
}

.grid .x-tabs-body table th input,select{
  padding:0px;margin:1px;
  font-size:8pt;
}

.ldismiss{
  position:absolute;
  top:1px;
  right:1px;

}


.x-grid-scroller{
  overflow-x:scroll;
  overflow-y:hidden;
}

#portalpageform
.x-grid-row-over td { background:#cccccc;}
 .x-grid-hd-text {color: #ff0000; font-size: 120%; font-weight: bold;}
.x-grid-hd-over .x-grid-hd-text {color: #ff0000; font-size: 120%; font-weight: bold; background:#cccccc;}
.x-grid-row td {white-space:normal;}
.x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td{
	color: black;
}
.x-grid-row-selected span, .x-grid-row-selected b, .x-grid-row-selected div, .x-grid-row-selected strong, .x-grid-row-selected i{
	color: black !important;
}
.x-grid-row-selected .x-grid-cell-text{
	color: black;
}
.x-grid-cell-selected{
	color: black;
}
.x-grid-cell-selected span{
	color: black !important;
}
.x-grid-cell-selected .x-grid-cell-text{
	color: black;
}

.portalfilterdiv {
  float : left;
  margin : 0px;
  color : #fff;
  background-color : #333333;
  font-size : 11px;
  font-weight : bold;
  width : 155px !important;
  width : 160px;
  height : 40px;
  padding-left : 5px;
}

input.portalfilterdiv {
  color : #333333;
  background-color : #fff;
  font-size : 11px;
  width : 140px !important;
  width : 140px;
  height : 20px;
}
.detail{
	font-size:11px;
	color : #fff;
}

/* ------------------- From old request pages (replace in due time)------------------- */
.title1 	{FONT-SIZE: 24px; FONT-FAMILY: Times New Roman; TEXT-ALIGN: center}
.title2 	{FONT-SIZE: 16px; COLOR: #7D90A2; FONT-FAMILY: Times New Roman; TEXT-ALIGN: center}
TABLE.pb 	{BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 4pt; BORDER-TOP: #999999 0px solid; PADDING-LEFT: 4pt; FONT-SIZE: 11px; BACKGROUND: #fff; PADDING-BOTTOM: 4pt; BORDER-LEFT: #999999 0px solid; WIDTH: 759px; PADDING-TOP: 4pt; BORDER-BOTTOM: #000000 3px solid; FONT-FAMILY: Arial,Verdana}

/* ------------------- From old support site move to secure (replace in due time)------------------- */

#tabs {
  margin: 6px 6px 0 6px;
  background: #FF0000 url('corner.gif') no-repeat right top;
  font-size: 11px;
  font-weight: bold;
}

#tabs div.br {
  clear:left;
  border-bottom: solid 1px #f00;
  background: #f00;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

#tabs ul {
  margin: 0;
  padding: 0;
  height: 20px;
  background: url('corner-left.gif') no-repeat left top;
  overflow: visible;
}

#tabs li {
  float: left; padding: 0;
  margin: 0;
  list-style:none;
  display: block;
  border-bottom: solid 1px #888;
  border-right: solid 1px #666;
  }

#tabs li.selected  {
  background: #f00 url('corner-left.gif') no-repeat left top;
  border-color: #f00;
  border-right: none;
  margin-top: -5px;
  overflow:visible;
  }

#tabs a {
  color: #fff;
  display: block;
  padding: 4px 6px 4px 8px;
  line-height: 12px;
  text-decoration: none;
  }

#tabs li.selected a { 
  color: #fff;
  font-size: 11px;
  background: url('corner.gif') no-repeat right top;
  padding-top: 9px;
  }

#tabs li.disabled a {
  color: #ccc;
  }
  
#tabs a:hover {
  text-decoration: underline;
 }

.relateContentSubHeaders 	{
  font-family: arial;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}


/* entities */

#entitylistMenu {
  float : left;
  color : #333333;
  text-align: left;
  width : 270px;
  height: 600px;
  background-color : #fff;
  border : 1px solid #cccccc;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #cccccc;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #fff ;
  display: inline;
  overflow: scroll;
  font-weight: bold;
  font-size: 11px;
}

#entityMainDiv {
  float : left;
  margin-left : 10px;
  text-align: left;
  width : 705px !important;
  width : 707px;
  background-color : #fff;
}

.entMenu {
  font-size: 11px;
  font-weight:bold;
  font-family:Arial;
  color:#333333;
  background-color : #fff;
}

.entMenu a {
  font-size: 11px;
  font-weight:bold;
  font-family:Arial;
  color:#333333;
  text-decoration:none;
  background-color : #fff;
}

.entTitle {
  font-size: 13px;
  font-weight:bold;
  font-family:Arial;
  color:#ff0000;
  background-color : #fff;
}

.entGrid {
  font-family:Arial;
  background-color : #fff;
  border-top : 1px solid #cccccc;
}

.entGridheader {
  font-size: 13px;
  font-weight:bold;
  font-family:Arial;
  color:#ff0000;
  border-bottom : 1px solid #cccccc;
}

.entGridContent {
  font-size: 11px;
  font-weight:normal;
  font-family:Arial;
  color:#333333;
  border-bottom : 1px solid #cccccc;
}

.formlabel {
  float : left;
  text-align: left;
  font-size: 12px;
  color: #333333;
  margin-right : 10px;
  margin-top : 2px;
  margin-bottom : 2px;
}
.formfield {
  float : left;
  text-align: left;
  font-size: 12px;
  color: #333333;
  margin-top : 2px;
  margin-bottom : 2px;
}

.divider {
	clear : both;
)

* html .divider {
	clear : both;
	width : 600px;
	height : 1px;
	font-size:1px;
	overflow:hidden;
}

.hMenu {
  font-size: 12px;
  font-weight:bold;
  font-family:Arial;
  color:#333333;
  background-color : #fff;
}

.hMenu a {
  font-size: 12px;
  font-weight:bold;
  font-family:Arial;
  color:#333333;
  text-decoration:none;
  background-color : #fff;
}

/* Certificate task page styles */


#tasklistTitle {
  padding-left : 10px;
  width : 100%;
   height: 20px;
  background-color : #fff;
  clear : both;
}

#tasklist {
  padding-left : 10px;
  width : 100%;
  height: 600px;
  background-color : #fff;
  border : 1px solid #cccccc;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #cccccc;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #fff ;
  display: inline;
  overflow-y: scroll;

}

#taskmessagesTitle {
  padding-left : 10px;
  width : 100%;
  height: 20px;
  background-color : #fff;
  clear : both;
}

#taskmessages {
  padding-left : 10px;
  width : 100%;
  height: 600px;
  background-color : #fff;
  border : 1px solid #cccccc;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #cccccc;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #fff ;
  display: inline;
  overflow-y: scroll;
}