/***************** BASIC LAYOUT ******************/


body {
	margin:0;
	background-color:#FFF;
	color:#000;
	text-align:center;
	font-size:smaller;
	font-family:verdana,arial,helvetica,sans-serif;
	padding-top:1px;
}
#page {
	width:1003px;
	text-align:left;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
}

#contentColumn h2 {
	color:#2F308D;
	font-size:1.6em;
	font-family:"trebuchet ms";
	margin-left:80px;
}

#contentColumn #imageBlock h2 {
	margin-left:0;
}

/***************** BASIC FORM ELEMENTS ******************/

#theImageForm {
	margin:2em auto 1em auto;
	width:840px;
	position:relative;
}

#theImageForm input
{
	line-height : 15px;
	font-size : 11px;
	vertical-align : middle;
}
#theImageForm select
{
	line-height : 16px;
	font-size : 12px;
	vertical-align : middle;
}
#theImageForm select.fontFamily
{
	width : 117px;
}
#theImageForm select.fontCol
{
	width : 87px;
}
#theImageForm input.number {width:30px;}


#theImageForm a				{color:#000;text-decoration:none;}
#theImageForm a:link		{color:#000;text-decoration:none;}
#theImageForm a:visited		{color:#000;text-decoration:none;}
#theImageForm a:hover		{color:#F00;text-decoration:none;}
#theImageForm a:focus		{color:#F00;text-decoration:none;}
#theImageForm a:active		{color:#F00;text-decoration:none;}


/***************** IMAGE PANEL ******************/

#imageBlock {
	width:490px;
	height:448px;
	position:relative;
	background-image:url(http://www.cheekyteez.com.au/designModule/images/frame_green.gif);
	background-repeat:no-repeat;
}
#imageBlock h2 {
	width:490px;
	text-align:center;
	line-height:29px;
}
#imageHolder {
	width:406px;
	height:364px;
	background-color:#FFF;
	position:absolute;
	top:42px;
	left:42px;
	padding:5px 5px;
}

.hRuler, .vRuler {
	display:block;
	font-size:1px;
	border-color:#000;
	border-style:solid;
	background-color:#FFF;
	position:absolute;
}

.hRuler {
	width:5px;
	height:10px;
	border-width:0 1px 1px 0;
	top:32px;
}
.vRuler {
	width:10px;
	height:5px;
	border-width:0 1px 1px 0;
	left:32px;
}
#hRule,#vRule {
	display:block;
	font-size:1px;
	position:absolute;
	top:42px;
	left:42px;
	visibility:hidden;
}
#hRule {
	width:420px;	
	height:1px;
	border-top:1px dotted #000;
}
#vRule {
	border-left:1px dotted #000;
	width:1px;	
	height:380px;
}

#imageBlock label {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	bottom:8px;
	left:40px;
}
#imageBlock #baseImage {
	position:absolute;
	bottom:6px;
	left:190px;
}

/***************** CONTROL BLOCK ******************/

#controlBlock {
	padding:0 10px 10px 1px;
	height:438px;
	width:330px;
	position:absolute;
	top:0px;
	left:500px;
	background-image:url(http://www.cheekyteez.com.au/designModule/images/control_back2.gif);
	background-repeat:no-repeat;
}

#tabBlock {
	height:25px;
}

#controlBlock p {
	font-size:85%;
	margin:1em 0;
}

#controlBlock #textOn, #controlBlock #imageOn {
	line-height:25px;
	float:left;
	display:inline;
	height:24px;
	width:100px;
	padding:0 5px;
	text-align:center;
	top:0;
	cursor:pointer;
	background-image:url(http://www.cheekyteez.com.au/designModule/images/control_back_tab.gif);
}
#controlBlock .switchedOn {border-width:0 !important;height:25px !important;font-weight:bold;}

#controlBlock #textControls,#controlBlock #imageControls,#controlBlock #advancedControls {
	position:absolute;
	top:35px;
	left:0px;
	padding-left:10px;
	width:320px;
}
#controlBlock #imageControls, #controlBlock #advancedControls {
	left:-999em;
}

.tLeftSmall, .tRightSmall {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background-image:url(http://www.cheekyteez.com.au/designModule/images/arrows_green_white.gif);
	font-size:1px;
	margin-top:4px;
}
.tLeftSmall  {background-position:  0   0;}
.tRightSmall {background-position:-20px 0;}
.tLeftSmall:hover  {background-position:  0   -20px;}
.tRightSmall:hover {background-position:-20px -20px;}

.tLeftBig, .tRightBig {
	display:block;
	float:left;
	width:28px;
	height:27px;
	background-image:url(http://www.cheekyteez.com.au/designModule/images/arrows_green_bg.gif);
	font-size:1px;
}
.tLeftBig  {background-position:  0   0;}
.tRightBig {background-position:-27px 0;}
.tLeftBig:hover  {background-position:  0   -28px;}
.tRightBig:hover {background-position:-27px -28px;}


/***************** PANELS (SHARED) ******************/

#textControls p {
	border:1px solid #409838;
	padding:0.6em 0.6em 1.2em 0.6em;
	width:304px;
	font-size:11px;
	text-align:justify;
	background-color:#E7FEC6;
}
#controlBlock label {font-weight:bold;}

/***************** TEXT PANEL ******************/

#textControls p.note {
	position:absolute;
	left:10px;
	top:300px;
}
#controlBlock #textHolder {
	position:relative;
	margin-top:5px;
}
#controlBlock #textHolder .textLineData {
	position:absolute;
	top:0;
	left:-999em;
}

#controlBlock #textHolder .textLineData .lineNum, #controlBlock #textHolder .textLineData .lineNav,
#controlBlock #textHolder .textLineData .lineData1, #controlBlock #textHolder .textLineData .lineData2,
#controlBlock #textHolder .textLineData .lineData3, #controlBlock #textHolder .textLineData .lineNav2 {
	position:absolute;
}

#controlBlock #textHolder .textLineData .lineNum	{width:120px;font-weight:bold;font-size:1.1em;}
#controlBlock #textHolder .textLineData .lineNav	{left:200px;width:120px;text-align:right;}
#controlBlock #textHolder .textLineData .lineNav input	{display:inline;margin:0 4px;}

#controlBlock #textHolder .textLineData .lineNav2	{top:230px;left:40px;width:250px;text-align:center;}
#controlBlock #textHolder .textLineData .lineNav2 input	{display:inline;margin:0 0 10px 0;}

#controlBlock #textHolder .textLineData .lineData1	{top:30px;width:320px;}
#controlBlock #textHolder .textLineData .lineData2	{top:90px;width:320px;}
#controlBlock #textHolder .textLineData .lineData3	{top:150px;width:320px;}

#controlBlock #textHolder .textLineData .lineData1 input {display:block;width:300px;margin:5px 0 0 5px;}
#controlBlock #textHolder .textLineData .lineData3 img {float:right;}
#controlBlock #textHolder .textLineData .lineData3 label {display:block;}

#controlBlock #textHolder .textLineData a {text-decoration:none;}
#controlBlock #textHolder .textLineData a:hover {text-decoration:underline;}

select.ffs {margin-left:10px;}

/***************** IMAGE PANEL ******************/

#imageControls p {
	border:1px solid #409838;
	padding:0.6em 0.6em 1.2em 0.6em;
	width:304px;
	font-size:11px;
	text-align:justify;
	background-color:#E7FEC6;
}

#slideScale {
	position:relative;
	width:282px;
	height:60px;
	margin:1em auto;
}
#slideScale img {border-width:0;}
#slideScale #sizeSlider {
	width:28px;
	height:38px;
	position:absolute;
	top:1px;
	left:253px;
}

#controlBlock #imageControls input {display:block;margin:5px 0 10px 15px;}
#controlBlock #imageControls #i2 input {margin-left:20px;}

#controlBlock #i4 img {float:right;}
#controlBlock #i4 label {display:block;}


select#background {
	margin:5px 0 20px 15px;
	font-size:1.1em;
}

/***************** COMMON PANEL ******************/

#controlBlock #commonControls {
	position:absolute;
	bottom:8px;
	right:10px;
	z-index:40;
	width:320px;
	height:28px;
	text-align:right;
}
#controlBlock #commonControls #saveButton {
	font-size:14px;
	margin:4px 0 4px 0px;
	width:199px;
	line-height:1.2em;
}
#controlBlock #commonControls a {
	font-size:0.8em;
	position:absolute;
	left:5px;
	top:7px;
}


/***************** OTHER ASSORTED KOOKINESS ******************/

#priceReadout {
	font-weight:bold;
	text-align:right;
	padding-right:100px;
}
#thePrice {
	color:#EB3818;
}
#textBox {
	border-top:1px dashed #A6A6A6;
	border-bottom:1px dashed #A6A6A6;
	padding:0.5em;
	min-height:5em;
	margin:1.5em 6em;
}