body        { margin:0; padding:0; }
label       { clear: both; width:14em; float:left; text-align:left; margin-top: 0.5em; margin-right: 0.5em; display: block; }
input,
select      { margin-top: 0.5em; }

.label-list label   { display: inline-block; float: none; margin-top: 0; margin-left: 1em; width: 9em; }

/* label quick fix for DSLAm log..... we do not need that width */
#dslam_log_filter label { width:80px; display: inline; }


.label-8        { width: 8em; }
.label-4        { width: 4em; }
.input-16       { width: 16em; }

img { border-style: none; }


a,user_asset_data
a:visited   { color: #00F; text-decoration: none; }
a:hover     { color: #00F; text-decoration: underline; }

#left       { margin-top: 10px; margin-left: 10px; }
#filter     { margin: 20px 0 0 40px; }

/*** info box ***/
.info-box       { visibility: hidden; }
#info-box h3,
#info-box p     { text-align: center; }

/***  warning box ***/
.warning_box {
    border: solid 1px #808080;
    background: #ffffff url('../images/exclamation.png') no-repeat left top;
    height: 20px;
    width: 700px;
    margin: 5px 0;
    padding: 10px 40px;
}

.warning_box button { height: 20px; font: 80% arial,helvetica,clean,sans-serif; }


/* main container with application */
#container          { visibility: hidden; }
#loading_scr        { position:absolute; width:100%; text-align:center; top:300px; visibility:visible; }
#loading_scr img    { border:0; }

#report_container .bd {
    overflow:auto;
    background-color:#fff;
    padding:10px;
}

/* the style of the selected text label in ygTextNode */
.nodeSelected, .nodeSelected:link, .nodeSelected:visited, .nodeSelected:hover {
    margin-left:2px;
    text-decoration: none;
    background-color: blue; /* workaround for IE font smoothing bug */
    color: white;
    font-weight: strong;
}

/*h2 { background-image:url('../images/logo_h1.gif'); background-position: 10px -5px; background-repeat: no-repeat; padding: 12px 0 0 250px !important; height: 33px;}*/
#app_header     { background-image:url('../images/bg_header_tcom.gif'); background-repeat:repeat; height:80px; font-size:20px; color:white; }
#app_header img { margin: 5px; border: 0; }

/*  Tree  */
#treeDiv1 { padding: 10px; }

/*** info box ***/
.info-box       { visibility: hidden; }
#info-box h3,
#info-box p     { text-align: center; }


/*** Pannels ***/
.hidden-pannel      { visibility: hidden; }
.hidden             { display: none; }
.hidden_important   { display: none !important; }


/* Logout module */
/* Logout module */
#logout_toolbar_item            { position:absolute; top:20px; right:5px; color: #FFF;}
#logout_toolbar_item span       {
    display: inline-block;
    font-size: 11px;
    padding-right: 15px;
}
#logout_toolbar_item a          {
    background: url(../images/button_logout.gif) no-repeat;
    display: inline-block;
    margin-right: 10px;
    padding-left: 35px;
    text-decoration: none;
    line-height: 2;
    width: 70px;
    height: 27px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
}

#logout_toolbar_item a:hover     {
    background: url(../images/button_logout-img.gif) no-repeat;
}

/* Table */
#user_data { margin: 20px 0 0 40px; }
#user_data h3 { clear:both; padding-top:10px; padding-bottom:0px; font-size: 1.1em; }

#user_data .user_asset_data { clear: both; }
.arrow-left  { background:url('../images/green_double_arrows_left.png') no-repeat; cursor: pointer; }
.arrow-right { background:url('../images/green_double_arrows_right.png') no-repeat; cursor: pointer; }

#user_data table            { border-spacing:0; text-align:left; }
#asset_accordion td         { width: 200px; }
#user_data td, th           { border:1px solid #E5E5E5; vertical-align:middle; }
#user_data tr.odd           { background-color: #FFF; height: 24px; }
#user_data tr.even          { background-color: #EEE; height: 24px;}
#user_data .delim           { width: 20px; background-color: #F2F2F2; border: 0px; }
#user_data .field_title     { text-align: center; }

#audit_logs td          { vertical-align: top; font-size: 0.9em; }
#audit_logs td div      { font-size: 0.9em; white-space: normal;}

#hdm_alarms td          { vertical-align: top; font-size: 0.9em;}
#hdm_alarms td div      { font-size: 0.9em; white-space: normal;}
.align-center { margin: auto;}

/*
#user_data #user_tags_container,
#user_data #user_activation_container   { margin-bottom: 40px; }
#user_data #user_tags_container         { margin-top: 40px; }
*/

#user_data #user_actions            { padding: 0; margin: 0; }
#user_data #user_actions li         { text-align: center; float: left; list-style-type: none; }
#user_data #user_actions a          { }

/* Modify asset */
#edit_service_panel .frm_checkbox   { margin: 0; padding: 0; }
#edit_service_panel .bd             { overflow:auto; height: 500px; }
#edit_service_panel .ft             { padding: 10px; }

#asset_modify_panel .frm_checkbox   { margin: 0; padding: 0; }
#asset_modify_panel .bd             { overflow:auto; height: 500px; }
#asset_modify_panel .ft             { padding: 10px; }

#jdsu_result_panel .bd              { overflow:auto; height: 500px; }

/*** slider ***/
.slider         { border: 1px solid #242424; width: 100px; float: left; }
.slider-inner   { background-color: #E20074; height:5px; float:left;}


/*** toolbar ***/
.content-container              { margin: 20px; }
.toolbar {
    border: 1px solid #999;
/*    margin: 1em 0;*/
    margin-right: 100px;
    padding: .25em .1em;
    background: url(../js/YUI/2.8.1/build/assets/skins/tcom/sprite.png) repeat-x scroll 0 0;
}

.toolbar span.delim {
    display: inline-block;
    width: 1px;
    height: 20px;
    border-left: 1px solid #808080;
    margin-top: 1px;
}

#back-to-search .first-child {

}

#button_reply .first-child button {
    padding-left: 2.5em;
}


.toolbar .yui-button, .toolbar .yui-button .first-child {
    border-color: transparent !important;
}
.toolbar .yui-button-hover,
.toolbar .yui-button-hover .first-child,
.toolbar .yui-button:hover,
.toolbar .yui-button:hover .first-child {
    border-color: #808080 !important;
}
.toolbar .yui-button {
    background: none !important;
}
.toolbar .yui-button-hover, .toolbar button:hover {
    background:transparent url(../js/YUI/2.8.1/build/assets/skins/tcom/sprite.png) repeat-x scroll 0 -1300px !important;
}

/*** form elemens ***/
#filter_form .input_small_text  { width: 5em; }
#filter_form .input_tiny_text   { width: 2em; }
.calendar_container             { display: none; z-index: 900; }
.ft                             { z-index: -900; }

/*  various  */
.bmb_small {
    font-size: 10px;
}
.bmb_regular {
    font-size: 12px;
}

.max_width_250 {
    width: 250px;
}

.yui-skin-sam .yui-dt-liner { white-space:nowrap; }


.max_width_250 .yui-dt-liner {
    width: 250px;
    white-space: normal !important;
    word-wrap: break-word !important;
}


#telnet_panel .bd {
    overflow:auto;
    background-color:#fff;
    padding:10px;
}

#telnet_panel .ft {
    height:15px;
    padding:0;
}

#telnet_panel .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute;
}

ul#list-nav {
    list-style: none;
    margin:     5px;
    padding:    0px;
    width:      460px;
}

ul#list-nav li {
    display:    inline;
}

ul#list-nav li a {
    text-decoration:none;
    width:          150px;
    float:          left;
    text-align:     center;
}

div#chart_notification_info {
    text-align: center;
}

img.chart_loading {
    vertical-align:middle;
    padding: 5px;
}

.hidden_element {
    visibility: hidden;
}

ul#list-nav li a:hover {
    text-decoration:underline;
}

#troughput_chart_container {
    width: 600px;
    height: 300px;
}


/*  DHCP admin log */

#dhcp_log_tbl td div      { white-space: normal;}
#autocplContainer .yui-ac-content {width: 200px;}

/*  Stats */
.chart
{
    width: 1000px;
    height: 350px;
    margin-bottom: 10px;
}

.chart_pie
{
    width: 350px;
    height: 300px;
    margin-bottom: 10px;
}

.chart_pie_big
{
    width: 700px;
    height: 300px;
    margin-bottom: 10px;
}

.chart_title
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.4em;
}

#edit_port_fw_form .tab_fieldset {
    width:100%;
    border: none;
}

#edit_port_fw_form .tab_field {
    width:50px
}


#tabContainer
{
    width: 1020px;
}

/* fix for tab view bg color */
#tabContainer div ul {border-color: rgb(226, 0, 116)}