/*******************************************************************************
*
* © 2008 Copyright A-Vision
*
* File description :       HR Package Styles :: Help information window
* 
* Created by       :       Arnold Velzel
* Created on       :       11/08/2008
*
* Last changed by  :       Arnold Velzel
* Last changed on  :       <LastChanged>
* 
*******************************************************************************/

/** default HELP colors **/
div.box div.topleft#green {
 background:url(../images/window-background-top-green.png) top left no-repeat;
}
div.box div.topcenter#green {
 background:url(../images/window-background-topbottom-green.png) top center repeat-x;
}
div.box div.topright#green {
 background:url(../images/window-background-top-green.png) top right no-repeat;
}
div.box div.centerleft#green {
 background:url(../images/window-background-leftright-green.png) left center repeat-y;
}
div.box div.centercenter#green {
 background:url(../images/window-background-fill-green.png) center center;
}
div.box div.centerright#green {
 background:url(../images/window-background-leftright-green.png) right center repeat-y;
}
div.box div.bottomleft#green {
 background:url(../images/window-background-bottom-green.png) bottom left no-repeat;
}
div.box div.bottomcenter#green {
 background:url(../images/window-background-topbottom-green.png) bottom center repeat-x;
}
div.box div.bottomright#green {
 background:url(../images/window-background-bottom-green.png) bottom right no-repeat;
}

/** SPECIFIC HELP WINDOW STYLING **/
div#help-information {
}
div#help-information a {
 font-size:12px;color:#fff;
}
div#help-information div.center {
 color:#fff;
 font-weight:bold;
}
div#help-information div.centerleft#green {
 width:2px !important;
}
div#help-information div.centercenter#green {
 width:696px !important;
 overflow:auto;
 scrollbar-base-color:rgb(16,112,16);
}
div#help-information div.centercenter#green div {
 
}
div#help-information div.centerright#green {
 width:2px !important;
}
div#help-information div.title {
 color:#fff;font-weight:bold;
}
div#help-information div.top#green {
}
div#help-information div.topleft#green {
 background:url(../images/window-background-top-solidgreen.png) top left no-repeat;
 border-bottom:2px solid rgb(16,112,16);
 height:23px;
 cursor:pointer;
}
/*div#help-information div.topleft#green:hover {
 background:url(../images/window-background-top-green.png) top left no-repeat;
 border-bottom:2px solid rgb(16,112,16);
 height:23px;
}*/
div#help-information div.topleft#green div {
 font-weight:bold;
 font-size:16px;line-height:25px;
 margin-right:2px;
 margin-top:6px;
 float:right;
}
div#help-information div.topcenter#green {
 background:url(../images/window-background-topbottom-solidgreen.png) top center repeat-x;
 cursor:move;
 border-bottom:2px solid rgb(16,112,16);
 height:23px;
 line-height:23px;
}
div#help-information div.topright#green {
 background:url(../images/window-background-top-solidgreen.png) top right no-repeat;
 color:#0f0 !important;
 border-bottom:2px solid rgb(16,112,16) !important;
 height:23px;
 cursor:pointer;
}
div#help-information div.topright#green:hover {
 background:url(../images/window-background-top-green.png) top right no-repeat;
 border-bottom:2px solid rgb(16,112,16) !important;
 height:23px;
 color:rgb(16,112,16) !important;
}
div#help-information div.topright#green div {
 font-weight:bold;
 font-size:16px;line-height:25px;
 margin-left:3px;
}

div#help-information div.bottomleft#green {
 background:url(../images/window-background-bottom-solidgreen.png) bottom left no-repeat;
 border-top:2px solid rgb(16,112,16);
 height:23px;
}
div#help-information div.bottomcenter#green {
 background:url(../images/window-background-topbottom-solidgreen.png) bottom center repeat-x;
 border-top:2px solid rgb(16,112,16);
 height:23px;
 line-height:22px;color:#fff;
}
div#help-information div.bottomright#green {
 background:url(../images/window-background-bottom-solidgreen.png) bottom right no-repeat;
 color:#0f0;
 border-top:2px solid rgb(16,112,16);
 height:23px;
 cursor:pointer;
}
div#help-information div.bottomright#green:hover {
 background:url(../images/window-background-bottom-green.png) bottom right no-repeat;
}
div#help-information div.bottomright#green div {
 margin-left:2px;
 margin-top:2px;
}

div#help-information h1,
div#help-information h2,
div#help-information h3,
div#help-information h4,
div#help-information h5 {
 margin:0px;
 margin-top:8px;
 margin-bottom:4px;
 text-align:left !important;
}

div#help-information ul li {
 clear:both;
 list-style-position:outside;
 list-style-type:none;
 margin-left:95px;
}
div#help-information ul li cite {
 font-style:italic;
 color:#060;
 width:120px;display:block;float:left;
 margin-left:-120px;
}