html, body {
    height:100%;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#333
}

p {
    padding: 10px;
}

h1 {
font-size: 2em;
}
h1.main_content_title {
text-align: center;
padding-bottom:40px;
}

h2 {
font-size: 1.5em;
}

h3 {
font-weight:bold;
}

span.small { 
    font-size: smaller;
}
span.large { 
    font-size: larger;
}

img {
vertical-align:middle;
}

.object-title {
    font-style: italic;
}

a:link {color:#2647AA;text-decoration:none;}     /* unvisited link */
a:visited {color:#2647AA;text-decoration:none;}  /* visited link */
a:hover {color:#2647AA;text-decoration:underline;}    /* mouse over link */
a:active {color:#2647AA;text-decoration:none;}   /* selected link */

a.action_button, input[type=submit].action_button {
  font-size: 1.2em;
  text-decoration: none;
  background-color: #E8AD00;
  color: #333333;
  padding: 5px 15px 5px 15px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 20px;
  cursor: pointer;
  display:inline-block;
  width: auto;
  vertical-align:middle;
}
a.action_button:hover, input[type=submit].action_button:hover
{
    background-color:#D89D00;
}    /* mouse over link */
/*
 {
  display:inline-block;
  cursor: pointer;
width: auto;
}
input[type=submit].action_button:hover {background-color:#D89D00;}    /* mouse over link */
*/


input {
font: inherit;
}

input[type=text], select {
width: 300px;
}
input[type=number] {
width: 295px;
}
input[type=submit] {
width: 100px;
}
select[multiple] {
width: 305px;
height: 150px;
}
textarea {
font: inherit;
width: 295px;
}

#container {
min-height:100%;
width:860px;
margin: 0 auto;
position:relative;
}

#header {
width:840px;
height: 40px;
padding:10px;
padding-top:20px;
text-align: center;
background:#B1C4FF;
color:#2647AA;
}


#nav {
width:840px;
margin: 0 auto;
padding:10px;
background:#2647AA;
text-align: center;
}
#nav ul {
margin:5px;
padding:5px;
list-style:none;
}
#nav li {
font-size: 1.5em;
font-weight:bold;
margin:10px;
padding-left:40px;
padding-right:40px;
display:inline;
}
#nav a:link {color:#93AEFF;text-decoration:none;}     /* unvisited link */
#nav a:visited {color:#93AEFF;text-decoration:none;}  /* visited link */
#nav a:hover {color:#6D92FF;text-decoration:none;}    /* mouse over link */
#nav a:active {color:#6D92FF;text-decoration:none;}   /* selected link */


#main {
width:780px;
margin: 0 auto;
padding:40px 40px 80px;
background:white;
}

#footer {
position:absolute;
bottom:0;
width:840px;
height: 30px;
padding:10px;
text-align: center;
background:#2647AA;
color:white;
}
#footer a:link {color:white;}     /* unvisited link */
#footer a:visited {color:white;}  /* visited link */
#footer a:hover {color:white;} /* mouse over link */
#footer a:active {color:white;}     /* selected link */

#home_dashboard {
width:760px;
background:white;
padding:20px;
}

#home_sections {
padding-bottom:20px;
}

h2.dashboard_title {
text-align:center;
padding:10px 10px;
}


/* fluid two column layout */
#col1 {
    float: left;
    width: 50%;
}
#col2 {
    float: right;
    width: 50%;
}
#endcols {
    clear: both;
}
@media (max-width: 480px) {
    #col1 {
        margin-bottom:20px;
    }
    #col2 {
        float: left;
        clear:left;
    }
}


/* multi column lists */

ul.checkbox_multiselect {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

/* messages */
.info, .success, .warning, .error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/static/images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/static/images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/static/images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/static/images/error.png');
}


/* common styling for all tables */
table, td, th
{
border:1px solid black;
}
th
{
color:white;
background-color:#9BBB59;
padding:10px;
text-align:left;
}
td
{
padding:10px 5px;
}


/* home table */
table.home_table, td.home_table
{
border:0px;
padding:5px 10px;
}
table.home_table
{
width:100%;
}
td.home_table
{
width:50%;
text-align:center;
}

/* key details table */
table.key_details_table
{
width:100%;
}
th.key_details_table_col_1 {
width:30%;
}
td.key_details_table_col_2{
width:70%;
}

/* stats table */
table.stats_table
{
width:75%;
table-layout: fixed;
}

/* key list table */
table.key_list_table
{
width:100%;
}

/* log details table */
table.log_details_table
{
width:100%;
}
th.log_details_table_col_1 {
width:25%;
}
td.log_details_table_col_2{
width:75%;
}

/* general table formatting */
td.multiline {
white-space: pre-wrap;
}
td.table_cell_image_left {
padding: 0px 5px;
text-align:left;
vertical-align:middle;
}
td.table_cell_image_center {
padding: 0;
text-align:center;
vertical-align:middle;
}
td.key_not_expired {
/*background-color: #DFF2BF;*/
background-color: #ccffcc;
}
td.key_expired {
/*background-color: #FFBABA;*/
background-color: #ffd8cc;
}

/* list table */
table.list_table, td.list_table
{
border:0px;
padding:5px 10px;
}
table.list_table
{
width:100%;
}
td.list_table
{
width:20%;
}

/* form table */
table.form_table, td.form_table
{
border:0px;
padding:5px 10px;
}
td.form_table {
vertical-align:top;
}


/* footer table */
table.footer_table, td.footer_table
{
width:100%;
border:0px;
padding:5px 10px;
}
td.footer_table
{
width:30%;
}