/* General */
img.ui-icon {
height: 16px;
width: 16px;
position: relative;
display: inline;
}

.opacity-dim {
	opacity: 0.30;
	filter: alpha(opacity=30);
}

a {
	text-decoration: none;
}

a:hover.underline {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3 {text-shadow:2px 2px 2px #BBB;}

tbody tr:nth-child(even) td, tbody tr.even td {background:#eee;}

th {
	font-style: italic;
}

/* Buttons and links */
.button {
	border:2px solid;
    box-shadow: 2px 2px 2px #AAAAAA;
	cursor:pointer;
	font-size: 9pt;
	margin:0 0 3px;
	padding:2px 6px;
	text-align:center;
	font-weight: bold;
	text-transform: lowercase;
}

.button-noborder, .link {
	border:0 solid;
	cursor:pointer;
	font-size:10pt;
	line-height:30px;
	padding:0 6px;
	text-align:center;
	text-shadow:2px 2px 2px #aaa;
}

.button-banner {
	border:1px solid;
	box-shadow: 3px 3px 3px #aaa;
	cursor:pointer;
	font-size:15pt;
	text-align:center;
	text-shadow:2px 2px 2px #888;
	margin: 5px;
	padding: 2px 5px;
}

.button-tab {
	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	cursor:pointer;
	font-size:15pt;
	text-align:center;
	text-shadow:2px 2px 2px #888;
	margin: 5px;
	padding: 2px 5px;
}

.small-button {
	border:1px solid;
	font-size:11pt;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

.large-button {
	background-image:url("/images/template/but_large.png");
	background-repeat:no-repeat;
	font-size:12pt;
	font-weight:bold;
	height:55px;
	padding-top:5px;
	text-align:center;
	text-shadow:2px 2px 2px #888888;
	width:212px;
}

.large-button-arrow {
	background-image:url("/images/template/but_large_arrow.png");
	background-repeat:no-repeat;
	font-size:12pt;
	font-weight:bold;
	height:55px;
	padding-top:5px;
	text-align:center;
	text-shadow:2px 2px 2px black;
	width:212px;
}

/* Flash messages */
div.flash {
	border: 1px solid;
	clear: both;
	float: none;
	margin: 20px 20px 0 0;
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
}

div.flash-slide img, div.flash-static img, div.flash-modal img {
	float: left;
	padding:0 10px 0 20px;
}

div.flash-close-link {
	font-weight: normal;
	text-align: right;
	font-size: smaller;
}

div.flash-slide, div.flash-static {
	display: none;
	border: 1px solid;
	margin-bottom: 0;
	padding:5px;
	position:fixed;
	top:29px;
	text-align: center;
	width:940px;
	z-index:1000;
}

div.flash-modal {
	border: 1px solid;
	line-height: 50px;
	margin: 50px auto 0;
	padding:5px;
	text-align:center;
	width:560px;
}

div.info-slide {
	display: none;
	border: 1px solid;
	margin-bottom: 0;
	padding:5px;
	position:fixed;
	top:29px;
	width:150px;
	z-index:500;
}

div.error {
	background-color: #FFDFE0;
	color: red;
}

input.error {
	background-color:#FBE3E4;
	border-color:#FBC2C4;
}

ul.error_list {
/*	display: none;*/
	margin: 0;
	padding-right: 22px;
}

div.notice {
	background-color: #EEEF86;
	color: #9F6C00;
}

div.success {
	background-color: #C9E3B8;
	color:green;
}

div.info {
	color: #4F4F4F;
}

/* General formatting */
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.inset {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}

.form-label-input {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.form-label-radio {
	position:relative;
	top:0.25em;
}

.hr {
    border-bottom: 1px solid #ccc;
}

.tip {
	font-size: 8pt;
}

.large-text, .title {
	font-size: 11pt;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.border-box {
	background: url("../../images/template/bg_set1.png") repeat-x scroll left top transparent;
	border: 1px solid #BEBDBE;
	box-shadow: 4px 4px 2px #888;
	float: left;
	text-align: justify;
}

.box {
	background-color: #E8E8E8;
	border: 1px solid gray;
}

.bordered {
	border: 1px solid #777;
}

.bordered-top {
	border-top: 1px solid #777;
}

.bordered-bottom {
	border-bottom: 1px solid #777;
}

.bordered-left {
	border-left: 1px solid #777;
}

.bordered-right {
	border-right: 1px solid #777;
}

/* Navigation bar */
.nav-bar {
	background:url("../../images/template/bg_page.png") repeat-x scroll left top transparent;
	font-size: 8pt;
	font-weight:bold;
	line-height:29px;
	margin:0 auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:5000;
}

.nav-bar .login-register {
	float: right;
	list-style: none outside none;
	padding: 0 5px;
	height:29px;
}

.account-info {
	border: 1px solid;
	display:none;
	margin-bottom: 0;
	padding:5px;
	position:fixed;
	top:29px;
	width:200px;
	z-index:1000;
}

/* Header graphic area */
.header {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 90px;
	margin-top: 29px;
}

/* Content */
#content {
	display: inline-block;
	margin:6px auto 0;
	padding: 0;
	text-align: justify;
}

#loading {
	background:url(ajax-loader.gif) no-repeat scroll center 40px #444;
    display: none;
    width: 225px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:1px solid #bbb;
    margin-left: -115px;
    margin-top: -25px;
    z-index:2;
    overflow: auto;
	color: #ddd;
}

/* Footer */
#footer {
	background-color: black;
	height: 65px;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	margin-bottom:6px;
	margin-top:6px;
}

#footer .pipe {
	font-size: 16px;
	padding: 0 10px;
}

/* Div header row */
.header-row {
	font-weight: bold;
}

.hover_row {
	background-color: #DFE8FF;
}

.active_row {
	background-color: #AFC5FF;
}