
/* COMMON STYLE
--------------------------------------------------------- */
body {
	color: #CCCCCC;
	background: #121212;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.6;
}

body#bd {
}

a {
	color: #0C59A1;
	text-decoration: none;
}

a:hover, a:focus {
		color: #0C59A1;
	text-decoration: none;
	/*background-color: #0C59A1;*/
}
a img{
background-color: transparent;
}

h1, h2, h3, h4 {
	color: #0C59A1;
}

ul li {
	/*background: url(../../images/light/bullet-list.gif) no-repeat 20px 6px;*/
}

hr {
	border-top: 1px solid #CCCCCC;
}

pre, .code {
	border-left: 5px solid #F29A3E;
	background: #FFFFFF;
}

blockquote {
	background: url(../../images/light/quote.gif) 20px 10px no-repeat;
}

.dropcap {
	color: #F29A3E;
}

.error {
	color: #F29A3E;
	background: url(../../images/light/bullet-error.gif) no-repeat top left;
}

.message {
	color: #F29A3E;
	background: url(../../images/light/bullet-info.gif) no-repeat top left;
}

.tips {
	color: #F29A3E;
	background: url(../../images/light/bullet-tips.gif) no-repeat top left;
}

.highlight {
	background: #F29A3E;
	color: #121212;
}

p.stickynote {
	background: url(../../images/light/sticky-bg.gif) no-repeat top right #FFFFFF;
}

p.pinnote {
	background: url(../../images/light/pin-bg.gif) no-repeat top right #FFFFFF;
}

p.clipnote {
	background: url(../../images/light/clip-bg.gif) no-repeat top right #FFFFFF;
}

.bignumber {
	color: #F29A3E;
}

.button {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
}
.button:hover {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #464646;
}

.button:active, .button:focus {
	background: #0C59A1;
	border: 1px solid #FFFFFF;
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #2F2F2F;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #606060;
}

#ja-rightcol div.moduletable {
	background: #FFFFFF!important;
	color: #2F2F2F!important;
	border: 1px solid #CCCCCC!important;
}

#ja-rightcol div.moduletable h3 {
	color: #2F2F2F!important;
}
#ja-rightcol div.moduletable-main {
	background: #FFFFFF;
	color: #2F2F2F!important;
	border: 1px solid #CCCCCC;
	padding: 5px;
	padding-left: 5px;
}

#ja-rightcol div.moduletable-main h3 {
	color: #2F2F2F!important;
}
div.moduletable h3 {
	color: #0C59A1;
	font-size: 1.35em;
	/*background-color: Silver;
	display: block;*/
}

div.moduletable-hilite h3 {
	color: #0C59A1;
}

div.moduletable-hilite {
	border: 1px solid #6395CD;
	background: #FFFFFF;
}
div.moduletable-banner h3 {
	color: #2F2F2F!important;
}

div.moduletable-banner {
	background: #FFFFFF!important;
	color: #2F2F2F!important;
	border: 1px solid #CCCCCC!important;
}
div.moduletable-pin,
div.moduletable-clip,
div.moduletable-task {
	background: url(../../images/light/module-botbg.gif) no-repeat bottom right #FFFFFF;
}

div.moduletable-pin h3,
div.moduletable-clip h3,
div.moduletable-task h3 {
	color: #0C59A1;
}

div.moduletable-pin h3 {
	background: url(../../images/light/module-pin-topbg.gif) no-repeat top right;
}

div.moduletable-clip h3 {
	background: url(../../images/light/module-clip-topbg.gif) no-repeat top right;
}

div.moduletable-task h3 {
	background: url(../../images/light/module-task-topbg.gif) repeat-x top left;
}
div.moduletable-pin,
div.moduletable-clip,
div.moduletable-task {
	background: url(../../images/light/module-botbg.gif) no-repeat bottom right #FFFFFF;
}

div.moduletable-pin a,
div.moduletable-clip a,
div.moduletable-task a {
		color: #0C59A1;
	text-decoration: none;
}

div.moduletable-pin h3,
div.moduletable-clip h3,
div.moduletable-task h3 {
	color: #0C59A1;
}

div.moduletable-pin h3 {
	background: url(../../images/light/module-pin-topbg.gif) no-repeat top right;
}

div.moduletable-clip h3 {
	background: url(../../images/light/module-clip-topbg.gif) no-repeat top right;
}

div.moduletable-task h3 {
	background: url(../../images/light/module-task-topbg.gif) repeat-x top left;
}
div.moduletable-blank h3 {
	color: #0C59A1;
}

table.blog .article_seperator {
	background: url(../../images/light/seperator.gif) repeat-x center;
}

table.contenttoc td {
	background: url(../../images/light/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	background: #2F2F2F;
	color: #FFFFFF;
	border: 1px solid #3F3F3F;
}

.blog_more strong {
	color: #606060;
}

.componentheading {
	background: url(../../images/light/seperator.gif) repeat-x bottom;
	color: #0C3761;
	border-bottom: 1px solid #0C3761;
	background-attachment: scroll;
	font-size: 1.6em;
}

table.blog .contentheading,
.contentheading,
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #2F2F2F;
}

a.readon {
	background: url(../../images/light/bullet-list.gif) no-repeat 5% 55%;
	color: #F29A3E;
	border: 1px solid #EFEFEF;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #CCCCCC;
}

.createdate {
	background: url(../../images/light/bullet-date.gif) no-repeat top left;
}

.modifydate {
	color: #7E7E7E;
}

.mosimage_caption {
	color: #7E7E7E;
}

.sectiontableheader {
	border: 1px solid #EFEFEF;
	background: #2F2F2F;
	color: #FFFFFF;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	background: url(../../images/light/seperator.gif) repeat-x bottom;
}

#ja-headerwrap {
	background: url(../../images/bg_head.png) repeat-y left #73A2DA;
	/*background-color: #73A2DA;/*
	background-color: #ffffff;*/
}

#ja-header h1 a {
	color: #2F2F2F;
}

#ja-usertools {
	background: url(../../images/light/usertoolswrap-bg.gif) repeat-x top;
	border: 1px solid #4DA3D2;
	border-top-width: 2px;
}
#ja-usertoolswrap {
	background: #73A2DA;
}
#ja-search div.search {
	background: url(../../images/light/icon-search.gif) no-repeat center left;
}

#ja-search .inputbox {
	border: none!important;
	width: 100px;
	color: #2F2F2F;
	background: #FFFFFF;
	padding-left: 5px;
}

#ja-containerwrap{
	background: url(../../images/light/container-bg.gif) repeat-x top #EFEFEF;
	color: #2F2F2F;
}

#ja-containerwrap a, a:active{
color: #0C59A1;
text-decoration: none;
}
#ja-containerwrap a:hover, a:focus{
color: #ffffff;
	background-color: #0C59A1;
}
#ja-containerwrap a:focus{
	text-decoration: none;
	color: #ffffff;
	background-color: #0C59A1;
}

#ja-container, #ja-container-fr {
	background: url(../../images/light/v-seperator.gif) repeat-y 20% 0;
}

#ja-container-fl {
	background: url(../../images/light/v-seperator.gif) repeat-y 77.5% 0;
}

a.mainlevel {
	display: list-item;
	color: #363636;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px dashed #C0C0C0;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	background: url(../../images/light/seperator.gif)repeat-x bottom #FFFFFF;
	color: #F29A3E;
}

a.mainlevel#active_menu {
	background: url(../../images/light/seperator.gif) repeat-x bottom #FFFFFF;
	color: #F29A3E;
}

a.sublevel {
	background: url(../../images/light/bullet-list.gif) no-repeat 2% 50%;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	background: url(../../images/light/bullet-list.gif) no-repeat 2% 50%;
}

#active_menu {
		margin: 0px 0 0px 0;
	/*border-top: 1px dashed #0C59A1;
	border-bottom: 1px dashed #0C59A1;
	border-left: 0px dashed #0C59A1;*/
	padding-left: 10px;
	color: Black;
	background: #E4F0FA;
}

#ja-mainnavwrap {
	background: #EFEFEF url(../../images/light/mainnav-bg.gif) repeat-x top; /*background-color: #0F6CC5;*/
	border-bottom: 1px solid #222222;
}

#ja-topslwrap {
	background: url(../../images/light/topsl-bg.gif) repeat-x bottom #2F2F2F;
	color: #CCCCCC;
	border-top: 1px solid #2F2F2F;
	border-bottom: 3px solid #F29A3E;
}

#ja-topsl {
	padding: 17px 0;
}

#ja-topsl a {
	color: #FFFFFF;
}

#ja-topsl h3 {
	color: #FFFFFF;
}

#ja-topsl div.moduletable {
	margin: 0;
}

#ja-pathway {
	color: #7E7E7E;
}

#ja-pathway img {
	display: none;
}

#ja-pathway a {
	padding: 0 18px 0 0;
	background: url(../../images/light/bullet-list.gif) no-repeat 95% 50%;
	text-decoration: none;
}

/* SPLIT MENU
----------------------------------------------------------- */
#ja-splitmenu a {
	border-top: none!important;
	padding-top: 12px!important;
}

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	border-top: none!important;
	background: url(../../images/light/nav-hover.gif) repeat-x top!important;
	padding-top: 12px!important;
}

#ja-splitmenu li.active_menu a,
#ja-splitmenu li.active_menu a:hover,
#ja-splitmenu li.active_menu a:active,
#ja-splitmenu li.active_menu a:focus {
	border-top: 5px solid #181818!important;
	padding: 7px 15px!important;
	background: #000000!important;
}

#ja-subnav H3 {
	color: #2F2F2F!important;
}

#ja-subnav a {
	color: #2F2F2F!important;
	background-image: url(../../images/light/seperator.gif)!important;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus,
#ja-subnav li.active_menu a,
#ja-subnav li.active_menu a:hover,
#ja-subnav li.active_menu a:active,
#ja-subnav li.active_menu a:focus {
	color: #F29A3E!important;
	background: url(../../images/light/seperator.gif) repeat-x bottom #FFFFFF!important;
}

/* Son of Suckerfish Dropdowns
--------------------------------------------------------- */
#ja-cssmenu li a {
	border-top: none!important;
	padding-top: 12px!important;
}

#ja-cssmenu li ul a {
	border-top: none!important;
	padding-top: 2px!important;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover {
	background: url(../../images/light/nav-hover.gif) repeat-x top #F29A3E!important;
}

#ja-cssmenu ul li:hover, #ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li.sfhover {
	background-image: none!important;
	background-color: #606060!important;
}

/* Transmenu
--------------------------------------------------------- */
a.jahover,
a.mainlevel-trans:hover,
a.mainlevel-trans:active,
a.mainlevel-trans:focus {
	border-top: none!important;
	background: url(../../images/light/tm-nav-hover.gif) repeat-x top #F29A3E!important;
}

#ja-transmenu li a { /* common styles for 1st level menu */
	border-top: none!important;
	padding-top: 12px!important;
}

/* ################## Main Menue ################## */
#ja-leftcol ul li ul
{
	background: #ffffff;
	border-bottom: 0px dashed #0C59A1;
	border-top: 1px solid #0C59A1;
	border-left: 0px solid #121212;
	border-top: 0px;
	margin: 0;
	padding-left: 0px;
}
#ja-leftcol ul li a.mainlevel:hover,
#ja-leftcol ul li a.mainlevel:active,
a.mainlevel:focus {
	background: #515151;
	color: #ffffff;
}
#ja-leftcol ul li a.active {
	background: #515151;
	color: #ffffff;
}
#ja-leftcol ul li a:active {
	background: #515151;
	color: #ffffff;
}
#ja-leftcol li a.mainlevel#active_menu {
	background: #515151;
	color: #ffffff;
}
#ja-leftcol a.mainlevel#active_menu {
	background: #515151;
	color: #ffffff;
}
a.mainlevel#active_menu {
	background: #515151;
	color: #ffffff;
}
#ja-leftcol ul li ul li { border: solid 0px #ffffff;
 }
#ja-leftcol ul li ul li a {
	margin: 0px 0 0px 0;
	border: solid 1px #fff;
	color: #0C59A1;
}
#ja-leftcol ul li ul li ul li a {
	margin: 0px 0 0px 0;
	border-top: 1px dashed #0C59A1;
	border-bottom: 1px dashed #0C59A1;
	border-left: 0px dashed #0C59A1;
	padding-left: 15px;
	color: Black;
	background: #E4F0FA;
}
#ja-leftcol ul li ul li a:hover, #ja-leftcol ul li ul li a:active, #ja-leftcol ul li ul li a:focus
{
        background: #ffffff;
        color: #0C59A1;
		  text-decoration: underline;
}


#ja-leftcol ul li.active ul li.active ul li a:link, #ja-leftcol ul li.active ul li.active ul li a:visited
{
        background: url(../images/arrow.gif) #fff no-repeat top left;
        color: #000;
        font-weight: normal;
        margin: 0 0 0 15px;
        padding: 3px 0 3px 15px;
}

#ja-leftcol ul li.active ul li.active ul li.active span.active_link
{
        background: url(../images/arrow.gif) #fff no-repeat top left;
        border-bottom: solid 1px #E0C1E0;
        color: #000;
        font-weight: bold;
        margin: 0 0 0 15px;
        padding: 3px 0px 3px 15px;
} 
/* ################## Right Menue ################## */
#ja-rightcol ul li ul
{
	background: #ffffff;
	border-bottom: 1px solid #0C59A1;
	border-top: 1px solid #0C59A1;
	border-left: 0px solid #121212;
	border-top: 0px;
	margin: 0;
	padding-left: 8px;
}

#ja-rightcol ul li ul li { border: solid 0px #ffffff;
 }
#ja-rightcol ul li ul li a { margin: 0px 0 0px 0; 
border: solid 0px #fff;
}

#ja-rightcol ul li ul li a:hover, #ja-rightcol ul li ul li a:active, #ja-rightcol ul li ul li a:focus
{
        background: #ffffff;
        color: #0C59A1;
		  text-decoration: underline;
}


#ja-rightcol ul li.active ul li.active ul li a:link, #ja-rightcol ul li.active ul li.active ul li a:visited
{
        background: url(../images/arrow.gif) #fff no-repeat top left;
        color: #000;
        font-weight: normal;
        margin: 0 0 0 15px;
        padding: 3px 0 3px 15px;
}

#ja-rightcol ul li.active ul li.active ul li.active span.active_link
{
        background: url(../images/arrow.gif) #fff no-repeat top left;
        border-bottom: solid 1px #E0C1E0;
        color: #000;
        font-weight: bold;
        margin: 0 0 0 15px;
        padding: 3px 0px 3px 15px;
} 
#ja-rightcol a.mainlevel {
	display: list-item;
		color: #0C59A1;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px dashed #C0C0C0;
}

#ja-rightcol a.mainlevel:hover,
#ja-rightcol a.mainlevel:active,
#ja-rightcol a.mainlevel:focus {
	background: #515151;
	color: #ffffff;
}

#ja-rightcol a.mainlevel#active_menu {
	background: url(../../images/light/seperator.gif) repeat-x bottom #FFFFFF;
	color: #F29A3E;
}

#ja-rightcol a.sublevel {
	background: url(../../images/light/bullet-list.gif) no-repeat 2% 50%;
		color: #0C59A1;
}

#ja-rightcol a.sublevel:hover,
#ja-rightcol a.sublevel:active,
#ja-rightcol a.sublevel:focus {
	background: url(../../images/light/bullet-list.gif) no-repeat 2% 50%;
}

#ja-rightcol #active_menu {
		margin: 0px 0 0px 0;
	border-top: 1px dashed #0C59A1;
	border-bottom: 1px dashed #0C59A1;
	border-left: 0px dashed #0C59A1;
	padding-left: 15px;
	color: Black;
	background: #E4F0FA;
}