@import url("/static/slo/microsites/shared/css/default.css");
@import url('header.css');
@import url('navigation.css');
@import url('main_content.css');
@import url('small_content.css');
@import url('footer.css');
@import url('article.css');
@import url('forum.css');
@import url('poll_results.css');
@import url('faq.css');
@import url('archive.css');
@import url('gadgets.css');
@import url('simple.css');
@import url('promo.css');
@import url('search.css');
@import url('videoteka.css');

/* START: Background color for transparent banners.  */
#div_banner_A,
#div_banner_M,
#div_banner_H {	background: #fff }
/* END: Background color for transparent banners. */

/* START: Reset CSS  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
p, blockquote, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
	margin: 0; 
	padding: 0;
}

select, textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body { 
	background-image: url(/static/slo/microsites/popdocs/img/backgrounds/header_background.gif);
	background-position: 0 9px !important;
	background-position: 0 9px;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

html { background: url(/static/slo/microsites/popdocs/img/backgrounds/body_background.gif) repeat }


table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

fieldset, img, abbr, acronym { border: 0; }

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal; 
}

ol, ul { list-style: none; }

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }
/* END: Reset CSS */

a {
	color: #01764e;
	text-decoration: none;
}

a:hover {
	color: #ff7f00;
	text-decoration: underline;
}

/* START: Main positions */
#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#navigation {
	left: 8px;
	position: absolute;
	top: 112px;
	width: 720px;
}

#content {
	width: 886px;
	background: #e8f6e4;
	padding: 0 7px 7px 7px;
	margin: 0;
}

#content #main_content {
	display: inline;
	float: left;
	width: 561px;
	margin: 0 0 0 7px;
}

#content #small_content {
	display: inline;
	float: right;
	width: 300px;
	margin: 0 7px 0 0;
}

#footer {
	width: 900px;
	background: #e8f6e4;
	padding: 1px 0 7px;
	margin: 0;
}
/* END: Main positions */

/* START: Page navigation */
.pager {
	text-align: center;
	padding: 0 0 0 10px;
	margin: 7px 0 0 0;
}

.pager .selected {
	font-weight: bold;
	color: #ff7f00;
	font-size: 13px;
}
/* END: Page navigation */

/* START: Textual content (simple background) */
.textual_content {
	width: 558px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.textual_content .textual_content_primary {
	width: 558px;
	background: url(/static/slo/microsites/popdocs/img/backgrounds/background_primary.gif) no-repeat;
	height: 7px;
	font-size: 0;
}

.textual_content .textual_content_secondary { display: none }
.textual_content .textual_content_content { width: 558px }
/* END: Textual content (simple background) */

/* START: Media */
/* START: Media box basic */
.media_box {
	color: #000;
	margin: 10px 0 20px 0;
}

.media_box a {
	color: #cb102f;
	text-decoration: underline;
}

.media_box a:hover {
	color: #cb102f;
	text-decoration: none;
}

.media_box .media_box_primary { display: none }
.media_box .media_box_secondary { display: none }

.media_box .media_box_content {

}

.media_box .media_box_content h2 {
	font-size: 12px;
	font-weight: bold;
	color: #0d7b50;
	margin: 0 0 7px 0;
}

.media_box .media_box_content h3 {
	color: #309ec6;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0 6px 0;
}
/* END: Media box basic */

/* START: Media video */
.media_box .media_box_content .player { margin: 0 0 0 0px; }

.media_box .media_box_content input {
	width: 350px;
	font-size: 11px;
	margin: 0 0 0 7px;
}
/* END: Media video */

/* START: Media related videos */
.media_box .media_box_content li {
	float: left;
	width: 120px;
	font-size: 11px;
	color: #000;
	margin: 4px 0 0 7px;
}

.media_box .media_box_content li h3 {
	font-size: 11px;
	color: #ff7f00;
}

.media_box .media_box_content li h3 a {
	color: #01764e;
	text-decoration: none;
}

.media_box .media_box_content li h3 a:hover {
	text-decoration: underline;
	color: #ff7f00;
}

.media_box .media_box_content li .media_box_time {
	font-size: 11px;
	color: #33183f;
	font-weight: normal;
}
/* END: Media related videos */
/* END: Media */

/* START: Others */
.embed_video { margin: 7px 0 0 0; }
/* END: Others */

/* START: Page lister */
.pagelister {
	padding: 0 0 0 30px;
	margin: 8px;
}

.pagelister .normal { }
/* END: Page lister */