﻿body {font-family:Arial,Helvetica,Sans-Serif; font-size: 12px ;margin: 0 auto;padding:0px;background:#ffffff}
#adminLayout{}
#headerLayout{border-bottom:solid 2px #ffe;background: url("Images/headerbg.png") repeat-x left top;text-align:center;margin: 0 auto;height:100px;}
#header{height:25px;line-height:25px;border-bottom:solid 1px #bac3c8;color:White;padding:0 10px;}
#header h2{float:left;color:White;font-size:13px;text-transform:uppercase;}
#header #h-user{float:right;padding:0 3px;color:White;}
#header #h-user a{color:White}
#header #h-user span{padding:0 5px;display:inline-block;}
#hdrMsg{height:45px;}

.bgTitle{height:23px;line-height:23px;}

/*dialog1
--------------------------------------------------------- */

.dialog a.dialogClose{float:right;position:relative;top:25px;right:10px;width:16px;height:16px;
background:url("Images/closeX.png") no-repeat 0 0;}
.dialog a.dialogClose:hover{background-position:left bottom;}
.dialog .dlTitle{float:left;position:relative;top:25px;right:10px;height:16px;padding-left:30px;font-weight:bold;}

.dialog .dlTL,.dialog .dlTR,.dialog .dlTBg,
.dialog .dlBL,.dialog .dlBR,.dialog .dlBBg
{height:20px;clear:both;}

.dialog .dlTL,.dialog .dlTR,.dialog .dlTBg,
.dialog .dlCL,.dialog .dlCR,
.dialog .dlBL,.dialog .dlBR,.dialog .dlBBg
{background: url("Images/rounded-white.png");background-repeat:no-repeat;text-align:left;}

.dialog .dlTL,.dialog .dlCL,.dialog .dlBL{padding-left:20px;}
.dialog .dlTR,.dialog .dlCR,.dialog .dlBR{padding-right:20px;}

.dialog .dlTL{background-position: left top;}
.dialog .dlTR{background-position: right -40px;}
.dialog .dlTBg{background-repeat:repeat-x;background-position: left -80px;}

.dialog .dlCL{ background-position:left -120px;background-repeat:repeat-y;}
.dialog .dlCR{ background-position:right -120px;background-repeat:repeat-y;}
.dialog .dlCT{background-color:#fff;padding-top:10px;}

.dialog .dlBL{background-position:left -20px;}
.dialog .dlBR{background-position:right -60px;}
.dialog .dlBBg{background-position: 0px -100px;background-repeat:repeat-x;}


/* Common
---------------------------------------------------------
.commonMsg,.notFoundControls{height:30px;line-height:30px;padding-left:10px;}
.commonMsg,.notFoundControls{height:300px;}
.notFoundControls{color:Red;}
.dialog{background:url("Images/dialog_overlay.png") repeat scroll 0 0; width:100%;height:100%;top:0;left:0;position:fixed;z-index:1000;text-align:center;}
.dialog .dialogConent{min-width:300px;min-height:300px;position:relative;top:100px;text-align:left;}
.dialog .dialogConent a.dialogClose{float:right;position:relative;top:20px;right:4px;width:16px;height:16px;background:url("Images/dialog_close.png") no-repeat 0 0;}
.dialog .dialogConent a.dialogClose:hover{background-position:left bottom;}
.dialog .dialogConent .dlTL{background:url("Images/rc10_fff.png") no-repeat left top;padding-left:5px;clear:both;}
.dialog .dialogConent .dlTR{background:url("Images/rc10_fff.png") no-repeat right top;padding-right:5px;}
.dialog .dialogConent .dlTBg{background-color:White;text-align:left;}
.dialog .dialogConent .dialogConentM{background-color:White;padding:0 10px;}
.dialog .dialogConent .dialogConentM .dialogTitle{padding-right:10px;}
.dialog .dialogConent .dlBL{background:url("Images/rc10_fff.png") no-repeat left bottom;padding-left:5px;}
.dialog .dialogConent .dlBR{background:url("Images/rc10_fff.png") no-repeat right bottom;padding-right:5px;}
.dialog .dialogConent .dlBBg{background-color:White;}

.dialog .dialogConent .dlTL,.dialog .dialogConent .dlTR,.dialog .dialogConent .dlTBg,
.dialog .dialogConent .dlBL,.dialog .dialogConent .dlBR,.dialog .dialogConent .dlBBg{height:5px;}
 */
/* Button Skin
--------------------------------------------------------- */
a.btnSkin1 {background:url("Images/button_sprite.gif") no-repeat 0 0;margin:0;text-decoration:none;}
a.btnSkin1 span {background:url("Images/button_sprite.gif") no-repeat right -50px;}
a.btnSkin1:hover {background-position:left -25px;}
a.btnSkin1:hover span {background-position:right -75px;}
a.btnSkin1,a.btnSkin1 span{height:25px;line-height:25px;text-align:center;font-size:11px;padding:6px 0 5px 0;font-weight:bold;color:#333;}
a.btnSkin1{padding:padding:6px 0 5px 0;padding:0px 0 0px 0 !importal; padding-left:4px;}
a.btnSkin1 span{padding-right:8px;padding-left:4px;}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#mainMenu{background:url("Images/navBG.gif");}
#mainMenu div.navLeft{padding-left:2px;background:url("Images/navLeft.gif") no-repeat;}
#mainMenu div.navRight{padding-right:2px;background:url("Images/navRight.gif") no-repeat right top;}


#mainMenu ul{padding:0px;margin:0;text-align:left;padding:0 1px;}
#mainMenu ul li{list-style-type:none;vertical-align:top;float:left;display:inline-block;}
#mainMenu ul li a,#mainMenu ul li a:hover{padding:0px 10px;color:#fff;font-size:12px;font-weight:bold;display:inline-block;}
#mainMenu ul li a.selected,#mainMenu ul li a.selected:hover{background:url("Images/navBGHover.gif") repeat-x;}
#mainMenu ul li.seperator{display:inline-block;background:url("Images/navSplit.gif") no-repeat;width:2px;}

#mainMenu,#mainMenu div.navLeft,#mainMenu div.navRight ,#mainMenu div.navRight,#mainMenu ul,#mainMenu ul li.seperator,
#mainMenu ul li a{height:30px;line-height:30px;}

/*Hack CSS Main Menu*/
* html #mainMenu,
* html #mainMenu div.navLeft,
* html #mainMenu div.navRight,
* html #mainMenu div.navRight,
* html #mainMenu ul,
* html #mainMenu ul li.seperator,
* html #mainMenu ul li a{height:26px;line-height:26px;}

#mainContent{background: url("Images/bg.jpg") repeat-x;}
#mainContent #ShadowTop{background:url("Images/topshadow.png") repeat-x;}
#mainContent #Left{background: url("Images/border_content.gif") repeat-y  left top;padding-left:2px;}
#mainContent #Right{background:url("Images/border_content.gif") repeat-y right top;padding-right:2px;}
#mainContent #Content{background-color:#fff;text-align:left;}
#mainContent #Content .topContentHeader{height:30px;line-height:30px;background:url("Images/conentHeaderBg.gif") repeat-x right bottom;}
#mainContent #Content .topContentHeader .hdrTitle{float:left;font-weight:bold;font-size:14px;padding-left:10px;}
#mainContent #Content .topContentHeader .hdrTool{float:right;font-size:12px;padding-right:10px;}
#mainContent #Content .leftPanel{width:250px;border-right:solid 1px #dedede;}
#mainContent #Content .rightPanel{}

#mainContent #Content .leftPanel .lpTreeView{padding:5px;}
#mainContent #Content .leftPanel .lpTreeView .lpChildNote{padding-left:12px;}
.TreeViewBottomTool{height:22px;line-height:22px;background: url(Images/background.png)  repeat-x 0 -192px;
border-top:solid 1px #dedede;border-right:solid 1px #dedede;color:#666;}
a.NoteRoot,a.NoteRoot:hover{display:block;font-size:13px;padding:5px 5px 5px 24px;background: url(Images/icon_4_folder.gif)  no-repeat 4px 4px;font-weight:bold;}

.TreeViewBottomTool span{border-right:solid 1px #dedede;display:inline-block;padding:0 5px;}
.TreeViewBottomTool span.static{text-align:right;border:none;}

#mainMenu,#mainMenu ul,#mainContent,#footer{min-width:800px;}
#mainMenu,#mainContent #mainWidth,#footer{width:90%;}


#titleHeader,#titleHeader #titleHeader-Bg{height:2px;line-height:2px;}
#titleHeader{padding-top:5px;}
#titleHeader #titleHeader-Left{background: url("Images/contentHeader.gif") no-repeat  left top;padding-left:2px;}
#titleHeader #titleHeader-Right{background:url("Images/contentHeader.gif") no-repeat right;padding-right:2px;}
#titleHeader #titleHeader-Bg{background:url("Images/conentHeaderBg.gif") repeat-x right top;}

.viewTools{height:30px;line-height:30px;}
.viewTools .caption{float:left;font-weight:bold;font-size:13px;}
.viewTools .tools{float:right;padding-right:5px;}

#footer,#footer #ftrBg{height:47px;line-height:47px;color:White;text-align:center;}
#footer #ftrLeft{background: url("Images/footer.gif") no-repeat  left top;padding-left:6px;}
#footer #ftrRight{background:url("Images/footer.gif") no-repeat right;padding-right:6px;}
#footer #ftrBg{background:url("Images/footerBg.gif") repeat-x right top;}







.tblSkin
{	
	border: #cccccc 1px solid;
	color: #62625C;
	padding: 2px !important;
	margin-bottom:5px;
}

.tblSkinHeader
{
}
.tblSkinHeader  td
{
	border: #cccccc 1px solid ;
	background-color: #eeeeee;
	color: #666666;
	font-weight: bold;
	padding:1px 4px;
	text-align: center;
	white-space: nowrap;
}
.tblSkinFooter
{
}
.tblSkinFooter  td
{
	background-color: #eeeeee;
	font-weight: bold;
	padding:2px 4px;
	white-space: nowrap;
}

.tblSkinHeaderColumn
{
	background-color: #eeeeee;
	border:0px;
	color: #666666;
	font-weight: bold;
	padding:2px 4px !important;
	text-align: center;
}
.tblSkinRow
{
}
.tblSkinRow  td
{
	border: #cccccc 1px solid ;
	color: #333333;
	padding: 1px 2px;
}
.tblSkinRow td table td
{
	padding:0;
	margin:0;
	border:0;
}
.tblSkinRowSelected  td
{
	background-color:#F0F0F0;
	border: #cccccc 1px solid ;
	font-weight: bold;
	padding: 1px 2px;
}
.searchBox
{
	border-style: none;
	font-size: 1.2em;
	font-family: Arial, Tahoma, Verdana;
	margin-bottom: 10px;
}



.adm_title_1
{
	color:white;
	font-size:13px;
	font-weight:bold;
}

.adm_title_2
{
	color:Black;
	font-size:13px;
	font-weight:bold;
	height:25px;
	background-color:#84c0bd;
	padding-left:15px;	
	padding-top:5px;
}
.adm_index_div
{
	display:inline;	
}
.div1
{
	height:30px;
	font-size:12px;
}
.div2
{
	padding-left:50px;
}
