/*
Credit: http://www.tooplate.com
*/

body {
    margin: 0px;
    padding: 0px;
    color: #666;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    background-image: url(images/bg-gray2.png);
    background-repeat: no-repeat;
    background-color: #D7D6D4;
    background-size: cover;
    width: auto; /*width added 12-8-14 for tablet sizing*/ /*line-height: 1.7em;
    background-color: #F0FFFF;    
    background-color: #F5F5F5;
    background-color: #858F90;
    background-repeat: repeat-x;
    background-position: top;*/
}

.homepage
{
    background-image: url(images/bg-grayblend.jpg);
    background-repeat:no-repeat;
}
.subpage
{
   
    line-height: 1.7em;
    min-height: 224px; /*height:auto;*/
}
 /*Sets the division section for the page information */
.divbody {margin-left:30px; margin-right:25px; margin-bottom:12px; }

/*Sets the paragraph dimensions*/
.para1 {margin-left: 15px; margin-right:15px; letter-spacing:1pt; font-weight:600; font-size:11pt; font-family:Corbel; min-width:85%; width:85%; text-align:justify; }
.para2 {margin-left: 15px; margin-right:15px; letter-spacing:1pt; font-weight:300; font-size:11pt; font-family:Corbel; min-width:85%; width:85%; text-align:justify; }

p { margin: 5px 5px 10px 5px; padding: 0; }
img { border: none; }

.slideshow
{
    /*background-color: #EAEAEA;*/
    background-repeat: repeat;
    background-image: url('../Menu/images/capturegray.jpg');
    margin-right:2px;
    border:1px solid sandybrown;
}
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 20px 15px; padding: 5px 0; }
h3 { font-size: 24px; margin: 5px 5px 15px; padding: 0; color:DarkGreen; }
h4 { font-size: 18px; margin: 5px 0 15px; padding: 0; font-weight:bold; font-family:Corbel; }
h5 { font-size: 12pt; margin: 0 0 10px; padding: 0; font-weight:bold;  }
h6 { font-size: 11px; margin: 0 0 5px; padding: 0; font-weight:bold; letter-spacing:1px; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.image_cornsilk{color:#FFF8DC;}
.image_black{color:Black; background-color:Purple;}
.image_underline
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #0000FF;
}
.image_wrapper
{
    display: inline-block;
    border: 5px solid #999999;
    background: none;
    margin-bottom: 5px;
}

.image_fl { 
	float: left; 
	margin: 3px 15px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 15px; 
}

#tooplate_wrapper {
	width: auto;
	padding: 0 10px;
	margin: 0 auto;
	min-height:224px;
    /*height:auto;
    height: 224px;*/
}

#tooplate_header {
	width: auto;
	/*height: 87px;*/
}

#site_title { 
	float: left; 
}

#site_title h1
{
    margin: 30px 0 0 0;
    padding: 0;
}

.h1sm
{
    font-weight: bold;
    font-size: 20pt;
    letter-spacing: 2px;
    font-variant: small-caps;
    font-family: 'Trebuchet MS';
    line-height: 36px;
}

.masterlink
{
    color: #800000;
    font-family: Tahoma;
    font-size: 11pt;
    text-decoration: underline;
    font-weight: bold;
    text-transform: capitalize;
    border: 2px double #F7B827;
}

/* MasterHome center picture*/
#tooplate_middle {
	clear: both;
	width: auto;
	height: 600px;
	margin-bottom: 5px;
	float: none;
}

#slider {
	float: none;
	height: 290px; 
	overflow: hidden;
}

/* Main page - MasterPage - MasterHome Pages*/
#tooplate_main
{
    clear: both; 
    width: auto;
    margin-left: -3px;
    padding: 30px 0 10px 0;
    font-family: Corbel;
    background-color: #F9F9FA;
    min-height: 500px;
}

/*Column dividers for Sections */
/*900 used for main section pages*/
.col_w900
{
    border: 2px solid #C0C0C0; 
    width: auto;
    margin-bottom: 4px;
    margin-right:10px;
    min-height:498px;
    background-color: White;

    /*background-color: #ECF5FF;*/
    /*border: 2px solid #3399FF;*/
    /*width: 880px;*/
}
/*230 used for left side panel*/
.col_w230
{
    border: 2px double #619727;
    /*width: 200px;*/
    width:auto;
    min-width:50px;
    max-width:200px;
    margin-bottom: 4px;
    margin-left: 5px;
    min-height: 550px;
    background-color: White;
    padding-left: 5px;
    padding-top: 5px; 
}
.col_w960 { width: auto; margin-bottom: 40px; }
.col_w1060 { width: auto; margin-bottom: 1px; }
.col_w800 { width: auto; margin-bottom: 1px; }
.col_w700 { width: 700px }
.col_w600 { width: 600px }
.col_w500 { width: 500px }
.col_w400 { width: 400px }
.col_w450 { width: 450px; margin-bottom:20px; margin-left:10px; }
.col_w300 { width: 300px }
.col_w200 { width: 110px; }
.col_w100 { width: 100px; }
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_last { margin: 0 }
.col_w960_last { margin: 0; background: none; }
.col_w1060_last { width: auto; margin-bottom: 1px; background: url('images/bg-teal_full.png'); }

.col_logo { width:auto}
.col_imgHome { width:auto}

/*Used for right side column*/
.embed-container {position: relative; padding-bottom: 80%; max-width: 99%; height:30px; border:1 solid green; background:white;} 
/*.embed-container iframe, .embed-container object, 
.embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -40px;}
table caption {
text-align:right;
font-weight:bold;
}
/* Used for result set*/
.col_aw100
{
    width: auto;
    border: 1.5px solid gray;
    background: #B3D28D;
    min-width:25px;
    max-width:185px;
    padding-right:3px;
    margin-right:5px;
}
.col_aw200 { width: auto; border: 1.5px solid gray; overflow-x:scroll; overflow-y:hidden; margin-right:5px; }
.col_bw200 { width: auto; border: 1.5px solid gray; overflow:scroll; margin-right:5px; }
.col_cw200 { width: 200px; float:right; background:#B3D28D;  }
.col_aw800 { width: 800px; background:white; }
.col_aw1060 { width: 1500px; margin-bottom: 1px; }
.col_aw800 { width: 800px; height:100px; margin-bottom: 1px; border:2px solid green; }


.float_l { float: left; height: 583px;}
.float_r { float: right }

/* Master Home */
.wwd_box { clear: both; margin-bottom: 20px; }
.wwd_box img { float: left; width: 80px; margin-right: 30px }
.wwd_box h3 { font-size: 16px; margin-bottom: 0 }
.wwd_box h3 a { color: #0e4369; font-size: 16px; font-weight: normal }
.wwd_box p { margin-bottom: 30px; }

/* Styles to set the menu width when application is opened */
.scr_wide { margin-left:4px; margin-top:-10px; }
.scr_narrow { margin-left:-10px; margin-top:-10px; }
#tooplate_cr
{
    /*width: 960px;*/
    width: auto;
    margin: 25px auto;
    padding: 15px 0;
    color: #333333; 
    font-family:Calibri;
    font-size:10pt;
    font-weight:800;
    text-align:center; 
    letter-spacing:1pt; 
}

#tooplate_cr a { 
	color: #5fa008; 
	font-weight: normal; 
}

/*Bullet list - hide bullet*/
.bullet-list { list-style: none; padding: 0; margin: 0;}
.listitems li { padding-bottom: 13px; }

/* Pages top section */
.pgTopSection
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 3px;
    border-bottom-width: 2px;
    border-left-width: 3px;
    border-right-color: #5FA109;
    border-bottom-color: #5FA109;
    border-left-color: #99CCFF;
    margin-right: -95px;
    margin-bottom: 10px;
    margin-top: -20px;
    width: 790px;
}

/* Background for Panel pages */
.panelbkgrnd
{
    /*border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #808080;*/
    background-color: #FFFFFF;
    margin-top:33px;
    /*margin-left:-85px;*/
    /*-25px works for Well menu section*/
    margin-left:-0px;
    margin-right:-35px;
}


/* Watermark */
.watermarked
{
    padding: 2px 0 0 2px;
    color: #99CCFF;
    font-family: 'Times Bookman Old Style';
    font-size: pt;
    font-style: normal;
}

/* Title small caps */
.smtitle
{
    font-variant: small-caps;
    letter-spacing: 1px;
}

/*Please wait to load spreadsheets*/
.PleaseWait
{
	height: 32px;
	width: 500px;
	background-image: url(images/PleaseWait.gif);
	background-repeat: no-repeat;
	padding-left: 75px;
	line-height: 32px;
	padding-bottom: 15px;
}

#progressBackgroundFilter
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

#processMessage
{
	position: fixed;
	top: 50%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	font-weight:bold;
}
/*End loading*/

.radbutton
{
    margin-left: 104px;
}
.radbutton label
{
   margin-left: 4px;
}

/*Repeater styles for Panel page*/

.RepeaterClass td, th
{
    padding-left: 10px;
    padding-right: 4px;
    font-family: Verdana;
    font-size: 9pt;
    line-height: 12pt;
}

.RepeaterClass a.visited, a
{
    color: #0066CC;
}

/*Gridview styles */
.GridViewClass
{
    border: 1px solid #666666;
}
    /*For Cells/Rows*/
.GridViewClass td
{
    padding-left: 6px;
    padding-right: 4px;
    padding-bottom: 1px !important;
    padding-top: 2px;
    font-family: Calibri;
    font-size: 8pt;
    vertical-align: top;
    line-height: 12pt;
    background-color:White;
}
    /*For the Header*/
.GridViewClass th
{
    background-color: #B2D3F5;
    color: #000000;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-color: #000000 #999999 #008000 #999999;
    padding-left: 6px;
    padding-right: 4px;
    font-family: Calibri;
    font-size: 8pt;
    line-height: 12pt;
    font-weight: bold;
    letter-spacing: 1px;
}

.GridViewClass tr th a.visited, .GridViewClass tr th a 
{
    color:Black;
}

.GVFixedHeader
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #000000 #999999 #008000 #999999; 
    background: #B2D3F5;
    color: Black;
    letter-spacing: 1px;
    position: relative;
    top: expression(this.offsetParent.scrollTop); /*font-family: 'Comic Sans MS';
    font-size: 4pt;*/
}

.GridAlternateRows
{
    background-color: MintCream;
}

.GridHeader
{
    /*background-color: #B2D3F5;*/
    background-color: #B2D3F5;
    color: #000000;
    letter-spacing: 1px;
}

.GridSortAsc
{
    background-position: left top;
    background-color: #FFCCCC;
    background-image: url('images/arrowup.png');
    background-repeat: no-repeat;
}

.GridSortDesc
{
    background-position: right bottom;
    background-color: #FFCCCC;
    background-image: url('images/arrowdown1.png');
    background-repeat: no-repeat;
}

/*Gridview styles for Build Your Own Query*/
.GridVwClass
{
    border: 1.5px solid #666666;
}
    /*For Cells/Rows*/
.GridVwClass td
{
    padding-left: 6px;
    padding-right: 4px;
    padding-bottom: 1px !important;
    padding-top: 2px;
    font-family: Calibri;
    font-size: 8pt;
    vertical-align: top;
}
    /*For the Header*/
.GridVwClass th
{
    border-style: solid;
    border-width: 1px 2px 2px 2px;
    border-color: #000000 #999999 #008000 #999999;
    padding-left: 6px;
    padding-right: 4px;
    font-family: Calibri;
    font-size: 8pt;
    font-weight:bold;
    background-color: #B2D3F5;
    color: #000000;
    letter-spacing: 1px;
}

.GvAlternateRows
{
    background-color: MintCream;
    padding-left: 6px;
    padding-right: 4px;
    padding-bottom: 1px !important;
    padding-top: 2px;
    font-family: Calibri;
    font-size: 8pt;
    vertical-align: top;
}
/*********************/


/*Gridview inside scrollable box */
/*Put Gridview inside<div id=Scroll></div>*/
div#scroll  
{
    border: 1px solid #C0C0C0;
    background-color: #F0F0F0;
    width: 750px; 
    height: 550px; 
    overflow: scroll; 
    position: relative;
    left: 39px;
    top: 13px;
}
 /*Table cell borders*/
 .TableBorders 
{
    border-style: solid;
    border-width: 1px;
    border-color: Black;
}
.Table1 {margin-left: 3px; margin-right:5px; letter-spacing:1pt; min-width:15%; width:98%; text-align:justify; }

/*Collapsible panel*/
.cpCompHeader
{
	color: white;
	background-color: #719DDB;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 50%;
	height: 18px;
	padding: 4px;
}
.cpCompBody
{
	/*background-color: #DCE4F9;*/
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
	
}
.cpDataHeader
{
    color: white;
    background-color: #539249;
    font: bold 11px auto "Trebuchet MS" , Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 50%;
    height: 18px;
    padding: 4px;
}
.cpDepotBody
{
	background-color: #FFE7CE;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
.cpAddHeader
{
	color: #000000;
	background-color: #CC99FF;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 20%;
	height: 18px;
	padding: 4px;
}
.cpAddBody
{
	background-color: #F9F0FF;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
.cpPaintHeader
{
	color: #663300;
	background-color: #00CC99;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 50%;
	height: 18px;
	padding: 4px;
}
.cpPaintBody
{
	background-color: #99FFCC;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
/*End collapsible panel*/

/* Locks table header - Not used at this time */
div#divdatagrid1 th {
    /*text-align: center;*/
    background-color:Aqua;
    color: white;
    position:relative;
    cursor: default;
    expression(document.getElementById("divdatagrid1").scrollTop-2); /*IE5+ only*/
    z-index: 10;
} 
/*End Gridview styles*/

/*Google maps styles*/
#map_canvas  
    {
    width:450px; 
    height:470px;
    border: 2px solid #660000;
    }   
/*End Google maps styles*/ 

/*MapQuest styles*/
/*Set the width of the custom InfoWindow and the font for its contents.*/ 
.mqabasicwnd
{
    font: 10px arial, helvetica, sans-serif;
    width: 300px !important;
}

/*End MapQuest styles*/

/*Treeview styles*/
.treeView
{ 
    /*border: 1px dashed SandyBrown; 
    background-color: #FEFEFF; */
    text-transform:capitalize;
    color:Fuchsia;
    font-family:Elephant;
}

.treeView img
{
    width: 17px;
    height: 15px;
}

.HideRoot
{
    display:none;    
}

/*Tabcontainer styles*/
.BackColorTab
{
    font-family: Verdana, Arial, Courier New;
    font-size: 10px;
    color: Gray;
    background-color: Silver;
}

/*********************************************************************************/
/* Tab Panel */
/*********************************************************************************/
.tabPanels
{
    margin-left: 3px; 
    margin-top: 24px; 
    margin-bottom:8px;
    margin-right:3px;
    width:auto;
    min-width:150px;
}

/*.Tab
{
    margin-left: 3px; 
    margin-right:3px;
    margin-top: 3px; 
    margin-bottom:8px;
    width:auto;
    min-width:150px;
    background-color:White;
}
*/
/*Header */
.MyTabStyle .ajax__tab_header{
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}

/*Body*/
.Tab .ajax__tab_body
{
    border: 3px solid #b4cbdf;
    padding-top: 0px;
    background-color:white;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background: url("images/tab_active.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    background: url("images/tab_left_active.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_active .ajax__tab_outer
{
    background: url("images/tab_right_active.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}

/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #FFFFFF;
    background: url("images/tab_hover.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}

.Tab .ajax__tab_hover .ajax__tab_inner
{
    background: url("images/tab_left_hover.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_hover .ajax__tab_outer
{
    background: url("images/tab_right_hover.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}

/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background: url("images/tab_Inactive.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}

.Tab .ajax__tab_inner
{
    background: url("images/tab_left_inactive.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_outer
{
    background: url("images/tab_right_inactive.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}
/* End Tab Panel styles*/


.modalBackground
{
    /*background-color: #FFFFCC;
    background-color: #CCCCCC;*/
    filter: alpha(opacity=50);
    opacity: 0.7;
    background-color: #FFFF00;
}

.modalPopup
{
    /*10-1-2018 Revised for validation popup boxes*/
    background-color:white;
    color:Black; 
    font-family:Candara; 
    font-weight:bold; 
    font-size:11pt; 
    text-align: center; 
    max-height:530px; 
    min-height:175px; 
    min-width:200px;
    width: 380px; 
    overflow:auto; 
}


/* menu */
/*#tooplate_menu
{
    clear: both;
    width: auto;
}

#tooplate_menu ul li a:hover
{
    /* Defines the look of the dropdown menu items 
    height: 20px;
    color: white;
    letter-spacing: 1px;
    padding: 3px -3px 10px 2px; 
    font-weight:bold;
}
*/

/*
a.more { 
	clear: both; 
	display: block; 
	width: 103px; 
	height: 30px; 
	line-height: 30px; 
	text-align: center; 
	color: #000; 
	font-weight: bold; 
	background: url(images/tooplate_button.png); 
	margin-top: -15px;
}

a.more:hover { 
	text-decoration: none; 
	color: #fff; 
}
a span {
    display: inline-block;
}
*/