html, body {
height: 100%;	
}

html {
margin:0;
padding:0;
 }

body {
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size : 10px;
background: #002B44 url(../img/main_background.jpg) top no-repeat;
}

ul{
margin:0;
padding:0;
list-style-position: inside;
list-style-type: none;
}

li{
/*margin: 1px 0 2px 0; */
}

form {
	margin: 0;
	padding:0;
}

.clr{clear:both;}

#page_container{
margin: 0 auto;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
width:1006px;
}
 
#main_container{
text-align:left;
padding:0;
padding-bottom: 54px;
width:1000;
margin: 0 3px 0 3px;
}

#footer { 
width:1006px;
height: 34px;
text-align: center;
background: #609023 url(../img/footer_bg.jpg) left top no-repeat;
color: #FFFFFF;
padding: 10px 0 10px 0;
position: absolute;
bottom: 0 !important;
bottom: -1px;
margin: 0 auto;
}

#header {
width:100%;
margin: 0 0 2px 0;
float: left;

}




#middle {
float: left;
background: #244B6C url(../img/main_block_top.jpg) left top no-repeat;
width: 100%;
}



#logo {
width: 230px;
height: 100px;
display: block;
float: left;
background: #326A8D;
}

#topAdd {
width: 770px;
height: 100px;
display: block;
float: left;
background: #cccccc;
}

#userMenu {
width: 100%;
height: 30px;
display: block;
float:left;
background: #1C425E;
}

#userMenu img{
border: 0px;
}

#userMenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#userMenu ul li{
position: relative;
display: inline;
float: left;
}

#userMenu ul li a{
display: block;
/*width: 90px; Width of top level menu link items*/
white-space: nowrap;
height: 28px;
line-height: 28px;
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color:#AFE3FF;
text-align:left;

font-size: 10px;
}
#userMenu ul li a:hover{
color: #ffffff;
}


#userProfileTop {
margin: 10px 0 5px 0;
width: 100%;
height: 70px;
display: block;
float:left;
background: #1C415C url(../img/header_bg.jpg) left top repeat-x;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#userProfileTopFoto {
float: left;
margin: 10px 0 0 15px;
}

#userProfileTopText {
float: left;
margin: 10px 0 0 10px;
font-size: 10px;
color: #ffffff;
}

#topText {
float: left;
margin: 20px 0 0 20px;
font-weight: bold;
color:#ffffff;
font-size: 12px;
}

#userProfileTopText input{
border: 0;
background: transparent url(../img/m_nauja_busena.jpg) left top no-repeat;
color: #AFE3FF;
width: 800px;
padding: 2px 2px 2px 12px;
}

#userProfileTopTextUsername{
font-weight: bold;
color:#ffffff;
font-size: 12px;
}

.hidden {
display:none;
}



.userProfileFotoSmall{
display: block;
width: 50px;
height: 50px;
margin: 1px;
border: 1px solid #cccccc; 
position:relative;
background-color: #EFF2E7;
background-image:url(../img/loading_photo.gif);
background-repeat:no-repeat;
background-position:center; 
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.userProfileFotoSmall img {
width: 50px;
height: 50px;
border: 0px;
}

.userProfile140 {
display: block;
width: 152px;
height: 140px;
margin: 5px;
overflow: hidden;
float: left;
text-align: center;
color: #00A3CF;
background: transparent url(../img/user_profile_foto_bg.jpg) left top no-repeat;
font-weight: bold;
font-size: 10px;
}

.userProfile140 a, .userProfile140 a:link, .userProfile140 a:visited, .userProfile140 a:hover {
color: #00A3CF;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
}

.userProfile140 input{
width: 140px;
height: 15px;
border:0;
background:#EFF2E7;
color: #FF5A00;
font-size: 10px;
text-align:center;
font-weight: bold;
font-family: verdana, arial, sans-serif;
}

.pagrindineFoto {
background: transparent url(../img/user_profile_foto_main_bg.jpg) left top no-repeat;
}

.myFotoBox140 {
display: block;
width: 152px;
height: 140px;
margin: 5px;
overflow: hidden;
float: left;
text-align: center;
color: #00A3CF;
background: transparent url(../img/my_foto_box_bg.jpg) left top no-repeat;
}

.myFotoBox140 a, .myFotoBox140 a:link, .myFotoBox140 a:visited, .myFotoBox140 a:hover {
color: #00A3CF;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
}



.userProfileFoto140{
display: block;
width: 140px;
height: 105px;
margin: 5px 0 5px 6px;
padding: 0px;
overflow:hidden;
position:relative;
background-image:url(../img/loading_photo.gif);
background-repeat:no-repeat;
background-position:center; 
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}


.userProfileFoto140 img {
width: 140px;
height: 105px;
border: 0px;
padding: 0px;
margin: 0px;
}




.userProfile700 {
display: block;
width: 720px;
min-height: 300px;
margin: 5px;
overflow: hidden;
float: left;
text-align: center;
color: #00A3CF;
font-weight: bold;
font-size: 10px;
}

.userProfile700 input{
width: 140px;
height: 15px;
border:0;
background:#EFF2E7;
color: #FF5A00;
font-size: 10px;
text-align:center;
font-weight: bold;
font-family: verdana, arial, sans-serif;
}


.userProfileFoto700{
display: block;
width: 700px;
min-height: 300px;
margin: 5px 0 5px 6px;
padding: 0px;
overflow:hidden;
position:relative;
background-image:url(../img/loading_photo.gif);
background-repeat:no-repeat;
background-position:center; 
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.userProfile700 a, .userProfile700 a:link, .userProfile700 a:visited, .userProfile700 a:hover {
color: #00A3CF;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
}
.userProfileFoto700 img {
border: 0px;
padding: 0px;
margin: 0px;

}


#comments {
margin: 10px 0 10px 10px;
padding: 10px;
width: 680px;
display: block;
float:left;
background: #ffffff;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px
}

#comments p{
margin: 2px 0 2px 0;
padding:0;
}

#addComment{
width: 660px;
}
.commentsDate{
color:#cccccc;
}
.owner {
color:#006F0F;
font-weight: bold;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}

#pranesimai {
width: 990px;
float: left;
display: block;
padding: 5px;
color: #ffffff;
}

.left_block {
float: left;
width: 250px;
padding:0px;
margin-top: 6px;
position: relative;
background: transparent url(../img/left_block_bg.jpg) right top repeat-y;
}

.right_block {
float: left;
width: 740px;
position: relative;
padding:5px;
background: #EFF2E7 url(../img/right_block_top.jpg) right top no-repeat;
}

.right_block h3 {
color:#539F00;
}
.right_block h3 a{
color:#539F00;
text-decoration:none;
}

.right_block_apacia {
background: #EFF2E7 url(../img/right_block_bottom.jpg) right bottom no-repeat;
float: right;
width: 750px;
height: 5px;
margin-bottom: 10px;
}


.blogTextInput {
width: 490px;
}
.blogTextarea {
width: 490px;
height: 150px;
}

.showYoutubeVideo {
cursor: pointer;
display: block;
width: 80px;
height: 60px;
}

#naujosBusenos {
display:block;
width:735px;
height: 70px;
overflow:hidden;
}



.naujaBusena .userProfileFotoSmall{
float:left;
}
.naujaBusena {
display:block;
float: left;
padding: 10px;
width: 225px;
height: 50px;
background: #FAFBF6 url(../img/busenos_bg.jpg) right bottom repeat-y;
}

.busenaText {
margin-left:10px;
float: left;
display: block;
width: 160px;
height: 50px;
overflow: hidden;
color:#244B6C;
}

.userLink, .userLink a, .userLink a:link, .userLink a:visited {
color: #00A3CF;
font-weight: bold;
text-decoration: none;
}

.userLink a:hover {
color: #00A3CF;
text-decoration: underline;
}


.userAdmin, .userAdmin a, .userAdmin a:link, .userAdmin a:visited {
color: #FDFF00;
}

#pokalbiai {
width: 230px;
}

.remk {
width: 220px;
color: #9FD4FF;
}

.set {
float:left;
display: block;
width:180px;
min-height: 20px;
padding: 7px 0px 0px 40px;
margin-left: 15px;
color: #00A3CF;
font-weight: bold; 
cursor: pointer;
background: url(../img/ico_fotoVeiksmai.jpg) left top no-repeat;
}

.set:hover {
color: #6FE0FF;
}

.setMainPhoto {
background: url(../img/ico_pagrFoto.jpg) left top no-repeat;
}
.setDayPhoto {
background: url(../img/ico_dienosFoto.jpg) left top no-repeat;
}
.setMyPhoto {
background: url(../img/ico_manoFoto.jpg) left top no-repeat;
}
.delPhoto {
background: url(../img/ico_trintiFoto.jpg) left top no-repeat;
}

.selectAlbum {
background: url(../img/ico_folder.jpg) left top no-repeat;
}

.changePhotoDir {
padding-top: 5px;
min-height: 22px;
background: url(../img/ico_folder.jpg) left top no-repeat;
}
.changePhotoDir select{
background: #244B6C;
border: 0;
color: #00A3CF;
font-weight: bold; 
font-family: verdana, arial, sans-serif;
font-size : 10px;
width: 115px;
margin: 0px;
}

.changePhotoDir select option{
padding: 2px 0 2px 1px;
}


.setMessage {
color: #ffffff;
display: block;
}


/* ---------------   boxai ---------------*/
.rBlock{
position: relative;
display:block;
min-height: 600px;
}

.box{
width: 230px;
float:left;
color: #ffffff;
padding: 5px;
}

.box a, .box a:link, .box a:visited {
color: #00A3CF;
text-decoration: none;
}

.box a:hover {
color: #00A3CF;
text-decoration: underline;
}


.box h3{
color: #ffffff;
overflow: hidden;
font-size : 12px;
}
.box h3 a, .box h3 a:visited, .box h3 a:link, .box h3 a:hover {
text-decoration: none;
color: #ffffff;
}

.box h1{
color: #ffffff;
overflow: hidden;
font-size : 14px;
}
.box h1 a, .box h1 a:visited, .box h1 a:link, .box h1 a:hover {
text-decoration: none;
color: #ffffff;
}



.box_tarpas {
background: #002B44 url(../img/left_box_tarpas.jpg) right top no-repeat;
width: 250px;
height: 16px;
display: block;
float: left;
}
.box_apacia {
background: #002B44 url(../img/left_box_apacia.jpg) right top no-repeat;
width: 250px;
height: 8px;
display: block;
float: left;
}
/*------------------- inputai ------------------------------------*/

form{
padding: 0px;
margin: 0px;
}

.uiError {
margin: 3px;
color: red;
font-weight: bold;
}

.formosPaaiskinimai{
text-decoration: italic;
color: #AFAFAF;
max-width: 200px;
display:block;
}

.textinput {
width: 320px;
}

/* ------------------ horizontal meniu ------------------------- */

.treemenu {
z-index: 5000;
float:left;
width: 100%;
height: 30px;
background: #34789F url(../img/top_menu_bg.jpg) left top repeat-x; 
display: block;
margin-top: 0px;
}

.treemenu ul{
z-index: 5000;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.treemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.treemenu ul li a{
display: block;
/*width: 90px; Width of top level menu link items*/
white-space: nowrap;
height: 28px;
line-height: 28px;
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color:#AFE3FF;
text-align:left;
font-weight:bold;
font-size: 11px;
}
.treemenu ul li a:hover{
color: #ffffff;
}	
/*1st sub level menu*/
.treemenu ul li ul{
left: 0;
position: absolute;
top: 1px; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index: 5000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.treemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.treemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.treemenu ul li ul li a{
display: block;
/*width: 160px; width of sub menu levels*/
white-space: nowrap;
color: #AFE3FF;
text-decoration: none;
padding: 1px 5px;
background-color: #34789F;
text-align: left;
height: 20px;
line-height: 20px;
border-bottom: 1px solid #1A668F; 
}

.treemenu ul li ul li a:hover{
background-color: #4C8CAF;
color: #ffffff;
}

	
/* Holly Hack for IE \*/
* html .treemenu ul li { float: left; height: 1%; }
* html .treemenu ul li a { height: 1%; }
/* End */


/* ----------------------------- vertical menu ------------------------------ */
.mymenu, #mymenu{
margin: 0;
margin-top: 2px;
padding: 0;
color: #ffffff;
font-weight: bold;
}

.mymenu ul{
margin: 0;
padding: 0;
color: #ffffff;
list-style-type: none;
width: 181px; /* Width of Menu Items */
background: #f35219 url(../img/box_bg_red.jpg) left top repeat-x; 
z-index: 5000;
}
	
.mymenu ul li{
position: relative;
color: #ffffff;
}
	
/*Sub level menu items */
.mymenu ul li ul{
position: absolute;
min-width: 150px; /*sub menu width*/
top: 0;
visibility: hidden;
border-left: 2px solid #F3FAF2;
}

/* Sub level menu links style */
.mymenu ul li a, .mymenu ul li a:visited, .mymenu ul li a:link{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 2px 2px 2px 40px;
height: 18px;
line-height: 18px;
color: #ffffff;

}

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

.mymenu .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .mymenu ul li { float: left; height: 1%; }
* html .mymenu ul li a { height: 1%; }
/* End */




/*    Klaidos pranesimo div'as    */
.error {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	/*font-weight: bold; */
	text-decoration: none;
	text-align: center;
	color: #FF2A00;
	background: #FFD7CF url(../img/pred.gif) 5px 5px no-repeat;
	border: 1px solid #FF2A00;
	min-height: 30px;
	line-height:18px;
	margin: 2px auto 2px auto;
	padding: 10px 30px 10px 30px;
	overflow: auto;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
/*    Sekmingai atlikto veiksmo pranesimo div'as    */
.success {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: center;
	color: #44801E;
	background: #DBFFCF url(../img/pgreen.gif) 5px 5px no-repeat;
	border: 1px solid #44801E;
	min-height: 30px;
	line-height:18px;
	margin: 2px auto 2px auto;
	padding: 10px 30px 10px 30px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
/*    Informacinio pobudzio pranesimo div'as    */
.inform {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: center;
	color: #9F8A27;
	background: #FFFBCF url(../img/pyellow.gif) 5px 5px no-repeat;
	border: 1px solid #DFC137;
	min-height: 30px;
	line-height:18px;
	margin: 2px auto 2px auto;
	padding: 10px 30px 10px 30px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}


.timeago {
font-weight: normal;
border: 0;
font-size: 9px;
}

		
/* vtip */
p#vtip, .popup{ display: none; position: absolute; padding: 10px; max-width: 250px; left: 5px; font-size: 10px; background-color: #DFF2DC; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }		




/* validate form */




form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
	border: 1px solid #A5A8B8;

	width:300px;
	margin-left:300px;
}

.formular fieldset {
	margin-top: 20px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}


.userInfoTable {
width: 230px;
}

h3 .userInfoH3 {
color:#A4D270;
}

.userInfoTable th {
color:#A4D270;
font-weight: bold;
padding: 4px;
}
.userInfoTable td {
padding: 4px;
}

.userInfoTableBusena {
background: #27587F;
padding: 5px;
}


/* ------------------------ */


	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.9;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}