MyCyma

body {

background-color: white;

padding: 0px;

margin-top: 10px;

margin-bottom: 10px;

margin-right: auto;

margin-left: auto;

font-family: Arial, "sans serif";

font-size: 12px;

text-align: left;

width: 80%;

}

.centering-box

{

position: absolute;

width: 80%;

z-index: -1;

}

img

{

border-style: none;

}

p

{

text-align: justify;

}

span.title

{

font-weight: bold;

display: block;

}

span.lite_title

{

text-decoration:underline;

display: block;

}

span.unused_pattern

{

text-decoration: line-through;

}

span.broken_pattern

{

color: red;

}

span.error

{

color: red;

font-size: large;

}

span.warn

{

color: orange;

}

fieldset

{

background-color: #FFF8DC;

-moz-border-radius: 7px 7px 7px 7px;

padding: 2px 10px 7px 10px;;

text-align: left;

}

fieldset legend

{

font-weight: bold;

font-size: 14px;

}

span.hl_item

{

color: green;

}

/* use to display title if title and subtitle */

h1.mtitle_before

{

border: 0px #999 solid;

background: #E0E0E0;

color: black;

letter-spacing: -2px;

border-bottom-width: 1px;

padding-left: 10px;

margin-bottom: 30px;

text-align: left;

float: left;

}

h1.mtitle_right, h1.mtitle_left

{

border: 0px #999 solid;

background: #E0E0E0;

color: black;

letter-spacing: -2px;

border-bottom-width: 1px;

margin-bottom: 30px;

}

/* use to display subtitle if subtitle */

h1.mtitle_right

{

text-align: right;

padding-right: 10px;

}

/* use to display title if title and not subtitle */

h1.mtitle_left

{

text-align: left;

padding-left: 10px;

}

#header

{

}

#header h1

{

color: black;

background-color: #E6E6FA;

text-align: center;

}

#header a

{

color: black;

}

#content

{

}

#footer

{

margin-top: 10px;

text-align: right;

font-style: italic;

}

#menu

{

margin: 0px auto;

}

#user_info

{

color: #369;

font-size: x-small;

/*

z-index: 2;

*/

}

#user_info a

{

font-size: x-small;

}

a

{

color: #3366cc;

font-weight: bold;

text-decoration: none;

}

a:hover

{

color: #000099;

}

table

{

}

th

{

background-color: #E6E6FA;

}

td

{

background-color: #F5F5F5;

}

th, td

{

padding: 1px 3px 1px 3px;

}

table.pkg

{

}

table.pkg th

{

width: 15%;

background-color: #FFE4B5;

}

table.pkg td

{

width: 18%;

/* background-color: transparent; */

background-color: #FFFFE5;

}

ul

{

margin: 0;

padding: 0;

list-style-type: square;

}

li

{

text-align: left;

margin: 0px 0px 0px 15px;

}

div

{

margin: 10px 0px 10px 0px;

}

div.container

{

padding: 3px 2px 3px 2px;

margin: 0px 0px 0px 0px;

}

div.container

{

padding: 3px 2px 3px 2px;

margin: 10px;

}

div.contentcentered

{

margin: 0px auto;

padding: 0;

vertical-align: middle;

text-align: center;

}

div.wrapper

{

padding: 0;

margin: 0;

width: 100%;

}

div.columned_list

{

padding: 5px 0px 5px 0px;

margin: 0;

}

div.inline

{

float: left;

margin: 0px 10px 0px 10px;

}

div.inline_end

{

clear: left;

height: 100%;

}

div.toggler_view

{

margin-top: 3px;

margin-bottom: 3px;

}

div.toggler_view img

{

vertical-align: middle;

}

div.toggler_inner_zone

{

margin: 0px 10px 0px 30px;

}

div.container_hidden, div.toggler_inner_zone

{

display: none;

}

ul.toggler_list > li

{

list-style-type: none;

}

/* ####### Nav ####### */

/* (borrowed from http://www.phoenity.com/newtedge/horizontal_nav/) */

ul.nav

{

/*Remove all spacings from the list items*/

margin: 0;

padding: 0;

cursor: default;

list-style-type: none;

}

ul.nav

{

display: table;

}

.nav ul

{

display: inline;

list-style-type: none;

}

ul.nav > li

{

display: table-cell;

position: relative;

padding: 2px 6px;

}

ul.nav li

{

margin: 0;

}

ul.nav > li:hover

{

padding-right: 1px;

}

ul.nav li >ul

{

/*Make the sub list items invisible*/

display: none;

position: absolute;

max-width: 40ex;

margin-left: -6px;

margin-top: 2px;

}

ul.nav li:hover > ul

{

/*When hovered, make them appear*/

display : block;

}

.nav ul li a

{

/*Make the hyperlinks as a block element, sort of a hover effect*/

display: block;

padding: 2px 10px;

}

/* Nav Menu colors (customizable) */

ul.nav, .nav ul, .nav ul li a

{

background-color: #fff;

color: #369;

}

ul.nav li:hover, .nav ul li a:hover

{

background-color: #369;

color: #fff;

}

ul.nav li:active, .nav ul li a:active

{

background-color: #036;

color: #fff;

}

ul.nav, .nav ul

{

border: 1px solid #369;

}

.nav a

{

text-decoration: none;

}

hr

{

width: 65%;

height: 0px;

border-width: 1px;

border-style: none none dashed none;

}

#notice {

background-color: #ccf;

border: 1px solid #00f;

}

#warning, div.errorExplanation {

background-color: #fdc;

border: 1px solid #fd0;

}

#error {

background-color: #fcc;

border: 1px solid #f00;

}

.flash {

padding: 10px;

text-align: center;

margin-bottom:20px;

}

div.errorExplanation {

padding: 0px 15px 5px 15px;

}

div.fieldWithErrors {

display: inline;

color: orange;

font-weight: bold;

}

div.invisible, div.action-placeholder, div.big-action-placeholder, div.actions, td table {

margin: 0px;

padding: 0px;

}

div.action-placeholder {

height: 24px;

width: 24px;

border: none;

display: inline-block;

}

div.big-action-placeholder {

height: 24px;

width: 30%;

border: none;

display: inline-block;

}

span img, span.middle, div.actions {

vertical-align: 50%;

}

table * {

vertical-align: middle;

}

span.alert {

font-size: large;

font-weight: bold;

vertical-align: 70%;

}

td.resource_children, div.actions, td.actions, td.centered {

text-align: center;

}

span.boolean-true {

color: green;

}

span.boolean-false {

color: orange;

}

text-align: center;

}