/* Site General Css File */
/* Author: Qiu Bin (qiubin(a)gmail.com */

*
{
    font-family:Tahoma,Arial,Verdana,Helvetica;
    font-size:12px;
}
body
{
    background-color: #0098BA;
}

img
{
	margin:0 !important;
}

.text
{
    line-height:24px; padding: 0px 20px 50px 20px;
}

a {color: Black; text-decoration: none; }
a:hover {text-decoration: none}

a.QuickLink
{
    color: #F9AC38;
}

.MenuHorizontalTabsMenuItem .left
{
    background:url('../../images/menu/menu_left.gif') no-repeat left top; 
    padding: 0px 0px 0px 12px;     
    cursor: pointer;
    background-color: #FAAD39;
    height: 24px;
    float: left;
}
.MenuHorizontalTabsMenuItem .right
{
    background:url('../../images/menu/menu_right.gif') no-repeat right top; 
    padding: 0px 12px 0px 0px;     
    cursor: pointer;
    height: 24px;
    line-height:24px;
    vertical-align: middle;
    float: right;
}
.MenuHorizontalTabsSelectedMenuItem .left
{
    background:url('../../images/menu/menu_left_hot.gif') no-repeat left top; 
    padding: 0px 0px 0px 12px;     
    background-color: White;
    height: 24px;
    float: left;
}
.MenuHorizontalTabsSelectedMenuItem .right
{
    background:url('../../images/menu/menu_right_hot.gif') no-repeat right top; 
    padding: 0px 12px 0px 0px;     
    height: 24px;
    line-height:24px;
    vertical-align: middle;
    float: right;
}
.MenuHorizontalTabsHover .left
{
    background:url('../../images/menu/menu_left_hot.gif') no-repeat left top; 
    padding: 0px 0px 0px 12px;     
    background-color: White;
    height: 24px;
    float: left;
}
.MenuHorizontalTabsHover .right
{
    background:url('../../images/menu/menu_right_hot.gif') no-repeat right top; 
    padding: 0px 12px 0px 0px;     
    height: 24px;
    line-height:24px;
    vertical-align: middle;
    float: right;
}

.TemplateBody
{
    padding: 15px 15px 15px 15px;
    line-height:24px;
}    
    
.Caption
{
    font-size: 12px;
    font-weight: bold;
}    

.DialogBody
{
    background-color:ButtonFace !important;
}
.DialogFooter
{
    width:100%; 
    height:23px; 
    position:absolute; 
    bottom:0; 
    background-color:#eeeeee; 
    border-top:1px solid #cccccc;
}
.PageHeader
{
    padding-left:10px;    
	border:0;
	background: #ffcc00 url('Images/PageHeaderBack.gif') repeat-x;
    height:32px;
    line-height:32px;
}
.GridHeader
{
    background: url('Images/Grid/GridHeaderBack.gif') repeat-x;
    cursor: default;
}
.GridRow
{
    padding-left: 3px;
    cursor: default;
}    
.GridFooter
{
    background: url('Images/Grid/GridFooterBack.gif') repeat-x;
    cursor: default;
}
.Border
{
    border:0;
    margin:10px;
    overflow:auto;
}
.EditArea
{
    width:100%;
    border:0;
    margin:0;
}
.ProgressBack
{
    width:100%;
    height:100%;
	background-color:gray;
/*	filter: alpha(opacity=70); */
/*	opacity: .7; */
	position: absolute;
	top:0;
	left:0;
}
.ProgressDialog
{
	position:absolute;
	border:solid 1px black;
	color:Black;
	background-color:#ffffae;
	font-weight:bold;
	line-height:30px;
	height:30px;
	padding-left:5px;
	padding-right:5px;
    overflow:hidden;
}

.Prefix
{
    color: navy;
    font-weight: bold;
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}
.modalBackground {
/*	background-color:Gray; */
/*	filter:alpha(opacity=70); */
/*	opacity:0.7; */
}
.modalPopup {
	background-color:White;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalHandler {
    cursor:move;
    background-color: #285C69;
    border:solid 1px Gray;
    color:White;padding:3px;
}    
.Button {
    background-color: #FAAD39;
    border-style: outset;
    border-width: 1px;
    color: Black;
    border-color: Gray;
    height: 20px;
}    

li,ul {list-style:none;margin:0;padding:0;}
.Flow { border:1px solid #ccc; font-size:14px; line-height:1.0;float:left; }
.Flow li{ background:#f5f5f5; float:left; width:150px; height:20px; overflow:hidden; margin-right:10px;}
.Flow li span{ position:absolute; padding:4px 20px 0 20px;}
.Flow li em{ margin-left:150px; background:#FF6633;position:absolute; border:10px solid #f5f5f5; border-left:#f5f5f5; height:0px; overflow:hidden;}
.Flow li .left{ margin-left:0; border:10px solid #f5f5f5; border-left:#f5f5f5;}
.Flow .on{ background:#F5B636; font-weight: bold; }
.Flow .on em{ background:#F5B636;border-left:10px solid #F5B636;}
.Flow .on .left{border-top:10px solid #F5B636; border-bottom:10px solid #F5B636; border-right:10px solid #F5B636;border-left:10px solid #f5f5f5;}


.articleTitle { font: bold 14px "Arial Narrow", Arial, sans-serif; color: #333; text-transform: uppercase; }
.componentPad { padding: 10px; vertical-align:top }

td.banner { color: black; vertical-align: top; font-weight: bold; width: 100%; background: url('Images/corner.gif') no-repeat bottom right; border-left: 10px solid #F5B636; border-right: 2px solid white; }
div.banner { background: #F5B636 }
td.banner div.title { font: bold 20px "Arial Narrow", sans-serif; text-transform: uppercase; }
td.bannerDivider { border-left: 10px solid #F5B636; padding-top: 28px; vertical-align: top; }
td.banner div.outer { background: url('Images/y_triangle.gif') no-repeat 0px 28px; }
td.banner div.inner { padding: 20px 10px 20px 10px; }

.MenuPad{width:170px; background-color:#DDDDDD;height:100%;top:0px;bottom:0px; vertical-align:top;}
.MenuPad a{color:black}
.MenuTree{width:168px; padding: 5px;}
.MenuRootNode {border-top: font-weight: bold; height: 22px;}

.raquo { font: bold 11px Arial; color: #888; font-style: normal; }

.SiteMapPathPad {background-image: url('Images/SiteMapPathBG.gif'); height: 24px; line-height: 24px; text-align: left; vertical-align:middle;}
.SiteMapPath{margin-left: 10px;}

.LeadImage {padding: 0px 10px 0px 10px}