body {font-family: Verdana, Sans-Serif; font-size: 12px; padding: 0; margin:0; text-align: center; background-color: #dddddd;}
.wrapper {background: white; width: 1230px; padding: 10px; margin: auto;text-align:left;overflow: visible;border: 1px solid #aaaaaa;}
a:link, a:visited, a:hover, a:active {font-weight: bold; text-decoration: none; color: #aa0000;outline:0;}
h1 {font-size: 18px;font-weight: bold;color: #888888;}
h2 {font-size: 16px;font-weight: bold;color: #ff6600;} 
h3 {font-size: 14px;font-weight: bold;color: #888888;} 
table.summary {border-collapse: collapse; border: 1px solid #ffffff; font-size: 90%; margin: 5px 5px 5px 0px; background-color: #efefef;}
.summary tbody tr:hover {background-color: #ffffbb;border: 1px solid #ffffff;}
.summary th {background-color: #defccc; border: 1px solid #ffffff; text-align: left; vertical-align: top;}
.summary th a {color: #000000;}
.summary th a:hover {text-decoration: underline;}
.summary td {border: 1px solid #ffffff;}
tr.odd  {background-color: #efefef;}
tr.even {background-color: #e0e0e0;}
table tr.odd:hover, table tr.even:hover {background-color: #ffffbb;}
tr.conf {background-color: #dfdfff;}
td, th  {padding: 1px 4px;}
.button2 {margin: 1px; padding: 2px 0px 2px 0px; width: 120px;font-weight: bold;}
.button2 a {text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 2px solid #ffffff;text-align: left;}
.button2 a:link, .button2 a:visited {text-decoration: none; color: #aa0000;border: 2px solid #e0e0e0; background-color: #efefef;}
.button2 a:hover {text-decoration: none;background-color: #ff6600; color: #ffffff; border: 2px solid #ff6600;}
.button2a {margin: 1px; padding: 2px 0px 2px 0px; width: 120px;font-weight: bold;}
.button2a a {text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 2px solid #ffffff;text-align: left;}
.button2a a:link, .button2a a:visited {text-decoration: none; color: #aa0000;border: 2px solid #e0e0e0; background-color: #ffffff}
.button2a a:hover {text-decoration: none;background-color: #ff6600; color: #ffffff; border: 2px solid #ff6600;}
.sbutton_off {padding: 0px; width: 150px; font-weight: bold; text-decoration: none;color: #aa0000; background-color: #efefef; border: 2px solid #e0e0e0;}
.sbutton_off:hover {color: #ffffff; background-color: #ff6600; border: 2px solid #ff6600;}
.form_style {width: 98%; border: 1px solid #aaaaaa;font-size: 100%;background-color: #fafafa;padding-left: 2px;}
.add_button {display:block;float:left;margin: 1px;padding: 0px 5px 4px 7px;font-weight: bold; text-decoration: none;color: #aa0000; border: 1px solid #e0e0e0;width:200px;}
.add_button:hover {text-decoration: none;background-color: #efefef;}
.add_button img {position:relative; top: 3px; left: 2px;margin-right: 6px;}
.error {color: red;}
.success {color: green;}
.row_id {text-align: right;}
.item_contents_invisible {display: none;}
.visible{display:block;}
.invisible{display:none;}
#menu li {display: inline;}
img {border: none;}
#head_wrap {width: 100%; height: 80px;}
#logo {float: left; border: 8px solid #ffffff;}
#logo:hover {border: 8px solid #efefef;}
.app {display:block; float:left;height: 50px; width: 50px; border: 8px solid #e0e0e0; margin-left:8px;text-align:center;vertical-align: middle; display: table-cell;}
.app-active {display:block; float:left;height: 50px; width: 50px; border: 8px solid #aa0000; margin-left:8px;text-align:center; vertical-align: middle; display : table-cell;}
.app img {position:relative;top:17%;}
.app-active img {position:relative;top:17%;}
.app:hover, .app-active:hover {border: 8px solid #ff6600;}
#user_info {float: right;font-size: 100%; font-weight: bold; color: green;}
#admin_menu {margin-bottom: 20px;}
#tabmenu {color: #aa0000; border-bottom: 3px solid #e0e0e0;margin: 12px 0px 0px 0px;padding: 0px;z-index: 1;padding-left: 10px;}
#tabmenu ul {list-style-type: none; margin: 0px; padding: 10px 0px 2px 0px;}
#tabmenu li {display: inline;}
#tabmenu a {color: #000000; border: 3px solid #e0e0e0;padding: 1px 5px 0px 5px;margin: 0px;text-decoration: none;background-color:#efefef;}
#tabmenu a:hover,#tabmenu a.active:hover {color: #ff6600;}
#tabmenu a.active {color: #aa0000;background-color: #ffffff;border-bottom: 3px solid #ffffff;}
#panel {padding: 10px;text-align: left;background-color: #ffffff; color: black;border: 3px solid #e0e0e0;overflow: auto;}
#application-tabs {padding: 10px;text-align: left;background-color: #ffffff; color: black;border: 3px solid #e0e0e0;border-top:none;z-index: 2;overflow: auto;min-height:150px;height:auto !important;}
.paginator {padding-bottom: 10px;}
.paginator .inner {margin: 0 auto; display: inline-block;font-size: 13px;}
.paginator .inner a, .paginator .inner .current .num { width: 10px; background-color: #e0e0e0; color: #ffffff; padding: 3px 8px; margin: 2px;line-height: 2em; font-weight: bold;}
.paginator .inner a:hover { text-decoration: none;background-color: #ff6600;}
.paginator .inner .current { background: #aa0000; cursor: default; color: #ffffff;}
.dpTable {text-align: center; color: #aa0000; background-color: #ffffff; border: 1px solid #aaaaaa;}
.dpTD {width: 30px; border: 1px solid #ffffff;}
.dpTDHover {background-color: #ff6600; color: #ffffff; font-weight: bold; border: 1px solid #ff6600;}
.dpDayHighlightTD { background-color: #dddddd; border: 1px solid #aaaaaa;}
.dpDayHighlight {font-weight: bold;}
.dpButton {width: 100%; font-weight: bold; background-color: #ffffff; color: #aa0000; padding: 0px; border: 1px solid #ffffff;}
.dpButton:hover {background-color: #ff6600; color: #ffffff; border: 1px solid #ff6600;}
.dpButtonTD {font-weight: bold; padding: 0px; border: 0px solid #aaaaaa;}
.dpTodayButton {font-weight: bold;background-color: #dddddd; border: 1px solid #aaaaaa;}
.dpTodayButton:hover {background-color: #aa0000; color: #ffffff; border: 1px solid #ff6600;}
.dpTodayButtonTD {font-weight: bold; border: 0px solid #aaaaaa;}
.dpDayTD {color: #000000; background-color: #ffffff; border: 0px solid #aaaaaa;}
.dpTitleText {color: #000000; font-weight: bold; background-color: #ffffff; border: 0px solid #aaaaaa;}
.dpTitleTD {border: 0px solid #aaaaaa;}
.month {border-style: none;background-color: #ffffff;text-align: center;border: 1px solid #e0e0e0;}
.monthname {text-align: center;font-size: 12px;font-weight: bold;color:#000000;}
.dayname {text-align: center;font-size: 12px;color: #000000;}
.monthnavigation {text-align: center;font-size: 12px;color: #aa0000;border: 1px solid #ffffff;}
.monthnavigation:hover {background-color: #ff6600;color: #ffffff;border: 1px solid #ff6600;}
.monthnavigation:hover a{color: #ffffff;text-decoration: none;}
.monthday {text-align: center;font-size: 12px;color: #aa0000;width:30px;border: 1px solid #ffffff;}
.monthday:hover a{color:#ffffff;text-decoration: none;}
.monthday:hover {background-color: #ff6600;color: #ffffff;border: 1px solid #ff6600;}
.today {text-align: center;font-size: 12px;font-weight: bold;background-color: #dddddd;width:30px;color: #aa0000;border: 1px solid #aaaaaa;}
.today:hover a{color:#ffffff;text-decoration: none;}
.today:hover {background-color: #ff6600;color: #ffffff;border: 1px solid #ff6600;}
.selectedday {text-align: center;font-size: 12px;font-weight: bold;background-color: #aa0000;width:30px;color: #ffffff;border: 1px solid #aa0000;}
.selectedday a{color:#ffffff;text-decoration: none;}
.selectedday:hover a{color:#ffffff;text-decoration: none;}
.selectedday:hover {background-color: #ff6600; color: #ffffff;border: 1px solid #ff6600;}