/* ================================
    CSS STYLES FOR THE Idealease Management Portal
    v1.0, 10/2002
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg 
/*{
	background-color:  #FFB545;
	background-repeat: repeat-x;    
	background-position:left;
    background-position:left top;	
   
}*/

/* background color for the content part of the pages */
Body
{
    background-color: white;
/*    behavior: url(csshover.htc); */
}


/* ------- The following section is need for the new banner 1/2008 -------- */

.welcometext 
{
 color:white;	
}

.billtable
{
padding: 0px 0px 0px 0px;
width: 100%;
}

.billtable td 
{

vertical-align:top;	
padding: 0px 0px 0px 0px;
}


#bannerwrapper
{
	
	float:left;
	background-color:#FFB545;
    /* border-bottom: solid 1px #C8C8C8; */
   background-position: bottom center; 
   margin: 0px 0px 0px 0px;
   border-bottom: 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;

}

#bannertitlewrap
{
	float:right; /*was left */
	
}

#bannerinfo
{
	float:right;
    font-family:arial, verdana, sans-serif;
    margin: 2px 20px  2px 2px;

   
}

#bannermenu
{
float:left;

}




#bannericon 
{
	float:left;
	margin: 0px 0px 0px 0px;
}


/*
#bannericon img
{
	border-bottom: solid 1px #787878;
	border-right: solid 1px #787878;
}
*/

#bannericon img
{
	border-bottom: solid 0px;
	border-right: solid 0px;
	float:left;
}

#bannertitle
{
	float:left;
	margin:  2px 2px 02px 20px;
	font-family:Arial Black;

}




/* following is the code from CSS-designer guide for drop down menus  */

/*---------- pro drop 4--------------*/


.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {background-color:#FFB545; z-index:1000;}
/* .prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;} */
.prodrop4 li.top {display:block; float:left; font-family:arial, verdana, sans-serif; background-color:#FFB545}
.prodrop4 li a.top_link  {display:block; float:left; height:36px; line-height:27px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor: pointer; background: url(prodrop4/pro_drop4_0a.gif) no-repeat; background-color:#FFB545}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 7px 0 1px; height:36px;background:url(prodrop4/pro_drop4_0b.gif) right top; background-color:#FFB545}
.prodrop4 li a.top_link:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}
.prodrop4 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}
.prodrop4 li a.top_linknew  {display:block; float:left; height:36px; line-height:27px; color:red; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor: pointer; background: url(prodrop4/pro_dropnew_0a.gif) no-repeat; background-color:#FFB545}
.prodrop4 li a.top_linknew span {float:left; display:block; padding:0 7px 0 1px; height:36px;background:url(prodrop4/pro_dropnew_0b.gif) right top; background-color:#FFB545}
.prodrop4 li a.top_linknew:hover {color:#000; background: url(prodrop4/pro_dropnew_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_linknew:hover span {background:url(prodrop4/pro_dropnew_2b.gif) no-repeat right top;}
.prodrop4 li:hover > a.top_linknew {color:#000; background: url(prodropnew/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_linknew span {background:url(prodrop4/pro_dropnew_2b.gif) no-repeat right top;}

/* added this section to make selected tab stand out */

.prodrop4 li a.top_linka  {display:block; float:left; height:36px; line-height:27px; color:blue; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor: pointer; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; background-color:#FFB545}
.prodrop4 li a.top_linka span {float:left; display:block; padding:0 7px 0 1px; height:36px;background:url(prodrop4/pro_drop4_2b.gif) right top; background-color:#FFB545}
.prodrop4 li a.top_linka:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_linka:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}
.prodrop4 li:hover > a.top_linka {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_linka span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; background-color:#FFB545 }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */


.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:#FFB545 }

.prodrop4 ul.sub {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}

.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}



/* ------- End new banner 1/2008 -------- */




/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family:Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color:White;
    /* color:#cccc99; */
}






    
/* text style for the site links (at extreme top-right of header) */
.WelcomeMessage
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#eeeeee;
}   

.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color:Blue;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #000099;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #000099;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */

.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.ErrorItem
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px  ;
    color:red;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.evalbigbold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px    
}



.evalbig
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 15px    
}

.evalnormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 13px    
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #000099;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #000099;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #000099;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #000099;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #000099;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #000099;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #000099;
}

td 
{
	    font-family: Verdana, Helvetica, sans-serif;
	    font-size:11px;
	     color: black;
	     
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #000099;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000099;
}

A:link  {
    text-decoration:    none;
    color:  #000099;
}

A:visited   {
    text-decoration:    none;
    color:  #000099;
}

A:active    {
    text-decoration:    none;
    color:  #000099;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color:  Gray;
    height:1pt;
    text-align:left
}

/* the following css is for the ajax session timer */

      #divAjaxTimer, #ifAjaxTimer{
        position: absolute;
        top: 0px;
        left: 30px;
        display: none;
        width: 350px;
        height: 150px;
      }
      
      #divAjaxTimer{
        background-color: silver;
        border: 3px outset;
        z-index: 101;
      }
      #ifAjaxTimer
      {
		z-index: 100;
      }
      #divAjaxContent,#divAjaxTitle{
        font-family: Times;
        font-size: 1em;
        font-weight: bold;
      }
      #divAjaxTitle{
        background-color: blue;
        background-image: url("images/bluegrad.jpg");
        color: white;
      }
      #divAjaxContent{
        color: black;
        width: 330px;
        margin: 5px 5px 10px 5px;
      }
      #divAjaxBut{
        text-align: center;
        margin-bottom: 10px;
      }
      #divAjaxBut .confirm{color: green; width: 70px;}
      #divAjaxBut .ignore{color: red; width: 70px;}
      
      
      /* end of ajax session timer styles */