﻿/*------------*/
/* Global CSS */
/*------------*/
body, html
{
    /*font-family: Tahoma;*/
    padding: 0 auto;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
a 
{
    color: #ff6d00;
}
a: visited
{
    color: #ad3314;
}
p { margin:0; padding:0; }

body
{
    /* change - Ike 
    background: #909190 url(/images/background.gif);
    */
    /*
    background: #d2d2d2 url(/images/backgroundNew.png);
    */
}
input, select, textarea
{
    /*font-family: Tahoma,Verdana,Arial;*/
}

.Error
{
    font-weight: bold;
    background: Red;
    color: White;
}
.PPowerRed
{
	color: #e2191e;
}
.PPowerGrey
{
	color: #666666;
}
.PPowerLtBlack
{
	color: #333333;
}
.PPowerMimicLink
{
	text-decoration: underline;
	color: #0000FF;
}
.CenteredResultHolder
{
	float: left;
	width: 100%;
	text-align: center;
}
.ProgressRoundLoading
{
	float: left;
	width: 50px;
}
.Left
{
	float: left;
}
.Right
{
	float: right;
}
.Max
{
	width: 100%;
}
.Error
{
    font-weight: bold;
    background: Red;
    color: White;
}
.helpdiv
{
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 75%;
    border: #cccccc 1px solid;
    padding-left: 15px;
    z-index: 100;
    overflow: hidden;
    width: 375px;
    padding-top: 3px;
    background-color: #ffffff;
    -moz-opacity: .90;
    height: 19px;
}
.textboxextender
{
    background-color: #fffff0;
    font-size: 11px;
}
.clearDiv
{
    clear: both;
}
.ModalBackground
{
    float: left;
    background-color: Gray;
    opacity: 0.5;
    filter: alpha (opacity = 50);
}
/*-------------------*/
/* MasterPage Header */
/*-------------------*/
#HeaderNew
{
    height: 120px;
    width: 950px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
}
.HeaderL  /* -Ike , removed this from html */
{
    float:left; 
    width:19px; 
    height:120px;
    background: url('/images/header_new_left.png')
}
.HeaderR /* -Ike, removed this from html */
{
    float:right; 
    width:19px; 
    height:120px; 
    background: url('/images/header_new_right.png')
}
.HeaderC 
{
    float: left;
    width:950px; 
    height:120px; 
    /*background: url('/images/header_new_center.png')*/
    /* -Ike, new header background image and padding */
    
    background:url('/images/header_new.png')
    
}
/*.HeaderNav 
{
    float: left;
    height:31px;
    position: relative;
    top: 92px;
    left: 5px;
    width: 765px;
    text-align: left;
    color: #FFFFFF;
}
#HeaderMyAccount
{
    float: right;
    height:31px;
    position: relative;
    top: 92px;
    left: -5px;
    width: 100px;
    text-align: right;
}
/*.Logo   uncomment after haiti
{
    float: left;
    height:64px;
    width: 313px;
    position: relative;
    top: -12px;
    /*left: -15px; commented out 
    cursor: pointer;
    }*/
    
/*********
    remove after Haiti
*********/

.Logo
{
    float: left;
    height:64px;
    /*width: 313px;*/
    position: relative;
    top: -12px;
    /*left: -15px; commented out */
    cursor: pointer;
    margin-left:15px;
    }

.Chat
{
    float: right;
    height:78px;
    width: 300px;
    position: relative;
    top: -31px;
    left: 5px;    
    padding-top: 13px;
}
.Links
{
    padding-bottom: 5px;
    /* -Ike added padding left and right */
    margin-left:10px;
    margin-right:10px;
    font-size: 11px;
    font-weight: bold;
}
.Links a
{
    text-decoration: none;
    color: White;
}
.Links a:hover
{
    text-decoration: underline;
}
/*-------------------*/
/* VoIP Menu Control */
/*-------------------*/
/*.Menu a
{
    text-decoration: none;
    color: white;
    width: 100%;
    font-size: 11px !important;
    font-weight: bold;
}
.Menu a:hover
{
    text-decoration: bold;
}
.Menu td
{

    COMMENTED
    background: #3366cc url(/images/button_back.gif) bottom;
    border: 1px solid #3333cc;
    COMMENTED
    background:#5d9000;
    border:1px solid #83963e;
    padding-left: 5px;
    padding-bottom: 6px;
    color: white;
}
.Menu td:hover
{
    COMMENTED
    border-color: #333399;
    background-image: url(/images/button_back_over.gif);
    background-color: #6699cc;
    COMMENTED
    background:#bcdb01;
    border:1px solid #7b8754;
    color: Orange;
    font-weight: bold;
}
*/
/********************
        MY ACCOUNT MENU ORDER PROCESS COLORS
        **************************************/

.Menu a
{
    text-decoration: none;
    color: white;
    width: 100%;
    font-size: 11px !important;
    font-weight: bold;
}
.Menu a:hover
{
    text-decoration: bold;
}
.Menu td
{
    /*
    background: #3366cc url(/images/button_back.gif) bottom;
    border: 1px solid #3333cc;
    */
    background:#5d9000 url(/images/order/inactiveBg.jpg) bottom repeat-x;
    /*background:#5d9000 url(/images/order/inactiveBg4.jpg) bottom repeat-x;*/
    border:1px solid #83963e;
    padding-left: 5px;
    padding-bottom: 6px;
    color:#ffffff;
    max-height:30px !important;
}

.Menu td a
{
    color:#ffffff;
}

.Menu td:hover
{
    /*
    border-color: #333399;
    background-image: url(/images/button_back_over.gif);
    background-color: #6699cc;
    */
    background:#bcdb01 url(/images/order/activeBg.jpg) bottom repeat-x;
    border:1px solid #7b8754;
    color:#ffffff;
    /*color: Orange;*/
    font-weight: bold;
    max-height:30px !important;
}

.Menu td:hover a
{
    /*color:#8b9f00;*/
    /*color:#627100;*/
    color:#ffffff;
    font-weight: bold;
}

/*
.Menu td:hover a
{
    text-decoration: bold;
}*/
/*----------------*/
/* Footer Control */
/*----------------*/

/*
#Footer
{
    background: transparent url(/images/master_footer.png) left no-repeat;
    width: 890px;
    height: 40px;
    color: White;
    font-size: 11px;
}
.footerLeft
{
    width: 12px;
    background: transparent url(/images/content_white_leftbottomcor.png) right no-repeat;
}
.footerMiddle
{
    background: transparent url(/images/content_white_bottomback.png) top repeat-x;
}
.footerRight
{
    width: 12px;
    background: transparent url(/images/content_white_rightbottomco.png) left no-repeat;
}
#FooterBG
{
    /*Ike update to FOOTERNEW */ /*Dec 2, 2009 went back to footer.png*/
    
    /*
    background: url('/images/footer.png') no-repeat top center;
    width: 950px;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 28px;
}
.FooterText
{
    font-family: Tahoma; 
    padding-top: 8px;
    font-size: 11px;
    text-align: center;
    color: #ffffff;
}
.FooterLinks
{
    font-weight: bold;
    position: relative;
    z-index: 10; 
    color: #ffffff;
}

*/

/*-------------*/
/* Blue Styles */
/*-------------*/
.blueTopLeft
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/blue_lefttopcorner.png) bottom right no-repeat;
}
.blueTopBack
{
    height: 10px;
    background: transparent url(/images/blue_topback.png) bottom repeat-x;
}
.blueTopRight
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/blue_righttopcorner.png) bottom left no-repeat;
}
.blueLeft
{
    width: 10px;
    background: transparent url(/images/blue_leftback.png) top right repeat-y;
}
.blueRight
{
    width: 10px;
    background: transparent url(/images/blue_rightback.png) top left repeat-y;
}
.blueBottomLeft
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/blue_leftbottomcorner.png) top right no-repeat;
}
.blueBottomBack
{
    height: 10px;
    background: transparent url(/images/blue_bottomback.png) top repeat-x;
}
.blueBottomRight
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/blue_rightbottomcorner.png) top left no-repeat;
}
/*-------------*/
/* Gray Styles */
/*-------------*/
.grayTopLeft
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/gray_lefttopcorner.png) bottom right no-repeat;
}
.grayTopBack
{
    height: 10px;
    background: transparent url(/images/gray_topback.png) bottom repeat-x;
}
.grayTopRight
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/gray_righttopcorner.png) bottom left no-repeat;
}
.grayLeft
{
    width: 10px;
    background: transparent url(/images/gray_leftback.png) top right repeat-y;
}
.grayRight
{
    width: 10px;
    background: transparent url(/images/gray_rightback.png) top left repeat-y;
}
.grayBottomLeft
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/gray_leftbottomcorner.png) top right no-repeat;
}
.grayBottomBack
{
    height: 10px;
    background: transparent url(/images/gray_bottomback.png) top repeat-x;
}
.grayBottomRight
{
    width: 10px;
    height: 10px;
    background: transparent url(/images/gray_rightbottomcorner.png) top left no-repeat;
}
/*-------------------*/
/* Mouseover Tooltip */
/*-------------------*/
#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 5px;
	background-color: #FFFFCC;
	visibility: hidden;
	z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
    font-weight: bold;
}
#dhtmlpointer
{
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

/*
.centerLeft
{
    background: transparent url(/images/content_white_leftback.png) right repeat-y;
}
.centerCenter
{
    background: #ffffff;
}
.centerRight
{
    background: transparent url(/images/content_white_rightback.png) left repeat-y;
}
*/

img.noBorder 
{
    border:0px;
}

a.noBorder
{
    border:0px;
}




