/* ---------------- BRANDING STYLESHEET - no posistioning, just fonts, colours, backgrounds etc -----------------*/

body
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; /*background:#000;*/
    background: url(../images/bg.jpg) repeat-x #f8f8f8;
    color: #000;
}

/* ---------------- headings -----------------*/

h1
{
}

h2
{
    color: #FFF;
}

h3
{
    font-weight: bold;
}

h4
{
    margin-bottom: 10px;
}

h5
{
    color: #069;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

h6
{
    font-weight: bold;
    margin: 10px 0 0 53px;
}

/* ---------------- links -----------------*/

a
{
    color: #2200C1;
    text-decoration: underline;
}

a:hover
{
}

a:visited
{
}

a:active
{
}

a.reconfigure
{
    color: #999;
}

/* ---------------- page layout (not posistioning, just padding etc) -----------------*/

.inner-wrapper
{
    padding: 0 10px;
}

.information-header
{
    padding: 5px;
    text-align: center;
    background-color: #F00;
    color: #FFF;
}

.header
{
}

.main-content-wrapper
{
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main-content
{
    padding: 25px;
    background: url(../images/bg-grad-top.gif) repeat-x #fff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #CCC;
}

.static
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sidebar-content
{
    padding: 15px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

.sidebar-content-main
{
    background: url(../images/bg-grad-top.gif) repeat-x #fff;
}

.order-summary h2
{
    color: #333;
    margin-bottom: 7px;
}

.sidebar-content h3, .order-summary h3
{
    border-bottom: 1px dotted #999;
    padding: 0 0 4px 0;
    margin: 0 0 5px 0;
    color: #666;
}

.content-header
{
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background: url(../images/grad.png) repeat-x center #ddd;
    padding: 8px 10px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.content-header h2
{
    color: #333;
    text-shadow: #fff 1px 1px 1px;
}

.content-header.small
{
    padding: 4px 10px;
}

.content-header.small h2
{
    font-size: 1.2em;
    font-weight: bold;
}

.content-header.small.collapsed
{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-bottom-radius: 5px;
    border-bottom-bottom-radius: 5px;
    border-bottom: 1px solid #CCC;
}

.content-subheader
{
    padding: 5px 10px;
    background: url(../images/bg-grad-top.gif) repeat-x #fff;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

.content-subheader h3
{
    color: #333;
    font-size: 1em;
}

.content-subheader.login
{
    background: url(../images/bg-grad-top-login.gif) repeat-x #fff;
    font-size: 1.1em;
}

.content-footer
{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sidebar-content.content-footer
{
}

.sidebar-top
{
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sidebar-bottom
{
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.total
{
    text-shadow: 1px 1px 1px #FFF;
    background-color: #eee;
    background-repeat: repeat-x;
    background-position: center;
}

.third-split-left, .third-split-right, .third-split-mid
{
}

.third-split-left
{
}

.third-split-right
{
}

.third-split-inner
{
    border: 1px solid #CCC;
    padding: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.third-split-inner.image
{
    position: relative;
    height: 100px;
}

.third-split-inner.image img
{
    position: absolute;
}

.third-split-inner.image h4, .third-split-inner.image p
{
    margin-left: 40px;
    color: #444;
}

.third-split-inner.image h4
{
    margin-top: 4px;
}

/* ---------------- progress bar -----------------*/

.progress li
{
    background: url(../images/bg-progress-bar-left.gif) left center no-repeat;
}

.progress li.active
{
    background: url(../images/bg-progress-bar-active-left.gif) left center no-repeat;
}

.progress li a
{
    padding: 5px 10px 5px 25px;
    color: #999;
    text-decoration: none;
    background: url(../images/bg-progress-bar-right.gif) right center no-repeat;
}

.progress li.active a
{
    background: url(../images/bg-progress-bar-active-right.gif) right center no-repeat;
    color: #333;
    font-weight: bold;
}

/* ---------------- elements -----------------*/

.footer a
{
    color: #666;
}

.header-phone
{
    margin-bottom: 10px;
}

.cta
{
    padding: 10px 15px;
    background-color: #eee;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.summary
{
    margin: 0 0 8px 0;
}

.summary li
{
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.summary li span
{
    float: left;
}

.summary li em
{
    float: right;
    text-align: right;
}

.input-group
{
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}

.input-group.odd
{
    background-color: #f8f8f8;
}

.input-group.last
{
    border: none;
}

.input-group.active
{
    background-color: #FEB;
}

.order-summary
{
    background-color: #f8f8f8;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
}

.link-list a
{
    display: inline-block;
    margin-bottom: 5px;
    width: 103px;
    float: left;
}

.info-link a
{
    background: url(../images/icons/16/info-white.png) no-repeat 5px center;
    padding: 0 0 0 25px;
    color: #666;
    cursor: pointer;
}

.info-link-summary a
{
    font-size: 0.9em;
    padding: 0 0 0 6px;
    color: #666;
    cursor: pointer;
}

.phone
{
    font-size: 1.3em;
    margin: 0 0 5px 0;
    display: block;
    text-align: center;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background-color: #bbb;
    padding: 5px;
}

.speedcheck-results-loading
{
    display: block;
    float: left;
    background: url(../images/loading.gif) no-repeat;
    padding: 4px 0 4px 30px;
}

.speedcheck-results
{
    display: block;
    float: left;
    margin: 15px 2.2% 0 0;
    width: 62%;
    min-width: 225px;
    font-size: 0.9em;
}
.speedcheck-results table
{
    width: 100%;
    border: 0;
    margin: 15px 0 15px 0;
}

.speedcheck-results td
{
    border: 0;
    border-bottom: 1px solid #ddd;
}
.maccheck-results-loading
{
    display: block;
    float: left;
    background: url(../images/loading.gif) no-repeat;
    padding: 4px 0 4px 30px;
}

.maccheck-results
{
    display: block;
    float: left;
    margin: 15px 2.2% 0 0;
    width: 100%;
    min-width: 225px;
    font-size: 0.9em;
}
.maccheck-results table
{
    width: 100%;
    border: 0;
    margin: 15px 0 15px 0;
}

.maccheck-results td
{
    border: 0;
    border-bottom: 1px solid #ddd;
}
.toggle-size
{
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    background: url(../images/controls-toggle.png);
    cursor: pointer;
}

.toggle-size:hover
{
    background-position: -15px 0;
}

.toggle-size.active
{
    background-position: 0 -15px;
}

.toggle-size.active:hover
{
    background-position: -15px -15px;
}

.content-header.small .toggle-size
{
    margin-top: 2px;
}

/* ---------------- inline form feedback -----------------*/

.inline-feedback
{
    visibility: hidden;
    margin-left: -50px;
    width: 40%;
}

.inline-feedback-content
{
    padding: 10px 10px 10px 50px;
}

.lightbox-content .inline-feedback
{
    margin-left: 0;
}

.lightbox-content .inline-feedback-content
{
    padding: 10px;
}

.tabs .inline-feedback-content
{
    padding: 10px 10px 10px 30px;
}

.form-row.valid .inline-feedback
{
    height: 32px;
    background: url(../images/icons/32/tick.png) no-repeat center center;
}

.form-row.start .inline-feedback
{
    background: url(../images/inline-feedback-arrow-start.gif) no-repeat right top;
}

.form-row.error .inline-feedback
{
    background: url(../images/inline-feedback-arrow-error.gif) no-repeat right top !important;
}

.form-row.unavailable .inline-feedback
{
    background: url(../images/inline-feedback-arrow-error.gif) no-repeat right top !important;
}

.form-row.warning .inline-feedback
{
    background: url(../images/inline-feedback-arrow-warning.gif) no-repeat right top;
}

.form-row.info .inline-feedback
{
    background: url(../images/inline-feedback-arrow-info.gif) no-repeat right top;
}

.form-row.start .inline-feedback .inline-feedback-content
{
    background: #86D13A;
}

.form-row.error .inline-feedback .inline-feedback-content
{
    background-color: #FF5555 !important;
    color: #FFF !important;
}

.form-row.unavailable .inline-feedback .inline-feedback-content
{
    background-color: #FF5555 !important;
    color: #FFF !important;
}

.form-row.warning .inline-feedback .inline-feedback-content
{
    background-color: #FFCE9D;
}

.form-row.info .inline-feedback .inline-feedback-content
{
    background-color: #98DCDC;
}

/* ---------------- Nested Controls                     -----------------*/

.nested-control .inline-feedback
{
    margin-left: -60px;
}

/* ---------------- border arrow for wrap around effect -----------------*/

.form-row.start .inline-feedback .inline-feedback-content .arrow
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #49771C;
}

.form-row.error .inline-feedback .inline-feedback-content .arrow
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #AA0000;
}

.form-row.unavailable .inline-feedback .inline-feedback-content .arrow
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #AA0000;
}

.form-row.warning .inline-feedback .inline-feedback-content .arrow
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #CE6700;
}

.form-row.info .inline-feedback .inline-feedback-content .arrow
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #0083C1;
}

/* ---------------- forms -----------------*/

legend, .legend
{
    color: #069;
}

.input-text input, textarea, select
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    background: url(../images/fieldbg.gif) repeat-x scroll center top #FFFFFF;
    border-color: #7C7C7C #C3C3C3 #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

input[type=submit], .button-large, .button
{
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    background: url(../images/grad.png) repeat-x center #F90;
    color: #333;
    border-top: 1px solid #DF8600;
    border-right: 1px solid #6F4300;
    border-bottom: 1px solid #6F4300;
    border-left: 1px solid #DF8600;
    text-shadow: #fff 1px 1px 1px;
}

input[type=submit]:hover, .button-large:hover, .button:hover
{
    background-color: #FC0;
    color: #333;
}

input[type=submit]:active, .button-large:active, .button:active
{
    background-color: #F90;
    color: #FFF;
    border-top: 1px solid #6F4300;
    border-right: 1px solid #DF8600;
    border-bottom: 1px solid #DF8600;
    border-left: 1px solid #6F4300;
}

input[type=submit], input[type=reset], .button-large
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 30px;
}

input[type=submit].small
{
    font-size: 0.9em;
    padding: 4px 10px;
    text-shadow: none;
    width: auto;
}

.button
{
    font-size: 0.9em;
    padding: 4px 10px;
    text-shadow: none;
}

.disabled, input[type=submit].small.disabled, input[type=submit].fullwidth.disabled
{
    background: #CCC;
    color: #999;
    border: 1px solid #aaa;
    cursor: default;
}

.disabled:hover
{
    background: #CCC;
    color: #999;
    border: 1px solid #aaa;
    cursor: default;
}

#Button_Checkout.ready
{
    background-color: #86D13A;
    color: #333;
    border-top: 1px solid #69AA28;
    border-right: 1px solid #446F1A;
    border-bottom: 1px solid #446F1A;
    border-left: 1px solid #69AA28;
}

#Button_Checkout.ready:hover
{
    background-color: #A4DD6A;
}

#Button_Checkout.ready:active
{
    background-color: #6C0;
    border-top: 1px solid #446F1A;
    border-right: 1px solid #69AA28;
    border-bottom: 1px solid #69AA28;
    border-left: 1px solid #446F1A;
    color: #333;
}

.msg-information
{
    padding: 10px 10px 10px 35px;
    background: #CBEDED url(../images/icons/16/info.png) no-repeat 10px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #98DCDC;
}

.msg-question
{
    padding: 10px 10px 10px 35px;
    background: #CBEDED url(../images/icons/16/question.png) no-repeat 10px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #98DCDC;
}

.msg-warning
{
    padding: 10px 10px 10px 35px;
    background: #FFE9D2 url(../images/icons/16/warning.png) no-repeat 10px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #FFCE9D;
}

input[type=reset]
{
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    background-color: #ccc;
    color: #333;
    border-top: 1px solid #ddd;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #ddd;
}

input[type=reset]:hover
{
    background-color: #ddd;
    color: #333;
}

input[type=reset]:active
{
    background-color: #ccc;
    color: #333;
    border-top: 1px solid #333;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #333;
}

/* ---------------- lightbox -----------------*/

.lightbox-content
{
    padding: 25px;
    border: 1px solid #CCC;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/bg-grad-top.gif) repeat-x #fff;
}

/* ---------------- table -----------------*/

table
{
    border: 1px solid #CCC;
}

table th
{
    border: 1px solid #CCC;
    background: url(../images/grad.png) repeat-x center #ddd;
    font-weight: bold;
}

table td, th
{
    border: 1px solid #CCC;
    padding: 5px;
}

/* ---------------- links with icons -----------------*/

a.icon
{
    padding: 5px 10px 5px 30px;
    color: #333;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

a.icon:hover
{
    background-color: #f8f8f8;
}

.link-list a
{
    display: block;
    margin-bottom: 5px;
}

.icon.back
{
    background: url(../images/icons/16/arrow-180.png) no-repeat 5px center #eee;
}

.icon.send
{
    background: url(../images/icons/16/send.png) no-repeat 5px center #eee;
}

.icon.save
{
    background: url(../images/icons/16/save.png) no-repeat 5px center #eee;
}

.icon.chat
{
    background: url(../images/icons/16/chat.png) no-repeat 5px center #eee;
}

.icon.information
{
    background: url(../images/icons/16/info.png) no-repeat 5px center #eee;
}

.icon.open
{
    background: url(../images/icons/16/open.png) no-repeat 5px center #eee;
}

.icon.login
{
    background: url(../images/icons/16/user-login.png) no-repeat 5px center #eee;
}

.icon.logout
{
    background: url(../images/icons/16/user-logout.png) no-repeat 5px center #eee;
}

.icon.print
{
    background: url(../images/icons/16/print.png) no-repeat 5px center #eee;
}
.icon.remove-cookie
{
    background: url(../images/icons/16/cookie-exclamation.png) no-repeat 5px center #eee;
}

.help-icon {
    margin:0 0 -5px 15px;
}

.help-icon-popup {
    display:none;
    height: 132px;
    margin: -165px 0 0 215px;
    position: absolute;
    width: 268px;
    background: url(../images/speech.png) no-repeat;
    z-index: 1000;
}
.help-icon-popup div {
    padding:23px 23px 0 42px;
}

.form-row.error, .form-row.unavailable, .error
{
    color: #F00 !important;
}

.form-row.error .input-text input, .form-row.error .input-text input
{
    border: 1px solid #F00 !important;
    background-color: #FFDFDF !important;
}

.text-margin-bottom
{
    padding-bottom: 20px;
}
.contact-message
{
    padding: 20px 0;
}

.call-features-table table
{
    width: 64%;
    border: 0;
    margin: 15px 0 15px 0;
}

.existing-bolt-ons table
{
    width: 100%;
    border: 0;
    margin: 15px 0 15px 0;
}

.existing-bolt-ons td, .call-features-table td
{
    border: 0;
    border-bottom: 1px solid #ddd;
}
.table-label-radio, .table-label-checkbox
{
    display: inline-block;
    float: left;
    font-size: 1em;
}
.existing-bolt-ons .table-label-radio
{
    width: 30%;
}
.call-features-table .table-label-checkbox
{
    width: 85%;
}
.table-input-radio, .table-input-checkbox
{
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-top: 2px;
    width: 8%;
}
.call-features-table .td_img
{
    text-align: center;
}
.call-features-pricing
{
    padding: 10px 0 20px 15px;
}
.call-features-pricing li
{
    list-style-type: disc;
}

/* ---- regrade recommendations ----*/
#bundle-recommend
{
    padding-bottom: 30px;
}
#bundle-recommend h3
{
    color: #069;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 15px 0;
}
.product-group
{
    overflow: auto;
    margin-bottom: 20px;
    position: relative;
}
.product-block
{
    width: 44%;
    background: #F4F4F4;
    padding: 10px 2% 20px;
    text-align: left;
    float: left;
    margin-right: 4%;
}

.product-block.right
{
    margin: 0;
}
.product-block p
{
    margin: 10px 0 0 53px;
}
.product-block img
{
    width: 32px;
    height: 32px;
    margin: 10px 20px 0 0;
}
.plus
{
    height: 50px;
    left: 50%;
    margin: -1.8em 0 0 -2.1em;
    background: url(../images/plus.png);
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#referrer
{
    padding: 10px 0;
}

/*
 * Table
 */
table.dataTable {
	margin: 15px auto 7px;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 4px 18px 4px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #f8f8f8; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #FFE6CC; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #FFF0E1; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}

/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}

/*
 * Filter
 */
.dataTables_filter {
	text-align: right;
}

/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}

/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
	outline: none;
}

/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.underlined {
    text-decoration: underline;
}