@import url('forum.css');
@import url('custom.css');
@import url('hint.css');
@import url('bulk_email.css');

/* IE FIXES */
* html div#menu a {height: 1%; }
* html div.vote-group {height: 150px;}
/** html form.user_edit fieldset {padding-top: 0;}
* html form.user_edit legend {margin-bottom: 10px;}
* html form.user_edit input {width: 200px;}*/
* html div#menu li {
  background-color: expression(
        isNaN(this.js)?(this.js=1,
        this.onmouseover=new Function("this.className+=' hover';"),
        this.onmouseout=new Function("this.className=this.className.replace(' hover','');")
        ):false);
  );
}

/* MAIN ELEMENTS */
body {
	padding: 20px 0;
	font-size: 75%;
	background-color: #236caf;
	background-image: url(../img/bcg_body.png);
	background-repeat: repeat-x;
	background-position: left top;
}
input, textarea, select {font: 95%;}
h1 {font-size: 160%; margin: 10px 0; text-align: center; color: #158723; line-height: normal; padding:5px; background:#EEE; border:1px solid #ddd; display:block;letter-spacing:0;}
h2 {font-size: 125%;}
h3 {font-size: 120%; color: #158723; margin: 30px 0 0 0; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px;}
h4 {font-size: 120%; color: #158723;}
h5 {font-size: 110%;}
table {border-collapse: collapse; font-size: 95%; width: 500px;}
td {padding: 3px 5px; border: 1px solid #CCCCCC; vertical-align: top; width: 500px; background: white;}
th {padding: 3px 5px; background: #CCCCCC; border: 1px solid black; vertical-align: top;text-align:left;}
hr {border: none; background: none; color: white; border-bottom: 1px solid #CCCCCC;}
div.group-focus p img {float: right;}
blockquote {border: 1px solid gray; margin: 15px 0; padding: 15px 15px 15px 50px; background: url(../img/cite.gif) no-repeat #EEE;}
div#col1 ul {list-style: url(../img/arrow.gif);}
/*textarea, input, select, option {font-family: Arial, Helvetica, sans-serif;}*/

/* surveys, voting */
div.vote-group {padding: 15px; margin: 20px 0 0 0; min-height: 150px; background: url(../img/vote-box.jpg) bottom right no-repeat #EEEEEE; border: 1px solid black;}
h2.question {margin: 0; padding: 0 0 15px 0; border-bottom: 1px solid gray;}
div.vote-group p {margin: 15px 0 5px 0; width: 380px;}
div.vote-group td {background: white;}
div.vote-group table.statistics {width:350px;}
table.statistics tbody td {text-align: center;}
input#confirm {padding: 2px 3px; font-weight: bold; font-size: 120%; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
span.stats img {padding: 0 0 0 5px;}
span.percent {color: #444444; font-size: 90%;}
p.comment input {margin-left: 5px; width: 250px; /*height:150px;*/}

/* links */
a {color: #003BFF; text-decoration: none; /*border-bottom: 1px solid #003BFF;*/ cursor:pointer;}
a:hover {color: #003BFF; /*border-bottom: 1px dotted #003BFF;*/}
a:visited {color: #4961B3; border-bottom: 1px solid #4961B3;}
a img, a:hover img, a:visited img {border-bottom: none;}
/*div.logged-user a:visited, div.login-box a:visited {color: #CCCCCC;}*/
/*div#header a, div#header a:hover, div.logged-user a, div.logged-user a:hover, div.login-box a, div.login-box a:hover {color: white; border-color: white;}*/
div.siblings h3 {/*background: #EEE;*/
	font-size: 1.4em;
	/*padding: 10px 15px;*/
}
div.siblings a, div.siblings a:visited {border-bottom: none;}
div.siblings a:hover {border-bottom: 1px dotted #153DC3;}
a img {border: none; text-decoration: none; float: none;}
a.external-link, a.ext-link {background: url(../img/link.gif) right no-repeat; padding-right: 15px;}

/* classes */
.hidden, .hide {display: none; height: 0;}
.center {text-align: center;}
.right {text-align: right;}

/* MAIN */
div#base {
	border: 4px solid #FFFFFF;
	background: white;
}
div#header {
	height: 181px;
	color: white;
	background-color: #144A7C;
	background-image: url(../img/bcg_header_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#header h2 {display: none; margin: 0;}
div#main {background: url(../img/bg-content.gif) repeat-y center; padding: 0 0 0 20px; clear: both;}
div#col1 {float: left; width: 500px;}  /* UPRAVIT NA float: left !important; */
div#col2 {margin-left: 520px; padding: 10px;}

/*
div#footer {text-align: center; clear: both; font-size: 90%; border-top: 1px solid #153DC3;}
div#footer p {margin: 7px 0;}
*/

.items {width: 490px; float: left; margin-top:15px;}
.items .event .description a {border:none; font-size:0.9em; margin: 0; color:black;display:inline;font-weight:normal; text-decoration:none;}

#foot {clear: both; height: 55px; padding: 10px; background: url(../img/logo-small.gif) 13px 16px no-repeat #EEEEEE; border-top: 1px solid #144A7C; line-height: 140%; font-size: 95%;}
#foot p {margin: 0; float: left;}
#foot p.address {padding: 3px 0 0 195px;}
#foot p.info {float: right; text-align: right;}
#foot p.info a {display: block; float: left; width: 80px; padding: 0 5px; text-align: center; border-bottom: none;}
#foot p.info img {display: block; margin: 0 auto;}
#foot p.info a img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#foot p.info a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

/* NAVIGATION */
div#context {width: 550px;font-size:1em;text-align:left;}
div#nav-top {border-bottom: 1px solid #CCCCCC; background: white; padding: 15px 0; height: 1%; min-height: 25px; margin-bottom: 10px; font-size: 90%;}
div#nav-top p {margin: 0; padding: 0;}
p#nav-bottom {text-align: right; font-size: 90%; clear: both; background: white; margin: 0; padding: 10px 15px 15px 0;}
p#nav-bottom a {border-bottom: none;}
p#nav-bottom a:hover {border-bottom: 1px dotted #003BFF;}
p#nav-bottom a.print {padding-left: 17px; background: url(../img/icon-print.gif) left no-repeat;}
p#nav-bottom a.go-top {padding-left: 10px; background: url(../img/icon-gotop.gif) left no-repeat;}
p#nav-bottom a.sitemap {padding-left: 13px; background: url(../img/icon-sitemap.gif) 0 2px no-repeat;}
div.logged-user, div.login-box {
	position: absolute;
	top: 18px;
	right: 20px;
	height: 110px;
	width: 191px;
	color:#547b9f;	
	padding-top: 33px;
	font-size:1em;
	text-align:left;
	visibility:visible;
}
div.logged-user {
	background-image: url(../img/bcg_sign-out.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
div.logged-user span.user {display:block; padding-left: 20px; font-size:12px; font-weight:bold;}
div.logged-user span.separator {display:none;}
div.logged-user a.editing, div.logged-user a.acount, div.logged-user a.logout {
	display:block;
	margin-left: 25px;
	margin-top:8px;
	border:none;
	text-decoration:underline;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 23px;
	font-weight:bold;
	text-transform: capitalize;
}
div.logged-user a.editing {
	background-image: url(../img/vcard_edit.gif);
}
div.logged-user a.acount {	
	background-image: url(../img/icon_user.gif);
}
div.logged-user a.logout {
	background-image: url(../img/ico-logout.gif);
}
div.logged-user a.logout:hover,div.logged-user a.acount:hover, div.logged-user a.editing:hover {text-decoration:none;}
div.logged-user a.logout:hover {
	color:#de0a00;
}
div.login-box {
	background-image: url(../img/bcg_sign-in.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}	
div.logged-user span, div.logged-user a {color:#547b9f;   }
div.login-box input.button {
	background-color:#113e67;
	background-image:url(../img/bcg_menu_blue.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	cursor:pointer;
	font-size:100%;
	padding:2px 6px;
	margin-left: 40px;
}

div.login-box input#lb_login, div.login-box input#lb_password {
	font-size: 11px;
	height: 18px;
	width: 169px;
	background-color: #FFF;
	border: 1px solid #144a7c;
	color:#547b9f;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	line-height: 18px;
}
div.login-box {
	text-align: center;
}
div.login-box form{
	padding:0;
}
div.login-box-options {text-align:left; padding-left:17px;}
div.login-box-options a {color:#547b9f; text-decoration:underline; border:none;}
div.login-box-options a:hover {text-decoration:none;}
/*div.login-box-inputs input.text0 {
	color: #AAAAAA;
}
div.login-box-inputs input.text1 {
	color: #000000; 
}*/

/* MENU */
div#menu {font: 85%/180% Verdana, Geneva, Arial, Helvetica, sans-serif; position: relative; z-index:10;letter-spacing: -1px;}
div#menu ul {list-style: none; margin: 0; padding: 0; height: 54px; background: #144A7C;} 
div#menu li {float: left; position: relative;}
div#menu ul ul a{position: relative;z-index:100;}
div#menu a {
	padding: 3px 0 4px 0;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 2px solid white;
	border-left: 1px solid white;
	display: block;
	width: 153px;
	border-bottom: 1px solid white;
	text-align: center;
	color: white;
	background-color: #113e67;
	background-image: url(../img/bcg_menu_blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#menu a:hover {
	color: #144A7C;
	background-color: white;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

div#menu li.home a, div#menu li.members a {border-left: none; width: 153px;}
div#menu li.home a:hover, div#menu li.members a:hover {border-left-color: white;}

div#menu li.home.current a:hover,div#menu li.help.parent a:hover, div#menu li.current a:hover {color: #144A7C;}
div#menu li.help ul {%top: -69px;_top: -69px;}
div#menu li.access-restricted a {
	border-right: 1px solid white;
	border-left: none;
	border-bottom: none;
	border-top: none;
	background-color: #980000;
	background-image: url(../img/bcg_menu_red.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#menu li.access-restricted a:hover {
	background-color: white;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	color: #AE0000;
	}
div#menu li.access-restricted.current a {
	background-color: white;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	color: #000;
	}
div#menu li.access-restricted.current a:hover {
	color: #AE0000;
	}

div#menu li.access-granted a, #menu li.access-granted.current li a, #menu li.access-granted.parent li a, #menu li.access-granted li.parent li a, #menu li.access-granted li.parent li a, #menu ul li.access-granted.current ul li a {
	border-right: 1px solid white;
	border-left: none;
	border-bottom: none;
	border-top: none;
	color: white;
	background-color: #006400;
	background-image: url(../img/bcg_menu_green.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#menu li.access-granted a:hover, #menu ul li.access-granted.current ul li a:hover {
	background-color: white;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	color: green;
}

div#menu li.access-denied a, div#menu li.access-denied a:hover {background: gray; color: #CCCCCC; border-right: 1px solid white; border-left: none; border-bottom: none; border-top: none;}

div#menu li.sitemap {display: none;}

div#menu ul ul {visibility: hidden; position: absolute; top: 100%; left: -1px; height: auto; width: 155px; list-style: none; margin: 0; padding: 0; border: 1px solid green; z-index: 100;}
div#menu ul ul a {white-space: normal; border-left: none; border-top: 1px solid white !important; border-bottom: none !important; border-right: none !important; margin-bottom: 0px; padding: 1px 0 2px 10px; width: 145px !important; font-weight: normal; text-align: left; text-transform: none; font-size: 110%;}
div#menu ul ul a:hover {
	color: black;
	background-color: #FFF;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#menu ul li:hover ul, div#menu ul li.hover ul {visibility: visible;}

div#menu ul ul li ul {display: none; position: absolute; left: 155px; top: 0; margin: -1px 0 0 0; width: 155px; background: #D6E1EC; z-index: 2; border-left: 1px solid white;}
div#menu ul ul li:hover ul, div#menu ul ul li.hover ul {display: block;}

#menu li.current a, #menu li.parent a, #menu li.parent li.current a, #menu li.access-granted.current a, #menu li.access-granted.parent a, #menu li.access-granted li.parent a, #menu li.access-granted li.parent li a:hover,#menu li.access-granted li.parent li.current a {
	color: black;
	background-color: white;
	background-image: url(../img/bcg_menu_white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*#menu ul li.access-granted.current ul li a {background-image: url(../img/bcg_menu_blue.gif);}*/
#menu li.current li a, #menu li.parent li a {background-image: url(../img/bcg_menu_blue.gif); color: white;}

/* form - search */
form#search, form#search fieldset {float: right; padding: 0; margin: 0; border: none; width: 210px;}
form#search input {font-size: 100%;}
form#search input[type="submit"], form.user_edit input[type="submit"] {
	font-size: 100%;
	background-color: #113e67;
	background-image: url(../img/bcg_menu_blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #FFF;
	cursor: pointer;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	color:#FFF;
}

/* form - login */
form.access {width: 300px;}
form.access fieldset {padding: 5px 10px;}
form.access legend, form.access-home legend  {color: #AE0000; text-transform: uppercase;padding:4px 7px;}
form.access label {width: 153px;}
form.access input.text {width: 120px;}
form.access input.button {float: right;background: url(../img/bcg_menu_blue.gif) repeat-x;color:white;}
form.access ul {padding:5px 0 0 30px;float:left;margin:0;}
form.access ul.login_options li {display:list-item;}
form.access ul.login_options li a {color:#003BFF;display:block;}
form.access-home {width: 190px; margin: 0; padding: 0;}
form.access-home fieldset {margin: 0; padding: 0; border: none;}
form.access-home input.text {width: 170px;}
form.access-home div {letter-spacing: -1px;}
form.access-home span {display:block; text-align: right; letter-spacing: -1px;}

/* CONTENT */
div.article img, div.groups img {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
div.article {float: left; width: 460px; padding: 15px; border: 1px solid #DDD; background:#EEE; margin-bottom:5px;}
div.article span.date {font-style: italic; padding-right: 5px;}
div.article span.image a {border: none;}
span.galery-image, span.video {display:block;margin:0;}
div.article p {margin: 5px 0 0 0;}
div.groups h3 {margin: 0; border-bottom: none; padding: 0;}
div.groups h3 a {
	color: #666;
	padding-right: 5px;
	display: block;
	background-color: #EEE;
	background-image: url(../img/arrow-big.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #DDD;
	font-size: 0.9em;
}
div.groups h3 a:hover {background-image: url(../img/arrow-big-down.gif); color:#003bff;}
div.groups p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
div.groups p.description {color:black;}
div.groups p.description a.description {color:black;text-decoration:none;border-bottom:none;}
div.groups p.description a.description:hover {color:black;text-decoration:none;}
div.groups div {/*background: #EEEEEE;*/
	float: left;
	width: 490px;
	margin-top: 20px;
	padding:0px;
}
div.vote-survey span.name, div.soflinks span.name {
	display: block;
	padding: 3px 0 3px 20px;
	background-image: url(../img/ico_logged-user.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

/*div.members h3 a {color:#003bff; margin-bottom:3px;}*/

table.sortable {font-size: 95%; margin: 30px 0; position: relative; z-index: 100; background: white; line-height: 120%; clear: both;}
table.sortable th {cursor: pointer; padding: 7px 25px 7px 10px; border: 1px solid black; border-bottom: 2px solid black; background: gray; color: white;}
table.sortable td {padding: 5px 7px; border: 1px solid gray;}
table.sortable th.forwardSort {background: url(../img/arrow-up.gif) green right no-repeat;}
table.sortable th.reverseSort {background: url(../img/arrow-down.gif) #144A7C right no-repeat;}
table.sortable tr.rowodd td {background: white;}
table.sortable tr.roweven td {background: #EFEFEF;}

.event {
	/*	display: table; */
	display:block;
	padding: 10px;
	margin-bottom: 10px;
	min-height: 50px;
	height: auto !important;
	height:50px;
	background-color: #EEE;
	border: 1px solid #DDD;
	clear: left;
}
.event a {display: block; margin: 0 0 0 115px; font-weight: bold; font-size: 1.0em; border:none; text-decoration:underline;}
.event .description {display: block; margin-left: 115px;}
.event .date_from-to {background: url(../img/calendar.gif) no-repeat; padding: 12px 0 14px 0; margin: -20px 0 0 0; text-align: center; display: block; width: 100px; line-height: 1.1em; float: left; height:30px;}
.event .time {display: block;}
.bulk_mail {margin: 0 0 -15px 0;}

dl.event-specification {width: 100%; background: #EEE; border: 1px solid gray;}
dl.event-specification dt {width: 100px; font-weight: bold; float: left; padding: 5px 10px;}
dl.event-specification dd {padding: 5px 10px;}
dl.event-specification sup {line-height: 0.8em;}

/* softlinks, hardlinks */
body.members .soft_link a {display: block; font-size: 1.2em; height: 165px; text-decoration: none; border-bottom: none; background: url(../img/myidealtravel.gif) left bottom no-repeat;}
div.softlinks {clear: left; padding-top: 15px;}
div.softlinks h4, div.hardlinks h4 {margin: 15px 0 5px 0;}
div.soft_link {background: url(../img/ico_logged-user.gif) 5px 10px no-repeat; font-weight: bold; padding: 3px 0 3px 17px;}
a.button-snapshot {display: block; margin: 10px 0 10px 10px; width: 160px; border: 1px solid #CCCCCC; float: right; text-align: right; padding: 12px 50px 12px 10px; background: url(../img/icon-snapshot.gif) right no-repeat;}
a.button-snapshot:hover {color: #158723; border: 1px solid #158723;}

/* documents */
div.document {text-align: left; background: #EEEEEE; margin-bottom: 10px; padding: 5px 0 5px 5px; border: 1px solid #DDD;}
div.document div.icon {float: left; width: 35px;}
div.document div.icon a {border: none;}
div.document dl {margin: 0; padding: 0 0 0 40px;}
div.document dt {width: 80px; float: left;}
/*div.document dd {width: 180px; overflow: hidden;}*/

/* ATTACHMENTS */
div.group-focus div.attachments {text-align: center;float:none;padding:0;}
div.item-focus div.attachments {text-align: center;float:none;padding:0;}
div.item-focus div.attachment {margin-bottom: 15px; float: right; text-align: right; margin: 0 0 10px 10px;}
div.attachment div.description {text-align: center; font-size: 90%;}
div.attachment a {border-bottom: none;}
div.below div.attachment div.description {display: none;}

div.below div.document dd {width: 340px;}

/* siblings */
div.siblings {font-size: 90%; position: relative; z-index: 1;}
/*div.siblings h3 {font-size: 110%; margin: 0; border-bottom: none;}*/
div.siblings h3 {
	color: #666;
	padding-right: 5px;
	display: block;
	background-color: #EEE;
	/*background-image: url(../img/arrow-big.gif);*/
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #CCC;
	font-size: 1em;
	margin: 0px;
	color: #158723;
}

div.siblings ul {margin: 5px; padding: 0 0 0 10px; list-style:none;}
div.siblings li {margin: 10px 0; line-height: 130%;font-size:1em;}
div.siblings li a {
	/*list-style: url(../img/ico_logged-user.gif);*/
	background-image: url(../img/ico_logged-user.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:14px;
	text-decoration:underline;
	display:block;
}
div.siblings li a:hover {
	text-decoration:none;
	border:none;
	background-position: 2px 4px;	
}
/*div.siblings span {font-weight: bold; color: #158723;}*/
div.siblings li span.active {
	color:#158723;
	/*font-weight:bold;*/
	margin-left:-39px;
	margin-right:-10px; /*+10 misto -10*/
	padding:5px 0px 5px 53px; /*40 misto 35*/
	background-image: url(../img/arrow-white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	line-height:100%;
}

div.siblings span.date {display: block; font-weight: normal;}

/* PREVIOUS, NEXT */
div#col1 ul.section-prev-next, div#col1 ul.item-prev-next {margin: 20px 0 0 0; padding: 0 0 20px 0; list-style: none; font-size: 0.9em; line-height: 1.2em;}
ul li.section-previous, ul li.item-previous {float: left; width: 45%; padding-left: 15px; background: url(../img/arrow-left.gif) left no-repeat;}
ul li.section-next, ul li.item-next {float: right; width: 45%; padding-right: 15px; text-align: right; background: url(../img/arrow-right.gif) right no-repeat;}

/* forms */
/*form.user_edit fieldset {padding: 10px; line-height: 200%; margin-bottom: 20px;}
form.user_edit fieldset.user-main {background: url(../img/icon-user1.gif) no-repeat 400px 20px #EEEEEE;}
form.user_edit fieldset.user-details {background: url(../img/icon-user2.gif) no-repeat 400px 20px #EEEEEE;}
form.user_edit fieldset.user-subusers {background: url(../img/icon-user3.gif) no-repeat 400px 60px #EEEEEE;}
form.user_edit fieldset.user-membership {background: url(../img/icon-user4.gif) no-repeat 400px 20px #EEEEEE;}
form.user_edit fieldset.user-membership table {width: 365px;}
form.user_edit fieldset.switchboard {background: #EEEEEE;}
form.user_edit fieldset.saf {background: url(../img/icon-user-saf.gif) no-repeat 400px 20px #EEEEEE;}

form.user_edit fieldset.user-main {background: url(../img/icon-user4.gif) no-repeat 440px 5px;}
form.user_edit fieldset.user-details {background: url(../img/icon-user5.gif) no-repeat 440px 5px;}
form.user_edit fieldset.user-subusers {background: url(../img/icon-user6.gif) no-repeat 440px 0;}

form.user_edit legend {font-size: 130%; font-weight: bold; color: #144A7C; padding: 0 10px; line-height: 100%;}
form.user_edit label {display: block; width: 160px; float: left;}
form.user_edit span.label {display: block; width: 160px; float: left;}
form.user_edit span.value {}
form.user_edit fieldset.user-subusers span {padding-left: 80px;}*/

#usergroup-list .bulk_mail a {padding: 5px 0 5px 35px; background-image: url(../img/icon-bulkmail.gif); background-position: 3px 4px; background-repeat: no-repeat; border-bottom: none;}

form.user_edit dl {margin: 0 0 0 160px;}
form.user_edit dt {margin: 0; float: left;}
form.user_edit dd {margin-left: 80px;}
.warning {padding: 10px; text-align: center; font-weight: bold; border: 1px solid red; margin: 20px 0;}

.gallery .name a {font-weight: bold; font-size: 120%; padding: 10px 0 5px 0; border-bottom: none;}
.gallery img {margin: 0 0 10px 0;}

/* PHOTOGALLERY */
/* link to gallery from item */
span.link-to-gallery a {padding-left: 20px; background: url(../img/camera.gif) no-repeat;  border-bottom: none;}
span.link-to-gallery a:hover {background-position: 0 -34px; border-bottom: none;}
/* link to gallery from the list of attachments */
div.attachments span.link-to-gallery a, div.attachments span.link-to-gallery a:hover {padding: 5px 42px 5px 0; display: block; text-align: right; background: url(../img/camera-big.gif) right no-repeat; font-weight: bold;}
/* size change +/- */
div#gallery-focus p {text-align: center; margin: 5px 0;}
div#gallery-focus a {padding: 0 0 0 20px; margin: 0 5px; background: url(../img/zoom.gif) no-repeat;}
div#gallery-focus a:hover {background-position: 0px -34px;}
div#gallery-focus dl {font-size: 85%; padding: 0; margin: 0;}
div#gallery-focus dt {float: left; width: 100px;}
/* browsing other pictures */
div#gallery-thumbs {width: 480px; /*overflow: auto; overflow-y: visible; white-space: nowrap;*/ clear: both; margin-left: -530px;}
div#gallery-thumbs img {margin-right: 5px;}
div#gallery-thumbs a, div#gallery-thumbs a:hover {border-bottom: none;}
div#gallery-thumbs a img {border: 1px solid gray;} div#gallery-thumbs span.current-img img, div#gallery-thumbs a:hover img {border: 1px solid black;}
/* fixes IE */
* html div#gallery-thumbs {padding-bottom: 20px;}

.desc-format p, .desc-format h3, .desc-format h4, .desc-format h5 {margin: 0; padding: 5px 0;}
.desc-format .col2 {float: left; width: 48%;}
.desc-format .col3 {margin-left: 52%;}

body.wide div#main {background: white;}
body.wide div#col1 {float: none; width: 720px;}
body.wide div#col2 {clear: both; margin-left: 0;}
body.wide div.siblings {width: 100%;}
body.wide div.article {width: 100%;}

body.list-members div#col1 li{display: block; float:left; margin-left:10px; margin-right:10px;}
body.list-members div#col1 li span.active{margin:0px; padding:0px; line-height:130%; background:none;}
body.list-members div#col1 div.siblings h3{margin-left:10px; width: 100%;}

body.wide div.siblings .name {font-weight: normal;}

.article p.text br {display: none;}

/*TAB STYLES*/

body.user div#main { background: #fff; }
body.user div#col1 { width: 95%; }
form.user_edit {position: relative; z-index: 0;}

div#format {width: 705px; margin: 10px 0px 10px 4px; position:relative;}
div#format span.label {display: block; width: 160px; float: left;}
div#format span.value {}
div#format legend {font-size: 130%; font-weight: bold; color: #144A7C; padding: 0; margin-bottom:10px;line-height: 100%;}

/* tabs */
div#format-tabs {height: 28px;}
div#format-tabs ul {list-style: none; padding:0;margin:0;}
div#format-tabs li {display: inline;}
div#format-tabs a {display: block; line-height: 15px; float: left; margin-right: 3px; text-align: center; width: 98px; padding: 7px 0 6px 0; text-decoration:none; color: Black;  background-color: #DDDDDD; background-image: url(../img/bcg_tabs.gif);	background-repeat: repeat-x; background-position: left bottom; border:none; height:auto;}
div#format-tabs a#last {margin-right: 0;}
div#format-tabs a:hover {font-weight: bold;}
div#format-tabs a:focus {-moz-outline: none; outline: none;}
div#format-tabs a.current {
	font-weight: bold;
	cursor: default;
	background-color: #EEEEEE;
	color: #144A7C;
	background-image: url(../img/bcg_tabs_current.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#format-tabs a:visited {border: none;}

div#format-tabs li#format-groupmemb-title a {width:150px}
div#format-tabs li#format-saf-title a {width: 70px}

/* edit */
div#format-edit {border: none; width: 698px; background:#EEEEEE; text-align: left; margin-bottom:5px;height:auto;}
div#format-edit div.format-edit {display: none; margin-bottom:5px; position: relative; height: auto;}
div#format-edit div#format-myAccount {display: block;}
/*div#format-edit label.format-edit {display: block; float: left; clear:left; width: 140px; text-align: left;margin-left:0px; padding:0px;}
div#format-edit textarea.format-edit {float: left;}
div#format-edit input.login2 {width: 138px; float: left;}*/

/* format elements */ 
div#format-edit fieldset {border: none; padding: 0 0 10px; margin-bottom:3px; margin-left:10px; /*line-height: 200%;*/ height:auto; position:relative;}
div#format-edit fieldset.myAccount {}
.myAccount input {
	width: 180px;
	float: left;
	background-color: #FFF;
	border: 1px solid #999;
}
.myAccount textarea {
	width: 250px;
	float: left;
	background-color: #FFF;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
}
.myAccount label {
	display: block;
	float: left;
	clear:left;
	width: 140px;
	text-align: left;
	margin-left:0px;
/*	line-height: 200%; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
}
.myAccount em {display:block; float:left; clear:left;}
.myAccount h2{font-size:130%; color: #144A7C; line-height: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px;}
div#format-edit fieldset.account {width:460px; display: block; margin-bottom:5px;padding:0;}
div#format-edit fieldset.details {width:460px; display: block;}
.groupmemb table {width: 365px;}
.groupmemb td {padding: 3px 5px; border: 1px solid #CCCCCC; border-top:none;vertical-align: top; width: 500px; background: white;}
.groupmemb th {padding: 3px 5px; background: #CCCCCC; border: 1px solid black; vertical-align: top;}
fieldset.subusers {line-height: 200%;}
.subusers input {
	width: 180px;
	float: left;
	background-color: #FFF;
	border: 1px solid #999;
}
.subusers span {width: 60px; float: left;}
/*.subusers label {display: block; float: left; clear:left; width: 80px; text-align: left;margin-left:0px; padding:0px;}*/
.subusers label {
	display: block;
	float: left;
	clear:left;
	width: 140px;
	text-align: left;
	margin-left:0px;
/*	line-height: 200%; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
}
.subusers em {display:block; float:left; clear:left;}
.subusers input.login2 {width: 138px; margin-left:-20px;}
#wwwuser_subuser_1  hr, #wwwuser_subuser_2  hr, #wwwuser_subuser_3  hr {clear:both;}
div#format-edit fieldset.switchboard {background: #EEEEEE; border: none;}
.updates h2{font-size:130%; color: #144A7C; line-height: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px;}
div#format-edit fieldset.digest {width:460px; display: block;}
div#format-edit fieldset.forum {width:460px;display: block;}