div.idxAR { width: 960px; text-align: left; padding-top: 5px; }

div.idxLR { width: 960px; text-align: left; padding-top: 5px; margin-bottom: 10px; color: #888; }
div.idxLR a { text-decoration: none; color: white; }
div.idxLR a:hover { text-decoration: underline; color: orange; }
div.idxLR a.idxLogo { display: block; width: 270px; height: 50px; float: left; text-align: right; margin-top: 10px;}
div.idxUser { display: block; width: 190; padding-left: 10px; padding: 8px; text-align: left;   font-size: 12px;}
div.idxUser form { color: #888; }
div.idxUser input { margin-bottom: 8px; }
div.idxUser span { color: orange; }
div.idxUser input.submit {  padding: 4px; font-size: 12px; padding-left: 10px; padding-right: 10px; cursor: pointer;}
div.idxUser input.submit:hover { background-color: orange; border: 1px solid orange; color: black; cursor: pointer; }

div.idxMenu2 { width: 960px;  font-size: 11px; margin-top: 5px; padding: 4px; border-bottom: 1px dotted #222; text-align: right; }
div.idxMenu2 a { text-decoration: none; margin-left: 4px; margin-right: 4px;color: #888;}
div.idxMenu2 a:hover { text-decoration: underline; color: orange;}
div.idxMenu2 a span { color: orange;  margin-right: 1px;}
div.idxMenu2 a.login { color: white; }
div.idxMenu2 a.login span { color: orange;  }
div.idxMenu2 a.login span.mail { color: #888;}
div.idxMenu2 div { float: left;  text-align: left; }
div.idxMenu2 a.login:hover { color: orange; }
div.idxMenu2 a.login:hover span.mail { color: orange; }

div.idxPR { width: 960px; text-align: left; clear: both; }
div.idxPS { width: 960px; height: 40px; text-align: left; clear: both; }
div.idxPS div.M { width: 200px; float: left; margin-right: 4px; }
div.idxPS form { width: 750px; float: left; }
div.idxPS form input, div.idxPS form select { margin-right: 10px; }

div.idxBR { width: 960px; text-align: left;  }
div.idxBanner { width: 750px; text-align: center; padding-top: 2px;  margin-bottom: 5px; }
div.idxBannerAdsense { float: right; width: 200px; background-color: #000;}
div.idxMenu { width: 202px; height: 200px; padding-left: 8px; float: left; }
div.idxMenu a { display: block; text-decoration: none; }
div.idxMenu a:hover { text-decoration: underline; color: orange; }
#portal-map, #portal-add, #portal-help, #portal-profile, #portal-login { display: none; width: 190px; text-align: left; color:#888; font-size: 14px; padding-left: 10px; padding-bottom: 10px; padding-top: 0px; }
div.idxMenu div.field { padding-bottom: 2px; }

#portal-map a, #portal-add a, #portal-help a, #portal-profile a, #portal-login a { color: #888; }
#portal-map a:hover, #portal-add a:hover, #portal-help a:hover, #portal-profile a:hover, #portal-login a:hover { color: orange; }


div.idxLC { width: 550px; float: left; padding-right: 20px; padding-top: 10px; }

div.idxLC a { text-decoration: none; }
div.idxLC a:hover { text-decoration: underline; }

div.idxRC { width: 390px; float: left;  padding-top: 10px; margin-bottom: 10px; }

div.idxNewses, div.idxAlbums, div.idxBooks, div.idxLastEvents { text-align: left; }
div.idxNewses div.news, div.idxAlbums div.album, div.idxBooks div.book { color: orange; }
div.idxNewses div.news a, div.idxAlbums div.album a, div.idxBooks div.book a { color: white; }
div.idxNewses div.news a:hover, div.idxAlbums div.album a:hover, div.idxBooks div.book a:hover { color: orange; }
div.idxNewses div.news a span, div.idxAlbums div.album span, div.idxBooks div.book span { color: orange; }


div.idxNewses, div.idxAlbums, div.idxBooks, div.idxCities, div.idxSearchForm { clear: both; margin-top: 15px; padding-top: 10px; margin-bottom: 5px; padding-bottom: 5px; border-top: 1px dotted #111;}
div.idxLastEvents { border: 0px; padding: 0px; margin: 0px;}
div.idxSearchForm form { padding: 0px; margin: 0px; margin-bottom: 5px; }
div.idxSearchForm form input { margin: 2px; }


div.idxCities {  text-align: justify;}
div.head { border: 0px; color: #666; font-size: 20px; letter-spacing: 1px; text-align: left; }
div.head span { color: white; }

div.idxCities2 { clear: both; text-align: justify; }
div.idxCities2 div.head { display: inline; font-size: 16px; color: #555;}
div.idxCities2 a { text-decoration: none; }
div.idxCities2 a:hover { text-decoration: underline; color: orange; }
 
div.idxEvents { text-align: left; padding-bottom: 10px; }
div.idxEvents a, div.idxLastEvents div.event div.photo-icon a { display: block; float: left; width: 68px; height: 68px; text-align: center; padding: 2px; margin: 2px; border: 1px dotted #111; }
div.idxEvents a:hover, div.idxLastEvents div.event div.photo-icon a:hover { border-color: #444; }
div.idxEvents a img, div.idxLastEvents div.event div.photo-icon a img { width: 64px; height: 64px; border-width: 0px;}


div.toolbox { text-align: left; color: #666; border-top: 1px dotted #333; margin-top: 10px; padding-top: 2px; border-width: 0px; font-size: 12px; color: #111;}
div.toolbox a { color : #888; border-width: 0px; }
div.toolbox a span { color : orange; }
div.toolbox a:hover { color : orange; }

a.head { display: block; height: 30px; font-size: 20px; text-transform: uppercase; color: white; letter-spacing: 2px; text-align: left; } 
a.head:hover { color: orange;}
a.preview { float: left; margin-right: 10px; margin-bottom: 10px; padding: 2px; width: 152px; height: 152px; text-align: center; border: 1px dotted #111;}
a.preview:hover { border: 1px dotted #444; }

div.idxBooks a.preview { width: auto; height: auto;}
a.feed-left { margin-right: 5px; margin-top: 5px; }


div.idxEvents div.banners { clear: both; padding-top: 10px;  }
div.idxEvents div.banners a { width: 204px; height: 44px; }
div.idxEvents div.banners a img { width: 200px; height: 40px; }
div.idxEvents div.head a { float: none; display: inline; font-size: 12px; text-decoration: underline; border-width: 0px;  }
div.idxEvents div.head a:hover { color: orange;}

div.idxBooks div.book, div.idxBooks div.toolbox, div.idxBooks div.cap { margin-left: 168px; }
div.idxAlbums div.album, div.idxAlbums div.toolbox, div.idxAlbums div.cap { margin-left: 168px; }
div.idxNewses div.news, div.idxNewses div.toolbox, div.idxNewses div.cap { margin-left: 168px; }


div.idxLastEvents div.event { clear: both; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px dotted #111;}
div.idxLastEvents div.event a { color: white; text-decoration: none;}
div.idxLastEvents div.event a:hover { text-decoration: underline; }
div.idxLastEvents div.event div.photo-icon { float: left; }
div.idxLastEvents div.event div.title { padding-top: 4px; margin-left: 90px; font-size: 16px; }
div.idxLastEvents div.event div.title span { color: orange; margin-right: 5px; }
div.idxLastEvents div.event div.subtitle {margin-left: 90px; font-size: 14px;}
div.idxLastEvents div.event div.tag-list {margin-left: 90px; font-size: 12px; }
div.idxLastEvents div.event div.tag-list span { color: #444; margin-right: 5px;}
div.idxLastEvents div.event div.tag-list a { color: #444; margin-right: 5px;}


div.idxLastEvents div.event div.statsleft {margin-left: 90px; color: #444; font-size: 10px;}
div.idxLastEvents div.event div.statsleft span.count { color: white; font-size: 10px;}

div.idxLastEvents div.toolbox { font-size: 12pt; text-align: right; }

div.idxLastEvents div.paginator { border: none; text-align: center; margin-bottom: 10px; margin-top: 10px; font-size: 12px; }
div.idxLastEvents div.paginator a { display: inline; padding: 5px;  margin: 0.25em;  color: #666;}
div.idxLastEvents div.paginator a.current { color: orange; border: 1px dotted #333;  }

div.sorter { border: none; text-align: left; margin-bottom: 20px; margin-top: 0px; font-size: 12px; }
div.sorter a { display: inline; margin-top: 0px; margin-left: 5px;  margin-right: 5px;   color: #666;}
div.sorter a.current { color: orange;  }

div.summary { text-align: left; color: #444; font-size: 12px; font-weight: normal;}
div.summary span.count { color: white; }