body, html{
background: #fff url(../img/bg_decoration.jpg) no-repeat center -20px;
}

#wrap {
text-align:left;
color: #82786F;
}

.width, #header, #content, #footer{
width: 940px;
margin:0 auto;
}


hr{display: none;}

/* General Stuff ========================= */
table, p{font-size: 93%; margin-bottom: 10px;}
table, p, dd{line-height: 1.5em;}
strong{font-weight: bold;}
a:link, a:visited{ color:#E17000; text-decoration:none; }
a:hover{text-decoration:underline; color: #E17000 }
a:focus, a:active {outline: none; text-decoration:underline; color: #E17000 ;}


#description a:link, #description a:visited{ color:#E17000 !important; text-decoration:none; }
#description a:hover{text-decoration:underline; color: #E17000 !important; }
#description a:focus, #description a:active {outline: none; text-decoration:underline; color: #E17000 !important;}

.wrong{color: #f00!important;}
.ok{color: #070!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: default}

::-moz-selection { background: #dfc; color: #000; }
::selection { background: #dfc; color: #000;}

h1{font-size:138.5%;}
h2{font-size:250%;}
h5{font-size:138.5%; color: #777; margin-bottom: 5px;}
h3{font-size:123.1%; margin-bottom: 10px; clear: both;}
h2{margin-bottom: 10px;}
h1,h2,h3,h6, h5, strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-left: 0!important; clear: left;}

.module{margin-bottom: 20px !important ;}

/* StarIcon ========================= */

.star{
background: url(../img/icons/star.png) no-repeat left center;
padding-left: 20px;
}


/* TopBar ========================= */

#TopBar{
background: rgba(255,218,0,.5);
text-align: center;
padding: 10px 0;
}

#TopBar h2{
background: url(../img/tagline.png) no-repeat top center;
text-indent: -9999999px;
font-size: 2%;
margin: 0;
height: 12px;
}


/* header ========================= */

#header{padding: 10px 0;}


#logo{float: left;}

#logo h1{
float: left;}

#logo h1 a{
display: block;
background: url(../img/logo.png) no-repeat 0 0;
width: 306px;
height: 97px;
text-indent: -9999px;
margin-bottom: 10px;
}

#CitySelector{
float: left;
text-align: right;
width: 160px;
font-size: 108%;
margin-top: 43px;
position: relative;
}

#CitySelector li strong{
padding: 5px 15px 5px 0;
display: block;
background: url(../img/arrow_selector.png) no-repeat right center;
cursor: pointer;
}

#CitySelector li:hover ul{
display: block;}

#CitySelector ul{
display: none;
background: rgba(130, 120, 111, 0.9);
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: absolute;
right: 0;
width: 140px;
text-align: left;
font-size: 90%;
}

#CitySelector ul li a{
display: block;
padding: 5px;
border-top: 1px solid #d5beb7;
color: #fff;
}

#UserInfo{
float: right;
margin-top: 33px;
position: relative;
top: 33px;
}

#UserInfo h3{
float: right;
clear: none;
margin: 0;
font-size: 108%;
font-weight: normal;}

#UserInfo h3 a{
display: block;
padding: 0px 20px;
height: 30px;
line-height: 30px;
font-size: 100%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow:0px 1px 2px #333333;
-webkit-box-shadow:0px 1px 2px #333333;
shadow:0px 1px 2px #333333;
margin-left: 10px;
background: url(../img/bg_signup.png) repeat-x bottom left;
color: #82786F;
}

#UserInfo h3 a:hover{
text-decoration: none;
-moz-box-shadow:0px 1px 4px #333333;
-webkit-box-shadow:0px 1px 4px #333333;
shadow:0px 1px 4px #333333;
}


#LogIn h3 a{
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
shadow:none  !important;
background:  url(../img/bg_login.png) no-repeat bottom right;
padding-right: 35px;
color: #bfb7ae;
}


#LogIn:hover h3 a{
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: #fff;
}

#LogIn{
position: relative;
float: right;
}

#LogIn #LoginBox{
top: 30px;
right: 0;
position: absolute;
background: rgba(130, 120, 111, 0.9);
padding: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: #fff;
display: none;
z-index: 2000;
}
/*#LogIn:hover #LoginBox{display: block;}*/

#LogIn #LoginBox form li{margin-bottom: 5px;}

#LogIn #LoginBox form li label{
margin-bottom: 2px;
display: block;
}

#LogIn #LoginBox a{
color: #fff;}

#LogIn #LoginBox input[type="password"], #LogIn #LoginBox input[type="text"]{
width: 180px}


#header input[type="text"], #header input[type="password"], form.dialog input[type="text"], .FeedComment input[type="text"], #search input[type="text"], .LogInBox input[type="text"], .LogInBox input[type="password"]{
background: #fff;
border: none;
padding: 4px 8px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
color: #bbb;
height: 16px;
}

#header input[type="text"]:focus, #search input[type="text"]:focus, #header input[type="password"]:focus, form.dialog input[type="text"]:focus, .FeedComment input[type="text"]:focus, .LogInBox input[type="text"]:focus, .LogInBox input[type="password"]:focus{color: #82786F}

#header input[type="submit"], form.dialog input[type="submit"], .LogInBox input[type="submit"]{
background: #FECB00;
color: #82786F;
border: none;
padding: 3px 8px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
}

#header input[type="submit"]:hover, form.dialog input[type="submit"]:hover,  .LogInBox input[type="submit"]:hover{color: #fff;}

#UserInfo ul{
margin: 5px 0 0 0;
padding: 5px;
background: rgba(255,255,255,.8);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* andres */
position: relative;
}

#UserInfo li{
float: left;}

#UserInfo li a{
display: block;
padding: 0 10px;
border-left: 1px solid #ccc;
}

#UserInfo li:first-child a{border: none;}

#UserInfo ul ul{
margin: 0;
padding: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: none;
position: absolute;
text-align: left;
font-size: 90%;

}
#UserInfo li:hover ul{
display: block;}


#UserInfo li li{
float: none;
display: block;
}

#UserInfo li li a{
display: block;
padding: 5px 10px;
border-left: none;
background: rgba(255, 255, 255, 0.8);
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}



/* nav */
#NavBar{
clear: both;
background: url(../img/bg_nav.png) no-repeat 0 0;
height: 31px;}

#NavBar form{
float: right;
margin: 3px 4px 0 0;
}

form#search input[type="text"]{
background: #fff url(../img/search_icon.png) no-repeat right center;
padding-right: 25px;
width: 180px;
}

#SideBar form#search input[type="text"]{
width: 165px;
border: 1px solid #ddd;
}

#NavBar ul{
float: left;
margin-left: 10px;
}

#NavBar li{float: left;}

#NavBar li a{
display: block;
padding: 0px 8px;
height: 31px;
line-height: 31px;
text-decoration: none;
font-weight: bold;
color: #82786F;
}


#NavBar li.active a, #NavBar li.active a:hover, #NavBar li a:hover{
color: #47413d;
text-decoration: none;
}




/* content ========================= */

#content{clear: both;
margin-bottom: 20px;}

.InnerPage{
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 20px;
width: 900px !important;
-moz-box-shadow:0px 1px 4px #333333;
-webkit-box-shadow:0px 1px 3px #333333;
shadow:0px 1px 4px #333333;
border: 1px solid #eee;
}

/* Main ========================= */

#main{
float: right;
width: 578px;
border: 1px solid #eee;
padding: 20px;
/* andres */
background: #fff;
/*background-color: rgba(255,255,255,.7);*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow:0px 1px 4px #333333;
-webkit-box-shadow:0px 1px 3px #333333;
shadow:0px 1px 4px #333333;
}

.InnerPage #main{
float: left;
width: 460px;
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
shadow:none;
border: none;
}

#main h2{color: #E17000; font-size: 170%;}

#main h2 em{font-size: 70%; font-weight: normal; font-style: normal;}

/* table ========================= */

.MainTable{width: 100%;}
.MainTable tr{border-bottom: 1px solid #ccc;}
.MainTable tr:last-child{border-bottom: none;}

.MainTable th{font-weight: bold;}

.MainTable td{padding: 5px 0;}

/* SideBar ========================= */

#SideBar{
float: left;
width: 300px;}

.InnerPage #SideBar{
width: 200px;
}

/* TagCloud ========================= */

.TagCloud{
line-height: 2.3em;}

/* MainContent ========================= */

#MainContent{
float: right;
width: 680px}

#aside{
float: right;
width: 200px;
}

/* Title ========================= */

.title{
border-top: 2px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 10px;
}

.title h3{
margin: 0;
float: left;
line-height: 28px;
}

.title ul, .title p{float: right;}

.title li{float: left}

.title li a{
display: block;
font-size: 85%;
line-height: 28px;
height: 28px;
padding: 0 10px;
border-right: 1px solid #999;
color: #999;
}

.title li.icon a{
width: 16px;
padding: 0;
margin-left: 10px;
text-indent: -999999px;
background-image: url(../img/share_icons.png);
background-repeat: no-repeat;
background-position:  left center;
}

.title li.active a, .title li.active a:hover{ text-decoration: none; font-weight: bold; color: #82786F;}

.title li:last-child a, .title li.NoBorder a{padding-right: 0; border: none;}

.title p{font-size: 85%;line-height: 28px; margin: 0;}


/* InnerColumn =========================

#accordion h3{
padding-left: 10px;
background-position: left center;
background-repeat: no-repeat;
}
#accordion .open h3{background-image: url(../img/icon_open.png)}
#accordion .close h3{background-image: url(../img/icon_more.png)}

#accordion .close{
margin-bottom: 0;
border-bottom: 0;}

.subject{
font-size: 110%;}
*/

.InnerColumn{
float: left;
width: 330px;
}

.InnerColumn:last-child{float: right;}

.LogInBox{margin-bottom: 10px;}
.LogInBox .InnerColumn{
background: #f1f1f1;
padding: 10px;
width: 310px;
margin-bottom: 10px;}

.LogInBox h3.join{
margin: 0;}

.LogInBox h3.join a{
display: block;
background-image: url(../img/btn_join.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 129px;
height: 36px;
margin: 0px;
text-indent: -999999px;
}

.LogInBox h3.join a:hover{background-position: bottom left;}

.LogInBox form{
margin-bottom: 10px;}

.LogInBox  input[type="text"], input[type="password"]{
width:130px}

.LogInBox form li{margin-bottom: 5px;}

.BtnFollow{text-align: center;}
.BtnFollow a, .photo .follow {
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
height: 16px;
line-height: 16px;
text-transform: uppercase;
font-weight: bold;
font-size: 85%;
background: url(../img/bg_btnfollow.png) repeat-x center left;
color: #82786f;
display: inline-block;
padding: 0 10px;
}

.photo .follow {
	font-size: 0.7em;
}


/* News ========================= */

.news{
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;}

.news:last-child{border: none;}

.news .photo{float: left;}

.NewsContent{margin-left: 110px;}

h4{
font-size: 138.5%;
font-weight: bold;
margin-bottom: 5px;
}

.news h4 span{
font-size: 65%;
font-weight: normal;
}
.OrganizationLogo{float: right; text-align: center;}

.OrganizationLogo .BtnFollow a{margin-top: 5px;}

.news .NewsContent{margin-right: 110px}

/* highlight ========================= */


#slideshow{
background: #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
position: relative;}

#slideshow img{
display: block;
background: #f1f1f1;
padding: 10px;
}

#slideshow p{
position: absolute;
background: rgba(0,0,0,0.5);
bottom: 10px;
left: 20px;
padding: 10px;
width: 240px;
text-shadow:0px 1px 2px #333333;
color: #fff;
}

#slideshow ol{
position: absolute;
top: 25px;
right: 25px;}

#slideshow li{
float: left;}

#slideshow li a{
display: block;
height: 10px;
width: 10px;
margin-left: 5px;
background-image: url(../img/slider_menu.png);
background-repeat: no-repeat;
background-position: bottom left;
text-indent: -999999999px;
font-size: 1%;
}

#slideshow li.active a{
background-position: 0 0;
}


/* andres */

#highlight{
background: #FECB00;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 10px;
}

#highlight h3{
text-transform: uppercase;
font-size: 108%;
margin: 0;
padding: 0;
}

#highlight form{padding: 10px 0;}


#highlight input[type="text"]{
background: #fff;
border: none;
padding: 4px 8px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
color: #bbb;
height: 16px;
}

#highlight input[type="text"]:focus{color: #82786F}

#highlight input[type="submit"]{
background: #82786F;
color: #fff;
border: none;
padding: 3px 8px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
}

#highlight input[type="submit"]:hover{color: #fff;}


#highlight .icons{
margin: 0px 20px 0px 0px;
padding:5px 0 5px 0;
/*border-bottom: 1px solid #E17000;				Uncomment if newsletter form is on       */
}

#highlight .icons li{
float: left;
height: 32px;
line-height: 32px;
margin-right: 5px;}

#highlight .icons li a{
display: block;
background-position: 0 0;
background-repeat: no-repeat;
width: 32px;
text-indent: -99999999px;
}


#highlight .icons li.thechange a{background-image: url(../img/social_icons/thechange.png)}
#highlight .icons li.facebook a{background-image: url(../img/social_icons/facebook2.png)}
#highlight .icons li.twitter a{background-image: url(../img/social_icons/twitter.png)}
#highlight .icons li.linkedin a{background-image: url(../img/social_icons/linkedin.png)}
#highlight .icons li.youtube a{background-image: url(../img/social_icons/youtube.png)}
#highlight .icons li.rssfeed a{background-image: url(../img/social_icons/rss_16.png)}



.HighlightBox{
background: #009FDA url('../img/bg_highlightbox.jpg') no-repeat center center;
padding: 20px;
margin-bottom: 10px;
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* text-shadow: 0 1px 1px #000; */
}

.HighlightBox h4{
	text-align: center;
	font-size: 148%;
	line-height: 1.5em;
	margin: 0;
}

.HighlightBox h4 a{color: #fff;}

/* more link ========================= */

.more a{
display: block;
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
background-image: url(../img/icon_more.png);
background-repeat: no-repeat;
background-position: left center;
clear: both;
}

.less a{background-image: url(../img/icon_less.png);
}

a.more {
display: inline-block;
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
}

/* Twittery Box ======================= */
textarea.blankable {
	background: #ffffff url("../img/bg_textboxes_b.png") repeat-x;
	background: #ffffff url("../img/bg_textboxes_a.png") repeat-x;
	padding: 0.7em;
	color: #999;
	overflow: hidden;
	resize: none;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	outline: none;
	margin-bottom: 5px;
	width: 483px;
}

#MainContent .blankable {
	width: 440px !important;
}

textarea.blankable[disabled] {
	background: #fafafa url("../img/bg_textboxes_b.png") repeat-x;
	border: 1px solid #bbb;
	color: #bbb;
}

input.shareSubmit[disabled] {
	background: #dddddd !important;
}

input.shareSubmit[disabled]:hover {
	background: #dddddd !important;
	color: #ffffff !important;
	cursor: default;
}

span.counter {
	font-style: italic;
}

.shareThumb {
	position: relative;
	top: 10px;
}


/* Post ========================= */

.post{ margin-bottom: 5px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.post h1{ margin-bottom: 5px;}

.post:last-child{border: none;}

.post .photo {float: left; }

.AltBox .photo{float: none; }

.photo a img, .CommentPhoto img, .MainText .photo img{
/*border: 1px solid #999;
padding: 1px;*/
/*background: #fff;*/
}

#MainContent .doctext img {
	clear: both;
	float:right;
	margin: 0em 0em 2em 2em;
}

.photo .photothumb {
	width: 40px;
	height: 40px;
	padding: 1px;
	display: table;
	text-align: center;
}

.photo .photothumb a {
	display: table-cell;
	padding: 1px;
	text-align: center;
	border: 1px solid #999;
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

.CommentPhoto {
	padding: 1px;
	text-align: center;
	border: 1px solid #999;
}

.photo .photothumb a:hover, .CommentPhoto:hover {
	padding: 0px;
	border: 2px solid #999;
}


/*.photo a.follow{
	margin-top: 4px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 75%;
	color: #82786f;
}*/

.AltBox .photo div{
margin: 5px;
text-align: left;}

.dialog{margin-left:75px;}

.post h4{margin-bottom: 5px;
font-size: 100%;
font-weight: normal;}

.CommentMenu{font-size: 85%; color: #999;margin-bottom: 5px; clear: both;}

.CommentBox{
clear: both;}

.FeedComment{
background: #ddd;
margin-bottom: 1px;
padding: 5px}

.FeedComment p{margin: 0 0 0 45px;}

.CommentPhoto{float: left;}

p.small{font-size: 85%; color: #999; margin-bottom: 5px;}

.FeedComment input[type="text"] {width: 80%;}

form.dialog input[type="text"] {
border: 1px solid #bbb;
width: 70%;
}

form.dialog input[type="text"]:focus{
border: 1px solid #82786F
}

form.dialog input[type="submit"]{
padding: 4px 8px;
}


.MultimediaThumb{float: left;}

.MultimediaFeed{margin-left: 110px}

.MultimediaFeed h5{
font-size: 100%;
margin-bottom: 5px;
color: #82786F;}

/* date */
.date{
float: left;
width: 100px;
text-align: center;
color: #999;
margin: 0;
}

.date dt{
background: #fa943a url(../img/bg_submit.png) repeat-x 0 0;
padding: 4px 0 2px 0;
text-transform: uppercase;
color: #fff;
font-weight: bold;
margin: 0;
}
.date dd{
border: 1px solid #ddd;
border-top: none;
line-height:normal;
padding: 4px 0;
margin: 0;
}

.date dd strong{
display: block;
font-size: 300%;
}

/* blockquote */


.post blockquote{
font-size: 138.5%;
margin-bottom: 5px;
}

.post blockquote a.more{
font-size: 60%;}

/* MainText ========================= */

.MainText blockquote, .MainText ul, .MainText ol, .MainText dl{margin:1em;}
.MainText ol, .MainText ul, .MainText dl{margin-left:2em;}
.MainText ol li{list-style:decimal outside;}
.MainText ul li{list-style:disc outside;}dl dd{margin-left:1em;}
.MainText li{font-size: 93%;}

.MainText{clear: both; margin-top: 5px;}

.ShareOptions{
float: right;
margin-bottom: 5px;}

.ShareOptions li{
float: left;
margin-left: 10px;
line-height: normal;
font-size: 85%;
}
.ShareOptions li.email a{
text-transform: uppercase;
padding-left: 20px;
display: block;
background: url(../img/icons/email.png) no-repeat left center;
font-weight: bold;
color: #ccc;}


.ShareOptions li.email{
border: 1px solid #ccc;
padding: 2px;
}


.ShareOptions li.email a:hover{
color: #555;
text-decoration: none;
}


.ShareBox{margin-bottom: 5px;}


/* SliderBox ========================= */

.MultimediaNav{margin:5px 0;}
.MultimediaNav li{float: left;}
.MultimediaNav li:last-child {float: right;}

.MultimediaNav li a, .back a{
font-size: 85%;
display: block;
font-weight: bold;
text-transform: uppercase;
background: url(../img/icon_prev.png) no-repeat left center;
padding-left: 10px;
}

.MultimediaNav li:last-child a{
background: url(../img/icon_next.png) no-repeat right center;
padding:0 10px 0 0;
}


/* Ad ========================= */
.ad{margin-bottom: 10px;}

/* Comments =========================

.comment{
margin:  0 0 10px 0;
min-height: 50px;
}

.comment .photo{
float: left;
}
.photo a img{
border: 1px solid #999;
padding: 2px;
background: #fff;
display: block;
}

.photo a:hover img{
border: 2px solid #999;
padding: 1px;
}

.dialog{
background-image: url(../img/dialog_comment.png);
background-repeat: no-repeat;
background-position: 5px 0;
margin-left: 50px;
padding-left: 16px;
}

.comment .CommBox{
padding: 10px 10px 0 10px;
border: 1px solid #999;
border-left: none;
background: #fff;
}

.CommBox

*/

/* Profile ========================= */

#ProfileHeader{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

#ProfileLogo, #map{
float: left;
width: 200px;}

#map{float: right;}

#ProfileLogo h1{margin-bottom: 10px;}

#ProfileInfo{
margin: 0 220px;
}
#ProfileInfo dd{
margin: 0;}

#ProfileInfo dt{
font-size: 200%;
font-weight: bold;
margin-bottom: 3px;}

#ProfileInfo dt span{
font-size: 45%;
font-weight: normal;}


#ProfileInfo .slogan{
font-size: 128%;
margin-bottom: 5px;
}

.CategoryItem{
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
padding-bottom: 5px;
}

.CategoryItem:last-child{
border-bottom: none;}

.CategoryItem dt{
font-weight: bold;
margin-bottom: 3px;}

.CategoryItem dd{font-size: 93%; margin: 0}

.CategoryItem dd.icon{
padding-left: 10px;
background: url(../img/icon_more.png) no-repeat left center;
}

/* UserList ========================= */

.UserList li{
	float: left;
	margin:0 0 8px 8px;
	display: table;
	width: 40px;
	height: 40px;
	padding: 0px;
}

.UserList li a {
	display: table-cell;
	border: 1px solid #999;
	width: 50px !important;
	text-align: center;
	padding: 1px;
	height: 40px;
	vertical-align: middle;
	margin: auto;
}

.UserList li a:hover
	border: 2px solid #999;
	padding: 0px;
}

/* Who is participating ========================= */

.administrator .user-photo a {
	display: block;
	height: 40px;
	width: 40px;
	padding: 1px;
	border: 1px solid #999;
}

.administrator .user-photo a:hover{
	padding: 0px;
	border: 2px solid #999;
}

/* TrustList ========================= */

.TrustList li{
float: left;
margin:0 0 8px 8px;
display: block;
}

.TrustList li a {
	display: block;
	border: 1px solid #999;
	width: 100%;
	text-align: center;
	padding: 1px;
	height: 100%;
}

.TrustList li a:hover {
border: 2px solid #999;
padding: 0px;
}




/* FileList ========================= */

.FileList{
margin-bottom: 10px;}

.FileList a{
display: block;
border-bottom: 1px solid #ddd;
padding: 2px 0 2px 20px;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../img/icons/page_white.png);
}


.FileList li a[href*=".xls"] {background-image: url(../img/icons/page_white_excel.png) ;}

.FileList li a[href*=".png"], .FileList li a[href*=".jpg"], .FileList li a[href*=".gif"]{
background-image: url(../img/icons/page_white_picture.png);}

.FileList li a[href*=".pdf"]{background-image: url(../img/icons/page_white_acrobat.png);}

.FileList li a[href*=".doc"], .FileList li a[href*=".docx"]{background-image: url(../img/icons/page_white_word.png);}


.FileList li a[href*=".ppt"], .FileList li a[href*=".pps"]{background-image: url(../img/icons/page_white_powerpoint.png) ;}


/* DashboardNav ========================= */

#DashboardNav {
border-top: 1px solid #ddd;
}
#DashboardNav li a{
display: block;
padding: 4px 0;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

#DashboardNav li.active a, #DashboardNav li.active a:hover{
color: #82786F;
font-weight: bold;
border-right: none;
text-decoration: none;
}


/* MainForm ========================= */


select{
border:1px solid #ccc;
border-top: 2px solid #ccc;
padding: 2px;
}


.MainForm{
margin-bottom: 20px;
}

.MainForm fieldset{
border-top: 1px solid #ccc;
margin-top: 20px;
}

.MainForm legend{
margin-left: 10px;
padding: 0 5px;
font-weight: bold;
text-transform: uppercase;
}

.MainForm ol{margin: 10px 0;}
.MainForm li{margin: 0 0 10px 0;}

.MainForm li label{
float: left;
width: 180px;
margin-right: 10px;
text-align: right;
padding-top: 5px;}

.filtro li label{
font-weight: bold;
}

.MainForm li label em{
font-size: 80%;
color: #777;}


.MainForm input, .MainForm textarea{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 3px;
font-weight: bold;
width: 250px;
background-color: #f1f1f1;
}

.MainForm input.short{width: 35px;}

.filtro .checks input, .filtro .checks{
width: auto;
font-weight: normal;
}

.MainForm input:focus, .MainForm textarea:focus{
color: #777!important;
border-color: #777;
background-color: #fff;
}

.MainForm p.SubmitLine {
margin-left: 170px;
}

.MainForm p.SubmitLine input, .AddItemBtn a{
width: auto;
background: #fa943a url(../img/bg_submit.png) repeat-x 0 0;
color: #fff;
border: none;
padding: 3px 8px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
text-shadow:0px 0px 2px #333333
}

.MainForm p.SubmitLine input:hover, .AddItemBtn a:hover{background:#fa943a}

.apply{
text-align: center;}

.AddItemBtn{margin-bottom: 10px; clear: both;}
.AddItemBtn a{
display: inline-block;
font-size: 120%;
padding: 5px 20px;
text-transform: uppercase;
}

.MainForm p.SubmitLine a{color: red;}

.MainForm input.wrong{
border-color: #f00;
color: #f00!important;
background: #ffd5d5;
}

.MainForm input.ok{border-color: #080;}

.MainForm strong{color: #f00;}
.MainForm strong.regular{color: #222;}

.MainForm strong.ok{color: #040;}

.MainForm fieldset fieldset{border: none;}

.MainForm fieldset fieldset li{
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
}

.MainForm fieldset fieldset legend{
margin-left: 0px;
padding: 0px 0 10px 0;
font-weight: normal;
text-transform: none;
}

.MainForm fieldset ul fieldset legend{
font-weight: bold;}


.MainForm fieldset fieldset label{text-align: left;}

.MainForm fieldset fieldset .MoreFields{
margin: 5px 0 0 170px;
display: block;}

.MainForm fieldset fieldset label input{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 0px;
font-weight: normal;
width: auto;
}


.MainForm fieldset fieldset ul label{
width: auto;
float: none;}

input.off{color: #777;}
input.off:focus{color: #222!important;}



/* warning ========================= */

.warning{
padding: 10px 10px 1px 10px!important;
margin: 0 0 10px 0;
background: #ffc;
color: #4c4c3f;
clear: both;
}

.error{
background: #fcc;
color: #900;
}

.success{
background: #deffa4;
color: #040;
}

.warning a{color: #6b5e2b;}
.error a{color: #7a0000;}
.success a{color: #040;}

/* JobDescription ========================= */

.JobDescription h4, .JobDescription ul{
width: 320px;
margin-right: 340px;
margin-bottom: 10px;
}

.JobDescription ul li{
font-size: 93%;
margin-bottom: 5px;
}

.JobDescription .map{
float: right;
width: 320px;
padding-left: 10px;
border-left: 1px solid #9e9e86;
}


/* Filter ========================= */
.filter{margin-bottom: 10px;}
.filter label{
display: block;
padding: 2px 0;}

.filter label.SelectAll{
padding-top: 10px;
font-weight: bold;
margin-bottom: 7px;
}

/* Footer ========================= */

#footer{
clear: both;
padding: 0px 0 20px 0}

#footer ul{float: left;}
#footer ul.FooterInfo{float: right;}

#footer ul li{
float: left;
padding: 0px 10px;
line-height: 20px;
}



/* lightbox ========================= */

#lightbox {
/*	display:none; */
	background-color:rgb(0,0,0);
	opacity:0.5;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);
	z-index:20;
	height:100%;
	width:100%;
	background-repeat:repeat;
	position:fixed;
	top:0;
	left:0;
}

#wrapOverlay {
	background-color: rgba(0,0,0,0.5);
	z-index: 5000;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
}

#popupNotification {
	/*	display:none;*/
	background:#fff;
	position: relative;
	top:260px;
	margin:0 auto;
	width:500px;
	opacity:1;
	text-align: left;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	z-index:5001;
	padding:20px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: 0px 0px 18px #444;
	-moz-box-shadow: 0px 0px 18px #444;
	box-shadow: 0px 0px 18px #444;
	color: #777;
}

#popupNotification h3 {
	color: #777;
}

#popupNotification a {
	cursor: pointer;
}

#popupNotification input {
	background: #FECB00;
	border: none;
	padding: 4px 10px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	color: #666;
	height: 24px;
	cursor: pointer;
}

#welcome-window {
/*	display:none;*/
background:#fff;
left:20%;
top:180px;
margin:0 auto;
width:600px;
opacity:1;
position:absolute;
text-align: left;
-moz-opacity:1;
filter:alpha(opacity=100);
z-index:9999;
padding:20px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;

}


#welcome-window p {
}


#welcome-window .x {
	float:right;
	position:absolute;
	z-index:9999999;
	top:0;
	right:0px;
}


/* Clear Fix ========================= */

#header:after, .width:after, #NavBar:after, #TopBar:after, .title:after, #slideshow ul:after, .news:after, #content:after, #ProfileHeader:after, .dialog ul:after, .post:after, .FeedComment:after, .MultimediaNav:after, #footer:after, #UserInfo ul:after, #highlight .icons:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #header, * html .width, * html #NavBar, * html #TopBar, * html .title, * html #slideshow ul, * html .news, * html #content, * html #ProfileHeader, * html .dialog ul, * html .post, * html .FeedComment, * html .MultimediaNav, * html #footer, * html #UserInfo ul, * html #highlight .icons {display: inline-table;}

/* Hides from IE-mac \*/
#header, .width, #NavBar, #TopBar, .title, #slideshow ul, .news, #content, #ProfileHeader, .dialog ul, .post, .FeedComment, .MultimediaNav, #footer, #UserInfo ul, #highlight .icons{height: 1%;}
#header, .width, #NavBar, #TopBar, .title, #slideshow ul, .news, #content, #ProfileHeader, .dialog ul, .post, .FeedComment, .MultimediaNav, #footer, #UserInfo ul, #highlight .icons {display: block;}
/* End hide from IE-mac */


/* Django default error handling */
ul.errorlist li {
	font-weight: bold;
	color: rgb(200,0,0);
}