/*-----STYLE RESET-----*/
html
{
    color: #000;
    background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
    /*margin: 0;
    padding: 0;*/
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
sup
{
    vertical-align: text-top;
}
sub
{
    vertical-align: text-bottom;
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
/*CSSHACK to enable resizing for IE*/
input, textarea, select
{
    font-size: 100%;
}
/*CSSHACK because legend doesn't inherit in IE */
legend
{
    color: #000;
}
/*----------*/

@font-face
{
    font-family: 'CartoGothicStd';
    src: url('FontFaces/CartoGothicStd-Book-webfont.eot');
    src: local('☺'), url('FontFaces/CartoGothicStd-Book-webfont.woff') format('woff'), url('FontFaces/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('FontFaces/CartoGothicStd-Book-webfont.svg#webfontTH20CnY4') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
    background: #ECEDEF url('Textures/body_background.png') repeat-x;
}
body
{
    font-family: 'CartoGothicStd' , Arial, Sans-Serif;
    font-size: 12px;
    color: #252525;
}
h1
{
    font-size: 24px;
}
h2
{
    font-size: 18px;
}
h3
{
    font-size: 14px;
}

a
{
    font-family: Trebuchet MS, Geneva, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    color: #387DFE;
    cursor: pointer;
}
a:hover
{
    text-decoration: underline;
}

p
{
    margin: 10px 0;
}
#wrapper
{
    width: 972px;
    margin: 0 auto;
    margin-top: 15px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 15px #AAA;
    -webkit-box-shadow: 0px 0px 15px #AAA;
    box-shadow: 0px 0px 15px #AAA;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.alignLeft
{
    text-align: left;
}
.alignRight
{
    text-align: right;
}
.alignCenter
{
    text-align: center;
}

/*-----HEADER STYLES-----*/
#header
{
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    border: solid 1px #AAA;
    border-bottom: none;
    padding: 0 20px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#header > #pageID
{
    margin: 10px 0;
    border-spacing: 0;
    border-collapse: collapse;
    float: left;
}
#header > #pageID img
{
    margin-right: 5px;
}
#header > #pageID #officeID
{
    border-left: solid 1px #AAA;
    padding-left: 5px;
    vertical-align: top;
}
#header > #pageID #officeID > span
{
    display: block;
}
#header > #pageID #officeID .lblCountry
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
#header > #pageID #officeID .lblRegion
{
    font-size: 14px;
    text-transform: capitalize;
}
#header > #headerMnu
{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 20px;
}
#header > #headerMnu > ul
{
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}
#header > #headerMnu > ul > li
{
    float: right;
    padding: 0 10px;
    border-right: solid 1px #AAA;
    line-height: 2.2;
}
#header > #headerMnu > ul > li.last
{
    float: right;
    padding: 0 0 0 10px;
    border: none;
}
/*-----MAIN MENU-----*/
#mainMenu a
{
    color: #FFF;
    text-decoration: none;
    outline: none;
}
#mainMenu a:hover
{
    color: #FFF;
    text-decoration: underline;
}
#mainMenu li:first-child
{
    padding-left: 0;
}
#mainMenu li:last-child
{
    border-right: none;
}
#mainMenu
{
    width: 932px; /*978px*/
    height: 22px;
    padding: 3px 23px 0 23px;
    position: relative;
    left: -3px;
    background: #000 url('Textures/menu_background.png') repeat;
    color: #FFF;
    margin: 0 0;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    -moz-box-shadow: 0px 2px 3px #AAA;
    -webkit-box-shadow: 0px 2px 3px #AAA;
    box-shadow: 0px 2px 3px #AAA;
    z-index: 101;
}
#mainMenu > li
{
    float: left;
    padding: 0 15px;
    border-right: solid 1px #ECECDE;
    z-index: 101;
}
.subMenu
{
    display: none;
    position: absolute;
    margin: 0 0;
    left: 0;
    top: 25px;
    height: 22px;
    width: 932px; /*978px*/
    padding: 3px 23px 0 23px;
    background: transparent url('Textures/transp_background.png') repeat;
    border-bottom: solid 3px #000;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}
.subMenu > li
{
    float: left;
    padding: 0 15px;
    border-right: solid 1px #ECECDE;
}
.subSubMenu
{
    display: none;
    position: absolute;
    margin: 0 0;
    top: 28px;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 5px 20px 10px 20px;
    border-bottom: solid 3px #000;
    background: transparent url('Textures/transp_background.png') repeat;
}
.subSubMenu > li
{
    float: none;
    border: none;
    padding: 2px 0;
}


/*-----BODY-----*/
#body
{
    width: 950px;
    padding: 5px 10px;
    background: #ECECDE url('Textures/body_texture.png') repeat;
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    overflow: hidden;
}


/*-----FOOTER-----*/
#footer
{
    width: 970px;
    padding: 25px 0 20px 0;
    border: solid 1px #AAA;
    background-color: #FFF;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*-----GENERAL LAYOUT-----*/
.columnHead
{
    border: solid 1px #AAA;
    border-bottom: none;
    height: 20px;
    padding: 5px 10px 0;
    background-color: #F5F5F5;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.columnHeadCollapsed 
{
    border: solid 1px #AAA;
    border-bottom-width: medium;
	height: 20px;
	padding: 5px 10px 0;
	background-color: #F5F5F5;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.columnHead > .title 
{
    float:left;
	font-size: 14px;
	text-transform: uppercase;
}
.columnHeadCollapsed > .title
{
    float: left;
    font-size: 14px;
    text-transform: uppercase;
}
.columnHead > .commands 
{
    float:right;
	font-size: 14px;
	text-transform: uppercase;
}
.columnHeadCollapsed > .commands 
{
    float: right;
    font-size: 14px;
    text-transform: uppercase;
}
.columnContent
{
    border: solid 1px #AAA;
    padding: 10px;
    background-color: #FFF;
    overflow: hidden;
}
.columnHeadCollapsed + .columnContent
{
	display:none;
}
/*
 * Used in the system messages part where the window overflows the panel 
 */
.columnContentOverflow
{
    border: solid 1px #AAA;
    padding: 10px;
    background-color: #FFF;
    height: 20px;
}

.columnContent .contentMenu
{
    height: 21px; /*21 + 4 = 25px*/
    width: 100%;
    padding: 4px 10px 0;
    background-color: #F7F7F7;
    border-bottom: 1px solid #ECECDE;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 5px;
}

.columnContent .contentMenuRfq
{
    height: 40px; /*21 + 4 = 25px*/
    width: 100%;
    padding: 4px 10px 0;
    background-color: #F7F7F7;
    border-bottom: 1px solid #ECECDE;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 5px;
}

.columnContent .contentMenu > a
{
    margin-right: 10px;
    cursor: pointer;
}

.columnContent .contentMenuRfq > a
{
    margin-right: 10px;
    cursor: pointer;
}

/*-----ONE COLUMN LAYOUT-----*/
.oneColumn
{
    width: 950px;
    margin: 5px 0;
    clear: both;
}

/*-----TWO COLUMNS LAYOUT-----*/
.twoColsLeft
{
    float: left;
    width: 710px;
    margin: 5px 0;
    clear: left;
}
.twoColsRight
{
    float: right;
    width: 230px;
    margin: 5px 0;
    clear: right;
}

/*-----THREE COLUMNS LAYOUT 1-----*/
.threeCols1Left
{
    width: 230px;
    float: left;
    margin: 5px 0;
    clear: left;
}
.threeCols1Middle
{
    width: 470px;
    float: left;
    margin: 5px 0 5px 10px;
}
.threeCols1Right
{
    width: 230px;
    float: right;
    margin: 5px 0;
    clear: right;
}

/*-----THREE COLUMNS LAYOUT 2-----*/
.threeCols2Left
{
    width: 470px;
    float: left;
    margin: 5px 0;
    clear: left;
}
.threeCols2Middle
{
    width: 230px;
    float: left;
    margin: 5px 0 5px 10px;
}
.threeCols2Right
{
    width: 230px;
    float: right;
    margin: 5px 0;
    clear: right;
}

/*-----FOUR COLUMNS LAYOUT-----*/
.fourColsLeft
{
    width: 230px;
    float: left;
    margin: 5px 0;
    clear: left;
}
.fourColsMiddle
{
    width: 230px;
    float: left;
    margin: 5px 0 5px 10px;
}
.fourColsRight
{
    width: 230px;
    float: right;
    margin: 5px 0 5px 10px;
    clear:right;
}
/*-----TWO COLUMNS LAYOUT 2-----*/
.twoCols2Left
{
	width: 470px;
	float: left;
	margin: 5px 0;	
	clear: left;
}
.twoCols2Right
{
	width: 470px;
	float: right;
	margin: 5px 0;
	clear: right;
}

/*-----FORMS STYLES-----*/
.FormTemplatePanel 
{
    padding: 5px;
}
.label
{
    display: block;
    font-weight: bold;
    margin: 5px 5px 2px 0px;
}
.inlineLabel
{
    display: inline;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
}
.inlineText
{
    display: inline;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 5px;
}
   input[type="submit"],
         input[type="button"] {
            border: none;
            padding: 8px 15px 8px 15px;
            background-color: #016180;
            color: #fff;
            box-shadow: 1px 1px 4px #DADADA;
            -moz-box-shadow: 1px 1px 4px #DADADA;
            -webkit-box-shadow: 1px 1px 4px #DADADA;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-transition: 2s; /* Safari */
            transition: 2s;
        }

            input[type="submit"]:hover,
            input[type="button"]:hover {
                background: #000;
                color: #fff;
                -webkit-transition: 2s; /* Safari */
                transition: 2s;
            }


input[type="text"], input[type="password"], select
{
    border: solid 1px #AAA;
    height: 20px;
    width: 200px;
}
.listBox 
{
    height:auto;
}
select:focus, input[type="text"]:focus, input[type="password"]:focus
{
    border: solid 1px #387DFE;
}
textarea
{
    border: solid 1px #AAA;
    width: 200px;
}
textarea:focus
{
    border: solid 1px #387DFE;
}

.checkbox
{
    display: inline-block;
    border: none;
    margin-top: 5px;
}
.checkbox input, input[type="checkbox"]
{
    margin-right: 3px;
    width: auto;
    height: auto;
}

.checkboxreg input, input[type="checkbox"]
{
    margin-right: 3px;
    width: auto;
    height: auto;
    padding-top:14px;
    padding-bottom:27px;  
}
.checkbox label
{
    margin-right: 15px;
}
.bigField
{
    width: 320px !important;
}
.biggerField
{
    width: 440px !important;
}
.normalField
{
    width: 200px !important;
}
.smallField
{
    width: 80px !important;
}
.tinyField
{
    width: 40px !important;
}
.error
{
    color: #D1604F;
}

.buttonsPanel
{
    margin: 10px 0 15px 0;
    overflow: hidden;
}
.buttonsPanel > .button
{
    background: transparent url('Textures/formButton_right.png') no-repeat scroll right top;
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    padding-right: 15px;
    border: none;
    cursor: pointer;
    
}

.buttonsPanel > .buttonnone
{
    
   display: none;
    
}
.buttonsPanel > .button:hover
{
	color: #387DFE !important;
}
.buttonsPanel > .button:active
{
    background: transparent url('Textures/formButton_right.png') no-repeat scroll right -26px;
    text-decoration: none;
}
.buttonsPanel > .button > span
{
    background: transparent url('Textures/formButton_left.png') no-repeat left top;
    display: block;
    padding: 5px 0 5px 15px;
    color: #387DFE;
    border: none;
    font-family: Trebuchet MS, Geneva, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
}
.buttonsPanel > .button > span:active
{
    background: transparent url('Textures/formButton_left.png') no-repeat left -26px;
    color: #7AA8FE !important;
}

.buttonsPanel > .secondaryButton
{
    display: block;
    float: left;
    padding-top: 5px;
    color: #387DFE !important;
    margin-right: 10px;
}

.smallButton 
{
    font-size: 10px;
}

.formView
{
    clear:both;
    margin-top: 5px;
    margin-right: 5px;
    padding: 4px;
}
.gridCommandContainer .NoticeOverGrid
{
    border: 1px solid #333;
    background-color: #FFFF99;
    padding: 4px;
    text-align: left;
}
.gridView
{
    display: block;
    margin-top: 5px;
    margin-right: 5px;
}
.hide
{
	display: none;
}
/*-----GRIDS-----*/
.gridContainer
{
    overflow: auto;
}
/* In the div using this, please include style="width: xxx" */
.gridCommandContainer 
{
    padding: 5px 5px 4px 5px;
    background-color: #f7f7f7;
    border-top: solid 1px #ECECDE;
    border-left: solid 1px #ECECDE;
    border-right: solid 1px #ECECDE;
    border-bottom: none 0px;
}
.grid
{
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 5px 0;
}
.grid .head
{
    font-weight: bold;
    background-color: #ECECDE;
    border-bottom: solid 1px #AAA;
}
.grid .head > th
{
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
.grid .row
{
    height: 20px;
}
.grid .altRow
{
    height: 20px;
    background-color: #F7F7F7;
}
.grid tr > td
{
    padding: 0 5px;
}
.grid .foot
{
    height: 20px;
    font-size: 10px;
    background-color: #F7F7F7;
    border-top: solid 1px #AAA;
}
.gridRowsNumberSelector
{
    float: left;
    margin-top: 5px;
}
/* Mask for Column Selector */
.ColumnsSelector_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.ColumnsSelector_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100; /*padding:10px;     background-color:#ededed;     border:solid 2px #dedede;*/
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}
.gridSelectColumns
{
    float: left;
    margin-top: 5px;
}
.observation td
{
	text-align:left;
}
/*-------- BREADCRUMBS -------------------*/
.BreadcrumbCurrentNode
{
    color: #666;
    font-size: 0.8em;
    font-weight: bold;
}
.BreadcrumbNode
{
    background-color: #909090;
    border-bottom: solid 1px #AAA;
    border-top: solid 2px #888;
    color: #EEE;
    font-size: 0.8em;
    padding: 0px 3px 0px 3px;
    height: 14px !important;
    display: inline-block;
}
.BreadcrumbSeparator
{
    background-image: url("Images/neutral/BreadcrumbSeparator.png");
    background-repeat: no-repeat;
}

/*-------- FORM HINTS-----------*/
.hint
{
    position: absolute;
    border: 1px solid #387DFE;
    padding: 10px 12px;
    background-color: #f7f7f7;
    width: 200px;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 100;
}
.hint .hint-pointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(Images/neutral/hint_pointer.gif) left top no-repeat;
    z-index: 100;
}

.tooltip 
{
    z-index: 99999;
}

/*-------- VALIDATION -----------*/
.validators
{
	text-align: left;
}
.validation
{
    font-size: 0.8em;
}
/*-----------FORM ELEMENTS-----------*/
.validationGroup
{
}

/*-----------MULTI COMPANY SELECTOR-----------*/
.companySelectionTabContainer
{
    margin-left: 5px;
}

.officeSelectionTabContainer
{
    margin-left: 5px;
}
/*-----------MULTI USER SELECTOR-----------*/
.userSelectionTabContainer
{
    margin-left: 5px;
}
.tabStrip
{
}
.defaultTab
{
    position: relative;
    bottom: -1px;
    border: solid 1px #AAA;
    margin-left: 1px;
    padding: 5px !important;
    background-color: #F5F5F5;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.selectedTab
{
    position: relative;
    bottom: -1px;
    border: solid 1px #AAA;
    border-bottom: solid 1px #FFF;
    margin-left: 1px;
    padding: 5px !important;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.tabViewer
{
    border: 1px solid #AAA;
    padding: 5px 10px;
    height: 154px;
}

.pageIntro
{
    margin: 10px 5px 5px 5px;
}


.gridWithGridRow
{
    float: left;
}

.gridRow
{
    padding-left: 5px;
    padding-top: 5px;
    float: left;
}

.gridRowEnd
{
    float: none;
    clear: both;
}

/* MESSAGES CONTROL */
.messages
{
    float: right;
    width: 250px;
    padding: 2px;
    position: relative;
    margin-top: -10px;
}
.messagesContent
{
    display: none;
    position: absolute;
    left: inherit;
    background-color: #f5f5f5;
    border: solid 1px #aaa;
    padding: 5px;
    overflow: auto;
    height: 250px;
    width: 238px;
    top: 19px;
    z-index: 100;
}
.messages > .header
{
}
.messages > .headerAlt
{
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-bottom: none 0px;
    overflow: visible;
    height: 16px;
    background-color: #fff;
}

/* ------------- FEEDBACK PANEL -------------------------*/
/* Mask for feedback panel */
.feedback_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.feedback_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100; /*padding:10px;     background-color:#ededed;     border:solid 2px #dedede;*/
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/* --------------- Duplicate Company Panel ---------------------------*/
.duplicate_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.duplicate_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100; /*padding:10px;     background-color:#ededed;     border:solid 2px #dedede;*/
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/* Mask for SecurityContext Mask panel */
.SecurityContext_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.SecurityContext_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/* Mask for TimeRecord Mask panel */
.TimeRecord_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.TimeRecord_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/* Mask for Annotation Mask panel */
.Annotation_Mask
{
    position: absolute;
    z-index: 7900;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.Annotation_Panel
{
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 8000;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}


/* Mask for Shortlist Mask panel */
.AddShortlist_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.ShortlistAdd_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100;
    padding: 10px;
    background-color: #ededed;
    border: solid 2px #dedede;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/* Mask for Add Company in Edit Shortlist Mask panel */
.AddCompanyToShortlist_Mask
{
    position: absolute;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.AddCompanyToShortlist_Panel
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 8100;
    padding: 10px;
    background-color: #ededed;
    border: solid 2px #dedede;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
}

/** Confirm control */
.DisplayNone 
{
    display: none;
}

/** Lists */
.phonesList 
{
    overflow:auto;
}
.emailsList 
{
    overflow:auto;
}
/** Phone List */
.phonesList > ul 
{
    list-style-image: url(./Icons/phoneSmall.png);
    list-style-position: outside;
    font-size:9pt;
}
.emailsList > ul 
{
    list-style-image: url(./Icons/emailSmall.png);
    list-style-position: outside;
    font-size:9pt;
}

/* Wizard control elements and other input controls */ 
/*div input
{
	height: 20px;
	width: 20px;
}*/

/* foo class for verify check selected items */
.checkSelected
{
}

/* Styles for ActivityCheckList UserControl */
.checkboxItem
{
    display: none;
}
.checkItemContainer
{
    display: block;
    clear:both;
    margin: 2px 0px 2px 0px;
    overflow:hidden;
}
.checkItemContainerLabel
{
    display: inline-table;
    float:left;
}
.checkItem
{
    float:left;
    display: inline-table;
    width: 16px;
    height: 16px;
    background-repeat:no-repeat;
    cursor: pointer;
}
.checkItem_disabled
{
	cursor: default !important;
}
.checked
{
    background-image: url(checked.png);
}
.checked_disabled
{
    background-image: url(checked_disabled.png);
}
.unchecked
{
    background-image: url(unchecked.png);
}
.unchecked_disabled
{
    background-image: url(unchecked_disabled.png);
}
.cmdDeleteCheckItem
{
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}
.checkItemContainerLabel
{
	cursor: pointer;
}
.checkItemContainerLabel_disabled
{
	cursor: default !important;
	margin-left: 5px !important;
}
.loadingTemplate
{
    top: 327px; 
    left: 564px;
    z-index: 5;
}
.requiredIndicator
{
    background: url(Images/neutral/breadcrumbRequiredSeparator.png) no-repeat #387DFE;
    padding-left: 8px;
    padding-right: 2px;
    color: #fff;
    font-weight: normal !important;
    font-size: 8px;
}

iframe html
{
	color: #252525;
    font-family: 'CartoGothicStd',Arial,Sans-Serif;
    font-size: 12px;
}

/* this one had .companyInformation .columnHead,  also */
.companyInformation .columnHeadCollapsed
{
	display: none;
	border-bottom-width: 0px;
}

.companyInformation .commands
{
    /*display: none !important;*/
}

.companyInformation .columnHeadNoBorder, .companyInformation .columnHead + div
{
	display:block !important;
}
.companyInformation .columnHeadNoBorder
{
	border-bottom-width: 1px;
}
.companyInformation .columnHeadCollapsed + div > .columnContent
{
    border-bottom-width: 0px;
}
.columnHeadNoBorder
{
	border-top-width: 0px !important;
	-moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.rtsSelected
{
	font-weight: bold !important;
	color: #387DFE !important;
}

.contentMenu .columnHead
{
	display:block !important;
}

/* Charts */
.ChartView 
{
    margin: 0 auto;
    width: 880px;
    height: 350px;
}
.ChartViewOneColumn
{
    margin: 0 auto;
    width: 210px;
    height: 250px;
}
.addEmailContainer
{
    border: 1px dashed #EEE;
    margin-top: -1px !important;
    padding-bottom: 5px;
    padding-left: 5px;
}
.clearfix
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.buttonfloat 
{
    float:right; 
    padding:5px; 
    margin-left:5px;  
}

.labelHR
{
    display: block;
    font-weight: bold;
    margin: 5px 5px 2px 0px;
    padding-bottom:12px;
    padding-top:0px;
    padding-left:8px;
    padding-right:8px   

   
 }

.labelTopHR
{
    display: block;
    font-weight: bold;
    margin: 5px 5px 2px 0px;
    padding-bottom:8px;
    padding-top:27px;
    padding-left:8px;
    padding-right:8px    
   
 }

.labelBottomHR
{
    display: block;
    font-weight: bold;
    margin: 5px 5px 2px 0px;
    padding-bottom:8px;
    padding-top:4px;
    padding-left:8px;
    padding-right:8px    
   
 }

.tinyFieldHR
{
    width: 40px !important;
    margin-bottom:8px;
    
}

.tinyReadOnlyFieldHR
{
    width: 40px !important;
    margin-bottom:8px;
    background-color:lightgray;  
    margin-left:20px; 

    
}

.tinyReadOnlyFieldTotalHR
{
    width: 40px !important;
    margin-bottom:8px;
    background-color:lightgray;  

    
}