@CHARSET "UTF-8";
html {
	height:100%;
}
body {
	font-size:13px;
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	background-color:#fff;
	margin:0px;
	padding:0px;
	color:#000;
}
/* Debug used to spot unsized images
img:not([width]):not([height]) { border:2px dashed red !important; } */
table {
	border-collapse:collapse;
	border-color:#dcdcdc;
}
th {
	color:#444;
	border-color:#dcdcdc;
	text-align:left;
	font-weight:normal;
	font-size:13px;
	background-color:#bbb;
	line-height:18px;
}
td {
	font-size:13px;
}
input, textarea, select, button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	
	background: -moz-linear-gradient(center top , #EFEFEF, #FFFFFF 20px) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF)) repeat scroll 0 0 transparent; /* for webkit browsers */
    border: 1px solid #A3A3A3;
    border-radius: 4px 4px 4px 4px;
    
    color: #535353;
    margin: 0 10px 10px 0;
    padding: 5px;
}
button:hover {
	background: white;/*-moz-linear-gradient(center top , #EFEFEF, #FFFFFF 1px) repeat scroll 0 0 transparent;*/
	cursor:pointer;cursor:hand;
}
/* links */
a {	
	color: #5d2b86;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: green;
}
.pgHdrBackground {    
	background-color: #e8e7da;
}
.pgHdrLink {    
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;	
	text-decoration: none;	
	text-align: center;	
	valign: center; 
}
.pgHdrLink:hover {    
	color: #ffffff;	
	text-decoration: underline;
}
.contentTopBorderTable {
	 border-top: 1px solid #838383; 
	 background-color: #ffffff;    
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 font-size: 13px;  
}
.tableRowLight {
    background-color: #FFFFFF; 
}
.tableRowDark {
	background-color: #DEE7F0;
}
.contentTitleLine {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 13px;    
	background-color: #efefe5;	
	color: #404040;	line-height: 24px;	
	
}
.contentTable {
	 border: 1px solid #838383; 
	 background-color: #ffffff;    
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 font-size: 13px; 
}
.contentTabLinkSelected {	
	font-weight: bold;	
	text-decoration: none;	
	color: #efefe5;		
	font-size: 12px;
}
.contentTabLinkSelected:hover {	
	color: white;	
	text-decoration: none;
}
.tableRow {
	background-color: #555555;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	line-height:18px;
}
.tableRowL {
	background-color: #A5A5A5;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	line-height:18px;
}
.tableRowS {
	background-color: #A5A5A5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height:18px;
}
/** ----- Tab Styles ---------*/
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 5px solid #e9e9e9; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/

}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
#comment {
	background-color:#C6D4EE;
	color:#444;
	text-align:left;
	padding:2px 7px 4px 7px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:10px;
	margin-top:5px;
	margin-right:10px;
	
}
#comment2 {
	background-color:#C6D4EE;
	color:#444;
	text-align:left;
	padding:2px 7px 4px 7px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:10px;
	margin-top:5px;
	margin-right:10px;

}
#smallcomment {
	background-color:#C6D4EE;
	color:#444;
	text-align:left;
	padding:1px 7px 1px 7px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:10px;
	
	margin-right:10px;
	
}
.utilcomment {
    background-color:#C6D4EE;
    color:#444;
    text-align:left;
    padding:1px 7px 1px 7px;
    border:1px solid #dcdcdc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-left:10px;
}
.cmdbarTable {
	background-color: #E8E8E8; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tableTagCFields {
	color: #483F28; /* #0A5F89; */
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-right: 3px;
	padding-left: 0px;
}
#viewBox {
	border-bottom: 1px solid #E5E5E5;
}
.langName {
	color: #FBF70C;
	margin-left:100px;
}
.required {
	color: #C7160A;
	font-size: 11px;
}
.checkoutTabletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	font-weight: normal;
	line-height: 12px;
	color: #444444;
}
.registercontentTable {
	background-color: #eeeeee;
	border-right-color: #555555;
	border-bottom-color: #555555;
	border-left-color: #555555;
	border-top-color: #555555;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 5px;
	margin-left: 10px;
}
.boxTitleHeading {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#80631F;
	font-weight: bold;
}
.checkoutHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4E3D14;
	letter-spacing: -0.6px;
}
.checkoutButton {
/*	border: 2px outset #FFFFFF;
	background-color:#000000;
	color:white;
	font-weight:bold;
	cursor:pointer;
	margin:0;
    padding:0 .25em;
    width:auto;
    overflow:visible;
  */
}
.viewLine {
	border-bottom: 1px solid #e8e8e8;
}
.infoTabSelect {
	color: #000000;
	background: url(/opreg/images/tabfade.gif) repeat-x;
	/* background-color: #C1D2EE; */
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	border-top: 1px solid #838383;
	border-bottom: 1px solid #C1D2EE;
	text-decoration: none;
	padding: 2px 5px 3px 5px;
	cursor: pointer; 
	margin-right: 2px;
	border-radius-topleft:4px;
	border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
}
.infoTabSelect:hover {
	color: #000000;
	text-decoration: underline;
}

.infoTab {
	color: #303030;
	/* background: url(/opcm/images/tabfadebk.gif) repeat-x; */
	background: #e8e9ea;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	border-top: 1px solid #838383;
	text-decoration: none;
	padding: 2px 5px 3px 5px;
	cursor: pointer;
	margin-right: 2px; 
	border-radius-topleft:4px;
	border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
}
.infoTab:hover {
	color: #000000;
	text-decoration: underline;
}

#infoTabLine {
	background-color: #C1D2EE; /* #838383; */
	line-height:3px;
	border-top:1px solid #838383;
	border-bottom:1px solid #E6EDF8;
	margin-top:3px;
	margin-bottom:8px;
	width:98%;
}
fieldset {
	border:1px solid #C3D1DF;
	padding:0px;
	margin:0px;
	background-color: #F8F8F8;
	width:98%;
}

.assignmentBoxHeader {
	background-color:	#E5DFDC;		/* #e8e9ea;*/
}

.assignmentBoxTitle {
	font-weight:bold;
	font-size: 0.90em;
	color:#505050;
	padding-left:5px;
}

.assignBoxLinks {
	position:absolute;
	left:275px;
	padding-left:5px;
	padding-right:5px;
	z-index:10;
}

.assignBoxText {
	position:relative;
	top:-18px;
}
.sublink {	 
	font-size: 0.95em;
	color: #5d2b86; 
	text-decoration: none;
	font-weight: bold;
}
.sublink:hover {
	text-decoration: underline;
	color: green;
}
.urldiv {
	margin:10px; 
	background-color:#cedaf0;
	width:500;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.configTag {
	color: #404040;
	font-size: 13px;
	font-weight: bold;
}

.configComment {
	color: #404040;
	font-size: 13px;	
}
#line {
	background-color: #C3D1DF;
	line-height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#filter {
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:5px;
}
.datatbl {
	border-collapse:collapse; 
	border-color:#c2b7a1;
}
.datatbl tr:hover {
	background-color:#EEEAA2;
}
.datatbl td {
	padding-left:5px;
	padding-right:5px;
}
.dkrow {
	background-color:#ede8dd;
}
.ltrow {
	background-color:#fff;
}
.tableTagDescriptor {
	padding-left: 5px;
	padding-right: 5px;
	
	color: #437583;
	
}
.descriptorText {
	background-color: #FFFFFF;
	
	border-bottom: 1px solid #E7E7E7;
}
.leftTableTag {
	color:#234F7B;
}
.niceInput {
	background: -moz-linear-gradient(center top , #EFEFEF, #FFFFFF 21px) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#FFFFFF');
    border: 1px solid #A3A3A3;
    border-radius: 4px 4px 4px 4px;
    color: #535353;
}
.tableBorder {
	empty-cells: show;
  	border-collapse: collapse;
	border: 1px solid #969696;
}

.tableBorder td {
	font-size:13px;
	padding-left:5px;
	padding-right:5px;
	border-color:#969696;
}

.tableBorder tr.tableRowLight {
	h:expression(onmouseover=new Function("this.style.backgroundColor='#ccccff';"),onmouseout=new Function("this.style.backgroundColor='#FFFFFF';"));
}                     
.tableBorder tr.tableRowLight:hover {    			
	background-color:#ccccff;  /*#E8E8E8;*/
}
.tableBorder tr.tableRowDark {
	h:expression(onmouseover=new Function("this.style.backgroundColor='#ccccff';"),
                           onmouseout=new Function("this.style.backgroundColor='#DEE7F0';"));
}
.tableBorder tr.tableRowDark:hover {
	background-color:#ccccff;  /*#E8E8E8;*/
}
.tableBorder th {
	font-size:13px;
	font-weight:bold;
	color:#505050;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:0.04em;
	line-height:18px;
	background: #bdbdbd url(/opreg/images/th-fade.gif) repeat-x;
}

.tblBorderSubHeader {
	font-size:13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#505050;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:0.04em;
	line-height:16px;
}
.loginBox {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:460px;
    margin:50px auto;
    border:1px solid #ccc;
    padding:10px;
    background-color:#F2F2F2;
}
.subTabContent {
	padding: 10px;
	border-left: 1px solid ;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid ;
.subTabContent-radius(2px);
	line-height: 18px;
}
.subTabBlk {
	line-height:30px;padding:0
}
.subTabBlk a {
	font-size:13px;
	padding:6px 10px 7px 10px;
	cursor:pointer;
	text-decoration:none;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#e8e8e8;
	color:#888
}
.subTabBlk a:hover{
	text-decoration:underline;
	color:#666
}
.subTabBlk .first{
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd
}
.subTabBlk .middle{
	padding:5px 10px 7px 10px
}
.subTabBlk .last{
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd
}
.subTabBlk .highlight{
	background-color:#fff;
	border-bottom:2px solid #fff;
	color:#010101
}
.subTabBlkDark{
	line-height:30px;
	background-color:#e8e8e8;
	padding:2px 10px 0 10px;
	color:#658bb1;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px
}
.subTabBlkDark .title{
	color:#777;font-weight:bold
}
.subTabBlkDark a{
	font-size:13px;
	padding:6px 10px 7px 10px;
	cursor:pointer;text-decoration:none;
	border-top:1px solid #ddd;border-right:1px solid #ddd;
	background-color:#e8e8e8;color:#888
}
.subTabBlkDark .highlight{
	background-color:#fff;
	border-bottom:2px solid #fff;
	color:#010101
}
.subTabBlkDark .first{
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px 10px 7px 10px
}
.subTabBlkDark .middle{
	padding:5px 10px 7px 10px
}
.subTabBlkDark .last{
	padding:5px 10px 7px 10px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd
}
.subTabBlkDark .plainLink{
	padding:0;
	background-color:transparent;
	position:relative;top:4px
}
.subTabBlkDark button{
	background-color:transparent;
	position:relative;
	top:2px;
	padding:0 10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;cursor:pointer;
	line-height:24px
}
.subTabBlkDark button:hover{
	background-color:#bfcfdf
}

.outerPane{
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0
}