/* Jan: User Events Styles */


/* 
 * Create Formular (user.ctp)
 *
 */
#create-formular {
	/*margin-top		: -20px;*/
}

#create-formular h1, h2, h3, h4, h5, h6 {
	font-family		: "MisoBold", Arial, sans-serif;
}

#create-formular .right-block-image {
    width           : 197px;
	
    float           : right;
    
    padding         : 0px;
	margin          : 0px;

    background-color: #E6E6E6;
}

#create-formular h1 {
	font-size  		: 28px;
	font-weight  	: bold;
}

#create-formular .left-block .header h1{
	font-size  		: 18px;
	margin-bottom	: 10px;
}

#create-formular .event-formular {
	margin-top		: 20px;
	
	/*
	border			: 1px dashed #000;
	*/
}

#create-formular .event-formular fieldset{
	margin			: 0;
	border			: 0;
	padding			: 0;
	font-family    	: "Trebuchet MS", sans-serif;
}

#create-formular .event-formular fieldset label{
	float			: left;
	
	margin-bottom	: 10px;
	padding-top		: 1px;
	
	width			: 90px;
	height			: 18px;
	
	/*
	border			: 1px dashed #000;
	*/
}

#create-formular .event-formular fieldset input{
	float			: left;
	
	margin-bottom	: 6px;
	
	border			: 1px solid #CCCCCC;
}

#create-formular .event-formular fieldset textarea{
	float			: left;
	
	margin-bottom	: 6px;

	resize			: none;

	border			: 1px solid #CCCCCC;
}

#create-formular .event-formular fieldset input#event_name{
	width			: 280px;
}

#create-formular .event-formular fieldset label#event_location_label{
	margin-left		: 20px;
	width			: 90px;
}

/* Jan: removed as location gots the google marker for now
#create-formular .event-formular fieldset input#event_location{
	width			: 176px;
}
*/

#create-formular .event-formular fieldset #event_location_frame {
	float			: left;
	width			: 176px;
	height			: 18px;
	border			: 1px solid #CCCCCC;
}

#create-formular .event-formular fieldset input#event_location {
	float			: left;
	/*width			: 176px;*/
	width			: 160px;
	height			: 16px;
	border			: 0;
}

#create-formular .event-formular fieldset #event_location_image{
	float			: right;
	margin-top		: 1px;
	margin-right	: 1px;
	width			: 12px;
	height			: 16px;
	cursor			: pointer;
}

#create-formular .event-formular fieldset input#event_start{
	width			: 110px;
}

#create-formular .event-formular fieldset label#event_end_date_label{
	margin-left		: 18px;
	width			: 40px;
}

#create-formular .event-formular fieldset input#event_end_date{
	width			: 110px;
}

#create-formular .event-formular fieldset label#event_meeting_place_label{
	margin-left		: 20px;
	width			: 90px;
}

/*
#create-formular .event-formular fieldset #event_meeting_place_frame {
	float			: left;
	width			: 176px;
	height			: 18px;
	border			: 1px solid #CCCCCC;
}
*/

#create-formular .event-formular fieldset input#event_meeting_place {
	float			: left;
	width			: 176px;
	/*width			: 160px;*/
	height			: 16px;
	/*border			: 0;*/
}

/*
#create-formular .event-formular fieldset #event_meeting_place_image{
	float			: right;
	margin-top		: 1px;
	margin-right	: 1px;
	width			: 12px;
	height			: 16px;
	cursor			: pointer;
}
*/

#create-formular .event-formular fieldset textarea#event_description {
	width			: 568px; 
	height			: 100px;
	
	font-family    	: "Trebuchet MS", sans-serif;
	font-size       : 12px;
}

#create-formular .event-formular fieldset label#event_description_char_count_label{
	float			: right;
	margin-top		: -6px;
	margin-right	: 2px;
	
	text-align		: right;
}

#create-formular .event-formular fieldset input#event_game {
	width			: 180px;
}

#create-formular .event-formular fieldset #terms_of_use_checkbox{
	margin-top		: 14px;
	margin-left		: -4px;
}

#create-formular .event-formular fieldset label#event_terms_of_use_label{
	width			: 400px;
}



#create-formular .event-formular fieldset input#preview{
	float				: right;
	
	margin-top			: 20px;
	
	/* fake a normal <a> link ... */
	cursor				: pointer;
	border				: 0;
	background-color	: #FFFFFF;
	
	color				: #3794BC;
	text-decoration		: none;
	font-style  		: italic;
	
	/*font-family    		: "Trebuchet MS", sans-serif;*/
    font-size       	: 12px;
}


/* Image in Text Box */
/* Für edit boxen... */
.tb11 {
	background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:230px;
	height:18px;
}



/* 
 * Pre-view Formular (user_view.ctp)
 *
*/
#view-formular {
	/*margin-top		: -20px;*/
}

#view-formular h1, h2, h3, h4, h5, h6 {
	font-family		: "MisoBold", Arial, sans-serif;
}

#view-formular .event-info-left-block {
	float			: left;
	
	width			: 440px;

	/*
	border:			1px dashed #000;
	*/
}

#view-formular .event-info-left-block .header {
}

#view-formular .event-info-left-block .header .event-title {
}

#view-formular .event-info-left-block .header h1 {
	font-size  		: 28px;
}

#view-formular .event-info-left-block .header .title {
	float			: left;
	font-weight  	: bold;
}

#view-formular .event-info-left-block .header .devider {
	float			: left;
	font-size  		: 30px;
	margin-left		: 8px;
	margin-right	: 8px;
}

#view-formular .event-info-left-block .header .termine {
	float			: left;
	font-weight  	: normal;
}

#view-formular .event-info-left-block .location {
	/*
	border:			1px dashed #000;
	*/
	float			: left;
	margin-top		: -16px;
}

#view-formular .event-info-left-block .creator {
	/*
	border:			1px dashed #000;
	*/
	float			: right;
	margin-top		: -16px;
}

#view-formular .event-info-left-block .meeting-place {
	/*
	border:			1px dashed #000;
	*/
	float			: left;
	margin-top		: 2px;
}

#view-formular .event-info-left-block .description {
	margin-top		: 34px;
	
	overflow		: hidden;
	
	font-style  	: italic;
    line-height 	: 20px;   
}

#view-formular .event-info-left-block  .options {
	/*
	border:			1px dashed #000;
	*/

	float			: right;
	width			: 400px;
	padding-top		: 4px;
	font-size       : 11px;
}

#view-formular .event-info-left-block .options ul {
	float			: right;
}

#view-formular .event-info-left-block .options ul li{
	display			: inline;
	list-style-type	: none;
	font-style  	: italic;
	margin-right	: 4px;
}

#view-formular .event-info-left-block .options ul li a{
	text-decoration	: none;
}

#view-formular .event-info-left-block .meeting-place .name{
	float			: left;
}

#view-formular .event-info-left-block .meeting-place #google-maps-image{
	float			: left;
	margin-top		: 0px;
	margin-left		: 4px;
	width			: 12px;
	height			: 16px;
	cursor			: pointer;
}

#view-formular .event-info-right-block {
	float			: right;
	
	width			: 200px;
	
	/*
	border:			1px dashed #000;
	*/
}

#view-formular .event-info-right-block  .rating {
	margin-bottom	: 26px;
	float			: right;
}

#view-formular #event-ranking-stars label {
	display			: none;
}

#view-formular .event-info-right-block .rating .placeholder {
	float			: right;
	height			: 16px;
	width			: 20px;
}

#view-formular .event-info-right-block img {
	width       : 196px;
    height      : 195px;

    float       : right;

    border      : 0px;
    margin      : 0px 0px 0px 40px;
}



#view-formular .event-comments-block .header h1{
	font-size  		: 18px;
	margin-bottom	: 20px;
}

#view-formular .comments {
	float			: left;
}

#view-formular .comments .name{
	float			: left;
	
	width			: 200px;
	margin-bottom	: 14px;
	
	font-weight		: bold; 
}

#view-formular .comments .date{
	float			: right;
	
	width			: 120px;
	
	text-align		: right;
}

#view-formular .comments .text{
	float			: left;
	
	width			: 530px;
	
	overflow		: hidden;
}

#view-formular .comments .paginator {
	float			: right;
	margin-bottom	: 30px;
}

#view-formular .new-comment {
	float			: left;
}

#view-formular .new-comment fieldset {
	margin			: 0;
	border			: 0;
	padding			: 0;
	
	font-family    	: "Trebuchet MS", sans-serif;
}

#view-formular .new-comment fieldset textarea#event_comment {
	width			: 660px;
	height			: 120px;
	
	margin-bottom	: 6px;

	resize			: none;
}

#view-formular .new-comment fieldset input#post_event_comment{
	float				: right;
	
	margin-right		: -10px;
	
	/* fake a normal <a> link ... */
	cursor				: pointer;
	border				: 0;
	background-color	: #FFFFFF;
	
	color				: #3794BC;
	text-decoration		: none;
	font-style  		: italic;
	
    font-size       	: 12px;
}

#view-formular .right-block-game {
	margin-top			: 0px !important;
}

#view-formular .right-block .participants {
	/*
	border:			1px dashed #000;
	*/
	
	/*
	width           : 180px;
	
    float           : right;
    
    padding-left    : 16px;
	
	margin          : 20px 0px 0px 0px;

    background-color: #E6E6E6;
	*/
}

#view-formular .right-block .participants .header h1{
	font-size  		: 18px;
	margin-bottom	: 10px;
}


#view-formular .right-block .participants .list {
	font-family    	: "Trebuchet MS", sans-serif;
}


/*
#view-formular .right-block .participants .list ul{
}

#view-formular .right-block .participants .list ul li {
	margin-left		: -40px;
	padding-bottom	: 4px;
	list-style-type	: none;
}
*/



#location-map {
	width		: 400px;
	height		: 390px;
	
	/*
	margin-left: auto;
	margin-right: auto;
	*/
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.modal-map {
    /*display: none;*/
    
    position: absolute;
	/*
	top: 30%;
    left: 50%;
	*/
	
	left: -50000px;
	top: -50000px;
	
	
    margin-left: -300px;
	
    width:	400px;
   
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.modal-map{position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .googleMapsModal {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}