/* exploit a parsing bug so @media rules are visible to MacIE5 */
html
{
    background-color: #eee; /*Required*/
    background: url(/images/backgrounds/greygradient.gif) #eee scroll  repeat-x left top;
}

body#AlertIT
{
    color: #eee;   
    
}

body#AlertIT-Popup  .header
{
    background-color: #bbbbdd;  
    background-image: none; 
}

.wrapper {
  border: solid 1px #666;
  border-top: none;
  background-color: #fff;
}

#closelink
{
    background-color: #fff;
    padding: .5em 0;
    border: none;
    text-align: center;
}

h1
{
    background-color: #d3d3db; /* different color than content */
    color: #ff9900;
}

.sidebar h2, .secondSidebar h2
{
    background-color: #ececec; /* different color than content */
    color: #FFBB55;
}

.content h2, .sidebar h3
{
    color: #ff9900;
}

a 
{
    color: #ff9900;
}

a:hover 
{
    color: #333;
}

ul li
{
    list-style-type: square;
    color: #666;
}

.main {
  color: #555;  
  /*background: #fff5e1 url(images/2col-bg2.png) 75% 0 repeat-y;*/
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/    
}

.content {
  background-color: #fff;
}

.sidebar, .secondSidebar {
  background-color: #fff; 
  border-bottom: dotted 1px black;
  border-left: dotted 1px black;
}

.secondSidebar 
{
    border-top: dotted 1px black;
}

.footer {
  color: #999;
}

.content .breadcrumbs 
{
    background-color: #ececec;
}

#FooterNavigation
{
}

#copyright
{
	color: #999;
}

#SiteLinks
{    
	background-color: #bbbbdd;
}

#SiteLinks a 
{
    color: #fff;    
}

#SiteLinks a:Hover
{
    color: #ff9900;
    background-color: #fff;
}

#SiteLinks a.activepage 
{
    color: #ff9900;    
    background-color: #d3d3db;
}

#SiteLinks a.activepage:Hover
{
    color: #ff9900;
    background-color: #fff;
}

.header
{
    background-color: #bbbbdd;
}

.header
{    
    background: url(/images/site/banner01.jpg) #fff no-repeat right top;    
    background-color: #bbbbdd;
}

#sitelogo
{
    background: url(/images/site/alertit-logo01.gif) transparent no-repeat 5px top;    
}

address 
{
    font-style: normal;    
}

label
{
    font-weight: normal;    
    display: block;
}

label.mandatory
{
    font-weight: bold;
    color: #666;
}

label.mandatorymissing, .errormessage, fieldset.errormessage legend
{
    font-weight: bold;
    color: #e82121;    
}

fieldset.errormessage
{
    border: solid 2px #e82121;
}

p.mandatory
{
}

p.mandatorymissing
{
    border: solid 2px #e82121;
    margin-top: .5em;
}

p.mandatorymissingsingle
{
    border: solid 2px #e82121;
    padding: 2em;
}

fieldset 
{
    border: solid 1px #ddd;
    margin: 1em;
    padding: .5em;
}

fieldset legend 
{
    margin: 0 0 0 1em;
    vertical-align: middle;
    padding: 0 .5em;
    color: #ddd;
}

a.popwin:after
{
  content:"\2197";  
  white-space:nowrap;
}

ul.datasheet
{
    list-style-type: none;
    margin: .5em 0;
}

ul.datasheet li
{
    list-style-type: none;
    margin: 0;
}

a.popdatasheet
{
    margin-left: 5em;    
    padding: .5em;
    background-color: #eee;
    color: #ff9900;
    border: double 4px #ff9900;
    width: 20%;
    text-align: center;  
    white-space: nowrap;  
    text-decoration: none; 
}

* html a.popdatasheet
{
    display: block; 
    top: 2em;
}

a.popdatasheet:before
{
    font-size: xx-large;
    content:"\21B3";      
}

a.popdatasheet:hover
{
    border: solid 4px #ff9900;
    color: #333;    
}

.safelink
{
    font-weight: bold;
    font-style: italic;
}

img 
{
    border: none;
}

a#nochexMerchant img
{
    border: solid 1px #555;
}

img.TitleImage,
img.TitleImageLeft
{
    border: solid 1px #ddd;
}

div.highlight
{
    border: solid 2px #FFBB55;
    background: #eee;
    margin: 0.5em;
}