.AddScrOuter {
	width: 600px;
	margin: auto;
}
option, select {
	border: 1px;
	font-size: 11px;
	background-color: #ddd;
}
input, textarea {
	padding: 2px;
	border: 1px;
	font-size: 11px;
	background-color: #ddd;
}
div {
    color: gray;
	font-size: 12px;
}
td {
    color: gray;
	font-size: 12px;
}
p { font-family: Arial, Helvetica, verdana, sans-serif; 
       font-size:12px; 
       /*color: Black;*/ 
       /*background-color: white;*/ 
       line-height: 1.5em; } 
.smallfont { font-family:Verdana;
    font-size :10;
    color:#000099;
    font-weight:regular}
.regularFont { 
	font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size :12px;
    color:black;
    font-weight:regular
}
.tableCell   { 
	color: gray; 
	background: silver; 
	font-size: 11px; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}
.logoTableCell   { 
	height: 60px;
	color: maroon; 
	background-image: url(http://newsmagazine.localhost/images/site_related/tab_related/active-bg.jpg); 
	font-size: 11px; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}

/*************** MENU CSS *********************************************/
/* There is the left tab and then there are the rest.  Inactive Left tab has 
   border on all sides.  Rest of the inactive tabs have borders on all sides
   EXCEPT the left side.  All active tabs lose the bottom border
*/

td.leftMenuInactive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.restMenuInactive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.leftMenuActive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
	font-weight: bold;
}
td.dummyMenuTab {
	background-color: white;
	height: 20px;
	width: 50px;
	border-bottom: 1px solid gray;
}

td.leftMenuInactive a {
	color : #f00;
	display : block;
	text-decoration : none;
}
td.leftMenuInactive a:hover {
	color : #f00;
	text-decoration : underline;
}
td.restMenuInactive a {
	color : #f00;
	display : block;
	text-decoration : none;
}
td.restMenuInactive a:hover {
	color : #f00;
	text-decoration : underline;
}
td.restMenuActive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	width: 50px;
	text-align: center;
	vertical-align: center;
}
td.menuArea {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 20px;
	padding-top: 10px;
	background-color: #fafafa;
	height: 250px;
	vertical-align: top;
	padding-bottom: 20px;
}
td.menuMessageArea {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	padding-top: 10px;
	padding-right: 30px;
	background-color: #fafafa;
	vertical-align: center;
	text-align: right;
	font-size : 10px;
	font-weight : bold;
	color: Firebrick;
}

/**************** END MENU CSS ****************************************/


/**************** SEARCH MENU CSS ****************************************/
/* Search tabs have not been given a width */

td.leftSearchMenuInactive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.restSearchMenuInactive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.leftSearchMenuActive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	/*background-color: silver;*/
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
	font-weight: bold;
}
td.restSearchMenuActive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	/*background-color: silver;*/
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

td.searchMenuBottomStrip {
	/*border-right: 1px solid gray;*/
	/*border-left: 1px solid gray;*/
	/*border-bottom: 1px dashed gray;*/
	/*background-color: silver;*/
	height: 5px;
}
td.dummySearchMenuTab {
	background-color: white;
	height: 20px;
	width: 150px;
	border-bottom: 1px solid gray;
}

td.dummySearchMenuTabLeft {
	background-color: white;
	height: 20px;
	width: 20px;
	border-bottom: 1px solid gray;
}
td.searchMenuSpacerTab {
	background-color: white;
	height: 20px;
	border-bottom: 1px solid gray;
}

/**************** END Search MENU CSS ****************************************/

.NameDisplay   { 
	color: #444444; 
	/*background: silver;*/ 
	font-size: 13px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-style: italic;
	text-align: Justify 
}
.tableCellLabel  { 
	font-size: 12px; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: right;
	width: 130
}
.tableCellContents  { 
	font-size: 12px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: left
}


TABLE.headerDisplay {
font-family: Arial, Helvetica, verdana, sans-serif;
background: silver;
font-size: 12px;
/*border: 1px solid #8AB6C3;*/
padding: 1px;
#width: 500px;
}
OPTION.dispsize { font-size: 12px;}

/* Diplay specific CSS */

/*** FEATURE LEVEL CSS *********************/

.featureLabelCSS   { 
	width : 500px;
        margin: auto;
	margin-top : 40px;
}

.FeatureLabelCellCSS {
	color: firebrick; 
	font-size: 15px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: justify 
}
/*** END FEATURE LEVEL CSS *********************/

.FeatureSearchLabelCSS   { 
	width : 500px;
	margin-top : 40px;
	padding-left : 10px;
	color: firebrick; 
	background-image: url(http://www.orisolutions.com/images/site_related/bg-strips/yellow-thin.jpg); 
	font-size: 13px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}

.searchMessageCSS   { 
	width : 500px;
	margin-top : 15px;
	margin-bottom : 5px;
	padding-left : 10px;
	font-size: 11px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}
/*** BEGIN PAGE LAYOUT CSS *********************/

.PageLayoutCSS   { 
	padding-top : 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	width : 500px;
	margin : auto;
}

.PageLayoutC1_CSS   { 
	width : 150px;
	vertical-align : top;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
}
.PageLayoutC1_CSS   td,a { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
	text-decoration : none;
}
.SPageLayoutC1_CSS   { 
	width : 150px;
	vertical-align : top;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
}
.SPageLayoutC1_CSS   td,a { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
	text-decoration : none;
}


.PageLayoutC2_CSS   { 
	width : 450px;
	vertical-align : top;
}
.SPageLayoutC2_CSS   { 
	width : 450px;
	vertical-align : top;
}

.PageLayoutCSSNoTopPad {
	margin-left: 250px;
}

/*** END PAGE LAYOUT CSS *********************/


.photoCellCSS  { 
	width : 100;
}
.photoAdjCSS  { 
	width : 350;
	color : green;
}
.dbAttrsRowCSS  { 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}

/* The short one is perhaps used when a photo is there.  If a photo
   is there, the rows along side the photo are of shorter width
   The rows below the photo span wider to cover the width of the photo
   and adjacent rows
*/
.dbAttrsRowCSS-Short  { 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: left; 
}

/*
.DbRowCSSOdd  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	/*width : 400px;*/
	height : 10px;
}

.DbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	width : 500;
	height : 10px;
}
*/

.DbRowCSSOdd  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	/*width : 500;*/
	/*border-left : 1px dotted;*/
}

.DbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	/*width : 500;*/
	/*border-left : 1px dotted;*/
}
/*
.DbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	height : 10px;
	width : 500;
	background-color: yellow;
}
*/
/*
 Related to the display of actual contents.  
 Basically applies to table cells that would contain the text.  
 There is one for the label for the text and the other for the text.  
 These are defaults.  The style for individual fields can be 
 controlled by defining new CSS and setting them
 under 'ValueCSS' and 'LabelCSS' attributes in ATTR_SPEC
*/

.ValueCSS   { 
	padding-top : 15px;
	font-size: 12px; 
	/*padding-left: 1em;*/
}
.LabelCSS   { 
	font-size: 12px; 
	font-weight: bold; 
	/*margin-left: 1em;*/
}

.LabelCellCSS  { 
	border : 0px;
	width: 200px;
	vertical-align : top;
	padding-left: 0px;
	padding-top: 5px;
	font-size : 11px;
}
.LabelCellCSS_150  { 
	vertical-align : top;
	border : 0px;
	width: 150px;
}

.ValueCellCSS  { 
	border : 0px;
	width: 400px;
	vertical-align : top;
	padding-top: 5px;
	font-size : 11px;
}

.ValueCellCSS_Hdr  { 
	border : 0px;
	width: 400px;
	font-size : 15px;
	font-weight : bold;
	vertical-align : top;
	padding-left: 20px;
	padding-top: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	color : firebrick;
}
.ValueCellCSS_200  { 
	border : 0px;
	width: 200px;
	vertical-align : top;
}

/* _P for with padding */
.ValueCellCSS_200_P  { 
	border : 0px;
	width: 200px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_300  { 
	border : 0px;
	width: 200px;
}
.ValueCellCSS_400  { 
	border : 0px;
	width: 400px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_500  { 
	border : 0px;
	width: 500px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_400_A  { 
	border : 0px;
	width: 400px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_600  { 
	padding-left: 20px;
	padding-top: 20px;
	border : 0px;
	width: 600px;
}

/*** End Value and Lable CSS ****/

.dayCSS   { 
	color: firebrick; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}

/* Search related */
.SearchSeparatorCSS  { 
	height: 1;
	background-image: url('http://www.orisolutions.com/images/site_related/bg/dot_h.gif');
	border : 0px;
}

.SearchHeaderCSS  { 
	margin-top : 20px;
	font-weight : bold;
	text-align : center;
	/*margin-left : 2em;*/
	border-spacing : 0px;
}

.SearchTableCSS {
	text-align : left;
}
.SearchLinkTableCSS {
	margin-top: 50px;
}
.SearchRowCSSOdd  { 
	text-align : left;
}
.SearchRowCSSEven  { 
	text-align : left;
}


.idCSS  { 
	width : 20px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}

.w0CSS  { 
	width : 30px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w1CSS  { 
	width : 50px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w2CSS  { 
	width : 70px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w3CSS  { 
	width : 90px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w4CSS  { 
	width : 110px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w5CSS  { 
	width : 130px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w6CSS  { 
	width : 150px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w7CSS  { 
	width : 170px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}


.w0HCSS  { 
	width : 30px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w1HCSS  { 
	width : 50px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w2HCSS  { 
	width : 70px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w3HCSS  { 
	width : 90px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w4HCSS  { 
	width : 110px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}

.w5HCSS  { 
	width : 130px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w6HCSS  { 
	width : 150px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w7HCSS  { 
	width : 170px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}

.shortDisplayCSS  { 
	width : 120px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.shortDisplayHeaderCSS  { 
	width : 120px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.addLabelCSS  { 
	width : 150px;
	text-align : right;
	font-size: 11px;
}
.addFieldCSS  { 
	width : 350px;
	text-align : left;
	font-size: 11px;
}
.headerMessage  { 
	width : 550;
}
.trailerMessage  { 
	width : 550;
}
.titleBar  { 
	width : 500;
	text-align : left;
	padding-left : 5px;
	font-weight : bold;
	font-size: 15px;
	color: firebrick;
}

/* View related */
.viewSeparatorCSS  { 
	height: 1;
	background-image: url('http://www.orisolutions.com/images/site_related/bg/dot_h.gif');
	border : 0px;
	width : 400px;
}

/****  SPECIFIC CSS ***************/
.firstWords {
	font-size : 13px;
	font-weight : bold;
	color: blue;
}