body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E8F2F7;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
}

/*
.wrap
{
	width: 982px;	
	margin: 0;
	padding: 0;
}
*/

.layout
{
	border: 1px Solid #B5C7DE;
	background-color: #EFF3FB;
	padding: 4px;
	font-family: Verdana;
	font-size: 0.8em;
	color: #333333;
}

.layout_table {
    border: 1px Solid #B5C7DE;
    width: 100%;
}

.layout_table2 {
    border: 1px Solid #B5C7DE;
    width: 100%;
}

.view_layout_table
{
	border: 1px Solid #B5C7DE;
	background-color: #EFF3FB;
	padding: 4px;
	font-family: Verdana;
	font-size: 0.8em;
	color: #333333;
	width: 100%;
}

.view_buttons_layout_table
{
	background-color: #EFF3FB;
	padding: 4px;
	font-family: Verdana;
	font-size: 0.8em;
	color: #333333;
	width: 100%;
}

.cph
{
	
	padding-left:2px;
}


/*
#contentmiddle
{
	margin-top: 20px;
	padding-left: 10px;
	float: left;
	padding-bottom: 10px;
	width: 724px;
	margin-left: 1px;
	height: 700px;
}
*/
#contentleft
{
	margin-top: 20px;
	padding-left: 10px;
	float: left;
	padding-bottom: 10px;
	width: 450px;
	margin-left: 1px;
	height: 530px;
}
.ClassContentright
{
	position:absolute;
	border: 2px solid #8cadcc; 
	z-index:2;
	margin-top: 10px;
	width: 310px;
	height: 530px;
	margin-right: 5px;
	/*margin-left:20px;*/
	right:10px;
}

/*
.ClassContentright2
{
	position:absolute;
	border: 2px solid #8cadcc; 
	margin-top: 20px;
	padding-left: 0px;
	float: right;	
	z-index:2;
	padding-bottom: 10px;
	width: 430px;
	margin-left: 1px;
	height: 530px;
}

.ClassContentEditor
{
	margin-top: 20px;
	padding-left: 0px;
	float:left;
	z-index:2;
	padding-bottom: 0px;
	width: 958px;
	margin-left: 1px;
	margin-right:1px;

}
*/
.ClassContentbreed {
    /*border: 1px solid #8cadcc;*/
    margin-top: 20px;
    min-height: 600px;
    overflow-x: auto;
    overflow-y: hidden;
}
.ClassContentview {
    /*border: 2px solid #8cadcc; */
    margin-top: 20px;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 0px;
    padding-bottom: 0px;
    float: left;
    z-index: 2;
    left: 1px;
    width: 955px;
    min-height: 600px;
    overflow-x: auto;
    overflow-y: hidden;
}
.FeedBackOk
{
	Width:auto;
	background-color:Green;
	border-color: Green ;
    border-style:solid;
    Border-Width: 1px;
    height:100px;
    color:Lime;
}
.FeedBackError
{
	Width:auto;
	background-color:Red;
	border-color: Red ;
    border-style: solid;
    Border-Width: 1px;
    color:Yellow;
    height:100px;
}
.GridView
{	
	Height:1px;
	Width: 1px; 
	border-color:#3366CC;
	background:white;	
	border-style:None;
	border-width:1px; 
	Padding:0; 	
	Font-Size:Smaller; 	
}
.GridViewHeader
{
	border-color:#3366CC;
	background:white;	
	border-style:None;
	border-width:1px; 
	Padding:0; 	
	Font-Size:Smaller; 	
}
.GridViewRow
{
	border-color: #3366CC;
	background: white;
	border-style: None;
	border-width: 0px;
	padding: 0;
	font-size: Smaller;
}
.GridViewFooter
{	
	display:inline-block;
}
.label
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	width: 93%;
}
.labelrechts
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	width: 93%;
	text-align: right;
}
.button
{
	border: 1px solid #507CD1;
	background-color: White;
	font-family: Verdana;
	font-size: 10px;
	color: #355F82;
	font-weight: bold;
}

.linkbutton
{
	padding: 0 5px 1px 5px;
	background-color: White;
	border-color: #507CD1;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 0.8em;
	color: #355F82;
	font-weight: bold;
}

.iconbutton {
    height: 10px;
    width: 10px;
    outline: none;
}

.iconbuttonbig {
    height: 24px;
    width: 24px;
    outline: none;
    background-color: #C0C0C0;
}

.textbox
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	vertical-align: top;
	text-align: left; /*width: 111px;*/
	background-color: #c4d8e5;
	border: 1px solid #507CD1;
}

.yeartextbox
{
    position:relative;
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	vertical-align: top;
	text-align: left; /*width: 111px;*/
	background-color: #c4d8e5;
	border: 1px solid #507CD1;
	width: 140px;
}

.treetextbox
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	vertical-align: top;
	text-align: left; /*width: 111px;*/
	background-color: #c4d8e5;
	border: 1px solid #507CD1;
}

.treestyle
{
	font-size: 10px;
	color: #333333;
	font-family: Arial;
	background-color: #c4d8e5;
	border: 1px solid #507CD1;	
	height:230px; 
	overflow: scroll;
}

.treestylenul
{
	font-size: 10px;
	color: #333333;
	font-family: Arial;
	background-color: #c4d8e5;
	border: 0px;	
	height:230px; 
	overflow: scroll;
}

.fileuploadbox
{
	font-size: 10px;
	color: #333333;
	font-family: Verdana;
	vertical-align: top;
	text-align: left; /*width: 111px;*/
	background-color: #c4d8e5;
	border: 1px solid #507CD1;
	/*overflow: scroll;*/
}

.emptyGridView
{
	border: 1px solid #507CD1;
	background-color: #c4d8e5;
	font-family: Verdana;
	font-size: 10px;
	color: #284E98;
	height: 100px;
}
.error
{
	font-family: Verdana;
	font-size: smaller;
	font-weight: bold;
}

.errorMessage
{
	font-size: 9px;
	font-family: Verdana;
	width: 93%;
	font-weight: bold;
	color: #800000;
}

.message
{
	font-size: 9px;
	font-family: Verdana;
	width: 93%;
	font-weight: bold;
	color: #008000;
}
/*
.trans
{
	opacity: 0.01;
	filter: alpha(opacity=01);
	-moz-opacity: 0.01;
}
*/
.tdHeader
{
	color: #CCCCFF; 
	background-color: #003399; 
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana;
	text-align:center;	
}
.FooterStyle
{
	color: #003399; 
	background-color: #F5F5F1; 
	text-align:left;	
}
.PagerStyle
{
	font-size:10px;
	color: #003399; 
	background-color: #99CCCC; 
	text-align: left;		
}
.SelectedRowStyle
{
	color: #CCFF99; 
	background-color: #009999; 
	font-weight: bold;
}
.gridHeaderCenter
{
    color: #CCCCFF; 
    background-color: #003399; 
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}
.gridHeaderLeft
{
    color: #CCCCFF; 
    background-color: #003399; 
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}
.gridHeaderLink
{
    color: #CCCCFF; 
    background-color: #003399; 
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}
.gridHeaderLinkCenter {
    color: #CCCCFF;
    background-color: #003399;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
}

/* BEGIN MENU STYLE */

.preload1 {background: url(../images/menuimages/blank_over.gif);}
.preload2 {background: url(../images/menuimages/blank_overa.gif);}

.menu {padding:0 0 0 10px; margin:0; list-style:none; height:32px; background:transparent; position:relative; z-index:500; font-family:arial, verdana, sans-serif; width:95%}
.menu li {display:none; float:left;}

.menu li a.rootmenu {display:block; float:left; height:32px; line-height:27px; color:#355F82; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/menuimages/blank.gif);}
.menu li a.rootmenu span {float:left; display:block; padding:0 24px 0 12px; height:32px;background:url(../images/menuimages/blank.gif) right top;}
.menu li a.rootmenu span.down {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blanka.gif) no-repeat right top;}

.menu li a.rootmenu_hover {display:block; float:left; height:32px; line-height:27px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; color:#fff; background: url(../images/menuimages/blank_over.gif) no-repeat;}
.menu li a.rootmenu_hover span {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blank_over.gif) no-repeat right top;}
.menu li a.rootmenu_hover span.down {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blank_overa.gif) no-repeat right top;}

.menu  ul {display:none; position:absolute; top:31px; background: #fff; padding:3px; border:1px solid #b5c7de; white-space:nowrap; width:180px; z-index:300; height:auto;}
.menu  ul ul {display:none; position:absolute; top:0px; background: #fff; padding:3px; border:1px solid #b5c7de; white-space:nowrap; width:200px; z-index:300; height:auto;}
.menu  ul li,
.menu  ul ul li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
.menu  ul li a.submenu
{display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border-bottom: 1px solid #8cadcc}
.menu  ul ul li a.submenu
{display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border-bottom: 1px solid #8cadcc}
.menu  ul li a.submenus
{display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border-bottom: 1px solid #8cadcc; background:url(../images/menuimages/arrow.gif) 170px 7px no-repeat;}    
.menu  ul ul li a.submenus 
{display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border-bottom: 1px solid #8cadcc; background:url(../images/menuimages/arrow.gif) 170px 7px no-repeat;}    
.menu  ul li a.submenu_hover
{background:#8cadcc; color:#fff;display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; text-decoration:none; border-bottom: 1px solid #8cadcc}
.menu  ul ul li a.submenu_hover 
{background:#8cadcc; color:#fff;display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; text-decoration:none; border-bottom: 1px solid #8cadcc}
.menu  ul li a.submenus_hover,
.menu  ul ul li a.submenus_hover 
{background:#8cadcc url(../images/menuimages/arrow_over.gif) 170px 7px no-repeat; color:#fff;display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; text-decoration:none; border-bottom: 1px solid #8cadcc;}

.menu li a.rootmenu_disable {display:block; float:left; height:32px; line-height:27px; color:#808080; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:default;background: url(../images/menuimages/blank.gif);}
.menu li a.rootmenu_disable span {float:left; display:block; padding:0 24px 0 12px; height:32px;background:url(../images/menuimages/blank.gif) right top;}
.menu li a.rootmenu_disable span.down {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blanka.gif) no-repeat right top;}

.menu li a.rootmenu_disable_hover {display:block; float:left; height:32px; line-height:27px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:default; color:#808080; background: url(../images/menuimages/blank_over.gif) no-repeat;}
.menu li a.rootmenu_disable_hover span {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blank_over.gif) no-repeat right top;}
.menu li a.rootmenu_disable_hover span.down {float:left; display:block; padding:0 24px 0 12px; height:32px; background:url(../images/menuimages/blank_overa.gif) no-repeat right top;}

.menu  ul li a.submenu_disable,
.menu  ul ul li a.submenu_disable
{display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#808080; text-decoration:none; border-bottom: 1px solid #8cadcc;}
.menu  ul li a.submenus_disable, 
.menu  ul ul li a.submenus_disable
{display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#808080; text-decoration:none; border-bottom: 1px solid #8cadcc; background:url(../images/menuimages/arrow.gif) 170px 7px no-repeat; cursor:default;}    
.menu  ul li a.submenu_disable_hover,
.menu  ul ul li a.submenu_disable_hover
{background:#d3d3d3; color:#808080;display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; text-decoration:none; border-bottom: 1px solid #8cadcc}
.menu  ul li a.submenus_disable_hover,
.menu  ul ul li a.submenus_disable_hover
{background:#d3d3d3 url(../images/menuimages/arrow_over.gif) 170px 7px no-repeat; color:#808080;display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; text-decoration:none; border-bottom: 1px solid #8cadcc; cursor:default;}
/* END MENU STYLE*/

/* aquokit 2011 */
.divRegion
{ 
	clear:both;
	width:auto;
	height:auto;
}

.divRegion_table
{ 
	clear:both;
	padding-top:5px; 
	width:auto;
	height:auto;
}

/*
BODY {
	BACKGROUND-COLOR:  #F0F0F0 ; FONT-FAMILY: sans-serif; COLOR: #00295f; FONT-SIZE: 0.8em
}*/
#container {
    width:95%;
    min-width:980px;
    BACKGROUND-COLOR: #bababa;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

#iframe {
    WIDTH: 100%;
    BORDER-BOTTOM: #004896 1px solid;
    BORDER-LEFT: #004896 1px solid;
    BACKGROUND-COLOR: #E8F2F7;
    MARGIN-BOTTOM: 44px;
    min-height: 704px;
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    BORDER-RIGHT: #004896 1px solid;
    margin-left: auto;
    margin-right: auto;
    padding-left:1px;
    padding-right:1px;
}

#header {
    width: 100%;
    BORDER-BOTTOM: #004896 1px solid;
    BORDER-LEFT: #004896 1px solid;
    BACKGROUND-COLOR: #fff;
    HEIGHT: 118px;
    BORDER-TOP: #004896 1px solid;
    BORDER-RIGHT: #004896 1px solid;
    padding-left: 1px;
    padding-right: 1px;
}

#footer {
    width: 100%;
    HEIGHT: 20px;
    BORDER-RIGHT: #004896 1px solid;
    BORDER-LEFT: #004896 1px solid;
    BACKGROUND-COLOR: #004896;
    PADDING-TOP: 6px;
    COLOR: #eaeaea;
    FONT-SIZE: x-small;
    TEXT-ALIGN: right;
    MARGIN: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

.seperate {
    width: 100%;
    height: 5px;
    BORDER-RIGHT: #004896 1px solid;
    BORDER-LEFT: #004896 1px solid;
    BACKGROUND-COLOR: white;
    padding-left: 1px;
    padding-right: 1px;
}

#content {
    width: 100%;
    POSITION: relative;
    BORDER-LEFT: #004896 1px solid;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: white;
    MARGIN: 0px;
    PADDING-LEFT: 32px;
    PADDING-RIGHT: 32px;
    BORDER-BOTTOM-WIDTH: 0px;
    HEIGHT: auto;
    OVERFLOW: auto;
    BORDER-TOP: #004896 0px solid;
    BORDER-RIGHT: #004896 1px solid;
    PADDING-TOP: 32px
}

#loginInfo {
    width: 100%;
    HEIGHT: 20px;
    BORDER-RIGHT: #004896 1px solid;
    BORDER-LEFT: #004896 1px solid;
    BACKGROUND-COLOR: white;
    PADDING-TOP: 6px;
    FONT-SIZE: x-small;
    TEXT-ALIGN: left;
    MARGIN: 0px;
    padding-left: 1px;
    padding-right: 1px;
}



#footer A:link {
	COLOR: #74d7ff; TEXT-DECORATION: underline
}
#footer A:visited {
	COLOR: #a4a4a4; TEXT-DECORATION: underline
}
#footer A:hover {
	COLOR: #85eeff; TEXT-DECORATION: none
}
#footer A:active {
	COLOR: #00d4ff; TEXT-DECORATION: underline
}
#topline {
	BACKGROUND-COLOR: #5d76be; HEIGHT: 8px
}
#clear {
	CLEAR: both
}

/* add by fred begin*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
 
.modalPopup {
    background-color:#E8F2F7;
    border-width:1px;
    border-style:solid;
    border-color:Gray; 
    width:360px;
}

.modalPopupTitle {
    background-color: #003399;
    color:White;
    height:20px;
    width:360px;
}
 .modalPopupContent {
    background-color: #E8F2F7;    
    height:160px;
    width:360px;
}

/* add by zzf end */
.dialogPopup {
    background-color: #E8F2F7;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}

.dialogPopupTitle {
    background-color: #003399;
    color: White;
    height: 20px;
}

.dialogPopupContent {
    background-color: #E8F2F7;
}

/* add by zzf end */
 
/* add by fred end */

/* add by zy start */

.modalImportPopup {
    background-color:#E8F2F7;
    border-width:1px;
    border-style:solid;
    border-color:Gray; 
    width:450px;
}

.modalImportPopupTitle {
    background-color: #003399;
    color:White;
    height:20px;
    width:450px;
}
 .modalImportPopupContent {
    background-color: #E8F2F7;    
    height:250px;
    width:450px;
}

/* add by zy end */

option[selected] 
{
    color: #333333;
} 

#msg_win
{
    border: 1px solid #B5C7DE;
    background: #EFF3FB;
    width: 240px;
    position: absolute;
    right: 0;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0px;
    display: none;
    overflow: hidden;
    z-index: 99;
}
#msg_win .icos
{
    position: absolute;
    top: 2px; top:0px; right:2px;
    z-index:9;
}
.icos a
{
    float: left;
    color: #fff;
    margin: 1px;
    text-align: center;
    font-weight: bold;
    width: 14px;
    height: 22px;
    line-height: 22px;
    padding: 1px;
    text-decoration: none;
    font-family: 'webdings';
}
.icos a:hover
{
    color: #fff;
}
#msg_title
{
    background: #003399 repeat-x 0 100%;
    border-bottom: 1px solid #A67901;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    color: #CCCCFF;
    height: 25px;
    line-height: 25px;
    text-indent: 5px;
}
#msg_content
{
    margin: 5px;
    margin-right: 0;
    width: 230px;
    height: 126px;
    color: #006600;
    font-size: 9px;
    overflow: hidden;
}