/* CSS Document */
/* FONT AND ELEMENT STYLES */

/* MASTER COLORS
Brown - #4d2e17  (old - #572700) 
Olive Green - #c0ae00
Blue - #7eb0cc
Nav Bkg Olive - #e6e5d3
/*

/* main body fonts*/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #1F497D;
}
a {
	color: #c0ae00;
	text-decoration: none;
}
a:visited {
	color: #c0ae00;
	text-decoration: none;	
}
a:hover {
	color: #7eb0cc;
	text-decoration: none;
    cursor: pointer;
}
a:active {
	color: #c0ae00;
	text-decoration: none;
}

h1 {
	color: #7eb0cc;
	margin: 6px 0 0px 0;
	font-size: 18px;
	line-height: 24px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #1F497D;
	margin: 0;
}

hr {
	color: #FFF;
	background-color: #FFF;
 	height: -3px;
	border-top: 1px #666666 solid;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
}

/*.hrSidebar {
	color: #E8E8D2;
	background-color: #E8E8D2;
 	height: 12px;
	border: none;
	border-top: 1px #00446A solid;
}*/

p {
	margin:0 0 0px 0;
}

p.nav {
	margin:0 0 9px 0;
}

ul {
	margin:0 0 18px 30px;
	/*list-style-type: none;*/
	list-style-image: url("../images/bullet.gif");
	list-style-position: outside;
	padding: 0px;
}

ul.nav {
	margin:0 0 18px 30px;
	list-style-type: none;
	list-style-image: url(""); /* seems to need this... */
}


/* ul { list-style-type: disc; list-style-image: url(bullet.gif); ... */

li {}

/* main navigation at top of all pages */
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7eb0cc;
}
.nav a:link {
	color: #c0ae00;
	text-decoration: none;
}
.nav a:visited {
	color: #c0ae00;
	text-decoration: none;	
}
.nav a:hover {
	color: #7eb0cc;
	text-decoration: none;
}
.nav a:active {
	color: #c0ae00;
	text-decoration: none;
}

p.navSelected {
	margin:0 0 0 0;
}

ul.nav {
	margin:0 0 9px 0;
	list-style-type: none;
	list-style-position:inside;
	padding: 0 0 0 9px;
}


.navSelected {
	color: #7eb0cc;
	text-decoration: none;
}

.navSelected a:link {
	color: #7eb0cc;
	text-decoration: none;
}
.navSelected a:visited {
	color: #7eb0cc;
	text-decoration: none;	
}
.navSelected a:hover {
	color: #7eb0cc;
	text-decoration: none;
}
.navSelected a:active {
	color: #7eb0cc;
	text-decoration: none;
}


/* breadcrumbs */
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7eb0cc;
}
.breadcrumbs a:link {
	color: #c0ae00;
	text-decoration: none;
}
.breadcrumbs a:visited {
	color: #c0ae00;
	text-decoration: none;	
}
.breadcrumbs a:hover {
	color: #7eb0cc;
	text-decoration: none;
}
.breadcrumbs a:active {
	color: #c0ae00;
	text-decoration: none;
}

.breadcrumbDivider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c0ae00;
}

/* footer */

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #FFF;
}
.footer a:link {
	color: #FFF;
	text-decoration: none;
}
.footer a:visited {
	color: #FFF;
	text-decoration: none;	
}
.footer a:hover {
	color: #7eb0cc;
	text-decoration: none;
}
.footer a:active {
	color: #FFF;
	text-decoration: none;
}

/* table data */

.required {
	color: #CC0000
}

.cutline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 10px;
	font-style: italic;
}

.cutline a:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 10px;
	font-style: italic;
	color: #00446A;
	text-decoration: none;
}

.cutline a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 10px;
	font-style: italic;
	color: #00446A;
	text-decoration: underline;
}

.cutline a:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 10px;
	font-style: italic;
	color: #00446A;
	text-decoration: none;
}

.cutline a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 10px;
	font-style: italic;
	color: #00446A;
	text-decoration: none;
}

.tableData {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929292;
}

.tableData a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: none;
}

.tableData a:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: none;
}

.tableData a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: underline;
}

.tableData a:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: none;
}

.tableData a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: none;
}

.tableData a:visited:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: underline;
}

.tableData input,select,textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	text-decoration: none;
}

.tableDataHeader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #CCCC99;
}

.tableDataHeader a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #CCCC99;
	text-decoration: none;
}

.tableDataHeader a:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #CCCC99;
	text-decoration: none;
}

.tableDataHeader a:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	color: #FFF;
	background-color: #CCCC99;
	text-decoration: none;
}

.tableDataHeader a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	color: #FFF;
	background-color: #CCCC99;
	text-decoration: none;
}

.tableDataHeader a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00446A;
	color: #FFF;
	background-color: #CCCC99;
	text-decoration: underline;
}

.mGrid 
{
    width: 100%;
    background-color: #fff;
    border: solid 1px #525252;
    border-collapse:collapse;
    clear:both;
}

.mGrid td 
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
    vertical-align: top;
}


.mGrid th
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding: 4px 2px;
    border-left: solid 1px #c1c1c1;
    border-right: solid 1px #c1c1c1;
    border-top: solid 1px #c1c1c1;
}

.mGrid .pgr
{
    background: #424242 url(grd_pgr.png) repeat-x top;
}

.mGrid .pgr table
{
    margin: 5px 0;
}

.mGrid .pgr td
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}

.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}

.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

.mGrid .edit
{
    
}
    
.filterTxt
{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 0px;
    float:left;
}

.filterTxtRgt
{
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    float:left;
}

.normalText
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.topMenu
{
    float: right;
    /*font-weight: bold;*/
}

.dvInput
{
    width: 100%;
    border: 0px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0066FF;
}

tr.myDragClass td {
    color: yellow;
    background-color: black;
}

.rpt-lnks
{
    border: 1px solid #CCCCCC;
    float: right;
    padding: 2px;
    margin-bottom: 5px;
}
    .rpt-lnks h2, .sGrid th
    {
        background-color: #dcdcdc;
        font-size: 1.2em;
        color: #4d2e17;
        text-align:center;
        margin:0;
        padding-top:3px;
    }

.gridCon h1
{
    font-size: 1.3em;
    color: #4d2e17;
    clear: left;
    margin-bottom:10px;
}

.vHead
{
    vertical-align:bottom;
}

.empty {
    color: #C0C0C0;
}

/* Schedule styling 
*************************************************************************/
.sGrid 
{
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    /*background-color: #fff;*/
    /*border: solid 1px #525252;*/
    /*border-collapse:collapse;
    
    width:100%;
    margin-bottom: 0px;*/
    clear: both;
    border-collapse: collapse;
}

td
{
    /*border-style: solid none solid none;*/
    border-width: 1px;
    border-color: #c1c1c1;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px;
    color: #717171;
    vertical-align: top;
}
.sGrid tr
{
    border-style: solid none none none;
    border-width: 1px;
    border-color: #c1c1c1;
    
}

.sGrid th
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    /*padding: 4px 2px;*/
    /*border-left: solid 1px #c1c1c1;
    border-right: solid 1px #c1c1c1;*/
    /*border-top: solid 1px #c1c1c1;
    border-bottom: solid 1px #c1c1c1;*/
    text-align:left;
    vertical-align:bottom;
}

.sGrid td, .sGrid th
{
    padding: 2px;
    line-height:2em;
}

.sGrid tr.hilite:hover, .uirow:hover, .uirow.expanded
{
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #7EB0CC;
    background-color: #D6E7EF;
}

.uirow.expanded
{
    font-weight:bold;
}
.sGrid th a
{
    color:#A18F04;
}
.sGrid th a:hover
{
    color: #7EB0CC;
}
.uirow:hover
{
    cursor:pointer;
}
/*** Popup Styling ***/
.alert
{
    border-style: solid;
    border-width: 1px;
    /*display: none;*/
    width: 250px;
    /*min-height:200px;*/
    text-align: left;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -125px;
    background-color: White;
    vertical-align: top;
    padding: 5px;
    z-index:100;
    position:absolute;
}
.transdiv
{
    width: 100%;
    height:100%;
    position: fixed;
    background-color: #000000;
    filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    opacity: 0.6; 
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}

.popup
{
    border-style: solid;
    border-width: 1px;
    /*display: none;*/
    width: 600px;
    /*min-height:200px;*/
    text-align: left;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    background-color: White;
    vertical-align: top;
    padding: 5px;
    z-index:100;
    position:absolute;
}
    
.popup .cmd
{
    width:100%;
    text-align:right;
    clear:both;
}
    .popup h1
    {
        color: #7EB0CC;
        margin-bottom:0;
    }
    .popup h2
{
    color: #32637C;
}
.sDet, .subrowcontainer
{
    border-collapse:collapse;
    width:100%;
}
    .sDet th
    {
        white-space:nowrap;
        /*min-width:90px;*/
        padding: 0 4px;
        text-align:left;
    }
.sDet th, .sDet td, .sDet tr
{
    border-bottom: 1px solid #DAE7E9;
    vertical-align: top;
}
    .sDet .smint
    {
        width:30px !important;
    }
    .sDet tr, .sDet td
    {
        padding:0;
    }
    .popup input[type=text], .popup textarea
    {
        background-color: #F4F4F4;
        border: 0 none;
        color: #0066FF;
        font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        margin: 0;
        width: 100%;
    }
    .popup textarea, .popup select
    {
        width:100%;
    }
    .sDet input[type=text]
    {
        height:18px;
    }
td.init
{
    width: 20px;
}
#holder
{
    display:none;
}
.subrowcontainer
{
    background-color: #fafafa;
}
.subrow td
{
    /*padding:0;*/
}
.subt, .hst
{
    width: 100%;
    
}
.subt th, .subt td
{
    line-height:normal !important;
}

.hst th, .hst td
{
    background-color: transparent;
    width: 25%;
}
.clear
{
    clear:both;
}
.tright, .tleft {
    width: 49%; 
    display: inline-block; 
}
.tright {
    float:right;
}
.full {
    width:100%;
    clear: both;
}

/* Menu
***********************************************/
.mnu a:link
{
    color:#C0AE00;
    /*border: 1px solid #CCCCCC;*/
        padding: 5px;
        background-color: #F5F5F5;
}

.mnu a:link.sel
{
    font-weight:bold;
    border: 1px solid #CCCCCC !important;
}

.mnu a:hover.sel, .mnu a:hover
{
    color:#7EB0CC;
}

/* subTable
***********************************************/
.subTable
{
    width: 100%;
    background-color: #F7F7F7;
    padding-bottom:5px;
    border-collapse:collapse;
}

    .subTable th
    {
        background-color:transparent;
    }
    .subTable tbody tr:hover
{
    background-color: #EAF2F7;
}
    .subTable td
    {
        vertical-align:middle;
    }
    .subTable td, .subTable tr
    {
        border-color: transparent;
    }
.bolded
{
    font-weight:bold;
}
.italic
{
    font-style:italic;
}
.template
{
    display:none;
}
.delete
{
    cursor:pointer;
}

td.num, th.num
{
    text-align:right !important;
}