/* COMMON STYLE
--------------------------------------------------------- */

body {color: black; background: white; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:11px;/* height: 100%; width: 100%;  overflow:auto;*/ margin:0px; max-width:1020px; min-width:980px;}
.contentpane {color: black; background: white; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:11px; margin:0px; overflow: hidden; }

div.footer { position: fixed; bottom: 14px; left: 14px; z-index:2;}
/*div.right { position: static; left: 800px; top: 1em;}
div.center { clear:both; position: relative; }
div#menu { position: fixed; top: 1em; left:16px; z-index:3; width:160px; background: white;}*/
div#menu { position: fixed; z-index:3; width:120px; left: 14px; top: 14px; background: white; overflow: hide;}




html, xml {font-size: 100%;
height: 100%;
width: 100%;
margin: 0px;
padding-right: -15px;
}


/* Normal link */
a { outline:none; }
a:link {color: black; text-decoration: underline;}
a:hover  {color: #666; text-decoration: underline;}
a:active, a:focus {color: #BBB; font-weight: normal;}
a:visited {color: #BBB; text-decoration: none; text-decoration: underline;}

/* special links */
a.link { outline:none; }
a.link:link {color: black; text-decoration: underline;}
a.link:hover {color: #666; text-decoration: underline;}
a.link:active, a.link:focus {color: #BBB; text-decoration: underline;}
a.link:visited {color: #BBB; text-decoration: underline;}

a.menu { outline:none; }
a.menu:link {color: black; text-decoration: none;}
a.menu:hover {color: black; text-decoration: underline;}
a.menu:active, a.menu:focus {color: #BBB; text-decoration: underline;}
a.menu:visited {color: black; text-decoration: none;}

a.menu2 { outline:none; }
a.menu2:link {color: red; text-decoration: none;}
a.menu2:hover {color: black; text-decoration: underline;}
a.menu2:active, a.menu:focus {color: #BBB; text-decoration: underline;}
a.menu2:visited {color: red;}

a.readmore { outline:none; }
a.readmore:link {color: #BBB; text-decoration: none;}
a.readmore:hover {color: black; text-decoration: underline;}
a.readmore:active, a.menu:focus {color: #BBB; text-decoration: underline;}
a.readmore:visited {color: #BBB; text-decoration: none;}

a.archive { outline:none; }
a.archive:link {color: black; text-decoration: none;}
a.archive:hover {color: black; text-decoration: underline;}
a.archive:active, a.menu:focus {color: #BBB; text-decoration: underline;}
a.archive:visited {color: #999; text-decoration: none;}

a.newslink { outline:none; }
a.newslink:link {color: black; text-decoration: none; font-weight: bold;}
a.newslink:hover {color: black; text-decoration: underline; font-weight: bold;}
a.newslink:active, a.menu:focus {color: #BBB; text-decoration: underline; font-weight: bold;}
a.newslink:visited {
	color: #00CCFF;
	text-decoration: none;
	font-weight: bold;
}

.inactive {color: #BBB;}
.tobefiled {color: #CCC;}

a.jce_file:link {text-decoration: none; font-style:italic;}
a.jce_file:hover {color: black; text-decoration: underline;}
a.jce_file:active, a.jce_file:focus {color: black; text-decoration: underline;}
a.jce_file:visited {color: #AAA; text-decoration: none;}

img.jce_file {border: none; margin: 0em 0 0em 0; padding: 0px 0px 0px 0px; text-decoration: none;}
img.jce_icon {border: none; margin: 0em 0 0em 0; padding: 0px 0px 0px 0px; text-decoration: none;}

a.jce_size {text-decoration: none; font-style:italic; font-weight: bold;}
jce_size {text-decoration: none; font-style:italic; font-weight: bold;}



table.contenttoc {
display:none;
}

/* Title text */
h1, h2 {font-size:1em; font-weight: bold; margin-top: 0; margin-bottom: 1em;}
h3 {font-size:1em; font-weight: normal; margin-bottom: 1em; margin-top: 0;}
h4 {font-size:1em; font-weight: bold; margin-top: 1em; margin-bottom: 0;}

ul, li {list-style: none;}


p {
	margin-top:0px; /*min-width: 568px;*/
	max-width: 610px;
	margin-right: 10px;
	margin-left: 0px;
}

hr {border-top: 1px solid #CCCCCC; border-right: 0; border-left: 0; border-bottom: 0; height: 1px;}


.thumb {font-size:1em; display:block; height:2em; }

img {border: none; margin: 1em 0 1em 0; padding: 0px 0px 0px 0px;}
img.edit {border: none; margin: 0; padding: 0px 0px 0px 0px;}


table {
	padding:0px;
	margin:0px;
	border-top: 14px solid white;
	border-right: 14px solid white;
	border-bottom: #FFFFFF;
	border-left: 14px solid white;
}
td { padding:0px; margin:0px; border: 0px;}

.table {
	padding:0px;
	margin:1px;
	border-top: 0;
	border-right: 0;
	border-bottom: thin dotted #000000;
	border-left: 0;
}
.table td {
	margin:0px 2px 0px 0px;
	border: 0px solid red;
	padding-right: 15px;
}

.table2 {
	border-bottom: thin dotted #000000;
}
.table2 td {
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}

.table3 { padding:0px; margin:0px; border: 0; background: #EEE;}
.table3 td { padding-right:0px; margin:0px; border: 0px solid red;}


img.small  {border: none; margin: 0 0 3px 0; padding: 0px 0px 0px 0px;}

.hide {display: none;}

/*.right { width:20%; position:absolute; right:10px; top: 20em;}


/* FORM/ SEARCH
--------------------------------------------------------- */

 select, textarea,  .inputbox {
	padding: 3px 4px;
	margin: 0;
	/*margin-bottom:1em;*/
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	outline: none;
	max-width:630px;
}



 .calendar {
	border: 1px solid #CCCCCC;
	background: white;
	outline: none;
	margin:0;
}

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


/* 
s, Error, Message, Hightlight
--------------------------------------------------------- */

p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 0px;
	background: #FFFF00;
	/*font-weight: bold;*/
}


/* administrated
--------------------------------------------------------- */

.logged {color: red;}
.red {color: red;}


a.red:link {color: red; text-decoration: underline;}
a.red:hover {color: black; text-decoration: underline;}
a.red:active, a.red:focus {color: #BBB; text-decoration: underline; ;}
a.red:visited {color: red; font-weight: normal; text-decoration: underline;}

 select, textarea, .logged .mceEditor{
	padding: 3px 4px;
	margin: 1em 0 0 0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: 1px solid red;
	background: #FFFFFF;
	margin-right: 20px;
	outline: none;
}



.logged:hover, .logged:focus {
	border: 1px solid black;
}

/* Legend */

.red { color: red;}



/* META
--------------------------------------------------------- */

.createdate {
	color: #BBB;
}




/* Search */
#search {

	padding-left: 20px;
	/*position: absolute;*/
	bottom: 15px;
	right: 0;
}



/* MENU
--------------------------------------------------------- */

#menu ul.menu { margin: 1em 1em 1em 0; padding: 0; list-style: none;}
#menu ul.menu li {margin: 0 !important; padding: 0 !important; background: none !important; list-style: none;}
#menu ul.menu a {padding: 0; display: block;color: black;text-decoration: none;list-style: none; outline: none;}
#menu ul.menu a span {list-style: none;}
#menu ul.menu a:hover {color: black; list-style: none;text-decoration: underline;}
#menu ul.menu li a:active,
#menu ul.menu li a:focus {color: #BBB;list-style: none;text-decoration: underline;}
#menu ul.menu li.active a {color: black;font-weight: bold;text-decoration: none;list-style: none;}
#menu ul.menu li.active a span {text-decoration: none;list-style: none;}
#menu ul.menu li li a span {background: none;}
#menu ul.menu li ul {margin: 0;padding: 100;list-style: none; display: none;}
#menu ul.menu li li {padding: 0;list-style: none;}
#menu ul.menu li li a {color: black;background: none !important;text-decoration: none;font-weight: normal;}
#menu ul.menu li li a:hover,
#menu ul.menu li li a:active,
#menu ul.menu li li a:focus {color: black;}
#menu ul.menu li li a span {list-style: none; font-weight: normal;}





/* MISCELLANOUS
----------------------------------------------------------- 
ul.accessibility {
	position: absolute;
	top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 8px;
	right: 70px;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

/*collapsible h3*/
h3.show {
	cursor: pointer;
}

h3.hide {
	cursor: pointer;
}

.clr {
	clear: both;
}

.hasTip img {
	margin: 0 0 0 -15px;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.img {
	border-top: thin solid #000000;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background: #CCCCCC;
	background-color: #999999;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
	color: red;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 0px;
	margin: 0;
	color: red;
	list-style: none;
	margin-left: -40px;
}

/* System Standard Messages */
#system-message dd.message ul {
color: red;	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
color: red;	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
color: red;	border: none;
}

/* Clearfix 
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

Firefox Scrollbar Hack - Do not remove 
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

*/