/* Common Styles */
BODY
{
    font-family: 'trebuchet ms';
    margin: 20px 60px;
    background-image: url(images/body_bg.gif);
    font-size: 12px;
}
hr
{
    width: 95%;
    height: 1px;
    background-color: #333;
    border: 0px;
    color: #333;
    text-align: center;
}
.DashedLine
{
    width: 95%;
    height: 2px;
    border: 2px dashed #C0C0C0;
    text-align: center;
}
.SmallGrayText
{
    font-size: 9px;
    color: Gray;
    font-style: italic;
}
.RedText {
    color: Red;
    font-weight: bold;
}
.ListSearchExtenderPrompt
{
    font-size: 8pt;
    color: Silver;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}
.WaterMark
{
    font-size: 8pt;
    color: Gray;
    font-style: italic;
    font-family:  Arial, Helvetica, Sans-Serif;
    padding: 4px 4px 4px 4px;
    border: solid 1px black;
    height: 15px;
}

a:link, a:visited
{
    font-size: 11px;
    color: black;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
    background-color: Transparent;
}
.DropDownList
{
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    height: 23px;
    border: solid 1px #333;
    width: 150px;
}
.DashBoardBackground
{
    background-color: #eee;
    border: solid 2px #333;
    padding: 15px 3px 5px 3px;
}
.RadioButtonList
{
    font-size: 10px;
}
.SubHead
{
    font-size: 12px;
    color: #333;
}
.StandardImageButton{
    margin: 0px 1px 0px 1px;
}

.StandardImage
{
    padding: 5px 5px 5px 5px;
    border: 1px solid #333;
}
.StandardButton
{
    border: solid 1px #333;
    padding: 4px 4px 4px 4px;
    background-color: #f1f5fa;
    font-size: 11px;
    font-weight: bold;
}
.StandardTable
{
    border: solid 1px #333;
    padding: 3px 3px 3px 3px;
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
    border-collapse: collapse;
    background-color: White;
}
.LinkButton
{
    padding: 3px 3px 3px 3px;
    font-size: 11px;
    font-weight: bold;
    color: Orange;
}
.LinkButton:hover
{
    text-decoration: underline;
}
.ModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopup
{
    background-color: White;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    padding: 4px;
    z-index: 500;
}
/* TextBox Styles */
.TextBox
{
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    font-size: 11px;
    border: solid 1px #333;
    width: 200px;
}
.SearchTextBox
{
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    font-size: 11px;
    border: solid 1px #333;
    width: 125px;
}
/* Panel Styles */
.PanelHeader
{
    border: solid 1px #333;
    border-bottom: none;
    padding: 4px 4px 4px 4px;
    background-color: #a9b2c2;
    font-weight: bold;
    font-size: 15px;
}
.MenuPanel {
    border-left: solid 1px #333;
    padding: 4px 4px 4px 4px;
    background-color: #a9b2c2;
}
.SearchIconPanel{
    border-right: solid 1px #333;
    padding: 4px 4px 4px 4px;
    background-color: #a9b2c2;
}
.SearchPanel{
    border: solid 1px #333;
    padding: 4px 4px 4px 4px;
    background-color: #f1f5fa;
}
.ContentPanel {
    background-color: White;
    border: solid 1px #333;
    border-top: none;
}
.FooterPanel {
    border: solid 1px #333;
    border-top: none;
    font-size: 11px;
    color: fff;
    padding: 4px 4px 4px 4px;
    background-color: #a9b2c2;
}

/* Table Styles */
.SimpleTable{
    border: solid 1px black;
    padding: 3px 3px 3px 3px;    
}

.InvisibleTable
{
    border: none;
}
.InvisibleTable th
{
    font-size: 12px;
}
.InvisibleTable td
{
    border: none;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    font-size: 10px;
}
.WorkOrderDetailsTable
{
    border: solid 1px #333;
    border-bottom: none;
    font-size: 11px;
    border-collapse: collapse;
    background-color: #fff;
}
.WorkOrderDetailsTable th
{
    font-size: 13px;
    background-color: #f1f5fa;
    border: solid 1px #333;
    padding: 5px 5px 5px 5px;
}
.WorkOrderDetailsTable td
{
    vertical-align: top;
    padding: 3px 3px 3px 3px;
}

.SiteInfoTable
{
    border: solid 1px #333;
    padding: 0px 0px 0px 0px;
    background-color: White;
    font-size: 11px;
    border-collapse: collapse;
}
.SiteInfoTable td {
    padding: 2px 5px 2px 5px;
}

.SimpleTable
{
    font-size: 10px;
    border-collapse: collapse;
}
.SpacerTable /* this is the class used between the Work Order Details and the Activities*/
{
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    padding: 5px 5px 5px 5px;
    border-collapse: collapse;
}
.MapInfoTable{ /* this is the class used for the window on the map */
    border: none;
    border-collapse: collapse;
}
.MapInfoTable th {
    font-size: 13px;
    background-color: #f1f5fa
}
.MapInfoTable td {
    font-size: 11px;
    padding: 2px 2px 2px 2px;
}
/* GridView Styles */
.GridView
{
    font-family: Tahoma;
    font-size: 11px;
    border: solid 1px #333;
    background-color: #fff;
    padding: 4px;
}
.GridView tr.header, .GridView td.header
{
    background: url(images/blue_hd_bg.png) repeat-x;
    cursor: pointer;
    text-align: left;
    line-height: 15px;
    padding: 2px 4px 2px 4px;
    height: 15px;
 
    padding: 5px 5px 5px 5px;
}

.GridView td
{
    padding: 3px 5px 3px 5px;
}
.GridView tr
{
    color: #222;
    text-align: left;
    padding: 2px 5px 2px 5px;
    
    background-color: #fff;
    cursor: pointer;
    height: 17px;
}
.GridView tr.alternate
{
    background-color: #f1f5fa;
}

.GridView tr:hover
{
    background-color: #a9b2c2;
    cursor: pointer;
}
.GridView tr.selected
{
    background-color: #a9b2c2;
}
.GridView tr.pager, .GridView tr.pager:hover, .GridView td.pager.hover
{
    background-color: white;
}
.updated
{
    background-color: Yellow;
}
.GridViewRowHighlight
{
    background-color: Yellow;
}


/* DetailsView Styles */
.DetailsView
{
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    background-color: White;
}
.DetailsView .header
{
    background: url(images/blue_hd_bg.png) repeat-x;
    text-align: center;
    line-height: 15px;
    padding: 0px 4px;
    height: 15px;
    border: solid 1px #9e9e9e;
    color: #333;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}
.DetailsViewFieldHeader
{
    text-align: right;
    font-weight: bold;
    margin: 0px 2px 0px 0px;
}
.DetailsView td
{
    padding: 2px 5px 2px 5px;
}
/* MENU STYLE BELOW */
.StaticMenuItemStyle, .StaticMenuItemStyle a {
    /* Defines the look of main menu items. See Page 250 of ASP.NET 3.5 by Wrox for more definitions*/
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 4px;
}
.StaticHoverStyle, .StaticSelectedStyle {
    /* Defines the look of active and hover menu items */
    color: black;
    text-decoration: underline;
}
/* END MENU STYLES */




/* Labels */
.LabelHeader
{
    color: Black;
    font-size: 15px;
    font-weight: bold;
}

/* Update Panel Progress*/
.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #CCCCCC;
    position: absolute;
    width: 130px;
    height: 50px;
    z-index: 1000;
}
.updateProgressMessage
{
    margin: 3px;
    font-family: Trebuchet MS;
    font-size: small;
    vertical-align: middle;
    z-index: 1000;
}
#progressBackgroundFilter { 
  position:absolute; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
} 

/* AJAX Toolkit Styles */
.customWaterMarkStyle
{
    font-size: 11px;
    color: Gray;
    font-style: italic;
    padding: 4px 4px 4px 4px;
    border: solid 1px #333;
    width: 200px;
}

/* AJAX Custom Validator Callout Style */

.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 1px #CCC;
    background-color: #a9b2c2;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}
/* AJAX Custom Tabs Style */
.ThemedTab
{
    /* Can Place tab-wide elements here like font size and family, etc */
}
.ThemedTab .ajax__tab_body /* Container Element that wraps the area where a TabPanel is displayed*/
{
    border: 1px solid #333;
    border-top: none;
    background-color: #fff;
}
.ThemedTab .ajax__tab_header /* Container element that wraps all of the tabs at the top of the tab container.*/
{
    background-color: #a9b2c2;
    border: solid 1px #333;
    border-top: none;
    border-bottom: none;
    padding: 4px 4px 0px 4px;
    text-align: left; /* center the tabs horizontally */
}
.ThemedTab .ajax__tab_tab /*The text elements of the tabs*/
{
    font-size: 9pt;
    font-weight: bold;
    color: #333;
    text-align: center;
    border: solid 1px #333;
    border-bottom: none;
    padding: 4px;
}
.ThemedTab .ajax__tab_active .ajax__tab_tab
{
    background-color: #fff;
}
.ThemedTab .ajax__tab_hover .ajax__tab_tab
{
    background-color: #f1f5fa;
}
/*------AJAX Calendar Popup Control Styles Below ------*/
.radcalendar .ajax__calendar_container 
{
    background-color:#fff;
    border:solid 1px #000;
    font-family:arial,helvetica,clean,sans-serif;
    cursor:default;
    width:205px;
    font-size:11px;
    text-align:center;
    padding:0px;
}

.radcalendar .ajax__calendar_body 
{
    height:136px;
    width:205px;
    position:relative;
    overflow:hidden;
}

.radcalendar .ajax__calendar_days, .radcalendar .ajax__calendar_months, .radcalendar .ajax__calendar_years 
{
    top:0px; 
    left:0px;
    height:136px;
    width:195px;    
    padding:5px;
    position:absolute;
    text-align:center;
}

.radcalendar .ajax__calendar_days table
{
    border-spacing:0;
    border-collapse:collapse;
    font:100% sans-serif;
    text-align:center;    
}

.radcalendar .ajax__calendar_header 
{
    padding-top:4px;
    background:url(images/radcalendar/header.gif) repeat-x; 
    height:21px;
}

.radcalendar .ajax__calendar_prev 
{
    margin-left:8px;
    margin-top:3px;
    display:block;
    cursor:pointer;
    float:left;
    background:url(images/radcalendar/prev.gif) no-repeat;
}

.radcalendar .ajax__calendar_next 
{
    margin-top:2px;
    margin-right:0px;
    display:block;
    cursor:pointer;
    float:right;
    background:url(images/radcalendar/next.gif) no-repeat;
}

.radcalendar .ajax__calendar_title 
{
    cursor:pointer;
    text-align:center;
    font-weight:600;
    font-size:10pt;
    color:#fff;
    font-family:Arial;    
}

.radcalendar .ajax__calendar_footer, .radcalendar .ajax__calendar_today 
{
 
}

.radcalendar .ajax__calendar_dayname 
{
    padding-left:3px;
    padding-right:3px;
    margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    font-weight:700;
    font-size:10pt;
    color:#000;
    border-bottom:solid 1px #a6a6a6;
}

.radcalendar .ajax__calendar_day, .radcalendar .ajax__calendar_month, .radcalendar .ajax__calendar_year
{
    padding:0px;
    color:#000;
    text-align:center;  
    padding:0pt 2px;
}

.radcalendar .ajax__calendar_hover .ajax__calendar_day, .radcalendar .ajax__calendar_hover .ajax__calendar_month, .radcalendar .ajax__calendar_hover .ajax__calendar_year
{
    color:#fff;
    background-color: #636466;
}

.radcalendar .ajax__calendar_other .ajax__calendar_day, .radcalendar .ajax__calendar_other .ajax__calendar_year
{
    color:#a6a6a6;   
}

.radcalendar .ajax__calendar_active .ajax__calendar_day
{
    color:#0066cc;   
}
/*------End of AJAX Calendar Styles ------*/
/*------ Telerik Rad Controls --------*/
.ImageComboBox{
border-bottom: 1px dotted #efeef;
margin-bottom: 10px;
font-size: 11px;
z-index: 100000;
}