/*
  WikiJob CSS
*/

/*===================================================
 Those are the main default elements, including for
 the body a default dark grey text color, a white
 background and a background image.
 Pages that do not need the background image nees to
 redefine a style="background: url('');"
 ===================================================*/
body                    {font-family: verdana, sans-serif; color: #4a4a4a; font-size: 7pt; background: ivory}
table,tr,td             {font-size: 1em;}
input, select           {font-family: verdana, sans-serif; font-size: 1em;}
textarea                {font-family: verdana, sans-serif; font-size: 1em;}
h1,h2,h3,h4,h5,h6       {color: #5a5a5a;}
a                       {padding:2px; background-color: transparent; color: navy; text-decoration: none; font-weight:bold;}
a:hover                 {color:silver; text-decoration: none;}
*                       {margin: 0em; padding: 0em;}

/*===================================================
 Those are the general classes and the wrapper div
 just below the body, used in many pages
 ===================================================*/
#wrapper                {margin: 0.5em 0.5em 0.5em 0.5em; font-size: 7pt;}
.input                  {font-size:1em;}
.button                 {font-size:1em;}
.submit                 {font-size:1em; height:2em;}

/*===================================================
 Those elements defines the common header, with its
 logotype image or logotype text, with header 1 and 2
 If an image is used, the size cannot be in em and
 must be in pixels. Uses one of the two next lines:
 
#header                 {padding: 0em 1.5em 0em 1.5em; height: 6em; width: 16em; float: left; position: relative; background: url('images/wikijob_large.gif') top left no-repeat;}
 ===================================================*/
#topzone                {padding: 0em 0em 0em 0em; height: 85px; width: 100%; position: relative; background: #ffffff url('images/opti.jpg') top left no-repeat;;}
#header                 {padding: 0em 1.5em 0em 1.5em; height: 6em; width: 180px; float: left; position: relative;}
#header h1              {position: absolute; top: 2.2em; left: 2em; font-size: 1.85em; letter-spacing: 0.1em;}
#header h1 a            {color: #ffffff; text-decoration: none; }
#header h2              {position: absolute; bottom: 2.7em;; left: 2em; color: #0e0e0e; font-size: 0.78em;}

/*===================================================
 Those elements serve to define the horizontal menu,
 with a first element with a special padding
 ===================================================*/
#helpbutton             {float: right; margin-right: 1em; width:24px; height:24px; background: url('images/help.gif') top left no-repeat; }
#menu                   {margin-left: 14.5em; height: 6em; position: relative; top: 1.2em; }
#menu ul                {list-style: none; float:right; top: 0.7em; margin-right: 1em;}
#menu li                {display: inline; border-left: dotted 1px #848484; padding-left: 0.8em;}
#menu li.first          {border-left: 0em; padding-left: 0em;}
#menu li a              {background-color: transparent; text-decoration: none; color: navy; font-weight: bold; padding: 0.2em; margin-right: 0.2em; font-size: 1.1em;}
#menu li a:hover        {color: silver;}

/*===================================================
 Those elements defines the greetings onto the
 welcome  page
 ===================================================*/
#greatings              {position: absolute; top:50px; width:100%;}
#greatings .greating    {margin-bottom: 0.2em; font-size: 1.5em; font-weight: bold; color: black; background: transparent url('');}
#greatings .mypage_link {margin-top:-0.1em; padding: 0em; font-size: 1.2em;}
#greatings a            {text-decoration: underline;}
#greatings a:hover      {background:lightblue; color: black; }

/*===================================================
 Those elements defines the basic content caracteris-
 tics, including lists, blockquote and table
 ===================================================*/
//#content                {background: #ffffff url('images/a3.gif') top left repeat-x; margin-top: 1px; padding-top: 1.5em;}
#content                {margin-top: 0px; padding-top: 1.5em;}
#content p              {margin-bottom: 1.5em; line-height: 1.6em;}
#content h2             {font-size: 1.5em;}
#content h3             {font-size: 1.1em;}
#content h2,h3,h4,h5,h6 {padding-bottom: 0.2em; margin-bottom: 1.2em; border-bottom: dotted 1px #cacaca;}
#content ul             {margin-bottom: 1.5em; padding-left: 1.5em; line-height: 1.6em;}
#content li             {list-style: circle;list-style-position: inside}
#content blockquote     {border-left: solid 0.8em #cacaca; padding: 0.5em 0em 0.5em 1.0em; margin-bottom: 1.5em; line-height: 1.6em;}
#content blockquote p   {display: inline;}
#content table          {border: dotted 0px #cacaca; padding: 0.5em; margin-bottom: 0em; font-size: 1em;}
#content table th       {text-align: left; font-weight: bold; padding: 0.5em;}
#content table td       {padding: 0.5em;}
#content table tr       {color: inherit;}
#content table tr.rowA  {background-color: #f5f5f5; color: inherit;}
#content table tr.rowB  {background-color: #fdfdfd; color: inherit;}
#secondaryContent a     {color:grey;}
/*===================================================
 The primary content and secondary content define the
 column at the left and the main content column.
 Primary and secondary must be in the same container
 Spacer is used to center the entry textbox in the
 main page
 The primary content has a minimum height to not
 allow a footer in the top of the page
 ===================================================*/
#primaryContentContainer{float: right; margin-left: -19em; width: 100%;}
#primaryContent         {margin: 0em 0em 0em 16em; height:30em; padding: 1.5em; border-left: dotted 1px #cacaca;}
#secondaryContent       {float: left; width: 14em; padding: 0.5em;}
#spacer                 {margin: 0em 0em 0em 0em; height:5em;}

/*===================================================
 The footer goes below the content, from left to right
 below the longest content, through a .clear classed
 div
 Logosmall div is to show WikiJob if the main logo
 is for an universe
 ===================================================*/
#footer                 {margin-top: 1.0em; border-top: dotted 1px #cacaca; padding: 1.5em; font-size: 0.9em; text-align: center;}
#mascotte               {float: left; font-size: 0.8em;}
#logo_small             {display: inline; float: right; width:150px; height:40px; background: #ffffff url('images/wikijob_small.gif') top left no-repeat;}
#passwordchange         {position:absolute; display:none; top:100px; right:100px; height:140px; width:280px; padding:6px; border:2px orange; border-style: double; background: lavender; z-index:1000;}
#passwordchange h4      {font-size: 10pt;}
.clear                  {clear: both;}

/*===================================================
 Those are the divs used in popup pages like the
 enterprise, the user and other details
 ===================================================*/
#id_xm                  { font-size: 1.0em;}
#id_xm td               { font-size: 1.05em;}

/*===================================================
 Those are the divs used in the small popup "pages"
 like help and others
 ===================================================*/
.popup                  {padding: 6px; background-color: ivory;}
.popup p                {padding: 3px; background-color: ivory;}
.popup ul               {list-style: disc outside; margin-left: 2em; margin-right: 1em; margin-bottom: 1.5em}
.popup li               {display: block; margin:0.2em}

.home_body                  { background-color: White; border:0px; margin:0px;}
#home_wrapper               { background-color: blue; border:3px; margin:0px;}
#home_header                { padding:6px; background-color:DarkSlateGray; font:14px Verdana; color: SeaShell; border:1px solid #181818; }

/*===================================================
 Those are the divs used in popup pages like the
 enterprise, the user and other details
 ===================================================*/
.common_body                { background-color: FloralWhite; border:3px; margin:2px }
#common_header              { padding:6px; background-color:DarkSlateGray; font:14px Verdana; color: SeaShell; border:1px solid #181818; }
#common_header_title        { padding:1px; background-color:DarkSlateGray; font:14px Verdana; color: SeaShell; }
#common_header_instruction  { padding:1px; background-color:DarkSlateGray; font:10px Verdana; color: #FFFF80; }
#common_header_help         { float: right; padding:5px; width: 30px; }
#common_content             { padding:10px; background-color:lavender; font:10px Verdana; color: black; }

.autoform_body              { background-color: FloralWhite; margin:2px }
#autoform_wrapper           { width:98%; }

#framedform_wrapper         { background-color: White; }
#framedform_header          { padding:6px; background-color:DarkSlateGray; font:14px Verdana; color: SeaShell; border:1px solid #181818; }
#framedform_title           { padding:1px; background-color:DarkSlateGray; font:14px Verdana; color: SeaShell; }
#framedform_tab_instruction { padding:1px; background-color:DarkSlateGray; font:10px Verdana; color: #FFFF80; }
#framedform_help            { float: right; padding:5px; width: 30px; }


#query_model_wrapper        { background: transparent url(''); border:0px; margin:0px;}
#query_model_parameters     { padding:2px; margin:1px; background-color: transparent; width: 100%}
#query_model_refresh        { float: right; top: 0px; }
.qtable_header              { padding: 3px 4px 3px 6px; height: 20px; border: 1px solid #d4d0c8; background-color: Gold; background-image: url(images/qmheader.png) }
.qtable_record              { padding: 3px 4px 3px 4px; height: 16px;  background-color:#ffffff; }
.qtable_over                { padding: 3px 4px 3px 4px; height: 14px;  background-color:#cfcfff; margin-top: 2px}
.qtable_record td           { padding: 3px 4px 3px 4px; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; border-top: 1px solid #d4d0c8;}
.qtable_over td             { padding: 3px 4px 3px 4px; }
.query_model_detail td      { padding: 0px; margin: 0px; border: 0px;}
.query_model_version td     { padding: 0px; margin: 0px; border: 0px;}

#intersection_content       { background-color: #ffffff;}
#intersection_content table { cellpadding:0; cellspacing:0; margin: 4px; border-collapse:collapse; }
#intersection_content td    { padding-left: 4px; padding-top: 0px; padding-bottom: 0px; height: 19px; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; background-color:#ffffff; }
.intersection_table_header  { padding-left: 6px; height: 20px; border: 1px solid #d4d0c8; background-image: url(images/qmheader.png) }

.grid_model_body            { background: transparent url(''); border: 3px; margin-top: 0px; margin-left: 0px;}
#gridspace                  { margin: 4px; padding:3px; width: 98%; overflow:hidden;}
#gridbox                    { margin: 3px; padding:0px; width: 98%; overflow:hidden;}

.title { border:1px solid #181818;padding:6px;background-color:#404040;font:14px Verdana;color:#b1b1b0; }

#bloc_title {
   width: 100%;
	padding: 1px;
	background: #c0c0ff;
	height: 15px;
	font-weight: bold;
	text-align: center;
}

#user_bloc {
   margin: 1px;
	background: lavender;
	height: 320px;
	display: inline; 	
	overflow: auto;
}

.mypage_bloc {
   margin: 1px;
	background: LavenderBlush;
	border: none;
}


.table_header { padding-left: 6px; height: 20px; border: 1px solid #d4d0c8; background-image: url(images/qmheader.png) }
.table_record { padding-left: 4px; height: 16px; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; background-color:#ffffff; }
.table_over { padding-left: 4px; height: 16px; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; background-color:#cfcfff; }

.col_text { padding: 0px; border: 0px; width: 100%; color: #000000; background-color: transparent; cursor: default; }
.flag {  padding:5px; padding-left:10px; padding-right:10px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #aca899; display:inline; background-color: #ece9d8; height: 14px; position: relative; font-size: 9px; font-family: Verdana MS Sans Serif; cursor:pointer; }
.icon_group {  padding:5px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #aca899; border-bottom:1px solid #aca899; background-color: #ece9d8; height: 14px; font-size: 11px; font-family: MS Sans Serif; cursor:pointer; width:100%; text-align:center; }
.content { z-index:2; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #aca899; border-bottom:1px solid #aca899; background-color: #ece9d8; font-size: 11px; font-family: MS Sans Serif; }
.title { border:1px solid #181818;padding:6px;background-color:#404040;font:14px Verdana;color:#b1b1b0; }
.title_dialog { font: 10pt Verdana; color: #000040; }

.hlt td { background-color: yellow; color: black; }