﻿
.testclass
{
    
font-weight:bold;
    position:absolute;
    background-color:White    ;
}
/* ------------------------------------------ CORE LAYOUT STYLES --------------------------------------- */
.notesLink
{
    cursor:pointer;    
    text-decoration:underline;
}

.notes
{
    font-size:15px;
    font-family:Arial;    
}
.tabular
{
    display:table;    
}
.tableRow
{
    display:table-row;    
}

.tableCell
{
    padding:5px;
    display:table-cell;    
}

.NoWrapCell
{
    white-space:nowrap;
}

.topborder{border-top: 1px solid gray;}
.rightAlign
{
    float: right;
}
.leftAlign
{
    float: left;
}

.clear
{
    clear: both;
}

.sidemenubar
{
    width: 180px;
    display: inline-table;
    vertical-align: top;
}

.contentdiv
{
    display: inline-table;
    width: 79%;
}

.greenText
{
    color: #439a00;
}
.redText
{
    color: #f00;
}

.croppedtext
{
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crop
{
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    height:100px;
    width:200px;
 }

.commentIcon
{
    background: url("portal/public/images/icons.gif") left -300px no-repeat;
}

.localdatetime
{
    white-space:nowrap;    
}

.nowraptext
{
    white-space:nowrap;    
}

pre
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    clear: both;
    float: left;
}

.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.modalPopup
{
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 1px;
    width: 250px;
}

/* Tab element */
.horizontalTab
{
    display: block; /* we don't know what element this is */
    float: left;
    min-width: 80px;
}
.horizontalTab a
{
    display: block;
    padding: 0px 25px 0px 25px;
    text-align: center;
    font-weight: bold;
	text-transform:uppercase;
    font-size: 88%;
    color: #166d33;
    float: left;
    min-width: 80px;
    text-decoration: none;
	height:40px; 
	margin-top:8px; 
	max-height:40px; 
	line-height:40px;
	border-radius:5px 5px 0 0;
	margin-right:6px;
	background: #9ed443;
	background: -moz-linear-gradient(top, #9ed443 7%, #ccef6e 25%, #9ed443 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #9ed443), color-stop(25%, #ccef6e), color-stop(99%, #9ed443));
	background: -webkit-linear-gradient(top, #9ed443 7%, #ccef6e 25%, #9ed443 99%);
	background: -o-linear-gradient(top, #9ed443 7%, #ccef6e 25%, #9ed443 99%);
	background: -ms-linear-gradient(top, #9ed443 7%, #ccef6e 25%, #9ed443 99%);
	background: linear-gradient(to bottom, #9ed443 7%, #ccef6e 25%, #9ed443 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ed443', endColorstr='#9ed443', GradientType=0 );
}

.siteNavigation a:hover
{
    text-decoration: none;
    color: #166d33;
}

.siteNavigation li:hover
{
    text-decoration: none;
    color: #faa535;
}

.siteNavigation .selected
{
    color: #166d33;
}
.siteNavigation .selected a
{
    color: #fff;
}

.contentgrid
{
    border-left: 1px solid gray;
}

.topPadding
{
    padding-top: 20px;
}

.leftPadding
{
    padding-left: 20px;
}


/* ------------------------------------------- HEADER AREA ---------------------------------------- */

.submenu
{
    background-color: #003976;
    min-height: 32px;
    height: 32px;
	border-radius:5px 5px 0 0;
}



/* ------------------------------------------- FOOTER AREA ---------------------------------------- */

.outerFooterContent
{
    width: 100%;
    color: #333;
    padding-top: 0px;
}
.outerFooterContent .innerPadding
{
    padding: 10px 20px;
}
.disclaimer, .copyrightBar, .top
{
    float: left;
    width: 100%;
}



/****------------------------- Search Area-------------------------------------------------***/

.searchicon
{
    width: 25px;
    height: 25px;
    vertical-align: text-top;
}

.searchbox
{
    vertical-align: text-top;
    width: 125px;
    margin-left: 10px;
    margin-right: 3px;
}
/* ------------------------------------------- CONTENT AREA ---------------------------------------- */

.greyBg
{
    background-color: #f4f4f4;
    min-height: 35px;
}

.whiteBg
{
    background-color: #fff;
    min-height: 35px;
}

table.contenttable
{
    width: 100%;
}

table.contenttable td
{
    padding-left: 0px;
    padding-right: 0px;
}

.repeatheader
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('portal/public/Images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

/*------------------GRID Style */
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 0px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding-left: 4px !important;
    padding-right: 4px !important;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px;
    color: #464646;
    background:#ccef6e;
    border: solid 1px #9ed443;
    /**/
    font-size: 0.9em;
}


.mGrid .alt
{
    background: #eae9e2;
}
.mGrid .pgr, .mGrid .grdfooter
{
    background: #424242 url('portal/public/Images/grd_head.png') repeat-x top;
    color: #fff;
    height:25px;
}

.mGrid .grdfooter table, .mGrid .pgr table
{
    margin: 5px 0;
}

.mGrid .grdfooter td, .mGrid .pgr td
{
    padding: 5px !important;
    border-width: 0;
    border-left: solid 1px #666;
    font-weight: normal;
    color: #fff;
    
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

tr.grdfooter td
{
    color: #fff !important;
}
/* ------------------------------------------- BUTTON STYLES ---------------------------------------- */


.pager
{
    float: right;
}
.pager input	{margin-top:3px;}
.pagerLabel
{
    vertical-align: middle;
}


.buttonStyle02 img
{
    width: 19px;
    height: 20px;
}
.buttonStyle02.printIcon img, .buttonStyle02.excelIcon img, .buttonStyle02.pdfIcon img
{
    width: 23px;
    height: 20px;
}
.buttonStyle02.watchlistIcon
{
    background: url('portal/public/images/icons.gif') left -138px no-repeat;
}
.buttonStyle02.shoppingCartIcon
{
    background: url('portal/public/images/icons.gif') left -109px no-repeat;
}
.buttonStyle02.printIcon
{
    background: url('portal/public/images/icons.gif') left -18px no-repeat;
}
.buttonStyle02.excelIcon
{
    background: url('portal/public/images/icons.gif') left -80px no-repeat;
}
.buttonStyle02.pdfIcon
{
    background: url('portal/public/images/icons.gif') left -48px no-repeat;
}

.firstPageIcon, .prevPageIcon, .nextPageIcon, .lastPageIcon
{
    width: 23px;
    height: 23px;
    border: none;
    vertical-align: text-bottom;
}


ul.sidemenu
{
    padding: 10px 0 0 1px;
    margin: 0;
    list-style: none;
}



/* menu in side bar */
ul.sidemenu li
{
    display: block;
    min-height: 30px;
    width: 95%;
}



.main ul.sidemenu li
{
    width: 100%;
}

.second ul.sidemenu li
{
    width: 199px;
}

ul.sidemenu a:visited, ul.sidemenu a:link, ul.sidemenu a
{
    background: #eae9e2;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #166d33;
    padding: 6px 10px 6px 20px;
    display: block;
	margin-bottom:7px;
	border-radius:4px;
}

ul.sidemenu li:hover
{

}


ul.sidemenu li.sidemenuselected a:link		{background: #166d33; color:#fff;}
ul.sidemenu a:hover		{background: #ccef6e;}
li.sidemenuselected	a	{background: #166d33; color:#fff;}
a.sidemenuselected		{background: #166d33; color:#fff;}

.WrappedText
{
  word-break: break-all;
  word-wrap: break-word;
}

.WrappedByWord
{
    word-wrap: break-word;
}


.divWaiting
{
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    -ms-opacity: 0.8;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}
.divWaitingDetails
{
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    -ms-opacity: 0.8;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}




