game/styles/register.css

/* CSS Document */

html, body {
	/*background-color:#12171b;*/
	padding:0;
	margin:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center top;
	/*background-position:-60px 0;*/
	font-family:Verdana, Times, Helvetica, Tahoma;
	font-size: 10pt;
}

hr {border:0;border-bottom:1px solid #aeaeae; }

a,a:visited { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }a:active	{ color: #6F0000}a:hover		{ color: #0066FF}

.cp {
	cursor:pointer;
}

.psi_main {
	background-color:#0e0e0e;
}

.psi_btn {
	width:179px;
	height:50px;
	background-image:url(../images/psi_btn1.png);
	background-position:0 -50px;
	display:inline-block;
}

.psi_btn:hover {
	background-position:0 0px;
	cursor:pointer;
}

.psi_btn:active {
	background-position:0 1px;
	cursor:pointer;
}

.psi_logo {
	background-image:url(../images/combats_logo.png);
	width:790px;
	height:263px;
	position:absolute;
	top:20px;
	left:-160px;
}

.psi_fix {
	position:relative;
	height:263px;
}

.psi_main_reg {
	background-color:#0e0e0e;
	font-family:Minion Pro;
	font-size:14px;
	color:#daad5e;
	background-image:url(../images/reg_bg.png);
}

.psi_mainin {
	padding-left:22px;
	padding-right:22px;
}

.psi_mleft {
	background-image:url(../images/leftl.png);
}

.psi_mright {
	background-image:url(../images/rightl.png);
}

.psi_tline {
	background-image:url(../images/top_line.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.psi_dline {
	background-image:url(../images/bottom_line.png);
}

.psi_dlimg {
	background-image:url(../images/leftd.png);
}

.psi_drimg {
	background-image:url(../images/rightd.png);
}

.psi_tlimg {
	background-image:url(../images/left.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.psi_trimg {
	background-image:url(../images/right.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* psi_check1 */
.psi_check1 {
	width:19px;
	height:19px;
	background-image:url(../images/psi_checkbox.png);
	background-position:0 0;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
}

.psi_check1s {
	width:19px;
	height:19px;
	background-image:url(../images/psi_checkbox.png);
	background-position:0 -19px;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
}

/* input 1 */
.psi_input1_none {
	background-color:#ded7bd;
	border:solid 1px #302f2a;
	padding:5px;
	color:#000;
}

.psi_input1_green {
	background-color:#ded7bd;
	border:solid 1px #5d8d00;
	padding:5px;
	color:#5d8d00;
}

.psi_input1_red {
	background-color:#ded7bd;
	border:solid 1px #ae1313;
	padding:5px;
	color:#ae1313;
}

.psi_list {
	display:inline-block;
}

.psi_list select {
	background-color:#ded7bd;
	border:solid 1px #ded7bd;
	color:#302f2a;
}

/* radio 1 */
.radio1txt {
	color: #302f2a;
}

.radio1txt:hover {
	color: #5A636B;
}

.psi_radio1 {
	height:19px;
	background-image:url(../images/pri_radio.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
	display:inline-block;
}

.psi_radio1s {
	height:19px;
	background-image:url(../images/pri_radio.png);
	background-position:0 -19px;
	background-repeat:no-repeat;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
	display:inline-block;
	color:#302f2a;
}

.tip {
  display: inline-block;
  position: relative;
}
/*Стиль для кнопки, если она есть*/
.tip em,
.linktip em {
  background:#FD6E00;
  text-align:center;
  border-radius: 20px;
  border: 1px solid #ccc;
  color: #fff;
  font: normal bold 12px Arial;
  text-decoration: none;
  cursor:pointer;
  padding: 0 4px;
}
/*Стиль для изображения в подсказке*/
.tip>span>img {
  max-width: 50%;
  max-height: auto;
  margin: 3px;
  float: left;
}
/*Стиль для кнопки закрытия подсказки(кристик)*/
.answer>b,
.answer-left>b {
	position: absolute;
	font: normal bold 14px Comic Sans MS;
	color: #900;
	cursor: pointer;
	padding: 4px;
}
.answer>b {
  top:0;
  right:0;
}
.answer-left>b {
  top:0;
  left:0;
}
.answer>b:hover,
.answer-left>b:hover {color:#000;} /*при наведении*/

/*Стиль для блока подсказки*/
.answer, 
.answer-left { 
  display:none; /*скрываем*/
  position:absolute; /*позиционируем абсолютно*/
  z-index:9999; /*отображаем поверх всех элементов на странице*/
  background: #EDEDED; /*цвет фона*/
  border-radius: 3px; 
  border: 1px solid #ccc;
  color: #000; /*цвет текста*/
  font: normal 500 14px Trebuchet MS;
  text-align:left;
  text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
  text-decoration: none;
  opacity: 1; /*прозрачность*/
  cursor:default;
  margin-top:-30px; /*смещение вверх*/
  width: 200px; /*ширина !значение*/
  min-height: 50px; /*минимальная высота (если текста мало)*/
  max-height: auto; /*высота в зависимости от количества текста*/
  white-space: normal; /*переносы слов*/
}
.answer {
  box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень справа*/
  right: -240px; /*!смещение = ширина + отступы*/
  padding: 5px 20px 7px 7px; /*отступы внутри*/
}
.answer-left {
  box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень слева*/
  left: -240px; /*!смещение*/
  padding: 5px 7px 7px 20px;
}
.a-top {
  bottom: -10px; /*!смещение, положение подсказки вверх */
}
/*Стили для уголка*/
.a-top:before,
.answer:before, 
.answer-left:before {
  content:"";
  position:absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
  width: 9px;
  height: 15px;
}
.answer:before {
  left: -9px;
  margin-top: 10px;
  background-position: 0 0;
}
.answer-left:before {
  right: -9px;
  margin-top: 10px;
  background-position: -9px 0;
}
.a-top:before {
  bottom: 10px;
}
/*Для отображения клик-подсказки без скрипта, только на CSS*/
.tip>a:focus~span.answer,
.tip>a:focus~span.answer-left {
  display:block;
}
.tip>a[tabindex="1"]:focus {
  outline: none;
}
.tip>a[tabindex="1"]:focus>em {
  background:#FF4F19;
}