body {
	background: url('../img/background.jpg') no-repeat;
	background-position: center top;
	font-family: Arial, Verdana, Tahoma;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

*:focus { outline: none; }
a:active, a:focus { outline: 0; }

/* Links */
a:link { color: #ffffff; text-decoration: underline; font-family: Arial, Verdana, Tahoma; font-weight: normal; font-size: 10pt; }
a:visited { color: #ffffff; text-decoration: underline; font-family: Arial, Verdana, Tahoma; font-weight: normal; font-size: 10pt; }
a:hover { color: #ffffff; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-weight: normal; font-size: 10pt; }

a:link.fpass_l { color: #ffffff; text-decoration: underline; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 9pt; }
a:visited.fpass_l { color: #ffffff; text-decoration: underline; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 9pt; }
a:hover.fpass_l { color: #ffffff; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 9pt; }

/* Text */
.content_text { color: #000000; font-weight: normal; font-family: Arial, Verdana, Tahoma; font-size: 10pt; }
.text_error { color: #ff0000; font-weight: bold; font-family: Arial, Verdana, Tahoma; font-size: 10pt; }
.text_success { color: #4c6331; font-weight: bold; font-family: Arial, Verdana, Tahoma; font-size: 10pt; }
.content_title { color: #f99d60; font-weight: bold; font-family: Arial, Verdana, Tahoma; font-size: 10pt; text-transform: uppercase; }
h1 { color: #ffffff; font-weight: bold; font-family: Arial, Verdana, Tahoma; font-size: 11pt; text-transform: uppercase; padding: 0px; margin: 0px; }

/* Divs & Tables*/
#content{ position: relative; width: 940px; margin: auto; }
#content_in{ position: relative; width: 980px; margin: auto; }
#logo { position: relative; top: 0px; left: -20px; width: 686px; height: 170px; background: url('../img/logo.png') no-repeat; display: block; }
#logo_in { position: relative; top: 0px; left: 0px; width: 686px; height: 170px; background: url('../img/logo.png') no-repeat; display: block; }
#reg_button { position: relative; width: 264px; height: 54px; background: url('../img/reg.png') no-repeat; display: block; margin-left: 5px; margin-top: 2px; }
#reg_button:hover { background: url('../img/reg.png') no-repeat; background-position: center bottom; }
#footer { position: relative; margin-left: 10px; margin-top: 10px; }
#footer_in { position: relative; margin-left: 35px; margin-bottom: 5px; }

.big_shadow { position: absolute; top: 520px; left: 40px; width: 607px; height: 60px; background: url('../img/big_shadow.png') no-repeat; background-position: center bottom; }

#login_box { position: relative; width: 274px; height: 304px; background: url('../img/login_box.png') no-repeat; }
.text_log { position: absolute; top: 33px; width: 100%; text-align: center; color: #333333; font-family: Arial, Verdana, Tahoma; font-size: 14pt; }
.user_input { position: absolute; top: 100px; width: 100%; text-align: center; }
.pass_input { position: absolute; top: 160px; width: 100%; text-align: center; }
.button_input { position: absolute; top: 230px; width: 100%; text-align: right; }
.fpass_d { position: absolute; top: 232px; text-align: left; padding-left: 25px; }
.d_bg { background: url('../img/d_bg.jpg') repeat-x; padding: 10px 20px; margin-left: 7px; margin-right: 6px; }

.t_up { background: url('../img/up.png') no-repeat; width: 635px; height: 51px; padding-top: 0px; padding-left: 20px; }
.t_up h1 { margin-top: 15px; }
.t_content { background: url('../img/top.png') repeat-y; width: 615px; height: 1px; }
.t_down { background: url('../img/down.png') no-repeat; width: 655px; height: 35px; }
.t_formf { padding-bottom: 10px; text-align: right; width: 120px; }
.t_forms { padding-left: 10px; padding-bottom: 10px; }

/* Form Elements */
.input_username { background: url('../img/username_in.png') no-repeat; width: 181px; height: 40px; border: 0px; padding-left: 40px; padding-right: 15px; color: #fff; }
.input_password { background: url('../img/password_in.png') no-repeat; width: 181px; height: 40px; border: 0px; padding-left: 40px; padding-right: 15px; color: #fff; }
.b_login { background: url('../img/login.png') no-repeat; width: 105px; height: 42px; cursor: pointer; border: 0px; margin-right: 22px; }
.b_login:hover { background: url('../img/login.png') no-repeat; background-position: center bottom; }

.input_reg { background: url('../img/input_reg.png') no-repeat; width: 220px; height: 30px; border: 0px; padding-left: 15px; padding-right: 15px; color: #fff; }
.input_reg_error { background: url('../img/input_reg_error.png') no-repeat; width: 220px; height: 30px; border: 0px; padding-left: 15px; padding-right: 15px; color: #ff0000; }
.b_reg { background: url('../img/reg_button.png') no-repeat; width: 160px; height: 45px; cursor: pointer; border: 0px; }
.b_reg:hover { background: url('../img/reg_button.png') no-repeat; background-position: center bottom; }

.textarea { background: url('../img/textarea.png') no-repeat; width: 220px; height: 170px; border: 0px; padding: 15px; color: #fff; }
.tarea_error { background: url('../img/textarea_error.png') no-repeat; width: 220px; height: 170px; border: 0px; padding: 15px; color: #ff0000; }
.b_send { background: url('../img/send_b.png') no-repeat; width: 107px; height: 42px; cursor: pointer; border: 0px; }
.b_send:hover { background: url('../img/send_b.png') no-repeat; background-position: center bottom; }


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-family: Arial, Verdana, Tahoma;
font-size: 10pt;
color: #000000;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/msg/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/msg/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/msg/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/msg/error.png');
}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 360px; width: 640px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

/* Just for the example. Fee free to delete these three lines */
.pikachoose {width: 640px; }

/* Style the thumbnails */
.pika-thumbs{ position: absolute; top: 430px; padding: 0 16px; margin: 0px; z-index: 999999;}
	.pika-thumbs li{ width: 132px; height:74px; margin: 0px 0 0 0px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 0px; margin: 0 10px; background: url('../img/thumb_shadow.png') no-repeat; background-position: center bottom; border: 0px solid #e5e5e5; cursor: pointer; padding-bottom: 13px; }
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 640px;}
.pika-stage {position: relative; border: 0px solid #e5e5e5; padding: 0px 0px 0px 0px; text-align:center; height:360px;}
.pika-stage img{height:100%; border: 0px; -moz-border-radius: 5px; border-radius:5px; }
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 10pt; 
			color: #fafafa; padding: 10px; text-align: left; top: 10px; right: 15px; }
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px; }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3; display: none;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute; display: none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px; display: none; }

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
.jquery-msgbox
{
  background:url(../img/msgbox/background.png) repeat-x left bottom;
  padding-bottom:55px;
}

.jquery-msgbox-wrapper
{
  padding:20px 20px 20px 100px;
  color: #000000;
}

.jquery-msgbox-buttons
{
  padding:15px;
  text-align:right;
  position:absolute;
  bottom:0;
  right:0;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input
{
  margin-left:10px;
  min-width:85px;
  cursor:pointer;
}

.jquery-msgbox-inputs
{
  margin-top:4px;
}

.jquery-msgbox-inputs input
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:95%;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(../img/msgbox/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info
{
  background: url(../img/msgbox/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error
{
  background: url(../img/msgbox/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt
{
  background: url(../img/msgbox/message.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm
{
  background: url(../img/msgbox/confirm.png) no-repeat 20px 20px;
}