/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    
}

.validation-summary-errors li, .validation-single-error {
    color: #FFFFFF;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: #D80D20;    
    border-radius: 0.4em;
    -moz-border-radius:0.4em;     /* D61F26 BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */	 
    font-weight: bold;
    margin: 0;
}

.validation-single-error a{
    color: #000000;
    text-decoration: underline;
}


/* 
* error-panel is mainly used in inline cases, like profile-edit etc.
*/
.validation-error-panel
{
    color: #FFFFFF;
	padding: 0.6em 0.6em 0.6em 0.6em;
	margin: 0.2em 0 0 0;
	background-color: #D80D20;    
    border-radius: 0.4em;
    -moz-border-radius:0.4em;     /* D61F26 BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */	 
    font-weight: bold;
    display: inline-block;
}
.validation-error-panel li
{
    margin:0.2em 0 0.2em 1.3em;
    padding:0;
    font-weight: normal;
    list-style-type: disc;
}

.validation-summary-OK li, .validation-single-OK {
    color: #FFFFFF;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: #4dc901;    
    border-radius: 0.4em;
    -moz-border-radius:0.4em;     /* D61F26 BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */	 
    font-weight: bold;
    margin: 0;
}

.validation-info-container
{
	padding: 0.6em 0.6em 0.6em 0.6em;	  
	border-top: 1px solid #FFFFFF;	
    border-bottom: 1px solid #FFFFFF;	

}

.validation-info 
{
    background-color:#FBFDCD; /* FAFFCC */
	padding: 0.7em 0.7em 0.7em 0.7em;	  
	margin: 0px 0px 0px 0;
}

.validation-summary-valid {
    display: none;
}

.field-single-error 
{
    position: absolute;
    right: 65%;
    width: 100%;

    color: #FFFFFF;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: #D80D20;    
    border-radius: 0.4em;
    -moz-border-radius:0.4em;     /* D61F26 BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */	 
    font-weight: bold;
    margin: 0;
    text-align: left;
    font-size: 1.0em;
    
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  	
    -o-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    
}

.Misc-Table td
{
    padding: 1px 20px 2px 0px;
    border: none;
}
.Misc-Table tr
{
    border: none;
}



/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** 
*
*
* LL specific CSS
*
* - definition of STANDARD tags and their config / setting up everything we need...
*
* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** */

body{
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-size: 12px;
    color: #505a69; /* base text color*/
	background-color: #ffffff; 
	/*line-height: 1.5em;*/
}

select, input[type=text], input[type=password], textarea {
	border: solid 1px #DaD7D4;  /* good: E6E5E3- original:eae7e4  - dark1:aaa7a4*/
    border-radius: 0.4em;         
    -moz-border-radius:0.4em;     /* BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */
    padding: 0.5em 0.5em 0.4em 0.5em;
    color: #505a69; /**/
}

select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: solid 1px #c71c75;  /* good: E6E5E3- original:eae7e4  - dark1:aaa7a4*/
    /*box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    -o-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 18px;  	*/
}


    

a, a:visited
{
    text-decoration: none;
    color: #0ec9d5;
}

a:hover {
    color: #c71c75;
}



address
{
    font-style: normal;
}

fieldset {
    padding: 0;
	margin: 0;
	border: 0;
}


/* PH1 -> PopupHeadline-H1 -> is used somewhere we coudln't use a regular h1 because of SEO reasons, on public pages for example */
h1.big, h1.lead, .PH1
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.5em;
    font-weight: normal;
    padding: 0.5em 0 0.5em 0;
}
h1.HxUnderlined
{
    padding-bottom: 0.40em;
    border-bottom: 2px dotted #C0CaC1;
}

.PH2
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.0em;
    font-weight: normal;
    padding: 0.5em 0 0.5em 0;
}



h1
{
    font-family: Georgia, "Times New Roman";
    font-size: 1.66em;
    font-weight: normal;
}

h2
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
    font-size: 1.5em;
    padding: 1.0em 0 0.50em 0;
    font-weight: normal;
}
h2.preHeadline
{
    font-size: 1.0em;
}
h3
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
    font-size: 1.42em;
    padding: 1.0em 0 0.33em 0;
    font-weight: normal;
}
h4
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
    font-size: 1.33em;
    padding: 1.0em 0 0.50em 0;
    font-weight: normal;
}


h1.arial, h2.arial, h3.arial, h4.arial
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
}
h1.serif, h2.serif, h3.serif, h4.serif, .serif
{
    font-family: Georgia, "Times New Roman";
}


.HeadlineAction
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
    font-size: 0.66em;
    color: #000000;
}



ul 
{
    list-style: disc;
}
ul li {
	padding: 0.0em 0em 0.25em 0.0em;
	margin: 0.5em 0em 0em 1.5em;
}



td, th
{
    text-align: left;
    vertical-align: top;
}
tr
{
    border-bottom: 1px solid #DCDCDC;

}


/* attention: footer will be broken !
ul 
{
    list-style-type:disc;
}
li
{
        margin: 0 0 0 2.0em;
        padding: 0 0 0.33em 0;
}*/


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** 
*
*
* LL specific CSS
*
* - HTML5 classes for specific sections
*
* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** */


header .topLine
{
    height: 10px;
    background-color: #0ec9d5;
    border: none;
}

header .content
{
    height: 75px;
    background-color: #FFFFFF;
    width: 1000px;
	margin: 0px auto 0px auto;	
}

header .bottomLine, .bottomLine
{
    height: 7px;
    background-color: #eae7e4;
}
.bottomLine-thick
{
    height: 8px;
    background-color: #eae7e4;
}

header .tablediv
{
    float: left;
}
  
  
  
header .tablediv input[type=text], header .tablediv input[type=password] {
	width: 8.0em;
    padding: 0.3em 0.3em 0.3em 0.3em;
}
header .tablediv 
{
    margin: 0.5em 10px 0 0;
}
    
 
header #Logo
{
	padding-top: 20px;
	float: left;
}

header #HeaderPanel
{
    margin-bottom: 0.5em;
    float:right;
}



nav .content
{
    background-color: #FFFFFF;
    width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0.1em 0em 0.1em 0.1em;
}

noscript
{
    top: 15%;
    position: fixed;
    width: 100%;
	box-shadow: 0 0 7px #909090;			
	-moz-box-shadow: 0 0 7px #909090;		
	-khtml-box-shadow: 0 0 7px #909090;     
    -o-box-shadow: 0 0 7px #909090;  	
	-webkit-box-shadow: 0 0 7px #909090;    
}
noscript div
{
    background-color: #D80D20;  
    color: #FFF;
    padding: 0.5em;  
}
noscript div a, noscript div a:visited
{
    color: #000;
    text-decoration: underline;
}



footer {
    background-color: #f6f5f3;
}
footer .content{
    width: 1000px;
	margin: 0px auto 0px auto;	
	color: #505a69;
}
footer .linkbox{
    float: left;
    width: 25%;
    margin-bottom: 4.83em;
}
footer h4{
    color: #505a69;
    font-size: 1.33em;
    padding: 1.75em 0 0.8em 0;
    font-weight: normal;
}
footer ul 
{
    list-style: none;
}
footer ul li {
	list-style-type: none;
	padding: 0em 0em 0.6em 0em;
	margin: 0em;
}
footer a {
    text-decoration: none;
    color: #0ec9d5;
}




/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** 
*
*
* LL specific CSS
*
* - generic CSS classes for general purpose use
*
* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** */






div#Container { }
.mainContent {
	width: 1000px;
	margin: 0px auto 0px auto;	
	/*padding: 0px 0px 0px 0px;*/
	text-align:left; 
}

.layStd-2-22
{
    float:left;
    width: 22%;
}
.layStd-2-78
{
    float:left;
    width: 78%;
}

.layStd-2-33
{
    float:left;
    width: 33%;
}
.layStd-2-67-profileHead
{
    float:left;
    width: 61%;
    padding-left: 6%;
}
/* layout for public seo profiles -> PP -> "PublicProfile" */
.layStd-pp-left{    float:left;    width: 64%; padding-right:4%;}
.layStd-pp-right{    float:left;    width: 32%;}

/* layout for public CITY PAGES profiles -> PC -> "PublicCitys" */
.layStd-pc-left{    float:left;    width: 64%; padding-right:4%;}
.layStd-pc-right{    float:left;    width: 32%;}




.btn-FB-login
{
    font-weight: bold;
}

.breadcrumbs-std
{
    margin: 0 0 3.0em 0;
}
/* ble -> BreadcrumsListEntry -> special class used when an element should be rendered as regularbreadcrum, if its not a link */
.breadcrumbs-std a, .breadcrumbs-std .ble  
{
    padding: 0.5em 0.5em 0.5em 0.5em;
    
}
.breadcrumbs-std a.first
{
    padding: 0.5em 0.5em 0.5em 0.0em;
    
}


.bubbleList
{
    margin: 10px 0px 10px 0px;
}
.bubbleItem24 {
	border: none;
    padding: 3px 8px 3px 8px;
    margin: 0px 5px 0px 0px;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    vertical-align: middle;
    border-radius: 25px;
    -moz-border-radius:25px;     /* BROWSER: FireFox */
    -khtml-border-radius:25px;   /* BROWSER: Konqueror */
    -webkit-border-radius:25px;  /* BROWSER: webkit */

    
	 box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
    -o-box-shadow: 0 0 3px #E0E0E0;    
    -khtml-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;   
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  	
        
}
.bubbleItem-std {
	background-color: #0ec9d5;
	color: #FFFFFF;
}
.bubbleItem-lightgray {
	background-color: #D7D7D7;
	color: #666666;
}



.centralPad, .centerPanel {
    width: 60%;
	margin: 0px auto 0px auto;	
	padding: 5% 0 10% 0;
}

.centralPad.NOP {
	padding: 0% 0 10% 0;
}

.centralPad select
{
    margin-right: 0.5em;
    
}
.center
{
    text-align: center;
}


.CheckOutStepBar
{
    padding: 0 0 1.25em 0;
    margin: 1.75em 0 2.25em 0; 
    border-bottom: 2px dotted #E0EaE1;
}

.CheckOutStepFooter
{
    padding: 0 0 2em 0;
    margin: 0.5em 0 2em 0; 
    border-bottom: 2px dotted #E0EaE1;
}

.CheckOutStepBar h2
{
    display: inline;
    font-size: 1.66em;
    margin: 0;
    padding: 0;
}

.CheckOutStepBar .CheckOutStep
{
    padding: 0.7em 1.33em 0.7em 0em;
    margin: 0 5em 0 0;
    text-align: center;
    vertical-align: middle;
    
    
}

.CheckOutStepBar .centralPad {
	padding: 0% 0 10% 0;
}

.CheckOutStepBar .activeStep
{
    /*border: 1px dotted #E0EaE1;*/
    /*background-color: #f6f5f3;*/
    color: #0ec9d5;
    border-radius: 3px;
    -moz-border-radius:3px;     /* BROWSER: FireFox */
    -khtml-border-radius:3px;   /* BROWSER: Konqueror */
    -webkit-border-radius:3px;  /* BROWSER: webkit */  
}




.contentBox
{
    padding: 0% 5% 5% 0;
    margin: 0 0 5% 0;
    line-height: 1.5em;
    float: left;
}
.contentBox div
{
    float: left;
}

.contentBox ul
{
    clear:both;
    margin: 0;
    display: block;
}

.contentBox ul li
{
    text-align: center;
    margin: 0;
    padding: 0;
}

.contentBox div.textColumn
{
    width: 80%; /* we just put 80% here, so its enough width for the text per icon to be displayed */
}

.contentBox h2
{
    font-family: Georgia, "Times New Roman";
    padding: 0.125em 0em 0.66em 0em;
}

.ColumnLeft
{
    width: 50%;
    float:left;
    }
.ColumnRight
{
    width: 50%;
    float:left;
}

 
 
.ContactRequestTuneProfile
{
    text-align:left; 
    width: 50%; 
    margin: 0px auto 0px auto;
    font-size: 1.16em;
} 

.ContactRequestTuneProfile .headline
{
    border-bottom: 2px dotted #E0EaE1;
    padding: 0 0 0.3em 0;
    margin: 0 0 0.5em 0;
    display: inline-block;
    font-weight: bold;
    
} 
 
 
 
/*
control bar, standard - used for the arrangement of controls e.g. on pages like /search
*/
.ControlBar-Std
{
    background-color: #FAFAFA;
    border-bottom: 2px dotted #E0EaE1; /*E5E5E5, C0CaC1 */
}
.ControlBar-Content
{
    padding: 0.2em 0 0.8em 0;
    font-size: 1.16em;
}

.ControlBar-Content label.forCheckbox
{
    margin: 0.0em 1.0em 0.0em 0;
    padding: 0 0 0.0em 0.5em;
}

.ControlBar-Content label.dropdown { }
.ControlBar-Std .controlOption                  { display: inline-block;  margin: 0 0.0em 0 1.0em; }
.ControlBar-Std .controlOption .Location     { width: 9em; margin: 0 0.5em 0 0;}
.ControlBar-Std .controlOption .Radius       { width: 6em; margin: 0 0 0 0;}

.ControlBar-Std .controlOption .PopupSelector
{
    position: absolute;
    margin: 0.5em 0 0 -11em;
    border: 1px solid #EAEAEA;
    width: 36em;
    visibility: hidden;
    background-color: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius:3px;     /* BROWSER: FireFox */
    -khtml-border-radius:3px;   /* BROWSER: Konqueror */
    -webkit-border-radius:3px;  /* BROWSER: webkit */    
	box-shadow: 0 0 8px #DDDDDD;			
	-moz-box-shadow: 0 0 8px #DDDDDD;		
    -o-box-shadow: 0 0 8px #DDDDDD;
	-khtml-box-shadow: 0 0 8px #DDDDDD;     
	-webkit-box-shadow: 0 0 8px #DDDDDD;         
}

.ControlBar-Std .controlOption .PopupSelector .CitySelectorRow        { padding: 0.5em 0.5em 0.5em 0.5em; }
.ControlBar-Std .controlOption .PopupSelector .CitySelectorName       { font-size: 0.9em; font-weight: bold;}
.ControlBar-Std .controlOption .PopupSelector .CitySelectorState      { font-size: 0.9em; }
.ControlBar-Std .controlOption .PopupSelector .CitySelectorAction     { float: left; width: 15%; text-align: right; font-size:0.9em; }




.div-line-std   {    border-bottom: 2px dotted #E0EaE1;    margin: 0;    padding: 0;}
.div-line-thin  {    border-bottom: 1px dotted #E0EaE1;    margin: 0;    padding: 0;}

 
 
 
 
/*
fileinput, used for fileuploads
*/ 
.fileinput {
	border: solid 1px #DaD7D4;  /* good: E6E5E3- original:eae7e4  - dark1:aaa7a4*/
    border-radius: 0.4em;         
    -moz-border-radius:0.4em;     /* BROWSER: FireFox */
    -khtml-border-radius:0.4em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.4em;  /* BROWSER: webkit */
    padding: 0.5em 0.5em 0.4em 0.5em;
    color: #505a69; /**/
    width: 30em;
}
 
 
 
 /*
*
* Fotobox Popup on page "/user/USERNAME"
*
*/

.FotoboxContent{
    /*width: 300px;*/
    clear: both; 
    text-align: center;
    /*float:left;*/
    /*margin-bottom: 10px;*/
}

.FotoboxBrowseLeft {
    width: 65px; 
    float:left; 
    text-align: left; 
    /*padding: 0 0 0 50%;*/
}
.FotoboxBrowseRight {
    width: 65px; 
    float:left; 
    text-align: right; 
    /*padding: 0 50% 0 0;*/
}
.FotoboxBottom{
    clear: both; 
	border-top: 2px dotted #E0EaE1;
	margin: 1em 0 0 0; 
    padding: 1em 0 0 0; 
    text-align: center;
}


 
 
.foto-44-border, .foto-88-border {
    padding: 2px; 
    border: solid 1px #EAEAEA;
    background: #FFFFFF url("/images/ico_Foto24bw.png") no-repeat 6px 8px;
    border-radius: 2px;
    -moz-border-radius:2px;     /* BROWSER: FireFox */
    -khtml-border-radius:2px;   /* BROWSER: Konqueror */
    -webkit-border-radius:2px;  /* BROWSER: webkit */    
	box-shadow: 0 0 5px #EFEFEF;			
	-moz-box-shadow: 0 0 5px #EFEFEF;		
    -o-box-shadow: 0 0 5px #EFEFEF;
	-khtml-box-shadow: 0 0 5px #EFEFEF;     
	-webkit-box-shadow: 0 0 5px #EFEFEF;         
}
.foto-44 { height: 44px;width: 44px; }
.foto-80 { height: 80px;width: 80px; }
.foto-156 { height: 156px; width: 156px; }
.foto-226 { height: 226px; width: 226px; }
.foto-283 { height: 283px; width: 283px; }
 
.foto-44-border.list-10
{
    margin: 0 10px 10px 0;
}



.fotoUploadListEntry
{
    float: left;
    width: 245px;
    margin: 0 1.8em 0 0;
    padding: 0;
    line-height: 1.5em;     
}

.fotoUploadListEntry.last
{
    float: left;
    margin: 0px;
}

.fotoUploadListEntry img
{
    margin: 0;
    padding: 0;
    width: 226px;
    height: 226px;
    
	box-shadow: 0 0 5px #DFDFDF;			
	-moz-box-shadow: 0 0 5px #DFDFDF;		
    -o-box-shadow: 0 0 5px #DFDFDF;
	-khtml-box-shadow: 0 0 5px #DFDFDF;     
	-webkit-box-shadow: 0 0 5px #DFDFDF;      

    border: solid 0px #FFFFFF;
    border-radius: 3px;
    -moz-border-radius:3px;     /* BROWSER: FireFox */
    -khtml-border-radius:3px;   /* BROWSER: Konqueror */
    -webkit-border-radius:3px;  /* BROWSER: webkit */   	
}







.Gift-10 {
	float: left;
	margin: 0 2.0em 1.0em 0;
	width: 128px;
	padding: 0.5em 1.0em 0.5em 1.0em;
    text-align: center;
    cursor:pointer; 	
    border: dotted 1px #E0EaE1;
}
.Gift-10-64
{
    width: 64px;
    margin: 0 2.0em 0.0em 0;
    padding: 0;
}
    
.Gift-10.last {	margin-right: 0;}

.Gift-10 img {
	width: 128px;
	height: 128px;
}

.Gift-10:hover {	border-color: #c71c75;	color: #c71c75;}
.Gift-10.selected {	border-color: #c71c75;	color: #c71c75;}
.Gift-10 input[type="radio"] { display: none; }
.Gift-10 .numCoins      {   display: block;   padding: 0.3em 0 0.3em 0;}
.Gift-10 .description   {   display: block;  font-size:1.16em; }
.Gift-10 .season   {   display: block; color: #D80D20; text-align: left;  }



/* 
* Grid-std-20
* mostly used StandardGrid default CSS, for mailbox, contactlist etc.
*/
.Grid-std-20        {margin: 0;border: 0;padding: 0;border-collapse:collapse;width: 100%;}
.Grid-std-20 tr     {background-color:#FFFFFF;padding-bottom: 1.0em;padding: 0;vertical-align: middle;text-align: left;border-bottom: 1px dotted #E0EaE1;}
.Grid-std-20 tr.alternate, tr.alternate{
    /*background-color:#F8F8F8;
    margin: 0;
    border: 0;
    padding: 0;
    vertical-align: middle;
    text-align: left; */
}
.Grid-std-20 tr.last    {    border: none;    }
.Grid-std-20 tr:hover, .Grid-std-20 tr.alternate:hover
{
    /*background-color: #FFEFEF;*/
}

/* this is really tricky: the title-TR (~the TH) of a row MUST NOT BE HOVERED background, 
    so this trick is introduced: we are placing a name "title" in the TR which contains the TH -> so hovering 
    is stopped. trying via TH is NOT working because its only tableHEADERcell, so it won't work for the whole
    row -> but this way it works great for the whole row, if one places the name "titlerow" in the HTML! */
.Grid-std-20 tr.titleRow:hover  { background-color: #FFFFFF; }
.Grid-std-20 tr.titleRow        { border:none; }
.Grid-std-20 th                 { font-weight: bold;margin: 0;padding: 3px;vertical-align: middle;text-align: left;border: none;}
.Grid-std-20 td                 { padding: 1.5em 0em;border: none;vertical-align: middle;text-align: left;}

.Grid-std-20 td.giftTD        { padding: 4em 4em 4em 3em; text-align: center;}
.Grid-std-20 .giftSeason   {   display: block; color: #D80D20; margin-top:0.5em; }

.ico
{
    background-image:url("/images/icostd.png"); 
    background-repeat: no-repeat;
}

.icoPay
{
    background-image:url("/images/ico-checkoutprods.jpg"); 
    background-repeat: no-repeat;
}



.icoPay-small { background-position: 0px 0px; height:115px; width:150px; margin: 0; display:inline-block;}
.icoPay-small-hover { background-position: 10px -153px; height:115px; width:150px; margin: 0; display:inline-block;}

.icoPay-middle { background-position: -272px 0px; height:115px; width:120px; margin: 0; display:inline-block;}
.icoPay-middle-hover { background-position: -272px -162px; height:115px; width:120px; margin: 0; display:inline-block;}

.icoPay-big { background-position: -500px 0px; height:115px; width:200px; margin: 0; display:inline-block;}
.icoPay-big-hover { background-position: -500px -157px; height:115px; width:200px; margin: 0; display:inline-block;}


.boxEndShort /* displays just the optical ending bar at the end of each block, background is also in icoset1-png file! */
{
    background-position: -5px -120px;
    height:15px; 
    width:400px;
    margin: 2.0em 0em 0.0em 0em;
}

.boxEnd-160 { background-position: -5px -167px; height:15px; width:190px; margin: 0; }                                      /* displays just the optical ending bar at the end of each block, background is also in icoset1-png file! */
.boxEnd-760 { background-position: -7px -152px;    height:15px;     width:759px;    margin-top: -0.0em; padding: 0;}        /* displays just the optical ending bar at the end of each block, background is also in icoset1-png file! */
.boxEnd-760-shadow { background-position: 0px -223px;    height:13px;     width:730px;    margin-top: -0.0em; padding: 0.0em;} /* displays just the optical ending bar at the end of each block, background is also in icoset1-png file! */
.boxEnd-960 { background-position: -3px -136px;    height:16px;     width:970px;    margin-top: -0.0em; padding: 0;}        /* optical ending bar 960px background is also in icoset1-png file! */
.fblogin1 { background-position:-1px -1px; height:32px; width:190px; display:inline-block;}
.fblogin1-btntext {  font-weight: bold; color: #ffffff; padding: 0.7em 0em 0em 2.0em; }
.fblogin1-btntext a { color:#ffffff; }
 
 /* width: 75px */
.icoQuestionMark  { background-position:-2px -62px; width:45px; height:57px; margin: 0px 13px 0px 19px; }
.icoMatchTest  { background-position:-136px -62px; width:58px; height:50px; margin: 0px 17px 0px 1px; }
.icoOKgfx  { background-position:-60px -62px; width:58px; height:57px; margin: 0px 17px 0px 1px; }
.icoChecked { 	background-position: 0px -40px; width: 19px;     height: 17px; display: inline-block; margin-right: 0.5em;}
.icoLocation { background-position:-205px -62px; width:42px; height:54px; margin: 0px 15px 0px 19px; }
.icoLock { background-position:-252px -61px; width:38px; height:57px; margin: 0px 18px 0px 19px; }

.icoContactRequests  { background-position:-280px -4px; width:19px; height:18px; display:inline-block;}
.icoMailbox  { background-position:-396px -8px; width:20px; height:13px; display:inline-block;}
.icoMyGifts  { background-position:-528px -3px; width:19px; height:18px; display:inline-block;}
.icoProfile { background-position:-430px -8px; width:19px; height:13px; display:inline-block;}
.icoFavorites  { background-position:-579px -4px; width:19px; height:16px; display:inline-block;}
.icoTopMatches  { background-position:-553px -6px; width:19px; height:16px; display:inline-block;}


.icoQVmailbox  { background-position:-623px -3px; width:55px; height:55px; display:inline-block;}
.icoQVcoins  { background-position:-695px -2px; width:55px; height:55px; display:inline-block;}
.icoQVgifts  { background-position:-762px -4px; width:55px; height:55px; display:inline-block;}
.icoQVmatches  { background-position:-827px 0px; width:55px; height:55px; display:inline-block;}
.icoQVcontactrequests  { background-position:-623px -61px; width:55px; height:43px; display:inline-block;}


.icoGenderMsmall  { background-position:-820px -179px; width:18px; height:18px; display:inline-block;}
.icoGenderWsmall  { background-position:-820px -196px; width:15px; height:19px; display:inline-block; }


.icoGenderMBig  { background-position:-843px -177px; width:26px; height:31px; display:inline-block;}
.icoGenderWBig  { background-position:-843px -208px; width:25px; height:34px; display:inline-block;}



.icoButtonSearch { background-position: -298px -65px; width: 25px; height: 18px; margin:0 ;padding:0; display:inline-block; float:left;}            /* attention: FLOAT left, because its placed *in* a button and we want the icon most left! */
.icoButtonCoins { background-position: -298px -90px; width: 29px; height: 17px; margin:0 1.0em 0 0;padding:0; display:inline-block; float:left;}    /* attention: FLOAT left, because its placed *in* a button and we want the icon most left! */


.icoCountryDE
{
    background-image:url("/images/1031-countrythumb.jpg"); 
    background-repeat: no-repeat;
    width:60px; height:82px;
    margin: 0px 10px 0px 6px;
}

.icoCountryAT
{
    background-image:url("/images/3079-countrythumb.jpg"); 
    background-repeat: no-repeat;
    width:68px; height:36px;
    margin: 0px 10px 0px 6px;
}

.icoCountryCH
{
    background-image:url("/images/2055-countrythumb.jpg"); 
    background-repeat: no-repeat;
    width:70px; height:50px;
    margin: 0px 10px 0px 6px;
}




.icoGiftForButton  { background-position:-338px -286px; width:17px; height:20px; display:inline-block; float: left;}
.icoMailForButton  { background-position:-338px -313px; width:22px; height:16px; display:inline-block; float:left;}
.icoFavStarForButton  { background-position:-338px -335px; width:24px; height:22px; display:inline-block; float:left;}

.icoProfileView                 { background-image: url("/images/icoprofile.png"); background-repeat: no-repeat;}
.icoProfileView.reportUser      { background-position:-424px -187px; width:24px; height:24px; display:inline-block;}
.icoProfileView.reportUserActive{ background-position:-452px -187px; width:24px; height:24px; display:inline-block;}
.icoProfileView.blockUser       { background-position:-365px -187px; width:24px; height:24px; display:inline-block;}
.icoProfileView.blockUserActive { background-position:-387px -187px; width:24px; height:24px; display:inline-block;}
.icoProfileView.matchResult     { background-position:-334px -8px; width:194px; height:170px; display:inline-block; }
.icoProfileView.activeNav      { background-position:-340px -214px; width:190px; height:55px; display:inline-block;}

.linklist 
{
    clear: both;
    list-style: none;
    margin: 0.5em 0em 0.5em 0em;
    text-align: center;
}
.linklist a {
	list-style-type: none;
	padding: 0em 0.75em 0.6em 0em;
	margin: 0.0em 0em 0em 0em;
	
}



.LLcolor
{
	color: #0ec9d5;
}
.LLred
{
	color: #D61F26;
}
.LLgreen
{
	color: #10AA00;
}

.LLpink
{
	color: #c71c75;
}
.LLlightgray
{
    color: #909aA9;
}

.LLyellowBox { 
    background-color:#FFFFCC;
    border: 1px solid #F8F8CB;	
	padding: 6px 6px 6px 6px;    
	/*text-align: center;*/
	margin: 0px 0px 0px 0;
}




.LL-link-submit
{
    border: none;
    font-weight: normal;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 0.2em 1.0em 0.2em 1.0em;
    color: #0ec9d5;
}
.LL-link-submit:hover
{
	color: #c71c75;
}


.LL-std-submit, a.LL-std-submit
{
    font-size: 1.16em;
    font-weight: bold;
    background-color: #0ec9d5;
    color: #FFFFFF;
    border: solid 2px #0ec9d5; /* same color as background due rendering issues */
    border-radius: 2em;
    -moz-border-radius:2em;     /* BROWSER: FireFox */
    -khtml-border-radius:2em;   /* BROWSER: Konqueror */
    -webkit-border-radius:2em;  /* BROWSER: webkit */	 
    text-decoration: none;
    padding: 0.2em 1.0em 0.2em 1.0em;
    text-transform:uppercase;
}


/* check if we really want to keep this!*/
.LL-std-submit.tiny
{
    font-size: 1.0em;
    padding: 0em 0.5em 0em 0.5em;
    text-transform:none;
    font-weight: normal;

}

.LL-std-submit.small
{
    font-size: 1.16em;
    padding: 0em 0.5em 0em 0.5em;
    text-transform:none;
}

.LL-std-submit.big
{
    font-size: 1.5em;
    padding: 0.25em 1.33em 0.25em 1.33em;
}

    

/*.MatchResultBox-10          {width: 31.3%;float:left;padding: 0 0 0 0;background-color: #F8F8F8;border: solid 0px #EFEFEF;margin: 0 2% 1em 0;}*/
.MatchResultBox-10          {width: 28%; padding: 0 0 0.75em 0; margin: 0 7.3% 0.75em 0; float:left;}
.MatchResultBox-10.last     {width: 28%; padding: 0 0 0.75em 0; margin: 0 0 0.75em 0;}
.MatchResultBox-10.borderBottom          {border-bottom: 2px dotted #E0EaE1;}
.MatchResultBox-10 ul       {margin: 0px;padding: 0;}
.MatchResultBox-10 ul li    {list-style-type: none; padding: 0; margin:0;}
.MatchResultBox-10 h4       { margin:0.5em 0 0.5em 0; padding:0;}
.MatchResult-LastUpdInfo    {text-align: right; }




.MessageInputPanel {
    width: 90%;
	margin: 0px auto 0px auto;	
	padding: 0% 0 10% 0;
}

.MessageInputPanel .textInput
{
    width: 100%;
    height: 6em;
    font-size: 1.16em;
}

.MailThread
{


}

.MailThread .avatar
{
    width: 28%;
    display: inline-block;
    float: left;
    padding: 1.5em 0 1.5em 0;
    margin: 0em 0 2.5em 0;
}
.MailThread .post
{
    width: 62%;
    display: inline-block;
    float: left;
    border-bottom: 1px dotted #E0EaE1;
          
    padding: 1.5em 0 1.5em 0;
    
    margin: 0em 4% 2.5em 0;
    font-size: 1.16em;
    vertical-align: top;
}

.MailThread .avatarimg
{
    float:left;
}

.MailThread .avatartext
{
    float:left;
    margin: 0 0 0 1.0em;
}

.MailThread .avatartext h4
{
    margin: 0;  
    padding: 0 0 0.2em 0;
}





.nof 
{
    clear: both;
}



.Page-Std-Headline
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.0em;
    font-weight: normal;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.4em 0;
}
.Page-Std-Headline.noMargin
{
    margin: 0 0 0 0;
}

.Page-Std-Headline.dotted, .LL-std-border {border-bottom: 2px dotted #E0EaE1; /*E5E5E5, C0CaC1 */}


.Pager-Std-20
{
     margin: 2.5em 0px 2.0em 0px;
     text-align: center;
}

.Pager-Std-20 a
{
    padding: 7px 12px 6px 12px;
    background-color: #FFFFFF;
    margin: 0px 1em 0px 0px;
    font-size: 1.33em;
    font-weight: normal;
    border-radius: 2px;         /* explicit rounded boxes for the pager-box-links! */
    -moz-border-radius:2px;     /* BROWSER: FireFox */
    -khtml-border-radius:2px;   /* BROWSER: Konqueror */
    -webkit-border-radius:2px;  /* BROWSER: webkit */	
    /*border: 1px dotted #E0EaE1;*/
}

.Pager-Std-20 a:hover
{
    background-color: #c71c75;
    color: #FFFFFF;
}

.Pager-Std-20 a.hit
{
    background-color: #0ec9d5;
    font-weight: bold;
    color: #FFFFFF;
}





.PayBenefits { margin: 1.0em 0 0 0; padding: 0; }
.PayBenefits ul             {    list-style:none; list-style-type: none;   margin: 0;    padding: 0;}
.PayBenefits ul li          {    font-size: 1.16em;	padding: 0 0 0.5em 0; margin: 0;}
.PayBenefits ul li:before  	{    background-image:url("/images/icostd.png");     
                           	     background-position: -22px -39px;     
                           	     width: 19px;         height: 18px;     
                           	     display: inline-block;     padding: 0 0 0 0; margin: 0 0.66em 0 0;    content: "";}






.PinkBubble-small
{
    width: 1.0em;
    height: 1.0em;
    padding: 0.2em 0.40em 0.4em 0.30em;
    text-align: center;
    border-radius: 20px;
    -moz-border-radius:20px;     /* BROWSER: FireFox */
    -khtml-border-radius:20px;   /* BROWSER: Konqueror */
    -webkit-border-radius:20px;  /* BROWSER: webkit */	    
	background-color: #c71c75;    
	color: #ffffff;
	font-weight: bold;
}


.PopupBackground {
	background-color: #202020;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
    width:100%; 
    height: 100%; 
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    visibility: hidden;	
}


.Popup {
    margin: 0;
    width: 25%; 
    position: fixed; /* switch here with absolute to make it scrolling, with fixed the poup is always on top, no matter which scrollbar */
    left: 37%;
    right: 37%;
    top: 15%;
    padding: 2.0em 3em 3.0em 3em;
    z-index: 999;
	visibility: hidden;	    
	box-shadow: 0 0 20px #484848;			
	-moz-box-shadow: 0 0 20px #484848;		
	-khtml-box-shadow: 0 0 20px #484848;     
	-webkit-box-shadow: 0 0 20px #484848;
    border-radius: 0.2em;
    -moz-border-radius:0.2em;     /* BROWSER: FireFox */
    -khtml-border-radius:0.2em;   /* BROWSER: Konqueror */
    -webkit-border-radius:0.2em;  /* BROWSER: webkit */		
    background-color: #FFFFFF;
}

.Popup-XL {
    width: 35%; 
    left: 32%;
    right: 32%;
    top: 15%;
}

.Popup-PwXXL {
    width: 63em; 
    left: 25%;
    right: 25%;
    top: 5%;
}

.Popup-Fotobox 
{
    position: absolute; /* switch here with absolute to make it scrolling, with fixed the poup is always on top, no matter which scrollbar */
    left: 1%;
    right: 1%;
    width: 40%;
    margin: 0px auto 0px auto;	
    top: 5%;
}
.Popup-SendGiftBox 
{
    position: absolute; 
    width: 60%;     left: 20%;    right: 19%;    top: 5%; margin  : 0px auto 0px auto;	
}
.Popup-TLCinfo /* TLC = Too Less Coins info popup */
{
    position: absolute; 
    width: 50%;     left: 20%;    right: 19%;    top: 5%; margin  : 0px auto 0px auto;	
}


.Popup-SendMsg
{
    position: absolute; /* switch here with absolute to make it scrolling, with fixed the poup is always on top, no matter which scrollbar */
    width: 35%;     left: 32%;    right: 32%;    top: 10%;
    margin: 0px auto 0px auto;	
}

.Popup-TxtBoxXL
{
    width: 98%;
    margin: 0px auto 0px auto;	
    height: 20em;
    font-size: 1.16em;
}

.Popup .MiddleButton
{
    text-align: center;
}


.icoPopupCloseX { background-position: -882px -176px; height:22px; width:22px; margin: 0; display:inline-block; }
.PopupCloseLink { text-transform: uppercase; }
.PopupHeadline { margin: 0 0 1em 0; }







.ProfileEditBlock {
    width: *%;
    margin: 0 0.0em 3.0em 0.0em;
}


.ProfileEditBlockDotted {
    width: *%;
    padding: 0 0 2.0em 0;
    margin: 0 0 2.0em 0.0em;
    border-bottom: 2px dotted #E0EaE1;
}





.ProfileEditBlock textarea {
    width: 75%;
    margin: 0 3% 0.0em 0;
    
    min-height: 8em;
    font-size: 1.16em;
    line-height: 1.5em;
    float: left;
}

.ProfileEditBlock .TextareaFunction
{
    
    float: left;
}

.ProfileEditBlock .TextareaFunction input[type="submit"]
{
    margin: 0 0 3.0em 0;
    
}





#ProfileViewContent 
{
    padding: 2.0em 0 0 2.5em;
    line-height: 1.5em;
}
#ProfileViewContent h1
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.5em;
    font-weight: normal;
    padding: 0.25em 0 1.0em 0;
}
#ProfileViewContent h2
{
    padding: 0.0em 0 1.25em 0;
}

#ProfileViewContent .StdText
{
 font-size: 1.16em;   
}


.ProfileViewFotoContainer
{
     height: 318px;
     width: 330px;
     padding: 0px 0px 0px 0px;  
     background-image:url("/images/icoprofile.png"); 
     background-position: 0px 0px; 
     
}
.ProfileViewFotoContainerInnerBox
{
    padding: 18px 0px 0px 19px;
    position: relative; 
    width: 283px;
    height:283px;
}


.RequestReminderBoxContainer{position: absolute;bottom: 0;	}
.RequestReminderBoxContainer .content { filter: alpha(opacity=75);opacity: 0.75;background-color:#000000;padding: 10px;color: #FFFFFF; width:263px;}

.RequestReminderBoxContainer .content .link {   text-align:right;}

.RequestReminderBoxContainer .content .icoOKimg
{
     width: 21px;
     height: 15px;
     padding: 0;
     margin: 0 0.5em 0 0;  
     background-image:url("/images/ico-OKalpha.png"); 
     background-position: 0px 0px; 
     display: inline-block;
}



.ProfileViewFormData, .ProfileViewFormQuestion {
	border-collapse:collapse;
	border: 0;
}

.ProfileViewFormData tr             {border:none; } /*border-bottom: 1px dotted #E0EaE1;*/
.ProfileViewFormData tr.last        {border: none;}
.ProfileViewFormData td             {padding: 0px 0px 25px 0px; font-size: 1.16em; vertical-align: top;}
.ProfileViewFormData td.left        {width: 200px;font-weight: normal;  font-family: Georgia, "Times New Roman"; }
.ProfileViewFormData td.left-250    {width: 250px; font-weight: normal;  font-family: Georgia, "Times New Roman"; }
.ProfileViewFormData td.right       {width: *;}
.ProfileViewFormData td.right-550       {width: 550px;}
.ProfileViewFormData td.onecell     {width: 660px;	}

.ProfileViewFormData input[type="text"], .ProfileViewFormData input[type="password"] /* for textboxes in /me/-pages, like job-title etc */
{
    width: 15em;
}
.ProfileViewFormData input[type="text"].short, .ProfileViewFormData input[type="password"].short  /* for textboxes in /me/-pages, like job-title etc */
{
    width: 10em;
}
.ProfileViewFormData input[type="text"].xs, .ProfileViewFormData input[type="password"].xs  /* for textboxes in /me/-pages, like job-title etc */
{
    width: 7.0em;
}

.QuestionCategory
{
    color: #D61F26;
    padding: 0 0 1.0em 0;
}



.ProfileViewFormQuestion                {margin-left: 30px;	} /*border-bottom: dotted 1px #D5D5D5;*/
.ProfileViewFormQuestion tr             {border:none;	} /*border-bottom: dotted 1px #D5D5D5;*/
.ProfileViewFormQuestion tr.last        {border: none;}
.ProfileViewFormQuestion td             {padding: 0px 0px 20px 0px; font-size: 1.16em; vertical-align: top; }
.ProfileViewFormQuestion td.left        {width: 70px; }
.ProfileViewFormQuestion td.middle       {width: 150px; }
.ProfileViewFormQuestion td.right       {width: *; }



.CheckBoxList-Std-10
{
    padding: 0 0 0.5em 0;
    float: left;
    width: 40%;
}
.CheckBoxList-Std-10 label
{
    padding: 0 0 0 0.5em;
}

.CheckBoxList-Std-10.full
{
    width: 100%;
}

.CheckBoxList-Std-30{padding: 0 0 0.5em 0;float: left;width: 30%;}
.CheckBoxList-Std-30 label{padding: 0 0 0 0.5em;}

.CheckBoxList-Std-50
{
    padding: 0 0 0.5em 0;float: left;width: 80%;
}
.CheckBoxList-Std-50 label
{
    padding: 0 0 0 0.5em;
}




.ProfileViewMiniControlBar
{
    border-bottom: 2px dotted #E0EaE1;
    text-transform:uppercase;
    text-align: right;
    padding: 0.5em 0 0.33em 0;
    margin: 1.0em 0 0 0;
}
.ProfileViewMiniControlBar .marginForLink{margin-right: 4.0em;}
.ProfileViewMiniControlBar .ActionSubLink{text-transform: capitalize;}

.ProfileViewHeadlineInfoBox {    float: left; }
.ProfileViewUsername        {    font-family: Georgia, "Times New Roman";    font-size: 3.33em;    font-weight: normal;    padding: 0.75em 0 0.0em 0;}
.ProfileViewSubheadline     {    font-size:1.16em;    margin-top: 0.5em;}
.ProfileViewActionButtons   {    margin: 0.5em 0 0 0;    text-align:justify;}
.ProfileViewActionButtons .submit-deco { width: 29%; margin-right: 1%; padding: 0.35em 0.35em 0.35em 0.35em; display:inline-block; vertical-align: middle; text-align: center; }

/*
the whole right box with background, showing the match result on the postit
*/
.ProfileViewMatchResultContainer
{
    float:right;
    margin: 1.0em 0 0.0em 0;
}

/*
*
* number for showing matching, big one with "%" at the end
*
*/
.ProfileViewMatchResult
{
    font-size: 3.5em;
    font-family: Georgia, "Times New Roman";
    margin: 0.75em 0 0 0;
}

.ProfileViewMatchResultPending
{
    font-size: 1.66em;
    
    margin: 2.5em 0 0.5em 0;
}

/* text shown below the matching number, usually "your mathing" or "answer more questiosn" */
.ProfileViewMatchResultSubText
{
    text-align: center;
    padding: 0 0.76em 0 0.76em;
    line-height: 1.5em;
}

.ProfileViewLastGiftsBox                {border-top: 2px dotted #E0EaE1;margin: 1.5em 0 0.0em 0;padding: 0.75em 0 0 0;font-size:1.16em;}    /* area showing the last gifts the visited profile has - attention: font-size ist 1.16, which means ~10px*/
.ProfileViewLastGiftsBox .headline      {margin: 0.0em 0 0.50em 0;}     /* headline in the last gift box, usually "last gifts" */
.ProfileViewLastGiftsBox .giftlistentry {float: left;margin: 0.0em 1.66em 0.0em 0;}     /* a single list entry in the last gift box, used by each single gift listed there */
.ProfileViewLastGiftsBox .giftlistentry .last {margin: 0;}     /* a single list entry in the last gift box, used by each single gift listed there */


.ProfileViewNav ul                      {width: 85%;}
.ProfileViewNav ul li                   {list-style-type: none;border-bottom: 2px dotted #E5E5E5;}
.ProfileViewNav ul li.last              {border-bottom: none;}
.ProfileViewNav ul li.active            { border-bottom: none;}
.ProfileViewNav ul li a                 {font-size: 1.3em;display: inline-block;padding: 0.80em 0 0.80em 0.5em;   }
.ProfileViewNav ul li a.active          {color: #505a69;  padding: 1.2em 0 0.6em 0.5em;    font-weight: bold;}
.ProfileViewNav ul li a:hover           { color: #c71c75; }



.ProfilePublicPreHeadline
{
    font-size:40%;
    display: block;
    margin: 0 0 0.5em 0;
    color: #505a69; /**/
    font-family: Arial, Tahoma, Verdana, Sans-serif;
}

.PublicProfileInfoBox
{
    float:left;
    margin: 1.5em 0 0 1.5em;
}

.ProfilePublic h1
{
}



.ProductBox {
	/*width: 300px;*/
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
	padding: 0px 0px 0px 0px;
	border-radius: 2px;
    -moz-border-radius:2px;     /* BROWSER: FireFox */
    -khtml-border-radius:2px;   /* BROWSER: Konqueror */
    -webkit-border-radius:2px;  /* BROWSER: webkit */	
    text-align: center;
    cursor:pointer; 	
}
.ProductBox.OneTouch
{
    color: #505a69;
}

.ProductBoxLinkContainer
{
    color: #505a69;
}


.ProductBox .backColor
{
    	background-color: #fafafa;
}

.ProductBox.last {
	margin-right: 0;
	
}
.ProductBox:hover, .ProductBox.selected {
	border-color: #c71c75;
	color: #c71c75;
}

.ProductBox .numCoins
{
    font-family: Georgia, "Times New Roman";
    font-size: 3.33em;
    font-weight: normal;
    padding: 0.1em 0 0.1em 0;
}
.ProductBox .description {    font-size:1.16em; }


.ProductBox.OneTouch
{
	margin: 0 5% 0 0;
}


.QuestionAnswerOptions
{
    margin: 0px 0px 0px 2.0em;   
    padding: 0 0 1.0em 0;
    font-size: 1.16em;
    line-height: 1.5em;
}

/* .QuestionAnswerOptions input[type="radio"] */

.QuestionAnswerOptions input[type="checkbox"], .QuestionAnswerOptions input[type="radio"]
{
    margin: 0 0.5em 0.20em 0;
    
}




.RoundBox10 {
    border-radius: 10px;
    -moz-border-radius:10px;     /* BROWSER: FireFox */
    -khtml-border-radius:10px;   /* BROWSER: Konqueror */
    -webkit-border-radius:10px;  /* BROWSER: webkit */	
}
.RoundBox30 {
    border-radius: 3px;
    -moz-border-radius:3px;     /* BROWSER: FireFox */
    -khtml-border-radius:3px;   /* BROWSER: Konqueror */
    -webkit-border-radius:3px;  /* BROWSER: webkit */	
}

/* SearchResult row, single version */
.SR-row{    margin-bottom: 1.75em;    padding-bottom: 0.75em;}
.SR-row.dotted{    border-bottom: 2px dotted #E0EaE1;}
.SR-row.NoBorder{    border:none;}
.SR-foto{    float:left;    width: 12%;}
.SR-foto .IcoFotoBoxEnd-70 { background-position: -0px -250px; height:14px; width:88px; margin: 0.20em 0 0 0;}
.SR-content {     float:left;     width: 88%; }
.SR-text{    font-size:1.16em;    margin-top: 0.75em;}


.SR-mini                {   float:left;    }
.SR-mini-content        {   float:left;     width: 80%; margin: 0 0 0 1.0em;}
.SR-mini-content h4     {   margin: 0;  padding: 0 0 0.2em 0;}

/* SearchResult-PublicProfile-Foto/Content etc. -> is an extra class because of space reasons, is used mainly by searchResultRowForSEO.cshtml */
.SR-pp-foto         {    float:left;    width: 15%;}
.SR-pp-foto .IcoFotoBoxEnd-70 { background-position: -0px -250px; height:14px; width:88px; margin: 0.20em 0 0 0;}
.SR-pp-content         {     float:left;     width: 85%; }


.SR-mini-content        {   float:left;     width: 80%; margin: 0 0 0 1.0em;}


.CityList-s
{
	float: left;
	width: 24%;	
	margin: 2% 1% 1% 0;
}

.CityList-s h2
{
    border-bottom: 2px dotted #E0EaE1;
    margin-bottom: 0.5em;
}

.CitySelector { }
.CitySelectorRow        { padding: 0.5em 0 0.5em 0; border-bottom: 1px dotted #E0EaE1; display: block; clear:both;}
.CitySelectorRow:hover  { background-color: #FBFDCD;}
.CitySelectorName       { float: left; width: 40%; color: #505a69; font-size:1.16em; font-weight: bold; }
.CitySelectorState      { float: left; width: 45%; color: #505a69; font-size:1.16em; }
.CitySelectorAction     { float: left; width: 15%; text-align: right; font-size:1.16em; }
.CitySelectorRow .last  {    border: none;    }


div#tooltip {
    position: absolute;
    background-color: #FFFFFF;
    margin: 2.0em 0 0 2.0em;
    padding: 1.5em 2.0em 1.5em 2.0em;
    z-index: 138;
    font-weight: bold;
    border: solid 1px #0ec9d5;
    /*border: solid 1px #c71c75;*/
    border-radius: 4px;
    -moz-border-radius:4px;     /* BROWSER: FireFox */
    -khtml-border-radius:4px;   /* BROWSER: Konqueror */
    -webkit-border-radius:4px;  /* BROWSER: webkit */	
    box-shadow: 0 0 5px #CFCFCF;			
    -moz-box-shadow: 0 0 5px #CFCFCF;		
    -khtml-box-shadow: 0 0 5px #CFCFCF;     
    -webkit-box-shadow: 0 0 5px #CFCFCF;   
}



/* Newsfeed Row, single version, just the three colums for message display: left: actiontype, middle: gift/empty, right: action-link */
.NR-col1 {     width: 50%;             vertical-align: middle;display:inline-block;}
.NR-col2 {   width: 20%;             vertical-align: middle;display:inline-block;}
.NR-col3 {   width: *%;             vertical-align: middle;display:inline-block;}       /* check if this is correct with the % */






.tablediv
{
    float: left;
}
.tablediv-content        {   float:left;  margin: 0 0 0 1.0em;}
.tablediv-content  h4     {   margin: 0;  padding: 0 0 0.2em 0;}


.tablediv-33
{
    float: left;
    width: 33%;
}

.tablediv-50
{
    float: left;
    width: 50%;
}

.tablediv input[type=text], .tablediv input[type=password] {
	width: 80%;
    margin: 0.5em 0em 0.75em 0em;
}



.TabNav {
	font: 1.16em Arial, Tahoma, Verdana, Sans-serif;
	border-bottom: 1px solid #D5D5D5;
	z-index: 1;
	margin:0pt;
	padding: 0.7em 0.0em;
	margin-top: 2px;
	margin-bottom:1px;
	
}
.TabNav li {
	display: inline;
	list-style-type: none;
    margin-left: 10px;	   
}
.TabNav a {
	border: 1px solid #D5D5D5; /* E5E5E5 */
	border-bottom: none;
	padding: 0.7em 1.0em;
	margin-right: 10px;
	color: #0ec9d5
}
.TabNav a:hover.inactive
{
    color: #c71c75;
}

.TabNav a.inactive {
	background:#FFFFFF;
	/*border: 1px solid #FFD5D5;*/
	border: none;
	
	padding: 0.7em 2.0em;
	color: #0ec9d5;
	text-decoration: none;
}
.TabNav a.active  {
	background:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 0.7em 2.0em;
	color: #505a69;
	text-decoration: none;
    border-radius: 2px;
    -moz-border-radius:2px;     /* BROWSER: FireFox */
    -khtml-border-radius:2px;   /* BROWSER: Konqueror */
    -webkit-border-radius:2px;  /* BROWSER: webkit */    	
    cursor: default;
    	box-shadow: 0 0 3px #EFEFEF;			
	-moz-box-shadow: 0 0 3px #EFEFEF;		
	-khtml-box-shadow: 0 0 3px #EFEFEF;     
	-webkit-box-shadow: 0 0 3px #EFEFEF;   
}



.text-big
{
    font-size: 1.33em;
}
.text-116
{
    font-size: 1.16em;
}
.text-std
{
    font-size: 1.0em;
}
.text-mini
{
    font-size: 0.8em;
}
.text-bold
{
    font-weight: bold;
}

.text-lightgray
{
    color: #d0d0d0;
}


.topMatchListEntry
{
    float: left;
    width: 245px;
    margin: 0 1.8em 0 0;
    padding: 0;
    line-height: 1.5em;     
}

.topMatchListEntry.last
{
    float: left;
    margin: 0px;
}

.topMatchListEntry img
{
    margin: 0;
    padding: 0;
    width: 226px;
    height: 226px;
}
.topMatchListEntry .boxEnd
{
    background-position: -2px -182px; height:14px; width:240px; margin: 0;  /* displays just the optical ending bar at the end of each block, background is also in icoset1-png file! */
}

.topMatchListEntry .icoHeartBackground { background-position: -890px -5px; width: 82px; height: 57px; margin:0 1.33em 0 0;padding:0; display:inline-block; float:left;}

/* used for showing the percentage number of matching */
.topMatchListEntry h2
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.2em;
    font-weight: normal;
    padding: 0.60em 0 0.0em 0;
}

/* used for the username as link */
.topMatchListEntry h4, .SR-row h4.username
{
    margin: 0 0 0.25em 0;
    padding: 0;
}

.textcolor
{
    color: #505a69;
}
.textNOdeco
{
    color: #505a69;
    text-decoration: none;
}


.transaction-row-10
{
	border-top: 1px dotted #E0EaE1;
    padding: 0.8em 0px 0px 6px;  
    margin: 0px 0px 0.8em 0px;
}
.transaction-row-10 .value {    float: left;	width: 8%;	} /* value row */
.transaction-row-10 .text {float: left;width: 55%;}     /* transactiontext row */
.transaction-row-10 .ts {float: left;width: 33%; text-align: right;}       /* timestamp row */
.transaction-row-10 .plus{color: #10AA00;font-weight: bold;}
.transaction-row-10 .minus{	color: #D61F26;	font-weight: bold;}



.white
{
	color: #fff;
}

/*.YellowBox { 
    background-color:#FFFFBB;
    border: 1px solid #F8F8CB;	
	
	padding: 6px 6px 6px 6px;    
	text-align: center;
	margin: 0px 0px 10px 0;
}*/






/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** 
*
*
*   individual & special purpose SPECIFIC CSS
*
* - contains mainly config for IDs
* - use such codes only if REALLY necessary!
*
*
* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** */

div#BannerPanel
{
    float:right;

}
div#BannerPanel ul 
{
    list-style:none;
    margin: 0;
    padding: 0;
}
div#BannerPanel ul li 
{
    font-size: 1.16em;
	padding:0.7em 1.5em 0.4em 0.0em;
	margin: 0 0 0 1.5em;	
	display: inline;        /* important to show all in one row!*/
	
	border-right: 1px solid #Cee9D5;
}

div#BannerPanel ul li.small
{
    font-size: 1.0em;
    position: relative; 
    margin-left: 1.0em;
    padding:1.75em 1.0em 0.3em 0.0em;
}

div#BannerPanel ul li:before
{
    background-image:url("/images/icostd.png"); 
    display: inline-block; 
    content: " ";
}

div#BannerPanel ul li.icoHome:before            {background-position: -305px -2px; width: 18px;     height: 20px; margin-right: 0.5em;    }
/*div#BannerPanel ul li.icoHome:hover a         {color: #c71c75;   }
div#BannerPanel ul li.icoHome:hover:before      {background-position: -305px -28px; width: 18px;     height: 20px; margin-right: 0.5em; color: #c71c75;   }*/

div#BannerPanel ul li.icoSearch:before          {background-position: -328px -5px; width: 20px;     height: 17px; margin-right: 0.5em;    }
/*div#BannerPanel ul li.icoSearch:hover a         {color: #c71c75;   }
div#BannerPanel ul li.icoSearch:hover:before    {background-position: -327px -29px; width: 20px;     height: 17px; margin-right: 0.5em; color: #c71c75;   }*/


div#BannerPanel ul li.icoGetCoins               {margin-right: 4.0em; border: none; }  /* explicit margin for ico-getcoins, because we need a longer distance */
div#BannerPanel ul li.icoGetCoins:before        {background-position: -355px 0px; width: 31px;     height: 24px; margin-right: 0.5em;    }
/*div#BannerPanel ul li.icoGetCoins:hover a         {color: #c71c75;   }
div#BannerPanel ul li.icoGetCoins:hover:before  {background-position: -305px -27pxpx; width: 31px;     height: 24px; margin-right: 0.5em;    }*/


div#BannerPanel ul li.last, div#BannerPanel ul li.last:before
{
	padding:0;
	border:none;
	margin: 0;
}


div#BannerPanel ul li.last img
{
    position: relative;
    top: 12px;
    right: 6px;
}




/*div#BannerPanel ul li:before  	
{
    background-image:url("/images/icostd.png"); 
    background-position: 0px -40px; 
    width: 19px;     
    height: 17px; 
    display: inline-block; 
    margin-right: 0.5em;
    content: "";
}*/


   
div#QuickviewPanel
{
}


div#QuickviewPanel .functionGrid
{
    width: 33%;
    display:inline-block;
}
div#QuickviewPanel .functionGrid.last
{
    text-align: center;
}
div#QuickviewPanel .functionGrid .icoText
{
    font-size: 1.16em;
}

div#QuickviewPanel img, div#QuickviewPanel span
{
    vertical-align: middle;
    margin-right: 1.0em;
}

div#QuickviewPanel .submit-deco
{
    width: 67%; 
    padding: 0.35em 1.25em 0.35em 0.8em;
    display:inline-block;
    text-align: center;
}

/*width: 67%; padding: 0.35em 1.33em 0.35em 0.8em;*/





div#HeadlineRow
{
    height: 2.5em;
    padding: 1.0em 0em 0.0em 0em;
}

div#HeadlineRow h1
{
    font-family:  Arial, Tahoma, Verdana, Sans-serif;
    font-size: 1.5em;
    font-weight: normal;
}

div#GPlusFBLike
{
    padding-top: 0.2em;
}



div#Benefits 
{
    margin: -3.5em 0 3.5em 6.0em;
}
div#Benefits ul 
{
    list-style:none;
    margin: 0;
    padding: 0;
}
div#Benefits ul li 
{
    font-family: Georgia, "Times New Roman";
    font-size: 1.5em;
	padding:0 0 0.2em 0.0em;
}
div#Benefits ul li:before  	
{
    background-image:url("/images/icostd.png"); 
    background-position: 0px -40px; 
    width: 19px;     
    height: 17px; 
    display: inline-block; 
    margin-right: 0.66em;
    content: "";
}


.icoOK
{
    background-image:url("/images/icostd.png"); 
    background-position: 0px -40px; 
    width: 19px;     
    height: 17px; 
    display: inline-block; 
    margin-right: 0.5em;
    content: "";
    
}

.icoOKtext
{
    font-size: 1.16em;
    font-weight: bold;
}




div#NavLeftControl .myFotoBackground
{
    background-image:url("/images/icostd.png"); 
    background-position: 0px -375px; 
    width: 175px;
    height: 172px;
}
div#NavLeftControl ul 
{
    width: 78%;
}
div#NavLeftControl ul li {
	list-style-type: none;
	padding: 0 0 0.5em 0;
	position: relative; /* must be relative so the pinkbubble is set correctly */
	margin: 0 0 0.7em 0;
    display: block;        /* important to show all in one row!*/
	border-bottom: 2px dotted #E5E5E5;
}
div#NavLeftControl ul li.last {
	border-bottom: none;
}
div#NavLeftControl ul li a 
{
	font-size: 1.3em;
}
div#NavLeftControl ul li:before
{
    background-image:url("/images/icostd.png"); 
    display: inline-block; 
    content: " ";
}
div#NavLeftControl ul li.icoMailbox:before
{
    background-position:-396px -8px; 
    width:20px; 
    height:13px;
    margin-right: 0.5em;    
}
/*div#NavLeftControl ul li a.active, #Navigation ul li a.active:hover {
	background-color: #D61F26;
	border: solid #D61F26;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}*/
div#NavLeftControl ul li a:hover
{
}


div#NavLeftControl ul li ul
{
    list-style-type: none;
    border: none;
    margin: 0 0 0 3.0em;
    padding: 0;
    font-size: 0.9em;
    line-height: 1.5em;
}

div#NavLeftControl ul li ul li
{
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 0;
 padding: 0.3em 0 0.0em 0;
}


div#NavLeftControl ul li ul li:before
{
/*    content: "-";
    margin-right: 0.5em;
    background: none;
    border: none:*/
}



div#NavLeftControl ul li ul li .active
{
    color: #c71c75; 
}




div#SignUpBox
{
  
}
div#SignUpBackground
{
     height: 554px;
     width: 940px;
     background: url("/images/1031-default-bg.jpg") no-repeat;
     margin: 0px auto 0px auto;	
}
div#SignUpForm .HeadlineInfo
{
    font-family: Georgia, "Times New Roman";
    font-size: 2.75em;
    font-weight: normal;
    padding: 0em 0em 0.33em 0em;
    margin: 0em;
    text-align: center;
}
div#SignUpForm
{
    width: 32%; 
    position:relative; left: 64%; top: 34%;
    /*border: 1px solid #000000;*/
}
div#SignUpForm ul 
{
    list-style:none;
    margin: 0;
    padding: 0;
}
div#SignUpForm ul li 
{
    position: relative;
	padding:0 0 0.7em 0;
    /*background:#e1e1e1;*/
    margin: 0;
}
div#SignUpForm ul li.high {
	padding:0 0 1.1em 0;
}
div#SignUpForm ul li.center {
	text-align: center;
}

div#SignUpForm ul li label 
{
    font-size: 1.2em;
    width: 37%;
    display: inline-block;
}
div#SignUpForm ul li label.CheckBoxItem
{
    width: 15%;
}

div#SignUpForm ul li label.AsFullLine
{
    width: 100%;
    display: inline;
    font-size: 1.0em;
}
div#SignUpForm ul li input[type="text"]
{
    font-size: 1.0em; /* or 1.2 for high lines */
    width: 55%;
}
div#SignUpForm ul li input[type="checkbox"] {
    margin: 0em 0.5em 0 0.0em;
}
div#SignUpForm ul li input[type="radio"] {
    margin: 0em 0.5em 0 1.0em;
}


div#TopListBackground
{
     height: 103px;
     width: 960px;
     padding: 0px 0px 0px 0px;

    background-image:url("/images/icostd.png"); 
    background-position: -7px -264px; 
     margin: 0px auto 0px auto;	
}

div#TopListBackground .listEntry
{
    position: relative;         /* YES: needed here, bcause of the "this-is-you-badge", see below !!! */
    width: 80px;
    height: 80px;
    padding: 0px 0px 0px 0px;
    /*border: 1px solid #555555;*/
    float: left;
}
div#TopListBackground .listEntry .youBadge
{
    position: absolute; /* ATTENTION: we need ABSOLUTE here, because of the outer class listEntry, see above */
    background-color: #0ec9d5;
    top: 0%;
    width: 100%;
    text-align: center;
    font-size: 1.16em;
    font-weight: bold;
    padding: 0.1em 0 0.1em 0;
    color: #FFFFFF;

   	filter: alpha(opacity=95);
	opacity: 0.95;

	
	 box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 18px;  
    -khtml-box-shadow: rgba(0,0,0, 0.3) 0px 0px 18px;   
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 18px;  	
}


div#TopListBackground .startLink 
{
    padding: 50px 0px 0px 4px;
    height: 30px;
    color: #0ec9d5;
    font-weight: bold;
    font-size: 1.33em; /* 1,16 ?*/
    text-align: center;
    display: inline-block;
}
div#TopListBackground .fotoFirst{margin: 11px 0px 0px 23px;}
div#TopListBackground .foto {margin: 11px 0px 0px 16px;}

div#TopListBackground a:hover
{
    color: #c71c75; /* check: why do we have to set this explicitly while we have a general color for hovering?? RTFM*/
}


.controlBoxLeft
{
/*margin-bottom: 2em;*/
}
.controlBoxLeft .footerLink
{

    width: 80%;
}
.controlBoxLeft .footerLink a
{
    float:right;
}