/*Global*/
body {background-color: #AAA; margin: 0; padding: 0; font-family: arial; font-size: 14px; color: #FFF;}
img {border: none;}
#MessageBox {z-index:240;width: 400px; padding:20px; background-color: #EEE; border: 2px solid #800; position: fixed; left: 50%; top: 20%; margin-left: -222px; text-align: center;}
#MessageBox button {margin-top: 10px;}
#NoScriptMessage {position: relative; width: 598px; border: 1px solid #F00; padding: 10px;color: #FFF; text-align: center; font-weight: bold; background-color: #800;}
#PageLoadScreen {position: absolute; top:0; left: 201px; width:699px; height:100%; background-color: #FFF; opacity: 0.3; z-index: 200;}
#PageLoadText {position: absolute; line-height: 400px; text-align: center; height: 100%; width: 699px; left: 201px; top: 0; z-index: 210; color: #FFF;}
#BackgroundWrapper {width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; z-index: -20;}
#BackgroundRaster {opacity: 1; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -20;}
#BackgroundRaster .BGRaster {opacity: 0.8;}
#FacebookWrapper {width: 50px; height: 50px; position: absolute; z-index: 10; top: 15px; right: 450px; overflow: hidden;}
#FacebookWrapper a{display: block;}
.FacebookButton {position: relative;}
.FacebookButtonh {display: none; position: relative; top: -53px;}

/*Container*/
#Container {width: 900px; margin-left: auto; margin-right: auto; margin-top: 40px;}
#BGImage {width: 130px; height: 500px; position: fixed; bottom: 0; right: 0;}

/*Header*/
#HeaderWrapper {width: 900px; height: 100px; position: relative;}
#HeaderWrapper .logo {float: left; height: 80px; width: 200px;}
#HeaderWrapper .logo2 {float: left;}
#HeaderWrapper .logo3 {float: right;}
#HeaderWrapper .LoginTab {cursor: pointer; height: 80px; width: 20px; float: right; background: url('../img/darrright.png') no-repeat #E1FCFF; background-position: center center;}
#HeaderWrapper .LoginTab:hover {cursor: pointer; background: url('../img/darrhover.png') no-repeat #E1FCFF; background-position: center center;}
#HeaderWrapper .LoginForm {display: none;float: right; height: 78px; background-color: #EEE; border: 1px solid #000;}
#HeaderWrapper .LoginForm table {margin-top: 12px;}
#HeaderWrapper .LoginForm .LoginClose {cursor: pointer; float: right; height: 15px; width: 15px; background: url('../img/close.png') no-repeat;}
#HeaderWrapper .login {float: right; height: 78px; background-color: #EEE; border: 1px solid #000;}
#HeaderWrapper .login table {margin-top: 10px;}
#HeaderWrapper .login .LoginClose {cursor: pointer; float: right; height: 15px; width: 15px; background: url('../img/close.png') no-repeat;}

/*Content*/
#ContentContainer {width:900px; position: relative; float: left; min-height: 500px;}
#ContentWrapper {width: 690px; float: right; margin-top: 20px;}
#ContentHeader {width: 690px; height: 30px;}
#ContentHeader h1{float: right; margin: 0; margin-right: 40px; padding: 0; font-size: 20px; font-weight: bold;}
#ContentContent {width: 670px; font-size: 14px; padding: 10px;}

#ContentContentJS {width: 670px; font-size: 14px; padding: 10px; display: none;}

/*Menus*/
#MenusWrapper {width: 200px; float: left; display: none;}
#MenuWrap {list-style-type: none; margin: 0; padding: 0;}
#MenuWrap li {display: none;}
#MenuWrap li a{font-weight: bold; display: block; width: 155px; height: 55px; line-height: 55px; background: url('../img/menubg.png') no-repeat; background-position: center right;
			text-decoration: none; text-align: right; padding-right: 20px; color: #FFF;}
#MenuWrap li a:hover{padding-right: 20px; background: url('../img/menubghover.png') no-repeat center right !important; color: #FFF !important;}
#MenuWrap .active {display: block;}
#MenuWrap li .active {display: block; background: url('../img/menubg.png') no-repeat right center;width: 180px;}
#MenuWrap li .active:hover {display: block; background: url('../img/menubghover.png') no-repeat right center;width: 180px;}

/*Sub*/
#MenuWrap li ul {list-style-type: none; margin: 0; padding: 0;}
#MenuWrap li li a {	display: block; width: 135px; height: 30px; margin: 10px;
				text-decoration: none; text-align: right; padding-right: 20px; line-height: 30px; color: #000;}
#MenuWrap li li a:hover{}
#MenuWrap li li .active {background-color: #AAA; width: 170px; padding-right: 20px;}
#MenuWrap li li .active:hover {background-color: #AAA; padding-right: 20px;}

/*Album Images*/
#AlbumList {width: 100%; height: 50px; position: relative;}
.foldertd {text-align: center; width: 100px; height: 110px; padding: 20px 0;}
.foldertd:hover {border: none; border: 1px solid #888; width: 98px; height: 108px;}
#AlbumList a {display: block; color: #000; text-decoration: none; color: #FFF;}

/*Album index */
#AlbumWrapper p {width: 600px;}
.ImageBack {height: 50px; line-height: 50px; margin-left: 10px; text-decoration: none; color: #000;}

/*Footer*/
#FooterWrapper {Width: 900px; background-color: #000; float: left;}

/* jCrop */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.html);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/*Lightbox*/
#lbOverlay {z-index: 310; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {z-index: 320;position: absolute;overflow: hidden;background-color: #fff;}
.lbLoading {z-index: 320;background: #fff url(../img/slimbox/loading.gif) no-repeat center;}
#lbImage {z-index: 320;position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbSlide{z-index: 320;display: block;position: absolute;width: 100%;}
#lbPrevLink, #lbNextLink {z-index: 320;display: block;position: absolute;top: 0;width: 50%;outline: none;font-size: 100000px;  
/* Workaround needed for IE */
overflow: hidden;     
/* Workaround needed for IE */
color: #666;}
#lbPrevLink {z-index: 330;left: 0;}
#lbPrevLink:hover {background: transparent url(../img/slimbox/prevlabel.png) no-repeat 0 15%;}
#lbNextLink {z-index: 330;width: 100%;right: 0;}
#lbNextLink:hover {background: transparent url(../img/slimbox/nextlabel.png) no-repeat 100% 15%;}
#lbBottom {z-index: 330;font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {z-index: 320;display: block;float: right;width: 66px;height: 22px;background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {z-index: 320;margin-right: 71px;}
#lbCaption {z-index: 320;font-weight: bold;}