body {
	letter-spacing: 0.02em;
}


p {
	font-size: 12px;
	margin: 0 0 10px 0;
}

form p {
	color: #777;
}

p.logged {
	font-size: 11px;
	padding: 0 10px 10px 0;
	text-align: right;
}

p.message {
	color: #77C244;
    font-size: 12px;
}


#header {
	height: 100px;
}

h1.manager {
	padding: 20px 0 0 20px;
	margin: 0px 0px 0px 0px;
	font-size: 40px;
	color: #eee;
}

h1.form {
	padding: 5px 0 0 0;
	margin: 0px 0px 0px 0px;
	font-size: 40px;
	color: #eee;
}

h2.manager {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 24px 0;
	font-size: 20px;
	color: #eee;
}

#musicInfo {
	margin: 5px 20px 0 20px;
}


#container {
	width: 980px;

}



/* MENU */

#topNav {
	height: 24px;
	background-color: #444;
	font-size: 11px;
	color: #eee;
}


#topNav ul li {
    display: inline;
    float: left;
    list-style: none;
    margin-left: 15px;

}

#topNav li {
    margin-bottom: 6px;
}

#topNav a {
    display: block;
    height: 14px;
    padding: 4px 2px 4px 15px;
    border: none;
}

#topNav a:link, #topNav a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#topNav a:hover, #topNav a:active {
    background-color: transparent;
    text-decoration: none;
    color: #576273;
}



h2.form {
	margin: 5px 0 5px 13px;
	font-weight: normal;	
	font-size: 20px;
	color:#020f25;
}

h3.form {
	margin: 5px 10px 10px 16px;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	color:#020f25;
}

p.form {
	margin: 5px 10px 15px 11px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	color:#3d4565;
}





/* TABLE STYLES */

#managelist table {
	/*border-collapse: separate;*/
	margin: 0px 0px 20px 0px;
	border:1px solid #77C244;
}

#managelist caption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	padding: 3px 5px 3px 10px;
	color: #222;
	background-color: #77C244;
}

#managelist th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;	
	padding: 5px 3px 5px 3px;
	color: #222;
	background-color: #B2B8C6;

	
	
}

#managelist td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	border:1px solid #666666;
	color: #A8ACB5;
	background-color: #444;
		
}

#managelist td.green {
	background-color: #77C244;
}

#managelist th.centre, #managelist td.centre {
	text-align: center;
	width: 45px;
}

#managelist th.centre-variable, #managelist td.centre-variable {
	text-align: center;
}


#managelist th.centre_button, #managelist td.centre_button {
	text-align: center;
	width: 50px;
}


button {
	cursor: pointer;
}

/*

table {
	width: 100%;
	border: none;
	font-size: 12px;
	color: #383838;
}

th {
	background:#b2b8c6;
	font-size: 1.1em;
	border:1px solid #ddd;
	border-collapse:collapse;
	text-align: left;
	padding:4px;
	
}

td {
	background:#ffffff;
	border:1px solid #B2B8C6;
	border-collapse:collapse;
	padding:4px;
}
*/


/* FORM STYLES */

form {
    margin: 0 0 15px 0;		
}

#style_form {	
	border: 1px solid #666;
	background: #444;
	padding: 10px 10px 10px 15px;
	display: block;
	float: left;
	width: 430px;
}

#admin_form {
	border: 1px solid #666;
	background: #444;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	/*display: block;
	float: left; */
	width: 875px;
}

#admin_form_medium {
	border: 1px solid #666;
	background: #444;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	width: 500px;
}


label {
    display: block;
}

label.checkbox {
	display:inline;
	padding-right: 5px;
}

form h2 {
	border-bottom:1px solid #555;
}

fieldset {	
	border-bottom:1px solid #555;
	padding-bottom: 20px;
	/*margin-top: 5px;
	width: 100%;	
	background: #91959E;*/
}

fieldset.delete {
	background: #e3ac1e;
}
	
/*fieldset.files input, fieldset.files select {
	margin: 0 0 10px 10px;
} */

fieldset div {
   margin: 10px 0 10px 0;	
}

fieldset div label {
    /*line-height: 1.1;
    margin: 5px 10px 0 -210px;
    width: 200px;
    float: left;
	text-align: right;*/
	color: #CCCCCC;
    font-size: 12px;
    font-weight: 700;
}

fieldset div input, fieldset div textarea, fieldset div select {
    /*display: block;
    line-height: 1;
	width: 200px;*/
}

fieldset span.warning {
	margin: 0px 0px 0px 0px;
}

fieldset div.delete-entry {
   margin: 2px 0 0 0px;	
}

input, textarea {
	margin: 3px 3px 3px 0;
   /* background: url(css/images/bg-input-gradient.png) repeat-x 0 0;*/
}

input#send {
	margin: 5px 10px 10px 0;
	 float: right;
   /* background: url(css/images/bg-input-gradient.png) repeat-x 0 0;*/
}

input.submit {
	margin: 15px 0 0 5px;
}

#comments {
    height: 100px;
    width: 400px;
}

.textfield {
    width: 250px;
}

.warning {
    color: #77C244;
    font-size: 11px;
    
}

form.uploads {
	padding: 10px;
	border:1px solid #666666;
	background-color: #444444;
	width: 880px;
	
}

div.boxuploads {
	padding: 10px;
	border:1px solid #666666;
	background-color: #444444;
	width: 880px;	
}

form.button {
	margin: 0 10px 0 0;
	float: right;
}


span.letter {
	float: left;
	width: 18px;
	height: 21px;
	background-color: #77C244;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding-top: 1px;
	margin-right: 5px;
	margin-top: 4px;
}

span.checkbox {
	color: #aaa;
    font-size: 12px;
    font-weight: normal;
    display:inline;
	padding-left: 3px;
    
}

fieldset div.entry {
	padding-bottom: 10px;

}

#boxes_colour_selector, #back_colour_selector, #container_colour_selector, #font_colour_selector {
	background: url('../../assets/images/color_icon.png');	
	width: 32px;
	height: 32px;
	float: right;
	margin-right: 260px;
	cursor: pointer;
	/*margin-right: 10px;*/
	/*border:1px solid #666666;*/
}



#packshot_selector {
	margin-top: -5px;
	width: 60px;
	height: 60px;
	float: right;	
	background-color: none;
	border: 1px solid #666666;
	clear:both;
}

#banner_selector {
	margin-top: 2px;
	width: 192px;
	height: 30px;
	float: right;	
	background-color: none;
	border: 1px solid #666666;
	clear:both;
}

#background_selector {
	width: 96px;
	margin-top: 0px;
	height: 60px;
	float: right;	
	background-color: none;
	border: 1px solid #666666;
	clear:both;
}


option.sans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

option.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

option.mono {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}

option.normal {
	font-style: normal;
	font-size: 13px;
}

option.italic {
	font-style: italic;
	font-size: 13px;
}

option.oblique {
	font-style: oblique;
	font-size: 13px;
}






button.submit {
	margin-top: 15px;
}


/* IMAGE STYLES */

#cover {	
	margin-right: 15px;
	margin-top: 0px;
	float: left;	
}


/* LIST STYLES FOR ADMIN AREAS */

.details {
	/*background-color: #1D2B42;*/
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	border:1px solid #666666;
	background-color: #444444;
	width: 600px;
}


.details-manager {
	/*background-color: #1D2B42;*/
	margin-bottom:20px;
	margin-left: 290px;
	padding: 10px 10px 0 10px;
	border:1px solid #666666;
	background-color: #444444;
	width: 450px;
	/*clear: both;*/
}


dl {
	padding: .5em;
	font-size: 12px;
	border-bottom: solid 1px;
	border-bottom-color: #666;
	clear: right;
}

dt {
	float: left;	
	width: 130px;
	text-align: right;
	font-weight: 700;
	color: #ccc;
	font-size: 12px;
}

dd:before {
	content: ": ";
}

dd {
	margin: 0 0 0 133px;
	padding: 0 0 .5em .5em;
	font-weight: normal;
	clear: right;
	color: #fff;
}


span.grey {
	font-weight: normal;
	color: #888;
	font-style: italic;
}

span.star {
	font-weight: normal;
	color: #77C244;
}

#starinfo {
	font-weight: normal;
	color: #77C244;
	font-size: 13px;
	float: right;
	clear: both;
	padding-right: 5px;
}

span.numbered {
	float: left;
	width: 26px;
	margin: 3px 0 3px 0;
}

span.tick {
	width: 40
	height: 40
	background-color: #272425;
	background-image: url('/assets/images/tick.png');
	background-repeat: no-repeat;
	text-indent: -5000px;
	position: relative;
}

span.cross {
	width: 40
	height: 40
	background-color: #272425;
	background-image: url('/assets/images/cross.png');
	background-repeat: no-repeat;
	text-indent: -5000px;
	position: relative;
}

/* JQUERY DATEPICKER STYLES */
#expiry_date {font-size:10px;}
#release_date {font-size:10px;}
#ui-datepicker-div {font-size:10px;}

.dark {
	background-color: #282828;
}

.narrow {
	width : 475px;
}

span.yellow {
	background-color: #F2EF00;
}


span.blue {
	background-color: #1CD0EB;
}

span.green {
	background-color: #5CC827;
}

span.green {
	background-color: #5CC827;
}

span.orange {
	background-color: #ffb108;
}

.green {
	background-color: #5CC827;
}



#help-images {
	
	background-color: #333;
	width: 420;
	float: left;

}

#images {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-top: 180px;
	padding: 10px 10px 14px 10px;
	background-color: #303030;

}

#styles {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-top: 300px;
	margin-bottom: 106px;
	padding: 10px 10px 14px 10px;
	background-color: #303030;

}
/*
#preview-button {
	border: 1px solid #5;
	background-color: #282828;
	width: 420;
	padding: 10px 0 0 10px;
}

#preview-button input {
	margin-top: 10px;
	cursor: pointer;
}
*/


fieldset div.form-info {
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	/*border-bottom: 1px solid #444; */
	background-color: #333;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 5px 5px 5px 5px;
	
}

fieldset div.form-info p {
	color: #777;

}


/* JQUERY MODAL UPLOAD ANIMATION STYLES */

#simplemodal-container a.modalCloseImg {
	background:url(/asset/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {
	background-color:#000; 
	cursor:wait;
}

/* Container */
#simplemodal-container {
	height:200px; 
	width:360px; 
	color:#666; 
	background-color: #fff; 
	border:4px solid #444;
	padding:12px;
}

#simplemodal-container .simplemodal-data {
	padding:8px;
}

#simplemodal-container code {
	background:#141414; 
	border-left:3px solid #65B43D; 
	color:#bbb; display:block; 
	font-size:12px; 
	margin-bottom:12px; 
	padding:4px 6px 6px;
}

#simplemodal-container a {
	color:#ddd;
}

#simplemodal-container a.modalCloseImg {
	background:url(/assets/images/x.png) no-repeat; 
	width:25px; height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-16px; 
	cursor:pointer;
}

#simplemodal-container h3 {
	color:#77C244;
	font-size: 18px;
}


/*#simplemodal-overlay { 
	height:100%; 
	width:100%; 
	position:fixed; 
	left:0; 
	top:0; 
	z-index:3000; 
	background-color:#000; 
	cursor:wait; 
}

#simplemodal-container { 
	height:140px; 
	width:160px; 
	position:fixed; 
	left:50%; 
	top:25%; 
	margin-left:-80px; 
	z-index:1000; 
	background-color:#fff; 
	border:3px solid #666; 
}

#simplemodal-container  #progress-message { 
	padding:10px; 
	text-align:center; 
	color:#666; 
}*/