BODY {
BACKGROUND: url(../images/common/page_bgd.gif); background-repeat: repeat-x; background-position: left top; MARGIN: 0px; BACKGROUND-COLOR: #FFFFFF
}
.whitebase {
border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; BACKGROUND-COLOR: #FFFFFF
}
.faded {
background-color: #FFFFFF; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5
}
h1 {
FONT: 28px Swis721 Cn BT, Trebuchet Ms, Arial, Tahoma, sans-serif; COLOR: #000000; Font-weight: Bold; margin: 0px
}
.bodytitle {
FONT: 20px Arial, Tahoma, sans-serif; COLOR: #264460; font-weight: bold; LETTER-SPACING: -1px
}
.bodysubtitle {
FONT: 14px Arial, Tahoma, sans-serif; COLOR: #264460; font-weight: bold; LETTER-SPACING: -1px
}
.bodytitlelink {
COLOR: #264460; TEXT-DECORATION: none; BORDER-BOTTOM: #aaaaaa 0px solid
}
.bodytitlelink:hover {
COLOR: #4AA9FF; TEXT-DECORATION: none; BORDER-BOTTOM: #4AA9FF 0px solid
}
.bodytext {
FONT: 12px Arial, Tahoma, sans-serif; COLOR: #444444; line-height: 18px
}
.bodytextlink {
COLOR: #222222; TEXT-DECORATION: none; BORDER-BOTTOM: #dddddd 1px solid
}
.bodytextlink:hover {
COLOR: #000000; TEXT-DECORATION: none; BORDER-BOTTOM: #444444 1px solid
}
.sitemaptitle {
FONT: 12px Arial, Tahoma, sans-serif; COLOR: #444444; Padding-Top: 0px; Font-Weight: Bold; Padding-Left: 6px
}
.sitemaptitle_link:link {
COLOR: #444444; TEXT-DECORATION: none
}
.sitemaptitle_link:visited {
COLOR: #444444; TEXT-DECORATION: none
}
.sitemaptitle_link:hover {
COLOR: #444444; BORDER-BOTTOM: #444444 1px solid; TEXT-DECORATION: none
}
.sitemaptext {
FONT: 12px Arial, Tahoma, sans-serif; COLOR: #444444; Padding-Top: 0px; Padding-Left: 6px
}
.sitemaptext_link:link {
COLOR: #444444; text-decoration: none
}
.sitemaptext_link:visited {
COLOR: #444444; text-decoration: none
}
.sitemaptext_link:hover {
COLOR: #444444; BORDER-BOTTOM: #444444 1px solid; text-decoration: none
}
.error {
COLOR: #FF0000; FONT-FAMILY: Trebuchet MS, Tahoma, Arial, Trebuchet MS, Verdana, ms sans serif; FONT-SIZE: 13px; LINE-HEIGHT: 20px
}
.footertext {
FONT: 11px Arial, sans-serif; COLOR: #bbbbbb; LINE-HEIGHT: 16px; margin-top: 10px; 
}
.footertextlink {
COLOR: #FFFFFF; TEXT-DECORATION: none; BORDER-BOTTOM: #F5C724 0px solid
}
.footertextlink:hover {
COLOR: #bbbbbb; TEXT-DECORATION: none; BORDER-BOTTOM: #FFFFFF 1px solid
}
.leftpaneltitle {
FONT: 12px Arial, Tahoma, sans-serif; COLOR: #666666; LINE-HEIGHT: 20px; font-weight: bold; padding-left: 4px
}
.leftpaneltext {
FONT: 11px Arial, Tahoma, sans-serif; COLOR: #333333; LINE-HEIGHT: 16px; padding-left: 4px
}
.leftpanelsmltext {
FONT: 10px Arial, Tahoma, sans-serif; COLOR: #000000; padding-left: 4px
}
FORM {
MARGIN: 0px
}
.formbutton {
BORDER-RIGHT: #c2eef7 2px solid; BORDER-TOP: #c2eef7 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #c2eef7 2px solid; COLOR: #ffffff; LINE-HEIGHT: 16px; BORDER-BOTTOM: #c2eef7 2px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #4aa9ff
}
.inputform {
BORDER: #7f9db9 1px solid; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Tahoma, ms sans serif
}
.inputform100 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 90px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.inputform150 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 140px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.inputform200 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 180px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.selectform {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.selectform100 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 90px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.selectform150 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 140px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.selectform200 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 180px; COLOR: #000000; LINE-HEIGHT: 13px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.inputformtextarea200 {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 180px; COLOR: #000000; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
.inputformtextarea {
BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 377px; COLOR: #000000; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma, ms sans serif; BACKGROUND-COLOR: #ffffff
}
a.squarebutton{
background: transparent url('../images/common/menu_top_left.gif') no-repeat top left; display: block; float: left; font: bold 11px Arial, Tahoma, Trebuchet MS; line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 28px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
color: #FFFFFF; text-decoration: none /*button text color*/
}
a.squarebutton span {
background: transparent url('../images/common/menu_top_right.gif') no-repeat top right; display: block; padding: 4px 9px 4px 0 
/*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover { /* Hover state CSS */
background-position: bottom left
}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right; color: #333333
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; width: 100%
/*See: http://www.quirksmode.org/css/clearing.html */
}
.note {
FONT: 10px Trebuchet MS, Tahoma; COLOR: #999999; LETTER-SPACING: 1px; Text-Transform: uppercase
}
.note_link {
COLOR: #999999; text-decoration: none
}
.note_link:hover {
COLOR: #264460; text-decoration: underline
}
.tags {
FONT: 9px Trebuchet MS, Tahoma, MS sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #999999; LETTER-SPACING: 1px
}
.tagslink:link {
COLOR: #999999; TEXT-DECORATION: none
}
.tagslink:visited {
COLOR: #999999; TEXT-DECORATION: none
}
.tagslink:hover {
COLOR: #666666; TEXT-DECORATION: underline
}
/* Admin Panle Linked List */
DIV#panel {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; OVERFLOW: auto; PADDING-TOP: 0px
}
DIV#panel UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 1px; MARGIN: 0px 0px 0px; COLOR: #666666; LIST-STYLE-TYPE: none
}
DIV#panel UL LI {
PADDING-LEFT: 22px; BACKGROUND: url('../images/common/icon_panel.gif') no-repeat 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 20px
}
HTML DIV#panel UL LI {
BACKGROUND-POSITION: 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 20px
}
DIV#panel UL LI A {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#panel UL LI A:visited {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#panel UL LI A:hover {
COLOR: #666666; BORDER-BOTTOM: #666666 1px solid; TEXT-DECORATION: none
}
DIV#panel UL LI A:active {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#panelright {
FLOAT: left; WIDTH: 100%
}
DIV#panelevents {
BACKGROUND: transparent; PADDING: 0px; MARGIN-BOTTOM: 10px; MARGIN-TOP: 4px
}

/* Admin Panle Linked List */
DIV#project {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; OVERFLOW: auto; PADDING-TOP: 0px
}
DIV#project UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 1px; MARGIN: 0px 0px 0px; COLOR: #666666; LIST-STYLE-TYPE: none
}
DIV#project UL LI {
PADDING-LEFT: 22px; BACKGROUND: url('../images/common/icon_project_panel.gif') no-repeat 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 20px
}
HTML DIV#project UL LI {
BACKGROUND-POSITION: 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 20px
}
DIV#project UL LI A {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#project UL LI A:visited {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#project UL LI A:hover {
COLOR: #666666; BORDER-BOTTOM: #666666 1px solid; TEXT-DECORATION: none
}
DIV#project UL LI A:active {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#projectright {
FLOAT: left; WIDTH: 100%
}
DIV#projectevents {
BACKGROUND: transparent; PADDING: 0px; MARGIN-BOTTOM: 10px; MARGIN-TOP: 4px
}
.lb11 {
background: url('../images/common/lb_11.gif') #EDF4F7; background-repeat: no-repeat; background-position: left top
}
.lb13 {
background: url('../images/common/lb_13.gif') #EDF4F7; background-repeat: no-repeat; background-position: right top
}
.lb31 {
background: url('../images/common/lb_31.gif') #EDF4F7; background-repeat: no-repeat; background-position: left bottom
}
.lb33 {
background: url('../images/common/lb_33.gif') #EDF4F7; background-repeat: no-repeat; background-position: right bottom
}
.lb {
background-color: #EDF4F7
}
.ls11 {
background: url('../images/common/ls_11.gif'); background-repeat: no-repeat; background-position: left top
}
.ls12 {
background: url('../images/common/ls_12.gif'); background-repeat: repeat-x; background-position: left top
}
.ls13 {
background: url('../images/common/ls_13.gif'); background-repeat: no-repeat; background-position: right top
}
.db11 {
background: url('../images/common/db_11.gif') #C2DAE6; background-repeat: no-repeat; background-position: left top
}
.db13 {
background: url('../images/common/db_13.gif') #C2DAE6; background-repeat: no-repeat; background-position: right top
}
.db31 {
background: url('../images/common/db_31.gif') #C2DAE6; background-repeat: no-repeat; background-position: left bottom
}
.db33 {
background: url('../images/common/db_33.gif') #C2DAE6; background-repeat: no-repeat; background-position: right bottom
}
.db {
background-color: #C2DAE6
}
.ds11 {
background: url('../images/common/ds_11.gif'); background-repeat: no-repeat; background-position: left top
}
.ds12 {
background: url('../images/common/ds_12.gif'); background-repeat: repeat-x; background-position: left top
}
.ds13 {
background: url('../images/common/ds_13.gif'); background-repeat: no-repeat; background-position: right top
}

/* Job Panel Linked List */
DIV#job {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; OVERFLOW: auto; PADDING-TOP: 0px
}
DIV#job UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 1px; MARGIN: 0px 0px 0px; COLOR: #666666; LIST-STYLE-TYPE: none
}
DIV#job UL LI {
PADDING-LEFT: 22px; BACKGROUND: url('../images/common/icon_job_panel.gif') no-repeat 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 18px
}
HTML DIV#job UL LI {
BACKGROUND-POSITION: 0px 1px; FONT: 12px Arial, Tahoma, Verdana; COLOR: #666666; line-height: 18px
}
DIV#job UL LI A {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#job UL LI A:visited {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#job UL LI A:hover {
COLOR: #666666; BORDER-BOTTOM: #666666 1px solid; TEXT-DECORATION: none
}
DIV#job UL LI A:active {
COLOR: #666666; TEXT-DECORATION: none
}
DIV#jobright {
FLOAT: left; WIDTH: 100%
}
DIV#jobevents {
BACKGROUND: transparent; PADDING: 0px; MARGIN-BOTTOM: 10px; MARGIN-TOP: 4px
}
.golden11 {
background: url('../images/common/golden11.png') #F8FBE7; background-repeat: no-repeat; background-position: left top
}
.golden12 {
background: url('../images/common/golden12.png') #F8FBE7; background-repeat: repeat-x; background-position: left top
}
.golden13 {
background: url('../images/common/golden13.png') #F8FBE7; background-repeat: no-repeat; background-position: center top
}
.golden14 {
background: url('../images/common/golden14.png') #F8FBE7; background-repeat: no-repeat; background-position: right top
}
.golden21 {
background: url('../images/common/golden21.png') #F8FBE7; background-repeat: no-repeat; background-position: left center
}
.golden22 {
background: url('../images/common/golden22.png') #F8FBE7; background-repeat: repeat-x; background-position: left center
}
.golden23 {
background: url('../images/common/golden23.png') #F8FBE7; background-repeat: no-repeat; background-position: center
}
.golden24 {
background: url('../images/common/golden24.png') #F8FBE7; background-repeat: no-repeat; background-position: right center
}
.golden31 {
background: url('../images/common/golden31.png') #CCA61A; background-repeat: no-repeat; background-position: left bottom
}
.golden32 {
background: url('../images/common/golden32.png') #CCA61A; background-repeat: repeat-x; background-position: left bottom
}
.golden33 {
background: url('../images/common/golden33.png') #CCA61A; background-repeat: no-repeat; background-position: center bottom
}
.golden34 {
background: url('../images/common/golden34.png') #CCA61A; background-repeat: no-repeat; background-position: right bottom
}