/* 
myCOI Stylesheet
Date: 12/20/09
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

html, body
{
    height: 100%;
    background-color: #014B61;
    padding: 0px 0 0px 0;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.formTable
{
    width: 100%;
}
.formCell
{
    vertical-align: top;
}

/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/

/* Masthead Container*/
.div_MastheadContainer_PublicPages
{
    width: 100%;
    height: 60px;
    position: relative;
    float: left;
    background: #fff url(../images/slice_MastheadBG.jpg) repeat-x;
}
.div_MastheadContainer
{
    width: 100%;
    height: 90px;
    position: relative;
    float: left;
    background: #fff url(../images/slice_MastheadBG_SecurePages.jpg) repeat-x;
}

.div_MastheadContent
{
    width: 970px;
    height: 48px;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

.div_MastheadContent_WizardOrPopup
{
    width: 98%;
    height: 48px;
    position: relative;
    float: left;
    padding: 0 5px;
}

.div_SmallMastheadContent
{
    width: 670px;
    height: 48px;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

/* Site Body Container -- */
.div_SiteBody 
{
    background: #fff;
    width: 100%;
    position: relative;
    float: left;
    margin: 0px 0 0 0px;
    padding: 5px 0 0 0px;
}

.div_SiteBody_WizardOrPopup
{
    width: 98%;
    position: relative;
    float: left;
    margin: 0;
    padding: 5px 5px 0 5px;
    background: #fff url(../images/slice_HTMLBG.jpg) repeat-y 980px 0px;
}

/* Site Page Containers -- */
.div_PageContainer
{
    width: 960px;
    min-height: 600px;
    position: relative;
    float: left;
    margin: 0px 0 0 10px;
    padding: 12px 0 12px 0px;
    overflow: visible;
}
.div_PageContainerWrapped
{
    width: 960px;
    min-height: 600px;
    margin: 0px 0 0 10px;
    padding: 12px 0 12px 0px;
    overflow: visible;
    display: block;
}
.div_VndWizPageContainer {
    width: 960px;
    min-height: 600px;
    position: relative;
    float: left;
    clear: left;
    margin: 0px 0 0 10px;
    padding: 12px 0 12px 0px;
    overflow: visible;
    font-size: 13px;
}
.div_PageContainer_PublicPages
{
    width: 960px;
    min-height: 600px;
    position: relative;
    float: left;
    margin: 0px 0 0 10px;
    padding: 12px 0 12px 0px;
    overflow: visible;
    background: url(../images/BG_HomePage.jpg) no-repeat 525px 160px;
}

/* Footer Container*/
.div_FooterContainer
{
    width: 100%;
    height: 200px;
    position: relative;
    float: left;
    background: #fff url(../images/slice_FooterBG.jpg) repeat-x;
}
/* Footer Content*/
.div_FooterAddress
{
    width: 210px;
    height: 140px;
    position: relative;
    float: left;
    margin: 25px 0 0 10px;
    background: url(../images/slice_FooterVrule.jpg) no-repeat 100% 0%;
}
.div_FooterAddressAgency
{
    width: 210px;
    height: 140px;
    position: relative;
    float: left;
    margin: 50px 0 0 30px;
    /*background: url(../images/slice_FooterVrule.jpg) no-repeat 100% 0%;*/
}
.div_FooterNav
{
    width: 150px;
    height: 140px;
    position: relative;
    float: left;
    margin: 25px 0 0 20px;
    background: url(../images/slice_FooterVrule.jpg) no-repeat 100% 0%;
}
.div_FooterCopy
{
    width: 620px;
    height: 140px;
    position: relative;
    float: left;
    margin: 25px 0 0 20px;
}

.div_MainLogin, .div_LoaderPanel
{
    width: 700px;
    height: 120px;
    float: left;
    margin: 50px 25px 175px 25px;
    padding: 12px;
    background-color: #fff;
}
.div_LoginLogo
{
    height: 120px;
    background-image: url(../images/main_logo.png) no-repeat;
}
.div_LoginVBar
{
    height: 120px;
    width: 4px;
    background-image: url(../images/slice_FooterVrule.jpg) no-repeat;
    background-position: top center;
}
.div_LoginForm
{
    height: 120px;
    padding: 20px 20px 20px 80px;
}
/* FORM LAYOUT CSS*/
/* Form container*/
.div_FormContainer
{
    width: 250px;
    min-height: 21px;
    position: relative;
    float: left;
    margin: 20px 0 0px 0px;
}
/* Form row*/
.div_FormRow
{
    width: 250px;
    height: 21px;
    position: relative;
    float: left;
    margin: 0px 0 4px 0px;
}
#SingleLineInput, .singleLineInput
{
    background: url(../images/Sprite_Assets.png) no-repeat -345px -105px;
    overflow: hidden;
}
#KeyCodeInput
{
    background: url(../images/Sprite_Assets.png) no-repeat -413px -341px;
    overflow: hidden;
}
#KeyCodeInputSm
{
    background: url(../images/Sprite_Assets.png) no-repeat -413px -373px;
    overflow: hidden;
}
#MultiLineInput, .multiLineInput
{
    background: url(../images/Sprite_Assets.png) no-repeat -345px -130px;
    overflow: hidden;
    height: 120px;
}
#LoginInput
{
    background: url(../images/Sprite_Assets.png) no-repeat -345px -255px;
    overflow: hidden;
    width: 125px;
    float: right;
    margin: 0 3px 0 0;
}
/* END FORM LAYOUT CSS*/

/* VALIDATION STUFF */
.div_Validation
{
    width: 100%;
    min-height: 55px;
    position: relative;
    float: left;
    clear: left;
    margin: 16px 0px 0 0px;
    background: #FFFFFF url(../images/div_ValidationError.gif) no-repeat;
}

.list_Validation ul
{
    color: #B20638;
    margin: 0 0 0 0px;
    padding: 20px 0 0 0px;
    font: Arial, Helvetica, sans-serif;
}

.list_Validation
{
    list-style-image: url('../images/bullet_Arrow.gif');
    list-style-position: outside;
    font: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 12px;
    position: relative;
    float: left;
    margin: 17px 0 0 0px;
    padding: 0 0 0 80px;
}
.list_Validation li
{
    font: Arial, Helvetica, sans-serif;
    margin: 0 0 6px 0px;
}
/* END VALIDATION STUFF */


/* PROJECT MANAGEMENT STYLES -- */
.div_ProjectContainer
{
    width: 960px;
    min-height: 700px;
    position: relative;
    float: left;
    margin: 12px 0 0 0px;
    padding: 0;
}
.div_ProjectTreeContainer
{
    width: 100%;
    min-height: 100px;
    position: relative;
    float: left;
    margin: 0px 0 0px 0px;
    padding: 10px 0 12px 0;
}
.div_ProjectContentContainer
{
    width: 100%;
    min-height: 100px;
    position: relative;
    float: left;
    margin: 0px 0 0px 0px;
    padding: 10px 0 12px 10px;
    background: #FFF;
}
.div_Row
{
    width: 98%;
    min-height: 21px;
    position: relative;
    float: left;
    margin: 15px 0 0px 0px;
}
.div_ProjectContentControlFormContainer
{
    width: 600px;
    min-height: 100px;
    position: relative;
    float: left;
    margin: 0px 0 0px 0px;
    padding: 10px 0 12px 10px;
    background: #FFF;
}
/* Nested Check Box Container*/
.div_NestedChkBoxContainer
{
    width: 98%;
    min-height: 16px;
    position: relative;
    float: left;
    margin: 4px 4px 0px 0px;
    padding: 2px;
    background: #f4f4f4;
    border: 1px solid #ccc;
}

.div_NestedChkBoxContainerChild
{
    margin-left: 10px;
    width: 100%;
}

/* Control Containers, to give same padding as NestedChkBoxContainer divs */
.div_ControlContainer
{
    width: 100%;
    min-height: 16px;
    margin: 4px 4px 0px 0px;
    padding: 2px;
    border: none;
}

.div_ControlContainer .div_Row
{
    margin: 0 0 0 0;
}

/* WIDGET CONTAINER CSS*/
/* widget*/
.div_Widget
{
    width: 470px;
    position: relative;
    float: left;
    margin: 10px 0 0px 0px;
}
.fullWidth
{
    width: 1100px;
}



#onRightSide
{
    margin-left: 20px;
}
/* widget hdr*/
.div_WidgetHdr
{
    width: 100%;
    height: 32px;
    position: relative;
    float: left;
    margin: 0px;
    background: url(../images/slice_FeatBoxHdr.gif) repeat-x 0 0;
}
.div_WidgetHdrData
{
    min-width: 20px;
    height: 25px;
    position: relative;
    float: right;
    margin: 4px 10px 0 0px;
}
.div_WidgetContent
{
    width: 100%;
    position: relative;
    float: left;
    margin: 0px;
}

.div_DashConfigContainer {
    float: left;
    clear: left;
    padding-top: 25px;
}

.div_DashComponentList {
    font-size: 12px;
    color: black;
    display: inline-block;
}

.hiddenObject
{
    display: none;
}

.compliance-disclaimer {
    position: relative; 
    bottom: 0px; 
    right: -765px; 
    font-style: italic; 
    font-size: 8px;
    display: inline;
}

.label_pastDue {
    font-size: 16px;
    font-weight: bold;
    color: darkred;
}

.inline {
    display: inline-block;
}


/*----------------------------------------------------------------------------------
***************************** Font Styles ***********************************
----------------------------------------------------------------------------------*/
h1, .header1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #01536a;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

h2, .header2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #01536a;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

h3, .header3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #01536a;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

/* Page Copy -  -- */
.fnt_Copy
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 10px 0px 0px 0px;
}

/* Global Nav -  -- */
.fnt_GlobalNav
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
}
A.fnt_GlobalNav:HOVER
{
    color: #34b475;
}

/* Explore Nav -  -- */
.fnt_Explore
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*color: #f8b407;*/
    color: white;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
}

/* Widget Header-- */
.fnt_WidgetHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 8px 0px 0px 6px;
    position: relative;
    float: left;
}
/* Widget Data-- */
.fnt_WidgetData
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0px 1px 0px;
}

/* Footer Address -- */
.fnt_FooterAddress
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    clear: left;
}

/* User Hyperlinks -- */
.fnt_UserLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #005167;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px;
}
.fnt_UserLink_on
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    background: #015E77;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px;
}

/* Labels */
.fnt_Label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 5px 0px 2px 0px;
    text-transform: uppercase;
    clear: left;
}

.fnt_VndWizLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 7px 0px 2px 0px;
    text-transform: uppercase;
    clear: left;
}

.fnt_BigLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 5px 0px 2px 0px;
    padding-top: 5px;
    text-transform: uppercase;
    clear: left;
}

/* Labels */
.fnt_LabelLC
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 5px 0px 2px 0px;
    clear: left;
}

/* User Tag */
.fnt_UserTag
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #005066;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 10px 0px 0px 6px;
    position: relative;
    float: left;
}

/* COI red*/
.coiRed
{
    color: #B20638;
}
/* COI blue*/
.coiBlue
{
    color: #005167;
}
/*COI green*/
.coiGreen 
{
    color: #34b475;
}








/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* Submit  */
.btn_Submit
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -0px -165px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Submit:HOVER
{
    background-position: -0px -190px;
}

/* Save  */
.btn_Save
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -184px -215px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 12px 0;
}
A.btn_Save:HOVER
{
    background-position: -184px -240px;
}

/* Cancel  */
.btn_Cancel
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -92px -165px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Cancel:HOVER
{
    background-position: -92px -190px;
}

/* SignIn  */
.btn_SignIn
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -184px -165px no-repeat;
    position: relative;
    float: left;
    margin: 6px 3px 0 0px;
}
A.btn_SignIn:HOVER
{
    background-position: -184px -190px;
}

/* Reset */
.btn_Reset
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -0px -215px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0px;
}
A.btn_Reset:HOVER
{
    background-position: -0px -240px;
}

/* Reset Defaults  */
.btn_ResetDefaults
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -0px -265px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0px;
}
A.btn_ResetDefaults:HOVER
{
    background-position: -0px -290px;
}

/* Return Home  */
.btn_ReturnHome
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -92px -265px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0px;
}
A.btn_ReturnHome:HOVER
{
    background-position: -92px -290px;
}



/* Add new  */
.btnVendorAdd {
    /*font-family: Arial, Tahoma, sans-serif;*/
    font-size: 12px;
     position: relative;
    left: 5px;
    top: 17px;
}

.btnVendorImport {
    font-size: 12px;
    position: relative;
    left: 20px;
    top: 17px;
    z-index: 1;
}

.btnQuarterlyTracking {
    font-size: 12px;
    position: relative;
    left: 35px;
    top: 17px;
    z-index: 1;
}


.btn_AddNew
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -92px -215px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0px;
}
A.btn_AddNew:HOVER
{
    background-position: -92px -240px;
}

/* Add copy  */
.btn_AddCopy
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -184px -265px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0px;
}
A.btn_AddCopy:HOVER
{
    background-position: -184px -290px;
}

/* Browse  */
.btn_Browse
{
    display: block; /* a tag must be a block */
    width: 22px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -280px -165px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 12px 0;
}
A.btn_Browse:HOVER
{
    background-position: -280px -190px;
}

/* Back  */
.btn_Back
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -620px -470px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Back:HOVER
{
    background-position: -620px -495px;
}

/* Next  */
.btn_Next
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -712px -470px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Next:HOVER
{
    background-position: -712px -495px;
}

/* Finish  */
.btn_Finish
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -804px -470px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Finish:HOVER
{
    background-position: -804px -495px;
}

/* Quit  */
.btn_Quit
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -620px -520px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Quit:HOVER
{
    background-position: -620px -545px;
}

/* Retry  */
.btn_Retry
{
    display: block; /* a tag must be a block */
    width: 90px; /* width of reactive image */
    height: 22px; /* height of reactive image */
    background: url(../images/Sprite_Assets.png) -712px -520px no-repeat;
    position: relative;
    float: left;
    margin: 6px 0px 0 3px;
}
A.btn_Retry:HOVER
{
    background-position: -712px -545px;
}

/* STEPS */
.asset_Step1
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -810px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_Step2
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -846px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_Step3
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -882px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_Step4
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -918px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}

/* STEPS */
.asset_FreeStep1
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1110px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStep2
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1146px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStep3
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1182px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStep4
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1218px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}

/* Vendor registered by client*/
.asset_FreeStepVendor1
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1329px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStepVendor2
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1365px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStepVendor3
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1401px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_FreeStepVendor4
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1437px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}


/* STEPS FOR VENDOR INSURANCE VERIFICATION */
.asset_virStep1
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -960px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_virStep2
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -996px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_virStep3
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1032px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}
.asset_virStep4
{
    position: relative;
    clear: both;
    width: 940px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1068px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}

/* STEPS FOR RENEWAL PAYMENTS */
.asset_payStep1
{
    position: relative;
    clear: both;
    width: 480px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1255px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}

.asset_payStep2
{
    position: relative;
    clear: both;
    width: 480px;
    height: 36px;
    background: url(../images/Sprite_Assets.png) 0px -1290px no-repeat;
    overflow: hidden;
    margin: 12px 0 12px 0;
}

/*----------------------------------------------------------------------------------
***************************** Lists ***********************************
----------------------------------------------------------------------------------*/
/* EXPLORE NAVIGATION STYLES-- */
.Explore
{
    margin: 0px 0 0 -2px;
    padding: 0px;
}
.Explore li
{
    text-align: left;
    float: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.Explore a
{
    display: block;
    text-decoration: none;
    background: url(../images/bullet_Triangle.gif) 0px 4px no-repeat;
    padding: 0px 0 0 10px;
    margin: 5px;
}
.Explore a:hover
{
    background-image: url(../images/bullet_Triangle_Hover.gif);
    text-decoration: none;
}

/* User Hyperlinks-- */
.User
{
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
}
.User li
{
    text-align: left;
    position: relative;
    float: left;
    list-style: none;
    margin: 16px 0 0 12px;
    padding: 0px;
}
.User a
{
    display: block;
    text-decoration: none;
    background: none;
    padding: 0px 0 0 0px;
    margin: 0px;
}
.User a:hover
{
    color: #999;
}
.User a:active
{
    background: #015E77;
    color: #fff;
}

/* GLOBAL NAVIGATION STYLES-- */
/* GLOBAL NAVIGATION STYLES-- */
.GlobalNav
{
    position: relative;
    float: left;
    clear: left;
    width: 1100px;
    height: 30px;
    line-height: normal;
    margin: 2px 0px 0px 0px;
    padding: 0;
}
.GlobalNav ul
{
    margin: 0;
    padding: 10px 10px 0 0;
    list-style: none;
}
.GlobalNav li
{
    float: left;
    list-style: none;
    background: url(../images/Sprite_Assets.png) 0px -470px no-repeat;
    margin: 0;
    padding: 0 0 0 9px;
}
.GlobalNav a
{
    float: left;
    display: block;
    background: url(../images/globalNav_EndCap.gif) no-repeat right top;
    padding: 9px 15px 6px 6px;
    text-decoration: none;
    /*font-weight: bold;*/
    color: #fff;
}
.GlobalNav a:hover
{
    color: #34b475;
}
.GlobalNav .Selected
{
    background: url(../images/Sprite_Assets.png) 0px -530px no-repeat;
}
.GlobalNav .Selected a
{
    background-image: url(../images/globalNav_EndCap_on.gif);
    color: #fff;
}


/* TAB STRIP STYLES-- */
.TabStrip
{
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 30px;
    line-height: normal;
    margin: 12px 0px 12px 0px;
    padding: 0;
    background: url(../images/bg_ProjectHoroRule.gif) 0 24px no-repeat;
}
.TabStrip ul
{
    margin: 0;
    padding: 10px 10px 0 0;
    list-style: none;
}
.TabStrip li
{
    float: left;
    list-style: none;
    background: url(../images/Sprite_Assets.png) 0px -600px no-repeat;
    margin: 0;
    padding: 0 0 0 9px;
}
.TabStrip a
{
    float: left;
    display: block;
    background: url(../images/ts_EndCap.gif) no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
.TabStrip a:hover
{
    color: #333;
}
.TabStrip .Tab
{
    background-image:none;
}
.TabStrip .TabSelected
{
    background: url(../images/Sprite_Assets.png) 0px -670px no-repeat;
}
.TabStrip .TabSelected a
{
    background-image: url(../images/ts_EndCap_on.gif);
    color: #fff;
}


/*----------------------------------------------------------------------------------
***************************** User controls ***********************************
----------------------------------------------------------------------------------*/

/* User Control, sets color, border and font style for all text inputs, dropdowns */
.ucGeneric
{
    border: 1px #ffffff solid;
    width: 215px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    position: relative;
    float: left;
    padding-left: 2px;
    margin: 2px 0 0 2px;
    scrollbar-arrow-color: #cccccc;
    scrollbar-base-color: #c4c4c4;
    scrollbar-shadow-color: #c4c4c4;
    scrollbar-face-color: #c4c4c4;
    scrollbar-highlight-color: cccccc;
    scrollbar-dark-shadow-color: #c4c4c4;
    scrollbar-3d-light-color: #ffffff;
}

.ucWizGeneric,
#SingleLineInput .ucWizGeneric,
.singleLineInput .ucWizGeneric
{
    border: 1px #ffffff solid;
    width: 215px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    position: relative;
    float: left;
    padding-left: 2px;
    margin: 2px 0 0 2px;
    scrollbar-arrow-color: #cccccc;
    scrollbar-base-color: #c4c4c4;
    scrollbar-shadow-color: #c4c4c4;
    scrollbar-face-color: #c4c4c4;
    scrollbar-highlight-color: cccccc;
    scrollbar-dark-shadow-color: #c4c4c4;
    scrollbar-3d-light-color: #ffffff;
}

.readonly
{
    border:none;
    color:#666666;
    text-decoration:none;
}

.RadComboBox .rcbInputCell INPUT.rcbInput, .rcbList .rcbItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
}

.RadComboBox.ucWizGeneric .rcbInputCell INPUT.rcbInput, .ucWizGeneric .rcbList .rcbItem, .ucWizGeneric .rcbList .rcbHovered
{
    font-size: 13px;
}

.telerikInput
{
    width: 250px;
}

/*----------------------------------------------------------------------------------
***************************** ASSETS ***********************************
----------------------------------------------------------------------------------*/

/* Footer Vert rule */
.asset_FooterVrule
{
    width: 2px;
    height: 140px;
    background: url(../images/Sprite_Assets.png) -345px -30px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0px 10px 0 10px;
}
/* myCOI Logo */
.asset_Logo_PublicPages
{
    width: 175px;
    height: 33px;
    background: url(../images/Sprite_Assets.png) 0px -20px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0 0px 2px;
}
/* myCOI Logo */
.asset_Logo_PublicPages_Slim {
    width: 90px;
    height: 33px;
    background: url(../images/Sprite_Assets.png) 0px -20px no-repeat;
    position: relative;
    float: left;
    margin: 10px 0 0px 2px;
}
.asset_Logo_PrivatePages
{
    width: 175px;
    height: 33px;
    background: url(../images/Sprite_Assets.png) 0px -20px no-repeat;
    position: relative;
    float: right;
    margin: 10px 10px 0px 0px;
}

/* myCOI Footer Logo */
.asset_FooterLogo
{
    width: 100px;
    height: 45px;
    background: url(../images/Sprite_Assets.png) 0px -60px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 5px 0 5px 0px;
}

/* Login Validation Message */
.asset_LoginErrorMessage
{
    width: 148px;
    height: 22px;
    background: url(../images/Sprite_Assets.png) -345px -294px no-repeat;
    overflow: hidden;
    position: relative;
    float: right;
    margin: 19px 4px 0 0px;
}
.asset_ClientCompanyName
{
    float: left;
    margin-top: 1.65rem;
}

/* ICONS */
/* compliant */
.icon_Compliant {
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -25px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* non compliant */
.icon_NonCompliant
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -45px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Upload Attempted */
.icon_UploadAttempted
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -65px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Registered */
.icon_Registered
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -85px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* UnRegistered */
.icon_UnRegistered
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -105px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Document */
.icon_Document
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -125px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Documents Folder */
.icon_DocumentsFolder
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -145px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Project Settings */
.icon_ProjectSettings
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -165px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Insurance Folder */
.icon_InsuranceFolder
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -205px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Insurance */
.icon_Insurance
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -225px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Needs Attention */
.icon_Attention
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -245px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}
/* Project */
.icon_Project
{
    width: 15px;
    height: 15px;
    background: url(../images/Sprite_Assets.png) -620px -265px no-repeat;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 1px;
}

/* WidgetHdr_Lcap */
.asset_WidgetHdr_Lcap
{
    width: 6px;
    height: 32px;
    background: url(../images/Sprite_Assets.png) -620px -295px no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
}
/* WidgetHdr_Rcap */
.asset_WidgetHdr_Rcap
{
    width: 6px;
    height: 32px;
    background: url(../images/Sprite_Assets.png) -630px -295px no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}
/* WidgetHdrLabel_30days */
.asset_WidgetHdrLabel_30days
{
    width: 38px;
    height: 7px;
    background: url(../images/Sprite_Assets.png) -621px -349px no-repeat;
    position: relative;
    clear: left;
}
/* WidgetHdrLabel_60days */
.asset_WidgetHdrLabel_60days
{
    width: 38px;
    height: 7px;
    background: url(../images/Sprite_Assets.png) -674px -349px no-repeat;
    position: relative;
    clear: left;
}
/* WidgetHdrLabel_90days */
.asset_WidgetHdrLabel_90days
{
    width: 38px;
    height: 7px;
    background: url(../images/Sprite_Assets.png) -727px -349px no-repeat;
    position: relative;
    clear: left;
}
/* WidgetHdrLabel_Projects */
.asset_WidgetHdrLabel_Projects
{
    width: 45px;
    height: 7px;
    background: url(../images/Sprite_Assets.png) -780px -349px no-repeat;
    position: relative;
    clear: left;
}
/* WidgetHdrLabel_Vendors */
.asset_WidgetHdrLabel_Vendors
{
    width: 40px;
    height: 7px;
    background: url(../images/Sprite_Assets.png) -841px -349px no-repeat;
    position: relative;
    clear: left;
}

.agent_wizard_button
{
    float: right;
    margin: 10px 10px 0 0px;
}

.vendor_wizard_button
{
    float: right;
    margin: 10px 10px 0 0px;
}

.wizard_Button
{
    float: right;
    margin: 10px 10px 0 0px;
    clear: right;
}
.savecancel_Button
{
    float: left;
    margin: 5px;
}

.requiredfield
{
    margin-left: 3px;
    margin-right: 3px;
    font-weight: bold;
    font-size: 10px;
}

.confirmationText
{
    float: left;
    clear: right;
    font-weight: bold;
}

.icon_legend
{
    background-image: url(../images/icon_legend.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.div_WizardPageContainer
{
    padding: 5px;
    height: 600px;
    width: 960px;
}

.div_WizardContainer
{
    padding: 10px;
    width: 940px;
}
.div_WizardButtons
{
    float: right;
    clear: right;
    width: 100%;
    height: 45px;
    border-top: solid 4px #666666;
}

.div_AgentWizardContainer
{
    padding: 10px;
    width: 640px;
}

.div_AgentWizardContainer h1
{
    font-size: 26px;
}

.div_AgentWizardContainer h2
{
    font-size: 22px;
}

.div_AgentWizardContainer h3
{
    font-size: 16px;
}


.div_NestedChkBoxContainer .rtMinus, .div_NestedChkBoxContainer .rtPlus, 
.div_ControlContainer .rtMinus, .div_ControlContainer .rtPlus
{
    display: none;
    visibility: hidden;
}

.div_NestedChkBoxContainer .RadTreeView .rtLI,
.div_ControlContainer .RadTreeView .rtLI,
.div_WizardContainer .RadTreeView .rtHover .rtLI, 
.div_WizardContainer .RadTreeView .rtSelected .rtLI,
.div_ProjectContentControlFormContainer .RadTreeView .rtHover .rtIn, 
.div_ProjectContentControlFormContainer .RadTreeView .rtSelected .rtIn,
.div_AgentWizardContainer .RadTreeView .rtHover .rtLI, 
.div_AgentWizardContainer .RadTreeView .rtSelected .rtLI
{
padding: 1px 0px 1px 5px;
}

.div_NestedChkBoxContainer .RadTreeView .rtHover .rtIn, 
.div_NestedChkBoxContainer .RadTreeView .rtSelected .rtIn,
.div_ControlContainer .RadTreeView .rtHover .rtIn, 
.div_ControlContainer .RadTreeView .rtSelected .rtIn,
.div_WizardContainer .RadTreeView .rtHover .rtIn, 
.div_WizardContainer .RadTreeView .rtSelected .rtIn,
.div_ProjectContentControlFormContainer .RadTreeView .rtHover .rtIn, 
.div_ProjectContentControlFormContainer .RadTreeView .rtSelected .rtIn,
.div_AgentWizardContainer .RadTreeView .rtHover .rtIn, 
.div_AgentWizardContainer .RadTreeView .rtSelected .rtIn
{
    background: none !important;
    border: none !important;
    padding: 4px 3px 3px !important;
    color: #000;
}


.vendorTreeNodeText
{
    min-height:15px;
    vertical-align:middle;
    padding:0 0 0 6px;
}

.rtTemplate{ vertical-align:middle;}

ul.noindent {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

#agentsArea div table tbody tr td {
    /*vertical-align: top;*/
}

.selfManagedCheck
{
    font-family: Arial, Helvetica, sans-serif;
  
    font-size: 9px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 5px 0px 2px 0px;
    clear: left;
     margin-left: 5px;
    line-height: 25px;
    width: 250px;
}   

.selfManagedCheck label{
    font-size: 12px;
    font-family: "Segoe UI", Arial, sans-serif;
    margin-left: 5px;
}
.selfManagedCheck:hover {
    background-color: #e9f8ff;
}

/* Help Styles*/
    .help-title-area {
        width: 100%;
        margin-left:20px;
    }
    
    .video-border {
        -webkit-box-shadow: 4px 3px 29px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 4px 3px 29px 1px rgba(0,0,0,0.75);
        box-shadow: 4px 3px 29px 1px rgba(0,0,0,0.75);
        margin-left: 60px;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 800px;
        height: 480px;
    }

    #help-page-wrapper {
        padding: 50px 0 50px 50px;
    }

    .help-page-title {
        margin-bottom: 30px;
        font-size: 50px;
        vertical-align: top;
    }

    .help-section {
        padding-left: 60px;
        padding-top: 30px;
        width: 600px;
        display: inline-block;
        vertical-align: top;
    }

   .help-section-middle {
        padding-left: 30px;
        padding-top: 30px;
        width: 500px;
        display: inline-block;
        vertical-align: top;
    }

    .help-section-right {
        padding-left: 30px;
        padding-top: 30px;
        display: inline-block;
        vertical-align: top;
    }

    .bullet {
        list-style-type: none;
        margin-bottom: 10px;
    }

    .bullet-icon {
        height: 25px;
        width: 25px;
        cursor: pointer;
        vertical-align: middle;
    }

    .training-link {
        padding-left: 10px;
        font-size: 18px;
        color: #01536a;
        cursor: pointer;
    }

    .care-text {
        padding-left: 10px;
        font-size: 20px;
        color: #01536a;
    }

    .more-help {
        padding-left: 10px;
        font-size: 16px;
        color: #01536a;
        cursor: pointer;
    }

    /*Added to Styles.css as it's used in multiple places.*/
.ticketButton {
    top: 10px;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    background-color: #055A6F;
    color: #ffffff;
    padding: 7px;
    text-decoration: none;
    cursor: default;
    border: 1px solid #055A6F;
    font-size: 12px;
    float: right;
    width: 100px;
    text-align: center;
}

    .ticketButton:hover {
        color: #055A6F;
        background-color: #FFFFFF;
        cursor: pointer;
        border: 1px solid #055A6F;
    }

#_rfdSkinnedchkShowInactiveVendors.rfdCheckboxChecked, #_rfdSkinnedchkShowInactiveVendors.rfdCheckboxUnchecked {
    display: none !important;
}

.indented {
    margin-left: 14px;
}

.mycoi-beta-button {padding: 2px 8px !important;margin-top: -4px !important;border-radius: 4px !important;background: #3FBA8D !important;font-size: 12px;font-weight: bold;color: #fff;transition: background .2s ease-in-out;}

.mycoi-beta-button:hover {background: #389b77 !important;color:#FFFFFF !important;}