/* ######### Style for Drop Down Menu ######### */

.chromestyle{
    width: 1239px;
    font-weight: bold;
    border:0px;
    border-style:solid;
    border-color:Black;
    border-top-width:0px;
    margin-bottom:10px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.chromestyle ul{
    border:1px solid black;
    border-top: 0px;
    width: 100%;
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 4px 0;
    margin: 0;
    text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
    display: inline;
}

.chromestyle ul li a{
    color: #494949;
    padding: 4px 7px;
    margin: 0;  
    text-decoration: none;
    border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
    background: url(qhmenu-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
    content: " " url(tridown.gif); /*uncomment this line to use an image instead*/
}

.dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 12px Lucida Sans Unicode;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #FFECEC;
}

/* ######### MAIN ######### */
body 
{
  background-color: #ffffff;
  text-align: center;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; 
  font-size: 11px;
}

b, i, th, caption 
{
   font-family: Verdana, "Trebuchet MS", "Lucida Sans Unicode", Arial, Sans-Serif; 
}

h1 
{
    font-size:22px;
    margin-bottom:0px;
    font-weight:bolder;
    text-align:center;
    color:#2F4F4F;
    font-family:"Lucida Sans Unicode", Verdana, Arial;
}

h2 
{
    font-size:14px;
    margin-top:10px;
    margin-bottom:40px;
    font-weight:bolder;
    text-align:center;
    color:#2F4F4F;
    font-family:"Lucida Sans Unicode", Verdana, Arial;
}

.rightPanel 
{
    position:absolute;
    margin-top:193px;
    margin-right:10px;
    left:1000px;
    top:0px;
    right:0px;
    width:248px;
}

.iconHeaderTable
{
    margin-top:10px;
    margin-bottom:40px;
}

.backColor
{
    background-color:gray;
}

.text 
{
    font-size:12px;
    text-align:center;
}

.justify 
{
   text-align:justify;
}

.left
{
   text-align:left;
}

.gridView 
{
    color:#333333;
    width:600px; /* Must be the same as the width for the defaultItemWidth */
    border:1px solid silver;
    text-decoration:none;
}

.defaultItemWidth 
{
    width:600px; /* Must be the same as the width for the gridView */
}

.gridViewRow 
{
    background-color:#F7F6F3;
    color:#333333;
}

.gridViewRowAlt 
{
    background-color:White;
    color:#284775;
}

.gridViewRowSelected 
{
    background-color:#E2DED6;
    font-weight:bold;
    color:#333333;
}

.gridViewHeader 
{
    font-size:11px;
    font-weight:bold;
    /*background: url(qhmenu.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
    background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x left -100px;
    color:blue;
    border:1px solid silver;
    text-decoration:none;
}

.gridViewFoot 
{
    /*background: url(qhmenu.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
    background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x left -100px;
    color:#6B696B;
    text-align:center;
    border:1px solid silver;
}

.themeButton
{
    background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x left -100px;
    border:outset 1px gray;
    font-size:11px;
    color:blue;
    height:25px;
}

.smallButton 
{
    height:20px;
}

.themeButton:hover 
{
    background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x -100px;
    border:solid 1px gray;
}

/***** The below two are used for the outlook panel ***/
.button 
{
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
.button:hover
{
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
/***** The above two are used for the outlook panel ***/


.blueLink
{
    color:Blue;
    font-weight:bold;
    text-decoration:none;
}

a.blueLink:hover 
{
    color:DeepSkyBlue;
    cursor:pointer;
}

.blackLink 
{
    color:Black;
    font-weight:bold;
    text-decoration:none;
}

a.blackLink:hover
{
    color:gray;
    cursor:pointer;
}

.headerLink 
{
    color:#2F4F4F;
    font-weight:bold;
    text-decoration:none;
}

a.headerLink:hover
{
    color:gray;
    cursor:pointer;
}

.redLink 
{
    color:Red;
    font-weight:bold;
    text-decoration:none;
}

a.redLink:hover 
{
    color:Blue;
    cursor:pointer;
}

.smallLink 
{
    font-weight:normal;
}

.textBox 
{
    background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x left -100px;
    color:Blue;
    font-size:11px;
    font-weight:bold;
}

.textBox:focus
{
  background: #d8d8d8 url(../../../graphics/sprite.png) repeat-x -100px;
}

.messageBox
{
    color:black;
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
    font-weight: bold;
    font-size:12px;
    color: black;
}

.leftTableCell
{
   height:100%;
   vertical-align:top;
}

.mainTableCell
{
    vertical-align:text-top;
    text-align:center;
    padding-top: 20px;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    width:100%;
    border: 1px solid black;
}

.mainSubTable
{
    vertical-align: text-top;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    width:100%;
}

.topSection 
{
    background: url(../graphics/logoBackGround.gif) repeat-x;
    border:1px solid black; 
    border-bottom:0px; 
    height: 151px;
    width: 1239px;
}

.AnonymousLeftPane
{
  font-size: 11px;
  height:100%;
  text-decoration: none;
  vertical-align: text-top;
}

.loginDialog
{
   background: white;
   font-size:11px;
   width:250px;
   border:1px solid black;
   /*background:#fefefe url(../graphics/ContentBackground.gif) repeat-x;*/
   background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x left -100px;
}

.memberPanel
{
  width:175px;
}

.background
{
    width:100%;
    height:100%;
    border:0px;
}

.content
{
    background:#fefefe url(../graphics/ContentBackground.gif) repeat-x;   
    width:970px;
    height:100%;
    margin-bottom:30px;
    /*border: 2px solid black;*/
}

.searchPanel {
    background: transparent;
    /*border: 1px solid #848284;*/
}

/* The following two (2) definitions was earlier in messages.css*/
/* These are used for different type of textual content */
.message 
{
    padding-top: 15px;
    font-size: 12px;
    text-align:left;
}

.coloredMessage 
{
    padding-top: 15px;
    font-size: 14px;
    font-weight:bold;
    color:Green;
    text-align:center;
}

/* The following two (2) definitions was earlier in login.css*/
td {
	font-size: 11px;
}

input {
	font-size: 11px;
}

.question 
{
   vertical-align:text-top;
   width: 600px;
   text-align: left;
   font-size: 12px;
   color: blue;
   text-decoration:none;
   margin-bottom:5px;
}

.answer 
{
    vertical-align: text-top;
    width: 600px;
    text-align:left;
    padding:5px;
    margin-bottom: 12px;
    border:1px solid silver;
    background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x;
}

.group
{
    vertical-align: text-top;
    width: 600px;
    padding-top: 25px;
    padding-bottom: 12px;
    font-weight:bold;
    text-align:left;
}

.peopleImage 
{
    background:white url(../graphics/people.jpg);
    width:640px;
    height:110px;
    margin:20px 0 0 0;
    padding:0;
}

.leftTableContent 
{
    text-align:left;
    padding-left:18px;
    padding-top:5px;
}

.uploadMessage 
{
    text-align:left;
    color:Blue;
    font-weight:normal;
    text-decoration:none;
    width:358px;
}

.popUpMessage 
{
    background-color:Transparent;
}

.tablecontent 
{
    color:black;
    font-weight:normal; 
    padding:5px;    
    padding-top:15px;
    padding-bottom:10px;
    font-size:11px;
}

.tablefield 
{
    border:solid 1px black;
    text-align:center;
    width:410px;
     /*#D3DEEF; eller #d5e7ff eller #bfdaff*/
    background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x left -100px;
    font-size:11px;
}

.bottomRight 
{
    background:transparent url(../graphics/table/shadowRight.gif) no-repeat scroll right top;
    height:9px;
    width:auto;
}

.bottomBoth
{
    background:transparent url(../graphics/table/shadowBoth.gif) no-repeat scroll center top;
    height:9px;
    width:auto;
}

.bottomBothLarge
{
    background:transparent url(../graphics/table/shadowBothLarge.gif) no-repeat scroll center top;
    height:9px;
    width:auto;
}

.bottomBothSmall
{
    background:transparent url(../graphics/table/shadowBothSmall.gif) no-repeat scroll center top;
    height:9px;
    width:auto;
}

.bottomBothMiddle
{
    background:transparent url(../graphics/table/shadowBothMiddle.gif) no-repeat scroll center top;
    height:9px;
    width:auto;
}

.bottomLeft
{
    background:transparent url(../graphics/table/shadowLeft.gif) no-repeat scroll left top;
    height:9px;
    width:auto;
}

.bottomBothGrayBG
{
    background:transparent url(../graphics/table/shadowGrayBG.gif) no-repeat scroll center top;
    height:9px;
    width:auto;
}

.tablefield_basic 
{
    text-align:center;
    width:410px;
    font-size:11px;
}

.tablecaption 
{
    text-align:left;
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
    font-size:11px;
    font-weight:bold;
    color:black;
    border:solid 1px black;
    height:20px;
}

.tablefield_icon 
{
    width:16px;
    height:16px;
    margin-right:2px;
}

.textArea 
{
    font-size:11px;
    height:280px;
    width:400px;
}

.boxedText 
{
    color:blue;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:11px;
    padding:5px;
    border:1px solid silver;
    background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x;
    /*background:#FBFBDA;*/
}

/* ######### Accordion ######### */

.accordionHeader 
{
    text-align:left;
    background: url(qhmenu.gif) center center repeat-x; /*THEME CHANGE HERE*/
    font-size:11px;
    font-weight:bold;
    color:black;
    border:solid 1px black;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
}

.accordionHeaderSelected 
{
    text-align:left;
    background: url(qhmenu-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
    font-size:11px;
    font-weight:bold;
    color:black;
    border:solid 1px black;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
}

.accordionContent
{
    background: #d5e7ff url(../graphics/memberPanelBackground.png) repeat-x;
    border-top: none;
    border: 1px solid silver;
    padding: 5px;
    padding-top: 10px;
}

.accordionHeaderLink 
{
    font-size:11px;
    font-weight:bold;
    color:blue;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
}

.accordionHeaderLink:hover 
{
    font-size:11px;
    font-weight:bold;
    color:DeepSkyBlue;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
}

.accordionContentLink
{
    background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x;
    padding: 5px;
    padding-top: 10px;
    border: 1px solid silver;
}

/* ######### Tooltip ######### */

/* ----- tool tip specific styles ----- */
#theToolTip{
    position: absolute;
    left: -300px;
    width: 200px;
    border: 2px solid #C0C09F;
    padding: 0px 0px 0px 0px;
    background:#d5e7ff url(../graphics/memberPanelBackground.png) repeat-x; /*THEME CHANGE HERE*/
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=10);
}

#ToolTipPointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

#theToolTip p
{
    font-size:10px;
    color: Blue;
    line-height:1.4em;
    margin-top:0;
    margin-bottom:0;
    padding:5px; 
    padding-top:6px;
    text-align:center;
}

#ToolTipTextWrap 
{
    font-size:11px;
    font-weight:bold;
    color: Black;
}