/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* BUTTONS AND LINK BUTTONS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#pageContent .innerContent .buttonSmall
{
    background:  transparent url('../Css/Gateway/Images/buttonTinyLongBlack.png') top left no-repeat;
    width: 100px;
    height: 21px; 
    border: 0;
    padding: 0 0 0 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    font-size: 9pt;
}

#pageContent .innerContent  .buttonSmall:hover
{
    color: Yellow;
    cursor: pointer;
}


#pageContent .innerContent .linkButton
{    
    background: transparent url('../Css/Gateway/Images/iconLink2.png') right no-repeat;    
    background-position: right -26px ; 
    border: 0;
    color: Black;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
}


#pageContent .innerContent .linkButton:hover
{    
    color: #555;
    cursor: pointer;   
    background-position: right 2px ; 
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TELERIK TOOL TIP */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.toolTip
{
    padding: 5px;
}

.toolTip H4
{
    margin-top: 0;
    padding-top: 0;
    font-size: 10pt;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE BANNER */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bannerContent .innerBannerContent
{
    color: White;
}

#bannerContent .innerBannerContent H2
{  
    color: #fff;
}



#bannerContent .innerBannerContent .searchBannerBar .inner .searchOptions
{
    
    padding: 10px 0;
}


#bannerContent .innerBannerContent .searchBannerBar .searchOptions .item
{
    
    padding-bottom: 20px;
}
 

#bannerContent .innerBannerContent .searchBannerBar .searchOptions .item .label
{
    padding-bottom: 5px;

} 


#bannerContent .innerBannerContent .searchBannerBar .searchOptions .azRotator A.link
{
    display: inline-block;
    background: white;
    font-size: 14px;
    text-align: center;
    width: 20px;
    padding: 3px 0;
    margin-bottom: 4px;    
    -moz-border-radius: 3px;
    border-radius: 3px; 
    
}


#bannerContent .innerBannerContent .searchBannerBar .searchOptions .azRotator A.link:hover
{
    display: inline-block;
    background: silver;
    font-size: 14px;
    text-align: center;
    width: 20px;
    padding: 3px 0;
    margin-bottom: 2px;  
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SECTION */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .section
{
    margin-top: 10px;
    
    background: White;
    padding: 10px;
    
    -moz-border-radius: 10px;
    border-radius: 10px;
     
}

#pageContent .innerContent .titleSection
{
    margin-top: 10px;
        
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;    
    margin-bottom: 20px;
    
    background: transparent;
    border-bottom: 1px white solid;

    -moz-border-radius: 0;
    border-radius: 0;     
}

#pageContent .innerContent .titleSection H2
{
    color: White;
}









#pageContent .innerContent .section H4:first-child
{
    margin-top: 0;
    padding-top: 0;
}



#pageContent .innerContent .section H3
{
    margin-top: 0;
    padding-top: 0;    
}


#pageContent .innerContent .section .buttonPanel
{
    text-align: right;
}



#pageContent .innerContent .section .section
{
    margin-top: 10px;    
    border: none;    
    padding: 0;    
    padding-bottom: 10px;
    -moz-border-radius: 0px;
    border-radius: 0px;         
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* BOXED SECTION */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#pageContent .innerContent .section .boxedSection
{
    border: none;      
    background: silver;        
    margin-top: 10px;
    margin-bottom: 10px;       
    padding: 10px;    
}

#pageContent .innerContent .section .boxedSection .section
{
    padding: 0;
    margin: 0;
    background: transparent;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TABBED SECTION */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .tabbedSection
{
    margin-top: 10px;    
    border: none;    
    padding: 0;
    background: transparent;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MULTI PAGES (FOR TABS) : */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .tabbedSection .multiPages
{
}

#pageContent .innerContent .tabbedSection .multiPages .headerBar
{
    font: normal 12px/14px 'Segoe UI', Arial, sans-serif;
}

#pageContent .innerContent .tabbedSection .multiPages .headerBar .outer
{
    border-top: 1px black solid; 
    border-left: 1px black solid; 
    border-right: 1px black solid;
    border-top-right-radius: 5px; 
    -moz-border-radius-topright: 5px;    
    background: black;
}

#pageContent .innerContent .multiPages .headerBar .outer .inner
{    
    font-size: 10pt; 
    color: White; 
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 5px;
}

#pageContent .innerContent .multiPages .body
{
    border-top: none;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;

    padding: 10px 20px 10px;
    background: white;
    color: Black;
    
    min-height: 200px;

    overflow: visible;
    
    border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomright: 8px; 
    
    border-bottom-left-radius: 10px; 
    -moz-border-radius-leftright: 8px; 
}


#pageContent .innerContent .multiPages .body .section
{
    border: none;            
    -moz-border-radius: 0px;
    border-radius: 0px;    
    padding-top: 10px;    
    padding-bottom: 20px;
    
}


#pageContent .innerContent .multiPages .body .infoBar
{
    background-color: Orange; 
    padding: 5px; 
    text-align: center    ;
}

#pageContent .innerContent .multiPages .body .warning
{
	color: Red;
}
    
#pageContent .innerContent .multiPages .buttonPanel
{
    padding-top: 10px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MULTIPAGE SERVICE LIST STYLES */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .multiPages .body .renewalSection .highLight
{
    font-size: 14pt;
    color: Red;
    font-weight: bold;
}


#pageContent .innerContent .multiPages .body .existingServiceSection
{ 
}

#pageContent .innerContent .multiPages .body .existingServiceSection .buttonPanel
{
    border-top: dashed 1px white;
}



#pageContent .innerContent .multiPages .body .addServiceSection .grid
{
    padding-top: 20px;
}

#pageContent .innerContent .multiPages .body .addServiceSection .grid .title
{
    color: Black;
    font-weight: bold;
    font-size: 12pt;
}

#pageContent .innerContent .multiPages .body .addServiceSection .grid .description
{
    color: Black;
    font-weight: Normal;
    font-size: 10pt;
}

#pageContent .innerContent .multiPages .body .addServiceSection .grid .item .bestPrice,  .totals .totalToPay
{
    color: Red;
    font-size: 12pt;
    font-weight: bold;
}

#pageContent .innerContent .multiPages .body .addServiceSection  .totals
{
    padding-top: 10px;    
}

#pageContent .innerContent .multiPages .body .addServiceSection .totals .info
{
    padding-top: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SECTION TYPE 2 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .sectionT2
{
    margin-top: 10px;
        
    padding: 10px;
    
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: black;
    color: White;
    font-size: 9pt;
    min-height: 150px;
    font-weight: normal;
}



#pageContent .innerContent .sectionT2 H3
{
    display: block;
    border-bottom: solid 1px #fff;
    padding: 0;
    margin: 0;  
    
    padding-bottom: 8px; 
    margin-bottom: 12px; 

    color: #fff;
    font-size: 11pt;
}



#pageContent .innerContent .sectionT2 P.highLight
{  
    font-weight: bold;
    font-size: 1em;
}

#pageContent .innerContent .sectionT2 .highLight2
{  
    color: Yellow;
}


#pageContent .innerContent .sectionT2 P.highLight SPAN.highLight
{  
    font-size: 1.3em;    
}


#pageContent .innerContent .sectionT2 .options
{
    padding-top: 10px;
    text-align: right;
}


#pageContent .innerContent .sectionT2 A
{
    color: White;
}


#pageContent .innerContent .sectionT2 A:hover
{
    color: silver;
}



#pageContent .innerContent .sectionT2 .linkButton
{    
    background: transparent url('../Css/Gateway/Images/iconLink.png') right center no-repeat;    
    border: 0;
    color: white;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
}


#pageContent .innerContent .sectionT2  .linkButton:hover
{    
    color: #d2d2d3;
    cursor: pointer;   

    text-decoration: undeline;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SUMMARY SECTION */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .summarySection
{
    color: Black;
}

#pageContent .innerContent .summarySection h3
{
    color: Black;
}

#pageContent .innerContent .summarySection .infoTable h3
{
    text-align: center;
    font-size: 20pt;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    
}

#pageContent .innerContent .summarySection .infoTable h4
{
    padding-top: 0;
    margin-top: 10px;
    text-align: center;
    font-size: 10pt;  
    color: Gray;  
}

#pageContent .innerContent .summarySection .infoTable TABLE TR TD.item
{
    padding-left: 20px;
    padding-right: 20px;    
    border-right: solid silver 1px; 
}


#pageContent .innerContent .summarySection .infoTable TABLE TR TD.item:first-child
{
    
    border-right: solid silver 1px; 
    padding-right: 20px;
    padding-left: 0;
}   

#pageContent .innerContent .summarySection .infoTable TABLE TR TD.item:last-child
{
    
    border-right: none; 
    padding-left: 20px;
    padding-right: 0;
}   



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT: GRID */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .grid
{
}

#pageContent .innerContent .options
{
    padding-bottom: 5px;
    text-align: left;   
    color: #333; 
}

#pageContent .innerContent .grid .noRecords
{
    color: #000;
    text-align: center;
    font-size: 10pt;
    padding: 5px 0;
}

#pageContent .innerContent .grid .item
{
    padding-top: 5px;
    padding-bottom: 10px;
}

#pageContent .innerContent .grid .item .mainText
{
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    
}

#pageContent .innerContent .grid .item .subText
{
    color: #555;
    padding-top: 3px;
    font-size: .9em;
}

#pageContent .innerContent .grid .item .subText A
{
    color: #333;
}

#pageContent .innerContent .grid .item .subText A:hover
{
    color: Silver;
}



#pageContent .innerContent .grid .item .mainText A
{
    color: #333;
}

#pageContent .innerContent .grid .item .mainText A:hover
{
    color: Silver;
}

#pageContent .innerContent .grid .item .highLight
{
    color: #000;
    font-weight: bold;
}


#pageContent .innerContent .grid .item .highLightLine
{
    color: red;    
}

#pageContent .innerContent .grid .item .addText
{
    color: Black;    
    font-weight: bold;
    border-top: dotted 1px gray;
    margin-top: 15px;
    padding-top: 5px;
    
}



#pageContent .innerContent .grid  .withDivider
{
    border-bottom: dashed 1px gray;
    
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE SEARCH BAR */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent  .searchBox
{  
}

#pageContent .innerContent  .searchBox .box
{
    background: white;    
    border: solid 1px gray;   
    width: 275px; 
}


#pageContent .innerContent  .searchBox .searchButton
{      
    border: none;
    background: url('../Css/Gateway/Images/SearchIcon.png') top right repeat; 
    width: 22px;
    height: 20px;
    cursor: pointer; 
}







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FORM DISPLAY : */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .form
{
    clear: both;   
    padding: 10px 0;
}

#pageContent .innerContent .form .item
{
    clear: both;
    padding: 3px 0;
}


#pageContent .innerContent .form .item .label
{
    float: left;
    width: 200px;
}

#pageContent .innerContent .form::after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#pageContent .innerContent .form TD.label
{
    width: 200px;
}

#pageContent .innerContent .form TD.field
{
    padding-bottom: 10px;
}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ASSESSMENT REQUIREMENT STATUS TYPES FOR TITLE DISPLAY : */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .requirementPending
{
    background: #FF7E00 url('../Images/iconReqPending.png') top left no-repeat; 
    padding: 4px 2px 4px 25px; 
    color: White; 
    font-weight: bold; 
    font-size: 10pt;
    vertical-align: bottom;
}

#pageContent .innerContent .requirementOnHold
{
    background: Gray url('../Images/iconReqOnHold.png') top left no-repeat; 
    padding: 4px 2px 4px 25px; 
    color: White; 
    font-weight: bold; 
    font-size: 10pt
}

#pageContent .innerContent .requirementYes
{
    background: Green url('../Images/iconReqYes.png') top left no-repeat; 
    padding: 4px 2px 4px 25px; 
    color: White; 
    font-weight: bold; 
    font-size: 10pt
}

#pageContent .innerContent .requirementNo
{
    background: Red url('../Images/iconReqNo.png') top left no-repeat; 
    padding: 4px 2px 4px 25px; 
    color: White; 
    font-weight: bold; 
    font-size: 10pt
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ROTATOR BORDER FIX : */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.RadRotator .rrClipRegion
{
	border: 0px none !important;
}