@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-mini.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
  * {font-family: arial, helvetica, sans-serif}
	body{	font-size: 62.5%/2.2em}
	body,html {font-size: 11px; line-height:1.1em; font-family: verdana,arial,sans-serif; color:#333; background-color:#fff; margin:0}

	a{ color: #000}

	h1 {font-size: 1.6em; line-height: 1.6em; font-weight:bold; margin-top:5px; color: rgb(163, 197, 17)}
	h2 {font-size: 1.4em; line-height: 1.7em; font-weight:bold; margin-top:10px; color: #4abdff; font-family: arial,sans-serif}

  h2.linked span.title{float:left}
  h2.linked a{width:24px; height: 1em; padding:0; float:left}

	h3 {font-size: 1.2em; line-height: 1.2em; font-weight:bold; padding: 2px 0}

  h3.linked span.title{float:left}
  h3.linked a{width:16px; padding:0; float:left}

	h4 {font-size: 1.1em; line-height: 1.1em; font-weight:bold; padding: 2px 0}

	p {line-height:1.15em; text-align:justify}

	strong{font-weight: bold}

	dl {}
  dt {float:left; display:inline;  text-align:right; clear:both; width:50%; margin:0; line-height:1.5em}
  dd {float:right; display:inline; width:45%; margin:0; line-height:2em; padding-bottom:4px}

  input{padding:0 3px}
  input.text, input[type="text"], input[type="password"] {width:10em; height: 1.4em}
  input.text, input[type="text"], input[type="password"], input.button, select, textarea, input.file{border: 1px solid #bcbcbc; text-align:left; font-size:1em}
  select option{text-align:left; padding:0 3px}
  input.button{background-color:#ddf3fe; position:relative; border: 0; color: #46bdff; padding: 0.1em 1em; font-weight:bold; border: 1px solid #bcbcbc; font-family: verdana,arial,sans-serif}
  input.button:hover{ background-color:#bdf3fe}

  /* IE fix */
  input, select {font-size:1em}

  input.checkbox{padding:0}

  span.button a, a.button{background-color:#ddf3fe; position:relative; border: 0; color: #46bdff; padding: 0.1em 1em; font-weight:bold; border: 1px solid #bcbcbc}
  span.button a:hover, a.button:hover{ background-color:#bdf3fe}

  ul {list-style-type:none}
  ul li{text-align:left; margin-left:0}

  fieldset {padding:10px; background-color:#dff7df}
  fieldset legend{font-weight:bold}

  label.large {font-size:1.1em; font-weight:bold; padding-left: 10px; font-family: arial,sans-serif;}

  .err {border: 2px solid red; color:red; text-align:center; font-size:1.3em; line-height:1.3em; font-weight:bold; margin: 2px}
  .ok {border: 2px solid green; color:green; text-align:center; font-size:1.3em; line-height:1.3em; font-weight:bold; margin: 2px}
  .form_error {color:red}

  .clear{clear:both}

  .clearfix:after {
       visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
       }
  .clearfix { display: inline-block; }
  /* start commented backslash hack \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
  /* close commented backslash hack */

/*
  layouts
 */

.freemoboJavagames {width: 770px; height: 270px; clear: both}

.freemoboJavagames li{width: 122px; float:left; display: inline; margin: 4px 20px 2px 10px}
.freemoboJavagames li .previewImage {width: 120px; border: 1px solid #dddddd; display:block}
.freemoboJavagames li .previewImage img{height: 90px; display:block; margin: 0 auto}
.freemoboJavagames li span.place {font-weight: bold; color: #67ccff}
.freemoboJavagames li span.title {text-align: left}
.freemoboJavagames li span.title a{text-decoration: none; font-weight:bold; color: #808080}
.freemoboJavagames li span.title a:hover{text-decoration: underline; color: rgb(163, 197, 17)}
.freemoboJavagames .newLine {width:100%; overflow:hidden; padding:0; margin:0; height:0px; border: none}


#detailsBox {margin: 20px auto; width: 900px; color: #808080}
#detailsBox #creationInfo {width: 360px; float:right; background-color: #d9d9d9; margin-top: 35px}
#detailsBox #creationInfo .description{padding: 10px 5px;  font-size: 1.3em}
#detailsBox #creationInfo #restInfo{background-color: rgb(233, 233, 233); padding: 8px}
#detailsBox #creationInfo #restInfo li{border-bottom: 1px solid #fff; padding: 5px 0}
#detailsBox #creationInfo #restInfo li.instructions p{color: #333; font-size: 1.2em; line-height: 1.3em}
#detailsBox #creationInfo #restInfo li .warning{color: rgb(163, 197, 17); font-weight: bold}


#detailsBox #creationMain {width: 500px; float:left; text-align:center}
#detailsBox #creationMain .previewBig {display: block; margin: 1px auto 10px; border: 1px solid #ddd}
#detailsBox #creationMain .preview {border: 1px solid #ddd}

#showPhonesList, #hidePhonesList {display: none}

#subMenu {width: 215px; float:left; padding: 5px 0; }
#subMenu .menuBox{padding: 0 20px; background: url('../i/freemobo/boxBg.gif') top left repeat-y; margin-top: 15px}
#subMenu .menuBottom{width:100%; height: 12px; background: url('../i/freemobo/boxBottomBg.gif') top left no-repeat}
#subMenu h2{font-size: 1.8em}

#subMenu ul li{padding: 3px 0}
#subMenu ul li#firstMenuEl{padding-bottom: 10px}
#subMenu ul li a{font-size: 1.2em; font-weight:bold; color: #bbb; text-decoration: none}
#subMenu ul li.selected a{color: #a3c511}
#subMenu ul li a:hover{color: #a3c511; text-decoration: underline}

.finalList {width: 680px; float:left}
.finalList h1{padding-left: 30px; padding-top: 10px}
.finalList .freemoboJavagames li{margin: 4px 10px 2px 5px}

.paginationControl{height:20px; text-align:center;	font-family:Arial;	font-size:1.2em;	font-weight:bold;	padding-top:10px; clear:both}
.paginationControl a{ color:#666;	text-decoration:none}
.paginationControl span.disabled{color:#bbb}
.paginationControl strong{	color:#000000;}

ul.alphabetical{height:24px}
ul.alphabetical{padding-left:60px}
ul.alphabetical li{	list-style-type:none;	float:left; display:inline;	font-family:Arial;	font-size:1.2em;	font-weight:bold;	padding:6px 4px; color: #888}
ul.alphabetical li a{	color:#000000;	text-decoration:none}