/*------------------------------------------------------------------
[ContentForces Framework Main Stylesheet]

Project:
Version:
Last change:10.04.2009
-------------------------------------------------------------------*/

/*------------------>> Reset style <<-----------------------
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
---------------------------------------------------------------*/
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline: 0;}
body {line-height: 1;color: black;background: white;cursor: default;} /* added to provide arrow cursor on nbsp and other places that browser treats as plain text */
ol, ul {	list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { 	content: "";}
blockquote, q {quotes: "" "";}
a img {border:0;} /* added to remove border */

/*------------------>> Layout <<-----------------------*/
html {}

body {
	font-size: 100%;
	font-family:tahoma;
}

#wrapper {
	background:transparent url(../images/bg.gif) repeat-y scroll 0 0;
	margin:0 auto;
	padding:0 4px;
	width:800px;
}

/*------------------>> Navigation <<-----------------------*/

#navigation {
	
	height:36px;
	width:800px;
}

#navigation .logo {
	background:transparent url(../images/logo.gif) no-repeat;
	display:block;
	float:left;
	height:20px;
	margin:7px 0 0 5px;
	width:173px;
}

#navigation #menu {
	float:left;
	font-size:12px;
	left:140px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	position:relative;
	top:10px;
	z-index:1;
}

#navigation #menu li {
	display:block;
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

#navigation #menu li a:link,#navigation #menu li a:visited {
	display:block;
	color:#353637;
	text-decoration:none;
	margin:0;
	padding:7px 10px;
}

#navigation #menu li a:hover,#navigation #menu li a:active,
#navigation #menu li.active a:link,#navigation #menu li.active a:visited {
	color:#fff;
	background-color:#3b84e3;
	text-decoration:none;
}

#navigation .language {
	background:#CDE3FF none repeat scroll 0 0;
	border-left:1px solid #3B84E3;
	border-right:1px solid #3B84E3;
	color:#333333;
	float:right;
	font-size:14px;
	height:36px;
	padding-left:5px;
	padding-right:5px;
}

#navigation .language select{
	border:1px solid #9EC8FE;
	color:#333333;
	font-size:17px;
	height:25px;
	margin:0 0 0 3px;
	position:relative;
	top:-4px;
	width:50px;
}

#navigation .language img {
	border:1px solid #9EC8FE;
	position:relative;
	top:4px;
}

#navigation .language span {
	position:relative;
	top:-5px;
}

/*-------------------Header---------------------------*/

#header {
	/*
	background:transparent url(../images/banner.jpg) no-repeat scroll 0 0;
	*/
	border-bottom:1px solid #999999;
	border-top:1px solid #1454a7;
	height:200px;
	width:800px;
}

#header .editorials {
	height:100px;
	position:absolute;
	top:105px;
	width:auto;
}

#header div .editorial1 {
	color:#3D8225;
	font-size:23px;
	margin-left:30px;
	position:relative;
	top:0;
	text-transform:capitalize;
}

#header div .editorial2 {
	color:#4495FF;
	display:block;
	font-size:20px;
	margin-left:30px;
	position:relative;
	top:10px;
	text-transform:capitalize;
}

#header div a {
	color:#353637;
	display:block;
	left:330px;
	position:relative;
	top:22px;
	width:100px;
}

#sidebar {
	background: #eee;
	width: 380px;
}

/*---------------------Content-----------------*/

#content {
	background: #fff;
	width: 800px;
	color: #333;
	font-size:13px;
	min-height:300px;
}

#content #sidemenu {
	float:left;
	margin:5px;
	width:140px;
	display: inline;
}

#content #sidemenu li {
	display:block;
	
	margin-bottom:2px;
	width:140px;
}

#content #sidemenu li a {
	border-bottom:1px solid #CCC;
	color:#3B84E3;
	display:block;
	font-size:12px;
	height:100%;
	text-decoration:none;
	width:100%;
}

#content #sidemenu li a:hover,#content #sidemenu .active a {
	background:#3b84e3;
	color: #fff;
	border-bottom:1px solid #1454a7;
}

#content #sidemenu li a span {
	display:block;
	margin:0 0 7px 5px;
	position:relative;
	top:3px;
}

#content .editorial {
	margin:5px;
	text-align:justify;
	display:inline;
}

#content .editorial a {
	color:#3B84E3;
	font-weight:bold;
	text-decoration:underline;
	font-size:12px;
}

#content .editorial a:hover {
	color:#3d8225;
}

#content .editorial h1 {
	border-bottom:1px solid;
	color:#3D8225;
	display:block;
	font-size:14px;
	margin-bottom:5px;
	min-height:15px;
	padding-bottom:5px;
	padding-left:5px;
	width:auto;
}

#content .editorial img {
	margin: 5px;
	border:1px solid #3B84E3;
}

#content .editorial ul {
	list-style-type: disc;
	margin-left:15px;
	margin-top:10px;
}

#content .left {
	float:left;
	width:490px;
}

#content .right {
	float:right;
	margin:5px 15px 25px 15px;
	width:620px;
}

#content .side_links,#content #sideLinks {
	display:inline;
	float:right;
	margin-left:10px;
	margin-top:10px;
	clear:right;
}

#content .side_links li,#content #sideLinks li {
	display:block;
	height:20px;
	margin-bottom:5px;
	width:140px;
}

#content .side_links li a,#content #sideLinks li a {
	background:#3B84E3;
	color:#fff;
	display:block;
	font-size:12px;
	height:100%;
	text-decoration:none;
	width:100%;
}

#content .side_links li a:hover,#content #sideLinks li a:hover {
	background:#3d8225;
	color: #fff;
}

#content .side_links li a span,#content #sideLinks li a span {
	display:block;
	margin:0 0 0 5px;
	position:relative;
	top:3px;
}

#content .side_links li a strong,#content #sideLinks li a strong {
	float:right;
	margin:-9px 5px 0 0;
}

/*-----------------------Product Overview-------------------*/

#slider {
	display:inline;
	float:left;
	height:292px !important;
	width:800px !important;
	margin:30px 0;
	background:#e3e3ff;
	border-bottom:1px solid #3B84E3;
	border-top:1px solid #3B84E3;
}

#prevBtn {
	display:block;
	height:20px;
	left:400px;
	position:relative;
	top:-347px;
	width:10px;
	z-index:1;
	float:left;
}

#nextBtn {
	display:block;
	height:20px;
	left:390px;
	position:relative;
	top:-23px;
	width:10px;
	z-index:1;
	float:left;
}

#prevBtn a, #nextBtn a {
	text-decoration:none;
	color:#3b84e3;
}

#content .product_overview {
	display:block;
	float:left;
	height:246px !important;
	margin:5px;
	width:790px !important;
}

#content .product_overview li {
	display:block;
	float:left;
	height:auto;
	margin:2px 0;
	padding:5px 0;
	width:790px;
	border-bottom:1px solid #B8D4F8;
}

#content .product_overview li a{
	border:1px solid #3b84e3;
	display:block;
	float:left;
	height:80px;
	width:80px;
}

#content .product_overview li a:hover{
	border:1px solid #3d8225;
}

#content .product_overview li a img{

}

#content .product_overview li p {
	display:inline;
	float:left;
	height:auto;
	margin-left:4px;
	margin-right:4px;
	text-align:justify;
	width:700px;
}

#content .product_overview li strong {
	float:left;
	margin:0 10px 0 20px;
	width:auto;
}

#content .block_header {
	float:left;
	font-size:16px;
	margin:10px 0;
	text-align:center;
	width:100%;
}

#content .block {
	border-bottom:1px solid #3B84E3;
	border-top:1px solid #3B84E3;
	display:block;
	float:left;
	margin-bottom:10px;
	width:100%;
	background:#efefef;
	text-align:center;
}

#contact_form_form {
	margin:10px auto;
	width:300px;
}

#contact_form_form .contact_form_td1 {
	padding-right:10px;
	text-align:right;
	width:90px;
	vertical-align:middle;
}

#contact_form_form .contact_form_td1 label {

}

#contact_form_form .contact_form_td2 {
	width:200px;
}

#contact_form_form .contact_form_td2 input, #contact_form_form .contact_form_td2 textarea {
	width:200px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
}

#contact_form_form .contact_form_submit_button {
	background:#3B84E3 none repeat scroll 0 0;
	border:1px solid #1454A7!important;
	color:#FFFFFF;
	margin-bottom:0 !important;
	width:60px !important;
	margin-left:70px;
}

/*-----------------Footer---------------------------*/

#footer {
	width: 800px;
	height:129px;
	clear: both;
	color: #333;
	font-size:11px;
}

#footer #sitemap {
	background:#F9F9F9 none repeat scroll 0 0;
	border-bottom:1px solid #E7E7E7;
	border-top:1px solid #E7E7E7;
	display:block;
	font-size:12px;
	height:100px;
	width:100%;
}

#footer #sitemap ul {
	display:block;
	height:90px;
	margin:5px 10px;
	width:780px;
}

#footer #sitemap ul .sitemap {
	display:block;
	float:left;
	height:90px;
	margin-right:10px;
	width:100px;
}

#footer #sitemap ul .sitemap_60425 {
	width:260px;
}

#footer #sitemap ul .sitemap a {
	color:#3B84E3;
	text-decoration:none;
	font-weight:bold;
}

#footer #sitemap ul .sitemap a:hover {
	text-decoration:underline;
}

#footer #sitemap ul .sitemap ul {
	display:block;
	height:70px;
	margin:10px 0 0;
	width:100%;
	border-right:1px solid #E7E7E7;
}

#footer #sitemap ul .sitemap ul li {
	display:inline;
	float:left;
	margin:0 0 3px 6px;
	overflow:hidden;
	text-align:left;
	width:80px;
}

#footer #sitemap ul .sitemap ul li a {
	color:#3D8225;
	font-weight:normal;
	font-size:10px;
}

#footer #sitemap ul .sitemap ul li a:hover {
	color:#3B84E3;
}

/*---------------Footer Bottom------------------*/

#footer .left {
	border-top:1px solid #1454A7;
	display:inline;
	float:left;
	margin:0;
	padding-top:3px;
	padding-left:5px;
	width:200px;
	position:relative;
	top:10px;
}

#footer .middle {
	border-top:1px solid #1454A7;
	display:inline;
	float:left;
	margin:0 0 0;
	padding-top:3px;
	text-align:center;
	width:375px;
	position:relative;
	top:10px;
}

#footer .right {
	border-top:1px solid #1454A7;
	display:inline;
	float:right;
	width:220px;
	position:relative;
	top:10px;
}

#footer_menu {
	display:block;
	margin-left:2px;
	width:218px;
}

#footer_menu li {
	display:block;
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

#footer_menu li a:link,#footer_menu li a:visited {
	display:block;
	color:#353637;
	text-decoration:none;
	margin:0;
	padding:3px 6px;
}

#footer_menu li a:hover,#footer_menu li a:active,
#footer_menu li.active a:link,#footer_menu li.active a:visited {
	color:#fff;
	background-color:#3b84e3;
	text-decoration:none;
}

/*------------------>> Typography <<-----------------------*/
h1 {	}
h2 {	}
h3 {	}
h3 {}
h4 {	}
h5 {	}
h6 {	}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

p {}

strong {}

a:link,a:visited {text-decoration: none;}

a:hover,a:active {text-decoration: underline;}

a:focus {}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/*------------------>> Advisor <<-----------------------*/

span#lblSearch {}
div.advisor_result {}

/*------------------>> Breadcrumbs - from manual <<-----------------------*/
.breadcrumbs{
	list-style:none;
	margin:0;
    padding:0;
}

.breadcrumbs li{
    display:inline;
    margin:0;
    padding:0;
}

.breadcrumbs{}

.breadcrumbs li{}

.breadcrumbs span{}

.breadcrumbs a:link{},.breadcrumbs a:visited{}

.breadcrumbs a:hover{},.breadcrumbs a:active{}

.breadcrumbs .root_location{}

.breadcrumbs .current_location{}

/*------------------>> News Archives <<-----------------------*/
ul#newsArchive {
	list-style-type:none;
	margin:0 0 20px;
	padding:10px;
}

ul#newsArchive li {}

#newsArchive li a span {
	color:#2C5D8D;
	font-weight:bold;
	margin-left:1px;
}

ul#newsArchive li p {}

a#read_more {}


/*------------------>> Scrolling News - from manual <<-----------------------*/
#scrollId{
	overflow:hidden;
	position:relative;
}

#scrollId ul{
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

#scrollId li{
	margin:0;
	padding:0;
	overflow:hidden;
}

/*------------------>> Quick Links <<-----------------------*/
div#qlPanelquicklinks.qlPanel {
	border: 1px solid #ccc;
	width: 300px;
}

h2#qlH2quicklinks {
	padding: 5px 0 10px 15px;
	background: #eee;
}

ul#qlULquicklinks {margin:0 0 10px 15px;}

ul#qlULquicklinks li {
	clear: left;
	margin: 5px 0;
}

#qlPanelquicklinks li a {
	float:left;
	width:250px;
}

#qlPanelquicklinks a.qlRemove {float:none;}


/* popup window for quicklinks*/

.popUpBody{}
.Button {}

/*------------------>> Contacts Overview Pages <<-----------------------*/
a#pagination_first.first_prev {}
a#pagination_first.first_prev_disabled {}

a#pagination_prev.first_prev {}
a#pagination_prev.first_prev_disabled {}

a#pagination_next.last_next {}
a#pagination_next.last_next_disabled {}

a#pagination_last.last_next {}
a#pagination_last.last_next_disabled {}

span#paginationInfoMaxEditorial {}
span#paginationInfoMax {}

/* rest of styles depends form numer of pages for example define them during integration if needed
span#separator_first {}
a#pagination_1 {}
...
*/

/*------------------>> Personalized Home Page <<-----------------------*/
#PH_block_container {}

h2#PH_block_title {}

div.PH_block_buttons_div {}
div.PH_block {}

div.PH_block_oneline {}
div.PH_block_oneline_date {}
div.PH_block_oneline_title {}

div#PH_add_block_button_div.PH_block_add {}

input#PH_add_block_button.PH_block_button {}

a.PH_block_button_edit {}
a.PH_block_button_remove {}

a.PH_block_oneline_link {}

div#PH_add_block_container.PH_add_block_container {}

form#PH_edit_form {}

div#PH_add_block_step1.PH_add_block_step1 {}

div#PH_add_block_step1_filter_div.PH_add_block_step1_filter_div {}

input#PH_add_block_step1_radio_and {}
input#PH_add_block_step1_radio_or {}

input.PH_block_checkbox {}

div#PH_add_block_step1_tags_div.PH_add_block_step1_tags_div {}
input.PH_block_button {}

div.PH_add_block_step1_checkbox_div {}

div#PH_add_block_step1_buttons_div {}

div#PH_add_block_step2.PH_add_block_step2 {}
select#PH_block_select.PH_block_select {}

/*------------------>> Agenda <<-----------------------*/
div#calendar {}
div#calendar-container {}

div.calendar {}

div#calendar table {}
div#calendar table thead td.title {}

div#calendar tr.headrow {}
div#calendar tr.headrow td.nav {}
div#calendar tr.headrow td.button {}

div#calendar tr.daynames {}
div#calendar tr.daynames td.name {}
div#calendar tr.daynames td.wn {}
div#calendar tr.daynames td.day {}
div#calendar tr.daynames td.name {}
div#calendar tr.daynames td.weekend {}

div#calendar tbody {}
div#calendar tbody tr.daysrow {}
div#calendar tbody tr.daysrow td.day {}
div#calendar tbody tr.daysrow td.wn {}
div#calendar tbody tr.daysrow td.disabled {}
div#calendar tbody tr.daysrow td.othermonth {}
div#calendar tbody tr.daysrow td.oweekend {}

div#calendar tfoot {}
div#calendar tfoot tr.footrow {}
div#calendar tfoot tr.footrow td.ttip {}

/* to do
table .hilite
#results .notClickAble
*/

/* agenda results */
#results {}

#results div.weekDate {}
#results div.weekDate span.weekAction {}

#results div.eventDate {}
#results div.eventDate span.eventDay {}

#results ul.eventList {}
#results ul.eventList li {}
#results ul.eventList li a {}

/* to do => finish */
/*------------------>> Common used classes <<-----------------------*/
.clear {clear:both;}