﻿/*****************/
/* Common Styles */
/*****************/
html, body
{
    background-color: #171717;
    margin: 0;
    padding: 0;
    font-family: Tahoma;
    font-size: 11px;
    color: black;
}


.totals {
        border-top:solid;
				border-top-color:#507C2A;
				font-weight:bold;
				text-align:center;
				font-size:medium;
				width:100px;
        } 

.headercolumns {
        border-bottom:solid;
				border-bottom-color:#507C2A;
				font-weight:bold;
				font-size:medium;
				padding-left:10px;
				color:#507C2A;
				width:100px;
				text-align:center;
        } 

.fieldcolumn {
				text-align :center;
				font-size:medium;
        } 


.outerWrapper
{
    width: 100%; /*background-image: url(../Images/outer_bg.png); 	background-repeat: repeat-x; 	background-color: #C3C3C3; 	background-color: #59595A; 	background-color: #f0eee7;*/
    background-image: url(../Images/outer_bg4.png);
    background-repeat: repeat-x;
    background-color: #C9C9C9;
}

.innerWrapper
{
    background-color: #fff;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    width: 75%;
}

.header
{
    background-image: url(../Images/header_strip.png);
    background-repeat: repeat-x;
    background-color: #f0eee7;
    height: 100px;
}

.menu
{
    /*background-image: url(../Images/tabs_bg.png); 	background-repeat: repeat-x;*/
}

.content
{
}

/* Style page contents */
.cphBody
{
    vertical-align: top;
    min-height: 425px;
}

.cphDiv
{
    vertical-align: top;
    background-color: #fff;

}

/* Style a div as a <hr/> element with green line */
.hr
{
    border: solid 1px #000;
    background-color: #000;
    border-color: #507C2A;
    background-color: #507C2A;
    height: 1px;
}

.hr2
{
    border: solid 1px #000;
    background-color: #000;
    border-color: #507C2A;
    background-color: #507C2A;
    height: 1px;
		width:200px;
}

/* This is used on an asp:Panel to render it as an error box */
.error-box
{
    background: #fdd;
    border-left: solid 5px #faa;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px;
    font-weight: bold !important;
}

/* This is used on an asp:Panel to render it as a success box */
.success-box
{
    background: #AEF089;
    border-left: solid 5px #3EA800;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px;
    font-weight: bold !important;
}

/* Set cursor to pointer when user hovers over menu item */
.radMenu a span
{
    cursor: pointer;
}

img
{
    border-style: none;
    border-width: 0;
}

.greenLabel
{
    color: #00663E;
    font-size: 14pt;
    font-weight: bolder;
    font-family: Arial;
}

.green
{
    color: #00663E;
    font-size: 8pt;
    font-weight: bolder;
    font-family: Arial;
}

.blackLabel
{
    color: #000;
    font-size: 8pt;
    font-weight: bolder;
}

.redLabel, .red, .required
{
    color: Red;
    font-size: 8pt;
    font-weight: bolder;
    font-family: Arial;
}

.white
{
    color: White;
}

/*********/
/* Links */
/*********/
a:link, a:visited, a:active, a:hover
{
    color: #155800;
    text-decoration: underline;
}

/**********************************/
/* RadGrid Links for Telerik Skin */
/**********************************/
.RadGrid_Telerik a
{
    color: #155800 !important;
    text-decoration: underline;
}

.RadGrid_Telerik .rgHeader a, .RadGrid_Telerik .rgCommandRow a
{
    color: #000 !important;
}

/*******************************/
/* Buyer Documents Table Styles*/
/*******************************/
.buyerDocument
{
    border: solid 1px #B6B3A4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
}

.buyerDocument .docHdr
{
    background-image: url(../images/buyerDocuments_hdr_bg.png);
    background-repeat: repeat-x;
    background-color: #F49033;
    white-space: nowrap;
}

.buyerDocument .docHdr td
{
    text-align: center;
    font-weight: bold;
    margin: 0px;
    height: 22px;
    white-space: nowrap;
}

.buyerDocument .docRow
{
    background-color: #EEE; /*#DFDDD7;*/
}

.buyerDocument .docData, .docData a, .docData a:link, .docData a:hover, .docData a:visited
{
    border-bottom: 2px solid White;
    padding: 5px;
    color: Black;
    font-weight: bold;
    white-space: nowrap;
}

/****************/
/* Table styles */
/****************/
.table
{
    background-color: #EEEEEE;
    border: 1px solid #C4C4C6;
    text-align: left;
    padding: 4px;
}

.table td
{
    vertical-align: middle;
}

.rpvTable
{
}

/**********/
/* Footer */
/**********/
div#footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: Black;
}
@media screen
{
    body > div#footer
    {
        position: fixed;
    }
}
* html body
{
    overflow: hidden;
}
* html div#content
{
    height: 100%;
    overflow: auto;
}
/***********************/
/* Black Footer Styles */
/***********************/
.footerBlack, .footerBlack a, .footerBlack a:hover, .footerBlack a:visited, .footerBlack a:link
{
    color: Black;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

.footerBlack td
{
    text-align: center;
}

.footerBlack a, .footerBlack a:hover, .footerBlack a:visited, .footerBlack a:link
{
    text-decoration: underline;
}
/***********************/
/* White Footer Styles */
/***********************/
.footerWhite, .footerWhite a, .footerWhite a:hover, .footerWhite a:visited, .footerWhite a:link
{
    color: White;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

.footerWhite td
{
    text-align: center;
}

.footerWhite a, .footerWhite a:hover, .footerWhite a:visited, .footerWhite a:link
{
    text-decoration: underline;
}

/***********************/
/* Green Footer Styles */
/***********************/
.footerGreen, .footerGreen a, .footerGreen a:hover, .footerGreen a:visited, .footerGreen a:link
{
    color: Black;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

.footerGreen td
{
    text-align: center;
}

.footerGreen a, .footerGreen a:hover, .footerGreen a:visited, .footerGreen a:link
{
    color: #155800;
    text-decoration: underline;
}
/*************/
/* Login Box */
/*************/
.loginBox
{
    border: solid 1px Gray;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.loginBox .boxHeader, .boxHeader
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 3px;
    background-color: Gray;
    font-weight: bold;
    font-size: 11pt;
    color: white;
    text-align: left;
}

.loginBox .boxContent, .boxContent
{
    padding: 10px;
    background-color: #EEEEEE;
}
/***************/
/* Modal Popup */
/***************/
.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #F2F2F6;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}
/*********************/
/* Header Divide Box */
/*********************/
/* Header Divider Box is used for tool icons on correspondence pages */
.headerDividerBox a, .headerDividerBox a:visited, .headerDividerBoxOn a, .headerDividerBoxOn a:visited
{
    font-size: 10px;
    color: #3E3E5A;
}
.headerDividerBox a:hover, .headerDividerBoxOn a:hover
{
    font-size: 10px;
    text-decoration: none;
    color: #AA322A;
}
.headerDividerBoxOn
{
    border: solid 1px #000; /* #EFEFC8;*/
    background-color: #FFFFD4;
    float: left;
    width: 75px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    color: #AA322A;
    margin-right: 10px;
}
.headerDividerBox
{
    border: solid 1px #FFF;
    background-color: Transparent;
    margin-right: 10px;
    float: left;
    width: 75px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    color: #000; /* #3E3E5A; */
}
.SubMenuBar /* Bar Used on correspondence page for menu items, etc */
{
    border-top: double 1px #F0F0F0;
    border-bottom: double 1px #F0F0F0;
    background-color: #fff;
    width: 100%;
    margin: 10px auto;
    margin-bottom: 2px;
    clear: both;
    text-align: left;
    padding: 3px;
    font-size: 10px;
    color: #3E3E5A;
}
