/*
///////////////////////////////////////////////////////////////////////////////
// aastralink.css
///////////////////////////////////////////////////////////////////////////////
//  Copyright (c) 2006 Aastra Telecom
//  All Rights Reserved
//
//  CONFIDENTIALITY AND LIMITED USE
//
//  This software, including any software of third parties embodied herein,
//  contains information and concepts which are confidential to Aastra
//  Telecom and such third parties.  This software is licensed for use
//  solely in accordance with the terms and conditions of the applicable
//  license agreement with Aastra Telecom or its authorized distributor.
//
//  RESTRICTED RIGHTS LEGEND
//
//  Use, duplication, or disclosure by the U.S. Government is subject to
//  restrictions as set forth in subparagraph (c)(1)(ii) of the Rights in
//  Technical Data and Computer Software clause at 252.227-7013 and/or the
//  Commercial Computer Software Restricted Rights clause at FAR
//  52.227-19(c)."
//
///////////////////////////////////////////////////////////////////////////////
//  Description:
//  This is the CSS file for the AastraLink Web Interface.  This contains all
//  of the layout information for the site, including fonts, colors, table headers
//  form fields, menus, and dialog boxes.
//*/

/*******************************************
 ** Main Tags
 **/
html, body {
    height: 100%;
    margin: 0;
    color: #000000;
}

body {
    background: #3b60a7 url('/web/images/bg.jpg') no-repeat;
    background-position: top center;
    text-align:  center;
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
}

a {
    font-weight: bold;
    color:       #C60;
    text-decoration: underline;
}

a:hover {
    color:       #F93;
    text-decoration: underline;
}

img {
    border:      0;
    line-height: 1em;
    vertical-align: bottom;
}

form {
    margin:     0px;
    padding:    0px;
    border:     0px;
    clear:      both;
}

fieldset {
    margin: 0px;
    border: 0px;
    padding:         0px;
}

label, input, select {
    display: block;
    float: left;
    width: 20em;
    height: 1.5em;
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;

    margin-bottom: .75em;
}


input, select {
    width: auto;
    height: auto;
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
}

br {
    clear: both;
}

abbr {
    border: 0;
}

h1,h2,h3 {
    margin: 0;
    padding: 0;
    line-height: 1em;
    color: #3c60a7;
}

h1 {
    font: 24pt Arial, Helvetica, FreeSans, Sans-serif;
}

h2 {
    font: 18pt Arial, Helvetica, FreeSans, Sans-serif;
    margin: 1.5em 0 0.25em 0;
    border-bottom: 1px solid #CCC;
}

h3 {
    font: 13pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #333;
}



/*******************************************
 ** Layout
 **/

div#logoblock {
     overflow: hidden;
     width: 100%;
     padding: 1em 0 0 0;
     margin: 0;
}
div#logoblock div#aastralink {
     float: left;
}

div#logoblock div#aastralogo {
     float: right;
}

div#container {
    width:       55em;
    margin:      0 auto;
    padding:     0;
}

#content, #content_login {
    clear: both;
    margin-top: 4em;
    padding: 1em;
    background: #FFFFFF url('/web/images/dialog_body.jpg') repeat-x;

    font: 9pt Arial,Helvetica,FreeSans, Sans-serif;
    color: #000000;
    text-align: left;
    border: 3px solid #6aabe1;
}

#content_login {
    text-align: center;
}

#footer {
    display: block;
    width: 100%;
    margin: 1em auto;
    clear: both;

    text-align: left;
    font: 8pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #FFF;
}



/*******************************************
** Menu
**/
div#menu div {
    width:      100%;
    padding:    0;
    margin:     0;

    border-top:     1px solid #1f417e;
    border-bottom:  1px solid #5d80bf;
    border-left:    1px solid #1f417e;
    border-right:   1px solid #5d80bf;
}

div#menu_container {
    background:     #9f5151 url('/web/images/menu.jpg') repeat-x;
    background-position: bottom;
}

div#menu div ul {
    overflow:   hidden;
    width:      100%;
    margin:     0 auto;
    list-style: none;
    padding:    0;
}

div#menu div ul li {
    float:      left;
    margin:     0;
    padding:    0;
}

div#menu div ul li a,
div#menu div ul li a:hover {
    display: block;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    color: #FFF;
}

div#menu div#menu_container ul.menu li {
    width:      25%;
}

/* IE cant divide by 20% correctly, so aim slightly under */
div#menu div#menu_container ul.menu_user li,
div#menu div#menu_container ul.debug li {
    width:      19.95%;
}

div#menu_container a, 
div#menu_container a:hover {
    color: #FFF;
    text-decoration: none;
    border: 0;
}

div#menu_container ul.menu li a, 
div#menu_container ul.menu li a:hover {
    padding: .25em 0;
    font:           20px Arial, Helvetica, FreeSans, Sans-serif;

    border-bottom:  1px solid #631a1a;
    border-right:   1px solid #631a1a;
    border-top:     1px solid #ab7676;
    border-left:    1px solid #ab7676;
}

div#menu_container ul.menu li a:hover {
    background: #b75d5d url('/web/images/menu2.jpg') repeat-x;
    background-position: bottom;
}


div#menu_container ul.menu li.on a, 
div#menu_container ul.menu li.on a:hover  {
    background: #793d3d url('/web/images/menu3.jpg') repeat-x;
    border-bottom:  1px solid #ab7676;
    border-right:   1px solid #ab7676;
    border-top:     1px solid #631a1a;
    border-left:    1px solid #631a1a;
}

div#menu_container ul.menu li.disabled a {
    color: #ab7676;
}






/*******************************************
** Submenu
**/
div#submenu_container {
    background:     #cd890c url('/web/images/submenu.jpg') repeat-x;
    background-position: bottom;
    font:           bold 9pt Arial, Helvetica, FreeSans, Sans-serif;
}

div#submenu_container ul.submenu {
    height:         2em;
    line-height:    2em;
}

div#submenu_container ul.submenu li {
    display:        inline;
    float:	    none;
}

div#submenu_container ul.submenu li a,
div#submenu_container ul.submenu li a:hover {
    display:        inline;
    padding:        .15em 1em;
    font-weight:    bold;
}

div#submenu_container ul.submenu li.on a,
div#submenu_container ul.submenu li.on a:hover {
    background:     #b96e09 url('/web/images/submenu3.jpg') repeat-x;
    border-bottom:  1px solid #edb163;
    border-right:   1px solid #edb163;
    border-left:    1px solid #a2620e;
    border-top:     1px solid #a2620e;
}

div#submenu_container ul.submenu li a:hover {
    background: #d89717 url('/web/images/submenu2.jpg') repeat-x;
    background-position: bottom;
}










/*******************************************
 ** Tertiary Menu
 **/
.side_menu  {
    display: block;
    padding: 0;
    font:   8pt Arial, Helvetica, FreeSans, Sans-serif;
    letter-spacing: 0;
    margin: -2.75em 0 2em 0;
}

.side_menu ul, ul#sub_side_items {
    list-style-type: none;
    padding:    0;
    margin:     0;
}

.side_menu ul li, ul#sub_side_items li {
    display:    inline;
}

.side_item a, ul#sub_side_items a { 
    width:      auto;
    float:      none;
    padding:    .25em 1em;
    text-decoration: none;
    border:     1px solid #6aabe1;
    background: #FEFEFE;
    color:      #3c60a7;
}

.side_item a:hover, ul#sub_side_items a:hover, p.buttons a:hover {
    background: #d6e7f8;
    color:      #3C60A7;
}

.side_item_on a { 
    position:   relative;
    top:        -.1em;
    width:      auto;
    float:      none;
    margin-bottom: 0px;
    padding:    .5em .5em .5em .5em;
    color:      #3b60a7;
    background: #e5f3ff;
    border:     3px solid #6aabe1;
    border-bottom: 0px;
    font-weight: bold;
    text-decoration: none;
}



.side_menu form {
    position: relative;
    top: 1em;
    float: right;
/*border: 1px solid #000;*/
}

.side_menu input {
    background: #FFF url('/web/images/search.jpg') no-repeat left;
    padding: .25em;
    padding-left: 20px;
    border: 1px solid #6aabe1;
}

.side_menu label {  
    display: none;
}

ul#sub_side_items {
margin-top: -.5em;
margin-bottom: .5em;
text-align: center;
}

ul#sub_side_items a {
border: 0;
border-bottom: 1px solid #6aabe1;
margin: 2px;
background: none;
}

ul#sub_side_items li.on a {
border 1px solid #3c60a7;
background: #FEFEFE;
}





/*******************************************
 ** Page and Form buttons
 **/

p.buttons {
    clear:      both;
    width:      100%;
    padding:    0;
    margin:         2em auto;
    text-align: center;
}

p.buttons select {
    float: none;
    margin: 0 auto;
}

span.button_container1 {
    text-align: center;
    margin:         0 auto;
    padding:    0;
}

span.button_container2 {
    margin:              0;
    padding:         .5em 0;
    border: 0;
}

span.button_container2 input {
    display:        inline;
    float:          none;
    width:          auto;
    height:         auto;
    margin:         0;
    padding:        .25em;
    background:     #EEE url('/web/images/button.jpg') repeat-x;
    background-position: bottom;
    border-top:     1px solid #DDD;
    border-left:    1px solid #DDD;
    border-right:   1px solid #777;
    border-bottom:  1px solid #777;
    font:           10pt Arial, Helvetica, FreeSans, Sans-serif;
    text-align:     center;
}

span.button_container2 input:hover {
    color:          #3b60a7;
}

span.button_container1 a {
    display:        inline;
    padding:        .5em;
    margin:         1px;
    background:     #D6E7F8;
    color:          #3C60A7;
    border:         1px solid #3C60A7;
    text-decoration:none;
}

span.button_container1 a:hover {
    background:     #E6F7FF;
    border:         1px solid #3C80C7;
}

span.button_container1 a.disabled, span.button_container1 a.disabled:hover {
    background:     #EEE;
    text-decoration:none;
    color:          #CCC;
    border:         1px solid #CCC;
}

span.button_container1 a.active, span.button_container1 a.active:hover {
    background:     #FFF;
    color:          #3C60A7;
    border:         1px solid #FFF;
}




/*******************************************
 ** Dialog Box
 **/
#dialog_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;

    color: #111111;
    z-index: 401;
    display: none;
}

#dialog_box_container1 {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: none;
    z-index: 410;
}

#dialog_box_container2 {
    width: 32em;
    height: auto;
    margin: auto;
    text-align: right;
}


#dialog_box {
    width: 100%;
    border: 3px solid #6AABE1;
    padding: 0px;
    background: #FFFFFF url('/web/images/dialog_body.jpg') repeat-x;

    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #000000;
    text-align: left;
}

#dialog_titlebar {
    float: left;
    width: 100%;
}

#dialog_title { 
    float: left;
    font: 20pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #3b60a7;
    padding: .25em;
    border: 0;
}

#dialog_close {
    float: right;
    padding: 1em;
}

#dialog_close a { 
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
     padding: .25em 1em;
    margin: 0;
    color: #FFFFFF;
    background: #9f5151 url('/web/images/menu.jpg') repeat-x;

    border-bottom: 1px solid #631a1a;
    border-right: 1px solid #631a1a;
    border-top: 1px solid #ab7676;
    border-left: 1px solid #ab7676;
    text-decoration: none;
}

#dialog_close a:hover {
    background: #b75d5d url('/web/images/menu2.jpg') repeat-x;
     color: #FFF;
}

#dialog_text {
    padding: .5em;
}

#dialog_text label {
    width: 15em;
}


/*******************************************
 ** Status Bar
 **/
#status_container {
    clear: both;
    display: block;
    height: 1.5em;
    font: bold 8pt Arial, Helvetica, FreeSans, Sans-serif;
    line-height: 1.75em;
    color: #FFF;
    padding: .5em;

}

#status_container a {
    color: #fff;
}

#status_container a:hover {
    color: #6aabe1;
}

#status_breadcrumb {
    display: inline;
    float: left;
    text-align: left;
}

#status_logout {
    display: inline;
    float: right;
    text-align: right;
}


/*******************************************
 ** Error/Status Block
 **/
#error_container {
    width: 100%;
    clear: both;
    text-align: center;
}

#error_text {
    width: 50%;
    line-height: 1.5em;
    margin: auto auto 20px auto;
    padding: 5px;

    border: 1px solid #555555;
    background: #999999;
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #FFF;
}

#error_container .bad {
    border: 1px solid #CC6666;
    color: #993333;
    background: #FFE;
}

#error_container .good {
    border: 1px solid #336633;
    color: #336633;
    background: #eff6de;
}

#error_container .warn {
    border: 1px solid #FA8A18;
    color: #FA8A18;
    background: #F8F3B8;
}

#error_container #error_close a { float: right; text-decoration: none; border: 0; color: #333; }
#error_container #error_close a:hover { text-decoration: none; color: #555; }
#error_container .bad #error_close a { text-decoration: none; color: #993333; }
#error_container .bad #error_close a:hover { text-decoration: none; color: #993333; }
#error_container .good #error_close a { text-decoration: none; color: #336633; }
#error_container .good #error_close a:hover { text-decoration: none; color: #336633; }
#error_container .warn #error_close a { text-decoration: none; color: #FA8A18; }
#error_container .warn #error_close a:hover { text-decoration: none; color #FA8A18; }


/*******************************************
 ** Text Styles
 **/


.title {
    display: none;
}

.disabled {
    color: #999999;
}

.no_data {
    margin: auto;
    width: 100%;
    text-align: center;
}






/*******************************************
 ** Table & Data Styles
 **/
table {
    margin: auto;
    border-collapse: collapse;
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
    padding: 0px;
    border: 0px;
    width: 100%;
}

table.login {
    width: 250px;
    border-collapse: collapse;
    padding: 0px;
    border: 0px;

    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
}

th {
    border-bottom:          1px solid #3C60A7;
/*background: #DEF;*/
    padding: 3px;

    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #3c60a7;
    text-align: left;
}

th img { vertical-align: middle; }

th.checkbox {
    width: 30px;
}


tr.even {
    background: #FFFFFF;
}

tr.odd {
    background: #F0F6FF;
}

tr.highlight {
    background: #d6e7f8;
}

td {
    padding: 3px 3px .5em 3px;
    text-align: left;
}

td.sorted_even {
    background: #FFFFDD;
}

td.sorted_odd {
    background: #F6F6D6;
}

td.sorted_green {
    background: #95b6a3;
}



/*******************************************
 ** Softkeys
 **/

div#sk_container1 {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

div#sk_container2 {
    width: 100%;
    margin: 0;
    padding: 0;
}

h1.sk_title {
    font: 14pt Arial, Helvetica, FreeSans, Sans-serif;
}

div.sk_page0 {
    height: 6em;
    background: none;
    padding: 1em;
}

div.sk_page1 {
    height: 6em;
    background: #F0F6FF;
    padding: 1em;
}

div.sk_page36 {
    height: 40em;
    background: none;
    padding: 1em;
}

div.sk_page60_0 {
    height: 22em;
    background: none;
    padding: 1em;
}

div.sk_page60_1 {
    height: 22em;
    background: #F0F6FF;
    padding: 1em;
}

div.sk_page_container {
    float: left;
    height: 100%;
    width: 33%;
}

div.sk_l {
    float: left;
    clear: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

div.sk_r {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: right;
}

div.sk_m {
    width: 50%;
    padding: 0;
    margin: 0;
    line-height: 2em;
}


span.sk_point {
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #C31a1a;
    padding: 0 1em;
}

span.sk_entry_l, span.sk_entry_m {
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
    padding-left: .5em;
    text-align: left;
    line-height: 2em;
}

span.sk_entry_r {
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
    padding-right: .5em;
    text-align: right;
    line-height: 2em;
}


/*******************************************
 ** Forms
 **/


input.hidden {
    display: none;
}

input.small {
    width: auto;
}

input.table {
    width: auto;
    margin: 0;
}

input.required_bad {
    border: 2px solid #FF0000;
}

input.required_good {
    border: 2px solid #00FF00;
}

option.title {
    display: block;
    background: #F0F6FF;
    color: #3c60a7;
    font-weight: bold;
    margin-top: 1em;
    border-bottom: 1px solid #3c60a7;
}


a.labeled, span.disabled {
    display: block;
    float: left;
    height: 3em;
    text-align: left;
}

div.radio_group {
    float:           left;
    text-align:      left;
}

div.radio_group label {
    display: inline;
    float: none;
    width: 5em;
    font: 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #000000;
    margin: 0px;
    margin-right: 3em;
}

div.radio_group input {
    display: inline;
    float: none;
    width: auto;
    margin: 0px;
    margin-right: .25em;
}

div.radio_group select {
    margin: 0;
    width: 100%;
}

span.form_error {
    display: none;
    height: auto;
    float: left;
    margin-left: 5em;
    padding: 3px;

    background: #CC3333;
    border: 2px solid #990000;
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
    color: #FFF;
    text-align: center;
}



div.loginform {
    width: 80%;
    margin: 0 auto;
}

div.loginform label {
    width: 12em;
    text-align: right;
    margin-right: 2em;
}

#dialog_text label {
    width: 12em;
}

#dialog_text div.radio_group {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

div.center span.form_error {
    margin-left: .5em;
    width: 10em;
}

p.cent {
    text-align: center;
}


span.highlight {
    background: #d6e7f8;
    color: #FF0000;
    text-decoration: underline;
}

span.disabled {
    color: #999999;
}






/*******************************************
 ** Autoupgrade Progress Bars
 **/

.progressbar {
    float: left;
    width: 30%;
}

.au_download_container2 {
    display: block;
    width: 100%;
    height: 2em;
    margin: .5em 0;
    padding: .25em;
    float: left;
}

.au_download_title {
    float: left;
    width: 10em;
    font: bold 10pt Arial, Helvetica, FreeSans, Sans-serif;
}

.au_download_bar_container {
    float: left;
    width: 15em;
    height: 1.25em;
    background: #666;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 0 0 2px 0;
}

.au_download_bar {
    float: left;
    width: 0%;
    height: 100%;
    background: #6aabe1;
    border-left: 1px solid #8acbFF;
    border-top: 1px solid #8acbFF;
    border-bottom: 1px solid #4a8bC1;
    border-right: 1px solid #4a8bC1;
}

.au_download_bar_done {
    float: left;
    width: 100%;
    height: 100%;
    background: #33CC33;
    border-left: 1px solid #66FF66;
    border-top: 1px solid #66FF66;
    border-bottom: 1px solid #009900;
    border-right: 1px solid #009900;
}

.au_download_pct {
    float: right;
}