body
{
    background-color: Transparent;
    background-image: none;
}

body.iFrameBody
{
    background: none !important;
}

.priority
{
    background-color: #FFD590;
}

body.wide
{
    background-color: inherit;
    background-image: inherit;
}

body.wide #admin 
{
    max-width: inherit;
}

/*Magic to make admin order form scroll bars*/
div#scroll::-webkit-scrollbar
{
    background-color: #d6d6d6;
}

div#scroll::-webkit-scrollbar
{
    height: 17px;
}

div#scroll::-webkit-scrollbar-button
{
    display: none;
}

div#scroll::-webkit-scrollbar-thumb
{
    background: #9b9d9e;
    border: 3px solid #d6d6d6;
}

    div#scroll::-webkit-scrollbar-thumb:hover
    {
        background: #828586;
    }

    div#scroll::-webkit-scrollbar-thumb:active
    {
        background: #4a90d9;
    }

/* Bar Element CSS */
.bar
{
    overflow: hidden;
    height: 30px;
    font: 12px/27px Arial,sans-serif;
    line-height: 27px;
    color: #CCC !important;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid black;

    background: #222222; /* older browsers background */
    background: linear-gradient(#333333, #111111);
    background: -moz-linear-gradient(#333333, #111111);
    background: -o-linear-gradient(#333333, #111111);
    background: -webkit-linear-gradient(#333333, #111111);
    background: -ms-linear-gradient(#333333, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); /* for IE */
    width: 100%;
}

.barRight,
.bar li.barRight
{
    float: right !important;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    height: 28px;
    font: 12px/27px Arial,sans-serif;
    line-height: 27px;
    color: #CCC !important;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid black;
    background: #222222; /* older browsers background */
    background: linear-gradient(#333333, #111111);
    background: -moz-linear-gradient(#333333, #111111);
    background: -o-linear-gradient(#333333, #111111);
    background: -webkit-linear-gradient(#333333, #111111);
    background: -ms-linear-gradient(#333333, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); /* for IE */
    border-left: 2px solid rgba(255, 255, 255, 0.3);
}
    .barRight .barNotification
    {
        padding-top: 2px;
        height: 26px;
    }

.barElement
{
    text-align:center;
    display: inline-block;
    float: left;
}
.barElement a:hover
{
    background: #444444;
}
.barElement a
{
    cursor: pointer;
    display: block;
    text-decoration: none !important;
    color: #CCC !important;
    padding: 0px 7px 2px 7px;
}

/* List CSS */
.bar ol
{
    list-style: none;
    margin: 0;
    padding: 0;
}
    
.bar li
{
    display: inline-block;
    position: relative;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
}

    .bar li#liUserDetails
    {
        white-space: nowrap;
        overflow: hidden;
    }

.bar li a
{
    display: inline-block;
}

.barElement.hamburger
{
    display: none;
    font-size: 16px;
}

.barElement .shortName
{
    display: none;
}


/* Status Bar - shrink names to short names below 2239px wide so that they fit */
@media only screen and (min-width: 1400px) and (max-width: 2239px)
{
    .barElement .shortName
    {
        display: inline;
    }

    .barElement .longName
    {
        display: none;
    }
}

/* Status Bar - shrink to hamburger menu below 1400px wide so that it fits */
@media only screen and (max-width : 1399px)
{
    .bar li.barElement
    {
        display: none;
    }

        .bar li.barElement.hamburger,
        .bar.hamburgerExpanded li.barElement.hamburger,
        .bar li.barElement.barRight,
        .bar.hamburgerExpanded li.barElement.barRight
        {
            border-top: 0;
            display: inline-block;
            border-top: 0;
            text-align: right;
        }

    .bar.hamburgerExpanded
    {
        height: auto;
    }

        .bar.hamburgerExpanded li.barElement
        {
            display: block;
            text-align: right;
            border-top: 2px solid rgba(255, 255, 255, 0.3);
            float: none;
        }

    .barNotification
    {
        min-width: 20px;
    }

    .bar li a
    {
        padding: 0px 7px 0px 7px;
    }

    .bar .ActiveFalse
    {
        padding-top: 0px;
    }

    .bar .ActiveTrue
    {
        background: #555555;
        border-top: 0;
    }

        .bar .ActiveTrue a.notificationInactive
        {
            background: #555555;
        }
}

.ActiveFalse a
{
    padding-top: 2px;
}

.ActiveTrue
{
    border-top: 2px solid red;
    font-weight:bolder;
}

.barNotification
{
    background: #111166;
    border-left: 1px solid black;
}

a.notificationInactive
{
    background: #222222; /* older browsers background */
    background: linear-gradient(#333333, #111111);
    background: -moz-linear-gradient(#333333, #111111);
    background: -o-linear-gradient(#333333, #111111);
    background: -webkit-linear-gradient(#333333, #111111); 
    background: -ms-linear-gradient(#333333, #111111); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); /* for IE */
}

a.notificationInactive:hover
{
    background: #444444 !important;
} 

a.notificationInactive.notificationType_5
{
    display: none !important;
}

.waiting
{
    background-image: url(../images/loader_large.gif) !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}
a.waiting:hover 
{
    background-image: url(../images/loader_large.gif) !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}


/* New or updated orders */
/* Waiting Order Issues */
.notificationType_1, .notificationType_4
{
    background: #009900; /* older browsers background */
    background: linear-gradient(#009900, #111111);
    background: -moz-linear-gradient(#009900, #111111);
    background: -o-linear-gradient(#009900, #111111);
    background: -webkit-linear-gradient(#009900, #111111);
    background: -ms-linear-gradient(#009900, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#111111'); /* for IE */
}
a.notificationType_1:hover, a.notificationType_4:hover 
{
    background: #119911; /* older browsers background */
    background: linear-gradient(#009900, #444444);
    background: -moz-linear-gradient(#009900, #444444);
    background: -o-linear-gradient(#009900, #444444);
    background: -webkit-linear-gradient(#009900, #444444);
    background: -ms-linear-gradient(#009900, #444444);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#444444'); /* for IE */
}

/* Messages waiting for a response */
/* Active Order Issues */
.notificationType_2, .notificationType_3
{
    background: #CC0000; /* older browsers background */
    background: linear-gradient(#CC0000, #111111);
    background: -moz-linear-gradient(#CC0000, #111111);
    background: -o-linear-gradient(#CC0000, #111111);
    background: -webkit-linear-gradient(#CC0000, #111111); 
    background: -ms-linear-gradient(#CC0000, #111111); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#111111'); /* for IE */
}

a.notificationType_2:hover, a.notificationType_3:hover
{
    background: #CC1111; /* older browsers background */
    background: linear-gradient(#CC0000, #444444);
    background: -moz-linear-gradient(#CC0000, #444444);
    background: -o-linear-gradient(#CC0000, #444444);
    background: -webkit-linear-gradient(#CC0000, #444444); 
    background: -ms-linear-gradient(#CC0000, #444444); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#444444'); /* for IE */
}
.notificationType_5 {
    background: #5F04B4; /* older browsers background */
    background: linear-gradient(#5F04B4, #111111);
    background: -moz-linear-gradient(#5F04B4, #111111);
    background: -o-linear-gradient(#5F04B4, #111111);
    background: -webkit-linear-gradient(#5F04B4, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F04B4', endColorstr='#111111'); /* for IE */
}

a.notificationType_5:hover {
    background: #6A0888; /* older browsers background */
    background: linear-gradient(#6A0888, #444444);
    background: -moz-linear-gradient(#6A0888, #444444);
    background: -o-linear-gradient(#6A0888, #444444);
    background: -webkit-linear-gradient(#6A0888, #444444);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6A0888', endColorstr='#444444'); /* for IE */
}

.bigAlert
{
    margin-bottom: 10px;
    padding: 15px 10px 15px 10px;
    
    text-align:center;
    font-size: 30px;
    display: block;
}

.bigAlert small{
    font-size: 17px;
}

.redAlert{
    border: 2px solid red;
    background-color: #FF9999;
    color: Red;
}

.orangeAlert{
    border: 2px solid red;
    background-color: #FFCC66;
    color: #FF6600;
}

.orangerAlert{
    border: 2px solid red;
    background-color: orange;
    color: red;
}

.blackAlert
{
    border: 2px solid #575757;
    background-color: black;
    color: white;
}

.yellowAlert{
    border: 2px solid #FFF273;
    background-color: #FFE800; 
}

.purpleAlert{
    border: 2px solid #280339;
    background-color: #5B2971; 
    color: white;
}

.blueAlert
{
    border: 2px solid #248897;
    background-color: #34D7EE;
    color: white;
}

.pinkAlert
{
    border: 2px solid #efb0ea;
    background-color: #fff0fe;
}

.highlight
{
    background-color: #F4FA58;
}

.amountError
{
    color: Red;
    background-color: Yellow;
    font-weight: bold;
}

.comment-content hr.admin-line
{
    border-color: black;
}

.noteListItem_0 .comment-content, .noteListItem_1 .comment-content
{
   background-color: #E3FBE9;
}

.noteListItem_2 .comment-content
{
   background-color: #D1FFF5;
}

.noteListItem_3 .comment-content
{
   background-color: #FAFBDF;
}

.noteListItem_4 .comment-content
{
   background-color: #EDDFFB;
}

.noteListItem_5 .comment-content
{
   background-color: #FFECEC;
}

.noteListItem_6 .comment-content
{
   background-color: #C9EAF3;
}

.printDiv
{
    display: none;
}

.historyContent
{
    display: inline-block;
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 4px;
    width: 747px
}

.PrintMode .historyContent
{
    max-height: none;
}

ul.comment-list li.comment .comment-content
{
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
}

ul.comment-list li.comment .comment-content p{
    padding: inherit;
}

.buttonOk, .printButton, .buttonQuickClose, .buttonMms, .buttonSleep, .buttonSendToSP
{
    display: inline-block;
    text-align: center;
    color: white !important;
    text-decoration: none;
    padding-top: 5px;
    float: right;
    width: 100px;
    height: 20px;
    margin-left: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.buttonOk
{
    background: #00A000; /* older browsers background */
    background: linear-gradient(#00A000, #008800);
    background: -moz-linear-gradient(#00A000, #008800);
    background: -o-linear-gradient(#00A000, #008800);
    background: -webkit-linear-gradient(#00A000, #008800);      
    background: -ms-linear-gradient(#00A000, #008800);      
}

.buttonSendToSP
{
    background: #0276FD; /* older browsers background */
    background: linear-gradient(#0276FD, #0276FD);
    background: -moz-linear-gradient(#0276FD, #0276FD);
    background: -o-linear-gradient(#0276FD, #0276FD);
    background: -webkit-linear-gradient(#0276FD, #0276FD);
    background: -ms-linear-gradient(#0276FD, #0276FD);
}

.buttonOk:hover, .buttonOk:active
{
    background: #00C000; /* older browsers background */
    background: linear-gradient(#00C000, #00A000);
    background: -moz-linear-gradient(#00C000, #00A000);
    background: -o-linear-gradient(#00C000, #00A000);
    background: -webkit-linear-gradient(#00C000, #00A000);
    background: -ms-linear-gradient(#00C000, #00A000);
}

.buttonQuickClose
{
    background: #FF4040; /* older browsers background */
    background: linear-gradient(#FF4040, #BF3030);
    background: -moz-linear-gradient(#FF4040, #BF3030);
    background: -o-linear-gradient(#FF4040, #BF3030);
    background: -webkit-linear-gradient(#FF4040, #BF3030);
    background: -ms-linear-gradient(#FF4040, #BF3030); 
}

.buttonQuickClose:hover, .buttonQuickClose:active
{
    background: #FF4040; /* older browsers background */
    background: linear-gradient(#FF4040, #A60000);
    background: -moz-linear-gradient(#FF4040, #A60000);
    background: -o-linear-gradient(#FF4040, #A60000);
    background: -webkit-linear-gradient(#FF4040, #A60000);
    background: -ms-linear-gradient(#FF4040, #A60000); 
}

.buttonSleep
{
    background: #819FF7; /* older browsers background */
    background: linear-gradient(#819FF7, #5882FA);
    background: -moz-linear-gradient(#819FF7, #5882FA);
    background: -o-linear-gradient(#819FF7, #5882FA);
    background: -webkit-linear-gradient(#819FF7, #5882FA);
    background: -ms-linear-gradient(#819FF7, #5882FA); 
}

.buttonSleep:hover, .buttonSleep:active
{
    background: #819FF7; /* older browsers background */
    background: linear-gradient(#819FF7, #013ADF);
    background: -moz-linear-gradient(#819FF7, #013ADF);
    background: -o-linear-gradient(#819FF7, #013ADF);
    background: -webkit-linear-gradient(#819FF7, #013ADF);
    background: -ms-linear-gradient(#819FF7, #013ADF); 
}

.printButton
{
    background: #989898; /* older browsers background */
    background: linear-gradient(#989898, #787878);
    background: -moz-linear-gradient(#989898, #787878);
    background: -o-linear-gradient(#989898, #787878);
    background: -webkit-linear-gradient(#989898, #787878);
    background: -ms-linear-gradient(#989898, #787878);
}

.printButton:hover, .printButton:active
{
    background: #686868; /* older browsers background */
    background: linear-gradient(#686868, #585858);
    background: -moz-linear-gradient(#686868, #585858);
    background: -o-linear-gradient(#686868, #585858);
    background: -webkit-linear-gradient(#686868, #585858);
    background: -ms-linear-gradient(#686868, #585858);
}

.buttonMms
{
    background-image: url("../images/TelstraLogoPurpleWhite.png");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-color: #0099d2;
    padding-left: 30px;
    text-align: left;
    width: 60px;
}

.buttonMms:hover, .buttonMms:active
{
    background-color: #00B9F1;
}

dl.twoColumn
{
    white-space: nowrap;
}

dl.twoColumn dt
{
    float: left;
    clear: both;
    width: 50%;
    margin: 0 15px 0 0;
    text-align: right;
    font-weight: bold;
}

dl.twoColumn dd
{
    text-align: left;
    float: left;
    margin-left: 0px;
}

body .ui-tooltip
{
    border-width: 0;
}

.ui-tooltip
{
	max-width: none;
	opacity: 0.95;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.75) 0 1px 16px,rgba(255,255,255,0.15) 0 1px 0 inset;
    -moz-box-shadow: rgba(0,0,0,0.75) 0 1px 16px,rgba(255,255,255,0.15) 0 1px 0 inset;
    -ms-box-shadow: rgba(0,0,0,0.75) 0 1px 16px,rgba(255,255,255,0.15) 0 1px 0 inset;
    box-shadow: rgba(0,0,0,0.75) 0 1px 16px,rgba(255,255,255,0.15) 0 1px 0 inset;
}

.ui-tooltip h3
{
    color: #3b3b3b;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    padding: 0px 0px 10px 0px;
    margin: 0;
}

.ui-tooltip dl.twoColumn
{
    color: #3b3b3b;
    font-family: verdana;
    font-size: 11px;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.ui-tooltip dl.twoColumn dt
{
    width: 120px;
    font-weight: bold;
}

.ui-datepicker .ui-state-default
{
    background-color: #b0ff80;
    background-image: none;
}

.commentActionOptions
{
    font-size: 12px !important;
    position: relative;
}

.issueActionCustomerProblem
{
    float: right;
}

.issueActionCustomerProblem label
{
    width: inherit;
    margin-right: 3px;
    padding-left: 10px;
}

.issueActionCustomerProblem input
{
    margin-top: 2px;
}

.buttonInlineWithField
{
    margin-top: 0px;
    margin-bottom: 0px;
}

tr.row
{
    background-color: #FFFFFF;
}

.rowAlt
{
    background-color: #E6E6FA;
}

.facebookVerified
{
	display: inline-block;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	padding: 3px 6px 3px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	background: #5F78AB;
	color: white;
	border-top: 1px solid #29447E;
	border-right: 1px solid #29447E;
	border-left: 1px solid #29447E;
	border-bottom: 1px solid #1A356E;
	
	margin-left: 23%;
	margin-bottom: 10px;	
}

.paypalVerified
{
    display: inline-block;

    -webkit-box-shadow: inset 1px 0 rgba(77, 190, 255, .5) !important;
    box-shadow: inset 1px 0 rgba(77, 190, 255, .5) !important;
    color: #f9fcff !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    text-shadow: 0 -1px 0 #00629c !important;
    font: normal 700 1em/1.5 "Helvetica Neue", Arial, sans-serif !important;
    height: 2.25em !important;
    padding: .625em .66667em 0 !important;	
    vertical-align: baseline !important;
    background-color: #0079c1 !important;
    background-image: -webkit-linear-gradient(#00a1ff 20%, #0079c1) !important;
    background-image: linear-gradient(#00a1ff 20%, #0079c1) !important;
    background-repeat: no-repeat !important;
    border-color: #0079c1 #00588b #004b77 !important;
    -webkit-box-shadow: inset 0 1px #4dbeff !important;
    box-shadow: inset 0 1px #4dbeff !important;


	margin-left: 23%;
	margin-bottom: 10px;	
}

.SupportHotline
{
    padding-top: 3px !important;
    color: Green !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.helpButton
{
    padding: 15px;
    font-size: 130%;

    position: fixed;
    bottom: 15px;
    left: 15px;

    z-index: 10;
}

.help
{
    font-size: 140%;
}

ul.menu-horiz
{
    height: 26px;
    white-space: nowrap;
    font-weight: normal;
}

ul.menu-horiz.ui-menu > li
{
    background: none !important;
    float: left;
    display: block;
    width: auto !important;
    padding: 0 0 !important;
}

ul.menu-horiz.ui-menu > li > a
{
    display: block;
    clear: both;
    overflow: hidden;
    padding: 5px 7px !important;
    text-decoration: none;
}

ul.menu-horiz.ui-menu .ui-menu-icon
{
    display: none;
}

ul.menu-horiz.ui-menu > li.ui-state-focus > a,
ul.menu-horiz.ui-menu > li.ui-state-active > a
{
    background-image: none !important;
    background-color: #ffffff !important;
}

ul.menu-horiz.ui-menu > li > ul > li
{
    background-image: none;
}

ul.menu-horiz.ui-menu > li > ul > li.ui-state-focus
{
    background-image: url("../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png");
}

ul.menu-horiz.ui-menu > li > ul
{
    left: -1px !important;
    top: 26px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
}

ul.menu-horiz.ui-menu > li > ul > li
{
    padding: 0 0 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

ul.menu-horiz.ui-menu > li > ul > li > a
{
    display: block;
    padding: .4em .4em !important;
    text-decoration: none;
}

ul.menu-horiz.ui-menu > li.hamburger
{
    display: none;
}

/*Tablet and mobile*/
@media only screen and (max-width : 940px)
{
    ul.menu-horiz
    {
        height: 31px
    }

        ul.menu-horiz.ui-menu > li.hamburger
        {
            display: block;
        }

        ul.menu-horiz.ui-menu > li
        {
            font-size: 16px;
            display: none;
        }

        ul.menu-horiz.ui-menu.hamburgerExpanded > li
        {
            display: block;
            width: 100% !important;
        }

            ul.menu-horiz.ui-menu.hamburgerExpanded > li > ul.ui-menu
            {
                position: relative;
                top: 0px !important;
            }
}

.button[disabled],
input.button[disabled]
{
    cursor: default;
    background: #fafafa; /* older browsers background */
    background: linear-gradient(#dddddd, #eeeeee);
    background: -moz-linear-gradient(#dddddd, #eeeeee);
    background: -o-linear-gradient(#dddddd, #eeeeee);
    background: -webkit-linear-gradient(#dddddd, #eeeeee);
    background: -ms-linear-gradient(#dddddd, #eeeeee);
    color: #aaaaaa;
    border: 1px solid #cccccc;
}

.tableCellWithScrollbars
{
    max-width: 50em;
    overflow: auto;
}

.tableCellWithScrollbarsMultiLineTextBox
{
    max-width: 50em;
    width: 99%;
}

.ErrorMessageBlock
{
    color: red;
    display: block;
    margin-bottom: 10px;
}

.productSearch
{
    float: left;
    padding-left: 18px;
    margin-top: -4px;
}

    .productSearch input
    {
        width: 250px;
        height: 22px;
    }

.nomarginnopadding,
.panel-body.nomarginnopadding
{
    margin: 0;
    padding: 0;
}

.clickable
{
    cursor: pointer;
}

.panel-heading span
{
    margin-top: -17px;
    font-size: 15px;
}

.phoneLookupResult
{
    min-width: 100%;
}

.phoneLookupResult tbody tr
{
    cursor: pointer;
}