* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  font-family: Verdana,Arial,sans-serif;
  font-size:12px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
	text-align: center;
}


/*-------------------------------------------------------*/
.container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}

.logo {
}

div.spacer {
  clear: both;
  height: 10px;
}

div.divider {
  clear: both;
  border-top: 1px solid #CCCCCC;
}

/*-------------------------------------------------------*/
.header {
  background: #202020;
  color: white;
  font-weight:bold;
  height: 50px;
}
.header a {
  color: white;
}
.header_left {
    float: left;
    margin-top: 17px;
}
.header_right {
    float: right;
    margin-top: 17px;
}
.header_logo {
    float: right;
    margin-top: 7px;
}

/*-------------------------------------------------------*/
.top_content {
  background: #ddeeee;
}

/*-------------------------------------------------------*/
.main_content {
}

.main_content H1 {
    font-family: Times New Roman, serif;
    font-size: 20px;
}

.main_content P {
    font-family: Times New Roman, serif;
    font-size: 16px;
}

/*-------------------------------------------------------*/
.footer, .push {
  height: 100px;
}

.footer, .footer i, .footer a {
  background: black;
  color: white;
}

.footer_right { float: right; margin-top: 30px; }

.footer_left { float: left; margin-top: 10px; }

.footer {
    text-align: center;
}

/*-------------------------------------------------------*/
#system_menu {
  float: right;
}

#system_menu ul {
    display: inline;
    margin: 0;
    padding: 0;
}

#system_menu li {
    display: inline;
    list-style-type:none;
    padding: 0 0 0 1em;
    margin: 0;
    text-decoration:underline;
}

/*-------------------------------------------------------*/
.top_menu {
  float: left;
}

.top_menu ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.top_menu li {
    display: inline;
    list-style-type:none;
    padding: 0 1em 0 0;
    margin: 0;
}

/*-------------------------------------------------------*/
.main_message_box {
    width: 100%;
    height: 330;
    background: #ffff;
    font-size: 20;
}

.main_message {
    color: #101010;
    text-align: left;
    font-family: Verdana,Arial,sans-serif;
}

.main_message * {
    font-size: 16px;
    color: #A6C3F2;
    font-weight: 500;
}

.main_message H1 {
    text-align: left;
    font-size: 35px;
    color: black;
    font-family: Verdana,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
}

.main_message H2 {
    text-align: left;
    font-size: 28px;
    color: black;
    font-family: Times New Roman, serif;
    font-weight: 500;
    margin-bottom: 5px;
}

.main_message H3 {
    text-align: left;
    font-size: 18px;
    color: #101010;
    font-family: Times New Roman, serif;
    font-weight: 500;
    margin-bottom: 10px;
}


.main_message li {
  padding-left: 10px;
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;  
}

.logo_container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/*-------------------------------------------------------*/
.left_half {
    float: left;
    width: 480px;
}

.right_part {
    float: right;
    width: 480px;
}

.left_part {
    float: left;
    width: 400px;
}

.right_part {
    float: right;
    width: 500px;
}

.right_right_part {
    float: right;
    width: 250;
}

.left_right_part {
    float: right;
    width: 250;
}

.product_box {
    height: 220px;
    margin-bottom:30px;
}

.product_message P {
  font-family: Verdana,Arial,sans-serif;
}

.product_message H1 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 24px;
}

.product_message_1 {
    background: #DF8462;
    height: 100%;
    margin-right: 15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.product_message_2 {
    background: #8AA2C5;
    height: 100%;
    margin-right: 15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.product_message_3 {
    background: #84AA93;
    height: 100%;
    margin-left: 15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.product_message_4 {
    background: #DFB562;
    height: 100%;
    margin-left: 15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.product_message {
    height: 100%;
    font-size: 16px;
    padding: 10px;
}

/*-------------------------------------------------------*/
.content {
    padding-top: 10px;
    margin-bottom: 1em;
    text-align: left;
}

.content H1 {
    color:#222222;
    font-family:helvetica,arial sans-serif;
    font-size:28px;
    font-weight:bold;
    letter-spacing:-1px;
    margin-bottom:0.5em;
    text-align:left;
    sline-height: 1em;
}

.content H2 {
    color:#CC3333;
    font-family:Georgia,serif;
    font-size:18px;
    font-weight:normal;
}

.content H3 {
    font-weight: 700;
    color: #3671A1;
    margin-bottom:0.1em;
}

.content ul { list-style-position: outside; padding: 0.25em 0em 0.25em 1.5em; }
.content li { display; list-item; }
.content li.level1 { list-style-type:disc; }
.content li.level2 { list-style-type:circle; }
.content li.level3 { list-style-type:square; }
.content li.level1d { list-style-type:decimal; }
.content li.level2d { list-style-type:decimal; }
.content li.level3d { list-style-type:lower-roman; }

.content table.usertable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: rgb(250, 250, 250);
	empty-cells: show;
}
.content th.usertable {
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	color: white;
	background-color: #3671A1;
	padding: 2px 4px;
}
.content tr.usertableodd {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: none none dotted dotted;
	border-color: gray gray gray gray;
	background-color: rgb(240, 240, 240);
}
.content td.usertable {
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	padding: 2px 4px;
}
.content td.usertable a {
    font-family:Verdana,Arial,sans-serif;
	font-size: 14px;
}

.baselist a, .baselist td {
    font-family:Verdana,Arial,sans-serif;
	font-size: 12px;
}

.content table, .content td {
    font-family:Verdana,Arial,sans-serif;
	font-size: 12px;
}

/*-------------------------------------------------------*/
#main_menu ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

#main_menu li {
    display: inline;
    padding-right: 10px;
}

/*-------------------------------------------------------*/
#app_menu ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

#app_menu li {
    display: inline;
    padding-right: 10px;
}

/*-------------------------------------------------------*/
#actions {
  font-size: 1em;
  color: #999;
  text-align: left;
  padding: 0;
  text-align: right;
}

#actions a:link,
#actions a:visited {
  vertical-align: bottom;
  text-decoration:underline;
  font-weight:bolder;
  color: #666;
}

#actions ul {padding:0 0 0 0;}
#actions li
{ display: inline; list-style-type: none; padding-left: 10px; }

#actions .selectedlink { text-decoration: none; color: grey; }

/*-------------------------------------------------------*/
form, form input { font-family:Verdana,Arial,sans-serif; font-size: 14px; }
.field       { overflow: auto; margin: 5px 0px 5px 0px; width:100%; }
.field_label { float:left; text-align:right; padding-right:10px; width:20%; }
.field_value { float:left; width:70%;}
.field_edit  { float:left; width:70%; }
.field_edit textarea { border: 1px solid #cccccc; width:100%; margin: 0;}
.content br { line-height: 1em; }

textarea
{
    width:70%;
    height:115px;
    sfont-family: fixedsys;
    font-family: Arial,sans-serif;
    border-color:#DBDBDB;
    overflow:auto;
    margin: 0;
    font-weight: normal;
}

textarea.large
{
    width:100%;
    height:350px;
    border-color:#DBDBDB;
    overflow:auto;
    margin-top:5px;
    margin-bottom:5px;
}

input.std_button
{
   font-size:1em;
   padding-right: 10px;
   padding-left: 10px;
   height:30px;
}

/*-------------------------------------------------------*/
#prolog {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    padding-top: 1em;
    padding-bottom: 2em;
    font-size: 1.5em;
    line-height: 1em;
    background-color: #D6DFE8;
    text-align: center;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

#prolog H1 {
    font-size: 30px;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

#prolog p {
    margin-bottom: 0;
}

/*-------------------------------------------------------*/
#rightbox {
    float: right;
    width: 250px;
    color: black;
    background-color: #FFFFDD;
    padding: 1em;
    border-color: #FFFF00;
    border-width: medium;
    border-style: solid;
    margin-left: 10px;
    text-align: center;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

#rightbox H1 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: #000088;
}

#rightbox H2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #000088;
}

#rightbox A {
    margin: 0;
    padding: 0;
    color: blue;
    text-decoration:underline;
    text-align: center;
}