/* CSS document for Freelance I.T. Solutions V3.0 temp page. */

/* ---------------------------------------------------------------- */
/* Project Name: Freelance temp page                                */
/*   Page Title: general styles, this sheet is for                  */
/*               all styles that are used throughout the page.      */
/*   Web Author: Russ Thompson                                      */
/* ---------------------------------------------------------------- */
/* File:  ..\css\flstylesV3temp.css                                 */
/* Image Path: ../images/                                           */
/* E-Mail: russATfreelanceitsolutionsDOTcom                         */
/* ---------------------------------------------------------------- */
/* Version Control                                                  */
/* 		Version 0.5                                                 */
/* 		Version Begin Date 01/05/2009                               */
/* ---------------------------------------------------------------- */
/* Copyright � 2009 - Russell Thompson and Freelance I.T. Solutions */
/*		All Rights Reserved                                         */
/* ---------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	text-align: center; /* this is to fix the center problem with IE - stupid IE! */
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #597384;
}

/* FONTS, LINKS, SPANS, ETC */

span.menuItemText {
	position: absolute;
	top: 16px;
	left: 37px;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #BFD5E2;
}

span.loginText {
	position: absolute;
	top: 1px;
	left: 5px;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BFD5E2;
}

span.closeModalLayer {
	position: absolute;
	top: 22px;
	left: 347px;
	
	font-family: arial, sans-serif, tahoma;
	font-size: 15px;
	color: #BFD5E2;
}

span.modalTitle {
	position: absolute;
	top: 50px;
	left: 25px;
	
	font-family: tahoma, arial, sans-serif;
	font-size: 20px;
	color: #BFD5E2;
}

span.closePopup {
	position: absolute;
	top: 2px;
	/* set left: in js, based on passWidth */
	
	font-family: arial, sans-serif;
	font-size: 15px;
	color: #BFD5E2;
}

span.popupTitle {
	position: absolute;
	top: 2px;
	left: 15px;
	
	font-family: arial, sans-serif;
	font-size: 15px;
	color: #BFD5E2;
}

a.noDecorateBFD5E2 {
	text-decoration: none;
	color: #BFD5E2;
}

a.noDecorate6E4332 {
	text-decoration: none;
	color: #6E4332;
}

/* DIVS */

div.allContentHolder {
	background-color: #E4E4CC;
	
	position: relative;
	
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	min-height: 625px;
}

div.menuContainer {
	background-color: #E4E4CC;
	background-image: url(../images/menuDiv_bg.jpg);
	background-repeat: no-repeat;
	
	position: absolute;
	top: 75px;
	left: 0px;
	
	/* display: table; */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #BFD5E2;
	
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	
	height: 550px;
	min-height: 550px;
	max-height: 550px;
	
	overflow: hidden;
}

div.copyContainer {
	background-color: #E4E4CC;
	background-image: url(../images/main_upper_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	position: absolute;
	top: 82px;
	left: 201px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #BFD5E2;
	
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	
	height: 543px;
	min-height: 543px;
	
	overflow: hidden;
}

div.mainCopyHolder {
	background-color: transparent;
	
	position: absolute;
	top: 43px;
	left: 35px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #2C4257; /*#415C6F;*/
	
	width: 460px;
	min-width: 460px;
	max-width: 460px;
	
	height: 530px;
	min-height: 530px;
	max-height: 520px;
	
	overflow: auto;
}

div.portfolioContainer {
	background-color: #CCCCBB;  /* this is the blue similar to the menu bg -> #32485D; */
	
	position: absolute;
	top: 0px;
	left: 702px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #6E4332;
	
	width: 198px;
	min-width: 198px;
	max-width: 198px;
	
	height: 625px;
	min-height: 625px;
	
	overflow: auto;
}

div.portfolioIndividual {
	background-color: transparent;
	
	position: relative;
	
	font-family: Tahoma, Arial Sans-serif;
	font-size: 11px;
	color: #6E4332;
	
	width: 175px;
	min-width: 175px;
	max-width: 175px;
	
	border-bottom: 1px dotted #FFFFFF;
}

div.headerContainer {
	background-color: #E4E4CC;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #BFD5E2;
	
	width: 701px;
	min-width: 701px;
	max-width: 701px;
	
	height: 74px;
	min-height: 74px;
	max-height: 74px;
	
	overflow: hidden;
}

div.menuItemContainer {
	background-color: #2C4257;
	background-image: url(../images/menuButton_bg_out.jpg);
	background-repeat: no-repeat;
	
	position: absolute;
	
	/* display: table-cell; */
	
	width: 183px;
	min-width: 183px;
	max-width: 183px;
	
	height: 42px;
	min-height: 42px;
	max-height: 42px;
	
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BFD5E2;
	
	cursor: hand;
	cursor: pointer;
	
	overflow: hidden;
}

div.loginDiv {
	background-color: transparent;
	
	position: absolute;
	
	display: table-cell;
	
	width: 183px;
	min-width: 183px;
	max-width: 183px;
	
	height: 62px;
	min-height: 62px;
	max-height: 62px;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #BFD5E2;
	
	overflow: hidden;
}

/* modal layer divs */

div.modalLayer {
	background-color: transparent;
	background-image: url(../images/menuPopUp_bg.gif);
	background-repeat: no-repeat;
	
	position: absolute;
	top: 105px;
	left: 183px;
	
	width: 442px;
	min-width: 442px;
	max-width: 442px;
	
	height: 490px;
	min-height: 490px;
	max-height: 490px;
	
	overflow: hidden;
	
	visibility: hidden;
	
	z-index: 100;
}

div.m_contentHolder {
	background-color: transparent;
	
	font-family: Tahoma, arial, sans-serif;
	font-size: 12px;
	color: #BFD5E2;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 427px;
	min-width: 427px;
	max-width: 427px;
	
	height: 460px;
	min-height: 460px;
	max-height: 460px;
	
	overflow: hidden;
}

div.m_copyArea {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 80px;
	left: 10px;
	
	font-family: Tahoma, arial, sans-serif;
	font-size: 12px;
	color: #32485D;
	text-align: left;
	
	width: 401px;
	min-width: 401px;
	max-width: 401px;
	
	height: 379px;
	min-height: 379px;
	max-height: 379px;
	
	padding: 3px;
	
	overflow: auto;
}

div.modalControls {
	background-color: transparent;
	
	position: absolute;
	top:55px;
	left: 320px;
	
	width: 66px;
	min-width: 60px;
	max-width: 66px;
	
	height: 22px;
	min-height: 20px;
	max-height: 22px;
	
	overflow: hidden;
}

/* modal popup divs */

div.popupBackgroundDiv {
	background-color: #AAAAAA;
	
	filter: alpha(opacity = 60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 60);
	-moz-opacity: .60;
	opacity: .60;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 100%;
	
	height: 100%;
	min-height: 100%;
	
	visibility: hidden;
	
	z-index: +500;
}

div.popupDisplayDiv {
	background-color: #2C4257;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	visibility: hidden;
	
	overflow: hidden;
	
	z-index: +501;
}

div.popupInnerDisplayDiv {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 20px;
	left: 10px;
	
	text-align: left;
	
	border: 1px solid #415C6F;
	
	padding: 3px;
	
	overflow: auto;
}

/* TABLE STYLES */

table.formTable {
	background-color: transparent;
	
	width: 604px;
	min-width: 604px;
	max-width: 604px;
}

td.formTableCell {
	background-color: transparent;
	
	width: 298px;
	min-width: 298px;
	max-width: 298px;
	
	padding: 2px;
}

tr.formTableRowCollapse {
	visibility: collapse;
	display: none;
}

table.collapsableTable {
	background-color: transparent;
	
	width: 590px;
	min-width: 590px;
	max-width: 590px;
}

td.collapsableTableCell {
	background-color: transparent;
	
	width: 291px;
	min-width: 291px;
	max-width: 291px;
	
	padding: 2px;
}

/* IMAGE STYLES */

img.menu_icon {
	position: absolute;
	top: 5px;
	left:5px;
}

img.controlImage {
	cursor: hand;
	cursor: pointer;
}

img.facebook {
	position: absolute;
	top: 25px;
	left: 0px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 550;
}

img.googlePlus {
	position: absolute;
	top: 77px;
	left: 0px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 550;
}

img.linkedIn {
	position: absolute;
	top: 129px;
	left: 0px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 550;
}

img.blogger {
	position: absolute;
	top: 181px;
	left: 0px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 550;
}

/* INPUT, SELECT, ETC STYLE */

textarea.textareaOne {
	background-color: #EEE9E9;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	
	height: 125px;
	min-height: 125px;
	max-height: 125px;
	
	border: 1px solid #2C4257;
}

textarea.textareaTwo {
	background-color: #EEE9E9;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	
	border: 1px solid #2C4257;
}

input.loginButton {
	background-color: #2C4257;
	background-image: url(../images/button_132x28.jpg);
	background-repeat: no-repeat;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	
	width: 132px;
	min-width: 132px;
	max-width: 132px;
	
	height: 28px;
	min-height: 28px;
	max-height: 28px;
	
	cursor: pointer;
	cursor: hand;
}

input.textFieldRequiredOne {
	background-color: #FFE4E1;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	
	border: 1px solid #FF0000;
}

input.textFieldOne {
	background-color: #EEE9E9;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	
	border: 1px solid #2C4257;
}

input.textFieldTwo {
	background-color: #EEE9E9;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 400px;
	min-width: 400px;
	max-width: 400px;
	
	border: 1px solid #2C4257;
}

select.selectOne {
	background-color: #EEE9E9;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #32485D;
	
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	
	border: 1px solid #2C4257;
}

input.radioOne {
	background-color: transparent;
	
	color: #32485D;
}

input.radioRequiredOne {
	background-color: transparent;
	
	color: #FF0000;
}

input.checkboxOne {
	background-color: transparent;
	
	color: #32485D;
}

li.bg_FFFFFF {
	background-color: #FFFFFF;
}

li.bg_FFF4A2 {
	background-color: #FFF4A2;
}