/************************** BODY BEGIN *********************/
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border:0px solid red;
  width:100%;
  margin:auto;
  margin-bottom:10px;
}

#wideContent
{
  text-align:center;
  margin:auto;
  width:900px;
  min-height:505px;
  height:auto !important;
  height:505px;
  border:0px solid blue;
}

#mainContent
{
  text-align:center;
  margin:auto;
  min-height:505px;
  height:auto !important;
  height:505px;
}

#wrapper
{
  border:0px solid red;
  margin:auto;
  width:100%;
  display: table;
  table-layout: auto;
}

/************************** BODY END *********************/

/************************** HEADER BEGIN *********************/
#headerBar {
  width:100%;
  border:0px solid green;
  margin:auto;
}



.headerNavTd
{
  word-spacing:none;
  letter-spacing:none;
  font-size: 13px;
}

.headerWelcome
{
  font-weight:normal;
  font-size: 13px;
  color:lightyellow;
}
.headerNavTable
{
  height:85px;
}
.headerNavTd a
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#880080;
  text-decoration:underline;
  letter-spacing:0px;
}

.headerNavTd a:hover
{
  color: red;
}

.headerNavLinksDisabled
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#880080;
  text-decoration:underline;
}

/************************** HEADER END *********************/

/************************** FOOTER BEGIN *********************/
#footer
{
  width:100%;
  float: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:3px 0px 3px 0px;
  text-align:center;
  font-weight:normal;
  color:#dddddd;
  /*background-color: #4477aa;*/
  background-color:#138fd5;
}

#footerTable
{
  margin-top:20px;
}

.copyright
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:3px 0px 3px 0px;
}

#footer a
{
  color:#dddddd;
  font-weight:normal;
}

#footer a:hover
{
  color:blue;
  font-weight:normal;
}

/************************** FOOTER END *********************/


/******************** LEFT NAV BAR BEGIN ********************/
#leftNavBar
{

}

.bold
{
  font-weight:bold;
}

/******************** LEFT NAV BAR END ***********************/

/***************** CONTENT BAR BEGIN *****************************/

#content
{
  width:60%;
  overflow-x: hidden;
}


/**************** CONTENT BAR END ********************************/


/***************** LONG CONTENT BAR BEGIN *****************************/

#longContent
{
  width:100%;
  overflow-x: hidden;
}

/**************** LONG CONTENT BAR END ********************************/


/***************** VERY LONG CONTENT BAR BEGIN *****************************/
/** theres no left or right bar, e.g. login page **/
#veryLongContent
{
  width:100%;
  overflow-x: hidden;
}

/**************** VERY LONG CONTENT BAR END ********************************/



/***************** RIGHT BAR SECTION BEGIN ************************/
#rightBar
{
  width:400px;
}
/***************** RIGHT BAR SECTION END ************************/


/***************** HOT BOARD SECTION BEGIN ************************/
#hotBoard
{

}
/***************** HOT BOARD SECTION END ************************/




/***************** MISC SECTION BEGIN ************************/

/** remove the spacing and padding from around the form globally **/
form
{
  margin: 0px;
  padding: 0px;
}

/**
 * setting the color and style of messages which are negative kind.
 */
.negativeMessage
{
   color: red;
}

.negativeMessageSmall
{
   color: red;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/**
 * setting the color and style of messages which are positive kind.
 */
.positiveMessage
{
   color: green;
}

.positiveMessageSmall
{
   color: green;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/**
 * use this for button class where ever possible
 */
.cuteButton
{
  font-size:11px;
}

.blueWhiteButton
{
  background:#5566e0;
  color:white;
  font-size:15px;
  font-weight:bold;
  font-family:arial;
  padding-top:2px;
}

.commonErrMsg
{
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:red;
}

.commonSuccessMsg
{
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:green;
}

.decorativeLink
{
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  font-size:13px;
  margin:3px 0 5px 0;
}

.commonErrMsg
{
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:red;
}

.errorHilite
{
  background: #FFFF7E;
}

.errorMsg
{
  COLOR:RED;
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.errorTable
{
  border-collapse: collapse;
  COLOR:RED;
  border:2px solid red;
  background-color:white;
  margin-bottom:10px;
}
/***************** MISC SECTION END ************************/
.headerBg
{
background-image:url(/images/header.gif);
background-repeat:repeat-x;
}
.menuLnk
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.menuSmLnk
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
.menuTxt
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
.Txt
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

.errMsg
{
  color:red;
  font-size:13px;
  font-family:arial;
}

/************************Left Nav Bar ***********************/
#sideLeftBar
{
  width:190px;
  min-height:480px;
  height:auto !important;
  height:480px;
  font-size:13px;
  font-family:arial;
  margin-right:10px;
  border:0px solid green;
  border-right:2px solid #bbbbaa;
}

.thickLine
{

}

#sideLeftBar ul
{
  width:140px;
  height:147px;
  margin:5px 0 0 0;
  padding-left:10px;
  border:0px solid green;
}

#sideLeftBar ul li
{
  height:33px;
  border-bottom:1px solid #CBCACA;
  margin-bottom:2px;
  line-height:29px;
  list-style: none;
}

#sideLeftBar ul li image
{
  vertical-align:bottom;
}

#sideLeftBar ul li a
{
  width:150px;
  display:block;
  background:url(/images/arrow-hover.gif) 0 50% no-repeat #fff;
  color:#3B3B3B;
  text-decoration:none;
  padding:0 0 0 20px;
}

#sideLeftBar ul li a:hover
{
  background:url(/images/arrow-normal.gif) 0 50% no-repeat;
  text-decoration:none;
}

#sideLeftBar ul li a.bold
{
  background:url(/images/arrow-normal.gif) 0 50% no-repeat;
  text-decoration:none;
}

#sideLeftBar ul li.underlinenone
{
  height:30px;
  border-bottom:none;
  line-height:29px;
}

.popupTd
{
  font-size:13px;
  font-family:arial;
}

.navLeftRod
{
  background:url(/images/navborder.jpg) left no-repeat ;
}

.navRightRod
{
  background:url(/images/navborder.jpg) right no-repeat ;
}

#headerNavTable1 td
{
  padding-left:5px;
  padding-right:7px;
}

#headerNavTable1 td a:hover
{
  text-decoration:none;
  color:lightblue;
}

/********
 * Common Table Headers
 ********/

.headTr
{
  background: #d7fee1 /*url(/images/gradient/light-orange.jpg) repeat-x scroll left bottom*/;
  font-weight:bold;
  font-family:arial;
  font-size:15px;
  color: #3b3b61;
}

.headTr .leftTd, .headTr .rightTd, .headTr .innerTd
{
  border-top:1px solid #ddddbb;
}

.headTr .rightTd
{
  border-right:1px solid #ddddbb;
  border-left:1px solid #ddddbb;
}

.leftTd, .rightTd, .innerTd
{
  border-bottom:1px solid #ddddbb;
}

.leftTd
{
  border-left:1px solid #ddddbb;
   /*border-right:0px solid lightblue;*/
}
.rightTd
{
  border-right:1px solid #ddddbb;
  border-left:1px solid #ddddbb;
}
.innerTd
{
  border-left:1px solid #ddddbb;
  /*border-right:0px solid lightblue;*/
}

h1
{
  font-size:21px;
  color:#6667b8;
  font-family:arial;
  font-weight:bold;
}

.menuBarBg
{
  background-image:url(/images/gradient/blue-header.jpg);
  background-repeat:repeat-x;
}

.menuSeparator
{
  font-weight: normal;
  color: #222222;
}

/*******************************************
 * CSS for rounding
 */

.lrgMid
{
  background: url(/images/lrgMid.gif) top left repeat-y;
}

.lrgBtm
{
  background: url(/images/lrgBtm.gif) bottom left no-repeat;
  padding-bottom: 12px;
}

.lrgTop {
  background: url(/images/lrgTop.gif) left 1px no-repeat;
  padding: 15px;
}

.alertMessageTable
{
	font-size: 10px;
	font-weight: bold;
	color: #bb3333;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

#preFooter{
	font: normal 10px "Lucida Grande", Helvetica, Arial, Verdana;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

#preFooter a{
	padding:5px;
}


#fbModuleDiv {
  border:0px solid green;
  float:right;
  padding-bottom:0px;
  margin-bottom:0px;
}