/* COMMON STYLE */

body {
	color: #484848;
}

body#bd {
	background: #E9F8DD;
}

/* Normal link */
a {
	color: #69A74D;
}

a:hover, a:active, a:focus {
	color: #484848;
}

ul li {
	background-image: url(../../images/bullet-list.gif);
}

hr {
	border-top-color: #CCCCCC;
}

.button {
	border: 1px solid #B5EBB4;
	background: url(../../images/green/button-bg.gif) top #E7E7E7;
	color: #666666;
}

.button:hover, .button:focus {
	border: 1px solid #5CA775;
	color: #484848;
}

.inputbox {
	border: 1px solid #CDDEE4;
	background: #E9F8DD;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #B5C4C9;
}

a.contentpagetitle {
	color: #5CA775;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #484848;
}

.mosimage {
	border: 1px solid #CDDEE4;
	background: #E9F8DD;
}

.mosimage img {
	border: 1px solid #CDDEE4;
	margin: 5px;

}

.mosimage_caption {
	margin-top: 2px;
	background: #E9F8DD;
	padding: 1px 2px;
	color: #666666;
}

div.module {
	background-image: url(../../images/green/box-br.gif);
}

div.module div {
	background-image: url(../../images/green/box-bl.gif);
}

div.module div div {
	padding: 0;
	background-image: url(../../images/green/nopatern/box-tr.gif);
}

div.module div div div {
	padding: 9px 15px 20px;
	background-image: url(../../images/green/box-tl.gif);
}

div.module-notitle h3 {
	margin: 0 0 15px;
	font-size: 1em;
}

div.module-notitle {
	margin-bottom: 15px;
	padding: 0;
	float: left;
	width: 100%;
	background: url(../../images/green/box-br.gif) no-repeat bottom right;
}

div.module-notitle div {
	padding: 0;
	background: url(../../images/green/box-bl.gif) no-repeat bottom left;
}

div.module-notitle div div {
	padding: 0;
	background: url(../../images/green/nopatern/box-tr-notitle.gif) no-repeat top right;
}

div.module-notitle div div div {
	padding: 9px 15px 20px;
	background: url(../../images/green/box-tl-notitle.gif) no-repeat top left;
}


div.module-fullcolor {
	background: url(../../images/green/box-br-fullcolor.gif) no-repeat bottom right;
}

div.module-fullcolor div {
	background: url(../../images/green/box-bl-fullcolor.gif) no-repeat bottom left;
}

div.module-fullcolor div div {
	background: url(../../images/green/nopatern/box-tr-fullcolor.gif) no-repeat top right;
}

div.module-fullcolor div div div {
	background: url(../../images/green/box-tl-fullcolor.gif) no-repeat top left;
}

div.module-dotted {
	background: url(../../images/green/box-br-dotted.gif) no-repeat bottom right;
}

div.module-dotted div {
	background: url(../../images/green/box-bl-dotted.gif) no-repeat bottom left;
}

div.module-dotted div div {
	background: url(../../images/green/nopatern/box-tr-dotted.gif) no-repeat top right;
}

div.module-dotted div div div {
	background: url(../../images/green/box-tl-dotted.gif) no-repeat top left;
}


table.blog .article_seperator {
	background: url(../../images/green/seperator.gif) repeat-x center;
}

table.contenttoc th {
	border-bottom: 1px solid #CCCCCC;
	color: #9FB453;
}

.componentheading {
	border-bottom: 1px solid #CCCCCC;
}

.createdate, .modifydate {
	color: #888888;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	border: 1px solid #B5EBB4;
	background: url(../../images/green/button-bg.gif) top #E7E7E7;
	color: #666666;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	border: 1px solid #5CA775;
	color: #484848;
}

.sectiontableheader {
	background: #E7E7E7;
}

.small {
	color: #888888;
}

#containerwrap {
	clear: both;
	background: #FFFFFF;
}


#usertoolswrap {
	background: url(../../images/green/usertools-left-bg.gif) no-repeat top left;
}

#usertools {
	background: url(../../images/green/usertools-right-bg.gif) no-repeat top right;
}

#usertools .inputbox {
	color: #888888;
}

#subnavwrap {
	background: #2A68A8;
}

a.mainlevel {
	border-bottom: 1px solid #DBE8EC;
	color: #484848;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu {
	border-bottom: 1px solid #CDDEE4;
	background: url(../../images/green/arrow-on.gif) no-repeat center right #E9F8DD !important;
	color: #484848;
}

#leftcol #active_menu, #rightcol #active_menu {
	color: #484848;
	background-color: #E7E7E7;
	border: 1px solid #CDDEE4;
}

.box li a {
	border-bottom: 1px solid #B5C4C9;
}

.box li a:hover,
.box li a:active,
.box li a:focus {
	background: url(../../images/green/arrow-on.gif) no-repeat center right #CDDEE4 !important;
}

#footerwrap {
	background:  url(../../images/green/nopatern/footer-background.gif) repeat-x top #E9F8DD;
}

#headerwrap {
	background:  url(../../images/green/nopatern/header-background.gif) repeat-x bottom #E9F8DD;
}

#footer a {
	color: #666666;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	color: #888888;
}

/* CSS Dropdown Menu */

#mainnav div.sfmenu-inner {
	background: url(../../cssmenu/img/tableft-green.gif) no-repeat top left #DBE8EC !important;
}

#cssmenu {
	background: url(../../cssmenu/img/tabright-green.gif) no-repeat top right #DBE8EC !important;
}

#cssmenu li ul {
	border: 1px solid #BFD4DB!important;
	background: url(../../cssmenu/img/child-bg-green.gif) top #DBE8EC !important;
}

#cssmenu li li a.active {
	background: none!important;
	color: #484848!important;
}

#cssmenu li a.active {
	background: url(../../cssmenu/img/tabactive-bg-green.gif) repeat-x top #1B5DA0 !important;
}

#cssmenu li:hover,
#cssmenu li.sfhover {
	background: url(../../cssmenu/img/tabhover-bg-green.gif) repeat-x top #CDDEE4 !important;
}

#cssmenu ul li:hover, #cssmenu ul ul li:hover,
#cssmenu ul li.sfhover, #cssmenu ul ul li.sfhover {
	background: url(../../cssmenu/img/childhover-bg-green.gif) repeat-x top #CDDEE4 !important;
}

/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-top: 1px solid #CDDEE4;
	border-bottom: 1px solid #CDDEE4;
	background: #E9F8DD;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 15px 40px;
	background: url(../../images/green/quote.gif) 10px 10px no-repeat #E9F8DD;
	font: italic 1em/1.5 Georgia, Times, serif;
	border-top: 1px solid #CDDEE4;
	border-bottom: 1px solid #CDDEE4;
}

blockquote div {
	padding: 15px 20px;
	background: url(../../images/green/quote2.gif) right bottom no-repeat #E9F8DD;
	font: italic 1em/1.5 Georgia, Times, serif;
}

.highlight {
	border: 1px solid #CDDEE4;
	padding-left: 5px;
	padding-right: 5px;
	background: #E9F8DD;
	font-weight: bold;
}