@charset "UTF-8";
/* CSS Document */

/* --------- BODY ------------------------------------ */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#000000;
	margin:0 auto;
	padding:0;
	/*text-align:justify;*/
}
#main_container
{
	width:900px;
	margin:0 auto;
	position:relative;
}
/* --------- HEADER ---------------------------------- */
#header
{
	margin:10px 0 10px 0;
	color:#ffffff;
}
#banner
{
	background:url(/themes/feezeek/images/banner.jpg) no-repeat;
	width:900px;
	height:208px;
	/*background:#FFFFFF url(/themes/feezeek/images/back_top.jpg) repeat-x;
	width:900px;
	height:11px;*/
	/*padding:21px 10px 10px 10px;*/
	margin:10px 0 0px 0;
}
#banner_lines
{
	background:#FFFFFF url(/themes/feezeek/images/back_top.jpg) repeat-x;
	width:900px;
	height:11px;
	/*padding:21px 10px 10px 10px;*/
	margin:10px 0 0px 0;
}
/* -- MENU moved in separate css'file --- */
/* --------- CONTENT ------------------------------------- */
#content_container
{
	background:#FFFFFF;
	margin:0 0px 20px 0;
}
#columns { /* its a table w cellspacing="0" */
	width: 100%;
	empty-cells: hide;
  background: #ffffff;
	margin-bottom: 20px;
	/*padding: 0px 10px;*/
}

#mid_col {
	padding: 0px 0px 0px 10px; 
	background: white;
  min-height:350px;
	min-width:500px;
	color: #000000;
	/*border-left: 1px solid #282;*/
}

#lside {
	height: 100%;
	width: 0.01%;
	text-align: left;
	/*background: #999999;*/ 
}

#rside {
	height: 100%;
	width: 0.01%;
	/*background: #999999;*/ 
}
/* ------------ login box ----------------------------------- */
#login_container
{
	width:240px;
}
#logo
{
	background:url(/themes/feezeek/images/logo-feezeek-300.png) no-repeat;
	width:355px;
	height:80px;
	margin:0px;
}
#login_container .label
{
	width:80px;
	padding:5px;
	text-align:right;
}
#login_container .text
{
	width:125px;
	padding:2px;
	margin:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	/*background-color:#dddddd;*/
	background:#cccc33;
}
#login_container .submit
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	padding:2px;
	margin:5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background:none;
	border:none;
	cursor:pointer;
	width:90px;
	/*border: 1px solid #cccc33;*/
}

#login_container a:link, #login_container a:visited, #login_container a:active
{
	color:#CCCC33;
	text-decoration:none;
}
#login_container a:hover
{
	color:#ffff00;
	text-decoration:none;
}
.submit_white
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	padding:2px;
	margin:5px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background:none;
	border:none;
	cursor:pointer;
	width:90px;
	/*border: 1px solid #cccc33;*/
}
.sumbit_white submit:hover {
	color: #cccc33;
	background: #cccc33;
}
/* --------- Notices -------------------------------- */
#notice {
  border: 2px solid #ccc;
  padding: 6px;
	top: 4px;
	left: 5px;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}
.flash_notice {
	position:absolute;
	z-index:1000;
	color:green;
	font-weight:bold;
	text-transform: uppercase;
}
.flash_error {
	position:absolute;
	z-index:1001;
	color:red;
	font-weight:bold;
	text-transform: uppercase;
}
/* -- Web Pages content --- */
#wp_content{
	padding: 0px 20px 0px 20px;
}
#content_wlc{
	padding: 0px 20px 0px 20px;
	width:650px;
}
/* --------------Titles / fonts ---------- */
h1
{
	text-transform:uppercase;
	font-weight:lighter;
	font-size:14px;
	margin:0;
	padding:0 0 2px 10px;
	color:#FFFFFF;
}
h2
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	font-size:14px;
	margin:0;
	padding:5px 0 12px 0;
}
h3
{
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:5px 0 5px 0;
}
/* FONTS */
.font_red
{
	color:#CC0000;
}
.font_white
{
	color:#FFFFFF;
}
.font_green
{
	color:#CCCC33;
}
.font_black
{
	color:#000000;
}
.bold {
	font-weight: bold;
}

/* ----------------- buttons ---------------- */
.button_white, .button_grey, .button_green
{
	padding:2px;
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
}
.button_white a:link, .button_white a:visited, .button_white a.active, .button_green a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
.button_grey a:link, .button_grey a:visited, .button_grey a.active, .button_white a:hover
{
	color:#333333;
	text-decoration:none;
}
.button_green a:link, .button_green a:visited, .button_green a.active, .button_grey a:hover
{
	color:#CCCC33;
	text-decoration:none;
}
/* -------- FOOTER ------------ */
#footer
{
	background:#FFFFFF url(/themes/feezeek/images/back_footer.jpg) repeat-x;
	padding:21px 10px 10px 10px;
	margin:0 0 10px 0;
	text-align:center;
}
.disclaimer {
	font-size:8px;
	text-align:justify;
	color:#666666;
}
#footer a:link, #footer a:visited, #footer a.active
{
	color:#CCCCCC;
	text-decoration:none;
}
#footer a:hover
{
	color:#999999;
	text-decoration:none;
}
/* -------------- Links Generic ----------------- */
a:link {
	color: #cccc33;
	text-decoration: none;
	border: 0px solid white;
}
a:visited {
	text-decoration: none;
	color: #cccc33;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #33cccc;
}
a img {
	border: 0px solid white;
}
/* ---------** generic stuff **------------------------*/
/* -------- columns format -------------------------*/
.col_150 {
	width:150px;
	min-width:150px;
	width: expression(this.width<150 ? 150:true);
}
.col_180 {
	width:180px;
	min-width:180px;
	width: expression(this.width<180 ? 180:true);
}
.col_200 {
	width:200px;
	min-width:200px;
	width: expression(this.width<200 ? 200:true);
}
/* ---------------- FLOATS ------------ */
.f_left
{
	float:left;
	display:inline;
}
.f_right
{
	float:right;
	display:inline;
}
.float_left
{
	float:left;
	display:inline;
}
.float_right
{
	float:right;
	display:inline;
}
.clear
{
	clear:both;
}
.clear_l
{
	clear:left;
}
.clear_r
{
	clear:right;
}
/*---- Forms css--------*/
.l_80 {
	min-width: 80px;
	width: expression(this.width<80 ? 80:true);
	width:80px;
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_100 {
	min-width: 100px;
	width: expression(this.width<100 ? 100:true);
	width:100px;
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_120 {
	min-width: 120px;
	width: expression(this.width<120 ? 120:true);
	width:120px;
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_1 {
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_2 {
	min-height: 56px;
	height: expression(this.width<56 ? 56:true);
	float: left;
}
.l_3 {
	min-height: 84px;
	height: expression(this.width<84 ? 84:true);
	float: left;
}
.f200 {
	min-width: 200px;
	width: expression(this.width<120 ? 120:true);
	width:200px;
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.c1_form {
	min-width: 340px;
	width: expression(this.width<340 ? 340:true);
	width:340px;
	float:left;
	/*border: 1px solid #00ffff;*/
}
.c2_form {
	padding-left: 10px;
	min-width: 340px;
	width:340px;
	width: expression(this.width<340 ? 340:true);
	float:left;
	/*border: 1px solid #ff00ff;*/
}
.c3_form {
	min-width: 300px;
	width: expression(this.width<300 ? 300:true);
	width:300px;
	float:left;
	/*border: 1px solid #00ffff;*/
}
.bord {
	border: 1px solid green;
}