/* CBRE WSM Styles */

/* -----------------------------------------------
	Colour Glossary
----------------------------------------------- */
.headercolor
{
    background-color: #69be28;
}
.toolbarcolor
{
    background-color: #006a4d;
    color: #d9ffbf;
}
.footercolor
{
    background-color: #b2de94;
}
.activecolor
{
    background-color: #69be28;
}
.inactivecolor
{
    background-color: #d9ffbf;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body *
{
    font-family: inherit;
    font-size: 100%;
}


/* --------------------------------------------
	Generic Classes
----------------------------------------------- */

.align_centre
{
    text-align: center !important;
}

.align_justify
{
    text-align: justify !important;
}

.align_left
{
    text-align: left !important;
}

.align_right
{
    text-align: right !important;
}

.centre_object
{
    display: block;
    margin: 0 auto 1.4em auto;
}

.clear
{
    clear: both;
}

div.clear
{
    font-size: 0;
    line-height: 0px;
    width: 100%;
}

.float_left
{
    display: inline;
    float: left;
}

.float_right
{
    display: inline;
    float: right;
}

.hidden
{
    left: -999em;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.invisible
{
    visibility: hidden;
}

.no_wrap
{
    white-space: nowrap;
}

a img
{
    border: none;
}

/* --------------------------------------------
	Generic Block-level Elements
----------------------------------------------- */

/* Generic Block-level Elements

    * ADDRESS - Address
    * BLOCKQUOTE - Block quotation
    * DEL - Deleted text
    * DIV - Generic block-level container
    * H1 - Level-one heading
    * H2 - Level-two heading
    * H3 - Level-three heading
    * H4 - Level-four heading
    * H5 - Level-five heading
    * H6 - Level-six heading
    * HR - Horizontal rule
    * INS - Inserted text
    * P - Paragraph
    * PRE - Preformatted text
*/

address
{
    font-style: normal;
}

blockquote
{
    border-left: 3px solid #4f4c4d;
    background-color: #edece6;
    margin-bottom: 1em;
    padding: 1em 12px 1px 12px;
    quotes: none;
}

blockquote:before, blockquote:after
{
    content: "";
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    line-height: normal;
}

hr
{
    background-color: #fcfcfc;
    border: none;
    color: #fcfcfc;
    height: 1px;
    margin: -0.5em 0 0.6em 0;
}

html > /**/ body hr
{
    margin-bottom: 1em;
    margin-top: 0.2em;
}

p, .content_area
{
    margin: 1em 0;
}

#skip_to
{
    left: -999em;
    overflow: hidden;
    position: absolute;
    width: 0;
}

#pageHeader
{
    height: auto !important;
    background: none !important;
    border-bottom: 1px solid #afafaf;
    color: #006a4d !important;
    display: block;
    font-size: 19px !important;
    font-weight: bold !important;
    margin-bottom: 1em;
    margin-top: 0;
    padding-bottom: 2px;
    text-align: left;
    
}


/* --------------------------------------------
	Lists
----------------------------------------------- */

/* Lists

    * DIR - Directory list
    * DL - Definition list
          o DT - Definition term
          o DD - Definition description
    * LI - List item
    * OL - Ordered list
    * UL - Unordered list
*/

ul
{
    list-style-type: none;
}

/* - Content Lists ------------------------------- */

ol
{
    list-style-type: decimal;
    margin: 1em 0;
    margin-left: 39px;
}

html > /**/ body ol
{
    margin-left: 34px;
}

ol.lower_alpha
{
    list-style-type: lower-alpha;
}
ol.upper_alpha
{
    list-style-type: upper-alpha;
}
ol.lower_roman
{
    list-style-type: lower-roman;
}
ol.upper_roman
{
    list-style-type: upper-roman;
}

ol li
{
    margin-bottom: 0.5em;
    padding-left: 1px;
}

html > /**/ body ol li
{
    padding-left: 6px;
}

html body ul ol li
{
    background: none;
    padding-left: 1px;
}

html > /**/ body ul ol li
{
    padding-left: 6px;
}

li ul, li ol
{
    margin-top: 1em;
}

ul
{
    margin: 1em 0;
    padding-left: 20px;
}

html body ul li
{
    background: url(../../Images/bg_ul-li.png) no-repeat 0 4px;
    margin-bottom: 0.5em;
    padding-left: 20px;
}

html body li ul li
{
    /* Style appropriately for nested ULs */
}



/* -----------------------------------------------
	Header Page
----------------------------------------------- */

#wrapper_header
{
    padding: 0;
}
#wrapper_header_navs
{
    overflow: hidden;
    width: 100%;
}

#nav_main
{
    float: left;
}

#nav_main_list
{
    float: left;
    margin: 0;
    padding: 0;
}

#nav_main_list *
{
    background: none;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#nav_main_list a
{
    font-size: 13px;
    font-weight: normal;
    margin-right: 7px;
    text-decoration: none;
}

#nav_main_list a:hover, #nav_main_list a:focus
{
    text-decoration: underline;
}

#nav_main_list a span
{
    cursor: pointer;
    margin-left: 5px;
    padding: 4px 24px 6px 4px;
}

#user_status
{
    font-family: Arial, Helvetica, sans-serif;
    display: inline;
    float: left;
    font-size: 10pt;
    margin: 5px 0 0 37px;
}

#nav_sub
{
    float: right;
}

#nav_sub *
{
    float: left;
    margin: 0;
}

#nav_sub_list a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    margin: 5px 0 0 10px;
    text-decoration: none;
}

#nav_sub_list a:hover, #nav_sub_list a:focus
{
    text-decoration: underline;
}

#nav_sub_list a.emailmri
{
    background: url(../../images/bg_a_emailmri.png) no-repeat 0 0;
    padding-left: 22px;
    padding-right: 5px;
}

.headerlogo
{
    border: none;
}

/* -----------------------------------------------
	Menu Page
----------------------------------------------- */
#navLeftBody
{
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 10px;
}

#navMenuBackgroundDiv
{
    height: 100%;
}

#navMenuWSM
{
    font-size: 12px;
    height: 100%;
    padding: 0 0 35px 10px;
    width: 197px;
}

#navMenuWSM table
{
    width: 197px !important;
}

#navMenuWSM td
{
    padding: 0;
}

.menuItem, .menuItemCollapsed, .menuItemExpanded
{
    background: url(../images/reskin/bg_td_nav-a.png) no-repeat 0 -60px;
    color: #d9ffbf;
    cursor: pointer;
    height: 28px;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 0;
    text-indent: 10px;
    width: 179px;
}

.menuItemExpanded
{
    background-position: -394px 0;
}

.menuItem td:hover, .menuItemCollapsed td:hover, .menuItemExpanded td:hover
{
    text-decoration: underline;
}

.menuGroup
{
    margin: 0;
    padding: 0 !important;
}

.menuSubItem, .menuSubItemSelected
{
    background: url(../images/reskin/bg_td_nav-a.png) 0 -30px;
    color: #032e51;
    cursor: pointer;
    display: block;
    margin-bottom: 2px;
    padding: 6px 9px 6px 22px;
    text-align: left;
    text-decoration: none;
    width: 166px;
    height: 17px;
}

.menuSubItem:hover, .menuSubItemSelected:hover
{
    text-decoration: underline;
}

/* -----------------------------------------------
	Login Page
----------------------------------------------- */

#login_panel
{
    background: url(../images/reskin/bg_main_login.png) no-repeat 0 0;
    height: 148px !important;
    margin: 80px auto 0 auto;
    padding: 30px;
    width: 350px !important;
}

#login_panel h1
{
    color: #006a4d;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: auto !important;
}

#login_panel br
{
    display: none;
}

#login_panel table
{
    width: auto !important;
}

#login_panel td
{
    text-align: left !important;
    padding: 0px !important;
}

#login_panel .textbox
{
    margin-left: 30px;
    width: 200px;
}

#login_panel .button
{
    margin-left: 30px;
    padding: 5px 20px;
}

#center_login_panel td
{
    padding: 20px;
}

#center_login_panel #maintable
{
    margin-top: 100px;
    height: 100px;
}



/* -----------------------------------------------
	Main Frame Pages
----------------------------------------------- */
#mainfr_right
{
    overflow: hidden;
    padding: 14px;
    
}

#wrapper_panels
{
    margin: 20px 0px;
}

#panel_3, #panel_4
{
    float: left;
    min-height: 290px;
    margin: 0 15px;
    padding-bottom: 5px;
}

/* - Panel 3  - */
#panel_3
{
    background-color: #006A4D;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0;
    width: 165px;
    height: 345px;
    border-radius: 5px 5px 5px 0px;
}

#panel_3 h2
{
    color: #fff !important;
    font-size: 13px !important;
    margin-bottom: 0.4em;
    padding: 10px;
}

#panel_3 p
{
    padding: 0 10px;
}

#panel_3 p strong
{
    color: #4476ae;
}

#panel_3 a
{
    color: #4476ae;
    font-weight: bold;
    text-decoration: underline;
}

#panel_3 a:hover
{
    text-decoration: none;
}

nav_panel_3
{
    width: 165px;
}

/* --- Panel 3 List --- */

ul#nav_panel_3_list
{
    padding: 0;
}

ul#nav_panel_3_list li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

ul#nav_panel_3_list li a
{
    background: #B0DFB3 url(../images/bg_nav_main_li_a.gif) no-repeat 10px center;
    border-bottom: 1px solid #435b6e;
    border-top: 1px solid #b5cde0;
    color: #000000;
    display: block;
    font-weight: normal;
    padding: 5px 0 5px 20px;
    text-decoration: none;
    width: 145px;
    border-top-color: #D9FFBF;
    border-bottom-color: #006A4D;
}

ul#nav_panel_3_list li a.first_node
{
    border-left: none;
}

ul#nav_panel_3_list li a.last_node
{
    border-right: none;
}

ul#nav_panel_3_list li a:hover
{
    text-decoration: underline;
}



/* - Panel 4  - */
#panel_4
{
    background-color: #484848;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0;
    padding: 0 0px 10px 10px;
    width: 280px;
    vertical-align: middle;
    height: 340px;
    border-radius: 5px;    
}

#panel_4 hr
{
    margin-left: -20px;
}

#panel_4 h2
{
    color: #fff !important;
    font-size: 13px !important;
    margin: 0 -10px 0.4em -10px;
    padding: 10px;
    width: 280px;
}

#panel_4 p
{
    padding: 0 10px;
}

#panel_4 p strong
{
    color: #fff;
}

#panel_4 a
{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#panel_4 a:hover
{
    text-decoration: none;
}

#ChangePassword
{
    background: url(../images/reskin/bg_ChangePassword.png) no-repeat 0 0;
    height: 300px !important;
    margin: 80px auto 0 0;
    padding: 8px;
    width: 550px !important;
}

#ChangePassword h1
{
    color: #006a4d;
    font-size: 18px;
    font-weight: normal;
 /*   margin-bottom: 15px; */
    text-transform: uppercase;
    width: auto !important;
     text-align: left;
     padding-left:95px;
}
ChangePassword td
{
 width:100px;   
    
}

/* --------------------------------------------
	Tables
----------------------------------------------- */

/* Tables

    * TABLE - Table
          o CAPTION - Table caption
          o COLGROUP - Table column group
                + COL - Table column
          o THEAD - Table head
          o TFOOT - Table foot
          o TBODY - Table body
          o TR - Table row
                + TD - Table data cell
                + TH - Table header cell
*/

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

table th, table td
{
    padding: 0;
}

table.data
{
    font-size: 11px;
}

table.data tr
{
    background: none !important;
}

table.data th, table.data td
{
    border: none;
    padding: 0;
}

table.data td th, table.data td td
{
    border: 1px solid #eee;
    padding: 5px 6px;
    text-align: left;
}

table.data td th
{
    background: #fff url(../../images/bg_table_data-th.gif) repeat-x 0 bottom !important;
    border-color: #ccc;
    color: #242021 !important;
    font-weight: normal;
    height: auto !important;
    text-align: center;
}

table.data td th a
{
    color: #242021 !important;
    display: block;
}

table.data td td
{
    background: url(../../images/bg_table_data-td.png) repeat 0 0;
}

table.data td .even td
{
    background-image: url(../../images/bg_table_data-even-td.png);
    color: #333;
}


/* --------------------------------------------
	Forms
----------------------------------------------- */

/* Forms

    * FORM - Interactive form
          o BUTTON - Button
          o FIELDSET - Form control group
                + LEGEND - Fieldset caption
          o INPUT - Form input
          o LABEL - Form field label
          o SELECT - Option selector
                + OPTGROUP - Option group
                      # OPTION - Menu option
          o TEXTAREA - Multi-line text input
*/

input[type=text], input[type=password], select, textarea, .textbox
{
    font-family: Arial;
    margin: 3px 0 3px 0;
    padding: 1px;
    border: 1px solid;
    border-color: #006a4d;
    min-height: 16px;
}


.clearInput
{
    border: 0px none !important;
    margin: 0px !important;
    padding: 2px;
    font-family: Arial;
}

input[type=submit], input.button
{
    border-top: 1px solid #95DBAD;
    border-left: 1px solid #95DBAD;
    border-bottom: 1px solid #006a4d;
    border-right: 1px solid #006a4d;
    background-color: #d9ffbf;
    color: #006a4d !important;
    font-weight: bold;
    cursor: pointer; /*	margin-bottom: 5px;*/
    padding: 3px 5px;
    border-radius: 3px;
}

input[type=submit]:hover, input[type=submit]:focus
{
    background-color: #b2de94;
}








A
{
    color: #37460F;
    font-size: 8pt;
    letter-spacing: -0.2pt;
    font-weight: bold;
    text-decoration: none;
}

.textwhite
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: -0.2pt;
}
.headerwhite
{
    color: #FFFFFF;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -0.2pt;
}

/* -----------------------------------------------
Custom classes that were not present in Dashboard
----------------------------------------------- */
.label
{
    font-weight: bold;
}
.bglabel
{
}
.wsmpaddingtop
{
    height: 10px;
    float: none;
}
.wsmpaddingleft
{
    height: 100%;
    width: 50px;
    float: left;
}

.textpaddingright
{
    padding-right: 2px !important;
}
.wsmdivmain
{
    height: 100%;
    float: none;
}
.wsmdivmain td
{
}
.gridheader
{
    height: 30px;
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    background-color: #d9ffbf;
    color: #FFFFFF;
    border: solid 1 black;
}
.gridrow
{
    height: 20px;
    font-family: Verdana;
    font-size: 8pt;
    background-color: Window;
    color: #006D55;
    border-color: #005137;
}
table
{
    border-collapse: collapse;
    table-layout: fixed;
}

.statusText
{
    color: Navy;
    font-size: 12px;
    font-weight: bold;
}
#summaryTable
{
    background-color: #d9ffbf;
}
#summaryTable td
{
    border: solid 1px #005595;
}
#summaryTable .head
{
    font-weight: bold;
    color: #005595;
}
.sectionlabel
{
    background-color: transparent; /* #deebdc; */
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    font-weight: bold;
}

.spellcheckButton
{
    width: 16px;
    height: 18px;
    background: url(../images/SpellCheck.gif) no-repeat 0 0;
    left: 3px;
    position: relative;
    top: -6px;
}

html > /**/ body .spellcheckButton
{
    left: 0;
    top: -19px;
}

.downThree
{
    /* margin-top: 3px; */
}

.downThree input
{
    margin: 0px 0 0px 0;
    padding: 0px;
    border: 0px solid;
}

.downRightThree
{
    /* margin-top: 3px;     margin-left: 3px; */
}
.taxCombo
{
    margin-left: 2px;
    margin-top: 1px;
    height: 18px; /*margin-left: 2px;*/
}
#bldgSumTopLeft
{
    float: left;
    padding: 0px 0px 0px 15px;
    width: 565px;
    height: 350px;
}
#bldgSumTopRight
{
    float: none;
    padding: 12px 0px 0px 5px;
    width: 215px;
    height: 338px;
}
#bldgSumTopRight a
{
    color: #375100;
    text-decoration: underline;
}
#bldgSumBotLeft
{
    padding: 10px 0px 0px 15px;
    float: left;
    width: 400px;
    height: 200px;
}
#bldgSumBotRight
{
    float: none;
    width: 400px;
    height: 200px;
}
#chartJobTypes
{
    width: 525px;
    height: 320px;
}
.webdatetimeedit
{
    height: 16px;
}

.buildingCharts
{
    display: inline;
}
#buildingCharts td
{
    height: 330px;
}



#panel_5
{
    float: left;
    margin: 0px 10px 0px 0px;
    width: 400px;
    height: 338px;
    border: 1px solid grey;
    border-radius: 5px 5px 5px 0px;
    padding: 5px;
}

#panel_5 iframe
{
    width: 400px;
    height: 338px;
}

html > body #panel_5
{
    height: auto;
}

#panel_5 a:hover
{
    text-decoration: none;
}

#panel_4 a
{
    color: #fff;
    font-weight: bold;
    font-size: smaller;
    text-decoration: underline;
}
#divContractTimes
{
    border: solid 1px gray;
    width: 400px;
    height: 180px;
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}
#divContractRates
{
    border: solid 1px gray;
    width: 400px;
    height: 180px;
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px;
}
.messageGood
{
    background-color: White;
    font-weight: normal;
    color: Green;
}

.messageError
{
    background-color: White;
    font-weight: normal;
    color: Red;
}


/* override default table and td styles 
(required for date picker control) in LocationRisk.aspx */
.OverrideTableDiv table
{
    border-collapse: separate;
    table-layout: auto;
}

/*.OverrideTableDiv td
{
    padding: 1px 1px 1px 1px;
}*/

.headercell
{
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    color: White;
    background-color: #006a4d; /*color: #375100;     background-color: #cfddce;*/
    font-variant: small-caps;
    border-bottom: solid 1px #000099;
}

.IncidentReportHeader
{
    color: #005595;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    border: solid 1px #000000;
}

A.IncidentTabFocus
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

A.IncidentTabNoFocus
{
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

.alphaFilterTable tr
{
    height: 28px;
    padding-top: 3px;
}

.alphaFilterTable td
{
    width: 50px;
}

.alphaFilterTable a
{
    font-size: 12pt;
}

.alphaFilterTable a:visited
{
    color: #005137;
    font-weight: normal;
    text-decoration: underline;
    font-style: normal;
}


/* Grid View styles
    base
    header 
    selected 

NOTE: IF CHANGING THESE NEED TO UPDATE ig_dataGrid.css as well!
*/
.gridView
{
    color: #333333;
    border: solid 1px #999999;
    font-family: Verdana;
}
.igFrameStyle
{
    color: #333333;
    border: solid 1px #999999;
    border-left-width: 2px;
    border-bottom-width: 2px;
    font-family: Verdana;
    border-top-width: 2px;
}

.rowStyle .buttonCell
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.headerStyle
{
    background-color: #b2de94;
    font-weight: bold;
    color: #006a4d;
    height: 25px;
}
.rowStyle
{
    background-color: #F7F6F3;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    color: #333333;
    font-size: 8pt;
}
.rowStyle td
{
    border-top: solid 1px #D8D8D8;
    border-bottom: solid 1px #D8D8D8;
    border-left: solid 0px transparent;
    border-right: solid 0px transparent;
	padding:5px 8px 5px 8px;    
}

.gridView .pagerStyle td
{
    background-color: #b2de94;
    text-align: center;
    padding: 2px 4px;
}
 .gridView .pagerStyle a 
{
    color: #006a4d;
    font-weight: normal;
	text-decoration:underline;
	margin-left: 3px;
}

.selectedStyle
{
    background-color: #E2DED6;
    color: #333333;
    font-weight: bold;
}
.alternatingStyle
{
    background-color: White;
    padding: 5px 8px 5px 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 8pt;
}
.alternatingStyle td
{
    border-top: solid 1px #D8D8D8;
    border-bottom: solid 1px #D8D8D8;
    border-left: solid 0px transparent;
    border-right: solid 0px transparent;
	padding:5px 8px 5px 8px;      
}

.gridView .pagerStyle
{
    background-color: #b2de94;
}

.pagerStyle td {
    padding:2px;
}
.pagerStyle a {
    font-weight:normal;
}




/* Use this style for IDs to gridviews */
#gvTSR td, #gvTSR th
{
    padding: 3px;
}

#gvCategory td, #gvCategory th
{
    padding: 3px;
}

#dlNoticeBoard td, #dlNoticeBoard th
{
    padding: 5px;
}

#gvTenancy td, #gvTenancy th
{
    padding: 3px;
}


fieldset
{
    padding: 5px;
}

.userBuildings
{
    height: 350px;
    overflow-y: scroll;
}