1038 lines
14 KiB
CSS
1038 lines
14 KiB
CSS
/*Login page styles*/
|
|
.ns_login_body
|
|
{
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
color: #2A2723;
|
|
background-color: #FAFAFA;
|
|
}
|
|
|
|
.ns_login_body input
|
|
{
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.ns_login_body select
|
|
{
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.ns_login_body a:link, .ns_login_body a:visited
|
|
{
|
|
color: #0000FF !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ns_login_body a:hover
|
|
{
|
|
color: #0000FF !important;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.login_input
|
|
{
|
|
width: 80%;
|
|
}
|
|
|
|
.login_timeout_input
|
|
{
|
|
width: 40%;
|
|
}
|
|
|
|
/*This is overriden in login_view.php for IE*/
|
|
.login_combo
|
|
{
|
|
width: 82%;
|
|
}
|
|
|
|
.login_unit_combo
|
|
{
|
|
width: 39%;
|
|
}
|
|
|
|
.login_button_cell
|
|
{
|
|
padding-right: 42px;
|
|
}
|
|
|
|
.ns_search_form
|
|
{
|
|
background-color: #F6F5F6;
|
|
border: 1px solid #95b7f3;
|
|
}
|
|
|
|
.ns_form_description
|
|
{
|
|
color: #808080;
|
|
}
|
|
|
|
.ns_grid_text
|
|
{
|
|
cursor: default;
|
|
text-align: right;
|
|
}
|
|
|
|
.ns_alert_text
|
|
{
|
|
color: red;
|
|
}
|
|
|
|
.ns_alert_text a:hover
|
|
{
|
|
color: #003399 !important;
|
|
}
|
|
|
|
/*Styles for rest of the pages. This is overriden in header.php for IE6*/
|
|
.ns_body
|
|
{
|
|
margin: 0px;
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
color: #2A2723;
|
|
background-color: #FAFAFA;
|
|
min-width: 930px;
|
|
}
|
|
|
|
.ns_body img
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ns_body input
|
|
{
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.ns_body input[type="text"]
|
|
{
|
|
color: #2A2723;
|
|
background-color: #FAFAFA;
|
|
}
|
|
|
|
.ns_body select
|
|
{
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
color: #2A2723;
|
|
background-color: #FAFAFA;
|
|
}
|
|
|
|
.ns_body a:link, .ns_body a:visited
|
|
{
|
|
color: #003399;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ns_body a:hover
|
|
{
|
|
color: red;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.ns_body a img
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.ns_header
|
|
{
|
|
position: static;
|
|
width: 100%;
|
|
border-bottom: 1px solid #2456a4;
|
|
}
|
|
|
|
.ns_content
|
|
{
|
|
padding: 10px;
|
|
}
|
|
|
|
.ns_footer
|
|
{
|
|
/* Needed for Safari */
|
|
position: relative;
|
|
text-align: center;
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
hr
|
|
{
|
|
color: #003399;
|
|
height: 1px;
|
|
}
|
|
|
|
/*Product name on top*/
|
|
.ns_home_page_title
|
|
{
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
/*Banner table on top*/
|
|
.ns_banner_table
|
|
{
|
|
padding: 0px 10px 0px 5px;
|
|
background-color: #DFEBF8;
|
|
}
|
|
|
|
.ns_banner_table td
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ns_banner_table a:link, .ns_banner_table a:visited
|
|
{
|
|
color: #2A2723;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ns_banner_table a:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.ns_banner_row
|
|
{
|
|
height: 19px;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE6*/
|
|
.change_text_size_div
|
|
{
|
|
width: 100%;
|
|
text-align: right;
|
|
height: 0px;
|
|
}
|
|
|
|
.ns_wp_title
|
|
{
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
|
|
.ns_wp_title select
|
|
{
|
|
vertical-align: middle;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.ns_wp_title img
|
|
{
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.ns_wp_title hr
|
|
{
|
|
color: #cccccc;
|
|
}
|
|
|
|
.ns_wp_body
|
|
{
|
|
width: 100%;
|
|
font-size: 125%;
|
|
text-align: left;
|
|
}
|
|
|
|
/*This is overriden in header.php*/
|
|
.ns_wp_header
|
|
{
|
|
margin: 10px 0px 8px 0px;
|
|
width: 100%;
|
|
background-color: #b9d1f4;
|
|
background-image: url("partgrad.gif");
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ns_wp_header2
|
|
{
|
|
font-size: 150%;
|
|
width: 100%;
|
|
background-color: #b9d1f4;
|
|
background-image: url("partgrad.gif");
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ns_small_header
|
|
{
|
|
font-weight: bold;
|
|
padding-bottom: 3px;
|
|
border-bottom: 1px solid #c2c2c2;
|
|
}
|
|
|
|
/*Tabs used on top & reporting page*/
|
|
.tab
|
|
{
|
|
font-size: 107%;
|
|
}
|
|
|
|
.tab li
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.tab a
|
|
{
|
|
float: left;
|
|
background: url("unselected_tab_left.gif") no-repeat left top;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 7px;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.tab a span
|
|
{
|
|
display: block;
|
|
background: url("unselected_tab_right.gif") no-repeat right top;
|
|
padding: 5px 15px 4px 6px;
|
|
color: #2A2723;
|
|
}
|
|
|
|
/* Commented Backslash Hack hides rule from IE5-Mac \*/
|
|
.tab a span {float:none;}
|
|
/* End IE5-Mac hack */
|
|
|
|
.tab a:hover span
|
|
{
|
|
color: #2A2723;
|
|
}
|
|
|
|
.tab a:hover
|
|
{
|
|
background-position: 0% -42px;
|
|
}
|
|
|
|
.tab a:hover span
|
|
{
|
|
background-position: 100% -42px;
|
|
}
|
|
|
|
.current_tab a
|
|
{
|
|
background: url("selected_tab_left.gif") no-repeat left top;
|
|
background-position: 0% -42px;
|
|
}
|
|
|
|
.current_tab a:hover span
|
|
{
|
|
color: white !important;
|
|
}
|
|
|
|
.current_tab a span
|
|
{
|
|
background: url("selected_tab_right.gif") no-repeat right top;
|
|
color: white;
|
|
font-weight: bold;
|
|
background-position: 100% -42px;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE*/
|
|
.top_tab
|
|
{
|
|
min-width: 581px;
|
|
}
|
|
|
|
/*Used in Loading panel on center*/
|
|
.center_panel
|
|
{
|
|
width: 330px;
|
|
position: absolute;
|
|
top: 28%;
|
|
bottom: 34%;
|
|
left: 33%;
|
|
right: 34%;
|
|
padding: 1px;
|
|
margin: 1px;
|
|
}
|
|
|
|
.loading_panel
|
|
{
|
|
width: 330px;
|
|
height: 300px;
|
|
font-size: 1.25em;
|
|
color: #003399;
|
|
}
|
|
|
|
.loading_panel_img
|
|
{
|
|
width: 40%;
|
|
text-align: right;
|
|
}
|
|
|
|
.loading_panel_txt
|
|
{
|
|
width: 60%;
|
|
}
|
|
|
|
/*Welcome banner shown after login*/
|
|
.login_banner
|
|
{
|
|
width: 330px;
|
|
height: 200px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/*Div style for entities. This is overriden in header.php for IE*/
|
|
.ns_entity_div
|
|
{
|
|
overflow: auto;
|
|
height: 100%;
|
|
border: 1px;
|
|
}
|
|
|
|
/*Styles for statistics tables*/
|
|
.ns_st_body
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.ns_st_body img
|
|
{
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.ns_st_body a:link, .ns_st_body a:visited
|
|
{
|
|
font-weight: bold;
|
|
color: #003399;
|
|
}
|
|
|
|
.ns_st_body a:hover
|
|
{
|
|
color: red;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.ns_st_body th
|
|
{
|
|
font-weight: bold;
|
|
color: #336699;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
padding: 1px;
|
|
background-image: url("navgradp.gif");
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.ns_st_body div
|
|
{
|
|
text-align: right;
|
|
height: 100%;
|
|
}
|
|
|
|
.ns_st_body td
|
|
{
|
|
border: 1px solid #E5E5E5;
|
|
padding: 2px;
|
|
}
|
|
|
|
.ns_st_body_alternate_row_color
|
|
{
|
|
background-color: #F7F6F7;
|
|
}
|
|
|
|
.ns_st_body_table_div
|
|
{
|
|
overflow: auto;
|
|
height: 100%;
|
|
border: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.ns_st_body_table_title
|
|
{
|
|
text-align: center;
|
|
font-size: 107%;
|
|
margin-bottom: 3px;
|
|
display: none;
|
|
}
|
|
|
|
/*For showing counter tooltips in Monitoring/AppView/Reporting pages*/
|
|
.counter_tooltip_span
|
|
{
|
|
position: absolute;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE6*/
|
|
.counter_tooltip_div
|
|
{
|
|
padding: 3px !important;
|
|
max-width: 300px;
|
|
border: solid black 1px !important;
|
|
color: black !important;
|
|
background-color: #FFFFE1 !important;
|
|
}
|
|
|
|
.counter_tooltip_header_cell
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE6*/
|
|
.counter_tooltip_content_div
|
|
{
|
|
width: 100%;
|
|
padding-top: 5px;
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/*Styles for reporting page*/
|
|
.full_width_height_table
|
|
{
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.full_width_table
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.full_width_height_div
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.manage_custom_reports
|
|
{
|
|
border: 1px solid #E5E5E5;
|
|
overflow: auto;
|
|
}
|
|
|
|
.manage_custom_reports table
|
|
{
|
|
width: 100% !important;
|
|
}
|
|
|
|
.manage_custom_reports_table
|
|
{
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.export_reports_href
|
|
{
|
|
position: relative;
|
|
z-index: 3 !important
|
|
}
|
|
|
|
.import_reports_div
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE*/
|
|
.import_reports_file
|
|
{
|
|
position: relative;
|
|
vertical-align: top;
|
|
height: 18px;
|
|
width: 90px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
margin-left: -25px;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE*/
|
|
.import_reports_fake_div
|
|
{
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.padding_top
|
|
{
|
|
padding-top: 5px
|
|
}
|
|
|
|
/*Used in reporting counters popup*/
|
|
.padding_right_left
|
|
{
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
.padding_top_bottom
|
|
{
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.bottom_border
|
|
{
|
|
border-bottom: 1px solid #2456a4;
|
|
}
|
|
|
|
.chart_name_input
|
|
{
|
|
width: 480px;
|
|
}
|
|
|
|
.group_combo
|
|
{
|
|
width: 340px;
|
|
}
|
|
|
|
.counters_list_box
|
|
{
|
|
width: 260px;
|
|
}
|
|
|
|
.counters_move_button
|
|
{
|
|
width: 50px;
|
|
}
|
|
|
|
.data_source_combo
|
|
{
|
|
width: 125px;
|
|
}
|
|
|
|
.tree_nodes_div
|
|
{
|
|
width: 190px !important;
|
|
height: 130px !important;
|
|
background-color: #FAFAFA !important;
|
|
z-index: 3 !important;
|
|
overflow: auto !important;
|
|
}
|
|
|
|
.right_tree_div
|
|
{
|
|
padding-left: 5px;
|
|
width: 76%;
|
|
}
|
|
|
|
.inline_display
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.relatively_less_font_size
|
|
{
|
|
font-size: 90%;
|
|
}
|
|
|
|
.find_panel_reporting
|
|
{
|
|
font-size: 87.5%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.criterion_reporting
|
|
{
|
|
font-size: 95% !important;
|
|
color: #336699 !important;
|
|
height: 17px;
|
|
}
|
|
|
|
.search_text_reporting
|
|
{
|
|
font-size: 95% !important;
|
|
color: #336699 !important;
|
|
height: 12px;
|
|
}
|
|
|
|
.no_wrap_td
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.wrap_td
|
|
{
|
|
white-space: normal !important;
|
|
}
|
|
|
|
/*Tree in Reporting*/
|
|
.tree_links
|
|
{
|
|
width: 24%;
|
|
border-right: 1px solid #cccccc;
|
|
}
|
|
|
|
.tree_links A:link, .tree_links A:visited
|
|
{
|
|
color: #2A2723;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tree_links A:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*For check boxes in tree links*/
|
|
.tree_links input
|
|
{
|
|
width: 13px;
|
|
height: 13px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tree_header
|
|
{
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #cccccc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tree_sub_header
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tree_sub_header A:hover
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tree_link
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tree_link_selected
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.separate_tree_with_nodes_table
|
|
{
|
|
color: #003399;
|
|
}
|
|
|
|
.separate_tree_with_nodes_table td
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*Toolbar used in Reporting*/
|
|
.toolbar
|
|
{
|
|
background-image: url('partgrad.gif');
|
|
background-repeat: repeat-x;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.toolbar a
|
|
{
|
|
padding: 0px 4px 0px 4px;
|
|
text-decoration: none;
|
|
color: #2A2723 !important;
|
|
}
|
|
|
|
.toolbar a:hover
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.toolbar a:hover span
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.toolbar a:hover div span
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE*/
|
|
.toolbar a img
|
|
{
|
|
border: none;
|
|
margin: 2px 2px 4px 0px;
|
|
}
|
|
|
|
.delete_image
|
|
{
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
.flat_button
|
|
{
|
|
color: #FFFFFF;
|
|
background-color: #83ACCA;
|
|
border-style: none;
|
|
width: 50px;
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flat_button[disabled]
|
|
{
|
|
color: #ACA899 !important;
|
|
background-color: #DFE1E6;
|
|
cursor: auto;
|
|
}
|
|
|
|
.enable_disable_button
|
|
{
|
|
width: auto !important;
|
|
height: 17px !important;
|
|
border: 1px solid #B2BFD8;
|
|
}
|
|
|
|
.popup
|
|
{
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 2;
|
|
padding: 1px;
|
|
border: solid #666 1px;
|
|
color: #336699;
|
|
background-color: #E7ECF9;
|
|
}
|
|
|
|
.popup_info
|
|
{
|
|
font-weight: normal;
|
|
border: solid #000000 1px;
|
|
color: #000000;
|
|
background-color: #FFF1A8;
|
|
}
|
|
|
|
.popup_info a:link, .popup_info a:visited
|
|
{
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.popup_info a:hover
|
|
{
|
|
color: red !important;
|
|
}
|
|
|
|
.draggable
|
|
{
|
|
cursor: move;
|
|
}
|
|
|
|
.stapp_details
|
|
{
|
|
border: none !important;
|
|
font-size: 90% !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.stapp_details_first
|
|
{
|
|
padding-left: 18px !important;
|
|
}
|
|
|
|
.disabled_element
|
|
{
|
|
color: #9D9DA1;
|
|
}
|
|
|
|
/*Ex: Throughput number*/
|
|
.important_number
|
|
{
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.gauges
|
|
{
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
font-size: 1em;
|
|
width: 100%;
|
|
}
|
|
|
|
.gauges table
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.gauges td
|
|
{
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
color: #336699;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.gauges img
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.gauges a:link, .gauges a:visited
|
|
{
|
|
color: #336699;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.gauges a:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.div_for_list
|
|
{
|
|
overflow: auto;
|
|
height: 88px;
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.gauges select
|
|
{
|
|
color: #336699;
|
|
font-size: 1em;
|
|
/*Hack to avoid showing list box border*/
|
|
margin: -3px;
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
}
|
|
|
|
/*This is overriden in header.php for IE6*/
|
|
.throughput table
|
|
{
|
|
border-collapse: collapse;
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.throughput td
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.throughput_title
|
|
{
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
|
|
#system_log_table
|
|
{
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.list_find table
|
|
{
|
|
font-size: 87.5%;
|
|
}
|
|
|
|
.list_find select
|
|
{
|
|
margin: 0px;
|
|
height: 17px;
|
|
}
|
|
|
|
.list_find input
|
|
{
|
|
color: #336699 !important;
|
|
height: 12px;
|
|
width: 95%;
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
font-size: 95%;
|
|
}
|
|
|
|
.negative_margin_left
|
|
{
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.negative_margin_right
|
|
{
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.pointer_cursor
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*For showing events on charts*/
|
|
.events_on_chart_span
|
|
{
|
|
position: absolute;
|
|
}
|
|
|
|
.events_on_chart_div
|
|
{
|
|
width: 270px;
|
|
}
|
|
|
|
.events_text_on_chart_div
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
max-height: 210px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/*For showing search status inside counters popup in Reporting page*/
|
|
.counters_popup_status
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.counters_popup_status img
|
|
{
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.counters_popup_status td
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.top_vertical_align
|
|
{
|
|
vertical-align: top;
|
|
}
|
|
|
|
/*For drawing rectangle on charts during zoom/scroll*/
|
|
.draw_rect_div
|
|
{
|
|
position: absolute;
|
|
display: none;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.plot_type_table
|
|
{
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.plot_type_table td
|
|
{
|
|
text-align : center;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.plot_type_table td:hover
|
|
{
|
|
text-align : center;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.plot_type_table_cell_selected
|
|
{
|
|
border: 2px solid #2456a4 !important;
|
|
}
|
|
|
|
.customize_help_text
|
|
{
|
|
font-style: italic;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.text_align_left
|
|
{
|
|
text-align : left;
|
|
}
|
|
|
|
.text_align_right
|
|
{
|
|
text-align : right;
|
|
}
|