﻿html 
{ 
     margin-bottom: 20px; 
     height:101%;
}

h1
{
	text-transform: uppercase; 
	color: #4facd0;
	line-height:13px;
	font-size:14px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	margin-top:-0px;
	padding:none;
}

h2
{
	text-transform: uppercase; 
	color: #000000;
	line-height:13px;
	font-size:11px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:1px;
	margin-top:0px;
	padding:none;
	font-weight:bold;
}
 
 h4
{
	text-transform: uppercase; 
	color: #555555;
	line-height:13px;
	font-size:11px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:1px;
	margin-top:0px;
	padding:none;
	font-weight:bold;
}

.exBorder
{
	padding:3px;
	background-color: #FFFFFF;
	border: solid 1px #888888;
}

body 
{
    background-color: #bce4f6;
    margin-top:0px;
    margin-right:0px;
    background-image: url('../images/background.jpg?');
    background-repeat:repeat-x;
}
form
{
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

table
{
    border:none;
    padding:0px;
    margin:0px;
    border-spacing:0px;
}

.HiddenStuff
{
	display:none;
}
 
.HiddenStuff2
{
	height:5px;
	font-size:143px;
	overflow:hidden;
}

td
{
	font-size:11px;
	font-family: Tahoma, Verdana, Arial;
	line-height:17px;
} 

.textArea
{
	border:solid 1px black;
}

.textAreaIn
{
	border:solid 1px #d0d0d0;
	background-color: #f8f8f8;
}

.textError
{
	color: Red;
}

.submenu
{
	text-transform:uppercase;
	font-size:10px;
	font-family:Trebuchet MS,Tahoma,Arial,Sans-Serif;
}

.ProgressLabelCSS
{
	font-size:100px;
	margin-top:20px;
}

img
{
    border:none;
}

A {
	color : #225274;
    text-decoration: underline ;
    outline: none;
}

A:HOVER {
	color : #666666;
	text-decoration : none;
	outline: none;
}

A.menuLink {
	text-transform: uppercase; 
	color: #4facd0;
	line-height:13px;
	text-decoration: none ;
	font-size:11px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	margin-top:-0px;
	padding:6px;
	border:dotted 1px #4facd0; 
	position:relative;
}

A.menuLink:HOVER {
	text-transform: uppercase; 
	color: #4facd0;
	line-height:13px;
	font-size:11px;
	text-decoration: none ;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	margin-top:-0px;
	padding:6px;
	background-color:White;
	border:solid 1px #4facd0;
	position:relative;
}

A.menuLink2 {
	text-transform: uppercase; 
	color: #4facd0;
	line-height:13px;
	font-size:11px;
	text-decoration: none ;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	margin-top:-0px;
	padding:6px;
	background-color:White;
	border:solid 1px #4facd0;
	position:relative;
}

A.menuLink2:HOVER {
	text-transform: uppercase; 
	color: #4facd0;
	line-height:13px;
	font-size:11px;
	text-decoration: none ;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-bottom:20px;
	margin-top:-0px;
	padding:6px;
	background-color:White;
	border:solid 1px #4facd0;
	position:relative;
}

.AjaxUploaderQueueTable , .AjaxUploaderQueueTableRow
{
   background-color:Green;
}

.inputTextfield
{
    border: solid 1px #333333;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size:11px;
    vertical-align:middle;
    padding-left:3px;
    height:17px;
}

INPUT.withBorder
{
    border: solid 1px #c0c0c0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	line-height:16px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: none;
	background-image: url('../images/scrollbg.gif');
	 
}
.jScrollPaneDrag {
	position: absolute;
	background: #6fccf0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
    
/*SLIDER*/
#main {
  width: 830px;
  margin: 0 auto;
  border:none; 
}

#content-slider {
  width: 805px;
  height: 6px;
  margin: 5px;
  background: none;
  background-image: url('../images/scrollbgH.gif');
  position: relative;
}

.ui-slider-handle {
  width: 40px;
  height: 14px;
  position: absolute;
  top: -4px;
  background: #6fccf0;
  border:0;
  cursor:default;
}

#content-scroll {
  width: 810px;
  height: 200px;
  margin-top: 10px;
  overflow: hidden;
  border:0;
}
/*
#content-holder {
  width: 1500px;
  height: 270px;
}
*/
.content-item {
  width: 230px;
  height: 200px;
  padding: 5px;
  float: left;
}