@import url(reset.css);

@import url(footer.css);

html {
	overflow-y: 					scroll;
}

img, div { 
	behavior: 						url(/css/iepngfix.jsp);
}

body {
	background-color:				#F1F1F1;
	font-family:					Arial;
	font-size:						12px;
	line-height:					1.3em; 
}

a {
	text-decoration:				none;
	color:							#336699;
}

input, textarea, button, select {
	font-family:					Arial;
	font-size:						12px;
	line-height:					1.3em;
	border:							1px solid #B5B5B5;
}

input[type=radio], input[type=checkbox] {
	border-width:					0;
}

input.error {
	border:							1px solid #E47373;
	background-color:				#FFD6D6;
}

input.submit {
	font-weight:					bold;
	background-color:				#336699;
	color:							white;
	border:							1px solid white;
	padding:						3px 5px 3px 5px;
}

input.submit.small {
	font-weight:					normal;
	padding:						2px 3px 2px 3px;
	font-size:						11px;
}

input.big {
	padding:						7px 7px 7px 7px;
	font-weight:					bold;
}

input.submit.wait {
	background-color:				#F1F1F1;
	color:							black;
}

input.cancel {
	background-color:				#888;
	color:							white;
	border: 						1px solid white;
	padding:						3px 5px 3px 5px;
}

input.close {
	background-color:				#888;
	color:							white;
	border: 						1px solid white;
	padding:						3px 5px 3px 5px;
	cursor:							pointer;
}

input.delete {
	background-color:				#CD2626;
	color:							white;
	border: 						1px solid white;
	padding:						3px 5px 3px 5px;
}

input.infoValue, textarea.infoValue {
	color:							#999;
	font-style: 					italic;
}

.hidden {
	display:						none;
}

div.buttonBar {
	text-align:						right;
	margin-top:						15px;
}

.odd {
	background-color:				#F1F1F1;
}

div.fullscreen {
	position:						absolute;
	left:							0;
	top:							0;
	width:							100%;
	height:							100%;
	background-image:				url(/images/framework/submenu_bg.png);
	z-index: 						100;
	padding-top:					50px;
	color:							white;
	font-size:						16px;
	text-align: 					center;
}

div.fullscreen img {
	margin:							5px;
}

div.fullscreen span {
	background-color:				white;
	color:							black;
	padding:						5px;	
}

div.fullscreen a {
	color:							black;
	text-decoration: 				underline;
}
	
a.add {
	background-image: 				url(/images/framework/icons/add.png);
	background-repeat: 				no-repeat;
	padding-left:					12px;
	background-position: 			0 3px;
}

div.error, li.error {
	height:							50px;
	text-align:						center;
	padding-top:					50px;
}

div.wrapper {
	background-image:				url(/images/framework/wrapper_bg.png);
	background-repeat:				repeat-y;
	background-position:			right;
	margin:							auto;
	width:							1015px;
}

div.wrapper div.topbanner {
	margin-left:					27px;
	padding:						2px	0 0 2px;
}

div.wrapper div.top {
	height:							76px;
	border-top:						1px solid #CCCCCC;
	border-bottom:					1px solid #CCCCCC;
	width:							984px;
	margin-left:					27px;
	background-image:				url(/images/framework/top_1.jpg);
}

div.wrapper div.top div.logo {
	position: 						absolute;
}

div.wrapper div.top div.search {
	position:						absolute;
	margin-left:					711px;
	width:							273px;
	height:							24px;
	color:							#336699;
	font-family:					Arial;
	font-size:						13px;
	font-weight:					bold;
}

div.wrapper div.top div.boogle.up.outer.search {
	margin-left:					655px;
	margin-top:						-10px;
	position:						absolute;
	z-index:						100;
	width:							300px;
}

div.wrapper div.top div.boogle.up.outer.search ul li {
	padding:						3px 3px 3px 35px;
	cursor:							pointer;
	background-color:				#F1F1F1;
	color:							#336699;
}

div.wrapper div.top div.boogle.up.outer.search ul li.odd {
	background-color:				white;
}

div.wrapper div.top div.search.long {
	margin-left:					634px;
	width:							350px;
}

div.wrapper div.top div.search img {
	position:						absolute;
	top:							0;
	left:							0;
}

div.wrapper div.top div.boogle.up.outer.search ul li img {
	position:						relative;
	margin-left:					-30px;
}

div.wrapper div.top div.search input {
	position:						absolute;
	width: 							160px;
	height: 						17px;
	border:							1px solid black;
	font-family:					Arial;
	top:							3px;
	left:							60px;
}

div.wrapper div.top div.search span {
	position:						absolute;
	top:							6px;
	right:							15px;
	cursor:							pointer;
}

div.wrapper div.top div.search.long span {
	right:							90px;
}

div.wrapper div.top div.search a {
	position:						absolute;
	top:							6px;
	right:							15px;
	border-left:					1px solid black;
	padding-left:					10px;
}

div.wrapper div.content {
	width:							968px;
	margin-left:					27px;
	padding:						10px 8px 0 8px;
}

div.wrapper div.content div.footer {
	clear:							both;
}

div.wrapper div.content div.half {
	width:							475px;
	float: 							left;
	padding-top:					8px;
}

div.wrapper div.content div.half.right { 
	background-color:				#F1F1F1;
	padding:						8px;
	width:							459px;
}

div.wrapper div.content div.half.right ul li.odd {
	background-color:				white;
}

div.wrapper div.content div.half.right ul li.new {
	background-color:				#FFFFCC;
}

div.wrapper div.content div.half.right ul li.empty {
	background-color:				white;
	text-align:						center;
	height:							30px;
	padding-top:					20px;
	font-size:						11px;
}

div.wrapper div.content div.half.right strong {
	font-size:						14px;
}

div.wrapper div.content div.half.right div.headermenu, div.search div.headermenu {
	font-size:						11px;
}

div.wrapper div.content div.half.right div.headermenu a.selected, div.search div.headermenu a.selected {
	background-image: 				url(/images/framework/headermenu_black.gif);
}

div.wrapper div.content div.half.right div.headermenu a img, div.search div.headermenu a img {
	margin-left:					-10px;
}

div.wrapper div.content div.half.right ul {
	border-top:						1px solid black;
}

div.wrapper div.content div.half.right ul input[type=button] {
	margin-top:						5px;
}

div.wrapper div.content div.half.first {
	border-right:					1px solid #666666;
	margin-right:					8px;
	padding-right:					8px;	
}

div.wrapper div.content div.one_content {
	width:							475px;
	float: 							left;
	margin-right:					164px;
	margin-left:					181px;
}

div.wrapper div.content div.one_right {
	width:							147px;
	float: 							left;
}

div.wrapper div.content div.staticRight {
	width:							311px;
	margin-right:					8px;
	padding-right:					8px;
	border-right:					1px solid black;
	float:							left;
}

div.wrapper div.content div.staticRight div.focus { 
	margin-bottom:					20px;
	padding-bottom:					10px;
	border-bottom:					1px solid black;
}

div.wrapper div.content div.staticRight div.focus a { 
	font-weight: 					bold;
}

div.wrapper div.content div.staticRight div.focus strong { 
	font-size:						14px;
}

div.wrapper div.content div.staticRight div.focus img {
	margin-bottom:					10px;
}

div.wrapper div.content div.staticRight div.login {
	background-color:				#F1F1F1;
	margin-bottom:					10px;
	padding:						10px;
	background-image:				url(/images/framework/login.gif);
	background-repeat: 				no-repeat;
	background-position: 			230px 5px;
}

div.wrapper div.content div.staticRight div.login span.domain {
	color:							#999;
	font-size:						11px;
}

div.wrapper div.content div.staticRight div.login span.description {
	color:							#666;
	font-weight: 					bold;
}

div.wrapper div.content div.staticRight div.login div.function {
	float:							left;
	width:							145px;
	height:							40px;
	font-weight: 					bold;
}

div.wrapper div.content div.staticRight div.login div.function img {
	float: 							left;
	margin-right:					10px;
	vertical-align: 				top;
}

div.wrapper div.content div.staticRight div.login div.signupbutton {
	background-image:				url(/images/signupstart_button.gif);
	width:							223px;
	height:							24px;
	font-weight:					bold;
	padding-top:					9px;
	text-align:						center;
	margin-left:					35px;
	cursor:							pointer;
	margin-bottom:					10px;
	margin-top:						15px;
}

div#forgotPassword {
	margin-top: 3px;
	font-size:11px;
	font-weight:bold;
}

div.wrapper div.content div.bannerRight {
	width:							147px;
	float:							left;
}

div.wrapper div.content div.bannerRight img {
	margin-bottom:					10px;
}

div.help {
	border:							1px solid #999;
	background-color: 				#FFC;
	padding:						5px 5px 5px 30px;
	margin:							10px 0 10px 0;
	font-size:						12px;
	background-image:				url(/images/framework/icons/help.png);
	background-position:			5px 5px;
	background-repeat:				no-repeat;
}

div.help strong {
	display:						inline;
	font-size:						12px;
}

div.flik {
	float:							left;
	position: 						relative;
	left:							-27px;
	margin-right: 					-27px;
	width: 							23px;
}

div.flik.flikArticle {
	background-image:				url(/images/framework/flik.png);
	background-position:			bottom right;
	background-repeat: 				no-repeat;
	margin-right:					-35px;
	left:							-35px;
	border-width:					0;
	background-repeat: 				no-repeat;
	width:							27px;
}

div.flik.flikArticle div {
	background-image:				url(/images/framework/flik.png);
	background-position:			top left;
	background-repeat: 				no-repeat;
	padding-left:					4px;
	padding-top:					5px;
	margin-bottom:					8px;
}

div.flik.flikArticle div div.breaker {
	margin:							0;
	padding:						0;
}

div.breaker {
	clear:							both;
}

img.right {
	float:							right;
	margin-bottom:					5px;
}

img.focusArticle {
	margin-top:						3px;
	border:							1px solid #D3D3D3;
}

div.boogle.userSelector {
	height:							300px;
}

div.boogle.userSelector.big {
	height:							335px;
}

div.boogle.userSelector div.boogle {
	height:							275px;
	text-align:						left;
}

div.boogle.userSelector.big div.boogle {
	height: 						310px;
}

div.boogle.userSelector div input.search {
	width:							244px;
	margin-bottom:					2px;
	padding:						3px;
}

div.boogle.userSelector div ul {
	width:							100%;
	height: 						180px;
	overflow-y:						auto;
	background-color:				white;
	border:							1px solid #B5B5B5;
}

div.boogle.userSelector.big div ul {
	height: 						160px;
}

div.boogle.userSelector div ul li, div.newmail ul.to li {
	padding:						1px 0 1px 0;
	font-weight:					bold;
}

div.boogle.userSelector div ul li.selected {
	background-color:				#FFC;
}

div.boogle.userSelector div ul li img, div.newmail ul.to li img {
	vertical-align:					text-top;
	margin-top:						-5px;
}

div.boogle.users div ul.users {
	width:							100%;
	height: 						420px;
	background-color:				white;
	border:							1px solid #B5B5B5;
}

div.boogle.users div ul.users li {
	padding:						0;
	font-weight:					bold;
	float:							none;
	width:							100%;
	height:							60px;
	margin:							0px;
}

div.boogle.users div ul.users li div {
	float:							left;
	width:							240px;
	padding:						25px 5px 5px 5px;
	border-right:					1px solid #B5B5B5;
}

div.boogle.users div ul.users li div.secondrow {
	border-width: 					0;
}

div.boogle.users div ul.users li img {
	vertical-align:					text-top;
	margin-top:						-20px;
}

div.boogle.report textarea {
	width:							100%;
}

a.report {
	font-size:						12px
}

/************************
	The top menu
*************************/
div.wrapper div.top div.menu {
	height: 						27px;
	width:							984px;
}

div.wrapper div.top div.menu a {
	color:							white;
	font-weight:					normal;
}

div.wrapper div.top div.menu div {
	background-color: 				#333333;
	float:							right;
}

div.wrapper div.top div.menu.fix {
	position:						relative;
	top: 							49px;
	z-index: 						10;
}
	
div.wrapper div.top div.menu.float {
	position:						fixed;
	top:							0;
	z-index: 						10;
}

div.wrapper div.top div.menu ul li {
	float:							left;
	padding:						7px 10px 0 10px;
	color:							white;
	border-left:					1px solid #686868;
	height:							20px;
	font-family:					Arial, Helvetica;
	font-size:						12px;
	cursor:							pointer;
}

div.wrapper div.top div.menu ul li.active {
	background-color:				black;
}

div.wrapper div.top div.menu ul li.image {
	padding:						0;
	height:							27px;
	border-width:					0;
}

div.wrapper div.top div.menu ul li.image.person img {
	float:							left;
}

div.wrapper div.top div.menu ul li.image.com {
	background-image: 				url(/images/framework/menu_com_bg.gif);
	width:							90px;
}

div.wrapper div.top div.menu ul li.image.com div {
	background-color:				transparent;
	display:						block;
	float:							left;
	width:							19px;
	padding:						4px 0 0 8px;
}

div.wrapper div.top div.menu ul li.image.com div img.blob {
	position:						absolute;
	margin-top:						-7px;
	margin-left:					-10px;
}

div.wrapper div.top div.menu ul li div.submenu, 
div.wrapper div.top div.menu ul li div.submenu ul.submenu li div,
div.wrapper div.top div.menu ul li.image.com ul  {
	position:						absolute;
	top: 							27px;
	margin-left:					-10px;
	display: 						none;
	background-color:				transparent;
	border:							1px solid #8D8D8D;
	border-width:					1px 0 0 0;
	width: 							150px;
	z-index:						10;
}

div.wrapper div.top div.menu ul li.image.com ul {
	margin-left:					-8px;
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li,
div.wrapper div.top div.menu ul li.image.com ul li  {
	float:							left;
	border-style:					solid;
	border-color:					#8D8D8D;
	border-width:					0 1px 1px 1px;
	background-image:				url(/images/framework/submenu_bg.png);
	background-color:				transparent;
	font-weight:					normal;
	height: 						22px;
	margin:							0px;
	width:							129px;
}

div.wrapper div.top div.menu ul li.image.com ul li {
	background-image:				url(/images/framework/submenu_bg_com.png);
}

div.wrapper div.top div.menu ul li.image.com ul li.active {
	background-image:				url(/images/framework/submenu_bg_com_active.png);
}

div.wrapper div.top div.menu ul li.image.com ul.profile li a {
	padding-left:					20px;
}

div.wrapper div.top div.menu ul li.image.com ul.profile li a img {
	margin-top:						4px;
	position:						absolute;
	margin-left: 					-23px;
	margin-top:						-1px;
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li img.arrow {
	position: 						absolute;
	right: 							5px;
	width:							4px;
	height: 						7px;
	margin-top:						3px;
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li.active {
	background-image:				url(/images/framework/submenu_bg_active.png);
	border-width:					0 1px 1px 1px;
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li div {
	background-color:				transparent;
	background-image: 				url(/images/framework/submenu_bg_active.png);
	float: 							right;
	margin-top: 					-28px;	
	margin-left: 					139px;		
	width:							200px;
	border:							1px solid #8D8D8D;
	border-width:					1px 0 0 0;	
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li div ul.submenu2 {
	padding-top:					5px;
	padding-bottom:					5px;
}

div.wrapper div.top div.menu ul li div.submenu ul.submenu li div ul.submenu2 li {
	background:						none;
	float:							none;
	border:							none;
	font-weight:					bold;
	height: 						15px;
	padding-top: 					2px;
	padding-bottom:					2px;
	font-size:						11px;
	width: 							200px;
}

div.header {
	font-weight:					bold;
	font-size:						12px;
	padding:						2px 0 2px 5px;
	background-color:				#F1F1F1;
	border-bottom: 					1px solid #C6C6C6; 
}

div.headerUtbildningsguiden  {
    background-image: url("/bilder/utbildningsguiden_header.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 21px;
    width: 311px;
}

span.courseName {
    color: #336699;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

span.schoolName {
    color: #333333;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
}

div.utbildningsguideImage  {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    float: left;
    height: 84px;
    margin: 0;
    padding: 2px;
    width: 145px;
}

div.utbildningsguideImage div {
    background-color: #FFFFFF;
    display: table-cell;
    height: 81px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 141px;
}

div.header span {
	font-size: 						12px;
	font-weight: 					normal;
}

div.headermenu {
	font-size:						10px;
	padding-bottom:					4px;
}

div.headermenu a {
	margin-right:					10px;
	padding-bottom:					5px;
}

div.headermenu a.selected {
	font-weight:					bold;
	color:							black;
	background-image:				url(/images/framework/headermenu.gif);
	background-repeat:				no-repeat;
	background-position:			center bottom;	
}

div.headermenu a.add {
	font-size:						12px;
	font-weight:					bold;
	float: 							right;
}



/************************
	Content
*************************/

h1 {
	line-height: 					32px;
	font-family: 					Arial;
	font-size:						30px;
	color:							#000;
	font-weight:					bold;
	padding-top:					5px;
	margin-bottom:					10px;		
}

h1.error {
	color:							#BC000F;
}

h2 {
	line-height: 					32px;
	font-family: 					Arial;
	font-size:						22px;
	color:							#000;
	font-weight:					bold;
	padding-top:					5px;
	margin-bottom:					3px;		
}

h1.chronicle {
	font-family: 					Georgia;
	font-weight:					normal;
}

div.article {
	border-top:						1px solid black;
	margin-bottom:					10px;
	float: 							left;
	width:							474px;
	background-image:				none;
}

div.article div {
	background-image: 				none;
}

div.article.flow {
	background-color:				#FFDB9B;
	padding-bottom:					5px;
}

div.article.flow h1 span {
	background-color:				#BC000F;
	color:							white;
	display: 						inline;
	padding-right:					5px;
	margin-bottom:					2px;
	line-height: 					40px;
}

div.article.flow span {
	padding-left:					5px;
	display:						block;
}

div.article.flow span.date {
	display:						inline;
}

div.article.articleContent {
	border-top:						1px solid black;
	margin-bottom:					10px;
	float:							none;
}

div.article div.right {
	float:							right;
	width:							150px;
	margin-left:					10px;
	margin-bottom:					10px;
}

div.article div.right div.score {
	text-align: 					center;
	font-size:						11px;
	font-weight: 					bold;
	margin-top:						10px;
}

div.article div.right div.score span {
	font-weight:					normal;
}

div.article div.right div.score img {
	margin-top:						5px;
}

div.article span.date {
	color:							#999;
}

div.article span.tags, div.article span.category, span.category {
	font-size:						11px;
}

div.article span.category {
	float:							left;
}

span.category a {
	color:							black;
}
	
div.article span.tags {
	float:							right;
}

div.article span.tags em {
	color:							#888;
}

div.article strong.intro {
	display:						block;
	padding:						1em 0 1em 0;
}

div.article div.author {
	border: 						1px solid #CCC;
	height:							50px;
	padding-top: 					10px;
	margin-top:						20px;
	padding-left:					10px;
}

div.article div.author.small {
	background-color:				#F1F1F1;
	margin-top:						10px;
	width:							140px;
	height:							auto;
	border:							none;
	padding:						5px;
	font-style: 					italic;
	font-size: 						11px;
}

/* For content listing */
ul li div.article div.author.small {
	float:							right;
	margin-left:					10px;
}

div.article div.author img {
	float: 							left;
	margin-right:					20px;
	margin-top:						-10px;
	margin-left:					-10px;
}

div.article div.author.small img {
	float: 							none;
	margin:							0;
}

div.article div.author strong {
	color:							#336699;
	font-size:						14px;
}

div.article div.author.small strong {
	color:							#336699;
	font-size:						11px;
	font-style: 					normal;
}

ul li div.article.flow div.author.small {
	background-color:				#FFC04A;
}

ul li div.article.flow div.author.small strong {
	color:							#BC000F;
}

ul li div.article.flow div.author {
	background-color:				#FFC04A;
}

ul li div.article.flow div.author strong {
	color:							#BC000F;
}


div.article div.digg {
	margin:							20px 0 0 0;
}

div.article img.articleImage {
	float: 							right;
	margin:							5px;
}



/************************
	Comment block
*************************/
div.comments {
	margin-top: 					20px;
}

div.commentsLite {
	padding:						5px;
	font-weight:					bold;
	display: 						inline;
}

div.commentsLite img {
	margin-left:					10px;
}
	
div.comments div.commentsHead {
	background-color:				#E0E0E0;
	border:							1px solid #CCC;
	border-width:					1px 1px 0 1px;
	height: 						25px;
}

div.comments div.commentsHead div {
	float: 							left;
	font-size:						15px;
	padding:						5px 10px 4px 10px;
	border: 						1px solid #CCC;
	border-width:					0 1px 0 0;
	cursor:							pointer;
}

div.comments div.commentsHead div.selected {
	background-color:				#F1F1F1;
	border-bottom:					1px solid #F1F1F1;
	border-right:					1px solid #CCC;
}

div.comments div.commentsHead div.share {
	float:							right;
	border:							none;
	padding-right:					5px;
}

div.comments ul.comments {
	border:							1px solid #CCC;
	border-width:					1px 1px 0 1px;
}

div.comments ul.comments.digg {
	display:						none;
}

div.comments ul.comments.tips {
	display:						none;
}

div.comments ul.comments li {
	padding:						5px;
	background-color: 				#FFF;
	border:							1px solid #CCC;
	border-width:					0 0 1px 0;
	width:							463px;
	display: 						block;
}

div.comments ul.comments li.hidden {
	display: 						none;
}

div.comments ul.comments li.odd {
	background-color:				#F1F1F1;
}

img.delete {
	float:							right;
	cursor:							pointer;
}

div.comments ul.comments li a.report {
	float:							right;
}

div.comments ul.comments li div.image {
	width:							50px;
	float:							left;
	margin-right:					10px;
}

div.comments ul.comments li div.tipText, div.comments ul.comments li div.commentText {
	width: 							400px;
	float: 							left;
}

div.comments ul.comments li div.tipText strong, div.comments ul.comments li div.commentText strong {
	font-size:						11px;
}

div.comments ul.comments li div.tipText textarea, div.comments ul.comments li div.commentText textarea {
	height:							50px;
	width:							300px;
}

div.comments ul.comments li div.commentText div.boogle textarea {
	width:							100%;
}

div.comments ul.comments.digg li div.commentText {
	font-size:						18px;
}

div.errorMessages {
	margin:							20px 0 20px 0;
	padding: 						10px;
	background-color:				#E47373;
}

div.errorMessages strong.errorHeader {
	font-size: 						14px;
	display:						block;
	margin-bottom:					10px;
}

div.boogle {
	position:						absolute;
	width:							300px;
	padding-bottom:					34px;
	display: 						none;
	background-image:				url(/images/framework/boogle.png);
	background-position: 			bottom right;
	z-index: 						20;
}

div.boogle div.boogle {
	position:						static;
	width: 							250px;
	color: 							black;
	display: 						block;
	background-position: 			left top;
	padding: 						25px 25px 0 25px;
}

div.boogle.up {
	padding-top:					34px;
	background-image:				url(/images/framework/boogle_180.png);
	background-position: 			top right;
}

div.boogle.up div.boogle.up {
	background-position: 			left bottom;
	padding: 						0 25px 25px 25px;
}

div.boogle div.boogle strong {
	font-size: 						14px;
	font-weight:					bold;
	margin-bottom:					5px;
	display:						block;
}

div.boogle span.success, div.boogleInfo span.success {
	display:						none;
	float:							none;
	font-size:						12px;
	font-weight: 					normal;
}

div.boogleInfo {
	background-image: 				url(/images/framework/boogle_info.png);
	background-repeat:				no-repeat;
	background-position:			right bottom;
	width: 							465px;
	padding-bottom: 				22px;
	position:						absolute;
	z-index:						21;
}

div.boogleInfoPodcastSubscribe {
	background-image: 				url(/images/podcast/boogle_info.png);
	background-repeat:				no-repeat;
	background-position:			right bottom;
	width: 							465px;
	padding-bottom: 				22px;
	position:						absolute;
	z-index:						21;
}

div.boogleInfo div.boogleInfo, div.boogleInfoPodcastSubscribe div.boogleInfoPodcastSubscribe {
	background-image: 				url(/images/framework/boogle_info.png);
	background-position:			top left;
	width: 							415px;
	padding:						25px 25px 5px 25px;
	position: 						static;
}

div.boogleInfoPodcastSubscribe div.boogleInfoPodcastSubscribe {
	background-image: 				url(/images/podcast/boogle_info.png);
	width: 							465px;
	padding:						15px 25px 5px 25px;
}

div.boogleInfo.flow {
	background-image: 				url(/images/framework/boogle_info_flow.png);
	background-position:			top left;
	padding-top:					25px;
}

div.boogleInfo.flow div.boogleInfo.flow {
	background-image: 				url(/images/framework/boogle_info_flow.png);
	background-position:			right bottom;
	padding:						0 25px 5px 25px;
	color: 							white;
}

div.boogle.users {
	background-image: 				url(/images/framework/boogle_users.png);
	width: 							556px;
	padding-bottom: 				22px;
}

div.boogle.users div.boogle.users {
	background-image: 				url(/images/framework/boogle_users.png);
	background-position:			top left;
	width: 							506px;
	padding:						25px 25px 5px 25px;
}

div.boogleInfo div.boogleInfo strong {
	font-size: 						14px;
	font-weight:					bold;
	margin-bottom:					5px;
	display:						block;
}

div.boogleName {
	position:						absolute;
	height:							61px;
	padding-right:					18px;
	background-image:				url(/images/framework/boogle_name.png);
	background-position: 			bottom right;
	z-index: 						20;
}

div.boogleName div.boogleName {
	position:						static;
	color: 							black;
	height:							44px;
	background-position: 			left top;
	padding: 						17px 5px 0 25px;
	font-weight:					bold;
	font-size:						12px;
	min-width: 						50px;
	text-align:						center;
	font-style:						normal;
}

li.userAndContent, div.userAndContent {
	padding:						3px 3px 10px 60px;
}

li.userAndContent img.profileImg, div.userAndContent img.profileImg {
	position: 						absolute;
	margin-left:					-57px;
}

li.userAndContent span, div.userAndContent span {
	font-size:						11px;
}

li.userAndContent span a, div.userAndContent span a {
	font-weight:					bold;
}

li.userAndContentSmall, div.userAndContentSmall {
	padding:						3px 3px 10px 30px;
}

li.userAndContentSmall img.profileImg, div.userAndContentSmall img.profileImg {
	position: 						absolute;
	margin-left:					-30px;
}

li.articleAndContent, div.articleAndContent {
	padding:						3px 3px 10px 85px;
}

li.articleAndContent img.articleImg, div.articleAndContent img.articleImg {
	position: 						absolute;
	margin-left:					-82px;
}

li.articleAndContent strong, div.articleAndContent strong {
	font-size: 						18px;
	display: 						block;
}

li.articleAndContent span, div.articleAndContent span {
	font-size:						11px;
}

li.articleAndContent span a, div.articleAndContent span a {
	font-weight:					bold;
}


/************************
	Paginator
*************************/
div.paginator {
	margin-top:						20px;
	margin-bottom: 					20px;
	text-align:						center;
	background-color:				#F1F1F1;
	height:							21px;
	border: 						1px solid #F1F1F1;

}

div.paginator div {
	cursor:							pointer;
	float:							left;
	border-right:					1px solid white;
	padding:						3px;
}

div.paginator div.pageinfo {
	cursor:							default;
	background-color:				white;
	margin-right:					80px;
}

div.paginator div.page.last {
	border-width:					0;
}



div.searchResult {
	border: 						1px solid black;
	overflow-y:						scroll;
	background-color:				white;
	max-height: 					7em;
	position:						absolute;
	width:							200px;
	padding:						5px; 						
}

div.searchResult a {
	display:						block;
}

div.boogleInfo.welcome div.boogleInfo div {
	padding:						20px;
}

div.boogleInfo.welcome div.boogleInfo div div.infos {
	padding:						10px;
	color:							black;
}

div.boogleInfo.flow.welcome div.boogleInfo div div.infos {
	background-color:				white;
}

div.boogleInfo.welcome div.boogleInfo div div.info {
	padding:						0 0 0 60px;
	height:							60px;
}

div.boogleInfo.welcome div.boogleInfo div div.info img {
	margin-left:					-60px;
	position: 						absolute;
}

div.boogleInfo.welcome div.boogleInfo div div.info span {
	font-weight:					bold;
	display:						block;
}

div.boogleInfo.welcome div.boogleInfo strong {
	font-size:						20px;
}





div.loggcontent {
	font-size:						11px;
}

div.loggcontent .right {
	float:							right;
}

div.loggcontent div.profileimg {
	width: 							70px;
	float: 							left;
}

div.loggcontent img.icon {
	float:							right;
	margin-right: 					5px;
	margin-top:						5px;
}

div.loggcontent img.photo {	
	margin: 						5px 5px 0 0;
}

div.loggcontent img.left {
	float: 							left;
}

div.loggcontent div.loggarticle {
	margin-top:						5px;
	height:							80px;
}

div.loggcontent span {
	font-size: 						14px;
	font-weight:					bold;
	display:						block;
	margin-top:						5px;
}

div.loggcontent span.statustext {
	font-weight: 					bold;
	font-size:						12px;
}

div.loggcontent span.quote {
	font-size:						12px;
	font-weight:					normal;
}

span.quote.comment {
	padding-left:					20px;
	background-image: 				url(/images/framework/icons/quote.png);
	background-repeat: 				no-repeat;
}

div.loggcontent span.quote.comment {
	display: 						inline;
	font-size:						12px;
	font-weight: 					normal;
	padding-left:					20px;
	background-image: 				url(/images/framework/icons/quote.png);
	background-repeat: 				no-repeat;
}

div.loggcontent span.quote.content {
	font-size:						11px;
	font-weight:					normal;
	color:							#999;
}

div.logg div.comments {
	margin-top:						5px;
}

div.logg div.comments div.commentsinline {
	margin:							8px 50px 0 5px;
	padding-left:					50px;	
}

div.logg div.comments div.commentsinline img.icon {
	margin-left:					-50px;
}

div.logg div.comments div.commentsinline ul li {
	padding:						0;
}

ul.logg li, div.half.right ul.you li {
	padding:						3px 3px 3px 70px;
}

ul.logg li.banner {
	padding:						0;
	background-color:				white;
	border-top:						1px solid black;
	border-bottom:					1px solid black;
	margin:							5px 0 5px 0;	
}

div.half.right ul.you li {
	margin-bottom:					5px;
}

ul.logg li div.profileimg, div.half.right ul.you li div.profileimg {
	margin-left:					-67px;
	postition:						absolute;
	float: 							left;
}

div.half.right ul.you li a.show {
	font-size:						11px;
	display:						block;
	margin-top:						10px;
	clear:							both;
}







div.statictext h1 {
	background-color:				transparent;
	color:							black;
	font-size:						26px;
}

div.statictext h2 {
	font-size:						18px;
	margin-top:						15px;
	margin-bottom:					5px;
}

div.statictext h3 {
	margin-top:						15px;
	font-size:						14px;
	margin-bottom:					3px;
	color:							#555;
}

div.statictext div.image {
	text-align:						center;
}

p {
	display: 						block;
	margin-bottom:					10px;
}

ul.populararticles {
	margin-bottom:					20px;
}

ul.latestcomments li a.articleHeader, ul.populararticles li a.articleHeader {
	font-size:						12px;
	margin-top:						10px;
	font-weight: 					bold;
	display:						block;
}

ul.latestcomments li span, ul.populararticles li span {
	font-size:						11px;
}

ul.populararticles li span.date {
	color:							#999;
	font-weight: 					bold;
}


/*  Photos in article */

div.article div.articleImages {
	background-color:				#F1F1F1;
}

div.article div.articleImages div.photo, div.article div.articleImages div.minis {
	text-align: 					center;
}

div.article div.articleImages div.minis {
	text-align:						center;
}

div.article div.articleImages div.minis a.prev img, div.article div.articleImages div.minis a.next img {
	margin-bottom:					10px;
}

div.article div.articleImages div.minis img {
	margin:							0;
	border: 						2px solid transparent;
}

div.article div.articleImages div.minis img.selected {
	background-image:				url(/images/framework/photoselected.gif);
	background-position: 			center top;
	background-repeat:				no-repeat;
	padding-top:					5px;
}

div.ad {
	height:							7px;
	background-position: 			top center;
	margin-bottom:					2px;
}

div.ad.topAd {
	background-image: 				url(/images/framework/ad_top.png);
	margin-top:						2px;
}

div.ad.bottomAd {
	background-image: 				url(/images/framework/ad_bottom.png);
}

div.notLoggedIn div.login {
	float:							left;
	width:							170px;
	margin-left:					20px;
}

div.notLoggedIn div.signup {
	float:							left;
	width:							190px;
	padding-left:					40px;
}



div.churchPodcast div.url {
	padding-top:					15px;
	padding-left:					15px;
	padding-right:					15px;
	background-color:				#F1F1F1;
	float: left;
}

div.churchPodcast div.url a, div.churchPodcast div.url span {
	font-weight:					bold;
}

div.commentsinline {
	font-size:						11px;
}

div.commentsinline img.icon {
	position:						absolute;
}

div.wrapper div.content div.half.right div.commentsinline ul {
	border-top:						0px solid black;
}

div.commentsinline span {
	display:						block;
}

div.commentsinline li textarea {
	height:							50px;
	width:							100%;
}

div.commentsinline li div.buttonBar {
	margin:							0;
}

ul li div.diggs {
	margin-left:					5px;
	margin-top:						8px;
}

p#podcastScript {
	font-family:					Courier New;
	padding: 10px;
	background-color:				#EEE;
}

a.contentBoxHeader {
	font-weight: 					bold;
}

a.contentBoxFlowHeader {
	background-color: 				#D12000;
	color:							#FFF;
	font-size:						14px;
	padding:						2px;
	font-weight:					bold;
	margin-bottom:					5px;
}

div.contentBoxWrapper {
	clear: both;
	margin-bottom: 10px;
	margin-top: 3px;
}

div.contentBoxWrapperFlow{
	background-color: #FEDB9B;
	padding: 5px;
}

div.contentBoxWrapper div.thumbImage {
	float:left; 
	margin-right: 10px;
}

div.contentBoxWrapper div.scoreBox {
	margin-top: 5px;		
}

div.contentBoxWrapper div.articleRow {
	margin-bottom: 8px; 
	clear: both;
}

div.contentBoxWrapper a.noLink {
	color: #000;
}

div.contentBoxWrapper div.halfWidth {
	width: 50%; float: left;
}

div.contentBoxWrapper span.scoreLabel {
	margin-right: 3px; float: left;
	color: #000;
}

div.contentBoxWrapper div.halfWidth div.contentLeft {
	padding-right: 3px; border-right: 1px solid #C6C6C6;
	word-wrap: break-word;
}

div.contentBoxWrapper div.halfWidth div.contentRight {
	padding-left: 3px;
}

div.contentBoxWrapper div.halfWidth img.score {
	 width: 14px;
	 float: left; 
	 margin-right: 3px;
}