html {
font-family: Arial, Helvetica, sans-serif;
}
body {
font-size: 12px;
line-height: 16px;
}
table td {
font-size: 12px;
line-height: 16px;
}
.pageTitle {
width:576px;
height:59px;
font-size:28px;
color:#ffffff;
text-transform:lowercase;
background-color:#167d4c;
padding: 12px 0 0 15px;
}
.pageTitle.green {
background-color:#167d4c;
}
.breadcrumbs, .iteminfo, .articleinfo {
font-size:11px;
color: #666;
}
.breadcrumbs a {
color: #666;
}
#main-nav {
padding: 0;
margin: 0;
}
#main-nav li {
list-style: none;
padding: 0;
margin: 0;
float:left;
width: 115px;
}
#main-nav li:hover, #main-nav li.hover {position: relative;}
#main-nav li:hover div, #main-nav li.hover div {display: block;}
#main-nav div {
display: none;
position: absolute;
left: 1px;
top: 114px;
width: 114px !important;
margin:0;
padding:0;
overflow:hidden;
}
#main-nav ul {
margin: 0;
width: 100%;
padding: 0;
}
#main-nav li li {
float: none;
background: none !important;
padding: 0;
margin:0;
list-style: none;
}
#main-nav li li a {
float: none;
display: block;
padding: 5px 0 5px 10px;
margin:0;
line-height: 12px;
height: 100%;
font-size: 10px;
color: #ffffff;
text-decoration:none;
}
#drop1 {background-color: #bf331a;}
#drop1 li a:hover {background-color: #ab2e18; !important;}
#drop2 {background-color: #febb12;}
#drop2 li a:hover {background-color: #dfa319; !important;}
#drop3 {background-color: #2a607c;}
#drop3 li a:hover {background-color: #285770; !important;}
#drop4 {background-color: #167e4c;}
#drop4 li a:hover {background-color: #157144; !important;}
#drop5 {background-color: #aa1d21;}
#drop5 li a:hover {background-color: #991b1f; !important;}
.subsubmenu {
padding: 0;
margin: 0;
}
.subsubmenu ul {
padding: 0 0 0 10px;
margin: 0;
}
.subsubmenu li {
list-style: none;
padding: 0;
margin: 0;
}
.counter {
padding:20px 0 0;
}
ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}
ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}
ul.pagination li a {
padding:2px;
}
a.mainMenu {
display:table-cell;
height:115px;
width:115px;
padding:88px 0 0 10px;
font-size: 15px;
background-color:#bf331a;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
text-decoration: none;
font-weight:bold;
color: #d5978c;
overflow:visible;
}
a.mainMenu.item1 {
width:116px;
border-left: none;
color: #d5978c;
padding-top:54px;
}
a.mainMenu.item1.active1 {
border-bottom: 1px solid #bf331a;
color: #ffffff;
}
a.mainMenu.item2 {
color: #f1d79a;
background-color:#dfa41a;
padding-top:54px;
}
a.mainMenu.item2.active2 {
border-bottom: 1px solid #dfa41a;
color: #ffffff;
}
a.mainMenu.item3 {
color: #a9bcc6;
background-color:#28576f;
}
a.mainMenu.item3.active3 {
border-bottom: 1px solid #28576f;
color: #ffffff;
}
a.mainMenu.item4 {
color: #a2cbb7;
background-color:#167e4c;
padding-top:54px;
}
a.mainMenu.item4.active4 {
border-bottom: 1px solid #167e4c;
color: #ffffff;
}
a.mainMenu.item5 {
color: #dda4a6;
background-color:#aa1d21;
padding-top:54px;
}
a.mainMenu.item5.active5 {
border-bottom: 1px solid #aa1d21;
color: #ffffff;
}
a.mainMenu:hover {
text-decoration: none;
color: #ffffff;
}
.small {
font-size: 10px;
color: #666;
}
a {
color: #333333;
text-decoration: underline;
}
a:hover {
color: #AB2E18;
text-decoration:underline;
}
.bodytxt {
font-size: 12px;
line-height: 16px;
}
.bodytxtbld {
font-size: 12px;
line-height: 16px;
font-weight: bold;
}
.submenu {
font-size: 12px;
line-height: 20px;
color: #333333;
}
.Largetxt {
font-size: 24px;
line-height: 30px;
color: #333333;
}
.newstxt {
font-size: 11px;
line-height: 14px;
color: #000000;
}
.newstxtred {
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: bf341a;
}
.bodytxtgrey {
font-size: 12px;
line-height: 16px;
color: #333333;
}
.bodytxtbldgrey {
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #333333;
}
.newstable {
margin: 15px 0px;
}
.bodytxtsm {
font-size: 11px;
line-height: 13px;
}
.leftbox {
margin-top: 20px;
margin-bottom: 37px;
margin-left: 37px;
}
.bodytxtbldwhite {
font-size: 14px;
line-height: 17px;
font-weight: bold;
color: #FFFFFF;
}
.bodytxtwhite {
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
}
.bulletpoint {
list-style-position: outside;
list-style-image: url(images/bulletpoint.gif);
}
.bodytxtbldwhite2 {
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #FFFFFF;
}
.Largetxt-blue {
font-size: 24px;
line-height: 30px;
color: #29607d;
}
.Largetxt-red {
font-size: 24px;
line-height: 30px;
color: #ab1d21;
}
.Largetxt-red2 {
font-size: 24px;
line-height: 30px;
color: #bf341a;
}
.Largetxt-yellow {
font-size: 24px;
line-height: 30px;
color: #FD9D0D;
}
.Largetxt-green {
font-size: 24px;
line-height: 30px;
color: #167d4c;
}
h2, .componentheading {
font-size: 24px;
line-height: 30px;
color: #167d4c;
font-weight: normal;
margin-bottom:0;
padding-bottom:0;
}
/* Calendar styles */
.events {
border-top: 2px solid #ddd;
width: 180px;
}
/* Overall calendar table properties */
.eventcalq table.mod_eventlistcalq_calendar {
border-collapse: collapse;
border-spacing: 0;
width: 180px;
padding: 0;
margin: 0;
font: normal 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #666;
text-align: left;
background-color:#eee;
border-top: 2px solid #999;
}
/* Blank cell properties */
.eventcalq td.mod_eventlistcalq {
font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
width: 21px;
height: 20px;
text-align: center;
}
/* Today cell preperties */
.eventcalq td.mod_eventlistcalq_caltoday
{
font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
width: 21px;
height: 20px;
text-align: center;
color: #000;
}
/* Today Event day cell hover Link / Visited*/
.eventcalq td.mod_eventlistcalq_caltodaylink a:link,
.eventcalq td.mod_eventlistcalq_caltodaylink a:visited{
text-decoration: none;
width: 19px;
height: 18px;
font-weight: bold;
display: block;
color: #000;
background: #29727c;
}
/* Today Event day cell hover */
.eventcalq td.mod_eventlistcalq_caltodaylink a:hover {
text-decoration: none;
width: 19px;
height: 18px;
font-weight: bold;
display: block;
color: #000;
}
/* Non event day cell preperties */
.eventcalq td.mod_eventlistcalq_calday {
font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
width: 21px;
height: 20px;
text-align: center;
}
/* Event day cell properties */
.eventcalq td.mod_eventlistcalq_caldaylink,
.eventcalq td.mod_eventlistcalq_caltodaylink {
font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
width: 21px;
height: 20px;
text-align: center;
}
/* Event day cell hover Link / Visited*/
.eventcalq td.mod_eventlistcalq_caldaylink a:link,
.eventcalq td.mod_eventlistcalq_caldaylink a:visited{
text-decoration: underline;
font-weight: bold;
display: block;
color: #000;
background-color:#CCC;
}
/* Event day cell hover */
.eventcalq td.mod_eventlistcalq_caldaylink a:hover {
text-decoration: none;
font-weight: bold;
display: block;
color: #000;
}
/* Month heading properies */
.eventcalq caption.mod_eventlistcalq_calendar-month {
font: bold 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #000;
text-align: center;
background-color:#ccc;
}
/* Month heading Link / Visited properties */
.eventcalq caption.mod_eventlistcalq_calendar-month a,
.eventcalq caption.mod_eventlistcalq_calendar-month a:link,
.eventcalq caption.mod_eventlistcalq_calendar-month a:visited
{
color: #666;
text-decoration: none;
}
/* Month heading Hover properties */
.eventcalq caption.mod_eventlistcalq_calendar-month a:hover{
color: #990000;
text-decoration: none;
}
/* Day of week heading properties*/
.eventcalq th.mod_eventlistcalq_daynames {
font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #000;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 300px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../administrator/templates/khepri/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 11px;
margin: 0;
}
/*login module */
.login {
width:180px;
border-top: 2px solid #ddd;
margin: 20px 0 0 0;
}
.login-form {
margin: 0;
padding:0;
}
.txt {
width:177px;
}
.login-button {
margin: 5px 0 5px 0;
}
.login-remember {
width: 60%;
float:left;
}
.login-submit {
width: 30%;
float:right;
}
.login-reset {
padding: 20px 0 0 0;
line-height:14px;
}