/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/* BASE STYLES */
.current
{
	font-weight:bold;
}
li ul li.current
{
	background-color:#e0e0e0;
	font-weight:bold;
}
li ul li.current a
{
	display:block;
	background-color:#e0e0e0;
	border-right:2px solid #fff;
	font-weight:bold;
}
.hide, .remove 
{
    display: none;
}
.hidden 
{
    visibility: hidden;
}
/* UTILS */
.addOverFlow, .add_overflow
{
	overflow:auto;
}
.add_top_margin
{
	margin-top:10px;
}
.no_top_margin
{
	margin-top:0;
}
#height_fix
{
	margin-top:6px;
}
/* BORDERS */
.left_dotted_border
{
	border-left:1px dotted #ccc;
}
.bottom_dotted_border, .bottom_dotted_border td
{
	border-bottom:1px dotted #ccc;
}
.right_solid_border
{
	border-right:1px solid #e0e0e0;
}
.center_img, .center_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}
.show_overflow
{
	overflow:auto;
}
.show_cursor
{
	cursor:hand;
	cursor:pointer;
}
.float_left 
{
    float:left;
}
.float_right 
{
    float:right;
}
.float_center
{
	text-align:center;
}
.white_back
{
	background-color:#fff;
}
.lightgray_back
{
	background-color:#ededed;
}
.column_top_margin
{
	margin-top:6px;
}
.nagative_top_margin
{
	margin-top:-6px;
}
.clear 
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    margin: 0;
    width: 0;
    height: 0;
}
.clear_all
{
	clear:both;
}
.clear_left
{
	clear:left;
}
.clear_right
{
	clear:right;
}
.center 
{
    text-align: center;
}
.general_content_padding
{
	padding:35px 20px 6px 30px;
}
.general_content_padding p
{
	padding-left:0;
}
.general_content_padding li
{
	margin-left:22px;
	margin-bottom:3px;
	font-size:11px;
	line-height:14px;
	list-style-type:disc;
}
.general_content_padding ol li
{
	margin-left:22px;
	margin-bottom:3px;
	font-size:11px;
	line-height:14px;
	list-style-type:decimal;
}
.general_content_padding h3
{
	color:#004698;
	font-size:13px;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding-bottom:5px;
}
.price 
{
    padding:5px 0 5px 0;
    font-size:24px;
    font-weight:bold;
}
.price sup 
{
    font-size:14px;
}
.price sub 
{
    margin-left:-5px;
    font-size:8px;
}
.password_reminder 
{
    text-align:right;
    font-size:12px;
}
.title
{
	margin-bottom:6px;
}
#scroll_container .title
{
	margin-bottom:0;
}
.title h3
{
    margin: 0;
    padding: 0;
    color: #004698;
    padding: 5px 5px 5px 6px;
    border-bottom: 1px solid #ededed;
    font-size: 11px;
    font-weight: bold;
}
.title h3 span
{
    float: right;
    font-weight: normal;
    font-size: 10px;
}
/* CONTAINER TITLE */
.container_title h3
{
    margin: 0;
    color: #004698;
    padding: 5px 0 5px 6px;
    border-bottom: 1px solid #ededed;
    font-size: 11px;
    font-weight: bold;
}
.container_title h3 span 
{
    float: right;
	margin-right:-5px;
    font-weight: normal;
    font-size: 10px;
}
.container_title h3 span a
{
    margin:0 0 0 -3px;
	padding:0;
	border:0;
}
.container_title h3 span a.scroller_arrow
{
    margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
.title a:link, .title a:visited,
.title a:link span, .title a:visited span  
{
    color: #004698;
	text-decoration:none;
}
.title a:hover, .title a:focus,
.title a:hover span, .title a:focus span 
{
    text-decoration:none;
}
.content_module_wrapper 
{
    position: relative;
    width: 186px;
    height: 100%;
}
.modules
{
	background-color:#fff;
	height:30px;
}
/* LISTS */
/* ARROW LINKS ONE COLUMN */
ul.arrow_links_one_column, .arrow_links_one_column, 
ul.arrow_links_two_columns, .arrow_links_two_columns, 
.content_module_wrapper ul.arrow_links, .content_module_wrapper .arrow_links, 
ul.arrow_links, .arrow_links
{
    position:absolute;
    bottom:6px;
    margin:5px 2px 0 8px;
    border-top:1px solid #ededed;    
    font-size:11px;
}
ul.arrow_links_one_column, .arrow_links_one_column
{
	width:172px;
}
.arrow_links_one_column li,
.arrow_links_two_columns li
{
	display:block;
    color:#000;
    border-bottom:1px solid #ededed;
    text-decoration:none;
	padding:5px 0 5px 0;
}
.arrow_links_one_column a,
.arrow_links_two_columns a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}
.arrow_links_one_column li a:hover, .arrow_links_one_column li a:focus,
.arrow_links_two_columns li a:hover, .arrow_links_two_columns li a:focus
{
	background-position:right -100px;
}
/* ARROW LINKS TWO COLUMNS */
ul.arrow_links_two_columns, .arrow_links_two_columns 
{
    width: 96%;
}
/* ARROW LINKS CALC */
ul.arrow_links_calc, .arrow_links_calc
{
    margin:0;
    border-top:1px solid #ededed;
    width:260px;
    font-size:11px;
}
.arrow_links_calc li
{
	display:block;
    color:#000;
    border-bottom:1px solid #ededed;
    text-decoration:none;
	padding:3px 0 3px 0;
}
.arrow_links_calc a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}
.arrow_links_calc li a:hover,
.arrow_links_calc li a:focus
{
	background-position:right -100px;
}
/* CUSTOM LINK LIST RELATIVE */
ul.custom_link_list_relative, .custom_link_list_relative 
{
    position:relative;
    margin: 0 3px 0 3px;
    bottom: 6px;
    border-top: 1px solid #ededed;
    font-size: 11px;
}
ul.custom_link_list_relative li a:hover,
ul.custom_link_list_relative li a:focus
{
	background-position:right -95px;
}
/* ARROW LINK LIST RELATIVE */
ul.arrow_links_relative, .arrow_links_relative 
{
    position:relative;
    margin: 0 3px 0 3px;
    bottom: 6px;
    border-top: 1px solid #ededed;
    font-size: 11px;
}
.arrow_links_relative a 
{
    display: block;
    padding: 5px;
}
ul.arrow_links_relative li a:hover,
ul.arrow_links_relative li a:focus
{
	background-position:right -95px;
}
/* CUSTOM LINK LIST RELATIVE */
ul.custom_link_list, .custom_link_list 
{
    position: absolute;
    margin: 0 3px 0 3px;
    bottom: 6px;
    border-top: 1px solid #ededed;
    width: 94%;
    font-size: 11px;
}
.custom_link_list li
{
	display: block;
    color: #000;
    border-bottom: 1px solid #ededed;
    text-decoration: none;
}
.custom_link_list a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	padding:5px 5px 5px 0;
}
ul.custom_link_list li a:hover,
ul.custom_link_list li a:focus
{
	background-position:right -95px;
}
/* ARROW LINKS */
ul.arrow_links, .arrow_links, 
.content_module_wrapper ul.arrow_links, 
.content_module_wrapper .arrow_links 
{
    width:170px;
}
.arrow_links li,
.general_content .arrow_links li,
.form_container ul.arrow_links li
{
	display: block;
    color: #000;
	margin:0;
    border-bottom: 1px solid #ededed;
	padding:5px 0 5px 0;
    text-decoration: none;
}
.arrow_links a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}
.arrow_links li a:hover, .arrow_links li a:focus
{
	background-position:right -100px;
}
#body_content .arrow_links li, 
#body_content .custom_link_list li,
#tblGeneralContent .custom_link_list li, 
#body_content .arrow_links_two_columns li
{
	margin-left:0;
}
/* END LISTS */
.VBAccordionHeadLink
{
    font-size: 11px;
	cursor:hand;
	cursor:pointer;
}
.VBAccordionHeadLink .portlet-topper
{
	background: transparent url(../images/arrow-white-v2.gif) 97% 5px no-repeat;
    color:#004698;
    border-bottom: 1px solid #ededed;
    text-decoration: none;
}
.VBAccordionHeadLink .portlet-topper-hover
{
	background: transparent url(../images/arrow-white-v2.gif) 97% -95px no-repeat;
    color:#004698;
    border-bottom: 1px solid #ededed;
    text-decoration: underline;
}
/* 
 * These styles and colors have become a standard when displaying various messages back to the user. With this
 * it is best to simply use these classes on your message boxes.
 */
.information, .success, .warning, .error,
.userMessagesTag-information, .userMessagesTag-instruction,
.userMessagesTag-success, .userMessagesTag-validation,
.userMessagesTag-error, .userMessagesTag-criticalError, .userMessagesTag-restriction,
.general_content_padding p.information, .general_content_padding p.success, .general_content_padding p.warning, 
.general_content_padding p.error, .general_content_padding p.userMessagesTag-information, 
.general_content_padding p.userMessagesTag-instruction, .general_content_padding p.userMessagesTag-success, 
.general_content_padding p.userMessagesTag-validation, .general_content_padding p.userMessagesTag-error, 
.general_content_padding p.userMessagesTag-criticalError, .general_content_padding p.userMessagesTag-restriction
{
	text-align:left;
	margin:5px;
	padding:10px 10px 10px 45px;
	border:1px solid #e0e0e0;
	color:#333;
	font-weight:bold;
}
#LoginPage .information, #LoginPage .success, #LoginPage .warning, #LoginPage .error,
#LoginPage .userMessagesTag-information, #LoginPage .userMessagesTag-instruction,
#LoginPage .userMessagesTag-success, #LoginPage .userMessagesTag-validation,
#LoginPage .userMessagesTag-error, #LoginPage .userMessagesTag-criticalError, #LoginPage .userMessagesTag-restriction
{
	text-align:left;
	margin:5px;
	padding:10px 10px 10px 45px;
	border:1px solid #e0e0e0;
	color:#333;
	font-weight:bold;
}
.information, .userMessagesTag-information, .userMessagesTag-instruction
{
	background:#fff url(../images/alert_medium.png) 5px center no-repeat;		
}
.success, .successMessage, .userMessagesTag-success, .userMessagesTag-validation
{
	background:#fff url(../images/alert_low.png) 5px center no-repeat;
}
.error, .errorMessage, .userMessagesTag-error, .userMessagesTag-criticalError, .userMessagesTag-restriction
{
	background:#fff url(../images/alert_high.png) 5px center no-repeat;
}
/* 
 * The code applies the well known clearFix but uses a more semantically meaningfull name. The reason for .group?
 * everything inside the container that has the class group applied, will act as a self contained unit that 
 * can be moved around the page without effecting the content around it. 
 */
.group:after 
{
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}/* ---------- Main ---------- */

.ui-wrapper {
	border: 2px solid #828F95;
}

.ui-wrapper input, .ui-wrapper textarea {
	border: 0;
}

.ui-dialog-overlay {
	background: #000;
	opacity: 0.8;
	z-index: 400;
}

.ie .ui-dialog-overlay {
	filter: alpha(opacity=80);
}

.results-grid {
	border: 1px solid #DEDEDE;
	border-left: none;
	border-right: none;
	padding: 5px 0;
}

.results-header {
	background: #727C81;
}

.results-header th, .results-header td {
	color: #FFF;
	padding: 5px 10px;
}

.results-header th a, .results-header td a {
	color: #FFF;
}

.results-header .sort-column .result-column-name {
	background: url(../images/arrows/06_up.png) no-repeat 100% 50%;
	font-style: italic;
	padding-right: 15px;
}

.results-header .sort-desc .result-column-name {
	background-image: url(../images/arrows/06_down.png);
}

.ui-autocomplete-even, .results-row td {
	background: #F0F5F7;
	padding: 5px 10px;
}

.ui-autocomplete-odd, .results-row.alt td {
	background: #D3DADD;
}

.ui-autocomplete-over, .results-row.hover td {
	background: #A8D6ED;
}

/* ---------- Breadcrumbs ---------- */

.breadcrumbs {
	margin-bottom: 1.5em;
}

.breadcrumbs .last {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 0.2em;
}

/* ---------- Dragging/sorting indicators ---------- */

.lfr-grid.dragging {
	border-collapse: separate;
}

.lfr-grid.dragging .lfr-column {
	border: 3px double #828F95;
}

.drop-area {
	background-color: #D3DADD;
}

.active-area {
	background: #FFC;
}

.ui-proxy {
	cursor: move;
	opacity: 0.65;
	position: relative;
}

.ie .ui-proxy {
	filter: alpha(opacity=65);
}

.ui-proxy.generic-portlet {
	height: 200px;
	width: 300px;
}

.ui-proxy.generic-portlet .portlet-title {
	padding: 10px;
}

.ui-proxy.not-intersecting .forbidden-action {
	background: url(../images/application/forbidden_action.png) no-repeat;
	display: block;
	height: 32px;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 32px;
}

.ie .ui-proxy.not-intersecting .forbidden-action {
	right: 2px;
	top: 2px;
}

.ui-resizable-proxy {
	border: 1px dashed #828F95;
}

.navigation-sort-helper {
	background: #727C81;
	margin-top: 1px;
}

.portlet-sort-helper {
}

/* ---------- Resizables ---------- */

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	background: transparent url() no-repeat 50% 50%;
	display: none;
	font-size: 0.1px;
	position: absolute;
}

.ui-resizable .ui-resizable-handle {
	display: block;
}

.js .ui-resizable-disabled .ui-resizable-handle {
	display: none;
}

.js .ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n, .ui-resizable-s {
	background-image: url(../images/application/handle_horizontal.png);
	height: 14px;
	left: 0;
	right: 0;
}

.ui-resizable-n {
	cursor: n-resize;
	top: 0;
}

.ui-resizable-s {
	bottom: 0;
	cursor: s-resize;
}

.ui-resizable-e, .ui-resizable-w {
	background-image: url(../images/application/handle_vertical.png);
	background-position: center center;
	bottom: 0;
	top: 0;
	width: 14px;
}

.ui-resizable-e {
	cursor: e-resize;
	right: 0;
}

.ui-resizable-w {
	cursor: w-resize;
	left: 0;
}

.ui-resizable-ne, .ui-resizable-nw {
	height: 14px;
	top: 0;
	width: 14px;
}

.ui-resizable-ne {
	background-image: url(../images/application/handle_ne.png);
	cursor: ne-resize;
	right: 0;
}

.ui-resizable-nw {
	background-image: url(../images/application/handle_nw.png);
	cursor: nw-resize;
	left: 0;
}

.ui-resizable-se, .ui-resizable-sw {
	bottom: 0;
	height: 14px;
	width: 14px;
}

.ui-resizable-se {
	background-image: url(../images/application/handle_se.png);
	cursor: se-resize;
	right: 0;
}

.ui-resizable-sw {
	background-image: url(../images/application/handle_sw.png);
	cursor: sw-resize;
	left: 0;
}

.freeform .portlet-boundary .ui-resizable-handle {
	margin: 3px;
}

/* ---------- Slider ---------- */

.ui-slider {
	position: relative;
}

.ui-slider-handle {
	position: absolute;
}

.ui-slider-disabled .ui-slider-handle {
	opacity: 0.5;
}

.ie .ui-slider-disabled .ui-slider-handle {
	filter: alpha(opacity=50);
}

.ui-slider-range {
	background: #1E2529;
	height: 100%;
	opacity: 0.3;
	position: absolute;
	width: 100%;
}

.ie .ui-slider-range {
	filter: alpha(opacity=30);
}

/* ---------- Tabs ---------- */

.ui-tabs {
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 18px 0;
	padding: 0 0 0 10px;
}

.ui-tabs:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.ie .ui-tabs {
	overflow: hidden;
}

.ie6 .ui-tabs {
	height: 1%;
}

.ui-tabs li {
	display: inline;
	float: left;
	line-height: 1;
	padding: 0;
	text-decoration: none;
}

.ui-tabs li.last {
	border-right: none;
}

.ui-tabs li a, .tabs li span {
	background: #878F93 url(../images/application/tabs_bg.png) repeat-x 0 100%;
	border-right: 1px solid #304049;
	color: #FFF;
	display: block;
	float: left;
	padding: 10px;
	position: relative;
	text-decoration: none;
	top: 1px;
}

.ie6 .ui-tabs li a, .ie6 .tabs li span {
	background-image: none;
	border-bottom: 3px solid #304049;
	padding-bottom: 7px;
}

.ui-tabs li a:hover {
	text-decoration: underline;
}

.ui-tabs li a:hover, .ui-tabs li span:hover {
	background: #1E2529;
	color: #9EBAC8;
}

.ui-tabs li.current {
}

.ui-tabs li.current a, .ui-tabs li.current span {
	background: #FFF;
	border: 1px solid #DEDEDE;
	border-bottom: none;
	color: #369;
	font-weight: bold;
}

.ie6 .ui-tabs li.current a, .ie6 .ui-tabs li.current span {
	padding-bottom: 10px;
}

.ui-tabs li.current:hover, .ui-tabs li.current a:hover {
	background-color: #FFF;
}

.ui-tabs .ui-tabs-disabled a {
	cursor: text;
}

.ui-tabs-disabled {
	opacity: 0.4;
}

.ie .ui-tabs-disabled {
	filter: alpha(opacity=40);
}

.ui-tabs .ui-tabs-disabled a:link, .ui-tabs .ui-tabs-disabled a:visited {
	color: #000;
}

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

.ui-tabs .last.toggle {
	float: right;
}

/* ---------- Dialog ---------- */

.ui-dialog {
	background-color: #FFF;
	border: 2px solid #828F95;
	padding: 4px;
}

.ui-dialog .ui-dialog-titlebar {
	background: #1E2529;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	min-height: 28px;
	padding: 0;
	position: relative;
	z-index: 1;
}

.ie .ui-dialog .ui-dialog-container {
	z-index: 1;
}

.ie6 .ui-dialog .ui-dialog-titlebar {
	height: 29px;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: url(../images/application/close.png) no-repeat;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 6px;
	width: 16px;
}

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

.ui-dialog.has-title .ui-dialog-title {
	background: url(../images/arrows/04_right.png) no-repeat 7px 50%;
	display: block;
	font-weight: bold;
	padding: 5px;
	padding-left: 20px;
}

.ui-dialog.ui-resizable .ui-dialog-content {
	padding: 14px;
}

.ui-dialog.ui-resizable-disabled .ui-dialog-content {
	padding: 7px;
}

.ui-dialog .ui-dialog-buttonpane {
	bottom: 8px;
	position: absolute;
	right: 12px;
	text-align: right;
	width: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

.ui-dialog.generic-dialog .ui-resizable-handle {
}

/* ---------- Date picker ---------- */

#ui-datepicker-div, .ui-datepicker-inline {
	background: #FFF;
	border: 2px solid #828F95;
	padding: 3px;
	width: 185px;
}

#ui-datepicker-div {
	display: none;
}

.ui-datepicker-inline {
	border: 0;
	display: block;
	float: left;
}

.ui-datepicker-dialog {
	padding: 5px !important;
}

img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}

.ui-datepicker-prompt {
	color: #000;
	float: left;
	padding: 2px;
}

.ie6 .ui-datepicker-prompt {
	width: 185px;
}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
}

.ui-datepicker-control {
	background: #D3DADD;
	border-bottom: 1px solid #AEB8BC;
	margin-bottom: 2px;
}

.ui-datepicker-links {
	background: #727C81;
	margin-bottom: 1px;
	padding: 5px 0;
}

.ui-datepicker-links a {
	color: #FFF;
	display: block;
	margin: 0 5px;
}

.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	letter-spacing: 1px;
}

.ui-datepicker-links label {
	padding: 2px 5px;
}

.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}

.ui-datepicker-prev a, .ui-datepicker-next a {
	background: url() no-repeat;
	font-size: 0;
	height: 16px;
	line-height: 0;
	text-indent: -9999em;
	width: 16px;
}

.ui-datepicker-prev a {
	background-image: url(../images/application/datepicker_previous.png);
}

.ui-datepicker-next a {
	background-image: url(../images/application/datepicker_next.png);
}

.ui-datepicker-current {
	float: left;
	line-height: 1.3;
	text-align: center;
	width: 30%;
}

.ui-datepicker-close a {
	background: url(../images/application/close.png) no-repeat;
	display: block;
	float: right;
	height: 16px;
	margin: 5px 5px 5px 0;
	text-indent: -9999em;
	width: 16px;
}

.ui-datepicker-next {
	float: right;
	text-align: right;
}

.ui-datepicker-header {
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
	padding: 5px 0 6px;
	text-align: center;
}

.ui-datepicker-header select {
	background: #727C81;
	border: 0;
	color: #FFF;
	font-weight: bold;
}

.ui-datepicker-header .ui-datepicker-new-month {
	float: left;
	margin-left: 5px;
}

.ui-datepicker-header .ui-datepicker-new-year {
	float: right;
	margin-right: 5px;
}

.ui-datepicker {
	text-align: center;
	width: auto;
}

.ui-datepicker a {
	display: block;
	width: 23px;
}

.ui-datepicker .ui-datepicker-title-row a {
	color: #1E2529;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-days-row {
	background: #FFF;
	color: #727C81;
}

.ui-datepicker-week-col {
	color: #B5BFC4;
}

.ui-datepicker-days-cell a {
	background: #F0F5F7;
	border: 1px solid #FFF;
}

.ui-datepicker-days-cell a:hover {
	background-color: #727C81;
	color: #FFF;
}

.ui-datepicker-current-day a {
	background-color: #FFF;
	border: 1px solid #727C81;
	color: #369;
}

.ui-datepicker-current-day a:hover {
	background-color: #DFF4FF;
	border-color: #AEB8BC;
	color: #06C;
}

.ui-datepicker .ui-datepicker-unselectable {
	color: #B5BFC4;
}

#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
}

.ui-datepicker-one-month:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.ie .ui-datepicker-one-month {
	height: 1%;
}

.ui-datepicker-new-row {
	clear: left;
}

.ie6 .ui-datepicker-cover {
	display: block;
	filter: mask();
	height: 200px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 193px;
	z-index: -1;
}

/* ---------- Color picker ---------- */

.ui-colorpicker {
	background-image: url(../images/color_picker/picker_container_bg.png);
	font: 11px Arial,Helvetica,sans-serif;
	height: 192px;
	position: relative;
	width: 305px;
}

.ui-colorpicker-color {
	background-color: #F00;
	background-image: url(../images/color_picker/picker_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 184px;
	left: 8px;
	position: absolute;
	top: 5px;
	width: 184px;
}

.ui-colorpicker-color-handle {
	background-image: url(../images/color_picker/select.png);
	height: 11px;
	position: absolute;
	width: 11px;
}

.ui-colorpicker-hue {
	background-image: url(../images/color_picker/hue.png);
	height: 186px;
	left: 200px;
	position: absolute;
	top: 3px;
	width: 18px;
}

.ui-colorpicker-hue-handle {
	background-image: url(../images/color_picker/color_indic.png);
	height: 7px;
	position: absolute;
	width: 18px;
}

.ui-colorpicker-current {
	background: #FFF;
	border: 2px solid #727C81;
	height: 60px;
	position: absolute;
	right: 10px;
	top: 31px;
	width: 60px;
}

.ui-colorpicker-values {
	left: 230px;
	position: absolute;
	top: 100px;
	width: 60px;
}

.ui-colorpicker-values table {
	width: 100%;
}

.ui-colorpicker-values table input {
	margin-bottom: 1px;
	padding: 3px 1px;
	width: 100%;
}

.ui-colorpicker-rgbR, .ui-colorpicker-rgbG, .ui-colorpicker-rgbB {
	width: 20px;
}

.ui-colorpicker-hex {
	width: 40px;
}

.ui-colorpicker-close {
	background: url(../images/color_picker/close.png) no-repeat 0 0;
	cursor: pointer;
	height: 23px;
	position: absolute;
	right: 3px;
	text-indent: -9999em;
	top: 3px;
	width: 23px;
}

/* ---------- Autocomplete ---------- */

.ui-autocomplete-results {
	border: 1px solid;
	border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
	overflow: hidden;
	padding: 0;
	z-index: 300;
}

.ui-autocomplete-results ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-autocomplete-results li {
	cursor: default;
	display: block;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 2px 5px;
}

.ui-autocomplete-loading, .ui-autocomplete-loading.focus {
	background-image: url(../images/application/loading_indicator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.ui-autocomplete-results li strong {
	color: #06c;
	font-weight: bold;
}

/* ---------- Tags ---------- */

.ui-tags {
	display: block;
	padding: 5px 0 2px;
}

.ui-tags:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.ie .ui-tags {
	height: 1%;
}

.ui-tags.empty {
	display: none;
}

.ui-tags .ui-tag {
	background: #DFF4FF;
	border: 1px solid #A7CEDF;
	float: left;
	margin-bottom: 3px;
	margin-right: 3px;
	padding: 3px 20px 3px 6px;
	padding-right: 20px;
	position: relative;
}

.ui-tags .ui-tag:hover {
	border-color: #AEB8BC;
}

.ui-tags .ui-tag-delete {
	display: block;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 3px;
}

.ui-tags .ui-tag-delete span {
	background: url(../images/application/close_small.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 7px;
	text-indent: -9999em;
	width: 7px;
}

.ui-tags .ui-tag-delete:hover span {
	background-position: 0 100%;
}

.ui-tags-input {
	width: 200px;
}

.tags-vocabulary-name span {
	font-weight: bold;
	padding-bottom: 3px;
}

/* ---------- Tag cloud ---------- */

.tag-cloud {
	list-style: none;
	margin: 0 1em 0 0;
	padding: 0 1em 0.5em 1em;
	white-space: normal;
}

.tag-cloud li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0 1em 0 0;
}

.tag-cloud a {
	white-space: nowrap;
}

/* ---------- Treeview ---------- */

.treeview {
	cursor: pointer;
}

.treeview, .treeview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.treeview ul {
	background-color: #FFF;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/trees/treeview_bg.png) -64px -25px no-repeat;
	cursor: pointer;
	float: left;
	height: 16px;
	margin-left: -16px;
	margin-top: 3px;
	width: 16px;
}

.ie6 .hitarea {
	display: inline;
}

.treeview li {
	background: url(../images/trees/treeview_line.png) 0 0 no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 16px;
}

.treeview a.selected {
	background-color: #EEE;
}

.treeview-control {
	display: none;
	margin: 1em 0;
}

.treeview .hover {
	cursor: pointer;
}

.treeview li.collapsable, .treeview li.expandable {
	background-position: 0 -176px;
}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li.last {
	background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image: url(../images/trees/treeview_bg.png);
}

.treeview li.lastCollapsable {
	background-position: 0 -111px;
}

.treeview li.lastExpandable {
	background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
	background-position: 0;
}

.treeview .placeholder {
	background: url(../images/application/loading_indicator.gif) 0 0 no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

.treeview span {
	padding-left: 3px;
}

.filetree li {
	padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
	display: block;
	padding: 1px 0 1px 16px;
}

.filetree span.folder {
	background: url(../images/trees/minus.png) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
	background: url(../images/trees/plus.png) 0 0 no-repeat;
}

.filetree span.file {
	background: url(../images/trees/page.png) 0 0 no-repeat;
}/* This CSS controls the column layout. It is not recommended that you change this file. */

/* ---------- Wrapper ---------- */

.lfr-grid {
	border-collapse: collapse;
	width: 100%;
}

.lfr-grid .lfr-column {
	padding: 5px;
}

/* ---------- Column widths ---------- */

.lfr-grid.dragging .lfr-column {
	height: 100px;
	min-height: 100px;
}

.lfr-column.ten {
	width: 10%;
}

.lfr-column.twenty {
	width: 20%;
}

.lfr-column.thirty {
	width: 30%;
}

.lfr-column.forty {
	width: 40%;
}

.lfr-column.fifty {
	width: 50%;
}

.lfr-column.sixty {
	width: 60%;
}

.lfr-column.seventy {
	width: 70%;
}

.lfr-column.eighty {
	width: 80%;
}

.lfr-column.ninety {
	width: 90%;
}

/* ---------- 1 column ---------- */

.columns-1 #column-1, .columns-max #column-1 {
	clear: both;
	display: table;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

/* ---------- 2 columns ---------- */

.columns-2 #column-1 {
	padding-left: 0;
}

.columns-2 #column-2 {
	padding-right: 0;
}

/* ---------- 3 columns ---------- */

.columns-3 #column-1 {
	padding-left: 0;
}

.columns-3 #column-2 {
}

.columns-3 #column-3 {
	padding-right: 0;
}

/* ---------- 1/2/1 ---------- */

.columns-1-2-1 #column-1, .columns-1-2-1 #column-4 {
	padding-left: 0;
	padding-right: 0;
}

.columns-1-2-1 #column-2 {
	padding-left: 0;
}

.columns-1-2-1 #column-3 {
	padding-right: 0;
}

/* ---------- 2/2 ---------- */

.columns-2-2 #column-1, .columns-2-2 #column-2 {
	padding-left: 0;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}

/* ---------- Freeform ---------- */

.freeform .lfr-column {
	position: relative;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}/* This CSS sets the default styles for portlets. */

/* ---------- Portlet wrapper and icons ---------- */

.portlet {
	text-align: left;
}

.freeform .portlet {
	margin-bottom: 0;
}

body.portlet {
	border: none;
}

.portlet-topper {
	position: relative;
}

.portlet-title {
	display: block;
	font-weight: bold;
	min-width: 50%;
}

.portlet-title img {
	vertical-align: middle;
}

.portlet-icons {
	margin: 0;
	position: absolute;
	right: 5px;
	text-align: right;
	top: 5px;
}

.portlet-icons .nobr {
	display: block;
	float: left;
	padding: 1px;
}

.portlet-content, .portlet-minimized .portlet-content-container {
	padding: 12px 10px 10px;
}

.portlet-minimized .portlet-content {
	padding: 0;
}

.portlet-icon-back {
	background: url(../images/arrows/01_left.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 3px 0 3px 18px;
}

/* ---------- Panel Page ---------- */

.lfr-panel-page {
	width: 100%;
}

.lfr-panel-page .portlet-title {
	font-size: 13px;
}

.lfr-panel-page #content-wrapper {
	margin: 0;
	width: auto;
}

.lfr-panel-page .lfr-add-content h2 span {
	background-color: #D3DADD;
}

/* ---------- Standard styles defined in the JSR 168 ---------- */

/* ---------- Fonts ---------- */

/* ---------- Font attributes for the 'normal' fragment font ---------- */

.portlet-font {
}

/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */

.portlet-font-dim {
}

/* ---------- Messages ---------- */

/* ---------- Status of the current operation ---------- */

.portlet-msg-status {
}

/* ---------- Help messages, general additional information, etc. ---------- */

.portlet-msg-info {
	background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

.portlet-msg-info.pending {
	background-image: url(../images/common/time.png);
}

/* ---------- Error messages ---------- */

.portlet-msg-error {
	background: #FDD url(../images/messages/error.png) no-repeat 6px 50%;
	border: 1px solid #F00;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert {
	background: #FFC url(../images/messages/alert.png) no-repeat 6px 20%;
	border: 1px solid #FC0;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Success messages ---------- */

.portlet-msg-success {
	background: #F4FDEF url(../images/messages/success.png) no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Sections ---------- */

/* ---------- Table or section header ---------- */

.portlet-section-header {
}

.portlet-section-header th {
}

/* ---------- Normal text in a table cell ---------- */

.portlet-section-body {
}

.portlet-section-body td {
}

/* ---------- Text in every other row in the cell ---------- */

.portlet-section-alternate {
}

.portlet-section-alternate td {
}

.portlet-section-alternate-hover td, .portlet-section-body-hover td {
}

.portlet-section-body td td, .portlet-section-body-hover td td {
}

.portlet-section-alternate td td, .portlet-section-alternate-hover td td {
}

/* ---------- Text in a selected cell range ---------- */

.portlet-section-selected, .portlet-section-selected a {
	background: #727C81;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
	background-color: #727C81;
}

/* ---------- Text of a subheading ---------- */

.portlet-section-subheader {
}

/* ---------- Table or section footnote ---------- */

.portlet-section-footer {
}

/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */

.portlet-section-text {
}

/* ---------- Forms ---------- */

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */

.portlet-form-label {
}

/* ---------- Text of the user-input in an input field ---------- */

.portlet-form-input-field {
}

/* ---------- Text on a button ---------- */

.portlet-form-button {
}

/* ---------- Text that appears beside a context dependent action icon ---------- */

.portlet-icon-label {
}

/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */

.portlet-dlg-icon-label {
}

/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */

.portlet-form-field-label {
}

/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */

.portlet-form-field {
}

/* ---------- Menus ---------- */

/* ---------- General menu settings such as background color, margins, etc. ---------- */

.portlet-menu {
}

/* ---------- Normal, unselected menu item ---------- */

.portlet-menu-item {
}

/* ---------- Selected menu item ---------- */

.portlet-menu-item-selected {
}

/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover {
}

/* ---------- Selected menu item when the mouse hovers over it ---------- */

.portlet-menu-item-hover-selected {
}

/* ---------- Normal, unselected menu item that has sub-menus ---------- */

.portlet-menu-cascade-item {
}

/* ---------- Selected sub-menu item that has sub-menus ---------- */

.portlet-menu-cascade-item-selected {
}

/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */

.portlet-menu-description {
}

/* ---------- Menu caption ---------- */

.portlet-menu-caption {
}

/* ---------- Miscellaneous portlet styles ---------- */

.restricted, .restricted td {
	background: #FDD;
	border: none;
}

.alt.restricted td {
	background-color: #FFC0C0;
}

.hover.restricted td {
	background-color: #D3BDC0;
}

.restricted * {
	color: #727C81;
}

.restricted td.col-1, .alt.restricted td.col-1 {
	background-image: url(../images/messages/error.png);
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 28px;
}

/* ---------- Permissions ---------- */

.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
	background-image: url();
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
	background-image: url(../images/common/guest_icon.png);
}

.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
	background-image: url(../images/common/user_icon.png);
}

.results-row.lfr-role-community .col-1, .results-row.hover.lfr-role-community .col-1 {
	background-image: url(../images/common/community_icon.png);
}

.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
	background-image: url(../images/common/organization_icon.png);
}

/* ---------- Miscellaneous component styles ---------- */

/* ---------- Add content dialog ---------- */

.lfr-portlet-item, .lfr-portlet-item p a {
	font-size: 1em;
}

/* ---------- Actions button ---------- */

.lfr-actions {
}

.lfr-actions, .lfr-actions ul {
	background: #FFF url(../images/forms/button.png) repeat-x 0 100%;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
}

.lfr-actions ul {
	bottom: -1px;
}

.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
	background: none;
}

.lfr-actions .lfr-trigger strong span {
	background: url(../images/common/action.png) no-repeat 5px 50%;
}

.lfr-actions.left .lfr-trigger strong span {
	background: url(../images/common/action_right.png) no-repeat 98% 50%;
}

.lfr-actions .lfr-trigger li {
	background: transparent;
	border-bottom: 1px solid #DEDEDE;
	padding: 2px;
}

.lfr-actions .lfr-trigger li a {
	padding: 5px 10px 5px 25px;
}

.lfr-actions .lfr-trigger li a:hover {
	background-color: #828F95;
	color: #FFF;
}

.lfr-actions .lfr-trigger li a img {
	left: 3px;
	position: absolute;
}

.lfr-actions .lfr-trigger li.last {
	border-bottom: none;
}

.lfr-actions.portlet-options {
	background: none;
	border: none;
	float: left;
}

.lfr-actions.portlet-options .lfr-trigger {
	padding: 0;
}

.lfr-actions.portlet-options .lfr-trigger strong {
	min-width: 0;
	padding: 1px;
}

.lfr-actions.portlet-options .lfr-trigger strong span {
	background-image: url(../images/portlet/options.png);
	background-position: 0 0;
	display: block;
	height: 16px;
	padding: 0;
	text-indent: -9999em;
	width: 16px;
}

.visible.portlet-options .lfr-trigger strong span {
	background-image: url(../images/portlet/options_selected.png);
}

/* ---------- Calendar taglib ---------- */

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
	border: none;
}

.taglib-calendar tr td a {
	background-color: #F0F5F7;
	border: 1px solid #FFF;
	border-bottom: none;
	border-left: none;
	display: block;
	height: 15px;
	padding: 5px 0;
}

.taglib-calendar table td {
	border-width: 0;
}

.taglib-calendar tr td a:hover {
	background-color: #727C81;
	color: #FFF;
}

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
	background-color: #FFF;
}

.taglib-calendar .calendar-current-day a {
	border: 1px solid #727C81;
	color: #369;
	text-decoration: underline;
}

.taglib-calendar tr td.calendar-inactive {
	background-color: #FFF;
	color: #B5BFC4;
}

.taglib-calendar tr th {
	border-bottom-color: #D7D7D7;
}

.ie .taglib-calendar tr td.first a {
	border-right: none;
}#banner
{
	height:40px;
	background:none;
	background:black;
}
#headerBack
{
        background:none;
}
.SystemVodacomBusiness
{
	/* width:958px; */
}
.pLink
{        
        text-decoration:none;
}
.SystemVodaBizConnect .searchBanner form
{
    display:none;
}
.QuickLinksLayer1 a
{
	vertical-align: top; 
	font: bolder; 
	font-size: 14px; 
	color: #004698;
}

.QuickLinksLayer2 a
{
	font:bolder; 
	font-size:12px; 
	color:#004698;
}

.QuickLinksLayer3 a
{
	cursor:hand;
	font:bolder; 
	font-size:13px; 
	color:#188add;
}
.footerContainer a
{
	color:#778091;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;
}

.footerContainer a:hover
{
	color:#004698;
	text-decoration: underline;
}
/* MAIN SKIN */
.mainSkinTitle
{
	background:#004698;
	background-image:url(../images/header_gradient.png);
	background-repeat:repeat-x;
	color:white;
	font-size:16px;
	height:17px;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:15px;
	font-weight:bold;
	
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
}
.mainSkinTitle form
{
	color:#1B5392;
	display:inline;
	margin:0;
	padding:0;
	position:absolute;
	right:25%;       
}
.sitesHolder
{
	left:-7px;
	position:relative;
	top:-1px;
}
.indent
{
	padding-left:50px;
}      
.mainSkin
{
	border:1px solid #004698;
	padding:5px;
	background:white;
	height:100%;
	margin-bottom:4px;        
}
/* VBC SINGLE */
.vbcSkinSingle
{
	margin:0;
}
.vbcSkinSingle .portlet-topper .portlet-title
{
	font-size:12px;
}
.portlet-topper
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;      
}
.portlet-title
{
	color:#004698;
	padding:5px 5px 7px 7px; 
	font-size:11px;
}
/* ACTIVE SKIN */
.vbcSkinActive
{
	margin:5px;
}
.vbcSkinActive .portlet-topper
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
}
.VBSkinTitleIcon
{
	display:none;
}
.vbcSkinSingle .portlet-topper
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
}
.vbcSkinSingle .vbcTitle {
	background-color:#fff;
	border:0px;
	border-bottom:1px solid #ededed;
	cursor:pointer;
	cursor:hand;
}
.vbcSkinSingle .vbcContent
{
    padding:0px;
    color:#778091;
    background:white;
}
.vbcSkinInActive .vbcTitle
{
	color:#004698;
	background:white;
	font-size:16px;
	font-weight:bold;
	padding:0px;
	border-bottom:3px solid #004698;
}
.vbcSkinInActive .vbcTitle .portlet-title
{
	background-repeat:no-repeat;
	background-position:5px 7px;
	padding-left:8px;
	border:0;
}
.vbcSkinInActive .vbcTitle
{
	color:#004698;
	background:white;	
	font-size:16px;
	font-weight:bold;
	margin:0 3px 0 3px;       
	padding:0px;
	border-bottom:1px solid #f4f4f4;
}
.vbcSkinActive .vbcTitle
{
	color:#004698;
	background:white;	
	font-size:16px;
	font-weight:bold;        
	padding:0px;
	border-bottom:3px solid black;
}
.vbcSkinInActive .vbcContent
{
    padding:5px;
    color:#4d4d4d;
    background:white;    
    font-size:12px;

}
.vbcSkinActive .vbcContent
{
    padding:5px;
    color:white;
    background:#004698;
}
#navigation div#add-page
{
	top:-1px;
	right:0px;
}

.mainSkin #content-wrapper
{   
	background-image:url(../images/mainSkinBack.jpg);
	background-repeat:repeat-x;
	background-color:#c2d3e3;	
	border:1px solid #778091;	
	width:100%;
	margin:0 0;
}
.mainSkin .sideColumn
{
	width:25%;
}
.iconNOTIFICATIONS
{
	background-image:url(../images/Notifications_pink.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;
}
.iconBROWSEPRODUCTS
{
	background-image:url(../images/Browse_pink.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;
}
.iconLIVECHAT
{
	background-image:url(../images/Live_chat_blue.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;
}
.iconNEWFEATURES
{
    background-image:url(../images/New_Features_flower.png);
    background-repeat:no-repeat;
    background-position:0px -2px;
    padding-left:30px;
               
}
.iconCONTACTUS
{
    background-image:url(../images/Contact-Us_green.png);
    background-repeat:no-repeat;
    background-position:0px -2px;
    padding-left:30px;
}
.iconWIDGETDOWNLOADS
{
	background-image:url(../images/Widget_orange.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;
}
.iconNoticeMinimised
{
	background-image:url(../images/Expand_arrow_down.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;       
	position:absolute;
	right:10px;
}
.iconNoticeExpanded
{
	background-image:url(../images/Expand_arrow_up.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-left:30px;       
	position:absolute;
	right:10px;
}
.portlet
{
	padding:0px;
	padding-bottom:0px;
	margin:0px;
	margin-bottom:0px;
	border:0px;
	background:transparent;
}
#layout-grid .lfr-column 
{
	padding: 0px;
}
html
{
	height:100%;
}
.VBBanner
{
	width:100%;
	height:102px;
	background-color:#024289;
	position:relative;
}
.VBHeader
{
	position:relative;
	top:-5px;
}
.VBLogoLeft
{        
	float:left; 
	margin-top:-5px;
	margin-left:5px;
}
.VBLogoRight
{
	float:right; 
	margin-top: -5px;         
}
.VBBannerTitle
{
	position:absolute;
	left:150px;
	top:30px;
	color:white;
	font-size:40px; 
}
.VBContent
{
	width:944px;
	padding:5px;       
	background-color:white;
	position:relative;
	text-align:left;        
}
.VBNoSkinBody
{
	color:#000;
}
.VBGemSkin
{
	padding-top:5px;
	padding-left:5px;        
}
.VBPageFooter
{
	background-color:white;
	text-align:center;
	color:#4e4e4e;	
	background-image:url(../images/MenuBack.jpg);
	background-repeat:repeat-x;
	background-color:#dcdbdb;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;  
	height:51px;	
	vertical-align:middle;	
	position:relative;
	z-index:0;     
}
.VBPagePreFooter
{        
	width:944px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:0px;
	background-color:white;
}
.VBPageFooter a
{
	color:#4e4e4e;
	text-decoration:none;
	font-size:11px;
	font-weight:600;
}
.VBPageFooter a:hover
{
	color:#008131;        
}
.VBLogoSA
{
	float:left;
	margin-left:10px;
	vertical-align:middle;
}
.VBLogoVoda
{
	float:right;
	margin-right:10px;
	margin-top: -7px;
	vertical-align:middle;
}
.VBPageFooterLinks
{
	position:relative;
	top:20px;
	left:-50px;    
}
.mnuMain
{
	color:#004186;
	padding-left:10px;
	padding-right:10px;
	height:51px;
	font-size:14px;
	font-weight:600;
	text-align:center; 
	cursor:pointer;
	cursor:hand;  
	border-left:1px #f9f9f9 solid;
	border-right:1px #cccccc solid;            
}
.mnuMainOver
{
	color:white;
	padding-left:10px;
	padding-right:10px;
	height:51px;
	font-size:14px;
	font-weight:600;
	text-align:center;
	background-image:url(../images/MenuBack_o5.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
	cursor:hand;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;	
}
.mainMenuTable
{
	border-right:1px #f9f9f9 solid;
}
.menuSpacer
{
	width:80px; 
	height:0px;
	font-size:0px;
	visibility:hidden; 
}
#menuOrigin
{
	background-image:url(../images/MenuBack.jpg);
	background-repeat:repeat-x;
	background-color:#dcdbdb;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;  
	height:51px;     
}
.mnuCO1
{
	color:white;
	border-top:1px solid #004186;
	background-color:#025087;
	height:18px;
	cursor:pointer;
	cursor:hand;
	padding-left:5px;
	padding-right:5px;
}

.mnuCO2
{
	color:white;
	background-color:#025087;
	border-top:1px solid #004186;
	height:18px;
	cursor:pointer;
	cursor:hand;
	padding-left:2px;
	padding-right:2px;
}
.mnuCONT
{
	color:white;
	background-color:#004186;
	border:1px #004186 solid;
	border-top:0px;
	position:absolute;
	z-index:99;
}
.mnuC1
{
	color:#004186;
	border-top:1px solid #004186;
	background-color:white;
	height:18px;
	padding-left:5px;
	padding-right:5px;
}
.mnuC2
{
	color:#004186;
	border-top:1px solid #004186;
	background-color:#1a73b0;
	background-color:white;
	height:18px;
	padding-left:2px;
	padding-right:2px;
}
.menuTextDiv
{
	text-align:left;
}
.menuComment
{
	padding-top:2px;
	font-size:11px;
	font-weight:600;
	color:#777d83;
}
.menuCommentOver
{
	padding-top:2px;
	font-size:11px;
	font-weight:600;
	color:white;
}
.vodabusCrumbs
{
	color:#044486;
	padding-top:5px;
	font-weight:600;
	font-size:11px;            
}
.VBSkinContent
{
	min-height:300px;
	padding:20px;         
	background-color:white;      
}
.VBTabs .VBSkinTitle span{
        padding:0px;
}

.VBNoSkinHead .portlet-title{
        color:#004186;
}

.VBNoSkinHead .portlet-icons{
        position:absolute;
}

.VBDefaultHead .portlet-title{
        color:#004186;
}

.VBDefaultHead .portlet-icons{
        position:absolute;
}

.VBAccordionBody
{
	background:white;
	color:#778091;
	padding:0;
	display:none;
	overflow:hidden;
}
.VBAccordionBodyExpandedState
{
	background:white;
	color:#778091;
	padding:0;
	overflow:hidden;
}
.VBAccordionBodyExpandedState p
{
	padding:2px 5px 2px 5px;
}
.accordionSubTitle{
        color:#004698;
        font-weight:bold;
        font-size:14px;
        padding-bottom:10px;
}
.accordionText
{
	padding-top:10px;
	padding-bottom:20px;
	line-height:15px;
}
.VBAccordionHead
{
	background-color:#fff;
	background-image:url(../images/icons/ol_collapse-Blue.gif);
	background-position:6px 4px;
	background-repeat:no-repeat;
	border:0px;	
	border-bottom:1px solid #ededed;
	cursor:pointer;
	cursor:hand;
}
.expandedState
{
	background-image:url('../images/icons/ol_expand-Blue.gif');
}
.collapsedState
{
	background-image:url('../images/icons/ol_collapse-Blue.gif');
}
.orangeTitle{

        background:#faa862;
        border:0px;
        border-bottom:1px solid #ff8218;
        border-top:1px solid #fed1ab;
}

.greenTitle{

        background:#83d727;
        border:0px;
        border-bottom:1px solid #58a603;
        border-top:1px solid #aef263;
}

.pinkTitle{

        background:#ee4b71;
        border:0px;
        border-bottom:1px solid #c4022f;
        border-top:1px solid #fe83a0;
}

.greyTitle{

        background:#778091;
        border:0px;
        border-bottom:1px solid #545a66;
        border-top:1px solid #adafb2;
}
.VBAccordionHead .portlet-topper
{
    background:transparent;
	border:0px;
}

.VBAccordionHead .portlet-title
{
	background:transparent;
	color:#004698;
	padding:5px 0 5px 28px;
	font-size:11px;
	font-weight:bold;
}
.VBSkinTitle{
        background-color:white;
        padding:0px;
        padding-left:5px;
        padding-right:10px;
        margin:0px;
        font-size:14px;
        font-weight:600;
        color:#004186; 
}

.VBSkinTitleNotSelected{
        background-color:#bebebe;
        padding:0px;
        padding-left:5px;
        padding-right:10px;
        margin:0px;
        font-size:14px;
        font-weight:600;
        color:#004186;        
        cursor:pointer;
        cursor:hand;
}

.VBSkinTitleNotSelected_o{
        background-color:#dad9d9;
        padding:0px;
        padding-left:5px;
        padding-right:10px;
        margin:0px;
        font-size:14px;
        font-weight:600;
        color:#004186;        
        cursor:pointer;
        cursor:hand;
}


.VBTabSkin{
        text-align:left; 
        background-image:url(../images/greyBack.jpg);
        background-repeat:repeat-x;
        background-color:#909191;
        margin-top:5px;

}

.VBTabSkinTD
{   
	padding-top:15px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
}
.VBTabSkinShadow 
{
	width:12px;
	background-image:url(../images/shadow2R.png);
	background-repeat:repeat-y;
}
.rightShadow 
{
	width:12px;
	background-image:url(../images/shadow2R.png);
	background-repeat:repeat-y;
}
.VBSkinContentHolder
{
    width:100%;
}
.VBSkinContentHolderTD
{
	background-color:white;
}

.topRightShadow{
        width:12px;        
        height:24px;
        background-image:url(../images/shadow2TR.png);
        background-repeat:no-repeat;

}

.bottomLeftShadow{
        width:29px;    
        height:13px;
        background-image:url(../images/shadow2BL.png);
        background-repeat:no-repeat;
}

.bottomShadow{
        height:13px;
        background-image:url(../images/shadow2B.png);
        background-repeat:repeat-x;

}

.bottomRightShadow{
        width:22px;    
        height:13px;
        background-image:url(../images/shadow2BR.png);
        background-repeat:no-repeat;

}

.validationError{
        color:red;
        font-weight:600;
}
  
.userMessagesTag-table 
{
	margin:0 auto 0 auto;
	width:85%;
}



.userMessagesTag-criticalError {
        
        color: #0751a6;
        font-weight: bold;
        padding-left:40px;
        padding-top:9px;
        padding-bottom:7px;
        
        background-image:url(../images/alert_high.png); 
        background-repeat:no-repeat;
        background-position: center left;

        background-color:white;
        width:95%;
        font-size:18px;
        font-style: italic;
                
}


.userMessagesTag-restriction {
        color: navy;  
        PADDING-LEFT: 0px;  
}



.wizardHead
{
        color:#004186;
}

.wizardHeadForm{
        margin-bottom:0px;
}

.wizardHeading
{
	color:#004186;
	font-size:12px;
	font-weight:600;
	background-color:#fff;
	border:1px solid #b2b2b2;
	border-bottom:0px;
	padding:10px;
	min-width:90px;   
}

.wizardHeadingSelected{      
        

        color:#004186; 
        font-size:12px;
        font-weight:600;
        background-color:#f1f0f0;
        border:1px solid #b2b2b2;
        border-bottom:0px;
        padding-top:10px;        
        min-width:90px;
        
       
}

.wizardHeadingSelectedText{
        padding-left:10px;
        padding-right:10px;
        padding-bottom:5px;
}

.wizardHeadingClickable{
        cursor:pointer;
        cursor:hand;        
        color:#004186;
        font-size:12px;
        text-decoration: underline;
        font-weight:600;
        background-color:white;
        border:1px solid #b2b2b2;
        border-bottom:0px;
        padding:10px;
        
        min-width:90px; 
}

.wizardHeadingClickable_o{
        cursor:pointer;
        cursor:hand;        
        color:#008131;
        font-size:12px;
        text-decoration: underline;
        font-weight:600;
        background-color:#faf9f9;
        border:1px solid #b2b2b2;
        border-bottom:0px;
        padding:10px;
        
        min-width:90px; 
}


.wizardHeadingGap{
        width:3px;
}

.wizardHeadingHideLine{
        position:relative;
        width:100%;
        background-color:#f1f0f0;
        /*border:1px solid red;*/
        top:3px;
        height:3px;
}


#vbcPopUp #vbcPopUpContent p{
        
        display:table;

}
#vbcPopUp #vbcPopUpContent p.userMessagesTag-error,#vbcPopUp #vbcPopUpContent p.userMessagesTag-information,#vbcPopUp #vbcPopUpContent p.userMessagesTag-success,#vbcPopUp #vbcPopUpContent p.userMessagesTag-instruction,#vbcPopUp #vbcPopUpContent p.userMessagesTag-criticalError{
        
        display:block;

}
#vbcPopUp
{
	display:none;
	text-align:left;
	padding:5px;
	padding-top:0px;
}
.ui-dialog-container div.vbPopupTitle{
        background:white;
}



.popupIcon{
        vertical-align:middle;
        margin-right:5px;
}

.popupMessage{
        color:#0751a6;
        font-size:18px;
        font-style: italic;
        
}

.popupSubText{
        color:#0751a6;
        font-size:12px;
        font-style: normal;
        padding:10px;       
}


.subContainer{
        
        padding-top:0px;
        padding-bottom:8px;
        padding-left:4px;
        padding-right:4px;
}



.subContainerTable{
        width:100%;
        background:white;
}



.subContainer .portlet{
        
}

.subContainerTable .subContainerFirstTR .portlet{
        padding:0px;
}


div.productModuleBorder{
        width:1px;
        background:#c1d6e7;
        float:right;
        height:100%;
        position:absolute;
        top:0px;
        right:-10px;
}

div.productModuleBorderHorizontal{

        background:#C1D6E7;
        height:1px;
        left:18px;
        position:absolute;
        width:732px;
}

div.productModuleBorderHorizontalFull{

        background:#C1D6E7;
        height:1px;
        left:18px;
        position:absolute;
        width:922px;
}



.siteNav{
        padding-top:30px;
        padding-bottom:20px;
        background:white;
        border-top:1px solid #004698;
}


.VBQuicklinks{
        width:100%;
        text-align:center;        
}
.VBQuicklinks a{
        text-decoration:none;
        text-transform:capitalize;        
}

.VBQuicklinks a:hover{
        text-decoration:underline;        
}


.VBQuicklinks ul{
        white-space: nowrap;
        list-style-type: none;	
        margin: 0px;
        text-align:left;        

}

.VBQuicklinks li{
        list-style-type: none;	      
}


.VBQuicklinks td{
        border-left:1px solid #cac9c9;
        padding-left:10px;
        padding-right:10px;
}

.VBQuicklinks tr td:first-child{
        border-left:0px;
}

.VBQuicklinks .level2 li{
       font-weight:bold; 
       font-size:12px; 
       color:#004698
}

.VBQuicklinks .level3 a{ 
       font-size:13px; 
       color:#188add;
       font-weight:normal;
}


.ReportBannerRed{
        background:#ee4b71;
        color:white;
        height:48px;
        line-height:15px;
        padding-left:10px;
        padding-top:5px;        
}

.ReportBannerOrange{
       background:#fc963f;
       color:white;       
       height:48px;
       line-height:15px;
       padding-left:10px;
       padding-top:5px;
}

.ReportBannerGreen{
       background:#008A28;
       color:white;
       height:48px;
       line-height:15px;
       padding-left:10px;
       padding-top:5px;
}

.ReportBannerRed span,.ReportBannerOrange span,.ReportBannerGreen span{
       font-size:12px;
       font-weight:bold;
       position:relative;
       top:8px;
}

.ReportBannerRed label,.ReportBannerOrange label,.ReportBannerGreen label{
       font-size:14px;
       font-weight:bold;
}

.ReportBannerRed img,.ReportBannerOrange img,.ReportBannerGreen img{
       float:left;
       margin-right:16px;
}  


.findReplaceText{
        border:1px solid orange;
        background:lightyellow;
        padding:5px;
}

.findReplaceItem{
        border:1px solid darkgreen;
        background:lightgreen;
        padding:3px;
        cursor:pointer;
        cursor:hand;
}

.findReplaceItemReject{
        border:1px solid red;
        background:yellow;
        padding:3px;
        cursor:pointer;
        cursor:hand;
}


/*WCM CSS*/

.vbContentTitle{
        color:#004698;
        font-size:20px;
        font-weight:bold;
        position:relative;
}

.vbContentSubTitle{
        color:#004698;
        font-size:12px;
        font-style:italic;
        font-weight:bold;
        line-height:15px;
}

.wcmForm{
        background:white;
        padding:5px;
}



.vbContentArea{
        width:100%;
}

.vbContentArea .portlet{
           padding:4px;
           padding-top:0px;
           padding-bottom:8px;

}


.vbContentArea .portlet-boundary{
        width:100%;

}
.vbcContent .divContent .portlet-content
{
	margin:0 3px 0 3px;
	padding:0;
}

.vbContentArea .sub-portlet-content-container{
        height:100%;
}

.vbContentArea .vbLogin{
        display:none;
}

.vbContentArea .lfr-grid{
        table-layout:fixed;
}


.vbContentArea .VBAccordionPortlet
{
	padding-top:0px;
	padding-bottom:0px;
}
 

.VBHeaderImg{
        position:relative;
        left:-4px;
        margin-bottom:-5px;
}

.oneColumnWide{
        width:190px;
        height:100%;
}

.twoColumnsWide{
        width:380px;
        height:100%;
}

.threeColumnsWide{
        width:570px;
        height:100%;
}

.fourColumnsWide{
        width:760px;
        height:100%;

}


.oneColumnsWide{
        width:190px;
        height:100%;

}

.twoColumnWide{
        width:380px;
        height:100%;

}

.threeColumnWide{
        width:570px;
        height:100%;

}

.fourColumnWide{
        width:760px;
        height:100%;

}

.rowAdjust{
        height:auto;
}

.sideColumn{
        padding-bottom:8px;
}

.VBContentButtons{
        text-align:right;
        margin-top:5px;
}

.btnGreenImg{
        
        cursor:pointer;
        cursor:hand;
        position:relative;
        top:3px;
}


a.VBBtnGreen{
        color:#008A28;
        font-weight:bold;
        text-transform:uppercase;
        border:0px;
        font-weight:bold;
        text-decoration:none;

}
.expandHide{
        display:none;
}

.inactivePopup .expandHide{
        display:inherit;
}


.vbTableExpandImg{
        float:right;
        display:none;
}
.productDescTable{
        background:white;
        width:100%;
}

.productDescMenu{
        padding:5px;
        width:182px;
        
        padding-left:10px;    
        padding-top:20px; 
            
}

.productDescMenu a{
        white-space: nowrap;       
        text-decoration:none;
        color:#727272;
        font-weight:bold; 
        font-size:12px;
        margin-bottom:10px;
        display:block;
        cursor:pointer;
        cursor:hand;
}

.productDescMenu a:hover{
        white-space: nowrap;       
        text-decoration:none;
        color:#004698;
        font-weight:bold; 
        font-size:12px;
        margin-bottom:10px;
        display:block;
        cursor:pointer;
        cursor:hand;
}

.productDescMenu .productDescMenuActive{
        white-space: nowrap;       
        text-decoration:none;
        color:#004698;
        font-weight:bold; 
        font-size:12px;
        margin-bottom:10px;
        display:block;

}


       

.productDesc{

        
        padding:5px;
        padding-left:15px;
        padding-right:15px;
        
        padding-top:20px;
}

#vbcPopUp .productDesc{
        padding:0px;
}

#vbcPopUp .productDescMenu{
        padding:0px;
        padding-right:15px;
}


.productDescSubTitle{
        font-weight:bold;
        font-size:20px;
        color:#004698;
        text-transform:uppercase;
        margin-bottom:10px;
        position:relative;
        
}

.productDescSubTextBold{
        font-weight:bold;
        font-style:italic;
        color:#004698;
        margin-bottom:10px;
        font-size:12px;
        line-height:15px;

}

.productDescSubText{
        color:#727272;
        margin-bottom:10px;
        line-height:15px;
        
}


.imageRotateContainer
{
	background-color:transparent;
	position:relative;
}

.imageRotateContainer img{
        margin-bottom:-5px;
}

.imageRotateDiv{
        width:100%;
        height:100%;
}


.imageRotateKeys{
      position:absolute;
      text-align:right;
      bottom:0px;
      right:0px;
      padding:0px;
           

}
.clickable{
        cursor:pointer;
        cursor:hand;
}

.imageRotateKeyContent{
   padding:8px;
   padding-right:3px;
   padding-left:0px;
   background:white;
}

.imageRotateKeys .whiteCorner{
        background-image:url(../images/white_background_corner.png);
        background-repeat:no-repeat;
        width:9px;
}



.whiteBack{
        background:white;
}

.imageRotateKey{
        padding-top:6px;
        cursor:pointer;
        cursor:hand;        
        font-weight:bold;
        color:#004698;
        margin-right:3px;      
        display:block;
        float:left;
        background-image:url(../images/rotating_banner_control_Light.png);        
        width:27px;
        height:26px;        
        text-align:center;
        font-size:15px;
}

.imageRotateKey_o{
        padding-top:6px;
        cursor:pointer;
        cursor:hand;
        font-weight:bold;
        margin-right:3px;                
        display:block;
        float:left;
        background-image:url(../images/rotating_banner_control_Dark.png);        
        width:27px;
        height:26px;        
        color:white;
        text-align:center;
        font-size:15px;
}


.genericModuleMain{
        background:#FFFFFF;
        width:100%;
        height:100%;

}

.genericModuleImgMain{
        height:130px;
        width:180px;
}



.genericModuleTitle{
        color:#004698;
        font-weight:bold;
        font-style:italic;
        font-size:20px;

}

.genericModuleDescription{
        color:#727272;
        font-size:12px;
        margin-top:10px;
        line-height:15px;
}

.genericModuleUrl{
        font-weight:bold;
        font-size:12px;
        cursor:hand;
        cursor:pointer;
        margin-top:20px;

}

.genericModuleUrl a {
        text-decoration:none;
}



.genericModuleImgCustom {
        vertical-align:middle;
        border:0px;
}


.advertisingModuleMainContainer{
        background:#FFFFFF;
        padding:1px;
        width:180px;
        height:100%;
}

.advertisingModuleTitle{
        color:#004698;
        font-weight:bold;
        font-style:italic;
        font-size:18px;
        margin-top:20px;
        margin-bottom:10px;
        margin-left:10px;
        margin-right:10px;
}

.advertisingModuleImgMain{
        width:180px;
        height:130px;
        text-align:center;
        margin-bottom:10px;
}


.advertisingModuleDescription{
        color:#727272;
        font-size:12px;
        vertical-align:middle;
        margin-bottom:20px;
        margin-left:10px;
        margin-right:10px;
        line-height: 15px;

}

.advertisingModuleUrl{
        font-weight:bold;
        font-size:12px;
        cursor:hand;
        cursor:pointer;
        margin-left:10px;
        margin-bottom:20px;
}



.advertisingModuleUrl a {
        text-decoration:none;
}



.advertisingModuleImgCustom {
        vertical-align:middle;
        border:0px;
}


.flashPromotionMainContainer{
        width:100%;
        height:156px;
        padding:0px;

}


.productModuleMainContainer{
        background:#FFFFFF;
        padding-top:0px;
        padding-left:0px;
        width:100%;
        height:100%;
        padding-bottom:0px;

}

.productModuleTD {
        padding-top:20px;
        padding-left:10px;           
        padding-bottom:20px;
        padding-right:10px;
}


.productModuleHeading{
        color:#009cff;
        font-weight:bold;
        font-size:14px;
        text-transform:uppercase;
}


.productModuleSubHeading{
        color:#004698;
        font-weight:bold;
        font-size:12px;
        text-align:left;


}
.vProductModuleSubHeading{

        color:#004698;
        font-weight:bold;
        font-size:12px;
        

}

.productModuleHorizontalRule{
        color:#004698;
        border-top:1px solid #004698;
}

.productModuleDescription{
        
        color:#727272;
        font-size:12px;
        margin-top:10px;
        line-height: 15px;

}

.productModuleUrl{
        font-weight:bold;
        font-size:12px;
        margin-top:20px;
        cursor:hand;
        cursor:pointer;
        text-align:right;

}

.productModuleUrl a {
        text-decoration:none;
        display:block;
        font-size:11px;
        text-transform:uppercase;
}

.productModuleUrlImg {
        vertical-align:middle;
        border:0px;
}

.productImageMainContainer{
        background:#FFFFFF;
        padding-top:20px;
        padding-left:1px;
        padding-right:1px;
        padding-bottom:10px;
        height:100%;
}

.productImageMainText{
        color:#009cff;
        font-weight:bold;
        font-size:12px;  
}


.productImageUrlImg {
        height:130px;
        width:180px;
        cursor:hand;
        cursor:pointer;
        margin-top:10px;
        text-decoration:none;
}


.GeneralImgCustom{
        margin-bottom:-5px;
}


.promoBannerMain{
        background:#FFFFFF;
        padding:0px;
        width:100%;
        height:100%;
        background-repeat:repeat-x;
}

.promoBannerUrlImg {
        border:0 none;
        vertical-align:middle;
        margin-right:10px;
}


.promoBannerUrl{
        font-weight:bold;
        font-style:italic;
        font-size:12px;
        cursor:hand;
        cursor:pointer;
        margin-top:10px;
        width:182px;
}

.promoBannerLineBreak{
        float:left;
        margin-right:10px;
}

.promoBannerFlashTd{
        height:156px;
        width:760px;
}



.promoBannerUrl a {
        text-decoration:none;
        display:block;

}


.promoBannerImgCustom {
        vertical-align:middle;
        border:0px;
        margin-left:10px;
}


.productModuleImageHeading{
        color:#004698;
        font-weight:bold;
        font-size:14px;
        text-transform:uppercase;
}

.productModuleImageSubHeading{
        color:#009cff;
        font-weight:bold;
        font-size:12px;
        margin-top:0px;
}


.genericModuleCellImage{
        padding-top:20px;
        padding-left:10px;
        padding-bottom:20px;  
        padding-right:10px;
}

.genericModuleCellText{
        padding-top:20px;
        vertical-align:top;
        padding-right:10px;
        padding-bottom:10px;

}



.recommendMainContainer{
        height:34px;
        background-repeat:repeat-x;
        color:#004698;
        font-weight:bold;
        font-size:14px;
        font-style:italic;
        padding-top:20px;
        padding-left:20px;

}

.recommendMainContainerImage{
        height:53px;
        background-repeat:repeat-x;
        color:#004698;
        font-weight:bold;
        font-size:20px;
        font-style:italic;

}



/*END OF WCM CSS*/


.ui-dialog .ui-dialog-titlebar{
        color:#004698;
        background:white;
        
        font-size:16px;
        font-weight:bold;
        text-align:left;
        
        padding-left:5px;
        padding-top:7px;
}

.ui-dialog .ui-dialog-content{
   
}
.ui-dialog .ui-dialog-titlebar-close{
        top:5px;
        background-image:url(../images/close_btn.jpg);
        height:21px;
        width:74px;

}
.ui-dialog #vbcPopUpButtons{
        text-align:right;
        margin:5px;
        background-color:#eef5fc;
        margin-top:70px;
        position:absolute;
        bottom:0px;
        right:0px;
        width:100%;
}

input.greenBtn{
        color:white; 
        background-image:url(../images/btnGreenBack.jpg);
        background-repeat:repeat-x;
        border:0px;       

        padding-top:3px;

        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
                
        text-transform:uppercase;
        
        margin-right:-4px;
        
        width:auto;
        overflow:visible;
        padding-left:0px;
        padding-right:10px; 
        
        text-indent:-1px; 
                     
        
}
input.greenBtn_o{
        color:white;
        background-image:url(../images/btnGreenBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#9bab49;

        border:0px;        

        padding-top:3px;
        padding-left:0px;
        padding-right:5px;
        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        
        text-transform:uppercase;
        margin-right:-4px;
        
        width:auto;
        overflow:visible;
        padding-left:0px;
        padding-right:10px; 
        
        text-indent:-1px;
}
img.greenBtnCorner{
        position:relative;
        top:0px;
        vertical-align:top;

}
img.greenBtnEdge{
        position:relative;
        top:0px;
        left:4px;
        vertical-align:top;
}
.redBtn{
        color:white;
        background-image:url(../images/btnRedBack.jpg);
        background-repeat:repeat-x;
        background-color:#b42221; 
        border:1px groove gray;
        padding-bottom:3px;               
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
}

.redBtn_o{
        color:white;
        background-image:url(../images/btnRedBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#b42221; 
        border:1px groove gray;
        padding-bottom:3px;               
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
}

input.blueBtn{
        color:white;
        background-image:url(../images/btnBlueBack.jpg);
        background-repeat:repeat-x;
        background-color:#2f83e1;
        border:1px solid gray;
        padding-top:3px;
        padding-left:5px;
        padding-right:5px;
        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        text-transform:uppercase;
        
        margin-right:-4px;
        

}

input.blueBtn_o{
        color:white;
        background-image:url(../images/btnBlueBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#2f83e1;
        border:1px solid gray;
        padding-top:3px;
        padding-left:5px;
        padding-right:5px;
        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        text-transform:uppercase;
        
        margin-right:-4px;
}
input.silverBtn{
        color:#778091;
        background-image:url(../images/btnSilverBack.jpg);
        background-repeat:repeat-x;
        background-color:#dfe0e2;
        border:1px solid #b3b3b3;
        padding-top:3px;
        padding-left:5px;
        padding-right:5px;
        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        text-transform:uppercase;
        
        margin-right:-4px;


}

input.silverBtn_o{
        color:#778091;
        background-image:url(../images/btnSilverBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#dfe0e2;
        border:1px solid #b3b3b3;
        padding-top:3px;
        padding-left:5px;
        padding-right:5px;
        height:28px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        text-transform:uppercase;
        
        margin-right:-4px;
}
.turquoiseBtn{
        color:white;
        background-image:url(../images/btnTurquoiseBack.jpg);
        background-repeat:repeat-x;
        background-color:#23af86;
        border:1px groove gray;
        padding-bottom:3px;
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
}

.turquoiseBtn_o{
        color:white;
        background-image:url(../images/btnTurquoiseBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#23af86;
        border:1px groove gray;
        padding-bottom:3px;
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
}


.saveAndExitBtn{
        color:white;
        background-image:url(../images/btnRedBack.jpg);
        background-repeat:repeat-x;
        background-color:#b42221;
        border:1px groove gray;
        padding-bottom:3px;
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        position:absolute;
        left:0px;
}

.saveAndExitBtn_o{
        color:white;
        background-image:url(../images/btnRedBack_o.jpg);
        background-repeat:repeat-x;
        background-color:#b42221;
        border:1px groove gray;
        padding-bottom:3px;
        height:30px;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        cursor:hand;
        
        position:absolute;
        left:0px;
        

}

.wizardButtons{
        text-align:right;
        padding-top:10px;
        position:relative;
        
}

.wizardButtonsLeft{
}

.wizardButtonsRight{        
}


.wizardContent
{
	color:#333;
	margin-bottom:10px;
	padding:10px 10px 60px 10px;
	border-bottom:1px solid #ededed;
	font-size:11px;
}
.greyOutDiv{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background-color:black;   
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        z-index:99;

}

.greyOutDiv{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background-color:black;   
        filter:alpha(opacity=61);
        -moz-opacity: 0.61;
        z-index:99;

}

.vbPopUpDiv{
        position:absolute;
        top:20px;
        left:20px;
        background-color:white;
        z-index:100;  
        width:400px;

        border:1px gray solid;

}

.vbPopUpDivFooter{
        
        text-align:right;
        padding:5px;
        
}
.vbPopUpDivHead
{
	background-image:url(../images/MenuBack.jpg);
	background-repeat:repeat-x;
	background-position:0px 31px;
	background-color:#dcdbdb;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;  
	height:21px;
	color:#004186;
	font-size:12px;
	font-weight:600;
	padding:5px;
}

.vbPopUpDivBody{
        padding:10px;        
}

.vbPopUpDivBodyIcon{
        float:left;
        margin:10px;                       
}

.VBWelcomeContainer{
        width:744px;      
}


.VBWelcomeContainerTD
{
	width:50%;
	padding-right:10px;
	font-size:11px;
}

.VBWelcomeDivH1{
        font-size:24px;
        font-weight:600;
        color:#004186;

}

.VBWelcomeTabContainer{

}

.VBWelcomeDiv{
        color:black;
}

.VBWelcomeTitle{
        font-size:14px;
        font-weight:600;
        color:#004186;
        
        height:45px;  
}

.VBWelcomeLearn{
        font-size:14px;
        font-weight:600;
        color:#004186;
        border-top:1px gray dotted;  
        border-bottom:1px gray dotted;
        text-align:right;
        margin-bottom:10px;
        cursor:pointer;
        cursor:hand;

}

.VBWelcomeTabContainer tbody tr td{
        padding:2px;      
}

.VBWelcomeTab{

}

.imageLeft{
        float:left;
}

.VBWelcomeTabGapV{
        width:15px;
}
.plainForm{
        margin-bottom:0px;
        margin-top:0px;
        padding:10px;
}

.plainForm td{
        font-size:12px;
        padding-right:10px;
        padding-bottom:5px;
}
.VBFormSpacer{
        background-color:white;
        height:10px;
}
.plainForm label{
        font-weight:600;
        text-transform:uppercase;
}
/* GRID CONTAINER */

.silverBarTitle
{
	background-image:url(../images/MenuBack.jpg);
	background-repeat:repeat-x;
	background-position:0px 31px;
	background-color:#dcdbdb;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;  
	border-top:1px #efeeee solid;
	height:31px;
	color:#004186;
	font-size:12px;
	font-weight:600;
	padding:0px;
}


.gemContent{
        padding:5px;

}  


.alignLeft
{
	text-align:left;
}
.alignRight
{
	text-align:right;
	padding:0;
}
.VBExpandDiv{
		display: block;
        color:#004287;
        background-color:white;
}

.VBExpandDivAlt{

  color:#004287;
  background-color:#e7f8fd;

}

.VBExpandInnerDiv{

  color:#004287;
  background-color:white;

}


.VBExpandInnerDivAlt{

  color:#004287;
  background-color:#e7f8fd;

}

.VBExpanderInner{
  width:100%;
}


#manage_user_roles table tbody tr td{
        border-bottom:0px;
}

#manage_user_roles table.VBExpanderInner tbody tr td{
        border-bottom:2px solid white;
}

.VBExpanderTitle{
        font-weight:bold;
}

.formIcon
{
        cursor:pointer;
        cursor:hand;
}
.VBExpanderOuter{
   width:100%;
   background-color:white;
}

.VBExpanderOuter td{
  padding-left:5px;
}

.VBExpanderOuter thead th{
  background-color:#005EA8;
  color:white;
  text-align:left;
  padding-left:5px;
}


.loadingPink{
  padding-left:20px;
  color:#DC006B;
  background-image:url(../images/loadingPink.gif);
  background-repeat:no-repeat;
}

.loadingBlue{
  padding-left:20px;
  color:#005EA8;
  background-image:url(../images/loadingBlue.gif);
  background-repeat:no-repeat;
}


.VBSummary {
  background-color:white;
  margin-top:15px;
}


.VBSummary tbody td{
     padding-left:30px;
}
  
   
.VBSummary tbody td.SummaryTitle{
    font-size:14px;
    color:green;
    padding-left:0px;
    padding:5px;

}
  
.VBSummary tbody td.SummarySectionHeading{
     font-size:14px;
     padding-left:0px;
     background-color:#e7f8fd;
     padding:5px;
}




.ui-datepicker-header select{
background:#005EA8;
border:0;
color:white;
font-weight:bold;
}


.ui-datepicker-control{
background:#D3DADD;
border-bottom:1px solid #AEB8BC;
margin-bottom:2px;
display:none;
}


#ui-datepicker-div,.ui-datepicker-inline{
background:#fff;
border:2px solid #005EA8;
padding:3px;
width:185px;
}


.ui-datepicker-links{
background:#005EA8;
margin-bottom:1px;
padding:5px 0;
}



.ui-datepicker-days-cell a{
background:#e7f8fd;
border:1px solid #fff;
}



.ui-datepicker-days-cell a:hover{
background-color:#0098C4;
color:#fff;
}



.ui-datepicker-current-day a{
background-color:#fff;
border:1px solid #005EA8;
color:#369;
}

.ui-datepicker-current-day a:hover{
background-color:#005EA8;
border-color:#005EA8;
color:white;
}

.ui-datepicker-trigger{
        cursor:pointer;
        cursor:hand;
}
/*CUSTOM DROPDOWN*/
.searchBanner div.combo {
   top: 0px;
}
 /*wrapper of all elements*/
div.combo {
    position:relative;
    

    left: 0px;
    top: 2px;
    display:inline;
    display:inline-block;
    text-align:left;    

}


/*text input*/
.combo input {
    /*position: absolute;*/
    position:relative;
    
}


/*icon*/
.combo div.icon {
    position:absolute;
}


/*list wrapper*/
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 20px;
}

/*active (hovered) list item*/
.combo li.active {}


.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}



div.sexy {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 154px;
    
}

div.sexy input {
    margin: 0 0 0 0;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:1px 3px;
    background:#fff url(../images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
    height: 18px;
    line-height:15px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 132px;          
}

.firefox2 div.sexy input {
    margin-right:14px;
}


div.sexy div.icon {
    width:25px;
    height:23px;
    border: 0;
    background:transparent url(../images/VB_quick_links_dropdown.png) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    top:-2px;
    left: 129px; 

}

.firefox2 div.sexy div.icon{
   top:-5px;
}


div.sexy div.list-wrapper {
    left: 0px;
    top: 21px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 152px;
    bottom: auto;
    
}

.firefox2 div.sexy div.list-wrapper{
   top:18px;    
}

div.sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}

div.sexy  li {
    padding: 0;
    padding-left: 5px;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
    color:black;
}

div.sexy li.active {
    background-color: rgb(223, 232, 246);
}

div.sexy input.empty {
    color: gray;
}
div.custom {
    white-space: nowrap;
    height: 24px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 146px;
}

div.custom input {
    margin: 0 0 0 0;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    padding:1px 3px;
    background:#fff url(../images/sexy-input-bg.jpg) repeat-x 0 0;
    border:1px solid #000000;
    height: 20px;
    line-height: 15px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 187px;  

}

div.custom div.icon {
    width:24px;
    height:24px;
    border: 0;
    background:transparent url(../images/arrow.jpg) no-repeat 0 0;
    cursor:pointer;
   /* border-bottom: 1px solid #B5B8C8;*/
    top:0px;
    left: 187px; 

}


div.custom div.list-wrapper {
    left: 0px;
    top: 24px;
    border: 1px solid #000000;
	border-top: 0;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 205px;
    bottom: auto;
}

div.custom div.list-wrapper-up {
    top: auto;
    bottom: 24px;
    border: 1px solid #000000;
	border-bottom: 0;	
}

div.custom ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}


div.custom  li {
    padding: 0;
    padding-left: 5px;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
}

div.custom li.active {
    background-color: rgb(160, 169, 194);
}
div.custom input.empty {
    color: gray;
}
/* User Roles */
#manage_user_roles
{
	width:auto;
}
#manage_user_roles label
{
	padding-left:5px;
	font-weight:normal;
}
.VBExpanderInner_label
{
	text-align:right;
	padding-right:5px;
}html, body
{
	background-color:#ededed;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
}
a:link, a:visited
{
	color:#000;
	text-decoration:none;
}
a:hover, a:focus
{
	color:#004698;
	text-decoration:underline;
}
b, strong
{
	font-weight:bold;
}
em
{
	font-style:italic;
}
p, .accordionText
{
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	padding:5px 5px 5px 7px;
}
hr
{
	width:90%;
	color:#fff;
	margin-left:0;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
h1
{
	padding-bottom:10px;
	color:#004698;
	font-size:24px;
}
h2
{
	color:#004698;
	font-size:24px;
}
#column-1 h2
{
	margin-bottom:0;
	padding-left:6px;
}
/* H4 */
h4
{
	color:#004698;
	font-size:11px;
	margin-top:.7em;
	margin-bottom:6px;
	padding-left:6px;
	font-weight:bold;
}
ul
{
	font-size:11px;
}
.module_body h4
{
	margin-top:0;
	padding:6px 3px 10px 0;
	color:#000;
}
.VBSiteMap h4
{
	color:#004698;
	font-size:12px;
}
.VBSiteMap h4 a:link, .VBSiteMap h4 a:visited
{
	color:#004698;
}
.content_module_body h4
{
	padding:6px 3px;
}
.sc_tbl_container h4
{
	padding-left:6px;
}
#recommendation_engine h4
{
	font-size:18px;
}
h4.tools_sub_heading
{
	background-color:#00B0D9;
	color:#fff;
	margin-top:0;
	padding:5px 5px 5px 6px;
	font-size:11px;
	font-weight:bold;
}
h4.tools_sub_heading_with_margin
{
	background-color:#00B0D9;
	color:#fff;
	margin-top:10px;
	padding:5px 5px 5px 6px;
	font-size:11px;
	font-weight:bold;
}
#maxColumn .portlet .vbcSkinMain .portlet-title
{
	font-size:16px;
}
.tools_heading
{
	background-color:#00B0D9;
	color:#fff;
	margin:0 0 6px 0;
	padding:5px 5px 5px 6px;
	height:15px;
	font-size:11px;
	font-weight:bold;
}
.tools_container_body
{
	position:relative;	
}
.footer_links
{
	display:inline;
	float:left;
}
.module_header
{
	color:#004698;
	font-size:14px;
	margin-top:.7em;
	font-weight:bold;
}
/* HEADER */
#no-wrapper
{
	position:relative;
	margin:0 auto;
	width:100%;
}
#wrapper
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
#menu
{
	position:relative;
	width:960px;
}
#home_menu
{
	position:relative;
	margin-bottom:6px;
	width:960px;
}
#menu_no_wrapper
{
	position:relative;
	border-bottom:2px solid #e0e0e0;
	width:auto;
}
#header
{
	position:relative;
	background-color:#004698;
	border-right:2px solid #ededed;
	margin-right:4px;
	height:70px;
	width:954px;
}
#popup_header
{
	position:relative;
	background-color:#004698;
	height:70px;
	width:auto;
}
#logo
{
	background:#004698 url(../images/logo.gif) center left no-repeat;
	height:67px;
}
#logo span
{
	position:absolute;
	left:-99999em;
}
#user_status
{
	position:absolute;
	top:0;
	right:6px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#user_status a
{
	color:#fff;
	text-decoration:none;
	padding-right:15px;
}

#user_status a:hover, #user_status a:focus
{
	color:#fff;
	text-decoration:underline;
}
/* CONTAINERS */
#my_alert_btn_container
{
	margin-top:10px;
}
#contact_us_container
{
	background-color:#fff;
}
#flash_switcher
{
	position:absolute;
	bottom:0;
	right:0;
	background:transparent url(../images/backgrounds/TransparentBackground.png) top left repeat;
	width:90px;
	z-index:99999;
	text-align:center;
}
#flash_switcher p
{
	display:inline;
	color:#fff;
}
#flash_switcher img
{
	margin:0;
	padding:0;
}
#flash_switcher a
{
	cursor:hand;
	cursor:pointer;
}
#flash_map_container
{
	position:relative;
	float:left;
	width:388px;
	height:280px;
	overflow:hidden;
}
#tools_wrapper
{
	float:left;
	background-color:#fff;
	width:570px;
}
#tools_container
{
	background-color:#fff;
	position:relative;
	float:left;
	width:570px;
}
#tools_content_container p
{
	color:#4d4d4d;
}
.back_link
{
	position:absolute;
	top:-29px;
	right:0;
	background-color:#fff;
	padding:5px;
	border:1px solid #e0e0e0;
	border-bottom:1px solid #fff;
	border-right:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	width:50px;
}
.tarrif_search
{
	position:relative;
	float:left;
}
#notificationDisplayContainer
{
	height:140px;
}
#select_customer
{
	background-color:#fff;
	margin-top:6px;
	padding-bottom:6px;
}
#select_customer p
{
	margin-right:3px;
	color:#000;
	font-size:11px;
}
#teaser_article_container
{
	position:relative;
	background-color:#fff;
	border-bottom:0;
}
/* BODY CONTENT */
#body_content
{
	color:#000;
	position:relative;
	float:left;
}
#body_content a:link, #body_content a:visited
{
	text-decoration:none;
}
#body_content a:hover, #body_content a:focus
{
	text-decoration:none;
}
#body_content h3
{
	color:#004698;
	font-size:13px;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding-bottom:5px;
}
#body_content p,
#tblGeneralContent p
{
	font-size:11px;
	line-height:15px;
}
#body_content p.center_img
{
	margin-top:-6px;
	padding-left:0;	
}
#body_content .lead_in
{
	padding-bottom:10px;
	color:#004698;
	font-size:13px;
	line-height:20px;
}
#body_content li,
#tblGeneralContent li
{
	margin-bottom:2px;
	margin-left:30px;
	font-size:11px;
	line-height:14px;
	list-style-type:disc;
}
#body_content .fifth_level_nav li 
{
	margin-left:15px;
	margin-bottom:10px;
	font-size:11px;
	line-height:15px;
	list-style-type:disc;
}
#body_content ul.arrow_links li
{
	line-height:15px;
	padding:3px 0 3px 0;
}
#body_content li ul
{
	margin-top:5px;
}
#body_content li ul li
{
	margin-left:22px;
	line-height:14px;
	list-style-type:circle;
}
/* BODY CONTENT END */

/* GENERAL CONTENT */
.general_content
{
	color:#000;
	position:relative;
	float:left;
}
.general_content a:link, .general_content a:visited
{
	text-decoration:none;
}
.general_content a:hover, .general_content a:focus
{
	text-decoration:none;
}
.general_content h3
{
	color:#004698;
	font-weight:bold;
	padding-bottom:5px;
}
.general_content p
{
	font-size:11px;
}
.general_content .lead_in
{
	padding-bottom:10px;
	color:#004698;
	font-size:13px;
	line-height:20px;
}
.general_content li
{
	margin-left:22px;
	margin-bottom:3px;
	font-size:11px;
	line-height:14px;
	list-style-type:disc;
}
.general_content .arrow_links_two_columns li
{
    display: block;
    color: #000;
    border-bottom: 1px solid #ededed;
    text-decoration: none;
	margin-bottom:0;
	margin-left:0;
}
.general_content li ul
{
	margin-top:5px;
}
.general_content li ul li
{
	margin-left:22px;
	line-height:15px;
}
.general_content .fifth_level_nav li 
{
	margin-left:15px;
	margin-bottom:10px;
	font-size:11px;
	line-height:15px;
	list-style-type:disc;
}
.general_content .arrow_links a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}
.general_content .arrow_links li a:hover,
.general_content .arrow_links li a:focus
{
	background-position:right -100px;
}
/* END GENERAL CONTENT */
#body_content_auto
{
	background-color:#fff;
	color:#000;
	position:relative;
	float:left;
	margin-top:6px;
}
#body_content_auto a:link, #body_content_auto a:visited,
{
	text-decoration:none;
}
#body_content_auto a:hover, #body_content_auto a:focus,
{
	text-decoration:none;
} 
#body_content_auto h3
{
	color:#004698;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding-bottom:5px;
}
#body_content_auto p
{
	font-size:11px;
	line-height:15px;
}
#body_content_auto .lead_in
{
	padding-bottom:10px;
	color:#004698;
	font-size:13px;
	line-height:20px;
}
#body_content_auto li, #body_content_auto .fifth_level_nav li, 
{
	margin-left:15px;
	margin-bottom:10px;
	font-size:11px;
	line-height:14px;
	list-style-type:disc;
}
#body_content_auto ul.arrow_links li,
{
	line-height:15px;
	padding:2px;
}
#body_content_auto li ul
{
	margin-top:5px;
}
#body_content_auto li ul li
{
	line-height:14px;
}
/* BODY AUTO END */
#main_content_body
{
	color:#000;
	position:relative;
	float:left;
	margin-top:6px;
	margin-right:4px;
}
#main_content_body h3
{
	color:#004698;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding-bottom:5px;
}
#main_content_body p
{
	font-size:11px;
}
.container_title h3 a:link, 
.container_title h3 a:visited
{
	color:#004698;
}
#main_content_body .container_title h3
{
	margin:.5em 0 0 0;
	padding-bottom:3px;
}
#form_container ul.arrow_links li
{
	margin-top:5px;
}
.form_container li ul li
{
	line-height:5px;
}
.standard_list li, li.standard_list
{
	margin-left:15px;
	margin-bottom:10px;
	font-size:12px;
	line-height:15px;
	list-style-type:disc;
}
.no_bullets li ul
{
	margin-top:10px;
}
.no_bullets li, 
.no_bullets li ul li
{
	margin-bottom:10px;
	list-style-type:none;
}
/* TABS */
.tabs, .tabs ul
{
	position:relative;
	background-color:#ccc;
	color:#000;
	padding:6px 6px 6px 0;
	font-size:11px;
}
.tabs li
{
	display:inline;
}
.tabs #active_tab
{
	padding:6px;
	background-color:#fff;
	font-weight:bold;
}
.tabs a:link, .tabs a:visited
{
	padding:6px;
}
.tabs a:hover, .tabs a:focus
{
	color:#000;
	text-decoration:underline;
}
#noticeBar
{
	position:relative;
}
#noticebarExpander
{
	position:absolute;
	top:4px;
	right:6px;
	height:16px;
}
.nb_show
{
	background:transparent url('../images/icons/greyPlus.png') right 2px no-repeat;
	width:14px;
}
.nb_hide
{
	background:transparent url('../images/icons/greyMinus.png') right 2px no-repeat;
	width:14px;
}
.main_content_container_wrapper .title
{
	display:none;
}
.scrolling_container
{
	position:relative;
	float:left;
	color:#000;
	overflow:hidden;
}
.scrolling_container_header
{
	background-color:#fff;
	color:#004698;
	height:2.181em;
	border-bottom:1px solid #ededed;
}
.scrolling_container_header h3
{
	display:inline;
	padding:5px 5px 5px 7px;
	color:#004698;
}
.scrolling_container_module
{
	background-color:#fff;
	position:relative;
	float:left;
}
.scrolling_container_module ul
{
	padding:3px;
	font-size:12px;	
	list-style:none;
}
.scrolling_container_module li
{
	padding:3px 0 3px 5px;
	border-bottom:1px solid #c9c9c9;
	height:20px;
	list-style:none;
}
.scrolling_container_module a
{
	background:transparent url(../images/arrow-white-v2.gif) center right no-repeat;
	display:block;
	color:#000;
	text-decoration:none;
}
.scrolling_container_module a:hover, .scrolling_container_module a:focus
{
	background:transparent url(../images/arrow-white-v2.gif) -50px right no-repeat;
	color:#004698;
	text-decoration:underline;
}
#vbc_home_my_account
{
	background-color:#fff;
	position:relative;
}
#my_account
{
	background-color:#fff;
	position:relative;
	float:left;
	border-right-color:#e0e0e0;
	border-bottom-color:#e0e0e0;
}
#my_account a
{
	display:block;
}
#my_account h3
{
	color:#004698;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #e0e0e0;
}
#my_account p
{
	padding:10px 5px;
	font-size:11px;
	line-height:15px;
}
.logged_in
{
	color:#333;
	padding:5px 0 5px 0;
	font-size:11px;
	text-decoration:none;
}
.logged_in h3
{
	margin-left:3px;
	padding-bottom:3px;
	border-bottom:1px solid #ededed;
}
.logged_in h3 a:link, .logged_in h3 a:visited
{
	color:#000;
}
.logged_in p
{
	font-size:11px;
}
.logged_in a
{
	color:#333;
	border:0;
}
.accordion
{
	background-color:#fff;
	position:relative;
	float:right;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	min-height:30px;
}
.non_scrolling_container
{
	float:left;
	background-color:#fff;
	color:#000;
	clear:both;
	margin-top:10px;
	width:960px;
}
/* QUICK LINKS */
.sub_footer
{
	background-color:#ededed;
	clear:both;
	font-size:11px;
}
.sub_footer .module_body
{
	background-color:transparent;
	padding:0;
}
.sub_footer ul
{
	position:relative;
}
.sub_footer li
{
	background:none;
	border:0;
	list-style:none;
	line-height:20px;
}
.footer_buttons
{
	margin-top:-7px;
	padding:0;
}
.sc_footer_buttons
{
	margin-top:-19px;
	margin-right:6px;
	padding:0;
}
.module_body
{
	background-color:#fff;
	color:#000;
	position:relative;
	padding:0px 3px 0px 3px;
}
.module_body p
{
	margin:0;
	padding:0;
	font-size:11px;
}
.module_body sub
{
	font-size:8px;
	font-weight:normal;
}
.content_module_body
{
	background-color:#fff;
	color:#000;
	position:relative;
	float:left;
	padding:0px 3px 0px 0;
	width:186px;
	min-height:30px;
	overflow:hidden;
}
.content_module_body h3
{
	color:#004698;
	padding:3px;
	border-bottom:1px solid #c9c9c9;
	font-size:85%;
	font-weight:bold;
}
.content_module_body p
{
	margin-left:5px;
	padding:15px 3px 15px 3px;
	font-size:70%;
	line-height:15px;
}
.content_module_body ul
{
	clear:both;
	padding:3px;
	font-size:70%;	
	list-style:none;
}
.content_module_body li
{
	background:transparent url(../images/arrow-white-v2.png) center right no-repeat;
	padding:3px 25px 3px 5px;
	border-bottom:1px solid #c9c9c9;
	height:20px;
}
.content_module_body img
{
	margin:0;
	padding:0;
}
.content_module_body a
{
	display:block;
}
.content_module_body a:hover, .content_module_body a:focus
{
	color:#004698;
	text-decoration:underline;
}
.content_module_body h4 span
{
	font-weight:normal;
}
/* FOOTER */
#footer
{
	clear:both;
	color:#666;
	padding:65px 0 6px 0;
	font-size:11px;
}
#general_content_footer
{
	clear:both;
	color:#666;
	padding:25px 0 6px 0;
	font-size:11px;
}
#tools_footer
{
	clear:both;
	background-color:#fff;
	padding:5px 0 5px 6px;
	border-top:1px dotted #ccc;
	height:14px;
	font-size:10px;
	text-align:left;
}
#tools_footer a:link, #tools_footer a:visited
{
	color:#4d4d4d;
	text-decoration:underline;
}
#footer a:link, #footer a:visited, #general_content_footer a:link, #general_content_footer a:visited
{
	color:#666;
}
#footer span, #footer a, #general_content_footer span, #general_content_footer a
{
	padding:0 3px 0 3px;	
}
/* LIFERAY SPECIFIC */
.VBSiteMap
{
	position:relative;
	float:left;
	border-top:1px solid #999;
	margin-top:40px;
	padding-top:40px;
	width:960px;
	font-size:80%;
}
/* BREADCRUMB */
.vbBreadCrumbContainer .portlet .VBDefaultBody
{
	background-color:#ededed;
	color:#666;
	font-size:11px;
	font-weight:normal;
	height:15px;
	padding:5px 0 0 10px;   
}
.vbBreadCrumbContainer .portlet .VBDefaultBody a:link, 
.vbBreadCrumbContainer .portlet .VBDefaultBody a:visited
{
	text-decoration:underline;
	font-weight:normal;
}
.vbBreadCrumbContaine .portlet .VBDefaultBody a:hover 
{
	text-decoration:underline;
	color:#004698;
}
.vbBreadCrumbContainer .portlet .VBDefaultBody a.selectedCrumb
{
	color:#666;	
	font-weight:bold;
	text-decoration:none;
}
/* END BREADCRUMB */
.content_module
{
	float:left;
	background-color:#fff;
	padding:3px;
}
.content_module_body
{
	float:right;
	font-size:11px;	
}
.vbSkinSingleNoBorder .vbcTitle .portlet-topper .portlet-title
{
	font-size:24px;
	font-weight:normal;
}
.vbcSkinSingle .vbcTitle .portlet-topper .portlet-title
{
	font-size:11px;
	font-weight:bold;
}
/* Month Selector */
.month_widget_txt
{
	font-size:12px;
	font-weight:bold;
	vertical-align:5px;
}
#month_selector_widget
{
	position:absolute;
	top:35%;
	left:60%;
	background-color:transparent;
	display:none;
	width:225px;
	border:1px solid #333;
	/* Standard CCS3 */
	border-radius:5px;
	/* Gecko */
	-moz-border-radius:5px;
	/* Webkit */
	-webkit-border-radius:5px;
	/* Drop shadow rendering in FF3.5+ */
	-moz-box-shadow:3px 3px 1em #333;
	/* Drop shadow rendering in all Webkit based browsers */
	-webkit-box-shadow:3px 3px 1em #333;
	z-index:99999;
}
#month_selector_widget img
{
	border:0;
}
#month_selector_widget_header
{
	background-color:#06589E;
	color:#fff;
	padding:5px 5px 5px 0;
	font-weight:bold;
	text-align:center;
}
#month_selector_widget_header a
{
	color:#fff;
	text-decoration:none;
}
#month_selector_widget_header span
{
	float:right;	
	font-weight:bold;
}
#month_selector_widget_body
{
	background-color:#fff;
	padding:0 0.3em 0.3em 0.3em;
	overflow:auto;
}
.month_container
{
	position:relative;
	float:left;
	background:#e6e6e6 url(../images/graph_blue.png) center top no-repeat;
	color:#999;
	margin:.8em;
	border:1px solid #000;
	padding:1.7em .9em .6em .9em;
	width:20px;
	font-size:13px;
	letter-spacing:-1px;
	/* Standard CCS3 */
	border-radius:5px;
	/* Gecko */
	-moz-border-radius:5px;
	/* Webkit */
	-webkit-border-radius:5px;
}
.month_container a:link, .month_container a:visited 
{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	cursor:hand;
}
.month_container a:hover, .month_container a:focus
{
	color:#999;
	text-decoration:none;
}
.VBExpanderInner_label
{
	text-align:right;
	padding-right:5px;
}
.ie #month_selector_widget
{
	width:260px;
}
.ie .month_container
{
	margin:1.3em;
}
/* Savings Calculator */
.scrollContainerSC table
{
	margin:0 20px 0 20px;
	border:1px solid #e0e0e0;
	border-right:0;
}
.sc_results_tbl td
{
	padding:2px 3px 3px 3px;
}
#sc_results_tbl td.remove_padding
{
	padding:0;
}
#sc_results_tbl table.adjust_padding td
{
	padding:1px 3px 9px 3px;
}
.scrollContainerSC thead tr
{
	background:#fff url(../images/voip_sc/Dark_blue_gradient.jpg) left top repeat-x;
}
.scrollContainerSC thead th
{
	color:#fff;
	border-right:1px solid #e0e0e0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:24px;
}
.scrollContainerSC tbody td
{
	border-right:1px solid #e0e0e0;
}
#VbVoipCalcFrm .sc_subheadings td
{
	color:#333;
	padding:5px 0 5px 0;
	font-size:10px;
	font-style:italic;
	text-align:center;
	height:14px;
}
.sc_tbl_head
{
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:24px;
}
.sc_result_img
{
	width:137px;
}
.sc_result_msg
{
	width:124px; 
}
.sc_result_msg p
{
	color:#000;
	font-size:11px;
	line-height:15px;
}
.sc_results
{
	width:279px;
}
.sc_tbl_container
{
	vertical-align:top;
}
.sc_main_img
{
	float:left;
	padding-right:10px;
}
.sc_sub_heading
{
	color:#333;
	padding:5px 0 0 15px;
	font-size:11px;
	font-weight:bold;
}
.sc_back
{
	padding-right:6px;
	text-align:right;
	font-weight:bold;
}
.sc_savings
{
	color:#004698;
	font-size:19px;
	line-height:15px;
}
.sc_callout, .sc_month
{
	display:block;
	color:#004698;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	line-height:21px;
}
.sc_form_element, .sc_even
{
	position:relative;
}
.sc_trvoip
{
	background:#fff url(../images/voip_sc/Light_blue_gradient.jpg) left top repeat-x;
	padding:0;
	margin:0;
}
.sc_trvoip td
{
	padding-bottom:10px;
}
.no_pad td
{
	padding-bottom:0;
}
.sc_form_element_ctrl
{
	position:absolute;
	top:2px;
	right:1px;
}
.sc_form_element_ctrl p, .sc_form_element_ctrl img
{
	margin:0;
	padding:0;
	line-height:0;
}
.sc_message
{
	color:#004698;
	font-size:19px;
	line-height:15px;
}
.sc_even_form_element_ctrl
{
	position:absolute;
	top:1px;
	right:1px;
}
.sc_even_form_element_ctrl p, .sc_even_form_element_ctrl img
{
	margin:0;
	padding:0;
	line-height:0;
}
.gecko .sc_form_element_ctrl_minutes
{
	position:absolute;
	top:2px;
	right:2px;
}
.gecko .sc_form_element_ctrl_minutes p, .gecko .sc_form_element_ctrl_minutes img
{
	margin:0;
	padding:0;
	line-height:0;
}
.gecko .sc_even_form_element_ctrl_minutes
{
	position:absolute;
	top:1px;
	right:2px;
}
.gecko .sc_even_form_element_ctrl_minutes p, .gecko .sc_even_form_element_ctrl_minutes img
{
	margin:0;
	padding:0;
	line-height:0;
}
.sc_content_container
{
	position:relative;
	float:left;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	width:570px;
}
.sc_app_container, .sc_app_container table
{
	clear:both;
	width:530px;
}
.sc_back_link
{
	background-color:#ededed;
	padding:5px 0 0 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	height:24px;
}
.sc_back_link a
{
	background-color:#fff;
	padding:20px 20px 9px 20px;
}
#sc_show_hide
{
	float:right;
	margin-right:15px;
	margin-top:-23px;
	font-size:11px;
}
#recommended
{
	display:none;
}
#recommendation_engine
{
	margin-bottom:0;
}
#remind_me
{
	position:absolute;
	bottom:6px;
	right:6px;
}
#VbVoipCalcFrm table
{
	width:100%;
}
#VbVoipCalcFrm table td
{
	padding:0 5px 9px 2px;
}
.pagingTable tbody tr
{
	display:none;
}
.pagingControls
{
	float:right;
	margin-right:12px;
}
.pagingControls a
{
	font-size:11px;
	color: #333333;
	margin-right:5px;
}
.pagingControls a.pageSelected
{
	font-weight:bold;
	color: #333333;
	margin-right:5px;
}
#ajax_loader
{
	position:absolute;
	top:35%;
	left:45%;
	z-index:9999;
}
.trashit
{
	cursor:pointer;
	padding-top:2px;
	width:20px;
}
#notifier
{
	position:absolute;
	top:0;
	left:0;
	background-color:#333;
	-moz-opacity:0.4;
	width:100%;
	height:100%;
}
#compat_notify
{
	position:absolute;
	top:40%;
	left:40%;
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
	width:250px;
	height:70px;
}

/* Broadband */
#alertHeaderTitleMonthly
{
	display:inline;
	float:none;
	color:#fff;
	text-align:left;
}
/* email */
#email_body
{
	padding:10px;
	width:762px;
}
#email_body, .email_contact_us, .email_side_column
{
	background-color:#fff;
}
.email_contact_us
{
	padding:5px;
}
.email_contact_us h3
{
	font-size:11px;
	font-weight:bold;
	color:#004698;
}
#email_footer
{
	color:#666;
	font-size:11px;
	text-align:center;
}
#email_footer a:link, #email_footer a:visited, 
#email_footer a:hover, #email_footer a:focus
{
	color:#666;
}.left_floated_container
{
	float:left;
	margin-top:6px;
	width:auto;
}
.right_floated_container
{
	float:right;
	margin-top:6px;
	width:auto;
}
.right_floated_container_no_margin
{
	float:right;
	width:auto;
}
.row_container
{
	clear:both;
	position:relative;
	float:left;
	margin-top:6px;
}
.row_container_form
{
	clear:both;
	position:relative;
	float:left;
	margin-top:6px;
}
/* POP-UP */
.popup_content_container
{
	clear:both;
	position:relative;
	float:left;
	background-color:#fff;
	margin-top:6px;
	width:auto;
}
.popup_content_container_no_logo
{
	position:relative;
	background-color:#fff;
	padding:10px;
	margin-top:0;
	width:560px;
}
#maxColumn
{
	background-color:#fff;
	position:relative;
	float:right;
	padding:35px 20px 0 30px;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	width:518px;
}
/* ROW STYLES */
.first_row_height
{
	height:168px;
}
.second_row_height
{
	height:282px;
}
#second_row
{
	clear:left;
}
.third_row_height
{
	height:174px;
}
.inner_third_row
{
	clear:both;
}
.first_row_height_no_title
{
	height:143px;
}
.second_row_height_no_title
{
	height:256px;
}
.third_row_height_no_title
{
	height:149px;
}
/* COLUMN STYLES */
.one_column, 
.two_columns, 
.three_columns, 
.four_columns, 
.five_columns,
.one_column_content_container,
.two_columns_content_container, 
.three_columns_content_container, 
.four_columns_content_container, 
.five_columns_content_container
{
	display:inline;
	float:left;
	position:relative;
	border-right:2px solid #ededed;
	border-bottom:2px solid #ededed;
	margin-right:4px;
}
/* COLUMN BORDERS */
.bordered 
{
    border-right-color:#e0e0e0;
    border-bottom-color:#e0e0e0;
}
.add_border 
{
    border-right:2px solid #e0e0e0;
    border-bottom:2px solid #e0e0e0;
}
.bordered-last
{
    border-right-color:#e0e0e0;
    border-bottom-color:#e0e0e0;
}
.last
{
	border:0;
	margin:0;
}
.white_borders 
{
    border-right-color:#fff;
    border-bottom-color:#fff;
}
.no_bottom_border
{
	border-bottom:0;
}
.no_borders
{
	border:0;
}
/* COLUMN WIDTHS */
.one_column
{
	width:186px;
}
.two_columns
{
	width:378px;
}
.three_columns
{
	width:570px;
}
.four_columns
{
	width:762px;
}
.five_columns
{
	width:954px;
}
/* CONTENT COLUMN WIDTHS */
.one_column_content_container
{
	width:136px;
}
.two_columns_content_container
{
	width:328px;
}
.three_columns_content_container
{
	width:520px;
}
.four_columns_content_container
{
	width:712px;
}
.five_columns_content_container
{
	width:904px;
}
/* FULL WIDTH COLUMNS */
.one_column_full_width
{
	border:0;
	margin:0;
	width:192px;
}
.two_columns_full_width
{
	border:0;
	margin:0;
	width:384px;
}
.three_columns_full_width
{
	border:0;
	margin:0;
	width:576px;
}
.four_columns_full_width, 
.four_column_content_wrapper
{
	border:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	width:768px;
}
.five_columns_full_width, 
.five_columns_no_margin_full_width
{
	border:0;
	margin-right:4px;
	width:960px;
}
.auto_column
{
	width:auto;
}
.auto_height
{
	float:left;
	height:auto;
}
#widget
{
	background-color:#fff;
	margin-top:6px;
	padding:35px 20px 0 30px;
	width:712px;
}.vbcSkinSingleMain
{
	background-color:#fff;
}
.vbcSkinSingleMain .vbTitleMain .portlet-topper .portlet-title
{
	font-size:16px;
	background-color:#fff;
}
/* VBC MAIN */
.vbcSkinMain
{
	margin:0;
}
.vbcSkinMain .portlet-topper
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
}
.vbcSkinMain .vbcTitle
{
	color:white;
	background:#fff;
	font-size:16px;
	font-weight:bold;        
	padding:0px;
}
.vbcSkinMain .vbcContent
{
    padding:0px;
    color:#333;
    background:white;
}
.vbcSkinMain .vbcContent p
{
	color:#333;
}
/* INACTIVE SKIN */
.vbcSkinInActive
{
	margin:0 0 6px 0;
	cursor:pointer;
	cursor:hand;        
}
.vbcSkinInActive .portlet-topper
{
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;        
}
.vbcSkinInActive .vbcTtitle .portlet-topper .portlet-style
{
	padding:0;
	margin:0;
}
.excerpt
{
	font-size:11px;
}.form_container
{
	background-color:#fff;
	color:#000;
	position:relative;
	float:left;
	margin-top:6px;
	margin-right:1px;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	min-height:40px;
}
.form_container h3
{
	color:#004698;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding-bottom:5px;
}
.form_container p
{
	font-size:11px;
	line-height:15px;
}
.form_container .lead_in
{
	padding-bottom:10px;
	color:#004698;
	font-size:13px;
	line-height:20px;
}
.form_container li, .form_container .fifth_level_nav li
{
	margin-left:15px;
	margin-bottom:10px;
	font-size:11px;
	line-height:15px;
	list-style-type:disc;
}
.form_container li ul li
{
	line-height:15px;
}
.form_style
{
	border-top:1px solid #edecec;
	border-bottom:1px solid #edecec;
	padding:35px 6px 60px 0;
}
form
{
	margin-top:10px;
}
label
{
	display:block;
	float:right;
	color:#000;
	font-size:11px;
	padding-right:12px;
	text-align:right;
	width:116px;
}
.tarrif_form_element_group label
{
	display:block;
	float:none;
	color:#000;
	font-size:11px;
	margin-bottom:6px;
	padding-right:12px;
	text-align:left;
	width:auto;
}
/* Applies to label elements that should not have an explicit width */
.standard
{
	display:block;
	float:none;
	color:#000;
	font-size:11px;
	margin-bottom:6px;
	padding:6px 12px 0 6px;
	width:auto;
}
.select_cust_standard
{
	display:inline;
	float:none;
	color:#000;
	font-size:11px;
	margin:0 6px 6px 6px;
	padding-right:0;
	text-align:right;
	width:auto;
}
#SetMenuContFrm
{
	padding:0 6px 0 6px;
}
#selmenucustomer
{
	margin-left:6px;
}
.loss_input
{
	border:1px solid #ec1c24;
}
.gain_input
{
	border:1px solid #83d727;
}
input[type="text"], 
input[type="password"],
textarea, 
.textarea
{
	background-image:none;
	background-repeat:no-repeat;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0 3px 0;
}
textarea
{
	min-height:40px;
}
.sc_form_element input
{
	margin-top:-2px;
	padding:2px 1px 1px 1px;
}
select
{
	background-image:none;
	background-repeat:no-repeat;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	font-size:11px;
}
.custom_select
{
	background-image:none;
	background-repeat:no-repeat;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	height:21px;
}
.textarea
{
	width:288px;
	height:158px;
}
input[type="button"]
{
	background-repeat:no-repeat;
	font-size:11px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}
input[type="submit"], input[type="reset"]
{
	background-repeat:no-repeat;
	font-size:11px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}
input[type="image"] 
{
	background: transparent none;
	border: none;
	padding: 0;
}
input[type="select"]
{
	padding:0;
}
.small_input
{
	width:56px;
}
.medium_input
{
	width:96px;
}
.standard_input
{
	width:288px;
}
.button_container_right
{
	float:right;
}
/* My Account custom widths */
#txtUsername1
{
	width:160px;
	padding:2px;
}
#txtPassword1
{
	width:95px;
	padding:2px;
}
input.focus, 
textarea.focus
{
	background:none;
	background-color:#fff;
}
.textarea_safe
{
	color:#333;
}
.textarea_over
{
	color:#ec1c24;
}
input
{
	font-size:11px;
}
#details
{
	background-color:#fff;
	color:#000;
	padding:5px;
	text-align:right;
}
#details legend
{
	display:none;
}
.textField
{
	margin-bottom:6px;
	padding:0;
	font-size:11px;
}
.radio_button_label, .checkbox_button_label
{
	padding-left:3px;
}
.checkbox
{
	margin:3px;
}
.form_element_group
{
	clear:both;
	padding:9px;
}
.tarrif_form_element_group
{
	margin-bottom:10px;
}
.form_element_group label
{
	float:left;
	padding-right:7px;
	width:110px;
	text-align:right;
}
.form_element_group span label
{
	float:none;
}
/* BUTTONS */
.VBFormButtons
{
	background-color:#fff;
	margin-top:40px;
	padding-right:4px;
	padding-top:0px;
	text-align:right;
}
.logout
{
	position:absolute;
	bottom:6px;
	right:6px;
}
.blue_button
{
	float:right;
	background:transparent url(../images/buttons/blue_button.gif) left 4px repeat-x;
	color:#fff;
	margin-left:4px;
	padding:10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	width:auto;
}
.blue_button_o
{
	float:right;
	background:transparent url(../images/buttons/blue_button_over.gif) left 4px repeat-x;
	color:#fff;
	margin-left:4px;
	padding:10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	width:auto;
}
a:link.blue_button, a:visited.blue_button
{
	float:right;
	background:transparent url(../images/buttons/blue_button.gif) left 4px repeat-x;
	color:#fff;
	margin-top:-3px;
	padding:5px 10px 5px 10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	width:auto;
}
a:hover.blue_button, a:focus.blue_button
{
	background:transparent url(../images/buttons/blue_button_over.gif) left 4px repeat-x;
	color:#fff;
	padding:5px 10px 5px 10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
}
.dark_grey_button, .dark_grey_button_o
{
	float:right;
	background:transparent url(../images/buttons/dark_grey.png) left 4px repeat-x;
	color:#fff;
	margin-left:4px;
	margin-right:4px;
	padding:10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	width:auto;
}
a:link.dark_grey_button, a:visited.dark_grey_button
{
	float:right;
	background:transparent url(../images/buttons/dark_grey.png) left 4px repeat-x;
	color:#fff;
	margin-top:-3px;
	padding:5px 5px 5px 10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	width:auto;
}
a:hover.dark_grey_button, a:focus.dark_grey_button
{
	background:transparent url(../images/buttons/dark_grey.png) left -91px repeat-x;
	color:#fff;
	padding:5px 5px 5px 10px;
	border:0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
}
.arrow_submit
{
	background:transparent url(../images/arrow-grey.gif) left 8px no-repeat;
	color:#fff;
	margin-left:15px;
	padding:18px 10px 5px 10px;
	font-size:0;
}
.custom_submit
{
	background:transparent url(../images/buttons/btn_search.gif) top left no-repeat;
	position:relative;
	top:2px;
	left:-4px;
	padding:5px;
	border:0;
	border-left:2px solid #e0e0e0;
	width:47px;
	height:23px;
	text-indent:-9999em;
	cursor:pointer;	
}
/* SEARCH */
form, #search
{
	border:0;
}
#search
{
	display:inline;
	position:absolute;
	top:-6px;
	right:6px;
}
#search label
{
	display:none;
}
#search legend
{
	display:none;
}
#search input
{
	padding:2px;
	font-size:11px;
}
#search_field
{
	background:#fff url(../images/search-glass.gif) center left no-repeat;
	text-indent:16px;
	border:2px solid #f4f4f4;
	width:120px;
}
#vbWelcomeForm
{
	margin-top:5px;
}
#_PORTVBVoipCallRateSearchPortlet_WAR_PORTVBVoipCallRateSearchwar_VoipResultForm
{
	margin-top:5px;
}
#VbVoipCalcResFrm
{
	margin-top:0;
}
/* Hidden forms */
#doLogoutForm
{
	margin:0;
	padding:0;
	border:0;
	height:0;
}
#SetMenuContFrm p
{
	padding:2px 2px 2px 5px;
}
#VbVoipCalcFrm
{
	margin-top:0;
}
#VbVoipCalcFrm ul, #VbVoipCalcResFrm ul
{
	font-size:11px;
	padding:5px 5px 5px 7px;
}
#recommendation_engine ul.arrow_links_calc, #recommendation_engine .arrow_links_calc
{
	margin-left:6px;
	padding:0;
}
/* ACCORDION */
.VBAccordionBody .VBFormContainer
{
	padding-top:0px;
}
.VBAccordionBody .VBFormContainer form
{
	padding-top:0px;
}
.VBAccordionBody .VBFormContainer form table tr
{
	background:white;
}
/* VBC POP-UP */
#vbcPopUp .VBFormContainer
{
	margin-right:30px;
}
/* VBFormContainer styles */
.VBFormContainer
{
	color:#000;
	margin:20px 0 20px 0;
	padding-bottom:90px;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	text-align:left;
	font-size:12px;
}
.VBFormContainer p
{
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	padding:5px 5px 5px 7px;
}
.wizard .VBFormContainer
{
	padding-bottom:0;
	border-bottom:0;
}
.VBFormContainer form
{
	background-color:white;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:10px;
}
.VBFormContainer form table tr
{
	background:#fff; 
	color:#000;       
}
.VBFormContainer form table td
{
	padding:5px;
}
.VBFormContainer td
{
	font-size:12px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
}
/* MODULES SKIN */
#maxColumn .VBFormContainer label
{
	width:116px;
}/* TABLE STYLES */
.table_heading, .table_side_heading
{
	background-color:#ccc;
	color:#333;
	font-weight:bold;
}
.table_sub_heading
{
	background-color:#fff;
	color:#333;
	font-weight:normal;
}
.table_odd_row
{
	background-color:#ededed;
	color:#333;
}
.expando_table, .taglib-search-iterator
{
	width:100%;
	font-size:11px;
}
.results-grid
{
	border:0;
}
.search-results
{
	font-size:11px;
}
#portlet-wrapper-77 table
{
	font-size:11px;
}
.portlet-section-alternate, 
.portlet-section-alternate-hover,
.ui-autocomplete-odd,
.results-row.alt td
{
	background-color:#ededed;
}
.portlet-section-body-hover,
.ui-autocomplete-over, 
.results-row.hover td
{
	background-color:#fff;
}
.expando_table h3, .taglib-search-iterator h3
{
	background-color:#ededed;
	color:#000;
	margin-top:10px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
.expando_table p, .taglib-search-iterator p
{
	background-color:#fff;
	color:#000;
	padding:5px;
	font-size:80%;
}
.expando_table table, .taglib-search-iterator table
{
	width:100%;
}
.expando_table th, .main_table_title, .taglib-search-iterator th
{
	background-color:#ccc;
	color:#000;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}
.expando_table tfoot td, .taglib-search-iterator tfoot td
{
	background-color:#ccc;
	color:#000;
	padding:5px 10px 5px 10px;
}
.expando_table td, .taglib-search-iterator td
{
	background-color:#fff;
	color:#000;
	padding:5px 10px 5px 10px;
}
/* Rate The Site */
.rate_site 
{
	margin-bottom:4px;
	border:1px solid #e0e0e0;
}
.rate_site table
{
	border:0;
}
.rate_site th
{
	background-color:#ccc;
	padding:5px 0 5px 0;
	font-weight:bold;
	text-align:center;
}
.rating_widget
{
	width:50%;
}
.rating_widget tr
{
	border:0;
}
.vbContentTable
{
	margin:6px 6px 6px 0;
	border-left:1px solid #ededed;
	color:#000;
	text-align:center;
	font-size:11px;  
}
.vbContentTable tbody
{
	min-height:200px;
}
.vbContentTable td
{
	padding:4px;	
	border-right:1px solid #e0e0e0;
	border-bottom:1px dotted #ededed;
	height:25px;
	text-align:left;
}
.vbContentTable td:first-child
{
	text-align:left;
}
.vbContentTable .vbContentTableTitleMain
{
	background-color:#ccc;
	color:#000;
	padding:5px 5px 5px 6px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
.vbContentTable .vbContentTableTitleVertical
{
	background-color:#ededed;
	color:#000;
	padding:5px 5px 5px 6px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
.vbContentTable .vbContentTableTitle
{
	background-color:#fff;
	color:#000;
	padding:5px 5px 5px 6px;
	font-weight:bold;
	font-size:11px;
}
.vbContentTable .vbContentTableTitleExpand
{
	background-color:#ccc;
	background-image:url(../images/icons/greyPlus.png); 
    background-repeat:no-repeat; 
    background-position:99%;
    color:#333;
	padding:5px 10px 5px 6px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
}
.vbContentTable .vbContentTableTitleExpand_o
{
	background-color:#ccc;
	background-image:url(../images/icons/greyMinus.png); 
	background-repeat:no-repeat; 
	background-position:99%;
	color:#333;        
	padding:5px 10px 5px 6px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
}
.vbContentRow1 td
{
	background:#fff;
	color:#333;
	border-bottom:1px solid #e0e0e0;
	text-align:left;
}
.vbContentRow2 td
{
	background:#ededed;
	color:#333;
	border-bottom:1px solid #e0e0e0;
}
/* Tariff Search */
#tarrif_search
{
	color:#4d4d4d;
}
#tarrif_search thead th
{
	background-color:#D9EBED;
	color:#4d4d4d;
	height:24px;
	text-align:left;
	padding-left:10px;
	border-right:1px solid #fff;
	font-size:12px;
	font-weight:bold;
}
#tarrif_search tbody td
{
	border-right:1px solid #e0e0e0;
}
.VBRowOddTL td
{
	background-color:#ECF7F9;
}
#tblTopUpHist
{
	width:505px;
}
#tblTopUpHist a
{
	text-decoration:underline;
}
#tblUserDetailsTbl, #tblTopUpHist tbody,
#tblServiceDetailsTbl, #tblUserNotif tbody
{
	border-left:1px dotted #ccc;
}
#tblUserDetailsTbl tbody td, #tblTopUpHist tbody td, 
#tblServiceDetailsTbl tbody td, #tblUserNotif tbody td
{
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#tblServiceDetailsTbl
{
	height:auto;
	width:100%;
}
#_PORTVBFindAndReplaceContent_WAR_PORTVBFindAndReplaceContentwar_table .blue_button
{
	float:left;
}
/* TABLES */
.VBGridContainer
{    
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
.VBGridContainer label
{
	font-weight:600;
	text-transform:uppercase;
}
.VBGridContainer form
{
	margin-top:0px;
	margin-bottom:0px;
}
.VBGridContainer .VBGridSearch th
{
	background-color:#ededed;
	padding:3px;
	padding-left:10px;
	border-top:2px white solid;
	border-bottom:2px white solid;
}
.VBGridContainer thead tr.lightBack th
{
	background-color:#ccc;
	padding:5px;
}
.VBGridContainer .VBGridSearch input
{
	background-image:url(../images/filter.png);
	background-position:1px 1px;
	background-repeat:no-repeat; 
	padding-left:20px;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
}
.VBGridContainer td
{
	padding:3px;
	padding-left:10px;
	font-size:12px;
}
.scrollContainerVB tbody td
{
  background-color:#fff;
}
.scrollContainerVB tbody td.odd
{
  background-color:#ededed;
}
.scrollContainerVB
{       	
	width: 100%;       
}
.scrollContainerVB thead tr	
{
	position:relative;
	left:0px;  
}
div.scrollTableContainer td:last-child 
{
	padding-right: 20px;
}
.scrollContainerVB table
{
	width:98%;
}
.scrollContainerVB thead th
{
	background-color:#ccc;
	color:#333;
	height:24px;
	text-align:left;
	padding-left:10px;
	border-right:1px solid #ededed; 
	font-size:12px;
	font-weight:bold;
}.columns-max
{
	background-color:#fff;
	padding:5px;
}
li.root-container
{
	font-size:13px;
}
.portlet-msg-info {
	clear:both;
	background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-size:11px;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}
.edit-controls
{
	clear:both;
}
.portlet-icons-wrapper
{
	position:relative;
}
.portlet-icons 
{
	margin: 0;
	position: absolute;
	right: 5px;
	text-align: right;
	top: 5px;
	z-index:9999;
}
.portlet-icon-back 
{
	background: url(../images/arrows/01_left.png) no-repeat 0 50%;
	font-size:12px;
	font-weight: bold;
	padding: 3px 0 3px 18px;
}
.portlet-icons span
{
	display:block;
	float:left;
	padding:1px;
}
.ie .portlet-icons {
	clear:both;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
	z-index:9999;
}
.pagebuilder
{
	background-color:#fff;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
}
#body_content .pagebuilder .title h3
{
	font-size:11px;
}
/* SEARCH */
.delta-selector
{
	font-size:11px;
}
.taglib-page-iterator .search-pages .page-selector 
{
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
.taglib-page-iterator .search-pages .page-links a.next, 
.taglib-page-iterator .search-pages .page-links span.next, 
.taglib-page-iterator .search-pages .page-links a.last, 
.taglib-page-iterator .search-pages .page-links span.last 
{
	background-position:100% 0;
	font-size:11px;
	padding-left:5px;
}
.taglib-page-iterator .search-pages .page-links span.first, 
.taglib-page-iterator .search-pages .page-links span.previous 
{
	background-position:0 100%;
	font-size:11px;
}/* This CSS sets the default styles for the main navigation. */
#nav_level1, #nav_level1 ul
{
	position:absolute;
	bottom:-7px;
	left:175px;
	font-size:12px;
}
#nav_level1 li
{
	display:inline;
}
#nav_level1 li a
{
	display:block;
	float:left;
	background-color:#004698;
	color:#fff;
	padding:8px 5px 8px 5px;
	border-top:1px solid #1A59A3;
	border-right:1px solid #022F64;
	font-weight:bold;
	text-decoration:none;
}
#nav_level1 li a:hover, #nav_level1 li a:focus
{
	background-color:#022F64;
	text-decoration:underline;
}
#nav_level1 li.level1_selected
{
	margin:0 1px 0 0;
	padding:0;
	float:left;	
	display:inline;
	background:#fff url(../images/left_corner.gif) no-repeat;
	background-position: -1px 0;
}
#nav_level1 li.level1_selected a:link, #nav_level1 li.level1_selected a:visited
{
	float:left;
	display:block;
	padding:0 25px 1px 25px;
	color:#004698;
	text-decoration:none;
	line-height:2.5;
	background:url(../images/right_corner.gif) no-repeat top right;
	background-position: right -11px;
}
#nav_level1 li.level1_selected a:hover, #nav_level1 li.level1_selected a:focus
{
	text-decoration:underline;
}
/* SUBNAV */
.subnav_wrapper
{
	margin:0;
}
.subnav, .subnav ul
{
	background-color:#fff;
	margin:0;
	padding:15px 0 5px 15px;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	width:938px;
	font-size:11px;
}
.subnav li
{
	display:inline;
	padding-right:20px;
}
.subnav_current a:link, .subnav_current a:visited
{
	color:#004698;
	text-decoration:none;
	font-weight:bold;
}
.subnav_current a:hover, .subnav_current a:focus
{
	color:#004698;
	text-decoration:underline;
	font-weight:bold;
}
.third_level_nav
{
	background-color:#fff;
	color:#000;
	position:relative;
	float:left;
	margin-top:6px;
	border-right:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	font-size:11px;
}
.third_level_nav li
{
	border-bottom:1px solid #f4f4f4;
}
.third_level_nav a:link, .third_level_nav a:visited
{
	display:block;
	padding:5px 5px 5px 12px;
	color:#000;
	text-decoration:none;
}
.third_level_nav a:hover, .third_level_nav a:focus
{
	background-color:#e0e0e0;
	color:#004698;
	text-decoration:underline;
}
.third_level_nav li ul li
{
	border-bottom:0;
	border-top:1px solid #F4F4F4;
}
.third_level_nav li ul
{
	display:none;
}
.third_level_nav li ul li
{
	padding-left:12px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}
.third_level_nav li ul li.current
{
	background-color:#e0e0e0;
	border-right:0;
	font-weight:bold;
}
.third_level_nav li ul li.current a:link,
.third_level_nav li ul li.current a:visited,
.third_level_nav li ul li.current a:hover,
.third_level_nav li ul li.current a:focus
{
	font-weight:bold;
}
.third_level_nav li ul li a:link, .third_level_nav li ul li a:visited
{
	padding:5px 5px 5px 15px;
	font-size:11px;
	font-weight:normal;
}
.third_level_nav li ul li a:hover, .third_level_nav li ul li a:focus
{
	padding:5px 5px 5px 15px;
	font-size:11px;
	font-weight:normal;
}
.fifth_level_wrapper
{
	margin:6px 0 6px 0;
}
.fifth_level_nav, .fifth_level_nav ul
{
	margin:3px 6px 3px 6px;
    border-top: 1px solid #ededed;
    font-size: 11px;
}
.my_profile, .my_profile ul
{
	margin:3px 6px 3px 6px;
    border-top: 1px solid #ededed;
    font-size: 11px;
}
.fifth_level_nav li, 
.my_profile li
{
	display: block;
    color: #000;
	padding:5px 0 5px 0;
    border-bottom: 1px solid #ededed;
    text-decoration: none;
}
#body_content .fifth_level_nav li, 
#body_content_auto .fifth_level_nav li, 
#form_container .fifth_level_nav li
{
	margin-bottom:0;
	margin-left:0;
	padding:4px 0 3px 0;
	font-size:11px;
	line-height:15px;
	list-style-type:disc;
}
.fifth_level_nav a, 
.my_profile a
{
	display: block;
	background-color:transparent;
	background-image:url(../images/arrow-white-v2.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}
.fifth_level_nav a:hover, .fifth_level_nav a:focus, 
.my_profile a:hover, .my_profile a:focus
{
	background-position:right -100px;
}
a.submenu_selected, a.submenu_selected:link, a.submenu_selected:visited
{
	background-color:transparent;
	color:#004698;
	font-weight:bold;
}
.selected, .level2_selected, .selected a, .level2_selected a
{
	background-color:transparent;
	color:#004698;
	font-weight:bold;
}
.selected li
{
	background-color:#fff;
}
/* Liferay header menu */
#navigation {
	background: #020509;
	border-top: 1px solid #304049;
	margin: 0 auto 20px;
	min-height: 2.2em;
	width: 100%;
}

#navigation ul {
	margin: 0 auto;
	min-height: 2em;
	width: 90%;
}

#navigation ul:after 
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#navigation li 
{
	border: 1px solid #304049;
	display: inline;
	float: left;
	margin: -1px 0 0 -1px;
	position: relative;
}
#navigation a {
	color: #D3DADD;
}
#navigation li a 
{
	display: block;
	padding: 5px 20px;
	text-decoration: none;
}
#navigation li a span {
	text-decoration: none;
}

#navigation li.selected a, #navigation li a:hover {
	background-color: #1E2529;
	color: #fff;
}

#navigation li.selected a span {
	background: url(../images/navigation/bullet_selected.png) no-repeat 0 50%;
	padding-left: 10px;
}

#navigation .child-menu {
	display: none;
}
#navigation div#add-page {
	top:-1px;
	right:0px;
}

/* ---------- Main navigation ---------- */

#navigation {
	background: #020509;
	border-top: 1px solid #304049;
	margin: 0 auto 20px;
	min-height: 2.2em;
	width: 100%;
}

#navigation ul {
	margin: 0 auto;
	min-height: 2em;
	width: 90%;
}

#navigation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#navigation li {
	border: 1px solid #304049;
	display: inline;
	float: left;
	margin: -1px 0 0 -1px;
	position: relative;
}

#navigation a {
	color: #D3DADD;
}

#navigation li a {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
}

#navigation li a span {
	text-decoration: none;
}

#navigation li.selected a, #navigation li a:hover {
	background-color: #1E2529;
	color: #fff;
}

#navigation li.selected a span {
	background: url(../images/navigation/bullet_selected.png) no-repeat 0 50%;
	padding-left: 10px;
}

#navigation .child-menu {
	display: none;
}

/* ---------- Dock without JavaScript ---------- */

.lfr-dock {
	position: absolute;
	right: 5%;
	top: 10px;
}

.lfr-dock h2 {
	background: url(../images/navigation/welcome_message.png) no-repeat 0 50%;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 2em;
	text-align: right;
}

.lfr-dock ul {
	display: inline;
	float: left;
}

.lfr-dock li {
	display: inline;
	float: left;
	margin-left: 15px;
}

.lfr-dock li a {
	background: url() no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.lfr-dock li.home a {
	background-image: url(../images/dock/home.png);
}

.lfr-dock li.my-account a {
	background-image: url(../images/dock/my_account.png);
}

.lfr-dock li.sign-in a {
	background-image: url(../images/dock/sign_in.png);
}

.lfr-dock li.sign-out a {
	background-image: url(../images/dock/sign_out.png);
}

.lfr-dock li.add-content a {
	background-image: url(../images/dock/add_content.png);
}

.lfr-dock li.layout a {
	background-image: url(../images/dock/layout.png);
}

.lfr-dock li.page-settings a {
	background-image: url(../images/dock/page_settings.png);
}

.lfr-dock li.staging a {
	background-image: url(../images/dock/staging.png);
}

.lfr-dock li.my-places a {
	background-image: url(../images/dock/my_places.png);
}

.lfr-dock li.control-panel a {
	background-image: url(../images/dock/control_panel.png);
}
.lfr-dock li.my-places {
	display: none;
}

.lfr-dock li.toggle-controls {
	display: none;
}
.lfr-dock .user-greeting
{
	font-size:12px;
}
.lfr-dock-list li a
{
	float:none;
	font-size:12px;
}
/* ---------- Dock with JavaScript ---------- */

.js .interactive-mode {
	background: #020509 url(../images/dock/center_bg.png) repeat-x;
	min-width: 150px;
	position: absolute;
	right: 5%;
}

.js .interactive-mode h2 {
	background: url(../images/dock/right_bg.png) no-repeat 100% 0;
	font-size: 1em;
	margin: 0;
	padding: 0 37px 0 0;
	position: relative;
	z-index: 82;
}

.js .interactive-mode h2 span {
	background: url(../images/dock/left_bg.png) no-repeat 0 0;
	border-right: 1px solid #34404F;
	color: #fff;
	display: block;
	font-size: 1em;
	height: 15px;
	line-height: 1;
	margin-bottom: 0;
	padding: 10px 20px 4px 20px;
}

.js .lfr-dock.expanded .lfr-dock-list-container {
	top: -2px;
}

.js .interactive-mode ul {
	background: #fff;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	display: none;
	float: none;
}

.js .interactive-mode li {
	border-top: 1px solid #DEDEDE;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 2px;
}

.js .interactive-mode li a {
	background-position: 8px 50%;
	background-repeat: no-repeat;
	display: block;
	margin-left: 0;
	padding: 5px 0px;
	text-decoration: none;
}

.js .interactive-mode li a, .js .interactive-mode li a:hover {
	background-position: 8px 50%;
	padding-left: 30px;
}

.js .interactive-mode li a:hover, .js .interactive-mode .my-places li.current a:hover {
	color: #fff;
}

.js .interactive-mode .lfr-dock-list li.first {
	border-top: none;
}
.js .lfr-dock.interactive-mode .my-places li a {
	background-image: none;
}

.js .interactive-mode .my-places li {
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.js .lfr-dock.interactive-mode .my-places.lfr-flyout.has-children > ul {
	margin-right: -1px;
}

.js .interactive-mode .my-places li.current-community {
	background-color: #D3DADD;
}

.js .interactive-mode .my-places li h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.js .interactive-mode .lfr-flyout.has-children h3 {
	min-width: 175px;
}

.js .lfr-dock.interactive-mode .my-places li h3 a {
	background-image: url(../images/dock/my_place.png);
}

.js .interactive-mode .lfr-flyout.has-children ul {
	display: none;
	margin-left: 0;
	top: -1px;
}

.js .interactive-mode .my-places li.public a {
	background-image: url(../images/dock/my_places_public.png);
}

.js .interactive-mode .my-places li.private a {
	background-image: url(../images/dock/my_places_private.png);
}

.js .interactive-mode .my-places li.current {
	background-color: #DFF4FF;
}

.js .interactive-mode .my-places li.current a {
	background: url(../images/dock/my_place_current.png) no-repeat 10px 50%;
	margin: 0;
	padding-left: 35px;
}

.js .interactive-mode li:hover, .js .interactive-mode .my-places li:hover {
	background-color: #828F95;
}

.js .interactive-mode li:hover a:hover, .js .interactive-mode li:hover > a, .js .interactive-mode li:hover > h3 > a {
	background-color: #828F95;
	color: #fff;
}
.js .interactive-mode .my-places ul li a.add-page {
	top: 7px;
}

.js .interactive-mode .group-end {
	border-bottom: 2px solid #DEDEDE;
}
.js .interactive-mode li.toggle-controls {
	display: block;
}

.js .interactive-mode li.toggle-controls a {
	background-image: url(../images/common/checked.png);
}

.js .controls-hidden .interactive-mode li.toggle-controls a {
	background-image: url(../images/common/unchecked.png);
}

/* ---------- Add/remove page ---------- */

.js #navigation .enter-page {
	background-color: #1E2529;
	padding: 2px;
}

.js #navigation .enter-page a {
	background: none;
	display: inline;
	font-weight: bold;
	padding: 0;
}

.js #navigation .enter-page .save-page {
	background: url(../images/dock/my_place_current.png) no-repeat 0 50%;
	margin: 0 10px;
	padding-left: 20px;
}

.js #navigation .enter-page .cancel-page {
	display: none;
}
.js #navigation {
	position: relative;
}

.js #add-page {
	background: #020509;
	border: 1px solid #304049;
	border-bottom: none;
	bottom: 100%;
	font-weight: bold;
	position: absolute;
	right: 5%;
}

.js #add-page a {
	display: block;
	text-decoration: none;
}

.js #add-page a span {
	background: url(../images/common/add.png) no-repeat 0 50%;
	display: block;
	margin-left: 15px;
	padding: 5px 20px 2px;
}

.js #add-page a:hover span {
}

.js .delete-tab {
	background: url(../images/common/remove.png) no-repeat 42%;
	cursor: pointer;
	display: block;
	height: 8px;
	position: absolute;
	right: 2px;
	text-indent: -9999em;
	top: 2px;
	width: 8px;
}

/*------ Navigation portlet ------*/

.nav-menu li a.ancestor {
	font-weight: bold;
}

.nav-menu li a.selected {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.nav-menu ul {
	padding-left: 10px;
}

.nav-menu-style-1 {
}

.nav-menu-style-2 {
}.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #00B0D9;
	color: white;
}
/* Initial solution obtained at http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/
but I have improved it. Made table width dynamic based on the parent div container. Reduced number of expressions used thus improved efficiency. 
Tested my changes on IE 6 and 7. FireFox 3.
*/
.gecko div.scrollContainerVB table 
{
	width: 100%;        
}
.gecko div.scrollContainerVB table>tbody, .gecko div.scrollContainerTL table>tbody 
{  
	overflow: auto; 
	height: 180px;
	overflow-x: hidden;
}
.gecko .VBFormContainer .alignLeft img
{
	vertical-align:middle;
}
.gecko .VBFormContainer .scrollable_container tbody td
{
	padding:0;
}
.gecko #scrollable .tblServiceDetailsTbl tbody td
{
	padding:5px;
}
.gecko .tablescroll_head thead th
{
	background-color:#ccc;
	color:#333;
	height:24px;
	text-align:left;
	padding-left:10px;
	border-right:1px solid #ededed; 
	font-size:12px;
	font-weight:bold;
}
.gecko .tablescroll_head .VBGridSearch th
{
	background-color:#ededed;
	padding:3px;
	padding-left:10px;
	border-top:2px white solid;
	border-bottom:2px white solid;
}
.gecko #TopUpHistoryFrm
{
	padding-bottom:10px;
}
/* TABLES gecko */
.gecko .scrollable_container
{
	font-size:11px;
}
.gecko .scrollable_container thead th 
{ 
	background-color:#ccc; 
	color:#000;
	padding-left:10px;
	border-right:1px solid #edecec;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-align:left; 
}
.gecko #filterUserfields th, 
.gecko #tuhfilterfields th
{
	background-color:#ededed; 
	color:#000;
	padding:3px 3px 3px 10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.gecko #filterUserfields input, 
.gecko #tuhfilterfields input
{
	background-image:url(../images/filter.png);
	background-position:1px 1px;
	background-repeat:no-repeat; 
	padding-left:20px;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	width:100px;
}
.gecko #tuhfilterfields input
{
	width:50px;
}
.gecko #tblUserDetailsTbl tbody td
{
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.gecko .scrollable_container tbody td table
{ 
	border:0;
}
.gecko .scrollable_container tbody td table td,  
.gecko .VBFormContainer .scrollable_container tbody td table td
{ 
	padding:5px 0 5px 10px;
}
.gecko .odd 
{ 
	background-color:#edecec; 
}
.gecko #scrollable
{
	height:150px;
	overflow-y:scroll;
	overflow-x:hidden;
}
/* SCROLLABLE TABLE COLS */
.gecko .firstname_col
{
	width:20%;
}
.gecko .surname_col
{
	width:21%;
}
.gecko .order_date_col
{
	width:20%;
}
.gecko .tbody_order_date_col
{
	width:20%;
}
.gecko .data_bundle_col
{
	width:20%;
}
.gecko .tbody_data_bundle_col
{
	width:21%;
}
.gecko .quantity_col
{
	width:20%;
}
.gecko .tbody_quantity_col
{
	width:21%;
}
.gecko .order_ref_col
{
	width:20%;
}
.gecko .tbody_order_ref_col
{
	width:20%;
}
.gecko .status_col
{
	width:20%;
}
.gecko .tbody_status_col
{
	width:20%;
}
/* Edit User */
.gecko .customer_col, 
.gecko .location_col, 
.gecko .service_col, 
.gecko .role_col
{
	width:25%;
}
.gecko .tbody_customer_col,  
.gecko .tbody_role_col
{
	width:25%;
}
.gecko .tbody_location_col, 
.gecko .tbody_service_col
{
	width:26%;
}.webkit .arrow_submit
{
	display:inline;
	background:transparent url(../images/arrow-grey.gif) left 8px no-repeat;
	color:#fff;
	margin-left:15px;
	padding:18px 10px 5px 10px;
	font-size:1px;
}
.webkit .custom_submit
{
	background:transparent url(../images/buttons/btn_search.gif) top left no-repeat;
	position:relative;
	top:0;
	left:-4px;
	padding:5px;
	border:0;
	borer-left:2px solid #e0e0e0;
	width:47px;
	height:23px;
	text-indent:-9999em;
	cursor:pointer;	
}
.webkit .back_link
{
	top:-28px;
}
.webkit .sc_form_element_ctrl, .webkit .sc_form_element_ctrl_minutes
{
	position:absolute;
	top:2px;
	right:1px;
}
.webkit .sc_even_form_element_ctrl, .webkit .sc_even_form_element_ctrl_minutes
{
	position:absolute;
	top:2px;
	right:1px;
}
.webkit .sc_form_element_ctrl_minutes p, .webkit .sc_form_element_ctrl_minutes img
{
	margin:0;
	padding:0;
	line-height:0;
}
.webkit .sc_even_form_element_ctrl_minutes p, .webkit .sc_even_form_element_ctrl_minutes img
{
	margin:0;
	padding:0;
	line-height:0;
}
.webkit .sc_result_img
{
	width:138px;
}
.webkit .sc_result_msg
{
	width:140px; 
}
.webkit .sc_form_element input
{
	margin-top:-2px;
	padding:1px 2px 2px 2px;
}
/* TABLES WEBKIT */
.webkit .scrollable_container
{
	font-size:11px;
}
.webkit .scrollable_container thead th 
{ 
	background-color:#ccc; 
	color:#000;
	padding-left:10px;
	border-right:1px solid #edecec;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-align:left; 
}
.webkit #filterUserfields th
{
	background-color:#ededed; 
	color:#000;
	padding:3px 3px 3px 10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.webkit #filterUserfields input
{
	background-image:url(../images/filter.png);
	background-position:1px 1px;
	background-repeat:no-repeat; 
	padding-left:20px;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	width:100px;
}
.webkit #tblUserDetailsTbl tbody td
{
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.webkit .scrollable_container tbody td table 
{ 
	border:0;
}
.webkit .scrollable_container tbody td table td 
{ 
	padding:5px 0 5px 10px;
}
.webkit .odd 
{ 
	background-color:#edecec; 
}
.webkit #scrollable
{
	height:150px;
	overflow-y:scroll;
	overflow-x:hidden;
}
/* SCROLLABLE TABLE COLS */
.webkit .firstname_col
{
	width:20%;
}
.webkit .surname_col
{
	width:20%;
}
.webkit .order_date_col
{
	width:20%;
}
.webkit .tbody_order_date_col
{
	width:20%;
}
.webkit .data_bundle_col
{
	width:20%;
}
.webkit .tbody_data_bundle_col
{
	width:21%;
}
.webkit .quantity_col
{
	width:20%;
}
.webkit .tbody_quantity_col
{
	width:21%;
}
.webkit .order_ref_col
{
	width:20%;
}
.webkit .tbody_order_ref_col
{
	width:20%;
}
.webkit .status_col
{
	width:20%;
}
.webkit .tbody_status_col
{
	width:20%;
}
/* Edit User */
.webkit .customer_col, 
.webkit .location_col, 
.webkit .service_col, 
.webkit .role_col
{
	width:25%;
}
.webkit .tbody_customer_col,  
.webkit .tbody_role_col
{
	width:25%;
}
.webkit .tbody_location_col, 
.webkit .tbody_service_col
{
	width:26%;
}