/*   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  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: 1140px;
	min-height: 100%;
    background:transparent url('images/background.jpg') repeat-y scroll;
}

/*-------------------------------------------- HEADER ---------------------------------------------------------*/
#header {
    width: 100%;
	height:63px;
	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: 162px;
    height: 63px;
    background-image: url('images/header-left.jpg');
	background-repeat: no-repeat;
}

.DashDisplayMeSpace {
	width:45px;
}

/*-------------------------------------------- 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: 152px;
    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; 
	margin-right:54px; 
	*margin-right:-2px;
}

#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: 0px 0px 5px 10px;
	height:15px;
    background-color: #E3E3E3;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #C4C5C4;
    letter-spacing: 1px;
    color: #4C4C4C;
	
}
.IC_Options {
    margin-left: 0px;
	padding: 3px 10px 3px 20px;
	height:18px;
    background-color: #E3E3E3;
    font-weight: bold; 
    letter-spacing: 1px;
    color: #4C4C4C;
    border-bottom: 1px solid #8C8B8B;
	width : 100%;
}

.OptionTitleWrapper{
	width : 61%;
	float : left;
	height: 21px;
	overflow: hidden;
}

.IC_Subtitle {
    margin-left: 0px;
	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;    
}
.MenuTitle{
	background-image: url(Images/title_arrow_big.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:5px;
}
.MiddleTitle{
	background-image:url(Images/title_arrow_small.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:5px;
}

.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: 1140px;
}
#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;
}


.LogoutButton{
	background: transparent url(images/LogOff.png) no-repeat scroll 0 0;
	border:none;
	width:25px;
	height:23px;
	cursor:pointer;
}

.LogoutButton:hover{
	background-image: url(images/LogOffHover.png);
}
/*-------------------------------------------- Online users ---------------------------------------------------------*/
#OnLinUsrWrap{
	position:fixed;
	bottom:0px;
	* bottom:-1px;
	background-color:black;
	border:1px solid #8C8B8B;
	opacity:0.6;
	color:#BDFF58;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	
}	
#OnUsrDetail{
	width:135px;
	height:17px;
	background-color:black;
	position:relative;
	padding-left:15px;
	padding-top:3px;
	border-top:1px solid #8C8B8B;
	opacity:0.9;
	color:#BDFF58;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	
}
#OnlinImg{
	background-image: url('../StartCenter/images/arrow_down.png');
	background-repeat: no-repeat;
	float : right;
	width: 20px;
	height: 20px;
}
#OnUsr{
	height:144px;
	width:130px;
	overflow:auto;
	padding:10px;
}
/*-------------------------------------------- Rigth side div  ---------------------------------------------------------*/
#ShrCutWrap{
	clear:both;
}
#ShrCutImg{
	background-image: url('images/keyboard-shortcuts.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float:right;
}
#ShortCutMenu{
	width:250px;
	position:absolute;
	right:20px;
	top:2px;
	font-weight:normal;
}