/*
====================================================
HR FÖRENINGEN - Version 1.0
====================================================
*/



#wrapperOuter		{ width: 100%; }
#wrapperInner		{ margin-left: auto; margin-right: auto; width: 1007px; background: #fff; text-align: left; }
#wrapperInner #pad	{ padding: 0px 14px 0px 14px; width: 979px; }
#topAd				{ width: 979px; height: auto; }

#wrapperHeader			{ margin-top: 5px; width: 979px; height: 92px; }
#wrapperHeader #logo	{ float: left; }

#wrapperHeader #presentation		{ width: 360px; float: right; } 
#wrapperHeader #presentation .image	{ float: right; }
#wrapperHeader #presentation h4		{ margin-top: 10px; font-size: 14px; display: block; }

#wrapperColumn1	{ width: 720px; float: left; }
#wrapperColumn2	{ width: 250px; float: right; }

#wrapperColumn1 #wrapperMenu	                        { margin:0; height: 26px; background-image:url('../Images/menu/topmenu_unselected_bg.jpg'); background-repeat:repeat-x; }
#wrapperColumn1 #wrapperMenu ul.mainMenu                { list-style:none; margin:0; padding:0 0 0 1px; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li             { display:block; float:left; padding:0 10px; height:26px; line-height:26px; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li a           { color:#fff; text-decoration:none; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li.selected a  { color:#494747; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li	            { background-image:url('../Images/menu/topmenu_delimiter.jpg'); background-repeat:no-repeat; background-position:right; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li.selected  	{ background-image:url('../Images/menu/topmenu_selected_bg.jpg'); background-repeat:repeat-x; }

#wrapperColumn1 #wrapperSubMenu                         { background-image:url('../Images/menu/submenu_bg.jpg'); background-repeat:repeat-x; margin:0 0 15px 0; }
#wrapperColumn1 #wrapperSubMenu .left                   { float:left;}
#wrapperColumn1 #wrapperSubMenu .right                  { float:right;}  
#wrapperColumn1 #wrapperSubMenu .left,
#wrapperColumn1 #wrapperSubMenu .right                  { background-image:url('../Images/menu/submenu_bg_edge.jpg'); background-repeat:no-repeat; width:1px; height:27px; }
#wrapperColumn1 #wrapperSubMenu ul.subMenu              { list-style:none; height:27px; margin:0; padding:0 0 0 5px; float:left; }
#wrapperColumn1 #wrapperSubMenu ul.subMenu li           { display:block; float:left; line-height:27px; padding:0 5px;}
#wrapperColumn1 #wrapperSubMenu ul.subMenu li.selected a{ color: #325cd5; }
#wrapperColumn1 #wrapperSubMenu ul.subMenu li a         { text-decoration: none; color: #666; font-weight: bold; }

#wrapperColumn1 .categoryContainer,
#wrapperColumn1 .linkContainer                          {/*float:left;*/padding:0;margin:0;}

#wrapperColumn1 .categoryContainer                      {border-right:1px solid #ccc;width:25%;}
#wrapperColumn1 .linkContainer                          {padding:0 0 0 15px; /*width:72%;*/} 

#wrapperColumn1 .categoryContainer,
#wrapperColumn1 .linkContainerSpecial                   {float:left;padding:0;margin:0;}
#wrapperColumn1 .linkContainerSpecial                   {padding:0 0 0 15px; /*width:72%;*/} 

#wrapperColumn1 ul.links,                                  
#wrapperColumn1 ul.categoryMenu                         {padding:0;list-style:none;margin:0;}
 
#wrapperColumn1 ul.links li                             {padding:5px 0 5px 0px;}
#wrapperColumn1 ul.categoryMenu li                      {padding:5px 0 5px 5px;}
#wrapperColumn1 ul.categoryMenu li.selected             {background-color:#eee;}
#wrapperColumn1 ul.categoryMenu li:hover                {background-color:#f3f3f3;}
#wrapperColumn1 ul.categoryMenu li a                    {color:#666;text-decoration:none;}

.contact img                                            {}
.contact span                                           {}
.contact                                                {}

/*
====================================================
WRAPPERIMAGEROTATOR
====================================================
*/
#wrapperImageRotator				
{ 
    margin-bottom: 15px; 
    width: 317px; 
    height: 248px; 
    border: solid 1px #cccccc; 
    float: left; 
}
#wrapperImageRotator .newsticker
{
	position:relative;
	overflow:hidden;
	width: 317px;
	height: 248px;
}

#wrapperImageRotator .newsticker .items
{
	/* this cannot be too large */
	position:absolute;
	width:20000em;	
	clear:both;    
}

#wrapperImageRotator .newsticker .items div					{ position: relative; width: 317px; height: 248px; overflow: hidden; float:left; }
#wrapperImageRotator .newsticker .items div a				{ color: #fff; text-decoration: none; font-weight: bold; font-size: 13px; cursor: hand;  cursor: pointer; }
#wrapperImageRotator .newsticker .items div a .image		{  }
#wrapperImageRotator .newsticker .items div a span.headline { position: absolute; bottom: 0px; left: 0px; padding: 10px; width:307px; display: block; background: url('../images/newsticker_bg.png'); }

#wrapperImageRotator ul.tabs { position: absolute; z-index: 9; list-style-type: none; margin: 3px; padding: 0; }
#wrapperImageRotator ul.tabs li { display: block; width: 10px; height: 10px; background-color: white; border: 1px solid #333; margin-top: 2px; cursor:auto; cursor: hand; }
#wrapperImageRotator ul.tabs li.active { display: block; width: 10px; height: 10px; background-color: #999; margin-top: 2px; }
/*
====================================================
WRAPPERMAP
====================================================
*/
#wrapperMap				{ margin-bottom: 15px; padding: 10px; width: 369px; height: 228px; border: solid 1px #cccccc; float: right; }
#wrapperMap div			{ width: 235px; float: left; }
#wrapperMap div h2		{ font-size: 1.5em; }
#wrapperMap div p		{ margin: 7px 0px 15px 0px; font-size: 1.0em; }	
#wrapperMap div a		{ margin: 7px 0px 7px 0px; padding-left: 20px; background: url('../images/arrow01.gif') no-repeat top left; color: #666666; text-decoration: none; display: block; }
#wrapperMap #Image		{ width: 131px; float: right; }

/*
====================================================
WRAPPERMYPAGE
====================================================
*/
#wrapperMyPage					{ margin-bottom: 15px; }
#wrapperMyPage #nav				
{ 
    width: 186px; 
    background: #f3f2f2; 
    border-left: solid 3px #f94c00; 
    overflow: hidden; 
    float: left; 
    display: inline;
}
#wrapperMyPage #nav h3			{ width: 186px; padding: 11px; margin: 0px; background: url('../images/menyHeadBg.gif') repeat-x top left; border-bottom: solid 1px #bdbcbc; font-size: 14px; color: #595959; }
#wrapperMyPage #nav .sub		{ padding:5px 0px 5px 12px; background: #585959 url('../images/menyArrowDown.gif') no-repeat top right; color: #fff; }
#wrapperMyPage #nav .sub strong	{ display: block; }


#wrapperMyPage #nav ul				{ padding: 0px; margin: 0px; list-style-type: none; }
#wrapperMyPage #nav ul li			{ display: block; border-top: solid 1px #bdbcbc; border-bottom: solid 1px #f8fbff;  }
#wrapperMyPage #nav ul li a			{ height: 40px; background: transparent; display: block; text-decoration: none; color: #000; }
#wrapperMyPage #nav ul li a:hover,
#wrapperMyPage #nav ul li a.selected{ height: 40px; background: #ffffff url('../images/menyArrow.gif') no-repeat top right; display: block; text-decoration: none; }
#wrapperMyPage #nav ul li a span	{ line-height: 40px; padding-left: 10px; font-size: 13px; }

#wrapperMyPage #wrapperContent		 
{
    width: 500px !important; 
    padding: 0px 10px 10px 10px; 
    float: right; 
    display: inline;
}

/*Horizontal navigation inside a project and network-room*/
ul.proj						{ width: 100%; margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; list-style-type: none; }
ul.proj li					{ width: 25%; display: block; float: left; text-align: center;  }
ul.proj li a				{ display: block; background: url('../images/menyBodyLineBg.gif') repeat-x bottom left; text-decoration: none; font-weight: bold; color: #6d6d6d; }
ul.proj li a:hover,
ul.proj li a.selected		{ background: url('../images/menyBodyBg.gif') repeat-x top left; cursor: hand; cursor: pointer; }

ul.proj li a span			{ padding-top: 10px; height: 28px; display: block; }
ul.proj li a:hover span,
ul.proj li a.selected span	{ background: url('../images/menyBodyArrow.gif') no-repeat bottom center; cursor: hand; cursor: pointer; }


/*
====================================================
WRAPPERACTIVITIES
====================================================
*/
#wrapperActivity						{ width: 720px; float: left; }
#wrapperActivity #wrapperContent		
{ 
    padding: 10px; 
    width: 460px; 
    /* background: url('../images/activityBg.gif') repeat-x top left; */
    border: solid 1px #e3e3e3; 
    color: #666666; 
    float: left; 
    overflow: hidden;
    /* display: inline; */
}

#wrapperActivity #wrapperContent.blank	{ padding: 10px; width: 696px; background: none; border: none 0px; color: #666666; }

#wrapperActivity #wrapperContent h1	{ padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperActivity #wrapperContent h2	{ padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; color: #6f706f; }
#wrapperActivity #wrapperContent p	{ padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperActivity #wrapperContent a	{ text-decoration: none; font-weight: bold; }

#wrapperActivity #details			
{ 
    /* margin-left: 18px; */
    width: 215px !important; 
    /* background: url('../images/activityBg.gif') repeat-x top left; */
    border: solid 1px #e3e3e3; 
    float: right; 
    display: inline;
}

#wrapperActivity #details .portrait	{ padding: 17px; margin: 20px 0px 0px 20px; background: #fff; border: solid 1px #e3e3e3 !important; }

#wrapperActivity #details table.info				{ margin: 22px; padding: 0px; width: 190px; }
#wrapperActivity #details table.info tr				{  }
#wrapperActivity #details table.info tr td			{  }
#wrapperActivity #details table.info .padTop		{ padding-top: 10px; }
#wrapperActivity #details table.info .padBottom		{ padding-bottom: 10px; }
#wrapperActivity #details table.info tr td h2		{ font-size: 14px; color: #595959; }
#wrapperActivity #details table.info tr td strong	{ font-weight: bold; color: #707070; display: inline; }

#wrapperActivity #details table.price				{  }
#wrapperActivity #details table.price tr td			{ padding-bottom: 10px; }

#wrapperActivity #wrapperRegister		{ padding: 10px; width: 460px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; color: #666666; float: left; }
#wrapperActivity #wrapperRegister.blank	{ padding: 10px; background: none; border: none 0px; color: #666666; }
#wrapperActivity #wrapperRegister h1	{ padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperActivity #wrapperRegister h2	{ padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; color: #6f706f; }
#wrapperActivity #wrapperRegister p		{ padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperActivity #wrapperRegister a		{ text-decoration: none; font-weight: bold; }

/*
====================================================
WRAPPERLINKS
====================================================
*/
#wrapperLinks						{  }
#wrapperLinks h3					{ padding: 11px; margin: 0px; font-size: 14px; color: #595959; }					
#wrapperLinks #nav					{ width: 186px; border-right: solid 1px #d1d1d1; overflow: hidden; float: left; }
#wrapperLinks #nav .sub				{ padding:5px 0px 5px 10px; font-size: 13px; font-weight: bold; color: #6f706f; }

#wrapperLinks #nav ul				{ padding: 0px; margin: 0px; list-style-type: none; }
#wrapperLinks #nav ul li			{ margin: 10px 0px 10px 0px; display: block; }
#wrapperLinks #nav ul li a			{ height: 22px; background: transparent; display: block; text-decoration: none; color: #666666; }
#wrapperLinks #nav ul li a:hover,
#wrapperLinks #nav ul li a.selected	{ height: 22px; background: #e2e2e2 url('../images/menyArrowSmall.gif') no-repeat top right; display: block; text-decoration: none; }
#wrapperLinks #nav ul li a span		{ line-height: 20px; padding-left: 10px; font-size: 13px; }

#wrapperLinks #wrapperContent			{ width: 500px !important; padding: 0px 10px 10px 10px; float: right !important; }
#wrapperLinks #wrapperContent ul		{ padding: 0px; margin: 0px; overflow: hidden; }
#wrapperLinks #wrapperContent ul li		{ margin-bottom: 20px; }
#wrapperLinks #wrapperContent ul li a	{ font-weight: bold; text-decoration: none; }


/*
====================================================
WRAPPERSTANDARD & WRAPPERCONTENT
====================================================
*/
#wrapperStandard					{  }
#wrapperStandard h3					{ margin: 0px; font-size: 14px; color: #595959; }
#wrapperStandard #wrapperContent	{ padding: 10px 10px 10px 0px; float: left; }

#wrapperContent				{ padding: 0px 10px 10px 0px; /*float: right;*/ width:100%; } /*Is overriden*/
#wrapperContent h1			{ font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperContent h2			{ font-size: 13px; font-weight: 700; color: #ee4f3a; }
#wrapperContent h3			{ font-size: 13px; font-weight: 700; color: #000000; }
#wrapperContent h4			{ font-size: 13px; font-weight: 700; color: #325cd5; }
#wrapperContent p.subline	{ font-weight: bold; }
#wrapperContent p			{ margin: 20px 0px 20px 0px; clear: both; }
#wrapperContent p .left		{ margin-right: 20px; float: left; }
#wrapperContent p .right	{ margin-left: 20px; float: right; }

/*
====================================================
LIST
====================================================
*/
ul.news                     {list-style:none;margin:0;padding:0;}

/*
====================================================
CONTACTS
====================================================
*/

.list                            { border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 15px 0;}
.list .listImg,.listText         { float:left; width:72%;}
.list .listImg                   { margin:0 20px 0 0;width:120px; overflow:hidden;}
.list .info                      { padding:2px 0; white-space:normal; }
.list .heading h2                { margin:0; padding:0 0 5px 0;}

/*
====================================================
PERSONAL
====================================================
*/
table.personal				{ margin-bottom: 20px; border-collapse: collapse; }
table.personal td			{ padding: 20px 0px 20px 0px; border-bottom: solid 1px #cccccc; }
table.personal td.image		{ width: 120px; vertical-align: bottom; }
table.personal td.info 		{ padding-left: 35px; vertical-align: bottom; color: #666666; }
table.personal td.info h2	{ margin-bottom: 10px; font-size: 1.2em; color: #595959; }
table.personal td.info a	{ text-decoration: none; }


/*
====================================================
PARTNERS
====================================================
*/
table.partners				{ margin-bottom: 20px; border-collapse: collapse; }
table.partners td			{ padding: 20px 0px 20px 0px; border-bottom: solid 1px #cccccc; }
table.partners td.image		{ width: 157px; vertical-align: top; }
table.partners td.image a	{  }
table.partners td.info 		{ padding-left: 35px; vertical-align: top; color: #666666; }
table.partners td.info h2	{ margin-bottom: 10px; font-size: 1.2em; color: #595959; }
table.partners td.info p	{ padding: 0px; }
table.partners td.info a	{ text-decoration: none; }


/*
====================================================
TABLES
====================================================
*/
table							{ margin: 0px; padding: 0px; table-layout: auto; border-collapse: collapse; }
table tbody						{  }
table tbody tr					{  }
table tbody tr td				{ padding: 2px; vertical-align: top; display: table-cell;
    margin-left: 40px;
}
table tbody tr td.label			{  }
table tbody tr td.label span	{ font-weight: bold; color: #666666; }
table tbody tr td.label span em	{ padding-left: 5px; color: #189ff9; }

.alignTop td				{ vertical-align: top; }
.alignMiddle td				{ vertical-align: middle; }
.alignBottom td				{ vertical-align: bottom; }

.topPad						{ padding-top: 20px; }
.bottomPad					{ padding-bottom: 20px; }
.topMargin					{ margin-top: 20px; }
.bottomMargin				{ margin-bottom: 20px; }


/*
====================================================
DECORATORS
====================================================
*/
.underline	{ padding-bottom: 5px; border-bottom: solid 1px #bdbcbc; }
.overline	{ padding-top: 5px; border-bottom: solid 1px #bdbcbc; }

/*
====================================================
WRAPPERCALENDARIUM
====================================================
*/
#wrapperCalendarium
{
	height: 290px;
	margin: 15px 0px 10px 0px;
	width: 720px;
	float: left;
}

#wrapperCalendarium h2
{ margin-bottom: 10px; font-size:14px; font-weight: 700; color: #6f706f; }

#wrapperCalendarium .module
{
	
	padding: 0px;
	margin: 0px 7px 0px 7px;
	position: relative;
	height: 255px;
	width: 170px;
	float: left;
}

#wrapperCalendarium .module.first	{ margin-left: 0px; }
#wrapperCalendarium .module.last	{ margin-right: 0px; margin-left: 5px; }

#wrapperCalendarium .module div.content
{
	padding: 10px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	height: 212px;
	font-size: 1.0em;
}

#wrapperCalendarium .module div.content a.seeAll
{
	position: absolute;
	bottom: 5px; left: 5px;
	text-decoration: none;
	font-size: 11px;
	color: #101010;
}

#wrapperCalendarium .module div.content div.editorial
{ display: none; width: 140px; }

#wrapperCalendarium .module div.content a.prevPage,
#wrapperCalendarium .module div.content a.nextPage
{
	position: absolute;
	z-index: 5;
	cursor: hand;
	cursor: pointer;
}

/*Navigators*/
#wrapperCalendarium .module div.content a.disabled	{ visibility: hidden !important; }
#wrapperCalendarium .module div.content a.prevPage	{ top: 32px; right: 5px; }
#wrapperCalendarium .module div.content a.nextPage	{ bottom:5px; right: 5px; }

#wrapperCalendarium .module div.content div.scrollable
{
	position:relative;
	overflow:hidden;
	width: 140px;
	height:180px;
}

#wrapperCalendarium .module div.content .scrollable .items
{
	/* this cannot be too large */
	height:20000em;
	position:absolute;      
}

#wrapperCalendarium .module div.content .scrollable .items div
{
	width: 140px;
	border-bottom: solid 1px #999;
}

#wrapperCalendarium .module div.content .scrollable .items div.active,
#wrapperCalendarium .module div.content .scrollable .items div a:hover
{
	background-color:#fff; 
}

#wrapperCalendarium .module div.content .scrollable .items div a
{
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	color: #010101;
	display: block;
}

#wrapperCalendarium .module div.content .scrollable .items div a .date
{ display: block; font-size: 10px; }

#wrapperCalendarium .module div.content .scrollable .items div a .content
{ font-size: 1em; }

/*Classes if you need to overloading */
/*Seminars*/
#seminars	{  }

/*networks*/
#networks	{  }
#networks div.content a.prevPage		{ top: 100px !important; }
#networks div.content .scrollable		{ height: 110px !important; }
#networks div.content div.editorial		{ margin-bottom: 5px; display: block !important; }

/*Classes*/
#classes	{  }

/*Events*/
#events		{  }
#events div.content a.prevPage		{ top: 100px !important; }
#events div.content .scrollable		{ height: 110px !important; }
#events div.content div.editorial	{ margin-bottom: 5px; display: block !important; }
#events div.content .scrollable .items div
{ border: none 0 !important; }

/*
====================================================
WRAPPERBLOGS
====================================================
*/
/* FRONT PAGE LINK COLLECTION */
#wrapperBlogLinks { padding: 10px; width: 698px; background: #ededed; border: solid 1px #cccccc; float: left; }
#wrapperBlogLinks #wrapperContent		{ padding: 10px; width: 460px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; color: #666666; float: left; }
#wrapperBlogLinks #wrapperContent.blank	{ padding: 10px; width: 696px; background: none; border: none 0px; color: #666666; }

#wrapperBlogLinks #wrapperContent h1	{ padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperBlogLinks #wrapperContent h2	{ padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; color: #6f706f; }
#wrapperBlogLinks #wrapperContent p	{ padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperBlogLinks #wrapperContent a	{ text-decoration: none; font-weight: bold; }

#wrapperBlogLinks #details			{ margin-left: 18px; width: 215px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; overflow: hidden; float: left; }
#wrapperBlogLinks #details .portrait	{ padding: 17px; margin: 20px 0px 0px 23px; background: #fff; border: solid 1px #e3e3e3; }

#wrapperBlogLinks #details table.info				{ margin: 22px; padding: 0px; width: 190px; }
#wrapperBlogLinks #details table.info tr				{  }
#wrapperBlogLinks #details table.info tr td			{  }
#wrapperBlogLinks #details table.info .padTop		{ padding-top: 10px; }
#wrapperBlogLinks #details table.info .padBottom		{ padding-bottom: 10px; }
#wrapperBlogLinks #details table.info tr td h2		{ font-size: 14px; color: #595959; }
#wrapperBlogLinks #details table.info tr td strong	{ font-weight: bold; color: #707070; display: block; }

#wrapperBlogLinks div { margin: 0px 25px 0px 24px; width: 100px; height: 190px; display: block; overflow:hidden; float: left; }
#wrapperBlogLinks div image	{ border: solid 1px #929191; }
#wrapperBlogLinks div h4	{ margin-top: 10px; padding-left: 20px; background: transparent url('../images/arrow01.gif') no-repeat top left; }
#wrapperBlogLinks div p		{ padding: 0px 0px 0px 20px; margin: 0px; font-size: 0.9em; }
#wrapperBlogLinks div.first	{ margin-left: 1px; }
#wrapperBlogLinks div.last	{ margin-right: 0px; }
/* BLOGS */
#wrapperBlogs { padding: 10px; width: 698px; float: left; }
#wrapperBlogs #wrapperContent		{ padding: 10px; width: 440px;  background-image: url('../images/greyTint.jpg'); background-repeat: repeat-x; color: #666666; float: left; border: solid 1px #e3e3e3; }
/*#wrapperBlogs #wrapperContent.blank	{ padding: 10px; width: 696px;  background: #ededed; border: none 0px; color: #666666; }*/

#wrapperBlogs #wrapperContent h1	{ padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; /*color: #6f706f;*/ }
#wrapperBlogs #wrapperContent h2	{ padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; /*color: #6f706f;*/ }
#wrapperBlogs #wrapperContent p	{ padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperBlogs #wrapperContent a	{ text-decoration: none; font-weight: bold; }
#wrapperBlogs #wrapperContent .mainBody { font-size: 12px; }
#wrapperBlogs #wrapperContent .mainBody p { font-size: 12px; }
#wrapperBlogs #wrapperContent ul.comments { font-size: 10px; }
#wrapperBlogs #wrapperContent li.comments { margin-bottom: 10px; }
#wrapperBlogs #wrapperContent h2.comments { padding: 5px 0 0 0; }

#wrapperBlogs #wrapperContent .noTopPad { padding-top: 0; }
#wrapperBlogs #wrapperContent .noBottomPad { padding-bottom: 0; }
#wrapperBlogs #wrapperContent .blogItem a { color: #595959; }

#wrapperBlogs #wrapperContent #CommentArea table { margin: 5px 0 5px 0; }

#wrapperBlogs #details			{ margin-left: 5px; width: 218px;  background-image: url('../images/greyTint.jpg'); background-repeat: repeat-x; border: solid 1px #e3e3e3; overflow: hidden; float: right; }
#wrapperBlogs #details .portrait	{ padding: 2px; border: solid 1px #e3e3e3 !important; }

#wrapperBlogs #details table.info				{ margin: 15px; padding: 0px; width: 190px; }
#wrapperBlogs #details table.info tr				{  }
#wrapperBlogs #details table.info tr td			{  }
#wrapperBlogs #details table.info .padTop		{ padding-top: 10px; }
#wrapperBlogs #details table.info .padBottom		{ padding-bottom: 10px; }
#wrapperBlogs #details table.info tr td h2		{ font-size: 14px; color: #595959; }
#wrapperBlogs #details table.info tr td strong	{ font-weight: bold; color: #707070; display: block; }
#wrapperBlogs #details table.info .body { font-size: 10px; }
#wrapperBlogs #details ul { padding-left: 10px; margin: 0; }
#wrapperBlogs #details ul.sub { padding-left: 10px; }
#wrapperBlogs #details li a { color: #595959; }
#wrapperBlogs #details .dateTree { padding-left: 5px; }

/*#wrapperBlogs div { margin: 0px 25px 0px 24px; width: 100px; height: 190px; display: block; overflow:hidden; float: left; }*/
/*#wrapperBlogs div image	{ border: solid 1px #929191; }*/
#wrapperBlogs div h4	{ margin-top: 10px; padding-left: 20px; background: transparent url('../images/arrow01.gif') no-repeat top left; }
#wrapperBlogs div p		{ /*padding: 0px 0px 0px 20px;*/ margin: 0px; font-size: 0.9em; }
#wrapperBlogs div.first	{ margin-left: 1px; }
#wrapperBlogs div.last	{ margin-right: 0px; }
/*
====================================================
WRAPPERFOOTER
====================================================
*/
#wrapperFooter
{
	margin-top: 30px;
	height: 28px;
	background: #e0e0e0;
	color: #7f7f7f;
}
#wrapperFooter a
{
	float: left;
	padding-right: 5px;
}
#wrapperFooter div
{
    float:left;
    line-height:28px;
	font-size: 10px;
	font-weight: bold; text-align: center;
}
#wrapperFooter div a
{ float: none; }


/*
====================================================
INFOBOX
====================================================
*/
.infobox					{ width: 450px; position: relative; border: solid 1px #cccccc; float: left; }
.infobox .content			{ position: relative; padding: 10px; float: left; }
.infobox .content img,
.infobox .content image		{ float: left; }
.infobox .content div		{ margin-left: 10px; width: 370px; float: right; }
.infobox .content div h4	{ font-size: 13px; color: #666666; }

.infobox .corner1,
.infobox .corner2,
.infobox .corner3,
.infobox .corner4	{ position: absolute; z-index: 10; width: 6px; height: 6px; background: url('../images/boxCornerBg.gif') no-repeat; }

.infobox .corner1	{ top: -1px; left: -1px; background-position: top left; }
.infobox .corner2	{ top: -1px; right: -1px; background-position: top right; }
.infobox .corner3	{ bottom: -1px; left: -1px; background-position: bottom left; }
.infobox .corner4	{ bottom: -1px; right: -1px; background-position: bottom right; }

/*
====================================================
LOGIN MODULE
====================================================
*/
.LoginModule
{
    display: block;
    margin-bottom: 6px;
    padding: 2px 2px 5px 10px;
    background-color: #ededed;
    border: solid 1px #cccccc;
}
.LoginModule .Athorized
{
    background: url('../images/inlogg_bg.png');
    background-repeat: repeat-x;
}
.LoginModule table { width: 100%; }
.LoginModule td { white-space: nowrap; }
.LoginModule .UserNameField { width: 150px; font-size: 11px; }
.LoginModule .PasswordField { width: 150px; font-size: 11px; }
.LoginModule .LoginButton { width: 63px; font-size: 11px; }
.LoginModule .LogoutButton { width: auto; font-size: 11px; }
.LoginModule .CheckBox { width: 20px; height: 20px; font-size: 11px; }
.LoginModule .Text { font-size: 11px; }
.LoginModule .HeaderText { display: inline-block; font-size: 11px; margin-top: 0px; }
.LoginModule .MarginText { display: inline-block; font-size: 11px; margin-top: 5px; }
.LoginModule .Link { display: inline-block; font-size: 11px; margin-top: 5px; }

.LoginModule A:active { color: Black; text-decoration: none; }
.LoginModule A:hover { color: Black; text-decoration: none; }
.LoginModule A:visited { color: Black; text-decoration: none; }
.LoginModule A:link { color: Black; text-decoration: none; }

.loginArea .error { display: block; width: 228px; }

/*
====================================================
SEARCH MODULE
====================================================
*/
.SearchModule
{
    margin-bottom: 6px;
    padding: 2px 2px 5px 10px;
    background-color: #ededed;
    border: solid 1px #cccccc;
}
.SearchModule .Header { font-size: 11px; }
.SearchModule .TextField { font-size: 11px; width: 160px; }
.SearchModule .Button { font-size: 11px; width: auto; float: right; clear: right; }

/*
====================================================
MEMBER SEARCH MODULE
====================================================
*/
.MemberSearchModule
{
    margin-bottom: 6px;
    padding: 1px 1px 1px 1px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
}
.MemberSearchModule table { padding: 0px; margin: 0px; width: auto; }
.MemberSearchModule table td { padding: 0px; margin: 0px; }
.MemberSearchModule table tr { padding: 0px; margin: 0px; }
.MemberSearchModule img { display: inline-block; margin: 0px; padding: 0px; }
.MemberSearchModule .padding { padding-left: 10px; }
.MemberSearchModule .Heading { font-size: 11px; }
.MemberSearchModule .TextField { font-size: 11px; width: 153px; }
.MemberSearchModule .Link { font-size: 11px; }
.MemberSearchModule .Button { font-size: 11px; }

.MemberSearchModule A:active { color: Black; text-decoration: none; }
.MemberSearchModule A:hover { color: Black; text-decoration: none; }
.MemberSearchModule A:visited { color: Black; text-decoration: none; }
.MemberSearchModule A:link { color: Black; text-decoration: none; }

/*
====================================================
MODULES
====================================================
*/
.module
{
	margin-bottom: 6px;
}
.mod1
{
	padding: 10px;
	background: #ededed;
	border: solid 1px #cccccc;
}

.mod2
{
	background: #f5f5f4;
	border: none 0px;
}
.mod2 h3
{
	padding: 3px 0px 0px 25px;
	height: 19px;
	background: #535252 url('../images/mod2_bg.png') no-repeat top left;
	color: #ffffff;
}
.mod2 div.content
{
	padding: 10px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}

.mod3
{
	padding: 4px;
	background: #eaf4fb;
}

.mod3 div.content
{
	background: #fff;
	border: solid 1px #e1e0e0;
}

.mod4
{
	padding: 4px;
	background: #eaf4fb;
}

.mod4 div.content
{
	background: #fff;
	border: solid 1px #bfdbff;
}

.mod1 div.nopad,
.mod2 div.nopad,
.mod3 div.nopad

{
	padding: 0px;
}

.mod1 div.pad,
.mod2 div.pad,
.mod3 div.pad

{
	padding: 10px;
}

/* SEARCH */
.SearchView { margin: 10px 0 25px 0;  width: 720px; }
.SearchView div { width: 400px; margin: 5px 0 5px 0; }
.SearchView table { border-bottom: solid 1px #333; border-top: solid 1px #333; margin-top: 5px; }
.SearchView td { padding: 5px 5px 8px 5px; }
.SearchView h1 { font-size: 16px; border: none 0px; }
.SearchView h2 { font-size: 12px; }
.SearchView p.BreedCrumbs { font-size: 10px; }
.SearchView p { font-size: 10px; font-style: italic; font-weight: bold; margin: 5px 0 5px 0; }
.SearchView p.Date { font-size: 10px; }

/*
====================================================
ICONS
====================================================
*/

span.arrow
{ width:17px; height: 14px; background: url('../images/arrow01.gif') no-repeat top left; display: block; float: left; }

/***********************************
                CHECKBOXLIST
************************************/
.CheckBoxList td
{
    padding-left:40px;  
}

/***********************************
                LABELS
************************************/
.labelError
{
    color: Red;
    font-size: Medium;  
}

.labelErrorSmall
{
    color: Red;
    font-size: small;  
}

/***********************************
                TEXTBOX
************************************/
.ErrorBox
{
    background-color: Red;
}

/***********************************
                BUTTONS
************************************/
.SmallerButton
{
    font-size: 11px;
}

/*
====================================================
HACKS & QUIRKS
====================================================
*/
.clear	{ float: none; clear: both; font-size:0; height:0; }
.colJustify	{}