/* @override http://test01.adp-poltest.sth.basefarm.net/css/global-min.css */

/* CSS Document */
/*
================= Base Screen CSS Core =================
$Rev: 17504 $     
$Author: na_fredrik $
$Date: 2013-01-19 10:26:39 +0100 (Sat, 19 Jan 2013) $

1. BASE
1.1 Reset
1.2 Common
1.3 Image widths
2. PAGE AREAS 
2.1 Columns
	Endast Mitten						"Cols-Main"
	Mitt- och annons					"Cols-Main_Ad"
	Mitt-, höger- och annons			"Cols-Main_Extra_Ad"
	Mitt-, vänster- och annons			"Cols-Main_Nav_Ad"
	Mitt-, vänster-, höger- och annons	"Cols-Main_Nav_Extra_Ad"
3. EXEPTIONS FROM VALID
4. UPDATES
5. STRUCTURAL
7. IMAGETEXT
8. MODALWINDOW
9. IMGSLIDESHOW
10. COMMUNITY.POSTING.REPORT.JSP
11. FALLBACK IF NOT JS
12. JS CSS LEFT NAVIGATION T0103
13. THIRD-PARTY CSS
13.1 Calendar Date Select

/* **************************************************** */

/* ********************** 1. BASE ********************* */

/* ********************** 1.1 Reset ******************* */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}


blockquote:before, blockquote:after,
q:before, 
q:after {
	
}

blockquote, q {
	
}


ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

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

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

/* ************************** / 1.1 RESET ************************* */

/* *************************** 1.2 COMMON************************** */

/* Aslett's */ 
*.clearfix:after
{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	content:".";
}
	* html *.clearfix 
	{
		display:inline-block
	}
	

 .clearfix {zoom: 1;}
 
 /* /Aslett's */ 

:focus {
	outline:dotted #999 1px;
}
body {
	color: black;
	background: white;
}

.richText blockquote,
.formattedText blockquote {
	text-indent:8px;
	background:url(/img-common/bg_blockquote.gif) no-repeat 0 .6em;
}

.errorHidden {
	display:none;
}

img.left	{
	float: left;
}
	
img.right	{
	float: right;
}

img.top  {
	float:none;
	clear:both;
}

.imageWrapper.top  {
	float:none;
	clear:both;
}

img.bottom
{
	display: block;
}

.clearer    {
	clear: both;
}
	
.noborder	{
	border: 0px none;
}

#skiplinks	{
	position:absolute;
	left:-9999px;
}

.targetskipMenu	{
	display:block;
	width:10px;
	height:1px;
	overflow:hidden;
}

html body .visibleAfterToggle   {
	position: absolute;
	left:-99999em;
	width:1px;
	overflow:hidden;
}

html body .hiddenAfterToggle   {
	
}
	
	* html body .hiddenAfterToggle {
		
	}
	
.VideoPresentation {
	height:auto;
	width:auto;
}

.teaserCarousel {
	position: relative;
}

.teaserCarousel > .articleTeaser {
	float: left;
	clear: none !important;
}
.teaserCarousel .articleTeaser,
.teaserCarousel .articleTeaser a,
.teaserCarousel .articleTeaser a img {
	position: relative;
	display: block;
}
.teaserCarousel .articleTeaser a img {
	height: auto;
}

.teaserCarousel.init > .articleTeaser+.articleTeaser {
	display: none;
}

.teaserCarousel_prev, .teaserCarousel_pag > a {
	padding-right: 1em;
}

.teaserCarousel_pag > .selected {
	color: #f00 !important;
}

span.paragraph {
	display: block;
}

/* ************************* /1.2 COMMON ************************** */

/* ************************* 1.2 IMAGE WIDTHS ************************** */
/* dessa blir obsoleta i och med 1.6 */
/*
	.extraColumn img.top, 
	.extraColumn img.left, 
	.extraColumn img.right, 
	.extraColumn img.bottom
	{
		max-width: 280px;
		height: auto;
	}
	
	* html .extraColumn img.top, 
	* html .extraColumn img.left, 
	* html .extraColumn img.right,
	* html .extraColumn img.bottom
	{
		width:100%;
		height: auto;
	}
*/
/* /dessa blir obsoleta i och med 1.6 */

/* ************************* /1.2 IMAGE WIDTHS ************************** */

/* ************************** 2 PAGE AREAS ***************************** */

#mainWrapper
{
	width: 990px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
	
.topHeaderContents
{
	display:block;
}

#mainBottom,
#mainTop,
#topHeaderSecondaryContents
{ clear: both; }	

/* ************************** 2.1 Columns ***************************** */

.column			{ 
	float: left; 
	overflow:hidden;
	}
	
.column .inner 	{ 
	padding: 6px 0px 0px 0px; 
	}
	
.mainContainer	{ 
	width: 769px; 
	}

/*!PAGE COLUMNS, THESE ARE AREAS WITH FIXED WIDTH THAT 
SHOULD NOT BE CHANGED!*/

.adColumn	{ 
	width: 201px;
	float:right;
}

.adColumn .inner	{ 
	padding-left: 0px; 
}


#adTop   {	
	clear:both;
 } 
	
#mainContent	{
	float: left;
}

/* --------------------------------- stdcolLayout  ----------------------------- 
	Cols-Main				1
	Cols-Main_Ad			2
	Cols-Main_Extra_Ad		3
	Cols-Main_Nav_Ad		3-nav
	Cols-Main_Nav_Extra_Ad	4
*/ 
/*-------------------Column widths in 1 column layout = main ---------------------*/
.std1colLayout .mainContainer,
.Cols-Main .mainContainer
{
	width: 1000px;
}
.std1colLayout #todaysHeadlines,
.Cols-Main #todaysHeadlines
{
	/* 1000px (.mainContainer) - 12px - 12px (left/right padding) */
	width: 976px;
}
.std1colLayout #mainBottom .footer,
.Cols-Main #mainBottom .footer
{
	/* 1000px (.mainContainer) - 14px (left padding) */
	width: 986px;
}

.Cols-Main_Nav_Extra_Ad #AttentionTeaserWrapper { width:631px; }

.Cols-Main_Ad #AttentionTeaserWrapper,
.Cols-Main_Extra_Ad #AttentionTeaserWrapper
{ width:768px; }

/*-------------------Column widths in 2 column layout = main + adcol -------------*/
.std2colLayout .mainColumn,
.Cols-Main_Ad .mainColumn
{ 
	width: 100%; 
}
	.std2colLayout .mainColumn .inner,
	.Cols-Main_Ad .mainColumn .inner
	{ 
		padding:0 12px 0 0;
	}

/*-------------------Column widths in 2 column layout = main + adcol -------------*/
.std2colLayout .mainColumn,
.Cols-Main_Extra .mainColumn
{ 
	width: 700px;
}

.Cols-Main_Extra .mainContainer {
	width:990px;
}

.Cols-Main_Extra #mainBottom {
	width:976px;
}

.Cols-Main_Extra .extraColumn
{ 
	width: 280px;
}
	.std2colLayout .mainColumn .inner,
	.Cols-Main_Extra .mainColumn .inner
	{ 
		padding:0 12px 0 0;
	}

/*--------------Column widths in 3 column layout = main, extra + adcol -----------*/
.std3colLayout .mainColumn,
.Cols-Main_Extra_Ad .mainColumn
{ 
	width: 468px; 
	overflow:hidden;
}
	.std3colLayout .mainColumn .inner,
	.Cols-Main_Extra_Ad .mainColumn .inner
	{ 
		padding-right: 0px;
	}
	.std3colLayout .extraColumn,
	.Cols-Main_Extra_Ad .extraColumn
	{ 
		width: 301px; 
		overflow:hidden;
	}
		.std3colLayout .extraColumn .inner,
		.Cols-Main_Extra_Ad .extraColumn .inner
		{ 
			padding:42px 0 0 20px;
		}

/*--------------Column widths in 3 column layout = main, nav + adcol -----------*/
.Cols-Main_Nav_Ad
{
	/* design ej specificerad */
}

/* --------- Column widths in 4 column layout = main, nav, extra + adcol ---------*/
.std4colLayout .navColumn,
.Cols-Main_Nav_Extra_Ad .navColumn
{ 
	width: 115px; 
	overflow:hidden;
}
.std4colLayout .mainColumn,
.Cols-Main_Nav_Extra_Ad .mainColumn
{ 
	width: 468px; 
	overflow:hidden;
}
	.std4colLayout .mainColumn .inner,
	.Cols-Main_Nav_Extra_Ad .mainColumn .inner
	{
		padding:12px;
		overflow:hidden;
	}
.std4colLayout .extraColumn,
.Cols-Main_Nav_Extra_Ad .extraColumn
{ 
	width:175px;
	overflow:hidden;
}

/*
Do not show rendermode image in maincolumn
E.g. http://op.se/lanet/ostersund/1.5494604-mittuniversitetet-minskar-antal-studenter?articleRenderMode=image&image=bigTop
ADEPRIMO-16126
*/
.mainColumn .enlargedimageContainer {
    display: none;
}

 /* ----------------------------- /stdcolLayout  ------------------------------- */


/*-----------------------------------page Blocks----------------------------------*/

.pageBlockContainer .pageBlock.column100 {
	width: 100%;	
	}

#mainWrapper .pageBlockContainer .pageBlock.column5050{
	float: left;
	width: 50%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column6633.column1 {
	float: left;
	width: 66%;
	overflow:hidden;

	}
	
.pageBlockContainer .pageBlock.column6633.column2 {
	float: left;
	width: 33%;
	overflow:hidden;
	}
	
.pageBlockContainer .pageBlock.column333333 {
	float: left;
	width: 33%;
	overflow:hidden;
	}
	
.pageBlockContainer .pageBlock.column25252525 {
	float: left;
	width: 25%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column2020202020 {
	float: left;
	width: 20%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column2020202020,
.pageBlockContainer .pageBlock.column25252525,
#mainWrapper .pageBlockContainer .pageBlock.column5050 {
margin-left:-1px;
}
/*---------------------------------page Blocks----------------------------*/

/* *************************** /2.1 Columns ***************************** */
	
/* ************************** /2 PAGE AREAS ***************************** */

/* ******************** 3 EXEPTIONS FROM VALID ************************** */
body.std3colLayout div.mainContentContainer,
body.Cols-Main_Extra_Ad div.mainContentContainer
{
	height: 1%;
}
/* ******************** / 3 EXEPTIONS FROM VALID ************************ */

/* ******************************4 UPDATES ****************************** */


#mainWrapper #topHeaderContents    {
	float: none;
}

#mainWrapper #topHeaderContents .simpleTeaserContainer   {
	border:none;
}
	
	
.loggOffContainer	   {
	border:1px solid #DDD;
	padding:4px;
}

.tipafriendContainer2_confirmation a.close	   {
	display:none;
}

/* ****************************** /4 UPDATES **************************** */

/* ************************* 5.STRUCTURAL ******************************* */

*.structural   {
	position:absolute;
	left:-9999px;
}


h2.structuralFloat   {
	position:absolute;
	left:-9999px;
}

h2.structuralFooter  {
	visibility:hidden;
	font-size:0px;
}

.appendixLink span  {
	position:absolute;
	left:-9999px;
	font:4em bold Arial, Helvetica, sans-serif;
}


/* ************************** /5.STRUCTURAL **************************** */

/* ************************** 7. imageText ***************************** */



div.imageCaption,
div.staticImageCaption {
	color:#666;
	line-height:1.5;
	font-size:.9em;
	border-bottom:1px solid #ddd;
	padding:6px 0;
	margin-bottom:10px;
}

div.imageCaption p,
div.staticImageCaption p {
	padding:0;
}

.JSEnabled div.imageCaption {
	background-color:#fff;
	opacity:.75;
	font-size:1em;
	position:absolute;
	bottom:0;
	margin:0;
	left:0;
	width:100%;
	color:#000;
	border:0;
}

.JSEnabled div.imageCaption p,
.JSEnabled div.imageCaption * {
	margin:5px;
}

div.imageCaptionIcon {
	width:20px;
	height:20px;
	position:absolute;
	right:3px;
	bottom:3px;
	background:#ddd;
	border:1px solid #000;
}

/*iefix*/
.JSEnabled div.imageCaption {
	filter: alpha(opacity=70);
}

/* ************************* /7. imageText ***************************** */


/* ************************** 8. modalWindow *************************** */

#modalWindowOverlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5000;
	display:none;
}

#modalWindowWrapper {
	z-index:5002;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:650px;
}

#modalWindowClose {
	position:absolute;
	top:0;
	right:0;
}

#focusModalWindow {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	display:block;
}

#modalWindowWrapper.factory {
	position:absolute;
	display:block;
	visibility:hidden;
}

#modalWindowWrapper.factory #modalWindowInner {
	width:inherit;
	height:inherit;
	overflow:inherit;
}

#modalWindowInner {
	width:100%;
	height:100%;
	position:relative;
}

* html #modalWindowWrapper.factory #modalWindowInner {
	width:1px;
	display:inline;
}

#modalWindowInner.scrollable {
	overflow:auto;
}

#modalWindowLoader, #modalWindowErrors {
	position:absolute;
	left:50%;
	top:50%;
	display:none;
	z-index:5001;
}

/* *** Exceptions from valid *** */

/* iefix, not valid */
#modalWindowOverlay {
	opacity:.7;
	filter: alpha(opacity=70);
}



/* ************************** /8. modalWindow **************************** */


/* ************************** 10. COMMUNITY.POSTING.REPORT.JSP
This is css for the page reached when "anmäl" is clicked in the comments for an article.
This page does not include the indvidual stylesheets for the papers so for that reason it´s style is placed here
**************************************************************/
.articleCommentReport {font: normal 1em Arial, Helvetica, sans-serif; padding:12px;}
.articleCommentReport h1 {color: #FFF; font-size: 1.5em; font-weight: bold; background: #000; margin: 0 0 8px 0; clear: right; padding: 2px 12px;}
.articleCommentReport form .box {padding: 0 0 8px 0;}
.articleCommentReport form .box span.required {color: #C60707;}
.articleCommentReport form .box.reason textarea, .articleCommentReport form .box.name input ,.articleCommentReport form .box.email input {display:block; border:1px solid #AAA; width: 100%;}
.articleCommentReport form .box input.ownLineSubmitform {background:transparent url(/img-common/bg_standardButton.png) repeat-x scroll 0%;
border: 1px solid #CCC;
cursor:pointer;
font-size:11px;
font-weight:bold;
padding:2px 6px;}
/* ************************** /10. COMMUNITY.POSTING.REPORT.JSP *************************** */


/* ************************** 11. fallback if not flash *********************************** */


#userTasksPage  {
	font-size:0.9em;
	padding:6px 0 6px 0;
} 

#userTasksPage a:link  {
	text-decoration:none;
	padding:4px;
	line-height:1.4;
} 

#userTasksPage h2   {
	position:absolute;
	left:-9999px;
}

#userTasksPage h2   {
	font-size:1em;
}

#userTasksPage ul li   {
	display:inline;
	border-right:1px solid #DDD;
	margin:0 1px 0 1px;
	padding:2px;
}

.userInfo    {
	border-right:1px solid #DDD;
	padding: 1px 6px 0px 6px;
	float:left;
	font:bold 1em Arial, Helvetica, sans-serif;
}

#userTasksPage ul li.settings   {
	border-right:1px solid #DDD;
	padding-right: 8px;
}

ul.userFunctionLinks   {
	float:left;
}

ul.userFunctionLinks input   {
	border:none;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-size:100%;
}


/* ************************** /11. fallback if not flash ********************************** */


/* ************************** 12. JS CSS LEFT NAVIGATION T0103 *************************** */


.JSEnabled #leftNavWrapper #leftNav .item {
}

.JSEnabled #leftNavWrapper #leftNav .item a {
	position:relative;
	display:block;
	width:100%;
}

.JSEnabled #leftNavWrapper #leftNav .item span {
	display:block;
}

.JSEnabled #leftNavWrapper #leftNav .item .eyecandy {
	position:absolute;
	width:100%;
}

h3.structural    {
	position:absolute;
	left:-9999px;
}


/* *************** IE6 fixes **************** */

*+html .JSEnabled #leftNavWrapper #leftNav .item a * {
	cursor:hand;
}

* html .JSEnabled #leftNavWrapper #leftNav .item a * {
	cursor:hand;
}

div.dip_navigation {
	position: static !important;
}



/* ************************** /12. JS CSS LEFT NAVIGATION T0103 *************************** */


/* *************************** 13 THIRD PARTY CSS ***************** */

/* *************************** 13.1 Calendar Date Select ********** */

.calendar_date_select {
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
  background-color:white;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  color: black;
  font-weight:bold;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
}

.calendar_date_select .cds_footer {
  padding:3px;
  font-size:10px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  text-align:center;
}

.calendar_date_select .cds_header * {
  border:0px;
  background-color:white;  
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: black;
  font-size: 9px;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}

/* *************************** /13.1 Calendar Date Select ********* */

/* ************************* /13.2 jQuery.ui Theme ********************* */

/* Query Completion
========================*/

.ui-state-hover {
    background-color: rgb(152, 200, 152);
    border-color:  rgb(152, 200, 152);
}

.ui-menu-item {
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: #333333;
}

.ui-autocomplete {
    border: 1px solid #889CAE;
    padding: 0 0;
    margin: 0;
    width: 350px;
}

.ui-menu .ui-menu-item a {
    margin: 0 !important;
    border: 1px solid transparent;
    line-height: 0.5 !important;
    padding: .4em 0 .4em 1.2em !important;
}

.ui-autocomplete-menu {
    position: absolute;
    cursor: default;
}

.ui-autocomplete-over {
    background-color: #0A246A;
    color: white;
}

.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
}

.ui-menu-item a.ui-corner-all {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.ui-menu .ui-menu-item a.ui-state-hover,
    .ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
}

ul.ui-corner-all {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff url(/img-common/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #444444;
}

.ui-widget-content a {
    color: #444444;
}

/* jQuery progressbar
 * ==============================================*/
 
.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}
 
.ui-widget-header {
    background: url("/img-common/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* To avoid the most "jumping" in the page */
.twinglyWrapper {
	min-height: 90px;
}


/* ImageAlbum
 * ==============================================*/
 
.imageAlbum {
    position: relative;
}

/* The height is used to scale the images */
.albumScroller { height: 130px; overflow: hidden; }

.albumScroller ul li.ad img { width: 100%; height: auto; }

.albumThumbnails {} 
.albumThumbnails ul { list-style-type: none; } 
.albumThumbnails ul li { max-height: 120px; overflow: hidden; } 
.albumThumbnails ul li img { height: auto; } 
.albumThumbnails .thumbnail { display: inline-block; }

.flexslider { position: relative; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden; 
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	background: #999;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides > li.loading {
	background: #999 url(/img-common/loader999.gif) no-repeat center center;
}
.flexslider .slides > li.loading img {
	opacity: 0.7;
}

.flexslider .slides li {
	zoom: 1;
}

.flexslider .slides img {
	margin: 0 auto;
	display: block;
	visibility: visible;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	zoom: 1;
}
.flex-pauseplay { text-transform: capitalize; position: absolute; top: 0px; right: 0px; background: rgba(0,0,0,0.4); }
.flex-pauseplay a, .flex-pauseplay a:hover, .flex-pauseplay a:active { text-decoration: none;  color: white; padding: 10px; cursor: pointer; display: block; }

.flexslider a.fullscreen { display: block; text-transform: capitalize; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.4) !important; }
.flexslider a.fullscreen, .flexslider a.fullscreen:hover, .flexslider a.fullscreen:active { text-decoration: none;  color: white !important; padding: 10px; cursor: pointer; display: block; }

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 0 10px; background: #fff; zoom: 1;}
.flex-viewport {max-height: 2000px; zoom: 1; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/img-common/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: relative; padding-top: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexsliderNavigation .flex-active-slide { opacity: 0.6; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.flexslider .meta { 
	background: rgba(0,0,0,0.4); 
	position: absolute;
	bottom: 0;
	color: white;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flexslider .meta .inner {
	padding: 20px;
}

.flexslider .meta h2 {
	font-size: 24px;
}
.flexslider .meta .metadescription {
	line-height: 16px;
}

.flexsliderNavigation {
	position: relative;
	overflow: hidden;
}

.flexsliderNavigation .slides > li {
	overflow: hidden;
	background: #999;
	margin-right: 5px;
}
.flexsliderNavigation .slides > li img {
	margin: 0 auto;
	display: block;
}

.flexslider .slides > li.ad,
.flexsliderNavigation .slides > li.ad {
	border: 0;
	padding: 0;
	margin-bottom: 0;
	cursor: pointer;
	overflow: hidden;
}

.flexslider .slides > li.ad a {
	display: block;
	height: 100%;
	position: relative;
}

.flexsliderNavigation .slides > li.ad.rawContent img {
	width: auto;
	height: 100%;
	margin: 0 auto;
} 

.flexslider .slides > li.ad .meta {
	display: none !important;
}


/* Thumbnails */
.albumThumbnails {}
.albumThumbnails .active { opacity: 0.6; }

/* Article mode */
#articleContainer .flexslider div.meta {
	width: 100%;
}
#articleContainer .flex-control-nav  {
	text-align: left;
}
#articleContainer .flex-control-nav li {
	margin: 0 2px;
	text-align: center;
}
#articleContainer .flex-control-paging li a {
	width: 16px; 
	height: 16px; 
	display: block; 
	background: #ccc; 
	background: rgba(0,0,0,0.2); 
	text-indent: 0; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	box-shadow: none;
	text-decoration: none;
	border: 2px solid white;
}
#articleContainer .flex-control-paging li a:hover { 
	
	border: 2px solid rgba(0,0,0,0.7);

	text-decoration: none; 
}
#articleContainer .flex-control-paging li a.flex-active { 
	color: white;
	background: #eee;
	background: rgba(0,0,0,0.9);
}

/* Pagination */
.albumThumbnailPagination { padding: 10px; }
.albumThumbnailPagination .page_previous { background: rgba(0,0,0,0.3); float: left; }
.albumThumbnailPagination .page_next { background: rgba(0,0,0,0.3); float: right; }

/* Modal mode */
.mw_imageAlbum {
	background: transparent;
	padding: 0;
}

.modalWindow .imageAlbum {
	min-width: 600px;
	min-height: 500px;
}

.modalWindow .flexslider a.fullscreen { display: inline; } 

/* Fullscreen mode */
.imageAlbum.fullscreen {
	display: none;
}
.imageAlbum.fullscreen .albumSearch {
	display: none;
}
.imageAlbum.fullscreen .albumMeta {
	display: none;
}
.imageAlbum.fullscreen .albumPlayer {
	height: 100%;
	background: black;
}
.imageAlbum.fullscreen .flexslider .slides > li,
.imageAlbum.fullscreen .flexsliderNavigation .slides > li {
	background: black;
}
.imageAlbum.fullscreen.toggled {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	overflow: hidden;
	z-index: 99999999;
}
.imageAlbum.fullscreen .flexslider .slides img {
}
.imageAlbum.fullscreen .flexslider .meta .inner {
	padding-bottom: 150px;
}
.imageAlbum.fullscreen.touch .flexslider .meta .inner {
	padding-bottom: 20px;
}
.imageAlbum.fullscreen .albumScroller {
	position: relative;
	top: -130px;
	background: white;
} 
.imageAlbum.fullscreen .flexslider .slides > li.loading {
	background: #000 url(/img-common/loader000.gif) no-repeat center center;
}

.imageAlbum.fullscreen .flex-direction-nav a {
	background-image: url(/img-common/bg_direction_nav_inverted.png);
}

/* Search */
.albumSearchResult {
    border-bottom: 5px solid #e8e8e8;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
}
.albumSearchResult .searchLoader {
    background: #999 url(/img-common/loader999.gif) no-repeat center center;
    position: absolute;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity:.7;
    filter: alpha(opacity=70);
}
.albumSearchResult .albumSearchThumbnails {}
.albumSearchResult .albumSearchThumbnails .thumbnail {
    background: #e8e8e8;
    height: 145px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 5px 0;
    vertical-align: top;
}
.albumSearchResult .albumSearchThumbnails .thumbnail .imageLink {
    display: inline-block;
    max-height: 100px;
    overflow: hidden;
}
.albumSearchResult .albumSearchThumbnails .thumbnail .imagePhotographer {
    display: block;
    text-align: center;
}
.albumSearchResult .albumSearchThumbnails .thumbnail .albumName {
    display: block;
    text-align: center;
}
.albumSearchResult .albumSearchThumbnails .thumbnail .albumName a {
        text-decoration: none;
}

/* Search Form */
.advancedSearchForm {}
.advancedSearchForm p {
   padding: 0 0 5px !important;
}
.advancedSearchForm .sorting {
    margin-bottom: 10px;
}
.advancedSearchForm .sorting label {
    display: inline-block;
}
.advancedSearchForm .timePeriod {}
.advancedSearchForm .timePeriod .searchBySpecifiedDates {
    overflow: hidden;
}
.advancedSearchForm .timePeriod .searchBySpecifiedDates .hasDatepicker {
    width: 200px;
}
.advancedSearchForm .timePeriod .searchBySpecifiedDates .searchStartDate,
.advancedSearchForm .timePeriod .searchBySpecifiedDates .searchEndDate {
    width: 50%;
}
.advancedSearchForm .timePeriod .searchBySpecifiedDates .searchStartDate {
    float: left;
}
.advancedSearchForm .timePeriod .searchBySpecifiedDates .searchEndDate {
    float: right;
}




/* ***************** JQuery UI datetimepicker *************************** */

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
 
 
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* *************************** /13 THIRD PARTY CSS **************** */