/*
Project colors:
-----------------
*/


body {
	padding: 0px;
	margin: 0px;
	background: url('../img/resec_bg_transition.gif') center top repeat-x fixed;
	background-color: #767676;
	font-family: Arial, Helvetica, Geneva, sans-serif, "MS Sans Serif";
	text-align: center;
	font-size: 10pt;
	font-weight: normal;
	line-height: 140%;
	color: #000;
}

form {
	margin: 0px;
	padding: 0px;
}
div {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
div.table { display: table; border-collapse: collapse; }
div.tr { display: table-row; }
div.td { display: table-cell; vertical-align: top; }

p {
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	line-height: 140%;
}
pre {
	color: #FFF;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	line-height: 140%;
	font-family: "Courier New", Courier, monotype;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
hr {
	padding: 0px;
	margin: 0px;
}

ol {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}
ul {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}
li {
	margin: 0px 0px 5px 14px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	line-height: 140%;
	color: #333;
}
ol li {
	margin: 0px 0px 5px 14px;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}
td, th {
	font-family: 'PT Sans', sans-serif;
	color: #333;
	font-size: 10pt;
	line-height: 140%;
	vertical-align: top;
}
td p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	line-height: 140%;
}

.headline {
	position: relative;
	font-size: 35pt;
	line-height: 140%;
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Italianno', cursive;
	text-align: left;
	font-weight: normal;
	color: #746C4E;
	letter-spacing: 0px;
	margin: -15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	position: relative;
	background: #767676;
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #FFF;
	line-height: 120%;
	margin: 0px 0px 0px 15px;
	padding: 8px 0px 0px 0px;
}
h1 a {
	color: #FFF;
	text-decoration: none;
	border: none;
}
h1 a:hover {
	color: #FFF;
	text-decoration: none;
	border: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 17px;
	font-weight: bold;
	color: #2A6340;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
h2 a {
	color: #378053;
	text-decoration: none;
	border: none;
}
h2 a:hover {
	color: #378053;
	text-decoration: none;
	border: none;
}

h3 {
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 15px;
	font-weight: normal;
	color: #767676;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
h3 a {
	color: #767676;
	text-decoration: none;
	border: none;
}
h3 a:hover {
	color: #767676;
	text-decoration: none;
	border: none;
}

h4 {
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 14px;
	font-weight: bold;
	color: #767676;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
h4 a {
	color: #767676;
	text-decoration: none;
	border: none;
}
h4 a:hover {
	color: #767676;
	text-decoration: none;
	border: none;
}

h5 {
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 17px;
	font-weight: bold;
	color: #2C5066;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
h5 a {
	color: #376481;
	text-decoration: none;
	border: none;
}
h5 a:hover {
	color: #376481;
	text-decoration: none;
	border: none;
}

h6 {
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size: 12px;
	font-weight: normal;
	color: #767676;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
}

a {
	color: #2C5066;
	text-decoration: underline;
	outline-width: 0px; 
	outline: none;
}
a:hover {
	color: #2A6340;
	text-decoration: underline;
	outline-width: 0px; 
	outline: none;
}
a img {
	text-decoration: none;
}
a:hover img {
	text-decoration: none;
}

.imgHref {
	margin-right: 5px; text-decoration: none; vertical-align: top; cursor: pointer;
}

.imageonright {
	margin: 0px 0px 10px 45px;
	float: right;
}
.imageonright img {
	margin: 0px 0px 10px 45px;
	float: right;
}
.imageonleft {
	margin: 0px 45px 10px 0px;
	float: left;
}
.imageonleft img {
	margin: 0px 45px 10px 0px;
	float: left;
}


/* elements */
input[type=text], input[type=password], input[type=file] {
	font-size: 10px; color: #666;
	font-family: 'PT Sans', sans-serif;
}
textarea {
	font-size: 10px; color: #666;
	font-family: 'PT Sans', sans-serif;
}
select {
	font-size: 10px; color: #666;
	font-family: 'PT Sans', sans-serif;
}
option {
	font-size: 10px; color: #666;
	font-family: 'PT Sans', sans-serif;
}
input[type=radio], input[type=checkbox] {
	border: none; background: none; vertical-align: middle; padding: 0px; margin: 0px; }

.clearAll { display: block; width: 0px; height: 0px; font-size: 0px; clear: both; float: none; margin: 0; padding: 0; line-height: 0%; }


/* BUTTONs round */
button {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_blue.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button:hover {
	background: transparent url(../img/redaks_button_bg_blue.png) right center no-repeat;
}
button[type=reset] {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_gray.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button[type=reset]:hover {
	background: transparent url(../img/redaks_button_bg_gray.png) right center no-repeat;
}
button[type=button] {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_gray.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button[type=button]:hover {
	background: transparent url(../img/redaks_button_bg_gray.png) right center no-repeat;
}
button img {
	float: left; display: block; width: 13px; height: 13px; margin: -1px 6px 0px 0px; vertical-align: top; background: none; outline-width: 0px;
}
button span {
	display: block; color: #FFF; font-weight: normal; text-align: center; border: none; 
}

button[class="smallButton"] {
	height: 24px; line-height: 24px; padding: 0px 14px 0px 14px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; vertical-align: middle; }
button[class="smallButton"] span {
	font-size: 12px; font-weight: normal; vertical-align: middle; margin-top: -2px; }


/*************************************************************************/
/*****************               ALL CONTENT                 **************************/
/*************************************************************************/
#allContent {
	position: relative; width: 980px; z-index: 1;
	margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; 
}


/*    ERROR MESSAGE    */
#topError {
position: relative; width: 100%; margin: 0px; padding: 20px 0px; background-color: #EDEDED; } /*border-bottom: 1px solid #999; */
#topError h1 {
color: #F00; font-size: 200%; text-align: center; }
#topError div {
padding: 10px; margin: 10px auto 0px auto; text-align: center; border: 2px dotted #900; background: #FEE; }
#topError span {
display: block; text-align: center; }

/*    OLD BROWSER MESSAGE    */
#oldBrowser {
width: 1000px; background: #FF3; margin: 0px auto; border-top: 1px solid #FF3; border-bottom: 1px solid #FF3; }
#oldBrowser div {
margin: 10px; text-align: center; }
#oldBrowser span {
color: #A00; font-weight: bold; }
#oldBrowser a, #oldBrowser a:hover {
color: #A00; text-decoration: underline; font-weight: bold; }

/*    REDAKS Message    */
#redaksMessage {
	display: block; position: fixed; top: 150px; left: 50%; margin-left: -400px; width: 800px; padding: 10px; z-index: 202;
	font-size: 160%; line-height: 130%; font-weight: bold; color: #F00;
	font-family: 'PT Sans', sans-serif;
	border: 10px solid #F00; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; 
	background-color: #FFF; text-align: center;
}


/******************************************************************************************/
/**********************************  BACK TO TOP -> ITEM  ***********************************/
/******************************************************************************************/
#fixTop { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 100; text-align: center; width: 160px; }
#fixTop a { text-decoration: none; vertical-align: middle; color: #DEE; }
#fixTop span { color: #FFF; font-weight: bold; }
#fixTop2 { position: absolute; top: 0px; right: 0px; visibility: hidden; z-index: 100; text-align: center; width: 160px; }
#fixTop2 a { text-decoration: none; vertical-align: middle; color: #DEE; }
#fixTop2 span { color: #FFF; font-weight: bold; }

/******************************************************************************************/
/************************************ MAIN CONTENT ************************************/
/******************************************************************************************/
#mainContent {
	width: 980px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: left;
	background: url('../img/resec_middle_background.gif') repeat-y;
	/*overflow: hidden;*/
}


/******************************************************************************************/
/************************************ MIDDLE CONTENT ************************************/
/******************************************************************************************/
#middleColumn {
	float: left; width: 660px;
	margin: 0px 0px 0px 0px; padding: 0px;
	background-color: #FFF;
}


/******************************************************************************************/
/************************************ LOGO / BANNER TOP  ************************************/
/******************************************************************************************/
#logoTop {
	height: 222px; margin: 0px; padding: 0px;
	background: url('../img/resec_top_banner.jpg') center no-repeat;
}
#logoTop a,
#logoTop a:hover {
	text-decoration: none;
}


/******************************************************************************************/
/************************************ INFO LINE TOP ************************************/
/******************************************************************************************/
#navigInfoLine {
	height: 34px; margin: 0px; padding: 0px;
	color: #FFF;
	background: #767676;
	border-bottom: 2px solid #B5B5B5;
}

	
/******************************************************************************************/
/************************************ LANGUAGES ************************************/
/******************************************************************************************/
#languages {
	position: absolute; top: 11px; right: 11px;
	width: 200px; height: 15px;
	z-index: 2;
	font-size: 11px; color: #999; text-align: right;
}
#languages img {
	vertical-align: middle;
}
#languages span {
	display: block; float: right;
}
#languages a {
	display: block; float: right; color: #999; text-decoration: none; margin: 1px 7px 0px 7px;
}
#languages a:hover {
	color: #258; text-decoration: none;
}
/* rest of FLAGS is direct in document */



/******************************************************************************************/
/************************************ LEFT NAVIGATION ************************************/
/******************************************************************************************/

#leftColumn {
	float: left; width: 160px;
	margin: 0px 0px 0px 0px; padding: 0px;
	font-size: 80%; font-weight: bold;
	font-family:'Trebuchet MS',Arial;
}
#leftColumn a {
	line-height: 130%; color: #DAFCE7; text-decoration: none; margin: 0px 5px 0px 10px; padding: 2px 0px 2px 5px;
}
#leftColumn a:hover {
	text-decoration: none;
	background: url('../img/navig_left_over.gif') 0px 0px repeat-y;
}
#leftColumn .leftNavigFirstLevel {
	color: #FFF; font-size: 107%; margin: 13px 5px 0px 10px;
}
#leftColumn .leftNavigOver {
	background: url('../img/navig_left_over.gif') 0px 0px repeat-y;
}
#leftColumn .leftNavigFirstLevelSeparator {
	background: url('../img/navig_left_first.gif') 0px 0px no-repeat; 
	height: 1px; font-size: 1px; margin-left: 10px;
}

.imgHref {
	margin-right: 5px; text-decoration: none; vertical-align: top; cursor: pointer;
}

.firstLevelSeparator
	{ background-image: url('../img/navig_left_first.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
.leftNavigOver
	{ background-image: url('../img/navig_left_first.gif'); background-repeat: no-repeat; background-position: 0px 0px; }


/******************************************************************************************/
/**************************************** CONTENT *****************************************/
/******************************************************************************************/
#content {
	margin: 15px 17px 0px 17px;
	text-align: left;
} /* 660 - 34 = width 626 px */

.articleDate {
	font-size: 90%;
	color: #2C5066;
	margin: 5px 0px 0px 0px;
}
.articleAuthor {
	font-size: 90%;
	color: #2C5066;
	margin: 5px 0px 0px 0px;
}

#articlePreviewActive
	{ position: relative; width: 100%; padding-top: 10px; clear: both; }
#articlePreviewActive a
	{ display: block; position: relative; clear: both; text-decoration: none; padding: 10px; border: 1px solid #CCC; }
#articlePreviewActive .authorMailTo
	{ display: inline; }
#articlePreviewActive .articleDate	{
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }
#articlePreviewActive .articleAuthor {
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }
#articlePreviewActive .articleHeadline
	{ display: block; color: #2C5066; font-size: 120%; font-weight: bold; margin: 3px 0px; }
#articlePreviewActive .articleDeck
	{ display: block; color: #767676; font-size: 100%; font-weight: bold; margin: 3px 0px; }
#articlePreviewActive .articleCaption
	{ display: block; color: #000; margin: 0px; }
#articlePreviewActive .articleSmallThumbnail
	{ display: block; height: 70px; }
#articlePreviewActive .articleMore
	{ color: #2C5066; font-weight: bold; margin-left: 10px; }


/******************************************************************************************/
/************************************ RIGHT COLUMN ****************************************/
/******************************************************************************************/
#rightColumn {
	float: left; width: 160px; margin: 0px;
	background: #376481;
}

#designBy {
	position: absolute;
	width: 140px; right: 10px; bottom: 20px;
	color: #FFF; font-size: 85%; font-family: Verdana;
}
#designBy div {
	text-align: right;
}
#designBy a {
	text-decoration: none; color: #DEE; border-bottom: 1px dotted #DEE;
}
#designBy a:hover {
	text-decoration: none; color: #333; border-bottom: 1px dotted #333;
}

/* TODAY right navigation */
#todayDiv
	{ width: 100%; background: #FFF; border: 1px dotted #999; clear: both; background-image: url(../img/bg_gray_1.jpg); }
#todayDiv img
	{ margin: 2px; }
#todayDiv input
	{ width: 110px; height: 17px; border: 1px solid #999; margin: 5px 5px 5px 0px; padding: 1px 2px 0px 3px; }
#todayDiv button
	{ width: 25px; height: 17px; background: #666; margin: 5px 5px 5px 0px; border: 2px solid #333; border-top: 1px solid #BBB; border-left: 1px solid #BBB; font-size: 10px; color: #FFF; text-align: center; overflow: hidden; }


/* PAGE print and recommend */
#pageOperations
	{ position: absolute; top: 10px; left: 560px; width: 200px; background: none; text-align: right; z-index: 10; }
#pageOperations a
	{ display: block; font-size: 10px; padding: 2px 0px; text-decoration: none; }
#pageOperations img
	{ margin-left: 5px; vertical-align: top; cursor: pointer; }
#pageOperations span
	{ border-bottom: 1px dotted #999; }

/* CURRENT LOGED CLIENT */
#currentClient
/*	{ position: relative; margin-top: 10px; width: 100%; background: #FEE; border: 1px dotted #999; clear: both; font-size: 12px; line-height: 130%; display: none;  font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } */
	{ position: relative; clear: both; font-size: 12px; line-height: 130%; display: none;  font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }

.subnavigHead
	{ font-size: 11px; font-weight: bold; color: #999; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }


/******************************************************************************************/
/***************************************   FOOT    ******************************************/
/******************************************************************************************/
#foot {
	height: 60px; margin: 0px; padding: 0px;
	font-size: 9px; color: #FFF;
	background-color: #767676;
}
#foot div {
height: 60px; margin: 0px; padding: 0px;
background: #767676 url('../img/resec_bottom.jpg') center top no-repeat; }
#foot a {
	text-decoration: none;
}
#foot a:hover {
	text-decoration: none;
}


	

/*************************************************************************/
/*****************               AJAX jQuery BG                 ************************/
/*************************************************************************/
/*    AJAX BackGround    */
#ajaxBackground1, #ajaxBackground2, #ajaxBackground3, #ajaxBackground4 {
	display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; border: none;
	opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;
}
#ajaxBackground1 {
	z-index: 20;
}
#ajaxBackground2 {
	z-index: 40;
}
#ajaxBackground3 {
	z-index: 60;
}
#ajaxBackground4 {
	z-index: 80;
}
/*    AJAX Waiting    */
#ajaxWaiting {
	display: none; position: fixed; top: 0px; left: 0px; width: 200px; height: auto; padding-bottom: 20px;
	background-color: #FFF; text-align: center; 
	color: #666; font-size: 13px;
	-webkit-box-shadow: #000 0px 0px 15px;
	-moz-box-shadow: #000 0px 0px 15px;
	box-shadow: #000 0px 0px 15px;
	z-index: 200;
}
#ajaxWaiting img {
	display: block; margin: 20px auto;
}
/*    AJAX Frame    */
#ajaxFrame1, #ajaxFrame2, #ajaxFrame3, #ajaxFrame4 {
	display: none; position: fixed; top: 0px; left: 0px; width: 450px; height: auto; padding-bottom: 10px;
	background-color: #FFF; 
	border: none;
}
#ajaxFrame1 {
	z-index: 30;
}
#ajaxFrame2 {
	z-index: 50;
}
#ajaxFrame3 {
	z-index: 70;
}
#ajaxFrame4 {
	z-index: 90;
}
#ajaxFrameClose {
	position: absolute; top: 10px; right: 10px;
	width: 11px; height: 11px;
	background: transparent url(../img/redaks_close.png) top left no-repeat;
	border: none;
	cursor: pointer;
}
#ajaxFrameClose:hover {
}
#ajaxFrame1 hr, #ajaxFrame2 hr, #ajaxFrame3 hr, #ajaxFrame4 hr {
	display: block; width: 100%; height: 1px; background-color: transparent; margin: 0 auto; 
	border: none; border-top: 1px solid #BBB;
}
#ajaxFrame1 button, #ajaxFrame2 button, #ajaxFrame3 button, #ajaxFrame4 button {
	height: 37px; margin: 10px auto 0px auto;
	color: #005361; font-size: 20px; font-weight: bold; line-height: 37px; letter-spacing: 0.1em;
	text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
	background: transparent url(../img/sefam-rainbow-button.jpg) center no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
	outline: none;
	outline: hidden;
}
#ajaxFrame1 button:hover, #ajaxFrame2 button:hover, #ajaxFrame3 button:hover, #ajaxFrame4 button:hover {
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
	outline: none;
	outline: hidden;
}


/*************************************************************************/
/*****************               Messages                 ******************************/
/*************************************************************************/
#messagesDiv
	{ position: relative; width: 600px; margin: 10px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
#messagesOkFromDB
	{ position: relative; width: 600px; margin: 10px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
.messagesDiv
	{ position: relative; margin: 20px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: center; line-height: 130%; border: 3px double red; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.msgH { font-size: 12px; color: #000; text-align: left; line-height: 130%; margin: 5px; }
.msgHead { font-size: 14px; color: #000; text-align: left; line-height: 130%; margin: 5px; }
.msgOk { font-size: larger; color: #888; text-align: center; line-height: 130%; margin: 5px; }
.msgNo { font-size: larger; color: #F00; text-align: center; line-height: 130%; margin: 5px; }



/*************************************************************************/
/*******               ADMIN TEST BLOCK with paths, variables etc.                 **********/
/*************************************************************************/
#showTest { margin: 15px auto; padding: 10px; border: 1px solid #999; background: #EEF; color: #000; }
#showTest h1 { padding: 0px; margin-bottom: 20px; }
#showTest div { padding: 3px 0px; border-bottom: 1px dotted #999; }
#showTest span { color: #00F; font-weight: bold; }