.header {
    font-family:verdana;
}

*{padding:0; margin:0;}

body 
{
    width:100%;
    height:100%;
    min-width:950px;
    font-size:12pt;
    /*background-color:rgb(220,220,220);*/
    background:url(ui/bg.jpg);
    background-repeat:repeat-x;
    /*font-family:Trebuchet MS;*/
    font-family:Arial;
    /*line-height:12pt;*/
}
 
.listSelectedItem {color:#ffffff!important;background-color:#339FFF !important;}

.page
{
	padding:0 10px 0 10px;
	height:100%;
    min-width:800px;
    /*max-width:1400px;*/
}

.page-container 
{
	float:left;
	/*border:solid 1px rgb(150,150,150);*/
	/*background-color:White;*/
	/*font-size:1.4em;*/
	/*height:auto;*/
	min-width:800px;
	/*min-height:400px;*/
	width:100%;
}

.page-container a
{
	text-decoration:none;
}

.page-container a:hover
{
	color:#6699AA !important;
}

.logo
{
	min-height:150px;
	background-image:url(ui/logo.jpg);
	background-repeat:no-repeat;
}

.header-top 
{
	position: inherit;
	background-image:url(ui/bg_tit.jpg);
	background-repeat:no-repeat;
	height:90px;
	/*text-align:center;*/
	width:100%;
	/*background-color: #ABC2DA;*/
	/*min-width:800px;*/
}
.header-top-left {float:left; width:355px;}
.header-top-right 
{
	/*width:290px;*/
	height:99%; float:right;
	font-size:0.8em;
}



.nav0 
{
	padding-right:170px;
	/*background-image:url(/interface/bg_top2.gif);
	background-repeat:repeat-x;*/
}
.nav0 ul {/*margin:0 0 0 0; padding:0 0 0 0; */text-align:left;}
.nav0 li {display:inline; list-style:none; 	padding:0 0 0 10px;}
.nav0 li a { }
.nav0 a:hover {text-decoration:none;}
.nav0 a img {border:none;}


.langsel {color:#FFFFFF;text-decoration:none;}
.langunsel {color:#000099;text-decoration:underline;}
.nav1 {margin-bottom:8px;}
.nav1 ul li {display:inline; list-style:none; padding:0 4px 0 0;}
.nav1 ul {/*margin:0 7px 0 0; */padding:0 0 0 0; text-align:right;}	
.nav1 a:hover {text-decoration:none; color:#3300CC;}


.nav11 {text-align:right;}
.nav11 ul {/*margin:0 0 0 0; padding:0 0 0 0;*/}	
.nav11 li {display:inline; list-style:none; /*margin:0 0 0 0;*/}
.nav11 li a {color:#000099; text-decoration:none; /*margin-right:10px;*/}
.nav11 a:hover {text-decoration:none; color:#FFFFFF;}

.sitetitle {/*height:100%;*/ white-space:nowrap; /*text-align:center; margin-top:15px; margin-left:60px; color:#000078;*/ cursor:default;}
.sitetitle h1 {font-family:Georgia; font-size:21pt;font-weight:normal;color:#0033CC;padding:55px 0 0 150px;}
.sitetitle h1 a {color:#0033CC;}

.site_map_line
{
    width:100%;
    height:30px;
    /*background:url(/interface/bg_top5.gif);*/
}

.site_map
{ 
	padding:4px 0 0 5px;
	float:left;
}

.site_map a {color:#0033CC}

.header-menu 
{
	position:inherit;
	float:left;
	height:30px; 
	font-size:0.8em;
	height:100%;
	background-color:#5C9CFF;
	background-image:url(ui/bg_h30.gif);
	
}

.header-bottom
{
    /*height:30px;*/
    width:100%;background:url(ui/bg_h30.gif);background-color:#5C9CFF;
    border-right:1px solid #003F3F;
}

.header_bottom_stub { width:3px;height:30px;float:right;background-image:url(ui/stub.gif); }

.searchcontainer{width:291px;float:right;}

.searchform
{
	padding:3px 0 0 0;
}
.searchform form fieldset {float:right; border:none;}
.searchform input.field {width:212px; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); /*font-size:100%;*/ }
.searchform input.button {width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150);}
.searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.button { padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:black;}
.button:hover {cursor:pointer; border:solid 1px rgb(0,0,0); background:rgb(220,220,220);}

.listDetail { vertical-align: top; height:100%;}
.tdSelectedItem{ /*font-size:100%;*/ min-height:600px; padding:10px;} 
.h_header {
	background-image:url(ui/bg_block_h30.gif);
	background-color:#5C9CFF;
	color:White;
	font-size:1.2em;
	font-weight:bold;
	height:25px;
	text-align:center;
	vertical-align:middle;
	cursor:default;
}

.siMargin {margin-left:300px;}
.listDetail a { cursor:pointer;	}
.listDetail a:hover { text-decoration:underline;}

.content
{
	border:solid 1px #0033CC;
	/*float:left;*/
	min-height:500px;
	background-color:#FFFFFF;
	/*max-width:100%;*/
	/*padding:10px 1% 10px 1%;*/
	/*width:100%;*/
	padding:10px;
	min-height:400px;
}

/*Footer*/
.footer 
{
	/*background-color: rgb(171,194,218);*/
	background-image:url(ui/bg_footer.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	height:40px;
	float:left;
	margin-top:20px;
	text-align:center;
	font-size:0.8em;
}


/*default.aspx*/

.main
{
	/*background-color:White;

	float:left;*/
	width:100%;
	height:auto;
	min-height:350px;
}

.main img{border:none;padding:10px 10px 0px 10px;}
.main ol{padding-left:35px;}
.main ul{padding-left:25px;}
.main h1{font-size:1em;}
.main h2{font-size:1em;}
.main h3{font-size:0.9em;}
.main h4{font-size:0.8em;}

.main-pic
{
	clear:both;
	background: url(/Images/Picture1.jpg);
	background-repeat:no-repeat;
	width:100%;
}

/*frame border*/
.brd_color{color:#0033CC;}
.frame_border {
	border:solid 1px #0033CC;
	background-color: White;
}

.frame_header_back {
	background-image:url(ui/bg_block_h30.gif);background-repeat:repeat-x;height:30px;background-color:#5C9CFF;
}

.frame_header_back h2 {
	color:#FFFFFF;padding-top:0.2em;font-size:1em;
}

.frame_header_text {
	color:#FFFFFF;font-size:1.3em;font-weight:bold;
}

.frame_header_back h4 a {
	color:#FFFFFF;
}

/*menu*/
.header-bottom-menu
{
}

.topmenu a:focus {
	outline: none;
}
.topmenu 
{
    float:left;
    height:100%;
}
.topmenu ul, .topmenu ul li
{
    list-style:none;
    margin: 0;
    padding: 0;
    z-index:99999;
}
.topmenu ul li 
{
    float: left;
}
.topmenu ul li a{
	display:block;
	padding:5px 7px 7px 7px;
	color:White; /*color:#C6D6E6;*/
	text-decoration: none;	
	/*border:1px solid #999;
	border-right:1px solid #C8C8C8;*/
	float:none;
	margin-top:0px;
	font-weight:bold;
	WHITE-SPACE: normal; 
	cursor:pointer;
	-moz-user-select:none;
	-khtml-user-select: none;
	height:18px;
}

/*for ie6*/
* html .top_menu_header{
	width:80px;
}

.topmenu ul li a:HOVER
{
	background-image:url(ui/bg_h30_up.gif);
	background-color:#5C9CFF;
    /*background-color:#555555;*/
    color:White !important;
}

.submenu
{    
    background-color:#9FC6FF;
    z-index:999;
    /*border:solid 1px #003399;*/
    border-left:solid 1px #003399;
    border-right:solid 1px #003399;
    display: none;
    /*top:119px;*/
    position:absolute;
    float:none;
	background-color:#9FC6FF;
}

.submenu li
{
	width:170px !important;
	border-bottom:solid 1px #3E93FF;
	float:none !important;
} 

.submenu li a:HOVER
{
	color:White !important;
    background-color:#339FFF !important;
    /*background-color:#339FFF !important;*/
}
.submenu li a
{
	line-height:12pt;
	height:auto !important;
	padding:5px !important;
	/*margin:1px 2px 1px 2px !important;*/
	background-image:none !important;
	padding-left:10px !important;
    color:#0033CC !important;
    font-weight:normal !important;
 }
.submenu1 ul li
{
    position:relative;
    left:140px;
    top:-40px;
}

.menuActive {
    background-color:#D2D2D2;
    /*background-image:url(ui/bg_h30_up.gif);
    color:White !important;*/
}

.hr_tree
{
	/*max-height:600px;*/
	/*min-height:450px;*/
	padding-left:3px !important;
	/*width:247px !important;*/
}

.hr_content
{
	margin-left:260px;
}

.treeView
{
	/*position: relative;*/
	/*background: #eee;*/
	/*border: 1px solid #42CBDC;*/
	/*white-space:nowrap;*/
	float:left;
	padding: 10px !important;
	width:240px;
	list-style-type: none;
	font-size:0.9em;

}

.tdListItems
{	
	overflow: auto; 
	width: 250px; 
}

.treeView li
{
	padding-left:0px;
	padding-bottom: 10px;
}

.treeView a:visited
{
	color:#0033CC;
}

.ajaxLoading
{
	z-index:9999;
	position:fixed;
	top: 100%;
    left: 0px;
    margin-top: -50px;
    margin-left: 0px;
	background-color:#F2EDF7;
	border: solid 1px Gray;
	text-align: center;
	padding:5px 5px 5px 5px;
}
.ajaxLoading h3
{
	vertical-align:top;
}

.ajaxMarker
{
}

.listWithNoMark ul, .listWithNoMark ul li
{
    list-style:none;
}

/* for modals pop up*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.PopupPanel
{
	left:50% !important;
	top:50% !important;
	position:fixed !important;
}

.PopupPanelContent
{
	background-color:rgb(240,240,238);
}

.PopupPanelHeader
{
	background-image:url("Images/Common/PopupHeader.gif");
	height:25px;
	vertical-align:top;
	padding-left:0px;
	border-bottom:solid 1px Gray;
	text-align:center;
}

.PopupPanelFooter
{
	background-image:url("Images/Common/PopupHeader.gif");
	height:26px;
	vertical-align:top;
	padding-top:3px;
	padding-left:3px;
	border-top:solid 1px Gray;
}

.PopupPanelHeader h2
{
	vertical-align:top;
	margin:0px;
}

.PopupPanelHeaderClose 
{
	right:4px;
	top:4px;
	width:16px;
	height:16px;
	position:absolute;
}

.splash
{
	 /*background:url(ui/splash.jpg);
	 background-repeat:repeat-x;	 
	 border:solid 1px #0033CC; */
	 height:198px;
	 /*background-position:left;*/
}

/*Default.aspx*/
.splash_bar {
	/*width:100%;min-width:1px;padding: 0px;margin:0px ;	*/
	/*padding-bottom:10px;*/
}


.greeting {
	margin-top:10px;
	/*width:100%;*/
	/*height:100%;
	min-height:250px;*/
}

.greeting_content
{
    padding:10px;
    color:#000000;
}

.RightPanel
{
    float:right;
    display:block;
    /*overflow:hidden;*/
    /*background-image:url(/interface/bg_right.gif);
    background-repeat:repeat-y;*/
    min-width:300px;
    width:300px;
    /*min-height:1200px;*/
    /*height:100%;*/
}

.LeftPanel
{
    float:left;
    width:100%;
    margin-right:-320px;
}

.Container
{
    margin-right:300px;
    position:relative;
}

/*.BackCollage
{
   width:100%;
   min-width:1px;
   height:198px;
   background-image:url(/interface/Picture1.jpg);
   background-repeat:repeat-x; 
}*/

/*.HSeparator
{
    background-image:url(/interface/bg_bottom.GIF);
    background-repeat:repeat-x;
    height:10px;
}*/

.edit_link
{
	padding: 0px !important;
	margin-right:10px;
	text-align:right !important;
	font-size:0.6em !important;
}

.edit_link a
{
	padding-left:0px !important;
}

.project_links
{
    min-width:250px;width:50%;
    float:left;
}

.project_info
{
    min-width:250px;width:49%;
    float:right;
}

.institutes {}
.faculties, .institute_it, .news {margin-top:10px;}
.faculties div, .institutes div, .project_links div div, .project_info div div, .news div, .greeting div, .institute_it div div {text-align:center;}
/*.institute_it div div {background-image:url(ui/bg_block_h40.gif);background-repeat:repeat-x;}
.institute_it div div h2 {text-align:center;padding:0.4em 0 0 1.5em;color:#FFFFFF;font-size:0.71em;}*/

.institute_it p, .institutes p, .faculties p, .news p, .greeting p
{margin:0 5px 0 5px;}

.institute_it p a, .project_links p a, .project_info p a
{color:#003399;}

.institutes a, .faculties a, .institute_it a, .project_info a, .project_links a
{padding-left:0px;}

.project_links p, .project_info p, .institute_it p, .institutes p, .faculties p
{padding:3px;font-size:0.9em;}

.news p
{
	padding:3px;
	text-align:justify;
}

.news h2 a
{
	text-decoration:none;
	color:#FFFFFF;
}


/*.ProjectLinks a, .ProjectInfo a, .News a, .institute_it a
{
}*/



/*Counters*/
.Counters
{
    width:100%;
    float:left;
    height:100%;
    min-height:40px;
    text-align:right;
    padding-top:10px;
}

.narch { width:760px;margin:0 auto; }
.narch-title { text-align:center; }
.narch-date { background-color:#FFFFFF;font-size:0.9em;/*padding:0 5px 0 5px;margin-left:30px;font-weight:bold;*/ }
.narch-line { height:10px;border-bottom:solid 3px; }

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.groupBox
{
	border: 1px solid #d6d6c7;
	padding: 15px 10px 10px 10px;
	position: relative;
	margin-bottom: 15px;
}
.groupBoxScroll
{
	overflow:auto;
	max-height:250px;	
}
.groupBoxHeader
{
	margin: 0;
	padding: 0 2px;
	background-color: #EEE;
	position: absolute;
	top: -8px;
	color: #5181e2;
}


div.jqmAlert { /* contains + positions the alert window */
	display: none;
	
	position: fixed;
	top: 20px;
	right:-30%;
	width: 100%;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
div.jqmAlertWindow {
	height:auto;
	width: auto;
	margin: auto;
	
	max-width:400px;
	padding: 0 10px 10px;
	
	background:#F2EDE3;
	border:1px dotted black;
}

.jqmAlertTitle{
	margin:5px 2px;
	height:20px;
	color:black;
	/*background:#000;*/
}
.jqmAlertTitle h1{
	margin:5px 2px;
	padding-left:5px;
	padding:0;
	font-size:14px;
	text-transform:capitalize;
	
	font-weight:bold;
	/*color:#FFF;*/

	float:left;
	height:20px;
}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
	width:20px;
	height:20px;
	display:block;
	float:right;
	clear:right;
	background:transparent url(Images/common/close_button.gif) 0 0 no-repeat;
}

div.jqmAlertContent{
	border-top:0px;
	color:black;
	font:11px/14pt arial;
	padding:5px 10px 5px;
	margin:5px;
	border:1px dotted #111;
	letter-spacing:0px;
}

img.filePreview
{
	padding-top:5px;
	vertical-align:middle;
}

.HierarchyEditor *
{
	padding:1px;
}

/*Security administration*/
.security_content{text-align: center; padding-top: 10px;}
.indention{	padding-top: 0.5em;}
.LineButtons{ padding-right:0.8em;display:inline;}
.frame_border_indention{padding:1px;}
.frame_bottom_indention{padding-bottom:1.5em;}

/*fisheye*/
/*body {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
img {
	border: none;
}*/

/* dock - top */
.dock {
	position: relative;
	height: 40px;
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 40px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
	/*color:#000066 !important;*/
	color:#FFFFFF !important;
}

.ModuleEditor
{
}

.ModuleEditor .MenuItem
{
	background-color: #555555;
	color: White;
	text-align: center;
	cursor: pointer;
	font-weight: bold;	
	border-top: solid 1px white;
	padding:3px 0px 3px 0px;
}

.ModuleEditor .Panel
{
	border: 1px solid #95B3D0;
	background-color: #E4ECF3;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ModuleEditor .Panel .Caption
{
	font-weight: bold;
}

.ModuleEditor .Panel .commandLink
{
	color: #000099;
	font-weight: bold;
	cursor: pointer;
}

.ModuleEditor .Panel2
{
	border: 1px solid #AEAEAE;
	background-color: #FFFFCC;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ModuleEditor .MsgBox
{
	border: 1px solid #AEAEAE;
	margin: 10px 10px 10px 10px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
	color: black;
	background-color: #FFFFCC;	
}

.ModuleEditor .ItemsList
{	
}

.ModuleEditor .ItemsList td
{
	padding: 5px 5px 5px 5px;	
}

.ModuleEditor .ItemsList tr:hover, .ModuleEditor .ItemsList .item:hover
{
	background-color: #FFFFCC;
}

.ModuleEditor .Panel2 .Caption
{
	font-weight: bold;
}

.ModuleEditor .Button
{
	border: 1px solid #AEAEAE;
	margin: 10px 10px 10px 10px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
	color: #00529B;
	background-color: #BDE5F8;
	cursor:pointer;
	font-weight: bold;
}

.ModuleEditor .Button:hover
{
	background-color: #699AF3;
	border: 1px solid #0033CC;
	color: #FFFFFF;
}

.ModuleEditor a:visited
{
	color: Blue;
}

.ForgotPassword 
{
	padding-top:50px;
	width:600px;
	margin: 0 auto;
}

.ForgotPassword p
{
	padding-top:0.5em;
	padding: 13px 0 12px 0;
	text-align:center;
}

.EmailVerification
{
	padding-top:50px;
	text-align:left;
	font-size:12pt;
}
.Login
{
	padding-top:50px;
	width:400px;
	margin: 0 auto;
	display:block;
	position:relative;
}

.Login p
{
	padding-top:0.5em;
	padding: 13px 0 12px 0;
	text-align:center;
}
.LogCont 
{
	text-align:center;
	margin-top:20px;
	width:100%;
}
.LogCont td
{
	padding: 10px 0 5px 25px;
}

.thumbImg 
{
	cursor: pointer;
}

.ivCommand
{
	cursor: pointer;
}

.ivWindow
{
	border: 0px solid #95B3D0;
	background-color: Transparent;
	margin: 50px 50px 50px 50px;
	overflow: auto;	
	vertical-align : middle;
	top: 0px;
	left: 0px;
    position: fixed;
	z-Index: 95;	
}
a.dp-choose-date {
	float: left;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -500px;
	overflow: hidden;
	background: url('/Images/Calendar-24x24.png') no-repeat;
}
.registration
{
	padding-top:50px;
	width:500px;
	margin: 0 auto;
	display:block;
	position:relative;
}

.pstrength-minchar {
font-size : 10px;
}

.hcchildlevel1
{
	background-color:#b5b5b5;
}

.hcchildlevel2
{
	background-color:#d2d2d2;
}

.hcchildlevel3
{
	background-color:#f0f0f0;
}

.TopSplashBar
{
	border: 1px solid #0033cc; height: 198px; background-image: url(ui/splash.jpg);
}

.date
{
	text-align: right !important; font-size: 0.7em !important; color: #336699; margin:0 !important;
}

/*
.footer-line
{
    height:30px;width:100%;background:url(ui/bg_h30.gif);float:left;
    margin-top:10px;
    
}
.footer-line span
{
	margin:3px;
	float:left;
}
*/
.themeSelector
{
	padding-left:10px;
}

.linktotop
{
	color:White;float:right;padding-right:10px;text-decoration:none;
}


/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

The CSS, XHTML and design is released under Creative Common License 3.0:
http://creativecommons.org/licenses/by-sa/3.0/

*//* Panel Tab/button */.tab
{
    background: url(Module/tab_b_g.png) repeat-x 0 0;
    height: 42px;
    position: relative;
    /*margin-top: -10px;*/
    top: 0;
    z-index: 999;
}
.tab ul.login
{
    display: block;
    position: relative;
    float: left;
    clear: right;
    height: 42px;
    width: auto;
    font-weight: bold;
    line-height: 42px;
    margin: 0;
    padding-left: 0px;
    color: white;
    font-size: 80%;
    text-align: center;
}
.tab ul.login li.left
{
    background: url(Module/tab_l_g.png) no-repeat left 0;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}
.tab ul.login li.right
{
    background: url(Module/tab_r_g.png) no-repeat left 0;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}
.tab ul.login li
{
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 42px;
    background: url(Module/tab_m_g.png) repeat-x 0 0;
}
.tab a.open, .tab a.close
{
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    width: 70px;
    position: relative;
    top: 11px;
}
.tab a.open
{
    background: url(Module/bt_open.png) no-repeat left 0;
}
.tab a.close
{
    background: url(Module/bt_close.png) no-repeat left 0;
}
.tab a:hover.open
{
    background: url(Module/bt_open.png) no-repeat left -19px;
}
.tab a:hover.close
{
    background: url(Module/bt_close.png) no-repeat left -19px;
}
/* sliding panel */#toppanel
{	/*Panel will overlap  content */ /*position: relative;*/ /*Panel will "push" the content down */
    /*position: absolute; 
    top: 0;
    z-index: 999;
    left: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;*/
}
#panel
{
    width: 100%;
    /*height: 84px;
    color: #999999;
    background: #272727;*/
    background-color:#aaa;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
}
#panel h1
{
    font-size: 1.6em;
    padding: 5px 0 10px;
    margin: 0;
    color: white;
}
#panel h2
{
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: white;
}
#panel p
{
    margin: 5px 0;
    padding: 0;
}
#panel a
{
    text-decoration: none;
    color: #15ADFF;
    float:left;
}
#panel a:hover
{
    color: white;
}
#panel a-lost-pwd
{
    display: block;
    float: left;
}
#panel .content
{
    width: 960px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em;
}
#panel .content .left
{
    width: 280px;
    float: left;
    padding: 0 15px;
    border-left: 1px solid #333;
}
#panel .content .right
{
    border-right: 1px solid #333;
}
#panel .content form
{
    margin: 0 0 10px 0;
}
#panel .content label
{
    float: left;
    padding-top: 8px;
    clear: both;
    width: 280px;
    display: block;
}
#toggle a
{
    color: White !important;
}
/*End of sliding panel*/