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


body, div, p, form, ul, li {
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:12px;
	color:#000;
}
img {border: none;}
a {text-decoration:none;}

body {
	background:url(../img/back.png) repeat-x;
}

/* CLASSES */
.left { float:left; }
.tleft { text-align:left; }
.right { float:right; }
.tright { text-align:right; }

.fontSize10 {font-size:10px;}
.fontSize11 {font-size:11px;}
.fontSize13 {font-size:13px;}
.fontSize14 {font-size:14px;}
.fontSize15 {font-size:15px;}
.fontSize16 {font-size:16px;}
.fontSize18 {font-size:18px;}
.fontSize19 {font-size:19px;}
.fontSize20 {font-size:20px;}


.set {background:url(../img/set.png) no-repeat;}
/* END CLASSES */



#body {
	margin:0 auto;
	width:999px;
}
#logo {
	margin-top:12px;
}
#logoTitle {
	margin:50px 0px 0px -170px;
	width:170px;
}
#logoTitle h1 {
	font-size:12px;
	color:#6c6d6c;
}
#navigation {
	height:76px;
}
#navigation a {
	color:#707070;
	text-decoration:none;
}

#navigation #btnLogin, #navigation #navBtnDemo {
	padding:7px 11px 7px 12px;
}
#navigation #navBtnRegister {
	padding:7px;
}
#navigation #navBtnHowto {
	padding:7px 11px 7px 13px;
}
#navigation #navBtnLogout {
	padding:7px 26px 7px 27px;
}
#navigation div {
	margin-top:23px;
	margin-left:5px;
	height:30px;
	text-align:center;
	color:#707070;
	background:url(../img/set.png) -515px -281px no-repeat;
}
#navigation div strong {
	line-height:28px;
}

#navigation #login, #navigation #demo {
	width:56px;
}
#navigation #register, #navigation #howto {
	width:90px;
	background-position:-578px -281px;
}

#navigation #login.selectedNavigation, #navigation #demo.selectedNavigation {
	height:39px;
	background-position:0px 0px;
}
#navigation #register.selectedNavigation, #navigation #howto.selectedNavigation {
	height:39px;
	background-position:-66px 0px;
}
#navigation .selectedNavigation a {
	color:#fff;
}

#content {
	padding-bottom:10px;
	width:999px;
}

#footer {
	width:999px;
	height:85px;
	background:url(../img/set.png) 0px -196px no-repeat;
}
#footerLogo {
	margin:10px 0px 0px 20px;
	color:#666;
}
#footerLogo span {
	line-height:30px;
}
#footerLinks ul li {
	margin-right:25px;
	line-height:85px;
}
#footerLinks a {
	color:#666;
	text-decoration:none;
}
#footerLinks .selectedFooterLink a, #footerLinks .selectedFooterLink {
	color:#da1d77;
	text-decoration:underline;
}
	

/* HOME PAGE */
#column_left {
	width:435px;
}
#column_left #homeFun {
	margin-top:50px;
	width:435px;
	height:196px;
	background:url(../img/set.png) -515px 0px no-repeat;
}
#column_left #text {
	margin:30px 0px 0px 20px;
	width:430px;
	height:175px;
	text-align:justify;
}
.btns {
	margin:40px 0px 0px 35px;
	height:76px;
	background:url(../img/set.png) -156px 36px no-repeat;
}
#btnLogin {
	width:103px;
}
#btnRegister {
	width:217px;
	height:35px;
	background:none;
}

#column_right {
	width:564px;
}

#puzzle {
	margin-top:50px;
	width:564px;
	height:386px;
	background:url(../img/set.png) 49px -281px no-repeat;
}
#socialNetworks {
	width:564px;
	height:152px;
	background:url(../img/set.png) 49px -40px no-repeat;
}
#socialNetworks img {
	width:525px;
}

/* END HOME PAGE */


/* POPUPS */
.popUp {
	position:absolute;
	width:372px;
	height:359px;
	background:url(../img/loginPP.png) no-repeat;
}
.popUp td, .popUp div, .popUp a { color:#fff; }
.popUp input, .popUp select {
	margin-bottom:13px;
	width:175px;
	border:none;
}
.popUp label {cursor:pointer;}
.popUp input[type=checkbox] { width:auto; }
.rememberPassword {
	margin:-7px 0px 0px 0px;
}
.rememberPassword a {
	text-decoration:underline;
}
.popUp a.fontSize14 {
	margin-left:30px;
	color:#f67bd0;
	text-decoration:underline;
}

#sessionClose #popUpClose {
	margin:0px -15px 0px 0px;
	font-weight:bold;
}
#sessionClose #popUpClose a {
	color:#555;
}
#popUpClose {
	margin:40px 20px 0px 0px;
}
#popUpClose a {
	color:#dbdbdb;
}
#popUpLoginForm {
	margin:97px 0px 0px 37px;
}
#popUpLoginForm table {
	line-height:22px;
}

.popUp #popUpLoginForm > form > div {
	width:250px;
}
.inputBack {
	width:186px;
	height:26px;
	background:url(../img/set.png) -662px -421px no-repeat;
}
.inputBack input {
	margin:4px 0px 0px 3px;
}

#submitLogin {
	margin:10px 0px 0px 30px;
	width:88px;
	height:34px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/set.png) -669px -281px no-repeat;
	cursor:pointer;
}
#submitLogin:hover {
	background-position:-757px -281px;
}

#popUpTermsOU {
	padding:0px 20px 20px 20px;
	overflow:hidden;
	border:1px solid #000;
	background-color:#daceda;
}
#popUpTermsOU #homeFun {
	margin-bottom:0px;
	height:100px;
}
#popUpTermsOU .popUpClose {
	padding:10px 0px 10px 10px;
}
#popUpTermsOU a {
	color:#666;
}
/* END POPUPS */



/* LANDING PAGE */

#sessionClose {
	position:absolute;
	padding:10px 30px 10px 30px;
	width:589px;
	height:344px;
	background:url(../img/activation.png) no-repeat;
}
#sessionClose h1 {
	font-size:24px;
	color:#da1d77;
}
#sessionClose h3 {
	margin:20px 0px 0px 0px;
}
#sessionClose hr {
	margin-top:0px;
	height:1px;
	background-color:#da1d77;
	border:none;
}
#sessionClose .stepText {
	width:540px;
}
#sessionClose #registrationSteps {
	margin-top:10px;
	width:590px;
}
#sessionClose .stepText .smsPrice {
	font-weight:bold;
	font-style:normal;
	color:#333
}
#sessionClose .stepArrows {
	margin-right:560px;
}
#sessionClose #stepArrowRight {
	margin-right:0px;
}
#sessionClose #btnRegister {
	margin:-3px 0px 0px 20px;
	width:151px;
}
#sessionClose #codeError {
	width:151px;
	height:36px;
	background:url(../img/set.png) -424px -789px no-repeat;
}
#sessionClose #codeError input {
	width:137px
}
#sessionClose .note {
	padding-top:0px;
	font-style:italic;
	color:#838383;
}
#sessionClose #btnRegister.continue {
	margin:0px;
}

.landingPage #navigation {
	margin:0px 20px 0px 0px;
	width:263px;
	height:45px;
	color:#5c5c5c;
	background:none;
}

.landingPage #navigation > div.right {
	margin-top:25px;
	width:226px;
	height:27px;
	background-position:-424px -695px;
}
.landingPage #registration h3 {
	margin:20px 0px 0px 0px;
}
#registration {
	margin-top:30px;
}
#registration h2 {
	margin:10px 0px 0px 0px;
	color:#292929;
}
#registration h2 span {
	color:#da1d77;
}
.landingPage #registration hr {
	margin:0px 0px 10px 0px;
	width:auto;
	height:2px;
}
#registration hr {
	margin:0px 0px 10px 30px;
	width:380px;
	height:1px;
	background-color:#da1d77;
	border:none;
}

.stepArrows {
	margin:0px 400px 15px 15px;
	width:12px;
	height:21px;
	background-position:-845px -281px;
}
.steps {
	width:32px;
	height:27px;
	font-weight:bold;
	color:#fff;
	line-height:28px;
	text-indent:9px;
	background-position:-869px -281px;
}
.stepText {
	margin:0px 0px 15px 5px;
	width:390px;
	color:#333;
	line-height:24px;
}
.stepText span {
	font-weight:bold;
	color:#da1d77;
}
.stepText .smsPrice {
	font-weight:normal;
	font-style:italic;
	color:#838383;
}

#stepArrowRight {
	margin:60px 0px 0px -20px;
	background-position:-857px -281px;
}

#enterCode {
	margin:0px 0px 15px 5px;
}
#enterCode .stepText { margin-left:0px; width:auto; }
#enterCode input {
	margin:5px 0px 0px 5px;
	width:205px;
	height:20px;
	border:none;
}
#codeError {
	margin:-3px 0px 10px 5px;
	width:222px;
	height:31px;
	background:url(../img/set.png) -515px -360px no-repeat;
}
#codeError.codeError {
	height:61px;
	background:url(../img/set.png) -737px -360px no-repeat;
}
.codeError div {
	margin:10px 0px 0px 5px;
	font-style:italic;
	color:#dd145b;
	line-height:normal;
}
.landingPage #btnRegister {
	margin:-20px 0px 0px 203px;
}
/* END LANDING PAGE */


/* REGISTRATION PAGE */
.registration {
	width:435px;
}
#registrationDiv table { width:450px; }
#registration #registrationDiv table tr td h2 {
	width:320px;
	overflow:hidden;
	color:#da1d77;
}
#registrationDiv .inputOval {
	width:190px;
	height:36px;
	overflow:hidden;
	background-position:0px -845px;
}
#registrationDiv .inputOval input {
	line-height:25px;
	height:25px;
}
#registrationDiv .inputOval select {
	position:relative;
	top:4px;
}

.registration table {
	margin:0 auto;
	width:410px;
	font-weight:bold;
	line-height:20px;
}
.registration table a {
	color:#ee76af;
	text-decoration:underline;
}
.registration table label {
	font-weight:normal;
}
.registration input[type=text], .registration input[type=password] {
	margin:3px 3px;
	width:180px;
	height:19px;
	border:none;
}
.textHeader {
	width:400px;
	border-bottom:2px solid #da1d77;
}
.registration select {
	margin:5px 3px;
	width:180px;
	height:18px;
	border:none;
}
.registration input[type=checkbox] {
	margin:0px;
}
.registration #btnRegister {
	margin:0px;
}

.inputOval {
	width:188px;
	height:27px;
	background-position:-515px -391px;
}
.registrationTooltip {
	width:147px;
	height:47px;
	background-position:-515px -418px;
	visibility:hidden;
}
.registrationTooltip div {
	margin:3px 0px 0px 17px;
	width:125px;
	font-weight:normal;
	line-height:normal;
}

.registrationError {
	padding:3px;
	width:216px;
	line-height:16px;
	background-color:#f7e1f3;
}
.registrationErrorTop {
	margin-top:10px;
	width:222px;
	height:4px;
	background:url(../img/set.png) -662px -448px no-repeat;
}
.registrationErrorBottom {
	width:222px;
	height:4px;
	background:url(../img/set.png) -662px -452px no-repeat;
}
/* END REGISTRATION PAGE */

/* TERMS PAGE */
#termsOfUse {
	min-height:700px;
}
#termsOfUse #column_left {
	margin-top:0px;
	padding-top:0px;
	width:999px;
}
#termsOfUse #column_left > div {
	width:999px;
}
#termsOfUse #textDiv {
	margin-top:30px;
	line-height:18px;
}
#termsOfUse #textDiv span {
	color:#da1d77;
}
#termsOfUse #textDiv li {
	font-size:14px;
}
#termsOfUse #column_left #textDiv #registrationTERMS {
	width:450px;
}
#termsOfUse #textDiv .smsPrice {
	font-weight:normal;
	font-style:italic;
	color:#838383;
}

.registration #bigArrow {
	margin-left:0px;
	position:static;
}
#bigArrow {
	position:absolute;
	margin-left:60px;
	width:47px;
	height:24px;
	background-position:-901px -281px;
}

#termsOfUse #column_right {
	margin-top:-45px;
	width:544px;
}
#termsOfUse #column_right #termsOfUseImage img {
	margin-left:160px;
}
#termsOfUse #column_right #btnRegister {
	margin:50px 0px 0px 170px;
}
/* END TERMS PAGE */

/* CONTACTS PAGE */
#contacts #homeFun, #termsOfUse #homeFun {
	margin-top:0px;
	margin-bottom:20px;
	color:#fff;
	background-position:-514px -465px;
}
#contacts #column_left #homeFun h1, #termsOfUse #column_left #homeFun h1 {
	margin:63px 0px 0px 50px;
	font-size:30px;
	text-align:left;
}
#contacts .inputOval input {
	margin:3px 0px 0px 3px;
	width:177px;
	border:0px;
}
#contacts textarea {
	overflow:auto;
}
#contacts td {
	padding-left:40px;
}
#contacts form {
	height:auto;
}
.textareaOval {
	margin-left:2px;
	width:293px;
	height:155px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.textareaOval textarea {
	margin-left:3px;
	width:282px;
	border:0px;
}
.textareaOvalTop {
	width:299px;
	height:7px;
	background:url(../img/set.png) -515px -661px no-repeat;
}
.textareaOvalBottom {
	width:299px;
	height:7px;
	background:url(../img/set.png) -515px -667px no-repeat;
}
.submitLogin {
	margin:10px 30px 0px 0px;
	width:88px;
	height:34px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/set.png) -814px -661px no-repeat;
	border:0px;
	cursor:pointer;
}
.submitLogin:hover {
	background-position:-902px -661px;
}
/* END CONTACTS PAGE */

/* Ticks */
.liTick {
	margin-bottom:20px;
	padding:2px 0px 0px 30px;
	min-height:20px;
	background:url("../img/li.png") 0px -10px no-repeat;
}
.liTick:hover {
	background:url("../img/liSelected.png") 0px -10px no-repeat;
	cursor:pointer;
}
.liTick h3, .liTick h2 {
	margin-top:-3px;
	font-size:16px;
	color:#333;
}
#cameraNeeded.liTick h3 {
	color:#5a3333;
}

#registerNow {
	margin-top:0px;
	width:471px;
	height:67px;
	background-position:-424px -722px;
	cursor:pointer;
}
#textDiv #registerNow {
	margin:20px 300px 20px 0px;
}
#tick {
	margin:0px 0px 0px 20px;
	width:20px;
	height:20px;
}
#tick li {
	width:350px;
	font-weight:bold;
	line-height:18px;
	list-style-image:url("../img/li.png");
}
#tick li:hover {
	list-style-image:url("../img/liSelected.png");
	cursor:pointer;
}
#tick li h3, #tick li h2 {
	position:relative;
	top:-5px;
	font-size:16px;
	color:#333;
}
.tick {
	margin-bottom:10px;
	list-style-image:url("../img/tick.png");
}
.tick li {
	margin-left:25px;
	line-height:18px;
}
#loginErr {
background-color:#FFEBE8;
border:1px solid #DD3C10;
color:#DD3C10;
margin-bottom:10px;
padding:10px 20px;
width:430px;
}
/*********/


/* CHATPAGE */
#navigation #userName {
	background:none;
}
#chatLeftSide {
	margin-right:20px;
	width:330px;
	height:570px;
	overflow:hidden;
}


.options {
	margin:10px 0px 5px 0px;
	height:40px;
	line-height:20px;
}
.optionSelect {
	line-height:35px;
}
.options .radioBox {
	position:relative;
	top:3px;
}
.options label { line-height:20px; }
.optionsButtons div, .sendMessage div {
	margin-left:5px;
	width:90px;
	height:30px;
	line-height:27px;
	text-align:center;
	background:url(../img/set.png) -578px -281px no-repeat;
}
#findNext_button {
	margin-top:1px;
	width:90px;
	height:30px;
	font-weight:bold;
	text-transform:none;
	background:url(../img/set.png) -726px -789px no-repeat;
	border:0px;
	cursor:pointer;
}
#findNext_button a {
	color:#fff;
}
#findNext_button.pressedButton {
	background-position:-816px -789px;
}
#findNext_button.disabledButton a {
	color:#ccc;
}
#findNext_button.pressedButton a {
	color:#fff;
}
.optionsButtons div:hover, .sendMessage div:hover {
	background-position:-896px -315px;
	cursor:pointer;
}
.optionsButtons div a, .sendMessage div a {
	color:#707070;
}
.optionsButtons div:hover a, .sendMessage div:hover a {
	color:#fff;
}

.optionsButtons .disabledButton:hover, .sendMessage .disabledButton:hover {
	background:url(../img/set.png) -578px -281px no-repeat;
}
.optionsButtons .disabledButton a, .optionsButtons .disabledButton:hover a, .sendMessage .disabledButton a, .sendMessage .disabledButton:hover a {
	color:#CCC;
}

.chatConv .chatConvContent{
	margin:-2px 0px 0px 20px;
	width:647px;
	height:400px;
	overflow:auto;
	color:#FFEBE8;
	background-color:#fff;
	border:1px solid #ccc;
}
.chatConv .chatConvContent div p,
.chatConv .chatConvContent div h5{
	margin:0;
	padding:0;
}

.chatConv .otherMessage, .chatConv .ownMessage {
	margin:5px 0px 0px 0px;
	padding-left:5px;
	width:608px;
}
.chatConv .chatConvContent .ownMessage h5 a {
	font-size:14px;
	color:#f67bd0;
}
.chatConv .chatConvContent .ownMessage p {
	padding-left:10px;
	font-weight:bold;
}


.chatConv .chatConvContent .otherMessage h5 a {
	font-size:14px;
}
.chatConv .chatConvContent .otherMessage p {
	padding-left:10px;
	color:#666;
}

.sendMessage {
	margin-top:10px;
}
.sendInput {
	margin-top:3px;
	width:540px;
	height:20px;
	border:1px solid #ccc;
}
.sendMessage div {
	margin-left:15px;
}
.note {
	color:#DA1D77;
	font-weight:normal;
	padding-top:115px;
}
#examplecontainer {
	padding:10px;
}

#resizablepanel .bd {
	overflow:auto;
	background-color:#fff;
	padding:10px;
}

#resizablepanel .ft {
	height:15px;
	padding:0;
}

#resizablepanel .yui-resize-handle-br {
	right:0;
	bottom:0;
	height: 8px;
	width: 8px;
	position:absolute;
}
#resizablepanel_c.hide-scrollbars .yui-resize .bd {
	overflow: hidden;
}

#resizablepanel_c.show-scrollbars .yui-resize .bd {
	overflow: auto;
}
#resizablepanel_c.show-scrollbars .underlay {
	overflow: visible;
}
#registerDiv span {
	color:#da1d77;
}
#contactText {
	padding-top:40px;
	padding-left:35px;
	font-weight:bold;
}

#twitterTooltip {
	margin:-10px 0px 0px 80px;
	padding:30px 10px 5px 10px;
	width:190px;
	height:75px;
	color:#da1d77;
	background:url(../img/set.png) 0px -695px no-repeat;
	visibility:hidden;
}
#facebookTooltip {
	margin:-10px 0px 0px 40px;
	padding:30px 10px 0px 10px;
	width:192px;
	height:85px;
	color:#da1d77;
	background:url(../img/set.png) -211px -695px no-repeat;
	visibility:hidden;
}

#registrationTERMS #registrationSteps {
	width:500px;
}
#registrationTERMS .stepArrows {
	margin-right:480px;
}
#registrationTERMS #stepArrowRight {
	margin-right:0px;
}
#registrationTERMS .stepText {
	width:460px;
}
#howToLeft {
	width:450px;
}