@charset "utf-8";
/* General */
html {
	height: 100%;
	overflow-x: auto;
	overflow-y: scroll;
	white-space: normal;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	color: #333;
	line-height: normal;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap: break-word;
	outline: none;
}

/* BEGIN FONTS */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 "Trebuchet MS",arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% "Trebuchet MS",arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*
If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/
/* END FONTS */

body * {
	outline: none;
}
h1 {
	font-size: 153.9%;
	color: #D6252A;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
h2 {
	font-size: 131%;
	color: #D6252A;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
h3 {
	font-size: 131%;
	color: #333;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
h4 {
	font-size: 123.1%;
	color: #D6252A;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
h5 {
	font-size: 123.1%;
	color: #333;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
h6 {
	font-size: 100%;
	color: #D6252A;
	line-height: normal;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
p {
	color: #333;
	line-height: 140%;
	text-indent: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: justify;
}
ol {
	color: #333;
	line-height: 140%;
	text-indent: 0px;
	margin: 0px 0px 5px 30px;
	padding: 0px;
	text-align: left;
}
ul {
	color: #333;
	line-height: 140%;
	text-indent: 0px;
	margin: 0px 0px 5px 30px;
	padding: 0px;
	text-align: left;
	list-style-type: square;
}
object {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
a, a:link, a:visited, a:active {
	color: #D6252A;
	text-decoration: underline;
	outline: none;
}
a:hover, a:link:hover, a:visited:hover, a:active:hover {
	color: #D6252A;
	text-decoration: none;
}




.outerContainer {
	min-width: 859px;
	height: auto;
	position: relative;
	clear: both;
	display: block;
}
.innerContainer {
	width: 859px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	position: relative;
	clear: both;
	display: block;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
.block {
	display: block;
}
.align_center {
	display: block;
	text-align: center;
}
.align_left {
	display: block;
	text-align: left;
}
.align_right {
	display: block;
	text-align: right;
}
.vspacer1 {
	clear: both;
	display: block;
	height: 5px;
	overflow: hidden;
}

/* FORM (GENERAL) */
.inputtextfield {
	font-weight: normal;
	line-height: normal;
	color: #333333;
	margin: 0;
	background-color: #FFFFFF;
	width: 120px;
	height: auto;
	border-top: 1px solid #CCC;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #CCC;
}
.filefield {
	font-weight: normal;
	line-height: normal;
	color: #333333;
	margin: 0;
	background-color: #FFFFFF;	
	border-top: 1px solid #CCC;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #CCC;
	width: 120px;
	height: auto;
}
.textareafield {
	font-weight: normal;
	line-height: 140%;
	color: #333333;
	margin: 0;
	background-color: #FFFFFF;	
	border-top: 1px solid #CCC;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #CCC;
	width: 460px;
	height: 92px;
	
	scrollbar-arrow-color:#666666; 
	scrollbar-track-color:#EFEFEF; 
	scrollbar-face-color:#EFEFEF; 
	scrollbar-highlight-color:#CCC; 
	scrollbar-3dlight-color:#EFEFEF; 
	scrollbar-darkshadow-color:#EFEFEF; 
	scrollbar-shadow-color:#CCC; 
	
	overflow-y: scroll;
}

.inputbutton {
	font-weight: bold;
	line-height: normal;
	color: #FFFFFF;
	margin: 0;
	background-color:#D6252A;
	height: auto;
	width: 120px;
	cursor: pointer;
	border: 1px solid #D6252A;
	border-top-color: #F2B7B8;
	border-right-color: #8B181C;
	border-bottom-color: #8B181C;
	border-left-color: #F2B7B8;
}
.selectfield {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	height: auto;
	width: 120px;
	line-height: normal;
	border-color: #CCC;
}
.nowidth {
	width: auto;
}



/* HOMEPAGE */
#homeOuterContainer {
	background-image: url(images/bg_intro.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}
.authTabForm {
	padding: 5px;
	background-color: #f4f4f4;
}
.authTabForm td {
	font-size: 11px;
	line-height: normal;
}
.authTabForm .inputtextfield {
	width: 91px;
	font-size: 11px;
	line-height: normal;
	padding-left: 1px;
	padding-right: 1px;
}
.authTabForm .inputbutton {
	width: auto;
	font-size: 11px;
	line-height: normal;
}



.red {
	color: #D6252A;
}
.s11 {
	font-size: 11px;
}
.s12 {
	font-size: 11px;
}
.s13 {
	font-size: 13px;
}


/* modal */
#respondContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #D6252A;
	z-index:5002;
	width: 220px;
	min-height: 45px;
	height: auto;
	border: 1px solid #000;

	filter: progid:DXImageTransform.Microsoft.dropShadow(Color=666666,offX=3,offY=3,positive=true);
}
#respondContent {
	position: relative;
	background-color: #ffffff;
	z-index:5002;
	height: auto;
	margin: 0px 4px 4px 4px;
	padding: 5px;
	border: 0px solid #D6252A;
	overflow: auto;
	scrollbar-arrow-color:#D6252A;
	scrollbar-track-color:#f4f4f4;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#f4f4f4;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#f4f4f4;
}
#respondContent.nooverflow {
	overflow: hidden !important;
}
#respondControls {
	position: relative;
	text-align: right;
	margin: 4px 4px 0px 4px;
	padding: 5px 5px 5px 5px;
	cursor: move;
	color: #D6252A;
	border-bottom: 1px solid #dadada;
	background-color: #F4F4F4;
}
#respondTitle {
	font-size: 13px;
	font-weight: bold;
}
#respondControls.up {
	border-bottom: 1px solid #dadada;
	background-color: #F4F4F4;
}
#respondControls.down {
	border-bottom: 1px solid #D6252A;
	background-color: #FCEBEB;
}


/* pageLock */
#pageLockContainer {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	left: 0px;
	top: 0px;
	z-index: 5001;
	margin: 0;
	padding: 0;
}
#pageLockBg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #fff;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	filter: Alpha(Opacity=90);
	margin: 0;
	padding: 0;
}
#pageLockMessage {
	position: absolute;
	height: auto;
	width: 360px;
	border: 1px solid #99cc00;
	background-color: #fff;
	color: #333333;
	font-size: 100%;
	left: 50%;
	top: 50%;
	text-align: center;
	margin: -100px 0px 0px -181px;
	padding: 50px 10px 20px 10px;
	overflow: visible;
}