/*
 * CSS comments added by HOSSAIN KHAN 
 * Additionl styles added by HOSSAIN KHAN
 * Template for : Work Request
 * Site Development Begins: 13th July,2007
 * 
 * Template Source: DynamicDrive
 * Template URL: http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/
 * Template Type : Liquid
 * 
 */

/***********************************************
               CSS - HTML Tag overriding
************************************************/


body{
margin:0;
padding:0;
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
font-size: 90%;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


/* ------------------------------------
   Table data styles.
   ------------------------------------ */

td {
  padding: 2px; /* To have some space between table rows & cols */
}

/******************************************* Table class list ************************************/

.list {
  font-size: 90%;
  padding: 4px;
  border-collapse: collapse
}

/* Mouse over color change on table row*/
.list tr:hover {
background-color: #EBEBF9;
}

.list td {
  border: 1px solid #eee;
  padding: 2px 5px 2px 5px;
}

/* Table Heading style for .list class */
.list th {
  color: inherit;
  border: 1px solid #dddddd;
  background-color: #f3f3f3; 
  padding: 4px;
}

/******************************************* Table class inputform ************************************/

.inputform {
  font-size: 90%;
  padding: 4px;
}

/* Mouse over color change on table row*/
.inputform tr:hover {
background-color: #EBEBF9;
}

.inputform td {
  border: none;
  padding: 2px;
}

.inputform td.col1 {
  border: none;
  padding: 2px;
  width: 15%;
}

/* Table Heading style for .list class */
.inputform th {
  color: inherit;
  border: none;
  background-color: #f3f3f3; 
  padding: 4px;
}

/******************************************* Table class fmember ************************************/

.fmember {
  width: 100%;
  font-size: 90%;
  padding: 4px;
  border-collapse: collapse
}

.fmember td {
  width: 30%;
  border: 1px solid #eee;
  padding: 2px;
}

/* Table Heading style for .fmember class */
.fmember th {
  width: 30%;
  color: inherit;
  border: 1px solid #dddddd;
  background-color: #f3f3f3; 
  padding: 4px;
}


/******************************************* Table class header ************************************/

.header {
  width: 100%;
  font-size: 90%;
  padding: 4px;
  border-collapse: collapse
}

.header table {
  padding: 0px;
  border-spacing: 0px;
}

.header tr {
  padding: 0px;
}

.header td {
  padding: 2px;
  border: 1px solid #000000; 
}

/******************************************* Table class dark ************************************/
/* Mouse over color change on table row*/
.dark tr:hover {
background-color: #EBEBF9;
}

.dark td {
  border: 1px solid #dddddd;
  background-color: #f3f3f3;
  padding: 4px;
}

/* Table Heading style for .dark class */
.dark th {
  color: inherit;
  border: 1px solid #dddddd;
  background-color: #f3f3f3;
  padding: 4px;
}
/******************************************* Table class noborder ************************************/

.noborder td {
  border: 0px solid #000000; 
}

/* ---------------------------------
 To show link similar to button
------------------------------------ */
a:link.buttonlink, a:visited.buttonlink
{
  margin: 2px 5px 2px 5px;
  padding: 2px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  font: normal verdana, arial, "trebuchet ms", sans-serif;;
/*  font-weight: bold; */
  color: black;
}

a:hover.buttonlink
{
  background: #eeeeee;
  font-weight: bold;
}

a:active.buttonlink
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
  font-weight: bold;
}
/*----------------------------------*/

input.active {
  background-color: #ccffcc;
}

input.inactive {
  background-color: #f3f3f3;
}

/***********************************************
              Page layout
************************************************/


/********** top section for page header **********/

#topsection{
  position: relative;
  background: #4E99E6;
  color: #ffffff;
  height: 4.2em; /*Height of top section*/
  /*background-image: url('bground.png');*/
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
}

#topsection h1{
  margin: 0;
  padding-top: 15px;
  color: #ffffff;
}

#topsection table {
  width: 100%;
  height: 100%;
}

#toptabs {
  position: relative;
  padding: 0;
  height: 2.2em;
}

.title {
    font-size: 2em;
    text-align: left;
    vertical-align: middle;
}
.title-post {
    font-size: 1em;
    text-align: rigt;
    vertical-align: middle;
}
.title-timeout {
    font-size: 0.9em;
    text-align: left;
    vertical-align: middle;
}
/********** middle section of page **********/

#middlesection {
  position: relative;
/*  background-color: #00c; */
  padding: 2px;
}

 
#pagetable {
  position: relative;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0;
/*  background-color: #aaa; */
  width: 100%;
}


#pagetable tr {
/*  background-color: #aaffaa; */
}

#pagetable td {
  padding: 0;
  margin: 0;
/*  background-color: #cc0; */
}

/* framed div containing the page content when menu items are URLs*/

#pageframe {
  position: relative;
  border: 1px solid #000000;
  padding: 0 1em;
/*  background-color: #ff0; */
}


/********** bottom section of page **********/

#footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #4E99E6;
  color: #FFF;
  text-align: center;
  padding: 4px 0;
}

#footer a{
  color: #FFFF80;
}

.pagefill {
	height: 100%;
	overflow:hidden;
}


/******************************************/
/* MENU SYSTEM */
/*Credits: Dynamic Drive CSS Library */
/******************************************/
/**********  left menu  **********/

.leftmenu {
  position: absolute;
  top: 0;
} 

.nexttoleft {
	position: absolute;
	top: 0;
	left: 133px;
}

.lefttabs {
  list-style-type: none;
  margin: 0px 0;
  padding: 0;
  width: 130px;
  border: 1px solid #9A9A9A;
  font-size: 90%;
}

.lefttabs li {
  position:relative;
}

.lefttabs li a{
/*  font: bold 13px helvetica, arial, verdana, "trebuchet ms", sans-serif; */
  color: #ffffff;
  background-color: #4E99E6;
  display: block;
  width: auto;
  text-decoration: none;
  border-bottom: 1px solid #B5B5B5;
  padding: 0.3em 0 0.5em 0.3em;
}


* html .lefttabs li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
  width: 130px;
}

.lefttabs li a:visited, .lefttabs li a:active{
  color: #ffffff;
  background-color: #4E99E6;
  text-decoration: none;
  border: 1px solid #000000; 
}

.lefttabs li a:hover{
  color: #0000ff;
  background-color: #eeeeff;
  border: 1px solid #000000; 
}

/***** left sub-menu *****/

.lefttabs li ul {
  list-style: none;
  display: none;
  position: absolute;
  top: 0px;
  left:129px;
  background-color: #4E99E6;
  padding: 0;
  z-index: 9000;
}

.lefttabs li ul li {
  float: none;
}

.lefttabs li ul a {
  display: block;
  padding: 0.4em 0 0.7em 0.3em;
}

.lefttabs li:hover > ul {
  display: block;
  width: 100px;
}


/*******  top menu  ***********/

.horiztabs {
  font-size: 90%;
}

.horiztabs ul {
  list-style: none;
  position: relative; /**/
  float: left;        /**/
  margin: 0;
  padding: 0;
}


.horiztabs li {
  display: inline;
  position: relative;
  float: left;
  margin: 0;
  padding: 0.4em 0 0.7em 0;
}

.horiztabs a:link, .horiztabs a:visited{
  padding: 0.4em 1em 0.7em 1em; 
  color: #ffffff;
  background-color: #4E99E6;
  text-decoration: none;
  border: 1px solid #000000; 
}

.horiztabs li a:hover{
  color: #0000ff;
  background-color: #eeeeff;
  border: 1px solid #000000; 
}

/***** top sub-menu *****/

.horiztabs li ul {
  display: none;
  position: absolute;
  left:0;
  background-color: #4E99E6;
  padding: 0;
  z-index: 9000;
}

.horiztabs li ul li {
  float: none;
}

.horiztabs li ul a {
  display: block;
  padding: 0.4em 0 0.7em 0;
}

.horiztabs li:hover > ul {
  display: block;
  width: 100px;
}


/****************************************************/

/****************************************************/


/* List item. */
.signed {
color: #006600;
font-style: italic;
}
li.notsigned {
color: #555555;
font-style: italic;
font-weight: bold;
}



.fullwidth { width: 100% }
.halfwidth { width: 50% }
.thirdwidth { width: 33%}
.quarterwidth { width: 25%}

/******* tips *********************/

.tip {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	padding: 2px;
	background: #FFFFCC;
	border: 1px solid #000000;
}


/*******  support of modal Dialog *********/

#mbox{background-color:#eee; padding:8px; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(overlay.png);}
.nodisplay {display:none}
.dialog {display:none}
.dialog_box {
	display:none;
	background-color:#eee;
	padding:8px;
	border:2px
	outset #666;
}
.dialog_bg {
	display: none;
	background-image: url(overlay.png);
}
* html #ol{background-image:none;}