﻿/* CSS Document */
body {
	scrollbar-highlight-color:	buttonface;
	scrollbar-shadow-color:		buttonface;
	scrollbar-3dlight-color:	buttonhighlight;
	scrollbar-darkshadow-color: buttonshadow;
	background-color:			#ffffff;
	overflow:					auto;
}
body, input, select, textarea, table, label {font-family: Tahoma,宋体; font-size: 9pt; color: #444444;}
a {font-family: 宋体,Tahoma; font-size: 9pt; color: #444444;}

input, textarea {border-style: none; border-width: 0px; color: #444444;}
textarea		{overflow: auto;}

a		{color: #444444; text-decoration: none;}
a:hover {color: #708090; text-decoration: underline;}

hr		{height: 1px; background-color: #8ea8c1;}
h3		{color: #666666;}

.Visble		{}
.Hidden		{display: none;}

.Link-Male			{color: #6666ff;}
a.Link-Male:hover	{color: #6666ff;}

.Link-Female		{color: deeppink;}
a.Link-Female:hover {color: deeppink;}

.Link-Group,
a.Link-Group:hover	{color: #990000;}

.Text-Darkness,
a.Text-Darkness:hover	{font-size: 14px; color: #1E1E1E; line-height: 18px;}
.Text-Highlight,
a.Text-Highlight:hover	{font-size: 14px; color: #FF7319; font-weight: bold; line-height: 24px;}

.HSpace				{height:5px;}
.VSpace				{width:5px; float: left;}

.Text-Active		{color: #4169E1;}
.Text-Deactive		{color: #666666;}
.Text-Status		{color: #666666; padding-left: 3px;}
.Text-Status IMG	{margin-right: 2px; vertical-align: middle;}

.Link-Button		{color: #444444; text-decoration: none;}
.Link-Button IMG	{margin-left: 2px; margin-right: 2px; border-style: none; margin-bottom: -4px;}
a.Link-Button:hover	{color: #0099cc; text-decoration: underline;}

.HLine-Bottom {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../image/hline-silver.gif);
}
.HLine-Middle {
	background-repeat: repeat-x;
	background-position: left center;
	background-image: url(../image/hline-silver.gif);
}
.HLine-Top {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../image/hline-silver.gif);
}
.VLine-Right {
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(../image/vline-silver.gif);
}
.VLine-Left {
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../image/vline-silver.gif);
}

/* tips */
.Text-Tips			{color: #666666; font-family: Tahoma;}
.Text-Tips A		{color: #1e90ff; font-family: Tahoma;}
.Text-Tips A:hover	{color: #1e90ff; font-family: Tahoma;text-decoration: underline;}
/* checked info */
.Text-Checked, .TextUnCheck,.Text-Tips {font-size: 11px; font-family: Tahoma;}
.Text-Checked {color: green;}
.Text-UnCheck {color: red;}

/* message */
.Text-Private,.Text-Private A,.Text-Private A:hover {color: #708090;}
.Text-System, .Text-System A, .Text-System A:hover  {color: #4682b4;}
.Text-Group,  .Text-Group A, .Text-Group A:hover	{color: #6b8e23;}

.Flip-1 {
	border: solid 1px #cccccc;
	color: silver;
	background-color: #eeeeee;
}
.Flip-1 TD {
	padding-left: 1px;
	padding-right: 1px;
}
.Flip-1 SPAN {
	color: Black;
}
.Flip-1 INPUT {
	border: solid 1px silver;
	color: black;
	background-color: white;
	height: 16px;
	font-weight:bold;
}
.Flip-1 a:link,
.Flip-1 a:active,
.Flip-1 a.visited {
	color: black;
	text-decoration: none;
}
.Flip-1 a:hover {
	color: black;
	text-decoration: underline;
}

.Flip-2 {
	color: #666666;
}
.Flip-2 TD {
	padding-left: 1px;
	padding-right: 1px;
}
.Flip-2 SPAN {
	color: #000000;	
}
.Flip-2 INPUT {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
	height: 16px;
	font-weight:bold;
}
.Flip-2 a:link,
.Flip-2 a:active,
.Flip-2 a.visited {
	color: black;
	text-decoration: underline;
}
.Flip-2 a:hover {
	color: black;
	text-decoration: none;
}

.Cache TD		{text-align: center;vertical-align: top;}
.Cache .Image	{border: solid 1px #808080; background-color: White;}
.Cache .Text	{padding-top: 3px;}
.Cache IMG		{border-style: none; margin: 3px;}

.Text-Reference				{font-size: 12px; filter: glow(color=#ccff66, strength=5); width: 300px; color: #006633;}
.Text-Reference A			{color: #669933;text-decoration: underline;}
.Text-Reference A:hover		{color: #669933;text-decoration: none;}

/* pop window */
.Popup				{position: absolute; border-collapse: collapse; border: #cccccc 1px solid;
					 background-image: url(../../res/image/popup/top.bg.gif);background-repeat: no-repeat;}
.Popup .Title		{padding-left: 20px; padding-top: 2px; color: steelblue; font-size: 14px; width:100%; cursor: move; border-bottom: #cccccc 1px solid;}
.Popup .Close		{padding: 4px; border-bottom: #cccccc 1px solid;}

.Popup A			{background-image: url(../../res/button/popup.close.gif); background-position: 0px 0px; display: block;}
.Popup A:hover		{background-position: -16px 0px; text-decoration: none;}
.Popup IMG			{border-style: none;}
.Popup .Body		{height: 100%; padding: 0px; background-color: #ffffff; text-align: center;}
.Popup-Background	{position: absolute; background-color: #ffffff; top: 0px; left: 0px;opacity: 0.65; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=65,finishOpacity=100);}

.Tab-1		{border-collapse: collapse; height:27px;}
.Tab-1 TD	{padding: 0px 0px 0px 0px; text-align: center;}
.Tab-1 .Unselect,
.Tab-1 .Selected {padding-top: 3px; width: 73px;}

.Tab-1 .Unselect {background-image: url(../image/tab.skyblue.unselect.gif);}
.Tab-1 .Unselect A,
.Tab-1 .Unselect A:hover {color: #000000;}

.Tab-1 .Selected {background-image: url(../image/tab.skyblue.selected.gif);}
.Tab-1 .Selected A,
.Tab-1 .Selected A:hover {color: #666666;}

.Tab-1 .Separate {background-image: url(../image/tab.skyblue.separate.gif); width: 1px;}

.List-Rating	{border-collapse: collapse;}
.List-Rating TH	{padding: 5px 1px 5px 1px; background-color: #f2f2f2; text-align: center; font-weight: normal;}
.List-Rating TD	{padding: 5px 1px 5px 1px; text-align: center;background-repeat: repeat-x; background-position: left top; background-image: url(../image/hline-silver.gif);}
.List-Rating IMG{vertical-align: middle; margin-right: 2px;}

.List-Log		{border-collapse: collapse; width: 95%;}
.List-Log TD	{padding: 5px 0px 5px 0px; font-size: 14px; text-align: left;}
.List-Log .Link,
.List-Log a.Link:hover	{font-weight: bold; font-size: 14px;}

.List-Updates			{border-collapse: collapse; width: 95%; margin-top: 2px;}
.List-Updates TD		{padding: 2px 0px 3px 0px; font-size: 12px; text-align: left; color: #666666;}
.List-Updates IMG		{vertical-align: middle; margin-right: 2px; margin-bottom: 3px; margin-left: 3px;}		
.List-Updates a,
.List-Updates a:hover	{font-size: 12px;}

.List-Catelogue			{border-collapse: collapse; width: 90%;}
.List-Catelogue TD		{padding-bottom: 5px; font-size: 14px; text-align: left;}
.List-Catelogue a,
.List-Catelogue a:hover	{font-size: 14px; color: #000000;}

.List-Search			{border-collapse: collapse; width:100%; margin-bottom: 10px;}
.List-Search TH,
.List-Search TD			{padding: 3px 2px 3px 2px; border: solid 1px #cccccc; font-weight: normal;}
.List-Search TH			{background-color: #f5f5f5;}
.List-Search TH A,
.List-Search TH A:hover	{font-weight:bold;}
.List-Search TD			{color: #666666;}
.List-Search IMG		{vertical-align:middle;}

.List-Letter			{border-collapse: collapse; width:100%;}
.List-Letter TH			{padding: 5px 3px 5px 3px;}
.List-Letter TH,
.List-Letter TH A,
.List-Letter TH A:hover	{color: #1A5F68;}
.List-Letter TD			{padding: 5px 3px 5px 3px;color: #666666;}
.List-Letter TD,
.List-Letter TD A,
.List-Letter TD A:hover	{color: #666666;}

/* edit by tao.xu */
.Textbox-Login {border: solid 1px #A98C6A; background-color: #FFFFFF; height: 18px; font-size: 14px;}
.Textbox-Basic {border: solid 1px #CCCCCC; background-color: #F5F5F5;}

.Nav	{width: 954px;height: 37px;border-collapse: collapse;}
.Nav .Selected,.Nav .Unselect {text-align: center;}
.Nav .Selected a		{font-size: 14px; color: #000000;}
.Nav .Selected a:hover	{font-size: 14px; color: #000000;}
.Nav .Unselect a		{font-size: 14px; color: #ffffff;}
.Nav .Unselect a:hover	{font-size: 14px; color: #ffffff;}

.Vote-Red		{width:76px;}
.Vote-Red DIV	{height: 31px; line-height: 31px; text-align: center; font-size: 18px; color: #ffffff; background-image: url(../image/cartoon.vote.bg.gif); font-family: Tahoma;}

.Portal-List-Gray-Head {height:29px; background-image: url(../image/portal.title.gray.gif); font-size: 14px;color: #1E1E1E; font-weight: bold;}
.Portal-List-Gray-Head IMG {padding-left: 12px; padding-top: 7px;}
.Portal-List-Gray-Body {border: #D9D9D9 1px solid; padding: 10px 10px 10px 10px;}
.Portal-List-Gray-Body .Content {width:100%; -height: 68px; min-height:68px; padding-top: 5px; color: #707070; font-size: 12px;}
.Portal-List-Gray-Body .Link	{font-weight: bold;}
.Portal-List-Gray-Body .Title	{color: #0C75B9; font-weight: bold;}

.Gray-T {background-image: url(../image/box.gray.t.gif);}
.Gray-L {background-image: url(../image/box.gray.l.gif);}
.Gray-R {background-image: url(../image/box.gray.r.gif);}
.Gray-B {background-image: url(../image/box.gray.b.gif);}