#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
    font-size: 12px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
    
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  

}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



.hidden {display: none;}
/* =================== MAIN COLUMN STYLES ======================= */

.pageslist {
	font-weight: bold;
	text-align: center;
}

.pageslist a,
.pageslist a:visited {
	color: #697505;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border: 0;	
}

/* =================== END MAIN COLUMN STYLES ======================= */


/* =================== STYLES MISC ======================= */

#bread_crumbs {
	font-size: 11px;
	font-weight: bold;
	color: #73acf0;
}
#bread_crumbs a {
	color: #0b74aa;
	text-decoration: none;
}
#bread_crumbs a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.resetstyles {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1em;
}
/* =================== END STYLES MISC ======================= */




/* =================== TABLES =======================*/
.tablepadding th,.tablepadding td {
	text-align: left;
	padding: 2px 5px 2px 5px;
}


.tablenopadding th,.tablenopadding td {
	padding: 2px 5px 2px 0px;
	text-align: left;
}

.tablecontent td a:link,.tablecontent td a:visited {
	text-decoration: none;
	color: #213d79;
}

.tablecontent td a:hover {
	text-decoration: underline;
}

.tablepadding th,.tablenopadding th,.tableheader {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: left;
}

.tablepadding th a:link,.tablenopadding th a:link,.tableheader a:link,.tablepadding th a:visited,.tablenopadding th a:visited,.tableheader a:visited
	{
	text-decoration: none;
}

.tablecontent {
	font-size: 12px;
}

.even {
	background-color: #ebebeb;
}



/* =================== END TABLES ======================= */
/* =================== FORM ELEMENTS ======================= */
.formbutton, .formbutton_fixed {
	cursor: pointer;
	border: outset 1px #AAAAAA;
	background: #999999;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/formbutton.gif) repeat-x left top;
	padding: 1px 10px 1px 10px;
	width: auto;
	overflow: visible; /* IE button width (extra padding) hack */
}

.formbutton_fixed {
	margin-left: 20px;
	width: 120px;
}

.products-order {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	width: 45px;	
	}
	
.products-order-disabled {
	background-color: #cccccc;
	border: #AAAAAA solid 1px;
	color: #000000;
	width: 45px;	
	}	

.products-details {
	text-decoration: underline;
	cursor: pointer;
	/*font-weight: bold;*/
	color: #000000;
	}

.products-details-bold {
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	color: #000000;
	}

.products-details:hover,
.products-details-bold:hover {
	color: #10789D;
	border: none;
	background: none;
	}

.formfield, .formfield_wide, .formfield_big {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	font-size: inherit;
	padding: 2px;
	width: 200px;
	font-size: 12px;
}

.formfield_wide {
	width: 400px;
}

.formfield_big {
	width: 600px;
	height: 300px;
}

select.formfield {
	width: 206px; /* 200+2*2 padding +2border */
	padding: 1px 2px;
}
.formfield-error-report {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	font-size: inherit;
	padding: 0.2em;
	width: 360px;
	font-size: 12px;
}


.formerror {
	color: #ff0000;
}

.formwarning {
	color: #FF9A00;
}

.formok {
	color: #398600;
}

select.formfield {
	background: #FFFFFF;
}

.flink, .flinkRed {
	color:blue;
	cursor: pointer;
}

.flinkRed {
	color: red;
}

.commonCheckLabel {
	margin-left: 10px;
}

.commonTableRowDiv {
	padding: 5px 0;
}
/* =================== END FORM ELEMENTS ======================= */

.bak2top {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #19A1D0;

	padding: 3px;
	background-image: url(/images/go-up.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.bak2top a{
	color: #FFFFFF;
}

.bak2top a:hover{
	color: #000000;
}

.topmenu {
	display: inline;
}

.here {
	background-color: red;	
}

.errormessage {
	width: 50%;
	margin: 0 auto 10px auto;
    background: #fff6bf url(/images/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 7px 20px 7px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}
.infomessage {
	width: 50%;
	margin: 10px auto 10px auto;
    background: #f8fafc url(/images/information.png) 15px 50% no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 7px 20px 7px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

.search_result {
	margin-bottom: 10px;
}
.search_result h3 {
	margin:0 0 3px 0;
}

/* =================== Gallery scollable ======================= */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev {
	background:url(/images/button-left.gif);		
}

a.prev:hover {
	background:url(/images/button-left-over.gif);		
}

a.next {
	background:url(/images/button-right.gif);		
}

a.next:hover {
	background:url(/images/button-right-over.gif);		
}
div.items a {
	display:block;
	float:left;
	/*margin-right:8px;*/
	/*width:88px;*/
	height:66px;
	background:url(/images/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}
#scrollable {
	/*background-color:#efefef;*/
	background-color: #F7F7F7;
	/*border:1px solid #ddd;*/
	border:1px solid #DFDFDF;	
	padding:10px 8px;
	width:650px;
	height:65px;
}

/* container for the scrollable items */
div.items {
	height:66px;	
	margin-left:8px;
	margin-right:8px;	
	float:left;
	/*width:478px !important;*/
	width:572px !important;
}


ul.product_category,ul.category {
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
	width: 100%;
}


ul.product_category li,ul.category li {
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;
	background-color: #F6F6F6;
	padding: 3px 0 3px 3px;
}

ul.product_category li ul, ul.category li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 15px;
}

ul.product_category li ul li, ul.category li ul li {
	background-color: #e8e8e8;
	padding: 3px 0 3px 3px;
}

ul.product_category li ul li ul, ul.category li ul li ul {
	padding: 0;
	margin: 0;
	list-style: none;	
	margin-left: 15px;
}

ul.product_category li ul li ul li, ul.category li ul li ul li {
	background-color: #CFCFCF;
	padding: 3px 0 3px 3px;
} 	

/* CSS Document */
body,html{ 
	padding:0px; 
	margin:0px; 
	font-family: "trebuchet ms", arial;
	font-size:12px;
	color:#4A4A4A;
	font-weight:normal;
	line-height:17px;
	background:#F1F8FF;
	/*background:url(/images/project/body_bg.jpg) repeat;*/
}

.cb {
	clear: both;	
}

#warp{
	width:1010px; 
	margin: 0 auto;
}
.back{
	width:978px;
	float:left;
	background:url(/images/project/back.png) repeat-y;
	padding: 8px 16px 10px 16px;
}
/*header css starts here*/
#header{
	width:978px;
	float:left;
}

.toppanel{
	width:963px;
	float: left;
	background:url(/images/project/toppanel_bg.jpg) no-repeat;
	height:22px;
	padding:8px 5px 5px 10px;
	font-size:12px;
	font-weight:normal;
	color:#213d79;
	text-decoration:none;
}
.toppanel span{
	float:left;
	width:450px;
	font-weight:bold;
	color: #FFF;
}
.toppanel a{
	font-size:12px;
	font-weight:normal;
	color: #FFF;
	text-decoration:none;
	padding:0px 2px 0px 3px;
}
.toppanel a:hover{
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:underline;
	padding:0px 2px 0px 3px;
}

.logo_div{
	width:978px; 
	float:left;
	background:url(/images/project/blubg.gif) repeat-x left top;
	height: 138px;
	margin-bottom: 5px;
}
.logo_div p{
	padding:0px;
	margin:0px;
}
.logo_div p.logo{
	padding: 2px 0 0 10px;
	margin:0px;
	width:378px;
	float:left;
}
.logo_div p.spacebanner{
	float:left;
	width:580px;
	padding-top:10px;
	padding-right: 10px;
	text-align: right;
}
.logo_div p.htext{
	font-size:14px;
	font-weight: bold;
	font-style: italic;
	color:#FFF;
	float:left;
	width:968px;
	padding:13px 0px 0px 10px;
}

.menu{
	width:968px;
	float:left;
	background:url(/images/project/menubg.jpg) repeat-x;
	height:29px;
	padding:6px 0px 0px 10px;
}

.subMenu{
	width:978px;
	float:left;
	height:35px;
	padding: 0;
}


/*header css ends here*/


/*middle css starts here*/
#middle{
	width:978px; 
	float:left;
	margin-top: 10px;
}
.midtoppanel{
	width:978px; 
	float:left;
	margin-bottom: 20px;
}
.midpanel_left{
	width:664px; 
	float:left;
	margin-right: 20px;
	height: 407px;
	/*min-height: 341px;*/

}
.midpanel_right{
	width: 294px; 
	float: left;
	padding: 0;
	height: 407px;
}

.midpanel_right_actual {
	background:url(/images/project/graybar.gif) repeat-x;
	height: 25px;
	padding: 10px 10px 0 10px;
	text-transform: uppercase;
	color: #605B5B;
	font-weight: bold;
	margin-bottom: 10px;
	width: 274px;
	font-size: 15px;
}

.midpanel_right_scc {
	width:294px;
	background-color: #98ACBD;	
}

.midpanel_right_scc_line {
	width: 284px; 
	margin: 0 5px;
	height: 1px;
	line-height: 1px;
	background-color: #FFF;
}

.midpanel_right div.titlebox{
	padding: 10px 10px 15px 10px;
	width:274px;
	/*background:url(/images/project/bg.gif) repeat-x;*/
	height:95px;
	/*border:1px solid #45708E;*/
	color: #FFF;
	font-size: 12px;
	overflow: hidden;
}

.midpanel_right div.titlebox h2 {
	padding-top: 0px;
}

.midpanel_right div.titlebox a,
.midpanel_right div.titlebox a:visited {
	color: #FFF;
	text-decoration: none;
}

.midpanel_right div.titlebox a:hover {
	text-decoration: underline;
}

.midpanel_right div.titlebox h2 a,
.midpanel_right div.titlebox h2 a:visited {
	color: #495677;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 5px;
}
.midpanel_right div.titlebox h2 a:hover {
	color: #495677;
	text-decoration: underline;
}

.midtoppanel_midbotpanel_separator {
	width: 978px; 
	height: 5px;
	background-color: #98ACBD;
}

.midbotpanel {
	width:978px; 
	float:left;
	padding-top:15px;
}
.boxmain{
	width:237px;
	height: 100px;
	overflow: hidden; 
	float:left;
	margin-right:9px;
	
	font-size: 15px;
	color: #213D79;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background-color: #98ACBD;
}

.boxmain a, .boxmain a:visited {
	color: #213D79;
	text-decoration: none;
}

/*
.boxmain p{
	padding:0px;
	margin:0px;
}
.boxmain p.bar{
	width:237px;
	float:left;
}
.boxmid{
	width:215px;
	height: 112px;
	background-color:#ffffff;
	padding:0px 0px;
}
.boxmid h2{
	margin:0px;
	font-size:19px;
	font-weight:normal;
	color:#395C98;
	padding-bottom:10px;
	padding-top: 0px;
}
.boxmid span.left{
	width:92px;
	float:left;
}
.boxmid span.right{
	width:115px;
	float:left;
}
.boxmid span.right a{
	font-size:12px;
	font-weight:bold;
	color:#213d79;
	text-decoration:underline;
}
.boxmid span.right a:hover{
	font-size:12px;
	font-weight:bold;
	color:#213d79;
	text-decoration:none;
}*/

.news{
	width:263px;
	float:left;
	padding-right:13px;
}
.midbotpanel h3{
	padding:0px;
	margin:0 0 10px 0;
	font-size:15px;
	font-weight: bold;
	color:#605B5B;
	background:url(/images/project/graybar.gif) repeat-x;
	height:21px;
	text-transform:uppercase;
	padding:10px 0px 0px 10px;
}
.news ul{
	padding:0px;
	margin:0px;
}
.news ul li{
	list-style-type:none;
	display: block;
	background:url(/images/project/dot.gif) repeat-x bottom left;
	padding:10px 0px 10px 15px;
	color:#213d79;
	font-weight:bold;
}
.news ul li a{
	font-size:11px;
	font-weight:bold;
	color:#01448D;
	text-decoration:underline;
	padding-left:5px;
}
.news ul li a:hover{
	font-size:11px;
	font-weight:bold;
	color:#01448D;
	text-decoration:none;
}
.projekt{
	width:300px;
	float:left;
	padding-left:13px;
}
.our_partners{
	width:664px;
	float:left;
	padding:0px 0px 20px 0px;
}
.our_partners img{
	border:1px solid #DADADA;
	margin-right:19px;
}

.innermain{
	width:978px;
	float:left;
	/*padding-top:15px;*/
	display: inline;
}

.innermain a, .innermain a:visited {
	color: #213D79;
	text-decoration: none;
	font-weight: bold;
}

.innermain a:hover {
	text-decoration: underline;	
}

.left_panel,
.right_panel {
	width:235px;
	float:left;
	background:url(/images/project/leftbg.gif) repeat-y  right;
	padding:0px 30px 20px 0px;
	_padding:0px 27px 20px 0px;
}

.right_panel {
	padding:0px 0px 20px 30px;
	background:url(/images/project/rightbg.gif) repeat-y  left;
}

.left_panel h2,
.right_panel h2 {
	padding:0px;
	margin:0px;
	font-size:15px;
	font-weight: bold;
	color: #605b5b;
	background:url(/images/project/graybar.gif) repeat-x;
	height:21px;
	text-transform:uppercase;
	padding:10px 0px 0px 10px;
	line-height: 12px;
}
.left_panel img,
.right_panel img {
	margin-bottom:10px;
}
.left_panel ul,
.right_panel ul {
	padding: 8px 0px 1px 10px;
	margin: 0px;
}
.left_panel ul li,
.right_panel ul li {
	padding:0px;
	margin:0px;
	background:url(/images/project/dot1.gif) repeat-x bottom left;
	padding:5px 0px 10px 0px;
	list-style-type:none;
}

.left_panel ul li:last-child,
.right_panel ul li:last-child {
	background: none;
}

.left_panel ul li a,
.left_panel ul li a:visited,
.right_panel ul li a,
.right_panel ul li a:visited,
.left_panel ul li.selected a,
.left_panel ul li.selected a:visited,
.right_panel ul li.selected a,
.right_panel ul li.selected a:visited {
	background:url(/images/project/sidecolumn-menu-list-style.jpg) no-repeat 0 1px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#5D5D5D;
	padding:0px 0px 0px 15px;
}

.left_panel ul li.selected a,
.left_panel ul li.selected a:visited,
.right_panel ul li.selected a,
.right_panel ul li.selected a:visited {
	background:url(/images/project/sidecolumn-menu-list-style-selected.jpg) no-repeat 0 1px;
}


.left_panel ul li a:hover,
.right_panel ul li a:hover {
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	color:#5D5D5D;
	padding:0px 0px 0px 15px;
}

.left_panel a,
.left_panel a:visited,
.right_panel a,
.right_panel a:visited {
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#213d79;
}

.left_panel a:hover,
.right_panel a:hover {
	text-decoration:underline;
}

.left_bottom{
	width:210px;
	padding:10px 10px 10px 15px;
}
.left_datecaption {
	background:#375C97;
	color:#ffffff;
	text-align:center;
	width:210px;
	margin-bottom:10px;
	padding:6px 0px;
}
.left_scroll{
	width:208px;
	overflow:auto;
	height:200px;
	border:1px solid #D6D6D6;
}
 
.middle_panel {
	width:713px;
	float:left;
}

h1 {
	padding:0px;
	margin:0px;
	font-size: 20px;
	font-weight:normal;
	color:#213D79;
	line-height:24px;
	padding-top:15px;
	text-transform: uppercase;
}

h2 {
	font-size:15px;
	font-weight:normal;
	color:#213d79;
	padding:0px;
	margin:0px;	
	padding-top:15px;
	text-transform: uppercase;
}
h2 a,
h2 a:visited {
	font-size:15px;
	font-weight:normal;
	color:#213d79;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

.content_date {
	font-size: 10px;	
}

.content_link {
	padding-bottom: 10px;
	margin:0px;
}

.content_link a,
.content_link a:visited {
	font-size:12px;
	font-weight:bold;
	color:#305086;
	text-decoration:underline;
}

.content_link a:hover{
	text-decoration:none;
}

.content_subtitle {
	padding:10px 0px;
	margin:0px;
}

.page_navigation {
	/*width: 713px;*/
}

.page_navigation h2 {
	padding:0px;
	margin:0px;
	font-size:15px;
	font-weight: bold;
	color:#605B5B;
	background:url(/images/project/graybar.gif) repeat-x;
	height:31px;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
	line-height: 12px;
}
.page_navigation h2 span {
	float:left;
	font-size:15px;
	font-weight: bold;
	color: #605B5B;
	text-transform:uppercase;

}
.page_navigation h2 span a,
.page_navigation h2 span a:visited {
	font-size:15px;
	font-weight: bold;
	color: #605B5B;
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	/*background:url(/images/project/brarrow.gif) no-repeat right;*/
	height:24px;
	padding:10px 15px 0px 10px;
}

.topnavarrowspan {
	padding: 10px 5px 0 0;	
}

.page_navigation h2 span a:hover{
	color: #605B5B;
	text-decoration:none;
}	
.page_navigation h2 span b {
	float:left;
	font-weight: bold;
	padding:10px 0px 0px 10px;
}

.pageing{
	width:665px;
	float:left;
	background:#EAEAEA;
	padding:10px;
}
.pageing a{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background:#0640A6;
	float:left;
	padding:4px 8px;
	margin-right:5px;
}
.pageing a:hover{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background:#D41111;
	float:left;
	padding:4px 8px;
	margin-right:5px;
}
.pageing a.here{
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background:#D41111;
}

/*middle css ends here*/

/*footer css starts here*/
#footer{
	width:1010px;
	float:left;
	background:url(/images/project/midbot.png) no-repeat top left;
	padding:15px 0;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#191919;
	line-height:18px;
}

#footer a,
#footer a:visited{
	font-size:12px;
	color:#191919;
	line-height:18px;
	text-decoration: none;
}

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

/*footer css ends here*/


.cms_container {
	margin: 10px 0;
	float: left;
}

.cms_container a,
.cms_container a:visited {
	font-size:12px;
	font-weight:bold;
	color:#305086;
	text-decoration:underline;
}

.cms_container a:hover{
	font-size:12px;
	font-weight:bold;
	color:#305086;
	text-decoration:none;
}	
	

/* SLIDE */


.before-feature-block {
	background: url(/images/project/fpa-top.gif) no-repeat center top; 
	height: 18px; 
	width: 664px;
}

.feature-block {
	overflow: hidden;
	position: relative; 
	padding: 0 10px 24px 10px;
	width: 644px;
	background-color: #98ACBD; 
	height: 365px; /*407-18-10*/
}

.feature-block .desc-container { 
	overflow: hidden;
	position: relative; 
	height: 198px;
}

.feature-block h1 {
	text-align: center; 
	padding: 0;
	margin: 0 0 20px 0;
	color: #FFF; 
	font-size: 25px; 
	line-height: 28px; 
	text-decoration: none;
	font-weight: bold;
}

.feature-block h1 a, 
.feature-block h1 a:visited { 
	color: #FFF; 
	text-decoration: none;
}

.feature-block h1 a:hover { 
	text-decoration: underline;
}

.feature-block .desc-container {
	background: url(/images/project/fpa_desc_cont_bg.jpg) no-repeat center top; 
}

.feature-block .desc-container .description {
	width:604px; 
	text-align:left;
	padding: 20px;
	color: #605b5b;
}

.moreLink a
.moreLink a:visited {	
	color: #213D79;
}

.feature-block img.feature-main {display: block;}
.feature-block img.feature-sub {margin: 9px 7px 0 0;}


/*
.feature-block h1{
	padding:0px;
	margin:0px;
	font-size:21px;
	font-weight:normal;
	color:#0B0B0B;
}*/

.fpa-container-bottom {
	width: 604px;
	margin-top: 10px;
	float: left;
	padding: 0 20px;
}

.fpa-container-bottom-single {
	margin: 0;
	padding: 0;
	float: left;
	width: 142px;
	cursor: pointer;
}

.fpa-container-bottom-single-separator {
	margin: 0 5px;
	float: left;
	width: 1px;
	background-color: #FFF;
	height: 127px;
}

.fpa-container-bottom-single h2 {
	margin: 0;
	padding: 0;
}

.fpa-container-bottom-single h2 a,
.fpa-container-bottom-single h2 a:visited {
	color: #495677;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

.fpa-container-bottom-single h2 a:hover {
	text-decoration: underline;
}

.fpa-container-bottom-single-shortdesc {
	float: left;
	color: #FFF;
}

/*
.image-container-bottom img:last-child {
	margin: 0;
} */

/* CONTENT SLIDER */
 
.pagination {
	width:636px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	padding:0px;
	text-align:right;
	z-index:100000;
	position:absolute;
	margin-top:-22px;

}
.pagination a{
	float:right;
	margin:0px 3px 0px 3px;
}
.pagination img{
	border:0px;
}

.contentdiv {
	width:636px;
	height:25px;
	float:left;
}

.educationSubtitleDiv {
	margin-top: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #213d79;
}

.educationApplicationDiv {
	padding: 10px;
	border: 1px solid #213d79;
}

/* DROP DOWN NAVIGATION */

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     height: 29px;
     float: left;
     z-index: 100;
}

#nav li a:link, #nav li a:active, #nav li a:visited {
	display:block;
	padding: 6px 10px 0px 10px;
	/*border:1px solid #333;*/
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	height: 23px; 
	font-weight: bold;
	float: left;
}

#nav a:hover, #nav a.selected {
	/*background:url(/images/project/navbg.jpg) repeat-x;*/
}

#nav li{
    float:left;
    position:relative;
    margin-right: 15px;
    line-height: 12px;
}

.nav_zavod a:hover {
 	background-color: #AEBE41;
 	color: #FFF;
}

.nav_zagovornistvo a:hover {
 	background-color: #C4BF66;
 	color: #FFF;
}

.nav_podporne a:hover {
 	background-color: #3399FF;
 	color: #FFF;
}

.nav_informiranje a:hover {
 	background-color: #FF9900;
 	color: #FFF;
}

.nav_promocija a:hover {
 	background-color: #B76767;
 	color: #FFF;
}

.subMenu ul{
	margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    height: 35px;
	width: 978px;
	background-color: #98ACBD;
	text-transform: uppercase;
}

.subMenu ul li {
	float: left;
}

.subMenu li a, .subMenu li a:visited {
	display: block;
	padding: 9px 10px 0px 10px;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 14px;
	height: 26px; 
	font-weight: bold;
	float: left;	
}

.subMenu ul li a:hover {
	text-decoration: underline;
}

/*
#nav ul {
    position:absolute;
    width:250px;
    top: 36px;
    display:none;
}

#nav ul li {
    background-color: #315289;
	width:250px;
	margin-right: 0px;
	padding: 0;
	position: relative;
}

#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited{
    width:240px;
    float:left;
	padding-right: 0px; 
	display: block;
}

#nav li ul a:hover, #nav li ul a.selected {
	background:url(/images/project/navbg.jpg) repeat-x;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:250px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
*/    
.categoryLeftSidecolumnContainer {
	float: left;
	width: 450px;
	border: 1px solid #315289;
	padding: 0px 10px 10px 10px;
}

.categoryRightSidecolumnContainer {
	float: right;
	width: 450px;
	border: 1px solid #315289;
	padding: 0px 10px 10px 10px;
}

.categorySidecolumnUl {
	list-style: none;
	padding-left: 0px;
}

.categorySidecolumnUl li:hover {
	background-color: #FFEFEF;
}

.categorySidecolumnContentDiv {
	border: 1px solid #213d79;
	padding: 10px;
	margin-bottom: 10px;
}

.calendarTableFull, .calendarTitleTableFull, .calendarSearchTableFull {
	width: 630px;
	margin: auto;
	margin-bottom: 20px;
}

.calendarCellFull, .calendarCellFullPreviousMonth, .calendarCellFullNextMonth {
	height: 55px;
	background-color: #BFE2FF;
	text-align: center;
	font-weight: bold;
	font-size:20px;	
	padding-top: 8px;
}

.calendarCellFullPreviousMonth {
	background-color: #DFF1FF;
}

.calendarCellFullNextMonth {
	background-color: #DFF1FF;
}

.calendarDayCellFull {
	text-align: center;
	font-weight: bold;
	font-size:16px;	
}

.calendarCellFull a,
.calendarCellFull a:visited {
	text-decoration: none;	
	color: #8EB214;
}

.calendarCellFullPreviousMonth a,
.calendarCellFullPreviousMonth a:visited,
.calendarCellFullNextMonth a,
.calendarCellFullNextMonth a:visited {
	text-decoration: none;	
	color: #4A4A4A;
}

.calendarTableSidecolumn {
	width: 210px;
	margin: auto;
	margin-bottom: 10px;
}

.calendarCellSidecolumn, .calendarCellSidecolumnPreviousMonth, .calendarCellSidecolumnNextMonth {
	height: 15px;
	background-color: #BFE2FF;
	text-align: center;
	font-weight: bold;
	font-size:12px;	
	padding-top: 1px;	
}

.calendarDayCellSidecolumn {
	text-align: center;
	font-weight: bold;
	font-size:10px;	
	min-width: 29px;		
}

.calendarCellSidecolumnPreviousMonth {
	background-color: #DFF1FF;
}

.calendarCellSidecolumnNextMonth {
	background-color: #DFF1FF;
}

.calendarDayCellSidecolumn a,
.calendarDayCellSidecolumn a:visited
.calendarDayCellSidecolumn a:hover {
	text-decoration: none;	
	color: #8EB214;
}

.calendarCellSidecolumnPreviousMonth a,
.calendarCellSidecolumnPreviousMonth a:visited,
.calendarCellSidecolumnPreviousMonth a:hover,
.calendarCellSidecolumnNextMonth a,
.calendarCellSidecolumnNextMonth a:visited 
.calendarCellSidecolumnNextMonth a:hover {
	text-decoration: none;	
	color: #4A4A4A;
}

.calendarTitleTableFull {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 40px;
}

.calendarTitleTableFull a,
.calendarTitleTableFull a:visited {
	text-decoration: none;	
	color: #213D79;
}

.calendarSearchTableFull {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}

.calendarEventDiv {
	margin: 10px 0px;
	
}

.calendarEventDiv a,
.calendarEventDiv a:visited {
	text-decoration: none;
	color: #697505;
}

.calendarEventDiv a:hover {
	text-decoration: underline;
}

.calendarTitleTableSidecolumn {
	font-weight: bold;
	font-size: 16px;
	margin: 5px 0px;
	text-align:center;
	color: #213D79;
}

.calendarTitleTableSidecolumn a,
.calendarTitleTableSidecolumn a:visited {
	text-decoration: none;	
	color: black;
	font-size:inherit;
	font-weight:inherit;
	color: #213D79;
}

.article_div {
	margin-right: 10px;
	width: 703px;
}

.article_div a img {
	border-color: #FFF;
}

.article_div h2 {
	font-weight: bold;
}

.registrationDiv {
	float: left;
	width: 50%;
}

.inputContainerDiv {
	float: left; 
	width: 30px;
}

.nextToInputContainerDiv {
	margin-left: 30px;
	padding-top: 3px;
}

.areasOfInterestChooseDiv {
	margin: 15px 0px;
}

.eAttorneyCodeEditUl {
	list-style: none;
	padding: 0;
	margin: 0;
}

.eAttorneyCodeEditUl {
	border-left: 1px solid #DFDFDF;
}

.eAttorneyCodeEditUl div.data:hover {
	background-color: #DFDFDF;
}

.eAttorneyCodeEditUl div.data div.exp {
	float: left;
	width: 16px;
	cursor: pointer;
}

.eAttorneyCodeEditUl div.data div.userId {
	float: left;
	width: 100px;
	font-weight: bold;
	font-style: italic;
}

.eAttorneyCodeEditUl div.data div.val {
	margin-left: 116px;
	padding-left: 10px;
}

.eAttorneyCodeEditUl div.children {
	
}

.xlsImportExplanation {
	padding: 10px;
	border: 1px solid blue;
	background-color: #FIF8FF;
	margin: 10px 0;
}

.attorneyNav {
	font-size: 14px;
	color: gray;
	font-weight: bold;
	padding: 10px 0;
}

.attorneyNav div.navDiv {
	float: left;
	margin-right: 10px;
}

.attorneyNav div.navDiv.selected {
	color: black;
}

.documentContidionCms {
	border: 1px solid #67B2E5;
	margin-bottom: 5px;
}

.documentContidionCms .title {
	background-color: #67B2E5;
	color: white;
	font-weight: bold;
	padding: 0 10px;
	height: 20px;
	cursor: pointer;
}

.documentContidionCms .content {
	padding: 3px 10px;
}

.eAttQuestionCms {
	border: 1px solid #D70E11;
	margin-bottom: 5px;
}

.eAttQuestionCms.flowif {
	border: 1px solid #67B2E5;
}

.eAttQuestionCms.pagebreak {
	border: 1px solid #676BF4;
}

.eAttQuestionCms.connection {
	border: 1px solid #679C12;
}

.eAttQuestionCms .title {
	background-color: #D70E11;
	color: white;
	font-weight: bold;
	padding: 0 10px;
	height: 20px;
}

.eAttQuestionCms.flowif .title {
	background-color: #67B2E5;
}

.eAttQuestionCms.pagebreak .title {
	background-color: #676BF4;
}

.eAttQuestionCms.connection .title {
	background-color: #679C12;
}

.eAttQuestionCms .title .qdrag {
	cursor: pointer;
	float: left;
}

.eAttQuestionCms .title .qtitle {
	cursor: pointer;
	padding-bottom: 3px;	
	margin-left: 10px;
	float: left;
}

.eAttQuestionCms .title .qtitle:hover {
	text-decoration: underline;
}

.eAttQuestionCms .title .qdelete {
	cursor: pointer;
}

.eAttQuestionCms .title .qdelete:hover {
	text-decoration: underline;
}

.eAttQuestionCms .content {
	padding: 3px 10px;
}

.eAttQuestionsUlCms {
	list-style: none;
	padding: 10px;
	border: 1px solid black;
}

.eAttFinalErrorTitle {
	color: black;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;	
}

.eAttFinalErrorDiv {
	border: 1px solid red;
}

.eAttFinalErrorDiv .title {
	padding-left: 10px;
	font-weight: bold;
	color: white;
	background-color: red;
}

.eAttFinalErrorDiv .error {
	padding: 5px 0 5px 20px;
	color: red;
}

.eAttDocumentDiv {
	width: 500px;
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 10px;
}

.eAttDocumentDiv .delete {
	cursor: pointer;
}

.eAttDocumentDiv .delete:hover {
	text-decoration: underline;
}

.userCasePage {
	padding: 10px 0;
}

.userCasePage .userCasePageElement {
	padding-top: 10px;
}

.userCasePage .userCasePageElement.connection {
	border-bottom: 1px solid #213D79;
}

.userCasePage .userCasePageElement .title {
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0;
}

.userCasePage .userCasePageElement .description {
	padding: 5px 0;
}

.userCasePage .userCasePageElement .content {
	padding-top: 10px;
}

.userCasePage .userCasePageElement .content input.formfield.textShort {
	width: 25%;
}

.userCasePage .userCasePageElement .content input.formfield.textMedium {
	width: 50%;
}

.userCasePage .userCasePageElement .content input.formfield.textLong {
	width: 80%;
}

.userCasePage .userCasePageElement .content textarea.formfield.textEssay {
	width: 80%;
	height: 250px;
}

.userCasePage .userCasePageElement .content div.radioContainer {
	padding: 3px 0;
}

.userCasePage .userCasePageElement .content div.radioContainer:hover {
	background-color: #F0F0F0;
}

.userCasePage .userCasePageElement .content .directHelp {
	padding-top: 2px;
	color: #5984c8;
}

.userCasePage .userCasePageElement .content .help,
.userCasePage .userCasePageElement .content .grounds {
	padding: 0px 3px;
	margin-left: 10px;
	display: inline;
	cursor: pointer;
}

.userCasePage .userCasePageElement .content .help .close,
.userCasePage .userCasePageElement .content .grounds .close {
	text-align: right;
	color: red;
}

.userCasePage .userCasePageElement .content .help .close span:hover, 
.userCasePage .userCasePageElement .content .grounds .close span:hover {
	text-decoration: underline;
}

.userCasePage .userCasePageElement .content .help,
.userCasePage .userCasePageElement .content .help .hpan {
	color: #214780;
	border: 1px solid #bddbf4;
	background-color: #bddbf4;
}

.userCasePage .userCasePageElement .content .help .hpan,
.userCasePage .userCasePageElement .content .grounds .gpan {
	display:none;
	position: absolute;
	z-index: 1;
	width: 500px;
	padding: 10px;
}

.userCasePage .userCasePageElement .content .help .hpan {
	
}

.userCasePage .userCasePageElement .content .grounds,
.userCasePage .userCasePageElement .content .grounds .gpan {
	color: #f4faff;
	border: 1px solid #5984c8;
	background-color: #5984c8;
}

.userCasePage .userCasePageElement .content .grounds .gpan {
	
}

.userCasePage .navigation {
	text-align: right;
	padding: 5px 0;
}

.userCasePage .navigation input {
	margin-left: 15px;
}

.availableMeetings .title {
	font-size: 13px;
	font-weight: bold;
	color: #213D79;
}

.availableMeetings .description {
	padding-left: 30px;
}