/*----------------------------------------------------------17---------------------------------

INDEX:

1. SETUP
 - 1.1 Reset
 - 1.2 Defaults
 - 1.3 Floating & Alignment

2. SITE STRUCTURE & APPEARANCE
 - 2.1 Header Area
 - 2.2 Search Area
 - 2.3 Navigation Area
 - 2.4 Homepage
 - 2.5 Page Headings
 - 2.6 Content / Layout
 - 2.7 Single Theme Listing Page
 - 2.8 Theme Gallery
 - 2.9 Agreement
 
3. CONTENT
 - 3.1 Main Content
 - 3.2 Comments
 - 3.3 Sidebar
 - 3.4 Footer

4. PAGE TEMPLATES

5. MISC
 - 5.1 Green Box
 - 5.2 Agreement Options
 - 5.3 Details Container
 - 5.4 Detail Box
 - 5.5 Table in details box
 - 5.6 Edit button
 - 5.7 Red Box
 - 5.8 Floating with Arrears
 - 5.9 jQuery Datatable
 

-------------------------------------------------------------------------------------------*/
/* Portlet box */

.portlet h2, .subPortlet h2
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 0 repeat-x;
    border: 1px solid transparent;
    padding: 0.35em 1em;
    color: #fff;
    font-size: 1.3em;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-bottom: 0;
}

.subPortlet h2
{
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.portlet .portletInnerContainer, .subPortlet .portletInnerContainer
{
    background: #fff;
    border: 1px solid #CBCBCB;
    display: block;
    padding: 1em;
}

ul.bullet li
{
    background: url("../images/red-arrow-right.gif") no-repeat scroll 0 0.4em transparent;
    font-size: 0.9em;
    margin-bottom: 1em;
    padding-left: 0.9em;
    line-height: 1.5em;
}


.grid_16.searchContainer, .grid_16.navigation, .grid_16.footer
{
    padding-left: 1%;
    padding-right: 1%;
    margin: 0;
}

.grid_16.footer
{
    margin: 2em 0 0 0;
}

.largeTextareaWidth
{
    width: 150%;
}

.large
{
    width: 100%;
}

.textareaWidth
{
    width: 99%;
}

.big
{
    width: 85%;
}

.medium
{
    width: 50%;
}

.small
{
    width: 30%;
}

hr
{
    color: #CBCBCB;
    background-color: #CBCBCB;
    height: 2px;
    border: 0;
}

fieldset.addBorder
{
    border: 1px solid #CBCBCB;
    padding: 0.5em 0.2em;
}

fieldset.addBorder legend
{
    font-weight: bold;
    margin: 0.5em;
}

ul.listboxArrow
{
    margin-top: 1em;
    display: inline-block;
}

ul.listboxArrow li
{
    margin-bottom: 0.5em;
    text-align: center;
}

ul.listboxArrow li input[type="button"]
{
    padding: 0;
    float: none;
    width: 2em;
}

.multiSelectBox
{
    height: 10em;
    overflow: auto;
}

.addressList
{
    border: 1px solid #CBCBCB;
    padding: 5px 0;
}


ul.address li
{
    margin-bottom: 1em;
}

ul.accordionTheme
{
    margin: 0;
    padding: 0;
}
ul.accordionTheme li
{
    background: url(../images/accordion.png);
    margin-bottom: 0.1em;
    -moz-border-radius: 2px;
}
ul.accordionTheme li a
{
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.7em;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
}
ul.accordionTheme li.active
{
    background-image: url(../images/accordion.png);
    background-repeat: repeat-x;
    background-position: 0 -50px;
    margin-bottom: 0.1em;
    -moz-border-radius: 2px;
}

/*Quick Menu*/

.quickMenu, .quickMenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 1.5em;
}

.quickMenu a
{
    display: block;
    padding: 0.2em 0.5em;
    color: #fff;
    text-decoration: none;
    background-color: #c60010;
    background-image: url(../images/decending.png);
    background-repeat: no-repeat;
    background-position: 93% center;
}

.quickMenu li a:hover
{
    background-color: #c60010;
    color: #fff;
    text-decoration: none;
}

.quickMenu li
{
    float: left;
    position: relative;
    width: 100px;
}

.quickMenu ul
{
    position: absolute;
    display: none;
    border: 2px solid #9F0616;
    top: 1.9em;
    z-index: 999;
}

.quickMenu li ul a
{
    height: auto;
    color: #c60010;
    text-decoration: none;
    background-color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-image: none;
}

.quickMenu ul ul
{
    top: 0px;
    background: #000;
}

.quickMenu li ul ul
{
    left: 12em;
    margin: 0px 0 0 10px;
}

/*.quickMenu li:hover ul ul, .quickMenu li:hover ul ul ul, .quickMenu li:hover ul ul ul ul
{
    display: none;
}
.quickMenu li:hover ul, .quickMenu li li:hover ul, .quickMenu li li li:hover ul, .quickMenu li li li li:hover ul
{
    display: block;
*/

/*Password Strength*/

.ui-dialog .ui-dialog-titlebar-close
{
    display: none !important;
}

.ui-dialog .ui-dialog-titlebar-close span
{
    display: none;
}

#pmeterbar
{
    height: 1.2em;
    margin-top: 0.5em;
    white-space: nowrap;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#pmeterstring
{
    font-weight: bold;
}
.pmeterBarHolder
{
    height: 10px; /*background: #e8e8e8;*/
    width: 100px;
}
.good
{
    background-color: #FFA600;
}
.strong
{
    background-color: #FFFF00;
}
.veryStrong
{
    background-color: #94EF94;
}
.excellent
{
    background-color: #009933;
}

/*error & messages */

.errorMessage
{
    background: #fbd9d9 url('../images/icons_messagebox_error.png') 0.75em center no-repeat;
    border: 2px solid #e2293c;
    padding: 1em 1em 1em 4em;
    color: #a80617;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.warningMessage
{
    background: #FFFF66 url('../images/warning.png') 0.75em center no-repeat;
    border: 2px solid #FF6633;
    padding: 1em 1em 1em 4em;
    color: #FF6633;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.informationMessage
{
    background: #DFEAFB url(../images/icons_messagebox_flashmsg.png) 0.20em top no-repeat;
    border: 2px solid #2973E2;
    padding: 1em 1em 1em 4em;
    color: #01337D;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.successMessage
{
    background: url("../images/green_tick.png") no-repeat scroll 4px 50% #DBEEBB;
    border: 2px solid #56C30E;
    padding: 1em 1em 1em 4em;
    color: #497D0D;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.detailsContainer .successMessage, .detailsContainer .warningMessage, .detailsContainer .errorMessage
{
    margin-bottom: 0;
}



/* Button */
button, input[type='submit'], input[type='button'], a.secondaryBtn, a.primaryBtn, .ui-widget-content a.secondaryBtn, .ui-widget-content a.primaryBtn
{
    border: 2px solid #E0283B;
    background: #E0283B;
    color: #fff;
    padding: 0px;
    width: auto;
    display: block;
    float: left;
    overflow: visible;
    padding: 0.20em;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 2px;
}

button.secondaryBtn, input[type='submit'].secondaryBtn, input[type='button'].secondaryBtn
{
    border: 2px solid #343434;
    background: #343434;
    color: #fff;
    padding: 0px;
    width: auto;
    display: block;
    float: left;
    overflow: visible;
    padding: 0.20em;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 2px;
}


.ui-dialog .ui-dialog-buttonpane button.disabled
{
    cursor: default;
}

input[type='button'].disabled, button.disabled
{
    border: 2px solid #838383;
    background: #838383;
    cursor: default;
}

input[type='submit'].disabled, input[type='submit'].disabled:hover
{
    border: 2px solid #838383;
    background: #838383;
    color: #fff;
    cursor: default;
}

input[type='button'].disabled:hover, button.disabled:hover
{
    border: 2px solid #838383;
    background: #838383;
    color: #fff;
    cursor: default;
}

a.primaryBtn
{
    padding: 0.34em 0.34em;
    text-decoration: none;
    background: #E0283B;
    border: 2px solid #E0283B;
    text-decoration: none;
    font-weight: bold;
}

a.secondaryBtn
{
    padding: 0.34em;
    text-decoration: none;
    background: #343434;
    border: 2px solid #343434;
    text-decoration: none;
    font-weight: bold;
    height: 15px;
    padding-top: 0.22em\0/; /* for ie 8 */
    padding-bottom: 0.36em\0/; /* for ie 8 */
}

body:nth-of-type(1) a.secondaryBtn
{
    padding-top: 0.30em;
    padding-bottom: 0.35em;
}
/* chrome */


button:hover, input[type='submit']:hover, input[type='button']:hover, a.secondaryBtn:hover, a.primaryBtn:hover
{
    background-image: none;
    background: #fff;
    color: #c60015;
    border: 2px solid #c60015;
    cursor: pointer;
    text-decoration: none;
}

.close
{
    display: block;
    background: url(../images/buttons.gif) 97px 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    font-size: 0;
}

.collapsibleLink
{
    background: transparent url('../images/widget-icons.png') -24px 0 no-repeat;
    display: block;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
    z-index: 100;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    cursor: pointer;
}

.expanded, .expanded .expanded
{
    background-position: 0 0;
}

/* Misc */
.greyBox, .passwordBox
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #EFEFEF;
    color: #424242;
    font-size: 0.85em;
    line-height: 1.2em;
}

.passwordBox
{
    height: 20px;
    display: block;
    width: 93%;
}

.passwordStrength
{
    background: url("../images/lock.png") no-repeat scroll 0 0 transparent;
    padding: 1.5% 1% 3% 6%;
}

.greyBox span
{
    padding: 0.6em 0.8em;
    display: block;
}



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Reset */

/* 1.2 Defaults */
html, body
{
    background-color: #cfcfcf;
}

body
{
    font-size: 0.8em;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

strong, .strong, .bold
{
    font-weight: bold;
}

a
{
    color: #c60015;
}

.breadcrumb a, .dropDown a, .dropDownOptions a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    color: #C60015;
    font-size: 2.1em;
    line-height: 1em;
    margin-bottom: 0.64em;
}

h2.accordion
{
    color: #000000;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1em;
    margin: 1em 0 0.3em;
}

h2
{
    color: #C60015;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 0.25em;
}

h2.portletTitle
{
    font-size: 100%;
    color: #fff;
    margin-bottom: 0;
}

h3
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
    color: #3C3C3C;
}

h4
{
    font-size: 1.5em;
    margin: 0.5em 0;
    color: #3C3C3C;
}

.container_12, .container_16
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background: none repeat scroll 0 0 #FFFFFF;
}

select, input[type=text], input[type=password], textarea
{
    border: 2px solid #E0E0E0;
    padding: 0.2em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


/*This class is created temp. need to remove as soon as address contry length trim from Oracle*/
.addresscombo
{
    width: 90%;
}

.disabledText
{
    color: #999999;
}


input[type="radio"], input[type="radio"]:hover
{
    border: 1px transparent solid;
}



input.inpCheck
{
    border: none;
}

/* 1.3 Floating / Alignment / min-height */

.positionRelative
{
    position: relative !important;
}
.positionAbsolute
{
    position: absolute;
}
.rightZero
{
    right: 0;
}
.bottomZero
{
    bottom: 0;
}

.alignCenter
{
    text-align: center;
}
.alignLeft
{
    text-align: left;
}
.alignRight
{
    text-align: right;
}
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}


input[type="submit"].floatRight, input[type="button"].floatRight, a.floatRight, .ui-widget-content a.floatRight
{
    float: right;
}

.marginBottomTwoPercent
{
    margin-bottom: 2%;
}

.marginTopOne
{
    margin-top: 1em;
}

.marginTopHalf
{
    margin-top: 0.5em;
}

.marginRightHalf
{
    margin-right: 0.5em;
}

.marginRightOne
{
    margin-right: 1em;
}

.marginRightTwo
{
    margin-right: 2em;
}

.marginRightSix
{
    margin-right: 6em;
}

.marginBottomOne
{
    margin-bottom: 1em!important;
}

.marginBottomHalf
{
    margin-bottom: 0.5em !important;
}

.marginBottomTwo
{
    margin-bottom: 2em;
}


.marginBottomFivePercent
{
    margin-bottom: 5%;
}

.marginBottomEightPercent
{
    margin-bottom: 8%;
}

.marginLeftOne
{
    margin-left: 1em;
}

.marginLeftPointFive
{
    margin-left: 0.5em;
}

.marginTopTwoPercent
{
    margin-top: 2%;
}
.marginTopFivePercent
{
    margin-top: 5%;
}

.marginTopTwelvePointTwentyFive
{
    margin-top: 12.25%;
}


.noMargin
{
    margin: 0;
}

.noMarginBottom
{
    margin-bottom: 0;
}
.noMarginRight
{
    margin-right: 0 !important;
}
.noMarginLeft
{
    margin-left: 0;
}

.marginRightThreePercent
{
    margin-right: 3%;
}

.TenPXPaddingLeftAndRight
{
    padding-left: 10px;
    padding-right: 10px;
}
.portlet .portletContent .noBottomBorder, .noBottomBorder
{
    border-bottom: none;
}

.portlet .portletContent.paddingBottomThreePercent
{
    padding-bottom: 3%;
}

.paddingTopHalf
{
    padding-top: 0.5em;
}

.paddingBottomHalf
{
    padding-bottom: 0.5em;
}

.paddingTopTwoPercent
{
    padding-top: 2%;
}

.paddingTopFourPercent
{
    padding-top: 4%;
}

.paddingTopThree
{
    padding-top: 3%;
}

.paddingTopSixPercent
{
    padding-top: 6%;
}

.paddingTopPointTwoEM
{
    padding-top: 0.2em;
}

.paddingTopPointThreeFiveEM
{
    padding-top: 0.35em;
}

.paddingBottomPointThreeFiveEM
{
    padding-bottom: 0.35em;
}

.paddingTopPointFiveEM
{
    padding-top: 0.5em;
}

.paddingLeftOneEM
{
    padding-left: 1em;
}

.paddingLeftPointTwoFiveEM
{
    padding-left: 0.25em;
}

.fontSizeOnePointTwoFive
{
    font-size: 1.25em;
}

.fontSizePointNine
{
    font-size: 0.9em;
}

.fontSizePointEightFive
{
    font-size: 0.85em;
}

.hide
{
    display: none;
}

.red
{
    color: #c60015;
}

.blue
{
    color: #2973e2;
}

.green
{
    color: #5ebc2a;
}

.fullWidth
{
    width: 100%;
}

.minBodyHeight
{
    min-height: 45em;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/


/* 2.1 HEADER AREA  */

.header
{
    padding: 1% 0;
    height: 80px;
}

a.logo
{
    background: #FFFFFF url('../images/sfpLogo.gif') no-repeat scroll 0 0;
    width: 279px;
    height: 75px;
    text-indent: -999px;
    display: block;
    font-size: 0;
}

/*---The class logoDynamic is built to suite the user Logo appearance---*/
a.logoDynamic
{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    width: 279px;
    height: 75px;
    text-indent: -999px;
    display: block;
    font-size: 0;
}

p.userLoginStatus
{
    color: #C60015;
    margin-bottom: 0;
}

#header_nav_wrapper
{
    bottom: 19px;
    color: #888888;
    font-size: 0.85em;
    margin-top: 26px;
    text-align: right;
}

#header_nav_wrapper #header_user
{
    color: #c60015;
}

.globalNavContainer
{
    text-align: right;
    font-size: 0.85em;
}

.globalNavContainer ul
{
    margin: 0;
    padding: 0;
}

.globalNavContainer ul li
{
    list-style-type: none;
    float: left;
    display: block;
    padding: 0 0.6em;
    border-right: 1px solid #000;
    line-height: 1em;
}

.globalNavContainer ul li.last
{
    border-right: 0;
    padding-right: 0;
}

ul.globalNav
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

ul.globalNav li
{
    list-style-type: none;
    float: left;
    margin-left: 0;
}

.navigation ul.globalNav li
{
    padding: 0.6em 0.4em;
}

ul.globalNav li a
{
    border-right: 1px solid #888888;
    color: #CCCCCC;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0.8em 0 0;
    line-height: 1em;
    font-size: 0.9em;
}

ul.globalNav li a:hover
{
    text-decoration: underline;
}

ul.globalNav li a.last
{
    border: 0;
    padding-right: 0;
}

/* 2.2 SEARCH AREA  */

.searchContainer
{
    padding: 1.15% 0;
    width: 377px;
    display: block;
}

.searchContainer p
{
    display: block;
    text-align: right;
}

.searchContainer label
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.4em 0.4em 0.4em 0;
}

input.searchIcon, input.searchIcon:hover
{
    background: url("../images/search_submit_icon.jpg") repeat scroll 0 0 transparent;
    height: 26px;
    margin-left: -0.1em;
    width: 26px;
    border: 0;
}

.searchContainer a
{
    margin: 0;
    padding: 0;
    font-size: 0.86em;
    display: inline-block;
}

input.goButton
{
    height: 27px;
    margin: 0 0 0 0.8em;
    width: 31px;
}

.enabledText
{
    color: #000;
}

/* 2.3 NAVIGATION AREA */

.navigation
{
    background: #1d1d1d url('../images/main_nav-bg.png') 0 0 repeat-x;
}

.navigation ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation ul li
{
    float: left;
    padding: 0.4em 1em;
    font-size: 0.925em;
    font-weight: bold;
}

#main_nav
{
    float: left;
}
#topnav a
{
    color: #fff;
    text-decoration: none;
    padding: 8px 14px;
    font-weight: bold;
}

#topnav a:hover
{
    text-decoration: none;
    cursor: default;
}

#topnav li.current a
{
    color: #fff;
    text-decoration: underline;
}
#topnav li.current
{
    color: #fff;
    text-decoration: underline;
}
#topnav li
{
    float: left;
    background-position: 0 50%;
    background-repeat: no-repeat;
    text-align: left;
}
#topnav li.first
{
    background: none;
}

#topnav li li
{
    padding: 0;
}
#topnav li li a
{
}

#topnav li:hover > a, #topnav li.sfHover > a
{
    background-color: #2b2b2b;
}

#topnav > li.sfHover > a
{
    background: transparent url('../images/sub_nav_arrow.gif') 50% 100% no-repeat;
}


/* 2.4 FOOTER */
.footer
{
    background: url("../images/grey-bar-backgrounds.gif") repeat-x scroll 0 bottom #272727;
    color: #B9B9B9;
    font-size: 0.85em;
    margin-top: 1em;
}

.footer ul
{
    margin: 0;
    padding: 0;
}

.footer ul li
{
    list-style-type: none;
    display: block;
    float: left;
    padding: 1.2em 0.5em;
}

.footer ul li a
{
    border-right: 1px solid #B9B9B9;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    line-height: 1em;
    padding-right: 1em;
    text-decoration: none;
}

.footer ul li a:hover
{
    text-decoration: underline;
}

.footer p
{
    margin: 1.1em 0;
}

/* 2.5 HOMEPAGE */

/*.container_16 .portlet{
	margin-top:2.1%;
	width:31.33%;
}*/

.container_16 .threeColumn
{
    width: 31.33%;
}

.container_16 .advanceSearchColumn
{
    width: 31.5%;
}

.container_16 .advanceSearchColumn .portletInnerContainer
{
    min-height: 21em;
}


.portletHeader
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 0 repeat-x;
    border: 1px solid transparent;
    padding: 0.35em 4%;
    color: #fff;
    font-size: 1.3em;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

/*.portlet {
	margin-bottom: 2%;
	height: 40%;
}*/

/*.portlet a
{
    color: #C60015;
}

.portlet a:hover
{
    text-decoration: underline;
}*/

.portlet .portletContent, .boxWithOnePixelBorder
{
    border: 1px solid #CBCBCB;
    display: block;
    padding: 1.2em;
}



.portlet .smallGreyText
{
    color: #767676;
    font-size: 0.9em;
}

.portlet .heightThirtyTwo
{
    height: 26.1em;
    overflow: auto;
}

.portletHeader a.editButton
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: url("../images/button_bg.gif") repeat-x scroll 0 -2px transparent;
    border: 2px solid transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.65em;
    height: 14px;
    line-height: 1.25em;
    padding: 0 2.5% 0.2% 2.5%;
    text-indent: 0;
    display: inline-block;
    text-decoration: none;
    margin-left: 0.5em;
}

.portlet .portletContentBox
{
    border-bottom: 1px solid #CBCBCB;
    font-size: 0.85em;
    color: #767676;
    margin-bottom: 1em;
}

.portletContent p
{
    color: #323232;
    font-size: 0.9em;
}

.portlet .portletContentBox p
{
    margin-bottom: 1em;
    font-size: 1.1em;
    color: #323232;
}

.portlet .portletNewsBox strong
{
    font-size: 1.1em;
}

.portlet .portletNewsBox strong a
{
    font-size: 1.35em;
}


.portlet .portletContentBox strong a
{
    font-size: 1.25em;
}

.portlet .portletReportBox
{
    margin-top: 1em;
    height: 70px;
    clear: both;
}

.portlet .portletReportBox p
{
    color: #818181;
    font-size: 0.85em;
}

.portlet .portletReportBox a
{
    background: url("../images/link_arrow_red.gif") no-repeat scroll 100% 50% #FFFFFF;
    font-size: 1.14em;
    padding-right: 3.25%;
}


.portlet .portletNewsBox
{
    border-bottom: 1px solid #CBCBCB;
    font-size: 0.85em;
    margin-bottom: 1em;
}

.portlet .portletNewsBox p
{
    margin-bottom: 1em;
}

.portlet .portletInfoBox
{
    background: url("../images/info_box-gradient.gif") repeat-x scroll 0 0 #EDEDED;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #CBCBCB;
    border: 1px solid #CBCBCB;
    border-style: solid;
    padding: 3.3%;
    height: 1%;
}

.portlet .portletInfoBox h2
{
    background: none;
    border: none;
    color: #000;
    font-size: 1.35em;
    padding: 0;
    margin-bottom: 0.34em;
    line-height: 1em;
}

.portlet .portletInfoBox p
{
    font-size: 0.8em;
}

/* 2.9 AGREEMENT */

.breadcrumb
{
    margin-top: 1%;
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 2px solid #dcdcdc;
    display: inline-block;
}
.breadcrumb ul
{
    list-style-type: none;
    margin: 0;
}

.breadcrumb ul li
{
    float: left;
    background: transparent url('../images/breadcrumb-separator.gif') 100% 50% no-repeat;
    list-style-type: none;
    padding: 0 1em 0 0;
    margin-right: 0.5em;
    font-size: 0.85em;
}
.breadcrumb ul li.current_item
{
    background: none;
    margin: none;
    font-weight: bold;
}
.breadcrumb ul li.last
{
    background: transparent;
    font-weight: bold;
}


.topMessage
{
    display: inline-block;
}
.topMessage h1
{
    margin-top: 1.15%;
}
/* 4 PAGE TEMPLATES 
 */

/* 4.1 Sign In, Portlet and Wizard  - Single column process
 */


.widgets h2
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 0 repeat-x;
    border: 1px solid transparent;
    padding: 0.35em 4%;
    color: #fff;
    font-size: 1.3em;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-bottom: 0;
}

.subWidgets h2
{
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 0 repeat-x;
    border: 1px solid transparent;
    padding: 0.35em 4%;
    color: #fff;
    font-size: 1.3em;
    margin-bottom: 0;
}

.widgets .widgetsInnerContainer, .subWidgets .widgetsInnerContainer
{
    border: 1px solid #CBCBCB;
    display: block;
    padding: 1em 0.5em;
    background: #fff;
}


.wizard .widgets
{
    border: 1px solid #CBCBCB;
    border-bottom: 0;
}

.wizard .widgets h2
{
    background-image: none;
    background-color: #fff;
    color: #000;
    padding: 1em 0.35em;
    font-weight: bold;
}

.wizard .widgets .widgetsInnerContainer
{
    border: 0;
    padding: 0.35em;
}

.wizardNav
{
    background: #272727 url('../images/wizardMenuBg.png') right -80px repeat-x;
}

.wizardNav ul
{
    margin: 0;
    padding: 0;
}

.wizardNav ul li
{
    list-style-type: none;
    display: block;
    float: left;
    height: 1.3em;
    color: #fff;
    font-weight: bold;
    padding: 0.9em 4em;
}

.wizardNav ul li.complated
{
    background: #272727 url('../images/wizardMenuBg.png') right 0 repeat-x;
    padding-right: 5.2em;
}

.wizardNav ul li.active
{
    background: #272727 url('../images/wizardMenuBg.png') right -40px repeat-x;
    padding-right: 5.2em;
}



.signIn
{
    padding-top: 2.5%;
}
.signIn h2.actionBoxTitle, .wizard h2.actionBoxTitle, .singleColumn h2.actionBoxTitle
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 0 repeat-x;
    border: 1px solid transparent;
    padding: 0.35em 4%;
    color: #fff;
    font-size: 1.3em;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-bottom: 0;
}
.wizard h2.actionBoxTitle
{
    background-color: #1e1e1e;
}

.wizard .inpSelect
{
    width: 95%;
}

.wizard h2 span
{
    color: #aeaeae;
    font-size: 0.53em;
    display: block;
    font-weight: bold;
    margin-bottom: 0.1em;
}

.signIn label, .wizard label, .singleColumn label, label
{
    display: inline-block;
    font-size: 1em;
}


.signIn .elementBlock, .wizard .elementBlock, .singleColumn .elementBlock
{
    margin-bottom: 1.25em;
}

.signIn .description
{
    color: #a0a0a0;
    font-size: 0.9em;
}

.signIn #btnSubmitSignIn
{
    padding: 0 12px;
}


.signIn ul li
{
    background: url("../images/red-arrow-right.gif") no-repeat scroll 0 0.3em transparent;
    font-size: 0.9em;
    margin-bottom: 1em;
    padding-left: 0.9em;
}

.signIn ul li ul
{
    margin: 1% 0;
}
.signIn ul li ul li
{
    font-size: 1em;
    list-style-type: none;
    background-image: none;
}




.signIn p, .wizard p, .singleColumn p, p
{
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 1em;
}



.wizard .greyBox
{
    background: url("../images/grey-bar-backgrounds.gif") repeat-x scroll 0 0 #2d2d2d;
    color: #fff;
    font-size: 1.3em;
    padding: 0.35em 4%;
}

.wizard .btnSubmit, .wizard .btnCancel, .singleColumn .btnSubmit, .singleColumn .btnCancel
{
    margin-right: 5%;
}
.singleColumn.report .btnSubmit, .singleColumn.report .btnCancel
{
    width: 20%;
    font-size: 1em;
}

.wizard .tooShort
{
    background: #c60015;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 30%;
}


.wizard .good
{
    background: #2973e2;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
}

.wizard .strong
{
    background: #c5ebc2a;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
}

.wizard small, small.note
{
    color: #A49DA4;
    display: inline-block;
    font-size: 0.9em;
    padding: 0.25em;
}

small.note
{
    display: block;
}


.wizard button, .wizard input[type='submit'], .singleColumn button, .singleColumn input[type="submit"], #edit button
{
    font-size: 1em;
    font-family: arial;
}

/* 4.2 Agreement Page 
 */

.container_16 .grid_5.hackedGrid
{
    width: 26.25%;
}
.container_16 .grid_3.hackedGrid
{
    width: 15.75%;
}

/* 5 MISC */

.subAccountRadio ul li
{
    display: block;
    float: left;
    margin-right: 1em;
}

.subAccountRadio ul li label
{
    margin-left: 0.5em;
}

.messageBox
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #EFEFEF;
    color: #424242;
    font-size: 0.85em;
    line-height: 1.2em;
    position: relative;
    margin-bottom: 4%;
}
.messageBox strong
{
    display: block;
}

.messageBox.noMargin
{
    margin: 0;
}


.messageBoxReminder
{
    background-color: #383838;
    color: #FFFFFF;
}

.messageBoxError
{
    background: #fbd9d9 url('../images/icons_messagebox_error.png') 0.75em 0.75em no-repeat;
    border: 2px solid #e2293c;
    padding: 10px 15px 10px 47px;
    color: #a80617;
}

.messageSummary
{
    font-weight: normal;
}

.darkGreyBox
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2% 4%;
    font-size: 0.9em;
    background: #383838;
    color: #fff;
}

span.error, label.error
{
    margin: 0;
    padding: 0;
    color: #c60015;
    font-size: 0.9em;
    padding-left: 2px;
    padding-top: 5px;
    display: block;
    clear: both;
}

input.error, select.error, textarea.error, tr.error
{
    border: 2px solid #C60015;
}

tr.error, tr.error td
{
    background-color: #fbd9d9 !important;
}

.infoBox
{
    background: #dfeafb url('../images/icons_messagebox_flashmsg.png') 1em 1em no-repeat;
    border: 2px solid #2973e2;
    padding: 15px 15px 15px 59px;
    position: relative;
    color: #01337d;
    font-size: 0.85em;
    line-height: 1.2em;
}

.infoBox a
{
    color: #C60015;
    text-decoration: none;
}

.infoBox a:hover
{
    text-decoration: underline;
}



.crossIcon, .warningIcon, .spreadsheetIcon
{
    float: left;
    height: 70px;
    width: 35px;
    margin-right: 10px;
}

.crossIcon
{
    background: #fff url('../images/report-icons.png') 0 0 no-repeat;
}

.warningIcon
{
    background: #fff url('../images/report-icons.png') 0 -119px no-repeat;
}

.spreadsheetIcon
{
    background: #fff url('../images/report-icons.png') 0 -239px no-repeat;
}

a.buttonStyleLink
{
    color: #FFFFFF;
    display: inline-block;
    padding: 4px 7px;
    text-align: center;
    text-decoration: none;
    background: url('../images/button_bg.gif') 0 -2px repeat-x;
    color: #fff;
    font-size: 0.85em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0.5em;
    border: 2px transparent solid;
}
a.buttonStyleLink:hover
{
    text-decoration: none;
}

a.flashMessageClose
{
    background: #efefef url('../images/icons_flashmsg_close.png') 0 0 no-repeat;
    width: 0;
    height: 0;
    padding: 10px;
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: -99999px;
    right: 1.1%;
    text-decoration: none;
}
a:hover.flashMessageClose
{
    text-decoration: none;
}
.collapsibleTitle
{
    /* This is required for IE */
    float: left;
    font-size: 1.1em;
}

.closableLink
{
    background: url('../images/close.png') no-repeat 0 0;
    margin-left: 0.5em;
    top: 0.5em;
    right: 0.5em;
    position: absolute;
}

.collapsibleLink, .closableLink, .containerControls .editButton
{
    display: block;
    float: right;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
}

.containerControls .editButton
{
    top: 23%;
    right: 23%;
}

.detailsContainer .collapsibleLink
{
    position: absolute;
    right: 1%;
}
.collapsed .collapsibleLink
{
    background: transparent url('../images/widget-icons.png') 0 0 no-repeat;
}
.expanded .collapsibleLink
{
    background: transparent url('../images/widget-icons.png') -24px 0 no-repeat;
}

/**
 Force the navigation, search bar and footer to be full width
 **/




/* 5.1 Green Box
*/
.greenBox
{
    background: url("../images/green_tick.png") no-repeat scroll 4px 50% #DBEEBB;
    border: 2px solid #56C30E;
    color: #497D0D;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5% 5% 5% 20%;
}

/* 5.2 Agreement Options
 */

.agreementOptions
{
    position: relative;
    z-index: 2;
}
.agreementOptions form
{
    padding-top: 0.5%;
}

/* 5.3 Details Container
*/
.detailsContainer
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #CBCBCB;
    padding-bottom: 1%;
    padding-top: 1%; /*position: relative;*/
}

/* 5.4 Detail Box
*/
.detailsBox
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFFFFF;
    height: 200px;
    position: relative;
}
.detailsBox a
{
    font-weight: bold;
}
.customerDetails a
{
    font-size: 1em;
}

.customerDetails p
{
    margin-bottom: 0.75em;
    line-height: 1.15em;
}

.customerDetails .full
{
    margin-bottom: 0.5%;
}
.customerDetails .full a
{
}

/* Summary 
 */

.summaryDetails .redBox
{
    padding: 2%;
}

.summaryDetails .detailsBox
{
    height: auto;
}

/* 5.5 Table in details box and all bottom tr pixel tables
*/
.detailsBox table, table.summary
{
    width: 90%;
}
.detailsBox table tr th, .detailsBox table tr td, table.summary tr td, table.summary th, table.summary td
{
    border-bottom: 1px solid #CBCBCB;
}
.detailsBox table tr td, .detailsBox table tr th, table.summary
{
    padding: 2% 0.5% 2% 0.5%;
}
.detailsBox table tr th
{
    width: 55%;
    font-weight: bold;
}
.detailsBox table tr td
{
    width: 45%;
    padding-left: 5.5%;
}
.detailsBox table tr.last
{
    border-bottom: 0;
}

table.summary td
{
    line-height: 1.7em;
}

table.summary th
{
    text-transform: uppercase;
}

table.summary.fiftyPercentTD td
{
    width: 50%;
}

/* 5.6 Edit button 
*/

/*#edit button {
	font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    height: 26px;
    padding-bottom: 0.15em;
}
*/
.editButton
{
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    height: 26px;
    padding-bottom: 1%;
    position: absolute;
    right: 2%;
    top: 2%;
}

/* 5.7 Red box 
*/
.redBox
{
    border: 2px solid #C60015;
    color: #C60015;
    font-weight: bold;
    padding: 7px 7px 1px;
    display: inline-block;
}

.redBox.notNineTwoPercentWidth
{
    width: 92%;
}

/* 5.8 Floating with Arrears
*/

.floatBox
{
    margin-top: 17.5%;
}
.floatBox div
{
    margin-bottom: 3.5%;
}

/* 5.9 jQuery Datatable
/

/* Show XX entries field  and Search box*/
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter
{
    float: left;
    font-size: 12px;
    color: #8e8e8e;
    margin-right: 20px;
}


.dataTables_wrapper .dataTables_filter
{
    *line-height:20px; /*ie7 pagination alignment issue fix*/
}

.dataTables_wrapper .dataTables_length select
{
    margin:0;
}

.dataTables_filter input 
{
    height:17px;
    *padding:0; /*ie7 pagination alignment issue fix*/
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate
{
    float: right;
    padding: 0px;
    border: 1px;
    font-size: 12px;
    background: white;
    margin:5px 0 0 0;
    *margin:3px 0 0 0; /*ie7 pagination alignment issue fix*/
}

.dataTables_wrapper .dataTables_info
{
    font-size: 12px;
    color: #8e8e8e;
    padding-right: 15px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_paginate .ui-state-default
{
    color: #8e8e8e;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .first, .dataTables_wrapper .dataTables_paginate .previous, .dataTables_wrapper .dataTables_paginate .next, .dataTables_wrapper .dataTables_paginate .last
{
    width: 18px;
    height: 18px;
    background-image: url(../images/datable-pagination.gif);
    text-indent: -9999px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
.dataTables_wrapper .dataTables_paginate .first
{
    background-position: -151px 0 !important;
}
.dataTables_wrapper .dataTables_paginate .first.ui-state-disabled
{
    background-position: -36px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .previous
{
    background-position: -179px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .next
{
    background-position: -204px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .next.ui-state-disabled
{
    background-position: -144px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .previous.ui-state-disabled
{
    background-position: -54px 0px !important;
}

.dataTables_wrapper .dataTables_paginate .last
{
    background-position: -232px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .last.ui-state-disabled
{
    background-position: -162px 0px !important;
}

.dataTables_wrapper .ui-icon
{
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png);
}

/* Page numbers */
.dataTables_wrapper .dataTables_paginate span
{
    display: block;
    float: left;
    line-height: normal;
}

.dataTables_wrapper .dataTables_paginate span.paginate_button
{
    background-image: url(../images/datable-pagination.gif);
    background-repeat: no-repeat;
    background-position: -38px 0;
    color: #8E8E8E;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 1px;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    padding:0 3px;
    cursor: pointer;
    min-width:18px;
}

.dataTables_wrapper .dataTables_paginate span.paginate_active
{
    background-image: url(../images/datable-pagination.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 1px;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    padding:0 3px;
    cursor: pointer;
    min-width:18px;
}

.dataTables_wrapper .dataTables_paginate span .fg-button
{
    width: 18px;
    height: 18px;
    background-image: url(../images/datable-pagination.gif);
    background-repeat: no-repeat;
    float: left;
    display: block;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    color: #8e8e8e;
    font-size: 12px;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1.0;
    font-weight: bold;
    margin: 0px 1px;
}

.dataTables_wrapper .dataTables_paginate span .fg-button.ui-state-default
{
    background-position: -18px 0px;
}

.dataTables_wrapper .dataTables_paginate span .fg-button.ui-state-disabled
{
    background-position: 0px 0px;
    color: white;
}

.dataTables_wrapper .datatable
{
    border: 0px;
    border-right: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    font-size: 12px;
}

.dataTables_empty
{
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
}

.dataTables_wrapper .datatable a, .ui-widget-content .datatable a
{
    color: #C60015;
}

.dataTables_wrapper .dataTables_scrollHead .datatable
{
    border-left: 0px;
    border-bottom: 0px;
}

.dataTables_wrapper .dataTables_scrollBody .datatable
{
    border-bottom: 1px solid #cbcbcb;
}

.dataTables_wrapper .datatable label.error, .dataTables_wrapper .datatable span.error, .dataTables_wrapper .transparent_datatable label.error, .dataTables_wrapper .transparent_datatable span.error
{
    font-size: 10px;
    line-height: 10px;
}

.dataTables_wrapper .datatable input
{
    padding-left: 2px;
    padding-right: 2px;
}

.dataTables_wrapper td.first
{
}

.dataTables_wrapper .datatable th
{
    border: 0px;
    font-weight: bold;
    font-family: "Arial" , sans-serif;
    color: white;
    font-size: 12px;
    padding-top: 0.6%;
    padding-bottom: 0.8%;
    padding-right: 15px;
}

.dataTables_wrapper .datatable thead.alignTop  th{
vertical-align:top;
text-align:left;
}

.dataTables_wrapper .datatable tbody.alignTop  td{
vertical-align:middle;
}

.dataTables_wrapper .datatable thead th span
{
    margin: 0;
}

.dataTables_wrapper .datatable td.details
{
    padding: 0 !important;
}

.dataTables_wrapper .datatable th.sorting
{
    background-image: url(../images/sorting.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    cursor: pointer;
}

.dataTables_wrapper .datatable th.sorting_asc
{
    background-image: url(../images/acending.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    cursor: pointer;
}

.dataTables_wrapper .datatable th.sorting_desc
{
    background-image: url(../images/decending.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    cursor: pointer;
}

.dataTables_wrapper .datatable_nav_bottom
{
    padding-top: 10px;
}

.dataTables_wrapper .datatable_nav_top
{
    padding-bottom: 10px;
}

.dataTables_wrapper .datatable tfoot th
{
    font-weight: bold;
    font-family: "Arial" , sans-serif;
    color: Black;
    font-size: 12px;
    border-top: 1px solid #CBCBCB;
}

.dataTables_wrapper .datatable tfoot.border th
{
    border-left: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
    padding: 0.6% 0.4% 0.8% 0.5%;
}

.dataTables_wrapper .dataTables_scrollFoot .datatable
{
    border: 0px;
}

/* bulk renewals - using this style for highlitting certain rows base on certain conditon */
.datatable tbody tr.doNotRenew, .datatable tbody tr.doNotRenew td
{
    background-color: #fbd9d9;
}

/* 5.10 Tabs
*/
.container_16 .ui-tabs .ui-widget-header
{
    border-bottom: 3px solid #a50415 !important;
}

.container_16 ul.ui-tabs-nav
{
    margin: 0;
    border-bottom: 2px solid #b40012;
}
.container_16 ul.ui-tabs-nav li
{
    margin: 0 1px 0 0;
    float: left;
    list-style-type: none;
    padding: 0;
    background: #1d1d1d url('../images/tabs-bg.png') repeat-x 0 -160px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -ms-border-radius-topleft: 3px;
    -ms-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: none;
}
/* the widget button content */
.container_16 .ui-tabs.ui-widget-content
{
    border: none;
    font-size: 12px;
}
/* the tab content */
.container_16 .ui-tabs-panel.ui-widget-content
{
    border: none;
    background: #fff;
}
.container_16 .ui-tabs .ui-widget-header
{
    background: none;
    border: none;
}
.container_16 ul.ui-tabs-nav li a
{
    padding: 0.625em 1em;
    display: block;
}
ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited, ul.ui-tabs-nav li a:hover, ul.ui-tabs-nav li a:active
{
    color: #fff;
    text-decoration: none;
}

ul.ui-tabs-nav li.ui-tabs-selected a:link, ul.ui-tabs-nav li.ui-tabs-selected a:visited, ul.ui-tabs-nav li.ui-tabs-selected a:hover, ul.ui-tabs-nav li.ui-tabs-selected a:active
{
    color: #fff;
}

ul.ui-tabs-nav li.ui-state-hover
{
    background-position: 0 -240px;
}
ul.ui-tabs-nav li.ui-tabs-selected
{
    background-position: 0 0;
}
ul.ui-tabs-nav li.ui-tabs-selected.ui-state-hover
{
    background-position: 0 -80px;
}
.ui-tabs-panel
{
    padding: 20px 0px;
    font-size: 12px;
    line-height: 1.05em;
    color: #000;
}

.datatable td
{
    padding: 0.65%;
}

table.datatable thead tr
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 -89px repeat-x;
    border-top: 1px solid #383838;
    border-left: 1px solid #383838;
    border-right: 1px solid #383838;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin: 0;
    color: #fff;
}

table.datatable td, table.datatable th
{
    border-left: 1px solid #CBCBCB;
    padding: 6px;
}

.ui-tabs-hide
{
    display: none;
}

/* 5.11 Pop-up Edit Window
 */
#edit
{
    min-width: 590px;
    max-width: 720px;
}

#edit .container_16
{
    width: 100%;
    margin: 0;
}

#edit.smallPopUp
{
    min-width: 100px;
    max-width: 200px;
}

#fancybox-outer
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 3px solid #D82336;
}

#fancybox-close
{
    display: none !important;
}

#edit .inpText
{
    width: 80%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#edit .lastColumn
{
    margin-right: 0px;
    text-align: right;
}

#edit .inpText.full
{
    width: 96%;
    margin: 0px;
}

#edit .paddingTop
{
    padding-top: 5px;
}

#edit label
{
    display: inline-block;
    margin-top: 0.4em;
}

#edit .ui-datepicker-trigger
{
    margin-top: 0;
    vertical-align: middle;
}

#edit #date
{
    width: 45%;
}

#edit .elementBlock
{
    margin-bottom: 5%;
}

/* Cancel button 
 */

#cancel, .cancel, input[type="submit"].cancel, input[type="button"].cancel, button.cancel
{
    background: #343434;
    border: 2px solid transparent;
    font-weight: normal;
    padding: 0.2em 12px;
    font-size: 1em;
    font-weight: bold;
}

#cancel:hover
{
    background-position: 0 100%;
}

/* Calendar Override style 
 */

.ui-datepicker .ui-datepicker-header
{
    background: url('../images/button_bg_neg.gif') repeat !important;
    height: 26px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    font-size: 0.7em !important;
    margin-bottom: 0 !important;
    vertical-align: top;
    width: 40%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-datepicker-group
{
    width: 16.96em;
    float: left;
}

.ui-datepicker-group .ui-datepicker-calendar
{
    border-right: 1px solid #9d9d9d;
}

.ui-datepicker-group-last .ui-datepicker-calendar
{
    border-right: none;
}

/* Red Dropdown 
 */

.dropDown
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: url('../images/dropdown_bg.png') repeat;
    width: 99%;
    height: 100%;
    display: inline-block;
    padding: 1%;
    margin-top: 3%;
    outline: none;
}

.dropDownOptions
{
    position: absolute;
    z-index: 10;
    background-color: #fff;
    border: 2px solid #9f0616;
    width: 99%;
}
.dropDownOptions ul li
{
    text-align: left;
    font-size: 0.9em;
    width: 100%;
}
.dropDownOptions ul li a
{
    padding: 3% 0% 3% 15%;
    color: #c40015;
    display: block;
    width: 85%;
    outline: none;
}
.dropDownOptions ul li a.plus
{
    background: url("../images/plus.png") no-repeat scroll 3% -8px transparent;
}
.dropDownOptions ul li a.cross
{
    background: url("../images/cross.png") no-repeat scroll 3% -8px transparent;
}
.dropDownOptions ul li a.return
{
    background: url("../images/return.png") no-repeat scroll 3% -8px transparent;
}
.dropDownOptions ul li a.suitcase
{
    background: url("../images/suitcase.png") no-repeat scroll 3% -8px transparent;
}
.dropDownOptions ul li a:hover
{
    color: #fff;
    background-color: #9f0616;
    text-decoration: none;
    background-position: 3% 8px;
}

.toothing
{
    background: url("../images/toothing.png") no-repeat scroll 5% 50% transparent;
    color: white;
    display: inline-block;
    padding: 2.5% 0 2.5% 15%;
    width: 85%;
    text-align: left;
    outline: none;
}

/*Tooltip
  */
.inpTooltip
{
    float: left;
}

.tooltipWarningIcon.tooltip
{
    padding:0;
    }

.tooltipWarningIcon
{
      background: url("../../sfp/images/warning.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 20px;
    margin: 2px 0 0 5px;
    text-indent: -9999px;
    width: 20px;
    outline: medium none;
    
    }

.tooltipIcon
{
    background: url("../images/tooltip_icon.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 20px;
    margin: 2px 0 0 5px;
    text-indent: -9999px;
    width: 20px;
    outline: medium none;
}

.tooltip
{
    display: none;
    background: url("../images/tooltip_bg.png") no-repeat 0 center transparent;
    padding: 12px 10px 8px 20px;
    color: #252525;
}

.arrow
{
    background:url("../images/tooltip_arrow.png") no-repeat scroll 0 0 transparent;
    display:block;
    width:8px;
    height:13px;
    position:absolute;
    top:10px;
    left:-8px;
    }

/* no rounded corners */
.noRoundedCorners
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/*Navigation a 
 */


.navigation a
{
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
    font-size: 1em;
    padding: 0.7em 0;
    display: inline-block;
}

/*Required Fields
 */

.requiredFields
{
    color: #de273a;
    font-size: 0.9em;
    display: block;
    margin-bottom: 1em;
}


/* xFolder style
 */

h1.xFolder
{
    background: url("../images/xFolder.png") no-repeat scroll 0 0 transparent;
    height: 47px;
    margin-bottom: 0;
    padding-left: 1.25em;
    padding-top: 0.2em;
}

/* Calendar 
  */
.ui-datepicker td
{
    width: 13%;
}

.ui-datepicker td a.ui-state-default
{
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #cbcbcb !important;
}

.ui-datepicker td.ui-datepicker-week-end a.ui-state-default
{
    background-color: #cfcece;
}

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar.ui-widget-header .ui-state-default, .ui-datepicker td, .ui-datepicker td.ui-datepicker-today
{
    border: 0 !important;
    margin: 1px;
}

.ui-datepicker td
{
    background-color: #eaeaea !important;
}

/* No margin in ie7 for grid
 */

.grid_7.noMarginLeft
{
    margin-left: 0;
}

/* Top navigation has subnav
 */

.hasSubnav
{
    background: url('../images/has-subnav.png') no-repeat 95% 50%;
}

.ui-dt-col-label
{
    padding-right: 25px;
}

.ui-icon-wrapper
{
    position: relative;
}

.datatable .ui-state-default .ui-icon
{
    background-image: url('../images/ui-icons_cd0a0a_256x240.png');
    position: absolute;
    right: 10px;
}

.navigation, #navigation
{
    background: #1B1B1B url('../images/nav_bg.gif') repeat-x scroll left top;
    height: 2.5em;
    display: block;
}


/*address lookup */

#addressBox
{
    display: block;
    position: relative;
    float: left;
}

#findAddressBox
{
    border: 1px solid #CBCBCB;
    padding: 1%;
    display: block;
    background: #fff;
    top: 85px;
    left: 0;
    position: absolute;
    width: 98%;
}

.addressOption
{
    height: 100px;
    width: 100%;
    overflow-y: auto;
}

.addressOption li
{
    display: block;
    padding: 0.2em 0;
    cursor: pointer;
}

.addressOption li:hover
{
    background: #ccc;
}

.summaryProfile span.caption
{
    float: left;
    width: 210px;
    font-weight: bold;
}

/* table styles which made the table transparent - currently this style is using in sub account - assets */
div.transparent_datatable_wrapper, div.dataTables_wrapper
{
    width: 100%; /*99.9%;*/
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
}

.transparent_datatable
{
    padding: 0;
    margin: 0;
}

.transparent_datatable tr td, .transparent_datatable tr th
{
    padding: 4px;
}

.transparent_datatable tr th span
{
    font-weight: bold;
}

.transparent_datatable tr.even, .transparent_datatable tr.even td
{
    background-color: transparent;
}

.transparent_datatable tbody tr td, .editable_datatable tbody tr td
{
    vertical-align: text-top;
}

#tblAvailableForRenewal tr td
{
    vertical-align: middle;
    line-height:20px;
}

.editable_datatable tbody tr td.alignMiddle
{
    vertical-align:middle;
}


#blockUIMessage
{
    width: 100px;
    background: #fff url('../images/ajax-loader-big.gif') 10px 50% no-repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #AAAAAA;
    padding: 15px 15px 15px 50px;
    color: #C60015;
    font-weight: bold;
    font-size: 0.5em !important;
    display: block;
    margin-left: 22%;
}

.lightGrey
{
    color: #A9A9A9;
}
.lightGrey a, .dataTables_wrapper .lightGrey a
{
    color: #A9A9A9;
}

ul.actionMenu
{
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
    line-height: 1.5em;
}

ul.actionMenu li
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative; /*--Important--*/
    background: url(../images/actionBg.gif) repeat-x;
    border: 1px solid #A50014;
}

ul.actionMenu li a
{
    width: 80px;
    color: #fff;
    background: transparent url(../images/actionBul.gif) no-repeat 5px 5px;
    padding: 0em 1em 0em 2em;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

/*--Hover State--*/
ul.actionMenu li a:hover, ul.actionMenu li .sub ul li a:hover
{
    background-color: #c60010;
    color: #fff;
    text-decoration: none;
}

ul.actionMenu li .sub
{
    position: absolute; /*--Important--*/
    left: -1px;
    z-index: 99999;
    float: left; /*--Bottom right rounded corner--*/
    display: none; /*--Hidden for those with js turned off--*/ /*  border: 1px solid #9F0616;*/
    margin-top: -1px;
    border: 1px solid #9F0616;
    background-color: #fff;
}

ul.actionMenu li .row
{
    /*--If needed to break out into rows--*/
    clear: both;
    float: left;
    width: 100%;
   /* margin-bottom: 10px;*/
}

ul.actionMenu li .sub ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
}

ul.actionMenu .sub ul li
{
    width: 100%; /*--Override parent list item--*/
    color: #fff;
    font-size: 0.8em;
    background: #FFF none;
    border: none;
}

ul.actionMenu .sub ul li h2
{
    /*--Sub nav heading style--*/
    padding: 0;
    margin: 0;
    font-weight: normal;
    background: url(../images/actionBg.gif) repeat-x;
    font-size: 1.1em;
}

ul.actionMenu .sub ul li h2 a
{
    /*--Sub nav heading link style--*/
    background-image: none;
    width: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0.5em 0.2em 0.5em 0.2em;
    color: #fff;
    background: url(../images/actionBg.gif) repeat-x;
}

ul.actionMenu .sub ul li a
{
    display: block;
    text-decoration: none;
    background-image: none;
    width: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0.1em 0.1em 0.1em 1.2em;
    color: #c60010;
}

.jqDateRangeOptions ul li
{
    display: inline;
    list-style: none;
    float: left;
    width: 180px;
    margin-bottom: 0.25em;
}

.jqDateRangeOptions ul
{
    display: block;
    list-style: none;
    clear: both;
}

ul.jqLastOption li
{
    margin-bottom: 0.5em;
}

.jqDateRangeOptions ul li input[type='radio']
{
    margin-left: 0.25em;
    margin-right: 0.5em;
}

table.datatable tr.jqSelected td
{
    background-color: #FFF793 !important;
}

#pnlReportList div.portletInnerContainer ul li a
{
    /*background: transparent url('../images/reportico_red.png') no-repeat;*/
    padding-left: 5px;
    vertical-align: top;
    display: inline-block;
    overflow: auto;
}

td.searchDetails
{
    background-color: #D8D8D8;
}

a.imageLink, a.imageLink:hover, a.imageLink:visited
{
    text-decoration: none;
}

a.openRow
{
    background-image: url(../images/ps-plus.png);
    background-position: 50% -8px;
    background-repeat: no-repeat;
    display: block;
    padding-left: 15px;
}

a.closeRow
{
    background-image: url(../images/ps-minus.png);
    background-repeat: no-repeat;
}

a.openAgreementRow
{
    background-image: url(../images/ps-plus.png);
    background-position: 0 -8px;
    background-repeat: no-repeat;
    padding-left: 15px;
}

a.closeAgreementRow
{
    background-image: url(../images/ps-minus.png);
    background-repeat: no-repeat;
}

.datePickerLabel
{
    float: left;
    width: 80px;
    padding-right: 4px;
}

.datePickerInput
{
    float: left;
    width: 120px;
}

#pnlSearchOptions ul li
{
    padding-bottom: 0.25em;
}

.jqDateRangeOptions
{
    margin-left: 0;
    padding-left: 0;
}

.jqDateRangeOptions ul
{
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
    margin-top: 0.25em;
    width: 100%;
}

.jqDateRangeOptions ul li
{
    padding-right: 0.25em;
    padding-bottom: 0.25em;
}

#pnlSubReportsDetails ul li
{
    padding-right: 0.25em;
    padding-bottom: 0.5em;
}


.textWrap
{
    word-wrap: break-word;
}

.impFullWidth
{
    width: 100% !important;
}

/* Following style has been used to adjust action menu on subaccount */
.actionMenuPosition
{
    float:right;
    padding-left: 0px; 
    margin-right: 65px;
    }
    
.notesHeader
{
    background-position: 5px -132px !important; 
    height: 16px;     
    }
    
.width98
{
    width: 98% !important;
}

.displayBlock
{
    display:block;
    }
    
.autoMargin
{
    margin:0 auto !important;
    }
    
.transparentTextBox
{
    background:transparent;
    border:0 !important;
    }
    
 .hiddenTD
 {
     border-style:none;
     width:0px !important;
     padding:0px !important;
     }
     
 .width65px
 {
     width:65px !important;
     }
     
 .bulkAdjustmnetInfoBoxPosition
 {
     background-position: 1em 0.7em !important;
     }
 
 .rightPadding10
 {
     padding-right: 10px !important;
     }
     
.rightBorder1
{
    border-right:1px solid #cbcbcb;
    } 
    
    
 /*Simple table style*/
 
 .simpleTable td
{
    padding: 0.65%;
}

table.simpleTable thead tr
{
    background: #272727 url('../images/grey-bar-backgrounds.gif') 0 -89px repeat-x;
    border-top: 1px solid #383838;
    border-left: 1px solid #383838;
    border-right: 1px solid #383838;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin: 0;
    color: #fff;
}

table.simpleTable td
{
    border-left: 1px solid #CBCBCB;
    padding: 6px;
}

table.simpleTable th
{   
    padding: 6px;
}
 
 .simpleTable
{
    border: 1px solid #cbcbcb;
    font-size: 12px;
}
 .simpleTable th
{
    border: 0px;
    font-weight: bold;
    font-family: "Arial" , sans-serif;
    color: white;
    font-size: 12px;
    padding-top: 0.6%;
    padding-bottom: 0.8%;
    padding-right: 15px;
    background-color:#000;
}

.paymentAllocationDiv
{
    padding-right:10px;
    padding-left:10px;
    margin-bottom:10px;
     max-height:500px;
     overflow-y: auto;
     border:1px solid #cbcbcb;
    }
    
   .border1px
{
     border: 1px solid #cbcbcb;
    }

.divValueContainer
{
     min-height: 25px;
    }
    
 table.datatable tr.noBottomPadding td
 {
     padding-bottom:0px;
     }
     
     
ul.horizontalRadiobutton li
{
    float:left;
    display:block;
    margin-right:20px;
}

#tblApplications tr td
{
    vertical-align: middle;
    line-height:25px;
}

#tblAuthorised tr td
{
    vertical-align: middle;
    line-height:20px;
}

#tblUnableToProcess tr td
{
    vertical-align: middle;
    line-height:20px;
}

#tblRejected tr td
{
    vertical-align: middle;
    line-height:20px;
}

#tblUnauthorised tr td
{
    vertical-align: middle;
    line-height:20px;
}

.reqByAlignment .grid_4
{
    text-align:right;
    }
    
.reqByPersonalAlignment .grid_4
{
    padding-left:8px !important;
    width:20% !important;
    }

#btnEditContactAddress
{
width:25px !important;
padding:0.35em !important;    
}


.jqError label.error {
    font-size:1em !important;
}

.marginLeftMinusHundred {
    margin-left: -100px !important;
}

.customerNote .grid_14 {
	width:86.8% !important;
}

.datatable_wrapper_header
{   padding: 0% 0;
    height: 0px;
    font-weight: bold;  
}

/* Defect Id: 7694 Style sheet is added for to display error message */
 
.error_msg_emptycontact 
{
  color:#c60015; 
  line-height:1.3em; 
  font:sans-serif; 
  font-Size:0.9em; 
  margin-left:108px; 
  font-family:Arial;
}