/* Start of CMSMS style sheet 'stilius' */
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, tt, sup, sub, var,
b, u, i, center,
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;
	vertical-align: baseline;
	background: transparent;
}


td {
	vertical-align: top;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear:after,.formFields p:after,.sideList dd:after,.productList li:after,.form p:after{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear{ display: inline-block; }
/* start commented backslash hack \*/
* html .clear{ height: 1%; }
.clear{ display: block; }
/* close commented backslash hack */
html{overflow: -moz-scrollbars-vertical; overflow-y: scroll;}


body {
 color: #000;
 background:#F0F0F0;
 margin:0;
 padding:0;
 font-size:12px;
 font-family: Arial;}
 

div.page {
 width: 990px;
 margin: auto;
 background:  #FFFFFF url(images/main_bottom_bg_corners.gif) bottom left no-repeat;
 /* margin-bottom:20px; */
 padding-bottom:20px;
 
 }


.resultlabel {
font-weight:bold;
display:block;
}

.pollresult {
margin-bottom:15px;
}

.valign {
vertical-align:middle;
}

div.footer {
 margin: auto;
 width: 990px;
 clear: both;
}

div.header {
 height: 158px;
 width:990px;
 margin:auto;
 margin-bottom:10px;
 margin-top:10px;
 position:relative;
 }

div.page div.patch_minheight {
 width: 1px;
 height: 250px;
 float: right;}

div.page div.sidebar {
 width: 276px;
 float: right;
 margin-right:20px;
}

div.page div.mainbar {
 width: 445px;
 overflow: hidden;
 float: right;
 margin-right:20px;}

*html div.page div.sideLeft{margin-left:10px;}
*html div.page div.sidebar{margin-right:10px;}


div.page div.sideLeft{
width:188px;
float:left;
margin-left:20px;
}

div.mainbartop { background: #FFFFFF url(images/main_top_bg_corners.gif) top left no-repeat; height:20px; overflow:hidden;}

div.copyright{
background:url(images/copyright_bg.jpg) left top no-repeat;
height:41px;
}

div.copyright h1{
float:left;
width:400px;
padding:13px 0 0 14px;
font:normal 11px Arial;
color:#666666;
}

.patirtis {
text-align:right;
font:normal 11px Arial;
color:#848484;
padding:20px 0 25px 0;
}

.patirtis span{
background:#FF0000;
padding:2px 3px 2px 3px;
color:#FFFFFF;
}

/*  end LAYOUT  */


/* start LINKS */




/*  end LINKS */




.print_box {
position:absolute;
top:8px;
right:8px;
}

.print_box a{
font:normal 11px Arial;
color:#ffffff;
}


.path {
font: normal 11px Arial;
color:#999999;
padding:10px 10px 12px 0;
}

.path a{
font: normal 11px Arial;
color:#999999;
text-decoration:underline;
}

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

.title_dark {
background:url(images/title_dark_right.jpg) top right no-repeat;
padding:7px 9px 15px 9px;
font:normal 16px Arial;
color:#FFFFFF;
position:relative;
}

.title_dark_right {
margin-bottom:0px;
background:url(images/title_dark_bg.jpg) left top no-repeat;
}




.title_inline_dark {
background:url(images/title_inline_dark_right.jpg) top right no-repeat;
padding:7px 9px 9px 9px;
font:normal 16px Arial;
color:#FFFFFF;
}

.title_inline_dark_right {
background:url(images/title_inline_dark_bg.jpg) left top no-repeat;
}







.summary {
position:relative;
padding-top:40px;
}

.summary_link a{
font: normal 20px Arial;
text-decoration:underline;
padding-bottom:7px;
display:block;
}

.date_box {
position:absolute;
top:12px;
left:0px;
background: url(images/news_date_bg.jpg) top left no-repeat; 
font:normal 11px Arial;
color:#ffffff;
padding:3px 4px 10px 4px;
}

.summary h1{
padding-bottom:7px;
}


.bendros_naujienos_apacioje_summary {

}


.bendros_naujienos_apacioje_summary a{
padding:10px 0 10px 0;
display:block;
color:#CCCCCC;
border-top: 1px dotted #626262;
text-decoration:none;
line-height:17px;
}

.bendros_naujienos_apacioje_summary a:hover{
color:#ffffff;
}


.klausimai_atsakymai_summary a {
padding:7px 0 7px 15px;
display:block;
border-top: 1px dotted #D3D3D3;
text-decoration:none;
background:url(images/grey_arrow.gif)  4px 8px no-repeat;
}



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




.nuotoliniu_mokymo_kursu_grafikas_link a{
padding:2px 0 9px 15px;
margin-bottom:7px;
display:block;
text-decoration:none;
background:url(images/grey_arrow.gif)  3px 4px no-repeat;
font:normal 12px Arial;
border-bottom: 1px dotted #D3D3D3;
}


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


.klausimai_atsakymai_links_box {
margin-top:10px;
}


.skelbimai_box {
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
border-top:none;
margin-top:-2px;
padding:20px;
text-align:center;
line-height:16px;
}

.skelbimai_box_outside {
background:url(images/inline_box_bottom_corners.gif) bottom left no-repeat;
margin-bottom:20px;
} 

.content_box {
line-height:17px;
padding-top:10px;
}


.content_box table {
width:100%;
border-top: 1px solid #ffffff;
border-left:1px solid #ffffff;
}

.content_box table td {
padding:2px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}


#matoma_lentele {
width:100%;
border-top: 1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
}

#matoma_lentele td {
padding:4px;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
}



#lentele_be_krastiniu {
width:100%;
border:0px;
}

#lentele_be_krastiniu  td{
padding:0px;
border:0px;
}

#lentele_be_krastiniu  .tarpas{
width:10px;
}

#lentele_be_krastiniu  .kaire{
width:217px;
}

#lentele_be_krastiniu  .desine{
width:217px;
}

#lentele_be_krastiniu {
line-height:19px;
}


#lentele_be_krastiniu  a{
text-decoration:none;
}

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

#lentele_be_krastiniu ul  {
margin-left:0px;
}

#lentele_be_krastiniu ul li {
padding-left:10px;
}


 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:15px;
}
 ul li {
padding-left:15px;
padding-bottom:5px;
background:url(images/grey_arrow.gif) left 4px  no-repeat;
}








.skelbimai_box img{
border:5px solid #D9D9D9;
margin-bottom:5px;
}

.back_top {
margin-top:20px;
padding:20px 0 15px 0;
border-top:1px solid #DCDCDC;
}
.back_link {
float:left;
width:32px;
display:block;
background:url(images/grey_arrow_back.gif) left 2px  no-repeat;
padding-left:10px;
}

.top_link a{
float:right;
display:block;
width:45px;
text-align:right;
background:url(images/grey_arrow_top.gif) left 4px no-repeat;
}


.more {
text-align:right;
display:block;
background:url(images/grey_arrow.gif) right 2px  no-repeat;
padding:0px 10px 0px 0px;
}

.small_banners_box {
margin-top:20px;
text-align:center;
}

.more_align_left {
text-align:left;
background:url(images/grey_arrow.gif) right 4px  no-repeat;
padding:0px 10px 0px 0px;
}



.questions_light_grey_box {
background:#F2F2F2 url(images/light_grey_bottom_corners.gif) bottom left no-repeat;
margin-bottom:20px;
}

.questions_light_grey_box_inset{
background:url(images/light_grey_top_corners.gif) top left no-repeat;
padding:15px;
}



.questions_white_box {
background:#FFFFFF url(images/white_bottom_corners.gif) bottom left no-repeat;
margin-bottom:15px;
}

.questions_white_inset{
background:url(images/white_top_corners.gif) top left no-repeat;
padding:10px;
}



.big_white_box {
background:#FFFFFF url(images/main_bottom_bg_corners.gif) bottom left no-repeat;
}

.big_white_box_inset{
background:url(images/main_top_bg_corners.gif) top left no-repeat;
padding:20px;
}


.usefull_box {
background:#ffffff url(images/main_top_bg_corners.gif) top left no-repeat;
padding:20px;
}

.seperator {
height:20px;
background:url(images/separator_bg.jpg) top center no-repeat;
}

.line_box {
float:left;
width:200px;
margin-right:20px;
position:relative;
border:1px solid #D8D8D8;
padding:10px;
line-height:17px;
}

.dvigubas {
width:352px; margin-right:0px;
/* background:url(images/box_bg.jpg) right bottom no-repeat; */
}


.topleft{
position:absolute;
top:-1px;
left:-1px;
height:6px;
width:6px;
}

.topright {
position:absolute;
top:-1px;
right:-1px;
width:6px;
height:6px;
}



.bottomleft{
position:absolute;
bottom:-1px;
left:-1px;
height:6px;
width:6px;
}

.bottomright {
position:absolute;
bottom:-1px;
right:-1px;
width:6px;
height:6px;
}


.flag {
position:absolute;
top:10px;
left:127px;
width:77px;
height:33px;
}

#en, #de, #fr, #ru, #show_hide_klausimas {
display:none;
}

.questions_light_grey_box_inset h1{
color:#333333;
font:bold 16px Arial;
margin-bottom:10px;
}





.question_foto_box {
float:left;
width:107px;
margin-bottom:10px;
}

.question_foto_description {
float:right;
width:109px;
font:normal 11px Arial;
margin-bottom:10px;
}

.question_foto_description h1 {
font:bold 11px Arial;
margin-bottom:5px;
}

.faq_add_link {
clear:both;
padding-top:10px;
border-top:1px dotted #CCCCCC;
}












.blue_box_inset h1 {
font:bold 14px Arial;
color:#FFFFFF;
padding:0px 0px 15px 45px;
background:url(images/question_arrow.gif) top left no-repeat;
margin-bottom:10px;
}

.question_submit {
text-align:center;
margin-top:15px;
}

.question_submit input {
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
border:none;
width:96px;
padding:6px 0px 8px 0px;

}

.all_news_block {
background:#1A1A1A url(images/all_news_bg.jpg) top right no-repeat;
padding:20px;
}

.one_new_block {
float:left;
width:222px;
margin-right:20px;
color:#CCCCCC;
position:relative;
}

.one_new_block h1{
font:bold 16px Arial;
color:#FFFFFF;
margin-bottom:20px;
}

.one_new_block h2{
font:normal 11px Arial;
color:#cccccc;
position:absolute;
top:16px;
left:0px;
}

.one_new_block h1 span{
font:bold 12px Arial;
color:#000000;
padding:3px 9px 10px 9px;
margin-left:5px;
}


.tinklas_news_blue {
background:url(images/tinklas_news_blue.gif) left center no-repeat;
}

.kursai_news_green {
background:url(images/kursai_news_green.gif) left center no-repeat;
}

.kurstudijuoti_news_purple {
background:url(images/kurstudijuoti_news_purple.gif) left center no-repeat;
}

.edunet_news_yellow {
background:url(images/edunet_news_yellow.gif) left center no-repeat;
}

.news_order {
background:url(images/news_order_bg.jpg) top left no-repeat;
position:relative;
height:65px;
}

.news_order h1 {
font:bold 16px Arial;
color:#FFFFFF;
position:absolute; 
top:15px;
left:90px;
}
.news_order h2 {
font:bold 12px Arial;
color:#393939;
position:absolute; 
top:35px;
left:90px;
}

.order_textfield input {
background:url(images/news_order_textfield.jpg) top left no-repeat;
border:none;
width:322px;
padding:7px 0 7px 6px;
position:absolute;
right:140px;
top:19px;
}



.banner_top {
	position:absolute;
	top:0px;
	right:0px;
	width:750px;
	height:100px;
	overflow:hidden;
}

.logo_bg {
position:absolute;
top:0px;
left:0px;
height:120px;
width:232px;
background:url(images/logo_bg.jpg) top left no-repeat;
}


.rssicon {
position:absolute;
top:114px; 
right:8px;
}

.ricon {
position:absolute;
top:129px; 
right:8px;
}

.emailicon {
position:absolute;
top:144px; 
right:8px;
}



.rodykle_blue {
position:absolute;
top:158px;
left:95px;
height:26px;
width:33px;
}





.search_box {
width:276px;
height:49px;
}

.textfield {
float:left;
width:234px;
display:block;
}
.textfield input {
width:220px;
margin:0px;
padding:0px;
background:url(images/search_field_bg.jpg) top left no-repeat;
border:none;
padding:7px 7px 7px 7px;
height:16px;
}

.searchbutton {
float:right;
width:31px;
display:block;
}

.searchbutton input{
width:31px;
margin:0px;
padding:0px;
background:url(images/search_button_bg.jpg) top left no-repeat;
border:none;
height:29px;

}








.kursu_uzsakymas_forma_box fieldset {
margin:0px;
padding:0px;
border:none;
position:relative;
}


.kursu_uzsakymas_forma_box .txtfieldcontacts {
margin:0px;
padding:0px;
}

.kursu_uzsakymas_forma_box .textfieldas input {
padding:6px;
margin:0px;
width:300px;
font:normal 12px Arial;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
background:#F2F2F2;
}
.kursu_uzsakymas_forma_box .textfieldasarea textarea {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
width:300px;
float:right;
background:#F2F2F2;
padding:6px;
margin:0px 0 9px 0;
font:normal 12px Arial;
}



.kursu_uzsakymas_forma_box td {
font: bold 12px Arial;
color: #333333;
padding: 15px 0 3px 0px;
}

.kursu_uzsakymas_forma_box .submit input {
background:url(images/submit_grey.jpg) top left no-repeat;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
border:none;
width:96px;
padding:6px 0px 8px 0px;
}



#konk_reg_table  {
margin-top:10px;
}

#konk_reg_table td {
vertical-align:middle;
line-height:15px;
padding-bottom:10px;
}

.submit input {
background:url(images/submit_grey.jpg) top left no-repeat;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
border:none;
width:96px;
padding:6px 0px 8px 0px;
}





.textfieldas input {
padding:6px;
margin:0px;
width:300px;
font:normal 12px Arial;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
background:#F2F2F2;
}

































.forma_box fieldset {
margin:0px;
padding:0px;
border:none;
position:relative;
}


.forma_box .txtfieldcontacts {
margin:0px;
padding:0px;
}

.forma_box .textfieldas input {
padding:6px;
margin:0px;
width:445px;
font:normal 12px Arial;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
background:#F2F2F2;
}
.forma_box .textfieldasarea textarea {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
width:445px;
float:right;
background:#F2F2F2;
padding:6px;
margin:0px 0 9px 0;
font:normal 12px Arial;
}

.forma_box label {
font: bold 12px Arial;
color: #333333;
padding: 15px 0 3px 0px;
width: 165px;
display:block;
}

.forma_box .submit input {
background:url(images/submit_grey.jpg) top left no-repeat;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
border:none;
width:96px;
padding:6px 0px 8px 0px;
}









#show_hide_klausimas {
line-height:17px;
}





#show_hide_klausimas fieldset {
margin:0px;
padding:0px;
border:none;
position:relative;
}


#show_hide_klausimas .txtfieldcontacts {
margin:0px;
padding:0px;
}

#show_hide_klausimas .textfieldas input {
padding:3px;
margin:0px;
width:219px;
font:normal 12px Arial;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
background:#F2F2F2;
}
#show_hide_klausimas .textfieldasarea textarea {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:none;
border-right:none;
width:219px;
float:right;
background:#F2F2F2;
padding:3px;
margin:0px 0 9px 0;
font:normal 12px Arial;
}

#show_hide_klausimas label {
font: bold 12px Arial;
color: #333333;
padding: 10px 0 3px 0px;
width: 219px;
display:block;
}

#show_hide_klausimas .submit input {
background:url(images/submit_grey.jpg) top left no-repeat;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
border:none;
width:96px;
padding:6px 0px 8px 0px;
}































.tab
{  
  display: none;
  clear: left;
  color:#2F2F2F;
}



.tab a{
color:#BC0001;
font-weight:normal;
}

.tab_current a{
color:#BC0001;
font-weight:normal;
}



.tab_current{  
color:#2F2F2F;
display: block;
clear: both;
}
  
.tab *, .tab_current *
{
  margin: 0;	
}

.tabs 
{

  padding: 0;
  margin: 0;
  list-style-type: none;
}
	
.tabs li {	 
  margin: 0px;	
  float: left;      
  background: none;
  text-decoration:none;
}





.tabs li a {
  padding: 6px 10px;
  color: black;
  text-decoration: none;
  display: block;
  background: none;
  color:#686868;
}

.tabs li a:hover {
  text-decoration: none;
}

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











/*  start TOP MENU  */ 


.mainmenu {
position: absolute;
top:110px;
left:0px;
height:74px;
width:990px;
overflow:hidden;
background:url(images/top_menu_bg.gif) top left no-repeat;
}
.mainmenu ul{
padding: 0;
margin: 0;
}
.mainmenu ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
float: left;
margin-right:10px;
}
.mainmenu ul li a{
text-align:center;
width:230px;
padding:14px 0 0px 0;
height:48px;
text-align:center;
text-decoration: none;
color:#ffffff;
font:normal 16px Arial;
display:block;
text-decoration:none;
background:url(images/top_menu__button_grey.jpg) top left no-repeat;
}
.mainmenu ul li a:hover{
display:block;
text-decoration:none;
background:url(images/top_menu__button_grey_over.jpg) top left no-repeat;
height:74px;
}








html>body .hovermenu ul li a:currentpage{ /* Apply mousedown effect only to NON IE browsers */

}




/*  end TOP MENU  */





/*  start LEFT MENU  */


#menu_left {
padding:0 0 0 0;
margin-top:-20px;
}

#menu_left ul  {
padding:0;
margin:0;

}

#menu_left ul li {
list-style: none;
margin:0;
padding: 0;
display: block;


}


* html #menu_left li a { height: 1%; } 
* html #menu_left li hr { height: 1%; }







div#menu_left ul li h3 {
font: normal 12px Arial;
text-decoration:underline;
color: #31A5D6;
min-height:1em;
background: url(images/rodykle_left_menu_on.gif) 3px center no-repeat;
display: block;
padding:7px 0 8px 14px;
}






div#menu_left ul li .menuactive .menuparent {
font: bold 12px Arial;
text-decoration:underline;
color: #31A5D6;
min-height:1em;
background: url(images/rodykle_left_menu_on.gif) 3px center no-repeat;
display: block;
padding:7px 0 8px 14px;
}








div#menu_left ul ul {
padding-bottom:15px;
background:#F0F0F0 url(images/left_menu_submenu_bg.gif) bottom left no-repeat;
}


div#menu_left ul ul li{
margin:0px 10px 0px 10px;
background:none;
padding-top:10px;

}

div#menu_left ul ul li a {
margin: 0 0 0 0px;
font: normal 12px Arial;
text-decoration:underline;
color: #484848;
min-height:1em;
display: block;
padding:0px;
padding-left:10px;
background:url(images/grey_arrow.gif) left 4px  no-repeat;
}

div#menu_left ul ul li a:hover {
min-height:1em;
text-decoration:none;
display: block;
background:url(images/grey_arrow.gif) left 4px  no-repeat;
}

div#menu_left ul ul .currentpage h3{
margin: 0 0 0 0px;
font: bold 12px Arial;
text-decoration:underline;
color: #484848;
min-height:1em;
display: block;
padding:0px;
padding-left:10px;
background:url(images/grey_arrow.gif) left 4px  no-repeat;
}






div#menu_left ul ul .menuactive .menuparent{
margin: 0 0 0 0px;
font: bold 12px Arial;
text-decoration:underline;
color: #484848;
min-height:1em;
display: block;
padding:0px;
padding-left:10px;
background:url(images/grey_arrow.gif) left 4px  no-repeat;
}





/*  end LEFT MENU */































/*  start FOOOTER MENU  */ 


.footermenu {
float:right;
width:500px;
overflow:hidden;
padding-top:13px;
}
.footermenu ul{
padding: 0;
margin: 0;
}
.footermenu ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
float: right;
margin-right:15px;
}
.footermenu ul li a{
text-align:center;
text-decoration: none;
font:normal 11px Arial;
color:#666666;
display:block;
text-decoration:none;
}
.footermenu ul li a:hover{
display:block;
text-decoration:underline;

}
.footermenu ul .currentpage h3 span{
color:#666666;
display:block;
font:normal 11px Arial;

text-decoration:underline;
}
.footermenu ul .menuactive .menuparent{
display:block;
text-decoration:underline;

}
html>body .hovermenu ul li a:currentpage{ /* Apply mousedown effect only to NON IE browsers */

}




/*  end FOOOTER MENU  */
























/*  start FOOOTER MENU  */ 


.miestu_menu{
width:445px;
overflow:hidden;
padding-top:0px;
margin-bottom:20px;
}
.miestu_menu ul{
padding: 0;
margin: 0;
}
.miestu_menu ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
float: left;
margin-right:1px;
margin-bottom:1px;
background:none;
}
.miestu_menu ul li a{
text-align:center;
text-decoration: none;
font:normal 11px Arial;
color:#666666;
display:block;
text-decoration:none;
background:none;
background:#F0F0F0;
padding:3px 4px 3px 4px;
}
.miestu_menu ul li a:hover{
display:block;
text-decoration:none;
background:#E2E2E2;
}

html>body .hovermenu ul li a:currentpage{ /* Apply mousedown effect only to NON IE browsers */

}




/*  end FOOOTER MENU  */


































/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;

}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
	float:left;
}

/* Picture List UL */
.picturelist
{

	margin:0px;
margin-top:10px;
	padding:0px;
background:none;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
margin-right:2px;
margin-left:3px;
margin-bottom:5px;

    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;



}

.thumb a
{
	display:block;
	height:88px; 
/* Set link formatting*/
	width:134px; 
/* Thumb width*/ 
	
/* Thumb height*/
border:4px solid #F0F0F0;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/


/*Background of thumb */
	text-decoration:none;
}

.thumb img {
width:134px;
height:88px;
}


.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* Already done in main CMSMS stylesheet. Commenting out. */
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	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(modules/Album/templates/db/lightbox/images/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(modules/Album/templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 97%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' */


/* CMOTION GALLERY */



/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */



div.largeview {

 text-align: center;

}



#motioncontainer {

margin-top: 5px;

height: 70px; /* according to gallery height */

width: 99.99%;

}



#motioncontainer a img {

border: 0; /* Set image border color */

margin: 0; /* chage this if you want some air inbetween images*/

height: 60px;

width:auto;

}



/* change cursor when clicking on image */

/*#motioncontainer a:active img {

cursor: progress;

}*/



#statusdiv {

background-color: #fff;

color: #FFBF00;/*#8f8f8f;*/

font-size: 65%;

font-weight: bold;

border: 0px solid #afafaf;

padding: .1em;

width: 100px;

position: absolute; /* Stop Editing Gallery Styles */

top: -10px;

left: 0px;

visibility: hidden;

}



#motioncontainer a:hover {

color: red; /* Dummy definition to overcome IE bug */

}



/* Those are already set in the template using

the "style"-tag for both of the divs. It seems to

work only this way - if someone could tell me why,

I'll appreciate!  */

/*

div#motioncontainer {

position:relative;

overflow:hidden;

}

div#motiongallery {

position:absolute;

left:0;

top:0;

white-space: nowrap;

}*/



/* END CMOTION GALLERY */

/* End of '02.1 Gallery CMotion horizontal' */
/* End of 'stilius' */