* {
	font-size: 100%;
}

html, body {height: 100%;}

body {
	line-height: 1;
	background: rgb(240,240,240);
	margin: 0;
	padding: 0;
}

body,input,select,ul,textarea {
	color: #666666;
	font-family: Lucida Sans, tahoma, verdana, arial;
	font-size: 11px;
}

p {
	margin: 0 0 1em 0;
	line-height: 140%;
}

ul, ol {
	margin-left: 0px;
	padding-left: 10px;
}

li {
	line-height: 140%;
}

a {
	color: #ff3db7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.spaced {
	border:0;
	border-collapse: separate;
	border-spacing: 3px;
}

th {
	background: #ff3db7;
	color: white;
	font-weight: bold;
	text-align: left;
}


.pink_panel {
	background-color:#ff3db7;
	padding:10px;
	font-size:10px;
	color: white;
	width:199px;
	vertical-align:top
}

.pink_panel a {
	color: #000;	
}

.profile_header {
	text-align:center;
	/*background-color:rgb(240,240,240);
	border-top: 1px solid rgb(210,210,210);*/
	padding-left:2px;
	margin-bottom:5px;
	padding: 5px 0;
	width:100%;
}

.photo_description {
	border:1px solid rgb(210,210,210);
	background-color: rgb(240,240,240);
	padding:20px;
	text-align:center;
	width:460px;
}

td {
	line-height: 130%;
}

.information {
	color:blue;
	margin-bottom: 10px;
}

.pink, .maincolour {
	color: #ff3db7;
}

.white_panel {
	line-height:150%;
	background-color:#fff;
	width:191px;
	vertical-align:top
}

.panel_right {
	padding: 0 10px;
	font-size: 10px;
}

.panel_center {
	padding:0px;
	margin:0 -6px;
	width:520px;
}

.cv_panel {
	margin-top:10px;
	padding:10px;
	width:488px;
	background-color:rgb(240,240,240);
}

.fourohfour {
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 70%;
	background: #F1F3F5;
	overflow: auto;
}


abbr, acronym { 
	border-bottom: 1px dotted #e25827; 
	cursor: help; 
}

caption {
	text-align: left;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

span.underline {
	text-decoration: underline;
}

label {
	cursor: pointer;
}

div.clear {
	clear: both;
}

.hidden{
	display: none;
}

.tip {
    padding: 0px 5px;
	font-weight: bold;
	cursor: help;
	font-size: 14px;
}

.highlightOffEven {
	background-color: white;
}
.highlightOffOdd {
	background-color: rgb(240,240,240);
}
.highlightOn {
	cursor:pointer;
	background-color: #ff3db7;
	color: white;
}

.wall_post {
	margin-bottom: 5px;
}
.wall_post, .wall_post_header {
	background-color: rgb(240,240,240);
}

.wall_post_delete {
    float:right;
}

.wall_post_delete:hover 
{
    background-color:white;
    cursor:pointer;
}

/* COLOUR PICKER */
#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: move; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; position: relative; top: -1px; }
#plugCLOSE { FLOAT: right; cursor: pointer; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #FFF; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px; }

#SV { background: #FF0000 url('http://www.colorjack.com/software/media/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('http://www.colorjack.com/software/media/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('http://www.colorjack.com/software/media/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }


/* MODAL POPUPS */
#progressBackgroundFilter { 
  position:fixed; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
}
 
#processMessage {  
  position:fixed;  
  top:30%;  
  left:43%; 
  padding:10px; 
  width:240px; 
  z-index:1001; 
  background-color:#fff; 
}