/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * module headers

 */



/* reset header for all modules */

div.module h3.header {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 120%;

	color: #646464;

	font-weight: normal;

}



/* header span's */

div.module span.header-2,

div.module span.header-3 {

	display: block;

}



/*

 * space for adjoining modules

 */



.separator div.module {

	margin: 0px 15px 0px 0px;

}



#left div.module,

#right div.module {

	margin: 0px 0px 15px 0px;

}



#top .topblock div.module {

	margin: 15px 0px 0px 0px;

}



#bottom .bottomblock div.module {

	margin: 0px 0px 15px 0px;

}



/*

 * styling for special positions

 */



div#toolbar div.module {

	margin-left: 20px;

	float: right;

}



div#headerbar div.module {

	margin-left: 20px;

	float: right;

}



/*

 * badge styling for all modules

 */

 

div.module {

	position: relative;

}

 

div.module div.badge-new {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

	background: url(../images/module_badge_new.png) 0 0 no-repeat;

	z-index: 1;

}



div.module div.badge-top {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

	background: url(../images/module_badge_top.png) 0 0 no-repeat;

	z-index: 1;

}



div.module div.badge-pick {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

	background: url(../images/module_badge_pick.png) 0 0 no-repeat;

	z-index: 1;

}



/*

 * module: blank

 */

 

div.mod-blank div.module {

	overflow: hidden;

}



div.mod-blank h3.module {

	height: 20px;

	line-height: 20px;

}



/*

 * module: rounded transparent

 */



div.mod-roundedtrans div.box-t1 {

	background: url(../images/module_roundedtrans_tl.png) 0 0 no-repeat;

}



div.mod-roundedtrans div.box-t2 {

	padding: 0px 0px 0px 0px;

	background: url(../images/module_roundedtrans_tr.png) 100% 0 no-repeat;

}



div.mod-roundedtrans div.box-t3 {

	height: 10px;

	background: url(../images/module_roundedtrans_t.png) 0 0 repeat-x;

}



div.mod-roundedtrans div.box-1 {

	background: url(../images/module_roundedtrans_l.png) 0 0 repeat-y;

}



div.mod-roundedtrans div.box-2 {

	padding: 0px 0px 0px 0px;

	background: url(../images/module_roundedtrans_r.png) 100% 0 repeat-y;

}



div.mod-roundedtrans div.box-3 {

	padding: 0px 0px 0px 0px;

	background: url(../images/module_roundedtrans_bg.png) 0 0 repeat;

	overflow: hidden;

}



div.mod-roundedtrans div.box-b1 {

	background: url(../images/module_roundedtrans_bl.png) 0 0 no-repeat;

}



div.mod-roundedtrans div.box-b2 {

	padding: 0px 0px 0px 0px;

	background: url(../images/module_roundedtrans_br.png) 100% 0 no-repeat;

}



div.mod-roundedtrans div.box-b3 {

	height: 10px;

	background: url(../images/module_roundedtrans_b.png) 0 0 repeat-x;

}



div.mod-roundedtrans h3.header {

	margin: 0px 0px 5px 0px;

	font-size: 150%;

	letter-spacing: -1px;

}



div.mod-roundedtrans h3.header span.color {

	color: #141414;

}





/*

 * module: rounded transparent (only for header position)

 */

 

div.mod-roundedtrans-header div.module {

	margin-top: 5px;

}



div.mod-roundedtrans-header div.box-1 {

	background: url(../images/module_headerposition_l.png) 0 0 no-repeat;

}



div.mod-roundedtrans-header div.box-2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_headerposition_r.png) 100% 0 no-repeat;

}



div.mod-roundedtrans-header div.box-3 {

	height: 60px;

	padding: 5px 0px 5px 0px;

	background: url(../images/module_headerposition_m.png) 0 0 repeat-x;

	overflow: hidden;

}



/* blank */

#headermodule div.module-blank {

	margin: 0px 0px 0px 10px;

	overflow: hidden;

	float: right;

}



/*

 * module: rounded

 */



div.mod-rounded div.box-t1 {

	background: url(../images/module_rounded_tl.png) 0 0 no-repeat;

}



div.mod-rounded div.box-t2 {

	padding: 0px 5px 0px 10px;

	background: url(../images/module_rounded_tr.png) 100% 0 no-repeat;

}



div.mod-rounded div.box-t3 {

	/*height: 9px;

	border-top: 1px solid #DCDCDC;

	background: #ffffff;
*/
}



div.mod-rounded div.box-1 {

	padding: 0px 0px 0px 5px;

	/*border-left: 1px solid #DCDCDC;

	border-right: 1px solid #DCDCDC;

	background: #F0F0F0 url(../images/module_rounded_bg.png) 0 0 repeat-x;*/

	overflow: hidden;

}



div.mod-rounded div.box-b1 {

	/*background: url(../images/module_rounded_bl.png) 0 0 no-repeat;
*/
}



div.mod-rounded div.box-b2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_rounded_br.png) 100% 0 no-repeat;

}



div.mod-rounded div.box-b3 {

	/*height: 9px;

	border-bottom: 1px solid #DCDCDC;

	background: #F0F0F0;
*/
}



div.mod-rounded h3.header {

	margin: 0px 0px 5px 0px;

	font-size: 150%;

	letter-spacing: -1px;

}



div.mod-rounded h3.header span.color {

	color: #141414;

}



/*

 * module: black

 */



div.mod-black div.box-t1 {

	background: url(../images/module_rounded_tl.png) 0 0 no-repeat;

}



div.mod-black div.box-t2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_rounded_tr.png) 100% 0 no-repeat;

}



div.mod-black div.box-t3 {

	height: 9px;

	border-top: 1px solid #DCDCDC;

	background: #ffffff;

}



div.mod-black div.box-1 {

	padding: 0px 4px 0px 4px;

	border-left: 1px solid #DCDCDC;

	border-right: 1px solid #DCDCDC;

	background: #F0F0F0 url(../images/module_rounded_bg.png) 0 0 repeat-x;

}



div.mod-black div.box-2 {

	background: #141414 url(../images/module_black_inner_bg.png) 0 0 repeat-x;

}



div.mod-black div.box-3 {

	background: url(../images/module_black_inner_tl.png) 0 0 no-repeat;

}



div.mod-black div.box-4 {

	background: url(../images/module_black_inner_tr.png) 100% 0 no-repeat;

}



div.mod-black div.box-5 {

	background: url(../images/module_black_inner_bl.png) 0 100% no-repeat;

}



div.mod-black div.box-6 {

	padding: 10px 10px 10px 10px;

	background: url(../images/module_black_inner_br.png) 100% 100% no-repeat;

	overflow: hidden;

	color: #c8c8c8;

}



div.mod-black div.box-b1 {

	background: url(../images/module_rounded_bl.png) 0 0 no-repeat;

}



div.mod-black div.box-b2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_rounded_br.png) 100% 0 no-repeat;

}



div.mod-black div.box-b3 {

	height: 9px;

	border-bottom: 1px solid #DCDCDC;

	background: #F0F0F0;

}



div.mod-black h3.header {

	margin: 0px 0px 5px 0px;

	font-size: 150%;

	letter-spacing: -1px;

	text-indent: 10px;

}



div.mod-black h3.header span.color {

	color: #141414;

}



/* menu */

div.mod-menu div.box-6 {

	padding: 10px 0px 10px 0px;

}



/*

 * module: border

 */



div.mod-border div.box-t1 {

	background: url(../images/module_border_tl.png) 0 0 no-repeat;

}



div.mod-border div.box-t2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_border_tr.png) 100% 0 no-repeat;

}



div.mod-border div.box-t3 {

	height: 9px;

	border-top: 1px solid #DCDCDC;

	background: #ffffff;

}



div.mod-border div.box-1 {

	padding: 0px 14px 0px 14px;

	border-left: 1px solid #DCDCDC;

	border-right: 1px solid #DCDCDC;

	background: #ffffff;

	overflow: hidden;

}



div.mod-border div.box-b1 {

	background: url(../images/module_border_bl.png) 0 0 no-repeat;

}



div.mod-border div.box-b2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_border_br.png) 100% 0 no-repeat;

}



div.mod-border div.box-b3 {

	height: 9px;

	border-bottom: 1px solid #DCDCDC;

	background: #ffffff;

}



div.mod-border h3.header {

	margin: 0px 0px 5px 0px;

	font-size: 150%;

	letter-spacing: -1px;

}



div.mod-border h3.header span.color {

	color: #141414;

}





/*

 * module: dotted

 */

 

div.mod-dotted div.module {

	padding: 0px 0px 15px 0px;

}



div.mod-dotted div.box-1 {

	overflow: hidden;

}



div.mod-dotted h3.header {

	margin: 0px 0px 3px 0px;

	padding:0px 0px 6px 0px;

	background: url(../images/module_dotted_header.png) 0 100% repeat-x;

	font-size: 150%;

	letter-spacing: -1px;

}



div.mod-dotted h3.header span.color {

	color: #141414;

}





/*

 * module: polaroid

 */



div.mod-polaroid div.badge-tape {

	position: absolute;

	top: -13px;

	left: 50%;

	width: 114px;

	height: 38px;

	margin-left: -57px;

	background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;

	z-index: 1;

}



div.mod-polaroid div.box-1 {

	margin-top: 13px;

	padding: 10px 10px 5px 10px;

	border-top: 1px solid #C8C8C8;

	border-left: 1px solid #C8C8C8;

	border-right: 1px solid #C8C8C8;

	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;

	overflow: hidden;

}



div.mod-polaroid div.box-2 {

	margin-bottom: 5px;

	background: #000000;

}



div.mod-polaroid div.box-3 {

	padding: 10px 15px 10px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	color: #C8C8C8;

}



div.mod-polaroid div.box-b1 {

	background: url(../images/module_polaroid_bl.png) 0 0 no-repeat;

}



div.mod-polaroid div.box-b2 {

	padding: 0px 70px 0px 70px;

	background: url(../images/module_polaroid_br.png) 100% 0 no-repeat;

}



div.mod-polaroid div.box-b3 {

	height: 5px;

	background: url(../images/module_polaroid_b.png) 0 0 repeat-x;

}



div.mod-polaroid h3.header {

	height: 25px;

	margin: 0px 0px 0px 0px;

	font-size: 150%;

	line-height: 25px;

	text-align: center;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	color: #323232;

}



/*

 * module: postit

 */



div.mod-postit div.box-1 {

	border-top: 1px solid #F2F2F2;

	border-left: 1px solid #F2F2F2;

	border-right: 1px solid #F2F2F2;

	background: #FFFFAA;

}



div.mod-postit div.box-2 {

	padding: 15px 15px 0px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}



div.mod-postit div.box-b1 {

	background: url(../images/module_postit_bl.png) 0 0 no-repeat;

}



div.mod-postit div.box-b2 {

	padding: 0px 90px 0px 60px;

	background: url(../images/module_postit_br.png) 100% 0 no-repeat;

}



div.mod-postit div.box-b3 {

	height: 40px;

	background: url(../images/module_postit_b.png) 0 0 repeat-x;

}



div.mod-postit h3.header {

	height: 30px;

	margin: -15px -15px 5px -15px;

	background: #FFFFDA;

	font-size: 150%;

	line-height: 30px;

	text-indent: 15px;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}



/*

 * module: tab

 */

 

div.mod-tab div.module {

	padding: 15px 0px 0px 0px;

}



div.mod-tab div.box-1 {

	background: url(../images/module_tab_l.png) 0 0 repeat-y;

}



div.mod-tab div.box-2 {

	background: url(../images/module_tab_t.png) 0 0 repeat-x;

}



div.mod-tab div.box-3 {

	background: url(../images/module_tab_tr.png) 100% 0 no-repeat;

}



div.mod-tab div.box-4 {

	padding: 15px 15px 10px 15px;

	background: url(../images/module_tab_bl.png) 0 100% no-repeat;

}



div.mod-tab h3.header {

	position: absolute;

	top: 0px;

	left: 0px;

	background: url(../images/module_tab_header_l.png) 0 0 no-repeat;

	line-height: 30px;

	font-size: 130%;

	letter-spacing: -1px;

}



div.mod-tab span.header-2 {

	display: block;

	padding: 0px 20px 0px 15px;

	background: url(../images/module_tab_header_r.png) 100% 0 no-repeat;

}



div.mod-tab span.header-3 {

	display: block;

	height: 30px;

	background: url(../images/module_tab_header_m.png) 0 0 repeat-x;

}



div.mod-tab h3.header span.color {

	color: #323232;

}