BODY {
    scrollbar-3dlight-color: #fcfcfc;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color: #fcfcfc;
    scrollbar-face-color: #efefef;
    scrollbar-highlight-color: #fcfcfc; 
    scrollbar-shadow-color: #fcfcfc;
    scrollbar-track-color: #fcfcfc; 
}
.title
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    COLOR: #696969;
}
.reallynormal
{
    FONT-SIZE: 10px;
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    COLOR: #000000;
}

a:link, a:visited
{
  color: black;
  text-decoration: none;
}
a:hover, a:active
{
  color: #ff9c3d;
  text-decoration: underline;
}

.contentTable
{
  width: 100%;
  height: 100%;  
}

.contentTableShort
{
  border-right: #cccccc 1px solid;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  width: 100%;
  border-bottom: #cccccc 1px solid; /*background-color: #ffffdc;*/
  background-color: #FFFFFF;
}

hr
{
  border: solid 1px #cccccc;
}

div.hrFooter
{  
    border-top: #e31937 3px solid;
    color: #585858;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;    
}

#searchbox
{
  height: 1px;
  border: solid 1px #cccccc;
  padding: 5px;
  background-color: #F7F7DE;
}



.tableLink, .tableLink a, .tableLink a:link, .tableLink a:visited, .tableLink a:active
{
  text-decoration: none;
  color: black;
}
.tableLink a:hover
{
  color: #ffcc00;
  text-decoration: none;
}

.listBox
{
  height: 100px;
}

.label
{
  font-weight: bold;
}
.checkbox
{
  border: 0;
  background-color: transparent;
}
.checkbox *
{
  border: 0;
  background-color: transparent;
}
.radio
{
  border: 0;
  background-color: transparent;
}
.radio *
{
  border: 0;
  background-color: transparent;
}
.radio label
{
  vertical-align: top;
  margin-top: 4px;
  margin-left: 2px;
}


.popupControl
{
  background-color: #AAD4FF;
  position:absolute;
  visibility:hidden;
  border-style:solid;
  border-color: Black;
  border-width: 2px;

}

.modalBackground
{
  background-color: Gray;
  filter:alpha(opacity=70);
  opacity:0.7; 
}

.modalPopup
{
  background-color: #ffffdd;
  border-width:3px;
  border-style:solid;
  border-color:Gray;
  padding:3px;
  width:250px;

}
.tabInactive
{
    BORDER-RIGHT: #cc6600;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #cc6600;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 3px;
    BORDER-TOP: #cc6600 1px solid;
    BORDER-LEFT: #cc6600 1px solid;
    BORDER-RIGHT: #cc6600 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #cc6600 0px;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
.tabInactive A:link
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #cc6600;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:active
{
    FONT-WEIGHT: bold;
    COLOR: #cc6600;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ff9c3d;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabActive
{
    BORDER-RIGHT: #edecd1 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #edecd1 0px;
    PADDING-LEFT: 8px;
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #edecd1 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #edecd1 0px;
    BACKGROUND-COLOR: #cc6600;
    TEXT-ALIGN: center
}
.tabActive A:link
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabActive A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #eeeeee;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.gridFirstItem
{
    BORDER-RIGHT: #696969 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridItemEstimate
{
    background-color: White;
    BORDER-RIGHT: #696969 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #696969 1px double;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid;
    FONT-SIZE: 10px;
}
.gridLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #696969 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}

.gridFirstAndLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridReportHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: #696969;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    background-color:White;
    BORDER-TOP-STYLE:none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-COLLAPSE:collapse;
    BORDER-BOTTOM-STYLE:none;
}
.gridReportHeader a, .gridReportHeader a:link, .gridReportHeader a.visited
{
  color: black;
  text-decoration: none;
}
.gridReportItem
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #cccccc 1px double;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.gridReportFirstItem
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.gridReportLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}

.BaseTable
{
    padding-top:12px; 
    padding-bottom:12px; 
    padding:0px;
    color:#585858; 
    font:76% verdana, geneva, sans-serif; 
    font-family:verdana, geneva, sans-serif !important; 
    font-size:14px
}
.ContentHeader
{
    background: url(../images/tdheader_right.png) no-repeat right top;
    border-bottom:#e31937 3px solid; 
    border-collapse:collapse; 
    color:#585858; 
    font-size:14px;
    padding:0; 
    width:100%
}
.Connectors
{
    background: url(../images/ConnectorsHeader.png) left top;
    height: 70px;
    
}
.SearchContent
{
    background: url(../images/BoxSearchCGI.png) no-repeat right top;
    border-collapse:collapse; 
    color:#585858; 
    font-size:14px;
    padding:0; 
}
.BaseTableChild
{
    font: 76% verdana, geneva, sans-serif; 
    font-family: verdana, geneva, sans-serif !important; 
    font-size: 10px; 
    padding-top:8px; 
    padding-bottom:8px; 
    padding-left:8px; 
    padding-right:8px; 
    text-align:left; 
    border-right: #cccccc 1px solid; 
    border-left: #cccccc 1px solid; 
    border-bottom:#cccccc 1px solid;    
}



#modal
{
    /*border:3px solid #e31937;   */
    display:none;    
}
#modalComments
{
    /*border:3px solid #e31937;   */
    display:none;     
}
#modalNewClient
{
    /*border:3px solid #e31937;   */
    display:none;    
}
#modalEditClient
{
    /*border:3px solid #e31937;   */
    display:none;    
}
.modalpopup  
{
    /*background-color:White; */
    top:70px !important;
}


/* GRID VIEW */
.tablestyle{
   font-family:verdana, geneva, sans-serif;
   margin:10px 0pt 15px;
   font-size: 8pt;
   border-color: #CDCDCD;
   width:850px;
   color: #3D3D3D;
}
.tablestyle td, .tablestyle th{
   border-color: #CDCDCD;
}
.alternatingrowstyle{
    background-color:#F9D1D7;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
}
.headerstyle {
    background-image: url(../images/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    background-color:#E31937;
    font-weight:bold;    
    font-size:10px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:White !important;
    height:30px
}  

.headerstyle th { border-right: white 1px solid; }

.headerstyle a{
   text-decoration:none;
    color:black;
   display:block;
   color:White !important;
   FONT-FAMILY: verdana, geneva, sans-serif !important;
}    
.rowstyle{
   background-color: #FFF;
   FONT-FAMILY: verdana, geneva, sans-serif !important;
}
.rowstyle td, .alternatingrowstyle td {
   padding: 4px;
}
.sortascheaderstyle
{
    background-image: url(../images/sort_asc.gif);
    background-color: #E31937;
    background-repeat: no-repeat;
    background-position: left;    
}
.sortdescheaderstyle{
    background-image: url(../images/sort_desc.gif);     
    background-color: #E31937;    
    background-repeat: no-repeat;
    background-position: center left;       
}   
.pagerstyle  
{
    background-color:white;    
    font-weight:bold;    
    font-size:10px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:black !important;
    height:10px 
}

.footerstyle
{
    background-image: url(../images/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    background-color:#E31937;
    font-weight:bold;    
    font-size:1px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:White !important;
    height:1px 
}

.rowCol { border-right: #cccccc 1px solid; }

/* Styles in use */

/* accordion */
#accordion .ui-widget-content { FONT-FAMILY: verdana, geneva, sans-serif !important; background: white; border-left:#dddddd 1px solid !important; border-right:#dddddd 1px solid !important; border-bottom:#dddddd 1px solid !important;}
#accordion .ui-state-default { border:#cccccc 1px solid }
#accordion .ui-state-active { border:#e31937 1px solid }
#accordion { FONT-FAMILY: verdana, geneva, sans-serif !important }

#accordionEstimative .ui-widget-content { FONT-FAMILY: verdana, geneva, sans-serif !important; background: white; border-left:#dddddd 1px solid !important; border-right:#dddddd 1px solid !important; border-bottom:#dddddd 1px solid !important;}
#accordionEstimative .ui-state-default { border:#cccccc 1px solid }
#accordionEstimative .ui-state-active { border:#e31937 1px solid }
#accordionEstimative { FONT-FAMILY: verdana, geneva, sans-serif !important }

#accordionBugFix .ui-widget-content { FONT-FAMILY: verdana, geneva, sans-serif !important; background: white; border-left:#dddddd 1px solid !important; border-right:#dddddd 1px solid !important; border-bottom:#dddddd 1px solid !important;}
#accordionBugFix .ui-state-default { border:#cccccc 1px solid }
#accordionBugFix .ui-state-active { border:#e31937 1px solid }
#accordionBugFix { FONT-FAMILY: verdana, geneva, sans-serif !important }

#accordionRemedyChange .ui-widget-content { FONT-FAMILY: verdana, geneva, sans-serif !important; background: white; border-left:#dddddd 1px solid !important; border-right:#dddddd 1px solid !important; border-bottom:#dddddd 1px solid !important;}
#accordionRemedyChange .ui-state-default { border:#cccccc 1px solid }
#accordionRemedyChange .ui-state-active { border:#e31937 1px solid }
#accordionRemedyChange { FONT-FAMILY: verdana, geneva, sans-serif !important }

.ui-widget-overlay { position:fixed !important; }

body
{
  margin: 0;
  font-size: 10px;
  padding-bottom: 2em; 
  /*background-color: #eeeeee;*/
  background-color: White;
  color: #000000;
  font-family: verdana, geneva, sans-serif !important;
}

 #ContentHeader h1
{
    border-collapse:collapse;
    background: url(../images/tdheader_left.png) no-repeat left top;
    color: #222222;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;
    font-size: 10px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 13px;
    font-weight:bold;
    height: 100%    
}

/* Content */
.Content
{
    padding-top:8px; 
    padding-bottom:8px; 
    padding-left:8px; 
    padding-right:8px; 
    text-align:left; 
    border-right: #cccccc 1px solid; 
    border-left: #cccccc 1px solid; 
    border-bottom:#cccccc 1px solid;
    border-collapse: collapse
}

.BaseTableHeader
{
    background: url(../images/tdheader_right.png) no-repeat right top;
    border-bottom:#e31937 3px solid; 
    border-collapse:collapse; 
    color:#585858; 
    font-size:14px;
    padding:0; 
    width:100%    
}

.BaseTableHeader h1
{
    border-collapse:collapse;
    background: url(../images/tdheader_left.png) no-repeat left top;
    color: #222222;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;
    font-size: 10px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 13px;
    font-weight:bold;
    height: 100%    
}

/* Forms*/

.formLogin { display:block; clear: both; text-align:center }
.formLogin label { padding-right: 5px }

.form { display:block; clear: both; text-align:left; background-color:White }
.formRow { clear: both; vertical-align:middle; display:block }
.formRowCkeditor { clear: both; vertical-align:middle; display:block }
.formRowHelp { clear: both; vertical-align:middle; display:block; background-color:#f9f9f9; margin: 5px 0px 10px; padding: 10px }

.formRow span { height:18px }
.form input[type="text"], input[type="file"], input[type="password"], textarea { clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px}
.form input[type="checkbox"] { background:''; border:0px }
.form select, option { font-size:11px; clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height:18px }
.formRow span{ display: inline-block }
.form input[type="text"], .form input[type="button"], .form input[type="image"], textarea, select { margin-top:5px; margin-bottom:5px  }
.formRow img { vertical-align: middle; height:18px; margin-left: 2px }
.form input[type="file"] { height: 18px !important; }

input[type="text"], input[type="file"], textarea { font-size:11px; clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px}
select, option { font-size:11px; clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height:18px }
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
 color: GrayText !important; 
} 

.inputFile { height: 18px !important; }
.servercontrol { clear:both; width:200px; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px }

.formButtons { border-top:#dddddd 1px solid; margin-top:15px; margin-bottom:10px; width:100%; text-align:right }
.formButtons input { width:auto; height:auto;  display:inline-block; }

.ui-dialog .ui-dialog-content { background-color: White !important }

.inputError { border:red 1px solid !important; }
.submitButtons input { font-family:10px verdana, geneva, sans-serif !important; margin-top:20px; margin-bottom:10px; text-align:right; float:right }
.submitButtons { text-align: right !important }
.subButtons { font-family:10px Verdana, geneva, Sans-Serif !important; text-align: right; margin-top:20px; margin-bottom:10px;}

.firstCol { clear: left; float: left; width:40% }
.lastCol { float: left; width:40% }
.SHlastCol { float: left; width:55% }

/* Search */
.search { font-family: verdana, geneva, sans-serif !important; font-size:10px !important; text-align:right; clear:both; margin-right: 20px }    

.search input[type="text"] { clear:none; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px}
.search input[type="checkbox"] { background:''; border:0px }
.search select, search option { font-size:11px; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height:18px }
.search span{ display: inline-block }
.search input, search textarea, search select { margin-top:4px; margin-left:7px }
.search img { vertical-align: middle; height:18px !important; margin-left: 2px }


/* OVERIDES */
.hidden { display:none }
.height20 { height:20 !important }
.width10 { width:10% !important }
.width20 { width:20% !important }
.width50 { width:50% !important }
.width77 { width:77% !important }
.width100 { width:100% !important }
.bold { font-weight: bold; font-size:10px }
.width100px { width:100px !important }
.width150px { width:150px !important }
.width210px { width:210px !important }
.width230px { width:230px !important }
.width250px { width:250px !important }
.right { float:right }
.noMargin { margin:0px !important }
.noMarginTop { margin-top:0px !important }
.inline { display:inline !important }
.font10 { font-size: 10px !important }
.noFloat { float:none !important }
.top { vertical-align: top !important; margin-top:9px !important }
.multiline { background: #f6f6f6 !important; background-repeat:repeat !important; height:100% !important; margin-top: 5px; border-bottom: 10px white solid !important }
.clearLeft { clear: left !important }
.margin20 { margin: 20px !important }
.heightAuto { height: auto !important }
.noClear { clear: none !important }
.cursor_button { cursor: pointer !important; }
.clear {clear: both;}

/* Header */
#header
{
    background: url(../images/bgToolBar.png) #f5f5f5 repeat-x 0 bottom;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding-left: 8px;
    padding-right: 8px;
    height: 60px;    
}
#header .title
{
  font: 190% verdana, geneva, sans-serif !important;
  color: black;
  background-color: transparent;
  float: left;
  margin-right: 2em;
  margin-top: 0.3em;
  margin-left: 30em;
}

#header .breadcrumb
{
  font: 90% verdana, geneva, sans-serif !important;
  color: black;
  background-color: transparent;
  float: right;
  margin-right: 2em;
  margin-top: 0.8em;
  font-weight: bold;
}

#header a:link, a:visited
{
  color: black;
}

#HeaderBorder
{
    border-top: #e31937 3px solid;
    color: #585858;
    font: 76% verdana, geneva, sans-serif !important;
    font-family: verdana, geneva, sans-serif !important;
}

/* Footer*/
#footer
{
  text-align: center;
  font-size: .9em;
  /*color: #888;*/
  color: #585858;
  padding-top: 1em;
  bottom: 0;
  /*border-top: 1px solid whitesmoke;*/
  margin-top: 5px;
}

#footer a:link, a:visited
{
  color: black;
  text-decoration: none;
}

/* Grid */
.grid
{
  background-color: White;
  border: 1px solid White;
  padding: 4px;
  color: Black;
}
.grid td
{
  padding: 3px;
  text-align: left;
}

.gridItem:hover, .gridAlternatingItem:hover, .gridItemEstimate:hover
{
  background-color: #F7F7DE;
}
.gridHeaderEstimate
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #333333;    
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    background-color: White;
    BORDER-TOP-STYLE:none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-COLLAPSE:collapse;
    BORDER-BOTTOM-STYLE:none;
}
.gridHeaderEstimate a, .gridHeaderEstimate a:link, .gridHeaderEstimate a.visited
{
  color: black;
  text-decoration: none;
}
.gridHeader
{
  background-color: White;
  color: #333333;
  font-weight: bold;
  height: 18px;
}
.gridHeader a, .gridHeader a:link, .gridHeader a.visited
{
  color: black;
  text-decoration: none;
}
.gridEditItem, .gridItem, .gridAlternatingItem, gridItemEstimate
{
  background-color: White;
}
.gridEditItem a, .gridEditItem a:link, .gridEditItem a.visited, .gridItem a, .gridItem a:link, .gridItem a.visited, .gridAlternatingItem a, .gridAlternatingItem a:link, .gridAlternatingItem a.visited, .gridItemEstimate a, .gridItemEstimate a:link, .gridItemEstimate a.visited
{
  color: black;
  text-decoration: none;
}
.gridSelectedItem
{
  background-color: #CE5D5A;
  color: White;
  font-weight: bold;
}
.gridFooter
{
  background-color: #CCCC99;
}
.gridPager
{
  text-align: right;  
  color: Black;
}

/* BUTTON CSS */
.button, .loginbutton {
	display:block;    
    margin:0 7px 7px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:verdana, geneva, sans-serif !important;
    font-size:100%;    
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;        
    padding:5px 10px 6px 7px; /* Links */ 
}
.button:link, .loginbutton:link
{
	BORDER-BOTTOM: #ffffff 1px solid; 
	TEXT-ALIGN: center; 
	BORDER-LEFT: #ffffff 1px solid; 
	PADDING-BOTTOM: 4px; 
	BACKGROUND-COLOR: #f5f5f5; 
	OUTLINE-STYLE: solid; 
	OUTLINE-COLOR: #f5f5f5; 
	PADDING-LEFT: 0px; 
	OUTLINE-WIDTH: 1px; 
	WIDTH: 120px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	COLOR: #ffffff; 
	MARGIN-LEFT: 1px; 
	FONT-SIZE: 11px; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-WEIGHT: bold; 
	BORDER-RIGHT: #ffffff 1px solid; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 3px
}
.button:hover, .loginbutton:hover
{
	BACKGROUND-COLOR: #E6EFC2
}
.button:active, .loginbutton:active
{
	BACKGROUND-COLOR: #E6EFC2
}

/* PAGE CONTROLS CSS */
.servercontrol
{    
    background: #f5f5f5;
    border: 1px solid #e31937;
}
.servercontrol:focus
{
    background: #E6EFC2;
}

.date_pick
{    
    background: #f5f5f5;
    border: 1px solid #e31937;
}

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}

.radio {
    background: url(../images/radio.png) no-repeat;
}

.select {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px verdana, geneva, sans-serif;
    background: url(../images/select.gif) no-repeat;
    overflow: hidden;
}


/* MESSAGES */
.alert 
{
	background: #F8FAFC url(../images/icons/warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;	
	color:Yellow
}

.error 
{
	background: #F8FAFC url(../images/icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	color:red
}

.info 
{
	background: #F8FAFC url(../images/icons/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */	
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	font:10px verdana, geneva, sans-serif !important;
}
.success 
{
	background: #aad450 url(../images/icons/success.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */	
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #8dc267;
	border-bottom: 2px solid #8dc267;
	font:10px verdana, geneva, sans-serif !important;
	color: White;
}


/* MESSAGES IN DIVS */
#alert 
{
	background: #F8FAFC url(../images/icons/warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

#error 
{
	background: #F8FAFC url(../images/icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

#info 
{
	background: #F8FAFC url(../images/icons/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */	
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;	
	font:10px verdana, geneva, sans-serif !important;
}

/* FLOATS */
.rigth
{
    float:right;   
    margin-left:2px;     
}

.marginleft
{
    margin-left:15px;
}

.middle
{    
    padding: 4px 0 0 0; 
}


/* Progress Panel */

#progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;  
  filter:Alpha(Opacity=50);
  opacity:0.50;
  BACKGROUND: url(/scripts/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) #666666 50% 50%;  
  z-index:1011;  
  height:1000px
}

#processMessage { 
  position:absolute; 
  top:20%; 
  left:43%;
  width:14%;
  z-index:1011;      
} 

.title
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    COLOR: #696969;
}
.reallynormal
{
    FONT-SIZE: 10px;
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    COLOR: #000000;
}

a:link, a:visited
{
  color: black;
  text-decoration: none;
}
a:hover, a:active
{
  color: #ff9c3d;
  text-decoration: underline;
}

.contentTable
{
  width: 100%;
  height: 100%;  
}

.contentTableShort
{
  border-right: #cccccc 1px solid;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  width: 100%;
  border-bottom: #cccccc 1px solid; /*background-color: #ffffdc;*/
  background-color: #FFFFFF;
}

hr
{
  border: solid 1px #cccccc;
}

div.hrFooter
{  
    border-top: #e31937 3px solid;
    color: #585858;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;    
}

#searchbox
{
  height: 1px;
  border: solid 1px #cccccc;
  padding: 5px;
  background-color: #F7F7DE;
}



.tableLink, .tableLink a, .tableLink a:link, .tableLink a:visited, .tableLink a:active
{
  text-decoration: none;
  color: black;
}
.tableLink a:hover
{
  color: #ffcc00;
  text-decoration: none;
}

.listBox
{
  height: 100px;
}

.label
{
  font-weight: bold;
}
.checkbox
{
  border: 0;
  background-color: transparent;
}
.checkbox *
{
  border: 0;
  background-color: transparent;
}
.radio
{
  border: 0;
  background-color: transparent;
}
.radio *
{
  border: 0;
  background-color: transparent;
}
.radio label
{
  vertical-align: top;
  margin-top: 4px;
  margin-left: 2px;
}


.popupControl
{
  background-color: #AAD4FF;
  position:absolute;
  visibility:hidden;
  border-style:solid;
  border-color: Black;
  border-width: 2px;

}

.modalBackground
{
  background-color: Gray;
  filter:alpha(opacity=70);
  opacity:0.7; 
}

.modalPopup
{
  background-color: #ffffdd;
  border-width:3px;
  border-style:solid;
  border-color:Gray;
  padding:3px;
  width:250px;

}
.tabInactive
{
    BORDER-RIGHT: #cc6600;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #cc6600;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 3px;
    BORDER-TOP: #cc6600 1px solid;
    BORDER-LEFT: #cc6600 1px solid;
    BORDER-RIGHT: #cc6600 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #cc6600 0px;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
.tabInactive A:link
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #cc6600;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:active
{
    FONT-WEIGHT: bold;
    COLOR: #cc6600;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabInactive A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ff9c3d;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabActive
{
    BORDER-RIGHT: #edecd1 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #edecd1 0px;
    PADDING-LEFT: 8px;
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #edecd1 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #edecd1 0px;
    BACKGROUND-COLOR: #cc6600;
    TEXT-ALIGN: center
}
.tabActive A:link
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.tabActive A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #eeeeee;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    TEXT-DECORATION: none
}
.gridFirstItem
{
    BORDER-RIGHT: #696969 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridItemEstimate
{
    background-color: White;
    BORDER-RIGHT: #696969 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #696969 1px double;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #696969 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}

.gridFirstAndLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #696969 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #696969 1px solid
}
.gridReportHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: #696969;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    background-color:White;
    BORDER-TOP-STYLE:none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-COLLAPSE:collapse;
    BORDER-BOTTOM-STYLE:none;
}
.gridReportHeader a, .gridReportHeader a:link, .gridReportHeader a.visited
{
  color: black;
  text-decoration: none;
}
.gridReportItem
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #cccccc 1px double;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.gridReportFirstItem
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.gridReportLastItem
{
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}

.BaseTable
{
    padding-top:12px; 
    padding-bottom:12px; 
    padding:0px;
    color:#585858; 
    font:76% verdana, geneva, sans-serif; 
    font-family:verdana, geneva, sans-serif !important; 
    font-size:14px
}
.ContentHeader
{
    background: url(../images/tdheader_right.png) no-repeat right top;
    border-bottom:#e31937 3px solid; 
    border-collapse:collapse; 
    color:#585858; 
    font-size:14px;
    padding:0; 
    width:100%    
}
.BaseTableChild
{
    font: 76% verdana, geneva, sans-serif; 
    font-family: verdana, geneva, sans-serif !important; 
    font-size: 10px; 
    padding-top:8px; 
    padding-bottom:8px; 
    padding-left:8px; 
    padding-right:8px; 
    text-align:left; 
    border-right: #cccccc 1px solid; 
    border-left: #cccccc 1px solid; 
    border-bottom:#cccccc 1px solid;    
}



#modal
{
    /*border:3px solid #e31937;   */
    display:none;    
}
#modalComments
{
    /*border:3px solid #e31937;   */
    display:none;     
}
#modalNewClient
{
    /*border:3px solid #e31937;   */
    display:none;    
}
#modalEditClient
{
    /*border:3px solid #e31937;   */
    display:none;    
}
.modalpopup  
{
    /*background-color:White; */
    top:70px !important;
}


/* GRID VIEW */
.tablestyle{
   font-family:verdana, geneva, sans-serif;
   margin:10px 0pt 15px;
   font-size: 8pt;
   border-color: #CDCDCD;
   width:850px;
   color: #3D3D3D;
}
.tablestyle td, .tablestyle th{
   border-color: #CDCDCD;
}
.alternatingrowstyle{
    background-color:#F9D1D7;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
}
.headerstyle {
    background-image: url(../images/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    background-color:#E31937;
    font-weight:bold;    
    font-size:10px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:White !important;
    height:30px
}  

.headerstyle th { border-right: white 1px solid; }

.headerstyle a{
   text-decoration:none;
    color:black;
   display:block;
   color:White !important;
   FONT-FAMILY: verdana, geneva, sans-serif !important;
}    
.rowstyle{
   background-color: #FFF;
   FONT-FAMILY: verdana, geneva, sans-serif !important;
}
.rowstyle td, .alternatingrowstyle td {
   padding: 4px;
}
.sortascheaderstyle
{
    background-image: url(../images/sort_asc.gif);
    background-color: #E31937;
    background-repeat: no-repeat;
    background-position: left;    
}
.sortdescheaderstyle{
    background-image: url(../images/sort_desc.gif);     
    background-color: #E31937;    
    background-repeat: no-repeat;
    background-position: center left;       
}   
.pagerstyle  
{
    background-color:white;    
    font-weight:bold;    
    font-size:10px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:black !important;
    height:10px 
}
.pagerstyle a:link
{
    color:Green    
}

.footerstyle
{
    background-image: url(../images/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    background-color:#E31937;
    font-weight:bold;    
    font-size:1px;   
    FONT-FAMILY: verdana, geneva, sans-serif !important; 
    color:White !important;
    height:1px;
}


.rowCol { border-right: #cccccc 1px solid; }

/* Styles in use */

/* accordion */
#accordion .ui-widget-content { FONT-FAMILY: verdana, geneva, sans-serif !important; background: white; border-left:#dddddd 1px solid !important; border-right:#dddddd 1px solid !important; border-bottom:#dddddd 1px solid !important;}
#accordion .ui-state-default { border:#cccccc 1px solid }
#accordion .ui-state-active { border:#e31937 1px solid }
#accordion { FONT-FAMILY: verdana, geneva, sans-serif !important }

body
{
  margin: 0;
  font-size: 10px;
  padding-bottom: 2em; 
  /*background-color: #eeeeee;*/
  background-color: White;
  color: #000000;
  font-family: verdana, geneva, sans-serif !important;
}

 #ContentHeader h1
{
    border-collapse:collapse;
    background: url(../images/tdheader_left.png) no-repeat left top;
    color: #222222;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;
    font-size: 10px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 13px;
    font-weight:bold;
    height: 100%    
}

/* Content */
.Content
{
    padding-top:8px; 
    padding-bottom:8px; 
    padding-left:8px; 
    padding-right:8px; 
    text-align:left; 
    border-right: #cccccc 1px solid; 
    border-left: #cccccc 1px solid; 
    border-bottom:#cccccc 1px solid;
    border-collapse: collapse
}

.BaseTableHeader
{
    background: url(../images/tdheader_right.png) no-repeat right top;
    border-bottom:#e31937 3px solid; 
    border-collapse:collapse; 
    color:#585858; 
    font-size:14px;
    padding:0; 
    width:100%    
}

.BaseTableHeader h1
{
    border-collapse:collapse;
    background: url(../images/tdheader_left.png) no-repeat left top;
    color: #222222;
    font: 76% verdana, geneva, sans-serif;
    font-family: verdana, geneva, sans-serif !important;
    font-size: 10px;
    margin: 0px 10px 0px 0px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 13px;
    font-weight:bold;
    height: 100%    
}

/* Forms*/

.formLogin { display:block; clear: both; text-align:center }
.formLogin label { padding-right: 5px }

.form { display:block; clear: both; text-align:left; background-color:White }
.formRow { clear: both; vertical-align:middle; display:block }

.formRow span { height:18px }
.form input[type="text"], input[type="file"], textarea { clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px}
.form input[type="checkbox"] { background:''; border:0px }
.form select, option { clear:both; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height:18px }
.formRow span{ display: inline-block }
.form input[type="text"], textarea, select { margin-top:5px; margin-bottom:5px  }
.formRow img { vertical-align: middle; height:18px; margin-left: 2px }
.form input[type="file"] { height: 18px !important; }

.inputFile { height: 18px !important; }
.servercontrol { clear:both; width:200px; border:#dddddd 1px solid; background-color:#ffffff; background:url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; color: #333333; height: 14px }

.formButtons { border-top:#dddddd 1px solid; margin-top:15px; margin-bottom:10px; width:100%; text-align:right }
.formButtons input { width:auto; height:auto;  display:inline-block; }

.ui-dialog .ui-dialog-content { background-color: White !important }

.inputError { border:red 1px solid !important; }
.submitButtons input { font-family:10px verdana, geneva, sans-serif !important; margin-top:20px; margin-bottom:10px; text-align:right; float:right }

.firstCol { clear: left; float: left; width:40% }
.lastCol { float: left; width:40% }

/* OVERIDES */
.hidden { display:none }
.width10 { width:10% !important }
.width20 { width:20% !important }
.width77 { width:77% !important }
.width100 { width:100% !important }
.bold { font-weight: bold; font-size:10px }
.width100px { width:100px !important }
.width150px { width:150px !important }
.right { float:right }
.noMargin { margin:0px !important }
.noClear { clear: none !important }

.hr { border:#e31937 1px solid !important }

/* Header */
#header
{
    background: url(../images/bgToolBar.png) #f5f5f5 repeat-x 0 bottom;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding-left: 8px;
    padding-right: 8px;
    height: 60px;    
}
#header .title
{
  font: 190% verdana, geneva, sans-serif !important;
  color: black;
  background-color: transparent;
  float: left;
  margin-right: 2em;
  margin-top: 0.3em;
  margin-left: 30em;
}

#header .breadcrumb
{
  font: 90% verdana, geneva, sans-serif !important;
  color: black;
  background-color: transparent;
  float: right;
  margin-right: 2em;
  margin-top: 0.8em;
  font-weight: bold;
}

#header a:link, a:visited
{
  color: black;
}

#HeaderBorder
{
    border-top: #e31937 3px solid;
    color: #585858;
    font: 76% verdana, geneva, sans-serif !important;
    font-family: verdana, geneva, sans-serif !important;
}

/* Footer*/
#footer
{
  text-align: center;
  font-size: .9em;
  /*color: #888;*/
  color: #585858;
  padding-top: 1em;
  bottom: 0;
  /*border-top: 1px solid whitesmoke;*/
  margin-top: 5px;
}

#footer a:link, a:visited
{
  color: black;
  text-decoration: none;
}

/* Grid */
.grid
{
  background-color: White;
  border: 1px solid White;
  padding: 4px;
  color: Black;
}
.grid td
{
  padding: 3px;
  text-align: left;
}

.gridItem:hover, .gridAlternatingItem:hover, .gridItemEstimate:hover
{
  background-color: #F7F7DE;
}
.gridHeader
{
  background-color: White;
  color: #696969;
  font-weight: bold;
  height: 18px;
}
.gridHeader a, .gridHeader a:link, .gridHeader a.visited
{
  color: black;
  text-decoration: none;
}
.gridEditItem, .gridItem, .gridAlternatingItem, gridItemEstimate
{
  background-color: White;
}
.gridEditItem a, .gridEditItem a:link, .gridEditItem a.visited, .gridItem a, .gridItem a:link, .gridItem a.visited, .gridAlternatingItem a, .gridAlternatingItem a:link, .gridAlternatingItem a.visited, .gridItemEstimate a, .gridItemEstimate a:link, .gridItemEstimate a.visited
{
  color: black;
  text-decoration: none;
}
.gridSelectedItem
{
  background-color: #CE5D5A;
  color: White;
  font-weight: bold;
}
.gridFooter
{
  background-color: #CCCC99;
}
.gridPager
{
  text-align: right;  
  color: Black;
}

/* BUTTON CSS */
.button, .loginbutton {
	display:block;    
    margin:0 7px 7px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:verdana, geneva, sans-serif !important;
    font-size:100%;    
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;        
    padding:5px 10px 6px 7px; /* Links */ 
}
.button:link, .loginbutton:link
{
	BORDER-BOTTOM: #ffffff 1px solid; 
	TEXT-ALIGN: center; 
	BORDER-LEFT: #ffffff 1px solid; 
	PADDING-BOTTOM: 4px; 
	BACKGROUND-COLOR: #f5f5f5; 
	OUTLINE-STYLE: solid; 
	OUTLINE-COLOR: #f5f5f5; 
	PADDING-LEFT: 0px; 
	OUTLINE-WIDTH: 1px; 
	WIDTH: 120px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	COLOR: #ffffff; 
	MARGIN-LEFT: 1px; 
	FONT-SIZE: 11px; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-WEIGHT: bold; 
	BORDER-RIGHT: #ffffff 1px solid; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 3px
}
.button:hover, .loginbutton:hover
{
	BACKGROUND-COLOR: #E6EFC2
}
.button:active, .loginbutton:active
{
	BACKGROUND-COLOR: #E6EFC2
}

/* PAGE CONTROLS CSS */
.servercontrol
{    
    background: #f5f5f5;
    border: 1px solid #e31937;
}
.servercontrol:focus
{
    background: #E6EFC2;
}

.date_pick
{    
    background: #f5f5f5;
    border: 1px solid #e31937;
}

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}

.radio {
    background: url(../images/radio.png) no-repeat;
}

.select {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px verdana, geneva, sans-serif;
    background: url(../images/select.gif) no-repeat;
    overflow: hidden;
}


/* MESSAGES */
.alert 
{
	background: #F8FAFC url(../images/icons/warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;	
	color:Yellow
}

.error 
{
	background: #F8FAFC url(../images/icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	color:red
}

.info 
{
	background: #F8FAFC url(../images/icons/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */	
	padding: 10px 20px 10px 80px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	font:10px verdana, geneva, sans-serif !important;
}

/* MESSAGES IN DIVS */
#alert 
{
	background: #F8FAFC url(../images/icons/warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

#error 
{
	background: #F8FAFC url(../images/icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

#info 
{
	background: #F8FAFC url(../images/icons/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */	
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;	
	font:10px verdana, geneva, sans-serif !important;
}

/* FLOATS */
.rigth
{
    float:right;   
    margin-left:2px;     
}

.marginleft
{
    margin-left:15px;
}

.middle
{    
    padding: 4px 0 0 0; 
}


/* Progress Panel */

#progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;  
  filter:Alpha(Opacity=50); BACKGROUND: url(/scripts/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) #666666 50% 50%;  
  z-index:1011;  
  height:1000px
}

#processMessage { 
  position:absolute; 
  top:20%; 
  left:43%;
  width:14%;
  z-index:1011;      
} 


/* User Options DropDownList */

#nav {
		margin-left: 10px; 		
		margin-top: 15px;
		padding:0; 
		list-style:none;
	}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 		
	position:relative;
	z-index:500; 
	margin:0 1px;
	cursor: pointer;
}
		
/* this is the parent menu */
#nav li a {
	display:block; 
	padding:0;
	font-family:"verdana, geneva, sans-serif !important;";
	font-size:10px; 	
	text-decoration:none; 
	color:#fff; 
	text-align:left; 
	color:#333;	
}
	
/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 	
	display:none; 
	margin: 0 0 0 -1px; 
	padding: 0 0 0 0; 
	list-style:none;
	background: url(../images/bgToolBar.png) #f5f5f5 repeat-x 0px bottom;
	border-left: #e31937 2px solid;
	border-right: #e31937 2px solid;
	border-bottom: #e31937 2px solid;
	width: 200px;
}
		
*+html #nav ul {
	position:absolute; 
	left:0; 	
	display:none; 
	margin: 17px 0 0 -1px; 
	padding: 0 0 0 0; 
	list-style:none;
	background: url(../images/bgToolBar.png) #f5f5f5 repeat-x 0px bottom;
	border-left: #e31937 2px solid;
	border-right: #e31937 2px solid;
	border-bottom: #e31937 2px solid;
	width: 200px;
}

.firstItem { height: 35px; width:200px }
.middleItem { height: 35px; width:200px; border-top:1px dotted }
.lastItem { height: 35px; width:200px; border-top:1px dotted }

			
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  	
	padding: 8px 5px; 
	color:#666;
	height: 10px
}
		
#nav ul a:hover {
	text-decoration:none;	
}
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

/************************************************
    Content Options
*************************************************/
.ContentButton
{
    float:left;
}
.ContentButton a img
{
    padding: 0px 5px 0px 5px;
    margin: 2px 0px 0px 0px;
    float: left;
}
.ContentButton a
{
    float: left;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    outline-color: invert;
    outline-style: none;
    outline-width: 0px;
    background-color:#f5f5f5;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    color: #444;
    font-weight: bold;
    margin: 0px 5px 10px 5px;
    padding: 0px 5px 0px 5px;
}
.ContentButton a:hover
{
    text-decoration: none;
    background-color:#ededed;
}
.ContentApplicationsFilter
{
    height: 30px;
    display: inline;
}
.hrOptionsSeparator
{
    clear: both;
    border: #f4f4f4 1px solid;
}

.ContentApplicationsFilter .chzn-container
{
    float:right;
    margin-left: 15px;    
    width: 300px !important;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    font-size: 10px;
}
.ContentApplicationsFilter .chzn-container:hover
{
    cursor: hand !important;
}
.ContentApplicationsFilter .chzn-drop
{
    width: 298px !important;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
    font-size: 10px;
}

.ContentApplicationsFilter .chzn-search input
{
    width: 263px !important;
    font-size: 10px;
    FONT-FAMILY: verdana, geneva, sans-serif !important;
}