/* CSS Document */

* {margin:0; padding:0;}



/* HTML Tags */
html,body {
	font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	width:100%;
	font-size:11px;
	background:url(../../images/index/bodyBkg.png) repeat-x #fefefc;
	color:#4d3e39;
}

html,body {height:100%; min-height:100%;}

img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#09414f;}
a:hover {color:#2a1f1b;}
input, textarea, select {font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif; color:#2b2b2b; font-size:11px; color:#4c3f3a}
textarea {overflow:auto}
fieldset {border:none}
h1 {margin:10px 0 10px 0; color:#4c3f3a; font-size:24px}
h2 {margin:20px 0 10px 0; color:#1b697f; font-size:20px}

.spacer {clear:both; font-size:0; display:block;}
.spacerSep {clear:both; font-size:0; height:20px;}

#pageContainer {width:960px; /* border:1px solid;*/ margin:0 auto; min-height:100%; padding:0 0 30px 0; position:relative}
* html #pageContainer {height:100%;}

#logo {position:absolute; display:block; width:290px; height:91px; top:12px;}
#logo[id] {background:url(../../images/index/logo.png) no-repeat}
#slogan {float:right;}
#slogan .title {font-size:20px; color:#4e3f3a; display:block; font-weight:bold; margin:14px 0 6px 0}
#slogan .descr {color:#1b697f; font-size:14px; font-weight:bold; display:block;  text-align:right}
#header {margin:0 0 14px 0;}
.headerImage {width:960px; height:262px; background:url(../../images/index/header.png) no-repeat; margin:3px 0 0 0}

.footerSpace {height:100px;}
#footerWrapper {width:100%; position:relative; background:url(../../images/index/footerBkg.jpg) repeat-x top #227e96; margin:-100px 0 0 0; color:#FFFFFF;}
#footer {width:960px; margin:0 auto; color:#FFFFFF; padding:30px 0 0 0}
#footer a {color:#FFFFFF}
#footer .footerNav {font-size:12px;}
#footer .footerNav a {margin:0 4px}
#footer .footerNav a:hover {text-decoration:underline}
#footer .rights {font-size:14px; margin:30px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
#footer .createdBy {float:right; font-size:14px; margin:-20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#b8e3f1}
#footer a:hover.createdBy {color:#ffffff}
#footer .heading {margin:10px 0 6px 5px; color:#9cdff6;}

.login {height:40px; margin:6px 0 0 0; float:right; color:#e9e0c8; text-align:right; font-size:14px;}
.login label {margin:0 0 0 10px;}
.login  .inpTxt {border:1px solid #dbcba9; background:#e9e0c8; height:14px; padding:1px 0 1px 2px; width:110px;}
.login .loginBtn {
	width:118px;
	height:23px;
	border:none;
	background:url(../../images/index/loginBtn.gif) no-repeat;
	font-size:12px;
	padding:0 0 2px 0;
	cursor:pointer;
	vertical-align:middle;
}
.login .links {text-align:right; display:block}
.login .links a {color:#8bd4ed; font-size:12px; margin:0 4px 0 4px}
.login .links a:hover {color:#f9faf0;}
.login .logOut {text-decoration:none; display:block; text-align:right; color:#8bd4ed; font-weight:bold}
.loginError {color:#f9faf0; float:left; margin:0 0 0 10px; font-weight:bold;}

#homeForms {height:260px; width:100%; margin:0 0 20px 0}
#homeForms .left {
	width:365px;
	height:249px;
	background:url(../../images/index/form_roommate.gif) no-repeat;
	float:left;
}
#homeForms .right {width:371px; height:249px; background:url(../../images/index/form_room.gif) no-repeat; float:right}
#homeForms h2 {font-size:24px; color:#4d3e39; margin:18px auto; text-align:center; width:380px;}
#homeForms label, #homeForms .btnLabel {display:block; width:100px; float:left; text-align:right; margin:0 10px 0 0; font-size:12px;}
#homeForms select {width:200px; height:20px;}
#homeForms fieldset {margin:0 0 4px 0}
#homeForms .searchButton, #homeForms .searchButtonActive {width:185px; height:32px; color:#FFFFFF; font-size:14px; font-weight:bold; cursor:pointer; border:none}
#homeForms .left .searchButton {background:url(../../images/index/searchButton.gif) no-repeat;}
#homeForms .left .searchButtonActive {background:url(../../images/index/searchButton.gif) no-repeat 0 -32px;}
#homeForms .right .searchButton {background:url(../../images/index/searchButtonR.gif) no-repeat; }
#homeForms .right .searchButtonActive {background:url(../../images/index/searchButtonR.gif) no-repeat 0 -32px; }
#homeForms .left .list {display:block; text-align:right; color:#b4e5f6; font-size:12px; margin:16px 20px 0 0; text-decoration:underline}
#homeForms .left a:hover.list  {color:#e2f4fa}
#homeForms .right .list {display:block; text-align:right; color:#62654e; font-size:12px; margin:16px 20px 0 0; text-decoration:underline}
#homeForms .right a:hover.list  {color:#42452f}
#homeForms .left .register {float:left; margin:16px 0px 0 20px; color:#ffffff; font-size:14px; font-weight:bold}
#homeForms .right .register {float:left; margin:16px 0px 0 20px; color:#ffffff; font-size:14px; font-weight:bold}

#newList {}
#newList  .left {float:left; width:375px; padding:0 10px 0 0;}
#newList  .right {float:left; width:375px;}
#newList .roommateBox {border:1px solid #e4e7d0; background:#f5f6e3; display:block; padding:3px; margin:0 0 10px 0; height:130px;}
#newList .roommateBox .imgContainer {width:90px; height:120px; overflow:hidden; display:block; float:left; margin:0 6px 0 0; border:3px solid #dbddc4; background:#dbddc4}
#newList .roommateBox .username {color:#227e96; font-size:14px; display:block; margin:0 0 10px 0}
#newList .roommateBox .row {display:block; margin:0 0 6px 0}
#newList .roommateBox .label {color:#797472}
#newList a:hover.roommateBox {border:1px solid #f4f6e5; background:#ffffff}
#newList a:hover.roommateBox .imgContainer {border:3px solid #cee2ea}


#newList .roomBox {border:1px solid #e4e7d0; background:#f5f6e3; display:block; padding:3px; margin:0 0 10px 0; height:130px; position:relative;}
#newList .roomBox .imgContainer {display:block; float:left; width:140px; height:105px; overflow:hidden; margin:0 6px 0 0; border:3px solid #dbddc4; background:#dbddc4;}
#newList .roomBox .username {color:#227e96; font-size:14px; display:block; margin:0 0 10px 0}
#newList .roomBox .row {display:block; margin:0 0 6px 0}
#newList .roomBox .label {color:#797472}
#newList a:hover.roomBox {border:1px solid #f4f6e5; background:#ffffff}
#newList a:hover.roomBox .imgContainer {border:3px solid #cee2ea}

.regForm {}
.regForm label {display:block; width:200px; float:left;}
.regForm .label {display:block; width:200px; float:left;}
.regForm label.short {text-align:right; margin:0 10px 0 0}
.regForm .inpTxt {margin:0 10px 6px 0; border:1px solid #a4a98b; height:14px; padding:1px 0 1px 2px; width:200px;}
.regForm select {margin:0 10px 6px 0; border:1px solid #a4a98b; height:18px;}
.regForm textarea {width:690px; height:100px; border:1px solid #a4a98b; margin:0 0 6px 0;  padding:1px 0 1px 2px; overflow:hidden}
.regForm .req {color:#1b697f}
.regForm .formDescr {font-size:12px; margin:20px 0 20px 0; display:block; font-style:italic; font-weight:bold; color:#c50404}
.regForm .file {float:left; height:21px; margin:0 0 6px 0}
.regForm .addIcon,  .regForm .removeIcon {float:left; margin:4px 0 0 10px; cursor:pointer}
.regForm .descr {color:#bbb4b1; font-style:italic}
.btn {
	width:185px;
	height:32px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background:url(../../images/index/btnBkg.gif) no-repeat;
	padding:0 0 2px 0;
}
.btnActive {
	width:185px;
	height:32px;
	color:#eaf8fd;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	background:url(../../images/index/btnBkg.gif) no-repeat 0 -32px;
	padding:0 0 2px 0;
}
.regForm h2 {font-size:16px; border-bottom:1px solid #e4e7d0; }


.addIcon {display:block; width:16px; height:16px;}
.addIcon[class] {background:url(../../images/index/icons/add_16.png)}

.removeIcon {display:block; width:16px; height:16px;}
.removeIcon[class] {background:url(../../images/index/icons/cancel_16.png)}

#registerForm label.error {color:#c50404; font-weight:bold; font-style:italic; margin:-6px 10px 10px 0px; white-space:nowrap;}
.errorMessage {
	display:block;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin:2px 0 10px 0;
	background:#3b302c;
	border:1px solid #544844;
	color:#8cd4ed;
	padding:20px 6px;
}
.successMessage {display:block; font-size:14px; font-weight:bold; font-style:italic; margin:10px 0 10px 0; background:#8cd4ed; border:1px solid #78c2db; color:#1e5995; padding:20px 6px;}

fieldset.predefined {width:450px; float:left; line-height:22px;}
fieldset.predefined select {margin:0}

.roommateRow {margin:0 0 4px 0}
.roommateRow .label {color:#1b697f; font-weight:bold;}
.roommateCol {margin:0 0 4px 0; float:left; width:430px;}
.roommateCol .label {color:#1b697f; font-weight:bold; width:160px; display:block; float:left}
#gallery .lightbox {
	display:block;
	width:167px;
	height:121px;
	overflow:hidden;
	background:url(../../images/index/imgBorder.jpg) no-repeat;
	text-align:center;
	padding:8px 0 0 0;
	float:left;
	margin:8px 12px 8px 0;
}
#gallery .lightbox img {border:2px solid #dbddc4}
#gallery .imageBox {float:left;}
#gallery .imageBox .delete {display:block; text-align:center; color:#1b697f; font-weight:bold;}
#gallery .imageBox .delete:hover {color:#2e231f}


#searchList .roommateBox {
	border:1px solid #e4e7d0;
	background:#f5f6e3;
	display:block;
	padding:3px;
	margin:0 6px 12px 0;
	height:130px;
	width:365px;
	float:left
}
#searchList .roommateBox .imgContainer {
	width:90px;
	height:120px;
	overflow:hidden;
	display:block;
	float:left;
	margin:0 6px 0 0;
	border:3px solid #dbddc4;
	background:#dbddc4;
	position:relative;
	z-index:1;
}
#searchList .roommateBox .username {color:#227e96; font-size:16px; display:block; margin:0 0 10px 0}
#searchList .roommateBox .row {display:block; margin:0 0 6px 0}
#searchList .roommateBox .label {color:#797472}
#searchList a:hover.roommateBox {border:1px solid #f4f6e5; background:#ffffff}
#searchList a:hover.roommateBox .imgContainer {border:3px solid #cee2ea}
#searchList .roommateBox .imgContainer .status {
	display:block;
	position:absolute;
	top:3px;
	left:0px;
	background:#227e96;
	width:80px;
	height:20px;
	line-height:20px;
	padding:0 4px 0 0;
	text-align:right;
	color:#dbddc5;
	font-size:9px;
	z-index:20;
	font-weight:bold
}


#searchList .roomBox {border:1px solid #e4e7d0; background:#f5f6e3; display:block; padding:3px; margin:4px 6px 8px 0; height:130px; width:365px; float:left}
#searchList .roomBox .imgContainer {width:140px; height:110px; overflow:hidden; display:block; float:left; margin:0 6px 0 0; border:3px solid #dbddc4; background:#dbddc4}
#searchList .roomBox .imgContainer .status {
	display:block;
	position:absolute;
	top:3px;
	left:3px;
	background:#227e96;
	width:50px;
	height:20px;
	line-height:20px;
	padding:0 4px 0 0;
	text-align:right;
	color:#dbddc5;
	font-weight:bold;
}
#searchList .roomBox .username {color:#227e96; font-size:16px; display:block; margin:0 0 10px 0}
#searchList .roomBox .row {display:block; margin:0 0 6px 0}
#searchList .roomBox .label {color:#797472}
#searchList a:hover.roomBox {border:1px solid #f4f6e5; background:#ffffff}
#searchList a:hover.roomBox .imgContainer {border:3px solid #cee2ea}

.pages {list-style:none; float:left; margin:10px 0 0 0}
.pages li {display:inline;}
.pages li a {
	display:block;
	float:left;
	text-decoration:none;
	background:#cdcfb6;
	color:#f5f6e3;
	padding:1px 6px;
	margin:0 0 0 1px;
}
.pages li a:hover, .pages li a.selected {background:#227e96}
.pages li a.next {border:none;	padding:2px 0 0 4px; background:none !important; color:#797472}
.pages li a.previous {border:none; padding:2px 4px 0 0; background:none !important; color:#797472 }
.pages li a.next:hover {color:#227e96}
.pages li a.previous:hover {color:#227e96 }
.resCount {color:#797472; font-style:italic; font-weight:bold; float:left; margin:20px 0 10px 0}
.sortBy {float:right; display:block; margin:20px 0 10px 0}

#mainNav {width:100%; height:41px; background:url(../../images/index/navBkg.jpg) repeat-x; margin:3px 0 0 0}
#mainNav .leftBorder {display:block; height:41px; float:left; width:2px; background:url(../../images/index/navLeft.jpg) no-repeat}
#mainNav .rightBorder {display:block; height:41px; float:right; width:2px; background:url(../../images/index/navRight.jpg) no-repeat}
#mainNav a {
	padding:4px 16px 0 16px;
	line-height:41px;
	color:#2d221e;
	font-size:14px;
	font-weight:bold;
	background:url(../../images/index/navSep.jpg) no-repeat right;
	height:31px;
}
#mainNav a:hover, #mainNav a.active {color:#227e96}


/* ~ Contacts */
#contactForm {padding:20px 0 30px 0;}
#contactFormSuccess {
	padding:20px 15px 30px 20px;
	background:#eae8e1;
	border:1px solid #c9bd9b;
	float:left;
	margin:10px 0 0 0;
	text-align:center;
	width:410px;
	height:250px;
}
#contactForm fieldset {height:30px; border:none}
#contactForm fieldset.messageSet {height:135px;}
#contactForm fieldset.captchaSet {height:40px;}
#contactForm .inpTxt {
	width:280px;
	height:20px;
	margin:0 0 0 10px;
	padding:4px 0 0 4px;
	border:1px solid #b9e3ef;
	float:left;
	background:#f9faf0;
	color:#227e96
}
#contactForm textarea {
	padding:4px 0 0 4px;
	border:1px solid #b9e3ef;
	width:400px;
	background:#f9faf0;
	height:120px;
	overflow:auto;
	color:#227e96;
	float:left;
	margin:0 0 0 10px;
}
#contactForm label {width:120px; height:23px; line-height:23px; display:block; float:left;}
#contactForm label.captchaLabel {width:auto; margin:0px;}
.requiredStar {color:#1b697f; margin:0 0 0 5px;}
#contactForm img.captchaCode {float:left;}
#contactForm input.enterCaptcha {
	width:220px;
	height:27px;
	padding:11px 0 0 0;
	margin:0 1px 0 12px;
	float:left;
	text-align:center;
	border:1px solid #b9e3ef;
	background:#f9faf0;
	color:#227e96;
}
.mailNotSent {color:#CC3300; font-weight:bold; font-size:12px;}
#contactForm label.error {color:#1b697f; font-style:italic; margin:0 0 0 2px; white-space:nowrap;}
#contactForm  .btn, #contactForm  .btnActive {margin:10px 0 }
/* ~ Contacts */

.confidential {color:#c80506; font-style:italic}

.contactUserLink {
	float:right;
	color:#098bb8;
	font-weight:bold;
	display:block;
	height:26px;
	line-height:26px;
	padding:0 30px 0 0;
	text-align:right;
}
.contactUserLink .icon {display:block; float:right; width:26px; height:26px; margin:0 0 0 8px}
.contactUserLink .icon[class] {background:url(../../images/index/mail_48.png) no-repeat right; }

.userContact {
	width:400px;
	height:240px;
	padding:10px 20px;
	background:url(../../images/index/contact_form.gif) no-repeat
}
.userContact h1 {text-align:center; padding:6px 0 6px 0}
.userContact .btn {background:url(../../images/index/searchButton.gif) no-repeat}
.userContact label {display:block; float:left; width:100px; margin:0 0 10px 0; font-weight:bold}
.userContact .inpTxt {width:290px; height:18px; border:1px solid #8bd4ed; background:#b9e3ef; padding:3px 0 0 4px}
.userContact textarea {width:290px; height:110px; border:1px solid #8bd4ed; background:#b9e3ef; padding:3px 0 0 4px; margin:0 0 4px 0}


/* Overlay */
#simplemodal-overlay {background-color:#41342e; cursor:wait;}
a.modalCloseImg {
	width:40px;
	height:20px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-10px;
	left:426px;
	cursor:pointer;
}
a.modalCloseImg[class]{background:url(../../images/index/close.png) no-repeat;}


.mailboxTbl {margin:10px 0}
.mailboxTbl th {background:#e6e9cc; padding:2px; font-size:12px;}
.mailboxTbl td {background:#fdfdf4; padding:2px 4px;}
.mailboxTbl tr.new {font-weight:bold;}
.mailboxTbl tr.new td {background:#ffffff}
.chechArrow {display:block; float:left; width:28px; height:15px; background:url(../../images/index/arrow.gif) no-repeat; margin:0 10px 0 10px}

#readMail .mailButtonBar {height:36px; background:#e5e7de; padding:6px 0 0 10px}
#readMail .from {border:1px solid #e6e6e6; background:#f6f6f6; padding:10px; position:relative}
#readMail .date {font-weight:bold; float:right}
#readMail .username {color:#227e96; font-weight:bold; font-size:14px}
#readMail .title {display:block; font-weight:bold; font-size:16px; margin:0 0 10px 0}
#readMail .message {margin:20px 10px 20px 10px; display:block; font-size:12px;}
.actionBtn {
	display:block;
	width:125px;
	height:32px;
	background:url(../../images/index/button.gif) no-repeat;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	line-height:32px;
	color:#ffffff;
	font-weight:bold
}
.actionBtn:hover {background:url(../../images/index/buttonActive.gif) no-repeat; color:#6a6e5a}
.back {
	display:block;
	height:27px;
	line-height:27px;
	color:#1883bd;
	background:url(../../images/index/icons/arrow.gif) no-repeat left;
	padding:0 0 0 50px;
	display:block;
	margin:20px 0 0 0;
	font-size:12px;
	font-weight:bold
}
.back:hover {color:#319bd4}

.newMsgCount {color:#8bd4ed; margin:0 0 0 0px; font-weight:bold; display:block; float:left;}

.fatalError {color:#fff; font-weight:bold; font-size:13px; font-style:italic; padding:100px 0 0 0; display:block}
.fatalError .icon {display:block; width:48px; height:48px; float:left; margin:-10px 10px 0 0}
.fatalError .icon[class] {background:url(../../images/index/icons/warning_48.png) no-repeat}
p.info {font-size:12px; font-weight:bold; color:#227e96; margin:10px 0}

.searchForm {}
.searchForm label {display:block; width:150px; float:left;}
.searchForm input,  .searchForm select {margin:0 50px 6px 0; float:left;}
.searchForm select {width:160px;}
.searchForm .radio {margin:0 196px 6px 0}
.searchForm .btn {float:left; margin:0 0 0 150px}
.searchForm .shortTxt {width:40px; margin:0 10px 6px 0}
.googleAdsense {height:90px; background:#bec1a5; text-align:center; padding:10px 0; margin:10px 0 0 0}
.usermediaBanner {background:#f1f0dc; width:728px; height:90px; padding:10px 16px; margin:10px 0}

.contentData {width:350px; float:left;}
.banner1 {width:375px; height:261px; /*170px*/ float:right; background:url(../../images/index/banner1Bkg.jpg) no-repeat; text-align:center; padding:9px 0 0 0}
.banner2 {width:180px; height:150px; /*100px*/ background:#53a3bc; margin:0 0 10px 0; /*text-align:center; color:#FFFFFF; font-size:22px; font-weight:bold; padding:50px 0 0 0*/}
.banner3 {width:760px; height:70px; /*150px*/ background:#53a3bc; margin:20px 0 0px 0; text-align:center; color:#FFFFFF; font-size:22px; font-weight:bold; padding:20px 0 0 0}

#contentContainer {float:right; width:760px; float:right;}
#contentContainer .textDescr, #contentContainer p {font-size:12px;}
#contentContainer .textDescr ul {margin:10px 0 10px 30px}
#contentContainer .textDescr a {text-decoration:underline}
#left {float:left; width:180px; margin:0px 6px 0 0;}
#leftNav {background:#d6d9bc; border:1px solid #e8ead1; position:relative;}
#leftNav a {
	display:block;
	line-height:30px;
	color:#FFFFFF;
	margin:0 5px 0 5px;
	border-bottom:1px solid #dcdfc8;
	font-weight:bold;
	padding:0 4px 0 4px;
	font-size:12px;
}
#leftNav a:hover {background:#a4aa90; border-bottom:2px solid #8b927a}
#leftNav .header {display:block; margin:10px 0 10px 0; font-size:16px; text-align:center; font-weight:bold; color:#227e96}
#leftNav .tl {width:2px; height:2px; background:url(../../images/index/navCorners.jpg) no-repeat; position:absolute; top:-1px; left:-1px}
#leftNav .tr {width:2px; height:2px; background:url(../../images/index/navCorners.jpg) no-repeat -2px 0; position:absolute; top:-1px; right:-1px}
#leftNav .bl {width:2px; height:2px; background:url(../../images/index/navCorners.jpg) no-repeat 0 -2px; position:absolute; bottom:-1px; left:-1px}
#leftNav .br {width:2px; height:2px; background:url(../../images/index/navCorners.jpg) no-repeat -2px -2px; position:absolute; bottom:-1px; right:-1px}

#googleBanner {width:120px; height:600px; position:absolute; top:70px; right:-130px}