body { background-color: #666666; padding: 0px; margin: 0px;}
.maincontainer { width: 998px; margin: 0px auto; background-color: #FFFFFF; border: 1px solid #000000; position: relative;}
.banner { background-image: url(images/header.jpg); height: 129px; position: relative;}
.menu { background-color: #000000; color: #FFFFFF; width: 998px; height: 26px; background-image: url(images/menu.jpg); font-family: Arial; font-size: 12px;}
.menu a { color: #FFFFFF; text-decoration: none;}
.menu a:hover { text-decoration: underline;}
.menu a:visited {color: #FFFFFF;}

.page_header_text {position: absolute; top: 159px; color: #FFFFFF; padding-left: 12px; font-size: 20px; font-weight: bold;}

.Draft {background-color: #CCCCCC;}
.Pending {background-color: #E21445;}
.Accepted {background-color: #91E214;} 
.Archived {background-color: #FBD154;}
.InWork { background-color: #FFFF7F;}
.Completed { background-color: #AAFFFF;}

.time { position: absolute; top: 4px; left: 6px; font-family: Arial; font-size: 12px; color: #FFFFFF;}
.login {background-image: url(images/login.jpg);}

.errorText { font-family: Arial; color: red; font-weight: bold; font-size: 11px; }

.text { font-family: Arial; color: #666666; font-weight: bold; font-size: 11px;}
.case_detail_label { text-align: right; font-family: Arial; color: #666666; font-weight: bold; font-size: 11px; vertical-align: top;}
.case_detail_label_left { text-align: left; font-family: Arial; color: #666666; font-weight: bold; font-size: 11px; vertical-align: top;}
.rule_detail_label { text-align: left; font-family: Arial; color: #666666; font-weight: bold; font-size: 11px; vertical-align: top;}
.case_detail_header_field { text-align: left; font-family: Arial; width: 15%; font-weight: bold; font-size: 11px; vertical-align: top;}
.case_detail_field_15 { text-align: left; width: 15%;}
.case_detail_field_40 { text-align: left; width: 40%;}
.checkboxlabel { text-align: left; font-family: Arial; font-weight: bold; font-size: 11px; vertical-align: top;}

.case_comment_field { text-align: left; font-family: Arial; color: #666666; font-weight: bold; font-size: 11px; }

.copyright { font-family: Arial; font-size: 12px; color: #FFFFFF;}
.copyright a { color: #FFFFFF; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
.copyright a:visited { color: #FFFFFF; }

.6 { width: 6%;}
.10 { width: 10%;}
.15 { width: 15%;}
.22 { width: 22%;}
.23 { width: 23%;}
.24 { width: 24%;}
.25 { width: 25%;}
.33 { width: 33%;}
.40 { width: 40%;}
.40 { width: 40%;}
.90 { width: 90%;}

.MyAjaxLoadingPanel
{
	background:#fff url(images/loading.gif) center center no-repeat;
}

.SupportPageContent
{
    padding: 10px;
    font-family:Arial;
    font-size:12px;
}

.SupportPageContent ul
{
    list-style-type:none;        
}

.RadPanelBar_STC
{
	background: #fff;
}

.RadPanelBar_STC .rpRootGroup
{
	border-color: #768ca5 #768ca5 #3D556C;
}

.RadPanelBar_STC .rpLink,
.RadPanelBar_STC .rpTemplate
{
	color: #fff;
	font: normal 12px/24px "Segoe UI", Arial, sans-serif;
}

.RadPanelBar_STC .rpLink
{
	background-color: #a6d9f4;
	background-image: url('images/RootItemBg.gif');
	border-color: #889eb1;
}

.RadPanelBar_STC .rpOut
{
	border-color: #718CA2;
}

.RadPanelBar_STC .rpExpanded
{
	border-color: #3d556c;
}

.RadPanelBar_STC .rpLink:hover,
.RadPanelBar_STC .rpFocused,
.RadPanelBar_STC .rpSelected
{
	color: #0e3d4f;
}

.RadPanelBar_STC .rpSelected,
.RadPanelBar_STC .rpSelected:hover
{
	background-color: #90cbea;
	border-color: #2c628b;
}

/* <disabled items> */
.RadPanelBar_STC .rpDisabled,
.RadPanelBar_STC .rpDisabled:hover
{
	color: #bbb;
}

.RadPanelBar_STC .rpDisabled:hover .rpOut
{
	border-color: #e8f5fc;
}
/* </disabled items> */

/* <expand arrows> */
.RadPanelBar_STC .rpExpandable .rpText,
.RadPanelBar_STC .rpExpanded .rpText
{
	background-color: transparent;
	background-image: url('images/Expandable.png');
	background-repeat: no-repeat;
}
/* </expand arrows> */

/* <subitems> */
.RadPanelBar_STC .rpGroup
{
	background-color: #fff;
}

.RadPanelBar_STC .rpGroup .rpLink,
.RadPanelBar_STC .rpGroup .rpTemplate
{
	color: #000;
	background-color: transparent;
	background-image: none;
}

.RadPanelBar_STC .rpGroup .rpLink:hover
{
	color: #000;
}

.RadPanelBar_STC .rpGroup .rpLink,
.RadPanelBar_STC .rpGroup .rpOut
{
	background-color: transparent;
	background-image: url('images/SubItemStates.png');
	background-repeat: no-repeat;
}


/* <subitems (disabled)> */
.RadPanelBar_STC .rpGroup .rpDisabled,
.RadPanelBar_STC .rpGroup .rpDisabled:hover,
.RadPanelBar_STC .rpGroup .rpDisabled:hover .rpOut
{
	background-image: none;
}

.RadPanelBar_STC .rpGroup .rpDisabled,
.RadPanelBar_STC .rpGroup .rpDisabled:hover
{
	color: #bbb;
	text-decoration: none;
	background-color: #fff;
}
/* </subitems (disabled)> */

/* <subitems> */

/* <background positioning> */
.RadPanelBar_STC .rpLink,
.RadPanelBar_STC .rpExpanded
{
	background-position: 0 0;
}

.RadPanelBar_STC .rpFocused,
.RadPanelBar_STC .rpLink:hover,
.RadPanelBar_STC .rpExpanded:hover
{
	background-position: 0 -200px;
}

.RadPanelBar_STC .rpSelected,
.RadPanelBar_STC .rpSelected:hover
{
	background-position: 0 -400px;
}

.RadPanelBar_STC .rpFirst .rpLink,
.RadPanelBar_STC .rpFirst .rpExpanded
{
	background-position: 0 -1px;
}

.RadPanelBar_STC .rpFirst .rpFocused,
.RadPanelBar_STC .rpFirst .rpLink:hover
{
	background-position: 0 -201px;
}

.RadPanelBar_STC .rpFirst .rpSelected,
.RadPanelBar_STC .rpFirst .rpSelected:hover
{
	background-position: 0 -401px;
}

/* <root items (disabled)> */
.RadPanelBar_STC .rpDisabled:hover
{
	cursor: default;
}

.RadPanelBar_STC .rpDisabled,
.RadPanelBar_STC .rpDisabled:hover,
.RadPanelBar_STC .rpDisabled:hover .rpOut
{
	background-position: 0 0;
}
/* </root items (disabled)> */

/*      <expand arrows> */
.RadPanelBar_STC .rpExpandable .rpText,
.RadPanelBar_STC .rpExpanded .rpText
{
	padding-right: 20px;
	background-repeat: no-repeat;
}

.RadPanelBar_STC_rtl .rpExpandable .rpText,
.RadPanelBar_STC_rtl .rpExpanded .rpText
{
	padding-left: 20px;
}

.RadPanelBar_STC_rtl .rpGroup .rpText
{
	padding: 0 10px;
}

.RadPanelBar_STC .rpExpandable .rpText { background-position: 100% 0; }
.RadPanelBar_STC .rpExpanded .rpText { background-position: 100% -176px; }
.RadPanelBar_STC_rtl .rpExpandable .rpText { background-position: 0 0; }
.RadPanelBar_STC_rtl .rpExpanded .rpText { background-position: 0 -176px; }

/*      </expand arrows> */

.RadPanelBar_STC .rpGroup .rpLink,
.RadPanelBar_STC .rpGroup .rpLink .rpOut { background-position: 0 200px; }

.RadPanelBar_STC .rpGroup .rpLink:hover,
.RadPanelBar_STC .rpGroup .rpFocused { background-position: 100% -22px; }
.RadPanelBar_STC .rpGroup .rpLink:hover .rpOut,
.RadPanelBar_STC .rpGroup .rpFocused .rpOut { background-position: 0 0; }

/*      <subitems (selected)> */
.RadPanelBar_STC .rpGroup .rpSelected,
.RadPanelBar_STC .rpGroup .rpSelected:hover { background-position: 100% -222px; background-color: transparent; }
.RadPanelBar_STC .rpGroup .rpSelected .rpOut,
.RadPanelBar_STC .rpGroup .rpSelected:hover .rpOut { background-position: 0 -200px; }
/*      </subitems (selected)> */

/*      <subitems (expand arrows)> */
.RadPanelBar_STC .rpGroup .rpExpandable .rpText,
.RadPanelBar_STC .rpGroup .rpExpandable:hover .rpText { background-position: 100% -938px; }
.RadPanelBar_STC .rpGroup .rpExpanded .rpText,
.RadPanelBar_STC .rpGroup .rpExpanded:hover .rpText { background-position: 100% -1078px; }
.RadPanelBar_STC_rtl .rpGroup .rpExpandable .rpText,
.RadPanelBar_STC_rtl .rpGroup .rpExpandable:hover .rpText { background-position: 0 -938px; }
.RadPanelBar_STC_rtl .rpGroup .rpExpanded .rpText,
.RadPanelBar_STC_rtl .rpGroup .rpExpanded:hover .rpText { background-position: 0 -1078px; }
/*      </subitems (expand arrows)> */
/* </background positioning> */