@charset "utf-8";

body, 
table, tr, td, 
input, textfield, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #616265;
	}
a { color: #616265; }
p, ul { margin: 0 15px 15px 15px; }
strong { font-weight: bold; }
em { font-style: italic; }
h3 { margin: 0 15px; font-weight: bold; }



.link {
	font-size: 10px;
	text-transform: uppercase;
	
	padding-left: 10px;
	background: transparent url(img/icon_arrow_02_rt.gif) no-repeat left center;
	}
.link a { padding-right: 5px; text-decoration: none; }
.link a:hover { text-decoration: underline; }
.link em { padding-left: 5px; border-left: 1px dotted #616265; }

.hilite { background-image: url(img/icon_arrow_03_rt.gif); }
.hilite a { color: #8cb7c7; }

ul.list { list-style-type: square; padding-left: 15px; }

.last { margin-bottom: 0; }

.sm { font-size: 10px; text-transform: uppercase; }
.sm a {text-decoration: none; }
.sm a:hover {text-decoration: underline; }

.rule { height: 14px; border-top: 1px solid #efefef; margin: 0 15px; clear: both; }

.bg_01 { background-color: #fff; }
.bg_02 { background-color: #efefef; }
.bg_03 { background-color: #8cb7c7; }
.bg_04 { background-color: #616265; }



/* forms */

input, textarea, select, label {
	height: 15px;
	margin: 0 15px;
	}
.txt-2 {
	width: 210px;
	background-color: #efefef;
	}
.button {
	color: #fff;
	background-color: #616265;
	width: 60px;
	cursor: hand;
	cursor: pointer;
	}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg,
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg { font-size: 10px; color: #8cb7c7; margin: 0 15px; }
.textfieldValidState input, input.textfieldValidState,
.selectValidState select, select.selectValidState,
.textareaValidState textarea, textarea.textareaValidState { background-color: #fff; }
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input,
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select,
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { background-color: #e2edf1; }
.textfieldFocusState input, input.textfieldFocusState,
.selectFocusState select, select.selectFocusState,
.textareaFocusState textarea, textarea.textareaFocusState { background-color: #8cb7c7; }



/* grid */

.center {
	width: 990px;
	height:100%;
	margin: 0 auto;
	vertical-align: middle;
	}
.page { 
	width: 990px;
	padding: 15px 0;
	position: relative;
	}
.header {
	height: 150px;
	margin: 0 15px;
	}
.column { float: left; }
.span-1 { width: 240px; }
.span-2 { width: 480px; }
.span-3 { width: 720px; }

/* nav */

.nav {
	height: 15px;
	margin: 0 0 15px 0;
	background-color: #616265;
	}
.nav li {
	display: block;
	float: left;
	border-right: 1px dotted #fff;
	}
.nav li a,
.nav li span {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	
	padding: 0 15px;
	}
.nav li a:hover { color: #fff; background: transparent url(img/icon_arrow_01_bt.gif) no-repeat 5px center; }
.nav li span { color: #8cb7c7; background: transparent url(img/icon_arrow_03_bt.gif) no-repeat 5px center; }

/* content */

.content {
	height: 300px;
	margin: 45px 15px;
	overflow: hidden;
	}
.content .scroller {
	height: 300px;
	overflow: auto;
	}

/* news */

.CollapsiblePanelTab {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #8cb7c7;
	
	height: 15px;
	margin: 0 15px;
	padding: 0 15px;
	}
.CollapsiblePanelContent {
	height: 120px;
	position: relative;
	overflow: hidden;
	}
.CollapsiblePanelClosed .CollapsiblePanelTab { background: #8cb7c7 url(img/icon_arrow_03_rt.gif) no-repeat 5px center; }
.CollapsiblePanelOpen .CollapsiblePanelTab { background: #8cb7c7 url(img/icon_arrow_03_bt.gif) no-repeat 5px center; }
.CollapsiblePanelClosed .CollapsiblePanelTabHover { background: #8cb7c7 url(img/icon_arrow_03_bt.gif) no-repeat 5px center; }
.CollapsiblePanelOpen .CollapsiblePanelTabHover { background: #8cb7c7 url(img/icon_arrow_03_rt.gif) no-repeat 5px center; }

/* news scroller */

.carousel-component {
	width: 990px;
	height: 105px;
	margin: 0 auto;
	margin-top: 15px;
	}
.carousel-component .carousel-clip-region {
	left: 15px; /* same as control width */
	}
.carousel-component .carousel-list .carousel-container {
	width: 239px;
	height: 105px;
	border-left: 1px solid #efefef;
	}
.carousel-component .carousel-list .carousel-container p { margin: 0 15px 15px 14px; }
.carousel-component .carousel-prev, 
.carousel-component .carousel-next {
	width: 15px;
	height: 105px;
	}
.carousel-component .carousel-prev { background: #efefef url(img/icon_arrow_02_lt.gif) no-repeat center; left: 0; }
.carousel-component .carousel-next { background: #efefef url(img/icon_arrow_02_rt.gif) no-repeat center; right: 0; }

.carousel-component .carousel-prev:hover { background: #efefef url(img/icon_arrow_02_lt.gif) no-repeat center; }
.carousel-component .carousel-next:hover { background: #efefef url(img/icon_arrow_02_rt.gif) no-repeat center; }

.carousel-component .prev-null,
.carousel-component .prev-null:hover { background: transparent url(img/icon_arrow_01_lt.gif) no-repeat center; }
.carousel-component .next-null,
.carousel-component .next-null:hover { background: transparent url(img/icon_arrow_01_rt.gif) no-repeat center; }
.carousel-component .prev-null,
.carousel-component .prev-null:hover,
.carousel-component .next-null,
.carousel-component .next-null:hover { cursor: text; }

.carousel-component #prev-arrow.carousel-prev.hover  { background: #efefef url(img/icon_arrow_02_lt.gif) no-repeat center; }
.carousel-component #prev-arrow.prev-null.hover { background: transparent url(img/icon_arrow_01_lt.gif) no-repeat center; }
.carousel-component #next-arrow.carousel-next.hover { background: #efefef url(img/icon_arrow_02_rt.gif) no-repeat center; }
.carousel-component #next-arrow.next-null.hover { background: transparent url(img/icon_arrow_01_rt.gif) no-repeat center; }

/* scroller */

#scroller {
	height: 300px;
	overflow: auto;
	position: relative;
	}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
	}

/* vertical */
.vscrollerbase { width: 5px; background-color: #efefef; }
.vscrollerbar { width: 5px; background-color: #616265; }

/* horizontal */
.hscrollerbase { height: 0px; background-color: none; }
.hscrollerbar { height: 0px; background-color: none; }

/* jogbox */
.scrollerjogbox {
	width: 0px;
	height: 0px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background-color: none;
	}