/* floating box */
span#floatingBox {
	display: none;
	position: absolute;
	z-index: 1000;
}
span#floatingBox span.floatingBoxT {
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	right: 0px;
}
span#floatingBox span.floatingBoxT span.floatingBoxTL {
	display: block;
	padding-left: 6px;
	background: url("../images/COM_floatingBoxTL.png") top left no-repeat;
}
span#floatingBox span.floatingBoxT span.floatingBoxTR {
	display: block;
	padding-right: 6px;
	background: url("../images/COM_floatingBoxTR.png") top right no-repeat;
}
span#floatingBox span.floatingBoxT span.floatingBoxTC {
	display: block;
	border-top: 1px solid #FFFFFF;
	background: url("../images/COM_floatingBox_bg.png") top left repeat;
	height: 5px;
}
span#floatingBox span#floatingBoxContent {
	display: block;
	background: url("../images/COM_floatingBox_bg.png") top left repeat;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin-top: 6px;
}
span#floatingBox span.floatingBoxB {
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	right: 0px;
}
span#floatingBox span.floatingBoxB span.floatingBoxBL {
	display: block;
	padding-left: 6px;
	background: url("../images/COM_floatingBoxBL.png") bottom left no-repeat;
}
span#floatingBox span.floatingBoxB span.floatingBoxBR {
	display: block;
	padding-right: 6px;
	background: url("../images/COM_floatingBoxBR.png") bottom right no-repeat;
}
span#floatingBox span.floatingBoxB span.floatingBoxBC {
	display: block;
	border-bottom: 1px solid #FFFFFF;
	background: url("../images/COM_floatingBox_bg.png") bottom left repeat;
	height: 5px;
}

/* tabulator panel */
div.tabpanel {
	display: inline-block;
	text-align: left;
}

div.tabpanel div.tabs {
	height: 20px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	white-space: nowrap;
	vertical-align: top;
}

div.tabpanel div.tabs div.tabEnd {
	display: block;
	float: left;
	height: 20px;
	width: 1px;
	background-image: url("../images/COM_tabL.png");
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;	
}

div.tabpanel div.tabs a.tab {
	display: block;
	float: left;
	padding-left: 5px;
	height: 20px;
	background-image: url("../images/COM_tabL.png");
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	
	line-height: 20px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

div.tabpanel div.tabs a.tab:hover {
	background-color: #aaaaaa;
	text-decoration: none;
}

div.tabpanel div.tabs a.active {
	background-color: #BC000D;
	color: #ffffff;
	vertical-align: top; 
}

div.tabpanel div.tabs a.tab span.right {
	display: block;
	padding-right: 4px;
	height: 20px;
	background-image: url("../images/COM_tabR.png");
	background-position: top right;
	background-repeat: no-repeat;
}

div.tabpanel div.tabs a.tab span.right span.border {
	display: block;
	height: 20px;
	border-top: 1px solid #ACACAC;
}
div.tabpanel div.tabs a.tab span.right span.border span.activeTab {
	display: none;
}
div.tabpanel div.tabs a.tab span.right span.border span.notActiveTab {
	display: block;
}
div.tabpanel div.tabs a.active span.right span.border span.activeTab {
	display: block;
}
div.tabpanel div.tabs a.active span.right span.border span.notActiveTab {
	display: none;
}


div.tabpanel div.panels {
	display: block;
	border: 1px solid #ACACAC;
	position: relative;
	padding: 0px;
	margin: 0px;
}
div.tabpanel div.panels div.placeholder {
	display: inline-block;
	height: 10px;
	width: 0px;	
	float: left;
}
div.tabpanel div.panels div.panel {
	display: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
}

div.tabpanel div.panels div.active {
	display: inline-block;
	width: 100%;
	float: left;
}

div.tabpanel div.panels div.sharpTL {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelTL.png") top left no-repeat;
}
div.tabpanel div.panels div.sharpTR {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelTR.png") top left no-repeat;
}
div.tabpanel div.panels div.sharpBL {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelBL.png") top left no-repeat;
}
div.tabpanel div.panels div.sharpBR {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelBR.png") top left no-repeat;
}

/* Tab menu */
div.tabMenu {
	display: inline-block;
	text-align: left;
	border-bottom: 1px solid #0f4577;
}

div.tabMenu div.tabs {
	height: 23px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	white-space: nowrap;
	vertical-align: top;
}

div.tabMenu div.tabs div.tabEnd {
	display: block;
	float: left;
	height: 23px;
	width: 1px;
	background-image: url("../images/COM_tabMenuL.png");
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;	
}

div.tabMenu div.tabs a.tab {
	display: block;
	float: left;
	padding-left: 6px;
	height: 23px;
	background-image: url("../images/COM_tabMenuL.png");
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	line-height: 23px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #567b9f;
}

div.tabMenu div.tabs a.tab:hover {
	background-color: #aaaaaa;
	text-decoration: none;
	color: #fff;
}

div.tabMenu div.tabs a.active {
	background-color: #BC000D;
	color: #ffffff;
	vertical-align: top; 
}

div.tabMenu div.tabs a.tab span.right {
	display: block;
	padding-right: 5px;
	height: 23px;
	background-image: url("../images/COM_tabMenuR.png");
	background-position: top right;
	background-repeat: no-repeat;
}

div.tabMenu div.tabs a.tab span.right span.border {
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	height: 23px;
	border-top: 1px solid #acb2c9;
}

/* sharp box */
div.sharpBox {
	position: relative;
	border: 1px solid #ACACAC;
}
div.sharpBox div.sharpHTML {}
div.sharpBox div.sharpTL {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelTL.png") top left no-repeat;
}
div.sharpBox div.sharpTR {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelTR.png") top left no-repeat;
}
div.sharpBox div.sharpBL {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelBL.png") top left no-repeat;
}
div.sharpBox div.sharpBR {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/COM_tabPanelBR.png") top left no-repeat;
}

/* Shadow box */
span.shadowBox {
	display: inline-block;
	position: relative;
	padding-bottom: 12px;
}
span.shadowBox span.boxShadowT {
	position: absolute;
	display: block;
	background: url("../images/COM_shadowBoxT.png") top left repeat-x;
	height: 12px;
	left: 0px;
	right: 0px;
}
span.shadowBox span.boxShadowT span.boxShadowTL {
	display: block;
	background: url("../images/COM_shadowBoxTL.png") top left no-repeat;
	height: 12px;	
}
span.shadowBox span.boxShadowT span.boxShadowTR {
	display: block;
	background: url("../images/COM_shadowBoxTR.png") top right no-repeat;	
	height: 12px;
}
span.shadowBox span.boxShadowL {
	padding-top: 12px;
	display: block;
	background: url("../images/COM_shadowBoxL.png") top left repeat-y;	
	padding-left: 12px;
}
span.shadowBox span.boxShadowL span.boxShadowR {
	display: block;
	background: url("../images/COM_shadowBoxR.png") top right repeat-y;	
	padding-right: 12px;	
}
span.shadowBox span.boxShadowB {
	position: absolute;
	display: block;
	background: url("../images/COM_shadowBoxB.png") top left repeat-x;
	height: 12px;
	left: 0px;
	right: 0px;
}
span.shadowBox span.boxShadowB span.boxShadowBL {
	display: block;
	background: url("../images/COM_shadowBoxBL.png") top left no-repeat;
	height: 12px;
}
span.shadowBox span.boxShadowB span.boxShadowBR {
	display: block;
	background: url("../images/COM_shadowBoxBR.png") top right no-repeat;	
	height: 12px;
}

/* Blue box */
div.blueBoxHeader {
  background: transparent url('../images/blueHeader2_end.jpg') no-repeat scroll top right;
  height: 26px;
  padding-right: 13px; 
}
div.blueBoxHeader span {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  padding: 0 0 0 13px;
  background: transparent url('../images/blueHeader2_bg.jpg') no-repeat;
  color: #fff;
  vertical-align: middle;
}
div.blueBoxContent {
  background: transparent url('../images/blueBox_bg.gif') repeat-y scroll top left;
  width: 675px;
}
div.blueBoxFooter {
  background: transparent url('../images/blueBox_footer.gif') no-repeat scroll top left;
  width:  675px;
  height: 6px;
}

/* Blue box sized */
div.blueBoxHeaderSized {
  background: transparent url('../images/blueHeaderSized_end.png') no-repeat scroll top right;
  height: 28px;
  padding-right: 13px; 
}
div.blueBoxHeaderSized span {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 13px;
  background: transparent url('../images/blueHeaderSized_bg.png') no-repeat;
  color: #fff;
  vertical-align: middle;
}
div.blueBoxContentSized {
  border-left: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
}
div.blueBoxFooterSized {
  background: transparent url('../images/blueFooterSized_end.png') no-repeat scroll top right;
  height: 6px;
  padding-right: 10px; 
}
div.blueBoxFooterSized span {
  display: block;
  height: 6px;
  padding: 0 0 0 10px;
  background: transparent url('../images/blueFooterSized_bg.png') no-repeat;
  font-size: 1px;
}

/* Gray box */
div.grayBoxHeader {
  background: transparent url('../images/grayBoxHeader_end.gif') no-repeat scroll top right;
  height: 5px;
  padding-right: 5px; 
}
div.grayBoxHeader div {
  height: 5px;
  padding: 0 0 0 5px;
  background: transparent url('../images/grayBoxHeader_bg.gif') no-repeat;
}
div.grayBoxContent {
  background-color: #d4d4d4;
}
div.grayBoxFooter {
  background: transparent url('../images/grayBoxFooter_end.gif') no-repeat scroll top right;
  height: 5px;
  padding-right: 5px; 
}
div.grayBoxFooter div {
  height: 5px;
  padding: 0 0 0 5px;
  background: transparent url('../images/grayBoxFooter_bg.gif') no-repeat;
} 

/* red button */
a.vidiRedButton {
	font-size: 0px;
}
a.vidiRedButton span.boxStart {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_redBtnStart.png") top left repeat-x;
	height: 23px;	
	width: 8px;
}
a.vidiRedButton span.boxBg {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_redBtnBg.png") top left repeat-x;
	height: 23px;
	line-height: 26px;
	font-size: 13px;
	/* text-transform: uppercase; */
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
}
a.vidiRedButton span.boxEnd {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_redBtnEnd.png") top left repeat-x;
	height: 23px;	
	width: 8px;
} 

/*blue button */
a.vidiBlueButton {
	font-size: 0px;
}
a.vidiBlueButton span.boxStart {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_blueBtnStart.png") top left repeat-x;
	height: 23px;	
	width: 7px;
}
a.vidiBlueButton span.boxBg {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_blueBtnBg.png") top left repeat-x;
	height: 23px;
	line-height: 26px;
	font-size: 13px;
	/* text-transform: uppercase; */
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
}
a.vidiBlueButton span.boxEnd {
	display: inline-block;
	vertical-align: top;
	background: url("../images/COM_blueBtnEnd.png") top left repeat-x;
	height: 23px;	
	width: 7px;
}