@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////
//                              //
//                              //
//             Tags             //
//                              //
//                              //
////////////////////////////////*/

a {
	color:#CCCCCC;
	text-decoration:none;
}
body {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	margin:0;
}
body.view {
	background-color: #312f44;
	color:#FFFFFF;
}
body.edit {
	background-color: #ffffff;
}
body, html {
	overflow: hidden;
	margin:0;
}
td {
	margin:0;
	padding:0;
}
ul {
	margin:0;
	padding:0;
}

/*////////////////////////////////
//                              //
//                              //
//       Classes and id's       //
//                              //
//                              //
////////////////////////////////*/

/*////////////////////////////////
//                              //
//                              //
// Common, use in bottom & top  //
//                              //
//                              //
////////////////////////////////*/

#bottom { /*the bottom section*/
	position: absolute;
	clear:both;
	width:100%;
	height:40px;
	background-color:#333333;
	border-top:#FFF solid 1px;
}

#colorPicker { /*the selecton of colors in bottom*/ 
	width:130px;
	height:20px;
	margin-top:11px;
	float:right;
	right:300px;
	position:absolute;
}
#colorPicker span {
	color:#999999;
	text-shadow: rgb(17, 17, 17) 0px -1px 1px;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-right:6px;
	margin-top:1px;
}
#colorPicker div {
	background-image:url(../images/colorpicker.png);
	height:20px;
	width:20px;
	float:left;
}
#colorPicker .colorBlack {
	background-position: 0px -60px;
}
#colorPicker .colordkGrey {
	background-position: 60px -60px;
}
#colorPicker .colorltGrey {
	background-position: 40px -60px;
}
#colorPicker .colorWhite {
	background-position: 20px -60px;
}
#colorPicker .colorBlackSelect {
	background-position: 0px -20px;
}
#colorPicker .colordkGreySelect {
	background-position: 60px -20px;
}
#colorPicker .colorltGreySelect {
	background-position: 40px -20px;
}
#colorPicker .colorWhiteSelect {
	background-position: 20px -20px;
}
.view .header { /*the top title*/
	color:white;
	text-shadow: black 0px 1px 1px;
	font-size:24px;
	margin:10px auto 0 auto;
	width:500px;
	display:block;
	height:40px;
}
.view .header .number {
	color:#CCCCCC;
	font-size:18px;
}
.edit .header {
	text-shadow:#666666 0px 1px 1px;
	float:left;
}
.edit .header .text {
	float:left;
	color:#333333;
	font-size:30px;
	margin-top:8px;
	margin-left:8px;
}
.edit .header .number {
	float:left;
	color:#666666;
	font-size:18px;
	padding-top:10px;
	margin-left:5px;
}
a.ovalbutton{ /*the buttons used to go backwards*/
	background: transparent url('../images/buttonleft.png') no-repeat top left;
	display: block;
	float: left;
	font-family: 'Helvetica Neue';
	font-size: 13px;
	line-height: 30px;
	height: 38px;
	padding-left: 15px;
	text-decoration: none;
	color:#535353;
	cursor:pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#535353; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/buttonright.png') no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:active{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:active span{ /* Hover state CSS */
background-position: bottom right;
color: white;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
float:left;
margin: 8px 0px 0 0;
}

.photoText {
	color:#333333;
	display: block;
	font-family: 'Helvetica Neue';
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-shadow: rgb(255, 255, 255) 0px 0px 2px;
	white-space: nowrap;
	position: absolute;
	visibility: visible;
	left:2px;
}
#imagesgrid .photoText { /*The text under the image in grid view*/
	cursor:default;
}
#images .photoText { /*The text under the image in grid view*/
	cursor:text;
}
.inputText
{
	background-color:transparent;
	border:none;
	padding:0;
	margin:0;
	color:#333333;
	font-family: 'Helvetica Neue';
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-shadow: rgb(255, 255, 255) 0px 0px 2px;
	white-space: nowrap;
}

#slider { /*the change size slider in bottom*/
	width:258px;
	position:absolute;
	float:right;
	margin-right: 15px;
	display:block;
	right:0px;
}
#slider .sliderbig {
	position:absolute;
	top:12px;
	right:32px;
	float:left;
}
#slider .slidersmall {
	position:absolute;
	right:256px;
	top:12px;
	float:left;
}
div.slider {
	top:11px;
	position:absolute;
	left:2px;
	width:206px;
	background-position:bottom;
	background-image:url(../images/track_fill_left.png);
	background-repeat:no-repeat;
	float:left;
}
div.slider div.handle {
	width:16px;
	height:16px;
	background-image:url(../images/knob.png);
	background-repeat:no-repeat;
	position:relative;
	top:2px;
}
#sliderKnob{
	cursor:pointer;
}

.view #top { /*the top section*/
	background-color:#333333;
	background-image:url(../images/topbg.png);
	background-repeat:repeat-x;
	vertical-align:top;
	padding:0px 0 0px 10px;
	font-weight:lighter;
	margin:0;
	height:100px;
	border-bottom:1px solid;
}

#view_image #top { /*the top section*/
	height:120px;
}

#view {
	visibility:hidden;
}
#viewsettings { /*How will the album be displayed*/
	height: 30px;
	width: 300px;
	padding-top: 10px;
	padding-left:10px;
	
	float: left;
	
	font-size: 12px;
	font-weight:bold;
	text-shadow: rgb(17, 17, 17) 0px 1px 1px;
}
#viewsettings a {
	text-decoration:none;
}
#viewsettings .grid, .gridcurrent {
	width:28px;
	float:left;
	padding:2px 2px 2px 25px;
	
	display:block;
	
	color:#999999;
	cursor:pointer;
	
	background-repeat:no-repeat;
}
#viewsettings .grid {
	background-image:url(../images/gridno.png);
}
#viewsettings .grid:hover, .gridcurrent {
	background-image:url(../images/gridho.png);
	color:#FFFFFF;
}
#viewsettings .mosaic, .mosaiccurrent {
	width:28px;
	float:left;
	margin-left:4px;
	padding:2px 2px 2px 25px;
	
	display:block;
	
	color:#999999;
	cursor:pointer;
	
	background-repeat:no-repeat;
}
#viewsettings .mosaic {
	background-image:url(../images/mosano.png);
}
#viewsettings .mosaic:hover, .mosaiccurrent {
	background-image:url(../images/mosaho.png);
	color:#FFFFFF;
}

/*////////////////////////////////
//                              //
//                              //
//             Skim             //
//                              //
//                              //
////////////////////////////////*/
#skim .galleryTitle {
	float: left;
	font-size: 30px;
	font-weight:normal;
	font-family: 'Helvetica Neue';
	color: #ffffff;
	text-shadow: black 0px 1px 1px;
	margin: 8px 0 0 8px;
}
#skim .albumContainer {
	height: 160px;
	overflow:hidden;
	position: absolute;
	width: 162px;
	top:10px;
}
#skim .albumHolder {
	cursor: pointer;
	background-color:#312f44;
	height:230px;
	width:162px;
	float:left;
	position:absolute;
}
#skim .albumText {
	color:#999999;
	padding-top:170px;
	text-decoration:none;
	font-size: 11px;
	font-family: 'Helvetica Neue';
}
#skim .albumHolder a {
	text-decoration:none;
}
#skim .albumTitle {
	color:#CCCCCC;
	font-size:15px;
	font-family: 'Helvetica Neue';
}
#skim .numberPhotos {
	font-size:11px;
	font-family: 'Helvetica Neue';
}
#skim #container {
	margin:auto;
}
#skim #top {
	height: 55px;
}

/*////////////////////////////////
//                              //
//                              //
//          Grid View           //
//                              //
//                              //
////////////////////////////////*/

#imagesgrid { /*the place where images is showed in grid view*/
	background-color:#312f44;
	overflow-y:scroll!important;
	overflow-x:hidden!important;
	position:absolute;
	top: 57px;  
	width:400px;
	z-index: 0;
}

#view_album #top {
	height:50px;
}

/*////////////////////////////////
//                              //
//                              //
//         Mosaic View          //
//                              //
//                              //
////////////////////////////////*/

#imagesmos {/*the place where images is showed in mosaic view*/
	background-color:#312f44;
	overflow-y:scroll!important;
	overflow-x:hidden!important;
	text-align: center; 
	width:400px;
	z-index: 100;
}
#mosaic_photo_text { /*the text below single imag e in mosaic*/
	height:20px;
}
#oneimage { /*the container round the single image in mosaic*/
	text-align:center;
	background-color:#312f44;
}

/*////////////////////////////////
//                              //
//                              //
//          Image View          //
//                              //
//                              //
////////////////////////////////*/


#controls {
	width:440px;
	margin:58px auto 0 auto;
	clear:both;
}
#controls a {
	color:#bfbfbf;
}
a#down, a#prev, a#next, div#down, div#prev, div#next, ainfo, a#share /*the buttons in imageview*/
{
	background: 16px 0 no-repeat;
	display: block;
	margin: 0px;
	width:90px;
	height:20px;
	padding:54px 0 0 0;
	float:left;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
#controls #down {
	margin-left: 7px;	
}
#controls .download{
}
#controls .downloadhover{
}
#controls .downloadnone {
	cursor:default;
	color:#666;
}
#controls #prev
{
	margin-left: 11px;
}
#controls .prev{
	background-image:url(../images/leftavi.png);
}
#controls .prevhover{
	background-image:url(../images/lefthov.png);
}
#controls .prevnone {
	background-image:url(../images/leftnon.png);
	cursor:default;
	color:#666;
}
#controls #next
{
	margin-left: 18px;
}
#controls .next{
	background-image:url(../images/rightavi.png);
}
#controls a.nexthover {
	background-image:url(../images/righthov.png);
}
#controls .nextnone {
	background-image:url(../images/rightnon.png);
	cursor:default;
	color:#666;
}
#controls #info
{
	margin-left: 12px;
}
#controls .info{
	background-image:url(../images/infoavi.png);
}
#controls a.infohover {
	background-image:url(../images/infohov.png);
}
#controls .infonone {
	background-image:url(../images/infonon.png);
	cursor:default;
	color:#666;
}
#controls #share
{
	margin-left: 12px;
}
#controls .share{
	background-image:url(../images/shareavi.png);
}
#controls a.sharehover {
	background-image:url(../images/sharehov.png);
}
#controls .sharenone {
	background-image:url(../images/sharenon.png);
	cursor:default;
	color:#666;
}
#header_imageview
{
	color:white;
	text-shadow: black 0px 1px 1px;
	font-size:24px;
	margin:10px auto 0 auto;
	float:left;
	text-align:center;
	display:block;
	height:40px;
	position:absolute;
}
#imagecontainer {
	margin:auto;
	text-align:center;
	padding:10px 10px;
}
#shareWindow { /*The window where image links are showed*/
	width:620px;
	margin:auto;
	position: absolute;
	top:150px;
	
	overflow:scroll;
	
	font-size:12px;
	
	color:#000;
	border:solid medium #333;
	
	background-color:white;
}

/*////////////////////////////////
//                              //
//                              //
//             Edit             //
//                              //
//                              //
////////////////////////////////*/










#sliderKnob, .slidersmall, .sliderbig, .slider, .pngFix, .galleryButtonImage
{ 
	behavior: url(../css/iepngfix.htc) 
}
body {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	background-color: #ffffff;
	margin:0;
}
html, body {
	overflow: hidden;
}
td {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
.dropDowns {
	color:#000;
	font-size:13px;	
}
.dropTitles {
	font-size:16px;
	font-weight:bold;
}
ul {
	margin:0;
	padding:0;
}
a.questionMark
{
	color:#F00;
}
#alert
{
	width:500px;
	min-height:100px;
	background-color:white;
	border:solid medium #333;
	color:#000;
	font-size:12px;
	position:absolute;
	text-align:center;
}
#alert ul
{
	margin:0 0 0 30px;
	padding:0 0 0 0;
	width:450px;
}
#alert ul li
{
	text-align:left;
	list-style:none;
}
#alertText
{
	margin:0  0 50px 0;	
}
#alertClose
{
	width:110px;
	height:30px;
	background-color:#666;
	color:#000;
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	position:absolute;
	bottom:5px;
	float:right;
	right:5px;
}
#createAlbum {
	padding:10px 110px 110px 110px;
	position:absolute;
	left:300px;
	top: 0; 
	z-index: 200;
	background-image:url(../images/dropDownSettings.png);
	background-repeat:no-repeat;
}
#uploadImages {
	padding:10px 110px 110px 110px;
	position: absolute;
	left:300px;
	top: 0; 
	z-index: 200;
	background-image:url(../images/dropDownSettings.png);
	background-repeat:no-repeat;
}
#editAlbum {
	padding:10px 110px 110px 110px;
	position: absolute;
	left:300px;
	top: 0; 
	z-index: 200;
	background-image:url(../images/dropDownSettings.png);
	background-repeat:no-repeat;
}
#editAlbum .editing {
	border:none;
	margin:0;
	padding:0;
	line-height:0;
	height:20px;
	top:1px;
}
#editAlbum .editor_field {
	font-size:12px;
	color:#333;
	border:none;
	margin:0;
	background-color:#CCC;
	word-spacing:normal;
	padding:0;
	width:80px;
}
#container {
	margin:auto;
}
#color-result {
	width:				60px;
	border:				1px solid rgb(90,97,90);
	background-color:	black;
}
#images {
	overflow-y:scroll!important;
	overflow-x:hidden!important;
	height:600px;
	visibility:hidden;
	display: block;
	left: 250px;
	position: absolute;
	top: 60px;
	background-color:white;
	
}
#bg {
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:0;
	padding:0;
	display:block;
}
#top {
	background-color:#333333;
	background-image:url(../images/topbg.png);
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:top;
	font-weight:lighter;
}
#topbar {
	background-image:url(../images/topbar.png);
	height:60px;
}
#gallerysettings {
	height:60px;
	margin:auto;
	text-align:center;
	position:absolute;
	width:562px;
	left:400px;
}
#gallerysettings .galleryButton {	
	width:90px;
	height:56px;
	text-align:center;
	float:left;
	margin:3px 1px 0 1px;
}
#gallerysettings .galleryButtonImage {
	margin-left:24px;
	display:block;
	border:0;
}
#gallerysettings .galleryButtonText {
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-align:center;
}
#edtiLeft .galleryButton {	
	width:90px;
	height:56px;
	text-align:center;
	float:left;
	margin:3px 2px 0 0;
}
#edtiLeft .galleryButtonImage {
	margin-left:24px;
	display:block;
	border:0;
}
#edtiLeft .galleryButtonText {
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-align:center;
}
#bottom {
	position: absolute;
	clear:both;
	width:100%;
	height:40px;
	background-color:#333333;
	z-index:800;
}
#slider {
	width:258px;
	position:absolute;
	float:right;
	margin-right: 15px;
	display:block;
	right:0px;
}
#slider .sliderbig {
	position:absolute;
	top:12px;
	right:32px;
	float:left;
}
#slider .slidersmall {
	position:absolute;
	right:256px;
	top:12px;
	float:left;
}
div.slider {
	top:11px;
	position:absolute;
	left:2px;
	width:206px;
	background-position:bottom;
	background-image:url(../images/track_fill_left.png);
	background-repeat:no-repeat;
	float:left;
}
div.slider div.handle {
	width:16px;
	height:16px;
	background-image:url(../images/knob.png);
	background-repeat:no-repeat;
	position:relative;
	top:2px;
}
#sliderKnob{
	cursor:pointer;
}

#list_to_sort {
	overflow-y:scroll;
	overflow-x:hidden;
}
#leftPanel .album, .albumHover, .albumCurrent {
	height:40px;
	width:250px;
	list-style:none;
	display:block;
	color:#333;
	position:relative;
	margin:0;
	padding:0;
}
#leftPanel .imageholder {
	height: 32px;
	overflow:hidden;
	position: relative;
	width: 32px;
	left:4px;
	top:4px;
}
#leftPanel .albumText {
	top:10px;
	left:45px;
	position:relative;
	overflow:hidden;
	height:18px;
}
#leftPanel .albumSettings{
	top:-20px;
	right:10px;
	position:relative;
	z-index:300;
	width:50px;
	float:right;
}
#leftPanel .albumSettingsImage {
	cursor:pointer;
}
#list_to_sort .inplaceeditor-form {
	top:-24px;
	left:44px;
	position:relative;
	z-index:50;
}
#list_to_sort .editor_field {
	position:relative;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size:11px;
	height:20px;
	background-color:#ff2222;
	margin:0;
	padding:0;
	border:0;
	color:#FFF;
}
#images .inplaceeditor-form {
	position:relative;
	z-index:50;
}
#images .editor_field {
	position:relative;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size:11px;
	height:20px;
	background-color:#ff2222;
	margin:0;
	padding:0;
	border:0;
	color:#FFF;
}
.albumHover, .albumCurrent {
	background-image:url(../images/selectedAlbum.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
}
#editsquare {
	position:absolute;
	height:175px;
	color:#333;
	font-size:14px;
}
#editsquare .editText{
	color:#333;
	font-size:13px;
}
#editsquare .disabled{
	color:#888;
}
#editsquare #filenameText{
	background-image:url(../images/selectedImageBar.png);
	font-size:10px;
	color:#000;
	height:18px;
	text-align:center;
	padding-top:2px;
	overflow:hidden;
	line-height:17px;
}
.image {
	border-style:solid;
	border-width:3px;
	border-color:#312f44;
}
.photoText {
	color:#333333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-shadow: rgb(255, 255, 255) 0px 0px 2px;
	white-space: nowrap;
	position: absolute;
	visibility: visible;
	left:2px;
	cursor:text;
}
















a.questionMark
{
	color:#F00;
}

#alert
{
	width:500px;
	min-height:100px;
	background-color:white;
	border:solid medium #333;
	color:#000;
	font-size:12px;
	position:absolute;
	text-align:center;
}
#alert ul
{
	margin:0 0 0 30px;
	padding:0 0 0 0;
	width:450px;
}
#alert ul li
{
	text-align:left;
	list-style:none;
}
#alertText
{
	margin:0  0 50px 0;	
}
#alertClose
{
	width:110px;
	height:30px;
	background-color:#666;
	color:#000;
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	position:absolute;
	bottom:5px;
	float:right;
	right:5px;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 5000px;
    height: 5000px;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
	width:600px;
	height:480px;
	border:#000 solid 1px;
    z-index:1002;
	background-color:#FFF;
	vertical-align:middle;
}

/*    Popup      */
#popupHeader {
	width:100%;
	height:80px;
	background:url(../images/popupHeader.png);
}

#popupHeaderText {
	padding:10px;
	font-size:50px;
	clear:both;
}

#popupContent {
	background-color:#FFF;
	width:100%;
	height:350px;
	padding-top:10px;
	color:#333;
}

#popupFooter {
	display:block;
	clear:both;
	position:absolute;
	width:100%;
	height:27px;
	padding:6px 0;
	background-color:#CCCCCC;
	border-top: solid 1px #999;
}

.popupInput {
	border:1px #999 solid;
	height:18px; font-family: 'Lucida Grande', Geneva, Arial, sans-serif;
	font-size:16px;
	margin:0;
}

#popupContent .smallText {
	font-size:10px;
	margin-top:8px;
	display:block;
}

#popupContent .table-row-title {
	font-size:14px;
	text-align:right;
	height:24px;
	vertical-align:middle;
	color:#000;
	padding:0 10px;
	/*border-right:#999 1px solid;*/
}
#popupContent label {
	display:block;
	vertical-align:middle;
}

#popupContent .table-row-option {
	font-size:14px;
	text-align:left;
	height:24px;
	/*border-right:#999 1px solid;*/
}

#popupContent .labelDiv
{
	loat:left;
	margin-top:2px;
}

#popupContent .labelCheck 
{
	display:block;
	float:left;
}
 
.btn, .btn-disabled {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 6px 8px;
	float:right;
}
 
.btn {background-image:url(../images/leftButtonGrey.png);}
 
.btn-disabled {background-image:url(../images/leftButtonGrey.png);}
 
.btn span, .btn-disabled span {
	background-color: transparent;
	background-position: top right;
	background-repeat: no-repeat;
	margin-left: -5px;
	margin-right: 8px;
	padding: 5px 12px 5px 8px;
}
 
.btn span {background-image:url(../images/rightButtonGrey.png);}
 
.btn-disabled span {background-image: url(../images/rightButtonGrey.png);}
 
a.btn:link, a.btn:visited {
	color: #000;
	text-decoration: none;
}
 
a.btn:hover {color: #666; text-decoration: none;}
a.btn:active {color: #001999; text-decoration: none;}
		
.btn-disabled {color: #CCC; text-decoration: none;}
 
a.btn, .btn-disabled {display: table-cell; vertical-align: middle;}
 
 
a.btn:link, a.btn:visited {
	color: #333;
	text-decoration: none;
}

#bg {
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:0;
	padding:0;
	display:block;
}

#container {
	margin:auto;
}


.dropDowns {
	color:#000;
	font-size:13px;	
}
.dropTitles {
	font-size:16px;
	font-weight:bold;
}
	#createAlbum {
		padding:10px 110px 110px 110px;
		position:absolute;
		left:300px;
		top: 0; 
		z-index: 200;
		background-image:url(../images/dropDownSettings.png);
		background-repeat:no-repeat;
	}
	#uploadImages {
		padding:10px 110px 110px 110px;
		position: absolute;
		left:300px;
		top: 0; 
		z-index: 200;
		background-image:url(../images/dropDownSettings.png);
		background-repeat:no-repeat;
	}
	#editAlbum {
		padding:10px 110px 110px 110px;
		position: absolute;
		left:300px;
		top: 0; 
		z-index: 200;
		background-image:url(../images/dropDownSettings.png);
		background-repeat:no-repeat;
	}
	#editAlbum .editing {
		border:none;
		margin:0;
		padding:0;
		line-height:0;
		height:20px;
	}
	#editAlbum .editor_field {
		font-size:12px;
		color:#333;
		border:none;
		margin:0;
		padding:0;
		height:20px;
		width:80px;
	}
	#editGallery {
		padding:10px 110px 110px 110px;
		position: absolute;
		left:300px;
		top: 0; 
		z-index: 200;
		background-image:url(../images/dropDownSettings.png);
		background-repeat:no-repeat;
	}
	#editGallery .editing {
		border:none;
		margin:0;
		padding:0;
		line-height:0;
		height:20px;
		top:1px;
	}
	#editGallery .editor_field {
		font-size:12px;
		color:#333;
		border:none;
		margin:0;
		background-color:#CCC;
		word-spacing:normal;
		padding:0;
		width:80px;
	}
	
#editsquare {
	position:absolute;
	height:175px;
	color:#333;
	font-size:14px;
}
	#editsquare .editText{
		color:#333;
		font-size:13px;
	}
	#editsquare .disabled{
		color:#888;
	}
	#editsquare #filenameText{
		background-image:url(../images/selectedImageBar.png);
		font-size:10px;
		color:#000;
		height:18px;
		text-align:center;
		padding-top:2px;
		overflow:hidden;
		line-height:17px;
	}
	
#gallerysettings {
	height:60px;
	margin:auto;
	position:absolute;
	width:562px;
	left:400px;
}
#gallerysettings .galleryButton {	
	width:90px;
	height:56px;
	float:left;
	margin:3px 1px 0 1px;
}
#gallerysettings .galleryButtonImage {
	margin-left:24px;
	display:block;
	border:0;
}
#gallerysettings .galleryButtonText {
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	display:block;
	height:14px;
	width:90px;
}
	#edtiLeft .galleryButton {	
		width:90px;
		height:56px;
		float:left;
		margin:3px 2px 0 0;
	}
	#edtiLeft .galleryButtonImage {
		margin-left:24px;
		display:block;
		border:0;
	}
	#edtiLeft .galleryButtonText {
		font-size:10px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	display:block;
	height:14px;
	width:90px;
	}
	
#images {
	overflow-y:scroll!important;
	overflow-x:hidden!important;
	height:600px;
	visibility:hidden;
	display: block;
	left: 250px;
	position: absolute;
	top: 60px;
	background-color:white;
	
}
	#images .inplaceeditor-form {
		position:relative;
	}
	#images .editor_field {
		position:relative;
		font-family: "Lucida Grande", Geneva, Arial, sans-serif;
		font-size:11px;
		height:20px;
		background-color:#ff2222;
		margin:0;
		padding:0;
		border:0;
		color:#FFF;
	}

#leftPanel
{
	color:#333;
	font-size:14px;
	max-width:250px;
}
	#leftPanel a {
		color:#333;
	}
	#list_to_sort {
		overflow-y:scroll;
		overflow-x:hidden;
	}
	#list_to_sort .inplaceeditor-form {
		top:-24px;
		left:44px;
		position:relative;
	}
	#list_to_sort .editor_field {
		position:relative;
		font-family: "Lucida Grande", Geneva, Arial, sans-serif;
		font-size:11px;
		height:20px;
		background-color:#ff2222;
		margin:0;
		padding:0;
		border:0;
		color:#FFF;
	}
	#leftPanel .album, .albumHover, .albumCurrent {
		height:40px;
		width:250px;
		list-style:none;
		display:block;
		color:#333;
		position:relative;
		margin:0;
		padding:0;
	}
	#leftPanel .imageholder {
		height: 32px;
		overflow:hidden;
		position: relative;
		width: 32px;
		left:4px;
		top:4px;
	}
	#leftPanel .albumText {
		top:10px;
		left:45px;
		position:relative;
		overflow:hidden;
		height:18px;
	}
	#leftPanel .albumSettings{
		top:-20px;
		right:10px;
		position:relative;
		z-index:300;
		width:50px;
		float:right;
	}
	#leftPanel .albumSettingsImage {
		cursor:pointer;
	}
	#leftPanel .albumHover, .albumCurrent {
		background-image:url(../images/selectedAlbum.png);
		background-repeat:repeat-x;
		color:#FFFFFF;
	}

.edit #top {
	background-color:#333333;
	background-image:url(../images/topbg.png);
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:top;
	font-weight:lighter;
}
.edit #topbar {
	background-image:url(../images/topbar.png);
	height:60px;
}