body
{
	font-family: 'Avenir LT 35 Light',"Arial" , "sans-serif" , "宋体";
	font-size: 11pt; /*62.5%;*/
	color: #000000;
	background-color: #f1f7fb;
	margin: 0px;
}

/*** Head ***/
.head-left
{
	background-image: url(images/head/headleft.jpg);
	width: 149px;
	background-repeat: no-repeat;
	height: 70px;
}
.head-right
{
	background-image: url(images/head/headright.jpg);
	width: 219px;
	background-repeat: no-repeat;
	height: 70px;
}
.logo
{
	/*
	margin-left:50px;
*/
	background-image: url(images/head/logo.jpg);
	background-repeat: no-repeat;
	height:70px;
	width:732px;
}
.logo-title
{
	color: #a5a9ac; 
	font-family: 'Avenir LT 35 Light',"Arial"; 
	font-size: 30pt;
	word-spacing: 4px; 
	letter-spacing: 2px;
	padding-left:220px;
	vertical-align:middle;
	line-height:70px;
}
.logo-toggle
{
	background-image: url(images/head/logotoggle.jpg);
	background-repeat: no-repeat;
	width:13px;
	height:13px;
	overflow:hidden;
}
.mainForm
{
	/*
	margin: 0 auto;
*/
	width: 100%;	
}  
.SiteTitle
{
	font-weight: bold;
	font-size: 18pt;
	color:Navy;
	border-top-color: white;
	font-style: normal;
	font-family: Arial;
}
.SiteLink
{
	font-weight: bold;
	font-size: 12pt;
	color: #99002c;
	font-family: Arial;
} 
A.SiteLink:link
{
	color: #99002c;
	text-decoration:none;
}

A.SiteLink:visited  {
    text-decoration:none;
    color: #99002c;
}

A.SiteLink:active   {
    text-decoration:none;
    color: #99002c;
}

A.SiteLink:hover    {
    text-decoration:underline;
    color:#99002c;
}

/****  Menu *****/
.hidden
{
	position: absolute;
	top: 0;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.menu-state-container
{
	border: 0px solid #77d5f7;
	background: #cc0000 url(images/menu/bg.jpg) repeat-x;
	font-weight: normal;
	color: #ffffff;
	outline: none;
}
.menu
{
	border:0px;
	clear: both;
	margin: 0px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
	display:inline-block;
	line-height:24px;
	padding:0px 8px 0px 8px ;
	color:White;
	border-right:1px solid #515d5d;
	font-size:11pt;
	white-space:nowrap;
}
.menu-state-default
{
	background-image:url(images/menu/bg.jpg);
	background-repeat:repeat-x;
}
.menu-state-focus
{
	background-image: url(images/menu/selectbg.jpg);
	background-repeat:repeat-x;
}
.menu-state-select
{
	background-image: url(images/menu/selectbg.jpg);
	background-repeat:repeat-x;
}
.menu .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }	
.menu-icon-left { padding-left: 1.1em; }
.menu-icon-right { padding-right: 1.8em; }
.menu-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.menu-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
/**** ModalPopup ****/

.modalPopup
{
background-color: #ffffdd;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 3px;
width: 250px;
}
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}

/**** Calendar ****/

/**** Data Form ****/
.required
{
	color:Red;
	font-size:10pt;
	font-weight:bold;
}
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}
.form
{
	border : 0px solid #99bbe8;
}
.form-title-l
{
	padding-left: 6px;
	zoom: 1;
	background: no-repeat 0px 0px;
	background-image: url(images/corners-sprite.gif);
	border-bottom-color: #99bbe8;	

}
.form-title-r
{
	padding-right: 6px;
	zoom: 1;
	background: no-repeat right 0px;
	background-image: url(images/corners-sprite.gif);
	border-bottom-color: #99bbe8;	

}
.form-title-c
{
	zoom: 1;
	background: repeat-x 0px 0px;
	overflow: hidden;
	background-image: url(images/top-bottom.gif);
	text-align: left;
}
.form-title-search-container
{
	/*
	line-height: 15px;
	padding: 5px 0px 4px 0px;
*/
	text-align:left;
	padding-left: 20px;
	background: url(images/grid/magnifier.gif) no-repeat left 50%;
	color: #15428b;
	margin-left: 4px;
	padding-top:3px;
	padding-bottom:3px;
}
.form-title-container
{
	line-height: 15px;
	padding: 5px 0px 4px 0px;
}
.form-title-text
{
	font: bold 11pt 'Avenir LT 35 Light',"Arial" , "sans-serif" , "宋体";
	color:#15428b;
}  
.form-title-navigation
{
	width: 100%;
	overflow: hidden;
}
.form-title-navigation A
{
	line-height: 24px;
	display: inline-block;
	color: #328db3;
}
.form-title-navigation EM
{
	line-height: 24px;
	display: inline-block;
	font-style: normal;
	color: #424041;
}
.form-title-navigation SPAN
{
	margin: 5px 4px 0px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px !important;
}
.form-content-l
{
	padding-left: 6px;
	zoom: 1;
	background: repeat-y 0px 0px;
	background-image: url(images/left-right.gif);
	background-color: #fff;
}
.form-content-r
{
	padding-right: 6px;
	zoom: 1;
	background: repeat-y right 0px;
	background-image: url(images/left-right.gif);
	background-color: #fff;
}
.form-content-c
{
	padding:0px;
	margin:0px;
	border:0px;
	background-color:#dfe8f6;
}
.form-content-c .x-content-body
{
	border-bottom: 0px;
	border-left: 0px;
	background: none transparent scroll repeat 0% 0%;
	border-top: 0px;
	border-right: 0px;
	text-align:left;
}
.form-content-c .x-content-body .x-content-body-label
{
	text-align:right;
}
.form-content-c .x-content-body tr td
{	
	/*
	border-right: Black 1px solid;
*/
}
.form-bottom-l
{
	padding-left: 6px;
	zoom: 1;
	background: no-repeat 0px bottom;
	background-image: url(images/corners-sprite.gif);
	border-bottom-color: #99bbe8;
}
.form-bottom-r
{
	padding-right: 6px;
	zoom: 1;
	background: no-repeat right bottom;
	background-image: url(images/corners-sprite.gif);
	border-bottom-color: #99bbe8;
}
.form-bottom-c
{
	zoom: 1;
	background: repeat-x 0px bottom;
	overflow:hidden;
	background-image: url(images/top-bottom.gif);
	text-align:left;
}

.tbbody
{
	border-collapse:separate;
	border-top: #99bbe8 1px solid;
	border-left: #99bbe8 1px solid;
}
.tbbody tr td
{
	border-collapse:separate;
	border-right: #99bbe8 1px solid;
	border-bottom: #99bbe8 1px solid;
}

/***** Custom Grid View *****/

.gvContainer
{
	padding-top:10px;
}
.gv
{
	position: relative;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #000;
	font-size: 11pt;
	border-left-style: none;
	overflow: hidden;
}

.gv Caption
{
	border-bottom: #99bbe8 1px solid;
	position: relative;
	border-left: #99bbe8 1px solid;
	/*display: block;*/
	white-space: nowrap;
	background: url(images/grid/headbg.gif) repeat-x 50% top;
	overflow: hidden;
	border-top: #99bbe8 0px solid;
	font-weight: bold;
	border-right: #99bbe8 1px solid;	
	width:auto;
}
.gv Caption div
{
	text-align:left;
	padding-left: 20px;
	background: url(images/grid/grid.gif) no-repeat left 50%;
	color: #15428b;
	margin-left: 10px;
	padding-top:3px;
	padding-bottom:3px;
}
.gv .head
{
	border-bottom: #9c9c9c 0px solid;
	border-left: #ccc 1px solid;
	background: url(images/grid/gridth.gif) #e3f7ff repeat-x repeat-y left bottom;
	overflow: hidden;
	border-top: #fff 1px solid;
	border-right: #ccc 1px solid;
}
.gv .headAlt
{
	border-bottom: #9c9c9c 0px solid;
	border-left: #ccc 1px solid;
	background: url(images/grid/headbg.gif) #e3f7ff repeat-x 50% top;
	overflow: hidden;
	border-top: #fff 1px solid;
	border-right: #ccc 1px solid;
}
.gv .headAlt th
{
	border-left: #ddd 1px solid;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	vertical-align: top !important;
	overflow: hidden;
	border-right: #ddd 1px solid;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	text-align:center;
	color: #15428b;
}
.gv .head th
{
	border-left: #ddd 1px solid;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	vertical-align: top !important;
	overflow: hidden;
	border-right: #ddd 1px solid;
	white-space: nowrap;
	cursor: default;
	font-weight: normal;
	text-align:center;
}
.gv .head th a
{
	cursor:pointer;
	text-decoration:none;
}
.gv .head th.sorted
{
	border-bottom: #ccc 0px solid;
	background: url(images/grid/gridth.gif) #e3f7ff repeat-x 50% bottom;
}
.gv .head th.sorted div
{
	border-bottom: #ccc 0px solid;
	padding-bottom: 4px;
}
.gv .head th div.sasc
{
	background: url(images/grid/sort_asc.gif) no-repeat center top;
}
.gv .head th div.sdesc
{
	background: url(images/grid/sort_desc.gif) no-repeat center top;
}

.gv .head th div
{
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-left-style: none;
	padding-top: 4px;
	height:17px;
}
.gv .row
{
	background: #fff;
	border: #ddd 1px solid;
}
.gv .row td
{
	border: #ddd 1px solid;
}
.gv .altRow
{
	background: #F5FFEF;
	border: #ddd 1px solid;
}
.gv .altRow td
{
	border: #ddd 1px solid;
}
.gv .selectRow
{
    background: yellow;
}
.gv .selectRow td
{
	border: #ddd 1px solid;
}
.gv .pager
{
	border-bottom: #77abf2 1px solid;
	border-left: #ccc 1px solid;
	white-space: nowrap;
	background: url(images/grid/page-bg.gif) repeat-x;
	overflow: hidden;
	border-top: #ccc 0px solid;
	border-right: #ccc 1px solid;
}
.gv .pager .pDiv
{
	margin: 3px 3px 3px -2px;
	float: left;
}
.gv .pager .pGroup
{
	margin: 0px 5px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	height: 24px;
}
.gv .pager .pGroupChild
{
	margin: 0px 2px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	height: 24px;
}
.gv .pager .pPageStat
{
	position: relative;
	overflow: visible;
	top: 5px;
}
.gv .pager .pcontrol
{
	position: relative;
	overflow: visible;
	top: 5px;
}

.gv .pager .txt
{
	vertical-align: text-top;
	top: -5px;
	border-bottom: #3c7fb1 1px solid;
	border-left: #3c7fb1 1px solid;
	border-top: #3c7fb1 1px solid;
	border-right: #3c7fb1 1px solid;
	width:24px;

}
.gv .btnseparator
{
	border-left: #ccc 1px solid;
	margin: 1px;
	float: left;
	height: 18px;
	border-right: #fff 1px solid;
}
.gv .pager .pButton
{
	border-right-width: 0px;
	width: 22px;
	float: left;
	border-top-width: 0px;
	border-bottom-width: 0px;
	height: 22px;
	overflow: hidden;
	border-left-width: 0px;
	cursor: pointer;
}
.gv .pager .pButton:hover
{
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.gv .pager .pButton span
{
	width: 20px;
	display: block;
	float: left;
	height: 20px;
}

.gv .pFirst
{
	background: url(images/grid/page-first.gif) no-repeat center 50%;
}
.gv .pPrev
{
	background: url(images/grid/page-prev.gif) no-repeat center 50%;
}
.gv .pNext
{
	background: url(images/grid/page-next.gif) no-repeat center 50%;
}
.gv .pLast
{
	background: url(images/grid/page-last.gif) no-repeat center 50%;
}
.gv .pFirstDis
{
	background: url(images/grid/page-first-dis.gif) no-repeat center 50%;
}
.gv .pPrevDis
{
	background: url(images/grid/page-prev-dis.gif) no-repeat center 50%;
}
.gv .pNextDis
{
	background: url(images/grid/page-next-dis.gif) no-repeat center 50%;
}
.gv .pLastDis
{
	background: url(images/grid/page-last-dis.gif) no-repeat center 50%;
}

/***** Tooltip *****/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }