body {
	width : 100%;
	font-family : Verdana, Arial, sans-serif;
	font-size : 100%;
}

img {
	border : 0;
}

h1 {
	text-align : center;
}

p {
	line-height : 22px;
}

a {
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}

.wrap {
	width : 100%;
}

.main {
	width : 780px;
	border : 1px solid #cccccc;
	padding : 10px;
	margin : 0 auto;
	text-align : left;
}

.samples {
	margin : 0 auto;
}

.leaderad {
	width : 768px;
	margin-left : auto;
	margin-right : auto;
}

.disclaimer {
	font-size : xx-small;
	line-height : 16px;
}

.socialmedia {
	line-height : 3em;
}

div.clear {
	clear: both;
}


form {
	width : 100%;
	font-size : 90%;	
}

form p {
	font-size : 90%;
}

#imagepreview {
	background-color : #000000; 
	width : 1px; 
	display : none; 
	position : relative;
	left : 30px;
	top : 5px;
}

label {
	width : 9em;
	font-size : x-small;
	font-weight : bold;
	display:block;
	float : left;
	margin-right : 0.5em;
	margin-top : 2px;
	text-align : right;
}

input, select {
	margin-left : 0.5em;
}

pre { 
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ 
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.farbtastic {
  position: relative;
  top : -100px;
  float : right;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(marker.png) no-repeat;
}

ul.menu {
	list-style : none;
}

#selectimage {
	padding : 10px;
}
#selectimage img {
	background-color : #000000;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    height : 80%;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
    overflow : auto;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#tabs-menu ul {
	list-style-type : none;
	display:block;
	position:relative;
	margin:0;
	padding:3px;
}

#tabs-menu ul li {
	display:block;
	float : left;
	margin : 5px;
	background-color : #cccccc;
	color : #000000;
}

#tabs-menu ul li a {
	padding : 3px;
	cursor : hand;
}