/* -- [Syd 1/31/07] Set up based on design for DandJFrameWorkMaster.master

	All CSSMasterDefault.css values were moved directly out of the master page 
	(either inline stylesheet or specific definitions)  -- */

/* -- Classes used in DandJFrameWorkMaster.master follow these layouts:

	<!-- This table lays out the entire page. The page has four sections:
	+----------+--------------------------------------------------------+
	|PageMenu  |PageHeader (see description below)                      |
	|          | (part of PageRight)                                    |
	+          +--------------------------------------------------------+
	|          |PageMain (where all application forms will appear)      |
	|          | (part of PageRight)                                    |
	|          |                                                        |
	|          |                                                        |
	|          |                                                        |
	|          |                                                        |
	+----------+--------------------------------------------------------+
	| PageTrailer (for copyright info)                                  |
	+----------+--------------------------------------------------------+

	<!-- Part #2 - the PageHeader is laid out as follows:
	+-----C1-------+-----C2-----------------+-----C3-----+
	R1|  Logo Image  | PageTitle              | Alternate  |
	R1|  (Logo1)     |                        | Logo Area  |
	R1|              |                        | (Logo2)    |
	+              +------------------------+------------+
	R2|              | Current User Info &    | Help area  |
	R2|              | Logout link button     |            |
	R2|              |                        |            |
	+--------------+------------------------+------------+
	R3|              |                                     |
	R3| Version Info | Diagnostic buttons                  |
	R3|              |                                     |
	+--------------+------------------------+------------+


	CLASS NAMES
	.PageMenu (td that encloses the side navigation bar - sets width, etc)
	.PageRight (includes both PageHeader & PageMain)
	.PageHeader
	.Logo1 (logo image section in PageHeader)
	.Logo2 (alt logo image section in PageHeader)
	.PageTitle (in the PageHeader)
	.LoginName (text that displays name of logged in person)
	.ErrorMessage (encompasses table which displays errors)
	.PageMain (below PageHeader)
	.GeneralMessage (General 'OK' messages displayed - not errors)
	.PageTrailer
	.PageTrailerText (text in the center of the trailer)
*/

 /*	Add by Phil 2/2/2012
	This table lays out the entire page using CSS
    PageHeader (below two divs)
    +-------------------------------------------------------------------+
    | Logo        |               Page Title              |  Logout     |
    |             |                                       |   Help      |
    +-------------------------------------------------------------------+
    | PageMenu (ProPack and Client Menu Bars)                           |
    +-------------------------------------------------------------------+
    | ErrorMessage (Error Messages)                                     |
    +-------------------------------------------------------------------+
    | GeneralMessage (General Messages)                                 |
    +-------------------------------------------------------------------+
    | PageMain (Where all application forms will appear)                |
    |                                                                   |
    |                                                                   |
    |                                                                   |
    |                                                                   |
    |                                                                   |
    |                                                                   |
    |                                                                   |
    +-------------------------------------------------------------------+
    | Hide Header |                Site Info              | Blank       |
    +-------------------------------------------------------------------+
    PageTrailer (above one div)
    */

@media print 
{
    .noPrint 
    {
        display:none;
    }
}


html, body
{
	/* ignoreheight: 100%; */ /*border: 2px solid;
	border-style: ridge; */
	margin: 0px; /*background-color: #ADD8E6; */ /*LightBlue -- moved from master page*/
	background-color: #AFC9B0;
}

form 
{
	padding: 0px;
	margin: 0px;
}

.page
{
	min-width: 1025px;
	max-width: 1200px;
    /*background-color: #fff;*/
    margin: 15px auto 0px auto;
    /*border: 1px solid #496077;*/
}

.printPage
{
	
}

body
{
	/* used to be called table.EntirePage */
	/* ignoreheight:100%; */
	/* border: 2px solid; */
	/* border-style: ridge; */
	width: 100%;
	vertical-align: top;
}

.IFrameBody
{
    text-align:left;
	vertical-align: top;
	margin: 0px;
	padding:0px;
	background-color: #FFFFFF;
	border:0; 
}

h3
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

tr 
{
	/* used to be called tr.EntirePage */
	/* ignoreheight: 100%; */
}

th
{	
	font-family: Arial;
	font-weight: bold;
	font-size: small;
	padding: 2px 5px;
	color: #000;
}

td
{
	font-family: Arial;
	font-size: small;
	color: #000;
	margin-bottom: 5px;
}

.Clear
{
	clear:both;
}

.BorderedTable table
{
	border-collapse: collapse;
}

.BorderedTable td
{
	border: solid 1px #000;
	border-collapse: collapse;
	padding: 2px 5px;
}	

.BorderedTable td td
{
	border: none;
}	

.PageMenu
{
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #A9A9A9;
	font-family: Verdana;
	background-color: #D7D2A2; /* CAC585 height:1.0em; */ /*line-height: 1.0em;*/ /*width: 10%;
	border: 2px solid;
	border-style: ridge;
	height: 100%;
	width: 100px;
	font-size: x-small;
	font-family: Arial;
	color: #0000FF;
	background-color: #F5DEB3;
	border-color: #A9A9A9; */
}

.SubMenu table
{
	font-family: Arial;
	font-size: .9em;
	font-weight: bold;
	color: #000;
	border-collapse: collapse;
	background-color: #D9D9E6;
	border: solid 1px #000 /* #ccc */;
	padding: 2px 8px;
}

.SubMenuStaticItem
{
    padding: 2px; 
    text-align: center; 
}

.SubMenuStaticItem a:link, .SubMenuStaticItem a:hover, .SubMenuStaticItem a:visited
{
	color: #000;
	text-decoration: none;
}

.SubMenuStaticItem a:hover 
{
	color: #607B8B;
}

.SubMenuStaticItemRight a:link, .SubMenuStaticItemRight a:visited
{
	color: #000;
	text-decoration: none;
	text-align:right;
}

.SubMenuStaticItemRight a:hover 
{
	color: #C00000;
	text-align:right;
	text-decoration:underline;
}
.SubMenuStaticItemRight a:selected
{
	color: #0000F0;
	text-align:right;
} 

.PageRight 
{
	/* used to be .PageRest */
	vertical-align: top;
	text-align: left;
	width: 90%;
}

table.PageRight 
{
	/* used to be table.PageRest */
	width: 100%;
	vertical-align: top;
}

	
.PageHeader 
{
	font-size: small;
	font-family: Arial;
	/*color: Blue;*/
	background-color: #FF0000; /*Red*/
    border-style: solid;
    border-width: 1px;
    border-color: #A9A9A9; /*darkGray*/
	vertical-align: top;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
}

#divPageHeaderLeft
{
	float:left;
	width:21%;
}

#divPageHeaderCenter
{
	float:left;
	width:58%;
	text-align:center;
	vertical-align:middle;
}
#divPageHeaderRight
{
	float:left;
	width:21%;
	text-align:right;
}

table.PageHeader 
{
	text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #A9A9A9; /*darkGray*/
	height: 1%;
	width: 100%;
}

tr.PageHeader 
{ 
	vertical-align: top; 
}

.PageHeader h1 
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.PageHeader img 
{
	text-align: left;
	border: 2px solid;
	border-style: ridge;
}

.Logo1
{
	font-size: x-small;
	font-family: Arial;
}

.Logo2 
{ 
	vertical-align: top; 
}

td.PageTitle
{
	vertical-align: top;
	font-size: 10px;
}

.PageTitle h1
{
	font-weight: bold;
	font-size: 30px;
}

.PageTitle h2
{
	font-weight: bold;
	font-size: 15px;
}

.HelpArea, .HelpArea input, .HelpArea td
{
	font-size: x-small;
	font-family: Arial;
}

.LoginName
{
	font-size: 10px;
	font-weight: bold;
	color: Black;
}

#divPageMenu
{
	
}

.MenuContainer
{
	text-align: left;
	vertical-align: top;
	width:99%;
}

.ErrorMessage, .GeneralMessage
{
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	padding:8px;
}

.ErrorMessage
{
	background-color: #FF8A8A;
	border-color: #FF0000;
}

.GeneralMessage
{
	background-color: #ADD8E6;
	border-color: red;
}

/*.ErrorMessage 
{
	color: Red;
	margin:0;
	padding:0;
}

td.ErrorMessageTable {
	width:100%;
	border:2px solid;
	border-style:ridge;
}

table.ErrorMessage
{
	width: 100%;
	padding: 2px;
}*/

.MenuContainer IMG {  /* overrides .PageHeader class */
	border: 0;
}

.StaticMenuItem, .StaticMenuItemHover, .StaticMenuItemSelected
{
    font-family:Verdana;
}

.StaticMenuItemSelected a, .StaticMenuItemSelected
{
    color:#FFFFFF;
    cursor:pointer;
    background-color:#000000;
}

.StaticMenuItem 
{
    color:#000000;
    cursor:pointer;
    font-size: 0.25em;
}

.StaticMenuItemHover
{
    color:#FFFFFF;
    background-color:#000000;
    cursor:pointer;
}

.DynamicMenu
{
	border: 1px solid #B5B5B5;
	cursor: pointer;
}

.DynamicMenuItem, .DynamicMenuItemHover
{
	display: block;
	font-family: Verdana;
	padding: 2px;
}

.DynamicMenuItem
{
	color: #000000; /*background-color:#DDDDDD;*/
	background-color: #E7E2C7;
}

.DynamicMenuItemHover 
{
    color:#FFFFFF;
    background-color:#000000;
}

.PageMain
{
	font-size: Small;
	font-family: Arial;
	/*color: Blue;*/
	min-height: 850px;
	padding: 5px;
	font-family: Arial;
	font-size: small;
	color: #000;
	margin-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #A9A9A9; /*Gray*/
	background-color: #FFFACD; /*LemonChiffon*/
}

table.PageMain 
{
	border-width: thin;
	width: 100%;
	height: 100%;
	vertical-align: top;
	border: 2px solid;
	border-style: ridge;
}

.PageMain tr 
{
	vertical-align:top
}

tr.GeneralMessage 
{
	width: 100%;
	border: 2px solid;
	border-style: inset;
    font-weight: bold;
    font-family: "Arial Narrow", Arial;
    background-color: #B0E0E6; /*PowderBlue*/
    border-color: #A9A9A9; /*DarkGray*/
}

table.GeneralMessage 
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.PageTrailer
{
	padding: 5px;
	font-size: x-small;
	font-family: "Arial";
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #A9A9A9; /*Gray*/
	background-color: #FFFACD; /*LemonChiffon*/
}

#PageTrailerLeft
{
	float:left;
	width:20%;
}

#PageTrailerCenter
{
	float:left;
	width:60%;
}

#PageTrailerRight
{
	float:right;
}

/*btable.PageTrailer
{
	width: 100%;
	vertical-align: bottom;
	border-width: 2px;
	border-style: solid;
	border-color: #808080;
	background-color: #FFFACD;
}*/

.PageTrailerText
{
	text-align: center;
	font-size: small;
	font-family: Arial;
	color: #000;
}

.DataPage {
	padding: 5px 30px 20px 30px; }

.GridView table
{
	border: solid 1px #fff;
}

.GridView td
{
	padding: 2px 5px;
}

.Form
{
	font-family: Arial;
	font-size: .8em;
}

.Form table
{
	padding: 2px 8px;	
	border: solid 1px #ccc;
	border-collapse: collapse;
}

.Form th
{
	background-color: #FFEC8B;
	font-weight: bold;
	text-align: left; 
	vertical-align: top;
}

.Form td
{
	text-align: left; 
	vertical-align: top;
}

.EditingRow
{
	background-color: #B0C4DE;
}

.TextBoxes input
{
	width: 50px;
}

a.Hyperlink:link, a.Hyperlink:visited
{ color: #000; text-decoration:none;}

a.Hyperlink:hover, a.Hyperlink:active
{ color: #efbe2a; text-decoration:underline;}

.DJGridView {
	border: ridge 1px #d2ba64;	
}

.DJGridView td 
{
	padding: 2px 10px 2px 10px;
}

/* this prevents the above padding from cascading to any gridview-embedded controls that generate table tags */
.DJGridView td td{ 
	padding: 0;	
}
/* these styles work in cooperation with code added by the DJGridView utility class for controlling display */
.pagerRow {
	background-color: #FFF;
}
.DJGridView th {
	text-align: left;
	vertical-align: middle;
}
.sortNone a, .sortAscending a, .sortDescending a
{
	text-decoration: none;
	display: block;	
	padding-left: 0.8em;
}
.sortNone a:link, .sortNone a:visited
{ color: #000;}

.sortNone a:hover, .sortNone a:active, .sortAscending a:link, .sortAscending a:visited, .sortDescending a:link, .sortDescending a:visited
{ color: #FFF;}

.sortAscending
{
	background: #aa871e url(images/sort_up.gif) top left no-repeat;
}
.sortDescending
{
	background: #aa871e url(images/sort_down.gif) top left no-repeat;
}
.sortNone
{
	background: #d2ba64 url(images/sort_none.gif) top left no-repeat;	
}
.emptyCellorEditMode
{
	background: #d2ba64;
}
.emptyCellorEditMode a
{
	text-decoration: none;
	display: block;		
}
.emptyCellorEditMode a:link, .emptyCellorEditMode a:visited, .emptyCellorEditMode a:hover, .emptyCellorEditMode a:active
{ 
	color: #000;
	cursor: text;
}

/* used under DJGridView footer row for user message after adding new record */
.labelAdd 
{
    padding: 2px 4px;
    border: solid 1px #000;
	border-top: none;
	margin-left: 30px;
}

.DJInput 
{
    font-family:Verdana;
    border:solid 1px #A9A9A9;
    background-color: #FFF;
}
.DJInputDisabled
{
	border:solid 1px #A9A9A9;
    background-color: #DDD;
}

.validation
{
	background-color: #FFFF99;
}

.listSearchExt
{
	font-style:italic;
	color:#666;
}

.fullFooter {
	vertical-align: top;
	padding-left: 2px! important;
	padding-top: 4px! important;
	padding-right: 0px! important;
}

.fullFooterPadRight {
	vertical-align: top;
	padding-left: 1px! important;
	padding-top: 4px! important;
	padding-right: 4px! important;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.60;         
}

.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    padding:5px;
    background-color:#FFFFFF; 
    position:absolute; 
    width:200px; 
    height:50px;
    font-family:Arial; 
    font-size:16px; 
    text-align:left;
    font-weight:bold;
}

.LinkButton
{
	font-weight: bold;
}

.LinkButton:link, .LinkButton:visited
{
	color: #508369;
	text-decoration: none;
}

.LinkButton:hover, .LinkButton:active
{
	color: #D6A510;
}
.LinkButtonButton
{
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px #5a4e53;
    background-color: #ababab;
}
.LinkButtonButton:hover
{
    border: solid 1px Black;
    background-color: #ffffff;
}