/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    background-repeat: repeat-x;
    background-color: #c0c0c0;
    font-size: 12px;
    font-family: Verdana;
}

H1, H2, H3, H4, H5
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	24px;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
A:link	{	
	text-decoration:	none;
	}	
		
A:visited	{	
	text-decoration:	none;
	}	
		
A:active	{	
	text-decoration:	none;
	}	
		
A:hover	{	
	text-decoration:	none;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	}

table
{
	border-right: #cccccc 0px solid;
	padding-right: 0px;
	border-top: #cccccc 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #cccccc 0px solid;
	padding-top: 0px;
	border-bottom: #cccccc 0px solid;
}

.buttons {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #AFD7C7;
	height: 20px;
	width: 100px;
	border: 1px solid #333333;
	padding: 2px;
}

.buttons2
{
	border-right: #000000 1px solid;
	padding-right: 2px;
	border-top: #000000 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-left: #000000 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: #000000 1px solid;
	font-family: Verdana;
	height: 20px;
	background-color: white;
}

.topic
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}


.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.txt1o {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}
.btn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #000000;
}
.txtWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.txtWhite2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.txtTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.txtBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
.input
{
	border-right: lightcyan 1px solid;
	border-top: lightcyan 1px solid;
	font-size: 11px;
	border-left: lightcyan 1px solid;
	width: auto;
	color: #333333;
	border-bottom: lightcyan 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ff9933;
	text-align: center;
}
.tbl1
{
	border-right: #999999 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 1px solid;
}

.tbl2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	}

.txtbox1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ff9933;
	height: auto;
	width: auto;
	border: 1px solid #000000;
	font-weight: normal;
}
.text
{
    font-size: 12px;
    color: black;
    font-family: Verdana;
    text-decoration: none;
}

.text2
{
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
}

.aaa {
	cursor: hand;
}
.test {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
}

.test2
{
	font-weight: bold;
	font-size: small;
	color: gray;
	font-family: Verdana;
}

.warning
{
	font-weight: bold;
	font-size: small;
	color: red;
	font-family: Verdana;
	font-variant: normal;
}
.hp
{
	font-size: 10px;
	cursor: hand;
	color: maroon;
	font-style: normal;
	font-family: Verdana;
}

.ast
{
	font-weight: bold;
	font-size: 10px;
	color: #ff0000;
	font-family: Verdana;
}

.ast2
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: Verdana;
}

/* content */
#menu
{
    text-align: left;
    height: 20px;
    background-color: #55290D;
    padding-left: 20px;
    width: 980px;
}
#breadcrumbs
{
    height: 17px;
    background-color: white;
    width: 980px;
    padding-left: 20px;
    text-align: left;
}
#wrapper
{
    width: 1000px;
    background-image: url(images/bg.gif);
    border-right: #747474 1px solid;
    border-top: #747474 1px solid;
    border-left: #747474 1px solid;
    border-bottom: #747474 1px solid;
    background-repeat: repeat-y;
} 
#leftcolumn
{
    width: 170px;
    margin-right: -3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/
    font-size: 12px;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: top;
    background-color: white;
}

html>body #leftcolumn{margin-right:0;}


#centercolumn
{
    width: 820px;
    text-align: left;
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    background-color: #f5f7ff;
    float: right;
}
#sidebar
{
    width: 205px;
    float: right;
    margin-right: 14px;
    margin-top: 5px;
}
#sidebar h2
{
    margin: 0px 0px 0px 0px;
    padding: 2px;
    font-size: 12px;
    color: #f9f9f9;
    text-align: center;
    font-weight: bold;
    border-top-width: 0px;
    border-left-width: 0px;
    border-left-color: #ccc;
    border-bottom-width: 0px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    border-right-width: 0px;
    border-right-color: #ccc;
    width: 201px;
    background-position: center center;
    background-image: url(images/sidebar_top.gif);
    background-repeat: no-repeat;
    height: 17px;
}
#sidebar h3
{
    margin: 0px 0px 0px 0px;
    padding: 2px;
    font-size: 12px;
    color: #f9f9f9;
    text-align: center;
    font-weight: bold;
    border-top-width: 0px;
    border-left-width: 0px;
    border-left-color: #ccc;
    border-bottom-width: 0px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    border-right-width: 0px;
    border-right-color: #ccc;
    width: 201px;
    background-position: center center;
    background-image: url(images/thalsidebar_top.gif);
    background-repeat: no-repeat;
    height: 17px;
}
#sidebar ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    font-size: 0.9em;
    padding-bottom: 10px;
    padding-left: 0px;
}
#pagenav
{
	list-style:none;
}
#sidebar ul li
{
    list-style-type: none;
    background-image: url(images/sidebar_middle.gif);
    background-repeat: repeat-y;
    width: 205px;
    padding-left: 0px;
    margin-left: 0px;
}
#sidebar ul li a {
	text-decoration: none;
	border:none;
}
#sidebar ul li a:link {
	color: #909D73;	
}
#sidebar ul li a:visited {
	color: #999999;	
}
#sidebar ul li a:hover, #sidebar ul li a:active {
	color: #990000;
}
#spinner
{
    float: right;
    padding-right: 55px;
}

#crumbs
{
    float: left;
    width: 800px;
    height: 20px;
    text-align: left;
    font-weight: bold;
    font-size: 8pt;
    color: #336666;
    font-family: Verdana;
}
#pageHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0000cc;
    height: 30px;
    vertical-align: middle;
}
#loginbox
{
    right: 10px;
    width: 170px;
    height: 80px;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    color: #ffdab9;
}

#loginbox input
{
    color: black;
    border-color: #88BBDE;
    background-color: #EFF7FC;
    font-size: 10px;
}

#loginstatus
{
    width: 170px;
    height: 18px;
    font-weight: bold;
    font-size: 8pt;
    color: #4B6798;
    font-family: Verdana;
}

#welcomebox
{
    color: white;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}

#loginbox_top
{
    background-image: url(images/login_top.gif);
    background-repeat: no-repeat;
    width: 170px;
    height: 21px;
}
#loginbox_middle
{
    background-image: url(images/login_middle.gif);
    background-repeat: repeat-y;
    width: 170px;
    height: 120px;
}
#loginbox_bottom
{
    background-image: url(images/login_bottom.gif);
    background-repeat: no-repeat;
    width: 170px;
    height: 15px;
}

#loginboxmiddle
{
}
#loginboxbottom
{
}
.Login
{
    background-color: #a2c8e4;
    border-right: teal 1px solid;
    border-top: teal 1px solid;
    border-left: teal 1px solid;
    border-bottom: teal 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}
.LoginHeader
{
    background-color: #6b696b;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-family: Verdana;
}

#SearchPanel
{
    width: 98%;
    height: 70px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #A29F93;
    border-bottom-color: #A29F93;
    border-left-color: #FFFFFF;
    background: repeat-x top;
    padding: 7px 10px 10px;
    background-color: #f2f2f2;
}

#SearchPanelBack
{
    width: 700px;
    height: 80px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    padding: 8px;
    background-color: #f2f2f2;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}

div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

.postinfo
{
    background-color: #BD955E;
    font-weight: bold;
    text-align: center;
}

.posttitle
{
    padding: 3px;
    margin-bottom: 10px;
    background-color: #8F6837;
    color: black;
    font-weight: bold;
    text-align: left;
    height: 20px;
}

.postbody
{
   padding: 3px;
   text-align:left;
}

.eventmonth
{
    border: 1px solid #DBDB79;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background: url(images/background_fullwidth.jpg) #e3e7d8 repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
}
 

.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95; /*  width: 15%; */
}
.caldays
{
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}
.sectiontitle
{
    font-weight: bold;
    font-size: larger;
    color: green;
    text-align: left;
    position: relative;
    padding-left: 15px;
    background-color: white;
}

.articlebox
{
    background-color: #E3D2BB;
    color: #144F83;
    border: dashed 1px #995117;
    padding: 6px 6px 6px 6px;
    font-size: smaller;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #144F83;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

hr
{
   color: #b45d16;
}

td
{
   vertical-align: top;
}


.menuclass
{
}

.mapclass
{
    z-index: 1;
    position: relative;
    top: 20px;
}


.mapclass
{
    z-index: 1;
    position: relative;
    top: 20px;
}

#headermenu
{
   position: relative;
   top: 153px;
   left: 245px;
   width: 700px;
   padding: 2px 2px 2px 2px;
}


.GridHeader
{
    background-color: #D32424;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana;
    color: white;
    height: 20px;
    text-align: center;
    border-right: white solid;
    border-left: white solid;
}
.GridFooter
{
    color: white;
    background-color: #D32424;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Verdana;
    text-align: center;
}

.DetailsHeader
{
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana;
    color: white;
    height: 20px;
    text-align: center;
}
.DetailsField
{
    background-color: #5d85c2;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana;
    color: white;
    height: 20px;
    text-align: left;
}
.DetailsRowStyle
{
    background-color: #F7F6F3;
    font-size: 11px;
    font-family: Arial, Verdana;
    text-align: left;
}

.DetailsAlternatingRowStyle
{
    background-color: white;
    color: #284775;
    font-size: 11px;
    font-family: Arial, Verdana;
    text-align: left;
}

#tahu_top
{
    background-image: url(images/tahu_top.gif);
    background-repeat: no-repeat;
    width: 175px;
    height: 25px;
}

#tahu_middle
{
    background-image: url(images/tahu_middle.gif);
    width: 175px;
    background-repeat: repeat-y;
    height: 125px;
}

#tahu_bottom
{
    background-image: url(images/tahu_bottom.gif);
    background-repeat: no-repeat;
    width: 175px;
    height: 14px;
}

#user
{
   float:left;
   width:200px;
}

#usercontent
{
    float:right;
    width:565px;
}

.content-help-title
{
    margin: 0px;
    padding: 0px 0px 10px 10px;
    color: #004800;
    font-weight: bold;
    font-size: 16px;
}
.content-help-content
{
    margin: 0px;
    padding: 0px 0px 20px 20px;
    color: #27764F;
    font-size: 13px;
}
.content-help-content p
{
    margin: 0px;
    padding: 0px 0px 20px 20px;
    color: #27764F;
    font-size: 13px;
}
.helpPopup 
{
    background-color:White;
    filter:alpha(opacity=70);
    opacity:0.7;
}