/*   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  29-12-2008                                                    */
/*  Created by: Roel Schijf                                */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


/*   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  STANDARD HTML TAG RESET                  */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td
   {
   margin:0;
   padding:0;
   }
   table {
   border-collapse:collapse;
   border-spacing:0;
   }
   /*fieldset,img {
   border:0;
   }*/
   address,caption,cite,code,dfn,em,strong,th,var {
   font-style:normal;
   font-weight:normal;
   }
   ol,ul {
   list-style:none;
   }
   caption,th {
   text-align:left;
   }
   h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
   }
   q:before,q:after {
   content:'';
   }
   abbr,acronym { border:0;
   }

/*   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*  STANDARD HTML TAG DEFINITION                  */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
    font-family:tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
}

img {
    border: 0px;
}

#container {
    padding: 0px;
    margin: 0px;
	width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    min-width: 1024px;
	min-height: 100%;
    /*background:transparent url('images/background.jpg') repeat-y scroll;*/
}

/*-------------------------------------------- HEADER ---------------------------------------------------------*/
#header {
    width: 100%;
	height:56px;
	background-image: url('images/header.jpg');
	background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

#header_left {     /* company-logo can be changed in the html file  */
	float: left;
    width: 365px;
    height: 56px;
    /*background-image: url('images/header-left.jpg');*/
	background-repeat: no-repeat;
}

.DashDisplayMeSpace {
	width:45px;
}

#top-info{
    height:63px;
	margin-left:250px;
	margin-right:10px;
	
}
.Notification{  
	height: 32px;
	width: 32px;
	cursor: pointer;
	position: relative;
	top: 10px;
	left: 10px;
	float: right;
	padding-right: 25px;
}

.NotificationCount{
	background-color : #fff;
	border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px 8px #fff;
    position: absolute;
    top: -5px;
	left : 25px;
	text-align: center;
	font-weight: bold;
	display : none;
}

/*-------------------------------------------- USER INFORMATION ---------------------------------------------------------*/
#userinfo {             /*user icons */
    color: #4C4C4C;
	font-weight:bold;
	text-align: right;
	float : right;
	margin-right : 10px;
	margin-top : -5px;
	position:relative;
}

#userinfo a {
    color: #3AB5FC;
}

#userinfo a:hover {
    color: #0053A0;
}
/*-------------------------------------------- Middle Data ---------------------------------------------------------*/
.middledata {
	position : relative;
	background-color:white;
	border:1px solid red;
	
}

/*-------------------------------------------- NAVIGATION ---------------------------------------------------------*/
#nav {
    left: 0px;
    width: 152px;
	height: auto; 
	background-repeat: repeat-x;
    position: absolute;
	padding-bottom: 31px;

}

#LeftTree {
	left: 0px;
	top: 565px;
	height:100px;
	width: 152px;
    background-image: url('images/nav.jpg');
	background-repeat: repeat-x;
    position: absolute;
	padding-bottom: 31px;
}

#nav-items {
    margin-left: 5px;
    padding: 20px 0px 0px 0px;
    list-style: none;
}

#nav-items li{
 	margin-bottom: 5px; 
	*margin-bottom: 0px; 
	background-color:#949494;
	display:block;
	
}

.MenuImage{
	margin-left:auto;
	margin-right:5px;
	margin-top:2px;
	float:left;
	width:15px;
	cursor:pointer;
}

#nav a{
    color: #FFFFFF;
    text-decoration: none;
	height:100%;
}

#nav a:hover {
    text-decoration: underline;
    color: #236AC7;
	cursor:pointer;
}

#nav a .selected {

}

/*-------------------------------------------- NAVIGATION LEVEL 1 ---------------------------------------------------------*/
.submenu-items{
    list-style: none;
    padding: 0px 0px 10px 20px;
	
}

.submenu-items li{
	margin-bottom: 5px;
    padding-left: 12px;
    background-image: url('images/MenuArrow.png'); 
    background-repeat: no-repeat; 
    margin: 0px;
	background-color:#999999;
	background-position:left center;
}

.submenu-items a{
   color: #FFFFFF;
}

.submenu-items a:hover{
   color: #1E6AC3;
}


/*-------------------------------------------- RIGHT COLUMN ---------------------------------------------------------*/
#Middle{
    margin-left: 33px;
    padding-bottom: 31px;
	height:100%;
	min-height:100%;
}
.ProcessStatus{
	color : #000000;
	background-color : yellow;
	padding : 2px;
	border : 2px solid #969798;
	display: none;
	float : right;
	margin-top : -24px;
	width:123px; 
	position: relative;
	right:0px;
}

#ProcessStatusMessage{
    text-align : right ;
	width:75px ;
	height:20px ;
    margin-left : 5px ;   
}

.DisplayProcessStatus{
	background-color : red ;
	background: #FFFFFF url(images/IC_Spinner.gif) no-repeat scroll 0 0;
	font-weight:normal;
	width : 16px ;
	height : 16px ;
	float : left ;
}
.IC_Title {
    margin: 0px;
	padding: 7px 0px 5px 10px;
	height:15px;
    background-color: #E3E3E3;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #C4C5C4;
    letter-spacing: 1px;
    color: #4C4C4C;
	position:relative;
	margin-left: -33px;
}
.IC_Options {
    margin:0;
	margin-left: -33px;
	padding: 3px 10px 3px 34px;
	height:18px;
    background-color: #E3E3E3;
    font-weight: bold; 
    letter-spacing: 1px;
    color: #4C4C4C;
    border-bottom: 1px solid #8C8B8B;
	position:relative;
	/*width : 100%;*/
}

.OptionTitleWrapper{
	width : 70%;
	float : left;
}

.IC_Subtitle {
    margin:0;
	margin-left:-33px;
	padding: 3px 10px 3px 30px;
	/*height:15px;*/
    background-color: #949494;
    *background-color: #9F9F9F;
    font-weight: ; 
    border-top: 1px solid #C4C5C4;
    border-bottom: 1px solid #C4C5C4;
    letter-spacing: 1px;
    color: #FFFFFF;   
	position:relative;	
}
.MenuTitle{
	background-image: transparent;
	cursor: auto;
}
.MiddleTitle{
	background-image:transparent;	
	cursor: auto;
}

.MenuTitle:hover{	
	color:#4C4C4C;
}
.MiddleTitle:hover{	
	color:#4C4C4C;
}

.SelectedSearchText{
	font-size:9px;
}
/*-------------------------------------------- CONTENT ---------------------------------------------------------*/

#content {
    background-color: #FFFFFF;
    padding: 5px;
    margin-left: 0px;
	margin-top: 0px;	
	margin-left: 0px;
	
	
}
#MiddleContainer
{
	background-color: #yellow;
    padding: 10px 10px 10px 10px;
    margin-left: 0px;
	position:absolute;
}
#clear {
    clear: both;
}

/*-------------------------------------------- FOOTER ---------------------------------------------------------*/
#footer {
    border: 0 none;
    width: 100%;
    height: 31px;
    margin: 0px;
    padding: 0px;
    margin-top: -31px;
    background-image: url('images/copyright.jpg');
    background-position: bottom left;
	background-repeat: repeat-x;
	clear:both; 
	z-index:100;
	min-width: 1024px;
}
#copyright {
    border: 0 none;
    width: 100%;
    height: 19px;
    margin: 0px;
    padding: 0px;
    padding-top: 12px;
    /*background-image: url('images/footer.jpg');*/
    background-position: bottom left;
	background-repeat: no-repeat;
    text-align: center;
    color: #FFFFFF;
}

#copyright a{
    color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#copyright a:hover{
    color: #1E6AC3;
}

#FProductName {
	font-family:trebuchet MS;
	font-weight:bold;
	color:Black;
	font-size:12px;
	
	padding-right:40px;
}

#FPoweredBy {
	color:White;
	font-family:trebuchet MS;
	font-size:12px;
}

#jsstar{
	background:transparent url('images/star.gif') no-repeat scroll 0 0
}

/*-------------------------------------------- LOGOUT ---------------------------------------------------------*/
#LogoutLink{
	text-decoration:none;
	float : right;
	margin-top: 4px;
}

.LogoutButton{	
	border:none;
	cursor:pointer;
}

/*-------------------------------------------- MENU ---------------------------------------------------------*/
#MenuDiv{
	position : absolute;
}

#ShrCutWrap, #ShrCutHelp{
	clear:both;
}

/*-------------------------------------------- SHORTCUT KEYS MENU ---------------------------------------------------------*/
#ShrCutImg, #Help{
	margin-top: 4px;
    text-decoration: none;
	float: right;
	cursor: pointer;
}

#ShortCutMenu{
	width:250px;
	position:absolute;
	right:20px;
	top:2px;
	font-weight:normal;
	z-index : 1000;
}