a {color: #00A; text-decoration: none}
a:hover {color: orange}
a img {border: none}
h1 {font-size: 20px; margin: 0; padding-top: 1em}
body {
  margin: 0; padding: 0;
  background-color: #fff; color: #333;
  color: #666; font: 75.5%/1.5em Helvetica, Arial, Verdana, sans-serif;  
}
caption {
  padding: 10px 0;
  font-size: 16px; font-weight: bold;
}
fieldset {border: 1px #d0d0d0 solid; padding: 10px; max-width: 600px}
img a {border: 0}
input[type=submit] {cursor: pointer}
input[type=submit]:hover {background-color: #e0e0e0}
input.text {
  width: 150px; padding: 2px 5px;
  background-color: #f0f0f0; border: 1px #d0d0d0 solid; font-size: 13px;
}
label, input[type=radio], input[type=checkbox] {cursor: pointer}
th {text-align: center; font-weight: bold}

textarea {padding: 0; font-family: Arial}

.clear {clear: both; display: block}
.error {font-weight: bold; text-align: center; color: red}
.notice {font-weight: bold; text-align: center; color: green}

h1.title, h2.title {padding-bottom: 2px; border-bottom: 1px #d0d0d0 solid; max-width: 700px}
p.subtitle {color: #999; margin: 2px 0 1em 0; font-size: 11px}
p.button a {
  padding: 2px 5px; 
  border: 1px #d0d0d0 solid; background-color: #f0f0f0; color: inherit
}
p.button a:hover {background-color: #e0e0e0}
p.prev_link {padding-left: 300px}
                                             
/**
 * Szara tabelka
 */
table.simple {border-collapse: collapse; margin-top: 1em}
table.simple th {            
	padding: 5px 10px;
	border: 1px #d0d0d0 solid; border-width: 1px 0;
  text-align: left; font-weight: bold; background-color: #f6f6f6
}
table.simple td {
  padding: 5px 10px;
  border: 1px #d0d0d0 solid; border-width: 0 0 1px 0
}

/**
 * Kolumna
 */
dl.column {float: left; display: inline; margin-top: 15px}
dl.column dt {
  float: left; display: inline; width: 200px;
  font-weight: bold; text-align: right;
}
dl.column dd.element {float: left; display: inline; margin: 0 0 0 10px}

/**
 * Obsluga bledow Rails
 */
.errorExplanation {
  margin: 1em auto 2em auto; width: 500px; padding: 0 10px; 
  border: 1px #d0d0d0 solid; background-color: #f9f9f9;
}
.errorExplanation li {color: red}
.invalid {border: 1px red solid}

/**
 * Domyslne formularze
 */
.default_textbox {clear: left; margin-top: 5px}
.default_textbox label {
    float: left; display: inline; width: 150px; padding-top: 5px; margin-right: 10px;
    text-align: right; 
 }
.default_textbox input {
  padding: 2px 5px; width: 200px;
  background-color: #f0f0f0; border: 1px #d0d0d0 solid; font-size: 13px;
}
.default_textbox input:focus {color: #00A; border-color: #a0a0a0}
.default_textarea {clear: left}
.default_textarea label {
    float: left; display: inline; width: 150px; padding-top: 5px; margin-right: 10px;
    text-align: right; 
 }
.default_textarea textarea {
  width: 400px; margin-top: 5px;
  background-color: #f0f0f0; border: 1px #d0d0d0 solid; font-size: 13px;
}
.default_textarea textarea:focus {color: #00A; border-color: #a0a0a0}
.default_submit {margin-top: 5px}
.default_submit input {
  margin-left: 160px;
  background-color: #f0f0f0; border: 1px #d0d0d0 solid; font-size: 13px;
}
.default_radio {margin-left: 160px; margin-top: 5px; clear: both}
.default_radio input {border: none; background-color: #fff}
.default_radio_desc {clear: both; margin-top: 8px}
.default_radio_desc div.desc {
  float: left; display: inline; width: 150px; padding-top: 3px; margin-right: 10px;
  text-align: right; 
}
.default_select {margin-top: 5px}
.default_select label {
    float: left; display: inline; width: 150px; padding-top: 5px; margin-right: 10px;
    text-align: right; 
 }
.default_select select {
  padding: 2px 5px;
  background-color: #f0f0f0; border: 1px #d0d0d0 solid; font-size: 13px;
}

/**
 * Stronicowanie wynikow
 */
.pagination {margin-top: 1em; text-align: center; padding: 5px; background-color: #ffefcd}
.pagination .disabled {display: none}
.pagination .current {font-weight: bold; font-size: 1.25em;}

#top {
  padding: 5px 0; margin-top: 5px;
  border: 1px #d0d0d0 solid; border-width: 1px 0; background: #f9f9f9;
}

ul#menu {
  display: inline; margin: 0 0 0 20px; padding: 0; float: left;
  list-style: none;
}
#menu_container li {
  float: left; margin-right: 10px; padding: 0
}
ul#menu_lang {
  display: inline; margin: 0 0 0 0; padding: 0; float: right;
  list-style: none
}
ul#menu_lang li img {display: block}
#menu_person_info												{ float: right; display: inline; padding-right: 10px }       

#content {
  margin: 20px 0 0 180px
}

#footer																	{ clear: both; margin: 20px 10px 0 20px; padding: 10px; border-top: 1px #d0d0d0 solid; font-size: 0.83333em}
#footer #left														{ float: left; display: inline } 
#footer #left a													{ font-weight: bold }
#footer #right													{ float: right; display: inline }
#footer #right a												{ padding-right: 5px; border-right: 1px solid #CECECE }
#footer a							 									{ color: #666 }

/*
 * LOGOWANIE
 */
#login fieldset {
  width: 170px; margin: 80px 0 0 400px; display: block; 
  border: 1px #d0d0d0 solid; background: #f9f9f9
}           
#login p {text-align: center; font-weight: bold}
#login div {clear: both; padding-bottom: 5px}
#login label {display: block} 

/**
 * Strona z pomoca
 */
#help {width: 700px}
#help .question {font-weight: bold; margin: 1em 0}
#help .question span {
  padding: 0 15px 3px 0;
  background: url("/images/arrow_down.jpg") center right no-repeat;
  border-bottom: 1px #666 dotted; cursor: pointer
}
#help .question span.hide {background: url("/images/arrow_right.jpg") center right no-repeat}
#help .question span:hover {color: #0a0}
#help .answer {margin: 1em 0 1em 20px; display: none}
#help ul {margin: 1em 0; list-style: disc}


/**
 * PANEL ADMINA
 */
#admin_menu {
  float: left; display: inline; margin: 0 5px;
}
#admin_menu .menu_element {
  width: 150px; padding: 5px; margin-bottom: 1em;
  border: 1px #d0d0d0 solid; background-color: #f9f9f9;
}
#admin_menu .menu_element h3 {
  margin: 0; padding: 0 0 5px 0;
  border-bottom: 1px #d0d0d0 solid; text-align: center; font-size: 14px;
  font-weight: normal;
}
#admin_menu .menu_element ul {
  padding: 0; margin: 5px 0 0 5px;
  list-style: none;
}

/**
 * Infrmacja o logowaniu się
 */
#last_login_info															{ display: block; margin: 1em 0 1em 200px; border: 1px #d0d0d0 solid; background: #f0f0f0; padding: 10px; width: 350px }
#last_login_info dt														{ display: inline; float: left; width: 180px; text-align: right; margin-right: 20px}

/**
 * PA - Lista firm
 */
#company_list {
  margin: 10px 0 0 50px;
  border-collapse: collapse;
} 
#company_list a:hover {color: #007} 
#company_list tr:hover {background-color: orange}
#company_list th {
  border: 1px #d0d0d0 solid; border-width: 1px 0;
  background-color: #e0e0e0; padding: 5px; text-align: left
}
#company_list td img {display: block}
#company_list td {
  padding: 5px 10px;
  border: 1px #d0d0d0 solid; border-width: 0 0 1px 0
}

/**
 * PA - podlad firmy
 */
#company_show {float: left}
#company_show .title {
  margin: 0; padding: 0; width: 600px;
  border-bottom: 1px #d0d0d0 solid;
}
#company_show .title div.logo {
  display: inline; float: left
}
#company_show .title img {
  height: 20px; display: block; margin-right: 10px
}
#company_show .title h1 {
  float: left; display: inline; margin: 0; padding: 0;
}
#company_show .title h1 span {
  font-weight: normal; font-size: 14px; font-family: Courier New
}
#company_show .status_enabled {font-weight: bold; color: green}
#company_show .status_disabled {font-weight: bold; color: red}

/** menu **/
#company_show_menu {
  margin: 20px 0; padding: 0 0 0 20px; float: left; width: 840px;
  list-style: none; border-bottom: 1px #d0d0d0 solid;
}
#company_show_menu li {
  float: left; display: inline;
}
#company_show_menu li a {
  display: block; padding: 5px 20px; margin-top: 10px;
  border: 1px #d0d0d0 solid; background-color: #f0f0f0; border-bottom: 0;
  color: black;
}
#company_show_menu li.current a {
  padding: 15px 20px 5px 20px; margin-top: 0;
  background-color: white; 
}
#company_show_menu li a:hover {background-color: #f9f9f9}
#company_show_menu li.current a:hover {background-color: white}
#company_show_body {clear: left}

/**
 * Statystyki portow
 */ 
.select_range {margin-left: 150px;}
.port_descr {
  padding: 5px; margin: 20px 0 0 70px;
  border: 1px #e0e0e0 solid; background-color: #f0f0f0
}       
.rrd_status {margin: 10px 0 0 0}
.rrd_status a {margin: 0 20px 0 0; border-bottom: 1px #666 dotted; color: #666}
.rrd_status a:hover {color: #aaa}


/**
 * PA - Osoby kontaktowe
 */
#admin_person_form {width: 785px}
#admin_person_form #primary_data {width: 380px; float: left; display: inline; margin-top: 5px}
#admin_person_form #login_data {width: 350px; float: right; display: inline; margin: 5px 0 0 5px}
#admin_person_form #contact_data {
  width: 380px; float: left; display: inline; margin-top: 5px; height: 170px
}
#admin_person_form #description_data {
  width: 350px; float: right; display: inline; margin: 5px 0 0 5px; height: 170px
}
#admin_person_form #description_data textarea {width: 345px; height: 145px}
#admin_person_form .default_textbox label,
#admin_person_form .default_textarea label,
#admin_person_form .default_select label, 
#admin_person_form .default_radio_desc div.desc {
  width: 120px
}
#admin_person_form .default_submit {clear: both}
#admin_person_form .default_submit input {margin: 10px 0}

/**
 * PA - Lista ticketow
 */
#ticket_list_options a              { border-bottom: 1px black dotted; color: green; padding: 0 15px 0 0; background: url("/images/arrow_right.jpg") center right no-repeat; outline: 0 }
#ticket_list_options a.showed       { background-image: url("/images/arrow_down.jpg") }
#ticket_list_options form           { display: none }

#ticket_list_options h2             { font-size: 14px; border-bottom: 1px #d0d0d0 solid; width: 300px }
#ticket_list_options .submit input        { border: 1px #d0d0d0 solid; background-color: #f0f0f0; padding: 2px 5px }
#ticket_list_options .submit input:hover  { background-color: #e0e0e0 }

#ticket_list .folder {background: url("/images/folder.jpg") 0 5px no-repeat; padding-left: 20px}
#ticket_list th span {border-bottom: 1px #000 dotted; cursor: pointer}
#ticket_list th .order_desc {padding: 0 13px 2px 0; background: url("/images/arrow_down.jpg") center right no-repeat}
#ticket_list th .order_asc {padding: 0 13px 1px 0; background: url("/images/arrow_up.jpg") center right no-repeat}
                          
#ticket_list .status_opened, #ticket_list .status_active {background-color: #fbd4d4}
#ticket_list .status_watch {background-color: #fefed4}

/*
#ticket_list_options {display: none; margin: 1em 0}
#ticket_list_options .default_submit input {margin: 2em 0 0 0}
#ticket_list_options_visibility {
	padding: 0 15px 3px 0; 
	background: url("/images/arrow_down.jpg") center right no-repeat; color: green;
	border-bottom: 1px black dotted;
}                                                  
#ticket_list_options_visibility.hide {
	background: url("/images/arrow_right.jpg") center right no-repeat;
}                                                  
#ticket_list_options_visibility:hover {color: #00BB00}
#options_order_container {display: none}
*/

.trap_critical {background-color: #fbd4d4}
.trap_major {background-color: #fefed4}
.trap_minor {background-color: #ddffcb}

/**
 * PA - Dodaj nowy ticket
 */
#new_ticket {margin-bottom: 25px; float: left}
#new_ticket h1 {clear: left}    
#language_version {padding-top: 5px;}

#ticket_source {margin-top: 10px}
#ticket_source select {margin-right: 5px}
#ticket_contact {margin-top: 10px}
#ticket_contact select {margin-right: 5px}

#ticket_group p {text-align: center}
#ticket_group p label {padding-right: 10px}

#ticket_add_submit {
	margin-top: 20px; padding-top: 10px; max-width: 700px;
	border-top: 1px #d0d0d0 solid; text-align: right; 
}
#company_desc_text {white-space: pre}
#range #range_enabled {margin: 20px 0 0 150px}
#range #range_options {display: none}
#range ul {list-style: none}
#range li div {margin: 5px 0 0 20px; display: none}

#notify #notify_enabled {margin: 20px 0 15px 150px}
#notify .default_textarea {display :none}


/**
 * Akcje ticketow
 */
#ticket_action .title a {font-size: 12px; font-weight: normal;}
#ticket_action {width: 700px}
#ticket_action dl {width: 700px; margin-bottom: 30px}
#ticket_action dl ul {list-style: none; margin: 0; padding: 0}
#ticket_action dl dt {width: 250px;}
#ticket_action fieldset {margin-top: 1em; max-width: 700px}
#ticket_action fieldset legend {border: 1px #d0d0d0 solid; padding: 5px 10px; background-color: #f9f9f9}
#ticket_action fieldset div {white-space: pre; width: 675px}

#ticket_action dd.element_company_desc {float: left; display: inline; margin: 0 0 0 10px; white-space: pre}
#ticket_action .default_submit {margin-top: 2em; border-top: 1px #d0d0d0 solid; padding-top: 1em}
#ticket_action .default_submit input {margin: 0 0 2em 0}

/**
 * PA - lista portow
 */
span.up {color: green; font-weight: bold}
span.down {color: red}
#port_list .assigned_service							{ color: #ddd; font-weight: normal; border-bottom: 1px #d0d0d0 dotted;}
#port_list .assigned_service:hover				{ color: #666 }

/**
 * Zarzadzanie rrd
 */
#rrd	 		 																	{ margin: 1em 0;}
#rrd #result .complete											{ margin: 2em 0 2em 250px; padding-left: 20px; background: url(/images/icon_ok.png) top left no-repeat;}
#rrd #errors                                { margin: 2em 0 2em 160px; border: 1px #d0d0d0 solid; padding: 10px; background-color: #f0f0f0; width: 450px;}
#rrd #errors h4															{ margin: 0; padding-left: 20px; background: url(/images/icon_no.png) top left no-repeat; color: red;}

/** Statystyki wszystkich portow **/
#port-statistics														{ max-width: 800px;}

.attachments_list 													{ list-style: none; padding: 0; margin: 1em 0 0 20px;}
.attachments_list li a.attachment_link			{ padding-left: 20px; background: url(/images/attachment.png) no-repeat top left;}
#new_attachments .fileform									{ margin: 1em 0;}
#new_attachments #options										{ margin: 1em 0;}

/**
 * ACL
 */
pre#acl								{ background-color: #f0f0f0; border: 1px #d0d0d0 solid; width: 700px; font-size: 14px }

/**
 * Vlan
 */
#admin__vlan-active-scaffold									{ width: 600px }
#admin__vlan-active-scaffold .number-column		{ width: 48px }

/**
 * Vendor
 */
#admin__vendor-active-scaffold									{ width: 600px }
#admin__vendor-active-scaffold .number-column		{ width: 48px }

/**
 * Uslugi
 */
#admin__service-active-scaffold										{ width: 800px }
#admin__service-active-scaffold .number-column		{ width: 48px }

/** Kolekcje rrd */
#rrd-collection-list .button                { text-align: center; width: 500px }
#rrd-collection-list .alias                 { text-align: center }
#rrd-collection-list .alias a.links         { font-size: 10px; color: #999; display: block }
#rrd-collection-list .alias a.links:hover   { color: #333 }

#rrd-collection-new .default_radio_desc     { clear: none }