with clear:all to work! */
.left
{
float: left;
margin-left: 10px;
margin-bottom: 0;
}
.center
{
margin: auto;
}
.right
{
float: right;
margin-right: 10px;
}
/* END elements MUST BE inside a
with clear:all to work! */
.accdHeader
{
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
color: #000080;
margin-left:10px;
margin-bottom: 0px;
}
.accdDetail
{
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
color: #BE540D;
margin-left:10px;
margin-bottom: 0px;
}
/* End for Accordion pages */btn
/* START button roll over */
/* END My Help File */
.btn
{
border-style :solid;
color: #E4B953;
background-color: #BE530D;
font-weight:bold;
}
/* INPUT FORMS */
.width70percent
{
width: 70%;
}
.watermarked
{
color: Red;
font-style: italic;
}
/* FORM formPanel attributes */
.formPanel label
{
float: left;
display: block;
width: 150px;
text-align: right;
padding: 3px;
}
.formPanel select
{
float: left;
width: 150px;
text-align: left;
padding: 3px;
}
.formPanel
{
padding: 5px;
width: 95%;
}
.formPanelwHt
{
padding: 5px;
width: 95%;
height: 50px;
}
.formPanelwHt label
{
float: left;
display: block;
width: 150px;
text-align: right;
padding: 3px;
}
.formPanelwHt select
{
float: left;
width: 150px;
text-align: left;
padding: 3px;
}
.formPanelCheckBox
{
width: 60px;
display: inline-block;
}
/* END FORM panel attributes */
fieldset
{
padding: 5px;
font-size:14px;
}
fieldset input
{
font:Arial;
}
fieldset div
{
overflow: hidden; /* contain the floating elements */
display: inline-block; /*give layout in ie to contain float */
}
fieldset div {display:block;} /*reset element back to block leaving layout in ie */
fieldset legend
{
color: #1F536D; /*94A7B8;*/
height:1.5em;
padding:1px;
font-weight: bold;
}
fieldset label
{
float: left;
width: 200px;
text-align: right;
padding: 3px;
}
fieldset label.medWidth
{
float: left;
padding: 3px;
width: 80px;
}
fieldset label.smallWidth
{
float: left;
padding: 3px;
width: 20px;
}
fieldset label.wide
{
float: left;
width: 380px;
text-align: right;
padding: 3px;
}
fieldset label.wider
{
float: left;
width: 440px;
text-align: right;
padding: 3px;
}
fieldset label.extraWide
{
float: left;
width: 580px;
text-align: left;
padding: 3px;
}
fieldset label.small
{
float: left;
width: 100px;
text-align: right;
padding: 3px;
}
fieldset label.question
{
float: left;
width: 600px;
text-align: right;
padding: 3px;
}
fieldset .radioButtonList /* sets the width of the table that holds the radio buttons and labels */
{
width: 140px;
}
.radioButtonList input
{
width: 15px;
}
.radioButtonList label
{
width: 25px;
}
fieldset input.medium
{
float: left;
width: 75px;
text-align: left;
padding: 3px;
}
fieldset input.smaller /* 4 character width and checkboxes */
{
float: left;
width: 35px;
text-align: left;
padding: 3px;
margin: 0 6px 0 0px;
}
fieldset input.smallest /* 3 character width */
{
float: left;
width: 28px;
text-align: left;
padding: 3px;
margin: 0 6px 0 0px;
}
fieldset input, textarea, Calendar
{
float: left;
width: 180px;
text-align: left;
padding: 3px;
font-family:arial;
}
fieldset textarea.wide
{
float: left;
width: 750px;
text-align: left;
padding: 3px;
}
fieldset .widest
{
float: left;
width: 700px;
text-align: left;
padding: 3px;
}
fieldset select
{
float: left;
text-align: left;
padding: 3px;
width: 80px;
}
fieldset select.small
{
float: left;
width: 50px;
text-align: left;
padding: 3px;
}
fieldset select.smallest
{
float: left;
width: 25px;
text-align: left;
padding: 3px;
}
fieldset select.medium
{
float: left;
width: 190px;
text-align: left;
padding: 3px;
}
fieldset select.wide
{
float: left;
width: 300px;
text-align: left;
padding: 3px;
}
/* END FORMS STLYE */
table
{
border-color: #E9E9E6;
border-width: 1px 1px 1px 1px;
border-style: solid;
}
td
{
border-color: #E9E9E6;
border-width: 1px 1px 1px 1px;
border-style: solid;
margin: 0;
padding: 4px;
}
.noBorder
{
border: none;
border-collapse: collapse;
}
/* MK- nested Searches and form buttons */
.formbtn{
border:none;
color: #000;
border: 2px solid #E9E9E6;
background-color: #F1F1EE;
}
.bluebtn{
border:none;
padding:3px;
width:80px;
background-image:url('../Images/grad_dkblue_bnr.gif');
color:#fff;
border: 1px solid #61615F;
}
.bluebtn:hover
{
border:1px solid #fff;
color:#ede4c4;
}
.bluebtn150{
border:none;
padding:3px;
width:150px;
background-image:url('../Images/grad_dkblue_bnr.gif');
color:#fff;
border: 1px solid #61615F;
}
.bluebtn150:hover
{
border:1px solid #fff;
color:#ede4c4;
}
.formbtn a:hover
{
border:2px;
}
div.grids table
{
background-color:#cccccc;
font-size:9px;
font-family:Arial;
}
/*http://csharpdotnetfreak.blogspot.com/2009/04/highlight-gridview-mouseover-javascript.html*/
.normal
{
background-color:#94A7B8;
}
.highlight
{
background-color:#E0E0D6;
}
span.caption{
font-weight:bold;
font-size:14px;
color:#686B6D;
}
/* grdSearch - Nested CSS group for gridviews */
div.grdSearch{border:none;font-size:11px;color:#000;padding:5px;}
div.grdSearch a{color:#EDE4c4;text-decoration:none;}
div.grdSearch a:hover{color:#B45303;cursor:hand;}/*B45303 C2CDD6*/
div.grdSearch table tr td a{color:#546A7D;text-decoration:none;}
div.grdSearch table{border-style: none; width: 583px;padding:0;}
div.grdSearch table tr th table tr td{ }
div.grdSearch table tr{border:none;}/*border-bottom:1px solid #FFDE7A;}*/
div.grdSearch table tr td{height:10px;overflow:visible;vertical-align:top;border:none;padding-right:7px;}/*border-bottom: solid 1px #94A7B8;*/
div.grdSearch div table tr td div table tr{border:none;}
div.grdSearch table.list tr td{border:none;}
div.grdSearch table tr td.caption{font-weight:bold;font-size:10px;color:#686B6D;}
div.grdSearch table tfoot tr td,div.grdSearch table thead tr td,div.grdSearch table th{
vertical-align:middle;
padding:1px;
background-color:#5c7995;/*DCE3E5;*/
color:#fff;/*#3D4D51;*/
font-family:Trebuchet MS;
font-size:12px;
font-weight:bold;
border:none;
/* text-align:center;*/
height:25px;
}
/*div.grdSearch table th{background-color:#94A7B8;padding:5px;vertical-align:middle;border:1px solid #000;}*/
div.grdSearch div div table tr td table {width:8%;}/*specific formatting for pager row */
div.grdSearch table td table thead tr td,div.grdSearch table td table th{
font-size:9px;
font-style:italic;
height:10px;
background-color:#5c7995;
}
.dialog{
padding:30px;
position:absolute;
top:840px;
left:325px;
width:220px;
height:75px;
border:2px solid #000;
z-index:99999;
background-color:#FDFDF8;
font-size:14px;
font-family:Arial;
display:none;
}
div.divDetails
{
border:#b69e53 1px solid;
/* background-image:url('../Images/popupBkGrnd.gif'); */
background-color:#F6F7F8;
display:none;
margin-top:-10px;
margin-left:25px;
Z-INDEX:999;
position:absolute;
padding:3px;
padding-top:8px;
/* filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity: 0.990; */
width:600px;
height:auto;
}
.title{
font-weight:bold;
background-color:transparent;
}
div.divDetails span
{
font-weight:normal;
}
div.divDetail table{
width:100%;
}
.buttonbkgrnd
{
background-color:#E6AC00;
color:#993300;
font-family:Trebuchet MS;
font-size:12px;
font-weight:bold;
border:none;
border-bottom:2px solid #993300;
padding:3 5 3 5;
}
.formbutton
{
background-color:#DCE3E5;
color:#3D4D51;
font-family:Arial;
font-size:12px;
font-weight:bold;
border:1px solid #fff;
padding:3 5 3 5;
margin:3px;
}
.formbutton a:hover
{
color:#FF3300;
}
.progress{
position:absolute;top:10;left:100;width:100px;height:100px;background-color:#cccccc;
/*filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity: 0.665;*/
}
.messageBrite
{
font-family: Trebuchet MS;
font-size: 12px;
font-weight:bold;
font-style: italic;
color: #FF0000;
margin-left:10px;
margin-bottom: 0px;
text-align:right;
width:600px;
}
.message
{
font-family: Trebuchet MS;
font-size: 12px;
font-weight:bold;
font-style: italic;
color: #B04440;
margin-left:10px;
margin-bottom: 0px;
text-align:right;
width:600px;
}
.messageMedium
{
font-family: Trebuchet MS;
font-size: 16px;
font-weight:bold;
font-style: italic;
color: #B04440;
}
.messageLarge
{
font-family: Trebuchet MS;
font-size: 16px;
font-weight:bold;
color: #B04440;
}
.alert
{
font-family: Trebuchet MS;
font-size: 12px;
font-weight:bold;
color: #B04440;
margin-left:auto;
margin-right: auto;
margin-bottom: 0px;
text-align:center;
width:700px;
}
.RedHeadingMedium
{
font-family: Trebuchet MS;
font-size: 16px;
font-weight:bold;
font-style: italic;
color: #fc0303;
}
.label14px
{
font-size:14px;
font-weight:bold;
padding-bottom:2px;
}
.example
{
font-family: Trebuchet MS;
font-size: 10px;
font-style: italic;
color: #B45303;
margin-left:0px;
margin-bottom: 0px;
text-align:Left;
}
.whiteBG
{
background-color:#fff;
}
.MyCalendar .ajax__calendar_container {
background-color:#fff;
width:230px;
border:2px solid #efefef;
}
.MyCalendar .ajax__calendar_header
{
font-size:10px;
background-color:#fff;
height:auto;
}
.MyCalendar .ajax__calendar_body
{
width:300px;
height:160px;
background-color:#fff;
}
/* .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer.
.ajax__calendar_header : A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next.
.ajax__calendar_prev : An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none.
.ajax__calendar_title : An element that displays the title of the current view (month name, year, decade). Child Css classes: none.
.ajax__calendar_next : An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none.
.ajax__calendar_body : A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years.
.ajax__calendar_days : A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day
.ajax__calendar_dayname : An element that displays the short name of the day of the week. Child Css classes: none.
.ajax__calendar_day : An element that displays the day of the month. Child Css classes: none
.ajax__calendar_months : A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month.
.ajax__calendar_month : An element that displays the month of the year. Child Css classes: none
.ajax__calendar_years : A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year.
.ajax__calendar_year : An element that displays the year in a decade. Child Css classes: none
.ajax__calendar_footer : A container element that holds the current date. Child Css classes: .ajax__calendar_today.
.ajax__calendar_today : An element that displays the current date. Child Css classes: none.
.ajax__calendar_hover : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year
.ajax__calendar_active : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year.
.ajax__calendar_other : This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year.
*
.CustomTabStyle .ajax__tab_header {
font-family:verdana,tahoma,helvetica;
font-size:11px;
background:url(images/tab-line.gif) repeat-x bottom;
}Tabs Css classes
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
#__tab_ctl00_MasterContent_tabContainer_tabResults .ajax_tab_outer,.ajax_tab_inner { border:none;}
.TabStyle .ajax_tab_outer {border:2px solid #efefef;}
.TabStyle .ajax_tab_inner {border:2px solid #ececec;}
div.tracker
{
background-color:#fff;
background-image:url('../Images/goldBK.gif');
background-repeat:repeat-x;
border:none;
vertical-align:top;
font-size:12px;
font-family:arial;
}
div.tracker a
{
font-family:arial;
}
div.tracker div table
{
padding:0;
background-color:#fff;
}
div.tracker table td.form
{
background-color:#DBD1B0;
}
div.tracker div table th, div.tracker div table thead
{
background-color:#F0E6C0;
height:25px;
text-align:center;
font-weight:bold;
font-size:12px;
}
div.tracker div table tr td
{
border:none;
vertical-align:top;
}
*/
.S1P1{
width:250px;}
div.Home
{
background-color:#fff;
background-image:url('../Images/goldBK.gif');
background-repeat:repeat-x;
border:none;
vertical-align:top;
font-family:arial;
}
div.Home a
{
font-family:arial;
}
div.Home div table
{
/*border:1px solid #aba99e;*/
padding:0;
background-color:#fff;
}
div.Home div table tr td
{
border-bottom:#EDE4c4 solid 1px;
vertical-align:top;
}
div.Home div.none div table th,div.Home div.none div table thead
{
background-color:#fff;
border-top:none;
border-left:none;
border-right:none;
border-collapse:collapse;
border-bottom:#F0E6C0;
}
div.Home div table th, div.Home div table thead
{
background-color:#F0E6C0;
height:25px;
text-align:center;
font-weight:bold;
font-size:12px;
}
div.Home div table.header th, div.Home div table.header thead
{
background-image:url('../Images/greenBK.gif');
background-repeat:repeat-x;
padding:0;
border:1px solid #fff;
font-size:14px;
font-weight:bold;
color:#093367;
height:20px;
}
div.Home div table.headeralt th, div.Home div table.headeralt thead
{
/* background-color:#85A543;*/
background-image:url('../Images/rustBK.gif');
background-repeat:repeat-x;
padding:0;
border:1px solid #fff;
font-size:12px;
font-weight:bold;
color:#fff;
height:10px;
vertical-align:top;
}
div.Home div table tr.bk, div.bk
{
background-color:#f1f8e7;
background-image:url('../Images/arrabk.gif');
background-position:right;
background-repeat:no-repeat;
border:1px #efefef solid;
min-height:500px;
vertical-align:top;
}
div.Home table tr td
{
border:none;
}
.altbutton
{
background-color:#F0E6C0;
border:1px solid #99927A;
color:#093367;
text-decoration: none;
}
.altColumn
{
background-color:#ede4c4;
}
.altColumnBold
{
background-color:#ede4c4;
font-weight:bold;
}
.rustbtn
{
background-color:#A58E6e;
background-image: url('../Images/rustbk.gif');
border:1px solid #6a6d64;
color:#fDF9Ed;
padding:5px;
text-decoration: none;
}
.greenBtn
{
background-color:#fff;
text-decoration: none;
border:none;
padding:3px;
background-image: url('../Images/greenbk.gif');
color:#fff;
border: 1px solid #61615F;
}
.formLabel /* for labels to align right in form */
{
float: left;
display: block;
width: 30%;
text-align: right;
margin-right: 3px;
vertical-align: bottom;
}
.formLabelWide /* for labels to align right in form */
{
float: left;
display: block;
width: 70%;
text-align: right;
margin-right: 3px;
vertical-align: bottom;
}
.formTextbox /* for textboxes after formLabels */
{
width: 65%;
vertical-align: bottom;
}
.formTextboxRequired /* for textboxes after formLabels */
{
width: 69%;
vertical-align: bottom;
border: 2px inset red;
}
.formTextboxWatermarkGrey
{
color:Gray;
font-style: italic;
width: 69%;
vertical-align: bottom;
}
/* MAP */
.map1280
{
width: 830px;
height: 550px;
z-index:-1;
}
.map1024
{
width: 664px;
height: 440px;
z-index:-1;
}
.map800
{
width: 514px;
height: 344px;
z-index:-1;
}
.NestedHeader
{
font-size: 12px; padding: 20px; height: 80px;width:97%; border:1px solid #6a6d6a;color:#fff;background-color:#5c7995;
}
/* Add K5Notification class */
.width100px
{
max-width: 124px;
width: 124px; /* for IE */
margin-top: 20px;
}
.cmpValdDates
{
font-size:small;
font-weight:bold;
width: 249px;
}
/* End of K5Notifications */
/* Layout for Gridview pages */
.gvNotifications
{
color: white;
page-break-inside: auto;
height: inherit;
border:none;
}
.gvHeader
{
font-size: smaller;
left:auto;
vertical-align: bottom;
/*color: #025781;*/
/*color: Lime;*/
/* text-decoration: underline; */
}
/* layout for gridview Item Style */
.gvMiddle
{
/* font-size: smaller;*/
left:auto;
vertical-align: middle;
height:auto;
overflow:scroll;
vertical-align:top;
}
/* End for Gridview pages */
.formContainer
{
width: 100%; background-color: #fff; padding: 5px; font-size: 11px;
font-weight: bold; color: #8B5024; display: inline-block; overflow: hidden;
}
.formPopUp
{
padding: 20px; width: 400px; background-color: #fff;
border: 2px solid #000; z-index: 999999; position: absolute; top: 250px; left: 400px;
}
.inProgress
{
padding: 10px; width: 400px;
height: 50px; background-color: #fff; border: 1px solid #000; z-index:99999;
position: absolute; top: 250px; left: 300px; filter: alpha(opacity=85); -moz-opacity: 0.85;
opacity: 0.890;
}
.inProgressStatic
{ position :relative;
padding: 10px; width: 400px;
color:#cf803f;
font-weight:bold;
font-size:16px;
font-family:Calibri;
background-color: #fff;
border: 0px;
display: table;
}
.divLeft
{
width: 49%; padding: 3px; float: left; background-color: #fff; margin-top: 5px; vertical-align: top;position:relative;
}
.divRight
{
width: 49%; padding: 3px; float: right; background-color: #fff; overflow:auto;position:relative;margin-top: 5px; vertical-align: top;
}
.pnlForm
{
font-size: 10px; padding: 3px; background-color: #FDFDF8;width:98%;border:none;height:auto;
}
.lblLeft
{
text-align: left;
}
.todo
{
font-size: 10px;
color: #000;
}
.subHead
{
font-size: 10px;
background-color: #6A8791;
color: #fff;
}
.FreezePaneOff
{
visibility: hidden;
display: none;
position: absolute;
top: -100px;
left: -100px;
}
.FreezePaneOn
{
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
display: block;
width: 100%;
height: 100%;
z-index: 999;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
padding-top: 20%;
}
.InnerFreezePane
{
text-align: center;
width: 50px;
background-color: #fff;
color: #000;
font-size: large;
border: solid 1px #878787;
padding: 9px;
z-index: 999;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
}
.errorPanel
{
margin-left: 200px;
width: 500px;
}