body {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;color:#222222;}
body,table,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0;}
.clearfix:after {content: ".";display: block;clear: both;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear:both;}
img {border:none;border:0px;}
a{color:#336DA6;text-decoration:none;}
a:hover{text-decoration:none;}

.textField {border:1px solid #ccc;padding:2px;width:69%;}
.loginTextField {border:1px solid #ccc;padding:2px;width:100%;}
.selectBox {border:1px solid #ccc;padding:2px;width:71%;}
.textFieldStriga {border:1px solid #999;padding:2px;width:95%;font-size:11px;color:#666;}
.textArea {border:1px solid #ccc;padding:2px;width:180px;height:100px;}
.selectTag {border:1px solid #ccc;padding:2px;width:200px;}
.inputSubmit {color:#222;background:url(../img/submit_back.gif) no-repeat;border:none;width:80px;height:28px;font-weight:normal; cursor:pointer; font-family:Arial}
.inputSubmit:hover {background:url(../img/submit_back_hover.gif) no-repeat;}
.inputSearch {background:url(../img/search_icon.gif) no-repeat;height:20px;width:20px;border:none;}
.inputTextSearch {border:1px solid #336DA6;padding:2px;width:180px;}

.textFieldBig {border:1px solid #ccc;padding:2px;width:300px;}
.textFieldComment {border:1px solid #ccc;padding:2px;width:500px; height:50px}
.selectTagBig {border:1px solid #ccc;padding:2px;width:306px;}
.textAreaBig {border:1px solid #ccc;padding:2px;width:300px;height:100px;}

h2 {padding:5px 2px;background:url(../img/h2_back.jpg) repeat-x;color:#555;padding-left:10px;font-size:12px !important;font-weight:normal;border-right:1px solid #ccc;border-left:1px solid #ccc;}
h1 {padding:5px 2px;background:url(../img/h2_back.jpg) repeat-x;color:#555;padding-left:10px;font-size:12px !important;font-weight:normal;border-right:1px solid #ccc;border-left:1px solid #ccc;}

.top {width:950px;margin:0 auto;height:70px;background:url(../img/top_back.gif) repeat-x;}
.top .logo {width:700px;float:left}
.top .logo img {border:none;}
.top .logo a {background:none;}
.top .simpleSearch {float:right;margin-right:20px;padding-top:20px;text-align:right;}
.top .simpleSearch span {float:right;}
.top .simpleSearch span a }
.undertop {width:950px;margin:0 auto;background:url(../img/nav_back.gif) repeat-x;}
.undertop ul {list-style:none;width:450px;margin:0 auto;}
.undertop ul li {float:left;}
.undertop ul li a {display:block;padding:8px 20px;height:40px;color:#fff;font-weight:bold;}
.undertop ul li a:hover {background:url(../img/a_hover.gif) repeat-x;}

.undertop ul li a#home {background:url(../img/prima_pagina.gif)no-repeat top;}
.undertop ul li a#home:hover {background:url(../img/prima_pagina_hover.gif)no-repeat top;}

.undertop ul li a#cautare {background:url(../img/cautare.gif)no-repeat top;}
.undertop ul li a#cautare:hover {background:url(../img/cautare_hover.gif)no-repeat top;}

.undertop ul li a#despre_noi {background:url(../img/despre_noi.gif)no-repeat top;}
.undertop ul li a#despre_noi:hover {background:url(../img/despre_noi_hover.gif)no-repeat top;}

.undertop ul li a#menuContact {background:url(../img/contact.gif)no-repeat top;}
.undertop ul li a#menuContact:hover {background:url(../img/contact_hover.gif)no-repeat top;}


.content {width:950px;margin:0 auto;}
.content .leftSide {width:260px;float:left;}
.content .leftSide h2{border-left:none !important;}
.content .leftSide .leftContainer {margin:0 auto;margin-bottom:10px;}
.content .leftSide .leftContainer .title {background:url(../img/leftcontainer_back.gif) repeat-x;height:40px;width:240px;color:#fff;font-weight:bold;font-size:14px;font-family:tahoma;}
.content .leftSide .leftContainer .title p {padding:12px;}
.content .leftSide .leftContainer .capsule {}
.content .leftSide .leftContainer .capsule ul{list-style:none;margin-left:20px;padding-right:5px;}
.content .leftSide .leftContainer .capsule ul li{list-style:none;padding:5px 0px;border-bottom:1px dashed #fff7dd;}
.content .leftSide .leftContainer .capsule ul li.noBorder{list-style:none;padding:5px 0px;border:none;}
.content .leftSide .leftContainer .capsule ul li#parentDropDown{list-style:none;padding:5px 0px;}
.content .leftSide .leftContainer .capsule ul li ul.visible {display:block;}
.content .leftSide .leftContainer .capsule ul li ul.hidden {display:none;}

.content .rightSide {width:680px;float:right;margin-left:9px;}
.content .rightSide h2 {border-right:none;}
.content .rightSide hr {color:#D1C7A4;}
.content .rightSide .rightContainerBig {margin:0 auto;margin-bottom:10px;}
.content .rightSide .rightContainerBig .title {font-weight:bold;font-size:14px;font-family:tahoma;}
.content .rightSide .rightContainerBig .title p {padding:12px;}
.content .rightSide .rightContainerBig .capsule {background:url(../img/box_back.gif) repeat-x;padding:10px 2px;border:1px solid #ccc;/*border-right:none;*/}
.content .rightSide .rightContainerBig .capsule p{text-align:justify;}
.content .rightSide .rightContainerBig .capsule h3{font-size:14px; margin-left:20px}
.content .rightSide .rightContainerBig .capsule ul {list-style:none;float:left;width:90px;margin:0 15px 0 5px;padding-bottom:10px;}
.content .rightSide .rightContainerBig .capsule ul.nameLetters {width:670px !important;margin:0 auto !important;}
.content .rightSide .rightContainerBig .capsule ul.nameLetters li{text-align:center;}
.content .rightSide .rightContainerBig .capsule ul.nameLetters li a {margin:0 2px; padding:5px; font-family:Tahoma; font-size:18px; color:#028CC0}
.content .rightSide .rightContainerBig .capsule ul.nameLetters li a:hover {padding:5px; background-color:#028CC0; text-decoration:none; color:#fff}
.content .rightSide .rightContainerBig .capsule ul li{padding:3px 0;}
.content .rightSide .rightContainerBig .capsule ul li a:hover {text-decoration:underline;}

.form {}
.form .row {padding:3px 0px 3px 0px; line-height:16px;}
.form .numeShout {font-size:18px; font-family:Tahoma; color: #0794BD;}
.form .row label {display:block;font-weight:bold;}
.form h2 {font-size:14px; padding:0 0 5px; margin:0; line-height:18px;}
.form .row h2 {font-size:14px; padding:0 0 5px; margin:0; line-height:18px;}

.formBig {padding:5px;width:350px;margin:0 auto}
.formBig .row {padding:3px 0px 3px 0px;}
.formBig .row label {display:block;font-weight:bold;float:left;width:100px;}

.formEditBig {padding:2px;width:450px;margin:0 auto}
.formEditBig .formContainer {padding:2px;}
.formEditBig .row {padding:3px 0px 3px 0px;}
.formEditBig .row label {display:block;font-weight:bold;float:left;width:100px;}

.footer {width:920px;margin:0 auto;padding:5px;border-top:1px solid #ccc;}
.footer .iframe {}


.signUp {width:500px;margin:0 auto;}
.signUp .title {background:url(../img/leftcontainer_back.gif) repeat-x;height:40px;width:500px;color:#fff;font-weight:bold;font-size:14px;font-family:tahoma;}
.signUp .title p {padding:12px;}
.smallText {font: normal xx-small Verdana, Arial;}


.colegi{}
.colegi .coleg{float:left;margin:0 5px;}
.colegi .coleg .nume a {color:#382d0d;font-weight:bold;text-decoration:none;}
.colegi .coleg .img {border:1px solid #ccc;padding:2px;}
.colegi .coleg .img:hover {border:1px solid #EF8D4C;background:url(../img/overlay.gif) repeat;}

.profil {}
.profil .img{padding:2px;float:left;width:160px;text-align:center;}
.profil .img .image {border:1px solid #ccc;padding:2px;}
.profil .detalii {margin-left:5px;float:left;}
.profil .detalii .detaliiContainer {padding:2px;border:1px solid #c3ba9f;}
.profil .detalii .detaliiContainer h2 {font-size:14px; padding:0 0 5px; margin:0; line-height:18px;}
.profil .detalii .detaliiContainer ul{width:430px}
.profil .detalii .detaliiContainer li {width:430px; overflow:hidden}

.fakeMenu {font-size:13px;margin:9px 0; font-family:Tahoma}
.fakeMenu a {text-decoration:none; padding:0 6px; white-space:normal;text-align:center;margin:0 3px;}
.fakeMenu a.profileLink {width:100%;margin:0 !important; padding:0;}
.fakeMenu a:hover {text-decoration:underline;}
.miniTitle {font-weight:bold;font-size:14px;padding:5px 0;font-family:Tahoma; margin-bottom:5px; color:#555}

.result {padding:5px 20px; /*border-bottom:1px solid #ccc;*/}
.result p {padding:10px; margin:10px 0; border:1px solid #ccc; background-color:#fff}
.result .img {float:left; padding:2px;border:1px solid #ccc;}
.result .img:hover {float:left; padding:2px;border:1px solid #ED7B30;}
.result .detalii {float:left;text-align:right; padding-left: 20px; width:500px;}
.result .detalii .userDetail {text-align:left; padding-left: 5px; border:1px solid #ccc; padding:15px; background-color:#fff; margin-bottom:5px; line-height:18px}
.result .detalii .userDetail .userName{font-size:20px; font-family:Tahoma; padding-bottom:10px}
.result .detalii .userDetail .userName a:hover {text-decoration:underline}
.result .detalii p {padding:2px 0;}
.result .detalii p.nume {font-size:14px;font-family:tahoma;font-weight:bold;}

.profil .detalii .userDetail {text-align:left; padding-left: 5px; border:1px solid #ccc; padding:15px; background-color:#fff; margin-bottom:5px; line-height:18px}
.profil .detalii .userDetail .userName{font-size:20px; font-family:Tahoma; padding-bottom:10px}
.profil .detalii .userDetail .userName a:hover {text-decoration:underline}

.clase{padding:10px;}
.clase a{ padding:3px; background-color:#71C8E4; color:#fff; margin-right:10px; margin-bottom:3px; float:left}
.clase a:hover{ padding:3px; background-color:#3DA8CB; color:#fff; margin-right:10px; margin-bottom:3px; float:left}
.clase ul {list-style-type:none; width:260px; width:100%}
.clase ul li {display:block; width:90%}
.clase ul li a {background-color:#71C8E4}

.pagination {text-align:right;margin-right:15px;margin-top:10px;font-weight:bold;}
.pagination a{text-decoration:none;font-weight:normal; padding:3px}
.pagination a:hover{color:#fff; background-color:#2CAEEB}
.pagination a.next{color:#3A72E7;text-decoration:none;padding:5px;}
.pagination div, .pagination span {padding:5px;}

.inbox .detalii {margin-left:5px;width:100%;float:left;}
.inbox .detalii .detaliiContainer {padding:2px;border:0px solid #c3ba9f;width: 97%}
.inbox .detalii .detaliiContainer p {font-size:12px; color: #222222;}
.inbox .detalii .detaliiContainer .listareMesaje {width: 98%;margin:0 auto;text-align:left;}
.inbox .detalii .detaliiContainer .listareMesaje th {text-align: left;padding:5px 2px;color:#222;background:#f0f0f0;}
.inbox .detalii .detaliiContainer .listareMesaje tr {}
.inbox .detalii .detaliiContainer .listareMesaje tr:hover {background:#f3f3f3}
.inbox .detalii .detaliiContainer .listareMesaje tr td{ text-align: left;border-bottom:1px solid #ccc;padding:5px 2px;}

.profile {}
.profile .profileLeft {float:left;width:110px;}
.profile .profileRight {float:left;margin-left:10px;}
.profile .profileRight .detaliiContainer {padding:2px;border:1px solid #c3ba9f;}


.album {width:440px; margin:0 auto;}
.album .image {border:1px solid #000;padding:2px;float:left;width:100px;height:100px;margin:2px;}
.album .image img {width:100px;height:100px;}
.album .image:hover {border:1px solid #ccc;background:url(../img/overlay.gif) repeat;}

.bigImage {text-align:center;}
ul.photoSlide {margin:0 auto;width:500px !important;}
ul.photoSlide li {border:none !important;}
ul.photoSlide li.left {text-align:left;float:left;width:49%;}
ul.photoSlide li.right {text-align:right;float:left;width:49%}

#error_invite {
	color: red;
}

.invite_message {
	
}

.error_textField {
	padding:2px;
	width:180px;
	border: 1px solid red;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 535px;
height: 180px; /*Height should enough to fit largest content's height*/
text-align: center;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
top: 0;
width: 420px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
/*overflow: hidden;*/ /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
/*width:auto;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align: left;
}
.stepcarousel .panel img {height:100px; width:auto}
#galleryB{
/*height: 160px;*/
}




.lastImages{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 580px;margin:0 auto;
height: 180px; /*Height should enough to fit largest content's height*/
margin-left: 10px;
}

.lastImages .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 440px;
}

.lastImages .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width:auto;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.lastImages .panel img {height:100px; width: auto}

#ultimiiInregistrati{
height: 160px;
width:600px;margin:0 auto;
}

#ultimiiInregistrati .panel{
height: 150px;
text-align: center;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

.ultimiiInregistrati{
overflow: hidden;
}

ul.orase{width: 150px !important;margin:0 5px !important;}
ul.institutii {float:none !important;width:80% !important;}

.newImages {}
.newImages .userNewImages {padding:10px 5px;}
.newImages .userNewImages .img {border:1px solid #ccc;padding:2px;width:50px;float:left;margin:2px 5px;}
.newImages .userNewImages .img img {width:50px; height:50px;}
.newImages .userNewImages .img:hover {border:1px solid #EF8D4C;background:url(../img/overlay.gif) repeat;}

.errorTextInput {
	background-color: #f32828;
	border-color: white;
	color: white;
	font-weight: bold;	
}

.hidden {
	display: none;
}

.errorSelectInput {
	
}

#loginForm, #loveFormContainer {padding:3px 3px 3px 20px; /*background:url(../img/lovers.png) no-repeat; background-position: 200px 5px*/}
#loginForm {background:url(../img/autentificare_back.jpg) repeat;color:#222; padding-right:30px; padding-top:10px}
#loginForm form {width:90%;margin:0 auto;}
#forgotPasswordForm {border:1px solid #ccc;padding:3px;}
#forgotPasswordForm {border-left:none;}
.loveFinder {margin-top:20px;}
.loveGender {width:100px; float:left;margin:0 10px 0 0px;}
#contactForm {width:80%;margin:0 auto;}
#striga {border:1px solid #ccc;padding:3px;background:url(../img/left_containers_back.gif) repeat-x bottom #F5F5F5;}
#striga h2 {background:none;}
#profileLinks {}
#profileLinks a {padding:0 4px;}
#matchFinder, #profileLeft {background:url(../img/left_containers_back.gif) repeat-x bottom #fbfbfb;border:1px solid #ccc;padding:2px;}
#matchFinder, #profileLeft{border-left:none;}
#matchFinder h2, #profileLeft h2 {background:none;}
.hartaJudete {text-align:center; border:1px solid #ccc}
#footerLinks {color:#666;padding:5px 0;}
#footerLinks p {float:left;width:40%;}
#footerLinks span {float:right;padding-right:5px;}

#galleryLastImages {width:600px;margin:0 auto;}
#siteContainer {width:970px;margin:0 auto;background:url(../img/sites_back.gif) repeat-y;}

/* new styles */
.hideMe{display:none;}
.m20{margin:20px}
.mLeft20{margin-left:20px;}
.mLeft10{margin-left:10px;}
.m5x15{float:left; margin:0 15px; padding-left:20px;}
.mx30{margin: 0 0 0 30px;}
#rConInvite{width:160px; float:left}
#rConMatch{width:160px; float:left}
.h201{border-right:1px solid #ccc}
.h202{border-left:1px solid #ccc}
#iFrame{border: medium none ; width: 925px; height: 35px;}
#dUser01{float:left; width:20px}
#dUser02{float:left; width:500px;}
.dHome01{float:left; width:330px}
#dHome02{float:left; width:10px}
.dHome03{float:left; width:20px}
#mL45{margin-left:45px}
#m5x0{margin:5px 0}
.DnumeShout {font-size:18px; font-family:Tahoma; color: #0794BD;}

#arataMesaje{margin:3px 10px; border:1px solid #ddd; padding:5px;}

.centerMe{text-align:center;}
.formComment{text-align:center; width:600px; margin:10px auto}
.boxMyGroups{display:block; /*position:absolute;z-index:999; */}

#imageNavigator{margin-left:10px; position:absolute;z-index:999; width:650px}
#imageNavigLeft{float:left;}
#imageNavigRight{float:right;}

.counterStyle{margin-left:100px; color:Orange}

.onlineUser{color:Green; cursor:pointer}
.offlineUser{color:Gray; cursor:pointer}

.linkDescription{}
.linkDescription a{text-decoration:none; color:#333;}

#errorMsg{font-size:10px}