/* Lists
------------------------------*/

ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
  list-style-type: none;
	}
form, fieldset {
	margin: 0;
	padding: 0;
	}

fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}



.mxform{

}

.mxform-textinput, .mxform-textinput-big{
  border-color: #ccc #eee #eee #ccc;
  border-style: solid;
  border-width:1px;
  overflow:auto;
  padding:3px;
  font-size: 12px;
  vertical-align: baseline;
}

.mxform-textinput-big{

}

.mxmedium{
  color:#949494;
}

.mxform-checkbox{
  border-color: #ccc #eee #eee #ccc;
  border-style: solid;
  border-width:1px;
  margin-bottom:5px;
  overflow:auto;
  padding:4px;
}

.mxform-radio{
  padding:4px;
  vertical-align:text-top;
}

.mxform-textarea{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  border-color: #ccc #eee #eee #ccc;
  border-style: solid;
  border-width:1px;
  overflow:auto;
  padding:6px 2px 0 6px;
  width:370px;
  height: 64px;
}

.mxform .mxsize-small{
  width:250px;
}

.mxform .msize-regular{
  width:436px;
}

.mxform .mxsize-large{
  width:436px;
}

.mxform ul.errorlist {
	list-style:none;
	padding:0px;
	margin:0px;
  overflow: hidden;
}

.mxform .mxerror,
.mxform ul.errorlist li{
  background:#FCFFDE none repeat scroll 0%;
  color:#333333;
  font-size:95%;
  margin:4px 0px 0px;
  padding:5px 5px 5px 22px;
  width:383px;
  background: #FCFFDE url(images/exclamation.png) no-repeat 2px 3px;
}

.mxform .mxerror a,
.mxform ul.errorlist li a{
  color:#547699;
}

.mxglobal-error{
  background:#FCFFDE none repeat scroll 0%;
  padding: 1px 10px;
}

/*
.mxform-error  {
  padding:5px 5px 5px 22px;
  background: transparent url(images/exclamation.png) no-repeat 2px;
}*/

/****************
BUTTONS
**************** */

.mxbutton {
  color:#fff;
  padding: 3px 4px;
  background: #97d124;
  border: 1px solid #3bb826;
  /* too bad for ie*/
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	font-family: Arial;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
}

.mxbutton-big{
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  background: #97d124;
  color:#fff;
  border: 1px solid #3bb826;
  padding: 2px 4px 2px;
  height: 34px;
	font-family: Arial;
  /* too bad for ie*/
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.mxbutton:hover, .mxbutton-big:hover{
  background: #4fb628;
  text-decoration: none;
  color:#fff;
  cursor:pointer;
}

.mxaltbutton {
  border-color:transparent;
  background:transparent;
  color:#049AA9;
  font-weight: normal;
  padding: 0 0;
}


.mxaltbutton:hover {
  border-color:transparent;
  background:transparent;
  color:#049AA9;
  text-decoration: underline;
}

.mxbuttons{
  overflow:auto;
}

.mxbuttons button,
.mxbuttons a{
  float:right;
}

.mxmainbutton{
  padding:0;
  border:none;
  background:none;
  cursor:pointer;
  height:30px;
}
.mxmainbutton div{
  background: url(images/buttons.png) no-repeat 0px -49px;
  height:18px;
  display:block;
  padding:8px 7px 2px 12px;
  float:right;
}
.mxmainbutton .mxbuttonright{
  background-position:right -49px;
  width:5px;
  height:18px;
  padding:8px 0 2px 0;
  position:relative;
}
.mxmainbutton:hover div{
  background-position:0px -79px;
}
.mxmainbutton:hover .mxbuttonright{
  background-position:right -79px
}

/****************
DL/DD based form
**************** */

.mxform dl{
  margin:0px;
  padding:14px;
  left:0;
  right:0;
}

.mxform dt{
  margin-top:5px;
  padding: 2px 0;

}

.mxform dt label{
  width:100%;
}

.mxform dd{
 margin:2px 0 2px 0;
}

.mxform input{
  border-color: #ccc;
  border-style: solid;
  border-width:1px;
  padding:3px;
  vertical-align: baseline;
}

.mxform select{
  border-color: #ccc;
  border-style: solid;
  border-width:1px;
  line-height:1em !important;
  margin-bottom:5px;
  vertical-align:middle;
  padding:3px;
}

#id_adjust_camera_time_zone,
#id_tos,
.mxform dd input.mxform-checkbox {
  width: auto;
}

.mxform dt.mxmessage{
 margin:4px 0px 14px;
}

.mxform dd.mxhelp{
 color:#bbb;
 font-size:95%;
 margin:2px 0px 10px;
}

.mxhelphint{
 cursor: pointer;
 width:16px;
 height:16px;
 padding:2px 8px;
 margin-left: 3px;
 background:transparent url(images/hinthelp.png) no-repeat 0pt 0px;
}

#openid input#id_openid_url {
  background:#FFFFFF url(images/bg_input_openid.png) repeat-x scroll -2px -2px;
  padding-left: 25px;
}

.mxopenid {
  background: transparent url(images/openid_logo_small.png) no-repeat 0 0;
  padding: 0 0 0 16px;
}
#mxmessages, #mxfbwarn {
  position:fixed;
  top:0;
  right:0;
  margin: 4px;
	width:100%;
	width:305px;
  z-index:102;
}

#mxfbwarn{
  width:500px;
	background-color:#fef290;
	color:#554e12;
	z-index:2;
}

#mxeventmain #mxmessages {
	margin:0;
}

#mxmessages .message,
#mxmessages-inpage .message {
  margin:0 0 2px 0;
	padding:6px 8px;
	overflow:auto;
	background-color:#111;
	color:#fff;
  -moz-opacity:.80 filter:alpha(opacity=80); opacity:.80;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

#mxmessages div.mxclose,
#mxmessages-inpage div.mxclose{
 background: transparent url(images/cross.png) no-repeat right center;
 height:16px;
 float:right;
 width:0;
}

#mxmessages .mxmsg-content{
  padding-top:2px;
  width:254px;
}

#mxmessages a,
#mxmessages-inpage a {
	color:#222;
}

#mxconfirm-win{
  left:0;
  right:0;
  margin: 0 auto;
  position:absolute;
  width:270px;
  z-index:101;
}

#mxconfirm-win h1{
  margin:2px 0;
  font-size:19px;
}
#mxconfirm-win .content{
  width:240px;
  margin-bottom:10px;
}

#mxerror{
  position:absolute;
  width: 300px;
  left:0;
  right:0;
  margin: 0 auto;
}

.fbmixin-loading{
  position: fixed;
  top: 100px;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  background: #D8DFEA;
  color: #3B5998;
  font-weight: bold;
  font-size: 11px;
  z-index:10000;
  right:0; left:0;
  margin: 0 auto;
  top:150px;
  width:300px;
  padding:8px;
}

.fbmixin-loading div{
  background:  transparent url(images/fb_indicator_blue_small.gif) no-repeat right center;
  width: 288px;
}

.mxmotive{
  background:#fefeda;
  border:1px solid ffe29c;
  color:#803b04;
  padding:8px;
  margin:8px 0px 4px;
}

.mxplink:hover,
#mxmessages a.mxplink:hover{
  text-decoration:underline;
  cursor:pointer;
}/* login reg form */
.mxmain-auth .left-col{
  width: 320px;
  float: left;
}

.mxmain-auth .right-col{
  width: 263px;
  padding: 15px;
  background:#eee;
  float: left;
  margin-left: 25px;
}

.mxmain-auth dd {
  overflow: hidden;
}

.mxmain-auth dd input{
  width: 312px;
}

.mxmain-auth .mxform dt{
  overflow: hidden;
}

.mxmain-auth .mxform dl{
  padding: 0;
}

.mxfield-title{
  display: block;
}

.mxform-hz-fields{
  overflow: hidden;
  width: 100%;
}

.mxform-hz-fields li{
  float: left;
  width: 150px;
}

.mxform .mxerror,
.mxform ul.errorlist li {
  width: auto;
}

.mxmain-auth .mxreg-field-birth_date .errorlist li{
  width: 162px;
}

.mxmain-auth .mxreg-field-gender .errorlist li{
  width: 98px;
}

.mxmain-auth .mxform-hz-fields label{
  padding-bottom: 2px;
  float: left;
}

.mxmain-auth .mxreg-field-gender{
  width: 130px;
}

.mxmain-auth .mxreg-field-birth_date{
  width: 190px;
}

.mxmain-auth .mxform-hz-fields input{
  width: 160px;
}

.mxmain-auth .mxreg-field-first_name,
.mxmain-auth .mxreg-field-last_name{
  width: 147px;
}

.mxmain-auth .mxreg-field-first_name input,
.mxmain-auth .mxreg-field-last_name input{
  width: 145px;
}

.mxmain-auth .mxreg-field-last_name{
  margin-left: 20px;
}

.mxmain-auth #id_birth_date_1{
  width: 78px;
}

.mxmain-auth .recently-active{
  margin-left: -3px;
}

.mxmain-auth .recently-active img{
  margin-left: 5px;
}

/* old auth interface */
#mxauth{
  position:absolute;
	z-index: 10000;
	top: 0px;
	width: 315px;
	padding:25px;
	left:0;
	right:0;
	margin: 0 auto;
  background-color:#FFFFFF;
  border:7px solid #EEEEEE;
}

#mxauth h1{
  margin-top:0px;
}

#mxauth div.mxclose{
  margin:0;
}

#mxauth form {
	margin:0px 0px 15px 0px;
}

#mxauth label {
  display:block;
  width:100%;
  padding:3px 0 3px 0;
}

#mxauth input{
  width: 305px;
  padding: 3px;
  border:2px solid #ccc;
  margin-bottom: 5px;
  overflow: auto;
}

#mxauth div.mxerror{
  background: #FCFFDE;
  padding: 5px;
  margin-bottom: 5px;
  color:#333;
}

#mxauth div.mxmsg{
	padding:6px 0px 6px 0px;
}

#mxauth  .mxmsg ul{
  margin: 0;
}

#mxauth  .mxmsg li{
  padding: 2px  0;
}

#mxauth .loader{
 visibility: hidden;
 margin-top: -20px;
}

#id_openid_url{
  width: 289px;
}

#openid{
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #CCCCCC;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;  
  -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; 
	background-color:#000;
	height:100%;
	width:100%;
}

.c1-d,
.c1-l{
  background-color: #F5FAF4;
}

.c2.with-border{
  background-color: #fff;
  border:#eee 7px solid;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

.c1-bdt,
.c2-bdt{
  border-top:1px dotted #CECECE;
}

.c1-bdb,
.c2-bdb{
  border-bottom:1px dotted #CECECE;
}

.c1-bd{
  border:1px dotted #CECECE;
}