BODY {
	margin: 0px;

	color:#333333;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	
	width: auto;
}


a:link			{ color : #666666; text-decoration: none;}
a:visited		{ color : #666666; text-decoration: none;}
a:active		{ color : #666666; text-decoration: none;}

.space2pix		{ font-size: 2px; }
.space4pix		{ font-size: 4px; }
.space8pix		{ font-size: 8px; }
.space10pix		{ font-size: 10px; }

.preview {
	display:none;
}

.notPreview {
}

.invisible {
	opacity:0.0;
}

#footer {
	display:none;
}

#main {
}

.pageHeader {
    font-size:		16pt;
    font-weight:	bold;
}

.rounded {
	background: #fff9f9;
    padding-top: 	6pt;
    padding-bottom:	6pt;
    padding-left:	5pt;
	width: 314px;
	height: 40px;
	background-image:url('img/gbar_greyWhiteSeparator.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}

.tmfCategory {
	width: 			308px;
	height: 		40px;
	line-height: 	40px;
    padding-left:	12px;
    padding-top: 	2pt;
    padding-bottom:	2pt;
}

.carat {
	float:right;
	width: 	30px;
	height: 36px;
	background-image:url('img/stitch_carat.png');
	background-repeat:no-repeat;
	background-position:center;
}

.dashing {
	width: 	320px;
	height: 2px;
	background-image:url('img/gbar_greyWhiteSeparator.png');
	background-repeat:no-repeat;
	background-position:bottom;

}

.addNew {
	float:left;
    margin-top: 	3pt;
    margin-left: 	10pt;
}

.divLink {
	color : #666666;
	font-size: 15px;
	font-weight: bold;
}

.attribute {
    display:inline-block;
	color: #666666;
    width: 100px;
    text-align: right;
	font-weight: bold;
}

.range {
	float:left;
    margin-top: 	9pt;
}

.dropdown {
    margin-top: 	9pt;
}

.value {
	display:inline-block;
	color: #5A503C;
	font-weight: bold;
}

.templateCategoryName {
	display:inline-block;
	color : #666666;
	font-size: 15px;
	font-weight: bold;
}

.templateName {
	display:inline-block;
	color : #666666;
	font-size: 15px;
	font-weight: normal;
}

.heading {
	display:inline-block;
	color: #333333;
	font-weight: bold;
	font-size: 14pt;
	text-transform:uppercase;
}

input {
	border: 1px solid #e0e0e0;
	background: #ffffff;
	font-size: 12px;
	color: #5A503C;
	font-weight: bold;
	width: 180px;
  	padding-top: 8px;
  	padding-bottom: 8px;
  	padding-left: 4px;
  	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}    

textarea {
	border: 1px solid #e0e0e0;
	background: #ffffff;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
  	padding: 4px;
  	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

}

input:invalid, input:focus:invalid	{
    -moz-box-shadow: none;
    background: #fff3f3;
    border-color: #dddddd;
}

.title {
	color: #5A503C;
	font-weight: bold;
   	padding-top: 10px;
 	padding-bottom: 4px;
  	padding-left: 10px;
}

.intro {
  	padding: 10px;
	font-size: 14px;
}



/* Create LTT slider style with green image handle */

input[type='range'] {  
	
	width: 275px;  
	-webkit-appearance: none;  
	border: 0px;  
	height: 16px; 
	margin-top: 12px; 
	padding-right: 2px; 
	padding-left: 2px; 
	background:#fff9f9;
	background-image:url('img/slidertrackNew.png');
	background-repeat:no-repeat;
	background-position:center;
}  
		
input[type='range']::-webkit-slider-thumb {  
	-webkit-appearance: none;
	z-index: 100;  
	width: 30px;  
	height: 39px; 
	-webkit-border: 0px;  
	border: 0px;  
	background:#fff9f9;
	background-image:url('img/sliderbuttonNew.png');
	background-repeat:no-repeat;
	background-position:center;
}



/* used for view entry */
/* view entry may be broken if we use this css*/
div.separator {
			height: 2px;
			width: 	300px;
			background-image:url('gbar_greyWhiteSeparator.png');
			background-repeat:no-repeat;
			background-position:bottom;
			border-top:  	0px;
			border-bottom:  0px;
}






