/* 
 *	CSS LAYOUT Styles Definition 
 *
 *							©2009
*/

/* ie6 png transparency fix */
* html img, * html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/temp/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)) }

/* body base styles */
body { /*font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;*/ font: normal 12px Arial, Helvetica, sans-serif; color: #333; background-color: #FFF }
	
a, a:visited { color: #FF6300; text-decoration:none }
a:hover, a:active { color: #666; text-decoration: underline !important }

/* IE6 hack to get sub links to behave correctly */
li { _height: 1% } 

/* single line */
hr { margin: 0 !important; height: 2px; border: 0; background: #333333; !color: #333333; !display: block; !margin: -7px auto !important }

* html input { padding: 2px; background: #e7e7e7; border: 1px solid #CCCCCC; font-size: 11px; color: #333333 }
input[type="text"], input[type="password"], input[type="file"], select, textarea { padding: 2px; background: #fff; border: 1px solid #CCCCCC; font-size: 11px; color: #333333 }
input[type="submit"], input[type="reset"], input[type="button"] { padding: 1px 10px; font-size: 11px; display: block; font-weight: bold; text-align: center; background: #E6E6E6; color: #333333; border: 2px outset; border-color: #C1C1C1 }

/* this tells the elements where to go */
.left { float: left }
.right { float: right }
.center { text-align: center !important }
.justify { text-align: justify !important }
.justify p { text-align: justify !important }

/* rounded corners */
.rounded { border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }

/*	hide elements from screen but not from source */ 
.hidden { position: absolute !important; top: -999em; left: -999em }
.puff { display: none !important } 

/* apply transparency to element */
.transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, version before safari */ -moz-opacity: 0.5; /* firefox, mozilla, netscape */ opacity: 0.5; /* safari, chrome, opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */ }

/* <noscript> & IE6 warnings */
/** html { filter: gray }*/
.noscript { display: block; position: absolute; top: 0; left: 0; z-index: 9999; background-color: #FFF; color: #333; width: 100%; height: 100% }
.noscript h1 { margin: 15px 10px; font-size: 18px }
.noscript p { margin: 5px 10px; font-size: 12px }

.sayno2ie6 { display: block; position: absolute; z-index: 9998; width: 100%; _height: 100%; min-height: 100%; font: normal 12px Tahoma, Geneva, sans-serif !important; background-color: #FFF; color: #000 }
.sayno2ie6 blockquote { position: relative; padding: 25px; margin: 20% auto; width: 430px; background-color: #EDECEA }
.sayno2ie6 blockquote a.close { position: absolute; right: -13px; top: -13px }
.sayno2ie6 blockquote p { margin-bottom: 25px; line-height: 20px; text-align: center }
.sayno2ie6 blockquote table td { text-align: center }
.sayno2ie6 blockquote a { line-height: 20px; color: #0000CE }
.sayno2ie6 blockquote a:hover { color: #000; text-decoration: underline }
.sayno2ie6 blockquote a img { display: block; text-align: center; margin-bottom: 5px; }

/* Main definitions */
#site-wrapper { display: block; position: absolute; width: 100%; _height: 100%; min-height: 100% }
a#top { font-size: 0; height: 0 }
#site-content { margin: 0 auto; width: 950px; position: relative; text-align: left}

/* Content */
.content { position: relative; border: 1px solid #CCCCCC; border-top: none; margin-bottom: 25px; background: url(../images/inner_top_background.jpg) repeat-x left top }
.content .mainbar, .content .sidebar { margin-bottom: -20000px !important; padding-bottom: 20020px !important }

/* Header */
#header { position: relative; background: #FFF url(../images/inner_header_menu_background.jpg) repeat-x left bottom; height: 150px }
#header .logo img { margin: 5px }
#header .banners { width: 468px; text-align: right; position: absolute; right: 5px; top: 8px }
#header .nav { position: absolute; width: 100%; left: 0; bottom: 16px }
#header .nav ul li { float: left }
#header .nav ul li a { display: block; padding: 0 15px 10px 15px; text-shadow: #FFF 1px 1px 0px; color: #999; font-size: 20px; text-transform: lowercase }
#header .nav ul li a.events { text-shadow: #CCC 1px 1px 0px; color: #FF6300 !important }
#header .nav ul li a:hover { text-decoration: none !important; background: transparent url(../images/sprites.png) no-repeat center 28px; color: #666; text-shadow: #FFF 1px 1px 0px }
#header .nav ul li a.active { text-decoration: none !important; background: transparent url(../images/sprites.png) no-repeat center 28px; color: #666 }
#header .right { clear: right; position: absolute; bottom: 30px; right: 5px }
#header .right a.lnk { display: block; float: left; padding: 0 11px 0 0; margin-right: 5px; background: transparent url(../images/sprites.png) no-repeat right -9px; text-transform: lowercase; font-size: 13px; color: #999 }
#header .right a.lnk span { background: transparent url(../images/sprites.png) no-repeat left -35px }
#header .right a.lnk span:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#header .right a.lnk span { display: inline-block }
#header .right a.lnk span { /* Hides from IE-mac \*/ display: block }
#header .right a#showLoginBox strong { padding-right: 23px; background: transparent url(../images/sprites.png) no-repeat right -112px; }
#header .right a.lnk strong { cursor: pointer; display: block; float: left; line-height: 23px; font-weight: normal; padding: 0 27px 0 16px; text-transform: lowercase; font-size: 12px; color: #999; text-shadow: #FFF 1px 1px 0px; background: transparent url(../images/sprites.png) no-repeat right -91px; }
#header .right a.lnk:hover { text-decoration: none !important }
#header .right a.lnk:hover strong { text-decoration: none !important; color: #666 }
#header .bar { position: absolute; bottom: 0; height: 20px; width: 1px; font-size: 0 }
#header .bar.left { left: 0; border-left: 1px solid #CCC }
#header .bar.right { right: -1px; border-left: 1px solid #CCC }

/* Mainbar */
#mainbar { width: 650px; position: relative; background: url(../images/inner_bottom_background.jpg) repeat-x left bottom }
#mainbar.wide { width: 950px; min-height: 500px; _height: 500px;  }
.wide { width: 950px !important }
#mainbar .pt { padding-top: 15px }
#mainbar .pb { padding-bottom: 15px }
#mainbar .pl { padding-left: 15px }
#mainbar .pr { padding-right: 15px }
#mainbar h1 { font-size: 24px; text-shadow: #FFF 1px 1px 0px; font-weight: normal; color: #FF6300 }
#mainbar h2 { font-size: 18px; text-shadow: #FFF 1px 1px 0px; font-weight: normal; color: #FF6300 }
#mainbar h3 { font-size: 15px; text-shadow: #FFF 1px 1px 0px; color: #FF6300 }
#mainbar h4 { font-size: 12px; text-shadow: #FFF 1px 1px 0px; color: #FF6300 }

#mainbar .ajax-results blockquote { padding: 10px; background-image: none }
#mainbar .ajax-results blockquote h4 { line-height: 18px; margin-bottom: 5px; font-size: 14px }
#mainbar .ajax-results blockquote.ok { background-color: #EAFFF5; border: 1px solid #A7EECA }
#mainbar .ajax-results blockquote.ok h4 { color: #01CD67 }
#mainbar .ajax-results blockquote.error { background-color: #FFE6E0; border: 1px solid #FFB8A7 }
#mainbar .ajax-results blockquote.error h4 { color: #FF3300 }

#mainbar .list { border-top: 1px solid #CCC; background-color: #FFF }
#mainbar .list blockquote { padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #CCC }
#mainbar .list blockquote div.left { width: 330px }
#mainbar .list blockquote div.left a.picture { margin-bottom: 10px }
#mainbar  a.picture { margin-right: 10px }
#mainbar a.picture img { border: 1px solid #CCC; padding: 4px }
#mainbar a:hover.picture img { border: 4px solid #E1E1E1; padding: 1px }
#mainbar .list blockquote div.right { width: 580px }
#mainbar .list blockquote h4 { margin-left: 10px }
#mainbar .list blockquote ul { border-top: 1px solid #CCC; padding: 5px; padding-bottom: 80px; background: url(../images/minilist_background.jpg) repeat-x left top }
#mainbar .list blockquote li { float: left }
#mainbar .list blockquote li a { margin-right: 8px !important }
#mainbar .list blockquote li a img { border-color: #FFF !important } 
#mainbar .list blockquote li a.last { margin-right: 0 !important; border-color: red }
#mainbar .list blockquote li a:hover img { border: 1px solid #CCC !important; padding: 4px !important }

#mainbar .list.topics h3 { margin-bottom: 5px; color: #333 }
#mainbar .list.topics h3 span { font-size: 13px; font-weight: normal; color: #999 }
#mainbar .list.topics blockquote { border: none; padding-bottom: 0 }
#mainbar .list .txt-container { padding: 10px; background: url(../images/comments_background.jpg) repeat-x left top }
#mainbar .list .txt-container .left { width: 225px  }
#mainbar .list .txt-container .left strong { margin: 0 5px; color: #999 }
#mainbar .list .txt-container .right { width: 665px  }
#mainbar .list .txt-container .right a.right { width: 68px; margin-left: 15px; margin-bottom: 15px }
#mainbar .list.topics .new { margin: 15px 0 }
#mainbar .list.topics .new h4 { margin-bottom: 10px; font-size: 18px; font-weight: normal; color: #666 }
#mainbar .list.topics .new .left { width: 490px }
#mainbar .list.topics .new .left #comments-post { margin: 10px 0; background: #F2F2F2 }
#mainbar .list.topics .new .right { width: 390px }
#mainbar .list.topics .new .right .txt { padding: 15px; min-height: 150px; margin-bottom: 20px; background: url(../images/boxes_background.jpg) repeat-x left -35px } 
#mainbar .list.topics .notloggedin { padding: 15px }
#mainbar .list.topics .notloggedin p { margin-bottom: 5px; font-size: 11px }
#mainbar .list.topics .notloggedin span { color: #999 }
#mainbar .list.topics .notloggedin span a { text-decoration: underline; font-weight: bold }
#mainbar .list.topics form { padding: 10px 5px }
#mainbar .list.topics h5 { border-bottom: 1px solid #E1E1E1; padding-bottom: 5px; font-size: 14px; color: #FF6300; font-weight: bold } 
#mainbar .list.topics p { position: relative; margin: 5px 0 }
#mainbar .list.topics label { padding-right: 5px; display: block; width: 110px; float: left; text-align: right }
#mainbar .list.topics p span { padding-top: 3px; margin-left: 5px; color: #09F; font-size: 10px }
#mainbar .list.topics p .spinner { position: absolute; left: 195px; top: 2px }
#mainbar .list.topics p input.waiting { color: #CCC; text-shadow: #FFF 0px 1px 0px; cursor: text; text-decoration: none !important; outline: none !important }
#mainbar .list.topics textarea { width: 345px !important }
#mainbar .list.topics input[type="submit"], #mainbar .list.topics input[type="reset"] { !margin-top: -20px; text-decoration: underline; font-weight: normal; float: right; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar .list.topics input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar .list.topics input[type="reset"] { color: #FF6600 }

#mainbar .topic {}
#mainbar .topic h4 { font-size: 12px; color: #999; font-weight: normal; margin-top: 5px; margin-bottom: 10px }
#mainbar .topic .comments { margin-top: 15px } 

#mainbar .tabs { margin-top: 15px; position: relative }
#mainbar .tabs .personal-key { text-align: right; position: absolute; color: #333; top: -100px; right: 20px }
#mainbar .tabs .personal-key p { text-align: center; margin-top: 5px; padding: 5px 30px; border: 1px solid #666699; background: url(../images/pkey_background.jpg) no-repeat 50% 50%; font-size: 22px; font-weight: bold; color: #FFF }
#mainbar .tabs img { position: absolute; top: -20px; left: 10px }
#mainbar .tabs ul { padding: 0 15px; height: 36px; background: url(../images/tab_menu_background.jpg) repeat-x left top }
#mainbar .tabs li { padding-right: 1px; float: left }
#mainbar .tabs li.space { width: 50px }
#mainbar .tabs li a { margin-top: 6px; text-align: center; font-size: 14px; font-weight: bold; color: #FFF; display: block; width: 69px; height: 30px; line-height: 30px; background: url(../images/sprites.png) no-repeat right -60px }
#mainbar .tabs li a:hover { text-decoration: none !important; background: url(../images/sprites.png) no-repeat 0 -60px }
#mainbar .tabs li a.active { background: url(../images/sprites.png) no-repeat left -60px }

#mainbar .upload ul.minitabs { background: url(../images/minitabs_background.jpg) repeat-x left top }
#mainbar .upload ul.minitabs li { padding-left: 20px; float: left }
#mainbar .upload ul.minitabs li a { background: url(../images/sprites.png) no-repeat left -281px !important; padding: 0 25px; padding-left: 35px; border-right: 1px solid #CBCBCB; display: block; line-height: 40px; font-size: 18px; color: #999 }
#mainbar .upload ul.minitabs li a.first { background: url(../images/sprites.png) no-repeat left -185px !important }
#mainbar .upload ul.minitabs li.active { background: url(../images/minitabs_hover_background.jpg) repeat-x left top } 
#mainbar .upload ul.minitabs li.active a { background: url(../images/sprites.png) no-repeat left -235px !important; cursor: text; color: #333; }
#mainbar .upload ul.minitabs li.active a.first { background-position: left -139px !important }
#mainbar .upload ul.minitabs li:hover { background: url(../images/minitabs_hover_background.jpg) repeat-x left top } 
#mainbar .upload ul.minitabs li a:hover { color: #333; text-decoration: none !important } 
#mainbar .upload div.tab { display: none; padding: 25px 10px; background: url(../images/header_menu_background.jpg) repeat-x left -15px }
#mainbar .upload form p { margin: 10px 0 }
#mainbar .upload form p label { color: #999; padding-top: 5px; float: left; width: 85px; display: block }
#mainbar .upload form input[type="text"] { width: 325px; padding: 5px; font-size: 13px; }
#mainbar .upload form input[type="submit"]
#mainbar .upload form input[type="submit"], #mainbar .upload form input[type="reset"] { text-decoration: underline; font-weight: normal; float: right; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar .upload form input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar .upload form input[type="file"] { width: 280px; }


#mainbar .upload form textarea { width: 350px; height: 50px; padding: 5px; font-size: 13px; }
#mainbar .upload .notloggedin { padding: 10px; background-color: #E3E3E3 }

#mainbar .boxes {}
#mainbar .boxes blockquote { float: left; width: 265px; margin: 0 15px }
#mainbar .boxes blockquote div.pt { min-height: 250px; background: url(../images/boxes_background.jpg) repeat-x left top }
#mainbar .boxes blockquote p { line-height: 25px; border-bottom: 1px dotted #CCC }
#mainbar .boxes blockquote h2 { margin-bottom: 5px }
#mainbar .boxes blockquote a { position: relative }
#mainbar .boxes blockquote a span { color: #FFF; font-size: 20px; position: absolute; display: block; width: 100%; line-height: 35px; background: transparent url(../images/half_transparency.png); bottom: 5px; left: 0; right: 0 }
#mainbar .boxes blockquote a span strong { margin: 0 10px }

#mainbar .slider { position: relative; overflow: hidden; height: 270px }
#mainbar .slider a { position: absolute !important; top: 0; left: 0; z-index: 8 }
#mainbar .slider a:hover { text-decoration: none !important }
#mainbar .slider a.active { z-index: 10; opacity: 1.0; }
#mainbar .slider a.last-active { z-index: 9 }
#mainbar .slider a img { height: 270px }


#mainbar .location {}
#mainbar .location blockquote { float: left; width: 515px }
#mainbar .location blockquote:first-child { width: 375px; margin-right: 30px }
#mainbar .location blockquote div.pt { min-height: 250px; background: url(../images/boxes_background.jpg) repeat-x left top }
#mainbar .location blockquote h2 { margin-bottom: 5px }
#mainbar .location blockquote h3 { font-size: 20px; color: #333 }

#mainbar .left-content { width: 540px }
#mainbar .right-content { width: 355px }
#mainbar .pic-arrows {}

#mainbar .pic-arrows { padding: 10px; text-align: center; padding-left: 60px }
#mainbar .pic-arrows a.prev, #mainbar .pic-arrows a.next { color: #333; cursor: pointer; background: #000 url(../images/sprite_pagination.png) no-repeat left top; display: block; width: 200px; line-height: 31px; height: 31px; float: left }
#mainbar .pic-arrows a:hover.prev, #mainbar .pic-arrows a:hover.next { color: #FF6300; background-color: #FF6300 }


#mainbar .pic-arrows a.last { color: #999; background-color: #999; cursor: text; }
#mainbar .pic-arrows a:hover.last { color: #999; background-color: #999 }

#mainbar .pic-arrows a.prev { text-decoration: none !important; text-align: left }
#mainbar .pic-arrows a.next { text-decoration: none !important; text-align: right }
#mainbar .pic-arrows a strong { padding: 0 35px !important }
#mainbar .pic-arrows a.next { background-position: right top }

#mainbar .socialize { margin-bottom: 5px }
#mainbar .socialize span { background: url(../images/socialize/socialize_bg.gif) no-repeat center left;	padding: 5px 0 8px 0; width: 33px; margin: 4px 6px 0 0; display: block; float: left; text-align: center }

#mainbar .left-content .big { display: block; background-color: #FFF; min-height: 322px; min-width: 515px }
#mainbar .bigPic { position: relative; min-height: 250px }
#mainbar a:hover.bigPic { text-decoration: none !important; color: #FFF }
#mainbar .bigPic .floater { position: absolute; left: 0; bottom: 0; margin: 5px; width: auto; max-width: 500px; background: url(../images/half_transparency.png) }
#mainbar .bigPic .floater blockquote { margin: 10px; color: #FFF }
#mainbar .bigPic .floater h1 { display: block; margin-bottom: 10px; font-size: 18px; text-shadow: #000 1px 1px 0px; }

#mainbar #help .left { width: 460px }
#mainbar #help .right { width: 440px }
#mainbar #help .right form { padding: 15px 10px; background: #F2F2F2 }
#mainbar #help .right label { padding-right: 5px; display: block; width: 110px; float: left; text-align: right }
#mainbar #help .right p { position: relative; margin: 5px 0 }
#mainbar #help .right p span { position: absolute; left: 120px; top: -8px; padding: 0 3px; margin-left: 5px; background-color: #09F; color: #FFF; font-size: 10px }
#mainbar #help .right p .spinner { position: absolute; left: 175px; top: 2px }
#mainbar #help .right p input.waiting { color: #CCC; text-shadow: #FFF 0px 1px 0px; cursor: text; text-decoration: none !important; outline: none !important }
#mainbar #help .right textarea { width: 285px !important }
#mainbar #help .right input[type="submit"], #mainbar #help .right input[type="reset"] { !margin-top: -20px; text-decoration: underline; font-weight: normal; float: right; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar #help .right input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar #help .right input[type="reset"] { color: #FF6600 }



#mainbar .comments { margin-top: 10px }
#mainbar .comments h3 { margin-bottom: 5px; color: #999 }
#mainbar .comments blockquote { padding: 5px 0; min-height: 45px }
#mainbar .comments blockquote h4 { font-size: 13px; color: #666 }
#mainbar .comments blockquote .comm-container { padding-top: 10px; background: url(../images/comment_arrow.gif) no-repeat 10px 0 }
#mainbar .comments blockquote .comm-container p { color: #999 !important; padding: 10px; border: 1px solid #ECECEC; background: url(../images/comments_background.jpg) repeat-x left top }

#mainbar .comments blockquote.first .comm-container { background: url(../images/comment_arrow_.gif) no-repeat 10px 0 }
#mainbar .comments blockquote.first .comm-container p { border: 1px solid #FF6300 }


#mainbar .comments blockquote p { color: #999 }
#mainbar .comments #comments-post { margin: 10px 0; background: #F2F2F2 }
#mainbar .comments #comments-post .toolbar { padding: 5px 10px; font-size: 11px; position: relative; margin-bottom: 5px; text-align: center; border-bottom: 2px solid #FFF }
#mainbar .comments #comments-post .toolbar a { color: #0033CC; text-decoration: none }
#mainbar .comments #comments-post .toolbar .l { position: absolute; left: 10px; color: #999 }
#mainbar .comments #comments-post .toolbar .r { position: absolute; right: 10px }
#mainbar .comments #comments-post .toolbar a#showMore { cursor: pointer; font-weight: bold; text-decoration: underline }
#mainbar .comments #comments-post .toolbar .spinner { vertical-align: middle; margin: 0 5px }
#mainbar .comments #comments-post .notloggedin { padding: 15px }
#mainbar .comments #comments-post .notloggedin p { margin-bottom: 5px; font-size: 11px }
#mainbar .comments #comments-post .notloggedin span { color: #999 }
#mainbar .comments #comments-post .notloggedin span a { text-decoration: underline; font-weight: bold }
#mainbar .comments #comments-post form { padding: 15px }
#mainbar .comments #comments-post h5 { border-bottom: 1px solid #E1E1E1; padding-bottom: 5px; font-size: 14px; color: #FF6300; font-weight: bold } 
#mainbar .comments #comments-post p { position: relative; margin: 5px 0 }
#mainbar .comments #comments-post label { padding-right: 5px; min-height: 80px; display: block; width: 110px; float: left; text-align: right }
#mainbar .comments #comments-post p span { padding-top: 3px; margin-left: 5px; color: #09F; font-size: 10px }
#mainbar .comments #comments-post p .spinner { position: absolute; left: 195px; top: 2px }
#mainbar .comments #comments-post p input.waiting { color: #CCC; text-shadow: #FFF 0px 1px 0px; cursor: text; text-decoration: none !important; outline: none !important }
#mainbar .comments #comments-post textarea { width: 385px !important }
#mainbar .comments #comments-post input[type="submit"], #mainbar .comments #comments-post input[type="reset"] { !margin-top: -20px; text-decoration: underline; font-weight: normal; float: right; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar .comments #comments-post input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar .comments #comments-post input[type="reset"] { color: #FF6600 }

#mainbar #pictures-slideshow { overflow: hidden; height: 380px; width: 350px !important }
#mainbar #pictures-slideshow .pictures { overflow: hidden; height: 340px; width: 350px }
#mainbar #pictures-slideshow .pictures li { height: 340px; width: 350px }
#mainbar #pictures-slideshow .pictures li a { width: 106px; height: 106px; padding-bottom: 5px; background: url(../images/spinner.gif) no-repeat 50% 50% }


#mainbar .jcarousel-container { position: relative }
#mainbar .jcarousel-clip { z-index: 2; overflow: hidden; position: relative }
#mainbar .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0 }
#mainbar .jcarousel-list li, #mainbar .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 350px;
    height: 340px !important;
}



#mainbar .pictures-list { position: relative;  }
#mainbar .pictures-list li { float: left }
#mainbar .pictures-list .controls { position: absolute; bottom: 0; left: 115px }
#mainbar .pictures-list .controls a.prev, #mainbar .pictures-list .controls a.next { cursor: pointer; background: #000 url(../images/sprite_pagination.png) no-repeat left top; display: block; width: 55px; height: 31px; float: left; text-indent:-9999px; }
#mainbar .pictures-list .controls a:hover.prev, #mainbar .pictures-list .controls a:hover.next { background-color: #FF6300 }
#mainbar .pictures-list .controls a.next { background-position: right top }
#mainbar .pictures-list .controls .spinner { position: absolute; left: 48px; top: -175px }

#mainbar .pictures-list li .picture { float: left; margin-right: 10px !important; margin-bottom: 5px !important }
#mainbar .pictures-list li .picture.last { margin-right: 0 !important }
#mainbar .pictures-list li h2 { font-size: 12px; margin-bottom: 5px; }

#mainbar .login h2 { margin-bottom: 10px }
#mainbar .login form { width: 260px; margin-bottom: 40px }
#mainbar .login form p { position: relative; margin: 10px 0 }
#mainbar .login form label { position: absolute; left: 5px; top: -7px; min-width: 225px }
#mainbar .login form label.warning { margin-left: 5px; font-size: 10px; color: #FFF; background-color: #F30 }
#mainbar .login input.valid { border: 1px solid #0C6 }
#mainbar .login form img.spinner { position: absolute; left: 0; top: 0 }
#mainbar .login input[type="text"], #mainbar .login input[type="password"] { padding: 4px 10px; font-size: 13px; width: 225px; color: #666 }
#mainbar input.labelHighlight { color: #CCC !important }
#mainbar .login input[type="submit"], #mainbar .login input[type="reset"] { text-decoration: underline; font-weight: normal; float: right; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar .login input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar .login input.waiting { color: #CCC; text-shadow: #FFF 0px 1px 0px; cursor: text; text-decoration: none !important; outline: none !important }
#mainbar #login-results { max-width: 300px; margin-bottom: 15px }

#mainbar .signup .txt { padding: 15px; min-height: 150px; margin-bottom: 20px; background: url(../images/boxes_background.jpg) repeat-x left -35px } 
#mainbar .signup h2 { margin-bottom: 10px }
#mainbar .signup form { width: 540px; margin-bottom: 50px }
#mainbar .signup form p { position: relative; margin: 8px 0; display: block }
#mainbar .signup input[type="text"], #mainbar .signup input[type="password"] { padding: 2px 10px; font-size: 13px; min-width: 100px; color: #666 }
#mainbar .signup form select { margin-right: 3px }
#mainbar .signup form label.input {  padding-right: 10px; font-size: 12px; padding-top: 3px; display: block; width: 120px; float: left; text-align: right }
#mainbar .signup form label.warning { margin-left: 5px; font-size: 10px; color: #FFF; background-color: #F30 }
#mainbar .signup input.warning { border: 1px solid #F30 }
#mainbar .signup input.valid { border: 1px solid #0C6 }
#mainbar .signup select.valid { border: 1px solid #0C6 }
#mainbar .signup input[type="submit"], #mainbar .signup input[type="reset"] { text-decoration: underline; font-weight: normal; float: left; cursor: pointer; padding: 0; border: 0; background: none }
#mainbar .signup input[type="submit"] { margin-right: 10px; color: #FF6300; font-weight: bold }
#mainbar .signup input[type="checkbox"] { margin-right: 5px; vertical-align: middle }
#mainbar .signup input.disabled { color: #CCC !important; cursor: text; }
#mainbar .signup .results { margin: 10px 0; background: #F8F8F8 }
#mainbar .signup .results strong { display: block; padding: 5px 15px; color: #00CC33; font-size: 14px }
#mainbar .signup .results strong.error { color: #F30 }
#mainbar .signup form img.spinner { position: absolute; left: 115; top: 0 }

#mainbar .slideshow { position: relative; overflow: hidden; height: 330px; width: 950px  }
#mainbar .slideshow .pictures { overflow: hidden; height: 330px; width: 950px }
#mainbar .slideshow .pictures li { width: 950px; height: 330px; background-image: url(../images/preloader.gif); background-repeat: no-repeat; background-position: 50% 50% }
.slideshow-next { position: absolute; z-index: 9; right: -10px; top: 425px; cursor: pointer }
.slideshow-prev { position: absolute; z-index: 9; left: -10px; top: 425px; cursor: pointer }
#mainbar .selector { position: absolute; z-index: 8; left: 25px; top: 50px }
#mainbar .selector p { margin-top: 10px; width: 200px; padding: 5px; background: transparent url(../images/selector_background.png) }
#mainbar .selector p select { width: 200px }
#mainbar #selector .select { width: 350px }

#mainbar .partners { margin: 20px 0 }
/*#mainbar .partners blockquote { margin-left: 22px; background-color: #000; text-align: center; float: left; width: 460px; height: 130px; border: 1px solid #FFF }
#mainbar .partners blockquote:first-child { background-color: #FFF; margin-left: 0; width: 220px }
#mainbar .partners blockquote:last-child { background-color: #FFF; width: 220px }
#mainbar .partners blockquote.last { border: 1px solid #CCC; background-color: #FFF; width: 220px }
*/

#mainbar .partners blockquote { margin-left: 22px; background-color: #000; text-align: center; float: left; width: 460px; height: 130px; border: 1px solid #CCC }
#mainbar .partners blockquote:first-child { margin-left: 0; width: 220px }
#mainbar .partners blockquote:last-child { width: 220px }
#mainbar .partners blockquote.last { width: 220px }


#mainbar .thumbs {}
#mainbar .thumbs blockquote { float: left; width: 270px; margin: 15px; }
#mainbar .thumbs blockquote h2 { margin: 5px 0; font-weight: bold; font-size: 14px }
#mainbar .thumbs blockquote h2 span { font-size: 12px; color: #999; font-weight: normal }
#mainbar .thumbs blockquote a.more { margin-top: -15px; text-decoration: underline; float: right }

#mainbar #mm { padding: 0 30px }
#mainbar #mm .leftside { padding-top: 80px; position: relative; min-height: 220px; padding-right: 10px; width: 429px; border-right: 1px solid #CCC }
#mainbar #mm .rightside { padding-top: 80px; position: relative; min-height: 220px; padding-left: 30px; width: 420px }
#mainbar #mm .selector { top: 10px; left: 35px }
#mainbar #mm .selector p { color: #666; background: none; margin: 0; padding: 3px 5px; position: relative; width: 330px }
#mainbar #mm .selector p strong { margin-left: 3px }
#mainbar #mm .selector label { font-size: 28px; font-weight: bold; line-height: 20px; color: #999; display: block; width: 70px; float: left }
#mainbar #mm .rightside .selector { left: 50px }
#mainbar #mm .rightside .selector label { width: 90px }
#mainbar #mm .rightside .selector p { width: 360px }
#mainbar #mm .picture { margin: 0 15px }

#mainbar .bigoffer { margin-left: 10px }
#mainbar .bigoffer li { margin: 5px 0; list-style-type: square; list-style-position: inside; font-size: 18px; font-weight: normal; color: #666 }

#mainbar .contacts blockquote { width: 300px }
#mainbar .contacts blockquote p { margin: 5px 0 }
#mainbar .contacts blockquote p span { display: block; width: 120px; float: left; }
#mainbar .contacts blockquote.last { width: 835px }

/* Login box */
#overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11 }  
#login-box { display: none; padding: 20px 10px; padding-top: 40px; border: 5px solid #CCC; right: 117px; top: 82px; background: #FFF url(../images/loginbox_background.jpg) repeat-x left bottom; position: absolute; z-index: 12000000; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px }
#login-box .close { position: absolute; top: 10px; left: 10px }
#login-box a.lnk { display: block; float: left; padding: 0 11px 0 0; margin-right: 5px; background: transparent url(../images/sprites.png) no-repeat right -9px; text-transform: lowercase; font-size: 13px; color: #999 }
#login-box a.lnk span { background: transparent url(../images/sprites.png) no-repeat left -35px }
#login-box a.lnk span:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#login-box a.lnk span { display: inline-block }
#login-box a.lnk span { /* Hides from IE-mac \*/ display: block }
#login-box a.lnk strong { cursor: pointer; display: block; float: left; line-height: 23px; font-weight: normal; padding: 0 23px 0 16px; text-transform: lowercase; font-size: 12px; color: #999; text-shadow: #FFF 1px 1px 0px; background: transparent url(../images/sprites.png) no-repeat right -112px; }
#login-box a.lnk:hover { text-decoration: none !important }
#login-box a.lnk:hover strong { text-decoration: none !important; color: #666 }
#login-box .getlogin { position: absolute; text-shadow: #FFF 1px 1px 0px; top: 10px; right: 5px }
#login-box form { padding-bottom: 17px; position: relative }
#login-box p { min-width: 220px; position: relative; margin: 5px 0 }
#login-box label { position: absolute; left: 5px; top: -7px; min-width: 200px }
#login-box label.warning { margin-left: 5px; font-size: 10px; color: #FFF; background-color: #F30 }
#login-box input.valid { border: 1px solid #0C6 }
#login-box form  img.spinner { position: absolute; right: 10px; top: 3px }
#login-box form a.l { color: #CCC; text-shadow: #000 1px 1px 0px; position: absolute; bottom: -11px; left: 0 }
#login-box form a.r { color: #CCC; text-shadow: #000 1px 1px 0px; position: absolute; bottom: -11px; right: 0 }
#login-box input[type="text"], #login-box input[type="password"] { padding: 3px 10px; font-size: 13px; width: 180px; color: #666 }
#login-box input.labelHighlight { color: #CCC !important }
#login-box button { margin-top: 20px; font-size: 18px; color: #333; font-weight: normal; cursor: pointer; padding: 0; border: 0; background: none }
#login-box button.waiting { color: #CCC; text-shadow: #FFF 0px 1px 0px; cursor: text; text-decoration: none !important; outline: none !important }

/* Paginator */
.paginator { padding: 15px; color: #999; background: url(../images/comments_background.jpg) repeat-x left top }
.paginator a { margin: 0 3px; color: #666 }
.paginator b { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  background-color: #FFF; padding: 1px 3px; border: 1px solid #666; color: #666 }

/* Sidebar */
#sidebar { width: 300px; position: relative;}
#sidebar div.frame { position: relative margin-bottom: 10px; }

/* Site Banners */
.banners { position: relative }
.banners hr { background: #E4E4E4; height: 1px; !color: #E4E4E4 }
.banners code { position: absolute; top: -8px; right: 10px; padding: 0 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; font-size: 9px; background: #FFF }
.banners div.adv { margin-top: 7px; margin-bottom: 7px; text-align: center }

/* Homepage */
.homepage .content { margin-bottom: 15px; background: transparent; border: none }
.homepage #mainbar { background: transparent }
.homepage #header { height: 160px; background: #FFF url(../images/header_menu_background.jpg) repeat-x left bottom; }
.homepage #header .nav { bottom: 26px }
.homepage #header .right { bottom: 40px }
.homepage #header .bar { display: none }

/* Footer */
#footer { position: relative; border-top: 1px solid #E1E1E1; padding-top: 5px }
#footer .copyleft { float: left; color: #999; font-size: 11px }
#footer .nav { float: right }
#footer .nav ul li { float: left }
#footer .nav ul li a { display: block; padding: 0 5px; color: #999; font-size: 12px; text-transform: lowercase }
#footer .nav ul li a:hover { text-decoration: none !important; color: #666 }

/* tooltip info */
.helper { opacity: 0.0; position: absolute; left: 1000em; text-align: left; background: #FFC; border: 1px solid #D4D5AA; padding: 1px 5px; z-index: 10000 }

/* Page Not Found */
.notfound {  }
.notfound blockquote { margin: 25px; padding: 20px; border: 1px solid #D0D0D0; font-size: 11px; color: #333 }
.notfound h1 { padding-bottom: 10px; border-bottom: 1px solid #CCC; font-size: 24px; font-weight: normal }
.notfound p { margin: 10px 0 }
.notfound ul { margin-left: 13px; list-style-type: square }
.notfound li { margin: 5px 0; color: #F40B0B }
.notfound li a { cursor: pointer; outline-style: none; color: #F40B0B }
.notfound li a:hover { text-decoration: underline }