/* -- Global Styles -------------------------------------------------------- */

body { margin: 0px; font-family: Arial; font-size: 12px; background-color: #2f4699; color: #5c5c5c }

a img { border: 0 }

a { color: #6080d3; }

label { font-weight: bold }
input, textarea { border: 1px solid gray; font-size: 10px; }

button { border: 1px solid gray; }


/* -- Header Styles -------------------------------------------------------- */

div#header { position: relative; height: 125px; }
#page_content { width: 97%; margin: auto; border-color: #999999; border-style: solid; border-width: 1px 0 0 0; margin-top: 6px; padding-top: 6px; }
/*
div#header_left  { float: left;  }
div#header_right { position: absolute; }
*/

div#container { margin: auto; margin-top: 8px; width: 750px; background-color: white; border-width: 4px 4px 4px 4px; border-color: #e3e3e3; border-style: solid; padding: 8px;  }
div#navigation { position: absolute; bottom: 8px; left: 175px; }
div#copyright { text-align: center; font-family: monospace; font-size: 10px; margin-top: 16px; }
div#phone_msg { font-style: italic; border: 1px solid gray; margin: 8px; padding: 8px; background-color: #ccffcc; }

div#login { position: absolute; top: 0px; right: 0px;  }
div#login input { width: 100px; height: auto; font-size: 10px; }

#feedback #page_content input, #feedback textarea { width: 300px; padding: 4px; }
#feedback textarea {height: 200px }

#test_form input, #test_form textarea { width: 300px; }

div.top_list { border-width: 1px 0 1px 0; border-color: #e3e3e3; border-style: solid }

.home_left  { float: left; width: 75%; text-align: justify }
.home_right { float: right; width: 25%; }

.award_list { line-height: 20px; text-align: left; margin: 0 30px}
.award_list img { height: 16px; width: 16px; }


/* -- */

.indent_list { border: 1px solid #999999; background-color: #cccccc; padding: 4px; margin-left: 8px; }

.alert { border: 1px solid #999999; background-color: #cccccc; padding: 4px;  }

.desc { font-style: italic; }

.msg { font-style: italic; color: green; }

.border_bottom { border-width: 0 0 1px 0; border-style: solid; border-color: #dfdfdf }

div#app_list { }
div#app_list .left { margin-right: 20px; }
div#app_list .right { }
div#app_list div.odd { background-color: #ccffcc }

div.comment_list { background-color: #ccffcc; border: 1px solid #efefef; padding: 2px }
div.comment_list_colorless { padding: 2px }
div.add_comment textarea { width: 400px; height: 75px; }
.comment_list_colorless .comment, .comment_list .comment { padding: 2px; margin-bottom: 6px; }
.comment_list_colorless .odd, .comment_list .odd { background-color: #efefef }

div#app_list td { border-width: 0 0 1px 0; border-color: gray; border-style: dotted; padding: 6px 2px; }
div#app_list tr.first td { border-width: 1px 0 1px 0; }
div.app_listing { background-color: #ccffcc; border: 1px solid gray; margin-top: 8px; padding: 4px; width: 300px; float: left; }

.active { font-weight: bold }
a.active { text-decoration: none }

.avatar_large, .avatar_tiny, .avatar_reg { border: 1px solid black }

.highlight { background-color: #ffff99 }

div#maint { border: 1px solid black; background-color: #ffcccc; font-weight: bold; font-size: 20px; text-align: center; }

.pagination { text-align: center; }
.pagination a { color: #8c8c8c; }
a.cur_page { font-weight: bold; color: #6080d3;  }

.version { font-style: italic; font-size: 8px; }

input.search { background-repeat: no-repeat; padding-left: 20px; }