/**
* TEST tttt
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/

@import url(content.css);
@import url(contentContainer.css);
@import url(gallery.css);
@import url(guestbook.css);
@import url(emaillist.css);


div {
	/*border: 1px solid orange;*/
	}
table {
	/*border: 1px solid lightgreen;*/
	}


/**
* BODY
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F0F0F0;
	/*background-image: url(../design/bg_body.png);
	background-repeat: repeat-xy;
	background-position: top left;*/
	}

body, html {
	height: 100%;
	}

a:link{
    color: #000000; 
    text-decoration: underline;
}
a:visited{
    text-decoration:underline;
}
a:hover{
    color: #828181;
    text-decoration: underline;
}

/************************************
* CENTERTABLE - centrering af siden
************************************/
table#centerTable {
	border-collapse: collapse; /* cellspacing=0 */
	background-image: url(../design/bg_repeat.png);
	background-repeat: repeat-y;
	background-position: top left;
	width: 1100px;
	}
td#centerTableTd {
	border-collapse: collapse; /* cellspacing=0 */
	background-image: url(../design/bg_top_public.png);
	background-repeat: no-repeat;
	background-position: top left;
	}
td#centerTableBottomTd {
	border-collapse: collapse; /* cellspacing=0 */
	background-image: url(../design/bg_bottom.png);
	background-repeat: no-repeat;
	background-position: top left;
	}
/************************************
* HEADLINE - sidens overskrift
************************************/
div#logotop {
	width: 700px;
	height: 170px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	/*cursor: pointer;*/
	/*background-color: #8D97A3;
	filter: alpha(opacity=50);*/
	}
/************************************
* HEADLINE - sidens overskrift
************************************/
div#headline {
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
    /*float: left;
    display: inline;
	background-color: #DDE7F3;
	filter: alpha(opacity=50);*/
	}
/**********************************AK
* Read text with link
************************************/
div#readTxt {
	font-size: 10px;
	width:150px;
	height: 18px;
	position: relative;
	right: -330px;
	top: -20px;
	margin-bottom: -20px;
    /*background-color: #DDE7F3;
    filter: alpha(opacity=50);*/
    }    
/************************************
* MENU 1 - toppen, vandret navigation
************************************/
div#menuContainer {
	color: #D0D2D1;
	width: 970px;
	margin-left: 130px;
	height: 25px;
	line-height: 25px;
	text-align: left;
	/*background-color: #0B1521;
	filter: alpha(opacity=50);*/
	margin-bottom: 15px;
	}
a.menu {
	font-size: 12px;
	font-weight: bold;
	color: #E48008;
	text-decoration: none;
	}
a.menu:link {
	text-decoration: none;
	}
a.menu:visited {
	text-decoration: none;
	}
a.menu:hover {
	color: #D0D2D1;
	text-decoration: none;
	}
/* When a link in the menu is selected */
a.menu.selected {
	color: #D0D2D1;
	}
/************************************
* MENU 2 - venstre side, lodret navigation
************************************/
#menuContainerRight {
    position: absolute;
    right: 240px;
    top: 110px;
	width: 160px;
	text-align: right;
    text-transform: uppercase;
	}
#rightsideContainer #menuContainerRight a:link, #rightsideContainer #menuContainerRight a:visited{
    color: #E48008;
    text-decoration: none;
    line-height: 16px; 
    font-weight: bold;
}
#rightsideContainer #menuContainerRight a:hover{
    color: #D0D2D1;
}
#rightsideContainer #menuContainerRight a.menuRight.selected {
    color: #D0D2D1;
    text-decoration: none;
    line-height: 16px; 
    font-weight: bold;
}
/***************************************************************JC
* 
*****************************************************************/
div#memberSmallInfo {
	position: absolute;
	border: 0px solid red;
	top: -75px;
	left: -220px;
	font-size: 10px;
	color: black;
	font-weight: normal;
	width: 160px;
	text-align: right;
	text-transform: uppercase;
	}
#rightsideContainer{
    float: right; 
	 position: relative;
    margin-right: 0px; 
    margin-top: -100px; 
    width: 180px; 
	 height: 100%;
    z-index: 9999999;
	 border: 0px solid black;
}
#rightsideContainer a:link, #rightsideContainer a:visited{
    color: #000000;
}
#rightsideContainer a:hover{
    color: #D0D2D1;
}

/***************************************************************JC
* 
*****************************************************************/
div.randomMatchContainer {
	border: 0px solid red;
	/*position: absolute;
	top: 75px;
	right: 22px;*/
    float: left;
    margin-top: 75px;
	width: 170px;
    height: auto;
	}
div.randomMatch {
	border: 0px solid blue;
	width: 170px;
	height: 49px;
	margin-bottom: 5px;
	cursor: pointer;
	/*background-color: #DDE7F3;
	filter: alpha(opacity=50);*/
	}
div.randomMatchInner {
	border: 0px solid blue;
	padding-top: 11px;
	padding-left: 11px;
	}
/***************************************************************JC
* 
*****************************************************************/
div.allMatchContainer {
	border: 0px solid red;
	}
div.allMatch {
	position: relative;
	border: 0px solid blue;
	margin-bottom: 5px;
	cursor: pointer;
	/*background-color: #DDE7F3;
	filter: alpha(opacity=50);*/
 	line-height:20px; 
	background-color:#E8E8E8;
	}
div.allMatchInner {
	border: 0px solid blue;
	padding: 8px;
	}
div.seeProfileLink {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
}
/***************************************************************AK
* FORM SUBMIT buttons 
*****************************************************************/
option.red {background-color: #E48008;}

.submit_test{
    width: 120px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-color:white;
    color: #C1C1C1;
    cursor:pointer;
    overflow: hidden; 
    text-transform: uppercase;
}
.submit_50{
    width: 71px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit50.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
    cursor:pointer;
    overflow: hidden; 
    text-transform: uppercase;
}
div.submit_50_div {
    width: 71px;
    height: 22px;
	 line-height: 22px;
	 text-align: center;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit_50.png);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
    cursor:pointer;
    overflow: hidden;
    text-transform: uppercase;
}
.submit_50_gray{
    width: 71px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit50gray.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
    cursor:pointer;
    overflow: hidden; 
    text-transform: uppercase;
}
.submit_75{
    width: 110px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit75.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
    cursor:pointer;
    overflow: hidden;
    text-transform: uppercase; 
}
.submit_100{
    width: 142px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit100.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white; 
    cursor:pointer; 
    overflow: hidden;
    text-transform: uppercase;
}        
.submit_125{
    width: 170px;
    height: 22px;
    font-size: 10px;
    margin: 0;
    border:none;
    background-image: url(../design/submit125.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: white; 
    cursor:pointer; 
    overflow: hidden;
    text-transform: uppercase;
}        
/***************************************************************AK
* FORM ELEMENTS 
*****************************************************************/
select {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}