﻿/*
*  ##### Ung Kommunikation - Språklänkportalen #####
*/
.siteBody 
{
    margin:0;
    padding:0;
	text-align:center;
	background-color:#ffffff;
}

.mp_minimumContentHeight 
{ 
    height:210px; 
    line-height:210px;
    width:1px; 
    font-size:1px;
    
    position:absolute; 
    top:0px; 
    left:0px;
}
#main_div_contextMenu
{
    position:absolute; 
    top:0px; 
    right:0px; 
    z-index:10;
} 
#main_div_siteWrapper
{ 
    width:908px;
    text-align:left;  
    margin-left:auto; 
    margin-right:auto;
    background-color:#ffffff;
}

/*
* MAIN MasterPage 
*/
/* HEADER */
#main_div_siteHeader
{
    position:relative;
    width:100%;
    padding-top:5px;
    z-index:2;
}
#main_div_siteHeader img { border:none; } 
/* ROW 1 - Logos & QuickLinks */
#main_div_siteHeaderRow1 
{
    position:relative;
	height:84px;
}
/* Logo - Språklänkportalen */
#main_div_sHR1Col1
{
	float:left;
	padding:5px 0 0 0;
}
#main_div_sHR1Col2
{
    float:right;
}
/* QuickLinks */
#main_div_sHR1Col2Row1
{
    padding:0 17px 0 0;
    float:left;
}

div.searchForm { float:left; }
img.searchForm { float:left; margin:2px 0 0 11px; }
input.searchForm { border:solid 1px #b8b8b8; width:102px; margin:0 8px 0 11px; color:#666768; }

/* Ung K logo/banner */
#main_div_sHR1Col2Row2
{
    float:right;
}
/* ROW 2 - Bottom image */
#main_div_siteHeaderRow2 
{
	margin-top:13px; 
}
/* ROW 3 - Breadcrumb */
#main_div_siteHeaderRow3
{
    padding-left:12px;
}
#main_div_siteHeaderRow3 img { display:none; } /* Hide images(in breadcrumb) used in Navigation title */
/* CONTENT */
#main_div_siteContent
{
    float: left;
    width:904px; 
    z-index:1; /* make sure the dropdownnavigation and header-div have a higher value  */
    padding-left:1px;
}
/* FOOTER */
#main_div_siteFotoer
{
    clear:both;
}
.footerArea { border:solid 1px red; }
/* .footerAddress defined in SiteCss.css */

/*
* #### START MasterPage ####
*/

/* LEFT */
#start_div_siteContentLeft
{
    /*width:32.21%;
    float:left; 
    margin-right:1px;*/
}
/* CONTENT midldle */
#start_div_siteContent
{
    /*float:left; 
    width:67.66%; */  
}

.startSecondBody
{
        
}

/*
* #### CONTENT MasterPage ####
*/
/* LEFT */
/* Navigation - Left */
#content_div_fauxColumn
{
    position:relative;
    background:transparent url(../../Documents/UngKompensation/Images/slp_nav_bg_body_repY.gif) top left repeat-y;
    margin:5px 0 15px 4px;
}
#content_div_siteContentLeft
{
    width:210px; 
    float:left;
    margin-right:15px;
}
#content_div_navHeader
{
    background-color:#cccccc;
    padding:2px 0 0 1px;
    /*border:solid 1px #cdcdcd;*/
}
#content_div_navHdrLeft
{
    float:left;
    padding-left:8px;
    line-height:29px;
}
#content_div_navHdrRight
{
    float:right;
}

/* CONTENT mainPlaceHolder */
#content_div_siteContent
{
    float:left;
    width:437px;
}
#content_div_navBottom
{
    position:absolute;
    bottom:0;
    left:0;
}
#content_div_right
{
    float:right;
    width:221px;
    padding-right:1px;
}
/*
* CONTENT CONTENT
*/
#content_div_presentLinks,
#start_div_latestLinks
{
	width:437px;
}

/*
* Specific Puff content
*/
#puff_search_text { float:left; }
#puff_search_row1 img { float:right; }
#puff_search_row2 input { width:140px; border:solid 2px #b3b3b3; margin-right:10px; }
/* #puff_search_row2 a - this is defined in SiteCss.css */
#puff_recomend_text { float:left; }
#puff_recomend_row1 img { float:right; }

/*
* CONTENT PUFF
*/
.contentPuffWrapper
{
    background:transparent url(../../Documents/UngKompensation/Images/slp_contPuff_btmBorder_repX.gif) bottom left repeat-x;
    margin-bottom:15px; 
}
.contentPuffBodyWrapper
{
    background-color:#e0e0e0; 
    padding:1px 1px 0 1px;
}
.contentPuffBody
{
    background-color: #ffffff; 
    padding:14px 25px 10px 13px;
}
.contentPuffFooter 
{
    background:transparent url(../../Documents/UngKompensation/Images/slp_contPuff_rgtCorner.gif) top right no-repeat; 
}
img.contentPuffCorner 
{
   width: 24px;
   height: 24px;
   border: none;
   display: block !important;
}


/*
* RIGHT COLUMN PUFFS
*/
.puffWrapper 
{
    width: 220px;
    background:transparent url(../../Documents/UngKompensation/Images/slp_puff_btmBorder.gif) bottom left repeat-x;
    margin-bottom:5px;
}
.puffBodyWrapper
{
    background-color:#e0e0e0; 
    padding:1px 1px 0 1px;
}
.puffHeader
{
    background-color:#005e6d;
    color:#ffffff;
}
.puffHeaderText { float:left; line-height:31px; padding-left:8px; }
.puffHeader img { float:right; }
.puffBody 
{
    background-color: #ffffff; 
    padding:10px 21px 6px 18px;
}
#content_div_loginPuff .puffBody
{
	padding-bottom:0;
}
.puffFooter 
{
    background:transparent url(../../Documents/UngKompensation/Images/slp_puff_rgtCorner.gif) top right no-repeat; 
}
img.puffCorner 
{
   width: 25px;
   height: 20px;
   border: none;
   display: block !important;
}

/*
* LOG IN / LOG OUT
*/
input.loginBtn
{
	display:inline-block;
	margin:3px 0 5px 0;
}
table.loginCtrl a
{
	margin:5px 0 0 0;
	display:inline-block;
}
.logOutBtnWrapper 
{
	width:100%;
	text-align:right;
}
.logOutBtn
{
}
/*
* My bookmarks
*/
#puff_bookmark img { border:none; }
#hdr_bookmark { float:left; padding-top:6px; }
#btn_bookmark { float:right; }
#btn_bookmark img { vertical-align:middle; }
/* Bookmarks */
#bookmarks 
{
    padding-top:0px;
}
#bookmarks h3 {
	display:none;
	margin:0;
}
#bookmarks ul {
	list-style: none;
	margin:0;
	padding:10px 0 10px 0;
}
#bookmarks li {
	position: relative;
	margin: 0;
	padding:5px 0 0 0;
	border-bottom: 1px solid #eee;
}
#bookmarks li a { padding-right:10px; }
#bookmarks li span a { padding-right:0; }
#bookmarks li img 
{
    border:none;
    vertical-align:middle;
    position:absolute;
    right:0px;
    
    _right:20px;
}

/*
* Presentations Boxes/Puffs 
*/
.boxWrapper {
	background:transparent url(../../Documents/UngKompensation/Images/slp_box_btmBorder.gif) bottom left repeat-x;
	margin-bottom:10px;
	margin-left:-3px;
	margin-right:-3px;
}
.boxWrapperSimple 
{
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:solid 1px #cccccc;
}
.content_div_siteContent .boxWrapper
{
	*width:437px; /* To prevent "hasLayout = false" in IE-browsers -> set a width */
}
.boxHeaderWrapper {
	background:transparent url(../../Documents/UngKompensation/Images/slp_box_hdrBordr_lft_grey.gif) top left repeat-y;
	padding-left:4px;
}
.boxHeader {
	background:#cccccc url(../../Documents/UngKompensation/Images/slp_box_hdrBordr_rgt_grey.gif) top right repeat-y;
	padding:9px 17px 8px 17px;
	
	font-family:Verdana, Arial, Helvetica; font-size:11px; font-weight:bold; color:#666666;
}
.boxBodyWrapper {
	background:transparent url(../../Documents/UngKompensation/Images/slp_box_border_left.gif) top left repeat-y;
	padding-left:4px;
}
.boxBody {
	background:transparent url(../../Documents/UngKompensation/Images/slp_box_border_right.gif) top right repeat-y;
	padding:12px 19px 4px 16px;
}
.blogShortInfo
{
    padding:8px 0 10px;
}
.boxFooter {
	position:relative;
	background:transparent url(../../Documents/UngKompensation/Images/slp_box_corner_left.gif) top left no-repeat;
	height:22px;
	_width:100%;
}
.boxRgtBtmCorner {
	position:absolute;
	top:0;
	right:0;
}