﻿/*******************************************
GLOBAL
*******************************************/
body, html
{
	height: 100%;
}

body
{
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: White;
	margin: 0px;
	padding: 0px;
}

/*******************************************
img
*******************************************/
img
{
	border: 0;
}

/*******************************************
div div_Menu: background-color:#BCDEFA;
*******************************************/
.div_Header
{
	min-width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../Images/qsfWrap.jpg) repeat-x;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
}

.div_Menu
{
	z-index: 1;
	position: relative;
	top: 0px;
	width: 100%;
	background: url(../Images/header_bg.gif) repeat-x;
}

.div_Content
{
	position: relative;
	width: 100%;
	top: 0px;
}

/*******************************************
span background-color: #86A5CD;
*******************************************/
.span_SystemVersion
{
	color: Red;
	font-size: medium;
	font-weight: bold;
}

.span_Copyright
{
	float: left;
	color: #444444;
	background-image: url(../images/doc_bg.gif);
	margin: 0;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 1px;
	font-size: 8pt;
}

/*******************************************
General Anchor
*******************************************/
a
{
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
}
a:hover
{
	font-size: 9pt;
	color: Navy;
}
a:link
{
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
}
a:visited
{
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
}
a:active
{
	font-size: 9pt;
	color: #003366;
}

/*******************************************
Special Anchor
*******************************************/
a.head_user_info
{
	color: #777777;
	font-size: 9pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
a.head_user_info:link
{
	color: #394869;
	font-size: 9pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
a.head_user_info:visited
{
	color: #394869;
	font-size: 9pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
a.head_user_info:active
{
	color: #394869;
	font-size: 9pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
a.head_user_info:hover
{
	color: #0066cc;
	font-size: 9pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

/*******************************************************
LoginName
********************************************************/
.head_user_info_text
{
	color: #7B859A;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/*********************************************************
grid add by allen, 12/26/2008
*******************************************************/
.grid_ImageUpper
{
	background-image: url(../Images/grid_up.gif);
	height: 8px;
	width: 11px;
}

.grid_ImageLower
{
	background-image: url(../Images/grid_down.gif);
	height: 8px;
	width: 11px;
}

/****************************************************
panel
****************************************************/
.panel_head
{
	height: 30px;
	line-height: 30px;
	width: 100%;
	color: #7F0000;
	font-weight: bolder;
	font-size: 9pt;
	background-image: url(../images/List_bg.gif);
	background-position: fixed top;
	background-repeat: repeat-x;
	text-align: left;
	overflow: hidden;
	margin-top: 20px;
}

.panel_content
{
	width: 100%;
	background-color: #F6F6F6;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 2px solid #ABC3D7;
	border-bottom: 1px solid #ABC3D7;
}

.popup_panel_content
{
	width: 100%;
	background-color: #F6F6F6;
	padding-top: 10px;
	padding-bottom: 10px;
}
.popup_panel_head
{
	height: 30px;
	line-height: 30px;
	width: 100%;
	color: #7F0000;
	font-weight: bolder;
	font-size: 9pt;
	background-image: url(../images/List_bg.gif);
	background-position: fixed top;
	background-repeat: repeat-x;
	text-align: left;
	overflow: hidden;
}

/*******************************************
Nav background-color:#86A5CD;color:#E3EAF1;
*******************************************/
.nav
{
	background-image: url(../images/doc_bg.gif);
	overflow: hidden;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #BD0F0A;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 15px;
}
/********************************************
Msg
**********************************************/
.msg
{
	margin-top: 0px;
	width: 100%;
	height: 21px;
	color: Red;
	background-image: url(../images/doc_bg.gif);
	overflow: hidden;
}
/********************************************
allen add, 12/22/2008
**********************************************/
.myAreaBg
{
	padding-right: 10px;
	background-position: 50% top;
	padding-left: 2px;
	background-image: url(../images/myAreaBg.gif);
	color: #9fb4c8;
	border-bottom: #ffffff 1px solid;
	background-repeat: repeat-x;
	background-color: #d1dae4;
}

.MasterHeaderLeft
{
	height: 49px;
	margin-top: 0px;
	padding-top: 0px;
	margin: 0px;
	padding: 0px;
}
.MasterHeaderRight
{
	width: 100%;
}

/********************************************
    background-color:#4E8CCF;
	border-top: 2px solid #0046AD;
	border-bottom: 2px solid #0046AD;
	background-color:#C60C30;
	border-top: 2px solid #990033;
	border-bottom: 2px solid #990033;
**********************************************/
.headerTop
{
	text-align: left;
	height: 2px;
	width: 100%;
	background-color: #4E8CCF;
	border-top: 2px solid #0046AD;
	border-bottom: 2px solid #0046AD;
	overflow: hidden;
}
.headerbottom
{
	background-color: #F4F9FC;
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	color: #0B578F;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 2px solid #ABC3D7;
}

TD.dataLabel
{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.dataLabel
{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}
.editVIewdataLabel
{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.div_Content_new
{
	background: url(../Images/doc_bg.gif) repeat-x;
}
.lblListTitle
{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 3px;
	padding-top: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.h3Arrow
{
	padding-top: 10px;
}
.div_UserControl
{
	padding-left: 15px;
	padding-right: 10px;
}
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited
{
	text-decoration: none;
}
a.listViewTdToolsS1:hover
{
	text-decoration: none;
}
.editView
{
	width: 100%;
	background-color: #F6F6F6;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 2px solid #4E8CCF;
	border-bottom: 1px solid #ABC3D7;
}
/********************************************
allen add, 12/22/2008 end
**********************************************/
.required
{
	color: Red;
}

.div_bottom
{
	position: absolute;
	padding-top: 1px;
}
/*
INPUT {
	BORDER-LEFT-COLOR: #94c1e8; BORDER-BOTTOM-COLOR: #94c1e8; BORDER-TOP-COLOR: #94c1e8; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-COLOR: #94c1e8
}
SELECT {
	BORDER-LEFT-COLOR: #94c1e8; BORDER-BOTTOM-COLOR: #94c1e8; BORDER-TOP-COLOR: #94c1e8; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-COLOR: #94c1e8
}
INPUT:unknown {
	BORDER-LEFT-COLOR: #abc3d7; BORDER-BOTTOM-COLOR: #abc3d7; BORDER-TOP-COLOR: #abc3d7; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #abc3d7
}

SELECT {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
INPUT:unknown {
	
}

INPUT {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
	height:10px
}
*/

.footerHR
{
}
A.copyRightLink:link
{
}
A.copyRightLink:visited
{
}
A.copyRightLink:hover
{
}


/* main tab panel views */
.tabDetailView
{
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin-top: 2px;
	margin-bottom: 10px;
}

.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL, table.monthHeader td
{
	border: none;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}


.tabDetailViewDL
{
	font-size: 12px;
	padding: 5px 6px 5px 6px;
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid;
}

h4.tabDetailViewDL
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0;
	margin-left: 0;
}
table.tabDetailView th.tabDetailViewDL
{
	border-bottom: 2px solid;
	background: #fff;
}
.tabDetailViewDF
{
	font-size: 12px;
	border-bottom: 1px solid;
	padding: 5px 10px 5px 8px;
	vertical-align: top;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited
{
	text-decoration: underline;
}
a.tabDetailViewDFLink:hover
{
}
.tabDetailViewDL
{
	font-size: 12px;
}

h4.tabDetailViewDL
{
	font-size: 12px;
}
.tabDetailViewDF
{
	font-size: 12px;
}

/* main tab panel views */
.tabDetailView
{
	border-top-color: #4e8ccf;
	border-bottom-color: #abc3d7;
	background-color: #cbdae6;
}


.tabDetailViewDL
{
	color: #000000;
	background-color: #f6f6f6;
	border-color: #cbdae6;
	vertical-align: middle;
}

h4.tabDetailViewDL
{
	color: #444444;
}

table.tabDetailView th.tabDetailViewDL
{
	border-color: #cbdae6;
}
.tabDetailViewDF
{
	color: #444444;
	border-color: #cbdae6;
	background-color: #fff;
	vertical-align: middle;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited
{
	color: #0b578f;
}
a.tabDetailViewDFLink:hover
{
	color: #0b578f;
}


.requiredImage
{
	background-image: url(../images/icon_required.gif);
	height: 11px;
	width: 11px;
}


/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 17px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(../images/RedStart.gif);
}
.emptyRatingStar
{
    background-image: url(../images/GrayStart.gif);
}
.savedRatingStar
{
    background-image: url(../images/YellowStart.gif);
}
