/* === Page styles ============================= */

body.cEntry {
	margin: 0;
	text-align: center;
}

div.cOuterFrame {
	margin: 0 auto;
	width: 775px;
}

div.cOuterFrameFull {
	width: 100%;
}

div.cIndent {
}

/* === Common elements ============================= */

img {
	border-style: none;
	border-width: 0;
}

textarea {
	font: 8pt arial;
	color: #555;
}

a {
	color: #0082C8;
	text-decoration: none;
}

a:hover {
	color: #0082C8;
	text-decoration: underline;
}

select {
	font: 8pt 'arial unicode ms' , arial; /* unicode necessary to show foreign chars in list */
}

/* === Header bar for portal sections ============================= */

div.cHeader {
	margin-bottom: 1px;
	width: 100%;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

div.cHeader table {
	font: 8pt arial;
	color: #555;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

div.cHeader table td {
	padding: 0;
	vertical-align: middle;
}

div.cHeader td.CompanyTitle {
	font: bold 18pt arial;
	color: #C0C0C0;
	padding-left: 30px;
	vertical-align: bottom;
}
div.cHeader td.CompanyTitleChat {
	font: bold 18pt arial;
	color: #C0C0C0;
	padding-left: 30px;
	text-align: left;
}

div.cHeader td.CompanyLogo {
}

div.cHeader td.LanguageCell {
	text-align: right;
	vertical-align: bottom;
}

div.cHeader td.LanguageCell span.Label {
	padding-right: 6px;
}

/* === Separator Bar at top and bottom of page ============================= */

div.cBar {
	background: url(../Images/Customer/CustomerBarCapInner.png) repeat-x top left;
	width: 100%;
	height: 19px;
	margin-top: 0;
	margin-bottom: 0;
}

div.cBarLeft {
	background: url(../Images/Customer/CustomerBarCapLeft.png) no-repeat top left;
	padding-left: 2px;
	height: 19px;
}

div.cBarRight {
	background: url(../Images/Customer/CustomerBarCapRight.png) no-repeat top right;
	padding-right: 2px;
	height: 19px;
}

/* === Styles for main sections of portal ============================= */

div.cMain {
	margin-top: 0;
	margin-bottom: 3px;
	width: 100%;
}

div.cBreadcrumb {
	margin-top: 3px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	font: 8pt arial;
	color: #555;
	background-color: #FFFFF0;
	text-align: left;
	border: solid 1px #EEE;
}

table.cMainTable {
	width: 100%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin-top: 0;
	text-align: left;
	padding: 0;
}

table.cMainTable TD {
	padding: 0;
}

td.cMainbar {
	vertical-align: top;
	border-left: solid 3px #FFF;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	background-color: #EEE;
	height: 350px;
}

td.cMainbarWithPanel {
	vertical-align: top;
	border-left: solid 3px #FFF;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	background-color: #EEE;
}

td.cMainbarSolo {
	vertical-align: top;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	background-color: #EEE;
}

td.TopBorder {
	border-top: solid 3px #FFF;
}

td.cMainbarLeft {
	vertical-align: top;
	padding-right: 3px;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	background-color: #EEE;
}

td.cSidebar {
	width: 230px;
	vertical-align: top;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	background-color: #EEE;
}

/* === Footer Area ============================= */

div.cFooter {
	text-align: right;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	font: 8pt arial;
	color: #666;
}

div.cFooter a.nolink {
	color: #666;
}

div.cFooterLeft {
	float: left;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	font: 8pt arial;
	color: #666;
}

/* === Basic Table Styles ============================= */

DIV.cTipTextWrapper {
	border-top: solid 3px #FFF;
}

DIV.cTipTextFailure {
	background-color: #FFCED1;
	color: #666;
	font: bold 9pt arial;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 11px;
	padding-right: 11px;
	border: solid 1px #FFA8AE;
}

DIV.cTipTextSuccess {
	background-color: #DEF0FF;
	color: #666;
	font: bold 9pt arial;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 11px;
	padding-right: 11px;
	border: solid 1px #C6E6FF;
}

DIV.cPanel {
	width: auto;
}

DIV.cPanelRightFloat
{
	float:right;
}

DIV.cPanelHead {
	border-collapse: collapse;
	border-bottom: solid 3px #FFF;
	border-top: solid 3px #FFF;
	background-color: #DFDFDF;
	color: #333;
	font: bold 10pt arial;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

DIV.cPanelHead a.MainLink {
	color: #333;
	font: bold 10pt Arial,Verdana;
	text-decoration: none;
}

DIV.cPanelHead a.MainLink:Hover {
	color: #0082C8;
	font: bold 10pt Arial,Verdana;
	text-decoration: underline;
}

DIV.cBody {
	background-color: #EEE;
	color: #666;
	font: 8pt arial;
	padding-top: 6px;
	padding-bottom: 6px;
}

DIV.cBody3 {
	vertical-align: bottom;
	padding: 10px;
	color: #555;
	background-color: #EEE;
	font: 8pt arial;
}

DIV.cBody3NoIndent {
	vertical-align: bottom;
	padding: 10px;
	padding-left: 0;
	padding-right: 0;
	color: #555;
	background-color: #EEE;
	font: 8pt arial;
}

DIV.PaddedBottomContainer {
	padding-bottom: 7px;
}

DIV.cBodyNoHeader {
	background-color: #EEE;
	color: #666;
	font: 9pt arial;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: solid 3px #FFF;
}

DIV.cPagerWrapper {
	text-align: left;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #EEE;
	border-top: solid 1px #FFF;
	margin-top: 4px;
}

DIV.cDescription {
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 4px;
	font: 8pt arial;
	color: #666;
}

SPAN.NonBold {
	font-weight: normal;
}

TABLE.cDataTable, TABLE.cInfoTable {
	width: 100%;
	text-align: left;
	border: 0;
	border-collapse: collapse;
}

TABLE.cDataTable IMG, TABLE.cInfoTable IMG {
	border: 0;
}

TABLE.cDataTable TD {
	padding-top: 3px;
	padding-bottom: 3px;
	font: 8pt arial;
	color: #666;
	padding-right: 11px;
	padding-left: 10px;
}

TABLE.cInfoTable TD {
	padding-top: 3px;
	padding-bottom: 3px;
	font: 8pt arial;
	color: #666;
	padding-right: 11px;
	padding-left: 0;
}

TABLE.cDataTable TD.Label, TABLE.cInfoTable TD.Label {
	font: bold 8pt arial;
	white-space: nowrap;
	color: #666;
	width: 50px;
}

TABLE.cDataTable TD.LongLabel, TABLE.cInfoTable TD.LongLabel {
	font: bold 8pt arial;
	white-space: nowrap;
	color: #666; 
}

TABLE.cDataTable TD.MedFixedLabel, TABLE.cInfoTable TD.MedFixedLabel {
	font: bold 8pt arial;
	white-space: nowrap;
	color: #666; 
	width: 90px;
}

TABLE.cDataTable TD.LongFixedLabel, TABLE.cInfoTable TD.LongFixedLabel {
	font: bold 8pt arial;
	white-space: nowrap;
	color: #666; 
	width: 130px;
}

TABLE.cDataTable TD.LongFixedLabelSingle, TABLE.cInfoTable TD.LongFixedLabelSingle {
	font: normal 8pt arial;
	white-space: nowrap;
	color: #666;
	width: 100%;
}

.PaddedNote {
	padding: 6px 3px 7px 0;
}

.PaddedNoteNoTop {
	padding: 0 3px 7px 0;
}

.PaddedNote2 {
	padding: 0 0 7px 10px;
}

TABLE.cDataTable SELECT, TABLE.cDataTable INPUT, TABLE.cInfoTable SELECT, TABLE.cInfoTable INPUT {
	font: 8pt arial;
	color: #555;
}

/* Web Part - Customer Action Buttons */
div.CustomerActionDataList {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
}

div.CustomerAction {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 54px;
	padding-right: 10px;
	background-repeat: no-repeat;
	vertical-align: top;
	font: 8pt arial;
	color: #666;
	text-decoration: none;
	height: 32px;
	background-position: left center;
}

div.ActionHeader {
	color: #555;
	font: bold 9pt arial;
	padding-bottom: 1px;
}

div.ActionText {
	color: #666;
	font: 8pt arial;
}

DIV.Over, DIV.Over DIV.ActionHeader, DIV.Over DIV.ActionText {
	cursor: pointer;
	color: #0082C8;
}

DIV.CustomerActionRight {
	padding-right: 0 !important;
}

/* Headings */
H3.cHeading {
	font: bold 10pt arial;
	color: #555;
}

/* Live Chat Link */
DIV.LiveChatLink {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


div.ButtonRow {
	background-color: #EEE;
	padding: 4px;
	font: 8pt arial;
	border-bottom: solid 3px #FFF;
}

div.ButtonRow input {
	font: 8pt arial;
	color: #555;
}

.ScrollableBG {
	background-color: #EEE;
	color: #666;
	font: 9pt arial;
}

table.Blurb {
	padding-bottom: 4px;
}

div.TicketConversationPane {
	overflow: visible;
	width: 100%;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 0;
}

a.smallheaderlink {
	font: 8pt arial;
	font-weight: normal;
	vertical-align: bottom;
}

td.EmptyCell {
	padding: 0;
	margin: 0;
	height: 0;
}

.betaDisclaimer {
	border: solid 2px #bbb;
	margin-bottom: 10px;
	font: 8pt arial;
	color: #555;
	padding: 5px;
	text-align: center;
}

.betaDisclaimer A {
	font: 8pt arial;
	color: #0082C8;
	text-decoration: underline;
}

.betaDisclaimer A:hover {
	font: 8pt arial;
	color: #000;
	text-decoration: underline;
}

DIV.UserNameLogin {
	overflow: hidden;
	width: 200px;
}

/* Warning message */
table.WarningMessage {
	width: 100%;
	color: #333;
}

table.WarningTopMargin {
	margin-top: 21px;
}

td.WarningMessage {
	text-align: left;
	vertical-align: middle;
	padding: 3px 0;
	width: 100%;
}

div.WarningMessage {
	text-align: left;
	vertical-align: middle;
	font: 8pt Arial, Verdana;
	padding: 3px 6px 2px 6px;
	background-color: #FEF1B9;
	border: solid 1px #BFCEDB;
}
