/**
* Common tags
*/
html{
margin: 0;
padding: 0;
}
body{
padding: 0;
margin: 0 auto;
background: #eeeeee;
font-family: "Trebuchet MS", tahoma, arial, sans-serif;
font-size: 0.70em;
color: #222222;
width: 880px;
}
a{
color: #8490FF;
}
img{
border: 0;
}
input,textarea,select{
border: 0px;
font: 1em Tahoma;
color: black;
}
textarea{
padding: 3px;
background: transparent;
border: 1px solid #8490FF;
}
/**
* Widgets
*/
input.text{
background: transparent;
padding: 3px;
border: 1px solid #8490FF;
text-align: left;
}
input.short{
width: 70px;
}
input.normal{
width: 200px;
}
input.long{
width: 300px;
}
input.checkbox{
background: white;
border: 1px solid #8490FF;
vertical-align: middle;
}
input.button{
background: #8490FF;
color: white;
padding: 2px 5px;
border: 0;
}
input.specialbutton{
background: #29306E;
color: white;
padding: 2px 5px;
border: 0;
}
.select{
background: #eeeeee;
color: black;
}
/**
* Scaffold
*/
#menu {
background: transparent;
float: left;
width: 186px;
border-right: 1px solid #8490FF;
margin: 5px;
padding-top: 5px;
margin-right: 10px;
}
.submenu_heading {
border-bottom: 1px dotted #8490FF;
}
.submenu {
margin: 0;
padding: 0;
border: 1px solid transparent;
margin-bottom: 5px;
}
.submenu a {
color: #4F69FF;
text-decoration: none;
}
.submenu a:hover {
color: #4F69FF;
text-decoration: underline;
}
.submenu div {
position: relative;
margin-left: 10px;
}
.submenu_selected {
margin-bottom: 7px;
padding: 2px 5px;
border: 1px solid #cccccc;
}
#content {
float: left;
width: 670px;
}
.pad{
padding: 0 5px;
}
/**
* table
*/
table.view {
width: 100%;
margin: 2px 0;
}
table.view tr.highlight:hover{
background: #DDE0FF;
}
table.view .headings td{
background: transparent;
font-weight: bold;
color: #333333;
padding: 2px;
}
table.view .headings .power{
background: #FFEB68;
color: #333333;
}
table.view td{
vertical-align: top;
}
/**
* Small classess
*/
.mcenter{
margin: 0 auto;
}
.fl_left{
float: left;
}
.fl_right{
float: right;
}
.clear{
clear: both;
margin: 0;
}
.hidden{
display: none;
}
.center{
text-align: center;
}
.justify{
text-align: justify;
}
.right{
text-align: right;
}
/**
* Blocks of text
*/
.note{
margin: 10px 0;
margin-left: 20px;
background: #efefef;
padding: 5px;
font-style: italic;
}
.example{
padding: 4px;
border: 1px solid #dedede;
}
/**
* photo
*/
.photo_cell {
width: 100px;
height: 100px;
}
.photo_cell img {
border: 1px solid #8490FF;
}
#login_square {
background: transparent;
width: 400px;
padding: 5px;
}
#login_square #salutation {
font-weight: bold;
font-size: larger;
margin-bottom: 5px;
}
#loggedas {
margin-top: 5px;
margin-bottom: 2px;
}
#loggedas span {
margin-right: 5px;
border-right: 1px dotted gray;
padding: 0 5px;
}
.success {
color: #29298D;
text-align: center;
}
.online {
color: #5934FF;
}
#pages{
text-align: center;
}
.table{
display: table;
color: #3F5052;
}
.th{
font-weight: bold;
color: #8490FF;
border-bottom: 1px solid #8490FF;
background-color: #DDDAFF;
padding: 3px 5px;
margin: 5px 0;
}
.row{
display: table-row;
}
.ccell{
text-align: center;
vertical-align: top;
}
.lcell{
text-align: right;
vertical-align: top;
}
.cell{
vertical-align: top;
}
.rcell{
text-align: left;
vertical-align: top;
}
/**
* errors
*/
#errors_header{
background: #8490FF;
padding: 2px 5px;
margin: 0 30px;
margin-top: 10px;
border-bottom: 1px solid #8490FF;
color: white;
}
#errors{
border: 1px solid #8490FF;
background: #DDDAFF;
padding: 5px;
margin: 0 30px;
}
/**
* Newsletter
*/
#newsletter{
margin: 5px 0;
}
#newsletter #newsletter_header{
padding-bottom: 5px;
border-bottom: 1px solid #777777;
}
#newsletter #newsletter_content {
background: #eeeeee;
}
#newsletter #newsletter_footer{
padding-bottom: 10px;
border-top: 1px solid #777777;
}