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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
	} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
	} 
fieldset,img {  
	border:0; 
	} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
	} 
ol,ul,ul li {
	list-style:none;
    list-style-type:none;
	} 
caption,th { 
	text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
	}
	q:before,q:after { 
	content:''; 
	} 
abbr,acronym { 
	border:0; 
	}
a, a img {
    text-decoration:none;
    border:none
}
/* --- css stylesheet main rules for CherishedFiles for West Midlands Media by Richard Henry 2009 --- */
body {
	background-color:#1a1a1a;
	color:#9c9c9c;
    font-size:medium;
	font-family:Myriad Pro, Lucida grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#page {
	width:1011px;
	height:100%;
	padding:0;
	margin:0 auto 0 auto;
	/*background-color:red;*/
    /*background-color:#0e0e0e;*/
    background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#information {
	clear:both;
	width:1011px;
	height:100%;
	padding:7px 0 7px 0;
	margin:0;
	background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#information #informationcontent {
	/*clear:both;*/
	float:left;
	background:transparent;
	display:inline;
	width:896px;
	height:100%;
	margin:9px 18px 6px 65px;
}
#information #informationcontent h1 {
	color:#dcdcdc;
	padding-bottom:3px
}
#information #informationcontent p {
	color:#808080;
	font-size:86%;
	background:transparent;
}
#banner {
	width:1011px;
	height:273px;
	background-image:url(../pictures/flatflash.jpg);
	background-color:#1a1a1a;
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:800;
	position:inherit;
	z-index:1
}
#header {
	width:937px;
	height:160px;
        background-color:#1a1a1a;
	/*background-image:url(../pictures/crlogo.png);
	background-position:56px 26px;
	background-repeat:no-repeat;*/
	margin:0 0 0 37px;
        position:relative
}
#header img#crlogo {
	/*margin:27px 0 0 56px;
	display:inline;
	clear:none;
	float:left;*/
	position:absolute;
	top:77px;
	left:56px
}
#loggedininfo {
	/*margin:27px 65px 0 0;
	display:inline;
	clear:none;
	float:right;*/
    clear:both;
    float:left;
    margin:5px 0 0 5px;
    display:inline;
	font-size:86%;
	/*position:absolute;
	top:10px;
	left:5px*/
}
#adminlinks {
	/*margin:27px 65px 0 0;
	display:inline;
	clear:none;
	float:right;*/
	font-size:86%;
	position:absolute;
	top:10px;
	left:10px;
}
#adminlinks strong {
    color:#ffffff
}
ul.adminlist {
    clear:both;
    float:left;
    margin:10px 0 0 20px;
    padding:10px 0 0 20px
}
ul.adminlist li {
    font-size:106%;
    line-height:23px
}
ul.adminlist li a {
    color:#dcdcdc;
    padding:2px
}
ul.adminlist li a company {
    color:#ffcae4;
}
ul.adminlist li a:hover {
    color:#ffe5ca;
    background-color:#4c007f
}
ul.adminlist li a.inactive {
    color:#ddd0db
}
#loggedininfo strong, #adminlinks a {
	color:#dcdcdc;
	font-weight:700
}
#adminlinks a {
	color:#9e9e9e;
	font-weight:700;
    margin-right:10px
}
#adminlinks a:hover {
	color:#dcdcdc
}

#loggedininfo p {
	float:right	
}
a#logout {
	font-size:86%;
	position:absolute;
	top:10px;
	right:20px;
    float:right;
    margin-right:50px;
    color:#922ced;
}
a#logout:hover {
	color:#dcdcdc
}
#header #topmenustrip {
    position:absolute;
    bottom:8px;
    right:40px;
	outline:none
}
#header #topmenustrip ul {

}
#header #topmenustrip ul li {
    clear:none;
    float:left;
    display:inline;
    margin-right:26px;
	border-top:2px solid #1a1a1a;
	padding-top:5px
}
#header #topmenustrip ul li:hover {
	color:#ffffff;
	border-top:2px solid #5b009f;
}
#header #topmenustrip ul li a {
	color:#9e9e9e;
}
/*#sitetop {
	width:1011px;
	height:55px;
	background-image:url(../pictures/sitetop.png);
	background-position:top left;
	background-repeat:no-repeat;
    position:relative
}
#sitetop a#infotrigger {
	position:absolute;
	left:50px;
	top:29px;
	color:#b9b2c2;
	font-size:80%
}*/
form#sitesearch {
    position:absolute;
    bottom:8px;
    right:274px
}
form#sitesearch input {
    background-color:#4c007f;
    border:none;
    width:154px;
    height:20px;
    padding:3px 3px 3px 3px;
	color:#ffffff;
	/*color:#414141*/
}
a#submitsearch,a#submitsearchagain {
	color:#b9b2c2;
	position:absolute;
	bottom:12px;
	right:187px;
    height:20px;
	font-size:82%;
	text-transform:uppercase;
}
a#submitsearch:hover,a#submitsearchagain:hover {
	color:#ffffff;
	cursor:pointer
}
#filterform label {
    font-size:106%;
    color:#e0d2c7;
    margin-left:6px
}
#filterform select {
    clear:none;
    display:inline;
    float:left;
    margin-left:6px
}
#categoriesmenu {
	position:absolute;
	top:160px;
	right:16px;
	height:auto;
	z-index:100;
	overflow:hidden;
	width:170px;
        border:2px solid #606060;
        border-bottom:3px solid #606060
}
#categoriesmenu ul {
	list-style-type:none;
	width:100%
}
#categoriesmenu ul li {
	height:30px;
	overflow:hidden;
	font-size:80%;
	margin:0;
	padding:0;
	background-color:#1a1a1a
}
#categoriesmenu ul li:hover {
	background-color:#3c363a
}
#categoriesmenu ul li a {
	width:100%;
	height:auto;
	float:left;
	color:#e0d2c7;
	padding:6px 0 6px 9px;
	margin:0;
	border-bottom:1px dashed #606060
}
#categoriesmenu ul li a:hover {
	color:#ffffff
}
#categoriesmenu ul li {
	margin:-4px 0 0 0;
}
/*---sliding access panel---*/
/* Panel Tab/button */
.tab {
  	background: #242424 url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: absolute;
  	/*float: right;
  	clear: right;*/
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	/*margin: 0;*/
	right: 0;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	border-bottom:5px solid #4b0081
}

#accesspanel {
	width: 100%;
	height: 70px;
	background-color: #242424;
	overflow: hidden;
	position: relative;
	left:0;
	z-index: 3;
	display: none;
	/*border-bottom:5px solid #4b0081;*/
	color:#98999c;
	font-size:90%;
}
/*---end access panel---*/
/*---upload pages---*/
#fileNameDisplay {
    clear:both;
    float:left;
    border:1px solid #3f3f3f;
    border-bottom:2px solid #3f3f3f
}
#fileassociations {
    clear:none;
    float:right;
    display:inline;
    margin:0 30px 0 0
}
#tradelogin form, #newslettersignup form {
    clear:both;
    float:left;
    margin:10px 0 0 21px
}
#newslettersignup form {
	margin-top:2px
}
#tradelogin form input, #newslettersignup form input {
    clear:none;
    float:left;
    margin:0 10px 0 10px;
    background-color:#d1d1d1;
    border:none;
    height:18px;
    width:190px;
    padding:3px;
	color:#353535
}
#tradepassword {
	padding:5px
}
#tradelogin form input.signsubmit, #newslettersignup form input.signsubmit {
    width:65px;
    height:23px;
    padding:2px 5px 7px 3px;
    background-color:#48007d;
    color:#d2d0d3;
    font-size:80%
}
#tradelogin form input.signsubmit:hover, #newslettersignup form input.signsubmit:hover {
	color:#072103;
	background-color:#B7FF82
}
#tradelogin form input[type=password] {
background-color:#686868;
color:#ffffff;
padding:4px 4px 3px 4px
}
form#registerdetails input.formbutton {
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	border:0;
    color:#d2d0d3;
    font-size:80%;
	padding:2px 5px 7px 3px;
	clear:both;
	float:left;
	margin:15px 0 0 0
}
a.homeaccount {
	float:right;
	margin:6px 34px 0 0;
	width:50px;
	font-size:82%;
    height:17px;
}
a.homeaccount span {
	margin:6px 0 0 4px
}
#newslettersignup form {
	margin-top:35px
}
/* --- main --- */
#content {
    height:100%;
    /*width:937px;*/
	width:1011px;
	float:left;
	/*margin:0 0 0 37px;*/
	margin:0 0 0 0;
    /*background-color:#0e0e0e*/
	/*background-color:red;*/
    /*background-color:#0e0e0e;*/
    background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#content #main {
	height:100%;
	padding-bottom:10px;
	width:896px;
    margin:20px 0 30px 69px;
	font-size:80%;
	clear:both;
	float:left;
	background-color:#242424;
	border-top:1px solid #3f3f3f;
	border-bottom:2px solid #4b007f;
    position:relative;
    z-index:1
}
#main h1 {
	font-size:130%;
	color:#dcdcdc;
	margin:10px 0 0 10px;
	width:50%
}
.highlight {
    color:#dcdcdc
}
.panelheading {
    clear:both;
    float:left;
    padding:4px 0 2px 0;
    color:#e0d2c7;
    font-size:106%
}
/* --- form stuff --- */
input, button {
    background-color:#848484;
    border:none;
    margin:6px 0
}
input.submitbutton {
    clear:both;
    padding:3px;
    background-color:#848484;
    color:#ffffff;
    border:1px solid #ffffff;
}
input.submitbutton:hover {
    background-color:#4c1a7e;
    color:#e2cff5;
    border:1px solid #666666
}

/*---styled selects---*/
span.select {
position:absolute;
width:135px; /* With the padding included: the actual width of the image. */
height:22px;
padding:1px 24px 0 8px;
color:#2e2e2e;
font-size:130%;
background: url("../pictures/crselect.png") no-repeat;
overflow:hidden
}
#fileCategories #fileCategory1 {
top:4px;
right:0
}
#selectfilter, #selecttype, #selectaccessorytype {
top:4px;
right:0
}
#selectproducttype, #selectroom {
top:38px;
right:0
}
#selectsort {
top:70px;
right:0
}
#listingpage.accessories #selectsort {
top:38px;
}
/* --- footer --- */
#footer {
    clear:left;
    float:left;
    width:1011px;
    height:90px;
    margin:0 auto 0 auto;
	padding:8px 0;
	background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#footer #copyright {
	border-top:4px solid #4b007f;
	width:896px;
    height:20px;
    margin:20px 0 30px 69px;
	font-size:80%;
	float:left;
	display:inline;
}
#footer #copyright p {
    float:left;
    margin:10px 0 0 15px;
	display:inline;
}
#footer #copyright a {
	color:#9c9c9c
}
#footer #copyright a:hover {
	color:#ffffff
}
#footer #footlinks {
	float:right;
	margin:10px 15px 0 0;
	display:inline;
}
#footer #footlinks a {
	color:#9c9c9c;
}
#footer #footlinks a:hover {
	color:#ffffff
}
#footer #furtherlinks {
	clear:both;
	margin:6px 62px 8px 60px;
}
#footer #furtherlinks a {
	float:right;
	margin:0 3px;
	font-size:80%;
	color:#994ace
}
#footer #furtherlinks a:hover {
	color:#c294e2
}
/*---forms---*/
#pagecontent form {
clear:both;
margin:10px
}
#pagecontent fieldset {
margin:0 10px 10px 0;
padding:10px 6px;
/*background-color:#fafafa;
border-left:1px solid #363636;
border-right:1px solid #363636;
border-bottom:1px solid #363636;
363636
*/
border:1px solid #3f3f3f;
border-bottom:2px solid #3f3f3f;
overflow:auto;
width:auto;
float:left;
display:inline;
font-size:106%
}
#pagecontent label, #pagecontent form .label  {
clear:both;
float:left;
display:block; 
margin:0.6em 4px 0 0;
padding:2px;
width:auto;
color:#adadad
}

#pagecontent textarea {
clear:both;
float:left;
display:block; 
padding:0;
vertical-align:top;
margin:2px 2px 1px 3px;
background-color:#c5c5c5;
color:#383838;
border:0
}
textarea#fileDescription {
clear:both;
float:left;
background-color:#c5c5c5;
margin:20px 0 10px 0;
border:2px solid #4b007f
}
#pagecontent input[type=text] {
clear:both;
float:left;
margin:0;
padding:2px 0;
background-color:#d1d1d1;
color:#383838;
border:1px solid #9c9c9c
}
* html #pagecontent input {
clear:both;
float:left;
margin:0;
padding:2px 0;
}
#pagecontent input[type=text].flatgreyfield {
    background-color:#4c007f;
    border:none;
    color:#ffffff;
    padding:3px 0 3px 2px
}
#pagecontent input[type=text].flatgreyfield.contrast {
background-color:#4f4f4f;
color:#dcdcdc;
font-size:110%;
padding:4px 2px
}
#pagecontent select {
clear:both;
float:left;
margin:2px 0;
padding:0 
}
/* --- file view pages ---*/
#imagebox, #filebox {
clear:both;
float:left;
width:890px;
border:3px solid #4b0081;
}
#filebox {
clear:both;
float:left;
width:600px;
border:3px solid #4b0081;
padding-bottom:6px
}
#imagemanipulatepage #imagebox {
background-color:#4e4e4e;
border:1px solid #ece9d8
}
#imageresizepage #imagebox {
background-color:#4c007f
}
a#resizesubmit {
clear:both;
float:left;
font-size:130%;
padding:5px;
border:1px solid #e0d2c7;
margin:10px 0 0 2px
}
a#resizesubmit:hover {
color:#ffffff;
text-decoration:none;
background-color:#4c007f
}
#imagebox p {
margin:10px 6px;
width:588px;
color:#dcdcdc;
font-size:110%
}
.detailspanel {
clear:none;
float:right;
display:inline;
text-align:left;
margin:0 3px 0 9px;
padding:3px;
border:1px solid #606060;
width:270px;
height:auto;
}
.formheading {
color:#e0d2c7;
clear:both;
float:left;
margin-left:0
}
#filebox .detailspanel {
float:left;
}
#filebox p {
clear:none;
float:left;
display:inline;
width:280px;
margin:8px 12px;
color:#dcdcdc
}
.detailspanel.wider {
clear:none;
float:left;
display:inline;
text-align:left;
margin:9px 0 0 6px;
padding:3px 3px 9px 3px;
border:none;
width:570px;
height:auto;
font-size:106%;
}
.detailspanel.wider img.dlthumb {
clear:none;
float:right;
display:inline;
margin:0 6px 0 0;
padding:3px;
border:1px solid #e0d2c7;
}
#imagemanipulatepage #imagebox .detailspanel {
background-color:#292929;
border:1px solid #9c9c9c
}
#imageresizepage #imagebox .detailspanel {
background-color:#242424
}
#imagemanipulatepage h1 {
color:#e0d2c7;
padding-bottom:6px;
font-size:130%
}
#previewbox {
clear:right;
margin:5px 0 0 0;
border:none;
height:500px
}
#imagemanipulatepage .detailspanel {
width:250px;
}
#croppedwidth, #croppedheight {
font-size:120%;
color:#e0d2c7
}
.detailspanel ul {
clear:both;
float:left;
margin:6px 0;
padding:6px 0;
}
.detailspanel a {
color:#9c9c9c;
font-size:104%;
}
.detailspanel a:hover {
color:#dcdcdc;
text-decoration:underline
}
/* --- search results and listings ---*/
#searchdetails {
position:absolute;
top:5px;
right:10px;
border:1px solid #e0d2c7;
z-index:99;
padding:4px 6px 6px 0
}
.emphasis {
font-size:106%;
font-weight:bold;
color:#ffffff
}
#filterform {
clear:both;
float:left;
margin:14px 0 0 7px;
}
#filterform #sort {
clear:none;
float:left;
display:inline
}
#searchagain {
clear:both;
float:left;
margin:14px 0 0 6px;
background-color:#4c007f;
color:#ffffff;
height:20px;
padding:3px;
width:172px
}
a#submitsearchagain {
/*top:106px;
top:126px;*/
top:145px;
left:204px;;
font-size:104%;
width:90px;
border:1px solid #e0d2c7;
padding:2px;
text-align:center
}
.searchnotice {
clear:both;
float:left;
margin:4px 0 0 12px;
font-size:106%;
color:#dcdcdc
}
.searchnotice.tight {
font-size:92%;
}
#frontlogin {
clear:both;
float:left;
margin:10px 0 0 10px
}
.listingstrip {
clear:both;
float:left;
width:840px;
height:auto;
padding:5px 0;
margin:3px 0;
border-bottom:2px solid #606060
}
.listingpicture {
clear:none;
float:left;
display:inline;
margin:0 8px;
padding:3px;
width:184px;
overflow:hidden;
height:auto;
border:2px solid #606060
}
.listingpicture.viewcorner {
width:120px;
height:120px;
overflow:hidden;
margin:0 5px
}
.listingpicture img {
width:184px;
height:auto;
/*opacity: .9;
filter: alpha(opacity=90)*/
}
.listingpicture img:hover {
/*opacity: 1;
filter: alpha(opacity=100)*/
}
.listingpicture:hover {
border:2px solid #8100df;
}
.listingpicture img.icon {
width:48px;
height:48px
}
.listingpicture h5 {
height:19px;
overflow:hidden;
text-indent:2px
}
.listingpicture.viewcorner h5 {
/*background-color:#707070;*/
}
.listingpicture h5:hover {
background-color:#4b0081;
}
.listingpicture h5 a {
color:#dcdcdc;
padding:3px 0;
font-size:108%
}
.listingpicture h5 a:hover {
color:#ffffff
}
fieldset#filedetails {
clear:none;
float:left;
display:inline;
position:relative;
width:614px
}
fieldset#filetags {
clear:both;
float:left;
display:inline;
}
#imageuploadbutton {
clear:both;
float:left;
margin:6px 0
}
#addfilesubmit {
position:absolute;
bottom:11px;
right:13px
}
/*---*/
/*
Default style definitions for:

Uploadify v1.6.2
Copyright (C) 2009 by Ronnie Garcia
Co-developed by Travis Nickels
*/
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
/*---facebox modal styles---*/
#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* --- paging and sorting --- */

#paginglinks {
/*clear:right ;*/
float:right;
height:30px;
margin:14px 56px 0 0;
width:882px;
/*width:100%;*/
/*border:1px solid #9c9c9c*/
}
#paginglinks table {
float:right
}
#paginglinks.double {
height:80px;
/*background-color:#ffffff;*/
}
#paginglinks.triple {
height:110px;
/*background-color:#ffffff;*/
}
#paginglinks a {
text-decoration:none;
color:#a0a0a0
}
#paginglinks .pages {
clear:none;
float:left;
display:inline	;
margin:0 5px;
background-color:transparent;
color:#b5b5b5;
font-weight:bold;
padding:0;
text-align:center
}
#paginglinks .pages a {
/*border:1px solid #496579;*/
width:18px;
display:block;
padding:2px 3px;
}
#paginglinks .pages a:hover  {
background-color:#5f5f5f;
color:#ffffff;
cursor:pointer;
/*border:1px solid #fbdcbd*/
}
#paginglinks .currentpage {
float:left;
margin:0 5px;
width:18px;
height:23px;
background-color:#47007a;
color:#ffffff;
font-weight:bold;
padding:2px 3px;
text-align:center
}
#paginglinks .currentpage a:hover {
color:#f39a43;
cursor:pointer
}
#paginglinks a.nextpage {
font-size:13px;
width:67px;
font-weight:600;
margin-top:10px
}
#paginglinks a.nextpage:hover {
color:#82e676
}
/*--- jcrop styling for the manipulation page ---*/
#truewidth, #trueheight, #ratio, #ratiow, #ratioh {
display:none
}
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}